@getflip/swirl-components-react 0.168.1 → 0.169.1

package/dist/{swirl-symbol-maps-home-work.entry.55b198c6.js → swirl-symbol-maps-home-work.entry.c423ff1a.js}

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

package/dist/{swirl-symbol-notifications.entry.a8bbbc12.js → swirl-symbol-notifications.entry.d348d3a3.js}

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

package/dist/{swirl-symbol-open-in-new.entry.3919dc6e.js → swirl-symbol-open-in-new.entry.f26802f9.js}

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

package/dist/{swirl-symbol-pedal-bike.entry.21dab90b.js → swirl-symbol-pedal-bike.entry.27b3069e.js}

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

package/dist/{swirl-symbol-pinterest.entry.423899c9.js → swirl-symbol-pinterest.entry.3c046e3a.js}

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

package/dist/{swirl-symbol-policy.entry.8024cdd7.js → swirl-symbol-policy.entry.53f8cc2b.js}

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

package/dist/{swirl-symbol-push-pin.entry.c3ad57c2.js → swirl-symbol-push-pin.entry.7edc8118.js}

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

package/dist/{swirl-symbol-redeem.entry.da939128.js → swirl-symbol-redeem.entry.2e836a68.js}

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

package/dist/{swirl-symbol-report-problem.entry.c36a5c15.js → swirl-symbol-report-problem.entry.87139f49.js}

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

package/dist/{swirl-symbol-restaurant.entry.9f722a5f.js → swirl-symbol-restaurant.entry.807609e4.js}

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

package/dist/{swirl-symbol-roadmap.entry.fb079cc8.js → swirl-symbol-roadmap.entry.04c60c44.js}

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

package/dist/{swirl-symbol-room.entry.55468bdf.js → swirl-symbol-room.entry.9fe76eea.js}

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

package/dist/{swirl-symbol-savings.entry.6212e0f6.js → swirl-symbol-savings.entry.4c1fb15c.js}

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

package/dist/{swirl-symbol-settings-voice.entry.0955b479.js → swirl-symbol-settings-voice.entry.5b48cb9e.js}

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

package/dist/{swirl-symbol-shopping-cart.entry.c77c6a8c.js → swirl-symbol-shopping-cart.entry.879872d5.js}

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

package/dist/{swirl-symbol-smartphone.entry.26a3e3bc.js → swirl-symbol-smartphone.entry.3b4bae03.js}

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

package/dist/{swirl-symbol-star.entry.2a2220e6.js → swirl-symbol-star.entry.f75cb154.js}

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

package/dist/{swirl-symbol-supervisor-account.entry.538aac4e.js → swirl-symbol-supervisor-account.entry.eff4c28c.js}

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

package/dist/{swirl-symbol-thumbs-up-down.entry.f8a8a689.js → swirl-symbol-thumbs-up-down.entry.71078aa3.js}

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

package/dist/{swirl-symbol-twitter.entry.6aab0c2c.js → swirl-symbol-twitter.entry.a26881a0.js}

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

package/dist/{swirl-symbol-wb-sunny.entry.56d27b91.js → swirl-symbol-wb-sunny.entry.63c23593.js}

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

package/dist/{swirl-symbol-wechat.entry.ddfd073e.js → swirl-symbol-wechat.entry.af018fc3.js}

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

package/dist/{swirl-symbol-weibo.entry.f0854f29.js → swirl-symbol-weibo.entry.a20645e4.js}

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

package/dist/{swirl-symbol-work.entry.ef6dd23a.js → swirl-symbol-work.entry.cbbdbf4c.js}

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

package/dist/{swirl-symbol-xing.entry.32183d28.js → swirl-symbol-xing.entry.52f7eef2.js}

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

package/dist/{swirl-symbol-youtube.entry.b55455a2.js → swirl-symbol-youtube.entry.14336e78.js}

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

package/dist/{swirl-symbol.entry.c76fd007.js → swirl-symbol.entry.1e443025.js}

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

package/dist/{swirl-tab-bar.entry.9b66a7d6.js → swirl-tab-bar.entry.4f57c56b.js}

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

package/dist/{swirl-tab.entry.ef543ccc.js → swirl-tab.entry.d3843f37.js}

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

package/dist/{swirl-table-cell.entry.3b488fdc.js → swirl-table-cell.entry.315e2346.js}

@@ -1,4 +1,4 @@
-import { r as e, h as s, H as l } from "./index.0b541b9a.js";
+import { r as e, h as s, H as l } from "./index.aecee312.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.2dbe6289.js → swirl-table-column.entry.23b681f9.js}

@@ -1,4 +1,4 @@
-import { r as e, h as t, H as i, g as r } from "./index.0b541b9a.js";
+import { r as e, h as t, H as i, g as r } from "./index.aecee312.js";
 import { c as o } from "./utils-c5f2f98f.af14538a.js";
 import "react";
 import "react-dom";

package/dist/{swirl-table-row-group.entry.118f7aa1.js → swirl-table-row-group.entry.64c236c9.js}

@@ -1,4 +1,4 @@
-import { r as o, h as e, H as l, g as r } from "./index.0b541b9a.js";
+import { r as o, h as e, H as l, g as r } from "./index.aecee312.js";
 import "react";
 import "react-dom";
 const a = ":host{position:relative;z-index:1;display:block}:host *{box-sizing:border-box}:host(:hover),:host(:focus-within){z-index:2}.table-row-group__header-row{position:relative;z-index:var(--s-z-10);padding:var(--s-space-12) var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-surface-raised-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);display:flex;align-items:center}@media (min-width: 768px){.table-row-group__label{position:sticky;left:var(--s-space-16)}}.table-row-group__tooltip{display:inline-flex;margin-left:var(--s-space-4);vertical-align:middle}.table-row-group__tooltip-icon{color:var(--s-icon-default)}.table-row-group__collapse-icon{color:var(--s-icon-default);padding-right:var(--s-space-20)}.table-row-group__rows-container{overflow:hidden;transition:height 0.3s ease-out}.table-row-group__rows-container.is-hidden{height:0}.sc-swirl-button-h{display:flex}", n = class {

package/dist/{swirl-table-row.entry.02201439.js → swirl-table-row.entry.918f733c.js}

@@ -1,4 +1,4 @@
-import { r as s, h as e, H as o, g as r } from "./index.0b541b9a.js";
+import { r as s, h as e, H as o, g as r } from "./index.aecee312.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import { c as i } from "./utils-c5f2f98f.af14538a.js";
 import "react";

package/dist/{swirl-table.entry.691fdaf7.js → swirl-table.entry.089c62b9.js}

@@ -1,4 +1,4 @@
-import { r as g, h as r, H as _, g as v } from "./index.0b541b9a.js";
+import { r as g, h as r, H as _, g as v } from "./index.aecee312.js";
 import { d as S, i as R } from "./utils-c5f2f98f.af14538a.js";
 import "react";
 import "react-dom";

package/dist/{swirl-tabs.entry.02f040cf.js → swirl-tabs.entry.c7c2666a.js}

@@ -1,4 +1,4 @@
-import { r as e, c as b, h as s, H as c, g as n } from "./index.0b541b9a.js";
+import { r as e, c as b, h as s, H as c, g as n } from "./index.aecee312.js";
 import "react";
 import "react-dom";
 const r = ".sc-swirl-tabs-h{display:block;width:100%}.sc-swirl-tabs-h *.sc-swirl-tabs{box-sizing:border-box}.tabs.sc-swirl-tabs{width:100%}", h = class {

package/dist/{swirl-text-input.entry.951aa2b9.js → swirl-text-input.entry.6774329c.js}

@@ -1,4 +1,4 @@
-import { r as h, c as n, h as i, H as d } from "./index.0b541b9a.js";
+import { r as h, c as n, h as i, H as d } from "./index.aecee312.js";
 import { c } from "./index-d280dafb.186cdb0e.js";
 import { g as x } from "./utils-c5f2f98f.af14538a.js";
 import "react";

package/dist/{swirl-text.entry.3127ab0b.js → swirl-text.entry.42e5b1b7.js}

@@ -1,4 +1,4 @@
-import { r as ot, h as Y, H as at, g as lt } from "./index.0b541b9a.js";
+import { r as ot, h as Y, H as at, g as lt } from "./index.aecee312.js";
 import { a as ct, c as ht, b as dt } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-theme-provider.entry.a5ca43b2.js → swirl-theme-provider.entry.861db6a2.js}

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

package/dist/{swirl-time-input.entry.61ab173c.js → swirl-time-input.entry.47f269e4.js}

@@ -1,4 +1,4 @@
-import { r as c, c as d, h as a, H as p, g as m } from "./index.0b541b9a.js";
+import { r as c, c as d, h as a, H as p, g as m } from "./index.aecee312.js";
 import { c as f } from "./index-d280dafb.186cdb0e.js";
 import { p as r, i as o, f as l, m as v } from "./maska-4866b970.5336f9cb.js";
 import { g as w } from "./utils-c5f2f98f.af14538a.js";

package/dist/{swirl-toast-provider.entry.eca1e83b.js → swirl-toast-provider.entry.866c95e1.js}

@@ -1,4 +1,4 @@
-import { r, h as o, H as n } from "./index.0b541b9a.js";
+import { r, h as o, H as n } from "./index.aecee312.js";
 import "react";
 import "react-dom";
 const h = class {

package/dist/{swirl-toast.entry.1958bc5b.js → swirl-toast.entry.1b9872a2.js}

@@ -1,4 +1,4 @@
-import { r as o, c as n, h as i, H as r } from "./index.0b541b9a.js";
+import { r as o, c as n, h as i, H as r } from "./index.aecee312.js";
 import { c } from "./index-d280dafb.186cdb0e.js";
 import { g as d } from "./utils-c5f2f98f.af14538a.js";
 import "react";

package/dist/{swirl-toolbar.entry.5b23692a.js → swirl-toolbar.entry.dcb032cd.js}

@@ -1,4 +1,4 @@
-import { r as n, h as s, H as i, g as r } from "./index.0b541b9a.js";
+import { r as n, h as s, H as i, g as r } from "./index.aecee312.js";
 import { b as c } from "./utils-c5f2f98f.af14538a.js";
 import "react";
 import "react-dom";

package/dist/{swirl-tree-navigation-item.entry.79835b8a.js → swirl-tree-navigation-item.entry.a5f7e504.js}

@@ -1,4 +1,4 @@
-import { r, h as i, H as n, g as s } from "./index.0b541b9a.js";
+import { r, h as i, H as n, g as s } from "./index.aecee312.js";
 import { c as o } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-video-thumbnail.entry.24d3445c.js → swirl-video-thumbnail.entry.a224b6b3.js}

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

package/dist/{swirl-visually-hidden.entry.3a541bb0.js → swirl-visually-hidden.entry.6e79eec1.js}

@@ -1,4 +1,4 @@
-import { r, h as i, H as l } from "./index.0b541b9a.js";
+import { r, h as i, H as l } from "./index.aecee312.js";
 import "react";
 import "react-dom";
 const e = ".sc-swirl-visually-hidden-h{position:absolute;display:inline;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;white-space:nowrap;word-wrap:normal;clip:rect(0, 0, 0, 0)}", n = class {

package/dist/{wc-datepicker.entry.00b3c7c0.js → wc-datepicker.entry.f01f7b89.js}

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

package/package.json

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

package/dist/swirl-modal.entry.f8a7691c.js

@@ -1,118 +0,0 @@
-import { r as h, c as d, h as o, H as p, g as u } from "./index.0b541b9a.js";
-import { d as f, e as v } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
-import { c as b } from "./index-d280dafb.186cdb0e.js";
-import { c as _ } from "./focus-trap.esm-37cd2d2b.724cca66.js";
-import "react";
-import "react-dom";
-const g = `:host{display:block}:host *{box-sizing:border-box}.modal{--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);--swirl-resource-list-item-background-default:var(
-    --s-surface-overlay-default
-  );--swirl-resource-list-item-background-hovered:var(
-    --s-surface-overlay-hovered
-  );--swirl-resource-list-item-background-pressed:var(
-    --s-surface-overlay-pressed
-  );--swirl-modal-height:auto;--swirl-modal-max-height:90vh;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--variant-default.modal--closing{animation:0.15s modal-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.modal--variant-default.modal--closing{animation:none}}.modal--variant-default:not(.modal--closing) .modal__backdrop{animation:0.15s modal-backdrop-fade-in}@media (prefers-reduced-motion){.modal--variant-default:not(.modal--closing) .modal__backdrop{animation:none}}.modal--variant-default:not(.modal--closing) .modal__body{animation:0.15s modal-scale-in}@media (prefers-reduced-motion){.modal--variant-default:not(.modal--closing) .modal__body{animation:none}}.modal--variant-drawer{justify-content:end;align-items:stretch}.modal--variant-drawer.modal--closing{animation:0.15s modal-drawer-slide-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.modal--variant-drawer.modal--closing{animation:none}}@media (min-width: 768px){.modal--variant-drawer.modal--hide-label .modal__header-bar{height:auto;padding-top:var(--s-space-4);padding-bottom:var(--s-space-4)}}.modal--variant-drawer .modal__backdrop{background-color:transparent;animation:none}.modal--variant-drawer .modal__body{height:100%;max-height:none;border-radius:0;animation:0.15s modal-drawer-slide-in;box-shadow:var(--s-shadow-level-3)}@media (prefers-reduced-motion){.modal--variant-drawer .modal__body{animation:none}}.modal--variant-drawer .modal__header-bar{background-color:var(--s-surface-overlay-default)}.modal--variant-drawer .modal__header-bar .modal__close-button{margin-left:calc(-1 * var(--s-space-8))}@media (min-width: 768px){.modal--variant-drawer .modal__header-bar{flex-direction:row}}.modal--variant-drawer .modal__content{min-height:100%}@media (min-width: 768px){.modal--variant-drawer.modal--padded .modal__content{padding-top:var(--s-space-8)}}.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)}}@media (min-width: 768px){.modal--scrollable .modal__content{padding-bottom:0}}.modal--scrollable:not(.modal--scrolled-down).modal--has-custom-footer .modal__custom-footer{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--scrollable:not(.modal--scrolled-down):not(.modal--has-custom-footer) .modal__controls{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--has-custom-header .modal__custom-header{display:block}.modal--has-custom-header .modal__content{padding-top:var(--s-space-16)}.modal--has-custom-footer .modal__custom-footer{padding-top:var(--s-space-16);padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24)}.modal--has-header-tools .modal__header{border-bottom-color:transparent}.modal--has-header-tools .modal__header-tools{display:block}.modal--has-secondary-content .modal__body{max-width:64rem}.modal--has-secondary-content:not(.modal--has-header-tools) .modal__header{border-bottom-color:var(--s-border-default)}.modal--has-secondary-content.modal--has-header-tools .modal__header-tools{border-bottom-color:var(--s-border-default)}.modal--has-secondary-content.modal--has-custom-footer .modal__custom-footer{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--has-secondary-content:not(.modal--has-custom-footer) .modal__controls{border-top:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 992px){.modal--has-secondary-content .modal__header-tools,.modal--has-secondary-content .modal__content{padding-right:0}}.modal--has-secondary-content .modal__primary-content{overflow:visible;max-height:60%;flex-basis:auto}@media (min-width: 992px){.modal--has-secondary-content .modal__primary-content{max-width:calc(100% - 24rem);max-height:none;flex-basis:calc(100% - 24rem)}}.modal--has-secondary-content .modal__secondary-content{display:block}@media (min-width: 768px){.modal--scrolled:not(.modal--has-header-tools) .modal__header{border-bottom-color:var(--s-border-default)}.modal--scrolled.modal--has-header-tools .modal__header-tools{border-bottom-color:var(--s-border-default)}}.modal__backdrop{position:fixed;background-color:rgba(0, 0, 0, 0.2);inset:0}.modal__body{--swirl-card-background-default:var(--s-surface-overlay-default);--swirl-card-background-hovered:var(--s-surface-overlay-hovered);--swirl-card-background-pressed:var(--s-surface-overlay-pressed);--swirl-accordion-item-toggle-default:var(--s-surface-overlay-default);--swirl-accordion-item-toggle-hovered:var(--s-surface-overlay-hovered);--swirl-accordion-item-toggle-pressed:var(--s-surface-overlay-pressed);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;max-height:var(--swirl-modal-max-height);border-radius:var(--s-border-radius-base);box-shadow:var(--s-shadow-level-3)}}@media (min-width: 992px){.modal__body{height:var(--swirl-modal-height)}}.modal__header{border-bottom:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 768px){.modal__header{border-bottom:var(--s-border-width-default) solid transparent}}.modal__header-bar{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:var(--s-space-16);flex-shrink:0;align-items:center;gap:var(--s-space-8)}@media (min-width: 768px){.modal__header-bar{height:3.75rem;padding-top:var(--s-space-12);padding-right:var(--s-space-24);padding-bottom:var(--s-space-12);padding-left:var(--s-space-24);flex-direction:row-reverse;gap:var(--s-space-16)}}.modal__header-tools{display:none;padding-right:var(--s-space-16);padding-left:var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 768px){.modal__header-tools{padding-right:var(--s-space-24);padding-left:var(--s-space-24);border-bottom-color:transparent}}.modal__custom-header{display:none;flex-shrink:0;border-bottom:var(--s-border-width-default) solid var(--s-border-default)}.modal__heading{overflow:hidden}.modal__heading .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.modal__content-container{display:flex;overflow:hidden;flex-grow:1;flex-direction:column;gap:var(--s-space-24)}@media (min-width: 992px){.modal__content-container{flex-direction:row}}.modal__primary-content{display:flex;overflow:hidden;flex-basis:100%;flex-direction:column}.modal__content{overflow-x:hidden;overflow-y:auto;min-height:100%}.modal__content ::slotted(*){margin:0}.modal__secondary-content{display:none;overflow:visible;overflow-x:hidden;overflow-y:auto;max-width:none;max-height:40%;padding-right:var(--s-space-16);padding-left:var(--s-space-16)}@media (min-width: 768px){.modal__secondary-content{padding-left:var(--s-space-24)}}@media (min-width: 992px){.modal__secondary-content{overflow-x:hidden;overflow-y:auto;max-width:24rem;max-height:none;padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:0;flex-basis:50%}}.modal__custom-footer{flex-shrink: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}@keyframes modal-scale-in{from{transform:scale(0)}to{transform:scale(1)}}@keyframes modal-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes modal-fade-out{from{opacity:1}to{opacity:0}}@keyframes modal-drawer-slide-in{from{transform:translate3d(100%, 0, 0)}to{transform:translate3d(0, 0, 0)}}@keyframes modal-drawer-slide-out{from{transform:translate3d(0, 0, 0)}to{transform:translate3d(100%, 0, 0)}}`, w = class {
-  constructor(a) {
-    h(this, a), this.modalClose = d(this, "modalClose", 7), this.modalOpen = d(this, "modalOpen", 7), this.primaryAction = d(this, "primaryAction", 7), this.requestModalClose = d(this, "requestModalClose", 7), this.secondaryAction = d(this, "secondaryAction", 7), this.onKeyDown = (e) => {
-      e.code === "Escape" && (e.stopImmediatePropagation(), this.close());
-    }, this.onBackdropClick = () => {
-      this.close();
-    }, this.onCloseButtonClick = () => {
-      this.close();
-    }, this.onPrimaryAction = (e) => {
-      this.primaryAction.emit(e);
-    }, this.onSecondaryAction = (e) => {
-      this.secondaryAction.emit(e);
-    }, this.determineScrollStatus = () => {
-      var r, l, i, n, c, m;
-      const e = ((r = this.scrollContainer) == null ? void 0 : r.scrollTop) > 0, t = Math.ceil(((l = this.scrollContainer) == null ? void 0 : l.scrollTop) + ((i = this.scrollContainer) == null ? void 0 : i.offsetHeight)) >= ((n = this.scrollContainer) == null ? void 0 : n.scrollHeight), s = ((c = this.scrollContainer) == null ? void 0 : c.scrollHeight) > ((m = this.scrollContainer) == null ? void 0 : m.offsetHeight);
-      e !== this.scrolled && (this.scrolled = e), t !== this.scrolledDown && (this.scrolledDown = t), s !== this.scrollable && (this.scrollable = s);
-    }, this.closable = !0, this.closeButtonLabel = "Close modal", this.height = void 0, this.hideCloseButton = void 0, this.hideLabel = void 0, this.label = void 0, this.maxHeight = void 0, this.maxWidth = void 0, this.padded = !0, this.primaryActionLabel = void 0, this.secondaryActionLabel = void 0, this.variant = "default", this.isOpen = !1, this.closing = !1, this.hasCustomHeader = void 0, this.hasCustomFooter = void 0, this.hasHeaderTools = void 0, this.hasSecondaryContent = void 0, this.scrollable = !1, this.scrolled = !1, this.scrolledDown = !1;
-  }
-  componentDidLoad() {
-    this.focusTrap = _(this.modalEl, {
-      allowOutsideClick: !0,
-      tabbableOptions: {
-        getShadowRoot: (a) => a.shadowRoot
-      }
-    }), this.determineScrollStatus(), queueMicrotask(() => {
-      this.updateCustomFooterStatus(), this.updateCustomHeaderStatus(), this.updateHeaderToolsStatus(), this.updateSecondaryContentStatus();
-    });
-  }
-  componentDidRender() {
-    var a;
-    (a = this.focusTrap) == null || a.updateContainerElements(this.modalEl);
-  }
-  disconnectedCallback() {
-    var a;
-    (a = this.focusTrap) == null || a.deactivate(), this.unlockBodyScroll();
-  }
-  onWindowResize() {
-    this.determineScrollStatus();
-  }
-  watchIsOpen() {
-    this.isOpen ? setTimeout(() => {
-      this.focusTrap.activate(), this.handleAutoFocus();
-    }, 200) : this.focusTrap.deactivate();
-  }
-  async open() {
-    this.isOpen = !0, this.modalOpen.emit(), this.lockBodyScroll(), this.determineScrollStatus();
-  }
-  async close(a) {
-    this.closing || (this.requestModalClose.emit(), !(!this.closable && !a) && (this.closing = !0, this.unlockBodyScroll(), setTimeout(() => {
-      this.isOpen = !1, this.modalClose.emit(), this.closing = !1;
-    }, 150)));
-  }
-  updateCustomFooterStatus() {
-    this.hasCustomFooter = Boolean(this.el.querySelector('[slot="custom-footer"]'));
-  }
-  updateCustomHeaderStatus() {
-    this.hasCustomHeader = Boolean(this.el.querySelector('[slot="custom-header"]'));
-  }
-  updateHeaderToolsStatus() {
-    this.hasHeaderTools = Boolean(this.el.querySelector('[slot="header-tools"]'));
-  }
-  updateSecondaryContentStatus() {
-    this.hasSecondaryContent = Boolean(this.el.querySelector('[slot="secondary-content"]'));
-  }
-  handleAutoFocus() {
-    var a;
-    (a = this.modalEl.querySelector("input[autofocus]")) == null || a.focus();
-  }
-  lockBodyScroll() {
-    f(this.scrollContainer);
-  }
-  unlockBodyScroll() {
-    v(this.scrollContainer);
-  }
-  render() {
-    const a = Boolean(this.primaryActionLabel) || Boolean(this.secondaryActionLabel), e = b("modal", `modal--variant-${this.variant}`, {
-      "modal--closing": this.closing,
-      "modal--has-custom-footer": this.hasCustomFooter,
-      "modal--has-custom-header": this.hasCustomHeader,
-      "modal--has-header-tools": this.hasHeaderTools,
-      "modal--has-secondary-content": this.hasSecondaryContent,
-      "modal--hide-label": this.hideLabel,
-      "modal--padded": this.padded,
-      "modal--scrollable": this.scrollable,
-      "modal--scrolled": this.scrolled,
-      "modal--scrolled-down": this.scrolledDown
-    });
-    return o(p, null, o("section", { "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: e, onKeyDown: this.onKeyDown, role: "dialog", ref: (t) => this.modalEl = t }, o("div", { class: "modal__backdrop", onClick: this.onBackdropClick }), o("div", { class: "modal__body", style: {
-      "--swirl-modal-max-height": this.maxHeight,
-      "--swirl-modal-height": this.height,
-      maxWidth: this.maxWidth
-    } }, o("header", { class: "modal__custom-header" }, o("slot", { name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && o("header", { class: "modal__header" }, o("div", { class: "modal__header-bar" }, !this.hideCloseButton && o("swirl-button", { class: "modal__close-button", hideLabel: !0, icon: this.variant === "default" ? "<swirl-icon-close></swirl-icon-close>" : "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), !this.hideLabel && o("swirl-heading", { as: "h2", class: "modal__heading", level: 3, text: this.label }))), o("div", { class: "modal__content-container" }, o("div", { class: "modal__primary-content" }, o("div", { class: "modal__header-tools" }, o("slot", { name: "header-tools" })), o("div", { class: "modal__content", onScroll: this.determineScrollStatus, ref: (t) => this.scrollContainer = t }, o("slot", null))), o("div", { class: "modal__secondary-content" }, o("slot", { name: "secondary-content" }))), o("div", { class: "modal__custom-footer" }, o("slot", { name: "custom-footer" })), a && 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" }))))));
-  }
-  get el() {
-    return u(this);
-  }
-  static get watchers() {
-    return {
-      isOpen: ["watchIsOpen"]
-    };
-  }
-};
-w.style = g;
-export {
-  w as swirl_modal
-};