@hybridcore/ui 1.6.0 → 1.6.2

package/dist/Modal-DhPpOoGB.js

@@ -1,1299 +0,0 @@
-import { a as m, _ as z } from "./objectWithoutPropertiesLoose-DJteAcBH.js";
-import * as c from "react";
-import { P as e } from "./index-C__OZmYy.js";
-import { b as ge, c as W, g as ve, a as Te, u as xe } from "./useThemeProps-BzzHcQyd.js";
-import { s as se } from "./styled-eZwjUruw.js";
-import { jsxs as Pe, jsx as M } from "react/jsx-runtime";
-import { g as ke } from "./createTheme-DYxDnE9u.js";
-import { u as Le } from "./Paper-2B03OBmZ.js";
-import { T as $e, r as je, g as de } from "./utils-BDNynJcd.js";
-import { a as Y, u as ue, s as fe, b as pe } from "./ButtonBase-2bPw77UP.js";
-import { o as j, a as ie, c as me } from "./useId-B4-oF9Mq.js";
-import { i as Re } from "./isHostComponent-kiaBvYVo.js";
-import * as He from "react-dom";
-function Ue(o, n, r) {
-  return o === void 0 || Re(o) ? n : m({}, n, {
-    ownerState: m({}, n.ownerState, r)
-  });
-}
-const Ve = {
-  disableDefaultClasses: !1
-}, Ke = /* @__PURE__ */ c.createContext(Ve);
-function qe(o) {
-  const {
-    disableDefaultClasses: n
-  } = c.useContext(Ke);
-  return (r) => n ? "" : o(r);
-}
-function We(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 ze(o) {
-  const {
-    prototype: n = {}
-  } = o;
-  return !!n.isReactComponent;
-}
-function Ne(o, n, r, t, i) {
-  const s = o[n], l = i || n;
-  if (s == null || // When server-side rendering React doesn't warn either.
-  // This is not an accurate check for SSR.
-  // This is only in place for Emotion compat.
-  // TODO: Revisit once https://github.com/facebook/react/issues/20047 is resolved.
-  typeof window > "u")
-    return null;
-  let a;
-  const u = s.type;
-  return typeof u == "function" && !ze(u) && (a = "Did you accidentally use a plain function component for an element instead?"), a !== void 0 ? new Error(`Invalid ${t} \`${l}\` supplied to \`${r}\`. Expected an element that can hold a ref. ${a} For more information see https://mui.com/r/caveat-with-refs-guide`) : null;
-}
-const G = ge(e.element, Ne);
-G.isRequired = ge(e.element.isRequired, Ne);
-const Ye = "exact-prop: ​";
-function Ce(o) {
-  return process.env.NODE_ENV === "production" ? o : m({}, o, {
-    [Ye]: (n) => {
-      const r = Object.keys(n).filter((t) => !o.hasOwnProperty(t));
-      return r.length > 0 ? new Error(`The following props are not supported: ${r.map((t) => `\`${t}\``).join(", ")}. Please remove them.`) : null;
-    }
-  });
-}
-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 Ge(o) {
-  const n = o.documentElement.clientWidth;
-  return Math.abs(window.innerWidth - n);
-}
-function be(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 Ze(o) {
-  const {
-    getSlotProps: n,
-    additionalProps: r,
-    externalSlotProps: t,
-    externalForwardedProps: i,
-    className: s
-  } = o;
-  if (!n) {
-    const x = W(i == null ? void 0 : i.className, t == null ? void 0 : t.className, s, r == null ? void 0 : r.className), b = m({}, r == null ? void 0 : r.style, i == null ? void 0 : i.style, t == null ? void 0 : t.style), R = m({}, r, i, t);
-    return x.length > 0 && (R.className = x), Object.keys(b).length > 0 && (R.style = b), {
-      props: R,
-      internalRef: void 0
-    };
-  }
-  const l = We(m({}, i, t)), a = be(t), u = be(i), f = n(l), T = W(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 = m({}, 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 = m({}, f, r, u, a);
-  return T.length > 0 && (h.className = T), Object.keys(y).length > 0 && (h.style = y), {
-    props: h,
-    internalRef: f.ref
-  };
-}
-const Xe = ["elementType", "externalSlotProps", "ownerState"];
-function he(o) {
-  var n;
-  const {
-    elementType: r,
-    externalSlotProps: t,
-    ownerState: i
-  } = o, s = z(o, Xe), l = re(t, i), {
-    props: a,
-    internalRef: u
-  } = Ze(m({}, s, {
-    externalSlotProps: l
-  })), f = Y(u, l == null ? void 0 : l.ref, (n = o.additionalProps) == null ? void 0 : n.ref);
-  return Ue(r, m({}, a, {
-    ref: f
-  }), i);
-}
-const Je = ["input", "select", "textarea", "a[href]", "button", "[tabindex]", "audio[controls]", "video[controls]", '[contenteditable]:not([contenteditable="false"])'].join(",");
-function Qe(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 eo(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 oo(o) {
-  return !(o.disabled || o.tagName === "INPUT" && o.type === "hidden" || eo(o));
-}
-function no(o) {
-  const n = [], r = [];
-  return Array.from(o.querySelectorAll(Je)).forEach((t, i) => {
-    const s = Qe(t);
-    s === -1 || !oo(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 to() {
-  return !0;
-}
-function J(o) {
-  const {
-    children: n,
-    disableAutoFocus: r = !1,
-    disableEnforceFocus: t = !1,
-    disableRestoreFocus: i = !1,
-    getTabbable: s = no,
-    isEnabled: l = to,
-    open: a
-  } = o, u = c.useRef(!1), f = c.useRef(null), T = c.useRef(null), y = c.useRef(null), h = c.useRef(null), x = c.useRef(!1), b = c.useRef(null), R = Y(n.ref, b), N = c.useRef(null);
-  c.useEffect(() => {
-    !a || !b.current || (x.current = !r);
-  }, [r, a]), c.useEffect(() => {
-    if (!a || !b.current)
-      return;
-    const d = j(b.current);
-    return b.current.contains(d.activeElement) || (b.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(`
-`)), b.current.setAttribute("tabIndex", "-1")), x.current && b.current.focus()), () => {
-      i || (y.current && y.current.focus && (u.current = !0, y.current.focus()), y.current = null);
-    };
-  }, [a]), c.useEffect(() => {
-    if (!a || !b.current)
-      return;
-    const d = j(b.current), g = (w) => {
-      const {
-        current: I
-      } = b;
-      if (I !== null) {
-        if (!d.hasFocus() || t || !l() || u.current) {
-          u.current = !1;
-          return;
-        }
-        if (!I.contains(d.activeElement)) {
-          if (w && h.current !== w.target || d.activeElement !== h.current)
-            h.current = null;
-          else if (h.current !== null)
-            return;
-          if (!x.current)
-            return;
-          let k = [];
-          if ((d.activeElement === f.current || d.activeElement === T.current) && (k = s(b.current)), k.length > 0) {
-            var D, _;
-            const F = !!((D = N.current) != null && D.shiftKey && ((_ = N.current) == null ? void 0 : _.key) === "Tab"), B = k[0], p = k[k.length - 1];
-            typeof B != "string" && typeof p != "string" && (F ? p.focus() : B.focus());
-          } else
-            I.focus();
-        }
-      }
-    }, E = (w) => {
-      N.current = w, !(t || !l() || w.key !== "Tab") && d.activeElement === b.current && w.shiftKey && (u.current = !0, T.current && T.current.focus());
-    };
-    d.addEventListener("focusin", g), d.addEventListener("keydown", E, !0);
-    const S = setInterval(() => {
-      d.activeElement && d.activeElement.tagName === "BODY" && g(null);
-    }, 50);
-    return () => {
-      clearInterval(S), d.removeEventListener("focusin", g), d.removeEventListener("keydown", E, !0);
-    };
-  }, [r, t, i, l, a, s]);
-  const P = (d) => {
-    y.current === null && (y.current = d.relatedTarget), x.current = !0, h.current = d.target;
-    const g = n.props.onFocus;
-    g && g(d);
-  }, O = (d) => {
-    y.current === null && (y.current = d.relatedTarget), x.current = !0;
-  };
-  return /* @__PURE__ */ Pe(c.Fragment, {
-    children: [/* @__PURE__ */ M("div", {
-      tabIndex: a ? 0 : -1,
-      onFocus: O,
-      ref: f,
-      "data-testid": "sentinelStart"
-    }), /* @__PURE__ */ c.cloneElement(n, {
-      ref: R,
-      onFocus: P
-    }), /* @__PURE__ */ M("div", {
-      tabIndex: a ? 0 : -1,
-      onFocus: O,
-      ref: T,
-      "data-testid": "sentinelEnd"
-    })]
-  });
-}
-process.env.NODE_ENV !== "production" && (J.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: G,
-  /**
-   * 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" && (J.propTypes = Ce(J.propTypes));
-function ro(o) {
-  return typeof o == "function" ? o() : o;
-}
-const Q = /* @__PURE__ */ c.forwardRef(function(n, r) {
-  const {
-    children: t,
-    container: i,
-    disablePortal: s = !1
-  } = n, [l, a] = c.useState(null), u = Y(/* @__PURE__ */ c.isValidElement(t) ? t.ref : null, r);
-  if (ue(() => {
-    s || a(ro(i) || document.body);
-  }, [i, s]), ue(() => {
-    if (l && !s)
-      return fe(r, l), () => {
-        fe(r, null);
-      };
-  }, [r, l, s]), s) {
-    if (/* @__PURE__ */ c.isValidElement(t)) {
-      const f = {
-        ref: u
-      };
-      return /* @__PURE__ */ c.cloneElement(t, f);
-    }
-    return /* @__PURE__ */ M(c.Fragment, {
-      children: t
-    });
-  }
-  return /* @__PURE__ */ M(c.Fragment, {
-    children: l && /* @__PURE__ */ He.createPortal(t, l)
-  });
-});
-process.env.NODE_ENV !== "production" && (Q.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" && (Q.propTypes = Ce(Q.propTypes));
-function so(o) {
-  const n = j(o);
-  return n.body === o ? ie(o).innerWidth > n.documentElement.clientWidth : o.scrollHeight > o.clientHeight;
-}
-function q(o, n) {
-  n ? o.setAttribute("aria-hidden", "true") : o.removeAttribute("aria-hidden");
-}
-function ye(o) {
-  return parseInt(ie(o).getComputedStyle(o).paddingRight, 10) || 0;
-}
-function io(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 Ee(o, n, r, t, i) {
-  const s = [n, r, ...t];
-  [].forEach.call(o.children, (l) => {
-    const a = s.indexOf(l) === -1, u = !io(l);
-    a && u && q(l, i);
-  });
-}
-function te(o, n) {
-  let r = -1;
-  return o.some((t, i) => n(t) ? (r = i, !0) : !1), r;
-}
-function lo(o, n) {
-  const r = [], t = o.container;
-  if (!n.disableScrollLock) {
-    if (so(t)) {
-      const l = Ge(j(t));
-      r.push({
-        value: t.style.paddingRight,
-        property: "padding-right",
-        el: t
-      }), t.style.paddingRight = `${ye(t) + l}px`;
-      const a = j(t).querySelectorAll(".mui-fixed");
-      [].forEach.call(a, (u) => {
-        r.push({
-          value: u.style.paddingRight,
-          property: "padding-right",
-          el: u
-        }), u.style.paddingRight = `${ye(u) + l}px`;
-      });
-    }
-    let s;
-    if (t.parentNode instanceof DocumentFragment)
-      s = j(t).body;
-    else {
-      const l = t.parentElement, a = ie(t);
-      s = (l == null ? void 0 : l.nodeName) === "HTML" && a.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: a
-    }) => {
-      s ? l.style.setProperty(a, s) : l.style.removeProperty(a);
-    });
-  };
-}
-function ao(o) {
-  const n = [];
-  return [].forEach.call(o.children, (r) => {
-    r.getAttribute("aria-hidden") === "true" && n.push(r);
-  }), n;
-}
-class co {
-  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 && q(n.modalRef, !1);
-    const i = ao(r);
-    Ee(r, n.mount, n.modalRef, i, !0);
-    const s = te(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 = te(this.containers, (s) => s.modals.indexOf(n) !== -1), i = this.containers[t];
-    i.restore || (i.restore = lo(i, r));
-  }
-  remove(n, r = !0) {
-    const t = this.modals.indexOf(n);
-    if (t === -1)
-      return t;
-    const i = te(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 && q(n.modalRef, r), Ee(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 && q(l.modalRef, !1);
-    }
-    return t;
-  }
-  isTopModal(n) {
-    return this.modals.length > 0 && this.modals[this.modals.length - 1] === n;
-  }
-}
-function uo(o) {
-  return ke("MuiModal", o);
-}
-ve("MuiModal", ["root", "hidden", "backdrop"]);
-const fo = ["children", "closeAfterTransition", "component", "container", "disableAutoFocus", "disableEnforceFocus", "disableEscapeKeyDown", "disablePortal", "disableRestoreFocus", "disableScrollLock", "hideBackdrop", "keepMounted", "manager", "onBackdropClick", "onClose", "onKeyDown", "open", "onTransitionEnter", "onTransitionExited", "slotProps", "slots"], po = (o) => {
-  const {
-    open: n,
-    exited: r
-  } = o;
-  return Te({
-    root: ["root", !n && r && "hidden"],
-    backdrop: ["backdrop"]
-  }, qe(uo));
-};
-function mo(o) {
-  return typeof o == "function" ? o() : o;
-}
-function bo(o) {
-  return o ? o.props.hasOwnProperty("in") : !1;
-}
-const ho = new co(), Se = /* @__PURE__ */ c.forwardRef(function(n, r) {
-  var t, i;
-  const {
-    children: s,
-    closeAfterTransition: l = !1,
-    component: a,
-    container: u,
-    disableAutoFocus: f = !1,
-    disableEnforceFocus: T = !1,
-    disableEscapeKeyDown: y = !1,
-    disablePortal: h = !1,
-    disableRestoreFocus: x = !1,
-    disableScrollLock: b = !1,
-    hideBackdrop: R = !1,
-    keepMounted: N = !1,
-    // private
-    manager: P = ho,
-    onBackdropClick: O,
-    onClose: d,
-    onKeyDown: g,
-    open: E,
-    onTransitionEnter: S,
-    onTransitionExited: w,
-    slotProps: I = {},
-    slots: D = {}
-  } = n, _ = z(n, fo), [k, F] = c.useState(!E), B = c.useRef({}), p = c.useRef(null), v = c.useRef(null), A = Y(v, r), $ = bo(s), L = (t = n["aria-hidden"]) != null ? t : !0, Z = () => j(p.current), H = () => (B.current.modalRef = v.current, B.current.mountNode = p.current, B.current), U = () => {
-    P.mount(H(), {
-      disableScrollLock: b
-    }), v.current && (v.current.scrollTop = 0);
-  }, V = pe(() => {
-    const C = mo(u) || Z().body;
-    P.add(H(), C), v.current && U();
-  }), ee = c.useCallback(() => P.isTopModal(H()), [P]), Fe = pe((C) => {
-    p.current = C, !(!C || !v.current) && (E && ee() ? U() : q(v.current, L));
-  }), K = c.useCallback(() => {
-    P.remove(H(), L);
-  }, [P, L]);
-  c.useEffect(() => () => {
-    K();
-  }, [K]), c.useEffect(() => {
-    E ? V() : (!$ || !l) && K();
-  }, [E, K, $, l, V]);
-  const oe = m({}, n, {
-    closeAfterTransition: l,
-    disableAutoFocus: f,
-    disableEnforceFocus: T,
-    disableEscapeKeyDown: y,
-    disablePortal: h,
-    disableRestoreFocus: x,
-    disableScrollLock: b,
-    exited: k,
-    hideBackdrop: R,
-    keepMounted: N
-  }), ae = po(oe), Me = () => {
-    F(!1), S && S();
-  }, Ie = () => {
-    F(!0), w && w(), l && K();
-  }, Ae = (C) => {
-    C.target === C.currentTarget && (O && O(C), d && d(C, "backdropClick"));
-  }, De = (C) => {
-    g && g(C), !(C.key !== "Escape" || !ee()) && (y || (C.stopPropagation(), d && d(C, "escapeKeyDown")));
-  }, X = {};
-  s.props.tabIndex === void 0 && (X.tabIndex = "-1"), $ && (X.onEnter = me(Me, s.props.onEnter), X.onExited = me(Ie, s.props.onExited));
-  const ce = (i = a ?? D.root) != null ? i : "div", Be = he({
-    elementType: ce,
-    externalSlotProps: I.root,
-    externalForwardedProps: _,
-    additionalProps: {
-      ref: A,
-      role: "presentation",
-      onKeyDown: De
-    },
-    className: ae.root,
-    ownerState: oe
-  }), ne = D.backdrop, _e = he({
-    elementType: ne,
-    externalSlotProps: I.backdrop,
-    additionalProps: {
-      "aria-hidden": !0,
-      onClick: Ae,
-      open: E
-    },
-    className: ae.backdrop,
-    ownerState: oe
-  });
-  return !N && !E && (!$ || k) ? null : /* @__PURE__ */ M(
-    Q,
-    {
-      ref: Fe,
-      container: u,
-      disablePortal: h,
-      children: /* @__PURE__ */ Pe(ce, m({}, Be, {
-        children: [!R && ne ? /* @__PURE__ */ M(ne, m({}, _e)) : null, /* @__PURE__ */ M(J, {
-          disableEnforceFocus: T,
-          disableAutoFocus: f,
-          disableRestoreFocus: x,
-          isEnabled: ee,
-          open: E,
-          children: /* @__PURE__ */ c.cloneElement(s, X)
-        })]
-      }))
-    }
-  );
-});
-process.env.NODE_ENV !== "production" && (Se.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: G.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 yo = ["addEndListener", "appear", "children", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"], Eo = {
-  entering: {
-    opacity: 1
-  },
-  entered: {
-    opacity: 1
-  }
-}, we = /* @__PURE__ */ c.forwardRef(function(n, r) {
-  const t = Le(), i = {
-    enter: t.transitions.duration.enteringScreen,
-    exit: t.transitions.duration.leavingScreen
-  }, {
-    addEndListener: s,
-    appear: l = !0,
-    children: a,
-    easing: u,
-    in: f,
-    onEnter: T,
-    onEntered: y,
-    onEntering: h,
-    onExit: x,
-    onExited: b,
-    onExiting: R,
-    style: N,
-    timeout: P = i,
-    // eslint-disable-next-line react/prop-types
-    TransitionComponent: O = $e
-  } = n, d = z(n, yo), g = c.useRef(null), E = Y(g, a.ref, r), S = (p) => (v) => {
-    if (p) {
-      const A = g.current;
-      v === void 0 ? p(A) : p(A, v);
-    }
-  }, w = S(h), I = S((p, v) => {
-    je(p);
-    const A = de({
-      style: N,
-      timeout: P,
-      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 = S(y), _ = S(R), k = S((p) => {
-    const v = de({
-      style: N,
-      timeout: P,
-      easing: u
-    }, {
-      mode: "exit"
-    });
-    p.style.webkitTransition = t.transitions.create("opacity", v), p.style.transition = t.transitions.create("opacity", v), x && x(p);
-  }), F = S(b);
-  return /* @__PURE__ */ M(O, m({
-    appear: l,
-    in: f,
-    nodeRef: g,
-    onEnter: I,
-    onEntered: D,
-    onEntering: w,
-    onExit: k,
-    onExited: F,
-    onExiting: _,
-    addEndListener: (p) => {
-      s && s(g.current, p);
-    },
-    timeout: P
-  }, d, {
-    children: (p, v) => /* @__PURE__ */ c.cloneElement(a, m({
-      style: m({
-        opacity: 0,
-        visibility: p === "exited" && !f ? "hidden" : void 0
-      }, Eo[p], N, a.props.style),
-      ref: E
-    }, v))
-  }));
-});
-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"     |
-  // ----------------------------------------------------------------------
-  /**
-   * 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: G.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 go(o) {
-  return ke("MuiBackdrop", o);
-}
-ve("MuiBackdrop", ["root", "invisible"]);
-const vo = ["children", "className", "component", "components", "componentsProps", "invisible", "open", "slotProps", "slots", "TransitionComponent", "transitionDuration"], To = (o) => {
-  const {
-    classes: n,
-    invisible: r
-  } = o;
-  return Te({
-    root: ["root", r && "invisible"]
-  }, go, n);
-}, xo = se("div", {
-  name: "MuiBackdrop",
-  slot: "Root",
-  overridesResolver: (o, n) => {
-    const {
-      ownerState: r
-    } = o;
-    return [n.root, r.invisible && n.invisible];
-  }
-})(({
-  ownerState: o
-}) => m({
-  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"
-})), Oe = /* @__PURE__ */ c.forwardRef(function(n, r) {
-  var t, i, s;
-  const l = xe({
-    props: n,
-    name: "MuiBackdrop"
-  }), {
-    children: a,
-    className: u,
-    component: f = "div",
-    components: T = {},
-    componentsProps: y = {},
-    invisible: h = !1,
-    open: x,
-    slotProps: b = {},
-    slots: R = {},
-    TransitionComponent: N = we,
-    transitionDuration: P
-  } = l, O = z(l, vo), d = m({}, l, {
-    component: f,
-    invisible: h
-  }), g = To(d), E = (t = b.root) != null ? t : y.root;
-  return /* @__PURE__ */ M(N, m({
-    in: x,
-    timeout: P
-  }, O, {
-    children: /* @__PURE__ */ M(xo, m({
-      "aria-hidden": !0
-    }, E, {
-      as: (i = (s = R.root) != null ? s : T.Root) != null ? i : f,
-      className: W(g.root, u, E == null ? void 0 : E.className),
-      ownerState: m({}, d, E == null ? void 0 : E.ownerState),
-      classes: g,
-      ref: r,
-      children: a
-    }))
-  }));
-});
-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"     |
-  // ----------------------------------------------------------------------
-  /**
-   * 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 Po = ["BackdropComponent", "BackdropProps", "classes", "className", "closeAfterTransition", "children", "component", "components", "componentsProps", "disableAutoFocus", "disableEnforceFocus", "disableEscapeKeyDown", "disablePortal", "disableRestoreFocus", "disableScrollLock", "hideBackdrop", "keepMounted", "slotProps", "slots", "theme"], ko = 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
-}) => m({
-  position: "fixed",
-  zIndex: (o.vars || o).zIndex.modal,
-  right: 0,
-  bottom: 0,
-  top: 0,
-  left: 0
-}, !n.open && n.exited && {
-  visibility: "hidden"
-})), Ro = se(Oe, {
-  name: "MuiModal",
-  slot: "Backdrop",
-  overridesResolver: (o, n) => n.backdrop
-})({
-  zIndex: -1
-}), No = /* @__PURE__ */ c.forwardRef(function(n, r) {
-  var t, i, s, l, a, u;
-  const f = xe({
-    name: "MuiModal",
-    props: n
-  }), {
-    BackdropComponent: T = Ro,
-    BackdropProps: y,
-    classes: h,
-    className: x,
-    closeAfterTransition: b = !1,
-    children: R,
-    component: N,
-    components: P = {},
-    componentsProps: O = {},
-    disableAutoFocus: d = !1,
-    disableEnforceFocus: g = !1,
-    disableEscapeKeyDown: E = !1,
-    disablePortal: S = !1,
-    disableRestoreFocus: w = !1,
-    disableScrollLock: I = !1,
-    hideBackdrop: D = !1,
-    keepMounted: _ = !1,
-    slotProps: k,
-    slots: F,
-    // eslint-disable-next-line react/prop-types
-    theme: B
-  } = f, p = z(f, Po), [v, A] = c.useState(!0), $ = {
-    closeAfterTransition: b,
-    disableAutoFocus: d,
-    disableEnforceFocus: g,
-    disableEscapeKeyDown: E,
-    disablePortal: S,
-    disableRestoreFocus: w,
-    disableScrollLock: I,
-    hideBackdrop: D,
-    keepMounted: _
-  }, L = m({}, f, $, {
-    exited: v
-  }), Z = (t = (i = F == null ? void 0 : F.root) != null ? i : P.Root) != null ? t : ko, H = (s = (l = F == null ? void 0 : F.backdrop) != null ? l : P.Backdrop) != null ? s : T, U = (a = k == null ? void 0 : k.root) != null ? a : O.root, V = (u = k == null ? void 0 : k.backdrop) != null ? u : O.backdrop;
-  return /* @__PURE__ */ M(Se, m({
-    slots: {
-      root: Z,
-      backdrop: H
-    },
-    slotProps: {
-      root: () => m({}, re(U, L), !Re(Z) && {
-        as: N,
-        theme: B
-      }, {
-        className: W(x, U == null ? void 0 : U.className, h == null ? void 0 : h.root, !L.open && L.exited && (h == null ? void 0 : h.hidden))
-      }),
-      backdrop: () => m({}, y, re(V, L), {
-        className: W(V == null ? void 0 : V.className, h == null ? void 0 : h.backdrop)
-      })
-    },
-    onTransitionEnter: () => A(!1),
-    onTransitionExited: () => A(!0),
-    ref: r
-  }, p, $, {
-    children: R
-  }));
-});
-process.env.NODE_ENV !== "production" && (No.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: G.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 {
-  Oe as B,
-  we as F,
-  le as H,
-  No as M,
-  Q as P,
-  qe as a,
-  J as b,
-  G as e,
-  Ge as g,
-  he as u
-};