@getflip/swirl-components-react 0.254.0 → 0.255.0

package/dist/{swirl-theme-provider.entry.0ad0b4fe.js → swirl-theme-provider.entry.6cc67e64.js}

@@ -1,4 +1,4 @@
-import { r as m, c as a, h as o, H as d } from "./index.f88e8e00.js";
+import { r as m, c as a, h as o, H as d } from "./index.c830d8e7.js";
 import "react";
 import "react-dom";
 const l = ".sc-swirl-theme-provider-h{display:block}", c = l, i = "swirl-preferred-theme", g = class {
@@ -80,7 +80,7 @@ const l = ".sc-swirl-theme-provider-h{display:block}", c = l, i = "swirl-preferr
     }), this.setDesignTokens = [];
   }
   render() {
-    return o(d, { key: "e200ab2b068a93d90f991b118078f4ff6a17ee7f" }, o("slot", { key: "eca8ad2eebec5d60da9842723215bba6c756eab5" }));
+    return o(d, { key: "1266378fdaa0421b4a28d5c133f6990e4dd842c7" }, o("slot", { key: "ebf5af293a781e4b405f4dd3c6a8c0f0399e0d41" }));
   }
   static get watchers() {
     return {

package/dist/{swirl-time-input.entry.85971735.js → swirl-time-input.entry.26b7824a.js}

@@ -1,4 +1,4 @@
-import { r as c, c as d, h as a, H as p, g as m } from "./index.f88e8e00.js";
+import { r as c, c as d, h as a, H as p, g as m } from "./index.c830d8e7.js";
 import { c as f } from "./index-267776a4.6beb4f4b.js";
 import { p as r, i as o, f as l, m as v } from "./maska-c5119b9a.aa658697.js";
 import { g as w } from "./utils-fbb8b494.acf1ae9e.js";
@@ -62,7 +62,7 @@ const g = ".sc-swirl-time-input-h{display:flex;width:100%}.sc-swirl-time-input-h
     const e = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, i = Boolean(this.value) ? r(this.value, u, new Date()) : void 0, t = o(i) ? l(i, this.format) : void 0, s = f("time-input", {
       "time-input--inline": this.inline
     });
-    return a(p, { key: "825c7aefe5770d5d8e28a35531c10e448bf08bb1" }, a("div", { key: "7c1ac3c752e2778b380ca513a90e8e2484e29b7d", class: s }, a("input", { key: "c9ccc6d7afee9c7b5875ff8eb0809d00cf8ea16c", "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-invalid": e, autoFocus: this.autoFocus, class: "time-input__input", disabled: this.disabled, id: this.id, inputmode: "numeric", onBlur: this.onBlur, onClick: this.onClick, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (n) => this.inputEl = n, required: this.required, type: "text", value: t }), a("span", { key: "961180beb8d133377e6fec941b879348b3268b5d", class: "time-input__icon" }, a("swirl-icon-time-outlined", { key: "fa023c4f00d534935904b471990d48524a3bc961", size: this.iconSize }))));
+    return a(p, { key: "6326c3a42f6ff4a21778fea7933efd21e7f586ad" }, a("div", { key: "aad488c92bd2232bcb98453ab80182f5509a26cd", class: s }, a("input", { key: "dfd55229a490341a911524f9c68c62a999653c58", "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-invalid": e, autoFocus: this.autoFocus, class: "time-input__input", disabled: this.disabled, id: this.id, inputmode: "numeric", onBlur: this.onBlur, onClick: this.onClick, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (n) => this.inputEl = n, required: this.required, type: "text", value: t }), a("span", { key: "c9dd879952e1e1cf2305980297e890ae57b7185d", class: "time-input__icon" }, a("swirl-icon-time-outlined", { key: "ce749a3f6cb76f482a1fc3a18f10f9b7a9c4a0fe", size: this.iconSize }))));
   }
   get el() {
     return m(this);

package/dist/{swirl-toast-provider.entry.b6f75574.js → swirl-toast-provider.entry.17962993.js}

@@ -1,7 +1,7 @@
-import { r, h as a, H as e } from "./index.f88e8e00.js";
+import { r, h as a, H as e } from "./index.c830d8e7.js";
 import "react";
 import "react-dom";
-const l = class {
+const h = class {
   constructor(t) {
     r(this, t), this.onDismiss = (s) => {
       this.toasts = [...this.toasts].filter((i) => i.toastId !== s.detail);
@@ -27,12 +27,12 @@ const l = class {
     return this.toasts = [...this.toasts, i], i;
   }
   render() {
-    return a(e, { key: "4ca07c887b78a25c8cfb65f62de4597b1311151d", role: "status" }, a("swirl-stack", { key: "072c718f837a9e2b07b42257171ba04a1ee6ac24", spacing: "12" }, this.toasts.map((t) => {
+    return a(e, { key: "291cbaa4de84f5642e2e81f2a1dc5725fc1f760f", role: "status" }, a("swirl-stack", { key: "3a0ddb12cdfa15889ae18097657dd448f77e5348", spacing: "12" }, this.toasts.map((t) => {
       const s = { ...t, content: void 0 };
       return a("swirl-toast", { key: t.toastId, onDismiss: this.onDismiss, ...s }, t.content);
     })));
   }
 };
 export {
-  l as swirl_toast_provider
+  h as swirl_toast_provider
 };

package/dist/{swirl-toast.entry.67ddfcc4.js → swirl-toast.entry.6ec15683.js}

@@ -1,11 +1,11 @@
-import { r as o, c as n, h as e, H as r } from "./index.f88e8e00.js";
-import { c as d } from "./index-267776a4.6beb4f4b.js";
-import { g as c } from "./utils-fbb8b494.acf1ae9e.js";
+import { r as o, c as n, h as e, H as r } from "./index.c830d8e7.js";
+import { c } from "./index-267776a4.6beb4f4b.js";
+import { g as d } from "./utils-fbb8b494.acf1ae9e.js";
 import "react";
 import "react-dom";
 const h = ":host{display:flex}:host *{box-sizing:border-box}.toast{display:flex;width:100%;max-width:28rem;padding:var(--s-space-16);border-radius:var(--s-border-radius-sm);color:var(--s-text-on-status);background-color:var(--s-surface-neutral-default);box-shadow:var(--s-shadow-level-2)}.toast--intent-critical{background-color:var(--s-surface-critical-default)}.toast--intent-success{background-color:var(--s-surface-success-default)}.toast__icon{display:inline-flex;width:1.5rem;height:1.5rem;margin-top:calc(-1 * var(--s-space-2));margin-right:0.625rem;flex-shrink:0}.toast__icon ::part(icon){color:var(--s-icon-on-status)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.toast__icon{width:1.25rem;height:1.25rem;margin-top:0}}.toast__content{flex-grow:1;line-height:var(--s-line-height-base);text-align:left;align-self:flex-start}.toast__content ::part(link){color:var(--text-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.toast__content{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.toast__dismiss-button{display:inline-flex;min-width:1.5rem;height:1.5rem;margin-top:calc(-1 * var(--s-space-2));margin-left:var(--s-space-16);padding:0;flex-shrink:0;justify-content:center;align-items:center;border:none;color:var(--s-text-on-status);background-color:transparent;font:inherit;font-weight:var(--s-font-weight-semibold);cursor:pointer}.toast__dismiss-button ::part(icon){color:var(--s-icon-on-status)}", l = h, m = class {
   constructor(s) {
-    o(this, s), this.dismiss = n(this, "dismiss", 7), this.desktopMediaQuery = c(), this.desktopMediaQueryHandler = (t) => {
+    o(this, s), this.dismiss = n(this, "dismiss", 7), this.desktopMediaQuery = d(), this.desktopMediaQueryHandler = (t) => {
       this.forceIconProps(t.matches);
     }, this.onDismiss = () => {
       this.dismiss.emit(this.toastId);
@@ -35,8 +35,8 @@ const h = ":host{display:flex}:host *{box-sizing:border-box}.toast{display:flex;
     !Boolean(this.timeout) || (clearTimeout(this.timeout), this.timeout = void 0);
   }
   render() {
-    const s = d("toast", `toast--intent-${this.intent}`);
-    return e(r, { key: "1da46b96aef7cec3e3b3711964a2d8083f45131e" }, e("div", { key: "22e1fb9c7bf3314e3aba587f884783baebfd07dd", class: s }, this.icon && e("span", { key: "ee45314f8a40d8a72500704c2f2b2f8b895f8f9d", class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (t) => this.iconEl = t }), e("span", { key: "a8e12cf94d5f78dc75fa7b3087563020733e75cf", class: "toast__content", innerHTML: this.content, part: "toast__content" }, e("slot", { key: "93eba2783424f44a5fe4d27ba7ea8d7b177e325a" })), e("button", { key: "794ab47b83f98e9ed36280539ea17a863725daee", "aria-label": this.dismissLabel || this.accessibleDismissLabel, class: "toast__dismiss-button", onClick: this.onDismiss, type: "button" }, this.dismissLabel, !Boolean(this.dismissLabel) && e("swirl-icon-close", { key: "d3f3ea7b0faf733ac7a0acd01bef775fcd086f56", ref: (t) => this.dismissIconEl = t }))));
+    const s = c("toast", `toast--intent-${this.intent}`);
+    return e(r, { key: "d1a206cc1408bd32f79b2feb9dfd26dbcfe1789a" }, e("div", { key: "ae3d5d0cb7670db77bff1dabaa44c25f65aea10a", class: s }, this.icon && e("span", { key: "7cf231b57090e4bdd862662e4e847ba22c9117ad", class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (t) => this.iconEl = t }), e("span", { key: "87ead7ae92ad5c54455942c47b81a436dedeba63", class: "toast__content", innerHTML: this.content, part: "toast__content" }, e("slot", { key: "095331448ed5216d25a6afb5509b31ac64a6796e" })), e("button", { key: "cca7dd9b24296c10cc17139fe687e26598303d54", "aria-label": this.dismissLabel || this.accessibleDismissLabel, class: "toast__dismiss-button", onClick: this.onDismiss, type: "button" }, this.dismissLabel, !Boolean(this.dismissLabel) && e("swirl-icon-close", { key: "ce360cc5829a71d521cceebb6a8b0418f3692302", ref: (t) => this.dismissIconEl = t }))));
   }
   static get watchers() {
     return {

package/dist/{swirl-toggle-button.entry.7a549ec8.js → swirl-toggle-button.entry.b46d3f36.js}

@@ -1,4 +1,4 @@
-import { r as e, h as o } from "./index.f88e8e00.js";
+import { r as e, h as o } from "./index.c830d8e7.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -12,7 +12,7 @@ const s = ":host{display:inline-block}:host *{box-sizing:border-box}.button{disp
     const t = r("button", {
       "button--pressed": this.isPressed
     });
-    return o("button", { key: "e3fd405e07b5a94eceb77e42681cbbdd563d1946", class: t, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, o("span", { key: "bff2993c2631e575332a5107d39cd7355f441b12", class: "button__label" }, this.label));
+    return o("button", { key: "3861fde82eabc6dfbd4ea9d329ea36010c48e9a0", class: t, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, o("span", { key: "ae3b3b0635ca955084ded5360f419bbc8e00af56", class: "button__label" }, this.label));
   }
 };
 n.style = i;

package/dist/{swirl-toggle-group.entry.2f72c333.js → swirl-toggle-group.entry.1855227a.js}

@@ -1,7 +1,7 @@
-import { r as g, c as i, h as o, g as r } from "./index.f88e8e00.js";
+import { r as g, c as i, h as o, g as r } from "./index.c830d8e7.js";
 import "react";
 import "react-dom";
-const l = ":host{display:inline-block}:host *{box-sizing:border-box}.toggle-group{padding:var(--s-space-4);background-color:var(--s-surface-default);border-radius:var(--s-border-radius-base)}", n = l, a = class {
+const l = ":host{display:inline-block}:host *{box-sizing:border-box}.toggle-group{padding:var(--s-space-4);background-color:var(--s-surface-default);border-radius:var(--s-border-radius-base)}", n = l, d = class {
   constructor(t) {
     g(this, t), this.selectedToggleChange = i(this, "selectedToggleChange", 7), this.toggleButtons = [], this.onSlotChange = () => {
       this.toggleButtons = Array.from(this.el.querySelectorAll("swirl-toggle-button")), this.setTogglePressedStates();
@@ -39,7 +39,7 @@ const l = ":host{display:inline-block}:host *{box-sizing:border-box}.toggle-grou
     });
   }
   render() {
-    return o("swirl-stack", { key: "5170589489c60e79ea7e8ae00f7c3e3df002a628", class: "toggle-group", spacing: "4", orientation: "horizontal", align: "center", role: "group" }, o("slot", { key: "13c3cc274a5844a430640a8ea2b268dcc9650495", onSlotchange: this.onSlotChange }));
+    return o("swirl-stack", { key: "8bffb40c1f341f5ba672ac8fd3335fde1259b6fd", class: "toggle-group", spacing: "4", orientation: "horizontal", align: "center", role: "group" }, o("slot", { key: "f85e75cef254a1dd0522ef0cd9edb89603b965a4", onSlotchange: this.onSlotChange }));
   }
   get el() {
     return r(this);
@@ -50,7 +50,7 @@ const l = ":host{display:inline-block}:host *{box-sizing:border-box}.toggle-grou
     };
   }
 };
-a.style = n;
+d.style = n;
 export {
-  a as swirl_toggle_group
+  d as swirl_toggle_group
 };

package/dist/{swirl-toolbar.entry.3ab5e48c.js → swirl-toolbar.entry.7efb4d29.js}

@@ -1,8 +1,8 @@
-import { r as n, h as s, H as r, g as i } from "./index.f88e8e00.js";
+import { r as n, h as s, H as r, g as i } from "./index.c830d8e7.js";
 import { b as a } from "./utils-fbb8b494.acf1ae9e.js";
 import "react";
 import "react-dom";
-const c = ":host{display:block}:host *{box-sizing:border-box}", l = c, d = class {
+const c = ":host{display:block}:host *{box-sizing:border-box}", l = c, b = class {
   constructor(e) {
     n(this, e), this.onKeyDown = (t) => {
       t.code === "ArrowDown" || t.code === "ArrowRight" ? (t.preventDefault(), this.focusNextItem()) : (t.code === "ArrowUp" || t.code === "ArrowLeft") && (t.preventDefault(), this.focusPreviousItem());
@@ -44,13 +44,13 @@ const c = ":host{display:block}:host *{box-sizing:border-box}", l = c, d = class
     });
   }
   render() {
-    return s(r, { key: "4088eb0256fc47727edce81af5829f4ebbbbeed1" }, s("swirl-stack", { key: "b18ad85af85caf9418e498602d387d2bb888e8e6", align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: "8", wrap: !0 }, s("slot", { key: "f644ae3de4b776e4822240dc033779a671c4a684" })));
+    return s(r, { key: "72977493f6b33b2b1d053027fa0f4ab363090973" }, s("swirl-stack", { key: "f7d0790b83c039a0550e3e355111b1e96445303b", align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: "8", wrap: !0 }, s("slot", { key: "08334df6038b818ca78243beaec98d85f97a7e04" })));
   }
   get el() {
     return i(this);
   }
 };
-d.style = l;
+b.style = l;
 export {
-  d as swirl_toolbar
+  b as swirl_toolbar
 };

package/dist/{swirl-tooltip.entry.d2de1e94.js → swirl-tooltip.entry.624de1e0.js}

@@ -1,5 +1,5 @@
-import { r as p, h as i, H as d, g as c } from "./index.f88e8e00.js";
-import { b as h, c as m, a as f, o as u, s as b, f as w } from "./floating-ui.dom.esm-bef21834.ec4a9cbf.js";
+import { r as p, h as i, H as c, g as h } from "./index.c830d8e7.js";
+import { b as d, c as m, a as f, o as u, s as b, f as w } from "./floating-ui.dom.esm-bef21834.ec4a9cbf.js";
 import { c as y } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -14,7 +14,7 @@ const v = ":host{display:contents;font-weight:var(--s-font-weight-normal)}:host
         return;
       const s = [
         ...this.options.middleware.filter((l) => l.name !== "arrow"),
-        h({ element: this.arrowElement, padding: 12 })
+        d({ element: this.arrowElement, padding: 12 })
       ];
       this.actualPosition = await m(t, this.popperEl, { ...this.options, middleware: s });
       const e = (n = this.actualPosition.middlewareData.arrow) == null ? void 0 : n.x, o = (r = this.actualPosition.middlewareData.arrow) == null ? void 0 : r.y;
@@ -70,17 +70,17 @@ const v = ":host{display:contents;font-weight:var(--s-font-weight-normal)}:host
       "tooltip--active": this.active,
       "tooltip--visible": this.visible
     });
-    return i(d, { key: "f3706b57f74c0223d9a0de457ae39737a23a4038", onKeydown: this.onKeydown }, i("span", { key: "27535b77f5b2e1e4adf25e2bce512dd019912e25", class: a }, i("span", { key: "5440bc1e39796bdec1dd1836fbc4e0483ec6a4a6", class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, i("slot", { key: "6e30483c1a9ca4d1118c0f785d56a5fef246d7df" })), i("span", { key: "f7c45dfe92b9ad8192538f7b37cd8f117ac687f8", class: "tooltip__popper", ref: (o) => this.popperEl = o, style: {
+    return i(c, { key: "7a14595f01dd2cc707ef5d540664f0cca2766e3f", onKeydown: this.onKeydown }, i("span", { key: "cd4f0f8f6ecf8db5aa096822f69abf8859ca4bcb", class: a }, i("span", { key: "55da1452153d3bdbf2dec9a597cae31343b803d8", class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, i("slot", { key: "62c1e9c1a88102d18dfc6ca4686102b419ff79c4" })), i("span", { key: "6243161edb779b3bb9d885416f4688382ceeac03", class: "tooltip__popper", ref: (o) => this.popperEl = o, style: {
       top: Boolean(this.actualPosition) ? `${(s = this.actualPosition) == null ? void 0 : s.y}px` : "",
       left: Boolean(this.actualPosition) ? `${(e = this.actualPosition) == null ? void 0 : e.x}px` : "",
       position: this.positioning
-    } }, this.visible && i("span", { key: "e8579729115384e96187814ad455d7a68fdcbe4f", class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, i("span", { key: "2e490d94936c5dfb4fc983d084d7fa629ca51f9a", class: "tooltip__content", innerHTML: this.content })), i("span", { key: "878b49d11caef03cbf0bcdd78e40d492bfc93d03", class: "tooltip__arrow", ref: (o) => this.arrowElement = o, style: {
+    } }, this.visible && i("span", { key: "3fced37e021251c5d868641536ebf9ec9470b480", class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, i("span", { key: "77f9e4ff72dfe1c8427a7eaae83632a16fe5e38d", class: "tooltip__content", innerHTML: this.content })), i("span", { key: "555e04a2f087b29d380fac6d6ac85f8aa553758c", class: "tooltip__arrow", ref: (o) => this.arrowElement = o, style: {
       ...this.arrowStyles,
       visibility: this.visible ? "visible" : "hidden"
     } }))));
   }
   get el() {
-    return c(this);
+    return h(this);
   }
   static get watchers() {
     return {

package/dist/{swirl-tree-navigation-item.entry.f6b9bd78.js → swirl-tree-navigation-item.entry.d9298689.js}

@@ -1,4 +1,4 @@
-import { r, h as i, H as n, g as s } from "./index.f88e8e00.js";
+import { r, h as i, H as n, g as s } from "./index.c830d8e7.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -11,7 +11,7 @@ const c = ":host{display:inline-flex;width:100%}:host *{box-sizing:border-box}.t
       "tree-navigation-item--active": this.active,
       "tree-navigation-item--has-icon": Boolean(this.icon)
     });
-    return i(n, { key: "f9bc80e6c911dc7030d180ce5f675f90e84fc80f" }, i(t, { key: "2ca99a21c102a2137e61472c654d9c7195ed3d2c", class: a, href: this.href, target: this.target, type: e ? void 0 : "button" }, this.icon && i("span", { key: "a657d7199e22b81315780d5264c04269d347df98", class: "tree-navigation-item__icon", innerHTML: this.icon }), i("span", { key: "0d612bf1dbdfa0a4b8979c9dfa438c4821f6d339", class: "tree-navigation-item__label" }, this.label)));
+    return i(n, { key: "f9cadfd076d14950488b114f4efbab0330a70172" }, i(t, { key: "b78001b5376e0c1f0e4d97965f5fa3d6e316414f", class: a, href: this.href, target: this.target, type: e ? void 0 : "button" }, this.icon && i("span", { key: "48fceebb6c56be3f2a96a7411f581698bfa4f8b7", class: "tree-navigation-item__icon", innerHTML: this.icon }), i("span", { key: "b3de5413ab8b45e98f455fbd1873b1d9c25eb6d5", class: "tree-navigation-item__label" }, this.label)));
   }
   get el() {
     return s(this);

package/dist/{swirl-tree-view-item.entry.56c4bc50.js → swirl-tree-view-item.entry.e13ce16f.js}

@@ -1,10 +1,10 @@
-import { r as c, c as a, h as e, F as l, H as d, g as o } from "./index.f88e8e00.js";
+import { r as c, c as r, h as e, F as l, H as d, g as o } from "./index.c830d8e7.js";
 import { c as h } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
 const w = ".sc-swirl-tree-view-item-h{display:block;flex-grow:1}.sc-swirl-tree-view-item-h *.sc-swirl-tree-view-item{box-sizing:border-box}.tree-view-item.sc-swirl-tree-view-item{list-style:none}.tree-view-item--active.sc-swirl-tree-view-item>.tree-view-item__link.sc-swirl-tree-view-item{background-color:var(--s-background-hovered)}.tree-view-item--has-tags.sc-swirl-tree-view-item .tree-view-item__tags.sc-swirl-tree-view-item{display:flex}.tree-view-item__children.sc-swirl-tree-view-item{display:flex;margin:0;padding:0;flex-direction:column;gap:var(--s-space-2)}.tree-view-item__link.sc-swirl-tree-view-item{display:flex;height:2.25rem;padding:var(--s-space-4) var(--s-space-8) var(--s-space-4) var(--s-space-4);align-items:center;border-radius:var(--s-border-radius-sm);color:var(--s-text-default);background-color:var(--s-background-default);font-size:var(--s-font-size-base);font-weight:var(--s-font-weight-medium);text-decoration:none;gap:var(--s-space-4)}.tree-view-item__link.sc-swirl-tree-view-item:hover{background-color:var(--s-background-hovered)}.tree-view-item__link.sc-swirl-tree-view-item:active{background-color:var(--s-background-pressed)}.tree-view-item__link.sc-swirl-tree-view-item:focus:not(:focus-visible){outline:none}.tree-view-item__link.sc-swirl-tree-view-item:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tree-view-item__link.sc-swirl-tree-view-item{font-size:var(--s-font-size-sm)}}.tree-view-item__icon.sc-swirl-tree-view-item{display:block;width:1.5rem;height:1.5rem;margin-right:var(--s-space-4);flex-grow:0;flex-shrink:0;color:var(--s-icon-default);font-size:var(--s-font-size-lg)}.tree-view-item__icon.sc-swirl-tree-view-item .sc-swirl-tree-view-item::part(icon){width:100%;height:100%}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tree-view-item__icon.sc-swirl-tree-view-item{width:1.25rem;height:1.25rem;font-size:var(--s-font-size-base)}}.tree-view-item__toggle-icon.sc-swirl-tree-view-item{display:block;width:1.5rem;height:1.5rem;flex-grow:0;flex-shrink:0;color:var(--s-icon-default)}.tree-view-item__toggle-icon.sc-swirl-tree-view-item .sc-swirl-tree-view-item::part(icon){width:100%;height:100%}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tree-view-item__toggle-icon.sc-swirl-tree-view-item{width:1.25rem;height:1.25rem}}.tree-view-item__label.sc-swirl-tree-view-item{overflow:hidden;min-width:5rem;flex-grow:1;white-space:nowrap;text-overflow:ellipsis}.tree-view-item__tags.sc-swirl-tree-view-item{display:none;padding-left:var(--s-space-4);align-items:center;gap:var(--s-space-4)}", m = w, v = class {
   constructor(t) {
-    c(this, t), this.expandedChange = a(this, "expandedChange", 7), this.itemSelected = a(this, "itemSelected", 7), this.onFocus = () => {
+    c(this, t), this.expandedChange = r(this, "expandedChange", 7), this.itemSelected = r(this, "itemSelected", 7), this.onFocus = () => {
       this.selected || this.select();
     }, this.onClickCollapse = (i) => {
       i.preventDefault(), i.stopPropagation(), this.collapse();
@@ -38,12 +38,12 @@ const w = ".sc-swirl-tree-view-item-h{display:block;flex-grow:1}.sc-swirl-tree-v
     const t = Boolean(this.el.querySelector('[slot="tags"]')), i = Boolean(this.icon) && /\p{Extended_Pictographic}/u.test(this.icon), s = h("tree-view-item", {
       "tree-view-item--active": this.active,
       "tree-view-item--has-tags": t
-    }), r = Boolean(this.el.querySelector("swirl-tree-view-item"));
-    return e(d, { key: "45ddddf9e282ed3afbb4fc6606c4b75e19f45ae3", id: this.itemId, role: "none" }, e("li", { key: "49ad755ce87e8021d159110f14504d977a2ef685", class: s, role: "none" }, e("a", { key: "c8d9a279b733241173d8c22d69f5aa25e4e7ac7f", "aria-current": this.active ? "page" : void 0, "aria-expanded": r ? String(this.expanded) : void 0, "aria-level": this.level + 1, "aria-owns": r ? `${this.itemId}-children` : void 0, "aria-selected": String(this.selected), class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, style: {
+    }), a = Boolean(this.el.querySelector("swirl-tree-view-item"));
+    return e(d, { key: "0e2af8248203e90bbac24ada811a3227821b215c", id: this.itemId, role: "none" }, e("li", { key: "ffb0b8a5d984855cea00b7d55c6c5e1a7abae87e", class: s, role: "none" }, e("a", { key: "c38f8b1c4dfdbdd36c99482901d2a47d976d3586", "aria-current": this.active ? "page" : void 0, "aria-expanded": a ? String(this.expanded) : void 0, "aria-level": this.level + 1, "aria-owns": a ? `${this.itemId}-children` : void 0, "aria-selected": String(this.selected), class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, style: {
       paddingLeft: `calc(${this.level} * var(--s-space-12) + var(--s-space-${this.expandable ? "4" : "8"}))`
-    }, ref: (n) => this.link = n, role: "treeitem", tabIndex: this.selected ? 0 : -1 }, this.expandable && e("span", { key: "4f2457f90eeb8d5841b5ae82b8214c5b25b05b9b", class: "tree-view-item__toggle-icon" }, r && e(l, { key: "57b52745d6f0d9849b39fbf687168d9f37aebf12" }, this.expanded ? e("swirl-icon-expand-more", { onClick: this.onClickCollapse, size: 24 }) : e("swirl-icon-chevron-right", { onClick: this.onClickExpand, size: 24 }))), Boolean(this.icon) && e(l, { key: "cccbc0943a56a8dc1c7d4bef194b14030fa39b6d" }, e("span", { key: "673aa7207123120566de9a95f1f20b1eb99504b9", class: "tree-view-item__icon" }, i ? this.icon : e("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))), e("span", { key: "4db5b2da5445dbc39b4ec43028511515833e78a6", class: "tree-view-item__label" }, this.label), e("span", { key: "571d246e294c3a4e654c49868defa16adf576062", class: "tree-view-item__tags" }, e("slot", { key: "e1c619ee29b232e4653f6edea8549625d96d7544", name: "tags" }))), e("ul", { key: "44bf72064a95bc3504176b00f8656c7f2e2689fa", "aria-label": this.label, class: "tree-view-item__children", id: `${this.itemId}-children`, role: "group", style: {
-      display: !this.expanded || !r ? "none" : void 0
-    } }, e("slot", { key: "8ca6c92b00ffb2af2da537fa79f90548f44ebe03" }))));
+    }, ref: (n) => this.link = n, role: "treeitem", tabIndex: this.selected ? 0 : -1 }, this.expandable && e("span", { key: "8f37cc76cc31d7be558ef88afe7a4b7d53573b54", class: "tree-view-item__toggle-icon" }, a && e(l, { key: "13d0b9b334ea8a98788e0b2552506f95977d1910" }, this.expanded ? e("swirl-icon-expand-more", { onClick: this.onClickCollapse, size: 24 }) : e("swirl-icon-chevron-right", { onClick: this.onClickExpand, size: 24 }))), Boolean(this.icon) && e(l, { key: "180aeb1daf320302256c2a810d61c7b11e5cd4d6" }, e("span", { key: "2c210128e558c257376d5d553865795f95a3b762", class: "tree-view-item__icon" }, i ? this.icon : e("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))), e("span", { key: "0278c88a4d7d87d0bdf9b4af007840822e83aa65", class: "tree-view-item__label" }, this.label), e("span", { key: "8ba4b1e0b5c82a12fbac7ba4333e2b5aa8ada3d2", class: "tree-view-item__tags" }, e("slot", { key: "1e03e13118893e30f699c2c09c616eef7da980c2", name: "tags" }))), e("ul", { key: "cc47c02c20d6819618caee618d7489436ec41b72", "aria-label": this.label, class: "tree-view-item__children", id: `${this.itemId}-children`, role: "group", style: {
+      display: !this.expanded || !a ? "none" : void 0
+    } }, e("slot", { key: "24784fcc3a80d13b36e9a2a66e7dc3be5943d347" }))));
   }
   get el() {
     return o(this);

package/dist/{swirl-tree-view.entry.276d2460.js → swirl-tree-view.entry.530e71b3.js}

@@ -1,7 +1,7 @@
-import { r as p, c as u, h as o, H as I, g as h } from "./index.f88e8e00.js";
+import { r as p, c as u, h as o, H as I, g as h } from "./index.c830d8e7.js";
 import "react";
 import "react-dom";
-const E = ":host{display:block}:host *{box-sizing:border-box}.tree-view{display:flex;margin:0;padding:0;flex-direction:column;gap:var(--s-space-2)}", w = E, g = class {
+const E = ":host{display:block}:host *{box-sizing:border-box}.tree-view{display:flex;margin:0;padding:0;flex-direction:column;gap:var(--s-space-2)}", f = E, w = class {
   constructor(e) {
     p(this, e), this.itemExpansionChanged = u(this, "itemExpansionChanged", 7), this.onSlotChange = () => {
       this.init();
@@ -64,16 +64,16 @@ const E = ":host{display:block}:host *{box-sizing:border-box}.tree-view{display:
     }
   }
   selectNextItem() {
-    var c;
+    var a;
     const e = this.getSelectedItem(), t = this.isItemExpanded(e), s = this.getNextSibling(e);
     let l = e.parentElement.closest("swirl-tree-view-item"), r = this.getNextSibling(l);
     for (; Boolean(l) && !Boolean(r); )
       l = l == null ? void 0 : l.parentElement.closest("swirl-tree-view-item, swirl-tree-view"), r = this.getNextSibling(l);
-    const a = e.querySelector("swirl-tree-view-item"), n = t ? a : s || r;
-    !Boolean(n) || (this.unselectAllItems(), (c = n.select) == null || c.call(n, !0));
+    const c = e.querySelector("swirl-tree-view-item"), n = t ? c : s || r;
+    !Boolean(n) || (this.unselectAllItems(), (a = n.select) == null || a.call(n, !0));
   }
   selectPreviousItem() {
-    var n, c;
+    var n, a;
     const e = this.getItems(), t = this.getSelectedItem(), s = this.getPreviousSibling(t);
     if (Boolean(s == null ? void 0 : s.querySelector(':scope > li > [aria-expanded="true"]'))) {
       let i = s == null ? void 0 : s.querySelector(":scope > li > ul > swirl-tree-view-item:last-child, :scope > li > ul > *:last-child > swirl-tree-view-item"), d = Boolean(i == null ? void 0 : i.querySelector(':scope > li > [aria-expanded="true"]'));
@@ -82,8 +82,8 @@ const E = ":host{display:block}:host *{box-sizing:border-box}.tree-view{display:
       e.forEach((m) => m.unselect()), (n = i.select) == null || n.call(i, !0);
       return;
     }
-    const r = t.parentElement.closest("swirl-tree-view-item"), a = s || r;
-    !Boolean(a) || (e.forEach((i) => i.unselect()), (c = a.select) == null || c.call(a, !0));
+    const r = t.parentElement.closest("swirl-tree-view-item"), c = s || r;
+    !Boolean(c) || (e.forEach((i) => i.unselect()), (a = c.select) == null || a.call(c, !0));
   }
   unselectAllItems() {
     this.getItems().forEach((e) => e.unselect());
@@ -115,13 +115,13 @@ const E = ":host{display:block}:host *{box-sizing:border-box}.tree-view{display:
     return t != null ? t : void 0;
   }
   render() {
-    return o(I, { key: "d9265aef73021237709d82d2942014e16f193f8c" }, o("ul", { key: "0c435bad394708adb3a98564d58de09ca435872c", "aria-label": this.label, class: "tree-view", role: "tree" }, o("slot", { key: "b48b40863ea888e67246ba7dfd7b1ead648b2c60", onSlotchange: this.onSlotChange })));
+    return o(I, { key: "f6cd60716528a4bc08ae34b7f7b8bcc468fa87af" }, o("ul", { key: "5353f9e9f359c6b3eeb53107d47cc62ec8820a9e", "aria-label": this.label, class: "tree-view", role: "tree" }, o("slot", { key: "93f6e2df68fb6c837a185c24c8f8afc53faba4f0", onSlotchange: this.onSlotChange })));
   }
   get el() {
     return h(this);
   }
 };
-g.style = w;
+w.style = f;
 export {
-  g as swirl_tree_view
+  w as swirl_tree_view
 };

package/dist/{swirl-video-thumbnail.entry.390da328.js → swirl-video-thumbnail.entry.b36327c6.js}

@@ -1,4 +1,4 @@
-import { r as e, h as n, H as a } from "./index.f88e8e00.js";
+import { r as e, h as n, H as a } from "./index.c830d8e7.js";
 import "react";
 import "react-dom";
 const t = `:host {
@@ -79,7 +79,7 @@ const t = `:host {
     e(this, i), this.durationLabel = "Duration", this.duration = void 0, this.label = void 0, this.src = void 0;
   }
   render() {
-    return n(a, { key: "d67938cbd04fbffc368ad324630bd8622c1e8c5b" }, n("button", { key: "2233218d1d04cca359795a4037e2e475a114a9bc", "aria-describedby": this.duration !== void 0 ? "duration" : void 0, "aria-label": this.label, class: "video-thumbnail", type: "button" }, n("img", { key: "6533b6476b62f35adf46a76a88b946727ceaeb33", alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && n("span", { key: "9afe4e6bcc2080be2e19a7d2f14a661841c1971a", class: "video-thumbnail__duration", id: "duration" }, n("swirl-visually-hidden", { key: "f416764dedb92def3f33a1a3ea124425a06cb2a4" }, this.durationLabel), this.duration), n("svg", { key: "3f9d5bf02620449267629cb325b87a1784f5b8ec", class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, n("path", { key: "aaa31ee0aac6020ef6ca4f611b491bb82d2a032d", d: "M15 14.65V25.35C15 26.1167 15.35 26.7 16.05 27.1C16.75 27.5 17.4333 27.4667 18.1 27L26.4 21.7C27.0333 21.3 27.35 20.7333 27.35 20C27.35 19.2667 27.0333 18.7 26.4 18.3L18.1 13C17.4333 12.5333 16.75 12.5 16.05 12.9C15.35 13.3 15 13.8833 15 14.65ZM20 40C17.2333 40 14.6333 39.4747 12.2 38.424C9.76667 37.3747 7.65 35.95 5.85 34.15C4.05 32.35 2.62533 30.2333 1.576 27.8C0.525334 25.3667 0 22.7667 0 20C0 17.2333 0.525334 14.6333 1.576 12.2C2.62533 9.76667 4.05 7.65 5.85 5.85C7.65 4.05 9.76667 2.62467 12.2 1.574C14.6333 0.524667 17.2333 0 20 0C22.7667 0 25.3667 0.524667 27.8 1.574C30.2333 2.62467 32.35 4.05 34.15 5.85C35.95 7.65 37.3747 9.76667 38.424 12.2C39.4747 14.6333 40 17.2333 40 20C40 22.7667 39.4747 25.3667 38.424 27.8C37.3747 30.2333 35.95 32.35 34.15 34.15C32.35 35.95 30.2333 37.3747 27.8 38.424C25.3667 39.4747 22.7667 40 20 40Z", fill: "white", "fill-opacity": "0.95" }))));
+    return n(a, { key: "5bece81a92879404b264d43716fc8c4c6221fa1e" }, n("button", { key: "208242ba2a4db8bee97a3459483ef230865021c4", "aria-describedby": this.duration !== void 0 ? "duration" : void 0, "aria-label": this.label, class: "video-thumbnail", type: "button" }, n("img", { key: "bb371fe167c3f4a5a2e6a5951226a098375d89d2", alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && n("span", { key: "9099ba6df115019e0e3e6caf68b18678936d2376", class: "video-thumbnail__duration", id: "duration" }, n("swirl-visually-hidden", { key: "3285eca5bb93ffd981fa66821b7810c22859e0d8" }, this.durationLabel), this.duration), n("svg", { key: "127b1082041d0dea0f6d6c3015d1b967ad786156", class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, n("path", { key: "1b83f69e25704549ff46c422d31e50ad881fbe1c", d: "M15 14.65V25.35C15 26.1167 15.35 26.7 16.05 27.1C16.75 27.5 17.4333 27.4667 18.1 27L26.4 21.7C27.0333 21.3 27.35 20.7333 27.35 20C27.35 19.2667 27.0333 18.7 26.4 18.3L18.1 13C17.4333 12.5333 16.75 12.5 16.05 12.9C15.35 13.3 15 13.8833 15 14.65ZM20 40C17.2333 40 14.6333 39.4747 12.2 38.424C9.76667 37.3747 7.65 35.95 5.85 34.15C4.05 32.35 2.62533 30.2333 1.576 27.8C0.525334 25.3667 0 22.7667 0 20C0 17.2333 0.525334 14.6333 1.576 12.2C2.62533 9.76667 4.05 7.65 5.85 5.85C7.65 4.05 9.76667 2.62467 12.2 1.574C14.6333 0.524667 17.2333 0 20 0C22.7667 0 25.3667 0.524667 27.8 1.574C30.2333 2.62467 32.35 4.05 34.15 5.85C35.95 7.65 37.3747 9.76667 38.424 12.2C39.4747 14.6333 40 17.2333 40 20C40 22.7667 39.4747 25.3667 38.424 27.8C37.3747 30.2333 35.95 32.35 34.15 34.15C32.35 35.95 30.2333 37.3747 27.8 38.424C25.3667 39.4747 22.7667 40 20 40Z", fill: "white", "fill-opacity": "0.95" }))));
   }
 };
 s.style = o;

package/dist/swirl-visually-hidden.entry.1d6e05fa.js

@@ -0,0 +1,15 @@
+import { r as s, h as i, H as r } from "./index.c830d8e7.js";
+import "react";
+import "react-dom";
+const d = ".sc-swirl-visually-hidden-h{position:absolute;display:inline;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;white-space:nowrap;word-wrap:normal;clip:rect(0, 0, 0, 0)}", l = d, a = class {
+  constructor(e) {
+    s(this, e);
+  }
+  render() {
+    return i(r, { key: "50e93b9287d485366e949a82ce4620d57e75898a" }, i("slot", { key: "8f2682a482b5bf224bd4855d61deaedd66866a45" }));
+  }
+};
+a.style = l;
+export {
+  a as swirl_visually_hidden
+};

package/dist/{wc-datepicker.entry.acbfe0cc.js → wc-datepicker.entry.41deb6d8.js}

@@ -1,4 +1,4 @@
-import { r as R, c as S, h as n, H, g as E } from "./index.f88e8e00.js";
+import { r as R, c as S, h as n, H, g as E } from "./index.c830d8e7.js";
 import "react";
 import "react-dom";
 function F(e, t) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getflip/swirl-components-react",
-  "version": "0.254.0",
+  "version": "0.255.0",
   "type": "module",
   "files": [
     "dist"
@@ -18,7 +18,7 @@
     "build": "tsc && vite build"
   },
   "dependencies": {
-    "@getflip/swirl-components": "^0.254.0",
+    "@getflip/swirl-components": "^0.255.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },

package/dist/swirl-button.entry.d9a98dd3.js

@@ -1,61 +0,0 @@
-import { r as u, h as o, H as b, g as c } from "./index.f88e8e00.js";
-import { c as d } from "./index-267776a4.6beb4f4b.js";
-import { g as v } from "./utils-fbb8b494.acf1ae9e.js";
-import "react";
-import "react-dom";
-const h = `.sc-swirl-button-h{display:inline-block;max-width:100%;flex-shrink:0}.sc-swirl-button-h *.sc-swirl-button{box-sizing:border-box}.button.sc-swirl-button{display:inline-flex;width:100%;padding:var(--s-space-8) var(--s-space-16);justify-content:center;align-items:center;border:none;border-top-left-radius:var(--swirl-button-border-top-left-radius);border-top-right-radius:var(--swirl-button-border-top-right-radius);border-bottom-right-radius:var(--swirl-button-border-bottom-right-radius);border-bottom-left-radius:var(--swirl-button-border-bottom-left-radius);color:var(--s-text-subdued);background-color:var(--swirl-ghost-button-background-default);font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-lg);text-decoration:none;cursor:pointer;gap:var(--s-space-8)}.button.sc-swirl-button:hover{background-color:var(--swirl-ghost-button-background-hovered);--swirl-tag-background-default:var(--s-surface-sunken-pressed)}.button.sc-swirl-button:active{background-color:var(--swirl-ghost-button-background-pressed)}.button.sc-swirl-button:disabled{color:var(--s-text-disabled);background-color:var(--swirl-ghost-button-background-disabled);cursor:default}.button.sc-swirl-button:disabled .button__icon.sc-swirl-button{color:var(--s-icon-disabled)}.button.sc-swirl-button:focus:not(:focus-visible){outline:none}.button.sc-swirl-button:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button.sc-swirl-button{padding:var(--s-space-8) var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);gap:var(--s-space-4)}}.button--text-align-start.sc-swirl-button{justify-content:flex-start}.button--text-align-center.sc-swirl-button{justify-content:center}.button--text-align-end.sc-swirl-button{justify-content:flex-end}.button--variant-ghost.button--intent-strong.sc-swirl-button:not(:disabled){color:var(--s-text-default)}.button--variant-ghost.button--intent-strong.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-ghost.button--intent-primary.sc-swirl-button:not(:disabled){color:var(--s-text-highlight)}.button--variant-ghost.button--intent-primary.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-highlight)}.button--variant-ghost.button--intent-critical.sc-swirl-button:not(:disabled){color:var(--s-text-critical)}.button--variant-ghost.button--intent-critical.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-critical)}.button--variant-ghost.button--pressed.sc-swirl-button{color:var(--s-text-highlight)}.button--variant-ghost.button--pressed.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-highlight)}.button--variant-ghost.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-ghost.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-flat.sc-swirl-button{color:var(--s-text-default);background-color:var(--swirl-flat-button-background-default);--swirl-tag-background-default:var(--s-surface-sunken-pressed)}.button--variant-flat.sc-swirl-button:hover{background-color:var(--swirl-flat-button-background-hovered)}.button--variant-flat.sc-swirl-button:active{background-color:var(--swirl-flat-button-background-pressed)}.button--variant-flat.sc-swirl-button:disabled{background-color:var(--swirl-flat-button-background-disabled)}.button--variant-flat.button--intent-primary.sc-swirl-button:not(:disabled){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.button--variant-flat.button--intent-primary.sc-swirl-button:not(:disabled):hover{background-color:var(--s-action-primary-hovered)}.button--variant-flat.button--intent-primary.sc-swirl-button:not(:disabled):active{background-color:var(--s-action-primary-pressed)}.button--variant-flat.button--intent-primary.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-on-action-primary)}.button--variant-flat.button--intent-critical.sc-swirl-button:not(:disabled){color:var(--s-text-on-status);background-color:var(--s-action-critical-default)}.button--variant-flat.button--intent-critical.sc-swirl-button:not(:disabled):hover{background-color:var(--s-action-critical-hovered)}.button--variant-flat.button--intent-critical.sc-swirl-button:not(:disabled):active{background-color:var(--s-action-critical-pressed)}.button--variant-flat.button--intent-critical.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-on-status)}.button--variant-flat.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-flat.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-flat.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-outline.sc-swirl-button{color:var(--s-text-default);box-shadow:inset 0 0 0 var(--s-border-width-default) var(--s-border-strong)}.button--variant-outline.sc-swirl-button:disabled{box-shadow:inset 0 0 0 var(--s-border-width-default)
-      var(--s-border-default)}.button--variant-outline.button--intent-critical.sc-swirl-button:not(:disabled){color:var(--s-text-critical);box-shadow:inset 0 0 0 var(--s-border-width-default)
-      var(--s-border-critical)}.button--variant-outline.button--intent-critical.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-critical)}.button--variant-outline.button--pressed.sc-swirl-button{color:var(--s-text-highlight);box-shadow:inset 0 0 0 var(--s-border-width-default)
-      var(--s-border-highlight)}.button--variant-outline.button--pressed.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-highlight)}.button--variant-outline.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-outline.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-outline.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-plain.sc-swirl-button{padding:0;border-radius:0;color:var(--swirl-plain-button-text-color-default);background-color:transparent}.button--variant-plain.sc-swirl-button:hover:not(:disabled){color:var(--swirl-plain-button-text-color-hovered);background-color:transparent;text-decoration:underline;text-underline-offset:var(--s-space-4)}.button--variant-plain.sc-swirl-button:hover:not(:disabled) .button__icon.sc-swirl-button{color:var(--swirl-plain-button-text-color-hovered)}.button--variant-plain.sc-swirl-button:active:not(:disabled){color:var(--swirl-plain-button-text-color-pressed);background-color:transparent}.button--variant-plain.sc-swirl-button:active:not(:disabled) .button__icon.sc-swirl-button{color:var(--swirl-plain-button-text-color-pressed)}.button--variant-plain.sc-swirl-button:disabled{color:var(--swirl-plain-button-text-color-disabled);background-color:transparent}.button--variant-plain.sc-swirl-button:disabled .button__icon.sc-swirl-button{color:var(--swirl-plain-button-text-color-disabled)}.button--variant-plain.button--icon-only.sc-swirl-button{padding:0}.button--variant-plain.button--intent-strong.sc-swirl-button:not(:disabled){color:var(--s-text-default)}.button--variant-plain.button--intent-strong.sc-swirl-button:not(:disabled) .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--variant-plain.button--intent-primary.sc-swirl-button{color:var(--s-interactive-primary-default)}.button--variant-plain.button--intent-primary.sc-swirl-button:hover{color:var(--s-interactive-primary-default)}.button--variant-plain.button--intent-primary.sc-swirl-button:hover .button__icon.sc-swirl-button{color:var(--s-interactive-primary-default)}.button--variant-plain.button--intent-primary.sc-swirl-button:active{color:var(--s-interactive-primary-hovered)}.button--variant-plain.button--intent-primary.sc-swirl-button:active .button__icon.sc-swirl-button{color:var(--s-interactive-primary-hovered)}.button--variant-plain.button--intent-primary.sc-swirl-button:disabled{color:var(--s-interactive-primary-disabled)}.button--variant-plain.button--intent-primary.sc-swirl-button:disabled .button__icon.sc-swirl-button{color:var(--s-interactive-primary-disabled)}.button--variant-plain.button--intent-primary.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-interactive-primary-default)}.button--variant-plain.sc-swirl-button .button__icon.sc-swirl-button{margin-left:0;color:var(--swirl-plain-button-text-color-default)}.button--variant-plain.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-plain.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-on-image.sc-swirl-button{color:var(--s-text-on-image);background:rgba(0, 0, 0, 0.6)}.button--variant-on-image.sc-swirl-button:hover{background:rgba(0, 0, 0, 0.5)}.button--variant-on-image.sc-swirl-button:active{background:rgba(0, 0, 0, 0.4)}.button--variant-on-image.sc-swirl-button:disabled{color:var(--s-text-on-image);background:rgba(0, 0, 0, 0.3)}.button--variant-on-image.sc-swirl-button:disabled .button__icon.sc-swirl-button{color:var(--s-icon-on-image)}.button--variant-on-image.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-on-image)}.button--variant-on-image.button--size-l.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20)}.button--variant-on-image.button--size-l.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-floating.sc-swirl-button{color:var(--s-text-default);background-color:var(--s-surface-overlay-default);box-shadow:var(--s-shadow-level-1)}.button--variant-floating.sc-swirl-button:hover{color:var(--s-text-on-action-primary);background-color:var(--s-surface-overlay-hovered)}.button--variant-floating.sc-swirl-button:active{color:var(--s-text-on-action-primary);background-color:var(--s-surface-overlay-pressed)}.button--variant-floating.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-floating.button--intent-primary.sc-swirl-button{padding:var(--s-space-12) var(--s-space-20);border-radius:1.5rem;color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.button--variant-floating.button--intent-primary.sc-swirl-button:hover:not(:disabled){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-hovered)}.button--variant-floating.button--intent-primary.sc-swirl-button:active:not(:disabled){color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-pressed)}.button--variant-floating.button--intent-primary.sc-swirl-button:disabled{color:var(--s-text-on-action-primary)}.button--variant-floating.button--intent-primary.sc-swirl-button:disabled .button__icon.sc-swirl-button{color:var(--s-icon-on-action-primary)}.button--variant-floating.button--intent-primary.button--icon-only.sc-swirl-button{padding:var(--s-space-12)}.button--variant-floating.button--intent-primary.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-on-action-primary)}.button--variant-floating.sc-swirl-button .button__icon.sc-swirl-button{color:var(--s-icon-strong)}.button--icon-position-end.sc-swirl-button .button__icon.sc-swirl-button{margin-right:calc(-1 * var(--s-space-4));margin-left:0;order:2}.button--pill.sc-swirl-button{border-radius:1.25rem}.button--pill.button--size-l.sc-swirl-button{border-radius:1.5rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button--pill.button--size-l.sc-swirl-button{border-radius:1.375rem}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button--pill.sc-swirl-button{border-radius:1.125rem}}.button--icon-only.sc-swirl-button{padding:var(--s-space-8)}.button--icon-only.button--pill.sc-swirl-button{border-top-left-radius:var(--swirl-icon-button-border-top-left-radius);border-top-right-radius:var(--swirl-icon-button-border-top-right-radius);border-bottom-right-radius:var(
-      --swirl-icon-button-border-bottom-right-radius
-    );border-bottom-left-radius:var(
-      --swirl-icon-button-border-bottom-left-radius
-    )}.button--icon-only.sc-swirl-button .button__icon.sc-swirl-button{margin-right:0;margin-left:0}.button--has-icon.sc-swirl-button .button__icon.sc-swirl-button{display:inline-flex}.button__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}`, p = h, w = class {
-  constructor(n) {
-    u(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";
-  }
-  componentDidLoad() {
-    this.forceIconProps(this.desktopMediaQuery.matches), this.updateFormAttribute(), this.desktopMediaQuery.onchange = this.desktopMediaQueryHandler;
-  }
-  componentDidRender() {
-    this.forceIconProps(this.desktopMediaQuery.matches), this.updateFormAttribute();
-  }
-  disconnectedCallback() {
-    var n, t;
-    (t = (n = this.desktopMediaQuery).removeEventListener) == null || t.call(n, "change", this.desktopMediaQueryHandler);
-  }
-  forceIconProps(n) {
-    if (!Boolean(this.iconEl))
-      return;
-    const t = this.iconEl.children[0];
-    ((t == null ? void 0 : t.tagName.startsWith("SWIRL-ICON")) || (t == null ? void 0 : t.tagName.startsWith("SWIRL-EMOJI")) || (t == null ? void 0 : t.tagName.startsWith("SWIRL-SYMBOL"))) && (t == null || t.setAttribute("size", n ? "20" : "24"));
-  }
-  getAriaLabel(n) {
-    if (Boolean(this.swirlAriaLabel))
-      return this.swirlAriaLabel;
-    if (n)
-      return this.label;
-  }
-  updateFormAttribute() {
-    var t, r;
-    Boolean(this.href) || !Boolean(this.form) ? (t = this.buttonEl) == null || t.removeAttribute("form") : (r = this.buttonEl) == null || r.setAttribute("form", this.form);
-  }
-  render() {
-    const n = this.hideLabel && Boolean(this.icon) || this.variant === "floating" && this.intent === "default", t = Boolean(this.href), r = this.getAriaLabel(n), a = this.icon || Boolean(this.el.querySelector("[slot='icon']")), s = Boolean(this.el.querySelector("[slot='tag']")), e = d("button", `button--icon-position-${this.iconPosition}`, `button--intent-${this.intent}`, `button--size-${this.size}`, `button--text-align-${this.textAlign}`, `button--variant-${this.variant}`, {
-      "button--has-icon": a,
-      "button--icon-only": n,
-      "button--pill": this.pill,
-      "button--pressed": this.pressed
-    }), l = t ? "a" : "button";
-    return o(b, { key: "1f660fbaeb4698d043c2b650283631958fecfc44", style: { pointerEvents: this.disabled ? "none" : "" } }, o(l, { key: "e924cd240a270f86f91033eac7306c39b9d49cd2", "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 }, Boolean(this.icon) && o("span", { key: "faa7f2e30c8e67b78d8d6008a9243802386488ea", class: "button__icon", innerHTML: this.icon, ref: (i) => this.iconEl = i }), !Boolean(this.icon) && o("span", { key: "c8ed1cbcd6894b0b60c5df84eb32bfb2f2ebc9e4", class: "button__icon", ref: (i) => this.iconEl = i }, o("slot", { key: "f4c9a4a28e6bb0e5923e747ffbe5a60c208c3c04", name: "icon" })), !n && o("span", { key: "32de5b66b9983e525a9c722eef2769ff1af77a47", class: "button__label" }, this.label), s && o("span", { key: "0f8a2230c89a066c2baa65dd951f693f45d0ee63", class: "button__tag" }, o("slot", { key: "2c0214af5a85fc1014e0c233f1bfc685001f0ecc", name: "tag" }))));
-  }
-  get el() {
-    return c(this);
-  }
-};
-w.style = p;
-export {
-  w as swirl_button
-};

package/dist/swirl-emoji-happy.entry.ac5d58ae.js

@@ -1,17 +0,0 @@
-import { r as i, h as e, F as t } from "./index.f88e8e00.js";
-import { c as a } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const c = ":host{display:inline-flex}", l = c, h = class {
-  constructor(s) {
-    i(this, s), this.label = "", this.size = 24;
-  }
-  render() {
-    const s = a("emoji", `emoji--size-${this.size}`);
-    return e(t, { key: "ce4e0422011aafe57034c71bd1647c10c4bc2383" }, this.size === 16 && e("img", { key: "1e3da507671390c2ef319d37626c49a988c3ac6e", alt: this.label, class: s, height: "16", src: "emojis/Happy16.png", width: "16" }), this.size === 20 && e("img", { key: "b5f769b9be4c583d1fb99d263950e9efde2e6f8f", alt: this.label, class: s, height: "20", src: "emojis/Happy20.png", width: "20" }), this.size === 24 && e("img", { key: "830eb97722bd22d3bbe8c91ea67b119007f306f4", alt: this.label, class: s, height: "24", src: "emojis/Happy24.png", width: "24" }), this.size === 32 && e("img", { key: "ba345b48b6a87837bfdbbcff5e33fbab02bfc93b", alt: this.label, class: s, height: "32", src: "emojis/Happy32.png", width: "32" }));
-  }
-};
-h.style = l;
-export {
-  h as swirl_emoji_happy
-};

package/dist/swirl-emoji-idea.entry.4cd87cd0.js

@@ -1,17 +0,0 @@
-import { r as i, h as s, F as a } from "./index.f88e8e00.js";
-import { c as t } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const d = ":host{display:inline-flex}", c = d, l = class {
-  constructor(e) {
-    i(this, e), this.label = "", this.size = 24;
-  }
-  render() {
-    const e = t("emoji", `emoji--size-${this.size}`);
-    return s(a, { key: "05cd2d3621ab09ceeae8045f836d03d8c95eb864" }, this.size === 16 && s("img", { key: "ef474446c3da264e58d2ea23f1333dbccbedca73", alt: this.label, class: e, height: "16", src: "emojis/Idea16.png", width: "16" }), this.size === 20 && s("img", { key: "21d52ddd8d61be7f94a96569d416c506fda789e6", alt: this.label, class: e, height: "20", src: "emojis/Idea20.png", width: "20" }), this.size === 24 && s("img", { key: "bff3aea97aabad6851b245a73db95c33411f7e81", alt: this.label, class: e, height: "24", src: "emojis/Idea24.png", width: "24" }), this.size === 32 && s("img", { key: "d05b05dea846c9bf511ca4a407fac8983870a9f8", alt: this.label, class: e, height: "32", src: "emojis/Idea32.png", width: "32" }));
-  }
-};
-l.style = c;
-export {
-  l as swirl_emoji_idea
-};

package/dist/swirl-emoji-love.entry.e476a714.js

@@ -1,17 +0,0 @@
-import { r as i, h as s, F as t } from "./index.f88e8e00.js";
-import { c as a } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const l = ":host{display:inline-flex}", o = l, c = class {
-  constructor(e) {
-    i(this, e), this.label = "", this.size = 24;
-  }
-  render() {
-    const e = a("emoji", `emoji--size-${this.size}`);
-    return s(t, { key: "c52eaa2b1e538d3e0c1fd45ab170b713926ac997" }, this.size === 16 && s("img", { key: "12eceb0ae6681e20ca0fbdf290829059e23e2849", alt: this.label, class: e, height: "16", src: "emojis/Love16.png", width: "16" }), this.size === 20 && s("img", { key: "2a05e405053a75818f8c175b5f67f0c2a51dca97", alt: this.label, class: e, height: "20", src: "emojis/Love20.png", width: "20" }), this.size === 24 && s("img", { key: "78b4a41d5d728e4beb8807c8527ac36f3fb8d4ef", alt: this.label, class: e, height: "24", src: "emojis/Love24.png", width: "24" }), this.size === 32 && s("img", { key: "de7453e06e048a6ffa1dd6e129cbfe09539a1119", alt: this.label, class: e, height: "32", src: "emojis/Love32.png", width: "32" }));
-  }
-};
-c.style = o;
-export {
-  c as swirl_emoji_love
-};

package/dist/swirl-emoji-sad.entry.e3c8cd7c.js

@@ -1,17 +0,0 @@
-import { r as i, h as e, F as a } from "./index.f88e8e00.js";
-import { c as t } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const l = ":host{display:inline-flex}", c = l, h = class {
-  constructor(s) {
-    i(this, s), this.label = "", this.size = 24;
-  }
-  render() {
-    const s = t("emoji", `emoji--size-${this.size}`);
-    return e(a, { key: "34a27c7f2b27c57477bdd1aef1e421ffe2da1993" }, this.size === 16 && e("img", { key: "da8ef3561f59f63440cd36961ea68fd5c83aa3f8", alt: this.label, class: s, height: "16", src: "emojis/Sad16.png", width: "16" }), this.size === 20 && e("img", { key: "59235682bf90aa00497340e71f5913a89ca210e6", alt: this.label, class: s, height: "20", src: "emojis/Sad20.png", width: "20" }), this.size === 24 && e("img", { key: "408538ed9f89fa5735ec358999a8e85051ca6e9c", alt: this.label, class: s, height: "24", src: "emojis/Sad24.png", width: "24" }), this.size === 32 && e("img", { key: "62b0bfb3006105300d44b504bf2dc0aa418fc2bb", alt: this.label, class: s, height: "32", src: "emojis/Sad32.png", width: "32" }));
-  }
-};
-h.style = c;
-export {
-  h as swirl_emoji_sad
-};

package/dist/swirl-emoji-thumbs-up.entry.2f783c87.js

@@ -1,17 +0,0 @@
-import { r as i, h as e, F as t } from "./index.f88e8e00.js";
-import { c as a } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const c = ":host{display:inline-flex}", h = c, l = class {
-  constructor(s) {
-    i(this, s), this.label = "", this.size = 24;
-  }
-  render() {
-    const s = a("emoji", `emoji--size-${this.size}`);
-    return e(t, { key: "df1d5169ef542e12a0dca9bed71f010b59d3ae23" }, this.size === 16 && e("img", { key: "6355e3c143f14df40d9322bc74cf9cde8fd0fac6", alt: this.label, class: s, height: "16", src: "emojis/ThumbsUp16.png", width: "16" }), this.size === 20 && e("img", { key: "d4f1045965aaa11e6a629f6db275de80dcd89e54", alt: this.label, class: s, height: "20", src: "emojis/ThumbsUp20.png", width: "20" }), this.size === 24 && e("img", { key: "62217e81edbfd4c26ca087e0a833dd9f3c89a874", alt: this.label, class: s, height: "24", src: "emojis/ThumbsUp24.png", width: "24" }), this.size === 32 && e("img", { key: "36afccaf42a2073d1afa89026db665c34ec971de", alt: this.label, class: s, height: "32", src: "emojis/ThumbsUp32.png", width: "32" }));
-  }
-};
-l.style = h;
-export {
-  l as swirl_emoji_thumbs_up
-};

package/dist/swirl-emoji.entry.1943bf01.js

@@ -1,16 +0,0 @@
-import { r as e, h as i, H as t } from "./index.f88e8e00.js";
-import "react";
-import "react-dom";
-const r = ":host{display:inline-flex}", o = r, a = class {
-  constructor(s) {
-    e(this, s), this.label = "", this.name = void 0, this.size = 24;
-  }
-  render() {
-    const s = `swirl-emoji-${this.name}`;
-    return i(t, { key: "6a90c47f7fac16749701fc7565f68c1342b6ab94" }, i(s, { key: "0f2bab071f09b8ede064fc4c87bc4fcbca233372", label: this.label, size: this.size }));
-  }
-};
-a.style = o;
-export {
-  a as swirl_emoji
-};