@pismo/marola 1.0.0-beta.8 → 1.0.0

package/dist/components/Dialog/Dialog.js

@@ -1,85 +1,86 @@
 import { jsxs as $, jsx as S } from "react/jsx-runtime";
-import { default as Ye } from "./Actions.js";
-import oe from "./Backdrop.js";
-import re from "./CloseIconButton.js";
-import { default as Ge } from "./Content.js";
-import { s as q } from "../../Dialog.module-DFEmFdYT.js";
-import se from "./DialogTitle.js";
-import { u as Z, P as i, f as ie, b as C, g as ae, a as le, _ as ce, c as z, d as de, e as ue } from "../../useSlotProps-kRhf7Gil.js";
+import { c as se } from "../../clsx-DB4S2d7J.js";
+import ie from "./Actions.js";
+import ae from "./Backdrop.js";
+import le from "./CloseIconButton.js";
+import ce from "./Content.js";
+import { s as z } from "../../Dialog.module-W7UCXlf3.js";
+import ee from "./DialogTitle.js";
+import { u as te, P as i, f as de, b as C, g as ue, a as fe, _ as pe, c as G, d as be, e as he } from "../../useSlotProps-C_I1kEHr.js";
 import * as f from "react";
-import { o as w, e as ee } from "../../ownerDocument-B61GUaFs.js";
-import { u as G } from "../../useEventCallback-BAQJJ3ye.js";
-import { P as fe, H as pe } from "../../Portal-B_Es6eUL.js";
-import { e as be } from "../../index-D3Wj0eid.js";
-function X(...e) {
+import { o as A, e as ne } from "../../ownerDocument-YGhwAnr1.js";
+import { u as X } from "../../useEventCallback-BAQJJ3ye.js";
+import { P as me, H as ge } from "../../Portal-oY3enyAm.js";
+import { e as Ee } from "../../index-bQFToy-I.js";
+function J(...e) {
   return e.reduce((t, o) => o == null ? t : function(...s) {
     t.apply(this, s), o.apply(this, s);
   }, () => {
   });
 }
 function Y(e) {
-  return w(e).defaultView || window;
+  return A(e).defaultView || window;
 }
-function he(e) {
+function Te(e) {
   const t = e.documentElement.clientWidth;
   return Math.abs(window.innerWidth - t);
 }
-const me = ["input", "select", "textarea", "a[href]", "button", "[tabindex]", "audio[controls]", "video[controls]", '[contenteditable]:not([contenteditable="false"])'].join(",");
-function ge(e) {
+const ye = ["input", "select", "textarea", "a[href]", "button", "[tabindex]", "audio[controls]", "video[controls]", '[contenteditable]:not([contenteditable="false"])'].join(",");
+function xe(e) {
   const t = parseInt(e.getAttribute("tabindex") || "", 10);
   return Number.isNaN(t) ? e.contentEditable === "true" || (e.nodeName === "AUDIO" || e.nodeName === "VIDEO" || e.nodeName === "DETAILS") && e.getAttribute("tabindex") === null ? 0 : e.tabIndex : t;
 }
-function Ee(e) {
+function Re(e) {
   if (e.tagName !== "INPUT" || e.type !== "radio" || !e.name)
     return !1;
   const t = (n) => e.ownerDocument.querySelector(`input[type="radio"]${n}`);
   let o = t(`[name="${e.name}"]:checked`);
   return o || (o = t(`[name="${e.name}"]`)), o !== e;
 }
-function Te(e) {
-  return !(e.disabled || e.tagName === "INPUT" && e.type === "hidden" || Ee(e));
+function ve(e) {
+  return !(e.disabled || e.tagName === "INPUT" && e.type === "hidden" || Re(e));
 }
-function ye(e) {
+function ke(e) {
   const t = [], o = [];
-  return Array.from(e.querySelectorAll(me)).forEach((n, s) => {
-    const r = ge(n);
-    r === -1 || !Te(n) || (r === 0 ? t.push(n) : o.push({
+  return Array.from(e.querySelectorAll(ye)).forEach((n, s) => {
+    const r = xe(n);
+    r === -1 || !ve(n) || (r === 0 ? t.push(n) : o.push({
       documentOrder: s,
       tabIndex: r,
       node: n
     }));
   }), o.sort((n, s) => n.tabIndex === s.tabIndex ? n.documentOrder - s.documentOrder : n.tabIndex - s.tabIndex).map((n) => n.node).concat(t);
 }
-function xe() {
+function Pe() {
   return !0;
 }
-function W(e) {
+function j(e) {
   const {
     children: t,
     disableAutoFocus: o = !1,
     disableEnforceFocus: n = !1,
     disableRestoreFocus: s = !1,
-    getTabbable: r = ye,
-    isEnabled: a = xe,
-    open: d
-  } = e, p = f.useRef(!1), x = f.useRef(null), h = f.useRef(null), m = f.useRef(null), R = f.useRef(null), g = f.useRef(!1), c = f.useRef(null), O = Z(t.ref, c), I = f.useRef(null);
+    getTabbable: r = ke,
+    isEnabled: a = Pe,
+    open: c
+  } = e, p = f.useRef(!1), x = f.useRef(null), h = f.useRef(null), m = f.useRef(null), R = f.useRef(null), g = f.useRef(!1), d = f.useRef(null), w = te(t.ref, d), I = f.useRef(null);
   f.useEffect(() => {
-    !d || !c.current || (g.current = !o);
-  }, [o, d]), f.useEffect(() => {
-    if (!d || !c.current)
+    !c || !d.current || (g.current = !o);
+  }, [o, c]), f.useEffect(() => {
+    if (!c || !d.current)
       return;
-    const l = w(c.current);
-    return c.current.contains(l.activeElement) || (c.current.hasAttribute("tabIndex") || (process.env.NODE_ENV !== "production" && console.error(["MUI: The modal content node does not accept focus.", 'For the benefit of assistive technologies, the tabIndex of the node is being set to "-1".'].join(`
-`)), c.current.setAttribute("tabIndex", "-1")), g.current && c.current.focus()), () => {
+    const l = A(d.current);
+    return d.current.contains(l.activeElement) || (d.current.hasAttribute("tabIndex") || (process.env.NODE_ENV !== "production" && console.error(["MUI: The modal content node does not accept focus.", 'For the benefit of assistive technologies, the tabIndex of the node is being set to "-1".'].join(`
+`)), d.current.setAttribute("tabIndex", "-1")), g.current && d.current.focus()), () => {
       s || (m.current && m.current.focus && (p.current = !0, m.current.focus()), m.current = null);
     };
-  }, [d]), f.useEffect(() => {
-    if (!d || !c.current)
+  }, [c]), f.useEffect(() => {
+    if (!c || !d.current)
       return;
-    const l = w(c.current), v = (E) => {
-      I.current = E, !(n || !a() || E.key !== "Tab") && l.activeElement === c.current && E.shiftKey && (p.current = !0, h.current && h.current.focus());
+    const l = A(d.current), v = (E) => {
+      I.current = E, !(n || !a() || E.key !== "Tab") && l.activeElement === d.current && E.shiftKey && (p.current = !0, h.current && h.current.focus());
     }, k = () => {
-      const E = c.current;
+      const E = d.current;
       if (E === null)
         return;
       if (!l.hasFocus() || !a() || p.current) {
@@ -95,22 +96,22 @@ function W(e) {
       if (!g.current)
         return;
       let T = [];
-      if ((l.activeElement === x.current || l.activeElement === h.current) && (T = r(c.current)), T.length > 0) {
+      if ((l.activeElement === x.current || l.activeElement === h.current) && (T = r(d.current)), T.length > 0) {
         var L, y;
-        const M = !!((L = I.current) != null && L.shiftKey && ((y = I.current) == null ? void 0 : y.key) === "Tab"), F = T[0], H = T[T.length - 1];
-        typeof F != "string" && typeof H != "string" && (M ? H.focus() : F.focus());
+        const D = !!((L = I.current) != null && L.shiftKey && ((y = I.current) == null ? void 0 : y.key) === "Tab"), F = T[0], B = T[T.length - 1];
+        typeof F != "string" && typeof B != "string" && (D ? B.focus() : F.focus());
       } else
         E.focus();
     };
     l.addEventListener("focusin", k), l.addEventListener("keydown", v, !0);
-    const D = setInterval(() => {
+    const M = setInterval(() => {
       l.activeElement && l.activeElement.tagName === "BODY" && k();
     }, 50);
     return () => {
-      clearInterval(D), l.removeEventListener("focusin", k), l.removeEventListener("keydown", v, !0);
+      clearInterval(M), l.removeEventListener("focusin", k), l.removeEventListener("keydown", v, !0);
     };
-  }, [o, n, s, a, d, r]);
-  const A = (l) => {
+  }, [o, n, s, a, c, r]);
+  const O = (l) => {
     m.current === null && (m.current = l.relatedTarget), g.current = !0, R.current = l.target;
     const v = t.props.onFocus;
     v && v(l);
@@ -119,22 +120,22 @@ function W(e) {
   };
   return /* @__PURE__ */ $(f.Fragment, {
     children: [/* @__PURE__ */ S("div", {
-      tabIndex: d ? 0 : -1,
+      tabIndex: c ? 0 : -1,
       onFocus: N,
       ref: x,
       "data-testid": "sentinelStart"
     }), /* @__PURE__ */ f.cloneElement(t, {
-      ref: O,
-      onFocus: A
+      ref: w,
+      onFocus: O
     }), /* @__PURE__ */ S("div", {
-      tabIndex: d ? 0 : -1,
+      tabIndex: c ? 0 : -1,
       onFocus: N,
       ref: h,
       "data-testid": "sentinelEnd"
     })]
   });
 }
-process.env.NODE_ENV !== "production" && (W.propTypes = {
+process.env.NODE_ENV !== "production" && (j.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
@@ -142,7 +143,7 @@ process.env.NODE_ENV !== "production" && (W.propTypes = {
   /**
    * A single child content element.
    */
-  children: ee,
+  children: ne,
   /**
    * If `true`, the focus trap will not automatically shift focus to itself when it opens, and
    * replace it to the last focused element when it closes.
@@ -188,57 +189,57 @@ process.env.NODE_ENV !== "production" && (W.propTypes = {
    */
   open: i.bool.isRequired
 });
-process.env.NODE_ENV !== "production" && (W.propTypes = be(W.propTypes));
-function Re(e) {
-  const t = w(e);
+process.env.NODE_ENV !== "production" && (j.propTypes = Ee(j.propTypes));
+function Ne(e) {
+  const t = A(e);
   return t.body === e ? Y(e).innerWidth > t.documentElement.clientWidth : e.scrollHeight > e.clientHeight;
 }
-function K(e, t) {
+function U(e, t) {
   t ? e.setAttribute("aria-hidden", "true") : e.removeAttribute("aria-hidden");
 }
-function J(e) {
+function Q(e) {
   return parseInt(Y(e).getComputedStyle(e).paddingRight, 10) || 0;
 }
-function ve(e) {
+function Ce(e) {
   const o = ["TEMPLATE", "SCRIPT", "STYLE", "LINK", "MAP", "META", "NOSCRIPT", "PICTURE", "COL", "COLGROUP", "PARAM", "SLOT", "SOURCE", "TRACK"].indexOf(e.tagName) !== -1, n = e.tagName === "INPUT" && e.getAttribute("type") === "hidden";
   return o || n;
 }
-function Q(e, t, o, n, s) {
+function Z(e, t, o, n, s) {
   const r = [t, o, ...n];
   [].forEach.call(e.children, (a) => {
-    const d = r.indexOf(a) === -1, p = !ve(a);
-    d && p && K(a, s);
+    const c = r.indexOf(a) === -1, p = !Ce(a);
+    c && p && U(a, s);
   });
 }
 function V(e, t) {
   let o = -1;
   return e.some((n, s) => t(n) ? (o = s, !0) : !1), o;
 }
-function ke(e, t) {
+function Ie(e, t) {
   const o = [], n = e.container;
   if (!t.disableScrollLock) {
-    if (Re(n)) {
-      const a = he(w(n));
+    if (Ne(n)) {
+      const a = Te(A(n));
       o.push({
         value: n.style.paddingRight,
         property: "padding-right",
         el: n
-      }), n.style.paddingRight = `${J(n) + a}px`;
-      const d = w(n).querySelectorAll(".mui-fixed");
-      [].forEach.call(d, (p) => {
+      }), n.style.paddingRight = `${Q(n) + a}px`;
+      const c = A(n).querySelectorAll(".mui-fixed");
+      [].forEach.call(c, (p) => {
         o.push({
           value: p.style.paddingRight,
           property: "padding-right",
           el: p
-        }), p.style.paddingRight = `${J(p) + a}px`;
+        }), p.style.paddingRight = `${Q(p) + a}px`;
       });
     }
     let r;
     if (n.parentNode instanceof DocumentFragment)
-      r = w(n).body;
+      r = A(n).body;
     else {
-      const a = n.parentElement, d = Y(n);
-      r = (a == null ? void 0 : a.nodeName) === "HTML" && d.getComputedStyle(a).overflowY === "scroll" ? a : n;
+      const a = n.parentElement, c = Y(n);
+      r = (a == null ? void 0 : a.nodeName) === "HTML" && c.getComputedStyle(a).overflowY === "scroll" ? a : n;
     }
     o.push({
       value: r.style.overflow,
@@ -258,19 +259,19 @@ function ke(e, t) {
     o.forEach(({
       value: r,
       el: a,
-      property: d
+      property: c
     }) => {
-      r ? a.style.setProperty(d, r) : a.style.removeProperty(d);
+      r ? a.style.setProperty(c, r) : a.style.removeProperty(c);
     });
   };
 }
-function Pe(e) {
+function Fe(e) {
   const t = [];
   return [].forEach.call(e.children, (o) => {
     o.getAttribute("aria-hidden") === "true" && t.push(o);
   }), t;
 }
-class Ne {
+class Se {
   constructor() {
     this.containers = void 0, this.modals = void 0, this.modals = [], this.containers = [];
   }
@@ -278,9 +279,9 @@ class Ne {
     let n = this.modals.indexOf(t);
     if (n !== -1)
       return n;
-    n = this.modals.length, this.modals.push(t), t.modalRef && K(t.modalRef, !1);
-    const s = Pe(o);
-    Q(o, t.mount, t.modalRef, s, !0);
+    n = this.modals.length, this.modals.push(t), t.modalRef && U(t.modalRef, !1);
+    const s = Fe(o);
+    Z(o, t.mount, t.modalRef, s, !0);
     const r = V(this.containers, (a) => a.container === o);
     return r !== -1 ? (this.containers[r].modals.push(t), n) : (this.containers.push({
       modals: [t],
@@ -291,7 +292,7 @@ class Ne {
   }
   mount(t, o) {
     const n = V(this.containers, (r) => r.modals.indexOf(t) !== -1), s = this.containers[n];
-    s.restore || (s.restore = ke(s, o));
+    s.restore || (s.restore = Ie(s, o));
   }
   remove(t, o = !0) {
     const n = this.modals.indexOf(t);
@@ -299,10 +300,10 @@ class Ne {
       return n;
     const s = V(this.containers, (a) => a.modals.indexOf(t) !== -1), r = this.containers[s];
     if (r.modals.splice(r.modals.indexOf(t), 1), this.modals.splice(n, 1), r.modals.length === 0)
-      r.restore && r.restore(), t.modalRef && K(t.modalRef, o), Q(r.container, t.mount, t.modalRef, r.hiddenSiblings, !1), this.containers.splice(s, 1);
+      r.restore && r.restore(), t.modalRef && U(t.modalRef, o), Z(r.container, t.mount, t.modalRef, r.hiddenSiblings, !1), this.containers.splice(s, 1);
     else {
       const a = r.modals[r.modals.length - 1];
-      a.modalRef && K(a.modalRef, !1);
+      a.modalRef && U(a.modalRef, !1);
     }
     return n;
   }
@@ -310,39 +311,39 @@ class Ne {
     return this.modals.length > 0 && this.modals[this.modals.length - 1] === t;
   }
 }
-function Ce(e) {
+function Ae(e) {
   return typeof e == "function" ? e() : e;
 }
-function Ie(e) {
+function we(e) {
   return e ? e.props.hasOwnProperty("in") : !1;
 }
-const Fe = new Ne();
-function Se(e) {
+const Oe = new Se();
+function De(e) {
   const {
     container: t,
     disableEscapeKeyDown: o = !1,
     disableScrollLock: n = !1,
     // @ts-ignore internal logic - Base UI supports the manager as a prop too
-    manager: s = Fe,
+    manager: s = Oe,
     closeAfterTransition: r = !1,
     onTransitionEnter: a,
-    onTransitionExited: d,
+    onTransitionExited: c,
     children: p,
     onClose: x,
     open: h,
     rootRef: m
-  } = e, R = f.useRef({}), g = f.useRef(null), c = f.useRef(null), O = Z(c, m), [I, A] = f.useState(!h), N = Ie(p);
+  } = e, R = f.useRef({}), g = f.useRef(null), d = f.useRef(null), w = te(d, m), [I, O] = f.useState(!h), N = we(p);
   let l = !0;
   (e["aria-hidden"] === "false" || e["aria-hidden"] === !1) && (l = !1);
-  const v = () => w(g.current), k = () => (R.current.modalRef = c.current, R.current.mount = g.current, R.current), D = () => {
+  const v = () => A(g.current), k = () => (R.current.modalRef = d.current, R.current.mount = g.current, R.current), M = () => {
     s.mount(k(), {
       disableScrollLock: n
-    }), c.current && (c.current.scrollTop = 0);
-  }, E = G(() => {
-    const b = Ce(t) || v().body;
-    s.add(k(), b), c.current && D();
-  }), T = f.useCallback(() => s.isTopModal(k()), [s]), L = G((b) => {
-    g.current = b, b && (h && T() ? D() : c.current && K(c.current, l));
+    }), d.current && (d.current.scrollTop = 0);
+  }, E = X(() => {
+    const b = Ae(t) || v().body;
+    s.add(k(), b), d.current && M();
+  }), T = f.useCallback(() => s.isTopModal(k()), [s]), L = X((b) => {
+    g.current = b, b && (h && T() ? M() : d.current && U(d.current, l));
   }), y = f.useCallback(() => {
     s.remove(k(), l);
   }, [l, s]);
@@ -351,7 +352,7 @@ function Se(e) {
   }, [y]), f.useEffect(() => {
     h ? E() : (!N || !r) && y();
   }, [h, y, N, r, E]);
-  const M = (b) => (u) => {
+  const D = (b) => (u) => {
     var P;
     (P = b.onKeyDown) == null || P.call(b, u), !(u.key !== "Escape" || u.which === 229 || // Wait until IME is settled.
     !T()) && (o || (u.stopPropagation(), x && x(u, "escapeKeyDown")));
@@ -361,14 +362,14 @@ function Se(e) {
   };
   return {
     getRootProps: (b = {}) => {
-      const u = ie(e);
+      const u = de(e);
       delete u.onTransitionEnter, delete u.onTransitionExited;
       const P = C({}, u, b);
       return C({
         role: "presentation"
       }, P, {
-        onKeyDown: M(P),
-        ref: O
+        onKeyDown: D(P),
+        ref: w
       });
     },
     getBackdropProps: (b = {}) => {
@@ -382,111 +383,111 @@ function Se(e) {
     },
     getTransitionProps: () => {
       const b = () => {
-        A(!1), a && a();
+        O(!1), a && a();
       }, u = () => {
-        A(!0), d && d(), r && y();
+        O(!0), c && c(), r && y();
       };
       return {
-        onEnter: X(b, p == null ? void 0 : p.props.onEnter),
-        onExited: X(u, p == null ? void 0 : p.props.onExited)
+        onEnter: J(b, p == null ? void 0 : p.props.onEnter),
+        onExited: J(u, p == null ? void 0 : p.props.onExited)
       };
     },
-    rootRef: O,
+    rootRef: w,
     portalRef: L,
     isTopModal: T,
     exited: I,
     hasTransition: N
   };
 }
-const te = "Modal";
-function we(e) {
-  return ae(te, e);
+const oe = "Modal";
+function Me(e) {
+  return ue(oe, e);
 }
-le(te, ["root", "hidden", "backdrop"]);
-const Oe = ["children", "closeAfterTransition", "container", "disableAutoFocus", "disableEnforceFocus", "disableEscapeKeyDown", "disablePortal", "disableRestoreFocus", "disableScrollLock", "hideBackdrop", "keepMounted", "onBackdropClick", "onClose", "onKeyDown", "open", "onTransitionEnter", "onTransitionExited", "slotProps", "slots"], Ae = (e) => {
+fe(oe, ["root", "hidden", "backdrop"]);
+const Le = ["children", "closeAfterTransition", "container", "disableAutoFocus", "disableEnforceFocus", "disableEscapeKeyDown", "disablePortal", "disableRestoreFocus", "disableScrollLock", "hideBackdrop", "keepMounted", "onBackdropClick", "onClose", "onKeyDown", "open", "onTransitionEnter", "onTransitionExited", "slotProps", "slots"], Be = (e) => {
   const {
     open: t,
     exited: o
   } = e;
-  return de({
+  return be({
     root: ["root", !t && o && "hidden"],
     backdrop: ["backdrop"]
-  }, ue(we));
-}, ne = /* @__PURE__ */ f.forwardRef(function(t, o) {
+  }, he(Me));
+}, re = /* @__PURE__ */ f.forwardRef(function(t, o) {
   var n;
   const {
     children: s,
     closeAfterTransition: r = !1,
     container: a,
-    disableAutoFocus: d = !1,
+    disableAutoFocus: c = !1,
     disableEnforceFocus: p = !1,
     disableEscapeKeyDown: x = !1,
     disablePortal: h = !1,
     disableRestoreFocus: m = !1,
     disableScrollLock: R = !1,
     hideBackdrop: g = !1,
-    keepMounted: c = !1,
-    onBackdropClick: O,
+    keepMounted: d = !1,
+    onBackdropClick: w,
     open: I,
-    slotProps: A = {},
+    slotProps: O = {},
     slots: N = {}
-  } = t, l = ce(t, Oe), v = C({}, t, {
+  } = t, l = pe(t, Le), v = C({}, t, {
     closeAfterTransition: r,
-    disableAutoFocus: d,
+    disableAutoFocus: c,
     disableEnforceFocus: p,
     disableEscapeKeyDown: x,
     disablePortal: h,
     disableRestoreFocus: m,
     disableScrollLock: R,
     hideBackdrop: g,
-    keepMounted: c
+    keepMounted: d
   }), {
     getRootProps: k,
-    getBackdropProps: D,
+    getBackdropProps: M,
     getTransitionProps: E,
     portalRef: T,
     isTopModal: L,
     exited: y,
-    hasTransition: M
-  } = Se(C({}, v, {
+    hasTransition: D
+  } = De(C({}, v, {
     rootRef: o
   })), F = C({}, v, {
     exited: y,
-    hasTransition: M
-  }), H = Ae(F), _ = {};
-  if (s.props.tabIndex === void 0 && (_.tabIndex = "-1"), M) {
+    hasTransition: D
+  }), B = Be(F), _ = {};
+  if (s.props.tabIndex === void 0 && (_.tabIndex = "-1"), D) {
     const {
-      onEnter: B,
-      onExited: U
+      onEnter: H,
+      onExited: W
     } = E();
-    _.onEnter = B, _.onExited = U;
+    _.onEnter = H, _.onExited = W;
   }
-  const j = (n = N.root) != null ? n : "div", b = z({
-    elementType: j,
-    externalSlotProps: A.root,
+  const q = (n = N.root) != null ? n : "div", b = G({
+    elementType: q,
+    externalSlotProps: O.root,
     externalForwardedProps: l,
     getSlotProps: k,
-    className: H.root,
+    className: B.root,
     ownerState: F
-  }), u = N.backdrop, P = z({
+  }), u = N.backdrop, P = G({
     elementType: u,
-    externalSlotProps: A.backdrop,
-    getSlotProps: (B) => D(C({}, B, {
-      onClick: (U) => {
-        O && O(U), B != null && B.onClick && B.onClick(U);
+    externalSlotProps: O.backdrop,
+    getSlotProps: (H) => M(C({}, H, {
+      onClick: (W) => {
+        w && w(W), H != null && H.onClick && H.onClick(W);
       }
     })),
-    className: H.backdrop,
+    className: B.backdrop,
     ownerState: F
   });
-  return !c && !I && (!M || y) ? null : /* @__PURE__ */ S(fe, {
+  return !d && !I && (!D || y) ? null : /* @__PURE__ */ S(me, {
     ref: T,
     container: a,
     disablePortal: h,
-    children: /* @__PURE__ */ $(j, C({}, b, {
-      children: [!g && u ? /* @__PURE__ */ S(u, C({}, P)) : null, /* @__PURE__ */ S(W, {
+    children: /* @__PURE__ */ $(q, C({}, b, {
+      children: [!g && u ? /* @__PURE__ */ S(u, C({}, P)) : null, /* @__PURE__ */ S(j, {
         disableEnforceFocus: p,
-        disableAutoFocus: d,
+        disableAutoFocus: c,
         disableRestoreFocus: m,
         isEnabled: L,
         open: I,
@@ -495,7 +496,7 @@ const Oe = ["children", "closeAfterTransition", "container", "disableAutoFocus",
     }))
   });
 });
-process.env.NODE_ENV !== "production" && (ne.propTypes = {
+process.env.NODE_ENV !== "production" && (re.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
@@ -503,7 +504,7 @@ process.env.NODE_ENV !== "production" && (ne.propTypes = {
   /**
    * A single child content element.
    */
-  children: ee.isRequired,
+  children: ne.isRequired,
   /**
    * When set to true the Modal waits until a nested Transition is completed before closing.
    * @default false
@@ -519,7 +520,7 @@ process.env.NODE_ENV !== "production" && (ne.propTypes = {
    * By default, it uses the body of the top-level document object,
    * so it's simply `document.body` most of the time.
    */
-  container: i.oneOfType([pe, i.func]),
+  container: i.oneOfType([ge, i.func]),
   /**
    * If `true`, the modal will not automatically shift focus to itself when it opens, and
    * replace it to the last focused element when it closes.
@@ -614,34 +615,33 @@ process.env.NODE_ENV !== "production" && (ne.propTypes = {
     root: i.elementType
   })
 });
-const qe = ({
-  children: e,
-  dialogTitle: t,
-  dialogSubtitle: o,
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  isLoading: n = !1,
-  onClose: s,
-  ...r
-}) => /* @__PURE__ */ S(
-  ne,
+const K = ({ children: e, dialogTitle: t, dialogSubtitle: o, icon: n, onClose: s = () => {
+}, ...r }) => /* @__PURE__ */ S(
+  re,
   {
-    onClose: s,
-    slots: { backdrop: oe },
+    onClose: (a, c) => s(c),
+    slots: { backdrop: ae },
     ...r,
-    className: q.dialog,
+    className: se(z.dialog, r.className),
     "aria-labelledby": "alert-dialog-title",
     "aria-describedby": "alert-dialog-description",
-    children: /* @__PURE__ */ $("section", { className: q.dialog__panel, children: [
-      !!s && /* @__PURE__ */ S(re, { handleOnClose: s, className: q.dialog__close }),
-      /* @__PURE__ */ S(se, { title: t, subTitle: o }),
+    children: /* @__PURE__ */ $("section", { className: z.dialog__panel, children: [
+      !!s && /* @__PURE__ */ S(le, { handleOnClose: () => s("closeButtonClick") }),
+      /* @__PURE__ */ S(ee, { title: t, subTitle: o, icon: n }),
       e
     ] })
   }
 );
+K.Title = ee;
+K.Title.displayName = "Dialog.Title";
+K.Content = ce;
+K.Content.displayName = "Dialog.Content";
+K.Actions = ie;
+K.Actions.displayName = "Dialog.Actions";
 export {
-  Ye as Actions,
-  Ge as Content,
-  qe as Dialog,
-  se as DialogTitle,
-  qe as default
+  ie as Actions,
+  ce as Content,
+  K as Dialog,
+  ee as DialogTitle,
+  K as default
 };