@getflip/swirl-components-react 0.311.0 → 0.313.0

package/dist/{swirl-accordion-item.entry.514164ce.js → swirl-accordion-item.entry.10a9c388.js}

@@ -1,13 +1,13 @@
-import { r as t, c as d, h as e, H as n, g as s } from "./index.2ad19391.js";
+import { r as t, c as d, h as e, H as n, g as s } from "./index.8320b5bc.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
-import { v as a } from "./v4-23648a96.77c7c20f.js";
+import { v as o } 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) {
-    t(this, i), this.expansionChange = d(this, "expansionChange", 7), this.headingId = `${a()}-heading`, this.onHeadingClick = () => {
+    t(this, i), this.expansionChange = d(this, "expansionChange", 7), this.headingId = `${o()}-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 = a(), this.expanded = !1;
+    }, 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;
   }
   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}`, o = r("accordion-item", {
+    const i = `h${this.headingLevel}`, a = r("accordion-item", {
       "accordion-item--expanded": this.expanded
     });
-    return e(n, { key: "f951ccc4ac61db37d06140df2d431419cd82901c" }, e("div", { key: "7fa7d7e89d574372e4217db6964b339603c9b3fc", class: o }, e(i, { key: "f829db405a340e95b471eaf26a440a4c42235d83", class: "accordion-item__heading" }, e("button", { key: "2ce164da5ab47a682c0069412b17ff506a4c1486", "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: "2214bb46310023a5e9c67b2d41a08804cc062c80", class: "accordion-item__toggle-text" }, this.heading, this.description && e("swirl-text", { key: "46d93be000154b0e26cdfafdfd0178608a0c5ad3", as: "span", color: "subdued", size: "sm" }, this.description)), e("span", { key: "b0ea37c8e09ac78ae7fcae49503e9da0ba3990a4", class: "accordion-item__icon" }, !this.expanded && e("swirl-icon", { key: "0860a668b53927c1809ddcd98e371457f4aea96f", glyph: "chevron-right", size: 20 }), this.expanded && e("swirl-icon", { key: "294ef0b5d6289a69a66bb32c7c9aa4f6695b0ddf", glyph: "expand-more", size: 20 })))), e("div", { key: "f8a7be67ea974fce5bbadc6e0db545cbf785e581", "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, e("slot", { key: "c6c57bc5c5876f31ba20f7a78293ee710e5262d4" }))));
+    return e(n, { key: "1a90615a1c901d606d518e88641d0e85f526946e" }, e("div", { key: "b866c9b99d6677391a5d168847471bcfdbad5628", class: a }, e(i, { key: "6bc0d73419c7a515a964bc110bc316dd2825a393", class: "accordion-item__heading" }, e("button", { key: "7976196db3c1b4066c43a0fbc9a7c016232b9e06", "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: "17c4b129411d3c579ef54aaf81112c0239f3ce1a", class: "accordion-item__toggle-text" }, this.heading, this.description && e("swirl-text", { key: "bbacaf5009bf16b367114fa8c1852d045d89e0d3", as: "span", color: "subdued", size: "sm" }, this.description)), e("span", { key: "6bf59d3b45fca0f417df2e524b7e6f1f90932d56", class: "accordion-item__icon" }, !this.expanded && e("swirl-icon", { key: "7597fe68474c59a67810eb7ff22a45b3c997efe4", glyph: "chevron-right", size: 20 }), this.expanded && e("swirl-icon", { key: "c7b18ac78d566b36c9b388e3b80070a147889080", glyph: "expand-more", size: 20 })))), e("div", { key: "ccce112d4cf2640f9bbfa944d6ad7edb8a5e5cbf", "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, e("slot", { key: "52b64ccf5a6ea90570c66574c4eda47338bbf461" }))));
   }
   get el() {
     return s(this);

package/dist/{swirl-accordion.entry.8a3784c0.js → swirl-accordion.entry.b37d7df7.js}

@@ -1,7 +1,7 @@
-import { r as s, c as i, h as o, H as a, g as l } from "./index.2ad19391.js";
+import { r as s, c as i, h as o, H as a, g as l } from "./index.8320b5bc.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 = n, d = class {
+const c = ":host{display:block}:host *{box-sizing:border-box}::slotted(*:last-child){border-bottom:0.0625rem solid var(--s-border-default)}", n = c, d = class {
   constructor(e) {
     s(this, e), this.expandedItemChange = i(this, "expandedItemChange", 7);
   }
@@ -24,13 +24,13 @@ const n = ":host{display:block}:host *{box-sizing:border-box}::slotted(*:last-ch
     });
   }
   render() {
-    return o(a, { key: "a0238e83947d9afba57724fb36e774d78efd913e" }, o("slot", { key: "f5c6514ddba5891899fce71770d0ff9b7d11119e" }));
+    return o(a, { key: "8ef36c3611f702d9a68fa14eff3f1df31501a004" }, o("slot", { key: "92a68a15db65f4f226b9c70ca3bb3800fb09f2bb" }));
   }
   get el() {
     return l(this);
   }
 };
-d.style = c;
+d.style = n;
 export {
   d as swirl_accordion
 };

package/dist/swirl-action-list-section.entry.0b681535.js

@@ -0,0 +1,15 @@
+import { r as s, h as e, H as i } from "./index.8320b5bc.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 = t, o = class {
+  constructor(a) {
+    s(this, a), this.label = void 0, this.separatorSpacing = "4", this.spacing = "0", this.hasSeparator = !1;
+  }
+  render() {
+    return e(i, { key: "30f49fcc99b81adbee8b2e62f38d54255b0623bd" }, this.hasSeparator && e("swirl-separator", { key: "d1f5363f99c9b5cc7d638d458101c4c20ded900e", spacing: this.separatorSpacing }), e("div", { key: "012bcbab8801f481f6e8dcec7297a83a68364bcc", "aria-labelledby": "label", class: "action-list-section", role: "group" }, e("span", { key: "96e36dd6aa3ef074459ddbf7ee9f6d9d6268355e", class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), e("swirl-stack", { key: "a5a3ffaf789bc4092ef90c4602ffc77b16a8bebd", spacing: this.spacing, align: "stretch" }, e("slot", { key: "1077b13cf4359fbcaebedea0e5d7ca07f782e363" }))));
+  }
+};
+o.style = c;
+export {
+  o as swirl_action_list_section
+};

package/dist/{swirl-action-list_2.entry.02ee6eb4.js → swirl-action-list_2.entry.716ad02d.js}

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

package/dist/{swirl-app-bar.entry.7f22c5ab.js → swirl-app-bar.entry.d7891ef8.js}

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

package/dist/{swirl-app-icon.entry.d430702d.js → swirl-app-icon.entry.f2843fa4.js}

@@ -1,4 +1,4 @@
-import { r as n, h as s, H as o } from "./index.2ad19391.js";
+import { r as n, h as s, H as o } from "./index.8320b5bc.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -21,7 +21,7 @@ const r = ":host{display:inline-flex}:host *{box-sizing:border-box}.app-icon{pos
     const e = Boolean(this.src) && (this.imageAvailable || this.imageAvailable === void 0), i = !e && Boolean(this.icon), a = l("app-icon", {
       "app-icon--has-icon": i || !e && !i
     });
-    return s(o, { key: "1d540798f4137ca3932f465e8b5dc241b9dfe651" }, s("span", { key: "f44fa6ca8d46f589cbab93aa1eea1ae5e1221cef", class: a }, e && s("img", { key: "24f5f1df7531ecbd71d3aed31842ceacb171d5ce", alt: "", height: "256", ref: this.onImageElementUpdate, src: this.src, width: "256" }), i && s("span", { key: "c5fec7fd12b4004027f0e62b21a41d72130313a6", class: "app-icon__icon", innerHTML: this.icon })));
+    return s(o, { key: "6c5cf88ef1f7227b2e2f692284dd6b2dfcaa024c" }, s("span", { key: "a86fe3a6fc8e531b60820015ac26f682f23364f5", class: a }, e && s("img", { key: "c3acb5e1dbb6bbc846b9ddae80838d682934a6ef", alt: "", height: "256", ref: this.onImageElementUpdate, src: this.src, width: "256" }), i && s("span", { key: "963ee092b53a4badb190e3c11d5713c604670524", class: "app-icon__icon", innerHTML: this.icon })));
   }
 };
 h.style = c;

package/dist/{swirl-app-layout_5.entry.0aa6e599.js → swirl-app-layout_5.entry.b6c7d288.js}

@@ -1,4 +1,4 @@
-import { r as p, c as n, h as a, H as c, g as u, F as h } from "./index.2ad19391.js";
+import { r as p, c as n, h as a, H as c, g as u, F as h } from "./index.8320b5bc.js";
 import { c as b } from "./index-267776a4.6beb4f4b.js";
 import { g as w, d as y, i as g, h as f } from "./utils-877a768f.c277f897.js";
 import { S as T } from "./sortable.esm-0bfddf0c.953ca6a6.js";
@@ -223,7 +223,7 @@ const N = ":host{display:block}:host *{box-sizing:border-box}.empty-state{displa
       "empty-state--has-controls": t,
       "empty-state--has-slotted-illustration": e
     });
-    return a(c, { key: "7570e676c1abf223bc43bf9ad6859e002abc4752" }, a("div", { key: "8c9de8d856ec6a5be62ad73ece58457818ca3063", class: i }, this.illustration && !e && a("img", { key: "c55f30894ef235321dee377324291d466421f9d0", alt: "", class: "empty-state__illustration", src: this.illustration }), a("div", { key: "0dfb79d4447491a88f4e897321d131697a1ffa9f", class: "empty-state__slotted-illustration" }, a("slot", { key: "1a256a0910f0f37f5f090ec313149efa655ae5ef", name: "illustration" })), a("div", { key: "6452a3fb65a639c51daeb0bfef5150c435fc1da8", class: "empty-state__body" }, a("swirl-stack", { key: "6d66347651b55292b91191e52e909105f42a473b", align: "stretch", spacing: "8" }, this.heading && a("swirl-heading", { key: "9621b765500887da30a18be459220beda695148c", align: "center", as: "p", level: 4, text: this.heading }), a("div", { key: "53381b2acf7ff39a0e5a1042c837b9d4ff3c8bda", class: "empty-state__content" }, a("swirl-text", { key: "72dc7bbbf30547bb01f48827b5c6cbd3334e7399", align: "center", color: "subdued" }, a("slot", { key: "3a6366779302310d5f5ed1fa6458cd6c2e51e90d" })))), a("div", { key: "785abad12d1732e007c26d3b26e2116e97ad764b", class: "empty-state__controls" }, a("slot", { key: "edf1783bfdcf60366a16c638f893750f1bc571e2", name: "controls" })))));
+    return a(c, { key: "4f9a2b61c37ce6cb9278d4f33cbe0151fa30b782" }, a("div", { key: "4275df6a75e2d9f1d43046ad2a58bf6773a217d3", class: i }, this.illustration && !e && a("img", { key: "13a70977ef71064e3615d2f3b048fb2e563a1d8b", alt: "", class: "empty-state__illustration", src: this.illustration }), a("div", { key: "265a92d7536f2fbb34633c157ff9ce4bdcb06d72", class: "empty-state__slotted-illustration" }, a("slot", { key: "1f92e625e0398c431d808c4d35369bbbfa810f8b", name: "illustration" })), a("div", { key: "2a5a0c219f44c8bfeb0864746a3b484398b92ba8", class: "empty-state__body" }, a("swirl-stack", { key: "1a11967da1994bb795f5ed872b46936c8d926a5c", align: "stretch", spacing: "8" }, this.heading && a("swirl-heading", { key: "62db8901c710bedf07eb571c0b402abc47eb2258", align: "center", as: "p", level: 4, text: this.heading }), a("div", { key: "6ee917970fc9df131e8c717f07bda3ed8b4f9f23", class: "empty-state__content" }, a("swirl-text", { key: "f2a1b33a7e997ad2caec502157e328dd6dc5b9bc", align: "center", color: "subdued" }, a("slot", { key: "9c5f90a8bb7e7e5e9ee2e1c0cd7dba05de11962a" })))), a("div", { key: "23f8bfa5058f7a230e67892792230f367fa03b4e", class: "empty-state__controls" }, a("slot", { key: "12c9da7acf5499baf1aa5cf6febe7d4ab927b18c", name: "controls" })))));
   }
   get el() {
     return u(this);
@@ -238,7 +238,7 @@ const z = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{
     const t = this.size === 20 ? 24 : this.size, e = {
       color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
     }, i = b("swirl-icon", `swirl-icon--size-${this.size}`);
-    return a("svg", { key: "e42f86ab6dcbbd6f1449717bb5296d1f40e557ef", "aria-hidden": "true", class: i, fill: "none", height: this.size, part: "icon", style: e, viewBox: `0 0 ${t} ${t}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && a(h, { key: "bb9100d456bb627fc3ff4da0e6812bcd72375ecf" }, a("path", { key: "a2096bfd37f1ad6c6edb5f6e33c5a57737244399", d: "M9.99998 8.66669C10.3666 8.66669 10.6806 8.53602 10.942 8.27469C11.2029 8.0138 11.3333 7.70002 11.3333 7.33335C11.3333 6.96669 11.2029 6.65269 10.942 6.39135C10.6806 6.13046 10.3666 6.00002 9.99998 6.00002C9.63331 6.00002 9.31953 6.13046 9.05865 6.39135C8.79731 6.65269 8.66665 6.96669 8.66665 7.33335C8.66665 7.70002 8.79731 8.0138 9.05865 8.27469C9.31953 8.53602 9.63331 8.66669 9.99998 8.66669ZM7.33331 11.3334H12.6666V10.9667C12.6666 10.4667 12.4222 10.0694 11.9333 9.77469C11.4444 9.48046 10.8 9.33335 9.99998 9.33335C9.19998 9.33335 8.55553 9.48046 8.06665 9.77469C7.57776 10.0694 7.33331 10.4667 7.33331 10.9667V11.3334ZM2.66665 13.3334C2.29998 13.3334 1.9862 13.2029 1.72531 12.942C1.46398 12.6807 1.33331 12.3667 1.33331 12V4.00002C1.33331 3.63335 1.46398 3.31958 1.72531 3.05869C1.9862 2.79735 2.29998 2.66669 2.66665 2.66669H6.11665C6.29442 2.66669 6.46398 2.70002 6.62531 2.76669C6.7862 2.83335 6.92776 2.9278 7.04998 3.05002L7.99998 4.00002H13.3333C13.7 4.00002 14.014 4.13069 14.2753 4.39202C14.5362 4.65291 14.6666 4.96669 14.6666 5.33335V12C14.6666 12.3667 14.5362 12.6807 14.2753 12.942C14.014 13.2029 13.7 13.3334 13.3333 13.3334H2.66665ZM2.66665 4.00002V12H13.3333V5.33335H7.44998L6.11665 4.00002H2.66665Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && a(h, { key: "7b8e9d7a9cdcd364bf85318975e50a5d1f20782e" }, a("path", { key: "1c9d5c9574d46ece15ca055021cf7a30c77b2ba8", d: "M15 13C15.55 13 16.021 12.804 16.413 12.412C16.8043 12.0207 17 11.55 17 11C17 10.45 16.8043 9.979 16.413 9.587C16.021 9.19567 15.55 9 15 9C14.45 9 13.9793 9.19567 13.588 9.587C13.196 9.979 13 10.45 13 11C13 11.55 13.196 12.0207 13.588 12.412C13.9793 12.804 14.45 13 15 13ZM11 17H19V16.45C19 15.7 18.6333 15.104 17.9 14.662C17.1667 14.2207 16.2 14 15 14C13.8 14 12.8333 14.2207 12.1 14.662C11.3667 15.104 11 15.7 11 16.45V17ZM4 20C3.45 20 2.97933 19.8043 2.588 19.413C2.196 19.021 2 18.55 2 18V6C2 5.45 2.196 4.97933 2.588 4.588C2.97933 4.196 3.45 4 4 4H9.175C9.44167 4 9.696 4.05 9.938 4.15C10.1793 4.25 10.3917 4.39167 10.575 4.575L12 6H20C20.55 6 21.021 6.196 21.413 6.588C21.8043 6.97933 22 7.45 22 8V18C22 18.55 21.8043 19.021 21.413 19.413C21.021 19.8043 20.55 20 20 20H4ZM4 6V18H20V8H11.175L9.175 6H4Z", fill: "currentColor" })), this.size === 28 && a(h, { key: "4e09a6491458944d429ebeeaaf29d6d6e5278c11" }, a("path", { key: "07403ecb785b27a860b44e9065d2b8a184f56641", 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 a("svg", { key: "8df710f5d430197ece6aa1ef41b0df0153f853bd", "aria-hidden": "true", class: i, fill: "none", height: this.size, part: "icon", style: e, viewBox: `0 0 ${t} ${t}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && a(h, { key: "88fe95c8076cd2be6289c282eb75bbc6159b16c9" }, a("path", { key: "42cce76fec2993bf563cc2ab824fd6767b74913e", d: "M9.99998 8.66669C10.3666 8.66669 10.6806 8.53602 10.942 8.27469C11.2029 8.0138 11.3333 7.70002 11.3333 7.33335C11.3333 6.96669 11.2029 6.65269 10.942 6.39135C10.6806 6.13046 10.3666 6.00002 9.99998 6.00002C9.63331 6.00002 9.31953 6.13046 9.05865 6.39135C8.79731 6.65269 8.66665 6.96669 8.66665 7.33335C8.66665 7.70002 8.79731 8.0138 9.05865 8.27469C9.31953 8.53602 9.63331 8.66669 9.99998 8.66669ZM7.33331 11.3334H12.6666V10.9667C12.6666 10.4667 12.4222 10.0694 11.9333 9.77469C11.4444 9.48046 10.8 9.33335 9.99998 9.33335C9.19998 9.33335 8.55553 9.48046 8.06665 9.77469C7.57776 10.0694 7.33331 10.4667 7.33331 10.9667V11.3334ZM2.66665 13.3334C2.29998 13.3334 1.9862 13.2029 1.72531 12.942C1.46398 12.6807 1.33331 12.3667 1.33331 12V4.00002C1.33331 3.63335 1.46398 3.31958 1.72531 3.05869C1.9862 2.79735 2.29998 2.66669 2.66665 2.66669H6.11665C6.29442 2.66669 6.46398 2.70002 6.62531 2.76669C6.7862 2.83335 6.92776 2.9278 7.04998 3.05002L7.99998 4.00002H13.3333C13.7 4.00002 14.014 4.13069 14.2753 4.39202C14.5362 4.65291 14.6666 4.96669 14.6666 5.33335V12C14.6666 12.3667 14.5362 12.6807 14.2753 12.942C14.014 13.2029 13.7 13.3334 13.3333 13.3334H2.66665ZM2.66665 4.00002V12H13.3333V5.33335H7.44998L6.11665 4.00002H2.66665Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && a(h, { key: "97a20f723bd52799ac0fe005fcd317d89d215cf7" }, a("path", { key: "1ef79c724c4039817962269b1bf4503fafa456a0", d: "M15 13C15.55 13 16.021 12.804 16.413 12.412C16.8043 12.0207 17 11.55 17 11C17 10.45 16.8043 9.979 16.413 9.587C16.021 9.19567 15.55 9 15 9C14.45 9 13.9793 9.19567 13.588 9.587C13.196 9.979 13 10.45 13 11C13 11.55 13.196 12.0207 13.588 12.412C13.9793 12.804 14.45 13 15 13ZM11 17H19V16.45C19 15.7 18.6333 15.104 17.9 14.662C17.1667 14.2207 16.2 14 15 14C13.8 14 12.8333 14.2207 12.1 14.662C11.3667 15.104 11 15.7 11 16.45V17ZM4 20C3.45 20 2.97933 19.8043 2.588 19.413C2.196 19.021 2 18.55 2 18V6C2 5.45 2.196 4.97933 2.588 4.588C2.97933 4.196 3.45 4 4 4H9.175C9.44167 4 9.696 4.05 9.938 4.15C10.1793 4.25 10.3917 4.39167 10.575 4.575L12 6H20C20.55 6 21.021 6.196 21.413 6.588C21.8043 6.97933 22 7.45 22 8V18C22 18.55 21.8043 19.021 21.413 19.413C21.021 19.8043 20.55 20 20 20H4ZM4 6V18H20V8H11.175L9.175 6H4Z", fill: "currentColor" })), this.size === 28 && a(h, { key: "cb66c51185b3f7eb8fd184cf649e30dae709ee79" }, a("path", { key: "9efc1496b10ff5a241e4bfb69f32c5c4213b80ea", 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" })));
   }
 };
 q.style = O;
@@ -364,7 +364,7 @@ const F = ".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource
   }
   render() {
     var t, e, i, o, r, l;
-    return a(c, { key: "49ea535f5acb9fc68e3ae1f7136b8dc6380d17d9", onKeyDown: this.onKeyDown }, a("swirl-visually-hidden", { key: "cc24d6e02aa79b0b0747892880b25dd3c7eaab16", role: "alert" }, this.assistiveText), a("swirl-box", { key: "0b7168d12e7c114cc05a572c95cc8b1d62a01130", paddingBlockEnd: (t = this.paddingBlockEnd) != null ? t : this.padding, paddingBlockStart: (e = this.paddingBlockStart) != null ? e : this.padding, paddingInlineEnd: (o = (i = this.paddingInlineEnd) != null ? i : this.padding) != null ? o : "8", paddingInlineStart: (l = (r = this.paddingInlineStart) != null ? r : this.padding) != null ? l : "8" }, a("swirl-stack", { key: "98e4699a1280896d410219ba9438083abb502963", "aria-label": this.label, class: "resource-list", id: this.listId, ref: (d) => this.gridEl = d, role: "grid", spacing: this.spacing }, a("slot", { key: "0239aabdc15dd9088a2bdc47f25a7d5ebce551ef" }))));
+    return a(c, { key: "ea624b9cdc78f5c8c6e3ef92b0ce1c0f5c43c425", onKeyDown: this.onKeyDown }, a("swirl-visually-hidden", { key: "54338db2bd13503985458d6d69424119d739d380", role: "alert" }, this.assistiveText), a("swirl-box", { key: "8e6317c2b577ab84b1f9f7958e80637d6379d5ad", paddingBlockEnd: (t = this.paddingBlockEnd) != null ? t : this.padding, paddingBlockStart: (e = this.paddingBlockStart) != null ? e : this.padding, paddingInlineEnd: (o = (i = this.paddingInlineEnd) != null ? i : this.padding) != null ? o : "8", paddingInlineStart: (l = (r = this.paddingInlineStart) != null ? r : this.padding) != null ? l : "8" }, a("swirl-stack", { key: "667bc6e6a548d59ba9a7c82611fad24e82c9481c", "aria-label": this.label, class: "resource-list", id: this.listId, ref: (d) => this.gridEl = d, role: "grid", spacing: this.spacing }, a("slot", { key: "fb0056dedef07635f6afe08f6e7745437b83127b" }))));
   }
   get el() {
     return u(this);
@@ -451,7 +451,7 @@ const R = `.sc-swirl-resource-list-item-h{position:relative;display:block;width:
       "resource-list-item--wrap-description": this.descriptionWrap,
       "resource-list-item--wrap-label": this.labelWrap
     });
-    return a(c, { key: "3bc3fa72a1abff66fb5c3651fa9014588ac55056", role: "row" }, a("div", { key: "bc5b097590569b20c6e3c12dc81579d1106b3154", class: B, role: "gridcell" }, a(t, { key: "ebf3bbd3e7e43bb7eca43a08bd871e8e2bbbfe43", "aria-checked": S, "aria-disabled": e ? "true" : void 0, "aria-label": x, "aria-labelledby": Boolean(this.swirlAriaLabel) ? void 0 : this.elementId, class: "resource-list-item__content", href: l, disabled: e, onClick: this.onClick, onBlur: this.onBlur, onFocus: this.onFocus, part: "resource-list-item__content", role: C, tabIndex: 0, type: t === "button" ? "button" : void 0 }, this.hasMedia && a("span", { key: "ba3f13bf18694ab2196e4a39f75c9c0f63aa8300", class: "resource-list-item__media" }, a("slot", { key: "a984289394867903e6c6de0c4857df6c38af7abf", name: "media" })), a("span", { key: "eae163ca5e7872144ed2f88ad0ffb9c2ead37c30", class: "resource-list-item__label-container", style: I }, a("span", { key: "ecf7765c077159faf1c635581f969f3ab854eacd", class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : void 0 }, !this.allowHtml && this.label), this.description && a("span", { key: "117cc94c6884e001b38c86255e8bdf80adc8b409", class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : void 0 }, !this.allowHtml && this.description)), s && a("span", { key: "6ce54162920cffd718c2099537290e9e2e64af9a", class: "resource-list-item__meta" }, a("span", { key: "9021d55561a83a5b17bacf80a6c4efeeede0e1ad", class: "resource-list-item__meta-text" }, this.meta), a("span", { key: "f6c795ac584af2d38573167b3b3673d56867c8c1", class: "resource-list-item__badges" }, a("slot", { key: "7804eb9c844ef7320af6d0081590c343953058a2", name: "badges" })))), this.selectable && a("span", { key: "436f7ec288c6c934155dd063671a536a826b0ba9", "aria-hidden": "true", class: "resource-list-item__checkbox" }, a("span", { key: "cd29d807d629d145c65aac56105da892daa9ad92", class: "resource-list-item__checkbox-icon" }, this.checked && a("swirl-icon-check-strong", { key: "de2514fbb35ec904896ccb0cf80b71f7722657eb" }))), a("span", { key: "2a446937a24714758d4fc89c690189f0dd7b7ea8", class: "resource-list-item__control", onClick: this.onControlClick, ref: (E) => this.controlContainer = E }, a("slot", { key: "f6edad002358c9c080c8da9c2f27bd6d33e30351", name: "control" })), m && a("swirl-popover-trigger", { key: "4b1b5cfb61c208bd0c3858356c69c7618d8c8e89", swirlPopover: this.menuTriggerId }, a("swirl-button", { key: "db5c75794ec64e4ee42ef72017da4265536981f5", "aria-disabled": e ? "true" : void 0, class: "resource-list-item__menu-trigger", disabled: e, hideLabel: !0, icon: "<swirl-icon-more-horizontal></swirl-icon-more-horizontal>", intent: "primary", label: this.menuTriggerLabel, onClick: this.onMenuTriggerClick }))), this.allowDrag && a("button", { key: "2902462ef1a182de4887a97aabb68b8d98533410", "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "resource-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, type: "button" }, a("swirl-icon-drag-handle", { key: "8596f6557cdb8699b6f06b79e40170a166879b94", size: this.iconSize })));
+    return a(c, { key: "b490be956d5b8637fd78b0ad79644b486664e7bf", role: "row" }, a("div", { key: "d0601dd41832cb17148c839c4aa64627c0db04ff", class: B, role: "gridcell" }, a(t, { key: "2db8e0b7aa88eccc0f2232d416cce0b969a99c42", "aria-checked": S, "aria-disabled": e ? "true" : void 0, "aria-label": x, "aria-labelledby": Boolean(this.swirlAriaLabel) ? void 0 : this.elementId, class: "resource-list-item__content", href: l, disabled: e, onClick: this.onClick, onBlur: this.onBlur, onFocus: this.onFocus, part: "resource-list-item__content", role: C, tabIndex: 0, type: t === "button" ? "button" : void 0 }, this.hasMedia && a("span", { key: "fe5bf9b4a0704ad24cd4ce3acad355e532e017d9", class: "resource-list-item__media" }, a("slot", { key: "fd5c6ee13e4a7660d7fb2b7b792591dd756a86da", name: "media" })), a("span", { key: "ac30abb10e90098b217741befb18be076c2d796e", class: "resource-list-item__label-container", style: I }, a("span", { key: "f108501e54065b661594c3bda7962f293cd5080b", class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : void 0 }, !this.allowHtml && this.label), this.description && a("span", { key: "28487cbf29d4c487f5df1240d4a8d919b16e063c", class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : void 0 }, !this.allowHtml && this.description)), s && a("span", { key: "bf2e0990710156241d576c729489f48f5bc97c80", class: "resource-list-item__meta" }, a("span", { key: "2950e59ed97bd24ac6db35101e4fb13b631c6b88", class: "resource-list-item__meta-text" }, this.meta), a("span", { key: "fe6a342db95a591650aad7302e48008e4c235d99", class: "resource-list-item__badges" }, a("slot", { key: "35db381fd8b966e95c4cfead185f31807460ba75", name: "badges" })))), this.selectable && a("span", { key: "d66c1ce0004520bab9164380dadaef66177b9498", "aria-hidden": "true", class: "resource-list-item__checkbox" }, a("span", { key: "e9b31811784dccc117ddb8683bd52b8ad1d285ac", class: "resource-list-item__checkbox-icon" }, this.checked && a("swirl-icon-check-strong", { key: "3a1a9ce8016760abdcb7d83597ecd241af8edf1a" }))), a("span", { key: "1961424dd1df7746661b2dce6fcded7d31efa947", class: "resource-list-item__control", onClick: this.onControlClick, ref: (E) => this.controlContainer = E }, a("slot", { key: "101473408691a44b8f0404272b2843c3bb47d7c9", name: "control" })), m && a("swirl-popover-trigger", { key: "5531b9f9bf68d65a21ff261d4fb5c0613403468c", swirlPopover: this.menuTriggerId }, a("swirl-button", { key: "abce27ae17d75257cfb47a3e678fff00980d3f94", "aria-disabled": e ? "true" : void 0, class: "resource-list-item__menu-trigger", disabled: e, hideLabel: !0, icon: "<swirl-icon-more-horizontal></swirl-icon-more-horizontal>", intent: "primary", label: this.menuTriggerLabel, onClick: this.onMenuTriggerClick }))), this.allowDrag && a("button", { key: "90c2e805b9996d0b93c2cf1d8ef998a02fbd0d63", "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "resource-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, type: "button" }, a("swirl-icon-drag-handle", { key: "71821bd9ed475792afe62314e36b89760543e04a", size: this.iconSize })));
   }
   get el() {
     return u(this);

package/dist/{swirl-autocomplete.entry.0644374e.js → swirl-autocomplete.entry.686c51f2.js}

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

package/dist/{swirl-avatar-group.entry.ca3bf257.js → swirl-avatar-group.entry.15d978f9.js}

@@ -1,10 +1,10 @@
-import { r as s, h as r, H as i } from "./index.2ad19391.js";
+import { r as s, h as r, H as i } from "./index.8320b5bc.js";
 import { c as t } 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, c = class {
-  constructor(e) {
-    s(this, e), this.badge = void 0;
+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;
   }
   componentDidLoad() {
     this.forceBadgeProps();
@@ -12,17 +12,17 @@ const d = ":host{display:inline-flex}:host *{box-sizing:border-box}.avatar-group
   forceBadgeProps() {
     if (!Boolean(this.badge))
       return;
-    const e = this.badgeEl.querySelector("swirl-badge"), a = e == null ? void 0 : e.getAttribute("size");
-    Boolean(a) || e == null || e.setAttribute("size", "s");
+    const a = this.badgeEl.querySelector("swirl-badge"), e = a == null ? void 0 : a.getAttribute("size");
+    Boolean(e) || a == null || a.setAttribute("size", "s");
   }
   render() {
-    const e = t("avatar-group", {
+    const a = t("avatar-group", {
       "avatar-group--has-badge": Boolean(this.badge)
-    }), a = t("avatar-group__badge");
-    return r(i, { key: "8006642426c32008d08219733f23ca90ce5b572e" }, r("div", { key: "c2980d52eb16ff1a559230ce7f8cdb4c9cf60e0e", class: e, role: "group" }, r("slot", { key: "0ecaf6ce8e3831b44e23fcec3eeccc9ff8cee9b4" }), this.badge && r("span", { key: "13fd0d6c4436938a328e0e8379a9c8e30b79f03d", class: a, innerHTML: this.badge, ref: (o) => this.badgeEl = o })));
+    }), e = t("avatar-group__badge");
+    return r(i, { key: "c7257cd9ac2c94a11847ba5a56acd1815f066613" }, r("div", { key: "e9bfad8bbbb6802c3b8017e24abe56fdbbea9d8a", class: a, role: "group" }, r("slot", { key: "7ccc570f803317d285bfa77df77f7ba866430137" }), this.badge && r("span", { key: "7cd54c09e634a12bb48b863e46abc886f9add9ec", class: e, innerHTML: this.badge, ref: (o) => this.badgeEl = o })));
   }
 };
-c.style = l;
+n.style = l;
 export {
-  c as swirl_avatar_group
+  n as swirl_avatar_group
 };

package/dist/{swirl-avatar.entry.7c2f6f5a.js → swirl-avatar.entry.4a838241.js}

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

package/dist/{swirl-badge.entry.577b4a4e.js → swirl-badge.entry.14f07700.js}

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

package/dist/{swirl-banner.entry.7262dbe6.js → swirl-banner.entry.230c284d.js}

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

package/dist/{swirl-box.entry.393e8bb3.js → swirl-box.entry.bd275b35.js}

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

package/dist/{swirl-button-group.entry.6741804c.js → swirl-button-group.entry.2d6c9ad0.js}

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

package/dist/{swirl-button.entry.f1f65105.js → swirl-button.entry.ca0eb247.js}

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

package/dist/swirl-card.entry.8e6a870f.js

@@ -0,0 +1,54 @@
+import { r as n, c as o, h as e, H as c, g as l } from "./index.8320b5bc.js";
+import { c as h } from "./index-267776a4.6beb4f4b.js";
+import "react";
+import "react-dom";
+const u = `:host{display:contents}:host *{box-sizing:border-box}.card{--swirl-ghost-button-background-default:var(--s-surface-default);--swirl-ghost-button-background-hovered:var(--s-surface-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-pressed);--swirl-resource-list-item-background-default:var(--s-surface-default);--swirl-resource-list-item-background-hovered:var(--s-surface-hovered);--swirl-resource-list-item-background-pressed:var(--s-surface-pressed);position:relative;display:flex;overflow:hidden;width:100%;margin:0;padding:0;border:var(--s-border-width-default) solid var(--s-border-default);border-radius:var(--s-border-radius-base);color:var(--s-text-default);background-color:var(--swirl-card-background-default);font:inherit;text-decoration:none;flex-direction:column;transition:background-color 0.2s}.card:not(.card--has-image) .card__image{overflow:hidden;height:0}a.card,button.card,.card--interactive{cursor:pointer}a.card:hover,button.card:hover,.card--interactive:hover{background-color:var(--swirl-card-background-hovered)}a.card:active,button.card:active,.card--interactive:active{background-color:var(--swirl-card-background-pressed)}a.card:focus:not(:focus-visible),button.card:focus:not(:focus-visible),.card--interactive:focus:not(:focus-visible){outline:none}a.card:focus-visible,button.card:focus-visible,.card--interactive:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-4)}.card--is--borderless{border:0}.card--elevated.card--elevation-level-1{box-shadow:var(--s-shadow-level-1)}.card--elevated.card--elevation-level-2{box-shadow:var(--s-shadow-level-2)}.card--elevated.card--elevation-level-3{box-shadow:var(--s-shadow-level-3)}.card--flashing{background-color:var(--swirl-card-background-pressed)}.card--flashing.card--intent-default-subdued{background-color:var(--s-surface-raised-pressed)}.card--flashing.card--intent-highlight{background-color:var(--s-surface-highlight-pressed)}.card--highlighted{border-width:0.1875rem;border-color:var(--s-border-highlight)}.card--justify-content-start .card__body{justify-content:flex-start}.card--justify-content-center .card__body{justify-content:center}.card--justify-content-end .card__body{justify-content:flex-end}.card--intent-critical-subdued{background-color:var(--s-surface-critical-subdued)}.card--intent-default-subdued{--swirl-resource-list-item-background-default:var(
+    --s-surface-raised-default
+  );--swirl-resource-list-item-background-hovered:var(
+    --s-surface-raised-hovered
+  );--swirl-resource-list-item-background-pressed:var(
+    --s-surface-raised-pressed
+  );--swirl-ghost-button-background-default:var(--s-surface-raised-default);--swirl-ghost-button-background-hovered:var(--s-surface-raised-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-raised-pressed);background-color:var(--s-surface-raised-default)}.card--intent-info-subdued{background-color:var(--s-surface-info-subdued)}.card--intent-success-subdued{background-color:var(--s-surface-success-subdued)}.card--intent-warning-subdued{background-color:var(--s-surface-warning-subdued)}.card--intent-highlight{color:var(--s-text-on-surface-highlight);background-color:var(--s-surface-highlight-default)}.card--has-floating-controls:focus-within .card__floating-controls,.card--has-floating-controls:hover .card__floating-controls{pointer-events:auto;opacity:1}.content-section{padding:0 var(--s-space-16)}.card__image{overflow:hidden;min-height:0}.card__image ::slotted(img){display:inline-flex;width:100%;max-height:100%;-o-object-fit:cover;object-fit:cover}.card__floating-controls{position:absolute;z-index:1;top:0;right:0;padding:var(--s-space-12);transition:opacity 0.2s;pointer-events:none;opacity:0}.card__body{display:flex;min-height:0;padding:var(--s-space-12) var(--s-space-16) var(--s-space-16);flex-grow:1;flex-direction:column;gap:var(--s-space-16)}.card__content{min-height:100%}`, f = u, g = ["xs", "sm", "base", "l", "xl"], b = class {
+  constructor(a) {
+    n(this, a), this.componentLoad = o(this, "componentLoad", 7), this.as = "div", this.borderRadius = "base", this.customBackgroundColor = void 0, this.elevated = void 0, this.elevationLevel = 3, this.height = void 0, this.highlighted = void 0, this.href = void 0, this.imageAspectRatio = void 0, this.intent = "default", this.isBorderless = void 0, this.interactive = void 0, this.justifyContent = "start", this.linkTarget = void 0, this.minHeight = void 0, this.overflow = void 0, this.padding = void 0, this.paddingBlockEnd = void 0, this.paddingBlockStart = void 0, this.paddingInlineEnd = void 0, this.paddingInlineStart = void 0, this.swirlAriaLabel = void 0, this.swirlAriaLabelledby = void 0, this.flashing = !1;
+  }
+  async flash(a = 5e3) {
+    Boolean(this.flashingTimeout) && (clearTimeout(this.flashingTimeout), this.flashingTimeout = void 0), this.flashing = !0, this.flashingTimeout = setTimeout(() => {
+      this.flashing = !1;
+    }, a);
+  }
+  componentDidLoad() {
+    this.componentLoad.emit();
+  }
+  render() {
+    const a = Boolean(this.href) ? "a" : this.as, r = Boolean(this.el.querySelector('[slot="floating-controls"]')), s = Boolean(this.el.querySelector('[slot="image"]')), t = {
+      borderRadius: g.includes(this.borderRadius) ? `var(--s-border-radius-${this.borderRadius})` : this.borderRadius,
+      height: this.height,
+      minHeight: this.minHeight,
+      overflow: this.overflow
+    }, i = {
+      backgroundColor: this.customBackgroundColor,
+      padding: Boolean(this.padding) ? `var(--s-space-${this.padding})` : void 0,
+      paddingBlockEnd: Boolean(this.paddingBlockEnd) ? `var(--s-space-${this.paddingBlockEnd})` : void 0,
+      paddingBlockStart: Boolean(this.paddingBlockStart) ? `var(--s-space-${this.paddingBlockStart})` : void 0,
+      paddingInlineEnd: Boolean(this.paddingInlineEnd) ? `var(--s-space-${this.paddingInlineEnd})` : void 0,
+      paddingInlineStart: Boolean(this.paddingInlineStart) ? `var(--s-space-${this.paddingInlineStart})` : void 0
+    }, d = h("card", `card--elevation-level-${this.elevationLevel}`, `card--intent-${this.intent}`, `card--justify-content-${this.justifyContent}`, {
+      "card--elevated": this.elevated,
+      "card--flashing": this.flashing,
+      "card--has-floating-controls": r,
+      "card--has-image": s,
+      "card--highlighted": this.highlighted,
+      "card--interactive": this.interactive || this.href,
+      "card--is--borderless": this.isBorderless
+    });
+    return e(c, { key: "8960d67072f02f102f00b69b0967dae41ea7d5ab", styles: { height: this.height } }, e(a, { key: "f2dff01ee8d98b008a190f2176f9899cc2889e91", "aria-label": this.swirlAriaLabel, "aria-labelledby": this.swirlAriaLabelledby, class: d, href: this.href, rel: Boolean(this.href) && this.linkTarget === "_blank" ? "noreferrer" : void 0, style: t, target: this.linkTarget }, e("div", { key: "d151fb7e77abc0b37185600cf2ba35ed15e35444", class: "card__image", style: { aspectRatio: this.imageAspectRatio } }, e("slot", { key: "b67664c6c62d9d7eae24f1b8391b9e647d833efb", name: "image" })), e("div", { key: "64eb79d9e82e3b05511c1ab484c948add6742055", class: "card__floating-controls" }, e("slot", { key: "7888a5a6f28f883fa9b704230c728a89f055e12d", name: "floating-controls" })), e("div", { key: "309ddc2116d9638419800863b42edc1f7cc1a831", class: "card__body", style: i }, e("div", { key: "134cc12bafee8ff048b081e765804a2240da5d0c", class: "card__content" }, e("slot", { key: "47af946472d86c3afc9672ded29b858551a76757", name: "content" })))));
+  }
+  get el() {
+    return l(this);
+  }
+};
+b.style = f;
+export {
+  b as swirl_card
+};

package/dist/{swirl-carousel-slide.entry.63b9ebb1.js → swirl-carousel-slide.entry.01f0086e.js}

@@ -1,20 +1,20 @@
-import { r as i, h as s, H as t } from "./index.2ad19391.js";
+import { r as i, h as e, H as t } from "./index.8320b5bc.js";
 import { c as a } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
 const l = ":host{display:block;min-width:0}:host(.carousel-slide--has-min-height) ::slotted(*){height:100%}:host *{box-sizing:border-box}:host ::slotted(*){width:100%;min-height:100%}", o = l, r = class {
-  constructor(e) {
-    i(this, e), this.aspectRatio = void 0, this.label = void 0, this.minHeight = void 0, this.width = "15.5rem";
+  constructor(s) {
+    i(this, s), this.aspectRatio = void 0, this.label = void 0, this.minHeight = void 0, this.width = "15.5rem";
   }
   render() {
-    const e = a("carousel-slide", {
+    const s = a("carousel-slide", {
       "carousel-slide--has-min-height": Boolean(this.minHeight)
     });
-    return s(t, { key: "f126cb05eeab59e4465fb28ef86eb9dd5ee73a7e", "aria-roledescription": "slide", "aria-label": this.label, class: e, role: "group", style: {
+    return e(t, { key: "b7e11a45eb4daaf04887f85915f78ba9dbf9511e", "aria-roledescription": "slide", "aria-label": this.label, class: s, role: "group", style: {
       aspectRatio: this.aspectRatio,
       flexBasis: this.width,
       minHeight: this.minHeight
-    }, tabIndex: 0 }, s("slot", { key: "b7cc7c295f5cbc2b997102ca7dac3ed2170f90a4" }));
+    }, tabIndex: 0 }, e("slot", { key: "895d2fb992c51579519932a314bc52048e0b666c" }));
   }
 };
 r.style = o;

package/dist/{swirl-carousel.entry.01be25fd.js → swirl-carousel.entry.3c9dae53.js}

@@ -1,4 +1,4 @@
-import { r as o, c as a, h as l, H as r, g as d } from "./index.2ad19391.js";
+import { r as o, c as a, h as l, H as r, g as d } from "./index.8320b5bc.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import { d as h } from "./utils-877a768f.c277f897.js";
 import "react";
@@ -11,7 +11,7 @@ const u = `:host{--swirl-carousel-spacing:var(--s-space-16);position:relative;di
       270deg,
       var(--s-background-default) 0%,
       transparent 100%
-    )}.carousel--fade:before,.carousel--fade:after{opacity:1}.carousel--is-at-start:before,.carousel--is-at-end:after{opacity:0}.carousel__slides{position:relative;display:flex;overflow-x:auto;overflow-y:hidden;width:100%;scrollbar-width:none;scroll-snap-type:x mandatory;scroll-behavior:smooth}.carousel__slides::-webkit-scrollbar{display:none}.carousel__slides ::slotted(*:not(:first-of-type)){margin-left:var(--swirl-carousel-spacing)}.carousel__slides ::slotted(*){flex-grow:0;flex-shrink:0;scroll-snap-align:start}.carousel__previous-slide-button,.carousel__next-slide-button{position:absolute;z-index:2;top:50%;transform:translateY(-50%) scale(0.72);pointer-events:none}.carousel__previous-slide-button{left:var(--s-space-4)}.carousel__next-slide-button{right:var(--s-space-4)}`, f = u, p = class {
+    )}.carousel--fade:before,.carousel--fade:after{opacity:1}.carousel--is-at-start:before,.carousel--is-at-end:after{opacity:0}.carousel__slides{position:relative;display:flex;overflow-x:auto;overflow-y:hidden;width:100%;scrollbar-width:none;scroll-snap-type:x mandatory;scroll-behavior:smooth}.carousel__slides::-webkit-scrollbar{display:none}.carousel__slides ::slotted(*:not(:first-of-type)){margin-left:var(--swirl-carousel-spacing)}.carousel__slides ::slotted(*){flex-grow:0;flex-shrink:0;scroll-snap-align:start}.carousel__previous-slide-button,.carousel__next-slide-button{position:absolute;z-index:2;top:50%;transform:translateY(-50%) scale(0.72);pointer-events:none}.carousel__previous-slide-button{left:var(--s-space-4)}.carousel__next-slide-button{right:var(--s-space-4)}`, p = u, S = class {
   constructor(i) {
     o(this, i), this.activeSlidesChange = a(this, "activeSlidesChange", 7), this.activeSlides = [], this.updateActiveSlideReferences = h(() => {
       const e = this.getActiveSlides();
@@ -84,13 +84,13 @@ const u = `:host{--swirl-carousel-spacing:var(--s-space-16);position:relative;di
       "carousel--is-at-start": this.isAtStart,
       "carousel--is-at-end": this.isAtEnd
     });
-    return l(r, { key: "4a31eea643388a6ebcf52cdd818a9bb3c689fdd8", "aria-label": this.label, "aria-roledescription": "carousel", role: "group" }, l("div", { key: "0c514ec843a103b11a01ea3d82e2096dca5a7aef", class: e }, this.isScrollable && !this.isAtStart && l("swirl-button", { key: "2fbf655f2234d14e06ff47d2f439f0bad3ce1e10", 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: "aef153d9d78f45024d7c4eb122b505001a80112e", 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: "4dd88527e9bdb0f57b415f46d3f04ebf66d24895", "aria-live": "polite", class: "carousel__slides", style: i, onScroll: this.onScroll, ref: (t) => this.slidesContainer = t }, l("slot", { key: "a4b6b640183b5355c064ae8fe6fb4c910580c846", onSlotchange: this.onSlotChange }))));
+    return l(r, { key: "4a51de70cfbc822287ac89be9a023ce3b1765c72", "aria-label": this.label, "aria-roledescription": "carousel", role: "group" }, l("div", { key: "9252572f5774605943cd9dcb5ce69fe80db082eb", class: e }, this.isScrollable && !this.isAtStart && l("swirl-button", { key: "e580f6713df6b45e9375aa8b235259d10c647d4e", 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: "c6726a036c07c20f35931684c2ba4bb5f72fcd18", 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: "5e72c254a630d77df8cb29ea23e799b3a78081d0", "aria-live": "polite", class: "carousel__slides", style: i, onScroll: this.onScroll, ref: (t) => this.slidesContainer = t }, l("slot", { key: "8b1a05d213ca9f011769154a19fb5d9777b26247", onSlotchange: this.onSlotChange }))));
   }
   get el() {
     return d(this);
   }
 };
-p.style = f;
+S.style = p;
 export {
-  p as swirl_carousel
+  S as swirl_carousel
 };

package/dist/{swirl-checkbox.entry.6fa8d45c.js → swirl-checkbox.entry.e5e16b43.js}

@@ -1,4 +1,4 @@
-import { r as b, c as t, h as c, H as d } from "./index.2ad19391.js";
+import { r as b, c as d, h as c, H as t } from "./index.8320b5bc.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -6,7 +6,7 @@ const n = `.sc-swirl-checkbox-h{display:inline-flex}.sc-swirl-checkbox-h *.sc-sw
       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 = n, x = class {
   constructor(e) {
-    b(this, e), this.valueChange = t(this, "valueChange", 7), this.onChange = () => {
+    b(this, e), this.valueChange = d(this, "valueChange", 7), this.onChange = () => {
       this.checked = !(this.checked === !0 || this.checked === "true"), this.valueChange.emit(this.checked);
     }, this.checked = !1, this.description = void 0, this.disabled = !1, this.swirlAriaDescribedby = void 0, this.swirlAriaLabel = void 0, this.inputId = void 0, this.inputName = void 0, this.invalid = void 0, this.label = void 0, this.labelWeight = "medium", this.value = void 0, this.variant = "default";
   }
@@ -21,7 +21,7 @@ const n = `.sc-swirl-checkbox-h{display:inline-flex}.sc-swirl-checkbox-h *.sc-sw
       "checkbox--invalid": this.invalid,
       "checkbox--unchecked": e
     });
-    return c(d, { key: "1302f330a8e8fbf8b2bf2e7c76c6b9774a2c6873", style: { width: this.variant === "card" ? "100%" : void 0 } }, c("label", { key: "7df27dbf4743e80131e6697ec90cee8396395131", class: a, htmlFor: this.inputId }, c("span", { key: "7167d9b7541cfca0e0ea144e0cce24d95b1c810a", class: "checkbox__control" }, c("swirl-visually-hidden", { key: "bd19cd4962c6f78740d0d254a9df03dde765cdc6" }, c("input", { key: "e563ee4a0f7b778ea95732cf7ecd21ea94602843", "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: "4fc4fd4b0e9ed81c33e005fac4178705e2ed1867", "aria-hidden": "true", class: "checkbox__box" }, c("span", { key: "6d99a544dcbe107ebd3a4fbc7aac9323a93a2d54", class: "checkbox__icon" }, i && c("swirl-icon-check-strong", { key: "47e4430ef0b41b1db4cc91b475291eb383662b8a" }), o && c("span", { key: "85fe9a77ea85b0849c7b13d38b792f997645eb50", class: "checkbox__indeterminate-icon" })))), s && c("span", { key: "c5912f5c2a4f2261db44b5c48014ae51c308119c", class: "checkbox__label-container" }, this.label && c("span", { key: "6a86f766c67934f201e5d9b29cd4979736b42ec5", class: "checkbox__label" }, this.label), this.description && c("span", { key: "803078f5b17fe605b1b72047f2aa7ab0d1c7ec04", class: "checkbox__description" }, this.description))));
+    return c(t, { key: "cf3e5aa42775aac75e4f08499cf762cb35687864", style: { width: this.variant === "card" ? "100%" : void 0 } }, c("label", { key: "098d2d0509e46a530c5cb5a034d1512fb82a20eb", class: a, htmlFor: this.inputId }, c("span", { key: "6d6dbf85fc99f5b16e23b9b3884ccd3cf1e95baa", class: "checkbox__control" }, c("swirl-visually-hidden", { key: "6bfe18790ed2a36783eb27f5df531cf702440b8b" }, c("input", { key: "d25db1141a3603555a2c8ce4636d0c31f11404cc", "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: "5a7ee20a4c27974aa85cab4c6fc4df6fe3e047f5", "aria-hidden": "true", class: "checkbox__box" }, c("span", { key: "2b90e1b1c1af1b5abbcc2da9cd92a6f8771da9b5", class: "checkbox__icon" }, i && c("swirl-icon-check-strong", { key: "69f89ef7f9af74d6478cdcd1f45f0dc0e40779b9" }), o && c("span", { key: "abb3beb0868e23cca2dfd7b766ccb3e982453096", class: "checkbox__indeterminate-icon" })))), s && c("span", { key: "63519992e86d671a9b877d6b4efc5774faee8086", class: "checkbox__label-container" }, this.label && c("span", { key: "c82b989c165ecf22b03c9ed046d52532bfed30e7", class: "checkbox__label" }, this.label), this.description && c("span", { key: "7359cd851c8c410fc4ee8762922a21adaa6058f0", class: "checkbox__description" }, this.description))));
   }
 };
 x.style = k;