@getflip/swirl-components-react 0.363.0 → 0.363.2

package/dist/{swirl-symbol-policy.entry.cee30af9.js → swirl-symbol-policy.entry.ec01e6da.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as l } from "./index.3ce99065.js";
+import { r as t, h as e, F as l } from "./index.357b1e77.js";
 import { c as o } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-push-pin.entry.52cf9a2b.js → swirl-symbol-push-pin.entry.78e534ad.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as l } from "./index.3ce99065.js";
+import { r as t, h as e, F as l } from "./index.357b1e77.js";
 import { c as r } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-redeem.entry.039f7e8b.js → swirl-symbol-redeem.entry.a231e8a0.js}

@@ -1,4 +1,4 @@
-import { r as i, h as s, F as t } from "./index.3ce99065.js";
+import { r as i, h as s, F as t } from "./index.357b1e77.js";
 import { c as r } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-report-problem.entry.a0ddb5ca.js → swirl-symbol-report-problem.entry.fe0d0a4f.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as r } from "./index.3ce99065.js";
+import { r as t, h as e, F as r } from "./index.357b1e77.js";
 import { c as o } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-restaurant.entry.911934f1.js → swirl-symbol-restaurant.entry.24303416.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, F as C } from "./index.3ce99065.js";
+import { r as i, h as e, F as C } from "./index.357b1e77.js";
 import { c as r } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-roadmap.entry.81bd3d6d.js → swirl-symbol-roadmap.entry.847a4bbb.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as o } from "./index.3ce99065.js";
+import { r as t, h as e, F as o } from "./index.357b1e77.js";
 import { c as r } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-room.entry.7257e2af.js → swirl-symbol-room.entry.a2fe8d8b.js}

@@ -1,4 +1,4 @@
-import { r as t, h as i, F as o } from "./index.3ce99065.js";
+import { r as t, h as i, F as o } from "./index.357b1e77.js";
 import { c as r } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-savings.entry.cfddf5f3.js → swirl-symbol-savings.entry.0a9f1288.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, F as t } from "./index.3ce99065.js";
+import { r as i, h as e, F as t } from "./index.357b1e77.js";
 import { c as r } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-settings-voice.entry.61580260.js → swirl-symbol-settings-voice.entry.44187def.js}

@@ -1,4 +1,4 @@
-import { r as i, h as s, F as t } from "./index.3ce99065.js";
+import { r as i, h as s, F as t } from "./index.357b1e77.js";
 import { c as o } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-shopping-cart.entry.980173bf.js → swirl-symbol-shopping-cart.entry.ad3db307.js}

@@ -1,4 +1,4 @@
-import { r as e, h as C, F as t } from "./index.3ce99065.js";
+import { r as e, h as C, F as t } from "./index.357b1e77.js";
 import { c as r } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-smartphone.entry.b8fe76d3.js → swirl-symbol-smartphone.entry.b1f28d6b.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as r } from "./index.3ce99065.js";
+import { r as t, h as e, F as r } from "./index.357b1e77.js";
 import { c as a } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-star.entry.e1a0a49c.js → swirl-symbol-star.entry.6b9a999d.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as r } from "./index.3ce99065.js";
+import { r as t, h as e, F as r } from "./index.357b1e77.js";
 import { c as o } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-supervisor-account.entry.bcb03e61.js → swirl-symbol-supervisor-account.entry.3118041a.js}

@@ -1,4 +1,4 @@
-import { r as i, h as C, F as t } from "./index.3ce99065.js";
+import { r as i, h as C, F as t } from "./index.357b1e77.js";
 import { c as r } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-thumbs-up-down.entry.da8cacc1.js → swirl-symbol-thumbs-up-down.entry.d38f3864.js}

@@ -1,4 +1,4 @@
-import { r as i, h as s, F as t } from "./index.3ce99065.js";
+import { r as i, h as s, F as t } from "./index.357b1e77.js";
 import { c as C } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-twitter.entry.a172881b.js → swirl-symbol-twitter.entry.5d2c773b.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as r } from "./index.3ce99065.js";
+import { r as t, h as e, F as r } from "./index.357b1e77.js";
 import { c as C } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-wb-sunny.entry.10b73081.js → swirl-symbol-wb-sunny.entry.dc17caff.js}

@@ -1,4 +1,4 @@
-import { r as i, h as s, F as t } from "./index.3ce99065.js";
+import { r as i, h as s, F as t } from "./index.357b1e77.js";
 import { c as r } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-wechat.entry.7da73a56.js → swirl-symbol-wechat.entry.3956dfa1.js}

@@ -1,4 +1,4 @@
-import { r as i, h as s, F as t } from "./index.3ce99065.js";
+import { r as i, h as s, F as t } from "./index.357b1e77.js";
 import { c } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-weibo.entry.04ba892d.js → swirl-symbol-weibo.entry.5e2727e8.js}

@@ -1,4 +1,4 @@
-import { r as i, h as s, F as t } from "./index.3ce99065.js";
+import { r as i, h as s, F as t } from "./index.357b1e77.js";
 import { c as o } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-work.entry.ef0306b3.js → swirl-symbol-work.entry.1649ce19.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as r } from "./index.3ce99065.js";
+import { r as t, h as e, F as r } from "./index.357b1e77.js";
 import { c as o } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-xing.entry.a52c944c.js → swirl-symbol-xing.entry.60c42bc6.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as C } from "./index.3ce99065.js";
+import { r as t, h as e, F as C } from "./index.357b1e77.js";
 import { c as r } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-youtube.entry.64e5a158.js → swirl-symbol-youtube.entry.a56feaa5.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as o } from "./index.3ce99065.js";
+import { r as t, h as e, F as o } from "./index.357b1e77.js";
 import { c as a } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol.entry.5011a20c.js → swirl-symbol.entry.70e40fad.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, H as t } from "./index.3ce99065.js";
+import { r as i, h as e, H as t } from "./index.357b1e77.js";
 import "react";
 import "react-dom";
 const r = ":host{display:inline-flex}", o = class {

package/dist/{swirl-tab-bar.entry.aaed2506.js → swirl-tab-bar.entry.b4f78403.js}

@@ -1,4 +1,4 @@
-import { r as l, c as b, h as e, H as o, g as c } from "./index.3ce99065.js";
+import { r as l, c as b, h as e, H as o, g as c } from "./index.357b1e77.js";
 import { c as n } from "./index-orsBiyT_.fc4357c3.js";
 import { n as d } from "./utils-D_MUFqkF.654ff3ce.js";
 import "react";

package/dist/{swirl-tab.entry.5b4fcd89.js → swirl-tab.entry.f6c0380a.js}

@@ -1,4 +1,4 @@
-import { r as t, h as s, H as i } from "./index.3ce99065.js";
+import { r as t, h as s, H as i } from "./index.357b1e77.js";
 import { c as e } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-table-cell.entry.3b91f114.js → swirl-table-cell.entry.0c957857.js}

@@ -1,4 +1,4 @@
-import { r as e, h as s, H as t } from "./index.3ce99065.js";
+import { r as e, h as s, H as t } from "./index.357b1e77.js";
 import "react";
 import "react-dom";
 const o = ":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}", l = class {

package/dist/{swirl-table-column.entry.31e8240e.js → swirl-table-column.entry.9c3d41f7.js}

@@ -1,4 +1,4 @@
-import { r as t, h as s, H as i, g as a } from "./index.3ce99065.js";
+import { r as t, h as s, H as i, g as a } from "./index.357b1e77.js";
 import { l as o } from "./utils-D_MUFqkF.654ff3ce.js";
 import "react";
 import "react-dom";

package/dist/{swirl-table-row-group.entry.35e50576.js → swirl-table-row-group.entry.7bf7eef9.js}

@@ -1,4 +1,4 @@
-import { r as o, h as e, H as a, g as l } from "./index.3ce99065.js";
+import { r as o, h as e, H as a, g as l } from "./index.357b1e77.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{overflow:visible clip;transition:height 0.3s ease-out}.table-row-group__rows-container.is-hidden{height:0}.sc-swirl-button-h{display:flex}", n = class {

package/dist/{swirl-table-row.entry.db65c300.js → swirl-table-row.entry.33e3b8ea.js}

@@ -1,4 +1,4 @@
-import { r as o, h as t, H as r, g as s } from "./index.3ce99065.js";
+import { r as o, h as t, H as r, g as s } from "./index.357b1e77.js";
 import { c as l } from "./index-orsBiyT_.fc4357c3.js";
 import { l as a } from "./utils-D_MUFqkF.654ff3ce.js";
 import "react";

package/dist/{swirl-table.entry.5f14a4b3.js → swirl-table.entry.d149bc12.js}

@@ -1,7 +1,7 @@
-import { r as x, c as R, h as a, H as _, g as k } from "./index.3ce99065.js";
+import { r as x, c as R, h as a, H as _, g as k } from "./index.357b1e77.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.4cf0f864.js → swirl-tabs.entry.a8769663.js}

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

package/dist/{swirl-tag.entry.517dd4ee.js → swirl-tag.entry.4bc51d3f.js}

@@ -1,4 +1,4 @@
-import { r as e, c as n, h as r, H as s, g as i } from "./index.3ce99065.js";
+import { r as e, c as n, h as r, H as s, g as i } from "./index.357b1e77.js";
 import { c } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-text-input.entry.dc297ca3.js → swirl-text-input.entry.7a262aba.js}

@@ -1,4 +1,4 @@
-import { r as h, c as n, h as i, H as c } from "./index.3ce99065.js";
+import { r as h, c as n, h as i, H as c } from "./index.357b1e77.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.308ba0b1.js → swirl-text.entry.236347e0.js}

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

package/dist/{swirl-theme-provider.entry.176694c9.js → swirl-theme-provider.entry.1d123c73.js}

@@ -1,4 +1,4 @@
-import { r as m, c as a, h as o, H as d } from "./index.3ce99065.js";
+import { r as m, c as a, h as o, H as d } from "./index.357b1e77.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.e7ce2ec0.js → swirl-time-input.entry.d686dc43.js}

@@ -1,4 +1,4 @@
-import { r as m, c as n, h as s, H as h, g as d } from "./index.3ce99065.js";
+import { r as m, c as n, h as s, H as h, g as d } from "./index.357b1e77.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";

package/dist/{swirl-toast-provider.entry.49096d42.js → swirl-toast-provider.entry.3d171ab2.js}

@@ -1,4 +1,4 @@
-import { r as o, h as i, H as r } from "./index.3ce99065.js";
+import { r as o, h as i, H as r } from "./index.357b1e77.js";
 import "react";
 import "react-dom";
 const c = class {

package/dist/{swirl-toast.entry.884ff629.js → swirl-toast.entry.34198bb4.js}

@@ -1,4 +1,4 @@
-import { r as o, c as r, h as i, H as n } from "./index.3ce99065.js";
+import { r as o, c as r, h as i, H as n } from "./index.357b1e77.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.20086ab0.js → swirl-toggle-button.entry.06d624bf.js}

@@ -1,4 +1,4 @@
-import { r as s, h as t } from "./index.3ce99065.js";
+import { r as s, h as t } from "./index.357b1e77.js";
 import { c as o } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-toggle-group.entry.dfea8b6a.js → swirl-toggle-group.entry.64e18e6f.js}

@@ -1,4 +1,4 @@
-import { r as i, c as g, h as o, g as r } from "./index.3ce99065.js";
+import { r as i, c as g, h as o, g as r } from "./index.357b1e77.js";
 import { c as l } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-toolbar.entry.3a4dbe61.js → swirl-toolbar.entry.a690f288.js}

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

package/dist/{swirl-tooltip.entry.d5942f53.js → swirl-tooltip.entry.c4c5c3d1.js}

@@ -1,4 +1,4 @@
-import { r as p, h as i, H as c, g as h } from "./index.3ce99065.js";
+import { r as p, h as i, H as c, g as h } from "./index.357b1e77.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.47a1ac65.js → swirl-tree-navigation-item.entry.b6720c75.js}

@@ -1,4 +1,4 @@
-import { r, c as s, h as e, H as o, g as d } from "./index.3ce99065.js";
+import { r, c as s, h as e, H as o, g as d } from "./index.357b1e77.js";
 import { c as l } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";

package/dist/{swirl-tree-navigation.entry.117547e7.js → swirl-tree-navigation.entry.573e8ba0.js}

@@ -1,4 +1,4 @@
-import { r, h as e, H as t } from "./index.3ce99065.js";
+import { r, h as e, H as t } from "./index.357b1e77.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.20d4fd83.js → swirl-tree-view-item.entry.4ef93835.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.3ce99065.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.357b1e77.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.cc590f09.js → swirl-tree-view.entry.48a510ad.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.3ce99065.js";
+import { r as g, c as h, f as p, h as d, H as I, g as f } from "./index.357b1e77.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.33095a73.js → swirl-video-thumbnail.entry.7f33b8b4.js}

@@ -1,4 +1,4 @@
-import { r as e, h as n, H as a } from "./index.3ce99065.js";
+import { r as e, h as n, H as a } from "./index.357b1e77.js";
 import "react";
 import "react-dom";
 const t = `:host {

package/dist/{swirl-visually-hidden.entry.feb7e25e.js → swirl-visually-hidden.entry.52d9058a.js}

@@ -1,4 +1,4 @@
-import { r, h as i, H as e } from "./index.3ce99065.js";
+import { r, h as i, H as e } from "./index.357b1e77.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.84f6af75.js → wc-datepicker.entry.a5c37a2e.js}

@@ -1,4 +1,4 @@
-import { r as R, c as S, h as n, H, g as E } from "./index.3ce99065.js";
+import { r as R, c as S, h as n, H, g as E } from "./index.357b1e77.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.0",
+  "version": "0.363.2",
   "type": "module",
   "files": [
     "dist"
@@ -23,7 +23,7 @@
     "react-dom": "^18.2.0"
   },
   "dependencies": {
-    "@getflip/swirl-components": "^0.363.0"
+    "@getflip/swirl-components": "^0.363.2"
   },
   "devDependencies": {
     "@types/react": "^18.0.18",