@getflip/swirl-components-react 0.20.1 → 0.22.0

package/dist/{swirl-icon-manage-accounts.entry.13ce487c.js → swirl-icon-manage-accounts.entry.6ece7f81.js}

@@ -1,4 +1,4 @@
-import { r, h as C, F as i } from "./index.6fa8604b.js";
+import { r, h as C, F as i } from "./index.8496e0d6.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-mention.entry.4fc8ab1e.js → swirl-icon-mention.entry.e121bc79.js}

@@ -1,4 +1,4 @@
-import { r as e, h as C, F as i } from "./index.6fa8604b.js";
+import { r as e, h as C, F as i } from "./index.8496e0d6.js";
 import { c as r } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-menu-filled.entry.35f3338d.js → swirl-icon-menu-filled.entry.60e9bc3d.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as r } from "./index.6fa8604b.js";
+import { r as t, h as C, F as r } from "./index.8496e0d6.js";
 import { c as s } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-menu-outlined.entry.402b75de.js → swirl-icon-menu-outlined.entry.5624e940.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as r } from "./index.6fa8604b.js";
+import { r as t, h as C, F as r } from "./index.8496e0d6.js";
 import { c as s } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-menu.entry.ddf707dc.js → swirl-icon-menu.entry.68dcea49.js}

@@ -1,4 +1,4 @@
-import { r as e, h as C, F as i } from "./index.6fa8604b.js";
+import { r as e, h as C, F as i } from "./index.8496e0d6.js";
 import { c as r } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-message.entry.30f8b722.js → swirl-icon-message.entry.64b39bda.js}

@@ -1,4 +1,4 @@
-import { r as e, h as C, F as i } from "./index.6fa8604b.js";
+import { r as e, h as C, F as i } from "./index.8496e0d6.js";
 import { c as r } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-more-horizontal.entry.068639ec.js → swirl-icon-more-horizontal.entry.297e18ab.js}

@@ -1,4 +1,4 @@
-import { r, h as C, F as i } from "./index.6fa8604b.js";
+import { r, h as C, F as i } from "./index.8496e0d6.js";
 import { c as o } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-news-filled.entry.cbc2f090.js → swirl-icon-news-filled.entry.e7dbabc3.js}

@@ -1,4 +1,4 @@
-import { r as e, h as C, F as i } from "./index.6fa8604b.js";
+import { r as e, h as C, F as i } from "./index.8496e0d6.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-news-outlined.entry.dcf2e3fc.js → swirl-icon-news-outlined.entry.bcafa45a.js}

@@ -1,4 +1,4 @@
-import { r as l, h as C, F as s } from "./index.6fa8604b.js";
+import { r as l, h as C, F as s } from "./index.8496e0d6.js";
 import { c as r } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-notifications-active.entry.76db0d18.js → swirl-icon-notifications-active.entry.a00f4137.js}

@@ -1,4 +1,4 @@
-import { r as e, h as C, F as s } from "./index.6fa8604b.js";
+import { r as e, h as C, F as s } from "./index.8496e0d6.js";
 import { c as o } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-notifications-off.entry.3486c735.js → swirl-icon-notifications-off.entry.0a96fbe6.js}

@@ -1,4 +1,4 @@
-import { r, h as s, F as t } from "./index.6fa8604b.js";
+import { r, h as s, F as t } from "./index.8496e0d6.js";
 import { c as e } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-notifications.entry.d18c6785.js → swirl-icon-notifications.entry.08f1f3e6.js}

@@ -1,4 +1,4 @@
-import { r, h as s, F as t } from "./index.6fa8604b.js";
+import { r, h as s, F as t } from "./index.8496e0d6.js";
 import { c as e } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-open-in-new.entry.cc229eff.js → swirl-icon-open-in-new.entry.e39cca4c.js}

@@ -1,4 +1,4 @@
-import { r as e, h as C, F as i } from "./index.6fa8604b.js";
+import { r as e, h as C, F as i } from "./index.8496e0d6.js";
 import { c as n } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-people-alt.entry.98fb049f.js → swirl-icon-people-alt.entry.911f947e.js}

@@ -1,4 +1,4 @@
-import { r as o, h as l, F as r } from "./index.6fa8604b.js";
+import { r as o, h as l, F as r } from "./index.8496e0d6.js";
 import { c as C } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-person-off.entry.e6b61c0f.js → swirl-icon-person-off.entry.02632fa6.js}

@@ -1,4 +1,4 @@
-import { r, h as s, F as t } from "./index.6fa8604b.js";
+import { r, h as s, F as t } from "./index.8496e0d6.js";
 import { c as e } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-person.entry.0a59b559.js → swirl-icon-person.entry.1e5667dd.js}

@@ -1,4 +1,4 @@
-import { r as e, h as s, F as t } from "./index.6fa8604b.js";
+import { r as e, h as s, F as t } from "./index.8496e0d6.js";
 import { c as o } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-phone.entry.0999865a.js → swirl-icon-phone.entry.758eafad.js}

@@ -1,4 +1,4 @@
-import { r, h as s, F as t } from "./index.6fa8604b.js";
+import { r, h as s, F as t } from "./index.8496e0d6.js";
 import { c as o } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-poll.entry.d8e59b12.js → swirl-icon-poll.entry.9eb9c46d.js}

@@ -1,4 +1,4 @@
-import { r as l, h as C, F as i } from "./index.6fa8604b.js";
+import { r as l, h as C, F as i } from "./index.8496e0d6.js";
 import { c as r } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-print.entry.5cc79850.js → swirl-icon-print.entry.f6348b2e.js}

@@ -1,4 +1,4 @@
-import { r as V, h as C, F as H } from "./index.6fa8604b.js";
+import { r as V, h as C, F as H } from "./index.8496e0d6.js";
 import { c as t } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-recieved.entry.632bd9d1.js → swirl-icon-recieved.entry.53529b3a.js}

@@ -1,4 +1,4 @@
-import { r as e, h as s, F as t } from "./index.6fa8604b.js";
+import { r as e, h as s, F as t } from "./index.8496e0d6.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-search-strong.entry.70e00cff.js → swirl-icon-search-strong.entry.10a89357.js}

@@ -1,4 +1,4 @@
-import { r, h as C, F as i } from "./index.6fa8604b.js";
+import { r, h as C, F as i } from "./index.8496e0d6.js";
 import { c as e } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-search.entry.0dd78e82.js → swirl-icon-search.entry.c2b2bfc3.js}

@@ -1,4 +1,4 @@
-import { r, h as C, F as i } from "./index.6fa8604b.js";
+import { r, h as C, F as i } from "./index.8496e0d6.js";
 import { c as e } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-send.entry.6340b6ab.js → swirl-icon-send.entry.2ce09c4e.js}

@@ -1,4 +1,4 @@
-import { r as C, h as s, F as t } from "./index.6fa8604b.js";
+import { r as C, h as s, F as t } from "./index.8496e0d6.js";
 import { c as r } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-settings.entry.f00ca5f7.js → swirl-icon-settings.entry.ca8bf4ce.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as i } from "./index.6fa8604b.js";
+import { r as t, h as C, F as i } from "./index.8496e0d6.js";
 import { c as e } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-sync.entry.ffca7419.js → swirl-icon-sync.entry.73cda838.js}

@@ -1,4 +1,4 @@
-import { r, h as C, F as i } from "./index.6fa8604b.js";
+import { r, h as C, F as i } from "./index.8496e0d6.js";
 import { c as e } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-tasks-filled.entry.81b860c7.js → swirl-icon-tasks-filled.entry.42690350.js}

@@ -1,4 +1,4 @@
-import { r as t, h as s, F as e } from "./index.6fa8604b.js";
+import { r as t, h as s, F as e } from "./index.8496e0d6.js";
 import { c as r } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-tasks-outlined.entry.9e3a71ee.js → swirl-icon-tasks-outlined.entry.f2f882f7.js}

@@ -1,4 +1,4 @@
-import { r, h as i, F as l } from "./index.6fa8604b.js";
+import { r, h as i, F as l } from "./index.8496e0d6.js";
 import { c as t } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-time-filled.entry.48ca4677.js → swirl-icon-time-filled.entry.23f161ad.js}

@@ -1,4 +1,4 @@
-import { r as e, h as C, F as i } from "./index.6fa8604b.js";
+import { r as e, h as C, F as i } from "./index.8496e0d6.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-time-outlined.entry.79d35c62.js → swirl-icon-time-outlined.entry.495ff22e.js}

@@ -1,4 +1,4 @@
-import { r as e, h as C, F as i } from "./index.6fa8604b.js";
+import { r as e, h as C, F as i } from "./index.8496e0d6.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-user-assign.entry.9a40db6a.js → swirl-icon-user-assign.entry.389d24cc.js}

@@ -1,4 +1,4 @@
-import { r, h as C, F as i } from "./index.6fa8604b.js";
+import { r, h as C, F as i } from "./index.8496e0d6.js";
 import { c as e } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-video-camera.entry.0e107aa1.js → swirl-icon-video-camera.entry.f7f73053.js}

@@ -1,4 +1,4 @@
-import { r as e, h as s, F as C } from "./index.6fa8604b.js";
+import { r as e, h as s, F as C } from "./index.8496e0d6.js";
 import { c as r } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-warning.entry.ab2cc1c6.js → swirl-icon-warning.entry.4b09deb5.js}

@@ -1,4 +1,4 @@
-import { r, h as C, F as i } from "./index.6fa8604b.js";
+import { r, h as C, F as i } from "./index.8496e0d6.js";
 import { c as e } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-lightbox.entry.8fc6f9a0.js → swirl-lightbox.entry.36ce6d15.js}

@@ -1,4 +1,4 @@
-import { r as c, h as e, H as u, g } from "./index.6fa8604b.js";
+import { r as c, h as e, H as u, g } from "./index.8496e0d6.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.01f1fad6.js → swirl-link.entry.09273d00.js}

@@ -1,4 +1,4 @@
-import { r, h as i, H as t } from "./index.6fa8604b.js";
+import { r, h as i, H as t } from "./index.8496e0d6.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.19c124f0.js → swirl-list.entry.137315a2.js}

@@ -1,4 +1,4 @@
-import { r as l, h as t, H as r } from "./index.6fa8604b.js";
+import { r as l, h as t, H as r } from "./index.8496e0d6.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.81b8245b.js → swirl-modal.entry.76e610b6.js}

@@ -1,10 +1,10 @@
-import { r as h, c as l, h as o, H as p } from "./index.6fa8604b.js";
+import { r as h, c as l, h as o, H as p } from "./index.8496e0d6.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";
 import "react";
 import "react-dom";
-const g = ':host{--swirl-ghost-button-background-default:var(--s-surface-overlay-default);--swirl-ghost-button-background-hovered:var(--s-surface-overlay-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-overlay-pressed);display:block}:host *{box-sizing:border-box}.modal{position:fixed;z-index:var(--s-z-40);display:flex;justify-content:center;align-items:center;inset:0}.modal[aria-hidden="true"]{display:none}.modal:not(.modal--closing) .modal__backdrop{-webkit-animation:0.15s modal-backdrop-fade-in;animation:0.15s modal-backdrop-fade-in}@media (prefers-reduced-motion){.modal:not(.modal--closing) .modal__backdrop{-webkit-animation:none;animation:none}}.modal:not(.modal--closing) .modal__body{-webkit-animation:0.15s modal-scale-in;animation:0.15s modal-scale-in}@media (prefers-reduced-motion){.modal:not(.modal--closing) .modal__body{-webkit-animation:none;animation:none}}.modal--padded .modal__content{padding-top:var(--s-space-24);padding-right:var(--s-space-16);padding-bottom:var(--s-space-24);padding-left:var(--s-space-16)}@media (min-width: 768px){.modal--padded .modal__content{padding-top:0;padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24)}}.modal--closing{-webkit-animation:0.15s modal-fade-out;animation:0.15s modal-fade-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media (prefers-reduced-motion){.modal--closing{-webkit-animation:none;animation:none}}@media (min-width: 768px){.modal--scrollable .modal__content{padding-bottom:0}}.modal--scrollable:not(.modal--scrolled-down) .modal__controls{border-top:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 768px){.modal--scrolled .modal__header{border-bottom-color:var(--s-border-default)}}.modal__backdrop{position:fixed;background-color:rgba(0, 0, 0, 0.2);inset:0}.modal__body{position:relative;z-index:var(--s-z-40);display:flex;overflow:hidden;width:100vw;height:100vh;background-color:var(--s-surface-overlay-default);flex-direction:column}@media (min-width: 768px){.modal__body{width:90vw;max-width:33.75rem;height:auto;max-height:90vh;border-radius:var(--s-border-radius-base);box-shadow:var(--s-shadow-level-3)}}.modal__close-button{position:absolute;top:var(--s-space-8);left:var(--s-space-8)}@media (min-width: 768px){.modal__close-button{top:var(--s-space-16);right:var(--s-space-16);left:auto}}.modal__header{display:flex;height:3.5rem;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:calc(var(--s-space-8) + 2.5rem + var(--s-space-8));flex-shrink:0;align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);gap:var(--s-space-16)}@media (min-width: 768px){.modal__header{height:4.125rem;padding-top:var(--s-space-24);padding-right:calc(var(--s-space-16) + 2.5rem + var(--s-space-8));padding-bottom:var(--s-space-16);padding-left:var(--s-space-24);border-bottom:var(--s-border-width-default) solid transparent}}.modal__heading{overflow:hidden}.modal__heading .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.modal__content{overflow-x:hidden;overflow-y:auto;flex-grow:1;line-height:var(--s-line-height-base)}.modal__content ::slotted(*){margin:0}.modal__controls{display:flex;padding-top:var(--s-space-16);padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24);flex-shrink:0;justify-content:flex-end}@-webkit-keyframes modal-scale-in{from{transform:scale(0)}to{transform:scale(1)}}@keyframes modal-scale-in{from{transform:scale(0)}to{transform:scale(1)}}@-webkit-keyframes modal-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes modal-backdrop-fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes modal-fade-out{from{opacity:1}to{opacity:0}}@keyframes modal-fade-out{from{opacity:1}to{opacity:0}}', y = class {
+const g = ':host{--swirl-ghost-button-background-default:var(--s-surface-overlay-default);--swirl-ghost-button-background-hovered:var(--s-surface-overlay-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-overlay-pressed);display:block}:host *{box-sizing:border-box}.modal{position:fixed;z-index:var(--s-z-40);display:flex;justify-content:center;align-items:center;inset:0}.modal[aria-hidden="true"]{display:none}.modal:not(.modal--closing) .modal__backdrop{-webkit-animation:0.15s modal-backdrop-fade-in;animation:0.15s modal-backdrop-fade-in}@media (prefers-reduced-motion){.modal:not(.modal--closing) .modal__backdrop{-webkit-animation:none;animation:none}}.modal:not(.modal--closing) .modal__body{-webkit-animation:0.15s modal-scale-in;animation:0.15s modal-scale-in}@media (prefers-reduced-motion){.modal:not(.modal--closing) .modal__body{-webkit-animation:none;animation:none}}.modal--padded .modal__content{padding-top:var(--s-space-24);padding-right:var(--s-space-16);padding-bottom:var(--s-space-24);padding-left:var(--s-space-16)}@media (min-width: 768px){.modal--padded .modal__content{padding-top:0;padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24)}}.modal--closing{-webkit-animation:0.15s modal-fade-out;animation:0.15s modal-fade-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media (prefers-reduced-motion){.modal--closing{-webkit-animation:none;animation:none}}@media (min-width: 768px){.modal--scrollable .modal__content{padding-bottom:0}}.modal--scrollable:not(.modal--scrolled-down) .modal__controls{border-top:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 768px){.modal--scrolled .modal__header{border-bottom-color:var(--s-border-default)}}.modal__backdrop{position:fixed;background-color:rgba(0, 0, 0, 0.2);inset:0}.modal__body{position:relative;z-index:var(--s-z-40);display:flex;overflow:hidden;width:100vw;max-width:40rem;height:100vh;background-color:var(--s-surface-overlay-default);flex-direction:column}@media (min-width: 768px){.modal__body{width:90vw;height:auto;max-height:90vh;border-radius:var(--s-border-radius-base);box-shadow:var(--s-shadow-level-3)}}.modal__close-button{position:absolute;top:var(--s-space-8);left:var(--s-space-8)}@media (min-width: 768px){.modal__close-button{top:var(--s-space-16);right:var(--s-space-16);left:auto}}.modal__header{display:flex;height:3.5rem;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:calc(var(--s-space-8) + 2.5rem + var(--s-space-8));flex-shrink:0;align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);gap:var(--s-space-16)}@media (min-width: 768px){.modal__header{height:4.125rem;padding-top:var(--s-space-24);padding-right:calc(var(--s-space-16) + 2.5rem + var(--s-space-8));padding-bottom:var(--s-space-16);padding-left:var(--s-space-24);border-bottom:var(--s-border-width-default) solid transparent}}.modal__heading{overflow:hidden}.modal__heading .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.modal__content{overflow-x:hidden;overflow-y:auto;flex-grow:1;line-height:var(--s-line-height-base)}.modal__content ::slotted(*){margin:0}.modal__controls{display:flex;padding-top:var(--s-space-16);padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24);flex-shrink:0;justify-content:flex-end}@-webkit-keyframes modal-scale-in{from{transform:scale(0)}to{transform:scale(1)}}@keyframes modal-scale-in{from{transform:scale(0)}to{transform:scale(1)}}@-webkit-keyframes modal-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes modal-backdrop-fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes modal-fade-out{from{opacity:1}to{opacity:0}}@keyframes modal-fade-out{from{opacity:1}to{opacity:0}}', y = class {
   constructor(e) {
     h(this, e), this.modalClose = l(this, "modalClose", 7), this.modalOpen = l(this, "modalOpen", 7), this.primaryAction = l(this, "primaryAction", 7), this.secondaryAction = l(this, "secondaryAction", 7), this.onKeyDown = (a) => {
       a.code === "Escape" && this.close();
@@ -17,10 +17,10 @@ const g = ':host{--swirl-ghost-button-background-default:var(--s-surface-overlay
     }, this.onSecondaryAction = (a) => {
       this.secondaryAction.emit(a);
     }, this.determineScrollStatus = () => {
-      var a, i, s, t, d, r;
-      const n = ((a = this.scrollContainer) === null || a === void 0 ? void 0 : a.scrollTop) > 0, c = Math.ceil(((i = this.scrollContainer) === null || i === void 0 ? void 0 : i.scrollTop) + ((s = this.scrollContainer) === null || s === void 0 ? void 0 : s.offsetHeight)) >= ((t = this.scrollContainer) === null || t === void 0 ? void 0 : t.scrollHeight), m = ((d = this.scrollContainer) === null || d === void 0 ? void 0 : d.scrollHeight) > ((r = this.scrollContainer) === null || r === void 0 ? void 0 : r.offsetHeight);
-      n !== this.scrolled && (this.scrolled = n), c !== this.scrolledDown && (this.scrolledDown = c), m !== this.scrollable && (this.scrollable = m);
-    }, this.closeButtonLabel = "Close modal", this.hideCloseButton = void 0, this.hideLabel = void 0, this.label = void 0, this.padded = !0, this.primaryActionLabel = void 0, this.secondaryActionLabel = void 0, this.closing = !1, this.scrollable = !1, this.scrolled = !1, this.scrolledDown = !1;
+      var a, i, t, s, d, n;
+      const r = ((a = this.scrollContainer) === null || a === void 0 ? void 0 : a.scrollTop) > 0, c = Math.ceil(((i = this.scrollContainer) === null || i === void 0 ? void 0 : i.scrollTop) + ((t = this.scrollContainer) === null || t === void 0 ? void 0 : t.offsetHeight)) >= ((s = this.scrollContainer) === null || s === void 0 ? void 0 : s.scrollHeight), m = ((d = this.scrollContainer) === null || d === void 0 ? void 0 : d.scrollHeight) > ((n = this.scrollContainer) === null || n === void 0 ? void 0 : n.offsetHeight);
+      r !== this.scrolled && (this.scrolled = r), c !== this.scrolledDown && (this.scrolledDown = c), m !== this.scrollable && (this.scrollable = m);
+    }, this.closeButtonLabel = "Close modal", this.hideCloseButton = void 0, this.hideLabel = void 0, this.label = void 0, this.maxWidth = void 0, this.padded = !0, this.primaryActionLabel = void 0, this.secondaryActionLabel = void 0, this.closing = !1, this.scrollable = !1, this.scrolled = !1, this.scrolledDown = !1;
   }
   componentDidLoad() {
     this.modal = new b(this.modalEl), this.determineScrollStatus();
@@ -54,7 +54,7 @@ const g = ':host{--swirl-ghost-button-background-default:var(--s-surface-overlay
       "modal--scrolled": this.scrolled,
       "modal--scrolled-down": this.scrolledDown
     });
-    return o(p, null, o("section", { "aria-hidden": "true", "aria-label": this.label, class: a, id: "modal", onKeyDown: this.onKeyDown, ref: (i) => this.modalEl = i }, o("div", { class: "modal__backdrop", onClick: this.onBackdropClick }), o("div", { class: "modal__body", role: "document" }, !this.hideCloseButton && o("swirl-button", { class: "modal__close-button", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), !this.hideLabel && o("header", { class: "modal__header" }, o("swirl-heading", { as: "h2", class: "modal__heading", level: 3, text: this.label })), o("div", { class: "modal__content", onScroll: this.determineScrollStatus, ref: (i) => this.scrollContainer = i }, o("slot", null)), e && o("footer", { class: "modal__controls" }, o("swirl-button-group", { wrap: !0 }, this.secondaryActionLabel && o("swirl-button", { label: this.secondaryActionLabel, onClick: this.onSecondaryAction }), this.primaryActionLabel && o("swirl-button", { intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" }))))));
+    return o(p, null, o("section", { "aria-hidden": "true", "aria-label": this.label, class: a, id: "modal", onKeyDown: this.onKeyDown, ref: (i) => this.modalEl = i }, o("div", { class: "modal__backdrop", onClick: this.onBackdropClick }), o("div", { class: "modal__body", role: "document", style: { maxWidth: this.maxWidth } }, !this.hideCloseButton && o("swirl-button", { class: "modal__close-button", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), !this.hideLabel && o("header", { class: "modal__header" }, o("swirl-heading", { as: "h2", class: "modal__heading", level: 3, text: this.label })), o("div", { class: "modal__content", onScroll: this.determineScrollStatus, ref: (i) => this.scrollContainer = i }, o("slot", null)), e && o("footer", { class: "modal__controls" }, o("swirl-button-group", { wrap: !0 }, this.secondaryActionLabel && o("swirl-button", { label: this.secondaryActionLabel, onClick: this.onSecondaryAction }), this.primaryActionLabel && o("swirl-button", { intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" }))))));
   }
 };
 y.style = g;

package/dist/{swirl-option-list-section.entry.b397acd2.js → swirl-option-list-section.entry.97d01854.js}

@@ -1,4 +1,4 @@
-import { r as s, h as t, H as e } from "./index.6fa8604b.js";
+import { r as s, h as t, H as e } from "./index.8496e0d6.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.05a52f3e.js → swirl-pagination.entry.cbfc5ab5.js}

@@ -1,4 +1,4 @@
-import { r, c as p, h as a, H as c } from "./index.6fa8604b.js";
+import { r, c as p, h as a, H as c } from "./index.8496e0d6.js";
 import { c as g } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-pdf-reader.entry.c78407ff.js → swirl-pdf-reader.entry.ade27d3c.js}

@@ -1,4 +1,4 @@
-import { r as l, h as e, H as n, g as d } from "./index.6fa8604b.js";
+import { r as l, h as e, H as n, g as d } from "./index.8496e0d6.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.06b8131c.js → swirl-popover.entry.cd472127.js}

@@ -1,4 +1,4 @@
-import { r as h, c as r, h as n, H as m, g as v } from "./index.6fa8604b.js";
+import { r as h, c as r, h as n, H as m, g as v } from "./index.8496e0d6.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.3a899d00.js → swirl-progress-indicator.entry.32238c70.js}

@@ -1,4 +1,4 @@
-import { r as t, h as s, H as n } from "./index.6fa8604b.js";
+import { r as t, h as s, H as n } from "./index.8496e0d6.js";
 import { c } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-radio-group.entry.8084f9e2.js → swirl-radio-group.entry.6243b66d.js}

@@ -1,4 +1,4 @@
-import { r as a, c as o, h as i, H as l, g as n } from "./index.6fa8604b.js";
+import { r as a, c as o, h as i, H as l, g as n } from "./index.8496e0d6.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.fe620bab.js → swirl-radio.entry.a10d0202.js}

@@ -1,4 +1,4 @@
-import { r as e, c as l, h as i, H as c } from "./index.6fa8604b.js";
+import { r as e, c as l, h as i, H as c } from "./index.8496e0d6.js";
 import { c as t } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-resource-list-file-item.entry.6c76c1c2.js → swirl-resource-list-file-item.entry.f50d5c59.js}

@@ -1,4 +1,4 @@
-import { r as n, c as a, h as s, H as c } from "./index.6fa8604b.js";
+import { r as n, c as a, h as s, H as c } from "./index.8496e0d6.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.078aecfa.js → swirl-search.entry.2a9f659f.js}

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

package/dist/{swirl-select.entry.1f4ed97a.js → swirl-select.entry.32a0bedb.js}

@@ -1,4 +1,4 @@
-import { r as a, c as r, h as e, H as c, g as d } from "./index.6fa8604b.js";
+import { r as a, c as r, h as e, H as c, g as d } from "./index.8496e0d6.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.f744c48b.js → swirl-shell-layout.entry.46dd76fc.js}

@@ -1,4 +1,4 @@
-import { r as i, h as e, H as t } from "./index.6fa8604b.js";
+import { r as i, h as e, H as t } from "./index.8496e0d6.js";
 import { c as s } from "./index-d280dafb.186cdb0e.js";
 import { a as d, g as r } from "./utils-61f188cc.4a43deab.js";
 import "react";

package/dist/{swirl-shell-navigation-item.entry.fda57b60.js → swirl-shell-navigation-item.entry.074653e8.js}

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

package/dist/{swirl-skeleton-box.entry.331e38e9.js → swirl-skeleton-box.entry.371d0deb.js}

@@ -1,4 +1,4 @@
-import { r as t, h as s, H as i } from "./index.6fa8604b.js";
+import { r as t, h as s, H as i } from "./index.8496e0d6.js";
 import { c as o } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-skeleton-text.entry.6b6670c6.js → swirl-skeleton-text.entry.d4b2b081.js}

@@ -1,4 +1,4 @@
-import { r as l, h as t, H as a } from "./index.6fa8604b.js";
+import { r as l, h as t, H as a } from "./index.8496e0d6.js";
 import { c as s } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-stack.entry.46ee9f16.js → swirl-stack.entry.514e31eb.js}

@@ -1,4 +1,4 @@
-import { r as i, h as s, H as e } from "./index.6fa8604b.js";
+import { r as i, h as s, H as e } from "./index.8496e0d6.js";
 import { c as n } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-switch.entry.b14bb58a.js → swirl-switch.entry.d6b3d07f.js}

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

package/dist/{swirl-tab.entry.35bbaf09.js → swirl-tab.entry.2f7f1ae7.js}

@@ -1,4 +1,4 @@
-import { r as a, h as s, H as i } from "./index.6fa8604b.js";
+import { r as a, h as s, H as i } from "./index.8496e0d6.js";
 import { c as e } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-table-cell.entry.d2a41341.js → swirl-table-cell.entry.be4fcf38.js}

@@ -1,4 +1,4 @@
-import { r as a, h as s, H as e } from "./index.6fa8604b.js";
+import { r as a, h as s, H as e } from "./index.8496e0d6.js";
 import "react";
 import "react-dom";
 const t = ":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(:first-child){border-left:var(--s-border-width-default) solid var(--s-border-default)}:host(:last-child){border-right:var(--s-border-width-default) solid var(--s-border-default)}:host *{box-sizing:border-box}", l = class {

package/dist/{swirl-table-column.entry.372d730a.js → swirl-table-column.entry.3020638f.js}

@@ -1,4 +1,4 @@
-import { r as e, h as t, H as r, g as i } from "./index.6fa8604b.js";
+import { r as e, h as t, H as r, g as i } from "./index.8496e0d6.js";
 import "react";
 import "react-dom";
 const o = ":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-top:var(--s-border-width-default) solid var(--s-border-default);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(:first-child){border-left:var(--s-border-width-default) solid var(--s-border-default)}:host(:last-child){border-right:var(--s-border-width-default) solid var(--s-border-default)}: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}", a = class {

package/dist/{swirl-table-row-group.entry.438ee33d.js → swirl-table-row-group.entry.7ce65730.js}

@@ -1,4 +1,4 @@
-import { r as o, h as r, H as s, g as t } from "./index.6fa8604b.js";
+import { r as o, h as r, H as s, g as t } from "./index.8496e0d6.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.40c5a1b2.js → swirl-table-row.entry.fa2b1b7a.js}

@@ -1,4 +1,4 @@
-import { r as s, h as o, H as e } from "./index.6fa8604b.js";
+import { r as s, h as o, H as e } from "./index.8496e0d6.js";
 import { c as r } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-table.entry.ea106d9a.js → swirl-table.entry.2e2006a3.js}

@@ -1,4 +1,4 @@
-import { r as g, h as i, H as _, g as S } from "./index.6fa8604b.js";
+import { r as g, h as i, H as _, g as S } from "./index.8496e0d6.js";
 import { i as v } from "./utils-61f188cc.4a43deab.js";
 import "react";
 import "react-dom";

package/dist/{swirl-tabs.entry.b8a113a6.js → swirl-tabs.entry.afb9740a.js}

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

package/dist/{swirl-tag.entry.8e30b1f8.js → swirl-tag.entry.cfcf3ef2.js}

@@ -1,4 +1,4 @@
-import { r, c as s, h as t, H as n } from "./index.6fa8604b.js";
+import { r, c as s, h as t, H as n } from "./index.8496e0d6.js";
 import { c as i } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-text-input.entry.13901050.js → swirl-text-input.entry.d0a7537f.js}

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

package/dist/{swirl-text.entry.0b72f75f.js → swirl-text.entry.3f581913.js}

@@ -1,4 +1,4 @@
-import { r as l, h as e, H as r, g as n } from "./index.6fa8604b.js";
+import { r as l, h as e, H as r, g as n } from "./index.8496e0d6.js";
 import { c as a } from "./index-d280dafb.186cdb0e.js";
 import { b as o } from "./balancetext-fa49c64f.754e913c.js";
 import "react";

package/dist/{swirl-theme-provider.entry.763561df.js → swirl-theme-provider.entry.8bf66bbc.js}

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

package/dist/{swirl-toast-provider.entry.b6a3c94f.js → swirl-toast-provider.entry.f6ba4ca5.js}

@@ -1,4 +1,4 @@
-import { r, h as a, H as n } from "./index.6fa8604b.js";
+import { r, h as a, H as n } from "./index.8496e0d6.js";
 import "react";
 import "react-dom";
 const h = class {

package/dist/{swirl-toast.entry.dbfb8bf5.js → swirl-toast.entry.765f5deb.js}

@@ -1,4 +1,4 @@
-import { r as o, c as n, h as i, H as r } from "./index.6fa8604b.js";
+import { r as o, c as n, h as i, H as r } from "./index.8496e0d6.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.f72deb87.js → swirl-tooltip.entry.decbc360.js}

@@ -1,4 +1,4 @@
-import { r as n, h as i, H as l } from "./index.6fa8604b.js";
+import { r as n, h as i, H as l } from "./index.8496e0d6.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.7d9c1b35.js → swirl-tree-navigation-item.entry.7ddacd85.js}

@@ -1,4 +1,4 @@
-import { r as t, h as i, H as s, g as r } from "./index.6fa8604b.js";
+import { r as t, h as i, H as s, g as r } from "./index.8496e0d6.js";
 import { c as o } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-video-thumbnail.entry.a5e22248.js → swirl-video-thumbnail.entry.4e8b50e4.js}

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

package/dist/{swirl-visually-hidden.entry.2d66b67e.js → swirl-visually-hidden.entry.6bb59191.js}

@@ -1,4 +1,4 @@
-import { r as s, h as i, H as l } from "./index.6fa8604b.js";
+import { r as s, h as i, H as l } from "./index.8496e0d6.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.6e154269.js → wc-datepicker.entry.c25bad38.js}

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

package/package.json

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