@stenajs-webui/modal 21.38.0 → 21.38.1

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_quvmp_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_quvmp_1 var(--swui-modal-animation-time) cubic-bezier(.645,.045,.355,1) both}@media print{._overlay_quvmp_1{background-color:#fff}}._overlay_quvmp_1 ._modal_quvmp_31{max-width:100%;outline:none;pointer-events:none}@media (max-width: 768px){._overlay_quvmp_1 ._modal_quvmp_31{width:100%}}._overlay_quvmp_1 ._content_quvmp_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_quvmp_1 ._content_quvmp_41{top:0;width:100%;max-width:100%}}._overlay_quvmp_1 ._content_quvmp_41{animation:_appear_quvmp_1 var(--swui-animation-time-fast) cubic-bezier(.645,.045,.355,1) both}@media print{._overlay_quvmp_1 ._content_quvmp_41{box-shadow:none;top:0}}._overlay_quvmp_1 ._content_quvmp_41:focus{outline:0}._overlay_quvmp_1 ._content_quvmp_41._isDraggable_quvmp_70 .draggable-modal-handle{cursor:move}._overlay_quvmp_1 ._content_quvmp_41._isDraggable_quvmp_70 .draggable-modal-handle .draggable-modal-cancel,._overlay_quvmp_1 ._content_quvmp_41._isDraggable_quvmp_70 .draggable-modal-handle [role=tooltip]{cursor:initial}@keyframes _fadeIn_quvmp_1{0%{background-color:var(--swui-hidden)}to{background-color:var(--swui-modal-overlay-bg-color)}}@keyframes _appear_quvmp_1{0%{opacity:0}to{opacity:1}}._footer_quvmp_101{background-color:var(--swui-modal-content-bg-color)}._stickyFooter_quvmp_105{position:-webkit-sticky;position:sticky;bottom:0;box-shadow:var(--swui-modal-footer-shadow)}@media print{._stickyFooter_quvmp_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_1gix5_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_1gix5_1 var(--swui-modal-animation-time) cubic-bezier(.645,.045,.355,1) both}@media print{._overlay_1gix5_1{background-color:#fff}}._overlay_1gix5_1 ._modal_1gix5_31{max-width:100%;outline:none;pointer-events:none;padding:var(--swui-metrics-space)}._overlay_1gix5_1 ._content_1gix5_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_1gix5_1 var(--swui-animation-time-fast) cubic-bezier(.645,.045,.355,1) both}@media print{._overlay_1gix5_1 ._content_1gix5_38{box-shadow:none;top:0}}._overlay_1gix5_1 ._content_1gix5_38:focus{outline:0}._overlay_1gix5_1 ._content_1gix5_38._isDraggable_1gix5_61 .draggable-modal-handle{cursor:move}._overlay_1gix5_1 ._content_1gix5_38._isDraggable_1gix5_61 .draggable-modal-handle .draggable-modal-cancel,._overlay_1gix5_1 ._content_1gix5_38._isDraggable_1gix5_61 .draggable-modal-handle [role=tooltip]{cursor:initial}@keyframes _fadeIn_1gix5_1{0%{background-color:var(--swui-hidden)}to{background-color:var(--swui-modal-overlay-bg-color)}}@keyframes _appear_1gix5_1{0%{opacity:0}to{opacity:1}}._footer_1gix5_92{background-color:var(--swui-modal-content-bg-color)}._stickyFooter_1gix5_96{position:-webkit-sticky;position:sticky;bottom:0;box-shadow:var(--swui-modal-footer-shadow)}@media print{._stickyFooter_1gix5_96{position:static;box-shadow:none}}._overlay_1lu6i_1{--swui-modal-animation-time: var(--swui-animation-time-medium);--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);display:flex;flex-direction:column;justify-content:flex-start;align-items:center;opacity:0}._overlay_1lu6i_1._afterOpen_1lu6i_24:not(._beforeClose_1lu6i_24){animation:_fadeIn_1lu6i_1 var(--swui-modal-animation-time) forwards}._overlay_1lu6i_1._beforeClose_1lu6i_24{animation:_fadeOut_1lu6i_1 var(--swui-modal-animation-time) forwards}@media print{._overlay_1lu6i_1{background-color:#fff}}._overlay_1lu6i_1 ._modal_1lu6i_36{max-width:100%;outline:none;pointer-events:none;padding:calc(var(--swui-metrics-space) * 2);box-sizing:border-box;max-height:100%;transform:translateY(-100%)}@media (max-width: 768px){._overlay_1lu6i_1 ._modal_1lu6i_36{padding:0;width:100%}}._overlay_1lu6i_1 ._modal_1lu6i_36._afterOpen_1lu6i_24:not(._beforeClose_1lu6i_24){animation:_slideIn_1lu6i_1 var(--swui-modal-animation-time) forwards}._overlay_1lu6i_1 ._modal_1lu6i_36._beforeClose_1lu6i_24{animation:_slideOut_1lu6i_1 var(--swui-modal-animation-time) forwards}._overlay_1lu6i_1 ._content_1lu6i_59{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);height:100%;overflow:hidden;overflow-y:auto}@media (max-width: 768px){._overlay_1lu6i_1 ._content_1lu6i_59{border-radius:0;width:100%;max-width:100%;min-height:100dvh}}@media (min-width: 769px){._overlay_1lu6i_1 ._content_1lu6i_59{border-radius:var(--swui-border-radius-large)}._overlay_1lu6i_1 ._content_1lu6i_59::-webkit-scrollbar-thumb{background-color:var(--lhds-color-ui-400);border:4px solid transparent;border-radius:8px;background-clip:padding-box}._overlay_1lu6i_1 ._content_1lu6i_59::-webkit-scrollbar{width:16px}}@media print{._overlay_1lu6i_1 ._content_1lu6i_59{box-shadow:none;top:0}}._overlay_1lu6i_1 ._content_1lu6i_59:focus{outline:0}@keyframes _fadeIn_1lu6i_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_1lu6i_1{0%{opacity:1}to{opacity:0}}@keyframes _slideIn_1lu6i_1{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _slideOut_1lu6i_1{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}._footer_1lu6i_148{background-color:var(--swui-modal-content-bg-color)}._stickyFooter_1lu6i_152{position:-webkit-sticky;position:sticky;bottom:0;box-shadow:var(--swui-modal-footer-shadow)}@media print{._stickyFooter_1lu6i_152{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:-webkit-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:-webkit-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}}@media (max-width: 768px){._modalBody_ozynq_1._modalBody_ozynq_1{padding:calc(var(--swui-metrics-space) * 2)}}._modalFooter_1vp0i_1._modalFooter_1vp0i_1{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_1vp0i_1._modalFooter_1vp0i_1._sticky_1vp0i_9{position:-webkit-sticky;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 g, Fragment as re } from "react/jsx-runtime";
-import { useRef as F, useState as W, useEffect as we, createContext as Ie, useReducer as Oe, useCallback as k, useMemo as le, createElement as ae, useContext as Ne } from "react";
-import $e from "react-draggable";
-import _ from "classnames";
-import { exhaustSwitchCase as Fe, Spacing as U, Row as v, Space as ce, Heading as Z, useEventCallback as De, Column as A, Box as L, Indent as xe, Txt as Be, Text as ke } from "@stenajs-webui/core";
-import { Icon as me, FlatButton as fe, stenaTimes as Le, Spinner as Ae, CloseButton as ze, CircledIcon as Me, stenaTimesThick as Ee } from "@stenajs-webui/elements";
-import { cssColor as We } from "@stenajs-webui/theme";
-const bn = (t) => {
-  B.setAppElement(t);
-}, Se = "_overlay_quvmp_1", Te = "_fadeIn_quvmp_1", qe = "_modal_quvmp_31", He = "_content_quvmp_41", Ge = "_appear_quvmp_1", Pe = "_isDraggable_quvmp_70", Ve = "_footer_quvmp_101", Xe = "_stickyFooter_quvmp_105", x = {
-  overlay: Se,
-  fadeIn: Te,
-  modal: qe,
-  content: He,
-  appear: Ge,
-  isDraggable: Pe,
-  footer: Ve,
-  stickyFooter: Xe
-}, ge = "draggable-modal-handle", he = "draggable-modal-cancel", Ye = ({
+import k from "react-modal";
+import { jsx as n, jsxs as f, Fragment as ce } from "react/jsx-runtime";
+import { useRef as I, useState as T, useEffect as Oe, createContext as Ne, useReducer as $e, useCallback as A, useMemo as ie, createElement as de, useContext as Fe } from "react";
+import De from "react-draggable";
+import d from "classnames";
+import { exhaustSwitchCase as xe, Spacing as j, Row as v, Space as _e, Heading as ee, useEventCallback as Be, Column as M, Box as z, Indent as ke, Txt as Le, Text as Ae } from "@stenajs-webui/core";
+import { Icon as pe, FlatButton as he, stenaTimes as ze, Spinner as Me, CloseButton as Ee, CircledIcon as We, stenaTimesThick as Se } from "@stenajs-webui/elements";
+import { cssColor as Te } from "@stenajs-webui/theme";
+const In = (t) => {
+  k.setAppElement(t);
+}, qe = "_overlay_quvmp_1", Pe = "_fadeIn_quvmp_1", He = "_modal_quvmp_31", Ge = "_content_quvmp_41", Ve = "_appear_quvmp_1", Xe = "_isDraggable_quvmp_70", Ye = "_footer_quvmp_101", Je = "_stickyFooter_quvmp_105", B = {
+  overlay: qe,
+  fadeIn: Pe,
+  modal: He,
+  content: Ge,
+  appear: Ve,
+  isDraggable: Xe,
+  footer: Ye,
+  stickyFooter: Je
+}, ye = "draggable-modal-handle", Ce = "draggable-modal-cancel", Ke = ({
   width: t,
   maxWidth: e,
   draggable: o = !1,
-  children: s,
-  ...r
+  children: r,
+  ...s
 }) => {
-  const c = F(null);
+  const i = I(null);
   return /* @__PURE__ */ n(
-    B,
+    k,
     {
-      overlayClassName: x.overlay,
-      className: x.modal,
-      ...r,
+      overlayClassName: B.overlay,
+      className: B.modal,
+      ...s,
       children: /* @__PURE__ */ n(
-        $e,
+        De,
         {
-          handle: `.${ge}`,
-          cancel: `.${he}, button, [role="tooltip"]`,
+          handle: `.${ye}`,
+          cancel: `.${Ce}, button, [role="tooltip"]`,
           bounds: ".ReactModal__Overlay",
           disabled: !o,
-          nodeRef: c,
+          nodeRef: i,
           children: /* @__PURE__ */ n(
             "div",
             {
@@ -47,228 +47,228 @@ const bn = (t) => {
                 "--swui-modal-width": t,
                 "--swui-modal-max-width": e
               },
-              className: _(x.content, {
-                [x.isDraggable]: o
+              className: d(B.content, {
+                [B.isDraggable]: o
               }),
-              ref: c,
-              children: s
+              ref: i,
+              children: r
             }
           )
         }
       )
     }
   );
-}, Je = "_portal_17ze5_1", Ke = "_overlay_17ze5_4", Qe = "_content_17ze5_9", Ue = "_floating_17ze5_15", Ze = "_slideFromLeft_17ze5_29", Re = "_slideFromRight_17ze5_30", je = "_afterOpen_17ze5_36", et = "_beforeClose_17ze5_40", tt = "_slideFromTop_17ze5_45", nt = "_slideFromBottom_17ze5_46", f = {
-  portal: Je,
-  overlay: Ke,
-  content: Qe,
-  floating: Ue,
-  slideFromLeft: Ze,
-  slideFromRight: Re,
-  afterOpen: je,
-  beforeClose: et,
-  slideFromTop: tt,
-  slideFromBottom: nt
-}, wn = ({
+}, Qe = "_portal_17ze5_1", Ue = "_overlay_17ze5_4", Ze = "_content_17ze5_9", Re = "_floating_17ze5_15", je = "_slideFromLeft_17ze5_29", et = "_slideFromRight_17ze5_30", tt = "_afterOpen_17ze5_36", nt = "_beforeClose_17ze5_40", ot = "_slideFromTop_17ze5_45", rt = "_slideFromBottom_17ze5_46", m = {
+  portal: Qe,
+  overlay: Ue,
+  content: Ze,
+  floating: Re,
+  slideFromLeft: je,
+  slideFromRight: et,
+  afterOpen: tt,
+  beforeClose: nt,
+  slideFromTop: ot,
+  slideFromBottom: rt
+}, On = ({
   background: t,
   zIndex: e,
   children: o,
-  slideFrom: s = "left",
-  portalTarget: r,
-  floating: c,
-  ...h
+  slideFrom: r = "left",
+  portalTarget: s,
+  floating: i,
+  ...g
 }) => {
-  const { height: a, width: p } = h;
+  const { height: a, width: h } = g;
   return /* @__PURE__ */ n(
-    B,
+    k,
     {
       closeTimeoutMS: 250,
-      portalClassName: f.portal,
+      portalClassName: m.portal,
       overlayClassName: {
-        base: f.overlay,
-        afterOpen: f.afterOpen,
-        beforeClose: f.beforeClose
+        base: m.overlay,
+        afterOpen: m.afterOpen,
+        beforeClose: m.beforeClose
       },
       className: {
-        base: _(
-          f.content,
-          ot(s),
-          c && f.floating
+        base: d(
+          m.content,
+          st(r),
+          i && m.floating
         ),
-        afterOpen: f.afterOpen,
-        beforeClose: f.beforeClose
+        afterOpen: m.afterOpen,
+        beforeClose: m.beforeClose
       },
-      style: { content: { width: p, height: a, background: t }, overlay: { zIndex: e } },
-      parentSelector: r ? () => r : void 0,
-      ...h,
+      style: { content: { width: h, height: a, background: t }, overlay: { zIndex: e } },
+      parentSelector: s ? () => s : void 0,
+      ...g,
       children: o
     }
   );
-}, ot = (t) => {
+}, st = (t) => {
   switch (t) {
     case "left":
-      return f.slideFromLeft;
+      return m.slideFromLeft;
     case "right":
-      return f.slideFromRight;
+      return m.slideFromRight;
     case "top":
-      return f.slideFromTop;
+      return m.slideFromTop;
     case "bottom":
-      return f.slideFromBottom;
+      return m.slideFromBottom;
     default:
-      return Fe(t, f.slideFromLeft);
+      return xe(t, m.slideFromLeft);
   }
-}, In = ({
+}, Nn = ({
   header: t,
   contentRight: e,
   onRequestClose: o,
-  icon: s
+  icon: r
 }) => /* @__PURE__ */ n(
-  U,
+  j,
   {
     position: "sticky",
     top: 0,
     zIndex: 100,
-    background: We("--lhds-color-ui-50"),
-    children: /* @__PURE__ */ g(
+    background: Te("--lhds-color-ui-50"),
+    children: /* @__PURE__ */ f(
       v,
       {
         justifyContent: "space-between",
         alignItems: "center",
         height: "48px",
         children: [
-          /* @__PURE__ */ g(v, { alignItems: "center", gap: 2, children: [
-            /* @__PURE__ */ n(ce, { num: 1 }),
-            s && /* @__PURE__ */ n(me, { icon: s, size: 24 }),
-            /* @__PURE__ */ n(Z, { variant: "h4", children: t })
+          /* @__PURE__ */ f(v, { alignItems: "center", gap: 2, children: [
+            /* @__PURE__ */ n(_e, { num: 1 }),
+            r && /* @__PURE__ */ n(pe, { icon: r, size: 24 }),
+            /* @__PURE__ */ n(ee, { variant: "h4", children: t })
           ] }),
-          /* @__PURE__ */ g(v, { gap: 1, children: [
+          /* @__PURE__ */ f(v, { gap: 1, children: [
             e,
             /* @__PURE__ */ n(
-              fe,
+              he,
               {
-                leftIcon: Le,
+                leftIcon: ze,
                 onClick: o,
                 variant: "danger"
               }
             ),
-            /* @__PURE__ */ n(ce, { num: 0.5 })
+            /* @__PURE__ */ n(_e, { num: 0.5 })
           ] })
         ]
       }
     )
   }
-), st = "_overlay_1gix5_1", rt = "_fadeIn_1gix5_1", lt = "_modal_1gix5_31", at = "_content_1gix5_38", ct = "_appear_1gix5_1", it = "_isDraggable_1gix5_61", dt = "_footer_1gix5_92", _t = "_stickyFooter_1gix5_96", Y = {
-  overlay: st,
-  fadeIn: rt,
-  modal: lt,
-  content: at,
-  appear: ct,
-  isDraggable: it,
-  footer: dt,
-  stickyFooter: _t
-}, ut = { overlay: { justifyContent: "center" } }, On = ({
+), lt = "_overlay_1gix5_1", at = "_fadeIn_1gix5_1", ct = "_modal_1gix5_31", it = "_content_1gix5_38", dt = "_appear_1gix5_1", _t = "_isDraggable_1gix5_61", ut = "_footer_1gix5_92", mt = "_stickyFooter_1gix5_96", Q = {
+  overlay: lt,
+  fadeIn: at,
+  modal: ct,
+  content: it,
+  appear: dt,
+  isDraggable: _t,
+  footer: ut,
+  stickyFooter: mt
+}, ft = { overlay: { justifyContent: "center" } }, $n = ({
   children: t,
   ...e
 }) => /* @__PURE__ */ n(
-  B,
+  k,
   {
-    overlayClassName: Y.overlay,
-    className: Y.modal,
-    style: ut,
+    overlayClassName: Q.overlay,
+    className: Q.modal,
+    style: ft,
     ...e,
     children: /* @__PURE__ */ n(
       "div",
       {
-        className: Y.content,
+        className: Q.content,
         style: { "--swui-modal-width": "fit-content" },
         children: t
       }
     )
   }
-), mt = "_overlay_1lu6i_1", ft = "_afterOpen_1lu6i_24", gt = "_beforeClose_1lu6i_24", ht = "_fadeIn_1lu6i_1", pt = "_fadeOut_1lu6i_1", yt = "_modal_1lu6i_36", Ct = "_slideIn_1lu6i_1", vt = "_slideOut_1lu6i_1", bt = "_content_1lu6i_59", wt = "_footer_1lu6i_148", It = "_stickyFooter_1lu6i_152", $ = {
-  overlay: mt,
-  afterOpen: ft,
-  beforeClose: gt,
-  fadeIn: ht,
-  fadeOut: pt,
-  modal: yt,
-  slideIn: Ct,
-  slideOut: vt,
-  content: bt,
-  footer: wt,
-  stickyFooter: It
-}, ie = /^((?!chrome|android).)*safari/i.test(navigator.userAgent), Ot = ({
+), gt = "_overlay_1lu6i_1", pt = "_afterOpen_1lu6i_24", ht = "_beforeClose_1lu6i_24", yt = "_fadeIn_1lu6i_1", Ct = "_fadeOut_1lu6i_1", vt = "_modal_1lu6i_36", bt = "_slideIn_1lu6i_1", wt = "_slideOut_1lu6i_1", It = "_content_1lu6i_59", Ot = "_footer_1lu6i_148", Nt = "_stickyFooter_1lu6i_152", D = {
+  overlay: gt,
+  afterOpen: pt,
+  beforeClose: ht,
+  fadeIn: yt,
+  fadeOut: Ct,
+  modal: vt,
+  slideIn: bt,
+  slideOut: wt,
+  content: It,
+  footer: Ot,
+  stickyFooter: Nt
+}, ue = /^((?!chrome|android).)*safari/i.test(navigator.userAgent), $t = ({
   children: t,
   background: e,
   ...o
 }) => {
-  const s = F(null), [r, c] = W(ie ? "auto" : void 0), h = {
+  const r = I(null), [s, i] = T(ue ? "auto" : void 0), g = {
     overlay: { justifyContent: "center" },
     content: {
       "--swui-modal-content-bg-color": e
     }
-  }, a = De(() => {
-    if (!ie)
+  }, a = Be(() => {
+    if (!ue)
       return;
-    const p = s.current;
-    p && c(
-      p.scrollHeight > p.clientHeight ? "stable" : "auto"
+    const h = r.current;
+    h && i(
+      h.scrollHeight > h.clientHeight ? "stable" : "auto"
     );
   });
-  return we(() => (window.addEventListener("resize", a), document.addEventListener("DOMContentLoaded", a), () => {
+  return Oe(() => (window.addEventListener("resize", a), document.addEventListener("DOMContentLoaded", a), () => {
     window.removeEventListener("resize", a), document.removeEventListener("DOMContentLoaded", a);
   }), [a]), /* @__PURE__ */ n(
-    B,
+    k,
     {
       overlayClassName: {
-        base: $.overlay,
-        beforeClose: $.beforeClose,
-        afterOpen: $.afterOpen
+        base: D.overlay,
+        beforeClose: D.beforeClose,
+        afterOpen: D.afterOpen
       },
       className: {
-        base: $.modal,
-        beforeClose: $.beforeClose,
-        afterOpen: $.afterOpen
+        base: D.modal,
+        beforeClose: D.beforeClose,
+        afterOpen: D.afterOpen
       },
-      style: h,
+      style: g,
       closeTimeoutMS: 250,
       onAfterOpen: a,
       ...o,
       children: /* @__PURE__ */ n(
         "div",
         {
-          className: $.content,
+          className: D.content,
           style: {
             "--swui-modal-width": "fit-content",
-            scrollbarGutter: r
+            scrollbarGutter: s
           },
-          ref: s,
+          ref: r,
           children: t
         }
       )
     }
   );
-}, Nt = "_modal_4fwgb_1", $t = "_overlay_4fwgb_13", de = {
-  modal: Nt,
-  overlay: $t
-}, Nn = ({
+}, Ft = "_modal_4fwgb_1", Dt = "_overlay_4fwgb_13", me = {
+  modal: Ft,
+  overlay: Dt
+}, Fn = ({
   headerIconLeft: t,
   headerText: e,
   shouldCloseOnOverlayClick: o = !1,
-  shouldCloseOnEsc: s = !1,
-  ...r
+  shouldCloseOnEsc: r = !1,
+  ...s
 }) => /* @__PURE__ */ n(
-  B,
+  k,
   {
-    ...r,
+    ...s,
     isOpen: !0,
     shouldCloseOnOverlayClick: o,
-    shouldCloseOnEsc: s,
-    className: de.modal,
-    overlayClassName: de.overlay,
-    children: /* @__PURE__ */ g(A, { spacing: 2, alignItems: "center", children: [
+    shouldCloseOnEsc: r,
+    className: me.modal,
+    overlayClassName: me.overlay,
+    children: /* @__PURE__ */ f(M, { spacing: 2, alignItems: "center", children: [
       /* @__PURE__ */ n(
-        L,
+        z,
         {
           alignItems: "center",
           justifyContent: "center",
@@ -277,322 +277,329 @@ const bn = (t) => {
           borderRadius: "50%",
           background: "white",
           shadow: "modal",
-          children: /* @__PURE__ */ n(Ae, { size: "small" })
+          children: /* @__PURE__ */ n(Me, { size: "small" })
         }
       ),
-      (t || e) && /* @__PURE__ */ g(re, { children: [
-        /* @__PURE__ */ n(U, {}),
-        /* @__PURE__ */ g(v, { indent: 2, children: [
-          t && /* @__PURE__ */ g(re, { children: [
-            /* @__PURE__ */ n(me, { size: 14, icon: t, color: "white" }),
-            /* @__PURE__ */ n(xe, {})
+      (t || e) && /* @__PURE__ */ f(ce, { children: [
+        /* @__PURE__ */ n(j, {}),
+        /* @__PURE__ */ f(v, { indent: 2, children: [
+          t && /* @__PURE__ */ f(ce, { children: [
+            /* @__PURE__ */ n(pe, { size: 14, icon: t, color: "white" }),
+            /* @__PURE__ */ n(ke, {})
           ] }),
-          e && /* @__PURE__ */ n(Z, { variant: "h4", color: "white", children: e })
+          e && /* @__PURE__ */ n(ee, { variant: "h4", color: "white", children: e })
         ] })
       ] })
     ] })
   }
-), Ft = ({
+), xt = ({
   onRequestClose: t,
   header: e,
   headerText: o,
-  closeButtonClassName: s
-}) => /* @__PURE__ */ g(
+  closeButtonClassName: r
+}) => /* @__PURE__ */ f(
   v,
   {
     spacing: 2,
     indent: 2,
     borderBottom: "1px solid var(--lhds-color-ui-300)",
-    className: ge,
+    className: ye,
     children: [
-      /* @__PURE__ */ g(v, { flex: 1, indent: !0, alignItems: "center", children: [
-        o && /* @__PURE__ */ n(Be, { className: he, size: "large", children: o }),
+      /* @__PURE__ */ f(v, { flex: 1, indent: !0, alignItems: "center", children: [
+        o && /* @__PURE__ */ n(Le, { className: Ce, size: "large", children: o }),
         e
       ] }),
-      /* @__PURE__ */ n(L, { alignSelf: "flex-start", children: /* @__PURE__ */ n(
-        ze,
+      /* @__PURE__ */ n(z, { alignSelf: "flex-start", children: /* @__PURE__ */ n(
+        Ee,
         {
-          className: s,
+          className: r,
           onClick: t
         }
       ) })
     ]
   }
-), $n = ({
+), Dn = ({
   header: t,
   headerText: e,
   children: o,
-  spacing: s,
-  indent: r,
-  draggable: c = !1,
-  onRequestClose: h,
+  spacing: r,
+  indent: s,
+  draggable: i = !1,
+  onRequestClose: g,
   closeButtonClassName: a,
-  footer: p,
-  disableStickyFooter: C = !1,
-  ...m
-}) => /* @__PURE__ */ g(
-  Ye,
+  footer: h,
+  disableStickyFooter: L = !1,
+  ...C
+}) => /* @__PURE__ */ f(
+  Ke,
   {
-    ...m,
-    onRequestClose: h,
-    draggable: c,
+    ...C,
+    onRequestClose: g,
+    draggable: i,
     children: [
       /* @__PURE__ */ n(
-        Ft,
+        xt,
         {
-          onRequestClose: h,
+          onRequestClose: g,
           header: t,
           headerText: e,
           closeButtonClassName: a
         }
       ),
-      /* @__PURE__ */ n(L, { spacing: typeof s == "number" ? s : 1, indent: typeof r == "number" ? r : 1, children: o }),
-      p && /* @__PURE__ */ n(
-        L,
+      /* @__PURE__ */ n(z, { spacing: typeof r == "number" ? r : 1, indent: typeof s == "number" ? s : 1, children: o }),
+      h && /* @__PURE__ */ n(
+        z,
         {
-          className: _(x.footer, {
-            [x.stickyFooter]: !C
+          className: d(B.footer, {
+            [B.stickyFooter]: !L
           }),
-          children: p
+          children: h
         }
       )
     ]
   }
-), Fn = ({ children: t }) => /* @__PURE__ */ n(A, { indent: 2, spacing: 2, children: t }), Q = Ie(
+), xn = ({ children: t }) => /* @__PURE__ */ n(M, { indent: 2, spacing: 2, children: t }), R = Ne(
   void 0
 );
-function R(t, {
+function te(t, {
   ref: e,
   modal: o,
-  contentWrapperClassName: s,
-  closingClassName: r,
-  contentWrapperStyle: c,
-  dialogStyle: h,
+  contentWrapperClassName: r,
+  closingClassName: s,
+  contentWrapperStyle: i,
+  dialogStyle: g,
   divInsteadOfDialog: a,
-  disableCloseOnClickOutside: p,
+  disableCloseOnClickOutside: h,
+  elementId: L,
   onResolve: C,
-  onReject: m,
-  className: S,
-  background: z,
-  label: T,
-  labelledby: q,
-  describedby: H
+  onReject: p,
+  className: q,
+  background: P,
+  label: H,
+  labelledby: G,
+  describedby: V
 }) {
-  const ye = F(null), u = e ?? ye, [G, Ce] = Oe((l) => l + 1, 0), j = F(null), I = F(null), b = F(void 0), y = F(null), [ee, M] = W(!1), [P, D] = W(!1), [te, w] = W(!1), V = t, ve = k(
-    (l) => {
-      var i, d;
-      return j.current = new Promise(
-        (N, be) => {
-          I.current = N, y.current = be;
+  const be = I(null), _ = e ?? be, [X, we] = $e((c) => c + 1, 0), ne = I(null), O = I(null), b = I(void 0), E = I(!1), y = I(null), [oe, W] = T(!1), [Y, x] = T(!1), [re, w] = T(!1), J = t, Ie = A(
+    (c) => {
+      var l, u;
+      return ne.current = new Promise(
+        ($, F) => {
+          O.current = $, y.current = F;
         }
-      ), w(!1), M(!0), D(!0), Ce(), b.current = l, o ? (i = u.current) == null || i.showModal() : (d = u.current) == null || d.show(), j.current;
+      ), w(!1), W(!0), x(!0), we(), E.current = !1, b.current = c, o ? (l = _.current) == null || l.showModal() : (u = _.current) == null || u.show(), ne.current;
     },
-    [u, o]
-  ), ne = k(
-    (l) => {
-      var i;
-      w(!0), M(!1), a ? setTimeout(() => {
-        var d;
-        w(!1), D(!1), (d = I.current) == null || d.call(I, l), b.current = void 0, C == null || C();
-      }, 300) : (i = u.current) == null || i.addEventListener(
+    [_, o]
+  ), se = A(
+    (c) => {
+      var l;
+      E.current = !0, w(!0), W(!1), a ? setTimeout(() => {
+        var u;
+        w(!1), x(!1), (u = O.current) == null || u.call(O, c), b.current = void 0, C == null || C();
+      }, 300) : (l = _.current) == null || l.addEventListener(
         "animationend",
-        () => {
-          var d, N;
-          w(!1), D(!1), (d = u.current) == null || d.close(), (N = I.current) == null || N.call(I, l), b.current = void 0, C == null || C();
+        (u) => {
+          var $, F;
+          u.stopPropagation(), w(!1), x(!1), ($ = _.current) == null || $.close(), (F = O.current) == null || F.call(O, c), b.current = void 0, C == null || C();
         },
         { once: !0 }
       );
     },
-    [u, C, a]
-  ), oe = k(() => {
-    var l;
-    w(!1), M(!1), D(!1), (l = y.current) == null || l.call(y), m == null || m(), b.current = void 0;
-  }, [m]), O = k(
-    (l) => {
-      var i;
-      w(!0), M(!1), a ? setTimeout(() => {
-        var d;
-        w(!1), D(!1), (d = y.current) == null || d.call(y, l), m == null || m(), b.current = void 0;
-      }, 300) : (i = u.current) == null || i.addEventListener(
+    [_, C, a]
+  ), N = A(
+    (c) => {
+      var l;
+      E.current = !0, w(!0), W(!1), a ? setTimeout(() => {
+        var u;
+        w(!1), x(!1), (u = y.current) == null || u.call(y, c), p == null || p(), b.current = void 0;
+      }, 300) : (l = _.current) == null || l.addEventListener(
         "animationend",
-        () => {
-          var d, N;
-          w(!1), D(!1), (d = u.current) == null || d.close(), (N = y.current) == null || N.call(y, l), m == null || m(), b.current = void 0;
+        (u) => {
+          var $, F;
+          u.stopPropagation(), w(!1), x(!1), ($ = _.current) == null || $.close(), (F = y.current) == null || F.call(y, c), p == null || p(), b.current = void 0;
         },
         { once: !0 }
       );
     },
-    [u, a, m]
-  ), se = k(
-    (l) => {
-      if (l.target !== u.current)
+    [_, a, p]
+  ), le = A(
+    (c) => {
+      var l;
+      c.stopPropagation(), E.current || (w(!1), W(!1), x(!1), (l = y.current) == null || l.call(y), p == null || p(), b.current = void 0);
+    },
+    [p]
+  ), ae = A(
+    (c) => {
+      if (c.target !== _.current)
         return;
-      const i = u.current.getBoundingClientRect();
-      i.top <= l.clientY && l.clientY <= i.top + i.height && i.left <= l.clientX && l.clientX <= i.left + i.width || O();
+      const l = _.current.getBoundingClientRect();
+      l.top <= c.clientY && c.clientY <= l.top + l.height && l.left <= c.clientX && c.clientX <= l.left + l.width || N();
     },
-    [u, O]
-  ), X = le(
-    () => ({ resolve: ne, reject: O }),
-    [O, ne]
+    [_, N]
+  ), K = ie(
+    () => ({ resolve: se, reject: N }),
+    [N, se]
   );
-  return [le(
+  return [ie(
     () => a ? /* @__PURE__ */ n(
-      Ot,
+      $t,
       {
-        isOpen: ee,
-        onRequestClose: O,
-        background: z,
-        contentLabel: T,
-        aria: { modal: !0, labelledby: q, describedby: H },
-        children: /* @__PURE__ */ n(Q.Provider, { value: X, children: P && /* @__PURE__ */ ae(V, { ...b.current, key: G }) })
+        isOpen: oe,
+        onRequestClose: N,
+        background: P,
+        contentLabel: H,
+        id: L,
+        aria: { modal: !0, labelledby: G, describedby: V },
+        children: /* @__PURE__ */ n(R.Provider, { value: K, children: Y && /* @__PURE__ */ de(J, { ...b.current, key: X }) })
       }
     ) : /* @__PURE__ */ n(
       "dialog",
       {
-        onClick: p ? void 0 : se,
-        onClose: oe,
-        ref: u,
-        className: _(S, te && r),
-        "aria-label": T,
-        "aria-labelledby": q,
-        "aria-describedby": H,
-        style: { background: z, ...h },
-        children: /* @__PURE__ */ n("div", { style: c, className: s, children: P && /* @__PURE__ */ n(Q.Provider, { value: X, children: /* @__PURE__ */ ae(V, { ...b.current, key: G }) }) })
+        onClick: h ? void 0 : ae,
+        onClose: le,
+        ref: _,
+        id: L,
+        className: d(q, re && s),
+        "aria-label": H,
+        "aria-labelledby": G,
+        "aria-describedby": V,
+        style: { background: P, ...g },
+        children: /* @__PURE__ */ n("div", { style: i, className: r, children: Y && /* @__PURE__ */ n(R.Provider, { value: K, children: /* @__PURE__ */ de(J, { ...b.current, key: X }) }) })
       }
     ),
     [
       a,
-      ee,
-      O,
-      z,
-      T,
-      q,
-      H,
-      X,
+      oe,
+      N,
       P,
-      V,
+      H,
+      L,
       G,
-      p,
-      se,
-      oe,
-      u,
-      S,
-      te,
-      r,
+      V,
+      K,
+      Y,
+      J,
+      X,
       h,
-      c,
-      s
+      ae,
+      le,
+      _,
+      q,
+      re,
+      s,
+      g,
+      i,
+      r
     ]
-  ), { show: ve, reject: O }];
+  ), { show: Ie, reject: N }];
 }
-const Dn = () => {
-  const t = Ne(Q);
+const Bn = () => {
+  const t = Fe(R);
   if (t == null)
     throw new Error("useDialogPromise is being used outside of dialog.");
   return t;
-}, Dt = "_alertDialog_14t8t_1", xt = "_slideIn_14t8t_1", Bt = "_closing_14t8t_22", kt = "_slideOut_14t8t_1", Lt = "_fadeIn_14t8t_1", At = "_fadeOut_14t8t_1", J = {
-  alertDialog: Dt,
-  slideIn: xt,
-  closing: Bt,
-  slideOut: kt,
-  fadeIn: Lt,
-  fadeOut: At
+}, Bt = "_alertDialog_14t8t_1", kt = "_slideIn_14t8t_1", Lt = "_closing_14t8t_22", At = "_slideOut_14t8t_1", zt = "_fadeIn_14t8t_1", Mt = "_fadeOut_14t8t_1", U = {
+  alertDialog: Bt,
+  slideIn: kt,
+  closing: Lt,
+  slideOut: At,
+  fadeIn: zt,
+  fadeOut: Mt
 };
-function xn(t, e) {
-  return R(t, {
+function kn(t, e) {
+  return te(t, {
     ...e,
     modal: !0,
-    closingClassName: _(e == null ? void 0 : e.closingClassName, J.closing),
-    contentWrapperClassName: _(
+    closingClassName: d(e == null ? void 0 : e.closingClassName, U.closing),
+    contentWrapperClassName: d(
       e == null ? void 0 : e.contentWrapperClassName,
-      J.contentWrapper
+      U.contentWrapper
     ),
-    className: _(e == null ? void 0 : e.className, J.alertDialog)
+    className: d(e == null ? void 0 : e.className, U.alertDialog)
   });
 }
-const zt = "_drawerDialog_11g6r_1", Mt = "_left_11g6r_13", Et = "_right_11g6r_14", Wt = "_contentWrapper_11g6r_19", St = "_slideInLeft_11g6r_1", Tt = "_closing_11g6r_36", qt = "_slideOutLeft_11g6r_1", Ht = "_slideInRight_11g6r_1", Gt = "_slideOutRight_11g6r_1", Pt = "_top_11g6r_54", Vt = "_bottom_11g6r_55", Xt = "_slideInTop_11g6r_1", Yt = "_slideOutTop_11g6r_1", Jt = "_slideInBottom_11g6r_1", Kt = "_slideOutBottom_11g6r_1", E = {
-  drawerDialog: zt,
-  left: Mt,
-  right: Et,
-  contentWrapper: Wt,
-  slideInLeft: St,
-  closing: Tt,
-  slideOutLeft: qt,
-  slideInRight: Ht,
-  slideOutRight: Gt,
-  top: Pt,
-  bottom: Vt,
-  slideInTop: Xt,
-  slideOutTop: Yt,
-  slideInBottom: Jt,
-  slideOutBottom: Kt
+const Et = "_drawerDialog_11g6r_1", Wt = "_left_11g6r_13", St = "_right_11g6r_14", Tt = "_contentWrapper_11g6r_19", qt = "_slideInLeft_11g6r_1", Pt = "_closing_11g6r_36", Ht = "_slideOutLeft_11g6r_1", Gt = "_slideInRight_11g6r_1", Vt = "_slideOutRight_11g6r_1", Xt = "_top_11g6r_54", Yt = "_bottom_11g6r_55", Jt = "_slideInTop_11g6r_1", Kt = "_slideOutTop_11g6r_1", Qt = "_slideInBottom_11g6r_1", Ut = "_slideOutBottom_11g6r_1", S = {
+  drawerDialog: Et,
+  left: Wt,
+  right: St,
+  contentWrapper: Tt,
+  slideInLeft: qt,
+  closing: Pt,
+  slideOutLeft: Ht,
+  slideInRight: Gt,
+  slideOutRight: Vt,
+  top: Xt,
+  bottom: Yt,
+  slideInTop: Jt,
+  slideOutTop: Kt,
+  slideInBottom: Qt,
+  slideOutBottom: Ut
 };
-function Bn(t, e = "left", o) {
-  return R(t, {
+function Ln(t, e = "left", o) {
+  return te(t, {
     ...o,
     disableCloseOnClickOutside: !0,
     modal: !1,
-    closingClassName: _(o == null ? void 0 : o.closingClassName, E.closing),
-    contentWrapperClassName: _(
+    closingClassName: d(o == null ? void 0 : o.closingClassName, S.closing),
+    contentWrapperClassName: d(
       o == null ? void 0 : o.contentWrapperClassName,
-      E.contentWrapper
+      S.contentWrapper
     ),
-    className: _(o == null ? void 0 : o.className, E.drawerDialog, E[e])
+    className: d(o == null ? void 0 : o.className, S.drawerDialog, S[e])
   });
 }
-const Qt = "_modalDialog_1teni_1", Ut = "_slideIn_1teni_1", Zt = "_closing_1teni_36", Rt = "_slideOut_1teni_1", jt = "_fadeIn_1teni_1", en = "_fadeOut_1teni_1", tn = "_contentWrapper_1teni_100", K = {
-  modalDialog: Qt,
-  slideIn: Ut,
-  closing: Zt,
-  slideOut: Rt,
-  fadeIn: jt,
-  fadeOut: en,
-  contentWrapper: tn
+const Zt = "_modalDialog_1teni_1", Rt = "_slideIn_1teni_1", jt = "_closing_1teni_36", en = "_slideOut_1teni_1", tn = "_fadeIn_1teni_1", nn = "_fadeOut_1teni_1", on = "_contentWrapper_1teni_100", Z = {
+  modalDialog: Zt,
+  slideIn: Rt,
+  closing: jt,
+  slideOut: en,
+  fadeIn: tn,
+  fadeOut: nn,
+  contentWrapper: on
 };
-function kn(t, e) {
-  return R(t, {
+function An(t, e) {
+  return te(t, {
     ...e,
     modal: !0,
-    closingClassName: _(e == null ? void 0 : e.closingClassName, K.closing),
-    contentWrapperClassName: _(
+    closingClassName: d(e == null ? void 0 : e.closingClassName, Z.closing),
+    contentWrapperClassName: d(
       e == null ? void 0 : e.contentWrapperClassName,
-      K.contentWrapper
+      Z.contentWrapper
     ),
-    className: _(e == null ? void 0 : e.className, K.modalDialog)
+    className: d(e == null ? void 0 : e.className, Z.modalDialog)
   });
 }
-const pe = ({
+const ve = ({
   headingLevel: t = "h2",
   size: e = "medium",
   children: o
-}) => /* @__PURE__ */ n(Z, { variant: e === "medium" ? "h3" : "h1", as: t, children: o }), nn = "_modalActionButtons_s27nj_1", on = {
-  modalActionButtons: nn
-}, sn = ({
-  children: t
-}) => /* @__PURE__ */ g(L, { width: "100%", children: [
-  /* @__PURE__ */ n(U, {}),
-  /* @__PURE__ */ n("div", { className: on.modalActionButtons, children: t })
-] }), rn = "_modalBody_ozynq_1", _e = {
-  modalBody: rn
+}) => /* @__PURE__ */ n(ee, { variant: e === "medium" ? "h3" : "h1", as: t, children: o }), rn = "_modalActionButtons_s27nj_1", sn = {
+  modalActionButtons: rn
 }, ln = ({
+  children: t
+}) => /* @__PURE__ */ f(z, { width: "100%", children: [
+  /* @__PURE__ */ n(j, {}),
+  /* @__PURE__ */ n("div", { className: sn.modalActionButtons, children: t })
+] }), an = "_modalBody_ozynq_1", fe = {
+  modalBody: an
+}, cn = ({
   gap: t = 3,
   variant: e = "normal",
   className: o,
-  ...s
+  ...r
 }) => /* @__PURE__ */ n(
-  A,
+  M,
   {
-    className: _(_e.modalBody, _e[e], o),
+    className: d(fe.modalBody, fe[e], o),
     indent: e === "relaxed" ? 5 : 3,
     spacing: e === "relaxed" ? 5 : 3,
     gap: t,
-    ...s
+    ...r
   }
-), an = ({
+), dn = ({
   children: t,
   maxWidth: e
 }) => /* @__PURE__ */ n(
-  A,
+  M,
   {
     flex: 1,
     height: "100%",
@@ -600,98 +607,98 @@ const pe = ({
     maxWidth: e,
     children: t
   }
-), Ln = ({
+), zn = ({
   icon: t,
   buttons: e,
   heading: o,
-  text: s,
-  children: r,
-  maxWidth: c,
-  minWidth: h
-}) => /* @__PURE__ */ n(an, { children: /* @__PURE__ */ g(
-  ln,
+  text: r,
+  children: s,
+  maxWidth: i,
+  minWidth: g
+}) => /* @__PURE__ */ n(dn, { children: /* @__PURE__ */ f(
+  cn,
   {
     flexDirection: "column",
     alignItems: "center",
-    maxWidth: c,
-    minWidth: h,
+    maxWidth: i,
+    minWidth: g,
     children: [
-      t && /* @__PURE__ */ n(Me, { icon: t, size: "large" }),
-      /* @__PURE__ */ n(pe, { children: o }),
-      s && /* @__PURE__ */ n(ke, { textAlign: "center", children: s }),
-      r,
-      e && /* @__PURE__ */ n(sn, { children: e })
+      t && /* @__PURE__ */ n(We, { icon: t, size: "large" }),
+      /* @__PURE__ */ n(ve, { children: o }),
+      r && /* @__PURE__ */ n(Ae, { textAlign: "center", children: r }),
+      s,
+      e && /* @__PURE__ */ n(ln, { children: e })
     ]
   }
-) }), cn = (t) => /* @__PURE__ */ n(
-  fe,
+) }), _n = (t) => /* @__PURE__ */ n(
+  he,
   {
     size: "large",
     variant: "danger",
-    leftIcon: Ee,
+    leftIcon: Se,
     ...t
   }
-), An = ({
+), Mn = ({
   heading: t,
   headingLevel: e,
   headingSize: o,
-  onClickClose: s,
-  closeButtonAriaLabel: r
-}) => /* @__PURE__ */ n(A, { children: /* @__PURE__ */ g(v, { justifyContent: "space-between", alignItems: "center", gap: 2, children: [
-  t ? /* @__PURE__ */ n(pe, { headingLevel: e, size: o, children: t }) : /* @__PURE__ */ n("div", {}),
-  s ? /* @__PURE__ */ n(
-    cn,
+  onClickClose: r,
+  closeButtonAriaLabel: s
+}) => /* @__PURE__ */ n(M, { children: /* @__PURE__ */ f(v, { justifyContent: "space-between", alignItems: "center", gap: 2, children: [
+  t ? /* @__PURE__ */ n(ve, { headingLevel: e, size: o, children: t }) : /* @__PURE__ */ n("div", {}),
+  r ? /* @__PURE__ */ n(
+    _n,
     {
-      onClick: s,
+      onClick: r,
       size: o,
-      "aria-label": r
+      "aria-label": s
     }
   ) : null
-] }) }), dn = "_modalFooter_1vp0i_1", _n = "_sticky_1vp0i_9", ue = {
-  modalFooter: dn,
-  sticky: _n
-}, zn = ({
+] }) }), un = "_modalFooter_1vp0i_1", mn = "_sticky_1vp0i_9", ge = {
+  modalFooter: un,
+  sticky: mn
+}, En = ({
   children: t,
   sticky: e,
   zIndex: o = 4,
-  gap: s = 2,
-  className: r,
-  ...c
+  gap: r = 2,
+  className: s,
+  ...i
 }) => /* @__PURE__ */ n(
   v,
   {
-    className: _(ue.modalFooter, e && ue.sticky, r),
+    className: d(ge.modalFooter, e && ge.sticky, s),
     shadow: "var(--swui-sticky-footer-shadow)",
     zIndex: o,
-    ...c,
-    children: /* @__PURE__ */ n(v, { gap: s, spacing: 2, alignItems: "center", children: t })
+    ...i,
+    children: /* @__PURE__ */ n(v, { gap: r, spacing: 2, alignItems: "center", children: t })
   }
 );
 export {
-  On as Alert,
-  Ye as BaseWindow,
-  he as DRAGGABLE_CANCEL_CLASSNAME,
-  ge as DRAGGABLE_HANDLE_CLASSNAME,
-  Q as DialogContext,
-  wn as Drawer,
-  In as DrawerHeader,
-  Ln as InfoAlert,
-  Nn as LoadingModal,
-  Ot as Modal,
-  sn as ModalActionButtons,
-  ln as ModalBody,
-  an as ModalContainer,
-  zn as ModalFooter,
-  An as ModalHeader,
-  pe as ModalHeading,
-  $n as Window,
-  Fn as WindowFooter,
-  Ft as WindowHeader,
-  bn as setupDeclarativeModals,
-  xn as useAlertDialog,
-  R as useDialog,
-  Dn as useDialogPromise,
-  Bn as useDrawerDialog,
-  kn as useModalDialog
+  $n as Alert,
+  Ke as BaseWindow,
+  Ce as DRAGGABLE_CANCEL_CLASSNAME,
+  ye as DRAGGABLE_HANDLE_CLASSNAME,
+  R as DialogContext,
+  On as Drawer,
+  Nn as DrawerHeader,
+  zn as InfoAlert,
+  Fn as LoadingModal,
+  $t as Modal,
+  ln as ModalActionButtons,
+  cn as ModalBody,
+  dn as ModalContainer,
+  En as ModalFooter,
+  Mn as ModalHeader,
+  ve as ModalHeading,
+  Dn as Window,
+  xn as WindowFooter,
+  xt as WindowHeader,
+  In as setupDeclarativeModals,
+  kn as useAlertDialog,
+  te as useDialog,
+  Bn as useDialogPromise,
+  Ln as useDrawerDialog,
+  An as useModalDialog
 };
 //# sourceMappingURL=index.es.js.map