@getflip/swirl-components-react 0.209.0 → 0.210.0

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

@@ -63,6 +63,7 @@ export declare const SwirlIconArrowLeft: import("react").ForwardRefExoticCompone
 export declare const SwirlIconArrowRight: import("react").ForwardRefExoticComponent<JSX.SwirlIconArrowRight & Omit<import("react").HTMLAttributes<HTMLSwirlIconArrowRightElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconArrowRightElement>>;
 export declare const SwirlIconArrowRightSmall: import("react").ForwardRefExoticComponent<JSX.SwirlIconArrowRightSmall & Omit<import("react").HTMLAttributes<HTMLSwirlIconArrowRightSmallElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconArrowRightSmallElement>>;
 export declare const SwirlIconArrowUpward: import("react").ForwardRefExoticComponent<JSX.SwirlIconArrowUpward & Omit<import("react").HTMLAttributes<HTMLSwirlIconArrowUpwardElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconArrowUpwardElement>>;
+export declare const SwirlIconAspectRatio: import("react").ForwardRefExoticComponent<JSX.SwirlIconAspectRatio & Omit<import("react").HTMLAttributes<HTMLSwirlIconAspectRatioElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconAspectRatioElement>>;
 export declare const SwirlIconAttachment: import("react").ForwardRefExoticComponent<JSX.SwirlIconAttachment & Omit<import("react").HTMLAttributes<HTMLSwirlIconAttachmentElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconAttachmentElement>>;
 export declare const SwirlIconBarChart: import("react").ForwardRefExoticComponent<JSX.SwirlIconBarChart & Omit<import("react").HTMLAttributes<HTMLSwirlIconBarChartElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconBarChartElement>>;
 export declare const SwirlIconBlock: import("react").ForwardRefExoticComponent<JSX.SwirlIconBlock & Omit<import("react").HTMLAttributes<HTMLSwirlIconBlockElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconBlockElement>>;
@@ -84,6 +85,7 @@ export declare const SwirlIconCloudUpload: import("react").ForwardRefExoticCompo
 export declare const SwirlIconColumn: import("react").ForwardRefExoticComponent<JSX.SwirlIconColumn & Omit<import("react").HTMLAttributes<HTMLSwirlIconColumnElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconColumnElement>>;
 export declare const SwirlIconComment: import("react").ForwardRefExoticComponent<JSX.SwirlIconComment & Omit<import("react").HTMLAttributes<HTMLSwirlIconCommentElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconCommentElement>>;
 export declare const SwirlIconCopy: import("react").ForwardRefExoticComponent<JSX.SwirlIconCopy & Omit<import("react").HTMLAttributes<HTMLSwirlIconCopyElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconCopyElement>>;
+export declare const SwirlIconCrop: import("react").ForwardRefExoticComponent<JSX.SwirlIconCrop & Omit<import("react").HTMLAttributes<HTMLSwirlIconCropElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconCropElement>>;
 export declare const SwirlIconDarkMode: import("react").ForwardRefExoticComponent<JSX.SwirlIconDarkMode & Omit<import("react").HTMLAttributes<HTMLSwirlIconDarkModeElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconDarkModeElement>>;
 export declare const SwirlIconDateRange: import("react").ForwardRefExoticComponent<JSX.SwirlIconDateRange & Omit<import("react").HTMLAttributes<HTMLSwirlIconDateRangeElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconDateRangeElement>>;
 export declare const SwirlIconDelete: import("react").ForwardRefExoticComponent<JSX.SwirlIconDelete & Omit<import("react").HTMLAttributes<HTMLSwirlIconDeleteElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconDeleteElement>>;
@@ -172,12 +174,20 @@ export declare const SwirlIconPlace: import("react").ForwardRefExoticComponent<J
 export declare const SwirlIconPlayArrow: import("react").ForwardRefExoticComponent<JSX.SwirlIconPlayArrow & Omit<import("react").HTMLAttributes<HTMLSwirlIconPlayArrowElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconPlayArrowElement>>;
 export declare const SwirlIconPoll: import("react").ForwardRefExoticComponent<JSX.SwirlIconPoll & Omit<import("react").HTMLAttributes<HTMLSwirlIconPollElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconPollElement>>;
 export declare const SwirlIconPrint: import("react").ForwardRefExoticComponent<JSX.SwirlIconPrint & Omit<import("react").HTMLAttributes<HTMLSwirlIconPrintElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconPrintElement>>;
+export declare const SwirlIconRatioFourToThree: import("react").ForwardRefExoticComponent<JSX.SwirlIconRatioFourToThree & Omit<import("react").HTMLAttributes<HTMLSwirlIconRatioFourToThreeElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconRatioFourToThreeElement>>;
+export declare const SwirlIconRatioFreeform: import("react").ForwardRefExoticComponent<JSX.SwirlIconRatioFreeform & Omit<import("react").HTMLAttributes<HTMLSwirlIconRatioFreeformElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconRatioFreeformElement>>;
+export declare const SwirlIconRatioSixteenToNine: import("react").ForwardRefExoticComponent<JSX.SwirlIconRatioSixteenToNine & Omit<import("react").HTMLAttributes<HTMLSwirlIconRatioSixteenToNineElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconRatioSixteenToNineElement>>;
+export declare const SwirlIconRatioSquare: import("react").ForwardRefExoticComponent<JSX.SwirlIconRatioSquare & Omit<import("react").HTMLAttributes<HTMLSwirlIconRatioSquareElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconRatioSquareElement>>;
+export declare const SwirlIconRatioThreeToFour: import("react").ForwardRefExoticComponent<JSX.SwirlIconRatioThreeToFour & Omit<import("react").HTMLAttributes<HTMLSwirlIconRatioThreeToFourElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconRatioThreeToFourElement>>;
+export declare const SwirlIconRatioThreeToTwo: import("react").ForwardRefExoticComponent<JSX.SwirlIconRatioThreeToTwo & Omit<import("react").HTMLAttributes<HTMLSwirlIconRatioThreeToTwoElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconRatioThreeToTwoElement>>;
 export declare const SwirlIconRecieved: import("react").ForwardRefExoticComponent<JSX.SwirlIconRecieved & Omit<import("react").HTMLAttributes<HTMLSwirlIconRecievedElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconRecievedElement>>;
 export declare const SwirlIconRemove: import("react").ForwardRefExoticComponent<JSX.SwirlIconRemove & Omit<import("react").HTMLAttributes<HTMLSwirlIconRemoveElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconRemoveElement>>;
 export declare const SwirlIconRemoveModerator: import("react").ForwardRefExoticComponent<JSX.SwirlIconRemoveModerator & Omit<import("react").HTMLAttributes<HTMLSwirlIconRemoveModeratorElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconRemoveModeratorElement>>;
 export declare const SwirlIconReply: import("react").ForwardRefExoticComponent<JSX.SwirlIconReply & Omit<import("react").HTMLAttributes<HTMLSwirlIconReplyElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconReplyElement>>;
 export declare const SwirlIconReport: import("react").ForwardRefExoticComponent<JSX.SwirlIconReport & Omit<import("react").HTMLAttributes<HTMLSwirlIconReportElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconReportElement>>;
 export declare const SwirlIconRoadmap: import("react").ForwardRefExoticComponent<JSX.SwirlIconRoadmap & Omit<import("react").HTMLAttributes<HTMLSwirlIconRoadmapElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconRoadmapElement>>;
+export declare const SwirlIconRotateLeft: import("react").ForwardRefExoticComponent<JSX.SwirlIconRotateLeft & Omit<import("react").HTMLAttributes<HTMLSwirlIconRotateLeftElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconRotateLeftElement>>;
+export declare const SwirlIconRotateRight: import("react").ForwardRefExoticComponent<JSX.SwirlIconRotateRight & Omit<import("react").HTMLAttributes<HTMLSwirlIconRotateRightElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconRotateRightElement>>;
 export declare const SwirlIconSearch: import("react").ForwardRefExoticComponent<JSX.SwirlIconSearch & Omit<import("react").HTMLAttributes<HTMLSwirlIconSearchElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconSearchElement>>;
 export declare const SwirlIconSearchStrong: import("react").ForwardRefExoticComponent<JSX.SwirlIconSearchStrong & Omit<import("react").HTMLAttributes<HTMLSwirlIconSearchStrongElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconSearchStrongElement>>;
 export declare const SwirlIconSecure: import("react").ForwardRefExoticComponent<JSX.SwirlIconSecure & Omit<import("react").HTMLAttributes<HTMLSwirlIconSecureElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLSwirlIconSecureElement>>;

package/dist/{swirl-accordion-item.entry.c49d5f5a.js → swirl-accordion-item.entry.18615ba5.js}

@@ -1,11 +1,11 @@
-import { r as t, c as d, h as e, H as n, g as s } from "./index.1e316f69.js";
+import { r as d, c as t, h as e, H as n, g as s } from "./index.72c526c1.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import { v as o } from "./v4-23648a96.77c7c20f.js";
 import "react";
 import "react-dom";
 const c = ":host{display:block}:host *{box-sizing:border-box}.accordion-item{display:grid;align-content:start;border-top:0.0625rem solid var(--s-border-default);transition:grid-template-rows 0.15s;grid-template-rows:auto 0fr;will-change:grid-template-rows}@media (prefers-reduced-motion){.accordion-item{transition:none}}.accordion-item--expanded{grid-template-rows:auto 1fr}.accordion-item--expanded .accordion-item__content{padding-top:var(--s-space-16);padding-bottom:var(--s-space-16);animation:accordion-overflow 0.01s;animation-delay:0.15s;animation-fill-mode:forwards}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.accordion-item--expanded .accordion-item__content{padding-top:var(--s-space-8)}}.accordion-item__heading{margin:0;padding:0;font-size:var(--s-font-size-base);font-weight:var(--s-font-weight-semibold)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.accordion-item__heading{font-size:var(--s-font-size-sm)}}.accordion-item__toggle{display:flex;width:100%;padding:0;padding-top:var(--s-space-16);padding-bottom:var(--s-space-16);align-items:center;border:none;color:var(--s-text-default);background-color:var(--swirl-accordion-item-toggle-default);font:inherit;line-height:var(--s-line-height-lg);text-align:start;cursor:pointer;gap:var(--s-space-16)}.accordion-item__toggle:hover{background-color:var(--swirl-accordion-item-toggle-hovered)}.accordion-item__toggle:active{background-color:var(--swirl-accordion-item-toggle-pressed)}.accordion-item__toggle:disabled{color:var(--s-text-disabled);background-color:var(--swirl-accordion-item-toggle-default);cursor:default}.accordion-item__toggle:disabled .text{color:var(--s-text-disabled)}.accordion-item__toggle:focus:not(:focus-visible){outline:none}.accordion-item__toggle:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.accordion-item__toggle{line-height:var(--s-line-height-sm)}}.accordion-item__toggle-text{flex-grow:1}.accordion-item__icon{display:inline-flex;padding-right:var(--s-space-8);flex-shrink:0}.accordion-item__content{overflow:hidden;padding-top:0;padding-bottom:0;transition:padding-top 0.15s, padding-bottom 0.15s;animation:accordion-display 0.01s;animation-delay:0.15s;animation-fill-mode:forwards}@media (prefers-reduced-motion){.accordion-item__content{transition:none}}@keyframes accordion-overflow{from{overflow:hidden}to{overflow:visible}}@keyframes accordion-display{from{display:block}to{display:none}}", l = c, h = class {
   constructor(i) {
-    t(this, i), this.expansionChange = d(this, "expansionChange", 7), this.headingId = `${o()}-heading`, this.onHeadingClick = () => {
+    d(this, i), this.expansionChange = t(this, "expansionChange", 7), this.headingId = `${o()}-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;
   }
@@ -26,7 +26,7 @@ const c = ":host{display:block}:host *{box-sizing:border-box}.accordion-item{dis
     const i = `h${this.headingLevel}`, a = r("accordion-item", {
       "accordion-item--expanded": this.expanded
     });
-    return e(n, { key: "c5fb72c08f131695556830ce5e5f45a5bb330e15" }, e("div", { key: "4ce3375f9e483e6959633a2711200128f02f328f", class: a }, e(i, { key: "82d4ec3328fea8f4c355a0291fb2025cb2305e14", class: "accordion-item__heading" }, e("button", { key: "2e2e3b323168087b6d695c6cad71f1ee86e26ea1", "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: "a862c7c928b242edb02451d09f226d51845435fd", class: "accordion-item__toggle-text" }, this.heading, this.description && e("swirl-text", { key: "65984aa6ba71b344652547c3f4d55609465ed063", as: "span", color: "subdued", size: "sm" }, this.description)), e("span", { key: "fadaecd3a70f827bae216bb2efe1ced1ff2ee1cb", class: "accordion-item__icon" }, !this.expanded && e("swirl-icon", { key: "18ab125ef2bfff4bc25ef716b1ba010e866ed072", glyph: "chevron-right", size: 20 }), this.expanded && e("swirl-icon", { key: "37f77dc559294c644c90b8d51aa60aa2c43c890d", glyph: "expand-more", size: 20 })))), e("div", { key: "56500ffbc788733df911eb22a2689c69bb218c01", "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, e("slot", { key: "a0ce193e34c23b918f33d6edb192cd72d6263edc" }))));
+    return e(n, { key: "67ec056db282f6271b840b625c1710210527407c" }, e("div", { key: "7ed31ee324bbe4ef5a0e33d06ffb823078f03456", class: a }, e(i, { key: "fbd251c20be3819cfa5532dda293dacd27289ef5", class: "accordion-item__heading" }, e("button", { key: "2cd388db9d9d03c3a4329d03805b251789f0d263", "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: "f6be5d604bcfb7e0c227c0c0d5d562f10b2869ff", class: "accordion-item__toggle-text" }, this.heading, this.description && e("swirl-text", { key: "96059f88e3cfcde327da3d3293d4c9b94abf5ab4", as: "span", color: "subdued", size: "sm" }, this.description)), e("span", { key: "6b03e01c94eea37b12c7a284745557d3f5e37c35", class: "accordion-item__icon" }, !this.expanded && e("swirl-icon", { key: "611c58f03dceee0c25043454cc2c01074465edb0", glyph: "chevron-right", size: 20 }), this.expanded && e("swirl-icon", { key: "f9f69e536d1d7dfa57f2dd32a836395696e260c9", glyph: "expand-more", size: 20 })))), e("div", { key: "f74e1f5c467e3d7c7da0fa60bf9e253709f42710", "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, e("slot", { key: "81ad5306146b4666340fa22fb8f7ad47eb7f42c3" }))));
   }
   get el() {
     return s(this);

package/dist/{swirl-accordion.entry.7696bfb5.js → swirl-accordion.entry.96e4a115.js}

@@ -1,7 +1,7 @@
-import { r as s, c as i, h as o, H as a, g as c } from "./index.1e316f69.js";
+import { r as s, c as i, h as o, H as a, g as l } from "./index.72c526c1.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 c = ":host{display:block}:host *{box-sizing:border-box}::slotted(*:last-child){border-bottom:0.0625rem solid var(--s-border-default)}", n = c, d = class {
   constructor(e) {
     s(this, e), this.expandedItemChange = i(this, "expandedItemChange", 7);
   }
@@ -24,10 +24,10 @@ const l = ":host{display:block}:host *{box-sizing:border-box}::slotted(*:last-ch
     });
   }
   render() {
-    return o(a, { key: "1d153043b4070ef905c97de8f659dfb04092b85c" }, o("slot", { key: "6c8b364ae769ef4b02bec8152c05e1f993226007" }));
+    return o(a, { key: "c8f62fc637bf9d0dbf43b2560e43967d3cee76a8" }, o("slot", { key: "c6bf9415b0a9669ab64badb00751f6afa58195ed" }));
   }
   get el() {
-    return c(this);
+    return l(this);
   }
 };
 d.style = n;

package/dist/{swirl-action-list-section.entry.684d006d.js → swirl-action-list-section.entry.aa20d5b8.js}

@@ -1,15 +1,15 @@
-import { r as i, h as e, H as a } from "./index.1e316f69.js";
+import { r as i, h as e, H as s } from "./index.72c526c1.js";
 import "react";
 import "react-dom";
-const s = ":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)}}", o = s, l = class {
+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)}}", o = a, c = class {
   constructor(t) {
     i(this, t), this.label = void 0;
   }
   render() {
-    return e(a, { key: "927db34f4367af342ca2be1f2a2c6ce608777908" }, e("div", { key: "17b5a7a69eba445e1f0d27ca33e7d9f0683a93e3", "aria-labelledby": "label", class: "action-list-section", role: "group" }, e("span", { key: "410a3f1233331e485c9d1c2a24c03359b487a681", class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), e("div", { key: "fa6b1057a74618660e3be76cd1c8ba70bf9fb285", class: "action-list-section__items" }, e("slot", { key: "7301b7ea9965d57a7827e6d76bec2507fd38da27" }))));
+    return e(s, { key: "cc51f08813f1a651387d90c76620808a3392bc1d" }, e("div", { key: "c64e5ac3c2c5d0c5f0637cbd09e5b3a91afa5abd", "aria-labelledby": "label", class: "action-list-section", role: "group" }, e("span", { key: "fecd8e137eba04498c10806f12325ba102f54632", class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), e("div", { key: "69c0c64930287f25d6f62b8893ed0d887bbcd166", class: "action-list-section__items" }, e("slot", { key: "b6333e430fd01f0833256dcc179695bc13a25ea9" }))));
   }
 };
-l.style = o;
+c.style = o;
 export {
-  l as swirl_action_list_section
+  c as swirl_action_list_section
 };

package/dist/{swirl-action-list_3.entry.2e60151d.js → swirl-action-list_3.entry.c9cf6618.js}

@@ -1,4 +1,4 @@
-import { r as n, h as o, H as r, g as c } from "./index.1e316f69.js";
+import { r as n, h as o, H as r, g as c } from "./index.72c526c1.js";
 import { q as h, b as f, g as p } from "./utils-9b747dd7.4c4c7dc0.js";
 import { c as d } from "./index-267776a4.6beb4f4b.js";
 import "react";
@@ -43,7 +43,7 @@ const u = ":host{display:block;width:100%}:host *{box-sizing:border-box}.action-
     return t.findIndex((i) => i === e || i === (e == null ? void 0 : e.querySelector('[role="menuitem"]')));
   }
   render() {
-    return o(r, { key: "016a68b1efafa34c75ffb472e15c9ef387cf0137" }, o("div", { key: "056ce0eaf6a271301f9ef6ee11688d9b31a0ea56", "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: (t) => this.container = t, role: "menu" }, o("slot", { key: "238ba8f4d7939c68ab1eb077cc20265e6b1c808d" })));
+    return o(r, { key: "129448aa006c30c958b1b64fd47bf40f2c7c5f41" }, o("div", { key: "235c654c64873bc178006ed0c087ee356fb9f524", "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: (t) => this.container = t, role: "menu" }, o("slot", { key: "8d8c5bb1f457d5621efce8107aeec46a6516bfa6" })));
   }
   get el() {
     return c(this);

package/dist/{swirl-app-bar.entry.473d0abb.js → swirl-app-bar.entry.25117ad1.js}

@@ -1,4 +1,4 @@
-import { r as o, c as i, h as t, H as c, g as r } from "./index.1e316f69.js";
+import { r as o, c as i, h as t, H as c, g as r } from "./index.72c526c1.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-app-icon.entry.3dc998ab.js → swirl-app-icon.entry.3df2ffbd.js}

@@ -1,4 +1,4 @@
-import { r as n, h as e, H as o } from "./index.1e316f69.js";
+import { r as n, h as e, H as o } from "./index.72c526c1.js";
 import { c as t } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -14,7 +14,7 @@ const c = ":host{display:inline-flex}:host *{box-sizing:border-box}.app-icon{pos
     const i = Boolean(this.src) && (this.imageAvailable || this.imageAvailable === void 0), a = !i && Boolean(this.icon), s = t("app-icon", {
       "app-icon--has-icon": a || !i && !a
     });
-    return e(o, { key: "f97bae487147f331d829cbcea9e37b31defa9588" }, e("span", { key: "6a7156db720270c6f282c8617a4f59ec9f738d2e", class: s }, i && e("img", { key: "071fc2609df21ee9a5113ab7e5f990a4afed4a00", alt: "", height: "40", onError: this.setImageUnavailable, onLoad: this.setImageAvailable, src: this.src, width: "40" }), a && e("span", { key: "d0e18e9f999278717f081b8cf591428da15f96fe", class: "app-icon__icon", innerHTML: this.icon })));
+    return e(o, { key: "6c27f777f760870cef358329017e125385567d6f" }, e("span", { key: "baf94388b228a868887a4c99b856fd990f3dea5e", class: s }, i && e("img", { key: "ade0de82ead5b2138e3e4bfc8bda79020f64df04", alt: "", height: "40", onError: this.setImageUnavailable, onLoad: this.setImageAvailable, src: this.src, width: "40" }), a && e("span", { key: "91c804d057676aeb86f5012875d7ab5248661ebf", class: "app-icon__icon", innerHTML: this.icon })));
   }
 };
 r.style = l;

package/dist/{swirl-app-layout_6.entry.37900a77.js → swirl-app-layout_6.entry.f582f5e6.js}

@@ -1,4 +1,4 @@
-import { r as n, c as s, h as t, H as c, g as p, F as r } from "./index.1e316f69.js";
+import { r as n, c as s, h as t, H as c, g as p, F as r } from "./index.72c526c1.js";
 import { c as d } from "./index-267776a4.6beb4f4b.js";
 import { i as y, e as g, g as I } from "./utils-9b747dd7.4c4c7dc0.js";
 import { S } from "./sortable.esm-8c3d5856.57c4f048.js";
@@ -130,7 +130,7 @@ const V = ":host{display:block}:host *{box-sizing:border-box}.empty-state{displa
       "empty-state--has-controls": e,
       "empty-state--has-slotted-illustration": i
     });
-    return t(c, { key: "ce680f789d54142b969aa9b5057fbcab2be709f5" }, t("div", { key: "8fdc1c54c91fc3eb1720709bb4d2ac6e20f2f87a", class: a }, this.illustration && !i && t("img", { key: "0080f42a829f5f80f7cb0717c29e877a91e29d18", alt: "", class: "empty-state__illustration", src: this.illustration }), t("div", { key: "b9b47b29ed7800944e44e97e5392e9f27383283a", class: "empty-state__slotted-illustration" }, t("slot", { key: "8ac117931be0960aefe1aa5e90cf62797c5a1b03", name: "illustration" })), t("div", { key: "34833957fdcd789e206ee282a74ec6ff4959266a", class: "empty-state__body" }, t("swirl-stack", { key: "3c6d362a8b881ff864806de80e5771eaac5043eb", align: "stretch", spacing: "8" }, this.heading && t("swirl-heading", { key: "7a743cc9e8bc8e1c7106699b8c7e3bb7d7058b34", align: "center", as: "p", level: 4, text: this.heading }), t("div", { key: "4b80295f0b7d553faa47dc3b57266f4cc849ba6a", class: "empty-state__content" }, t("swirl-text", { key: "bde3957027614171e265a5822bc28efc372a99dd", align: "center", color: "subdued" }, t("slot", { key: "41cf5d3dab78f4169a005aa4a8758f1909a03609" })))), t("div", { key: "20a1fb9f3bc09a8fec783520e2ad6705e463df85", class: "empty-state__controls" }, t("slot", { key: "076b3dcd4089c8312568d0421657c1daabf5157a", name: "controls" })))));
+    return t(c, { key: "68a098ca5f8a8d5efbfe7c3f1df7134bb9e1f8af" }, t("div", { key: "823f99dfff3e893833cc4962e659f5971c0ebf1f", class: a }, this.illustration && !i && t("img", { key: "d6edeeaf702e9b5985196e1694d7e438eedbef6f", alt: "", class: "empty-state__illustration", src: this.illustration }), t("div", { key: "2cfeb471fd429c6b7e378851cac58ec302a71e29", class: "empty-state__slotted-illustration" }, t("slot", { key: "6a7523d49b9c328f7970e77da778a3c2ef2b0f98", name: "illustration" })), t("div", { key: "c6d46fccb5610ffd6fa2446b6431795850f67168", class: "empty-state__body" }, t("swirl-stack", { key: "e046e467d5f3fc992f85893714431e4c92360c38", align: "stretch", spacing: "8" }, this.heading && t("swirl-heading", { key: "015a0ba1cf47ca2ef8793f24bfc83e5f148e59c6", align: "center", as: "p", level: 4, text: this.heading }), t("div", { key: "9a6865d7fa3674c0195bb505392bf15f1fef0467", class: "empty-state__content" }, t("swirl-text", { key: "3189f7dc6b51f547c59a00787647daafd13da472", align: "center", color: "subdued" }, t("slot", { key: "e8d997f7077cd52fb194625a85774c810a52fbe4" })))), t("div", { key: "d140ead53f9ebec2ae857f0a790be0ba6e817792", class: "empty-state__controls" }, t("slot", { key: "9e35832b03583c0533e56e6b1150beab74f3df43", name: "controls" })))));
   }
   get el() {
     return p(this);
@@ -145,7 +145,7 @@ const z = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{
     const e = this.size === 20 ? 24 : this.size, i = {
       color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
     }, a = d("swirl-icon", `swirl-icon--size-${this.size}`);
-    return t("svg", { key: "1512113717bb3855b31f7b44923aa91b673ab43a", "aria-hidden": "true", class: a, fill: "none", height: this.size, part: "icon", style: i, viewBox: `0 0 ${e} ${e}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && t(r, { key: "dc25ce36a7d7c445faf48bfe669599ec283b25cc" }, t("path", { key: "9085c022927101d04d348fa999e98a24f16c6f8a", d: "M4.00002 14.6666C3.63335 14.6666 3.31958 14.5362 3.05869 14.2753C2.79735 14.014 2.66669 13.7 2.66669 13.3333V2.66665C2.66669 2.29998 2.79735 1.98598 3.05869 1.72465C3.31958 1.46376 3.63335 1.33331 4.00002 1.33331H8.78335C8.96113 1.33331 9.13069 1.36665 9.29202 1.43331C9.45291 1.49998 9.59446 1.59442 9.71669 1.71665L12.95 4.94998C13.0722 5.0722 13.1667 5.21376 13.2334 5.37465C13.3 5.53598 13.3334 5.70553 13.3334 5.88331V13.3333C13.3334 13.7 13.2029 14.014 12.942 14.2753C12.6807 14.5362 12.3667 14.6666 12 14.6666H4.00002ZM8.66669 5.33331V2.66665H4.00002V13.3333H12V5.99998H9.33335C9.14446 5.99998 8.98624 5.93598 8.85869 5.80798C8.73069 5.68042 8.66669 5.5222 8.66669 5.33331Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && t(r, { key: "05c627acfa99b1ec8b88a19cb6c82eb27abc833c" }, t("path", { key: "67ae6ee6feac869ced83c6eb8da1e7f853065aac", d: "M6 22C5.45 22 4.97933 21.8043 4.588 21.413C4.196 21.021 4 20.55 4 20V4C4 3.45 4.196 2.979 4.588 2.587C4.97933 2.19567 5.45 2 6 2H13.175C13.4417 2 13.696 2.05 13.938 2.15C14.1793 2.25 14.3917 2.39167 14.575 2.575L19.425 7.425C19.6083 7.60833 19.75 7.82067 19.85 8.062C19.95 8.304 20 8.55833 20 8.825V20C20 20.55 19.8043 21.021 19.413 21.413C19.021 21.8043 18.55 22 18 22H6ZM13 8V4H6V20H18V9H14C13.7167 9 13.4793 8.904 13.288 8.712C13.096 8.52067 13 8.28333 13 8Z", fill: "currentColor" })), this.size === 28 && t(r, { key: "e516f7b6be706274104da65edc020365acde5f4a" }, t("path", { key: "2ae8b9c418909f9cbe6a1c79677acd23d2bc3ff4", d: "M7.00002 25.6666C6.35835 25.6666 5.80924 25.4384 5.35269 24.9818C4.89535 24.5245 4.66669 23.975 4.66669 23.3333V4.66665C4.66669 4.02498 4.89535 3.47548 5.35269 3.01815C5.80924 2.56159 6.35835 2.33331 7.00002 2.33331H15.3709C15.682 2.33331 15.9787 2.39165 16.261 2.50831C16.5426 2.62498 16.7903 2.79026 17.0042 3.00415L22.6625 8.66248C22.8764 8.87637 23.0417 9.12409 23.1584 9.40565C23.275 9.68798 23.3334 9.9847 23.3334 10.2958V23.3333C23.3334 23.975 23.1051 24.5245 22.6485 24.9818C22.1912 25.4384 21.6417 25.6666 21 25.6666H7.00002ZM15.1667 9.33331V4.66665H7.00002V23.3333H21V10.5H16.3334C16.0028 10.5 15.7259 10.388 15.5027 10.164C15.2787 9.94076 15.1667 9.66387 15.1667 9.33331Z", fill: "currentColor" })));
+    return t("svg", { key: "f877cb160088c34216a69b054969235800272b22", "aria-hidden": "true", class: a, fill: "none", height: this.size, part: "icon", style: i, viewBox: `0 0 ${e} ${e}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && t(r, { key: "11514dda55d6573c1eef9302634913bca5d70685" }, t("path", { key: "4a374e1ab73afb038d0a885988446bdfda18f2d2", d: "M4.00002 14.6666C3.63335 14.6666 3.31958 14.5362 3.05869 14.2753C2.79735 14.014 2.66669 13.7 2.66669 13.3333V2.66665C2.66669 2.29998 2.79735 1.98598 3.05869 1.72465C3.31958 1.46376 3.63335 1.33331 4.00002 1.33331H8.78335C8.96113 1.33331 9.13069 1.36665 9.29202 1.43331C9.45291 1.49998 9.59446 1.59442 9.71669 1.71665L12.95 4.94998C13.0722 5.0722 13.1667 5.21376 13.2334 5.37465C13.3 5.53598 13.3334 5.70553 13.3334 5.88331V13.3333C13.3334 13.7 13.2029 14.014 12.942 14.2753C12.6807 14.5362 12.3667 14.6666 12 14.6666H4.00002ZM8.66669 5.33331V2.66665H4.00002V13.3333H12V5.99998H9.33335C9.14446 5.99998 8.98624 5.93598 8.85869 5.80798C8.73069 5.68042 8.66669 5.5222 8.66669 5.33331Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && t(r, { key: "4535712cc1df13dc89663661308dde626585725a" }, t("path", { key: "376e4c8790a4ecf4034e9bdad0ee72f94b98cd40", d: "M6 22C5.45 22 4.97933 21.8043 4.588 21.413C4.196 21.021 4 20.55 4 20V4C4 3.45 4.196 2.979 4.588 2.587C4.97933 2.19567 5.45 2 6 2H13.175C13.4417 2 13.696 2.05 13.938 2.15C14.1793 2.25 14.3917 2.39167 14.575 2.575L19.425 7.425C19.6083 7.60833 19.75 7.82067 19.85 8.062C19.95 8.304 20 8.55833 20 8.825V20C20 20.55 19.8043 21.021 19.413 21.413C19.021 21.8043 18.55 22 18 22H6ZM13 8V4H6V20H18V9H14C13.7167 9 13.4793 8.904 13.288 8.712C13.096 8.52067 13 8.28333 13 8Z", fill: "currentColor" })), this.size === 28 && t(r, { key: "94805d11410b1a011e80afeef7ebca536bdd5157" }, t("path", { key: "069ddff64a6b6d080f499ba18d68fcc072a078a2", d: "M7.00002 25.6666C6.35835 25.6666 5.80924 25.4384 5.35269 24.9818C4.89535 24.5245 4.66669 23.975 4.66669 23.3333V4.66665C4.66669 4.02498 4.89535 3.47548 5.35269 3.01815C5.80924 2.56159 6.35835 2.33331 7.00002 2.33331H15.3709C15.682 2.33331 15.9787 2.39165 16.261 2.50831C16.5426 2.62498 16.7903 2.79026 17.0042 3.00415L22.6625 8.66248C22.8764 8.87637 23.0417 9.12409 23.1584 9.40565C23.275 9.68798 23.3334 9.9847 23.3334 10.2958V23.3333C23.3334 23.975 23.1051 24.5245 22.6485 24.9818C22.1912 25.4384 21.6417 25.6666 21 25.6666H7.00002ZM15.1667 9.33331V4.66665H7.00002V23.3333H21V10.5H16.3334C16.0028 10.5 15.7259 10.388 15.5027 10.164C15.2787 9.94076 15.1667 9.66387 15.1667 9.33331Z", fill: "currentColor" })));
   }
 };
 E.style = T;
@@ -157,7 +157,7 @@ const N = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{
     const e = this.size === 20 ? 24 : this.size, i = {
       color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
     }, a = d("swirl-icon", `swirl-icon--size-${this.size}`);
-    return t("svg", { key: "1f5dfd5620cb35220c7b06730fc7375ed2f136e8", "aria-hidden": "true", class: a, fill: "none", height: this.size, part: "icon", style: i, viewBox: `0 0 ${e} ${e}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && t(r, { key: "a8285cafe010c511547b400c56de2189d476887e" }, t("path", { key: "2b215d8b3a6e147b7f1a26d2226185f5ed059f1c", 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) && t(r, { key: "cfbcd6cf0ac42fd890fe669960cfeb316d14e3f4" }, t("path", { key: "eeb7e1c2f85c75ad1d783fa4891554052908cdd1", 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 && t(r, { key: "664075b7d81155df1de628b6586953b588469f2d" }, t("path", { key: "397679e00b3ff7ff34fd1a9957a9a816c4b2cce7", 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 t("svg", { key: "5e9f43a99f0b2e10eb90d120d4f3871208439aac", "aria-hidden": "true", class: a, fill: "none", height: this.size, part: "icon", style: i, viewBox: `0 0 ${e} ${e}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && t(r, { key: "c7b29b2e15ad60e1d9806b12e73d0843e665367b" }, t("path", { key: "1a67b52c47803a744c782462c9d1734fe5acb881", 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) && t(r, { key: "90ed2c0f4b450777461fdf0dacb8dcc8ed532dd2" }, t("path", { key: "4a3015c20e06e129324be2722f4a24fe59b6428c", 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 && t(r, { key: "65f62c48f53d4b9d08351a5eae1e7ba08d9daee6" }, t("path", { key: "fa98fa418c71f115ffd654c1615704415140dc21", 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" })));
   }
 };
 $.style = F;
@@ -276,7 +276,7 @@ const q = ".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource
     !Boolean(e) || (e.before(this.dragging), this.collectItems(), this.focusItemAtIndex(this.getItemIndex(this.dragging)), this.assistiveText = `${this.assistiveTextItemMoving} ${this.getItemIndex(this.dragging) + 1}`);
   }
   render() {
-    return t(c, { key: "80d6a1ba364e20890058c6f15bd17fe6ef9ff9dc", onKeyDown: this.onKeyDown }, t("swirl-visually-hidden", { key: "7292b5e14553086a4ade7ff77c3613207b9f587d", role: "alert" }, this.assistiveText), t("swirl-box", { key: "a90ade410d03ae881775c5a1f29b917ef74a6f75", paddingInlineEnd: "8", paddingInlineStart: "8" }, t("swirl-stack", { key: "04bb92356446a595cbcd54e533819e23515c383d", "aria-label": this.label, class: "resource-list", id: this.listId, ref: (e) => this.gridEl = e, role: "grid" }, t("slot", { key: "08c50a069add01c5f873cf32a121426dff82a666" }))));
+    return t(c, { key: "a1f46fe1780e03b87bf797c6112b1f0be822acdf", onKeyDown: this.onKeyDown }, t("swirl-visually-hidden", { key: "83329afd9a8507b98c6de4d3e59969ef8312121d", role: "alert" }, this.assistiveText), t("swirl-box", { key: "c84207f63d3c29f9bd4142a4899481a48734c7c0", paddingInlineEnd: "8", paddingInlineStart: "8" }, t("swirl-stack", { key: "d90b3f450ecf2b4a1c8523ac2937afaba84ec9af", "aria-label": this.label, class: "resource-list", id: this.listId, ref: (e) => this.gridEl = e, role: "grid" }, t("slot", { key: "23e4179a42022c899bdf772d4ee3ed21f6690a77" }))));
   }
   get el() {
     return p(this);

package/dist/{swirl-autocomplete.entry.1ba9e6c2.js → swirl-autocomplete.entry.7e5f6cd6.js}

@@ -1,4 +1,4 @@
-import { r as p, c as m, h as o, H as f, g as b } from "./index.1e316f69.js";
+import { r as p, c as m, h as o, H as f, g as b } from "./index.72c526c1.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-9b747dd7.4c4c7dc0.js";

package/dist/{swirl-avatar-group.entry.99f95196.js → swirl-avatar-group.entry.1db2f801.js}

@@ -1,10 +1,10 @@
-import { r as s, h as a, H as d } from "./index.1e316f69.js";
+import { r as s, h as r, H as i } from "./index.72c526c1.js";
 import { c as e } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
-const i = ":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 = i, n = class {
-  constructor(r) {
-    s(this, r), 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, n = class {
+  constructor(a) {
+    s(this, a), this.badge = void 0;
   }
   componentDidLoad() {
     this.forceBadgeProps();
@@ -12,14 +12,14 @@ const i = ":host{display:inline-flex}:host *{box-sizing:border-box}.avatar-group
   forceBadgeProps() {
     if (!Boolean(this.badge))
       return;
-    const r = this.badgeEl.querySelector("swirl-badge");
-    r == null || r.setAttribute("size", "s");
+    const a = this.badgeEl.querySelector("swirl-badge");
+    a == null || a.setAttribute("size", "s");
   }
   render() {
-    const r = e("avatar-group", {
+    const a = e("avatar-group", {
       "avatar-group--has-badge": Boolean(this.badge)
     }), t = e("avatar-group__badge");
-    return a(d, { key: "aa452d582533099d963653e44756e5655409dbd7" }, a("div", { key: "7470d5a2177a97cf8911cb5eeb2e97f457bff3d4", class: r, role: "group" }, a("slot", { key: "67eec0d1d474e0d16ec4fe1ecd5d05b2ed827606" }), this.badge && a("span", { key: "6931f33cb7588d3f49469ff492236911582732a1", class: t, innerHTML: this.badge, ref: (o) => this.badgeEl = o })));
+    return r(i, { key: "8f6ebaa19ae5d93ace284fd60a37d0df0cfcce4d" }, r("div", { key: "873a1087e21a0a920a40a0c71a1a5454adfd3a1b", class: a, role: "group" }, r("slot", { key: "931817a6b8c18d44df5084ffc5d05898cff58206" }), this.badge && r("span", { key: "b05b79bc1d1386b851afe0aaee8d0c13951f5494", class: t, innerHTML: this.badge, ref: (o) => this.badgeEl = o })));
   }
 };
 n.style = l;

package/dist/{swirl-avatar.entry.2840c5f5.js → swirl-avatar.entry.565c69c1.js}

@@ -1,4 +1,4 @@
-import { r as f, c as n, h as i, H as b, g } from "./index.1e316f69.js";
+import { r as f, c as n, h as i, H as b, g } from "./index.72c526c1.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-badge.entry.0717ab20.js → swirl-badge.entry.7f12f558.js}

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

package/dist/{swirl-banner.entry.d9aad68d.js → swirl-banner.entry.20a566de.js}

@@ -1,4 +1,4 @@
-import { r as o, c as r, h as t, H as c, g as d } from "./index.1e316f69.js";
+import { r as o, c as r, h as t, H as c, g as d } from "./index.72c526c1.js";
 import { c as b } from "./index-267776a4.6beb4f4b.js";
 import { g as l } from "./utils-9b747dd7.4c4c7dc0.js";
 import "react";

package/dist/{swirl-box.entry.f8987135.js → swirl-box.entry.a30ff1a8.js}

@@ -1,4 +1,4 @@
-import { r as t, h as d, H as n } from "./index.1e316f69.js";
+import { r as t, h as d, H as n } from "./index.72c526c1.js";
 import { c as s } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-button-group.entry.5ca1b4d5.js → swirl-button-group.entry.a79439f0.js}

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

package/dist/{swirl-button.entry.e47a4c8a.js → swirl-button.entry.7e4d4ee8.js}

@@ -1,4 +1,4 @@
-import { r as b, h as n, H as u, g as c } from "./index.1e316f69.js";
+import { r as b, h as n, H as u, g as c } from "./index.72c526c1.js";
 import { c as d } from "./index-267776a4.6beb4f4b.js";
 import { g as v } from "./utils-9b747dd7.4c4c7dc0.js";
 import "react";

package/dist/{swirl-card.entry.e203dc53.js → swirl-card.entry.a9aa2630.js}

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

package/dist/swirl-carousel-slide.entry.c10be377.js

@@ -0,0 +1,19 @@
+import { r as i, h as e, H as t } from "./index.72c526c1.js";
+import { c as l } from "./index-267776a4.6beb4f4b.js";
+import "react";
+import "react-dom";
+const o = ":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%}", a = o, r = class {
+  constructor(s) {
+    i(this, s), this.label = void 0, this.minHeight = void 0, this.width = "15.5rem";
+  }
+  render() {
+    const s = l("carousel-slide", {
+      "carousel-slide--has-min-height": Boolean(this.minHeight)
+    });
+    return e(t, { key: "d9e38fd7834a5a035e8a2a24c5c898eb77271560", "aria-roledescription": "slide", "aria-label": this.label, class: s, role: "group", style: { flexBasis: this.width, minHeight: this.minHeight }, tabIndex: 0 }, e("slot", { key: "aa8dc3486577d542ffbf648ee7f24206fe61734c" }));
+  }
+};
+r.style = a;
+export {
+  r as swirl_carousel_slide
+};

package/dist/{swirl-carousel.entry.61a883da.js → swirl-carousel.entry.9148a6a0.js}

@@ -1,11 +1,11 @@
-import { r as a, c as n, h as l, H as r, g as c } from "./index.1e316f69.js";
+import { r as n, c as a, h as l, H as r, g as c } from "./index.72c526c1.js";
 import { d } from "./utils-9b747dd7.4c4c7dc0.js";
 import "react";
 import "react-dom";
 const h = `:host{position:relative;display:block;overflow:hidden;width:100%;margin-top:calc(-1 * var(--s-space-24));margin-bottom:calc(-1 * var(--s-space-24))}:host(:hover) .carousel__previous-slide-button{pointer-events:auto;opacity:1}:host(:hover) .carousel__next-slide-button{pointer-events:auto;opacity:1}:host *{box-sizing:border-box}.carousel{position:relative;overflow:hidden;width:100%}.carousel__slides{position:relative;display:flex;overflow-x:auto;overflow-y:hidden;width:100%;padding:var(--s-space-24) var(--s-space-16) var(--s-space-24)
     var(--s-space-16);scroll-padding:var(--s-space-16);scrollbar-width:none;scroll-snap-type:x mandatory;scroll-behavior:smooth}.carousel__slides::-webkit-scrollbar{display:none}.carousel__slides ::slotted(*){margin-left:var(--s-space-16);flex-grow:0;flex-shrink:0;scroll-snap-align:start}@media (min-width: 768px){.carousel__slides ::slotted(*){margin-left:var(--s-space-24)}}@media (min-width: 768px){.carousel__slides{padding-right:var(--s-space-24);padding-left:var(--s-space-24);scroll-padding:var(--s-space-24)}}.carousel__previous-slide-button{position:absolute;z-index:1;top:calc(50% - var(--s-space-12));left:var(--s-space-4);visibility:hidden;transition:opacity 0.2s;transform:translateY(-50%) scale(0.72);pointer-events:none;opacity:0}@media (min-width: 768px){.carousel__previous-slide-button{visibility:visible}}.carousel__next-slide-button{position:absolute;z-index:1;top:calc(50% - var(--s-space-12));right:var(--s-space-4);visibility:hidden;transition:opacity 0.2s;transform:translateY(-50%) scale(0.72);pointer-events:none;opacity:0}@media (min-width: 768px){.carousel__next-slide-button{visibility:visible}}`, u = h, v = class {
   constructor(i) {
-    a(this, i), this.activeSlidesChange = n(this, "activeSlidesChange", 7), this.activeSlides = [], this.updateActiveSlideReferences = d(() => {
+    n(this, i), this.activeSlidesChange = a(this, "activeSlidesChange", 7), this.activeSlides = [], this.updateActiveSlideReferences = d(() => {
       const e = this.getActiveSlides();
       e.some((s, o) => this.activeSlides[o] !== s) && (this.activeSlides = e, this.activeSlidesChange.emit(this.activeSlides));
     }, 100), this.onPreviousSlideButtonClick = () => {
@@ -57,7 +57,7 @@ const h = `:host{position:relative;display:block;overflow:hidden;width:100%;marg
     return s >= e && o <= t;
   }
   render() {
-    return l(r, { key: "aab30bbdf49103123c0cacf6707662830517a5dd", "aria-label": this.label, "aria-roledescription": "carousel", role: "group" }, l("div", { key: "51abe6639be84f6da7908edcb7c7204ae381c6c9", class: "carousel" }, this.isScrollable && !this.isAtStart && l("swirl-button", { key: "843a9edbbe1f4d50e3c9a109046777b9dc98c3d0", class: "carousel__previous-slide-button", hideLabel: !0, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.previousSlideButtonLabel, onClick: this.onPreviousSlideButtonClick, pill: !0, variant: "floating" }), this.isScrollable && !this.isAtEnd && l("swirl-button", { key: "fce0df1eb6eee6fba16792a8a5e2330fdd254880", class: "carousel__next-slide-button", hideLabel: !0, icon: "<swirl-icon-arrow-forward></swirl-icon-arrow-forward>", label: this.nextSlideButtonLabel, onClick: this.onNextSlideButtonClick, pill: !0, variant: "floating" }), l("div", { key: "d2a750724ff71b3457b424ce798e908787d3c18c", "aria-live": "polite", class: "carousel__slides", onScroll: this.onScroll, ref: (i) => this.slidesContainer = i }, l("slot", { key: "be830ac885a7dd1a74e44a60d4f6a5a2d41f6b62", onSlotchange: this.onSlotChange }))));
+    return l(r, { key: "ab6284673ed9d3701d6a41297cf54dfe8fa4b21f", "aria-label": this.label, "aria-roledescription": "carousel", role: "group" }, l("div", { key: "b0af1b5346e22a468cc588938a7498c5b76ff143", class: "carousel" }, this.isScrollable && !this.isAtStart && l("swirl-button", { key: "247f7eee414bc41eaa316d510fed19970f139971", class: "carousel__previous-slide-button", hideLabel: !0, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.previousSlideButtonLabel, onClick: this.onPreviousSlideButtonClick, pill: !0, variant: "floating" }), this.isScrollable && !this.isAtEnd && l("swirl-button", { key: "9450d0b04266a0fb4dab253d2851a5477496c926", class: "carousel__next-slide-button", hideLabel: !0, icon: "<swirl-icon-arrow-forward></swirl-icon-arrow-forward>", label: this.nextSlideButtonLabel, onClick: this.onNextSlideButtonClick, pill: !0, variant: "floating" }), l("div", { key: "f4a2817f13c37fdd8230fbdb31d69e6fd5139b8c", "aria-live": "polite", class: "carousel__slides", onScroll: this.onScroll, ref: (i) => this.slidesContainer = i }, l("slot", { key: "3fd00348633157685456a8db9ecdecf2f06c01db", onSlotchange: this.onSlotChange }))));
   }
   get el() {
     return c(this);

package/dist/{swirl-checkbox.entry.ad48e579.js → swirl-checkbox.entry.a068a7e4.js}

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

package/dist/{swirl-chip.entry.231d09b2.js → swirl-chip.entry.6df752c3.js}

@@ -1,4 +1,4 @@
-import { r as t, c as o, h as r, H as h, g as n } from "./index.1e316f69.js";
+import { r as t, c as o, h as r, H as h, g as n } from "./index.72c526c1.js";
 import { c as p } from "./index-267776a4.6beb4f4b.js";
 import { g as l } from "./utils-9b747dd7.4c4c7dc0.js";
 import "react";

package/dist/{swirl-color-input.entry.014e37f1.js → swirl-color-input.entry.02398965.js}

@@ -1,9 +1,9 @@
-import { r as L, c as f, h as l, H as B } from "./index.1e316f69.js";
+import { r as L, c as f, h as l, H as B } from "./index.72c526c1.js";
 import { c as T } from "./index-267776a4.6beb4f4b.js";
 import { v as z } from "./v4-23648a96.77c7c20f.js";
 import "react";
 import "react-dom";
-const u = (e, t = 0, o = 1) => e > o ? o : e < t ? t : e, s = (e, t = 0, o = Math.pow(10, t)) => Math.round(o * e) / o, F = (e) => O(v(e)), v = (e) => (e[0] === "#" && (e = e.substring(1)), e.length < 6 ? {
+const d = (e, t = 0, o = 1) => e > o ? o : e < t ? t : e, s = (e, t = 0, o = Math.pow(10, t)) => Math.round(o * e) / o, F = (e) => O(v(e)), v = (e) => (e[0] === "#" && (e = e.substring(1)), e.length < 6 ? {
   r: parseInt(e[0] + e[0], 16),
   g: parseInt(e[1] + e[1], 16),
   b: parseInt(e[2] + e[2], 16),
@@ -33,12 +33,12 @@ const u = (e, t = 0, o = 1) => e > o ? o : e < t ? t : e, s = (e, t = 0, o = Mat
     b: s([n, n, p, o, o, a][b] * 255),
     a: s(i, 2)
   };
-}, d = (e) => {
+}, u = (e) => {
   const t = e.toString(16);
   return t.length < 2 ? "0" + t : t;
 }, D = ({ r: e, g: t, b: o, a: i }) => {
-  const r = i < 1 ? d(s(i * 255)) : "";
-  return "#" + d(e) + d(t) + d(o) + r;
+  const r = i < 1 ? u(s(i * 255)) : "";
+  return "#" + u(e) + u(t) + u(o) + r;
 }, O = ({ r: e, g: t, b: o, a: i }) => {
   const r = Math.max(e, t, o), n = r - Math.min(e, t, o), a = n ? r === e ? (t - o) / n : r === t ? 2 + (o - e) / n : 4 + (e - t) / n : 0;
   return {
@@ -67,8 +67,8 @@ let c = !1;
 const k = (e) => "touches" in e, R = (e) => c && !k(e) ? !1 : (c || (c = k(e)), !0), C = (e, t) => {
   const o = k(t) ? t.touches[0] : t, i = e.el.getBoundingClientRect();
   x(e.el, "move", e.getMove({
-    x: u((o.pageX - (i.left + window.pageXOffset)) / i.width),
-    y: u((o.pageY - (i.top + window.pageYOffset)) / i.height)
+    x: d((o.pageX - (i.left + window.pageXOffset)) / i.width),
+    y: d((o.pageY - (i.top + window.pageYOffset)) / i.height)
   }));
 }, V = (e, t) => {
   const o = t.keyCode;
@@ -129,7 +129,7 @@ class j extends _ {
     ]), this.el.setAttribute("aria-valuenow", `${s(t)}`);
   }
   getMove(t, o) {
-    return { h: o ? u(this.h + t.x * 360, 0, 360) : 360 * t.x };
+    return { h: o ? d(this.h + t.x * 360, 0, 360) : 360 * t.x };
   }
 }
 class X extends _ {
@@ -150,8 +150,8 @@ class X extends _ {
   }
   getMove(t, o) {
     return {
-      s: o ? u(this.hsva.s + t.x * 100, 0, 100) : t.x * 100,
-      v: o ? u(this.hsva.v - t.y * 100, 0, 100) : Math.round(100 - t.y * 100)
+      s: o ? d(this.hsva.s + t.x * 100, 0, 100) : t.x * 100,
+      v: o ? d(this.hsva.v - t.y * 100, 0, 100) : Math.round(100 - t.y * 100)
     };
   }
 }
@@ -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: "8352e72b998968fc06ed04fae79859de65e356a0" }, l("div", { key: "47ea07d25b769067f820c0ffd40c2a2a0b01cb3c", class: t }, l("input", { key: "4df693430012a05e6ebf6cf9003260cb9638889e", "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: "c7bb0d269b99f311431ead2d595b32906959642d", swirlPopover: this.pickerId }, l("button", { key: "ce546a6fa398dfb87e2394424ecf4776f2421097", "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
+    return l(B, { key: "213b89441241c7d48a4d7ff97361719c0795f51d" }, l("div", { key: "69c73c16eef0406f9bda5e7755befb2436d25ea5", class: t }, l("input", { key: "52bef5a281b565e4f3ab4db1b0cff4325cfd9686", "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: "99d651102293d8f2cab5fc0e7c21b21c3152d4dc", swirlPopover: this.pickerId }, l("button", { key: "1d2155711ae5715be03cab8aa596edad59721279", "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: "c60b54773d946bed2421914cf18e074065f62e9e", animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, l("swirl-box", { key: "63ce435b1e85f527ce2d030b7014901043989cb0", centerInline: !0, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, l("hex-color-picker", { key: "50d27fb9cb3185a2a460de66042d3754e7e6cebb", color: this.value, ref: (o) => this.picker = o })))));
+    }, type: "button" })), l("swirl-popover", { key: "dc83a20f750d85490e461127be048a085e7ebba8", animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, l("swirl-box", { key: "04f1a6ca6369efb970d7bd28b515d78729a253ca", centerInline: !0, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, l("hex-color-picker", { key: "bb33db580d6046a7804d79e9b927fc666cc47e8e", color: this.value, ref: (o) => this.picker = o })))));
   }
   static get watchers() {
     return {

package/dist/{swirl-columns.entry.7a924a51.js → swirl-columns.entry.67bc0373.js}

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