@getflip/swirl-components-react 0.363.5 → 0.364.0

package/dist/{swirl-accordion-item.entry.c82935b7.js → swirl-accordion-item.entry.7a08514d.js}

@@ -1,9 +1,9 @@
-import { r as t, c as d, h as e, H as n, g as s } from "./index.9632ab86.js";
-import { c } from "./index-orsBiyT_.fc4357c3.js";
+import { r as t, c as d, h as e, H as n, g as s } from "./index.8f538b02.js";
+import { c as r } from "./index-orsBiyT_.fc4357c3.js";
 import { v as o } from "./v4-DD3477fe.2624487e.js";
 import "react";
 import "react-dom";
-const r = ":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 = class {
+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 = class {
   constructor(i) {
     t(this, i), this.expansionChange = d(this, "expansionChange", 7), this.headingLevel = 2, this.itemId = o(), this.expanded = !1, this.headingId = `${o()}-heading`, this.onHeadingClick = () => {
       this.toggle();
@@ -23,16 +23,16 @@ const r = ":host{display:block}:host *{box-sizing:border-box}.accordion-item{dis
     this.expanded ? this.collapse() : this.expand();
   }
   render() {
-    const i = `h${this.headingLevel}`, a = c("accordion-item", {
+    const i = `h${this.headingLevel}`, a = r("accordion-item", {
       "accordion-item--expanded": this.expanded
     });
-    return e(n, { key: "140186d77dedf25334b975668382e442664ecc61" }, e("div", { key: "fcfeb3e6bbe1bd5cf26ff17ed2c00c290f9c1f25", class: a }, e(i, { key: "70de4f5a2e68fb4b3df574ce749ac469c4a89b92", class: "accordion-item__heading" }, e("button", { key: "598bf04f92bc1fb94253aba1122c731bb98a3670", "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: "9a2199333edf327c8aa86a5e22207b661e33d5c3", class: "accordion-item__toggle-text" }, this.heading, this.description && e("swirl-text", { key: "5e57bcf299f4a784cd17e29c9ebaa78111b2c280", as: "span", color: "subdued", size: "sm" }, this.description)), e("span", { key: "4cb086eda6d58addda26c47b54d42cce5989fe77", class: "accordion-item__icon" }, !this.expanded && e("swirl-icon", { key: "d2ed36ed6bf5e819e19bfb0c679868dc6cc4d923", glyph: "chevron-right", size: 20 }), this.expanded && e("swirl-icon", { key: "0bcc167c67f0e3d7dc9e94b0cb4f30267badb86c", glyph: "expand-more", size: 20 })))), e("div", { key: "f8f14164ed9f64cbf60bdcda85cc5f0feefb0ad4", "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, e("slot", { key: "30c54870dda4bf4682f48373426c336cc7b0b862" }))));
+    return e(n, { key: "bf24d1cae76ed824c925b80adb2ac6b5be606023" }, e("div", { key: "9f3dc67e8a670f451cba083d416461aa4ac16749", class: a }, e(i, { key: "170838a1750fb89568500f70a93f91de36f41d5b", class: "accordion-item__heading" }, e("button", { key: "c18a4cbe335f688a94c61ed1802f7a0978d74771", "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: "da8e2e070591c3ff0de1face3c62a91c5ff19731", class: "accordion-item__toggle-text" }, this.heading, this.description && e("swirl-text", { key: "0bcfac9c58151f160b2bece95475d104d3dbfb05", as: "span", color: "subdued", size: "sm" }, this.description)), e("span", { key: "701edfe1826e393845316e3815454de002b9ad94", class: "accordion-item__icon" }, !this.expanded && e("swirl-icon", { key: "3b76c29e09f641025af072622ef05f8acc37f9e3", glyph: "chevron-right", size: 20 }), this.expanded && e("swirl-icon", { key: "952a2755bb44491e2b9155fd22d1817feed7ecf4", glyph: "expand-more", size: 20 })))), e("div", { key: "6332cee85a9630c0280e72518ace7ad41cbbb368", "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, e("slot", { key: "b506d4b57c138cc18722b34320155599b472e70b" }))));
   }
   get el() {
     return s(this);
   }
 };
-l.style = r;
+l.style = c;
 export {
   l as swirl_accordion_item
 };

package/dist/{swirl-accordion.entry.7fc92ec2.js → swirl-accordion.entry.b7c75119.js}

@@ -1,9 +1,9 @@
-import { r as s, c as a, h as o, H as i, g as l } from "./index.9632ab86.js";
+import { r as s, c as i, h as o, H as a, g as c } from "./index.8f538b02.js";
 import "react";
 import "react-dom";
-const n = ":host{display:block}:host *{box-sizing:border-box}::slotted(*:last-child){border-bottom:0.0625rem solid var(--s-border-default)}", c = class {
+const l = ":host{display:block}:host *{box-sizing:border-box}::slotted(*:last-child){border-bottom:0.0625rem solid var(--s-border-default)}", n = class {
   constructor(e) {
-    s(this, e), this.expandedItemChange = a(this, "expandedItemChange", 7);
+    s(this, e), this.expandedItemChange = i(this, "expandedItemChange", 7);
   }
   componentDidLoad() {
     this.el.addEventListener("expansionChange", (e) => {
@@ -24,13 +24,13 @@ const n = ":host{display:block}:host *{box-sizing:border-box}::slotted(*:last-ch
     });
   }
   render() {
-    return o(i, { key: "1eb1645da55f8f7b733355ab42ca0b454a21df88" }, o("slot", { key: "94f43327f431616f052b029da3e65e9ff477e396" }));
+    return o(a, { key: "7889025b9ea75254eaabfcf488ec883378c01e5c" }, o("slot", { key: "3cd0eb5227421066116b06fac1d2e6ed488d03d5" }));
   }
   get el() {
-    return l(this);
+    return c(this);
   }
 };
-c.style = n;
+n.style = l;
 export {
-  c as swirl_accordion
+  n as swirl_accordion
 };

package/dist/{swirl-action-list-section.entry.6fe0713d.js → swirl-action-list-section.entry.9c44221a.js}

@@ -1,4 +1,4 @@
-import { r as e, h as a, H as i } from "./index.9632ab86.js";
+import { r as e, h as a, H as i } from "./index.8f538b02.js";
 import "react";
 import "react-dom";
 const t = ":host{display:block;width:100%}:host *{box-sizing:border-box}.action-list-section{background-color:var(--s-surface-overlay-default)}.action-list-section__label{display:block;width:100%;padding:var(--s-space-8) var(--s-space-16);color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.action-list-section__label{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);padding:var(--s-space-8) var(--s-space-12)}}", c = class {
@@ -6,7 +6,7 @@ const t = ":host{display:block;width:100%}:host *{box-sizing:border-box}.action-
     e(this, s), this.separatorSpacing = "4", this.spacing = "0", this.hasSeparator = !1;
   }
   render() {
-    return a(i, { key: "7bfa42bf3f2b323e10062a5f936b67cb72cce922" }, this.hasSeparator && a("swirl-separator", { key: "cfc8583b332a13653d5956a45461d362af20baa8", spacing: this.separatorSpacing }), a("div", { key: "b35da16e174668393122c764d9d9036729267a7e", "aria-labelledby": "label", class: "action-list-section", role: "group" }, a("span", { key: "6b8774ffb9c32c9804d73f6dbbc69874bebb1b82", class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), a("swirl-stack", { key: "e18cc67c6c8e18af98ca93e82eeb8fc542e988d8", spacing: this.spacing, align: "stretch" }, a("slot", { key: "64ef602444e47871b115792f4128cd8ecf050390" }))));
+    return a(i, { key: "511a8b83e8c4f68e029406b60669253570bcc48d" }, this.hasSeparator && a("swirl-separator", { key: "42b740aaa40bc5dbe03da925c702f4bbe613817b", spacing: this.separatorSpacing }), a("div", { key: "66e3818e57a2b506174a39ba81f52d2228da8e6b", "aria-labelledby": "label", class: "action-list-section", role: "group" }, a("span", { key: "a1bdb4cdf8bb9849ccab3656f9eb8b88ffe4b132", class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), a("swirl-stack", { key: "c964cd1d0d54201e7c977e16a4dbb84cc0d5d359", spacing: this.spacing, align: "stretch" }, a("slot", { key: "b3d173498c5b9c8f16b9d95e60230bdb8bce3110" }))));
   }
 };
 c.style = t;

package/dist/{swirl-action-list_2.entry.319107fb.js → swirl-action-list_2.entry.1ae9a3da.js}

@@ -1,6 +1,6 @@
-import { r as c, h as o, H as l, g as d } from "./index.9632ab86.js";
-import { q as h, k as m } from "./utils-D_MUFqkF.654ff3ce.js";
-import { c as f } from "./index-orsBiyT_.fc4357c3.js";
+import { r as c, h as o, H as l, g as d } from "./index.8f538b02.js";
+import { q as h, k as f } from "./utils-D_MUFqkF.654ff3ce.js";
+import { c as m } from "./index-orsBiyT_.fc4357c3.js";
 import { D as u } from "./media-query.service-Cx_VEA2f.c4de15e1.js";
 import "react";
 import "react-dom";
@@ -40,7 +40,7 @@ const b = ":host{display:block;width:100%}:host *{box-sizing:border-box}.action-
     (s = i[e]) == null || s.focus();
   }
   getActiveItemIndex() {
-    const i = this.getItems(), t = m();
+    const i = this.getItems(), t = f();
     return i.findIndex((e) => e === t || e === (t == null ? void 0 : t.querySelector('[role="menuitem"]')));
   }
   setSectionSeparator() {
@@ -52,7 +52,7 @@ const b = ":host{display:block;width:100%}:host *{box-sizing:border-box}.action-
     });
   }
   render() {
-    return o(l, { key: "fc7ebb5df8998a9192107106120ad70711590d03" }, o("div", { key: "be2231e59e4d062ac79780ddc250e6337a74f39d", "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: "98324ce031be7c0666e1c0f425718f9ebc86d7e6", onSlotchange: this.setSectionSeparator })));
+    return o(l, { key: "0dd1f57febfea783b0e1dee429104b12d4819a10" }, o("div", { key: "85865f3e4611208d541134b51fbd8725a0dabc5b", "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: "e39aefd6e63c0f0bf43d75a50314773ea1996312", onSlotchange: this.setSectionSeparator })));
   }
   get el() {
     return d(this);
@@ -80,7 +80,7 @@ const v = ":host{display:block}:host *{box-sizing:border-box}.action-list-item{d
     s == null || s.setAttribute("size", "xs"), s == null || s.setAttribute("variant", "dot"), (e == null ? void 0 : e.tagName) !== "SWIRL-TAG" && (e == null || e.setAttribute("size", i ? "20" : "24"));
   }
   render() {
-    const i = Boolean(this.badge), t = Boolean(this.iconBadge), e = Boolean(this.el.querySelector('[slot="suffix"]')), s = (Boolean(this.suffix) || e) && !this.disabled, a = f("action-list-item", `action-list-item--intent-${this.intent}`, `action-list-item--size-${this.size}`);
+    const i = Boolean(this.badge), t = Boolean(this.iconBadge), e = Boolean(this.el.querySelector('[slot="suffix"]')), s = (Boolean(this.suffix) || e) && !this.disabled, a = m("action-list-item", `action-list-item--intent-${this.intent}`, `action-list-item--size-${this.size}`);
     return o(l, { key: "6e0ba3475bbabc4b456d23070aada4ad73a7bef7" }, o("button", { key: "568753980452f56f6305573cfacc1540728f8a64", "aria-expanded": this.swirlAriaExpanded, "aria-haspopup": this.swirlAriaHaspopup, class: a, disabled: this.disabled, part: "action-list-item", role: "menuitem", tabIndex: -1, type: "button" }, o("slot", { key: "90c23d6a829bdb2903ff76eda7852101b174b198", name: "avatar" }), this.icon && o("span", { key: "1855b294b64760c5399cfb9b371715399ed2e985", class: "action-list-item__icon", innerHTML: this.icon, ref: (n) => this.iconEl = n }, t && o("span", { key: "1db1f001b6a4e9d40d4e11dddb5f2a45c8c81106", class: "action-list-item__icon-badge", innerHTML: this.iconBadge, ref: (n) => this.iconBadgeEl = n })), o("span", { key: "a55df1b640cb5c5109dc632c39dca728fce290da", class: "action-list-item__label-container" }, o("span", { key: "ae479a05bbfd854b8472d3977d7489df73e611cb", class: "action-list-item__label" }, this.label), this.description && o("span", { key: "959761897cc5c8d4d2474795460b66bb5d22475b", class: "action-list-item__description" }, this.description)), i && o("span", { key: "cd679c3648c86d6d7f5c9c37f1d02e8b14cd2bfe", class: "action-list-item__badge", innerHTML: this.badge }), s && o("span", { key: "88754ec73e17680ebdc939f42df996dace73fdce", class: "action-list-item__suffix", innerHTML: e ? void 0 : this.suffix, ref: (n) => this.suffixEl = n }, o("slot", { key: "37b5c4659a5ff5c1e36e9dd47292180e9b9a5dac", name: "suffix" }))));
   }
   get el() {

package/dist/{swirl-app-bar.entry.61d828c2.js → swirl-app-bar.entry.8edf19ba.js}

@@ -1,4 +1,4 @@
-import { r as n, c as s, h as t, H as c, g as r } from "./index.9632ab86.js";
+import { r as n, c as s, h as t, H as c, g as r } from "./index.8f538b02.js";
 import { c as l } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-app-icon.entry.e49ccb8d.js → swirl-app-icon.entry.7729a493.js}

@@ -1,4 +1,4 @@
-import { r as n, h as a, H as o } from "./index.9632ab86.js";
+import { r as n, h as s, H as o } from "./index.8f538b02.js";
 import { c as l } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";
@@ -9,8 +9,8 @@ const r = ":host{display:inline-flex}:host *{box-sizing:border-box}.app-icon{pos
     }, this.setImageUnavailable = () => {
       this.imageAvailable = !1;
     }, this.onImageElementUpdate = (i) => {
-      var t, s;
-      (t = this.imgEl) == null || t.removeEventListener("load", this.setImageAvailable), (s = this.imgEl) == null || s.removeEventListener("error", this.setImageUnavailable), this.imgEl = i, this.imgEl && (this.imgEl.addEventListener("load", this.setImageAvailable), this.imgEl.addEventListener("error", this.setImageUnavailable));
+      var t, a;
+      (t = this.imgEl) == null || t.removeEventListener("load", this.setImageAvailable), (a = this.imgEl) == null || a.removeEventListener("error", this.setImageUnavailable), this.imgEl = i, this.imgEl && (this.imgEl.addEventListener("load", this.setImageAvailable), this.imgEl.addEventListener("error", this.setImageUnavailable));
     };
   }
   disconnectedCallback() {
@@ -18,10 +18,10 @@ const r = ":host{display:inline-flex}:host *{box-sizing:border-box}.app-icon{pos
     (e = this.imgEl) == null || e.removeEventListener("load", this.setImageAvailable), (i = this.imgEl) == null || i.removeEventListener("error", this.setImageUnavailable);
   }
   render() {
-    const e = Boolean(this.src) && (this.imageAvailable || this.imageAvailable === void 0), i = !e && Boolean(this.icon), s = l("app-icon", {
+    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 a(o, { key: "f70423e5cbaf2d6ebf7e051a18ebb9ea3d9c3218" }, a("span", { key: "6a7332c2bcdfef2d4c80c1703f6c8e6d21b0e0d5", class: s }, e && a("img", { key: "58720fe3b1feb0575f8a0d6b872b45d4eec57806", alt: "", height: "256", ref: this.onImageElementUpdate, src: this.src, width: "256" }), i && a("span", { key: "1cededc1291b27d73c25d01163736e17cf296243", class: "app-icon__icon", innerHTML: this.icon })));
+    return s(o, { key: "0678d24af53e36995ce49232513940672f1623fe" }, s("span", { key: "a2e2fef78199d7d91d25c55591ad7dfd7136d036", class: a }, e && s("img", { key: "7005b6b43b9215c96a4a04944d2ac25d2536f9b3", alt: "", height: "256", ref: this.onImageElementUpdate, src: this.src, width: "256" }), i && s("span", { key: "0d1539585d6e4d278b9f24c4db68728d9e3f89d9", class: "app-icon__icon", innerHTML: this.icon })));
   }
 };
 c.style = r;

package/dist/{swirl-app-layout_5.entry.5f2b4e13.js → swirl-app-layout_5.entry.f0e9222b.js}

@@ -1,4 +1,4 @@
-import { r as p, c as l, h as e, H as c, g as u, F as h } from "./index.9632ab86.js";
+import { r as p, c as l, h as e, H as c, g as u, F as h } from "./index.8f538b02.js";
 import { c as b } from "./index-orsBiyT_.fc4357c3.js";
 import { D as k } from "./media-query.service-Cx_VEA2f.c4de15e1.js";
 import { d as y, i as g, s as v } from "./utils-D_MUFqkF.654ff3ce.js";
@@ -225,7 +225,7 @@ const V = ":host{display:block}:host *{box-sizing:border-box}.empty-state{displa
       "empty-state--has-controls": t,
       "empty-state--has-slotted-illustration": a
     });
-    return e(c, { key: "012ddb1c912baadace65e570840076b47a2b3e2a" }, e("div", { key: "8b4adbc596e43e6a9a8fc7d7209085eb971124ab", class: i }, this.illustration && !a && e("img", { key: "df891850a32dd7708f4a47bef09386650b3d7eca", alt: "", class: "empty-state__illustration", src: this.illustration }), e("div", { key: "e6fe758cb3a40aaa44783e3bda10541cfe29599c", class: "empty-state__slotted-illustration" }, e("slot", { key: "7a809c9387bb976966877c01cb7be376f1a9772a", name: "illustration" })), e("div", { key: "8304a2871ffe33baf473b946cec6dc3ad559ce1b", class: "empty-state__body" }, e("swirl-stack", { key: "bcf7f760e2b4833059bdc76c00882596a89bb973", align: "stretch", spacing: "8" }, this.heading && e("swirl-heading", { key: "1135f136f92074824d7e5691d06a1fb735bc74ee", align: "center", as: `h${this.headingLevel}`, level: 4, text: this.heading }), e("div", { key: "320ae9005a9e0e627b0a02d99c2be7d1cd7d82d1", class: "empty-state__content" }, e("swirl-text", { key: "2b1373ea276326316da2c84f99ad7df73750e355", align: "center", color: "subdued" }, e("slot", { key: "882b1551d512776d29c7b14c8cfc77014c09ca7e" })))), e("div", { key: "390f8200cef094b3d19aefb50a040a3fa8f1bbdb", class: "empty-state__controls" }, e("slot", { key: "9da9474dfbdaeca4be918e3ba33d66d18f8e1e43", name: "controls" })))));
+    return e(c, { key: "962fdad80a6b26240fa1ded1834844e28725ba01" }, e("div", { key: "d59c16d1b2a0d5344bf8038f6ebef9e3bd2638f9", class: i }, this.illustration && !a && e("img", { key: "4183c7c226ab6feac338625758c646b07f5eeb8c", alt: "", class: "empty-state__illustration", src: this.illustration }), e("div", { key: "64cda3edba54e111b03e0418f7001d30bbffe03d", class: "empty-state__slotted-illustration" }, e("slot", { key: "a02e0d981c89d42386ed52fa909eff0364a8a88a", name: "illustration" })), e("div", { key: "a53f7dce159bd3f01b1107b9617e72582aff332e", class: "empty-state__body" }, e("swirl-stack", { key: "1e844ad3c87217dc5cb5e704b5077a4c4c4bb169", align: "stretch", spacing: "8" }, this.heading && e("swirl-heading", { key: "d2a6ed48d70f5f15c5ba5f000192a255dc2d541a", align: "center", as: `h${this.headingLevel}`, level: 4, text: this.heading }), e("div", { key: "1e5bb76e0d2f40d86446f0f8661a1a43cdc0e07e", class: "empty-state__content" }, e("swirl-text", { key: "7e83491f90cdff42336f60d533f998223326128d", align: "center", color: "subdued" }, e("slot", { key: "4fd7ef450e7525054874f364fc3798b2d4b14a7a" })))), e("div", { key: "48dde402dad5763d3376d53574717d2205ed198d", class: "empty-state__controls" }, e("slot", { key: "128e24b7e8c7f596e080d8ea47f0be199902298e", name: "controls" })))));
   }
   get el() {
     return u(this);
@@ -240,7 +240,7 @@ const z = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{
     const t = this.size === 20 ? 24 : this.size, a = {
       color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
     }, i = b("swirl-icon", `swirl-icon--size-${this.size}`);
-    return e("svg", { key: "52fe577136ec4995067be80eca31b8825e2a7371", "aria-hidden": "true", class: i, fill: "none", height: this.size, part: "icon", style: a, viewBox: `0 0 ${t} ${t}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && e(h, { key: "c10a082d8408400178a767ca89eb6fb0e0094f1f" }, e("path", { key: "5a1b2dc67090aaa14a1c1d50ba2b73ec42793df4", 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) && e(h, { key: "86c74743f3b0d2f5209ec8e1212f38a5c2f05d7d" }, e("path", { key: "10adbb01c1db965e0ead2a65d946051658c29585", 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 && e(h, { key: "17591dbed68fb1cae3f061e0931709b703985dc2" }, e("path", { key: "812bfadcc494faee73cc428a31906206dd902cb6", 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 e("svg", { key: "e157f20a52f78b668c004a4161a88b1999df987a", "aria-hidden": "true", class: i, fill: "none", height: this.size, part: "icon", style: a, viewBox: `0 0 ${t} ${t}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && e(h, { key: "11696651e7bb3d6183465c4cb81b0283b6f073c6" }, e("path", { key: "874857d9cb321345c1d5edff4eb7bd23e7f7b93c", 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) && e(h, { key: "93f9924570d3f50e2043eb11cd920dd4ce76daa3" }, e("path", { key: "549c6e9b53418009e6c292d3729349b6e9f073d8", 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 && e(h, { key: "86d2ccea683ac42e23e547c3980d33961744d7b0" }, e("path", { key: "770029d06dde4946c50344e67a014f043edbb745", 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;
@@ -369,7 +369,7 @@ const q = ".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource
   }
   render() {
     var t, a, i, o, r, n;
-    return e(c, { key: "c75f0ba1985a00ac6dbc67289a6b4810c37be961", onKeyDown: this.onKeyDown }, e("swirl-visually-hidden", { key: "90494b940f1e6c1293d60c04458822c99c0fb2ba", role: "alert" }, this.assistiveText), e("swirl-box", { key: "f33276012374609326842e3d638c21d0f556a0d9", paddingBlockEnd: (t = this.paddingBlockEnd) != null ? t : this.padding, paddingBlockStart: (a = this.paddingBlockStart) != null ? a : this.padding, paddingInlineEnd: (o = (i = this.paddingInlineEnd) != null ? i : this.padding) != null ? o : "8", paddingInlineStart: (n = (r = this.paddingInlineStart) != null ? r : this.padding) != null ? n : "8" }, e("swirl-stack", { key: "46a26973aaa57dff81309f36c62bdaf457f0c1e2", "aria-label": this.label, class: "resource-list", id: this.listId, ref: (d) => this.gridEl = d, role: this.semantics, spacing: this.spacing }, e("slot", { key: "5270fb4d8807d1818369b3afde14ea0cb5ccf20b" }))));
+    return e(c, { key: "cebcef9bd2b4f9c9bdb07eb60b1455fe961506fe", onKeyDown: this.onKeyDown }, e("swirl-visually-hidden", { key: "3ec608204ed57e938706be802f55e69a1de4e042", role: "alert" }, this.assistiveText), e("swirl-box", { key: "1264ea92a2dc6dad647e917dd90267e52b175345", paddingBlockEnd: (t = this.paddingBlockEnd) != null ? t : this.padding, paddingBlockStart: (a = this.paddingBlockStart) != null ? a : this.padding, paddingInlineEnd: (o = (i = this.paddingInlineEnd) != null ? i : this.padding) != null ? o : "8", paddingInlineStart: (n = (r = this.paddingInlineStart) != null ? r : this.padding) != null ? n : "8" }, e("swirl-stack", { key: "e1ce6259ade426672a4bbcf873e8072eda93a167", "aria-label": this.label, class: "resource-list", id: this.listId, ref: (d) => this.gridEl = d, role: this.semantics, spacing: this.spacing }, e("slot", { key: "d8c26a1e3dbaaa405caaafb74d4de11632a26bbe" }))));
   }
   get el() {
     return u(this);
@@ -456,7 +456,7 @@ const $ = `.sc-swirl-resource-list-item-h{position:relative;display:block;width:
       "resource-list-item--wrap-description": this.descriptionWrap,
       "resource-list-item--wrap-label": this.labelWrap
     });
-    return e(c, { key: "6c76f75792d6dc74bd6f5b8344f73b71a15a578b", role: f }, e("div", { key: "7a0f9adcc65b2e078cf1e92a824e7b3b32ca8171", class: T, role: B }, e(t, { key: "64293b307dae26d1bd82ac527542ae97875d38af", "aria-checked": C, "aria-disabled": a ? "true" : void 0, "aria-label": S, "aria-labelledby": Boolean(this.swirlAriaLabel) ? void 0 : this.elementId, class: "resource-list-item__content", style: { alignItems: this.alignItems }, href: n, disabled: a, onClick: this.onClick, onBlur: this.onBlur, onFocus: this.onFocus, part: "resource-list-item__content", role: I, tabIndex: 0, type: t === "button" ? "button" : void 0 }, this.hasMedia && e("span", { key: "2fce8f7495ab34f3cb7b1ea111b5724ebdbc928c", class: "resource-list-item__media" }, e("slot", { key: "6d9931d51a481119e6987169d2f524978047e171", name: "media" })), e("span", { key: "dcccc9fa94a5455345d8922427ab5ba53c6d5f1e", class: "resource-list-item__label-container", style: E }, e("span", { key: "412c03a02bef3fa75a331829f8af7ae69fba82c6", class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : void 0 }, !this.allowHtml && this.label), this.description && e("span", { key: "67f45dd519ad32d53b1e85b68679795a4ba44dc8", class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : void 0 }, !this.allowHtml && this.description)), s && e("span", { key: "9f5ab5eeed07720b961522a1ef1af3cadeda86dd", class: "resource-list-item__meta" }, e("span", { key: "61e080794fec67e333baebe4c0260bcaf0a2ba6e", class: "resource-list-item__meta-text" }, this.meta), e("span", { key: "f696df19b5525800aac6bd38e04772294c1dfc00", class: "resource-list-item__badges" }, e("slot", { key: "e52d5675e77b9d9dd4733471b18e79114cc7d579", name: "badges" })))), this.selectable && e("span", { key: "328bf9f77fb257ce7babfb6e2c2bdf00eb79a09f", "aria-hidden": "true", class: "resource-list-item__checkbox" }, e("span", { key: "89b630fa4ef44df45ae92c1b8d8e59c46fb508e6", class: "resource-list-item__checkbox-icon" }, this.checked && e("swirl-icon-check-strong", { key: "a739f4cd3d40556246756e9aa7191e1cae75308c" }))), e("span", { key: "7016fecfdb6f9d773ab341b9d659480fa8dda230", class: "resource-list-item__control", onClick: this.onControlClick, ref: (D) => this.controlContainer = D }, e("slot", { key: "9e6b697833a71e8878f7aca8bf466f8be91426bb", name: "control" })), m && e("swirl-popover-trigger", { key: "f876ed787b3771ccf3ea25a919a57d57bfd85c07", swirlPopover: this.menuTriggerId }, e("swirl-button", { key: "194c091ff2a129be9061f2908092d48327ebc8e7", "aria-disabled": a ? "true" : void 0, class: "resource-list-item__menu-trigger", disabled: a, hideLabel: !0, icon: "<swirl-icon-more-horizontal></swirl-icon-more-horizontal>", intent: "primary", label: this.menuTriggerLabel, onClick: this.onMenuTriggerClick }))), this.allowDrag && e("button", { key: "928ccc6af654fe763af660b030071f65f28275e1", "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "resource-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, type: "button" }, e("swirl-icon-drag-handle", { key: "34e494f339aea261ec37330f315c20336324f29e", size: this.iconSize })));
+    return e(c, { key: "99d705af69a7d7457da693a1c5c67706f6635845", role: f }, e("div", { key: "a59c5927cae5448c3917a2af8387b50dcd2d3ef4", class: T, role: B }, e(t, { key: "b3e5fac4c8925d3a06a26b7d0b79aa58e3def37f", "aria-checked": C, "aria-disabled": a ? "true" : void 0, "aria-label": S, "aria-labelledby": Boolean(this.swirlAriaLabel) ? void 0 : this.elementId, class: "resource-list-item__content", style: { alignItems: this.alignItems }, href: n, disabled: a, onClick: this.onClick, onBlur: this.onBlur, onFocus: this.onFocus, part: "resource-list-item__content", role: I, tabIndex: 0, type: t === "button" ? "button" : void 0 }, this.hasMedia && e("span", { key: "ec4113d40664af96c8c8dbeec32501b1f57c0f21", class: "resource-list-item__media" }, e("slot", { key: "c4d9601f58a3f128cf88254a2d5bde98c36d1628", name: "media" })), e("span", { key: "6ae242f557e807b2ef95c2b6d775151eae4b4d47", class: "resource-list-item__label-container", style: E }, e("span", { key: "d7489459160e4dfebc38d3f1ab637ff7ec0a2096", class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : void 0 }, !this.allowHtml && this.label), this.description && e("span", { key: "ae91a04a4916ca91e50984da265e4a94d08ef4c3", class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : void 0 }, !this.allowHtml && this.description)), s && e("span", { key: "4188d689a7330f8ab41534becf9059258eb571d9", class: "resource-list-item__meta" }, e("span", { key: "5a63a90a5478728f57611efed228919b856e0ecf", class: "resource-list-item__meta-text" }, this.meta), e("span", { key: "04fb7f9e250e2772cbf78567d74a5496fd96897b", class: "resource-list-item__badges" }, e("slot", { key: "950c710d8150ba65f67becb2a072aa241fc0109f", name: "badges" })))), this.selectable && e("span", { key: "1d5e33c7003f06937bd11c3d1e3a2e8b2751b43e", "aria-hidden": "true", class: "resource-list-item__checkbox" }, e("span", { key: "0518fad3b25324d5f4b4b32bcc5ed84bbdef7542", class: "resource-list-item__checkbox-icon" }, this.checked && e("swirl-icon-check-strong", { key: "5578df09145bd0c8a66a7a3f97fbdbaf15edee11" }))), e("span", { key: "35605bfc79aa8f8653d9f109af0741247ef7d555", class: "resource-list-item__control", onClick: this.onControlClick, ref: (D) => this.controlContainer = D }, e("slot", { key: "c3771a13badc88d14e856c3f5391ff904420c2c4", name: "control" })), m && e("swirl-popover-trigger", { key: "351458c498c327220f1b55c8b5a3b27038c5bfeb", swirlPopover: this.menuTriggerId }, e("swirl-button", { key: "8ad88ba909010c7ab1fc300cbd52d533bf8eae19", "aria-disabled": a ? "true" : void 0, class: "resource-list-item__menu-trigger", disabled: a, hideLabel: !0, icon: "<swirl-icon-more-horizontal></swirl-icon-more-horizontal>", intent: "primary", label: this.menuTriggerLabel, onClick: this.onMenuTriggerClick }))), this.allowDrag && e("button", { key: "e26acb5a079ec58706794f89d742e6aad3448203", "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "resource-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, type: "button" }, e("swirl-icon-drag-handle", { key: "128042b80216937f197dd36ca5f055fcacf23150", size: this.iconSize })));
   }
   get el() {
     return u(this);

package/dist/{swirl-autocomplete.entry.a769fb73.js → swirl-autocomplete.entry.b741f755.js}

@@ -1,4 +1,4 @@
-import { r as p, c as m, h as o, H as b, g as f } from "./index.9632ab86.js";
+import { r as p, c as m, h as o, H as b, g as f } from "./index.8f538b02.js";
 import { N as g, P as v, D as y } from "./floating-ui.dom.browser.min-BtsCuEVE.45e9e353.js";
 import { c as w } from "./index-orsBiyT_.fc4357c3.js";
 import { d as S } from "./utils-D_MUFqkF.654ff3ce.js";

package/dist/{swirl-avatar-group.entry.2a046b4e.js → swirl-avatar-group.entry.6e35bd42.js}

@@ -1,4 +1,4 @@
-import { r as s, h as a, H as i } from "./index.9632ab86.js";
+import { r as s, h as a, H as i } from "./index.8f538b02.js";
 import { c as t } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";
@@ -19,7 +19,7 @@ const d = ":host{display:inline-flex}:host *{box-sizing:border-box}.avatar-group
     const r = t("avatar-group", {
       "avatar-group--has-badge": Boolean(this.badge)
     }), e = t("avatar-group__badge");
-    return a(i, { key: "f17874f56ac78e25750d455dc5adeb08141e13f9" }, a("div", { key: "01325fd700a357838683f7dabc9b6269e6ad000b", class: r, role: "group" }, a("slot", { key: "9cb31e7eb07d87e8333273134021cd1a82665512" }), this.badge && a("span", { key: "549f3533b3aa413fde00af14ff68e99698145af3", class: e, innerHTML: this.badge, ref: (o) => this.badgeEl = o })));
+    return a(i, { key: "3d323ce2f50de15cda4630897705da5446856e20" }, a("div", { key: "49b71c1a65716a95d9885ae16cb6fb18422cdbfc", class: r, role: "group" }, a("slot", { key: "c5176ddecea970fae882e6eb7b7c5d9c2462561b" }), this.badge && a("span", { key: "6de3511f5027ae3eb6abedfa053bf6504538b808", class: e, innerHTML: this.badge, ref: (o) => this.badgeEl = o })));
   }
 };
 l.style = d;

package/dist/{swirl-avatar.entry.09351765.js → swirl-avatar.entry.20ecdf27.js}

@@ -1,4 +1,4 @@
-import { r as m, c as o, h as e, H as g, g as b } from "./index.9632ab86.js";
+import { r as m, c as o, h as e, H as g, g as b } from "./index.8f538b02.js";
 import { c as s } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-badge.entry.9861efb0.js → swirl-badge.entry.837fd543.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, F as t, H as r } from "./index.9632ab86.js";
+import { r as i, h as e, F as t, H as r } from "./index.8f538b02.js";
 import { c as s } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-banner.entry.094f8984.js → swirl-banner.entry.ca830ee3.js}

@@ -1,4 +1,4 @@
-import { r as o, c as r, h as i, H as c, g as b } from "./index.9632ab86.js";
+import { r as o, c as r, h as i, H as c, g as b } from "./index.8f538b02.js";
 import { c as d } from "./index-orsBiyT_.fc4357c3.js";
 import { D as l } from "./media-query.service-Cx_VEA2f.c4de15e1.js";
 import "react";

package/dist/{swirl-box.entry.f3b9ad17.js → swirl-box.entry.d039f135.js}

@@ -1,4 +1,4 @@
-import { r, c as d, h as t, H as l, g as s } from "./index.9632ab86.js";
+import { r, c as d, h as t, H as l, g as s } from "./index.8f538b02.js";
 import { c as i } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-button-group.entry.a3d4aa99.js → swirl-button-group.entry.96b73bb1.js}

@@ -1,4 +1,4 @@
-import { r as s, h as r, H as i } from "./index.9632ab86.js";
+import { r as s, h as r, H as i } from "./index.8f538b02.js";
 import { c as e } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-button.entry.e86ce7cd.js → swirl-button.entry.f1276b33.js}

@@ -1,4 +1,4 @@
-import { r as u, h as o, H as c, g as d } from "./index.9632ab86.js";
+import { r as u, h as o, H as c, g as d } from "./index.8f538b02.js";
 import { c as v } from "./index-orsBiyT_.fc4357c3.js";
 import { D as w } from "./media-query.service-Cx_VEA2f.c4de15e1.js";
 import "react";

package/dist/{swirl-card.entry.d7238d07.js → swirl-card.entry.997094cb.js}

@@ -1,4 +1,4 @@
-import { r as d, c as n, h as e, H as c, g as l } from "./index.9632ab86.js";
+import { r as d, c as n, h as e, H as c, g as l } from "./index.8f538b02.js";
 import { c as u } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-carousel-slide.entry.40e1df2a.js → swirl-carousel-slide.entry.1c5f8a7e.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, H as t } from "./index.9632ab86.js";
+import { r as i, h as e, H as t } from "./index.8f538b02.js";
 import { c as a } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";
@@ -10,11 +10,11 @@ const o = ":host{display:block;min-width:0}:host(.carousel-slide--has-min-height
     const s = a("carousel-slide", {
       "carousel-slide--has-min-height": Boolean(this.minHeight)
     });
-    return e(t, { key: "a13a0d3f14e4da4520497ec73c3f5376f304d9da", "aria-roledescription": "slide", "aria-label": this.label, class: s, role: "group", style: {
+    return e(t, { key: "6b0a900b2a8c73fd92c45f79b13ee8090455581f", "aria-roledescription": "slide", "aria-label": this.label, class: s, role: "group", style: {
       aspectRatio: this.aspectRatio,
       flexBasis: this.width,
       minHeight: this.minHeight
-    }, tabIndex: 0 }, e("slot", { key: "3957b6fe93fd41b426c10f76fd74d7c77716da0e" }));
+    }, tabIndex: 0 }, e("slot", { key: "5ff3a989f4eb4a17b08024b08e4eeaa5d809f336" }));
   }
 };
 l.style = o;

package/dist/{swirl-carousel.entry.6559ac58.js → swirl-carousel.entry.05460db8.js}

@@ -1,4 +1,4 @@
-import { r as a, c as n, h as l, H as r, g as d } from "./index.9632ab86.js";
+import { r as a, c as n, h as l, H as r, g as d } from "./index.8f538b02.js";
 import { c } from "./index-orsBiyT_.fc4357c3.js";
 import { d as h } from "./utils-D_MUFqkF.654ff3ce.js";
 import "react";

package/dist/{swirl-checkbox.entry.f579cdd4.js → swirl-checkbox.entry.a13d5828.js}

@@ -1,10 +1,10 @@
-import { r as b, c as l, h as c, H as t } from "./index.9632ab86.js";
+import { r as b, c as l, h as c, H as t } from "./index.8f538b02.js";
 import { c as d } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";
-const n = `.sc-swirl-checkbox-h{display:inline-flex}.sc-swirl-checkbox-h *.sc-swirl-checkbox{box-sizing:border-box}.checkbox.sc-swirl-checkbox{display:inline-flex;line-height:var(--s-line-height-base);cursor:pointer}.checkbox.sc-swirl-checkbox:focus-within .checkbox__box.sc-swirl-checkbox{box-shadow:0 0 0 0.0625rem var(--s-background-default),
+const n = `.sc-swirl-checkbox-h{display:inline-flex}.sc-swirl-checkbox-h *.sc-swirl-checkbox{box-sizing:border-box}.checkbox.sc-swirl-checkbox{display:inline-flex;line-height:var(--s-line-height-base);cursor:pointer;flex-grow:1}.checkbox.sc-swirl-checkbox:focus-within .checkbox__box.sc-swirl-checkbox{box-shadow:0 0 0 0.0625rem var(--s-background-default),
       0 0 0 0.1875rem var(--s-focus-default)}.checkbox--variant-card.sc-swirl-checkbox{width:100%;padding:var(--s-space-16);border:0.0625rem solid var(--s-border-default);border-radius:var(--s-border-radius-sm);background-color:var(--s-surface)}.checkbox--variant-card.sc-swirl-checkbox:focus-within{box-shadow:0 0 0 0.125rem var(--s-background-default),
-      0 0 0 0.25rem var(--s-focus-default)}.checkbox--variant-card.sc-swirl-checkbox:focus-within .checkbox__box.sc-swirl-checkbox{box-shadow:none}.checkbox--variant-card.sc-swirl-checkbox:hover:not(.checkbox--disabled){background-color:var(--s-surface-hovered)}.checkbox--variant-card.sc-swirl-checkbox:active:not(.checkbox--disabled){background-color:var(--s-surface-pressed)}.checkbox--variant-card.checkbox--checked.sc-swirl-checkbox:not(.checkbox--disabled){border-color:var(--s-border-highlight)}.checkbox--variant-card.checkbox--invalid.sc-swirl-checkbox:not(.checkbox--disabled){border-color:var(--s-border-critical)}.checkbox--checked.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox,.checkbox--indeterminate.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox{border-color:var(--s-interactive-primary-hovered);background-color:var(--s-interactive-primary-hovered)}.checkbox--checked.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox,.checkbox--indeterminate.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{border-color:var(--s-icon-highlight);color:var(--s-text-on-status);background-color:var(--s-icon-highlight)}.checkbox--invalid.checkbox--checked.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox,.checkbox--invalid.checkbox--indeterminate.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{background-color:var(--s-icon-critical)}.checkbox--invalid.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{border-color:var(--s-icon-critical)}.checkbox--disabled.sc-swirl-checkbox{cursor:default}.checkbox--disabled.checkbox--checked.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox,.checkbox--disabled.checkbox--indeterminate.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox{border-color:var(--s-icon-disabled);background-color:var(--s-icon-disabled)}.checkbox--disabled.checkbox--checked.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox,.checkbox--disabled.checkbox--indeterminate.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{background-color:var(--s-icon-disabled)}.checkbox--disabled.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox{background-color:transparent}.checkbox--disabled.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{border-color:var(--s-icon-disabled)}.checkbox--disabled.sc-swirl-checkbox .checkbox__label.sc-swirl-checkbox,.checkbox--disabled.sc-swirl-checkbox .checkbox__description.sc-swirl-checkbox{color:var(--s-text-disabled)}.checkbox--label-weight-regular.sc-swirl-checkbox .checkbox__label.sc-swirl-checkbox{font-weight:var(--s-font-weight-regular)}.checkbox__control.sc-swirl-checkbox{position:relative;width:1.5rem;height:1.5rem;padding:var(--s-space-2);flex-shrink:0}.checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox{background-color:var(--s-action-neutral-hovered)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.checkbox__control.sc-swirl-checkbox{width:1.375rem;height:1.375rem}}.checkbox__box.sc-swirl-checkbox{position:relative;z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:var(--s-border-radius-s)}.checkbox__icon.sc-swirl-checkbox{display:inline-flex;width:1.0625rem;height:1.0625rem}.checkbox__icon.sc-swirl-checkbox>*.sc-swirl-checkbox::part(icon){width:1.0625rem;height:1.0625rem}.checkbox__indeterminate-icon.sc-swirl-checkbox{position:relative;width:100%;height:100%}.checkbox__indeterminate-icon.sc-swirl-checkbox:after{position:absolute;top:50%;left:50%;width:0.625rem;height:0.125rem;border-radius:0.0625rem;background-color:currentColor;content:"";transform:translate3d(-50%, -50%, 0)}.checkbox__label-container.sc-swirl-checkbox{display:inline-flex;margin-left:var(--s-space-8);padding-top:var(--s-space-2);align-items:flex-start;flex-direction:column}.checkbox__label.sc-swirl-checkbox{font-weight:var(--s-font-weight-medium)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.checkbox__label.sc-swirl-checkbox{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.checkbox__description.sc-swirl-checkbox{color:var(--s-text-subdued)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.checkbox__description.sc-swirl-checkbox{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}`, k = class {
+      0 0 0 0.25rem var(--s-focus-default)}.checkbox--variant-card.sc-swirl-checkbox:focus-within .checkbox__box.sc-swirl-checkbox{box-shadow:none}.checkbox--variant-card.sc-swirl-checkbox:hover:not(.checkbox--disabled){background-color:var(--s-surface-hovered)}.checkbox--variant-card.sc-swirl-checkbox:active:not(.checkbox--disabled){background-color:var(--s-surface-pressed)}.checkbox--variant-card.checkbox--checked.sc-swirl-checkbox:not(.checkbox--disabled){border-color:var(--s-border-highlight)}.checkbox--variant-card.checkbox--invalid.sc-swirl-checkbox:not(.checkbox--disabled){border-color:var(--s-border-critical)}.checkbox--checked.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox,.checkbox--indeterminate.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox{border-color:var(--s-interactive-primary-hovered);background-color:var(--s-interactive-primary-hovered)}.checkbox--checked.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox,.checkbox--indeterminate.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{border-color:var(--s-icon-highlight);color:var(--s-text-on-status);background-color:var(--s-icon-highlight)}.checkbox--invalid.checkbox--checked.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox,.checkbox--invalid.checkbox--indeterminate.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{background-color:var(--s-icon-critical)}.checkbox--invalid.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{border-color:var(--s-icon-critical)}.checkbox--disabled.sc-swirl-checkbox{cursor:default}.checkbox--disabled.checkbox--checked.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox,.checkbox--disabled.checkbox--indeterminate.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox{border-color:var(--s-icon-disabled);background-color:var(--s-icon-disabled)}.checkbox--disabled.checkbox--checked.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox,.checkbox--disabled.checkbox--indeterminate.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{background-color:var(--s-icon-disabled)}.checkbox--disabled.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox{background-color:transparent}.checkbox--disabled.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{border-color:var(--s-icon-disabled)}.checkbox--disabled.sc-swirl-checkbox .checkbox__label.sc-swirl-checkbox,.checkbox--disabled.sc-swirl-checkbox .checkbox__description.sc-swirl-checkbox{color:var(--s-text-disabled)}.checkbox--label-weight-regular.sc-swirl-checkbox .checkbox__label.sc-swirl-checkbox{font-weight:var(--s-font-weight-regular)}.checkbox__control.sc-swirl-checkbox{position:relative;width:1.5rem;height:1.5rem;padding:var(--s-space-2);flex-shrink:0}.checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox{background-color:var(--s-action-neutral-hovered)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.checkbox__control.sc-swirl-checkbox{width:1.375rem;height:1.375rem}}.checkbox__box.sc-swirl-checkbox{position:relative;z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:var(--s-border-radius-s)}.checkbox__icon.sc-swirl-checkbox{display:inline-flex;width:1.0625rem;height:1.0625rem}.checkbox__icon.sc-swirl-checkbox>*.sc-swirl-checkbox::part(icon){width:1.0625rem;height:1.0625rem}.checkbox__indeterminate-icon.sc-swirl-checkbox{position:relative;width:100%;height:100%}.checkbox__indeterminate-icon.sc-swirl-checkbox:after{position:absolute;top:50%;left:50%;width:0.625rem;height:0.125rem;border-radius:0.0625rem;background-color:currentColor;content:"";transform:translate3d(-50%, -50%, 0)}.checkbox__label-container.sc-swirl-checkbox{display:inline-flex;margin-left:var(--s-space-8);align-items:flex-start;flex-direction:column}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.checkbox__label-container.sc-swirl-checkbox{padding-top:var(--s-space-2)}}.checkbox__label.sc-swirl-checkbox{font-weight:var(--s-font-weight-medium)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.checkbox__label.sc-swirl-checkbox{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.checkbox__description.sc-swirl-checkbox{color:var(--s-text-subdued)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.checkbox__description.sc-swirl-checkbox{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}`, x = class {
   constructor(e) {
     b(this, e), this.valueChange = l(this, "valueChange", 7), this.checked = !1, this.disabled = !1, this.labelWeight = "medium", this.variant = "default", this.onChange = () => {
       this.checked = !(this.checked === !0 || this.checked === "true"), this.valueChange.emit(this.checked);
@@ -24,7 +24,7 @@ const n = `.sc-swirl-checkbox-h{display:inline-flex}.sc-swirl-checkbox-h *.sc-sw
     return c(t, { key: "38efd2f720fa05c50cab83d831dbe89a75bacb66", style: { width: this.variant === "card" ? "100%" : void 0 } }, c("label", { key: "67043fe316855dea189be6ab881bfdfb723e3ecc", class: a, htmlFor: this.inputId }, c("span", { key: "4914260178c7e8b5e3d34194ed78332ffc9b4e88", class: "checkbox__control" }, c("swirl-visually-hidden", { key: "0ff1c7d8e8846892051ac64b1f846c73264b8598" }, c("input", { key: "f1418be880c823472810b09784d7971418a0d023", "aria-checked": r, "aria-describedby": this.swirlAriaDescribedby, "aria-invalid": h, "aria-label": this.swirlAriaLabel, checked: i, class: "checkbox__input", disabled: this.disabled, id: this.inputId, indeterminate: o, name: this.inputName, onChange: this.onChange, type: "checkbox", value: this.value })), c("span", { key: "d59a0780fa7d659c7ae08cbc21e3388eaed69e10", "aria-hidden": "true", class: "checkbox__box" }, c("span", { key: "c23383243cfe53a9b85d4100e8b6166c1b42f972", class: "checkbox__icon" }, i && c("swirl-icon-check-strong", { key: "671fe5e2cb55df26dced0c13159819abd15e498c" }), o && c("span", { key: "f02555616ef2059a4e9e686460cf193e37f020ff", class: "checkbox__indeterminate-icon" })))), s && c("span", { key: "ae445d06d03d3f2efd45682d66590aee1c985728", class: "checkbox__label-container" }, this.label && c("span", { key: "6a6be7b56266f2218799aebac36e6d6d1b409bfb", class: "checkbox__label" }, this.label), this.description && c("span", { key: "cb24c5979fde3237609ce63e30edc9426984732b", class: "checkbox__description" }, this.description))));
   }
 };
-k.style = n;
+x.style = n;
 export {
-  k as swirl_checkbox
+  x as swirl_checkbox
 };

package/dist/{swirl-chip.entry.148d15e4.js → swirl-chip.entry.753f4d62.js}

@@ -1,4 +1,4 @@
-import { r as o, c as s, h as i, H as h, g as p } from "./index.9632ab86.js";
+import { r as o, c as s, h as i, H as h, g as p } from "./index.8f538b02.js";
 import { c as n } from "./index-orsBiyT_.fc4357c3.js";
 import { D as l } from "./media-query.service-Cx_VEA2f.c4de15e1.js";
 import "react";

package/dist/{swirl-color-input.entry.687249d9.js → swirl-color-input.entry.ec672314.js}

@@ -1,4 +1,4 @@
-import { r as L, c as f, h as l, H as B } from "./index.9632ab86.js";
+import { r as L, c as f, h as l, H as B } from "./index.8f538b02.js";
 import { c as T } from "./index-orsBiyT_.fc4357c3.js";
 import { v as z } from "./v4-DD3477fe.2624487e.js";
 import "react";
@@ -254,9 +254,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: "838e1a09ef9ad9d82601c0ee9ad8038bd56a4612" }, l("div", { key: "f4d945f1fe8a59e88eddd8a138704800799a7bde", class: t }, l("input", { key: "19e865d95352f64718c8760421c48517e269e2df", "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: "8f93a120b41c7fdf6e07041583e8f316997b56eb", swirlPopover: this.pickerId }, l("button", { key: "86479c97ecdfa8e5aa513aeaecfca10481b8071a", "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
+    return l(B, { key: "06442d64beb2fbd63d6b57dd06385739f62c678c" }, l("div", { key: "04156a847fe4dd071d58f5f1203ed63ad13dd3aa", class: t }, l("input", { key: "fbc8643bc5aec60c89ff4c0ba0dea3ecc60ca635", "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: "77c784240913faa8092c4de8456d0e69527acd84", swirlPopover: this.pickerId }, l("button", { key: "e30a2c1979f56861788ceece1e0fe1141f496873", "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: "ac56511df4157711ea089b5e71b9e8b621b582f8", animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, l("swirl-box", { key: "7acc5cc2bf262debb52e20a4d6707346eb3f7e83", centerInline: !0, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, l("hex-color-picker", { key: "9752896cb0cb4cdc54fc5bb4c1ea50569959aad2", color: this.value, ref: (o) => this.picker = o })))));
+    }, type: "button" })), l("swirl-popover", { key: "f13ae51925a2667f7f64a97fe39b13de6f9ce7e7", animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, l("swirl-box", { key: "2fd33ab39b57e21dcb8fec555e31e32400b85d76", centerInline: !0, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, l("hex-color-picker", { key: "2c4ca5d20a15345f61a008ec81ef6864a21869f3", color: this.value, ref: (o) => this.picker = o })))));
   }
   static get watchers() {
     return {

package/dist/{swirl-columns.entry.a260197d.js → swirl-columns.entry.bb9b4c69.js}

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

package/dist/swirl-components-react.js

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