@getflip/swirl-components-react 0.209.0 → 0.211.0

package/dist/{swirl-tabs.entry.6d033133.js → swirl-tabs.entry.bc2a8801.js}

@@ -1,9 +1,9 @@
-import { r as s, c as b, h as e, H as n, g as c } from "./index.1e316f69.js";
+import { r as e, c as b, h as s, H as n, g as c } from "./index.b48d93c2.js";
 import "react";
 import "react-dom";
 const r = ".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%}", d = r, h = class {
   constructor(t) {
-    s(this, t), this.tabActivated = b(this, "tabActivated", 7), this.tabs = [], this.onActivateNextTab = () => {
+    e(this, t), this.tabActivated = b(this, "tabActivated", 7), this.tabs = [], this.onActivateNextTab = () => {
       this.activateNextTab();
     }, this.onActivatePreviousTab = () => {
       this.activatePreviousTab();
@@ -50,7 +50,7 @@ const r = ".sc-swirl-tabs-h{display:block;width:100%}.sc-swirl-tabs-h *.sc-swirl
     }));
   }
   render() {
-    return e(n, { key: "ca3751ad4241f90d7ac08650582eab62bdc20996" }, e("div", { key: "a02ac42fd26273e97889deeae33b4c03858b1cdb", class: "tabs" }, e("swirl-tab-bar", { key: "74b92342f16f348cb5592cdaaaf4da4febc43460", label: this.label, onActivateNextTab: this.onActivateNextTab, onActivatePreviousTab: this.onActivatePreviousTab, onActivateTab: this.onActivateTab, tabs: this.tabBarTabs, justify: this.justifyTabBar, paddingInlineEnd: this.tabBarPaddingInlineEnd, paddingInlineStart: this.tabBarPaddingInlineStart })), e("slot", { key: "b107fbc7a18e81e56cecbbd6f45fe7e88c906069" }));
+    return s(n, { key: "eb0a9a0fc0c1f4905669dac04f2f79a7fdc1d5d5" }, s("div", { key: "9332c031e40959e2145cc7dd68805f95d173f087", class: "tabs" }, s("swirl-tab-bar", { key: "31d7017b33771596638ec21e3cf14880c87f6e68", label: this.label, onActivateNextTab: this.onActivateNextTab, onActivatePreviousTab: this.onActivatePreviousTab, onActivateTab: this.onActivateTab, tabs: this.tabBarTabs, justify: this.justifyTabBar, paddingInlineEnd: this.tabBarPaddingInlineEnd, paddingInlineStart: this.tabBarPaddingInlineStart })), s("slot", { key: "2f108e0b6380b72d680c6a3829a181985bcecec9" }));
   }
   get el() {
     return c(this);

package/dist/{swirl-text-input.entry.955bd895.js → swirl-text-input.entry.53f07309.js}

@@ -1,4 +1,4 @@
-import { r as d, c as n, h as i, H as h } from "./index.1e316f69.js";
+import { r as d, c as n, h as i, H as h } from "./index.b48d93c2.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import { g as x } from "./utils-9b747dd7.4c4c7dc0.js";
 import "react";

package/dist/{swirl-text.entry.22e2cbbf.js → swirl-text.entry.9a951440.js}

@@ -1,4 +1,4 @@
-import { r as at, h as Y, H as lt, g as ct } from "./index.1e316f69.js";
+import { r as at, h as Y, H as lt, g as ct } from "./index.b48d93c2.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.83410075.js → swirl-theme-provider.entry.cd795e98.js}

@@ -1,9 +1,9 @@
-import { r as m, c as a, h as o, H as d } from "./index.1e316f69.js";
+import { r as m, c as n, h as o, H as d } from "./index.b48d93c2.js";
 import "react";
 import "react-dom";
 const l = ".sc-swirl-theme-provider-h{display:block}", c = l, i = "swirl-preferred-theme", g = class {
   constructor(e) {
-    m(this, e), this.appThemeUpdated = a(this, "appThemeUpdated", 7), this.themeChange = a(this, "themeChange", 7), this.darkThemeMediaQuery = window.matchMedia("(prefers-color-scheme: dark)"), this.setDesignTokens = [], this.osThemeChangeHandler = (t) => {
+    m(this, e), this.appThemeUpdated = n(this, "appThemeUpdated", 7), this.themeChange = n(this, "themeChange", 7), this.darkThemeMediaQuery = window.matchMedia("(prefers-color-scheme: dark)"), this.setDesignTokens = [], this.osThemeChangeHandler = (t) => {
       this.osTheme = t.matches ? "dark" : "light", this.updateAppTheme();
     }, this.config = void 0;
   }
@@ -69,8 +69,8 @@ const l = ".sc-swirl-theme-provider-h{display:block}", c = l, i = "swirl-preferr
     }
     const t = this.resolvedConfig.rootElement;
     this.setDesignTokens = [], e.design_tokens.forEach((h) => {
-      const n = `--s-${h.id}`;
-      t.style.setProperty(n, `rgba(${h.color.r}, ${h.color.g}, ${h.color.b}, ${h.color.a})`), this.setDesignTokens.push(n);
+      const a = `--s-${h.id}`;
+      t.style.setProperty(a, `rgba(${h.color.r}, ${h.color.g}, ${h.color.b}, ${h.color.a})`), this.setDesignTokens.push(a);
     });
   }
   resetTenantVariables() {
@@ -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: "780652abefa22978dc091f053cbcf5de4f5f1865" }, o("slot", { key: "bee64d3cf6954134ba33d1336592082be8953b21" }));
+    return o(d, { key: "9074b561d1f2ad954b3cb7828f59c5817df6b308" }, o("slot", { key: "18de2ab14ea6d905cae1e520a9a4aa4a7a0a4210" }));
   }
   static get watchers() {
     return {

package/dist/{swirl-time-input.entry.db5b68ae.js → swirl-time-input.entry.1c14d2a7.js}

@@ -1,26 +1,26 @@
-import { r as c, c as d, h as a, H as p, g as m } from "./index.1e316f69.js";
+import { r as c, c as u, h as a, H as p, g as m } from "./index.b48d93c2.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-9b747dd7.4c4c7dc0.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: "12c63b96d660968f5b732222118a3693129132a3" }, a("div", { key: "77251862c08ca2b91b0d609c0c397954e5e18462", class: s }, a("input", { key: "3809a5ea86541c1636fea6b8e243e7a3fe3ba966", "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: "226e7bf8b7aefd292cf6d3c882b237cef2287873", class: "time-input__icon" }, a("swirl-icon-time-outlined", { key: "ac72d113dfcbba44a3d11fb53c96369780331aa7", size: this.iconSize }))));
+    return a(p, { key: "f2e1df436ac61cab2404c241f8e87bba10c9a73d" }, a("div", { key: "26c4be48d6b9d04c4a893853e73968effab20633", class: s }, a("input", { key: "e1422293c8ab2368771480014d40a74b35cbbafe", "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: "0cc8bd44afc4dadeebbefc6112fc0bffdac3c0a5", class: "time-input__icon" }, a("swirl-icon-time-outlined", { key: "a54aa45d9da0f4ee4d2b14af0809f62d84718184", 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.4d372cd6.js → swirl-toast-provider.entry.6be368b7.js}

@@ -1,7 +1,7 @@
-import { r, h as a, H as e } from "./index.1e316f69.js";
+import { r, h as a, H as e } from "./index.b48d93c2.js";
 import "react";
 import "react-dom";
-const h = class {
+const l = class {
   constructor(t) {
     r(this, t), this.onDismiss = (s) => {
       this.toasts = [...this.toasts].filter((i) => i.toastId !== s.detail);
@@ -27,12 +27,12 @@ const h = class {
     return this.toasts = [...this.toasts, i], i;
   }
   render() {
-    return a(e, { key: "6a80302e6c239afdd65909cb335146e4971a1fa1", role: "status" }, a("swirl-stack", { key: "d966f4578e32bb6771facd589718367516221d46", spacing: "12" }, this.toasts.map((t) => {
+    return a(e, { key: "939b5584be108dccf4c0389f3784844a57ea84b2", role: "status" }, a("swirl-stack", { key: "02365268cecc9167d07d6f7351e4496939aa821b", 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 {
-  h as swirl_toast_provider
+  l as swirl_toast_provider
 };

package/dist/{swirl-toast.entry.8a708bf7.js → swirl-toast.entry.8d09fe68.js}

@@ -1,4 +1,4 @@
-import { r as o, c as n, h as i, H as r } from "./index.1e316f69.js";
+import { r as o, c as n, h as e, H as r } from "./index.b48d93c2.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import { g as d } from "./utils-9b747dd7.4c4c7dc0.js";
 import "react";
@@ -23,8 +23,8 @@ const h = ":host{display:flex}:host *{box-sizing:border-box}.toast{display:flex;
   }
   forceIconProps(s) {
     var a;
-    const t = (a = this.iconEl) == null ? void 0 : a.children[0], e = this.dismissIconEl;
-    t == null || t.setAttribute("size", s ? "20" : "24"), e == null || e.setAttribute("size", s ? "20" : "24");
+    const t = (a = this.iconEl) == null ? void 0 : a.children[0], i = this.dismissIconEl;
+    t == null || t.setAttribute("size", s ? "20" : "24"), i == null || i.setAttribute("size", s ? "20" : "24");
   }
   startTimer() {
     this.clearTimer(), this.duration !== void 0 && (this.timeout = setTimeout(() => {
@@ -36,7 +36,7 @@ const h = ":host{display:flex}:host *{box-sizing:border-box}.toast{display:flex;
   }
   render() {
     const s = c("toast", `toast--intent-${this.intent}`);
-    return i(r, { key: "921ff1d7869007a8bfef652310d255941d24c088" }, i("div", { key: "b50440dbd7a8c917d0220bca3a42146a6ca99efd", class: s }, this.icon && i("span", { key: "6971954911e9077a5114db40f464c7078800a692", class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (t) => this.iconEl = t }), i("span", { key: "05a9fc0cca75a4839ea2b5fa2316afda4e5702bf", class: "toast__content", innerHTML: this.content, part: "toast__content" }, i("slot", { key: "60d16baf8f4a7c53994349ac42a80d4632d055d1" })), i("button", { key: "2ab3ae0c7b6e685d69f97e17f6f2a59ceeff493b", "aria-label": this.dismissLabel || this.accessibleDismissLabel, class: "toast__dismiss-button", onClick: this.onDismiss, type: "button" }, this.dismissLabel, !Boolean(this.dismissLabel) && i("swirl-icon-close", { key: "025c972db050fca597c00b9920905b788993994d", ref: (t) => this.dismissIconEl = t }))));
+    return e(r, { key: "888b9166ea3b2c1c0accd229b10df71e9508085e" }, e("div", { key: "3d7c585b55cf7fb793511d3a39249fbeaf24e7a9", class: s }, this.icon && e("span", { key: "3a5501b63dd47555e51e270f49b251a8d88f6c60", class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (t) => this.iconEl = t }), e("span", { key: "744f38f0eb2c1baad05e4a04b2b97e2008c0bd71", class: "toast__content", innerHTML: this.content, part: "toast__content" }, e("slot", { key: "782a9848808d24457e7f5bd33ede990c7729a773" })), e("button", { key: "039c2406c9ca02284b8d311c45e04bcc19a1f271", "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: "29b0f0b90bf067c5d1679d2c44387504a7db2083", ref: (t) => this.dismissIconEl = t }))));
   }
   static get watchers() {
     return {

package/dist/{swirl-toolbar.entry.a2c238eb.js → swirl-toolbar.entry.82c8d45c.js}

@@ -1,8 +1,8 @@
-import { r as n, h as s, H as i, g as r } from "./index.1e316f69.js";
-import { b as c } from "./utils-9b747dd7.4c4c7dc0.js";
+import { r as n, h as s, H as i, g as r } from "./index.b48d93c2.js";
+import { b as a } from "./utils-9b747dd7.4c4c7dc0.js";
 import "react";
 import "react-dom";
-const a = ":host{display:block}:host *{box-sizing:border-box}", l = a, d = class {
+const c = ":host{display:block}:host *{box-sizing:border-box}", l = c, d = 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());
@@ -27,7 +27,7 @@ const a = ":host{display:block}:host *{box-sizing:border-box}", l = a, d = class
     this.focusItem(e[o]);
   }
   getActiveItemIndex(e) {
-    const t = c();
+    const t = a();
     return e.findIndex((o) => o === (t == null ? void 0 : t.closest("swirl-button, swirl-chip")));
   }
   focusItem(e) {
@@ -44,7 +44,7 @@ const a = ":host{display:block}:host *{box-sizing:border-box}", l = a, d = class
     });
   }
   render() {
-    return s(i, { key: "5df7c943ac7df8f09fc8b1d45f4d56857cbfb2f6" }, s("swirl-stack", { key: "c21b170cae85b76061ed0c1206f49f54bf69a4a2", align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: "8" }, s("slot", { key: "fd1acd8fbe00fdd09ca9c403fe1276405f81caae" })));
+    return s(i, { key: "9395ed31604862788bbd526be3a263deadbfeba3" }, s("swirl-stack", { key: "aaf3d7f8c27b65c06c9e190a46abe4a399662032", align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: "8" }, s("slot", { key: "67a58d72f42141a418fd720bb457d44e06ef15dd" })));
   }
   get el() {
     return r(this);

package/dist/{swirl-tooltip.entry.1e577e31.js → swirl-tooltip.entry.1668acd8.js}

@@ -1,5 +1,5 @@
-import { r as p, h as o, H as d, g as h } from "./index.1e316f69.js";
-import { b as c, c as m, a as u, o as b, s as f, f as w } from "./floating-ui.dom.esm-bef21834.ec4a9cbf.js";
+import { r as p, h as o, H as d, g as h } from "./index.b48d93c2.js";
+import { b as c, 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";
 import "react-dom";
@@ -37,7 +37,7 @@ const _ = ":host{display:contents;font-weight:var(--s-font-weight-normal)}:host
     }, this.updateOptions = () => {
       const t = +getComputedStyle(document.documentElement).getPropertyValue("--s-space-12").replace("rem", "") * 16;
       this.options = {
-        middleware: [b(t), f(), w()],
+        middleware: [f(t), b(), w()],
         placement: this.position,
         strategy: this.positioning
       };
@@ -69,11 +69,11 @@ const _ = ":host{display:contents;font-weight:var(--s-font-weight-normal)}:host
     const a = y("tooltip", `tooltip--actual-placement-${(t = this.actualPosition) == null ? void 0 : t.placement}`, {
       "tooltip--visible": this.visible
     });
-    return o(d, { key: "978135408aa2f9134dad3f15e1bff185e90557b5", onKeydown: this.onKeydown }, o("span", { key: "e72b3f2aa40f14a04cf274a39d7b8f6a2dbdcbd5", class: a }, o("span", { key: "556e530c9eec0390e75c79ada25e51f9e1824bed", class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, o("slot", { key: "62653d76b03bc1d2c0e99c2d9a0f2260dd421359" })), o("span", { key: "3b3baf02b091b9a2eeba3511d8cac32d8c9bd29f", class: "tooltip__popper", ref: (i) => this.popperEl = i, style: {
+    return o(d, { key: "d0a74f9a48f9588b1354d80023419b2662f6c365", onKeydown: this.onKeydown }, o("span", { key: "ab4662b52b91f14e2bb556c5eee8a667dde26d20", class: a }, o("span", { key: "b719bfb561d8f31abf56fc8454c8f670083f2266", class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, o("slot", { key: "3ee1b3d4112a48e16fbdb82b306dd2060dd628c8" })), o("span", { key: "6c415ab45aa1c6dd918b82a661211949e5d12ab4", class: "tooltip__popper", ref: (i) => this.popperEl = i, 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 && o("span", { key: "d4445b6c16fdb2c674d8386bd94149a467995272", class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, o("span", { key: "b374a803fc9342b6594951acb940976515abf2f4", class: "tooltip__content", innerHTML: this.content })), o("span", { key: "3180c72b3db823fde79cfa27b2553921cd7d0351", class: "tooltip__arrow", ref: (i) => this.arrowElement = i, style: {
+    } }, this.visible && o("span", { key: "d1901017bf0c80e4715ae7f961caab6bc84fe226", class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, o("span", { key: "fb06e617d8699b51f923d71dc2e864f7c0c47678", class: "tooltip__content", innerHTML: this.content })), o("span", { key: "31b1189f37160fa546683384eb6f6d9d49ca10f1", class: "tooltip__arrow", ref: (i) => this.arrowElement = i, style: {
       ...this.arrowStyles,
       visibility: this.visible ? "visible" : "hidden"
     } }))));

package/dist/{swirl-tree-navigation-item.entry.9d38ec13.js → swirl-tree-navigation-item.entry.c6bc8451.js}

@@ -1,4 +1,4 @@
-import { r, h as i, H as n, g as s } from "./index.1e316f69.js";
+import { r, h as i, H as n, g as s } from "./index.b48d93c2.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: "7ddc5484de3974b6ba0f02480c4febca63a3d134" }, i(t, { key: "4fcfb1294ee4adb399510c286cfd82b6fd9f2d31", class: a, href: this.href, target: this.target, type: e ? void 0 : "button" }, this.icon && i("span", { key: "b3d57d4466e3bc26b524e9833669f6032ab1766e", class: "tree-navigation-item__icon", innerHTML: this.icon }), i("span", { key: "9e163b143100d08bdeb6549046fc4f5e4b092b64", class: "tree-navigation-item__label" }, this.label)));
+    return i(n, { key: "5c2fdccd113c872a7e51b4ae8e899d4ede41ebf5" }, i(t, { key: "52f22eb02e30379d4afd6e68badfe6096842e38f", class: a, href: this.href, target: this.target, type: e ? void 0 : "button" }, this.icon && i("span", { key: "2f79caa57d41db2566cc47cdc75e3f6518613474", class: "tree-navigation-item__icon", innerHTML: this.icon }), i("span", { key: "0ef45f0bf35aa520b1c25b98f0a8ed57538d7b80", class: "tree-navigation-item__label" }, this.label)));
   }
   get el() {
     return s(this);

package/dist/{swirl-video-thumbnail.entry.bd0b6552.js → swirl-video-thumbnail.entry.9d8463bc.js}

@@ -1,4 +1,4 @@
-import { r as e, h as n, H as a } from "./index.1e316f69.js";
+import { r as a, h as n, H as e } from "./index.b48d93c2.js";
 import "react";
 import "react-dom";
 const t = `:host {
@@ -76,10 +76,10 @@ const t = `:host {
 }
 `, o = t, s = class {
   constructor(i) {
-    e(this, i), this.durationLabel = "Duration", this.duration = void 0, this.label = void 0, this.src = void 0;
+    a(this, i), this.durationLabel = "Duration", this.duration = void 0, this.label = void 0, this.src = void 0;
   }
   render() {
-    return n(a, { key: "3dffbe79a9ff85b7c69e573410428d8b0caf54d4" }, n("button", { key: "9ea6bbebf31e4f993a7d6964efffc81044b98e87", "aria-describedby": this.duration !== void 0 ? "duration" : void 0, "aria-label": this.label, class: "video-thumbnail", type: "button" }, n("img", { key: "48ca32db5a99fee5198804ac7c023da299e67365", alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && n("span", { key: "a775ec375b552bd20544957438d932a1ff308370", class: "video-thumbnail__duration", id: "duration" }, n("swirl-visually-hidden", { key: "1eb952d1c5ab42d085880e7e6ae348285c262bd5" }, this.durationLabel), this.duration), n("svg", { key: "3e9857365d77db5b3b8b3e1b1905513a0a488ff1", class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, n("path", { key: "15f7cc8f6ff50d50c6b2cf11a32bfc52d2522e8f", 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(e, { key: "6268ae824f77664c95e0aca4410eb92247eb28a7" }, n("button", { key: "d99ffd4d402aed2956f2fdbbbf80419fc51f8bbf", "aria-describedby": this.duration !== void 0 ? "duration" : void 0, "aria-label": this.label, class: "video-thumbnail", type: "button" }, n("img", { key: "aa2ca11e1b26450c40d560867e2bc441509032e6", alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && n("span", { key: "64b9c4d270c735a18d893f0a8bcaf242a8706102", class: "video-thumbnail__duration", id: "duration" }, n("swirl-visually-hidden", { key: "45031f25178eac4c205ab2c8146a61aad56af5b1" }, this.durationLabel), this.duration), n("svg", { key: "6ac78ad211884db7c19863d67c2a6589c4b03fab", class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, n("path", { key: "9b8e1c220dd1b6292df2ad2519c478c44fc17a7a", 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.8a28e729.js → swirl-visually-hidden.entry.4ecf6a06.js}

@@ -1,15 +1,15 @@
-import { r as s, h as i, H as r } from "./index.1e316f69.js";
+import { r as s, h as e, H as r } from "./index.b48d93c2.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)}", a = l, t = class {
-  constructor(e) {
-    s(this, e);
+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)}", d = l, t = class {
+  constructor(i) {
+    s(this, i);
   }
   render() {
-    return i(r, { key: "6b7517455790ae85af1efd3fcdf46b91796f1740" }, i("slot", { key: "04f81fd11fa2e63208eea215a3267c359ec4a113" }));
+    return e(r, { key: "0b597350cbd137865b9b8e0fe25b86fb3ff3eee7" }, e("slot", { key: "848d169f1d3f987e742053566976f17602ed7887" }));
   }
 };
-t.style = a;
+t.style = d;
 export {
   t as swirl_visually_hidden
 };

package/dist/{wc-datepicker.entry.f4e81a75.js → wc-datepicker.entry.7ee17b97.js}

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

package/package.json

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