@getflip/swirl-components-react 0.223.0 → 0.225.0

package/dist/{swirl-symbol.entry.c1e9f781.js → swirl-symbol.entry.bfab02e0.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, H as t } from "./index.689bafdc.js";
+import { r as i, h as e, H as t } from "./index.5774c001.js";
 import "react";
 import "react-dom";
 const r = ":host{display:inline-flex}", l = r, o = class {
@@ -7,7 +7,7 @@ const r = ":host{display:inline-flex}", l = r, o = class {
   }
   render() {
     const s = `swirl-symbol-${this.glyph}`;
-    return e(t, { key: "d0f16fb8d676540984c173b00abf28023468c238" }, e(s, { key: "729a7b7db80507bd24d4bda4b1e5e579975ca5e1", size: this.size }));
+    return e(t, { key: "b39c9e3fa27ecb9c19a279c38b3c9222be4dde5c" }, e(s, { key: "78b5715d7f4462fecd048c77adeadeaedfe225f3", size: this.size }));
   }
 };
 o.style = l;

package/dist/{swirl-tab-bar.entry.c31d0a70.js → swirl-tab-bar.entry.fcbf7c92.js}

@@ -1,4 +1,4 @@
-import { r as b, c as s, h as e, H as l } from "./index.689bafdc.js";
+import { r as b, c as s, h as e, H as l } from "./index.5774c001.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-tab.entry.581d18a2.js → swirl-tab.entry.cb3cee6e.js}

@@ -1,4 +1,4 @@
-import { r as a, h as s, H as e } from "./index.689bafdc.js";
+import { r as a, h as s, H as e } from "./index.5774c001.js";
 import { c as i } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-table-cell.entry.8842638a.js → swirl-table-cell.entry.acf02474.js}

@@ -1,12 +1,12 @@
-import { r as t, h as s, H as a } from "./index.689bafdc.js";
+import { r as t, h as s, H as l } from "./index.5774c001.js";
 import "react";
 import "react-dom";
-const l = ":host{display:flex;overflow:auto;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);flex-basis:0;flex-grow:1;flex-shrink:1;align-items:center;background-color:var(--s-surface-default);word-break:break-word;-webkit-hyphens:auto;hyphens:auto;transition:box-shadow 0.15s}:host(.table-cell--is-sticky){position:sticky}:host(.table-cell--is-sticky-right){position:sticky;right:0;overflow:hidden}:host(.table-cell--has-shadow-right){box-shadow:var(--swirl-table-sticky-right-shadow)}:host(.table-cell--has-shadow-left){box-shadow:var(--swirl-table-sticky-left-shadow)}:host *{box-sizing:border-box}", o = l, r = class {
+const a = ":host{display:flex;overflow:auto;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);flex-basis:0;flex-grow:1;flex-shrink:1;align-items:center;background-color:var(--s-surface-default);word-break:break-word;-webkit-hyphens:auto;hyphens:auto;transition:box-shadow 0.15s}:host(.table-cell--is-sticky){position:sticky}:host(.table-cell--is-sticky-right){position:sticky;right:0;overflow:hidden}:host(.table-cell--has-shadow-right){box-shadow:var(--swirl-table-sticky-right-shadow)}:host(.table-cell--has-shadow-left){box-shadow:var(--swirl-table-sticky-left-shadow)}:host *{box-sizing:border-box}", o = a, r = class {
   constructor(e) {
     t(this, e);
   }
   render() {
-    return s(a, { key: "d04c9413146c996aba8552aad8eb3384de8779dd", class: "table-cell", role: "cell" }, s("slot", { key: "9b402e8cb48c170d008e0415a7c289484c03d9d1" }));
+    return s(l, { key: "07825d2ec262df39f87306d1d40909d43d3189dd", class: "table-cell", role: "cell" }, s("slot", { key: "324f091cb9bf16c959dc91b77625e27750427003" }));
   }
 };
 r.style = o;

package/dist/{swirl-table-column.entry.70228c5a.js → swirl-table-column.entry.1e42b6e6.js}

@@ -1,4 +1,4 @@
-import { r as t, h as s, H as i, g as a } from "./index.689bafdc.js";
+import { r as t, h as s, H as i, g as a } from "./index.5774c001.js";
 import { c as o } from "./utils-9b747dd7.4c4c7dc0.js";
 import "react";
 import "react-dom";

package/dist/{swirl-table-row-group.entry.8174dad1.js → swirl-table-row-group.entry.ce1f2367.js}

@@ -1,7 +1,7 @@
-import { r as o, h as e, H as l, g as r } from "./index.689bafdc.js";
+import { r as o, h as e, H as l, g as a } from "./index.5774c001.js";
 import "react";
 import "react-dom";
-const a = ":host{position:relative;z-index:1;display:block}:host *{box-sizing:border-box}:host(:hover),:host(:focus-within){z-index:2}.table-row-group__header-row{position:relative;z-index:var(--s-z-10);padding:var(--s-space-12) var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-surface-raised-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);display:flex;align-items:center}.table-row-group__label{position:sticky;left:var(--s-space-16)}.table-row-group__tooltip{display:inline-flex;margin-left:var(--s-space-4);vertical-align:middle}.table-row-group__tooltip-icon{color:var(--s-icon-default)}.table-row-group__collapse-icon{color:var(--s-icon-default);padding-right:var(--s-space-20)}.table-row-group__rows-container{display:contents;transition:height 0.3s ease-out}.table-row-group__rows-container.is-hidden{height:0}.sc-swirl-button-h{display:flex}", n = a, d = class {
+const r = ":host{position:relative;z-index:1;display:block}:host *{box-sizing:border-box}:host(:hover),:host(:focus-within){z-index:2}.table-row-group__header-row{position:relative;z-index:var(--s-z-10);padding:var(--s-space-12) var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-surface-raised-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);display:flex;align-items:center}.table-row-group__label{position:sticky;left:var(--s-space-16)}.table-row-group__tooltip{display:inline-flex;margin-left:var(--s-space-4);vertical-align:middle}.table-row-group__tooltip-icon{color:var(--s-icon-default)}.table-row-group__collapse-icon{color:var(--s-icon-default);padding-right:var(--s-space-20)}.table-row-group__rows-container{display:contents;transition:height 0.3s ease-out}.table-row-group__rows-container.is-hidden{height:0}.sc-swirl-button-h{display:flex}", n = r, c = class {
   constructor(i) {
     o(this, i), this.toggleShowItems = () => {
       if (this.headerRowElement.focus(), !this.tableRowElements)
@@ -20,16 +20,16 @@ const a = ":host{position:relative;z-index:1;display:block}:host *{box-sizing:bo
   }
   render() {
     const i = this.el.querySelectorAll("swirl-table-row").length, t = this.isVisible ? "<swirl-icon-expand-less></swirl-icon-expand-less" : "<swirl-icon-expand-more></swirl-icon-expand-more";
-    return e(l, { key: "c9c76317168135bc2e0fa0dc305a601bf9e7cbd5", class: "table-row-group", role: "rowgroup" }, e("div", { key: "c78346a6f1dbcd31f9cf8a3558a357db25f233dd", class: "table-row-group__header-row", role: "row", ref: (s) => this.headerRowElement = s }, this.collapsible && e("swirl-button", { key: "88ad151804f1692d6a6eb331e7f742bb8dc63969", class: "table-row-group__collapse-icon", icon: t, label: this.collapseButtonLabel, onClick: this.toggleShowItems, swirlAriaExpanded: String(this.isVisible), variant: "plain", hideLabel: !0 }), e("span", { key: "95a8edc40feaef6e8977076bbdfd091a1c1272d5", "aria-rowspan": i, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && e("span", { key: "d154150265619bbe4c437895bfb934d30dc46f81", class: "table-row-group__tooltip" }, e("swirl-tooltip", { key: "375f0db58378835d52b8a24e1ddb3aa9df17c0b5", content: this.tooltip, position: "top", positioning: "fixed" }, e("swirl-icon-info", { key: "9ecbb6180099158162f2690c5b306154881b8a26", size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" }))))), e("div", { key: "d17ca86340d930d77534c70806639253ebc67fd9", class: {
+    return e(l, { key: "1c25fad849025367cf892349a315c57f06469951", class: "table-row-group", role: "rowgroup" }, e("div", { key: "48bbc6edf7ee5096da3e80cf1da0c938352aa854", class: "table-row-group__header-row", role: "row", ref: (s) => this.headerRowElement = s }, this.collapsible && e("swirl-button", { key: "ed7e27f40523976721aa2c0e3834325927479572", class: "table-row-group__collapse-icon", icon: t, label: this.collapseButtonLabel, onClick: this.toggleShowItems, swirlAriaExpanded: String(this.isVisible), variant: "plain", hideLabel: !0 }), e("span", { key: "fc0231001516dc7c680281d45367a69e4fe5d568", "aria-rowspan": i, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && e("span", { key: "4f8039689d4464776a96d9edac233b15a0930402", class: "table-row-group__tooltip" }, e("swirl-tooltip", { key: "175b7084480406fee951c1fdfdcd5b5c694a2d3c", content: this.tooltip, position: "top", positioning: "fixed" }, e("swirl-icon-info", { key: "c25b022e485275a328ac8f76247d1761b5791138", size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" }))))), e("div", { key: "7454e8bd810b7b618456afc23bdd3e3e94f7ee9b", class: {
       "table-row-group__rows-container": !0,
       "table-row-group__rows-container--is-hidden": this.isVisible
-    }, "aria-hidden": !this.isVisible, ref: (s) => this.tableRowElements = s }, e("slot", { key: "1e0fdb181cfc7944b2e83edfb61816c467092827" })));
+    }, "aria-hidden": !this.isVisible, ref: (s) => this.tableRowElements = s }, e("slot", { key: "18598b9fe9fab1fcb8f272f802689b813631dac4" })));
   }
   get el() {
-    return r(this);
+    return a(this);
   }
 };
-d.style = n;
+c.style = n;
 export {
-  d as swirl_table_row_group
+  c as swirl_table_row_group
 };

package/dist/{swirl-table-row.entry.feed77f8.js → swirl-table-row.entry.cdf81bed.js}

@@ -1,4 +1,4 @@
-import { r as s, h as t, H as o, g as r } from "./index.689bafdc.js";
+import { r as s, h as t, H as o, g as r } from "./index.5774c001.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import { c as a } from "./utils-9b747dd7.4c4c7dc0.js";
 import "react";
@@ -15,7 +15,7 @@ const i = ":host{display:flex}:host(.table-row--highlighted){--swirl-ghost-butto
     const e = l("table-row", {
       "table-row--highlighted": this.highlighted
     });
-    return t(o, { key: "e5c6e39eb13c7a2e509796bb1f302dedced2ce67", "aria-rowindex": this.index, class: e, role: "row" }, t("slot", { key: "7fa31604a72246bacb95695e3eceddf4454c0b97" }));
+    return t(o, { key: "d4586f9e0a79fb38ddcc8664337258f7bb2d8a65", "aria-rowindex": this.index, class: e, role: "row" }, t("slot", { key: "01202d9e2e5e5bb02d5db35f171e79eca859b8a8" }));
   }
   get el() {
     return r(this);

package/dist/{swirl-table.entry.b38d5e3b.js → swirl-table.entry.5426db9a.js}

@@ -1,19 +1,19 @@
-import { r as S, h as r, H as _, g as v } from "./index.689bafdc.js";
-import { d as C, i as y } from "./utils-9b747dd7.4c4c7dc0.js";
+import { r as S, h as r, H as _, g as v } from "./index.5774c001.js";
+import { d as C, i as f } from "./utils-9b747dd7.4c4c7dc0.js";
 import "react";
 import "react-dom";
 var k = function(t) {
   var s = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0, l = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, o = void 0, a = void 0, i = void 0, n = [];
   return function() {
-    var b = x(s), f = new Date().getTime(), w = !o || f - o > b;
-    o = f;
+    var y = x(s), b = new Date().getTime(), w = !o || b - o > y;
+    o = b;
     for (var p = arguments.length, c = Array(p), d = 0; d < p; d++)
       c[d] = arguments[d];
     if (w && l.leading)
       return l.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(i) : a = R(), n.push(c), i = setTimeout(m.bind(this), b), l.accumulate) {
+    if (a ? clearTimeout(i) : a = R(), n.push(c), i = setTimeout(m.bind(this), y), l.accumulate) {
       var g = n.length - 1;
       return a.promise.then(function(u) {
         return u[g];
@@ -79,7 +79,7 @@ const L = `:host{position:relative;display:block}:host *{box-sizing:border-box}.
     });
   }
   updateScrolledState() {
-    const e = y(), t = this.container.scrollWidth > this.container.clientWidth, s = this.container.scrollLeft > 0, l = Math.ceil(this.container.clientWidth + this.container.scrollLeft) >= Math.floor(this.container.scrollWidth);
+    const e = f(), t = this.container.scrollWidth > this.container.clientWidth, s = this.container.scrollLeft > 0, l = 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")), s !== this.scrolled && (s && !e ? this.container.classList.add("table__container--scrolled") : this.container.classList.remove("table__container--scrolled")), l !== this.scrolledToEnd && (l && !e ? this.container.classList.add("table__container--scrolled-to-end") : this.container.classList.remove("table__container--scrolled-to-end"));
   }
   getColumns() {
@@ -124,10 +124,10 @@ const L = `:host{position:relative;display:block}:host *{box-sizing:border-box}.
   }
   applyCellStyles(e, t, s) {
     const { leftOffsetForStickyColumn: l, columnWidth: o, isLastColumnSticky: a, hasShadowRight: i } = s;
-    e.style.flex = Boolean(o) ? `0 0 ${o}` : "", !y() && (t.sticky && !a && (e.classList.add("table-cell--is-sticky"), e.style.left = l + "px", i && e.classList.add("table-cell--has-shadow-right")), a && e.classList.add("table-cell--is-sticky-right", "table-cell--has-shadow-left"));
+    e.style.flex = Boolean(o) ? `0 0 ${o}` : "", !f() && (t.sticky && !a && (e.classList.add("table-cell--is-sticky"), e.style.left = l + "px", i && e.classList.add("table-cell--has-shadow-right")), a && e.classList.add("table-cell--is-sticky-right", "table-cell--has-shadow-left"));
   }
   applyColumnStyles(e, t) {
-    if (y())
+    if (f())
       return;
     const { leftOffsetForStickyColumn: s, isLastColumnSticky: l, hasShadowRight: o } = t;
     e.sticky && !l && (e.classList.add("table-column--is-sticky"), e.style.left = s + "px", o && e.classList.add("table-column--has-shadow-right")), l && e.classList.add("table-column--is-sticky-right", "table-column--has-shadow-left");
@@ -146,7 +146,7 @@ const L = `:host{position:relative;display:block}:host *{box-sizing:border-box}.
     this.empty = !Boolean(e) || e.children.length === 0;
   }
   render() {
-    return r(_, { key: "59389d06eecc1d62c7cd2931a8f0946491b44565" }, r("div", { key: "18365ebb43523b9e3277a01f9e48f48f78aa946c", class: "table" }, r("div", { key: "ccb893bd05311639eb5c4bf4b86cb3a27b1dc9c4", class: "table__container", onScroll: this.onScroll, ref: (e) => this.container = e }, r("div", { key: "07bc0ce02a7cc585cdb23e4983afa857b0616982", "aria-describedby": Boolean(this.caption) ? "caption" : void 0, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && r("swirl-visually-hidden", { key: "bb9ccf052db48f193d401b8e0734010469cd5e63" }, r("div", { key: "3d72d8b1a93cdadf6e93f5fc7882d2dd1a23e9cd", id: "caption" }, this.caption)), r("div", { key: "90f80820ced1232bf9cce6c61bbb44bf2fe0fa91", role: "rowgroup" }, r("div", { key: "88499b5c66ec529d554e1141b19c38ddde849922", class: "table__header", role: "row" }, r("slot", { key: "e9a1e16c209711c6fd8f7a389842eb29b80e04ea", name: "columns", onSlotchange: this.onSlotChange }))), r("div", { key: "015224e31715570a33746b4032c5d08de2f31316", class: "table__body" }, r("slot", { key: "22ff1f82d5ecb3550a926cbbe853e118155d46b7", name: "rows", onSlotchange: this.onSlotChange }), this.empty && r("div", { key: "4b85e6ee790e3e31a19f5fbe199b22d30d4e9145", class: "table__empty-row", role: "row" }, r("div", { key: "2a7c656b198016815b960708d7527135523472fa", "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, r("swirl-text", { key: "234015c2f5e389270184716949fbccb63acd4853", align: "center", size: "sm" }, this.emptyStateLabel))))))));
+    return r(_, { key: "37ef1e64f3c6cbdfed004ad7915e704f87b554b9" }, r("div", { key: "28cb57486ff34527137f3e8e0a1b99ea6689c028", class: "table" }, r("div", { key: "8638339ad10b0717838db8d2d7da46362f27b765", class: "table__container", onScroll: this.onScroll, ref: (e) => this.container = e }, r("div", { key: "e188997398d9e92398d57ddf5bf86ef4302e926f", "aria-describedby": Boolean(this.caption) ? "caption" : void 0, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && r("swirl-visually-hidden", { key: "43a14efa932530a84cd92b0542d0aaf369beeb21" }, r("div", { key: "76c0682264341a0dad2fb106bec8a9b6a21c9d9f", id: "caption" }, this.caption)), r("div", { key: "54f869db5cb16e867ccee307b1f44e1015488b3f", role: "rowgroup" }, r("div", { key: "e0824b2e573cf5e28723997eda31cf2a9a4c1a7f", class: "table__header", role: "row" }, r("slot", { key: "356e94e43d75002cc4f1b3cb3be3f1f89085a3eb", name: "columns", onSlotchange: this.onSlotChange }))), r("div", { key: "9a9928b1e0eaf80d26c5c6bb1da16b955d79db41", class: "table__body" }, r("slot", { key: "6042f722777c006ad9a384deaaef9f1046e8f4e4", name: "rows", onSlotchange: this.onSlotChange }), this.empty && r("div", { key: "0d7f5bc5da8a01ef0bb7f8bb639af8bb9acbca28", class: "table__empty-row", role: "row" }, r("div", { key: "55da68f08e43f6868bb0c96dd1b4c37f09f5db69", "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, r("swirl-text", { key: "f98990fb4ea4141c7ef300fe784fb15c6f6aa833", align: "center", size: "sm" }, this.emptyStateLabel))))))));
   }
   get el() {
     return v(this);

package/dist/{swirl-tabs.entry.543571c4.js → swirl-tabs.entry.15bd521e.js}

@@ -1,7 +1,7 @@
-import { r as s, c as b, h as e, H as n, g as d } from "./index.689bafdc.js";
+import { r as s, c as b, h as e, H as n, g as c } from "./index.5774c001.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%}", r = c, h = class {
+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 = () => {
       this.activateNextTab();
@@ -50,13 +50,13 @@ const c = ".sc-swirl-tabs-h{display:block;width:100%}.sc-swirl-tabs-h *.sc-swirl
     }));
   }
   render() {
-    return e(n, { key: "2c4dd2275d9d440b18066378d741f586dd79c4d8" }, e("div", { key: "0608cceb83b6bcfae209d7ff43acdda26f90ab9a", class: "tabs" }, e("swirl-tab-bar", { key: "93a7744ace0c0ba668b33f9ce783dd911db6ab00", 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: "ecf54ed3dfe0d4254137b7d4aa30d394edebee10" }));
+    return e(n, { key: "93008c12862ac8df43168f8a33526b6b268269a4" }, e("div", { key: "bc12ec1e4720a595e1e590bd69320b6b49a90186", class: "tabs" }, e("swirl-tab-bar", { key: "fbca22b858d035a4c802df5114424ee5b6e7b5f7", 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: "980ae61f280b0579ee23625d92416ce274e5d2e3" }));
   }
   get el() {
-    return d(this);
+    return c(this);
   }
 };
-h.style = r;
+h.style = d;
 export {
   h as swirl_tabs
 };

package/dist/{swirl-text-input.entry.694bbd0c.js → swirl-text-input.entry.5fbf3f31.js}

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

package/dist/{swirl-text.entry.2ca44b29.js → swirl-text.entry.92089e42.js}

@@ -1,4 +1,4 @@
-import { r as at, h as Y, H as lt, g as ct } from "./index.689bafdc.js";
+import { r as at, h as Y, H as lt, g as ct } from "./index.5774c001.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.24d09f5a.js → swirl-theme-provider.entry.7dfa4994.js}

@@ -1,4 +1,4 @@
-import { r as m, c as a, h as o, H as d } from "./index.689bafdc.js";
+import { r as m, c as a, h as o, H as d } from "./index.5774c001.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: "99539048460500a00938bb62b50e4f1b2af1012b" }, o("slot", { key: "21fff27b44f8a605a35f4bd8c041eb2e9cfa8915" }));
+    return o(d, { key: "53b000ee0b1502bd2eecd54304447b3057cccd5a" }, o("slot", { key: "6a7946586ad320d3287321004f14aa038535cb1a" }));
   }
   static get watchers() {
     return {

package/dist/{swirl-time-input.entry.bdaf0b76.js → swirl-time-input.entry.7ede0380.js}

@@ -1,11 +1,11 @@
-import { r as c, c as d, h as a, H as p, g as m } from "./index.689bafdc.js";
+import { r as c, c as d, h as a, H as p, g as m } from "./index.5774c001.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";
 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, u = "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, u = "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) => {
       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, 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: "2dd32785162c8ca3305e36f0343ef418b43eb0e0" }, a("div", { key: "27779840821f8c8d83df2cdb090ba8c0f1bb6aa3", class: s }, a("input", { key: "756b2f4de4c3c7c797d0bc273045797602483450", "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: "a302643673cd12503a7f0eb8222044bbc1e727e1", class: "time-input__icon" }, a("swirl-icon-time-outlined", { key: "25f458d861513fc34b51fef0bd8556853bb0b4a5", size: this.iconSize }))));
+    return a(p, { key: "2ae71fac7baa8c82e020bb2084224d3ffbe00fe3" }, a("div", { key: "cec950962c48f6c51c5a0ee51802a09857cc4e32", class: s }, a("input", { key: "6e68cfcdc736cd624799f53ea07b604d37f83e8c", "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: "95404ae643dc0027dc9fdc8c15a81540f8e045b5", class: "time-input__icon" }, a("swirl-icon-time-outlined", { key: "84c0b72b001708f268c59f5484c90dae2b59eeb9", 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.8bf0a687.js → swirl-toast-provider.entry.046f2537.js}

@@ -1,4 +1,4 @@
-import { r, h as i, H as e } from "./index.689bafdc.js";
+import { r, h as i, H as e } from "./index.5774c001.js";
 import "react";
 import "react-dom";
 const h = class {

package/dist/{swirl-toast.entry.a8aaaea0.js → swirl-toast.entry.e21ff1e2.js}

@@ -1,4 +1,4 @@
-import { r as o, c as n, h as e, H as r } from "./index.689bafdc.js";
+import { r as o, c as n, h as e, H as r } from "./index.5774c001.js";
 import { c as d } from "./index-267776a4.6beb4f4b.js";
 import { g as c } from "./utils-9b747dd7.4c4c7dc0.js";
 import "react";

package/dist/{swirl-toolbar.entry.0e2e4baf.js → swirl-toolbar.entry.9b94d916.js}

@@ -1,4 +1,4 @@
-import { r as n, h as s, H as i, g as r } from "./index.689bafdc.js";
+import { r as n, h as s, H as i, g as r } from "./index.5774c001.js";
 import { b as a } from "./utils-9b747dd7.4c4c7dc0.js";
 import "react";
 import "react-dom";

package/dist/{swirl-tooltip.entry.f961ef85.js → swirl-tooltip.entry.dceed9d2.js}

@@ -1,4 +1,4 @@
-import { r as p, h as o, H as c, g as d } from "./index.689bafdc.js";
+import { r as p, h as o, H as c, g as d } from "./index.5774c001.js";
 import { b as h, c as m, a as u, o as f, s as w, f as b } 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.504dd7d2.js → swirl-tree-navigation-item.entry.ba62979e.js}

@@ -1,4 +1,4 @@
-import { r, h as i, H as n, g as s } from "./index.689bafdc.js";
+import { r, h as i, H as n, g as s } from "./index.5774c001.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: "4e317fcc351a001f54a3dd5aa6e837d5cc0cc434" }, i(t, { key: "092460e31d1022a7fc9be8bd47b491d9bfe395d5", class: a, href: this.href, target: this.target, type: e ? void 0 : "button" }, this.icon && i("span", { key: "e20aa8b1c861f7d5240c70a8bd7ef50d60a805b4", class: "tree-navigation-item__icon", innerHTML: this.icon }), i("span", { key: "19809418e9914423f2c46474575c3c53789083af", class: "tree-navigation-item__label" }, this.label)));
+    return i(n, { key: "8a46a8870651a115c6126564f546313ffe7abe78" }, i(t, { key: "33487e05fccbcfd6dfb883f65b39c308911eec53", class: a, href: this.href, target: this.target, type: e ? void 0 : "button" }, this.icon && i("span", { key: "391db429519df34c5a019c86d3f56779f5832d99", class: "tree-navigation-item__icon", innerHTML: this.icon }), i("span", { key: "c2af2a89ab6f3804924f1fb0a7b70234e0085f41", class: "tree-navigation-item__label" }, this.label)));
   }
   get el() {
     return s(this);

package/dist/{swirl-video-thumbnail.entry.705b1c85.js → swirl-video-thumbnail.entry.aa0e4c0a.js}

@@ -1,4 +1,4 @@
-import { r as e, h as n, H as a } from "./index.689bafdc.js";
+import { r as e, h as n, H as a } from "./index.5774c001.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: "fe8d9a2eddd97446706f448bfb17c5470da12e2f" }, n("button", { key: "39284147198859363260fce3017f29151dc074ab", "aria-describedby": this.duration !== void 0 ? "duration" : void 0, "aria-label": this.label, class: "video-thumbnail", type: "button" }, n("img", { key: "3f30903daaf88760f632fea542c013c0feba3a37", alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && n("span", { key: "bf3a9b204b470f53e83c124c9a33024068fa0e89", class: "video-thumbnail__duration", id: "duration" }, n("swirl-visually-hidden", { key: "d17d5cf6b686c49c890a4a4ab20cefd48db2f9ef" }, this.durationLabel), this.duration), n("svg", { key: "fd4acf317e9f2a8e1a1bc4c3be7d502cb1f7f528", class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, n("path", { key: "a34fcef9bb9078d34473f6e5c574e76038bf64fd", 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: "af4a8e3bca58bb52ac43a5d68d73b8aa50814279" }, n("button", { key: "db5ff91ae8af1ce07de97262428f927c97be6b8f", "aria-describedby": this.duration !== void 0 ? "duration" : void 0, "aria-label": this.label, class: "video-thumbnail", type: "button" }, n("img", { key: "699d42f0e961dbca92daa83b4ff1b116036b2149", alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && n("span", { key: "7c6ae32786e51c7b463084fca23954bd1adf1513", class: "video-thumbnail__duration", id: "duration" }, n("swirl-visually-hidden", { key: "9a18ff61bd6813a963847f2104c531da7cbb8adc" }, this.durationLabel), this.duration), n("svg", { key: "8569ed8b16e03d64c339d28807d8d12f04938583", class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, n("path", { key: "f74aa01a451036b39392bc7e5e899e324fd34d94", 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.80f165cb.js

@@ -0,0 +1,15 @@
+import { r, h as i, H as e } from "./index.5774c001.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, t = class {
+  constructor(s) {
+    r(this, s);
+  }
+  render() {
+    return i(e, { key: "1ff74b2c599f8ecab5be52dc8485a5b31c73d57d" }, i("slot", { key: "180c3ff8c84dfad587928c8cb764fa94f9f8019d" }));
+  }
+};
+t.style = l;
+export {
+  t as swirl_visually_hidden
+};

package/dist/{wc-datepicker.entry.bbaf5312.js → wc-datepicker.entry.900868c4.js}

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

package/package.json

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