@stenajs-webui/modal 20.0.3 → 20.2.0

package/dist/index.es.js

@@ -1,49 +1,49 @@
-(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:-webkit-sticky;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_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:-webkit-sticky;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_3e8xf_1{max-height:100%;max-width:100%;border:0;outline:0;margin:0;padding:0;overscroll-behavior:contain;box-shadow:#0003 0 0 10px 4px;position:fixed}._drawerDialog_3e8xf_1._left_3e8xf_12,._drawerDialog_3e8xf_1._right_3e8xf_13{height:100%;top:0;bottom:0}._drawerDialog_3e8xf_1._left_3e8xf_12 ._contentWrapper_3e8xf_18,._drawerDialog_3e8xf_1._right_3e8xf_13 ._contentWrapper_3e8xf_18{height:100%}@media (max-width: 768px){._drawerDialog_3e8xf_1._left_3e8xf_12,._drawerDialog_3e8xf_1._right_3e8xf_13{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}._drawerDialog_3e8xf_1._left_3e8xf_12{left:0;right:unset}._drawerDialog_3e8xf_1._left_3e8xf_12[open]{animation:_slideInLeft_3e8xf_1 .25s forwards}._drawerDialog_3e8xf_1._left_3e8xf_12._closing_3e8xf_35[open]{animation:_slideOutLeft_3e8xf_1 .25s forwards}._drawerDialog_3e8xf_1._right_3e8xf_13{left:unset;right:0}._drawerDialog_3e8xf_1._right_3e8xf_13[open]{animation:_slideInRight_3e8xf_1 .25s forwards}._drawerDialog_3e8xf_1._right_3e8xf_13._closing_3e8xf_35[open]{animation:_slideOutRight_3e8xf_1 .25s forwards}._drawerDialog_3e8xf_1._top_3e8xf_53,._drawerDialog_3e8xf_1._bottom_3e8xf_54{width:100%;left:0;right:0}@media (max-width: 768px){._drawerDialog_3e8xf_1._top_3e8xf_53,._drawerDialog_3e8xf_1._bottom_3e8xf_54{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}}._drawerDialog_3e8xf_1._top_3e8xf_53{top:0;bottom:unset}._drawerDialog_3e8xf_1._top_3e8xf_53[open]{animation:_slideInTop_3e8xf_1 .25s forwards}._drawerDialog_3e8xf_1._top_3e8xf_53._closing_3e8xf_35[open]{animation:_slideOutTop_3e8xf_1 .25s forwards}._drawerDialog_3e8xf_1._bottom_3e8xf_54{top:unset;bottom:0}._drawerDialog_3e8xf_1._bottom_3e8xf_54[open]{animation:_slideInBottom_3e8xf_1 .25s forwards}._drawerDialog_3e8xf_1._bottom_3e8xf_54._closing_3e8xf_35[open]{animation:_slideOutBottom_3e8xf_1 .25s forwards}._drawerDialog_3e8xf_1[open]{opacity:1;pointer-events:auto}@keyframes _slideInLeft_3e8xf_1{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes _slideOutLeft_3e8xf_1{0%{transform:translate(0);opacity:0}to{transform:translate(-100%);opacity:1}}@keyframes _slideInTop_3e8xf_1{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _slideOutTop_3e8xf_1{0%{transform:translateY(0);opacity:0}to{transform:translateY(-100%);opacity:1}}@keyframes _slideInRight_3e8xf_1{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes _slideOutRight_3e8xf_1{0%{transform:translate(0);opacity:0}to{transform:translate(100%);opacity:1}}@keyframes _slideInBottom_3e8xf_1{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _slideOutBottom_3e8xf_1{0%{transform:translateY(0);opacity:0}to{transform:translateY(100%);opacity:1}}._modalDialog_1czrs_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_1czrs_1{border-radius:var(--swui-border-radius-large)}}._modalDialog_1czrs_1:not([open]){display:none}._modalDialog_1czrs_1[open]{opacity:1;pointer-events:auto;animation:_slideIn_1czrs_1 .25s forwards}._modalDialog_1czrs_1._closing_1czrs_25[open]{animation:_slideOut_1czrs_1 .25s forwards}@media (max-width: 768px){._modalDialog_1czrs_1{margin:0;width:100%;max-width:100%;height:100%;max-height:100%}}._modalDialog_1czrs_1::backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0d0e1080;animation:_fadeIn_1czrs_1 .25s forwards}._modalDialog_1czrs_1._closing_1czrs_25::backdrop{animation:_fadeOut_1czrs_1 .25s forwards}@keyframes _fadeIn_1czrs_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_1czrs_1{0%{opacity:1}to{opacity:0}}@keyframes _slideIn_1czrs_1{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _slideOut_1czrs_1{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}._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}}")),document.head.appendChild(o)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
-import { jsx as t, jsxs as s, Fragment as F } from "react/jsx-runtime";
-import B from "react-modal";
-import q from "react-draggable";
-import d from "classnames";
-import { exhaustSwitchCase as p, Spacing as S, Row as y, Space as j, Heading as M, Column as V, Box as N, Indent as ee, Txt as le, Text as te } from "@stenajs-webui/core";
-import { Icon as J, FlatButton as ae, stenaTimes as re, Spinner as ce, CloseButton as K, CircledIcon as ne } from "@stenajs-webui/elements";
-import { cssColor as se } from "@stenajs-webui/theme";
-import { createContext as de, useRef as I, useReducer as oe, useState as H, useCallback as R, useMemo as ie, createElement as P, useContext as _e } from "react";
-const me = "_overlay_5x3op_1", ue = "_fadeIn_5x3op_1", fe = "_modal_5x3op_31", ge = "_content_5x3op_41", he = "_appear_5x3op_1", Ce = "_isDraggable_5x3op_70", ye = "_footer_5x3op_101", xe = "_stickyFooter_5x3op_105", v = {
-  overlay: me,
-  fadeIn: ue,
-  modal: fe,
-  content: ge,
-  appear: he,
+(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:-webkit-sticky;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:-webkit-sticky;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:-webkit-sticky;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_3e8xf_1{max-height:100%;max-width:100%;border:0;outline:0;margin:0;padding:0;overscroll-behavior:contain;box-shadow:#0003 0 0 10px 4px;position:fixed}._drawerDialog_3e8xf_1._left_3e8xf_12,._drawerDialog_3e8xf_1._right_3e8xf_13{height:100%;top:0;bottom:0}._drawerDialog_3e8xf_1._left_3e8xf_12 ._contentWrapper_3e8xf_18,._drawerDialog_3e8xf_1._right_3e8xf_13 ._contentWrapper_3e8xf_18{height:100%}@media (max-width: 768px){._drawerDialog_3e8xf_1._left_3e8xf_12,._drawerDialog_3e8xf_1._right_3e8xf_13{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}._drawerDialog_3e8xf_1._left_3e8xf_12{left:0;right:unset}._drawerDialog_3e8xf_1._left_3e8xf_12[open]{animation:_slideInLeft_3e8xf_1 .25s forwards}._drawerDialog_3e8xf_1._left_3e8xf_12._closing_3e8xf_35[open]{animation:_slideOutLeft_3e8xf_1 .25s forwards}._drawerDialog_3e8xf_1._right_3e8xf_13{left:unset;right:0}._drawerDialog_3e8xf_1._right_3e8xf_13[open]{animation:_slideInRight_3e8xf_1 .25s forwards}._drawerDialog_3e8xf_1._right_3e8xf_13._closing_3e8xf_35[open]{animation:_slideOutRight_3e8xf_1 .25s forwards}._drawerDialog_3e8xf_1._top_3e8xf_53,._drawerDialog_3e8xf_1._bottom_3e8xf_54{width:100%;left:0;right:0}@media (max-width: 768px){._drawerDialog_3e8xf_1._top_3e8xf_53,._drawerDialog_3e8xf_1._bottom_3e8xf_54{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}}._drawerDialog_3e8xf_1._top_3e8xf_53{top:0;bottom:unset}._drawerDialog_3e8xf_1._top_3e8xf_53[open]{animation:_slideInTop_3e8xf_1 .25s forwards}._drawerDialog_3e8xf_1._top_3e8xf_53._closing_3e8xf_35[open]{animation:_slideOutTop_3e8xf_1 .25s forwards}._drawerDialog_3e8xf_1._bottom_3e8xf_54{top:unset;bottom:0}._drawerDialog_3e8xf_1._bottom_3e8xf_54[open]{animation:_slideInBottom_3e8xf_1 .25s forwards}._drawerDialog_3e8xf_1._bottom_3e8xf_54._closing_3e8xf_35[open]{animation:_slideOutBottom_3e8xf_1 .25s forwards}._drawerDialog_3e8xf_1[open]{opacity:1;pointer-events:auto}@keyframes _slideInLeft_3e8xf_1{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes _slideOutLeft_3e8xf_1{0%{transform:translate(0);opacity:0}to{transform:translate(-100%);opacity:1}}@keyframes _slideInTop_3e8xf_1{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _slideOutTop_3e8xf_1{0%{transform:translateY(0);opacity:0}to{transform:translateY(-100%);opacity:1}}@keyframes _slideInRight_3e8xf_1{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes _slideOutRight_3e8xf_1{0%{transform:translate(0);opacity:0}to{transform:translate(100%);opacity:1}}@keyframes _slideInBottom_3e8xf_1{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _slideOutBottom_3e8xf_1{0%{transform:translateY(0);opacity:0}to{transform:translateY(100%);opacity:1}}._modalDialog_1czrs_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_1czrs_1{border-radius:var(--swui-border-radius-large)}}._modalDialog_1czrs_1:not([open]){display:none}._modalDialog_1czrs_1[open]{opacity:1;pointer-events:auto;animation:_slideIn_1czrs_1 .25s forwards}._modalDialog_1czrs_1._closing_1czrs_25[open]{animation:_slideOut_1czrs_1 .25s forwards}@media (max-width: 768px){._modalDialog_1czrs_1{margin:0;width:100%;max-width:100%;height:100%;max-height:100%}}._modalDialog_1czrs_1::backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0d0e1080;animation:_fadeIn_1czrs_1 .25s forwards}._modalDialog_1czrs_1._closing_1czrs_25::backdrop{animation:_fadeOut_1czrs_1 .25s forwards}@keyframes _fadeIn_1czrs_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_1czrs_1{0%{opacity:1}to{opacity:0}}@keyframes _slideIn_1czrs_1{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _slideOut_1czrs_1{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}._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}}")),document.head.appendChild(o)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
+import { jsx as l, jsxs as s, Fragment as F } from "react/jsx-runtime";
+import w from "react-modal";
+import p from "react-draggable";
+import o from "classnames";
+import { exhaustSwitchCase as ee, Spacing as M, Row as C, Space as q, Heading as E, Column as V, Box as x, Indent as te, Txt as le, Text as ae } from "@stenajs-webui/core";
+import { Icon as J, FlatButton as re, stenaTimes as ce, Spinner as ne, CloseButton as K, CircledIcon as se } from "@stenajs-webui/elements";
+import { cssColor as oe } from "@stenajs-webui/theme";
+import { createContext as de, useRef as O, useReducer as _e, useState as H, useCallback as R, useMemo as ie, createElement as P, useContext as me } from "react";
+const ue = "_overlay_5x3op_1", fe = "_fadeIn_5x3op_1", ge = "_modal_5x3op_31", he = "_content_5x3op_41", ye = "_appear_5x3op_1", Ce = "_isDraggable_5x3op_70", ve = "_footer_5x3op_101", Ne = "_stickyFooter_5x3op_105", N = {
+  overlay: ue,
+  fadeIn: fe,
+  modal: ge,
+  content: he,
+  appear: ye,
   isDraggable: Ce,
-  footer: ye,
-  stickyFooter: xe
-}, Q = "draggable-modal-handle", U = "draggable-modal-cancel", ve = ({
-  width: l,
+  footer: ve,
+  stickyFooter: Ne
+}, Q = "draggable-modal-handle", U = "draggable-modal-cancel", xe = ({
+  width: t,
   maxWidth: e,
   draggable: a = !1,
   children: r,
   ...c
-}) => /* @__PURE__ */ t(
-  B,
+}) => /* @__PURE__ */ l(
+  w,
   {
-    overlayClassName: v.overlay,
-    className: v.modal,
+    overlayClassName: N.overlay,
+    className: N.modal,
     ...c,
-    children: /* @__PURE__ */ t(
-      q,
+    children: /* @__PURE__ */ l(
+      p,
       {
         handle: `.${Q}`,
         cancel: `.${U}, button, [role="tooltip"]`,
         bounds: ".ReactModal__Overlay",
         disabled: !a,
-        children: /* @__PURE__ */ t(
+        children: /* @__PURE__ */ l(
           "div",
           {
             style: {
-              "--swui-modal-width": l,
+              "--swui-modal-width": t,
               "--swui-modal-max-width": e
             },
-            className: d(v.content, {
-              [v.isDraggable]: a
+            className: o(N.content, {
+              [N.isDraggable]: a
             }),
             children: r
           }
@@ -51,29 +51,29 @@ const me = "_overlay_5x3op_1", ue = "_fadeIn_5x3op_1", fe = "_modal_5x3op_31", g
       }
     )
   }
-), Ne = "_portal_17ze5_1", be = "_overlay_17ze5_4", Oe = "_content_17ze5_9", Ie = "_floating_17ze5_15", we = "_slideFromLeft_17ze5_29", De = "_slideFromRight_17ze5_30", $e = "_afterOpen_17ze5_36", Fe = "_beforeClose_17ze5_40", Be = "_slideFromTop_17ze5_45", ke = "_slideFromBottom_17ze5_46", n = {
-  portal: Ne,
-  overlay: be,
+), be = "_portal_17ze5_1", Ie = "_overlay_17ze5_4", Oe = "_content_17ze5_9", we = "_floating_17ze5_15", $e = "_slideFromLeft_17ze5_29", De = "_slideFromRight_17ze5_30", ke = "_afterOpen_17ze5_36", Fe = "_beforeClose_17ze5_40", Be = "_slideFromTop_17ze5_45", ze = "_slideFromBottom_17ze5_46", n = {
+  portal: be,
+  overlay: Ie,
   content: Oe,
-  floating: Ie,
-  slideFromLeft: we,
+  floating: we,
+  slideFromLeft: $e,
   slideFromRight: De,
-  afterOpen: $e,
+  afterOpen: ke,
   beforeClose: Fe,
   slideFromTop: Be,
-  slideFromBottom: ke
-}, kl = ({
-  background: l,
+  slideFromBottom: ze
+}, jt = ({
+  background: t,
   zIndex: e,
   children: a,
   slideFrom: r = "left",
   portalTarget: c,
   floating: g,
-  ...o
+  ...d
 }) => {
-  const { height: m, width: i } = o;
-  return /* @__PURE__ */ t(
-    B,
+  const { height: m, width: _ } = d;
+  return /* @__PURE__ */ l(
+    w,
     {
       closeTimeoutMS: 250,
       portalClassName: n.portal,
@@ -83,22 +83,22 @@ const me = "_overlay_5x3op_1", ue = "_fadeIn_5x3op_1", fe = "_modal_5x3op_31", g
         beforeClose: n.beforeClose
       },
       className: {
-        base: d(
+        base: o(
           n.content,
-          ze(r),
+          Re(r),
           g && n.floating
         ),
         afterOpen: n.afterOpen,
         beforeClose: n.beforeClose
       },
-      style: { content: { width: i, height: m, background: l }, overlay: { zIndex: e } },
+      style: { content: { width: _, height: m, background: t }, overlay: { zIndex: e } },
       parentSelector: c ? () => c : void 0,
-      ...o,
+      ...d,
       children: a
     }
   );
-}, ze = (l) => {
-  switch (l) {
+}, Re = (t) => {
+  switch (t) {
     case "left":
       return n.slideFromLeft;
     case "right":
@@ -108,87 +108,115 @@ const me = "_overlay_5x3op_1", ue = "_fadeIn_5x3op_1", fe = "_modal_5x3op_31", g
     case "bottom":
       return n.slideFromBottom;
     default:
-      return p(l, n.slideFromLeft);
+      return ee(t, n.slideFromLeft);
   }
-}, zl = ({
-  header: l,
+}, qt = ({
+  header: t,
   contentRight: e,
   onRequestClose: a,
   icon: r
-}) => /* @__PURE__ */ t(
-  S,
+}) => /* @__PURE__ */ l(
+  M,
   {
     position: "sticky",
     top: 0,
     zIndex: 100,
-    background: se("--lhds-color-ui-50"),
+    background: oe("--lhds-color-ui-50"),
     children: /* @__PURE__ */ s(
-      y,
+      C,
       {
         justifyContent: "space-between",
         alignItems: "center",
         height: "48px",
         children: [
-          /* @__PURE__ */ s(y, { alignItems: "center", gap: 2, children: [
-            /* @__PURE__ */ t(j, { num: 1 }),
-            r && /* @__PURE__ */ t(J, { icon: r, size: 24 }),
-            /* @__PURE__ */ t(M, { variant: "h4", children: l })
+          /* @__PURE__ */ s(C, { alignItems: "center", gap: 2, children: [
+            /* @__PURE__ */ l(q, { num: 1 }),
+            r && /* @__PURE__ */ l(J, { icon: r, size: 24 }),
+            /* @__PURE__ */ l(E, { variant: "h4", children: t })
           ] }),
-          /* @__PURE__ */ s(y, { gap: 1, children: [
+          /* @__PURE__ */ s(C, { gap: 1, children: [
             e,
-            /* @__PURE__ */ t(
-              ae,
+            /* @__PURE__ */ l(
+              re,
               {
-                leftIcon: re,
+                leftIcon: ce,
                 onClick: a,
                 variant: "danger"
               }
             ),
-            /* @__PURE__ */ t(j, { num: 0.5 })
+            /* @__PURE__ */ l(q, { num: 0.5 })
           ] })
         ]
       }
     )
   }
-), Re = "_overlay_1rolx_1", Ae = "_fadeIn_1rolx_1", Le = "_modal_1rolx_31", We = "_content_1rolx_41", Se = "_appear_1rolx_1", Me = "_isDraggable_1rolx_71", Ee = "_footer_1rolx_102", Te = "_stickyFooter_1rolx_106", A = {
-  overlay: Re,
-  fadeIn: Ae,
-  modal: Le,
-  content: We,
-  appear: Se,
-  isDraggable: Me,
-  footer: Ee,
-  stickyFooter: Te
-}, je = { overlay: { justifyContent: "center" } }, Rl = ({
-  children: l,
+), Ae = "_overlay_r9tkq_1", Le = "_fadeIn_r9tkq_1", We = "_modal_r9tkq_31", Se = "_content_r9tkq_38", Me = "_appear_r9tkq_1", Ee = "_isDraggable_r9tkq_61", Te = "_footer_r9tkq_92", je = "_stickyFooter_r9tkq_96", A = {
+  overlay: Ae,
+  fadeIn: Le,
+  modal: We,
+  content: Se,
+  appear: Me,
+  isDraggable: Ee,
+  footer: Te,
+  stickyFooter: je
+}, qe = { overlay: { justifyContent: "center" } }, Ht = ({
+  children: t,
   ...e
-}) => /* @__PURE__ */ t(
-  B,
+}) => /* @__PURE__ */ l(
+  w,
   {
     overlayClassName: A.overlay,
     className: A.modal,
-    style: je,
+    style: qe,
     ...e,
-    children: /* @__PURE__ */ t(
+    children: /* @__PURE__ */ l(
       "div",
       {
         className: A.content,
         style: { "--swui-modal-width": "fit-content" },
-        children: l
+        children: t
       }
     )
   }
-), He = "_modal_4fwgb_1", Pe = "_overlay_4fwgb_13", G = {
-  modal: He,
-  overlay: Pe
-}, Al = ({
-  headerIconLeft: l,
+), He = "_overlay_1rolx_1", Pe = "_fadeIn_1rolx_1", Ge = "_modal_1rolx_31", Ve = "_content_1rolx_41", Je = "_appear_1rolx_1", Ke = "_isDraggable_1rolx_71", Qe = "_footer_1rolx_102", Ue = "_stickyFooter_1rolx_106", L = {
+  overlay: He,
+  fadeIn: Pe,
+  modal: Ge,
+  content: Ve,
+  appear: Je,
+  isDraggable: Ke,
+  footer: Qe,
+  stickyFooter: Ue
+}, Xe = { overlay: { justifyContent: "center" } }, Pt = ({
+  children: t,
+  ...e
+}) => /* @__PURE__ */ l(
+  w,
+  {
+    overlayClassName: L.overlay,
+    className: L.modal,
+    style: Xe,
+    ...e,
+    children: /* @__PURE__ */ l(
+      "div",
+      {
+        className: L.content,
+        style: { "--swui-modal-width": "fit-content" },
+        children: t
+      }
+    )
+  }
+), Ye = "_modal_4fwgb_1", Ze = "_overlay_4fwgb_13", G = {
+  modal: Ye,
+  overlay: Ze
+}, Gt = ({
+  headerIconLeft: t,
   headerText: e,
   shouldCloseOnOverlayClick: a = !1,
   shouldCloseOnEsc: r = !1,
   ...c
-}) => /* @__PURE__ */ t(
-  B,
+}) => /* @__PURE__ */ l(
+  w,
   {
     ...c,
     isOpen: !0,
@@ -197,8 +225,8 @@ const me = "_overlay_5x3op_1", ue = "_fadeIn_5x3op_1", fe = "_modal_5x3op_31", g
     className: G.modal,
     overlayClassName: G.overlay,
     children: /* @__PURE__ */ s(V, { spacing: 2, alignItems: "center", children: [
-      /* @__PURE__ */ t(
-        N,
+      /* @__PURE__ */ l(
+        x,
         {
           alignItems: "center",
           justifyContent: "center",
@@ -207,122 +235,122 @@ const me = "_overlay_5x3op_1", ue = "_fadeIn_5x3op_1", fe = "_modal_5x3op_31", g
           borderRadius: "50%",
           background: "white",
           shadow: "modal",
-          children: /* @__PURE__ */ t(ce, { size: "small" })
+          children: /* @__PURE__ */ l(ne, { size: "small" })
         }
       ),
-      (l || e) && /* @__PURE__ */ s(F, { children: [
-        /* @__PURE__ */ t(S, {}),
-        /* @__PURE__ */ s(y, { indent: 2, children: [
-          l && /* @__PURE__ */ s(F, { children: [
-            /* @__PURE__ */ t(J, { size: 14, icon: l, color: "white" }),
-            /* @__PURE__ */ t(ee, {})
+      (t || e) && /* @__PURE__ */ s(F, { children: [
+        /* @__PURE__ */ l(M, {}),
+        /* @__PURE__ */ s(C, { indent: 2, children: [
+          t && /* @__PURE__ */ s(F, { children: [
+            /* @__PURE__ */ l(J, { size: 14, icon: t, color: "white" }),
+            /* @__PURE__ */ l(te, {})
           ] }),
-          e && /* @__PURE__ */ t(M, { variant: "h4", color: "white", children: e })
+          e && /* @__PURE__ */ l(E, { variant: "h4", color: "white", children: e })
         ] })
       ] })
     ] })
   }
-), Ge = ({
-  onRequestClose: l,
+), pe = ({
+  onRequestClose: t,
   header: e,
   headerText: a,
   closeButtonClassName: r
 }) => /* @__PURE__ */ s(
-  y,
+  C,
   {
     spacing: 2,
     indent: 2,
     borderBottom: "1px solid var(--lhds-color-ui-300)",
     className: Q,
     children: [
-      /* @__PURE__ */ s(y, { flex: 1, indent: !0, alignItems: "center", children: [
-        a && /* @__PURE__ */ t(le, { className: U, size: "large", children: a }),
+      /* @__PURE__ */ s(C, { flex: 1, indent: !0, alignItems: "center", children: [
+        a && /* @__PURE__ */ l(le, { className: U, size: "large", children: a }),
         e
       ] }),
-      /* @__PURE__ */ t(N, { alignSelf: "flex-start", children: /* @__PURE__ */ t(
+      /* @__PURE__ */ l(x, { alignSelf: "flex-start", children: /* @__PURE__ */ l(
         K,
         {
           className: r,
-          onClick: l
+          onClick: t
         }
       ) })
     ]
   }
-), Ll = ({
-  header: l,
+), Vt = ({
+  header: t,
   headerText: e,
   children: a,
   spacing: r,
   indent: c,
   draggable: g = !1,
-  onRequestClose: o,
+  onRequestClose: d,
   closeButtonClassName: m,
-  footer: i,
-  disableStickyFooter: x = !1,
+  footer: _,
+  disableStickyFooter: v = !1,
   ...b
 }) => /* @__PURE__ */ s(
-  ve,
+  xe,
   {
     ...b,
-    onRequestClose: o,
+    onRequestClose: d,
     draggable: g,
     children: [
-      /* @__PURE__ */ t(
-        Ge,
+      /* @__PURE__ */ l(
+        pe,
         {
-          onRequestClose: o,
-          header: l,
+          onRequestClose: d,
+          header: t,
           headerText: e,
           closeButtonClassName: m
         }
       ),
-      /* @__PURE__ */ t(N, { spacing: typeof r == "number" ? r : 1, indent: typeof c == "number" ? c : 1, children: a }),
-      i && /* @__PURE__ */ t(
-        N,
+      /* @__PURE__ */ l(x, { spacing: typeof r == "number" ? r : 1, indent: typeof c == "number" ? c : 1, children: a }),
+      _ && /* @__PURE__ */ l(
+        x,
         {
-          className: d(v.footer, {
-            [v.stickyFooter]: !x
+          className: o(N.footer, {
+            [N.stickyFooter]: !v
           }),
-          children: i
+          children: _
         }
       )
     ]
   }
-), Wl = ({ children: l }) => /* @__PURE__ */ t(V, { indent: 2, spacing: 2, children: l }), X = de(
+), Jt = ({ children: t }) => /* @__PURE__ */ l(V, { indent: 2, spacing: 2, children: t }), X = de(
   void 0
 );
-function E(l, e) {
-  const a = I(null), r = e.ref ?? a, [c, g] = oe((_) => _ + 1, 0), o = I(), m = I(), i = I(), x = I(), [b, w] = H(!1), [k, O] = H(!1), z = l, Z = R(
-    (_) => {
+function T(t, e) {
+  const a = O(null), r = e.ref ?? a, [c, g] = _e((i) => i + 1, 0), d = O(), m = O(), _ = O(), v = O(), [b, $] = H(!1), [B, I] = H(!1), z = t, Z = R(
+    (i) => {
       var u, f;
-      return o.current = new Promise(
-        (h, C) => {
-          m.current = h, x.current = C;
+      return d.current = new Promise(
+        (h, y) => {
+          m.current = h, v.current = y;
         }
-      ), O(!1), w(!0), g(), i.current = _, e != null && e.modal ? (u = r.current) == null || u.showModal() : (f = r.current) == null || f.show(), o.current;
+      ), I(!1), $(!0), g(), _.current = i, e != null && e.modal ? (u = r.current) == null || u.showModal() : (f = r.current) == null || f.show(), d.current;
     },
     [r, e == null ? void 0 : e.modal]
-  ), T = R(
-    (_) => {
+  ), j = R(
+    (i) => {
       var u;
-      O(!0), (u = r.current) == null || u.addEventListener(
+      I(!0), (u = r.current) == null || u.addEventListener(
         "animationend",
         () => {
-          var f, h, C;
-          O(!1), w(!1), (f = r.current) == null || f.close(), (h = m.current) == null || h.call(m, _), i.current = void 0, (C = e == null ? void 0 : e.onResolve) == null || C.call(e);
+          var f, h, y;
+          I(!1), $(!1), (f = r.current) == null || f.close(), (h = m.current) == null || h.call(m, i), _.current = void 0, (y = e == null ? void 0 : e.onResolve) == null || y.call(e);
         },
         { once: !0 }
       );
     },
     [r, e]
   ), D = R(
-    (_) => {
+    (i) => {
       var u;
-      O(!0), (u = r.current) == null || u.addEventListener(
+      I(!0), (u = r.current) == null || u.addEventListener(
         "animationend",
         () => {
-          var f, h, C;
-          O(!1), w(!1), (f = r.current) == null || f.close(), (h = x.current) == null || h.call(x, _), (C = e == null ? void 0 : e.onReject) == null || C.call(e), i.current = void 0;
+          var f, h, y;
+          I(!1), $(!1), (f = r.current) == null || f.close(), (h = v.current) == null || h.call(v, i), (y = e == null ? void 0 : e.onReject) == null || y.call(e), _.current = void 0;
         },
         { once: !0 }
       );
@@ -330,28 +358,28 @@ function E(l, e) {
     [r, e]
   );
   return [ie(
-    () => /* @__PURE__ */ t(X.Provider, { value: { resolve: T, reject: D }, children: /* @__PURE__ */ t(
+    () => /* @__PURE__ */ l(X.Provider, { value: { resolve: j, reject: D }, children: /* @__PURE__ */ l(
       "dialog",
       {
         onClick: e != null && e.disableCloseOnClickOutside ? void 0 : () => D(),
         ref: r,
-        className: d(
+        className: o(
           e == null ? void 0 : e.className,
-          k && (e == null ? void 0 : e.closingClassName)
+          B && (e == null ? void 0 : e.closingClassName)
         ),
         style: e == null ? void 0 : e.dialogStyle,
-        children: e != null && e.disableCloseOnClickOutside ? /* @__PURE__ */ t(F, { children: b && /* @__PURE__ */ P(z, { ...i.current, key: c }) }) : /* @__PURE__ */ t(
+        children: e != null && e.disableCloseOnClickOutside ? /* @__PURE__ */ l(F, { children: b && /* @__PURE__ */ P(z, { ..._.current, key: c }) }) : /* @__PURE__ */ l(
           "div",
           {
             className: e == null ? void 0 : e.contentWrapperClassName,
-            onClick: e != null && e.disableCloseOnClickOutside ? void 0 : (_) => _.stopPropagation(),
-            children: b && /* @__PURE__ */ P(z, { ...i.current, key: c })
+            onClick: e != null && e.disableCloseOnClickOutside ? void 0 : (i) => i.stopPropagation(),
+            children: b && /* @__PURE__ */ P(z, { ..._.current, key: c })
           }
         )
       }
     ) }),
     [
-      T,
+      j,
       D,
       e == null ? void 0 : e.disableCloseOnClickOutside,
       e == null ? void 0 : e.className,
@@ -359,145 +387,146 @@ function E(l, e) {
       e == null ? void 0 : e.dialogStyle,
       e == null ? void 0 : e.contentWrapperClassName,
       r,
-      k,
+      B,
       b,
       z,
       c
     ]
   ), { show: Z, reject: D }];
 }
-const Sl = () => {
-  const l = _e(X);
-  if (l == null)
+const Kt = () => {
+  const t = me(X);
+  if (t == null)
     throw new Error("useDialogPromise is being used outside of dialog.");
-  return l;
-}, Ve = "_alertDialog_14t8t_1", Je = "_slideIn_14t8t_1", Ke = "_closing_14t8t_22", Qe = "_slideOut_14t8t_1", Ue = "_fadeIn_14t8t_1", Xe = "_fadeOut_14t8t_1", L = {
-  alertDialog: Ve,
-  slideIn: Je,
-  closing: Ke,
-  slideOut: Qe,
-  fadeIn: Ue,
-  fadeOut: Xe
+  return t;
+}, et = "_alertDialog_14t8t_1", tt = "_slideIn_14t8t_1", lt = "_closing_14t8t_22", at = "_slideOut_14t8t_1", rt = "_fadeIn_14t8t_1", ct = "_fadeOut_14t8t_1", W = {
+  alertDialog: et,
+  slideIn: tt,
+  closing: lt,
+  slideOut: at,
+  fadeIn: rt,
+  fadeOut: ct
 };
-function Ml(l, e) {
-  return E(l, {
+function Qt(t, e) {
+  return T(t, {
     ...e,
     modal: !0,
-    closingClassName: d(e == null ? void 0 : e.closingClassName, L.closing),
-    contentWrapperClassName: d(
+    closingClassName: o(e == null ? void 0 : e.closingClassName, W.closing),
+    contentWrapperClassName: o(
       e == null ? void 0 : e.contentWrapperClassName,
-      L.contentWrapper
+      W.contentWrapper
     ),
-    className: d(e == null ? void 0 : e.className, L.alertDialog)
+    className: o(e == null ? void 0 : e.className, W.alertDialog)
   });
 }
-const Ye = "_drawerDialog_3e8xf_1", Ze = "_left_3e8xf_12", qe = "_right_3e8xf_13", pe = "_contentWrapper_3e8xf_18", el = "_slideInLeft_3e8xf_1", ll = "_closing_3e8xf_35", tl = "_slideOutLeft_3e8xf_1", al = "_slideInRight_3e8xf_1", rl = "_slideOutRight_3e8xf_1", cl = "_top_3e8xf_53", nl = "_bottom_3e8xf_54", sl = "_slideInTop_3e8xf_1", dl = "_slideOutTop_3e8xf_1", ol = "_slideInBottom_3e8xf_1", il = "_slideOutBottom_3e8xf_1", $ = {
-  drawerDialog: Ye,
-  left: Ze,
-  right: qe,
-  contentWrapper: pe,
-  slideInLeft: el,
-  closing: ll,
-  slideOutLeft: tl,
-  slideInRight: al,
-  slideOutRight: rl,
-  top: cl,
-  bottom: nl,
-  slideInTop: sl,
-  slideOutTop: dl,
-  slideInBottom: ol,
-  slideOutBottom: il
+const nt = "_drawerDialog_3e8xf_1", st = "_left_3e8xf_12", ot = "_right_3e8xf_13", dt = "_contentWrapper_3e8xf_18", _t = "_slideInLeft_3e8xf_1", it = "_closing_3e8xf_35", mt = "_slideOutLeft_3e8xf_1", ut = "_slideInRight_3e8xf_1", ft = "_slideOutRight_3e8xf_1", gt = "_top_3e8xf_53", ht = "_bottom_3e8xf_54", yt = "_slideInTop_3e8xf_1", Ct = "_slideOutTop_3e8xf_1", vt = "_slideInBottom_3e8xf_1", Nt = "_slideOutBottom_3e8xf_1", k = {
+  drawerDialog: nt,
+  left: st,
+  right: ot,
+  contentWrapper: dt,
+  slideInLeft: _t,
+  closing: it,
+  slideOutLeft: mt,
+  slideInRight: ut,
+  slideOutRight: ft,
+  top: gt,
+  bottom: ht,
+  slideInTop: yt,
+  slideOutTop: Ct,
+  slideInBottom: vt,
+  slideOutBottom: Nt
 };
-function El(l, e = "left", a) {
-  return E(l, {
+function Ut(t, e = "left", a) {
+  return T(t, {
     ...a,
     disableCloseOnClickOutside: !0,
     modal: !1,
-    closingClassName: d(a == null ? void 0 : a.closingClassName, $.closing),
-    contentWrapperClassName: d(
+    closingClassName: o(a == null ? void 0 : a.closingClassName, k.closing),
+    contentWrapperClassName: o(
       a == null ? void 0 : a.contentWrapperClassName,
-      $.contentWrapper
+      k.contentWrapper
     ),
-    className: d(a == null ? void 0 : a.className, $.drawerDialog, $[e])
+    className: o(a == null ? void 0 : a.className, k.drawerDialog, k[e])
   });
 }
-const _l = "_modalDialog_1czrs_1", ml = "_slideIn_1czrs_1", ul = "_closing_1czrs_25", fl = "_slideOut_1czrs_1", gl = "_fadeIn_1czrs_1", hl = "_fadeOut_1czrs_1", W = {
-  modalDialog: _l,
-  slideIn: ml,
-  closing: ul,
-  slideOut: fl,
-  fadeIn: gl,
-  fadeOut: hl
+const xt = "_modalDialog_1czrs_1", bt = "_slideIn_1czrs_1", It = "_closing_1czrs_25", Ot = "_slideOut_1czrs_1", wt = "_fadeIn_1czrs_1", $t = "_fadeOut_1czrs_1", S = {
+  modalDialog: xt,
+  slideIn: bt,
+  closing: It,
+  slideOut: Ot,
+  fadeIn: wt,
+  fadeOut: $t
 };
-function Tl(l, e) {
-  return E(l, {
+function Xt(t, e) {
+  return T(t, {
     ...e,
     modal: !0,
-    closingClassName: d(e == null ? void 0 : e.closingClassName, W.closing),
-    contentWrapperClassName: d(
+    closingClassName: o(e == null ? void 0 : e.closingClassName, S.closing),
+    contentWrapperClassName: o(
       e == null ? void 0 : e.contentWrapperClassName,
-      W.contentWrapper
+      S.contentWrapper
     ),
-    className: d(e == null ? void 0 : e.className, W.modalDialog)
+    className: o(e == null ? void 0 : e.className, S.modalDialog)
   });
 }
-const Y = ({ children: l }) => /* @__PURE__ */ t(M, { variant: "h3", as: "h2", children: l }), Cl = "_modalActionButtons_s27nj_1", yl = {
-  modalActionButtons: Cl
-}, xl = ({
-  buttons: l
-}) => /* @__PURE__ */ t("div", { className: yl.modalActionButtons, children: l }), vl = ({ gap: l = 2, ...e }) => /* @__PURE__ */ t(N, { indent: 4, spacing: 4, gap: l, ...e }), jl = ({
-  icon: l,
+const Y = ({ children: t }) => /* @__PURE__ */ l(E, { variant: "h3", as: "h2", children: t }), Dt = "_modalActionButtons_s27nj_1", kt = {
+  modalActionButtons: Dt
+}, Ft = ({
+  buttons: t
+}) => /* @__PURE__ */ l("div", { className: kt.modalActionButtons, children: t }), Bt = ({ gap: t = 2, ...e }) => /* @__PURE__ */ l(x, { indent: 4, spacing: 4, gap: t, ...e }), Yt = ({
+  icon: t,
   buttons: e,
   heading: a,
   text: r,
   children: c,
   maxWidth: g,
-  minWidth: o
+  minWidth: d
 }) => /* @__PURE__ */ s(
-  vl,
+  Bt,
   {
     flexDirection: "column",
     alignItems: "center",
     maxWidth: g,
-    minWidth: o,
+    minWidth: d,
     children: [
-      l && /* @__PURE__ */ t(ne, { icon: l, size: "large" }),
-      /* @__PURE__ */ t(Y, { children: a }),
-      r && /* @__PURE__ */ t(te, { textAlign: "center", children: r }),
+      t && /* @__PURE__ */ l(se, { icon: t, size: "large" }),
+      /* @__PURE__ */ l(Y, { children: a }),
+      r && /* @__PURE__ */ l(ae, { textAlign: "center", children: r }),
       c,
-      e && /* @__PURE__ */ t(F, { children: /* @__PURE__ */ s(N, { width: "100%", children: [
-        /* @__PURE__ */ t(S, {}),
-        /* @__PURE__ */ t(xl, { buttons: e })
+      e && /* @__PURE__ */ l(F, { children: /* @__PURE__ */ s(x, { width: "100%", children: [
+        /* @__PURE__ */ l(M, {}),
+        /* @__PURE__ */ l(Ft, { buttons: e })
       ] }) })
     ]
   }
-), Hl = ({
-  heading: l,
+), Zt = ({
+  heading: t,
   onClickClose: e
-}) => /* @__PURE__ */ s(y, { justifyContent: "space-between", children: [
-  l && /* @__PURE__ */ t(Y, { children: l }),
-  /* @__PURE__ */ t(K, { onClick: e })
+}) => /* @__PURE__ */ s(C, { justifyContent: "space-between", children: [
+  t && /* @__PURE__ */ l(Y, { children: t }),
+  /* @__PURE__ */ l(K, { onClick: e })
 ] });
 export {
-  ve as BaseWindow,
+  Ht as Alert,
+  xe as BaseWindow,
   U as DRAGGABLE_CANCEL_CLASSNAME,
   Q as DRAGGABLE_HANDLE_CLASSNAME,
-  kl as Drawer,
-  zl as DrawerHeader,
-  jl as InfoAlert,
-  Al as LoadingModal,
-  Rl as Modal,
-  xl as ModalActionButtons,
-  vl as ModalBody,
-  Hl as ModalHeader,
+  jt as Drawer,
+  qt as DrawerHeader,
+  Yt as InfoAlert,
+  Gt as LoadingModal,
+  Pt as Modal,
+  Ft as ModalActionButtons,
+  Bt as ModalBody,
+  Zt as ModalHeader,
   Y as ModalHeading,
-  Ll as Window,
-  Wl as WindowFooter,
-  Ge as WindowHeader,
-  Ml as useAlertDialog,
-  E as useDialog,
-  Sl as useDialogPromise,
-  El as useDrawerDialog,
-  Tl as useModalDialog
+  Vt as Window,
+  Jt as WindowFooter,
+  pe as WindowHeader,
+  Qt as useAlertDialog,
+  T as useDialog,
+  Kt as useDialogPromise,
+  Ut as useDrawerDialog,
+  Xt as useModalDialog
 };
 //# sourceMappingURL=index.es.js.map