@getflip/swirl-components-react 0.325.1 → 0.326.0

package/dist/{swirl-tabs.entry.5fc04bd7.js → swirl-tabs.entry.59d42479.js}

@@ -1,5 +1,5 @@
-import { r as b, c as n, h as e, H as r, g as d } from "./index.adf4b430.js";
-import { f as s } from "./utils-877a768f.c277f897.js";
+import { r as b, c as n, h as s, H as d, g as r } from "./index.0cee1557.js";
+import { f as e } from "./utils-877a768f.c277f897.js";
 import "react";
 import "react-dom";
 const c = ".sc-swirl-tabs-h{display:block;width:100%}.sc-swirl-tabs-h *.sc-swirl-tabs{box-sizing:border-box}.tabs.sc-swirl-tabs{width:100%}", h = c, l = class {
@@ -23,14 +23,14 @@ const c = ".sc-swirl-tabs-h{display:block;width:100%}.sc-swirl-tabs-h *.sc-swirl
     !Boolean(i) || (i.active = !0, this.tabActivated.emit(i), this.updateTabBarTabs());
   }
   activateNextTab() {
-    const t = this.tabs.findIndex((a) => a.tabId === this.activeTab), i = s(t + 1, this.tabs.length);
+    const t = this.tabs.findIndex((a) => a.tabId === this.activeTab), i = e(t + 1, this.tabs.length);
     this.activateTab(this.tabs[i].tabId), requestAnimationFrame(() => {
       var a;
       (a = this.el.querySelector(".tabs__tab--active")) == null || a.focus();
     });
   }
   activatePreviousTab() {
-    const t = this.tabs.findIndex((a) => a.tabId === this.activeTab), i = s(t - 1, this.tabs.length);
+    const t = this.tabs.findIndex((a) => a.tabId === this.activeTab), i = e(t - 1, this.tabs.length);
     this.activateTab(this.tabs[i].tabId), requestAnimationFrame(() => {
       var a;
       (a = this.el.querySelector(".tabs__tab--active")) == null || a.focus();
@@ -51,10 +51,10 @@ const c = ".sc-swirl-tabs-h{display:block;width:100%}.sc-swirl-tabs-h *.sc-swirl
     }));
   }
   render() {
-    return e(r, { key: "7493411e67ed0493c673cdafbc7b913ab3a28d10" }, e("div", { key: "ec3f7d7f9eeeafa184d1ef86a0b39b161e85c02a", class: "tabs" }, e("swirl-tab-bar", { key: "a9ff358a9047f2b2e65afed6ed7839d93f874a05", label: this.label, onActivateNextTab: this.onActivateNextTab, onActivatePreviousTab: this.onActivatePreviousTab, onActivateTab: this.onActivateTab, tabs: this.tabBarTabs, justify: this.justifyTabBar, paddingBlockEnd: this.tabBarPaddingBlockEnd, paddingBlockStart: this.tabBarPaddingBlockStart, paddingInlineEnd: this.tabBarPaddingInlineEnd, paddingInlineStart: this.tabBarPaddingInlineStart, variant: this.tabBarVariant })), e("slot", { key: "7e41d46f28b5c5d6dcb795ff57a4087241b591cd" }));
+    return s(d, { key: "7452164d90f9a6cedf522a5b56059d201feed7a5" }, s("div", { key: "0583fe2822576f803cc175dbd7b4b0ba0a3b4296", class: "tabs" }, s("swirl-tab-bar", { key: "2d6ae5d6d7b982e342c5fb0d8413e6643a423763", label: this.label, onActivateNextTab: this.onActivateNextTab, onActivatePreviousTab: this.onActivatePreviousTab, onActivateTab: this.onActivateTab, tabs: this.tabBarTabs, justify: this.justifyTabBar, paddingBlockEnd: this.tabBarPaddingBlockEnd, paddingBlockStart: this.tabBarPaddingBlockStart, paddingInlineEnd: this.tabBarPaddingInlineEnd, paddingInlineStart: this.tabBarPaddingInlineStart, variant: this.tabBarVariant })), s("slot", { key: "021aa9a7dcc28f561b68d5e81dc922c5f91c3dd1" }));
   }
   get el() {
-    return d(this);
+    return r(this);
   }
 };
 l.style = h;

package/dist/{swirl-text-input.entry.b41bb66e.js → swirl-text-input.entry.cf6237c2.js}

@@ -1,4 +1,4 @@
-import { r as h, c as n, h as i, H as d } from "./index.adf4b430.js";
+import { r as h, c as n, h as i, H as d } from "./index.0cee1557.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import { g as x } from "./utils-877a768f.c277f897.js";
 import "react";

package/dist/{swirl-text.entry.588e10de.js → swirl-text.entry.4fd9474f.js}

@@ -1,4 +1,4 @@
-import { r as at, h as Y, H as lt, g as ct } from "./index.adf4b430.js";
+import { r as at, h as Y, H as lt, g as ct } from "./index.0cee1557.js";
 import { c as ht } from "./_commonjsHelpers-d20b9603.2d9b8855.js";
 import { c as dt } from "./index-267776a4.6beb4f4b.js";
 import "react";

package/dist/{swirl-theme-provider.entry.63c1515a.js → swirl-theme-provider.entry.02e8090f.js}

@@ -1,4 +1,4 @@
-import { r as m, c as a, h as o, H as d } from "./index.adf4b430.js";
+import { r as m, c as a, h as o, H as d } from "./index.0cee1557.js";
 import "react";
 import "react-dom";
 const l = ".sc-swirl-theme-provider-h{display:unset}", c = l, i = "swirl-preferred-theme", g = class {
@@ -80,7 +80,7 @@ const l = ".sc-swirl-theme-provider-h{display:unset}", c = l, i = "swirl-preferr
     }), this.setDesignTokens = [];
   }
   render() {
-    return o(d, { key: "75243fd69b35db6100d27a97df6ab7326359ffb0" }, o("slot", { key: "56b663e78776a7051d396c5125619e90f9d7fd4e" }));
+    return o(d, { key: "db982cb09fcded4777d5964e7300aa31d1b6019e" }, o("slot", { key: "8aaed653f6aa88a2978867717bc089749e737409" }));
   }
   static get watchers() {
     return {

package/dist/{swirl-time-input.entry.e90ca555.js → swirl-time-input.entry.19d474fb.js}

@@ -1,11 +1,11 @@
-import { r as c, c as u, h as a, H as p, g as m } from "./index.adf4b430.js";
+import { r as c, c as u, h as a, H as p, g as m } from "./index.0cee1557.js";
 import { c as f } from "./index-267776a4.6beb4f4b.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 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 {
+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, l = "HH:mm:ss", k = class {
   constructor(e) {
     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);
@@ -62,7 +62,7 @@ const b = ".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, 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: "04c9c8bbad53ed2cfa9cc6045b104abe50aacd52" }, a("div", { key: "d3472e1a1ff3b1e3ebdd82451931cf5b127e58b7", class: s }, a("input", { key: "a8475ff0c908beebaff1ee0d3dd918df3ebd8144", "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: "1a409bbad67c59009dfe9e8ded0003060d6f4e35", class: "time-input__icon" }, a("swirl-icon-time-outlined", { key: "b3f72ba60f5b6d7e5337808fc61e78f9a4c25c3e", size: this.iconSize }))));
+    return a(p, { key: "900afc8090ce0fd88d83a264adaee5fc4cfc2d51" }, a("div", { key: "8732b5e089da44001fde6938d8b3d5ff6658e819", class: s }, a("input", { key: "771c65e387b8bb59633411363ad7d88aeb35344d", "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: "e3617424c2d5a5f7c7645ec688a231868d925c4b", class: "time-input__icon" }, a("swirl-icon-time-outlined", { key: "e405cf6671e0e20ba95e6374efba80590bc7c8e2", size: this.iconSize }))));
   }
   get el() {
     return m(this);
@@ -73,7 +73,7 @@ const b = ".sc-swirl-time-input-h{display:flex;width:100%}.sc-swirl-time-input-h
     };
   }
 };
-k.style = g;
+k.style = b;
 export {
   k as swirl_time_input
 };

package/dist/{swirl-toast-provider.entry.fdb4789f.js → swirl-toast-provider.entry.819360aa.js}

@@ -1,4 +1,4 @@
-import { r as e, h as i, H as r } from "./index.adf4b430.js";
+import { r as e, h as i, H as r } from "./index.0cee1557.js";
 import "react";
 import "react-dom";
 const h = class {

package/dist/{swirl-toast.entry.b634ded7.js → swirl-toast.entry.430caa22.js}

@@ -1,4 +1,4 @@
-import { r as o, c as n, h as e, H as r } from "./index.adf4b430.js";
+import { r as o, c as n, h as e, H as r } from "./index.0cee1557.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.d4b1bf79.js → swirl-toggle-button.entry.46efb89d.js}

@@ -1,4 +1,4 @@
-import { r as s, h as t } from "./index.adf4b430.js";
+import { r as s, h as t } from "./index.0cee1557.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -12,7 +12,7 @@ const i = ":host{display:inline-block}:host *{box-sizing:border-box}.button{disp
     const e = o("button", {
       "button--pressed": this.isPressed
     });
-    return t("button", { key: "13a6ad7f96b3c0dc3e200f95cdc89b1afea78757", class: e, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, this.icon && t("swirl-icon", { key: "5e636be8de85bd663664f70dacdd3956d2eec057", class: "button__icon", glyph: this.icon }), t("span", { key: "c316eb271c98883570e3ba40532892c5f305560e", class: "button__label" }, this.label));
+    return t("button", { key: "af2ba87225e82d91424f80e8355fc9b949f0835c", class: e, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, this.icon && t("swirl-icon", { key: "c0e0e372aa08582ef08a171c9db46eac0a2bfd14", class: "button__icon", glyph: this.icon }), t("span", { key: "b6656bf5684b319dfe51c97086326e6f1ef144fb", class: "button__label" }, this.label));
   }
 };
 r.style = n;

package/dist/{swirl-toggle-group.entry.1bbf609c.js → swirl-toggle-group.entry.bb82e84d.js}

@@ -1,4 +1,4 @@
-import { r as i, c as g, h as o, g as l } from "./index.adf4b430.js";
+import { r as i, c as g, h as o, g as l } from "./index.0cee1557.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-toolbar.entry.f2e8bda8.js → swirl-toolbar.entry.2e7f5b23.js}

@@ -1,4 +1,4 @@
-import { r as n, h as s, H as r, g as i } from "./index.adf4b430.js";
+import { r as n, h as s, H as r, g as i } from "./index.0cee1557.js";
 import { b as a } from "./utils-877a768f.c277f897.js";
 import "react";
 import "react-dom";

package/dist/{swirl-tooltip.entry.ff8a5933.js → swirl-tooltip.entry.402b33c7.js}

@@ -1,4 +1,4 @@
-import { r as p, h as e, H as d, g as h } from "./index.adf4b430.js";
+import { r as p, h as e, H as d, g as h } from "./index.0cee1557.js";
 import { b as c, 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";

package/dist/{swirl-tree-navigation-item.entry.72a7e1a3.js → swirl-tree-navigation-item.entry.10966869.js}

@@ -1,4 +1,4 @@
-import { r, c as s, h as e, H as d, g as o } from "./index.adf4b430.js";
+import { r, c as s, h as e, H as d, g as o } from "./index.0cee1557.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(d, { key: "d7697f037d6448a4ac1e74722892e3876fa2a3d4", role: "none" }, e("li", { key: "bd4f231019c54bd256310b0c230410cc2e14d44a", class: {
+    return e(d, { key: "436e229c63629bbf33cfd9387913f29002772ba5", role: "none" }, e("li", { key: "b93b11114cd1bdec19fd6480ae43bd4d312788ed", 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: "49508b5805da1ff11ee74e47a227881c235e15c3", 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: "d7346d6b47390e9b564a0dd80f1f0179931cf49a", class: "tree-navigation-item__content" }, this.icon && e("swirl-icon", { key: "378cba5d0d45b251f4ac26502351b644507fb8d6", class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` }), e("span", { key: "e64d283cf9585493a93e2d6452dce3d9c7a4222c", class: "tree-navigation-item__label" }, e("span", { key: "224b6caaa393bce4d5b261ad43dce79e8c055573", class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && e("span", { key: "9e48ec76fdc2703551e50cf6fb1ccd4157c25d16", class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, e("swirl-icon-chevron-right", { key: "f7ed0cff9d4d1dc631db6ab4ab2fba9abc3fe26f", size: 16, role: "img", "aria-label": "Expand" })), this.external && e("span", { key: "d44533d9228d99a415572baf86d2e3f5480453a7", class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, e("swirl-icon-open-in-new", { key: "5ea74906acf37e9856dada495a43c5eb87233ebe", size: 16, role: "img", "aria-label": "External link" }))))), this.hasChildren && e("ul", { key: "257ff40c65e40e957c4e38ecb4b18e2167b1373f", 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: "3cb033573bd82c660ebb2b205eba3dd05268510f", 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: "b9d80cec28ec80ee0143c6099a829c272990b63c", class: "tree-navigation-item__content" }, this.icon && e("swirl-icon", { key: "a183be4e2d0ebf65237afe7cdf174d3af8359ce3", class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` }), e("span", { key: "90e18dcac4cea02d55fc862e540a65c0f74276ad", class: "tree-navigation-item__label" }, e("span", { key: "7a361a6bc31dcc1872e30802425ada404c225f39", class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && e("span", { key: "272232cc2e2d656681866dc4b78adc711f0bdd70", class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, e("swirl-icon-chevron-right", { key: "36ba51ddc567420a8dccad68c6adcec43b183ec5", size: 16, role: "img", "aria-label": "Expand" })), this.external && e("span", { key: "0f8b22a61b3eb4b6488e119c7c213199664c1945", class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, e("swirl-icon-open-in-new", { key: "e1f8c7724a94be0e9ea020a5737985e68e3e2afa", size: 16, role: "img", "aria-label": "External link" }))))), this.hasChildren && e("ul", { key: "5aad5f8edbc707b7fe25112666863cd279748703", 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: "7ac605a0f5dc7f497caf1667102393f93dae12bd" }))));
+    } }, e("slot", { key: "21fce3eaeb9df813e6d860c93657d257fd4ee032" }))));
   }
   get el() {
     return o(this);

package/dist/{swirl-tree-navigation.entry.b350cdc6.js → swirl-tree-navigation.entry.eae070a9.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, H as i } from "./index.adf4b430.js";
+import { r as t, h as e, H as i } from "./index.0cee1557.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: "bb998465c759dd7e315b089e8240c559e5fb96eb" }, e("ul", { key: "eda14de26348fee6084cbc6d249eaa736df24f41", "aria-label": this.label, class: "tree-navigation", role: "tree" }, e("slot", { key: "a93d8cd3d1a96921ec3cba52b5f7629b940faccd" })));
+    return e(i, { key: "c795b120b5f9d2cd543d7ef9d5407734d3beaf7d" }, e("ul", { key: "c8a4f2ca4c52b4bdef5b5d71c39f15b6675c7d6a", "aria-label": this.label, class: "tree-navigation", role: "tree" }, e("slot", { key: "476a4b9b357774b9ecc6cc62e1e4ef1873c14594" })));
   }
 };
 o.style = s;

package/dist/{swirl-tree-view-item.entry.08458b09.js → swirl-tree-view-item.entry.bed2f927.js}

@@ -1,4 +1,4 @@
-import { r as w, c as d, f as l, h as n, F as f, H as u, g as y } from "./index.adf4b430.js";
+import { r as w, c as d, f as l, h as n, F as f, H as u, g as y } from "./index.0cee1557.js";
 import { c as _ } from "./index-267776a4.6beb4f4b.js";
 import { S as I } from "./sortable.esm-0bfddf0c.953ca6a6.js";
 import { t as c } from "./swirl-tree-view.config-82c9ecaa.3ff1cfa4.js";

package/dist/{swirl-tree-view.entry.fda79fcf.js → swirl-tree-view.entry.16c04290.js}

@@ -1,4 +1,4 @@
-import { r as g, c as h, f as p, h as c, H as I, g as w } from "./index.adf4b430.js";
+import { r as g, c as h, f as p, h as c, H as I, g as w } from "./index.0cee1557.js";
 import { S as f } from "./sortable.esm-0bfddf0c.953ca6a6.js";
 import { t as m } from "./swirl-tree-view.config-82c9ecaa.3ff1cfa4.js";
 import "react";

package/dist/{swirl-video-thumbnail.entry.b679022e.js → swirl-video-thumbnail.entry.60e83830.js}

@@ -1,4 +1,4 @@
-import { r as e, h as n, H as a } from "./index.adf4b430.js";
+import { r as e, h as n, H as a } from "./index.0cee1557.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: "26939c4a63576482c4ba6c641617cf828e929fbb" }, n("button", { key: "ef15bf0a5e5189aabcdd3381145dca48245707a8", "aria-describedby": this.duration !== void 0 ? "duration" : void 0, "aria-label": this.label, class: "video-thumbnail", type: "button" }, n("img", { key: "bfc5097de207daf9f0c5d82bbd45fe7a604d7517", alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && n("span", { key: "91e4af8e126f00f30db0b178bfadc2f909c2328a", class: "video-thumbnail__duration", id: "duration" }, n("swirl-visually-hidden", { key: "b0e53ddfe6e2e6f6c9238854b07cd33d0919e494" }, this.durationLabel), this.duration), n("svg", { key: "b59aa24aad2f0e8f7ef7b399bca6b670bbf8e4fd", class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, n("path", { key: "58db0eeff3e19c327953e643ffbd0c6f3dc4bda0", 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: "dca368d90c692683617f7c44c1a22a587bfb26c6" }, n("button", { key: "e9ea7c736331408005a52cfe2718e749209686f7", "aria-describedby": this.duration !== void 0 ? "duration" : void 0, "aria-label": this.label, class: "video-thumbnail", type: "button" }, n("img", { key: "214505b3a818f82c3d7dad7cb0daf6149b8d11a9", alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && n("span", { key: "44a3851b89dd86d766503a77390503224a2f2929", class: "video-thumbnail__duration", id: "duration" }, n("swirl-visually-hidden", { key: "fb1b0b915a193344184a33fbaa21c8185ac6c7e9" }, this.durationLabel), this.duration), n("svg", { key: "4fabe0d99002f9e3d5bc56dd379747ca179bcb8c", class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, n("path", { key: "05f76c89944a9fbe1e835516d5c1c6ca2a25c554", 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.48ac2c8a.js

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

package/dist/{wc-datepicker.entry.e8f04590.js → wc-datepicker.entry.eb44c60a.js}

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getflip/swirl-components-react",
-  "version": "0.325.1",
+  "version": "0.326.0",
   "type": "module",
   "files": [
     "dist"
@@ -23,7 +23,7 @@
     "react-dom": "^18.2.0"
   },
   "dependencies": {
-    "@getflip/swirl-components": "^0.325.1"
+    "@getflip/swirl-components": "^0.326.0"
   },
   "devDependencies": {
     "@types/react": "^18.0.18",