@stenajs-webui/modal 21.17.0 → 21.18.0

package/dist/index.es.js

@@ -1,45 +1,45 @@
 (function(){"use strict";try{if(typeof document<"u"){var o=document.createElement("style");o.appendChild(document.createTextNode("._overlay_5x3op_1{--swui-modal-animation-time: var(--swui-animation-time-fast);--swui-modal-overlay-bg-color: var(--swui-overlay-bg-color);--swui-modal-content-bg-color: var(--swui-white);--swui-modal-width: 960px;--swui-modal-max-width: 100%;--swui-modal-header-border-color: var(--lhds-color-ui-300);--swui-modal-shadow: var(--swui-shadow-modal);--swui-modal-footer-shadow: var(--swui-shadow-modal);position:fixed;z-index:10;top:0;left:0;right:0;bottom:0;background-color:var(--swui-modal-overlay-bg-color);overflow:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;animation:_fadeIn_5x3op_1 var(--swui-modal-animation-time) cubic-bezier(.645,.045,.355,1) both}@media print{._overlay_5x3op_1{background-color:#fff}}._overlay_5x3op_1 ._modal_5x3op_31{max-width:100%;outline:none;pointer-events:none}@media (max-width: 768px){._overlay_5x3op_1 ._modal_5x3op_31{width:100%}}._overlay_5x3op_1 ._content_5x3op_41{position:relative;display:block;background:var(--swui-modal-content-bg-color);box-shadow:var(--swui-modal-shadow);pointer-events:all;top:calc(var(--swui-metrics-space) * 2);width:var(--swui-modal-width);max-width:var(--swui-modal-max-width)}@media (max-width: 768px){._overlay_5x3op_1 ._content_5x3op_41{top:0;width:100%;max-width:100%}}._overlay_5x3op_1 ._content_5x3op_41{animation:_appear_5x3op_1 var(--swui-animation-time-fast) cubic-bezier(.645,.045,.355,1) both}@media print{._overlay_5x3op_1 ._content_5x3op_41{box-shadow:none;top:0}}._overlay_5x3op_1 ._content_5x3op_41 :focus{outline:0}._overlay_5x3op_1 ._content_5x3op_41._isDraggable_5x3op_70 .draggable-modal-handle{cursor:move}._overlay_5x3op_1 ._content_5x3op_41._isDraggable_5x3op_70 .draggable-modal-handle .draggable-modal-cancel,._overlay_5x3op_1 ._content_5x3op_41._isDraggable_5x3op_70 .draggable-modal-handle [role=tooltip]{cursor:initial}@keyframes _fadeIn_5x3op_1{0%{background-color:var(--swui-hidden)}to{background-color:var(--swui-modal-overlay-bg-color)}}@keyframes _appear_5x3op_1{0%{opacity:0}to{opacity:1}}._footer_5x3op_101{background-color:var(--swui-modal-content-bg-color)}._stickyFooter_5x3op_105{position:sticky;bottom:0;box-shadow:var(--swui-modal-footer-shadow)}@media print{._stickyFooter_5x3op_105{position:static;box-shadow:none}}._portal_17ze5_1{--drawer-width: 370px}._portal_17ze5_1 ._overlay_17ze5_4{position:fixed;top:0;right:0;bottom:0;left:0}._portal_17ze5_1 ._content_17ze5_9{box-shadow:var(--swui-shadow-modal);background:#fff;position:absolute;transition:transform var(--swui-animation-time-medium) ease-in-out}._portal_17ze5_1 ._content_17ze5_9._floating_17ze5_15{margin:var(--swui-metrics-space);border-radius:var(--swui-border-radius)}@media (max-width: 768px){._portal_17ze5_1 ._content_17ze5_9._floating_17ze5_15{margin:0;border-radius:0}}._portal_17ze5_1 ._content_17ze5_9:focus-visible{outline:unset}._portal_17ze5_1 ._content_17ze5_9._slideFromLeft_17ze5_29,._portal_17ze5_1 ._content_17ze5_9._slideFromRight_17ze5_30{transform:translate(var(--translate-x-outside-screen, 0));overflow-y:auto;top:0;bottom:0}._portal_17ze5_1 ._content_17ze5_9._slideFromLeft_17ze5_29._afterOpen_17ze5_36,._portal_17ze5_1 ._content_17ze5_9._slideFromRight_17ze5_30._afterOpen_17ze5_36{transform:translate(0)}._portal_17ze5_1 ._content_17ze5_9._slideFromLeft_17ze5_29._beforeClose_17ze5_40,._portal_17ze5_1 ._content_17ze5_9._slideFromRight_17ze5_30._beforeClose_17ze5_40{transform:translate(var(--translate-x-outside-screen))}._portal_17ze5_1 ._content_17ze5_9._slideFromTop_17ze5_45,._portal_17ze5_1 ._content_17ze5_9._slideFromBottom_17ze5_46{transform:translateY(var(--translate-y-outside-screen, 0));overflow-x:auto;left:0;right:0}._portal_17ze5_1 ._content_17ze5_9._slideFromTop_17ze5_45._afterOpen_17ze5_36,._portal_17ze5_1 ._content_17ze5_9._slideFromBottom_17ze5_46._afterOpen_17ze5_36{transform:translateY(0)}._portal_17ze5_1 ._content_17ze5_9._slideFromTop_17ze5_45._beforeClose_17ze5_40,._portal_17ze5_1 ._content_17ze5_9._slideFromBottom_17ze5_46._beforeClose_17ze5_40{transform:translateY(var(--translate-y-outside-screen))}._portal_17ze5_1 ._content_17ze5_9._slideFromLeft_17ze5_29{--translate-x-outside-screen: -100%;width:var(--drawer-width);left:0}._portal_17ze5_1 ._content_17ze5_9._slideFromRight_17ze5_30{--translate-x-outside-screen: 100%;width:var(--drawer-width);right:0}._portal_17ze5_1 ._content_17ze5_9._slideFromTop_17ze5_45{--translate-y-outside-screen: -100%;height:var(--drawer-width);top:0}._portal_17ze5_1 ._content_17ze5_9._slideFromBottom_17ze5_46{--translate-y-outside-screen: 100%;height:var(--drawer-width);bottom:0}._overlay_r9tkq_1{--swui-modal-animation-time: var(--swui-animation-time-fast);--swui-modal-overlay-bg-color: var(--swui-overlay-bg-color);--swui-modal-content-bg-color: var(--swui-white);--swui-modal-width: 960px;--swui-modal-max-width: 100%;--swui-modal-header-border-color: var(--lhds-color-ui-300);--swui-modal-shadow: var(--swui-shadow-modal);--swui-modal-footer-shadow: var(--swui-shadow-modal);position:fixed;z-index:10;top:0;left:0;right:0;bottom:0;background-color:var(--swui-modal-overlay-bg-color);overflow:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;animation:_fadeIn_r9tkq_1 var(--swui-modal-animation-time) cubic-bezier(.645,.045,.355,1) both}@media print{._overlay_r9tkq_1{background-color:#fff}}._overlay_r9tkq_1 ._modal_r9tkq_31{max-width:100%;outline:none;pointer-events:none;padding:var(--swui-metrics-space)}._overlay_r9tkq_1 ._content_r9tkq_38{position:relative;display:block;background:var(--swui-modal-content-bg-color);box-shadow:var(--swui-modal-shadow);border-radius:var(--swui-border-radius-large);pointer-events:all;width:var(--swui-modal-width);max-width:var(--swui-modal-max-width);animation:_appear_r9tkq_1 var(--swui-animation-time-fast) cubic-bezier(.645,.045,.355,1) both}@media print{._overlay_r9tkq_1 ._content_r9tkq_38{box-shadow:none;top:0}}._overlay_r9tkq_1 ._content_r9tkq_38 :focus{outline:0}._overlay_r9tkq_1 ._content_r9tkq_38._isDraggable_r9tkq_61 .draggable-modal-handle{cursor:move}._overlay_r9tkq_1 ._content_r9tkq_38._isDraggable_r9tkq_61 .draggable-modal-handle .draggable-modal-cancel,._overlay_r9tkq_1 ._content_r9tkq_38._isDraggable_r9tkq_61 .draggable-modal-handle [role=tooltip]{cursor:initial}@keyframes _fadeIn_r9tkq_1{0%{background-color:var(--swui-hidden)}to{background-color:var(--swui-modal-overlay-bg-color)}}@keyframes _appear_r9tkq_1{0%{opacity:0}to{opacity:1}}._footer_r9tkq_92{background-color:var(--swui-modal-content-bg-color)}._stickyFooter_r9tkq_96{position:sticky;bottom:0;box-shadow:var(--swui-modal-footer-shadow)}@media print{._stickyFooter_r9tkq_96{position:static;box-shadow:none}}._overlay_1rolx_1{--swui-modal-animation-time: var(--swui-animation-time-fast);--swui-modal-overlay-bg-color: var(--swui-overlay-bg-color);--swui-modal-content-bg-color: var(--swui-white);--swui-modal-width: 960px;--swui-modal-max-width: 100%;--swui-modal-header-border-color: var(--lhds-color-ui-300);--swui-modal-shadow: var(--swui-shadow-modal);--swui-modal-footer-shadow: var(--swui-shadow-modal);position:fixed;z-index:10;top:0;left:0;right:0;bottom:0;background-color:var(--swui-modal-overlay-bg-color);overflow:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;animation:_fadeIn_1rolx_1 var(--swui-modal-animation-time) cubic-bezier(.645,.045,.355,1) both}@media print{._overlay_1rolx_1{background-color:#fff}}._overlay_1rolx_1 ._modal_1rolx_31{max-width:100%;outline:none;pointer-events:none}@media (max-width: 768px){._overlay_1rolx_1 ._modal_1rolx_31{width:100%}}._overlay_1rolx_1 ._content_1rolx_41{position:relative;display:block;background:var(--swui-modal-content-bg-color);box-shadow:var(--swui-modal-shadow);border-radius:var(--swui-border-radius-large);pointer-events:all;width:var(--swui-modal-width);max-width:var(--swui-modal-max-width)}@media (max-width: 768px){._overlay_1rolx_1 ._content_1rolx_41{border-radius:0;width:100%;max-width:100%;height:100vh}}._overlay_1rolx_1 ._content_1rolx_41{animation:_appear_1rolx_1 var(--swui-animation-time-fast) cubic-bezier(.645,.045,.355,1) both}@media print{._overlay_1rolx_1 ._content_1rolx_41{box-shadow:none;top:0}}._overlay_1rolx_1 ._content_1rolx_41 :focus{outline:0}._overlay_1rolx_1 ._content_1rolx_41._isDraggable_1rolx_71 .draggable-modal-handle{cursor:move}._overlay_1rolx_1 ._content_1rolx_41._isDraggable_1rolx_71 .draggable-modal-handle .draggable-modal-cancel,._overlay_1rolx_1 ._content_1rolx_41._isDraggable_1rolx_71 .draggable-modal-handle [role=tooltip]{cursor:initial}@keyframes _fadeIn_1rolx_1{0%{background-color:var(--swui-hidden)}to{background-color:var(--swui-modal-overlay-bg-color)}}@keyframes _appear_1rolx_1{0%{opacity:0}to{opacity:1}}._footer_1rolx_102{background-color:var(--swui-modal-content-bg-color)}._stickyFooter_1rolx_106{position:sticky;bottom:0;box-shadow:var(--swui-modal-footer-shadow)}@media print{._stickyFooter_1rolx_106{position:static;box-shadow:none}}._modal_4fwgb_1{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;right:0;bottom:0;background-color:transparent}._overlay_4fwgb_13{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--swui-overlay-bg-color)}._alertDialog_14t8t_1{border:0;outline:0;border-radius:var(--swui-border-radius-large);margin:auto;padding:0;overscroll-behavior:contain;opacity:0;pointer-events:none;box-shadow:#0003 0 0 10px 4px}._alertDialog_14t8t_1:not([open]){display:none}._alertDialog_14t8t_1[open]{opacity:1;pointer-events:auto;animation:_slideIn_14t8t_1 .25s forwards}._alertDialog_14t8t_1._closing_14t8t_22[open]{animation:_slideOut_14t8t_1 .25s forwards}._alertDialog_14t8t_1::backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0d0e1080;animation:_fadeIn_14t8t_1 .25s forwards}._alertDialog_14t8t_1._closing_14t8t_22::backdrop{animation:_fadeOut_14t8t_1 .25s forwards}@keyframes _fadeIn_14t8t_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_14t8t_1{0%{opacity:1}to{opacity:0}}@keyframes _slideIn_14t8t_1{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _slideOut_14t8t_1{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}._drawerDialog_11g6r_1{max-height:100%;max-width:100%;border:0;outline:0;margin:0;padding:0;overflow-y:auto;overscroll-behavior:contain;box-shadow:#0003 0 0 10px 4px;position:fixed}._drawerDialog_11g6r_1._left_11g6r_13,._drawerDialog_11g6r_1._right_11g6r_14{height:100%;top:0;bottom:0}._drawerDialog_11g6r_1._left_11g6r_13 ._contentWrapper_11g6r_19,._drawerDialog_11g6r_1._right_11g6r_14 ._contentWrapper_11g6r_19{height:100%}@media (max-width: 768px){._drawerDialog_11g6r_1._left_11g6r_13,._drawerDialog_11g6r_1._right_11g6r_14{width:-moz-fit-content;width:fit-content}}._drawerDialog_11g6r_1._left_11g6r_13{left:0;right:unset}._drawerDialog_11g6r_1._left_11g6r_13[open]{animation:_slideInLeft_11g6r_1 .25s forwards}._drawerDialog_11g6r_1._left_11g6r_13._closing_11g6r_36[open]{animation:_slideOutLeft_11g6r_1 .25s forwards}._drawerDialog_11g6r_1._right_11g6r_14{left:unset;right:0}._drawerDialog_11g6r_1._right_11g6r_14[open]{animation:_slideInRight_11g6r_1 .25s forwards}._drawerDialog_11g6r_1._right_11g6r_14._closing_11g6r_36[open]{animation:_slideOutRight_11g6r_1 .25s forwards}._drawerDialog_11g6r_1._top_11g6r_54,._drawerDialog_11g6r_1._bottom_11g6r_55{width:100%;left:0;right:0}@media (max-width: 768px){._drawerDialog_11g6r_1._top_11g6r_54,._drawerDialog_11g6r_1._bottom_11g6r_55{height:-moz-fit-content;height:fit-content}}._drawerDialog_11g6r_1._top_11g6r_54{top:0;bottom:unset}._drawerDialog_11g6r_1._top_11g6r_54[open]{animation:_slideInTop_11g6r_1 .25s forwards}._drawerDialog_11g6r_1._top_11g6r_54._closing_11g6r_36[open]{animation:_slideOutTop_11g6r_1 .25s forwards}._drawerDialog_11g6r_1._bottom_11g6r_55{top:unset;bottom:0}._drawerDialog_11g6r_1._bottom_11g6r_55[open]{animation:_slideInBottom_11g6r_1 .25s forwards}._drawerDialog_11g6r_1._bottom_11g6r_55._closing_11g6r_36[open]{animation:_slideOutBottom_11g6r_1 .25s forwards}._drawerDialog_11g6r_1[open]{opacity:1;pointer-events:auto}@keyframes _slideInLeft_11g6r_1{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes _slideOutLeft_11g6r_1{0%{transform:translate(0);opacity:0}to{transform:translate(-100%);opacity:1}}@keyframes _slideInTop_11g6r_1{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _slideOutTop_11g6r_1{0%{transform:translateY(0);opacity:0}to{transform:translateY(-100%);opacity:1}}@keyframes _slideInRight_11g6r_1{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes _slideOutRight_11g6r_1{0%{transform:translate(0);opacity:0}to{transform:translate(100%);opacity:1}}@keyframes _slideInBottom_11g6r_1{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _slideOutBottom_11g6r_1{0%{transform:translateY(0);opacity:0}to{transform:translateY(100%);opacity:1}}._modalDialog_1teni_1{border:0;outline:0;margin:auto;padding:0;overscroll-behavior:contain;opacity:0;pointer-events:none;box-shadow:#0003 0 0 10px 4px}@media (min-width: 769px){._modalDialog_1teni_1{border-radius:var(--swui-border-radius-large)}._modalDialog_1teni_1::-webkit-scrollbar-thumb{background-color:var(--lhds-color-ui-400);border:4px solid transparent;border-radius:8px;background-clip:padding-box}._modalDialog_1teni_1::-webkit-scrollbar{width:16px}}._modalDialog_1teni_1:not([open]){display:none}._modalDialog_1teni_1[open]{opacity:1;pointer-events:auto;animation:_slideIn_1teni_1 .25s forwards}._modalDialog_1teni_1._closing_1teni_36[open]{animation:_slideOut_1teni_1 .25s forwards}@media (max-width: 768px){._modalDialog_1teni_1{margin:0;width:100%;max-width:100%;height:100%;max-height:100%}}._modalDialog_1teni_1::backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0d0e1080;animation:_fadeIn_1teni_1 .25s forwards}._modalDialog_1teni_1._closing_1teni_36::backdrop{animation:_fadeOut_1teni_1 .25s forwards}@keyframes _fadeIn_1teni_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_1teni_1{0%{opacity:1}to{opacity:0}}@keyframes _slideIn_1teni_1{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _slideOut_1teni_1{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}@media (max-width: 768px){._contentWrapper_1teni_100{width:100%;height:100%}}._modalActionButtons_s27nj_1{display:flex;flex-direction:row;gap:16px;justify-content:center}@media (max-width: 768px){._modalActionButtons_s27nj_1{flex-direction:column;justify-content:stretch}}._modalFooter_112wr_1._modalFooter_112wr_1{display:flex;align-items:center;overflow:hidden;background:var(--silver-lighter);border-radius:24px 24px 0 0;padding:0 calc((var(--swui-metrics-indent) * 5));flex-shrink:0}._modalFooter_112wr_1._modalFooter_112wr_1._sticky_112wr_10{position:sticky;bottom:0}")),document.head.appendChild(o)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
-import b from "react-modal";
-import { jsx as n, jsxs as d, Fragment as H } from "react/jsx-runtime";
-import { useRef as N, createContext as te, useReducer as ne, useState as G, useCallback as O, useMemo as le, createElement as oe, useContext as re } from "react";
-import ae from "react-draggable";
-import c from "classnames";
-import { exhaustSwitchCase as se, Spacing as S, Row as y, Space as P, Heading as L, Column as z, Box as w, Indent as ce, Txt as ie, Text as de } from "@stenajs-webui/core";
-import { Icon as Y, FlatButton as _e, stenaTimes as me, Spinner as ue, CloseButton as J, CircledIcon as ge } from "@stenajs-webui/elements";
-import { cssColor as fe } from "@stenajs-webui/theme";
-const Vt = (t) => {
-  b.setAppElement(t);
-}, he = "_overlay_5x3op_1", ye = "_fadeIn_5x3op_1", Ce = "_modal_5x3op_31", ve = "_content_5x3op_41", pe = "_appear_5x3op_1", Ne = "_isDraggable_5x3op_70", Ie = "_footer_5x3op_101", we = "_stickyFooter_5x3op_105", I = {
-  overlay: he,
-  fadeIn: ye,
-  modal: Ce,
-  content: ve,
-  appear: pe,
-  isDraggable: Ne,
-  footer: Ie,
-  stickyFooter: we
-}, K = "draggable-modal-handle", Q = "draggable-modal-cancel", be = ({
+import B from "react-modal";
+import { jsx as n, jsxs as m, Fragment as ee } from "react/jsx-runtime";
+import { useRef as F, createContext as fe, useReducer as he, useState as te, useCallback as A, useMemo as ne, createElement as oe, useContext as pe } from "react";
+import ye from "react-draggable";
+import i from "classnames";
+import { exhaustSwitchCase as Ce, Spacing as X, Row as v, Space as re, Heading as Y, Column as J, Box as O, Indent as we, Txt as ve, Text as Ie } from "@stenajs-webui/core";
+import { Icon as ae, FlatButton as Ne, stenaTimes as be, Spinner as $e, CloseButton as ce, CircledIcon as xe } from "@stenajs-webui/elements";
+import { cssColor as De } from "@stenajs-webui/theme";
+const rn = (t) => {
+  B.setAppElement(t);
+}, Fe = "_overlay_5x3op_1", ke = "_fadeIn_5x3op_1", Oe = "_modal_5x3op_31", Be = "_content_5x3op_41", Ae = "_appear_5x3op_1", Le = "_isDraggable_5x3op_70", ze = "_footer_5x3op_101", Me = "_stickyFooter_5x3op_105", k = {
+  overlay: Fe,
+  fadeIn: ke,
+  modal: Oe,
+  content: Be,
+  appear: Ae,
+  isDraggable: Le,
+  footer: ze,
+  stickyFooter: Me
+}, ie = "draggable-modal-handle", de = "draggable-modal-cancel", We = ({
   width: t,
   maxWidth: e,
-  draggable: l = !1,
-  children: o,
-  ...s
+  draggable: o = !1,
+  children: r,
+  ...a
 }) => {
-  const _ = N(null);
+  const u = F(null);
   return /* @__PURE__ */ n(
-    b,
+    B,
     {
-      overlayClassName: I.overlay,
-      className: I.modal,
-      ...s,
+      overlayClassName: k.overlay,
+      className: k.modal,
+      ...a,
       children: /* @__PURE__ */ n(
-        ae,
+        ye,
         {
-          handle: `.${K}`,
-          cancel: `.${Q}, button, [role="tooltip"]`,
+          handle: `.${ie}`,
+          cancel: `.${de}, button, [role="tooltip"]`,
           bounds: ".ReactModal__Overlay",
-          disabled: !l,
-          nodeRef: _,
+          disabled: !o,
+          nodeRef: u,
           children: /* @__PURE__ */ n(
             "div",
             {
@@ -47,193 +47,200 @@ const Vt = (t) => {
                 "--swui-modal-width": t,
                 "--swui-modal-max-width": e
               },
-              className: c(I.content, {
-                [I.isDraggable]: l
+              className: i(k.content, {
+                [k.isDraggable]: o
               }),
-              ref: _,
-              children: o
+              ref: u,
+              children: r
             }
           )
         }
       )
     }
   );
-}, De = "_portal_17ze5_1", $e = "_overlay_17ze5_4", Oe = "_content_17ze5_9", ke = "_floating_17ze5_15", xe = "_slideFromLeft_17ze5_29", Fe = "_slideFromRight_17ze5_30", Be = "_afterOpen_17ze5_36", We = "_beforeClose_17ze5_40", Re = "_slideFromTop_17ze5_45", Ae = "_slideFromBottom_17ze5_46", i = {
-  portal: De,
-  overlay: $e,
-  content: Oe,
-  floating: ke,
-  slideFromLeft: xe,
-  slideFromRight: Fe,
-  afterOpen: Be,
-  beforeClose: We,
-  slideFromTop: Re,
-  slideFromBottom: Ae
-}, Xt = ({
+}, Se = "_portal_17ze5_1", Ee = "_overlay_17ze5_4", Te = "_content_17ze5_9", qe = "_floating_17ze5_15", He = "_slideFromLeft_17ze5_29", Pe = "_slideFromRight_17ze5_30", Ge = "_afterOpen_17ze5_36", Ve = "_beforeClose_17ze5_40", Xe = "_slideFromTop_17ze5_45", Ye = "_slideFromBottom_17ze5_46", _ = {
+  portal: Se,
+  overlay: Ee,
+  content: Te,
+  floating: qe,
+  slideFromLeft: He,
+  slideFromRight: Pe,
+  afterOpen: Ge,
+  beforeClose: Ve,
+  slideFromTop: Xe,
+  slideFromBottom: Ye
+}, sn = ({
   background: t,
   zIndex: e,
-  children: l,
-  slideFrom: o = "left",
-  portalTarget: s,
-  floating: _,
-  ...m
+  children: o,
+  slideFrom: r = "left",
+  portalTarget: a,
+  floating: u,
+  ...g
 }) => {
-  const { height: h, width: u } = m;
+  const { height: f, width: I } = g;
   return /* @__PURE__ */ n(
-    b,
+    B,
     {
       closeTimeoutMS: 250,
-      portalClassName: i.portal,
+      portalClassName: _.portal,
       overlayClassName: {
-        base: i.overlay,
-        afterOpen: i.afterOpen,
-        beforeClose: i.beforeClose
+        base: _.overlay,
+        afterOpen: _.afterOpen,
+        beforeClose: _.beforeClose
       },
       className: {
-        base: c(
-          i.content,
-          Se(o),
-          _ && i.floating
+        base: i(
+          _.content,
+          Je(r),
+          u && _.floating
         ),
-        afterOpen: i.afterOpen,
-        beforeClose: i.beforeClose
+        afterOpen: _.afterOpen,
+        beforeClose: _.beforeClose
       },
-      style: { content: { width: u, height: h, background: t }, overlay: { zIndex: e } },
-      parentSelector: s ? () => s : void 0,
-      ...m,
-      children: l
+      style: { content: { width: I, height: f, background: t }, overlay: { zIndex: e } },
+      parentSelector: a ? () => a : void 0,
+      ...g,
+      children: o
     }
   );
-}, Se = (t) => {
+}, Je = (t) => {
   switch (t) {
     case "left":
-      return i.slideFromLeft;
+      return _.slideFromLeft;
     case "right":
-      return i.slideFromRight;
+      return _.slideFromRight;
     case "top":
-      return i.slideFromTop;
+      return _.slideFromTop;
     case "bottom":
-      return i.slideFromBottom;
+      return _.slideFromBottom;
     default:
-      return se(t, i.slideFromLeft);
+      return Ce(t, _.slideFromLeft);
   }
-}, Yt = ({
+}, ln = ({
   header: t,
   contentRight: e,
-  onRequestClose: l,
-  icon: o
+  onRequestClose: o,
+  icon: r
 }) => /* @__PURE__ */ n(
-  S,
+  X,
   {
     position: "sticky",
     top: 0,
     zIndex: 100,
-    background: fe("--lhds-color-ui-50"),
-    children: /* @__PURE__ */ d(
-      y,
+    background: De("--lhds-color-ui-50"),
+    children: /* @__PURE__ */ m(
+      v,
       {
         justifyContent: "space-between",
         alignItems: "center",
         height: "48px",
         children: [
-          /* @__PURE__ */ d(y, { alignItems: "center", gap: 2, children: [
-            /* @__PURE__ */ n(P, { num: 1 }),
-            o && /* @__PURE__ */ n(Y, { icon: o, size: 24 }),
-            /* @__PURE__ */ n(L, { variant: "h4", children: t })
+          /* @__PURE__ */ m(v, { alignItems: "center", gap: 2, children: [
+            /* @__PURE__ */ n(re, { num: 1 }),
+            r && /* @__PURE__ */ n(ae, { icon: r, size: 24 }),
+            /* @__PURE__ */ n(Y, { variant: "h4", children: t })
           ] }),
-          /* @__PURE__ */ d(y, { gap: 1, children: [
+          /* @__PURE__ */ m(v, { gap: 1, children: [
             e,
             /* @__PURE__ */ n(
-              _e,
+              Ne,
               {
-                leftIcon: me,
-                onClick: l,
+                leftIcon: be,
+                onClick: o,
                 variant: "danger"
               }
             ),
-            /* @__PURE__ */ n(P, { num: 0.5 })
+            /* @__PURE__ */ n(re, { num: 0.5 })
           ] })
         ]
       }
     )
   }
-), Le = "_overlay_r9tkq_1", ze = "_fadeIn_r9tkq_1", Me = "_modal_r9tkq_31", Ee = "_content_r9tkq_38", Te = "_appear_r9tkq_1", je = "_isDraggable_r9tkq_61", qe = "_footer_r9tkq_92", He = "_stickyFooter_r9tkq_96", B = {
-  overlay: Le,
-  fadeIn: ze,
-  modal: Me,
-  content: Ee,
-  appear: Te,
+), Ke = "_overlay_r9tkq_1", Qe = "_fadeIn_r9tkq_1", Ue = "_modal_r9tkq_31", Ze = "_content_r9tkq_38", Re = "_appear_r9tkq_1", je = "_isDraggable_r9tkq_61", et = "_footer_r9tkq_92", tt = "_stickyFooter_r9tkq_96", q = {
+  overlay: Ke,
+  fadeIn: Qe,
+  modal: Ue,
+  content: Ze,
+  appear: Re,
   isDraggable: je,
-  footer: qe,
-  stickyFooter: He
-}, Ge = { overlay: { justifyContent: "center" } }, Jt = ({
+  footer: et,
+  stickyFooter: tt
+}, nt = { overlay: { justifyContent: "center" } }, an = ({
   children: t,
   ...e
 }) => /* @__PURE__ */ n(
-  b,
+  B,
   {
-    overlayClassName: B.overlay,
-    className: B.modal,
-    style: Ge,
+    overlayClassName: q.overlay,
+    className: q.modal,
+    style: nt,
     ...e,
     children: /* @__PURE__ */ n(
       "div",
       {
-        className: B.content,
+        className: q.content,
         style: { "--swui-modal-width": "fit-content" },
         children: t
       }
     )
   }
-), Pe = "_overlay_1rolx_1", Ve = "_fadeIn_1rolx_1", Xe = "_modal_1rolx_31", Ye = "_content_1rolx_41", Je = "_appear_1rolx_1", Ke = "_isDraggable_1rolx_71", Qe = "_footer_1rolx_102", Ue = "_stickyFooter_1rolx_106", W = {
-  overlay: Pe,
-  fadeIn: Ve,
-  modal: Xe,
-  content: Ye,
-  appear: Je,
-  isDraggable: Ke,
-  footer: Qe,
-  stickyFooter: Ue
-}, Ze = { overlay: { justifyContent: "center" } }, Kt = ({
+), ot = "_overlay_1rolx_1", rt = "_fadeIn_1rolx_1", st = "_modal_1rolx_31", lt = "_content_1rolx_41", at = "_appear_1rolx_1", ct = "_isDraggable_1rolx_71", it = "_footer_1rolx_102", dt = "_stickyFooter_1rolx_106", H = {
+  overlay: ot,
+  fadeIn: rt,
+  modal: st,
+  content: lt,
+  appear: at,
+  isDraggable: ct,
+  footer: it,
+  stickyFooter: dt
+}, _t = ({
   children: t,
-  ...e
-}) => /* @__PURE__ */ n(
-  b,
-  {
-    overlayClassName: W.overlay,
-    className: W.modal,
-    style: Ze,
-    ...e,
-    children: /* @__PURE__ */ n(
-      "div",
-      {
-        className: W.content,
-        style: { "--swui-modal-width": "fit-content" },
-        children: t
-      }
-    )
-  }
-), et = "_modal_4fwgb_1", tt = "_overlay_4fwgb_13", V = {
-  modal: et,
-  overlay: tt
-}, Qt = ({
+  background: e,
+  ...o
+}) => {
+  const r = {
+    overlay: { justifyContent: "center" },
+    content: { "--swui-modal-content-bg-color": e }
+  };
+  return /* @__PURE__ */ n(
+    B,
+    {
+      overlayClassName: H.overlay,
+      className: H.modal,
+      style: r,
+      ...o,
+      children: /* @__PURE__ */ n(
+        "div",
+        {
+          className: H.content,
+          style: { "--swui-modal-width": "fit-content" },
+          children: t
+        }
+      )
+    }
+  );
+}, mt = "_modal_4fwgb_1", ut = "_overlay_4fwgb_13", se = {
+  modal: mt,
+  overlay: ut
+}, cn = ({
   headerIconLeft: t,
   headerText: e,
-  shouldCloseOnOverlayClick: l = !1,
-  shouldCloseOnEsc: o = !1,
-  ...s
+  shouldCloseOnOverlayClick: o = !1,
+  shouldCloseOnEsc: r = !1,
+  ...a
 }) => /* @__PURE__ */ n(
-  b,
+  B,
   {
-    ...s,
+    ...a,
     isOpen: !0,
-    shouldCloseOnOverlayClick: l,
-    shouldCloseOnEsc: o,
-    className: V.modal,
-    overlayClassName: V.overlay,
-    children: /* @__PURE__ */ d(z, { spacing: 2, alignItems: "center", children: [
+    shouldCloseOnOverlayClick: o,
+    shouldCloseOnEsc: r,
+    className: se.modal,
+    overlayClassName: se.overlay,
+    children: /* @__PURE__ */ m(J, { spacing: 2, alignItems: "center", children: [
       /* @__PURE__ */ n(
-        w,
+        O,
         {
           alignItems: "center",
           justifyContent: "center",
@@ -242,335 +249,362 @@ const Vt = (t) => {
           borderRadius: "50%",
           background: "white",
           shadow: "modal",
-          children: /* @__PURE__ */ n(ue, { size: "small" })
+          children: /* @__PURE__ */ n($e, { size: "small" })
         }
       ),
-      (t || e) && /* @__PURE__ */ d(H, { children: [
-        /* @__PURE__ */ n(S, {}),
-        /* @__PURE__ */ d(y, { indent: 2, children: [
-          t && /* @__PURE__ */ d(H, { children: [
-            /* @__PURE__ */ n(Y, { size: 14, icon: t, color: "white" }),
-            /* @__PURE__ */ n(ce, {})
+      (t || e) && /* @__PURE__ */ m(ee, { children: [
+        /* @__PURE__ */ n(X, {}),
+        /* @__PURE__ */ m(v, { indent: 2, children: [
+          t && /* @__PURE__ */ m(ee, { children: [
+            /* @__PURE__ */ n(ae, { size: 14, icon: t, color: "white" }),
+            /* @__PURE__ */ n(we, {})
           ] }),
-          e && /* @__PURE__ */ n(L, { variant: "h4", color: "white", children: e })
+          e && /* @__PURE__ */ n(Y, { variant: "h4", color: "white", children: e })
         ] })
       ] })
     ] })
   }
-), nt = ({
+), gt = ({
   onRequestClose: t,
   header: e,
-  headerText: l,
-  closeButtonClassName: o
-}) => /* @__PURE__ */ d(
-  y,
+  headerText: o,
+  closeButtonClassName: r
+}) => /* @__PURE__ */ m(
+  v,
   {
     spacing: 2,
     indent: 2,
     borderBottom: "1px solid var(--lhds-color-ui-300)",
-    className: K,
+    className: ie,
     children: [
-      /* @__PURE__ */ d(y, { flex: 1, indent: !0, alignItems: "center", children: [
-        l && /* @__PURE__ */ n(ie, { className: Q, size: "large", children: l }),
+      /* @__PURE__ */ m(v, { flex: 1, indent: !0, alignItems: "center", children: [
+        o && /* @__PURE__ */ n(ve, { className: de, size: "large", children: o }),
         e
       ] }),
-      /* @__PURE__ */ n(w, { alignSelf: "flex-start", children: /* @__PURE__ */ n(
-        J,
+      /* @__PURE__ */ n(O, { alignSelf: "flex-start", children: /* @__PURE__ */ n(
+        ce,
         {
-          className: o,
+          className: r,
           onClick: t
         }
       ) })
     ]
   }
-), Ut = ({
+), dn = ({
   header: t,
   headerText: e,
-  children: l,
-  spacing: o,
-  indent: s,
-  draggable: _ = !1,
-  onRequestClose: m,
-  closeButtonClassName: h,
-  footer: u,
-  disableStickyFooter: g = !1,
-  ...k
-}) => /* @__PURE__ */ d(
-  be,
+  children: o,
+  spacing: r,
+  indent: a,
+  draggable: u = !1,
+  onRequestClose: g,
+  closeButtonClassName: f,
+  footer: I,
+  disableStickyFooter: p = !1,
+  ...d
+}) => /* @__PURE__ */ m(
+  We,
   {
-    ...k,
-    onRequestClose: m,
-    draggable: _,
+    ...d,
+    onRequestClose: g,
+    draggable: u,
     children: [
       /* @__PURE__ */ n(
-        nt,
+        gt,
         {
-          onRequestClose: m,
+          onRequestClose: g,
           header: t,
           headerText: e,
-          closeButtonClassName: h
+          closeButtonClassName: f
         }
       ),
-      /* @__PURE__ */ n(w, { spacing: typeof o == "number" ? o : 1, indent: typeof s == "number" ? s : 1, children: l }),
-      u && /* @__PURE__ */ n(
-        w,
+      /* @__PURE__ */ n(O, { spacing: typeof r == "number" ? r : 1, indent: typeof a == "number" ? a : 1, children: o }),
+      I && /* @__PURE__ */ n(
+        O,
         {
-          className: c(I.footer, {
-            [I.stickyFooter]: !g
+          className: i(k.footer, {
+            [k.stickyFooter]: !p
           }),
-          children: u
+          children: I
         }
       )
     ]
   }
-), Zt = ({ children: t }) => /* @__PURE__ */ n(z, { indent: 2, spacing: 2, children: t }), U = te(
+), _n = ({ children: t }) => /* @__PURE__ */ n(J, { indent: 2, spacing: 2, children: t }), V = fe(
   void 0
 );
-function M(t, e) {
-  const l = N(null), o = e.ref ?? l, [s, _] = ne((a) => a + 1, 0), m = N(), h = N(), u = N(), g = N(), [k, D] = G(!1), [F, p] = G(!1), E = t, ee = O(
-    (a) => {
-      var r, f;
-      return m.current = new Promise(
-        (C, v) => {
-          h.current = C, g.current = v;
+function K(t, {
+  ref: e,
+  modal: o,
+  contentWrapperClassName: r,
+  closingClassName: a,
+  contentWrapperStyle: u,
+  dialogStyle: g,
+  divInsteadOfDialog: f,
+  disableCloseOnClickOutside: I,
+  onResolve: p,
+  onReject: d,
+  className: W,
+  background: L
+}) {
+  const me = F(null), c = e ?? me, [S, ue] = he((s) => s + 1, 0), Q = F(), N = F(), C = F(), h = F(), [z, D] = te(!1), [U, w] = te(!1), E = t, ge = A(
+    (s) => {
+      var l, y;
+      return Q.current = new Promise(
+        ($, x) => {
+          N.current = $, h.current = x;
         }
-      ), p(!1), D(!0), _(), u.current = a, e.modal ? (r = o.current) == null || r.showModal() : (f = o.current) == null || f.show(), m.current;
+      ), w(!1), D(!0), ue(), C.current = s, o ? (l = c.current) == null || l.showModal() : (y = c.current) == null || y.show(), Q.current;
     },
-    [o, e.modal]
-  ), T = O(
-    (a) => {
-      var r;
-      p(!0), (r = o.current) == null || r.addEventListener(
+    [c, o]
+  ), Z = A(
+    (s) => {
+      var l, y;
+      w(!0), f ? (w(!1), D(!1), (y = N.current) == null || y.call(N, s), C.current = void 0, p == null || p()) : (l = c.current) == null || l.addEventListener(
         "animationend",
         () => {
-          var f, C, v;
-          p(!1), D(!1), (f = o.current) == null || f.close(), (C = h.current) == null || C.call(h, a), u.current = void 0, (v = e.onResolve) == null || v.call(e);
+          var $, x;
+          w(!1), D(!1), ($ = c.current) == null || $.close(), (x = N.current) == null || x.call(N, s), C.current = void 0, p == null || p();
         },
         { once: !0 }
       );
     },
-    [o, e]
-  ), j = O(() => {
-    var a, r;
-    p(!1), D(!1), (a = g.current) == null || a.call(g), (r = e.onReject) == null || r.call(e), u.current = void 0;
-  }, [e]), $ = O(
-    (a) => {
-      var r;
-      p(!0), (r = o.current) == null || r.addEventListener(
+    [c, p, f]
+  ), R = A(() => {
+    var s;
+    w(!1), D(!1), (s = h.current) == null || s.call(h), d == null || d(), C.current = void 0;
+  }, [d]), b = A(
+    (s) => {
+      var l, y;
+      w(!0), f ? (w(!1), D(!1), (y = h.current) == null || y.call(h, s), d == null || d(), C.current = void 0) : (l = c.current) == null || l.addEventListener(
         "animationend",
         () => {
-          var f, C, v;
-          p(!1), D(!1), (f = o.current) == null || f.close(), (C = g.current) == null || C.call(g, a), (v = e.onReject) == null || v.call(e), u.current = void 0;
+          var $, x;
+          w(!1), D(!1), ($ = c.current) == null || $.close(), (x = h.current) == null || x.call(h, s), d == null || d(), C.current = void 0;
         },
         { once: !0 }
       );
     },
-    [o, e]
-  ), q = O(
-    (a) => {
-      if (a.target !== o.current)
+    [c, f, d]
+  ), j = A(
+    (s) => {
+      if (s.target !== c.current)
         return;
-      const r = o.current.getBoundingClientRect();
-      r.top <= a.clientY && a.clientY <= r.top + r.height && r.left <= a.clientX && a.clientX <= r.left + r.width || $();
+      const l = c.current.getBoundingClientRect();
+      l.top <= s.clientY && s.clientY <= l.top + l.height && l.left <= s.clientX && s.clientX <= l.left + l.width || b();
     },
-    [o, $]
+    [c, b]
+  ), T = ne(
+    () => ({ resolve: Z, reject: b }),
+    [b, Z]
   );
-  return [le(
-    () => /* @__PURE__ */ n(
-      "dialog",
+  return [ne(
+    () => f ? /* @__PURE__ */ n(
+      _t,
       {
-        onClick: e.disableCloseOnClickOutside ? void 0 : q,
-        onClose: j,
-        ref: o,
-        className: c(e.className, F && e.closingClassName),
-        style: e.dialogStyle,
-        children: /* @__PURE__ */ n(
+        isOpen: z,
+        onRequestClose: b,
+        background: L,
+        children: /* @__PURE__ */ n(V.Provider, { value: T, children: /* @__PURE__ */ n(
           "div",
           {
-            style: e.contentWrapperStyle,
-            className: e.contentWrapperClassName,
-            children: k && /* @__PURE__ */ n(U.Provider, { value: { resolve: T, reject: $ }, children: /* @__PURE__ */ oe(E, { ...u.current, key: s }) })
+            style: u,
+            className: r,
+            children: z && /* @__PURE__ */ oe(E, { ...C.current, key: S })
           }
-        )
+        ) })
+      }
+    ) : /* @__PURE__ */ n(
+      "dialog",
+      {
+        onClick: I ? void 0 : j,
+        onClose: R,
+        ref: c,
+        className: i(W, U && a),
+        style: { background: L, ...g },
+        children: /* @__PURE__ */ n("div", { style: u, className: r, children: z && /* @__PURE__ */ n(V.Provider, { value: T, children: /* @__PURE__ */ oe(E, { ...C.current, key: S }) }) })
       }
     ),
     [
-      e.disableCloseOnClickOutside,
-      e.className,
-      e.closingClassName,
-      e.dialogStyle,
-      e.contentWrapperStyle,
-      e.contentWrapperClassName,
-      q,
-      j,
-      o,
-      F,
-      k,
+      f,
+      L,
+      u,
+      r,
+      I,
+      W,
+      a,
+      g,
+      z,
+      b,
       T,
-      $,
       E,
-      s
+      S,
+      j,
+      R,
+      c,
+      U
     ]
-  ), { show: ee, reject: $ }];
+  ), { show: ge, reject: b }];
 }
-const en = () => {
-  const t = re(U);
+const mn = () => {
+  const t = pe(V);
   if (t == null)
     throw new Error("useDialogPromise is being used outside of dialog.");
   return t;
-}, lt = "_alertDialog_14t8t_1", ot = "_slideIn_14t8t_1", rt = "_closing_14t8t_22", at = "_slideOut_14t8t_1", st = "_fadeIn_14t8t_1", ct = "_fadeOut_14t8t_1", R = {
-  alertDialog: lt,
-  slideIn: ot,
-  closing: rt,
-  slideOut: at,
-  fadeIn: st,
-  fadeOut: ct
+}, ft = "_alertDialog_14t8t_1", ht = "_slideIn_14t8t_1", pt = "_closing_14t8t_22", yt = "_slideOut_14t8t_1", Ct = "_fadeIn_14t8t_1", wt = "_fadeOut_14t8t_1", P = {
+  alertDialog: ft,
+  slideIn: ht,
+  closing: pt,
+  slideOut: yt,
+  fadeIn: Ct,
+  fadeOut: wt
 };
-function tn(t, e) {
-  return M(t, {
+function un(t, e) {
+  return K(t, {
     ...e,
     modal: !0,
-    closingClassName: c(e == null ? void 0 : e.closingClassName, R.closing),
-    contentWrapperClassName: c(
+    closingClassName: i(e == null ? void 0 : e.closingClassName, P.closing),
+    contentWrapperClassName: i(
       e == null ? void 0 : e.contentWrapperClassName,
-      R.contentWrapper
+      P.contentWrapper
     ),
-    className: c(e == null ? void 0 : e.className, R.alertDialog)
+    className: i(e == null ? void 0 : e.className, P.alertDialog)
   });
 }
-const it = "_drawerDialog_11g6r_1", dt = "_left_11g6r_13", _t = "_right_11g6r_14", mt = "_contentWrapper_11g6r_19", ut = "_slideInLeft_11g6r_1", gt = "_closing_11g6r_36", ft = "_slideOutLeft_11g6r_1", ht = "_slideInRight_11g6r_1", yt = "_slideOutRight_11g6r_1", Ct = "_top_11g6r_54", vt = "_bottom_11g6r_55", pt = "_slideInTop_11g6r_1", Nt = "_slideOutTop_11g6r_1", It = "_slideInBottom_11g6r_1", wt = "_slideOutBottom_11g6r_1", x = {
-  drawerDialog: it,
-  left: dt,
-  right: _t,
-  contentWrapper: mt,
-  slideInLeft: ut,
-  closing: gt,
-  slideOutLeft: ft,
-  slideInRight: ht,
-  slideOutRight: yt,
-  top: Ct,
-  bottom: vt,
-  slideInTop: pt,
-  slideOutTop: Nt,
-  slideInBottom: It,
-  slideOutBottom: wt
+const vt = "_drawerDialog_11g6r_1", It = "_left_11g6r_13", Nt = "_right_11g6r_14", bt = "_contentWrapper_11g6r_19", $t = "_slideInLeft_11g6r_1", xt = "_closing_11g6r_36", Dt = "_slideOutLeft_11g6r_1", Ft = "_slideInRight_11g6r_1", kt = "_slideOutRight_11g6r_1", Ot = "_top_11g6r_54", Bt = "_bottom_11g6r_55", At = "_slideInTop_11g6r_1", Lt = "_slideOutTop_11g6r_1", zt = "_slideInBottom_11g6r_1", Mt = "_slideOutBottom_11g6r_1", M = {
+  drawerDialog: vt,
+  left: It,
+  right: Nt,
+  contentWrapper: bt,
+  slideInLeft: $t,
+  closing: xt,
+  slideOutLeft: Dt,
+  slideInRight: Ft,
+  slideOutRight: kt,
+  top: Ot,
+  bottom: Bt,
+  slideInTop: At,
+  slideOutTop: Lt,
+  slideInBottom: zt,
+  slideOutBottom: Mt
 };
-function nn(t, e = "left", l) {
-  return M(t, {
-    ...l,
+function gn(t, e = "left", o) {
+  return K(t, {
+    ...o,
     disableCloseOnClickOutside: !0,
     modal: !1,
-    closingClassName: c(l == null ? void 0 : l.closingClassName, x.closing),
-    contentWrapperClassName: c(
-      l == null ? void 0 : l.contentWrapperClassName,
-      x.contentWrapper
+    closingClassName: i(o == null ? void 0 : o.closingClassName, M.closing),
+    contentWrapperClassName: i(
+      o == null ? void 0 : o.contentWrapperClassName,
+      M.contentWrapper
     ),
-    className: c(l == null ? void 0 : l.className, x.drawerDialog, x[e])
+    className: i(o == null ? void 0 : o.className, M.drawerDialog, M[e])
   });
 }
-const bt = "_modalDialog_1teni_1", Dt = "_slideIn_1teni_1", $t = "_closing_1teni_36", Ot = "_slideOut_1teni_1", kt = "_fadeIn_1teni_1", xt = "_fadeOut_1teni_1", Ft = "_contentWrapper_1teni_100", A = {
-  modalDialog: bt,
-  slideIn: Dt,
-  closing: $t,
-  slideOut: Ot,
-  fadeIn: kt,
-  fadeOut: xt,
-  contentWrapper: Ft
+const Wt = "_modalDialog_1teni_1", St = "_slideIn_1teni_1", Et = "_closing_1teni_36", Tt = "_slideOut_1teni_1", qt = "_fadeIn_1teni_1", Ht = "_fadeOut_1teni_1", Pt = "_contentWrapper_1teni_100", G = {
+  modalDialog: Wt,
+  slideIn: St,
+  closing: Et,
+  slideOut: Tt,
+  fadeIn: qt,
+  fadeOut: Ht,
+  contentWrapper: Pt
 };
-function ln(t, e) {
-  return M(t, {
+function fn(t, e) {
+  return K(t, {
     ...e,
     modal: !0,
-    closingClassName: c(e == null ? void 0 : e.closingClassName, A.closing),
-    contentWrapperClassName: c(
+    closingClassName: i(e == null ? void 0 : e.closingClassName, G.closing),
+    contentWrapperClassName: i(
       e == null ? void 0 : e.contentWrapperClassName,
-      A.contentWrapper
+      G.contentWrapper
     ),
-    className: c(e == null ? void 0 : e.className, A.modalDialog)
+    className: i(e == null ? void 0 : e.className, G.modalDialog)
   });
 }
-const Z = ({
+const _e = ({
   headingLevel: t = "h2",
   size: e = "medium",
-  children: l
-}) => /* @__PURE__ */ n(L, { variant: e === "medium" ? "h3" : "h1", as: t, children: l }), Bt = "_modalActionButtons_s27nj_1", Wt = {
-  modalActionButtons: Bt
-}, Rt = ({
+  children: o
+}) => /* @__PURE__ */ n(Y, { variant: e === "medium" ? "h3" : "h1", as: t, children: o }), Gt = "_modalActionButtons_s27nj_1", Vt = {
+  modalActionButtons: Gt
+}, Xt = ({
   buttons: t
-}) => /* @__PURE__ */ d(w, { width: "100%", children: [
-  /* @__PURE__ */ n(S, {}),
-  /* @__PURE__ */ n("div", { className: Wt.modalActionButtons, children: t })
-] }), At = ({ gap: t = 3, ...e }) => /* @__PURE__ */ n(w, { indent: 3, spacing: 3, gap: t, ...e }), on = ({
+}) => /* @__PURE__ */ m(O, { width: "100%", children: [
+  /* @__PURE__ */ n(X, {}),
+  /* @__PURE__ */ n("div", { className: Vt.modalActionButtons, children: t })
+] }), Yt = ({ gap: t = 3, ...e }) => /* @__PURE__ */ n(O, { indent: 3, spacing: 3, gap: t, ...e }), hn = ({
   icon: t,
   buttons: e,
-  heading: l,
-  text: o,
-  children: s,
-  maxWidth: _,
-  minWidth: m
-}) => /* @__PURE__ */ d(
-  At,
+  heading: o,
+  text: r,
+  children: a,
+  maxWidth: u,
+  minWidth: g
+}) => /* @__PURE__ */ m(
+  Yt,
   {
     flexDirection: "column",
     alignItems: "center",
-    maxWidth: _,
-    minWidth: m,
+    maxWidth: u,
+    minWidth: g,
     children: [
-      t && /* @__PURE__ */ n(ge, { icon: t, size: "large" }),
-      /* @__PURE__ */ n(Z, { children: l }),
-      o && /* @__PURE__ */ n(de, { textAlign: "center", children: o }),
-      s,
-      e && /* @__PURE__ */ n(Rt, { buttons: e })
+      t && /* @__PURE__ */ n(xe, { icon: t, size: "large" }),
+      /* @__PURE__ */ n(_e, { children: o }),
+      r && /* @__PURE__ */ n(Ie, { textAlign: "center", children: r }),
+      a,
+      e && /* @__PURE__ */ n(Xt, { buttons: e })
     ]
   }
-), rn = ({ children: t }) => /* @__PURE__ */ n(z, { flex: 1, height: "100%", justifyContent: "space-between", children: t }), an = ({
+), pn = ({ children: t }) => /* @__PURE__ */ n(J, { flex: 1, height: "100%", justifyContent: "space-between", children: t }), yn = ({
   heading: t,
   headingLevel: e,
-  headingSize: l,
-  onClickClose: o
-}) => /* @__PURE__ */ d(y, { justifyContent: "space-between", children: [
-  t && /* @__PURE__ */ n(Z, { headingLevel: e, size: l, children: t }),
-  /* @__PURE__ */ n(J, { onClick: o })
-] }), St = "_modalFooter_112wr_1", Lt = "_sticky_112wr_10", X = {
-  modalFooter: St,
-  sticky: Lt
-}, sn = ({
+  headingSize: o,
+  onClickClose: r
+}) => /* @__PURE__ */ m(v, { justifyContent: "space-between", children: [
+  t && /* @__PURE__ */ n(_e, { headingLevel: e, size: o, children: t }),
+  /* @__PURE__ */ n(ce, { onClick: r })
+] }), Jt = "_modalFooter_112wr_1", Kt = "_sticky_112wr_10", le = {
+  modalFooter: Jt,
+  sticky: Kt
+}, Cn = ({
   children: t,
   sticky: e,
-  zIndex: l = 4
+  zIndex: o = 4
 }) => /* @__PURE__ */ n(
-  y,
+  v,
   {
-    className: c(X.modalFooter, e && X.sticky),
+    className: i(le.modalFooter, e && le.sticky),
     shadow: "var(--swui-sticky-footer-shadow)",
-    zIndex: l,
+    zIndex: o,
     children: t
   }
 );
 export {
-  Jt as Alert,
-  be as BaseWindow,
-  Q as DRAGGABLE_CANCEL_CLASSNAME,
-  K as DRAGGABLE_HANDLE_CLASSNAME,
-  Xt as Drawer,
-  Yt as DrawerHeader,
-  on as InfoAlert,
-  Qt as LoadingModal,
-  Kt as Modal,
-  Rt as ModalActionButtons,
-  At as ModalBody,
-  rn as ModalContainer,
-  sn as ModalFooter,
-  an as ModalHeader,
-  Z as ModalHeading,
-  Ut as Window,
-  Zt as WindowFooter,
-  nt as WindowHeader,
-  Vt as setupDeclarativeModals,
-  tn as useAlertDialog,
-  M as useDialog,
-  en as useDialogPromise,
-  nn as useDrawerDialog,
-  ln as useModalDialog
+  an as Alert,
+  We as BaseWindow,
+  de as DRAGGABLE_CANCEL_CLASSNAME,
+  ie as DRAGGABLE_HANDLE_CLASSNAME,
+  V as DialogContext,
+  sn as Drawer,
+  ln as DrawerHeader,
+  hn as InfoAlert,
+  cn as LoadingModal,
+  _t as Modal,
+  Xt as ModalActionButtons,
+  Yt as ModalBody,
+  pn as ModalContainer,
+  Cn as ModalFooter,
+  yn as ModalHeader,
+  _e as ModalHeading,
+  dn as Window,
+  _n as WindowFooter,
+  gt as WindowHeader,
+  rn as setupDeclarativeModals,
+  un as useAlertDialog,
+  K as useDialog,
+  mn as useDialogPromise,
+  gn as useDrawerDialog,
+  fn as useModalDialog
 };
 //# sourceMappingURL=index.es.js.map