@getflip/swirl-components-react 0.365.0 → 0.366.0

package/dist/{swirl-accordion-item.entry.30dfea6d.js → swirl-accordion-item.entry.78690bd2.js}

@@ -1,11 +1,11 @@
-import { r as t, c as d, h as e, H as n, g as s } from "./index.10fc92f2.js";
+import { r as t, c as d, h as e, H as n, g as s } from "./index.8c304569.js";
 import { c as r } from "./index-orsBiyT_.fc4357c3.js";
-import { v as o } from "./v4-DD3477fe.2624487e.js";
+import { v as a } from "./v4-DD3477fe.2624487e.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 = class {
   constructor(i) {
-    t(this, i), this.expansionChange = d(this, "expansionChange", 7), this.headingLevel = 2, this.itemId = o(), this.expanded = !1, this.headingId = `${o()}-heading`, this.onHeadingClick = () => {
+    t(this, i), this.expansionChange = d(this, "expansionChange", 7), this.headingLevel = 2, this.itemId = a(), this.expanded = !1, this.headingId = `${a()}-heading`, this.onHeadingClick = () => {
       this.toggle();
     };
   }
@@ -23,10 +23,10 @@ const c = ":host{display:block}:host *{box-sizing:border-box}.accordion-item{dis
     this.expanded ? this.collapse() : this.expand();
   }
   render() {
-    const i = `h${this.headingLevel}`, a = r("accordion-item", {
+    const i = `h${this.headingLevel}`, o = r("accordion-item", {
       "accordion-item--expanded": this.expanded
     });
-    return e(n, { key: "bf24d1cae76ed824c925b80adb2ac6b5be606023" }, e("div", { key: "9f3dc67e8a670f451cba083d416461aa4ac16749", class: a }, e(i, { key: "170838a1750fb89568500f70a93f91de36f41d5b", class: "accordion-item__heading" }, e("button", { key: "c18a4cbe335f688a94c61ed1802f7a0978d74771", "aria-controls": this.itemId, "aria-expanded": String(this.expanded), class: "accordion-item__toggle", disabled: this.disabled, id: this.headingId, onClick: this.onHeadingClick, type: "button" }, e("span", { key: "da8e2e070591c3ff0de1face3c62a91c5ff19731", class: "accordion-item__toggle-text" }, this.heading, this.description && e("swirl-text", { key: "0bcfac9c58151f160b2bece95475d104d3dbfb05", as: "span", color: "subdued", size: "sm" }, this.description)), e("span", { key: "701edfe1826e393845316e3815454de002b9ad94", class: "accordion-item__icon" }, !this.expanded && e("swirl-icon", { key: "3b76c29e09f641025af072622ef05f8acc37f9e3", glyph: "chevron-right", size: 20 }), this.expanded && e("swirl-icon", { key: "952a2755bb44491e2b9155fd22d1817feed7ecf4", glyph: "expand-more", size: 20 })))), e("div", { key: "6332cee85a9630c0280e72518ace7ad41cbbb368", "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, e("slot", { key: "b506d4b57c138cc18722b34320155599b472e70b" }))));
+    return e(n, { key: "abba07ec2f943c86ff88aed65ea1c10d170e3a55" }, e("div", { key: "4cd9a307c2d01266220cbd3df1b27afa401fdefa", class: o }, e(i, { key: "2271f5ee54750532baecbbc34da135fa278461d8", class: "accordion-item__heading" }, e("button", { key: "ab13edffd0c9bb073473d16a0e3838ee04678a15", "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: "3fa93043d6b8c929b37ced1d779957ec40ff3e02", class: "accordion-item__toggle-text" }, this.heading, this.description && e("swirl-text", { key: "1470c3ce33a835bb53fd8759b82c26608d018281", as: "span", color: "subdued", size: "sm" }, this.description)), e("span", { key: "a292fa27389bf972b2b9b7d5d4f6e1d9962f4919", class: "accordion-item__icon" }, !this.expanded && e("swirl-icon", { key: "e9903a0728bcd15896d9586a107ea88f1197f1df", glyph: "chevron-right", size: 20 }), this.expanded && e("swirl-icon", { key: "8cb634c1bcf0c65daaabad79394183ac040237aa", glyph: "expand-more", size: 20 })))), e("div", { key: "b0693a31cf7d608b542ca10a13cf6a6b36a6774b", "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, e("slot", { key: "95c3a5da8e122291bf06f2fa691b38a1dd53bfb6" }))));
   }
   get el() {
     return s(this);

package/dist/{swirl-accordion.entry.cacc88e2.js → swirl-accordion.entry.6a1fa10d.js}

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

package/dist/{swirl-action-list-section.entry.9dad08df.js → swirl-action-list-section.entry.88353bfc.js}

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

package/dist/{swirl-action-list_2.entry.96cd14b8.js → swirl-action-list_2.entry.f05b03a4.js}

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

package/dist/{swirl-app-bar.entry.bccdbac7.js → swirl-app-bar.entry.018596a2.js}

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

package/dist/{swirl-app-icon.entry.9b12fa63.js → swirl-app-icon.entry.73a7f34f.js}

@@ -1,4 +1,4 @@
-import { r as n, h as s, H as o } from "./index.10fc92f2.js";
+import { r as n, h as s, H as o } from "./index.8c304569.js";
 import { c as l } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";
@@ -21,7 +21,7 @@ const r = ":host{display:inline-flex}:host *{box-sizing:border-box}.app-icon{pos
     const e = Boolean(this.src) && (this.imageAvailable || this.imageAvailable === void 0), i = !e && Boolean(this.icon), a = l("app-icon", {
       "app-icon--has-icon": i || !e && !i
     });
-    return s(o, { key: "0678d24af53e36995ce49232513940672f1623fe" }, s("span", { key: "a2e2fef78199d7d91d25c55591ad7dfd7136d036", class: a }, e && s("img", { key: "7005b6b43b9215c96a4a04944d2ac25d2536f9b3", alt: "", height: "256", ref: this.onImageElementUpdate, src: this.src, width: "256" }), i && s("span", { key: "0d1539585d6e4d278b9f24c4db68728d9e3f89d9", class: "app-icon__icon", innerHTML: this.icon })));
+    return s(o, { key: "ebf22de161e63b6a95a668c83683f1ed4ed9fb3d" }, s("span", { key: "7998c7b113f48ad715fe897f3e547790de5b8e51", class: a }, e && s("img", { key: "685f743ace846d014058b6c40a8b3852f7108367", alt: "", height: "256", ref: this.onImageElementUpdate, src: this.src, width: "256" }), i && s("span", { key: "2583c7ac995dd3b239258dbc21eb4e229ff9edf0", class: "app-icon__icon", innerHTML: this.icon })));
   }
 };
 c.style = r;

package/dist/{swirl-app-layout_5.entry.4e69100e.js → swirl-app-layout_5.entry.b2f88659.js}

@@ -1,4 +1,4 @@
-import { r as p, c as l, h as e, H as c, g as u, F as h } from "./index.10fc92f2.js";
+import { r as p, c as l, h as e, H as c, g as u, F as h } from "./index.8c304569.js";
 import { c as b } from "./index-orsBiyT_.fc4357c3.js";
 import { D as k } from "./media-query.service-Cx_VEA2f.c4de15e1.js";
 import { d as y, i as g, s as v } from "./utils-D_MUFqkF.654ff3ce.js";
@@ -369,7 +369,7 @@ const q = ".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource
   }
   render() {
     var t, a, i, o, r, n;
-    return e(c, { key: "cebcef9bd2b4f9c9bdb07eb60b1455fe961506fe", onKeyDown: this.onKeyDown }, e("swirl-visually-hidden", { key: "3ec608204ed57e938706be802f55e69a1de4e042", role: "alert" }, this.assistiveText), e("swirl-box", { key: "1264ea92a2dc6dad647e917dd90267e52b175345", paddingBlockEnd: (t = this.paddingBlockEnd) != null ? t : this.padding, paddingBlockStart: (a = this.paddingBlockStart) != null ? a : this.padding, paddingInlineEnd: (o = (i = this.paddingInlineEnd) != null ? i : this.padding) != null ? o : "8", paddingInlineStart: (n = (r = this.paddingInlineStart) != null ? r : this.padding) != null ? n : "8" }, e("swirl-stack", { key: "e1ce6259ade426672a4bbcf873e8072eda93a167", "aria-label": this.label, class: "resource-list", id: this.listId, ref: (d) => this.gridEl = d, role: this.semantics, spacing: this.spacing }, e("slot", { key: "d8c26a1e3dbaaa405caaafb74d4de11632a26bbe" }))));
+    return e(c, { key: "37fcb7b7ef6436a7855d00519a31bf007b77da54", onKeyDown: this.onKeyDown }, e("swirl-visually-hidden", { key: "22f4bf54dbd49932e129c58d5514926d07f825a6", role: "alert" }, this.assistiveText), e("swirl-box", { key: "79844e03ac49eb014b31cb6c26169a74bb1d6967", paddingBlockEnd: (t = this.paddingBlockEnd) != null ? t : this.padding, paddingBlockStart: (a = this.paddingBlockStart) != null ? a : this.padding, paddingInlineEnd: (o = (i = this.paddingInlineEnd) != null ? i : this.padding) != null ? o : "8", paddingInlineStart: (n = (r = this.paddingInlineStart) != null ? r : this.padding) != null ? n : "8" }, e("swirl-stack", { key: "a63f94d6d859d1cc3497f4b9e037e1f3513537b0", "aria-label": this.label, class: "resource-list", id: this.listId, ref: (d) => this.gridEl = d, role: this.semantics, spacing: this.spacing }, e("slot", { key: "269ac25ec75e7911548b4fd626f1a9031c008a19" }))));
   }
   get el() {
     return u(this);
@@ -456,7 +456,7 @@ const $ = `.sc-swirl-resource-list-item-h{position:relative;display:block;width:
       "resource-list-item--wrap-description": this.descriptionWrap,
       "resource-list-item--wrap-label": this.labelWrap
     });
-    return e(c, { key: "99d705af69a7d7457da693a1c5c67706f6635845", role: f }, e("div", { key: "a59c5927cae5448c3917a2af8387b50dcd2d3ef4", class: T, role: B }, e(t, { key: "b3e5fac4c8925d3a06a26b7d0b79aa58e3def37f", "aria-checked": C, "aria-disabled": a ? "true" : void 0, "aria-label": S, "aria-labelledby": Boolean(this.swirlAriaLabel) ? void 0 : this.elementId, class: "resource-list-item__content", style: { alignItems: this.alignItems }, href: n, disabled: a, onClick: this.onClick, onBlur: this.onBlur, onFocus: this.onFocus, part: "resource-list-item__content", role: I, tabIndex: 0, type: t === "button" ? "button" : void 0 }, this.hasMedia && e("span", { key: "ec4113d40664af96c8c8dbeec32501b1f57c0f21", class: "resource-list-item__media" }, e("slot", { key: "c4d9601f58a3f128cf88254a2d5bde98c36d1628", name: "media" })), e("span", { key: "6ae242f557e807b2ef95c2b6d775151eae4b4d47", class: "resource-list-item__label-container", style: E }, e("span", { key: "d7489459160e4dfebc38d3f1ab637ff7ec0a2096", class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : void 0 }, !this.allowHtml && this.label), this.description && e("span", { key: "ae91a04a4916ca91e50984da265e4a94d08ef4c3", class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : void 0 }, !this.allowHtml && this.description)), s && e("span", { key: "4188d689a7330f8ab41534becf9059258eb571d9", class: "resource-list-item__meta" }, e("span", { key: "5a63a90a5478728f57611efed228919b856e0ecf", class: "resource-list-item__meta-text" }, this.meta), e("span", { key: "04fb7f9e250e2772cbf78567d74a5496fd96897b", class: "resource-list-item__badges" }, e("slot", { key: "950c710d8150ba65f67becb2a072aa241fc0109f", name: "badges" })))), this.selectable && e("span", { key: "1d5e33c7003f06937bd11c3d1e3a2e8b2751b43e", "aria-hidden": "true", class: "resource-list-item__checkbox" }, e("span", { key: "0518fad3b25324d5f4b4b32bcc5ed84bbdef7542", class: "resource-list-item__checkbox-icon" }, this.checked && e("swirl-icon-check-strong", { key: "5578df09145bd0c8a66a7a3f97fbdbaf15edee11" }))), e("span", { key: "35605bfc79aa8f8653d9f109af0741247ef7d555", class: "resource-list-item__control", onClick: this.onControlClick, ref: (D) => this.controlContainer = D }, e("slot", { key: "c3771a13badc88d14e856c3f5391ff904420c2c4", name: "control" })), m && e("swirl-popover-trigger", { key: "351458c498c327220f1b55c8b5a3b27038c5bfeb", swirlPopover: this.menuTriggerId }, e("swirl-button", { key: "8ad88ba909010c7ab1fc300cbd52d533bf8eae19", "aria-disabled": a ? "true" : void 0, class: "resource-list-item__menu-trigger", disabled: a, hideLabel: !0, icon: "<swirl-icon-more-horizontal></swirl-icon-more-horizontal>", intent: "primary", label: this.menuTriggerLabel, onClick: this.onMenuTriggerClick }))), this.allowDrag && e("button", { key: "e26acb5a079ec58706794f89d742e6aad3448203", "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "resource-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, type: "button" }, e("swirl-icon-drag-handle", { key: "128042b80216937f197dd36ca5f055fcacf23150", size: this.iconSize })));
+    return e(c, { key: "74c295778be2ba1f1d18172fe93ea8436d0ed609", role: f }, e("div", { key: "b7ac96248b20b6e705f605af9d754911fb53be95", class: T, role: B }, e(t, { key: "fe117a7a35e35d3074d5c8df032d58cb018a142b", "aria-checked": C, "aria-disabled": a ? "true" : void 0, "aria-label": S, "aria-labelledby": Boolean(this.swirlAriaLabel) ? void 0 : this.elementId, class: "resource-list-item__content", style: { alignItems: this.alignItems }, href: n, disabled: a, onClick: this.onClick, onBlur: this.onBlur, onFocus: this.onFocus, part: "resource-list-item__content", role: I, tabIndex: 0, type: t === "button" ? "button" : void 0 }, this.hasMedia && e("span", { key: "21210a04c7f96b3dc309a89535318e911afd351c", class: "resource-list-item__media" }, e("slot", { key: "c326fac8899935452789fe8b14271c61175eba7d", name: "media" })), e("span", { key: "d9fcdfe21c54daeebe56669aadd07d828423272e", class: "resource-list-item__label-container", style: E }, e("span", { key: "d9ad2ee46f279de7f50a2e86368e8bc3a7cd6428", class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : void 0 }, !this.allowHtml && this.label), this.description && e("span", { key: "8b6be5351d9289daf137164aef0806dbd2f6e3d4", class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : void 0 }, !this.allowHtml && this.description)), s && e("span", { key: "7f6790113baac9b15e4aef4e8dfd4098a7a213ac", class: "resource-list-item__meta" }, e("span", { key: "e5e19cd610b66fceb249ff4ca675b3e9c6e61edb", class: "resource-list-item__meta-text" }, this.meta), e("span", { key: "54f0b68d16992adf7f8585a0b2573404be0ecdef", class: "resource-list-item__badges" }, e("slot", { key: "759c9abe2507f47d41413868e38c63c8062cc432", name: "badges" })))), this.selectable && e("span", { key: "5c99be2c49bb6418ab48652e707df48b1b384b69", "aria-hidden": "true", class: "resource-list-item__checkbox" }, e("span", { key: "9d0ad429053251757013feeb56effc4f3cb09991", class: "resource-list-item__checkbox-icon" }, this.checked && e("swirl-icon-check-strong", { key: "8ccbc8ac044db30a9001a6059b6eaa9ba5742841" }))), e("span", { key: "b1c571d422c5b60c4e92d37f8b95ef7c1fd6cc18", class: "resource-list-item__control", onClick: this.onControlClick, ref: (D) => this.controlContainer = D }, e("slot", { key: "d47ebce7bc4897dd2e6b701f35fc1caa17e72fdd", name: "control" })), m && e("swirl-popover-trigger", { key: "c876093478e16507d50c80606194e0f8a3320952", swirlPopover: this.menuTriggerId }, e("swirl-button", { key: "350f845bcdb1103d03b36f8ccfb17287aeb13ef2", "aria-disabled": a ? "true" : void 0, class: "resource-list-item__menu-trigger", disabled: a, hideLabel: !0, icon: "<swirl-icon-more-horizontal></swirl-icon-more-horizontal>", intent: "primary", label: this.menuTriggerLabel, onClick: this.onMenuTriggerClick }))), this.allowDrag && e("button", { key: "5df7f8049ceabc364754514ccc48a01dd5e4bc99", "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "resource-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, type: "button" }, e("swirl-icon-drag-handle", { key: "95833ffeafba02439646e30624d19ae7a2f2b65d", size: this.iconSize })));
   }
   get el() {
     return u(this);

package/dist/{swirl-autocomplete.entry.a470249a.js → swirl-autocomplete.entry.0df74b4f.js}

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

package/dist/swirl-avatar-group.entry.7dd2afc8.js

@@ -0,0 +1,37 @@
+import { r as s, h as t, H as i } from "./index.8c304569.js";
+import { c as o } from "./index-orsBiyT_.fc4357c3.js";
+import "react";
+import "react-dom";
+const l = ":host{display:inline-flex}:host *{box-sizing:border-box}.avatar-group{position:relative}.avatar-group--diagonal-stack{display:inline-grid;grid-template-rows:repeat(9, 1fr);grid-template-columns:repeat(9, 1fr)}.avatar-group--diagonal-stack ::slotted(*:first-of-type){z-index:1;display:inline-flex;border-radius:50%;box-shadow:0 0 0 0.25rem var(--swirl-avatar-group-border-color);grid-column-start:1;grid-column-end:7;grid-row-start:4;grid-row-end:10}.avatar-group--diagonal-stack ::slotted(*:nth-of-type(2)){z-index:0;display:inline-flex;border-radius:50%;grid-column-start:4;grid-column-end:10;grid-row-start:1;grid-row-end:7}.avatar-group--diagonal-stack ::slotted(*:nth-of-type(n+3)){display:none}.avatar-group--diagonal-stack .avatar-group__badge{position:absolute;right:calc(-1 * var(--s-space-4));bottom:calc(-1 * var(--s-space-4))}.avatar-group--horizontal-stack{display:inline-flex}.avatar-group--horizontal-stack .avatar-group__badge{display:none}.avatar-group--horizontal-stack ::slotted(*){z-index:1;display:inline-flex;border-radius:50%;box-shadow:0 0 0 0.125rem var(--swirl-avatar-group-border-color)}.avatar-group--horizontal-stack ::slotted(*:not(:first-of-type)){margin-left:calc(-1 * var(--s-space-4))}.avatar-group__badge{z-index:3;display:inline-flex;width:1.5rem;height:1.5rem}.avatar-group__badge ::part(badge){box-shadow:0 0 0 0.25rem var(--swirl-badge-border-color)}", d = class {
+  constructor(a) {
+    s(this, a), this.layout = "diagonal", this.avatars = [], this.onSlotChange = (r) => {
+      this.avatars = r.target.assignedElements().filter((e) => e.tagName.toLowerCase() === "swirl-avatar"), this.layOutAvatars();
+    };
+  }
+  componentDidLoad() {
+    this.forceBadgeProps();
+  }
+  forceBadgeProps() {
+    if (!Boolean(this.badge))
+      return;
+    const a = this.badgeEl.querySelector("swirl-badge"), r = a == null ? void 0 : a.getAttribute("size");
+    Boolean(r) || a == null || a.setAttribute("size", "s");
+  }
+  layOutAvatars() {
+    this.avatars.length <= 2 ? this.avatars.forEach((a) => {
+      a.style.zIndex = "";
+    }) : this.avatars.forEach((a, r) => {
+      a.style.zIndex = String(this.avatars.length - r);
+    });
+  }
+  render() {
+    const a = o("avatar-group", `avatar-group--${this.layout}-stack`, {
+      "avatar-group--has-badge": Boolean(this.badge)
+    }), r = o("avatar-group__badge");
+    return t(i, { key: "7997c0302195981387db42c03d7b980e03c49ffe" }, t("div", { key: "ca9db2d551abbe86231b346e170e0938b106805f", class: a, role: "group" }, t("slot", { key: "63d584d88c3367de3c2cbbdcd718bb4577eb7dca", onSlotchange: this.onSlotChange }), this.badge && t("span", { key: "190a05fb70a2b0d85b1cc3382755a25255f50386", class: r, innerHTML: this.badge, ref: (e) => this.badgeEl = e })));
+  }
+};
+d.style = l;
+export {
+  d as swirl_avatar_group
+};

package/dist/swirl-avatar.entry.73d4bf80.js

@@ -0,0 +1,70 @@
+import { r as m, c as n, h as t, H as g, g as b } from "./index.8c304569.js";
+import { c as s } from "./index-orsBiyT_.fc4357c3.js";
+import "react";
+import "react-dom";
+const f = ":host{display:inline-flex;flex-shrink:0;align-items:center;flex-direction:column}:host *{box-sizing:border-box}.avatar{position:relative;display:inline-flex;justify-content:center;align-items:center;border-radius:50%}.avatar--has-icon{color:var(--s-icon-default);background-color:var(--swirl-avatar-background-color)}.avatar--has-initials{padding-right:0;padding-left:0;color:#fff}.avatar--interactive{cursor:pointer}.avatar--interactive:focus:not(:focus-visible){outline:none}.avatar--interactive:focus-visible{outline-color:var(--s-focus-default)}.avatar--size-3xs{width:1.25rem;height:1.25rem}.avatar--size-3xs .avatar__initials{font-size:0.625rem}.avatar--size-3xs.avatar--has-icon{padding-right:0.125rem;padding-left:0.125rem}.avatar--size-3xs.avatar--variant-square,.avatar--size-3xs.avatar--variant-square .avatar__image,.avatar--size-3xs.avatar--variant-square .avatar__initials{border-radius:0.25rem}.avatar--size-2xs{width:1.5rem;height:1.5rem}.avatar--size-2xs .avatar__initials{font-size:0.625rem}.avatar--size-2xs.avatar--has-icon{padding-right:0.125rem;padding-left:0.125rem}.avatar--size-2xs.avatar--variant-square,.avatar--size-2xs.avatar--variant-square .avatar__image,.avatar--size-2xs.avatar--variant-square .avatar__initials{border-radius:0.25rem}.avatar--size-xs{width:1.75rem;height:1.75rem}.avatar--size-xs .avatar__initials{font-size:0.75rem}.avatar--size-xs.avatar--has-icon{padding-right:0.4375rem;padding-left:0.4375rem}.avatar--size-xs.avatar--variant-square,.avatar--size-xs.avatar--variant-square .avatar__image,.avatar--size-xs.avatar--variant-square .avatar__initials{border-radius:0.5rem}.avatar--size-s{width:2rem;height:2rem}.avatar--size-s .avatar__initials{font-size:0.75rem}.avatar--size-s.avatar--has-icon{padding-right:var(--s-space-8);padding-left:var(--s-space-8)}.avatar--size-s.avatar--variant-square,.avatar--size-s.avatar--variant-square .avatar__image,.avatar--size-s.avatar--variant-square .avatar__initials{border-radius:0.5rem}.avatar--size-m{width:2.5rem;height:2.5rem}.avatar--size-m .avatar__initials{font-size:var(--s-font-size-base)}.avatar--size-m.avatar--has-icon{padding-right:0.625rem;padding-left:0.625rem}.avatar--size-m.avatar--variant-square,.avatar--size-m.avatar--variant-square .avatar__image,.avatar--size-m.avatar--variant-square .avatar__initials{border-radius:0.625rem}.avatar--size-l{width:3rem;height:3rem}.avatar--size-l .avatar__initials{font-size:var(--s-font-size-lg)}.avatar--size-l.avatar--has-icon{padding-right:var(--s-space-12);padding-left:var(--s-space-12)}.avatar--size-l.avatar--variant-square,.avatar--size-l.avatar--variant-square .avatar__image,.avatar--size-l.avatar--variant-square .avatar__initials{border-radius:0.75rem}.avatar--size-xl{width:4rem;height:4rem}.avatar--size-xl .avatar__initials{font-size:var(--s-font-size-xl)}.avatar--size-xl.avatar--has-icon{padding-right:var(--s-space-16);padding-left:var(--s-space-16)}.avatar--size-xl.avatar--variant-square,.avatar--size-xl.avatar--variant-square .avatar__image,.avatar--size-xl.avatar--variant-square .avatar__initials{border-radius:1rem}.avatar--size-2xl{width:9rem;height:9rem}.avatar--size-2xl .avatar__initials{font-size:3.375rem}.avatar--size-2xl.avatar--has-icon{padding-right:var(--s-space-32);padding-left:var(--s-space-32)}.avatar--size-2xl.avatar--variant-square,.avatar--size-2xl.avatar--variant-square .avatar__image,.avatar--size-2xl.avatar--variant-square .avatar__initials{border-radius:1.25rem}.avatar--size-2xl .avatar__tool{transform:translate3d(-25%, -25%, 0px)}.avatar--size-2xl .avatar__tool--position-top{transform:translate3d(-25%, 25%, 0px)}.avatar--color-banana .avatar__initials{color:var(--s-decorative-banana-text);background-color:var(--s-decorative-banana-surface-subdued)}.avatar--color-blueberry .avatar__initials{color:var(--s-decorative-blueberry-text);background-color:var(--s-decorative-blueberry-surface-subdued)}.avatar--color-chilli .avatar__initials{color:var(--s-decorative-chilli-text);background-color:var(--s-decorative-chilli-surface-subdued)}.avatar--color-grape .avatar__initials{color:var(--s-decorative-grape-text);background-color:var(--s-decorative-grape-surface-subdued)}.avatar--color-kiwi .avatar__initials{color:var(--s-decorative-kiwi-text);background-color:var(--s-decorative-kiwi-surface-subdued)}.avatar--color-pumpkin .avatar__initials{color:var(--s-decorative-pumpkin-text);background-color:var(--s-decorative-pumpkin-surface-subdued)}.avatar--color-radish .avatar__initials{color:var(--s-decorative-radish-text);background-color:var(--s-decorative-radish-surface-subdued)}.avatar__image{overflow:hidden;width:100%;height:100%;border-radius:50%}.avatar__image>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.avatar__icon{display:inline-flex}.avatar__icon>*{width:100%;height:100%}.avatar__icon>*::part(icon){width:100%;height:100%}.avatar__initials{position:absolute;display:inline-flex;min-width:0;padding-right:0.0625rem;padding-left:0.0625rem;justify-content:center;align-items:center;border-radius:50%;font-weight:var(--s-font-weight-medium);inset:0}.avatar__initials>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.avatar__badge{position:absolute;bottom:0;left:55%;display:inline-flex;min-width:1.5rem;height:1.5rem;transform:translate3d(0, 25%, 0)}.avatar__badge--position-top{top:0;bottom:auto;transform:translate3d(0, -25%, 0)}.avatar__label{margin-top:var(--s-space-4);color:var(--s-icon-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);text-align:center}.avatar__tool{position:absolute;right:0;bottom:0;display:inline-flex;transform:translate3d(25%, 25%, 0)}.avatar__tool--position-top{top:0;bottom:auto;transform:translate3d(25%, -25%, 0)}", o = {
+  "3xs": 20,
+  "2xs": 24,
+  xs: 28,
+  s: 32,
+  m: 40,
+  l: 48,
+  xl: 64,
+  "2xl": 144
+}, u = class {
+  constructor(e) {
+    m(this, e), this.imageError = n(this, "imageError", 7), this.imageLoad = n(this, "imageLoad", 7), this.badgePosition = "bottom", this.color = "kiwi", this.interactive = !1, this.showLabel = !1, this.size = "m", this.toolPosition = "bottom", this.variant = "round", this.loadingError = !1, this.loaded = !1, this.inViewport = !1, this.componentLoaded = !1, this.onImageElementUpdate = (a) => {
+      var i, r;
+      (i = this.imgEl) == null || i.removeEventListener("load", this.setImageAvailable), (r = this.imgEl) == null || r.removeEventListener("error", this.setImageUnavailable), this.imgEl = a, this.imgEl && (this.imgEl.addEventListener("load", this.setImageAvailable), this.imgEl.addEventListener("error", this.setImageUnavailable));
+    }, 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();
+    }, this.onKeydown = (a) => {
+      a.code === "Space" ? a.preventDefault() : a.code === "Enter" && (a.preventDefault(), this.element.click());
+    }, this.onKeyup = (a) => {
+      a.code === "Space" && (a.preventDefault(), this.element.click());
+    };
+  }
+  componentDidLoad() {
+    this.setupIntersectionObserver(), this.componentLoaded = !0;
+  }
+  connectedCallback() {
+    this.componentLoaded && this.setupIntersectionObserver();
+  }
+  disconnectedCallback() {
+    var e, a, i;
+    (e = this.intersectionObserver) == null || e.disconnect(), (a = this.imgEl) == null || a.removeEventListener("load", this.setImageAvailable), (i = this.imgEl) == null || i.removeEventListener("error", this.setImageUnavailable);
+  }
+  watchSrcProp() {
+    this.imageAvailable = void 0;
+  }
+  setupIntersectionObserver() {
+    this.loading === "intersecting" && (this.intersectionObserver = new IntersectionObserver(this.onVisibilityChange.bind(this), {
+      threshold: 0
+    }), this.intersectionObserver.observe(this.element));
+  }
+  onVisibilityChange(e) {
+    this.inViewport = e.some((a) => a.isIntersecting);
+  }
+  render() {
+    const e = Boolean(this.src) && (this.imageAvailable || this.imageAvailable === void 0) && (this.loading !== "intersecting" || this.inViewport), a = (!e || !this.loaded && !this.loadingError) && Boolean(this.initials), i = !e && !a && Boolean(this.icon), r = !e && !a && !i, v = Boolean(this.badge) && this.size === "m", l = this.interactive ? "button" : void 0, d = s("avatar", `avatar--color-${this.color}`, `avatar--size-${this.size}`, `avatar--variant-${this.variant}`, {
+      "avatar--has-icon": i || r,
+      "avatar--has-initials": a,
+      "avatar--interactive": this.interactive
+    }), c = s("avatar__badge", `avatar__badge--position-${this.badgePosition}`), h = s("avatar__tool", `avatar__tool--position-${this.toolPosition}`);
+    return t(g, { key: "a6c4c3e0d9c306ff28c1a80dc52546228fca1eba", "aria-label": this.interactive ? this.label : void 0, onKeydown: this.interactive ? this.onKeydown : void 0, onKeyup: this.interactive ? this.onKeyup : void 0, role: l, tabIndex: this.interactive ? 0 : void 0 }, t("span", { key: "94f4224fca18e1e0a13f220f17ff16e3857d48d9", class: d, part: "avatar" }, e && t("span", { key: "86584ed6e4bdd4e5eb8e74141ca9ef52a65e3657", class: "avatar__image" }, t("img", { key: "1db3a58ab870ae4832d0585b97f6a5ad04879e26", alt: "", height: o[this.size], loading: this.loading !== "intersecting" ? this.loading : void 0, ref: this.onImageElementUpdate, src: this.src, width: o[this.size] })), a && t("span", { key: "2e98b96482f0eb8b42a60307f8c67f1f20c67a7b", class: "avatar__initials" }, t("span", { key: "889baa8fe8289cd53091d916c4e8c618a5ef55e2" }, this.initials)), i && t("span", { key: "9b33d1c1064a2fd990dbc457aa40462a4409383c", class: "avatar__icon", innerHTML: this.icon }), r && t("span", { key: "b30ec094c0b0b69239bbc248d458c7fe7c615dbd", class: "avatar__icon" }, t("swirl-icon-person", { key: "24ba56fd170f85ec0a3172d5d2340496c168e2d6" })), v && t("span", { key: "f80ab2dd833ef93dbaa1f4f34fcf4698577ddc70", class: c, innerHTML: this.badge }), t("span", { key: "11ed60620a61049c67e9145019702ba961efeee8", class: h }, t("slot", { key: "0cbeaab4de7d5be5baae9144a89340f4135b76d9", name: "tool" }))), this.showLabel && t("span", { key: "dcb6182cc688f2a8fde5ef1701bf0e928d3a6280", "aria-hidden": !0, class: "avatar__label" }, this.label));
+  }
+  get element() {
+    return b(this);
+  }
+  static get watchers() {
+    return {
+      src: ["watchSrcProp"]
+    };
+  }
+};
+u.style = f;
+export {
+  u as swirl_avatar
+};

package/dist/{swirl-badge.entry.8b73658d.js → swirl-badge.entry.c7c55221.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, F as t, H as r } from "./index.10fc92f2.js";
+import { r as i, h as e, F as t, H as r } from "./index.8c304569.js";
 import { c as s } from "./index-orsBiyT_.fc4357c3.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: "fa7e0b1d32f0bd9ce63f557053114cabf14b7a7e", role: "status" }, e("span", { key: "1a71edd54fcb08942fc13e31ca44ea8394958f52", class: a, part: "badge" }, this.icon && e("span", { key: "46a782fc1b13c959fbcbb3dc5f5cd4b40ea4def7", 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: "6b83b0188fafee31f864047bc0b16f78a8b8c4f0", role: "status" }, e("span", { key: "663d7ffd7c164512488d6eef9ca198cf1309efba", class: a, part: "badge" }, this.icon && e("span", { key: "f57ad0add763c7e402df4a071e1c33979605750c", 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))));
   }
 };
 n.style = d;

package/dist/{swirl-banner.entry.9dead66e.js → swirl-banner.entry.43ccd6cb.js}

@@ -1,4 +1,4 @@
-import { r as o, c as r, h as i, H as c, g as b } from "./index.10fc92f2.js";
+import { r as o, c as r, h as i, H as c, g as b } from "./index.8c304569.js";
 import { c as d } from "./index-orsBiyT_.fc4357c3.js";
 import { D as l } from "./media-query.service-Cx_VEA2f.c4de15e1.js";
 import "react";
@@ -10,7 +10,7 @@ const h = ":host{display:block}:host *{box-sizing:border-box}.banner{display:fle
   success: "<swirl-icon-check-circle></swirl-icon-check-circle>",
   warning: "<swirl-icon-warning></swirl-icon-warning>",
   info: "<swirl-icon-info></swirl-icon-info>"
-}, f = class {
+}, _ = class {
   constructor(n) {
     o(this, n), this.action = r(this, "action", 7), this.dismiss = r(this, "dismiss", 7), this.dismissable = !1, this.dismissLabel = "Dismiss", this.importance = "status", this.intent = "default", this.showIcon = !1, this.size = "m", this.mediaQueryUnsubscribe = () => {
     }, this.onAction = (e) => {
@@ -39,13 +39,13 @@ const h = ":host{display:block}:host *{box-sizing:border-box}.banner{display:fle
     const n = this.determineIcon(), e = Boolean(this.actionLabel) || this.dismissable, t = this.icon || this.showIcon && Boolean(n), a = d("banner", `banner--intent-${this.intent}`, `banner--size-${this.size}`, {
       "banner--has-icon": t
     });
-    return i(c, { key: "52901533a924083e7080527d05c024dfeca4cfd8" }, i("div", { key: "3f9b2e12dae3fd6ac3320f1f207c3f80163b4895", "aria-describedby": "content", class: a, role: this.importance, tabIndex: 0 }, i("div", { key: "210dfff43e7867341485e8a08ca9f646d8f788f6", class: "banner__content", id: "content", part: "banner__content" }, t && i("span", { key: "4f52c17e778ad0a097b15df1bb957c00108f5f40", "aria-hidden": "true", class: "banner__icon", innerHTML: n, ref: (s) => this.iconEl = s }), i("span", { key: "388cac66f35b9d5230e83edfa6b4ee1f83343c95", class: "banner__text" }, this.content)), e && i("div", { key: "dd2c85861e304e20b7413d8543b7d44b2403e2ce", class: "banner__controls" }, this.actionLabel && i("button", { key: "60020c45f5b232742c5dfae378fac62bb1b552a0", class: "banner__action-button", onClick: this.onAction, part: "banner__action-button", type: "button" }, this.actionLabel), this.dismissable && i("button", { key: "0fd55fb8949212dcb7e21a3c47806acdfa00fa6b", "aria-label": this.dismissLabel, class: "banner__dismiss-button", onClick: this.onDismiss, part: "banner__dismiss-button", ref: (s) => this.dismissButtonEl = s, type: "button" }, i("swirl-icon-close", { key: "a1f408e4beaef07ff7379ea7625f590dd943a87f" })))));
+    return i(c, { key: "11ecf5b273bb2636d5d3e779fc91df1f7b10a8e0" }, i("div", { key: "bc5e53f04ad5e80defe407340d191d1951a10123", "aria-describedby": "content", class: a, role: this.importance, tabIndex: 0 }, i("div", { key: "86b3950336dca8b1d28994d1fb18113a4b4c421a", class: "banner__content", id: "content", part: "banner__content" }, t && i("span", { key: "5716e25d171cc28861459258e257c8a821ebc56d", "aria-hidden": "true", class: "banner__icon", innerHTML: n, ref: (s) => this.iconEl = s }), i("span", { key: "a5a5019667573c14dde87041e475481a7edf6d5e", class: "banner__text" }, this.content)), e && i("div", { key: "cf8632f83dc502caba7f10710a353d1a34f30493", class: "banner__controls" }, this.actionLabel && i("button", { key: "166c562828b381640c29783ac8b275f49b088cad", class: "banner__action-button", onClick: this.onAction, part: "banner__action-button", type: "button" }, this.actionLabel), this.dismissable && i("button", { key: "b1247a38ea5f7592d7c12f0919360041ea9061b8", "aria-label": this.dismissLabel, class: "banner__dismiss-button", onClick: this.onDismiss, part: "banner__dismiss-button", ref: (s) => this.dismissButtonEl = s, type: "button" }, i("swirl-icon-close", { key: "12524ce0998e451f9260924e2a5226ddee4ade43" })))));
   }
   get element() {
     return b(this);
   }
 };
-f.style = h;
+_.style = h;
 export {
-  f as swirl_banner
+  _ as swirl_banner
 };

package/dist/{swirl-box.entry.3446c09d.js → swirl-box.entry.6a6c1abd.js}

@@ -1,4 +1,4 @@
-import { r, c as d, h as t, H as l, g as s } from "./index.10fc92f2.js";
+import { r, c as d, h as t, H as l, g as s } from "./index.8c304569.js";
 import { c as i } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";
@@ -66,7 +66,7 @@ const n = ":host{display:block;width:100%}:host(.box--bordered){border:var(--s-b
       "box--scrolled-to-top": this.scrollState.scrolledToTop,
       "box--scrolled-to-bottom": this.scrollState.scrolledToBottom
     });
-    return t(l, { key: "9eb887b775004a6c938285b4713f7d42a76d63c4", class: e, onScroll: this.onScroll, style: o }, t("slot", { key: "801d75966176bee2182fa524131d230e2ec273f5" }));
+    return t(l, { key: "e9eeaa11b7a04b59744d8cf369855874fb8eab02", class: e, onScroll: this.onScroll, style: o }, t("slot", { key: "0d5e86f34e2efb3dd7f9bfaf24a3a18578e6f507" }));
   }
   get el() {
     return s(this);

package/dist/{swirl-button-group.entry.8ed55bc5.js → swirl-button-group.entry.f50365b2.js}

@@ -1,4 +1,4 @@
-import { r as s, h as r, H as i } from "./index.10fc92f2.js";
+import { r as s, h as r, H as i } from "./index.8c304569.js";
 import { c as e } from "./index-orsBiyT_.fc4357c3.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" : this.spacing, o = e("button-group", {
       "button-group--segmented": this.segmented
     });
-    return r(i, { key: "3f4c0ac1ef25dc8663a748c9d5da839ba13715cf" }, r("swirl-stack", { key: "b3128cad0d6eb223551310ef71d45fa31750f8a2", 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: "e237d1c473fadc6b27b4140c6de0bb1ebdaee8b2" })));
+    return r(i, { key: "1c5dcaf521e8ee19f572f03e428f6f6297106ae0" }, r("swirl-stack", { key: "78073a9c28c55e16c68c9f32f4573e18f08d8822", 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: "4936fecbd49610aec18174458b1cd7ef42723eba" })));
   }
 };
 a.style = n;

package/dist/{swirl-button.entry.41a9a39c.js → swirl-button.entry.35bbef3c.js}

@@ -1,4 +1,4 @@
-import { r as u, h as o, H as c, g as d } from "./index.10fc92f2.js";
+import { r as u, h as o, H as c, g as d } from "./index.8c304569.js";
 import { c as v } from "./index-orsBiyT_.fc4357c3.js";
 import { D as w } from "./media-query.service-Cx_VEA2f.c4de15e1.js";
 import "react";
@@ -49,7 +49,7 @@ const h = `.sc-swirl-button-h{display:inline-block;max-width:100%;flex-shrink:0}
       "button--pill": this.pill,
       "button--pressed": this.pressed
     }), l = t ? "a" : "button";
-    return o(c, { key: "6337212b126484088e98cc5912189b1ed232bdea", style: { pointerEvents: this.disabled ? "none" : "" } }, o(l, { key: "eb12293e543db44de0dde0913f31561384adb984", "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: b, 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, style: this.inheritFontSize ? { fontSize: "inherit", lineHeight: "inherit" } : {} }, Boolean(this.icon) && o("span", { key: "9911496cd21581532424a9ccaa902b16759f74de", class: "button__icon", innerHTML: this.icon, ref: (i) => this.iconEl = i }), !Boolean(this.icon) && o("span", { key: "9a9a262855e3f7db4b686386bc7a7b22af2468ad", class: "button__icon", ref: (i) => this.iconEl = i }, o("slot", { key: "c043bcbec31a01fce43a01747f01537e9e5fe88c", name: "icon" })), !n && o("span", { key: "8ae906d08d3520362f816783ff48f01f08349d7a", class: "button__label" }, this.label), s && o("span", { key: "388cef78ae0744f4dae57f712c8a772fc2e65524", class: "button__tag" }, o("slot", { key: "d03270a8b768de0df1bfa07ba1e2aeb99f4646c0", name: "tag" })), e && o("div", { key: "38f7c4fb73a0b7edc0c2d25d780946fed13a3123", class: "button__trailing-slot" }, o("slot", { key: "372c71c84d11ed7eed830701e0d1e620a878b37b", name: "trailing" }))));
+    return o(c, { key: "49d43aafbfefa72d23f1fb0bec48dcb7333d0610", style: { pointerEvents: this.disabled ? "none" : "" } }, o(l, { key: "a7cf0739cf899b6736693ec45604bf06960f42be", "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: b, 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, style: this.inheritFontSize ? { fontSize: "inherit", lineHeight: "inherit" } : {} }, Boolean(this.icon) && o("span", { key: "a48af7d78a53bb7efd90df4f8df886a7a8c59dc8", class: "button__icon", innerHTML: this.icon, ref: (i) => this.iconEl = i }), !Boolean(this.icon) && o("span", { key: "c3c70eab6feabaa93cf1599e662aa37706f52757", class: "button__icon", ref: (i) => this.iconEl = i }, o("slot", { key: "69a451895b40ee9decfd817e9f2d015c4a76dde6", name: "icon" })), !n && o("span", { key: "cd1669aeccd8cc518b252a48e95b7e8c978b2548", class: "button__label" }, this.label), s && o("span", { key: "40de97546408ff28cd03b4cfd6e216044ea89088", class: "button__tag" }, o("slot", { key: "e69c28a98e3bdc1d6c8c6d5f6fef04330b9e64f7", name: "tag" })), e && o("div", { key: "6306ba16fbf752aa11c34a3aa3a190c8094d79fc", class: "button__trailing-slot" }, o("slot", { key: "4d17a8b0f819b95ae7a0908bff23648280a84dce", name: "trailing" }))));
   }
   get el() {
     return d(this);

package/dist/{swirl-card.entry.85767aa6.js → swirl-card.entry.beb006e2.js}

@@ -1,4 +1,4 @@
-import { r as d, c as n, h as e, H as c, g as l } from "./index.10fc92f2.js";
+import { r as o, c as n, h as e, H as c, g as l } from "./index.8c304569.js";
 import { c as u } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";
@@ -10,7 +10,7 @@ const h = `:host{display:contents}:host *{box-sizing:border-box}.card{--swirl-gh
     --s-surface-raised-pressed
   );--swirl-ghost-button-background-default:var(--s-surface-raised-default);--swirl-ghost-button-background-hovered:var(--s-surface-raised-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-raised-pressed);background-color:var(--s-surface-raised-default)}.card--intent-info-subdued{background-color:var(--s-surface-info-subdued)}.card--intent-success-subdued{background-color:var(--s-surface-success-subdued)}.card--intent-warning-subdued{background-color:var(--s-surface-warning-subdued)}.card--intent-highlight{color:var(--s-text-on-surface-highlight);background-color:var(--s-surface-highlight-default)}.card--has-floating-controls:focus-within .card__floating-controls,.card--has-floating-controls:hover .card__floating-controls{pointer-events:auto;opacity:1}.content-section{padding:0 var(--s-space-16)}.card__image{overflow:hidden;min-height:0}.card__image ::slotted(img){display:inline-flex;width:100%;max-height:100%;-o-object-fit:cover;object-fit:cover}.card__floating-controls{position:absolute;z-index:1;top:0;right:0;padding:var(--s-space-12);transition:opacity 0.2s;pointer-events:none;opacity:0}.card__body{display:flex;min-height:0;padding:var(--s-space-12) var(--s-space-16) var(--s-space-16);flex-grow:1;flex-direction:column;gap:var(--s-space-16)}.card__content{min-height:100%}`, f = ["xs", "sm", "base", "l", "xl"], g = class {
   constructor(a) {
-    d(this, a), this.componentLoad = n(this, "componentLoad", 7), this.as = "div", this.borderRadius = "base", this.elevationLevel = 3, this.intent = "default", this.justifyContent = "start", this.flashing = !1;
+    o(this, a), this.componentLoad = n(this, "componentLoad", 7), this.as = "div", this.borderRadius = "base", this.elevationLevel = 3, this.intent = "default", this.justifyContent = "start", this.flashing = !1;
   }
   async flash(a = 5e3) {
     Boolean(this.flashingTimeout) && (clearTimeout(this.flashingTimeout), this.flashingTimeout = void 0), this.flashing = !0, this.flashingTimeout = setTimeout(() => {
@@ -33,7 +33,7 @@ const h = `:host{display:contents}:host *{box-sizing:border-box}.card{--swirl-gh
       paddingBlockStart: Boolean(this.paddingBlockStart) ? `var(--s-space-${this.paddingBlockStart})` : void 0,
       paddingInlineEnd: Boolean(this.paddingInlineEnd) ? `var(--s-space-${this.paddingInlineEnd})` : void 0,
       paddingInlineStart: Boolean(this.paddingInlineStart) ? `var(--s-space-${this.paddingInlineStart})` : void 0
-    }, o = u("card", `card--elevation-level-${this.elevationLevel}`, `card--intent-${this.intent}`, `card--justify-content-${this.justifyContent}`, {
+    }, d = u("card", `card--elevation-level-${this.elevationLevel}`, `card--intent-${this.intent}`, `card--justify-content-${this.justifyContent}`, {
       "card--elevated": this.elevated,
       "card--flashing": this.flashing,
       "card--has-floating-controls": r,
@@ -42,7 +42,7 @@ const h = `:host{display:contents}:host *{box-sizing:border-box}.card{--swirl-gh
       "card--interactive": this.interactive || this.href,
       "card--is--borderless": this.isBorderless
     });
-    return e(c, { key: "627c49d41c681c969170cb6acb654e8f703ce9c9", styles: { height: this.height } }, e(a, { key: "97120ac1aceeb6bfb2dddc0f1dab2b152f332176", "aria-label": this.swirlAriaLabel, "aria-labelledby": this.swirlAriaLabelledby, class: o, href: this.href, rel: Boolean(this.href) && this.linkTarget === "_blank" ? "noreferrer" : void 0, style: t, target: this.linkTarget }, e("div", { key: "3f8ab8e7df574ef27ba36b24cecf1dc75b5c1ff8", class: "card__image", style: { aspectRatio: this.imageAspectRatio } }, e("slot", { key: "5efeec1b6bc81100e1078aaf231408f33c099de7", name: "image" })), e("div", { key: "b8122399fb965b4d4569e4fe8dac21ccdc652e68", class: "card__floating-controls" }, e("slot", { key: "abc47854902b427d759f13b162c937a3c4a3eb5b", name: "floating-controls" })), e("div", { key: "a455be81f568fb3f0a9869a74bcf71b284c85b47", class: "card__body", style: i }, e("div", { key: "a079ae3c14eeb38d75981e8a1c6822b6373d305b", class: "card__content" }, e("slot", { key: "b81644a39a20f76b816d566084044f72b2e02afd", name: "content" })))));
+    return e(c, { key: "5bfcbd19458056cb51a4c4f3ed715a14a7cd6733", styles: { height: this.height } }, e(a, { key: "efb06d77947f2318c2e74d32b7e47c7d7b3110a4", "aria-label": this.swirlAriaLabel, "aria-labelledby": this.swirlAriaLabelledby, class: d, href: this.href, rel: Boolean(this.href) && this.linkTarget === "_blank" ? "noreferrer" : void 0, style: t, target: this.linkTarget }, e("div", { key: "d904c27cc0be54ca742da0724082f5054f865cfe", class: "card__image", style: { aspectRatio: this.imageAspectRatio } }, e("slot", { key: "e961923314ced9e3328fc524c5482711f4d27b74", name: "image" })), e("div", { key: "5df1afc2ea9ea939346c8de9c0175767d8f516c8", class: "card__floating-controls" }, e("slot", { key: "7edc1118e0bdd548a4f2d7299b70b48574e0b00e", name: "floating-controls" })), e("div", { key: "f11335531fada3ae2b3a5ab215b5a1a825b314cf", class: "card__body", style: i }, e("div", { key: "17de1d4711bef1fa8f14061e8118f6a0105cbf3d", class: "card__content" }, e("slot", { key: "4eb7af808aaaf1f762089ed98f231cea57d10b93", name: "content" })))));
   }
   get el() {
     return l(this);

package/dist/{swirl-carousel-slide.entry.3fe5e190.js → swirl-carousel-slide.entry.0712aefd.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, H as t } from "./index.10fc92f2.js";
+import { r as i, h as e, H as t } from "./index.8c304569.js";
 import { c as a } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-carousel.entry.ea567239.js → swirl-carousel.entry.abed26a0.js}

@@ -1,4 +1,4 @@
-import { r as a, c as n, h as l, H as r, g as d } from "./index.10fc92f2.js";
+import { r as a, c as n, h as l, H as r, g as d } from "./index.8c304569.js";
 import { c } from "./index-orsBiyT_.fc4357c3.js";
 import { d as h } from "./utils-D_MUFqkF.654ff3ce.js";
 import "react";
@@ -11,7 +11,7 @@ const u = `:host{--swirl-carousel-spacing:var(--s-space-16);--swirl-carousel-fad
       270deg,
       var(--swirl-carousel-fade-color) 0%,
       transparent 100%
-    )}.carousel--fade:before,.carousel--fade:after{opacity:1}.carousel--is-at-start:before,.carousel--is-at-end:after{opacity:0}.carousel__slides{position:relative;display:flex;overflow-x:auto;overflow-y:hidden;width:100%;scrollbar-width:none;scroll-snap-type:x mandatory;scroll-behavior:smooth}.carousel__slides::-webkit-scrollbar{display:none}.carousel__slides ::slotted(*:not(:first-of-type)){margin-left:var(--swirl-carousel-spacing)}.carousel__slides ::slotted(*){flex-grow:0;flex-shrink:0;scroll-snap-align:start}.carousel__previous-slide-button,.carousel__next-slide-button{position:absolute;z-index:2;top:50%;transform:translateY(-50%) scale(0.72);pointer-events:none}.carousel__previous-slide-button{left:var(--s-space-4)}.carousel__next-slide-button{right:var(--s-space-4)}`, f = class {
+    )}.carousel--fade:before,.carousel--fade:after{opacity:1}.carousel--is-at-start:before,.carousel--is-at-end:after{opacity:0}.carousel__slides{position:relative;display:flex;overflow-x:auto;overflow-y:hidden;width:100%;scrollbar-width:none;scroll-snap-type:x mandatory;scroll-behavior:smooth}.carousel__slides::-webkit-scrollbar{display:none}.carousel__slides ::slotted(*:not(:first-of-type)){margin-left:var(--swirl-carousel-spacing)}.carousel__slides ::slotted(*){flex-grow:0;flex-shrink:0;scroll-snap-align:start}.carousel__previous-slide-button,.carousel__next-slide-button{position:absolute;z-index:2;top:50%;transform:translateY(-50%) scale(0.72);pointer-events:none}.carousel__previous-slide-button{left:var(--s-space-4)}.carousel__next-slide-button{right:var(--s-space-4)}`, p = class {
   constructor(t) {
     a(this, t), this.activeSlidesChange = n(this, "activeSlidesChange", 7), this.nextSlideButtonLabel = "Next slide", this.previousSlideButtonLabel = "Previous slide", this.fade = !1, this.fadeColor = "default", this.loopAround = !1, this.padding = "16", this.spacing = "16", this.activeSlides = [], this.carouselFadeColorMap = {
       default: "var(--s-background-default)",
@@ -87,13 +87,13 @@ const u = `:host{--swirl-carousel-spacing:var(--s-space-16);--swirl-carousel-fad
       "carousel--is-at-start": this.isAtStart,
       "carousel--is-at-end": this.isAtEnd
     });
-    return l(r, { key: "6f554892238c026db3502297458273b682d68098", "aria-label": this.label, "aria-roledescription": "carousel", role: "group" }, l("div", { key: "362e62f0a21b074001997fd0f277dd1109bfd1ea", class: e }, this.isScrollable && !this.isAtStart && l("swirl-button", { key: "2b65c6bfb0509564c01d90245f98b5d34e88fa3b", 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: "c76723f69f1c1d4ca6f8e59b834f94f7b7618ee4", 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: "f4d391b47f7ec2406bf26b2699712e86defdd8b1", "aria-live": "polite", class: "carousel__slides", style: t, onScroll: this.onScroll, ref: (i) => this.slidesContainer = i }, l("slot", { key: "3747e42e63c10dbd1a2dda5d739700f7b60c8769", onSlotchange: this.onSlotChange }))));
+    return l(r, { key: "c5903f0c46a1eaa6129e2a1b73abee0db5bcd9ed", "aria-label": this.label, "aria-roledescription": "carousel", role: "group" }, l("div", { key: "a1dfb1a45c399559d25df72add7723b231b5e6b8", class: e }, this.isScrollable && !this.isAtStart && l("swirl-button", { key: "f9e9dd3bb8162550accfcd6b653a3737355f93d4", 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: "bc30a83c74273b4b5832338422a95d91e3e67321", 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: "cb596e62b8517b2d6ff791032b41608c6a5b25be", "aria-live": "polite", class: "carousel__slides", style: t, onScroll: this.onScroll, ref: (i) => this.slidesContainer = i }, l("slot", { key: "0fab582bd3650e63d512e934d03183b3ae9b5901", onSlotchange: this.onSlotChange }))));
   }
   get el() {
     return d(this);
   }
 };
-f.style = u;
+p.style = u;
 export {
-  f as swirl_carousel
+  p as swirl_carousel
 };

package/dist/{swirl-checkbox.entry.14d78987.js → swirl-checkbox.entry.c824d24f.js}

@@ -1,4 +1,4 @@
-import { r as b, c as l, h as c, H as t } from "./index.10fc92f2.js";
+import { r as b, c as l, h as c, H as t } from "./index.8c304569.js";
 import { c as d } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";
@@ -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: "38efd2f720fa05c50cab83d831dbe89a75bacb66", style: { width: this.variant === "card" ? "100%" : void 0 } }, c("label", { key: "67043fe316855dea189be6ab881bfdfb723e3ecc", class: a, htmlFor: this.inputId }, c("span", { key: "4914260178c7e8b5e3d34194ed78332ffc9b4e88", class: "checkbox__control" }, c("swirl-visually-hidden", { key: "0ff1c7d8e8846892051ac64b1f846c73264b8598" }, c("input", { key: "f1418be880c823472810b09784d7971418a0d023", "aria-checked": r, "aria-describedby": this.swirlAriaDescribedby, "aria-invalid": h, "aria-label": this.swirlAriaLabel, checked: i, class: "checkbox__input", disabled: this.disabled, id: this.inputId, indeterminate: o, name: this.inputName, onChange: this.onChange, type: "checkbox", value: this.value })), c("span", { key: "d59a0780fa7d659c7ae08cbc21e3388eaed69e10", "aria-hidden": "true", class: "checkbox__box" }, c("span", { key: "c23383243cfe53a9b85d4100e8b6166c1b42f972", class: "checkbox__icon" }, i && c("swirl-icon-check-strong", { key: "671fe5e2cb55df26dced0c13159819abd15e498c" }), o && c("span", { key: "f02555616ef2059a4e9e686460cf193e37f020ff", class: "checkbox__indeterminate-icon" })))), s && c("span", { key: "ae445d06d03d3f2efd45682d66590aee1c985728", class: "checkbox__label-container" }, this.label && c("span", { key: "6a6be7b56266f2218799aebac36e6d6d1b409bfb", class: "checkbox__label" }, this.label), this.description && c("span", { key: "cb24c5979fde3237609ce63e30edc9426984732b", class: "checkbox__description" }, this.description))));
+    return c(t, { key: "acf777ca7224f41f607bf84f193ecb05881f1fc1", style: { width: this.variant === "card" ? "100%" : void 0 } }, c("label", { key: "c3a3abc5f9e87d3665ad7c797d44a2acd34c8ee5", class: a, htmlFor: this.inputId }, c("span", { key: "5e49492e10519c0f2f4f6ed187b318bca8316dab", class: "checkbox__control" }, c("swirl-visually-hidden", { key: "06217d12dbc1ea25117e421d8e0e1cebd392f599" }, c("input", { key: "455840493b5e9b60aace6f4a0e2de7e5cece2e78", "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: "8b69f9ae79e957c52066cd80cf0da11fe5613ed2", "aria-hidden": "true", class: "checkbox__box" }, c("span", { key: "cca029718dd23f8c2e0637ce4f44c24b4fb0b289", class: "checkbox__icon" }, i && c("swirl-icon-check-strong", { key: "f3bab31db3d5ab5a6fdc78610abb42763f51154b" }), o && c("span", { key: "7002b8fffbb15b73d84fae98761196bbe6af3347", class: "checkbox__indeterminate-icon" })))), s && c("span", { key: "082ac434bc4dd0c98d983650aab5208a760063e7", class: "checkbox__label-container" }, this.label && c("span", { key: "62737cd8068a70eb10e722c2ff91ae4dc9917f7d", class: "checkbox__label" }, this.label), this.description && c("span", { key: "3e7f891b80511b9a4d811db31b594f2a0429d8b0", class: "checkbox__description" }, this.description))));
   }
 };
 x.style = n;

package/dist/{swirl-chip.entry.73f6f5c4.js → swirl-chip.entry.539aea25.js}

@@ -1,4 +1,4 @@
-import { r as o, c as s, h as i, H as h, g as p } from "./index.10fc92f2.js";
+import { r as o, c as s, h as i, H as h, g as p } from "./index.8c304569.js";
 import { c as n } from "./index-orsBiyT_.fc4357c3.js";
 import { D as l } from "./media-query.service-Cx_VEA2f.c4de15e1.js";
 import "react";
@@ -20,17 +20,17 @@ const d = ".sc-swirl-chip-h{position:relative;display:inline-flex;max-width:100%
   forceIconProps(r) {
     if (!Boolean(this.iconEl))
       return;
-    const c = this.iconEl.children[0], e = this.size === "s" ? "16" : r ? "20" : "24";
-    c == null || c.setAttribute("size", e);
+    const e = this.iconEl.children[0], c = this.size === "s" ? "16" : r ? "20" : "24";
+    e == null || e.setAttribute("size", c);
   }
   render() {
-    const r = this.interactive || this.pressed !== void 0 ? "button" : "span", c = Boolean(this.el.querySelector('[slot="avatar"]')), e = !c && Boolean(this.icon), a = n("chip", `chip--border-radius-${this.borderRadius}`, `chip--icon-color-${this.iconColor}`, `chip--intent-${this.intent}`, `chip--size-${this.size}`, `chip--variant-${this.variant}`, {
+    const r = this.interactive || this.pressed !== void 0 ? "button" : "span", e = Boolean(this.el.querySelector('[slot="avatar"]')), c = !e && Boolean(this.icon), a = n("chip", `chip--border-radius-${this.borderRadius}`, `chip--icon-color-${this.iconColor}`, `chip--intent-${this.intent}`, `chip--size-${this.size}`, `chip--variant-${this.variant}`, {
       "chip--pressed": this.pressed,
       "chip--has-progress": this.progress !== void 0,
       "chip--interactive": this.interactive || this.pressed !== void 0,
       "chip--removable": this.removable
     });
-    return i(h, { key: "6cf98a76051269d475167f5b1ef8c4e6e5ba0985" }, i(r, { key: "d804e9b1af2e1c08ff84dc956faca04827144b1c", "aria-pressed": this.pressed !== void 0 ? String(this.pressed) : void 0, class: a, onClick: this.chipClick.emit, type: this.interactive ? "button" : void 0 }, i("span", { key: "10bdce13f683d1934b79562a73449c9711d412d0", class: "chip__inner" }, c && i("span", { key: "3f713423a9b96b29c1b0e73c04f2dbb3b4f0d527", class: "chip__avatar" }, i("slot", { key: "79b6d3fd10cc692ba4854702e0b1013074396765", name: "avatar" })), e && i("span", { key: "3b959fc1fba827e6b3c535f18aaaed66292c23bc", class: "chip__icon", innerHTML: this.icon, ref: (t) => this.iconEl = t }), i("span", { key: "7219ec62e76d302d4a6db70635818f49c8e70270", class: "chip__label" }, this.label)), this.progress !== void 0 && i("span", { key: "cfc6a8d791f2ea8de71294c8a14e1695e38faf6f", class: "chip__progress-indicator" }, i("swirl-progress-indicator", { key: "a81bda66ec0bb9803c97dd89824150b36624cc55", label: this.progressBarLabel, value: this.progress }))), this.removable && i("button", { key: "785be4546e07cb5a8610b6d1ca590c9250eb8fa5", "aria-label": this.removeButtonLabel, class: "chip__remove-button", onClick: this.removeChip.emit, type: "button" }, i("swirl-icon-close", { key: "d31998d3b4d24dc24d359e98e0a3a6fe14a07256", size: 20 })));
+    return i(h, { key: "b0e65c521dcde5335f3bcd7daaf7359ba5bbe3ec" }, i(r, { key: "a5198b26f19750bd4c8372acdc21e26f3ed8cfe1", "aria-pressed": this.pressed !== void 0 ? String(this.pressed) : void 0, class: a, onClick: this.chipClick.emit, type: this.interactive ? "button" : void 0 }, i("span", { key: "2ed93ce33faf8a1bdc4b07e4f866a10650ae8395", class: "chip__inner" }, e && i("span", { key: "ec44e6a99988aa14dcf330098de8593a1deeaed8", class: "chip__avatar" }, i("slot", { key: "880a8c96422c0f31cbf603676ffecef66c6bff21", name: "avatar" })), c && i("span", { key: "b5ba3f75080b5452fce8886c513eaa6abcd58009", class: "chip__icon", innerHTML: this.icon, ref: (t) => this.iconEl = t }), i("span", { key: "808fe136faee7570c2329a300fafba4e0efcbed8", class: "chip__label" }, this.label)), this.progress !== void 0 && i("span", { key: "50b4eb47a59290e9c21570e0b2d91a8aa7a97723", class: "chip__progress-indicator" }, i("swirl-progress-indicator", { key: "e0d54da0d2c6a325f6068740bba0c72b0837fb87", label: this.progressBarLabel, value: this.progress }))), this.removable && i("button", { key: "ec75adbbf28bf1df36d7532d832137f795973dab", "aria-label": this.removeButtonLabel, class: "chip__remove-button", onClick: this.removeChip.emit, type: "button" }, i("swirl-icon-close", { key: "85c241bc56caaf410421b102607f902f1c4b33ef", size: 20 })));
   }
   get el() {
     return p(this);

package/dist/{swirl-color-input.entry.f14c48ac.js → swirl-color-input.entry.599609c1.js}

@@ -1,4 +1,4 @@
-import { r as L, c as f, h as l, H as B } from "./index.10fc92f2.js";
+import { r as L, c as f, h as l, H as B } from "./index.8c304569.js";
 import { c as T } from "./index-orsBiyT_.fc4357c3.js";
 import { v as z } from "./v4-DD3477fe.2624487e.js";
 import "react";