@hybridcore/ui 1.6.1 → 1.6.2

package/dist/Modal-DlB6GH-f.js

@@ -1,1659 +0,0 @@
-import { a as d, _ as K } from "./objectWithoutPropertiesLoose-DJteAcBH.js";
-import * as c from "react";
-import { P as n } from "./index-C__OZmYy.js";
-import { c as V, g as ce, b as de, a as ue, s as q, r as He, u as pe } from "./styled-Bsjp3kFh.js";
-import { alpha as ee } from "@mui/system";
-import { jsxs as fe, jsx as $ } from "react/jsx-runtime";
-import { c as Oe, a as Z, u as ye, s as ge, b as xe, B as Ue } from "./ButtonBase-sObABYY2.js";
-import { c as B } from "./capitalize-quqpGCFu.js";
-import { u as Ke, T as qe, r as Ge, g as Ee } from "./Paper-q9kKjAKx.js";
-import { o as j, a as be, c as Te } from "./useId-B4-oF9Mq.js";
-import * as Ye from "react-dom";
-function Ze(e) {
-  const {
-    prototype: o = {}
-  } = e;
-  return !!o.isReactComponent;
-}
-function Ne(e, o, r, t, i) {
-  const s = e[o], a = i || o;
-  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 l;
-  const u = s.type;
-  return typeof u == "function" && !Ze(u) && (l = "Did you accidentally use a plain function component for an element instead?"), l !== void 0 ? new Error(`Invalid ${t} \`${a}\` supplied to \`${r}\`. Expected an element that can hold a ref. ${l} For more information see https://mui.com/r/caveat-with-refs-guide`) : null;
-}
-const X = Oe(n.element, Ne);
-X.isRequired = Oe(n.element.isRequired, Ne);
-const Xe = "exact-prop: ​";
-function Ie(e) {
-  return process.env.NODE_ENV === "production" ? e : d({}, e, {
-    [Xe]: (o) => {
-      const r = Object.keys(o).filter((t) => !e.hasOwnProperty(t));
-      return r.length > 0 ? new Error(`The following props are not supported: ${r.map((t) => `\`${t}\``).join(", ")}. Please remove them.`) : null;
-    }
-  });
-}
-function me(e, o, r, t, i) {
-  if (process.env.NODE_ENV === "production")
-    return null;
-  const s = e[o], a = i || o;
-  return s == null ? null : s && s.nodeType !== 1 ? new Error(`Invalid ${t} \`${a}\` supplied to \`${r}\`. Expected an HTMLElement.`) : null;
-}
-function Je(e) {
-  const o = e.documentElement.clientWidth;
-  return Math.abs(window.innerWidth - o);
-}
-function Se(e, o) {
-  const r = d({}, o);
-  return Object.keys(e).forEach((t) => {
-    if (t.toString().match(/^(components|slots)$/))
-      r[t] = d({}, e[t], r[t]);
-    else if (t.toString().match(/^(componentsProps|slotProps)$/)) {
-      const i = e[t] || {}, s = o[t];
-      r[t] = {}, !s || !Object.keys(s) ? r[t] = i : !i || !Object.keys(i) ? r[t] = s : (r[t] = d({}, s), Object.keys(i).forEach((a) => {
-        r[t][a] = Se(i[a], s[a]);
-      }));
-    } else r[t] === void 0 && (r[t] = e[t]);
-  }), r;
-}
-function $e(e) {
-  return typeof e == "string";
-}
-function Qe(e, o, r) {
-  return e === void 0 || $e(e) ? o : d({}, o, {
-    ownerState: d({}, o.ownerState, r)
-  });
-}
-const eo = {
-  disableDefaultClasses: !1
-}, oo = /* @__PURE__ */ c.createContext(eo);
-function no(e) {
-  const {
-    disableDefaultClasses: o
-  } = c.useContext(oo);
-  return (r) => o ? "" : e(r);
-}
-function to(e, o = []) {
-  if (e === void 0)
-    return {};
-  const r = {};
-  return Object.keys(e).filter((t) => t.match(/^on[A-Z]/) && typeof e[t] == "function" && !o.includes(t)).forEach((t) => {
-    r[t] = e[t];
-  }), r;
-}
-function le(e, o) {
-  return typeof e == "function" ? e(o) : e;
-}
-function ke(e) {
-  if (e === void 0)
-    return {};
-  const o = {};
-  return Object.keys(e).filter((r) => !(r.match(/^on[A-Z]/) && typeof e[r] == "function")).forEach((r) => {
-    o[r] = e[r];
-  }), o;
-}
-function ro(e) {
-  const {
-    getSlotProps: o,
-    additionalProps: r,
-    externalSlotProps: t,
-    externalForwardedProps: i,
-    className: s
-  } = e;
-  if (!o) {
-    const x = V(i == null ? void 0 : i.className, t == null ? void 0 : t.className, s, r == null ? void 0 : r.className), b = d({}, r == null ? void 0 : r.style, i == null ? void 0 : i.style, t == null ? void 0 : t.style), P = d({}, r, i, t);
-    return x.length > 0 && (P.className = x), Object.keys(b).length > 0 && (P.style = b), {
-      props: P,
-      internalRef: void 0
-    };
-  }
-  const a = to(d({}, i, t)), l = ke(t), u = ke(i), f = o(a), g = V(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 = d({}, f == null ? void 0 : f.style, r == null ? void 0 : r.style, i == null ? void 0 : i.style, t == null ? void 0 : t.style), m = d({}, f, r, u, l);
-  return g.length > 0 && (m.className = g), Object.keys(y).length > 0 && (m.style = y), {
-    props: m,
-    internalRef: f.ref
-  };
-}
-const so = ["elementType", "externalSlotProps", "ownerState"];
-function Re(e) {
-  var o;
-  const {
-    elementType: r,
-    externalSlotProps: t,
-    ownerState: i
-  } = e, s = K(e, so), a = le(t, i), {
-    props: l,
-    internalRef: u
-  } = ro(d({}, s, {
-    externalSlotProps: a
-  })), f = Z(u, a == null ? void 0 : a.ref, (o = e.additionalProps) == null ? void 0 : o.ref);
-  return Qe(r, d({}, l, {
-    ref: f
-  }), i);
-}
-const io = ["input", "select", "textarea", "a[href]", "button", "[tabindex]", "audio[controls]", "video[controls]", '[contenteditable]:not([contenteditable="false"])'].join(",");
-function ao(e) {
-  const o = parseInt(e.getAttribute("tabindex") || "", 10);
-  return Number.isNaN(o) ? e.contentEditable === "true" || (e.nodeName === "AUDIO" || e.nodeName === "VIDEO" || e.nodeName === "DETAILS") && e.getAttribute("tabindex") === null ? 0 : e.tabIndex : o;
-}
-function lo(e) {
-  if (e.tagName !== "INPUT" || e.type !== "radio" || !e.name)
-    return !1;
-  const o = (t) => e.ownerDocument.querySelector(`input[type="radio"]${t}`);
-  let r = o(`[name="${e.name}"]:checked`);
-  return r || (r = o(`[name="${e.name}"]`)), r !== e;
-}
-function co(e) {
-  return !(e.disabled || e.tagName === "INPUT" && e.type === "hidden" || lo(e));
-}
-function uo(e) {
-  const o = [], r = [];
-  return Array.from(e.querySelectorAll(io)).forEach((t, i) => {
-    const s = ao(t);
-    s === -1 || !co(t) || (s === 0 ? o.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(o);
-}
-function po() {
-  return !0;
-}
-function ne(e) {
-  const {
-    children: o,
-    disableAutoFocus: r = !1,
-    disableEnforceFocus: t = !1,
-    disableRestoreFocus: i = !1,
-    getTabbable: s = uo,
-    isEnabled: a = po,
-    open: l
-  } = e, u = c.useRef(!1), f = c.useRef(null), g = c.useRef(null), y = c.useRef(null), m = c.useRef(null), x = c.useRef(!1), b = c.useRef(null), P = Z(o.ref, b), C = c.useRef(null);
-  c.useEffect(() => {
-    !l || !b.current || (x.current = !r);
-  }, [r, l]), c.useEffect(() => {
-    if (!l || !b.current)
-      return;
-    const p = j(b.current);
-    return b.current.contains(p.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);
-    };
-  }, [l]), c.useEffect(() => {
-    if (!l || !b.current)
-      return;
-    const p = j(b.current), E = (N) => {
-      const {
-        current: F
-      } = b;
-      if (F !== null) {
-        if (!p.hasFocus() || t || !a() || u.current) {
-          u.current = !1;
-          return;
-        }
-        if (!F.contains(p.activeElement)) {
-          if (N && m.current !== N.target || p.activeElement !== m.current)
-            m.current = null;
-          else if (m.current !== null)
-            return;
-          if (!x.current)
-            return;
-          let I = [];
-          if ((p.activeElement === f.current || p.activeElement === g.current) && (I = s(b.current)), I.length > 0) {
-            var w, D;
-            const M = !!((w = C.current) != null && w.shiftKey && ((D = C.current) == null ? void 0 : D.key) === "Tab"), A = I[0], h = I[I.length - 1];
-            typeof A != "string" && typeof h != "string" && (M ? h.focus() : A.focus());
-          } else
-            F.focus();
-        }
-      }
-    }, v = (N) => {
-      C.current = N, !(t || !a() || N.key !== "Tab") && p.activeElement === b.current && N.shiftKey && (u.current = !0, g.current && g.current.focus());
-    };
-    p.addEventListener("focusin", E), p.addEventListener("keydown", v, !0);
-    const k = setInterval(() => {
-      p.activeElement && p.activeElement.tagName === "BODY" && E(null);
-    }, 50);
-    return () => {
-      clearInterval(k), p.removeEventListener("focusin", E), p.removeEventListener("keydown", v, !0);
-    };
-  }, [r, t, i, a, l, s]);
-  const T = (p) => {
-    y.current === null && (y.current = p.relatedTarget), x.current = !0, m.current = p.target;
-    const E = o.props.onFocus;
-    E && E(p);
-  }, O = (p) => {
-    y.current === null && (y.current = p.relatedTarget), x.current = !0;
-  };
-  return /* @__PURE__ */ fe(c.Fragment, {
-    children: [/* @__PURE__ */ $("div", {
-      tabIndex: l ? 0 : -1,
-      onFocus: O,
-      ref: f,
-      "data-testid": "sentinelStart"
-    }), /* @__PURE__ */ c.cloneElement(o, {
-      ref: P,
-      onFocus: T
-    }), /* @__PURE__ */ $("div", {
-      tabIndex: l ? 0 : -1,
-      onFocus: O,
-      ref: g,
-      "data-testid": "sentinelEnd"
-    })]
-  });
-}
-process.env.NODE_ENV !== "production" && (ne.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: X,
-  /**
-   * 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: n.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: n.bool,
-  /**
-   * If `true`, the focus trap will not restore focus to previously focused element once
-   * focus trap is hidden or unmounted.
-   * @default false
-   */
-  disableRestoreFocus: n.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: n.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: n.func,
-  /**
-   * If `true`, focus is locked.
-   */
-  open: n.bool.isRequired
-});
-process.env.NODE_ENV !== "production" && (ne.propTypes = Ie(ne.propTypes));
-function fo(e) {
-  return typeof e == "function" ? e() : e;
-}
-const te = /* @__PURE__ */ c.forwardRef(function(o, r) {
-  const {
-    children: t,
-    container: i,
-    disablePortal: s = !1
-  } = o, [a, l] = c.useState(null), u = Z(/* @__PURE__ */ c.isValidElement(t) ? t.ref : null, r);
-  if (ye(() => {
-    s || l(fo(i) || document.body);
-  }, [i, s]), ye(() => {
-    if (a && !s)
-      return ge(r, a), () => {
-        ge(r, null);
-      };
-  }, [r, a, s]), s) {
-    if (/* @__PURE__ */ c.isValidElement(t)) {
-      const f = {
-        ref: u
-      };
-      return /* @__PURE__ */ c.cloneElement(t, f);
-    }
-    return /* @__PURE__ */ $(c.Fragment, {
-      children: t
-    });
-  }
-  return /* @__PURE__ */ $(c.Fragment, {
-    children: a && /* @__PURE__ */ Ye.createPortal(t, a)
-  });
-});
-process.env.NODE_ENV !== "production" && (te.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: n.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: n.oneOfType([me, n.func]),
-  /**
-   * The `children` will be under the DOM hierarchy of the parent component.
-   * @default false
-   */
-  disablePortal: n.bool
-});
-process.env.NODE_ENV !== "production" && (te.propTypes = Ie(te.propTypes));
-function bo(e) {
-  const o = j(e);
-  return o.body === e ? be(e).innerWidth > o.documentElement.clientWidth : e.scrollHeight > e.clientHeight;
-}
-function Y(e, o) {
-  o ? e.setAttribute("aria-hidden", "true") : e.removeAttribute("aria-hidden");
-}
-function Pe(e) {
-  return parseInt(be(e).getComputedStyle(e).paddingRight, 10) || 0;
-}
-function mo(e) {
-  const r = ["TEMPLATE", "SCRIPT", "STYLE", "LINK", "MAP", "META", "NOSCRIPT", "PICTURE", "COL", "COLGROUP", "PARAM", "SLOT", "SOURCE", "TRACK"].indexOf(e.tagName) !== -1, t = e.tagName === "INPUT" && e.getAttribute("type") === "hidden";
-  return r || t;
-}
-function Ce(e, o, r, t, i) {
-  const s = [o, r, ...t];
-  [].forEach.call(e.children, (a) => {
-    const l = s.indexOf(a) === -1, u = !mo(a);
-    l && u && Y(a, i);
-  });
-}
-function ae(e, o) {
-  let r = -1;
-  return e.some((t, i) => o(t) ? (r = i, !0) : !1), r;
-}
-function ho(e, o) {
-  const r = [], t = e.container;
-  if (!o.disableScrollLock) {
-    if (bo(t)) {
-      const a = Je(j(t));
-      r.push({
-        value: t.style.paddingRight,
-        property: "padding-right",
-        el: t
-      }), t.style.paddingRight = `${Pe(t) + a}px`;
-      const l = j(t).querySelectorAll(".mui-fixed");
-      [].forEach.call(l, (u) => {
-        r.push({
-          value: u.style.paddingRight,
-          property: "padding-right",
-          el: u
-        }), u.style.paddingRight = `${Pe(u) + a}px`;
-      });
-    }
-    let s;
-    if (t.parentNode instanceof DocumentFragment)
-      s = j(t).body;
-    else {
-      const a = t.parentElement, l = be(t);
-      s = (a == null ? void 0 : a.nodeName) === "HTML" && l.getComputedStyle(a).overflowY === "scroll" ? a : 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: a,
-      property: l
-    }) => {
-      s ? a.style.setProperty(l, s) : a.style.removeProperty(l);
-    });
-  };
-}
-function vo(e) {
-  const o = [];
-  return [].forEach.call(e.children, (r) => {
-    r.getAttribute("aria-hidden") === "true" && o.push(r);
-  }), o;
-}
-class yo {
-  constructor() {
-    this.containers = void 0, this.modals = void 0, this.modals = [], this.containers = [];
-  }
-  add(o, r) {
-    let t = this.modals.indexOf(o);
-    if (t !== -1)
-      return t;
-    t = this.modals.length, this.modals.push(o), o.modalRef && Y(o.modalRef, !1);
-    const i = vo(r);
-    Ce(r, o.mount, o.modalRef, i, !0);
-    const s = ae(this.containers, (a) => a.container === r);
-    return s !== -1 ? (this.containers[s].modals.push(o), t) : (this.containers.push({
-      modals: [o],
-      container: r,
-      restore: null,
-      hiddenSiblings: i
-    }), t);
-  }
-  mount(o, r) {
-    const t = ae(this.containers, (s) => s.modals.indexOf(o) !== -1), i = this.containers[t];
-    i.restore || (i.restore = ho(i, r));
-  }
-  remove(o, r = !0) {
-    const t = this.modals.indexOf(o);
-    if (t === -1)
-      return t;
-    const i = ae(this.containers, (a) => a.modals.indexOf(o) !== -1), s = this.containers[i];
-    if (s.modals.splice(s.modals.indexOf(o), 1), this.modals.splice(t, 1), s.modals.length === 0)
-      s.restore && s.restore(), o.modalRef && Y(o.modalRef, r), Ce(s.container, o.mount, o.modalRef, s.hiddenSiblings, !1), this.containers.splice(i, 1);
-    else {
-      const a = s.modals[s.modals.length - 1];
-      a.modalRef && Y(a.modalRef, !1);
-    }
-    return t;
-  }
-  isTopModal(o) {
-    return this.modals.length > 0 && this.modals[this.modals.length - 1] === o;
-  }
-}
-function go(e) {
-  return de("MuiModal", e);
-}
-ce("MuiModal", ["root", "hidden", "backdrop"]);
-const xo = ["children", "closeAfterTransition", "component", "container", "disableAutoFocus", "disableEnforceFocus", "disableEscapeKeyDown", "disablePortal", "disableRestoreFocus", "disableScrollLock", "hideBackdrop", "keepMounted", "manager", "onBackdropClick", "onClose", "onKeyDown", "open", "onTransitionEnter", "onTransitionExited", "slotProps", "slots"], Eo = (e) => {
-  const {
-    open: o,
-    exited: r
-  } = e;
-  return ue({
-    root: ["root", !o && r && "hidden"],
-    backdrop: ["backdrop"]
-  }, no(go));
-};
-function To(e) {
-  return typeof e == "function" ? e() : e;
-}
-function ko(e) {
-  return e ? e.props.hasOwnProperty("in") : !1;
-}
-const Ro = new yo(), Fe = /* @__PURE__ */ c.forwardRef(function(o, r) {
-  var t, i;
-  const {
-    children: s,
-    closeAfterTransition: a = !1,
-    component: l,
-    container: u,
-    disableAutoFocus: f = !1,
-    disableEnforceFocus: g = !1,
-    disableEscapeKeyDown: y = !1,
-    disablePortal: m = !1,
-    disableRestoreFocus: x = !1,
-    disableScrollLock: b = !1,
-    hideBackdrop: P = !1,
-    keepMounted: C = !1,
-    // private
-    manager: T = Ro,
-    onBackdropClick: O,
-    onClose: p,
-    onKeyDown: E,
-    open: v,
-    onTransitionEnter: k,
-    onTransitionExited: N,
-    slotProps: F = {},
-    slots: w = {}
-  } = o, D = K(o, xo), [I, M] = c.useState(!v), A = c.useRef({}), h = c.useRef(null), R = c.useRef(null), z = Z(R, r), _ = ko(s), L = (t = o["aria-hidden"]) != null ? t : !0, J = () => j(h.current), W = () => (A.current.modalRef = R.current, A.current.mountNode = h.current, A.current), H = () => {
-    T.mount(W(), {
-      disableScrollLock: b
-    }), R.current && (R.current.scrollTop = 0);
-  }, U = xe(() => {
-    const S = To(u) || J().body;
-    T.add(W(), S), R.current && H();
-  }), re = c.useCallback(() => T.isTopModal(W()), [T]), Ae = xe((S) => {
-    h.current = S, !(!S || !R.current) && (v && re() ? H() : Y(R.current, L));
-  }), G = c.useCallback(() => {
-    T.remove(W(), L);
-  }, [T, L]);
-  c.useEffect(() => () => {
-    G();
-  }, [G]), c.useEffect(() => {
-    v ? U() : (!_ || !a) && G();
-  }, [v, G, _, a, U]);
-  const se = d({}, o, {
-    closeAfterTransition: a,
-    disableAutoFocus: f,
-    disableEnforceFocus: g,
-    disableEscapeKeyDown: y,
-    disablePortal: m,
-    disableRestoreFocus: x,
-    disableScrollLock: b,
-    exited: I,
-    hideBackdrop: P,
-    keepMounted: C
-  }), he = Eo(se), De = () => {
-    M(!1), k && k();
-  }, Le = () => {
-    M(!0), N && N(), a && G();
-  }, _e = (S) => {
-    S.target === S.currentTarget && (O && O(S), p && p(S, "backdropClick"));
-  }, je = (S) => {
-    E && E(S), !(S.key !== "Escape" || !re()) && (y || (S.stopPropagation(), p && p(S, "escapeKeyDown")));
-  }, Q = {};
-  s.props.tabIndex === void 0 && (Q.tabIndex = "-1"), _ && (Q.onEnter = Te(De, s.props.onEnter), Q.onExited = Te(Le, s.props.onExited));
-  const ve = (i = l ?? w.root) != null ? i : "div", Ve = Re({
-    elementType: ve,
-    externalSlotProps: F.root,
-    externalForwardedProps: D,
-    additionalProps: {
-      ref: z,
-      role: "presentation",
-      onKeyDown: je
-    },
-    className: he.root,
-    ownerState: se
-  }), ie = w.backdrop, We = Re({
-    elementType: ie,
-    externalSlotProps: F.backdrop,
-    additionalProps: {
-      "aria-hidden": !0,
-      onClick: _e,
-      open: v
-    },
-    className: he.backdrop,
-    ownerState: se
-  });
-  return !C && !v && (!_ || I) ? null : /* @__PURE__ */ $(
-    te,
-    {
-      ref: Ae,
-      container: u,
-      disablePortal: m,
-      children: /* @__PURE__ */ fe(ve, d({}, Ve, {
-        children: [!P && ie ? /* @__PURE__ */ $(ie, d({}, We)) : null, /* @__PURE__ */ $(ne, {
-          disableEnforceFocus: g,
-          disableAutoFocus: f,
-          disableRestoreFocus: x,
-          isEnabled: re,
-          open: v,
-          children: /* @__PURE__ */ c.cloneElement(s, Q)
-        })]
-      }))
-    }
-  );
-});
-process.env.NODE_ENV !== "production" && (Fe.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: X.isRequired,
-  /**
-   * When set to true the Modal waits until a nested Transition is completed before closing.
-   * @default false
-   */
-  closeAfterTransition: n.bool,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: n.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: n.oneOfType([me, n.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: n.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: n.bool,
-  /**
-   * If `true`, hitting escape will not fire the `onClose` callback.
-   * @default false
-   */
-  disableEscapeKeyDown: n.bool,
-  /**
-   * The `children` will be under the DOM hierarchy of the parent component.
-   * @default false
-   */
-  disablePortal: n.bool,
-  /**
-   * If `true`, the modal will not restore focus to previously focused element once
-   * modal is hidden or unmounted.
-   * @default false
-   */
-  disableRestoreFocus: n.bool,
-  /**
-   * Disable the scroll lock behavior.
-   * @default false
-   */
-  disableScrollLock: n.bool,
-  /**
-   * If `true`, the backdrop is not rendered.
-   * @default false
-   */
-  hideBackdrop: n.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: n.bool,
-  /**
-   * Callback fired when the backdrop is clicked.
-   * @deprecated Use the `onClose` prop with the `reason` argument to handle the `backdropClick` events.
-   */
-  onBackdropClick: n.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: n.func,
-  /**
-   * @ignore
-   */
-  onKeyDown: n.func,
-  /**
-   * If `true`, the component is shown.
-   */
-  open: n.bool.isRequired,
-  /**
-   * The props used for each slot inside the Modal.
-   * @default {}
-   */
-  slotProps: n.shape({
-    backdrop: n.oneOfType([n.func, n.object]),
-    root: n.oneOfType([n.func, n.object])
-  }),
-  /**
-   * The components used for each slot inside the Modal.
-   * Either a string to use a HTML element or a component.
-   * @default {}
-   */
-  slots: n.shape({
-    backdrop: n.elementType,
-    root: n.elementType
-  })
-});
-function Po(e) {
-  return de("MuiButton", e);
-}
-const oe = ce("MuiButton", ["root", "text", "textInherit", "textPrimary", "textSecondary", "textSuccess", "textError", "textInfo", "textWarning", "outlined", "outlinedInherit", "outlinedPrimary", "outlinedSecondary", "outlinedSuccess", "outlinedError", "outlinedInfo", "outlinedWarning", "contained", "containedInherit", "containedPrimary", "containedSecondary", "containedSuccess", "containedError", "containedInfo", "containedWarning", "disableElevation", "focusVisible", "disabled", "colorInherit", "textSizeSmall", "textSizeMedium", "textSizeLarge", "outlinedSizeSmall", "outlinedSizeMedium", "outlinedSizeLarge", "containedSizeSmall", "containedSizeMedium", "containedSizeLarge", "sizeMedium", "sizeSmall", "sizeLarge", "fullWidth", "startIcon", "endIcon", "iconSizeSmall", "iconSizeMedium", "iconSizeLarge"]), Me = /* @__PURE__ */ c.createContext({});
-process.env.NODE_ENV !== "production" && (Me.displayName = "ButtonGroupContext");
-const Co = ["children", "color", "component", "className", "disabled", "disableElevation", "disableFocusRipple", "endIcon", "focusVisibleClassName", "fullWidth", "size", "startIcon", "type", "variant"], Oo = (e) => {
-  const {
-    color: o,
-    disableElevation: r,
-    fullWidth: t,
-    size: i,
-    variant: s,
-    classes: a
-  } = e, l = {
-    root: ["root", s, `${s}${B(o)}`, `size${B(i)}`, `${s}Size${B(i)}`, o === "inherit" && "colorInherit", r && "disableElevation", t && "fullWidth"],
-    label: ["label"],
-    startIcon: ["startIcon", `iconSize${B(i)}`],
-    endIcon: ["endIcon", `iconSize${B(i)}`]
-  }, u = ue(l, Po, a);
-  return d({}, a, u);
-}, ze = (e) => d({}, e.size === "small" && {
-  "& > *:nth-of-type(1)": {
-    fontSize: 18
-  }
-}, e.size === "medium" && {
-  "& > *:nth-of-type(1)": {
-    fontSize: 20
-  }
-}, e.size === "large" && {
-  "& > *:nth-of-type(1)": {
-    fontSize: 22
-  }
-}), No = q(Ue, {
-  shouldForwardProp: (e) => He(e) || e === "classes",
-  name: "MuiButton",
-  slot: "Root",
-  overridesResolver: (e, o) => {
-    const {
-      ownerState: r
-    } = e;
-    return [o.root, o[r.variant], o[`${r.variant}${B(r.color)}`], o[`size${B(r.size)}`], o[`${r.variant}Size${B(r.size)}`], r.color === "inherit" && o.colorInherit, r.disableElevation && o.disableElevation, r.fullWidth && o.fullWidth];
-  }
-})(({
-  theme: e,
-  ownerState: o
-}) => {
-  var r, t;
-  return d({}, e.typography.button, {
-    minWidth: 64,
-    padding: "6px 16px",
-    borderRadius: (e.vars || e).shape.borderRadius,
-    transition: e.transitions.create(["background-color", "box-shadow", "border-color", "color"], {
-      duration: e.transitions.duration.short
-    }),
-    "&:hover": d({
-      textDecoration: "none",
-      backgroundColor: e.vars ? `rgba(${e.vars.palette.text.primaryChannel} / ${e.vars.palette.action.hoverOpacity})` : ee(e.palette.text.primary, e.palette.action.hoverOpacity),
-      // Reset on touch devices, it doesn't add specificity
-      "@media (hover: none)": {
-        backgroundColor: "transparent"
-      }
-    }, o.variant === "text" && o.color !== "inherit" && {
-      backgroundColor: e.vars ? `rgba(${e.vars.palette[o.color].mainChannel} / ${e.vars.palette.action.hoverOpacity})` : ee(e.palette[o.color].main, e.palette.action.hoverOpacity),
-      // Reset on touch devices, it doesn't add specificity
-      "@media (hover: none)": {
-        backgroundColor: "transparent"
-      }
-    }, o.variant === "outlined" && o.color !== "inherit" && {
-      border: `1px solid ${(e.vars || e).palette[o.color].main}`,
-      backgroundColor: e.vars ? `rgba(${e.vars.palette[o.color].mainChannel} / ${e.vars.palette.action.hoverOpacity})` : ee(e.palette[o.color].main, e.palette.action.hoverOpacity),
-      // Reset on touch devices, it doesn't add specificity
-      "@media (hover: none)": {
-        backgroundColor: "transparent"
-      }
-    }, o.variant === "contained" && {
-      backgroundColor: (e.vars || e).palette.grey.A100,
-      boxShadow: (e.vars || e).shadows[4],
-      // Reset on touch devices, it doesn't add specificity
-      "@media (hover: none)": {
-        boxShadow: (e.vars || e).shadows[2],
-        backgroundColor: (e.vars || e).palette.grey[300]
-      }
-    }, o.variant === "contained" && o.color !== "inherit" && {
-      backgroundColor: (e.vars || e).palette[o.color].dark,
-      // Reset on touch devices, it doesn't add specificity
-      "@media (hover: none)": {
-        backgroundColor: (e.vars || e).palette[o.color].main
-      }
-    }),
-    "&:active": d({}, o.variant === "contained" && {
-      boxShadow: (e.vars || e).shadows[8]
-    }),
-    [`&.${oe.focusVisible}`]: d({}, o.variant === "contained" && {
-      boxShadow: (e.vars || e).shadows[6]
-    }),
-    [`&.${oe.disabled}`]: d({
-      color: (e.vars || e).palette.action.disabled
-    }, o.variant === "outlined" && {
-      border: `1px solid ${(e.vars || e).palette.action.disabledBackground}`
-    }, o.variant === "contained" && {
-      color: (e.vars || e).palette.action.disabled,
-      boxShadow: (e.vars || e).shadows[0],
-      backgroundColor: (e.vars || e).palette.action.disabledBackground
-    })
-  }, o.variant === "text" && {
-    padding: "6px 8px"
-  }, o.variant === "text" && o.color !== "inherit" && {
-    color: (e.vars || e).palette[o.color].main
-  }, o.variant === "outlined" && {
-    padding: "5px 15px",
-    border: "1px solid currentColor"
-  }, o.variant === "outlined" && o.color !== "inherit" && {
-    color: (e.vars || e).palette[o.color].main,
-    border: e.vars ? `1px solid rgba(${e.vars.palette[o.color].mainChannel} / 0.5)` : `1px solid ${ee(e.palette[o.color].main, 0.5)}`
-  }, o.variant === "contained" && {
-    color: e.vars ? (
-      // this is safe because grey does not change between default light/dark mode
-      e.vars.palette.text.primary
-    ) : (r = (t = e.palette).getContrastText) == null ? void 0 : r.call(t, e.palette.grey[300]),
-    backgroundColor: (e.vars || e).palette.grey[300],
-    boxShadow: (e.vars || e).shadows[2]
-  }, o.variant === "contained" && o.color !== "inherit" && {
-    color: (e.vars || e).palette[o.color].contrastText,
-    backgroundColor: (e.vars || e).palette[o.color].main
-  }, o.color === "inherit" && {
-    color: "inherit",
-    borderColor: "currentColor"
-  }, o.size === "small" && o.variant === "text" && {
-    padding: "4px 5px",
-    fontSize: e.typography.pxToRem(13)
-  }, o.size === "large" && o.variant === "text" && {
-    padding: "8px 11px",
-    fontSize: e.typography.pxToRem(15)
-  }, o.size === "small" && o.variant === "outlined" && {
-    padding: "3px 9px",
-    fontSize: e.typography.pxToRem(13)
-  }, o.size === "large" && o.variant === "outlined" && {
-    padding: "7px 21px",
-    fontSize: e.typography.pxToRem(15)
-  }, o.size === "small" && o.variant === "contained" && {
-    padding: "4px 10px",
-    fontSize: e.typography.pxToRem(13)
-  }, o.size === "large" && o.variant === "contained" && {
-    padding: "8px 22px",
-    fontSize: e.typography.pxToRem(15)
-  }, o.fullWidth && {
-    width: "100%"
-  });
-}, ({
-  ownerState: e
-}) => e.disableElevation && {
-  boxShadow: "none",
-  "&:hover": {
-    boxShadow: "none"
-  },
-  [`&.${oe.focusVisible}`]: {
-    boxShadow: "none"
-  },
-  "&:active": {
-    boxShadow: "none"
-  },
-  [`&.${oe.disabled}`]: {
-    boxShadow: "none"
-  }
-}), Io = q("span", {
-  name: "MuiButton",
-  slot: "StartIcon",
-  overridesResolver: (e, o) => {
-    const {
-      ownerState: r
-    } = e;
-    return [o.startIcon, o[`iconSize${B(r.size)}`]];
-  }
-})(({
-  ownerState: e
-}) => d({
-  display: "inherit",
-  marginRight: 8,
-  marginLeft: -4
-}, e.size === "small" && {
-  marginLeft: -2
-}, ze(e))), So = q("span", {
-  name: "MuiButton",
-  slot: "EndIcon",
-  overridesResolver: (e, o) => {
-    const {
-      ownerState: r
-    } = e;
-    return [o.endIcon, o[`iconSize${B(r.size)}`]];
-  }
-})(({
-  ownerState: e
-}) => d({
-  display: "inherit",
-  marginRight: -4,
-  marginLeft: 8
-}, e.size === "small" && {
-  marginRight: -2
-}, ze(e))), $o = /* @__PURE__ */ c.forwardRef(function(o, r) {
-  const t = c.useContext(Me), i = Se(t, o), s = pe({
-    props: i,
-    name: "MuiButton"
-  }), {
-    children: a,
-    color: l = "primary",
-    component: u = "button",
-    className: f,
-    disabled: g = !1,
-    disableElevation: y = !1,
-    disableFocusRipple: m = !1,
-    endIcon: x,
-    focusVisibleClassName: b,
-    fullWidth: P = !1,
-    size: C = "medium",
-    startIcon: T,
-    type: O,
-    variant: p = "text"
-  } = s, E = K(s, Co), v = d({}, s, {
-    color: l,
-    component: u,
-    disabled: g,
-    disableElevation: y,
-    disableFocusRipple: m,
-    fullWidth: P,
-    size: C,
-    type: O,
-    variant: p
-  }), k = Oo(v), N = T && /* @__PURE__ */ $(Io, {
-    className: k.startIcon,
-    ownerState: v,
-    children: T
-  }), F = x && /* @__PURE__ */ $(So, {
-    className: k.endIcon,
-    ownerState: v,
-    children: x
-  });
-  return /* @__PURE__ */ fe(No, d({
-    ownerState: v,
-    className: V(t.className, k.root, f),
-    component: u,
-    disabled: g,
-    focusRipple: !m,
-    focusVisibleClassName: V(k.focusVisible, b),
-    ref: r,
-    type: O
-  }, E, {
-    classes: k,
-    children: [N, a, F]
-  }));
-});
-process.env.NODE_ENV !== "production" && ($o.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: n.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: n.object,
-  /**
-   * @ignore
-   */
-  className: n.string,
-  /**
-   * The color of the component.
-   * It supports both default and custom theme colors, which can be added as shown in the
-   * [palette customization guide](https://mui.com/material-ui/customization/palette/#adding-new-colors).
-   * @default 'primary'
-   */
-  color: n.oneOfType([n.oneOf(["inherit", "primary", "secondary", "success", "error", "info", "warning"]), n.string]),
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: n.elementType,
-  /**
-   * If `true`, the component is disabled.
-   * @default false
-   */
-  disabled: n.bool,
-  /**
-   * If `true`, no elevation is used.
-   * @default false
-   */
-  disableElevation: n.bool,
-  /**
-   * If `true`, the  keyboard focus ripple is disabled.
-   * @default false
-   */
-  disableFocusRipple: n.bool,
-  /**
-   * If `true`, the ripple effect is disabled.
-   *
-   * ⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure
-   * to highlight the element by applying separate styles with the `.Mui-focusVisible` class.
-   * @default false
-   */
-  disableRipple: n.bool,
-  /**
-   * Element placed after the children.
-   */
-  endIcon: n.node,
-  /**
-   * @ignore
-   */
-  focusVisibleClassName: n.string,
-  /**
-   * If `true`, the button will take up the full width of its container.
-   * @default false
-   */
-  fullWidth: n.bool,
-  /**
-   * The URL to link to when the button is clicked.
-   * If defined, an `a` element will be used as the root node.
-   */
-  href: n.string,
-  /**
-   * The size of the component.
-   * `small` is equivalent to the dense button styling.
-   * @default 'medium'
-   */
-  size: n.oneOfType([n.oneOf(["small", "medium", "large"]), n.string]),
-  /**
-   * Element placed before the children.
-   */
-  startIcon: n.node,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: n.oneOfType([n.arrayOf(n.oneOfType([n.func, n.object, n.bool])), n.func, n.object]),
-  /**
-   * @ignore
-   */
-  type: n.oneOfType([n.oneOf(["button", "reset", "submit"]), n.string]),
-  /**
-   * The variant to use.
-   * @default 'text'
-   */
-  variant: n.oneOfType([n.oneOf(["contained", "outlined", "text"]), n.string])
-});
-const Fo = ["addEndListener", "appear", "children", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"], Mo = {
-  entering: {
-    opacity: 1
-  },
-  entered: {
-    opacity: 1
-  }
-}, Be = /* @__PURE__ */ c.forwardRef(function(o, r) {
-  const t = Ke(), i = {
-    enter: t.transitions.duration.enteringScreen,
-    exit: t.transitions.duration.leavingScreen
-  }, {
-    addEndListener: s,
-    appear: a = !0,
-    children: l,
-    easing: u,
-    in: f,
-    onEnter: g,
-    onEntered: y,
-    onEntering: m,
-    onExit: x,
-    onExited: b,
-    onExiting: P,
-    style: C,
-    timeout: T = i,
-    // eslint-disable-next-line react/prop-types
-    TransitionComponent: O = qe
-  } = o, p = K(o, Fo), E = c.useRef(null), v = Z(E, l.ref, r), k = (h) => (R) => {
-    if (h) {
-      const z = E.current;
-      R === void 0 ? h(z) : h(z, R);
-    }
-  }, N = k(m), F = k((h, R) => {
-    Ge(h);
-    const z = Ee({
-      style: C,
-      timeout: T,
-      easing: u
-    }, {
-      mode: "enter"
-    });
-    h.style.webkitTransition = t.transitions.create("opacity", z), h.style.transition = t.transitions.create("opacity", z), g && g(h, R);
-  }), w = k(y), D = k(P), I = k((h) => {
-    const R = Ee({
-      style: C,
-      timeout: T,
-      easing: u
-    }, {
-      mode: "exit"
-    });
-    h.style.webkitTransition = t.transitions.create("opacity", R), h.style.transition = t.transitions.create("opacity", R), x && x(h);
-  }), M = k(b);
-  return /* @__PURE__ */ $(O, d({
-    appear: a,
-    in: f,
-    nodeRef: E,
-    onEnter: F,
-    onEntered: w,
-    onEntering: N,
-    onExit: I,
-    onExited: M,
-    onExiting: D,
-    addEndListener: (h) => {
-      s && s(E.current, h);
-    },
-    timeout: T
-  }, p, {
-    children: (h, R) => /* @__PURE__ */ c.cloneElement(l, d({
-      style: d({
-        opacity: 0,
-        visibility: h === "exited" && !f ? "hidden" : void 0
-      }, Mo[h], C, l.props.style),
-      ref: v
-    }, R))
-  }));
-});
-process.env.NODE_ENV !== "production" && (Be.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: n.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: n.bool,
-  /**
-   * A single child content element.
-   */
-  children: X.isRequired,
-  /**
-   * The transition timing function.
-   * You may specify a single easing or a object containing enter and exit values.
-   */
-  easing: n.oneOfType([n.shape({
-    enter: n.string,
-    exit: n.string
-  }), n.string]),
-  /**
-   * If `true`, the component will transition in.
-   */
-  in: n.bool,
-  /**
-   * @ignore
-   */
-  onEnter: n.func,
-  /**
-   * @ignore
-   */
-  onEntered: n.func,
-  /**
-   * @ignore
-   */
-  onEntering: n.func,
-  /**
-   * @ignore
-   */
-  onExit: n.func,
-  /**
-   * @ignore
-   */
-  onExited: n.func,
-  /**
-   * @ignore
-   */
-  onExiting: n.func,
-  /**
-   * @ignore
-   */
-  style: n.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: n.oneOfType([n.number, n.shape({
-    appear: n.number,
-    enter: n.number,
-    exit: n.number
-  })])
-});
-function zo(e) {
-  return de("MuiBackdrop", e);
-}
-ce("MuiBackdrop", ["root", "invisible"]);
-const Bo = ["children", "className", "component", "components", "componentsProps", "invisible", "open", "slotProps", "slots", "TransitionComponent", "transitionDuration"], wo = (e) => {
-  const {
-    classes: o,
-    invisible: r
-  } = e;
-  return ue({
-    root: ["root", r && "invisible"]
-  }, zo, o);
-}, Ao = q("div", {
-  name: "MuiBackdrop",
-  slot: "Root",
-  overridesResolver: (e, o) => {
-    const {
-      ownerState: r
-    } = e;
-    return [o.root, r.invisible && o.invisible];
-  }
-})(({
-  ownerState: e
-}) => d({
-  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"
-}, e.invisible && {
-  backgroundColor: "transparent"
-})), we = /* @__PURE__ */ c.forwardRef(function(o, r) {
-  var t, i, s;
-  const a = pe({
-    props: o,
-    name: "MuiBackdrop"
-  }), {
-    children: l,
-    className: u,
-    component: f = "div",
-    components: g = {},
-    componentsProps: y = {},
-    invisible: m = !1,
-    open: x,
-    slotProps: b = {},
-    slots: P = {},
-    TransitionComponent: C = Be,
-    transitionDuration: T
-  } = a, O = K(a, Bo), p = d({}, a, {
-    component: f,
-    invisible: m
-  }), E = wo(p), v = (t = b.root) != null ? t : y.root;
-  return /* @__PURE__ */ $(C, d({
-    in: x,
-    timeout: T
-  }, O, {
-    children: /* @__PURE__ */ $(Ao, d({
-      "aria-hidden": !0
-    }, v, {
-      as: (i = (s = P.root) != null ? s : g.Root) != null ? i : f,
-      className: V(E.root, u, v == null ? void 0 : v.className),
-      ownerState: d({}, p, v == null ? void 0 : v.ownerState),
-      classes: E,
-      ref: r,
-      children: l
-    }))
-  }));
-});
-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: n.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: n.object,
-  /**
-   * @ignore
-   */
-  className: n.string,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: n.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: n.shape({
-    Root: n.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: n.shape({
-    root: n.object
-  }),
-  /**
-   * If `true`, the backdrop is invisible.
-   * It can be used when rendering a popover or a custom select component.
-   * @default false
-   */
-  invisible: n.bool,
-  /**
-   * If `true`, the component is shown.
-   */
-  open: n.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: n.shape({
-    root: n.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: n.shape({
-    root: n.elementType
-  }),
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: n.oneOfType([n.arrayOf(n.oneOfType([n.func, n.object, n.bool])), n.func, n.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: n.elementType,
-  /**
-   * The duration for the transition, in milliseconds.
-   * You may specify a single timeout for all transitions, or individually with an object.
-   */
-  transitionDuration: n.oneOfType([n.number, n.shape({
-    appear: n.number,
-    enter: n.number,
-    exit: n.number
-  })])
-});
-const Do = ["BackdropComponent", "BackdropProps", "classes", "className", "closeAfterTransition", "children", "component", "components", "componentsProps", "disableAutoFocus", "disableEnforceFocus", "disableEscapeKeyDown", "disablePortal", "disableRestoreFocus", "disableScrollLock", "hideBackdrop", "keepMounted", "slotProps", "slots", "theme"], Lo = q("div", {
-  name: "MuiModal",
-  slot: "Root",
-  overridesResolver: (e, o) => {
-    const {
-      ownerState: r
-    } = e;
-    return [o.root, !r.open && r.exited && o.hidden];
-  }
-})(({
-  theme: e,
-  ownerState: o
-}) => d({
-  position: "fixed",
-  zIndex: (e.vars || e).zIndex.modal,
-  right: 0,
-  bottom: 0,
-  top: 0,
-  left: 0
-}, !o.open && o.exited && {
-  visibility: "hidden"
-})), _o = q(we, {
-  name: "MuiModal",
-  slot: "Backdrop",
-  overridesResolver: (e, o) => o.backdrop
-})({
-  zIndex: -1
-}), jo = /* @__PURE__ */ c.forwardRef(function(o, r) {
-  var t, i, s, a, l, u;
-  const f = pe({
-    name: "MuiModal",
-    props: o
-  }), {
-    BackdropComponent: g = _o,
-    BackdropProps: y,
-    classes: m,
-    className: x,
-    closeAfterTransition: b = !1,
-    children: P,
-    component: C,
-    components: T = {},
-    componentsProps: O = {},
-    disableAutoFocus: p = !1,
-    disableEnforceFocus: E = !1,
-    disableEscapeKeyDown: v = !1,
-    disablePortal: k = !1,
-    disableRestoreFocus: N = !1,
-    disableScrollLock: F = !1,
-    hideBackdrop: w = !1,
-    keepMounted: D = !1,
-    slotProps: I,
-    slots: M,
-    // eslint-disable-next-line react/prop-types
-    theme: A
-  } = f, h = K(f, Do), [R, z] = c.useState(!0), _ = {
-    closeAfterTransition: b,
-    disableAutoFocus: p,
-    disableEnforceFocus: E,
-    disableEscapeKeyDown: v,
-    disablePortal: k,
-    disableRestoreFocus: N,
-    disableScrollLock: F,
-    hideBackdrop: w,
-    keepMounted: D
-  }, L = d({}, f, _, {
-    exited: R
-  }), J = (t = (i = M == null ? void 0 : M.root) != null ? i : T.Root) != null ? t : Lo, W = (s = (a = M == null ? void 0 : M.backdrop) != null ? a : T.Backdrop) != null ? s : g, H = (l = I == null ? void 0 : I.root) != null ? l : O.root, U = (u = I == null ? void 0 : I.backdrop) != null ? u : O.backdrop;
-  return /* @__PURE__ */ $(Fe, d({
-    slots: {
-      root: J,
-      backdrop: W
-    },
-    slotProps: {
-      root: () => d({}, le(H, L), !$e(J) && {
-        as: C,
-        theme: A
-      }, {
-        className: V(x, H == null ? void 0 : H.className, m == null ? void 0 : m.root, !L.open && L.exited && (m == null ? void 0 : m.hidden))
-      }),
-      backdrop: () => d({}, y, le(U, L), {
-        className: V(U == null ? void 0 : U.className, m == null ? void 0 : m.backdrop)
-      })
-    },
-    onTransitionEnter: () => z(!1),
-    onTransitionExited: () => z(!0),
-    ref: r
-  }, h, _, {
-    children: P
-  }));
-});
-process.env.NODE_ENV !== "production" && (jo.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: n.elementType,
-  /**
-   * Props applied to the [`Backdrop`](/material-ui/api/backdrop/) element.
-   * @deprecated Use `slotProps.backdrop` instead.
-   */
-  BackdropProps: n.object,
-  /**
-   * A single child content element.
-   */
-  children: X.isRequired,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: n.object,
-  /**
-   * @ignore
-   */
-  className: n.string,
-  /**
-   * When set to true the Modal waits until a nested Transition is completed before closing.
-   * @default false
-   */
-  closeAfterTransition: n.bool,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: n.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: n.shape({
-    Backdrop: n.elementType,
-    Root: n.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: n.shape({
-    backdrop: n.oneOfType([n.func, n.object]),
-    root: n.oneOfType([n.func, n.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: n.oneOfType([me, n.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: n.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: n.bool,
-  /**
-   * If `true`, hitting escape will not fire the `onClose` callback.
-   * @default false
-   */
-  disableEscapeKeyDown: n.bool,
-  /**
-   * The `children` will be under the DOM hierarchy of the parent component.
-   * @default false
-   */
-  disablePortal: n.bool,
-  /**
-   * If `true`, the modal will not restore focus to previously focused element once
-   * modal is hidden or unmounted.
-   * @default false
-   */
-  disableRestoreFocus: n.bool,
-  /**
-   * Disable the scroll lock behavior.
-   * @default false
-   */
-  disableScrollLock: n.bool,
-  /**
-   * If `true`, the backdrop is not rendered.
-   * @default false
-   */
-  hideBackdrop: n.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: n.bool,
-  /**
-   * Callback fired when the backdrop is clicked.
-   * @deprecated Use the `onClose` prop with the `reason` argument to handle the `backdropClick` events.
-   */
-  onBackdropClick: n.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: n.func,
-  /**
-   * If `true`, the component is shown.
-   */
-  open: n.bool.isRequired,
-  /**
-   * The props used for each slot inside the Modal.
-   * @default {}
-   */
-  slotProps: n.shape({
-    backdrop: n.oneOfType([n.func, n.object]),
-    root: n.oneOfType([n.func, n.object])
-  }),
-  /**
-   * The components used for each slot inside the Modal.
-   * Either a string to use a HTML element or a component.
-   * @default {}
-   */
-  slots: n.shape({
-    backdrop: n.elementType,
-    root: n.elementType
-  }),
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: n.oneOfType([n.arrayOf(n.oneOfType([n.func, n.object, n.bool])), n.func, n.object])
-});
-export {
-  $o as B,
-  Be as F,
-  me as H,
-  jo as M,
-  te as P,
-  we as a,
-  no as b,
-  ne as c,
-  X as e,
-  Je as g,
-  $e as i,
-  Re as u
-};