@getflip/swirl-components-react 0.177.1 → 0.178.0

package/dist/{swirl-symbol-open-in-new.entry.41b44b92.js → swirl-symbol-open-in-new.entry.9e5dfc9c.js}

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

package/dist/{swirl-symbol-pedal-bike.entry.df11597e.js → swirl-symbol-pedal-bike.entry.48752a94.js}

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

package/dist/{swirl-symbol-pinterest.entry.ac037b0d.js → swirl-symbol-pinterest.entry.f5565685.js}

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

package/dist/{swirl-symbol-policy.entry.dd8c6111.js → swirl-symbol-policy.entry.8f7ee820.js}

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

package/dist/{swirl-symbol-push-pin.entry.1223c65d.js → swirl-symbol-push-pin.entry.c1b6ef16.js}

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

package/dist/{swirl-symbol-redeem.entry.6f026c57.js → swirl-symbol-redeem.entry.f9b43319.js}

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

package/dist/{swirl-symbol-report-problem.entry.cc4885cf.js → swirl-symbol-report-problem.entry.63de5b03.js}

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

package/dist/{swirl-symbol-restaurant.entry.0f051afd.js → swirl-symbol-restaurant.entry.cd1b7ca7.js}

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

package/dist/{swirl-symbol-roadmap.entry.0f88d679.js → swirl-symbol-roadmap.entry.2b1078a2.js}

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

package/dist/{swirl-symbol-room.entry.bf7ee1cf.js → swirl-symbol-room.entry.7837d483.js}

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

package/dist/{swirl-symbol-savings.entry.f787c9c5.js → swirl-symbol-savings.entry.ba4ddea5.js}

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

package/dist/{swirl-symbol-settings-voice.entry.c43bcead.js → swirl-symbol-settings-voice.entry.15ec9055.js}

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

package/dist/{swirl-symbol-shopping-cart.entry.3fb0c0e0.js → swirl-symbol-shopping-cart.entry.f83f5f58.js}

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

package/dist/{swirl-symbol-smartphone.entry.b62c6859.js → swirl-symbol-smartphone.entry.f5f9acfe.js}

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

package/dist/{swirl-symbol-star.entry.a9cc4c5c.js → swirl-symbol-star.entry.f5d14944.js}

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

package/dist/{swirl-symbol-supervisor-account.entry.15d20c5a.js → swirl-symbol-supervisor-account.entry.bed47ab4.js}

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

package/dist/{swirl-symbol-thumbs-up-down.entry.9d5d83fc.js → swirl-symbol-thumbs-up-down.entry.2b1392b4.js}

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

package/dist/{swirl-symbol-twitter.entry.31c06b81.js → swirl-symbol-twitter.entry.8e6fa16a.js}

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

package/dist/{swirl-symbol-wb-sunny.entry.9fa4ab81.js → swirl-symbol-wb-sunny.entry.a01daead.js}

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

package/dist/{swirl-symbol-wechat.entry.767a2d2a.js → swirl-symbol-wechat.entry.ad4f09b0.js}

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

package/dist/{swirl-symbol-weibo.entry.d7b2ccb7.js → swirl-symbol-weibo.entry.a9155b9d.js}

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

package/dist/{swirl-symbol-work.entry.b5577ade.js → swirl-symbol-work.entry.17615f61.js}

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

package/dist/{swirl-symbol-xing.entry.e9273cb6.js → swirl-symbol-xing.entry.fd38fea0.js}

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

package/dist/{swirl-symbol-youtube.entry.cf3169bf.js → swirl-symbol-youtube.entry.6570cc98.js}

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

package/dist/{swirl-symbol.entry.08518521.js → swirl-symbol.entry.82b9590b.js}

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

package/dist/{swirl-tab-bar.entry.6484b8fe.js → swirl-tab-bar.entry.decae1c9.js}

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

package/dist/{swirl-tab.entry.5105ceef.js → swirl-tab.entry.06ec3a04.js}

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

package/dist/{swirl-table-cell.entry.b7a1f85d.js → swirl-table-cell.entry.7be9b83d.js}

@@ -1,4 +1,4 @@
-import { r as e, h as s, H as l } from "./index.44ed5a40.js";
+import { r as e, h as s, H as l } from "./index.3431ee0f.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.9971b601.js → swirl-table-column.entry.de0f5611.js}

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

package/dist/{swirl-table-row-group.entry.e3d921d7.js → swirl-table-row-group.entry.e7325f4a.js}

@@ -1,4 +1,4 @@
-import { r as o, h as e, H as l, g as r } from "./index.44ed5a40.js";
+import { r as o, h as e, H as l, g as r } from "./index.3431ee0f.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.1b9a848a.js → swirl-table-row.entry.b0f14f3d.js}

@@ -1,4 +1,4 @@
-import { r as s, h as e, H as o, g as r } from "./index.44ed5a40.js";
+import { r as s, h as e, H as o, g as r } from "./index.3431ee0f.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.e7687d98.js → swirl-table.entry.e12c14f5.js}

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

package/dist/{swirl-tabs.entry.166f8000.js → swirl-tabs.entry.b475f9d7.js}

@@ -1,4 +1,4 @@
-import { r as e, c as b, h as s, H as c, g as n } from "./index.44ed5a40.js";
+import { r as e, c as b, h as s, H as c, g as n } from "./index.3431ee0f.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.7e632629.js → swirl-text-input.entry.97685b9b.js}

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

package/dist/{swirl-text.entry.2c043b73.js → swirl-text.entry.00c49c39.js}

@@ -1,4 +1,4 @@
-import { r as ot, h as Y, H as at, g as lt } from "./index.44ed5a40.js";
+import { r as ot, h as Y, H as at, g as lt } from "./index.3431ee0f.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.e465cab9.js → swirl-theme-provider.entry.afe6d293.js}

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

package/dist/{swirl-time-input.entry.3b9df496.js → swirl-time-input.entry.994c6540.js}

@@ -1,4 +1,4 @@
-import { r as c, c as d, h as a, H as p, g as m } from "./index.44ed5a40.js";
+import { r as c, c as d, h as a, H as p, g as m } from "./index.3431ee0f.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.03e8ac61.js → swirl-toast-provider.entry.3665057b.js}

@@ -1,4 +1,4 @@
-import { r, h as o, H as n } from "./index.44ed5a40.js";
+import { r, h as o, H as n } from "./index.3431ee0f.js";
 import "react";
 import "react-dom";
 const h = class {

package/dist/{swirl-toast.entry.39154e9c.js → swirl-toast.entry.29f1a4e3.js}

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

package/dist/{swirl-toolbar.entry.a228191b.js → swirl-toolbar.entry.dd5e17e9.js}

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

package/dist/{swirl-tree-navigation-item.entry.2a832de2.js → swirl-tree-navigation-item.entry.aee5f952.js}

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

package/dist/{swirl-video-thumbnail.entry.dc884fd6.js → swirl-video-thumbnail.entry.44db0744.js}

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

package/dist/{swirl-visually-hidden.entry.48e5e74b.js → swirl-visually-hidden.entry.0f071eb3.js}

@@ -1,4 +1,4 @@
-import { r, h as i, H as l } from "./index.44ed5a40.js";
+import { r, h as i, H as l } from "./index.3431ee0f.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.ffe7972b.js → wc-datepicker.entry.227d8124.js}

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

package/package.json

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

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

@@ -1,118 +0,0 @@
-import { r as h, c as d, h as o, H as p, g as u } from "./index.44ed5a40.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 g } from "./focus-trap.esm-49c9613c.db20abcc.js";
-import "react";
-import "react-dom";
-const _ = `: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;--swirl-modal-view-height:100vh}@supports (height: 100dvh){.modal{--swirl-modal-max-height:90dvh;--swirl-modal-view-height:100dvh}}.modal{position:fixed;z-index:var(--s-z-40);display:flex;justify-content:center;align-items:center;height:var(--swirl-modal-view-height);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:var(--swirl-modal-view-height);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 = g(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 = _;
-export {
-  w as swirl_modal
-};