@getflip/swirl-components-react 0.309.1 → 0.311.0

package/dist/stencil-generated/index.d.ts

@@ -239,6 +239,7 @@ export declare const SwirlIconVideoCamera: import("react").ForwardRefExoticCompo
 export declare const SwirlIconVideoCameraOff: import("react").ForwardRefExoticComponent<JSX.SwirlIconVideoCameraOff & Omit<import("react").HTMLAttributes<HTMLSwirlIconVideoCameraOffElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconVideoCameraOffElement>>;
 export declare const SwirlIconVideoLibrary: import("react").ForwardRefExoticComponent<JSX.SwirlIconVideoLibrary & Omit<import("react").HTMLAttributes<HTMLSwirlIconVideoLibraryElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconVideoLibraryElement>>;
 export declare const SwirlIconVideoPlayer: import("react").ForwardRefExoticComponent<JSX.SwirlIconVideoPlayer & Omit<import("react").HTMLAttributes<HTMLSwirlIconVideoPlayerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconVideoPlayerElement>>;
+export declare const SwirlIconViewAgenda: import("react").ForwardRefExoticComponent<JSX.SwirlIconViewAgenda & Omit<import("react").HTMLAttributes<HTMLSwirlIconViewAgendaElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconViewAgendaElement>>;
 export declare const SwirlIconVisibility: import("react").ForwardRefExoticComponent<JSX.SwirlIconVisibility & Omit<import("react").HTMLAttributes<HTMLSwirlIconVisibilityElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconVisibilityElement>>;
 export declare const SwirlIconVisibilityOff: import("react").ForwardRefExoticComponent<JSX.SwirlIconVisibilityOff & Omit<import("react").HTMLAttributes<HTMLSwirlIconVisibilityOffElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconVisibilityOffElement>>;
 export declare const SwirlIconVoice: import("react").ForwardRefExoticComponent<JSX.SwirlIconVoice & Omit<import("react").HTMLAttributes<HTMLSwirlIconVoiceElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconVoiceElement>>;

package/dist/{swirl-accordion-item.entry.9ea9e4b8.js → swirl-accordion-item.entry.514164ce.js}

@@ -1,13 +1,13 @@
-import { r as t, c as d, h as e, H as n, g as s } from "./index.b8ec3ca1.js";
-import { c } from "./index-267776a4.6beb4f4b.js";
-import { v as o } from "./v4-23648a96.77c7c20f.js";
+import { r as t, c as d, h as e, H as n, g as s } from "./index.2ad19391.js";
+import { c as r } from "./index-267776a4.6beb4f4b.js";
+import { v as a } from "./v4-23648a96.77c7c20f.js";
 import "react";
 import "react-dom";
-const r = ":host{display:block}:host *{box-sizing:border-box}.accordion-item{display:grid;align-content:start;border-top:0.0625rem solid var(--s-border-default);transition:grid-template-rows 0.15s;grid-template-rows:auto 0fr;will-change:grid-template-rows}@media (prefers-reduced-motion){.accordion-item{transition:none}}.accordion-item--expanded{grid-template-rows:auto 1fr}.accordion-item--expanded .accordion-item__content{padding-top:var(--s-space-16);padding-bottom:var(--s-space-16);animation:accordion-overflow 0.01s;animation-delay:0.15s;animation-fill-mode:forwards}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.accordion-item--expanded .accordion-item__content{padding-top:var(--s-space-8)}}.accordion-item__heading{margin:0;padding:0;font-size:var(--s-font-size-base);font-weight:var(--s-font-weight-semibold)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.accordion-item__heading{font-size:var(--s-font-size-sm)}}.accordion-item__toggle{display:flex;width:100%;padding:0;padding-top:var(--s-space-16);padding-bottom:var(--s-space-16);align-items:center;border:none;color:var(--s-text-default);background-color:var(--swirl-accordion-item-toggle-default);font:inherit;line-height:var(--s-line-height-lg);text-align:start;cursor:pointer;gap:var(--s-space-16)}.accordion-item__toggle:hover{background-color:var(--swirl-accordion-item-toggle-hovered)}.accordion-item__toggle:active{background-color:var(--swirl-accordion-item-toggle-pressed)}.accordion-item__toggle:disabled{color:var(--s-text-disabled);background-color:var(--swirl-accordion-item-toggle-default);cursor:default}.accordion-item__toggle:disabled .text{color:var(--s-text-disabled)}.accordion-item__toggle:focus:not(:focus-visible){outline:none}.accordion-item__toggle:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.accordion-item__toggle{line-height:var(--s-line-height-sm)}}.accordion-item__toggle-text{flex-grow:1}.accordion-item__icon{display:inline-flex;padding-right:var(--s-space-8);flex-shrink:0}.accordion-item__content{overflow:hidden;padding-top:0;padding-bottom:0;transition:padding-top 0.15s, padding-bottom 0.15s;animation:accordion-display 0.01s;animation-delay:0.15s;animation-fill-mode:forwards}@media (prefers-reduced-motion){.accordion-item__content{transition:none}}@keyframes accordion-overflow{from{overflow:hidden}to{overflow:visible}}@keyframes accordion-display{from{display:block}to{display:none}}", l = r, h = class {
+const c = ":host{display:block}:host *{box-sizing:border-box}.accordion-item{display:grid;align-content:start;border-top:0.0625rem solid var(--s-border-default);transition:grid-template-rows 0.15s;grid-template-rows:auto 0fr;will-change:grid-template-rows}@media (prefers-reduced-motion){.accordion-item{transition:none}}.accordion-item--expanded{grid-template-rows:auto 1fr}.accordion-item--expanded .accordion-item__content{padding-top:var(--s-space-16);padding-bottom:var(--s-space-16);animation:accordion-overflow 0.01s;animation-delay:0.15s;animation-fill-mode:forwards}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.accordion-item--expanded .accordion-item__content{padding-top:var(--s-space-8)}}.accordion-item__heading{margin:0;padding:0;font-size:var(--s-font-size-base);font-weight:var(--s-font-weight-semibold)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.accordion-item__heading{font-size:var(--s-font-size-sm)}}.accordion-item__toggle{display:flex;width:100%;padding:0;padding-top:var(--s-space-16);padding-bottom:var(--s-space-16);align-items:center;border:none;color:var(--s-text-default);background-color:var(--swirl-accordion-item-toggle-default);font:inherit;line-height:var(--s-line-height-lg);text-align:start;cursor:pointer;gap:var(--s-space-16)}.accordion-item__toggle:hover{background-color:var(--swirl-accordion-item-toggle-hovered)}.accordion-item__toggle:active{background-color:var(--swirl-accordion-item-toggle-pressed)}.accordion-item__toggle:disabled{color:var(--s-text-disabled);background-color:var(--swirl-accordion-item-toggle-default);cursor:default}.accordion-item__toggle:disabled .text{color:var(--s-text-disabled)}.accordion-item__toggle:focus:not(:focus-visible){outline:none}.accordion-item__toggle:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.accordion-item__toggle{line-height:var(--s-line-height-sm)}}.accordion-item__toggle-text{flex-grow:1}.accordion-item__icon{display:inline-flex;padding-right:var(--s-space-8);flex-shrink:0}.accordion-item__content{overflow:hidden;padding-top:0;padding-bottom:0;transition:padding-top 0.15s, padding-bottom 0.15s;animation:accordion-display 0.01s;animation-delay:0.15s;animation-fill-mode:forwards}@media (prefers-reduced-motion){.accordion-item__content{transition:none}}@keyframes accordion-overflow{from{overflow:hidden}to{overflow:visible}}@keyframes accordion-display{from{display:block}to{display:none}}", l = c, h = class {
   constructor(i) {
-    t(this, i), this.expansionChange = d(this, "expansionChange", 7), this.headingId = `${o()}-heading`, this.onHeadingClick = () => {
+    t(this, i), this.expansionChange = d(this, "expansionChange", 7), this.headingId = `${a()}-heading`, this.onHeadingClick = () => {
       this.toggle();
-    }, this.description = void 0, this.disabled = void 0, this.heading = void 0, this.headingLevel = 2, this.initiallyOpen = void 0, this.itemId = o(), this.expanded = !1;
+    }, this.description = void 0, this.disabled = void 0, this.heading = void 0, this.headingLevel = 2, this.initiallyOpen = void 0, this.itemId = a(), this.expanded = !1;
   }
   componentWillLoad() {
     if (this.accordion = this.el.closest("swirl-accordion"), this.expanded = this.initiallyOpen && !this.disabled || !1, !Boolean(this.accordion))
@@ -23,10 +23,10 @@ const r = ":host{display:block}:host *{box-sizing:border-box}.accordion-item{dis
     this.expanded ? this.collapse() : this.expand();
   }
   render() {
-    const i = `h${this.headingLevel}`, a = c("accordion-item", {
+    const i = `h${this.headingLevel}`, o = r("accordion-item", {
       "accordion-item--expanded": this.expanded
     });
-    return e(n, { key: "96e039733fea19c6254881183f68b628d1383e2b" }, e("div", { key: "6d127851f50f28ea1a7a265fb064a9ef0b1d5687", class: a }, e(i, { key: "fa5a150a99c6d0ee859432a93d751b136f5e22e9", class: "accordion-item__heading" }, e("button", { key: "13649acf39143ec342cbcf0e85cb7bf909494dc4", "aria-controls": this.itemId, "aria-expanded": String(this.expanded), class: "accordion-item__toggle", disabled: this.disabled, id: this.headingId, onClick: this.onHeadingClick, type: "button" }, e("span", { key: "fdbe81546bbc66241692bfb631723897dbc61c1d", class: "accordion-item__toggle-text" }, this.heading, this.description && e("swirl-text", { key: "58cea3493c01538fcede9fcc821c8819b689c515", as: "span", color: "subdued", size: "sm" }, this.description)), e("span", { key: "520cec54b5be2186d8e24dd944b1646e4dde6732", class: "accordion-item__icon" }, !this.expanded && e("swirl-icon", { key: "8f2934a02c7e0f3fc7c71c0ba45d3e4c8539fa60", glyph: "chevron-right", size: 20 }), this.expanded && e("swirl-icon", { key: "83790f06a95add6bf7cb3819adcf11a8631e156e", glyph: "expand-more", size: 20 })))), e("div", { key: "13cb22276774d5cd211bffdc03ad9ef55fd682c7", "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, e("slot", { key: "68a468be234c0cfea4629e820afc515e53d862d2" }))));
+    return e(n, { key: "f951ccc4ac61db37d06140df2d431419cd82901c" }, e("div", { key: "7fa7d7e89d574372e4217db6964b339603c9b3fc", class: o }, e(i, { key: "f829db405a340e95b471eaf26a440a4c42235d83", class: "accordion-item__heading" }, e("button", { key: "2ce164da5ab47a682c0069412b17ff506a4c1486", "aria-controls": this.itemId, "aria-expanded": String(this.expanded), class: "accordion-item__toggle", disabled: this.disabled, id: this.headingId, onClick: this.onHeadingClick, type: "button" }, e("span", { key: "2214bb46310023a5e9c67b2d41a08804cc062c80", class: "accordion-item__toggle-text" }, this.heading, this.description && e("swirl-text", { key: "46d93be000154b0e26cdfafdfd0178608a0c5ad3", as: "span", color: "subdued", size: "sm" }, this.description)), e("span", { key: "b0ea37c8e09ac78ae7fcae49503e9da0ba3990a4", class: "accordion-item__icon" }, !this.expanded && e("swirl-icon", { key: "0860a668b53927c1809ddcd98e371457f4aea96f", glyph: "chevron-right", size: 20 }), this.expanded && e("swirl-icon", { key: "294ef0b5d6289a69a66bb32c7c9aa4f6695b0ddf", glyph: "expand-more", size: 20 })))), e("div", { key: "f8a7be67ea974fce5bbadc6e0db545cbf785e581", "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, e("slot", { key: "c6c57bc5c5876f31ba20f7a78293ee710e5262d4" }))));
   }
   get el() {
     return s(this);

package/dist/{swirl-accordion.entry.451ae2b5.js → swirl-accordion.entry.8a3784c0.js}

@@ -1,9 +1,9 @@
-import { r as s, c as a, h as o, H as i, g as c } from "./index.b8ec3ca1.js";
+import { r as s, c as i, h as o, H as a, g as l } from "./index.2ad19391.js";
 import "react";
 import "react-dom";
-const l = ":host{display:block}:host *{box-sizing:border-box}::slotted(*:last-child){border-bottom:0.0625rem solid var(--s-border-default)}", n = l, d = class {
+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 {
   constructor(e) {
-    s(this, e), this.expandedItemChange = a(this, "expandedItemChange", 7);
+    s(this, e), this.expandedItemChange = i(this, "expandedItemChange", 7);
   }
   componentDidLoad() {
     this.el.addEventListener("expansionChange", (e) => {
@@ -24,13 +24,13 @@ const l = ":host{display:block}:host *{box-sizing:border-box}::slotted(*:last-ch
     });
   }
   render() {
-    return o(i, { key: "8b8f76e04809b6c8a049b3fda34228f346ecc612" }, o("slot", { key: "501e4560e71a263802ca19adabc4c202fc0c5ab7" }));
+    return o(a, { key: "a0238e83947d9afba57724fb36e774d78efd913e" }, o("slot", { key: "f5c6514ddba5891899fce71770d0ff9b7d11119e" }));
   }
   get el() {
-    return c(this);
+    return l(this);
   }
 };
-d.style = n;
+d.style = c;
 export {
   d as swirl_accordion
 };

package/dist/{swirl-action-list-section.entry.866d31ea.js → swirl-action-list-section.entry.6f2c97ad.js}

@@ -1,12 +1,12 @@
-import { r as i, h as e, H as t } from "./index.b8ec3ca1.js";
+import { r as i, h as a, H as t } from "./index.2ad19391.js";
 import "react";
 import "react-dom";
-const a = ":host{display:block;width:100%}:host *{box-sizing:border-box}.action-list-section{background-color:var(--s-surface-overlay-default)}.action-list-section__label{display:block;width:100%;padding:var(--s-space-8) var(--s-space-16);color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.action-list-section__label{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);padding:var(--s-space-8) var(--s-space-12)}}", c = a, o = class {
+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)}}", c = e, o = class {
   constructor(s) {
     i(this, s), this.label = void 0, this.separatorSpacing = "4", this.spacing = "0", this.hasSeparator = !1;
   }
   render() {
-    return e(t, { key: "fd2e4814db9e6a2acc0fd93910d60c26e85fb7c8" }, this.hasSeparator && e("swirl-separator", { key: "4a81bce7d6092138d8de12e047b0a4b6ef486f5b", spacing: this.separatorSpacing }), e("div", { key: "aeec5e051151e8277893b5f93109b01eacdd7e9d", "aria-labelledby": "label", class: "action-list-section", role: "group" }, e("span", { key: "d59f5ff780ac563d52fe885a10b2d3073fa1f482", class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), e("swirl-stack", { key: "50bb45cd2e1e49974340bc20c9917cb7eebc34d0", spacing: this.spacing, align: "stretch" }, e("slot", { key: "523414e5973c74d72d248ac45e3b7d7b6d462eff" }))));
+    return a(t, { key: "df76f2b7c5b1fc5f37f9d191c3c688aeaa20db99" }, this.hasSeparator && a("swirl-separator", { key: "9689c9fa14a69d33c56f62b09a935274ef69eb0b", spacing: this.separatorSpacing }), a("div", { key: "18d611cadb26d1a73c51c528495306b660dbb68e", "aria-labelledby": "label", class: "action-list-section", role: "group" }, a("span", { key: "1e2ba4d6358b5e11d68d6b4b175c63b049d7c7a4", class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), a("swirl-stack", { key: "2676a9ca96414d35dd101f2b230a257678e96792", spacing: this.spacing, align: "stretch" }, a("slot", { key: "9238a1b9df58b33a34a68b9c21d1d61760f095fa" }))));
   }
 };
 o.style = c;

package/dist/{swirl-action-list_2.entry.1329ff51.js → swirl-action-list_2.entry.02ee6eb4.js}

@@ -1,4 +1,4 @@
-import { r as c, h as o, H as l, g as d } from "./index.b8ec3ca1.js";
+import { r as c, h as o, H as l, g as d } from "./index.2ad19391.js";
 import { q as f, b as h, g as u } from "./utils-877a768f.c277f897.js";
 import { c as m } from "./index-267776a4.6beb4f4b.js";
 import "react";
@@ -51,7 +51,7 @@ const p = ":host{display:block;width:100%}:host *{box-sizing:border-box}.action-
     });
   }
   render() {
-    return o(l, { key: "4845807cae0e83d0547f9611eea45f9cb8c8ae97" }, o("div", { key: "ff021b72388173b03f01ef5617db46002317e24e", "aria-orientation": "vertical", class: "action-list", onFocusout: this.isInsidePopover ? void 0 : this.onFocusOut, onFocus: this.isInsidePopover ? void 0 : this.onFocus, onKeyDown: this.onKeyDown, part: "action-list", ref: (i) => this.container = i, role: "menu" }, o("slot", { key: "df9314bd51c33c68fad7b1be595eccdfb2eeece2", onSlotchange: this.setSectionSeparator })));
+    return o(l, { key: "82241f786cb1b908d05d4d2a733be0bf51aee08f" }, o("div", { key: "8c5d86e958401b071587e3d4b7b842de267e4026", "aria-orientation": "vertical", class: "action-list", onFocusout: this.isInsidePopover ? void 0 : this.onFocusOut, onFocus: this.isInsidePopover ? void 0 : this.onFocus, onKeyDown: this.onKeyDown, part: "action-list", ref: (i) => this.container = i, role: "menu" }, o("slot", { key: "5e48f057027f3899c30f9c3181feff3935184a77", onSlotchange: this.setSectionSeparator })));
   }
   get el() {
     return d(this);

package/dist/{swirl-app-bar.entry.d25e4a5e.js → swirl-app-bar.entry.7f22c5ab.js}

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

package/dist/{swirl-app-icon.entry.f8bda28a.js → swirl-app-icon.entry.d430702d.js}

@@ -1,4 +1,4 @@
-import { r as n, h as s, H as o } from "./index.b8ec3ca1.js";
+import { r as n, h as s, H as o } from "./index.2ad19391.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -21,7 +21,7 @@ const r = ":host{display:inline-flex}:host *{box-sizing:border-box}.app-icon{pos
     const e = Boolean(this.src) && (this.imageAvailable || this.imageAvailable === void 0), i = !e && Boolean(this.icon), a = l("app-icon", {
       "app-icon--has-icon": i || !e && !i
     });
-    return s(o, { key: "6dbdad7ac67540921702200a91275673f6b14212" }, s("span", { key: "574b84ab61732b2e63c4d34eb0a8c08e447d5a60", class: a }, e && s("img", { key: "e0c8ce8e03b5c674f2ca16a2f03b32ef2e74d635", alt: "", height: "256", ref: this.onImageElementUpdate, src: this.src, width: "256" }), i && s("span", { key: "160dda2a69d6e0b0fd9ede29ad70e370404ac8b2", class: "app-icon__icon", innerHTML: this.icon })));
+    return s(o, { key: "1d540798f4137ca3932f465e8b5dc241b9dfe651" }, s("span", { key: "f44fa6ca8d46f589cbab93aa1eea1ae5e1221cef", class: a }, e && s("img", { key: "24f5f1df7531ecbd71d3aed31842ceacb171d5ce", alt: "", height: "256", ref: this.onImageElementUpdate, src: this.src, width: "256" }), i && s("span", { key: "c5fec7fd12b4004027f0e62b21a41d72130313a6", class: "app-icon__icon", innerHTML: this.icon })));
   }
 };
 h.style = c;

package/dist/{swirl-app-layout_5.entry.e30c7a4f.js → swirl-app-layout_5.entry.0aa6e599.js}

@@ -1,4 +1,4 @@
-import { r as p, c as n, h as a, H as c, g as u, F as h } from "./index.b8ec3ca1.js";
+import { r as p, c as n, h as a, H as c, g as u, F as h } from "./index.2ad19391.js";
 import { c as b } from "./index-267776a4.6beb4f4b.js";
 import { g as w, d as y, i as g, h as f } from "./utils-877a768f.c277f897.js";
 import { S as T } from "./sortable.esm-0bfddf0c.953ca6a6.js";
@@ -223,7 +223,7 @@ const N = ":host{display:block}:host *{box-sizing:border-box}.empty-state{displa
       "empty-state--has-controls": t,
       "empty-state--has-slotted-illustration": e
     });
-    return a(c, { key: "c408d7bb8dc59304e0a734fab8a7206b0888aa6e" }, a("div", { key: "a2c05e810b83c523a656d1f180b28a1c877d8d47", class: i }, this.illustration && !e && a("img", { key: "77b154b7fbb550e2fb6224e8b02f9734e0478bce", alt: "", class: "empty-state__illustration", src: this.illustration }), a("div", { key: "f315e5fbb6c2f618fdf8044fa12bcf4986fab244", class: "empty-state__slotted-illustration" }, a("slot", { key: "36def917ad3f786684e7e6ddcf5245d953e1532e", name: "illustration" })), a("div", { key: "c878ffa444942d4d008d91bb0584c85d54b11a9c", class: "empty-state__body" }, a("swirl-stack", { key: "5e3eba6a14feae9ffd56269bf2e9de2f0efcc421", align: "stretch", spacing: "8" }, this.heading && a("swirl-heading", { key: "25c15811c899b0ff446faea4e6b2805b1d8b8ffe", align: "center", as: "p", level: 4, text: this.heading }), a("div", { key: "a6e37e1fb802e3319d6c3730dc7d98817808c271", class: "empty-state__content" }, a("swirl-text", { key: "6ec54e9999dcc00a6ce4aeb3b2be52ded7484013", align: "center", color: "subdued" }, a("slot", { key: "b883a52b33e55de4aa72c149100c659430d3504b" })))), a("div", { key: "2116877fe43559d2ea489d80e9172aeab2d599ed", class: "empty-state__controls" }, a("slot", { key: "c6765e152cb9e666eb37beb09077c1e6c16beacc", name: "controls" })))));
+    return a(c, { key: "7570e676c1abf223bc43bf9ad6859e002abc4752" }, a("div", { key: "8c9de8d856ec6a5be62ad73ece58457818ca3063", class: i }, this.illustration && !e && a("img", { key: "c55f30894ef235321dee377324291d466421f9d0", alt: "", class: "empty-state__illustration", src: this.illustration }), a("div", { key: "0dfb79d4447491a88f4e897321d131697a1ffa9f", class: "empty-state__slotted-illustration" }, a("slot", { key: "1a256a0910f0f37f5f090ec313149efa655ae5ef", name: "illustration" })), a("div", { key: "6452a3fb65a639c51daeb0bfef5150c435fc1da8", class: "empty-state__body" }, a("swirl-stack", { key: "6d66347651b55292b91191e52e909105f42a473b", align: "stretch", spacing: "8" }, this.heading && a("swirl-heading", { key: "9621b765500887da30a18be459220beda695148c", align: "center", as: "p", level: 4, text: this.heading }), a("div", { key: "53381b2acf7ff39a0e5a1042c837b9d4ff3c8bda", class: "empty-state__content" }, a("swirl-text", { key: "72dc7bbbf30547bb01f48827b5c6cbd3334e7399", align: "center", color: "subdued" }, a("slot", { key: "3a6366779302310d5f5ed1fa6458cd6c2e51e90d" })))), a("div", { key: "785abad12d1732e007c26d3b26e2116e97ad764b", class: "empty-state__controls" }, a("slot", { key: "edf1783bfdcf60366a16c638f893750f1bc571e2", name: "controls" })))));
   }
   get el() {
     return u(this);
@@ -238,7 +238,7 @@ const z = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{
     const t = this.size === 20 ? 24 : this.size, e = {
       color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
     }, i = b("swirl-icon", `swirl-icon--size-${this.size}`);
-    return a("svg", { key: "3a23fd957bbc465bc9eafda92d32297c0aa9728f", "aria-hidden": "true", class: i, fill: "none", height: this.size, part: "icon", style: e, viewBox: `0 0 ${t} ${t}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && a(h, { key: "cb00f2f2404747b248aeefc3ac55eb5c97608fdb" }, a("path", { key: "3dfe47ced62896bb8f7f964efd076f020a506b11", d: "M9.99998 8.66669C10.3666 8.66669 10.6806 8.53602 10.942 8.27469C11.2029 8.0138 11.3333 7.70002 11.3333 7.33335C11.3333 6.96669 11.2029 6.65269 10.942 6.39135C10.6806 6.13046 10.3666 6.00002 9.99998 6.00002C9.63331 6.00002 9.31953 6.13046 9.05865 6.39135C8.79731 6.65269 8.66665 6.96669 8.66665 7.33335C8.66665 7.70002 8.79731 8.0138 9.05865 8.27469C9.31953 8.53602 9.63331 8.66669 9.99998 8.66669ZM7.33331 11.3334H12.6666V10.9667C12.6666 10.4667 12.4222 10.0694 11.9333 9.77469C11.4444 9.48046 10.8 9.33335 9.99998 9.33335C9.19998 9.33335 8.55553 9.48046 8.06665 9.77469C7.57776 10.0694 7.33331 10.4667 7.33331 10.9667V11.3334ZM2.66665 13.3334C2.29998 13.3334 1.9862 13.2029 1.72531 12.942C1.46398 12.6807 1.33331 12.3667 1.33331 12V4.00002C1.33331 3.63335 1.46398 3.31958 1.72531 3.05869C1.9862 2.79735 2.29998 2.66669 2.66665 2.66669H6.11665C6.29442 2.66669 6.46398 2.70002 6.62531 2.76669C6.7862 2.83335 6.92776 2.9278 7.04998 3.05002L7.99998 4.00002H13.3333C13.7 4.00002 14.014 4.13069 14.2753 4.39202C14.5362 4.65291 14.6666 4.96669 14.6666 5.33335V12C14.6666 12.3667 14.5362 12.6807 14.2753 12.942C14.014 13.2029 13.7 13.3334 13.3333 13.3334H2.66665ZM2.66665 4.00002V12H13.3333V5.33335H7.44998L6.11665 4.00002H2.66665Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && a(h, { key: "44cf69864983f204af407240f3e214630283c2bb" }, a("path", { key: "c58c6a95bbabebffc36d14b9e77a655ad0325e0a", d: "M15 13C15.55 13 16.021 12.804 16.413 12.412C16.8043 12.0207 17 11.55 17 11C17 10.45 16.8043 9.979 16.413 9.587C16.021 9.19567 15.55 9 15 9C14.45 9 13.9793 9.19567 13.588 9.587C13.196 9.979 13 10.45 13 11C13 11.55 13.196 12.0207 13.588 12.412C13.9793 12.804 14.45 13 15 13ZM11 17H19V16.45C19 15.7 18.6333 15.104 17.9 14.662C17.1667 14.2207 16.2 14 15 14C13.8 14 12.8333 14.2207 12.1 14.662C11.3667 15.104 11 15.7 11 16.45V17ZM4 20C3.45 20 2.97933 19.8043 2.588 19.413C2.196 19.021 2 18.55 2 18V6C2 5.45 2.196 4.97933 2.588 4.588C2.97933 4.196 3.45 4 4 4H9.175C9.44167 4 9.696 4.05 9.938 4.15C10.1793 4.25 10.3917 4.39167 10.575 4.575L12 6H20C20.55 6 21.021 6.196 21.413 6.588C21.8043 6.97933 22 7.45 22 8V18C22 18.55 21.8043 19.021 21.413 19.413C21.021 19.8043 20.55 20 20 20H4ZM4 6V18H20V8H11.175L9.175 6H4Z", fill: "currentColor" })), this.size === 28 && a(h, { key: "5ee25d16e65e04b22ce86b9fd737a205f683479e" }, a("path", { key: "75e123171af42f9a8a3cddfcc9377ca1d9d2437f", d: "M17.5 15.1667C18.1416 15.1667 18.6911 14.938 19.1485 14.4807C19.605 14.0241 19.8333 13.475 19.8333 12.8334C19.8333 12.1917 19.605 11.6422 19.1485 11.1849C18.6911 10.7283 18.1416 10.5 17.5 10.5C16.8583 10.5 16.3092 10.7283 15.8526 11.1849C15.3953 11.6422 15.1666 12.1917 15.1666 12.8334C15.1666 13.475 15.3953 14.0241 15.8526 14.4807C16.3092 14.938 16.8583 15.1667 17.5 15.1667ZM12.8333 19.8334H22.1666V19.1917C22.1666 18.3167 21.7389 17.6214 20.8833 17.1057C20.0278 16.5908 18.9 16.3334 17.5 16.3334C16.1 16.3334 14.9722 16.5908 14.1166 17.1057C13.2611 17.6214 12.8333 18.3167 12.8333 19.1917V19.8334ZM4.66665 23.3334C4.02498 23.3334 3.47587 23.1051 3.01931 22.6485C2.56198 22.1912 2.33331 21.6417 2.33331 21V7.00002C2.33331 6.35835 2.56198 5.80924 3.01931 5.35269C3.47587 4.89535 4.02498 4.66669 4.66665 4.66669H10.7041C11.0153 4.66669 11.312 4.72502 11.5943 4.84169C11.8759 4.95835 12.1236 5.12363 12.3375 5.33752L14 7.00002H23.3333C23.975 7.00002 24.5245 7.22869 24.9818 7.68602C25.4384 8.14258 25.6666 8.69169 25.6666 9.33335V21C25.6666 21.6417 25.4384 22.1912 24.9818 22.6485C24.5245 23.1051 23.975 23.3334 23.3333 23.3334H4.66665ZM4.66665 7.00002V21H23.3333V9.33335H13.0375L10.7041 7.00002H4.66665Z", fill: "currentColor" })));
+    return a("svg", { key: "e42f86ab6dcbbd6f1449717bb5296d1f40e557ef", "aria-hidden": "true", class: i, fill: "none", height: this.size, part: "icon", style: e, viewBox: `0 0 ${t} ${t}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && a(h, { key: "bb9100d456bb627fc3ff4da0e6812bcd72375ecf" }, a("path", { key: "a2096bfd37f1ad6c6edb5f6e33c5a57737244399", d: "M9.99998 8.66669C10.3666 8.66669 10.6806 8.53602 10.942 8.27469C11.2029 8.0138 11.3333 7.70002 11.3333 7.33335C11.3333 6.96669 11.2029 6.65269 10.942 6.39135C10.6806 6.13046 10.3666 6.00002 9.99998 6.00002C9.63331 6.00002 9.31953 6.13046 9.05865 6.39135C8.79731 6.65269 8.66665 6.96669 8.66665 7.33335C8.66665 7.70002 8.79731 8.0138 9.05865 8.27469C9.31953 8.53602 9.63331 8.66669 9.99998 8.66669ZM7.33331 11.3334H12.6666V10.9667C12.6666 10.4667 12.4222 10.0694 11.9333 9.77469C11.4444 9.48046 10.8 9.33335 9.99998 9.33335C9.19998 9.33335 8.55553 9.48046 8.06665 9.77469C7.57776 10.0694 7.33331 10.4667 7.33331 10.9667V11.3334ZM2.66665 13.3334C2.29998 13.3334 1.9862 13.2029 1.72531 12.942C1.46398 12.6807 1.33331 12.3667 1.33331 12V4.00002C1.33331 3.63335 1.46398 3.31958 1.72531 3.05869C1.9862 2.79735 2.29998 2.66669 2.66665 2.66669H6.11665C6.29442 2.66669 6.46398 2.70002 6.62531 2.76669C6.7862 2.83335 6.92776 2.9278 7.04998 3.05002L7.99998 4.00002H13.3333C13.7 4.00002 14.014 4.13069 14.2753 4.39202C14.5362 4.65291 14.6666 4.96669 14.6666 5.33335V12C14.6666 12.3667 14.5362 12.6807 14.2753 12.942C14.014 13.2029 13.7 13.3334 13.3333 13.3334H2.66665ZM2.66665 4.00002V12H13.3333V5.33335H7.44998L6.11665 4.00002H2.66665Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && a(h, { key: "7b8e9d7a9cdcd364bf85318975e50a5d1f20782e" }, a("path", { key: "1c9d5c9574d46ece15ca055021cf7a30c77b2ba8", d: "M15 13C15.55 13 16.021 12.804 16.413 12.412C16.8043 12.0207 17 11.55 17 11C17 10.45 16.8043 9.979 16.413 9.587C16.021 9.19567 15.55 9 15 9C14.45 9 13.9793 9.19567 13.588 9.587C13.196 9.979 13 10.45 13 11C13 11.55 13.196 12.0207 13.588 12.412C13.9793 12.804 14.45 13 15 13ZM11 17H19V16.45C19 15.7 18.6333 15.104 17.9 14.662C17.1667 14.2207 16.2 14 15 14C13.8 14 12.8333 14.2207 12.1 14.662C11.3667 15.104 11 15.7 11 16.45V17ZM4 20C3.45 20 2.97933 19.8043 2.588 19.413C2.196 19.021 2 18.55 2 18V6C2 5.45 2.196 4.97933 2.588 4.588C2.97933 4.196 3.45 4 4 4H9.175C9.44167 4 9.696 4.05 9.938 4.15C10.1793 4.25 10.3917 4.39167 10.575 4.575L12 6H20C20.55 6 21.021 6.196 21.413 6.588C21.8043 6.97933 22 7.45 22 8V18C22 18.55 21.8043 19.021 21.413 19.413C21.021 19.8043 20.55 20 20 20H4ZM4 6V18H20V8H11.175L9.175 6H4Z", fill: "currentColor" })), this.size === 28 && a(h, { key: "4e09a6491458944d429ebeeaaf29d6d6e5278c11" }, a("path", { key: "07403ecb785b27a860b44e9065d2b8a184f56641", d: "M17.5 15.1667C18.1416 15.1667 18.6911 14.938 19.1485 14.4807C19.605 14.0241 19.8333 13.475 19.8333 12.8334C19.8333 12.1917 19.605 11.6422 19.1485 11.1849C18.6911 10.7283 18.1416 10.5 17.5 10.5C16.8583 10.5 16.3092 10.7283 15.8526 11.1849C15.3953 11.6422 15.1666 12.1917 15.1666 12.8334C15.1666 13.475 15.3953 14.0241 15.8526 14.4807C16.3092 14.938 16.8583 15.1667 17.5 15.1667ZM12.8333 19.8334H22.1666V19.1917C22.1666 18.3167 21.7389 17.6214 20.8833 17.1057C20.0278 16.5908 18.9 16.3334 17.5 16.3334C16.1 16.3334 14.9722 16.5908 14.1166 17.1057C13.2611 17.6214 12.8333 18.3167 12.8333 19.1917V19.8334ZM4.66665 23.3334C4.02498 23.3334 3.47587 23.1051 3.01931 22.6485C2.56198 22.1912 2.33331 21.6417 2.33331 21V7.00002C2.33331 6.35835 2.56198 5.80924 3.01931 5.35269C3.47587 4.89535 4.02498 4.66669 4.66665 4.66669H10.7041C11.0153 4.66669 11.312 4.72502 11.5943 4.84169C11.8759 4.95835 12.1236 5.12363 12.3375 5.33752L14 7.00002H23.3333C23.975 7.00002 24.5245 7.22869 24.9818 7.68602C25.4384 8.14258 25.6666 8.69169 25.6666 9.33335V21C25.6666 21.6417 25.4384 22.1912 24.9818 22.6485C24.5245 23.1051 23.975 23.3334 23.3333 23.3334H4.66665ZM4.66665 7.00002V21H23.3333V9.33335H13.0375L10.7041 7.00002H4.66665Z", fill: "currentColor" })));
   }
 };
 q.style = O;

package/dist/{swirl-autocomplete.entry.a3df9ba2.js → swirl-autocomplete.entry.0644374e.js}

@@ -1,4 +1,4 @@
-import { r as p, c as m, h as o, H as f, g as b } from "./index.b8ec3ca1.js";
+import { r as p, c as m, h as o, H as f, g as b } from "./index.2ad19391.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.fc37c727.js → swirl-avatar-group.entry.ca3bf257.js}

@@ -1,10 +1,10 @@
-import { r as s, h as r, H as i } from "./index.b8ec3ca1.js";
+import { r as s, h as r, H as i } from "./index.2ad19391.js";
 import { c as t } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
-const d = ":host{display:inline-flex}:host *{box-sizing:border-box}.avatar-group{position:relative;display:inline-grid;grid-template-rows:repeat(9, 1fr);grid-template-columns:repeat(9, 1fr)}.avatar-group ::slotted(*:first-of-type){z-index:1;display:inline-flex;box-shadow:0 0 0 0.25rem var(--swirl-avatar-group-border-color);border-radius:50%;grid-column-start:1;grid-column-end:7;grid-row-start:4;grid-row-end:10}.avatar-group ::slotted(*:nth-of-type(2)){z-index:0;display:inline-flex;border-radius:50%;grid-column-start:4;grid-column-end:10;grid-row-start:1;grid-row-end:7}.avatar-group__badge{position:absolute;z-index:2;right:calc(-1 * var(--s-space-4));bottom:calc(-1 * var(--s-space-4));display:inline-flex;width:1.5rem;height:1.5rem}.avatar-group__badge ::part(badge){box-shadow:0 0 0 0.25rem var(--swirl-badge-border-color)}", l = d, n = class {
-  constructor(a) {
-    s(this, a), this.badge = void 0;
+const d = ":host{display:inline-flex}:host *{box-sizing:border-box}.avatar-group{position:relative;display:inline-grid;grid-template-rows:repeat(9, 1fr);grid-template-columns:repeat(9, 1fr)}.avatar-group ::slotted(*:first-of-type){z-index:1;display:inline-flex;box-shadow:0 0 0 0.25rem var(--swirl-avatar-group-border-color);border-radius:50%;grid-column-start:1;grid-column-end:7;grid-row-start:4;grid-row-end:10}.avatar-group ::slotted(*:nth-of-type(2)){z-index:0;display:inline-flex;border-radius:50%;grid-column-start:4;grid-column-end:10;grid-row-start:1;grid-row-end:7}.avatar-group__badge{position:absolute;z-index:2;right:calc(-1 * var(--s-space-4));bottom:calc(-1 * var(--s-space-4));display:inline-flex;width:1.5rem;height:1.5rem}.avatar-group__badge ::part(badge){box-shadow:0 0 0 0.25rem var(--swirl-badge-border-color)}", l = d, c = class {
+  constructor(e) {
+    s(this, e), this.badge = void 0;
   }
   componentDidLoad() {
     this.forceBadgeProps();
@@ -12,17 +12,17 @@ const d = ":host{display:inline-flex}:host *{box-sizing:border-box}.avatar-group
   forceBadgeProps() {
     if (!Boolean(this.badge))
       return;
-    const a = this.badgeEl.querySelector("swirl-badge"), e = a == null ? void 0 : a.getAttribute("size");
-    Boolean(e) || a == null || a.setAttribute("size", "s");
+    const e = this.badgeEl.querySelector("swirl-badge"), a = e == null ? void 0 : e.getAttribute("size");
+    Boolean(a) || e == null || e.setAttribute("size", "s");
   }
   render() {
-    const a = t("avatar-group", {
+    const e = t("avatar-group", {
       "avatar-group--has-badge": Boolean(this.badge)
-    }), e = t("avatar-group__badge");
-    return r(i, { key: "462ffec151cda454d434014c1bd838f400a1be9a" }, r("div", { key: "e9281967c4eb7900495a3dda9b36394ac8c045b3", class: a, role: "group" }, r("slot", { key: "ae8f0ebece8a2b0291958abff5f021dafe23a184" }), this.badge && r("span", { key: "eca85606e9f0c0d60a43860543c1fb06ef785a82", class: e, innerHTML: this.badge, ref: (o) => this.badgeEl = o })));
+    }), a = t("avatar-group__badge");
+    return r(i, { key: "8006642426c32008d08219733f23ca90ce5b572e" }, r("div", { key: "c2980d52eb16ff1a559230ce7f8cdb4c9cf60e0e", class: e, role: "group" }, r("slot", { key: "0ecaf6ce8e3831b44e23fcec3eeccc9ff8cee9b4" }), this.badge && r("span", { key: "13fd0d6c4436938a328e0e8379a9c8e30b79f03d", class: a, innerHTML: this.badge, ref: (o) => this.badgeEl = o })));
   }
 };
-n.style = l;
+c.style = l;
 export {
-  n as swirl_avatar_group
+  c as swirl_avatar_group
 };

package/dist/{swirl-avatar.entry.d70362ee.js → swirl-avatar.entry.7c2f6f5a.js}

@@ -1,4 +1,4 @@
-import { r as m, c as n, h as e, H as g, g as f } from "./index.b8ec3ca1.js";
+import { r as m, c as n, h as e, H as g, g as f } from "./index.2ad19391.js";
 import { c as s } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-badge.entry.364399d2.js → swirl-badge.entry.577b4a4e.js}

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

package/dist/{swirl-banner.entry.f88b34fb.js → swirl-banner.entry.7262dbe6.js}

@@ -1,4 +1,4 @@
-import { r as o, c as r, h as t, H as c, g as b } from "./index.b8ec3ca1.js";
+import { r as o, c as r, h as t, H as c, g as b } from "./index.2ad19391.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.082536ec.js → swirl-box.entry.393e8bb3.js}

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

package/dist/{swirl-button-group.entry.db1e69e6.js → swirl-button-group.entry.6741804c.js}

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

package/dist/{swirl-button.entry.58e078cb.js → swirl-button.entry.f1f65105.js}

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

package/dist/{swirl-card.entry.0a9a9ac4.js → swirl-card.entry.f75cb422.js}

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

package/dist/swirl-carousel-slide.entry.63b9ebb1.js

@@ -0,0 +1,23 @@
+import { r as i, h as s, H as t } from "./index.2ad19391.js";
+import { c as a } from "./index-267776a4.6beb4f4b.js";
+import "react";
+import "react-dom";
+const l = ":host{display:block;min-width:0}:host(.carousel-slide--has-min-height) ::slotted(*){height:100%}:host *{box-sizing:border-box}:host ::slotted(*){width:100%;min-height:100%}", o = l, r = class {
+  constructor(e) {
+    i(this, e), this.aspectRatio = void 0, this.label = void 0, this.minHeight = void 0, this.width = "15.5rem";
+  }
+  render() {
+    const e = a("carousel-slide", {
+      "carousel-slide--has-min-height": Boolean(this.minHeight)
+    });
+    return s(t, { key: "f126cb05eeab59e4465fb28ef86eb9dd5ee73a7e", "aria-roledescription": "slide", "aria-label": this.label, class: e, role: "group", style: {
+      aspectRatio: this.aspectRatio,
+      flexBasis: this.width,
+      minHeight: this.minHeight
+    }, tabIndex: 0 }, s("slot", { key: "b7cc7c295f5cbc2b997102ca7dac3ed2170f90a4" }));
+  }
+};
+r.style = o;
+export {
+  r as swirl_carousel_slide
+};

package/dist/{swirl-carousel.entry.7aca2b2f.js → swirl-carousel.entry.01be25fd.js}

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

package/dist/{swirl-checkbox.entry.2d43d5cb.js → swirl-checkbox.entry.6fa8d45c.js}

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

package/dist/{swirl-chip.entry.0e3fafcd.js → swirl-chip.entry.3a5bb0e4.js}

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

package/dist/{swirl-color-input.entry.42e2fffe.js → swirl-color-input.entry.8859318d.js}

@@ -1,4 +1,4 @@
-import { r as L, c as f, h as l, H as B } from "./index.b8ec3ca1.js";
+import { r as L, c as f, h as l, H as B } from "./index.2ad19391.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: "91c008000f02c75b9247f36cadb45c89c1dd3217" }, l("div", { key: "5ad12b4cb85d6520b772fcf4f334b25c471e7b77", class: t }, l("input", { key: "ca0c14b1b26413beab2c2bb845fad19a59d3d111", "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: "433090f7540ffaf70472d8f36bfa01a558c6276b", swirlPopover: this.pickerId }, l("button", { key: "287d1ba7933e956749de674566ebcc6f04a77965", "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
+    return l(B, { key: "50761d1473c6ec95ffa6c54c707cbb89fc7dee0a" }, l("div", { key: "a774f42a9d10b246ce6b4092cc9d7ea91ff4e01f", class: t }, l("input", { key: "3069f958bb247c342069c3fbfd7f497c84a09beb", "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: "bd3004993e3fd519f7d59f43edbccfccb541f810", swirlPopover: this.pickerId }, l("button", { key: "5ddf8179d0b484baaa00237f9a4db77bd7966ea4", "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: "efd88723c418f45977a8bc9a10e60c542209bab1", animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, l("swirl-box", { key: "524dc0d20d5e5b6fc048c0fa436b8489d4f47924", centerInline: !0, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, l("hex-color-picker", { key: "0d428dc7b8cd6bbb186e11bcf58cf7ac6b6e6543", color: this.value, ref: (o) => this.picker = o })))));
+    }, type: "button" })), l("swirl-popover", { key: "49779aa8fc578dffd42c6042bc09a5a0c3a54efe", animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, l("swirl-box", { key: "2f3415207e0ffa7685e17f5485aeb80e5b0ac0b0", centerInline: !0, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, l("hex-color-picker", { key: "a043000bf7da2011946f854403adbca67a664720", color: this.value, ref: (o) => this.picker = o })))));
   }
   static get watchers() {
     return {

package/dist/{swirl-columns.entry.b5cee383.js → swirl-columns.entry.b46725aa.js}

@@ -1,4 +1,4 @@
-import { r as c, h as s, H as e } from "./index.b8ec3ca1.js";
+import { r as c, h as s, H as e } from "./index.2ad19391.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 {