@getflip/swirl-components-react 0.227.0 → 0.229.0

package/dist/{swirl-table-cell.entry.7b00b297.js → swirl-table-cell.entry.4f219313.js}

@@ -1,12 +1,12 @@
-import { r as t, h as s, H as l } from "./index.5d5c9dc2.js";
+import { r as t, h as e, H as a } from "./index.0c1d1e6a.js";
 import "react";
 import "react-dom";
-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;z-index:1}:host(.table-cell--is-sticky-right){position:sticky;z-index:1;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);
+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;z-index:1}:host(.table-cell--is-sticky-right){position:sticky;z-index:1;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 {
+  constructor(s) {
+    t(this, s);
   }
   render() {
-    return s(l, { key: "07825d2ec262df39f87306d1d40909d43d3189dd", class: "table-cell", role: "cell" }, s("slot", { key: "324f091cb9bf16c959dc91b77625e27750427003" }));
+    return e(a, { key: "21bf8c0608c694d07969c8eca922b770ff97ba22", class: "table-cell", role: "cell" }, e("slot", { key: "172ee97a302ea2be2e39d28eb60bd439ebd0988f" }));
   }
 };
 r.style = o;

package/dist/{swirl-table-column.entry.4570d592.js → swirl-table-column.entry.af1ce498.js}

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

package/dist/{swirl-table-row-group.entry.d57f128c.js → swirl-table-row-group.entry.88b945ce.js}

@@ -1,4 +1,4 @@
-import { r as o, h as e, H as l, g as a } from "./index.5d5c9dc2.js";
+import { r as o, h as e, H as a, g as l } from "./index.0c1d1e6a.js";
 import "react";
 import "react-dom";
 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 {
@@ -20,13 +20,13 @@ const r = ":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: "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: {
+    return e(a, { key: "387a5335f53566443c2680e741a1eea857cf0c48", class: "table-row-group", role: "rowgroup" }, e("div", { key: "7944a4b38e8ceaf49ff8308a0de1e08380039d5c", class: "table-row-group__header-row", role: "row", ref: (s) => this.headerRowElement = s }, this.collapsible && e("swirl-button", { key: "0e4ca381074cfeb318ab2a9d2fcc6190412d121a", 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: "cca7f89ac2549f3fa1749da3fcb93523e3c5dbe7", "aria-rowspan": i, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && e("span", { key: "ade44e8e2529cbec6281fb7cbd39429444a1f34b", class: "table-row-group__tooltip" }, e("swirl-tooltip", { key: "b5af878af7570a3a26eea715e40136c8884a7108", content: this.tooltip, position: "top", positioning: "fixed" }, e("swirl-icon-info", { key: "17ce526fbde2e4ce3ba48588e87472e72f74987f", size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" }))))), e("div", { key: "5792f880cc17f217c9b59dc1f553bbc567aca871", 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: "18598b9fe9fab1fcb8f272f802689b813631dac4" })));
+    }, "aria-hidden": !this.isVisible, ref: (s) => this.tableRowElements = s }, e("slot", { key: "f8072c2f64005a64c5863ee195a35fd8c3ffda9b" })));
   }
   get el() {
-    return a(this);
+    return l(this);
   }
 };
 c.style = n;

package/dist/{swirl-table-row.entry.65367012.js → swirl-table-row.entry.dac217fd.js}

@@ -1,21 +1,21 @@
-import { r as s, h as t, H as o, g as r } from "./index.5d5c9dc2.js";
-import { c as l } from "./index-267776a4.6beb4f4b.js";
-import { c as a } from "./utils-9b747dd7.4c4c7dc0.js";
+import { r as s, h as e, H as o, g as r } from "./index.0c1d1e6a.js";
+import { c as a } from "./index-267776a4.6beb4f4b.js";
+import { c as l } 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 = l(this.el, "swirl-table");
+    t == null || t.rerender();
   }
   render() {
-    const e = l("table-row", {
+    const t = a("table-row", {
       "table-row--highlighted": this.highlighted
     });
-    return t(o, { key: "d4586f9e0a79fb38ddcc8664337258f7bb2d8a65", "aria-rowindex": this.index, class: e, role: "row" }, t("slot", { key: "01202d9e2e5e5bb02d5db35f171e79eca859b8a8" }));
+    return e(o, { key: "eab3dba0f484411c1fbac8b0ceffdc5c0993e9a8", "aria-rowindex": this.index, class: t, role: "row" }, e("slot", { key: "489d58d4a2133da383792c6fb1f0f50604f14ad3" }));
   }
   get el() {
     return r(this);

package/dist/{swirl-table.entry.9dbbd933.js → swirl-table.entry.a59d90e9.js}

@@ -1,19 +1,19 @@
-import { r as S, h as a, H as _, g as v } from "./index.5d5c9dc2.js";
+import { r as S, h as a, H as _, g as v } from "./index.0c1d1e6a.js";
 import { d as C, i as y } 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, i = void 0, r = void 0, n = [];
   return function() {
-    var f = x(s), b = new Date().getTime(), w = !o || b - o > f;
-    o = b;
+    var b = x(s), f = new Date().getTime(), w = !o || f - o > b;
+    o = f;
     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 (i ? clearTimeout(r) : i = R(), n.push(c), r = setTimeout(m.bind(this), f), l.accumulate) {
+    if (i ? clearTimeout(r) : i = R(), n.push(c), r = setTimeout(m.bind(this), b), l.accumulate) {
       var g = n.length - 1;
       return i.promise.then(function(u) {
         return u[g];
@@ -166,7 +166,7 @@ const L = `:host{position:relative;display:block}:host *{box-sizing:border-box}.
     this.empty = !Boolean(e) || e.children.length === 0;
   }
   render() {
-    return a(_, { key: "375c7b9ed74b08a4dd4f93a40390b36ef9ba7cf6" }, a("div", { key: "280f0d90c5899074c8ab783df64ee9a3c8fce7af", class: "table" }, a("div", { key: "ba9d29fb8b7743a1259dabe64535284cda3e3ac7", class: "table__container", onScroll: this.onScroll, ref: (e) => this.container = e }, a("div", { key: "e00b9870884c3585a45329c1f44a769a7f74bebd", "aria-describedby": Boolean(this.caption) ? "caption" : void 0, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && a("swirl-visually-hidden", { key: "d3c2ab9771d93e6f8a71724637b2e10e3a04044a" }, a("div", { key: "f658fd8feb639bd39d450085228344bc7b9fd043", id: "caption" }, this.caption)), a("div", { key: "f300cf2d69f449cdd87b1413e3295ea0f4d1ef11", role: "rowgroup" }, a("div", { key: "a21c8da3eb5482467e304609d95dbf7ae666d2d2", class: "table__header", role: "row" }, a("slot", { key: "8c510369deb673df8ec0ac591d5bc6b66d3fc2b2", name: "columns", onSlotchange: this.onSlotChange }))), a("div", { key: "1b50c67e78e176cb31f10c5469d0a1b07f60891d", class: "table__body" }, a("slot", { key: "ae50a28f390ff6a2d349bb685445f29245f29751", name: "rows", onSlotchange: this.onSlotChange }), this.empty && a("div", { key: "d2ff20c0f27d4e0743696cbbcb524b7ff573ceba", class: "table__empty-row", role: "row" }, a("div", { key: "aa51ecd760c1f7ef830be9ce2405119a1f870c89", "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, a("swirl-text", { key: "c6f7156718c95fce2b8e6d51b5ba9547c6404e47", align: "center", size: "sm" }, this.emptyStateLabel))))))));
+    return a(_, { key: "2e9285dba7ad360092eaac6a9ec1fdb59a6e2f11" }, a("div", { key: "237a93c3db7fb558de5e39aa4ed8de82159401cb", class: "table" }, a("div", { key: "d26aea8f0d3ae09f7e48afb4e7280068dab03339", class: "table__container", onScroll: this.onScroll, ref: (e) => this.container = e }, a("div", { key: "1e883b1bccc790cf478799c80b4ae37b75d6b691", "aria-describedby": Boolean(this.caption) ? "caption" : void 0, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && a("swirl-visually-hidden", { key: "b0161213ddf6bba79755f6a9a7756557d7fc49a6" }, a("div", { key: "40ec509075bb3b61360c7b8a5d37dbb961b2d207", id: "caption" }, this.caption)), a("div", { key: "c0ac0868f5bf6af5e43cfa71b05036c2d66b4944", role: "rowgroup" }, a("div", { key: "26ac47b32d26d10d26cd4d2ba7cf5b916ac5b71d", class: "table__header", role: "row" }, a("slot", { key: "6c623a222f09d567d3ea09d053c167134f1abc53", name: "columns", onSlotchange: this.onSlotChange }))), a("div", { key: "8822cc5e859a8f32f5372dd6e220684740737144", class: "table__body" }, a("slot", { key: "239da749010447f3cf0586e432e2418e1f3dbe30", name: "rows", onSlotchange: this.onSlotChange }), this.empty && a("div", { key: "38cfa25448bb27fa2506e719e7e9dfdea26b549a", class: "table__empty-row", role: "row" }, a("div", { key: "2d33de438c141769413349ab83f0266112d13521", "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, a("swirl-text", { key: "c37df686a72d9b32c8e3bc4d973fa6e95d34bfa5", align: "center", size: "sm" }, this.emptyStateLabel))))))));
   }
   get el() {
     return v(this);

package/dist/{swirl-tabs.entry.993fb315.js → swirl-tabs.entry.8bf84d54.js}

@@ -1,9 +1,9 @@
-import { r as s, c as b, h as e, H as n, g as c } from "./index.5d5c9dc2.js";
+import { r as e, c as b, h as s, H as n, g as c } from "./index.0c1d1e6a.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: "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" }));
+    return s(n, { key: "d9ca901c7d96a0bcfbe6887975ab7aa8124ea84b" }, s("div", { key: "c041ee7f431d3bc6a8b9b580a7d6f87f017209f6", class: "tabs" }, s("swirl-tab-bar", { key: "7adb944944b03b08b2b879323a1c702231816076", 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: "6ffee56b729aee67494bb456cb55c80cc7b3b8a7" }));
   }
   get el() {
     return c(this);

package/dist/{swirl-text-input.entry.b5d3b085.js → swirl-text-input.entry.3d305917.js}

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

package/dist/{swirl-text.entry.b6cf479c.js → swirl-text.entry.8542294e.js}

@@ -1,4 +1,4 @@
-import { r as at, h as Y, H as lt, g as ct } from "./index.5d5c9dc2.js";
+import { r as at, h as Y, H as lt, g as ct } from "./index.0c1d1e6a.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.d09bb0c2.js → swirl-theme-provider.entry.c1a84fb6.js}

@@ -1,4 +1,4 @@
-import { r as m, c as a, h as o, H as d } from "./index.5d5c9dc2.js";
+import { r as m, c as a, h as o, H as d } from "./index.0c1d1e6a.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: "53b000ee0b1502bd2eecd54304447b3057cccd5a" }, o("slot", { key: "6a7946586ad320d3287321004f14aa038535cb1a" }));
+    return o(d, { key: "228063c3ba56556c48594b0088f0366de7dc8271" }, o("slot", { key: "4dc0b33c51a8de511f55f6988f6acfac485c9536" }));
   }
   static get watchers() {
     return {

package/dist/{swirl-time-input.entry.1bddf378.js → swirl-time-input.entry.d95a94de.js}

@@ -1,4 +1,4 @@
-import { r as c, c as d, h as a, H as p, g as m } from "./index.5d5c9dc2.js";
+import { r as c, c as d, h as a, H as p, g as m } from "./index.0c1d1e6a.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: "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 }))));
+    return a(p, { key: "ba080ec4639e26113ee0ab94e3c960e4858f745a" }, a("div", { key: "a74f618b2e2039f236b6543d290800331fd03ef1", class: s }, a("input", { key: "6b51c781352a5107cd7f47f3ba95e94c17436262", "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: "58c3c9be512439ca5dcaea4556b3e6c09d242d1e", class: "time-input__icon" }, a("swirl-icon-time-outlined", { key: "2da43185e64e9cc34ee5c30bf4408510c23f8957", size: this.iconSize }))));
   }
   get el() {
     return m(this);

package/dist/{swirl-toast-provider.entry.9e617a09.js → swirl-toast-provider.entry.574550c2.js}

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

package/dist/{swirl-toast.entry.aa8ce45f.js → swirl-toast.entry.58275052.js}

@@ -1,4 +1,4 @@
-import { r as o, c as n, h as e, H as r } from "./index.5d5c9dc2.js";
+import { r as o, c as n, h as e, H as r } from "./index.0c1d1e6a.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.31d21c3e.js → swirl-toolbar.entry.1e62ee60.js}

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

package/dist/{swirl-tooltip.entry.16da7a59.js → swirl-tooltip.entry.b3017852.js}

@@ -1,4 +1,4 @@
-import { r as p, h as o, H as c, g as d } from "./index.5d5c9dc2.js";
+import { r as p, h as o, H as c, g as d } from "./index.0c1d1e6a.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.779031f3.js → swirl-tree-navigation-item.entry.0a4b6422.js}

@@ -1,4 +1,4 @@
-import { r, h as i, H as n, g as s } from "./index.5d5c9dc2.js";
+import { r, h as i, H as n, g as s } from "./index.0c1d1e6a.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: "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)));
+    return i(n, { key: "e676756e2203b762d34ca9d3836b8f51fbf92d58" }, i(t, { key: "3b85f1a383fa44af0efcda3cce3d3f8ce917fed9", class: a, href: this.href, target: this.target, type: e ? void 0 : "button" }, this.icon && i("span", { key: "0eb49cd88c5b181f9e52926d2efc1088e1dc2923", class: "tree-navigation-item__icon", innerHTML: this.icon }), i("span", { key: "f40227ca4fd0efe85520551ccb6fe33b85734132", class: "tree-navigation-item__label" }, this.label)));
   }
   get el() {
     return s(this);

package/dist/{swirl-video-thumbnail.entry.80961449.js → swirl-video-thumbnail.entry.64390aef.js}

@@ -1,4 +1,4 @@
-import { r as e, h as n, H as a } from "./index.5d5c9dc2.js";
+import { r as e, h as n, H as a } from "./index.0c1d1e6a.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: "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" }))));
+    return n(a, { key: "0cae07f0856093ce0f7fab483dc1f2583a72ef62" }, n("button", { key: "4a5cf48a7a1b7a3204a3abed8ccacbbaab024266", "aria-describedby": this.duration !== void 0 ? "duration" : void 0, "aria-label": this.label, class: "video-thumbnail", type: "button" }, n("img", { key: "78154dafca2f963cc6b0f83d8e38e45db33a8db1", alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && n("span", { key: "f8a4c61df3e5197f028b21f921b07575a9a5760b", class: "video-thumbnail__duration", id: "duration" }, n("swirl-visually-hidden", { key: "5a64f7b4f97dd62bca96ef0a54cd4c31209af4da" }, this.durationLabel), this.duration), n("svg", { key: "6d238785cd043d3e9c048af25900ec5800aeddf9", class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, n("path", { key: "e6002c301e7b5e0b5a67ced8745663cf9c5678dc", 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.ef5c274f.js

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

package/dist/{wc-datepicker.entry.17c7d7ec.js → wc-datepicker.entry.02e05a41.js}

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

package/package.json

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

package/dist/swirl-symbol-bookmark.entry.c2e7262c.js

@@ -1,17 +0,0 @@
-import { r as o, h as e, F as t } from "./index.5d5c9dc2.js";
-import { c as r } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const a = ":host{display:inline-flex}", l = a, c = class {
-  constructor(s) {
-    o(this, s), this.size = 24;
-  }
-  render() {
-    const s = this.size === 20 ? 24 : this.size, i = r("swirl-symbol", `swirl-symbol--size-${this.size}`);
-    return e("svg", { key: "c872ead77e5e7aca688d8a98cf487fc6da2285f2", class: i, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${s} ${s}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, e(t, { key: "874c623cf0978cd05a27099b63b40d56f0f1e8af" }, e("path", { key: "d9dedf8ae88aea034d7f24e4288d750d36085b8b", d: "M17 3H7C6.47005 3.00158 5.96227 3.2128 5.58753 3.58753C5.2128 3.96227 5.00158 4.47005 5 5V21L12 18L19 21V5C18.9984 4.47005 18.7872 3.96227 18.4125 3.58753C18.0377 3.2128 17.5299 3.00158 17 3Z", fill: "currentColor" })));
-  }
-};
-c.style = l;
-export {
-  c as swirl_symbol_bookmark
-};

package/dist/swirl-symbol-roadmap.entry.17e1c847.js

@@ -1,17 +0,0 @@
-import { r as t, h as e, F as o } from "./index.5d5c9dc2.js";
-import { c as a } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const r = ":host{display:inline-flex}", c = r, l = class {
-  constructor(s) {
-    t(this, s), this.size = 24;
-  }
-  render() {
-    const s = this.size === 20 ? 24 : this.size, i = a("swirl-symbol", `swirl-symbol--size-${this.size}`);
-    return e("svg", { key: "b1dd40567a080f1c069c55c5f59adec44f7c27b5", class: i, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${s} ${s}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, e(o, { key: "4a60c4b106a2b8e0b40fbafc8846c123b4972acf" }, e("path", { key: "3b8ae68fd1c882f010fc2975e3c49f0cc1e1aad3", d: "M13 10H18L21 7L18 4H13V2H11V4H4V10H11V12H6L3 15L6 18H11V22H13V18H20V12H13V10ZM6 6H17.17L18.17 7L17.17 8H6V6ZM18 16H6.83L5.83 15L6.83 14H18V16Z", fill: "currentColor" })));
-  }
-};
-l.style = c;
-export {
-  l as swirl_symbol_roadmap
-};

package/dist/swirl-symbol-smartphone.entry.bc8ffc2c.js

@@ -1,17 +0,0 @@
-import { r as i, h as e, F as o } from "./index.5d5c9dc2.js";
-import { c as r } from "./index-267776a4.6beb4f4b.js";
-import "react";
-import "react-dom";
-const l = ":host{display:inline-flex}", c = l, a = class {
-  constructor(s) {
-    i(this, s), this.size = 24;
-  }
-  render() {
-    const s = this.size === 20 ? 24 : this.size, t = r("swirl-symbol", `swirl-symbol--size-${this.size}`);
-    return e("svg", { key: "2464028c412041f8ecdf14d3f8ec1ac4de98ba8e", class: t, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${s} ${s}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, e(o, { key: "a62023d297b3ffdc5777cfbdcb7abae372443e7e" }, e("path", { key: "aba54cee71fc1340960c2292bffcb50f363c0931", d: "M17 1.01L7 1C5.9 1 5 1.9 5 3V21C5 22.1 5.9 23 7 23H17C18.1 23 19 22.1 19 21V3C19 1.9 18.1 1.01 17 1.01ZM17 19H7V5H17V19Z", fill: "currentColor" })));
-  }
-};
-a.style = c;
-export {
-  a as swirl_symbol_smartphone
-};

package/dist/swirl-visually-hidden.entry.84aace80.js

@@ -1,15 +0,0 @@
-import { r, h as i, H as e } from "./index.5d5c9dc2.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
-};