@getflip/swirl-components-react 0.293.0 → 0.294.0

package/dist/{swirl-accordion-item.entry.ac920bb6.js → swirl-accordion-item.entry.eda70e6e.js}

@@ -1,4 +1,4 @@
-import { r as t, c as d, h as e, H as n, g as s } from "./index.f594f575.js";
+import { r as t, c as d, h as e, H as n, g as s } from "./index.bf166ea6.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import { v as o } from "./v4-23648a96.77c7c20f.js";
 import "react";

package/dist/{swirl-accordion.entry.eb6dce36.js → swirl-accordion.entry.768cf3ea.js}

@@ -1,4 +1,4 @@
-import { r as s, c as i, h as o, H as a, g as l } from "./index.f594f575.js";
+import { r as s, c as i, h as o, H as a, g as l } from "./index.bf166ea6.js";
 import "react";
 import "react-dom";
 const n = ":host{display:block}:host *{box-sizing:border-box}::slotted(*:last-child){border-bottom:0.0625rem solid var(--s-border-default)}", c = n, d = class {

package/dist/{swirl-action-list-section.entry.ac592f41.js → swirl-action-list-section.entry.65c84a59.js}

@@ -1,4 +1,4 @@
-import { r as i, h as a, H as t } from "./index.f594f575.js";
+import { r as i, h as a, H as t } from "./index.bf166ea6.js";
 import "react";
 import "react-dom";
 const e = ":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)}}", o = e, c = class {

package/dist/{swirl-action-list_2.entry.5006f94c.js → swirl-action-list_2.entry.88cfb855.js}

@@ -1,4 +1,4 @@
-import { r as c, h as o, H as l, g as d } from "./index.f594f575.js";
+import { r as c, h as o, H as l, g as d } from "./index.bf166ea6.js";
 import { q as h, b as f, g as u } from "./utils-877a768f.c277f897.js";
 import { c as m } from "./index-267776a4.6beb4f4b.js";
 import "react";

package/dist/{swirl-app-bar.entry.ad007cb7.js → swirl-app-bar.entry.77a6363f.js}

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

package/dist/{swirl-app-icon.entry.c3961143.js → swirl-app-icon.entry.0a055290.js}

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

package/dist/{swirl-app-layout_5.entry.d31fa5e6.js → swirl-app-layout_5.entry.cefd7278.js}

@@ -1,4 +1,4 @@
-import { r as n, c as r, h as a, H as d, g as p, F as h } from "./index.f594f575.js";
+import { r as n, c as r, h as a, H as d, g as p, F as h } from "./index.bf166ea6.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import { g as _, d as y, i as g, h as f } from "./utils-877a768f.c277f897.js";
 import { S as T } from "./sortable.esm-8c3d5856.57c4f048.js";

package/dist/{swirl-autocomplete.entry.3e65e817.js → swirl-autocomplete.entry.07bad0c9.js}

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

package/dist/{swirl-avatar-group.entry.171dfcf1.js → swirl-avatar-group.entry.bc20af82.js}

@@ -1,4 +1,4 @@
-import { r as s, h as a, H as i } from "./index.f594f575.js";
+import { r as s, h as a, H as i } from "./index.bf166ea6.js";
 import { c as t } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-avatar.entry.41edb41a.js → swirl-avatar.entry.76298bfa.js}

@@ -1,8 +1,8 @@
-import { r as b, c as n, h as i, H as f, g } from "./index.f594f575.js";
+import { r as b, c as n, h as e, H as g, g as m } from "./index.bf166ea6.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
-const m = ":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;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;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;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;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;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;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;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;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:2.25rem}.avatar--size-2xl .avatar__tool{transform:none}.avatar--size-2xl .avatar__tool--position-top{transform:none}.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)}", u = m, o = {
+const u = ":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;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;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;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;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;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;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;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;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:2.25rem}.avatar--size-2xl .avatar__tool{transform:none}.avatar--size-2xl .avatar__tool--position-top{transform:none}.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)}", f = u, o = {
   "3xs": 20,
   "2xs": 24,
   xs: 28,
@@ -21,10 +21,13 @@ const m = ":host{display:inline-flex;flex-shrink:0;align-items:center;flex-direc
       a.code === "Space" ? a.preventDefault() : a.code === "Enter" && (a.preventDefault(), this.element.click());
     }, this.onKeyup = (a) => {
       a.code === "Space" && (a.preventDefault(), this.element.click());
-    }, this.badge = void 0, this.badgePosition = "bottom", this.color = "kiwi", this.icon = void 0, this.initials = void 0, this.interactive = !1, this.label = void 0, this.loading = void 0, this.showLabel = !1, this.size = "m", this.src = void 0, this.toolPosition = "bottom", this.variant = "round", this.loadingError = !1, this.loaded = !1, this.imageAvailable = void 0, this.inViewport = !1;
+    }, this.badge = void 0, this.badgePosition = "bottom", this.color = "kiwi", this.icon = void 0, this.initials = void 0, this.interactive = !1, this.label = void 0, this.loading = void 0, this.showLabel = !1, this.size = "m", this.src = void 0, this.toolPosition = "bottom", this.variant = "round", this.loadingError = !1, this.loaded = !1, this.imageAvailable = void 0, this.inViewport = !1, this.componentLoaded = !1;
   }
   componentDidLoad() {
-    this.setupIntersectionObserver();
+    this.setupIntersectionObserver(), this.componentLoaded = !0;
+  }
+  connectedCallback() {
+    this.componentLoaded && this.setupIntersectionObserver();
   }
   disconnectedCallback() {
     var t;
@@ -42,15 +45,15 @@ const m = ":host{display:inline-flex;flex-shrink:0;align-items:center;flex-direc
     this.inViewport = t.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 t = Boolean(this.src) && (this.imageAvailable || this.imageAvailable === void 0) && (this.loading !== "intersecting" || this.inViewport), a = (!t || !this.loaded && !this.loadingError) && Boolean(this.initials), i = !t && !a && Boolean(this.icon), s = !t && !a && !i, d = Boolean(this.badge) && this.size === "m", l = this.interactive ? "button" : void 0, v = r("avatar", `avatar--color-${this.color}`, `avatar--size-${this.size}`, `avatar--variant-${this.variant}`, {
+      "avatar--has-icon": i || s,
       "avatar--has-initials": a,
       "avatar--interactive": this.interactive
     }), c = r("avatar__badge", `avatar__badge--position-${this.badgePosition}`), h = r("avatar__tool", `avatar__tool--position-${this.toolPosition}`);
-    return i(f, { key: "728b1c63a1b2a83f38a22c7aabc7281cf87181cc", "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: "4653cdc720fbfa7e04ff92b204c266c46c9d1f09", class: d, part: "avatar" }, t && i("span", { key: "6a742f467537cb5098ea514ec57f766afea784cc", class: "avatar__image" }, i("img", { key: "3d42bc8cd849bafbd523536e5a9daf36194416cb", 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: "ba8b221b627b68d0104cdb9e9aeaa7efcddbb8bc", class: "avatar__initials" }, i("span", { key: "ed96f4a5f63fe453aef0d9833955404bd80930b5" }, this.initials)), e && i("span", { key: "61952863d9cac6fcd3246cacacab6fa56c18ea8c", class: "avatar__icon", innerHTML: this.icon }), s && i("span", { key: "e827fc7897548ff5231e27d1687cec451b260ec8", class: "avatar__icon" }, i("swirl-icon-person", { key: "f32fbe68cd752e18c9805ce58f55401db0b52bf8" })), v && i("span", { key: "39452f2011d57ee16ed2fda13e851ecd1246cdc4", class: c, innerHTML: this.badge }), i("span", { key: "54bfc129b7161a8a46fe70dc85dd2567946e5b51", class: h }, i("slot", { key: "31097c526f73b003862fcb01196b2675c5b2fb9a", name: "tool" }))), this.showLabel && i("span", { key: "08ee5038dd0a5df32c0f5e3cb36b6853f26618d5", "aria-hidden": !0, class: "avatar__label" }, this.label));
+    return e(g, { key: "2ddb62950d00cf297470588c42330d2eb4471ac0", "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 }, e("span", { key: "7337668bc3756ecdedb8623dd2f57acf8347e6cf", class: v, part: "avatar" }, t && e("span", { key: "423088be3b88e6382be61a2740f8d0206b474c9c", class: "avatar__image" }, e("img", { key: "ecca5d7ed581bd033a0384d9b3b764d078dc1975", 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: "93bfc7529290d1dfbf7102da27a3cd2a4e95377f", class: "avatar__initials" }, e("span", { key: "88380f17580613fb9da9533fc1075ed6ea2104a3" }, this.initials)), i && e("span", { key: "2492a08db3c1d78ce8aedc807d3688802babe2ed", class: "avatar__icon", innerHTML: this.icon }), s && e("span", { key: "5fb13c16e86cec70b889f37b92017817bc47cea8", class: "avatar__icon" }, e("swirl-icon-person", { key: "b63f3470496e0b5f313a7caca4e3e9b639a31e8d" })), d && e("span", { key: "810eaffe6a2e87e2737e0ffd0cea40990583c076", class: c, innerHTML: this.badge }), e("span", { key: "51d278534ead3aa9688be2e1a6a3af18b421d1c7", class: h }, e("slot", { key: "ba4c610ad1717b4d2f6673147320824eb67eb549", name: "tool" }))), this.showLabel && e("span", { key: "bfba567d19c4ca07140ac5bd68b18991fcdad829", "aria-hidden": !0, class: "avatar__label" }, this.label));
   }
   get element() {
-    return g(this);
+    return m(this);
   }
   static get watchers() {
     return {
@@ -58,7 +61,7 @@ const m = ":host{display:inline-flex;flex-shrink:0;align-items:center;flex-direc
     };
   }
 };
-p.style = u;
+p.style = f;
 export {
   p as swirl_avatar
 };

package/dist/{swirl-badge.entry.b855dea7.js → swirl-badge.entry.78dee407.js}

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

package/dist/{swirl-banner.entry.a3d6be78.js → swirl-banner.entry.cacb861a.js}

@@ -1,4 +1,4 @@
-import { r as o, c as r, h as t, H as c, g as b } from "./index.f594f575.js";
+import { r as o, c as r, h as t, H as c, g as b } from "./index.bf166ea6.js";
 import { c as d } from "./index-267776a4.6beb4f4b.js";
 import { g as l } from "./utils-877a768f.c277f897.js";
 import "react";

package/dist/{swirl-box.entry.19a3f767.js → swirl-box.entry.10481ebf.js}

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

package/dist/{swirl-button-group.entry.45b43575.js → swirl-button-group.entry.0136aeb7.js}

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

package/dist/{swirl-button.entry.4c694f97.js → swirl-button.entry.13cd2ca0.js}

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

package/dist/{swirl-card.entry.1ab33247.js → swirl-card.entry.5b2a5b8f.js}

@@ -1,4 +1,4 @@
-import { r as t, c as n, h as e, H as o, g as c } from "./index.f594f575.js";
+import { r as t, c as n, h as e, H as o, g as c } from "./index.bf166ea6.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-carousel-slide.entry.7a3ea3d5.js → swirl-carousel-slide.entry.607b7e51.js}

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

package/dist/{swirl-carousel.entry.0ceee8c7.js → swirl-carousel.entry.677f9de3.js}

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

package/dist/{swirl-checkbox.entry.b89d3d6e.js → swirl-checkbox.entry.7d693a96.js}

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

package/dist/{swirl-chip.entry.3e561fe5.js → swirl-chip.entry.feab3092.js}

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

package/dist/{swirl-color-input.entry.ab8943a7.js → swirl-color-input.entry.79b343c3.js}

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

package/dist/{swirl-columns.entry.7302261a.js → swirl-columns.entry.42e657c1.js}

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

package/dist/swirl-components-react.js

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