@hybridcore/ui 1.5.90 → 1.6.1

package/dist/Modal-CkcFEpHa.js

@@ -1,1284 +0,0 @@
-import { a as b, _ as q } from "./objectWithoutPropertiesLoose-DJteAcBH.js";
-import * as a from "react";
-import { P as e } from "./index-DMSHuq6l.js";
-import { g as ve, a as Te, u as xe, c as te } from "./useThemeProps-DRP1dikX.js";
-import { s as se } from "./styled-B8ugzvji.js";
-import { jsxs as ke, jsx as M } from "react/jsx-runtime";
-import { g as Pe } from "./createTheme-CNnKNxwL.js";
-import { u as _e } from "./useTheme-D-uii9iX.js";
-import { T as je, r as He, g as de } from "./utils-CsOZUsQj.js";
-import { e as J, a as Re } from "./exactProp-cjT0t_Pt.js";
-import { a as z, u as ue, s as fe, b as pe } from "./ButtonBase-DsX-jMQJ.js";
-import { o as H } from "./ownerDocument-CUrv0DIK.js";
-import { o as ie } from "./ownerWindow-niciwP7I.js";
-import { c as me } from "./useId-BHG98T5I.js";
-import { i as Ne } from "./isHostComponent-kiaBvYVo.js";
-import * as $e from "react-dom";
-function Ue(o, n, r) {
-  return o === void 0 || Ne(o) ? n : b({}, n, {
-    ownerState: b({}, n.ownerState, r)
-  });
-}
-const Ke = {
-  disableDefaultClasses: !1
-}, Ve = /* @__PURE__ */ a.createContext(Ke);
-function We(o) {
-  const {
-    disableDefaultClasses: n
-  } = a.useContext(Ve);
-  return (r) => n ? "" : o(r);
-}
-function qe(o, n = []) {
-  if (o === void 0)
-    return {};
-  const r = {};
-  return Object.keys(o).filter((t) => t.match(/^on[A-Z]/) && typeof o[t] == "function" && !n.includes(t)).forEach((t) => {
-    r[t] = o[t];
-  }), r;
-}
-function re(o, n) {
-  return typeof o == "function" ? o(n) : o;
-}
-function le(o, n, r, t, i) {
-  if (process.env.NODE_ENV === "production")
-    return null;
-  const s = o[n], l = i || n;
-  return s == null ? null : s && s.nodeType !== 1 ? new Error(`Invalid ${t} \`${l}\` supplied to \`${r}\`. Expected an HTMLElement.`) : null;
-}
-function ze(o) {
-  const n = o.documentElement.clientWidth;
-  return Math.abs(window.innerWidth - n);
-}
-function Se(o) {
-  var n, r, t = "";
-  if (typeof o == "string" || typeof o == "number") t += o;
-  else if (typeof o == "object") if (Array.isArray(o)) for (n = 0; n < o.length; n++) o[n] && (r = Se(o[n])) && (t && (t += " "), t += r);
-  else for (n in o) o[n] && (t && (t += " "), t += n);
-  return t;
-}
-function be() {
-  for (var o, n, r = 0, t = ""; r < arguments.length; ) (o = arguments[r++]) && (n = Se(o)) && (t && (t += " "), t += n);
-  return t;
-}
-function he(o) {
-  if (o === void 0)
-    return {};
-  const n = {};
-  return Object.keys(o).filter((r) => !(r.match(/^on[A-Z]/) && typeof o[r] == "function")).forEach((r) => {
-    n[r] = o[r];
-  }), n;
-}
-function Ye(o) {
-  const {
-    getSlotProps: n,
-    additionalProps: r,
-    externalSlotProps: t,
-    externalForwardedProps: i,
-    className: s
-  } = o;
-  if (!n) {
-    const x = be(i == null ? void 0 : i.className, t == null ? void 0 : t.className, s, r == null ? void 0 : r.className), m = b({}, r == null ? void 0 : r.style, i == null ? void 0 : i.style, t == null ? void 0 : t.style), R = b({}, r, i, t);
-    return x.length > 0 && (R.className = x), Object.keys(m).length > 0 && (R.style = m), {
-      props: R,
-      internalRef: void 0
-    };
-  }
-  const l = qe(b({}, i, t)), c = he(t), u = he(i), f = n(l), T = be(f == null ? void 0 : f.className, r == null ? void 0 : r.className, s, i == null ? void 0 : i.className, t == null ? void 0 : t.className), y = b({}, f == null ? void 0 : f.style, r == null ? void 0 : r.style, i == null ? void 0 : i.style, t == null ? void 0 : t.style), h = b({}, f, r, u, c);
-  return T.length > 0 && (h.className = T), Object.keys(y).length > 0 && (h.style = y), {
-    props: h,
-    internalRef: f.ref
-  };
-}
-const Ge = ["elementType", "externalSlotProps", "ownerState"];
-function ye(o) {
-  var n;
-  const {
-    elementType: r,
-    externalSlotProps: t,
-    ownerState: i
-  } = o, s = q(o, Ge), l = re(t, i), {
-    props: c,
-    internalRef: u
-  } = Ye(b({}, s, {
-    externalSlotProps: l
-  })), f = z(u, l == null ? void 0 : l.ref, (n = o.additionalProps) == null ? void 0 : n.ref);
-  return Ue(r, b({}, c, {
-    ref: f
-  }), i);
-}
-const Ze = ["input", "select", "textarea", "a[href]", "button", "[tabindex]", "audio[controls]", "video[controls]", '[contenteditable]:not([contenteditable="false"])'].join(",");
-function Xe(o) {
-  const n = parseInt(o.getAttribute("tabindex") || "", 10);
-  return Number.isNaN(n) ? o.contentEditable === "true" || (o.nodeName === "AUDIO" || o.nodeName === "VIDEO" || o.nodeName === "DETAILS") && o.getAttribute("tabindex") === null ? 0 : o.tabIndex : n;
-}
-function Je(o) {
-  if (o.tagName !== "INPUT" || o.type !== "radio" || !o.name)
-    return !1;
-  const n = (t) => o.ownerDocument.querySelector(`input[type="radio"]${t}`);
-  let r = n(`[name="${o.name}"]:checked`);
-  return r || (r = n(`[name="${o.name}"]`)), r !== o;
-}
-function Qe(o) {
-  return !(o.disabled || o.tagName === "INPUT" && o.type === "hidden" || Je(o));
-}
-function eo(o) {
-  const n = [], r = [];
-  return Array.from(o.querySelectorAll(Ze)).forEach((t, i) => {
-    const s = Xe(t);
-    s === -1 || !Qe(t) || (s === 0 ? n.push(t) : r.push({
-      documentOrder: i,
-      tabIndex: s,
-      node: t
-    }));
-  }), r.sort((t, i) => t.tabIndex === i.tabIndex ? t.documentOrder - i.documentOrder : t.tabIndex - i.tabIndex).map((t) => t.node).concat(n);
-}
-function oo() {
-  return !0;
-}
-function Z(o) {
-  const {
-    children: n,
-    disableAutoFocus: r = !1,
-    disableEnforceFocus: t = !1,
-    disableRestoreFocus: i = !1,
-    getTabbable: s = eo,
-    isEnabled: l = oo,
-    open: c
-  } = o, u = a.useRef(!1), f = a.useRef(null), T = a.useRef(null), y = a.useRef(null), h = a.useRef(null), x = a.useRef(!1), m = a.useRef(null), R = z(n.ref, m), N = a.useRef(null);
-  a.useEffect(() => {
-    !c || !m.current || (x.current = !r);
-  }, [r, c]), a.useEffect(() => {
-    if (!c || !m.current)
-      return;
-    const d = H(m.current);
-    return m.current.contains(d.activeElement) || (m.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(`
-`)), m.current.setAttribute("tabIndex", "-1")), x.current && m.current.focus()), () => {
-      i || (y.current && y.current.focus && (u.current = !0, y.current.focus()), y.current = null);
-    };
-  }, [c]), a.useEffect(() => {
-    if (!c || !m.current)
-      return;
-    const d = H(m.current), g = (O) => {
-      const {
-        current: I
-      } = m;
-      if (I !== null) {
-        if (!d.hasFocus() || t || !l() || u.current) {
-          u.current = !1;
-          return;
-        }
-        if (!I.contains(d.activeElement)) {
-          if (O && h.current !== O.target || d.activeElement !== h.current)
-            h.current = null;
-          else if (h.current !== null)
-            return;
-          if (!x.current)
-            return;
-          let P = [];
-          if ((d.activeElement === f.current || d.activeElement === T.current) && (P = s(m.current)), P.length > 0) {
-            var D, L;
-            const F = !!((D = N.current) != null && D.shiftKey && ((L = N.current) == null ? void 0 : L.key) === "Tab"), B = P[0], p = P[P.length - 1];
-            typeof B != "string" && typeof p != "string" && (F ? p.focus() : B.focus());
-          } else
-            I.focus();
-        }
-      }
-    }, E = (O) => {
-      N.current = O, !(t || !l() || O.key !== "Tab") && d.activeElement === m.current && O.shiftKey && (u.current = !0, T.current && T.current.focus());
-    };
-    d.addEventListener("focusin", g), d.addEventListener("keydown", E, !0);
-    const C = setInterval(() => {
-      d.activeElement && d.activeElement.tagName === "BODY" && g(null);
-    }, 50);
-    return () => {
-      clearInterval(C), d.removeEventListener("focusin", g), d.removeEventListener("keydown", E, !0);
-    };
-  }, [r, t, i, l, c, s]);
-  const k = (d) => {
-    y.current === null && (y.current = d.relatedTarget), x.current = !0, h.current = d.target;
-    const g = n.props.onFocus;
-    g && g(d);
-  }, w = (d) => {
-    y.current === null && (y.current = d.relatedTarget), x.current = !0;
-  };
-  return /* @__PURE__ */ ke(a.Fragment, {
-    children: [/* @__PURE__ */ M("div", {
-      tabIndex: c ? 0 : -1,
-      onFocus: w,
-      ref: f,
-      "data-testid": "sentinelStart"
-    }), /* @__PURE__ */ a.cloneElement(n, {
-      ref: R,
-      onFocus: k
-    }), /* @__PURE__ */ M("div", {
-      tabIndex: c ? 0 : -1,
-      onFocus: w,
-      ref: T,
-      "data-testid": "sentinelEnd"
-    })]
-  });
-}
-process.env.NODE_ENV !== "production" && (Z.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit TypeScript types and run "yarn proptypes"  |
-  // ----------------------------------------------------------------------
-  /**
-   * A single child content element.
-   */
-  children: J,
-  /**
-   * 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.
-   * This also works correctly with any focus trap children that have the `disableAutoFocus` prop.
-   *
-   * Generally this should never be set to `true` as it makes the focus trap less
-   * accessible to assistive technologies, like screen readers.
-   * @default false
-   */
-  disableAutoFocus: e.bool,
-  /**
-   * If `true`, the focus trap will not prevent focus from leaving the focus trap while open.
-   *
-   * Generally this should never be set to `true` as it makes the focus trap less
-   * accessible to assistive technologies, like screen readers.
-   * @default false
-   */
-  disableEnforceFocus: e.bool,
-  /**
-   * If `true`, the focus trap will not restore focus to previously focused element once
-   * focus trap is hidden or unmounted.
-   * @default false
-   */
-  disableRestoreFocus: e.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: e.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.
-   * This prop should be memoized.
-   * It can be used to support multiple focus trap mounted at the same time.
-   * @default function defaultIsEnabled(): boolean {
-   *   return true;
-   * }
-   */
-  isEnabled: e.func,
-  /**
-   * If `true`, focus is locked.
-   */
-  open: e.bool.isRequired
-});
-process.env.NODE_ENV !== "production" && (Z.propTypes = Re(Z.propTypes));
-function no(o) {
-  return typeof o == "function" ? o() : o;
-}
-const X = /* @__PURE__ */ a.forwardRef(function(n, r) {
-  const {
-    children: t,
-    container: i,
-    disablePortal: s = !1
-  } = n, [l, c] = a.useState(null), u = z(/* @__PURE__ */ a.isValidElement(t) ? t.ref : null, r);
-  if (ue(() => {
-    s || c(no(i) || document.body);
-  }, [i, s]), ue(() => {
-    if (l && !s)
-      return fe(r, l), () => {
-        fe(r, null);
-      };
-  }, [r, l, s]), s) {
-    if (/* @__PURE__ */ a.isValidElement(t)) {
-      const f = {
-        ref: u
-      };
-      return /* @__PURE__ */ a.cloneElement(t, f);
-    }
-    return /* @__PURE__ */ M(a.Fragment, {
-      children: t
-    });
-  }
-  return /* @__PURE__ */ M(a.Fragment, {
-    children: l && /* @__PURE__ */ $e.createPortal(t, l)
-  });
-});
-process.env.NODE_ENV !== "production" && (X.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit TypeScript types and run "yarn proptypes"  |
-  // ----------------------------------------------------------------------
-  /**
-   * The children to render into the `container`.
-   */
-  children: e.node,
-  /**
-   * An HTML element or function that returns one.
-   * The `container` will have the portal children appended to it.
-   *
-   * By default, it uses the body of the top-level document object,
-   * so it's simply `document.body` most of the time.
-   */
-  container: e.oneOfType([le, e.func]),
-  /**
-   * The `children` will be under the DOM hierarchy of the parent component.
-   * @default false
-   */
-  disablePortal: e.bool
-});
-process.env.NODE_ENV !== "production" && (X.propTypes = Re(X.propTypes));
-function to(o) {
-  const n = H(o);
-  return n.body === o ? ie(o).innerWidth > n.documentElement.clientWidth : o.scrollHeight > o.clientHeight;
-}
-function W(o, n) {
-  n ? o.setAttribute("aria-hidden", "true") : o.removeAttribute("aria-hidden");
-}
-function Ee(o) {
-  return parseInt(ie(o).getComputedStyle(o).paddingRight, 10) || 0;
-}
-function ro(o) {
-  const r = ["TEMPLATE", "SCRIPT", "STYLE", "LINK", "MAP", "META", "NOSCRIPT", "PICTURE", "COL", "COLGROUP", "PARAM", "SLOT", "SOURCE", "TRACK"].indexOf(o.tagName) !== -1, t = o.tagName === "INPUT" && o.getAttribute("type") === "hidden";
-  return r || t;
-}
-function ge(o, n, r, t, i) {
-  const s = [n, r, ...t];
-  [].forEach.call(o.children, (l) => {
-    const c = s.indexOf(l) === -1, u = !ro(l);
-    c && u && W(l, i);
-  });
-}
-function ne(o, n) {
-  let r = -1;
-  return o.some((t, i) => n(t) ? (r = i, !0) : !1), r;
-}
-function so(o, n) {
-  const r = [], t = o.container;
-  if (!n.disableScrollLock) {
-    if (to(t)) {
-      const l = ze(H(t));
-      r.push({
-        value: t.style.paddingRight,
-        property: "padding-right",
-        el: t
-      }), t.style.paddingRight = `${Ee(t) + l}px`;
-      const c = H(t).querySelectorAll(".mui-fixed");
-      [].forEach.call(c, (u) => {
-        r.push({
-          value: u.style.paddingRight,
-          property: "padding-right",
-          el: u
-        }), u.style.paddingRight = `${Ee(u) + l}px`;
-      });
-    }
-    let s;
-    if (t.parentNode instanceof DocumentFragment)
-      s = H(t).body;
-    else {
-      const l = t.parentElement, c = ie(t);
-      s = (l == null ? void 0 : l.nodeName) === "HTML" && c.getComputedStyle(l).overflowY === "scroll" ? l : t;
-    }
-    r.push({
-      value: s.style.overflow,
-      property: "overflow",
-      el: s
-    }, {
-      value: s.style.overflowX,
-      property: "overflow-x",
-      el: s
-    }, {
-      value: s.style.overflowY,
-      property: "overflow-y",
-      el: s
-    }), s.style.overflow = "hidden";
-  }
-  return () => {
-    r.forEach(({
-      value: s,
-      el: l,
-      property: c
-    }) => {
-      s ? l.style.setProperty(c, s) : l.style.removeProperty(c);
-    });
-  };
-}
-function io(o) {
-  const n = [];
-  return [].forEach.call(o.children, (r) => {
-    r.getAttribute("aria-hidden") === "true" && n.push(r);
-  }), n;
-}
-class lo {
-  constructor() {
-    this.containers = void 0, this.modals = void 0, this.modals = [], this.containers = [];
-  }
-  add(n, r) {
-    let t = this.modals.indexOf(n);
-    if (t !== -1)
-      return t;
-    t = this.modals.length, this.modals.push(n), n.modalRef && W(n.modalRef, !1);
-    const i = io(r);
-    ge(r, n.mount, n.modalRef, i, !0);
-    const s = ne(this.containers, (l) => l.container === r);
-    return s !== -1 ? (this.containers[s].modals.push(n), t) : (this.containers.push({
-      modals: [n],
-      container: r,
-      restore: null,
-      hiddenSiblings: i
-    }), t);
-  }
-  mount(n, r) {
-    const t = ne(this.containers, (s) => s.modals.indexOf(n) !== -1), i = this.containers[t];
-    i.restore || (i.restore = so(i, r));
-  }
-  remove(n, r = !0) {
-    const t = this.modals.indexOf(n);
-    if (t === -1)
-      return t;
-    const i = ne(this.containers, (l) => l.modals.indexOf(n) !== -1), s = this.containers[i];
-    if (s.modals.splice(s.modals.indexOf(n), 1), this.modals.splice(t, 1), s.modals.length === 0)
-      s.restore && s.restore(), n.modalRef && W(n.modalRef, r), ge(s.container, n.mount, n.modalRef, s.hiddenSiblings, !1), this.containers.splice(i, 1);
-    else {
-      const l = s.modals[s.modals.length - 1];
-      l.modalRef && W(l.modalRef, !1);
-    }
-    return t;
-  }
-  isTopModal(n) {
-    return this.modals.length > 0 && this.modals[this.modals.length - 1] === n;
-  }
-}
-function ao(o) {
-  return Pe("MuiModal", o);
-}
-ve("MuiModal", ["root", "hidden", "backdrop"]);
-const co = ["children", "closeAfterTransition", "component", "container", "disableAutoFocus", "disableEnforceFocus", "disableEscapeKeyDown", "disablePortal", "disableRestoreFocus", "disableScrollLock", "hideBackdrop", "keepMounted", "manager", "onBackdropClick", "onClose", "onKeyDown", "open", "onTransitionEnter", "onTransitionExited", "slotProps", "slots"], uo = (o) => {
-  const {
-    open: n,
-    exited: r
-  } = o;
-  return Te({
-    root: ["root", !n && r && "hidden"],
-    backdrop: ["backdrop"]
-  }, We(ao));
-};
-function fo(o) {
-  return typeof o == "function" ? o() : o;
-}
-function po(o) {
-  return o ? o.props.hasOwnProperty("in") : !1;
-}
-const mo = new lo(), Ce = /* @__PURE__ */ a.forwardRef(function(n, r) {
-  var t, i;
-  const {
-    children: s,
-    closeAfterTransition: l = !1,
-    component: c,
-    container: u,
-    disableAutoFocus: f = !1,
-    disableEnforceFocus: T = !1,
-    disableEscapeKeyDown: y = !1,
-    disablePortal: h = !1,
-    disableRestoreFocus: x = !1,
-    disableScrollLock: m = !1,
-    hideBackdrop: R = !1,
-    keepMounted: N = !1,
-    // private
-    manager: k = mo,
-    onBackdropClick: w,
-    onClose: d,
-    onKeyDown: g,
-    open: E,
-    onTransitionEnter: C,
-    onTransitionExited: O,
-    slotProps: I = {},
-    slots: D = {}
-  } = n, L = q(n, co), [P, F] = a.useState(!E), B = a.useRef({}), p = a.useRef(null), v = a.useRef(null), A = z(v, r), j = po(s), _ = (t = n["aria-hidden"]) != null ? t : !0, Y = () => H(p.current), $ = () => (B.current.modalRef = v.current, B.current.mountNode = p.current, B.current), U = () => {
-    k.mount($(), {
-      disableScrollLock: m
-    }), v.current && (v.current.scrollTop = 0);
-  }, K = pe(() => {
-    const S = fo(u) || Y().body;
-    k.add($(), S), v.current && U();
-  }), Q = a.useCallback(() => k.isTopModal($()), [k]), Fe = pe((S) => {
-    p.current = S, !(!S || !v.current) && (E && Q() ? U() : W(v.current, _));
-  }), V = a.useCallback(() => {
-    k.remove($(), _);
-  }, [k, _]);
-  a.useEffect(() => () => {
-    V();
-  }, [V]), a.useEffect(() => {
-    E ? K() : (!j || !l) && V();
-  }, [E, V, j, l, K]);
-  const ee = b({}, n, {
-    closeAfterTransition: l,
-    disableAutoFocus: f,
-    disableEnforceFocus: T,
-    disableEscapeKeyDown: y,
-    disablePortal: h,
-    disableRestoreFocus: x,
-    disableScrollLock: m,
-    exited: P,
-    hideBackdrop: R,
-    keepMounted: N
-  }), ae = uo(ee), Me = () => {
-    F(!1), C && C();
-  }, Ie = () => {
-    F(!0), O && O(), l && V();
-  }, Ae = (S) => {
-    S.target === S.currentTarget && (w && w(S), d && d(S, "backdropClick"));
-  }, De = (S) => {
-    g && g(S), !(S.key !== "Escape" || !Q()) && (y || (S.stopPropagation(), d && d(S, "escapeKeyDown")));
-  }, G = {};
-  s.props.tabIndex === void 0 && (G.tabIndex = "-1"), j && (G.onEnter = me(Me, s.props.onEnter), G.onExited = me(Ie, s.props.onExited));
-  const ce = (i = c ?? D.root) != null ? i : "div", Be = ye({
-    elementType: ce,
-    externalSlotProps: I.root,
-    externalForwardedProps: L,
-    additionalProps: {
-      ref: A,
-      role: "presentation",
-      onKeyDown: De
-    },
-    className: ae.root,
-    ownerState: ee
-  }), oe = D.backdrop, Le = ye({
-    elementType: oe,
-    externalSlotProps: I.backdrop,
-    additionalProps: {
-      "aria-hidden": !0,
-      onClick: Ae,
-      open: E
-    },
-    className: ae.backdrop,
-    ownerState: ee
-  });
-  return !N && !E && (!j || P) ? null : /* @__PURE__ */ M(
-    X,
-    {
-      ref: Fe,
-      container: u,
-      disablePortal: h,
-      children: /* @__PURE__ */ ke(ce, b({}, Be, {
-        children: [!R && oe ? /* @__PURE__ */ M(oe, b({}, Le)) : null, /* @__PURE__ */ M(Z, {
-          disableEnforceFocus: T,
-          disableAutoFocus: f,
-          disableRestoreFocus: x,
-          isEnabled: Q,
-          open: E,
-          children: /* @__PURE__ */ a.cloneElement(s, G)
-        })]
-      }))
-    }
-  );
-});
-process.env.NODE_ENV !== "production" && (Ce.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit TypeScript types and run "yarn proptypes"  |
-  // ----------------------------------------------------------------------
-  /**
-   * A single child content element.
-   */
-  children: J.isRequired,
-  /**
-   * When set to true the Modal waits until a nested Transition is completed before closing.
-   * @default false
-   */
-  closeAfterTransition: e.bool,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: e.elementType,
-  /**
-   * An HTML element or function that returns one.
-   * The `container` will have the portal children appended to it.
-   *
-   * By default, it uses the body of the top-level document object,
-   * so it's simply `document.body` most of the time.
-   */
-  container: e.oneOfType([le, e.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.
-   * This also works correctly with any modal children that have the `disableAutoFocus` prop.
-   *
-   * Generally this should never be set to `true` as it makes the modal less
-   * accessible to assistive technologies, like screen readers.
-   * @default false
-   */
-  disableAutoFocus: e.bool,
-  /**
-   * If `true`, the modal will not prevent focus from leaving the modal while open.
-   *
-   * Generally this should never be set to `true` as it makes the modal less
-   * accessible to assistive technologies, like screen readers.
-   * @default false
-   */
-  disableEnforceFocus: e.bool,
-  /**
-   * If `true`, hitting escape will not fire the `onClose` callback.
-   * @default false
-   */
-  disableEscapeKeyDown: e.bool,
-  /**
-   * The `children` will be under the DOM hierarchy of the parent component.
-   * @default false
-   */
-  disablePortal: e.bool,
-  /**
-   * If `true`, the modal will not restore focus to previously focused element once
-   * modal is hidden or unmounted.
-   * @default false
-   */
-  disableRestoreFocus: e.bool,
-  /**
-   * Disable the scroll lock behavior.
-   * @default false
-   */
-  disableScrollLock: e.bool,
-  /**
-   * If `true`, the backdrop is not rendered.
-   * @default false
-   */
-  hideBackdrop: e.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: e.bool,
-  /**
-   * Callback fired when the backdrop is clicked.
-   * @deprecated Use the `onClose` prop with the `reason` argument to handle the `backdropClick` events.
-   */
-  onBackdropClick: e.func,
-  /**
-   * Callback fired when the component requests to be closed.
-   * The `reason` parameter can optionally be used to control the response to `onClose`.
-   *
-   * @param {object} event The event source of the callback.
-   * @param {string} reason Can be: `"escapeKeyDown"`, `"backdropClick"`.
-   */
-  onClose: e.func,
-  /**
-   * @ignore
-   */
-  onKeyDown: e.func,
-  /**
-   * If `true`, the component is shown.
-   */
-  open: e.bool.isRequired,
-  /**
-   * The props used for each slot inside the Modal.
-   * @default {}
-   */
-  slotProps: e.shape({
-    backdrop: e.oneOfType([e.func, e.object]),
-    root: e.oneOfType([e.func, e.object])
-  }),
-  /**
-   * The components used for each slot inside the Modal.
-   * Either a string to use a HTML element or a component.
-   * @default {}
-   */
-  slots: e.shape({
-    backdrop: e.elementType,
-    root: e.elementType
-  })
-});
-const bo = ["addEndListener", "appear", "children", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"], ho = {
-  entering: {
-    opacity: 1
-  },
-  entered: {
-    opacity: 1
-  }
-}, Oe = /* @__PURE__ */ a.forwardRef(function(n, r) {
-  const t = _e(), i = {
-    enter: t.transitions.duration.enteringScreen,
-    exit: t.transitions.duration.leavingScreen
-  }, {
-    addEndListener: s,
-    appear: l = !0,
-    children: c,
-    easing: u,
-    in: f,
-    onEnter: T,
-    onEntered: y,
-    onEntering: h,
-    onExit: x,
-    onExited: m,
-    onExiting: R,
-    style: N,
-    timeout: k = i,
-    // eslint-disable-next-line react/prop-types
-    TransitionComponent: w = je
-  } = n, d = q(n, bo), g = a.useRef(null), E = z(g, c.ref, r), C = (p) => (v) => {
-    if (p) {
-      const A = g.current;
-      v === void 0 ? p(A) : p(A, v);
-    }
-  }, O = C(h), I = C((p, v) => {
-    He(p);
-    const A = de({
-      style: N,
-      timeout: k,
-      easing: u
-    }, {
-      mode: "enter"
-    });
-    p.style.webkitTransition = t.transitions.create("opacity", A), p.style.transition = t.transitions.create("opacity", A), T && T(p, v);
-  }), D = C(y), L = C(R), P = C((p) => {
-    const v = de({
-      style: N,
-      timeout: k,
-      easing: u
-    }, {
-      mode: "exit"
-    });
-    p.style.webkitTransition = t.transitions.create("opacity", v), p.style.transition = t.transitions.create("opacity", v), x && x(p);
-  }), F = C(m);
-  return /* @__PURE__ */ M(w, b({
-    appear: l,
-    in: f,
-    nodeRef: g,
-    onEnter: I,
-    onEntered: D,
-    onEntering: O,
-    onExit: P,
-    onExited: F,
-    onExiting: L,
-    addEndListener: (p) => {
-      s && s(g.current, p);
-    },
-    timeout: k
-  }, d, {
-    children: (p, v) => /* @__PURE__ */ a.cloneElement(c, b({
-      style: b({
-        opacity: 0,
-        visibility: p === "exited" && !f ? "hidden" : void 0
-      }, ho[p], N, c.props.style),
-      ref: E
-    }, v))
-  }));
-});
-process.env.NODE_ENV !== "production" && (Oe.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit the d.ts file and run "yarn proptypes"     |
-  // ----------------------------------------------------------------------
-  /**
-   * Add a custom transition end trigger. Called with the transitioning DOM
-   * node and a done callback. Allows for more fine grained transition end
-   * logic. Note: Timeouts are still used as a fallback if provided.
-   */
-  addEndListener: e.func,
-  /**
-   * Perform the enter transition when it first mounts if `in` is also `true`.
-   * Set this to `false` to disable this behavior.
-   * @default true
-   */
-  appear: e.bool,
-  /**
-   * A single child content element.
-   */
-  children: J.isRequired,
-  /**
-   * The transition timing function.
-   * You may specify a single easing or a object containing enter and exit values.
-   */
-  easing: e.oneOfType([e.shape({
-    enter: e.string,
-    exit: e.string
-  }), e.string]),
-  /**
-   * If `true`, the component will transition in.
-   */
-  in: e.bool,
-  /**
-   * @ignore
-   */
-  onEnter: e.func,
-  /**
-   * @ignore
-   */
-  onEntered: e.func,
-  /**
-   * @ignore
-   */
-  onEntering: e.func,
-  /**
-   * @ignore
-   */
-  onExit: e.func,
-  /**
-   * @ignore
-   */
-  onExited: e.func,
-  /**
-   * @ignore
-   */
-  onExiting: e.func,
-  /**
-   * @ignore
-   */
-  style: e.object,
-  /**
-   * The duration for the transition, in milliseconds.
-   * You may specify a single timeout for all transitions, or individually with an object.
-   * @default {
-   *   enter: theme.transitions.duration.enteringScreen,
-   *   exit: theme.transitions.duration.leavingScreen,
-   * }
-   */
-  timeout: e.oneOfType([e.number, e.shape({
-    appear: e.number,
-    enter: e.number,
-    exit: e.number
-  })])
-});
-function yo(o) {
-  return Pe("MuiBackdrop", o);
-}
-ve("MuiBackdrop", ["root", "invisible"]);
-const Eo = ["children", "className", "component", "components", "componentsProps", "invisible", "open", "slotProps", "slots", "TransitionComponent", "transitionDuration"], go = (o) => {
-  const {
-    classes: n,
-    invisible: r
-  } = o;
-  return Te({
-    root: ["root", r && "invisible"]
-  }, yo, n);
-}, vo = se("div", {
-  name: "MuiBackdrop",
-  slot: "Root",
-  overridesResolver: (o, n) => {
-    const {
-      ownerState: r
-    } = o;
-    return [n.root, r.invisible && n.invisible];
-  }
-})(({
-  ownerState: o
-}) => b({
-  position: "fixed",
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "center",
-  right: 0,
-  bottom: 0,
-  top: 0,
-  left: 0,
-  backgroundColor: "rgba(0, 0, 0, 0.5)",
-  WebkitTapHighlightColor: "transparent"
-}, o.invisible && {
-  backgroundColor: "transparent"
-})), we = /* @__PURE__ */ a.forwardRef(function(n, r) {
-  var t, i, s;
-  const l = xe({
-    props: n,
-    name: "MuiBackdrop"
-  }), {
-    children: c,
-    className: u,
-    component: f = "div",
-    components: T = {},
-    componentsProps: y = {},
-    invisible: h = !1,
-    open: x,
-    slotProps: m = {},
-    slots: R = {},
-    TransitionComponent: N = Oe,
-    transitionDuration: k
-  } = l, w = q(l, Eo), d = b({}, l, {
-    component: f,
-    invisible: h
-  }), g = go(d), E = (t = m.root) != null ? t : y.root;
-  return /* @__PURE__ */ M(N, b({
-    in: x,
-    timeout: k
-  }, w, {
-    children: /* @__PURE__ */ M(vo, b({
-      "aria-hidden": !0
-    }, E, {
-      as: (i = (s = R.root) != null ? s : T.Root) != null ? i : f,
-      className: te(g.root, u, E == null ? void 0 : E.className),
-      ownerState: b({}, d, E == null ? void 0 : E.ownerState),
-      classes: g,
-      ref: r,
-      children: c
-    }))
-  }));
-});
-process.env.NODE_ENV !== "production" && (we.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit the d.ts file and run "yarn proptypes"     |
-  // ----------------------------------------------------------------------
-  /**
-   * The content of the component.
-   */
-  children: e.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: e.object,
-  /**
-   * @ignore
-   */
-  className: e.string,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: e.elementType,
-  /**
-   * The components used for each slot inside.
-   *
-   * This prop is an alias for the `slots` prop.
-   * It's recommended to use the `slots` prop instead.
-   *
-   * @default {}
-   */
-  components: e.shape({
-    Root: e.elementType
-  }),
-  /**
-   * The extra props for the slot components.
-   * You can override the existing props or add new ones.
-   *
-   * This prop is an alias for the `slotProps` prop.
-   * It's recommended to use the `slotProps` prop instead, as `componentsProps` will be deprecated in the future.
-   *
-   * @default {}
-   */
-  componentsProps: e.shape({
-    root: e.object
-  }),
-  /**
-   * If `true`, the backdrop is invisible.
-   * It can be used when rendering a popover or a custom select component.
-   * @default false
-   */
-  invisible: e.bool,
-  /**
-   * If `true`, the component is shown.
-   */
-  open: e.bool.isRequired,
-  /**
-   * The extra props for the slot components.
-   * You can override the existing props or add new ones.
-   *
-   * This prop is an alias for the `componentsProps` prop, which will be deprecated in the future.
-   *
-   * @default {}
-   */
-  slotProps: e.shape({
-    root: e.object
-  }),
-  /**
-   * The components used for each slot inside.
-   *
-   * This prop is an alias for the `components` prop, which will be deprecated in the future.
-   *
-   * @default {}
-   */
-  slots: e.shape({
-    root: e.elementType
-  }),
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
-  /**
-   * The component used for the transition.
-   * [Follow this guide](/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
-   * @default Fade
-   */
-  TransitionComponent: e.elementType,
-  /**
-   * The duration for the transition, in milliseconds.
-   * You may specify a single timeout for all transitions, or individually with an object.
-   */
-  transitionDuration: e.oneOfType([e.number, e.shape({
-    appear: e.number,
-    enter: e.number,
-    exit: e.number
-  })])
-});
-const To = ["BackdropComponent", "BackdropProps", "classes", "className", "closeAfterTransition", "children", "component", "components", "componentsProps", "disableAutoFocus", "disableEnforceFocus", "disableEscapeKeyDown", "disablePortal", "disableRestoreFocus", "disableScrollLock", "hideBackdrop", "keepMounted", "slotProps", "slots", "theme"], xo = se("div", {
-  name: "MuiModal",
-  slot: "Root",
-  overridesResolver: (o, n) => {
-    const {
-      ownerState: r
-    } = o;
-    return [n.root, !r.open && r.exited && n.hidden];
-  }
-})(({
-  theme: o,
-  ownerState: n
-}) => b({
-  position: "fixed",
-  zIndex: (o.vars || o).zIndex.modal,
-  right: 0,
-  bottom: 0,
-  top: 0,
-  left: 0
-}, !n.open && n.exited && {
-  visibility: "hidden"
-})), ko = se(we, {
-  name: "MuiModal",
-  slot: "Backdrop",
-  overridesResolver: (o, n) => n.backdrop
-})({
-  zIndex: -1
-}), Po = /* @__PURE__ */ a.forwardRef(function(n, r) {
-  var t, i, s, l, c, u;
-  const f = xe({
-    name: "MuiModal",
-    props: n
-  }), {
-    BackdropComponent: T = ko,
-    BackdropProps: y,
-    classes: h,
-    className: x,
-    closeAfterTransition: m = !1,
-    children: R,
-    component: N,
-    components: k = {},
-    componentsProps: w = {},
-    disableAutoFocus: d = !1,
-    disableEnforceFocus: g = !1,
-    disableEscapeKeyDown: E = !1,
-    disablePortal: C = !1,
-    disableRestoreFocus: O = !1,
-    disableScrollLock: I = !1,
-    hideBackdrop: D = !1,
-    keepMounted: L = !1,
-    slotProps: P,
-    slots: F,
-    // eslint-disable-next-line react/prop-types
-    theme: B
-  } = f, p = q(f, To), [v, A] = a.useState(!0), j = {
-    closeAfterTransition: m,
-    disableAutoFocus: d,
-    disableEnforceFocus: g,
-    disableEscapeKeyDown: E,
-    disablePortal: C,
-    disableRestoreFocus: O,
-    disableScrollLock: I,
-    hideBackdrop: D,
-    keepMounted: L
-  }, _ = b({}, f, j, {
-    exited: v
-  }), Y = (t = (i = F == null ? void 0 : F.root) != null ? i : k.Root) != null ? t : xo, $ = (s = (l = F == null ? void 0 : F.backdrop) != null ? l : k.Backdrop) != null ? s : T, U = (c = P == null ? void 0 : P.root) != null ? c : w.root, K = (u = P == null ? void 0 : P.backdrop) != null ? u : w.backdrop;
-  return /* @__PURE__ */ M(Ce, b({
-    slots: {
-      root: Y,
-      backdrop: $
-    },
-    slotProps: {
-      root: () => b({}, re(U, _), !Ne(Y) && {
-        as: N,
-        theme: B
-      }, {
-        className: te(x, U == null ? void 0 : U.className, h == null ? void 0 : h.root, !_.open && _.exited && (h == null ? void 0 : h.hidden))
-      }),
-      backdrop: () => b({}, y, re(K, _), {
-        className: te(K == null ? void 0 : K.className, h == null ? void 0 : h.backdrop)
-      })
-    },
-    onTransitionEnter: () => A(!1),
-    onTransitionExited: () => A(!0),
-    ref: r
-  }, p, j, {
-    children: R
-  }));
-});
-process.env.NODE_ENV !== "production" && (Po.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit the d.ts file and run "yarn proptypes"     |
-  // ----------------------------------------------------------------------
-  /**
-   * A backdrop component. This prop enables custom backdrop rendering.
-   * @deprecated Use `slots.backdrop` instead. While this prop currently works, it will be removed in the next major version.
-   * Use the `slots.backdrop` prop to make your application ready for the next version of Material UI.
-   * @default styled(Backdrop, {
-   *   name: 'MuiModal',
-   *   slot: 'Backdrop',
-   *   overridesResolver: (props, styles) => {
-   *     return styles.backdrop;
-   *   },
-   * })({
-   *   zIndex: -1,
-   * })
-   */
-  BackdropComponent: e.elementType,
-  /**
-   * Props applied to the [`Backdrop`](/material-ui/api/backdrop/) element.
-   * @deprecated Use `slotProps.backdrop` instead.
-   */
-  BackdropProps: e.object,
-  /**
-   * A single child content element.
-   */
-  children: J.isRequired,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: e.object,
-  /**
-   * @ignore
-   */
-  className: e.string,
-  /**
-   * When set to true the Modal waits until a nested Transition is completed before closing.
-   * @default false
-   */
-  closeAfterTransition: e.bool,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: e.elementType,
-  /**
-   * The components used for each slot inside.
-   *
-   * This prop is an alias for the `slots` prop.
-   * It's recommended to use the `slots` prop instead.
-   *
-   * @default {}
-   */
-  components: e.shape({
-    Backdrop: e.elementType,
-    Root: e.elementType
-  }),
-  /**
-   * The extra props for the slot components.
-   * You can override the existing props or add new ones.
-   *
-   * This prop is an alias for the `slotProps` prop.
-   * It's recommended to use the `slotProps` prop instead, as `componentsProps` will be deprecated in the future.
-   *
-   * @default {}
-   */
-  componentsProps: e.shape({
-    backdrop: e.oneOfType([e.func, e.object]),
-    root: e.oneOfType([e.func, e.object])
-  }),
-  /**
-   * An HTML element or function that returns one.
-   * The `container` will have the portal children appended to it.
-   *
-   * By default, it uses the body of the top-level document object,
-   * so it's simply `document.body` most of the time.
-   */
-  container: e.oneOfType([le, e.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.
-   * This also works correctly with any modal children that have the `disableAutoFocus` prop.
-   *
-   * Generally this should never be set to `true` as it makes the modal less
-   * accessible to assistive technologies, like screen readers.
-   * @default false
-   */
-  disableAutoFocus: e.bool,
-  /**
-   * If `true`, the modal will not prevent focus from leaving the modal while open.
-   *
-   * Generally this should never be set to `true` as it makes the modal less
-   * accessible to assistive technologies, like screen readers.
-   * @default false
-   */
-  disableEnforceFocus: e.bool,
-  /**
-   * If `true`, hitting escape will not fire the `onClose` callback.
-   * @default false
-   */
-  disableEscapeKeyDown: e.bool,
-  /**
-   * The `children` will be under the DOM hierarchy of the parent component.
-   * @default false
-   */
-  disablePortal: e.bool,
-  /**
-   * If `true`, the modal will not restore focus to previously focused element once
-   * modal is hidden or unmounted.
-   * @default false
-   */
-  disableRestoreFocus: e.bool,
-  /**
-   * Disable the scroll lock behavior.
-   * @default false
-   */
-  disableScrollLock: e.bool,
-  /**
-   * If `true`, the backdrop is not rendered.
-   * @default false
-   */
-  hideBackdrop: e.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: e.bool,
-  /**
-   * Callback fired when the backdrop is clicked.
-   * @deprecated Use the `onClose` prop with the `reason` argument to handle the `backdropClick` events.
-   */
-  onBackdropClick: e.func,
-  /**
-   * Callback fired when the component requests to be closed.
-   * The `reason` parameter can optionally be used to control the response to `onClose`.
-   *
-   * @param {object} event The event source of the callback.
-   * @param {string} reason Can be: `"escapeKeyDown"`, `"backdropClick"`.
-   */
-  onClose: e.func,
-  /**
-   * If `true`, the component is shown.
-   */
-  open: e.bool.isRequired,
-  /**
-   * The props used for each slot inside the Modal.
-   * @default {}
-   */
-  slotProps: e.shape({
-    backdrop: e.oneOfType([e.func, e.object]),
-    root: e.oneOfType([e.func, e.object])
-  }),
-  /**
-   * The components used for each slot inside the Modal.
-   * Either a string to use a HTML element or a component.
-   * @default {}
-   */
-  slots: e.shape({
-    backdrop: e.elementType,
-    root: e.elementType
-  }),
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
-});
-export {
-  we as B,
-  Oe as F,
-  le as H,
-  Po as M,
-  X as P,
-  We as a,
-  Z as b,
-  ze as g,
-  re as r,
-  ye as u
-};