@stenajs-webui/modal 21.29.12 → 21.29.14

package/dist/index.es.js

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