@getflip/swirl-components-react 0.307.0 → 0.309.0

package/dist/{swirl-accordion-item.entry.480cffea.js → swirl-accordion-item.entry.9ea9e4b8.js}

@@ -1,9 +1,9 @@
-import { r as t, c as d, h as e, H as n, g as s } from "./index.0f7cea31.js";
-import { c as r } from "./index-267776a4.6beb4f4b.js";
+import { r as t, c as d, h as e, H as n, g as s } from "./index.b8ec3ca1.js";
+import { c } from "./index-267776a4.6beb4f4b.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 {
+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 = r, h = class {
   constructor(i) {
     t(this, i), this.expansionChange = d(this, "expansionChange", 7), this.headingId = `${o()}-heading`, this.onHeadingClick = () => {
       this.toggle();
@@ -23,10 +23,10 @@ const c = ":host{display:block}:host *{box-sizing:border-box}.accordion-item{dis
     this.expanded ? this.collapse() : this.expand();
   }
   render() {
-    const i = `h${this.headingLevel}`, a = r("accordion-item", {
+    const i = `h${this.headingLevel}`, a = c("accordion-item", {
       "accordion-item--expanded": this.expanded
     });
-    return e(n, { key: "37e305bc643a6b5498a6005fe6cf6c3733596e02" }, e("div", { key: "d802208c08ef5969e5c8d140594083703558d8b9", class: a }, e(i, { key: "5c7d5be9fe17e0728da5ea401d49e40339a2fd37", class: "accordion-item__heading" }, e("button", { key: "eb5b31d712d25a72b189f4a1c2411afd6d56191a", "aria-controls": this.itemId, "aria-expanded": String(this.expanded), class: "accordion-item__toggle", disabled: this.disabled, id: this.headingId, onClick: this.onHeadingClick, type: "button" }, e("span", { key: "9fdbfbee31699410579315f53a6557411a7cbd9d", class: "accordion-item__toggle-text" }, this.heading, this.description && e("swirl-text", { key: "70c986f9b3e26fb4998b2acae4e2a170c8d8c0b8", as: "span", color: "subdued", size: "sm" }, this.description)), e("span", { key: "ec1fe676b6e8e09b1edf98a136ba1d3df7e2c912", class: "accordion-item__icon" }, !this.expanded && e("swirl-icon", { key: "c7725c1a2c3d2fea9ff8311b75003c9b0ed9ec3a", glyph: "chevron-right", size: 20 }), this.expanded && e("swirl-icon", { key: "77e8e3a17ef1cc3e6f34b4723e637f416932e201", glyph: "expand-more", size: 20 })))), e("div", { key: "ad9e8759afd5cb49cb68a9bce0f61a709e4e6c4d", "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, e("slot", { key: "2de0da2aa2cf446288f30468ca061b3f8665cbb2" }))));
+    return e(n, { key: "96e039733fea19c6254881183f68b628d1383e2b" }, e("div", { key: "6d127851f50f28ea1a7a265fb064a9ef0b1d5687", class: a }, e(i, { key: "fa5a150a99c6d0ee859432a93d751b136f5e22e9", class: "accordion-item__heading" }, e("button", { key: "13649acf39143ec342cbcf0e85cb7bf909494dc4", "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: "fdbe81546bbc66241692bfb631723897dbc61c1d", class: "accordion-item__toggle-text" }, this.heading, this.description && e("swirl-text", { key: "58cea3493c01538fcede9fcc821c8819b689c515", as: "span", color: "subdued", size: "sm" }, this.description)), e("span", { key: "520cec54b5be2186d8e24dd944b1646e4dde6732", class: "accordion-item__icon" }, !this.expanded && e("swirl-icon", { key: "8f2934a02c7e0f3fc7c71c0ba45d3e4c8539fa60", glyph: "chevron-right", size: 20 }), this.expanded && e("swirl-icon", { key: "83790f06a95add6bf7cb3819adcf11a8631e156e", glyph: "expand-more", size: 20 })))), e("div", { key: "13cb22276774d5cd211bffdc03ad9ef55fd682c7", "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, e("slot", { key: "68a468be234c0cfea4629e820afc515e53d862d2" }))));
   }
   get el() {
     return s(this);

package/dist/{swirl-accordion.entry.3e2710f5.js → swirl-accordion.entry.451ae2b5.js}

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

package/dist/swirl-action-list-section.entry.866d31ea.js

@@ -0,0 +1,15 @@
+import { r as i, h as e, H as t } from "./index.b8ec3ca1.js";
+import "react";
+import "react-dom";
+const a = ":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 = a, o = class {
+  constructor(s) {
+    i(this, s), this.label = void 0, this.separatorSpacing = "4", this.spacing = "0", this.hasSeparator = !1;
+  }
+  render() {
+    return e(t, { key: "fd2e4814db9e6a2acc0fd93910d60c26e85fb7c8" }, this.hasSeparator && e("swirl-separator", { key: "4a81bce7d6092138d8de12e047b0a4b6ef486f5b", spacing: this.separatorSpacing }), e("div", { key: "aeec5e051151e8277893b5f93109b01eacdd7e9d", "aria-labelledby": "label", class: "action-list-section", role: "group" }, e("span", { key: "d59f5ff780ac563d52fe885a10b2d3073fa1f482", class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), e("swirl-stack", { key: "50bb45cd2e1e49974340bc20c9917cb7eebc34d0", spacing: this.spacing, align: "stretch" }, e("slot", { key: "523414e5973c74d72d248ac45e3b7d7b6d462eff" }))));
+  }
+};
+o.style = c;
+export {
+  o as swirl_action_list_section
+};

package/dist/{swirl-action-list_2.entry.7baa35ac.js → swirl-action-list_2.entry.1329ff51.js}

@@ -1,4 +1,4 @@
-import { r as c, h as o, H as l, g as d } from "./index.0f7cea31.js";
+import { r as c, h as o, H as l, g as d } from "./index.b8ec3ca1.js";
 import { q as f, b as h, g as u } from "./utils-877a768f.c277f897.js";
 import { c as m } from "./index-267776a4.6beb4f4b.js";
 import "react";
@@ -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, 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");
+      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");
     }, this.onFocus = () => {
-      var s, n;
+      var s, a;
       if (this.isInsidePopover)
         return;
       this.container.removeAttribute("tabindex");
       const e = this.getItems(), t = this.getActiveItemIndex();
-      t > -1 ? (s = e[t]) == null || s.focus() : (n = e[0]) == null || n.focus();
+      t > -1 ? (s = e[t]) == null || s.focus() : (a = e[0]) == null || a.focus();
     }, this.isInsidePopover = void 0;
   }
   componentDidLoad() {
@@ -51,7 +51,7 @@ const p = ":host{display:block;width:100%}:host *{box-sizing:border-box}.action-
     });
   }
   render() {
-    return o(l, { key: "6f26bfaeafe7cf4b16449dc26ab2031afe994992" }, o("div", { key: "fe3afb2618a65c32a73172c7dc67da5d932606b2", "aria-orientation": "vertical", class: "action-list", onFocusout: this.isInsidePopover ? void 0 : this.onFocusOut, onFocus: this.isInsidePopover ? void 0 : this.onFocus, onKeyDown: this.onKeyDown, part: "action-list", ref: (i) => this.container = i, role: "menu" }, o("slot", { key: "077e112437ff9f99e6ad40f7e9b4faaea1d51c81", onSlotchange: this.setSectionSeparator })));
+    return o(l, { key: "4845807cae0e83d0547f9611eea45f9cb8c8ae97" }, o("div", { key: "ff021b72388173b03f01ef5617db46002317e24e", "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: "df9314bd51c33c68fad7b1be595eccdfb2eeece2", 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 n, a, r;
-    const e = (n = this.iconEl) == null ? void 0 : n.children[0], t = (a = this.suffixEl) == null ? void 0 : a.children[0];
+    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];
     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, 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" }))));
+    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" }))));
   }
   get el() {
     return d(this);

package/dist/{swirl-app-bar.entry.949324e5.js → swirl-app-bar.entry.d25e4a5e.js}

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

package/dist/{swirl-app-icon.entry.676b8a48.js → swirl-app-icon.entry.f8bda28a.js}

@@ -1,4 +1,4 @@
-import { r as n, h as s, H as o } from "./index.0f7cea31.js";
+import { r as n, h as s, H as o } from "./index.b8ec3ca1.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: "0246597746c262c48608056674b0e92ae871f916" }, s("span", { key: "bdeae7d24e621180fe683db98d11d3af78fc35d3", class: a }, e && s("img", { key: "fbd3183b1868e235cccd82ef8395e4e6a70b9bfe", alt: "", height: "256", ref: this.onImageElementUpdate, src: this.src, width: "256" }), i && s("span", { key: "25aaa4c3612eb7e668e8796bde4d0a25e7670c3c", class: "app-icon__icon", innerHTML: this.icon })));
+    return s(o, { key: "6dbdad7ac67540921702200a91275673f6b14212" }, s("span", { key: "574b84ab61732b2e63c4d34eb0a8c08e447d5a60", class: a }, e && s("img", { key: "e0c8ce8e03b5c674f2ca16a2f03b32ef2e74d635", alt: "", height: "256", ref: this.onImageElementUpdate, src: this.src, width: "256" }), i && s("span", { key: "160dda2a69d6e0b0fd9ede29ad70e370404ac8b2", class: "app-icon__icon", innerHTML: this.icon })));
   }
 };
 h.style = c;

package/dist/{swirl-app-layout_5.entry.e5e6771f.js → swirl-app-layout_5.entry.e30c7a4f.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.0f7cea31.js";
+import { r as p, c as n, h as a, H as c, g as u, F as h } from "./index.b8ec3ca1.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: "286c730a3fadeaf72a36a6f73d9fc880f2fd9c02" }, a("div", { key: "be9336531a7847c52744dd36589cee036868ca43", class: i }, this.illustration && !e && a("img", { key: "66fab130e08d74d17747a2102763a4674e13801e", alt: "", class: "empty-state__illustration", src: this.illustration }), a("div", { key: "595cd0b45540fc83465a3658aa5a359daf656ecf", class: "empty-state__slotted-illustration" }, a("slot", { key: "982563b416cbd955c18a2d363e5b896bb8bd042d", name: "illustration" })), a("div", { key: "25ae1dab82e2e2e23a540f538ade26fb96be9792", class: "empty-state__body" }, a("swirl-stack", { key: "dadc5ec9c0b08c89bf978f4b2863c1855ff413e1", align: "stretch", spacing: "8" }, this.heading && a("swirl-heading", { key: "51a8ed0830df3f13ca39d4510f14a371838a22cc", align: "center", as: "p", level: 4, text: this.heading }), a("div", { key: "1c4921010535e1e7ef104fee151fe15df6980ec3", class: "empty-state__content" }, a("swirl-text", { key: "482956169cbbc7784fe5f56470fc2b28e5028212", align: "center", color: "subdued" }, a("slot", { key: "4b1cf923b92a366e9f987841d726dc7f59bc292a" })))), a("div", { key: "cca112fd02b3118f46db3c4f4baf883ca7432231", class: "empty-state__controls" }, a("slot", { key: "87c4bc50c92830fc64abc393c64309a0a4664d50", name: "controls" })))));
+    return a(c, { key: "c408d7bb8dc59304e0a734fab8a7206b0888aa6e" }, a("div", { key: "a2c05e810b83c523a656d1f180b28a1c877d8d47", class: i }, this.illustration && !e && a("img", { key: "77b154b7fbb550e2fb6224e8b02f9734e0478bce", alt: "", class: "empty-state__illustration", src: this.illustration }), a("div", { key: "f315e5fbb6c2f618fdf8044fa12bcf4986fab244", class: "empty-state__slotted-illustration" }, a("slot", { key: "36def917ad3f786684e7e6ddcf5245d953e1532e", name: "illustration" })), a("div", { key: "c878ffa444942d4d008d91bb0584c85d54b11a9c", class: "empty-state__body" }, a("swirl-stack", { key: "5e3eba6a14feae9ffd56269bf2e9de2f0efcc421", align: "stretch", spacing: "8" }, this.heading && a("swirl-heading", { key: "25c15811c899b0ff446faea4e6b2805b1d8b8ffe", align: "center", as: "p", level: 4, text: this.heading }), a("div", { key: "a6e37e1fb802e3319d6c3730dc7d98817808c271", class: "empty-state__content" }, a("swirl-text", { key: "6ec54e9999dcc00a6ce4aeb3b2be52ded7484013", align: "center", color: "subdued" }, a("slot", { key: "b883a52b33e55de4aa72c149100c659430d3504b" })))), a("div", { key: "2116877fe43559d2ea489d80e9172aeab2d599ed", class: "empty-state__controls" }, a("slot", { key: "c6765e152cb9e666eb37beb09077c1e6c16beacc", 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: "6c9beabb2082824e4dcc92f571f55458829045bb", "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: "ae170cd5f9f37f41c2445ad23f6108b1eb6cdf91" }, a("path", { key: "8408d06603a16acec43a0b68b94b446d7271b2ca", 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: "f348acb138eacdce65b96361b310b4d2e334dd70" }, a("path", { key: "42b67d8bb8a1bcbe40b1c91c8a8b900ff61c9c8b", 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: "72ded59476f7a7c42e35c3ab54b75afb768a1608" }, a("path", { key: "59c4ddd33e74ea103bc5d7af0396357b157bb023", 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: "3a23fd957bbc465bc9eafda92d32297c0aa9728f", "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: "cb00f2f2404747b248aeefc3ac55eb5c97608fdb" }, a("path", { key: "3dfe47ced62896bb8f7f964efd076f020a506b11", 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: "44cf69864983f204af407240f3e214630283c2bb" }, a("path", { key: "c58c6a95bbabebffc36d14b9e77a655ad0325e0a", 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: "5ee25d16e65e04b22ce86b9fd737a205f683479e" }, a("path", { key: "75e123171af42f9a8a3cddfcc9377ca1d9d2437f", 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: "9cdbf7e982b7fad16ddde568da0ffd8cd229afbe", onKeyDown: this.onKeyDown }, a("swirl-visually-hidden", { key: "c673f945e917844046c6d97df7ae74750b27ffd8", role: "alert" }, this.assistiveText), a("swirl-box", { key: "d0db754c2f51e535a5f17cc6c25478fcbe7c6c52", paddingBlockEnd: (t = this.paddingBlockEnd) != null ? t : this.padding, paddingBlockStart: (e = this.paddingBlockStart) != null ? e : this.padding, paddingInlineEnd: (o = (i = this.paddingInlineEnd) != null ? i : this.padding) != null ? o : "8", paddingInlineStart: (l = (r = this.paddingInlineStart) != null ? r : this.padding) != null ? l : "8" }, a("swirl-stack", { key: "b63e230dcf9fd95576034611ae088f0768d4c300", "aria-label": this.label, class: "resource-list", id: this.listId, ref: (d) => this.gridEl = d, role: "grid", spacing: this.spacing }, a("slot", { key: "6fda1e77604a0ac9fac43aa95937d1274926dd36" }))));
+    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" }))));
   }
   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: "dba563ccfce21fd0bdf87f8f970c6c368de5a384", role: "row" }, a("div", { key: "0fa0e2578e7f6b8bf6500f84389fba8a483bb80d", class: B, role: "gridcell" }, a(t, { key: "9ecc89bed26925125740c4c02673dbe9fa4feaa3", "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: "01c7349268e6fdb135a6a41fcf29522b8a112863", class: "resource-list-item__media" }, a("slot", { key: "d6aa58d73f26c54536f79ff5e4b1db14e270cb7d", name: "media" })), a("span", { key: "d240bf48129aebffc4d5135697547bf1b41bb7b2", class: "resource-list-item__label-container", style: I }, a("span", { key: "9e87098fd6738cf2a3e158bff7f281ae6d49b366", class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : void 0 }, !this.allowHtml && this.label), this.description && a("span", { key: "25483b5b986d8f2c7a72b27fd06d0a33938f7a65", class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : void 0 }, !this.allowHtml && this.description)), s && a("span", { key: "372eb1b0e328dfaef3ace6320d7a937354f63860", class: "resource-list-item__meta" }, a("span", { key: "9f90bbb431c0aa25609467a865b503236ab9a2f5", class: "resource-list-item__meta-text" }, this.meta), a("span", { key: "45ab81e3d6a8203ec69e857f74e9498023ea63d3", class: "resource-list-item__badges" }, a("slot", { key: "d1afdb5262dbc03f14159912072e9c3ef4a21c4d", name: "badges" })))), this.selectable && a("span", { key: "4a26342beaf34ffbb3e3210b76c44a55991a44eb", "aria-hidden": "true", class: "resource-list-item__checkbox" }, a("span", { key: "460cb54db0405975abfc082f82673db8c4c21282", class: "resource-list-item__checkbox-icon" }, this.checked && a("swirl-icon-check-strong", { key: "9afc4ea48861dab4a7e7f3cdad3268d07d27a04c" }))), a("span", { key: "83eaca909478d7105b04ec659465519ca8c17353", class: "resource-list-item__control", onClick: this.onControlClick, ref: (E) => this.controlContainer = E }, a("slot", { key: "648105d5982c765f38ad6b9d8ca6dfcb55d06e57", name: "control" })), m && a("swirl-popover-trigger", { key: "520fd38947f92c9e2f0a0fc3806e6d3ac925d3ad", swirlPopover: this.menuTriggerId }, a("swirl-button", { key: "24c0513133f9bbcd1fb349ea224731a8551cede5", "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: "caff3db0cabeb8f08ead65294dd67cd45d42433d", "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: "3ff4db283081cc1d2da46cac766463b4e9170132", size: this.iconSize })));
+    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 })));
   }
   get el() {
     return u(this);

package/dist/{swirl-autocomplete.entry.bf985f4d.js → swirl-autocomplete.entry.a3df9ba2.js}

@@ -1,4 +1,4 @@
-import { r as p, c as m, h as o, H as f, g as b } from "./index.0f7cea31.js";
+import { r as p, c as m, h as o, H as f, g as b } from "./index.b8ec3ca1.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.affaa4e8.js → swirl-avatar-group.entry.fc37c727.js}

@@ -1,10 +1,10 @@
-import { r as s, h as e, H as i } from "./index.0f7cea31.js";
+import { r as s, h as r, H as i } from "./index.b8ec3ca1.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, n = class {
-  constructor(r) {
-    s(this, r), this.badge = void 0;
+  constructor(a) {
+    s(this, a), this.badge = void 0;
   }
   componentDidLoad() {
     this.forceBadgeProps();
@@ -12,14 +12,14 @@ const d = ":host{display:inline-flex}:host *{box-sizing:border-box}.avatar-group
   forceBadgeProps() {
     if (!Boolean(this.badge))
       return;
-    const r = this.badgeEl.querySelector("swirl-badge"), a = r == null ? void 0 : r.getAttribute("size");
-    Boolean(a) || r == null || r.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 r = t("avatar-group", {
+    const a = t("avatar-group", {
       "avatar-group--has-badge": Boolean(this.badge)
-    }), a = t("avatar-group__badge");
-    return e(i, { key: "6a6a87484916f4341bee75573255a70c04e7d51e" }, e("div", { key: "9cc05ce558e9aa6cbff457cbe5af38ec12e1df72", class: r, role: "group" }, e("slot", { key: "01cccb097c967e19657206b92b8c4e32409e03fe" }), this.badge && e("span", { key: "6a1dce168468030d60280364483e5c83e8a48652", class: a, innerHTML: this.badge, ref: (o) => this.badgeEl = o })));
+    }), e = t("avatar-group__badge");
+    return r(i, { key: "462ffec151cda454d434014c1bd838f400a1be9a" }, r("div", { key: "e9281967c4eb7900495a3dda9b36394ac8c045b3", class: a, role: "group" }, r("slot", { key: "ae8f0ebece8a2b0291958abff5f021dafe23a184" }), this.badge && r("span", { key: "eca85606e9f0c0d60a43860543c1fb06ef785a82", class: e, innerHTML: this.badge, ref: (o) => this.badgeEl = o })));
   }
 };
 n.style = l;

package/dist/{swirl-avatar.entry.4c38f99a.js → swirl-avatar.entry.d70362ee.js}

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

package/dist/{swirl-badge.entry.05303522.js → swirl-badge.entry.364399d2.js}

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

package/dist/{swirl-banner.entry.d0cc7c3f.js → swirl-banner.entry.f88b34fb.js}

@@ -1,4 +1,4 @@
-import { r as o, c as r, h as t, H as c, g as b } from "./index.0f7cea31.js";
+import { r as o, c as r, h as t, H as c, g as b } from "./index.b8ec3ca1.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.b65cf94e.js → swirl-box.entry.082536ec.js}

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

package/dist/{swirl-button-group.entry.6047f746.js → swirl-button-group.entry.db1e69e6.js}

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

package/dist/{swirl-button.entry.88db0919.js → swirl-button.entry.58e078cb.js}

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

package/dist/{swirl-card.entry.95bddf2a.js → swirl-card.entry.0a9a9ac4.js}

@@ -1,4 +1,4 @@
-import { r as t, c as n, h as e, H as o, g as c } from "./index.0f7cea31.js";
+import { r as t, c as n, h as e, H as o, g as c } from "./index.b8ec3ca1.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -8,7 +8,7 @@ const u = `:host{display:contents}:host *{box-sizing:border-box}.card{--swirl-gh
     --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)}.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__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)}`, h = u, f = ["xs", "sm", "base", "l", "xl"], g = class {
+  );--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)}.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__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%}`, h = u, f = ["xs", "sm", "base", "l", "xl"], g = class {
   constructor(a) {
     t(this, a), this.componentLoad = n(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.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;
   }

package/dist/{swirl-carousel-slide.entry.500bc47b.js → swirl-carousel-slide.entry.9250c661.js}

@@ -1,23 +1,23 @@
-import { r as i, h as e, H as t } from "./index.0f7cea31.js";
-import { c as a } from "./index-267776a4.6beb4f4b.js";
+import { r as i, h as e, H as t } from "./index.b8ec3ca1.js";
+import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
-const l = ":host{display:block;min-width:0}:host(.carousel-slide--has-min-height) ::slotted(*){height:100%}:host *{box-sizing:border-box}:host ::slotted(*){width:100%;min-height:100%}", o = l, r = class {
+const o = ":host{display:block;min-width:0}:host(.carousel-slide--has-min-height) ::slotted(*){height:100%}:host *{box-sizing:border-box}:host ::slotted(*){width:100%;min-height:100%}", a = o, r = class {
   constructor(s) {
     i(this, s), this.aspectRatio = void 0, this.label = void 0, this.minHeight = void 0, this.width = "15.5rem";
   }
   render() {
-    const s = a("carousel-slide", {
+    const s = l("carousel-slide", {
       "carousel-slide--has-min-height": Boolean(this.minHeight)
     });
-    return e(t, { key: "8f38c4750269af5d8d18043ec381e0ca743a94a4", "aria-roledescription": "slide", "aria-label": this.label, class: s, role: "group", style: {
+    return e(t, { key: "d4c547449bbd4632987fdfe578647d580f8fd71f", "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: "1a0d7f1017befb23e997c88c92ce2077436fba9b" }));
+    }, tabIndex: 0 }, e("slot", { key: "7d644fe684414bd3675eb2dd6543bd4a7e7e40ef" }));
   }
 };
-r.style = o;
+r.style = a;
 export {
   r as swirl_carousel_slide
 };

package/dist/{swirl-carousel.entry.d1ea0dc7.js → swirl-carousel.entry.7aca2b2f.js}

@@ -1,4 +1,4 @@
-import { r as o, c as a, h as l, H as r, g as d } from "./index.0f7cea31.js";
+import { r as o, c as a, h as l, H as r, g as d } from "./index.b8ec3ca1.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import { d as h } from "./utils-877a768f.c277f897.js";
 import "react";
@@ -12,8 +12,8 @@ const u = `:host{--swirl-carousel-spacing:var(--s-space-16);position:relative;di
       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 {
-  constructor(t) {
-    o(this, t), this.activeSlidesChange = a(this, "activeSlidesChange", 7), this.activeSlides = [], this.updateActiveSlideReferences = h(() => {
+  constructor(i) {
+    o(this, i), this.activeSlidesChange = a(this, "activeSlidesChange", 7), this.activeSlides = [], this.updateActiveSlideReferences = h(() => {
       const e = this.getActiveSlides();
       e.some((s, n) => this.activeSlides[n] !== s) && (this.activeSlides = e, this.activeSlidesChange.emit(this.activeSlides));
     }, 100), this.onPreviousSlideButtonClick = () => {
@@ -34,23 +34,23 @@ const u = `:host{--swirl-carousel-spacing:var(--s-space-16);position:relative;di
       !this.el.isConnected || (this.checkScrollStatus(), this.checkScrollPosition());
     });
   }
-  async scrollToSlide(t) {
-    const i = this.getSlides().find((s) => s.id === t);
-    !Boolean(i) || this.scrollToElement(i);
+  async scrollToSlide(i) {
+    const t = this.getSlides().find((s) => s.id === i);
+    !Boolean(t) || this.scrollToElement(t);
   }
-  scrollToElement(t) {
+  scrollToElement(i) {
     var e;
-    this.slidesContainer && t.offsetLeft && ((e = this.slidesContainer) == null || e.scroll({
-      left: t.offsetLeft,
+    this.slidesContainer && i && ((e = this.slidesContainer) == null || e.scroll({
+      left: i.offsetLeft,
       behavior: "smooth"
     }));
   }
   previousSlide() {
-    const t = this.getSlides(), e = this.getActiveSlides(), i = e[0].previousElementSibling || (this.loopAround ? t[t.length - 1] : e[0]);
-    this.scrollToElement(i);
+    const i = this.getSlides(), e = this.getActiveSlides(), t = e[0].previousElementSibling || (this.loopAround ? i[i.length - 1] : e[0]);
+    this.scrollToElement(t);
   }
   nextSlide() {
-    const t = this.getSlides(), e = this.getActiveSlides(), s = !Boolean(e[e.length - 1].nextElementSibling) && this.loopAround ? t[0] : e[0].nextElementSibling;
+    const i = this.getSlides(), e = this.getActiveSlides(), s = !Boolean(e[e.length - 1].nextElementSibling) && this.loopAround ? i[0] : e[0].nextElementSibling;
     this.scrollToElement(s);
   }
   getSlides() {
@@ -63,16 +63,16 @@ const u = `:host{--swirl-carousel-spacing:var(--s-space-16);position:relative;di
     this.isScrollable = this.slidesContainer.scrollWidth > this.slidesContainer.offsetWidth;
   }
   checkScrollPosition() {
-    const t = this.getSlides(), e = this.getActiveSlides(), i = e[0] === t[0], s = e[e.length - 1] === t[t.length - 1];
-    i !== this.isAtStart && (this.isAtStart = i), s !== this.isAtEnd && (this.isAtEnd = s);
+    const i = this.getSlides(), e = this.getActiveSlides(), t = e[0] === i[0], s = e[e.length - 1] === i[i.length - 1];
+    t !== this.isAtStart && (this.isAtStart = t), s !== this.isAtEnd && (this.isAtEnd = s);
   }
-  checkInView(t) {
-    let e = this.slidesContainer.scrollLeft, i = e + this.slidesContainer.clientWidth, s = t.offsetLeft, n = s + t.clientWidth;
-    return s >= e && n <= i;
+  checkInView(i) {
+    let e = this.slidesContainer.scrollLeft, t = e + this.slidesContainer.clientWidth, s = i.offsetLeft, n = s + i.clientWidth;
+    return s >= e && n <= t;
   }
   render() {
     this.el.style.setProperty("--swirl-carousel-spacing", `${this.spacing}px`);
-    const t = {
+    const i = {
       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,
@@ -84,7 +84,7 @@ 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: "055531e5e1dd75459da73cdfb2e8fe292ce3fcfc", "aria-label": this.label, "aria-roledescription": "carousel", role: "group" }, l("div", { key: "a7a12f0f26c078c84b01fc2cbcca40008df7c4d6", class: e }, this.isScrollable && !this.isAtStart && l("swirl-button", { key: "2f2da78b3ed307ee553e34149ade756e5d5684b1", 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: "3e5e26b5ee417057aa7ae07c0eca370358a09636", 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: "322b809d76dfb2bf8291d6b5fe82a3cf5f210f9d", "aria-live": "polite", class: "carousel__slides", style: t, onScroll: this.onScroll, ref: (i) => this.slidesContainer = i }, l("slot", { key: "7004b131c7dfdb6eeae338e89d68485f183f1a62", onSlotchange: this.onSlotChange }))));
+    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 }))));
   }
   get el() {
     return d(this);

package/dist/{swirl-checkbox.entry.d16a9073.js → swirl-checkbox.entry.2d43d5cb.js}

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

package/dist/{swirl-chip.entry.58808f2e.js → swirl-chip.entry.0e3fafcd.js}

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

package/dist/{swirl-color-input.entry.e043d75e.js → swirl-color-input.entry.42e2fffe.js}

@@ -1,4 +1,4 @@
-import { r as L, c as f, h as l, H as B } from "./index.0f7cea31.js";
+import { r as L, c as f, h as l, H as B } from "./index.b8ec3ca1.js";
 import { c as T } from "./index-267776a4.6beb4f4b.js";
 import { v as z } from "./v4-23648a96.77c7c20f.js";
 import "react";
@@ -253,9 +253,9 @@ const Z = ".sc-swirl-color-input-h{display:block;width:100%}.sc-swirl-color-inpu
     const e = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, t = T("color-input", {
       "color-input--inline": this.inline
     });
-    return l(B, { key: "4654ff5bc5df257853068a43bcaf52d02097df71" }, l("div", { key: "e53f99ef8f3b2f4ec1b53d79fb5d7dc6c201f46f", class: t }, l("input", { key: "e868bf74207fd39366e7182942e51e377f8f51a6", "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-invalid": e, autoFocus: this.autoFocus, class: "color-input__input", disabled: this.disabled, maxLength: 7, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (o) => this.inputEl = o, required: this.required, spellcheck: "false", type: "text", value: this.value }), l("swirl-popover-trigger", { key: "da79dc9a8ad10e420d9924aeaab92969ab342909", swirlPopover: this.pickerId }, l("button", { key: "268c45d7a455c1682e1d40da424f66ed29de9c72", "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
+    return l(B, { key: "91c008000f02c75b9247f36cadb45c89c1dd3217" }, l("div", { key: "5ad12b4cb85d6520b772fcf4f334b25c471e7b77", class: t }, l("input", { key: "ca0c14b1b26413beab2c2bb845fad19a59d3d111", "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: "433090f7540ffaf70472d8f36bfa01a558c6276b", swirlPopover: this.pickerId }, l("button", { key: "287d1ba7933e956749de674566ebcc6f04a77965", "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: "e3df1808566ec26d254a993afd897ebe8d6149b9", animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, l("swirl-box", { key: "acb8684dd6b9130cbe6b69f82cd820f7a54a0c10", centerInline: !0, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, l("hex-color-picker", { key: "fbdbe7bcb65c8c72cb6a454d49b7f0b96b833f0f", color: this.value, ref: (o) => this.picker = o })))));
+    }, type: "button" })), l("swirl-popover", { key: "efd88723c418f45977a8bc9a10e60c542209bab1", animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, l("swirl-box", { key: "524dc0d20d5e5b6fc048c0fa436b8489d4f47924", centerInline: !0, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, l("hex-color-picker", { key: "0d428dc7b8cd6bbb186e11bcf58cf7ac6b6e6543", color: this.value, ref: (o) => this.picker = o })))));
   }
   static get watchers() {
     return {

package/dist/{swirl-columns.entry.49459522.js → swirl-columns.entry.b5cee383.js}

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

package/dist/swirl-components-react.js

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