@getflip/swirl-components-react 0.202.0 → 0.203.0

package/dist/{swirl-accordion-item.entry.6e985486.js → swirl-accordion-item.entry.fe90c4ff.js}

@@ -1,13 +1,13 @@
-import { r as d, c as t, h as e, H as n, g as s } from "./index.2298ddfa.js";
+import { r as t, c as d, h as e, H as n, g as s } from "./index.30b5d4a7.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
-import { v as o } from "./v4-23648a96.77c7c20f.js";
+import { v as a } from "./v4-23648a96.77c7c20f.js";
 import "react";
 import "react-dom";
 const c = ":host{display:block}:host *{box-sizing:border-box}.accordion-item{display:grid;align-content:start;border-top:0.0625rem solid var(--s-border-default);transition:grid-template-rows 0.15s;grid-template-rows:auto 0fr;will-change:grid-template-rows}@media (prefers-reduced-motion){.accordion-item{transition:none}}.accordion-item--expanded{grid-template-rows:auto 1fr}.accordion-item--expanded .accordion-item__content{padding-top:var(--s-space-16);padding-bottom:var(--s-space-16);animation:accordion-overflow 0.01s;animation-delay:0.15s;animation-fill-mode:forwards}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.accordion-item--expanded .accordion-item__content{padding-top:var(--s-space-8)}}.accordion-item__heading{margin:0;padding:0;font-size:var(--s-font-size-base);font-weight:var(--s-font-weight-semibold)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.accordion-item__heading{font-size:var(--s-font-size-sm)}}.accordion-item__toggle{display:flex;width:100%;padding:0;padding-top:var(--s-space-16);padding-bottom:var(--s-space-16);align-items:center;border:none;color:var(--s-text-default);background-color:var(--swirl-accordion-item-toggle-default);font:inherit;line-height:var(--s-line-height-lg);text-align:start;cursor:pointer;gap:var(--s-space-16)}.accordion-item__toggle:hover{background-color:var(--swirl-accordion-item-toggle-hovered)}.accordion-item__toggle:active{background-color:var(--swirl-accordion-item-toggle-pressed)}.accordion-item__toggle:disabled{color:var(--s-text-disabled);background-color:var(--swirl-accordion-item-toggle-default);cursor:default}.accordion-item__toggle:disabled .text{color:var(--s-text-disabled)}.accordion-item__toggle:focus:not(:focus-visible){outline:none}.accordion-item__toggle:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.accordion-item__toggle{line-height:var(--s-line-height-sm)}}.accordion-item__toggle-text{flex-grow:1}.accordion-item__icon{display:inline-flex;padding-right:var(--s-space-8);flex-shrink:0}.accordion-item__content{overflow:hidden;padding-top:0;padding-bottom:0;transition:padding-top 0.15s, padding-bottom 0.15s;animation:accordion-display 0.01s;animation-delay:0.15s;animation-fill-mode:forwards}@media (prefers-reduced-motion){.accordion-item__content{transition:none}}@keyframes accordion-overflow{from{overflow:hidden}to{overflow:visible}}@keyframes accordion-display{from{display:block}to{display:none}}", l = c, h = class {
   constructor(i) {
-    d(this, i), this.expansionChange = t(this, "expansionChange", 7), this.headingId = `${o()}-heading`, this.onHeadingClick = () => {
+    t(this, i), this.expansionChange = d(this, "expansionChange", 7), this.headingId = `${a()}-heading`, this.onHeadingClick = () => {
       this.toggle();
-    }, this.description = void 0, this.disabled = void 0, this.heading = void 0, this.headingLevel = 2, this.initiallyOpen = void 0, this.itemId = o(), this.expanded = !1;
+    }, this.description = void 0, this.disabled = void 0, this.heading = void 0, this.headingLevel = 2, this.initiallyOpen = void 0, this.itemId = a(), this.expanded = !1;
   }
   componentWillLoad() {
     if (this.accordion = this.el.closest("swirl-accordion"), this.expanded = this.initiallyOpen && !this.disabled || !1, !Boolean(this.accordion))
@@ -23,10 +23,10 @@ const c = ":host{display:block}:host *{box-sizing:border-box}.accordion-item{dis
     this.expanded ? this.collapse() : this.expand();
   }
   render() {
-    const i = `h${this.headingLevel}`, a = r("accordion-item", {
+    const i = `h${this.headingLevel}`, o = r("accordion-item", {
       "accordion-item--expanded": this.expanded
     });
-    return e(n, { key: "006861d6031bc49ef4c68d5e5aee2eaba58e0cc6" }, e("div", { key: "47c5fe06e4da5aff6b675d1b4ad5d223a73e5b3b", class: a }, e(i, { key: "d396f75989f831eddd66510f67c9f5ca523a1e80", class: "accordion-item__heading" }, e("button", { key: "9bfdb9f316d3d64356091ff35086493c153ad9ae", "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: "0696232de801d6c5aedac6bb1a8714f9c1b9362d", class: "accordion-item__toggle-text" }, this.heading, this.description && e("swirl-text", { key: "21c86a4e3a8956917fc15ea4387e697be2408beb", as: "span", color: "subdued", size: "sm" }, this.description)), e("span", { key: "50fa0cd1da17d126ecd26757bcda453302dd2182", class: "accordion-item__icon" }, !this.expanded && e("swirl-icon", { key: "a05d59697919662a816363c92da91940ece29cf9", glyph: "chevron-right", size: 20 }), this.expanded && e("swirl-icon", { key: "e99c77b661c4b4efbd1bf56c69a97f2ff12787c5", glyph: "expand-more", size: 20 })))), e("div", { key: "f5e7bbdc5025f952de1fb09bf19c1dae72f53c8f", "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, e("slot", { key: "4f755a5f113d956df138f0a7803bb8274149c4cc" }))));
+    return e(n, { key: "56461480534cd9e98adf7dbadff5025972793b44" }, e("div", { key: "4f6ee585a341addb405e4bfefe5601e7d09f8e4a", class: o }, e(i, { key: "4425661e4a0521793be019c29aea299c4f1c05a4", class: "accordion-item__heading" }, e("button", { key: "c044428c6daff402e534a43bf4da8822d7c55b7b", "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: "6fe04b43157522f8e790fe7b0aeb2db36f9fa4da", class: "accordion-item__toggle-text" }, this.heading, this.description && e("swirl-text", { key: "8c0111f0b06ae7a3dfacc339d85cf4eb2105146d", as: "span", color: "subdued", size: "sm" }, this.description)), e("span", { key: "9a72f61aa5bf96389df902840ae791de9011136f", class: "accordion-item__icon" }, !this.expanded && e("swirl-icon", { key: "037e6553f23a62da4e7b6691fb5909fbf20a9894", glyph: "chevron-right", size: 20 }), this.expanded && e("swirl-icon", { key: "6e1effdc9989f76d744fde9ea85ce27ce6a9566d", glyph: "expand-more", size: 20 })))), e("div", { key: "7f88f96f768fc288b65deb6db42cea8f4199dcd0", "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, e("slot", { key: "a9a715d55f607e4f42700f07458673c5dc83c1a1" }))));
   }
   get el() {
     return s(this);

package/dist/{swirl-accordion.entry.556b322b.js → swirl-accordion.entry.6bb9b653.js}

@@ -1,9 +1,9 @@
-import { r as s, c as i, h as o, H as a, g as c } from "./index.2298ddfa.js";
+import { r as s, c as a, h as o, H as i, g as l } from "./index.30b5d4a7.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 d = ":host{display:block}:host *{box-sizing:border-box}::slotted(*:last-child){border-bottom:0.0625rem solid var(--s-border-default)}", n = d, c = class {
   constructor(e) {
-    s(this, e), this.expandedItemChange = i(this, "expandedItemChange", 7);
+    s(this, e), this.expandedItemChange = a(this, "expandedItemChange", 7);
   }
   componentDidLoad() {
     this.el.addEventListener("expansionChange", (e) => {
@@ -24,13 +24,13 @@ const l = ":host{display:block}:host *{box-sizing:border-box}::slotted(*:last-ch
     });
   }
   render() {
-    return o(a, { key: "ad20b40fee8a6ecbcf5078bcc67da0738792ee59" }, o("slot", { key: "b4def8c0c8fde90a8f5431c033aefb7bf6e15842" }));
+    return o(i, { key: "16f4161014d5d1485f9b0fdb647763d1d4f6f62b" }, o("slot", { key: "d7f38969efc38aefe686f0af805d2dadbaad1aa5" }));
   }
   get el() {
-    return c(this);
+    return l(this);
   }
 };
-d.style = n;
+c.style = n;
 export {
-  d as swirl_accordion
+  c as swirl_accordion
 };

package/dist/{swirl-action-list-section.entry.fdee6e96.js → swirl-action-list-section.entry.58e10a44.js}

@@ -1,15 +1,15 @@
-import { r as i, h as e, H as s } from "./index.2298ddfa.js";
+import { r as i, h as e, H as s } from "./index.30b5d4a7.js";
 import "react";
 import "react-dom";
-const a = ":host{display:block}: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);border-bottom:var(--s-border-width-default) solid var(--s-border-default);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)}}", o = a, l = class {
+const a = ":host{display:block}: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);border-bottom:var(--s-border-width-default) solid var(--s-border-default);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)}}", o = a, c = class {
   constructor(t) {
     i(this, t), this.label = void 0;
   }
   render() {
-    return e(s, { key: "44a9deefaca9838b3fd25179d39e7b9d961d5910" }, e("div", { key: "3f19a2ea5d7593b8516de8a8657ac7138bd65385", "aria-labelledby": "label", class: "action-list-section", role: "group" }, e("span", { key: "bba5651dde645a819341872f7bdf918abf1a5fdb", class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), e("div", { key: "c59c1f6060488ec7995c4b582d30484905a45397", class: "action-list-section__items" }, e("slot", { key: "fb444405ab1b8beb208044b641fbf16887880ffe" }))));
+    return e(s, { key: "022a68a08e5c098f2fa0b17415e2f02c12c9382f" }, e("div", { key: "486234a2f5ddd919506be063eb0962757fc6626f", "aria-labelledby": "label", class: "action-list-section", role: "group" }, e("span", { key: "0c5c9b8249990fec21ab247c532d0ab50c0ce23a", class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), e("div", { key: "e5132695f0fd6cccc1a1b350d657bcc8133dec70", class: "action-list-section__items" }, e("slot", { key: "fe89d7b987d11b87b3afa135e0f782b306b08e17" }))));
   }
 };
-l.style = o;
+c.style = o;
 export {
-  l as swirl_action_list_section
+  c as swirl_action_list_section
 };

package/dist/{swirl-action-list_3.entry.7754a41e.js → swirl-action-list_3.entry.45f29cb7.js}

@@ -1,4 +1,4 @@
-import { r as n, h as o, H as r, g as c } from "./index.2298ddfa.js";
+import { r as n, h as o, H as r, g as c } from "./index.30b5d4a7.js";
 import { q as h, b as f, g as p } from "./utils-aab10c80.240adddc.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
@@ -43,7 +43,7 @@ const u = ":host{display:block;width:100%}:host *{box-sizing:border-box}.action-
     return t.findIndex((i) => i === e || i === (e == null ? void 0 : e.querySelector('[role="menuitem"]')));
   }
   render() {
-    return o(r, { key: "36322caabed257ed68473c6a2faef239318b2ebf" }, o("div", { key: "9a3c533acdd8f9ba50366f3c85473a59b1d97b1f", "aria-orientation": "vertical", class: "action-list", onFocusout: this.isInsidePopover ? void 0 : this.onFocusOut, onFocus: this.isInsidePopover ? void 0 : this.onFocus, onKeyDown: this.onKeyDown, part: "action-list", ref: (t) => this.container = t, role: "menu" }, o("slot", { key: "b969b7469999bcdbe84fa81bd92858c1bd24b1ad" })));
+    return o(r, { key: "648f89052919042bbadf77f458d35e35868c584d" }, o("div", { key: "0be168f8c8cadcf7785e795d6e74575c88fe2b90", "aria-orientation": "vertical", class: "action-list", onFocusout: this.isInsidePopover ? void 0 : this.onFocusOut, onFocus: this.isInsidePopover ? void 0 : this.onFocus, onKeyDown: this.onKeyDown, part: "action-list", ref: (t) => this.container = t, role: "menu" }, o("slot", { key: "76472e680cf932a12b8c3c93432151319e22620c" })));
   }
   get el() {
     return c(this);

package/dist/{swirl-app-bar.entry.3c292762.js → swirl-app-bar.entry.bc932fcc.js}

@@ -1,4 +1,4 @@
-import { r as o, c as i, h as t, H as c, g as r } from "./index.2298ddfa.js";
+import { r as o, c as i, h as t, H as c, g as r } from "./index.30b5d4a7.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-app-icon.entry.66bbbabe.js → swirl-app-icon.entry.5a33631f.js}

@@ -1,4 +1,4 @@
-import { r as n, h as e, H as o } from "./index.2298ddfa.js";
+import { r as n, h as a, H as o } from "./index.30b5d4a7.js";
 import { c as t } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -11,10 +11,10 @@ const c = ":host{display:inline-flex}:host *{box-sizing:border-box}.app-icon{pos
     }, this.icon = void 0, this.src = void 0, this.imageAvailable = void 0;
   }
   render() {
-    const i = Boolean(this.src) && (this.imageAvailable || this.imageAvailable === void 0), a = !i && Boolean(this.icon), s = t("app-icon", {
-      "app-icon--has-icon": a || !i && !a
+    const i = Boolean(this.src) && (this.imageAvailable || this.imageAvailable === void 0), s = !i && Boolean(this.icon), e = t("app-icon", {
+      "app-icon--has-icon": s || !i && !s
     });
-    return e(o, { key: "84c7b17677256b7493a3a157bbb5a13183e77f39" }, e("span", { key: "ddb703079515ee24bfa6fb8896bb4680f5635142", class: s }, i && e("img", { key: "58be5786d79d7c0fcc61fb2d93891fe06dcb86f0", alt: "", height: "40", onError: this.setImageUnavailable, onLoad: this.setImageAvailable, src: this.src, width: "40" }), a && e("span", { key: "6d0e5ed695a8c08e64ff06a0dc09995dab9217c1", class: "app-icon__icon", innerHTML: this.icon })));
+    return a(o, { key: "d0660e598f456398d63c4325c2c5c4d55463ef6b" }, a("span", { key: "21afd9b82ff8a45a9043ac8b5dd36b7395804db6", class: e }, i && a("img", { key: "94b7c4dfdbf01954d074877b8147c38b6f85f011", alt: "", height: "40", onError: this.setImageUnavailable, onLoad: this.setImageAvailable, src: this.src, width: "40" }), s && a("span", { key: "82258b7734b7d2df50adcaefc2d54bd963dca79e", class: "app-icon__icon", innerHTML: this.icon })));
   }
 };
 r.style = l;

package/dist/{swirl-app-layout_6.entry.2757db37.js → swirl-app-layout_6.entry.32dd8e7f.js}

@@ -1,4 +1,4 @@
-import { r as l, c as s, h as t, H as d, g as c, F as r } from "./index.2298ddfa.js";
+import { r as l, c as s, h as t, H as d, g as c, F as r } from "./index.30b5d4a7.js";
 import { c as n } from "./index-267776a4.6beb4f4b.js";
 import { i as y, g as C } from "./utils-aab10c80.240adddc.js";
 import { S as B } from "./sortable.esm-8c3d5856.57c4f048.js";
@@ -130,7 +130,7 @@ const M = ":host{display:block}:host *{box-sizing:border-box}.empty-state{displa
       "empty-state--has-controls": e,
       "empty-state--has-slotted-illustration": i
     });
-    return t(d, { key: "fe1c90661fd1b8b5c642b36a872cbcd6ea8d821e" }, t("div", { key: "19174f2dcee9e0916d3706f09a0e588fd63361fa", class: a }, this.illustration && !i && t("img", { key: "9b0b0138b85b70e0aa580308354df899a1289c10", alt: "", class: "empty-state__illustration", src: this.illustration }), t("div", { key: "ddf5bc32b4c8f6934ef43c426d2231253cf1d4e1", class: "empty-state__slotted-illustration" }, t("slot", { key: "b690cb71b84c0a6011c2686ed772439d07b0a47b", name: "illustration" })), t("div", { key: "499f33947a36531adc068885a8f2c0c887a11443", class: "empty-state__body" }, t("swirl-stack", { key: "cb0ef3e31d96361ea5778be2788b0c16c916b7e6", align: "stretch", spacing: "8" }, this.heading && t("swirl-heading", { key: "ef6f3651651b0585dc6960b9372ec47e4e191fc3", align: "center", as: "p", level: 4, text: this.heading }), t("div", { key: "6a776a29cac1643070a6b4ac2689e60988ca5857", class: "empty-state__content" }, t("swirl-text", { key: "d5f6d329054f74a2d6a946a5cb0a70a4ce6d014b", align: "center", color: "subdued" }, t("slot", { key: "424f20d460a33d1ca53a5d0e4fb52d405be87680" })))), t("div", { key: "1481c2c12add6ffeed3c2a26ec8a05852b342892", class: "empty-state__controls" }, t("slot", { key: "4c9fa99a8013287dac7c52e197d6b2fb1ef7e79e", name: "controls" })))));
+    return t(d, { key: "48867dbd916364bf5947ea81fda29c44a42e9177" }, t("div", { key: "6c04b22601658932eaaaa274e8a3d0dfc5b329d9", class: a }, this.illustration && !i && t("img", { key: "0bb190fe062d6d5c2b8cf5527d20773aed0d7257", alt: "", class: "empty-state__illustration", src: this.illustration }), t("div", { key: "736e35e10237a28306f6c2f4f6da02bb70ab575a", class: "empty-state__slotted-illustration" }, t("slot", { key: "55c8dc9ad21c66d4754df7e184ab81aa3e3ceb14", name: "illustration" })), t("div", { key: "8967e079115fe538323fb04c4b4a59338e1f4509", class: "empty-state__body" }, t("swirl-stack", { key: "e7396ee9267abfbb675fc0eeee8ab2b46d09d484", align: "stretch", spacing: "8" }, this.heading && t("swirl-heading", { key: "ecb5e29316c6e2721d5a5aa29d5eb5957b4bcca1", align: "center", as: "p", level: 4, text: this.heading }), t("div", { key: "e22b1f0a313b131e7532d9ea99600efae52f732c", class: "empty-state__content" }, t("swirl-text", { key: "042ebfd08524ebd1a5bbecd236d31d3fa0fe1f1d", align: "center", color: "subdued" }, t("slot", { key: "38a78366a3e99405f1d39f0108a71012d6f2160e" })))), t("div", { key: "575efac8239badba130d51482c16bb9fa8d04634", class: "empty-state__controls" }, t("slot", { key: "bb06bd9687a0af377c6b6c9cc5ad02745c77dc61", name: "controls" })))));
   }
   get el() {
     return c(this);
@@ -145,7 +145,7 @@ const H = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{
     const e = this.size === 20 ? 24 : this.size, i = {
       color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
     }, a = n("swirl-icon", `swirl-icon--size-${this.size}`);
-    return t("svg", { key: "97f642df51d225b1c725a1a17ce298954219b651", "aria-hidden": "true", class: a, fill: "none", height: this.size, part: "icon", style: i, viewBox: `0 0 ${e} ${e}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && t(r, { key: "dc5f39be5b25b6df813e96d196da58f5c85e8ea9" }, t("path", { key: "5e5a952eea3506e04aef16fc0cdd14e66c0723d7", d: "M4.00002 14.6666C3.63335 14.6666 3.31958 14.5362 3.05869 14.2753C2.79735 14.014 2.66669 13.7 2.66669 13.3333V2.66665C2.66669 2.29998 2.79735 1.98598 3.05869 1.72465C3.31958 1.46376 3.63335 1.33331 4.00002 1.33331H8.78335C8.96113 1.33331 9.13069 1.36665 9.29202 1.43331C9.45291 1.49998 9.59446 1.59442 9.71669 1.71665L12.95 4.94998C13.0722 5.0722 13.1667 5.21376 13.2334 5.37465C13.3 5.53598 13.3334 5.70553 13.3334 5.88331V13.3333C13.3334 13.7 13.2029 14.014 12.942 14.2753C12.6807 14.5362 12.3667 14.6666 12 14.6666H4.00002ZM8.66669 5.33331V2.66665H4.00002V13.3333H12V5.99998H9.33335C9.14446 5.99998 8.98624 5.93598 8.85869 5.80798C8.73069 5.68042 8.66669 5.5222 8.66669 5.33331Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && t(r, { key: "e4f0a5f00276b3d1cc08244e58086088af8f81e1" }, t("path", { key: "c4f716896f8469ddd37279bde523da658c313ef7", d: "M6 22C5.45 22 4.97933 21.8043 4.588 21.413C4.196 21.021 4 20.55 4 20V4C4 3.45 4.196 2.979 4.588 2.587C4.97933 2.19567 5.45 2 6 2H13.175C13.4417 2 13.696 2.05 13.938 2.15C14.1793 2.25 14.3917 2.39167 14.575 2.575L19.425 7.425C19.6083 7.60833 19.75 7.82067 19.85 8.062C19.95 8.304 20 8.55833 20 8.825V20C20 20.55 19.8043 21.021 19.413 21.413C19.021 21.8043 18.55 22 18 22H6ZM13 8V4H6V20H18V9H14C13.7167 9 13.4793 8.904 13.288 8.712C13.096 8.52067 13 8.28333 13 8Z", fill: "currentColor" })), this.size === 28 && t(r, { key: "0c9d828b46ca90cd4616ce1fa702a2aac04b8c8c" }, t("path", { key: "cdfc84aec90e2c1f6aaa6590bb779e98b68acc38", d: "M7.00002 25.6666C6.35835 25.6666 5.80924 25.4384 5.35269 24.9818C4.89535 24.5245 4.66669 23.975 4.66669 23.3333V4.66665C4.66669 4.02498 4.89535 3.47548 5.35269 3.01815C5.80924 2.56159 6.35835 2.33331 7.00002 2.33331H15.3709C15.682 2.33331 15.9787 2.39165 16.261 2.50831C16.5426 2.62498 16.7903 2.79026 17.0042 3.00415L22.6625 8.66248C22.8764 8.87637 23.0417 9.12409 23.1584 9.40565C23.275 9.68798 23.3334 9.9847 23.3334 10.2958V23.3333C23.3334 23.975 23.1051 24.5245 22.6485 24.9818C22.1912 25.4384 21.6417 25.6666 21 25.6666H7.00002ZM15.1667 9.33331V4.66665H7.00002V23.3333H21V10.5H16.3334C16.0028 10.5 15.7259 10.388 15.5027 10.164C15.2787 9.94076 15.1667 9.66387 15.1667 9.33331Z", fill: "currentColor" })));
+    return t("svg", { key: "d733df3cb626101d05553a809b574c0011acd981", "aria-hidden": "true", class: a, fill: "none", height: this.size, part: "icon", style: i, viewBox: `0 0 ${e} ${e}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && t(r, { key: "48de824070f8bed0b3490e5b11ee465e80a12f7a" }, t("path", { key: "20ab6ccb40a80ebc6a691557cc7a73693d24c974", d: "M4.00002 14.6666C3.63335 14.6666 3.31958 14.5362 3.05869 14.2753C2.79735 14.014 2.66669 13.7 2.66669 13.3333V2.66665C2.66669 2.29998 2.79735 1.98598 3.05869 1.72465C3.31958 1.46376 3.63335 1.33331 4.00002 1.33331H8.78335C8.96113 1.33331 9.13069 1.36665 9.29202 1.43331C9.45291 1.49998 9.59446 1.59442 9.71669 1.71665L12.95 4.94998C13.0722 5.0722 13.1667 5.21376 13.2334 5.37465C13.3 5.53598 13.3334 5.70553 13.3334 5.88331V13.3333C13.3334 13.7 13.2029 14.014 12.942 14.2753C12.6807 14.5362 12.3667 14.6666 12 14.6666H4.00002ZM8.66669 5.33331V2.66665H4.00002V13.3333H12V5.99998H9.33335C9.14446 5.99998 8.98624 5.93598 8.85869 5.80798C8.73069 5.68042 8.66669 5.5222 8.66669 5.33331Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && t(r, { key: "c1cfd86a14470409a4cb2addd91f70b99460306b" }, t("path", { key: "ae5821b81b4b9ab7f21aa4c08a718ad0b02c6023", d: "M6 22C5.45 22 4.97933 21.8043 4.588 21.413C4.196 21.021 4 20.55 4 20V4C4 3.45 4.196 2.979 4.588 2.587C4.97933 2.19567 5.45 2 6 2H13.175C13.4417 2 13.696 2.05 13.938 2.15C14.1793 2.25 14.3917 2.39167 14.575 2.575L19.425 7.425C19.6083 7.60833 19.75 7.82067 19.85 8.062C19.95 8.304 20 8.55833 20 8.825V20C20 20.55 19.8043 21.021 19.413 21.413C19.021 21.8043 18.55 22 18 22H6ZM13 8V4H6V20H18V9H14C13.7167 9 13.4793 8.904 13.288 8.712C13.096 8.52067 13 8.28333 13 8Z", fill: "currentColor" })), this.size === 28 && t(r, { key: "64f1cf9873a4e7e09980c8febaece43aa926349b" }, t("path", { key: "1ee139b445802fa491cdf7c31c5524007267ebff", d: "M7.00002 25.6666C6.35835 25.6666 5.80924 25.4384 5.35269 24.9818C4.89535 24.5245 4.66669 23.975 4.66669 23.3333V4.66665C4.66669 4.02498 4.89535 3.47548 5.35269 3.01815C5.80924 2.56159 6.35835 2.33331 7.00002 2.33331H15.3709C15.682 2.33331 15.9787 2.39165 16.261 2.50831C16.5426 2.62498 16.7903 2.79026 17.0042 3.00415L22.6625 8.66248C22.8764 8.87637 23.0417 9.12409 23.1584 9.40565C23.275 9.68798 23.3334 9.9847 23.3334 10.2958V23.3333C23.3334 23.975 23.1051 24.5245 22.6485 24.9818C22.1912 25.4384 21.6417 25.6666 21 25.6666H7.00002ZM15.1667 9.33331V4.66665H7.00002V23.3333H21V10.5H16.3334C16.0028 10.5 15.7259 10.388 15.5027 10.164C15.2787 9.94076 15.1667 9.66387 15.1667 9.33331Z", fill: "currentColor" })));
   }
 };
 L.style = z;
@@ -157,7 +157,7 @@ const T = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{
     const e = this.size === 20 ? 24 : this.size, i = {
       color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
     }, a = n("swirl-icon", `swirl-icon--size-${this.size}`);
-    return t("svg", { key: "af9f943efa25f68c0f2854862d5d79e98817d593", "aria-hidden": "true", class: a, fill: "none", height: this.size, part: "icon", style: i, viewBox: `0 0 ${e} ${e}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && t(r, { key: "5f98e3639b6c2210127ee851d69dcaaf868820d3" }, t("path", { key: "ca31a6a30011ec8161e5e4abbfebc7ba18738b85", 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) && t(r, { key: "57fd19e3d3bc24b0266b6a20f7997d6e82937e55" }, t("path", { key: "1aabcb3e41dcef7c9c30939a9ae3129548a240a5", 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 && t(r, { key: "79dc127413d34b5a597c7857710168bcc76da71b" }, t("path", { key: "a45b4b00abff200b43e2f5e5e8db569cd0f6d4aa", d: "M17.5 15.1667C18.1416 15.1667 18.6911 14.938 19.1485 14.4807C19.605 14.0241 19.8333 13.475 19.8333 12.8334C19.8333 12.1917 19.605 11.6422 19.1485 11.1849C18.6911 10.7283 18.1416 10.5 17.5 10.5C16.8583 10.5 16.3092 10.7283 15.8526 11.1849C15.3953 11.6422 15.1666 12.1917 15.1666 12.8334C15.1666 13.475 15.3953 14.0241 15.8526 14.4807C16.3092 14.938 16.8583 15.1667 17.5 15.1667ZM12.8333 19.8334H22.1666V19.1917C22.1666 18.3167 21.7389 17.6214 20.8833 17.1057C20.0278 16.5908 18.9 16.3334 17.5 16.3334C16.1 16.3334 14.9722 16.5908 14.1166 17.1057C13.2611 17.6214 12.8333 18.3167 12.8333 19.1917V19.8334ZM4.66665 23.3334C4.02498 23.3334 3.47587 23.1051 3.01931 22.6485C2.56198 22.1912 2.33331 21.6417 2.33331 21V7.00002C2.33331 6.35835 2.56198 5.80924 3.01931 5.35269C3.47587 4.89535 4.02498 4.66669 4.66665 4.66669H10.7041C11.0153 4.66669 11.312 4.72502 11.5943 4.84169C11.8759 4.95835 12.1236 5.12363 12.3375 5.33752L14 7.00002H23.3333C23.975 7.00002 24.5245 7.22869 24.9818 7.68602C25.4384 8.14258 25.6666 8.69169 25.6666 9.33335V21C25.6666 21.6417 25.4384 22.1912 24.9818 22.6485C24.5245 23.1051 23.975 23.3334 23.3333 23.3334H4.66665ZM4.66665 7.00002V21H23.3333V9.33335H13.0375L10.7041 7.00002H4.66665Z", fill: "currentColor" })));
+    return t("svg", { key: "aa989acf4e60c512675c26fecfca0b1ba3dd4aee", "aria-hidden": "true", class: a, fill: "none", height: this.size, part: "icon", style: i, viewBox: `0 0 ${e} ${e}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && t(r, { key: "279706fe0f2e8089d70a7a272a8be16658c71f36" }, t("path", { key: "cb0ad61567c320ea17db757b638b42b71d5e6887", 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) && t(r, { key: "6dbf83dd6b0ff6838b0946fdccbd7e0372a90c63" }, t("path", { key: "6b887cba0e6430588e34b46cf6aed173e2b260b5", 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 && t(r, { key: "cc276213708c3fe3398d023f7ee447a8f06f29d7" }, t("path", { key: "e4131f8c402a74d44771fa1caff0e1ab416912cd", 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" })));
   }
 };
 N.style = E;
@@ -276,7 +276,7 @@ const F = ".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource
     !Boolean(e) || (e.before(this.dragging), this.collectItems(), this.focusItemAtIndex(this.getItemIndex(this.dragging)), this.assistiveText = `${this.assistiveTextItemMoving} ${this.getItemIndex(this.dragging) + 1}`);
   }
   render() {
-    return t(d, { key: "8b4b9504e2610302a55db14daed4bfb0011f65ed", onKeyDown: this.onKeyDown }, t("swirl-visually-hidden", { key: "4460288b8b1554b6dd39c576598b6db8308d0f0d", role: "alert" }, this.assistiveText), t("swirl-box", { key: "2a3d6144a369081dba1e0ba2079b6e0ffb16c253", paddingInlineEnd: "8", paddingInlineStart: "8" }, t("swirl-stack", { key: "53d04c53e6916290c46c555dcfbf2e4bcf4782d8", "aria-label": this.label, class: "resource-list", id: this.listId, ref: (e) => this.gridEl = e, role: "grid" }, t("slot", { key: "7202731c5db2635889aca880759722454ec3649e" }))));
+    return t(d, { key: "aa7dc024e66889bd52c32bd284a563ec7308f6a0", onKeyDown: this.onKeyDown }, t("swirl-visually-hidden", { key: "644a4383885d6f1728992a1eb3a6639f21f60f35", role: "alert" }, this.assistiveText), t("swirl-box", { key: "a7ca0b9ab096c5f26b5e35f6b3afb348c9c116d4", paddingInlineEnd: "8", paddingInlineStart: "8" }, t("swirl-stack", { key: "1e9fb02c8e20f09b681b19ca4fb2e87cedbe094a", "aria-label": this.label, class: "resource-list", id: this.listId, ref: (e) => this.gridEl = e, role: "grid" }, t("slot", { key: "da5645ca365e04bd1d1c7ee4260e98d30fe429a5" }))));
   }
   get el() {
     return c(this);

package/dist/{swirl-autocomplete.entry.3898197b.js → swirl-autocomplete.entry.4bc84a38.js}

@@ -1,4 +1,4 @@
-import { r as p, c as m, h as o, H as f, g as b } from "./index.2298ddfa.js";
+import { r as p, c as m, h as o, H as f, g as b } from "./index.30b5d4a7.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-aab10c80.240adddc.js";

package/dist/{swirl-avatar-group.entry.635c87cd.js → swirl-avatar-group.entry.e651b773.js}

@@ -1,10 +1,10 @@
-import { r as s, h as r, H as i } from "./index.2298ddfa.js";
+import { r as s, h as a, H as d } from "./index.30b5d4a7.js";
 import { c as e } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
-const d = ":host{display:inline-flex}:host *{box-sizing:border-box}.avatar-group{position:relative;display:inline-grid;grid-template-rows:repeat(9, 1fr);grid-template-columns:repeat(9, 1fr)}.avatar-group ::slotted(*:first-of-type){z-index:1;display:inline-flex;box-shadow:0 0 0 0.25rem var(--swirl-avatar-group-border-color);border-radius:50%;grid-column-start:1;grid-column-end:7;grid-row-start:4;grid-row-end:10}.avatar-group ::slotted(*:nth-of-type(2)){z-index:0;display:inline-flex;border-radius:50%;grid-column-start:4;grid-column-end:10;grid-row-start:1;grid-row-end:7}.avatar-group__badge{position:absolute;z-index:2;right:calc(-1 * var(--s-space-4));bottom:calc(-1 * var(--s-space-4));display:inline-flex;width:1.5rem;height:1.5rem}.avatar-group__badge ::part(badge){box-shadow:0 0 0 0.25rem var(--swirl-badge-border-color)}", l = d, n = class {
-  constructor(a) {
-    s(this, a), this.badge = void 0;
+const i = ":host{display:inline-flex}:host *{box-sizing:border-box}.avatar-group{position:relative;display:inline-grid;grid-template-rows:repeat(9, 1fr);grid-template-columns:repeat(9, 1fr)}.avatar-group ::slotted(*:first-of-type){z-index:1;display:inline-flex;box-shadow:0 0 0 0.25rem var(--swirl-avatar-group-border-color);border-radius:50%;grid-column-start:1;grid-column-end:7;grid-row-start:4;grid-row-end:10}.avatar-group ::slotted(*:nth-of-type(2)){z-index:0;display:inline-flex;border-radius:50%;grid-column-start:4;grid-column-end:10;grid-row-start:1;grid-row-end:7}.avatar-group__badge{position:absolute;z-index:2;right:calc(-1 * var(--s-space-4));bottom:calc(-1 * var(--s-space-4));display:inline-flex;width:1.5rem;height:1.5rem}.avatar-group__badge ::part(badge){box-shadow:0 0 0 0.25rem var(--swirl-badge-border-color)}", l = i, n = class {
+  constructor(r) {
+    s(this, r), this.badge = void 0;
   }
   componentDidLoad() {
     this.forceBadgeProps();
@@ -12,14 +12,14 @@ const d = ":host{display:inline-flex}:host *{box-sizing:border-box}.avatar-group
   forceBadgeProps() {
     if (!Boolean(this.badge))
       return;
-    const a = this.badgeEl.querySelector("swirl-badge");
-    a == null || a.setAttribute("size", "s");
+    const r = this.badgeEl.querySelector("swirl-badge");
+    r == null || r.setAttribute("size", "s");
   }
   render() {
-    const a = e("avatar-group", {
+    const r = e("avatar-group", {
       "avatar-group--has-badge": Boolean(this.badge)
     }), t = e("avatar-group__badge");
-    return r(i, { key: "7b7027db948044855a7379a55e58739323c229d8" }, r("div", { key: "eae14e9f4d5c76c3f2a33ebabfb64407b60e8cca", class: a, role: "group" }, r("slot", { key: "ba4790ffe879fca5d77c498b9f6a16d02515d98a" }), this.badge && r("span", { key: "fdf63a67db87eae4bfb924074052e1fba57e53f0", class: t, innerHTML: this.badge, ref: (o) => this.badgeEl = o })));
+    return a(d, { key: "e02f0e18d9cd865c9c3c838b9472791a1a096b3b" }, a("div", { key: "2988b12f490489eb227b1ec34b84f162727f5de3", class: r, role: "group" }, a("slot", { key: "5bfbfcf2d903a5c6f08d8b33b8fe4ad042d1fc53" }), this.badge && a("span", { key: "eb32a56753f85b85521ddc1089ed8692d550d3fd", class: t, innerHTML: this.badge, ref: (o) => this.badgeEl = o })));
   }
 };
 n.style = l;

package/dist/{swirl-avatar.entry.c61d98dc.js → swirl-avatar.entry.5d294ade.js}

@@ -1,4 +1,4 @@
-import { r as f, c as n, h as e, H as b, g } from "./index.2298ddfa.js";
+import { r as f, c as n, h as e, H as b, g } from "./index.30b5d4a7.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-badge.entry.bcbc64b6.js → swirl-badge.entry.6dd0fdd6.js}

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

package/dist/{swirl-banner.entry.bf96896e.js → swirl-banner.entry.086824f2.js}

@@ -1,4 +1,4 @@
-import { r as o, c as r, h as t, H as c, g as d } from "./index.2298ddfa.js";
+import { r as o, c as r, h as t, H as c, g as d } from "./index.30b5d4a7.js";
 import { c as b } from "./index-267776a4.6beb4f4b.js";
 import { g as l } from "./utils-aab10c80.240adddc.js";
 import "react";

package/dist/{swirl-box.entry.bd3d3853.js → swirl-box.entry.ede66f0a.js}

@@ -1,4 +1,4 @@
-import { r as t, h as d, H as n } from "./index.2298ddfa.js";
+import { r as t, h as d, H as n } from "./index.30b5d4a7.js";
 import { c as s } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-button-group.entry.32797517.js → swirl-button-group.entry.6f5610b0.js}

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

package/dist/{swirl-button.entry.a7730f0e.js → swirl-button.entry.853813ec.js}

@@ -1,4 +1,4 @@
-import { r as l, h as n, H as u, g as b } from "./index.2298ddfa.js";
+import { r as l, h as n, H as u, g as b } from "./index.30b5d4a7.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import { g as d } from "./utils-aab10c80.240adddc.js";
 import "react";

package/dist/{swirl-card.entry.cae7d2ac.js → swirl-card.entry.cd9e0726.js}

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

package/dist/{swirl-carousel-slide.entry.5bd40063.js → swirl-carousel-slide.entry.2c5b986c.js}

@@ -1,8 +1,8 @@
-import { r as i, h as e, H as t } from "./index.2298ddfa.js";
+import { r as i, h as e, H as t } from "./index.30b5d4a7.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
-const a = ":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 = a, 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(s) {
     i(this, s), this.label = void 0, this.minHeight = void 0, this.width = "15.5rem";
   }
@@ -10,10 +10,10 @@ const a = ":host{display:block;min-width:0}:host(.carousel-slide--has-min-height
     const s = l("carousel-slide", {
       "carousel-slide--has-min-height": Boolean(this.minHeight)
     });
-    return e(t, { key: "249671e012edbca85aaf9e1a10dadfa153d7a64b", "aria-roledescription": "slide", "aria-label": this.label, class: s, role: "group", style: { flexBasis: this.width, minHeight: this.minHeight }, tabIndex: 0 }, e("slot", { key: "c45497793125e527ec05c42bc3ffa953279e934d" }));
+    return e(t, { key: "0f89338419e9487f7d3ae011e9b927a720b7179a", "aria-roledescription": "slide", "aria-label": this.label, class: s, role: "group", style: { flexBasis: this.width, minHeight: this.minHeight }, tabIndex: 0 }, e("slot", { key: "69a1e3a399584d8035e8448cb1990974ad295e28" }));
   }
 };
-r.style = o;
+r.style = a;
 export {
   r as swirl_carousel_slide
 };

package/dist/{swirl-carousel.entry.4aa936fa.js → swirl-carousel.entry.7c032fad.js}

@@ -1,4 +1,4 @@
-import { r as n, c as a, h as l, H as r, g as c } from "./index.2298ddfa.js";
+import { r as n, c as a, h as l, H as r, g as c } from "./index.30b5d4a7.js";
 import { d } from "./utils-aab10c80.240adddc.js";
 import "react";
 import "react-dom";
@@ -57,7 +57,7 @@ const h = `:host{position:relative;display:block;overflow:hidden;width:100%;marg
     return s >= e && o <= t;
   }
   render() {
-    return l(r, { key: "79b748850a91135646fa7b097efdf55a341bdd92", "aria-label": this.label, "aria-roledescription": "carousel", role: "group" }, l("div", { key: "0ae6c4715aa8c034fbfb9d5e5e7d5c4fe4e3fedc", class: "carousel" }, this.isScrollable && !this.isAtStart && l("swirl-button", { key: "1b95f748bb13d83cb5095efb2ecfc42ef61db36f", class: "carousel__previous-slide-button", hideLabel: !0, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.previousSlideButtonLabel, onClick: this.onPreviousSlideButtonClick, pill: !0, variant: "floating" }), this.isScrollable && !this.isAtEnd && l("swirl-button", { key: "30f869b5b4c9f66fa6f6e57e6de4605d07e6dafb", class: "carousel__next-slide-button", hideLabel: !0, icon: "<swirl-icon-arrow-forward></swirl-icon-arrow-forward>", label: this.nextSlideButtonLabel, onClick: this.onNextSlideButtonClick, pill: !0, variant: "floating" }), l("div", { key: "e6a1af1f98a21516c4b2ca64addee3e7bd53f51e", "aria-live": "polite", class: "carousel__slides", onScroll: this.onScroll, ref: (i) => this.slidesContainer = i }, l("slot", { key: "18c65dc225a7501827f07396cfffcc819bf05003", onSlotchange: this.onSlotChange }))));
+    return l(r, { key: "a70e2e4a0a1e40dca7b6e6976201a2c9b1951867", "aria-label": this.label, "aria-roledescription": "carousel", role: "group" }, l("div", { key: "797f1ec5ebb8cad7916ab24e5d68ee00b8b90dd2", class: "carousel" }, this.isScrollable && !this.isAtStart && l("swirl-button", { key: "0030e019d206edb0d60d92d7571da5d0fff362d2", class: "carousel__previous-slide-button", hideLabel: !0, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.previousSlideButtonLabel, onClick: this.onPreviousSlideButtonClick, pill: !0, variant: "floating" }), this.isScrollable && !this.isAtEnd && l("swirl-button", { key: "e560ac304de60dd2c9005ec396d9e8ebc5077934", class: "carousel__next-slide-button", hideLabel: !0, icon: "<swirl-icon-arrow-forward></swirl-icon-arrow-forward>", label: this.nextSlideButtonLabel, onClick: this.onNextSlideButtonClick, pill: !0, variant: "floating" }), l("div", { key: "d8ef3f5a32ae374598902f08623c2da12a0454a7", "aria-live": "polite", class: "carousel__slides", onScroll: this.onScroll, ref: (i) => this.slidesContainer = i }, l("slot", { key: "d626de58f6f4e0847f1253e1d228961bf82cf998", onSlotchange: this.onSlotChange }))));
   }
   get el() {
     return c(this);

package/dist/{swirl-checkbox.entry.818929c8.js → swirl-checkbox.entry.057c7c04.js}

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

package/dist/{swirl-chip.entry.0903c3d4.js → swirl-chip.entry.92117bc2.js}

@@ -1,4 +1,4 @@
-import { r as t, c as o, h as r, H as h, g as n } from "./index.2298ddfa.js";
+import { r as t, c as o, h as r, H as h, g as n } from "./index.30b5d4a7.js";
 import { c as p } from "./index-267776a4.6beb4f4b.js";
 import { g as l } from "./utils-aab10c80.240adddc.js";
 import "react";

package/dist/{swirl-color-input.entry.9d0aec07.js → swirl-color-input.entry.5123436f.js}

@@ -1,4 +1,4 @@
-import { r as L, c as f, h as l, H as B } from "./index.2298ddfa.js";
+import { r as L, c as f, h as l, H as B } from "./index.30b5d4a7.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: "98a2c4811db2878869fae5db662cd7767c3ffcdc" }, l("div", { key: "0338b6e9e57e0315a742fd96692bc66067393da3", class: t }, l("input", { key: "6e100e8966bcd60bf2465ede86079f678ced8d43", "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: "6ccb9681fd2e9d126c1acf03bd962ad137c4565e", swirlPopover: this.pickerId }, l("button", { key: "fb7013e7d2d9d6c52e13d5e1eebfd96210fa4658", "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
+    return l(B, { key: "56d9d76f89f2230a917f227bda4228c9270bff88" }, l("div", { key: "088cd1756c0ece24eff6b77dc56a0d7a9085c708", class: t }, l("input", { key: "14d0858aa7e650727dcd1f68904e5ed1410743f7", "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: "8a3af0df0edbc3194e033668d859703081ea8fd7", swirlPopover: this.pickerId }, l("button", { key: "4383f54793752d83287f7074553ea9b8a1d3b517", "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: "b707ac5ab4944d3a499b86106a458b439441d94a", animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, l("swirl-box", { key: "3c3bf1b7641da5c09bb058b3aa72785f9cb65b65", centerInline: !0, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, l("hex-color-picker", { key: "a02885a6cf9ecce9826ccb6198c75c638c9d6d22", color: this.value, ref: (o) => this.picker = o })))));
+    }, type: "button" })), l("swirl-popover", { key: "52ed7665bf6c17db08e4ad5e69e767aff565d1b1", animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, l("swirl-box", { key: "3bd32af70a21a090330c5cce0326588a286b0785", centerInline: !0, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, l("hex-color-picker", { key: "b68657b53d8f84dd36df846b7a9350ee1eb867c1", color: this.value, ref: (o) => this.picker = o })))));
   }
   static get watchers() {
     return {

package/dist/{swirl-columns.entry.18d7f255.js → swirl-columns.entry.a587c9ce.js}

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

package/dist/swirl-components-react.js

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