@getflip/swirl-components-react 0.205.1 → 0.207.0

package/dist/{swirl-accordion-item.entry.f8c70d02.js → swirl-accordion-item.entry.7b9fb9f5.js}

@@ -1,13 +1,13 @@
-import { r as t, c as d, h as e, H as n, g as s } from "./index.3f681a5e.js";
+import { r as t, c as d, h as e, H as n, g as s } from "./index.6cd7fea9.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: "56461480534cd9e98adf7dbadff5025972793b44" }, e("div", { key: "4f6ee585a341addb405e4bfefe5601e7d09f8e4a", class: o }, e(i, { key: "4425661e4a0521793be019c29aea299c4f1c05a4", class: "accordion-item__heading" }, e("button", { key: "c044428c6daff402e534a43bf4da8822d7c55b7b", "aria-controls": this.itemId, "aria-expanded": String(this.expanded), class: "accordion-item__toggle", disabled: this.disabled, id: this.headingId, onClick: this.onHeadingClick, type: "button" }, e("span", { key: "6fe04b43157522f8e790fe7b0aeb2db36f9fa4da", class: "accordion-item__toggle-text" }, this.heading, this.description && e("swirl-text", { key: "8c0111f0b06ae7a3dfacc339d85cf4eb2105146d", as: "span", color: "subdued", size: "sm" }, this.description)), e("span", { key: "9a72f61aa5bf96389df902840ae791de9011136f", class: "accordion-item__icon" }, !this.expanded && e("swirl-icon", { key: "037e6553f23a62da4e7b6691fb5909fbf20a9894", glyph: "chevron-right", size: 20 }), this.expanded && e("swirl-icon", { key: "6e1effdc9989f76d744fde9ea85ce27ce6a9566d", glyph: "expand-more", size: 20 })))), e("div", { key: "7f88f96f768fc288b65deb6db42cea8f4199dcd0", "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, e("slot", { key: "a9a715d55f607e4f42700f07458673c5dc83c1a1" }))));
+    return e(n, { key: "c5fb72c08f131695556830ce5e5f45a5bb330e15" }, e("div", { key: "4ce3375f9e483e6959633a2711200128f02f328f", class: a }, e(i, { key: "82d4ec3328fea8f4c355a0291fb2025cb2305e14", class: "accordion-item__heading" }, e("button", { key: "2e2e3b323168087b6d695c6cad71f1ee86e26ea1", "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: "a862c7c928b242edb02451d09f226d51845435fd", class: "accordion-item__toggle-text" }, this.heading, this.description && e("swirl-text", { key: "65984aa6ba71b344652547c3f4d55609465ed063", as: "span", color: "subdued", size: "sm" }, this.description)), e("span", { key: "fadaecd3a70f827bae216bb2efe1ced1ff2ee1cb", class: "accordion-item__icon" }, !this.expanded && e("swirl-icon", { key: "18ab125ef2bfff4bc25ef716b1ba010e866ed072", glyph: "chevron-right", size: 20 }), this.expanded && e("swirl-icon", { key: "37f77dc559294c644c90b8d51aa60aa2c43c890d", glyph: "expand-more", size: 20 })))), e("div", { key: "56500ffbc788733df911eb22a2689c69bb218c01", "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, e("slot", { key: "a0ce193e34c23b918f33d6edb192cd72d6263edc" }))));
   }
   get el() {
     return s(this);

package/dist/{swirl-accordion.entry.fe997eec.js → swirl-accordion.entry.9654d5c5.js}

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

package/dist/{swirl-action-list-section.entry.9c8458af.js → swirl-action-list-section.entry.8bfcb831.js}

@@ -1,15 +1,15 @@
-import { r as i, h as e, H as s } from "./index.3f681a5e.js";
+import { r as i, h as e, H as a } from "./index.6cd7fea9.js";
 import "react";
 import "react-dom";
-const a = ":host{display:block}:host *{box-sizing:border-box}.action-list-section{background-color:var(--s-surface-overlay-default)}.action-list-section__label{display:block;width:100%;padding:var(--s-space-8) var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default);color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.action-list-section__label{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);padding:var(--s-space-8) var(--s-space-12)}}", o = a, c = class {
+const s = ":host{display:block}:host *{box-sizing:border-box}.action-list-section{background-color:var(--s-surface-overlay-default)}.action-list-section__label{display:block;width:100%;padding:var(--s-space-8) var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default);color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.action-list-section__label{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);padding:var(--s-space-8) var(--s-space-12)}}", o = s, l = class {
   constructor(t) {
     i(this, t), this.label = void 0;
   }
   render() {
-    return e(s, { key: "022a68a08e5c098f2fa0b17415e2f02c12c9382f" }, e("div", { key: "486234a2f5ddd919506be063eb0962757fc6626f", "aria-labelledby": "label", class: "action-list-section", role: "group" }, e("span", { key: "0c5c9b8249990fec21ab247c532d0ab50c0ce23a", class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), e("div", { key: "e5132695f0fd6cccc1a1b350d657bcc8133dec70", class: "action-list-section__items" }, e("slot", { key: "fe89d7b987d11b87b3afa135e0f782b306b08e17" }))));
+    return e(a, { key: "927db34f4367af342ca2be1f2a2c6ce608777908" }, e("div", { key: "17b5a7a69eba445e1f0d27ca33e7d9f0683a93e3", "aria-labelledby": "label", class: "action-list-section", role: "group" }, e("span", { key: "410a3f1233331e485c9d1c2a24c03359b487a681", class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), e("div", { key: "fa6b1057a74618660e3be76cd1c8ba70bf9fb285", class: "action-list-section__items" }, e("slot", { key: "7301b7ea9965d57a7827e6d76bec2507fd38da27" }))));
   }
 };
-c.style = o;
+l.style = o;
 export {
-  c as swirl_action_list_section
+  l as swirl_action_list_section
 };

package/dist/{swirl-action-list_3.entry.764c812a.js → swirl-action-list_3.entry.cb91c5d0.js}

@@ -1,6 +1,6 @@
-import { r as n, h as o, H as r, g as c } from "./index.3f681a5e.js";
+import { r as n, h as o, H as r, g as c } from "./index.6cd7fea9.js";
 import { q as h, b as f, g as p } from "./utils-aab10c80.240adddc.js";
-import { c as l } from "./index-267776a4.6beb4f4b.js";
+import { c as d } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
 const u = ":host{display:block;width:100%}:host *{box-sizing:border-box}.action-list{background-color:var(--s-surface-overlay-default)}", m = u, b = class {
@@ -10,8 +10,8 @@ const u = ":host{display:block;width:100%}:host *{box-sizing:border-box}.action-
     }, this.onFocusOut = (e) => {
       if (this.isInsidePopover)
         return;
-      const i = e.relatedTarget, s = e.target, a = (s == null ? void 0 : s.tagName) === "SWIRL-ACTION-LIST-ITEM", d = i === null || !this.el.contains(i);
-      !this.isInsidePopover && d && a && this.container.setAttribute("tabindex", "0");
+      const i = e.relatedTarget, s = e.target, a = (s == null ? void 0 : s.tagName) === "SWIRL-ACTION-LIST-ITEM", l = i === null || !this.el.contains(i);
+      !this.isInsidePopover && l && a && this.container.setAttribute("tabindex", "0");
     }, this.onFocus = () => {
       var s, a;
       if (this.isInsidePopover)
@@ -43,14 +43,14 @@ const u = ":host{display:block;width:100%}:host *{box-sizing:border-box}.action-
     return t.findIndex((i) => i === e || i === (e == null ? void 0 : e.querySelector('[role="menuitem"]')));
   }
   render() {
-    return o(r, { key: "648f89052919042bbadf77f458d35e35868c584d" }, o("div", { key: "0be168f8c8cadcf7785e795d6e74575c88fe2b90", "aria-orientation": "vertical", class: "action-list", onFocusout: this.isInsidePopover ? void 0 : this.onFocusOut, onFocus: this.isInsidePopover ? void 0 : this.onFocus, onKeyDown: this.onKeyDown, part: "action-list", ref: (t) => this.container = t, role: "menu" }, o("slot", { key: "76472e680cf932a12b8c3c93432151319e22620c" })));
+    return o(r, { key: "016a68b1efafa34c75ffb472e15c9ef387cf0137" }, o("div", { key: "056ce0eaf6a271301f9ef6ee11688d9b31a0ea56", "aria-orientation": "vertical", class: "action-list", onFocusout: this.isInsidePopover ? void 0 : this.onFocusOut, onFocus: this.isInsidePopover ? void 0 : this.onFocus, onKeyDown: this.onKeyDown, part: "action-list", ref: (t) => this.container = t, role: "menu" }, o("slot", { key: "238ba8f4d7939c68ab1eb077cc20265e6b1c808d" })));
   }
   get el() {
     return c(this);
   }
 };
 b.style = m;
-const g = ":host{display:block}:host *{box-sizing:border-box}.action-list-item{display:inline-flex;width:100%;min-width:15rem;margin:0;padding:var(--s-space-12) var(--s-space-16);justify-content:flex-start;align-items:center;border:none;color:var(--s-text-default);background-color:var(--s-surface-overlay-default);font:inherit;line-height:var(--s-line-height-base);text-align:left;cursor:pointer;gap:var(--s-space-12)}.action-list-item:hover{background-color:var(--s-surface-overlay-hovered)}.action-list-item:focus{outline:none}.action-list-item:focus-visible{background-color:var(--s-surface-overlay-hovered)}.action-list-item:active{background-color:var(--s-surface-overlay-pressed)}.action-list-item:disabled{background-color:var(--s-surface-overlay-default);cursor:default}.action-list-item:disabled .action-list-item__label,.action-list-item:disabled .action-list-item__description{color:var(--s-text-disabled)}.action-list-item:disabled .action-list-item__icon{color:var(--s-icon-disabled)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.action-list-item{padding:var(--s-space-8) var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);gap:var(--s-space-8)}}.action-list-item--size-l{padding:var(--s-space-16)}.action-list-item--intent-critical ::part(icon){color:var(--s-icon-critical)}.action-list-item--intent-critical:not(:disabled) .action-list-item__label{color:var(--s-text-critical)}.action-list-item--intent-critical:not(:disabled) .action-list-item__icon{color:var(--s-icon-critical)}.action-list-item__icon{display:inline-flex;width:1.5rem;height:1.5rem;flex-shrink:0;color:var(--s-icon-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.action-list-item__icon{width:1.25rem;height:1.25rem}}.action-list-item__label-container{display:inline-flex;min-width:0;flex-grow:1;flex-shrink:1;align-items:flex-start;flex-direction:column}.action-list-item__label{overflow:hidden;max-width:100%;font-weight:var(--s-font-weight-medium);white-space:nowrap;text-overflow:ellipsis}.action-list-item__description{color:var(--s-text-subdued)}.action-list-item__badge{overflow:hidden;min-width:4rem;padding-left:var(--s-space-8);flex-shrink:3;color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);text-align:right;white-space:nowrap;text-overflow:ellipsis}.action-list-item__suffix{display:inline-flex;flex-shrink:0;color:var(--s-icon-highlight)}", v = g, x = class {
+const g = ":host{display:block}:host *{box-sizing:border-box}.action-list-item{display:inline-flex;width:100%;min-width:15rem;margin:0;padding:var(--s-space-12) var(--s-space-16);justify-content:flex-start;align-items:center;border:none;color:var(--s-text-default);background-color:var(--s-surface-overlay-default);font:inherit;line-height:var(--s-line-height-base);text-align:left;cursor:pointer;gap:var(--s-space-12)}.action-list-item:hover{background-color:var(--s-surface-overlay-hovered);--swirl-tag-background-default:var(--s-surface-sunken-pressed)}.action-list-item:focus{outline:none}.action-list-item:focus-visible{background-color:var(--s-surface-overlay-hovered)}.action-list-item:active{background-color:var(--s-surface-overlay-pressed)}.action-list-item:disabled{background-color:var(--s-surface-overlay-default);cursor:default}.action-list-item:disabled .action-list-item__label,.action-list-item:disabled .action-list-item__description{color:var(--s-text-disabled)}.action-list-item:disabled .action-list-item__icon{color:var(--s-icon-disabled)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.action-list-item{padding:var(--s-space-8) var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);gap:var(--s-space-8)}}.action-list-item--size-l{padding:var(--s-space-16)}.action-list-item--intent-critical ::part(icon){color:var(--s-icon-critical)}.action-list-item--intent-critical:not(:disabled) .action-list-item__label{color:var(--s-text-critical)}.action-list-item--intent-critical:not(:disabled) .action-list-item__icon{color:var(--s-icon-critical)}.action-list-item__icon{display:inline-flex;width:1.5rem;height:1.5rem;flex-shrink:0;color:var(--s-icon-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.action-list-item__icon{width:1.25rem;height:1.25rem}}.action-list-item__label-container{display:inline-flex;min-width:0;flex-grow:1;flex-shrink:1;align-items:flex-start;flex-direction:column}.action-list-item__label{overflow:hidden;max-width:100%;font-weight:var(--s-font-weight-medium);white-space:nowrap;text-overflow:ellipsis}.action-list-item__description{color:var(--s-text-subdued)}.action-list-item__badge{overflow:hidden;min-width:4rem;padding-left:var(--s-space-8);flex-shrink:3;color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);text-align:right;white-space:nowrap;text-overflow:ellipsis}.action-list-item__suffix{display:inline-flex;flex-shrink:0;color:var(--s-icon-highlight)}", v = g, x = class {
   constructor(t) {
     n(this, t), this.desktopMediaQuery = p(), this.desktopMediaQueryHandler = (e) => {
       this.forceIconProps(e.matches);
@@ -69,11 +69,11 @@ const g = ":host{display:block}:host *{box-sizing:border-box}.action-list-item{d
   forceIconProps(t) {
     var s, a;
     const e = (s = this.iconEl) == null ? void 0 : s.children[0], i = (a = this.suffixEl) == null ? void 0 : a.children[0];
-    e == null || e.setAttribute("size", t ? "20" : "24"), i == null || i.setAttribute("size", t ? "20" : "24");
+    e == null || e.setAttribute("size", t ? "20" : "24"), (i == null ? void 0 : i.tagName) !== "SWIRL-TAG" && (i == null || i.setAttribute("size", t ? "20" : "24"));
   }
   render() {
-    const t = Boolean(this.badge), e = Boolean(this.el.querySelector('[slot="suffix"]')), i = (Boolean(this.suffix) || e) && !this.disabled, s = l("action-list-item", `action-list-item--intent-${this.intent}`, `action-list-item--size-${this.size}`);
-    return o(r, { key: "c27b5f1bf7f0ba445047c9b6971301dcef1d9e12" }, o("button", { key: "1ecb6c1fe6bd6547797b6ae9d8f6ccd728f7053b", "aria-expanded": this.swirlAriaExpanded, "aria-haspopup": this.swirlAriaHaspopup, class: s, disabled: this.disabled, part: "action-list-item", role: "menuitem", tabIndex: -1, type: "button" }, this.icon && o("span", { key: "1832714c29f2c34a365350542838318b6963ae83", class: "action-list-item__icon", innerHTML: this.icon, ref: (a) => this.iconEl = a }), o("span", { key: "b01f38be411e9a4b719ba61b0e18ff64e98a188a", class: "action-list-item__label-container" }, o("span", { key: "93351582c31efc909231cd127472984b2bd211d6", class: "action-list-item__label" }, this.label), this.description && o("span", { key: "f84789e1bc8e39f87ee7d0d608b6482930d55ab0", class: "action-list-item__description" }, this.description)), t && o("span", { key: "9c3d72b0dbb8c8b6cd72f850b7e03aeef54b4abe", class: "action-list-item__badge", innerHTML: this.badge }), i && o("span", { key: "0ef67d7702bcd9637f0e17405ca6b89af2cb697f", class: "action-list-item__suffix", innerHTML: e ? void 0 : this.suffix, ref: (a) => this.suffixEl = a }, o("slot", { key: "f0fda290c8394d13ae778ede1f66b578a8c5475f", name: "suffix" }))));
+    const t = Boolean(this.badge), e = Boolean(this.el.querySelector('[slot="suffix"]')), i = (Boolean(this.suffix) || e) && !this.disabled, s = d("action-list-item", `action-list-item--intent-${this.intent}`, `action-list-item--size-${this.size}`);
+    return o(r, { key: "06605ecf01b587dbfb1de890ba776cdb72926c5b" }, o("button", { key: "c70ad0ecbc3e58a6b5c8543c37907346f3301284", "aria-expanded": this.swirlAriaExpanded, "aria-haspopup": this.swirlAriaHaspopup, class: s, disabled: this.disabled, part: "action-list-item", role: "menuitem", tabIndex: -1, type: "button" }, this.icon && o("span", { key: "e250cabb8119ad251d4d3d70cd080408f2122d5d", class: "action-list-item__icon", innerHTML: this.icon, ref: (a) => this.iconEl = a }), o("span", { key: "28361e8c9cd8696c3661d7263d550a66c87fd26e", class: "action-list-item__label-container" }, o("span", { key: "c8d504ca27d5ba2d1c8979ce45dda984c1e48436", class: "action-list-item__label" }, this.label), this.description && o("span", { key: "303dec5fe699a2c47a4e9e5417d06e3285a30d6f", class: "action-list-item__description" }, this.description)), t && o("span", { key: "96c4500b611acc6a1cb40cbb8b6088deffb273b6", class: "action-list-item__badge", innerHTML: this.badge }), i && o("span", { key: "739d6e49ad6890a23c1b12eea9037da43c9c9e52", class: "action-list-item__suffix", innerHTML: e ? void 0 : this.suffix, ref: (a) => this.suffixEl = a }, o("slot", { key: "a391b536421efd55d4132772d143ec89e757c9d8", name: "suffix" }))));
   }
   get el() {
     return c(this);
@@ -91,8 +91,8 @@ const w = ":host{display:flex;width:100%;align-items:center}:host *{box-sizing:b
     } : {
       paddingRight: `var(--s-space-${this.spacing})`,
       paddingLeft: `var(--s-space-${this.spacing})`
-    }, e = l("separator", `separator--border-color-${this.borderColor}`, `separator--orientation-${this.orientation}`);
-    return o(r, { key: "0687a27202c4b760115bf22a21f1e4e3abb13728", "aria-orientation": this.orientation, class: e, role: "separator", style: t }, o("span", { key: "8d67381b3d052acfc3710064d3f19d104a8fdbd4", class: "separator__line" }));
+    }, e = d("separator", `separator--border-color-${this.borderColor}`, `separator--orientation-${this.orientation}`);
+    return o(r, { key: "4072fb521a6a98f765464940920b799cf0af00c1", "aria-orientation": this.orientation, class: e, role: "separator", style: t }, o("span", { key: "97d2b84b763a641dde38d6c5850d04fbcd7a3790", class: "separator__line" }));
   }
 };
 I.style = y;

package/dist/{swirl-app-bar.entry.d21e39ae.js → swirl-app-bar.entry.0f8408dd.js}

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

package/dist/{swirl-app-icon.entry.48796e5f.js → swirl-app-icon.entry.3a7c8a4d.js}

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

package/dist/{swirl-app-layout_6.entry.aa1e03a9.js → swirl-app-layout_6.entry.53351fc7.js}

@@ -1,4 +1,4 @@
-import { r as l, c as s, h as t, H as d, g as c, F as r } from "./index.3f681a5e.js";
+import { r as l, c as s, h as t, H as d, g as c, F as r } from "./index.6cd7fea9.js";
 import { c as n } from "./index-267776a4.6beb4f4b.js";
 import { i as y, g as C } from "./utils-aab10c80.240adddc.js";
 import { S as B } from "./sortable.esm-8c3d5856.57c4f048.js";
@@ -130,7 +130,7 @@ const M = ":host{display:block}:host *{box-sizing:border-box}.empty-state{displa
       "empty-state--has-controls": e,
       "empty-state--has-slotted-illustration": i
     });
-    return t(d, { key: "48867dbd916364bf5947ea81fda29c44a42e9177" }, t("div", { key: "6c04b22601658932eaaaa274e8a3d0dfc5b329d9", class: a }, this.illustration && !i && t("img", { key: "0bb190fe062d6d5c2b8cf5527d20773aed0d7257", alt: "", class: "empty-state__illustration", src: this.illustration }), t("div", { key: "736e35e10237a28306f6c2f4f6da02bb70ab575a", class: "empty-state__slotted-illustration" }, t("slot", { key: "55c8dc9ad21c66d4754df7e184ab81aa3e3ceb14", name: "illustration" })), t("div", { key: "8967e079115fe538323fb04c4b4a59338e1f4509", class: "empty-state__body" }, t("swirl-stack", { key: "e7396ee9267abfbb675fc0eeee8ab2b46d09d484", align: "stretch", spacing: "8" }, this.heading && t("swirl-heading", { key: "ecb5e29316c6e2721d5a5aa29d5eb5957b4bcca1", align: "center", as: "p", level: 4, text: this.heading }), t("div", { key: "e22b1f0a313b131e7532d9ea99600efae52f732c", class: "empty-state__content" }, t("swirl-text", { key: "042ebfd08524ebd1a5bbecd236d31d3fa0fe1f1d", align: "center", color: "subdued" }, t("slot", { key: "38a78366a3e99405f1d39f0108a71012d6f2160e" })))), t("div", { key: "575efac8239badba130d51482c16bb9fa8d04634", class: "empty-state__controls" }, t("slot", { key: "bb06bd9687a0af377c6b6c9cc5ad02745c77dc61", name: "controls" })))));
+    return t(d, { key: "ce680f789d54142b969aa9b5057fbcab2be709f5" }, t("div", { key: "8fdc1c54c91fc3eb1720709bb4d2ac6e20f2f87a", class: a }, this.illustration && !i && t("img", { key: "0080f42a829f5f80f7cb0717c29e877a91e29d18", alt: "", class: "empty-state__illustration", src: this.illustration }), t("div", { key: "b9b47b29ed7800944e44e97e5392e9f27383283a", class: "empty-state__slotted-illustration" }, t("slot", { key: "8ac117931be0960aefe1aa5e90cf62797c5a1b03", name: "illustration" })), t("div", { key: "34833957fdcd789e206ee282a74ec6ff4959266a", class: "empty-state__body" }, t("swirl-stack", { key: "3c6d362a8b881ff864806de80e5771eaac5043eb", align: "stretch", spacing: "8" }, this.heading && t("swirl-heading", { key: "7a743cc9e8bc8e1c7106699b8c7e3bb7d7058b34", align: "center", as: "p", level: 4, text: this.heading }), t("div", { key: "4b80295f0b7d553faa47dc3b57266f4cc849ba6a", class: "empty-state__content" }, t("swirl-text", { key: "bde3957027614171e265a5822bc28efc372a99dd", align: "center", color: "subdued" }, t("slot", { key: "41cf5d3dab78f4169a005aa4a8758f1909a03609" })))), t("div", { key: "20a1fb9f3bc09a8fec783520e2ad6705e463df85", class: "empty-state__controls" }, t("slot", { key: "076b3dcd4089c8312568d0421657c1daabf5157a", name: "controls" })))));
   }
   get el() {
     return c(this);
@@ -145,7 +145,7 @@ const H = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{
     const e = this.size === 20 ? 24 : this.size, i = {
       color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
     }, a = n("swirl-icon", `swirl-icon--size-${this.size}`);
-    return t("svg", { key: "d733df3cb626101d05553a809b574c0011acd981", "aria-hidden": "true", class: a, fill: "none", height: this.size, part: "icon", style: i, viewBox: `0 0 ${e} ${e}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && t(r, { key: "48de824070f8bed0b3490e5b11ee465e80a12f7a" }, t("path", { key: "20ab6ccb40a80ebc6a691557cc7a73693d24c974", d: "M4.00002 14.6666C3.63335 14.6666 3.31958 14.5362 3.05869 14.2753C2.79735 14.014 2.66669 13.7 2.66669 13.3333V2.66665C2.66669 2.29998 2.79735 1.98598 3.05869 1.72465C3.31958 1.46376 3.63335 1.33331 4.00002 1.33331H8.78335C8.96113 1.33331 9.13069 1.36665 9.29202 1.43331C9.45291 1.49998 9.59446 1.59442 9.71669 1.71665L12.95 4.94998C13.0722 5.0722 13.1667 5.21376 13.2334 5.37465C13.3 5.53598 13.3334 5.70553 13.3334 5.88331V13.3333C13.3334 13.7 13.2029 14.014 12.942 14.2753C12.6807 14.5362 12.3667 14.6666 12 14.6666H4.00002ZM8.66669 5.33331V2.66665H4.00002V13.3333H12V5.99998H9.33335C9.14446 5.99998 8.98624 5.93598 8.85869 5.80798C8.73069 5.68042 8.66669 5.5222 8.66669 5.33331Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && t(r, { key: "c1cfd86a14470409a4cb2addd91f70b99460306b" }, t("path", { key: "ae5821b81b4b9ab7f21aa4c08a718ad0b02c6023", d: "M6 22C5.45 22 4.97933 21.8043 4.588 21.413C4.196 21.021 4 20.55 4 20V4C4 3.45 4.196 2.979 4.588 2.587C4.97933 2.19567 5.45 2 6 2H13.175C13.4417 2 13.696 2.05 13.938 2.15C14.1793 2.25 14.3917 2.39167 14.575 2.575L19.425 7.425C19.6083 7.60833 19.75 7.82067 19.85 8.062C19.95 8.304 20 8.55833 20 8.825V20C20 20.55 19.8043 21.021 19.413 21.413C19.021 21.8043 18.55 22 18 22H6ZM13 8V4H6V20H18V9H14C13.7167 9 13.4793 8.904 13.288 8.712C13.096 8.52067 13 8.28333 13 8Z", fill: "currentColor" })), this.size === 28 && t(r, { key: "64f1cf9873a4e7e09980c8febaece43aa926349b" }, t("path", { key: "1ee139b445802fa491cdf7c31c5524007267ebff", d: "M7.00002 25.6666C6.35835 25.6666 5.80924 25.4384 5.35269 24.9818C4.89535 24.5245 4.66669 23.975 4.66669 23.3333V4.66665C4.66669 4.02498 4.89535 3.47548 5.35269 3.01815C5.80924 2.56159 6.35835 2.33331 7.00002 2.33331H15.3709C15.682 2.33331 15.9787 2.39165 16.261 2.50831C16.5426 2.62498 16.7903 2.79026 17.0042 3.00415L22.6625 8.66248C22.8764 8.87637 23.0417 9.12409 23.1584 9.40565C23.275 9.68798 23.3334 9.9847 23.3334 10.2958V23.3333C23.3334 23.975 23.1051 24.5245 22.6485 24.9818C22.1912 25.4384 21.6417 25.6666 21 25.6666H7.00002ZM15.1667 9.33331V4.66665H7.00002V23.3333H21V10.5H16.3334C16.0028 10.5 15.7259 10.388 15.5027 10.164C15.2787 9.94076 15.1667 9.66387 15.1667 9.33331Z", fill: "currentColor" })));
+    return t("svg", { key: "1512113717bb3855b31f7b44923aa91b673ab43a", "aria-hidden": "true", class: a, fill: "none", height: this.size, part: "icon", style: i, viewBox: `0 0 ${e} ${e}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && t(r, { key: "dc25ce36a7d7c445faf48bfe669599ec283b25cc" }, t("path", { key: "9085c022927101d04d348fa999e98a24f16c6f8a", d: "M4.00002 14.6666C3.63335 14.6666 3.31958 14.5362 3.05869 14.2753C2.79735 14.014 2.66669 13.7 2.66669 13.3333V2.66665C2.66669 2.29998 2.79735 1.98598 3.05869 1.72465C3.31958 1.46376 3.63335 1.33331 4.00002 1.33331H8.78335C8.96113 1.33331 9.13069 1.36665 9.29202 1.43331C9.45291 1.49998 9.59446 1.59442 9.71669 1.71665L12.95 4.94998C13.0722 5.0722 13.1667 5.21376 13.2334 5.37465C13.3 5.53598 13.3334 5.70553 13.3334 5.88331V13.3333C13.3334 13.7 13.2029 14.014 12.942 14.2753C12.6807 14.5362 12.3667 14.6666 12 14.6666H4.00002ZM8.66669 5.33331V2.66665H4.00002V13.3333H12V5.99998H9.33335C9.14446 5.99998 8.98624 5.93598 8.85869 5.80798C8.73069 5.68042 8.66669 5.5222 8.66669 5.33331Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && t(r, { key: "05c627acfa99b1ec8b88a19cb6c82eb27abc833c" }, t("path", { key: "67ae6ee6feac869ced83c6eb8da1e7f853065aac", d: "M6 22C5.45 22 4.97933 21.8043 4.588 21.413C4.196 21.021 4 20.55 4 20V4C4 3.45 4.196 2.979 4.588 2.587C4.97933 2.19567 5.45 2 6 2H13.175C13.4417 2 13.696 2.05 13.938 2.15C14.1793 2.25 14.3917 2.39167 14.575 2.575L19.425 7.425C19.6083 7.60833 19.75 7.82067 19.85 8.062C19.95 8.304 20 8.55833 20 8.825V20C20 20.55 19.8043 21.021 19.413 21.413C19.021 21.8043 18.55 22 18 22H6ZM13 8V4H6V20H18V9H14C13.7167 9 13.4793 8.904 13.288 8.712C13.096 8.52067 13 8.28333 13 8Z", fill: "currentColor" })), this.size === 28 && t(r, { key: "e516f7b6be706274104da65edc020365acde5f4a" }, t("path", { key: "2ae8b9c418909f9cbe6a1c79677acd23d2bc3ff4", d: "M7.00002 25.6666C6.35835 25.6666 5.80924 25.4384 5.35269 24.9818C4.89535 24.5245 4.66669 23.975 4.66669 23.3333V4.66665C4.66669 4.02498 4.89535 3.47548 5.35269 3.01815C5.80924 2.56159 6.35835 2.33331 7.00002 2.33331H15.3709C15.682 2.33331 15.9787 2.39165 16.261 2.50831C16.5426 2.62498 16.7903 2.79026 17.0042 3.00415L22.6625 8.66248C22.8764 8.87637 23.0417 9.12409 23.1584 9.40565C23.275 9.68798 23.3334 9.9847 23.3334 10.2958V23.3333C23.3334 23.975 23.1051 24.5245 22.6485 24.9818C22.1912 25.4384 21.6417 25.6666 21 25.6666H7.00002ZM15.1667 9.33331V4.66665H7.00002V23.3333H21V10.5H16.3334C16.0028 10.5 15.7259 10.388 15.5027 10.164C15.2787 9.94076 15.1667 9.66387 15.1667 9.33331Z", fill: "currentColor" })));
   }
 };
 L.style = z;
@@ -157,7 +157,7 @@ const T = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{
     const e = this.size === 20 ? 24 : this.size, i = {
       color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
     }, a = n("swirl-icon", `swirl-icon--size-${this.size}`);
-    return t("svg", { key: "aa989acf4e60c512675c26fecfca0b1ba3dd4aee", "aria-hidden": "true", class: a, fill: "none", height: this.size, part: "icon", style: i, viewBox: `0 0 ${e} ${e}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && t(r, { key: "279706fe0f2e8089d70a7a272a8be16658c71f36" }, t("path", { key: "cb0ad61567c320ea17db757b638b42b71d5e6887", d: "M9.99998 8.66669C10.3666 8.66669 10.6806 8.53602 10.942 8.27469C11.2029 8.0138 11.3333 7.70002 11.3333 7.33335C11.3333 6.96669 11.2029 6.65269 10.942 6.39135C10.6806 6.13046 10.3666 6.00002 9.99998 6.00002C9.63331 6.00002 9.31953 6.13046 9.05865 6.39135C8.79731 6.65269 8.66665 6.96669 8.66665 7.33335C8.66665 7.70002 8.79731 8.0138 9.05865 8.27469C9.31953 8.53602 9.63331 8.66669 9.99998 8.66669ZM7.33331 11.3334H12.6666V10.9667C12.6666 10.4667 12.4222 10.0694 11.9333 9.77469C11.4444 9.48046 10.8 9.33335 9.99998 9.33335C9.19998 9.33335 8.55553 9.48046 8.06665 9.77469C7.57776 10.0694 7.33331 10.4667 7.33331 10.9667V11.3334ZM2.66665 13.3334C2.29998 13.3334 1.9862 13.2029 1.72531 12.942C1.46398 12.6807 1.33331 12.3667 1.33331 12V4.00002C1.33331 3.63335 1.46398 3.31958 1.72531 3.05869C1.9862 2.79735 2.29998 2.66669 2.66665 2.66669H6.11665C6.29442 2.66669 6.46398 2.70002 6.62531 2.76669C6.7862 2.83335 6.92776 2.9278 7.04998 3.05002L7.99998 4.00002H13.3333C13.7 4.00002 14.014 4.13069 14.2753 4.39202C14.5362 4.65291 14.6666 4.96669 14.6666 5.33335V12C14.6666 12.3667 14.5362 12.6807 14.2753 12.942C14.014 13.2029 13.7 13.3334 13.3333 13.3334H2.66665ZM2.66665 4.00002V12H13.3333V5.33335H7.44998L6.11665 4.00002H2.66665Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && t(r, { key: "6dbf83dd6b0ff6838b0946fdccbd7e0372a90c63" }, t("path", { key: "6b887cba0e6430588e34b46cf6aed173e2b260b5", d: "M15 13C15.55 13 16.021 12.804 16.413 12.412C16.8043 12.0207 17 11.55 17 11C17 10.45 16.8043 9.979 16.413 9.587C16.021 9.19567 15.55 9 15 9C14.45 9 13.9793 9.19567 13.588 9.587C13.196 9.979 13 10.45 13 11C13 11.55 13.196 12.0207 13.588 12.412C13.9793 12.804 14.45 13 15 13ZM11 17H19V16.45C19 15.7 18.6333 15.104 17.9 14.662C17.1667 14.2207 16.2 14 15 14C13.8 14 12.8333 14.2207 12.1 14.662C11.3667 15.104 11 15.7 11 16.45V17ZM4 20C3.45 20 2.97933 19.8043 2.588 19.413C2.196 19.021 2 18.55 2 18V6C2 5.45 2.196 4.97933 2.588 4.588C2.97933 4.196 3.45 4 4 4H9.175C9.44167 4 9.696 4.05 9.938 4.15C10.1793 4.25 10.3917 4.39167 10.575 4.575L12 6H20C20.55 6 21.021 6.196 21.413 6.588C21.8043 6.97933 22 7.45 22 8V18C22 18.55 21.8043 19.021 21.413 19.413C21.021 19.8043 20.55 20 20 20H4ZM4 6V18H20V8H11.175L9.175 6H4Z", fill: "currentColor" })), this.size === 28 && t(r, { key: "cc276213708c3fe3398d023f7ee447a8f06f29d7" }, t("path", { key: "e4131f8c402a74d44771fa1caff0e1ab416912cd", d: "M17.5 15.1667C18.1416 15.1667 18.6911 14.938 19.1485 14.4807C19.605 14.0241 19.8333 13.475 19.8333 12.8334C19.8333 12.1917 19.605 11.6422 19.1485 11.1849C18.6911 10.7283 18.1416 10.5 17.5 10.5C16.8583 10.5 16.3092 10.7283 15.8526 11.1849C15.3953 11.6422 15.1666 12.1917 15.1666 12.8334C15.1666 13.475 15.3953 14.0241 15.8526 14.4807C16.3092 14.938 16.8583 15.1667 17.5 15.1667ZM12.8333 19.8334H22.1666V19.1917C22.1666 18.3167 21.7389 17.6214 20.8833 17.1057C20.0278 16.5908 18.9 16.3334 17.5 16.3334C16.1 16.3334 14.9722 16.5908 14.1166 17.1057C13.2611 17.6214 12.8333 18.3167 12.8333 19.1917V19.8334ZM4.66665 23.3334C4.02498 23.3334 3.47587 23.1051 3.01931 22.6485C2.56198 22.1912 2.33331 21.6417 2.33331 21V7.00002C2.33331 6.35835 2.56198 5.80924 3.01931 5.35269C3.47587 4.89535 4.02498 4.66669 4.66665 4.66669H10.7041C11.0153 4.66669 11.312 4.72502 11.5943 4.84169C11.8759 4.95835 12.1236 5.12363 12.3375 5.33752L14 7.00002H23.3333C23.975 7.00002 24.5245 7.22869 24.9818 7.68602C25.4384 8.14258 25.6666 8.69169 25.6666 9.33335V21C25.6666 21.6417 25.4384 22.1912 24.9818 22.6485C24.5245 23.1051 23.975 23.3334 23.3333 23.3334H4.66665ZM4.66665 7.00002V21H23.3333V9.33335H13.0375L10.7041 7.00002H4.66665Z", fill: "currentColor" })));
+    return t("svg", { key: "1f5dfd5620cb35220c7b06730fc7375ed2f136e8", "aria-hidden": "true", class: a, fill: "none", height: this.size, part: "icon", style: i, viewBox: `0 0 ${e} ${e}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && t(r, { key: "a8285cafe010c511547b400c56de2189d476887e" }, t("path", { key: "2b215d8b3a6e147b7f1a26d2226185f5ed059f1c", d: "M9.99998 8.66669C10.3666 8.66669 10.6806 8.53602 10.942 8.27469C11.2029 8.0138 11.3333 7.70002 11.3333 7.33335C11.3333 6.96669 11.2029 6.65269 10.942 6.39135C10.6806 6.13046 10.3666 6.00002 9.99998 6.00002C9.63331 6.00002 9.31953 6.13046 9.05865 6.39135C8.79731 6.65269 8.66665 6.96669 8.66665 7.33335C8.66665 7.70002 8.79731 8.0138 9.05865 8.27469C9.31953 8.53602 9.63331 8.66669 9.99998 8.66669ZM7.33331 11.3334H12.6666V10.9667C12.6666 10.4667 12.4222 10.0694 11.9333 9.77469C11.4444 9.48046 10.8 9.33335 9.99998 9.33335C9.19998 9.33335 8.55553 9.48046 8.06665 9.77469C7.57776 10.0694 7.33331 10.4667 7.33331 10.9667V11.3334ZM2.66665 13.3334C2.29998 13.3334 1.9862 13.2029 1.72531 12.942C1.46398 12.6807 1.33331 12.3667 1.33331 12V4.00002C1.33331 3.63335 1.46398 3.31958 1.72531 3.05869C1.9862 2.79735 2.29998 2.66669 2.66665 2.66669H6.11665C6.29442 2.66669 6.46398 2.70002 6.62531 2.76669C6.7862 2.83335 6.92776 2.9278 7.04998 3.05002L7.99998 4.00002H13.3333C13.7 4.00002 14.014 4.13069 14.2753 4.39202C14.5362 4.65291 14.6666 4.96669 14.6666 5.33335V12C14.6666 12.3667 14.5362 12.6807 14.2753 12.942C14.014 13.2029 13.7 13.3334 13.3333 13.3334H2.66665ZM2.66665 4.00002V12H13.3333V5.33335H7.44998L6.11665 4.00002H2.66665Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && t(r, { key: "cfbcd6cf0ac42fd890fe669960cfeb316d14e3f4" }, t("path", { key: "eeb7e1c2f85c75ad1d783fa4891554052908cdd1", d: "M15 13C15.55 13 16.021 12.804 16.413 12.412C16.8043 12.0207 17 11.55 17 11C17 10.45 16.8043 9.979 16.413 9.587C16.021 9.19567 15.55 9 15 9C14.45 9 13.9793 9.19567 13.588 9.587C13.196 9.979 13 10.45 13 11C13 11.55 13.196 12.0207 13.588 12.412C13.9793 12.804 14.45 13 15 13ZM11 17H19V16.45C19 15.7 18.6333 15.104 17.9 14.662C17.1667 14.2207 16.2 14 15 14C13.8 14 12.8333 14.2207 12.1 14.662C11.3667 15.104 11 15.7 11 16.45V17ZM4 20C3.45 20 2.97933 19.8043 2.588 19.413C2.196 19.021 2 18.55 2 18V6C2 5.45 2.196 4.97933 2.588 4.588C2.97933 4.196 3.45 4 4 4H9.175C9.44167 4 9.696 4.05 9.938 4.15C10.1793 4.25 10.3917 4.39167 10.575 4.575L12 6H20C20.55 6 21.021 6.196 21.413 6.588C21.8043 6.97933 22 7.45 22 8V18C22 18.55 21.8043 19.021 21.413 19.413C21.021 19.8043 20.55 20 20 20H4ZM4 6V18H20V8H11.175L9.175 6H4Z", fill: "currentColor" })), this.size === 28 && t(r, { key: "664075b7d81155df1de628b6586953b588469f2d" }, t("path", { key: "397679e00b3ff7ff34fd1a9957a9a816c4b2cce7", d: "M17.5 15.1667C18.1416 15.1667 18.6911 14.938 19.1485 14.4807C19.605 14.0241 19.8333 13.475 19.8333 12.8334C19.8333 12.1917 19.605 11.6422 19.1485 11.1849C18.6911 10.7283 18.1416 10.5 17.5 10.5C16.8583 10.5 16.3092 10.7283 15.8526 11.1849C15.3953 11.6422 15.1666 12.1917 15.1666 12.8334C15.1666 13.475 15.3953 14.0241 15.8526 14.4807C16.3092 14.938 16.8583 15.1667 17.5 15.1667ZM12.8333 19.8334H22.1666V19.1917C22.1666 18.3167 21.7389 17.6214 20.8833 17.1057C20.0278 16.5908 18.9 16.3334 17.5 16.3334C16.1 16.3334 14.9722 16.5908 14.1166 17.1057C13.2611 17.6214 12.8333 18.3167 12.8333 19.1917V19.8334ZM4.66665 23.3334C4.02498 23.3334 3.47587 23.1051 3.01931 22.6485C2.56198 22.1912 2.33331 21.6417 2.33331 21V7.00002C2.33331 6.35835 2.56198 5.80924 3.01931 5.35269C3.47587 4.89535 4.02498 4.66669 4.66665 4.66669H10.7041C11.0153 4.66669 11.312 4.72502 11.5943 4.84169C11.8759 4.95835 12.1236 5.12363 12.3375 5.33752L14 7.00002H23.3333C23.975 7.00002 24.5245 7.22869 24.9818 7.68602C25.4384 8.14258 25.6666 8.69169 25.6666 9.33335V21C25.6666 21.6417 25.4384 22.1912 24.9818 22.6485C24.5245 23.1051 23.975 23.3334 23.3333 23.3334H4.66665ZM4.66665 7.00002V21H23.3333V9.33335H13.0375L10.7041 7.00002H4.66665Z", fill: "currentColor" })));
   }
 };
 N.style = E;
@@ -276,7 +276,7 @@ const F = ".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource
     !Boolean(e) || (e.before(this.dragging), this.collectItems(), this.focusItemAtIndex(this.getItemIndex(this.dragging)), this.assistiveText = `${this.assistiveTextItemMoving} ${this.getItemIndex(this.dragging) + 1}`);
   }
   render() {
-    return t(d, { key: "5aed7c089ecc8b3d6d4f932cb44b22db53094fa7", onKeyDown: this.onKeyDown }, t("swirl-visually-hidden", { key: "f49774ebdb704f85ac2d6893d9ed0b65141f9510", role: "alert" }, this.assistiveText), t("swirl-box", { key: "67df1ad2ca83f9fabd7fe69f6815abca5b93188e", paddingInlineEnd: "8", paddingInlineStart: "8" }, t("swirl-stack", { key: "1d72827d7dd2b7e56931ef10d68e3dc0ff80482d", "aria-label": this.label, class: "resource-list", id: this.listId, ref: (e) => this.gridEl = e, role: "grid" }, t("slot", { key: "4ffb25d5520d822337a718ae0f89e4291573cfd5" }))));
+    return t(d, { key: "80d6a1ba364e20890058c6f15bd17fe6ef9ff9dc", onKeyDown: this.onKeyDown }, t("swirl-visually-hidden", { key: "7292b5e14553086a4ade7ff77c3613207b9f587d", role: "alert" }, this.assistiveText), t("swirl-box", { key: "a90ade410d03ae881775c5a1f29b917ef74a6f75", paddingInlineEnd: "8", paddingInlineStart: "8" }, t("swirl-stack", { key: "04bb92356446a595cbcd54e533819e23515c383d", "aria-label": this.label, class: "resource-list", id: this.listId, ref: (e) => this.gridEl = e, role: "grid" }, t("slot", { key: "08c50a069add01c5f873cf32a121426dff82a666" }))));
   }
   get el() {
     return c(this);
@@ -362,7 +362,7 @@ const Z = `.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 t(d, { key: "007dd02e5de6eb43eed280be8d9ac171381611d6", role: "row" }, t("div", { key: "f8bb8244f8264a7931d1a11c8c189ec23a5e090c", class: k, role: "gridcell" }, t(e, { key: "f65d3c73db39ea39477549fec41f094164b7acfb", "aria-checked": w, "aria-disabled": i ? "true" : void 0, "aria-labelledby": this.elementId, class: "resource-list-item__content", href: u, disabled: i, onClick: this.onClick, onBlur: this.onBlur, onFocus: this.onFocus, part: "resource-list-item__content", role: v, tabIndex: 0, type: e === "button" ? "button" : void 0 }, this.hasMedia && t("span", { key: "a8251920557048c6dc745ccebf275bb56d257eff", class: "resource-list-item__media" }, t("slot", { key: "1b76ab99b80440c5a3941597c6ae843ca1155b90", name: "media" })), t("span", { key: "0dbaad3c45f79687f369510a2a2316d7a240ceea", class: "resource-list-item__label-container", style: _ }, t("span", { key: "ae2de7cce9c28f56587aec5f539607aa7a6e1917", class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : void 0 }, !this.allowHtml && this.label), this.description && t("span", { key: "04df62160bd2531f9e8fd571da30283702d2fa59", class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : void 0 }, !this.allowHtml && this.description)), m && t("span", { key: "20529f3131054e8a8fda42ef55e5861f45e9577c", class: "resource-list-item__meta" }, t("span", { key: "92bf664d9335154929766e6808a290aefceab171", class: "resource-list-item__meta-text" }, this.meta), t("span", { key: "5391c252bc526e9257037944796e7c00994b835e", class: "resource-list-item__badges" }, t("slot", { key: "8d591183dba34e33e85bbf50f0a5b344f08d6061", name: "badges" })))), this.selectable && t("span", { key: "303085931b5f773fb858acafcd68dc8982b4380b", "aria-hidden": "true", class: "resource-list-item__checkbox" }, t("span", { key: "7c991940eaeb3f1d903fa1379c9aa08849539d42", class: "resource-list-item__checkbox-icon" }, this.checked && t("swirl-icon-check-strong", { key: "bf48f8c8c0e5c573fd6f627115d6b54d3535f852" }))), t("span", { key: "c2af6997a43abf73cb7d9ae7c076c36a5218593d", class: "resource-list-item__control", onClick: this.onControlClick, ref: (x) => this.controlContainer = x }, t("slot", { key: "80dd98d66ffdf8dae566d4fc1e9c94c0c619faef", name: "control" })), f && t("swirl-popover-trigger", { key: "e7e6e3cd659413c2e7dec432c366d9d0585d3183", swirlPopover: this.menuTriggerId }, t("swirl-button", { key: "fe4e73ee6f18d3a578ef29a2c4d6070407382824", "aria-disabled": i ? "true" : void 0, class: "resource-list-item__menu-trigger", disabled: i, hideLabel: !0, icon: "<swirl-icon-more-horizontal></swirl-icon-more-horizontal>", intent: "primary", label: this.menuTriggerLabel, onClick: this.onMenuTriggerClick }))), this.allowDrag && t("button", { key: "17061d6ecc880827eff61a03a828f0ec077de165", "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "resource-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, type: "button" }, t("swirl-icon-drag-handle", { key: "fe93f1d8acf06d512bdff43ad997b9c663e3f47e", size: this.iconSize })));
+    return t(d, { key: "565b8cc1dfb06c51fe413b4793e1b66605a1cb8e", role: "row" }, t("div", { key: "81b47448c730cc799ffa139172baa2e89cef5749", class: k, role: "gridcell" }, t(e, { key: "cc523a627b86a11e4ca9ebf536af3280d89d19dc", "aria-checked": w, "aria-disabled": i ? "true" : void 0, "aria-labelledby": this.elementId, class: "resource-list-item__content", href: u, disabled: i, onClick: this.onClick, onBlur: this.onBlur, onFocus: this.onFocus, part: "resource-list-item__content", role: v, tabIndex: 0, type: e === "button" ? "button" : void 0 }, this.hasMedia && t("span", { key: "095de961cde53db094a7d0d681298aff8e9b4cf4", class: "resource-list-item__media" }, t("slot", { key: "0fcf7da3faa8fbf5b87bf12bf505536b3e325cbb", name: "media" })), t("span", { key: "3d30e474820ab797f6d08776a82c211dab49d335", class: "resource-list-item__label-container", style: _ }, t("span", { key: "428b9efc9ea8ceb0d425c40938dbb940ef9141b3", class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : void 0 }, !this.allowHtml && this.label), this.description && t("span", { key: "35d6a66c10d039bba22fe46ba3e81cda1923a879", class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : void 0 }, !this.allowHtml && this.description)), m && t("span", { key: "911bbdee94a35022c1560379bfeffc9a50a7c861", class: "resource-list-item__meta" }, t("span", { key: "e422a3d51abccf20054b633e0a9e98da035cfddf", class: "resource-list-item__meta-text" }, this.meta), t("span", { key: "d719a80d060cdbbf155a77595ff9b834dbe576af", class: "resource-list-item__badges" }, t("slot", { key: "a4188deaf500dc53bb5bd26dda8c58b7201e075c", name: "badges" })))), this.selectable && t("span", { key: "7087f8b4fef2d487891531c9398c99d635046e3b", "aria-hidden": "true", class: "resource-list-item__checkbox" }, t("span", { key: "33dccc8061a5aa9ae8f2f9f295616b8fca0cdc42", class: "resource-list-item__checkbox-icon" }, this.checked && t("swirl-icon-check-strong", { key: "2d8ec8b209b2cf50c184f6376578044bee4d6c98" }))), t("span", { key: "85971e263f6694cd625868cf021627600eca0c2c", class: "resource-list-item__control", onClick: this.onControlClick, ref: (x) => this.controlContainer = x }, t("slot", { key: "996dce98000b65c61f5ce42434f39b72a4ee5a56", name: "control" })), f && t("swirl-popover-trigger", { key: "81ca515f17b532d4d10e533a8d77e73f4d562ea0", swirlPopover: this.menuTriggerId }, t("swirl-button", { key: "9540e1e6ce9fb2c4f881357f0749b04fc1a80dfe", "aria-disabled": i ? "true" : void 0, class: "resource-list-item__menu-trigger", disabled: i, hideLabel: !0, icon: "<swirl-icon-more-horizontal></swirl-icon-more-horizontal>", intent: "primary", label: this.menuTriggerLabel, onClick: this.onMenuTriggerClick }))), this.allowDrag && t("button", { key: "23ceb35ad0c5d821b4d220dff70ea050f92a2f84", "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "resource-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, type: "button" }, t("swirl-icon-drag-handle", { key: "eee68f0ea46ccdbba4a22c926340c983b6289029", size: this.iconSize })));
   }
   get el() {
     return c(this);

package/dist/{swirl-autocomplete.entry.70477599.js → swirl-autocomplete.entry.96a505ef.js}

@@ -1,4 +1,4 @@
-import { r as p, c as m, h as o, H as f, g as b } from "./index.3f681a5e.js";
+import { r as p, c as m, h as o, H as f, g as b } from "./index.6cd7fea9.js";
 import { a as g, c as v, o as y } from "./floating-ui.dom.esm-bef21834.ec4a9cbf.js";
 import { c as w } from "./index-267776a4.6beb4f4b.js";
 import { d as S } from "./utils-aab10c80.240adddc.js";

package/dist/{swirl-avatar-group.entry.81fefe2a.js → swirl-avatar-group.entry.c7469be9.js}

@@ -1,4 +1,4 @@
-import { r as s, h as a, H as d } from "./index.3f681a5e.js";
+import { r as s, h as a, H as d } from "./index.6cd7fea9.js";
 import { c as e } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -19,7 +19,7 @@ const i = ":host{display:inline-flex}:host *{box-sizing:border-box}.avatar-group
     const r = e("avatar-group", {
       "avatar-group--has-badge": Boolean(this.badge)
     }), t = e("avatar-group__badge");
-    return a(d, { key: "e02f0e18d9cd865c9c3c838b9472791a1a096b3b" }, a("div", { key: "2988b12f490489eb227b1ec34b84f162727f5de3", class: r, role: "group" }, a("slot", { key: "5bfbfcf2d903a5c6f08d8b33b8fe4ad042d1fc53" }), this.badge && a("span", { key: "eb32a56753f85b85521ddc1089ed8692d550d3fd", class: t, innerHTML: this.badge, ref: (o) => this.badgeEl = o })));
+    return a(d, { key: "aa452d582533099d963653e44756e5655409dbd7" }, a("div", { key: "7470d5a2177a97cf8911cb5eeb2e97f457bff3d4", class: r, role: "group" }, a("slot", { key: "67eec0d1d474e0d16ec4fe1ecd5d05b2ed827606" }), this.badge && a("span", { key: "6931f33cb7588d3f49469ff492236911582732a1", class: t, innerHTML: this.badge, ref: (o) => this.badgeEl = o })));
   }
 };
 n.style = l;

package/dist/{swirl-avatar.entry.5270ffad.js → swirl-avatar.entry.c648788c.js}

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

package/dist/{swirl-badge.entry.74058a29.js → swirl-badge.entry.5fbdba9e.js}

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

package/dist/{swirl-banner.entry.6715a2d9.js → swirl-banner.entry.6b24d4f7.js}

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

package/dist/{swirl-box.entry.7c24c916.js → swirl-box.entry.65acb6be.js}

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

package/dist/{swirl-button-group.entry.bb1db4a9.js → swirl-button-group.entry.fbd0bcfc.js}

@@ -1,4 +1,4 @@
-import { r as s, h as r, H as e } from "./index.3f681a5e.js";
+import { r as s, h as r, H as e } from "./index.6cd7fea9.js";
 import { c as i } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -10,7 +10,7 @@ const n = ':host{display:block}:host *{box-sizing:border-box}.button-group--segm
     const t = this.segmented ? "0" : "8", o = i("button-group", {
       "button-group--segmented": this.segmented
     });
-    return r(e, { key: "9687c6322ffcef953cfbe5e06e4a6f8adf480833" }, r("swirl-stack", { key: "ee585a4758153b42d0f146e0e7e96f2af5248be3", align: this.orientation === "vertical" && this.stretch ? "stretch" : "start", class: o, justify: this.orientation === "horizontal" && this.stretch ? "stretch" : "start", orientation: this.orientation, role: "group", spacing: t, wrap: this.wrap }, r("slot", { key: "978949b595ba449fe7b815b37e4526c2525f2bda" })));
+    return r(e, { key: "557c6898580f3ed020e594a92f3751478c5c3779" }, r("swirl-stack", { key: "7d6103e477a8f7ae88d48e7d1ece170d45c31456", align: this.orientation === "vertical" && this.stretch ? "stretch" : "start", class: o, justify: this.orientation === "horizontal" && this.stretch ? "stretch" : "start", orientation: this.orientation, role: "group", spacing: t, wrap: this.wrap }, r("slot", { key: "6a03778002a4a196f5baab8ea636e41eea7c2b8f" })));
   }
 };
 d.style = a;

package/dist/{swirl-button.entry.00b232b4.js → swirl-button.entry.20a514d4.js}

@@ -1,18 +1,18 @@
-import { r as l, h as n, H as u, g as b } from "./index.3f681a5e.js";
-import { c } from "./index-267776a4.6beb4f4b.js";
-import { g as d } from "./utils-aab10c80.240adddc.js";
+import { r as b, h as n, H as u, g as c } from "./index.6cd7fea9.js";
+import { c as d } from "./index-267776a4.6beb4f4b.js";
+import { g as v } from "./utils-aab10c80.240adddc.js";
 import "react";
 import "react-dom";
-const v = `.sc-swirl-button-h{display:inline-block;max-width:100%;flex-shrink:0}.sc-swirl-button-h *.sc-swirl-button{box-sizing:border-box}.button.sc-swirl-button{display:inline-flex;width:100%;padding:var(--s-space-8) var(--s-space-16);justify-content:center;align-items:center;border:none;border-top-left-radius:var(--swirl-button-border-top-left-radius);border-top-right-radius:var(--swirl-button-border-top-right-radius);border-bottom-right-radius:var(--swirl-button-border-bottom-right-radius);border-bottom-left-radius:var(--swirl-button-border-bottom-left-radius);color:var(--s-text-subdued);background-color:var(--swirl-ghost-button-background-default);font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-lg);text-decoration:none;cursor:pointer;gap:var(--s-space-8)}.button.sc-swirl-button:hover{background-color:var(--swirl-ghost-button-background-hovered)}.button.sc-swirl-button:active{background-color:var(--swirl-ghost-button-background-pressed)}.button.sc-swirl-button:disabled{color:var(--s-text-disabled);background-color:var(--swirl-ghost-button-background-disabled);cursor:default}.button.sc-swirl-button:disabled .button__icon.sc-swirl-button{color:var(--s-icon-disabled)}.button.sc-swirl-button:focus:not(:focus-visible){outline:none}.button.sc-swirl-button:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button.sc-swirl-button{padding:var(--s-space-8) var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);gap:var(--s-space-4)}}.button--text-align-start.sc-swirl-button{justify-content:flex-start}.button--text-align-center.sc-swirl-button{justify-content:center}.button--text-align-end.sc-swirl-button{justify-content:flex-end}.button--variant-ghost.button--intent-strong.sc-swirl-button:not(:disabled){color:var(--s-text-default)}.button--variant-ghost.button--intent-strong.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-ghost.button--intent-primary.sc-swirl-button:not(:disabled){color:var(--s-text-highlight)}.button--variant-ghost.button--intent-primary.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-highlight)}.button--variant-ghost.button--intent-critical.sc-swirl-button:not(:disabled){color:var(--s-text-critical)}.button--variant-ghost.button--intent-critical.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-critical)}.button--variant-ghost.button--pressed.sc-swirl-button{color:var(--s-text-highlight)}.button--variant-ghost.button--pressed.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-highlight)}.button--variant-ghost.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-ghost.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-flat.sc-swirl-button{color:var(--s-text-default);background-color:var(--swirl-flat-button-background-default)}.button--variant-flat.sc-swirl-button:hover{background-color:var(--swirl-flat-button-background-hovered)}.button--variant-flat.sc-swirl-button:active{background-color:var(--swirl-flat-button-background-pressed)}.button--variant-flat.sc-swirl-button:disabled{background-color:var(--swirl-flat-button-background-disabled)}.button--variant-flat.button--intent-primary.sc-swirl-button:not(:disabled){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.button--variant-flat.button--intent-primary.sc-swirl-button:not(:disabled):hover{background-color:var(--s-action-primary-hovered)}.button--variant-flat.button--intent-primary.sc-swirl-button:not(:disabled):active{background-color:var(--s-action-primary-pressed)}.button--variant-flat.button--intent-primary.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-on-action-primary)}.button--variant-flat.button--intent-critical.sc-swirl-button:not(:disabled){color:var(--s-text-on-status);background-color:var(--s-action-critical-default)}.button--variant-flat.button--intent-critical.sc-swirl-button:not(:disabled):hover{background-color:var(--s-action-critical-hovered)}.button--variant-flat.button--intent-critical.sc-swirl-button:not(:disabled):active{background-color:var(--s-action-critical-pressed)}.button--variant-flat.button--intent-critical.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-on-status)}.button--variant-flat.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-outline.sc-swirl-button{color:var(--s-text-default);box-shadow:inset 0 0 0 var(--s-border-width-default) var(--s-border-strong)}.button--variant-outline.sc-swirl-button:disabled{box-shadow:inset 0 0 0 var(--s-border-width-default)
+const h = `.sc-swirl-button-h{display:inline-block;max-width:100%;flex-shrink:0}.sc-swirl-button-h *.sc-swirl-button{box-sizing:border-box}.button.sc-swirl-button{display:inline-flex;width:100%;padding:var(--s-space-8) var(--s-space-16);justify-content:center;align-items:center;border:none;border-top-left-radius:var(--swirl-button-border-top-left-radius);border-top-right-radius:var(--swirl-button-border-top-right-radius);border-bottom-right-radius:var(--swirl-button-border-bottom-right-radius);border-bottom-left-radius:var(--swirl-button-border-bottom-left-radius);color:var(--s-text-subdued);background-color:var(--swirl-ghost-button-background-default);font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-lg);text-decoration:none;cursor:pointer;gap:var(--s-space-8)}.button.sc-swirl-button:hover{background-color:var(--swirl-ghost-button-background-hovered);--swirl-tag-background-default:var(--s-surface-sunken-pressed)}.button.sc-swirl-button:active{background-color:var(--swirl-ghost-button-background-pressed)}.button.sc-swirl-button:disabled{color:var(--s-text-disabled);background-color:var(--swirl-ghost-button-background-disabled);cursor:default}.button.sc-swirl-button:disabled .button__icon.sc-swirl-button{color:var(--s-icon-disabled)}.button.sc-swirl-button:focus:not(:focus-visible){outline:none}.button.sc-swirl-button:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button.sc-swirl-button{padding:var(--s-space-8) var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);gap:var(--s-space-4)}}.button--text-align-start.sc-swirl-button{justify-content:flex-start}.button--text-align-center.sc-swirl-button{justify-content:center}.button--text-align-end.sc-swirl-button{justify-content:flex-end}.button--variant-ghost.button--intent-strong.sc-swirl-button:not(:disabled){color:var(--s-text-default)}.button--variant-ghost.button--intent-strong.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-ghost.button--intent-primary.sc-swirl-button:not(:disabled){color:var(--s-text-highlight)}.button--variant-ghost.button--intent-primary.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-highlight)}.button--variant-ghost.button--intent-critical.sc-swirl-button:not(:disabled){color:var(--s-text-critical)}.button--variant-ghost.button--intent-critical.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-critical)}.button--variant-ghost.button--pressed.sc-swirl-button{color:var(--s-text-highlight)}.button--variant-ghost.button--pressed.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-highlight)}.button--variant-ghost.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-ghost.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-flat.sc-swirl-button{color:var(--s-text-default);background-color:var(--swirl-flat-button-background-default);--swirl-tag-background-default:var(--s-surface-sunken-pressed)}.button--variant-flat.sc-swirl-button:hover{background-color:var(--swirl-flat-button-background-hovered)}.button--variant-flat.sc-swirl-button:active{background-color:var(--swirl-flat-button-background-pressed)}.button--variant-flat.sc-swirl-button:disabled{background-color:var(--swirl-flat-button-background-disabled)}.button--variant-flat.button--intent-primary.sc-swirl-button:not(:disabled){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.button--variant-flat.button--intent-primary.sc-swirl-button:not(:disabled):hover{background-color:var(--s-action-primary-hovered)}.button--variant-flat.button--intent-primary.sc-swirl-button:not(:disabled):active{background-color:var(--s-action-primary-pressed)}.button--variant-flat.button--intent-primary.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-on-action-primary)}.button--variant-flat.button--intent-critical.sc-swirl-button:not(:disabled){color:var(--s-text-on-status);background-color:var(--s-action-critical-default)}.button--variant-flat.button--intent-critical.sc-swirl-button:not(:disabled):hover{background-color:var(--s-action-critical-hovered)}.button--variant-flat.button--intent-critical.sc-swirl-button:not(:disabled):active{background-color:var(--s-action-critical-pressed)}.button--variant-flat.button--intent-critical.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-on-status)}.button--variant-flat.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-outline.sc-swirl-button{color:var(--s-text-default);box-shadow:inset 0 0 0 var(--s-border-width-default) var(--s-border-strong)}.button--variant-outline.sc-swirl-button:disabled{box-shadow:inset 0 0 0 var(--s-border-width-default)
       var(--s-border-default)}.button--variant-outline.button--intent-critical.sc-swirl-button:not(:disabled){color:var(--s-text-critical);box-shadow:inset 0 0 0 var(--s-border-width-default)
       var(--s-border-critical)}.button--variant-outline.button--intent-critical.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-critical)}.button--variant-outline.button--pressed.sc-swirl-button{color:var(--s-text-highlight);box-shadow:inset 0 0 0 var(--s-border-width-default)
       var(--s-border-highlight)}.button--variant-outline.button--pressed.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-highlight)}.button--variant-outline.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-outline.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-outline.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-plain.sc-swirl-button{padding:0;border-radius:0;color:var(--swirl-plain-button-text-color-default);background-color:transparent}.button--variant-plain.sc-swirl-button:hover:not(:disabled){color:var(--swirl-plain-button-text-color-hovered);background-color:transparent;text-decoration:underline;text-underline-offset:var(--s-space-4)}.button--variant-plain.sc-swirl-button:hover:not(:disabled) .button__icon.sc-swirl-button{color:var(--swirl-plain-button-text-color-hovered)}.button--variant-plain.sc-swirl-button:active:not(:disabled){color:var(--swirl-plain-button-text-color-pressed);background-color:transparent}.button--variant-plain.sc-swirl-button:active:not(:disabled) .button__icon.sc-swirl-button{color:var(--swirl-plain-button-text-color-pressed)}.button--variant-plain.sc-swirl-button:disabled{color:var(--swirl-plain-button-text-color-disabled);background-color:transparent}.button--variant-plain.sc-swirl-button:disabled .button__icon.sc-swirl-button{color:var(--swirl-plain-button-text-color-disabled)}.button--variant-plain.button--icon-only.sc-swirl-button{padding:0}.button--variant-plain.button--intent-strong.sc-swirl-button:not(:disabled){color:var(--s-text-default)}.button--variant-plain.button--intent-strong.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-plain.button--intent-primary.sc-swirl-button{color:var(--s-interactive-primary-default)}.button--variant-plain.button--intent-primary.sc-swirl-button:hover{color:var(--s-interactive-primary-default)}.button--variant-plain.button--intent-primary.sc-swirl-button:hover .button__icon.sc-swirl-button{color:var(--s-interactive-primary-default)}.button--variant-plain.button--intent-primary.sc-swirl-button:active{color:var(--s-interactive-primary-hovered)}.button--variant-plain.button--intent-primary.sc-swirl-button:active .button__icon.sc-swirl-button{color:var(--s-interactive-primary-hovered)}.button--variant-plain.button--intent-primary.sc-swirl-button:disabled{color:var(--s-interactive-primary-disabled)}.button--variant-plain.button--intent-primary.sc-swirl-button:disabled .button__icon.sc-swirl-button{color:var(--s-interactive-primary-disabled)}.button--variant-plain.button--intent-primary.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-interactive-primary-default)}.button--variant-plain.sc-swirl-button .button__icon.sc-swirl-button{margin-left:0;color:var(--swirl-plain-button-text-color-default)}.button--variant-on-image.sc-swirl-button{color:var(--s-text-on-image);background:rgba(0, 0, 0, 0.6)}.button--variant-on-image.sc-swirl-button:hover{background:rgba(0, 0, 0, 0.5)}.button--variant-on-image.sc-swirl-button:active{background:rgba(0, 0, 0, 0.4)}.button--variant-on-image.sc-swirl-button:disabled{color:var(--s-text-on-image);background:rgba(0, 0, 0, 0.3)}.button--variant-on-image.sc-swirl-button:disabled .button__icon.sc-swirl-button{color:var(--s-icon-on-image)}.button--variant-on-image.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-on-image)}.button--variant-floating.sc-swirl-button{color:var(--s-text-default);background-color:var(--s-surface-overlay-default);box-shadow:var(--s-shadow-level-1)}.button--variant-floating.sc-swirl-button:hover{color:var(--s-text-on-action-primary);background-color:var(--s-surface-overlay-hovered)}.button--variant-floating.sc-swirl-button:active{color:var(--s-text-on-action-primary);background-color:var(--s-surface-overlay-pressed)}.button--variant-floating.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-floating.button--intent-primary.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20);border-radius:1.5rem;color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.button--variant-floating.button--intent-primary.sc-swirl-button:hover:not(:disabled){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-hovered)}.button--variant-floating.button--intent-primary.sc-swirl-button:active:not(:disabled){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-pressed)}.button--variant-floating.button--intent-primary.sc-swirl-button:disabled{color:var(--s-text-on-action-primary)}.button--variant-floating.button--intent-primary.sc-swirl-button:disabled .button__icon.sc-swirl-button{color:var(--s-icon-on-action-primary)}.button--variant-floating.button--intent-primary.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-floating.button--intent-primary.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-on-action-primary)}.button--variant-floating.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--icon-position-end.sc-swirl-button .button__icon.sc-swirl-button{margin-right:calc(-1 * var(--s-space-4));margin-left:0;order:2}.button--pill.sc-swirl-button{border-radius:1.25rem}.button--pill.button--size-l.sc-swirl-button{border-radius:1.5rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button--pill.button--size-l.sc-swirl-button{border-radius:1.375rem}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button--pill.sc-swirl-button{border-radius:1.125rem}}.button--icon-only.sc-swirl-button{padding:var(--s-space-8)}.button--icon-only.button--pill.sc-swirl-button{border-top-left-radius:var(--swirl-icon-button-border-top-left-radius);border-top-right-radius:var(--swirl-icon-button-border-top-right-radius);border-bottom-right-radius:var(
       --swirl-icon-button-border-bottom-right-radius
     );border-bottom-left-radius:var(
       --swirl-icon-button-border-bottom-left-radius
-    )}.button--icon-only.sc-swirl-button .button__icon.sc-swirl-button{margin-right:0;margin-left:0}.button--has-icon.sc-swirl-button .button__icon.sc-swirl-button{display:inline-flex}.button__icon.sc-swirl-button{display:none;width:1.5rem;height:1.5rem;margin-left:calc(-1 * var(--s-space-4));color:var(--s-icon-default);order:0}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button__icon.sc-swirl-button{width:1.25rem;height:1.25rem}}.button__label.sc-swirl-button{overflow:hidden;max-width:100%;white-space:nowrap;text-overflow:ellipsis;order:1}`, h = v, p = class {
+    )}.button--icon-only.sc-swirl-button .button__icon.sc-swirl-button{margin-right:0;margin-left:0}.button--has-icon.sc-swirl-button .button__icon.sc-swirl-button{display:inline-flex}.button__tag.sc-swirl-button{padding-left:var(--s-space-8);order:3}.button__icon.sc-swirl-button{display:none;width:1.5rem;height:1.5rem;margin-left:calc(-1 * var(--s-space-4));color:var(--s-icon-default);order:0}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button__icon.sc-swirl-button{width:1.25rem;height:1.25rem}}.button__label.sc-swirl-button{overflow:hidden;max-width:100%;white-space:nowrap;text-overflow:ellipsis;order:1}`, p = h, w = class {
   constructor(o) {
-    l(this, o), this.desktopMediaQuery = d(), this.desktopMediaQueryHandler = (t) => {
+    b(this, o), this.desktopMediaQuery = v(), this.desktopMediaQueryHandler = (t) => {
       this.forceIconProps(t.matches);
     }, this.disabled = void 0, this.download = void 0, this.swirlAriaControls = void 0, this.swirlAriaCurrent = void 0, this.swirlAriaDescribedby = void 0, this.swirlAriaExpanded = void 0, this.swirlAriaHaspopup = void 0, this.swirlAriaLabel = void 0, this.form = void 0, this.hideLabel = void 0, this.href = void 0, this.icon = void 0, this.iconPosition = "start", this.intent = "default", this.label = void 0, this.name = void 0, this.pill = void 0, this.pressed = void 0, this.size = "m", this.target = void 0, this.textAlign = "center", this.type = "button", this.value = void 0, this.variant = "ghost";
   }
@@ -43,19 +43,19 @@ const v = `.sc-swirl-button-h{display:inline-block;max-width:100%;flex-shrink:0}
     Boolean(this.href) || !Boolean(this.form) ? (t = this.buttonEl) == null || t.removeAttribute("form") : (r = this.buttonEl) == null || r.setAttribute("form", this.form);
   }
   render() {
-    const o = this.hideLabel && Boolean(this.icon) || this.variant === "floating" && this.intent === "default", t = Boolean(this.href), r = this.getAriaLabel(o), a = this.icon || Boolean(this.el.querySelector("[slot='icon']")), s = c("button", `button--icon-position-${this.iconPosition}`, `button--intent-${this.intent}`, `button--size-${this.size}`, `button--text-align-${this.textAlign}`, `button--variant-${this.variant}`, {
+    const o = this.hideLabel && Boolean(this.icon) || this.variant === "floating" && this.intent === "default", t = Boolean(this.href), r = this.getAriaLabel(o), a = this.icon || Boolean(this.el.querySelector("[slot='icon']")), s = Boolean(this.el.querySelector("[slot='tag']")), e = d("button", `button--icon-position-${this.iconPosition}`, `button--intent-${this.intent}`, `button--size-${this.size}`, `button--text-align-${this.textAlign}`, `button--variant-${this.variant}`, {
       "button--has-icon": a,
       "button--icon-only": o,
       "button--pill": this.pill,
       "button--pressed": this.pressed
-    }), e = t ? "a" : "button";
-    return n(u, { key: "3080eccf4241cc3696536782d66e444e755ebe8d", style: { pointerEvents: this.disabled ? "none" : "" } }, n(e, { key: "e1678ccf0a907f6e124ffd90382d8436ece74b4d", "aria-controls": this.swirlAriaControls, "aria-current": this.swirlAriaCurrent, "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled && !t ? "true" : void 0, "aria-expanded": this.swirlAriaExpanded, "aria-haspopup": this.swirlAriaHaspopup, "aria-label": r, "aria-pressed": this.pressed ? "true" : void 0, class: s, disabled: t ? void 0 : this.disabled, download: t ? void 0 : this.download, form: t ? void 0 : this.form, href: this.href, name: t ? void 0 : this.name, ref: (i) => this.buttonEl = i, target: t ? this.target : void 0, type: t ? void 0 : this.type, value: t ? void 0 : this.value }, Boolean(this.icon) && n("span", { key: "a6bc374b9d89f2e8690c33ae24d811559b9813c7", class: "button__icon", innerHTML: this.icon, ref: (i) => this.iconEl = i }), !Boolean(this.icon) && n("span", { key: "907936643a16569d8ad7e0cb9c2293a44c8acf3e", class: "button__icon", ref: (i) => this.iconEl = i }, n("slot", { key: "258f476318ac7456fcca53a16ab1742b90bfdd7a", name: "icon" })), !o && n("span", { key: "9f5a81854f0f3c05a70b10e0698aca6cfdc8d742", class: "button__label" }, this.label)));
+    }), l = t ? "a" : "button";
+    return n(u, { key: "7fad35302abc81636138866c895162587ceee487", style: { pointerEvents: this.disabled ? "none" : "" } }, n(l, { key: "84c7c78d9b8b5305d1314b996e69183b6a373280", "aria-controls": this.swirlAriaControls, "aria-current": this.swirlAriaCurrent, "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled && !t ? "true" : void 0, "aria-expanded": this.swirlAriaExpanded, "aria-haspopup": this.swirlAriaHaspopup, "aria-label": r, "aria-pressed": this.pressed ? "true" : void 0, class: e, disabled: t ? void 0 : this.disabled, download: t ? void 0 : this.download, form: t ? void 0 : this.form, href: this.href, name: t ? void 0 : this.name, ref: (i) => this.buttonEl = i, target: t ? this.target : void 0, type: t ? void 0 : this.type, value: t ? void 0 : this.value }, Boolean(this.icon) && n("span", { key: "cfccc6f288691dd024ee4bfcfd78509310d5d3d5", class: "button__icon", innerHTML: this.icon, ref: (i) => this.iconEl = i }), !Boolean(this.icon) && n("span", { key: "9cbca966cdb4cfac57263cf46d7cb4d587bf49a5", class: "button__icon", ref: (i) => this.iconEl = i }, n("slot", { key: "7c36b4686599640b566a8f2fb1f4ecf5559d6a96", name: "icon" })), !o && n("span", { key: "bdcb32131ecdad608e3a6ab9b352fb9ac383b2a2", class: "button__label" }, this.label), s && n("span", { key: "87e6c7856ba29ce59e039e696642954d4b8d608b", class: "button__tag" }, n("slot", { key: "df5f24ad0571229d3ff98fa1e7cbac2655e0fe94", name: "tag" }))));
   }
   get el() {
-    return b(this);
+    return c(this);
   }
 };
-p.style = h;
+w.style = p;
 export {
-  p as swirl_button
+  w as swirl_button
 };

package/dist/{swirl-card.entry.62192df3.js → swirl-card.entry.6d5c965d.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, H as n, g as o } from "./index.3f681a5e.js";
+import { r as t, h as e, H as n, g as o } from "./index.6cd7fea9.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -37,7 +37,7 @@ const l = `:host{display:contents}:host *{box-sizing:border-box}.card{--swirl-gh
       "card--interactive": this.interactive || this.href,
       "card--is--borderless": this.isBorderless
     });
-    return e(n, { key: "f8cecba3a843c247f876ed7b3cf56c8bbfeaa430", styles: { height: this.height } }, e(a, { key: "85afe38f7753ea8ea9250abaee724a7f8d9108e6", "aria-label": this.swirlAriaLabel, "aria-labelledby": this.swirlAriaLabelledby, class: i, href: this.href, rel: Boolean(this.href) && this.linkTarget === "_blank" ? "noreferrer" : void 0, style: s, target: this.linkTarget }, e("div", { key: "b2928caa364fdfc8d038fb1011235b4314ec8a33", class: "card__image", style: { aspectRatio: this.imageAspectRatio } }, e("slot", { key: "dfb6bacb00d851486db725151eb3a2d514492b72", name: "image" })), e("div", { key: "851a63e084daa1909fc030efd188d7c1251eea9f", class: "card__body", style: d }, e("div", { key: "037c36a2f07355f42b2b95d2c2a9d9807fe02bd8", class: "card__content" }, e("slot", { key: "73a31f76e6d4af56cd2a925844f64c2d1167b1ad", name: "content" })))));
+    return e(n, { key: "e9557284559f0a8a3af1974f8dbf6547337f40fd", styles: { height: this.height } }, e(a, { key: "ce0fc1940b354f70a0325ec8871ba09812c4ec03", "aria-label": this.swirlAriaLabel, "aria-labelledby": this.swirlAriaLabelledby, class: i, href: this.href, rel: Boolean(this.href) && this.linkTarget === "_blank" ? "noreferrer" : void 0, style: s, target: this.linkTarget }, e("div", { key: "c739eb9185766fd8f589683da75e46dba3720867", class: "card__image", style: { aspectRatio: this.imageAspectRatio } }, e("slot", { key: "a9838caefd147ea8a6d8f1bb80679a8472b6162f", name: "image" })), e("div", { key: "77661ef0cdc5ecadffaf7311e8e8f8af26e48cb4", class: "card__body", style: d }, e("div", { key: "c5ffd5b3b58a17a9d2ec3b1213d5775fd5100554", class: "card__content" }, e("slot", { key: "c7f0906840ad6614fe318a80c51dc73c1f4d5f0c", name: "content" })))));
   }
   get el() {
     return o(this);

package/dist/swirl-carousel-slide.entry.2f1c8378.js

@@ -0,0 +1,19 @@
+import { r as i, h as s, H as t } from "./index.6cd7fea9.js";
+import { c as l } from "./index-267776a4.6beb4f4b.js";
+import "react";
+import "react-dom";
+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%}", r = o, a = class {
+  constructor(e) {
+    i(this, e), this.label = void 0, this.minHeight = void 0, this.width = "15.5rem";
+  }
+  render() {
+    const e = l("carousel-slide", {
+      "carousel-slide--has-min-height": Boolean(this.minHeight)
+    });
+    return s(t, { key: "b50291e7bf2669c2ec615fce2d37f6c9f5efde04", "aria-roledescription": "slide", "aria-label": this.label, class: e, role: "group", style: { flexBasis: this.width, minHeight: this.minHeight }, tabIndex: 0 }, s("slot", { key: "5c1d732652c965ab30074809e1083e8626aad0a1" }));
+  }
+};
+a.style = r;
+export {
+  a as swirl_carousel_slide
+};

package/dist/{swirl-carousel.entry.5d99786a.js → swirl-carousel.entry.0c17c538.js}

@@ -1,11 +1,11 @@
-import { r as n, c as a, h as l, H as r, g as c } from "./index.3f681a5e.js";
+import { r as a, c as n, h as l, H as r, g as c } from "./index.6cd7fea9.js";
 import { d } from "./utils-aab10c80.240adddc.js";
 import "react";
 import "react-dom";
 const h = `:host{position:relative;display:block;overflow:hidden;width:100%;margin-top:calc(-1 * var(--s-space-24));margin-bottom:calc(-1 * var(--s-space-24))}:host(:hover) .carousel__previous-slide-button{pointer-events:auto;opacity:1}:host(:hover) .carousel__next-slide-button{pointer-events:auto;opacity:1}:host *{box-sizing:border-box}.carousel{position:relative;overflow:hidden;width:100%}.carousel__slides{position:relative;display:flex;overflow-x:auto;overflow-y:hidden;width:100%;padding:var(--s-space-24) var(--s-space-16) var(--s-space-24)
     var(--s-space-16);scroll-padding:var(--s-space-16);scrollbar-width:none;scroll-snap-type:x mandatory;scroll-behavior:smooth}.carousel__slides::-webkit-scrollbar{display:none}.carousel__slides ::slotted(*){margin-left:var(--s-space-16);flex-grow:0;flex-shrink:0;scroll-snap-align:start}@media (min-width: 768px){.carousel__slides ::slotted(*){margin-left:var(--s-space-24)}}@media (min-width: 768px){.carousel__slides{padding-right:var(--s-space-24);padding-left:var(--s-space-24);scroll-padding:var(--s-space-24)}}.carousel__previous-slide-button{position:absolute;z-index:1;top:calc(50% - var(--s-space-12));left:var(--s-space-4);visibility:hidden;transition:opacity 0.2s;transform:translateY(-50%) scale(0.72);pointer-events:none;opacity:0}@media (min-width: 768px){.carousel__previous-slide-button{visibility:visible}}.carousel__next-slide-button{position:absolute;z-index:1;top:calc(50% - var(--s-space-12));right:var(--s-space-4);visibility:hidden;transition:opacity 0.2s;transform:translateY(-50%) scale(0.72);pointer-events:none;opacity:0}@media (min-width: 768px){.carousel__next-slide-button{visibility:visible}}`, u = h, v = class {
   constructor(i) {
-    n(this, i), this.activeSlidesChange = a(this, "activeSlidesChange", 7), this.activeSlides = [], this.updateActiveSlideReferences = d(() => {
+    a(this, i), this.activeSlidesChange = n(this, "activeSlidesChange", 7), this.activeSlides = [], this.updateActiveSlideReferences = d(() => {
       const e = this.getActiveSlides();
       e.some((s, o) => this.activeSlides[o] !== s) && (this.activeSlides = e, this.activeSlidesChange.emit(this.activeSlides));
     }, 100), this.onPreviousSlideButtonClick = () => {
@@ -57,7 +57,7 @@ const h = `:host{position:relative;display:block;overflow:hidden;width:100%;marg
     return s >= e && o <= t;
   }
   render() {
-    return l(r, { key: "a70e2e4a0a1e40dca7b6e6976201a2c9b1951867", "aria-label": this.label, "aria-roledescription": "carousel", role: "group" }, l("div", { key: "797f1ec5ebb8cad7916ab24e5d68ee00b8b90dd2", class: "carousel" }, this.isScrollable && !this.isAtStart && l("swirl-button", { key: "0030e019d206edb0d60d92d7571da5d0fff362d2", class: "carousel__previous-slide-button", hideLabel: !0, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.previousSlideButtonLabel, onClick: this.onPreviousSlideButtonClick, pill: !0, variant: "floating" }), this.isScrollable && !this.isAtEnd && l("swirl-button", { key: "e560ac304de60dd2c9005ec396d9e8ebc5077934", class: "carousel__next-slide-button", hideLabel: !0, icon: "<swirl-icon-arrow-forward></swirl-icon-arrow-forward>", label: this.nextSlideButtonLabel, onClick: this.onNextSlideButtonClick, pill: !0, variant: "floating" }), l("div", { key: "d8ef3f5a32ae374598902f08623c2da12a0454a7", "aria-live": "polite", class: "carousel__slides", onScroll: this.onScroll, ref: (i) => this.slidesContainer = i }, l("slot", { key: "d626de58f6f4e0847f1253e1d228961bf82cf998", onSlotchange: this.onSlotChange }))));
+    return l(r, { key: "aab30bbdf49103123c0cacf6707662830517a5dd", "aria-label": this.label, "aria-roledescription": "carousel", role: "group" }, l("div", { key: "51abe6639be84f6da7908edcb7c7204ae381c6c9", class: "carousel" }, this.isScrollable && !this.isAtStart && l("swirl-button", { key: "843a9edbbe1f4d50e3c9a109046777b9dc98c3d0", 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: "fce0df1eb6eee6fba16792a8a5e2330fdd254880", 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: "d2a750724ff71b3457b424ce798e908787d3c18c", "aria-live": "polite", class: "carousel__slides", onScroll: this.onScroll, ref: (i) => this.slidesContainer = i }, l("slot", { key: "be830ac885a7dd1a74e44a60d4f6a5a2d41f6b62", onSlotchange: this.onSlotChange }))));
   }
   get el() {
     return c(this);