@getflip/swirl-components-react 0.236.0 → 0.237.0

package/dist/{swirl-autocomplete.entry.c6accf9c.js → swirl-autocomplete.entry.dca699d9.js}

@@ -1,4 +1,4 @@
-import { r as p, c as m, h as o, H as f, g as b } from "./index.fff64e3e.js";
+import { r as p, c as m, h as o, H as f, g as b } from "./index.e1718062.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-c16952ba.529dd544.js";
@@ -82,20 +82,20 @@ const x = ".sc-swirl-autocomplete-h{display:block}.sc-swirl-autocomplete-h *.sc-
     this.multiSelect && !Array.isArray(this.value) && (this.value = []), !this.multiSelect && Array.isArray(this.value) && (this.value = void 0);
   }
   render() {
-    var l, u, c, r;
+    var l, u, r, c;
     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: "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", {
+    return o(f, { key: "35803245ee554c6f4d3ead9f87a1cdf73343007f" }, o("div", { key: "0237472750287689c060557515ffcf6d208c2a6e", class: a, onKeyDown: this.onKeyDown }, this.multiSelect && Array.isArray(this.value) && this.value.length > 0 && o("div", { key: "e06650357d144482792cb5a78ced14a49f77df6c", class: "autocomplete__multi-select-tags" }, o("swirl-stack", { key: "2b93f17cae1e7d2683d41eb4da28beb9fd9c378e", 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: "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: {
+    })))), o("swirl-text-input", { key: "fe61f1a45792f11098c08c9a519c7286288c3ff2", 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: "13c30246e60759e39e6f86b95286673d096e7724", 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: "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) => {
+      left: Boolean(this.position) ? `${(r = this.position) == null ? void 0 : r.x}px` : "",
+      width: `${((c = this.inputEl) == null ? void 0 : c.getBoundingClientRect().width) + 32}px`
+    } }, this.loading && o("div", { key: "eb4fef11c6eedb9b5aa04ea9275f80d1249bad28", class: "autocomplete__spinner" }, o("swirl-spinner", { key: "8dd45fb707d886f01bcb8b7036a30fa6af4c0918" })), this.suggestions.length > 0 && o("swirl-option-list", { key: "95db25769911dcc9876eb94730adeb092844d97d", 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.4d3e1b1b.js → swirl-avatar-group.entry.e8066da2.js}

@@ -1,4 +1,4 @@
-import { r as s, h as e, H as i } from "./index.fff64e3e.js";
+import { r as s, h as e, H as i } from "./index.e1718062.js";
 import { c as t } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -19,7 +19,7 @@ const d = ":host{display:inline-flex}:host *{box-sizing:border-box}.avatar-group
     const r = t("avatar-group", {
       "avatar-group--has-badge": Boolean(this.badge)
     }), a = t("avatar-group__badge");
-    return e(i, { key: "f16344ade441c4be4d7691d23d97fc5fc14dee0e" }, e("div", { key: "b9436677d5c1bfe783500aa7db2d4e9dd4550cb7", class: r, role: "group" }, e("slot", { key: "9cfcfa7578ff29268f47547c6812a5ea0d492adc" }), this.badge && e("span", { key: "534ee5051d37fefb0b7e097f2cbbb9017127cc25", class: a, innerHTML: this.badge, ref: (o) => this.badgeEl = o })));
+    return e(i, { key: "10d42609d39c903d246ef3f3854351ad69cd944f" }, e("div", { key: "019ae7ee3dc2f780724573ad9dc5aeafde9429b5", class: r, role: "group" }, e("slot", { key: "a345898276d5fcfb41e01896c4b20809e8c8d1e7" }), this.badge && e("span", { key: "58bcb0d10eb046f09c4009b6600a7f10b7b2c1e2", class: a, innerHTML: this.badge, ref: (o) => this.badgeEl = o })));
   }
 };
 n.style = l;

package/dist/{swirl-avatar.entry.01ad439e.js → swirl-avatar.entry.7132514c.js}

@@ -1,4 +1,4 @@
-import { r as f, c as n, h as i, H as b, g } from "./index.fff64e3e.js";
+import { r as g, c as n, h as e, H as b, g as f } from "./index.e1718062.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) {
-    f(this, t), this.imageError = n(this, "imageError", 7), this.imageLoad = n(this, "imageLoad", 7), this.setImageAvailable = () => {
+  constructor(i) {
+    g(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, 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": 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, 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": 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(b, { key: "a846927adb4c374f3663f856b05d50603915502d", "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 }, i("span", { key: "db1b5a6ae753350cb74562ebbcaffdcd1fe9b73a", class: d, part: "avatar" }, t && i("span", { key: "92421d372f10ca75f3a4d40b5318ab88073f05ef", class: "avatar__image" }, i("img", { key: "7003338128d40de0ed8a97ed92c84d17d2b886f1", 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: "1b9fbbcee47c46c1264dbdefe20b71fe6edc91d7", class: "avatar__initials" }, i("span", { key: "a41ef5f739b738726027bb0ba6cf9f6aca9808c8" }, this.initials)), e && i("span", { key: "8b1933c8be2d2072824aeda245a771f84d7a9707", class: "avatar__icon", innerHTML: this.icon }), s && i("span", { key: "afc1c2e68873784d757587881cc05cfbb98f848a", class: "avatar__icon" }, i("swirl-icon-person", { key: "40a6e6fdc13ae07cb18ab9d0ac1fecfb092217f4" })), v && i("span", { key: "69dc8a86df183237882c7241b0b73d7babfcf9fe", class: c, innerHTML: this.badge }), i("span", { key: "822c6123a6984406e709cfc6083070eaf35044e5", class: h }, i("slot", { key: "d5e8246097832bf808fcb91dc5a822d1923db2a4", name: "tool" }))), this.showLabel && i("span", { key: "10e6e09526bf6f3818ff5e54b270695adaf29e15", "aria-hidden": !0, class: "avatar__label" }, this.label));
+    return e(b, { key: "58a018fec9dcb72f391e50040a6b4e6b4559751e", "aria-label": this.interactive ? this.label : void 0, onKeydown: this.interactive ? this.onKeydown : void 0, onKeyup: this.interactive ? this.onKeyup : void 0, role: v, tabIndex: this.interactive ? 0 : void 0 }, e("span", { key: "f44174ddb46d74bdeea62dd6f81846913c46b8ad", class: l, part: "avatar" }, i && e("span", { key: "1ed67acba8ab9f7c154c7e6647c15dd991db55e1", class: "avatar__image" }, e("img", { key: "4efe8dcf0fa3c5a0aab5c0ec53ea09be8c49bccf", 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: "b8e05f3d8cefe38da0c24fb9fef0f215cff01f1d", class: "avatar__initials" }, e("span", { key: "e57114e2cacf55923020e6fda9ad16bb6eecc887" }, this.initials)), t && e("span", { key: "d1d9ee462bf6574cf98f991b6b963d51963dfa3b", class: "avatar__icon", innerHTML: this.icon }), s && e("span", { key: "a7dfe378cb3f824094bfd59ce3c49bcbd3c3ded6", class: "avatar__icon" }, e("swirl-icon-person", { key: "162e29ddddd261833c31d679d4169fd056461ad1" })), d && e("span", { key: "82a4f2a24fe237de8722e39a2a43030d24c7bf0f", class: c, innerHTML: this.badge }), e("span", { key: "aebe16ddb21e9ab756168a15d0e0478bc9c7fdd6", class: h }, e("slot", { key: "207a5c9b2b59e9e6dd4c424a5e8c968a5973b904", name: "tool" }))), this.showLabel && e("span", { key: "5c76d712a42ef23ac0603e4c9268b57b621e4c1b", "aria-hidden": !0, class: "avatar__label" }, this.label));
   }
   get element() {
-    return g(this);
+    return f(this);
   }
   static get watchers() {
     return {

package/dist/{swirl-badge.entry.e1307ccb.js → swirl-badge.entry.b3728365.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, F as t, H as r } from "./index.fff64e3e.js";
+import { r as i, h as e, F as t, H as r } from "./index.e1718062.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: "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))));
+    return e(r, { key: "06a07667ccb9474de7010dfc31c2119d651bb476", role: "status" }, e("span", { key: "e677f471ca17db30f0fb63c53b4b175f1bb23082", class: a, part: "badge" }, this.icon && e("span", { key: "8773650b811868a363f29b63d35b890bbc97baf7", 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.e0992286.js → swirl-banner.entry.81006029.js}

@@ -1,15 +1,15 @@
-import { r as o, c as r, h as t, H as c, g as d } from "./index.fff64e3e.js";
-import { c as b } from "./index-267776a4.6beb4f4b.js";
+import { r as o, c as r, h as t, H as c, g as b } from "./index.e1718062.js";
+import { c as d } from "./index-267776a4.6beb4f4b.js";
 import { g as l } from "./utils-c16952ba.529dd544.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, _ = {
+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 = {
   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>"
-}, f = class {
+}, _ = 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 : _[this.intent];
+    return this.icon ? this.icon : f[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}`, {
+    const e = this.determineIcon(), n = Boolean(this.actionLabel) || this.dismissable, i = this.icon || this.showIcon && Boolean(e), s = d("banner", `banner--intent-${this.intent}`, `banner--size-${this.size}`, {
       "banner--has-icon": i
     });
-    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" })))));
+    return t(c, { key: "59ad8b46103af68b01514dffb4a8ffc3f7366135" }, t("div", { key: "e7a44b513cc0e362187b7972bbe30370b9789b1d", "aria-describedby": "content", class: s, role: this.importance, tabIndex: 0 }, t("div", { key: "4465f6f6ab0afe3231e25a52192a9f56d5756efe", class: "banner__content", id: "content", part: "banner__content" }, i && t("span", { key: "4aa59545611d08217a0edb767ee34f5d7fc2e18b", "aria-hidden": "true", class: "banner__icon", innerHTML: e, ref: (a) => this.iconEl = a }), t("span", { key: "91ee916917e08fd7d19277740a63c6efa2493910", class: "banner__text" }, this.content)), n && t("div", { key: "49b0b4c1f8b83e60e033fd3729c1591f3ba961bc", class: "banner__controls" }, this.actionLabel && t("button", { key: "3642186b3c70e2a2a2fef4ec21ab3cda77d345c6", class: "banner__action-button", onClick: this.onAction, part: "banner__action-button", type: "button" }, this.actionLabel), this.dismissable && t("button", { key: "a09f723ea799b686f0e06baeeb87590a1b60f1fa", "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: "caaba0ff27439dd72e1efd50178a253e496abd4d" })))));
   }
   get element() {
-    return d(this);
+    return b(this);
   }
 };
-f.style = m;
+_.style = m;
 export {
-  f as swirl_banner
+  _ as swirl_banner
 };

package/dist/swirl-box.entry.210975fc.js

@@ -0,0 +1,76 @@
+import { r as d, h as t, H as r, g as i } from "./index.e1718062.js";
+import { c as s } from "./index-267776a4.6beb4f4b.js";
+import "react";
+import "react-dom";
+const l = ":host{display:block;width:100%}:host(.box--bordered){border:var(--s-border-width-default) solid var(--s-border-default)}:host(.box--border-color-default){border-color:var(--s-border-default)}:host(.box--border-color-strong){border-color:var(--s-border-strong)}:host(.box--bordered-block-end){border-block-end-width:var(--s-border-width-default);border-block-end-style:solid}:host(.box--bordered-block-start){border-block-start-width:var(--s-border-width-default);border-block-start-style:solid}:host(.box--bordered-inline-end){border-inline-end-width:var(--s-border-width-default);border-inline-end-style:solid}:host(.box--bordered-inline-start){border-inline-start-width:var(--s-border-width-default);border-inline-start-style:solid}:host(.box--bordered-block-start-when-scrolled.box--scrollable){border-block-start-width:var(--s-border-width-default);border-block-start-style:solid;border-block-start-color:transparent}:host(.box--bordered-block-start-when-scrolled.box--scrollable:not(.box--scrolled-to-top)){border-block-start-color:var(--s-border-default)}:host(.box--bordered-block-end-when-scrolled.box--scrollable){border-block-end-width:var(--s-border-width-default);border-block-end-style:solid;border-block-end-color:transparent}:host(.box--bordered-block-end-when-scrolled.box--scrollable:not(.box--scrolled-to-bottom)){border-block-end-color:var(--s-border-default)}:host(.box--cover){width:100%;height:100%}:host *{box-sizing:border-box}", n = l, h = class {
+  constructor(e) {
+    d(this, e), this.onScroll = () => {
+      this.updateScrollState();
+    }, this.borderColor = "default", this.bordered = void 0, this.borderedBlockEnd = void 0, this.borderedBlockEndWhenScrolled = void 0, this.borderedBlockStart = void 0, this.borderedBlockStartWhenScrolled = void 0, this.borderedInlineEnd = void 0, this.borderedInlineStart = void 0, this.bottom = void 0, this.centerBlock = void 0, this.centerInline = void 0, this.cover = void 0, this.height = void 0, this.left = void 0, this.maxHeight = void 0, this.minHeight = void 0, this.maxWidth = void 0, this.minWidth = void 0, this.overflow = "visible", this.padding = "0", this.paddingBlockEnd = void 0, this.paddingBlockStart = void 0, this.paddingInlineEnd = void 0, this.paddingInlineStart = void 0, this.position = void 0, this.right = void 0, this.basis = void 0, this.shrink = void 0, this.grow = void 0, this.top = void 0, this.width = void 0, this.zIndex = void 0, this.scrollState = {
+      scrollable: !1,
+      scrolledToBottom: !1,
+      scrolledToTop: !1
+    };
+  }
+  componentDidLoad() {
+    queueMicrotask(() => {
+      this.updateScrollState();
+    });
+  }
+  updateScrollState() {
+    const e = {
+      scrollable: this.el.scrollHeight > this.el.clientHeight,
+      scrolledToTop: this.el.scrollTop === 0,
+      scrolledToBottom: Math.round(this.el.scrollTop + this.el.clientHeight) >= this.el.scrollHeight
+    };
+    Object.keys(e).some((o) => e[o] !== this.scrollState[o]) && (this.scrollState = e);
+  }
+  render() {
+    const e = {
+      alignItems: this.centerBlock ? "center" : void 0,
+      bottom: this.bottom,
+      display: this.centerBlock || this.centerInline ? "flex" : void 0,
+      flexBasis: this.basis,
+      flexShrink: this.shrink,
+      flexGrow: this.grow,
+      height: this.cover ? "100%" : this.height,
+      justifyContent: this.centerInline ? "center" : void 0,
+      left: this.left,
+      maxHeight: this.maxHeight,
+      minHeight: this.minHeight,
+      maxWidth: this.maxWidth,
+      minWidth: this.minWidth,
+      overflow: this.overflow,
+      padding: `var(--s-space-${this.padding})`,
+      paddingBlockEnd: Boolean(this.paddingBlockEnd) ? `var(--s-space-${this.paddingBlockEnd})` : void 0,
+      paddingBlockStart: Boolean(this.paddingBlockStart) ? `var(--s-space-${this.paddingBlockStart})` : void 0,
+      paddingInlineEnd: Boolean(this.paddingInlineEnd) ? `var(--s-space-${this.paddingInlineEnd})` : void 0,
+      paddingInlineStart: Boolean(this.paddingInlineStart) ? `var(--s-space-${this.paddingInlineStart})` : void 0,
+      position: Boolean(this.overflow) ? this.position || "relative" : this.position,
+      right: this.right,
+      top: this.top,
+      width: this.cover ? "100%" : this.width,
+      zIndex: this.zIndex
+    }, o = s("box", `box--border-color-${this.borderColor}`, {
+      "box--bordered": this.bordered,
+      "box--bordered-block-end": this.borderedBlockEnd,
+      "box--bordered-block-end-when-scrolled": this.borderedBlockEndWhenScrolled,
+      "box--bordered-block-start": this.borderedBlockStart,
+      "box--bordered-block-start-when-scrolled": this.borderedBlockStartWhenScrolled,
+      "box--bordered-inline-end": this.borderedInlineEnd,
+      "box--bordered-inline-start": this.borderedInlineStart,
+      "box--cover": this.cover,
+      "box--scrollable": this.scrollState.scrollable,
+      "box--scrolled-to-top": this.scrollState.scrolledToTop,
+      "box--scrolled-to-bottom": this.scrollState.scrolledToBottom
+    });
+    return t(r, { key: "cc56b1b68106d9e9b759e271339201c1792ffbe8", class: o, onScroll: this.onScroll, style: e }, t("slot", { key: "311112ceef9ab1964bbb8d57ca1eb8bad79f703c" }));
+  }
+  get el() {
+    return i(this);
+  }
+};
+h.style = n;
+export {
+  h as swirl_box
+};

package/dist/{swirl-button-group.entry.cdbc4fea.js → swirl-button-group.entry.5dc01ad5.js}

@@ -1,8 +1,8 @@
-import { r as s, h as r, H as e } from "./index.fff64e3e.js";
+import { r as s, h as r, H as e } from "./index.e1718062.js";
 import { c as i } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
-const n = ':host{display:block}:host *{box-sizing:border-box}.button-group--segmented ::slotted(*:not(:last-child)){position:relative}.button-group--segmented ::slotted(*:not(:last-child)):after{position:absolute;z-index:1;top:50%;left:100%;width:var(--s-border-width-default);height:calc(100% - var(--s-space-16));background-color:var(--s-border-strong);content:"";transform:translate3d(-50%, -50%, 0);pointer-events:none}.button-group--segmented ::slotted(*:not(:last-child):not([disabled])[intent="primary"]):after{background-color:var(--s-text-on-action-primary)}.button-group--segmented ::slotted(*:not(:last-child)[disabled="false"][intent="primary"]):after{background-color:var(--s-text-on-action-primary)}.button-group--segmented ::slotted(*:not(:first-child):not(:last-child)){--swirl-button-border-top-right-radius:0;--swirl-button-border-top-left-radius:0;--swirl-button-border-bottom-right-radius:0;--swirl-button-border-bottom-left-radius:0;--swirl-icon-button-border-top-right-radius:0;--swirl-icon-button-border-top-left-radius:0;--swirl-icon-button-border-bottom-right-radius:0;--swirl-icon-button-border-bottom-left-radius:0}.button-group--segmented ::slotted(*:first-child){--swirl-button-border-top-right-radius:0;--swirl-button-border-bottom-right-radius:0;--swirl-icon-button-border-top-right-radius:0;--swirl-icon-button-border-bottom-right-radius:0;--swirl-icon-button-border-top-left-radius:var(--s-border-radius-base);--swirl-icon-button-border-bottom-left-radius:var(--s-border-radius-base)}.button-group--segmented ::slotted(*:last-child){--swirl-button-border-top-left-radius:0;--swirl-button-border-bottom-left-radius:0;--swirl-icon-button-border-top-right-radius:var(--s-border-radius-base);--swirl-icon-button-border-bottom-right-radius:var(--s-border-radius-base);--swirl-icon-button-border-top-left-radius:0;--swirl-icon-button-border-bottom-left-radius:0}', a = n, d = class {
+const n = ':host{display:block}:host *{box-sizing:border-box}.button-group--segmented ::slotted(*:not(:last-child)){position:relative}.button-group--segmented ::slotted(*:not(:last-child)):after{position:absolute;z-index:1;top:50%;left:100%;width:var(--s-border-width-default);height:calc(100% - var(--s-space-16));background-color:var(--s-border-strong);content:"";transform:translate3d(-50%, -50%, 0);pointer-events:none}.button-group--segmented ::slotted(*:not(:last-child):not([disabled])[intent="primary"]):after{background-color:var(--s-text-on-action-primary)}.button-group--segmented ::slotted(*:not(:last-child)[disabled="false"][intent="primary"]):after{background-color:var(--s-text-on-action-primary)}.button-group--segmented ::slotted(*:not(:first-child):not(:last-child)){--swirl-button-border-top-right-radius:0;--swirl-button-border-top-left-radius:0;--swirl-button-border-bottom-right-radius:0;--swirl-button-border-bottom-left-radius:0;--swirl-icon-button-border-top-right-radius:0;--swirl-icon-button-border-top-left-radius:0;--swirl-icon-button-border-bottom-right-radius:0;--swirl-icon-button-border-bottom-left-radius:0}.button-group--segmented ::slotted(*:first-child){--swirl-button-border-top-right-radius:0;--swirl-button-border-bottom-right-radius:0;--swirl-icon-button-border-top-right-radius:0;--swirl-icon-button-border-bottom-right-radius:0;--swirl-icon-button-border-top-left-radius:var(--s-border-radius-base);--swirl-icon-button-border-bottom-left-radius:var(--s-border-radius-base)}.button-group--segmented ::slotted(*:last-child){--swirl-button-border-top-left-radius:0;--swirl-button-border-bottom-left-radius:0;--swirl-icon-button-border-top-right-radius:var(--s-border-radius-base);--swirl-icon-button-border-bottom-right-radius:var(--s-border-radius-base);--swirl-icon-button-border-top-left-radius:0;--swirl-icon-button-border-bottom-left-radius:0}', d = n, a = class {
   constructor(t) {
     s(this, t), this.orientation = "horizontal", this.segmented = void 0, this.stretch = void 0, this.wrap = void 0;
   }
@@ -10,10 +10,10 @@ 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: "557c6898580f3ed020e594a92f3751478c5c3779" }, r("swirl-stack", { key: "7d6103e477a8f7ae88d48e7d1ece170d45c31456", align: this.orientation === "vertical" && this.stretch ? "stretch" : "start", class: o, justify: this.orientation === "horizontal" && this.stretch ? "stretch" : "start", orientation: this.orientation, role: "group", spacing: t, wrap: this.wrap }, r("slot", { key: "6a03778002a4a196f5baab8ea636e41eea7c2b8f" })));
+    return r(e, { key: "cc02fbfdecc4beb261f26c73a7925a3913b728eb" }, r("swirl-stack", { key: "91f6cb70857348405c6684383fe81279116d63f3", 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: "cf750be5fade7d52cc0cd9d95820c440b8439767" })));
   }
 };
-d.style = a;
+a.style = d;
 export {
-  d as swirl_button_group
+  a as swirl_button_group
 };

package/dist/{swirl-button.entry.fbc5f491.js → swirl-button.entry.1af16410.js}

@@ -1,4 +1,4 @@
-import { r as b, h as n, H as u, g as c } from "./index.fff64e3e.js";
+import { r as u, h as n, H as b, g as c } from "./index.e1718062.js";
 import { c as d } from "./index-267776a4.6beb4f4b.js";
 import { g as v } from "./utils-c16952ba.529dd544.js";
 import "react";
@@ -12,7 +12,7 @@ const h = `.sc-swirl-button-h{display:inline-block;max-width:100%;flex-shrink:0}
       --swirl-icon-button-border-bottom-left-radius
     )}.button--icon-only.sc-swirl-button .button__icon.sc-swirl-button{margin-right:0;margin-left:0}.button--has-icon.sc-swirl-button .button__icon.sc-swirl-button{display:inline-flex}.button__tag.sc-swirl-button{padding-left:var(--s-space-8);order:3}.button__icon.sc-swirl-button{display:none;width:1.5rem;height:1.5rem;margin-left:calc(-1 * var(--s-space-4));color:var(--s-icon-default);order:0}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button__icon.sc-swirl-button{width:1.25rem;height:1.25rem}}.button__label.sc-swirl-button{overflow:hidden;max-width:100%;white-space:nowrap;text-overflow:ellipsis;order:1}`, p = h, w = class {
   constructor(o) {
-    b(this, o), this.desktopMediaQuery = v(), this.desktopMediaQueryHandler = (t) => {
+    u(this, o), this.desktopMediaQuery = v(), this.desktopMediaQueryHandler = (t) => {
       this.forceIconProps(t.matches);
     }, this.disabled = void 0, this.download = void 0, this.swirlAriaControls = void 0, this.swirlAriaCurrent = void 0, this.swirlAriaDescribedby = void 0, this.swirlAriaExpanded = void 0, this.swirlAriaHaspopup = void 0, this.swirlAriaLabel = void 0, this.form = void 0, this.hideLabel = void 0, this.href = void 0, this.icon = void 0, this.iconPosition = "start", this.intent = "default", this.label = void 0, this.name = void 0, this.pill = void 0, this.pressed = void 0, this.size = "m", this.target = void 0, this.textAlign = "center", this.type = "button", this.value = void 0, this.variant = "ghost";
   }
@@ -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 n(u, { key: "7fad35302abc81636138866c895162587ceee487", style: { pointerEvents: this.disabled ? "none" : "" } }, n(l, { key: "84c7c78d9b8b5305d1314b996e69183b6a373280", "aria-controls": this.swirlAriaControls, "aria-current": this.swirlAriaCurrent, "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled && !t ? "true" : void 0, "aria-expanded": this.swirlAriaExpanded, "aria-haspopup": this.swirlAriaHaspopup, "aria-label": r, "aria-pressed": this.pressed ? "true" : void 0, class: e, disabled: t ? void 0 : this.disabled, download: t ? void 0 : this.download, form: t ? void 0 : this.form, href: this.href, name: t ? void 0 : this.name, ref: (i) => this.buttonEl = i, target: t ? this.target : void 0, type: t ? void 0 : this.type, value: t ? void 0 : this.value }, Boolean(this.icon) && n("span", { key: "cfccc6f288691dd024ee4bfcfd78509310d5d3d5", class: "button__icon", innerHTML: this.icon, ref: (i) => this.iconEl = i }), !Boolean(this.icon) && n("span", { key: "9cbca966cdb4cfac57263cf46d7cb4d587bf49a5", class: "button__icon", ref: (i) => this.iconEl = i }, n("slot", { key: "7c36b4686599640b566a8f2fb1f4ecf5559d6a96", name: "icon" })), !o && n("span", { key: "bdcb32131ecdad608e3a6ab9b352fb9ac383b2a2", class: "button__label" }, this.label), s && n("span", { key: "87e6c7856ba29ce59e039e696642954d4b8d608b", class: "button__tag" }, n("slot", { key: "df5f24ad0571229d3ff98fa1e7cbac2655e0fe94", name: "tag" }))));
+    return n(b, { key: "1f660fbaeb4698d043c2b650283631958fecfc44", style: { pointerEvents: this.disabled ? "none" : "" } }, n(l, { key: "e924cd240a270f86f91033eac7306c39b9d49cd2", "aria-controls": this.swirlAriaControls, "aria-current": this.swirlAriaCurrent, "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled && !t ? "true" : void 0, "aria-expanded": this.swirlAriaExpanded, "aria-haspopup": this.swirlAriaHaspopup, "aria-label": r, "aria-pressed": this.pressed ? "true" : void 0, class: e, disabled: t ? void 0 : this.disabled, download: t ? void 0 : this.download, form: t ? void 0 : this.form, href: this.href, name: t ? void 0 : this.name, ref: (i) => this.buttonEl = i, target: t ? this.target : void 0, type: t ? void 0 : this.type, value: t ? void 0 : this.value }, Boolean(this.icon) && n("span", { key: "faa7f2e30c8e67b78d8d6008a9243802386488ea", class: "button__icon", innerHTML: this.icon, ref: (i) => this.iconEl = i }), !Boolean(this.icon) && n("span", { key: "c8ed1cbcd6894b0b60c5df84eb32bfb2f2ebc9e4", class: "button__icon", ref: (i) => this.iconEl = i }, n("slot", { key: "f4c9a4a28e6bb0e5923e747ffbe5a60c208c3c04", name: "icon" })), !o && n("span", { key: "32de5b66b9983e525a9c722eef2769ff1af77a47", class: "button__label" }, this.label), s && n("span", { key: "0f8a2230c89a066c2baa65dd951f693f45d0ee63", class: "button__tag" }, n("slot", { key: "2c0214af5a85fc1014e0c233f1bfc685001f0ecc", name: "tag" }))));
   }
   get el() {
     return c(this);

package/dist/{swirl-card.entry.308695bf.js → swirl-card.entry.5ece2157.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, H as n, g as o } from "./index.fff64e3e.js";
+import { r as t, h as e, H as n, g as o } from "./index.e1718062.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: "e9557284559f0a8a3af1974f8dbf6547337f40fd", styles: { height: this.height } }, e(a, { key: "ce0fc1940b354f70a0325ec8871ba09812c4ec03", "aria-label": this.swirlAriaLabel, "aria-labelledby": this.swirlAriaLabelledby, class: i, href: this.href, rel: Boolean(this.href) && this.linkTarget === "_blank" ? "noreferrer" : void 0, style: s, target: this.linkTarget }, e("div", { key: "c739eb9185766fd8f589683da75e46dba3720867", class: "card__image", style: { aspectRatio: this.imageAspectRatio } }, e("slot", { key: "a9838caefd147ea8a6d8f1bb80679a8472b6162f", name: "image" })), e("div", { key: "77661ef0cdc5ecadffaf7311e8e8f8af26e48cb4", class: "card__body", style: d }, e("div", { key: "c5ffd5b3b58a17a9d2ec3b1213d5775fd5100554", class: "card__content" }, e("slot", { key: "c7f0906840ad6614fe318a80c51dc73c1f4d5f0c", name: "content" })))));
+    return e(n, { key: "3d12e783c069b6e09e9c94bfe891dc80e0e401c1", styles: { height: this.height } }, e(a, { key: "97551b12b4cf2e4ab2f74936583ac9ed1dc2a60b", "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: "8cbbc4f08e59e134afaca1887abcfb587eb55555", class: "card__image", style: { aspectRatio: this.imageAspectRatio } }, e("slot", { key: "47dd8500f698a6730f8b081ab64e3049991ff271", name: "image" })), e("div", { key: "b96159e15cc9bfeffac6d86063453d598151ba2d", class: "card__body", style: d }, e("div", { key: "a6e3674c5da0d005e4fe30187325d67816525d3b", class: "card__content" }, e("slot", { key: "0e1bc603b145fdea67baa131104ed6234dd61373", name: "content" })))));
   }
   get el() {
     return o(this);

package/dist/{swirl-carousel-slide.entry.4eaf9cb3.js → swirl-carousel-slide.entry.fe9423f2.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, H as t } from "./index.fff64e3e.js";
+import { r as i, h as e, H as t } from "./index.e1718062.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -10,7 +10,7 @@ const o = ":host{display:block;min-width:0}:host(.carousel-slide--has-min-height
     const s = l("carousel-slide", {
       "carousel-slide--has-min-height": Boolean(this.minHeight)
     });
-    return e(t, { key: "b64340fe67a804d87f260086010ce7b475757e0b", "aria-roledescription": "slide", "aria-label": this.label, class: s, role: "group", style: { flexBasis: this.width, minHeight: this.minHeight }, tabIndex: 0 }, e("slot", { key: "47ba79a64973df8b19fb3c67c5b4a92c733a44d7" }));
+    return e(t, { key: "e98072f3b5ca614a12246b8afe8316573d77afff", "aria-roledescription": "slide", "aria-label": this.label, class: s, role: "group", style: { flexBasis: this.width, minHeight: this.minHeight }, tabIndex: 0 }, e("slot", { key: "30de79f8a64db90a367518d56c0ee299c0f07e81" }));
   }
 };
 r.style = a;

package/dist/{swirl-carousel.entry.49781ac9.js → swirl-carousel.entry.a70c2d51.js}

@@ -1,11 +1,11 @@
-import { r as n, c as a, h as l, H as r, g as c } from "./index.fff64e3e.js";
+import { r as a, c as n, h as l, H as r, g as c } from "./index.e1718062.js";
 import { d } from "./utils-c16952ba.529dd544.js";
 import "react";
 import "react-dom";
 const h = `:host{position:relative;display:block;overflow:hidden;width:100%;margin-top:calc(-1 * var(--s-space-24));margin-bottom:calc(-1 * var(--s-space-24))}:host(:hover) .carousel__previous-slide-button{pointer-events:auto;opacity:1}:host(:hover) .carousel__next-slide-button{pointer-events:auto;opacity:1}:host *{box-sizing:border-box}.carousel{position:relative;overflow:hidden;width:100%}.carousel__slides{position:relative;display:flex;overflow-x:auto;overflow-y:hidden;width:100%;padding:var(--s-space-24) var(--s-space-16) var(--s-space-24)
     var(--s-space-16);scroll-padding:var(--s-space-16);scrollbar-width:none;scroll-snap-type:x mandatory;scroll-behavior:smooth}.carousel__slides::-webkit-scrollbar{display:none}.carousel__slides ::slotted(*){margin-left:var(--s-space-16);flex-grow:0;flex-shrink:0;scroll-snap-align:start}@media (min-width: 768px){.carousel__slides ::slotted(*){margin-left:var(--s-space-24)}}@media (min-width: 768px){.carousel__slides{padding-right:var(--s-space-24);padding-left:var(--s-space-24);scroll-padding:var(--s-space-24)}}.carousel__previous-slide-button{position:absolute;z-index:1;top:calc(50% - var(--s-space-12));left:var(--s-space-4);visibility:hidden;transition:opacity 0.2s;transform:translateY(-50%) scale(0.72);pointer-events:none;opacity:0}@media (min-width: 768px){.carousel__previous-slide-button{visibility:visible}}.carousel__next-slide-button{position:absolute;z-index:1;top:calc(50% - var(--s-space-12));right:var(--s-space-4);visibility:hidden;transition:opacity 0.2s;transform:translateY(-50%) scale(0.72);pointer-events:none;opacity:0}@media (min-width: 768px){.carousel__next-slide-button{visibility:visible}}`, u = h, v = class {
   constructor(i) {
-    n(this, i), this.activeSlidesChange = a(this, "activeSlidesChange", 7), this.activeSlides = [], this.updateActiveSlideReferences = d(() => {
+    a(this, i), this.activeSlidesChange = n(this, "activeSlidesChange", 7), this.activeSlides = [], this.updateActiveSlideReferences = d(() => {
       const e = this.getActiveSlides();
       e.some((s, o) => this.activeSlides[o] !== s) && (this.activeSlides = e, this.activeSlidesChange.emit(this.activeSlides));
     }, 100), this.onPreviousSlideButtonClick = () => {
@@ -57,7 +57,7 @@ const h = `:host{position:relative;display:block;overflow:hidden;width:100%;marg
     return s >= e && o <= t;
   }
   render() {
-    return l(r, { key: "a0cb5e199ebf2baedee95a0513243f303ecd9ce8", "aria-label": this.label, "aria-roledescription": "carousel", role: "group" }, l("div", { key: "71f2068f64c21f05aa2a7dfc73bef9bff955cee3", class: "carousel" }, this.isScrollable && !this.isAtStart && l("swirl-button", { key: "1de0f6427531106ea114a0d1e6add4b55ad94cd1", 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: "800beaa37d2cf652fee7dc5c6142be3864d5eb1a", 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: "521291c5ee76584e2e74168ef4764757b3ca106c", "aria-live": "polite", class: "carousel__slides", onScroll: this.onScroll, ref: (i) => this.slidesContainer = i }, l("slot", { key: "6ca18c99665057841218b495f857c24d7c00af7b", onSlotchange: this.onSlotChange }))));
+    return l(r, { key: "b42685db89a56d4830eeb1239fa54fe56223fb9d", "aria-label": this.label, "aria-roledescription": "carousel", role: "group" }, l("div", { key: "606cbedb8b004b08f7290b407e0569c238158f3e", class: "carousel" }, this.isScrollable && !this.isAtStart && l("swirl-button", { key: "037152058a9a8ba99ababb57d658d7c5cc24dd61", 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: "094722563650554507a9a4a9ab0fa2a4a4e7b517", 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: "e29a4b19ae43f38307b23928202735913fd223a0", "aria-live": "polite", class: "carousel__slides", onScroll: this.onScroll, ref: (i) => this.slidesContainer = i }, l("slot", { key: "b2f30363455da8ea0d46e0633f831e183fb4e5f0", onSlotchange: this.onSlotChange }))));
   }
   get el() {
     return c(this);

package/dist/{swirl-checkbox.entry.3c549349.js → swirl-checkbox.entry.99a46686.js}

@@ -1,4 +1,4 @@
-import { r as b, c as d, h as c, H as t } from "./index.fff64e3e.js";
+import { r as b, c as d, h as c, H as t } from "./index.e1718062.js";
 import { c as l } from "./index-267776a4.6beb4f4b.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: "d44ffecc0c31556046cd85669ae4c4c3c8a3c838", style: { width: this.variant === "card" ? "100%" : void 0 } }, c("label", { key: "50ea3a331ac215db2e0bbc60b2be3d0e46adf867", class: a, htmlFor: this.inputId }, c("span", { key: "2e6ba1107b375c354e19059f4d793122d79626ad", class: "checkbox__control" }, c("swirl-visually-hidden", { key: "09c7dda3c827041bab637f7a6386595003b731ac" }, c("input", { key: "f3b841af474381fc828dd9936ffdeeb2498e8ec0", "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: "502c9f0de587d6b04e0a696ff2fbb120e863a0d7", "aria-hidden": "true", class: "checkbox__box" }, c("span", { key: "3004f914efc6565899f5f1d16fb7d91d66922759", class: "checkbox__icon" }, i && c("swirl-icon-check-strong", { key: "0dd463977ed5ed112ea8ea48eb86fb543ea96abf" }), o && c("span", { key: "eed5f1e4d53c2aefb684a176fe4639dde65c0a5d", class: "checkbox__indeterminate-icon" })))), s && c("span", { key: "2f6eeabf37975c052905e09614ec2f4d17ac0415", class: "checkbox__label-container" }, this.label && c("span", { key: "f585de5b2850ff6180e1bacaad8a5a8143ff42bd", class: "checkbox__label" }, this.label), this.description && c("span", { key: "d626972d62b4d6240affbaf4f6180adc9d6b4a0f", class: "checkbox__description" }, this.description))));
+    return c(t, { key: "bbc24f3e3cb34a0b25cf7a1e46272fc6044ffb5a", style: { width: this.variant === "card" ? "100%" : void 0 } }, c("label", { key: "a3ffcaef4e52604ae57dd26b97291506b1aea38f", class: a, htmlFor: this.inputId }, c("span", { key: "4ffd11cfdc97d42b79db1ed1d27befbae0a93f8b", class: "checkbox__control" }, c("swirl-visually-hidden", { key: "609774c239efc03caeb57772d05647fc89246592" }, c("input", { key: "1fb5ef7acc8a582d200634c722821d3a3ba92125", "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: "29d9697422a16f5e0a6c6e71a3f2b62966fca9e7", "aria-hidden": "true", class: "checkbox__box" }, c("span", { key: "e6511ef127391d85a6b309dfd80c6839be213504", class: "checkbox__icon" }, i && c("swirl-icon-check-strong", { key: "d3ffe82c06e560a28acb496fc2229260ed9af242" }), o && c("span", { key: "2bd6d87e9aa7916fd0b66241fc8422d27e6b52f5", class: "checkbox__indeterminate-icon" })))), s && c("span", { key: "a697eb7d6ab5e11617ddb962d30992388b438ef2", class: "checkbox__label-container" }, this.label && c("span", { key: "0cfab93f48f153f48a93609952b03df28a62ac9a", class: "checkbox__label" }, this.label), this.description && c("span", { key: "ca60f0efa10e52076d20c6f9a6c6e075e854eae0", class: "checkbox__description" }, this.description))));
   }
 };
 x.style = k;

package/dist/{swirl-chip.entry.d5cd9ab6.js → swirl-chip.entry.25e9e8e1.js}

@@ -1,4 +1,4 @@
-import { r as o, c as s, h as r, H as h, g as n } from "./index.fff64e3e.js";
+import { r as o, c as s, h as r, H as h, g as n } from "./index.e1718062.js";
 import { c as p } from "./index-267776a4.6beb4f4b.js";
 import { g as l } from "./utils-c16952ba.529dd544.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: "fb5885a5e342bf086ec524d438b9427b30b29598" }, r(e, { key: "06aabd7960c3919ecb90640a313462bbf89d2b42", "aria-pressed": this.pressed !== void 0 ? String(this.pressed) : void 0, class: a, onClick: this.chipClick.emit, type: this.interactive ? "button" : void 0 }, r("span", { key: "4f7f50827d6fc53aece738f31aff1a7694d63b98", class: "chip__inner" }, i && r("span", { key: "91c3b2dda9886ca0d831c7871986b979c9f272a1", class: "chip__avatar" }, r("slot", { key: "8a160db2247eb3467ce80197f9fff840a71594d4", name: "avatar" })), c && r("span", { key: "788ca102c452ce600738a0c3f8584c748c1275f4", class: "chip__icon", innerHTML: this.icon, ref: (t) => this.iconEl = t }), r("span", { key: "d5b3eb5d4f4384847d53e05d296ade03fe6354f2", class: "chip__label" }, this.label)), this.progress !== void 0 && r("span", { key: "49e776230624ab382a0a745d1ffa3e051c9a21ff", class: "chip__progress-indicator" }, r("swirl-progress-indicator", { key: "86ad1c9d6c9c4b12ccb337667272e5ecb3233730", label: this.progressBarLabel, value: this.progress }))), this.removable && r("button", { key: "1e2440e03f99407293420744d52e0c5d2c60855b", "aria-label": this.removeButtonLabel, class: "chip__remove-button", onClick: this.remove.emit, type: "button" }, r("swirl-icon-close", { key: "df8db1499738c9eb952fc78802bebfcd03cd65f8", size: 20 })));
+    return r(h, { key: "b4d76c88062465e2646fa7ca7d0c7db04bb0f9f1" }, r(e, { key: "c9c9ed830168769e54d0a774486da011bdaec7b9", "aria-pressed": this.pressed !== void 0 ? String(this.pressed) : void 0, class: a, onClick: this.chipClick.emit, type: this.interactive ? "button" : void 0 }, r("span", { key: "6f5d010858eaebc7012477c6de01f5c5bde71c8c", class: "chip__inner" }, i && r("span", { key: "b6c60ccb92aaa1fe0694f4d1e183c605fb8dd8da", class: "chip__avatar" }, r("slot", { key: "0af6eed958712310f19d7f70c1310a55ab89d9e3", name: "avatar" })), c && r("span", { key: "5c91e5a998a108a086b7b100f74f649bdec07cc6", class: "chip__icon", innerHTML: this.icon, ref: (t) => this.iconEl = t }), r("span", { key: "3a08fcd1a50156ec578994a000f17bd36593a7b5", class: "chip__label" }, this.label)), this.progress !== void 0 && r("span", { key: "b3cd34ce776fd6ffb4e29f118bc5c841df2324b9", class: "chip__progress-indicator" }, r("swirl-progress-indicator", { key: "e844e5ece17f9b41b3361381fbd17baf44f79e55", label: this.progressBarLabel, value: this.progress }))), this.removable && r("button", { key: "81e67bc9a0fc5a9327b5d1d766101ea0dd5eb53b", "aria-label": this.removeButtonLabel, class: "chip__remove-button", onClick: this.remove.emit, type: "button" }, r("swirl-icon-close", { key: "6ad0709ea5e5166a96ca2cd005913cf88c2e598b", size: 20 })));
   }
   get el() {
     return n(this);

package/dist/{swirl-color-input.entry.ed6e389e.js → swirl-color-input.entry.aeacdeeb.js}

@@ -1,4 +1,4 @@
-import { r as L, c as f, h as l, H as B } from "./index.fff64e3e.js";
+import { r as L, c as f, h as l, H as B } from "./index.e1718062.js";
 import { c as T } from "./index-267776a4.6beb4f4b.js";
 import { v as z } from "./v4-23648a96.77c7c20f.js";
 import "react";
@@ -253,9 +253,9 @@ const Z = ".sc-swirl-color-input-h{display:block;width:100%}.sc-swirl-color-inpu
     const e = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, t = T("color-input", {
       "color-input--inline": this.inline
     });
-    return l(B, { key: "4ca17afe5b50d24b416ea733002f276d8fb70711" }, l("div", { key: "6c1f470367d7763af551c9165d47db17e311d02d", class: t }, l("input", { key: "2a66462a91ab377d737ffc8ba728cf5130aeefb8", "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-invalid": e, autoFocus: this.autoFocus, class: "color-input__input", disabled: this.disabled, maxLength: 7, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (o) => this.inputEl = o, required: this.required, spellcheck: "false", type: "text", value: this.value }), l("swirl-popover-trigger", { key: "6d90ddb69f523f7247648e252f6ad9fa070b84f7", swirlPopover: this.pickerId }, l("button", { key: "9e5539e693c42cc7d2443e55e0b7d57e67617568", "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
+    return l(B, { key: "a2346d18c39dc63a34b793ccd9356e4541dcd099" }, l("div", { key: "2181f5494b09a7d458ab4641bb4a6d8f1113b58a", class: t }, l("input", { key: "fd1ebd1784f0abc95c50fea017b351bd3b12014f", "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-invalid": e, autoFocus: this.autoFocus, class: "color-input__input", disabled: this.disabled, maxLength: 7, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (o) => this.inputEl = o, required: this.required, spellcheck: "false", type: "text", value: this.value }), l("swirl-popover-trigger", { key: "bb9f65ec406da228d4474a1dd8bf515dd7e6964f", swirlPopover: this.pickerId }, l("button", { key: "efd73a3a270b514963b99c93d37a7fab8753a2cb", "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
       backgroundColor: this.disabled ? "var(--s-border-subdued)" : this.value
-    }, type: "button" })), l("swirl-popover", { key: "345cf6ddbcf0e9b88e2f2c639e399ef92b0176f8", animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, l("swirl-box", { key: "70be116ccc3d2aec762312dc8b929cfb993ab290", centerInline: !0, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, l("hex-color-picker", { key: "d49d15b73f702be9401bffda2b3abdcbad3f70b1", color: this.value, ref: (o) => this.picker = o })))));
+    }, type: "button" })), l("swirl-popover", { key: "13436c091272af1fbba288ece7df98e5fb820ce8", animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, l("swirl-box", { key: "8280dd788601aea97a1ceb9735f0c7a845243839", centerInline: !0, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, l("hex-color-picker", { key: "623c1df3053f9941837c037192f7a917503b42ed", color: this.value, ref: (o) => this.picker = o })))));
   }
   static get watchers() {
     return {

package/dist/swirl-columns.entry.931a96b1.js

@@ -0,0 +1,18 @@
+import { r as o, h as s, H as t } from "./index.e1718062.js";
+import "react";
+import "react-dom";
+const a = ":host{display:block}:host *{box-sizing:border-box}.columns{display:grid;width:100%}", i = a, r = class {
+  constructor(e) {
+    o(this, e), this.columns = "repeat(3, minmax(0, 1fr))", this.spacing = void 0;
+  }
+  render() {
+    return s(t, { key: "108d13a0f199ee797ddc7cbaa4e74d78a0314603" }, s("div", { key: "443741ebc1a3b6ab177933f82eafe7607c9d074e", class: "columns", style: {
+      gridTemplateColumns: this.columns,
+      gap: `var(--s-space-${this.spacing})`
+    } }, s("slot", { key: "089c7cbacedbf46f3f68a2bb43344bf0931b9038" })));
+  }
+};
+r.style = i;
+export {
+  r as swirl_columns
+};

package/dist/swirl-components-react.js

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