@getflip/swirl-components-react 0.225.2 → 0.226.0

package/dist/{swirl-symbol-smartphone.entry.27b528be.js → swirl-symbol-smartphone.entry.abb59fca.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, F as o } from "./index.ee474937.js";
+import { r as i, h as e, F as o } from "./index.6d908eec.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-star.entry.db5d2f3b.js → swirl-symbol-star.entry.e0423005.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, F as r } from "./index.ee474937.js";
+import { r as i, h as e, F as r } from "./index.6d908eec.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-supervisor-account.entry.503dab70.js → swirl-symbol-supervisor-account.entry.3f9857f8.js}

@@ -1,4 +1,4 @@
-import { r as C, h as e, F as t } from "./index.ee474937.js";
+import { r as C, h as e, F as t } from "./index.6d908eec.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-thumbs-up-down.entry.b1a12c55.js → swirl-symbol-thumbs-up-down.entry.c483ac32.js}

@@ -1,4 +1,4 @@
-import { r as c, h as e, F as t } from "./index.ee474937.js";
+import { r as c, h as e, F as t } from "./index.6d908eec.js";
 import { c as a } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-twitter.entry.ff4d0b68.js → swirl-symbol-twitter.entry.71741044.js}

@@ -1,4 +1,4 @@
-import { r as i, h as t, F as r } from "./index.ee474937.js";
+import { r as i, h as t, F as r } from "./index.6d908eec.js";
 import { c as C } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-wb-sunny.entry.4976628e.js → swirl-symbol-wb-sunny.entry.ad7d73e6.js}

@@ -1,4 +1,4 @@
-import { r as i, h as s, F as t } from "./index.ee474937.js";
+import { r as i, h as s, F as t } from "./index.6d908eec.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-wechat.entry.6727ad93.js → swirl-symbol-wechat.entry.f61555ef.js}

@@ -1,4 +1,4 @@
-import { r as t, h as s, F as i } from "./index.ee474937.js";
+import { r as t, h as s, F as i } from "./index.6d908eec.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-weibo.entry.60aeb923.js → swirl-symbol-weibo.entry.2a4bd13b.js}

@@ -1,4 +1,4 @@
-import { r as i, h as s, F as t } from "./index.ee474937.js";
+import { r as i, h as s, F as t } from "./index.6d908eec.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-work.entry.79d1f559.js → swirl-symbol-work.entry.19d24434.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, F as o } from "./index.ee474937.js";
+import { r as t, h as e, F as o } from "./index.6d908eec.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-xing.entry.09c58146.js → swirl-symbol-xing.entry.61928f44.js}

@@ -1,4 +1,4 @@
-import { r as t, h as i, F as C } from "./index.ee474937.js";
+import { r as t, h as i, F as C } from "./index.6d908eec.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-youtube.entry.5000065b.js → swirl-symbol-youtube.entry.c2002e27.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, F as o } from "./index.ee474937.js";
+import { r as i, h as e, F as o } from "./index.6d908eec.js";
 import { c as a } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol.entry.ef1954e3.js → swirl-symbol.entry.f1041829.js}

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

package/dist/{swirl-tab-bar.entry.d901595d.js → swirl-tab-bar.entry.59cf565b.js}

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

package/dist/{swirl-tab.entry.ceb6122f.js → swirl-tab.entry.96adeabb.js}

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

package/dist/{swirl-table-cell.entry.45c0bb8b.js → swirl-table-cell.entry.40377378.js}

@@ -1,7 +1,7 @@
-import { r as t, h as s, H as l } from "./index.ee474937.js";
+import { r as t, h as s, H as l } from "./index.6d908eec.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}:host(.table-cell--is-sticky-right){position:sticky;right:0;overflow:hidden}:host(.table-cell--has-shadow-right){box-shadow:var(--swirl-table-sticky-right-shadow)}:host(.table-cell--has-shadow-left){box-shadow:var(--swirl-table-sticky-left-shadow)}:host *{box-sizing:border-box}", o = a, r = class {
+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);
   }

package/dist/{swirl-table-column.entry.79c5f95e.js → swirl-table-column.entry.7dda5e87.js}

@@ -1,8 +1,8 @@
-import { r as t, h as s, H as i, g as a } from "./index.ee474937.js";
+import { r as t, h as s, H as i, g as a } from "./index.6d908eec.js";
 import { c as o } from "./utils-9b747dd7.4c4c7dc0.js";
 import "react";
 import "react-dom";
-const r = ":host{display:flex;overflow:hidden;padding-top:var(--s-space-12);padding-right:var(--s-space-16);padding-bottom:var(--s-space-12);padding-left:var(--s-space-16);flex-basis:0;flex-grow:1;flex-shrink:1;align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);color:var(--s-text-subdued);background-color:var(--s-surface-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);white-space:nowrap;letter-spacing:var(--s-letter-spacing-tighter);text-overflow:ellipsis;transition:box-shadow 0.15s;gap:var(--s-space-8)}:host(.table-column--is-sticky){position:sticky}:host(.table-column--is-sticky-right){position:sticky;right:0}:host(.table-column--has-shadow-right){box-shadow:var(--swirl-table-sticky-right-shadow)}:host(.table-column--has-shadow-left){box-shadow:var(--swirl-table-sticky-left-shadow)}:host *{box-sizing:border-box}.table-column__sort-indicator{display:inline-flex;width:1.25rem;height:1.25rem;flex-grow:0;flex-shrink:0}", d = r, n = class {
+const r = ":host{display:flex;overflow:hidden;padding-top:var(--s-space-12);padding-right:var(--s-space-16);padding-bottom:var(--s-space-12);padding-left:var(--s-space-16);flex-basis:0;flex-grow:1;flex-shrink:1;align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);color:var(--s-text-subdued);background-color:var(--s-surface-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);white-space:nowrap;letter-spacing:var(--s-letter-spacing-tighter);text-overflow:ellipsis;transition:box-shadow 0.15s;gap:var(--s-space-8)}:host(.table-column--is-sticky){position:sticky;z-index:1}:host(.table-column--is-sticky-right){position:sticky;z-index:1;right:0}:host(.table-column--has-shadow-right){box-shadow:var(--swirl-table-sticky-right-shadow)}:host(.table-column--has-shadow-left){box-shadow:var(--swirl-table-sticky-left-shadow)}:host *{box-sizing:border-box}.table-column__sort-indicator{display:inline-flex;width:1.25rem;height:1.25rem;flex-grow:0;flex-shrink:0}", d = r, n = class {
   constructor(e) {
     t(this, e), this.sort = void 0, this.sortable = void 0, this.maxWidth = void 0, this.minWidth = "fit-content", this.sticky = void 0, this.width = void 0;
   }

package/dist/{swirl-table-row-group.entry.5832093a.js → swirl-table-row-group.entry.8192c5f7.js}

@@ -1,4 +1,4 @@
-import { r as o, h as e, H as l, g as a } from "./index.ee474937.js";
+import { r as o, h as e, H as l, g as a } from "./index.6d908eec.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 {

package/dist/{swirl-table-row.entry.76748a5e.js → swirl-table-row.entry.ea5a572f.js}

@@ -1,4 +1,4 @@
-import { r as s, h as t, H as o, g as r } from "./index.ee474937.js";
+import { r as s, h as t, H as o, g as r } from "./index.6d908eec.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import { c as a } from "./utils-9b747dd7.4c4c7dc0.js";
 import "react";

package/dist/{swirl-table.entry.5fb335c0.js → swirl-table.entry.3ff11285.js}

@@ -1,11 +1,11 @@
-import { r as S, h as r, H as _, g as v } from "./index.ee474937.js";
-import { d as C, i as f } from "./utils-9b747dd7.4c4c7dc0.js";
+import { r as S, h as a, H as _, g as v } from "./index.6d908eec.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, a = void 0, i = void 0, n = [];
+  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 y = x(s), b = new Date().getTime(), w = !o || b - o > y;
+    var f = x(s), b = new Date().getTime(), w = !o || b - o > f;
     o = b;
     for (var p = arguments.length, c = Array(p), d = 0; d < p; d++)
       c[d] = arguments[d];
@@ -13,17 +13,17 @@ var k = function(t) {
       return l.accumulate ? Promise.resolve(t.call(this, [c])).then(function(u) {
         return u[0];
       }) : Promise.resolve(t.call.apply(t, [this].concat(c)));
-    if (a ? clearTimeout(i) : a = R(), n.push(c), i = setTimeout(m.bind(this), y), l.accumulate) {
+    if (i ? clearTimeout(r) : i = R(), n.push(c), r = setTimeout(m.bind(this), f), l.accumulate) {
       var g = n.length - 1;
-      return a.promise.then(function(u) {
+      return i.promise.then(function(u) {
         return u[g];
       });
     }
-    return a.promise;
+    return i.promise;
   };
   function m() {
-    var h = a;
-    clearTimeout(i), Promise.resolve(l.accumulate ? t.call(this, n) : t.apply(this, n[n.length - 1])).then(h.resolve, h.reject), n = [], a = null;
+    var h = i;
+    clearTimeout(r), Promise.resolve(l.accumulate ? t.call(this, n) : t.apply(this, n[n.length - 1])).then(h.resolve, h.reject), n = [], i = null;
   }
 };
 function x(e) {
@@ -37,23 +37,40 @@ function R() {
 }
 const L = `:host{position:relative;display:block}:host *{box-sizing:border-box}.table__container{position:relative;overflow:auto;width:100%}.table__container--scrolled{--swirl-table-sticky-right-shadow:4px 0 16px -4px rgba(23, 23, 23, 0.04),
     2px 0 4px -2px rgba(23, 23, 23, 0.04)}.table__container--scrollable:not(.table__container--scrolled-to-end){--swirl-table-sticky-left-shadow:0px 4px 16px 0px rgba(23, 23, 23, 0.04),
-    0px 1px 4px 0px rgba(23, 23, 23, 0.04)}.table__table{width:-webkit-max-content;width:-moz-max-content;width:max-content;min-width:max(20rem, 100%)}.table__header ::slotted(*){display:flex}.table__empty-row{display:flex}.table__empty-row-cell{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)}.table__empty-row-cell>*{flex-grow:1}`, E = L, q = class {
+    0px 1px 4px 0px rgba(23, 23, 23, 0.04)}.table__table{width:-webkit-max-content;width:-moz-max-content;width:max-content;min-width:max(20rem, 100%)}.table__header ::slotted(*){display:flex}.table__empty-row{display:flex}.table__empty-row-cell{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)}.table__empty-row-cell>*{flex-grow:1}`, E = L, O = class {
   constructor(e) {
     S(this, e), this.triggerRerender = C(async () => {
-      await this.updateLayout(), this.updateScrolledState(), this.updateEmptyState();
+      await this.updateLayout(), this.updateEmptyState();
     }, 0, !0), this.updateLayout = k(async () => {
-      this.resetCellStyles(), this.resetColumnStyles(), this.resetEmptyRowStyles(), this.resetRowGroupStyles(), this.layoutEmptyRow(), this.layoutRowGroups(), this.layOutCellsAndColumns();
+      this.resetCellStyles(), this.resetColumnStyles(), this.resetEmptyRowStyles(), this.resetRowGroupStyles(), this.layoutEmptyRow(), this.layoutRowGroups(), this.layOutCellsAndColumns(), this.updateScrolledState();
     }, 16, { leading: !0 }), this.onScroll = () => {
       this.updateScrolledState();
     }, this.onSlotChange = async () => {
-      await this.updateLayout(), this.updateScrolledState(), this.updateEmptyState();
+      await this.updateLayout(), this.updateEmptyState();
     }, this.caption = void 0, this.emptyStateLabel = "No results found.", this.label = void 0, this.empty = void 0, this.scrollable = void 0, this.scrolled = void 0, this.scrolledToEnd = void 0;
   }
+  async componentDidLoad() {
+    this.setupIntersectionObserver();
+  }
+  disconnectedCallback() {
+    var e;
+    (e = this.intersectionObserver) == null || e.disconnect();
+  }
+  setupIntersectionObserver() {
+    this.intersectionObserver = new IntersectionObserver(this.onVisibilityChange.bind(this), {
+      threshold: 0
+    }), this.intersectionObserver.observe(this.container);
+  }
+  async onVisibilityChange(e) {
+    e.some((s) => s.isIntersecting) && setTimeout(async () => {
+      await this.updateLayout();
+    }, 100);
+  }
   async componentDidRender() {
-    await this.updateLayout(), this.updateScrolledState(), this.updateEmptyState();
+    await this.updateLayout(), this.updateEmptyState();
   }
   async onWindowResize() {
-    await this.updateLayout(), this.updateScrolledState();
+    await this.updateLayout();
   }
   async rerender() {
     this.triggerRerender();
@@ -70,16 +87,19 @@ const L = `:host{position:relative;display:block}:host *{box-sizing:border-box}.
   }
   resetColumnStyles() {
     this.getColumns().forEach((t) => {
-      t.classList.remove("table-column--has-shadow", "table-column--is-sticky", "table-column--is-sticky-right"), t.style.right = "", t.style.left = "", t.style.position = "";
+      t.classList.remove("table-column--has-shadow", "table-column--is-sticky", "table-column--is-sticky-right"), t.style.right = "", t.style.left = "", t.style.position = "", t.style.zIndex = "";
     });
   }
   resetCellStyles() {
     this.getCells().forEach((t) => {
-      t.classList.remove("table-cell--has-shadow", "table-cell--is-sticky", "table-cell--is-sticky-right"), t.style.flex = "", t.style.left = "", t.style.right = "", t.style.position = "";
+      t.classList.remove("table-cell--has-shadow", "table-cell--is-sticky", "table-cell--is-sticky-right"), t.style.flex = "", t.style.left = "", t.style.right = "", t.style.position = "", t.style.zIndex = "";
     });
   }
   updateScrolledState() {
-    const e = f(), t = this.container.scrollWidth > this.container.clientWidth, s = this.container.scrollLeft > 0, l = Math.ceil(this.container.clientWidth + this.container.scrollLeft) >= Math.floor(this.container.scrollWidth);
+    const e = y();
+    if (this.container === void 0)
+      return;
+    const t = this.container.scrollWidth > this.container.clientWidth, s = this.container.scrollLeft > 0, l = Math.ceil(this.container.clientWidth + this.container.scrollLeft) >= Math.floor(this.container.scrollWidth);
     t !== this.scrollable && (t && !e ? this.container.classList.add("table__container--scrollable") : this.container.classList.remove("table__container--scrollable")), s !== this.scrolled && (s && !e ? this.container.classList.add("table__container--scrolled") : this.container.classList.remove("table__container--scrolled")), l !== this.scrolledToEnd && (l && !e ? this.container.classList.add("table__container--scrolled-to-end") : this.container.classList.remove("table__container--scrolled-to-end"));
   }
   getColumns() {
@@ -106,28 +126,28 @@ const L = `:host{position:relative;display:block}:host *{box-sizing:border-box}.
   layOutCellsAndColumns() {
     const e = this.getColumns(), t = this.getCells();
     e.forEach((s, l) => {
-      const o = this.getCellsForColumn(t, e, l), a = this.calculateColumnProperties(s, e, l);
-      o.forEach((i) => this.applyCellStyles(i, s, a)), this.applyColumnStyles(s, a);
+      const o = this.getCellsForColumn(t, e, l), i = this.calculateColumnProperties(s, e, l);
+      o.forEach((r) => this.applyCellStyles(r, s, i)), this.applyColumnStyles(s, i);
     });
   }
   getCellsForColumn(e, t, s) {
     return e.filter((l, o) => (s - o) % t.length === 0);
   }
   calculateColumnProperties(e, t, s) {
-    const l = e.sticky ? this.getLeftOffsetForStickyColumn(t, s) : 0, o = `${e.getBoundingClientRect().width}px`, a = e.sticky && t.length === s + 1, i = e.sticky && !this.hasStickyColumnsToRight(t, s);
+    const l = e.sticky ? this.getLeftOffsetForStickyColumn(t, s) : 0, o = `${e.getBoundingClientRect().width}px`, i = e.sticky && t.length === s + 1, r = e.sticky && !this.hasStickyColumnsToRight(t, s);
     return {
       leftOffsetForStickyColumn: l,
       columnWidth: o,
-      isLastColumnSticky: a,
-      hasShadowRight: i
+      isLastColumnSticky: i,
+      hasShadowRight: r
     };
   }
   applyCellStyles(e, t, s) {
-    const { leftOffsetForStickyColumn: l, columnWidth: o, isLastColumnSticky: a, hasShadowRight: i } = s;
-    e.style.flex = Boolean(o) ? `0 0 ${o}` : "", !f() && (t.sticky && !a && (e.classList.add("table-cell--is-sticky"), e.style.left = l + "px", i && e.classList.add("table-cell--has-shadow-right")), a && e.classList.add("table-cell--is-sticky-right", "table-cell--has-shadow-left"));
+    const { leftOffsetForStickyColumn: l, columnWidth: o, isLastColumnSticky: i, hasShadowRight: r } = s;
+    e.style.flex = Boolean(o) ? `0 0 ${o}` : "", !y() && (t.sticky && !i && (e.classList.add("table-cell--is-sticky"), e.style.left = l + "px", r && 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())
+    if (y())
       return;
     const { leftOffsetForStickyColumn: s, isLastColumnSticky: l, hasShadowRight: o } = t;
     e.sticky && !l && (e.classList.add("table-column--is-sticky"), e.style.left = s + "px", o && e.classList.add("table-column--has-shadow-right")), l && e.classList.add("table-column--is-sticky-right", "table-column--has-shadow-left");
@@ -146,13 +166,13 @@ const L = `:host{position:relative;display:block}:host *{box-sizing:border-box}.
     this.empty = !Boolean(e) || e.children.length === 0;
   }
   render() {
-    return r(_, { key: "37ef1e64f3c6cbdfed004ad7915e704f87b554b9" }, r("div", { key: "28cb57486ff34527137f3e8e0a1b99ea6689c028", class: "table" }, r("div", { key: "8638339ad10b0717838db8d2d7da46362f27b765", class: "table__container", onScroll: this.onScroll, ref: (e) => this.container = e }, r("div", { key: "e188997398d9e92398d57ddf5bf86ef4302e926f", "aria-describedby": Boolean(this.caption) ? "caption" : void 0, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && r("swirl-visually-hidden", { key: "43a14efa932530a84cd92b0542d0aaf369beeb21" }, r("div", { key: "76c0682264341a0dad2fb106bec8a9b6a21c9d9f", id: "caption" }, this.caption)), r("div", { key: "54f869db5cb16e867ccee307b1f44e1015488b3f", role: "rowgroup" }, r("div", { key: "e0824b2e573cf5e28723997eda31cf2a9a4c1a7f", class: "table__header", role: "row" }, r("slot", { key: "356e94e43d75002cc4f1b3cb3be3f1f89085a3eb", name: "columns", onSlotchange: this.onSlotChange }))), r("div", { key: "9a9928b1e0eaf80d26c5c6bb1da16b955d79db41", class: "table__body" }, r("slot", { key: "6042f722777c006ad9a384deaaef9f1046e8f4e4", name: "rows", onSlotchange: this.onSlotChange }), this.empty && r("div", { key: "0d7f5bc5da8a01ef0bb7f8bb639af8bb9acbca28", class: "table__empty-row", role: "row" }, r("div", { key: "55da68f08e43f6868bb0c96dd1b4c37f09f5db69", "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, r("swirl-text", { key: "f98990fb4ea4141c7ef300fe784fb15c6f6aa833", align: "center", size: "sm" }, this.emptyStateLabel))))))));
+    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))))))));
   }
   get el() {
     return v(this);
   }
 };
-q.style = E;
+O.style = E;
 export {
-  q as swirl_table
+  O as swirl_table
 };

package/dist/{swirl-tabs.entry.9e7301d1.js → swirl-tabs.entry.927be5b5.js}

@@ -1,4 +1,4 @@
-import { r as s, c as b, h as e, H as n, g as c } from "./index.ee474937.js";
+import { r as s, c as b, h as e, H as n, g as c } from "./index.6d908eec.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 {

package/dist/{swirl-text-input.entry.a24b5c14.js → swirl-text-input.entry.6bfc4de7.js}

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

package/dist/{swirl-text.entry.1b877933.js → swirl-text.entry.7e7cd346.js}

@@ -1,4 +1,4 @@
-import { r as at, h as Y, H as lt, g as ct } from "./index.ee474937.js";
+import { r as at, h as Y, H as lt, g as ct } from "./index.6d908eec.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.a3932361.js → swirl-theme-provider.entry.9008ec84.js}

@@ -1,4 +1,4 @@
-import { r as m, c as a, h as o, H as d } from "./index.ee474937.js";
+import { r as m, c as a, h as o, H as d } from "./index.6d908eec.js";
 import "react";
 import "react-dom";
 const l = ".sc-swirl-theme-provider-h{display:block}", c = l, i = "swirl-preferred-theme", g = class {

package/dist/{swirl-time-input.entry.a2855038.js → swirl-time-input.entry.7d4a24d8.js}

@@ -1,4 +1,4 @@
-import { r as c, c as d, h as a, H as p, g as m } from "./index.ee474937.js";
+import { r as c, c as d, h as a, H as p, g as m } from "./index.6d908eec.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";

package/dist/{swirl-toast-provider.entry.034ab6d4.js → swirl-toast-provider.entry.cacd80b9.js}

@@ -1,4 +1,4 @@
-import { r, h as i, H as e } from "./index.ee474937.js";
+import { r, h as i, H as e } from "./index.6d908eec.js";
 import "react";
 import "react-dom";
 const h = class {

package/dist/{swirl-toast.entry.bd63fd6f.js → swirl-toast.entry.e94d3c5b.js}

@@ -1,4 +1,4 @@
-import { r as o, c as n, h as e, H as r } from "./index.ee474937.js";
+import { r as o, c as n, h as e, H as r } from "./index.6d908eec.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.aeeedcab.js → swirl-toolbar.entry.9a0a6184.js}

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

package/dist/{swirl-tooltip.entry.ddf96887.js → swirl-tooltip.entry.935bd650.js}

@@ -1,4 +1,4 @@
-import { r as p, h as o, H as c, g as d } from "./index.ee474937.js";
+import { r as p, h as o, H as c, g as d } from "./index.6d908eec.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.28262340.js → swirl-tree-navigation-item.entry.f1da1ab1.js}

@@ -1,4 +1,4 @@
-import { r, h as i, H as n, g as s } from "./index.ee474937.js";
+import { r, h as i, H as n, g as s } from "./index.6d908eec.js";
 import { c as o } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-video-thumbnail.entry.d38e46f5.js → swirl-video-thumbnail.entry.3ac2d799.js}

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

package/dist/{swirl-visually-hidden.entry.3c74e404.js → swirl-visually-hidden.entry.0fb7dcd0.js}

@@ -1,4 +1,4 @@
-import { r, h as i, H as e } from "./index.ee474937.js";
+import { r, h as i, H as e } from "./index.6d908eec.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 {

package/dist/{wc-datepicker.entry.af3531cc.js → wc-datepicker.entry.d7268ab0.js}

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

package/package.json

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