@getflip/swirl-components-react 0.44.1 → 0.45.0

package/dist/{swirl-icon-open-in-new.entry.71edf0e9.js → swirl-icon-open-in-new.entry.7adde1b4.js}

@@ -1,4 +1,4 @@
-import { r as e, h as C, F as i } from "./index.99361c56.js";
+import { r as e, h as C, F as i } from "./index.8684f20b.js";
 import { c as n } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-people-alt.entry.b800e1e5.js → swirl-icon-people-alt.entry.4bc0880d.js}

@@ -1,4 +1,4 @@
-import { r as o, h as l, F as r } from "./index.99361c56.js";
+import { r as o, h as l, F as r } from "./index.8684f20b.js";
 import { c as C } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-person-off.entry.12c2167d.js → swirl-icon-person-off.entry.7e983465.js}

@@ -1,4 +1,4 @@
-import { r, h as s, F as t } from "./index.99361c56.js";
+import { r, h as s, F as t } from "./index.8684f20b.js";
 import { c as e } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-person.entry.e34333dd.js → swirl-icon-person.entry.eeec6b00.js}

@@ -1,4 +1,4 @@
-import { r as e, h as s, F as t } from "./index.99361c56.js";
+import { r as e, h as s, F as t } from "./index.8684f20b.js";
 import { c as o } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-phone.entry.b2b3a4ab.js → swirl-icon-phone.entry.bafbf318.js}

@@ -1,4 +1,4 @@
-import { r, h as s, F as t } from "./index.99361c56.js";
+import { r, h as s, F as t } from "./index.8684f20b.js";
 import { c as o } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-poll.entry.501ffd25.js → swirl-icon-poll.entry.f02758d0.js}

@@ -1,4 +1,4 @@
-import { r as l, h as C, F as i } from "./index.99361c56.js";
+import { r as l, h as C, F as i } from "./index.8684f20b.js";
 import { c as r } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-print.entry.9c38ee71.js → swirl-icon-print.entry.446a96d3.js}

@@ -1,4 +1,4 @@
-import { r as V, h as C, F as H } from "./index.99361c56.js";
+import { r as V, h as C, F as H } from "./index.8684f20b.js";
 import { c as t } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-recieved.entry.0d1c8bad.js → swirl-icon-recieved.entry.eec2b0f1.js}

@@ -1,4 +1,4 @@
-import { r as e, h as s, F as t } from "./index.99361c56.js";
+import { r as e, h as s, F as t } from "./index.8684f20b.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-search-strong.entry.9de98ef2.js → swirl-icon-search-strong.entry.ee5c468f.js}

@@ -1,4 +1,4 @@
-import { r, h as C, F as i } from "./index.99361c56.js";
+import { r, h as C, F as i } from "./index.8684f20b.js";
 import { c as e } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-search.entry.08658e94.js → swirl-icon-search.entry.49581efd.js}

@@ -1,4 +1,4 @@
-import { r, h as C, F as i } from "./index.99361c56.js";
+import { r, h as C, F as i } from "./index.8684f20b.js";
 import { c as e } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-send.entry.a4f294f4.js → swirl-icon-send.entry.44e9c4a8.js}

@@ -1,4 +1,4 @@
-import { r as C, h as s, F as t } from "./index.99361c56.js";
+import { r as C, h as s, F as t } from "./index.8684f20b.js";
 import { c as r } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-settings.entry.57620aee.js → swirl-icon-settings.entry.fc1c4476.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as i } from "./index.99361c56.js";
+import { r as t, h as C, F as i } from "./index.8684f20b.js";
 import { c as e } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-short-text.entry.6e2d496b.js → swirl-icon-short-text.entry.f9085c7c.js}

@@ -1,4 +1,4 @@
-import { r, h as s, F as i } from "./index.99361c56.js";
+import { r, h as s, F as i } from "./index.8684f20b.js";
 import { c as e } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-simplify.entry.30c48a4b.js → swirl-icon-simplify.entry.db56fdda.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as s } from "./index.99361c56.js";
+import { r as t, h as C, F as s } from "./index.8684f20b.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-spellcheck.entry.dbb1dad0.js → swirl-icon-spellcheck.entry.00e3d6f5.js}

@@ -1,4 +1,4 @@
-import { r as e, h as C, F as i } from "./index.99361c56.js";
+import { r as e, h as C, F as i } from "./index.8684f20b.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-sync.entry.7230f714.js → swirl-icon-sync.entry.4e8a97b7.js}

@@ -1,4 +1,4 @@
-import { r, h as C, F as i } from "./index.99361c56.js";
+import { r, h as C, F as i } from "./index.8684f20b.js";
 import { c as e } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-tasks-filled.entry.4d777051.js → swirl-icon-tasks-filled.entry.70965863.js}

@@ -1,4 +1,4 @@
-import { r as t, h as s, F as e } from "./index.99361c56.js";
+import { r as t, h as s, F as e } from "./index.8684f20b.js";
 import { c as r } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-tasks-outlined.entry.1bf27525.js → swirl-icon-tasks-outlined.entry.c2c55b05.js}

@@ -1,4 +1,4 @@
-import { r, h as i, F as l } from "./index.99361c56.js";
+import { r, h as i, F as l } from "./index.8684f20b.js";
 import { c as t } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-time-filled.entry.561d8fe2.js → swirl-icon-time-filled.entry.91cca681.js}

@@ -1,4 +1,4 @@
-import { r as e, h as C, F as i } from "./index.99361c56.js";
+import { r as e, h as C, F as i } from "./index.8684f20b.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-time-outlined.entry.6db88d15.js → swirl-icon-time-outlined.entry.6f843a25.js}

@@ -1,4 +1,4 @@
-import { r as e, h as C, F as i } from "./index.99361c56.js";
+import { r as e, h as C, F as i } from "./index.8684f20b.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-undo.entry.0ca24700.js → swirl-icon-undo.entry.488fc499.js}

@@ -1,4 +1,4 @@
-import { r, h as C, F as i } from "./index.99361c56.js";
+import { r, h as C, F as i } from "./index.8684f20b.js";
 import { c as e } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-user-assign.entry.5efd9fae.js → swirl-icon-user-assign.entry.42ffc6b5.js}

@@ -1,4 +1,4 @@
-import { r, h as C, F as i } from "./index.99361c56.js";
+import { r, h as C, F as i } from "./index.8684f20b.js";
 import { c as e } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-video-camera.entry.250b768d.js → swirl-icon-video-camera.entry.84e54d7e.js}

@@ -1,4 +1,4 @@
-import { r as e, h as s, F as C } from "./index.99361c56.js";
+import { r as e, h as s, F as C } from "./index.8684f20b.js";
 import { c as r } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-voice.entry.032fe476.js → swirl-icon-voice.entry.5b6e15a0.js}

@@ -1,4 +1,4 @@
-import { r as e, h as C, F as i } from "./index.99361c56.js";
+import { r as e, h as C, F as i } from "./index.8684f20b.js";
 import { c as r } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-inline-notification.entry.4ad075c5.js → swirl-inline-notification.entry.7f5b5404.js}

@@ -1,4 +1,4 @@
-import { r as t, h as i, H as o } from "./index.99361c56.js";
+import { r as t, h as i, H as o } from "./index.8684f20b.js";
 import { c as s } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-lightbox.entry.7fbe74d2.js → swirl-lightbox.entry.589ade19.js}

@@ -1,4 +1,4 @@
-import { r as c, h as e, H as u, g } from "./index.99361c56.js";
+import { r as c, h as e, H as u, g } from "./index.8684f20b.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.df691714.js → swirl-link.entry.1fb37faf.js}

@@ -1,4 +1,4 @@
-import { r, h as i, H as t } from "./index.99361c56.js";
+import { r, h as i, H as t } from "./index.8684f20b.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.d92ace1c.js → swirl-list.entry.9fb07b6e.js}

@@ -1,4 +1,4 @@
-import { r as l, h as t, H as r } from "./index.99361c56.js";
+import { r as l, h as t, H as r } from "./index.8684f20b.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.d39c11ca.js → swirl-modal.entry.7b1e6bac.js}

@@ -1,4 +1,4 @@
-import { r as oe, c as N, h as p, H as ne, g as se } from "./index.99361c56.js";
+import { r as oe, c as N, h as p, H as ne, g as se } from "./index.8684f20b.js";
 import { d as le, e as de } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
 import { c as ce } from "./index-d280dafb.186cdb0e.js";
 import "react";

package/dist/{swirl-option-list-section.entry.22ec55d8.js → swirl-option-list-section.entry.14bac992.js}

@@ -1,4 +1,4 @@
-import { r as s, h as t, H as e } from "./index.99361c56.js";
+import { r as s, h as t, H as e } from "./index.8684f20b.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.2feacf5c.js → swirl-pagination.entry.d03806e1.js}

@@ -1,4 +1,4 @@
-import { r, c as s, h as e, H as p } from "./index.99361c56.js";
+import { r, c as s, h as e, H as p } from "./index.8684f20b.js";
 import { c as g } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-pdf-reader.entry.9c081e66.js → swirl-pdf-reader.entry.56754662.js}

@@ -1,4 +1,4 @@
-import { r as l, h as e, H as n, g as d } from "./index.99361c56.js";
+import { r as l, h as e, H as n, g as d } from "./index.8684f20b.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.2e6e655a.js → swirl-popover.entry.24100796.js}

@@ -1,33 +1,33 @@
-import { r as h, c as r, h as n, H as m, g as v } from "./index.99361c56.js";
-import { o as p, s as l, f, c as u, a as g } from "./floating-ui.dom.esm-b9f28f6d.15013ef7.js";
+import { r as h, c as p, h as i, H as m, g as v } from "./index.8684f20b.js";
+import { o as l, s as c, 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";
-import { i as a, g as w, q as c } from "./utils-61f188cc.4a43deab.js";
+import { i as r, g as w, q as d } from "./utils-61f188cc.4a43deab.js";
 import "react";
 import "react-dom";
 const _ = ":host{position:relative;z-index:var(--s-z-40);display:inline-flex}:host *{box-sizing:border-box}.popover--active:not(.popover--closing) .popover__backdrop{-webkit-animation:0.15s popover-fade-in;animation:0.15s popover-fade-in}@media (prefers-reduced-motion){.popover--active:not(.popover--closing) .popover__backdrop{-webkit-animation:none;animation:none}}.popover--active:not(.popover--closing) .popover__content{-webkit-animation:0.15s popover-slide-in;animation:0.15s popover-slide-in}@media (min-width: 768px){.popover--active:not(.popover--closing) .popover__content{transform-origin:top left;-webkit-animation:0.15s popover-fade-scale-in-xy;animation:0.15s popover-fade-scale-in-xy}}@media (prefers-reduced-motion){.popover--active:not(.popover--closing) .popover__content{-webkit-animation:none;animation:none}}.popover--closing .popover__backdrop{-webkit-animation:0.15s popover-fade-out;animation:0.15s popover-fade-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media (prefers-reduced-motion){.popover--closing .popover__backdrop{-webkit-animation:none;animation:none}}.popover--closing .popover__content{-webkit-animation:0.15s popover-slide-out;animation:0.15s popover-slide-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media (min-width: 768px){.popover--closing .popover__content{-webkit-animation:0.15s popover-fade-out;animation:0.15s popover-fade-out}}@media (prefers-reduced-motion){.popover--closing .popover__content{-webkit-animation:none;animation:none}}.popover--inactive .popover__content{display:none}@media (min-width: 768px){.popover--animation-scale-in-y.popover--active:not(.popover--closing) .popover__content{-webkit-animation:0.15s popover-fade-scale-in-y;animation:0.15s popover-fade-scale-in-y}}@media (prefers-reduced-motion){.popover--animation-scale-in-y.popover--active:not(.popover--closing) .popover__content{-webkit-animation:none;animation:none}}.popover__backdrop{position:fixed;z-index:0;background-color:rgba(0, 0, 0, 0.2);-webkit-animation:0.15s popover-backdrop-fade-in;animation:0.15s popover-backdrop-fade-in;inset:0}@media (prefers-reduced-motion){.popover__backdrop{-webkit-animation:none;animation:none}}@media (min-width: 768px){.popover__backdrop{display:none}}.popover__content{position:fixed;z-index:2;right:0;bottom:0;left:0;overflow:hidden;border-top-left-radius:var(--s-border-radius-xl);border-top-right-radius:var(--s-border-radius-xl);background-color:var(--s-surface-overlay-default)}@media (min-width: 768px){.popover__content{right:unset;bottom:unset;left:unset;max-width:22.5rem;border-radius:var(--s-border-radius-sm);-webkit-animation:none;animation:none;box-shadow:var(--s-shadow-level-1)}}.popover__scroll-container{overflow-x:hidden;overflow-y:auto;width:100%;max-height:90vh;padding-top:var(--s-space-24);padding-bottom:var(--s-space-24);overscroll-behavior:contain}@media (min-width: 768px){.popover__scroll-container{max-height:22rem;padding-top:var(--s-space-8);padding-bottom:var(--s-space-8)}}.popover__handle{position:absolute;top:var(--s-space-8);left:50%;width:2.5rem;height:0.375rem;border-radius:0.1875rem;background-color:var(--s-border-default);transform:translatex(-50%)}@media (min-width: 768px){.popover__handle{display:none}}@-webkit-keyframes popover-slide-in{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes popover-slide-in{from{transform:translateY(100%)}to{transform:translateY(0)}}@-webkit-keyframes popover-slide-out{from{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes popover-slide-out{from{transform:translateY(0)}to{transform:translateY(100%)}}@-webkit-keyframes popover-fade-in{from{opacity:0}to{opacity:1}}@keyframes popover-fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes popover-fade-out{from{opacity:1}to{opacity:0}}@keyframes popover-fade-out{from{opacity:1}to{opacity:0}}@-webkit-keyframes popover-fade-scale-in-xy{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes popover-fade-scale-in-xy{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@-webkit-keyframes popover-fade-scale-in-y{from{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}@keyframes popover-fade-scale-in-y{from{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}", x = class {
   constructor(o) {
-    h(this, o), this.popoverClose = r(this, "popoverClose", 7), this.popoverOpen = r(this, "popoverOpen", 7), this.toggle = (e) => {
+    h(this, o), this.popoverClose = p(this, "popoverClose", 7), this.popoverOpen = p(this, "popoverOpen", 7), this.toggle = (e) => {
       e.stopPropagation(), this.active ? this.close() : this.open();
     }, this.onKeydown = (e) => {
       e.code === "Escape" && this.active && (e.stopPropagation(), this.close());
     }, this.reposition = async () => {
-      const e = a();
+      const e = r();
       if (!Boolean(this.triggerEl) || !Boolean(this.contentContainer))
         return;
       if (e) {
         this.position = void 0;
         return;
       }
-      const t = typeof this.offset == "number" ? { mainAxis: this.offset, crossAxis: 0 } : { mainAxis: this.offset[0], crossAxis: this.offset[1] }, i = this.enableFlip ? [p(t), l(), f()] : [p(t), l()];
+      const t = typeof this.offset == "number" ? { mainAxis: this.offset, crossAxis: 0 } : { mainAxis: this.offset[0], crossAxis: this.offset[1] }, n = this.enableFlip ? [l(t), c(), f()] : [l(t), c()];
       this.position = await u(this.triggerEl, this.contentContainer, {
-        middleware: i,
+        middleware: n,
         placement: this.placement,
         strategy: "fixed"
       });
     }, this.onCloseButtonClick = () => {
       this.close();
-    }, this.animation = "scale-in-xy", this.disableScrollLock = void 0, this.enableFlip = !0, this.label = void 0, this.offset = 8, this.placement = "bottom-start", this.popoverId = void 0, this.trigger = void 0, this.useContainerWidth = void 0, this.active = !1, this.closing = !1, this.position = void 0;
+    }, this.animation = "scale-in-xy", this.disableScrollLock = void 0, this.enableFlip = !0, this.label = void 0, this.maxHeight = "22rem", this.offset = 8, this.placement = "bottom-start", this.popoverId = void 0, this.trigger = void 0, this.useContainerWidth = void 0, this.active = !1, this.closing = !1, this.position = void 0;
   }
   componentDidLoad() {
     this.connectTrigger(), this.updateFocusableChildren(), this.updateTriggerAttributes();
@@ -44,8 +44,8 @@ const _ = ":host{position:relative;z-index:var(--s-z-40);display:inline-flex}:ho
   onWindowClick(o) {
     if (!this.active)
       return;
-    const e = o.target, t = this.el.contains(e), i = o.composedPath().some((s) => Boolean(s) && s instanceof Node ? this.el.contains(s) : !1), d = o.target === this.triggerEl;
-    !t && !i && !d && this.close();
+    const e = o.target, t = this.el.contains(e), n = o.composedPath().some((a) => Boolean(a) && a instanceof Node ? this.el.contains(a) : !1), s = o.target === this.triggerEl;
+    !t && !n && !s && this.close();
   }
   async close() {
     var o;
@@ -59,7 +59,7 @@ const _ = ":host{position:relative;z-index:var(--s-z-40);display:inline-flex}:ho
     }));
   }
   connectTrigger() {
-    this.triggerEl = c(document.body, `#${this.trigger}`)[0], Boolean(this.triggerEl) && this.triggerEl.addEventListener("click", (o) => {
+    this.triggerEl = d(document.body, `#${this.trigger}`)[0], Boolean(this.triggerEl) && this.triggerEl.addEventListener("click", (o) => {
       this.toggle(o);
     });
   }
@@ -74,7 +74,7 @@ const _ = ":host{position:relative;z-index:var(--s-z-40);display:inline-flex}:ho
     o.setAttribute("aria-controls", this.popoverId), o.setAttribute("aria-expanded", String(this.active)), o.setAttribute("aria-haspopup", "dialog");
   }
   updateFocusableChildren() {
-    this.focusableChildren = c(this.el, '[role="menuitem"], [role="listbox"]');
+    this.focusableChildren = d(this.el, '[role="menuitem"], [role="listbox"]');
   }
   adjustWidth() {
     let o = this.useContainerWidth;
@@ -87,22 +87,24 @@ const _ = ":host{position:relative;z-index:var(--s-z-40);display:inline-flex}:ho
       this.contentContainer.style.maxWidth = "", this.contentContainer.style.width = "";
   }
   lockBodyScroll() {
-    !a() || this.disableScrollLock || b(this.scrollContainer);
+    !r() || this.disableScrollLock || b(this.scrollContainer);
   }
   unlockBodyScroll() {
-    !a() || this.disableScrollLock || y(this.scrollContainer);
+    !r() || this.disableScrollLock || y(this.scrollContainer);
   }
   render() {
     var o, e;
-    const t = k("popover", `popover--animation-${this.animation}`, {
+    const t = !window.matchMedia("(min-width: 768px)").matches, n = k("popover", `popover--animation-${this.animation}`, {
       "popover--closing": this.closing,
       "popover--active": this.active,
       "popover--inactive": !this.active
     });
-    return n(m, { id: this.popoverId }, n("div", { class: t, onKeyDown: this.onKeydown }, n("div", { "aria-hidden": this.active ? "false" : "true", "aria-label": this.label, class: "popover__content", role: "dialog", ref: (i) => this.contentContainer = i, style: {
+    return i(m, { id: this.popoverId }, i("div", { class: n, onKeyDown: this.onKeydown }, i("div", { "aria-hidden": this.active ? "false" : "true", "aria-label": this.label, class: "popover__content", role: "dialog", ref: (s) => this.contentContainer = s, style: {
       top: Boolean(this.position) ? `${(o = this.position) === null || o === void 0 ? void 0 : o.y}px` : "",
       left: Boolean(this.position) ? `${(e = this.position) === null || e === void 0 ? void 0 : e.x}px` : ""
-    }, tabindex: "-1" }, n("span", { class: "popover__handle" }), n("div", { class: "popover__scroll-container", ref: (i) => this.scrollContainer = i }, n("slot", null))), this.active && n("div", { class: "popover__backdrop", onClick: this.onCloseButtonClick })));
+    }, tabindex: "-1" }, i("span", { class: "popover__handle" }), i("div", { class: "popover__scroll-container", ref: (s) => this.scrollContainer = s, style: {
+      maxHeight: !t && Boolean(this.maxHeight) ? this.maxHeight : void 0
+    } }, i("slot", null))), this.active && i("div", { class: "popover__backdrop", onClick: this.onCloseButtonClick })));
   }
   get el() {
     return v(this);

package/dist/{swirl-progress-indicator.entry.7e0ce992.js → swirl-progress-indicator.entry.a7bd70ed.js}

@@ -1,4 +1,4 @@
-import { r as t, h as s, H as n } from "./index.99361c56.js";
+import { r as t, h as s, H as n } from "./index.8684f20b.js";
 import { c } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-radio-group.entry.b5f6ba89.js → swirl-radio-group.entry.883ecac4.js}

@@ -1,4 +1,4 @@
-import { r as a, c as o, h as i, H as l, g as n } from "./index.99361c56.js";
+import { r as a, c as o, h as i, H as l, g as n } from "./index.8684f20b.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.a40e9457.js → swirl-radio.entry.3e80fe84.js}

@@ -1,4 +1,4 @@
-import { r as e, c as l, h as i, H as c } from "./index.99361c56.js";
+import { r as e, c as l, h as i, H as c } from "./index.8684f20b.js";
 import { c as t } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-resource-list-file-item.entry.a79854b7.js → swirl-resource-list-file-item.entry.97d0f197.js}

@@ -1,4 +1,4 @@
-import { r as n, c as a, h as s, H as c } from "./index.99361c56.js";
+import { r as n, c as a, h as s, H as c } from "./index.8684f20b.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.873242b3.js → swirl-search.entry.9ba18ea8.js}

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

package/dist/{swirl-select.entry.deab61fc.js → swirl-select.entry.5c040f49.js}

@@ -1,4 +1,4 @@
-import { r as a, c as r, h as e, H as c, g as d } from "./index.99361c56.js";
+import { r as a, c as r, h as e, H as c, g as d } from "./index.8684f20b.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.d1b86683.js → swirl-shell-layout.entry.8b2534ad.js}

@@ -1,4 +1,4 @@
-import { r as o, h as e, H as t } from "./index.99361c56.js";
+import { r as o, h as e, H as t } from "./index.8684f20b.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.405d4350.js → swirl-shell-navigation-item.entry.01211dcb.js}

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

package/dist/{swirl-skeleton-box.entry.059dcc18.js → swirl-skeleton-box.entry.97860127.js}

@@ -1,4 +1,4 @@
-import { r as t, h as s, H as i } from "./index.99361c56.js";
+import { r as t, h as s, H as i } from "./index.8684f20b.js";
 import { c as o } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-skeleton-text.entry.2ca1c4bc.js → swirl-skeleton-text.entry.a8047240.js}

@@ -1,4 +1,4 @@
-import { r as l, h as t, H as a } from "./index.99361c56.js";
+import { r as l, h as t, H as a } from "./index.8684f20b.js";
 import { c as s } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-stack.entry.acde2fd8.js → swirl-stack.entry.6b3bc9ad.js}

@@ -1,4 +1,4 @@
-import { r as i, h as s, H as e } from "./index.99361c56.js";
+import { r as i, h as s, H as e } from "./index.8684f20b.js";
 import { c as n } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-switch.entry.824c3128.js → swirl-switch.entry.4efa06f9.js}

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

package/dist/{swirl-tab-bar.entry.a7fc11a6.js → swirl-tab-bar.entry.6948c8ba.js}

@@ -1,4 +1,4 @@
-import { r as s, c as i, h as e, H as r } from "./index.99361c56.js";
+import { r as s, c as i, h as e, H as r } from "./index.8684f20b.js";
 import { c as b } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-tab.entry.fc7715ed.js → swirl-tab.entry.b6f7601f.js}

@@ -1,4 +1,4 @@
-import { r as a, h as s, H as i } from "./index.99361c56.js";
+import { r as a, h as s, H as i } from "./index.8684f20b.js";
 import { c as e } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-table-cell.entry.40656eae.js → swirl-table-cell.entry.b2011bc7.js}

@@ -1,4 +1,4 @@
-import { r as e, h as s, H as l } from "./index.99361c56.js";
+import { r as e, h as s, H as l } from "./index.8684f20b.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.0b370bd8.js → swirl-table-column.entry.05c2433e.js}

@@ -1,4 +1,4 @@
-import { r as e, h as t, H as i, g as r } from "./index.99361c56.js";
+import { r as e, h as t, H as i, g as r } from "./index.8684f20b.js";
 import { c as o } from "./utils-61f188cc.4a43deab.js";
 import "react";
 import "react-dom";

package/dist/{swirl-table-row-group.entry.cf8775e0.js → swirl-table-row-group.entry.776a2416.js}

@@ -1,4 +1,4 @@
-import { r as o, h as r, H as s, g as t } from "./index.99361c56.js";
+import { r as o, h as r, H as s, g as t } from "./index.8684f20b.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.789e7d68.js → swirl-table-row.entry.5c8f55d0.js}

@@ -1,4 +1,4 @@
-import { r as o, h as e, H as s, g as r } from "./index.99361c56.js";
+import { r as o, h as e, H as s, g as r } from "./index.8684f20b.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import { c as i } from "./utils-61f188cc.4a43deab.js";
 import "react";

package/dist/{swirl-table.entry.0e77e8e4.js → swirl-table.entry.56cc02d6.js}

@@ -1,4 +1,4 @@
-import { r as g, h as r, H as v, g as _ } from "./index.99361c56.js";
+import { r as g, h as r, H as v, g as _ } from "./index.8684f20b.js";
 import { i as S } from "./utils-61f188cc.4a43deab.js";
 import "react";
 import "react-dom";

package/dist/{swirl-tabs.entry.739861ae.js → swirl-tabs.entry.433cedf3.js}

@@ -1,4 +1,4 @@
-import { r as e, c as b, h as s, H as r, g as n } from "./index.99361c56.js";
+import { r as e, c as b, h as s, H as r, g as n } from "./index.8684f20b.js";
 import "react";
 import "react-dom";
 const c = ".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%}", h = class {

package/dist/{swirl-tag.entry.89a9cf3c.js → swirl-tag.entry.8e490c81.js}

@@ -1,4 +1,4 @@
-import { r, c as s, h as t, H as n } from "./index.99361c56.js";
+import { r, c as s, h as t, H as n } from "./index.8684f20b.js";
 import { c as i } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-text-input.entry.87ea2693.js → swirl-text-input.entry.ff95807d.js}

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

package/dist/{swirl-text.entry.3347c03b.js → swirl-text.entry.4f875f53.js}

@@ -1,4 +1,4 @@
-import { r as J, h as y, H as T, g as V } from "./index.99361c56.js";
+import { r as J, h as y, H as T, g as V } from "./index.8684f20b.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.69b7e969.js → swirl-theme-provider.entry.b8967250.js}

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

package/dist/{swirl-toast-provider.entry.8563b025.js → swirl-toast-provider.entry.b0fd0598.js}

@@ -1,4 +1,4 @@
-import { r, h as a, H as n } from "./index.99361c56.js";
+import { r, h as a, H as n } from "./index.8684f20b.js";
 import "react";
 import "react-dom";
 const h = class {

package/dist/{swirl-toast.entry.19ef735d.js → swirl-toast.entry.84c52e29.js}

@@ -1,4 +1,4 @@
-import { r as o, c as n, h as i, H as r } from "./index.99361c56.js";
+import { r as o, c as n, h as i, H as r } from "./index.8684f20b.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.11f25251.js → swirl-tooltip.entry.850da562.js}

@@ -1,4 +1,4 @@
-import { r as n, h as i, H as l } from "./index.99361c56.js";
+import { r as n, h as i, H as l } from "./index.8684f20b.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.6489e754.js → swirl-tree-navigation-item.entry.c416ffb3.js}

@@ -1,4 +1,4 @@
-import { r as t, h as i, H as s, g as r } from "./index.99361c56.js";
+import { r as t, h as i, H as s, g as r } from "./index.8684f20b.js";
 import { c as o } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-video-thumbnail.entry.9f8df849.js → swirl-video-thumbnail.entry.21b656a1.js}

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

package/dist/{swirl-visually-hidden.entry.1e8a723d.js → swirl-visually-hidden.entry.76308328.js}

@@ -1,4 +1,4 @@
-import { r as s, h as i, H as l } from "./index.99361c56.js";
+import { r as s, h as i, H as l } from "./index.8684f20b.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.99d687a3.js → wc-datepicker.entry.3e3be990.js}

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

package/package.json

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