@stenajs-webui/modal 22.7.0 → 22.7.2

package/dist/index.es.js

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