@stenajs-webui/modal 23.15.3 → 23.16.0

package/dist/index.es.js

@@ -1,16 +1,16 @@
 (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 L from "react-modal";
+import { jsx as t, jsxs as a, Fragment as K } from "react/jsx-runtime";
+import { useRef as w, useState as R, useEffect as Oe, createContext as Ie, useReducer as Ae, useCallback as F, 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 c from "classnames";
+import { exhaustSwitchCase as Re, Spacing as z, Row as p, Space as Q, Heading as te, useEventCallback as Ee, Column as v, Box as B, Indent as We, Txt as je, Text as Z } from "@stenajs-webui/core";
+import { Icon as be, FlatButton as Ne, stenaTimes as He, Spinner as Se, CloseButton as oe, stenaTimesThick as Pe, CircledIcon as we } 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 = {
+const Lo = (e) => {
+  L.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", k = {
   overlay: Ve,
   modal: Xe,
   content: Ye,
@@ -24,12 +24,12 @@ const Fo = (e) => {
   children: s,
   ...r
 }) => {
-  const c = N(null);
+  const i = w(null);
   return /* @__PURE__ */ t(
-    z,
+    L,
     {
-      overlayClassName: F.overlay,
-      className: F.modal,
+      overlayClassName: k.overlay,
+      className: k.modal,
       ...r,
       children: /* @__PURE__ */ t(
         Me,
@@ -38,7 +38,7 @@ const Fo = (e) => {
           cancel: `.${xe}, button, [role="tooltip"]`,
           bounds: ".ReactModal__Overlay",
           disabled: !n,
-          nodeRef: c,
+          nodeRef: i,
           children: /* @__PURE__ */ t(
             "div",
             {
@@ -46,10 +46,10 @@ const Fo = (e) => {
                 "--swui-modal-width": e,
                 "--swui-modal-max-width": o
               },
-              className: l(F.content, {
-                [F.isDraggable]: n
+              className: c(k.content, {
+                [k.isDraggable]: n
               }),
-              ref: c,
+              ref: i,
               children: s
             }
           )
@@ -68,18 +68,18 @@ const Fo = (e) => {
   beforeClose: at,
   slideFromTop: lt,
   slideFromBottom: ct
-}, zo = ({
+}, Fo = ({
   background: e,
   zIndex: o,
   children: n,
   slideFrom: s = "left",
   portalTarget: r,
-  floating: c,
-  ...d
+  floating: i,
+  ...m
 }) => {
-  const { height: m, width: h } = d;
+  const { height: l, width: h } = m;
   return /* @__PURE__ */ t(
-    z,
+    L,
     {
       closeTimeoutMS: 250,
       portalClassName: f.portal,
@@ -89,17 +89,17 @@ const Fo = (e) => {
         beforeClose: f.beforeClose
       },
       className: {
-        base: l(
+        base: c(
           f.content,
           it(s),
-          c && f.floating
+          i && f.floating
         ),
         afterOpen: f.afterOpen,
         beforeClose: f.beforeClose
       },
-      style: { content: { width: h, height: m, background: e }, overlay: { zIndex: o } },
+      style: { content: { width: h, height: l, background: e }, overlay: { zIndex: o } },
       parentSelector: r ? () => r : void 0,
-      ...d,
+      ...m,
       children: n
     }
   );
@@ -116,13 +116,13 @@ const Fo = (e) => {
     default:
       return Re(e, f.slideFromLeft);
   }
-}, Lo = ({
+}, zo = ({
   header: e,
   contentRight: o,
   onRequestClose: n,
   icon: s
 }) => /* @__PURE__ */ t(
-  Z,
+  z,
   {
     position: "sticky",
     top: 0,
@@ -136,9 +136,9 @@ const Fo = (e) => {
         height: "48px",
         children: [
           /* @__PURE__ */ a(p, { alignItems: "center", gap: 2, children: [
-            /* @__PURE__ */ t(J, { num: 1 }),
+            /* @__PURE__ */ t(Q, { num: 1 }),
             s && /* @__PURE__ */ t(be, { icon: s, size: 24 }),
-            /* @__PURE__ */ t(ee, { variant: "h4", children: e })
+            /* @__PURE__ */ t(te, { variant: "h4", children: e })
           ] }),
           /* @__PURE__ */ a(p, { gap: 1, children: [
             o,
@@ -150,13 +150,13 @@ const Fo = (e) => {
                 variant: "danger"
               }
             ),
-            /* @__PURE__ */ t(J, { num: 0.5 })
+            /* @__PURE__ */ t(Q, { num: 0.5 })
           ] })
         ]
       }
     )
   }
-), dt = "_overlay_1gix5_1", mt = "_modal_1gix5_31", ut = "_content_1gix5_38", X = {
+), dt = "_overlay_1gix5_1", mt = "_modal_1gix5_31", ut = "_content_1gix5_38", Y = {
   overlay: dt,
   modal: mt,
   content: ut
@@ -164,16 +164,16 @@ const Fo = (e) => {
   children: e,
   ...o
 }) => /* @__PURE__ */ t(
-  z,
+  L,
   {
-    overlayClassName: X.overlay,
-    className: X.modal,
+    overlayClassName: Y.overlay,
+    className: Y.modal,
     style: _t,
     ...o,
     children: /* @__PURE__ */ t(
       "div",
       {
-        className: X.content,
+        className: Y.content,
         style: { "--swui-modal-width": "fit-content" },
         children: e
       }
@@ -185,14 +185,14 @@ const Fo = (e) => {
   beforeClose: pt,
   modal: ht,
   content: yt
-}, _e = /^((?!chrome|android).)*safari/i.test(navigator.userAgent), vt = ({
+}, _e = /^((?!chrome|android).)*safari/i.test(navigator.userAgent), Ct = ({
   children: e,
   background: o,
   className: n,
   overlayClassName: s,
   ...r
 }) => {
-  const c = N(null), [d, m] = M(_e ? "auto" : void 0), h = {
+  const i = w(null), [m, l] = R(_e ? "auto" : void 0), h = {
     overlay: { justifyContent: "center" },
     content: {
       "--swui-modal-content-bg-color": o
@@ -200,23 +200,23 @@ const Fo = (e) => {
   }, u = Ee(() => {
     if (!_e)
       return;
-    const y = c.current;
-    y && m(
+    const y = i.current;
+    y && l(
       y.scrollHeight > y.clientHeight ? "stable" : "auto"
     );
   });
-  return ke(() => (window.addEventListener("resize", u), document.addEventListener("DOMContentLoaded", u), () => {
+  return Oe(() => (window.addEventListener("resize", u), document.addEventListener("DOMContentLoaded", u), () => {
     window.removeEventListener("resize", u), document.removeEventListener("DOMContentLoaded", u);
   }), [u]), /* @__PURE__ */ t(
-    z,
+    L,
     {
       overlayClassName: {
-        base: l(s, x.overlay),
+        base: c(s, x.overlay),
         beforeClose: x.beforeClose,
         afterOpen: x.afterOpen
       },
       className: {
-        base: l(n, x.modal),
+        base: c(n, x.modal),
         beforeClose: x.beforeClose,
         afterOpen: x.afterOpen
       },
@@ -230,25 +230,25 @@ const Fo = (e) => {
           className: x.content,
           style: {
             "--swui-modal-width": "fit-content",
-            scrollbarGutter: d
+            scrollbarGutter: m
           },
-          ref: c,
+          ref: i,
           children: e
         }
       )
     }
   );
-}, Ct = "_modal_4fwgb_1", bt = "_overlay_4fwgb_13", fe = {
-  modal: Ct,
+}, vt = "_modal_4fwgb_1", bt = "_overlay_4fwgb_13", fe = {
+  modal: vt,
   overlay: bt
-}, ko = ({
+}, Io = ({
   headerIconLeft: e,
   headerText: o,
   shouldCloseOnOverlayClick: n = !1,
   shouldCloseOnEsc: s = !1,
   ...r
 }) => /* @__PURE__ */ t(
-  z,
+  L,
   {
     ...r,
     isOpen: !0,
@@ -256,7 +256,7 @@ const Fo = (e) => {
     shouldCloseOnEsc: s,
     className: fe.modal,
     overlayClassName: fe.overlay,
-    children: /* @__PURE__ */ a(w, { spacing: 2, alignItems: "center", children: [
+    children: /* @__PURE__ */ a(v, { spacing: 2, alignItems: "center", children: [
       /* @__PURE__ */ t(
         B,
         {
@@ -270,14 +270,14 @@ const Fo = (e) => {
           children: /* @__PURE__ */ t(Se, { size: "small" })
         }
       ),
-      (e || o) && /* @__PURE__ */ a(de, { children: [
-        /* @__PURE__ */ t(Z, {}),
+      (e || o) && /* @__PURE__ */ a(K, { children: [
+        /* @__PURE__ */ t(z, {}),
         /* @__PURE__ */ a(p, { indent: 2, children: [
-          e && /* @__PURE__ */ a(de, { children: [
+          e && /* @__PURE__ */ a(K, { children: [
             /* @__PURE__ */ t(be, { size: 14, icon: e, color: "white" }),
             /* @__PURE__ */ t(We, {})
           ] }),
-          o && /* @__PURE__ */ t(ee, { variant: "h4", color: "white", children: o })
+          o && /* @__PURE__ */ t(te, { variant: "h4", color: "white", children: o })
         ] })
       ] })
     ] })
@@ -300,7 +300,7 @@ const Fo = (e) => {
         o
       ] }),
       /* @__PURE__ */ t(B, { alignSelf: "flex-start", children: /* @__PURE__ */ t(
-        te,
+        oe,
         {
           className: s,
           onClick: e
@@ -308,15 +308,15 @@ const Fo = (e) => {
       ) })
     ]
   }
-), Io = ({
+), Ao = ({
   header: e,
   headerText: o,
   children: n,
   spacing: s,
   indent: r,
-  draggable: c = !1,
-  onRequestClose: d,
-  closeButtonClassName: m,
+  draggable: i = !1,
+  onRequestClose: m,
+  closeButtonClassName: l,
   footer: h,
   disableStickyFooter: u = !1,
   ...y
@@ -324,184 +324,184 @@ const Fo = (e) => {
   Qe,
   {
     ...y,
-    onRequestClose: d,
-    draggable: c,
+    onRequestClose: m,
+    draggable: i,
     children: [
       /* @__PURE__ */ t(
         Nt,
         {
-          onRequestClose: d,
+          onRequestClose: m,
           header: e,
           headerText: o,
-          closeButtonClassName: m
+          closeButtonClassName: l
         }
       ),
       /* @__PURE__ */ t(B, { spacing: typeof s == "number" ? s : 1, indent: typeof r == "number" ? r : 1, children: n }),
       h && /* @__PURE__ */ t(
         B,
         {
-          className: l(F.footer, {
-            [F.stickyFooter]: !u
+          className: c(k.footer, {
+            [k.stickyFooter]: !u
           }),
           children: h
         }
       )
     ]
   }
-), Ao = ({ children: e }) => /* @__PURE__ */ t(w, { indent: 2, spacing: 2, children: e }), Q = Ie(
+), To = ({ children: e }) => /* @__PURE__ */ t(v, { indent: 2, spacing: 2, children: e }), ee = Ie(
   void 0
 );
-function oe(e, {
+function ne(e, {
   ref: o,
   modal: n,
   contentWrapperClassName: s,
   closingClassName: r,
-  contentWrapperStyle: c,
-  dialogStyle: d,
-  divInsteadOfDialog: m,
+  contentWrapperStyle: i,
+  dialogStyle: m,
+  divInsteadOfDialog: l,
   disableCloseOnClickOutside: h,
   elementId: u,
   onResolve: y,
-  onReject: v,
-  className: R,
-  background: E,
-  label: W,
-  labelledby: j,
-  describedby: H
+  onReject: C,
+  className: E,
+  background: W,
+  label: j,
+  labelledby: H,
+  describedby: S
 }) {
-  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;
+  const Le = w(null), _ = o ?? Le, [P, Fe] = Ae((d) => d + 1, 0), se = w(null), q = w(null), b = w(void 0), O = w(!1), I = w(null), [re, A] = R(!1), [G, D] = R(!1), [ae, N] = R(!1), V = e, ze = F(
+    (d) => (se.current = new Promise(
+      (g, de) => {
+        q.current = g, I.current = de;
       }
-    ), b(!1), I(!0), D(!0), Le(), O.current = !1, C.current = i, n ? _.current?.showModal() : _.current?.show(), ne.current),
+    ), N(!1), A(!0), D(!0), Fe(), O.current = !1, b.current = d, n ? _.current?.showModal() : _.current?.show(), se.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?.();
+  ), le = F(
+    (d) => {
+      O.current = !0, N(!0), A(!1), l ? setTimeout(() => {
+        N(!1), D(!1), q.current?.(d), b.current = void 0, y?.();
       }, 300) : _.current?.addEventListener(
         "animationend",
         (g) => {
-          g.stopPropagation(), b(!1), D(!1), _.current?.close(), P.current?.(i), C.current = void 0, y?.();
+          g.stopPropagation(), N(!1), D(!1), _.current?.close(), q.current?.(d), b.current = void 0, y?.();
         },
         { once: !0 }
       );
     },
-    [_, 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;
+    [_, y, l]
+  ), $ = F(
+    (d) => {
+      O.current = !0, N(!0), A(!1), l ? setTimeout(() => {
+        N(!1), D(!1), I.current?.(d), C?.(), b.current = void 0;
       }, 300) : _.current?.addEventListener(
         "animationend",
         (g) => {
-          g.stopPropagation(), b(!1), D(!1), _.current?.close(), k.current?.(i), v?.(), C.current = void 0;
+          g.stopPropagation(), N(!1), D(!1), _.current?.close(), I.current?.(d), C?.(), b.current = void 0;
         },
         { once: !0 }
       );
     },
-    [_, m, v]
-  ), le = L(
-    (i) => {
-      i.stopPropagation(), O.current || (b(!1), I(!1), D(!1), k.current?.(), v?.(), C.current = void 0);
+    [_, l, C]
+  ), ce = F(
+    (d) => {
+      d.stopPropagation(), O.current || (N(!1), A(!1), D(!1), I.current?.(), C?.(), b.current = void 0);
     },
-    [v]
-  ), ce = L(
-    (i) => {
-      if (i.target !== _.current)
+    [C]
+  ), ie = F(
+    (d) => {
+      if (d.target !== _.current)
         return;
       const g = _.current.getBoundingClientRect();
-      g.top <= i.clientY && i.clientY <= g.top + g.height && g.left <= i.clientX && i.clientX <= g.left + g.width || $();
+      g.top <= d.clientY && d.clientY <= g.top + g.height && g.left <= d.clientX && d.clientX <= g.left + g.width || $();
     },
     [_, $]
-  ), V = me(
-    () => ({ resolve: ae, reject: $ }),
-    [$, ae]
+  ), X = me(
+    () => ({ resolve: le, reject: $ }),
+    [$, le]
   );
   return [me(
-    () => m ? /* @__PURE__ */ t(
-      vt,
+    () => l ? /* @__PURE__ */ t(
+      Ct,
       {
-        isOpen: se,
+        isOpen: re,
         onRequestClose: $,
-        background: E,
-        contentLabel: W,
+        background: W,
+        contentLabel: j,
         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 }) })
+        aria: { modal: !0, labelledby: H, describedby: S },
+        children: /* @__PURE__ */ t(ee.Provider, { value: X, children: G && /* @__PURE__ */ ue(V, { ...b.current, key: P }) })
       }
     ) : /* @__PURE__ */ t(
       "dialog",
       {
-        onClick: h ? void 0 : ce,
-        onClose: le,
+        onClick: h ? void 0 : ie,
+        onClose: ce,
         ref: _,
         id: u,
-        className: l(R, re && r),
-        "aria-label": W,
-        "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 }) }) })
+        className: c(E, ae && r),
+        "aria-label": j,
+        "aria-labelledby": H,
+        "aria-describedby": S,
+        style: { background: W, ...m },
+        children: /* @__PURE__ */ t("div", { style: i, className: s, children: G && /* @__PURE__ */ t(ee.Provider, { value: X, children: /* @__PURE__ */ ue(V, { ...b.current, key: P }) }) })
       }
     ),
     [
-      m,
-      se,
+      l,
+      re,
       $,
-      E,
       W,
-      u,
       j,
+      u,
       H,
-      V,
-      q,
-      G,
       S,
+      X,
+      G,
+      V,
+      P,
       h,
+      ie,
       ce,
-      le,
       _,
-      R,
-      re,
+      E,
+      ae,
       r,
-      d,
-      c,
+      m,
+      i,
       s
     ]
-  ), { show: Oe, reject: $ }];
+  ), { show: ze, reject: $ }];
 }
-const To = () => {
-  const e = Te(Q);
+const Mo = () => {
+  const e = Te(ee);
   if (e == null)
     throw new Error("useDialogPromise is being used outside of dialog.");
   return e;
-}, wt = "_alertDialog_14t8t_1", Bt = "_closing_14t8t_22", Y = {
+}, wt = "_alertDialog_14t8t_1", Bt = "_closing_14t8t_22", U = {
   alertDialog: wt,
   closing: Bt
 };
-function Mo(e, o) {
-  return oe(e, {
+function Ro(e, o) {
+  return ne(e, {
     ...o,
     modal: !0,
-    closingClassName: l(o?.closingClassName, Y.closing),
-    contentWrapperClassName: l(
+    closingClassName: c(o?.closingClassName, U.closing),
+    contentWrapperClassName: c(
       o?.contentWrapperClassName,
-      Y.contentWrapper
+      U.contentWrapper
     ),
-    className: l(o?.className, Y.alertDialog)
+    className: c(o?.className, U.alertDialog)
   });
 }
-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 = {
+const $t = "_drawerDialog_11g6r_1", xt = "_left_11g6r_13", Dt = "_right_11g6r_14", kt = "_contentWrapper_11g6r_19", Lt = "_slideInLeft_11g6r_1", Ft = "_closing_11g6r_36", zt = "_slideOutLeft_11g6r_1", Ot = "_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", T = {
   drawerDialog: $t,
   left: xt,
   right: Dt,
-  contentWrapper: Ft,
-  slideInLeft: zt,
-  closing: Lt,
-  slideOutLeft: Ot,
-  slideInRight: kt,
+  contentWrapper: kt,
+  slideInLeft: Lt,
+  closing: Ft,
+  slideOutLeft: zt,
+  slideInRight: Ot,
   slideOutRight: It,
   top: At,
   bottom: Tt,
@@ -510,46 +510,46 @@ const $t = "_drawerDialog_11g6r_1", xt = "_left_11g6r_13", Dt = "_right_11g6r_14
   slideInBottom: Et,
   slideOutBottom: Wt
 };
-function Ro(e, o = "left", n) {
-  return oe(e, {
+function Eo(e, o = "left", n) {
+  return ne(e, {
     ...n,
     disableCloseOnClickOutside: !0,
     modal: !1,
-    closingClassName: l(n?.closingClassName, A.closing),
-    contentWrapperClassName: l(
+    closingClassName: c(n?.closingClassName, T.closing),
+    contentWrapperClassName: c(
       n?.contentWrapperClassName,
-      A.contentWrapper
+      T.contentWrapper
     ),
-    className: l(n?.className, A.drawerDialog, A[o])
+    className: c(n?.className, T.drawerDialog, T[o])
   });
 }
-const jt = "_modalDialog_iw29e_1", Ht = "_closing_iw29e_37", St = "_contentWrapper_iw29e_101", U = {
+const jt = "_modalDialog_iw29e_1", Ht = "_closing_iw29e_37", St = "_contentWrapper_iw29e_101", J = {
   modalDialog: jt,
   closing: Ht,
   contentWrapper: St
 };
-function Eo(e, o) {
-  return oe(e, {
+function Wo(e, o) {
+  return ne(e, {
     ...o,
     modal: !0,
-    closingClassName: l(o?.closingClassName, U.closing),
-    contentWrapperClassName: l(
+    closingClassName: c(o?.closingClassName, J.closing),
+    contentWrapperClassName: c(
       o?.contentWrapperClassName,
-      U.contentWrapper
+      J.contentWrapper
     ),
-    className: l(o?.className, U.modalDialog)
+    className: c(o?.className, J.modalDialog)
   });
 }
 const De = ({
   headingLevel: e = "h2",
   size: o = "medium",
   children: n
-}) => /* @__PURE__ */ t(ee, { variant: o === "medium" ? "h3" : "h1", as: e, children: n }), Pt = "_modalActionButtons_s27nj_1", qt = {
+}) => /* @__PURE__ */ t(te, { variant: o === "medium" ? "h3" : "h1", as: e, children: n }), Pt = "_modalActionButtons_s27nj_1", qt = {
   modalActionButtons: Pt
 }, Gt = ({
   children: e
 }) => /* @__PURE__ */ a(B, { width: "100%", children: [
-  /* @__PURE__ */ t(Z, {}),
+  /* @__PURE__ */ t(z, {}),
   /* @__PURE__ */ t("div", { className: qt.modalActionButtons, children: e })
 ] }), Vt = "_modalBody_ozynq_1", ge = {
   modalBody: Vt
@@ -559,9 +559,9 @@ const De = ({
   className: n,
   ...s
 }) => /* @__PURE__ */ t(
-  w,
+  v,
   {
-    className: l(ge.modalBody, ge[o], n),
+    className: c(ge.modalBody, ge[o], n),
     indent: o === "relaxed" ? 5 : 3,
     spacing: o === "relaxed" ? 5 : 3,
     gap: e,
@@ -571,7 +571,7 @@ const De = ({
   children: e,
   maxWidth: o
 }) => /* @__PURE__ */ t(
-  w,
+  v,
   {
     flex: 1,
     height: "100%",
@@ -579,30 +579,7 @@ const De = ({
     maxWidth: o,
     children: e
   }
-), Wo = ({
-  icon: e,
-  buttons: o,
-  heading: n,
-  text: s,
-  children: r,
-  maxWidth: c,
-  minWidth: d
-}) => /* @__PURE__ */ t(Yt, { children: /* @__PURE__ */ a(
-  Xt,
-  {
-    flexDirection: "column",
-    alignItems: "center",
-    maxWidth: c,
-    minWidth: d,
-    children: [
-      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 })
-    ]
-  }
-) }), Ut = (e) => /* @__PURE__ */ t(
+), Ut = (e) => /* @__PURE__ */ t(
   Ne,
   {
     size: "large",
@@ -610,13 +587,13 @@ const De = ({
     leftIcon: Pe,
     ...e
   }
-), jo = ({
+), Jt = ({
   heading: e,
   headingLevel: o,
   headingSize: n,
   onClickClose: s,
   closeButtonAriaLabel: r
-}) => /* @__PURE__ */ t(w, { children: /* @__PURE__ */ a(p, { justifyContent: "space-between", alignItems: "center", gap: 2, children: [
+}) => /* @__PURE__ */ t(v, { 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,
@@ -626,9 +603,47 @@ const De = ({
       "aria-label": r
     }
   ) : null
-] }) }), Jt = "_modalFooter_1ypno_1", Kt = "_sticky_1ypno_10", pe = {
-  modalFooter: Jt,
-  sticky: Kt
+] }) }), jo = ({
+  icon: e,
+  buttons: o,
+  heading: n,
+  text: s,
+  children: r,
+  maxWidth: i,
+  minWidth: m,
+  ...l
+}) => /* @__PURE__ */ t(Yt, { children: /* @__PURE__ */ a(Xt, { gap: 0, children: [
+  l.onClickClose && /* @__PURE__ */ t(
+    Jt,
+    {
+      onClickClose: l.onClickClose,
+      closeButtonAriaLabel: l.closeButtonAriaLabel
+    }
+  ),
+  /* @__PURE__ */ a(
+    v,
+    {
+      gap: 2,
+      flexDirection: "column",
+      alignItems: "center",
+      maxWidth: i,
+      minWidth: m,
+      children: [
+        e && /* @__PURE__ */ a(K, { children: [
+          !l.onClickClose && /* @__PURE__ */ t(z, {}),
+          /* @__PURE__ */ t(we, { icon: e, size: "large" }),
+          /* @__PURE__ */ t(z, {})
+        ] }),
+        /* @__PURE__ */ t(De, { children: n }),
+        s && /* @__PURE__ */ t(Z, { textAlign: "center", children: s }),
+        r,
+        o && /* @__PURE__ */ t(Gt, { children: o })
+      ]
+    }
+  )
+] }) }), Kt = "_modalFooter_1ypno_1", Qt = "_sticky_1ypno_10", pe = {
+  modalFooter: Kt,
+  sticky: Qt
 }, Ho = ({
   sticky: e,
   zIndex: o = 4,
@@ -638,42 +653,42 @@ const De = ({
 }) => /* @__PURE__ */ t(
   p,
   {
-    className: l(pe.modalFooter, e && pe.sticky, s),
+    className: c(pe.modalFooter, e && pe.sticky, s),
     shadow: "var(--swui-sticky-footer-shadow)",
     zIndex: o,
     gap: n,
     ...r
   }
-), Qt = "_unreadDot_l8bni_1", Zt = "_dot_l8bni_4", he = {
-  unreadDot: Qt,
-  dot: Zt
-}, eo = ({ children: e }) => /* @__PURE__ */ a("div", { className: he.unreadDot, children: [
+), Zt = "_unreadDot_l8bni_1", eo = "_dot_l8bni_4", he = {
+  unreadDot: Zt,
+  dot: eo
+}, to = ({ 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 = ({
+] }), oo = "_notificationHeader_1rl25_1", no = "_timestamp_1rl25_2", ye = {
+  notificationHeader: oo,
+  timestamp: no
+}, ke = ({
   text: e,
   timestamp: o,
   icon: n,
   iconAriaLabel: s,
   contentLeft: r,
-  contentRight: c,
-  onClickClose: d,
-  unread: m = !1,
+  contentRight: i,
+  onClickClose: m,
+  unread: l = !1,
   variant: h,
   iconBackgroundColor: u,
   forceCloseButtonAlignment: y
 }) => {
-  const v = n ? /* @__PURE__ */ t(
+  const C = n ? /* @__PURE__ */ t(
     we,
     {
       size: "small",
       icon: n,
       "aria-label": s,
       variant: "whiteBg",
-      backgroundColor: u || no(m, h)
+      backgroundColor: u || so(l, h)
     }
   ) : void 0;
   return /* @__PURE__ */ a(
@@ -686,37 +701,37 @@ const De = ({
       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 }),
+          r && /* @__PURE__ */ t(v, { justifyContent: "center", children: r }),
+          !r && C && /* @__PURE__ */ t(p, { alignItems: "center", height: "40px", children: l ? /* @__PURE__ */ t(to, { children: C }) : C }),
           /* @__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 }),
+            n || m || y ? /* @__PURE__ */ t(Q, { num: 0.5 }) : null,
+            /* @__PURE__ */ t(Z, { variant: "bold", children: e }),
             o && /* @__PURE__ */ t("div", { className: ye.timestamp, children: /* @__PURE__ */ t(
-              K,
+              Z,
               {
                 size: "small",
                 color: Be(
-                  m ? "--lhds-color-blue-600" : "--lhds-color-ui-600"
+                  l ? "--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 }) })
+        i && /* @__PURE__ */ t(v, { justifyContent: "center", children: i }),
+        m && /* @__PURE__ */ t(p, { alignItems: "center", height: "40px", width: "40px", children: /* @__PURE__ */ t(oe, { onClick: m }) })
       ]
     }
   );
-}, no = (e, o) => {
+}, so = (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
+}, ro = "_notification_tpz0j_1", ao = "_body_tpz0j_10", lo = "_standard_tpz0j_15", co = "_unread_tpz0j_16", io = "_danger_tpz0j_21", M = {
+  notification: ro,
+  body: ao,
+  standard: lo,
+  unread: co,
+  danger: io
 }, So = ({
   variant: e = "standard",
   children: o,
@@ -726,26 +741,26 @@ const De = ({
   "div",
   {
     "data-comp": "Notification",
-    className: l(
-      T.notification,
-      T[e],
-      n && T.unread
+    className: c(
+      M.notification,
+      M[e],
+      n && M.unread
     ),
     children: [
-      /* @__PURE__ */ t(Fe, { ...s, unread: n, variant: e }),
-      o && /* @__PURE__ */ t(w, { className: T.body, children: o })
+      /* @__PURE__ */ t(ke, { ...s, unread: n, variant: e }),
+      o && /* @__PURE__ */ t(v, { className: M.body, children: o })
     ]
   }
-), io = "_notificationList_1rkvu_1", mo = {
-  notificationList: io
+), mo = "_notificationList_1rkvu_1", uo = {
+  notificationList: mo
 }, Po = ({
   children: e
-}) => /* @__PURE__ */ a("div", { "data-comp": "NotificationList", className: mo.notificationList, children: [
+}) => /* @__PURE__ */ a("div", { "data-comp": "NotificationList", className: uo.notificationList, children: [
   e,
   /* @__PURE__ */ t("div", {})
-] }), uo = "_toast_1ifzt_1", _o = "_body_1ifzt_2", ve = {
-  toast: uo,
-  body: _o
+] }), _o = "_toast_1ifzt_1", fo = "_body_1ifzt_2", Ce = {
+  toast: _o,
+  body: fo
 }, qo = ({
   children: e,
   width: o = 364,
@@ -754,38 +769,38 @@ const De = ({
 }) => /* @__PURE__ */ a(
   B,
   {
-    className: ve.toast,
+    className: Ce.toast,
     "data-comp": "Toast",
     width: o,
     maxWidth: n,
     children: [
-      /* @__PURE__ */ t(Fe, { forceCloseButtonAlignment: !0, ...s }),
-      e && /* @__PURE__ */ t("div", { className: ve.body, children: e })
+      /* @__PURE__ */ t(ke, { forceCloseButtonAlignment: !0, ...s }),
+      e && /* @__PURE__ */ t("div", { className: Ce.body, children: e })
     ]
   }
-), fo = "_toastBox_1lvsy_1", go = "_clickable_1lvsy_8", Ce = {
-  toastBox: fo,
-  clickable: go
+), go = "_toastBox_1lvsy_1", po = "_clickable_1lvsy_8", ve = {
+  toastBox: go,
+  clickable: po
 }, Go = ({ className: e, ...o }) => /* @__PURE__ */ t(
   B,
   {
     as: o.onClick ? "button" : void 0,
-    className: l(
+    className: c(
       e,
-      Ce.toastBox,
-      o.onClick && Ce.clickable
+      ve.toastBox,
+      o.onClick && ve.clickable
     ),
     "data-comp": "Toast",
     role: "alert",
     ...o
   }
-), po = "_toastContainer_1rek2_1", ho = {
-  toastContainer: po
+), ho = "_toastContainer_1rek2_1", yo = {
+  toastContainer: ho
 }, Vo = ({ ...e }) => /* @__PURE__ */ t(
   qe,
   {
-    className: ho.toastContainer,
-    closeButton: ({ closeToast: o }) => /* @__PURE__ */ t(te, { onClick: o }),
+    className: yo.toastContainer,
+    closeButton: ({ closeToast: o }) => /* @__PURE__ */ t(oe, { onClick: o }),
     hideProgressBar: !0,
     pauseOnFocusLoss: !1,
     pauseOnHover: !0,
@@ -798,36 +813,36 @@ export {
   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,
+  ee as DialogContext,
+  Fo as Drawer,
+  zo as DrawerHeader,
+  jo as InfoAlert,
+  Io as LoadingModal,
+  Ct as Modal,
   Gt as ModalActionButtons,
   Xt as ModalBody,
   Ut as ModalCloseButton,
   Yt as ModalContainer,
   Ho as ModalFooter,
-  jo as ModalHeader,
+  Jt as ModalHeader,
   De as ModalHeading,
   So as Notification,
-  Fe as NotificationHeader,
+  ke as NotificationHeader,
   Po as NotificationList,
   qo as Toast,
   Go as ToastBox,
   Vo as ToastContainer,
-  eo as UnreadDot,
-  Io as Window,
-  Ao as WindowFooter,
+  to as UnreadDot,
+  Ao as Window,
+  To as WindowFooter,
   Nt as WindowHeader,
-  no as getIconBgColorFromVariant,
-  Fo as setupDeclarativeModals,
+  so as getIconBgColorFromVariant,
+  Lo as setupDeclarativeModals,
   Xo as showToast,
-  Mo as useAlertDialog,
-  oe as useDialog,
-  To as useDialogPromise,
-  Ro as useDrawerDialog,
-  Eo as useModalDialog
+  Ro as useAlertDialog,
+  ne as useDialog,
+  Mo as useDialogPromise,
+  Eo as useDrawerDialog,
+  Wo as useModalDialog
 };
 //# sourceMappingURL=index.es.js.map