@ctrliq/quantic-components 1.85.0 → 1.85.1

package/dist/meta.json

@@ -1,6 +1,6 @@
 {
   "schemaVersion": 1,
-  "generated": "2026-08-28T16:29:07.660Z",
+  "generated": "2026-08-28T16:42:21.311Z",
   "components": [
     {
       "tag": "quantic-action-group",

package/dist/quantic-components.js

@@ -322,13 +322,20 @@
      *
      * Chrome doesn't re-evaluate :has() in shadow DOM when light-DOM children
      * arrive asynchronously (e.g. React CSR). A capture listener on the shadow
-     * root intercepts all slotchange events internally and sets inline styles to
-     * override the CSS — no wiring required in component templates.
+     * root intercepts all slotchange events internally and marks filled slots with
+     * `data-slot-filled`, no wiring required in component templates.
+     *
+     * That reveal has to be a rule inside `quantic-slot-visibility`, not an inline
+     * style. Inline declarations sit in the implicit unlayered layer, which the
+     * cascade orders after every explicit layer, so an inline
+     * `display: revert-layer` reverts to the `display: none` above rather than
+     * past it.
      *
      * @example
      * class MyElement extends AutoHideEmptySlotsMixin(QuanticElement, ['header', 'footer']) {}
      * class Toast extends AutoHideEmptySlotsMixin(QuanticElement, ['title', '', 'action']) {}
      */
+    const FILLED_ATTRIBUTE = 'data-slot-filled';
     const AutoHideEmptySlotsMixin = (superClass, slots = []) => {
         var _AutoHideEmptySlotsClass_instances, _AutoHideEmptySlotsClass_slotListenerAttached, _AutoHideEmptySlotsClass_isMeaningful, _AutoHideEmptySlotsClass_onSlotChange, _AutoHideEmptySlotsClass_attachSlotListener, _AutoHideEmptySlotsClass_detachSlotListener;
         if (slots.length === 0)
@@ -346,6 +353,7 @@
                 `${sel} { display: none; }`,
                 whenSlotPresent(name, r$6(`${sel} { display: revert-layer; }`))
                     .cssText,
+                `${sel}[${FILLED_ATTRIBUTE}] { display: revert-layer; }`,
             ].join(' ');
         })
             .join(' ');
@@ -367,7 +375,7 @@
                     const hasContent = slot
                         .assignedNodes({ flatten: true })
                         .some(__classPrivateFieldGet(this, _AutoHideEmptySlotsClass_isMeaningful, "f"));
-                    slot.style.display = hasContent ? 'revert-layer' : '';
+                    slot.toggleAttribute(FILLED_ATTRIBUTE, hasContent);
                 });
             }
             static finalizeStyles(styles) {
@@ -2956,9 +2964,10 @@
 
     .icon {
       display: inline-flex;
+      align-items: center;
       flex-shrink: 0;
+      height: var(--quantic-line-height-body-sm);
       color: var(--quantic-component-alert-icon-color);
-      line-height: 0;
     }
 
     .content {