@getflip/swirl-components-react 0.77.1 → 0.78.0

package/dist/{swirl-symbol-policy.entry.1e954f36.js → swirl-symbol-policy.entry.5e39e81f.js}

@@ -1,4 +1,4 @@
-import { r as l, h as i, F as o } from "./index.51adadce.js";
+import { r as l, h as i, F as o } from "./index.d4f681a9.js";
 import { c as r } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-push-pin.entry.cb9bfc94.js → swirl-symbol-push-pin.entry.115526fe.js}

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

package/dist/{swirl-symbol-redeem.entry.3f249258.js → swirl-symbol-redeem.entry.2d2f006a.js}

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

package/dist/{swirl-symbol-report-problem.entry.168d803a.js → swirl-symbol-report-problem.entry.7bb6779b.js}

@@ -1,4 +1,4 @@
-import { r, h as i, F as e } from "./index.51adadce.js";
+import { r, h as i, F as e } from "./index.d4f681a9.js";
 import { c as o } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-restaurant.entry.3039b2cf.js → swirl-symbol-restaurant.entry.5425edd4.js}

@@ -1,4 +1,4 @@
-import { r as C, h as t, F as r } from "./index.51adadce.js";
+import { r as C, h as t, F as r } from "./index.d4f681a9.js";
 import { c as e } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-roadmap.entry.ef8f928c.js → swirl-symbol-roadmap.entry.7ae754b1.js}

@@ -1,4 +1,4 @@
-import { r as o, h as i, F as r } from "./index.51adadce.js";
+import { r as o, h as i, F as r } from "./index.d4f681a9.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-room.entry.f4753ea8.js → swirl-symbol-room.entry.2edfaeea.js}

@@ -1,4 +1,4 @@
-import { r as o, h as i, F as r } from "./index.51adadce.js";
+import { r as o, h as i, F as r } from "./index.d4f681a9.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-savings.entry.60e43c80.js → swirl-symbol-savings.entry.5c32383d.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as l } from "./index.51adadce.js";
+import { r as t, h as C, F as l } from "./index.d4f681a9.js";
 import { c as r } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-settings-voice.entry.29c6f393.js → swirl-symbol-settings-voice.entry.826c79c4.js}

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

package/dist/{swirl-symbol-shopping-cart.entry.6e8b3d81.js → swirl-symbol-shopping-cart.entry.30d16f82.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as r } from "./index.51adadce.js";
+import { r as t, h as C, F as r } from "./index.d4f681a9.js";
 import { c as o } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-smartphone.entry.db631fd4.js → swirl-symbol-smartphone.entry.d60c47ff.js}

@@ -1,4 +1,4 @@
-import { r, h as i, F as e } from "./index.51adadce.js";
+import { r, h as i, F as e } from "./index.d4f681a9.js";
 import { c as o } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-star.entry.7aa7a2f1.js → swirl-symbol-star.entry.2da41147.js}

@@ -1,4 +1,4 @@
-import { r, h as i, F as l } from "./index.51adadce.js";
+import { r, h as i, F as l } from "./index.d4f681a9.js";
 import { c as e } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-supervisor-account.entry.28b6eaf4.js → swirl-symbol-supervisor-account.entry.dca80ad6.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as r } from "./index.51adadce.js";
+import { r as t, h as C, F as r } from "./index.d4f681a9.js";
 import { c as o } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-thumbs-up-down.entry.d933aec9.js → swirl-symbol-thumbs-up-down.entry.68faa920.js}

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

package/dist/{swirl-symbol-twitter.entry.0b499f53.js → swirl-symbol-twitter.entry.501aedb5.js}

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

package/dist/{swirl-symbol-wb-sunny.entry.d68f58ff.js → swirl-symbol-wb-sunny.entry.c8755be7.js}

@@ -1,4 +1,4 @@
-import { r as t, h as s, F as l } from "./index.51adadce.js";
+import { r as t, h as s, F as l } from "./index.d4f681a9.js";
 import { c as r } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-wechat.entry.b3410ec3.js → swirl-symbol-wechat.entry.5e5e5bd0.js}

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

package/dist/{swirl-symbol-weibo.entry.d1d23609.js → swirl-symbol-weibo.entry.331ec1aa.js}

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

package/dist/{swirl-symbol-work.entry.8b1801f1.js → swirl-symbol-work.entry.2ae56927.js}

@@ -1,4 +1,4 @@
-import { r, h as i, F as o } from "./index.51adadce.js";
+import { r, h as i, F as o } from "./index.d4f681a9.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol-xing.entry.482defb8.js → swirl-symbol-xing.entry.4fc15c28.js}

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

package/dist/{swirl-symbol-youtube.entry.f88e0e33.js → swirl-symbol-youtube.entry.6a1a47d5.js}

@@ -1,4 +1,4 @@
-import { r as e, h as i, F as o } from "./index.51adadce.js";
+import { r as e, h as i, F as o } from "./index.d4f681a9.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-symbol.entry.d6465429.js → swirl-symbol.entry.2f44740c.js}

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

package/dist/{swirl-tab-bar.entry.6e3a0372.js → swirl-tab-bar.entry.c997202d.js}

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

package/dist/{swirl-tab.entry.f5853f16.js → swirl-tab.entry.d2a8e13a.js}

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

package/dist/{swirl-table-cell.entry.761c02e7.js → swirl-table-cell.entry.d145bab2.js}

@@ -1,4 +1,4 @@
-import { r as e, h as s, H as l } from "./index.51adadce.js";
+import { r as e, h as s, H as l } from "./index.d4f681a9.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-surface-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}", o = class {

package/dist/{swirl-table-column.entry.a03041ce.js → swirl-table-column.entry.0566e766.js}

@@ -1,4 +1,4 @@
-import { r as e, h as t, H as i, g as r } from "./index.51adadce.js";
+import { r as e, h as t, H as i, g as r } from "./index.d4f681a9.js";
 import { c as o } from "./utils-bc84f36e.1fee9865.js";
 import "react";
 import "react-dom";

package/dist/{swirl-table-row-group.entry.87f98cc8.js → swirl-table-row-group.entry.e25ca968.js}

@@ -1,4 +1,4 @@
-import { r as o, h as r, H as s, g as t } from "./index.51adadce.js";
+import { r as o, h as r, H as s, g as t } from "./index.d4f681a9.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.51c531d4.js → swirl-table-row.entry.edbba5a6.js}

@@ -1,4 +1,4 @@
-import { r as o, h as e, H as s, g as r } from "./index.51adadce.js";
+import { r as o, h as e, H as s, g as r } from "./index.d4f681a9.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import { c as i } from "./utils-bc84f36e.1fee9865.js";
 import "react";

package/dist/{swirl-table.entry.0b9d24b5.js → swirl-table.entry.e2e4ae5e.js}

@@ -1,4 +1,4 @@
-import { r as g, h as l, H as _, g as v } from "./index.51adadce.js";
+import { r as g, h as l, H as _, g as v } from "./index.d4f681a9.js";
 import { d as S, i as R } from "./utils-bc84f36e.1fee9865.js";
 import "react";
 import "react-dom";

package/dist/{swirl-tabs.entry.bff22811.js → swirl-tabs.entry.4dc5b21e.js}

@@ -1,4 +1,4 @@
-import { r as e, c as b, h as s, H as r, g as n } from "./index.51adadce.js";
+import { r as e, c as b, h as s, H as r, g as n } from "./index.d4f681a9.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.fdeef241.js → swirl-tag.entry.1b7f739b.js}

@@ -1,4 +1,4 @@
-import { r, c as s, h as t, H as n, g as i } from "./index.51adadce.js";
+import { r, c as s, h as t, H as n, g as i } from "./index.d4f681a9.js";
 import { c } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-text-input.entry.bcd2c41d.js → swirl-text-input.entry.28267cd0.js}

@@ -1,4 +1,4 @@
-import { r as h, c as n, h as i, H as d } from "./index.51adadce.js";
+import { r as h, c as n, h as i, H as d } from "./index.d4f681a9.js";
 import { c } from "./index-d280dafb.186cdb0e.js";
 import { g as x } from "./utils-bc84f36e.1fee9865.js";
 import "react";

package/dist/{swirl-text.entry.e611e04d.js → swirl-text.entry.ada4dad5.js}

@@ -1,4 +1,4 @@
-import { r as I, h as b, H as J, g as T } from "./index.51adadce.js";
+import { r as I, h as b, H as J, g as T } from "./index.d4f681a9.js";
 import { c as V } from "./index-d280dafb.186cdb0e.js";
 import { b as G } from "./balancetext-fa49c64f.754e913c.js";
 import "react";

package/dist/{swirl-theme-provider.entry.f15326d8.js → swirl-theme-provider.entry.b8c46a9b.js}

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

package/dist/{swirl-time-input.entry.81a3354a.js → swirl-time-input.entry.dcd366d2.js}

@@ -1,4 +1,4 @@
-import { r as h, c, h as a, H as m, g as p } from "./index.51adadce.js";
+import { r as h, c, h as a, H as m, g as p } from "./index.d4f681a9.js";
 import { c as v } from "./index-d280dafb.186cdb0e.js";
 import { p as r, i as o, f as l, m as f } from "./maska-4866b970.5336f9cb.js";
 import { g as w } from "./utils-bc84f36e.1fee9865.js";

package/dist/{swirl-toast-provider.entry.36926ad7.js → swirl-toast-provider.entry.d59fb1fc.js}

@@ -1,4 +1,4 @@
-import { r as n, h as a, H as r } from "./index.51adadce.js";
+import { r as n, h as a, H as r } from "./index.d4f681a9.js";
 import "react";
 import "react-dom";
 const c = class {

package/dist/{swirl-toast.entry.cd9a94b5.js → swirl-toast.entry.732e1d55.js}

@@ -1,4 +1,4 @@
-import { r as a, c as n, h as i, H as r } from "./index.51adadce.js";
+import { r as a, c as n, h as i, H as r } from "./index.d4f681a9.js";
 import { c as d } from "./index-d280dafb.186cdb0e.js";
 import { g as c } from "./utils-bc84f36e.1fee9865.js";
 import "react";

package/dist/{swirl-tooltip.entry.1f7b7890.js → swirl-tooltip.entry.d8016de3.js}

@@ -1,4 +1,4 @@
-import { r as n, h as i, H as l } from "./index.51adadce.js";
+import { r as n, h as i, H as l } from "./index.d4f681a9.js";
 import { c as r, o as p, s as h, f as d } from "./floating-ui.dom.esm-ac7cc24e.79b318e4.js";
 import "react";
 import "react-dom";

package/dist/{swirl-tree-navigation-item.entry.c98d9c3b.js → swirl-tree-navigation-item.entry.ea510b43.js}

@@ -1,4 +1,4 @@
-import { r as a, h as i, H as s, g as r } from "./index.51adadce.js";
+import { r as a, h as i, H as s, g as r } from "./index.d4f681a9.js";
 import { c as o } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-video-thumbnail.entry.2af8eec5.js → swirl-video-thumbnail.entry.929bffb3.js}

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

package/dist/{swirl-visually-hidden.entry.89d24917.js → swirl-visually-hidden.entry.2d86b6ff.js}

@@ -1,4 +1,4 @@
-import { r as s, h as i, H as l } from "./index.51adadce.js";
+import { r as s, h as i, H as l } from "./index.d4f681a9.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.d4be20a2.js → wc-datepicker.entry.0486006c.js}

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

package/package.json

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

package/dist/swirl-popover.entry.062f979d.js

@@ -1,117 +0,0 @@
-import { r as h, c as p, h as s, H as v, g as m } from "./index.51adadce.js";
-import { o as l, s as c, f, c as g, a as u } from "./floating-ui.dom.esm-ac7cc24e.79b318e4.js";
-import { d as b, e as _ } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
-import { c as y } from "./index-d280dafb.186cdb0e.js";
-import { i as a, a as x, q as d } from "./utils-bc84f36e.1fee9865.js";
-import "react";
-import "react-dom";
-const w = ":host{position:relative;z-index:var(--s-z-40);display:inline-flex}:host *{box-sizing:border-box}.popover--active:not(.popover--closing) .popover__backdrop{animation:0.15s popover-fade-in}@media (prefers-reduced-motion){.popover--active:not(.popover--closing) .popover__backdrop{animation:none}}.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-slide-in}@media (min-width: 768px){.popover--active:not(.popover--closing) .popover__content{transform-origin:top left;animation:0.15s popover-fade-scale-in-xy}}@media (prefers-reduced-motion){.popover--active:not(.popover--closing) .popover__content{animation:none}}.popover--closing .popover__backdrop{animation:0.15s popover-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.popover--closing .popover__backdrop{animation:none}}.popover--closing .popover__content{animation:0.15s popover-slide-out;animation-fill-mode:forwards}@media (min-width: 768px){.popover--closing .popover__content{animation:0.15s popover-fade-out}}@media (prefers-reduced-motion){.popover--closing .popover__content{animation:none}}.popover--inactive .popover__content{display:none}@media (max-width: 767px){.popover--fullscreen-bottom-sheet.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-fade-in}@media (prefers-reduced-motion){.popover--fullscreen-bottom-sheet.popover--active:not(.popover--closing) .popover__content{animation:none}}.popover--fullscreen-bottom-sheet.popover--closing .popover__content{animation:0.15s popover-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.popover--fullscreen-bottom-sheet.popover--closing .popover__content{animation:none}}.popover--fullscreen-bottom-sheet .popover__backdrop{display:none}.popover--fullscreen-bottom-sheet .popover__content{top:0;border-top-left-radius:0;border-top-right-radius:0}.popover--fullscreen-bottom-sheet .popover__scroll-container{height:100%;max-height:none;padding-top:0;padding-bottom:0}.popover--fullscreen-bottom-sheet .popover__handle{display:none}}@media (min-width: 768px){.popover--animation-scale-in-y.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-fade-scale-in-y}}@media (prefers-reduced-motion){.popover--animation-scale-in-y.popover--active:not(.popover--closing) .popover__content{animation:none}}.popover__backdrop{position:fixed;z-index:0;background-color:rgba(0, 0, 0, 0.2);animation:0.15s popover-backdrop-fade-in;inset:0}@media (prefers-reduced-motion){.popover__backdrop{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);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}}@keyframes popover-slide-in{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes popover-slide-out{from{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes popover-fade-in{from{opacity:0}to{opacity:1}}@keyframes popover-fade-out{from{opacity:1}to{opacity:0}}@keyframes popover-fade-scale-in-xy{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes popover-fade-scale-in-y{from{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}", C = class {
-  constructor(o) {
-    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();
-      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 ? [l(t), c(), f()] : [l(t), c()];
-      this.position = await g(this.triggerEl, this.contentContainer, {
-        middleware: i,
-        placement: this.placement,
-        strategy: "fixed"
-      });
-    }, this.onCloseButtonClick = () => {
-      this.close();
-    }, this.animation = "scale-in-xy", this.disableScrollLock = void 0, this.enableFlip = !0, this.fullscreenBottomSheet = void 0, this.label = void 0, this.maxHeight = "22rem", this.offset = 8, this.placement = "bottom-start", this.popoverId = void 0, this.trigger = void 0, this.triggerContainer = void 0, this.useContainerWidth = void 0, this.active = !1, this.closing = !1, this.position = void 0;
-  }
-  componentDidLoad() {
-    this.connectTrigger(), this.updateFocusableChildren(), this.updateTriggerAttributes();
-  }
-  disconnectedCallback() {
-    this.unlockBodyScroll();
-  }
-  onWindowFocusIn(o) {
-    if (!this.active)
-      return;
-    const e = /^((?!chrome|android).)*safari/i.test(navigator.userAgent), t = o.target, i = o.relatedTarget, r = x();
-    !this.el.contains(t) && !this.el.contains(r) && t !== this.triggerEl && !this.triggerEl.contains(t) && (!e || e && !this.el.contains(i || t) && i !== this.el) && this.close();
-  }
-  onWindowClick(o) {
-    if (!this.active)
-      return;
-    const e = o.target, t = this.el.contains(e), i = o.composedPath().some((n) => Boolean(n) && n instanceof Node ? this.el.contains(n) : !1), r = o.target === this.triggerEl;
-    !t && !i && !r && this.close();
-  }
-  async close() {
-    var o;
-    this.closing || !this.active || (this.popoverClose.emit(), this.disableAutoUpdate && this.disableAutoUpdate(), this.closing = !0, setTimeout(() => {
-      this.active = !1, this.closing = !1, this.updateTriggerAttributes();
-    }, 150), this.unlockBodyScroll(), (o = this.getNativeTriggerElement()) === null || o === void 0 || o.focus());
-  }
-  async open() {
-    this.active || (this.adjustWidth(), this.active = !0, this.updateFocusableChildren(), this.updateTriggerAttributes(), requestAnimationFrame(async () => {
-      await this.reposition(), this.popoverOpen.emit({ position: this.position }), this.focusableChildren.length > 0 ? this.focusableChildren[0].focus() : this.contentContainer.focus(), this.disableAutoUpdate && this.disableAutoUpdate(), this.disableAutoUpdate = u(this.triggerEl, this.contentContainer, this.reposition), this.scrollContainer.scrollTop = 0, this.lockBodyScroll();
-    }));
-  }
-  connectTrigger() {
-    this.triggerEl = typeof this.trigger == "string" ? d(this.triggerContainer || document.body, `#${this.trigger}`)[0] : this.trigger, Boolean(this.triggerEl) && this.triggerEl.addEventListener("click", (o) => {
-      this.toggle(o);
-    });
-  }
-  getNativeTriggerElement() {
-    var o, e, t;
-    return this.triggerEl.tagName.startsWith("SWIRL-") ? ((o = this.triggerEl) === null || o === void 0 ? void 0 : o.children[0]) || ((t = (e = this.triggerEl) === null || e === void 0 ? void 0 : e.shadowRoot) === null || t === void 0 ? void 0 : t.children[0]) || this.triggerEl : this.triggerEl;
-  }
-  updateTriggerAttributes() {
-    if (!Boolean(this.triggerEl))
-      return;
-    const o = this.getNativeTriggerElement();
-    o.setAttribute("aria-controls", this.popoverId), o.setAttribute("aria-expanded", String(this.active)), o.setAttribute("aria-haspopup", "dialog");
-  }
-  updateFocusableChildren() {
-    this.focusableChildren = d(this.el, '[role="menuitem"], [role="listbox"]');
-  }
-  adjustWidth() {
-    let o = this.useContainerWidth;
-    [!0, "true"].includes(this.useContainerWidth) ? o = !0 : [!1, "false"].includes(this.useContainerWidth) && (o = !1);
-    const e = !window.matchMedia("(min-width: 768px)").matches;
-    if (Boolean(o) && !e) {
-      const t = typeof o == "string" ? this.el.closest(o) || this.el.parentElement : this.el.parentElement;
-      this.contentContainer.style.maxWidth = "none", this.contentContainer.style.width = t.getBoundingClientRect().width + "px";
-    } else
-      this.contentContainer.style.maxWidth = "", this.contentContainer.style.width = "";
-  }
-  lockBodyScroll() {
-    !a() || this.disableScrollLock || b(this.scrollContainer);
-  }
-  unlockBodyScroll() {
-    !a() || this.disableScrollLock || _(this.scrollContainer);
-  }
-  render() {
-    var o, e, t;
-    const i = !window.matchMedia("(min-width: 768px)").matches, r = y("popover", `popover--animation-${this.animation}`, `popover--placement-${(o = this.position) === null || o === void 0 ? void 0 : o.placement}`, {
-      "popover--closing": this.closing,
-      "popover--active": this.active,
-      "popover--fullscreen-bottom-sheet": this.fullscreenBottomSheet,
-      "popover--inactive": !this.active
-    });
-    return s(v, { id: this.popoverId }, s("div", { class: r, onKeyDown: this.onKeydown }, s("div", { "aria-hidden": this.active ? "false" : "true", "aria-label": this.label, class: "popover__content", part: "popover__content", role: "dialog", ref: (n) => this.contentContainer = n, style: {
-      top: Boolean(this.position) ? `${(e = this.position) === null || e === void 0 ? void 0 : e.y}px` : "",
-      left: Boolean(this.position) ? `${(t = this.position) === null || t === void 0 ? void 0 : t.x}px` : ""
-    }, tabindex: "-1" }, s("span", { class: "popover__handle" }), s("div", { class: "popover__scroll-container", ref: (n) => this.scrollContainer = n, style: {
-      maxHeight: !i && Boolean(this.maxHeight) ? this.maxHeight : void 0
-    } }, s("slot", null))), this.active && s("div", { class: "popover__backdrop", onClick: this.onCloseButtonClick })));
-  }
-  get el() {
-    return m(this);
-  }
-};
-C.style = w;
-export {
-  C as swirl_popover
-};