@getflip/swirl-components-react 0.300.5 → 0.301.0

package/dist/{swirl-accordion-item.entry.a936d8b4.js → swirl-accordion-item.entry.b0f96fbf.js}

@@ -1,4 +1,4 @@
-import { r as t, c as d, h as e, H as n, g as s } from "./index.0410f925.js";
+import { r as t, c as d, h as e, H as n, g as s } from "./index.a3d5c3ea.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import { v as o } from "./v4-23648a96.77c7c20f.js";
 import "react";
@@ -26,7 +26,7 @@ const c = ":host{display:block}:host *{box-sizing:border-box}.accordion-item{dis
     const i = `h${this.headingLevel}`, a = r("accordion-item", {
       "accordion-item--expanded": this.expanded
     });
-    return e(n, { key: "0264672b7f8eca9601baee343618590fb03b9749" }, e("div", { key: "045aaebff611ba6a8467764fea81635733e844db", class: a }, e(i, { key: "4f4af64a06a46eff3dff3aa6156e1e3f5fd44d3b", class: "accordion-item__heading" }, e("button", { key: "9969ab5c94d147164744bace3036236550c3d8a5", "aria-controls": this.itemId, "aria-expanded": String(this.expanded), class: "accordion-item__toggle", disabled: this.disabled, id: this.headingId, onClick: this.onHeadingClick, type: "button" }, e("span", { key: "38e72e00b4b747fbb667352387a436ff61b27e5d", class: "accordion-item__toggle-text" }, this.heading, this.description && e("swirl-text", { key: "126bca923d8f3d428b22f69c6938cc7eeaded46b", as: "span", color: "subdued", size: "sm" }, this.description)), e("span", { key: "79eda77f027686b371833b3ca3b45d54597d85f3", class: "accordion-item__icon" }, !this.expanded && e("swirl-icon", { key: "ee1bef3be8e064f4b810b04fd09c2e2470f82f52", glyph: "chevron-right", size: 20 }), this.expanded && e("swirl-icon", { key: "f7b229a5dd3098f63225889c7eaba974ce84fd51", glyph: "expand-more", size: 20 })))), e("div", { key: "04d2dd52b2b7097293f06e67ab8ae6491e9867f2", "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, e("slot", { key: "c223f29deac7148a2f8ea3c1f258c0f273736e17" }))));
+    return e(n, { key: "37e305bc643a6b5498a6005fe6cf6c3733596e02" }, e("div", { key: "d802208c08ef5969e5c8d140594083703558d8b9", class: a }, e(i, { key: "5c7d5be9fe17e0728da5ea401d49e40339a2fd37", class: "accordion-item__heading" }, e("button", { key: "eb5b31d712d25a72b189f4a1c2411afd6d56191a", "aria-controls": this.itemId, "aria-expanded": String(this.expanded), class: "accordion-item__toggle", disabled: this.disabled, id: this.headingId, onClick: this.onHeadingClick, type: "button" }, e("span", { key: "9fdbfbee31699410579315f53a6557411a7cbd9d", class: "accordion-item__toggle-text" }, this.heading, this.description && e("swirl-text", { key: "70c986f9b3e26fb4998b2acae4e2a170c8d8c0b8", as: "span", color: "subdued", size: "sm" }, this.description)), e("span", { key: "ec1fe676b6e8e09b1edf98a136ba1d3df7e2c912", class: "accordion-item__icon" }, !this.expanded && e("swirl-icon", { key: "c7725c1a2c3d2fea9ff8311b75003c9b0ed9ec3a", glyph: "chevron-right", size: 20 }), this.expanded && e("swirl-icon", { key: "77e8e3a17ef1cc3e6f34b4723e637f416932e201", glyph: "expand-more", size: 20 })))), e("div", { key: "ad9e8759afd5cb49cb68a9bce0f61a709e4e6c4d", "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, e("slot", { key: "2de0da2aa2cf446288f30468ca061b3f8665cbb2" }))));
   }
   get el() {
     return s(this);

package/dist/{swirl-accordion.entry.10549ef6.js → swirl-accordion.entry.73e9706a.js}

@@ -1,7 +1,7 @@
-import { r as s, c as i, h as o, H as a, g as c } from "./index.0410f925.js";
+import { r as s, c as i, h as o, H as a, g as l } from "./index.a3d5c3ea.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 {
+const c = ":host{display:block}:host *{box-sizing:border-box}::slotted(*:last-child){border-bottom:0.0625rem solid var(--s-border-default)}", n = c, d = class {
   constructor(e) {
     s(this, e), this.expandedItemChange = i(this, "expandedItemChange", 7);
   }
@@ -24,10 +24,10 @@ const l = ":host{display:block}:host *{box-sizing:border-box}::slotted(*:last-ch
     });
   }
   render() {
-    return o(a, { key: "9cff98602eda48461c08f6f4d1cf441cfa748293" }, o("slot", { key: "b6a3a13c116008491146d9f5d392ae99a53bd4ee" }));
+    return o(a, { key: "db1f3a5749e20cd8df3f1d4710cd9bc086002d97" }, o("slot", { key: "72dbe96f1e8e7cfae49a40b4a73442fe9a0fb421" }));
   }
   get el() {
-    return c(this);
+    return l(this);
   }
 };
 d.style = n;

package/dist/swirl-action-list-section.entry.c7b026b1.js

@@ -0,0 +1,15 @@
+import { r as i, h as s, H as t } from "./index.a3d5c3ea.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 {
+  constructor(a) {
+    i(this, a), this.label = void 0, this.separatorSpacing = "4", this.spacing = "0", this.hasSeparator = !1;
+  }
+  render() {
+    return s(t, { key: "c21789533d2bf67f84804656811fc60f29acbef2" }, this.hasSeparator && s("swirl-separator", { key: "574904df2d024facc474a9235bac7ef34ce668f5", spacing: this.separatorSpacing }), s("div", { key: "2564250201d3b5218862ea27cf31af8d280e886a", "aria-labelledby": "label", class: "action-list-section", role: "group" }, s("span", { key: "fdb414f40db581d3f760bdc00ea6c6bf46e51b36", class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), s("swirl-stack", { key: "10910a2fe385cc3b7befe58d615bf4fa2a559675", spacing: this.spacing, align: "stretch" }, s("slot", { key: "72986152501d4574060cc8edad861f0275df353c" }))));
+  }
+};
+o.style = c;
+export {
+  o as swirl_action_list_section
+};

package/dist/{swirl-action-list_2.entry.1846f6ce.js → swirl-action-list_2.entry.fc33f73d.js}

@@ -1,5 +1,5 @@
-import { r as c, h as o, H as l, g as d } from "./index.0410f925.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.a3d5c3ea.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";
@@ -27,7 +27,7 @@ const p = ":host{display:block;width:100%}:host *{box-sizing:border-box}.action-
     }), this.setSectionSeparator();
   }
   getItems() {
-    return h(this.el, '[role="menuitem"]');
+    return f(this.el, '[role="menuitem"]');
   }
   focusNextItem() {
     const i = this.getItems(), t = (this.getActiveItemIndex() + 1) % i.length;
@@ -39,7 +39,7 @@ const p = ":host{display:block;width:100%}:host *{box-sizing:border-box}.action-
     (s = i[t]) == null || s.focus();
   }
   getActiveItemIndex() {
-    const i = this.getItems(), e = f();
+    const i = this.getItems(), e = h();
     return i.findIndex((t) => t === e || t === (e == null ? void 0 : e.querySelector('[role="menuitem"]')));
   }
   setSectionSeparator() {
@@ -51,7 +51,7 @@ const p = ":host{display:block;width:100%}:host *{box-sizing:border-box}.action-
     });
   }
   render() {
-    return o(l, { key: "073cbd620c456ca52480ca80d137d552f2dc8aea" }, o("div", { key: "169943abeedb9ee8583c15ca41380a442c9b7da7", "aria-orientation": "vertical", class: "action-list", onFocusout: this.isInsidePopover ? void 0 : this.onFocusOut, onFocus: this.isInsidePopover ? void 0 : this.onFocus, onKeyDown: this.onKeyDown, part: "action-list", ref: (i) => this.container = i, role: "menu" }, o("slot", { key: "f65809ec2ad102a7b28fef4f05195c9d936f194b", onSlotchange: this.setSectionSeparator })));
+    return o(l, { key: "6f26bfaeafe7cf4b16449dc26ab2031afe994992" }, o("div", { key: "fe3afb2618a65c32a73172c7dc67da5d932606b2", "aria-orientation": "vertical", class: "action-list", onFocusout: this.isInsidePopover ? void 0 : this.onFocusOut, onFocus: this.isInsidePopover ? void 0 : this.onFocus, onKeyDown: this.onKeyDown, part: "action-list", ref: (i) => this.container = i, role: "menu" }, o("slot", { key: "077e112437ff9f99e6ad40f7e9b4faaea1d51c81", onSlotchange: this.setSectionSeparator })));
   }
   get el() {
     return d(this);

package/dist/{swirl-app-bar.entry.b17b9a9e.js → swirl-app-bar.entry.1c9b3bcc.js}

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

package/dist/{swirl-app-icon.entry.5aee00df.js → swirl-app-icon.entry.efb6fe82.js}

@@ -1,4 +1,4 @@
-import { r as n, h as s, H as o } from "./index.0410f925.js";
+import { r as n, h as s, H as o } from "./index.a3d5c3ea.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -21,7 +21,7 @@ const r = ":host{display:inline-flex}:host *{box-sizing:border-box}.app-icon{pos
     const e = Boolean(this.src) && (this.imageAvailable || this.imageAvailable === void 0), i = !e && Boolean(this.icon), a = l("app-icon", {
       "app-icon--has-icon": i || !e && !i
     });
-    return s(o, { key: "4c903c83af417365577fa87cf0aa4311c5a88b4d" }, s("span", { key: "fe288c3715c20fa504329100d08faa2027723204", class: a }, e && s("img", { key: "7e6ed8864f1551bcfed28911010f952b67659e74", alt: "", height: "256", ref: this.onImageElementUpdate, src: this.src, width: "256" }), i && s("span", { key: "ac54a7dbb1b26d035a9b24c63667c21d9b37fec7", class: "app-icon__icon", innerHTML: this.icon })));
+    return s(o, { key: "0246597746c262c48608056674b0e92ae871f916" }, s("span", { key: "bdeae7d24e621180fe683db98d11d3af78fc35d3", class: a }, e && s("img", { key: "fbd3183b1868e235cccd82ef8395e4e6a70b9bfe", alt: "", height: "256", ref: this.onImageElementUpdate, src: this.src, width: "256" }), i && s("span", { key: "25aaa4c3612eb7e668e8796bde4d0a25e7670c3c", class: "app-icon__icon", innerHTML: this.icon })));
   }
 };
 h.style = c;

package/dist/{swirl-app-layout_5.entry.d7103f4e.js → swirl-app-layout_5.entry.8cd7d0cc.js}

@@ -1,5 +1,5 @@
-import { r as n, c as r, h as a, H as d, g as p, F as h } from "./index.0410f925.js";
-import { c } from "./index-267776a4.6beb4f4b.js";
+import { r as p, c as n, h as a, H as c, g as u, F as h } from "./index.a3d5c3ea.js";
+import { c as b } 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 E } from "./sortable.esm-0bfddf0c.953ca6a6.js";
 import { v as w } from "./v4-23648a96.77c7c20f.js";
@@ -32,7 +32,7 @@ const T = `:host{--header-height:3.5625rem;position:relative;z-index:1;display:f
           "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 = 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) => {
+    p(this, t), this.ctaClick = n(this, "ctaClick", 7), this.mobileViewChange = n(this, "mobileViewChange", 7), this.navigationBackButtonClick = n(this, "navigationBackButtonClick", 7), this.navigationExpansionStateChange = n(this, "navigationExpansionStateChange", 7), this.sidebarToggle = n(this, "sidebarToggle", 7), this.desktopMediaQuery = _(), this.desktopMediaQueryHandler = (e) => {
       this.isDesktop = e.matches;
     }, this.onBackToNavigationViewButtonClick = () => {
       this.changeMobileView("navigation");
@@ -129,10 +129,10 @@ const T = `:host{--header-height:3.5625rem;position:relative;z-index:1;display:f
       return;
     }
     Boolean(this.transitionTimeout) && clearTimeout(this.transitionTimeout), this.transitioningFrom = this.mobileView, this.transitioningTo = t;
-    const l = f() ? 0 : this.transitionStyle === "slides" ? 400 : this.transitionStyle === "dialog" ? 300 : 0;
+    const r = f() ? 0 : this.transitionStyle === "slides" ? 400 : this.transitionStyle === "dialog" ? 300 : 0;
     this.transitionTimeout = setTimeout(() => {
       this.mobileView = t, this.transitioningFrom = void 0, this.transitioningTo = void 0, this.mobileViewChange.emit(this.mobileView);
-    }, l);
+    }, r);
   }
   checkMobileView() {
     if (this.mobileView === "navigation" && !this.hasNavigation || this.mobileView === "sidebar" && !this.hasSidebar) {
@@ -180,7 +180,7 @@ const T = `:host{--header-height:3.5625rem;position:relative;z-index:1;display:f
     Boolean(t) && this.setCollapsibleNavigationState(t);
   }
   render() {
-    const t = (this.mobileView === "body" || this.transitioningTo) && this.hasNavigation && !this.hasCustomAppBarBackButton, e = Boolean(this.el.querySelector('[slot="app-bar-controls"]')), i = Boolean(this.el.querySelector('[slot="bottom-bar"]')), o = Boolean(this.el.querySelector('[slot="app-bar-mobile-menu-button"]')), l = Boolean(this.el.querySelector('[slot="custom-sidebar-header"]')), u = Boolean(this.el.querySelector('[slot="floating-action-button"]')) || Boolean(this.ctaLabel), b = this.hasNavigation && (!this.collapsibleNavigation || this.navExpansionState !== "collapsed" || !this.isDesktop), m = c("app-layout", `app-layout--mobile-view-${this.mobileView}`, `app-layout--nav-${this.isDesktop ? this.navExpansionState : "expanded"}`, `app-layout--transitioning-from-${this.transitioningFrom}`, `app-layout--transitioning-to-${this.transitioningTo}`, `app-layout--transition-style-${this.transitionStyle}`, {
+    const t = (this.mobileView === "body" || this.transitioningTo) && this.hasNavigation && !this.hasCustomAppBarBackButton, e = Boolean(this.el.querySelector('[slot="app-bar-controls"]')), i = Boolean(this.el.querySelector('[slot="bottom-bar"]')), o = Boolean(this.el.querySelector('[slot="app-bar-mobile-menu-button"]')), r = Boolean(this.el.querySelector('[slot="custom-sidebar-header"]')), l = Boolean(this.el.querySelector('[slot="floating-action-button"]')) || Boolean(this.ctaLabel), d = this.hasNavigation && (!this.collapsibleNavigation || this.navExpansionState !== "collapsed" || !this.isDesktop), m = b("app-layout", `app-layout--mobile-view-${this.mobileView}`, `app-layout--nav-${this.isDesktop ? this.navExpansionState : "expanded"}`, `app-layout--transitioning-from-${this.transitioningFrom}`, `app-layout--transitioning-to-${this.transitioningTo}`, `app-layout--transition-style-${this.transitionStyle}`, {
       "app-layout--content-scrollable": this.contentScrollState.scrollable,
       "app-layout--content-scrolled-to-top": this.contentScrollState.scrolledToTop,
       "app-layout--content-scrolled-to-bottom": this.contentScrollState.scrolledToBottom,
@@ -188,8 +188,8 @@ const T = `:host{--header-height:3.5625rem;position:relative;z-index:1;display:f
       "app-layout--has-app-bar-controls": e,
       "app-layout--has-bottom-bar": i,
       "app-layout--has-custom-app-bar-back-button": this.hasCustomAppBarBackButton,
-      "app-layout--has-custom-sidebar-header": l,
-      "app-layout--has-floating-action-button": u,
+      "app-layout--has-custom-sidebar-header": r,
+      "app-layout--has-floating-action-button": l,
       "app-layout--has-navigation": this.hasNavigation,
       "app-layout--has-sidebar": this.hasSidebar,
       "app-layout--hide-app-bar": this.hideAppBar,
@@ -202,10 +202,10 @@ const T = `: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: "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" })))));
+    return a(c, { key: "e9ce1a534b9acff55e07b798afb306e07a619a81" }, a("section", { key: "4d328d6707d7dff74ad9c6016af1ada8f1384e28", "aria-labelledby": "app-name", class: m }, a("div", { key: "2b7e59a9abf6c8d1379136e1446ce7e708974f43", class: "app-layout__grid" }, a("header", { key: "e3e8a94655fa12bc7daa7b9ae984217654d5d8d0", class: "app-layout__header", ref: (s) => this.headerEl = s }, a("span", { key: "4842de5ed8cb9d055f75426f09d4c4221ce3248c", class: "app-layout__navigation-mobile-menu-button" }, a("slot", { key: "24607acca33855b93dba77e0cab7b43cc19dbf6f", name: "navigation-mobile-menu-button" })), this.collapsibleNavigation && a("span", { key: "b5e0b5c1ab49c9a77de1e6d8c9157cf907a5d331", class: "app-layout__nav-overlay-toggle" }, a("swirl-button", { key: "de84a867b3b81da15a8a1a91feaf3d555b05d830", hideLabel: !0, icon: this.navExpansionState !== "expanded" ? "<swirl-icon-dock-left-expand></swirl-icon-dock-left-expand>" : "<swirl-icon-dock-left-collapse></swirl-icon-dock-left-collapse>", label: this.navigationToggleLabel, onClick: this.toggleNavigation })), this.showNavigationBackButton && a("span", { key: "7a146162ce324567d3bd9ac1e94fb4270e841491", class: "app-layout__navigation-back-button" }, a("swirl-button", { key: "01e4e8588d68a858b3199883255a4de4a5890bf3", hideLabel: !0, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.navigationBackButtonLabel, onClick: this.onNavigationBackButtonClick })), a("swirl-heading", { key: "89125641f790dfc3134265a212768b6aa8f17f25", as: "h1", class: "app-layout__app-name", headingId: "app-name", level: 3, text: this.appName }), d && a("span", { key: "695f0de46afd902d3d69bd85d74ef9915a5a9c75", class: "app-layout__navigation-controls" }, a("slot", { key: "2f239735632860d0edfe5fb967bac05b21f14452", name: "navigation-controls" }))), a("nav", { key: "3bc5df6af2555a12164b8695f2b1b637ec2d086d", "aria-label": this.navigationLabel, class: "app-layout__navigation", onScroll: this.onNavScroll, ref: (s) => this.navEl = s, inert: this.isDesktop && this.collapsibleNavigation && this.navExpansionState === "collapsed" }, a("slot", { key: "d5e1ac3dc3187e1b4761b83d66d4fa98c7c4e3b4", name: "navigation" })), a("section", { key: "422313cc9de344ef4b66a37f0f69b709b6f71687", "aria-labelledby": "app-name", class: "app-layout__body" }, !this.hideAppBar && a("header", { key: "46ea9b5669da12d8e78151977dc55b1e197e8dcb", class: "app-layout__app-bar" }, a("span", { key: "b35d5938aadcdffa64b8927c096bb3f5b87fa349", class: "app-layout__app-bar-mobile-menu-button" }, a("slot", { key: "2be2762f6d1cfdf8f569006557b5c51b8fc28b36", name: "app-bar-mobile-menu-button" })), t && a("span", { key: "edfb91e719c8b77c73e945ca138f334fca56540b", class: "app-layout__back-to-navigation-button" }, a("swirl-button", { key: "e8cc48db20975a04dd63a8dc86c39b86bbb5630f", hideLabel: !0, icon: this.transitionStyle === "dialog" ? "<swirl-icon-close></swirl-icon-close>" : "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.backToNavigationViewButtonLabel, onClick: this.onBackToNavigationViewButtonClick })), this.collapsibleNavigation && this.navExpansionState !== "expanded" && a("span", { key: "8c96a9e2f67470bd86c72d66272306901585d81e", class: "app-layout__nav-expansion-toggle" }, a("swirl-button", { key: "36b26a023643f6fc3f43d2df344583004ee60b78", hideLabel: !0, icon: "<swirl-icon-hamburger-menu></swirl-icon-hamburger-menu>", label: this.navigationOverlayLabel, onClick: this.overlayNavigation })), a("span", { key: "b005af6a600db164a8251478d8d6f0b63dad6d48", class: "app-layout__custom-app-bar-back-button" }, a("slot", { key: "829e1e1145543dbb9658566051e69d28095ed4ee", name: "custom-app-bar-back-button" })), a("div", { key: "e25d3fe097657c6ce637d075d7f886faebb8dcde", class: "app-layout__app-bar-content" }, a("slot", { key: "7913c7ce6ca420a4ea5c6640e57e8718c5b8cdc5", name: "app-bar" })), a("div", { key: "5f6df0102cebfcaaa4e2bde25e218e6a506c81ca", class: "app-layout__app-bar-controls" }, a("slot", { key: "b4b19bf2bb4a51732f9ea647758b42721169aa5e", name: "app-bar-controls" }))), a("div", { key: "a1cbbdffab4675813ee104abcdcf5722ad33242e", class: "app-layout__banner" }, a("slot", { key: "0fc317305b8d94dc2670f2731ab7ac841ddad69e", name: "banner" })), a("div", { key: "6c434829a6c78aeaea9f084735122d685b1ca636", class: "app-layout__content", onScroll: this.onContentScroll, ref: (s) => this.contentEl = s }, a("slot", { key: "5ab35d69d738ac114725661f296f89624ce5aa21", name: "content" })), a("div", { key: "14a299ef135a30d6f8975db14bdb668e79c39b7b", class: "app-layout__bottom-bar" }, a("slot", { key: "b6f039e3ca95a896c38bfa97943b46f21d0688e4", name: "bottom-bar" }))), a("aside", { key: "403077f3384c185e97eb0205f11a932e4c1ad76c", class: "app-layout__sidebar" }, a("header", { key: "a951e471e8363a025b4ba1ce377e7e1ef17d7e79", class: "app-layout__custom-sidebar-header" }, a("slot", { key: "f6e9ca768e57b30b3faa072250fe9c0cba196b5c", name: "custom-sidebar-header" })), a("header", { key: "1ff00d0311949b3bdacb38ebef268a5b6e3aa00d", class: "app-layout__sidebar-header" }, a("swirl-button", { key: "cc5a33cb40af30a16fdd9442fc34de516022c15d", class: "app-layout__sidebar-close-button", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick }), a("swirl-heading", { key: "96241a517463e025991a2c376e450e5128086209", as: "h3", class: "app-layout__sidebar-heading", headingId: "sidebar-heading", level: 3, text: this.sidebarHeading })), a("div", { key: "a0f11ec60312ab95b56ae4465f23cd0e60f8c3e9", class: "app-layout__sidebar-content", onScroll: this.onSidebarScroll, ref: (s) => this.sidebarEl = s }, a("slot", { key: "ed6139ae751d7701098e441d9bde7faa10d6ea1c", name: "sidebar" }))), a("span", { key: "ea00d4875343af4d76c96c3591931b342098c0e4", class: "app-layout__floating-action-button" }, this.ctaLabel && a("swirl-button", { key: "d29b393a6ac566bf7b3eac1b6080f7da67e25b7f", hideLabel: Boolean(this.ctaIcon), icon: this.ctaIcon, intent: "primary", label: this.ctaLabel, onClick: this.onCtaClick, variant: "floating" }), a("slot", { key: "7952de1a32de0b06d50911abcd9267ccb323e819", name: "floating-action-button" })))));
   }
   get el() {
-    return p(this);
+    return u(this);
   }
   static get watchers() {
     return {
@@ -216,35 +216,35 @@ const T = `:host{--header-height:3.5625rem;position:relative;z-index:1;display:f
 M.style = D;
 const L = ":host{display:block}:host *{box-sizing:border-box}.empty-state{display:flex;max-width:28rem;align-items:center;flex-direction:column;gap:var(--s-space-16)}.empty-state--has-controls .empty-state__controls{display:block}.empty-state--has-slotted-illustration .empty-state__slotted-illustration{display:block}.empty-state__illustration{max-width:16rem}.empty-state__body{display:flex;align-items:center;flex-direction:column;gap:var(--s-space-24)}.empty-state__controls{display:none}.empty-state__slotted-illustration{display:none;max-width:16rem}", N = L, H = class {
   constructor(t) {
-    n(this, t), this.heading = void 0, this.illustration = void 0;
+    p(this, t), this.heading = void 0, this.illustration = void 0;
   }
   render() {
-    const t = Boolean(this.el.querySelector('[slot="controls"]')), e = Boolean(this.el.querySelector('[slot="illustration"]')), i = c("empty-state", {
+    const t = Boolean(this.el.querySelector('[slot="controls"]')), e = Boolean(this.el.querySelector('[slot="illustration"]')), i = b("empty-state", {
       "empty-state--has-controls": t,
       "empty-state--has-slotted-illustration": e
     });
-    return a(d, { key: "bf07ef62fb2c5c3e8ec3717085e08d942b8e32f5" }, a("div", { key: "add4db1c4f9e03546de85078deccc308e001dfdd", class: i }, this.illustration && !e && a("img", { key: "a46211b767c0beb7df12c6fd7abee914ae1a4a4b", alt: "", class: "empty-state__illustration", src: this.illustration }), a("div", { key: "eeb08743a27b47014d6015f081a447edf68020f6", class: "empty-state__slotted-illustration" }, a("slot", { key: "9e36f89e6a7027186ba3ada4da8d1ff2940606bd", name: "illustration" })), a("div", { key: "3f8c2e6fe70e199705f04f3a9f8e6e3ee473103d", class: "empty-state__body" }, a("swirl-stack", { key: "34b0667480e278e87870dbb626c9476b74b5e064", align: "stretch", spacing: "8" }, this.heading && a("swirl-heading", { key: "85b4645efb5272d8039202970c1107d9b6dae08d", align: "center", as: "p", level: 4, text: this.heading }), a("div", { key: "4d4f86735fc3c393aeb6d8d9f41b79415fdaa983", class: "empty-state__content" }, a("swirl-text", { key: "a3ee9b2d3fa097680150272f195f05c3bd60ff6d", align: "center", color: "subdued" }, a("slot", { key: "750d5a7727bec8cb3b62f1cbdc4db15a0a16b1e6" })))), a("div", { key: "523e8646672064e5d3a9966bfd31514c9f67f93e", class: "empty-state__controls" }, a("slot", { key: "0bb48438decbd4dd027744cdcca860cb9eb003ab", name: "controls" })))));
+    return a(c, { key: "286c730a3fadeaf72a36a6f73d9fc880f2fd9c02" }, a("div", { key: "be9336531a7847c52744dd36589cee036868ca43", class: i }, this.illustration && !e && a("img", { key: "66fab130e08d74d17747a2102763a4674e13801e", alt: "", class: "empty-state__illustration", src: this.illustration }), a("div", { key: "595cd0b45540fc83465a3658aa5a359daf656ecf", class: "empty-state__slotted-illustration" }, a("slot", { key: "982563b416cbd955c18a2d363e5b896bb8bd042d", name: "illustration" })), a("div", { key: "25ae1dab82e2e2e23a540f538ade26fb96be9792", class: "empty-state__body" }, a("swirl-stack", { key: "dadc5ec9c0b08c89bf978f4b2863c1855ff413e1", align: "stretch", spacing: "8" }, this.heading && a("swirl-heading", { key: "51a8ed0830df3f13ca39d4510f14a371838a22cc", align: "center", as: "p", level: 4, text: this.heading }), a("div", { key: "1c4921010535e1e7ef104fee151fe15df6980ec3", class: "empty-state__content" }, a("swirl-text", { key: "482956169cbbc7784fe5f56470fc2b28e5028212", align: "center", color: "subdued" }, a("slot", { key: "4b1cf923b92a366e9f987841d726dc7f59bc292a" })))), a("div", { key: "cca112fd02b3118f46db3c4f4baf883ca7432231", class: "empty-state__controls" }, a("slot", { key: "87c4bc50c92830fc64abc393c64309a0a4664d50", name: "controls" })))));
   }
   get el() {
-    return p(this);
+    return u(this);
   }
 };
 H.style = N;
 const V = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", z = V, O = class {
   constructor(t) {
-    n(this, t), this.color = void 0, this.size = 24;
+    p(this, t), this.color = void 0, this.size = 24;
   }
   render() {
     const t = this.size === 20 ? 24 : this.size, e = {
       color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
-    }, i = c("swirl-icon", `swirl-icon--size-${this.size}`);
-    return a("svg", { key: "a245e48890f257633dc2ed65eb14fdf075e64fc9", "aria-hidden": "true", class: i, fill: "none", height: this.size, part: "icon", style: e, viewBox: `0 0 ${t} ${t}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && a(h, { key: "86687d3362278bf696358b480a1dcd6fa49e9f2f" }, a("path", { key: "c592808b566060d7b7ac1b622fac8a3974e3f340", d: "M9.99998 8.66669C10.3666 8.66669 10.6806 8.53602 10.942 8.27469C11.2029 8.0138 11.3333 7.70002 11.3333 7.33335C11.3333 6.96669 11.2029 6.65269 10.942 6.39135C10.6806 6.13046 10.3666 6.00002 9.99998 6.00002C9.63331 6.00002 9.31953 6.13046 9.05865 6.39135C8.79731 6.65269 8.66665 6.96669 8.66665 7.33335C8.66665 7.70002 8.79731 8.0138 9.05865 8.27469C9.31953 8.53602 9.63331 8.66669 9.99998 8.66669ZM7.33331 11.3334H12.6666V10.9667C12.6666 10.4667 12.4222 10.0694 11.9333 9.77469C11.4444 9.48046 10.8 9.33335 9.99998 9.33335C9.19998 9.33335 8.55553 9.48046 8.06665 9.77469C7.57776 10.0694 7.33331 10.4667 7.33331 10.9667V11.3334ZM2.66665 13.3334C2.29998 13.3334 1.9862 13.2029 1.72531 12.942C1.46398 12.6807 1.33331 12.3667 1.33331 12V4.00002C1.33331 3.63335 1.46398 3.31958 1.72531 3.05869C1.9862 2.79735 2.29998 2.66669 2.66665 2.66669H6.11665C6.29442 2.66669 6.46398 2.70002 6.62531 2.76669C6.7862 2.83335 6.92776 2.9278 7.04998 3.05002L7.99998 4.00002H13.3333C13.7 4.00002 14.014 4.13069 14.2753 4.39202C14.5362 4.65291 14.6666 4.96669 14.6666 5.33335V12C14.6666 12.3667 14.5362 12.6807 14.2753 12.942C14.014 13.2029 13.7 13.3334 13.3333 13.3334H2.66665ZM2.66665 4.00002V12H13.3333V5.33335H7.44998L6.11665 4.00002H2.66665Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && a(h, { key: "73798fea337f1f0e7ed7245662730d2c12f13253" }, a("path", { key: "79e41e35460ce797ebe420707a8df7289f75160c", d: "M15 13C15.55 13 16.021 12.804 16.413 12.412C16.8043 12.0207 17 11.55 17 11C17 10.45 16.8043 9.979 16.413 9.587C16.021 9.19567 15.55 9 15 9C14.45 9 13.9793 9.19567 13.588 9.587C13.196 9.979 13 10.45 13 11C13 11.55 13.196 12.0207 13.588 12.412C13.9793 12.804 14.45 13 15 13ZM11 17H19V16.45C19 15.7 18.6333 15.104 17.9 14.662C17.1667 14.2207 16.2 14 15 14C13.8 14 12.8333 14.2207 12.1 14.662C11.3667 15.104 11 15.7 11 16.45V17ZM4 20C3.45 20 2.97933 19.8043 2.588 19.413C2.196 19.021 2 18.55 2 18V6C2 5.45 2.196 4.97933 2.588 4.588C2.97933 4.196 3.45 4 4 4H9.175C9.44167 4 9.696 4.05 9.938 4.15C10.1793 4.25 10.3917 4.39167 10.575 4.575L12 6H20C20.55 6 21.021 6.196 21.413 6.588C21.8043 6.97933 22 7.45 22 8V18C22 18.55 21.8043 19.021 21.413 19.413C21.021 19.8043 20.55 20 20 20H4ZM4 6V18H20V8H11.175L9.175 6H4Z", fill: "currentColor" })), this.size === 28 && a(h, { key: "55cd7205149ea57a946cac6bbcb9cf353558539d" }, a("path", { key: "38de4c79e8939b0d44f37889a70f5b2c02cc6bf6", d: "M17.5 15.1667C18.1416 15.1667 18.6911 14.938 19.1485 14.4807C19.605 14.0241 19.8333 13.475 19.8333 12.8334C19.8333 12.1917 19.605 11.6422 19.1485 11.1849C18.6911 10.7283 18.1416 10.5 17.5 10.5C16.8583 10.5 16.3092 10.7283 15.8526 11.1849C15.3953 11.6422 15.1666 12.1917 15.1666 12.8334C15.1666 13.475 15.3953 14.0241 15.8526 14.4807C16.3092 14.938 16.8583 15.1667 17.5 15.1667ZM12.8333 19.8334H22.1666V19.1917C22.1666 18.3167 21.7389 17.6214 20.8833 17.1057C20.0278 16.5908 18.9 16.3334 17.5 16.3334C16.1 16.3334 14.9722 16.5908 14.1166 17.1057C13.2611 17.6214 12.8333 18.3167 12.8333 19.1917V19.8334ZM4.66665 23.3334C4.02498 23.3334 3.47587 23.1051 3.01931 22.6485C2.56198 22.1912 2.33331 21.6417 2.33331 21V7.00002C2.33331 6.35835 2.56198 5.80924 3.01931 5.35269C3.47587 4.89535 4.02498 4.66669 4.66665 4.66669H10.7041C11.0153 4.66669 11.312 4.72502 11.5943 4.84169C11.8759 4.95835 12.1236 5.12363 12.3375 5.33752L14 7.00002H23.3333C23.975 7.00002 24.5245 7.22869 24.9818 7.68602C25.4384 8.14258 25.6666 8.69169 25.6666 9.33335V21C25.6666 21.6417 25.4384 22.1912 24.9818 22.6485C24.5245 23.1051 23.975 23.3334 23.3333 23.3334H4.66665ZM4.66665 7.00002V21H23.3333V9.33335H13.0375L10.7041 7.00002H4.66665Z", fill: "currentColor" })));
+    }, i = b("swirl-icon", `swirl-icon--size-${this.size}`);
+    return a("svg", { key: "eb3d946e708b3fa556564da8dda69b9d0d783a58", "aria-hidden": "true", class: i, fill: "none", height: this.size, part: "icon", style: e, viewBox: `0 0 ${t} ${t}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && a(h, { key: "429548a01bd394f57fbee412faa9812ec115b565" }, a("path", { key: "bdbb6bf8de0244af8b3c662eaeda9188e558f941", d: "M9.99998 8.66669C10.3666 8.66669 10.6806 8.53602 10.942 8.27469C11.2029 8.0138 11.3333 7.70002 11.3333 7.33335C11.3333 6.96669 11.2029 6.65269 10.942 6.39135C10.6806 6.13046 10.3666 6.00002 9.99998 6.00002C9.63331 6.00002 9.31953 6.13046 9.05865 6.39135C8.79731 6.65269 8.66665 6.96669 8.66665 7.33335C8.66665 7.70002 8.79731 8.0138 9.05865 8.27469C9.31953 8.53602 9.63331 8.66669 9.99998 8.66669ZM7.33331 11.3334H12.6666V10.9667C12.6666 10.4667 12.4222 10.0694 11.9333 9.77469C11.4444 9.48046 10.8 9.33335 9.99998 9.33335C9.19998 9.33335 8.55553 9.48046 8.06665 9.77469C7.57776 10.0694 7.33331 10.4667 7.33331 10.9667V11.3334ZM2.66665 13.3334C2.29998 13.3334 1.9862 13.2029 1.72531 12.942C1.46398 12.6807 1.33331 12.3667 1.33331 12V4.00002C1.33331 3.63335 1.46398 3.31958 1.72531 3.05869C1.9862 2.79735 2.29998 2.66669 2.66665 2.66669H6.11665C6.29442 2.66669 6.46398 2.70002 6.62531 2.76669C6.7862 2.83335 6.92776 2.9278 7.04998 3.05002L7.99998 4.00002H13.3333C13.7 4.00002 14.014 4.13069 14.2753 4.39202C14.5362 4.65291 14.6666 4.96669 14.6666 5.33335V12C14.6666 12.3667 14.5362 12.6807 14.2753 12.942C14.014 13.2029 13.7 13.3334 13.3333 13.3334H2.66665ZM2.66665 4.00002V12H13.3333V5.33335H7.44998L6.11665 4.00002H2.66665Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && a(h, { key: "e57390da5722244d9904f8e497c397dbd193d5e7" }, a("path", { key: "06e302d7a61628593192b9beeb9fd2fff117909c", d: "M15 13C15.55 13 16.021 12.804 16.413 12.412C16.8043 12.0207 17 11.55 17 11C17 10.45 16.8043 9.979 16.413 9.587C16.021 9.19567 15.55 9 15 9C14.45 9 13.9793 9.19567 13.588 9.587C13.196 9.979 13 10.45 13 11C13 11.55 13.196 12.0207 13.588 12.412C13.9793 12.804 14.45 13 15 13ZM11 17H19V16.45C19 15.7 18.6333 15.104 17.9 14.662C17.1667 14.2207 16.2 14 15 14C13.8 14 12.8333 14.2207 12.1 14.662C11.3667 15.104 11 15.7 11 16.45V17ZM4 20C3.45 20 2.97933 19.8043 2.588 19.413C2.196 19.021 2 18.55 2 18V6C2 5.45 2.196 4.97933 2.588 4.588C2.97933 4.196 3.45 4 4 4H9.175C9.44167 4 9.696 4.05 9.938 4.15C10.1793 4.25 10.3917 4.39167 10.575 4.575L12 6H20C20.55 6 21.021 6.196 21.413 6.588C21.8043 6.97933 22 7.45 22 8V18C22 18.55 21.8043 19.021 21.413 19.413C21.021 19.8043 20.55 20 20 20H4ZM4 6V18H20V8H11.175L9.175 6H4Z", fill: "currentColor" })), this.size === 28 && a(h, { key: "4c81951c971c3e909c8e0935cfef3bf6359aebdc" }, a("path", { key: "a81faa62699e28f546caff3880d55004105b697a", d: "M17.5 15.1667C18.1416 15.1667 18.6911 14.938 19.1485 14.4807C19.605 14.0241 19.8333 13.475 19.8333 12.8334C19.8333 12.1917 19.605 11.6422 19.1485 11.1849C18.6911 10.7283 18.1416 10.5 17.5 10.5C16.8583 10.5 16.3092 10.7283 15.8526 11.1849C15.3953 11.6422 15.1666 12.1917 15.1666 12.8334C15.1666 13.475 15.3953 14.0241 15.8526 14.4807C16.3092 14.938 16.8583 15.1667 17.5 15.1667ZM12.8333 19.8334H22.1666V19.1917C22.1666 18.3167 21.7389 17.6214 20.8833 17.1057C20.0278 16.5908 18.9 16.3334 17.5 16.3334C16.1 16.3334 14.9722 16.5908 14.1166 17.1057C13.2611 17.6214 12.8333 18.3167 12.8333 19.1917V19.8334ZM4.66665 23.3334C4.02498 23.3334 3.47587 23.1051 3.01931 22.6485C2.56198 22.1912 2.33331 21.6417 2.33331 21V7.00002C2.33331 6.35835 2.56198 5.80924 3.01931 5.35269C3.47587 4.89535 4.02498 4.66669 4.66665 4.66669H10.7041C11.0153 4.66669 11.312 4.72502 11.5943 4.84169C11.8759 4.95835 12.1236 5.12363 12.3375 5.33752L14 7.00002H23.3333C23.975 7.00002 24.5245 7.22869 24.9818 7.68602C25.4384 8.14258 25.6666 8.69169 25.6666 9.33335V21C25.6666 21.6417 25.4384 22.1912 24.9818 22.6485C24.5245 23.1051 23.975 23.3334 23.3333 23.3334H4.66665ZM4.66665 7.00002V21H23.3333V9.33335H13.0375L10.7041 7.00002H4.66665Z", fill: "currentColor" })));
   }
 };
 O.style = z;
 const q = ".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource-list-h *.sc-swirl-resource-list{box-sizing:border-box}", F = q, P = class {
   constructor(t) {
-    n(this, t), this.itemDrop = r(this, "itemDrop", 7), this.focusedIndex = 0, this.toggleDrag = (e) => {
+    p(this, t), this.itemDrop = n(this, "itemDrop", 7), this.focusedIndex = 0, this.toggleDrag = (e) => {
       const i = e.detail;
       Boolean(this.dragging) ? this.stopDrag(i) : this.startDrag(i);
     }, this.startDrag = (e) => {
@@ -276,7 +276,7 @@ const q = ".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource
         }
       } else
         e.code === "Home" ? (e.preventDefault(), this.focusItemAtIndex(0)) : e.code === "End" && (e.preventDefault(), this.focusItemAtIndex(this.items.length - 1));
-    }, this.allowDrag = void 0, this.assistiveTextItemGrabbed = "Item grabbed. Use arrow keys to move item up or down. Use spacebar to save position.", this.assistiveTextItemMoving = "Current position:", this.assistiveTextItemMoved = "Item moved. New position:", this.controllingElement = void 0, this.label = void 0, this.spacing = "0", this.assistiveText = void 0, this.listId = w();
+    }, this.allowDrag = void 0, this.assistiveTextItemGrabbed = "Item grabbed. Use arrow keys to move item up or down. Use spacebar to save position.", this.assistiveTextItemMoving = "Current position:", this.assistiveTextItemMoved = "Item moved. New position:", this.controllingElement = void 0, this.label = void 0, this.padding = void 0, this.paddingBlockEnd = void 0, this.paddingBlockStart = void 0, this.paddingInlineEnd = void 0, this.paddingInlineStart = void 0, this.spacing = "0", this.assistiveText = void 0, this.listId = w();
   }
   componentDidLoad() {
     this.observeSlotChanges(), this.collectItems(), this.setupControllingElement(), this.setItemAllowDragState(), this.setupDragDrop(), this.setSectionSpacingAndSeparator();
@@ -363,10 +363,11 @@ const q = ".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource
     });
   }
   render() {
-    return a(d, { key: "bb93df965d791c2cdedc5b78307409c67130f307", onKeyDown: this.onKeyDown }, a("swirl-visually-hidden", { key: "d80d5f1fc8fb3460954f1e790449598f39c91276", role: "alert" }, this.assistiveText), a("swirl-box", { key: "351cd3927e4df0f3fbcf5f251349b1287409be9b", paddingInlineEnd: "8", paddingInlineStart: "8" }, a("swirl-stack", { key: "6dccd10621ee85f3aee0cafaed6e4f71b60653b0", "aria-label": this.label, class: "resource-list", id: this.listId, ref: (t) => this.gridEl = t, role: "grid", spacing: this.spacing }, a("slot", { key: "f4f775501c2021dfbe81211dcad0ad3d893ba741" }))));
+    var t, e, i, o, r, l;
+    return a(c, { key: "9cdbf7e982b7fad16ddde568da0ffd8cd229afbe", onKeyDown: this.onKeyDown }, a("swirl-visually-hidden", { key: "c673f945e917844046c6d97df7ae74750b27ffd8", role: "alert" }, this.assistiveText), a("swirl-box", { key: "d0db754c2f51e535a5f17cc6c25478fcbe7c6c52", paddingBlockEnd: (t = this.paddingBlockEnd) != null ? t : this.padding, paddingBlockStart: (e = this.paddingBlockStart) != null ? e : this.padding, paddingInlineEnd: (o = (i = this.paddingInlineEnd) != null ? i : this.padding) != null ? o : "8", paddingInlineStart: (l = (r = this.paddingInlineStart) != null ? r : this.padding) != null ? l : "8" }, a("swirl-stack", { key: "b63e230dcf9fd95576034611ae088f0768d4c300", "aria-label": this.label, class: "resource-list", id: this.listId, ref: (d) => this.gridEl = d, role: "grid", spacing: this.spacing }, a("slot", { key: "6fda1e77604a0ac9fac43aa95937d1274926dd36" }))));
   }
   get el() {
-    return p(this);
+    return u(this);
   }
   static get watchers() {
     return {
@@ -380,7 +381,7 @@ const $ = `.sc-swirl-resource-list-item-h{position:relative;display:block;width:
     );background-color:var(--swirl-resource-list-item-background-hovered)}.resource-list-item--checked.sc-swirl-resource-list-item .resource-list-item__checkbox.sc-swirl-resource-list-item{border-color:var(--s-icon-highlight);color:var(--s-text-on-status);background-color:var(--s-icon-highlight)}.resource-list-item--compact.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding:var(--s-space-8)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item--compact.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding:var(--s-space-8)}}.resource-list-item--compact.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item{min-height:2.5rem}@media (min-width: 768px){.resource-list-item--selectable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-16) + 1.5rem + var(--s-space-12))}}.resource-list-item--selectable.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item{padding-right:calc(var(--s-space-16) + 1.5rem + var(--s-space-12))}@media (min-width: 768px){.resource-list-item--selectable.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item{padding-right:var(--s-space-16)}}.resource-list-item--label-weight-medium.sc-swirl-resource-list-item .resource-list-item__label.sc-swirl-resource-list-item{font-weight:var(--s-font-weight-medium)}.resource-list-item--label-weight-semibold.sc-swirl-resource-list-item .resource-list-item__label.sc-swirl-resource-list-item{font-weight:var(--s-font-weight-semibold)}.resource-list-item--label-weight-bold.sc-swirl-resource-list-item .resource-list-item__label.sc-swirl-resource-list-item{font-weight:var(--s-font-weight-bold)}.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:hover,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus-within{--swirl-flat-button-background-default:var(--s-background-default);--swirl-flat-button-background-disabled:var(--s-background-disabled);--swirl-flat-button-background-hovered:var(--s-background-hovered);--swirl-flat-button-background-pressed:var(--s-background-pressed)}.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:hover .resource-list-item__control.sc-swirl-resource-list-item,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus .resource-list-item__control.sc-swirl-resource-list-item,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus-within .resource-list-item__control.sc-swirl-resource-list-item{pointer-events:auto;opacity:1}.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:hover .resource-list-item__meta.sc-swirl-resource-list-item,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus .resource-list-item__meta.sc-swirl-resource-list-item,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus-within .resource-list-item__meta.sc-swirl-resource-list-item{pointer-events:none;opacity:0}.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item .resource-list-item__control.sc-swirl-resource-list-item{pointer-events:none;opacity:0}.resource-list-item--draggable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-16) * 2 + 1.5rem)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item--draggable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-16) * 2 + 1rem)}}.resource-list-item--dragging.sc-swirl-resource-list-item{z-index:1;border-radius:var(--s-border-radius-s);background-color:var(--s-surface-overlay-pressed);box-shadow:0 0.0625rem 0.125rem rgba(25, 26, 28, 0.08),
     0 0.25rem 2rem rgba(25, 26, 28, 0.16)}.resource-list-item--dragging.sc-swirl-resource-list-item:hover:not(.resource-list-item--disabled){background-color:var(--s-surface-overlay-pressed)}.resource-list-item--disabled.resource-list-item--checked.sc-swirl-resource-list-item .resource-list-item__checkbox.sc-swirl-resource-list-item{border-color:var(--s-icon-disabled);background-color:var(--s-icon-disabled)}.resource-list-item--disabled.sc-swirl-resource-list-item .resource-list-item__checkbox.sc-swirl-resource-list-item{border-color:var(--s-icon-disabled);background-color:transparent}.resource-list-item--disabled.sc-swirl-resource-list-item .resource-list-item__checkbox-icon.sc-swirl-resource-list-item{color:var(--s-text-on-status)}.resource-list-item--wrap-description.sc-swirl-resource-list-item .resource-list-item__description.sc-swirl-resource-list-item{white-space:normal}.resource-list-item--wrap-label.sc-swirl-resource-list-item .resource-list-item__label.sc-swirl-resource-list-item{white-space:normal}.resource-list-item__content.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-default);--swirl-badge-border-color:var(--s-background-default);position:relative;display:flex;width:100%;min-width:0;margin:0;padding-top:var(--s-space-12);padding-right:0;padding-bottom:var(--s-space-12);padding-left:var(--s-space-8);align-items:flex-start;border:none;border-radius:var(--s-border-radius-sm);color:var(--s-text-default);background-color:var(--swirl-resource-list-item-background-default);font:inherit;line-height:var(--s-line-height-sm);text-align:left;text-decoration:none;gap:var(--s-space-12)}.resource-list-item__content.sc-swirl-resource-list-item:focus{outline:none}.resource-list-item__content.sc-swirl-resource-list-item:focus-visible{background-color:var(--s-background-hovered)}.resource-list-item__content.sc-swirl-resource-list-item:focus-visible .resource-list-item__media.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-hovered);--swirl-badge-border-color:var(--s-background-hovered)}.resource-list-item__content.sc-swirl-resource-list-item:disabled{color:var(--s-text-disabled);cursor:default}.resource-list-item__content.sc-swirl-resource-list-item:disabled .resource-list-item__description.sc-swirl-resource-list-item{color:var(--s-text-disabled)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item__content.sc-swirl-resource-list-item{padding:var(--s-space-12) var(--s-space-8);line-height:var(--s-line-height-base)}}.resource-list-item__media.sc-swirl-resource-list-item{display:inline-flex;flex-shrink:0}.resource-list-item__label-container.sc-swirl-resource-list-item{position:relative;display:flex;min-width:0;min-height:3rem;padding-right:var(--s-space-16);flex-grow:1;justify-content:center;flex-direction:column}.resource-list-item__label.sc-swirl-resource-list-item{overflow:hidden;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);white-space:nowrap;text-overflow:ellipsis}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item__label.sc-swirl-resource-list-item{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.resource-list-item__description.sc-swirl-resource-list-item{overflow:hidden;color:var(--s-text-subdued);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);white-space:nowrap;text-overflow:ellipsis}.resource-list-item__menu-trigger.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-16);transform:translateY(-50%)}.resource-list-item__control.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-8);transform:translateY(-50%)}.resource-list-item__checkbox.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-16);display:flex;width:1.125rem;height:1.125rem;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:var(--s-border-radius-s);transform:translateY(-50%);pointer-events:none}@media (min-width: 768px){.resource-list-item__checkbox.sc-swirl-resource-list-item{right:auto;left:calc(var(--s-space-16) - var(--s-space-2))}}.resource-list-item__checkbox-icon.sc-swirl-resource-list-item{display:inline-flex;width:1.0625rem;height:1.0625rem}.resource-list-item__checkbox-icon.sc-swirl-resource-list-item>*.sc-swirl-resource-list-item::part(icon){width:1.0625rem;height:1.0625rem}.resource-list-item__meta.sc-swirl-resource-list-item{display:flex;align-items:flex-end;color:var(--s-text-subdued);font-size:var(--s-font-size-sm);flex-direction:column;align-self:flex-start;gap:var(--s-space-2)}.resource-list-item__meta-text.sc-swirl-resource-list-item{white-space:nowrap}.resource-list-item__badges.sc-swirl-resource-list-item{display:inline-flex;width:-webkit-max-content;width:-moz-max-content;width:max-content}.resource-list-item__drag-handle.sc-swirl-resource-list-item{position:absolute;z-index:1;top:50%;left:var(--s-space-4);display:inline-flex;margin:0;padding:0;padding:var(--s-space-8);flex-shrink:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:grab;transform:translateY(-50%)}.resource-list-item__drag-handle.sc-swirl-resource-list-item:active{cursor:grabbing}.resource-list-item__drag-handle.sc-swirl-resource-list-item:focus:not(:focus-visible){outline:none}.resource-list-item__drag-handle.sc-swirl-resource-list-item:focus-visible{outline-color:var(--s-focus-default)}`, R = $, Q = class {
   constructor(t) {
-    n(this, t), this.toggleDrag = r(this, "toggleDrag", 7), this.valueChange = r(this, "valueChange", 7), this.desktopMediaQuery = _(), this.elementId = w(), this.desktopMediaQueryHandler = (e) => {
+    p(this, t), this.toggleDrag = n(this, "toggleDrag", 7), this.valueChange = n(this, "valueChange", 7), this.desktopMediaQuery = _(), this.elementId = w(), this.desktopMediaQueryHandler = (e) => {
       this.forceIconProps(e.matches), this.updateIconSize(e.matches);
     }, this.onClick = () => {
       !this.selectable || (this.checked = !this.checked, this.valueChange.emit(this.checked));
@@ -431,28 +432,28 @@ const $ = `.sc-swirl-resource-list-item-h{position:relative;display:block;width:
   }
   render() {
     var v;
-    const t = !this.interactive && !this.selectable ? "div" : Boolean(this.href) && !this.selectable ? "a" : "button", e = this.disabled && !Boolean(this.href), i = Boolean(this.el.querySelector("[slot='badges']")), o = this.el.querySelector("[slot='control']"), l = Boolean(this.menuTriggerId) || o, u = this.interactive && Boolean(this.href) ? this.href : void 0, b = o && (Boolean(this.meta) || i), m = Boolean(this.menuTriggerId) && !Boolean(this.meta) && !this.selectable, s = (Boolean(this.meta) || i) && !this.selectable, k = Boolean(this.swirlAriaLabel) ? this.swirlAriaLabel : this.label, x = this.selectable ? String(this.checked) : void 0, S = this.interactive && this.selectable ? "checkbox" : void 0, C = !s && Boolean(this.controlContainer) ? {
+    const t = !this.interactive && !this.selectable ? "div" : Boolean(this.href) && !this.selectable ? "a" : "button", e = this.disabled && !Boolean(this.href), i = Boolean(this.el.querySelector("[slot='badges']")), o = this.el.querySelector("[slot='control']"), r = Boolean(this.menuTriggerId) || o, l = this.interactive && Boolean(this.href) ? this.href : void 0, d = o && (Boolean(this.meta) || i), m = Boolean(this.menuTriggerId) && !Boolean(this.meta) && !this.selectable, s = (Boolean(this.meta) || i) && !this.selectable, k = Boolean(this.swirlAriaLabel) ? this.swirlAriaLabel : this.label, x = this.selectable ? String(this.checked) : void 0, S = this.interactive && this.selectable ? "checkbox" : void 0, C = !s && Boolean(this.controlContainer) ? {
       paddingRight: `calc(${(v = this.controlContainer) == null ? void 0 : v.getBoundingClientRect().width}px + var(--s-space-16))`
-    } : void 0, I = c("resource-list-item", `resource-list-item--label-weight-${this.labelWeight}`, {
+    } : void 0, I = b("resource-list-item", `resource-list-item--label-weight-${this.labelWeight}`, {
       "resource-list-item--active": this.active,
       "resource-list-item--checked": this.checked,
       "resource-list-item--compact": this.compact,
       "resource-list-item--disabled": this.disabled,
       "resource-list-item--draggable": this.allowDrag,
       "resource-list-item--dragging": this.dragging,
-      "resource-list-item--has-menu": l,
+      "resource-list-item--has-menu": r,
       "resource-list-item--hide-divider": this.hideDivider,
       "resource-list-item--interactive": this.interactive || this.selectable,
       "resource-list-item--selectable": this.selectable,
-      "resource-list-item--show-control-on-focus": b,
+      "resource-list-item--show-control-on-focus": d,
       "resource-list-item--show-meta": s,
       "resource-list-item--wrap-description": this.descriptionWrap,
       "resource-list-item--wrap-label": this.labelWrap
     });
-    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 })));
+    return a(c, { key: "138cce4439e6dfff8d5608de7b3bfe70f70108a9", role: "row" }, a("div", { key: "bcce597a6f78c9cd389089f0cdacbec1c43e7259", class: I, role: "gridcell" }, a(t, { key: "35a41d0d71756ba3f4f5c29d19d612584912b8bb", "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: l, 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: "786dfe82263784d4ccc212cd0bc15cc92c7966bf", class: "resource-list-item__media" }, a("slot", { key: "39ca52fa2098549923330f376dd2318629010c19", name: "media" })), a("span", { key: "be05e185dad20d2c940b619d8ea5804ab2b5d1fc", class: "resource-list-item__label-container", style: C }, a("span", { key: "059205d1fb9532598c9fc6441bb97e969b0338de", class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : void 0 }, !this.allowHtml && this.label), this.description && a("span", { key: "f753ef1677e44b670368d326e875d8e4e90b88a9", class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : void 0 }, !this.allowHtml && this.description)), s && a("span", { key: "365f55c72e62b67a5e4a64a1524b394917a86d46", class: "resource-list-item__meta" }, a("span", { key: "8d52eb0c72a7c71cc6a7fba5687f1325415c64ce", class: "resource-list-item__meta-text" }, this.meta), a("span", { key: "856903b5c842b60fb29a03594d3114b25edd5034", class: "resource-list-item__badges" }, a("slot", { key: "db0371d987eb884dc92e88a3c128f07fa379de6c", name: "badges" })))), this.selectable && a("span", { key: "4e01eeca613904f2bad1bf7125b7675842a678c9", "aria-hidden": "true", class: "resource-list-item__checkbox" }, a("span", { key: "3814c4409a6163e4c7073daef154a1e193685743", class: "resource-list-item__checkbox-icon" }, this.checked && a("swirl-icon-check-strong", { key: "6336d3e8750194b0e321e43b02cd8003e4f84111" }))), a("span", { key: "7c8d16e8c4ece1466d097fb6363d5dd973edadc5", class: "resource-list-item__control", onClick: this.onControlClick, ref: (B) => this.controlContainer = B }, a("slot", { key: "b466a215e59f3f811df963a9282aa908ab6bca46", name: "control" })), m && a("swirl-popover-trigger", { key: "4f7f8c7494c19c361487486f269c79b94da51944", swirlPopover: this.menuTriggerId }, a("swirl-button", { key: "896f6cdcb068722a77dfa3aa09c52092423197b5", "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: "4291c445c6b2290bb14cb6ac8ccc93d3d541090c", "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: "b97c95799874a9f3bc672d5568900e15bf2cf7a2", size: this.iconSize })));
   }
   get el() {
-    return p(this);
+    return u(this);
   }
 };
 Q.style = R;

package/dist/{swirl-autocomplete.entry.a67d3940.js → swirl-autocomplete.entry.21594b49.js}

@@ -1,4 +1,4 @@
-import { r as p, c as m, h as o, H as f, g as b } from "./index.0410f925.js";
+import { r as p, c as m, h as o, H as f, g as b } from "./index.a3d5c3ea.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.cd2b7f32.js → swirl-avatar-group.entry.423082e8.js}

@@ -1,4 +1,4 @@
-import { r as s, h as a, H as i } from "./index.0410f925.js";
+import { r as s, h as e, H as i } from "./index.a3d5c3ea.js";
 import { c as t } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -12,14 +12,14 @@ const d = ":host{display:inline-flex}:host *{box-sizing:border-box}.avatar-group
   forceBadgeProps() {
     if (!Boolean(this.badge))
       return;
-    const r = this.badgeEl.querySelector("swirl-badge"), e = r == null ? void 0 : r.getAttribute("size");
-    Boolean(e) || r == null || r.setAttribute("size", "s");
+    const r = this.badgeEl.querySelector("swirl-badge"), a = r == null ? void 0 : r.getAttribute("size");
+    Boolean(a) || r == null || r.setAttribute("size", "s");
   }
   render() {
     const r = t("avatar-group", {
       "avatar-group--has-badge": Boolean(this.badge)
-    }), e = t("avatar-group__badge");
-    return a(i, { key: "fb3cb2a0624d4881066f5f4e57e8fb34e1647c22" }, a("div", { key: "33a91fb44f7cb809b95208e15e4be35dcb594471", class: r, role: "group" }, a("slot", { key: "b1abd4bdec6fbdbc61f5e0d23b071a433470b51b" }), this.badge && a("span", { key: "404c7d9c24cf23b78db1b93674c90a23672a5f92", class: e, innerHTML: this.badge, ref: (o) => this.badgeEl = o })));
+    }), a = t("avatar-group__badge");
+    return e(i, { key: "6a6a87484916f4341bee75573255a70c04e7d51e" }, e("div", { key: "9cc05ce558e9aa6cbff457cbe5af38ec12e1df72", class: r, role: "group" }, e("slot", { key: "01cccb097c967e19657206b92b8c4e32409e03fe" }), this.badge && e("span", { key: "6a1dce168468030d60280364483e5c83e8a48652", class: a, innerHTML: this.badge, ref: (o) => this.badgeEl = o })));
   }
 };
 n.style = l;

package/dist/{swirl-avatar.entry.3ea422dd.js → swirl-avatar.entry.5822b2fa.js}

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

package/dist/{swirl-badge.entry.b1be6cd5.js → swirl-badge.entry.abafc437.js}

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

package/dist/{swirl-banner.entry.201a055b.js → swirl-banner.entry.b1161a5f.js}

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

package/dist/{swirl-box.entry.cd184c46.js → swirl-box.entry.a2231b42.js}

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

package/dist/{swirl-button-group.entry.5bc4892b.js → swirl-button-group.entry.aec9b9af.js}

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

package/dist/{swirl-button.entry.e9dab8a2.js → swirl-button.entry.99a9f332.js}

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

package/dist/{swirl-card.entry.046b50ec.js → swirl-card.entry.78c9c322.js}

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

package/dist/{swirl-carousel-slide.entry.bea93be5.js → swirl-carousel-slide.entry.a0b2f268.js}

@@ -1,19 +1,19 @@
-import { r as i, h as s, H as t } from "./index.0410f925.js";
-import { c as a } from "./index-267776a4.6beb4f4b.js";
+import { r as i, h as s, H as t } from "./index.a3d5c3ea.js";
+import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
-const l = ":host{display:block;min-width:0}:host(.carousel-slide--has-min-height) ::slotted(*){height:100%}:host *{box-sizing:border-box}:host ::slotted(*){width:100%;min-height:100%}", o = l, r = class {
+const o = ":host{display:block;min-width:0}:host(.carousel-slide--has-min-height) ::slotted(*){height:100%}:host *{box-sizing:border-box}:host ::slotted(*){width:100%;min-height:100%}", a = o, r = class {
   constructor(e) {
     i(this, e), this.label = void 0, this.minHeight = void 0, this.width = "15.5rem";
   }
   render() {
-    const e = a("carousel-slide", {
+    const e = l("carousel-slide", {
       "carousel-slide--has-min-height": Boolean(this.minHeight)
     });
-    return s(t, { key: "a8efc24442b35a6958e9ade7e5a0a551cbebb8d0", "aria-roledescription": "slide", "aria-label": this.label, class: e, role: "group", style: { flexBasis: this.width, minHeight: this.minHeight }, tabIndex: 0 }, s("slot", { key: "f5942580b23a75bdb8dd75aefcae6eaa4eb8f59a" }));
+    return s(t, { key: "6065be8f82bb6e4cda9e89773a474250037ec88a", "aria-roledescription": "slide", "aria-label": this.label, class: e, role: "group", style: { flexBasis: this.width, minHeight: this.minHeight }, tabIndex: 0 }, s("slot", { key: "61e0dea3da3661a0505554f1006e49cfe5407444" }));
   }
 };
-r.style = o;
+r.style = a;
 export {
   r as swirl_carousel_slide
 };

package/dist/{swirl-carousel.entry.f2647254.js → swirl-carousel.entry.7a05181d.js}

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

package/dist/{swirl-checkbox.entry.4e2906a9.js → swirl-checkbox.entry.919beb20.js}

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

package/dist/{swirl-chip.entry.f6d73e2e.js → swirl-chip.entry.e8818859.js}

@@ -1,4 +1,4 @@
-import { r as o, c as s, h as r, H as h, g as n } from "./index.0410f925.js";
+import { r as o, c as s, h as r, H as h, g as n } from "./index.a3d5c3ea.js";
 import { c as p } from "./index-267776a4.6beb4f4b.js";
 import { g as l } from "./utils-877a768f.c277f897.js";
 import "react";

package/dist/{swirl-color-input.entry.d633b67d.js → swirl-color-input.entry.030b1a1f.js}

@@ -1,4 +1,4 @@
-import { r as L, c as f, h as l, H as B } from "./index.0410f925.js";
+import { r as L, c as f, h as l, H as B } from "./index.a3d5c3ea.js";
 import { c as T } from "./index-267776a4.6beb4f4b.js";
 import { v as z } from "./v4-23648a96.77c7c20f.js";
 import "react";
@@ -253,9 +253,9 @@ const Z = ".sc-swirl-color-input-h{display:block;width:100%}.sc-swirl-color-inpu
     const e = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, t = T("color-input", {
       "color-input--inline": this.inline
     });
-    return l(B, { key: "9ffb9eadfac1ba43526029c86cb00adaac24563c" }, l("div", { key: "3c2e9de2491ed37d8e8be37268273257d1e2d411", class: t }, l("input", { key: "cfe1bbe1a6325444ceaa7eea90b21bdd5e14473f", "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-invalid": e, autoFocus: this.autoFocus, class: "color-input__input", disabled: this.disabled, maxLength: 7, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (o) => this.inputEl = o, required: this.required, spellcheck: "false", type: "text", value: this.value }), l("swirl-popover-trigger", { key: "7f0df3f92741786b3d88aca004fd6ac190009e81", swirlPopover: this.pickerId }, l("button", { key: "0788b4084fcfbf1e589b3e472c50943f4dd3dda0", "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
+    return l(B, { key: "4654ff5bc5df257853068a43bcaf52d02097df71" }, l("div", { key: "e53f99ef8f3b2f4ec1b53d79fb5d7dc6c201f46f", class: t }, l("input", { key: "e868bf74207fd39366e7182942e51e377f8f51a6", "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-invalid": e, autoFocus: this.autoFocus, class: "color-input__input", disabled: this.disabled, maxLength: 7, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (o) => this.inputEl = o, required: this.required, spellcheck: "false", type: "text", value: this.value }), l("swirl-popover-trigger", { key: "da79dc9a8ad10e420d9924aeaab92969ab342909", swirlPopover: this.pickerId }, l("button", { key: "268c45d7a455c1682e1d40da424f66ed29de9c72", "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
       backgroundColor: this.disabled ? "var(--s-border-subdued)" : this.value
-    }, type: "button" })), l("swirl-popover", { key: "1191ee416639ceb294db4ff68a2b5fad3f7875a7", animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, l("swirl-box", { key: "6fd8df1d9759e6c731ea2186668cf6311a91e684", centerInline: !0, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, l("hex-color-picker", { key: "bb7bbcefcb9af4b731fb65f95648bdad5d6e8789", color: this.value, ref: (o) => this.picker = o })))));
+    }, type: "button" })), l("swirl-popover", { key: "e3df1808566ec26d254a993afd897ebe8d6149b9", animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, l("swirl-box", { key: "acb8684dd6b9130cbe6b69f82cd820f7a54a0c10", centerInline: !0, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, l("hex-color-picker", { key: "fbdbe7bcb65c8c72cb6a454d49b7f0b96b833f0f", color: this.value, ref: (o) => this.picker = o })))));
   }
   static get watchers() {
     return {