@stenajs-webui/modal 23.21.2 → 23.21.4

package/dist/index.es.js

@@ -2,28 +2,28 @@ import F from "react-modal";
 import { jsx as t, jsxs as a, Fragment as K } from "react/jsx-runtime";
 import { useRef as w, useState as E, useEffect as ze, createContext as Ae, useReducer as Te, useCallback as O, useMemo as ue, createElement as _e, useContext as Me } from "react";
 import Re from "react-draggable";
-import c from "classnames";
-import { exhaustSwitchCase as Ee, Spacing as I, Row as p, Space as Q, Heading as te, useEventCallback as We, Column as C, Box as B, Indent as He, Txt as Se, Text as Z } from "@stenajs-webui/core";
-import { Icon as Ne, FlatButton as we, stenaTimes as je, Spinner as Pe, CloseButton as oe, stenaTimesThick as Ge, CircledIcon as Be } from "@stenajs-webui/elements";
-import { cssColor as $e } from "@stenajs-webui/theme";
-import { ToastContainer as Ve, toast as qe } from "react-toastify";
-import './index.css';const Fo = (e) => {
+import i from "classnames";
+import { exhaustSwitchCase as Ee, Spacing as I, getDataProps as We, Row as p, Space as Q, Heading as te, useEventCallback as He, Column as C, Box as B, Indent as Se, Txt as je, Text as Z } from "@stenajs-webui/core";
+import { Icon as Ne, FlatButton as we, stenaTimes as Pe, Spinner as Ge, CloseButton as oe, stenaTimesThick as Ve, CircledIcon as Be } from "@stenajs-webui/elements";
+import { cssColor as De } from "@stenajs-webui/theme";
+import { ToastContainer as qe, toast as Xe } from "react-toastify";
+import './index.css';const Oo = (e) => {
   F.setAppElement(e);
-}, Xe = "_overlay_zoch3_1", Ye = "_modal_zoch3_33", Ue = "_content_zoch3_43", Je = "_isDraggable_zoch3_72", Ke = "_footer_zoch3_103", Qe = "_stickyFooter_zoch3_107", L = {
-  overlay: Xe,
-  modal: Ye,
-  content: Ue,
-  isDraggable: Je,
-  footer: Ke,
-  stickyFooter: Qe
-}, ke = "draggable-modal-handle", xe = "draggable-modal-cancel", Ze = ({
+}, Ye = "_overlay_zoch3_1", Ue = "_modal_zoch3_33", Je = "_content_zoch3_43", Ke = "_isDraggable_zoch3_72", Qe = "_footer_zoch3_103", Ze = "_stickyFooter_zoch3_107", L = {
+  overlay: Ye,
+  modal: Ue,
+  content: Je,
+  isDraggable: Ke,
+  footer: Qe,
+  stickyFooter: Ze
+}, $e = "draggable-modal-handle", ke = "draggable-modal-cancel", et = ({
   width: e,
   maxWidth: o,
   draggable: n = !1,
   children: s,
   ...r
 }) => {
-  const i = w(null);
+  const c = w(null);
   return /* @__PURE__ */ t(
     F,
     {
@@ -33,11 +33,11 @@ import './index.css';const Fo = (e) => {
       children: /* @__PURE__ */ t(
         Re,
         {
-          handle: `.${ke}`,
-          cancel: `.${xe}, button, [role="tooltip"]`,
+          handle: `.${$e}`,
+          cancel: `.${ke}, button, [role="tooltip"]`,
           bounds: ".ReactModal__Overlay",
           disabled: !n,
-          nodeRef: i,
+          nodeRef: c,
           children: /* @__PURE__ */ t(
             "div",
             {
@@ -45,10 +45,10 @@ import './index.css';const Fo = (e) => {
                 "--swui-modal-width": e,
                 "--swui-modal-max-width": o
               },
-              className: c(L.content, {
+              className: i(L.content, {
                 [L.isDraggable]: n
               }),
-              ref: i,
+              ref: c,
               children: s
             }
           )
@@ -56,24 +56,24 @@ import './index.css';const Fo = (e) => {
       )
     }
   );
-}, et = "_portal_194oy_1", tt = "_overlay_194oy_4", ot = "_content_194oy_9", nt = "_floating_194oy_18", st = "_slideFromLeft_194oy_32", rt = "_slideFromRight_194oy_33", at = "_afterOpen_194oy_39", lt = "_beforeClose_194oy_43", ct = "_slideFromTop_194oy_48", it = "_slideFromBottom_194oy_49", f = {
-  portal: et,
-  overlay: tt,
-  content: ot,
-  floating: nt,
-  slideFromLeft: st,
-  slideFromRight: rt,
-  afterOpen: at,
-  beforeClose: lt,
-  slideFromTop: ct,
-  slideFromBottom: it
-}, Oo = ({
+}, tt = "_portal_194oy_1", ot = "_overlay_194oy_4", nt = "_content_194oy_9", st = "_floating_194oy_18", rt = "_slideFromLeft_194oy_32", at = "_slideFromRight_194oy_33", lt = "_afterOpen_194oy_39", ct = "_beforeClose_194oy_43", it = "_slideFromTop_194oy_48", dt = "_slideFromBottom_194oy_49", f = {
+  portal: tt,
+  overlay: ot,
+  content: nt,
+  floating: st,
+  slideFromLeft: rt,
+  slideFromRight: at,
+  afterOpen: lt,
+  beforeClose: ct,
+  slideFromTop: it,
+  slideFromBottom: dt
+}, Io = ({
   background: e,
   zIndex: o,
   children: n,
   slideFrom: s = "left",
   portalTarget: r,
-  floating: i,
+  floating: c,
   ...m
 }) => {
   const { height: l, width: h } = m;
@@ -88,10 +88,10 @@ import './index.css';const Fo = (e) => {
         beforeClose: f.beforeClose
       },
       className: {
-        base: c(
+        base: i(
           f.content,
-          dt(s),
-          i && f.floating
+          mt(s),
+          c && f.floating
         ),
         afterOpen: f.afterOpen,
         beforeClose: f.beforeClose
@@ -103,7 +103,7 @@ import './index.css';const Fo = (e) => {
       children: n
     }
   );
-}, dt = (e) => {
+}, mt = (e) => {
   switch (e) {
     case "left":
       return f.slideFromLeft;
@@ -116,18 +116,21 @@ import './index.css';const Fo = (e) => {
     default:
       return Ee(e, f.slideFromLeft);
   }
-}, Io = ({
+}, zo = ({
   header: e,
   contentRight: o,
   onRequestClose: n,
-  icon: s
+  icon: s,
+  headingLevel: r = "h1",
+  ...c
 }) => /* @__PURE__ */ t(
   I,
   {
     position: "sticky",
     top: 0,
     zIndex: 100,
-    background: $e("--lhds-color-ui-50"),
+    background: De("--lhds-color-ui-50"),
+    ...We(c),
     children: /* @__PURE__ */ a(
       p,
       {
@@ -138,14 +141,14 @@ import './index.css';const Fo = (e) => {
           /* @__PURE__ */ a(p, { alignItems: "center", gap: 2, children: [
             /* @__PURE__ */ t(Q, { num: 1 }),
             s && /* @__PURE__ */ t(Ne, { icon: s, size: 24 }),
-            /* @__PURE__ */ t(te, { variant: "h4", children: e })
+            /* @__PURE__ */ t(te, { variant: "h4", as: r, children: e })
           ] }),
           /* @__PURE__ */ a(p, { gap: 1, children: [
             o,
             /* @__PURE__ */ t(
               we,
               {
-                leftIcon: je,
+                leftIcon: Pe,
                 onClick: n,
                 variant: "danger"
               }
@@ -156,11 +159,11 @@ import './index.css';const Fo = (e) => {
       }
     )
   }
-), mt = "_overlay_1xtk3_1", ut = "_modal_1xtk3_33", _t = "_content_1xtk3_40", Y = {
-  overlay: mt,
-  modal: ut,
-  content: _t
-}, ft = { overlay: { justifyContent: "center" } }, zo = ({
+), ut = "_overlay_1xtk3_1", _t = "_modal_1xtk3_33", ft = "_content_1xtk3_40", Y = {
+  overlay: ut,
+  modal: _t,
+  content: ft
+}, gt = { overlay: { justifyContent: "center" } }, Ao = ({
   children: e,
   ...o
 }) => /* @__PURE__ */ t(
@@ -168,7 +171,7 @@ import './index.css';const Fo = (e) => {
   {
     overlayClassName: Y.overlay,
     className: Y.modal,
-    style: ft,
+    style: gt,
     ...o,
     children: /* @__PURE__ */ t(
       "div",
@@ -179,28 +182,28 @@ import './index.css';const Fo = (e) => {
       }
     )
   }
-), gt = "_overlay_20o05_1", pt = "_afterOpen_20o05_29", ht = "_beforeClose_20o05_29", yt = "_modal_20o05_41", Ct = "_content_20o05_64", k = {
-  overlay: gt,
-  afterOpen: pt,
-  beforeClose: ht,
-  modal: yt,
-  content: Ct
-}, fe = /^((?!chrome|android).)*safari/i.test(navigator.userAgent), vt = ({
+), pt = "_overlay_20o05_1", ht = "_afterOpen_20o05_29", yt = "_beforeClose_20o05_29", Ct = "_modal_20o05_41", vt = "_content_20o05_64", $ = {
+  overlay: pt,
+  afterOpen: ht,
+  beforeClose: yt,
+  modal: Ct,
+  content: vt
+}, fe = /^((?!chrome|android).)*safari/i.test(navigator.userAgent), bt = ({
   children: e,
   background: o,
   className: n,
   overlayClassName: s,
   ...r
 }) => {
-  const i = w(null), [m, l] = E(fe ? "auto" : void 0), h = {
+  const c = w(null), [m, l] = E(fe ? "auto" : void 0), h = {
     overlay: { justifyContent: "center" },
     content: {
       "--swui-modal-content-bg-color": o
     }
-  }, u = We(() => {
+  }, u = He(() => {
     if (!fe)
       return;
-    const y = i.current;
+    const y = c.current;
     y && l(
       y.scrollHeight > y.clientHeight ? "stable" : "auto"
     );
@@ -211,14 +214,14 @@ import './index.css';const Fo = (e) => {
     F,
     {
       overlayClassName: {
-        base: c(s, k.overlay),
-        beforeClose: k.beforeClose,
-        afterOpen: k.afterOpen
+        base: i(s, $.overlay),
+        beforeClose: $.beforeClose,
+        afterOpen: $.afterOpen
       },
       className: {
-        base: c(n, k.modal),
-        beforeClose: k.beforeClose,
-        afterOpen: k.afterOpen
+        base: i(n, $.modal),
+        beforeClose: $.beforeClose,
+        afterOpen: $.afterOpen
       },
       style: h,
       closeTimeoutMS: 250,
@@ -227,21 +230,21 @@ import './index.css';const Fo = (e) => {
       children: /* @__PURE__ */ t(
         "div",
         {
-          className: k.content,
+          className: $.content,
           style: {
             "--swui-modal-width": "fit-content",
             scrollbarGutter: m
           },
-          ref: i,
+          ref: c,
           children: e
         }
       )
     }
   );
-}, bt = "_modal_4fwgb_1", Nt = "_overlay_4fwgb_13", ge = {
-  modal: bt,
-  overlay: Nt
-}, Ao = ({
+}, Nt = "_modal_4fwgb_1", wt = "_overlay_4fwgb_13", ge = {
+  modal: Nt,
+  overlay: wt
+}, To = ({
   headerIconLeft: e,
   headerText: o,
   shouldCloseOnOverlayClick: n = !1,
@@ -267,7 +270,7 @@ import './index.css';const Fo = (e) => {
           borderRadius: "50%",
           background: "white",
           shadow: "modal",
-          children: /* @__PURE__ */ t(Pe, { size: "small" })
+          children: /* @__PURE__ */ t(Ge, { size: "small" })
         }
       ),
       (e || o) && /* @__PURE__ */ a(K, { children: [
@@ -275,14 +278,14 @@ import './index.css';const Fo = (e) => {
         /* @__PURE__ */ a(p, { indent: 2, children: [
           e && /* @__PURE__ */ a(K, { children: [
             /* @__PURE__ */ t(Ne, { size: 14, icon: e, color: "white" }),
-            /* @__PURE__ */ t(He, {})
+            /* @__PURE__ */ t(Se, {})
           ] }),
           o && /* @__PURE__ */ t(te, { variant: "h4", color: "white", children: o })
         ] })
       ] })
     ] })
   }
-), wt = ({
+), Bt = ({
   onRequestClose: e,
   header: o,
   headerText: n,
@@ -293,10 +296,10 @@ import './index.css';const Fo = (e) => {
     spacing: 2,
     indent: 2,
     borderBottom: "1px solid var(--lhds-color-ui-300)",
-    className: ke,
+    className: $e,
     children: [
       /* @__PURE__ */ a(p, { flex: 1, indent: !0, alignItems: "center", children: [
-        n && /* @__PURE__ */ t(Se, { className: xe, size: "large", children: n }),
+        n && /* @__PURE__ */ t(je, { className: ke, size: "large", children: n }),
         o
       ] }),
       /* @__PURE__ */ t(B, { alignSelf: "flex-start", children: /* @__PURE__ */ t(
@@ -308,27 +311,27 @@ import './index.css';const Fo = (e) => {
       ) })
     ]
   }
-), To = ({
+), Mo = ({
   header: e,
   headerText: o,
   children: n,
   spacing: s,
   indent: r,
-  draggable: i = !1,
+  draggable: c = !1,
   onRequestClose: m,
   closeButtonClassName: l,
   footer: h,
   disableStickyFooter: u = !1,
   ...y
 }) => /* @__PURE__ */ a(
-  Ze,
+  et,
   {
     ...y,
     onRequestClose: m,
-    draggable: i,
+    draggable: c,
     children: [
       /* @__PURE__ */ t(
-        wt,
+        Bt,
         {
           onRequestClose: m,
           header: e,
@@ -340,7 +343,7 @@ import './index.css';const Fo = (e) => {
       h && /* @__PURE__ */ t(
         B,
         {
-          className: c(L.footer, {
+          className: i(L.footer, {
             [L.stickyFooter]: !u
           }),
           children: h
@@ -348,7 +351,7 @@ import './index.css';const Fo = (e) => {
       )
     ]
   }
-), Mo = ({ children: e }) => /* @__PURE__ */ t(C, { indent: 2, spacing: 2, children: e }), ee = Ae(
+), Ro = ({ children: e }) => /* @__PURE__ */ t(C, { indent: 2, spacing: 2, children: e }), ee = Ae(
   void 0
 );
 function ne(e, {
@@ -356,76 +359,76 @@ function ne(e, {
   modal: n,
   contentWrapperClassName: s,
   closingClassName: r,
-  contentWrapperStyle: i,
+  contentWrapperStyle: c,
   dialogStyle: m,
   divInsteadOfDialog: l,
   disableCloseOnClickOutside: h,
   blockScroll: u = !0,
   elementId: y,
   onResolve: v,
-  onReject: x,
+  onReject: k,
   className: se,
   background: W,
   label: H,
   labelledby: S,
   describedby: j
 }) {
-  const Fe = w(null), _ = o ?? Fe, [P, Oe] = Te((d) => d + 1, 0), re = w(null), G = w(null), b = w(void 0), z = w(!1), A = w(null), [ae, T] = E(!1), [V, D] = E(!1), [le, N] = E(!1), q = e, Ie = O(
+  const Fe = w(null), _ = o ?? Fe, [P, Oe] = Te((d) => d + 1, 0), re = w(null), G = w(null), b = w(void 0), z = w(!1), A = w(null), [ae, T] = E(!1), [V, x] = E(!1), [le, N] = E(!1), q = e, Ie = O(
     (d) => (re.current = new Promise(
       (g, me) => {
         G.current = g, A.current = me;
       }
-    ), N(!1), T(!0), D(!0), Oe(), z.current = !1, b.current = d, n ? _.current?.showModal() : _.current?.show(), re.current),
+    ), N(!1), T(!0), x(!0), Oe(), z.current = !1, b.current = d, n ? _.current?.showModal() : _.current?.show(), re.current),
     [_, n]
   ), ce = O(
     (d) => {
       z.current = !0, N(!0), T(!1), l ? setTimeout(() => {
-        N(!1), D(!1), G.current?.(d), b.current = void 0, v?.();
+        N(!1), x(!1), G.current?.(d), b.current = void 0, v?.();
       }, 300) : _.current?.addEventListener(
         "animationend",
         (g) => {
-          g.stopPropagation(), N(!1), D(!1), _.current?.close(), G.current?.(d), b.current = void 0, v?.();
+          g.stopPropagation(), N(!1), x(!1), _.current?.close(), G.current?.(d), b.current = void 0, v?.();
         },
         { once: !0 }
       );
     },
     [_, v, l]
-  ), $ = O(
+  ), D = O(
     (d) => {
       z.current = !0, N(!0), T(!1), l ? setTimeout(() => {
-        N(!1), D(!1), A.current?.(d), x?.(), b.current = void 0;
+        N(!1), x(!1), A.current?.(d), k?.(), b.current = void 0;
       }, 300) : _.current?.addEventListener(
         "animationend",
         (g) => {
-          g.stopPropagation(), N(!1), D(!1), _.current?.close(), A.current?.(d), x?.(), b.current = void 0;
+          g.stopPropagation(), N(!1), x(!1), _.current?.close(), A.current?.(d), k?.(), b.current = void 0;
         },
         { once: !0 }
       );
     },
-    [_, l, x]
+    [_, l, k]
   ), ie = O(
     (d) => {
-      d.stopPropagation(), z.current || (N(!1), T(!1), D(!1), A.current?.(), x?.(), b.current = void 0);
+      d.stopPropagation(), z.current || (N(!1), T(!1), x(!1), A.current?.(), k?.(), b.current = void 0);
     },
-    [x]
+    [k]
   ), de = O(
     (d) => {
       if (d.target !== _.current)
         return;
       const g = _.current.getBoundingClientRect();
-      g.top <= d.clientY && d.clientY <= g.top + g.height && g.left <= d.clientX && d.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 || D();
     },
-    [_, $]
+    [_, D]
   ), X = ue(
-    () => ({ resolve: ce, reject: $ }),
-    [$, ce]
+    () => ({ resolve: ce, reject: D }),
+    [D, ce]
   );
   return [ue(
     () => l ? /* @__PURE__ */ t(
-      vt,
+      bt,
       {
         isOpen: ae,
-        onRequestClose: $,
+        onRequestClose: D,
         background: W,
         contentLabel: H,
         id: y,
@@ -439,7 +442,7 @@ function ne(e, {
         onClose: ie,
         ref: _,
         id: y,
-        className: c(
+        className: i(
           u && "swui-block-scroll",
           se,
           le && r
@@ -448,13 +451,13 @@ function ne(e, {
         "aria-labelledby": S,
         "aria-describedby": j,
         style: { background: W, ...m },
-        children: /* @__PURE__ */ t("div", { style: i, className: s, children: V && /* @__PURE__ */ t(ee.Provider, { value: X, children: /* @__PURE__ */ _e(q, { ...b.current, key: P }) }) })
+        children: /* @__PURE__ */ t("div", { style: c, className: s, children: V && /* @__PURE__ */ t(ee.Provider, { value: X, children: /* @__PURE__ */ _e(q, { ...b.current, key: P }) }) })
       }
     ),
     [
       l,
       ae,
-      $,
+      D,
       W,
       H,
       y,
@@ -473,50 +476,50 @@ function ne(e, {
       le,
       r,
       m,
-      i,
+      c,
       s
     ]
-  ), { show: Ie, reject: $ }];
+  ), { show: Ie, reject: D }];
 }
-const Ro = () => {
+const Eo = () => {
   const e = Me(ee);
   if (e == null)
     throw new Error("useDialogPromise is being used outside of dialog.");
   return e;
-}, Bt = "_alertDialog_14t8t_1", $t = "_closing_14t8t_22", U = {
-  alertDialog: Bt,
+}, Dt = "_alertDialog_14t8t_1", $t = "_closing_14t8t_22", U = {
+  alertDialog: Dt,
   closing: $t
 };
-function Eo(e, o) {
+function Wo(e, o) {
   return ne(e, {
     ...o,
     modal: !0,
-    closingClassName: c(o?.closingClassName, U.closing),
-    contentWrapperClassName: c(
+    closingClassName: i(o?.closingClassName, U.closing),
+    contentWrapperClassName: i(
       o?.contentWrapperClassName,
       U.contentWrapper
     ),
-    className: c(o?.className, U.alertDialog)
+    className: i(o?.className, U.alertDialog)
   });
 }
-const kt = "_drawerDialog_11g6r_1", xt = "_left_11g6r_13", Dt = "_right_11g6r_14", Lt = "_contentWrapper_11g6r_19", Ft = "_slideInLeft_11g6r_1", Ot = "_closing_11g6r_36", It = "_slideOutLeft_11g6r_1", zt = "_slideInRight_11g6r_1", At = "_slideOutRight_11g6r_1", Tt = "_top_11g6r_54", Mt = "_bottom_11g6r_55", Rt = "_slideInTop_11g6r_1", Et = "_slideOutTop_11g6r_1", Wt = "_slideInBottom_11g6r_1", Ht = "_slideOutBottom_11g6r_1", M = {
+const kt = "_drawerDialog_11g6r_1", xt = "_left_11g6r_13", Lt = "_right_11g6r_14", Ft = "_contentWrapper_11g6r_19", Ot = "_slideInLeft_11g6r_1", It = "_closing_11g6r_36", zt = "_slideOutLeft_11g6r_1", At = "_slideInRight_11g6r_1", Tt = "_slideOutRight_11g6r_1", Mt = "_top_11g6r_54", Rt = "_bottom_11g6r_55", Et = "_slideInTop_11g6r_1", Wt = "_slideOutTop_11g6r_1", Ht = "_slideInBottom_11g6r_1", St = "_slideOutBottom_11g6r_1", M = {
   drawerDialog: kt,
   left: xt,
-  right: Dt,
-  contentWrapper: Lt,
-  slideInLeft: Ft,
-  closing: Ot,
-  slideOutLeft: It,
-  slideInRight: zt,
-  slideOutRight: At,
-  top: Tt,
-  bottom: Mt,
-  slideInTop: Rt,
-  slideOutTop: Et,
-  slideInBottom: Wt,
-  slideOutBottom: Ht
+  right: Lt,
+  contentWrapper: Ft,
+  slideInLeft: Ot,
+  closing: It,
+  slideOutLeft: zt,
+  slideInRight: At,
+  slideOutRight: Tt,
+  top: Mt,
+  bottom: Rt,
+  slideInTop: Et,
+  slideOutTop: Wt,
+  slideInBottom: Ht,
+  slideOutBottom: St
 };
-function Wo(e, o = "left", n) {
+function Ho(e, o = "left", n) {
   return ne(e, {
     ...n,
     disableCloseOnClickOutside: !0,
@@ -524,45 +527,45 @@ function Wo(e, o = "left", n) {
     // Drawers never block page scroll. The drawer's own scroll is kept from
     // chaining to the page by overscroll-behavior on its content.
     blockScroll: !1,
-    closingClassName: c(n?.closingClassName, M.closing),
-    contentWrapperClassName: c(
+    closingClassName: i(n?.closingClassName, M.closing),
+    contentWrapperClassName: i(
       n?.contentWrapperClassName,
       M.contentWrapper
     ),
-    className: c(n?.className, M.drawerDialog, M[o])
+    className: i(n?.className, M.drawerDialog, M[o])
   });
 }
-const St = "_modalDialog_iw29e_1", jt = "_closing_iw29e_37", Pt = "_contentWrapper_iw29e_101", J = {
-  modalDialog: St,
-  closing: jt,
-  contentWrapper: Pt
+const jt = "_modalDialog_iw29e_1", Pt = "_closing_iw29e_37", Gt = "_contentWrapper_iw29e_101", J = {
+  modalDialog: jt,
+  closing: Pt,
+  contentWrapper: Gt
 };
-function Ho(e, o) {
+function So(e, o) {
   return ne(e, {
     ...o,
     modal: !0,
-    closingClassName: c(o?.closingClassName, J.closing),
-    contentWrapperClassName: c(
+    closingClassName: i(o?.closingClassName, J.closing),
+    contentWrapperClassName: i(
       o?.contentWrapperClassName,
       J.contentWrapper
     ),
-    className: c(o?.className, J.modalDialog)
+    className: i(o?.className, J.modalDialog)
   });
 }
-const De = ({
+const xe = ({
   headingLevel: e = "h2",
   size: o = "medium",
   children: n
-}) => /* @__PURE__ */ t(te, { variant: o === "medium" ? "h3" : "h1", as: e, children: n }), Gt = "_modalActionButtons_zeqa6_1", Vt = {
-  modalActionButtons: Gt
-}, qt = ({
+}) => /* @__PURE__ */ t(te, { variant: o === "medium" ? "h3" : "h1", as: e, children: n }), Vt = "_modalActionButtons_zeqa6_1", qt = {
+  modalActionButtons: Vt
+}, Xt = ({
   children: e
 }) => /* @__PURE__ */ a(B, { width: "100%", children: [
   /* @__PURE__ */ t(I, {}),
-  /* @__PURE__ */ t("div", { className: Vt.modalActionButtons, children: e })
-] }), Xt = "_modalBody_ozynq_1", pe = {
-  modalBody: Xt
-}, Yt = ({
+  /* @__PURE__ */ t("div", { className: qt.modalActionButtons, children: e })
+] }), Yt = "_modalBody_ozynq_1", pe = {
+  modalBody: Yt
+}, Ut = ({
   gap: e = 3,
   variant: o = "normal",
   className: n,
@@ -570,13 +573,13 @@ const De = ({
 }) => /* @__PURE__ */ t(
   C,
   {
-    className: c(pe.modalBody, pe[o], n),
+    className: i(pe.modalBody, pe[o], n),
     indent: o === "relaxed" ? 5 : 3,
     spacing: o === "relaxed" ? 5 : 3,
     gap: e,
     ...s
   }
-), Ut = ({
+), Jt = ({
   children: e,
   maxWidth: o
 }) => /* @__PURE__ */ t(
@@ -588,42 +591,42 @@ const De = ({
     maxWidth: o,
     children: e
   }
-), Jt = (e) => /* @__PURE__ */ t(
+), Kt = (e) => /* @__PURE__ */ t(
   we,
   {
     size: "large",
     variant: "danger",
-    leftIcon: Ge,
+    leftIcon: Ve,
     ...e
   }
-), Kt = ({
+), Qt = ({
   heading: e,
   headingLevel: o,
   headingSize: n,
   onClickClose: s,
   closeButtonAriaLabel: r
 }) => /* @__PURE__ */ t(C, { 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", {}),
+  e ? /* @__PURE__ */ t(xe, { headingLevel: o, size: n, children: e }) : /* @__PURE__ */ t("div", {}),
   s ? /* @__PURE__ */ t(
-    Jt,
+    Kt,
     {
       onClick: s,
       size: n,
       "aria-label": r
     }
   ) : null
-] }) }), So = ({
+] }) }), jo = ({
   icon: e,
   buttons: o,
   heading: n,
   text: s,
   children: r,
-  maxWidth: i,
+  maxWidth: c,
   minWidth: m,
   ...l
-}) => /* @__PURE__ */ t(Ut, { children: /* @__PURE__ */ a(Yt, { gap: 0, children: [
+}) => /* @__PURE__ */ t(Jt, { children: /* @__PURE__ */ a(Ut, { gap: 0, children: [
   l.onClickClose && /* @__PURE__ */ t(
-    Kt,
+    Qt,
     {
       onClickClose: l.onClickClose,
       closeButtonAriaLabel: l.closeButtonAriaLabel
@@ -635,7 +638,7 @@ const De = ({
       gap: 2,
       flexDirection: "column",
       alignItems: "center",
-      maxWidth: i,
+      maxWidth: c,
       minWidth: m,
       children: [
         e && /* @__PURE__ */ a(K, { children: [
@@ -643,17 +646,17 @@ const De = ({
           /* @__PURE__ */ t(Be, { icon: e, size: "large" }),
           /* @__PURE__ */ t(I, {})
         ] }),
-        /* @__PURE__ */ t(De, { children: n }),
+        /* @__PURE__ */ t(xe, { children: n }),
         s && /* @__PURE__ */ t(Z, { textAlign: "center", children: s }),
         r,
-        o && /* @__PURE__ */ t(qt, { children: o })
+        o && /* @__PURE__ */ t(Xt, { children: o })
       ]
     }
   )
-] }) }), Qt = "_modalFooter_1ypno_1", Zt = "_sticky_1ypno_10", he = {
-  modalFooter: Qt,
-  sticky: Zt
-}, jo = ({
+] }) }), Zt = "_modalFooter_1ypno_1", eo = "_sticky_1ypno_10", he = {
+  modalFooter: Zt,
+  sticky: eo
+}, Po = ({
   sticky: e,
   zIndex: o = 4,
   gap: n = 2,
@@ -662,28 +665,28 @@ const De = ({
 }) => /* @__PURE__ */ t(
   p,
   {
-    className: c(he.modalFooter, e && he.sticky, s),
+    className: i(he.modalFooter, e && he.sticky, s),
     shadow: "var(--swui-sticky-footer-shadow)",
     zIndex: o,
     gap: n,
     ...r
   }
-), eo = "_unreadDot_l8bni_1", to = "_dot_l8bni_4", ye = {
-  unreadDot: eo,
-  dot: to
-}, oo = ({ children: e }) => /* @__PURE__ */ a("div", { className: ye.unreadDot, children: [
+), to = "_unreadDot_l8bni_1", oo = "_dot_l8bni_4", ye = {
+  unreadDot: to,
+  dot: oo
+}, no = ({ children: e }) => /* @__PURE__ */ a("div", { className: ye.unreadDot, children: [
   e,
   /* @__PURE__ */ t("div", { className: ye.dot })
-] }), no = "_notificationHeader_1rl25_1", so = "_timestamp_1rl25_2", Ce = {
-  notificationHeader: no,
-  timestamp: so
+] }), so = "_notificationHeader_1rl25_1", ro = "_timestamp_1rl25_2", Ce = {
+  notificationHeader: so,
+  timestamp: ro
 }, Le = ({
   text: e,
   timestamp: o,
   icon: n,
   iconAriaLabel: s,
   contentLeft: r,
-  contentRight: i,
+  contentRight: c,
   onClickClose: m,
   unread: l = !1,
   variant: h,
@@ -697,7 +700,7 @@ const De = ({
       icon: n,
       "aria-label": s,
       variant: "whiteBg",
-      backgroundColor: u || ro(l, h)
+      backgroundColor: u || ao(l, h)
     }
   ) : void 0;
   return /* @__PURE__ */ a(
@@ -711,7 +714,7 @@ const De = ({
       children: [
         /* @__PURE__ */ a(p, { gap: 2, alignItems: "flex-start", children: [
           r && /* @__PURE__ */ t(C, { justifyContent: "center", children: r }),
-          !r && v && /* @__PURE__ */ t(p, { alignItems: "center", height: "40px", children: l ? /* @__PURE__ */ t(oo, { children: v }) : v }),
+          !r && v && /* @__PURE__ */ t(p, { alignItems: "center", height: "40px", children: l ? /* @__PURE__ */ t(no, { children: v }) : v }),
           /* @__PURE__ */ a(B, { minHeight: 20, justifyContent: "center", flex: 1, gap: 0.5, children: [
             n || m || y ? /* @__PURE__ */ t(Q, { num: 0.5 }) : null,
             /* @__PURE__ */ t(Z, { variant: "bold", children: e }),
@@ -719,7 +722,7 @@ const De = ({
               Z,
               {
                 size: "small",
-                color: $e(
+                color: De(
                   l ? "--lhds-color-blue-600" : "--lhds-color-ui-600"
                 ),
                 children: o
@@ -727,21 +730,21 @@ const De = ({
             ) })
           ] })
         ] }),
-        i && /* @__PURE__ */ t(C, { justifyContent: "center", children: i }),
+        c && /* @__PURE__ */ t(C, { justifyContent: "center", children: c }),
         m && /* @__PURE__ */ t(p, { alignItems: "center", height: "40px", width: "40px", children: /* @__PURE__ */ t(oe, { onClick: m }) })
       ]
     }
   );
-}, ro = (e, o) => {
+}, ao = (e, o) => {
   if (!(!e && o === "standard"))
     return "--lhds-color-ui-50";
-}, ao = "_notification_tpz0j_1", lo = "_body_tpz0j_10", co = "_standard_tpz0j_15", io = "_unread_tpz0j_16", mo = "_danger_tpz0j_21", R = {
-  notification: ao,
-  body: lo,
-  standard: co,
-  unread: io,
-  danger: mo
-}, Po = ({
+}, lo = "_notification_tpz0j_1", co = "_body_tpz0j_10", io = "_standard_tpz0j_15", mo = "_unread_tpz0j_16", uo = "_danger_tpz0j_21", R = {
+  notification: lo,
+  body: co,
+  standard: io,
+  unread: mo,
+  danger: uo
+}, Go = ({
   variant: e = "standard",
   children: o,
   unread: n,
@@ -750,7 +753,7 @@ const De = ({
   "div",
   {
     "data-comp": "Notification",
-    className: c(
+    className: i(
       R.notification,
       R[e],
       n && R.unread
@@ -760,17 +763,17 @@ const De = ({
       o && /* @__PURE__ */ t(C, { className: R.body, children: o })
     ]
   }
-), uo = "_notificationList_1rkvu_1", _o = {
-  notificationList: uo
-}, Go = ({
+), _o = "_notificationList_1rkvu_1", fo = {
+  notificationList: _o
+}, Vo = ({
   children: e
-}) => /* @__PURE__ */ a("div", { "data-comp": "NotificationList", className: _o.notificationList, children: [
+}) => /* @__PURE__ */ a("div", { "data-comp": "NotificationList", className: fo.notificationList, children: [
   e,
   /* @__PURE__ */ t("div", {})
-] }), fo = "_toast_1ifzt_1", go = "_body_1ifzt_2", ve = {
-  toast: fo,
-  body: go
-}, Vo = ({
+] }), go = "_toast_1ifzt_1", po = "_body_1ifzt_2", ve = {
+  toast: go,
+  body: po
+}, qo = ({
   children: e,
   width: o = 364,
   maxWidth: n,
@@ -787,14 +790,14 @@ const De = ({
       e && /* @__PURE__ */ t("div", { className: ve.body, children: e })
     ]
   }
-), po = "_toastBox_1lvsy_1", ho = "_clickable_1lvsy_8", be = {
-  toastBox: po,
-  clickable: ho
-}, qo = ({ className: e, ...o }) => /* @__PURE__ */ t(
+), ho = "_toastBox_1lvsy_1", yo = "_clickable_1lvsy_8", be = {
+  toastBox: ho,
+  clickable: yo
+}, Xo = ({ className: e, ...o }) => /* @__PURE__ */ t(
   B,
   {
     as: o.onClick ? "button" : void 0,
-    className: c(
+    className: i(
       e,
       be.toastBox,
       o.onClick && be.clickable
@@ -803,12 +806,12 @@ const De = ({
     role: "alert",
     ...o
   }
-), yo = "_toastContainer_1rek2_1", Co = {
-  toastContainer: yo
-}, Xo = ({ ...e }) => /* @__PURE__ */ t(
-  Ve,
+), Co = "_toastContainer_1rek2_1", vo = {
+  toastContainer: Co
+}, Yo = ({ ...e }) => /* @__PURE__ */ t(
+  qe,
   {
-    className: Co.toastContainer,
+    className: vo.toastContainer,
     closeButton: ({ closeToast: o }) => /* @__PURE__ */ t(oe, { onClick: o }),
     hideProgressBar: !0,
     pauseOnFocusLoss: !1,
@@ -816,42 +819,42 @@ const De = ({
     draggable: !1,
     ...e
   }
-), Yo = (e, o) => qe(e, o);
+), Uo = (e, o) => Xe(e, o);
 export {
-  zo as Alert,
-  Ze as BaseWindow,
-  xe as DRAGGABLE_CANCEL_CLASSNAME,
-  ke as DRAGGABLE_HANDLE_CLASSNAME,
+  Ao as Alert,
+  et as BaseWindow,
+  ke as DRAGGABLE_CANCEL_CLASSNAME,
+  $e as DRAGGABLE_HANDLE_CLASSNAME,
   ee as DialogContext,
-  Oo as Drawer,
-  Io as DrawerHeader,
-  So as InfoAlert,
-  Ao as LoadingModal,
-  vt as Modal,
-  qt as ModalActionButtons,
-  Yt as ModalBody,
-  Jt as ModalCloseButton,
-  Ut as ModalContainer,
-  jo as ModalFooter,
-  Kt as ModalHeader,
-  De as ModalHeading,
-  Po as Notification,
+  Io as Drawer,
+  zo as DrawerHeader,
+  jo as InfoAlert,
+  To as LoadingModal,
+  bt as Modal,
+  Xt as ModalActionButtons,
+  Ut as ModalBody,
+  Kt as ModalCloseButton,
+  Jt as ModalContainer,
+  Po as ModalFooter,
+  Qt as ModalHeader,
+  xe as ModalHeading,
+  Go as Notification,
   Le as NotificationHeader,
-  Go as NotificationList,
-  Vo as Toast,
-  qo as ToastBox,
-  Xo as ToastContainer,
-  oo as UnreadDot,
-  To as Window,
-  Mo as WindowFooter,
-  wt as WindowHeader,
-  ro as getIconBgColorFromVariant,
-  Fo as setupDeclarativeModals,
-  Yo as showToast,
-  Eo as useAlertDialog,
+  Vo as NotificationList,
+  qo as Toast,
+  Xo as ToastBox,
+  Yo as ToastContainer,
+  no as UnreadDot,
+  Mo as Window,
+  Ro as WindowFooter,
+  Bt as WindowHeader,
+  ao as getIconBgColorFromVariant,
+  Oo as setupDeclarativeModals,
+  Uo as showToast,
+  Wo as useAlertDialog,
   ne as useDialog,
-  Ro as useDialogPromise,
-  Wo as useDrawerDialog,
-  Ho as useModalDialog
+  Eo as useDialogPromise,
+  Ho as useDrawerDialog,
+  So as useModalDialog
 };
 //# sourceMappingURL=index.es.js.map