@getflip/swirl-components-react 0.284.0 → 0.286.0

package/dist/{swirl-banner.entry.1d0c4aa9.js → swirl-banner.entry.35af0345.js}

@@ -1,9 +1,9 @@
-import { r as o, c as r, h as t, H as c, g as b } from "./index.8c53dbed.js";
-import { c as d } from "./index-267776a4.6beb4f4b.js";
+import { r as o, c as r, h as t, H as c, g as d } from "./index.95b03b09.js";
+import { c as b } from "./index-267776a4.6beb4f4b.js";
 import { g as l } from "./utils-fbb8b494.acf1ae9e.js";
 import "react";
 import "react-dom";
-const h = ":host{display:block}:host *{box-sizing:border-box}.banner{display:flex;align-items:flex-start;gap:var(--s-space-16);max-width:100%;min-height:3.5rem;padding:var(--s-space-16)}.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: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner{padding:var(--s-space-16);min-height:3.25rem}}.banner--size-s{padding:var(--s-space-8);justify-content:center}.banner--size-s .banner__content{flex-grow:0;text-align:center}.banner--size-s .banner__controls{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)}.banner__content{display:flex;align-items:flex-start;min-height:1.5rem;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);min-height:1.25rem}}.banner__icon{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__text{min-height:1.5rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner__text{min-height:1.25rem}}.banner__controls{display:inline-flex;flex-shrink:0;align-items:flex-start;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);height:1.25rem}}", m = h, f = {
+const h = ":host{display:block}:host *{box-sizing:border-box}.banner{display:flex;align-items:flex-start;gap:var(--s-space-16);max-width:100%;min-height:3.5rem;padding:var(--s-space-16)}.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: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner{padding:var(--s-space-16);min-height:3.25rem}}.banner--size-s{padding:var(--s-space-8);justify-content:center}.banner--size-s .banner__content{flex-grow:0;text-align:center}.banner--size-s .banner__controls{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)}.banner__content{display:flex;align-items:flex-start;min-height:1.5rem;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);min-height:1.25rem}}.banner__icon{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__text{min-height:1.5rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner__text{min-height:1.25rem}}.banner__controls{display:inline-flex;flex-shrink:0;align-items:flex-start;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);height:1.25rem}}", f = h, m = {
   default: void 0,
   critical: "<swirl-icon-error></swirl-icon-error>",
   success: "<swirl-icon-check-circle></swirl-icon-check-circle>",
@@ -27,24 +27,24 @@ const h = ":host{display:block}:host *{box-sizing:border-box}.banner{display:fle
     (n = (e = this.desktopMediaQuery).removeEventListener) == null || n.call(e, "change", this.desktopMediaQueryHandler);
   }
   forceIconProps(e) {
-    var s, a;
-    const n = (s = this.iconEl) == null ? void 0 : s.children[0], i = (a = this.dismissButtonEl) == null ? void 0 : a.children[0];
+    var a, s;
+    const n = (a = this.iconEl) == null ? void 0 : a.children[0], i = (s = this.dismissButtonEl) == null ? void 0 : s.children[0];
     n == null || n.setAttribute("size", e ? "20" : "24"), i == null || i.setAttribute("size", e ? "20" : "24");
   }
   determineIcon() {
-    return this.icon ? this.icon : f[this.intent];
+    return this.icon ? this.icon : m[this.intent];
   }
   render() {
-    const e = this.determineIcon(), n = Boolean(this.actionLabel) || this.dismissable, i = this.icon || this.showIcon && Boolean(e), s = d("banner", `banner--intent-${this.intent}`, `banner--size-${this.size}`, {
+    const e = this.determineIcon(), n = Boolean(this.actionLabel) || this.dismissable, i = this.icon || this.showIcon && Boolean(e), a = b("banner", `banner--intent-${this.intent}`, `banner--size-${this.size}`, {
       "banner--has-icon": i
     });
-    return t(c, { key: "59ad8b46103af68b01514dffb4a8ffc3f7366135" }, t("div", { key: "e7a44b513cc0e362187b7972bbe30370b9789b1d", "aria-describedby": "content", class: s, role: this.importance, tabIndex: 0 }, t("div", { key: "4465f6f6ab0afe3231e25a52192a9f56d5756efe", class: "banner__content", id: "content", part: "banner__content" }, i && t("span", { key: "4aa59545611d08217a0edb767ee34f5d7fc2e18b", "aria-hidden": "true", class: "banner__icon", innerHTML: e, ref: (a) => this.iconEl = a }), t("span", { key: "91ee916917e08fd7d19277740a63c6efa2493910", class: "banner__text" }, this.content)), n && t("div", { key: "49b0b4c1f8b83e60e033fd3729c1591f3ba961bc", class: "banner__controls" }, this.actionLabel && t("button", { key: "3642186b3c70e2a2a2fef4ec21ab3cda77d345c6", class: "banner__action-button", onClick: this.onAction, part: "banner__action-button", type: "button" }, this.actionLabel), this.dismissable && t("button", { key: "a09f723ea799b686f0e06baeeb87590a1b60f1fa", "aria-label": this.dismissLabel, class: "banner__dismiss-button", onClick: this.onDismiss, part: "banner__dismiss-button", ref: (a) => this.dismissButtonEl = a, type: "button" }, t("swirl-icon-close", { key: "caaba0ff27439dd72e1efd50178a253e496abd4d" })))));
+    return t(c, { key: "fcbf3df259fdc2f6a1a87a9156f87c576a28bda8" }, t("div", { key: "eb8cff02af80842164c9f4b9867e4c684fc76825", "aria-describedby": "content", class: a, role: this.importance, tabIndex: 0 }, t("div", { key: "d114781c6d652f7bf1ef575cc5d357e7962eb9b8", class: "banner__content", id: "content", part: "banner__content" }, i && t("span", { key: "01ac20daad7dd1452bb8325e6b619c7697f4800e", "aria-hidden": "true", class: "banner__icon", innerHTML: e, ref: (s) => this.iconEl = s }), t("span", { key: "b5614f90d8ce542046a9f7caceeeb117a2770d20", class: "banner__text" }, this.content)), n && t("div", { key: "a05e4bed3bf3fb3982a89dd71b2feb335fcb9322", class: "banner__controls" }, this.actionLabel && t("button", { key: "3f0b7a87f1fdcb5efd3ac0dc6d4ef7101ae21013", class: "banner__action-button", onClick: this.onAction, part: "banner__action-button", type: "button" }, this.actionLabel), this.dismissable && t("button", { key: "5ce2751d784bdc4d0839924cd38d6105329088bf", "aria-label": this.dismissLabel, class: "banner__dismiss-button", onClick: this.onDismiss, part: "banner__dismiss-button", ref: (s) => this.dismissButtonEl = s, type: "button" }, t("swirl-icon-close", { key: "4ee74722160180d6cf5371f5f009f3f423b08bf6" })))));
   }
   get element() {
-    return b(this);
+    return d(this);
   }
 };
-_.style = m;
+_.style = f;
 export {
   _ as swirl_banner
 };

package/dist/{swirl-box.entry.77ee1b2a.js → swirl-box.entry.e2bcd66a.js}

@@ -1,4 +1,4 @@
-import { r as d, c as r, h as t, H as i, g as s } from "./index.8c53dbed.js";
+import { r as d, c as r, h as t, H as i, g as s } from "./index.95b03b09.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -64,7 +64,7 @@ const n = ":host{display:block;width:100%}:host(.box--bordered){border:var(--s-b
       "box--scrolled-to-top": this.scrollState.scrolledToTop,
       "box--scrolled-to-bottom": this.scrollState.scrolledToBottom
     });
-    return t(i, { key: "22989d7972a37c53b50f879639bff0581214d528", class: o, onScroll: this.onScroll, style: e }, t("slot", { key: "8628bb4a2474579564e1352967b8e4c48026c906" }));
+    return t(i, { key: "31f4331552b01e796f7923ebc8a302a97cc499df", class: o, onScroll: this.onScroll, style: e }, t("slot", { key: "1b8c8c79e009617e311203b6d004a7e4e25bd211" }));
   }
   get el() {
     return s(this);

package/dist/{swirl-button-group.entry.5a28b98f.js → swirl-button-group.entry.e5cb709e.js}

@@ -1,19 +1,19 @@
-import { r as s, h as r, H as i } from "./index.8c53dbed.js";
-import { c as e } from "./index-267776a4.6beb4f4b.js";
+import { r as s, h as r, H as e } from "./index.95b03b09.js";
+import { c as i } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
-const n = ':host{display:block}:host *{box-sizing:border-box}.button-group--segmented ::slotted(*:not(:last-child)){position:relative}.button-group--segmented ::slotted(*:not(:last-child)):after{position:absolute;z-index:1;top:50%;left:100%;width:var(--s-border-width-default);height:calc(100% - var(--s-space-16));background-color:var(--s-border-strong);content:"";transform:translate3d(-50%, -50%, 0);pointer-events:none}.button-group--segmented ::slotted(*:not(:last-child):not([disabled])[intent="primary"]):after{background-color:var(--s-text-on-action-primary)}.button-group--segmented ::slotted(*:not(:last-child)[disabled="false"][intent="primary"]):after{background-color:var(--s-text-on-action-primary)}.button-group--segmented ::slotted(*:not(:first-child):not(:last-child)){--swirl-button-border-top-right-radius:0;--swirl-button-border-top-left-radius:0;--swirl-button-border-bottom-right-radius:0;--swirl-button-border-bottom-left-radius:0;--swirl-icon-button-border-top-right-radius:0;--swirl-icon-button-border-top-left-radius:0;--swirl-icon-button-border-bottom-right-radius:0;--swirl-icon-button-border-bottom-left-radius:0}.button-group--segmented ::slotted(*:first-child){--swirl-button-border-top-right-radius:0;--swirl-button-border-bottom-right-radius:0;--swirl-icon-button-border-top-right-radius:0;--swirl-icon-button-border-bottom-right-radius:0;--swirl-icon-button-border-top-left-radius:var(--s-border-radius-base);--swirl-icon-button-border-bottom-left-radius:var(--s-border-radius-base)}.button-group--segmented ::slotted(*:last-child){--swirl-button-border-top-left-radius:0;--swirl-button-border-bottom-left-radius:0;--swirl-icon-button-border-top-right-radius:var(--s-border-radius-base);--swirl-icon-button-border-bottom-right-radius:var(--s-border-radius-base);--swirl-icon-button-border-top-left-radius:0;--swirl-icon-button-border-bottom-left-radius:0}', d = n, a = class {
+const n = ':host{display:block}:host *{box-sizing:border-box}.button-group--segmented ::slotted(*:not(:last-child)){position:relative}.button-group--segmented ::slotted(*:not(:last-child)):after{position:absolute;z-index:1;top:50%;left:100%;width:var(--s-border-width-default);height:calc(100% - var(--s-space-16));background-color:var(--s-border-strong);content:"";transform:translate3d(-50%, -50%, 0);pointer-events:none}.button-group--segmented ::slotted(*:not(:last-child):not([disabled])[intent="primary"]):after{background-color:var(--s-text-on-action-primary)}.button-group--segmented ::slotted(*:not(:last-child)[disabled="false"][intent="primary"]):after{background-color:var(--s-text-on-action-primary)}.button-group--segmented ::slotted(*:not(:first-child):not(:last-child)){--swirl-button-border-top-right-radius:0;--swirl-button-border-top-left-radius:0;--swirl-button-border-bottom-right-radius:0;--swirl-button-border-bottom-left-radius:0;--swirl-icon-button-border-top-right-radius:0;--swirl-icon-button-border-top-left-radius:0;--swirl-icon-button-border-bottom-right-radius:0;--swirl-icon-button-border-bottom-left-radius:0}.button-group--segmented ::slotted(*:first-child){--swirl-button-border-top-right-radius:0;--swirl-button-border-bottom-right-radius:0;--swirl-icon-button-border-top-right-radius:0;--swirl-icon-button-border-bottom-right-radius:0;--swirl-icon-button-border-top-left-radius:var(--s-border-radius-base);--swirl-icon-button-border-bottom-left-radius:var(--s-border-radius-base)}.button-group--segmented ::slotted(*:last-child){--swirl-button-border-top-left-radius:0;--swirl-button-border-bottom-left-radius:0;--swirl-icon-button-border-top-right-radius:var(--s-border-radius-base);--swirl-icon-button-border-bottom-right-radius:var(--s-border-radius-base);--swirl-icon-button-border-top-left-radius:0;--swirl-icon-button-border-bottom-left-radius:0}', a = n, d = class {
   constructor(t) {
     s(this, t), this.orientation = "horizontal", this.segmented = void 0, this.spacing = "8", this.stretch = void 0, this.wrap = void 0;
   }
   render() {
-    const t = this.segmented ? "0" : this.spacing, o = e("button-group", {
+    const t = this.segmented ? "0" : this.spacing, o = i("button-group", {
       "button-group--segmented": this.segmented
     });
-    return r(i, { key: "663df05c0ea2f6abeb84e5e8d505d86182b8db03" }, r("swirl-stack", { key: "24b8bfa87aedd82c415c09ef003ba5fcfc77d65a", align: this.orientation === "vertical" && this.stretch ? "stretch" : "start", class: o, justify: this.orientation === "horizontal" && this.stretch ? "stretch" : "start", orientation: this.orientation, role: "group", spacing: t, wrap: this.wrap }, r("slot", { key: "06f198d3ec7d7a064a074358ba446fdc66595f0b" })));
+    return r(e, { key: "a32468ae01627af933623c22b640fa3f50b4d068" }, r("swirl-stack", { key: "1b2951f02b3171bc556dbb7e24b9fefefe74a791", align: this.orientation === "vertical" && this.stretch ? "stretch" : "start", class: o, justify: this.orientation === "horizontal" && this.stretch ? "stretch" : "start", orientation: this.orientation, role: "group", spacing: t, wrap: this.wrap }, r("slot", { key: "ced53e457fce3021ec5a1bcca7099b709e6d52df" })));
   }
 };
-a.style = d;
+d.style = a;
 export {
-  a as swirl_button_group
+  d as swirl_button_group
 };

package/dist/{swirl-button.entry.4bd915f2.js → swirl-button.entry.c652999c.js}

@@ -1,4 +1,4 @@
-import { r as l, h as o, H as u, g as d } from "./index.8c53dbed.js";
+import { r as l, h as o, H as u, g as d } from "./index.95b03b09.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import { g as v } from "./utils-fbb8b494.acf1ae9e.js";
 import "react";
@@ -50,7 +50,7 @@ const h = `.sc-swirl-button-h{display:inline-block;max-width:100%;flex-shrink:0}
       "button--pill": this.pill,
       "button--pressed": this.pressed
     }), b = t ? "a" : "button";
-    return o(u, { key: "9f7e6331c399db3c4bfd13decb2122be60e5e065", style: { pointerEvents: this.disabled ? "none" : "" } }, o(b, { key: "859b6ac29de2c34bb8d83195f15204e533e6def2", "aria-controls": this.swirlAriaControls, "aria-current": this.swirlAriaCurrent, "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled && !t ? "true" : void 0, "aria-expanded": this.swirlAriaExpanded, "aria-haspopup": this.swirlAriaHaspopup, "aria-label": r, "aria-pressed": this.pressed ? "true" : void 0, class: e, disabled: t ? void 0 : this.disabled, download: t ? void 0 : this.download, form: t ? void 0 : this.form, href: this.href, name: t ? void 0 : this.name, ref: (i) => this.buttonEl = i, target: t ? this.target : void 0, type: t ? void 0 : this.type, value: t ? void 0 : this.value, style: this.inheritFontSize ? { fontSize: "inherit", lineHeight: "inherit" } : {} }, Boolean(this.icon) && o("span", { key: "5c7f0e5a64b7a340f2150f389f20cd9316b187aa", class: "button__icon", innerHTML: this.icon, ref: (i) => this.iconEl = i }), !Boolean(this.icon) && o("span", { key: "d6a785644558af85728463ae5a91a0356597f234", class: "button__icon", ref: (i) => this.iconEl = i }, o("slot", { key: "fc0967d404034583af2e3de17f466cd16bb7a9b0", name: "icon" })), !n && o("span", { key: "adffba35ce4ab6113dbdcf9250d288f5ee0755d2", class: "button__label" }, this.label), s && o("span", { key: "e9fd1d4ab56df41b7c20b54fd830735571273f4d", class: "button__tag" }, o("slot", { key: "b102bba403ef8ec9f380fca6153ba242d789e0f0", name: "tag" }))));
+    return o(u, { key: "67c5602db91b6efe4a7218dff1357b9a0dbb05ce", style: { pointerEvents: this.disabled ? "none" : "" } }, o(b, { key: "5ccb8f4d84207fedef3e99d3109ba46e75c6179f", "aria-controls": this.swirlAriaControls, "aria-current": this.swirlAriaCurrent, "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled && !t ? "true" : void 0, "aria-expanded": this.swirlAriaExpanded, "aria-haspopup": this.swirlAriaHaspopup, "aria-label": r, "aria-pressed": this.pressed ? "true" : void 0, class: e, disabled: t ? void 0 : this.disabled, download: t ? void 0 : this.download, form: t ? void 0 : this.form, href: this.href, name: t ? void 0 : this.name, ref: (i) => this.buttonEl = i, target: t ? this.target : void 0, type: t ? void 0 : this.type, value: t ? void 0 : this.value, style: this.inheritFontSize ? { fontSize: "inherit", lineHeight: "inherit" } : {} }, Boolean(this.icon) && o("span", { key: "8136de46e80e1ece4412b21a91d80387b1beffe3", class: "button__icon", innerHTML: this.icon, ref: (i) => this.iconEl = i }), !Boolean(this.icon) && o("span", { key: "f5b65971de71a8cec64e65a9e8f32457b3ff7935", class: "button__icon", ref: (i) => this.iconEl = i }, o("slot", { key: "f5772e810bf6c0525f6f09c004b68cb473ed9a3c", name: "icon" })), !n && o("span", { key: "e8af5f9bb49bcf10cb72540fe3d953612d33851e", class: "button__label" }, this.label), s && o("span", { key: "58839bee6bf483cc383c8051f59cc8dd25e496a8", class: "button__tag" }, o("slot", { key: "fd6b3171b0ecf275e15e333524edf980e0517860", name: "tag" }))));
   }
   get el() {
     return d(this);

package/dist/{swirl-card.entry.d5afab95.js → swirl-card.entry.a616165b.js}

@@ -1,4 +1,4 @@
-import { r as t, c as n, h as e, H as o, g as c } from "./index.8c53dbed.js";
+import { r as t, c as n, h as e, H as o, g as c } from "./index.95b03b09.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -40,7 +40,7 @@ const u = `:host{display:contents}:host *{box-sizing:border-box}.card{--swirl-gh
       "card--interactive": this.interactive || this.href,
       "card--is--borderless": this.isBorderless
     });
-    return e(o, { key: "4d6f94076fcdb889d3ce746039607d59be1cd2b8", styles: { height: this.height } }, e(a, { key: "e90f4f6e05f6bce9dc7529e994ac20b78288075f", "aria-label": this.swirlAriaLabel, "aria-labelledby": this.swirlAriaLabelledby, class: i, href: this.href, rel: Boolean(this.href) && this.linkTarget === "_blank" ? "noreferrer" : void 0, style: s, target: this.linkTarget }, e("div", { key: "b807d3babd972a8fe3ea78cf09f85a9ba3ef0c60", class: "card__image", style: { aspectRatio: this.imageAspectRatio } }, e("slot", { key: "50785ca3afed12023065baf6f2a6a11d0fc694b2", name: "image" })), e("div", { key: "9cfb96ea5290cbb124c830bb3fb9b24db8d22764", class: "card__body", style: d }, e("div", { key: "b499e82609144d547db7ac0c3a9155d2f5c2edd5", class: "card__content" }, e("slot", { key: "5de143023d98501f3c98c319223aab370d42c46f", name: "content" })))));
+    return e(o, { key: "4f3f5a5071de38d0e5e61db11f7ffae8ca1c73e7", styles: { height: this.height } }, e(a, { key: "bf957c91919f3465f467fc18167e1c34dee5e310", "aria-label": this.swirlAriaLabel, "aria-labelledby": this.swirlAriaLabelledby, class: i, href: this.href, rel: Boolean(this.href) && this.linkTarget === "_blank" ? "noreferrer" : void 0, style: s, target: this.linkTarget }, e("div", { key: "fd3c0ab76e5710e1a36b5d637a49b49913c2eec4", class: "card__image", style: { aspectRatio: this.imageAspectRatio } }, e("slot", { key: "07be5fcc88f997b3f857dce8654be2bae6793723", name: "image" })), e("div", { key: "ae0dd7f377ed5d2dd4701824c7cd0d22a63359e5", class: "card__body", style: d }, e("div", { key: "716fd0468a3864bde4b67f6f2921ca04f8ce56b6", class: "card__content" }, e("slot", { key: "988e0aabbbe450703688a2fdb71a91103bed7484", name: "content" })))));
   }
   get el() {
     return c(this);

package/dist/{swirl-carousel-slide.entry.11913de7.js → swirl-carousel-slide.entry.e05911ac.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, H as t } from "./index.8c53dbed.js";
+import { r as i, h as e, H as t } from "./index.95b03b09.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -10,7 +10,7 @@ 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: "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" }));
+    return e(t, { key: "98ebeeaf4beb6d66cc8bb360a2119f9db6bc1e36", "aria-roledescription": "slide", "aria-label": this.label, class: s, role: "group", style: { flexBasis: this.width, minHeight: this.minHeight }, tabIndex: 0 }, e("slot", { key: "5b88284bf48d0ca280696c1033e2344fc01f151f" }));
   }
 };
 a.style = r;

package/dist/{swirl-carousel.entry.171f6f3d.js → swirl-carousel.entry.c9514c5b.js}

@@ -1,4 +1,4 @@
-import { r as o, c as a, h as l, H as r, g as d } from "./index.8c53dbed.js";
+import { r as o, c as a, h as l, H as r, g as d } from "./index.95b03b09.js";
 import { d as c } from "./utils-fbb8b494.acf1ae9e.js";
 import { c as h } from "./index-267776a4.6beb4f4b.js";
 import "react";
@@ -70,7 +70,7 @@ const u = ":host{--swirl-carousel-spacing:var(--s-space-16);position:relative;di
       "carousel--is-at-start": this.isAtStart,
       "carousel--is-at-end": this.isAtEnd
     });
-    return l(r, { key: "7a23607d98ec5bc759fdcae7ba70df9a6940f187", "aria-label": this.label, "aria-roledescription": "carousel", role: "group" }, l("div", { key: "1223f0cd4acd6556cce428276f2664201bddbad0", class: e }, this.isScrollable && !this.isAtStart && l("swirl-button", { key: "86a5e0b334e7bff828bb2477cf912d54b9489f2e", 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: "794a310026cec6b9203a99207e2aa4e732ff9e01", 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: "98179d7a5467375248823e59e5f8d1f080d5b39c", "aria-live": "polite", class: "carousel__slides", style: i, onScroll: this.onScroll, ref: (t) => this.slidesContainer = t }, l("slot", { key: "0ff0113a8d91b2366b517da4ef9d9219062d32b0", onSlotchange: this.onSlotChange }))));
+    return l(r, { key: "dc282887cedadc493fda9f71fd249cb62a0efd3f", "aria-label": this.label, "aria-roledescription": "carousel", role: "group" }, l("div", { key: "f48fab6833ba11a2493513b8b2fbfd28c5c62339", class: e }, this.isScrollable && !this.isAtStart && l("swirl-button", { key: "fdeb6ff51115359928fbce0d58c7c74ec0bb606a", 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: "5a73745fb749bf9bbc5d1a8f511c2da0cccf26f1", 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: "247e8f2b15b9d37159f0a7faaca86db851310a18", "aria-live": "polite", class: "carousel__slides", style: i, onScroll: this.onScroll, ref: (t) => this.slidesContainer = t }, l("slot", { key: "16d4b9884689f40d72a912466b0579042941b4b6", onSlotchange: this.onSlotChange }))));
   }
   get el() {
     return d(this);

package/dist/{swirl-checkbox.entry.ed8058ae.js → swirl-checkbox.entry.ce7a0cda.js}

@@ -1,5 +1,5 @@
-import { r as b, c as t, h as c, H as d } from "./index.8c53dbed.js";
-import { c as l } from "./index-267776a4.6beb4f4b.js";
+import { r as b, c as t, h as c, H as l } from "./index.95b03b09.js";
+import { c as d } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
 const n = `.sc-swirl-checkbox-h{display:inline-flex}.sc-swirl-checkbox-h *.sc-swirl-checkbox{box-sizing:border-box}.checkbox.sc-swirl-checkbox{display:inline-flex;line-height:var(--s-line-height-base);cursor:pointer}.checkbox.sc-swirl-checkbox:focus-within .checkbox__box.sc-swirl-checkbox{box-shadow:0 0 0 0.0625rem var(--s-background-default),
@@ -14,14 +14,14 @@ const n = `.sc-swirl-checkbox-h{display:inline-flex}.sc-swirl-checkbox-h *.sc-sw
     return e ? "true" : i ? "false" : "mixed";
   }
   render() {
-    const e = this.checked === !1 || this.checked === "false", i = this.checked === !0 || this.checked === "true", o = this.checked === "indeterminate", s = Boolean(this.label) || Boolean(this.description), r = this.getAriaCheckedLabel(i, e), h = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, a = l("checkbox", `checkbox--label-weight-${this.labelWeight}`, `checkbox--variant-${this.variant}`, {
+    const e = this.checked === !1 || this.checked === "false", i = this.checked === !0 || this.checked === "true", o = this.checked === "indeterminate", s = Boolean(this.label) || Boolean(this.description), r = this.getAriaCheckedLabel(i, e), h = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, a = d("checkbox", `checkbox--label-weight-${this.labelWeight}`, `checkbox--variant-${this.variant}`, {
       "checkbox--checked": i,
       "checkbox--disabled": this.disabled,
       "checkbox--indeterminate": o,
       "checkbox--invalid": this.invalid,
       "checkbox--unchecked": e
     });
-    return c(d, { key: "3f791853cc40f9cea14b696c97a7e0ffcbe83b2f", style: { width: this.variant === "card" ? "100%" : void 0 } }, c("label", { key: "5343b2eb0c188c8bba2ac717d62de26711b29aa3", class: a, htmlFor: this.inputId }, c("span", { key: "0e3c767e4cf73aa2daddfb574f48a24f8753bc32", class: "checkbox__control" }, c("swirl-visually-hidden", { key: "518d7373a43419fb06b5f4a5cee587bfe469ff89" }, c("input", { key: "389abda596f18256d386f233e6472bd3e091f63a", "aria-checked": r, "aria-describedby": this.swirlAriaDescribedby, "aria-invalid": h, "aria-label": this.swirlAriaLabel, checked: i, class: "checkbox__input", disabled: this.disabled, id: this.inputId, indeterminate: o, name: this.inputName, onChange: this.onChange, type: "checkbox", value: this.value })), c("span", { key: "c3ea514dbc59eb64e8e9f58f8d66c9460e09fc12", "aria-hidden": "true", class: "checkbox__box" }, c("span", { key: "03f2234bf274c734f1ddcd30e3e7fcb03f7c0e9e", class: "checkbox__icon" }, i && c("swirl-icon-check-strong", { key: "3676909668e487ad3eced64ca05aef2617e6c99a" }), o && c("span", { key: "8b114f66464a5c125888ad3571993b71a4c51a6b", class: "checkbox__indeterminate-icon" })))), s && c("span", { key: "5d28ddb318680a3373d4ca771c972ff223d38b25", class: "checkbox__label-container" }, this.label && c("span", { key: "4baefd6cb705a6b9181c4e3c5653016f2713d653", class: "checkbox__label" }, this.label), this.description && c("span", { key: "4beba68c4124354bcb15251332bf25c666787b9d", class: "checkbox__description" }, this.description))));
+    return c(l, { key: "47e2bb1334f5370dc6733ce92e24c9561339077a", style: { width: this.variant === "card" ? "100%" : void 0 } }, c("label", { key: "80abed84bb07d0a3949ab6619654653010d0fb97", class: a, htmlFor: this.inputId }, c("span", { key: "4be8a5ea2485614530f48930f01601ea69b8e429", class: "checkbox__control" }, c("swirl-visually-hidden", { key: "951b2431cb4b257b874a1398cd098572afef818c" }, c("input", { key: "3b9c896b18c5ab5566274d1651822fdd73a8716d", "aria-checked": r, "aria-describedby": this.swirlAriaDescribedby, "aria-invalid": h, "aria-label": this.swirlAriaLabel, checked: i, class: "checkbox__input", disabled: this.disabled, id: this.inputId, indeterminate: o, name: this.inputName, onChange: this.onChange, type: "checkbox", value: this.value })), c("span", { key: "240669d2a046ad4a233654e882ac7aafe7bd6cbf", "aria-hidden": "true", class: "checkbox__box" }, c("span", { key: "e58d952cf7e5f8bda65d74e4ea99f98b30c55ab9", class: "checkbox__icon" }, i && c("swirl-icon-check-strong", { key: "761aadd9c03b94f134c90f0b05f1feaf49aa8f89" }), o && c("span", { key: "3c9042575b66be70f1f727425bd85c21e33e8377", class: "checkbox__indeterminate-icon" })))), s && c("span", { key: "b5b9b877597a083a847e8fea977da5373eb85471", class: "checkbox__label-container" }, this.label && c("span", { key: "25eaf96669b412282e6805b42635c7630eb0c1ac", class: "checkbox__label" }, this.label), this.description && c("span", { key: "2cf8b31a6d1d4860fb01cfce2421d5b0535ca45e", class: "checkbox__description" }, this.description))));
   }
 };
 x.style = k;

package/dist/{swirl-chip.entry.4e89e215.js → swirl-chip.entry.2a3b159d.js}

@@ -1,11 +1,11 @@
-import { r as o, c, h as e, H as h, g as n } from "./index.8c53dbed.js";
+import { r as o, c, h as r, H as h, g as n } from "./index.95b03b09.js";
 import { c as p } from "./index-267776a4.6beb4f4b.js";
 import { g as l } from "./utils-fbb8b494.acf1ae9e.js";
 import "react";
 import "react-dom";
 const d = ".sc-swirl-chip-h{position:relative;display:inline-flex;max-width:100%}.sc-swirl-chip-h *.sc-swirl-chip{box-sizing:border-box}.chip.sc-swirl-chip{display:inline-flex;overflow:hidden;max-width:100%;height:2.5rem;padding:0;border:0.0625rem solid var(--s-border-default);border-radius:1.25rem;color:var(--s-text-subdued);background-color:var(--s-surface-overlay-default);font:inherit;font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);flex-direction:column}.chip--size-s.sc-swirl-chip{height:2rem}.chip--size-s.chip--removable.sc-swirl-chip .chip__inner.sc-swirl-chip{padding-right:calc(1.5rem + var(--s-space-12))}.chip--size-s.sc-swirl-chip .chip__inner.sc-swirl-chip{padding-right:var(--s-space-12);padding-left:var(--s-space-12)}.chip--size-s.sc-swirl-chip+.chip__remove-button.sc-swirl-chip{top:var(--s-space-4);width:1.5rem;height:1.5rem}.chip--interactive.sc-swirl-chip{cursor:pointer}.chip--interactive.sc-swirl-chip:hover{background-color:var(--s-surface-overlay-hovered)}.chip--interactive.sc-swirl-chip:hover .sc-swirl-chip::part(avatar){background-color:var(--s-surface-raised-hovered)}.chip--interactive.sc-swirl-chip:hover+.chip__remove-button.sc-swirl-chip{background-color:var(--s-surface-raised-default)}.chip--interactive.sc-swirl-chip:hover+.chip__remove-button.sc-swirl-chip:hover{background-color:var(--s-surface-raised-hovered)}.chip--interactive.sc-swirl-chip:hover+.chip__remove-button.sc-swirl-chip:active{background-color:var(--s-surface-overlay-pressed)}.chip--interactive.sc-swirl-chip:active{background-color:var(--s-surface-overlay-pressed)}.chip--interactive.sc-swirl-chip:active .sc-swirl-chip::part(avatar){background-color:var(--s-surface-raised-pressed)}.chip--interactive.sc-swirl-chip:active+.chip__remove-button.sc-swirl-chip{background-color:var(--s-surface-overlay-pressed)}.chip--icon-color-highlight.sc-swirl-chip .chip__icon.sc-swirl-chip{color:var(--s-icon-highlight)}.chip--removable.sc-swirl-chip .chip__inner.sc-swirl-chip{padding-right:calc(1.875rem + var(--s-space-12))}.chip--intent-critical.sc-swirl-chip{border-color:var(--s-border-critical);color:var(--s-text-critical)}.chip--intent-critical.sc-swirl-chip .chip__icon.sc-swirl-chip{color:var(--s-icon-critical)}.chip--border-radius-sm.sc-swirl-chip{border-radius:var(--s-border-radius-sm)}.chip--intent-success.sc-swirl-chip{border-color:var(--s-border-success);color:var(--s-text-success)}.chip--intent-success.sc-swirl-chip .chip__icon.sc-swirl-chip{color:var(--s-icon-success)}.chip--variant-outline.chip--pressed.sc-swirl-chip{color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.chip--variant-outline.chip--pressed.sc-swirl-chip:hover{background-color:var(--s-action-primary-hovered)}.chip--variant-outline.chip--pressed.sc-swirl-chip:hover+.chip__remove-button.sc-swirl-chip{background-color:var(--s-action-primary-hovered)}.chip--variant-outline.chip--pressed.sc-swirl-chip:active{background-color:var(--s-action-primary-pressed)}.chip--variant-outline.chip--pressed.sc-swirl-chip:active+.chip__remove-button.sc-swirl-chip{background-color:var(--s-action-primary-pressed)}.chip--variant-outline.chip--pressed.sc-swirl-chip+.chip__remove-button.sc-swirl-chip{color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.chip--variant-outline.chip--pressed.sc-swirl-chip+.chip__remove-button.sc-swirl-chip:hover{background-color:var(--s-action-primary-hovered)}.chip--variant-outline.chip--pressed.sc-swirl-chip+.chip__remove-button.sc-swirl-chip:active{background-color:var(--s-action-primary-pressed)}.chip--variant-plain.sc-swirl-chip{height:auto;border:none;border-radius:0;background-color:transparent}.chip--variant-plain.chip--interactive.sc-swirl-chip:hover{background-color:transparent;text-decoration:underline;text-underline-offset:var(--s-space-4)}.chip--variant-plain.chip--interactive.sc-swirl-chip:hover .sc-swirl-chip::part(avatar){background-color:var(--s-surface-raised-hovered)}.chip--variant-plain.chip--interactive.sc-swirl-chip:active{background-color:transparent}.chip--variant-plain.chip--interactive.sc-swirl-chip:active .sc-swirl-chip::part(avatar){background-color:var(--s-surface-raised-pressed)}.chip--variant-plain.chip--removable.sc-swirl-chip .chip__inner.sc-swirl-chip{padding-right:var(--s-space-12)}.chip--variant-plain.sc-swirl-chip+.chip__remove-button.sc-swirl-chip{position:relative;top:0;right:auto}.chip--variant-plain.sc-swirl-chip .chip__inner.sc-swirl-chip{padding-right:0;padding-left:0}.chip--has-progress.sc-swirl-chip+.chip__remove-button.sc-swirl-chip{top:0.1875rem}.chip__inner.sc-swirl-chip{display:inline-flex;max-width:100%;height:100%;padding-right:var(--s-space-16);padding-left:var(--s-space-16);align-items:center}.chip__avatar.sc-swirl-chip,.chip__icon.sc-swirl-chip{display:inline-flex;margin-right:var(--s-space-8);flex-shrink:0}.chip__avatar.sc-swirl-chip{overflow:hidden;width:1.75rem;height:1.75rem;margin-left:-0.625rem}.chip__icon.sc-swirl-chip{margin-left:-0.25rem;color:var(--s-icon-default)}.chip__label.sc-swirl-chip{overflow:hidden;flex-grow:1;white-space:nowrap;text-overflow:ellipsis}.chip__progress-indicator.sc-swirl-chip{width:100%}.chip__remove-button.sc-swirl-chip{position:absolute;top:0.3125rem;right:var(--s-space-4);display:inline-flex;width:1.875rem;height:1.875rem;padding:0;justify-content:center;align-items:center;border:none;border-radius:50%;color:var(--s-icon-default);background-color:var(--s-surface-overlay-default);cursor:pointer}.chip__remove-button.sc-swirl-chip:hover{background-color:var(--s-surface-overlay-hovered)}.chip__remove-button.sc-swirl-chip:active{background-color:var(--s-surface-overlay-pressed)}", v = d, u = class {
-  constructor(r) {
-    o(this, r), this.chipClick = c(this, "chipClick", 7), this.remove = c(this, "remove", 7), this.desktopMediaQuery = l(), this.desktopMediaQueryHandler = (i) => {
+  constructor(e) {
+    o(this, e), this.chipClick = c(this, "chipClick", 7), this.remove = c(this, "remove", 7), this.desktopMediaQuery = l(), this.desktopMediaQueryHandler = (i) => {
       this.forceIconProps(i.matches);
     }, this.borderRadius = "pill", this.icon = void 0, this.iconColor = "default", this.intent = "default", this.interactive = !1, this.label = void 0, this.progress = void 0, this.pressed = void 0, this.progressBarLabel = "Loading progress", this.removable = void 0, this.removeButtonLabel = "Remove", this.size = "m", this.variant = "outline";
   }
@@ -13,23 +13,23 @@ const d = ".sc-swirl-chip-h{position:relative;display:inline-flex;max-width:100%
     this.forceIconProps(this.desktopMediaQuery.matches), this.desktopMediaQuery.onchange = this.desktopMediaQueryHandler;
   }
   disconnectedCallback() {
-    var r, i;
-    (i = (r = this.desktopMediaQuery).removeEventListener) == null || i.call(r, "change", this.desktopMediaQueryHandler);
+    var e, i;
+    (i = (e = this.desktopMediaQuery).removeEventListener) == null || i.call(e, "change", this.desktopMediaQueryHandler);
   }
-  forceIconProps(r) {
+  forceIconProps(e) {
     if (!Boolean(this.iconEl))
       return;
-    const i = this.iconEl.children[0], s = this.size === "s" ? "16" : r ? "20" : "24";
+    const i = this.iconEl.children[0], s = this.size === "s" ? "16" : e ? "20" : "24";
     i == null || i.setAttribute("size", s);
   }
   render() {
-    const r = this.interactive || this.pressed !== void 0 ? "button" : "span", i = Boolean(this.el.querySelector('[slot="avatar"]')), s = !i && Boolean(this.icon), a = p("chip", `chip--border-radius-${this.borderRadius}`, `chip--icon-color-${this.iconColor}`, `chip--intent-${this.intent}`, `chip--size-${this.size}`, `chip--variant-${this.variant}`, {
+    const e = this.interactive || this.pressed !== void 0 ? "button" : "span", i = Boolean(this.el.querySelector('[slot="avatar"]')), s = !i && Boolean(this.icon), a = p("chip", `chip--border-radius-${this.borderRadius}`, `chip--icon-color-${this.iconColor}`, `chip--intent-${this.intent}`, `chip--size-${this.size}`, `chip--variant-${this.variant}`, {
       "chip--pressed": this.pressed,
       "chip--has-progress": this.progress !== void 0,
       "chip--interactive": this.interactive || this.pressed !== void 0,
       "chip--removable": this.removable
     });
-    return e(h, { key: "be1a929a9efe4fe6a6fee27f08218063ac03a8ba" }, e(r, { key: "2c816c3c7ba603c3c403947d9e2f043ea00c4061", "aria-pressed": this.pressed !== void 0 ? String(this.pressed) : void 0, class: a, onClick: this.chipClick.emit, type: this.interactive ? "button" : void 0 }, e("span", { key: "e570bc840be98fd23d6ff46517115e1ea6e1a111", class: "chip__inner" }, i && e("span", { key: "18e721ec9c55170f398e2b9d2df0be97a54626a4", class: "chip__avatar" }, e("slot", { key: "952ae3c808156b4a3f9d53e45d00af33d8f1d070", name: "avatar" })), s && e("span", { key: "179d91ff81b35f53469f8f5816b73b7fe324f744", class: "chip__icon", innerHTML: this.icon, ref: (t) => this.iconEl = t }), e("span", { key: "fa57586bd59ebd9c9722f3bbf64c5c37ab1ab5e6", class: "chip__label" }, this.label)), this.progress !== void 0 && e("span", { key: "4f15b8329caa1ff0de30812340c1ef6efead3797", class: "chip__progress-indicator" }, e("swirl-progress-indicator", { key: "5e349c092244b2aae8b33e485aa8794e22745a2a", label: this.progressBarLabel, value: this.progress }))), this.removable && e("button", { key: "94d8906bbef7392a08326f0e6ab6c63c98b6979d", "aria-label": this.removeButtonLabel, class: "chip__remove-button", onClick: this.remove.emit, type: "button" }, e("swirl-icon-close", { key: "d2ebf4e2cb3ad637ccd42fdefc4ce1d2e4b27950", size: 20 })));
+    return r(h, { key: "bf343033f4413d195c6746338678f0f7e8a8f766" }, r(e, { key: "97b2f2ee1db67797a6d7d56aa1b6729d62cc14b4", "aria-pressed": this.pressed !== void 0 ? String(this.pressed) : void 0, class: a, onClick: this.chipClick.emit, type: this.interactive ? "button" : void 0 }, r("span", { key: "ba597b789fdcc9e459050b07689486d21927a9b4", class: "chip__inner" }, i && r("span", { key: "78fa63d15badf26266d233b70e32efd028b1df74", class: "chip__avatar" }, r("slot", { key: "0a556db41ea252ec2b8bd6a4b68da0013e853d16", name: "avatar" })), s && r("span", { key: "d6c90653278a472e4028060b2ff8755201869bfe", class: "chip__icon", innerHTML: this.icon, ref: (t) => this.iconEl = t }), r("span", { key: "da2bb584ec8c7f9fb746aefc5ff43aca3828526d", class: "chip__label" }, this.label)), this.progress !== void 0 && r("span", { key: "e3d994faad82dd035ff6e2081c22852c6011ca42", class: "chip__progress-indicator" }, r("swirl-progress-indicator", { key: "d0eddd986b078dc4e549940e0b781d0c07541697", label: this.progressBarLabel, value: this.progress }))), this.removable && r("button", { key: "8ad96165e26097e8e9da65d54fc335ebdcc0a842", "aria-label": this.removeButtonLabel, class: "chip__remove-button", onClick: this.remove.emit, type: "button" }, r("swirl-icon-close", { key: "b916f233e0329a7f0bf36241deff78f1624f9818", size: 20 })));
   }
   get el() {
     return n(this);

package/dist/{swirl-color-input.entry.91da6afb.js → swirl-color-input.entry.2290b38c.js}

@@ -1,9 +1,9 @@
-import { r as L, c as b, h as l, H as B } from "./index.8c53dbed.js";
+import { r as L, c as f, h as l, H as B } from "./index.95b03b09.js";
 import { c as T } from "./index-267776a4.6beb4f4b.js";
 import { v as z } from "./v4-23648a96.77c7c20f.js";
 import "react";
 import "react-dom";
-const d = (e, t = 0, o = 1) => e > o ? o : e < t ? t : e, s = (e, t = 0, o = Math.pow(10, t)) => Math.round(o * e) / o, F = (e) => O(v(e)), v = (e) => (e[0] === "#" && (e = e.substring(1)), e.length < 6 ? {
+const u = (e, t = 0, o = 1) => e > o ? o : e < t ? t : e, s = (e, t = 0, o = Math.pow(10, t)) => Math.round(o * e) / o, F = (e) => O(v(e)), v = (e) => (e[0] === "#" && (e = e.substring(1)), e.length < 6 ? {
   r: parseInt(e[0] + e[0], 16),
   g: parseInt(e[1] + e[1], 16),
   b: parseInt(e[2] + e[2], 16),
@@ -26,19 +26,19 @@ 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), f = r % 6;
+  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;
   return {
-    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),
+    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),
     a: s(i, 2)
   };
-}, u = (e) => {
+}, d = (e) => {
   const t = e.toString(16);
   return t.length < 2 ? "0" + t : t;
 }, D = ({ r: e, g: t, b: o, a: i }) => {
-  const r = i < 1 ? u(s(i * 255)) : "";
-  return "#" + u(e) + u(t) + u(o) + r;
+  const r = i < 1 ? d(s(i * 255)) : "";
+  return "#" + d(e) + d(t) + d(o) + r;
 }, O = ({ r: e, g: t, b: o, a: i }) => {
   const r = Math.max(e, t, o), n = r - Math.min(e, t, o), a = n ? r === e ? (t - o) / n : r === t ? 2 + (o - e) / n : 4 + (e - t) / n : 0;
   return {
@@ -67,8 +67,8 @@ let c = !1;
 const k = (e) => "touches" in e, R = (e) => c && !k(e) ? !1 : (c || (c = k(e)), !0), C = (e, t) => {
   const o = k(t) ? t.touches[0] : t, i = e.el.getBoundingClientRect();
   x(e.el, "move", e.getMove({
-    x: d((o.pageX - (i.left + window.pageXOffset)) / i.width),
-    y: d((o.pageY - (i.top + window.pageYOffset)) / i.height)
+    x: u((o.pageX - (i.left + window.pageXOffset)) / i.width),
+    y: u((o.pageY - (i.top + window.pageYOffset)) / i.height)
   }));
 }, V = (e, t) => {
   const o = t.keyCode;
@@ -129,7 +129,7 @@ class j extends _ {
     ]), this.el.setAttribute("aria-valuenow", `${s(t)}`);
   }
   getMove(t, o) {
-    return { h: o ? d(this.h + t.x * 360, 0, 360) : 360 * t.x };
+    return { h: o ? u(this.h + t.x * 360, 0, 360) : 360 * t.x };
   }
 }
 class X extends _ {
@@ -150,8 +150,8 @@ class X extends _ {
   }
   getMove(t, o) {
     return {
-      s: o ? d(this.hsva.s + t.x * 100, 0, 100) : t.x * 100,
-      v: o ? d(this.hsva.v - t.y * 100, 0, 100) : Math.round(100 - t.y * 100)
+      s: o ? u(this.hsva.s + t.x * 100, 0, 100) : t.x * 100,
+      v: o ? u(this.hsva.v - t.y * 100, 0, 100) : Math.round(100 - t.y * 100)
     };
   }
 }
@@ -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 = b(this, "inputBlur", 7), this.inputFocus = b(this, "inputFocus", 7), this.valueChange = b(this, "valueChange", 7), this.pickerId = `color-picker-${z()}`, this.onPickerChange = (t) => {
+    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) => {
       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: "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: {
+    return l(B, { key: "67685139e5a399b98a884c57f0579f77e1f341ee" }, l("div", { key: "2f328355e40b143f77ae167797796db63f2c1397", class: t }, l("input", { key: "9da66032dc78c6b4bf132fe8241a1339f5f94505", "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: "3195f52afae359d25c04d9353ddc56bd9aa941df", swirlPopover: this.pickerId }, l("button", { key: "3fc16c5ea5097dcc27e05f27d6f23445aeaa53fb", "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: "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 })))));
+    }, type: "button" })), l("swirl-popover", { key: "bbbaa4331db5f67a8a413e3b11cf7ab47cd1f428", animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, l("swirl-box", { key: "ca52b4563f99c98a8a1989185fc0995a5b821f18", centerInline: !0, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, l("hex-color-picker", { key: "a1b2c59033fbb4c80b6d98289176f646c14a4a14", color: this.value, ref: (o) => this.picker = o })))));
   }
   static get watchers() {
     return {

package/dist/swirl-columns.entry.66649ba5.js

@@ -0,0 +1,18 @@
+import { r as o, h as s, H as t } from "./index.95b03b09.js";
+import "react";
+import "react-dom";
+const i = ":host{display:block}:host *{box-sizing:border-box}.columns{display:grid;width:100%}", r = i, a = class {
+  constructor(e) {
+    o(this, e), this.columns = "repeat(3, minmax(0, 1fr))", this.spacing = void 0;
+  }
+  render() {
+    return s(t, { key: "f95ec95c66e777fc5f3ba9ea7383f6292fa8edbc" }, s("div", { key: "49f32dedc864c768b62076e8d46a254e7be3f4ac", class: "columns", style: {
+      gridTemplateColumns: this.columns,
+      gap: `var(--s-space-${this.spacing})`
+    } }, s("slot", { key: "0d6094db0d7f4e6b5ebfd3a88fe802ad3a562ff6" })));
+  }
+};
+a.style = r;
+export {
+  a as swirl_columns
+};