@getflip/swirl-components-react 0.208.3 → 0.210.0

package/dist/{swirl-table-row.entry.b2b5fa72.js → swirl-table-row.entry.3cb72f25.js}

@@ -1,21 +1,21 @@
-import { r as s, h as t, H as o, g as r } from "./index.552aa8bc.js";
+import { r as s, h as e, H as o, g as r } from "./index.72c526c1.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import { c as a } from "./utils-9b747dd7.4c4c7dc0.js";
 import "react";
 import "react-dom";
 const i = ":host{display:flex}:host(.table-row--highlighted){--swirl-ghost-button-background-default:transparent}:host(.table-row--highlighted) ::slotted(.table-cell){background-color:rgba(240, 242, 255, 1);}:host ::slotted(.table-cell){border-bottom:var(--s-border-width-default) solid var(--s-border-default)}:host *{box-sizing:border-box}", d = i, h = class {
-  constructor(e) {
-    s(this, e), this.highlighted = void 0, this.index = void 0;
+  constructor(t) {
+    s(this, t), this.highlighted = void 0, this.index = void 0;
   }
   componentDidLoad() {
-    const e = a(this.el, "swirl-table");
-    e == null || e.rerender();
+    const t = a(this.el, "swirl-table");
+    t == null || t.rerender();
   }
   render() {
-    const e = l("table-row", {
+    const t = l("table-row", {
       "table-row--highlighted": this.highlighted
     });
-    return t(o, { key: "ee24db5f4287600c4ea793feba384922eebda815", "aria-rowindex": this.index, class: e, role: "row" }, t("slot", { key: "e46df48d65e35240559a5cbc2afdfebad45dff19" }));
+    return e(o, { key: "6ff071367a0611d11cd4dcc243c4757e008b64bd", "aria-rowindex": this.index, class: t, role: "row" }, e("slot", { key: "00b009ac82b86faaef29647e029981a9d9249c13" }));
   }
   get el() {
     return r(this);

package/dist/{swirl-table.entry.071bb1a7.js → swirl-table.entry.804fc415.js}

@@ -1,29 +1,29 @@
-import { r as g, h as r, H as _, g as v } from "./index.552aa8bc.js";
+import { r as g, h as r, H as _, g as v } from "./index.72c526c1.js";
 import { d as S, i as R } from "./utils-9b747dd7.4c4c7dc0.js";
 import "react";
 import "react-dom";
 var x = function(t) {
-  var l = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0, o = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, i = void 0, a = void 0, n = void 0, s = [];
+  var l = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0, a = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, i = void 0, o = void 0, n = void 0, s = [];
   return function() {
     var b = C(l), f = new Date().getTime(), p = !i || f - i > b;
     i = f;
     for (var y = arguments.length, c = Array(y), d = 0; d < y; d++)
       c[d] = arguments[d];
-    if (p && o.leading)
-      return o.accumulate ? Promise.resolve(t.call(this, [c])).then(function(u) {
+    if (p && a.leading)
+      return a.accumulate ? Promise.resolve(t.call(this, [c])).then(function(u) {
         return u[0];
       }) : Promise.resolve(t.call.apply(t, [this].concat(c)));
-    if (a ? clearTimeout(n) : a = E(), s.push(c), n = setTimeout(m.bind(this), b), o.accumulate) {
+    if (o ? clearTimeout(n) : o = E(), s.push(c), n = setTimeout(m.bind(this), b), a.accumulate) {
       var w = s.length - 1;
-      return a.promise.then(function(u) {
+      return o.promise.then(function(u) {
         return u[w];
       });
     }
-    return a.promise;
+    return o.promise;
   };
   function m() {
-    var h = a;
-    clearTimeout(n), Promise.resolve(o.accumulate ? t.call(this, s) : t.apply(this, s[s.length - 1])).then(h.resolve, h.reject), s = [], a = null;
+    var h = o;
+    clearTimeout(n), Promise.resolve(a.accumulate ? t.call(this, s) : t.apply(this, s[s.length - 1])).then(h.resolve, h.reject), s = [], o = null;
   }
 };
 function C(e) {
@@ -83,8 +83,8 @@ const k = `:host{position:relative;display:block}:host *{box-sizing:border-box}.
     });
   }
   updateScrolledState() {
-    const e = R(), t = this.container.scrollWidth > this.container.clientWidth, l = this.container.scrollLeft > 0, o = Math.ceil(this.container.clientWidth + this.container.scrollLeft) >= Math.floor(this.container.scrollWidth);
-    t !== this.scrollable && (t && !e ? this.container.classList.add("table__container--scrollable") : this.container.classList.remove("table__container--scrollable")), l !== this.scrolled && (l && !e ? this.container.classList.add("table__container--scrolled") : this.container.classList.remove("table__container--scrolled")), o !== this.scrolledToEnd && (o && !e ? this.container.classList.add("table__container--scrolled-to-end") : this.container.classList.remove("table__container--scrolled-to-end"));
+    const e = R(), t = this.container.scrollWidth > this.container.clientWidth, l = this.container.scrollLeft > 0, a = Math.ceil(this.container.clientWidth + this.container.scrollLeft) >= Math.floor(this.container.scrollWidth);
+    t !== this.scrollable && (t && !e ? this.container.classList.add("table__container--scrollable") : this.container.classList.remove("table__container--scrollable")), l !== this.scrolled && (l && !e ? this.container.classList.add("table__container--scrolled") : this.container.classList.remove("table__container--scrolled")), a !== this.scrolledToEnd && (a && !e ? this.container.classList.add("table__container--scrolled-to-end") : this.container.classList.remove("table__container--scrolled-to-end"));
   }
   getColumns() {
     return Array.from(this.el.querySelectorAll("swirl-table-column"));
@@ -102,17 +102,17 @@ const k = `:host{position:relative;display:block}:host *{box-sizing:border-box}.
   layoutRowGroups() {
     var l;
     const e = Array.from(this.el.querySelectorAll("swirl-table-row-group")), t = `${(l = this.el.shadowRoot.querySelector(".table__container")) == null ? void 0 : l.scrollWidth}px`;
-    e.forEach((o) => {
-      const i = o.shadowRoot.querySelector(".table-row-group__header-row");
-      !Boolean(i) || (o.shadowRoot.querySelector(".table-row-group__header-row").style.width = t);
+    e.forEach((a) => {
+      const i = a.shadowRoot.querySelector(".table-row-group__header-row");
+      !Boolean(i) || (a.shadowRoot.querySelector(".table-row-group__header-row").style.width = t);
     });
   }
   layOutCells() {
     const e = this.getColumns(), t = this.getCells();
-    e.forEach((l, o) => {
-      const i = t.filter((n, s) => (o - s) % e.length === 0), a = l.width || `${l.getBoundingClientRect().width}px`;
+    e.forEach((l, a) => {
+      const i = t.filter((n, s) => (a - s) % e.length === 0), o = l.width || `${l.getBoundingClientRect().width}px`;
       i.forEach((n) => {
-        n.style.flex = Boolean(a) ? `0 0 ${a}` : "";
+        n.style.flex = Boolean(o) ? `0 0 ${o}` : "";
       });
     });
   }
@@ -121,7 +121,7 @@ const k = `:host{position:relative;display:block}:host *{box-sizing:border-box}.
     this.empty = !Boolean(e) || e.children.length === 0;
   }
   render() {
-    return r(_, { key: "f825fc823fc51ed7a8eba7810b1ab59e689e8a41" }, r("div", { key: "8df6c35df495dca1c04891ce76e59b2e7da3f605", class: "table" }, r("div", { key: "46e2b44fad899173173f820b54da7262ada1a29b", class: "table__container", onScroll: this.onScroll, ref: (e) => this.container = e }, r("div", { key: "1a908da784452361ed825c7ad5a9f9da31224b34", "aria-describedby": Boolean(this.caption) ? "caption" : void 0, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && r("swirl-visually-hidden", { key: "b95ee5d18d4f6b73f8f001e9f019589affc3eb77" }, r("div", { key: "37b716de43c55ec3aa04af2b0ca75d349945e4bc", id: "caption" }, this.caption)), r("div", { key: "2a23da80be7745c426bf9a26b11564d07740015b", role: "rowgroup" }, r("div", { key: "7d3705a77c0ab029dedeb075ada0b63b9b4d8aef", class: "table__header", role: "row" }, r("slot", { key: "901a787de98344728dd3bf786672c681fa2ba8ca", name: "columns", onSlotchange: this.onSlotChange }))), r("div", { key: "3b0c5819ac28f42168197b8992474faf93400c3b", class: "table__body" }, r("slot", { key: "dbd2bf589e0c3fbe2e065ff8a0610ab364d878fe", name: "rows", onSlotchange: this.onSlotChange }), this.empty && r("div", { key: "1ec21fdc186874d5e8891554dcfc4acdad0d87c5", class: "table__empty-row", role: "row" }, r("div", { key: "5abaddf4dbdca60521d7e8d63681d26090722bcd", "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, r("swirl-text", { key: "b9d851b5274b3b7b07aeb8618243b0097112307e", align: "center", size: "sm" }, this.emptyStateLabel))))))));
+    return r(_, { key: "aca08da2ef3b787da4623ad26831a264f167d81e" }, r("div", { key: "4b42bb1a0bf74ef07b4ede39e422a7df9a705ed7", class: "table" }, r("div", { key: "e975025889e809d3cca2476cfa68102b2becd913", class: "table__container", onScroll: this.onScroll, ref: (e) => this.container = e }, r("div", { key: "88937309a0dd89e470b4283d9108e498fe77eba8", "aria-describedby": Boolean(this.caption) ? "caption" : void 0, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && r("swirl-visually-hidden", { key: "f9785cedbfee3d58fc8328b31c06d54693f1be4a" }, r("div", { key: "da48b2b09a18befb8afd5b17427ed021dc185aca", id: "caption" }, this.caption)), r("div", { key: "275799818ab53699a87a14c8cd6054a933f68a4c", role: "rowgroup" }, r("div", { key: "b07992dae7a985b9e082cf77f70f6868ceb35f2e", class: "table__header", role: "row" }, r("slot", { key: "f35b9994d37f4b4aef9690020dbaef16d1235ea9", name: "columns", onSlotchange: this.onSlotChange }))), r("div", { key: "cdaff5ee48469e25c03c67d39610867c689ecf14", class: "table__body" }, r("slot", { key: "808a21a349c24037a4b46a9d21a9e66385e99313", name: "rows", onSlotchange: this.onSlotChange }), this.empty && r("div", { key: "daefc3f10ae1ff90896a4d1c83f12400ca47cec3", class: "table__empty-row", role: "row" }, r("div", { key: "9e207aab3edf95c80f33cf9245489ca0f70c55a6", "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, r("swirl-text", { key: "9a466b63b0922ad320e998b3546c49214bb2c635", align: "center", size: "sm" }, this.emptyStateLabel))))))));
   }
   get el() {
     return v(this);

package/dist/{swirl-tabs.entry.0f6fce95.js → swirl-tabs.entry.bb89b1e5.js}

@@ -1,4 +1,4 @@
-import { r as s, c as b, h as e, H as n, g as c } from "./index.552aa8bc.js";
+import { r as s, c as b, h as e, H as n, g as c } from "./index.72c526c1.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 {
@@ -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 e(n, { key: "b399ed4e94ef03186954c9d8c12f6c665006bc14" }, e("div", { key: "830a365cc021eafcc44cc9b1ab3024e0700e03ae", class: "tabs" }, e("swirl-tab-bar", { key: "a1581498a15c4f8110d563924b50a4b980ad3416", 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: "60e4b1837b70938235bf0f9d02940e01ee37cf8f" }));
   }
   get el() {
     return c(this);

package/dist/{swirl-text-input.entry.fe34c68a.js → swirl-text-input.entry.497189c3.js}

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

package/dist/{swirl-text.entry.fc14a17f.js → swirl-text.entry.abc3f21c.js}

@@ -1,4 +1,4 @@
-import { r as at, h as Y, H as lt, g as ct } from "./index.552aa8bc.js";
+import { r as at, h as Y, H as lt, g as ct } from "./index.72c526c1.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.33627312.js → swirl-theme-provider.entry.079f3c49.js}

@@ -1,4 +1,4 @@
-import { r as m, c as a, h as o, H as d } from "./index.552aa8bc.js";
+import { r as m, c as a, h as o, H as d } from "./index.72c526c1.js";
 import "react";
 import "react-dom";
 const l = ".sc-swirl-theme-provider-h{display:block}", c = l, i = "swirl-preferred-theme", g = class {
@@ -80,7 +80,7 @@ const l = ".sc-swirl-theme-provider-h{display:block}", c = l, i = "swirl-preferr
     }), this.setDesignTokens = [];
   }
   render() {
-    return o(d, { key: "780652abefa22978dc091f053cbcf5de4f5f1865" }, o("slot", { key: "bee64d3cf6954134ba33d1336592082be8953b21" }));
+    return o(d, { key: "05d8d16957b0fff421319c777dc501a8e980de8c" }, o("slot", { key: "28aa513ea3030065a752e2232d0febf7614f46a8" }));
   }
   static get watchers() {
     return {

package/dist/{swirl-time-input.entry.c5b40988.js → swirl-time-input.entry.e57226d2.js}

@@ -1,4 +1,4 @@
-import { r as c, c as d, h as a, H as p, g as m } from "./index.552aa8bc.js";
+import { r as c, c as d, h as a, H as p, g as m } from "./index.72c526c1.js";
 import { c as f } from "./index-267776a4.6beb4f4b.js";
 import { p as r, i as o, f as l, m as v } from "./maska-c5119b9a.aa658697.js";
 import { g as w } from "./utils-9b747dd7.4c4c7dc0.js";
@@ -62,7 +62,7 @@ const g = ".sc-swirl-time-input-h{display:flex;width:100%}.sc-swirl-time-input-h
     const e = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, i = Boolean(this.value) ? r(this.value, u, new Date()) : void 0, t = o(i) ? l(i, this.format) : void 0, s = f("time-input", {
       "time-input--inline": this.inline
     });
-    return a(p, { key: "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: "9ac0566f2264088f1efd9e28202a9ccda5902dc2" }, a("div", { key: "d133720e068eb8266757f882d33919f118c90cd7", class: s }, a("input", { key: "afb94582ccb87a811c932d2c2a38cd88a105f3e8", "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: "dbc0e51b5363c71f2aed47e6428060677715e466", class: "time-input__icon" }, a("swirl-icon-time-outlined", { key: "026fe6975f97480cd743269343d8114626f426c5", size: this.iconSize }))));
   }
   get el() {
     return m(this);

package/dist/{swirl-toast-provider.entry.9f9faeb5.js → swirl-toast-provider.entry.0648a64a.js}

@@ -1,7 +1,7 @@
-import { r, h as a, H as e } from "./index.552aa8bc.js";
+import { r, h as a, H as e } from "./index.72c526c1.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.075ab1ec.js → swirl-toast.entry.749d79b7.js}

@@ -1,4 +1,4 @@
-import { r as o, c as n, h as i, H as r } from "./index.552aa8bc.js";
+import { r as o, c as n, h as e, H as r } from "./index.72c526c1.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.f39f4b79.js → swirl-toolbar.entry.2a8277cc.js}

@@ -1,8 +1,8 @@
-import { r as n, h as s, H as i, g as r } from "./index.552aa8bc.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.72c526c1.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.288b2bc7.js → swirl-tooltip.entry.e8d6e37c.js}

@@ -1,5 +1,5 @@
-import { r as p, h as o, H as d, g as h } from "./index.552aa8bc.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.72c526c1.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.78f7db20.js → swirl-tree-navigation-item.entry.3d8adf67.js}

@@ -1,4 +1,4 @@
-import { r, h as i, H as n, g as s } from "./index.552aa8bc.js";
+import { r, h as i, H as n, g as s } from "./index.72c526c1.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -7,11 +7,11 @@ const c = ":host{display:inline-flex;width:100%}:host *{box-sizing:border-box}.t
     r(this, e), this.active = void 0, this.href = void 0, this.icon = void 0, this.label = void 0, this.target = void 0;
   }
   render() {
-    const e = Boolean(this.href), t = e ? "a" : "button", a = o("tree-navigation-item", {
+    const e = Boolean(this.href), a = e ? "a" : "button", t = o("tree-navigation-item", {
       "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: "f3bdebf927ba61a374e78d95c73b68a025d4bfaf" }, i(a, { key: "196ecfbee1167a0cbd34acb56275afca1161c485", class: t, href: this.href, target: this.target, type: e ? void 0 : "button" }, this.icon && i("span", { key: "d2fb022ad18b6bc2b52d0ea1b5172023715fb1f4", class: "tree-navigation-item__icon", innerHTML: this.icon }), i("span", { key: "c9abe8af9b2b8bad28819905cd770e9fa3986499", class: "tree-navigation-item__label" }, this.label)));
   }
   get el() {
     return s(this);

package/dist/{swirl-video-thumbnail.entry.88f5eaa9.js → swirl-video-thumbnail.entry.cee790aa.js}

@@ -1,4 +1,4 @@
-import { r as e, h as n, H as a } from "./index.552aa8bc.js";
+import { r as e, h as n, H as a } from "./index.72c526c1.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: "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(a, { key: "876b2eed3e3fb9be20df91d3d1577b084fee4bb2" }, n("button", { key: "86ce4cdb06bcfc9c017796d8be999b395d71e2d3", "aria-describedby": this.duration !== void 0 ? "duration" : void 0, "aria-label": this.label, class: "video-thumbnail", type: "button" }, n("img", { key: "55058e5f65bbdafbeb69b329a382aaed93221bf7", alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && n("span", { key: "bdb289b9d7ed0baae83df152ccea325cd057d520", class: "video-thumbnail__duration", id: "duration" }, n("swirl-visually-hidden", { key: "d4c91f820318d0f8960a9029ade71af7cfb8a2d5" }, this.durationLabel), this.duration), n("svg", { key: "5b8420374088cdf44160d900e8c3c2ab01bce834", class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, n("path", { key: "3817a3a98d6ea177af419b9ce72ea99f5c936b28", 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.755fe9b2.js

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

package/dist/{wc-datepicker.entry.e91a92ad.js → wc-datepicker.entry.047fb606.js}

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

package/package.json

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