@stenajs-webui/modal 20.14.2 → 20.16.0

package/dist/index.es.js

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