@getflip/swirl-components-react 0.290.0 → 0.292.0

package/dist/{swirl-banner.entry.f9b8a2d6.js → swirl-banner.entry.9f0d0ceb.js}

@@ -1,15 +1,15 @@
-import { r as o, c as r, h as t, H as c, g as b } from "./index.832d0b3f.js";
+import { r as o, c as r, h as t, H as c, g as b } from "./index.09c53839.js";
 import { c as d } from "./index-267776a4.6beb4f4b.js";
 import { g as l } from "./utils-877a768f.c277f897.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}}", m = h, _ = {
   default: void 0,
   critical: "<swirl-icon-error></swirl-icon-error>",
   success: "<swirl-icon-check-circle></swirl-icon-check-circle>",
   warning: "<swirl-icon-warning></swirl-icon-warning>",
   info: "<swirl-icon-info></swirl-icon-info>"
-}, _ = class {
+}, f = class {
   constructor(e) {
     o(this, e), this.action = r(this, "action", 7), this.dismiss = r(this, "dismiss", 7), this.desktopMediaQuery = l(), this.desktopMediaQueryHandler = (n) => {
       this.forceIconProps(n.matches);
@@ -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 a, s;
-    const n = (a = this.iconEl) == null ? void 0 : a.children[0], i = (s = this.dismissButtonEl) == null ? void 0 : s.children[0];
+    var s, a;
+    const n = (s = this.iconEl) == null ? void 0 : s.children[0], i = (a = this.dismissButtonEl) == null ? void 0 : a.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 : _[this.intent];
   }
   render() {
-    const e = this.determineIcon(), n = Boolean(this.actionLabel) || this.dismissable, i = this.icon || this.showIcon && Boolean(e), a = 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), s = d("banner", `banner--intent-${this.intent}`, `banner--size-${this.size}`, {
       "banner--has-icon": i
     });
-    return t(c, { key: "e738d297a3c16fec81cb03bbcc0eec4b18fffe10" }, t("div", { key: "731ebb82ec0f46beea8aca6b9dbc305f18cab5ce", "aria-describedby": "content", class: a, role: this.importance, tabIndex: 0 }, t("div", { key: "f817862b889d81a440725024a2632a8a532e425b", class: "banner__content", id: "content", part: "banner__content" }, i && t("span", { key: "3022fbf7fc75fa93e5c01cc2697f0276d7d39618", "aria-hidden": "true", class: "banner__icon", innerHTML: e, ref: (s) => this.iconEl = s }), t("span", { key: "89e76fcf3bd2099011359bfc27d02f3e06a34959", class: "banner__text" }, this.content)), n && t("div", { key: "8e46586058861b274a00b7872c16858a2685bb1b", class: "banner__controls" }, this.actionLabel && t("button", { key: "508bd8be18739c3c02309b31ed7e3c5053095a3c", class: "banner__action-button", onClick: this.onAction, part: "banner__action-button", type: "button" }, this.actionLabel), this.dismissable && t("button", { key: "8bea66c5271fd11dea470ffc61b33bd476170aa3", "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: "a9fbe97bcddf9cef64d2b97adb92f97c943d05d9" })))));
+    return t(c, { key: "2b926334556876ce750c890243dac923d8ae5b75" }, t("div", { key: "f7aefa810673bd5e18a5c14aac01a078298df404", "aria-describedby": "content", class: s, role: this.importance, tabIndex: 0 }, t("div", { key: "9712a2db49d78fc6228e91f696e442c316b62231", class: "banner__content", id: "content", part: "banner__content" }, i && t("span", { key: "5632af1834cd2ffd0918628e53dcbc766fc0c29c", "aria-hidden": "true", class: "banner__icon", innerHTML: e, ref: (a) => this.iconEl = a }), t("span", { key: "f5bfc1bf786936873522b8c42763166b9bb4b22a", class: "banner__text" }, this.content)), n && t("div", { key: "18b8931ee8cfdbecca4ac7330049321023f3f1fb", class: "banner__controls" }, this.actionLabel && t("button", { key: "b6c7913a77b3872a74ba8c2770803379d268e5c3", class: "banner__action-button", onClick: this.onAction, part: "banner__action-button", type: "button" }, this.actionLabel), this.dismissable && t("button", { key: "9119dad3a6d3526e5aebbd0ede243373b7072252", "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: "b0a59c1a5104ee71bc31be6c2f5648afbf1748f1" })))));
   }
   get element() {
     return b(this);
   }
 };
-_.style = m;
+f.style = m;
 export {
-  _ as swirl_banner
+  f as swirl_banner
 };

package/dist/{swirl-box.entry.5fcc5313.js → swirl-box.entry.ebd02e7a.js}

@@ -1,4 +1,4 @@
-import { r as d, c as r, h as t, H as i, g as s } from "./index.832d0b3f.js";
+import { r as d, c as r, h as t, H as i, g as s } from "./index.09c53839.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: "1fba3acf95ec0fcd18a7efe25fcc17344f8a576e", class: o, onScroll: this.onScroll, style: e }, t("slot", { key: "75059cde1d626d95784e32b76498d9f659c41386" }));
+    return t(i, { key: "c8296ade3ea2dcaa4e14897557c343b433de562c", class: o, onScroll: this.onScroll, style: e }, t("slot", { key: "a0029e22b4fc9b60cb679af27f7ae66d366c0ef4" }));
   }
   get el() {
     return s(this);

package/dist/{swirl-button-group.entry.01f7b5ad.js → swirl-button-group.entry.66e2d50f.js}

@@ -1,4 +1,4 @@
-import { r as s, h as r, H as i } from "./index.832d0b3f.js";
+import { r as s, h as r, H as i } from "./index.09c53839.js";
 import { c as e } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -10,7 +10,7 @@ const n = ':host{display:block}:host *{box-sizing:border-box}.button-group--segm
     const t = this.segmented ? "0" : this.spacing, o = e("button-group", {
       "button-group--segmented": this.segmented
     });
-    return r(i, { key: "9d7e0ea4b44869f77fa372f4ae4621b9f9dfe8dd" }, r("swirl-stack", { key: "6fbf8996d24abf7adbaa39d23b3db4eaa2b1bc60", 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: "6b9ba670905fae3fca44b764be75208ae03c9714" })));
+    return r(i, { key: "3ba97e21adc41e84cc00510846c4afa0908a0346" }, r("swirl-stack", { key: "68274c5d09b125086e29a2c47351f66d1f2b6bc4", 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: "8116255c942708969132eab81ef8ecaeb2a29ff7" })));
   }
 };
 d.style = a;

package/dist/{swirl-button.entry.9ad0e7e0.js → swirl-button.entry.231f698d.js}

@@ -1,4 +1,4 @@
-import { r as l, h as o, H as u, g as d } from "./index.832d0b3f.js";
+import { r as b, h as o, H as u, g as d } from "./index.09c53839.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import { g as v } from "./utils-877a768f.c277f897.js";
 import "react";
@@ -12,7 +12,7 @@ const h = `.sc-swirl-button-h{display:inline-block;max-width:100%;flex-shrink:0}
       --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__tag.sc-swirl-button{padding-left:var(--s-space-8);order:3}.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}`, w = h, p = class {
   constructor(n) {
-    l(this, n), this.desktopMediaQuery = v(), this.desktopMediaQueryHandler = (t) => {
+    b(this, n), this.desktopMediaQuery = v(), this.desktopMediaQueryHandler = (t) => {
       this.forceIconProps(t.matches);
     }, this.disabled = void 0, this.download = void 0, this.swirlAriaControls = void 0, this.swirlAriaCurrent = void 0, this.swirlAriaDescribedby = void 0, this.swirlAriaExpanded = void 0, this.swirlAriaHaspopup = void 0, this.swirlAriaLabel = void 0, this.form = void 0, this.hideLabel = void 0, this.href = void 0, this.icon = void 0, this.iconPosition = "start", this.intent = "default", this.label = void 0, this.name = void 0, this.pill = void 0, this.pressed = void 0, this.size = "m", this.target = void 0, this.textAlign = "center", this.type = "button", this.value = void 0, this.variant = "ghost", this.inheritFontSize = void 0;
   }
@@ -49,8 +49,8 @@ const h = `.sc-swirl-button-h{display:inline-block;max-width:100%;flex-shrink:0}
       "button--icon-only": n,
       "button--pill": this.pill,
       "button--pressed": this.pressed
-    }), b = t ? "a" : "button";
-    return o(u, { key: "635a1065811fc352a9be9a8afcd3214a9650282d", style: { pointerEvents: this.disabled ? "none" : "" } }, o(b, { key: "ff06cd64a1d8eea339c9ab0afea3e69623bd1b2f", "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: "51b0054616c9b26f5217591384fcef5f634d0a07", class: "button__icon", innerHTML: this.icon, ref: (i) => this.iconEl = i }), !Boolean(this.icon) && o("span", { key: "18bf3a811562dbb9489d9fae2fb192b7e178bad1", class: "button__icon", ref: (i) => this.iconEl = i }, o("slot", { key: "40d9cf93df9ff77687d3410ef1a4178a7a82a627", name: "icon" })), !n && o("span", { key: "d629db6c30a294022b29ae2ba1214e22f5581a53", class: "button__label" }, this.label), s && o("span", { key: "1e11954dd364ba68414048dd133b0429c049964a", class: "button__tag" }, o("slot", { key: "07bfc30e7f989e134e5733ba0c3c2251d1668a51", name: "tag" }))));
+    }), l = t ? "a" : "button";
+    return o(u, { key: "644f280827046e78c58e7c45647c5c0552e95463", style: { pointerEvents: this.disabled ? "none" : "" } }, o(l, { key: "23a5862e91f6f7d9fd6a2dd85e9c75bc90c559a1", "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: "37948fe0cb6315080a42a0a0e9d7f14df87db473", class: "button__icon", innerHTML: this.icon, ref: (i) => this.iconEl = i }), !Boolean(this.icon) && o("span", { key: "39cb7279f339fc9b102edc990202adc71424cca0", class: "button__icon", ref: (i) => this.iconEl = i }, o("slot", { key: "9b176cfb970a3eabc3de0222cdb2dcc09a74017e", name: "icon" })), !n && o("span", { key: "2784fc9b630954936434165b537358d5950083ae", class: "button__label" }, this.label), s && o("span", { key: "8e2335251d17103e3f79200090be9af69e4420e3", class: "button__tag" }, o("slot", { key: "101ab368afa228413d9aac05caa7b77ddbcc858d", name: "tag" }))));
   }
   get el() {
     return d(this);

package/dist/{swirl-card.entry.6da0a0f9.js → swirl-card.entry.a7a3c58f.js}

@@ -1,4 +1,4 @@
-import { r as t, c as n, h as e, H as o, g as c } from "./index.832d0b3f.js";
+import { r as t, c as n, h as e, H as o, g as c } from "./index.09c53839.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: "9a0dc5d885be38ee2e94c7641257eb018e258ad3", styles: { height: this.height } }, e(a, { key: "d863db3119f975a3f96e679b5a164c1ed792177c", "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: "02f660fa638a355f0bf9cc3fb57a9f728df27ef9", class: "card__image", style: { aspectRatio: this.imageAspectRatio } }, e("slot", { key: "73c1a1cf4914865e23f5dc0a37d298b226673040", name: "image" })), e("div", { key: "ed7413be702708dc44ed0b54c052602ec46aef43", class: "card__body", style: d }, e("div", { key: "0ac40a967d3a3df98cb2094b9bbc76ef59c4c5d5", class: "card__content" }, e("slot", { key: "beea6852b0cd7c32430e42c7bab74ae6990ec37f", name: "content" })))));
+    return e(o, { key: "9275906a65a55264d2b70c2f7e406315a267eca6", styles: { height: this.height } }, e(a, { key: "0ea75344d70f0ba3519ca36d37998e899b03e8a6", "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: "20b1197520e50ac5d3a6e1f6675042123d6e46ef", class: "card__image", style: { aspectRatio: this.imageAspectRatio } }, e("slot", { key: "48d19587d91bc3f40144e2657c687d893011875e", name: "image" })), e("div", { key: "90dd49534a31e78955060233c963bef48fa8067e", class: "card__body", style: d }, e("div", { key: "bb667238706643cf3825658574a211304c4556c0", class: "card__content" }, e("slot", { key: "2f3abe22d702b215efdbae2337547ef09c902521", name: "content" })))));
   }
   get el() {
     return c(this);

package/dist/{swirl-carousel-slide.entry.a42cd2a0.js → swirl-carousel-slide.entry.6932bb04.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, H as t } from "./index.832d0b3f.js";
+import { r as i, h as e, H as t } from "./index.09c53839.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: "8e51a221c5008156f57a983719cb0f4e89309975", "aria-roledescription": "slide", "aria-label": this.label, class: s, role: "group", style: { flexBasis: this.width, minHeight: this.minHeight }, tabIndex: 0 }, e("slot", { key: "68acc357fb4c3ea6f69e12e946e3cd13234b4fdf" }));
+    return e(t, { key: "586ca217167d855d2e5e1e1a521beab5a27bb23b", "aria-roledescription": "slide", "aria-label": this.label, class: s, role: "group", style: { flexBasis: this.width, minHeight: this.minHeight }, tabIndex: 0 }, e("slot", { key: "9d928988be479790873dfc70b2c6b8dc8e922308" }));
   }
 };
 a.style = r;

package/dist/{swirl-carousel.entry.592b9a1f.js → swirl-carousel.entry.51a0c1ed.js}

@@ -1,4 +1,4 @@
-import { r as o, c as a, h as l, H as r, g as d } from "./index.832d0b3f.js";
+import { r as o, c as a, h as l, H as r, g as d } from "./index.09c53839.js";
 import { d as c } from "./utils-877a768f.c277f897.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: "8c8ca585ecff7b41f8dfdc9e66bbcec0ed60a20e", "aria-label": this.label, "aria-roledescription": "carousel", role: "group" }, l("div", { key: "e6370b762f1822d608c395a1ab5e257688b04de3", class: e }, this.isScrollable && !this.isAtStart && l("swirl-button", { key: "7958568cc3a087979a061cc8ab8e920a4b4cc4c0", 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: "faa888df896a1517ed6d4ad0ef411504fc9af373", 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: "4ec9cec82b7d3b57c27606ba147147fee4908009", "aria-live": "polite", class: "carousel__slides", style: i, onScroll: this.onScroll, ref: (t) => this.slidesContainer = t }, l("slot", { key: "751e7e966e6f7b5b6051a83cd566e96a46424526", onSlotchange: this.onSlotChange }))));
+    return l(r, { key: "1fa2ce01d868f592ea8101ef88f2769eddfcf0fa", "aria-label": this.label, "aria-roledescription": "carousel", role: "group" }, l("div", { key: "8c650518f2eb1b419f706a7e055f9edd49ad613e", class: e }, this.isScrollable && !this.isAtStart && l("swirl-button", { key: "4a3f6b512d7f2ba3a564be80b94e3148241e63a5", 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: "c292c6470e30a50326186fc0b50b9621b2e60c80", 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: "3c507ac4ea5d2d23fbf095f3cca22cc20ce9911f", "aria-live": "polite", class: "carousel__slides", style: i, onScroll: this.onScroll, ref: (t) => this.slidesContainer = t }, l("slot", { key: "3c3ab23d3bb493846d58f5c4fe04ede0fe42cd79", onSlotchange: this.onSlotChange }))));
   }
   get el() {
     return d(this);

package/dist/{swirl-checkbox.entry.d358481e.js → swirl-checkbox.entry.31f526e6.js}

@@ -1,5 +1,5 @@
-import { r as b, c as t, h as c, H as l } from "./index.832d0b3f.js";
-import { c as d } from "./index-267776a4.6beb4f4b.js";
+import { r as b, c as t, h as c, H as d } from "./index.09c53839.js";
+import { c as l } 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), a = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, h = d("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 = l("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(l, { key: "aac65bf193091a8bea9fba0400ba73214b59e3e0", style: { width: this.variant === "card" ? "100%" : void 0 } }, c("label", { key: "07c5b04f6809c2a96796ae899305d6197e34948b", class: h, htmlFor: this.inputId }, c("span", { key: "b6ff60df3a61f63c11880f553d65aef8aa5fd12f", class: "checkbox__control" }, c("swirl-visually-hidden", { key: "c53b3f70f0137c69003fd7098b235fa2bcf37f33" }, c("input", { key: "aacb2b661d7c7f90710b4c115730609a4e6305d2", "aria-checked": r, "aria-describedby": this.swirlAriaDescribedby, "aria-invalid": a, "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: "ef9cc2b5a745021f67f78f985146e325da793e44", "aria-hidden": "true", class: "checkbox__box" }, c("span", { key: "07f423ba9b9a5b43b89114a7b9a09287197ba09f", class: "checkbox__icon" }, i && c("swirl-icon-check-strong", { key: "c2583703af27ed11acc996cf7e0beefc99149923" }), o && c("span", { key: "90398aa1acb1cebf30ce3ae518ce8d0eec017410", class: "checkbox__indeterminate-icon" })))), s && c("span", { key: "5a5aaf43dcc186aa21934f5150f1f76445945a3d", class: "checkbox__label-container" }, this.label && c("span", { key: "fee226c02adbd1b677a3e4657c0c8056c260daa4", class: "checkbox__label" }, this.label), this.description && c("span", { key: "2e1bc11d4e655d1ca517531625ad2ea953753a07", class: "checkbox__description" }, this.description))));
+    return c(d, { key: "1302f330a8e8fbf8b2bf2e7c76c6b9774a2c6873", style: { width: this.variant === "card" ? "100%" : void 0 } }, c("label", { key: "7df27dbf4743e80131e6697ec90cee8396395131", class: a, htmlFor: this.inputId }, c("span", { key: "7167d9b7541cfca0e0ea144e0cce24d95b1c810a", class: "checkbox__control" }, c("swirl-visually-hidden", { key: "bd19cd4962c6f78740d0d254a9df03dde765cdc6" }, c("input", { key: "e563ee4a0f7b778ea95732cf7ecd21ea94602843", "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: "4fc4fd4b0e9ed81c33e005fac4178705e2ed1867", "aria-hidden": "true", class: "checkbox__box" }, c("span", { key: "6d99a544dcbe107ebd3a4fbc7aac9323a93a2d54", class: "checkbox__icon" }, i && c("swirl-icon-check-strong", { key: "47e4430ef0b41b1db4cc91b475291eb383662b8a" }), o && c("span", { key: "85fe9a77ea85b0849c7b13d38b792f997645eb50", class: "checkbox__indeterminate-icon" })))), s && c("span", { key: "c5912f5c2a4f2261db44b5c48014ae51c308119c", class: "checkbox__label-container" }, this.label && c("span", { key: "6a86f766c67934f201e5d9b29cd4979736b42ec5", class: "checkbox__label" }, this.label), this.description && c("span", { key: "803078f5b17fe605b1b72047f2aa7ab0d1c7ec04", class: "checkbox__description" }, this.description))));
   }
 };
 x.style = k;

package/dist/{swirl-chip.entry.eff9c2f8.js → swirl-chip.entry.9e87bad3.js}

@@ -1,11 +1,11 @@
-import { r as o, c, h as r, H as h, g as n } from "./index.832d0b3f.js";
-import { c as p } from "./index-267776a4.6beb4f4b.js";
+import { r as o, c as s, h as r, H as h, g as p } from "./index.09c53839.js";
+import { c as n } from "./index-267776a4.6beb4f4b.js";
 import { g as l } from "./utils-877a768f.c277f897.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(e) {
-    o(this, e), this.chipClick = c(this, "chipClick", 7), this.remove = c(this, "remove", 7), this.desktopMediaQuery = l(), this.desktopMediaQueryHandler = (i) => {
+    o(this, e), this.chipClick = s(this, "chipClick", 7), this.removeChip = s(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";
   }
@@ -19,20 +19,20 @@ const d = ".sc-swirl-chip-h{position:relative;display:inline-flex;max-width:100%
   forceIconProps(e) {
     if (!Boolean(this.iconEl))
       return;
-    const i = this.iconEl.children[0], s = this.size === "s" ? "16" : e ? "20" : "24";
-    i == null || i.setAttribute("size", s);
+    const i = this.iconEl.children[0], c = this.size === "s" ? "16" : e ? "20" : "24";
+    i == null || i.setAttribute("size", c);
   }
   render() {
-    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}`, {
+    const e = this.interactive || this.pressed !== void 0 ? "button" : "span", i = Boolean(this.el.querySelector('[slot="avatar"]')), c = !i && Boolean(this.icon), a = n("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 r(h, { key: "285e189df4a4358b7d07fc91b9f06ea562d295af" }, r(e, { key: "fb4d13ac4afbeffebc9b44b8cf5800e7f6063839", "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: "bee9a24a811db37cdf02f1b3fba4f82a213154ee", class: "chip__inner" }, i && r("span", { key: "0887a96c9e1b4fe697d7d53a9df24baab62fd33b", class: "chip__avatar" }, r("slot", { key: "b9f4d49ebba68e3102792392efc6cf3d1401af40", name: "avatar" })), s && r("span", { key: "577e4bdfbc406cfd54fe507e3e75c1d9a0693933", class: "chip__icon", innerHTML: this.icon, ref: (t) => this.iconEl = t }), r("span", { key: "b6660e15ca44dea2ab591a7ac292c567d4073c56", class: "chip__label" }, this.label)), this.progress !== void 0 && r("span", { key: "fb2eba1ae34bc3e7b137044c4bd5814fc68493e1", class: "chip__progress-indicator" }, r("swirl-progress-indicator", { key: "93eed0c553045420b30d05f660c93dae3b431ad5", label: this.progressBarLabel, value: this.progress }))), this.removable && r("button", { key: "abff273245b609e14c2e7bfaa505aff50ff9bc92", "aria-label": this.removeButtonLabel, class: "chip__remove-button", onClick: this.remove.emit, type: "button" }, r("swirl-icon-close", { key: "22482cfa3b2da13e5a93a4fea5487b26850da6d4", size: 20 })));
+    return r(h, { key: "9b1e52461918edbaac63ee90bf5a3e553f9d310e" }, r(e, { key: "dcbc86988cd9e4227c8d567c84daa76b9ac739cd", "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: "04997af02a853a3baa62a1f26bcc2a6d7f0d0e23", class: "chip__inner" }, i && r("span", { key: "d58d29238444cdd44a7a4d1fc8e1f1dcba15c6d7", class: "chip__avatar" }, r("slot", { key: "59705540be0270d9c03dc282d0b95323baddc4fc", name: "avatar" })), c && r("span", { key: "8d568bc86288170c642834787f6f62d14385cfe1", class: "chip__icon", innerHTML: this.icon, ref: (t) => this.iconEl = t }), r("span", { key: "b8242740bd0becbd22b2569a9dee60ac46146f46", class: "chip__label" }, this.label)), this.progress !== void 0 && r("span", { key: "8dab74c41f4521d82cdc1aa7abac3d0a12c76af9", class: "chip__progress-indicator" }, r("swirl-progress-indicator", { key: "9ba51b553551ff5c0d2e163fc9c5b7106089bca7", label: this.progressBarLabel, value: this.progress }))), this.removable && r("button", { key: "730613d93c56281943e0a036cc2afad9e967b1f0", "aria-label": this.removeButtonLabel, class: "chip__remove-button", onClick: this.removeChip.emit, type: "button" }, r("swirl-icon-close", { key: "06051a334307deb3d0e0b4de1b4fa23a986c4a17", size: 20 })));
   }
   get el() {
-    return n(this);
+    return p(this);
   }
 };
 u.style = v;

package/dist/{swirl-color-input.entry.87f2c63d.js → swirl-color-input.entry.a39b0b88.js}

@@ -1,4 +1,4 @@
-import { r as L, c as f, h as l, H as B } from "./index.832d0b3f.js";
+import { r as L, c as f, h as l, H as B } from "./index.09c53839.js";
 import { c as T } from "./index-267776a4.6beb4f4b.js";
 import { v as z } from "./v4-23648a96.77c7c20f.js";
 import "react";
@@ -253,9 +253,9 @@ const Z = ".sc-swirl-color-input-h{display:block;width:100%}.sc-swirl-color-inpu
     const e = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, t = T("color-input", {
       "color-input--inline": this.inline
     });
-    return l(B, { key: "914da429bdcdd6576cecfcf3dd90bf104d803a09" }, l("div", { key: "dc9f505383021faba447463c50811027d4b0be6b", class: t }, l("input", { key: "909c98a18b7fda96f7ebe7341180736a91697f71", "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: "906c3aba8ba37be0a08d19ac203ecadafd109ea3", swirlPopover: this.pickerId }, l("button", { key: "d770b523445bc12b7171bc30eadd66ae922f6119", "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
+    return l(B, { key: "bc57ec96cf0ff668339f39dddfb47c414fa8c1e5" }, l("div", { key: "a95fd7bed226abb450a619fad33ee20bca2820e8", class: t }, l("input", { key: "4258a0ff5056c20551b97e0c10059f6135162058", "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: "2d15dd236ad6ee2b8460fdd274c0570bcad41237", swirlPopover: this.pickerId }, l("button", { key: "f7e8b065cf4097335c9d9b700213720d118c3b7b", "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: "da0f865759500a54152e98eaf4dff87f0f7b9d1e", animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, l("swirl-box", { key: "025409345855e9cd4d601c9b14a077b347f72c2d", centerInline: !0, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, l("hex-color-picker", { key: "635cfa8885c5de97f240f5def31e6bfb72afb42f", color: this.value, ref: (o) => this.picker = o })))));
+    }, type: "button" })), l("swirl-popover", { key: "9b4b295fe4bc8e3e8dff9c24a0b0a721f45e36af", animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, l("swirl-box", { key: "5567baaf023384901b2f4b6a99c9ea7d8ef02e94", centerInline: !0, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, l("hex-color-picker", { key: "f0320d15cfccc76de04357c7e7d7f40fbfb20148", color: this.value, ref: (o) => this.picker = o })))));
   }
   static get watchers() {
     return {

package/dist/swirl-columns.entry.da226ded.js

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

package/dist/swirl-components-react.js

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