@getflip/swirl-components-react 0.148.0 → 0.149.0

package/dist/{swirl-accordion-item.entry.8526e075.js → swirl-accordion-item.entry.bd711e00.js}

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

package/dist/{swirl-accordion.entry.3b5c365c.js → swirl-accordion.entry.cd1405e8.js}

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

package/dist/{swirl-action-list-section.entry.54e0ecd3.js → swirl-action-list-section.entry.948bf126.js}

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

package/dist/{swirl-action-list_3.entry.b1762c1f.js → swirl-action-list_3.entry.3191bc3b.js}

@@ -1,17 +1,17 @@
-import { r as a, h as o, H as r, g as d } from "./index.cf5dd768.js";
-import { q as h, a as p, g as u } from "./utils-9f141e25.a4ae3adc.js";
-import { c as l } from "./index-d280dafb.186cdb0e.js";
+import { r as a, h as o, H as r, g as d } from "./index.88e4da42.js";
+import { q as h, a as p, g as m } from "./utils-9f141e25.a4ae3adc.js";
+import { c } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";
-const m = ":host{display:block;width:100%}:host *{box-sizing:border-box}.action-list{background-color:var(--s-surface-overlay-default)}", f = class {
+const u = ":host{display:block;width:100%}:host *{box-sizing:border-box}.action-list{background-color:var(--s-surface-overlay-default)}", f = class {
   constructor(i) {
     a(this, i), this.onKeyDown = (t) => {
       t.code === "ArrowDown" || t.code === "ArrowRight" ? (t.preventDefault(), this.focusNextItem()) : (t.code === "ArrowUp" || t.code === "ArrowLeft") && (t.preventDefault(), this.focusPreviousItem());
     }, this.onFocusOut = (t) => {
       if (this.isInsidePopover)
         return;
-      const e = t.relatedTarget, s = t.target, n = (s == null ? void 0 : s.tagName) === "SWIRL-ACTION-LIST-ITEM", c = e === null || !this.el.contains(e);
-      !this.isInsidePopover && c && n && this.container.setAttribute("tabindex", "0");
+      const e = t.relatedTarget, s = t.target, n = (s == null ? void 0 : s.tagName) === "SWIRL-ACTION-LIST-ITEM", l = e === null || !this.el.contains(e);
+      !this.isInsidePopover && l && n && this.container.setAttribute("tabindex", "0");
     }, this.onFocus = () => {
       var s, n;
       if (this.isInsidePopover)
@@ -49,10 +49,10 @@ const m = ":host{display:block;width:100%}:host *{box-sizing:border-box}.action-
     return d(this);
   }
 };
-f.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)}.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;flex-shrink:0;color:var(--s-icon-default)}.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 = class {
+f.style = u;
+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)}.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 = class {
   constructor(i) {
-    a(this, i), this.desktopMediaQuery = u(), this.desktopMediaQueryHandler = (t) => {
+    a(this, i), this.desktopMediaQuery = m(), this.desktopMediaQueryHandler = (t) => {
       this.forceIconProps(t.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;
   }
@@ -72,7 +72,7 @@ const g = ":host{display:block}:host *{box-sizing:border-box}.action-list-item{d
     t == null || t.setAttribute("size", i ? "20" : "24"), e == null || e.setAttribute("size", i ? "20" : "24");
   }
   render() {
-    const i = Boolean(this.badge), t = Boolean(this.suffix) && !this.disabled, e = l("action-list-item", `action-list-item--intent-${this.intent}`, `action-list-item--size-${this.size}`);
+    const i = Boolean(this.badge), t = Boolean(this.suffix) && !this.disabled, e = c("action-list-item", `action-list-item--intent-${this.intent}`, `action-list-item--size-${this.size}`);
     return o(r, null, o("button", { "aria-expanded": this.swirlAriaExpanded, "aria-haspopup": this.swirlAriaHaspopup, class: e, disabled: this.disabled, part: "action-list-item", role: "menuitem", tabIndex: -1, type: "button" }, this.icon && o("span", { class: "action-list-item__icon", innerHTML: this.icon, ref: (s) => this.iconEl = s }), o("span", { class: "action-list-item__label-container" }, o("span", { class: "action-list-item__label" }, this.label), this.description && o("span", { class: "action-list-item__description" }, this.description)), i && o("span", { class: "action-list-item__badge", innerHTML: this.badge }), t && o("span", { class: "action-list-item__suffix", innerHTML: this.suffix, ref: (s) => this.suffixEl = s })));
   }
 };
@@ -88,7 +88,7 @@ const b = ":host{display:flex;width:100%;align-items:center}:host *{box-sizing:b
     } : {
       paddingRight: `var(--s-space-${this.spacing})`,
       paddingLeft: `var(--s-space-${this.spacing})`
-    }, t = l("separator", `separator--orientation-${this.orientation}`);
+    }, t = c("separator", `separator--orientation-${this.orientation}`);
     return o(r, { "aria-orientation": this.orientation, class: t, role: "separator", style: i }, o("span", { class: "separator__line" }));
   }
 };

package/dist/{swirl-app-bar.entry.1d3c8665.js → swirl-app-bar.entry.c7b2c162.js}

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

package/dist/{swirl-app-icon.entry.60224897.js → swirl-app-icon.entry.97f96884.js}

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

package/dist/{swirl-app-layout_6.entry.5e7771ba.js → swirl-app-layout_6.entry.242e2637.js}

@@ -1,4 +1,4 @@
-import { r as n, c as s, h as e, H as d, g as p, F as r } from "./index.cf5dd768.js";
+import { r as n, c as s, h as e, H as d, g as p, F as r } from "./index.88e4da42.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import { i as g, g as C } from "./utils-9f141e25.a4ae3adc.js";
 import { S as B } from "./sortable.esm-8c3d5856.57c4f048.js";
@@ -137,7 +137,7 @@ const D = ":host{display:block}:host *{box-sizing:border-box}.empty-state{displa
   }
 };
 M.style = D;
-const V = ":host{display:inline-flex}", A = class {
+const V = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", A = class {
   constructor(t) {
     n(this, t), this.size = 24;
   }
@@ -147,7 +147,7 @@ const V = ":host{display:inline-flex}", A = class {
   }
 };
 A.style = V;
-const z = ":host{display:inline-flex}", H = class {
+const z = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", H = class {
   constructor(t) {
     n(this, t), this.size = 24;
   }
@@ -340,7 +340,7 @@ const E = `.sc-swirl-resource-list-item-h{position:relative;display:block;width:
   }
   render() {
     var b;
-    const t = !this.interactive && !this.selectable ? "div" : Boolean(this.href) && !this.selectable ? "a" : "button", i = this.disabled && !Boolean(this.href), a = Boolean(this.el.querySelector("[slot='badges']")), o = this.el.querySelector("[slot='control']"), c = Boolean(this.menuTriggerId) || o, u = this.interactive && Boolean(this.href) ? this.href : void 0, m = o && (Boolean(this.meta) || a), v = Boolean(this.menuTriggerId) && !Boolean(this.meta) && !this.selectable, h = (Boolean(this.meta) || a) && !this.selectable, w = this.selectable ? String(this.checked) : void 0, _ = this.interactive && this.selectable ? "checkbox" : void 0, f = !h && Boolean(this.controlContainer) ? {
+    const t = !this.interactive && !this.selectable ? "div" : Boolean(this.href) && !this.selectable ? "a" : "button", i = this.disabled && !Boolean(this.href), a = Boolean(this.el.querySelector("[slot='badges']")), o = this.el.querySelector("[slot='control']"), c = Boolean(this.menuTriggerId) || o, u = this.interactive && Boolean(this.href) ? this.href : void 0, m = o && (Boolean(this.meta) || a), w = Boolean(this.menuTriggerId) && !Boolean(this.meta) && !this.selectable, h = (Boolean(this.meta) || a) && !this.selectable, v = this.selectable ? String(this.checked) : void 0, _ = this.interactive && this.selectable ? "checkbox" : void 0, f = !h && Boolean(this.controlContainer) ? {
       paddingRight: `calc(${(b = this.controlContainer) == null ? void 0 : b.getBoundingClientRect().width}px + var(--s-space-16))`
     } : void 0, x = l("resource-list-item", `resource-list-item--label-weight-${this.labelWeight}`, {
       "resource-list-item--active": this.active,
@@ -358,7 +358,7 @@ const E = `.sc-swirl-resource-list-item-h{position:relative;display:block;width:
       "resource-list-item--wrap-description": this.descriptionWrap,
       "resource-list-item--wrap-label": this.labelWrap
     });
-    return e(d, { role: "row" }, e("div", { class: x, role: "gridcell" }, e(t, { "aria-checked": w, "aria-disabled": i ? "true" : void 0, "aria-labelledby": this.id, class: "resource-list-item__content", href: u, disabled: i, onClick: this.onClick, onBlur: this.onBlur, onFocus: this.onFocus, part: "resource-list-item__content", role: _, tabIndex: 0, type: t === "button" ? "button" : void 0 }, this.hasMedia && e("span", { class: "resource-list-item__media" }, e("slot", { name: "media" })), e("span", { class: "resource-list-item__label-container", style: f }, e("span", { class: "resource-list-item__label", id: this.id, innerHTML: this.label }), this.description && e("span", { class: "resource-list-item__description", innerHTML: this.description })), h && e("span", { class: "resource-list-item__meta" }, e("span", { class: "resource-list-item__meta-text" }, this.meta), e("span", { class: "resource-list-item__badges" }, e("slot", { name: "badges" })))), this.selectable && e("span", { "aria-hidden": "true", class: "resource-list-item__checkbox" }, e("span", { class: "resource-list-item__checkbox-icon" }, this.checked && e("swirl-icon-check-strong", null))), e("span", { class: "resource-list-item__control", onClick: this.onControlClick, ref: (k) => this.controlContainer = k }, e("slot", { name: "control" })), v && e("swirl-popover-trigger", { popover: this.menuTriggerId }, e("swirl-button", { "aria-disabled": i ? "true" : void 0, class: "resource-list-item__menu-trigger", disabled: i, hideLabel: !0, icon: "<swirl-icon-more-horizontal></swirl-icon-more-horizontal>", intent: "primary", label: this.menuTriggerLabel, onClick: this.onMenuTriggerClick }))), this.allowDrag && e("button", { "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "resource-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, type: "button" }, e("swirl-icon-drag-handle", { size: this.iconSize })));
+    return e(d, { role: "row" }, e("div", { class: x, role: "gridcell" }, e(t, { "aria-checked": v, "aria-disabled": i ? "true" : void 0, "aria-labelledby": this.id, class: "resource-list-item__content", href: u, disabled: i, onClick: this.onClick, onBlur: this.onBlur, onFocus: this.onFocus, part: "resource-list-item__content", role: _, tabIndex: 0, type: t === "button" ? "button" : void 0 }, this.hasMedia && e("span", { class: "resource-list-item__media" }, e("slot", { name: "media" })), e("span", { class: "resource-list-item__label-container", style: f }, e("span", { class: "resource-list-item__label", id: this.id, innerHTML: this.label }), this.description && e("span", { class: "resource-list-item__description", innerHTML: this.description })), h && e("span", { class: "resource-list-item__meta" }, e("span", { class: "resource-list-item__meta-text" }, this.meta), e("span", { class: "resource-list-item__badges" }, e("slot", { name: "badges" })))), this.selectable && e("span", { "aria-hidden": "true", class: "resource-list-item__checkbox" }, e("span", { class: "resource-list-item__checkbox-icon" }, this.checked && e("swirl-icon-check-strong", null))), e("span", { class: "resource-list-item__control", onClick: this.onControlClick, ref: (k) => this.controlContainer = k }, e("slot", { name: "control" })), w && e("swirl-popover-trigger", { popover: this.menuTriggerId }, e("swirl-button", { "aria-disabled": i ? "true" : void 0, class: "resource-list-item__menu-trigger", disabled: i, hideLabel: !0, icon: "<swirl-icon-more-horizontal></swirl-icon-more-horizontal>", intent: "primary", label: this.menuTriggerLabel, onClick: this.onMenuTriggerClick }))), this.allowDrag && e("button", { "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "resource-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, type: "button" }, e("swirl-icon-drag-handle", { size: this.iconSize })));
   }
   get el() {
     return p(this);

package/dist/{swirl-autocomplete.entry.5962cc5d.js → swirl-autocomplete.entry.dc584706.js}

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

package/dist/{swirl-avatar-group.entry.428bb9d0.js → swirl-avatar-group.entry.bf2ffdaf.js}

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

package/dist/{swirl-avatar.entry.2f94389d.js → swirl-avatar.entry.b03d1dd4.js}

@@ -1,4 +1,4 @@
-import { r as h, h as a, H as m, g as u } from "./index.cf5dd768.js";
+import { r as h, h as a, H as m, g as u } from "./index.88e4da42.js";
 import { c as e } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-badge.entry.4da52615.js → swirl-badge.entry.ae5ef0ef.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, H as t } from "./index.cf5dd768.js";
+import { r as i, h as e, H as t } from "./index.88e4da42.js";
 import { c as r } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-banner.entry.b6523aa9.js → swirl-banner.entry.cba90113.js}

@@ -1,9 +1,9 @@
-import { r as o, c as r, h as t, H as c, g as l } from "./index.cf5dd768.js";
+import { r as o, c as r, h as t, H as c, g as l } from "./index.88e4da42.js";
 import { c as b } from "./index-d280dafb.186cdb0e.js";
 import { g as d } from "./utils-9f141e25.a4ae3adc.js";
 import "react";
 import "react-dom";
-const h = ":host{display:block}:host *{box-sizing:border-box}.banner{display:flex;max-width:100%;padding:var(--s-space-12);align-items:baseline}.banner:focus:not(:focus-visible){outline:none}.banner:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-4)}@media (min-width: 768px){.banner{padding:var(--s-space-16)}}.banner--size-s{padding:var(--s-space-8);justify-content:center}.banner--size-s .banner__content{flex-grow:0;text-align:center;margin-right:var(--s-space-8)}.banner--size-s .banner__controls{margin-left:0;margin-right:var(--s-space-4)}.banner--intent-default .banner__icon,.banner--intent-default .banner__content,.banner--intent-default .banner__action-button,.banner--intent-default .banner__dismiss-button,.banner--intent-critical .banner__icon,.banner--intent-critical .banner__content,.banner--intent-critical .banner__action-button,.banner--intent-critical .banner__dismiss-button,.banner--intent-success .banner__icon,.banner--intent-success .banner__content,.banner--intent-success .banner__action-button,.banner--intent-success .banner__dismiss-button,.banner--intent-info .banner__icon,.banner--intent-info .banner__content,.banner--intent-info .banner__action-button,.banner--intent-info .banner__dismiss-button{color:var(--s-text-on-status)}.banner--intent-default{background-color:var(--s-surface-neutral-default)}.banner--intent-critical{background-color:var(--s-surface-critical-default)}.banner--intent-success{background-color:var(--s-surface-success-default)}.banner--intent-info{background-color:var(--s-surface-info-default)}.banner--intent-warning{background-color:var(--s-surface-warning-default)}.banner--intent-warning .banner__icon{color:var(--s-icon-strong)}.banner--intent-warning .banner__content,.banner--intent-warning .banner__action-button,.banner--intent-warning .banner__dismiss-button{color:var(--s-text-default)}@media (min-width: 375px){.banner--has-icon .banner__content{padding-top:var(--s-space-2)}}.banner__icon{position:relative;top:var(--s-space-2);display:none;margin-right:var(--s-space-8);color:var(--s-icon-on-status)}@media (min-width: 375px){.banner__icon{display:inline-flex}}.banner__content{min-height:1.5rem;margin-right:var(--s-space-12);flex-grow:1;line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner__content{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.banner__controls{display:inline-flex;margin-left:var(--s-space-16);align-items:center;line-height:var(--s-line-height-base);gap:var(--s-space-16)}@media (min-width: 768px){.banner__controls{gap:var(--s-space-24)}}.banner__action-button,.banner__dismiss-button{display:inline-flex;overflow:hidden;max-width:7rem;height:1.5rem;padding:0;flex-shrink:0;align-items:center;border:none;background-color:transparent;font:inherit;font-weight:var(--s-font-weight-semibold);white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.banner__action-button:focus,.banner__dismiss-button:focus{outline-color:var(--s-focus-default)}@media (min-width: 768px){.banner__action-button,.banner__dismiss-button{max-width:12rem}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner__action-button,.banner__dismiss-button{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}", u = {
+const h = ":host{display:block}:host *{box-sizing:border-box}.banner{display:flex;max-width:100%;padding:var(--s-space-12);align-items:baseline}.banner:focus:not(:focus-visible){outline:none}.banner:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-4)}@media (min-width: 768px){.banner{padding:var(--s-space-16)}}.banner--size-s{padding:var(--s-space-8);justify-content:center}.banner--size-s .banner__content{margin-right:var(--s-space-8);flex-grow:0;text-align:center}.banner--size-s .banner__controls{margin-right:var(--s-space-4);margin-left:0}.banner--intent-default .banner__icon,.banner--intent-default .banner__content,.banner--intent-default .banner__action-button,.banner--intent-default .banner__dismiss-button,.banner--intent-critical .banner__icon,.banner--intent-critical .banner__content,.banner--intent-critical .banner__action-button,.banner--intent-critical .banner__dismiss-button,.banner--intent-success .banner__icon,.banner--intent-success .banner__content,.banner--intent-success .banner__action-button,.banner--intent-success .banner__dismiss-button,.banner--intent-info .banner__icon,.banner--intent-info .banner__content,.banner--intent-info .banner__action-button,.banner--intent-info .banner__dismiss-button{color:var(--s-text-on-status)}.banner--intent-default{background-color:var(--s-surface-neutral-default)}.banner--intent-critical{background-color:var(--s-surface-critical-default)}.banner--intent-success{background-color:var(--s-surface-success-default)}.banner--intent-info{background-color:var(--s-surface-info-default)}.banner--intent-warning{background-color:var(--s-surface-warning-default)}.banner--intent-warning .banner__icon{color:var(--s-icon-strong)}.banner--intent-warning .banner__content,.banner--intent-warning .banner__action-button,.banner--intent-warning .banner__dismiss-button{color:var(--s-text-default)}@media (min-width: 375px){.banner--has-icon .banner__content{padding-top:var(--s-space-2)}}.banner__icon{position:relative;top:var(--s-space-4);display:none;width:1.5rem;height:1.5rem;margin-right:var(--s-space-8);flex-shrink:0;color:var(--s-icon-on-status)}@media (min-width: 375px){.banner__icon{display:inline-flex}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner__icon{width:1.25rem;height:1.25rem}}.banner__content{min-height:1.5rem;margin-right:var(--s-space-12);flex-grow:1;line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner__content{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.banner__controls{display:inline-flex;margin-left:var(--s-space-16);flex-shrink:0;align-items:center;line-height:var(--s-line-height-base);gap:var(--s-space-16)}@media (min-width: 768px){.banner__controls{gap:var(--s-space-24)}}.banner__action-button,.banner__dismiss-button{display:inline-flex;overflow:hidden;max-width:7rem;height:1.5rem;padding:0;flex-shrink:0;align-items:center;border:none;background-color:transparent;font:inherit;font-weight:var(--s-font-weight-semibold);white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.banner__action-button:focus,.banner__dismiss-button:focus{outline-color:var(--s-focus-default)}@media (min-width: 768px){.banner__action-button,.banner__dismiss-button{max-width:12rem}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner__action-button,.banner__dismiss-button{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}", u = {
   default: void 0,
   critical: "<swirl-icon-error></swirl-icon-error>",
   success: "<swirl-icon-check-circle></swirl-icon-check-circle>",

package/dist/{swirl-box.entry.d3cb9325.js → swirl-box.entry.53df9217.js}

@@ -1,4 +1,4 @@
-import { r as t, h as d, H as n } from "./index.cf5dd768.js";
+import { r as t, h as d, H as n } from "./index.88e4da42.js";
 import { c as r } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-button-group.entry.bd2f08a8.js → swirl-button-group.entry.46c4ac49.js}

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

package/dist/{swirl-button.entry.f714cbc3.js → swirl-button.entry.89f32add.js}

@@ -1,16 +1,16 @@
-import { r as l, h as o, H as u, g as b } from "./index.cf5dd768.js";
+import { r as l, h as o, H as u, g as b } from "./index.88e4da42.js";
 import { c } from "./index-d280dafb.186cdb0e.js";
 import { g as d } from "./utils-9f141e25.a4ae3adc.js";
 import "react";
 import "react-dom";
 const v = `.sc-swirl-button-h{display:inline-block;max-width:100%;flex-shrink:0}.sc-swirl-button-h *.sc-swirl-button{box-sizing:border-box}.button.sc-swirl-button{display:inline-flex;width:100%;padding:var(--s-space-8) var(--s-space-16);justify-content:center;align-items:center;border:none;border-top-left-radius:var(--swirl-button-border-top-left-radius);border-top-right-radius:var(--swirl-button-border-top-right-radius);border-bottom-right-radius:var(--swirl-button-border-bottom-right-radius);border-bottom-left-radius:var(--swirl-button-border-bottom-left-radius);color:var(--s-text-subdued);background-color:var(--swirl-ghost-button-background-default);font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-lg);text-decoration:none;cursor:pointer;gap:var(--s-space-8)}.button.sc-swirl-button:hover{background-color:var(--swirl-ghost-button-background-hovered)}.button.sc-swirl-button:active{background-color:var(--swirl-ghost-button-background-pressed)}.button.sc-swirl-button:disabled{color:var(--s-text-disabled);background-color:var(--swirl-ghost-button-background-disabled);cursor:default}.button.sc-swirl-button:disabled .button__icon.sc-swirl-button{color:var(--s-icon-disabled)}.button.sc-swirl-button:focus:not(:focus-visible){outline:none}.button.sc-swirl-button:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button.sc-swirl-button{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-4)}}.button--text-align-start.sc-swirl-button{justify-content:flex-start}.button--text-align-center.sc-swirl-button{justify-content:center}.button--text-align-end.sc-swirl-button{justify-content:flex-end}.button--variant-ghost.button--intent-strong.sc-swirl-button:not(:disabled){color:var(--s-text-default)}.button--variant-ghost.button--intent-strong.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-ghost.button--intent-primary.sc-swirl-button:not(:disabled){color:var(--s-text-highlight)}.button--variant-ghost.button--intent-primary.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-highlight)}.button--variant-ghost.button--intent-critical.sc-swirl-button:not(:disabled){color:var(--s-text-critical)}.button--variant-ghost.button--intent-critical.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-critical)}.button--variant-ghost.button--pressed.sc-swirl-button{color:var(--s-text-highlight)}.button--variant-ghost.button--pressed.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-highlight)}.button--variant-ghost.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-ghost.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-flat.sc-swirl-button{color:var(--s-text-default);background-color:var(--swirl-flat-button-background-default)}.button--variant-flat.sc-swirl-button:hover{background-color:var(--swirl-flat-button-background-hovered)}.button--variant-flat.sc-swirl-button:active{background-color:var(--swirl-flat-button-background-pressed)}.button--variant-flat.sc-swirl-button:disabled{background-color:var(--swirl-flat-button-background-disabled)}.button--variant-flat.button--intent-primary.sc-swirl-button:not(:disabled){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.button--variant-flat.button--intent-primary.sc-swirl-button:not(:disabled):hover{background-color:var(--s-action-primary-hovered)}.button--variant-flat.button--intent-primary.sc-swirl-button:not(:disabled):active{background-color:var(--s-action-primary-pressed)}.button--variant-flat.button--intent-primary.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-on-action-primary)}.button--variant-flat.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-outline.sc-swirl-button{color:var(--s-text-default);box-shadow:inset 0 0 0 var(--s-border-width-default) var(--s-border-strong)}.button--variant-outline.sc-swirl-button:disabled{box-shadow:inset 0 0 0 var(--s-border-width-default)
       var(--s-border-default)}.button--variant-outline.button--intent-critical.sc-swirl-button:not(:disabled){color:var(--s-text-critical);box-shadow:inset 0 0 0 var(--s-border-width-default)
-      var(--s-border-critical)}.button--variant-outline.button--intent-critical.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-critical)}.button--variant-outline.button--pressed.sc-swirl-button{box-shadow:inset 0 0 0 var(--s-border-width-default)
-      var(--s-border-highlight);color:var(--s-text-highlight)}.button--variant-outline.button--pressed.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-highlight)}.button--variant-outline.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-outline.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-outline.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-plain.sc-swirl-button{padding:0;border-radius:0;color:var(--s-interactive-neutral-default);background-color:transparent}.button--variant-plain.sc-swirl-button:hover:not(:disabled){color:var(--s-interactive-neutral-default);background-color:transparent;text-decoration:underline;text-underline-offset:var(--s-space-4)}.button--variant-plain.sc-swirl-button:hover:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-interactive-neutral-default)}.button--variant-plain.sc-swirl-button:active:not(:disabled){color:var(--s-interactive-neutral-hovered);background-color:transparent}.button--variant-plain.sc-swirl-button:active:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-interactive-neutral-hovered)}.button--variant-plain.sc-swirl-button:disabled{color:var(--s-interactive-neutral-disabled);background-color:transparent}.button--variant-plain.sc-swirl-button:disabled .button__icon.sc-swirl-button{color:var(--s-interactive-neutral-disabled)}.button--variant-plain.button--icon-only.sc-swirl-button{padding:0}.button--variant-plain.button--intent-strong.sc-swirl-button:not(:disabled){color:var(--s-text-default)}.button--variant-plain.button--intent-strong.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-plain.button--intent-primary.sc-swirl-button{color:var(--s-interactive-primary-default)}.button--variant-plain.button--intent-primary.sc-swirl-button:hover{color:var(--s-interactive-primary-default)}.button--variant-plain.button--intent-primary.sc-swirl-button:hover .button__icon.sc-swirl-button{color:var(--s-interactive-primary-default)}.button--variant-plain.button--intent-primary.sc-swirl-button:active{color:var(--s-interactive-primary-hovered)}.button--variant-plain.button--intent-primary.sc-swirl-button:active .button__icon.sc-swirl-button{color:var(--s-interactive-primary-hovered)}.button--variant-plain.button--intent-primary.sc-swirl-button:disabled{color:var(--s-interactive-primary-disabled)}.button--variant-plain.button--intent-primary.sc-swirl-button:disabled .button__icon.sc-swirl-button{color:var(--s-interactive-primary-disabled)}.button--variant-plain.button--intent-primary.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-interactive-primary-default)}.button--variant-plain.sc-swirl-button .button__icon.sc-swirl-button{margin-left:0;color:var(--s-interactive-neutral-default)}.button--variant-on-image.sc-swirl-button{color:var(--s-text-on-image);background:rgba(0, 0, 0, 0.6)}.button--variant-on-image.sc-swirl-button:hover{background:rgba(0, 0, 0, 0.5)}.button--variant-on-image.sc-swirl-button:active{background:rgba(0, 0, 0, 0.4)}.button--variant-on-image.sc-swirl-button:disabled{color:var(--s-text-on-image);background:rgba(0, 0, 0, 0.3)}.button--variant-on-image.sc-swirl-button:disabled .button__icon.sc-swirl-button{color:var(--s-icon-on-image)}.button--variant-on-image.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-on-image)}.button--variant-floating.sc-swirl-button{color:var(--s-text-default);background-color:var(--s-surface-overlay-default);box-shadow:var(--s-shadow-level-1)}.button--variant-floating.sc-swirl-button:hover{color:var(--s-text-on-action-primary);background-color:var(--s-surface-overlay-hovered)}.button--variant-floating.sc-swirl-button:active{color:var(--s-text-on-action-primary);background-color:var(--s-surface-overlay-pressed)}.button--variant-floating.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-floating.button--intent-primary.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20);border-radius:1.5rem;color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.button--variant-floating.button--intent-primary.sc-swirl-button:hover:not(:disabled){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-hovered)}.button--variant-floating.button--intent-primary.sc-swirl-button:active:not(:disabled){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-pressed)}.button--variant-floating.button--intent-primary.sc-swirl-button:disabled{color:var(--s-text-on-action-primary)}.button--variant-floating.button--intent-primary.sc-swirl-button:disabled .button__icon.sc-swirl-button{color:var(--s-icon-on-action-primary)}.button--variant-floating.button--intent-primary.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-floating.button--intent-primary.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-on-action-primary)}.button--variant-floating.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--icon-position-end.sc-swirl-button .button__icon.sc-swirl-button{margin-right:calc(-1 * var(--s-space-4));margin-left:0;order:2}.button--pill.sc-swirl-button{border-radius:1.25rem}.button--pill.button--size-l.sc-swirl-button{border-radius:1.5rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button--pill.button--size-l.sc-swirl-button{border-radius:1.375rem}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button--pill.sc-swirl-button{border-radius:1.125rem}}.button--icon-only.sc-swirl-button{padding:var(--s-space-8)}.button--icon-only.button--pill.sc-swirl-button{border-top-left-radius:var(--swirl-icon-button-border-top-left-radius);border-top-right-radius:var(--swirl-icon-button-border-top-right-radius);border-bottom-right-radius:var(
+      var(--s-border-critical)}.button--variant-outline.button--intent-critical.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-critical)}.button--variant-outline.button--pressed.sc-swirl-button{color:var(--s-text-highlight);box-shadow:inset 0 0 0 var(--s-border-width-default)
+      var(--s-border-highlight)}.button--variant-outline.button--pressed.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-highlight)}.button--variant-outline.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-outline.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-outline.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-plain.sc-swirl-button{padding:0;border-radius:0;color:var(--s-interactive-neutral-default);background-color:transparent}.button--variant-plain.sc-swirl-button:hover:not(:disabled){color:var(--s-interactive-neutral-default);background-color:transparent;text-decoration:underline;text-underline-offset:var(--s-space-4)}.button--variant-plain.sc-swirl-button:hover:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-interactive-neutral-default)}.button--variant-plain.sc-swirl-button:active:not(:disabled){color:var(--s-interactive-neutral-hovered);background-color:transparent}.button--variant-plain.sc-swirl-button:active:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-interactive-neutral-hovered)}.button--variant-plain.sc-swirl-button:disabled{color:var(--s-interactive-neutral-disabled);background-color:transparent}.button--variant-plain.sc-swirl-button:disabled .button__icon.sc-swirl-button{color:var(--s-interactive-neutral-disabled)}.button--variant-plain.button--icon-only.sc-swirl-button{padding:0}.button--variant-plain.button--intent-strong.sc-swirl-button:not(:disabled){color:var(--s-text-default)}.button--variant-plain.button--intent-strong.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-plain.button--intent-primary.sc-swirl-button{color:var(--s-interactive-primary-default)}.button--variant-plain.button--intent-primary.sc-swirl-button:hover{color:var(--s-interactive-primary-default)}.button--variant-plain.button--intent-primary.sc-swirl-button:hover .button__icon.sc-swirl-button{color:var(--s-interactive-primary-default)}.button--variant-plain.button--intent-primary.sc-swirl-button:active{color:var(--s-interactive-primary-hovered)}.button--variant-plain.button--intent-primary.sc-swirl-button:active .button__icon.sc-swirl-button{color:var(--s-interactive-primary-hovered)}.button--variant-plain.button--intent-primary.sc-swirl-button:disabled{color:var(--s-interactive-primary-disabled)}.button--variant-plain.button--intent-primary.sc-swirl-button:disabled .button__icon.sc-swirl-button{color:var(--s-interactive-primary-disabled)}.button--variant-plain.button--intent-primary.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-interactive-primary-default)}.button--variant-plain.sc-swirl-button .button__icon.sc-swirl-button{margin-left:0;color:var(--s-interactive-neutral-default)}.button--variant-on-image.sc-swirl-button{color:var(--s-text-on-image);background:rgba(0, 0, 0, 0.6)}.button--variant-on-image.sc-swirl-button:hover{background:rgba(0, 0, 0, 0.5)}.button--variant-on-image.sc-swirl-button:active{background:rgba(0, 0, 0, 0.4)}.button--variant-on-image.sc-swirl-button:disabled{color:var(--s-text-on-image);background:rgba(0, 0, 0, 0.3)}.button--variant-on-image.sc-swirl-button:disabled .button__icon.sc-swirl-button{color:var(--s-icon-on-image)}.button--variant-on-image.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-on-image)}.button--variant-floating.sc-swirl-button{color:var(--s-text-default);background-color:var(--s-surface-overlay-default);box-shadow:var(--s-shadow-level-1)}.button--variant-floating.sc-swirl-button:hover{color:var(--s-text-on-action-primary);background-color:var(--s-surface-overlay-hovered)}.button--variant-floating.sc-swirl-button:active{color:var(--s-text-on-action-primary);background-color:var(--s-surface-overlay-pressed)}.button--variant-floating.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-floating.button--intent-primary.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20);border-radius:1.5rem;color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.button--variant-floating.button--intent-primary.sc-swirl-button:hover:not(:disabled){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-hovered)}.button--variant-floating.button--intent-primary.sc-swirl-button:active:not(:disabled){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-pressed)}.button--variant-floating.button--intent-primary.sc-swirl-button:disabled{color:var(--s-text-on-action-primary)}.button--variant-floating.button--intent-primary.sc-swirl-button:disabled .button__icon.sc-swirl-button{color:var(--s-icon-on-action-primary)}.button--variant-floating.button--intent-primary.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-floating.button--intent-primary.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-on-action-primary)}.button--variant-floating.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--icon-position-end.sc-swirl-button .button__icon.sc-swirl-button{margin-right:calc(-1 * var(--s-space-4));margin-left:0;order:2}.button--pill.sc-swirl-button{border-radius:1.25rem}.button--pill.button--size-l.sc-swirl-button{border-radius:1.5rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button--pill.button--size-l.sc-swirl-button{border-radius:1.375rem}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button--pill.sc-swirl-button{border-radius:1.125rem}}.button--icon-only.sc-swirl-button{padding:var(--s-space-8)}.button--icon-only.button--pill.sc-swirl-button{border-top-left-radius:var(--swirl-icon-button-border-top-left-radius);border-top-right-radius:var(--swirl-icon-button-border-top-right-radius);border-bottom-right-radius:var(
       --swirl-icon-button-border-bottom-right-radius
     );border-bottom-left-radius:var(
       --swirl-icon-button-border-bottom-left-radius
-    )}.button--icon-only.sc-swirl-button .button__icon.sc-swirl-button{margin-right:0;margin-left:0}.button--has-icon.sc-swirl-button .button__icon.sc-swirl-button{display:inline-flex}.button__icon.sc-swirl-button{display:none;margin-left:calc(-1 * var(--s-space-4));color:var(--s-icon-default);order:0}.button__label.sc-swirl-button{overflow:hidden;max-width:100%;white-space:nowrap;text-overflow:ellipsis;order:1}`, h = class {
+    )}.button--icon-only.sc-swirl-button .button__icon.sc-swirl-button{margin-right:0;margin-left:0}.button--has-icon.sc-swirl-button .button__icon.sc-swirl-button{display:inline-flex}.button__icon.sc-swirl-button{display:none;width:1.5rem;height:1.5rem;margin-left:calc(-1 * var(--s-space-4));color:var(--s-icon-default);order:0}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button__icon.sc-swirl-button{width:1.25rem;height:1.25rem}}.button__label.sc-swirl-button{overflow:hidden;max-width:100%;white-space:nowrap;text-overflow:ellipsis;order:1}`, h = class {
   constructor(n) {
     l(this, n), this.desktopMediaQuery = d(), this.desktopMediaQueryHandler = (t) => {
       this.forceIconProps(t.matches);

package/dist/{swirl-card.entry.24c1d050.js → swirl-card.entry.c0c95f8f.js}

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

package/dist/{swirl-carousel-slide.entry.1a9aa95f.js → swirl-carousel-slide.entry.a1685496.js}

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

package/dist/{swirl-carousel.entry.f69e2a47.js → swirl-carousel.entry.ada2e795.js}

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

package/dist/{swirl-checkbox.entry.e174efd0.js → swirl-checkbox.entry.55dc7bcb.js}

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

package/dist/{swirl-chip.entry.98fd88f9.js → swirl-chip.entry.70868d0d.js}

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

package/dist/{swirl-color-input.entry.d7669a24.js → swirl-color-input.entry.070799c3.js}

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

package/dist/{swirl-columns.entry.91cfd02b.js → swirl-columns.entry.8ab8ce74.js}

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

package/dist/swirl-components-react.js

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