@stenajs-webui/modal 22.7.3 → 23.1.0

package/dist/index.es.js

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