@getflip/swirl-components-react 0.292.0 → 0.294.0

package/dist/{swirl-time-input.entry.e15ae4b7.js → swirl-time-input.entry.e12614f7.js}

@@ -1,26 +1,26 @@
-import { r as c, c as d, h as a, H as p, g as m } from "./index.09c53839.js";
+import { r as c, c as u, h as a, H as p, g as m } from "./index.bf166ea6.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 { p as r, i as o, f as d, m as v } from "./maska-c5119b9a.aa658697.js";
 import { g as w } from "./utils-877a768f.c277f897.js";
 import "react";
 import "react-dom";
 import "./_commonjsHelpers-d20b9603.2d9b8855.js";
-const g = ".sc-swirl-time-input-h{display:flex;width:100%}.sc-swirl-time-input-h *.sc-swirl-time-input{box-sizing:border-box}.time-input.sc-swirl-time-input{position:relative;display:flex;width:100%;align-items:center;color:var(--s-text-default);line-height:var(--s-line-height-sm)}.time-input--inline.sc-swirl-time-input .time-input__icon.sc-swirl-time-input{top:-0.0625rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input--inline.sc-swirl-time-input .time-input__icon.sc-swirl-time-input{top:0}}.time-input__input.sc-swirl-time-input{display:inline-flex;width:calc(100% - 1.25rem - var(--s-space-8));margin:0;padding:0;border:none;color:var(--s-text-default);background-color:transparent;font:inherit;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.time-input__input.sc-swirl-time-input:focus{outline:none}.time-input__input.sc-swirl-time-input:disabled{color:var(--s-text-disabled);background-color:transparent}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input__input.sc-swirl-time-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.time-input__icon.sc-swirl-time-input{position:absolute;top:calc(-1 * var(--s-space-12));right:0;display:inline-flex;margin:0;padding:0;border:none;color:var(--s-icon-default);background-color:transparent}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input__icon.sc-swirl-time-input{top:-0.625rem}}", b = g, u = "HH:mm:ss", k = class {
+const b = ".sc-swirl-time-input-h{display:flex;width:100%}.sc-swirl-time-input-h *.sc-swirl-time-input{box-sizing:border-box}.time-input.sc-swirl-time-input{position:relative;display:flex;width:100%;align-items:center;color:var(--s-text-default);line-height:var(--s-line-height-sm)}.time-input--inline.sc-swirl-time-input .time-input__icon.sc-swirl-time-input{top:-0.0625rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input--inline.sc-swirl-time-input .time-input__icon.sc-swirl-time-input{top:0}}.time-input__input.sc-swirl-time-input{display:inline-flex;width:calc(100% - 1.25rem - var(--s-space-8));margin:0;padding:0;border:none;color:var(--s-text-default);background-color:transparent;font:inherit;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.time-input__input.sc-swirl-time-input:focus{outline:none}.time-input__input.sc-swirl-time-input:disabled{color:var(--s-text-disabled);background-color:transparent}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input__input.sc-swirl-time-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.time-input__icon.sc-swirl-time-input{position:absolute;top:calc(-1 * var(--s-space-12));right:0;display:inline-flex;margin:0;padding:0;border:none;color:var(--s-icon-default);background-color:transparent}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input__icon.sc-swirl-time-input{top:-0.625rem}}", g = b, l = "HH:mm:ss", k = class {
   constructor(e) {
-    c(this, e), this.inputBlur = d(this, "inputBlur", 7), this.inputFocus = d(this, "inputFocus", 7), this.valueChange = d(this, "valueChange", 7), this.desktopMediaQuery = w(), this.desktopMediaQueryHandler = (i) => {
+    c(this, e), this.inputBlur = u(this, "inputBlur", 7), this.inputFocus = u(this, "inputFocus", 7), this.valueChange = u(this, "valueChange", 7), this.desktopMediaQuery = w(), this.desktopMediaQueryHandler = (i) => {
       this.updateIconSize(i.matches);
     }, this.onChange = (i) => {
       const t = i.target.value;
       let s;
       t === "" && (this.value = void 0, this.valueChange.emit(void 0));
       const n = r(t, this.format, new Date()), h = new RegExp(`^${this.format.replace(/[Hhms]/g, "\\d")}$`);
-      !Boolean(t.match(h)) || (o(n) ? s = l(n, u) : s = l(new Date(), u), this.value = s, this.valueChange.emit(s));
+      !Boolean(t.match(h)) || (o(n) ? s = d(n, l) : s = d(new Date(), l), this.value = s, this.valueChange.emit(s));
     }, this.onBlur = (i) => {
       this.inputBlur.emit(i);
       const t = i.target, s = r(t.value, this.format, new Date());
       if (!o(s) && Boolean(this.value)) {
-        const n = Boolean(this.value) ? r(this.value, u, new Date()) : void 0;
-        (!Boolean(n) || !o(n)) && (this.value = ""), t.value = l(n, this.format);
+        const n = Boolean(this.value) ? r(this.value, l, new Date()) : void 0;
+        (!Boolean(n) || !o(n)) && (this.value = ""), t.value = d(n, this.format);
       }
     }, this.onInput = (i) => {
       this.onChange(i);
@@ -59,10 +59,10 @@ const g = ".sc-swirl-time-input-h{display:flex;width:100%}.sc-swirl-time-input-h
     });
   }
   render() {
-    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", {
+    const e = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, i = Boolean(this.value) ? r(this.value, l, new Date()) : void 0, t = o(i) ? d(i, this.format) : void 0, s = f("time-input", {
       "time-input--inline": this.inline
     });
-    return a(p, { key: "a38e24f535ad79a370fb2bb1f9d339632c59e60d" }, a("div", { key: "5ce3a38a4178db3e8dcf6e6e95e6ca12d38b3685", class: s }, a("input", { key: "bfe7f9b3711f46c2edce8ce0a1cebf8c496e9979", "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: "ad37f6a6d1b7ba1895f1e1aa0a981bf1822cc975", class: "time-input__icon" }, a("swirl-icon-time-outlined", { key: "21886d25c983e7295f2d43c95deb40328401366f", size: this.iconSize }))));
+    return a(p, { key: "b9de641ecd62b2b701be62e17ca2f10d9ece98b7" }, a("div", { key: "f89b9d97a4bbbf8fe053761863336e965054bce0", class: s }, a("input", { key: "e7b4c002f4ee97ca3c5567a9c4d9ce0d26b1810d", "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: "2bdab6bfecd54decf6c6ecbd1a2679346215c61b", class: "time-input__icon" }, a("swirl-icon-time-outlined", { key: "fcabff90dc41c35d4119bf68d64020c468e91057", size: this.iconSize }))));
   }
   get el() {
     return m(this);
@@ -73,7 +73,7 @@ const g = ".sc-swirl-time-input-h{display:flex;width:100%}.sc-swirl-time-input-h
     };
   }
 };
-k.style = b;
+k.style = g;
 export {
   k as swirl_time_input
 };

package/dist/{swirl-toast-provider.entry.7c5ee6cc.js → swirl-toast-provider.entry.577dfcf2.js}

@@ -1,4 +1,4 @@
-import { r, h as o, H as e } from "./index.09c53839.js";
+import { r, h as o, H as e } from "./index.bf166ea6.js";
 import "react";
 import "react-dom";
 const c = class {

package/dist/{swirl-toast.entry.4f4eb30e.js → swirl-toast.entry.b222add7.js}

@@ -1,4 +1,4 @@
-import { r as o, c as n, h as e, H as r } from "./index.09c53839.js";
+import { r as o, c as n, h as e, H as r } from "./index.bf166ea6.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import { g as d } from "./utils-877a768f.c277f897.js";
 import "react";

package/dist/{swirl-toggle-button.entry.0d1f6fab.js → swirl-toggle-button.entry.992a0ca2.js}

@@ -1,18 +1,18 @@
-import { r as e, h as o } from "./index.09c53839.js";
-import { c as r } from "./index-267776a4.6beb4f4b.js";
+import { r, h as o } from "./index.bf166ea6.js";
+import { c as e } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
 const s = ":host{display:inline-block}:host *{box-sizing:border-box}.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-default);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}.button:hover{background-color:var(--swirl-ghost-button-background-hovered)}.button:active{background-color:var(--swirl-ghost-button-background-pressed)}.button:focus:not(:focus-visible){outline:none}.button:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}.button.button--pressed{background-color:var(--swirl-flat-button-background-default)}.button.button--pressed:hover{background-color:var(--swirl-flat-button-background-hovered)}.button.button--pressed:active{background-color:var(--swirl-flat-button-background-pressed)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button{padding:var(--s-space-8) var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.button__label{overflow:hidden;max-width:100%;white-space:nowrap;text-overflow:ellipsis}", i = s, n = class {
   constructor(t) {
-    e(this, t), this.onClick = () => {
+    r(this, t), this.onClick = () => {
       this.isPressed = !0;
     }, this.identifier = void 0, this.label = void 0, this.isPressed = !1;
   }
   render() {
-    const t = r("button", {
+    const t = e("button", {
       "button--pressed": this.isPressed
     });
-    return o("button", { key: "bf631952cd307b78282e5f146970b5ec52864e71", class: t, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, o("span", { key: "389eaf537658ba0530e96c7a95d767edee278131", class: "button__label" }, this.label));
+    return o("button", { key: "7dbc49d9f241d51464c0fe2d6699ff0d9853c686", class: t, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, o("span", { key: "9002b26a2451e798068d6f96342b63106bcc76b7", class: "button__label" }, this.label));
   }
 };
 n.style = i;

package/dist/{swirl-toggle-group.entry.a72ea502.js → swirl-toggle-group.entry.ec1c1e20.js}

@@ -1,4 +1,4 @@
-import { r as g, c as i, h as o, g as r } from "./index.09c53839.js";
+import { r as g, c as i, h as o, g as r } from "./index.bf166ea6.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);box-shadow:var(--s-shadow-level-1)}", n = l, d = class {
@@ -39,7 +39,7 @@ const l = ":host{display:inline-block}:host *{box-sizing:border-box}.toggle-grou
     });
   }
   render() {
-    return o("swirl-stack", { key: "90295cb6ebd80d18d13b91ca6e201519a25d8d48", class: "toggle-group", spacing: "4", orientation: "horizontal", align: "center", role: "group" }, o("slot", { key: "80cdabf2a4cc3442a9890903fd26148d26db3ad4", onSlotchange: this.onSlotChange }));
+    return o("swirl-stack", { key: "e78c35d533c8ffc80650256f6fe78fdca0cf965b", class: "toggle-group", spacing: "4", orientation: "horizontal", align: "center", role: "group" }, o("slot", { key: "9fd3933a1826d847695b011f5d9cd7253824b0c0", onSlotchange: this.onSlotChange }));
   }
   get el() {
     return r(this);

package/dist/{swirl-toolbar.entry.821c6690.js → swirl-toolbar.entry.16a693f1.js}

@@ -1,4 +1,4 @@
-import { r as n, h as s, H as r, g as i } from "./index.09c53839.js";
+import { r as n, h as s, H as r, g as i } from "./index.bf166ea6.js";
 import { b as c } from "./utils-877a768f.c277f897.js";
 import "react";
 import "react-dom";

package/dist/{swirl-tooltip.entry.720002a4.js → swirl-tooltip.entry.da2fb34c.js}

@@ -1,4 +1,4 @@
-import { r as p, h as i, H as c, g as d } from "./index.09c53839.js";
+import { r as p, h as i, H as c, g as d } from "./index.bf166ea6.js";
 import { b as h, c as m, a as u, o as f, 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";

package/dist/{swirl-tree-navigation-item.entry.ab0fe682.js → swirl-tree-navigation-item.entry.018e8eb7.js}

@@ -1,4 +1,4 @@
-import { r, c as s, h as e, H as o, g as d } from "./index.09c53839.js";
+import { r, c as s, h as e, H as o, g as d } from "./index.bf166ea6.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -49,12 +49,12 @@ const h = ":host{display:inline-flex;width:100%}:host *{box-sizing:border-box}.t
       "tree-navigation-item__link--active": this.active,
       "tree-navigation-item__link--has-icon": Boolean(this.icon)
     });
-    return e(o, { key: "c5c9aaab9e0ae98823e070397b4210748aa5b89a", role: "none" }, e("li", { key: "247b020fb82797a67995dfff2e0cc46d0f45b12b", class: {
+    return e(o, { key: "736da02376f7c94d4dd47a60be58ca2a376164ac", role: "none" }, e("li", { key: "6c723c41caea052735e39a676ecd09cffbd0dc7c", class: {
       "tree-navigation-item": !0,
       "tree-navigation-item--expanded": this.expanded
-    }, role: "treeitem", "aria-expanded": this.hasChildren ? this.expanded : void 0, "aria-level": this.level }, e(i, { key: "ae089b5cfc9e906bbdb47a8a18a6f9e93f0f5178", onClick: this.toggleExpanded, onKeyDown: this.onKeyDown, class: a, href: this.href, target: this.target, type: t ? void 0 : "button", id: this.buttonId, "aria-current": this.active ? "page" : void 0, "aria-controls": this.hasChildren ? this.childrenId : void 0, "aria-expanded": this.hasChildren ? this.expanded : void 0 }, e("span", { key: "2280b27ba700de1473c91eb35f5d2de08bc3540a", class: "tree-navigation-item__content" }, this.icon && e("swirl-icon", { key: "ee4146b5a61f0bad5d00371106fe782ffa32cd01", class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` }), e("span", { key: "03f0283be566d93548cc0f516adcc2a9a3a9bc66", class: "tree-navigation-item__label" }, e("span", { key: "00af4fbe3d42cf0f7f327ae967381a30427f2492", class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && e("span", { key: "c41f06c4e025286ddd8c79367d1f13f7b9360f4a", class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, e("swirl-icon-chevron-right", { key: "5ccbfe78fb441c52db23ab0e9b92fd4f3367d6fd", size: 16, role: "img", "aria-label": "Expand" })), this.external && e("span", { key: "aa87687dbee58bb91a9a91ed04e430730e27bdd9", class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, e("swirl-icon-open-in-new", { key: "acdf648348a2c4f9c1e5b29a6c410f29237b0f02", size: 16, role: "img", "aria-label": "External link" }))))), this.hasChildren && e("ul", { key: "8fc6a90fcedc94cae7a235982ff793a6d0f56a86", class: "tree-navigation-item__children", id: this.childrenId, role: "group", "aria-label": `${this.label} submenu`, ref: (n) => this.childrenRef = n, style: {
+    }, role: "treeitem", "aria-expanded": this.hasChildren ? this.expanded : void 0, "aria-level": this.level }, e(i, { key: "00a999bdf8c95c02547b9099f598d12306f47c45", onClick: this.toggleExpanded, onKeyDown: this.onKeyDown, class: a, href: this.href, target: this.target, type: t ? void 0 : "button", id: this.buttonId, "aria-current": this.active ? "page" : void 0, "aria-controls": this.hasChildren ? this.childrenId : void 0, "aria-expanded": this.hasChildren ? this.expanded : void 0 }, e("span", { key: "d1310bb5b7f35a31761ce4b504f59bfa9389f42a", class: "tree-navigation-item__content" }, this.icon && e("swirl-icon", { key: "f15cdd0c5d9334a840fc9c80c2a91d8c809f047b", class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` }), e("span", { key: "0438fdfa0f8925bffa40814dc131795c85aa582b", class: "tree-navigation-item__label" }, e("span", { key: "20530bcdcdb7bb75f9fb263658c6adfa4e94fac0", class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && e("span", { key: "53f44b73c11f38a5ea79d421a2ca8873415d2f46", class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, e("swirl-icon-chevron-right", { key: "62a045a1a4b68fa9fd6a97b60f7b9702c416b4d2", size: 16, role: "img", "aria-label": "Expand" })), this.external && e("span", { key: "f42374147aec35f9ee5e9b4aac949a5ce7e7e857", class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, e("swirl-icon-open-in-new", { key: "aecba874f56b67b1920482743131060bfdadb74d", size: 16, role: "img", "aria-label": "External link" }))))), this.hasChildren && e("ul", { key: "af7e026a2a78010be560ebf77ee8b908416c7e32", class: "tree-navigation-item__children", id: this.childrenId, role: "group", "aria-label": `${this.label} submenu`, ref: (n) => this.childrenRef = n, style: {
       height: this.childrenHeight
-    } }, e("slot", { key: "32c27c15243605450ec166c1ec1dfd3170da624f" }))));
+    } }, e("slot", { key: "2d04a3db58107a0d69724785355bfc575e8f213d" }))));
   }
   get el() {
     return d(this);

package/dist/{swirl-tree-navigation.entry.eed95bc3.js → swirl-tree-navigation.entry.2bb573b2.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, H as i } from "./index.09c53839.js";
+import { r as t, h as e, H as i } from "./index.bf166ea6.js";
 import "react";
 import "react-dom";
 const r = ":host{display:block}:host *{box-sizing:border-box}.tree-navigation{margin:0;padding:0}", s = r, o = class {
@@ -6,7 +6,7 @@ const r = ":host{display:block}:host *{box-sizing:border-box}.tree-navigation{ma
     t(this, a), this.label = void 0;
   }
   render() {
-    return e(i, { key: "df4b506f6383d8bba14a49b1c06d36ef970af691" }, e("ul", { key: "fb3d1cac0cfe246df7abb222294d24200a4e712b", "aria-label": this.label, class: "tree-navigation", role: "tree" }, e("slot", { key: "efc6f605145aa153900f92e2ccb38f47b6a00d5c" })));
+    return e(i, { key: "59ac8ece7083364d946cce062ba35ab06d1df4cb" }, e("ul", { key: "73f71370d003bb0620fe7712c1d2ee922a75d8ef", "aria-label": this.label, class: "tree-navigation", role: "tree" }, e("slot", { key: "75724b5255927ebe59bf59a11cc4e0eae6324b2a" })));
   }
 };
 o.style = s;

package/dist/{swirl-tree-view-item.entry.597580ee.js → swirl-tree-view-item.entry.242edab6.js}

@@ -1,10 +1,10 @@
-import { r as c, c as a, h as e, F as l, H as o, g as d } from "./index.09c53839.js";
+import { r as c, c as r, h as e, F as l, H as d, g as o } from "./index.bf166ea6.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,15 +38,15 @@ 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(o, { key: "99e7b997cc0ac4b876a39ad8c86463f65b1f2b04", id: this.itemId, role: "none" }, e("li", { key: "92d5be2ddaf1e9ffde494bd80558b21be1d47b89", class: s, role: "none" }, e("a", { key: "8013e23ffc362c1c40d2bf499cc311408f28b450", "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: "7055128d592ea7a599026cb9e9ca263016c9ab28", id: this.itemId, role: "none" }, e("li", { key: "19db1a5c434521aafbcf66364af9d731958c3217", class: s, role: "none" }, e("a", { key: "8d4d0cfb8f68280bc21fa560be3dfc8536957e69", "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: "6e86292381b7968130520b76b33e95d6267de99a", class: "tree-view-item__toggle-icon" }, r && e(l, { key: "76518e2402d633f2f4e410155ef8306fc74ee231" }, 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: "4cec92ec50f6e7b8eb7a10aa0557b39be03b1369" }, e("span", { key: "994c4d8f711823a38dc49d519d97d000dc94427e", class: "tree-view-item__icon" }, i ? this.icon : e("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))), e("span", { key: "0f0f0737811692e3d86d1147cbf9b5f2707156e4", class: "tree-view-item__label" }, this.label), e("span", { key: "6d59fb68782991840fa1e3728490bf3d52284b56", class: "tree-view-item__tags" }, e("slot", { key: "c73c93ecfb910c927b43915e10deec8c63357af2", name: "tags" }))), e("ul", { key: "3025c601105e94f5a19e7585c74b50398e242275", "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: "44a4643f2d58607f9013ba83f8e1cc6d817394d7" }))));
+    }, ref: (n) => this.link = n, role: "treeitem", tabIndex: this.selected ? 0 : -1 }, this.expandable && e("span", { key: "a1df0b690e3648a3efd78963580536e68244346e", class: "tree-view-item__toggle-icon" }, a && e(l, { key: "8b37bb4dcd53888c2d34bb60cb48caddc1dae2d6" }, 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: "3408a32ea893cfdbc7829be311d2b337a6995099" }, e("span", { key: "bed3cf8a935be1aa489a12097e0f1daa51874ae1", class: "tree-view-item__icon" }, i ? this.icon : e("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))), e("span", { key: "6c2f60b9c5f7cf54d69b539b77a6fffef305bada", class: "tree-view-item__label" }, this.label), e("span", { key: "2ec646c4068d3ebbc1417c9138a7f26aaa5d13a9", class: "tree-view-item__tags" }, e("slot", { key: "c277c4aac4812a969366771dbe5723e266884fd2", name: "tags" }))), e("ul", { key: "a18acac09207d0db6993b92d49f375f0091958ea", "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: "3870afdc596f7b91480c0951e0553478865ff2a8" }))));
   }
   get el() {
-    return d(this);
+    return o(this);
   }
 };
 v.style = m;

package/dist/{swirl-tree-view.entry.85e77366.js → swirl-tree-view.entry.be2b2959.js}

@@ -1,7 +1,7 @@
-import { r as p, c as u, h as o, H as I, g as h } from "./index.09c53839.js";
+import { r as p, c as u, h as o, H as I, g as h } from "./index.bf166ea6.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)}", f = E, w = class {
+const f = ":host{display:block}:host *{box-sizing:border-box}.tree-view{display:flex;margin:0;padding:0;flex-direction:column;gap:var(--s-space-2)}", E = f, 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 a;
+    var c;
     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 c = e.querySelector("swirl-tree-view-item"), n = t ? c : s || r;
-    !Boolean(n) || (this.unselectAllItems(), (a = n.select) == null || a.call(n, !0));
+    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));
   }
   selectPreviousItem() {
-    var n, a;
+    var n, c;
     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"), c = s || r;
-    !Boolean(c) || (e.forEach((i) => i.unselect()), (a = c.select) == null || a.call(c, !0));
+    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));
   }
   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: "bbcd1bc74c52c3b8896f20be1caadf84734e4b2f" }, o("ul", { key: "72bbdf03a78b04415cd17de341b4e4af7fcf3b54", "aria-label": this.label, class: "tree-view", role: "tree" }, o("slot", { key: "279f56e5bb2eec5852bacc8e5416164cafb22f50", onSlotchange: this.onSlotChange })));
+    return o(I, { key: "12af463f0f3ef90fc98fb6bbab2039b6a3524d7c" }, o("ul", { key: "fd41f29496015f4a188f0bc9fa60d256c9789d38", "aria-label": this.label, class: "tree-view", role: "tree" }, o("slot", { key: "48962c66ffe7a3c30e6d2f39a586c1c9566d765f", onSlotchange: this.onSlotChange })));
   }
   get el() {
     return h(this);
   }
 };
-w.style = f;
+w.style = E;
 export {
   w as swirl_tree_view
 };

package/dist/{swirl-video-thumbnail.entry.0c749d75.js → swirl-video-thumbnail.entry.43fe766b.js}

@@ -1,7 +1,7 @@
-import { r as e, h as n, H as a } from "./index.09c53839.js";
+import { r as e, h as n, H as t } from "./index.bf166ea6.js";
 import "react";
 import "react-dom";
-const t = `:host {
+const a = `:host {
   display: flex;
   width: 100%;
 }
@@ -74,12 +74,12 @@ const t = `:host {
     height: 4.5rem;
   }
 }
-`, o = t, s = class {
+`, o = a, s = class {
   constructor(i) {
     e(this, i), this.durationLabel = "Duration", this.duration = void 0, this.label = void 0, this.src = void 0;
   }
   render() {
-    return n(a, { key: "037e6f35a107a2ad164eacd3f528b6a5828c1e06" }, n("button", { key: "7c29bfc214d4d0673908a9256ac19dabe483947d", "aria-describedby": this.duration !== void 0 ? "duration" : void 0, "aria-label": this.label, class: "video-thumbnail", type: "button" }, n("img", { key: "99f5ce1c96758efeda64ab45078c12d1b2073a4a", alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && n("span", { key: "0ee014ffa46b74a96110d08efc80c411acf8b9fb", class: "video-thumbnail__duration", id: "duration" }, n("swirl-visually-hidden", { key: "cbe67dc2b72a6131641345c9a592ea6026d83124" }, this.durationLabel), this.duration), n("svg", { key: "f10251c6fd959bfa10d3a53f48999b8a2fe1cb12", class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, n("path", { key: "a61e05c87882a9173e0f5a7b9cf67af7e5c93214", 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(t, { key: "662c00b709440b09ace04bf30c5538c8ba8791d1" }, n("button", { key: "44d6affc18f5f77deac8e8f1b3f7d09ec83d7b88", "aria-describedby": this.duration !== void 0 ? "duration" : void 0, "aria-label": this.label, class: "video-thumbnail", type: "button" }, n("img", { key: "1af4c020293b6d9f2f7c6ac144e9b56084a1467e", alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && n("span", { key: "0b1c477e6cd851f4449c89e81783b9f8d482b9f8", class: "video-thumbnail__duration", id: "duration" }, n("swirl-visually-hidden", { key: "2df532b90fdd4900b0dafbf7721ec6ed2b3dd23d" }, this.durationLabel), this.duration), n("svg", { key: "41bcb649ed660903b4ff9778c448381359e0925e", class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, n("path", { key: "51eea7640272fdbf8ce7eb1df570f80be50471ae", 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.3e9e6ba5.js

@@ -0,0 +1,15 @@
+import { r as d, h as i, H as r } from "./index.bf166ea6.js";
+import "react";
+import "react-dom";
+const e = ".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 = e, t = class {
+  constructor(s) {
+    d(this, s);
+  }
+  render() {
+    return i(r, { key: "a94fe415536bdc6069d84e8d074d05f3a833843d" }, i("slot", { key: "b21fd056d98d66ad78549d340776f045625f230a" }));
+  }
+};
+t.style = l;
+export {
+  t as swirl_visually_hidden
+};

package/dist/{wc-datepicker.entry.328a1cee.js → wc-datepicker.entry.d9974ab1.js}

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

package/package.json

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