@getflip/swirl-components-react 0.297.0 → 0.299.0

package/dist/{swirl-accordion-item.entry.9c9c321f.js → swirl-accordion-item.entry.8227817a.js}

@@ -1,4 +1,4 @@
-import { r as d, c as t, h as e, H as n, g as s } from "./index.e064caaa.js";
+import { r as d, c as t, h as e, H as n, g as s } from "./index.15738074.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.6bf84f89.js → swirl-accordion.entry.ab419e4b.js}

@@ -1,4 +1,4 @@
-import { r as s, c as i, h as o, H as a, g as c } from "./index.e064caaa.js";
+import { r as s, c as i, h as o, H as a, g as c } from "./index.15738074.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.4ef00c39.js → swirl-action-list-section.entry.93731ea1.js}

@@ -1,4 +1,4 @@
-import { r as i, h as a, H as t } from "./index.e064caaa.js";
+import { r as i, h as a, H as t } from "./index.15738074.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.edc779b1.js → swirl-action-list_2.entry.c793b900.js}

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

package/dist/{swirl-app-bar.entry.691cf8a0.js → swirl-app-bar.entry.38737a4d.js}

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

package/dist/{swirl-app-icon.entry.820c67c3.js → swirl-app-icon.entry.3c749dd7.js}

@@ -1,4 +1,4 @@
-import { r as o, h as a, H as n } from "./index.e064caaa.js";
+import { r as o, h as a, H as n } from "./index.15738074.js";
 import { c as t } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-app-layout_5.entry.80eca515.js → swirl-app-layout_5.entry.675a3eb9.js}

@@ -1,11 +1,11 @@
-import { r as n, c as r, h as a, H as d, g as p, F as h } from "./index.e064caaa.js";
+import { r as n, c as r, h as a, H as d, g as p, F as h } from "./index.15738074.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import { g as _, d as y, i as g, h as f } from "./utils-877a768f.c277f897.js";
-import { S as T } from "./sortable.esm-0bfddf0c.953ca6a6.js";
+import { S as E } from "./sortable.esm-0bfddf0c.953ca6a6.js";
 import { v as w } from "./v4-23648a96.77c7c20f.js";
 import "react";
 import "react-dom";
-const E = `:host{--header-height:3.5625rem;position:relative;z-index:1;display:flex;width:100%;height:100%}:host *{box-sizing:border-box}.app-layout{display:flex;overflow:hidden;width:100%;height:100%;margin-right:auto;margin-left:auto}.app-layout__grid{position:relative;display:grid;width:100%;height:100%;grid-template-columns:100%;grid-template-rows:var(--header-height) 1fr;grid-template-areas:"body"
+const T = `:host{--header-height:3.5625rem;position:relative;z-index:1;display:flex;width:100%;height:100%}:host *{box-sizing:border-box}.app-layout{display:flex;overflow:hidden;width:100%;height:100%;margin-right:auto;margin-left:auto}.app-layout__grid{position:relative;display:grid;width:100%;height:100%;grid-template-columns:100%;grid-template-rows:var(--header-height) 1fr;grid-template-areas:"body"
     "body"}.app-layout:not(.app-layout--has-navigation) .app-layout__header,.app-layout:not(.app-layout--has-navigation) .app-layout__navigation{display:none}.app-layout:not(.app-layout--has-sidebar) .app-layout__sidebar{display:none}@media (max-width: 767px){.app-layout:not(.app-layout--mobile-view-body) .app-layout__body{display:none}}@media (max-width: 767px){.app-layout:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar{display:none}}.app-layout:not(.app-layout--has-app-bar-mobile-menu-button) .app-layout__app-bar-mobile-menu-button{display:none}.app-layout--has-navigation .app-layout__grid{grid-template-columns:100%;grid-template-areas:"header"
       "navigation"}@media (min-width: 768px){.app-layout--has-navigation .app-layout__grid{grid-template-columns:min(50%, 22.5rem) 1fr;grid-template-areas:"header body"
         "navigation body"}}@media (min-width: 1440px){.app-layout--has-navigation .app-layout__grid{grid-template-columns:min(50%, 25rem) 1fr}}@media (min-width: 768px){.app-layout--has-navigation .app-layout__app-bar-mobile-menu-button{display:none}}@media (min-width: 992px){.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-collapsed .app-layout__grid{grid-template-columns:0 1fr}.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__grid{grid-template-columns:0 1fr}.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__header,.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__navigation{position:absolute;z-index:4;top:0;left:0;width:22.5rem;animation:app-layout-nav-overlay-slide-in-desktop 0.1s;animation-fill-mode:forwards}.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__header:after{position:absolute;z-index:1;top:0;left:calc(100% + var(--s-border-width-default));display:block;width:2rem;height:100vh;background-image:linear-gradient(
@@ -30,7 +30,7 @@ const E = `:host{--header-height:3.5625rem;position:relative;z-index:1;display:f
     "content"}.app-layout__app-bar{--swirl-tab-bar-border-width:0;--swirl-tab-bar-height:3.5rem;display:flex;min-width:0;align-items:center;border-bottom:var(--s-border-width-default) solid transparent;background-color:var(--s-background-default);grid-area:app-bar;gap:var(--s-space-8)}.app-layout__bottom-bar{display:none;min-width:0;align-items:center;background-color:var(--s-background-default);grid-area:bottom-bar}.app-layout__back-to-navigation-button{padding-left:var(--s-space-8)}@media (min-width: 768px){.app-layout__back-to-navigation-button{display:none}}.app-layout__banner{grid-area:banner}.app-layout__app-bar-content{min-width:0;flex-grow:1}.app-layout__custom-app-bar-back-button{display:none;padding-left:var(--s-space-8)}.app-layout__app-bar-controls{display:none;padding-right:var(--s-space-8)}@media (min-width: 768px){.app-layout__app-bar-controls{padding-right:var(--s-space-16)}}.app-layout__content{overflow:auto;background-color:var(--s-background-default);grid-area:content}.app-layout__sidebar{z-index:3;display:grid;width:100%;height:100%;border-left:var(--s-border-width-default) solid var(--s-border-default);grid-area:sidebar;grid-template-rows:var(--header-height) 1fr;grid-template-areas:"sidebar-header"
     "sidebar-content"}@media (min-width: 768px){.app-layout__sidebar{animation:app-layout-slide-in 0.3s}@media (prefers-reduced-motion){.app-layout__sidebar{animation:none}}}@media (min-width: 1800px){.app-layout__sidebar{width:25rem;animation:none}}.app-layout__custom-sidebar-header{display:none;min-width:0;border-bottom:var(--s-border-width-default) solid transparent;background-color:var(--s-background-default);grid-area:sidebar-header}.app-layout__sidebar-header{display:flex;min-width:0;padding-top:var(--s-space-12);padding-right:var(--s-space-8);padding-bottom:var(--s-space-12);padding-left:var(--s-space-8);align-items:center;border-bottom:var(--s-border-width-default) solid transparent;background-color:var(--s-background-default);grid-area:sidebar-header;gap:var(--s-space-8)}@media (min-width: 768px){.app-layout__sidebar-header{padding-right:var(--s-space-16);padding-left:var(--s-space-16)}}.app-layout__sidebar-heading{min-width:0;flex-grow:1}.app-layout__sidebar-heading .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-layout__sidebar-close-button{margin-left:calc(-1 * var(--s-space-4))}.app-layout__sidebar-content{overflow-y:auto;background-color:var(--s-background-default);grid-area:sidebar-content}@keyframes app-layout-nav-overlay-slide-in-desktop{from{width:0}to{width:22.5rem}}@keyframes app-layout-nav-overlay-slide-in-large-desktop{from{width:0}to{width:25rem}}@media (max-width: 767px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__grid,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__grid{grid-template-columns:100%;grid-template-areas:"header"
           "navigation"}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{position:absolute;top:0;left:0;display:grid;width:100%;transform:translate3d(100%, 0, 0)}}@media (max-width: 767px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{display:flex}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{display:block}}@media (max-width: 991px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__grid,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__grid{grid-template-columns:100%;grid-template-areas:"body"
-          "body"}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{position:absolute;top:0;left:0;display:grid;border-left:var(--s-border-width-default) solid var(--s-border-default)}}@media (max-width: 991px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{display:grid}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{display:grid}}@media (max-width: 767px){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__navigation,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation:app-layout-slide-out 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__navigation,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation:none}}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:app-layout-slide-in 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:none}}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body:after,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body:after{position:absolute;top:0;right:100%;bottom:0;display:block;width:100%;background-color:rgba(0, 0, 0, 0.3);content:"";animation:app-layout-fade-in 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body:after,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body:after{animation:none}}}@media (max-width: 767px){.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body:after{animation-direction:reverse}}@media (max-width: 991px){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation:app-layout-slide-out 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation:none}}.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:app-layout-slide-in 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:none}}.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar:after,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar:after{position:absolute;top:0;right:100%;bottom:0;display:block;width:100%;background-color:rgba(0, 0, 0, 0.3);content:"";animation:app-layout-fade-in 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar:after,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar:after{animation:none}}}@media (max-width: 991px){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar:after{animation-direction:reverse}}@media (max-width: 767px){.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:app-layout-scale-in 0.3s}@media (prefers-reduced-motion){.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:none}}}@media (max-width: 767px){.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation-direction:reverse}}@media (max-width: 991px){.app-layout--transition-style-dialog.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:app-layout-scale-in 0.3s}@media (prefers-reduced-motion){.app-layout--transition-style-dialog.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:none}}}@media (max-width: 991px){.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation-direction:reverse}}@keyframes app-layout-sidebar-overlay-slide-out{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(100%, 0, 0)}}@keyframes app-layout-slide-in{0%{transform:translate3d(100%, 0, 0)}100%{transform:translate3d(0, 0, 0)}}@keyframes app-layout-slide-out{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(-20%, 0, 0)}}@keyframes app-layout-fade-in{0%{opacity:0}100%{opacity:1}}@keyframes app-layout-scale-in{from{transform:scale(0);box-shadow:0 0 0 100rem rgba(0, 0, 0, 0)}to{transform:scale(1);box-shadow:0 0 0 100rem rgba(0, 0, 0, 0.25)}}@keyframes app-layout-sidebar-slide-in{from{overflow:hidden;grid-template-columns:25rem 1fr 0}to{overflow:hidden;grid-template-columns:25rem 1fr 25rem}}@keyframes app-layout-sidebar-slide-in-with-collapsed-nav{from{overflow:hidden;grid-template-columns:0 1fr 0}to{overflow:hidden;grid-template-columns:0 1fr 25rem}}@keyframes app-layout-sidebar-slide-out{from{overflow:hidden;grid-template-columns:25rem 1fr 25rem}to{overflow:hidden;grid-template-columns:25rem 1fr 0}}@keyframes app-layout-sidebar-slide-out-with-collapsed-nav{from{overflow:hidden;grid-template-columns:0 1fr 25rem}to{overflow:hidden;grid-template-columns:0 1fr 0}}@keyframes app-layout-no-nav-sidebar-slide-in{from{overflow:hidden;grid-template-columns:1fr 0}to{overflow:hidden;grid-template-columns:1fr 25rem}}@keyframes app-layout-no-nav-sidebar-slide-out{from{overflow:hidden;grid-template-columns:1fr 25rem}to{overflow:hidden;grid-template-columns:1fr 0}}`, D = E, A = "SWIRL_APP_LAYOUT_NAV_EXPANSION_STATE", M = class {
+          "body"}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{position:absolute;top:0;left:0;display:grid;border-left:var(--s-border-width-default) solid var(--s-border-default)}}@media (max-width: 991px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{display:grid}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{display:grid}}@media (max-width: 767px){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__navigation,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation:app-layout-slide-out 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__navigation,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation:none}}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:app-layout-slide-in 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:none}}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body:after,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body:after{position:absolute;top:0;right:100%;bottom:0;display:block;width:100%;background-color:rgba(0, 0, 0, 0.3);content:"";animation:app-layout-fade-in 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body:after,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body:after{animation:none}}}@media (max-width: 767px){.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body:after{animation-direction:reverse}}@media (max-width: 991px){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation:app-layout-slide-out 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation:none}}.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:app-layout-slide-in 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:none}}.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar:after,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar:after{position:absolute;top:0;right:100%;bottom:0;display:block;width:100%;background-color:rgba(0, 0, 0, 0.3);content:"";animation:app-layout-fade-in 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar:after,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar:after{animation:none}}}@media (max-width: 991px){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar:after{animation-direction:reverse}}@media (max-width: 767px){.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:app-layout-scale-in 0.3s}@media (prefers-reduced-motion){.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:none}}}@media (max-width: 767px){.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation-direction:reverse}}@media (max-width: 991px){.app-layout--transition-style-dialog.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:app-layout-scale-in 0.3s}@media (prefers-reduced-motion){.app-layout--transition-style-dialog.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:none}}}@media (max-width: 991px){.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation-direction:reverse}}@keyframes app-layout-sidebar-overlay-slide-out{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(100%, 0, 0)}}@keyframes app-layout-slide-in{0%{transform:translate3d(100%, 0, 0)}100%{transform:translate3d(0, 0, 0)}}@keyframes app-layout-slide-out{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(-20%, 0, 0)}}@keyframes app-layout-fade-in{0%{opacity:0}100%{opacity:1}}@keyframes app-layout-scale-in{from{transform:scale(0);box-shadow:0 0 0 100rem rgba(0, 0, 0, 0)}to{transform:scale(1);box-shadow:0 0 0 100rem rgba(0, 0, 0, 0.25)}}@keyframes app-layout-sidebar-slide-in{from{overflow:hidden;grid-template-columns:25rem 1fr 0}to{overflow:hidden;grid-template-columns:25rem 1fr 25rem}}@keyframes app-layout-sidebar-slide-in-with-collapsed-nav{from{overflow:hidden;grid-template-columns:0 1fr 0}to{overflow:hidden;grid-template-columns:0 1fr 25rem}}@keyframes app-layout-sidebar-slide-out{from{overflow:hidden;grid-template-columns:25rem 1fr 25rem}to{overflow:hidden;grid-template-columns:25rem 1fr 0}}@keyframes app-layout-sidebar-slide-out-with-collapsed-nav{from{overflow:hidden;grid-template-columns:0 1fr 25rem}to{overflow:hidden;grid-template-columns:0 1fr 0}}@keyframes app-layout-no-nav-sidebar-slide-in{from{overflow:hidden;grid-template-columns:1fr 0}to{overflow:hidden;grid-template-columns:1fr 25rem}}@keyframes app-layout-no-nav-sidebar-slide-out{from{overflow:hidden;grid-template-columns:1fr 25rem}to{overflow:hidden;grid-template-columns:1fr 0}}`, D = T, A = "SWIRL_APP_LAYOUT_NAV_EXPANSION_STATE", M = class {
   constructor(t) {
     n(this, t), this.ctaClick = r(this, "ctaClick", 7), this.mobileViewChange = r(this, "mobileViewChange", 7), this.navigationBackButtonClick = r(this, "navigationBackButtonClick", 7), this.navigationExpansionStateChange = r(this, "navigationExpansionStateChange", 7), this.sidebarToggle = r(this, "sidebarToggle", 7), this.desktopMediaQuery = _(), this.desktopMediaQueryHandler = (e) => {
       this.isDesktop = e.matches;
@@ -75,7 +75,7 @@ const E = `:host{--header-height:3.5625rem;position:relative;z-index:1;display:f
     });
   }
   componentDidLoad() {
-    this.desktopMediaQuery.onchange = this.desktopMediaQueryHandler, queueMicrotask(() => {
+    this.desktopMediaQuery.addEventListener("change", this.desktopMediaQueryHandler), queueMicrotask(() => {
       this.isDesktop = this.desktopMediaQuery.matches, this.restoreNavExpansionState(), this.updateContentScrollState(), this.updateSidebarScrollState(), this.updateNavScrollState();
     });
   }
@@ -202,7 +202,7 @@ const E = `:host{--header-height:3.5625rem;position:relative;z-index:1;display:f
       "app-layout--sidebar-scrollable": this.sidebarScrollState.scrollable,
       "app-layout--sidebar-scrolled-to-top": this.sidebarScrollState.scrolledToTop
     });
-    return a(d, { key: "bd1757d198f8e629b2e9754b47c30ebe5dc419a9" }, a("section", { key: "28b25940f98881967f1b39fabec35a839751159c", "aria-labelledby": "app-name", class: m }, a("div", { key: "52a19dc00ab90f4d0b774f84501e3eece9b4f42e", class: "app-layout__grid" }, a("header", { key: "820a3e03ad0c622e73df292141e78ffc5196f968", class: "app-layout__header", ref: (s) => this.headerEl = s }, a("span", { key: "b3706641288a68f18319f0e4e5ba3ef47d6f398c", class: "app-layout__navigation-mobile-menu-button" }, a("slot", { key: "e5cacf0ebf353dd1760ef0b7dc124b0160554b12", name: "navigation-mobile-menu-button" })), this.collapsibleNavigation && a("span", { key: "1e5e367858b4ae2ff731d96c9274c2dc580f47aa", class: "app-layout__nav-overlay-toggle" }, a("swirl-button", { key: "50d53650575d35d0fa744371e4b1b66b8c34632f", hideLabel: !0, icon: this.navExpansionState !== "expanded" ? "<swirl-icon-dock-left-expand></swirl-icon-dock-left-expand>" : "<swirl-icon-dock-left-collapse></swirl-icon-dock-left-collapse>", label: this.navigationToggleLabel, onClick: this.toggleNavigation })), this.showNavigationBackButton && a("span", { key: "c7ee551266b168aac662963dba75667cf201a48e", class: "app-layout__navigation-back-button" }, a("swirl-button", { key: "448cbde3919cdd986b7b49933d6afa8e96646db6", hideLabel: !0, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.navigationBackButtonLabel, onClick: this.onNavigationBackButtonClick })), a("swirl-heading", { key: "3c467742d3c0f80fe5aa56987c868a3b4e253988", as: "h1", class: "app-layout__app-name", headingId: "app-name", level: 3, text: this.appName }), b && a("span", { key: "80c04d971369df12490ae87d86664622aeb601b7", class: "app-layout__navigation-controls" }, a("slot", { key: "8e732928e682abe5eef49fc22614907f0fec0a91", name: "navigation-controls" }))), a("nav", { key: "71c3dc8235d56ce5c9cbfa5b701e020a735d6a22", "aria-label": this.navigationLabel, class: "app-layout__navigation", onScroll: this.onNavScroll, ref: (s) => this.navEl = s, inert: this.isDesktop && this.collapsibleNavigation && this.navExpansionState === "collapsed" }, a("slot", { key: "f6a8b3b5bf48ca9a00017f907c7e1e4c245a129e", name: "navigation" })), a("section", { key: "e44e1e6b08465e000378c80339b11680a1a8e725", "aria-labelledby": "app-name", class: "app-layout__body" }, !this.hideAppBar && a("header", { key: "3e0019dd933bc095980a871010a8723ebf95c89d", class: "app-layout__app-bar" }, a("span", { key: "1d2437a685cbba57563aa942c6dea4f5dc7ad728", class: "app-layout__app-bar-mobile-menu-button" }, a("slot", { key: "a6f8147d45b2cc9aa877cb549f2e52e47a02975b", name: "app-bar-mobile-menu-button" })), t && a("span", { key: "7678ad0057afab1ec8845940271a5e19d659c976", class: "app-layout__back-to-navigation-button" }, a("swirl-button", { key: "920ad1ff5b75f93179c4bf07ab56f3d042dd58ba", hideLabel: !0, icon: this.transitionStyle === "dialog" ? "<swirl-icon-close></swirl-icon-close>" : "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.backToNavigationViewButtonLabel, onClick: this.onBackToNavigationViewButtonClick })), this.collapsibleNavigation && this.navExpansionState !== "expanded" && a("span", { key: "4356a054ba73b43ab719983f5e28f08618187c87", class: "app-layout__nav-expansion-toggle" }, a("swirl-button", { key: "0dcc0b5175f72e651e9ba8fc54343bb8b10f044b", hideLabel: !0, icon: "<swirl-icon-hamburger-menu></swirl-icon-hamburger-menu>", label: this.navigationOverlayLabel, onClick: this.overlayNavigation })), a("span", { key: "c409377d66e5d9653c3a4edacd00a7d1c36d41d8", class: "app-layout__custom-app-bar-back-button" }, a("slot", { key: "19f1249cca6eb3d297c1bfb5c1237adf0563615d", name: "custom-app-bar-back-button" })), a("div", { key: "4d8ffb803fd1d60aeedc3abb27c2b587126b0809", class: "app-layout__app-bar-content" }, a("slot", { key: "aa9769d6902c0dcea2873ed874d9efd39bcfdccb", name: "app-bar" })), a("div", { key: "87956c0906c878a60ba38a32ddd84b62e64c341d", class: "app-layout__app-bar-controls" }, a("slot", { key: "de90973e95f87d557659269036fe3ba2ff841514", name: "app-bar-controls" }))), a("div", { key: "9092cbe26316ae42d16271d12ca0e22dba5f1d2d", class: "app-layout__banner" }, a("slot", { key: "442bba275cb42942e1f0910d9c02dda2a9af682f", name: "banner" })), a("div", { key: "924a188b2bbe99a0e75c70f1c7f5625995f1a099", class: "app-layout__content", onScroll: this.onContentScroll, ref: (s) => this.contentEl = s }, a("slot", { key: "94d6c1a191484f78595cc39eab5ff8229603d75d", name: "content" })), a("div", { key: "7c6aea10fad5a2852e7dd7c1faf2537e561ca7f7", class: "app-layout__bottom-bar" }, a("slot", { key: "425f8d91ec4c6970224cb8384ffa40c5f3242bec", name: "bottom-bar" }))), a("aside", { key: "7849759ec39060fa137dba9b466211568cd0746a", class: "app-layout__sidebar" }, a("header", { key: "aaa9d7aaf245afee95d5b10bbe6cdd0fc3b0467f", class: "app-layout__custom-sidebar-header" }, a("slot", { key: "9d215a803a91fe07e6f819a19ee44ff87e279fe4", name: "custom-sidebar-header" })), a("header", { key: "4c148f600be258693004721d74cfeacce295a54b", class: "app-layout__sidebar-header" }, a("swirl-button", { key: "f4b0155f52a24d448fe3215d765bd5c6984f100e", class: "app-layout__sidebar-close-button", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick }), a("swirl-heading", { key: "69992a92cd4ec148de847b7235ec35b50d28beae", as: "h3", class: "app-layout__sidebar-heading", headingId: "sidebar-heading", level: 3, text: this.sidebarHeading })), a("div", { key: "efba1faaebfc7fe100b0d53a1c5a5de79f5b7a29", class: "app-layout__sidebar-content", onScroll: this.onSidebarScroll, ref: (s) => this.sidebarEl = s }, a("slot", { key: "f297a2f2db5bdafd7a88d7fea6fec50b8bac8e75", name: "sidebar" }))), a("span", { key: "4e87773e33eacaa27710a018e9f07803dc267ae9", class: "app-layout__floating-action-button" }, this.ctaLabel && a("swirl-button", { key: "704b7695fd2ece0c20f971f158e04cec95ffdb4f", hideLabel: Boolean(this.ctaIcon), icon: this.ctaIcon, intent: "primary", label: this.ctaLabel, onClick: this.onCtaClick, variant: "floating" }), a("slot", { key: "a4c4bcfb8f498c7c6b878016ca84a29c7443c3d1", name: "floating-action-button" })))));
+    return a(d, { key: "e9ce1a534b9acff55e07b798afb306e07a619a81" }, a("section", { key: "4d328d6707d7dff74ad9c6016af1ada8f1384e28", "aria-labelledby": "app-name", class: m }, a("div", { key: "2b7e59a9abf6c8d1379136e1446ce7e708974f43", class: "app-layout__grid" }, a("header", { key: "e3e8a94655fa12bc7daa7b9ae984217654d5d8d0", class: "app-layout__header", ref: (s) => this.headerEl = s }, a("span", { key: "4842de5ed8cb9d055f75426f09d4c4221ce3248c", class: "app-layout__navigation-mobile-menu-button" }, a("slot", { key: "24607acca33855b93dba77e0cab7b43cc19dbf6f", name: "navigation-mobile-menu-button" })), this.collapsibleNavigation && a("span", { key: "b5e0b5c1ab49c9a77de1e6d8c9157cf907a5d331", class: "app-layout__nav-overlay-toggle" }, a("swirl-button", { key: "de84a867b3b81da15a8a1a91feaf3d555b05d830", hideLabel: !0, icon: this.navExpansionState !== "expanded" ? "<swirl-icon-dock-left-expand></swirl-icon-dock-left-expand>" : "<swirl-icon-dock-left-collapse></swirl-icon-dock-left-collapse>", label: this.navigationToggleLabel, onClick: this.toggleNavigation })), this.showNavigationBackButton && a("span", { key: "7a146162ce324567d3bd9ac1e94fb4270e841491", class: "app-layout__navigation-back-button" }, a("swirl-button", { key: "01e4e8588d68a858b3199883255a4de4a5890bf3", hideLabel: !0, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.navigationBackButtonLabel, onClick: this.onNavigationBackButtonClick })), a("swirl-heading", { key: "89125641f790dfc3134265a212768b6aa8f17f25", as: "h1", class: "app-layout__app-name", headingId: "app-name", level: 3, text: this.appName }), b && a("span", { key: "695f0de46afd902d3d69bd85d74ef9915a5a9c75", class: "app-layout__navigation-controls" }, a("slot", { key: "2f239735632860d0edfe5fb967bac05b21f14452", name: "navigation-controls" }))), a("nav", { key: "3bc5df6af2555a12164b8695f2b1b637ec2d086d", "aria-label": this.navigationLabel, class: "app-layout__navigation", onScroll: this.onNavScroll, ref: (s) => this.navEl = s, inert: this.isDesktop && this.collapsibleNavigation && this.navExpansionState === "collapsed" }, a("slot", { key: "d5e1ac3dc3187e1b4761b83d66d4fa98c7c4e3b4", name: "navigation" })), a("section", { key: "422313cc9de344ef4b66a37f0f69b709b6f71687", "aria-labelledby": "app-name", class: "app-layout__body" }, !this.hideAppBar && a("header", { key: "46ea9b5669da12d8e78151977dc55b1e197e8dcb", class: "app-layout__app-bar" }, a("span", { key: "b35d5938aadcdffa64b8927c096bb3f5b87fa349", class: "app-layout__app-bar-mobile-menu-button" }, a("slot", { key: "2be2762f6d1cfdf8f569006557b5c51b8fc28b36", name: "app-bar-mobile-menu-button" })), t && a("span", { key: "edfb91e719c8b77c73e945ca138f334fca56540b", class: "app-layout__back-to-navigation-button" }, a("swirl-button", { key: "e8cc48db20975a04dd63a8dc86c39b86bbb5630f", hideLabel: !0, icon: this.transitionStyle === "dialog" ? "<swirl-icon-close></swirl-icon-close>" : "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.backToNavigationViewButtonLabel, onClick: this.onBackToNavigationViewButtonClick })), this.collapsibleNavigation && this.navExpansionState !== "expanded" && a("span", { key: "8c96a9e2f67470bd86c72d66272306901585d81e", class: "app-layout__nav-expansion-toggle" }, a("swirl-button", { key: "36b26a023643f6fc3f43d2df344583004ee60b78", hideLabel: !0, icon: "<swirl-icon-hamburger-menu></swirl-icon-hamburger-menu>", label: this.navigationOverlayLabel, onClick: this.overlayNavigation })), a("span", { key: "b005af6a600db164a8251478d8d6f0b63dad6d48", class: "app-layout__custom-app-bar-back-button" }, a("slot", { key: "829e1e1145543dbb9658566051e69d28095ed4ee", name: "custom-app-bar-back-button" })), a("div", { key: "e25d3fe097657c6ce637d075d7f886faebb8dcde", class: "app-layout__app-bar-content" }, a("slot", { key: "7913c7ce6ca420a4ea5c6640e57e8718c5b8cdc5", name: "app-bar" })), a("div", { key: "5f6df0102cebfcaaa4e2bde25e218e6a506c81ca", class: "app-layout__app-bar-controls" }, a("slot", { key: "b4b19bf2bb4a51732f9ea647758b42721169aa5e", name: "app-bar-controls" }))), a("div", { key: "a1cbbdffab4675813ee104abcdcf5722ad33242e", class: "app-layout__banner" }, a("slot", { key: "0fc317305b8d94dc2670f2731ab7ac841ddad69e", name: "banner" })), a("div", { key: "6c434829a6c78aeaea9f084735122d685b1ca636", class: "app-layout__content", onScroll: this.onContentScroll, ref: (s) => this.contentEl = s }, a("slot", { key: "5ab35d69d738ac114725661f296f89624ce5aa21", name: "content" })), a("div", { key: "14a299ef135a30d6f8975db14bdb668e79c39b7b", class: "app-layout__bottom-bar" }, a("slot", { key: "b6f039e3ca95a896c38bfa97943b46f21d0688e4", name: "bottom-bar" }))), a("aside", { key: "403077f3384c185e97eb0205f11a932e4c1ad76c", class: "app-layout__sidebar" }, a("header", { key: "a951e471e8363a025b4ba1ce377e7e1ef17d7e79", class: "app-layout__custom-sidebar-header" }, a("slot", { key: "f6e9ca768e57b30b3faa072250fe9c0cba196b5c", name: "custom-sidebar-header" })), a("header", { key: "1ff00d0311949b3bdacb38ebef268a5b6e3aa00d", class: "app-layout__sidebar-header" }, a("swirl-button", { key: "cc5a33cb40af30a16fdd9442fc34de516022c15d", class: "app-layout__sidebar-close-button", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick }), a("swirl-heading", { key: "96241a517463e025991a2c376e450e5128086209", as: "h3", class: "app-layout__sidebar-heading", headingId: "sidebar-heading", level: 3, text: this.sidebarHeading })), a("div", { key: "a0f11ec60312ab95b56ae4465f23cd0e60f8c3e9", class: "app-layout__sidebar-content", onScroll: this.onSidebarScroll, ref: (s) => this.sidebarEl = s }, a("slot", { key: "ed6139ae751d7701098e441d9bde7faa10d6ea1c", name: "sidebar" }))), a("span", { key: "ea00d4875343af4d76c96c3591931b342098c0e4", class: "app-layout__floating-action-button" }, this.ctaLabel && a("swirl-button", { key: "d29b393a6ac566bf7b3eac1b6080f7da67e25b7f", hideLabel: Boolean(this.ctaIcon), icon: this.ctaIcon, intent: "primary", label: this.ctaLabel, onClick: this.onCtaClick, variant: "floating" }), a("slot", { key: "7952de1a32de0b06d50911abcd9267ccb323e819", name: "floating-action-button" })))));
   }
   get el() {
     return p(this);
@@ -324,7 +324,7 @@ const q = ".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource
     });
   }
   setupDragDrop() {
-    Boolean(this.sortable) && this.sortable.destroy(), this.allowDrag && (this.sortable = T.create(this.gridEl, {
+    Boolean(this.sortable) && this.sortable.destroy(), this.allowDrag && (this.sortable = E.create(this.gridEl, {
       animation: 150,
       draggable: "swirl-resource-list-item",
       handle: ".resource-list-item__drag-handle",
@@ -400,7 +400,7 @@ const $ = `.sc-swirl-resource-list-item-h{position:relative;display:block;width:
     this.updateMediaState();
   }
   componentDidLoad() {
-    this.forceIconProps(this.desktopMediaQuery.matches), this.updateIconSize(this.desktopMediaQuery.matches), this.desktopMediaQuery.onchange = this.desktopMediaQueryHandler, this.makeControlUnfocusable(), Boolean(this.menuTriggerId) && console.warn('[Swirl] The "menu-trigger-id" prop of swirl-resource-list-item is deprecated and will be removed with the next major release. Please use the "control" slot to add a menu button instead. https://swirl-storybook.flip-app.dev/?path=/docs/components-swirlresourcelistitem--docs');
+    this.forceIconProps(this.desktopMediaQuery.matches), this.updateIconSize(this.desktopMediaQuery.matches), this.desktopMediaQuery.addEventListener("change", this.desktopMediaQueryHandler), this.makeControlUnfocusable(), Boolean(this.menuTriggerId) && console.warn('[Swirl] The "menu-trigger-id" prop of swirl-resource-list-item is deprecated and will be removed with the next major release. Please use the "control" slot to add a menu button instead. https://swirl-storybook.flip-app.dev/?path=/docs/components-swirlresourcelistitem--docs');
   }
   disconnectedCallback() {
     var t, e;
@@ -449,7 +449,7 @@ const $ = `.sc-swirl-resource-list-item-h{position:relative;display:block;width:
       "resource-list-item--wrap-description": this.descriptionWrap,
       "resource-list-item--wrap-label": this.labelWrap
     });
-    return a(d, { key: "9c6fbe47aad6cc3b8c64ff69f2908c39579382e1", role: "row" }, a("div", { key: "a697f193501c11256a8f14bee06e8ae361ecd7d2", class: I, role: "gridcell" }, a(t, { key: "7ccaf53c57e8e025ae6a4f93ab1c1a2509b81f4e", "aria-checked": x, "aria-disabled": e ? "true" : void 0, "aria-label": k, "aria-labelledby": Boolean(this.swirlAriaLabel) ? void 0 : this.elementId, class: "resource-list-item__content", href: u, disabled: e, onClick: this.onClick, onBlur: this.onBlur, onFocus: this.onFocus, part: "resource-list-item__content", role: S, tabIndex: 0, type: t === "button" ? "button" : void 0 }, this.hasMedia && a("span", { key: "1c99b371c6b4452c1302c4879a1c5b6946e2c8b1", class: "resource-list-item__media" }, a("slot", { key: "6b98cb9d04c7a361fe2668029d006d1e828a4e39", name: "media" })), a("span", { key: "8ebcb1d3314724c5896d9f7ba356b2c52e95a8a1", class: "resource-list-item__label-container", style: C }, a("span", { key: "593f64efd0fb0188c1f988b27056c829d1679d09", class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : void 0 }, !this.allowHtml && this.label), this.description && a("span", { key: "c154c1d55e6933037643da9d0131b946b2dee4f3", class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : void 0 }, !this.allowHtml && this.description)), s && a("span", { key: "5725705f0f20319d239805508d3b1d95f74e1147", class: "resource-list-item__meta" }, a("span", { key: "017c7cfe50539312d4d26383171fb6a7a20e6aea", class: "resource-list-item__meta-text" }, this.meta), a("span", { key: "67ae39458d0f21c7100481c6aa68f9455e468d86", class: "resource-list-item__badges" }, a("slot", { key: "14903c0b7742a843c77f2a4625cb7265aafa6f5b", name: "badges" })))), this.selectable && a("span", { key: "6077b4ada3640c6d5c66466c7fcb602f571bd846", "aria-hidden": "true", class: "resource-list-item__checkbox" }, a("span", { key: "f3695886c4bc18a9c0105592a66e1bcb6970e133", class: "resource-list-item__checkbox-icon" }, this.checked && a("swirl-icon-check-strong", { key: "6aefe6e5c14c3ed7704f9771b8cf5800d10addcb" }))), a("span", { key: "8a25575b17dba502cf8ab76a9da951630c4afc74", class: "resource-list-item__control", onClick: this.onControlClick, ref: (B) => this.controlContainer = B }, a("slot", { key: "ec9be5986f7bdc3e9054d5ff62f55b59b8a6108b", name: "control" })), m && a("swirl-popover-trigger", { key: "135faa65c00fc1a6af38b8159ccf7f074847d4f5", swirlPopover: this.menuTriggerId }, a("swirl-button", { key: "704ec57f5be74557cfb9bf56e2641faff8fe79a4", "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: "3e9e5926918fc8c5839e8c19accc716ca81aed96", "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: "d1f9c9cef19f4dfccaef48269f9cdf6265bd143c", size: this.iconSize })));
+    return a(d, { key: "9ab8d5b6c71f699ada0554534d05231bcab05b4f", role: "row" }, a("div", { key: "f1e3b59de7165503220e230256fe0dbaf584dbf1", class: I, role: "gridcell" }, a(t, { key: "c018cd666438e26be62cceb14fc5b659298cb66c", "aria-checked": x, "aria-disabled": e ? "true" : void 0, "aria-label": k, "aria-labelledby": Boolean(this.swirlAriaLabel) ? void 0 : this.elementId, class: "resource-list-item__content", href: u, disabled: e, onClick: this.onClick, onBlur: this.onBlur, onFocus: this.onFocus, part: "resource-list-item__content", role: S, tabIndex: 0, type: t === "button" ? "button" : void 0 }, this.hasMedia && a("span", { key: "eb0648775d1a8d3f6279aaba67df5fc69078bc14", class: "resource-list-item__media" }, a("slot", { key: "f9eed6eee88cfd13484830592bcde5ec9a8ff2fd", name: "media" })), a("span", { key: "abdf852d91330d353b3fa0d79ef286f8a654ed17", class: "resource-list-item__label-container", style: C }, a("span", { key: "31d2e2095cfa5fa6d8c0ff6c9cd74352215bf31b", class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : void 0 }, !this.allowHtml && this.label), this.description && a("span", { key: "bba851aebfc9ae97d8e86bc377b2645f2c008f40", class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : void 0 }, !this.allowHtml && this.description)), s && a("span", { key: "1b92b21080990b5cd922becbca08ef8d491470e3", class: "resource-list-item__meta" }, a("span", { key: "87ddd62278eaded6e154af605dca7f568b1c1b24", class: "resource-list-item__meta-text" }, this.meta), a("span", { key: "74e13c780b46e097e429289f343855010abd262a", class: "resource-list-item__badges" }, a("slot", { key: "2684ae7f3771da2c15a91abe11e5376c092b5418", name: "badges" })))), this.selectable && a("span", { key: "da36e0f78c70ef6639bc5969fed63e8e7191f69b", "aria-hidden": "true", class: "resource-list-item__checkbox" }, a("span", { key: "a28270546758f11d38a4503b566d93b26cdbe8c5", class: "resource-list-item__checkbox-icon" }, this.checked && a("swirl-icon-check-strong", { key: "a302ecfae71661cd95adfee5a4a1479288b90131" }))), a("span", { key: "3e85d9ed06e4d6dceee9db5c67799b83ef3e6701", class: "resource-list-item__control", onClick: this.onControlClick, ref: (B) => this.controlContainer = B }, a("slot", { key: "59321aba61fd5c10732db1281afc7d3487822bff", name: "control" })), m && a("swirl-popover-trigger", { key: "9f9d329b6be6921cc2a346462d6191e306ab8f6a", swirlPopover: this.menuTriggerId }, a("swirl-button", { key: "3171ea36c90c935bc9e3dcfd5227d4953a87a899", "aria-disabled": e ? "true" : void 0, class: "resource-list-item__menu-trigger", disabled: e, hideLabel: !0, icon: "<swirl-icon-more-horizontal></swirl-icon-more-horizontal>", intent: "primary", label: this.menuTriggerLabel, onClick: this.onMenuTriggerClick }))), this.allowDrag && a("button", { key: "f2326a36dd18d5084fbc2c328649fdf806e81135", "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "resource-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, type: "button" }, a("swirl-icon-drag-handle", { key: "295742018c703c5a7c8da55c9e3c93f3be723407", size: this.iconSize })));
   }
   get el() {
     return p(this);

package/dist/{swirl-autocomplete.entry.f0d0f372.js → swirl-autocomplete.entry.7e9ac76d.js}

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

package/dist/{swirl-avatar-group.entry.465a4956.js → swirl-avatar-group.entry.562cbfae.js}

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

package/dist/{swirl-avatar.entry.744ef35b.js → swirl-avatar.entry.834ade50.js}

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

package/dist/{swirl-badge.entry.c81f292a.js → swirl-badge.entry.485303ec.js}

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

package/dist/{swirl-banner.entry.3fe8891d.js → swirl-banner.entry.b0364917.js}

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

package/dist/{swirl-box.entry.f537eb80.js → swirl-box.entry.ea5b4884.js}

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

package/dist/{swirl-button-group.entry.b2e708d4.js → swirl-button-group.entry.4cee68c9.js}

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

package/dist/{swirl-button.entry.73470114.js → swirl-button.entry.bda331b2.js}

@@ -1,4 +1,4 @@
-import { r as b, h as o, H as u, g as d } from "./index.e064caaa.js";
+import { r as l, h as o, H as u, g as d } from "./index.15738074.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import { g as v } from "./utils-877a768f.c277f897.js";
 import "react";
@@ -12,12 +12,12 @@ const h = `.sc-swirl-button-h{display:inline-block;max-width:100%;flex-shrink:0}
       --swirl-icon-button-border-bottom-left-radius
     )}.button--icon-only.sc-swirl-button .button__icon.sc-swirl-button{margin-right:0;margin-left:0}.button--has-icon.sc-swirl-button .button__icon.sc-swirl-button{display:inline-flex}.button__tag.sc-swirl-button{padding-left:var(--s-space-8);order:3}.button__icon.sc-swirl-button{display:none;width:1.5rem;height:1.5rem;margin-left:calc(-1 * var(--s-space-4));color:var(--s-icon-default);order:0}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button__icon.sc-swirl-button{width:1.25rem;height:1.25rem}}.button__label.sc-swirl-button{overflow:hidden;max-width:100%;white-space:nowrap;text-overflow:ellipsis;order:1}`, w = h, p = class {
   constructor(n) {
-    b(this, n), this.desktopMediaQuery = v(), this.desktopMediaQueryHandler = (t) => {
+    l(this, n), this.desktopMediaQuery = v(), this.desktopMediaQueryHandler = (t) => {
       this.forceIconProps(t.matches);
     }, this.disabled = void 0, this.download = void 0, this.swirlAriaControls = void 0, this.swirlAriaCurrent = void 0, this.swirlAriaDescribedby = void 0, this.swirlAriaExpanded = void 0, this.swirlAriaHaspopup = void 0, this.swirlAriaLabel = void 0, this.form = void 0, this.hideLabel = void 0, this.href = void 0, this.icon = void 0, this.iconPosition = "start", this.intent = "default", this.label = void 0, this.name = void 0, this.pill = void 0, this.pressed = void 0, this.size = "m", this.target = void 0, this.textAlign = "center", this.type = "button", this.value = void 0, this.variant = "ghost", this.inheritFontSize = void 0;
   }
   componentDidLoad() {
-    this.forceIconProps(this.desktopMediaQuery.matches), this.updateFormAttribute(), this.desktopMediaQuery.onchange = this.desktopMediaQueryHandler;
+    this.forceIconProps(this.desktopMediaQuery.matches), this.updateFormAttribute(), this.desktopMediaQuery.addEventListener("change", this.desktopMediaQueryHandler);
   }
   componentDidRender() {
     this.forceIconProps(this.desktopMediaQuery.matches), this.updateFormAttribute();
@@ -49,8 +49,8 @@ const h = `.sc-swirl-button-h{display:inline-block;max-width:100%;flex-shrink:0}
       "button--icon-only": n,
       "button--pill": this.pill,
       "button--pressed": this.pressed
-    }), l = t ? "a" : "button";
-    return o(u, { key: "644f280827046e78c58e7c45647c5c0552e95463", style: { pointerEvents: this.disabled ? "none" : "" } }, o(l, { key: "23a5862e91f6f7d9fd6a2dd85e9c75bc90c559a1", "aria-controls": this.swirlAriaControls, "aria-current": this.swirlAriaCurrent, "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled && !t ? "true" : void 0, "aria-expanded": this.swirlAriaExpanded, "aria-haspopup": this.swirlAriaHaspopup, "aria-label": r, "aria-pressed": this.pressed ? "true" : void 0, class: e, disabled: t ? void 0 : this.disabled, download: t ? void 0 : this.download, form: t ? void 0 : this.form, href: this.href, name: t ? void 0 : this.name, ref: (i) => this.buttonEl = i, target: t ? this.target : void 0, type: t ? void 0 : this.type, value: t ? void 0 : this.value, style: this.inheritFontSize ? { fontSize: "inherit", lineHeight: "inherit" } : {} }, Boolean(this.icon) && o("span", { key: "37948fe0cb6315080a42a0a0e9d7f14df87db473", class: "button__icon", innerHTML: this.icon, ref: (i) => this.iconEl = i }), !Boolean(this.icon) && o("span", { key: "39cb7279f339fc9b102edc990202adc71424cca0", class: "button__icon", ref: (i) => this.iconEl = i }, o("slot", { key: "9b176cfb970a3eabc3de0222cdb2dcc09a74017e", name: "icon" })), !n && o("span", { key: "2784fc9b630954936434165b537358d5950083ae", class: "button__label" }, this.label), s && o("span", { key: "8e2335251d17103e3f79200090be9af69e4420e3", class: "button__tag" }, o("slot", { key: "101ab368afa228413d9aac05caa7b77ddbcc858d", name: "tag" }))));
+    }), b = t ? "a" : "button";
+    return o(u, { key: "9c5a6973ea658678167f384b99703c2a5cc932e6", style: { pointerEvents: this.disabled ? "none" : "" } }, o(b, { key: "d8d39728274e53aef4a028478ecc6834539c975f", "aria-controls": this.swirlAriaControls, "aria-current": this.swirlAriaCurrent, "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled && !t ? "true" : void 0, "aria-expanded": this.swirlAriaExpanded, "aria-haspopup": this.swirlAriaHaspopup, "aria-label": r, "aria-pressed": this.pressed ? "true" : void 0, class: e, disabled: t ? void 0 : this.disabled, download: t ? void 0 : this.download, form: t ? void 0 : this.form, href: this.href, name: t ? void 0 : this.name, ref: (i) => this.buttonEl = i, target: t ? this.target : void 0, type: t ? void 0 : this.type, value: t ? void 0 : this.value, style: this.inheritFontSize ? { fontSize: "inherit", lineHeight: "inherit" } : {} }, Boolean(this.icon) && o("span", { key: "f8c59b55181804a88e7fbea215955394581085d0", class: "button__icon", innerHTML: this.icon, ref: (i) => this.iconEl = i }), !Boolean(this.icon) && o("span", { key: "f10549e0f2a5a0ad195bf7a9622dd6764f22074d", class: "button__icon", ref: (i) => this.iconEl = i }, o("slot", { key: "d20e1abea1853532c4db9285554e08c01bbd2110", name: "icon" })), !n && o("span", { key: "1953a32f75eab8d16f8d8b370869b58d7293b83d", class: "button__label" }, this.label), s && o("span", { key: "ba2fd1ab2514f309dbe41b07440a1e034173756b", class: "button__tag" }, o("slot", { key: "79d7921baa4f8744ee3f1328f73f7427c4bf89ba", name: "tag" }))));
   }
   get el() {
     return d(this);

package/dist/{swirl-card.entry.cffa4327.js → swirl-card.entry.93530d73.js}

@@ -1,4 +1,4 @@
-import { r as t, c as n, h as e, H as o, g as c } from "./index.e064caaa.js";
+import { r as t, c as n, h as e, H as o, g as c } from "./index.15738074.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-carousel-slide.entry.d837cc11.js → swirl-carousel-slide.entry.4004f62d.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, H as t } from "./index.e064caaa.js";
+import { r as i, h as e, H as t } from "./index.15738074.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-carousel.entry.e1cd796f.js → swirl-carousel.entry.28096618.js}

@@ -1,4 +1,4 @@
-import { r as o, c as a, h as l, H as r, g as d } from "./index.e064caaa.js";
+import { r as o, c as a, h as l, H as r, g as d } from "./index.15738074.js";
 import { d as c } from "./utils-877a768f.c277f897.js";
 import { c as h } from "./index-267776a4.6beb4f4b.js";
 import "react";

package/dist/{swirl-checkbox.entry.fb366baf.js → swirl-checkbox.entry.4965633d.js}

@@ -1,4 +1,4 @@
-import { r as b, c as t, h as c, H as d } from "./index.e064caaa.js";
+import { r as b, c as t, h as c, H as d } from "./index.15738074.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-chip.entry.a4e1690c.js → swirl-chip.entry.cf925cec.js}

@@ -1,5 +1,5 @@
-import { r as o, c as s, h as r, H as h, g as p } from "./index.e064caaa.js";
-import { c as n } from "./index-267776a4.6beb4f4b.js";
+import { r as o, c as s, h as r, H as h, g as n } from "./index.15738074.js";
+import { c as p } from "./index-267776a4.6beb4f4b.js";
 import { g as l } from "./utils-877a768f.c277f897.js";
 import "react";
 import "react-dom";
@@ -10,7 +10,7 @@ const d = ".sc-swirl-chip-h{position:relative;display:inline-flex;max-width:100%
     }, this.borderRadius = "pill", this.icon = void 0, this.iconColor = "default", this.intent = "default", this.interactive = !1, this.label = void 0, this.progress = void 0, this.pressed = void 0, this.progressBarLabel = "Loading progress", this.removable = void 0, this.removeButtonLabel = "Remove", this.size = "m", this.variant = "outline";
   }
   componentDidLoad() {
-    this.forceIconProps(this.desktopMediaQuery.matches), this.desktopMediaQuery.onchange = this.desktopMediaQueryHandler;
+    this.forceIconProps(this.desktopMediaQuery.matches), this.desktopMediaQuery.addEventListener("change", this.desktopMediaQueryHandler);
   }
   disconnectedCallback() {
     var e, i;
@@ -23,16 +23,16 @@ const d = ".sc-swirl-chip-h{position:relative;display:inline-flex;max-width:100%
     i == null || i.setAttribute("size", c);
   }
   render() {
-    const e = this.interactive || this.pressed !== void 0 ? "button" : "span", i = Boolean(this.el.querySelector('[slot="avatar"]')), c = !i && Boolean(this.icon), a = n("chip", `chip--border-radius-${this.borderRadius}`, `chip--icon-color-${this.iconColor}`, `chip--intent-${this.intent}`, `chip--size-${this.size}`, `chip--variant-${this.variant}`, {
+    const e = this.interactive || this.pressed !== void 0 ? "button" : "span", i = Boolean(this.el.querySelector('[slot="avatar"]')), c = !i && Boolean(this.icon), a = p("chip", `chip--border-radius-${this.borderRadius}`, `chip--icon-color-${this.iconColor}`, `chip--intent-${this.intent}`, `chip--size-${this.size}`, `chip--variant-${this.variant}`, {
       "chip--pressed": this.pressed,
       "chip--has-progress": this.progress !== void 0,
       "chip--interactive": this.interactive || this.pressed !== void 0,
       "chip--removable": this.removable
     });
-    return r(h, { key: "9b1e52461918edbaac63ee90bf5a3e553f9d310e" }, r(e, { key: "dcbc86988cd9e4227c8d567c84daa76b9ac739cd", "aria-pressed": this.pressed !== void 0 ? String(this.pressed) : void 0, class: a, onClick: this.chipClick.emit, type: this.interactive ? "button" : void 0 }, r("span", { key: "04997af02a853a3baa62a1f26bcc2a6d7f0d0e23", class: "chip__inner" }, i && r("span", { key: "d58d29238444cdd44a7a4d1fc8e1f1dcba15c6d7", class: "chip__avatar" }, r("slot", { key: "59705540be0270d9c03dc282d0b95323baddc4fc", name: "avatar" })), c && r("span", { key: "8d568bc86288170c642834787f6f62d14385cfe1", class: "chip__icon", innerHTML: this.icon, ref: (t) => this.iconEl = t }), r("span", { key: "b8242740bd0becbd22b2569a9dee60ac46146f46", class: "chip__label" }, this.label)), this.progress !== void 0 && r("span", { key: "8dab74c41f4521d82cdc1aa7abac3d0a12c76af9", class: "chip__progress-indicator" }, r("swirl-progress-indicator", { key: "9ba51b553551ff5c0d2e163fc9c5b7106089bca7", label: this.progressBarLabel, value: this.progress }))), this.removable && r("button", { key: "730613d93c56281943e0a036cc2afad9e967b1f0", "aria-label": this.removeButtonLabel, class: "chip__remove-button", onClick: this.removeChip.emit, type: "button" }, r("swirl-icon-close", { key: "06051a334307deb3d0e0b4de1b4fa23a986c4a17", size: 20 })));
+    return r(h, { key: "3fa170e58fcdd39a85afb56ec10f8f77615eb9b9" }, r(e, { key: "4e96ce9cd653f9afa6a335734a25c10f92c42edc", "aria-pressed": this.pressed !== void 0 ? String(this.pressed) : void 0, class: a, onClick: this.chipClick.emit, type: this.interactive ? "button" : void 0 }, r("span", { key: "9b6107cc84794c069d0ff46031b886b3f0d4b78e", class: "chip__inner" }, i && r("span", { key: "d8a1a42f5ddede7223b78b617171eff7dd065906", class: "chip__avatar" }, r("slot", { key: "1bc65807864057fca37fcfec7599bf3606e9384f", name: "avatar" })), c && r("span", { key: "0baa6dc9f1241a05a11882a4bc748963241e681d", class: "chip__icon", innerHTML: this.icon, ref: (t) => this.iconEl = t }), r("span", { key: "d215f1a4d64e8b41648aaa19571f23c90e8a1fc1", class: "chip__label" }, this.label)), this.progress !== void 0 && r("span", { key: "173af6fba33eb25cc8d07a24e38757dd5738138b", class: "chip__progress-indicator" }, r("swirl-progress-indicator", { key: "46bc43fcc5da5d003bfb71991941fa758d8bae36", label: this.progressBarLabel, value: this.progress }))), this.removable && r("button", { key: "eb8945c1ca5f26d8d95776c6cb6de10b1b9d985a", "aria-label": this.removeButtonLabel, class: "chip__remove-button", onClick: this.removeChip.emit, type: "button" }, r("swirl-icon-close", { key: "c554907b6bcbfbf0b35da2091209b9256e60e545", size: 20 })));
   }
   get el() {
-    return p(this);
+    return n(this);
   }
 };
 u.style = v;

package/dist/{swirl-color-input.entry.325e3523.js → swirl-color-input.entry.6f9eb68f.js}

@@ -1,4 +1,4 @@
-import { r as L, c as f, h as l, H as B } from "./index.e064caaa.js";
+import { r as L, c as f, h as l, H as B } from "./index.15738074.js";
 import { c as T } from "./index-267776a4.6beb4f4b.js";
 import { v as z } from "./v4-23648a96.77c7c20f.js";
 import "react";

package/dist/{swirl-columns.entry.38fa6e45.js → swirl-columns.entry.06c83765.js}

@@ -1,4 +1,4 @@
-import { r as c, h as s, H as e } from "./index.e064caaa.js";
+import { r as c, h as s, H as e } from "./index.15738074.js";
 import "react";
 import "react-dom";
 const o = ":host{display:block}:host *{box-sizing:border-box}.columns{display:grid;width:100%}", t = o, i = class {

package/dist/swirl-components-react.js

@@ -1,4 +1,4 @@
-import { a as o, S as s, b as S, d as e, e as w, i as n, j as c, k as I, l as t, m as d, n as b, o as m, p as y, q as p, s as u, t as g, u as T, v as h, w as C, x as A, y as k, z as L, A as f, B as F, C as R, D as P, E as v, G as M, I as D, J as B, K as E, L as O, M as V, N as x, O as G, P as N, Q as H, R as j, T as U, U as W, V as K, W as q, X as z, Y as X, Z as Y, _ as J, $ as Q, a0 as Z, a1 as _, a2 as $, a3 as aa, a4 as ia, a5 as ra, a6 as la, a7 as oa, a8 as sa, a9 as Sa, aa as ea, ab as wa, ac as na, ad as ca, ae as Ia, af as ta, ag as da, ah as ba, ai as ma, aj as ya, ak as pa, al as ua, am as ga, an as Ta, ao as ha, ap as Ca, aq as Aa, ar as ka, as as La, at as fa, au as Fa, av as Ra, aw as Pa, ax as va, ay as Ma, az as Da, aA as Ba, aB as Ea, aC as Oa, aD as Va, aE as xa, aF as Ga, aG as Na, aH as Ha, aI as ja, aJ as Ua, aK as Wa, aL as Ka, aM as qa, aN as za, aO as Xa, aP as Ya, aQ as Ja, aR as Qa, aS as Za, aT as _a, aU as $a, aV as ai, aW as ii, aX as ri, aY as li, aZ as oi, a_ as si, a$ as Si, b0 as ei, b1 as wi, b2 as ni, b3 as ci, b4 as Ii, b5 as ti, b6 as di, b7 as bi, b8 as mi, b9 as yi, ba as pi, bb as ui, bc as gi, bd as Ti, be as hi, bf as Ci, bg as Ai, bh as ki, bi as Li, bj as fi, bk as Fi, bl as Ri, bm as Pi, bn as vi, bo as Mi, bp as Di, bq as Bi, br as Ei, bs as Oi, bt as Vi, bu as xi, bv as Gi, bw as Ni, bx as Hi, by as ji, bz as Ui, bA as Wi, bB as Ki, bC as qi, bD as zi, bE as Xi, bF as Yi, bG as Ji, bH as Qi, bI as Zi, bJ as _i, bK as $i, bL as ar, bM as ir, bN as rr, bO as lr, bP as or, bQ as sr, bR as Sr, bS as er, bT as wr, bU as nr, bV as cr, bW as Ir, bX as tr, bY as dr, bZ as br, b_ as mr, b$ as yr, c0 as pr, c1 as ur, c2 as gr, c3 as Tr, c4 as hr, c5 as Cr, c6 as Ar, c7 as kr, c8 as Lr, c9 as fr, ca as Fr, cb as Rr, cc as Pr, cd as vr, ce as Mr, cf as Dr, cg as Br, ch as Er, ci as Or, cj as Vr, ck as xr, cl as Gr, cm as Nr, cn as Hr, co as jr, cp as Ur, cq as Wr, cr as Kr, cs as qr, ct as zr, cu as Xr, cv as Yr, cw as Jr, cx as Qr, cy as Zr, cz as _r, cA as $r, cB as al, cC as il, cD as rl, cE as ll, cF as ol, cG as sl, cH as Sl, cI as el, cJ as wl, cK as nl, cL as cl, cM as Il, cN as tl, cO as dl, cP as bl, cQ as ml, cR as yl, cS as pl, cT as ul, cU as gl, cV as Tl, cW as hl, cX as Cl, cY as Al, cZ as kl, c_ as Ll, c$ as fl, d0 as Fl, d1 as Rl, d2 as Pl, d3 as vl, d4 as Ml, d5 as Dl, d6 as Bl, d7 as El, d8 as Ol, d9 as Vl, da as xl, db as Gl, dc as Nl, dd as Hl, de as jl, df as Ul, dg as Wl, dh as Kl, di as ql, dj as zl, dk as Xl, dl as Yl, dm as Jl, dn as Ql, dp as Zl, dq as _l, dr as $l, ds as ao, dt as io, du as ro, dv as lo, dw as oo, dx as so, dy as So, dz as eo, dA as wo, dB as no, dC as co, dD as Io, dE as to, dF as bo, dG as mo, dH as yo, dI as po, dJ as uo, dK as go, dL as To, dM as ho, dN as Co, dO as Ao, dP as ko, dQ as Lo, dR as fo, dS as Fo, dT as Ro, dU as Po, dV as vo, dW as Mo, dX as Do, dY as Bo, dZ as Eo, d_ as Oo, d$ as Vo, e0 as xo, e1 as Go, e2 as No, e3 as Ho, e4 as jo, e5 as Uo, e6 as Wo, e7 as Ko, e8 as qo, e9 as zo, ea as Xo, eb as Yo, ec as Jo, ed as Qo, ee as Zo, ef as _o, eg as $o, eh as as, ei as is, ej as rs, ek as ls, el as os, em as ss, en as Ss, eo as es, ep as ws, eq as ns, er as cs, es as Is, et as ts, eu as ds, ev as bs, ew as ms, ex as ys, ey as ps, ez as us, eA as gs, eB as Ts, eC as hs, eD as Cs, eE as As, eF as ks, eG as Ls, eH as fs, eI as Fs, eJ as Rs, eK as Ps, eL as vs, eM as Ms, eN as Ds, eO as Bs, eP as Es, eQ as Os, eR as Vs, eS as xs, eT as Gs, eU as Ns, eV as Hs, eW as js, eX as Us, eY as Ws, eZ as Ks, e_ as qs, e$ as zs, f0 as Xs, f1 as Ys } from "./index.e064caaa.js";
+import { a as o, S as s, b as S, d as e, e as w, i as n, j as c, k as I, l as t, m as d, n as b, o as m, p as y, q as p, s as u, t as g, u as T, v as h, w as C, x as A, y as k, z as L, A as f, B as F, C as R, D as P, E as v, G as M, I as D, J as B, K as E, L as O, M as V, N as x, O as G, P as N, Q as H, R as j, T as U, U as W, V as K, W as q, X as z, Y as X, Z as Y, _ as J, $ as Q, a0 as Z, a1 as _, a2 as $, a3 as aa, a4 as ia, a5 as ra, a6 as la, a7 as oa, a8 as sa, a9 as Sa, aa as ea, ab as wa, ac as na, ad as ca, ae as Ia, af as ta, ag as da, ah as ba, ai as ma, aj as ya, ak as pa, al as ua, am as ga, an as Ta, ao as ha, ap as Ca, aq as Aa, ar as ka, as as La, at as fa, au as Fa, av as Ra, aw as Pa, ax as va, ay as Ma, az as Da, aA as Ba, aB as Ea, aC as Oa, aD as Va, aE as xa, aF as Ga, aG as Na, aH as Ha, aI as ja, aJ as Ua, aK as Wa, aL as Ka, aM as qa, aN as za, aO as Xa, aP as Ya, aQ as Ja, aR as Qa, aS as Za, aT as _a, aU as $a, aV as ai, aW as ii, aX as ri, aY as li, aZ as oi, a_ as si, a$ as Si, b0 as ei, b1 as wi, b2 as ni, b3 as ci, b4 as Ii, b5 as ti, b6 as di, b7 as bi, b8 as mi, b9 as yi, ba as pi, bb as ui, bc as gi, bd as Ti, be as hi, bf as Ci, bg as Ai, bh as ki, bi as Li, bj as fi, bk as Fi, bl as Ri, bm as Pi, bn as vi, bo as Mi, bp as Di, bq as Bi, br as Ei, bs as Oi, bt as Vi, bu as xi, bv as Gi, bw as Ni, bx as Hi, by as ji, bz as Ui, bA as Wi, bB as Ki, bC as qi, bD as zi, bE as Xi, bF as Yi, bG as Ji, bH as Qi, bI as Zi, bJ as _i, bK as $i, bL as ar, bM as ir, bN as rr, bO as lr, bP as or, bQ as sr, bR as Sr, bS as er, bT as wr, bU as nr, bV as cr, bW as Ir, bX as tr, bY as dr, bZ as br, b_ as mr, b$ as yr, c0 as pr, c1 as ur, c2 as gr, c3 as Tr, c4 as hr, c5 as Cr, c6 as Ar, c7 as kr, c8 as Lr, c9 as fr, ca as Fr, cb as Rr, cc as Pr, cd as vr, ce as Mr, cf as Dr, cg as Br, ch as Er, ci as Or, cj as Vr, ck as xr, cl as Gr, cm as Nr, cn as Hr, co as jr, cp as Ur, cq as Wr, cr as Kr, cs as qr, ct as zr, cu as Xr, cv as Yr, cw as Jr, cx as Qr, cy as Zr, cz as _r, cA as $r, cB as al, cC as il, cD as rl, cE as ll, cF as ol, cG as sl, cH as Sl, cI as el, cJ as wl, cK as nl, cL as cl, cM as Il, cN as tl, cO as dl, cP as bl, cQ as ml, cR as yl, cS as pl, cT as ul, cU as gl, cV as Tl, cW as hl, cX as Cl, cY as Al, cZ as kl, c_ as Ll, c$ as fl, d0 as Fl, d1 as Rl, d2 as Pl, d3 as vl, d4 as Ml, d5 as Dl, d6 as Bl, d7 as El, d8 as Ol, d9 as Vl, da as xl, db as Gl, dc as Nl, dd as Hl, de as jl, df as Ul, dg as Wl, dh as Kl, di as ql, dj as zl, dk as Xl, dl as Yl, dm as Jl, dn as Ql, dp as Zl, dq as _l, dr as $l, ds as ao, dt as io, du as ro, dv as lo, dw as oo, dx as so, dy as So, dz as eo, dA as wo, dB as no, dC as co, dD as Io, dE as to, dF as bo, dG as mo, dH as yo, dI as po, dJ as uo, dK as go, dL as To, dM as ho, dN as Co, dO as Ao, dP as ko, dQ as Lo, dR as fo, dS as Fo, dT as Ro, dU as Po, dV as vo, dW as Mo, dX as Do, dY as Bo, dZ as Eo, d_ as Oo, d$ as Vo, e0 as xo, e1 as Go, e2 as No, e3 as Ho, e4 as jo, e5 as Uo, e6 as Wo, e7 as Ko, e8 as qo, e9 as zo, ea as Xo, eb as Yo, ec as Jo, ed as Qo, ee as Zo, ef as _o, eg as $o, eh as as, ei as is, ej as rs, ek as ls, el as os, em as ss, en as Ss, eo as es, ep as ws, eq as ns, er as cs, es as Is, et as ts, eu as ds, ev as bs, ew as ms, ex as ys, ey as ps, ez as us, eA as gs, eB as Ts, eC as hs, eD as Cs, eE as As, eF as ks, eG as Ls, eH as fs, eI as Fs, eJ as Rs, eK as Ps, eL as vs, eM as Ms, eN as Ds, eO as Bs, eP as Es, eQ as Os, eR as Vs, eS as xs, eT as Gs, eU as Ns, eV as Hs, eW as js, eX as Us, eY as Ws, eZ as Ks, e_ as qs, e$ as zs, f0 as Xs, f1 as Ys } from "./index.15738074.js";
 import "react";
 import "react-dom";
 export {