@getflip/swirl-components-react 0.199.0 → 0.200.1

package/dist/{swirl-accordion-item.entry.c8f141b1.js → swirl-accordion-item.entry.2b75081c.js}

@@ -1,13 +1,13 @@
-import { r as d, c as t, h as e, H as n, g as s } from "./index.9d32bf5e.js";
+import { r as d, c as t, h as e, H as n, g as s } from "./index.3c12ddea.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) {
-    d(this, i), this.expansionChange = t(this, "expansionChange", 7), this.headingId = `${a()}-heading`, this.onHeadingClick = () => {
+    d(this, i), this.expansionChange = t(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: "4d16bbdd80e7e7de2c9233fd0990d2056f1918e2" }, e("div", { key: "663b2d9fcbdfd816e42f20a27fdf21b15f5c8eaa", class: o }, e(i, { key: "b588fac98fc927b31088f55d1a4a42077c7c93d7", class: "accordion-item__heading" }, e("button", { key: "93a756f44cbab598814774adcfedaefd6bddf37c", "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: "88aa6b5112d6cece27b33b053b31a76fb48e1e3a", class: "accordion-item__toggle-text" }, this.heading, this.description && e("swirl-text", { key: "dfb03ef35815cb5de6a7982fb8faa2176d422158", as: "span", color: "subdued", size: "sm" }, this.description)), e("span", { key: "b9b1ea22c4b43f531b5b1819220f0089797ad8a5", class: "accordion-item__icon" }, !this.expanded && e("swirl-icon", { key: "11d5a1e2bfaaf84d8c0ec7c4eb37a2ed69475acd", glyph: "chevron-right", size: 20 }), this.expanded && e("swirl-icon", { key: "b6209a67579e3800e250dbb6cc85ae38edf97537", glyph: "expand-more", size: 20 })))), e("div", { key: "dedd47f75b8aa3eabe5170bcb10c1815bae0489b", "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, e("slot", { key: "af9c88e96816a003f3126bf76aead45c0d4dc9df" }))));
+    return e(n, { key: "006861d6031bc49ef4c68d5e5aee2eaba58e0cc6" }, e("div", { key: "47c5fe06e4da5aff6b675d1b4ad5d223a73e5b3b", class: a }, e(i, { key: "d396f75989f831eddd66510f67c9f5ca523a1e80", class: "accordion-item__heading" }, e("button", { key: "9bfdb9f316d3d64356091ff35086493c153ad9ae", "aria-controls": this.itemId, "aria-expanded": String(this.expanded), class: "accordion-item__toggle", disabled: this.disabled, id: this.headingId, onClick: this.onHeadingClick, type: "button" }, e("span", { key: "0696232de801d6c5aedac6bb1a8714f9c1b9362d", class: "accordion-item__toggle-text" }, this.heading, this.description && e("swirl-text", { key: "21c86a4e3a8956917fc15ea4387e697be2408beb", as: "span", color: "subdued", size: "sm" }, this.description)), e("span", { key: "50fa0cd1da17d126ecd26757bcda453302dd2182", class: "accordion-item__icon" }, !this.expanded && e("swirl-icon", { key: "a05d59697919662a816363c92da91940ece29cf9", glyph: "chevron-right", size: 20 }), this.expanded && e("swirl-icon", { key: "e99c77b661c4b4efbd1bf56c69a97f2ff12787c5", glyph: "expand-more", size: 20 })))), e("div", { key: "f5e7bbdc5025f952de1fb09bf19c1dae72f53c8f", "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, e("slot", { key: "4f755a5f113d956df138f0a7803bb8274149c4cc" }))));
   }
   get el() {
     return s(this);

package/dist/{swirl-accordion.entry.2399c4e3.js → swirl-accordion.entry.4d8279e7.js}

@@ -1,7 +1,7 @@
-import { r as s, c as i, h as o, H as a, g as l } from "./index.9d32bf5e.js";
+import { r as s, c as i, h as o, H as a, g as c } from "./index.3c12ddea.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);
   }
@@ -24,10 +24,10 @@ const c = ":host{display:block}:host *{box-sizing:border-box}::slotted(*:last-ch
     });
   }
   render() {
-    return o(a, { key: "8164310633ef979061ffa19a7b7559a93951b664" }, o("slot", { key: "eac2e80e25b9300dfb9b5efacf53e97c11cd9779" }));
+    return o(a, { key: "ad20b40fee8a6ecbcf5078bcc67da0738792ee59" }, o("slot", { key: "b4def8c0c8fde90a8f5431c033aefb7bf6e15842" }));
   }
   get el() {
-    return l(this);
+    return c(this);
   }
 };
 d.style = n;

package/dist/{swirl-action-list-section.entry.dc550e33.js → swirl-action-list-section.entry.c1459590.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, H as s } from "./index.9d32bf5e.js";
+import { r as i, h as e, H as s } from "./index.3c12ddea.js";
 import "react";
 import "react-dom";
 const a = ":host{display:block}:host *{box-sizing:border-box}.action-list-section{background-color:var(--s-surface-overlay-default)}.action-list-section__label{display:block;width:100%;padding:var(--s-space-8) var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default);color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.action-list-section__label{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);padding:var(--s-space-8) var(--s-space-12)}}", o = a, l = class {
@@ -6,7 +6,7 @@ const a = ":host{display:block}:host *{box-sizing:border-box}.action-list-sectio
     i(this, t), this.label = void 0;
   }
   render() {
-    return e(s, { key: "11b03762c4dd5f0231ba8448a2b59d7cb40e492f" }, e("div", { key: "25bb16b68f4e6c499d1969dc436b122b8e604b87", "aria-labelledby": "label", class: "action-list-section", role: "group" }, e("span", { key: "e8d33697e0528c1b9fa24841d984285e3d9573aa", class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), e("div", { key: "bb5e0c93bcdb79495eab8545ca1213b704cc2704", class: "action-list-section__items" }, e("slot", { key: "279562f8571a3e4579a8a455857c0b6749d027b7" }))));
+    return e(s, { key: "44a9deefaca9838b3fd25179d39e7b9d961d5910" }, e("div", { key: "3f19a2ea5d7593b8516de8a8657ac7138bd65385", "aria-labelledby": "label", class: "action-list-section", role: "group" }, e("span", { key: "bba5651dde645a819341872f7bdf918abf1a5fdb", class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), e("div", { key: "c59c1f6060488ec7995c4b582d30484905a45397", class: "action-list-section__items" }, e("slot", { key: "fb444405ab1b8beb208044b641fbf16887880ffe" }))));
   }
 };
 l.style = o;

package/dist/{swirl-action-list_3.entry.f3f22abb.js → swirl-action-list_3.entry.ba18b53b.js}

@@ -1,4 +1,4 @@
-import { r as n, h as o, H as r, g as c } from "./index.9d32bf5e.js";
+import { r as n, h as o, H as r, g as c } from "./index.3c12ddea.js";
 import { q as h, b as f, g as p } from "./utils-aab10c80.240adddc.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
@@ -43,7 +43,7 @@ const u = ":host{display:block;width:100%}:host *{box-sizing:border-box}.action-
     return t.findIndex((i) => i === e || i === (e == null ? void 0 : e.querySelector('[role="menuitem"]')));
   }
   render() {
-    return o(r, { key: "43e99f67cf6932db44df3821525f66e847ea7560" }, o("div", { key: "936f925f573d52544a1728ffc7be61af50d55ea9", "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: "a5f9f50b6f3947a8a868a02527759ccfed9bf91f" })));
+    return o(r, { key: "36322caabed257ed68473c6a2faef239318b2ebf" }, o("div", { key: "9a3c533acdd8f9ba50366f3c85473a59b1d97b1f", "aria-orientation": "vertical", class: "action-list", onFocusout: this.isInsidePopover ? void 0 : this.onFocusOut, onFocus: this.isInsidePopover ? void 0 : this.onFocus, onKeyDown: this.onKeyDown, part: "action-list", ref: (t) => this.container = t, role: "menu" }, o("slot", { key: "b969b7469999bcdbe84fa81bd92858c1bd24b1ad" })));
   }
   get el() {
     return c(this);
@@ -92,7 +92,7 @@ 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: "87c81cdcca6438842cda0271160c6199dc11a948", "aria-orientation": this.orientation, class: e, role: "separator", style: t }, o("span", { key: "fad69172988a25a3b1156065b845f524eafb3257", class: "separator__line" }));
+    return o(r, { key: "0687a27202c4b760115bf22a21f1e4e3abb13728", "aria-orientation": this.orientation, class: e, role: "separator", style: t }, o("span", { key: "8d67381b3d052acfc3710064d3f19d104a8fdbd4", class: "separator__line" }));
   }
 };
 I.style = y;

package/dist/swirl-app-bar.entry.ab7ca37f.js

@@ -0,0 +1,48 @@
+import { r as o, c as i, h as t, H as c, g as r } from "./index.3c12ddea.js";
+import { c as l } from "./index-267776a4.6beb4f4b.js";
+import "react";
+import "react-dom";
+const d = ':host{display:block;overflow-x:auto;width:100%}:host *{box-sizing:border-box}.app-bar{display:flex;min-height:3.5rem;padding-right:var(--s-space-16);padding-left:var(--s-space-16);align-items:center;gap:var(--s-space-16)}@media (min-width: 992px){.app-bar{min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}}.app-bar--has-cta .app-bar__cta{display:block}.app-bar:not(.app-bar--has-right-controls) .app-bar__right-controls{display:none}.app-bar__left-controls{display:flex;min-width:0;flex-shrink:0;align-items:center;gap:var(--s-space-16)}.app-bar__main-navigation-control{flex-shrink:0}.app-bar__cta{display:none}.app-bar__heading{display:flex;min-width:10rem;flex-grow:1;align-items:center}@media (min-width: 992px){.app-bar__heading{min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;flex-grow:0}}.app-bar__stepper-controls{position:relative;display:flex;flex-shrink:0;gap:var(--s-space-4)}.app-bar__stepper-controls:not(:first-child){padding-left:var(--s-space-16)}.app-bar__stepper-controls:not(:first-child):after{position:absolute;top:50%;left:0;width:var(--s-border-width-default);height:1.25rem;background-color:var(--s-border-default);content:"";transform:translateY(-50%)}.app-bar__center-controls{display:none;flex-grow:1;justify-content:center;align-items:center}@media (min-width: 992px){.app-bar__center-controls{display:flex}}.app-bar__right-controls{display:flex;min-width:0;flex-shrink:0;justify-content:flex-end;align-items:center}', p = d, h = class {
+  constructor(a) {
+    o(this, a), this.backButtonClick = i(this, "backButtonClick", 7), this.closeButtonClick = i(this, "closeButtonClick", 7), this.stepUpButtonClick = i(this, "stepUpButtonClick", 7), this.stepDownButtonClick = i(this, "stepDownButtonClick", 7), this.onBackButtonClick = (e) => {
+      this.backButtonClick.emit(e);
+    }, this.onCloseButtonClick = (e) => {
+      this.closeButtonClick.emit(e);
+    }, this.onStepUpButtonClick = (e) => {
+      this.stepUpButtonClick.emit(e);
+    }, this.onStepDownButtonClick = (e) => {
+      this.stepDownButtonClick.emit(e);
+    }, this.backButtonLabel = "Go back", this.closeButtonIcon = "<swirl-icon-close></swirl-icon-close>", this.closeButtonLabel = "Close", this.paddingInlineEnd = "16", this.paddingInlineStart = "16", this.stepUpButtonLabel = "Previous item", this.stepDownButtonLabel = "Next item", this.showBackButton = void 0, this.showCloseButton = void 0, this.showStepperControls = void 0, this.hasCta = void 0;
+  }
+  componentWillLoad() {
+    this.mutationObserver = new MutationObserver(() => {
+      this.updateCtaStatus();
+    }), this.mutationObserver.observe(this.el, { childList: !0 }), queueMicrotask(() => {
+      this.updateCtaStatus();
+    });
+  }
+  disconnectedCallback() {
+    var a;
+    (a = this.mutationObserver) == null || a.disconnect();
+  }
+  updateCtaStatus() {
+    this.hasCta = Boolean(this.el.querySelector('[slot="cta"]'));
+  }
+  render() {
+    const a = this.showBackButton || this.showCloseButton || this.showStepperControls, e = Boolean(this.el.querySelector('[slot="right-controls"]')), s = l("app-bar", {
+      "app-bar--has-cta": this.hasCta,
+      "app-bar--has-right-controls": e
+    }), n = {
+      paddingInlineEnd: `var(--s-space-${this.paddingInlineEnd})`,
+      paddingInlineStart: `var(--s-space-${this.paddingInlineStart})`
+    };
+    return t(c, { key: "e3c441ae152c5f32628341d93ab9c01267fdcd14" }, t("div", { key: "f5d2d48ddb1a3226e0fb5ca4789ff59ddd866dec", class: s, style: n }, a && t("div", { key: "c9f3c6f1cab3c15d99f373ddc53ee6dce3e51a6a", class: "app-bar__left-controls" }, (this.showBackButton || this.showCloseButton) && t("div", { key: "9ae0620bef35977af26de20b4fbe7725062ab0d0", class: "app-bar__main-navigation-control" }, this.showBackButton && t("swirl-button", { key: "05e57714c3649dbf722d74f135d0c5fb7591e16b", hideLabel: !0, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.backButtonLabel, onClick: this.onBackButtonClick }), this.showCloseButton && t("swirl-button", { key: "54d48e492a7cbc94e7784829ce4288e339e38526", hideLabel: !0, icon: this.closeButtonIcon, label: this.closeButtonLabel, onClick: this.onCloseButtonClick })), this.showStepperControls && t("div", { key: "65637f25c16f60d7b7028a8b985520688439a2a8", class: "app-bar__stepper-controls" }, t("swirl-button", { key: "b46ca47a50c9ff3f938d0adc4e5145e1c4d7a6d5", hideLabel: !0, icon: "<swirl-icon-arrow-upward></swirl-icon-arrow-upward>", label: this.stepUpButtonLabel, onClick: this.onStepUpButtonClick }), t("swirl-button", { key: "ce4bbb821ad76249caf680965853aefed6bbf041", hideLabel: !0, icon: "<swirl-icon-arrow-downward></swirl-icon-arrow-downward>", label: this.stepDownButtonLabel, onClick: this.onStepDownButtonClick }))), t("div", { key: "75042cd5d3c9c5f82d1d8c2b5a1ba156890f83a0", class: "app-bar__cta" }, t("slot", { key: "195d9d91da4e64688b281f0a7c5cd8dfdd3f661d", name: "cta" })), t("div", { key: "92fdfb5748e8e1578205c97c13ff361fd3020fac", class: "app-bar__heading" }, t("slot", { key: "c62711620a9b717c340bfac1a92f8eb639207fd0", name: "heading" })), t("div", { key: "cd37b16d36b2115ca3c63adbae7635b5a412ba38", class: "app-bar__center-controls" }, t("slot", { key: "1b884ef50fdbf39da5bb738174defa6e17b93efa", name: "center-controls" })), t("div", { key: "9dc46b4fa36e8d34837c26aed63b4bb80c2c08fe", class: "app-bar__right-controls" }, t("slot", { key: "83aa64ac31b9a68f6777e8ad75a0c1ad262a815b", name: "right-controls" }))));
+  }
+  get el() {
+    return r(this);
+  }
+};
+h.style = p;
+export {
+  h as swirl_app_bar
+};

package/dist/{swirl-app-icon.entry.86b42a2e.js → swirl-app-icon.entry.37294088.js}

@@ -1,4 +1,4 @@
-import { r as n, h as e, H as o } from "./index.9d32bf5e.js";
+import { r as n, h as e, H as o } from "./index.3c12ddea.js";
 import { c as t } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-app-layout_6.entry.12a55696.js → swirl-app-layout_6.entry.8376be75.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.9d32bf5e.js";
+import { r as l, c as s, h as t, H as d, g as c, F as r } from "./index.3c12ddea.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";
@@ -109,7 +109,7 @@ const I = `:host{position:relative;z-index:1;display:flex;width:100%;height:100%
       "app-layout--sidebar-active": this.mobileView === "sidebar" || this.sidebarActive,
       "app-layout--sidebar-closing": this.sidebarClosing
     });
-    return t(d, { key: "6669b2c98406333feee455553fe0d5d03d3244b8" }, t("section", { key: "1ee92631037025987491babda4e78ea63d35377b", "aria-labelledby": "app-name", class: b }, t("div", { key: "63ae4a87fbe7e728c81183def7afdf108588f83e", class: "app-layout__grid" }, t("header", { key: "6182b13fd6f4031aa0581c286cc4b517d3c5f66d", class: "app-layout__header" }, t("span", { key: "f4932b66237cbdcab317641027ef62428b98dfff", class: "app-layout__navigation-mobile-menu-button" }, t("slot", { key: "684aa1471fd24535b36e75408a45f41bc03345e1", name: "navigation-mobile-menu-button" })), this.showNavigationBackButton && t("span", { key: "8f0d872fb075ef91f0f62a514dfe25a0124f252c", class: "app-layout__navigation-back-button" }, t("swirl-button", { key: "7f6025c9f07eecb118fc6939ee0b0b78c4aee6d7", hideLabel: !0, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.navigationBackButtonLabel, onClick: this.onNavigationBackButtonClick })), t("swirl-heading", { key: "d635de3c9562eac9b4bce1c70baa8b90ae277b69", as: "h1", class: "app-layout__app-name", headingId: "app-name", level: 3, text: this.appName }), this.hasNavigation && t("span", { key: "87fc56959a7f02183166ad6b356c4ac06316ccbb", class: "app-layout__navigation-controls" }, t("slot", { key: "8b091346c443dfe4383ac1a2e1500fbd2379b9b3", name: "navigation-controls" }))), t("nav", { key: "f204ad5f648228d9a47e1fb47eab5e5b69631f02", "aria-label": this.navigationLabel, class: "app-layout__navigation" }, t("slot", { key: "02c4eef4f8b62ab328a370045174c245402f662a", name: "navigation" })), t("section", { key: "37bc6fa312a75e60f0a6702e41de1f5036efb008", "aria-labelledby": "app-name", class: "app-layout__body" }, !this.hideAppBar && t("header", { key: "c43967cff5d5cb3283707b063b0cb8fb14dcfec4", class: "app-layout__app-bar" }, t("span", { key: "410c2ebe8d9e737706cc307af7447c3b8ea0d75d", class: "app-layout__app-bar-mobile-menu-button" }, t("slot", { key: "d9a962e75a42b2d4f333d5f12a42e1ea1a12951b", name: "app-bar-mobile-menu-button" })), e && t("span", { key: "4ed9a8d4868bc5ceaf311b132f8f325144fa707c", class: "app-layout__back-to-navigation-button" }, t("swirl-button", { key: "442aa8979bc5c95ce973d41bbe7c28f2a991d11d", hideLabel: !0, icon: this.transitionStyle === "dialog" ? "<swirl-icon-close></swirl-icon-close>" : "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.backToNavigationViewButtonLabel, onClick: this.onBackToNavigationViewButtonClick })), t("span", { key: "e98e6c634278149c73b9b064e7364aaa25eb97fd", class: "app-layout__custom-app-bar-back-button" }, t("slot", { key: "f06666455e54a7dfcfa9b94aa47fc24db9281675", name: "custom-app-bar-back-button" })), t("div", { key: "c7f9906b22f61219203162cd3dceb21afb807ecf", class: "app-layout__app-bar-content" }, t("slot", { key: "1ec7cb2569a93ad414b57f2da951aa4036592d57", name: "app-bar" })), t("div", { key: "f951fa2be8b2a92175a0bd5b007e2fe131b79c35", class: "app-layout__app-bar-controls" }, t("slot", { key: "95bc12dd1a1695d05d972de033979231752fa0eb", name: "app-bar-controls" }))), t("div", { key: "73f3e5b01666ad0b8744d557d8ac620296de069e", class: "app-layout__banner" }, t("slot", { key: "4b3041a0fd7f6e4e4457b0868832e33cc76852a4", name: "banner" })), t("div", { key: "7143b730f21f69330a2d35081ed9fe8553757879", class: "app-layout__content" }, t("slot", { key: "88922dd8cb925df0e8905954c7740969c09c74d2", name: "content" })), t("div", { key: "d28078f915fd03d80031749d7c46f45a43405b7f", class: "app-layout__bottom-bar" }, t("slot", { key: "5290d8ed20d1528c11c7389c64b8c89e3d9220e3", name: "bottom-bar" }))), t("aside", { key: "4fa7b0476c3ce9f0644de3a3bb91de47e13e2333", class: "app-layout__sidebar" }, t("header", { key: "5cc37ad993a66e0c5b452656877b026daedf2a22", class: "app-layout__custom-sidebar-header" }, t("slot", { key: "85e16e72ca427e58b477b999b33f6eb8309b050d", name: "custom-sidebar-header" })), t("header", { key: "99bd578231f336f0e518556fa431c87570b06db8", class: "app-layout__sidebar-header" }, t("swirl-button", { key: "17b6c0dfc018646775b7f21647a4fc5d71e32991", class: "app-layout__sidebar-close-button", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick }), t("swirl-heading", { key: "6c94f955b7792ea20dbaea185697c976532b0880", as: "h3", class: "app-layout__sidebar-heading", headingId: "sidebar-heading", level: 3, text: this.sidebarHeading })), t("div", { key: "d582f3a4988013796c0130e7e9de2ae376bdd88e", class: "app-layout__sidebar-content" }, t("slot", { key: "8a22cc1a9d2fc54d860407685b7f1f00d72fcc40", name: "sidebar" }))), t("span", { key: "41d05516195ef0b8a39d0307bdd63b3686fb18d9", class: "app-layout__floating-action-button" }, this.ctaLabel && t("swirl-button", { key: "020fed78f1d6741cdf85113a370851596f826f80", hideLabel: Boolean(this.ctaIcon), icon: this.ctaIcon, intent: "primary", label: this.ctaLabel, onClick: this.onCtaClick, variant: "floating" }), t("slot", { key: "7e4f9fb98d67d7befddec8a62b66659ddd22d232", name: "floating-action-button" })))));
+    return t(d, { key: "6d961491aca6930666b7d587789eb3bff6bf1e2d" }, t("section", { key: "e34654e362f28c3a57aa4716a3a10a86909d9aa8", "aria-labelledby": "app-name", class: b }, t("div", { key: "3e6cc02c9c3701e195a8a92f97f2fa49be7a5325", class: "app-layout__grid" }, t("header", { key: "7b4b7743aa9225c591f05705f18d50bd3009bfff", class: "app-layout__header" }, t("span", { key: "18050ae2d54fd438da16a6df7a57ecd80fac35a6", class: "app-layout__navigation-mobile-menu-button" }, t("slot", { key: "2a4a8d6f30c2e5e02ab512ff2be09197ea61c68c", name: "navigation-mobile-menu-button" })), this.showNavigationBackButton && t("span", { key: "c461ab4bd9f6f116cd6c019c0e967633946f0a5c", class: "app-layout__navigation-back-button" }, t("swirl-button", { key: "94a59959334c405d871b9d89b7d72c25a644571c", hideLabel: !0, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.navigationBackButtonLabel, onClick: this.onNavigationBackButtonClick })), t("swirl-heading", { key: "f5fd24b0ad24656831b66da8c024df6d1f5c62a6", as: "h1", class: "app-layout__app-name", headingId: "app-name", level: 3, text: this.appName }), this.hasNavigation && t("span", { key: "04a2d228a04980e946b2d764bf1783a7c75a8e2f", class: "app-layout__navigation-controls" }, t("slot", { key: "1850db373293226330e64f6c45cb6d2b1792b6fe", name: "navigation-controls" }))), t("nav", { key: "f90677d445f076e80615a73265e1abf5fd206821", "aria-label": this.navigationLabel, class: "app-layout__navigation" }, t("slot", { key: "1342aa7f9766d8bc7f5ceff39ae14b407871ba5b", name: "navigation" })), t("section", { key: "54bbd47bd318cf77ccfeee3ca0176504928d6c62", "aria-labelledby": "app-name", class: "app-layout__body" }, !this.hideAppBar && t("header", { key: "6861a37fd4fbafcf4389f9df561abc1010fe94b8", class: "app-layout__app-bar" }, t("span", { key: "e92f067fbf50cca7931213bc75cf195210d5cd29", class: "app-layout__app-bar-mobile-menu-button" }, t("slot", { key: "37c85dcf2fa77c37ea3aef4537c313ac14eb9ad9", name: "app-bar-mobile-menu-button" })), e && t("span", { key: "a647140e357d1099774c239dbdb0c486aeedc74e", class: "app-layout__back-to-navigation-button" }, t("swirl-button", { key: "86b0502d617c12fb7123ef81c46126cc5ea18fca", hideLabel: !0, icon: this.transitionStyle === "dialog" ? "<swirl-icon-close></swirl-icon-close>" : "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.backToNavigationViewButtonLabel, onClick: this.onBackToNavigationViewButtonClick })), t("span", { key: "0d1bef25d834457390cc3f1e8a16af30ee8ec411", class: "app-layout__custom-app-bar-back-button" }, t("slot", { key: "ef609f9b32db88320c940927939b2bd3f87a28e5", name: "custom-app-bar-back-button" })), t("div", { key: "d885bbea33f0c6b046e8cd574f61623e3b7cc225", class: "app-layout__app-bar-content" }, t("slot", { key: "70189b7672d8b70f490c3efdfde15d82c0b5c48c", name: "app-bar" })), t("div", { key: "23b3747628acc4fd2c61ee54de55253a3fc41203", class: "app-layout__app-bar-controls" }, t("slot", { key: "1bb20b112b186544833b10d3f67d48b002773bbc", name: "app-bar-controls" }))), t("div", { key: "33bad47951b64672f1f838b96d51e7e9f9d7c832", class: "app-layout__banner" }, t("slot", { key: "e59682438a1d7aaec36e143c0c07d69a2205a24f", name: "banner" })), t("div", { key: "322eab095e9bf9d01f331adccdcd8953fcfa9fd0", class: "app-layout__content" }, t("slot", { key: "259690ee199cdc0ac3d037733b54544ea2b483ee", name: "content" })), t("div", { key: "7495427d0a523a22268c19c4ae56c977b4e295d0", class: "app-layout__bottom-bar" }, t("slot", { key: "50cc7202f5bbec17324ca23378617831d9fc199d", name: "bottom-bar" }))), t("aside", { key: "781981ef566aa8717d94331549272e7b9d2eeb6a", class: "app-layout__sidebar" }, t("header", { key: "e6df1707394682f125448c1cf770600539bb1cfa", class: "app-layout__custom-sidebar-header" }, t("slot", { key: "6e6187ae87c94d9c2a2e7e6f573a384dcea43125", name: "custom-sidebar-header" })), t("header", { key: "7d9a21343c070d3a9aeea9236852be1a2cb12e1e", class: "app-layout__sidebar-header" }, t("swirl-button", { key: "6f4a53a16176d30139d497f4b510586f3bef2252", class: "app-layout__sidebar-close-button", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick }), t("swirl-heading", { key: "6b32dc32a6844cfd258d0148a949f06fa86a222b", as: "h3", class: "app-layout__sidebar-heading", headingId: "sidebar-heading", level: 3, text: this.sidebarHeading })), t("div", { key: "64914275c88e1843af23ad087774d48092c70a36", class: "app-layout__sidebar-content" }, t("slot", { key: "c6667fcf5d7702704752360854d9181d8ff35652", name: "sidebar" }))), t("span", { key: "7b8347d1a450aaed9c2e31ae1f308f46a760227b", class: "app-layout__floating-action-button" }, this.ctaLabel && t("swirl-button", { key: "62393818e2205700c6b090dee8783049f95c747c", hideLabel: Boolean(this.ctaIcon), icon: this.ctaIcon, intent: "primary", label: this.ctaLabel, onClick: this.onCtaClick, variant: "floating" }), t("slot", { key: "32708bdfa2a5a36fbc7cd79bf0012bbf1928db68", name: "floating-action-button" })))));
   }
   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: "65de45c6f1b2e814c181d14c7718ce9facdba2b4", role: "row" }, t("div", { key: "27b7975b8c9d3f829f9b876a258e01a728010de7", class: k, role: "gridcell" }, t(e, { key: "4d0dd035d55fd777b89592ccc4313e6a39b2811b", "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: "623184a8bf39d95d55daf1c0c73f5b84e9d507c9", class: "resource-list-item__media" }, t("slot", { key: "cfc8ed03ae602566822d2c93b7ea2029b3ffb440", name: "media" })), t("span", { key: "d5d0d1e29135742ce8a6b48570b3d3ea628083fb", class: "resource-list-item__label-container", style: _ }, t("span", { key: "59280c630d28f56312b317389d8421ac83a3e97a", class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : void 0 }, !this.allowHtml && this.label), this.description && t("span", { key: "7cd4a798340b46c1c5e428b3f6b61346a8a59700", class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : void 0 }, !this.allowHtml && this.description)), m && t("span", { key: "545a8080d2266ae7ccf37aafdc01dd227a364bc9", class: "resource-list-item__meta" }, t("span", { key: "eb0059c448afbfe23f4da04eccf9667b70a4123d", class: "resource-list-item__meta-text" }, this.meta), t("span", { key: "52c77f4fa84d8b464cac63298d1cbd205d8389d0", class: "resource-list-item__badges" }, t("slot", { key: "943ca2932df39769826c385824416cfc6221cbea", name: "badges" })))), this.selectable && t("span", { key: "d6ba61f5818ad98e378b04adde3e0ec823ae75dd", "aria-hidden": "true", class: "resource-list-item__checkbox" }, t("span", { key: "631d841cefde94f598a5ea0d088282ae805e216a", class: "resource-list-item__checkbox-icon" }, this.checked && t("swirl-icon-check-strong", { key: "9889d6b6ba4c4439c33001700a62586ce9f0b083" }))), t("span", { key: "36e0b65120eb325e0a6691fb2120a8237d5ce868", class: "resource-list-item__control", onClick: this.onControlClick, ref: (x) => this.controlContainer = x }, t("slot", { key: "82a1b86901c6eac56b6e57c37b7972541480e426", name: "control" })), f && t("swirl-popover-trigger", { key: "68063b35294b8ffa12ea673c434d38113121d35f", swirlPopover: this.menuTriggerId }, t("swirl-button", { key: "cb00660ea3fb9fdebc4f28c2623e4c9f2afc4877", "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: "9cca689ba73576abfebcb163b2b6af0306b98d2d", "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: "6dd9f13b0fb45dff00b689564f2360eb573923d7", size: this.iconSize })));
+    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 })));
   }
   get el() {
     return c(this);

package/dist/{swirl-autocomplete.entry.8ae10ce4.js → swirl-autocomplete.entry.3dbe045f.js}

@@ -1,4 +1,4 @@
-import { r as p, c as m, h as o, H as f, g as b } from "./index.9d32bf5e.js";
+import { r as p, c as m, h as o, H as f, g as b } from "./index.3c12ddea.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";
@@ -86,16 +86,16 @@ const x = ".sc-swirl-autocomplete-h{display:block}.sc-swirl-autocomplete-h *.sc-
     const i = `${this.id}-suggestions`, e = this.clearable && !this.multiSelect, s = this.multiSelect ? this.value.map((t) => t.id) : Boolean(this.value) ? [this.value.id] : [], n = this.multiSelect ? void 0 : ((l = this.value) == null ? void 0 : l.label) || "", a = w("autocomplete", {
       "autocomplete--inactive": !this.active
     });
-    return o(f, { key: "a6b1864a1d1022a24c22a1b37e9953a3c232c2bc" }, o("div", { key: "57be24dac5a4c174bf7941c07a05b3431487dec3", class: a, onKeyDown: this.onKeyDown }, this.multiSelect && Array.isArray(this.value) && this.value.length > 0 && o("div", { key: "6b8b6268c1b208b7cc378ee4a22f05fd4b30df51", class: "autocomplete__multi-select-tags" }, o("swirl-stack", { key: "0b82d5899891d8ba4d07fe012cc1a8c501fdf62c", orientation: "horizontal", spacing: "8", wrap: !0 }, this.value.map((t) => o("swirl-tag", {
+    return o(f, { key: "e523e43c9a3f188b280212d75eb7cda439efa16a" }, o("div", { key: "bc223dea7f5ee6dcfcb7ff1fec7548f3e70ba02f", class: a, onKeyDown: this.onKeyDown }, this.multiSelect && Array.isArray(this.value) && this.value.length > 0 && o("div", { key: "3cf9889c1c2398778346eb598232095472ac03ce", class: "autocomplete__multi-select-tags" }, o("swirl-stack", { key: "710997aa77b59d1d997de03b32a91e699a7403a4", orientation: "horizontal", spacing: "8", wrap: !0 }, this.value.map((t) => o("swirl-tag", {
       key: t.id,
       label: t.label,
       onRemove: () => this.onRemoveValue(t.id),
       removable: !this.disabled
-    })))), o("swirl-text-input", { key: "929f9be8b336bdae9c31e9bc2e98936cf9a3ff86", autoSelect: this.autoSelect, class: "autocomplete__input", clearable: e, clearButtonLabel: this.clearButtonLabel, disabled: this.disabled, disableDynamicWidth: !0, id: this.id, inline: this.inline, invalid: this.invalid, onInputFocus: this.onFocus, onKeyDown: this.onInputKeyDown, onValueChange: this.onChange, maxLength: this.maxLength, mode: this.mode, placeholder: this.placeholder, ref: (t) => this.inputEl = t, required: this.required, spellCheck: this.spellCheck, swirlAriaAutocomplete: "list", swirlAriaControls: i, swirlAriaDescribedby: this.swirlAriaDescribedby, swirlAriaExpanded: String(this.active), swirlRole: "combobox", value: n }), o("div", { key: "a53953db455c7f3515cf394390c2c0089ed7155f", class: "autocomplete__listbox-container", onFocusout: this.onFocusOut, ref: (t) => this.listboxContainerEl = t, style: {
+    })))), o("swirl-text-input", { key: "67c627131a343cd5eab355baa0ce3d6113672a72", autoSelect: this.autoSelect, class: "autocomplete__input", clearable: e, clearButtonLabel: this.clearButtonLabel, disabled: this.disabled, disableDynamicWidth: !0, id: this.id, inline: this.inline, invalid: this.invalid, onInputFocus: this.onFocus, onKeyDown: this.onInputKeyDown, onValueChange: this.onChange, maxLength: this.maxLength, mode: this.mode, placeholder: this.placeholder, ref: (t) => this.inputEl = t, required: this.required, spellCheck: this.spellCheck, swirlAriaAutocomplete: "list", swirlAriaControls: i, swirlAriaDescribedby: this.swirlAriaDescribedby, swirlAriaExpanded: String(this.active), swirlRole: "combobox", value: n }), o("div", { key: "1fa4b4c6e1c2116779b3e019f138ceae18143397", class: "autocomplete__listbox-container", onFocusout: this.onFocusOut, ref: (t) => this.listboxContainerEl = t, style: {
       top: Boolean(this.position) ? `${(u = this.position) == null ? void 0 : u.y}px` : "",
       left: Boolean(this.position) ? `${(c = this.position) == null ? void 0 : c.x}px` : "",
       width: `${((r = this.inputEl) == null ? void 0 : r.getBoundingClientRect().width) + 32}px`
-    } }, this.loading && o("div", { key: "44ce277c6dc3571ae5fb22f31eb28dce7c54f0d7", class: "autocomplete__spinner" }, o("swirl-spinner", { key: "4fdbda089dd91a9aab0f1559d753a239fbfaeb9c" })), this.suggestions.length > 0 && o("swirl-option-list", { key: "7be30b1c4ba99ceda255c507be07917d19e965ef", allowDeselect: this.multiSelect === !0, label: this.menuLabel, multiSelect: this.multiSelect, onValueChange: this.onSelect, optionListId: i, ref: (t) => this.listboxEl = t, value: s }, this.suggestions.map((t) => {
+    } }, this.loading && o("div", { key: "25bf6f40fc87b6273e8a627aab03c9de2d1a3130", class: "autocomplete__spinner" }, o("swirl-spinner", { key: "e4e2d6ad0fca0adeea6770d339fcc310fd522083" })), this.suggestions.length > 0 && o("swirl-option-list", { key: "7c155395c8eca3d516610ee58c76b4da3465c7a8", allowDeselect: this.multiSelect === !0, label: this.menuLabel, multiSelect: this.multiSelect, onValueChange: this.onSelect, optionListId: i, ref: (t) => this.listboxEl = t, value: s }, this.suggestions.map((t) => {
       var h;
       return o("swirl-option-list-item", { selected: Array.isArray(this.value) ? this.value.some((d) => d.id === t.id) : ((h = this.value) == null ? void 0 : h.id) === t.id, key: t.id, disabled: t.disabled, label: t.label, value: t.id });
     })))));

package/dist/{swirl-avatar-group.entry.c8022fb7.js → swirl-avatar-group.entry.7271a851.js}

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

package/dist/{swirl-avatar.entry.5a8a2c9b.js → swirl-avatar.entry.294e4468.js}

@@ -1,4 +1,4 @@
-import { r as g, c as n, h as i, H as f, g as b } from "./index.9d32bf5e.js";
+import { r as f, c as n, h as e, H as b, g } from "./index.3c12ddea.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -12,8 +12,8 @@ const m = ":host{display:inline-flex;flex-shrink:0;align-items:center;flex-direc
   xl: 64,
   "2xl": 144
 }, p = class {
-  constructor(t) {
-    g(this, t), this.imageError = n(this, "imageError", 7), this.imageLoad = n(this, "imageLoad", 7), this.setImageAvailable = () => {
+  constructor(i) {
+    f(this, i), this.imageError = n(this, "imageError", 7), this.imageLoad = n(this, "imageLoad", 7), this.setImageAvailable = () => {
       this.imageAvailable = !0, this.loadingError = !1, this.loaded = !0, this.imageLoad.emit();
     }, this.setImageUnavailable = () => {
       this.imageAvailable = !1, this.loaded = !0, this.loadingError = !0, this.imageError.emit();
@@ -27,8 +27,8 @@ const m = ":host{display:inline-flex;flex-shrink:0;align-items:center;flex-direc
     this.setupIntersectionObserver();
   }
   disconnectedCallback() {
-    var t;
-    (t = this.intersectionObserver) == null || t.disconnect();
+    var i;
+    (i = this.intersectionObserver) == null || i.disconnect();
   }
   watchSrcProp() {
     this.imageAvailable = void 0;
@@ -38,19 +38,19 @@ const m = ":host{display:inline-flex;flex-shrink:0;align-items:center;flex-direc
       threshold: 0
     }), this.intersectionObserver.observe(this.element));
   }
-  onVisibilityChange(t) {
-    this.inViewport = t.some((a) => a.isIntersecting);
+  onVisibilityChange(i) {
+    this.inViewport = i.some((a) => a.isIntersecting);
   }
   render() {
-    const t = Boolean(this.src) && (this.imageAvailable || this.imageAvailable === void 0) && (this.loading !== "intersecting" || this.inViewport), a = (!t || !this.loaded && !this.loadingError) && Boolean(this.initials), e = !t && !a && Boolean(this.icon), s = !t && !a && !e, d = Boolean(this.badge) && this.size === "m", v = this.interactive ? "button" : void 0, l = r("avatar", `avatar--color-${this.color}`, `avatar--size-${this.size}`, `avatar--variant-${this.variant}`, {
-      "avatar--has-icon": e || s,
+    const i = Boolean(this.src) && (this.imageAvailable || this.imageAvailable === void 0) && (this.loading !== "intersecting" || this.inViewport), a = (!i || !this.loaded && !this.loadingError) && Boolean(this.initials), t = !i && !a && Boolean(this.icon), s = !i && !a && !t, v = Boolean(this.badge) && this.size === "m", l = this.interactive ? "button" : void 0, d = r("avatar", `avatar--color-${this.color}`, `avatar--size-${this.size}`, `avatar--variant-${this.variant}`, {
+      "avatar--has-icon": t || s,
       "avatar--has-initials": a,
       "avatar--interactive": this.interactive
     }), c = r("avatar__badge", `avatar__badge--position-${this.badgePosition}`), h = r("avatar__tool", `avatar__tool--position-${this.toolPosition}`);
-    return i(f, { key: "38e7fdc01d2cecd4d17a2fa040c61ffe1c8a8592", "aria-label": this.label, onKeydown: this.interactive ? this.onKeydown : void 0, onKeyup: this.interactive ? this.onKeyup : void 0, role: v, tabIndex: this.interactive ? 0 : void 0 }, i("span", { key: "d3b5aff230c79d4b77fb68d7ba8627c9f1f457db", class: l, part: "avatar" }, t && i("span", { key: "f849bd9c9fb03744706fd2359d32e97f96331bbd", class: "avatar__image" }, i("img", { key: "af33045f4385a047dbba8eb5336f1608552bb947", alt: "", height: o[this.size], loading: this.loading !== "intersecting" ? this.loading : void 0, onError: this.setImageUnavailable, onLoad: this.setImageAvailable, src: this.src, width: o[this.size] })), a && i("span", { key: "6d1bad70e7a6afa0d74780fc730d18b196193924", class: "avatar__initials" }, i("span", { key: "b65c566aa22a4a208511967969aad5b8d9665f79" }, this.initials)), e && i("span", { key: "bc0f43846240cb026d6762814e1d8d0719e10577", class: "avatar__icon", innerHTML: this.icon }), s && i("span", { key: "046588d4ddc12fca345e48c691691f6404d0fd29", class: "avatar__icon" }, i("swirl-icon-person", { key: "67d6eedba866483ed582a06a6e6e3292cf3970c0" })), d && i("span", { key: "682c1ab0a83634fedf76a5188992a5a7a55d68d8", class: c, innerHTML: this.badge }), i("span", { key: "815f38e18f11e8938f1483fee33a7cd51dba23a4", class: h }, i("slot", { key: "c83f80bd8a67386bf75c7d7182e22f87352be94d", name: "tool" }))), this.showLabel && i("span", { key: "e71fb04bfb8f8a9dca53a13eb510d2c037bd07ca", "aria-hidden": !0, class: "avatar__label" }, this.label));
+    return e(b, { key: "6e71cf7f05ca78c5d2dbc3180fce8bb0bee5e18c", "aria-label": this.label, onKeydown: this.interactive ? this.onKeydown : void 0, onKeyup: this.interactive ? this.onKeyup : void 0, role: l, tabIndex: this.interactive ? 0 : void 0 }, e("span", { key: "0d7b2870ae59e6628e96c38a18c747ef8ee09c54", class: d, part: "avatar" }, i && e("span", { key: "8cf1235dfb9e3b30262f61f6aeef2d251db1fc08", class: "avatar__image" }, e("img", { key: "83eb8aa8d9c16116440e2a50c3a921109e96a812", alt: "", height: o[this.size], loading: this.loading !== "intersecting" ? this.loading : void 0, onError: this.setImageUnavailable, onLoad: this.setImageAvailable, src: this.src, width: o[this.size] })), a && e("span", { key: "4dffa0b362fbbc7413000f5fc5006d3566daf0c8", class: "avatar__initials" }, e("span", { key: "b0e1479398b0f8ac0304fba2c38fdfa66e072fde" }, this.initials)), t && e("span", { key: "13640b63ff186ca7fbe6d72eca77359cdb0eb4bb", class: "avatar__icon", innerHTML: this.icon }), s && e("span", { key: "1bba16d3de264381aff4009ae5d2dfee9eb5f638", class: "avatar__icon" }, e("swirl-icon-person", { key: "004689c1bcd3d51b9cf8f8fce93a6923f8f41f6a" })), v && e("span", { key: "b2f9cd9ee49a3bf77781473a94ca68848f6299a4", class: c, innerHTML: this.badge }), e("span", { key: "29c112792ac8effec07fffadbf2b6997af304cfe", class: h }, e("slot", { key: "a8e2bb8f60e382e86a0cb969af91ffc7195e5204", name: "tool" }))), this.showLabel && e("span", { key: "4daf80748cdb5a3bacf5405e5ff58fd21febb37d", "aria-hidden": !0, class: "avatar__label" }, this.label));
   }
   get element() {
-    return b(this);
+    return g(this);
   }
   static get watchers() {
     return {

package/dist/{swirl-badge.entry.c4492a4e.js → swirl-badge.entry.0f1a8dc5.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, F as t, H as r } from "./index.9d32bf5e.js";
+import { r as i, h as e, F as t, H as r } from "./index.3c12ddea.js";
 import { c as s } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -10,7 +10,7 @@ const d = ":host{display:inline-flex;min-width:0;max-width:100%;justify-content:
     const a = s("badge", `badge--intent-${this.intent}`, `badge--size-${this.size}`, `badge--variant-${this.variant}`, {
       "badge--has-icon": this.icon
     });
-    return e(r, { key: "2a45ce5f53ccce7f5f9adfbb89b0ccb2eeb8f32b", role: "status" }, e("span", { key: "0867e1cb3bcb784ac62b398b507b0fdde199980a", class: a, part: "badge" }, this.icon && e("span", { key: "4925c5a12325a6b138efc8111bf4a84291ad808d", class: "badge__icon", innerHTML: this.icon }), this.icon === void 0 && this.variant !== "dot" ? e("span", { class: "badge__label" }, this.label) : e(t, null, this.icon === void 0 && e("span", { class: "badge__label" }, "\xA0"), e("swirl-visually-hidden", null, this.label))));
+    return e(r, { key: "33f35cb8399a9a9af91d771dff6b640b577c3b69", role: "status" }, e("span", { key: "95465982eb5690342abae2235b57644afd8cdd4d", class: a, part: "badge" }, this.icon && e("span", { key: "8a775d6ceb801d34380e82450879108dab4fcb37", class: "badge__icon", innerHTML: this.icon }), this.icon === void 0 && this.variant !== "dot" ? e("span", { class: "badge__label" }, this.label) : e(t, null, this.icon === void 0 && e("span", { class: "badge__label" }, "\xA0"), e("swirl-visually-hidden", null, this.label))));
   }
 };
 o.style = n;

package/dist/{swirl-banner.entry.98bc99ca.js → swirl-banner.entry.6fa89a27.js}

@@ -1,15 +1,15 @@
-import { r as o, c as r, h as t, H as c, g as d } from "./index.9d32bf5e.js";
+import { r as o, c as r, h as t, H as c, g as d } from "./index.3c12ddea.js";
 import { c as b } from "./index-267776a4.6beb4f4b.js";
 import { g as l } from "./utils-aab10c80.240adddc.js";
 import "react";
 import "react-dom";
-const h = ":host{display:block}:host *{box-sizing:border-box}.banner{display:flex;align-items:flex-start;gap:var(--s-space-16);max-width:100%;min-height:3.5rem;padding:var(--s-space-16)}.banner:focus:not(:focus-visible){outline:none}.banner:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-4)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner{padding:var(--s-space-16);min-height:3.25rem}}.banner--size-s{padding:var(--s-space-8);justify-content:center}.banner--size-s .banner__content{flex-grow:0;text-align:center}.banner--size-s .banner__controls{margin-left:0}.banner--intent-default .banner__icon,.banner--intent-default .banner__content,.banner--intent-default .banner__action-button,.banner--intent-default .banner__dismiss-button,.banner--intent-critical .banner__icon,.banner--intent-critical .banner__content,.banner--intent-critical .banner__action-button,.banner--intent-critical .banner__dismiss-button,.banner--intent-success .banner__icon,.banner--intent-success .banner__content,.banner--intent-success .banner__action-button,.banner--intent-success .banner__dismiss-button,.banner--intent-info .banner__icon,.banner--intent-info .banner__content,.banner--intent-info .banner__action-button,.banner--intent-info .banner__dismiss-button{color:var(--s-text-on-status)}.banner--intent-default{background-color:var(--s-surface-neutral-default)}.banner--intent-critical{background-color:var(--s-surface-critical-default)}.banner--intent-success{background-color:var(--s-surface-success-default)}.banner--intent-info{background-color:var(--s-surface-info-default)}.banner--intent-warning{background-color:var(--s-surface-warning-default)}.banner--intent-warning .banner__icon{color:var(--s-icon-strong)}.banner--intent-warning .banner__content,.banner--intent-warning .banner__action-button,.banner--intent-warning .banner__dismiss-button{color:var(--s-text-default)}.banner__content{display:flex;align-items:flex-start;min-height:1.5rem;flex-grow:1;line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner__content{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);min-height:1.25rem}}.banner__icon{display:none;width:1.5rem;height:1.5rem;margin-right:var(--s-space-8);flex-shrink:0;color:var(--s-icon-on-status)}@media (min-width: 375px){.banner__icon{display:inline-flex}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner__icon{width:1.25rem;height:1.25rem}}.banner__text{min-height:1.5rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner__text{min-height:1.25rem}}.banner__controls{display:inline-flex;flex-shrink:0;align-items:flex-start;line-height:var(--s-line-height-base);gap:var(--s-space-16)}@media (min-width: 768px){.banner__controls{gap:var(--s-space-24)}}.banner__action-button,.banner__dismiss-button{display:inline-flex;overflow:hidden;max-width:7rem;height:1.5rem;padding:0;flex-shrink:0;align-items:center;border:none;background-color:transparent;font:inherit;font-weight:var(--s-font-weight-semibold);white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.banner__action-button:focus,.banner__dismiss-button:focus{outline-color:var(--s-focus-default)}@media (min-width: 768px){.banner__action-button,.banner__dismiss-button{max-width:12rem}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner__action-button,.banner__dismiss-button{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);height:1.25rem}}", m = h, f = {
+const h = ":host{display:block}:host *{box-sizing:border-box}.banner{display:flex;align-items:flex-start;gap:var(--s-space-16);max-width:100%;min-height:3.5rem;padding:var(--s-space-16)}.banner:focus:not(:focus-visible){outline:none}.banner:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-4)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner{padding:var(--s-space-16);min-height:3.25rem}}.banner--size-s{padding:var(--s-space-8);justify-content:center}.banner--size-s .banner__content{flex-grow:0;text-align:center}.banner--size-s .banner__controls{margin-left:0}.banner--intent-default .banner__icon,.banner--intent-default .banner__content,.banner--intent-default .banner__action-button,.banner--intent-default .banner__dismiss-button,.banner--intent-critical .banner__icon,.banner--intent-critical .banner__content,.banner--intent-critical .banner__action-button,.banner--intent-critical .banner__dismiss-button,.banner--intent-success .banner__icon,.banner--intent-success .banner__content,.banner--intent-success .banner__action-button,.banner--intent-success .banner__dismiss-button,.banner--intent-info .banner__icon,.banner--intent-info .banner__content,.banner--intent-info .banner__action-button,.banner--intent-info .banner__dismiss-button{color:var(--s-text-on-status)}.banner--intent-default{background-color:var(--s-surface-neutral-default)}.banner--intent-critical{background-color:var(--s-surface-critical-default)}.banner--intent-success{background-color:var(--s-surface-success-default)}.banner--intent-info{background-color:var(--s-surface-info-default)}.banner--intent-warning{background-color:var(--s-surface-warning-default)}.banner--intent-warning .banner__icon{color:var(--s-icon-strong)}.banner--intent-warning .banner__content,.banner--intent-warning .banner__action-button,.banner--intent-warning .banner__dismiss-button{color:var(--s-text-default)}.banner__content{display:flex;align-items:flex-start;min-height:1.5rem;flex-grow:1;line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner__content{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);min-height:1.25rem}}.banner__icon{display:none;width:1.5rem;height:1.5rem;margin-right:var(--s-space-8);flex-shrink:0;color:var(--s-icon-on-status)}@media (min-width: 375px){.banner__icon{display:inline-flex}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner__icon{width:1.25rem;height:1.25rem}}.banner__text{min-height:1.5rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner__text{min-height:1.25rem}}.banner__controls{display:inline-flex;flex-shrink:0;align-items:flex-start;line-height:var(--s-line-height-base);gap:var(--s-space-16)}@media (min-width: 768px){.banner__controls{gap:var(--s-space-24)}}.banner__action-button,.banner__dismiss-button{display:inline-flex;overflow:hidden;max-width:7rem;height:1.5rem;padding:0;flex-shrink:0;align-items:center;border:none;background-color:transparent;font:inherit;font-weight:var(--s-font-weight-semibold);white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.banner__action-button:focus,.banner__dismiss-button:focus{outline-color:var(--s-focus-default)}@media (min-width: 768px){.banner__action-button,.banner__dismiss-button{max-width:12rem}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner__action-button,.banner__dismiss-button{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);height:1.25rem}}", m = h, _ = {
   default: void 0,
   critical: "<swirl-icon-error></swirl-icon-error>",
   success: "<swirl-icon-check-circle></swirl-icon-check-circle>",
   warning: "<swirl-icon-warning></swirl-icon-warning>",
   info: "<swirl-icon-info></swirl-icon-info>"
-}, _ = class {
+}, f = class {
   constructor(e) {
     o(this, e), this.action = r(this, "action", 7), this.dismiss = r(this, "dismiss", 7), this.desktopMediaQuery = l(), this.desktopMediaQueryHandler = (n) => {
       this.forceIconProps(n.matches);
@@ -32,19 +32,19 @@ const h = ":host{display:block}:host *{box-sizing:border-box}.banner{display:fle
     n == null || n.setAttribute("size", e ? "20" : "24"), i == null || i.setAttribute("size", e ? "20" : "24");
   }
   determineIcon() {
-    return this.icon ? this.icon : f[this.intent];
+    return this.icon ? this.icon : _[this.intent];
   }
   render() {
     const e = this.determineIcon(), n = Boolean(this.actionLabel) || this.dismissable, i = this.icon || this.showIcon && Boolean(e), s = b("banner", `banner--intent-${this.intent}`, `banner--size-${this.size}`, {
       "banner--has-icon": i
     });
-    return t(c, { key: "907969cc89868087c70da427ad854e339fb36b5b" }, t("div", { key: "a59f652cc95d0bc1d54a2386776f66d8f9024631", "aria-describedby": "content", class: s, role: this.importance, tabIndex: 0 }, t("div", { key: "e5ff90cda82b6391958b5a2abb5d41bbeefc84dd", class: "banner__content", id: "content", part: "banner__content" }, i && t("span", { key: "fc2645f499ff1722a87d66ec5ffcf8df6699583d", "aria-hidden": "true", class: "banner__icon", innerHTML: e, ref: (a) => this.iconEl = a }), t("span", { key: "dafd92c3180fa570063d9daa5eccea6ec95a33d0", class: "banner__text" }, this.content)), n && t("div", { key: "027794d1f08c9724c83fdfc492f00a2292c4d32c", class: "banner__controls" }, this.actionLabel && t("button", { key: "bea6ee6c86124ea90a7a031b3e27c2fd2aa3209c", class: "banner__action-button", onClick: this.onAction, part: "banner__action-button", type: "button" }, this.actionLabel), this.dismissable && t("button", { key: "b9450a6f407698029b4ad6c9596f6a70266c824f", "aria-label": this.dismissLabel, class: "banner__dismiss-button", onClick: this.onDismiss, part: "banner__dismiss-button", ref: (a) => this.dismissButtonEl = a, type: "button" }, t("swirl-icon-close", { key: "e8c3bd11a64f88886a8849e05eaa14e3d01ca79d" })))));
+    return t(c, { key: "7d1d0fe808a0d56888901519a1d2c7d7a5953703" }, t("div", { key: "6f0482657ddd0b91ba5ca740db378e3fa5cad176", "aria-describedby": "content", class: s, role: this.importance, tabIndex: 0 }, t("div", { key: "82bc8952ea7cc638a13eb8997492515280793e70", class: "banner__content", id: "content", part: "banner__content" }, i && t("span", { key: "d2d6aa7d78d04fdb16a5d9d632fef49977400690", "aria-hidden": "true", class: "banner__icon", innerHTML: e, ref: (a) => this.iconEl = a }), t("span", { key: "637f8d6f03aa8b9ed71798b60a2a8b6f68c96e6b", class: "banner__text" }, this.content)), n && t("div", { key: "8c6ed8081c22c3f9121223ea2dc6bd3918f1babf", class: "banner__controls" }, this.actionLabel && t("button", { key: "afd0254e27d026a1f828ec203eed23a6934c8dbe", class: "banner__action-button", onClick: this.onAction, part: "banner__action-button", type: "button" }, this.actionLabel), this.dismissable && t("button", { key: "7842e8dc33cfc78226ade9d5b8d141809efbb9e7", "aria-label": this.dismissLabel, class: "banner__dismiss-button", onClick: this.onDismiss, part: "banner__dismiss-button", ref: (a) => this.dismissButtonEl = a, type: "button" }, t("swirl-icon-close", { key: "44118f5b5f92f476440b3adb6d33b3c88ef3b5a8" })))));
   }
   get element() {
     return d(this);
   }
 };
-_.style = m;
+f.style = m;
 export {
-  _ as swirl_banner
+  f as swirl_banner
 };

package/dist/{swirl-box.entry.89cbee8e.js → swirl-box.entry.072ca401.js}

@@ -1,4 +1,4 @@
-import { r as t, h as d, H as n } from "./index.9d32bf5e.js";
+import { r as t, h as d, H as n } from "./index.3c12ddea.js";
 import { c as s } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -44,7 +44,7 @@ const r = `:host{display:block;width:100%}:host(.box--bordered){border:var(--s-b
       "box--bordered-inline-start": this.borderedInlineStart,
       "box--cover": this.cover
     });
-    return d(n, { key: "5036d24e9dabdf3d88144d74dc39ee57f8352062", class: i, style: e }, d("slot", { key: "3d329ed23fdb6e82854c03894410c27f9de6f668" }));
+    return d(n, { key: "027b397f10e1f70fb7a0df7f63299949fe4ab7be", class: i, style: e }, d("slot", { key: "57de1c7c3d70479fdc46e281475e4eed08d8a412" }));
   }
 };
 h.style = o;

package/dist/{swirl-button-group.entry.a6db0795.js → swirl-button-group.entry.c8f63de3.js}

@@ -1,4 +1,4 @@
-import { r as s, h as r, H as e } from "./index.9d32bf5e.js";
+import { r as s, h as r, H as e } from "./index.3c12ddea.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: "681f8a5713e3df77d224a8a67f8d0faf9324a8b5" }, r("swirl-stack", { key: "23f4129e4aae721d7253864faad544e3e4a4f41e", 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: "95ed9769652cb763410f69cc181291cbc79ab677" })));
+    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" })));
   }
 };
 d.style = a;

package/dist/{swirl-button.entry.ac49771a.js → swirl-button.entry.75032330.js}

@@ -1,4 +1,4 @@
-import { r as l, h as n, H as u, g as b } from "./index.9d32bf5e.js";
+import { r as l, h as n, H as u, g as b } from "./index.3c12ddea.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import { g as d } from "./utils-aab10c80.240adddc.js";
 import "react";
@@ -49,7 +49,7 @@ const v = `.sc-swirl-button-h{display:inline-block;max-width:100%;flex-shrink:0}
       "button--pill": this.pill,
       "button--pressed": this.pressed
     }), e = t ? "a" : "button";
-    return n(u, { key: "ae93bfc51d8a1a45e982a1a64ea26953a4ac3315", style: { pointerEvents: this.disabled ? "none" : "" } }, n(e, { key: "aab4311c3b7031e209546880fb5d86dd5d2cbfda", "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: "d3d0797df3044b4c9044a77978531b89dd5109c5", class: "button__icon", innerHTML: this.icon, ref: (i) => this.iconEl = i }), !Boolean(this.icon) && n("span", { key: "ced043185f9922cd7ea93e95b1a5dbbb857be804", class: "button__icon", ref: (i) => this.iconEl = i }, n("slot", { key: "d062178e7e317848025c0ff6391a9eb0641280ab", name: "icon" })), !o && n("span", { key: "c6b641ef7ad985a2f0aeeea05fdc8818155e43a4", class: "button__label" }, this.label)));
+    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)));
   }
   get el() {
     return b(this);

package/dist/{swirl-card.entry.2f2c085f.js → swirl-card.entry.709b5a2c.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, H as n, g as o } from "./index.9d32bf5e.js";
+import { r as t, h as e, H as n, g as o } from "./index.3c12ddea.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: "7e813203295a4404476560ceb2fd9be0f65baab1", styles: { height: this.height } }, e(a, { key: "0e5ff6445bd88fbd0f036381f2ba263d39bd4b6f", "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: "46dddf46a39268eb0880f818cf75ad5d9c3dfbe4", class: "card__image", style: { aspectRatio: this.imageAspectRatio } }, e("slot", { key: "387c7d9561b756c33723808d438a54ffe1132daf", name: "image" })), e("div", { key: "d3125429757d21b599e2ade0d1577cb20dcd0743", class: "card__body", style: d }, e("div", { key: "d83ae81a23eaf7156e82f11de409272f8d112b3e", class: "card__content" }, e("slot", { key: "2e56f7bca41409d568358c61763b0264cb966f5b", name: "content" })))));
+    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" })))));
   }
   get el() {
     return o(this);

package/dist/{swirl-carousel-slide.entry.ab4ebbd5.js → swirl-carousel-slide.entry.31d93207.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, H as t } from "./index.9d32bf5e.js";
+import { r as i, h as e, H as t } from "./index.3c12ddea.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-carousel.entry.6f3152a5.js → swirl-carousel.entry.4d5c7300.js}

@@ -1,4 +1,4 @@
-import { r as n, c as a, h as l, H as r, g as c } from "./index.9d32bf5e.js";
+import { r as n, c as a, h as l, H as r, g as c } from "./index.3c12ddea.js";
 import { d } from "./utils-aab10c80.240adddc.js";
 import "react";
 import "react-dom";

package/dist/{swirl-checkbox.entry.c5a5cf73.js → swirl-checkbox.entry.ec50a216.js}

@@ -1,4 +1,4 @@
-import { r as b, c as d, h as c, H as t } from "./index.9d32bf5e.js";
+import { r as b, c as t, h as c, H as d } from "./index.3c12ddea.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -6,7 +6,7 @@ const n = `.sc-swirl-checkbox-h{display:inline-flex}.sc-swirl-checkbox-h *.sc-sw
       0 0 0 0.1875rem var(--s-focus-default)}.checkbox--variant-card.sc-swirl-checkbox{width:100%;padding:var(--s-space-16);border:0.0625rem solid var(--s-border-default);border-radius:var(--s-border-radius-sm);background-color:var(--s-surface)}.checkbox--variant-card.sc-swirl-checkbox:focus-within{box-shadow:0 0 0 0.125rem var(--s-background-default),
       0 0 0 0.25rem var(--s-focus-default)}.checkbox--variant-card.sc-swirl-checkbox:focus-within .checkbox__box.sc-swirl-checkbox{box-shadow:none}.checkbox--variant-card.sc-swirl-checkbox:hover:not(.checkbox--disabled){background-color:var(--s-surface-hovered)}.checkbox--variant-card.sc-swirl-checkbox:active:not(.checkbox--disabled){background-color:var(--s-surface-pressed)}.checkbox--variant-card.checkbox--checked.sc-swirl-checkbox:not(.checkbox--disabled){border-color:var(--s-border-highlight)}.checkbox--variant-card.checkbox--invalid.sc-swirl-checkbox:not(.checkbox--disabled){border-color:var(--s-border-critical)}.checkbox--checked.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox,.checkbox--indeterminate.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox{border-color:var(--s-interactive-primary-hovered);background-color:var(--s-interactive-primary-hovered)}.checkbox--checked.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox,.checkbox--indeterminate.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{border-color:var(--s-icon-highlight);color:var(--s-text-on-status);background-color:var(--s-icon-highlight)}.checkbox--invalid.checkbox--checked.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox,.checkbox--invalid.checkbox--indeterminate.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{background-color:var(--s-icon-critical)}.checkbox--invalid.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{border-color:var(--s-icon-critical)}.checkbox--disabled.sc-swirl-checkbox{cursor:default}.checkbox--disabled.checkbox--checked.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox,.checkbox--disabled.checkbox--indeterminate.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox{border-color:var(--s-icon-disabled);background-color:var(--s-icon-disabled)}.checkbox--disabled.checkbox--checked.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox,.checkbox--disabled.checkbox--indeterminate.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{background-color:var(--s-icon-disabled)}.checkbox--disabled.sc-swirl-checkbox .checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox{background-color:transparent}.checkbox--disabled.sc-swirl-checkbox .checkbox__box.sc-swirl-checkbox{border-color:var(--s-icon-disabled)}.checkbox--disabled.sc-swirl-checkbox .checkbox__label.sc-swirl-checkbox,.checkbox--disabled.sc-swirl-checkbox .checkbox__description.sc-swirl-checkbox{color:var(--s-text-disabled)}.checkbox--label-weight-regular.sc-swirl-checkbox .checkbox__label.sc-swirl-checkbox{font-weight:var(--s-font-weight-regular)}.checkbox__control.sc-swirl-checkbox{position:relative;width:1.5rem;height:1.5rem;padding:var(--s-space-2);flex-shrink:0}.checkbox__control.sc-swirl-checkbox:hover .checkbox__box.sc-swirl-checkbox{background-color:var(--s-action-neutral-hovered)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.checkbox__control.sc-swirl-checkbox{width:1.375rem;height:1.375rem}}.checkbox__box.sc-swirl-checkbox{position:relative;z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:var(--s-border-radius-s)}.checkbox__icon.sc-swirl-checkbox{display:inline-flex;width:1.0625rem;height:1.0625rem}.checkbox__icon.sc-swirl-checkbox>*.sc-swirl-checkbox::part(icon){width:1.0625rem;height:1.0625rem}.checkbox__indeterminate-icon.sc-swirl-checkbox{position:relative;width:100%;height:100%}.checkbox__indeterminate-icon.sc-swirl-checkbox:after{position:absolute;top:50%;left:50%;width:0.625rem;height:0.125rem;border-radius:0.0625rem;background-color:currentColor;content:"";transform:translate3d(-50%, -50%, 0)}.checkbox__label-container.sc-swirl-checkbox{display:inline-flex;margin-left:var(--s-space-8);padding-top:var(--s-space-2);align-items:flex-start;flex-direction:column}.checkbox__label.sc-swirl-checkbox{font-weight:var(--s-font-weight-medium)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.checkbox__label.sc-swirl-checkbox{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.checkbox__description.sc-swirl-checkbox{color:var(--s-text-subdued)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.checkbox__description.sc-swirl-checkbox{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}`, k = n, x = class {
   constructor(e) {
-    b(this, e), this.valueChange = d(this, "valueChange", 7), this.onChange = () => {
+    b(this, e), this.valueChange = t(this, "valueChange", 7), this.onChange = () => {
       this.checked = !(this.checked === !0 || this.checked === "true"), this.valueChange.emit(this.checked);
     }, this.checked = !1, this.description = void 0, this.disabled = !1, this.swirlAriaDescribedby = void 0, this.swirlAriaLabel = void 0, this.inputId = void 0, this.inputName = void 0, this.invalid = void 0, this.label = void 0, this.labelWeight = "medium", this.value = void 0, this.variant = "default";
   }
@@ -21,7 +21,7 @@ const n = `.sc-swirl-checkbox-h{display:inline-flex}.sc-swirl-checkbox-h *.sc-sw
       "checkbox--invalid": this.invalid,
       "checkbox--unchecked": e
     });
-    return c(t, { key: "9ce7a673ef9a88e4270cdc12803d534f2c6f021f", style: { width: this.variant === "card" ? "100%" : void 0 } }, c("label", { key: "b36ecd889e3f0f1614c2bd87cfb78f64bd34b0f7", class: a, htmlFor: this.inputId }, c("span", { key: "7f86ad08873b47a92d25a327690a146673a179a9", class: "checkbox__control" }, c("swirl-visually-hidden", { key: "34eb49b1daccd4a5ba281e8f3c7fae5bfd3d9eec" }, c("input", { key: "086e780b0cf9cd614fd2f346e42086afd63813a5", "aria-checked": r, "aria-describedby": this.swirlAriaDescribedby, "aria-invalid": h, "aria-label": this.swirlAriaLabel, checked: i, class: "checkbox__input", disabled: this.disabled, id: this.inputId, indeterminate: o, name: this.inputName, onChange: this.onChange, type: "checkbox", value: this.value })), c("span", { key: "c6e6f3b03b6d86c44b2722cf304843c95e35d133", "aria-hidden": "true", class: "checkbox__box" }, c("span", { key: "5acf25a349bd02b339fa82e56c31dff8baed3e9b", class: "checkbox__icon" }, i && c("swirl-icon-check-strong", { key: "ed41399b1d02bf3a9979fc50372ae1b16e9917d3" }), o && c("span", { key: "94d04c4b59ad6a9ebdf59dfd00a7cf1be3193944", class: "checkbox__indeterminate-icon" })))), s && c("span", { key: "280d603bb3628dcfe810957af5346f61b5589019", class: "checkbox__label-container" }, this.label && c("span", { key: "b7c8d8baa6210b81765c9ead697423262fc8b07a", class: "checkbox__label" }, this.label), this.description && c("span", { key: "4aa4382779e0a3f6661051903f989055deeb85d6", class: "checkbox__description" }, this.description))));
+    return c(d, { key: "cc5e788a984c8a5162b3d41f8984623ea0b2ede5", style: { width: this.variant === "card" ? "100%" : void 0 } }, c("label", { key: "6c755f03de94374b926845de8d23c2ffe88c0010", class: a, htmlFor: this.inputId }, c("span", { key: "767be761f571ab2860d4aaece65cea955884fe6b", class: "checkbox__control" }, c("swirl-visually-hidden", { key: "03c17d3c4238b3cf12f5eaffea54ffcc06a5a41a" }, c("input", { key: "57f89f01c0e59bcd36c9cbf1445d75b66e5d06de", "aria-checked": r, "aria-describedby": this.swirlAriaDescribedby, "aria-invalid": h, "aria-label": this.swirlAriaLabel, checked: i, class: "checkbox__input", disabled: this.disabled, id: this.inputId, indeterminate: o, name: this.inputName, onChange: this.onChange, type: "checkbox", value: this.value })), c("span", { key: "22c96b4bf96cd453892ccf9efd970e20d32f57d7", "aria-hidden": "true", class: "checkbox__box" }, c("span", { key: "09bcb150c233170cf5fdb0e0a112b70ae64f2b94", class: "checkbox__icon" }, i && c("swirl-icon-check-strong", { key: "e14bd37c5a397a711a52855d58f8abc3b2b65810" }), o && c("span", { key: "7873bc0ec60a7d7cf6cc465ac77b544851b44a14", class: "checkbox__indeterminate-icon" })))), s && c("span", { key: "667dfd4e4907c9966513064f04f4734a9cb964f5", class: "checkbox__label-container" }, this.label && c("span", { key: "0141f0b56214c9d1fc73f08cdd287572ff1f4529", class: "checkbox__label" }, this.label), this.description && c("span", { key: "5d9fc09abccc81d2e6402b42c659380e75f72288", class: "checkbox__description" }, this.description))));
   }
 };
 x.style = k;

package/dist/{swirl-chip.entry.52ca695f.js → swirl-chip.entry.6b11b7b9.js}

@@ -1,4 +1,4 @@
-import { r as t, c as o, h as r, H as h, g as n } from "./index.9d32bf5e.js";
+import { r as t, c as o, h as r, H as h, g as n } from "./index.3c12ddea.js";
 import { c as p } from "./index-267776a4.6beb4f4b.js";
 import { g as l } from "./utils-aab10c80.240adddc.js";
 import "react";
@@ -29,7 +29,7 @@ const d = ".sc-swirl-chip-h{position:relative;display:inline-flex;max-width:100%
       "chip--interactive": this.interactive || this.pressed !== void 0,
       "chip--removable": this.removable
     });
-    return r(h, { key: "e1aa3d6e5abc5b8652930e204fd2f21350e750c7" }, r(e, { key: "2a0ff52f994baa202f73b92e6cf372a03b71e3b4", class: c, type: this.interactive ? "button" : void 0, "aria-pressed": this.pressed !== void 0 ? String(this.pressed) : void 0 }, r("span", { key: "a00655b888efce52d8651589b038b9b6ee790ce9", class: "chip__inner" }, i && r("span", { key: "72a8708c65be771c72030fd12e3abd277221d0c2", class: "chip__avatar" }, r("slot", { key: "bf7e00062f31a444d6d179da258ea9c1cce52822", name: "avatar" })), s && r("span", { key: "e814c8aa13d7f2b9485046ef33a9648f6b9c2167", class: "chip__icon", innerHTML: this.icon, ref: (a) => this.iconEl = a }), r("span", { key: "3c73c90ff4d494ae6df80eed949d435cc7aff829", class: "chip__label" }, this.label)), this.progress !== void 0 && r("span", { key: "2747a1413733286a482b470dfa938003509414eb", class: "chip__progress-indicator" }, r("swirl-progress-indicator", { key: "e01822a19fbb2d65181207f35270f7448f0f3d7f", label: this.progressBarLabel, value: this.progress }))), this.removable && r("button", { key: "c4d588616125ac9d1cb7eb3a9fd3fa643265f20f", "aria-label": this.removeButtonLabel, class: "chip__remove-button", onClick: this.remove.emit }, r("swirl-icon-close", { key: "10e6bb7a44465b160fd3d6e95e06144f3c455515", size: 20 })));
+    return r(h, { key: "6ce267d94331ffa5cd45590f776819ca81f0269f" }, r(e, { key: "9d20a1ac9558e920e7924b86178920ec91b6b77d", class: c, type: this.interactive ? "button" : void 0, "aria-pressed": this.pressed !== void 0 ? String(this.pressed) : void 0 }, r("span", { key: "67ed858d088ff500b553db57276e99e94ba660c3", class: "chip__inner" }, i && r("span", { key: "87e5bc08fc83e55f7d63dd3a38a18def3bfc0470", class: "chip__avatar" }, r("slot", { key: "3c7a52dcc434476313c61b43603ff3188758618d", name: "avatar" })), s && r("span", { key: "16edc3a3da88e0e43eb81c7c8228e873e63e61df", class: "chip__icon", innerHTML: this.icon, ref: (a) => this.iconEl = a }), r("span", { key: "951fc836655f2ba5046c2a9c8a56954087378fc3", class: "chip__label" }, this.label)), this.progress !== void 0 && r("span", { key: "bcda4f0a728956f5e18c642c316002c31e240443", class: "chip__progress-indicator" }, r("swirl-progress-indicator", { key: "6aed56a2fa7702b583203768f5b734db1b215f4b", label: this.progressBarLabel, value: this.progress }))), this.removable && r("button", { key: "b762ed266095ef2bc96ba3fee9e689f4e6865479", "aria-label": this.removeButtonLabel, class: "chip__remove-button", onClick: this.remove.emit }, r("swirl-icon-close", { key: "ba7b0ccef7688fe8f385f422b8a8418249abf46d", size: 20 })));
   }
   get el() {
     return n(this);

package/dist/{swirl-color-input.entry.ed1ac963.js → swirl-color-input.entry.9b1ec0a0.js}

@@ -1,4 +1,4 @@
-import { r as L, c as f, h as l, H as B } from "./index.9d32bf5e.js";
+import { r as L, c as f, h as l, H as B } from "./index.3c12ddea.js";
 import { c as T } from "./index-267776a4.6beb4f4b.js";
 import { v as z } from "./v4-23648a96.77c7c20f.js";
 import "react";