@getflip/swirl-components-react 0.266.0 → 0.267.0

package/dist/{swirl-accordion-item.entry.86c10dd2.js → swirl-accordion-item.entry.9c926cb9.js}

@@ -1,13 +1,13 @@
-import { r as d, c as t, h as e, H as n, g as s } from "./index.5b145033.js";
-import { c } from "./index-267776a4.6beb4f4b.js";
-import { v as a } from "./v4-23648a96.77c7c20f.js";
+import { r as d, c as t, h as e, H as n, g as s } from "./index.884503fb.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 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) {
-    d(this, i), this.expansionChange = t(this, "expansionChange", 7), this.headingId = `${a()}-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 = a(), this.expanded = !1;
+    }, 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;
   }
   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}`, o = c("accordion-item", {
+    const i = `h${this.headingLevel}`, a = r("accordion-item", {
       "accordion-item--expanded": this.expanded
     });
-    return e(n, { key: "c6d9fc10a2ac8f527a9d808287041166aaab4870" }, e("div", { key: "234903b1094c4dad2ca0c677fa483d6eb9fc10ba", class: o }, e(i, { key: "6ec1f491bc0abecfbb6366cfc85ee0ce68f5dde1", class: "accordion-item__heading" }, e("button", { key: "84fcf94c50141cfc9e6c40d3187b2c20d65ad8fb", "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: "cdbaf4f3ebdde6ee4a0a756bd69c4c0c13dbba03", class: "accordion-item__toggle-text" }, this.heading, this.description && e("swirl-text", { key: "85564f3d319e46d89cca9c6f5b64e2f087394ac4", as: "span", color: "subdued", size: "sm" }, this.description)), e("span", { key: "f7e739a84c489e399a56dfd7ae5f270044b3b17b", class: "accordion-item__icon" }, !this.expanded && e("swirl-icon", { key: "8a8de5ae8958b1f63af03e00772b02f1d6b7e801", glyph: "chevron-right", size: 20 }), this.expanded && e("swirl-icon", { key: "d325057cd997f9c88adfb3bc44ae3a6287410ce3", glyph: "expand-more", size: 20 })))), e("div", { key: "43c47bdf78e3889c20e19cd752eda010d83c4218", "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, e("slot", { key: "6e89f9bdd0f1226037a97919445dc734fabc99cc" }))));
+    return e(n, { key: "9d7de27fab1b6fa257f2378ffd3541da37236353" }, e("div", { key: "c6cfdfe8ef238a3ddf1eff29cf5333b736796781", class: a }, e(i, { key: "a8bcdf75fdb679e80fb3b7b8d2fb82c8df2b2325", class: "accordion-item__heading" }, e("button", { key: "00e70a63be57e80639df7e87187fb46966036719", "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: "0537ec5f84d24ba6091aa007347647379ef6622c", class: "accordion-item__toggle-text" }, this.heading, this.description && e("swirl-text", { key: "3c187e3058940e8b3a66e5968f2b940db6987214", as: "span", color: "subdued", size: "sm" }, this.description)), e("span", { key: "1e8efd3e1a46fa459bc374f24e75877ffdd76777", class: "accordion-item__icon" }, !this.expanded && e("swirl-icon", { key: "771d3173c02d1801399039b391f3f8dc378721a5", glyph: "chevron-right", size: 20 }), this.expanded && e("swirl-icon", { key: "4cec14ec7f46af6d828b4b2ddb59f336c2f443a2", glyph: "expand-more", size: 20 })))), e("div", { key: "b66c80b51ddd18dec1b31089b9db5adb728587d2", "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, e("slot", { key: "4cf00b1ae3887621f7b1d6269c4bf38b9cb452c5" }))));
   }
   get el() {
     return s(this);

package/dist/{swirl-accordion.entry.330f777a.js → swirl-accordion.entry.de5030e3.js}

@@ -1,7 +1,7 @@
-import { r as s, c as i, h as o, H as a, g as l } from "./index.5b145033.js";
+import { r as s, c as i, h as o, H as a, g as l } from "./index.884503fb.js";
 import "react";
 import "react-dom";
-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 {
+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 = i(this, "expandedItemChange", 7);
   }
@@ -24,13 +24,13 @@ const c = ":host{display:block}:host *{box-sizing:border-box}::slotted(*:last-ch
     });
   }
   render() {
-    return o(a, { key: "004b1573b2075e23a5b1a0a154c4ec1c6f5d27be" }, o("slot", { key: "b2f412f6020ef6d8d90bd837091d4e5896ecb38e" }));
+    return o(a, { key: "d55429aad4516126e668b224362c1b1a8fe14840" }, o("slot", { key: "830e7a692144588d97b3b19d1dc7981d9528f05b" }));
   }
   get el() {
     return l(this);
   }
 };
-d.style = n;
+d.style = c;
 export {
   d as swirl_accordion
 };

package/dist/{swirl-action-list-section.entry.7502ede8.js → swirl-action-list-section.entry.3c8ccd0b.js}

@@ -1,15 +1,15 @@
-import { r as i, h as e, H as a } from "./index.5b145033.js";
+import { r as i, h as e, H as s } from "./index.884503fb.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)}}", c = a, o = class {
   constructor(t) {
     i(this, t), this.label = void 0;
   }
   render() {
-    return e(a, { key: "8cae6b24fa63e2a4293dd290d046a181acec4114" }, e("div", { key: "938b89ab19e4e864964841d7c8792a88fb9715db", "aria-labelledby": "label", class: "action-list-section", role: "group" }, e("span", { key: "3f0cade363242d3b2abf07c17adadaff8985d54b", class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), e("div", { key: "ae351506f15b64702e5163f3ae3370e542f51552", class: "action-list-section__items" }, e("slot", { key: "106c08d0dd9c83d2e6e54e02e71763906aa2946c" }))));
+    return e(s, { key: "b26e44c7aeb2812906e4024f30fc6a0037b2d345" }, e("div", { key: "43c282ba01329b008ec12bd1f4ce75c0d94dc181", "aria-labelledby": "label", class: "action-list-section", role: "group" }, e("span", { key: "77ec2da92deb17a84dcbaecdb5c75849a4b7f665", class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), e("div", { key: "acd0d5cdf0c68d0c243ef4cb137873535f9c4adb", class: "action-list-section__items" }, e("slot", { key: "05b7dd200c520546602c658ba09d9ea314b837cb" }))));
   }
 };
-l.style = o;
+o.style = c;
 export {
-  l as swirl_action_list_section
+  o as swirl_action_list_section
 };

package/dist/{swirl-action-list_3.entry.c6556ef6.js → swirl-action-list_3.entry.d2b0f50a.js}

@@ -1,24 +1,24 @@
-import { r as n, h as o, H as r, g as c } from "./index.5b145033.js";
-import { q as h, b as p, g as f } from "./utils-fbb8b494.acf1ae9e.js";
-import { c as d } from "./index-267776a4.6beb4f4b.js";
+import { r, h as s, H as n, g as c, F as h } from "./index.884503fb.js";
+import { q as p, b as f, g as u } from "./utils-fbb8b494.acf1ae9e.js";
+import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
-const u = ":host{display:block;width:100%}:host *{box-sizing:border-box}.action-list{background-color:var(--s-surface-overlay-default)}", m = u, b = class {
+const m = ":host{display:block;width:100%}:host *{box-sizing:border-box}.action-list{background-color:var(--s-surface-overlay-default)}", b = m, g = class {
   constructor(t) {
-    n(this, t), this.onKeyDown = (e) => {
+    r(this, t), this.onKeyDown = (e) => {
       e.code === "ArrowDown" || e.code === "ArrowRight" ? (e.preventDefault(), this.focusNextItem()) : (e.code === "ArrowUp" || e.code === "ArrowLeft") && (e.preventDefault(), this.focusPreviousItem());
     }, this.onFocusOut = (e) => {
       if (this.isInsidePopover)
         return;
-      const i = e.relatedTarget, s = e.target, a = (s == null ? void 0 : s.tagName) === "SWIRL-ACTION-LIST-ITEM", l = i === null || !this.el.contains(i);
-      !this.isInsidePopover && l && a && this.container.setAttribute("tabindex", "0");
+      const i = e.relatedTarget, o = e.target, a = (o == null ? void 0 : o.tagName) === "SWIRL-ACTION-LIST-ITEM", d = i === null || !this.el.contains(i);
+      !this.isInsidePopover && d && a && this.container.setAttribute("tabindex", "0");
     }, this.onFocus = () => {
-      var s, a;
+      var o, a;
       if (this.isInsidePopover)
         return;
       this.container.removeAttribute("tabindex");
       const e = this.getItems(), i = this.getActiveItemIndex();
-      i > -1 ? (s = e[i]) == null || s.focus() : (a = e[0]) == null || a.focus();
+      i > -1 ? (o = e[i]) == null || o.focus() : (a = e[0]) == null || a.focus();
     }, this.isInsidePopover = void 0;
   }
   componentDidLoad() {
@@ -27,32 +27,32 @@ const u = ":host{display:block;width:100%}:host *{box-sizing:border-box}.action-
     });
   }
   getItems() {
-    return h(this.el, '[role="menuitem"]');
+    return p(this.el, '[role="menuitem"]');
   }
   focusNextItem() {
     const t = this.getItems(), i = (this.getActiveItemIndex() + 1) % t.length;
     t[i].focus();
   }
   focusPreviousItem() {
-    var s;
+    var o;
     const t = this.getItems(), e = this.getActiveItemIndex(), i = e === 0 ? t.length - 1 : e - 1;
-    (s = t[i]) == null || s.focus();
+    (o = t[i]) == null || o.focus();
   }
   getActiveItemIndex() {
-    const t = this.getItems(), e = p();
+    const t = this.getItems(), e = f();
     return t.findIndex((i) => i === e || i === (e == null ? void 0 : e.querySelector('[role="menuitem"]')));
   }
   render() {
-    return o(r, { key: "9f6c3f33370fb9a3ed2dae5b032ed6aa2516f7d7" }, o("div", { key: "ee3535a465baf0ebe9c37cbb6424f55d764a8144", "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: "8b9de9551a41afa6f2b74ec787501e078881c334" })));
+    return s(n, { key: "df9e8d994a640babeec12638708d986a90e15ccb" }, s("div", { key: "75d900e53d5cab787775d484b744e2f61a6fa0df", "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" }, s("slot", { key: "33ee2e5013f8d4c95b4ba52581296940230a9574" })));
   }
   get el() {
     return c(this);
   }
 };
-b.style = m;
-const g = ":host{display:block}:host *{box-sizing:border-box}.action-list-item{display:inline-flex;width:100%;min-width:15rem;margin:0;padding:var(--s-space-12) var(--s-space-16);justify-content:flex-start;align-items:center;border:none;color:var(--s-text-default);background-color:var(--s-surface-overlay-default);font:inherit;line-height:var(--s-line-height-base);text-align:left;cursor:pointer;gap:var(--s-space-12)}.action-list-item:hover{background-color:var(--s-surface-overlay-hovered);--swirl-tag-background-default:var(--s-surface-sunken-pressed)}.action-list-item:focus{outline:none}.action-list-item:focus-visible{background-color:var(--s-surface-overlay-hovered)}.action-list-item:active{background-color:var(--s-surface-overlay-pressed)}.action-list-item:disabled{background-color:var(--s-surface-overlay-default);cursor:default}.action-list-item:disabled .action-list-item__label,.action-list-item:disabled .action-list-item__description{color:var(--s-text-disabled)}.action-list-item:disabled .action-list-item__icon{color:var(--s-icon-disabled)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.action-list-item{padding:var(--s-space-8) var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);gap:var(--s-space-8)}}.action-list-item--size-l{padding:var(--s-space-16)}.action-list-item--intent-critical ::part(icon){color:var(--s-icon-critical)}.action-list-item--intent-critical:not(:disabled) .action-list-item__label{color:var(--s-text-critical)}.action-list-item--intent-critical:not(:disabled) .action-list-item__icon{color:var(--s-icon-critical)}.action-list-item__icon{display:inline-flex;width:1.5rem;height:1.5rem;flex-shrink:0;color:var(--s-icon-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.action-list-item__icon{width:1.25rem;height:1.25rem}}.action-list-item__label-container{display:inline-flex;min-width:0;flex-grow:1;flex-shrink:1;align-items:flex-start;flex-direction:column}.action-list-item__label{overflow:hidden;max-width:100%;font-weight:var(--s-font-weight-medium);white-space:nowrap;text-overflow:ellipsis}.action-list-item__description{color:var(--s-text-subdued)}.action-list-item__badge{overflow:hidden;min-width:4rem;padding-left:var(--s-space-8);flex-shrink:3;color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);text-align:right;white-space:nowrap;text-overflow:ellipsis}.action-list-item__suffix{display:inline-flex;flex-shrink:0;color:var(--s-icon-highlight)}", v = g, x = class {
+g.style = b;
+const v = ":host{display:block}:host *{box-sizing:border-box}.action-list-item{display:inline-flex;width:100%;min-width:15rem;margin:0;padding:var(--s-space-12) var(--s-space-16);justify-content:flex-start;align-items:center;border:none;color:var(--s-text-default);background-color:var(--s-surface-overlay-default);font:inherit;line-height:var(--s-line-height-base);text-align:left;cursor:pointer;gap:var(--s-space-12)}.action-list-item:hover{background-color:var(--s-surface-overlay-hovered);--swirl-tag-background-default:var(--s-surface-sunken-pressed)}.action-list-item:focus{outline:none}.action-list-item:focus-visible{background-color:var(--s-surface-overlay-hovered)}.action-list-item:active{background-color:var(--s-surface-overlay-pressed)}.action-list-item:disabled{background-color:var(--s-surface-overlay-default);cursor:default}.action-list-item:disabled .action-list-item__label,.action-list-item:disabled .action-list-item__description{color:var(--s-text-disabled)}.action-list-item:disabled .action-list-item__icon{color:var(--s-icon-disabled)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.action-list-item{padding:var(--s-space-8) var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);gap:var(--s-space-8)}}.action-list-item--size-l{padding:var(--s-space-16)}.action-list-item--intent-critical ::part(icon){color:var(--s-icon-critical)}.action-list-item--intent-critical:not(:disabled) .action-list-item__label{color:var(--s-text-critical)}.action-list-item--intent-critical:not(:disabled) .action-list-item__icon{color:var(--s-icon-critical)}.action-list-item__icon{display:inline-flex;width:1.5rem;height:1.5rem;flex-shrink:0;color:var(--s-icon-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.action-list-item__icon{width:1.25rem;height:1.25rem}}.action-list-item__label-container{display:inline-flex;min-width:0;flex-grow:1;flex-shrink:1;align-items:flex-start;flex-direction:column}.action-list-item__label{overflow:hidden;max-width:100%;font-weight:var(--s-font-weight-medium);white-space:nowrap;text-overflow:ellipsis}.action-list-item__description{color:var(--s-text-subdued)}.action-list-item__badge{overflow:hidden;min-width:4rem;padding-left:var(--s-space-8);flex-shrink:3;color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);text-align:right;white-space:nowrap;text-overflow:ellipsis}.action-list-item__suffix{display:inline-flex;flex-shrink:0;color:var(--s-icon-highlight)}", w = v, x = class {
   constructor(t) {
-    n(this, t), this.desktopMediaQuery = f(), this.desktopMediaQueryHandler = (e) => {
+    r(this, t), this.desktopMediaQuery = u(), this.desktopMediaQueryHandler = (e) => {
       this.forceIconProps(e.matches);
     }, this.badge = void 0, this.disabled = void 0, this.description = void 0, this.icon = void 0, this.intent = "default", this.label = void 0, this.size = "m", this.swirlAriaExpanded = void 0, this.swirlAriaHaspopup = void 0, this.suffix = void 0;
   }
@@ -67,22 +67,28 @@ const g = ":host{display:block}:host *{box-sizing:border-box}.action-list-item{d
     (e = (t = this.desktopMediaQuery).removeEventListener) == null || e.call(t, "change", this.desktopMediaQueryHandler);
   }
   forceIconProps(t) {
-    var s, a;
-    const e = (s = this.iconEl) == null ? void 0 : s.children[0], i = (a = this.suffixEl) == null ? void 0 : a.children[0];
+    var o, a;
+    const e = (o = this.iconEl) == null ? void 0 : o.children[0], i = (a = this.suffixEl) == null ? void 0 : a.children[0];
     e == null || e.setAttribute("size", t ? "20" : "24"), (i == null ? void 0 : i.tagName) !== "SWIRL-TAG" && (i == null || i.setAttribute("size", t ? "20" : "24"));
   }
   render() {
-    const t = Boolean(this.badge), e = Boolean(this.el.querySelector('[slot="suffix"]')), i = (Boolean(this.suffix) || e) && !this.disabled, s = d("action-list-item", `action-list-item--intent-${this.intent}`, `action-list-item--size-${this.size}`);
-    return o(r, { key: "06605ecf01b587dbfb1de890ba776cdb72926c5b" }, o("button", { key: "c70ad0ecbc3e58a6b5c8543c37907346f3301284", "aria-expanded": this.swirlAriaExpanded, "aria-haspopup": this.swirlAriaHaspopup, class: s, disabled: this.disabled, part: "action-list-item", role: "menuitem", tabIndex: -1, type: "button" }, this.icon && o("span", { key: "e250cabb8119ad251d4d3d70cd080408f2122d5d", class: "action-list-item__icon", innerHTML: this.icon, ref: (a) => this.iconEl = a }), o("span", { key: "28361e8c9cd8696c3661d7263d550a66c87fd26e", class: "action-list-item__label-container" }, o("span", { key: "c8d504ca27d5ba2d1c8979ce45dda984c1e48436", class: "action-list-item__label" }, this.label), this.description && o("span", { key: "303dec5fe699a2c47a4e9e5417d06e3285a30d6f", class: "action-list-item__description" }, this.description)), t && o("span", { key: "96c4500b611acc6a1cb40cbb8b6088deffb273b6", class: "action-list-item__badge", innerHTML: this.badge }), i && o("span", { key: "739d6e49ad6890a23c1b12eea9037da43c9c9e52", class: "action-list-item__suffix", innerHTML: e ? void 0 : this.suffix, ref: (a) => this.suffixEl = a }, o("slot", { key: "a391b536421efd55d4132772d143ec89e757c9d8", name: "suffix" }))));
+    const t = Boolean(this.badge), e = Boolean(this.el.querySelector('[slot="suffix"]')), i = (Boolean(this.suffix) || e) && !this.disabled, o = l("action-list-item", `action-list-item--intent-${this.intent}`, `action-list-item--size-${this.size}`);
+    return s(n, { key: "06605ecf01b587dbfb1de890ba776cdb72926c5b" }, s("button", { key: "c70ad0ecbc3e58a6b5c8543c37907346f3301284", "aria-expanded": this.swirlAriaExpanded, "aria-haspopup": this.swirlAriaHaspopup, class: o, disabled: this.disabled, part: "action-list-item", role: "menuitem", tabIndex: -1, type: "button" }, this.icon && s("span", { key: "e250cabb8119ad251d4d3d70cd080408f2122d5d", class: "action-list-item__icon", innerHTML: this.icon, ref: (a) => this.iconEl = a }), s("span", { key: "28361e8c9cd8696c3661d7263d550a66c87fd26e", class: "action-list-item__label-container" }, s("span", { key: "c8d504ca27d5ba2d1c8979ce45dda984c1e48436", class: "action-list-item__label" }, this.label), this.description && s("span", { key: "303dec5fe699a2c47a4e9e5417d06e3285a30d6f", class: "action-list-item__description" }, this.description)), t && s("span", { key: "96c4500b611acc6a1cb40cbb8b6088deffb273b6", class: "action-list-item__badge", innerHTML: this.badge }), i && s("span", { key: "739d6e49ad6890a23c1b12eea9037da43c9c9e52", class: "action-list-item__suffix", innerHTML: e ? void 0 : this.suffix, ref: (a) => this.suffixEl = a }, s("slot", { key: "a391b536421efd55d4132772d143ec89e757c9d8", name: "suffix" }))));
   }
   get el() {
     return c(this);
   }
 };
-x.style = v;
-const w = ":host{display:flex;width:100%;align-items:center}:host *{box-sizing:border-box}:host(.separator--orientation-vertical){display:inline-flex;width:auto}:host(.separator--orientation-vertical) .separator__line{width:var(--s-border-width-default);height:100%;min-height:1.125rem}:host(.separator--border-color-strong) .separator__line{background-color:var(--s-border-strong)}:host(.separator--border-color-highlight) .separator__line{background-color:var(--s-border-highlight)}.separator__line{display:block;width:100%;height:var(--s-border-width-default);background-color:var(--s-border-default)}", y = w, I = class {
+x.style = w;
+const _ = ":host{display:flex;width:100%;align-items:center;gap:var(--s-space-8)}:host *{box-sizing:border-box}:host(.separator--orientation-vertical){display:inline-flex;width:auto;flex-direction:column}:host(.separator--orientation-vertical) .separator__line{width:var(--s-border-width-default);height:100%;min-height:1.125rem}:host(.separator--color-strong) .separator__line{background-color:var(--s-border-strong)}:host(.separator--color-strong) .separator__label{color:var(--s-text-subdued)}:host(.separator--color-highlight) .separator__line{background-color:var(--s-border-highlight)}:host(.separator--color-highlight) .separator__label{color:var(--s-text-highlight)}.separator__line{display:block;width:100%;height:var(--s-border-width-default);background-color:var(--s-border-default)}.separator__label{flex-shrink:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-size:var(--s-font-size-sm);color:var(--s-text-disabled)}", y = _, I = class {
   constructor(t) {
-    n(this, t), this.borderColor = "default", this.orientation = "horizontal", this.spacing = "8";
+    r(this, t), this.borderColor = "default", this.color = "default", this.label = void 0, this.orientation = "horizontal", this.spacing = "8";
+  }
+  componentWillLoad() {
+    this.forceColor();
+  }
+  forceColor() {
+    this.borderColor !== "default" && (console.warn('[Swirl] The "borderColor" prop of swirl-separator is deprecated and will be removed with the next major release. Please use the "color" prop to achieve the same result.'), this.color = this.borderColor);
   }
   render() {
     const t = this.orientation === "horizontal" ? {
@@ -91,13 +97,13 @@ const w = ":host{display:flex;width:100%;align-items:center}:host *{box-sizing:b
     } : {
       paddingRight: `var(--s-space-${this.spacing})`,
       paddingLeft: `var(--s-space-${this.spacing})`
-    }, e = d("separator", `separator--border-color-${this.borderColor}`, `separator--orientation-${this.orientation}`);
-    return o(r, { key: "31df25534223187cebaad9cda91e97c7c6d0f220", "aria-orientation": this.orientation, class: e, role: "separator", style: t }, o("span", { key: "b6ca9955f2a8429d658dcc09308dd93503e41f1c", class: "separator__line" }));
+    }, e = l("separator", `separator--color-${this.color}`, `separator--orientation-${this.orientation}`);
+    return s(n, { key: "9cb972d889442ef48f3ab65f6c60019822d93258", "aria-orientation": this.orientation, class: e, role: "separator", style: t }, s("span", { key: "f776b4d21bd22a4c4a7d1960f6dda0c5f317a634", class: "separator__line" }), this.label && s(h, { key: "582ebc1523ef4670dccc0385839efe00297c608a" }, s("span", { key: "43adeaf3215ac01addc7a311d7ee39d74033aa82", class: "separator__label" }, this.label), s("span", { key: "c9096ba71a04b585360117a9e8654c6f0ed708d0", class: "separator__line" })));
   }
 };
 I.style = y;
 export {
-  b as swirl_action_list,
+  g as swirl_action_list,
   x as swirl_action_list_item,
   I as swirl_separator
 };

package/dist/{swirl-app-bar.entry.f2211f68.js → swirl-app-bar.entry.ef5d34e3.js}

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

package/dist/{swirl-app-icon.entry.413763c3.js → swirl-app-icon.entry.a5316282.js}

@@ -1,4 +1,4 @@
-import { r as o, h as a, H as n } from "./index.5b145033.js";
+import { r as o, h as e, H as n } from "./index.884503fb.js";
 import { c as t } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -11,10 +11,10 @@ const c = ":host{display:inline-flex}:host *{box-sizing:border-box}.app-icon{pos
     }, this.icon = void 0, this.src = void 0, this.imageAvailable = void 0;
   }
   render() {
-    const i = Boolean(this.src) && (this.imageAvailable || this.imageAvailable === void 0), e = !i && Boolean(this.icon), s = t("app-icon", {
-      "app-icon--has-icon": e || !i && !e
+    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 a(n, { key: "6842caf131f2b105538cd14e25a0f8bf0a44c26a" }, a("span", { key: "331a8d940fa7d65f523cbc2aba537458296a63bb", class: s }, i && a("img", { key: "a17f3b3945401d487247e6ac92beb8d1ddd3fbc1", alt: "", height: "256", onError: this.setImageUnavailable, onLoad: this.setImageAvailable, src: this.src, width: "256" }), e && a("span", { key: "944dafe88937ac7af4bc65e7eadb006c4e5981d4", class: "app-icon__icon", innerHTML: this.icon })));
+    return e(n, { key: "edcf8cc69d16fa12285b1cb2e2b58dde368e72c2" }, e("span", { key: "764c775416d56e7b07b68b7d7fdb89404fea3362", class: s }, i && e("img", { key: "15cd23766dc7e81621017fa6a33eab01eb7bf88f", alt: "", height: "256", onError: this.setImageUnavailable, onLoad: this.setImageAvailable, src: this.src, width: "256" }), a && e("span", { key: "b7c9a9c803411570a0015e1a2febbef6f03fcaa8", class: "app-icon__icon", innerHTML: this.icon })));
   }
 };
 r.style = l;

package/dist/{swirl-app-layout_5.entry.9c22d860.js → swirl-app-layout_5.entry.2dda7c05.js}

@@ -1,4 +1,4 @@
-import { r as n, c as r, h as a, H as d, g as p, F as h } from "./index.5b145033.js";
+import { r as n, c as r, h as a, H as d, g as p, F as h } from "./index.884503fb.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import { g as _, d as y, i as g, f } from "./utils-fbb8b494.acf1ae9e.js";
 import { S as T } from "./sortable.esm-8c3d5856.57c4f048.js";
@@ -222,7 +222,7 @@ const L = ":host{display:block}:host *{box-sizing:border-box}.empty-state{displa
       "empty-state--has-controls": t,
       "empty-state--has-slotted-illustration": e
     });
-    return a(d, { key: "54b579115aeba928aba14cfa789f81eadf19621e" }, a("div", { key: "bb0d6bac2319179d9b43ab5469070381c4712946", class: i }, this.illustration && !e && a("img", { key: "733fadb95e8458568c9ddee523007a9371ca8a84", alt: "", class: "empty-state__illustration", src: this.illustration }), a("div", { key: "5b610e75de57a6707c3364e98daa6753b225951f", class: "empty-state__slotted-illustration" }, a("slot", { key: "275f7e216aaef0ae125e3a14ec59eda421edd9cd", name: "illustration" })), a("div", { key: "7e74bb0f0ed09837a5c5e6ed0436500db01b2665", class: "empty-state__body" }, a("swirl-stack", { key: "41693a74c9c846ca6dc9ed442a4ac0a713e363e2", align: "stretch", spacing: "8" }, this.heading && a("swirl-heading", { key: "6b0d9fcf395ab3f60eef3e720560b0798a54e6c6", align: "center", as: "p", level: 4, text: this.heading }), a("div", { key: "b0fc78406d23677dc98af4693fd12cd6c660f9d4", class: "empty-state__content" }, a("swirl-text", { key: "aa9758dac037121b31f74dab447f5bba1fcce722", align: "center", color: "subdued" }, a("slot", { key: "667812460bcb12a6b9f36f6108e06c0f697100ef" })))), a("div", { key: "0955fc5e757fd56dec7a373525c49437ce433169", class: "empty-state__controls" }, a("slot", { key: "b7fd277568939ab5bac06987945a15a2a1f2e125", name: "controls" })))));
+    return a(d, { key: "8becb02ddf6e3e043ba384e056de71c13545d036" }, a("div", { key: "7a511a2457ff47a5ea44700e0ed9549022bf1453", class: i }, this.illustration && !e && a("img", { key: "11bb21e501b0b855b5b50cb2f4d1d1e8ea0220a7", alt: "", class: "empty-state__illustration", src: this.illustration }), a("div", { key: "af3a8630e5d4e1b5bbf9a67a9f74f67e5bf437ba", class: "empty-state__slotted-illustration" }, a("slot", { key: "b4db76ca43634c3b1e4af93781173045bb10defb", name: "illustration" })), a("div", { key: "0efd049c96f16b92e5737d579913224e99bee842", class: "empty-state__body" }, a("swirl-stack", { key: "669e9bc20ed0e45bb9a27ee0809633ffa5e9b25f", align: "stretch", spacing: "8" }, this.heading && a("swirl-heading", { key: "35cdca5a1d6b1eb7a5f78d59aba5df899b4c9015", align: "center", as: "p", level: 4, text: this.heading }), a("div", { key: "f2751dca22e26a8bb672c23437d1a5ad1d6eaa05", class: "empty-state__content" }, a("swirl-text", { key: "2a6bf30e9e5f0fcfc239f7cf054d4618f5a7cda4", align: "center", color: "subdued" }, a("slot", { key: "b2b8728069c1bd95641d1a268e7f726f89669c63" })))), a("div", { key: "2696f4371826d93e79cd8569c5bf294c6d607bdd", class: "empty-state__controls" }, a("slot", { key: "46b25adcedf0a05b7ddfc7e634d0cb9e23d71f53", name: "controls" })))));
   }
   get el() {
     return p(this);
@@ -237,7 +237,7 @@ const V = ":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 = c("swirl-icon", `swirl-icon--size-${this.size}`);
-    return a("svg", { key: "3ba8659b2578151a971c6a0c92abef26d0d3f100", "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: "08cb6fd0c5229e1587d54705e2556c71fa006584" }, a("path", { key: "2d781850060aeccad2841d234642e06be631f09a", 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: "81aa170241fbe96641ff361bdbd7ac20e81a675b" }, a("path", { key: "0a9180f489a7ea19ef7e8be4f0d5a6e5fbe918a2", 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: "85ae073ccb18ca49560395e672c0d36c86fa0094" }, a("path", { key: "31531fedf7e06c2a0fcf356e3e718f5e5ab6b0a8", 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: "26a865bc1537fcf99d3253a96382cc479e2353a9", "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: "2c43be6909d8d93f71307f8dcfc9ef5330a897b1" }, a("path", { key: "e584dede2fe0824825a465d8c8312a509961240f", 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: "e02b8cdb2e42e5a05dd95bb345d8207a6f4478e1" }, a("path", { key: "1860975da863edad969eb4657c8e9f0300ec365f", 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: "c594b9aab422c6ce1ee5019716a7dd9bc3f6fffe" }, a("path", { key: "f00a4ced2792f290d3b8b3a8120bd3e63dcc7bdd", 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" })));
   }
 };
 O.style = z;
@@ -356,7 +356,7 @@ const q = ".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource
     !Boolean(t) || (t.before(this.dragging), this.collectItems(), this.focusItemAtIndex(this.getItemIndex(this.dragging)), this.assistiveText = `${this.assistiveTextItemMoving} ${this.getItemIndex(this.dragging) + 1}`);
   }
   render() {
-    return a(d, { key: "882c278ba7c6ce9e5c36dac464e305a5d4eb53ed", onKeyDown: this.onKeyDown }, a("swirl-visually-hidden", { key: "c7e6fa068dfb9b0b921228b1e3291108036f31e1", role: "alert" }, this.assistiveText), a("swirl-box", { key: "5e240f6c846b458560af554c6dd7a31f2cbbb7b6", paddingInlineEnd: "8", paddingInlineStart: "8" }, a("swirl-stack", { key: "0b78aa4271297059e598e806d4adf22e8fee4cc5", "aria-label": this.label, class: "resource-list", id: this.listId, ref: (t) => this.gridEl = t, role: "grid", spacing: this.spacing }, a("slot", { key: "eab4163be70371447086cfb5346ae9f960daeee2" }))));
+    return a(d, { key: "46ec2087e6eb20038b2d8cb230848ef6bc6a965c", onKeyDown: this.onKeyDown }, a("swirl-visually-hidden", { key: "b10376ce8dc5d2fae4011463cab70342ee533c80", role: "alert" }, this.assistiveText), a("swirl-box", { key: "e8c8856c6dc29b758deeb811db0d6cefef4b8237", paddingInlineEnd: "8", paddingInlineStart: "8" }, a("swirl-stack", { key: "6e83af0f081d4b3267882db7b905560ef671ecb3", "aria-label": this.label, class: "resource-list", id: this.listId, ref: (t) => this.gridEl = t, role: "grid", spacing: this.spacing }, a("slot", { key: "828641ba660ef54f8d2aa9500ca25b3ba71eec2b" }))));
   }
   get el() {
     return p(this);

package/dist/{swirl-autocomplete.entry.1182ceb3.js → swirl-autocomplete.entry.12250c82.js}

@@ -1,4 +1,4 @@
-import { r as p, c as m, h as o, H as f, g as b } from "./index.5b145033.js";
+import { r as p, c as m, h as o, H as f, g as b } from "./index.884503fb.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-fbb8b494.acf1ae9e.js";

package/dist/{swirl-avatar-group.entry.5e92c56e.js → swirl-avatar-group.entry.23921f98.js}

@@ -1,8 +1,8 @@
-import { r as s, h as a, H as i } from "./index.5b145033.js";
+import { r as s, h as a, H as i } from "./index.884503fb.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 {
+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(r) {
     s(this, r), this.badge = void 0;
   }
@@ -19,10 +19,10 @@ const d = ":host{display:inline-flex}:host *{box-sizing:border-box}.avatar-group
     const r = t("avatar-group", {
       "avatar-group--has-badge": Boolean(this.badge)
     }), e = t("avatar-group__badge");
-    return a(i, { key: "f499e91465cf9179cd6e3139f4c21f6bb0f7dda5" }, a("div", { key: "cf2868c85e93991f7c850f016d3151f64680e5b8", class: r, role: "group" }, a("slot", { key: "f1606a310a7a63fdd9c764ae6d3c8feddcd7b6a1" }), this.badge && a("span", { key: "3002d8955d5c68a683f85ce7c68a727bce406c1e", class: e, innerHTML: this.badge, ref: (o) => this.badgeEl = o })));
+    return a(i, { key: "6c81860c9a182698fb09f5e0fc0074c53bc4bd6c" }, a("div", { key: "cd5f70dcab98ba8e3b75383fe82f53bec8ba5942", class: r, role: "group" }, a("slot", { key: "edb2796a9c1e07482d08792c5ee93cda49e94cc5" }), this.badge && a("span", { key: "957ac8bd7d1cbc9f959a050159e8ae5643a332ff", class: e, 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.e6090e50.js → swirl-avatar.entry.37e675e5.js}

@@ -1,4 +1,4 @@
-import { r as g, c as n, h as e, H as b, g as f } from "./index.5b145033.js";
+import { r as g, c as n, h as e, H as b, g as f } from "./index.884503fb.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-badge.entry.e08d3d09.js → swirl-badge.entry.ad5fe571.js}

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

package/dist/{swirl-banner.entry.bf09ee98.js → swirl-banner.entry.ee302588.js}

@@ -1,4 +1,4 @@
-import { r as o, c as r, h as t, H as c, g as b } from "./index.5b145033.js";
+import { r as o, c as r, h as t, H as c, g as b } from "./index.884503fb.js";
 import { c as d } from "./index-267776a4.6beb4f4b.js";
 import { g as l } from "./utils-fbb8b494.acf1ae9e.js";
 import "react";

package/dist/{swirl-box.entry.9e698db5.js → swirl-box.entry.db58ec53.js}

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

package/dist/{swirl-button-group.entry.caa2e1ad.js → swirl-button-group.entry.bfc716ff.js}

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

package/dist/{swirl-button.entry.56ab488b.js → swirl-button.entry.a360a9fd.js}

@@ -1,4 +1,4 @@
-import { r as b, h as o, H as u, g as c } from "./index.5b145033.js";
+import { r as b, h as o, H as u, g as c } from "./index.884503fb.js";
 import { c as d } from "./index-267776a4.6beb4f4b.js";
 import { g as v } from "./utils-fbb8b494.acf1ae9e.js";
 import "react";

package/dist/{swirl-card.entry.e5586f74.js → swirl-card.entry.70ff5794.js}

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

package/dist/{swirl-carousel-slide.entry.67896d72.js → swirl-carousel-slide.entry.1ec45755.js}

@@ -1,8 +1,8 @@
-import { r as i, h as e, H as t } from "./index.5b145033.js";
+import { r as i, h as e, H as t } from "./index.884503fb.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 {
+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%}", r = o, a = class {
   constructor(s) {
     i(this, s), this.label = void 0, this.minHeight = void 0, this.width = "15.5rem";
   }
@@ -10,10 +10,10 @@ const o = ":host{display:block;min-width:0}:host(.carousel-slide--has-min-height
     const s = l("carousel-slide", {
       "carousel-slide--has-min-height": Boolean(this.minHeight)
     });
-    return e(t, { key: "21e5c0c1a0554506a0e8eeb89093673bf4c55efa", "aria-roledescription": "slide", "aria-label": this.label, class: s, role: "group", style: { flexBasis: this.width, minHeight: this.minHeight }, tabIndex: 0 }, e("slot", { key: "13107eddba0cfd06a83194bb0f5c72020f073683" }));
+    return e(t, { key: "1e818397fe4302ceaba585b537c123317307452d", "aria-roledescription": "slide", "aria-label": this.label, class: s, role: "group", style: { flexBasis: this.width, minHeight: this.minHeight }, tabIndex: 0 }, e("slot", { key: "0dfc63ca13321615bb5b3295e767c9e4ed82bac2" }));
   }
 };
-r.style = a;
+a.style = r;
 export {
-  r as swirl_carousel_slide
+  a as swirl_carousel_slide
 };

package/dist/{swirl-carousel.entry.e927c45f.js → swirl-carousel.entry.01502d0b.js}

@@ -1,4 +1,4 @@
-import { r as a, c as n, h as l, H as r, g as c } from "./index.5b145033.js";
+import { r as a, c as n, h as l, H as r, g as c } from "./index.884503fb.js";
 import { d } from "./utils-fbb8b494.acf1ae9e.js";
 import "react";
 import "react-dom";
@@ -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: "801697822fd433c46ba90d32b73fbedf3e7b1d5d", "aria-label": this.label, "aria-roledescription": "carousel", role: "group" }, l("div", { key: "275ba2f4cda4630a8af16fe7eeabec632d4932b3", class: "carousel" }, this.isScrollable && !this.isAtStart && l("swirl-button", { key: "246e774f5f8d1506d109c8e68d83c626be472641", 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: "5c847d86819472aebd8d22348efbc57a25a49a8e", 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: "2bb930b8f2458177507db8ac62fbf165e525e37a", "aria-live": "polite", class: "carousel__slides", onScroll: this.onScroll, ref: (i) => this.slidesContainer = i }, l("slot", { key: "596aa756c3919a1d66d6af891a11d8d45b70cb3a", onSlotchange: this.onSlotChange }))));
+    return l(r, { key: "cd2ca352a6426f2e12386599088a7de9e3f93df0", "aria-label": this.label, "aria-roledescription": "carousel", role: "group" }, l("div", { key: "ae511fa076d36e63dd1b7b2706703e2d09cbd6dd", class: "carousel" }, this.isScrollable && !this.isAtStart && l("swirl-button", { key: "5d69a44a13f7bba287776b68a811d1c828fb14c4", 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: "879a532bdfff58a202adc8abc9c6ada593f80f8c", 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: "9af15bc83352d2c282df0fb70a0d151b139a8947", "aria-live": "polite", class: "carousel__slides", onScroll: this.onScroll, ref: (i) => this.slidesContainer = i }, l("slot", { key: "843034f11070d3177bebb74355fb77585fd8cb95", onSlotchange: this.onSlotChange }))));
   }
   get el() {
     return c(this);

package/dist/{swirl-checkbox.entry.d1208b38.js → swirl-checkbox.entry.8fd2e50b.js}

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

package/dist/{swirl-chip.entry.081bbff9.js → swirl-chip.entry.a1e30692.js}

@@ -1,4 +1,4 @@
-import { r as o, c as s, h as r, H as h, g as n } from "./index.5b145033.js";
+import { r as o, c as s, h as r, H as h, g as n } from "./index.884503fb.js";
 import { c as p } from "./index-267776a4.6beb4f4b.js";
 import { g as l } from "./utils-fbb8b494.acf1ae9e.js";
 import "react";

package/dist/{swirl-color-input.entry.0da8bbe3.js → swirl-color-input.entry.4dd36b47.js}

@@ -1,4 +1,4 @@
-import { r as L, c as f, h as l, H as B } from "./index.5b145033.js";
+import { r as L, c as b, h as l, H as B } from "./index.884503fb.js";
 import { c as T } from "./index-267776a4.6beb4f4b.js";
 import { v as z } from "./v4-23648a96.77c7c20f.js";
 import "react";
@@ -26,11 +26,11 @@ const d = (e, t = 0, o = 1) => e > o ? o : e < t ? t : e, s = (e, t = 0, o = Mat
   return `hsl(${t}, ${o}%, ${i}%)`;
 }, P = ({ h: e, s: t, v: o, a: i }) => {
   e = e / 360 * 6, t = t / 100, o = o / 100;
-  const r = Math.floor(e), n = o * (1 - t), a = o * (1 - (e - r) * t), p = o * (1 - (1 - e + r) * t), b = r % 6;
+  const r = Math.floor(e), n = o * (1 - t), a = o * (1 - (e - r) * t), p = o * (1 - (1 - e + r) * t), f = r % 6;
   return {
-    r: s([o, a, n, n, p, o][b] * 255),
-    g: s([p, o, o, a, n, n][b] * 255),
-    b: s([n, n, p, o, o, a][b] * 255),
+    r: s([o, a, n, n, p, o][f] * 255),
+    g: s([p, o, o, a, n, n][f] * 255),
+    b: s([n, n, p, o, o, a][f] * 255),
     a: s(i, 2)
   };
 }, u = (e) => {
@@ -221,7 +221,7 @@ class W extends U {
 customElements.define("hex-color-picker", W);
 const Z = ".sc-swirl-color-input-h{display:block;width:100%}.sc-swirl-color-input-h *.sc-swirl-color-input{box-sizing:border-box}.color-input.sc-swirl-color-input{position:relative;display:flex;width:100%;align-items:center;color:var(--s-text-default);font:inherit;line-height:var(--s-line-height-sm);cursor:text}.color-input--inline.sc-swirl-color-input .color-input__preview-button.sc-swirl-color-input{width:1.5rem;height:1.5rem;margin-top:-0.125rem;margin-right:-0.25rem;margin-bottom:-0.125rem}.color-input__input.sc-swirl-color-input{display:inline-flex;width:100%;margin:0;padding:0;flex-grow:1;border:none;color:var(--s-text-default);background-color:transparent;font:inherit;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.color-input__input.sc-swirl-color-input:focus{outline:none}.color-input__input.sc-swirl-color-input:disabled{color:var(--s-text-disabled);background-color:transparent}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.color-input__input.sc-swirl-color-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.color-input__preview-button.sc-swirl-color-input{width:2.75rem;height:2.75rem;margin-top:-1.25rem;flex-shrink:0;border:0.0625rem solid var(--s-border-default);border-radius:var(--s-border-radius-s);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}", tt = Z, et = class {
   constructor(e) {
-    L(this, e), this.inputBlur = f(this, "inputBlur", 7), this.inputFocus = f(this, "inputFocus", 7), this.valueChange = f(this, "valueChange", 7), this.pickerId = `color-picker-${z()}`, this.onPickerChange = (t) => {
+    L(this, e), this.inputBlur = b(this, "inputBlur", 7), this.inputFocus = b(this, "inputFocus", 7), this.valueChange = b(this, "valueChange", 7), this.pickerId = `color-picker-${z()}`, this.onPickerChange = (t) => {
       this.value = t.detail.value;
     }, this.onChange = (t) => {
       const o = t.target;
@@ -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: "f0d620c0d0402c04255df09eafdeab6ce0b271f4" }, l("div", { key: "f28c97aecd99df2e5bf8eda9dbd913fdc1d76349", class: t }, l("input", { key: "f286823b38675dc28a41c20d1c89ba09058fe8ba", "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: "17348886e3d8283b8f92bde939d8ffe67cdf0371", swirlPopover: this.pickerId }, l("button", { key: "2737a09648c06563631ea7ad24f932fd116d0c16", "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
+    return l(B, { key: "9c6c2ae8eea70b1c7a3d655966f01eb10fa02126" }, l("div", { key: "9e9952887c16d3b416c733ce3f4b296f1a20bd84", class: t }, l("input", { key: "11f9f1059e8d0794b977d9de4092d3a663088c95", "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: "e1eaf6acc5216eac9720e49b0da4db3ed3d44263", swirlPopover: this.pickerId }, l("button", { key: "2835b722d009daf3018de69061a67274f6cf66a0", "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: "f0deee906e54a0802914abe66b5b426c759c0d01", animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, l("swirl-box", { key: "b4beb61326f80d2a57c8ef533b9a7d291867ca12", centerInline: !0, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, l("hex-color-picker", { key: "3c412fa3f8dae4128170a25a9906a6ce2bd338a9", color: this.value, ref: (o) => this.picker = o })))));
+    }, type: "button" })), l("swirl-popover", { key: "bc1d9f94ef65a8307e6e006f013d9a354576cbe7", animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, l("swirl-box", { key: "d2e9af494473cfdc2031f77d39e4fa3c5fffb2ae", centerInline: !0, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, l("hex-color-picker", { key: "d90d1d25866639f722abd765de86985d865931f0", color: this.value, ref: (o) => this.picker = o })))));
   }
   static get watchers() {
     return {

package/dist/{swirl-columns.entry.dee8c114.js → swirl-columns.entry.9bf0c36a.js}

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

package/dist/swirl-components-react.js

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