@getflip/swirl-components-react 0.37.1 → 0.37.2

package/dist/{swirl-icon-phone.entry.feb091e9.js → swirl-icon-phone.entry.45e4d96d.js}

@@ -1,4 +1,4 @@
-import { r, h as s, F as t } from "./index.7f4bac97.js";
+import { r, h as s, F as t } from "./index.5e15f5c9.js";
 import { c as o } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-poll.entry.e41052f2.js → swirl-icon-poll.entry.5ff87503.js}

@@ -1,4 +1,4 @@
-import { r as l, h as C, F as i } from "./index.7f4bac97.js";
+import { r as l, h as C, F as i } from "./index.5e15f5c9.js";
 import { c as r } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-print.entry.1311770e.js → swirl-icon-print.entry.523d7c6e.js}

@@ -1,4 +1,4 @@
-import { r as V, h as C, F as H } from "./index.7f4bac97.js";
+import { r as V, h as C, F as H } from "./index.5e15f5c9.js";
 import { c as t } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-recieved.entry.8d9a53d4.js → swirl-icon-recieved.entry.9de46c54.js}

@@ -1,4 +1,4 @@
-import { r as e, h as s, F as t } from "./index.7f4bac97.js";
+import { r as e, h as s, F as t } from "./index.5e15f5c9.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-search-strong.entry.5b3a698e.js → swirl-icon-search-strong.entry.8cfdddeb.js}

@@ -1,4 +1,4 @@
-import { r, h as C, F as i } from "./index.7f4bac97.js";
+import { r, h as C, F as i } from "./index.5e15f5c9.js";
 import { c as e } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-search.entry.bb038912.js → swirl-icon-search.entry.b1a82071.js}

@@ -1,4 +1,4 @@
-import { r, h as C, F as i } from "./index.7f4bac97.js";
+import { r, h as C, F as i } from "./index.5e15f5c9.js";
 import { c as e } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-send.entry.89ed236b.js → swirl-icon-send.entry.c3d5a559.js}

@@ -1,4 +1,4 @@
-import { r as C, h as s, F as t } from "./index.7f4bac97.js";
+import { r as C, h as s, F as t } from "./index.5e15f5c9.js";
 import { c as r } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-settings.entry.c2df1eff.js → swirl-icon-settings.entry.93da6cf2.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as i } from "./index.7f4bac97.js";
+import { r as t, h as C, F as i } from "./index.5e15f5c9.js";
 import { c as e } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-sync.entry.5aedb4ba.js → swirl-icon-sync.entry.f8eff417.js}

@@ -1,4 +1,4 @@
-import { r, h as C, F as i } from "./index.7f4bac97.js";
+import { r, h as C, F as i } from "./index.5e15f5c9.js";
 import { c as e } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-tasks-filled.entry.28476045.js → swirl-icon-tasks-filled.entry.55f736d9.js}

@@ -1,4 +1,4 @@
-import { r as t, h as s, F as e } from "./index.7f4bac97.js";
+import { r as t, h as s, F as e } from "./index.5e15f5c9.js";
 import { c as r } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-tasks-outlined.entry.172b30a8.js → swirl-icon-tasks-outlined.entry.b1bb6e80.js}

@@ -1,4 +1,4 @@
-import { r, h as i, F as l } from "./index.7f4bac97.js";
+import { r, h as i, F as l } from "./index.5e15f5c9.js";
 import { c as t } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-time-filled.entry.d4cafb4f.js → swirl-icon-time-filled.entry.cc523e77.js}

@@ -1,4 +1,4 @@
-import { r as e, h as C, F as i } from "./index.7f4bac97.js";
+import { r as e, h as C, F as i } from "./index.5e15f5c9.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-time-outlined.entry.73819db0.js → swirl-icon-time-outlined.entry.3f5948d3.js}

@@ -1,4 +1,4 @@
-import { r as e, h as C, F as i } from "./index.7f4bac97.js";
+import { r as e, h as C, F as i } from "./index.5e15f5c9.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-user-assign.entry.e0275d90.js → swirl-icon-user-assign.entry.d58ea87f.js}

@@ -1,4 +1,4 @@
-import { r, h as C, F as i } from "./index.7f4bac97.js";
+import { r, h as C, F as i } from "./index.5e15f5c9.js";
 import { c as e } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-video-camera.entry.d574a395.js → swirl-icon-video-camera.entry.7432b1f1.js}

@@ -1,4 +1,4 @@
-import { r as e, h as s, F as C } from "./index.7f4bac97.js";
+import { r as e, h as s, F as C } from "./index.5e15f5c9.js";
 import { c as r } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-inline-notification.entry.7a4cbf58.js → swirl-inline-notification.entry.bb924799.js}

@@ -1,4 +1,4 @@
-import { r as t, h as i, H as o } from "./index.7f4bac97.js";
+import { r as t, h as i, H as o } from "./index.5e15f5c9.js";
 import { c as s } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-lightbox.entry.eeaffa3d.js → swirl-lightbox.entry.b31a52b4.js}

@@ -1,4 +1,4 @@
-import { r as c, h as e, H as u, g } from "./index.7f4bac97.js";
+import { r as c, h as e, H as u, g } from "./index.5e15f5c9.js";
 import { A as b } from "./a11y-dialog.esm-d7a94c8c.bd6ae411.js";
 import { d as m, e as p } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
 import { c as x } from "./index-d280dafb.186cdb0e.js";

package/dist/{swirl-link.entry.20780c20.js → swirl-link.entry.9e37461a.js}

@@ -1,4 +1,4 @@
-import { r, h as i, H as t } from "./index.7f4bac97.js";
+import { r, h as i, H as t } from "./index.5e15f5c9.js";
 import "react";
 import "react-dom";
 const s = ":host{display:inline-flex}:host *{box-sizing:border-box}.link{color:var(--s-interactive-primary-default);line-height:var(--s-line-height-base);text-underline-offset:var(--s-space-4)}.link:hover{color:var(--s-interactive-primary-hovered)}.link:active{color:var(--s-interactive-primary-pressed)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.link{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}", n = class {

package/dist/{swirl-list.entry.76c3276f.js → swirl-list.entry.2dc75cdc.js}

@@ -1,4 +1,4 @@
-import { r as l, h as t, H as r } from "./index.7f4bac97.js";
+import { r as l, h as t, H as r } from "./index.5e15f5c9.js";
 import "react";
 import "react-dom";
 const s = ':host{display:block}:host *{box-sizing:border-box}.swirl-list{line-height:var(--s-line-height-base)}.swirl-list ul,.swirl-list ol{margin:0;padding:0;list-style-position:outside;list-style-type:none}.swirl-list ul li{padding-left:1.5rem}.swirl-list ul li:before{display:inline-block;width:1.5rem;margin-left:-1.5rem;text-align:center;content:"\u2022"}.swirl-list ol{counter-reset:item}.swirl-list ol ol{counter-reset:letter}.swirl-list ol ol li:before{content:counter(letter, lower-alpha) ".";counter-increment:letter}.swirl-list ol li{padding-left:1.5rem}.swirl-list ol li:before{display:inline-block;min-width:1.5rem;margin-left:-1.5rem;padding-right:var(--s-space-8);text-align:right;content:counter(item) ".";counter-increment:item;font-variant-numeric:tabular-nums}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.swirl-list{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}', n = class {

package/dist/{swirl-modal.entry.e8e245f1.js → swirl-modal.entry.18c04c4c.js}

@@ -1,4 +1,4 @@
-import { r as h, c as s, h as o, H as p } from "./index.7f4bac97.js";
+import { r as h, c as s, h as o, H as p } from "./index.5e15f5c9.js";
 import { A as b } from "./a11y-dialog.esm-d7a94c8c.bd6ae411.js";
 import { d as f, e as u } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
 import { c as v } from "./index-d280dafb.186cdb0e.js";

package/dist/{swirl-option-list-section.entry.f6d9fa71.js → swirl-option-list-section.entry.172fbf65.js}

@@ -1,4 +1,4 @@
-import { r as s, h as t, H as e } from "./index.7f4bac97.js";
+import { r as s, h as t, H as e } from "./index.5e15f5c9.js";
 import "react";
 import "react-dom";
 const o = ":host{display:block}:host *{box-sizing:border-box}.option-list-section{background-color:var(--s-surface-overlay-default)}.option-list-section__label{display:block;width:100%;padding:var(--s-space-8) var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default);color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-section__label{padding:var(--s-space-8) var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}", l = class {

package/dist/{swirl-pagination.entry.4dc1e912.js → swirl-pagination.entry.61cf0b34.js}

@@ -1,4 +1,4 @@
-import { r as o, c as r, h as i, H as p } from "./index.7f4bac97.js";
+import { r as o, c as r, h as i, H as p } from "./index.5e15f5c9.js";
 import { c as g } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-pdf-reader.entry.9ac1b9a7.js → swirl-pdf-reader.entry.3b8779bf.js}

@@ -1,4 +1,4 @@
-import { r as l, h as e, H as n, g as d } from "./index.7f4bac97.js";
+import { r as l, h as e, H as n, g as d } from "./index.5e15f5c9.js";
 import { A as c } from "./a11y-dialog.esm-d7a94c8c.bd6ae411.js";
 import { d as h, e as p } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
 import { c as r } from "./index-d280dafb.186cdb0e.js";

package/dist/{swirl-popover.entry.3830e7ec.js → swirl-popover.entry.05396497.js}

@@ -1,4 +1,4 @@
-import { r as h, c as r, h as n, H as m, g as v } from "./index.7f4bac97.js";
+import { r as h, c as r, h as n, H as m, g as v } from "./index.5e15f5c9.js";
 import { o as p, s as l, f, c as u, a as g } from "./floating-ui.dom.esm-b9f28f6d.15013ef7.js";
 import { d as b, e as y } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
 import { c as k } from "./index-d280dafb.186cdb0e.js";

package/dist/{swirl-progress-indicator.entry.c2123268.js → swirl-progress-indicator.entry.2b6ad51f.js}

@@ -1,4 +1,4 @@
-import { r as t, h as s, H as n } from "./index.7f4bac97.js";
+import { r as t, h as s, H as n } from "./index.5e15f5c9.js";
 import { c } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-radio-group.entry.b81cd1ee.js → swirl-radio-group.entry.c243eb11.js}

@@ -1,4 +1,4 @@
-import { r as a, c as o, h as i, H as l, g as n } from "./index.7f4bac97.js";
+import { r as a, c as o, h as i, H as l, g as n } from "./index.5e15f5c9.js";
 import "react";
 import "react-dom";
 const u = ".sc-swirl-radio-group-h{display:block}.sc-swirl-radio-group-h *.sc-swirl-radio-group{box-sizing:border-box}.radio-group.sc-swirl-radio-group{display:flex;flex-direction:column;gap:var(--s-space-12)}", d = class {

package/dist/{swirl-radio.entry.5b628367.js → swirl-radio.entry.ec017299.js}

@@ -1,4 +1,4 @@
-import { r as e, c as l, h as i, H as c } from "./index.7f4bac97.js";
+import { r as e, c as l, h as i, H as c } from "./index.5e15f5c9.js";
 import { c as t } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-resource-list-file-item.entry.3c59e8f9.js → swirl-resource-list-file-item.entry.f10bf8f5.js}

@@ -1,4 +1,4 @@
-import { r as n, c as a, h as s, H as c } from "./index.7f4bac97.js";
+import { r as n, c as a, h as s, H as c } from "./index.5e15f5c9.js";
 import { c as d } from "./index-d280dafb.186cdb0e.js";
 import { a as h } from "./utils-61f188cc.4a43deab.js";
 import "react";

package/dist/{swirl-search.entry.350c020c.js → swirl-search.entry.bfe1c0f2.js}

@@ -1,4 +1,4 @@
-import { r as i, c as r, h as a, H as t } from "./index.7f4bac97.js";
+import { r as i, c as r, h as a, H as t } from "./index.5e15f5c9.js";
 import { c } from "./index-d280dafb.186cdb0e.js";
 import { a as l } from "./utils-61f188cc.4a43deab.js";
 import "react";

package/dist/{swirl-select.entry.6a986e70.js → swirl-select.entry.c60520e6.js}

@@ -1,4 +1,4 @@
-import { r as a, c as r, h as e, H as c, g as d } from "./index.7f4bac97.js";
+import { r as a, c as r, h as e, H as c, g as d } from "./index.5e15f5c9.js";
 import { c as h } from "./index-d280dafb.186cdb0e.js";
 import { q as p } from "./utils-61f188cc.4a43deab.js";
 import "react";

package/dist/{swirl-shell-layout.entry.a335c36e.js → swirl-shell-layout.entry.85232f4f.js}

@@ -1,4 +1,4 @@
-import { r as o, h as e, H as t } from "./index.7f4bac97.js";
+import { r as o, h as e, H as t } from "./index.5e15f5c9.js";
 import { c as i } from "./index-d280dafb.186cdb0e.js";
 import { a as r, g as d } from "./utils-61f188cc.4a43deab.js";
 import "react";

package/dist/{swirl-shell-navigation-item.entry.0bbd05a7.js → swirl-shell-navigation-item.entry.26541754.js}

@@ -1,4 +1,4 @@
-import { r as t, h as n, H as a, g as s } from "./index.7f4bac97.js";
+import { r as t, h as n, H as a, g as s } from "./index.5e15f5c9.js";
 import { c as o } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-skeleton-box.entry.378d0ee9.js → swirl-skeleton-box.entry.76387894.js}

@@ -1,4 +1,4 @@
-import { r as t, h as s, H as i } from "./index.7f4bac97.js";
+import { r as t, h as s, H as i } from "./index.5e15f5c9.js";
 import { c as o } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-skeleton-text.entry.cd04ec91.js → swirl-skeleton-text.entry.cd14087d.js}

@@ -1,4 +1,4 @@
-import { r as l, h as t, H as a } from "./index.7f4bac97.js";
+import { r as l, h as t, H as a } from "./index.5e15f5c9.js";
 import { c as s } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-stack.entry.1ac1d198.js → swirl-stack.entry.d4245ae2.js}

@@ -1,4 +1,4 @@
-import { r as i, h as s, H as e } from "./index.7f4bac97.js";
+import { r as i, h as s, H as e } from "./index.5e15f5c9.js";
 import { c as n } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-switch.entry.0f109197.js → swirl-switch.entry.5067719c.js}

@@ -1,4 +1,4 @@
-import { r as h, c as n, h as e, H as a, g as l } from "./index.7f4bac97.js";
+import { r as h, c as n, h as e, H as a, g as l } from "./index.5e15f5c9.js";
 import { c as o } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-tab.entry.ab56a05f.js → swirl-tab.entry.041aef80.js}

@@ -1,4 +1,4 @@
-import { r as a, h as s, H as i } from "./index.7f4bac97.js";
+import { r as a, h as s, H as i } from "./index.5e15f5c9.js";
 import { c as e } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-table-cell.entry.7c20bb6d.js → swirl-table-cell.entry.102fd6b4.js}

@@ -1,4 +1,4 @@
-import { r as e, h as s, H as l } from "./index.7f4bac97.js";
+import { r as e, h as s, H as l } from "./index.5e15f5c9.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-background-default);word-break:break-word;-webkit-hyphens:auto;hyphens:auto;transition:box-shadow 0.15s}: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}", t = class {

package/dist/{swirl-table-column.entry.97bada66.js → swirl-table-column.entry.fd17b5f2.js}

@@ -1,4 +1,4 @@
-import { r as e, h as t, H as i, g as r } from "./index.7f4bac97.js";
+import { r as e, h as t, H as i, g as r } from "./index.5e15f5c9.js";
 import "react";
 import "react-dom";
 const a = ":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-background-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--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}", o = class {

package/dist/{swirl-table-row-group.entry.6a68e52f.js → swirl-table-row-group.entry.9a16356c.js}

@@ -1,4 +1,4 @@
-import { r as o, h as r, H as s, g as t } from "./index.7f4bac97.js";
+import { r as o, h as r, H as s, g as t } from "./index.5e15f5c9.js";
 import "react";
 import "react-dom";
 const a = ":host{position:relative;z-index:1;display:block}:host *{box-sizing:border-box}.table-row-group__header-row{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)}@media (min-width: 768px){.table-row-group__label{position:sticky;left:var(--s-space-16)}}", l = class {

package/dist/{swirl-table-row.entry.30bdc0e7.js → swirl-table-row.entry.03d721a1.js}

@@ -1,4 +1,4 @@
-import { r as s, h as o, H as e } from "./index.7f4bac97.js";
+import { r as s, h as o, H as e } from "./index.5e15f5c9.js";
 import { c as r } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-table.entry.5dfffaf6.js → swirl-table.entry.ceedfeb7.js}

@@ -1,27 +1,27 @@
-import { r as v, h as i, H as S, g as _ } from "./index.7f4bac97.js";
-import { i as g } from "./utils-61f188cc.4a43deab.js";
+import { r as g, h as i, H as S, g as _ } from "./index.5e15f5c9.js";
+import { i as v } from "./utils-61f188cc.4a43deab.js";
 import "react";
 import "react-dom";
 var C = function(e) {
-  var a = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0, s = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, n = void 0, r = void 0, c = void 0, o = [];
+  var l = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0, s = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, n = void 0, r = void 0, c = void 0, o = [];
   return function() {
-    var w = L(a), h = new Date().getTime(), m = !n || h - n > w;
+    var w = L(l), h = new Date().getTime(), y = !n || h - n > w;
     n = h;
-    for (var l = arguments.length, u = Array(l), f = 0; f < l; f++)
-      u[f] = arguments[f];
-    if (m && s.leading)
-      return s.accumulate ? Promise.resolve(e.call(this, [u])).then(function(b) {
-        return b[0];
+    for (var a = arguments.length, u = Array(a), b = 0; b < a; b++)
+      u[b] = arguments[b];
+    if (y && s.leading)
+      return s.accumulate ? Promise.resolve(e.call(this, [u])).then(function(f) {
+        return f[0];
       }) : Promise.resolve(e.call.apply(e, [this].concat(u)));
-    if (r ? clearTimeout(c) : r = x(), o.push(u), c = setTimeout(y.bind(this), w), s.accumulate) {
+    if (r ? clearTimeout(c) : r = x(), o.push(u), c = setTimeout(m.bind(this), w), s.accumulate) {
       var p = o.length - 1;
-      return r.promise.then(function(b) {
-        return b[p];
+      return r.promise.then(function(f) {
+        return f[p];
       });
     }
     return r.promise;
   };
-  function y() {
+  function m() {
     var d = r;
     clearTimeout(c), Promise.resolve(s.accumulate ? e.call(this, o) : e.apply(this, o[o.length - 1])).then(d.resolve, d.reject), o = [], r = null;
   }
@@ -31,8 +31,8 @@ function L(t) {
 }
 function x() {
   var t = {};
-  return t.promise = new Promise(function(e, a) {
-    t.resolve = e, t.reject = a;
+  return t.promise = new Promise(function(e, l) {
+    t.resolve = e, t.reject = l;
   }), t;
 }
 const R = `: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:0.0625rem 0 0 0 var(--s-border-default),
@@ -43,7 +43,7 @@ const R = `:host{position:relative;display:block}:host *{box-sizing:border-box}.
     0 0.25rem 1rem rgba(25, 26, 28, 0.04),
     0 0.0625rem 0.25rem rgba(25, 26, 28, 0.16)}.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;border-right:var(--s-border-width-default) solid var(--s-border-default);border-bottom:var(--s-border-width-default) solid var(--s-border-default);border-left:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default)}.table__empty-row-cell>*{flex-grow:1}`, T = class {
   constructor(t) {
-    v(this, t), this.updateLayout = C(async () => {
+    g(this, t), this.updateLayout = C(async () => {
       await this.resetEmptyRowStyles(), await this.resetRowGroupStyles(), await this.resetCellStyles(), await this.resetColumnStyles(), await this.layoutEmptyRow(), await this.layoutRowGroups(), await this.layOutColumns(), this.layOutCells();
     }, 100), this.onScroll = () => {
       this.updateScrolledState();
@@ -51,15 +51,30 @@ const R = `:host{position:relative;display:block}:host *{box-sizing:border-box}.
       await this.updateLayout(), this.updateScrolledState(), 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;
   }
+  componentDidLoad() {
+    this.observeColumnChanges();
+  }
+  disconnectedCallback() {
+    var t;
+    (t = this.columnObserver) === null || t === void 0 || t.disconnect();
+  }
   async componentDidRender() {
     await this.updateLayout(), this.updateScrolledState(), this.updateEmptyState();
   }
   async onWindowResize() {
     await this.updateLayout(), this.updateScrolledState();
   }
+  observeColumnChanges() {
+    var t, e, l;
+    this.columnObserver = new MutationObserver(this.onSlotChange);
+    const s = (l = (e = (t = this.el.shadowRoot.querySelector('slot[name="columns"]')).assignedElements) === null || e === void 0 ? void 0 : e.call(t)) === null || l === void 0 ? void 0 : l[0];
+    !Boolean(s) || this.columnObserver.observe(s, {
+      childList: !0
+    });
+  }
   updateScrolledState() {
-    const t = g(), e = this.container.scrollWidth > this.container.clientWidth, a = this.container.scrollLeft > 0, s = Math.ceil(this.container.clientWidth + this.container.scrollLeft) >= Math.floor(this.container.scrollWidth);
-    e !== this.scrollable && (e && !t ? this.container.classList.add("table__container--scrollable") : this.container.classList.remove("table__container--scrollable")), a !== this.scrolled && (a && !t ? this.container.classList.add("table__container--scrolled") : this.container.classList.remove("table__container--scrolled")), s !== this.scrolledToEnd && (s && !t ? this.container.classList.add("table__container--scrolled-to-end") : this.container.classList.remove("table__container--scrolled-to-end"));
+    const t = v(), e = this.container.scrollWidth > this.container.clientWidth, l = this.container.scrollLeft > 0, s = Math.ceil(this.container.clientWidth + this.container.scrollLeft) >= Math.floor(this.container.scrollWidth);
+    e !== this.scrollable && (e && !t ? this.container.classList.add("table__container--scrollable") : this.container.classList.remove("table__container--scrollable")), l !== this.scrolled && (l && !t ? this.container.classList.add("table__container--scrolled") : this.container.classList.remove("table__container--scrolled")), s !== this.scrolledToEnd && (s && !t ? this.container.classList.add("table__container--scrolled-to-end") : this.container.classList.remove("table__container--scrolled-to-end"));
   }
   getColumns() {
     return Array.from(this.el.querySelectorAll("swirl-table-column"));
@@ -95,34 +110,34 @@ const R = `:host{position:relative;display:block}:host *{box-sizing:border-box}.
   }
   async layoutRowGroups() {
     const t = Array.from(this.el.querySelectorAll("swirl-table-row-group")), e = `${this.el.shadowRoot.querySelector(".table__container").scrollWidth}px`;
-    t.forEach((a) => {
-      a.shadowRoot.querySelector(".table-row-group__header-row").style.width = e;
+    t.forEach((l) => {
+      l.shadowRoot.querySelector(".table-row-group__header-row").style.width = e;
     });
   }
   async layOutColumns() {
-    const t = this.getColumns(), a = this.container.clientWidth;
+    const t = this.getColumns(), l = this.container.clientWidth;
     t.forEach((s, n) => {
       var r, c;
-      if (!s.sticky || g())
+      if (!s.sticky || v())
         return;
-      const o = n <= Math.floor(t.length / 2), y = (r = t[n + 1]) === null || r === void 0 ? void 0 : r.sticky, d = (c = t[n - 1]) === null || c === void 0 ? void 0 : c.sticky, w = o && y;
-      s.style.zIndex = w ? "1" : "", o && !y || !o && !d ? s.classList.add(o ? "table-column--has-shadow-right" : "table-column--has-shadow-left") : (s.classList.remove("table-column--has-shadow-right"), s.classList.remove("table-column--has-shadow-left"));
-      const m = o ? s.offsetLeft : Math.max(0, a - (s.offsetLeft + s.getBoundingClientRect().width));
-      s.style.position = "sticky", o ? s.style.left = `${m}px` : s.style.right = `${m}px`;
+      const o = n <= Math.floor(t.length / 2), m = (r = t[n + 1]) === null || r === void 0 ? void 0 : r.sticky, d = (c = t[n - 1]) === null || c === void 0 ? void 0 : c.sticky, w = o && m;
+      s.style.zIndex = w ? "1" : "", o && !m || !o && !d ? s.classList.add(o ? "table-column--has-shadow-right" : "table-column--has-shadow-left") : (s.classList.remove("table-column--has-shadow-right"), s.classList.remove("table-column--has-shadow-left"));
+      const y = o ? s.offsetLeft : Math.max(0, l - (s.offsetLeft + s.getBoundingClientRect().width));
+      s.style.position = "sticky", o ? s.style.left = `${y}px` : s.style.right = `${y}px`;
     }), await new Promise((s) => setTimeout(s));
   }
   layOutCells() {
     const t = this.getColumns(), e = this.getCells();
-    t.forEach((a, s) => {
+    t.forEach((l, s) => {
       var n, r;
-      const c = e.filter((l, u) => (s - u) % t.length === 0), o = s <= Math.floor(t.length / 2), y = o ? window.getComputedStyle(a).left : window.getComputedStyle(a).right, d = (n = t[s + 1]) === null || n === void 0 ? void 0 : n.sticky, w = (r = t[s - 1]) === null || r === void 0 ? void 0 : r.sticky, h = a.sticky, m = a.width || `${a.getBoundingClientRect().width}px`;
-      c.forEach((l) => {
-        const u = h && o, f = h && !o, p = o && d;
-        if (l.style.flex = Boolean(m) ? `0 0 ${m}` : "", g()) {
-          l.classList.remove("table-cell--has-shadow"), l.style.left = "", l.style.right = "", l.style.position = "", l.style.zIndex = "";
+      const c = e.filter((a, u) => (s - u) % t.length === 0), o = s <= Math.floor(t.length / 2), m = o ? window.getComputedStyle(l).left : window.getComputedStyle(l).right, d = (n = t[s + 1]) === null || n === void 0 ? void 0 : n.sticky, w = (r = t[s - 1]) === null || r === void 0 ? void 0 : r.sticky, h = l.sticky, y = l.width || `${l.getBoundingClientRect().width}px`;
+      c.forEach((a) => {
+        const u = h && o, b = h && !o, p = o && d;
+        if (a.style.flex = Boolean(y) ? `0 0 ${y}` : "", v()) {
+          a.classList.remove("table-cell--has-shadow"), a.style.left = "", a.style.right = "", a.style.position = "", a.style.zIndex = "";
           return;
         }
-        l.style.left = u ? y : "", l.style.right = f ? y : "", l.style.position = h ? "sticky" : "", l.style.zIndex = p ? "1" : "", h && (o && !d || !o && !w) ? l.classList.add(o ? "table-cell--has-shadow-right" : "table-cell--has-shadow-left") : (l.classList.remove("table-cell--has-shadow-right"), l.classList.remove("table-cell--has-shadow-left"));
+        a.style.left = u ? m : "", a.style.right = b ? m : "", a.style.position = h ? "sticky" : "", a.style.zIndex = p ? "1" : "", h && (o && !d || !o && !w) ? a.classList.add(o ? "table-cell--has-shadow-right" : "table-cell--has-shadow-left") : (a.classList.remove("table-cell--has-shadow-right"), a.classList.remove("table-cell--has-shadow-left"));
       });
     });
   }

package/dist/{swirl-tabs.entry.276e209e.js → swirl-tabs.entry.97ff7852.js}

@@ -1,4 +1,4 @@
-import { r as i, c as r, h as e, H as o, g as b } from "./index.7f4bac97.js";
+import { r as i, c as r, h as e, H as o, g as b } from "./index.5e15f5c9.js";
 import { c as n } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-tag.entry.dc5a7a5f.js → swirl-tag.entry.2afa10f8.js}

@@ -1,4 +1,4 @@
-import { r, c as s, h as t, H as n } from "./index.7f4bac97.js";
+import { r, c as s, h as t, H as n } from "./index.5e15f5c9.js";
 import { c as i } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-text-input.entry.66aa97ce.js → swirl-text-input.entry.db23ee0e.js}

@@ -1,4 +1,4 @@
-import { r as h, c as n, h as i, H as d } from "./index.7f4bac97.js";
+import { r as h, c as n, h as i, H as d } from "./index.5e15f5c9.js";
 import { c } from "./index-d280dafb.186cdb0e.js";
 import { a as x } from "./utils-61f188cc.4a43deab.js";
 import "react";

package/dist/{swirl-text.entry.0662c62d.js → swirl-text.entry.9c10a1bd.js}

@@ -1,4 +1,4 @@
-import { r as J, h as y, H as T, g as V } from "./index.7f4bac97.js";
+import { r as J, h as y, H as T, g as V } from "./index.5e15f5c9.js";
 import { c as F } from "./index-d280dafb.186cdb0e.js";
 import { b as G } from "./balancetext-fa49c64f.754e913c.js";
 import "react";

package/dist/{swirl-theme-provider.entry.4440d249.js → swirl-theme-provider.entry.234b8f5c.js}

@@ -1,4 +1,4 @@
-import { r as j, c as E, h as w, H } from "./index.7f4bac97.js";
+import { r as j, c as E, h as w, H } from "./index.5e15f5c9.js";
 import "react";
 import "react-dom";
 function d(e, t, o) {

package/dist/{swirl-toast-provider.entry.81b6027a.js → swirl-toast-provider.entry.2a64f68e.js}

@@ -1,4 +1,4 @@
-import { r, h as a, H as n } from "./index.7f4bac97.js";
+import { r, h as a, H as n } from "./index.5e15f5c9.js";
 import "react";
 import "react-dom";
 const h = class {

package/dist/{swirl-toast.entry.c15756ad.js → swirl-toast.entry.681b7b8c.js}

@@ -1,4 +1,4 @@
-import { r as o, c as n, h as i, H as r } from "./index.7f4bac97.js";
+import { r as o, c as n, h as i, H as r } from "./index.5e15f5c9.js";
 import { c as d } from "./index-d280dafb.186cdb0e.js";
 import { a as c } from "./utils-61f188cc.4a43deab.js";
 import "react";

package/dist/{swirl-tooltip.entry.95fc8b96.js → swirl-tooltip.entry.777088c2.js}

@@ -1,4 +1,4 @@
-import { r as n, h as i, H as l } from "./index.7f4bac97.js";
+import { r as n, h as i, H as l } from "./index.5e15f5c9.js";
 import { c as r, o as p, s as h, f as d } from "./floating-ui.dom.esm-b9f28f6d.15013ef7.js";
 import "react";
 import "react-dom";

package/dist/{swirl-tree-navigation-item.entry.4e211de4.js → swirl-tree-navigation-item.entry.a9764048.js}

@@ -1,4 +1,4 @@
-import { r as t, h as i, H as s, g as r } from "./index.7f4bac97.js";
+import { r as t, h as i, H as s, g as r } from "./index.5e15f5c9.js";
 import { c as o } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-video-thumbnail.entry.c43b0cdd.js → swirl-video-thumbnail.entry.97286b23.js}

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

package/dist/{swirl-visually-hidden.entry.5b2761b5.js → swirl-visually-hidden.entry.024ebb4b.js}

@@ -1,4 +1,4 @@
-import { r as s, h as i, H as l } from "./index.7f4bac97.js";
+import { r as s, h as i, H as l } from "./index.5e15f5c9.js";
 import "react";
 import "react-dom";
 const t = ":host{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)}", o = class {

package/dist/{wc-datepicker.entry.27fa1908.js → wc-datepicker.entry.cc8fb12e.js}

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

package/package.json

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