@stenajs-webui/modal 21.8.0 → 21.8.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.es.js CHANGED
@@ -1,239 +1,239 @@
1
- (function(){"use strict";try{if(typeof document<"u"){var o=document.createElement("style");o.appendChild(document.createTextNode("._overlay_5x3op_1{--swui-modal-animation-time: var(--swui-animation-time-fast);--swui-modal-overlay-bg-color: var(--swui-overlay-bg-color);--swui-modal-content-bg-color: var(--swui-white);--swui-modal-width: 960px;--swui-modal-max-width: 100%;--swui-modal-header-border-color: var(--lhds-color-ui-300);--swui-modal-shadow: var(--swui-shadow-modal);--swui-modal-footer-shadow: var(--swui-shadow-modal);position:fixed;z-index:10;top:0;left:0;right:0;bottom:0;background-color:var(--swui-modal-overlay-bg-color);overflow:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;animation:_fadeIn_5x3op_1 var(--swui-modal-animation-time) cubic-bezier(.645,.045,.355,1) both}@media print{._overlay_5x3op_1{background-color:#fff}}._overlay_5x3op_1 ._modal_5x3op_31{max-width:100%;outline:none;pointer-events:none}@media (max-width: 768px){._overlay_5x3op_1 ._modal_5x3op_31{width:100%}}._overlay_5x3op_1 ._content_5x3op_41{position:relative;display:block;background:var(--swui-modal-content-bg-color);box-shadow:var(--swui-modal-shadow);pointer-events:all;top:calc(var(--swui-metrics-space) * 2);width:var(--swui-modal-width);max-width:var(--swui-modal-max-width)}@media (max-width: 768px){._overlay_5x3op_1 ._content_5x3op_41{top:0;width:100%;max-width:100%}}._overlay_5x3op_1 ._content_5x3op_41{animation:_appear_5x3op_1 var(--swui-animation-time-fast) cubic-bezier(.645,.045,.355,1) both}@media print{._overlay_5x3op_1 ._content_5x3op_41{box-shadow:none;top:0}}._overlay_5x3op_1 ._content_5x3op_41 :focus{outline:0}._overlay_5x3op_1 ._content_5x3op_41._isDraggable_5x3op_70 .draggable-modal-handle{cursor:move}._overlay_5x3op_1 ._content_5x3op_41._isDraggable_5x3op_70 .draggable-modal-handle .draggable-modal-cancel,._overlay_5x3op_1 ._content_5x3op_41._isDraggable_5x3op_70 .draggable-modal-handle [role=tooltip]{cursor:initial}@keyframes _fadeIn_5x3op_1{0%{background-color:var(--swui-hidden)}to{background-color:var(--swui-modal-overlay-bg-color)}}@keyframes _appear_5x3op_1{0%{opacity:0}to{opacity:1}}._footer_5x3op_101{background-color:var(--swui-modal-content-bg-color)}._stickyFooter_5x3op_105{position:-webkit-sticky;position:sticky;bottom:0;box-shadow:var(--swui-modal-footer-shadow)}@media print{._stickyFooter_5x3op_105{position:static;box-shadow:none}}._portal_17ze5_1{--drawer-width: 370px}._portal_17ze5_1 ._overlay_17ze5_4{position:fixed;top:0;right:0;bottom:0;left:0}._portal_17ze5_1 ._content_17ze5_9{box-shadow:var(--swui-shadow-modal);background:#fff;position:absolute;transition:transform var(--swui-animation-time-medium) ease-in-out}._portal_17ze5_1 ._content_17ze5_9._floating_17ze5_15{margin:var(--swui-metrics-space);border-radius:var(--swui-border-radius)}@media (max-width: 768px){._portal_17ze5_1 ._content_17ze5_9._floating_17ze5_15{margin:0;border-radius:0}}._portal_17ze5_1 ._content_17ze5_9:focus-visible{outline:unset}._portal_17ze5_1 ._content_17ze5_9._slideFromLeft_17ze5_29,._portal_17ze5_1 ._content_17ze5_9._slideFromRight_17ze5_30{transform:translate(var(--translate-x-outside-screen, 0));overflow-y:auto;top:0;bottom:0}._portal_17ze5_1 ._content_17ze5_9._slideFromLeft_17ze5_29._afterOpen_17ze5_36,._portal_17ze5_1 ._content_17ze5_9._slideFromRight_17ze5_30._afterOpen_17ze5_36{transform:translate(0)}._portal_17ze5_1 ._content_17ze5_9._slideFromLeft_17ze5_29._beforeClose_17ze5_40,._portal_17ze5_1 ._content_17ze5_9._slideFromRight_17ze5_30._beforeClose_17ze5_40{transform:translate(var(--translate-x-outside-screen))}._portal_17ze5_1 ._content_17ze5_9._slideFromTop_17ze5_45,._portal_17ze5_1 ._content_17ze5_9._slideFromBottom_17ze5_46{transform:translateY(var(--translate-y-outside-screen, 0));overflow-x:auto;left:0;right:0}._portal_17ze5_1 ._content_17ze5_9._slideFromTop_17ze5_45._afterOpen_17ze5_36,._portal_17ze5_1 ._content_17ze5_9._slideFromBottom_17ze5_46._afterOpen_17ze5_36{transform:translateY(0)}._portal_17ze5_1 ._content_17ze5_9._slideFromTop_17ze5_45._beforeClose_17ze5_40,._portal_17ze5_1 ._content_17ze5_9._slideFromBottom_17ze5_46._beforeClose_17ze5_40{transform:translateY(var(--translate-y-outside-screen))}._portal_17ze5_1 ._content_17ze5_9._slideFromLeft_17ze5_29{--translate-x-outside-screen: -100%;width:var(--drawer-width);left:0}._portal_17ze5_1 ._content_17ze5_9._slideFromRight_17ze5_30{--translate-x-outside-screen: 100%;width:var(--drawer-width);right:0}._portal_17ze5_1 ._content_17ze5_9._slideFromTop_17ze5_45{--translate-y-outside-screen: -100%;height:var(--drawer-width);top:0}._portal_17ze5_1 ._content_17ze5_9._slideFromBottom_17ze5_46{--translate-y-outside-screen: 100%;height:var(--drawer-width);bottom:0}._overlay_r9tkq_1{--swui-modal-animation-time: var(--swui-animation-time-fast);--swui-modal-overlay-bg-color: var(--swui-overlay-bg-color);--swui-modal-content-bg-color: var(--swui-white);--swui-modal-width: 960px;--swui-modal-max-width: 100%;--swui-modal-header-border-color: var(--lhds-color-ui-300);--swui-modal-shadow: var(--swui-shadow-modal);--swui-modal-footer-shadow: var(--swui-shadow-modal);position:fixed;z-index:10;top:0;left:0;right:0;bottom:0;background-color:var(--swui-modal-overlay-bg-color);overflow:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;animation:_fadeIn_r9tkq_1 var(--swui-modal-animation-time) cubic-bezier(.645,.045,.355,1) both}@media print{._overlay_r9tkq_1{background-color:#fff}}._overlay_r9tkq_1 ._modal_r9tkq_31{max-width:100%;outline:none;pointer-events:none;padding:var(--swui-metrics-space)}._overlay_r9tkq_1 ._content_r9tkq_38{position:relative;display:block;background:var(--swui-modal-content-bg-color);box-shadow:var(--swui-modal-shadow);border-radius:var(--swui-border-radius-large);pointer-events:all;width:var(--swui-modal-width);max-width:var(--swui-modal-max-width);animation:_appear_r9tkq_1 var(--swui-animation-time-fast) cubic-bezier(.645,.045,.355,1) both}@media print{._overlay_r9tkq_1 ._content_r9tkq_38{box-shadow:none;top:0}}._overlay_r9tkq_1 ._content_r9tkq_38 :focus{outline:0}._overlay_r9tkq_1 ._content_r9tkq_38._isDraggable_r9tkq_61 .draggable-modal-handle{cursor:move}._overlay_r9tkq_1 ._content_r9tkq_38._isDraggable_r9tkq_61 .draggable-modal-handle .draggable-modal-cancel,._overlay_r9tkq_1 ._content_r9tkq_38._isDraggable_r9tkq_61 .draggable-modal-handle [role=tooltip]{cursor:initial}@keyframes _fadeIn_r9tkq_1{0%{background-color:var(--swui-hidden)}to{background-color:var(--swui-modal-overlay-bg-color)}}@keyframes _appear_r9tkq_1{0%{opacity:0}to{opacity:1}}._footer_r9tkq_92{background-color:var(--swui-modal-content-bg-color)}._stickyFooter_r9tkq_96{position:-webkit-sticky;position:sticky;bottom:0;box-shadow:var(--swui-modal-footer-shadow)}@media print{._stickyFooter_r9tkq_96{position:static;box-shadow:none}}._overlay_1rolx_1{--swui-modal-animation-time: var(--swui-animation-time-fast);--swui-modal-overlay-bg-color: var(--swui-overlay-bg-color);--swui-modal-content-bg-color: var(--swui-white);--swui-modal-width: 960px;--swui-modal-max-width: 100%;--swui-modal-header-border-color: var(--lhds-color-ui-300);--swui-modal-shadow: var(--swui-shadow-modal);--swui-modal-footer-shadow: var(--swui-shadow-modal);position:fixed;z-index:10;top:0;left:0;right:0;bottom:0;background-color:var(--swui-modal-overlay-bg-color);overflow:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;animation:_fadeIn_1rolx_1 var(--swui-modal-animation-time) cubic-bezier(.645,.045,.355,1) both}@media print{._overlay_1rolx_1{background-color:#fff}}._overlay_1rolx_1 ._modal_1rolx_31{max-width:100%;outline:none;pointer-events:none}@media (max-width: 768px){._overlay_1rolx_1 ._modal_1rolx_31{width:100%}}._overlay_1rolx_1 ._content_1rolx_41{position:relative;display:block;background:var(--swui-modal-content-bg-color);box-shadow:var(--swui-modal-shadow);border-radius:var(--swui-border-radius-large);pointer-events:all;width:var(--swui-modal-width);max-width:var(--swui-modal-max-width)}@media (max-width: 768px){._overlay_1rolx_1 ._content_1rolx_41{border-radius:0;width:100%;max-width:100%;height:100vh}}._overlay_1rolx_1 ._content_1rolx_41{animation:_appear_1rolx_1 var(--swui-animation-time-fast) cubic-bezier(.645,.045,.355,1) both}@media print{._overlay_1rolx_1 ._content_1rolx_41{box-shadow:none;top:0}}._overlay_1rolx_1 ._content_1rolx_41 :focus{outline:0}._overlay_1rolx_1 ._content_1rolx_41._isDraggable_1rolx_71 .draggable-modal-handle{cursor:move}._overlay_1rolx_1 ._content_1rolx_41._isDraggable_1rolx_71 .draggable-modal-handle .draggable-modal-cancel,._overlay_1rolx_1 ._content_1rolx_41._isDraggable_1rolx_71 .draggable-modal-handle [role=tooltip]{cursor:initial}@keyframes _fadeIn_1rolx_1{0%{background-color:var(--swui-hidden)}to{background-color:var(--swui-modal-overlay-bg-color)}}@keyframes _appear_1rolx_1{0%{opacity:0}to{opacity:1}}._footer_1rolx_102{background-color:var(--swui-modal-content-bg-color)}._stickyFooter_1rolx_106{position:-webkit-sticky;position:sticky;bottom:0;box-shadow:var(--swui-modal-footer-shadow)}@media print{._stickyFooter_1rolx_106{position:static;box-shadow:none}}._modal_4fwgb_1{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;right:0;bottom:0;background-color:transparent}._overlay_4fwgb_13{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--swui-overlay-bg-color)}._alertDialog_14t8t_1{border:0;outline:0;border-radius:var(--swui-border-radius-large);margin:auto;padding:0;overscroll-behavior:contain;opacity:0;pointer-events:none;box-shadow:#0003 0 0 10px 4px}._alertDialog_14t8t_1:not([open]){display:none}._alertDialog_14t8t_1[open]{opacity:1;pointer-events:auto;animation:_slideIn_14t8t_1 .25s forwards}._alertDialog_14t8t_1._closing_14t8t_22[open]{animation:_slideOut_14t8t_1 .25s forwards}._alertDialog_14t8t_1::backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0d0e1080;animation:_fadeIn_14t8t_1 .25s forwards}._alertDialog_14t8t_1._closing_14t8t_22::backdrop{animation:_fadeOut_14t8t_1 .25s forwards}@keyframes _fadeIn_14t8t_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_14t8t_1{0%{opacity:1}to{opacity:0}}@keyframes _slideIn_14t8t_1{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _slideOut_14t8t_1{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}._drawerDialog_11g6r_1{max-height:100%;max-width:100%;border:0;outline:0;margin:0;padding:0;overflow-y:auto;overscroll-behavior:contain;box-shadow:#0003 0 0 10px 4px;position:fixed}._drawerDialog_11g6r_1._left_11g6r_13,._drawerDialog_11g6r_1._right_11g6r_14{height:100%;top:0;bottom:0}._drawerDialog_11g6r_1._left_11g6r_13 ._contentWrapper_11g6r_19,._drawerDialog_11g6r_1._right_11g6r_14 ._contentWrapper_11g6r_19{height:100%}@media (max-width: 768px){._drawerDialog_11g6r_1._left_11g6r_13,._drawerDialog_11g6r_1._right_11g6r_14{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}._drawerDialog_11g6r_1._left_11g6r_13{left:0;right:unset}._drawerDialog_11g6r_1._left_11g6r_13[open]{animation:_slideInLeft_11g6r_1 .25s forwards}._drawerDialog_11g6r_1._left_11g6r_13._closing_11g6r_36[open]{animation:_slideOutLeft_11g6r_1 .25s forwards}._drawerDialog_11g6r_1._right_11g6r_14{left:unset;right:0}._drawerDialog_11g6r_1._right_11g6r_14[open]{animation:_slideInRight_11g6r_1 .25s forwards}._drawerDialog_11g6r_1._right_11g6r_14._closing_11g6r_36[open]{animation:_slideOutRight_11g6r_1 .25s forwards}._drawerDialog_11g6r_1._top_11g6r_54,._drawerDialog_11g6r_1._bottom_11g6r_55{width:100%;left:0;right:0}@media (max-width: 768px){._drawerDialog_11g6r_1._top_11g6r_54,._drawerDialog_11g6r_1._bottom_11g6r_55{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}}._drawerDialog_11g6r_1._top_11g6r_54{top:0;bottom:unset}._drawerDialog_11g6r_1._top_11g6r_54[open]{animation:_slideInTop_11g6r_1 .25s forwards}._drawerDialog_11g6r_1._top_11g6r_54._closing_11g6r_36[open]{animation:_slideOutTop_11g6r_1 .25s forwards}._drawerDialog_11g6r_1._bottom_11g6r_55{top:unset;bottom:0}._drawerDialog_11g6r_1._bottom_11g6r_55[open]{animation:_slideInBottom_11g6r_1 .25s forwards}._drawerDialog_11g6r_1._bottom_11g6r_55._closing_11g6r_36[open]{animation:_slideOutBottom_11g6r_1 .25s forwards}._drawerDialog_11g6r_1[open]{opacity:1;pointer-events:auto}@keyframes _slideInLeft_11g6r_1{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes _slideOutLeft_11g6r_1{0%{transform:translate(0);opacity:0}to{transform:translate(-100%);opacity:1}}@keyframes _slideInTop_11g6r_1{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _slideOutTop_11g6r_1{0%{transform:translateY(0);opacity:0}to{transform:translateY(-100%);opacity:1}}@keyframes _slideInRight_11g6r_1{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes _slideOutRight_11g6r_1{0%{transform:translate(0);opacity:0}to{transform:translate(100%);opacity:1}}@keyframes _slideInBottom_11g6r_1{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _slideOutBottom_11g6r_1{0%{transform:translateY(0);opacity:0}to{transform:translateY(100%);opacity:1}}._modalDialog_1cbj8_1{border:0;outline:0;margin:auto;padding:0;overscroll-behavior:contain;opacity:0;pointer-events:none;box-shadow:#0003 0 0 10px 4px}@media (min-width: 769px){._modalDialog_1cbj8_1{border-radius:var(--swui-border-radius-large)}}._modalDialog_1cbj8_1:not([open]){display:none}._modalDialog_1cbj8_1[open]{opacity:1;pointer-events:auto;animation:_slideIn_1cbj8_1 .25s forwards}._modalDialog_1cbj8_1._closing_1cbj8_25[open]{animation:_slideOut_1cbj8_1 .25s forwards}@media (max-width: 768px){._modalDialog_1cbj8_1{margin:0;width:100%;max-width:100%;height:100%;max-height:100%}}._modalDialog_1cbj8_1::backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0d0e1080;animation:_fadeIn_1cbj8_1 .25s forwards}._modalDialog_1cbj8_1._closing_1cbj8_25::backdrop{animation:_fadeOut_1cbj8_1 .25s forwards}@keyframes _fadeIn_1cbj8_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_1cbj8_1{0%{opacity:1}to{opacity:0}}@keyframes _slideIn_1cbj8_1{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _slideOut_1cbj8_1{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}@media (max-width: 768px){._contentWrapper_1cbj8_89{width:100%;height:100%}}._modalActionButtons_s27nj_1{display:flex;flex-direction:row;gap:16px;justify-content:center}@media (max-width: 768px){._modalActionButtons_s27nj_1{flex-direction:column;justify-content:stretch}}._modalFooter_112wr_1._modalFooter_112wr_1{display:flex;align-items:center;overflow:hidden;background:var(--silver-lighter);border-radius:24px 24px 0 0;padding:0 calc((var(--swui-metrics-indent) * 5));flex-shrink:0}._modalFooter_112wr_1._modalFooter_112wr_1._sticky_112wr_10{position:-webkit-sticky;position:sticky;bottom:0}")),document.head.appendChild(o)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
2
- import w from "react-modal";
3
- import { jsx as o, jsxs as c, Fragment as L } from "react/jsx-runtime";
4
- import { useRef as v, createContext as ee, useReducer as te, useState as q, useCallback as B, useMemo as oe, createElement as H, useContext as ne } from "react";
5
- import le from "react-draggable";
6
- import a from "classnames";
7
- import { exhaustSwitchCase as re, Spacing as M, Row as h, Space as P, Heading as j, Column as z, Box as N, Indent as ae, Txt as se, Text as ce } from "@stenajs-webui/core";
8
- import { Icon as J, FlatButton as ie, stenaTimes as de, Spinner as _e, CloseButton as K, CircledIcon as me } from "@stenajs-webui/elements";
9
- import { cssColor as ue } from "@stenajs-webui/theme";
10
- const Pt = (t) => {
11
- w.setAppElement(t);
12
- }, ge = "_overlay_5x3op_1", fe = "_fadeIn_5x3op_1", he = "_modal_5x3op_31", ye = "_content_5x3op_41", Ce = "_appear_5x3op_1", pe = "_isDraggable_5x3op_70", ve = "_footer_5x3op_101", be = "_stickyFooter_5x3op_105", b = {
13
- overlay: ge,
14
- fadeIn: fe,
15
- modal: he,
16
- content: ye,
17
- appear: Ce,
18
- isDraggable: pe,
19
- footer: ve,
20
- stickyFooter: be
21
- }, Q = "draggable-modal-handle", U = "draggable-modal-cancel", Ne = ({
1
+ (function(){"use strict";try{if(typeof document<"u"){var o=document.createElement("style");o.appendChild(document.createTextNode("._overlay_5x3op_1{--swui-modal-animation-time: var(--swui-animation-time-fast);--swui-modal-overlay-bg-color: var(--swui-overlay-bg-color);--swui-modal-content-bg-color: var(--swui-white);--swui-modal-width: 960px;--swui-modal-max-width: 100%;--swui-modal-header-border-color: var(--lhds-color-ui-300);--swui-modal-shadow: var(--swui-shadow-modal);--swui-modal-footer-shadow: var(--swui-shadow-modal);position:fixed;z-index:10;top:0;left:0;right:0;bottom:0;background-color:var(--swui-modal-overlay-bg-color);overflow:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;animation:_fadeIn_5x3op_1 var(--swui-modal-animation-time) cubic-bezier(.645,.045,.355,1) both}@media print{._overlay_5x3op_1{background-color:#fff}}._overlay_5x3op_1 ._modal_5x3op_31{max-width:100%;outline:none;pointer-events:none}@media (max-width: 768px){._overlay_5x3op_1 ._modal_5x3op_31{width:100%}}._overlay_5x3op_1 ._content_5x3op_41{position:relative;display:block;background:var(--swui-modal-content-bg-color);box-shadow:var(--swui-modal-shadow);pointer-events:all;top:calc(var(--swui-metrics-space) * 2);width:var(--swui-modal-width);max-width:var(--swui-modal-max-width)}@media (max-width: 768px){._overlay_5x3op_1 ._content_5x3op_41{top:0;width:100%;max-width:100%}}._overlay_5x3op_1 ._content_5x3op_41{animation:_appear_5x3op_1 var(--swui-animation-time-fast) cubic-bezier(.645,.045,.355,1) both}@media print{._overlay_5x3op_1 ._content_5x3op_41{box-shadow:none;top:0}}._overlay_5x3op_1 ._content_5x3op_41 :focus{outline:0}._overlay_5x3op_1 ._content_5x3op_41._isDraggable_5x3op_70 .draggable-modal-handle{cursor:move}._overlay_5x3op_1 ._content_5x3op_41._isDraggable_5x3op_70 .draggable-modal-handle .draggable-modal-cancel,._overlay_5x3op_1 ._content_5x3op_41._isDraggable_5x3op_70 .draggable-modal-handle [role=tooltip]{cursor:initial}@keyframes _fadeIn_5x3op_1{0%{background-color:var(--swui-hidden)}to{background-color:var(--swui-modal-overlay-bg-color)}}@keyframes _appear_5x3op_1{0%{opacity:0}to{opacity:1}}._footer_5x3op_101{background-color:var(--swui-modal-content-bg-color)}._stickyFooter_5x3op_105{position:-webkit-sticky;position:sticky;bottom:0;box-shadow:var(--swui-modal-footer-shadow)}@media print{._stickyFooter_5x3op_105{position:static;box-shadow:none}}._portal_17ze5_1{--drawer-width: 370px}._portal_17ze5_1 ._overlay_17ze5_4{position:fixed;top:0;right:0;bottom:0;left:0}._portal_17ze5_1 ._content_17ze5_9{box-shadow:var(--swui-shadow-modal);background:#fff;position:absolute;transition:transform var(--swui-animation-time-medium) ease-in-out}._portal_17ze5_1 ._content_17ze5_9._floating_17ze5_15{margin:var(--swui-metrics-space);border-radius:var(--swui-border-radius)}@media (max-width: 768px){._portal_17ze5_1 ._content_17ze5_9._floating_17ze5_15{margin:0;border-radius:0}}._portal_17ze5_1 ._content_17ze5_9:focus-visible{outline:unset}._portal_17ze5_1 ._content_17ze5_9._slideFromLeft_17ze5_29,._portal_17ze5_1 ._content_17ze5_9._slideFromRight_17ze5_30{transform:translate(var(--translate-x-outside-screen, 0));overflow-y:auto;top:0;bottom:0}._portal_17ze5_1 ._content_17ze5_9._slideFromLeft_17ze5_29._afterOpen_17ze5_36,._portal_17ze5_1 ._content_17ze5_9._slideFromRight_17ze5_30._afterOpen_17ze5_36{transform:translate(0)}._portal_17ze5_1 ._content_17ze5_9._slideFromLeft_17ze5_29._beforeClose_17ze5_40,._portal_17ze5_1 ._content_17ze5_9._slideFromRight_17ze5_30._beforeClose_17ze5_40{transform:translate(var(--translate-x-outside-screen))}._portal_17ze5_1 ._content_17ze5_9._slideFromTop_17ze5_45,._portal_17ze5_1 ._content_17ze5_9._slideFromBottom_17ze5_46{transform:translateY(var(--translate-y-outside-screen, 0));overflow-x:auto;left:0;right:0}._portal_17ze5_1 ._content_17ze5_9._slideFromTop_17ze5_45._afterOpen_17ze5_36,._portal_17ze5_1 ._content_17ze5_9._slideFromBottom_17ze5_46._afterOpen_17ze5_36{transform:translateY(0)}._portal_17ze5_1 ._content_17ze5_9._slideFromTop_17ze5_45._beforeClose_17ze5_40,._portal_17ze5_1 ._content_17ze5_9._slideFromBottom_17ze5_46._beforeClose_17ze5_40{transform:translateY(var(--translate-y-outside-screen))}._portal_17ze5_1 ._content_17ze5_9._slideFromLeft_17ze5_29{--translate-x-outside-screen: -100%;width:var(--drawer-width);left:0}._portal_17ze5_1 ._content_17ze5_9._slideFromRight_17ze5_30{--translate-x-outside-screen: 100%;width:var(--drawer-width);right:0}._portal_17ze5_1 ._content_17ze5_9._slideFromTop_17ze5_45{--translate-y-outside-screen: -100%;height:var(--drawer-width);top:0}._portal_17ze5_1 ._content_17ze5_9._slideFromBottom_17ze5_46{--translate-y-outside-screen: 100%;height:var(--drawer-width);bottom:0}._overlay_r9tkq_1{--swui-modal-animation-time: var(--swui-animation-time-fast);--swui-modal-overlay-bg-color: var(--swui-overlay-bg-color);--swui-modal-content-bg-color: var(--swui-white);--swui-modal-width: 960px;--swui-modal-max-width: 100%;--swui-modal-header-border-color: var(--lhds-color-ui-300);--swui-modal-shadow: var(--swui-shadow-modal);--swui-modal-footer-shadow: var(--swui-shadow-modal);position:fixed;z-index:10;top:0;left:0;right:0;bottom:0;background-color:var(--swui-modal-overlay-bg-color);overflow:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;animation:_fadeIn_r9tkq_1 var(--swui-modal-animation-time) cubic-bezier(.645,.045,.355,1) both}@media print{._overlay_r9tkq_1{background-color:#fff}}._overlay_r9tkq_1 ._modal_r9tkq_31{max-width:100%;outline:none;pointer-events:none;padding:var(--swui-metrics-space)}._overlay_r9tkq_1 ._content_r9tkq_38{position:relative;display:block;background:var(--swui-modal-content-bg-color);box-shadow:var(--swui-modal-shadow);border-radius:var(--swui-border-radius-large);pointer-events:all;width:var(--swui-modal-width);max-width:var(--swui-modal-max-width);animation:_appear_r9tkq_1 var(--swui-animation-time-fast) cubic-bezier(.645,.045,.355,1) both}@media print{._overlay_r9tkq_1 ._content_r9tkq_38{box-shadow:none;top:0}}._overlay_r9tkq_1 ._content_r9tkq_38 :focus{outline:0}._overlay_r9tkq_1 ._content_r9tkq_38._isDraggable_r9tkq_61 .draggable-modal-handle{cursor:move}._overlay_r9tkq_1 ._content_r9tkq_38._isDraggable_r9tkq_61 .draggable-modal-handle .draggable-modal-cancel,._overlay_r9tkq_1 ._content_r9tkq_38._isDraggable_r9tkq_61 .draggable-modal-handle [role=tooltip]{cursor:initial}@keyframes _fadeIn_r9tkq_1{0%{background-color:var(--swui-hidden)}to{background-color:var(--swui-modal-overlay-bg-color)}}@keyframes _appear_r9tkq_1{0%{opacity:0}to{opacity:1}}._footer_r9tkq_92{background-color:var(--swui-modal-content-bg-color)}._stickyFooter_r9tkq_96{position:-webkit-sticky;position:sticky;bottom:0;box-shadow:var(--swui-modal-footer-shadow)}@media print{._stickyFooter_r9tkq_96{position:static;box-shadow:none}}._overlay_1rolx_1{--swui-modal-animation-time: var(--swui-animation-time-fast);--swui-modal-overlay-bg-color: var(--swui-overlay-bg-color);--swui-modal-content-bg-color: var(--swui-white);--swui-modal-width: 960px;--swui-modal-max-width: 100%;--swui-modal-header-border-color: var(--lhds-color-ui-300);--swui-modal-shadow: var(--swui-shadow-modal);--swui-modal-footer-shadow: var(--swui-shadow-modal);position:fixed;z-index:10;top:0;left:0;right:0;bottom:0;background-color:var(--swui-modal-overlay-bg-color);overflow:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;animation:_fadeIn_1rolx_1 var(--swui-modal-animation-time) cubic-bezier(.645,.045,.355,1) both}@media print{._overlay_1rolx_1{background-color:#fff}}._overlay_1rolx_1 ._modal_1rolx_31{max-width:100%;outline:none;pointer-events:none}@media (max-width: 768px){._overlay_1rolx_1 ._modal_1rolx_31{width:100%}}._overlay_1rolx_1 ._content_1rolx_41{position:relative;display:block;background:var(--swui-modal-content-bg-color);box-shadow:var(--swui-modal-shadow);border-radius:var(--swui-border-radius-large);pointer-events:all;width:var(--swui-modal-width);max-width:var(--swui-modal-max-width)}@media (max-width: 768px){._overlay_1rolx_1 ._content_1rolx_41{border-radius:0;width:100%;max-width:100%;height:100vh}}._overlay_1rolx_1 ._content_1rolx_41{animation:_appear_1rolx_1 var(--swui-animation-time-fast) cubic-bezier(.645,.045,.355,1) both}@media print{._overlay_1rolx_1 ._content_1rolx_41{box-shadow:none;top:0}}._overlay_1rolx_1 ._content_1rolx_41 :focus{outline:0}._overlay_1rolx_1 ._content_1rolx_41._isDraggable_1rolx_71 .draggable-modal-handle{cursor:move}._overlay_1rolx_1 ._content_1rolx_41._isDraggable_1rolx_71 .draggable-modal-handle .draggable-modal-cancel,._overlay_1rolx_1 ._content_1rolx_41._isDraggable_1rolx_71 .draggable-modal-handle [role=tooltip]{cursor:initial}@keyframes _fadeIn_1rolx_1{0%{background-color:var(--swui-hidden)}to{background-color:var(--swui-modal-overlay-bg-color)}}@keyframes _appear_1rolx_1{0%{opacity:0}to{opacity:1}}._footer_1rolx_102{background-color:var(--swui-modal-content-bg-color)}._stickyFooter_1rolx_106{position:-webkit-sticky;position:sticky;bottom:0;box-shadow:var(--swui-modal-footer-shadow)}@media print{._stickyFooter_1rolx_106{position:static;box-shadow:none}}._modal_4fwgb_1{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;right:0;bottom:0;background-color:transparent}._overlay_4fwgb_13{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--swui-overlay-bg-color)}._alertDialog_14t8t_1{border:0;outline:0;border-radius:var(--swui-border-radius-large);margin:auto;padding:0;overscroll-behavior:contain;opacity:0;pointer-events:none;box-shadow:#0003 0 0 10px 4px}._alertDialog_14t8t_1:not([open]){display:none}._alertDialog_14t8t_1[open]{opacity:1;pointer-events:auto;animation:_slideIn_14t8t_1 .25s forwards}._alertDialog_14t8t_1._closing_14t8t_22[open]{animation:_slideOut_14t8t_1 .25s forwards}._alertDialog_14t8t_1::backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0d0e1080;animation:_fadeIn_14t8t_1 .25s forwards}._alertDialog_14t8t_1._closing_14t8t_22::backdrop{animation:_fadeOut_14t8t_1 .25s forwards}@keyframes _fadeIn_14t8t_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_14t8t_1{0%{opacity:1}to{opacity:0}}@keyframes _slideIn_14t8t_1{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _slideOut_14t8t_1{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}._drawerDialog_11g6r_1{max-height:100%;max-width:100%;border:0;outline:0;margin:0;padding:0;overflow-y:auto;overscroll-behavior:contain;box-shadow:#0003 0 0 10px 4px;position:fixed}._drawerDialog_11g6r_1._left_11g6r_13,._drawerDialog_11g6r_1._right_11g6r_14{height:100%;top:0;bottom:0}._drawerDialog_11g6r_1._left_11g6r_13 ._contentWrapper_11g6r_19,._drawerDialog_11g6r_1._right_11g6r_14 ._contentWrapper_11g6r_19{height:100%}@media (max-width: 768px){._drawerDialog_11g6r_1._left_11g6r_13,._drawerDialog_11g6r_1._right_11g6r_14{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}._drawerDialog_11g6r_1._left_11g6r_13{left:0;right:unset}._drawerDialog_11g6r_1._left_11g6r_13[open]{animation:_slideInLeft_11g6r_1 .25s forwards}._drawerDialog_11g6r_1._left_11g6r_13._closing_11g6r_36[open]{animation:_slideOutLeft_11g6r_1 .25s forwards}._drawerDialog_11g6r_1._right_11g6r_14{left:unset;right:0}._drawerDialog_11g6r_1._right_11g6r_14[open]{animation:_slideInRight_11g6r_1 .25s forwards}._drawerDialog_11g6r_1._right_11g6r_14._closing_11g6r_36[open]{animation:_slideOutRight_11g6r_1 .25s forwards}._drawerDialog_11g6r_1._top_11g6r_54,._drawerDialog_11g6r_1._bottom_11g6r_55{width:100%;left:0;right:0}@media (max-width: 768px){._drawerDialog_11g6r_1._top_11g6r_54,._drawerDialog_11g6r_1._bottom_11g6r_55{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}}._drawerDialog_11g6r_1._top_11g6r_54{top:0;bottom:unset}._drawerDialog_11g6r_1._top_11g6r_54[open]{animation:_slideInTop_11g6r_1 .25s forwards}._drawerDialog_11g6r_1._top_11g6r_54._closing_11g6r_36[open]{animation:_slideOutTop_11g6r_1 .25s forwards}._drawerDialog_11g6r_1._bottom_11g6r_55{top:unset;bottom:0}._drawerDialog_11g6r_1._bottom_11g6r_55[open]{animation:_slideInBottom_11g6r_1 .25s forwards}._drawerDialog_11g6r_1._bottom_11g6r_55._closing_11g6r_36[open]{animation:_slideOutBottom_11g6r_1 .25s forwards}._drawerDialog_11g6r_1[open]{opacity:1;pointer-events:auto}@keyframes _slideInLeft_11g6r_1{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes _slideOutLeft_11g6r_1{0%{transform:translate(0);opacity:0}to{transform:translate(-100%);opacity:1}}@keyframes _slideInTop_11g6r_1{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _slideOutTop_11g6r_1{0%{transform:translateY(0);opacity:0}to{transform:translateY(-100%);opacity:1}}@keyframes _slideInRight_11g6r_1{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes _slideOutRight_11g6r_1{0%{transform:translate(0);opacity:0}to{transform:translate(100%);opacity:1}}@keyframes _slideInBottom_11g6r_1{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _slideOutBottom_11g6r_1{0%{transform:translateY(0);opacity:0}to{transform:translateY(100%);opacity:1}}._modalDialog_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)}})();
2
+ import b from "react-modal";
3
+ import { jsx as n, jsxs as d, Fragment as H } from "react/jsx-runtime";
4
+ import { useRef as N, createContext as te, useReducer as ne, useState as G, useCallback as O, useMemo as le, createElement as oe, useContext as re } from "react";
5
+ import ae from "react-draggable";
6
+ import c from "classnames";
7
+ import { exhaustSwitchCase as se, Spacing as S, Row as y, Space as P, Heading as L, Column as z, Box as w, Indent as ce, Txt as ie, Text as de } from "@stenajs-webui/core";
8
+ import { Icon as Y, FlatButton as _e, stenaTimes as me, Spinner as ue, CloseButton as J, CircledIcon as ge } from "@stenajs-webui/elements";
9
+ import { cssColor as fe } from "@stenajs-webui/theme";
10
+ const Vt = (t) => {
11
+ b.setAppElement(t);
12
+ }, he = "_overlay_5x3op_1", ye = "_fadeIn_5x3op_1", Ce = "_modal_5x3op_31", ve = "_content_5x3op_41", pe = "_appear_5x3op_1", Ne = "_isDraggable_5x3op_70", Ie = "_footer_5x3op_101", we = "_stickyFooter_5x3op_105", I = {
13
+ overlay: he,
14
+ fadeIn: ye,
15
+ modal: Ce,
16
+ content: ve,
17
+ appear: pe,
18
+ isDraggable: Ne,
19
+ footer: Ie,
20
+ stickyFooter: we
21
+ }, K = "draggable-modal-handle", Q = "draggable-modal-cancel", be = ({
22
22
  width: t,
23
23
  maxWidth: e,
24
- draggable: n = !1,
25
- children: l,
26
- ...r
24
+ draggable: l = !1,
25
+ children: o,
26
+ ...s
27
27
  }) => {
28
- const i = v(null);
29
- return /* @__PURE__ */ o(
30
- w,
28
+ const _ = N(null);
29
+ return /* @__PURE__ */ n(
30
+ b,
31
31
  {
32
- overlayClassName: b.overlay,
33
- className: b.modal,
34
- ...r,
35
- children: /* @__PURE__ */ o(
36
- le,
32
+ overlayClassName: I.overlay,
33
+ className: I.modal,
34
+ ...s,
35
+ children: /* @__PURE__ */ n(
36
+ ae,
37
37
  {
38
- handle: `.${Q}`,
39
- cancel: `.${U}, button, [role="tooltip"]`,
38
+ handle: `.${K}`,
39
+ cancel: `.${Q}, button, [role="tooltip"]`,
40
40
  bounds: ".ReactModal__Overlay",
41
- disabled: !n,
42
- nodeRef: i,
43
- children: /* @__PURE__ */ o(
41
+ disabled: !l,
42
+ nodeRef: _,
43
+ children: /* @__PURE__ */ n(
44
44
  "div",
45
45
  {
46
46
  style: {
47
47
  "--swui-modal-width": t,
48
48
  "--swui-modal-max-width": e
49
49
  },
50
- className: a(b.content, {
51
- [b.isDraggable]: n
50
+ className: c(I.content, {
51
+ [I.isDraggable]: l
52
52
  }),
53
- ref: i,
54
- children: l
53
+ ref: _,
54
+ children: o
55
55
  }
56
56
  )
57
57
  }
58
58
  )
59
59
  }
60
60
  );
61
- }, we = "_portal_17ze5_1", Ie = "_overlay_17ze5_4", Oe = "_content_17ze5_9", De = "_floating_17ze5_15", $e = "_slideFromLeft_17ze5_29", ke = "_slideFromRight_17ze5_30", xe = "_afterOpen_17ze5_36", Fe = "_beforeClose_17ze5_40", Be = "_slideFromTop_17ze5_45", We = "_slideFromBottom_17ze5_46", s = {
62
- portal: we,
63
- overlay: Ie,
61
+ }, De = "_portal_17ze5_1", $e = "_overlay_17ze5_4", Oe = "_content_17ze5_9", ke = "_floating_17ze5_15", xe = "_slideFromLeft_17ze5_29", Fe = "_slideFromRight_17ze5_30", Be = "_afterOpen_17ze5_36", We = "_beforeClose_17ze5_40", Re = "_slideFromTop_17ze5_45", Ae = "_slideFromBottom_17ze5_46", i = {
62
+ portal: De,
63
+ overlay: $e,
64
64
  content: Oe,
65
- floating: De,
66
- slideFromLeft: $e,
67
- slideFromRight: ke,
68
- afterOpen: xe,
69
- beforeClose: Fe,
70
- slideFromTop: Be,
71
- slideFromBottom: We
72
- }, Gt = ({
65
+ floating: ke,
66
+ slideFromLeft: xe,
67
+ slideFromRight: Fe,
68
+ afterOpen: Be,
69
+ beforeClose: We,
70
+ slideFromTop: Re,
71
+ slideFromBottom: Ae
72
+ }, Xt = ({
73
73
  background: t,
74
74
  zIndex: e,
75
- children: n,
76
- slideFrom: l = "left",
77
- portalTarget: r,
78
- floating: i,
79
- ...d
75
+ children: l,
76
+ slideFrom: o = "left",
77
+ portalTarget: s,
78
+ floating: _,
79
+ ...m
80
80
  }) => {
81
- const { height: u, width: _ } = d;
82
- return /* @__PURE__ */ o(
83
- w,
81
+ const { height: h, width: u } = m;
82
+ return /* @__PURE__ */ n(
83
+ b,
84
84
  {
85
85
  closeTimeoutMS: 250,
86
- portalClassName: s.portal,
86
+ portalClassName: i.portal,
87
87
  overlayClassName: {
88
- base: s.overlay,
89
- afterOpen: s.afterOpen,
90
- beforeClose: s.beforeClose
88
+ base: i.overlay,
89
+ afterOpen: i.afterOpen,
90
+ beforeClose: i.beforeClose
91
91
  },
92
92
  className: {
93
- base: a(
94
- s.content,
95
- Re(l),
96
- i && s.floating
93
+ base: c(
94
+ i.content,
95
+ Se(o),
96
+ _ && i.floating
97
97
  ),
98
- afterOpen: s.afterOpen,
99
- beforeClose: s.beforeClose
98
+ afterOpen: i.afterOpen,
99
+ beforeClose: i.beforeClose
100
100
  },
101
- style: { content: { width: _, height: u, background: t }, overlay: { zIndex: e } },
102
- parentSelector: r ? () => r : void 0,
103
- ...d,
104
- children: n
101
+ style: { content: { width: u, height: h, background: t }, overlay: { zIndex: e } },
102
+ parentSelector: s ? () => s : void 0,
103
+ ...m,
104
+ children: l
105
105
  }
106
106
  );
107
- }, Re = (t) => {
107
+ }, Se = (t) => {
108
108
  switch (t) {
109
109
  case "left":
110
- return s.slideFromLeft;
110
+ return i.slideFromLeft;
111
111
  case "right":
112
- return s.slideFromRight;
112
+ return i.slideFromRight;
113
113
  case "top":
114
- return s.slideFromTop;
114
+ return i.slideFromTop;
115
115
  case "bottom":
116
- return s.slideFromBottom;
116
+ return i.slideFromBottom;
117
117
  default:
118
- return re(t, s.slideFromLeft);
118
+ return se(t, i.slideFromLeft);
119
119
  }
120
- }, Vt = ({
120
+ }, Yt = ({
121
121
  header: t,
122
122
  contentRight: e,
123
- onRequestClose: n,
124
- icon: l
125
- }) => /* @__PURE__ */ o(
126
- M,
123
+ onRequestClose: l,
124
+ icon: o
125
+ }) => /* @__PURE__ */ n(
126
+ S,
127
127
  {
128
128
  position: "sticky",
129
129
  top: 0,
130
130
  zIndex: 100,
131
- background: ue("--lhds-color-ui-50"),
132
- children: /* @__PURE__ */ c(
133
- h,
131
+ background: fe("--lhds-color-ui-50"),
132
+ children: /* @__PURE__ */ d(
133
+ y,
134
134
  {
135
135
  justifyContent: "space-between",
136
136
  alignItems: "center",
137
137
  height: "48px",
138
138
  children: [
139
- /* @__PURE__ */ c(h, { alignItems: "center", gap: 2, children: [
140
- /* @__PURE__ */ o(P, { num: 1 }),
141
- l && /* @__PURE__ */ o(J, { icon: l, size: 24 }),
142
- /* @__PURE__ */ o(j, { variant: "h4", children: t })
139
+ /* @__PURE__ */ d(y, { alignItems: "center", gap: 2, children: [
140
+ /* @__PURE__ */ n(P, { num: 1 }),
141
+ o && /* @__PURE__ */ n(Y, { icon: o, size: 24 }),
142
+ /* @__PURE__ */ n(L, { variant: "h4", children: t })
143
143
  ] }),
144
- /* @__PURE__ */ c(h, { gap: 1, children: [
144
+ /* @__PURE__ */ d(y, { gap: 1, children: [
145
145
  e,
146
- /* @__PURE__ */ o(
147
- ie,
146
+ /* @__PURE__ */ n(
147
+ _e,
148
148
  {
149
- leftIcon: de,
150
- onClick: n,
149
+ leftIcon: me,
150
+ onClick: l,
151
151
  variant: "danger"
152
152
  }
153
153
  ),
154
- /* @__PURE__ */ o(P, { num: 0.5 })
154
+ /* @__PURE__ */ n(P, { num: 0.5 })
155
155
  ] })
156
156
  ]
157
157
  }
158
158
  )
159
159
  }
160
- ), Ae = "_overlay_r9tkq_1", Se = "_fadeIn_r9tkq_1", Le = "_modal_r9tkq_31", Me = "_content_r9tkq_38", je = "_appear_r9tkq_1", ze = "_isDraggable_r9tkq_61", Ee = "_footer_r9tkq_92", Te = "_stickyFooter_r9tkq_96", W = {
161
- overlay: Ae,
162
- fadeIn: Se,
163
- modal: Le,
164
- content: Me,
165
- appear: je,
166
- isDraggable: ze,
167
- footer: Ee,
168
- stickyFooter: Te
169
- }, qe = { overlay: { justifyContent: "center" } }, Jt = ({
160
+ ), Le = "_overlay_r9tkq_1", ze = "_fadeIn_r9tkq_1", Me = "_modal_r9tkq_31", Ee = "_content_r9tkq_38", Te = "_appear_r9tkq_1", je = "_isDraggable_r9tkq_61", qe = "_footer_r9tkq_92", He = "_stickyFooter_r9tkq_96", B = {
161
+ overlay: Le,
162
+ fadeIn: ze,
163
+ modal: Me,
164
+ content: Ee,
165
+ appear: Te,
166
+ isDraggable: je,
167
+ footer: qe,
168
+ stickyFooter: He
169
+ }, Ge = { overlay: { justifyContent: "center" } }, Jt = ({
170
170
  children: t,
171
171
  ...e
172
- }) => /* @__PURE__ */ o(
173
- w,
172
+ }) => /* @__PURE__ */ n(
173
+ b,
174
174
  {
175
- overlayClassName: W.overlay,
176
- className: W.modal,
177
- style: qe,
175
+ overlayClassName: B.overlay,
176
+ className: B.modal,
177
+ style: Ge,
178
178
  ...e,
179
- children: /* @__PURE__ */ o(
179
+ children: /* @__PURE__ */ n(
180
180
  "div",
181
181
  {
182
- className: W.content,
182
+ className: B.content,
183
183
  style: { "--swui-modal-width": "fit-content" },
184
184
  children: t
185
185
  }
186
186
  )
187
187
  }
188
- ), He = "_overlay_1rolx_1", Pe = "_fadeIn_1rolx_1", Ge = "_modal_1rolx_31", Ve = "_content_1rolx_41", Je = "_appear_1rolx_1", Ke = "_isDraggable_1rolx_71", Qe = "_footer_1rolx_102", Ue = "_stickyFooter_1rolx_106", R = {
189
- overlay: He,
190
- fadeIn: Pe,
191
- modal: Ge,
192
- content: Ve,
188
+ ), Pe = "_overlay_1rolx_1", Ve = "_fadeIn_1rolx_1", Xe = "_modal_1rolx_31", Ye = "_content_1rolx_41", Je = "_appear_1rolx_1", Ke = "_isDraggable_1rolx_71", Qe = "_footer_1rolx_102", Ue = "_stickyFooter_1rolx_106", W = {
189
+ overlay: Pe,
190
+ fadeIn: Ve,
191
+ modal: Xe,
192
+ content: Ye,
193
193
  appear: Je,
194
194
  isDraggable: Ke,
195
195
  footer: Qe,
196
196
  stickyFooter: Ue
197
- }, Xe = { overlay: { justifyContent: "center" } }, Kt = ({
197
+ }, Ze = { overlay: { justifyContent: "center" } }, Kt = ({
198
198
  children: t,
199
199
  ...e
200
- }) => /* @__PURE__ */ o(
201
- w,
200
+ }) => /* @__PURE__ */ n(
201
+ b,
202
202
  {
203
- overlayClassName: R.overlay,
204
- className: R.modal,
205
- style: Xe,
203
+ overlayClassName: W.overlay,
204
+ className: W.modal,
205
+ style: Ze,
206
206
  ...e,
207
- children: /* @__PURE__ */ o(
207
+ children: /* @__PURE__ */ n(
208
208
  "div",
209
209
  {
210
- className: R.content,
210
+ className: W.content,
211
211
  style: { "--swui-modal-width": "fit-content" },
212
212
  children: t
213
213
  }
214
214
  )
215
215
  }
216
- ), Ye = "_modal_4fwgb_1", Ze = "_overlay_4fwgb_13", G = {
217
- modal: Ye,
218
- overlay: Ze
216
+ ), et = "_modal_4fwgb_1", tt = "_overlay_4fwgb_13", V = {
217
+ modal: et,
218
+ overlay: tt
219
219
  }, Qt = ({
220
220
  headerIconLeft: t,
221
221
  headerText: e,
222
- shouldCloseOnOverlayClick: n = !1,
223
- shouldCloseOnEsc: l = !1,
224
- ...r
225
- }) => /* @__PURE__ */ o(
226
- w,
222
+ shouldCloseOnOverlayClick: l = !1,
223
+ shouldCloseOnEsc: o = !1,
224
+ ...s
225
+ }) => /* @__PURE__ */ n(
226
+ b,
227
227
  {
228
- ...r,
228
+ ...s,
229
229
  isOpen: !0,
230
- shouldCloseOnOverlayClick: n,
231
- shouldCloseOnEsc: l,
232
- className: G.modal,
233
- overlayClassName: G.overlay,
234
- children: /* @__PURE__ */ c(z, { spacing: 2, alignItems: "center", children: [
235
- /* @__PURE__ */ o(
236
- N,
230
+ shouldCloseOnOverlayClick: l,
231
+ shouldCloseOnEsc: o,
232
+ className: V.modal,
233
+ overlayClassName: V.overlay,
234
+ children: /* @__PURE__ */ d(z, { spacing: 2, alignItems: "center", children: [
235
+ /* @__PURE__ */ n(
236
+ w,
237
237
  {
238
238
  alignItems: "center",
239
239
  justifyContent: "center",
@@ -242,42 +242,42 @@ const Pt = (t) => {
242
242
  borderRadius: "50%",
243
243
  background: "white",
244
244
  shadow: "modal",
245
- children: /* @__PURE__ */ o(_e, { size: "small" })
245
+ children: /* @__PURE__ */ n(ue, { size: "small" })
246
246
  }
247
247
  ),
248
- (t || e) && /* @__PURE__ */ c(L, { children: [
249
- /* @__PURE__ */ o(M, {}),
250
- /* @__PURE__ */ c(h, { indent: 2, children: [
251
- t && /* @__PURE__ */ c(L, { children: [
252
- /* @__PURE__ */ o(J, { size: 14, icon: t, color: "white" }),
253
- /* @__PURE__ */ o(ae, {})
248
+ (t || e) && /* @__PURE__ */ d(H, { children: [
249
+ /* @__PURE__ */ n(S, {}),
250
+ /* @__PURE__ */ d(y, { indent: 2, children: [
251
+ t && /* @__PURE__ */ d(H, { children: [
252
+ /* @__PURE__ */ n(Y, { size: 14, icon: t, color: "white" }),
253
+ /* @__PURE__ */ n(ce, {})
254
254
  ] }),
255
- e && /* @__PURE__ */ o(j, { variant: "h4", color: "white", children: e })
255
+ e && /* @__PURE__ */ n(L, { variant: "h4", color: "white", children: e })
256
256
  ] })
257
257
  ] })
258
258
  ] })
259
259
  }
260
- ), et = ({
260
+ ), nt = ({
261
261
  onRequestClose: t,
262
262
  header: e,
263
- headerText: n,
264
- closeButtonClassName: l
265
- }) => /* @__PURE__ */ c(
266
- h,
263
+ headerText: l,
264
+ closeButtonClassName: o
265
+ }) => /* @__PURE__ */ d(
266
+ y,
267
267
  {
268
268
  spacing: 2,
269
269
  indent: 2,
270
270
  borderBottom: "1px solid var(--lhds-color-ui-300)",
271
- className: Q,
271
+ className: K,
272
272
  children: [
273
- /* @__PURE__ */ c(h, { flex: 1, indent: !0, alignItems: "center", children: [
274
- n && /* @__PURE__ */ o(se, { className: U, size: "large", children: n }),
273
+ /* @__PURE__ */ d(y, { flex: 1, indent: !0, alignItems: "center", children: [
274
+ l && /* @__PURE__ */ n(ie, { className: Q, size: "large", children: l }),
275
275
  e
276
276
  ] }),
277
- /* @__PURE__ */ o(N, { alignSelf: "flex-start", children: /* @__PURE__ */ o(
278
- K,
277
+ /* @__PURE__ */ n(w, { alignSelf: "flex-start", children: /* @__PURE__ */ n(
278
+ J,
279
279
  {
280
- className: l,
280
+ className: o,
281
281
  onClick: t
282
282
  }
283
283
  ) })
@@ -286,278 +286,291 @@ const Pt = (t) => {
286
286
  ), Ut = ({
287
287
  header: t,
288
288
  headerText: e,
289
- children: n,
290
- spacing: l,
291
- indent: r,
292
- draggable: i = !1,
293
- onRequestClose: d,
294
- closeButtonClassName: u,
295
- footer: _,
296
- disableStickyFooter: p = !1,
297
- ...I
298
- }) => /* @__PURE__ */ c(
299
- Ne,
289
+ children: l,
290
+ spacing: o,
291
+ indent: s,
292
+ draggable: _ = !1,
293
+ onRequestClose: m,
294
+ closeButtonClassName: h,
295
+ footer: u,
296
+ disableStickyFooter: g = !1,
297
+ ...k
298
+ }) => /* @__PURE__ */ d(
299
+ be,
300
300
  {
301
- ...I,
302
- onRequestClose: d,
303
- draggable: i,
301
+ ...k,
302
+ onRequestClose: m,
303
+ draggable: _,
304
304
  children: [
305
- /* @__PURE__ */ o(
306
- et,
305
+ /* @__PURE__ */ n(
306
+ nt,
307
307
  {
308
- onRequestClose: d,
308
+ onRequestClose: m,
309
309
  header: t,
310
310
  headerText: e,
311
- closeButtonClassName: u
311
+ closeButtonClassName: h
312
312
  }
313
313
  ),
314
- /* @__PURE__ */ o(N, { spacing: typeof l == "number" ? l : 1, indent: typeof r == "number" ? r : 1, children: n }),
315
- _ && /* @__PURE__ */ o(
316
- N,
314
+ /* @__PURE__ */ n(w, { spacing: typeof o == "number" ? o : 1, indent: typeof s == "number" ? s : 1, children: l }),
315
+ u && /* @__PURE__ */ n(
316
+ w,
317
317
  {
318
- className: a(b.footer, {
319
- [b.stickyFooter]: !p
318
+ className: c(I.footer, {
319
+ [I.stickyFooter]: !g
320
320
  }),
321
- children: _
321
+ children: u
322
322
  }
323
323
  )
324
324
  ]
325
325
  }
326
- ), Xt = ({ children: t }) => /* @__PURE__ */ o(z, { indent: 2, spacing: 2, children: t }), X = ee(
326
+ ), Zt = ({ children: t }) => /* @__PURE__ */ n(z, { indent: 2, spacing: 2, children: t }), U = te(
327
327
  void 0
328
328
  );
329
- function E(t, e) {
330
- const n = v(null), l = e.ref ?? n, [r, i] = te((m) => m + 1, 0), d = v(), u = v(), _ = v(), p = v(), [I, D] = q(!1), [x, O] = q(!1), F = t, Z = B(
331
- (m) => {
332
- var g, f;
333
- return d.current = new Promise(
334
- (y, C) => {
335
- u.current = y, p.current = C;
329
+ function M(t, e) {
330
+ const l = N(null), o = e.ref ?? l, [s, _] = ne((a) => a + 1, 0), m = N(), h = N(), u = N(), g = N(), [k, D] = G(!1), [F, p] = G(!1), E = t, ee = O(
331
+ (a) => {
332
+ var r, f;
333
+ return m.current = new Promise(
334
+ (C, v) => {
335
+ h.current = C, g.current = v;
336
336
  }
337
- ), O(!1), D(!0), i(), _.current = m, e.modal ? (g = l.current) == null || g.showModal() : (f = l.current) == null || f.show(), d.current;
337
+ ), p(!1), D(!0), _(), u.current = a, e.modal ? (r = o.current) == null || r.showModal() : (f = o.current) == null || f.show(), m.current;
338
338
  },
339
- [l, e.modal]
340
- ), T = B(
341
- (m) => {
342
- var g;
343
- O(!0), (g = l.current) == null || g.addEventListener(
339
+ [o, e.modal]
340
+ ), T = O(
341
+ (a) => {
342
+ var r;
343
+ p(!0), (r = o.current) == null || r.addEventListener(
344
344
  "animationend",
345
345
  () => {
346
- var f, y, C;
347
- O(!1), D(!1), (f = l.current) == null || f.close(), (y = u.current) == null || y.call(u, m), _.current = void 0, (C = e.onResolve) == null || C.call(e);
346
+ var f, C, v;
347
+ p(!1), D(!1), (f = o.current) == null || f.close(), (C = h.current) == null || C.call(h, a), u.current = void 0, (v = e.onResolve) == null || v.call(e);
348
348
  },
349
349
  { once: !0 }
350
350
  );
351
351
  },
352
- [l, e]
353
- ), $ = B(
354
- (m) => {
355
- var g;
356
- O(!0), (g = l.current) == null || g.addEventListener(
352
+ [o, e]
353
+ ), j = O(() => {
354
+ var a, r;
355
+ p(!1), D(!1), (a = g.current) == null || a.call(g), (r = e.onReject) == null || r.call(e), u.current = void 0;
356
+ }, [e]), $ = O(
357
+ (a) => {
358
+ var r;
359
+ p(!0), (r = o.current) == null || r.addEventListener(
357
360
  "animationend",
358
361
  () => {
359
- var f, y, C;
360
- O(!1), D(!1), (f = l.current) == null || f.close(), (y = p.current) == null || y.call(p, m), (C = e.onReject) == null || C.call(e), _.current = void 0;
362
+ var f, C, v;
363
+ p(!1), D(!1), (f = o.current) == null || f.close(), (C = g.current) == null || C.call(g, a), (v = e.onReject) == null || v.call(e), u.current = void 0;
361
364
  },
362
365
  { once: !0 }
363
366
  );
364
367
  },
365
- [l, e]
368
+ [o, e]
369
+ ), q = O(
370
+ (a) => {
371
+ if (a.target !== o.current)
372
+ return;
373
+ const r = o.current.getBoundingClientRect();
374
+ r.top <= a.clientY && a.clientY <= r.top + r.height && r.left <= a.clientX && a.clientX <= r.left + r.width || $();
375
+ },
376
+ [o, $]
366
377
  );
367
- return [oe(
368
- () => /* @__PURE__ */ o(X.Provider, { value: { resolve: T, reject: $ }, children: /* @__PURE__ */ o(
378
+ return [le(
379
+ () => /* @__PURE__ */ n(
369
380
  "dialog",
370
381
  {
371
- onMouseDown: e.disableCloseOnClickOutside ? void 0 : () => $(),
372
- ref: l,
373
- className: a(e.className, x && e.closingClassName),
382
+ onClick: e.disableCloseOnClickOutside ? void 0 : q,
383
+ onClose: j,
384
+ ref: o,
385
+ className: c(e.className, F && e.closingClassName),
374
386
  style: e.dialogStyle,
375
- children: e.disableCloseOnClickOutside ? /* @__PURE__ */ o(L, { children: I && /* @__PURE__ */ H(F, { ..._.current, key: r }) }) : /* @__PURE__ */ o(
387
+ children: /* @__PURE__ */ n(
376
388
  "div",
377
389
  {
378
390
  style: e.contentWrapperStyle,
379
391
  className: e.contentWrapperClassName,
380
- onMouseDown: e.disableCloseOnClickOutside ? void 0 : (m) => m.stopPropagation(),
381
- children: I && /* @__PURE__ */ H(F, { ..._.current, key: r })
392
+ children: k && /* @__PURE__ */ n(U.Provider, { value: { resolve: T, reject: $ }, children: /* @__PURE__ */ oe(E, { ...u.current, key: s }) })
382
393
  }
383
394
  )
384
395
  }
385
- ) }),
396
+ ),
386
397
  [
387
- T,
388
- $,
389
398
  e.disableCloseOnClickOutside,
390
399
  e.className,
391
400
  e.closingClassName,
392
401
  e.dialogStyle,
393
402
  e.contentWrapperStyle,
394
403
  e.contentWrapperClassName,
395
- l,
396
- x,
397
- I,
404
+ q,
405
+ j,
406
+ o,
398
407
  F,
399
- r
408
+ k,
409
+ T,
410
+ $,
411
+ E,
412
+ s
400
413
  ]
401
- ), { show: Z, reject: $ }];
414
+ ), { show: ee, reject: $ }];
402
415
  }
403
- const Yt = () => {
404
- const t = ne(X);
416
+ const en = () => {
417
+ const t = re(U);
405
418
  if (t == null)
406
419
  throw new Error("useDialogPromise is being used outside of dialog.");
407
420
  return t;
408
- }, tt = "_alertDialog_14t8t_1", ot = "_slideIn_14t8t_1", nt = "_closing_14t8t_22", lt = "_slideOut_14t8t_1", rt = "_fadeIn_14t8t_1", at = "_fadeOut_14t8t_1", A = {
409
- alertDialog: tt,
421
+ }, lt = "_alertDialog_14t8t_1", ot = "_slideIn_14t8t_1", rt = "_closing_14t8t_22", at = "_slideOut_14t8t_1", st = "_fadeIn_14t8t_1", ct = "_fadeOut_14t8t_1", R = {
422
+ alertDialog: lt,
410
423
  slideIn: ot,
411
- closing: nt,
412
- slideOut: lt,
413
- fadeIn: rt,
414
- fadeOut: at
424
+ closing: rt,
425
+ slideOut: at,
426
+ fadeIn: st,
427
+ fadeOut: ct
415
428
  };
416
- function Zt(t, e) {
417
- return E(t, {
429
+ function tn(t, e) {
430
+ return M(t, {
418
431
  ...e,
419
432
  modal: !0,
420
- closingClassName: a(e == null ? void 0 : e.closingClassName, A.closing),
421
- contentWrapperClassName: a(
433
+ closingClassName: c(e == null ? void 0 : e.closingClassName, R.closing),
434
+ contentWrapperClassName: c(
422
435
  e == null ? void 0 : e.contentWrapperClassName,
423
- A.contentWrapper
436
+ R.contentWrapper
424
437
  ),
425
- className: a(e == null ? void 0 : e.className, A.alertDialog)
438
+ className: c(e == null ? void 0 : e.className, R.alertDialog)
426
439
  });
427
440
  }
428
- const st = "_drawerDialog_11g6r_1", ct = "_left_11g6r_13", it = "_right_11g6r_14", dt = "_contentWrapper_11g6r_19", _t = "_slideInLeft_11g6r_1", mt = "_closing_11g6r_36", ut = "_slideOutLeft_11g6r_1", gt = "_slideInRight_11g6r_1", ft = "_slideOutRight_11g6r_1", ht = "_top_11g6r_54", yt = "_bottom_11g6r_55", Ct = "_slideInTop_11g6r_1", pt = "_slideOutTop_11g6r_1", vt = "_slideInBottom_11g6r_1", bt = "_slideOutBottom_11g6r_1", k = {
429
- drawerDialog: st,
430
- left: ct,
431
- right: it,
432
- contentWrapper: dt,
433
- slideInLeft: _t,
434
- closing: mt,
435
- slideOutLeft: ut,
436
- slideInRight: gt,
437
- slideOutRight: ft,
438
- top: ht,
439
- bottom: yt,
440
- slideInTop: Ct,
441
- slideOutTop: pt,
442
- slideInBottom: vt,
443
- slideOutBottom: bt
441
+ const it = "_drawerDialog_11g6r_1", dt = "_left_11g6r_13", _t = "_right_11g6r_14", mt = "_contentWrapper_11g6r_19", ut = "_slideInLeft_11g6r_1", gt = "_closing_11g6r_36", ft = "_slideOutLeft_11g6r_1", ht = "_slideInRight_11g6r_1", yt = "_slideOutRight_11g6r_1", Ct = "_top_11g6r_54", vt = "_bottom_11g6r_55", pt = "_slideInTop_11g6r_1", Nt = "_slideOutTop_11g6r_1", It = "_slideInBottom_11g6r_1", wt = "_slideOutBottom_11g6r_1", x = {
442
+ drawerDialog: it,
443
+ left: dt,
444
+ right: _t,
445
+ contentWrapper: mt,
446
+ slideInLeft: ut,
447
+ closing: gt,
448
+ slideOutLeft: ft,
449
+ slideInRight: ht,
450
+ slideOutRight: yt,
451
+ top: Ct,
452
+ bottom: vt,
453
+ slideInTop: pt,
454
+ slideOutTop: Nt,
455
+ slideInBottom: It,
456
+ slideOutBottom: wt
444
457
  };
445
- function eo(t, e = "left", n) {
446
- return E(t, {
447
- ...n,
458
+ function nn(t, e = "left", l) {
459
+ return M(t, {
460
+ ...l,
448
461
  disableCloseOnClickOutside: !0,
449
462
  modal: !1,
450
- closingClassName: a(n == null ? void 0 : n.closingClassName, k.closing),
451
- contentWrapperClassName: a(
452
- n == null ? void 0 : n.contentWrapperClassName,
453
- k.contentWrapper
463
+ closingClassName: c(l == null ? void 0 : l.closingClassName, x.closing),
464
+ contentWrapperClassName: c(
465
+ l == null ? void 0 : l.contentWrapperClassName,
466
+ x.contentWrapper
454
467
  ),
455
- className: a(n == null ? void 0 : n.className, k.drawerDialog, k[e])
468
+ className: c(l == null ? void 0 : l.className, x.drawerDialog, x[e])
456
469
  });
457
470
  }
458
- const Nt = "_modalDialog_1cbj8_1", wt = "_slideIn_1cbj8_1", It = "_closing_1cbj8_25", Ot = "_slideOut_1cbj8_1", Dt = "_fadeIn_1cbj8_1", $t = "_fadeOut_1cbj8_1", kt = "_contentWrapper_1cbj8_89", S = {
459
- modalDialog: Nt,
460
- slideIn: wt,
461
- closing: It,
471
+ const bt = "_modalDialog_1teni_1", Dt = "_slideIn_1teni_1", $t = "_closing_1teni_36", Ot = "_slideOut_1teni_1", kt = "_fadeIn_1teni_1", xt = "_fadeOut_1teni_1", Ft = "_contentWrapper_1teni_100", A = {
472
+ modalDialog: bt,
473
+ slideIn: Dt,
474
+ closing: $t,
462
475
  slideOut: Ot,
463
- fadeIn: Dt,
464
- fadeOut: $t,
465
- contentWrapper: kt
476
+ fadeIn: kt,
477
+ fadeOut: xt,
478
+ contentWrapper: Ft
466
479
  };
467
- function to(t, e) {
468
- return E(t, {
480
+ function ln(t, e) {
481
+ return M(t, {
469
482
  ...e,
470
483
  modal: !0,
471
- closingClassName: a(e == null ? void 0 : e.closingClassName, S.closing),
472
- contentWrapperClassName: a(
484
+ closingClassName: c(e == null ? void 0 : e.closingClassName, A.closing),
485
+ contentWrapperClassName: c(
473
486
  e == null ? void 0 : e.contentWrapperClassName,
474
- S.contentWrapper
487
+ A.contentWrapper
475
488
  ),
476
- className: a(e == null ? void 0 : e.className, S.modalDialog)
489
+ className: c(e == null ? void 0 : e.className, A.modalDialog)
477
490
  });
478
491
  }
479
- const Y = ({
492
+ const Z = ({
480
493
  headingLevel: t = "h2",
481
494
  size: e = "medium",
482
- children: n
483
- }) => /* @__PURE__ */ o(j, { variant: e === "medium" ? "h3" : "h1", as: t, children: n }), xt = "_modalActionButtons_s27nj_1", Ft = {
484
- modalActionButtons: xt
485
- }, Bt = ({
495
+ children: l
496
+ }) => /* @__PURE__ */ n(L, { variant: e === "medium" ? "h3" : "h1", as: t, children: l }), Bt = "_modalActionButtons_s27nj_1", Wt = {
497
+ modalActionButtons: Bt
498
+ }, Rt = ({
486
499
  buttons: t
487
- }) => /* @__PURE__ */ c(N, { width: "100%", children: [
488
- /* @__PURE__ */ o(M, {}),
489
- /* @__PURE__ */ o("div", { className: Ft.modalActionButtons, children: t })
490
- ] }), Wt = ({ gap: t = 3, ...e }) => /* @__PURE__ */ o(N, { indent: 3, spacing: 3, gap: t, ...e }), oo = ({
500
+ }) => /* @__PURE__ */ d(w, { width: "100%", children: [
501
+ /* @__PURE__ */ n(S, {}),
502
+ /* @__PURE__ */ n("div", { className: Wt.modalActionButtons, children: t })
503
+ ] }), At = ({ gap: t = 3, ...e }) => /* @__PURE__ */ n(w, { indent: 3, spacing: 3, gap: t, ...e }), on = ({
491
504
  icon: t,
492
505
  buttons: e,
493
- heading: n,
494
- text: l,
495
- children: r,
496
- maxWidth: i,
497
- minWidth: d
498
- }) => /* @__PURE__ */ c(
499
- Wt,
506
+ heading: l,
507
+ text: o,
508
+ children: s,
509
+ maxWidth: _,
510
+ minWidth: m
511
+ }) => /* @__PURE__ */ d(
512
+ At,
500
513
  {
501
514
  flexDirection: "column",
502
515
  alignItems: "center",
503
- maxWidth: i,
504
- minWidth: d,
516
+ maxWidth: _,
517
+ minWidth: m,
505
518
  children: [
506
- t && /* @__PURE__ */ o(me, { icon: t, size: "large" }),
507
- /* @__PURE__ */ o(Y, { children: n }),
508
- l && /* @__PURE__ */ o(ce, { textAlign: "center", children: l }),
509
- r,
510
- e && /* @__PURE__ */ o(Bt, { buttons: e })
519
+ t && /* @__PURE__ */ n(ge, { icon: t, size: "large" }),
520
+ /* @__PURE__ */ n(Z, { children: l }),
521
+ o && /* @__PURE__ */ n(de, { textAlign: "center", children: o }),
522
+ s,
523
+ e && /* @__PURE__ */ n(Rt, { buttons: e })
511
524
  ]
512
525
  }
513
- ), no = ({ children: t }) => /* @__PURE__ */ o(z, { flex: 1, height: "100%", justifyContent: "space-between", children: t }), lo = ({
526
+ ), rn = ({ children: t }) => /* @__PURE__ */ n(z, { flex: 1, height: "100%", justifyContent: "space-between", children: t }), an = ({
514
527
  heading: t,
515
528
  headingLevel: e,
516
- headingSize: n,
517
- onClickClose: l
518
- }) => /* @__PURE__ */ c(h, { justifyContent: "space-between", children: [
519
- t && /* @__PURE__ */ o(Y, { headingLevel: e, size: n, children: t }),
520
- /* @__PURE__ */ o(K, { onClick: l })
521
- ] }), Rt = "_modalFooter_112wr_1", At = "_sticky_112wr_10", V = {
522
- modalFooter: Rt,
523
- sticky: At
524
- }, ro = ({
529
+ headingSize: l,
530
+ onClickClose: o
531
+ }) => /* @__PURE__ */ d(y, { justifyContent: "space-between", children: [
532
+ t && /* @__PURE__ */ n(Z, { headingLevel: e, size: l, children: t }),
533
+ /* @__PURE__ */ n(J, { onClick: o })
534
+ ] }), St = "_modalFooter_112wr_1", Lt = "_sticky_112wr_10", X = {
535
+ modalFooter: St,
536
+ sticky: Lt
537
+ }, sn = ({
525
538
  children: t,
526
539
  sticky: e,
527
- zIndex: n = 4
528
- }) => /* @__PURE__ */ o(
529
- h,
540
+ zIndex: l = 4
541
+ }) => /* @__PURE__ */ n(
542
+ y,
530
543
  {
531
- className: a(V.modalFooter, e && V.sticky),
544
+ className: c(X.modalFooter, e && X.sticky),
532
545
  shadow: "var(--swui-sticky-footer-shadow)",
533
- zIndex: n,
546
+ zIndex: l,
534
547
  children: t
535
548
  }
536
549
  );
537
550
  export {
538
551
  Jt as Alert,
539
- Ne as BaseWindow,
540
- U as DRAGGABLE_CANCEL_CLASSNAME,
541
- Q as DRAGGABLE_HANDLE_CLASSNAME,
542
- Gt as Drawer,
543
- Vt as DrawerHeader,
544
- oo as InfoAlert,
552
+ be as BaseWindow,
553
+ Q as DRAGGABLE_CANCEL_CLASSNAME,
554
+ K as DRAGGABLE_HANDLE_CLASSNAME,
555
+ Xt as Drawer,
556
+ Yt as DrawerHeader,
557
+ on as InfoAlert,
545
558
  Qt as LoadingModal,
546
559
  Kt as Modal,
547
- Bt as ModalActionButtons,
548
- Wt as ModalBody,
549
- no as ModalContainer,
550
- ro as ModalFooter,
551
- lo as ModalHeader,
552
- Y as ModalHeading,
560
+ Rt as ModalActionButtons,
561
+ At as ModalBody,
562
+ rn as ModalContainer,
563
+ sn as ModalFooter,
564
+ an as ModalHeader,
565
+ Z as ModalHeading,
553
566
  Ut as Window,
554
- Xt as WindowFooter,
555
- et as WindowHeader,
556
- Pt as setupDeclarativeModals,
557
- Zt as useAlertDialog,
558
- E as useDialog,
559
- Yt as useDialogPromise,
560
- eo as useDrawerDialog,
561
- to as useModalDialog
567
+ Zt as WindowFooter,
568
+ nt as WindowHeader,
569
+ Vt as setupDeclarativeModals,
570
+ tn as useAlertDialog,
571
+ M as useDialog,
572
+ en as useDialogPromise,
573
+ nn as useDrawerDialog,
574
+ ln as useModalDialog
562
575
  };
563
576
  //# sourceMappingURL=index.es.js.map