@getflip/swirl-components-react 0.363.1 → 0.363.3

package/dist/{swirl-table.entry.3469da9d.js → swirl-table.entry.8fb93646.js}

@@ -1,7 +1,7 @@
-import { r as x, c as R, h as a, H as _, g as k } from "./index.028af63e.js";
+import { r as x, c as R, h as a, H as _, g as k } from "./index.35b66ca8.js";
 import { c as O, g as L } from "./index-orsBiyT_.fc4357c3.js";
-import { S as A } from "./sortable.esm-CMrz6687.dac971cd.js";
-import { d as M, i as f, q as T } from "./utils-D_MUFqkF.654ff3ce.js";
+import { S as M } from "./sortable.esm-CMrz6687.dac971cd.js";
+import { d as A, i as f, q as T } from "./utils-D_MUFqkF.654ff3ce.js";
 import "react";
 import "react-dom";
 var g, v;
@@ -9,27 +9,27 @@ function E() {
   if (v)
     return g;
   v = 1, g = function(o) {
-    var i = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0, s = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, n = void 0, l = void 0, u = void 0, d = [];
+    var s = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0, i = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, n = void 0, l = void 0, u = void 0, d = [];
     return function() {
-      var y = e(i), m = new Date().getTime(), D = !n || m - n > y;
+      var y = e(s), m = new Date().getTime(), D = !n || m - n > y;
       n = m;
       for (var w = arguments.length, c = Array(w), h = 0; h < w; h++)
         c[h] = arguments[h];
-      if (D && s.leading)
-        return s.accumulate ? Promise.resolve(o.call(this, [c])).then(function(b) {
-          return b[0];
+      if (D && i.leading)
+        return i.accumulate ? Promise.resolve(o.call(this, [c])).then(function(p) {
+          return p[0];
         }) : Promise.resolve(o.call.apply(o, [this].concat(c)));
-      if (l ? clearTimeout(u) : l = t(), d.push(c), u = setTimeout(C.bind(this), y), s.accumulate) {
+      if (l ? clearTimeout(u) : l = t(), d.push(c), u = setTimeout(C.bind(this), y), i.accumulate) {
         var S = d.length - 1;
-        return l.promise.then(function(b) {
-          return b[S];
+        return l.promise.then(function(p) {
+          return p[S];
         });
       }
       return l.promise;
     };
     function C() {
-      var p = l;
-      clearTimeout(u), Promise.resolve(s.accumulate ? o.call(this, d) : o.apply(this, d[d.length - 1])).then(p.resolve, p.reject), d = [], l = null;
+      var b = l;
+      clearTimeout(u), Promise.resolve(i.accumulate ? o.call(this, d) : o.apply(this, d[d.length - 1])).then(b.resolve, b.reject), d = [], l = null;
     }
   };
   function e(r) {
@@ -37,8 +37,8 @@ function E() {
   }
   function t() {
     var r = {};
-    return r.promise = new Promise(function(o, i) {
-      r.resolve = o, r.reject = i;
+    return r.promise = new Promise(function(o, s) {
+      r.resolve = o, r.reject = s;
     }), r;
   }
   return g;
@@ -54,7 +54,7 @@ const K = `.sc-swirl-table-h{position:relative;display:block}.sc-swirl-table-h *
   start: "Row grabbed. Current position in table: {position} of {rowCount}. Press up and down arrow keys to change position, Space to drop."
 }, W = class {
   constructor(e) {
-    x(this, e), this.dropRow = R(this, "dropRow", 7), this.dragDropInstructions = B, this.emptyStateLabel = "No results found.", this.liveRegionText = "", this.triggerRerender = M(async () => {
+    x(this, e), this.dropRow = R(this, "dropRow", 7), this.dragDropInstructions = B, this.emptyStateLabel = "No results found.", this.liveRegionText = "", this.triggerRerender = A(async () => {
       await this.updateLayout(), this.updateEmptyState();
     }, 0, !0), this.updateLayout = I(async () => {
       this.resetCellStyles(), this.resetColumnStyles(), this.resetEmptyRowStyles(), this.resetRowGroupStyles(), this.layoutEmptyRow(), this.layoutRowGroups(), this.layOutCellsAndColumns(), this.updateScrolledState();
@@ -63,8 +63,8 @@ const K = `.sc-swirl-table-h{position:relative;display:block}.sc-swirl-table-h *
     }, this.onFocus = (t) => {
       var o;
       if (this.movingViaKeyboard) {
-        const i = this.el.querySelector(".table-row--moving");
-        i && this.focusDragHandleOfRow(i);
+        const s = this.el.querySelector(".table-row--moving");
+        s && this.focusDragHandleOfRow(s);
       }
       const r = !!((o = t.target) != null && o.closest(this.dragDropHandle));
       this.liveRegionText === "" && r && this.updateLiveRegionText("initial");
@@ -72,11 +72,11 @@ const K = `.sc-swirl-table-h{position:relative;display:block}.sc-swirl-table-h *
       const r = t.relatedTarget, o = !!(r != null && r.closest(this.dragDropHandle));
       this.el.contains(r) && o || this.liveRegionText !== "" && this.updateLiveRegionText();
     }, this.onKeyDown = (t) => {
-      var i, s;
+      var s, i;
       if (!this.enableDragDrop)
         return;
-      const r = (i = t.target) == null ? void 0 : i.closest("swirl-table-row");
-      !((s = t.target) != null && s.closest(this.dragDropHandle)) || (t.code === "Space" ? (t.preventDefault(), t.stopPropagation(), this.toggleKeyboardMove(r)) : t.code === "ArrowUp" ? (t.preventDefault(), t.stopPropagation(), this.moveRow(r, "up")) : t.code === "ArrowDown" ? (t.preventDefault(), t.stopPropagation(), this.moveRow(r, "down")) : t.code === "Escape" && (t.preventDefault(), t.stopPropagation(), this.cancelKeyboardMove()));
+      const r = (s = t.target) == null ? void 0 : s.closest("swirl-table-row");
+      !((i = t.target) != null && i.closest(this.dragDropHandle)) || (t.code === "Space" ? (t.preventDefault(), t.stopPropagation(), this.toggleKeyboardMove(r)) : t.code === "ArrowUp" ? (t.preventDefault(), t.stopPropagation(), this.moveRow(r, "up")) : t.code === "ArrowDown" ? (t.preventDefault(), t.stopPropagation(), this.moveRow(r, "down")) : t.code === "Escape" && (t.preventDefault(), t.stopPropagation(), this.cancelKeyboardMove()));
     };
   }
   async componentDidLoad() {
@@ -106,11 +106,19 @@ const K = `.sc-swirl-table-h{position:relative;display:block}.sc-swirl-table-h *
       subtree: !0
     }), this.rowMutationObserver = new MutationObserver((e) => {
       e.some((r) => r.addedNodes.length || r.removedNodes.length) && (this.updateEmptyState(), this.setupDragDrop());
-    }), this.rowMutationObserver.observe(this.bodyEl, {
+    }), this.startRowMutationObserver();
+  }
+  startRowMutationObserver() {
+    var e;
+    (e = this.rowMutationObserver) == null || e.observe(this.bodyEl, {
       childList: !0,
       subtree: !0
     });
   }
+  stopRowMutationObserver() {
+    var e;
+    (e = this.rowMutationObserver) == null || e.disconnect();
+  }
   setupDragDrop() {
     if (this.sortable && (this.sortable.destroy(), this.sortable = void 0), this.enableDragDrop) {
       if (!!this.el.querySelector("swirl-table-row-group")) {
@@ -122,24 +130,27 @@ const K = `.sc-swirl-table-h{position:relative;display:block}.sc-swirl-table-h *
         return;
       }
       const t = this.el.querySelector('[slot="rows"]');
-      this.dragDropContainer = (t == null ? void 0 : t.tagName) !== "SWIRL-TABLE-ROW" ? t != null ? t : this.bodyEl : this.bodyEl, this.sortable = new A(this.dragDropContainer, {
+      this.dragDropContainer = (t == null ? void 0 : t.tagName) !== "SWIRL-TABLE-ROW" ? t != null ? t : this.bodyEl : this.bodyEl, this.sortable = new M(this.dragDropContainer, {
         animation: 100,
         direction: "vertical",
         handle: this.dragDropHandle,
         fallbackOnBody: !0,
         group: `swirl-table-${Math.random().toString().substring(2)}`,
+        onStart: () => {
+          this.stopRowMutationObserver();
+        },
         onEnd: (r) => {
           var l;
           r.stopPropagation();
-          const { to: o, newIndex: i, oldIndex: s, item: n } = r;
+          const { to: o, newIndex: s, oldIndex: i, item: n } = r;
           this.dropRow.emit({
-            newIndex: i,
-            oldIndex: s,
+            newIndex: s,
+            oldIndex: i,
             item: n,
             itemId: (l = n.id) != null ? l : n.querySelector(":scope > swirl-table-row").id,
-            newNextSiblingItemId: i < o.children.length - 1 ? o.children[i + 1].id : void 0,
-            newPrevSiblingItemId: i > 0 ? o.children[i - 1].id : void 0
-          });
+            newNextSiblingItemId: s < o.children.length - 1 ? o.children[s + 1].id : void 0,
+            newPrevSiblingItemId: s > 0 ? o.children[s - 1].id : void 0
+          }), this.startRowMutationObserver();
         }
       });
     }
@@ -202,38 +213,38 @@ const K = `.sc-swirl-table-h{position:relative;display:block}.sc-swirl-table-h *
     var r;
     const e = Array.from(this.el.querySelectorAll("swirl-table-row-group")), t = `${(r = this.el.querySelector(".table__container")) == null ? void 0 : r.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);
+      const s = o.shadowRoot.querySelector(".table-row-group__header-row");
+      !Boolean(s) || (o.shadowRoot.querySelector(".table-row-group__header-row").style.width = t);
     });
   }
   layOutCellsAndColumns() {
     const e = this.getColumns(), t = this.getCells();
     e.forEach((r, o) => {
-      const i = this.getCellsForColumn(t, e, o), s = this.calculateColumnProperties(r, e, o);
-      i.forEach((n) => this.applyCellStyles(n, r, s)), this.applyColumnStyles(r, s);
+      const s = this.getCellsForColumn(t, e, o), i = this.calculateColumnProperties(r, e, o);
+      s.forEach((n) => this.applyCellStyles(n, r, i)), this.applyColumnStyles(r, i);
     });
   }
   getCellsForColumn(e, t, r) {
-    return e.filter((o, i) => (r - i) % t.length === 0);
+    return e.filter((o, s) => (r - s) % t.length === 0);
   }
   calculateColumnProperties(e, t, r) {
-    const o = e.sticky ? this.getLeftOffsetForStickyColumn(t, r) : 0, i = `${e.getBoundingClientRect().width}px`, s = e.sticky && t.length === r + 1, n = e.sticky && !this.hasStickyColumnsToRight(t, r);
+    const o = e.sticky ? this.getLeftOffsetForStickyColumn(t, r) : 0, s = `${e.getBoundingClientRect().width}px`, i = e.sticky && t.length === r + 1, n = e.sticky && !this.hasStickyColumnsToRight(t, r);
     return {
       leftOffsetForStickyColumn: o,
-      columnWidth: i,
-      isLastColumnSticky: s,
+      columnWidth: s,
+      isLastColumnSticky: i,
       hasShadowRight: n
     };
   }
   applyCellStyles(e, t, r) {
-    const { leftOffsetForStickyColumn: o, columnWidth: i, isLastColumnSticky: s, hasShadowRight: n } = r;
-    e.style.flex = Boolean(i) ? `0 0 ${i}` : "", !f() && (t.sticky && !s && (e.classList.add("table-cell--is-sticky"), e.style.left = o + "px", n && e.classList.add("table-cell--has-shadow-right")), s && e.classList.add("table-cell--is-sticky-right", "table-cell--has-shadow-left"));
+    const { leftOffsetForStickyColumn: o, columnWidth: s, isLastColumnSticky: i, hasShadowRight: n } = r;
+    e.style.flex = Boolean(s) ? `0 0 ${s}` : "", !f() && (t.sticky && !i && (e.classList.add("table-cell--is-sticky"), e.style.left = o + "px", n && e.classList.add("table-cell--has-shadow-right")), i && e.classList.add("table-cell--is-sticky-right", "table-cell--has-shadow-left"));
   }
   applyColumnStyles(e, t) {
     if (f())
       return;
-    const { leftOffsetForStickyColumn: r, isLastColumnSticky: o, hasShadowRight: i } = t;
-    e.sticky && !o && (e.classList.add("table-column--is-sticky"), e.style.left = r + "px", i && e.classList.add("table-column--has-shadow-right")), o && e.classList.add("table-column--is-sticky-right", "table-column--has-shadow-left");
+    const { leftOffsetForStickyColumn: r, isLastColumnSticky: o, hasShadowRight: s } = t;
+    e.sticky && !o && (e.classList.add("table-column--is-sticky"), e.style.left = r + "px", s && e.classList.add("table-column--has-shadow-right")), o && e.classList.add("table-column--is-sticky-right", "table-column--has-shadow-left");
   }
   getLeftOffsetForStickyColumn(e, t) {
     return e.slice(0, t).reduce((r, o) => {
@@ -250,8 +261,8 @@ const K = `.sc-swirl-table-h{position:relative;display:block}.sc-swirl-table-h *
   }
   updateLiveRegionText(e, t = {}) {
     let r = e ? this.dragDropInstructions[e] : "";
-    for (const [o, i] of Object.entries(t != null ? t : {}))
-      r = r.replaceAll(`{${o}}`, String(i));
+    for (const [o, s] of Object.entries(t != null ? t : {}))
+      r = r.replaceAll(`{${o}}`, String(s));
     r !== this.liveRegionText && (this.liveRegionText = r);
   }
   toggleKeyboardMove(e) {
@@ -308,7 +319,7 @@ const K = `.sc-swirl-table-h{position:relative;display:block}.sc-swirl-table-h *
       "table--show-empty-state": this.empty && !this.loading,
       "table--keyboard-move": this.movingViaKeyboard
     });
-    return a(_, { key: "6bc1959e06eaff434db4841127eaf6011ea4e386" }, a("div", { key: "1aef97ca18f0d367df69681fd4a0287fc1e9a96d", class: t }, this.enableDragDrop && a("swirl-visually-hidden", { key: "ae609948912c9656417c710d3bd0e1cc4b8e7977" }, a("span", { key: "8f6d333178d51be1ca097c346f90d01c92f1dfa7", "aria-live": "assertive" }, this.liveRegionText)), a("div", { key: "9ad655fd644d07acdc86c194d9685958f4acbcd9", class: "table__container", onFocusin: this.onFocus, onFocusout: this.onBlur, onKeyDown: this.onKeyDown, onScroll: this.onScroll, ref: (r) => this.container = r, tabIndex: -1 }, a("div", { key: "ce68c4da82f895a975e7d48852470bd60b861ce0", "aria-describedby": Boolean(this.caption) ? "caption" : void 0, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && a("swirl-visually-hidden", { key: "77389ebb48e386ebb8d896444a394fa3c9cb82ec" }, a("div", { key: "65d40dac426958eb868d9d93461bb27f8f389b1d", id: "caption" }, this.caption)), a("div", { key: "01c0b5caa080855c98799e4cf2e8d3c3d91e0baf", role: "rowgroup" }, a("div", { key: "66e18f47a2964f15d64b4adfec51b88fb3563c1b", class: "table__header", ref: (r) => this.headerEl = r, role: "row" }, a("slot", { key: "7e6d17abfec2e509afeff2a4bca5ad4634bc8705", name: "columns" }))), a("div", { key: "cc5f8948dcf6998d8bd3497b9d93fc1218052278", class: "table__body", ref: (r) => this.bodyEl = r }, a("slot", { key: "17d4f92f350e958fd3270569b9fc18f08ccfe325", name: "rows" }), a("div", { key: "25499fcf2e5fbe30be4b281f121fe8df48517692", class: "table__empty-row", role: "row" }, a("div", { key: "007c30a0120784a4c86e22c8b036ee16b4720b6a", "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, a("slot", { key: "c535c880ecb853342633e3036d99d417a4dd7c83", name: "empty" }), !e && a("swirl-text", { key: "d5afb052b4c575930aacd9ee366ae91115db16ac", align: "center", size: "sm" }, this.emptyStateLabel))))))));
+    return a(_, { key: "31cc2b99cd42ce8de24fcdca3bd25d677b2065e9" }, a("div", { key: "2b10bbe4a18214e22f2ecedb07f2806d830abb55", class: t }, this.enableDragDrop && a("swirl-visually-hidden", { key: "aac0580b6da061bcf6a4e57f9e3308bcd83cd9ab" }, a("span", { key: "3c2c47c530275c59c13af5ae0bf95fe865546848", "aria-live": "assertive" }, this.liveRegionText)), a("div", { key: "063f4ec7388d8a9b9cc986e24e98dab85deb81b7", class: "table__container", onFocusin: this.onFocus, onFocusout: this.onBlur, onKeyDown: this.onKeyDown, onScroll: this.onScroll, ref: (r) => this.container = r, tabIndex: -1 }, a("div", { key: "44ae0cb1ac3dbedba432e5154bb890311544a361", "aria-describedby": Boolean(this.caption) ? "caption" : void 0, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && a("swirl-visually-hidden", { key: "4e98279e3a5e8dd340b05f1851559cbf35b25d95" }, a("div", { key: "ec620a55154a96b65760fdfe5857d36cabc20e03", id: "caption" }, this.caption)), a("div", { key: "de46c8483c070f631b529ff0e53db8b6a27ec8d8", role: "rowgroup" }, a("div", { key: "18a6f22082c3fe08134f6843ac9b9722501716fa", class: "table__header", ref: (r) => this.headerEl = r, role: "row" }, a("slot", { key: "167710dee7162c62f40c218f6f2fb98e3f7534c0", name: "columns" }))), a("div", { key: "58cd2a6ee100461b4a9e8b5da35884f4271092a2", class: "table__body", ref: (r) => this.bodyEl = r }, a("slot", { key: "d258590441b67c639ba479bcbf7ae85dc840fa88", name: "rows" }), a("div", { key: "9ddfc91f1a3055363798312fb0fd1aeb2671c2db", class: "table__empty-row", role: "row" }, a("div", { key: "78c4b0fa18d31277de03507b564ec42eba10c0a3", "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, a("slot", { key: "f56688d7ff20f7ae1a3fc4f9f8241bc235b8ff5e", name: "empty" }), !e && a("swirl-text", { key: "b7cb802b3420a554459372d8813f1b7ba6571929", align: "center", size: "sm" }, this.emptyStateLabel))))))));
   }
   get el() {
     return k(this);

package/dist/{swirl-tabs.entry.a065502c.js → swirl-tabs.entry.ef1c6241.js}

@@ -1,4 +1,4 @@
-import { r as b, c as r, h as s, H as n, g as c } from "./index.028af63e.js";
+import { r as b, c as r, h as s, H as n, g as c } from "./index.35b66ca8.js";
 import { n as e } from "./utils-D_MUFqkF.654ff3ce.js";
 import "react";
 import "react-dom";

package/dist/{swirl-tag.entry.4d50ce49.js → swirl-tag.entry.2ac5f51b.js}

@@ -1,4 +1,4 @@
-import { r as e, c as n, h as r, H as s, g as i } from "./index.028af63e.js";
+import { r as e, c as n, h as r, H as s, g as i } from "./index.35b66ca8.js";
 import { c } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-text-input.entry.4c659fc6.js → swirl-text-input.entry.afef41a1.js}

@@ -1,4 +1,4 @@
-import { r as h, c as n, h as i, H as c } from "./index.028af63e.js";
+import { r as h, c as n, h as i, H as c } from "./index.35b66ca8.js";
 import { c as d } from "./index-orsBiyT_.fc4357c3.js";
 import { D as x } from "./media-query.service-Cx_VEA2f.c4de15e1.js";
 import "react";

package/dist/{swirl-text.entry.63da77a1.js → swirl-text.entry.ee8410e0.js}

@@ -1,4 +1,4 @@
-import { r as lt, h as Z, H as ct, g as ht } from "./index.028af63e.js";
+import { r as lt, h as Z, H as ct, g as ht } from "./index.35b66ca8.js";
 import { c as dt, g as ft } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-theme-provider.entry.d005b631.js → swirl-theme-provider.entry.7b805c5c.js}

@@ -1,4 +1,4 @@
-import { r as m, c as a, h as o, H as d } from "./index.028af63e.js";
+import { r as m, c as a, h as o, H as d } from "./index.35b66ca8.js";
 import "react";
 import "react-dom";
 const l = ".sc-swirl-theme-provider-h{display:unset}", i = "swirl-preferred-theme", c = class {

package/dist/{swirl-time-input.entry.2564a73c.js → swirl-time-input.entry.24e7cec6.js}

@@ -1,4 +1,4 @@
-import { r as m, c as n, h as s, H as h, g as d } from "./index.028af63e.js";
+import { r as m, c as n, h as s, H as h, g as d } from "./index.35b66ca8.js";
 import { c as p } from "./index-orsBiyT_.fc4357c3.js";
 import { I as a, i as o, f as r, p as l } from "./index-D3UoejeY.7db8c51e.js";
 import { D as f } from "./media-query.service-Cx_VEA2f.c4de15e1.js";
@@ -35,7 +35,7 @@ const g = ".sc-swirl-time-input-h{display:flex;width:100%}.sc-swirl-time-input-h
     this.setupMask();
   }
   watchValue(i, t) {
-    i !== t && this.valueChange.emit(i);
+    i !== t && (this.valueChange.emit(i), this.mask.value = i);
   }
   updateIconSize(i) {
     this.iconSize = i ? 20 : 24;
@@ -100,7 +100,7 @@ const g = ".sc-swirl-time-input-h{display:flex;width:100%}.sc-swirl-time-input-h
     const i = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, t = p("time-input", {
       "time-input--inline": this.inline
     });
-    return s(h, { key: "39b650bef21d4378fe7c2281e59f7732eced9f4e" }, s("div", { key: "4047e3490f47ee4db04bbdfbaa25d5bfa8967e47", class: t }, s("input", { key: "7e44a86247a2940ea355bed8e9d21b8abb2c06c5", "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-invalid": i, autoFocus: this.autoFocus, class: "time-input__input", disabled: this.disabled, id: this.id, inputmode: "numeric", onBlur: this.onBlur, onClick: this.onClick, onFocus: this.onFocus, placeholder: this.placeholder, ref: (e) => this.inputEl = e, required: this.required, type: "text" }), s("span", { key: "8a2656db86ae2f530f7b4c2b323d444fcf8cafa0", class: "time-input__icon" }, s("swirl-icon-time-outlined", { key: "51240f09d13d7bd04e0ddae837cbf5fcafb380af", size: this.iconSize }))));
+    return s(h, { key: "bb150e1e738e6b70dd32089de213f0ad8ce49db8" }, s("div", { key: "58728d57b1349781a97070a9b8d47d27123946ab", class: t }, s("input", { key: "84e63c31acfc49b1b54fbce93c0351ed3359da28", "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-invalid": i, autoFocus: this.autoFocus, class: "time-input__input", disabled: this.disabled, id: this.id, inputmode: "numeric", onBlur: this.onBlur, onClick: this.onClick, onFocus: this.onFocus, placeholder: this.placeholder, ref: (e) => this.inputEl = e, required: this.required, type: "text" }), s("span", { key: "98ac3a262dee95ab34e94f80a7632d074b881f64", class: "time-input__icon" }, s("swirl-icon-time-outlined", { key: "8266ab31d312c5d5947feb6c77dfe20b727cc601", size: this.iconSize }))));
   }
   get el() {
     return d(this);

package/dist/{swirl-toast-provider.entry.091fdde1.js → swirl-toast-provider.entry.f5d9ac38.js}

@@ -1,4 +1,4 @@
-import { r as o, h as i, H as r } from "./index.028af63e.js";
+import { r as o, h as i, H as r } from "./index.35b66ca8.js";
 import "react";
 import "react-dom";
 const c = class {

package/dist/{swirl-toast.entry.3c76f546.js → swirl-toast.entry.e024e50c.js}

@@ -1,4 +1,4 @@
-import { r as o, c as r, h as i, H as n } from "./index.028af63e.js";
+import { r as o, c as r, h as i, H as n } from "./index.35b66ca8.js";
 import { c } from "./index-orsBiyT_.fc4357c3.js";
 import { D as d } from "./media-query.service-Cx_VEA2f.c4de15e1.js";
 import "react";

package/dist/{swirl-toggle-button.entry.7c12121a.js → swirl-toggle-button.entry.ed1f4e8d.js}

@@ -1,4 +1,4 @@
-import { r as s, h as t } from "./index.028af63e.js";
+import { r as s, h as t } from "./index.35b66ca8.js";
 import { c as o } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-toggle-group.entry.1271b7be.js → swirl-toggle-group.entry.d830f546.js}

@@ -1,4 +1,4 @@
-import { r as i, c as g, h as o, g as r } from "./index.028af63e.js";
+import { r as i, c as g, h as o, g as r } from "./index.35b66ca8.js";
 import { c as l } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-toolbar.entry.2b415d37.js → swirl-toolbar.entry.68c98df6.js}

@@ -1,4 +1,4 @@
-import { r, h as s, H as n, g as i } from "./index.028af63e.js";
+import { r, h as s, H as n, g as i } from "./index.35b66ca8.js";
 import { k as c } from "./utils-D_MUFqkF.654ff3ce.js";
 import "react";
 import "react-dom";

package/dist/{swirl-tooltip.entry.8ebfea74.js → swirl-tooltip.entry.8615098c.js}

@@ -1,4 +1,4 @@
-import { r as p, h as i, H as c, g as h } from "./index.028af63e.js";
+import { r as p, h as i, H as c, g as h } from "./index.35b66ca8.js";
 import { u as d, P as m, N as u, D as b, k as f, b as w } from "./floating-ui.dom.browser.min-BtsCuEVE.45e9e353.js";
 import { c as y } from "./index-orsBiyT_.fc4357c3.js";
 import "react";

package/dist/{swirl-tree-navigation-item.entry.0adb2fed.js → swirl-tree-navigation-item.entry.c7295e23.js}

@@ -1,4 +1,4 @@
-import { r, c as s, h as e, H as o, g as d } from "./index.028af63e.js";
+import { r, c as s, h as e, H as o, g as d } from "./index.35b66ca8.js";
 import { c as l } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-tree-navigation.entry.66e98ac8.js → swirl-tree-navigation.entry.5e773896.js}

@@ -1,4 +1,4 @@
-import { r, h as e, H as t } from "./index.028af63e.js";
+import { r, h as e, H as t } from "./index.35b66ca8.js";
 import "react";
 import "react-dom";
 const i = ":host{display:block}:host *{box-sizing:border-box}.tree-navigation{margin:0;padding:0}", s = class {

package/dist/{swirl-tree-view-item.entry.a3059613.js → swirl-tree-view-item.entry.4beb0ad1.js}

@@ -1,4 +1,4 @@
-import { r as w, c as l, f as c, h as s, F as f, H as u, g as y } from "./index.028af63e.js";
+import { r as w, c as l, f as c, h as s, F as f, H as u, g as y } from "./index.35b66ca8.js";
 import { c as _ } from "./index-orsBiyT_.fc4357c3.js";
 import { S as I } from "./sortable.esm-CMrz6687.dac971cd.js";
 import { t as p } from "./swirl-tree-view.config-BkSXzL50.94f4a648.js";

package/dist/{swirl-tree-view.entry.1a023825.js → swirl-tree-view.entry.666d83a4.js}

@@ -1,4 +1,4 @@
-import { r as g, c as h, f as p, h as d, H as I, g as f } from "./index.028af63e.js";
+import { r as g, c as h, f as p, h as d, H as I, g as f } from "./index.35b66ca8.js";
 import { S as w } from "./sortable.esm-CMrz6687.dac971cd.js";
 import { t as m } from "./swirl-tree-view.config-BkSXzL50.94f4a648.js";
 import "react";

package/dist/{swirl-video-thumbnail.entry.881807ef.js → swirl-video-thumbnail.entry.4a21f380.js}

@@ -1,4 +1,4 @@
-import { r as e, h as n, H as a } from "./index.028af63e.js";
+import { r as e, h as n, H as a } from "./index.35b66ca8.js";
 import "react";
 import "react-dom";
 const t = `:host {

package/dist/{swirl-visually-hidden.entry.9afb98aa.js → swirl-visually-hidden.entry.b4da0cab.js}

@@ -1,4 +1,4 @@
-import { r, h as i, H as e } from "./index.028af63e.js";
+import { r, h as i, H as e } from "./index.35b66ca8.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 = class {

package/dist/{wc-datepicker.entry.cf11b9f2.js → wc-datepicker.entry.5bd91bbe.js}

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

package/package.json

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