@pismo/marola 2.1.64 → 2.1.66

package/dist/components/Dialog/Dialog.js

@@ -1,142 +1,142 @@
-import { jsxs as $, jsx as S } from "react/jsx-runtime";
-import * as f from "react";
-import { forwardRef as se } from "react";
-import { c as ie } from "../../clsx-OuTLNxxd.js";
+import { jsxs as Y, jsx as C } from "react/jsx-runtime";
+import * as p from "react";
+import { forwardRef as ae } from "react";
+import { c as ce } from "../../clsx-OuTLNxxd.js";
 import le from "./Actions.js";
-import ae from "./Backdrop.js";
-import ce from "./CloseIconButton.js";
-import de from "./Content.js";
+import ue from "./Backdrop.js";
+import de from "./CloseIconButton.js";
+import fe from "./Content.js";
 import { s as z } from "../../Dialog.module-DWi17zjS.js";
 import ee from "./DialogTitle.js";
-import { u as te, P as l, _ as C, f as ue, g as fe, a as pe, b as be, c as G, d as he, e as me } from "../../useSlotProps-CYHDC4TN.js";
-import { o as A, e as oe } from "../../ownerDocument-By592Iy6.js";
+import { u as te, P as a, e as pe, g as be, a as me, b as G, c as ge, d as he } from "../../ClassNameConfigurator-CVRWfyIa.js";
+import { o as w, e as ne } from "../../ownerDocument-CU-LCrtd.js";
 import { u as X } from "../../useEventCallback-BAQJJ3ye.js";
-import { P as ge, H as Ee } from "../../Portal-DJapUCn6.js";
-import { e as Te } from "../../exactProp-SYjL19cU.js";
+import { P as Ee, H as Te } from "../../Portal-BrGvxB96.js";
+import { g as ye, e as Re } from "../../getReactElementRef-iorwYm2A.js";
 function J(...e) {
-  return e.reduce((t, n) => n == null ? t : function(...s) {
-    t.apply(this, s), n.apply(this, s);
+  return e.reduce((t, o) => o == null ? t : function(...s) {
+    t.apply(this, s), o.apply(this, s);
   }, () => {
   });
 }
-function Y(e) {
-  return A(e).defaultView || window;
+function q(e) {
+  return w(e).defaultView || window;
 }
-function ye(e) {
-  const t = e.documentElement.clientWidth;
-  return Math.abs(window.innerWidth - t);
+function xe(e = window) {
+  const t = e.document.documentElement.clientWidth;
+  return e.innerWidth - t;
 }
-const xe = ["input", "select", "textarea", "a[href]", "button", "[tabindex]", "audio[controls]", "video[controls]", '[contenteditable]:not([contenteditable="false"])'].join(",");
-function Re(e) {
+const Ne = ["input", "select", "textarea", "a[href]", "button", "[tabindex]", "audio[controls]", "video[controls]", '[contenteditable]:not([contenteditable="false"])'].join(",");
+function ke(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 ve(e) {
+function Pe(e) {
   if (e.tagName !== "INPUT" || e.type !== "radio" || !e.name)
     return !1;
-  const t = (o) => e.ownerDocument.querySelector(`input[type="radio"]${o}`);
-  let n = t(`[name="${e.name}"]:checked`);
-  return n || (n = t(`[name="${e.name}"]`)), n !== e;
+  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 ke(e) {
-  return !(e.disabled || e.tagName === "INPUT" && e.type === "hidden" || ve(e));
+function Ce(e) {
+  return !(e.disabled || e.tagName === "INPUT" && e.type === "hidden" || Pe(e));
 }
-function Pe(e) {
-  const t = [], n = [];
-  return Array.from(e.querySelectorAll(xe)).forEach((o, s) => {
-    const r = Re(o);
-    r === -1 || !ke(o) || (r === 0 ? t.push(o) : n.push({
+function ve(e) {
+  const t = [], o = [];
+  return Array.from(e.querySelectorAll(Ne)).forEach((n, s) => {
+    const r = ke(n);
+    r === -1 || !Ce(n) || (r === 0 ? t.push(n) : o.push({
       documentOrder: s,
       tabIndex: r,
-      node: o
+      node: n
     }));
-  }), n.sort((o, s) => o.tabIndex === s.tabIndex ? o.documentOrder - s.documentOrder : o.tabIndex - s.tabIndex).map((o) => o.node).concat(t);
+  }), o.sort((n, s) => n.tabIndex === s.tabIndex ? n.documentOrder - s.documentOrder : n.tabIndex - s.tabIndex).map((n) => n.node).concat(t);
 }
-function Ne() {
+function Ie() {
   return !0;
 }
-function j(e) {
+function V(e) {
   const {
     children: t,
-    disableAutoFocus: n = !1,
-    disableEnforceFocus: o = !1,
+    disableAutoFocus: o = !1,
+    disableEnforceFocus: n = !1,
     disableRestoreFocus: s = !1,
-    getTabbable: r = Pe,
-    isEnabled: i = Ne,
-    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(() => {
-    !c || !d.current || (g.current = !n);
-  }, [n, c]), f.useEffect(() => {
-    if (!c || !d.current)
+    getTabbable: r = ve,
+    isEnabled: i = Ie,
+    open: l
+  } = e, f = p.useRef(!1), T = p.useRef(null), m = p.useRef(null), h = p.useRef(null), y = p.useRef(null), E = p.useRef(!1), u = p.useRef(null), B = te(ye(t), u), A = p.useRef(null);
+  p.useEffect(() => {
+    !l || !u.current || (E.current = !o);
+  }, [o, l]), p.useEffect(() => {
+    if (!l || !u.current)
       return;
-    const a = A(d.current);
-    return d.current.contains(a.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);
+    const c = w(u.current);
+    return u.current.contains(c.activeElement) || (u.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(`
+`)), u.current.setAttribute("tabIndex", "-1")), E.current && u.current.focus()), () => {
+      s || (h.current && h.current.focus && (f.current = !0, h.current.focus()), h.current = null);
     };
-  }, [c]), f.useEffect(() => {
-    if (!c || !d.current)
+  }, [l]), p.useEffect(() => {
+    if (!l || !u.current)
       return;
-    const a = A(d.current), v = (E) => {
-      I.current = E, !(o || !i() || E.key !== "Tab") && a.activeElement === d.current && E.shiftKey && (p.current = !0, h.current && h.current.focus());
-    }, k = () => {
-      const E = d.current;
-      if (E === null)
+    const c = w(u.current), k = (g) => {
+      A.current = g, !(n || !i() || g.key !== "Tab") && c.activeElement === u.current && g.shiftKey && (f.current = !0, m.current && m.current.focus());
+    }, R = () => {
+      var D, P;
+      const g = u.current;
+      if (g === null)
         return;
-      if (!a.hasFocus() || !i() || p.current) {
-        p.current = !1;
+      if (!c.hasFocus() || !i() || f.current) {
+        f.current = !1;
         return;
       }
-      if (E.contains(a.activeElement) || o && a.activeElement !== x.current && a.activeElement !== h.current)
+      if (g.contains(c.activeElement) || n && c.activeElement !== T.current && c.activeElement !== m.current)
         return;
-      if (a.activeElement !== R.current)
-        R.current = null;
-      else if (R.current !== null)
+      if (c.activeElement !== y.current)
+        y.current = null;
+      else if (y.current !== null)
         return;
-      if (!g.current)
+      if (!E.current)
         return;
-      let T = [];
-      if ((a.activeElement === x.current || a.activeElement === h.current) && (T = r(d.current)), T.length > 0) {
-        var B, y;
-        const D = !!((B = I.current) != null && B.shiftKey && ((y = I.current) == null ? void 0 : y.key) === "Tab"), F = T[0], H = T[T.length - 1];
-        typeof F != "string" && typeof H != "string" && (D ? H.focus() : F.focus());
+      let x = [];
+      if ((c.activeElement === T.current || c.activeElement === m.current) && (x = r(u.current)), x.length > 0) {
+        const K = !!((D = A.current) != null && D.shiftKey && ((P = A.current) == null ? void 0 : P.key) === "Tab"), M = x[0], L = x[x.length - 1];
+        typeof M != "string" && typeof L != "string" && (K ? L.focus() : M.focus());
       } else
-        E.focus();
+        g.focus();
     };
-    a.addEventListener("focusin", k), a.addEventListener("keydown", v, !0);
-    const L = setInterval(() => {
-      a.activeElement && a.activeElement.tagName === "BODY" && k();
+    c.addEventListener("focusin", R), c.addEventListener("keydown", k, !0);
+    const O = setInterval(() => {
+      c.activeElement && c.activeElement.tagName === "BODY" && R();
     }, 50);
     return () => {
-      clearInterval(L), a.removeEventListener("focusin", k), a.removeEventListener("keydown", v, !0);
+      clearInterval(O), c.removeEventListener("focusin", R), c.removeEventListener("keydown", k, !0);
     };
-  }, [n, o, s, i, c, r]);
-  const O = (a) => {
-    m.current === null && (m.current = a.relatedTarget), g.current = !0, R.current = a.target;
-    const v = t.props.onFocus;
-    v && v(a);
-  }, N = (a) => {
-    m.current === null && (m.current = a.relatedTarget), g.current = !0;
+  }, [o, n, s, i, l, r]);
+  const v = (c) => {
+    h.current === null && (h.current = c.relatedTarget), E.current = !0, y.current = c.target;
+    const k = t.props.onFocus;
+    k && k(c);
+  }, I = (c) => {
+    h.current === null && (h.current = c.relatedTarget), E.current = !0;
   };
-  return /* @__PURE__ */ $(f.Fragment, {
-    children: [/* @__PURE__ */ S("div", {
-      tabIndex: c ? 0 : -1,
-      onFocus: N,
-      ref: x,
+  return /* @__PURE__ */ Y(p.Fragment, {
+    children: [/* @__PURE__ */ C("div", {
+      tabIndex: l ? 0 : -1,
+      onFocus: I,
+      ref: T,
       "data-testid": "sentinelStart"
-    }), /* @__PURE__ */ f.cloneElement(t, {
-      ref: w,
-      onFocus: O
-    }), /* @__PURE__ */ S("div", {
-      tabIndex: c ? 0 : -1,
-      onFocus: N,
-      ref: h,
+    }), /* @__PURE__ */ p.cloneElement(t, {
+      ref: B,
+      onFocus: v
+    }), /* @__PURE__ */ C("div", {
+      tabIndex: l ? 0 : -1,
+      onFocus: I,
+      ref: m,
       "data-testid": "sentinelEnd"
     })]
   });
 }
-process.env.NODE_ENV !== "production" && (j.propTypes = {
+process.env.NODE_ENV !== "production" && (V.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
@@ -144,7 +144,7 @@ process.env.NODE_ENV !== "production" && (j.propTypes = {
   /**
    * A single child content element.
    */
-  children: oe,
+  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.
@@ -154,7 +154,7 @@ process.env.NODE_ENV !== "production" && (j.propTypes = {
    * accessible to assistive technologies, like screen readers.
    * @default false
    */
-  disableAutoFocus: l.bool,
+  disableAutoFocus: a.bool,
   /**
    * If `true`, the focus trap will not prevent focus from leaving the focus trap while open.
    *
@@ -162,19 +162,19 @@ process.env.NODE_ENV !== "production" && (j.propTypes = {
    * accessible to assistive technologies, like screen readers.
    * @default false
    */
-  disableEnforceFocus: l.bool,
+  disableEnforceFocus: a.bool,
   /**
    * If `true`, the focus trap will not restore focus to previously focused element once
    * focus trap is hidden or unmounted.
    * @default false
    */
-  disableRestoreFocus: l.bool,
+  disableRestoreFocus: a.bool,
   /**
    * Returns an array of ordered tabbable nodes (i.e. in tab order) within the root.
    * For instance, you can provide the "tabbable" npm dependency.
    * @param {HTMLElement} root
    */
-  getTabbable: l.func,
+  getTabbable: a.func,
   /**
    * This prop extends the `open` prop.
    * It allows to toggle the open state without having to wait for a rerender when changing the `open` prop.
@@ -184,65 +184,65 @@ process.env.NODE_ENV !== "production" && (j.propTypes = {
    *   return true;
    * }
    */
-  isEnabled: l.func,
+  isEnabled: a.func,
   /**
    * If `true`, focus is locked.
    */
-  open: l.bool.isRequired
+  open: a.bool.isRequired
 });
-process.env.NODE_ENV !== "production" && (j.propTypes = Te(j.propTypes));
-function Ce(e) {
-  const t = A(e);
-  return t.body === e ? Y(e).innerWidth > t.documentElement.clientWidth : e.scrollHeight > e.clientHeight;
+process.env.NODE_ENV !== "production" && (V.propTypes = Re(V.propTypes));
+function Se(e) {
+  const t = w(e);
+  return t.body === e ? q(e).innerWidth > t.documentElement.clientWidth : e.scrollHeight > e.clientHeight;
 }
 function U(e, t) {
   t ? e.setAttribute("aria-hidden", "true") : e.removeAttribute("aria-hidden");
 }
 function Q(e) {
-  return parseInt(Y(e).getComputedStyle(e).paddingRight, 10) || 0;
+  return parseInt(q(e).getComputedStyle(e).paddingRight, 10) || 0;
 }
-function Ie(e) {
-  const n = ["TEMPLATE", "SCRIPT", "STYLE", "LINK", "MAP", "META", "NOSCRIPT", "PICTURE", "COL", "COLGROUP", "PARAM", "SLOT", "SOURCE", "TRACK"].indexOf(e.tagName) !== -1, o = e.tagName === "INPUT" && e.getAttribute("type") === "hidden";
-  return n || o;
+function we(e) {
+  const o = ["TEMPLATE", "SCRIPT", "STYLE", "LINK", "MAP", "META", "NOSCRIPT", "PICTURE", "COL", "COLGROUP", "PARAM", "SLOT", "SOURCE", "TRACK"].includes(e.tagName), n = e.tagName === "INPUT" && e.getAttribute("type") === "hidden";
+  return o || n;
 }
-function Z(e, t, n, o, s) {
-  const r = [t, n, ...o];
+function Z(e, t, o, n, s) {
+  const r = [t, o, ...n];
   [].forEach.call(e.children, (i) => {
-    const c = r.indexOf(i) === -1, p = !Ie(i);
-    c && p && U(i, s);
+    const l = !r.includes(i), f = !we(i);
+    l && f && U(i, s);
   });
 }
-function V(e, t) {
-  let n = -1;
-  return e.some((o, s) => t(o) ? (n = s, !0) : !1), n;
+function $(e, t) {
+  let o = -1;
+  return e.some((n, s) => t(n) ? (o = s, !0) : !1), o;
 }
 function Fe(e, t) {
-  const n = [], o = e.container;
+  const o = [], n = e.container;
   if (!t.disableScrollLock) {
-    if (Ce(o)) {
-      const i = ye(A(o));
-      n.push({
-        value: o.style.paddingRight,
+    if (Se(n)) {
+      const i = xe(q(n));
+      o.push({
+        value: n.style.paddingRight,
         property: "padding-right",
-        el: o
-      }), o.style.paddingRight = `${Q(o) + i}px`;
-      const c = A(o).querySelectorAll(".mui-fixed");
-      [].forEach.call(c, (p) => {
-        n.push({
-          value: p.style.paddingRight,
+        el: n
+      }), n.style.paddingRight = `${Q(n) + i}px`;
+      const l = w(n).querySelectorAll(".mui-fixed");
+      [].forEach.call(l, (f) => {
+        o.push({
+          value: f.style.paddingRight,
           property: "padding-right",
-          el: p
-        }), p.style.paddingRight = `${Q(p) + i}px`;
+          el: f
+        }), f.style.paddingRight = `${Q(f) + i}px`;
       });
     }
     let r;
-    if (o.parentNode instanceof DocumentFragment)
-      r = A(o).body;
+    if (n.parentNode instanceof DocumentFragment)
+      r = w(n).body;
     else {
-      const i = o.parentElement, c = Y(o);
-      r = (i == null ? void 0 : i.nodeName) === "HTML" && c.getComputedStyle(i).overflowY === "scroll" ? i : o;
+      const i = n.parentElement, l = q(n);
+      r = (i == null ? void 0 : i.nodeName) === "HTML" && l.getComputedStyle(i).overflowY === "scroll" ? i : n;
     }
-    n.push({
+    o.push({
       value: r.style.overflow,
       property: "overflow",
       el: r
@@ -257,244 +257,264 @@ function Fe(e, t) {
     }), r.style.overflow = "hidden";
   }
   return () => {
-    n.forEach(({
+    o.forEach(({
       value: r,
       el: i,
-      property: c
+      property: l
     }) => {
-      r ? i.style.setProperty(c, r) : i.style.removeProperty(c);
+      r ? i.style.setProperty(l, r) : i.style.removeProperty(l);
     });
   };
 }
-function Se(e) {
+function Ae(e) {
   const t = [];
-  return [].forEach.call(e.children, (n) => {
-    n.getAttribute("aria-hidden") === "true" && t.push(n);
+  return [].forEach.call(e.children, (o) => {
+    o.getAttribute("aria-hidden") === "true" && t.push(o);
   }), t;
 }
-class Ae {
+class Oe {
   constructor() {
-    this.containers = void 0, this.modals = void 0, this.modals = [], this.containers = [];
+    this.modals = [], this.containers = [];
   }
-  add(t, n) {
-    let o = this.modals.indexOf(t);
-    if (o !== -1)
-      return o;
-    o = this.modals.length, this.modals.push(t), t.modalRef && U(t.modalRef, !1);
-    const s = Se(n);
-    Z(n, t.mount, t.modalRef, s, !0);
-    const r = V(this.containers, (i) => i.container === n);
-    return r !== -1 ? (this.containers[r].modals.push(t), o) : (this.containers.push({
+  add(t, o) {
+    let n = this.modals.indexOf(t);
+    if (n !== -1)
+      return n;
+    n = this.modals.length, this.modals.push(t), t.modalRef && U(t.modalRef, !1);
+    const s = Ae(o);
+    Z(o, t.mount, t.modalRef, s, !0);
+    const r = $(this.containers, (i) => i.container === o);
+    return r !== -1 ? (this.containers[r].modals.push(t), n) : (this.containers.push({
       modals: [t],
-      container: n,
+      container: o,
       restore: null,
       hiddenSiblings: s
-    }), o);
+    }), n);
   }
-  mount(t, n) {
-    const o = V(this.containers, (r) => r.modals.indexOf(t) !== -1), s = this.containers[o];
-    s.restore || (s.restore = Fe(s, n));
+  mount(t, o) {
+    const n = $(this.containers, (r) => r.modals.includes(t)), s = this.containers[n];
+    s.restore || (s.restore = Fe(s, o));
   }
-  remove(t, n = !0) {
-    const o = this.modals.indexOf(t);
-    if (o === -1)
-      return o;
-    const s = V(this.containers, (i) => i.modals.indexOf(t) !== -1), r = this.containers[s];
-    if (r.modals.splice(r.modals.indexOf(t), 1), this.modals.splice(o, 1), r.modals.length === 0)
-      r.restore && r.restore(), t.modalRef && U(t.modalRef, n), Z(r.container, t.mount, t.modalRef, r.hiddenSiblings, !1), this.containers.splice(s, 1);
+  remove(t, o = !0) {
+    const n = this.modals.indexOf(t);
+    if (n === -1)
+      return n;
+    const s = $(this.containers, (i) => i.modals.includes(t)), 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 && U(t.modalRef, o), Z(r.container, t.mount, t.modalRef, r.hiddenSiblings, !1), this.containers.splice(s, 1);
     else {
       const i = r.modals[r.modals.length - 1];
       i.modalRef && U(i.modalRef, !1);
     }
-    return o;
+    return n;
   }
   isTopModal(t) {
     return this.modals.length > 0 && this.modals[this.modals.length - 1] === t;
   }
 }
-function we(e) {
+function De(e) {
   return typeof e == "function" ? e() : e;
 }
-function Oe(e) {
+function Me(e) {
   return e ? e.props.hasOwnProperty("in") : !1;
 }
-const De = new Ae();
-function Me(e) {
+const Le = new Oe();
+function Be(e) {
   const {
     container: t,
-    disableEscapeKeyDown: n = !1,
-    disableScrollLock: o = !1,
+    disableEscapeKeyDown: o = !1,
+    disableScrollLock: n = !1,
     // @ts-ignore internal logic - Base UI supports the manager as a prop too
-    manager: s = De,
+    manager: s = Le,
     closeAfterTransition: r = !1,
     onTransitionEnter: i,
-    onTransitionExited: c,
-    children: p,
-    onClose: x,
-    open: h,
-    rootRef: m
-  } = e, R = f.useRef({}), g = f.useRef(null), d = f.useRef(null), w = te(d, m), [I, O] = f.useState(!h), N = Oe(p);
-  let a = !0;
-  (e["aria-hidden"] === "false" || e["aria-hidden"] === !1) && (a = !1);
-  const v = () => A(g.current), k = () => (R.current.modalRef = d.current, R.current.mount = g.current, R.current), L = () => {
-    s.mount(k(), {
-      disableScrollLock: o
-    }), d.current && (d.current.scrollTop = 0);
-  }, E = X(() => {
-    const b = we(t) || v().body;
-    s.add(k(), b), d.current && L();
-  }), T = f.useCallback(() => s.isTopModal(k()), [s]), B = X((b) => {
-    g.current = b, b && (h && T() ? L() : d.current && U(d.current, a));
-  }), y = f.useCallback(() => {
-    s.remove(k(), a);
-  }, [a, s]);
-  f.useEffect(() => () => {
-    y();
-  }, [y]), f.useEffect(() => {
-    h ? E() : (!N || !r) && y();
-  }, [h, y, N, r, E]);
-  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()) && (n || (u.stopPropagation(), x && x(u, "escapeKeyDown")));
-  }, F = (b) => (u) => {
-    var P;
-    (P = b.onClick) == null || P.call(b, u), u.target === u.currentTarget && x && x(u, "backdropClick");
+    onTransitionExited: l,
+    children: f,
+    onClose: T,
+    open: m,
+    rootRef: h
+  } = e, y = p.useRef({}), E = p.useRef(null), u = p.useRef(null), B = te(u, h), [A, v] = p.useState(!m), I = Me(f);
+  let c = !0;
+  (e["aria-hidden"] === "false" || e["aria-hidden"] === !1) && (c = !1);
+  const k = () => w(E.current), R = () => (y.current.modalRef = u.current, y.current.mount = E.current, y.current), O = () => {
+    s.mount(R(), {
+      disableScrollLock: n
+    }), u.current && (u.current.scrollTop = 0);
+  }, g = X(() => {
+    const b = De(t) || k().body;
+    s.add(R(), b), u.current && O();
+  }), x = p.useCallback(() => s.isTopModal(R()), [s]), D = X((b) => {
+    E.current = b, b && (m && x() ? O() : u.current && U(u.current, c));
+  }), P = p.useCallback(() => {
+    s.remove(R(), c);
+  }, [c, s]);
+  p.useEffect(() => () => {
+    P();
+  }, [P]), p.useEffect(() => {
+    m ? g() : (!I || !r) && P();
+  }, [m, P, I, r, g]);
+  const K = (b) => (d) => {
+    var N;
+    (N = b.onKeyDown) == null || N.call(b, d), !(d.key !== "Escape" || d.which === 229 || // Wait until IME is settled.
+    !x()) && (o || (d.stopPropagation(), T && T(d, "escapeKeyDown")));
+  }, M = (b) => (d) => {
+    var N;
+    (N = b.onClick) == null || N.call(b, d), d.target === d.currentTarget && T && T(d, "backdropClick");
   };
   return {
     getRootProps: (b = {}) => {
-      const u = ue(e);
-      delete u.onTransitionEnter, delete u.onTransitionExited;
-      const P = C({}, u, b);
-      return C({
-        role: "presentation"
-      }, P, {
-        onKeyDown: D(P),
-        ref: w
-      });
+      const d = pe(e);
+      delete d.onTransitionEnter, delete d.onTransitionExited;
+      const N = {
+        ...d,
+        ...b
+      };
+      return {
+        /*
+         * Marking an element with the role presentation indicates to assistive technology
+         * that this element should be ignored; it exists to support the web application and
+         * is not meant for humans to interact with directly.
+         * https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/no-static-element-interactions.md
+         */
+        role: "presentation",
+        ...N,
+        onKeyDown: K(N),
+        ref: B
+      };
     },
     getBackdropProps: (b = {}) => {
-      const u = b;
-      return C({
-        "aria-hidden": !0
-      }, u, {
-        onClick: F(u),
-        open: h
-      });
+      const d = b;
+      return {
+        "aria-hidden": !0,
+        ...d,
+        onClick: M(d),
+        open: m
+      };
     },
     getTransitionProps: () => {
       const b = () => {
-        O(!1), i && i();
-      }, u = () => {
-        O(!0), c && c(), r && y();
+        v(!1), i && i();
+      }, d = () => {
+        v(!0), l && l(), r && P();
       };
       return {
-        onEnter: J(b, p == null ? void 0 : p.props.onEnter),
-        onExited: J(u, p == null ? void 0 : p.props.onExited)
+        onEnter: J(b, f == null ? void 0 : f.props.onEnter),
+        onExited: J(d, f == null ? void 0 : f.props.onExited)
       };
     },
-    rootRef: w,
-    portalRef: B,
-    isTopModal: T,
-    exited: I,
-    hasTransition: N
+    rootRef: B,
+    portalRef: D,
+    isTopModal: x,
+    exited: A,
+    hasTransition: I
   };
 }
-const ne = "Modal";
-function Le(e) {
-  return fe(ne, e);
+const oe = "Modal";
+function Ke(e) {
+  return be(oe, e);
 }
-pe(ne, ["root", "hidden", "backdrop"]);
-const Be = ["children", "closeAfterTransition", "container", "disableAutoFocus", "disableEnforceFocus", "disableEscapeKeyDown", "disablePortal", "disableRestoreFocus", "disableScrollLock", "hideBackdrop", "keepMounted", "onBackdropClick", "onClose", "onKeyDown", "open", "onTransitionEnter", "onTransitionExited", "slotProps", "slots"], He = (e) => {
+me(oe, ["root", "hidden", "backdrop"]);
+const Ue = (e) => {
   const {
     open: t,
-    exited: n
+    exited: o
   } = e;
-  return he({
-    root: ["root", !t && n && "hidden"],
+  return ge({
+    root: ["root", !t && o && "hidden"],
     backdrop: ["backdrop"]
-  }, me(Le));
-}, re = /* @__PURE__ */ f.forwardRef(function(t, n) {
-  var o;
+  }, he(Ke));
+}, re = /* @__PURE__ */ p.forwardRef(function(t, o) {
   const {
-    children: s,
-    closeAfterTransition: r = !1,
-    container: i,
-    disableAutoFocus: c = !1,
-    disableEnforceFocus: p = !1,
-    disableEscapeKeyDown: x = !1,
-    disablePortal: h = !1,
+    children: n,
+    closeAfterTransition: s = !1,
+    container: r,
+    disableAutoFocus: i = !1,
+    disableEnforceFocus: l = !1,
+    disableEscapeKeyDown: f = !1,
+    disablePortal: T = !1,
     disableRestoreFocus: m = !1,
-    disableScrollLock: R = !1,
-    hideBackdrop: g = !1,
-    keepMounted: d = !1,
-    onBackdropClick: w,
-    open: I,
-    slotProps: O = {},
-    slots: N = {}
-  } = t, a = be(t, Be), v = C({}, t, {
-    closeAfterTransition: r,
-    disableAutoFocus: c,
-    disableEnforceFocus: p,
-    disableEscapeKeyDown: x,
-    disablePortal: h,
+    disableScrollLock: h = !1,
+    hideBackdrop: y = !1,
+    keepMounted: E = !1,
+    onBackdropClick: u,
+    onClose: B,
+    onKeyDown: A,
+    open: v,
+    onTransitionEnter: I,
+    onTransitionExited: c,
+    slotProps: k = {},
+    slots: R = {},
+    ...O
+  } = t, g = {
+    ...t,
+    closeAfterTransition: s,
+    disableAutoFocus: i,
+    disableEnforceFocus: l,
+    disableEscapeKeyDown: f,
+    disablePortal: T,
     disableRestoreFocus: m,
-    disableScrollLock: R,
-    hideBackdrop: g,
-    keepMounted: d
-  }), {
-    getRootProps: k,
-    getBackdropProps: L,
-    getTransitionProps: E,
-    portalRef: T,
-    isTopModal: B,
-    exited: y,
-    hasTransition: D
-  } = Me(C({}, v, {
-    rootRef: n
-  })), F = C({}, v, {
-    exited: y,
-    hasTransition: D
-  }), H = He(F), _ = {};
-  if (s.props.tabIndex === void 0 && (_.tabIndex = "-1"), D) {
+    disableScrollLock: h,
+    hideBackdrop: y,
+    keepMounted: E
+  }, {
+    getRootProps: x,
+    getBackdropProps: D,
+    getTransitionProps: P,
+    portalRef: K,
+    isTopModal: M,
+    exited: L,
+    hasTransition: W
+  } = Be({
+    ...g,
+    rootRef: o
+  }), _ = {
+    ...g,
+    exited: L,
+    hasTransition: W
+  }, b = Ue(_), d = {};
+  if (n.props.tabIndex === void 0 && (d.tabIndex = "-1"), W) {
     const {
-      onEnter: K,
-      onExited: W
-    } = E();
-    _.onEnter = K, _.onExited = W;
+      onEnter: S,
+      onExited: j
+    } = P();
+    d.onEnter = S, d.onExited = j;
   }
-  const q = (o = N.root) != null ? o : "div", b = G({
-    elementType: q,
-    externalSlotProps: O.root,
-    externalForwardedProps: a,
-    getSlotProps: k,
-    className: H.root,
-    ownerState: F
-  }), u = N.backdrop, P = G({
-    elementType: u,
-    externalSlotProps: O.backdrop,
-    getSlotProps: (K) => L(C({}, K, {
-      onClick: (W) => {
-        w && w(W), K != null && K.onClick && K.onClick(W);
+  const N = R.root ?? "div", se = G({
+    elementType: N,
+    externalSlotProps: k.root,
+    externalForwardedProps: O,
+    getSlotProps: x,
+    className: b.root,
+    ownerState: _
+  }), H = R.backdrop, ie = G({
+    elementType: H,
+    externalSlotProps: k.backdrop,
+    getSlotProps: (S) => D({
+      ...S,
+      onClick: (j) => {
+        u && u(j), S != null && S.onClick && S.onClick(j);
       }
-    })),
-    className: H.backdrop,
-    ownerState: F
+    }),
+    className: b.backdrop,
+    ownerState: _
   });
-  return !d && !I && (!D || y) ? null : /* @__PURE__ */ S(ge, {
-    ref: T,
-    container: i,
-    disablePortal: h,
-    children: /* @__PURE__ */ $(q, C({}, b, {
-      children: [!g && u ? /* @__PURE__ */ S(u, C({}, P)) : null, /* @__PURE__ */ S(j, {
-        disableEnforceFocus: p,
-        disableAutoFocus: c,
+  return !E && !v && (!W || L) ? null : /* @__PURE__ */ C(Ee, {
+    ref: K,
+    container: r,
+    disablePortal: T,
+    children: /* @__PURE__ */ Y(N, {
+      ...se,
+      children: [!y && H ? /* @__PURE__ */ C(H, {
+        ...ie
+      }) : null, /* @__PURE__ */ C(V, {
+        disableEnforceFocus: l,
+        disableAutoFocus: i,
         disableRestoreFocus: m,
-        isEnabled: B,
-        open: I,
-        children: /* @__PURE__ */ f.cloneElement(s, _)
+        isEnabled: M,
+        open: v,
+        children: /* @__PURE__ */ p.cloneElement(n, d)
       })]
-    }))
+    })
   });
 });
 process.env.NODE_ENV !== "production" && (re.propTypes = {
@@ -505,12 +525,12 @@ process.env.NODE_ENV !== "production" && (re.propTypes = {
   /**
    * A single child content element.
    */
-  children: oe.isRequired,
+  children: ne.isRequired,
   /**
    * When set to true the Modal waits until a nested Transition is completed before closing.
    * @default false
    */
-  closeAfterTransition: l.bool,
+  closeAfterTransition: a.bool,
   /**
    * An HTML element or function that returns one.
    * The `container` will have the portal children appended to it.
@@ -521,7 +541,7 @@ process.env.NODE_ENV !== "production" && (re.propTypes = {
    * By default, it uses the body of the top-level document object,
    * so it's simply `document.body` most of the time.
    */
-  container: l.oneOfType([Ee, l.func]),
+  container: a.oneOfType([Te, a.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.
@@ -531,7 +551,7 @@ process.env.NODE_ENV !== "production" && (re.propTypes = {
    * accessible to assistive technologies, like screen readers.
    * @default false
    */
-  disableAutoFocus: l.bool,
+  disableAutoFocus: a.bool,
   /**
    * If `true`, the modal will not prevent focus from leaving the modal while open.
    *
@@ -539,45 +559,45 @@ process.env.NODE_ENV !== "production" && (re.propTypes = {
    * accessible to assistive technologies, like screen readers.
    * @default false
    */
-  disableEnforceFocus: l.bool,
+  disableEnforceFocus: a.bool,
   /**
    * If `true`, hitting escape will not fire the `onClose` callback.
    * @default false
    */
-  disableEscapeKeyDown: l.bool,
+  disableEscapeKeyDown: a.bool,
   /**
    * The `children` will be under the DOM hierarchy of the parent component.
    * @default false
    */
-  disablePortal: l.bool,
+  disablePortal: a.bool,
   /**
    * If `true`, the modal will not restore focus to previously focused element once
    * modal is hidden or unmounted.
    * @default false
    */
-  disableRestoreFocus: l.bool,
+  disableRestoreFocus: a.bool,
   /**
    * Disable the scroll lock behavior.
    * @default false
    */
-  disableScrollLock: l.bool,
+  disableScrollLock: a.bool,
   /**
    * If `true`, the backdrop is not rendered.
    * @default false
    */
-  hideBackdrop: l.bool,
+  hideBackdrop: a.bool,
   /**
    * Always keep the children in the DOM.
    * This prop can be useful in SEO situation or
    * when you want to maximize the responsiveness of the Modal.
    * @default false
    */
-  keepMounted: l.bool,
+  keepMounted: a.bool,
   /**
    * Callback fired when the backdrop is clicked.
    * @deprecated Use the `onClose` prop with the `reason` argument to handle the `backdropClick` events.
    */
-  onBackdropClick: l.func,
+  onBackdropClick: a.func,
   /**
    * Callback fired when the component requests to be closed.
    * The `reason` parameter can optionally be used to control the response to `onClose`.
@@ -585,71 +605,71 @@ process.env.NODE_ENV !== "production" && (re.propTypes = {
    * @param {object} event The event source of the callback.
    * @param {string} reason Can be: `"escapeKeyDown"`, `"backdropClick"`.
    */
-  onClose: l.func,
+  onClose: a.func,
   /**
    * A function called when a transition enters.
    */
-  onTransitionEnter: l.func,
+  onTransitionEnter: a.func,
   /**
    * A function called when a transition has exited.
    */
-  onTransitionExited: l.func,
+  onTransitionExited: a.func,
   /**
    * If `true`, the component is shown.
    */
-  open: l.bool.isRequired,
+  open: a.bool.isRequired,
   /**
    * The props used for each slot inside the Modal.
    * @default {}
    */
-  slotProps: l.shape({
-    backdrop: l.oneOfType([l.func, l.object]),
-    root: l.oneOfType([l.func, l.object])
+  slotProps: a.shape({
+    backdrop: a.oneOfType([a.func, a.object]),
+    root: a.oneOfType([a.func, a.object])
   }),
   /**
    * The components used for each slot inside the Modal.
    * Either a string to use a HTML element or a component.
    * @default {}
    */
-  slots: l.shape({
-    backdrop: l.elementType,
-    root: l.elementType
+  slots: a.shape({
+    backdrop: a.elementType,
+    root: a.elementType
   })
 });
-const M = se((e, t) => {
-  const { children: n, dialogTitle: o, dialogSubtitle: s, icon: r, onClose: i = () => {
+const F = ae((e, t) => {
+  const { children: o, dialogTitle: n, dialogSubtitle: s, icon: r, onClose: i = () => {
   } } = e;
-  return /* @__PURE__ */ S(
+  return /* @__PURE__ */ C(
     re,
     {
       ref: t,
-      slots: { backdrop: ae },
+      slots: { backdrop: ue },
       ...e,
-      onClose: (c, p) => {
-        i(p);
+      onClose: (l, f) => {
+        i(f);
       },
-      className: ie(z.dialog, e.className),
+      className: ce(z.dialog, e.className),
       "aria-labelledby": "alert-dialog-title",
       "aria-describedby": "alert-dialog-description",
-      children: /* @__PURE__ */ $("section", { className: z.dialog__panel, children: [
-        !!i && /* @__PURE__ */ S(ce, { handleOnClose: () => i("closeButtonClick") }),
-        /* @__PURE__ */ S(ee, { title: o, subTitle: s, icon: r }),
-        n
+      children: /* @__PURE__ */ Y("section", { className: z.dialog__panel, children: [
+        !!i && /* @__PURE__ */ C(de, { handleOnClose: () => i("closeButtonClick") }),
+        /* @__PURE__ */ C(ee, { title: n, subTitle: s, icon: r }),
+        o
       ] })
     }
   );
 });
-M.Title = ee;
-M.Title.displayName = "Dialog.Title";
-M.Content = de;
-M.Content.displayName = "Dialog.Content";
-M.Actions = le;
-M.Actions.displayName = "Dialog.Actions";
-const Ze = M;
+F.Title = ee;
+F.Title.displayName = "Dialog.Title";
+F.Content = fe;
+F.Content.displayName = "Dialog.Content";
+F.Actions = le;
+F.Actions.displayName = "Dialog.Actions";
+const et = F;
 export {
   le as Actions,
-  de as Content,
-  Ze as Dialog,
+  fe as Content,
+  et as Dialog,
   ee as DialogTitle,
-  M as default
+  F as default
 };