@hybridcore/ui 1.3.2 → 1.3.4

package/dist/DialogContent-D51w7KVX.js

@@ -0,0 +1,2119 @@
+import { _ as l, a as j } from "./extends-Cyw62AD_.js";
+import * as d from "react";
+import { P as o, a as I } from "./createStyled-liRRhQcN.js";
+import { c as w, g as H, a as X, r as Ke, u as Z } from "./useThemeProps-BXn-nVhw.js";
+import { g as K, s as A, r as qe, a as te } from "./styled-Dm8rXzIG.js";
+import { jsxs as be, jsx as R } from "react/jsx-runtime";
+import { u as ee, b as Ee, s as Te, a as ke, B as Ye } from "./ButtonBase-DJz-TFGO.js";
+import { u as De } from "./useTheme-CTuK-wFF.js";
+import { T as Ge, r as Xe, g as Ce } from "./utils-DY9Jk4Ah.js";
+import { e as ae, a as Ie } from "./exactProp-CT2wqJXE.js";
+import { o as U } from "./ownerDocument-CUrv0DIK.js";
+import { o as me } from "./ownerWindow-niciwP7I.js";
+import { c as Re, u as Ze } from "./useId-BHG98T5I.js";
+import { i as Me } from "./isHostComponent-kiaBvYVo.js";
+import * as Je from "react-dom";
+import { P as $e } from "./Paper-Dp3qO0cK.js";
+function Qe(e, n, t) {
+  return e === void 0 || Me(e) ? n : l({}, n, {
+    ownerState: l({}, n.ownerState, t)
+  });
+}
+const eo = {
+  disableDefaultClasses: !1
+}, oo = /* @__PURE__ */ d.createContext(eo);
+function no(e) {
+  const {
+    disableDefaultClasses: n
+  } = d.useContext(oo);
+  return (t) => n ? "" : e(t);
+}
+function to(e, n = []) {
+  if (e === void 0)
+    return {};
+  const t = {};
+  return Object.keys(e).filter((r) => r.match(/^on[A-Z]/) && typeof e[r] == "function" && !n.includes(r)).forEach((r) => {
+    t[r] = e[r];
+  }), t;
+}
+function fe(e, n) {
+  return typeof e == "function" ? e(n) : e;
+}
+function ge(e, n, t, r, i) {
+  if (process.env.NODE_ENV === "production")
+    return null;
+  const s = e[n], a = i || n;
+  return s == null ? null : s && s.nodeType !== 1 ? new Error(`Invalid ${r} \`${a}\` supplied to \`${t}\`. Expected an HTMLElement.`) : null;
+}
+function ro(e) {
+  const n = e.documentElement.clientWidth;
+  return Math.abs(window.innerWidth - n);
+}
+function Pe(e) {
+  if (e === void 0)
+    return {};
+  const n = {};
+  return Object.keys(e).filter((t) => !(t.match(/^on[A-Z]/) && typeof e[t] == "function")).forEach((t) => {
+    n[t] = e[t];
+  }), n;
+}
+function so(e) {
+  const {
+    getSlotProps: n,
+    additionalProps: t,
+    externalSlotProps: r,
+    externalForwardedProps: i,
+    className: s
+  } = e;
+  if (!n) {
+    const T = w(i == null ? void 0 : i.className, r == null ? void 0 : r.className, s, t == null ? void 0 : t.className), m = l({}, t == null ? void 0 : t.style, i == null ? void 0 : i.style, r == null ? void 0 : r.style), S = l({}, t, i, r);
+    return T.length > 0 && (S.className = T), Object.keys(m).length > 0 && (S.style = m), {
+      props: S,
+      internalRef: void 0
+    };
+  }
+  const a = to(l({}, i, r)), c = Pe(r), p = Pe(i), f = n(a), E = w(f == null ? void 0 : f.className, t == null ? void 0 : t.className, s, i == null ? void 0 : i.className, r == null ? void 0 : r.className), h = l({}, f == null ? void 0 : f.style, t == null ? void 0 : t.style, i == null ? void 0 : i.style, r == null ? void 0 : r.style), b = l({}, f, t, p, c);
+  return E.length > 0 && (b.className = E), Object.keys(h).length > 0 && (b.style = h), {
+    props: b,
+    internalRef: f.ref
+  };
+}
+const io = ["elementType", "externalSlotProps", "ownerState"];
+function Ne(e) {
+  var n;
+  const {
+    elementType: t,
+    externalSlotProps: r,
+    ownerState: i
+  } = e, s = j(e, io), a = fe(r, i), {
+    props: c,
+    internalRef: p
+  } = so(l({}, s, {
+    externalSlotProps: a
+  })), f = ee(p, a == null ? void 0 : a.ref, (n = e.additionalProps) == null ? void 0 : n.ref);
+  return Qe(t, l({}, c, {
+    ref: f
+  }), i);
+}
+const ao = ["input", "select", "textarea", "a[href]", "button", "[tabindex]", "audio[controls]", "video[controls]", '[contenteditable]:not([contenteditable="false"])'].join(",");
+function lo(e) {
+  const n = parseInt(e.getAttribute("tabindex") || "", 10);
+  return Number.isNaN(n) ? e.contentEditable === "true" || (e.nodeName === "AUDIO" || e.nodeName === "VIDEO" || e.nodeName === "DETAILS") && e.getAttribute("tabindex") === null ? 0 : e.tabIndex : n;
+}
+function co(e) {
+  if (e.tagName !== "INPUT" || e.type !== "radio" || !e.name)
+    return !1;
+  const n = (r) => e.ownerDocument.querySelector(`input[type="radio"]${r}`);
+  let t = n(`[name="${e.name}"]:checked`);
+  return t || (t = n(`[name="${e.name}"]`)), t !== e;
+}
+function po(e) {
+  return !(e.disabled || e.tagName === "INPUT" && e.type === "hidden" || co(e));
+}
+function uo(e) {
+  const n = [], t = [];
+  return Array.from(e.querySelectorAll(ao)).forEach((r, i) => {
+    const s = lo(r);
+    s === -1 || !po(r) || (s === 0 ? n.push(r) : t.push({
+      documentOrder: i,
+      tabIndex: s,
+      node: r
+    }));
+  }), t.sort((r, i) => r.tabIndex === i.tabIndex ? r.documentOrder - i.documentOrder : r.tabIndex - i.tabIndex).map((r) => r.node).concat(n);
+}
+function fo() {
+  return !0;
+}
+function se(e) {
+  const {
+    children: n,
+    disableAutoFocus: t = !1,
+    disableEnforceFocus: r = !1,
+    disableRestoreFocus: i = !1,
+    getTabbable: s = uo,
+    isEnabled: a = fo,
+    open: c
+  } = e, p = d.useRef(!1), f = d.useRef(null), E = d.useRef(null), h = d.useRef(null), b = d.useRef(null), T = d.useRef(!1), m = d.useRef(null), S = ee(n.ref, m), P = d.useRef(null);
+  d.useEffect(() => {
+    !c || !m.current || (T.current = !t);
+  }, [t, c]), d.useEffect(() => {
+    if (!c || !m.current)
+      return;
+    const u = U(m.current);
+    return m.current.contains(u.activeElement) || (m.current.hasAttribute("tabIndex") || (process.env.NODE_ENV !== "production" && console.error(["MUI: The modal content node does not accept focus.", 'For the benefit of assistive technologies, the tabIndex of the node is being set to "-1".'].join(`
+`)), m.current.setAttribute("tabIndex", "-1")), T.current && m.current.focus()), () => {
+      i || (h.current && h.current.focus && (p.current = !0, h.current.focus()), h.current = null);
+    };
+  }, [c]), d.useEffect(() => {
+    if (!c || !m.current)
+      return;
+    const u = U(m.current), y = (D) => {
+      const {
+        current: $
+      } = m;
+      if ($ !== null) {
+        if (!u.hasFocus() || r || !a() || p.current) {
+          p.current = !1;
+          return;
+        }
+        if (!$.contains(u.activeElement)) {
+          if (D && b.current !== D.target || u.activeElement !== b.current)
+            b.current = null;
+          else if (b.current !== null)
+            return;
+          if (!T.current)
+            return;
+          let N = [];
+          if ((u.activeElement === f.current || u.activeElement === E.current) && (N = s(m.current)), N.length > 0) {
+            var L, F;
+            const M = !!((L = P.current) != null && L.shiftKey && ((F = P.current) == null ? void 0 : F.key) === "Tab"), _ = N[0], g = N[N.length - 1];
+            typeof _ != "string" && typeof g != "string" && (M ? g.focus() : _.focus());
+          } else
+            $.focus();
+        }
+      }
+    }, v = (D) => {
+      P.current = D, !(r || !a() || D.key !== "Tab") && u.activeElement === m.current && D.shiftKey && (p.current = !0, E.current && E.current.focus());
+    };
+    u.addEventListener("focusin", y), u.addEventListener("keydown", v, !0);
+    const C = setInterval(() => {
+      u.activeElement && u.activeElement.tagName === "BODY" && y(null);
+    }, 50);
+    return () => {
+      clearInterval(C), u.removeEventListener("focusin", y), u.removeEventListener("keydown", v, !0);
+    };
+  }, [t, r, i, a, c, s]);
+  const x = (u) => {
+    h.current === null && (h.current = u.relatedTarget), T.current = !0, b.current = u.target;
+    const y = n.props.onFocus;
+    y && y(u);
+  }, O = (u) => {
+    h.current === null && (h.current = u.relatedTarget), T.current = !0;
+  };
+  return /* @__PURE__ */ be(d.Fragment, {
+    children: [/* @__PURE__ */ R("div", {
+      tabIndex: c ? 0 : -1,
+      onFocus: O,
+      ref: f,
+      "data-testid": "sentinelStart"
+    }), /* @__PURE__ */ d.cloneElement(n, {
+      ref: S,
+      onFocus: x
+    }), /* @__PURE__ */ R("div", {
+      tabIndex: c ? 0 : -1,
+      onFocus: O,
+      ref: E,
+      "data-testid": "sentinelEnd"
+    })]
+  });
+}
+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: ae,
+  /**
+   * 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: o.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: o.bool,
+  /**
+   * If `true`, the focus trap will not restore focus to previously focused element once
+   * focus trap is hidden or unmounted.
+   * @default false
+   */
+  disableRestoreFocus: o.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: o.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: o.func,
+  /**
+   * If `true`, focus is locked.
+   */
+  open: o.bool.isRequired
+});
+process.env.NODE_ENV !== "production" && (se.propTypes = Ie(se.propTypes));
+function bo(e) {
+  return typeof e == "function" ? e() : e;
+}
+const ie = /* @__PURE__ */ d.forwardRef(function(n, t) {
+  const {
+    children: r,
+    container: i,
+    disablePortal: s = !1
+  } = n, [a, c] = d.useState(null), p = ee(/* @__PURE__ */ d.isValidElement(r) ? r.ref : null, t);
+  if (Ee(() => {
+    s || c(bo(i) || document.body);
+  }, [i, s]), Ee(() => {
+    if (a && !s)
+      return Te(t, a), () => {
+        Te(t, null);
+      };
+  }, [t, a, s]), s) {
+    if (/* @__PURE__ */ d.isValidElement(r)) {
+      const f = {
+        ref: p
+      };
+      return /* @__PURE__ */ d.cloneElement(r, f);
+    }
+    return /* @__PURE__ */ R(d.Fragment, {
+      children: r
+    });
+  }
+  return /* @__PURE__ */ R(d.Fragment, {
+    children: a && /* @__PURE__ */ Je.createPortal(r, a)
+  });
+});
+process.env.NODE_ENV !== "production" && (ie.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: o.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: o.oneOfType([ge, o.func]),
+  /**
+   * The `children` will be under the DOM hierarchy of the parent component.
+   * @default false
+   */
+  disablePortal: o.bool
+});
+process.env.NODE_ENV !== "production" && (ie.propTypes = Ie(ie.propTypes));
+function mo(e) {
+  const n = U(e);
+  return n.body === e ? me(e).innerWidth > n.documentElement.clientWidth : e.scrollHeight > e.clientHeight;
+}
+function Q(e, n) {
+  n ? e.setAttribute("aria-hidden", "true") : e.removeAttribute("aria-hidden");
+}
+function Se(e) {
+  return parseInt(me(e).getComputedStyle(e).paddingRight, 10) || 0;
+}
+function go(e) {
+  const t = ["TEMPLATE", "SCRIPT", "STYLE", "LINK", "MAP", "META", "NOSCRIPT", "PICTURE", "COL", "COLGROUP", "PARAM", "SLOT", "SOURCE", "TRACK"].indexOf(e.tagName) !== -1, r = e.tagName === "INPUT" && e.getAttribute("type") === "hidden";
+  return t || r;
+}
+function Oe(e, n, t, r, i) {
+  const s = [n, t, ...r];
+  [].forEach.call(e.children, (a) => {
+    const c = s.indexOf(a) === -1, p = !go(a);
+    c && p && Q(a, i);
+  });
+}
+function pe(e, n) {
+  let t = -1;
+  return e.some((r, i) => n(r) ? (t = i, !0) : !1), t;
+}
+function vo(e, n) {
+  const t = [], r = e.container;
+  if (!n.disableScrollLock) {
+    if (mo(r)) {
+      const a = ro(U(r));
+      t.push({
+        value: r.style.paddingRight,
+        property: "padding-right",
+        el: r
+      }), r.style.paddingRight = `${Se(r) + a}px`;
+      const c = U(r).querySelectorAll(".mui-fixed");
+      [].forEach.call(c, (p) => {
+        t.push({
+          value: p.style.paddingRight,
+          property: "padding-right",
+          el: p
+        }), p.style.paddingRight = `${Se(p) + a}px`;
+      });
+    }
+    let s;
+    if (r.parentNode instanceof DocumentFragment)
+      s = U(r).body;
+    else {
+      const a = r.parentElement, c = me(r);
+      s = (a == null ? void 0 : a.nodeName) === "HTML" && c.getComputedStyle(a).overflowY === "scroll" ? a : r;
+    }
+    t.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 () => {
+    t.forEach(({
+      value: s,
+      el: a,
+      property: c
+    }) => {
+      s ? a.style.setProperty(c, s) : a.style.removeProperty(c);
+    });
+  };
+}
+function ho(e) {
+  const n = [];
+  return [].forEach.call(e.children, (t) => {
+    t.getAttribute("aria-hidden") === "true" && n.push(t);
+  }), n;
+}
+class xo {
+  constructor() {
+    this.containers = void 0, this.modals = void 0, this.modals = [], this.containers = [];
+  }
+  add(n, t) {
+    let r = this.modals.indexOf(n);
+    if (r !== -1)
+      return r;
+    r = this.modals.length, this.modals.push(n), n.modalRef && Q(n.modalRef, !1);
+    const i = ho(t);
+    Oe(t, n.mount, n.modalRef, i, !0);
+    const s = pe(this.containers, (a) => a.container === t);
+    return s !== -1 ? (this.containers[s].modals.push(n), r) : (this.containers.push({
+      modals: [n],
+      container: t,
+      restore: null,
+      hiddenSiblings: i
+    }), r);
+  }
+  mount(n, t) {
+    const r = pe(this.containers, (s) => s.modals.indexOf(n) !== -1), i = this.containers[r];
+    i.restore || (i.restore = vo(i, t));
+  }
+  remove(n, t = !0) {
+    const r = this.modals.indexOf(n);
+    if (r === -1)
+      return r;
+    const i = pe(this.containers, (a) => a.modals.indexOf(n) !== -1), s = this.containers[i];
+    if (s.modals.splice(s.modals.indexOf(n), 1), this.modals.splice(r, 1), s.modals.length === 0)
+      s.restore && s.restore(), n.modalRef && Q(n.modalRef, t), Oe(s.container, n.mount, n.modalRef, s.hiddenSiblings, !1), this.containers.splice(i, 1);
+    else {
+      const a = s.modals[s.modals.length - 1];
+      a.modalRef && Q(a.modalRef, !1);
+    }
+    return r;
+  }
+  isTopModal(n) {
+    return this.modals.length > 0 && this.modals[this.modals.length - 1] === n;
+  }
+}
+function yo(e) {
+  return K("MuiModal", e);
+}
+H("MuiModal", ["root", "hidden", "backdrop"]);
+const Eo = ["children", "closeAfterTransition", "component", "container", "disableAutoFocus", "disableEnforceFocus", "disableEscapeKeyDown", "disablePortal", "disableRestoreFocus", "disableScrollLock", "hideBackdrop", "keepMounted", "manager", "onBackdropClick", "onClose", "onKeyDown", "open", "onTransitionEnter", "onTransitionExited", "slotProps", "slots"], To = (e) => {
+  const {
+    open: n,
+    exited: t
+  } = e;
+  return X({
+    root: ["root", !n && t && "hidden"],
+    backdrop: ["backdrop"]
+  }, no(yo));
+};
+function ko(e) {
+  return typeof e == "function" ? e() : e;
+}
+function Co(e) {
+  return e ? e.props.hasOwnProperty("in") : !1;
+}
+const Ro = new xo(), Be = /* @__PURE__ */ d.forwardRef(function(n, t) {
+  var r, i;
+  const {
+    children: s,
+    closeAfterTransition: a = !1,
+    component: c,
+    container: p,
+    disableAutoFocus: f = !1,
+    disableEnforceFocus: E = !1,
+    disableEscapeKeyDown: h = !1,
+    disablePortal: b = !1,
+    disableRestoreFocus: T = !1,
+    disableScrollLock: m = !1,
+    hideBackdrop: S = !1,
+    keepMounted: P = !1,
+    // private
+    manager: x = Ro,
+    onBackdropClick: O,
+    onClose: u,
+    onKeyDown: y,
+    open: v,
+    onTransitionEnter: C,
+    onTransitionExited: D,
+    slotProps: $ = {},
+    slots: L = {}
+  } = n, F = j(n, Eo), [N, M] = d.useState(!v), _ = d.useRef({}), g = d.useRef(null), k = d.useRef(null), z = ee(k, t), W = Co(s), V = (r = n["aria-hidden"]) != null ? r : !0, oe = () => U(g.current), q = () => (_.current.modalRef = k.current, _.current.mountNode = g.current, _.current), Y = () => {
+    x.mount(q(), {
+      disableScrollLock: m
+    }), k.current && (k.current.scrollTop = 0);
+  }, G = ke(() => {
+    const B = ko(p) || oe().body;
+    x.add(q(), B), k.current && Y();
+  }), le = d.useCallback(() => x.isTopModal(q()), [x]), Ae = ke((B) => {
+    g.current = B, !(!B || !k.current) && (v && le() ? Y() : Q(k.current, V));
+  }), J = d.useCallback(() => {
+    x.remove(q(), V);
+  }, [x, V]);
+  d.useEffect(() => () => {
+    J();
+  }, [J]), d.useEffect(() => {
+    v ? G() : (!W || !a) && J();
+  }, [v, J, W, a, G]);
+  const ce = l({}, n, {
+    closeAfterTransition: a,
+    disableAutoFocus: f,
+    disableEnforceFocus: E,
+    disableEscapeKeyDown: h,
+    disablePortal: b,
+    disableRestoreFocus: T,
+    disableScrollLock: m,
+    exited: N,
+    hideBackdrop: S,
+    keepMounted: P
+  }), xe = To(ce), Le = () => {
+    M(!1), C && C();
+  }, _e = () => {
+    M(!0), D && D(), a && J();
+  }, je = (B) => {
+    B.target === B.currentTarget && (O && O(B), u && u(B, "backdropClick"));
+  }, Ve = (B) => {
+    y && y(B), !(B.key !== "Escape" || !le()) && (h || (B.stopPropagation(), u && u(B, "escapeKeyDown")));
+  }, ne = {};
+  s.props.tabIndex === void 0 && (ne.tabIndex = "-1"), W && (ne.onEnter = Re(Le, s.props.onEnter), ne.onExited = Re(_e, s.props.onExited));
+  const ye = (i = c ?? L.root) != null ? i : "div", Ue = Ne({
+    elementType: ye,
+    externalSlotProps: $.root,
+    externalForwardedProps: F,
+    additionalProps: {
+      ref: z,
+      role: "presentation",
+      onKeyDown: Ve
+    },
+    className: xe.root,
+    ownerState: ce
+  }), de = L.backdrop, He = Ne({
+    elementType: de,
+    externalSlotProps: $.backdrop,
+    additionalProps: {
+      "aria-hidden": !0,
+      onClick: je,
+      open: v
+    },
+    className: xe.backdrop,
+    ownerState: ce
+  });
+  return !P && !v && (!W || N) ? null : /* @__PURE__ */ R(
+    ie,
+    {
+      ref: Ae,
+      container: p,
+      disablePortal: b,
+      children: /* @__PURE__ */ be(ye, l({}, Ue, {
+        children: [!S && de ? /* @__PURE__ */ R(de, l({}, He)) : null, /* @__PURE__ */ R(se, {
+          disableEnforceFocus: E,
+          disableAutoFocus: f,
+          disableRestoreFocus: T,
+          isEnabled: le,
+          open: v,
+          children: /* @__PURE__ */ d.cloneElement(s, ne)
+        })]
+      }))
+    }
+  );
+});
+process.env.NODE_ENV !== "production" && (Be.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: ae.isRequired,
+  /**
+   * When set to true the Modal waits until a nested Transition is completed before closing.
+   * @default false
+   */
+  closeAfterTransition: o.bool,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: o.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: o.oneOfType([ge, o.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: o.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: o.bool,
+  /**
+   * If `true`, hitting escape will not fire the `onClose` callback.
+   * @default false
+   */
+  disableEscapeKeyDown: o.bool,
+  /**
+   * The `children` will be under the DOM hierarchy of the parent component.
+   * @default false
+   */
+  disablePortal: o.bool,
+  /**
+   * If `true`, the modal will not restore focus to previously focused element once
+   * modal is hidden or unmounted.
+   * @default false
+   */
+  disableRestoreFocus: o.bool,
+  /**
+   * Disable the scroll lock behavior.
+   * @default false
+   */
+  disableScrollLock: o.bool,
+  /**
+   * If `true`, the backdrop is not rendered.
+   * @default false
+   */
+  hideBackdrop: o.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: o.bool,
+  /**
+   * Callback fired when the backdrop is clicked.
+   * @deprecated Use the `onClose` prop with the `reason` argument to handle the `backdropClick` events.
+   */
+  onBackdropClick: o.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: o.func,
+  /**
+   * @ignore
+   */
+  onKeyDown: o.func,
+  /**
+   * If `true`, the component is shown.
+   */
+  open: o.bool.isRequired,
+  /**
+   * The props used for each slot inside the Modal.
+   * @default {}
+   */
+  slotProps: o.shape({
+    backdrop: o.oneOfType([o.func, o.object]),
+    root: o.oneOfType([o.func, o.object])
+  }),
+  /**
+   * The components used for each slot inside the Modal.
+   * Either a string to use a HTML element or a component.
+   * @default {}
+   */
+  slots: o.shape({
+    backdrop: o.elementType,
+    root: o.elementType
+  })
+});
+function Po(e) {
+  return K("MuiButton", e);
+}
+const re = H("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"]), Fe = /* @__PURE__ */ d.createContext({});
+process.env.NODE_ENV !== "production" && (Fe.displayName = "ButtonGroupContext");
+const No = ["children", "color", "component", "className", "disabled", "disableElevation", "disableFocusRipple", "endIcon", "focusVisibleClassName", "fullWidth", "size", "startIcon", "type", "variant"], So = (e) => {
+  const {
+    color: n,
+    disableElevation: t,
+    fullWidth: r,
+    size: i,
+    variant: s,
+    classes: a
+  } = e, c = {
+    root: ["root", s, `${s}${I(n)}`, `size${I(i)}`, `${s}Size${I(i)}`, n === "inherit" && "colorInherit", t && "disableElevation", r && "fullWidth"],
+    label: ["label"],
+    startIcon: ["startIcon", `iconSize${I(i)}`],
+    endIcon: ["endIcon", `iconSize${I(i)}`]
+  }, p = X(c, Po, a);
+  return l({}, a, p);
+}, We = (e) => l({}, 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
+  }
+}), Oo = A(Ye, {
+  shouldForwardProp: (e) => qe(e) || e === "classes",
+  name: "MuiButton",
+  slot: "Root",
+  overridesResolver: (e, n) => {
+    const {
+      ownerState: t
+    } = e;
+    return [n.root, n[t.variant], n[`${t.variant}${I(t.color)}`], n[`size${I(t.size)}`], n[`${t.variant}Size${I(t.size)}`], t.color === "inherit" && n.colorInherit, t.disableElevation && n.disableElevation, t.fullWidth && n.fullWidth];
+  }
+})(({
+  theme: e,
+  ownerState: n
+}) => {
+  var t, r;
+  return l({}, 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": l({
+      textDecoration: "none",
+      backgroundColor: e.vars ? `rgba(${e.vars.palette.text.primaryChannel} / ${e.vars.palette.action.hoverOpacity})` : te(e.palette.text.primary, e.palette.action.hoverOpacity),
+      // Reset on touch devices, it doesn't add specificity
+      "@media (hover: none)": {
+        backgroundColor: "transparent"
+      }
+    }, n.variant === "text" && n.color !== "inherit" && {
+      backgroundColor: e.vars ? `rgba(${e.vars.palette[n.color].mainChannel} / ${e.vars.palette.action.hoverOpacity})` : te(e.palette[n.color].main, e.palette.action.hoverOpacity),
+      // Reset on touch devices, it doesn't add specificity
+      "@media (hover: none)": {
+        backgroundColor: "transparent"
+      }
+    }, n.variant === "outlined" && n.color !== "inherit" && {
+      border: `1px solid ${(e.vars || e).palette[n.color].main}`,
+      backgroundColor: e.vars ? `rgba(${e.vars.palette[n.color].mainChannel} / ${e.vars.palette.action.hoverOpacity})` : te(e.palette[n.color].main, e.palette.action.hoverOpacity),
+      // Reset on touch devices, it doesn't add specificity
+      "@media (hover: none)": {
+        backgroundColor: "transparent"
+      }
+    }, n.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]
+      }
+    }, n.variant === "contained" && n.color !== "inherit" && {
+      backgroundColor: (e.vars || e).palette[n.color].dark,
+      // Reset on touch devices, it doesn't add specificity
+      "@media (hover: none)": {
+        backgroundColor: (e.vars || e).palette[n.color].main
+      }
+    }),
+    "&:active": l({}, n.variant === "contained" && {
+      boxShadow: (e.vars || e).shadows[8]
+    }),
+    [`&.${re.focusVisible}`]: l({}, n.variant === "contained" && {
+      boxShadow: (e.vars || e).shadows[6]
+    }),
+    [`&.${re.disabled}`]: l({
+      color: (e.vars || e).palette.action.disabled
+    }, n.variant === "outlined" && {
+      border: `1px solid ${(e.vars || e).palette.action.disabledBackground}`
+    }, n.variant === "contained" && {
+      color: (e.vars || e).palette.action.disabled,
+      boxShadow: (e.vars || e).shadows[0],
+      backgroundColor: (e.vars || e).palette.action.disabledBackground
+    })
+  }, n.variant === "text" && {
+    padding: "6px 8px"
+  }, n.variant === "text" && n.color !== "inherit" && {
+    color: (e.vars || e).palette[n.color].main
+  }, n.variant === "outlined" && {
+    padding: "5px 15px",
+    border: "1px solid currentColor"
+  }, n.variant === "outlined" && n.color !== "inherit" && {
+    color: (e.vars || e).palette[n.color].main,
+    border: e.vars ? `1px solid rgba(${e.vars.palette[n.color].mainChannel} / 0.5)` : `1px solid ${te(e.palette[n.color].main, 0.5)}`
+  }, n.variant === "contained" && {
+    color: e.vars ? (
+      // this is safe because grey does not change between default light/dark mode
+      e.vars.palette.text.primary
+    ) : (t = (r = e.palette).getContrastText) == null ? void 0 : t.call(r, e.palette.grey[300]),
+    backgroundColor: (e.vars || e).palette.grey[300],
+    boxShadow: (e.vars || e).shadows[2]
+  }, n.variant === "contained" && n.color !== "inherit" && {
+    color: (e.vars || e).palette[n.color].contrastText,
+    backgroundColor: (e.vars || e).palette[n.color].main
+  }, n.color === "inherit" && {
+    color: "inherit",
+    borderColor: "currentColor"
+  }, n.size === "small" && n.variant === "text" && {
+    padding: "4px 5px",
+    fontSize: e.typography.pxToRem(13)
+  }, n.size === "large" && n.variant === "text" && {
+    padding: "8px 11px",
+    fontSize: e.typography.pxToRem(15)
+  }, n.size === "small" && n.variant === "outlined" && {
+    padding: "3px 9px",
+    fontSize: e.typography.pxToRem(13)
+  }, n.size === "large" && n.variant === "outlined" && {
+    padding: "7px 21px",
+    fontSize: e.typography.pxToRem(15)
+  }, n.size === "small" && n.variant === "contained" && {
+    padding: "4px 10px",
+    fontSize: e.typography.pxToRem(13)
+  }, n.size === "large" && n.variant === "contained" && {
+    padding: "8px 22px",
+    fontSize: e.typography.pxToRem(15)
+  }, n.fullWidth && {
+    width: "100%"
+  });
+}, ({
+  ownerState: e
+}) => e.disableElevation && {
+  boxShadow: "none",
+  "&:hover": {
+    boxShadow: "none"
+  },
+  [`&.${re.focusVisible}`]: {
+    boxShadow: "none"
+  },
+  "&:active": {
+    boxShadow: "none"
+  },
+  [`&.${re.disabled}`]: {
+    boxShadow: "none"
+  }
+}), Do = A("span", {
+  name: "MuiButton",
+  slot: "StartIcon",
+  overridesResolver: (e, n) => {
+    const {
+      ownerState: t
+    } = e;
+    return [n.startIcon, n[`iconSize${I(t.size)}`]];
+  }
+})(({
+  ownerState: e
+}) => l({
+  display: "inherit",
+  marginRight: 8,
+  marginLeft: -4
+}, e.size === "small" && {
+  marginLeft: -2
+}, We(e))), Io = A("span", {
+  name: "MuiButton",
+  slot: "EndIcon",
+  overridesResolver: (e, n) => {
+    const {
+      ownerState: t
+    } = e;
+    return [n.endIcon, n[`iconSize${I(t.size)}`]];
+  }
+})(({
+  ownerState: e
+}) => l({
+  display: "inherit",
+  marginRight: -4,
+  marginLeft: 8
+}, e.size === "small" && {
+  marginRight: -2
+}, We(e))), Mo = /* @__PURE__ */ d.forwardRef(function(n, t) {
+  const r = d.useContext(Fe), i = Ke(r, n), s = Z({
+    props: i,
+    name: "MuiButton"
+  }), {
+    children: a,
+    color: c = "primary",
+    component: p = "button",
+    className: f,
+    disabled: E = !1,
+    disableElevation: h = !1,
+    disableFocusRipple: b = !1,
+    endIcon: T,
+    focusVisibleClassName: m,
+    fullWidth: S = !1,
+    size: P = "medium",
+    startIcon: x,
+    type: O,
+    variant: u = "text"
+  } = s, y = j(s, No), v = l({}, s, {
+    color: c,
+    component: p,
+    disabled: E,
+    disableElevation: h,
+    disableFocusRipple: b,
+    fullWidth: S,
+    size: P,
+    type: O,
+    variant: u
+  }), C = So(v), D = x && /* @__PURE__ */ R(Do, {
+    className: C.startIcon,
+    ownerState: v,
+    children: x
+  }), $ = T && /* @__PURE__ */ R(Io, {
+    className: C.endIcon,
+    ownerState: v,
+    children: T
+  });
+  return /* @__PURE__ */ be(Oo, l({
+    ownerState: v,
+    className: w(r.className, C.root, f),
+    component: p,
+    disabled: E,
+    focusRipple: !b,
+    focusVisibleClassName: w(C.focusVisible, m),
+    ref: t,
+    type: O
+  }, y, {
+    classes: C,
+    children: [D, a, $]
+  }));
+});
+process.env.NODE_ENV !== "production" && (Mo.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: o.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: o.object,
+  /**
+   * @ignore
+   */
+  className: o.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: o.oneOfType([o.oneOf(["inherit", "primary", "secondary", "success", "error", "info", "warning"]), o.string]),
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: o.elementType,
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   */
+  disabled: o.bool,
+  /**
+   * If `true`, no elevation is used.
+   * @default false
+   */
+  disableElevation: o.bool,
+  /**
+   * If `true`, the  keyboard focus ripple is disabled.
+   * @default false
+   */
+  disableFocusRipple: o.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: o.bool,
+  /**
+   * Element placed after the children.
+   */
+  endIcon: o.node,
+  /**
+   * @ignore
+   */
+  focusVisibleClassName: o.string,
+  /**
+   * If `true`, the button will take up the full width of its container.
+   * @default false
+   */
+  fullWidth: o.bool,
+  /**
+   * The URL to link to when the button is clicked.
+   * If defined, an `a` element will be used as the root node.
+   */
+  href: o.string,
+  /**
+   * The size of the component.
+   * `small` is equivalent to the dense button styling.
+   * @default 'medium'
+   */
+  size: o.oneOfType([o.oneOf(["small", "medium", "large"]), o.string]),
+  /**
+   * Element placed before the children.
+   */
+  startIcon: o.node,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
+  /**
+   * @ignore
+   */
+  type: o.oneOfType([o.oneOf(["button", "reset", "submit"]), o.string]),
+  /**
+   * The variant to use.
+   * @default 'text'
+   */
+  variant: o.oneOfType([o.oneOf(["contained", "outlined", "text"]), o.string])
+});
+const $o = ["addEndListener", "appear", "children", "easing", "in", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "style", "timeout", "TransitionComponent"], Bo = {
+  entering: {
+    opacity: 1
+  },
+  entered: {
+    opacity: 1
+  }
+}, ve = /* @__PURE__ */ d.forwardRef(function(n, t) {
+  const r = De(), i = {
+    enter: r.transitions.duration.enteringScreen,
+    exit: r.transitions.duration.leavingScreen
+  }, {
+    addEndListener: s,
+    appear: a = !0,
+    children: c,
+    easing: p,
+    in: f,
+    onEnter: E,
+    onEntered: h,
+    onEntering: b,
+    onExit: T,
+    onExited: m,
+    onExiting: S,
+    style: P,
+    timeout: x = i,
+    // eslint-disable-next-line react/prop-types
+    TransitionComponent: O = Ge
+  } = n, u = j(n, $o), y = d.useRef(null), v = ee(y, c.ref, t), C = (g) => (k) => {
+    if (g) {
+      const z = y.current;
+      k === void 0 ? g(z) : g(z, k);
+    }
+  }, D = C(b), $ = C((g, k) => {
+    Xe(g);
+    const z = Ce({
+      style: P,
+      timeout: x,
+      easing: p
+    }, {
+      mode: "enter"
+    });
+    g.style.webkitTransition = r.transitions.create("opacity", z), g.style.transition = r.transitions.create("opacity", z), E && E(g, k);
+  }), L = C(h), F = C(S), N = C((g) => {
+    const k = Ce({
+      style: P,
+      timeout: x,
+      easing: p
+    }, {
+      mode: "exit"
+    });
+    g.style.webkitTransition = r.transitions.create("opacity", k), g.style.transition = r.transitions.create("opacity", k), T && T(g);
+  }), M = C(m);
+  return /* @__PURE__ */ R(O, l({
+    appear: a,
+    in: f,
+    nodeRef: y,
+    onEnter: $,
+    onEntered: L,
+    onEntering: D,
+    onExit: N,
+    onExited: M,
+    onExiting: F,
+    addEndListener: (g) => {
+      s && s(y.current, g);
+    },
+    timeout: x
+  }, u, {
+    children: (g, k) => /* @__PURE__ */ d.cloneElement(c, l({
+      style: l({
+        opacity: 0,
+        visibility: g === "exited" && !f ? "hidden" : void 0
+      }, Bo[g], P, c.props.style),
+      ref: v
+    }, k))
+  }));
+});
+process.env.NODE_ENV !== "production" && (ve.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: o.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: o.bool,
+  /**
+   * A single child content element.
+   */
+  children: ae.isRequired,
+  /**
+   * The transition timing function.
+   * You may specify a single easing or a object containing enter and exit values.
+   */
+  easing: o.oneOfType([o.shape({
+    enter: o.string,
+    exit: o.string
+  }), o.string]),
+  /**
+   * If `true`, the component will transition in.
+   */
+  in: o.bool,
+  /**
+   * @ignore
+   */
+  onEnter: o.func,
+  /**
+   * @ignore
+   */
+  onEntered: o.func,
+  /**
+   * @ignore
+   */
+  onEntering: o.func,
+  /**
+   * @ignore
+   */
+  onExit: o.func,
+  /**
+   * @ignore
+   */
+  onExited: o.func,
+  /**
+   * @ignore
+   */
+  onExiting: o.func,
+  /**
+   * @ignore
+   */
+  style: o.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: o.oneOfType([o.number, o.shape({
+    appear: o.number,
+    enter: o.number,
+    exit: o.number
+  })])
+});
+function Fo(e) {
+  return K("MuiBackdrop", e);
+}
+H("MuiBackdrop", ["root", "invisible"]);
+const Wo = ["children", "className", "component", "components", "componentsProps", "invisible", "open", "slotProps", "slots", "TransitionComponent", "transitionDuration"], zo = (e) => {
+  const {
+    classes: n,
+    invisible: t
+  } = e;
+  return X({
+    root: ["root", t && "invisible"]
+  }, Fo, n);
+}, wo = A("div", {
+  name: "MuiBackdrop",
+  slot: "Root",
+  overridesResolver: (e, n) => {
+    const {
+      ownerState: t
+    } = e;
+    return [n.root, t.invisible && n.invisible];
+  }
+})(({
+  ownerState: e
+}) => l({
+  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"
+})), he = /* @__PURE__ */ d.forwardRef(function(n, t) {
+  var r, i, s;
+  const a = Z({
+    props: n,
+    name: "MuiBackdrop"
+  }), {
+    children: c,
+    className: p,
+    component: f = "div",
+    components: E = {},
+    componentsProps: h = {},
+    invisible: b = !1,
+    open: T,
+    slotProps: m = {},
+    slots: S = {},
+    TransitionComponent: P = ve,
+    transitionDuration: x
+  } = a, O = j(a, Wo), u = l({}, a, {
+    component: f,
+    invisible: b
+  }), y = zo(u), v = (r = m.root) != null ? r : h.root;
+  return /* @__PURE__ */ R(P, l({
+    in: T,
+    timeout: x
+  }, O, {
+    children: /* @__PURE__ */ R(wo, l({
+      "aria-hidden": !0
+    }, v, {
+      as: (i = (s = S.root) != null ? s : E.Root) != null ? i : f,
+      className: w(y.root, p, v == null ? void 0 : v.className),
+      ownerState: l({}, u, v == null ? void 0 : v.ownerState),
+      classes: y,
+      ref: t,
+      children: c
+    }))
+  }));
+});
+process.env.NODE_ENV !== "production" && (he.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: o.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: o.object,
+  /**
+   * @ignore
+   */
+  className: o.string,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: o.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: o.shape({
+    Root: o.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: o.shape({
+    root: o.object
+  }),
+  /**
+   * If `true`, the backdrop is invisible.
+   * It can be used when rendering a popover or a custom select component.
+   * @default false
+   */
+  invisible: o.bool,
+  /**
+   * If `true`, the component is shown.
+   */
+  open: o.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: o.shape({
+    root: o.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: o.shape({
+    root: o.elementType
+  }),
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.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: o.elementType,
+  /**
+   * The duration for the transition, in milliseconds.
+   * You may specify a single timeout for all transitions, or individually with an object.
+   */
+  transitionDuration: o.oneOfType([o.number, o.shape({
+    appear: o.number,
+    enter: o.number,
+    exit: o.number
+  })])
+});
+const Ao = ["BackdropComponent", "BackdropProps", "classes", "className", "closeAfterTransition", "children", "component", "components", "componentsProps", "disableAutoFocus", "disableEnforceFocus", "disableEscapeKeyDown", "disablePortal", "disableRestoreFocus", "disableScrollLock", "hideBackdrop", "keepMounted", "slotProps", "slots", "theme"], Lo = A("div", {
+  name: "MuiModal",
+  slot: "Root",
+  overridesResolver: (e, n) => {
+    const {
+      ownerState: t
+    } = e;
+    return [n.root, !t.open && t.exited && n.hidden];
+  }
+})(({
+  theme: e,
+  ownerState: n
+}) => l({
+  position: "fixed",
+  zIndex: (e.vars || e).zIndex.modal,
+  right: 0,
+  bottom: 0,
+  top: 0,
+  left: 0
+}, !n.open && n.exited && {
+  visibility: "hidden"
+})), _o = A(he, {
+  name: "MuiModal",
+  slot: "Backdrop",
+  overridesResolver: (e, n) => n.backdrop
+})({
+  zIndex: -1
+}), ze = /* @__PURE__ */ d.forwardRef(function(n, t) {
+  var r, i, s, a, c, p;
+  const f = Z({
+    name: "MuiModal",
+    props: n
+  }), {
+    BackdropComponent: E = _o,
+    BackdropProps: h,
+    classes: b,
+    className: T,
+    closeAfterTransition: m = !1,
+    children: S,
+    component: P,
+    components: x = {},
+    componentsProps: O = {},
+    disableAutoFocus: u = !1,
+    disableEnforceFocus: y = !1,
+    disableEscapeKeyDown: v = !1,
+    disablePortal: C = !1,
+    disableRestoreFocus: D = !1,
+    disableScrollLock: $ = !1,
+    hideBackdrop: L = !1,
+    keepMounted: F = !1,
+    slotProps: N,
+    slots: M,
+    // eslint-disable-next-line react/prop-types
+    theme: _
+  } = f, g = j(f, Ao), [k, z] = d.useState(!0), W = {
+    closeAfterTransition: m,
+    disableAutoFocus: u,
+    disableEnforceFocus: y,
+    disableEscapeKeyDown: v,
+    disablePortal: C,
+    disableRestoreFocus: D,
+    disableScrollLock: $,
+    hideBackdrop: L,
+    keepMounted: F
+  }, V = l({}, f, W, {
+    exited: k
+  }), oe = (r = (i = M == null ? void 0 : M.root) != null ? i : x.Root) != null ? r : Lo, q = (s = (a = M == null ? void 0 : M.backdrop) != null ? a : x.Backdrop) != null ? s : E, Y = (c = N == null ? void 0 : N.root) != null ? c : O.root, G = (p = N == null ? void 0 : N.backdrop) != null ? p : O.backdrop;
+  return /* @__PURE__ */ R(Be, l({
+    slots: {
+      root: oe,
+      backdrop: q
+    },
+    slotProps: {
+      root: () => l({}, fe(Y, V), !Me(oe) && {
+        as: P,
+        theme: _
+      }, {
+        className: w(T, Y == null ? void 0 : Y.className, b == null ? void 0 : b.root, !V.open && V.exited && (b == null ? void 0 : b.hidden))
+      }),
+      backdrop: () => l({}, h, fe(G, V), {
+        className: w(G == null ? void 0 : G.className, b == null ? void 0 : b.backdrop)
+      })
+    },
+    onTransitionEnter: () => z(!1),
+    onTransitionExited: () => z(!0),
+    ref: t
+  }, g, W, {
+    children: S
+  }));
+});
+process.env.NODE_ENV !== "production" && (ze.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: o.elementType,
+  /**
+   * Props applied to the [`Backdrop`](/material-ui/api/backdrop/) element.
+   * @deprecated Use `slotProps.backdrop` instead.
+   */
+  BackdropProps: o.object,
+  /**
+   * A single child content element.
+   */
+  children: ae.isRequired,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: o.object,
+  /**
+   * @ignore
+   */
+  className: o.string,
+  /**
+   * When set to true the Modal waits until a nested Transition is completed before closing.
+   * @default false
+   */
+  closeAfterTransition: o.bool,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: o.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: o.shape({
+    Backdrop: o.elementType,
+    Root: o.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: o.shape({
+    backdrop: o.oneOfType([o.func, o.object]),
+    root: o.oneOfType([o.func, o.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: o.oneOfType([ge, o.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: o.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: o.bool,
+  /**
+   * If `true`, hitting escape will not fire the `onClose` callback.
+   * @default false
+   */
+  disableEscapeKeyDown: o.bool,
+  /**
+   * The `children` will be under the DOM hierarchy of the parent component.
+   * @default false
+   */
+  disablePortal: o.bool,
+  /**
+   * If `true`, the modal will not restore focus to previously focused element once
+   * modal is hidden or unmounted.
+   * @default false
+   */
+  disableRestoreFocus: o.bool,
+  /**
+   * Disable the scroll lock behavior.
+   * @default false
+   */
+  disableScrollLock: o.bool,
+  /**
+   * If `true`, the backdrop is not rendered.
+   * @default false
+   */
+  hideBackdrop: o.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: o.bool,
+  /**
+   * Callback fired when the backdrop is clicked.
+   * @deprecated Use the `onClose` prop with the `reason` argument to handle the `backdropClick` events.
+   */
+  onBackdropClick: o.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: o.func,
+  /**
+   * If `true`, the component is shown.
+   */
+  open: o.bool.isRequired,
+  /**
+   * The props used for each slot inside the Modal.
+   * @default {}
+   */
+  slotProps: o.shape({
+    backdrop: o.oneOfType([o.func, o.object]),
+    root: o.oneOfType([o.func, o.object])
+  }),
+  /**
+   * The components used for each slot inside the Modal.
+   * Either a string to use a HTML element or a component.
+   * @default {}
+   */
+  slots: o.shape({
+    backdrop: o.elementType,
+    root: o.elementType
+  }),
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object])
+});
+function jo(e) {
+  return K("MuiDialog", e);
+}
+const ue = H("MuiDialog", ["root", "scrollPaper", "scrollBody", "container", "paper", "paperScrollPaper", "paperScrollBody", "paperWidthFalse", "paperWidthXs", "paperWidthSm", "paperWidthMd", "paperWidthLg", "paperWidthXl", "paperFullWidth", "paperFullScreen"]), we = /* @__PURE__ */ d.createContext({});
+process.env.NODE_ENV !== "production" && (we.displayName = "DialogContext");
+const Vo = ["aria-describedby", "aria-labelledby", "BackdropComponent", "BackdropProps", "children", "className", "disableEscapeKeyDown", "fullScreen", "fullWidth", "maxWidth", "onBackdropClick", "onClose", "open", "PaperComponent", "PaperProps", "scroll", "TransitionComponent", "transitionDuration", "TransitionProps"], Uo = A(he, {
+  name: "MuiDialog",
+  slot: "Backdrop",
+  overrides: (e, n) => n.backdrop
+})({
+  // Improve scrollable dialog support.
+  zIndex: -1
+}), Ho = (e) => {
+  const {
+    classes: n,
+    scroll: t,
+    maxWidth: r,
+    fullWidth: i,
+    fullScreen: s
+  } = e, a = {
+    root: ["root"],
+    container: ["container", `scroll${I(t)}`],
+    paper: ["paper", `paperScroll${I(t)}`, `paperWidth${I(String(r))}`, i && "paperFullWidth", s && "paperFullScreen"]
+  };
+  return X(a, jo, n);
+}, Ko = A(ze, {
+  name: "MuiDialog",
+  slot: "Root",
+  overridesResolver: (e, n) => n.root
+})({
+  "@media print": {
+    // Use !important to override the Modal inline-style.
+    position: "absolute !important"
+  }
+}), qo = A("div", {
+  name: "MuiDialog",
+  slot: "Container",
+  overridesResolver: (e, n) => {
+    const {
+      ownerState: t
+    } = e;
+    return [n.container, n[`scroll${I(t.scroll)}`]];
+  }
+})(({
+  ownerState: e
+}) => l({
+  height: "100%",
+  "@media print": {
+    height: "auto"
+  },
+  // We disable the focus ring for mouse, touch and keyboard users.
+  outline: 0
+}, e.scroll === "paper" && {
+  display: "flex",
+  justifyContent: "center",
+  alignItems: "center"
+}, e.scroll === "body" && {
+  overflowY: "auto",
+  overflowX: "hidden",
+  textAlign: "center",
+  "&:after": {
+    content: '""',
+    display: "inline-block",
+    verticalAlign: "middle",
+    height: "100%",
+    width: "0"
+  }
+})), Yo = A($e, {
+  name: "MuiDialog",
+  slot: "Paper",
+  overridesResolver: (e, n) => {
+    const {
+      ownerState: t
+    } = e;
+    return [n.paper, n[`scrollPaper${I(t.scroll)}`], n[`paperWidth${I(String(t.maxWidth))}`], t.fullWidth && n.paperFullWidth, t.fullScreen && n.paperFullScreen];
+  }
+})(({
+  theme: e,
+  ownerState: n
+}) => l({
+  margin: 32,
+  position: "relative",
+  overflowY: "auto",
+  // Fix IE11 issue, to remove at some point.
+  "@media print": {
+    overflowY: "visible",
+    boxShadow: "none"
+  }
+}, n.scroll === "paper" && {
+  display: "flex",
+  flexDirection: "column",
+  maxHeight: "calc(100% - 64px)"
+}, n.scroll === "body" && {
+  display: "inline-block",
+  verticalAlign: "middle",
+  textAlign: "left"
+  // 'initial' doesn't work on IE11
+}, !n.maxWidth && {
+  maxWidth: "calc(100% - 64px)"
+}, n.maxWidth === "xs" && {
+  maxWidth: e.breakpoints.unit === "px" ? Math.max(e.breakpoints.values.xs, 444) : `${e.breakpoints.values.xs}${e.breakpoints.unit}`,
+  [`&.${ue.paperScrollBody}`]: {
+    [e.breakpoints.down(Math.max(e.breakpoints.values.xs, 444) + 32 * 2)]: {
+      maxWidth: "calc(100% - 64px)"
+    }
+  }
+}, n.maxWidth && n.maxWidth !== "xs" && {
+  maxWidth: `${e.breakpoints.values[n.maxWidth]}${e.breakpoints.unit}`,
+  [`&.${ue.paperScrollBody}`]: {
+    [e.breakpoints.down(e.breakpoints.values[n.maxWidth] + 32 * 2)]: {
+      maxWidth: "calc(100% - 64px)"
+    }
+  }
+}, n.fullWidth && {
+  width: "calc(100% - 64px)"
+}, n.fullScreen && {
+  margin: 0,
+  width: "100%",
+  maxWidth: "100%",
+  height: "100%",
+  maxHeight: "none",
+  borderRadius: 0,
+  [`&.${ue.paperScrollBody}`]: {
+    margin: 0,
+    maxWidth: "100%"
+  }
+})), Go = /* @__PURE__ */ d.forwardRef(function(n, t) {
+  const r = Z({
+    props: n,
+    name: "MuiDialog"
+  }), i = De(), s = {
+    enter: i.transitions.duration.enteringScreen,
+    exit: i.transitions.duration.leavingScreen
+  }, {
+    "aria-describedby": a,
+    "aria-labelledby": c,
+    BackdropComponent: p,
+    BackdropProps: f,
+    children: E,
+    className: h,
+    disableEscapeKeyDown: b = !1,
+    fullScreen: T = !1,
+    fullWidth: m = !1,
+    maxWidth: S = "sm",
+    onBackdropClick: P,
+    onClose: x,
+    open: O,
+    PaperComponent: u = $e,
+    PaperProps: y = {},
+    scroll: v = "paper",
+    TransitionComponent: C = ve,
+    transitionDuration: D = s,
+    TransitionProps: $
+  } = r, L = j(r, Vo), F = l({}, r, {
+    disableEscapeKeyDown: b,
+    fullScreen: T,
+    fullWidth: m,
+    maxWidth: S,
+    scroll: v
+  }), N = Ho(F), M = d.useRef(), _ = (W) => {
+    M.current = W.target === W.currentTarget;
+  }, g = (W) => {
+    M.current && (M.current = null, P && P(W), x && x(W, "backdropClick"));
+  }, k = Ze(c), z = d.useMemo(() => ({
+    titleId: k
+  }), [k]);
+  return /* @__PURE__ */ R(Ko, l({
+    className: w(N.root, h),
+    closeAfterTransition: !0,
+    components: {
+      Backdrop: Uo
+    },
+    componentsProps: {
+      backdrop: l({
+        transitionDuration: D,
+        as: p
+      }, f)
+    },
+    disableEscapeKeyDown: b,
+    onClose: x,
+    open: O,
+    ref: t,
+    onClick: g,
+    ownerState: F
+  }, L, {
+    children: /* @__PURE__ */ R(C, l({
+      appear: !0,
+      in: O,
+      timeout: D,
+      role: "presentation"
+    }, $, {
+      children: /* @__PURE__ */ R(qo, {
+        className: w(N.container),
+        onMouseDown: _,
+        ownerState: F,
+        children: /* @__PURE__ */ R(Yo, l({
+          as: u,
+          elevation: 24,
+          role: "dialog",
+          "aria-describedby": a,
+          "aria-labelledby": k
+        }, y, {
+          className: w(N.paper, y.className),
+          ownerState: F,
+          children: /* @__PURE__ */ R(we.Provider, {
+            value: z,
+            children: E
+          })
+        }))
+      })
+    }))
+  }));
+});
+process.env.NODE_ENV !== "production" && (Go.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit the d.ts file and run "yarn proptypes"     |
+  // ----------------------------------------------------------------------
+  /**
+   * The id(s) of the element(s) that describe the dialog.
+   */
+  "aria-describedby": o.string,
+  /**
+   * The id(s) of the element(s) that label the dialog.
+   */
+  "aria-labelledby": o.string,
+  /**
+   * 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: o.elementType,
+  /**
+   * @ignore
+   */
+  BackdropProps: o.object,
+  /**
+   * Dialog children, usually the included sub-components.
+   */
+  children: o.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: o.object,
+  /**
+   * @ignore
+   */
+  className: o.string,
+  /**
+   * If `true`, hitting escape will not fire the `onClose` callback.
+   * @default false
+   */
+  disableEscapeKeyDown: o.bool,
+  /**
+   * If `true`, the dialog is full-screen.
+   * @default false
+   */
+  fullScreen: o.bool,
+  /**
+   * If `true`, the dialog stretches to `maxWidth`.
+   *
+   * Notice that the dialog width grow is limited by the default margin.
+   * @default false
+   */
+  fullWidth: o.bool,
+  /**
+   * Determine the max-width of the dialog.
+   * The dialog width grows with the size of the screen.
+   * Set to `false` to disable `maxWidth`.
+   * @default 'sm'
+   */
+  maxWidth: o.oneOfType([o.oneOf(["xs", "sm", "md", "lg", "xl", !1]), o.string]),
+  /**
+   * Callback fired when the backdrop is clicked.
+   * @deprecated Use the `onClose` prop with the `reason` argument to handle the `backdropClick` events.
+   */
+  onBackdropClick: o.func,
+  /**
+   * Callback fired when the component requests to be closed.
+   *
+   * @param {object} event The event source of the callback.
+   * @param {string} reason Can be: `"escapeKeyDown"`, `"backdropClick"`.
+   */
+  onClose: o.func,
+  /**
+   * If `true`, the component is shown.
+   */
+  open: o.bool.isRequired,
+  /**
+   * The component used to render the body of the dialog.
+   * @default Paper
+   */
+  PaperComponent: o.elementType,
+  /**
+   * Props applied to the [`Paper`](/material-ui/api/paper/) element.
+   * @default {}
+   */
+  PaperProps: o.object,
+  /**
+   * Determine the container for scrolling the dialog.
+   * @default 'paper'
+   */
+  scroll: o.oneOf(["body", "paper"]),
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.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: o.elementType,
+  /**
+   * 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,
+   * }
+   */
+  transitionDuration: o.oneOfType([o.number, o.shape({
+    appear: o.number,
+    enter: o.number,
+    exit: o.number
+  })]),
+  /**
+   * Props applied to the transition element.
+   * By default, the element is based on this [`Transition`](http://reactcommunity.org/react-transition-group/transition/) component.
+   */
+  TransitionProps: o.object
+});
+function Xo(e) {
+  return K("MuiDialogActions", e);
+}
+H("MuiDialogActions", ["root", "spacing"]);
+const Zo = ["className", "disableSpacing"], Jo = (e) => {
+  const {
+    classes: n,
+    disableSpacing: t
+  } = e;
+  return X({
+    root: ["root", !t && "spacing"]
+  }, Xo, n);
+}, Qo = A("div", {
+  name: "MuiDialogActions",
+  slot: "Root",
+  overridesResolver: (e, n) => {
+    const {
+      ownerState: t
+    } = e;
+    return [n.root, !t.disableSpacing && n.spacing];
+  }
+})(({
+  ownerState: e
+}) => l({
+  display: "flex",
+  alignItems: "center",
+  padding: 8,
+  justifyContent: "flex-end",
+  flex: "0 0 auto"
+}, !e.disableSpacing && {
+  "& > :not(:first-of-type)": {
+    marginLeft: 8
+  }
+})), en = /* @__PURE__ */ d.forwardRef(function(n, t) {
+  const r = Z({
+    props: n,
+    name: "MuiDialogActions"
+  }), {
+    className: i,
+    disableSpacing: s = !1
+  } = r, a = j(r, Zo), c = l({}, r, {
+    disableSpacing: s
+  }), p = Jo(c);
+  return /* @__PURE__ */ R(Qo, l({
+    className: w(p.root, i),
+    ownerState: c,
+    ref: t
+  }, a));
+});
+process.env.NODE_ENV !== "production" && (en.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: o.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: o.object,
+  /**
+   * @ignore
+   */
+  className: o.string,
+  /**
+   * If `true`, the actions do not have additional margin.
+   * @default false
+   */
+  disableSpacing: o.bool,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object])
+});
+function on(e) {
+  return K("MuiDialogContent", e);
+}
+H("MuiDialogContent", ["root", "dividers"]);
+function Tn(e) {
+  return K("MuiDialogTitle", e);
+}
+const nn = H("MuiDialogTitle", ["root"]), tn = ["className", "dividers"], rn = (e) => {
+  const {
+    classes: n,
+    dividers: t
+  } = e;
+  return X({
+    root: ["root", t && "dividers"]
+  }, on, n);
+}, sn = A("div", {
+  name: "MuiDialogContent",
+  slot: "Root",
+  overridesResolver: (e, n) => {
+    const {
+      ownerState: t
+    } = e;
+    return [n.root, t.dividers && n.dividers];
+  }
+})(({
+  theme: e,
+  ownerState: n
+}) => l({
+  flex: "1 1 auto",
+  // Add iOS momentum scrolling for iOS < 13.0
+  WebkitOverflowScrolling: "touch",
+  overflowY: "auto",
+  padding: "20px 24px"
+}, n.dividers ? {
+  padding: "16px 24px",
+  borderTop: `1px solid ${(e.vars || e).palette.divider}`,
+  borderBottom: `1px solid ${(e.vars || e).palette.divider}`
+} : {
+  [`.${nn.root} + &`]: {
+    paddingTop: 0
+  }
+})), an = /* @__PURE__ */ d.forwardRef(function(n, t) {
+  const r = Z({
+    props: n,
+    name: "MuiDialogContent"
+  }), {
+    className: i,
+    dividers: s = !1
+  } = r, a = j(r, tn), c = l({}, r, {
+    dividers: s
+  }), p = rn(c);
+  return /* @__PURE__ */ R(sn, l({
+    className: w(p.root, i),
+    ownerState: c,
+    ref: t
+  }, a));
+});
+process.env.NODE_ENV !== "production" && (an.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: o.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: o.object,
+  /**
+   * @ignore
+   */
+  className: o.string,
+  /**
+   * Display the top and bottom dividers.
+   * @default false
+   */
+  dividers: o.bool,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object])
+});
+export {
+  Mo as B,
+  Go as D,
+  ve as F,
+  ge as H,
+  ze as M,
+  an as a,
+  en as b,
+  we as c,
+  ue as d,
+  ro as e,
+  Tn as g
+};