@getflip/swirl-components-react 0.331.0 → 0.333.0

package/dist/media-query.service-9a0ff1cb.1b0964d0.js

@@ -0,0 +1,17 @@
+import { g as t } from "./utils-28df99ee.9fb223f6.js";
+class i {
+  constructor() {
+    this.listeners = /* @__PURE__ */ new Set(), this.onChange = (e) => {
+      this.listeners.forEach((s) => s(e.matches));
+    }, this.mediaQueryList = t(), this.mediaQueryList.addEventListener("change", this.onChange);
+  }
+  subscribe(e) {
+    return this.listeners.add(e), e(this.mediaQueryList.matches), () => {
+      this.listeners.delete(e);
+    };
+  }
+}
+const h = new i();
+export {
+  h as D
+};

package/dist/{swirl-accordion-item.entry.46a19380.js → swirl-accordion-item.entry.0541fee4.js}

@@ -1,4 +1,4 @@
-import { r as d, c as t, h as e, H as n, g as s } from "./index.bea7a45c.js";
+import { r as d, c as t, h as e, H as n, g as s } from "./index.67f1f4e7.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import { v as o } from "./v4-23648a96.77c7c20f.js";
 import "react";

package/dist/{swirl-accordion.entry.ea4a68f1.js → swirl-accordion.entry.f935926b.js}

@@ -1,4 +1,4 @@
-import { r as a, c as s, h as o, H as i, g as c } from "./index.bea7a45c.js";
+import { r as a, c as s, h as o, H as i, g as c } from "./index.67f1f4e7.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 {

package/dist/{swirl-action-list-section.entry.1324eab0.js → swirl-action-list-section.entry.d7ab5eda.js}

@@ -1,4 +1,4 @@
-import { r as i, h as a, H as t } from "./index.bea7a45c.js";
+import { r as i, h as a, H as t } from "./index.67f1f4e7.js";
 import "react";
 import "react-dom";
 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 {

package/dist/{swirl-action-list_2.entry.fad8bea3.js → swirl-action-list_2.entry.4e00be39.js}

@@ -1,24 +1,25 @@
-import { r as c, h as o, H as l, g as d } from "./index.bea7a45c.js";
-import { q as h, j as f, g as u } from "./utils-0cdf2a1e.c9917628.js";
-import { c as m } from "./index-267776a4.6beb4f4b.js";
+import { r as c, h as o, H as l, g as d } from "./index.67f1f4e7.js";
+import { q as h, k as f } from "./utils-28df99ee.9fb223f6.js";
+import { c as u } from "./index-267776a4.6beb4f4b.js";
+import { D as m } from "./media-query.service-9a0ff1cb.1b0964d0.js";
 import "react";
 import "react-dom";
-const p = ":host{display:block;width:100%}:host *{box-sizing:border-box}.action-list{background-color:var(--s-surface-overlay-default)}", b = p, v = class {
-  constructor(i) {
-    c(this, i), this.onKeyDown = (e) => {
+const b = ":host{display:block;width:100%}:host *{box-sizing:border-box}.action-list{background-color:var(--s-surface-overlay-default)}", p = b, v = class {
+  constructor(t) {
+    c(this, t), this.onKeyDown = (e) => {
       e.code === "ArrowDown" || e.code === "ArrowRight" ? (e.preventDefault(), this.focusNextItem()) : (e.code === "ArrowUp" || e.code === "ArrowLeft") && (e.preventDefault(), this.focusPreviousItem());
     }, 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);
+      const i = e.relatedTarget, s = e.target, a = (s == null ? void 0 : s.tagName) === "SWIRL-ACTION-LIST-ITEM", n = i === null || !this.el.contains(i);
       !this.isInsidePopover && n && a && this.container.setAttribute("tabindex", "0");
     }, this.onFocus = () => {
       var s, a;
       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();
+      const e = this.getItems(), i = this.getActiveItemIndex();
+      i > -1 ? (s = e[i]) == null || s.focus() : (a = e[0]) == null || a.focus();
     }, this.isInsidePopover = void 0;
   }
   componentDidLoad() {
@@ -30,60 +31,57 @@ const p = ":host{display:block;width:100%}:host *{box-sizing:border-box}.action-
     return h(this.el, '[role="menuitem"]');
   }
   focusNextItem() {
-    const i = this.getItems(), t = (this.getActiveItemIndex() + 1) % i.length;
-    i[t].focus();
+    const t = this.getItems(), i = (this.getActiveItemIndex() + 1) % t.length;
+    t[i].focus();
   }
   focusPreviousItem() {
     var s;
-    const i = this.getItems(), e = this.getActiveItemIndex(), t = e === 0 ? i.length - 1 : e - 1;
-    (s = i[t]) == null || s.focus();
+    const t = this.getItems(), e = this.getActiveItemIndex(), i = e === 0 ? t.length - 1 : e - 1;
+    (s = t[i]) == null || s.focus();
   }
   getActiveItemIndex() {
-    const i = this.getItems(), e = f();
-    return i.findIndex((t) => t === e || t === (e == null ? void 0 : e.querySelector('[role="menuitem"]')));
+    const t = this.getItems(), e = f();
+    return t.findIndex((i) => i === e || i === (e == null ? void 0 : e.querySelector('[role="menuitem"]')));
   }
   setSectionSeparator() {
     if (!this.el)
       return;
-    Array.from(this.el.querySelectorAll("swirl-action-list-section")).filter((e) => e.isConnected).forEach((e, t) => {
+    Array.from(this.el.querySelectorAll("swirl-action-list-section")).filter((e) => e.isConnected).forEach((e, i) => {
       var s;
-      t === 0 && ((s = e.previousElementSibling) == null ? void 0 : s.tagName) !== "SWIRL-ACTION-LIST-ITEM" && (e.hasSeparator = !1);
+      i === 0 && ((s = e.previousElementSibling) == null ? void 0 : s.tagName) !== "SWIRL-ACTION-LIST-ITEM" && (e.hasSeparator = !1);
     });
   }
   render() {
-    return o(l, { key: "dcbfbe5e2d3e3c3ae4119d71067da9898c39f52a" }, o("div", { key: "d85810e0e08962a69ccd29e6993443100d84abcc", "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: "74d09eb289ca2822a76d470b3962991428f16011", onSlotchange: this.setSectionSeparator })));
+    return o(l, { key: "dcbfbe5e2d3e3c3ae4119d71067da9898c39f52a" }, o("div", { key: "d85810e0e08962a69ccd29e6993443100d84abcc", "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: (t) => this.container = t, role: "menu" }, o("slot", { key: "74d09eb289ca2822a76d470b3962991428f16011", onSlotchange: this.setSectionSeparator })));
   }
   get el() {
     return d(this);
   }
 };
-v.style = b;
+v.style = p;
 const g = ":host{display:block}:host *{box-sizing:border-box}.action-list-item{display:inline-flex;position:relative;width:100%;min-width:15rem;margin:0;padding:var(--s-space-12) var(--s-space-16);justify-content:flex-start;align-items:center;border:none;border-radius:var(--s-border-radius-sm);color:var(--s-text-default);background-color:var(--s-surface-overlay-default);font:inherit;line-height:var(--s-line-height-base);text-align:left;cursor:pointer;gap:var(--s-space-12)}.action-list-item:hover{background-color:var(--s-surface-overlay-hovered);--swirl-tag-background-default:var(--s-surface-sunken-pressed)}.action-list-item:focus{outline:none}.action-list-item:focus-visible{background-color:var(--s-surface-overlay-hovered);outline-color:var(--s-focus-default);outline-style:solid;outline-width:0.125rem;z-index:1}.action-list-item:active{background-color:var(--s-surface-overlay-pressed)}.action-list-item:disabled{background-color:var(--s-surface-overlay-default);cursor:default}.action-list-item:disabled .action-list-item__label,.action-list-item:disabled .action-list-item__description{color:var(--s-text-disabled)}.action-list-item:disabled .action-list-item__icon{color:var(--s-icon-disabled)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.action-list-item{padding:var(--s-space-8) var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);gap:var(--s-space-8)}}.action-list-item--size-l{padding:var(--s-space-16)}.action-list-item--intent-critical ::part(icon){color:var(--s-icon-critical)}.action-list-item--intent-critical:not(:disabled) .action-list-item__label{color:var(--s-text-critical)}.action-list-item--intent-critical:not(:disabled) .action-list-item__icon{color:var(--s-icon-critical)}.action-list-item__icon{display:inline-flex;position:relative;width:1.5rem;height:1.5rem;flex-shrink:0;color:var(--s-icon-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.action-list-item__icon{width:1.25rem;height:1.25rem}}.action-list-item__icon-badge{position:absolute;display:grid;bottom:0;right:0}.action-list-item__label-container{display:inline-flex;min-width:0;flex-grow:1;flex-shrink:1;align-items:flex-start;flex-direction:column}.action-list-item__label{overflow:hidden;max-width:100%;font-weight:var(--s-font-weight-medium);white-space:nowrap;text-overflow:ellipsis}.action-list-item__description{color:var(--s-text-subdued)}.action-list-item__badge{overflow:hidden;min-width:4rem;padding-left:var(--s-space-8);flex-shrink:3;color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);text-align:right;white-space:nowrap;text-overflow:ellipsis}.action-list-item__suffix{display:inline-flex;flex-shrink:0;color:var(--s-icon-default)}", x = g, w = class {
-  constructor(i) {
-    c(this, i), this.desktopMediaQuery = u(), this.desktopMediaQueryHandler = (e) => {
-      this.forceIconProps(e.matches);
+  constructor(t) {
+    c(this, t), this.mediaQueryUnsubscribe = () => {
     }, 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.addEventListener("change", this.desktopMediaQueryHandler);
-  }
-  componentDidRender() {
-    this.forceIconProps(this.desktopMediaQuery.matches);
+    this.mediaQueryUnsubscribe = m.subscribe((t) => {
+      this.forceIconProps(t);
+    });
   }
   disconnectedCallback() {
-    var i, e;
-    (e = (i = this.desktopMediaQuery).removeEventListener) == null || e.call(i, "change", this.desktopMediaQueryHandler);
+    this.mediaQueryUnsubscribe();
   }
-  forceIconProps(i) {
+  forceIconProps(t) {
     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];
-    e == null || e.setAttribute("size", i ? "20" : "24");
+    const e = (a = this.iconEl) == null ? void 0 : a.children[0], i = (n = this.suffixEl) == null ? void 0 : n.children[0];
+    e == null || e.setAttribute("size", t ? "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"));
+    s == null || s.setAttribute("size", "xs"), s == null || s.setAttribute("variant", "dot"), (i == null ? void 0 : i.tagName) !== "SWIRL-TAG" && (i == null || i.setAttribute("size", t ? "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: "cf72c77a7238b89ac5737fbd26a4f9c5fb8d2aaf" }, o("button", { key: "b883df9fba48c6f1e3fa18cb2acbddcb1c4f7903", "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: "2903ffa6a0b97a9d1f30a3ab485a5f4625016893", name: "avatar" }), this.icon && o("span", { key: "687e8b468e26a239a45829f5448e3f4fae991a18", class: "action-list-item__icon", innerHTML: this.icon, ref: (n) => this.iconEl = n }, e && o("span", { key: "db6fa0aa9ee28b495febd9278f464add1d195295", class: "action-list-item__icon-badge", innerHTML: this.iconBadge, ref: (n) => this.iconBadgeEl = n })), 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: (n) => this.suffixEl = n }, o("slot", { key: "c496345eea881fc5d6742710a053aa45cd4d94e6", name: "suffix" }))));
+    const t = Boolean(this.badge), e = Boolean(this.iconBadge), i = Boolean(this.el.querySelector('[slot="suffix"]')), s = (Boolean(this.suffix) || i) && !this.disabled, a = u("action-list-item", `action-list-item--intent-${this.intent}`, `action-list-item--size-${this.size}`);
+    return o(l, { key: "6e0ba3475bbabc4b456d23070aada4ad73a7bef7" }, o("button", { key: "568753980452f56f6305573cfacc1540728f8a64", "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: "90c23d6a829bdb2903ff76eda7852101b174b198", name: "avatar" }), this.icon && o("span", { key: "1855b294b64760c5399cfb9b371715399ed2e985", class: "action-list-item__icon", innerHTML: this.icon, ref: (n) => this.iconEl = n }, e && o("span", { key: "1db1f001b6a4e9d40d4e11dddb5f2a45c8c81106", class: "action-list-item__icon-badge", innerHTML: this.iconBadge, ref: (n) => this.iconBadgeEl = n })), o("span", { key: "a55df1b640cb5c5109dc632c39dca728fce290da", class: "action-list-item__label-container" }, o("span", { key: "ae479a05bbfd854b8472d3977d7489df73e611cb", class: "action-list-item__label" }, this.label), this.description && o("span", { key: "959761897cc5c8d4d2474795460b66bb5d22475b", class: "action-list-item__description" }, this.description)), t && o("span", { key: "cd679c3648c86d6d7f5c9c37f1d02e8b14cd2bfe", class: "action-list-item__badge", innerHTML: this.badge }), s && o("span", { key: "88754ec73e17680ebdc939f42df996dace73fdce", class: "action-list-item__suffix", innerHTML: i ? void 0 : this.suffix, ref: (n) => this.suffixEl = n }, o("slot", { key: "37b5c4659a5ff5c1e36e9dd47292180e9b9a5dac", name: "suffix" }))));
   }
   get el() {
     return d(this);

package/dist/{swirl-app-bar.entry.5b6dccce.js → swirl-app-bar.entry.a01cbeff.js}

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

package/dist/{swirl-app-icon.entry.f4c74735.js → swirl-app-icon.entry.8c0c0aaa.js}

@@ -1,4 +1,4 @@
-import { r as n, h as s, H as o } from "./index.bea7a45c.js";
+import { r as n, h as s, H as o } from "./index.67f1f4e7.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-app-layout_5.entry.2cb3b430.js → swirl-app-layout_5.entry.f0625be6.js}

@@ -1,6 +1,7 @@
-import { r as p, c as n, h as a, H as c, g as u, F as h } from "./index.bea7a45c.js";
+import { r as p, c as l, h as a, H as c, g as u, F as h } from "./index.67f1f4e7.js";
 import { c as b } from "./index-267776a4.6beb4f4b.js";
-import { g as w, d as y, i as g, n as f } from "./utils-0cdf2a1e.c9917628.js";
+import { D as w } from "./media-query.service-9a0ff1cb.1b0964d0.js";
+import { d as y, i as g, o as f } from "./utils-28df99ee.9fb223f6.js";
 import { S as T } from "./sortable.esm-0bfddf0c.953ca6a6.js";
 import { v as k } from "./v4-23648a96.77c7c20f.js";
 import "react";
@@ -30,10 +31,9 @@ const D = `: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}}`, A = D, M = "SWIRL_APP_LAYOUT_NAV_EXPANSION_STATE", L = 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}}`, A = D, L = "SWIRL_APP_LAYOUT_NAV_EXPANSION_STATE", N = class {
   constructor(t) {
-    p(this, t), this.ctaClick = n(this, "ctaClick", 7), this.mobileViewChange = n(this, "mobileViewChange", 7), this.navigationBackButtonClick = n(this, "navigationBackButtonClick", 7), this.navigationExpansionStateChange = n(this, "navigationExpansionStateChange", 7), this.sidebarToggle = n(this, "sidebarToggle", 7), this.desktopMediaQuery = w(), this.desktopMediaQueryHandler = (e) => {
-      this.isDesktop = e.matches;
+    p(this, t), this.ctaClick = l(this, "ctaClick", 7), this.mobileViewChange = l(this, "mobileViewChange", 7), this.navigationBackButtonClick = l(this, "navigationBackButtonClick", 7), this.navigationExpansionStateChange = l(this, "navigationExpansionStateChange", 7), this.sidebarToggle = l(this, "sidebarToggle", 7), this.mediaQueryUnsubscribe = () => {
     }, this.onBackToNavigationViewButtonClick = () => {
       this.changeMobileView("navigation");
     }, this.onCtaClick = (e) => {
@@ -55,7 +55,7 @@ const D = `:host{--header-height:3.5625rem;position:relative;z-index:1;display:f
       this.setCollapsibleNavigationState(e);
     }, this.overlayNavigation = (e) => {
       e.stopPropagation(), this.setCollapsibleNavigationState("overlayed");
-    }, this.appName = void 0, this.backToNavigationViewButtonLabel = "Back to navigation", this.collapsibleNavigation = void 0, this.ctaIcon = void 0, this.ctaLabel = void 0, this.hasNavigation = void 0, this.hideAppBar = void 0, this.initialMobileView = void 0, this.navigationBackButtonLabel = "Go back", this.navigationExpansionStateStorageKey = M, this.navigationToggleLabel = "Toggle navigation", this.navigationOverlayLabel = "Show navigation", this.navigationLabel = void 0, this.showNavigationBackButton = void 0, this.sidebarCloseButtonLabel = "Close sidebar", this.sidebarHeading = void 0, this.transitionStyle = "slides", this.contentScrollState = {
+    }, this.appName = void 0, this.backToNavigationViewButtonLabel = "Back to navigation", this.collapsibleNavigation = void 0, this.ctaIcon = void 0, this.ctaLabel = void 0, this.hasNavigation = void 0, this.hideAppBar = void 0, this.initialMobileView = void 0, this.navigationBackButtonLabel = "Go back", this.navigationExpansionStateStorageKey = L, this.navigationToggleLabel = "Toggle navigation", this.navigationOverlayLabel = "Show navigation", this.navigationLabel = void 0, this.showNavigationBackButton = void 0, this.sidebarCloseButtonLabel = "Close sidebar", this.sidebarHeading = void 0, this.transitionStyle = "slides", this.contentScrollState = {
       scrollable: !1,
       scrolledToTop: !1,
       scrolledToBottom: !1
@@ -75,13 +75,15 @@ const D = `:host{--header-height:3.5625rem;position:relative;z-index:1;display:f
     });
   }
   componentDidLoad() {
-    this.desktopMediaQuery.addEventListener("change", this.desktopMediaQueryHandler), queueMicrotask(() => {
-      this.isDesktop = this.desktopMediaQuery.matches, this.restoreNavExpansionState(), this.updateContentScrollState(), this.updateSidebarScrollState(), this.updateNavScrollState();
+    this.mediaQueryUnsubscribe = w.subscribe((t) => {
+      this.isDesktop = t;
+    }), queueMicrotask(() => {
+      this.restoreNavExpansionState(), this.updateContentScrollState(), this.updateSidebarScrollState(), this.updateNavScrollState();
     });
   }
   disconnectedCallback() {
-    var t, e, i;
-    (e = (t = this.desktopMediaQuery).removeEventListener) == null || e.call(t, "change", this.desktopMediaQueryHandler), (i = this.mutationObserver) == null || i.disconnect();
+    var t;
+    this.mediaQueryUnsubscribe(), (t = this.mutationObserver) == null || t.disconnect();
   }
   onDocumentClick(t) {
     if (!this.collapsibleNavigation || this.navExpansionState !== "overlayed")
@@ -180,7 +182,7 @@ const D = `:host{--header-height:3.5625rem;position:relative;z-index:1;display:f
     Boolean(t) && this.setCollapsibleNavigationState(t);
   }
   render() {
-    const t = (this.mobileView === "body" || this.transitioningTo) && this.hasNavigation && !this.hasCustomAppBarBackButton, e = Boolean(this.el.querySelector('[slot="app-bar-controls"]')), i = Boolean(this.el.querySelector('[slot="bottom-bar"]')), o = Boolean(this.el.querySelector('[slot="app-bar-mobile-menu-button"]')), r = Boolean(this.el.querySelector('[slot="custom-sidebar-header"]')), l = Boolean(this.el.querySelector('[slot="floating-action-button"]')) || Boolean(this.ctaLabel), d = this.hasNavigation && (!this.collapsibleNavigation || this.navExpansionState !== "collapsed" || !this.isDesktop), m = b("app-layout", `app-layout--mobile-view-${this.mobileView}`, `app-layout--nav-${this.isDesktop ? this.navExpansionState : "expanded"}`, `app-layout--transitioning-from-${this.transitioningFrom}`, `app-layout--transitioning-to-${this.transitioningTo}`, `app-layout--transition-style-${this.transitionStyle}`, {
+    const t = (this.mobileView === "body" || this.transitioningTo) && this.hasNavigation && !this.hasCustomAppBarBackButton, e = Boolean(this.el.querySelector('[slot="app-bar-controls"]')), i = Boolean(this.el.querySelector('[slot="bottom-bar"]')), o = Boolean(this.el.querySelector('[slot="app-bar-mobile-menu-button"]')), r = Boolean(this.el.querySelector('[slot="custom-sidebar-header"]')), n = Boolean(this.el.querySelector('[slot="floating-action-button"]')) || Boolean(this.ctaLabel), d = this.hasNavigation && (!this.collapsibleNavigation || this.navExpansionState !== "collapsed" || !this.isDesktop), m = b("app-layout", `app-layout--mobile-view-${this.mobileView}`, `app-layout--nav-${this.isDesktop ? this.navExpansionState : "expanded"}`, `app-layout--transitioning-from-${this.transitioningFrom}`, `app-layout--transitioning-to-${this.transitioningTo}`, `app-layout--transition-style-${this.transitionStyle}`, {
       "app-layout--content-scrollable": this.contentScrollState.scrollable,
       "app-layout--content-scrolled-to-top": this.contentScrollState.scrolledToTop,
       "app-layout--content-scrolled-to-bottom": this.contentScrollState.scrolledToBottom,
@@ -189,7 +191,7 @@ const D = `:host{--header-height:3.5625rem;position:relative;z-index:1;display:f
       "app-layout--has-bottom-bar": i,
       "app-layout--has-custom-app-bar-back-button": this.hasCustomAppBarBackButton,
       "app-layout--has-custom-sidebar-header": r,
-      "app-layout--has-floating-action-button": l,
+      "app-layout--has-floating-action-button": n,
       "app-layout--has-navigation": this.hasNavigation,
       "app-layout--has-sidebar": this.hasSidebar,
       "app-layout--hide-app-bar": this.hideAppBar,
@@ -202,7 +204,7 @@ const D = `: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(c, { 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 }), d && 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" })))));
+    return a(c, { key: "0970730a8b11319c50969d6d6e7f217dcf56e2f0" }, a("section", { key: "06d420b7d6bfe12422b52e2cdcb8fa8a2ed0fbac", "aria-labelledby": "app-name", class: m }, a("div", { key: "b50a9beffae3145861ed4b71705fe673f5d10043", class: "app-layout__grid" }, a("header", { key: "04c3f7e4b7cb227cca2e9a15e262ddc9874032e1", class: "app-layout__header", ref: (s) => this.headerEl = s }, a("span", { key: "67ba8ba5394d42ba1f96ccb3258aefb8acce87c9", class: "app-layout__navigation-mobile-menu-button" }, a("slot", { key: "8795a4b7ac5a63bdd1f838c6ba1d0314cfa33dc9", name: "navigation-mobile-menu-button" })), this.collapsibleNavigation && a("span", { key: "0a11ae6739ed9863837da26a60a5f524ca2215ea", class: "app-layout__nav-overlay-toggle" }, a("swirl-button", { key: "e0670ebab68aaefd7342a31b0a2c139f181c4cf1", 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: "df74e59b27c2e15ffc532826ac69794df187ece9", class: "app-layout__navigation-back-button" }, a("swirl-button", { key: "ca4e1610d7566b66ebe6958f8ec6f89d4a84554c", hideLabel: !0, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.navigationBackButtonLabel, onClick: this.onNavigationBackButtonClick })), a("swirl-heading", { key: "7ca7f6ca8a69fead26966a6b224966f4404351da", as: "h1", class: "app-layout__app-name", headingId: "app-name", level: 3, text: this.appName }), d && a("span", { key: "3d1205492f28588558a5e1d1c1948c4da7870c46", class: "app-layout__navigation-controls" }, a("slot", { key: "f97090b47f524589e4d86e293e92ce2e001503dd", name: "navigation-controls" }))), a("nav", { key: "9b2f944843bcee7c5322b728ea26fcc7d8ed990f", "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: "a3fa785458acf70951cf209062e9f91bfec49db4", name: "navigation" })), a("section", { key: "3649f14cce3bdf275bc7325680b4c193085272f7", "aria-labelledby": "app-name", class: "app-layout__body" }, !this.hideAppBar && a("header", { key: "401b6adeda9ed569d8a6c37f381fed0623a34701", class: "app-layout__app-bar" }, a("span", { key: "7b60e9abca35a3c6ab900e8d882116e8b22ce730", class: "app-layout__app-bar-mobile-menu-button" }, a("slot", { key: "44c01881cb2c4799942609ca43f2ead4de855859", name: "app-bar-mobile-menu-button" })), t && a("span", { key: "63a89ec584fa6a21a5cf4be3fdf15e84df01b03a", class: "app-layout__back-to-navigation-button" }, a("swirl-button", { key: "5d05136bb74adcc5a404bdb74533636777f3b598", 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: "0426043d85f25bd9581b2046215dba5cc50ee24c", class: "app-layout__nav-expansion-toggle" }, a("swirl-button", { key: "5b64b49937d180b23de6435351a0b7498562b2f7", hideLabel: !0, icon: "<swirl-icon-hamburger-menu></swirl-icon-hamburger-menu>", label: this.navigationOverlayLabel, onClick: this.overlayNavigation })), a("span", { key: "eaa0172b442211086532a15fae6bb99b70dafab6", class: "app-layout__custom-app-bar-back-button" }, a("slot", { key: "86177f0040e21c020b2d88a2e11cc1f2045d9bcf", name: "custom-app-bar-back-button" })), a("div", { key: "ff317fc8d6a4f75b81db2f4c6867d1259a9e2cc6", class: "app-layout__app-bar-content" }, a("slot", { key: "59a8e892b40e1b56acc3f33cb956d1a588670a5e", name: "app-bar" })), a("div", { key: "2244b236929f9de30d18f886b2992187b1f9baf8", class: "app-layout__app-bar-controls" }, a("slot", { key: "c5fae8b152e14275cb09b7db637ea8ca64932648", name: "app-bar-controls" }))), a("div", { key: "85a6875e28ec691f659cbee27e299bca2048ff67", class: "app-layout__banner" }, a("slot", { key: "9790312e956f47faca3c1c4b04a6b1422a889498", name: "banner" })), a("div", { key: "d33ae32d0644d24027423eb9dc9ba94c54b0070b", class: "app-layout__content", onScroll: this.onContentScroll, ref: (s) => this.contentEl = s }, a("slot", { key: "9e615a708ac9ae2817a680e868c70d4a9ec3d075", name: "content" })), a("div", { key: "d173a40d98a1d8cd6b93135d9a6984afc6487813", class: "app-layout__bottom-bar" }, a("slot", { key: "10a8422834710d9b15dea188d0f8b24dab14887e", name: "bottom-bar" }))), a("aside", { key: "0da3e8a8bf7be2c6ae12ebf89b6fc91f4d9a27a2", class: "app-layout__sidebar" }, a("header", { key: "da7303d27a7c9d65a3d3dd7ec9799f7ea8b63dd8", class: "app-layout__custom-sidebar-header" }, a("slot", { key: "fd8fc8403066c85dd26ed414afded579928da657", name: "custom-sidebar-header" })), a("header", { key: "addfa87cef788f272e586e3a02b0f47be414cc58", class: "app-layout__sidebar-header" }, a("swirl-button", { key: "7daf54726d77b5a9656dd888d32d4c111746e59e", 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: "c743c2b1049f87a5c81b99ddc836f4a2b9b08561", as: "h3", class: "app-layout__sidebar-heading", headingId: "sidebar-heading", level: 3, text: this.sidebarHeading })), a("div", { key: "9443e3843d55af79d62c949b8df53a6a1f27a4e9", class: "app-layout__sidebar-content", onScroll: this.onSidebarScroll, ref: (s) => this.sidebarEl = s }, a("slot", { key: "0b5eff0be0d4e98ed2755b412d8783fe25d8d809", name: "sidebar" }))), a("span", { key: "a1487ea686f593c4b117a9eb74fe61fe8b516336", class: "app-layout__floating-action-button" }, this.ctaLabel && a("swirl-button", { key: "02d61ee5b96263295218ed0b99cb8b93d1e06df0", hideLabel: Boolean(this.ctaIcon), icon: this.ctaIcon, intent: "primary", label: this.ctaLabel, onClick: this.onCtaClick, variant: "floating" }), a("slot", { key: "7f1e9ae5a5cbf12e28b12d8e7227fee017f6f532", name: "floating-action-button" })))));
   }
   get el() {
     return u(this);
@@ -213,8 +215,8 @@ const D = `:host{--header-height:3.5625rem;position:relative;z-index:1;display:f
     };
   }
 };
-L.style = A;
-const N = ":host{display:block}:host *{box-sizing:border-box}.empty-state{display:flex;max-width:28rem;align-items:center;flex-direction:column;gap:var(--s-space-16)}.empty-state--has-controls .empty-state__controls{display:block}.empty-state--has-slotted-illustration .empty-state__slotted-illustration{display:block}.empty-state__illustration{max-width:16rem}.empty-state__body{display:flex;align-items:center;flex-direction:column;gap:var(--s-space-24)}.empty-state__controls{display:none}.empty-state__slotted-illustration{display:none;max-width:16rem}", H = N, V = class {
+N.style = A;
+const M = ":host{display:block}:host *{box-sizing:border-box}.empty-state{display:flex;max-width:28rem;align-items:center;flex-direction:column;gap:var(--s-space-16)}.empty-state--has-controls .empty-state__controls{display:block}.empty-state--has-slotted-illustration .empty-state__slotted-illustration{display:block}.empty-state__illustration{max-width:16rem}.empty-state__body{display:flex;align-items:center;flex-direction:column;gap:var(--s-space-24)}.empty-state__controls{display:none}.empty-state__slotted-illustration{display:none;max-width:16rem}", V = M, H = class {
   constructor(t) {
     p(this, t), this.heading = void 0, this.illustration = void 0;
   }
@@ -229,7 +231,7 @@ const N = ":host{display:block}:host *{box-sizing:border-box}.empty-state{displa
     return u(this);
   }
 };
-V.style = H;
+H.style = V;
 const z = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", O = z, q = class {
   constructor(t) {
     p(this, t), this.color = void 0, this.size = 24;
@@ -244,7 +246,7 @@ const z = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{
 q.style = O;
 const F = ".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource-list-h *.sc-swirl-resource-list{box-sizing:border-box}", P = F, $ = class {
   constructor(t) {
-    p(this, t), this.itemDrop = n(this, "itemDrop", 7), this.focusedIndex = 0, this.toggleDrag = (e) => {
+    p(this, t), this.itemDrop = l(this, "itemDrop", 7), this.focusedIndex = 0, this.toggleDrag = (e) => {
       const i = e.detail;
       Boolean(this.dragging) ? this.stopDrag(i) : this.startDrag(i);
     }, this.startDrag = (e) => {
@@ -363,8 +365,8 @@ const F = ".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource
     });
   }
   render() {
-    var t, e, i, o, r, l;
-    return a(c, { key: "5448bca29d649a700b2ac2facf72f505660cf0dc", onKeyDown: this.onKeyDown }, a("swirl-visually-hidden", { key: "e422fac574b92aacea59635078906e46d3a8d588", role: "alert" }, this.assistiveText), a("swirl-box", { key: "24ca364643f0d57ebb04300427ce805b8d951865", paddingBlockEnd: (t = this.paddingBlockEnd) != null ? t : this.padding, paddingBlockStart: (e = this.paddingBlockStart) != null ? e : this.padding, paddingInlineEnd: (o = (i = this.paddingInlineEnd) != null ? i : this.padding) != null ? o : "8", paddingInlineStart: (l = (r = this.paddingInlineStart) != null ? r : this.padding) != null ? l : "8" }, a("swirl-stack", { key: "065270327ec17c41eb8762da1690019c1f984274", "aria-label": this.label, class: "resource-list", id: this.listId, ref: (d) => this.gridEl = d, role: "grid", spacing: this.spacing }, a("slot", { key: "74498fe31f2bdf496e3453f17e7ecd36df099cc8" }))));
+    var t, e, i, o, r, n;
+    return a(c, { key: "5448bca29d649a700b2ac2facf72f505660cf0dc", onKeyDown: this.onKeyDown }, a("swirl-visually-hidden", { key: "e422fac574b92aacea59635078906e46d3a8d588", role: "alert" }, this.assistiveText), a("swirl-box", { key: "24ca364643f0d57ebb04300427ce805b8d951865", paddingBlockEnd: (t = this.paddingBlockEnd) != null ? t : this.padding, paddingBlockStart: (e = this.paddingBlockStart) != null ? e : this.padding, paddingInlineEnd: (o = (i = this.paddingInlineEnd) != null ? i : this.padding) != null ? o : "8", paddingInlineStart: (n = (r = this.paddingInlineStart) != null ? r : this.padding) != null ? n : "8" }, a("swirl-stack", { key: "065270327ec17c41eb8762da1690019c1f984274", "aria-label": this.label, class: "resource-list", id: this.listId, ref: (d) => this.gridEl = d, role: "grid", spacing: this.spacing }, a("slot", { key: "74498fe31f2bdf496e3453f17e7ecd36df099cc8" }))));
   }
   get el() {
     return u(this);
@@ -379,10 +381,9 @@ $.style = P;
 const R = `.sc-swirl-resource-list-item-h{position:relative;display:block;width:100%}.sc-swirl-resource-list-item-h *.sc-swirl-resource-list-item{box-sizing:border-box}[aria-selected="true"].sc-swirl-resource-list-item-h .resource-list-item__content.sc-swirl-resource-list-item{background-color:var(--swirl-resource-list-item-background-hovered)}[aria-selected="true"].sc-swirl-resource-list-item-h .resource-list-item__content.sc-swirl-resource-list-item .resource-list-item__media.sc-swirl-resource-list-item,[aria-selected="true"].sc-swirl-resource-list-item-h .resource-list-item__content.sc-swirl-resource-list-item .resource-list-item__meta.sc-swirl-resource-list-item{--swirl-avatar-background-color:var(--s-surface-raised-hovered);--swirl-avatar-group-border-color:var(--s-background-hovered);--swirl-badge-border-color:var(--s-background-hovered)}.resource-list-item.sc-swirl-resource-list-item{position:relative;width:100%}.resource-list-item--interactive.sc-swirl-resource-list-item:hover{--swirl-ghost-button-background-default:var(--s-background-hovered)}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{cursor:pointer}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:disabled{cursor:default}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:hover:not(:disabled),.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:focus:not(:disabled){background-color:var(--swirl-resource-list-item-background-hovered)}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:hover:not(:disabled) .resource-list-item__media.sc-swirl-resource-list-item,.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:hover:not(:disabled) .resource-list-item__meta.sc-swirl-resource-list-item,.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:focus:not(:disabled) .resource-list-item__media.sc-swirl-resource-list-item,.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:focus:not(:disabled) .resource-list-item__meta.sc-swirl-resource-list-item{--swirl-avatar-background-color:var(--s-surface-raised-hovered);--swirl-avatar-group-border-color:var(--s-background-hovered);--swirl-badge-border-color:var(--s-background-hovered)}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:active:not(:disabled){background-color:var(--swirl-resource-list-item-background-pressed)}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:active:not(:disabled) .resource-list-item__media.sc-swirl-resource-list-item,.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:active:not(:disabled) .resource-list-item__meta.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-pressed);--swirl-badge-border-color:var(--s-background-pressed)}.resource-list-item--active.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{--swirl-badge-border-color:var(
       --swirl-resource-list-item-background-hovered
     );background-color:var(--swirl-resource-list-item-background-hovered)}.resource-list-item--checked.sc-swirl-resource-list-item .resource-list-item__checkbox.sc-swirl-resource-list-item{border-color:var(--s-icon-highlight);color:var(--s-text-on-status);background-color:var(--s-icon-highlight)}.resource-list-item--compact.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding:var(--s-space-8)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item--compact.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding:var(--s-space-8)}}.resource-list-item--compact.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item{min-height:2.5rem}@media (min-width: 768px){.resource-list-item--selectable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-16) + 1.5rem + var(--s-space-12))}}.resource-list-item--selectable.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item{padding-right:calc(var(--s-space-16) + 1.5rem + var(--s-space-12))}@media (min-width: 768px){.resource-list-item--selectable.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item{padding-right:var(--s-space-16)}}.resource-list-item--label-weight-medium.sc-swirl-resource-list-item .resource-list-item__label.sc-swirl-resource-list-item{font-weight:var(--s-font-weight-medium)}.resource-list-item--label-weight-semibold.sc-swirl-resource-list-item .resource-list-item__label.sc-swirl-resource-list-item{font-weight:var(--s-font-weight-semibold)}.resource-list-item--label-weight-bold.sc-swirl-resource-list-item .resource-list-item__label.sc-swirl-resource-list-item{font-weight:var(--s-font-weight-bold)}.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:hover,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus-within{--swirl-flat-button-background-default:var(--s-background-default);--swirl-flat-button-background-disabled:var(--s-background-disabled);--swirl-flat-button-background-hovered:var(--s-background-hovered);--swirl-flat-button-background-pressed:var(--s-background-pressed)}.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:hover .resource-list-item__control.sc-swirl-resource-list-item,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus .resource-list-item__control.sc-swirl-resource-list-item,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus-within .resource-list-item__control.sc-swirl-resource-list-item{pointer-events:auto;opacity:1}.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:hover .resource-list-item__meta.sc-swirl-resource-list-item,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus .resource-list-item__meta.sc-swirl-resource-list-item,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus-within .resource-list-item__meta.sc-swirl-resource-list-item{pointer-events:none;opacity:0}.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item .resource-list-item__control.sc-swirl-resource-list-item{pointer-events:none;opacity:0}.resource-list-item--draggable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-16) * 2 + 1.5rem)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item--draggable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-16) * 2 + 1rem)}}.resource-list-item--dragging.sc-swirl-resource-list-item{z-index:1;border-radius:var(--s-border-radius-s);background-color:var(--s-surface-overlay-pressed);box-shadow:0 0.0625rem 0.125rem rgba(25, 26, 28, 0.08),
-    0 0.25rem 2rem rgba(25, 26, 28, 0.16)}.resource-list-item--dragging.sc-swirl-resource-list-item:hover:not(.resource-list-item--disabled){background-color:var(--s-surface-overlay-pressed)}.resource-list-item--disabled.resource-list-item--checked.sc-swirl-resource-list-item .resource-list-item__checkbox.sc-swirl-resource-list-item{border-color:var(--s-icon-disabled);background-color:var(--s-icon-disabled)}.resource-list-item--disabled.sc-swirl-resource-list-item .resource-list-item__checkbox.sc-swirl-resource-list-item{border-color:var(--s-icon-disabled);background-color:transparent}.resource-list-item--disabled.sc-swirl-resource-list-item .resource-list-item__checkbox-icon.sc-swirl-resource-list-item{color:var(--s-text-on-status)}.resource-list-item--wrap-description.sc-swirl-resource-list-item .resource-list-item__description.sc-swirl-resource-list-item{white-space:normal}.resource-list-item--wrap-label.sc-swirl-resource-list-item .resource-list-item__label.sc-swirl-resource-list-item{white-space:normal}.resource-list-item__content.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-default);--swirl-badge-border-color:var(--s-background-default);position:relative;display:flex;width:100%;min-width:0;margin:0;padding-top:var(--s-space-12);padding-right:0;padding-bottom:var(--s-space-12);padding-left:var(--s-space-8);align-items:flex-start;border:none;border-radius:var(--s-border-radius-sm);color:var(--s-text-default);background-color:var(--swirl-resource-list-item-background-default);font:inherit;line-height:var(--s-line-height-sm);text-align:left;text-decoration:none;gap:var(--s-space-12)}.resource-list-item__content.sc-swirl-resource-list-item:focus{outline:none}.resource-list-item__content.sc-swirl-resource-list-item:focus-visible{background-color:var(--s-background-hovered);outline-color:var(--s-focus-default);outline-style:solid;outline-width:0.125rem;z-index:1}.resource-list-item__content.sc-swirl-resource-list-item:focus-visible .resource-list-item__media.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-hovered);--swirl-badge-border-color:var(--s-background-hovered)}.resource-list-item__content.sc-swirl-resource-list-item:disabled{color:var(--s-text-disabled);cursor:default}.resource-list-item__content.sc-swirl-resource-list-item:disabled .resource-list-item__description.sc-swirl-resource-list-item{color:var(--s-text-disabled)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item__content.sc-swirl-resource-list-item{padding:var(--s-space-12) var(--s-space-8);line-height:var(--s-line-height-base)}}.resource-list-item__media.sc-swirl-resource-list-item{display:inline-flex;flex-shrink:0}.resource-list-item__label-container.sc-swirl-resource-list-item{position:relative;display:flex;min-width:0;min-height:3rem;padding-right:var(--s-space-16);flex-grow:1;justify-content:center;flex-direction:column}.resource-list-item__label.sc-swirl-resource-list-item{overflow:hidden;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);white-space:nowrap;text-overflow:ellipsis}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item__label.sc-swirl-resource-list-item{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.resource-list-item__description.sc-swirl-resource-list-item{overflow:hidden;color:var(--s-text-subdued);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);white-space:nowrap;text-overflow:ellipsis}.resource-list-item__menu-trigger.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-16);transform:translateY(-50%)}.resource-list-item__control.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-8);transform:translateY(-50%)}.resource-list-item__checkbox.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-16);display:flex;width:1.125rem;height:1.125rem;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:var(--s-border-radius-s);transform:translateY(-50%);pointer-events:none}@media (min-width: 768px){.resource-list-item__checkbox.sc-swirl-resource-list-item{right:auto;left:calc(var(--s-space-16) - var(--s-space-2))}}.resource-list-item__checkbox-icon.sc-swirl-resource-list-item{display:inline-flex;width:1.0625rem;height:1.0625rem}.resource-list-item__checkbox-icon.sc-swirl-resource-list-item>*.sc-swirl-resource-list-item::part(icon){width:1.0625rem;height:1.0625rem}.resource-list-item__meta.sc-swirl-resource-list-item{display:flex;align-items:flex-end;color:var(--s-text-subdued);font-size:var(--s-font-size-sm);flex-direction:column;align-self:flex-start;gap:var(--s-space-2)}.resource-list-item__meta-text.sc-swirl-resource-list-item{white-space:nowrap}.resource-list-item__badges.sc-swirl-resource-list-item{display:inline-flex;width:-webkit-max-content;width:-moz-max-content;width:max-content}.resource-list-item__drag-handle.sc-swirl-resource-list-item{position:absolute;z-index:1;top:50%;left:var(--s-space-4);display:inline-flex;margin:0;padding:0;padding:var(--s-space-8);flex-shrink:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:grab;transform:translateY(-50%)}.resource-list-item__drag-handle.sc-swirl-resource-list-item:active{cursor:grabbing}.resource-list-item__drag-handle.sc-swirl-resource-list-item:focus:not(:focus-visible){outline:none}.resource-list-item__drag-handle.sc-swirl-resource-list-item:focus-visible{outline-color:var(--s-focus-default)}`, Q = R, K = class {
+    0 0.25rem 2rem rgba(25, 26, 28, 0.16)}.resource-list-item--dragging.sc-swirl-resource-list-item:hover:not(.resource-list-item--disabled){background-color:var(--s-surface-overlay-pressed)}.resource-list-item--disabled.resource-list-item--checked.sc-swirl-resource-list-item .resource-list-item__checkbox.sc-swirl-resource-list-item{border-color:var(--s-icon-disabled);background-color:var(--s-icon-disabled)}.resource-list-item--disabled.sc-swirl-resource-list-item .resource-list-item__checkbox.sc-swirl-resource-list-item{border-color:var(--s-icon-disabled);background-color:transparent}.resource-list-item--disabled.sc-swirl-resource-list-item .resource-list-item__checkbox-icon.sc-swirl-resource-list-item{color:var(--s-text-on-status)}.resource-list-item--wrap-description.sc-swirl-resource-list-item .resource-list-item__description.sc-swirl-resource-list-item{white-space:normal}.resource-list-item--wrap-label.sc-swirl-resource-list-item .resource-list-item__label.sc-swirl-resource-list-item{white-space:normal}.resource-list-item__content.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-default);--swirl-badge-border-color:var(--s-background-default);position:relative;display:flex;width:100%;min-width:0;margin:0;padding-top:var(--s-space-12);padding-right:0;padding-bottom:var(--s-space-12);padding-left:var(--s-space-8);align-items:flex-start;border:none;border-radius:var(--s-border-radius-sm);color:var(--s-text-default);background-color:var(--swirl-resource-list-item-background-default);font:inherit;line-height:var(--s-line-height-sm);text-align:left;text-decoration:none;gap:var(--s-space-12)}.resource-list-item__content.sc-swirl-resource-list-item:focus{outline:none}.resource-list-item__content.sc-swirl-resource-list-item:focus-visible{background-color:var(--s-background-hovered);outline-color:var(--s-focus-default);outline-style:solid;outline-width:0.125rem;z-index:1}.resource-list-item__content.sc-swirl-resource-list-item:focus-visible .resource-list-item__media.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-hovered);--swirl-badge-border-color:var(--s-background-hovered)}.resource-list-item__content.sc-swirl-resource-list-item:disabled{color:var(--s-text-disabled);cursor:default}.resource-list-item__content.sc-swirl-resource-list-item:disabled .resource-list-item__description.sc-swirl-resource-list-item{color:var(--s-text-disabled)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item__content.sc-swirl-resource-list-item{padding:var(--s-space-12) var(--s-space-8);line-height:var(--s-line-height-base)}}.resource-list-item__media.sc-swirl-resource-list-item{display:inline-flex;flex-shrink:0}.resource-list-item__label-container.sc-swirl-resource-list-item{position:relative;display:flex;min-width:0;min-height:3rem;padding-right:var(--s-space-16);flex-grow:1;justify-content:center;flex-direction:column}.resource-list-item__label.sc-swirl-resource-list-item{overflow:hidden;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);white-space:nowrap;text-overflow:ellipsis}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item__label.sc-swirl-resource-list-item{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.resource-list-item__description.sc-swirl-resource-list-item{overflow:hidden;color:var(--s-text-subdued);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);white-space:nowrap;text-overflow:ellipsis}.resource-list-item__menu-trigger.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-16);transform:translateY(-50%)}.resource-list-item__control.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-8);transform:translateY(-50%);z-index:2}.resource-list-item__checkbox.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-16);display:flex;width:1.125rem;height:1.125rem;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:var(--s-border-radius-s);transform:translateY(-50%);pointer-events:none}@media (min-width: 768px){.resource-list-item__checkbox.sc-swirl-resource-list-item{right:auto;left:calc(var(--s-space-16) - var(--s-space-2))}}.resource-list-item__checkbox-icon.sc-swirl-resource-list-item{display:inline-flex;width:1.0625rem;height:1.0625rem}.resource-list-item__checkbox-icon.sc-swirl-resource-list-item>*.sc-swirl-resource-list-item::part(icon){width:1.0625rem;height:1.0625rem}.resource-list-item__meta.sc-swirl-resource-list-item{display:flex;align-items:flex-end;color:var(--s-text-subdued);font-size:var(--s-font-size-sm);flex-direction:column;align-self:flex-start;gap:var(--s-space-2)}.resource-list-item__meta-text.sc-swirl-resource-list-item{white-space:nowrap}.resource-list-item__badges.sc-swirl-resource-list-item{display:inline-flex;width:-webkit-max-content;width:-moz-max-content;width:max-content}.resource-list-item__drag-handle.sc-swirl-resource-list-item{position:absolute;z-index:1;top:50%;left:var(--s-space-4);display:inline-flex;margin:0;padding:0;padding:var(--s-space-8);flex-shrink:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:grab;transform:translateY(-50%)}.resource-list-item__drag-handle.sc-swirl-resource-list-item:active{cursor:grabbing}.resource-list-item__drag-handle.sc-swirl-resource-list-item:focus:not(:focus-visible){outline:none}.resource-list-item__drag-handle.sc-swirl-resource-list-item:focus-visible{outline-color:var(--s-focus-default)}`, U = R, K = class {
   constructor(t) {
-    p(this, t), this.toggleDrag = n(this, "toggleDrag", 7), this.valueChange = n(this, "valueChange", 7), this.desktopMediaQuery = w(), this.elementId = k(), this.desktopMediaQueryHandler = (e) => {
-      this.forceIconProps(e.matches), this.updateIconSize(e.matches);
+    p(this, t), this.toggleDrag = l(this, "toggleDrag", 7), this.valueChange = l(this, "valueChange", 7), this.elementId = k(), this.mediaQueryUnsubscribe = () => {
     }, this.onClick = () => {
       !this.selectable || (this.checked = !this.checked, this.valueChange.emit(this.checked));
     }, this.onBlur = () => {
@@ -401,11 +402,12 @@ const R = `.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.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');
+    this.mediaQueryUnsubscribe = w.subscribe((t) => {
+      this.forceIconProps(t), this.updateIconSize(t);
+    }), 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;
-    (e = (t = this.desktopMediaQuery).removeEventListener) == null || e.call(t, "change", this.desktopMediaQueryHandler);
+    this.mediaQueryUnsubscribe();
   }
   forceIconProps(t) {
     var i;
@@ -432,10 +434,10 @@ const R = `.sc-swirl-resource-list-item-h{position:relative;display:block;width:
   }
   render() {
     var v, _;
-    const t = !this.interactive && !this.selectable ? "div" : Boolean(this.href) && !this.selectable ? "a" : "button", e = this.disabled && !Boolean(this.href), i = Boolean(this.el.querySelector("[slot='badges']")), o = this.el.querySelector("[slot='control']"), r = Boolean(this.menuTriggerId) || o, l = this.interactive && Boolean(this.href) ? this.href : void 0, d = o && (Boolean(this.meta) || i), m = Boolean(this.menuTriggerId) && !Boolean(this.meta) && !this.selectable, s = (Boolean(this.meta) || i) && !this.selectable, x = Boolean(this.swirlAriaLabel) ? this.swirlAriaLabel : this.label, S = this.selectable ? String(this.checked) : void 0, C = this.interactive && this.selectable ? "checkbox" : void 0, I = {
+    const t = !this.interactive && !this.selectable ? "div" : Boolean(this.href) && !this.selectable ? "a" : "button", e = this.disabled && !Boolean(this.href), i = Boolean(this.el.querySelector("[slot='badges']")), o = this.el.querySelector("[slot='control']"), r = Boolean(this.menuTriggerId) || o, n = this.interactive && Boolean(this.href) ? this.href : void 0, d = o && (Boolean(this.meta) || i), m = Boolean(this.menuTriggerId) && !Boolean(this.meta) && !this.selectable, s = (Boolean(this.meta) || i) && !this.selectable, x = Boolean(this.swirlAriaLabel) ? this.swirlAriaLabel : this.label, S = this.selectable ? String(this.checked) : void 0, C = this.interactive && this.selectable ? "checkbox" : void 0, B = {
       paddingRight: !s && Boolean(this.controlContainer) ? `calc(${(v = this.controlContainer) == null ? void 0 : v.getBoundingClientRect().width}px + var(--s-space-16))` : void 0,
       minHeight: (_ = this.labelMinHeight) != null ? _ : void 0
-    }, B = b("resource-list-item", `resource-list-item--label-weight-${this.labelWeight}`, {
+    }, I = b("resource-list-item", `resource-list-item--label-weight-${this.labelWeight}`, {
       "resource-list-item--active": this.active,
       "resource-list-item--checked": this.checked,
       "resource-list-item--compact": this.compact,
@@ -451,16 +453,16 @@ const R = `.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(c, { key: "51070214010bb6f42b11d1451d711523908dcd24", role: "row" }, a("div", { key: "58da33a690ad26cc6cb613f7c3a120cc27c14168", class: B, role: "gridcell" }, a(t, { key: "4733c36969976407c76a0852e7b688005d829467", "aria-checked": S, "aria-disabled": e ? "true" : void 0, "aria-label": x, "aria-labelledby": Boolean(this.swirlAriaLabel) ? void 0 : this.elementId, class: "resource-list-item__content", href: l, disabled: e, onClick: this.onClick, onBlur: this.onBlur, onFocus: this.onFocus, part: "resource-list-item__content", role: C, tabIndex: 0, type: t === "button" ? "button" : void 0 }, this.hasMedia && a("span", { key: "43feb905ed747fb0f3dce03c9bb0906e807f4cc9", class: "resource-list-item__media" }, a("slot", { key: "8bf74e8f11becef18f95a50ee78af293176e3c74", name: "media" })), a("span", { key: "b74ee63857ae512b974e9732d73ff2c7eb070ef6", class: "resource-list-item__label-container", style: I }, a("span", { key: "7271335be0863add557483c3819bc61f0bcf3eee", class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : void 0 }, !this.allowHtml && this.label), this.description && a("span", { key: "4ddca66a33fcbe50927e3af38c6d1bea2ed67887", class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : void 0 }, !this.allowHtml && this.description)), s && a("span", { key: "540c9ad85c13187700ff1607d59afc80d90529ac", class: "resource-list-item__meta" }, a("span", { key: "cb31b8cebf261df69ebb90989e0ec0fbc3c267ee", class: "resource-list-item__meta-text" }, this.meta), a("span", { key: "57d467dfc1dff7d17e93aa0e03f1760054d85de9", class: "resource-list-item__badges" }, a("slot", { key: "18ea4383798222c2aea1dac37464b65133143604", name: "badges" })))), this.selectable && a("span", { key: "aa967cf2216cd148edca930425ecbda013413850", "aria-hidden": "true", class: "resource-list-item__checkbox" }, a("span", { key: "3cc2777fbf3850ba756ed88e0ad4ae29e4caf32c", class: "resource-list-item__checkbox-icon" }, this.checked && a("swirl-icon-check-strong", { key: "61a80c63ef99e3b530c3cc231a1abada0f1940fc" }))), a("span", { key: "eaaf028e6c729fc7093d355ebc6c31bc2d4a8696", class: "resource-list-item__control", onClick: this.onControlClick, ref: (E) => this.controlContainer = E }, a("slot", { key: "f988fee1daed088fb4fb56a5ab262f6e8815d4f7", name: "control" })), m && a("swirl-popover-trigger", { key: "170cc8abf345cbfeeb3d86a77ad4ba081465ee4d", swirlPopover: this.menuTriggerId }, a("swirl-button", { key: "b33497fd10358229f0125497dda088c1d0c3ee6b", "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: "1caaaf86725af4eb4215453453ab724c5777f035", "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: "eb0b87432675feb37a2f6d8de9f6228e9e921b6e", size: this.iconSize })));
+    return a(c, { key: "63387d5ff4c56c678c6c0e30d8236d5b966d0bff", role: "row" }, a("div", { key: "6fd8f35b61a84ea91ff9ff80f6f754ee50a5933f", class: I, role: "gridcell" }, a(t, { key: "17e7329e6692317ad3dea70d660720c6fb8b33a5", "aria-checked": S, "aria-disabled": e ? "true" : void 0, "aria-label": x, "aria-labelledby": Boolean(this.swirlAriaLabel) ? void 0 : this.elementId, class: "resource-list-item__content", href: n, disabled: e, onClick: this.onClick, onBlur: this.onBlur, onFocus: this.onFocus, part: "resource-list-item__content", role: C, tabIndex: 0, type: t === "button" ? "button" : void 0 }, this.hasMedia && a("span", { key: "4d12c2a220c03d1ee1bb77e214e028f013a23e21", class: "resource-list-item__media" }, a("slot", { key: "5d104523e7da44ceac278d5f6eebea6c2d2e516f", name: "media" })), a("span", { key: "cdc7fdf4a5a3e2df7080fece60638aa1d67c6388", class: "resource-list-item__label-container", style: B }, a("span", { key: "187fd3a9974f65902e0fa89cb6c90b4178df7063", class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : void 0 }, !this.allowHtml && this.label), this.description && a("span", { key: "5047356c9b024dcdcf1299cc8479aedb2eb7b961", class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : void 0 }, !this.allowHtml && this.description)), s && a("span", { key: "1a5039459c067b4de2a540f79124ac9310f9c594", class: "resource-list-item__meta" }, a("span", { key: "a74caa7e64e88b8cbd9be7be020d63d833f03781", class: "resource-list-item__meta-text" }, this.meta), a("span", { key: "ae4f5a2e927b934fba247e989cfc219b09805c99", class: "resource-list-item__badges" }, a("slot", { key: "59df5cb937ffc581ad1f6470b6080561045997fd", name: "badges" })))), this.selectable && a("span", { key: "a494bc2e24fd043cc3c1024e89ae0a16d7c14f86", "aria-hidden": "true", class: "resource-list-item__checkbox" }, a("span", { key: "b0070f0ad50a683528c216d8e0d1221b53652433", class: "resource-list-item__checkbox-icon" }, this.checked && a("swirl-icon-check-strong", { key: "dc3cdd5fa6e9adda926966fc77d8acf44762fda5" }))), a("span", { key: "d5b2f9079f6cae27bca88d7b00d9eb954641e3f1", class: "resource-list-item__control", onClick: this.onControlClick, ref: (E) => this.controlContainer = E }, a("slot", { key: "263ee1c8cd59301ebd510a29ce29afd112fa6c32", name: "control" })), m && a("swirl-popover-trigger", { key: "16ecfb13e3bf0e3d36851671f708ce949ff3dfee", swirlPopover: this.menuTriggerId }, a("swirl-button", { key: "a1d94f00a09a875a689c015b332a794cda4612ca", "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: "6a580ae58f2e50fe42828d9db668260b91bb9d43", "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: "e999dfe63293b3367c6d8507532761887b3835d6", size: this.iconSize })));
   }
   get el() {
     return u(this);
   }
 };
-K.style = Q;
+K.style = U;
 export {
-  L as swirl_app_layout,
-  V as swirl_empty_state,
+  N as swirl_app_layout,
+  H as swirl_empty_state,
   q as swirl_icon_folder_shared,
   $ as swirl_resource_list,
   K as swirl_resource_list_item

package/dist/{swirl-autocomplete.entry.9e5fda8c.js → swirl-autocomplete.entry.4fc780d9.js}

@@ -1,7 +1,7 @@
-import { r as p, c as m, h as o, H as f, g as b } from "./index.bea7a45c.js";
+import { r as p, c as m, h as o, H as f, g as b } from "./index.67f1f4e7.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-0cdf2a1e.c9917628.js";
+import { d as S } from "./utils-28df99ee.9fb223f6.js";
 import "react";
 import "react-dom";
 const x = ".sc-swirl-autocomplete-h{display:block}.sc-swirl-autocomplete-h *.sc-swirl-autocomplete{box-sizing:border-box}.autocomplete--inactive.sc-swirl-autocomplete .autocomplete__listbox-container.sc-swirl-autocomplete{display:none}.autocomplete__listbox-container.sc-swirl-autocomplete{position:fixed;z-index:var(--s-z-40);overflow-x:hidden;overflow-y:auto;max-height:18rem;padding-top:var(--s-space-8);padding-bottom:var(--s-space-8);border-radius:var(--s-border-radius-sm);background-color:var(--s-surface-overlay-default);animation:autocomplete-enter 0.1s;box-shadow:var(--s-shadow-level-1)}.autocomplete__listbox-container.sc-swirl-autocomplete:empty{display:none}.autocomplete__spinner.sc-swirl-autocomplete{display:flex;padding:var(--s-space-16);justify-content:center;align-items:center}.autocomplete__multi-select-tags.sc-swirl-autocomplete{margin-top:var(--swirl-autocomplete-tags-margin-top);margin-bottom:var(--s-space-4)}@keyframes autocomplete-enter{from{opacity:0}to{opacity:1}}", A = x, C = class {

package/dist/{swirl-avatar-group.entry.31877507.js → swirl-avatar-group.entry.23ee493b.js}

@@ -1,4 +1,4 @@
-import { r as s, h as a, H as i } from "./index.bea7a45c.js";
+import { r as s, h as a, H as i } from "./index.67f1f4e7.js";
 import { c as t } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-avatar.entry.e4d7d629.js → swirl-avatar.entry.d4356dc8.js}

@@ -1,4 +1,4 @@
-import { r as m, c as n, h as e, H as g, g as f } from "./index.bea7a45c.js";
+import { r as m, c as n, h as e, H as g, g as f } from "./index.67f1f4e7.js";
 import { c as s } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-badge.entry.dfc5f864.js → swirl-badge.entry.a992fc56.js}

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