@getflip/swirl-components-react 0.162.0 → 0.164.0

package/dist/{swirl-accordion-item.entry.845d97c0.js → swirl-accordion-item.entry.7d461dd2.js}

@@ -1,4 +1,4 @@
-import { r as a, c as n, h as i, H as d, g as s } from "./index.50cf83db.js";
+import { r as a, c as n, h as i, H as d, g as s } from "./index.5cfe0ae8.js";
 import { c as r } from "./index-d280dafb.186cdb0e.js";
 import { v as o } from "./v4-fa4bb814.196482d9.js";
 import "react";

package/dist/{swirl-accordion.entry.4d9c58ea.js → swirl-accordion.entry.7b5c1654.js}

@@ -1,4 +1,4 @@
-import { r as s, c as i, h as o, H as l, g as a } from "./index.50cf83db.js";
+import { r as s, c as i, h as o, H as l, g as a } from "./index.5cfe0ae8.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 = class {

package/dist/{swirl-action-list-section.entry.fc7c2ac5.js → swirl-action-list-section.entry.e57d7b08.js}

@@ -1,4 +1,4 @@
-import { r as s, h as t, H as e } from "./index.50cf83db.js";
+import { r as s, h as t, H as e } from "./index.5cfe0ae8.js";
 import "react";
 import "react-dom";
 const a = ":host{display:block}:host *{box-sizing:border-box}.action-list-section{background-color:var(--s-surface-overlay-default)}.action-list-section__label{display:block;width:100%;padding:var(--s-space-8) var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default);color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.action-list-section__label{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);padding:var(--s-space-8) var(--s-space-12)}}", l = class {

package/dist/{swirl-action-list_3.entry.0dc0fa2e.js → swirl-action-list_3.entry.947789d5.js}

@@ -1,4 +1,4 @@
-import { r as a, h as o, H as r, g as d } from "./index.50cf83db.js";
+import { r as a, h as o, H as r, g as d } from "./index.5cfe0ae8.js";
 import { q as h, a as p, g as m } from "./utils-9f141e25.a4ae3adc.js";
 import { c } from "./index-d280dafb.186cdb0e.js";
 import "react";

package/dist/{swirl-app-bar.entry.c16c4554.js → swirl-app-bar.entry.dac4534d.js}

@@ -1,4 +1,4 @@
-import { r as n, c as i, h as t, H as a, g as r } from "./index.50cf83db.js";
+import { r as n, c as i, h as t, H as a, g as r } from "./index.5cfe0ae8.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-app-icon.entry.defc2dcf.js → swirl-app-icon.entry.4df33df6.js}

@@ -1,4 +1,4 @@
-import { r as n, h as s, H as o } from "./index.50cf83db.js";
+import { r as n, h as s, H as o } from "./index.5cfe0ae8.js";
 import { c as t } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-app-layout_6.entry.936c834d.js → swirl-app-layout_6.entry.50575a45.js}

@@ -1,4 +1,4 @@
-import { r as l, c as s, h as e, H as d, g as p, F as r } from "./index.50cf83db.js";
+import { r as l, c as s, h as e, H as d, g as p, F as r } from "./index.5cfe0ae8.js";
 import { c as n } from "./index-d280dafb.186cdb0e.js";
 import { i as g, g as C } from "./utils-9f141e25.a4ae3adc.js";
 import { S as B } from "./sortable.esm-8c3d5856.57c4f048.js";

package/dist/{swirl-autocomplete.entry.7af1a3c2.js → swirl-autocomplete.entry.6239ba92.js}

@@ -1,4 +1,4 @@
-import { r as p, c as m, h as o, H as g, g as f } from "./index.50cf83db.js";
+import { r as p, c as m, h as o, H as g, g as f } from "./index.5cfe0ae8.js";
 import { a as v, c as b, o as y } from "./floating-ui.dom.esm-b73e243b.647a7c7e.js";
 import { c as w } from "./index-d280dafb.186cdb0e.js";
 import { d as S } from "./utils-9f141e25.a4ae3adc.js";

package/dist/{swirl-avatar-group.entry.050ba266.js → swirl-avatar-group.entry.7d10441b.js}

@@ -1,4 +1,4 @@
-import { r as s, h as a, H as i } from "./index.50cf83db.js";
+import { r as s, h as a, H as i } from "./index.5cfe0ae8.js";
 import { c as e } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-avatar.entry.feed4223.js → swirl-avatar.entry.1ccf6421.js}

@@ -1,8 +1,8 @@
-import { r as h, h as a, H as m, g as u } from "./index.50cf83db.js";
+import { r as g, c as o, h as a, H as m, g as u } from "./index.5cfe0ae8.js";
 import { c as e } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";
-const g = ":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{display:inline-flex;width:100%;min-width:0;height:100%;padding-right:0.0625rem;padding-left:0.0625rem;justify-content:center;align-items:center;border-radius:50%;font-weight:var(--s-font-weight-medium)}.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;bottom:0;right:0;display:inline-flex;transform:translate3d(25%, 25%, 0)}.avatar__tool--position-top{top:0;bottom:auto;transform:translate3d(25%, -25%, 0)}", o = {
+const p = ":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{display:inline-flex;width:100%;min-width:0;height:100%;padding-right:0.0625rem;padding-left:0.0625rem;justify-content:center;align-items:center;border-radius:50%;font-weight:var(--s-font-weight-medium)}.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;bottom:0;right:0;display:inline-flex;transform:translate3d(25%, 25%, 0)}.avatar__tool--position-top{top:0;bottom:auto;transform:translate3d(25%, -25%, 0)}", n = {
   "3xs": 20,
   "2xs": 24,
   xs: 28,
@@ -11,28 +11,28 @@ const g = ":host{display:inline-flex;flex-shrink:0;align-items:center;flex-direc
   l: 48,
   xl: 64,
   "2xl": 144
-}, p = class {
+}, f = class {
   constructor(i) {
-    h(this, i), this.setImageAvailable = () => {
-      this.imageAvailable = !0;
+    g(this, i), this.imageError = o(this, "imageError", 7), this.imageLoad = o(this, "imageLoad", 7), this.setImageAvailable = () => {
+      this.imageAvailable = !0, this.loadingError = !1, this.loaded = !0, this.imageLoad.emit();
     }, this.setImageUnavailable = () => {
-      this.imageAvailable = !1;
+      this.imageAvailable = !1, this.loaded = !0, this.loadingError = !0, this.imageError.emit();
     }, this.onKeydown = (t) => {
       t.code === "Space" ? t.preventDefault() : t.code === "Enter" && (t.preventDefault(), this.element.click());
     }, this.onKeyup = (t) => {
       t.code === "Space" && (t.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.showLabel = !1, this.size = "m", this.src = void 0, this.toolPosition = "bottom", this.variant = "round", this.imageAvailable = void 0;
+    }, 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;
   }
   watchSrcProp() {
     this.imageAvailable = void 0;
   }
   render() {
-    const i = Boolean(this.src) && (this.imageAvailable || this.imageAvailable === void 0), t = !i && Boolean(this.initials), r = !i && !t && Boolean(this.icon), s = !i && !t && !r, n = Boolean(this.badge) && this.size === "m", v = this.interactive ? "button" : "img", l = e("avatar", `avatar--color-${this.color}`, `avatar--size-${this.size}`, `avatar--variant-${this.variant}`, {
+    const i = Boolean(this.src) && (this.imageAvailable || this.imageAvailable === void 0), t = !i && Boolean(this.initials), r = !i && !t && Boolean(this.icon), s = !i && !t && !r, v = Boolean(this.badge) && this.size === "m", l = this.interactive ? "button" : "img", d = e("avatar", `avatar--color-${this.color}`, `avatar--size-${this.size}`, `avatar--variant-${this.variant}`, {
       "avatar--has-icon": r || s,
       "avatar--has-initials": t,
       "avatar--interactive": this.interactive
-    }), d = e("avatar__badge", `avatar__badge--position-${this.badgePosition}`), c = e("avatar__tool", `avatar__tool--position-${this.toolPosition}`);
-    return a(m, { "aria-label": this.label, onKeydown: this.interactive ? this.onKeydown : void 0, onKeyup: this.interactive ? this.onKeyup : void 0, role: v, tabIndex: this.interactive ? 0 : void 0 }, a("span", { class: l, part: "avatar" }, i && a("span", { class: "avatar__image" }, a("img", { alt: "", height: o[this.size], onError: this.setImageUnavailable, onLoad: this.setImageAvailable, src: this.src, width: o[this.size] })), t && a("span", { class: "avatar__initials" }, a("span", null, this.initials)), r && a("span", { class: "avatar__icon", innerHTML: this.icon }), s && a("span", { class: "avatar__icon" }, a("swirl-icon-person", null)), n && a("span", { class: d, innerHTML: this.badge }), a("span", { class: c }, a("slot", { name: "tool" }))), this.showLabel && a("span", { "aria-hidden": !0, class: "avatar__label" }, this.label));
+    }), c = e("avatar__badge", `avatar__badge--position-${this.badgePosition}`), h = e("avatar__tool", `avatar__tool--position-${this.toolPosition}`);
+    return a(m, { "aria-label": this.label, onKeydown: this.interactive ? this.onKeydown : void 0, onKeyup: this.interactive ? this.onKeyup : void 0, role: l, tabIndex: this.interactive ? 0 : void 0 }, a("span", { class: d, part: "avatar" }, i && a("span", { class: "avatar__image" }, a("img", { alt: "", height: n[this.size], loading: this.loading, onError: this.setImageUnavailable, onLoad: this.setImageAvailable, src: this.src, width: n[this.size] })), t && a("span", { class: "avatar__initials" }, a("span", null, this.initials)), r && a("span", { class: "avatar__icon", innerHTML: this.icon }), s && a("span", { class: "avatar__icon" }, a("swirl-icon-person", null)), v && a("span", { class: c, innerHTML: this.badge }), a("span", { class: h }, a("slot", { name: "tool" }))), this.showLabel && a("span", { "aria-hidden": !0, class: "avatar__label" }, this.label));
   }
   get element() {
     return u(this);
@@ -43,7 +43,7 @@ const g = ":host{display:inline-flex;flex-shrink:0;align-items:center;flex-direc
     };
   }
 };
-p.style = g;
+f.style = p;
 export {
-  p as swirl_avatar
+  f as swirl_avatar
 };

package/dist/{swirl-badge.entry.a13755d8.js → swirl-badge.entry.c19fd15f.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, F as t, H as r } from "./index.50cf83db.js";
+import { r as i, h as e, F as t, H as r } from "./index.5cfe0ae8.js";
 import { c as s } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-banner.entry.840f6b71.js → swirl-banner.entry.45e625ca.js}

@@ -1,4 +1,4 @@
-import { r as o, c as r, h as t, H as c, g as l } from "./index.50cf83db.js";
+import { r as o, c as r, h as t, H as c, g as l } from "./index.5cfe0ae8.js";
 import { c as b } from "./index-d280dafb.186cdb0e.js";
 import { g as d } from "./utils-9f141e25.a4ae3adc.js";
 import "react";

package/dist/{swirl-box.entry.4787e318.js → swirl-box.entry.3e808c8f.js}

@@ -1,21 +1,23 @@
-import { r as t, h as d, H as n } from "./index.50cf83db.js";
-import { c as r } from "./index-d280dafb.186cdb0e.js";
+import { r as t, h as i, H as n } from "./index.5cfe0ae8.js";
+import { c as s } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";
-const o = `:host{display:block;width:100%}:host(.box--bordered){border:var(--s-border-width-default) solid var(--s-border-default)}:host(.box--bordered-block-end){border-block-end:var(--s-border-width-default) solid
+const r = `:host{display:block;width:100%}:host(.box--bordered){border:var(--s-border-width-default) solid var(--s-border-default)}:host(.box--bordered-block-end){border-block-end:var(--s-border-width-default) solid
       var(--s-border-default)}:host(.box--bordered-block-start){border-block-start:var(--s-border-width-default) solid
       var(--s-border-default)}:host(.box--bordered-inline-end){border-inline-end:var(--s-border-width-default) solid
       var(--s-border-default)}:host(.box--bordered-inline-start){border-inline-start:var(--s-border-width-default) solid
-      var(--s-border-default)}:host(.box--cover){width:100%;height:100%}:host *{box-sizing:border-box}`, s = class {
+      var(--s-border-default)}:host(.box--cover){width:100%;height:100%}:host *{box-sizing:border-box}`, o = class {
   constructor(e) {
-    t(this, e), this.bordered = void 0, this.borderedBlockEnd = void 0, this.borderedBlockStart = 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.shrink = void 0, this.top = void 0, this.width = void 0, this.zIndex = void 0;
+    t(this, e), this.bordered = void 0, this.borderedBlockEnd = void 0, this.borderedBlockStart = 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;
   }
   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,
@@ -34,7 +36,7 @@ const o = `:host{display:block;width:100%}:host(.box--bordered){border:var(--s-b
       top: this.top,
       width: this.cover ? "100%" : this.width,
       zIndex: this.zIndex
-    }, i = r("box", {
+    }, d = s("box", {
       "box--bordered": this.bordered,
       "box--bordered-block-end": this.borderedBlockEnd,
       "box--bordered-block-start": this.borderedBlockStart,
@@ -42,10 +44,10 @@ const o = `:host{display:block;width:100%}:host(.box--bordered){border:var(--s-b
       "box--bordered-inline-start": this.borderedInlineStart,
       "box--cover": this.cover
     });
-    return d(n, { class: i, style: e }, d("slot", null));
+    return i(n, { class: d, style: e }, i("slot", null));
   }
 };
-s.style = o;
+o.style = r;
 export {
-  s as swirl_box
+  o as swirl_box
 };

package/dist/{swirl-button-group.entry.2275906f.js → swirl-button-group.entry.319a6eac.js}

@@ -1,4 +1,4 @@
-import { r as s, h as r, H as i } from "./index.50cf83db.js";
+import { r as s, h as r, H as i } from "./index.5cfe0ae8.js";
 import { c as e } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-button.entry.5f52ee24.js → swirl-button.entry.76e17d37.js}

@@ -1,4 +1,4 @@
-import { r as l, h as n, H as u, g as b } from "./index.50cf83db.js";
+import { r as l, h as n, H as u, g as b } from "./index.5cfe0ae8.js";
 import { c } from "./index-d280dafb.186cdb0e.js";
 import { g as d } from "./utils-9f141e25.a4ae3adc.js";
 import "react";

package/dist/{swirl-card.entry.8980b0c8.js → swirl-card.entry.bc3a2f5f.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, H as n, g as o } from "./index.50cf83db.js";
+import { r as t, h as e, H as n, g as o } from "./index.5cfe0ae8.js";
 import { c } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-carousel-slide.entry.757da5fb.js → swirl-carousel-slide.entry.66f86b8d.js}

@@ -1,4 +1,4 @@
-import { r as e, h as i, H as t } from "./index.50cf83db.js";
+import { r as e, h as i, H as t } from "./index.5cfe0ae8.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-carousel.entry.2af2cdaf.js → swirl-carousel.entry.ae35ed5b.js}

@@ -1,4 +1,4 @@
-import { r as n, c as a, h as l, H as r, g as c } from "./index.50cf83db.js";
+import { r as n, c as a, h as l, H as r, g as c } from "./index.5cfe0ae8.js";
 import { d } from "./utils-9f141e25.a4ae3adc.js";
 import "react";
 import "react-dom";

package/dist/{swirl-checkbox.entry.9faa1980.js → swirl-checkbox.entry.90a1446d.js}

@@ -1,4 +1,4 @@
-import { r as b, c as l, h as c, H as t } from "./index.50cf83db.js";
+import { r as b, c as l, h as c, H as t } from "./index.5cfe0ae8.js";
 import { c as n } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-chip.entry.1f8e6f10.js → swirl-chip.entry.1e746b51.js}

@@ -1,4 +1,4 @@
-import { r as t, c as o, h as r, H as h, g as n } from "./index.50cf83db.js";
+import { r as t, c as o, h as r, H as h, g as n } from "./index.5cfe0ae8.js";
 import { c as p } from "./index-d280dafb.186cdb0e.js";
 import { g as l } from "./utils-9f141e25.a4ae3adc.js";
 import "react";

package/dist/{swirl-color-input.entry.37192e62.js → swirl-color-input.entry.cee53660.js}

@@ -1,4 +1,4 @@
-import { r as L, c as g, h as l, H as B } from "./index.50cf83db.js";
+import { r as L, c as g, h as l, H as B } from "./index.5cfe0ae8.js";
 import { c as T } from "./index-d280dafb.186cdb0e.js";
 import { v as z } from "./v4-fa4bb814.196482d9.js";
 import "react";

package/dist/{swirl-columns.entry.6eddccfc.js → swirl-columns.entry.f19d5a2c.js}

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

package/dist/swirl-components-react.js

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