@getflip/swirl-components-react 0.296.2 → 0.298.0

package/dist/{swirl-accordion-item.entry.a4a4cda1.js → swirl-accordion-item.entry.d8eb173a.js}

@@ -1,11 +1,11 @@
-import { r as t, c as d, h as e, H as n, g as s } from "./index.b38ce485.js";
+import { r as d, c as t, h as e, H as n, g as s } from "./index.712081f1.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import { v as o } from "./v4-23648a96.77c7c20f.js";
 import "react";
 import "react-dom";
 const c = ":host{display:block}:host *{box-sizing:border-box}.accordion-item{display:grid;align-content:start;border-top:0.0625rem solid var(--s-border-default);transition:grid-template-rows 0.15s;grid-template-rows:auto 0fr;will-change:grid-template-rows}@media (prefers-reduced-motion){.accordion-item{transition:none}}.accordion-item--expanded{grid-template-rows:auto 1fr}.accordion-item--expanded .accordion-item__content{padding-top:var(--s-space-16);padding-bottom:var(--s-space-16);animation:accordion-overflow 0.01s;animation-delay:0.15s;animation-fill-mode:forwards}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.accordion-item--expanded .accordion-item__content{padding-top:var(--s-space-8)}}.accordion-item__heading{margin:0;padding:0;font-size:var(--s-font-size-base);font-weight:var(--s-font-weight-semibold)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.accordion-item__heading{font-size:var(--s-font-size-sm)}}.accordion-item__toggle{display:flex;width:100%;padding:0;padding-top:var(--s-space-16);padding-bottom:var(--s-space-16);align-items:center;border:none;color:var(--s-text-default);background-color:var(--swirl-accordion-item-toggle-default);font:inherit;line-height:var(--s-line-height-lg);text-align:start;cursor:pointer;gap:var(--s-space-16)}.accordion-item__toggle:hover{background-color:var(--swirl-accordion-item-toggle-hovered)}.accordion-item__toggle:active{background-color:var(--swirl-accordion-item-toggle-pressed)}.accordion-item__toggle:disabled{color:var(--s-text-disabled);background-color:var(--swirl-accordion-item-toggle-default);cursor:default}.accordion-item__toggle:disabled .text{color:var(--s-text-disabled)}.accordion-item__toggle:focus:not(:focus-visible){outline:none}.accordion-item__toggle:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.accordion-item__toggle{line-height:var(--s-line-height-sm)}}.accordion-item__toggle-text{flex-grow:1}.accordion-item__icon{display:inline-flex;padding-right:var(--s-space-8);flex-shrink:0}.accordion-item__content{overflow:hidden;padding-top:0;padding-bottom:0;transition:padding-top 0.15s, padding-bottom 0.15s;animation:accordion-display 0.01s;animation-delay:0.15s;animation-fill-mode:forwards}@media (prefers-reduced-motion){.accordion-item__content{transition:none}}@keyframes accordion-overflow{from{overflow:hidden}to{overflow:visible}}@keyframes accordion-display{from{display:block}to{display:none}}", l = c, h = class {
   constructor(i) {
-    t(this, i), this.expansionChange = d(this, "expansionChange", 7), this.headingId = `${o()}-heading`, this.onHeadingClick = () => {
+    d(this, i), this.expansionChange = t(this, "expansionChange", 7), this.headingId = `${o()}-heading`, this.onHeadingClick = () => {
       this.toggle();
     }, this.description = void 0, this.disabled = void 0, this.heading = void 0, this.headingLevel = 2, this.initiallyOpen = void 0, this.itemId = o(), this.expanded = !1;
   }
@@ -26,7 +26,7 @@ const c = ":host{display:block}:host *{box-sizing:border-box}.accordion-item{dis
     const i = `h${this.headingLevel}`, a = r("accordion-item", {
       "accordion-item--expanded": this.expanded
     });
-    return e(n, { key: "9912336775c2532382821b2209a1b48a65e6e865" }, e("div", { key: "ca62514d43014590acf4521c0f751b8c5d2183d1", class: a }, e(i, { key: "bd5b6f13cf2740ebc5d1f9fb59d24f61467812ba", class: "accordion-item__heading" }, e("button", { key: "1bbd759b89d5cedf399cc20d3e24511330ccbe20", "aria-controls": this.itemId, "aria-expanded": String(this.expanded), class: "accordion-item__toggle", disabled: this.disabled, id: this.headingId, onClick: this.onHeadingClick, type: "button" }, e("span", { key: "826e0bfabe1fbdf988555d90e6da0afb6ebb4e3f", class: "accordion-item__toggle-text" }, this.heading, this.description && e("swirl-text", { key: "8e218b1786d3261625a9bac0f90a0aef15f2b5a2", as: "span", color: "subdued", size: "sm" }, this.description)), e("span", { key: "ea9fe7c19affc28d1dcea431e33ae72763d0b767", class: "accordion-item__icon" }, !this.expanded && e("swirl-icon", { key: "2adc3f65e44c9ab9b70dcfeeea9568d91a4cc52b", glyph: "chevron-right", size: 20 }), this.expanded && e("swirl-icon", { key: "2031e4e7b9b08a428eb4f406287dabef4d85889f", glyph: "expand-more", size: 20 })))), e("div", { key: "6086716993b5702405478f45e7259bc8d52ee6f9", "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, e("slot", { key: "75efb121a31901fefb57f72830e3123d526273b6" }))));
+    return e(n, { key: "027eca8e100997e077b0768d158dd4f0199c3033" }, e("div", { key: "e2afc1887d9b70646a8a1b8b0e382af2d3aa5ccd", class: a }, e(i, { key: "efc5b14c99373524b68672fa8fd268de2afe0fba", class: "accordion-item__heading" }, e("button", { key: "1e21c2b4d8d3612cdddd3c2c4f3bdaccab6e394b", "aria-controls": this.itemId, "aria-expanded": String(this.expanded), class: "accordion-item__toggle", disabled: this.disabled, id: this.headingId, onClick: this.onHeadingClick, type: "button" }, e("span", { key: "fcd513558a99a04636114c7677f4bd5c7c2d0f91", class: "accordion-item__toggle-text" }, this.heading, this.description && e("swirl-text", { key: "fc6eea82d94fd6656d106d7f2ebe5089eae63628", as: "span", color: "subdued", size: "sm" }, this.description)), e("span", { key: "150db63ec08beb59d0daee7d3c09b6d85b7428d7", class: "accordion-item__icon" }, !this.expanded && e("swirl-icon", { key: "9f99cde2bf92897c754a20328e534f70c999c683", glyph: "chevron-right", size: 20 }), this.expanded && e("swirl-icon", { key: "3ff127641a8494ccf728b52be3dcc2fdf6949a7f", glyph: "expand-more", size: 20 })))), e("div", { key: "9e2431b5f68d49b734586e1d261a97d9092ea3f4", "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, e("slot", { key: "5ba670d8e1484bae528f51ede23f21350c113d17" }))));
   }
   get el() {
     return s(this);

package/dist/{swirl-accordion.entry.8f0220bc.js → swirl-accordion.entry.42384a31.js}

@@ -1,4 +1,4 @@
-import { r as s, c as i, h as o, H as a, g as c } from "./index.b38ce485.js";
+import { r as s, c as i, h as o, H as a, g as c } from "./index.712081f1.js";
 import "react";
 import "react-dom";
 const l = ":host{display:block}:host *{box-sizing:border-box}::slotted(*:last-child){border-bottom:0.0625rem solid var(--s-border-default)}", n = l, d = class {
@@ -24,7 +24,7 @@ const l = ":host{display:block}:host *{box-sizing:border-box}::slotted(*:last-ch
     });
   }
   render() {
-    return o(a, { key: "a127e248e3fceab33f9b5cd71726e589884f8c08" }, o("slot", { key: "6186c8608fe321f2d7ccbe412d03aebf0c67b366" }));
+    return o(a, { key: "d79f39615c4a806c565258eb9875d1272a90fb02" }, o("slot", { key: "18be93ceeeb76245dcf92061ac969a7b49bd37ff" }));
   }
   get el() {
     return c(this);

package/dist/{swirl-action-list-section.entry.250099dc.js → swirl-action-list-section.entry.c68a7e18.js}

@@ -1,12 +1,12 @@
-import { r as e, h as a, H as i } from "./index.b38ce485.js";
+import { r as i, h as a, H as t } from "./index.712081f1.js";
 import "react";
 import "react-dom";
-const t = ":host{display:block;width:100%}:host *{box-sizing:border-box}.action-list-section{background-color:var(--s-surface-overlay-default)}.action-list-section__label{display:block;width:100%;padding:var(--s-space-8) var(--s-space-16);color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.action-list-section__label{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);padding:var(--s-space-8) var(--s-space-12)}}", c = t, o = class {
+const e = ":host{display:block;width:100%}:host *{box-sizing:border-box}.action-list-section{background-color:var(--s-surface-overlay-default)}.action-list-section__label{display:block;width:100%;padding:var(--s-space-8) var(--s-space-16);color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.action-list-section__label{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);padding:var(--s-space-8) var(--s-space-12)}}", c = e, o = class {
   constructor(s) {
-    e(this, s), this.label = void 0, this.separatorSpacing = "4", this.spacing = "0", this.hasSeparator = !1;
+    i(this, s), this.label = void 0, this.separatorSpacing = "4", this.spacing = "0", this.hasSeparator = !1;
   }
   render() {
-    return a(i, { key: "45209a11f46a6ba497b4c3d461ba3781cb0d57a8" }, this.hasSeparator && a("swirl-separator", { key: "937e89a08f4697ddbcaccb1343b3355cb73227bf", spacing: this.separatorSpacing }), a("div", { key: "ccddbc647093e14a09c62e3dedc55069b6c57114", "aria-labelledby": "label", class: "action-list-section", role: "group" }, a("span", { key: "e80da46246f9e3ead338d4b64af8ae9aa9387f01", class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), a("swirl-stack", { key: "8b6a8493e5b09d0c98b744592d4e422c9206bfeb", spacing: this.spacing, align: "stretch" }, a("slot", { key: "e02a428d84f4afabb1a66c32f4ce04775724d87e" }))));
+    return a(t, { key: "d86ace949877affd32ca7cab4e3f0d4531fcc16a" }, this.hasSeparator && a("swirl-separator", { key: "8c63131c65b9757bc82c893c9733731d401998f2", spacing: this.separatorSpacing }), a("div", { key: "d3b093965aa160b2596998739bf74fc9e9423d96", "aria-labelledby": "label", class: "action-list-section", role: "group" }, a("span", { key: "b3453329dd293d766f1613d822a33f9e7392e6eb", class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), a("swirl-stack", { key: "d32adcf0bca646ecd736857c1ed27faf7c13d6d5", spacing: this.spacing, align: "stretch" }, a("slot", { key: "a0ff52ae37648692d6b6890cc5e781f084df9fd7" }))));
   }
 };
 o.style = c;

package/dist/{swirl-action-list_2.entry.3e4bf716.js → swirl-action-list_2.entry.96ea0ef3.js}

@@ -1,5 +1,5 @@
-import { r as c, h as o, H as l, g as d } from "./index.b38ce485.js";
-import { q as h, b as f, g as u } from "./utils-877a768f.c277f897.js";
+import { r as c, h as o, H as l, g as d } from "./index.712081f1.js";
+import { q as f, b as h, g as u } from "./utils-877a768f.c277f897.js";
 import { c as m } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -10,15 +10,15 @@ const p = ":host{display:block;width:100%}:host *{box-sizing:border-box}.action-
     }, this.onFocusOut = (e) => {
       if (this.isInsidePopover)
         return;
-      const t = e.relatedTarget, s = e.target, a = (s == null ? void 0 : s.tagName) === "SWIRL-ACTION-LIST-ITEM", n = t === null || !this.el.contains(t);
-      !this.isInsidePopover && n && a && this.container.setAttribute("tabindex", "0");
+      const t = e.relatedTarget, s = e.target, n = (s == null ? void 0 : s.tagName) === "SWIRL-ACTION-LIST-ITEM", a = t === null || !this.el.contains(t);
+      !this.isInsidePopover && a && n && this.container.setAttribute("tabindex", "0");
     }, this.onFocus = () => {
-      var s, a;
+      var s, n;
       if (this.isInsidePopover)
         return;
       this.container.removeAttribute("tabindex");
       const e = this.getItems(), t = this.getActiveItemIndex();
-      t > -1 ? (s = e[t]) == null || s.focus() : (a = e[0]) == null || a.focus();
+      t > -1 ? (s = e[t]) == null || s.focus() : (n = e[0]) == null || n.focus();
     }, this.isInsidePopover = void 0;
   }
   componentDidLoad() {
@@ -27,7 +27,7 @@ const p = ":host{display:block;width:100%}:host *{box-sizing:border-box}.action-
     }), this.setSectionSeparator();
   }
   getItems() {
-    return h(this.el, '[role="menuitem"]');
+    return f(this.el, '[role="menuitem"]');
   }
   focusNextItem() {
     const i = this.getItems(), t = (this.getActiveItemIndex() + 1) % i.length;
@@ -39,7 +39,7 @@ const p = ":host{display:block;width:100%}:host *{box-sizing:border-box}.action-
     (s = i[t]) == null || s.focus();
   }
   getActiveItemIndex() {
-    const i = this.getItems(), e = f();
+    const i = this.getItems(), e = h();
     return i.findIndex((t) => t === e || t === (e == null ? void 0 : e.querySelector('[role="menuitem"]')));
   }
   setSectionSeparator() {
@@ -51,7 +51,7 @@ const p = ":host{display:block;width:100%}:host *{box-sizing:border-box}.action-
     });
   }
   render() {
-    return o(l, { key: "37339869bab4a9aa81791f84d38451de0104d168" }, o("div", { key: "21d32faabb06850785a904a275da30862f98ca13", "aria-orientation": "vertical", class: "action-list", onFocusout: this.isInsidePopover ? void 0 : this.onFocusOut, onFocus: this.isInsidePopover ? void 0 : this.onFocus, onKeyDown: this.onKeyDown, part: "action-list", ref: (i) => this.container = i, role: "menu" }, o("slot", { key: "872037b1cca2d5a76f5a63353d8489d5e329611a", onSlotchange: this.setSectionSeparator })));
+    return o(l, { key: "cb793b95fbadce7885f9ffd2df7a86e1d11ba687" }, o("div", { key: "7c2d0453c968ffb4280db7c1f15849795a19f9f5", "aria-orientation": "vertical", class: "action-list", onFocusout: this.isInsidePopover ? void 0 : this.onFocusOut, onFocus: this.isInsidePopover ? void 0 : this.onFocus, onKeyDown: this.onKeyDown, part: "action-list", ref: (i) => this.container = i, role: "menu" }, o("slot", { key: "afc7aa5790d37dc0e660aae4289c91745d849d1c", onSlotchange: this.setSectionSeparator })));
   }
   get el() {
     return d(this);
@@ -65,7 +65,7 @@ const v = ":host{display:block}:host *{box-sizing:border-box}.action-list-item{d
     }, this.badge = void 0, this.disabled = void 0, this.description = void 0, this.icon = void 0, this.iconBadge = void 0, this.intent = "default", this.label = void 0, this.size = "m", this.swirlAriaExpanded = void 0, this.swirlAriaHaspopup = void 0, this.suffix = void 0;
   }
   componentDidLoad() {
-    this.forceIconProps(this.desktopMediaQuery.matches), this.desktopMediaQuery.onchange = this.desktopMediaQueryHandler;
+    this.forceIconProps(this.desktopMediaQuery.matches), this.desktopMediaQuery.addEventListener("change", this.desktopMediaQueryHandler);
   }
   componentDidRender() {
     this.forceIconProps(this.desktopMediaQuery.matches);
@@ -75,15 +75,15 @@ const v = ":host{display:block}:host *{box-sizing:border-box}.action-list-item{d
     (e = (i = this.desktopMediaQuery).removeEventListener) == null || e.call(i, "change", this.desktopMediaQueryHandler);
   }
   forceIconProps(i) {
-    var a, n, r;
-    const e = (a = this.iconEl) == null ? void 0 : a.children[0], t = (n = this.suffixEl) == null ? void 0 : n.children[0];
+    var n, a, r;
+    const e = (n = this.iconEl) == null ? void 0 : n.children[0], t = (a = this.suffixEl) == null ? void 0 : a.children[0];
     e == null || e.setAttribute("size", i ? "20" : "24");
     const s = (r = this.iconBadgeEl) == null ? void 0 : r.children[0];
     s == null || s.setAttribute("size", "xs"), s == null || s.setAttribute("variant", "dot"), (t == null ? void 0 : t.tagName) !== "SWIRL-TAG" && (t == null || t.setAttribute("size", i ? "20" : "24"));
   }
   render() {
-    const i = Boolean(this.badge), e = Boolean(this.iconBadge), t = Boolean(this.el.querySelector('[slot="suffix"]')), s = (Boolean(this.suffix) || t) && !this.disabled, a = m("action-list-item", `action-list-item--intent-${this.intent}`, `action-list-item--size-${this.size}`);
-    return o(l, { key: "7b4f52c16da4f4f5c2c9a51856c9aae7e9c04f23" }, o("button", { key: "a74a9c60edc2a183c04f93e9030554c551ceba67", "aria-expanded": this.swirlAriaExpanded, "aria-haspopup": this.swirlAriaHaspopup, class: a, disabled: this.disabled, part: "action-list-item", role: "menuitem", tabIndex: -1, type: "button" }, o("slot", { key: "9bb61a72d80c55a35e0dc3c809d8bebb7ff30437", name: "avatar" }), this.icon && o("span", { key: "ba49170992a1dc9e6d8b68e64af781273bf4b7e8", class: "action-list-item__icon", innerHTML: this.icon, ref: (n) => this.iconEl = n }, e && o("span", { key: "3284724f84d3d6e018f244cde0a7ddc233f7459d", class: "action-list-item__icon-badge", innerHTML: this.iconBadge, ref: (n) => this.iconBadgeEl = n })), o("span", { key: "2084ba440fee7881921d10781ab0100c8aef26d6", class: "action-list-item__label-container" }, o("span", { key: "81d4f0652172c6e468b7a6d5c2381d05905d5e22", class: "action-list-item__label" }, this.label), this.description && o("span", { key: "f09d273290bfc00630c592ed45013b565845eb5a", class: "action-list-item__description" }, this.description)), i && o("span", { key: "06cfa9c3a1af2b53a472b472529267549b4926de", class: "action-list-item__badge", innerHTML: this.badge }), s && o("span", { key: "7ab7dd54bb3f1e2c9cac00dbf98775e18f66ab98", class: "action-list-item__suffix", innerHTML: t ? void 0 : this.suffix, ref: (n) => this.suffixEl = n }, o("slot", { key: "f2bd1ae7bf49c5e22757dbdb23fada915ab13e2a", name: "suffix" }))));
+    const i = Boolean(this.badge), e = Boolean(this.iconBadge), t = Boolean(this.el.querySelector('[slot="suffix"]')), s = (Boolean(this.suffix) || t) && !this.disabled, n = m("action-list-item", `action-list-item--intent-${this.intent}`, `action-list-item--size-${this.size}`);
+    return o(l, { key: "cf72c77a7238b89ac5737fbd26a4f9c5fb8d2aaf" }, o("button", { key: "b883df9fba48c6f1e3fa18cb2acbddcb1c4f7903", "aria-expanded": this.swirlAriaExpanded, "aria-haspopup": this.swirlAriaHaspopup, class: n, disabled: this.disabled, part: "action-list-item", role: "menuitem", tabIndex: -1, type: "button" }, o("slot", { key: "2903ffa6a0b97a9d1f30a3ab485a5f4625016893", name: "avatar" }), this.icon && o("span", { key: "687e8b468e26a239a45829f5448e3f4fae991a18", class: "action-list-item__icon", innerHTML: this.icon, ref: (a) => this.iconEl = a }, e && o("span", { key: "db6fa0aa9ee28b495febd9278f464add1d195295", class: "action-list-item__icon-badge", innerHTML: this.iconBadge, ref: (a) => this.iconBadgeEl = a })), o("span", { key: "d64137da6c8345faf3fb14f6963b267e2bc83f91", class: "action-list-item__label-container" }, o("span", { key: "a7e623ccfdaef36bd426f4e0121337926a04132c", class: "action-list-item__label" }, this.label), this.description && o("span", { key: "eae257be5f0974019afdd7a1517c2efed55d397c", class: "action-list-item__description" }, this.description)), i && o("span", { key: "f6837cf900a859145f4360ec9d407ea51659c0f0", class: "action-list-item__badge", innerHTML: this.badge }), s && o("span", { key: "4aa5cd117be445a278cefcd6c7ffaea2e72a642e", class: "action-list-item__suffix", innerHTML: t ? void 0 : this.suffix, ref: (a) => this.suffixEl = a }, o("slot", { key: "c496345eea881fc5d6742710a053aa45cd4d94e6", name: "suffix" }))));
   }
   get el() {
     return d(this);

package/dist/{swirl-app-bar.entry.4f012cc5.js → swirl-app-bar.entry.067859bb.js}

@@ -1,4 +1,4 @@
-import { r as n, c as s, h as t, H as c, g as r } from "./index.b38ce485.js";
+import { r as n, c as s, h as t, H as c, g as r } from "./index.712081f1.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-app-icon.entry.e0110cfc.js → swirl-app-icon.entry.bc36da49.js}

@@ -1,4 +1,4 @@
-import { r as o, h as e, H as n } from "./index.b38ce485.js";
+import { r as o, h as a, H as n } from "./index.712081f1.js";
 import { c as t } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -11,10 +11,10 @@ const c = ":host{display:inline-flex}:host *{box-sizing:border-box}.app-icon{pos
     }, this.icon = void 0, this.src = void 0, this.imageAvailable = void 0;
   }
   render() {
-    const i = Boolean(this.src) && (this.imageAvailable || this.imageAvailable === void 0), s = !i && Boolean(this.icon), a = t("app-icon", {
-      "app-icon--has-icon": s || !i && !s
+    const i = Boolean(this.src) && (this.imageAvailable || this.imageAvailable === void 0), e = !i && Boolean(this.icon), s = t("app-icon", {
+      "app-icon--has-icon": e || !i && !e
     });
-    return e(n, { key: "ce5423e05738bc7881dd6f9d678bdb1092a34165" }, e("span", { key: "6cc990326010d117bf9bdbc3087e5f82de856c76", class: a }, i && e("img", { key: "474e88894b36fbd2e934b4613b474b87768f3c40", alt: "", height: "256", onError: this.setImageUnavailable, onLoad: this.setImageAvailable, src: this.src, width: "256" }), s && e("span", { key: "c4bc17d99f83fcb30b971b0084e33d3bc9199970", class: "app-icon__icon", innerHTML: this.icon })));
+    return a(n, { key: "18668b1b36052a50087ca49a711fa39dd23ed647" }, a("span", { key: "2e62fb4176cbc9029370c9ade98d85973a53595c", class: s }, i && a("img", { key: "50c4908d815251a971731721e7aafdb3a7080962", alt: "", height: "256", onError: this.setImageUnavailable, onLoad: this.setImageAvailable, src: this.src, width: "256" }), e && a("span", { key: "6650b12d71a7ddd6b255513192f1c632aca7845e", class: "app-icon__icon", innerHTML: this.icon })));
   }
 };
 r.style = l;

package/dist/{swirl-app-layout_5.entry.0bd640e3.js → swirl-app-layout_5.entry.0235d885.js}

@@ -1,11 +1,11 @@
-import { r as n, c as r, h as a, H as d, g as p, F as h } from "./index.b38ce485.js";
+import { r as n, c as r, h as a, H as d, g as p, F as h } from "./index.712081f1.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import { g as _, d as y, i as g, h as f } from "./utils-877a768f.c277f897.js";
-import { S as T } from "./sortable.esm-0bfddf0c.953ca6a6.js";
+import { S as E } from "./sortable.esm-0bfddf0c.953ca6a6.js";
 import { v as w } from "./v4-23648a96.77c7c20f.js";
 import "react";
 import "react-dom";
-const E = `:host{--header-height:3.5625rem;position:relative;z-index:1;display:flex;width:100%;height:100%}:host *{box-sizing:border-box}.app-layout{display:flex;overflow:hidden;width:100%;height:100%;margin-right:auto;margin-left:auto}.app-layout__grid{position:relative;display:grid;width:100%;height:100%;grid-template-columns:100%;grid-template-rows:var(--header-height) 1fr;grid-template-areas:"body"
+const T = `:host{--header-height:3.5625rem;position:relative;z-index:1;display:flex;width:100%;height:100%}:host *{box-sizing:border-box}.app-layout{display:flex;overflow:hidden;width:100%;height:100%;margin-right:auto;margin-left:auto}.app-layout__grid{position:relative;display:grid;width:100%;height:100%;grid-template-columns:100%;grid-template-rows:var(--header-height) 1fr;grid-template-areas:"body"
     "body"}.app-layout:not(.app-layout--has-navigation) .app-layout__header,.app-layout:not(.app-layout--has-navigation) .app-layout__navigation{display:none}.app-layout:not(.app-layout--has-sidebar) .app-layout__sidebar{display:none}@media (max-width: 767px){.app-layout:not(.app-layout--mobile-view-body) .app-layout__body{display:none}}@media (max-width: 767px){.app-layout:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar{display:none}}.app-layout:not(.app-layout--has-app-bar-mobile-menu-button) .app-layout__app-bar-mobile-menu-button{display:none}.app-layout--has-navigation .app-layout__grid{grid-template-columns:100%;grid-template-areas:"header"
       "navigation"}@media (min-width: 768px){.app-layout--has-navigation .app-layout__grid{grid-template-columns:min(50%, 22.5rem) 1fr;grid-template-areas:"header body"
         "navigation body"}}@media (min-width: 1440px){.app-layout--has-navigation .app-layout__grid{grid-template-columns:min(50%, 25rem) 1fr}}@media (min-width: 768px){.app-layout--has-navigation .app-layout__app-bar-mobile-menu-button{display:none}}@media (min-width: 992px){.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-collapsed .app-layout__grid{grid-template-columns:0 1fr}.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__grid{grid-template-columns:0 1fr}.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__header,.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__navigation{position:absolute;z-index:4;top:0;left:0;width:22.5rem;animation:app-layout-nav-overlay-slide-in-desktop 0.1s;animation-fill-mode:forwards}.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__header:after{position:absolute;z-index:1;top:0;left:calc(100% + var(--s-border-width-default));display:block;width:2rem;height:100vh;background-image:linear-gradient(
@@ -30,7 +30,7 @@ const E = `:host{--header-height:3.5625rem;position:relative;z-index:1;display:f
     "content"}.app-layout__app-bar{--swirl-tab-bar-border-width:0;--swirl-tab-bar-height:3.5rem;display:flex;min-width:0;align-items:center;border-bottom:var(--s-border-width-default) solid transparent;background-color:var(--s-background-default);grid-area:app-bar;gap:var(--s-space-8)}.app-layout__bottom-bar{display:none;min-width:0;align-items:center;background-color:var(--s-background-default);grid-area:bottom-bar}.app-layout__back-to-navigation-button{padding-left:var(--s-space-8)}@media (min-width: 768px){.app-layout__back-to-navigation-button{display:none}}.app-layout__banner{grid-area:banner}.app-layout__app-bar-content{min-width:0;flex-grow:1}.app-layout__custom-app-bar-back-button{display:none;padding-left:var(--s-space-8)}.app-layout__app-bar-controls{display:none;padding-right:var(--s-space-8)}@media (min-width: 768px){.app-layout__app-bar-controls{padding-right:var(--s-space-16)}}.app-layout__content{overflow:auto;background-color:var(--s-background-default);grid-area:content}.app-layout__sidebar{z-index:3;display:grid;width:100%;height:100%;border-left:var(--s-border-width-default) solid var(--s-border-default);grid-area:sidebar;grid-template-rows:var(--header-height) 1fr;grid-template-areas:"sidebar-header"
     "sidebar-content"}@media (min-width: 768px){.app-layout__sidebar{animation:app-layout-slide-in 0.3s}@media (prefers-reduced-motion){.app-layout__sidebar{animation:none}}}@media (min-width: 1800px){.app-layout__sidebar{width:25rem;animation:none}}.app-layout__custom-sidebar-header{display:none;min-width:0;border-bottom:var(--s-border-width-default) solid transparent;background-color:var(--s-background-default);grid-area:sidebar-header}.app-layout__sidebar-header{display:flex;min-width:0;padding-top:var(--s-space-12);padding-right:var(--s-space-8);padding-bottom:var(--s-space-12);padding-left:var(--s-space-8);align-items:center;border-bottom:var(--s-border-width-default) solid transparent;background-color:var(--s-background-default);grid-area:sidebar-header;gap:var(--s-space-8)}@media (min-width: 768px){.app-layout__sidebar-header{padding-right:var(--s-space-16);padding-left:var(--s-space-16)}}.app-layout__sidebar-heading{min-width:0;flex-grow:1}.app-layout__sidebar-heading .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-layout__sidebar-close-button{margin-left:calc(-1 * var(--s-space-4))}.app-layout__sidebar-content{overflow-y:auto;background-color:var(--s-background-default);grid-area:sidebar-content}@keyframes app-layout-nav-overlay-slide-in-desktop{from{width:0}to{width:22.5rem}}@keyframes app-layout-nav-overlay-slide-in-large-desktop{from{width:0}to{width:25rem}}@media (max-width: 767px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__grid,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__grid{grid-template-columns:100%;grid-template-areas:"header"
           "navigation"}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{position:absolute;top:0;left:0;display:grid;width:100%;transform:translate3d(100%, 0, 0)}}@media (max-width: 767px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{display:flex}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{display:block}}@media (max-width: 991px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__grid,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__grid{grid-template-columns:100%;grid-template-areas:"body"
-          "body"}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{position:absolute;top:0;left:0;display:grid;border-left:var(--s-border-width-default) solid var(--s-border-default)}}@media (max-width: 991px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{display:grid}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{display:grid}}@media (max-width: 767px){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__navigation,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation:app-layout-slide-out 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__navigation,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation:none}}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:app-layout-slide-in 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:none}}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body:after,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body:after{position:absolute;top:0;right:100%;bottom:0;display:block;width:100%;background-color:rgba(0, 0, 0, 0.3);content:"";animation:app-layout-fade-in 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body:after,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body:after{animation:none}}}@media (max-width: 767px){.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body:after{animation-direction:reverse}}@media (max-width: 991px){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation:app-layout-slide-out 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation:none}}.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:app-layout-slide-in 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:none}}.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar:after,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar:after{position:absolute;top:0;right:100%;bottom:0;display:block;width:100%;background-color:rgba(0, 0, 0, 0.3);content:"";animation:app-layout-fade-in 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar:after,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar:after{animation:none}}}@media (max-width: 991px){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar:after{animation-direction:reverse}}@media (max-width: 767px){.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:app-layout-scale-in 0.3s}@media (prefers-reduced-motion){.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:none}}}@media (max-width: 767px){.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation-direction:reverse}}@media (max-width: 991px){.app-layout--transition-style-dialog.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:app-layout-scale-in 0.3s}@media (prefers-reduced-motion){.app-layout--transition-style-dialog.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:none}}}@media (max-width: 991px){.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation-direction:reverse}}@keyframes app-layout-sidebar-overlay-slide-out{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(100%, 0, 0)}}@keyframes app-layout-slide-in{0%{transform:translate3d(100%, 0, 0)}100%{transform:translate3d(0, 0, 0)}}@keyframes app-layout-slide-out{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(-20%, 0, 0)}}@keyframes app-layout-fade-in{0%{opacity:0}100%{opacity:1}}@keyframes app-layout-scale-in{from{transform:scale(0);box-shadow:0 0 0 100rem rgba(0, 0, 0, 0)}to{transform:scale(1);box-shadow:0 0 0 100rem rgba(0, 0, 0, 0.25)}}@keyframes app-layout-sidebar-slide-in{from{overflow:hidden;grid-template-columns:25rem 1fr 0}to{overflow:hidden;grid-template-columns:25rem 1fr 25rem}}@keyframes app-layout-sidebar-slide-in-with-collapsed-nav{from{overflow:hidden;grid-template-columns:0 1fr 0}to{overflow:hidden;grid-template-columns:0 1fr 25rem}}@keyframes app-layout-sidebar-slide-out{from{overflow:hidden;grid-template-columns:25rem 1fr 25rem}to{overflow:hidden;grid-template-columns:25rem 1fr 0}}@keyframes app-layout-sidebar-slide-out-with-collapsed-nav{from{overflow:hidden;grid-template-columns:0 1fr 25rem}to{overflow:hidden;grid-template-columns:0 1fr 0}}@keyframes app-layout-no-nav-sidebar-slide-in{from{overflow:hidden;grid-template-columns:1fr 0}to{overflow:hidden;grid-template-columns:1fr 25rem}}@keyframes app-layout-no-nav-sidebar-slide-out{from{overflow:hidden;grid-template-columns:1fr 25rem}to{overflow:hidden;grid-template-columns:1fr 0}}`, D = E, A = "SWIRL_APP_LAYOUT_NAV_EXPANSION_STATE", M = class {
+          "body"}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{position:absolute;top:0;left:0;display:grid;border-left:var(--s-border-width-default) solid var(--s-border-default)}}@media (max-width: 991px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{display:grid}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{display:grid}}@media (max-width: 767px){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__navigation,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation:app-layout-slide-out 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__navigation,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation:none}}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:app-layout-slide-in 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:none}}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body:after,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body:after{position:absolute;top:0;right:100%;bottom:0;display:block;width:100%;background-color:rgba(0, 0, 0, 0.3);content:"";animation:app-layout-fade-in 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body:after,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body:after{animation:none}}}@media (max-width: 767px){.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body:after{animation-direction:reverse}}@media (max-width: 991px){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation:app-layout-slide-out 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation:none}}.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:app-layout-slide-in 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:none}}.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar:after,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar:after{position:absolute;top:0;right:100%;bottom:0;display:block;width:100%;background-color:rgba(0, 0, 0, 0.3);content:"";animation:app-layout-fade-in 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar:after,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar:after{animation:none}}}@media (max-width: 991px){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar:after{animation-direction:reverse}}@media (max-width: 767px){.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:app-layout-scale-in 0.3s}@media (prefers-reduced-motion){.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:none}}}@media (max-width: 767px){.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation-direction:reverse}}@media (max-width: 991px){.app-layout--transition-style-dialog.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:app-layout-scale-in 0.3s}@media (prefers-reduced-motion){.app-layout--transition-style-dialog.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:none}}}@media (max-width: 991px){.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation-direction:reverse}}@keyframes app-layout-sidebar-overlay-slide-out{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(100%, 0, 0)}}@keyframes app-layout-slide-in{0%{transform:translate3d(100%, 0, 0)}100%{transform:translate3d(0, 0, 0)}}@keyframes app-layout-slide-out{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(-20%, 0, 0)}}@keyframes app-layout-fade-in{0%{opacity:0}100%{opacity:1}}@keyframes app-layout-scale-in{from{transform:scale(0);box-shadow:0 0 0 100rem rgba(0, 0, 0, 0)}to{transform:scale(1);box-shadow:0 0 0 100rem rgba(0, 0, 0, 0.25)}}@keyframes app-layout-sidebar-slide-in{from{overflow:hidden;grid-template-columns:25rem 1fr 0}to{overflow:hidden;grid-template-columns:25rem 1fr 25rem}}@keyframes app-layout-sidebar-slide-in-with-collapsed-nav{from{overflow:hidden;grid-template-columns:0 1fr 0}to{overflow:hidden;grid-template-columns:0 1fr 25rem}}@keyframes app-layout-sidebar-slide-out{from{overflow:hidden;grid-template-columns:25rem 1fr 25rem}to{overflow:hidden;grid-template-columns:25rem 1fr 0}}@keyframes app-layout-sidebar-slide-out-with-collapsed-nav{from{overflow:hidden;grid-template-columns:0 1fr 25rem}to{overflow:hidden;grid-template-columns:0 1fr 0}}@keyframes app-layout-no-nav-sidebar-slide-in{from{overflow:hidden;grid-template-columns:1fr 0}to{overflow:hidden;grid-template-columns:1fr 25rem}}@keyframes app-layout-no-nav-sidebar-slide-out{from{overflow:hidden;grid-template-columns:1fr 25rem}to{overflow:hidden;grid-template-columns:1fr 0}}`, D = T, A = "SWIRL_APP_LAYOUT_NAV_EXPANSION_STATE", M = class {
   constructor(t) {
     n(this, t), this.ctaClick = r(this, "ctaClick", 7), this.mobileViewChange = r(this, "mobileViewChange", 7), this.navigationBackButtonClick = r(this, "navigationBackButtonClick", 7), this.navigationExpansionStateChange = r(this, "navigationExpansionStateChange", 7), this.sidebarToggle = r(this, "sidebarToggle", 7), this.desktopMediaQuery = _(), this.desktopMediaQueryHandler = (e) => {
       this.isDesktop = e.matches;
@@ -75,7 +75,7 @@ const E = `:host{--header-height:3.5625rem;position:relative;z-index:1;display:f
     });
   }
   componentDidLoad() {
-    this.desktopMediaQuery.onchange = this.desktopMediaQueryHandler, queueMicrotask(() => {
+    this.desktopMediaQuery.addEventListener("change", this.desktopMediaQueryHandler), queueMicrotask(() => {
       this.isDesktop = this.desktopMediaQuery.matches, this.restoreNavExpansionState(), this.updateContentScrollState(), this.updateSidebarScrollState(), this.updateNavScrollState();
     });
   }
@@ -202,7 +202,7 @@ const E = `:host{--header-height:3.5625rem;position:relative;z-index:1;display:f
       "app-layout--sidebar-scrollable": this.sidebarScrollState.scrollable,
       "app-layout--sidebar-scrolled-to-top": this.sidebarScrollState.scrolledToTop
     });
-    return a(d, { key: "bd1757d198f8e629b2e9754b47c30ebe5dc419a9" }, a("section", { key: "28b25940f98881967f1b39fabec35a839751159c", "aria-labelledby": "app-name", class: m }, a("div", { key: "52a19dc00ab90f4d0b774f84501e3eece9b4f42e", class: "app-layout__grid" }, a("header", { key: "820a3e03ad0c622e73df292141e78ffc5196f968", class: "app-layout__header", ref: (s) => this.headerEl = s }, a("span", { key: "b3706641288a68f18319f0e4e5ba3ef47d6f398c", class: "app-layout__navigation-mobile-menu-button" }, a("slot", { key: "e5cacf0ebf353dd1760ef0b7dc124b0160554b12", name: "navigation-mobile-menu-button" })), this.collapsibleNavigation && a("span", { key: "1e5e367858b4ae2ff731d96c9274c2dc580f47aa", class: "app-layout__nav-overlay-toggle" }, a("swirl-button", { key: "50d53650575d35d0fa744371e4b1b66b8c34632f", hideLabel: !0, icon: this.navExpansionState !== "expanded" ? "<swirl-icon-dock-left-expand></swirl-icon-dock-left-expand>" : "<swirl-icon-dock-left-collapse></swirl-icon-dock-left-collapse>", label: this.navigationToggleLabel, onClick: this.toggleNavigation })), this.showNavigationBackButton && a("span", { key: "c7ee551266b168aac662963dba75667cf201a48e", class: "app-layout__navigation-back-button" }, a("swirl-button", { key: "448cbde3919cdd986b7b49933d6afa8e96646db6", hideLabel: !0, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.navigationBackButtonLabel, onClick: this.onNavigationBackButtonClick })), a("swirl-heading", { key: "3c467742d3c0f80fe5aa56987c868a3b4e253988", as: "h1", class: "app-layout__app-name", headingId: "app-name", level: 3, text: this.appName }), b && a("span", { key: "80c04d971369df12490ae87d86664622aeb601b7", class: "app-layout__navigation-controls" }, a("slot", { key: "8e732928e682abe5eef49fc22614907f0fec0a91", name: "navigation-controls" }))), a("nav", { key: "71c3dc8235d56ce5c9cbfa5b701e020a735d6a22", "aria-label": this.navigationLabel, class: "app-layout__navigation", onScroll: this.onNavScroll, ref: (s) => this.navEl = s, inert: this.isDesktop && this.collapsibleNavigation && this.navExpansionState === "collapsed" }, a("slot", { key: "f6a8b3b5bf48ca9a00017f907c7e1e4c245a129e", name: "navigation" })), a("section", { key: "e44e1e6b08465e000378c80339b11680a1a8e725", "aria-labelledby": "app-name", class: "app-layout__body" }, !this.hideAppBar && a("header", { key: "3e0019dd933bc095980a871010a8723ebf95c89d", class: "app-layout__app-bar" }, a("span", { key: "1d2437a685cbba57563aa942c6dea4f5dc7ad728", class: "app-layout__app-bar-mobile-menu-button" }, a("slot", { key: "a6f8147d45b2cc9aa877cb549f2e52e47a02975b", name: "app-bar-mobile-menu-button" })), t && a("span", { key: "7678ad0057afab1ec8845940271a5e19d659c976", class: "app-layout__back-to-navigation-button" }, a("swirl-button", { key: "920ad1ff5b75f93179c4bf07ab56f3d042dd58ba", hideLabel: !0, icon: this.transitionStyle === "dialog" ? "<swirl-icon-close></swirl-icon-close>" : "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.backToNavigationViewButtonLabel, onClick: this.onBackToNavigationViewButtonClick })), this.collapsibleNavigation && this.navExpansionState !== "expanded" && a("span", { key: "4356a054ba73b43ab719983f5e28f08618187c87", class: "app-layout__nav-expansion-toggle" }, a("swirl-button", { key: "0dcc0b5175f72e651e9ba8fc54343bb8b10f044b", hideLabel: !0, icon: "<swirl-icon-hamburger-menu></swirl-icon-hamburger-menu>", label: this.navigationOverlayLabel, onClick: this.overlayNavigation })), a("span", { key: "c409377d66e5d9653c3a4edacd00a7d1c36d41d8", class: "app-layout__custom-app-bar-back-button" }, a("slot", { key: "19f1249cca6eb3d297c1bfb5c1237adf0563615d", name: "custom-app-bar-back-button" })), a("div", { key: "4d8ffb803fd1d60aeedc3abb27c2b587126b0809", class: "app-layout__app-bar-content" }, a("slot", { key: "aa9769d6902c0dcea2873ed874d9efd39bcfdccb", name: "app-bar" })), a("div", { key: "87956c0906c878a60ba38a32ddd84b62e64c341d", class: "app-layout__app-bar-controls" }, a("slot", { key: "de90973e95f87d557659269036fe3ba2ff841514", name: "app-bar-controls" }))), a("div", { key: "9092cbe26316ae42d16271d12ca0e22dba5f1d2d", class: "app-layout__banner" }, a("slot", { key: "442bba275cb42942e1f0910d9c02dda2a9af682f", name: "banner" })), a("div", { key: "924a188b2bbe99a0e75c70f1c7f5625995f1a099", class: "app-layout__content", onScroll: this.onContentScroll, ref: (s) => this.contentEl = s }, a("slot", { key: "94d6c1a191484f78595cc39eab5ff8229603d75d", name: "content" })), a("div", { key: "7c6aea10fad5a2852e7dd7c1faf2537e561ca7f7", class: "app-layout__bottom-bar" }, a("slot", { key: "425f8d91ec4c6970224cb8384ffa40c5f3242bec", name: "bottom-bar" }))), a("aside", { key: "7849759ec39060fa137dba9b466211568cd0746a", class: "app-layout__sidebar" }, a("header", { key: "aaa9d7aaf245afee95d5b10bbe6cdd0fc3b0467f", class: "app-layout__custom-sidebar-header" }, a("slot", { key: "9d215a803a91fe07e6f819a19ee44ff87e279fe4", name: "custom-sidebar-header" })), a("header", { key: "4c148f600be258693004721d74cfeacce295a54b", class: "app-layout__sidebar-header" }, a("swirl-button", { key: "f4b0155f52a24d448fe3215d765bd5c6984f100e", class: "app-layout__sidebar-close-button", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick }), a("swirl-heading", { key: "69992a92cd4ec148de847b7235ec35b50d28beae", as: "h3", class: "app-layout__sidebar-heading", headingId: "sidebar-heading", level: 3, text: this.sidebarHeading })), a("div", { key: "efba1faaebfc7fe100b0d53a1c5a5de79f5b7a29", class: "app-layout__sidebar-content", onScroll: this.onSidebarScroll, ref: (s) => this.sidebarEl = s }, a("slot", { key: "f297a2f2db5bdafd7a88d7fea6fec50b8bac8e75", name: "sidebar" }))), a("span", { key: "4e87773e33eacaa27710a018e9f07803dc267ae9", class: "app-layout__floating-action-button" }, this.ctaLabel && a("swirl-button", { key: "704b7695fd2ece0c20f971f158e04cec95ffdb4f", hideLabel: Boolean(this.ctaIcon), icon: this.ctaIcon, intent: "primary", label: this.ctaLabel, onClick: this.onCtaClick, variant: "floating" }), a("slot", { key: "a4c4bcfb8f498c7c6b878016ca84a29c7443c3d1", name: "floating-action-button" })))));
+    return a(d, { key: "e9ce1a534b9acff55e07b798afb306e07a619a81" }, a("section", { key: "4d328d6707d7dff74ad9c6016af1ada8f1384e28", "aria-labelledby": "app-name", class: m }, a("div", { key: "2b7e59a9abf6c8d1379136e1446ce7e708974f43", class: "app-layout__grid" }, a("header", { key: "e3e8a94655fa12bc7daa7b9ae984217654d5d8d0", class: "app-layout__header", ref: (s) => this.headerEl = s }, a("span", { key: "4842de5ed8cb9d055f75426f09d4c4221ce3248c", class: "app-layout__navigation-mobile-menu-button" }, a("slot", { key: "24607acca33855b93dba77e0cab7b43cc19dbf6f", name: "navigation-mobile-menu-button" })), this.collapsibleNavigation && a("span", { key: "b5e0b5c1ab49c9a77de1e6d8c9157cf907a5d331", class: "app-layout__nav-overlay-toggle" }, a("swirl-button", { key: "de84a867b3b81da15a8a1a91feaf3d555b05d830", hideLabel: !0, icon: this.navExpansionState !== "expanded" ? "<swirl-icon-dock-left-expand></swirl-icon-dock-left-expand>" : "<swirl-icon-dock-left-collapse></swirl-icon-dock-left-collapse>", label: this.navigationToggleLabel, onClick: this.toggleNavigation })), this.showNavigationBackButton && a("span", { key: "7a146162ce324567d3bd9ac1e94fb4270e841491", class: "app-layout__navigation-back-button" }, a("swirl-button", { key: "01e4e8588d68a858b3199883255a4de4a5890bf3", hideLabel: !0, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.navigationBackButtonLabel, onClick: this.onNavigationBackButtonClick })), a("swirl-heading", { key: "89125641f790dfc3134265a212768b6aa8f17f25", as: "h1", class: "app-layout__app-name", headingId: "app-name", level: 3, text: this.appName }), b && a("span", { key: "695f0de46afd902d3d69bd85d74ef9915a5a9c75", class: "app-layout__navigation-controls" }, a("slot", { key: "2f239735632860d0edfe5fb967bac05b21f14452", name: "navigation-controls" }))), a("nav", { key: "3bc5df6af2555a12164b8695f2b1b637ec2d086d", "aria-label": this.navigationLabel, class: "app-layout__navigation", onScroll: this.onNavScroll, ref: (s) => this.navEl = s, inert: this.isDesktop && this.collapsibleNavigation && this.navExpansionState === "collapsed" }, a("slot", { key: "d5e1ac3dc3187e1b4761b83d66d4fa98c7c4e3b4", name: "navigation" })), a("section", { key: "422313cc9de344ef4b66a37f0f69b709b6f71687", "aria-labelledby": "app-name", class: "app-layout__body" }, !this.hideAppBar && a("header", { key: "46ea9b5669da12d8e78151977dc55b1e197e8dcb", class: "app-layout__app-bar" }, a("span", { key: "b35d5938aadcdffa64b8927c096bb3f5b87fa349", class: "app-layout__app-bar-mobile-menu-button" }, a("slot", { key: "2be2762f6d1cfdf8f569006557b5c51b8fc28b36", name: "app-bar-mobile-menu-button" })), t && a("span", { key: "edfb91e719c8b77c73e945ca138f334fca56540b", class: "app-layout__back-to-navigation-button" }, a("swirl-button", { key: "e8cc48db20975a04dd63a8dc86c39b86bbb5630f", hideLabel: !0, icon: this.transitionStyle === "dialog" ? "<swirl-icon-close></swirl-icon-close>" : "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.backToNavigationViewButtonLabel, onClick: this.onBackToNavigationViewButtonClick })), this.collapsibleNavigation && this.navExpansionState !== "expanded" && a("span", { key: "8c96a9e2f67470bd86c72d66272306901585d81e", class: "app-layout__nav-expansion-toggle" }, a("swirl-button", { key: "36b26a023643f6fc3f43d2df344583004ee60b78", hideLabel: !0, icon: "<swirl-icon-hamburger-menu></swirl-icon-hamburger-menu>", label: this.navigationOverlayLabel, onClick: this.overlayNavigation })), a("span", { key: "b005af6a600db164a8251478d8d6f0b63dad6d48", class: "app-layout__custom-app-bar-back-button" }, a("slot", { key: "829e1e1145543dbb9658566051e69d28095ed4ee", name: "custom-app-bar-back-button" })), a("div", { key: "e25d3fe097657c6ce637d075d7f886faebb8dcde", class: "app-layout__app-bar-content" }, a("slot", { key: "7913c7ce6ca420a4ea5c6640e57e8718c5b8cdc5", name: "app-bar" })), a("div", { key: "5f6df0102cebfcaaa4e2bde25e218e6a506c81ca", class: "app-layout__app-bar-controls" }, a("slot", { key: "b4b19bf2bb4a51732f9ea647758b42721169aa5e", name: "app-bar-controls" }))), a("div", { key: "a1cbbdffab4675813ee104abcdcf5722ad33242e", class: "app-layout__banner" }, a("slot", { key: "0fc317305b8d94dc2670f2731ab7ac841ddad69e", name: "banner" })), a("div", { key: "6c434829a6c78aeaea9f084735122d685b1ca636", class: "app-layout__content", onScroll: this.onContentScroll, ref: (s) => this.contentEl = s }, a("slot", { key: "5ab35d69d738ac114725661f296f89624ce5aa21", name: "content" })), a("div", { key: "14a299ef135a30d6f8975db14bdb668e79c39b7b", class: "app-layout__bottom-bar" }, a("slot", { key: "b6f039e3ca95a896c38bfa97943b46f21d0688e4", name: "bottom-bar" }))), a("aside", { key: "403077f3384c185e97eb0205f11a932e4c1ad76c", class: "app-layout__sidebar" }, a("header", { key: "a951e471e8363a025b4ba1ce377e7e1ef17d7e79", class: "app-layout__custom-sidebar-header" }, a("slot", { key: "f6e9ca768e57b30b3faa072250fe9c0cba196b5c", name: "custom-sidebar-header" })), a("header", { key: "1ff00d0311949b3bdacb38ebef268a5b6e3aa00d", class: "app-layout__sidebar-header" }, a("swirl-button", { key: "cc5a33cb40af30a16fdd9442fc34de516022c15d", class: "app-layout__sidebar-close-button", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick }), a("swirl-heading", { key: "96241a517463e025991a2c376e450e5128086209", as: "h3", class: "app-layout__sidebar-heading", headingId: "sidebar-heading", level: 3, text: this.sidebarHeading })), a("div", { key: "a0f11ec60312ab95b56ae4465f23cd0e60f8c3e9", class: "app-layout__sidebar-content", onScroll: this.onSidebarScroll, ref: (s) => this.sidebarEl = s }, a("slot", { key: "ed6139ae751d7701098e441d9bde7faa10d6ea1c", name: "sidebar" }))), a("span", { key: "ea00d4875343af4d76c96c3591931b342098c0e4", class: "app-layout__floating-action-button" }, this.ctaLabel && a("swirl-button", { key: "d29b393a6ac566bf7b3eac1b6080f7da67e25b7f", hideLabel: Boolean(this.ctaIcon), icon: this.ctaIcon, intent: "primary", label: this.ctaLabel, onClick: this.onCtaClick, variant: "floating" }), a("slot", { key: "7952de1a32de0b06d50911abcd9267ccb323e819", name: "floating-action-button" })))));
   }
   get el() {
     return p(this);
@@ -223,7 +223,7 @@ const L = ":host{display:block}:host *{box-sizing:border-box}.empty-state{displa
       "empty-state--has-controls": t,
       "empty-state--has-slotted-illustration": e
     });
-    return a(d, { key: "9e213dd4e696e4ecf1c001b3301ebbaadadff252" }, a("div", { key: "2d493ef2259cbd9d430c977d325e89db233b6b96", class: i }, this.illustration && !e && a("img", { key: "53ee001b7e39e0fda7749ff22bea86f0e06238fe", alt: "", class: "empty-state__illustration", src: this.illustration }), a("div", { key: "0eca6481e481ae8b5009f118c3d56d47ace4378e", class: "empty-state__slotted-illustration" }, a("slot", { key: "9980c61b5a07d6d550e656b813416244c012834a", name: "illustration" })), a("div", { key: "4d198e8345bde588034bc599b9ca262fbe0bd55a", class: "empty-state__body" }, a("swirl-stack", { key: "3f0892232fe8d815e38e75531cc5429541d937aa", align: "stretch", spacing: "8" }, this.heading && a("swirl-heading", { key: "16ef2c5ec259f51ea433612bc993402c3c67bbb1", align: "center", as: "p", level: 4, text: this.heading }), a("div", { key: "e364422f96b1f5cefe9df95ba954afb16a2f641e", class: "empty-state__content" }, a("swirl-text", { key: "801038dd3a91e8a780c02faacbd1dd9300141492", align: "center", color: "subdued" }, a("slot", { key: "9569100a8699974ee8853d26639d4cd83fa261a2" })))), a("div", { key: "2f5387dcdf6298e61c996254d85c4180c5c9b488", class: "empty-state__controls" }, a("slot", { key: "636c14384a30c712ad1818534c900d77f98a5965", name: "controls" })))));
+    return a(d, { key: "5fff5a5dacd531c360332c1c80f93a09981aef41" }, a("div", { key: "46e3dbe9f765a6b3024b7c2bbaa7111f728a4591", class: i }, this.illustration && !e && a("img", { key: "706db8fbff1927e1ad1502d1fcec13f6f5abfdda", alt: "", class: "empty-state__illustration", src: this.illustration }), a("div", { key: "b9bcc134cfc77764c26c89aecb0a81d4f1667a1d", class: "empty-state__slotted-illustration" }, a("slot", { key: "e4f68b7b5ff2bb714004eefc981b4967b40bfb1e", name: "illustration" })), a("div", { key: "3e49c1fa45a9eab36553c77b1405614eac58cfa3", class: "empty-state__body" }, a("swirl-stack", { key: "d0b060f38e273a27c2925649850ac3b1246473ee", align: "stretch", spacing: "8" }, this.heading && a("swirl-heading", { key: "b437e9041f8aff7d191f8cfa52e05ab4c63d2e93", align: "center", as: "p", level: 4, text: this.heading }), a("div", { key: "62e0fa0b042ea72920a32a75b797c45a999a7f6d", class: "empty-state__content" }, a("swirl-text", { key: "b8b759fbebb0bc88c737933dddc269cc4a7618e2", align: "center", color: "subdued" }, a("slot", { key: "3b5f25cf981bb54a033b0faec7bc84cf8e190151" })))), a("div", { key: "f9f40812af3f2eb58725f994ba5f967c971dda1c", class: "empty-state__controls" }, a("slot", { key: "2378cba88b0a0d41cbd14ff19b6f24ad0925c9bd", name: "controls" })))));
   }
   get el() {
     return p(this);
@@ -238,7 +238,7 @@ const V = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{
     const t = this.size === 20 ? 24 : this.size, e = {
       color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
     }, i = c("swirl-icon", `swirl-icon--size-${this.size}`);
-    return a("svg", { key: "072b201e0760c96472bbeab332ed53ebdf0cae5b", "aria-hidden": "true", class: i, fill: "none", height: this.size, part: "icon", style: e, viewBox: `0 0 ${t} ${t}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && a(h, { key: "4fee992ecc4b118fc9c84ea8e2db735d7e28f796" }, a("path", { key: "74064db934f735f87e9063c3c22736c25739903c", d: "M9.99998 8.66669C10.3666 8.66669 10.6806 8.53602 10.942 8.27469C11.2029 8.0138 11.3333 7.70002 11.3333 7.33335C11.3333 6.96669 11.2029 6.65269 10.942 6.39135C10.6806 6.13046 10.3666 6.00002 9.99998 6.00002C9.63331 6.00002 9.31953 6.13046 9.05865 6.39135C8.79731 6.65269 8.66665 6.96669 8.66665 7.33335C8.66665 7.70002 8.79731 8.0138 9.05865 8.27469C9.31953 8.53602 9.63331 8.66669 9.99998 8.66669ZM7.33331 11.3334H12.6666V10.9667C12.6666 10.4667 12.4222 10.0694 11.9333 9.77469C11.4444 9.48046 10.8 9.33335 9.99998 9.33335C9.19998 9.33335 8.55553 9.48046 8.06665 9.77469C7.57776 10.0694 7.33331 10.4667 7.33331 10.9667V11.3334ZM2.66665 13.3334C2.29998 13.3334 1.9862 13.2029 1.72531 12.942C1.46398 12.6807 1.33331 12.3667 1.33331 12V4.00002C1.33331 3.63335 1.46398 3.31958 1.72531 3.05869C1.9862 2.79735 2.29998 2.66669 2.66665 2.66669H6.11665C6.29442 2.66669 6.46398 2.70002 6.62531 2.76669C6.7862 2.83335 6.92776 2.9278 7.04998 3.05002L7.99998 4.00002H13.3333C13.7 4.00002 14.014 4.13069 14.2753 4.39202C14.5362 4.65291 14.6666 4.96669 14.6666 5.33335V12C14.6666 12.3667 14.5362 12.6807 14.2753 12.942C14.014 13.2029 13.7 13.3334 13.3333 13.3334H2.66665ZM2.66665 4.00002V12H13.3333V5.33335H7.44998L6.11665 4.00002H2.66665Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && a(h, { key: "b7b7c3a000452e077ff35220d5f4bc1b6ef77505" }, a("path", { key: "447c96aece590053f70ee891271e8ffb37321ca6", d: "M15 13C15.55 13 16.021 12.804 16.413 12.412C16.8043 12.0207 17 11.55 17 11C17 10.45 16.8043 9.979 16.413 9.587C16.021 9.19567 15.55 9 15 9C14.45 9 13.9793 9.19567 13.588 9.587C13.196 9.979 13 10.45 13 11C13 11.55 13.196 12.0207 13.588 12.412C13.9793 12.804 14.45 13 15 13ZM11 17H19V16.45C19 15.7 18.6333 15.104 17.9 14.662C17.1667 14.2207 16.2 14 15 14C13.8 14 12.8333 14.2207 12.1 14.662C11.3667 15.104 11 15.7 11 16.45V17ZM4 20C3.45 20 2.97933 19.8043 2.588 19.413C2.196 19.021 2 18.55 2 18V6C2 5.45 2.196 4.97933 2.588 4.588C2.97933 4.196 3.45 4 4 4H9.175C9.44167 4 9.696 4.05 9.938 4.15C10.1793 4.25 10.3917 4.39167 10.575 4.575L12 6H20C20.55 6 21.021 6.196 21.413 6.588C21.8043 6.97933 22 7.45 22 8V18C22 18.55 21.8043 19.021 21.413 19.413C21.021 19.8043 20.55 20 20 20H4ZM4 6V18H20V8H11.175L9.175 6H4Z", fill: "currentColor" })), this.size === 28 && a(h, { key: "e3d56b1ae2c76ba37968b4b64bfb79d97b763ec4" }, a("path", { key: "740a6238f1587681319fdd5c39b0eef9ca5e8e27", d: "M17.5 15.1667C18.1416 15.1667 18.6911 14.938 19.1485 14.4807C19.605 14.0241 19.8333 13.475 19.8333 12.8334C19.8333 12.1917 19.605 11.6422 19.1485 11.1849C18.6911 10.7283 18.1416 10.5 17.5 10.5C16.8583 10.5 16.3092 10.7283 15.8526 11.1849C15.3953 11.6422 15.1666 12.1917 15.1666 12.8334C15.1666 13.475 15.3953 14.0241 15.8526 14.4807C16.3092 14.938 16.8583 15.1667 17.5 15.1667ZM12.8333 19.8334H22.1666V19.1917C22.1666 18.3167 21.7389 17.6214 20.8833 17.1057C20.0278 16.5908 18.9 16.3334 17.5 16.3334C16.1 16.3334 14.9722 16.5908 14.1166 17.1057C13.2611 17.6214 12.8333 18.3167 12.8333 19.1917V19.8334ZM4.66665 23.3334C4.02498 23.3334 3.47587 23.1051 3.01931 22.6485C2.56198 22.1912 2.33331 21.6417 2.33331 21V7.00002C2.33331 6.35835 2.56198 5.80924 3.01931 5.35269C3.47587 4.89535 4.02498 4.66669 4.66665 4.66669H10.7041C11.0153 4.66669 11.312 4.72502 11.5943 4.84169C11.8759 4.95835 12.1236 5.12363 12.3375 5.33752L14 7.00002H23.3333C23.975 7.00002 24.5245 7.22869 24.9818 7.68602C25.4384 8.14258 25.6666 8.69169 25.6666 9.33335V21C25.6666 21.6417 25.4384 22.1912 24.9818 22.6485C24.5245 23.1051 23.975 23.3334 23.3333 23.3334H4.66665ZM4.66665 7.00002V21H23.3333V9.33335H13.0375L10.7041 7.00002H4.66665Z", fill: "currentColor" })));
+    return a("svg", { key: "0bd40f969808d78d8a456a16ebbf20d1a12582a7", "aria-hidden": "true", class: i, fill: "none", height: this.size, part: "icon", style: e, viewBox: `0 0 ${t} ${t}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && a(h, { key: "81db7c5d453652109e3787e93ed1b36b00008d52" }, a("path", { key: "b73ba8be0b608840ece7f324db584b1f8aecb2d9", d: "M9.99998 8.66669C10.3666 8.66669 10.6806 8.53602 10.942 8.27469C11.2029 8.0138 11.3333 7.70002 11.3333 7.33335C11.3333 6.96669 11.2029 6.65269 10.942 6.39135C10.6806 6.13046 10.3666 6.00002 9.99998 6.00002C9.63331 6.00002 9.31953 6.13046 9.05865 6.39135C8.79731 6.65269 8.66665 6.96669 8.66665 7.33335C8.66665 7.70002 8.79731 8.0138 9.05865 8.27469C9.31953 8.53602 9.63331 8.66669 9.99998 8.66669ZM7.33331 11.3334H12.6666V10.9667C12.6666 10.4667 12.4222 10.0694 11.9333 9.77469C11.4444 9.48046 10.8 9.33335 9.99998 9.33335C9.19998 9.33335 8.55553 9.48046 8.06665 9.77469C7.57776 10.0694 7.33331 10.4667 7.33331 10.9667V11.3334ZM2.66665 13.3334C2.29998 13.3334 1.9862 13.2029 1.72531 12.942C1.46398 12.6807 1.33331 12.3667 1.33331 12V4.00002C1.33331 3.63335 1.46398 3.31958 1.72531 3.05869C1.9862 2.79735 2.29998 2.66669 2.66665 2.66669H6.11665C6.29442 2.66669 6.46398 2.70002 6.62531 2.76669C6.7862 2.83335 6.92776 2.9278 7.04998 3.05002L7.99998 4.00002H13.3333C13.7 4.00002 14.014 4.13069 14.2753 4.39202C14.5362 4.65291 14.6666 4.96669 14.6666 5.33335V12C14.6666 12.3667 14.5362 12.6807 14.2753 12.942C14.014 13.2029 13.7 13.3334 13.3333 13.3334H2.66665ZM2.66665 4.00002V12H13.3333V5.33335H7.44998L6.11665 4.00002H2.66665Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && a(h, { key: "33db9f0e18e5402c1559da46c911c77d5271a861" }, a("path", { key: "4cf50f8aa344d6bc9ba575080dadc354bad7d7cf", d: "M15 13C15.55 13 16.021 12.804 16.413 12.412C16.8043 12.0207 17 11.55 17 11C17 10.45 16.8043 9.979 16.413 9.587C16.021 9.19567 15.55 9 15 9C14.45 9 13.9793 9.19567 13.588 9.587C13.196 9.979 13 10.45 13 11C13 11.55 13.196 12.0207 13.588 12.412C13.9793 12.804 14.45 13 15 13ZM11 17H19V16.45C19 15.7 18.6333 15.104 17.9 14.662C17.1667 14.2207 16.2 14 15 14C13.8 14 12.8333 14.2207 12.1 14.662C11.3667 15.104 11 15.7 11 16.45V17ZM4 20C3.45 20 2.97933 19.8043 2.588 19.413C2.196 19.021 2 18.55 2 18V6C2 5.45 2.196 4.97933 2.588 4.588C2.97933 4.196 3.45 4 4 4H9.175C9.44167 4 9.696 4.05 9.938 4.15C10.1793 4.25 10.3917 4.39167 10.575 4.575L12 6H20C20.55 6 21.021 6.196 21.413 6.588C21.8043 6.97933 22 7.45 22 8V18C22 18.55 21.8043 19.021 21.413 19.413C21.021 19.8043 20.55 20 20 20H4ZM4 6V18H20V8H11.175L9.175 6H4Z", fill: "currentColor" })), this.size === 28 && a(h, { key: "85ad5994680b3c9f44e7ad5a2b3940beee3f1f3f" }, a("path", { key: "bd92509bdf638a155bd423aa58a42df1fd6e605e", d: "M17.5 15.1667C18.1416 15.1667 18.6911 14.938 19.1485 14.4807C19.605 14.0241 19.8333 13.475 19.8333 12.8334C19.8333 12.1917 19.605 11.6422 19.1485 11.1849C18.6911 10.7283 18.1416 10.5 17.5 10.5C16.8583 10.5 16.3092 10.7283 15.8526 11.1849C15.3953 11.6422 15.1666 12.1917 15.1666 12.8334C15.1666 13.475 15.3953 14.0241 15.8526 14.4807C16.3092 14.938 16.8583 15.1667 17.5 15.1667ZM12.8333 19.8334H22.1666V19.1917C22.1666 18.3167 21.7389 17.6214 20.8833 17.1057C20.0278 16.5908 18.9 16.3334 17.5 16.3334C16.1 16.3334 14.9722 16.5908 14.1166 17.1057C13.2611 17.6214 12.8333 18.3167 12.8333 19.1917V19.8334ZM4.66665 23.3334C4.02498 23.3334 3.47587 23.1051 3.01931 22.6485C2.56198 22.1912 2.33331 21.6417 2.33331 21V7.00002C2.33331 6.35835 2.56198 5.80924 3.01931 5.35269C3.47587 4.89535 4.02498 4.66669 4.66665 4.66669H10.7041C11.0153 4.66669 11.312 4.72502 11.5943 4.84169C11.8759 4.95835 12.1236 5.12363 12.3375 5.33752L14 7.00002H23.3333C23.975 7.00002 24.5245 7.22869 24.9818 7.68602C25.4384 8.14258 25.6666 8.69169 25.6666 9.33335V21C25.6666 21.6417 25.4384 22.1912 24.9818 22.6485C24.5245 23.1051 23.975 23.3334 23.3333 23.3334H4.66665ZM4.66665 7.00002V21H23.3333V9.33335H13.0375L10.7041 7.00002H4.66665Z", fill: "currentColor" })));
   }
 };
 O.style = z;
@@ -324,7 +324,7 @@ const q = ".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource
     });
   }
   setupDragDrop() {
-    Boolean(this.sortable) && this.sortable.destroy(), this.allowDrag && (this.sortable = T.create(this.gridEl, {
+    Boolean(this.sortable) && this.sortable.destroy(), this.allowDrag && (this.sortable = E.create(this.gridEl, {
       animation: 150,
       draggable: "swirl-resource-list-item",
       handle: ".resource-list-item__drag-handle",
@@ -363,7 +363,7 @@ const q = ".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource
     });
   }
   render() {
-    return a(d, { key: "f47fb82ffd2bedbc76c84eea6ef01a3894d502b4", onKeyDown: this.onKeyDown }, a("swirl-visually-hidden", { key: "1d0e981546bfdbc319e7985ce3976ff75c5ced25", role: "alert" }, this.assistiveText), a("swirl-box", { key: "9e2de6e3664dbb7b9977198da2c6846751792d9b", paddingInlineEnd: "8", paddingInlineStart: "8" }, a("swirl-stack", { key: "9ab85a95f3568f5235cb3352e3f6413649e898a3", "aria-label": this.label, class: "resource-list", id: this.listId, ref: (t) => this.gridEl = t, role: "grid", spacing: this.spacing }, a("slot", { key: "967afc8cf9ff110f06254cd94ba45754fa478188" }))));
+    return a(d, { key: "88e5cdf18d6920b9d7f9fcdfd4990cc2116f78f1", onKeyDown: this.onKeyDown }, a("swirl-visually-hidden", { key: "2f0f2a8a27ada544bfce2e5b51b4e0435442a2ed", role: "alert" }, this.assistiveText), a("swirl-box", { key: "d4f7419074775539a7915d1095e92a29adfd28f9", paddingInlineEnd: "8", paddingInlineStart: "8" }, a("swirl-stack", { key: "fab52f716e0ad4399d2544d87eb6ec61e6667770", "aria-label": this.label, class: "resource-list", id: this.listId, ref: (t) => this.gridEl = t, role: "grid", spacing: this.spacing }, a("slot", { key: "fd1a8cb8db98333214bb87c1d5ea8358128de036" }))));
   }
   get el() {
     return p(this);
@@ -400,7 +400,7 @@ const $ = `.sc-swirl-resource-list-item-h{position:relative;display:block;width:
     this.updateMediaState();
   }
   componentDidLoad() {
-    this.forceIconProps(this.desktopMediaQuery.matches), this.updateIconSize(this.desktopMediaQuery.matches), this.desktopMediaQuery.onchange = this.desktopMediaQueryHandler, this.makeControlUnfocusable(), Boolean(this.menuTriggerId) && console.warn('[Swirl] The "menu-trigger-id" prop of swirl-resource-list-item is deprecated and will be removed with the next major release. Please use the "control" slot to add a menu button instead. https://swirl-storybook.flip-app.dev/?path=/docs/components-swirlresourcelistitem--docs');
+    this.forceIconProps(this.desktopMediaQuery.matches), this.updateIconSize(this.desktopMediaQuery.matches), this.desktopMediaQuery.addEventListener("change", this.desktopMediaQueryHandler), this.makeControlUnfocusable(), Boolean(this.menuTriggerId) && console.warn('[Swirl] The "menu-trigger-id" prop of swirl-resource-list-item is deprecated and will be removed with the next major release. Please use the "control" slot to add a menu button instead. https://swirl-storybook.flip-app.dev/?path=/docs/components-swirlresourcelistitem--docs');
   }
   disconnectedCallback() {
     var t, e;
@@ -449,7 +449,7 @@ const $ = `.sc-swirl-resource-list-item-h{position:relative;display:block;width:
       "resource-list-item--wrap-description": this.descriptionWrap,
       "resource-list-item--wrap-label": this.labelWrap
     });
-    return a(d, { key: "b2fdfd045107ff31006b9c1c70239d048c0ee4c4", role: "row" }, a("div", { key: "c4f23462a7fd51d4c1d4f3b3360d078aae1863fb", class: I, role: "gridcell" }, a(t, { key: "f9d3e15925524650ad3d352896a34ebd529c5cfb", "aria-checked": x, "aria-disabled": e ? "true" : void 0, "aria-label": k, "aria-labelledby": Boolean(this.swirlAriaLabel) ? void 0 : this.elementId, class: "resource-list-item__content", href: u, disabled: e, onClick: this.onClick, onBlur: this.onBlur, onFocus: this.onFocus, part: "resource-list-item__content", role: S, tabIndex: 0, type: t === "button" ? "button" : void 0 }, this.hasMedia && a("span", { key: "e907d216795c6e2abbcf6d14e5083a3677a0dcbf", class: "resource-list-item__media" }, a("slot", { key: "39ec5acfbf25cae0cb424de566a4dc50d89efd02", name: "media" })), a("span", { key: "d96920f31bfb501805df70955bd7389c08de2c1f", class: "resource-list-item__label-container", style: C }, a("span", { key: "b0af7095f0fd9fcc6d50cdc42e6c0d23562f2ee4", class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : void 0 }, !this.allowHtml && this.label), this.description && a("span", { key: "dd1b3b2bea0e5282bb32a4c53855678a4c263765", class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : void 0 }, !this.allowHtml && this.description)), s && a("span", { key: "2b91026e0082c1d2540e4de4bd220c582f5b71cb", class: "resource-list-item__meta" }, a("span", { key: "ab9864395aa27b8c2cf59810cc85ba61394d2496", class: "resource-list-item__meta-text" }, this.meta), a("span", { key: "0a6a8b113989be0c4d8c664d230c734cf261b559", class: "resource-list-item__badges" }, a("slot", { key: "967c198ac7cc9ec912a5c61c311855619d061596", name: "badges" })))), this.selectable && a("span", { key: "a3ce01ecaa19d44b2a06fef31ab8a8e78d8f3bdb", "aria-hidden": "true", class: "resource-list-item__checkbox" }, a("span", { key: "3c4bbdae0e5e0e5d65a11d768fba1396799c391a", class: "resource-list-item__checkbox-icon" }, this.checked && a("swirl-icon-check-strong", { key: "8678a5de3e9e5e76055a55c814761a388294bac1" }))), a("span", { key: "51a69042f7f7ff408e8efee4e8f3d5b926de3ff5", class: "resource-list-item__control", onClick: this.onControlClick, ref: (B) => this.controlContainer = B }, a("slot", { key: "eab156d4541297e5d918c66955fe9e55b16ce3f9", name: "control" })), m && a("swirl-popover-trigger", { key: "f49958ff0c2f6963c868901e3971a031f44d2ed3", swirlPopover: this.menuTriggerId }, a("swirl-button", { key: "4a64aa449fb01dc3b29ebba82452aa21068f5c67", "aria-disabled": e ? "true" : void 0, class: "resource-list-item__menu-trigger", disabled: e, hideLabel: !0, icon: "<swirl-icon-more-horizontal></swirl-icon-more-horizontal>", intent: "primary", label: this.menuTriggerLabel, onClick: this.onMenuTriggerClick }))), this.allowDrag && a("button", { key: "84ab327ee3d8ba4eb444a7f83c1c01466fcbecf5", "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "resource-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, type: "button" }, a("swirl-icon-drag-handle", { key: "0da1c7c370fcf65ec0765676777de94b2843c704", size: this.iconSize })));
+    return a(d, { key: "9ab8d5b6c71f699ada0554534d05231bcab05b4f", role: "row" }, a("div", { key: "f1e3b59de7165503220e230256fe0dbaf584dbf1", class: I, role: "gridcell" }, a(t, { key: "c018cd666438e26be62cceb14fc5b659298cb66c", "aria-checked": x, "aria-disabled": e ? "true" : void 0, "aria-label": k, "aria-labelledby": Boolean(this.swirlAriaLabel) ? void 0 : this.elementId, class: "resource-list-item__content", href: u, disabled: e, onClick: this.onClick, onBlur: this.onBlur, onFocus: this.onFocus, part: "resource-list-item__content", role: S, tabIndex: 0, type: t === "button" ? "button" : void 0 }, this.hasMedia && a("span", { key: "eb0648775d1a8d3f6279aaba67df5fc69078bc14", class: "resource-list-item__media" }, a("slot", { key: "f9eed6eee88cfd13484830592bcde5ec9a8ff2fd", name: "media" })), a("span", { key: "abdf852d91330d353b3fa0d79ef286f8a654ed17", class: "resource-list-item__label-container", style: C }, a("span", { key: "31d2e2095cfa5fa6d8c0ff6c9cd74352215bf31b", class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : void 0 }, !this.allowHtml && this.label), this.description && a("span", { key: "bba851aebfc9ae97d8e86bc377b2645f2c008f40", class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : void 0 }, !this.allowHtml && this.description)), s && a("span", { key: "1b92b21080990b5cd922becbca08ef8d491470e3", class: "resource-list-item__meta" }, a("span", { key: "87ddd62278eaded6e154af605dca7f568b1c1b24", class: "resource-list-item__meta-text" }, this.meta), a("span", { key: "74e13c780b46e097e429289f343855010abd262a", class: "resource-list-item__badges" }, a("slot", { key: "2684ae7f3771da2c15a91abe11e5376c092b5418", name: "badges" })))), this.selectable && a("span", { key: "da36e0f78c70ef6639bc5969fed63e8e7191f69b", "aria-hidden": "true", class: "resource-list-item__checkbox" }, a("span", { key: "a28270546758f11d38a4503b566d93b26cdbe8c5", class: "resource-list-item__checkbox-icon" }, this.checked && a("swirl-icon-check-strong", { key: "a302ecfae71661cd95adfee5a4a1479288b90131" }))), a("span", { key: "3e85d9ed06e4d6dceee9db5c67799b83ef3e6701", class: "resource-list-item__control", onClick: this.onControlClick, ref: (B) => this.controlContainer = B }, a("slot", { key: "59321aba61fd5c10732db1281afc7d3487822bff", name: "control" })), m && a("swirl-popover-trigger", { key: "9f9d329b6be6921cc2a346462d6191e306ab8f6a", swirlPopover: this.menuTriggerId }, a("swirl-button", { key: "3171ea36c90c935bc9e3dcfd5227d4953a87a899", "aria-disabled": e ? "true" : void 0, class: "resource-list-item__menu-trigger", disabled: e, hideLabel: !0, icon: "<swirl-icon-more-horizontal></swirl-icon-more-horizontal>", intent: "primary", label: this.menuTriggerLabel, onClick: this.onMenuTriggerClick }))), this.allowDrag && a("button", { key: "f2326a36dd18d5084fbc2c328649fdf806e81135", "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "resource-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, type: "button" }, a("swirl-icon-drag-handle", { key: "295742018c703c5a7c8da55c9e3c93f3be723407", size: this.iconSize })));
   }
   get el() {
     return p(this);

package/dist/{swirl-autocomplete.entry.4f62370c.js → swirl-autocomplete.entry.b359d606.js}

@@ -1,4 +1,4 @@
-import { r as p, c as m, h as o, H as f, g as b } from "./index.b38ce485.js";
+import { r as p, c as m, h as o, H as f, g as b } from "./index.712081f1.js";
 import { a as g, c as v, o as y } from "./floating-ui.dom.esm-bef21834.ec4a9cbf.js";
 import { c as w } from "./index-267776a4.6beb4f4b.js";
 import { d as S } from "./utils-877a768f.c277f897.js";

package/dist/{swirl-avatar-group.entry.9ffa9196.js → swirl-avatar-group.entry.9d3d9e58.js}

@@ -1,4 +1,4 @@
-import { r as s, h as a, H as i } from "./index.b38ce485.js";
+import { r as s, h as a, H as i } from "./index.712081f1.js";
 import { c as t } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -19,7 +19,7 @@ const d = ":host{display:inline-flex}:host *{box-sizing:border-box}.avatar-group
     const r = t("avatar-group", {
       "avatar-group--has-badge": Boolean(this.badge)
     }), e = t("avatar-group__badge");
-    return a(i, { key: "2167ae83d47c069fd687a223f6d3220a05571d0e" }, a("div", { key: "ad824d7e97d1705593c328a3a04cc72382950460", class: r, role: "group" }, a("slot", { key: "e85bb42969d592919524148734e73e9393f24dea" }), this.badge && a("span", { key: "1bb9ecdeed5974a6ced80414649945106ac82904", class: e, innerHTML: this.badge, ref: (o) => this.badgeEl = o })));
+    return a(i, { key: "6e450a07e7a605f78a47dff3e476ad065a739437" }, a("div", { key: "81af3f871b919312fa62b64899246cb3608680eb", class: r, role: "group" }, a("slot", { key: "b582e1b748839a296dd61fd2a918246230d0ed46" }), this.badge && a("span", { key: "c5f83c4964f58208243f595a49e5df1b4d56cb4c", class: e, innerHTML: this.badge, ref: (o) => this.badgeEl = o })));
   }
 };
 n.style = l;

package/dist/{swirl-avatar.entry.ea8a0eda.js → swirl-avatar.entry.5204c967.js}

@@ -1,4 +1,4 @@
-import { r as b, c as n, h as e, H as g, g as m } from "./index.b38ce485.js";
+import { r as b, c as n, h as e, H as g, g as m } from "./index.712081f1.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-badge.entry.e7fa6b52.js → swirl-badge.entry.a4894ee8.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, F as t, H as r } from "./index.b38ce485.js";
+import { r as i, h as e, F as t, H as r } from "./index.712081f1.js";
 import { c as s } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-banner.entry.e371a1b9.js → swirl-banner.entry.8fbec5e7.js}

@@ -1,15 +1,15 @@
-import { r as o, c as r, h as t, H as c, g as b } from "./index.b38ce485.js";
+import { r as o, c as r, h as t, H as c, g as b } from "./index.712081f1.js";
 import { c as d } from "./index-267776a4.6beb4f4b.js";
 import { g as l } from "./utils-877a768f.c277f897.js";
 import "react";
 import "react-dom";
-const h = ":host{display:block}:host *{box-sizing:border-box}.banner{display:flex;align-items:flex-start;gap:var(--s-space-16);max-width:100%;min-height:3.5rem;padding:var(--s-space-16)}.banner:focus:not(:focus-visible){outline:none}.banner:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-4)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner{padding:var(--s-space-16);min-height:3.25rem}}.banner--size-s{padding:var(--s-space-8);justify-content:center}.banner--size-s .banner__content{flex-grow:0;text-align:center}.banner--size-s .banner__controls{margin-left:0}.banner--intent-default .banner__icon,.banner--intent-default .banner__content,.banner--intent-default .banner__action-button,.banner--intent-default .banner__dismiss-button,.banner--intent-critical .banner__icon,.banner--intent-critical .banner__content,.banner--intent-critical .banner__action-button,.banner--intent-critical .banner__dismiss-button,.banner--intent-success .banner__icon,.banner--intent-success .banner__content,.banner--intent-success .banner__action-button,.banner--intent-success .banner__dismiss-button,.banner--intent-info .banner__icon,.banner--intent-info .banner__content,.banner--intent-info .banner__action-button,.banner--intent-info .banner__dismiss-button{color:var(--s-text-on-status)}.banner--intent-default{background-color:var(--s-surface-neutral-default)}.banner--intent-critical{background-color:var(--s-surface-critical-default)}.banner--intent-success{background-color:var(--s-surface-success-default)}.banner--intent-info{background-color:var(--s-surface-info-default)}.banner--intent-warning{background-color:var(--s-surface-warning-default)}.banner--intent-warning .banner__icon{color:var(--s-icon-strong)}.banner--intent-warning .banner__content,.banner--intent-warning .banner__action-button,.banner--intent-warning .banner__dismiss-button{color:var(--s-text-default)}.banner__content{display:flex;align-items:flex-start;min-height:1.5rem;flex-grow:1;line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner__content{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);min-height:1.25rem}}.banner__icon{display:none;width:1.5rem;height:1.5rem;margin-right:var(--s-space-8);flex-shrink:0;color:var(--s-icon-on-status)}@media (min-width: 375px){.banner__icon{display:inline-flex}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner__icon{width:1.25rem;height:1.25rem}}.banner__text{min-height:1.5rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner__text{min-height:1.25rem}}.banner__controls{display:inline-flex;flex-shrink:0;align-items:flex-start;line-height:var(--s-line-height-base);gap:var(--s-space-16)}@media (min-width: 768px){.banner__controls{gap:var(--s-space-24)}}.banner__action-button,.banner__dismiss-button{display:inline-flex;overflow:hidden;max-width:7rem;height:1.5rem;padding:0;flex-shrink:0;align-items:center;border:none;background-color:transparent;font:inherit;font-weight:var(--s-font-weight-semibold);white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.banner__action-button:focus,.banner__dismiss-button:focus{outline-color:var(--s-focus-default)}@media (min-width: 768px){.banner__action-button,.banner__dismiss-button{max-width:12rem}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner__action-button,.banner__dismiss-button{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);height:1.25rem}}", m = h, _ = {
+const h = ":host{display:block}:host *{box-sizing:border-box}.banner{display:flex;align-items:flex-start;gap:var(--s-space-16);max-width:100%;min-height:3.5rem;padding:var(--s-space-16)}.banner:focus:not(:focus-visible){outline:none}.banner:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-4)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner{padding:var(--s-space-16);min-height:3.25rem}}.banner--size-s{padding:var(--s-space-8);justify-content:center}.banner--size-s .banner__content{flex-grow:0;text-align:center}.banner--size-s .banner__controls{margin-left:0}.banner--intent-default .banner__icon,.banner--intent-default .banner__content,.banner--intent-default .banner__action-button,.banner--intent-default .banner__dismiss-button,.banner--intent-critical .banner__icon,.banner--intent-critical .banner__content,.banner--intent-critical .banner__action-button,.banner--intent-critical .banner__dismiss-button,.banner--intent-success .banner__icon,.banner--intent-success .banner__content,.banner--intent-success .banner__action-button,.banner--intent-success .banner__dismiss-button,.banner--intent-info .banner__icon,.banner--intent-info .banner__content,.banner--intent-info .banner__action-button,.banner--intent-info .banner__dismiss-button{color:var(--s-text-on-status)}.banner--intent-default{background-color:var(--s-surface-neutral-default)}.banner--intent-critical{background-color:var(--s-surface-critical-default)}.banner--intent-success{background-color:var(--s-surface-success-default)}.banner--intent-info{background-color:var(--s-surface-info-default)}.banner--intent-warning{background-color:var(--s-surface-warning-default)}.banner--intent-warning .banner__icon{color:var(--s-icon-strong)}.banner--intent-warning .banner__content,.banner--intent-warning .banner__action-button,.banner--intent-warning .banner__dismiss-button{color:var(--s-text-default)}.banner__content{display:flex;align-items:flex-start;min-height:1.5rem;flex-grow:1;line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner__content{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);min-height:1.25rem}}.banner__icon{display:none;width:1.5rem;height:1.5rem;margin-right:var(--s-space-8);flex-shrink:0;color:var(--s-icon-on-status)}@media (min-width: 375px){.banner__icon{display:inline-flex}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner__icon{width:1.25rem;height:1.25rem}}.banner__text{min-height:1.5rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner__text{min-height:1.25rem}}.banner__controls{display:inline-flex;flex-shrink:0;align-items:flex-start;line-height:var(--s-line-height-base);gap:var(--s-space-16)}@media (min-width: 768px){.banner__controls{gap:var(--s-space-24)}}.banner__action-button,.banner__dismiss-button{display:inline-flex;overflow:hidden;max-width:7rem;height:1.5rem;padding:0;flex-shrink:0;align-items:center;border:none;background-color:transparent;font:inherit;font-weight:var(--s-font-weight-semibold);white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.banner__action-button:focus,.banner__dismiss-button:focus{outline-color:var(--s-focus-default)}@media (min-width: 768px){.banner__action-button,.banner__dismiss-button{max-width:12rem}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner__action-button,.banner__dismiss-button{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);height:1.25rem}}", m = h, f = {
   default: void 0,
   critical: "<swirl-icon-error></swirl-icon-error>",
   success: "<swirl-icon-check-circle></swirl-icon-check-circle>",
   warning: "<swirl-icon-warning></swirl-icon-warning>",
   info: "<swirl-icon-info></swirl-icon-info>"
-}, f = class {
+}, _ = class {
   constructor(e) {
     o(this, e), this.action = r(this, "action", 7), this.dismiss = r(this, "dismiss", 7), this.desktopMediaQuery = l(), this.desktopMediaQueryHandler = (n) => {
       this.forceIconProps(n.matches);
@@ -20,31 +20,31 @@ const h = ":host{display:block}:host *{box-sizing:border-box}.banner{display:fle
     }, this.actionLabel = void 0, this.content = void 0, this.dismissable = !1, this.dismissLabel = "Dismiss", this.importance = "status", this.intent = "default", this.showIcon = !1, this.icon = void 0, this.size = "m";
   }
   componentDidLoad() {
-    this.forceIconProps(this.desktopMediaQuery.matches), this.desktopMediaQuery.onchange = this.desktopMediaQueryHandler;
+    this.forceIconProps(this.desktopMediaQuery.matches), this.desktopMediaQuery.addEventListener("change", this.desktopMediaQueryHandler);
   }
   disconnectedCallback() {
     var e, n;
     (n = (e = this.desktopMediaQuery).removeEventListener) == null || n.call(e, "change", this.desktopMediaQueryHandler);
   }
   forceIconProps(e) {
-    var s, a;
-    const n = (s = this.iconEl) == null ? void 0 : s.children[0], i = (a = this.dismissButtonEl) == null ? void 0 : a.children[0];
+    var a, s;
+    const n = (a = this.iconEl) == null ? void 0 : a.children[0], i = (s = this.dismissButtonEl) == null ? void 0 : s.children[0];
     n == null || n.setAttribute("size", e ? "20" : "24"), i == null || i.setAttribute("size", e ? "20" : "24");
   }
   determineIcon() {
-    return this.icon ? this.icon : _[this.intent];
+    return this.icon ? this.icon : f[this.intent];
   }
   render() {
-    const e = this.determineIcon(), n = Boolean(this.actionLabel) || this.dismissable, i = this.icon || this.showIcon && Boolean(e), s = d("banner", `banner--intent-${this.intent}`, `banner--size-${this.size}`, {
+    const e = this.determineIcon(), n = Boolean(this.actionLabel) || this.dismissable, i = this.icon || this.showIcon && Boolean(e), a = d("banner", `banner--intent-${this.intent}`, `banner--size-${this.size}`, {
       "banner--has-icon": i
     });
-    return t(c, { key: "2b926334556876ce750c890243dac923d8ae5b75" }, t("div", { key: "f7aefa810673bd5e18a5c14aac01a078298df404", "aria-describedby": "content", class: s, role: this.importance, tabIndex: 0 }, t("div", { key: "9712a2db49d78fc6228e91f696e442c316b62231", class: "banner__content", id: "content", part: "banner__content" }, i && t("span", { key: "5632af1834cd2ffd0918628e53dcbc766fc0c29c", "aria-hidden": "true", class: "banner__icon", innerHTML: e, ref: (a) => this.iconEl = a }), t("span", { key: "f5bfc1bf786936873522b8c42763166b9bb4b22a", class: "banner__text" }, this.content)), n && t("div", { key: "18b8931ee8cfdbecca4ac7330049321023f3f1fb", class: "banner__controls" }, this.actionLabel && t("button", { key: "b6c7913a77b3872a74ba8c2770803379d268e5c3", class: "banner__action-button", onClick: this.onAction, part: "banner__action-button", type: "button" }, this.actionLabel), this.dismissable && t("button", { key: "9119dad3a6d3526e5aebbd0ede243373b7072252", "aria-label": this.dismissLabel, class: "banner__dismiss-button", onClick: this.onDismiss, part: "banner__dismiss-button", ref: (a) => this.dismissButtonEl = a, type: "button" }, t("swirl-icon-close", { key: "b0a59c1a5104ee71bc31be6c2f5648afbf1748f1" })))));
+    return t(c, { key: "be4bdebb17f5f9611c21c9eded65510ce2cf8427" }, t("div", { key: "2153f4b7cc6565e5a525f1131ce48b74ee2ebc7a", "aria-describedby": "content", class: a, role: this.importance, tabIndex: 0 }, t("div", { key: "010865c0f43d00bfff18d7c510f48b191bb5b025", class: "banner__content", id: "content", part: "banner__content" }, i && t("span", { key: "e33800d612c9bf594e3db60acf599357b0851383", "aria-hidden": "true", class: "banner__icon", innerHTML: e, ref: (s) => this.iconEl = s }), t("span", { key: "03e082a2db918623b06b1487fd2bdfc6f270e08e", class: "banner__text" }, this.content)), n && t("div", { key: "a2041ef90d239380260e150581b7b06ed5dbc4b2", class: "banner__controls" }, this.actionLabel && t("button", { key: "c8a469c6d1ac12a9ba66fc1b3a4fdf252aeb8c52", class: "banner__action-button", onClick: this.onAction, part: "banner__action-button", type: "button" }, this.actionLabel), this.dismissable && t("button", { key: "a49e1ac3a5188b0344794fd93f7d5d56f3a520d1", "aria-label": this.dismissLabel, class: "banner__dismiss-button", onClick: this.onDismiss, part: "banner__dismiss-button", ref: (s) => this.dismissButtonEl = s, type: "button" }, t("swirl-icon-close", { key: "95f2d21a48eeb6c5cc845d1dc674502ed89a0467" })))));
   }
   get element() {
     return b(this);
   }
 };
-f.style = m;
+_.style = m;
 export {
-  f as swirl_banner
+  _ as swirl_banner
 };

package/dist/{swirl-box.entry.fc495b89.js → swirl-box.entry.3a71d8e5.js}

@@ -1,4 +1,4 @@
-import { r as d, c as r, h as t, H as i, g as s } from "./index.b38ce485.js";
+import { r as d, c as r, h as t, H as i, g as s } from "./index.712081f1.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-button-group.entry.9656cbfe.js → swirl-button-group.entry.9357264a.js}

@@ -1,4 +1,4 @@
-import { r as s, h as r, H as i } from "./index.b38ce485.js";
+import { r as s, h as r, H as i } from "./index.712081f1.js";
 import { c as e } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";