@hai-dev/ui-kit 1.0.0

package/dist/DialogTitle-1A3dJ174.js

@@ -0,0 +1,3258 @@
+import * as m from "react";
+import te from "react";
+import { e as dt, f as pt, i as ft, h as gt, T as yt, j as mt, k as ht, P as e, _ as bt, l as vt, m as et, n as W, g as V, u as H, o as j, p as Fe, b as A, q, r as ce, t as $e, v as ke, w as ue, x as U, y as Et, z as Be, A as Ue, D as Tt, E as xt } from "./Button-BjNjCLw8.js";
+import { jsx as D, jsxs as tt } from "react/jsx-runtime";
+function Ot(t) {
+  return Object.keys(t).length === 0;
+}
+function St(t = null) {
+  const n = m.useContext(dt);
+  return !n || Ot(n) ? t : n;
+}
+const Rt = pt();
+function Dt(t = Rt) {
+  return St(t);
+}
+const Nt = (t) => {
+  const n = {
+    systemProps: {},
+    otherProps: {}
+  }, r = t?.theme?.unstable_sxConfig ?? gt;
+  return Object.keys(t).forEach((o) => {
+    r[o] ? n.systemProps[o] = t[o] : n.otherProps[o] = t[o];
+  }), n;
+};
+function Pt(t) {
+  const {
+    sx: n,
+    ...r
+  } = t, {
+    systemProps: o,
+    otherProps: a
+  } = Nt(r);
+  let i;
+  return Array.isArray(n) ? i = [o, ...n] : typeof n == "function" ? i = (...c) => {
+    const p = n(...c);
+    return ft(p) ? {
+      ...o,
+      ...p
+    } : o;
+  } : i = {
+    ...o,
+    ...n
+  }, {
+    ...a,
+    sx: i
+  };
+}
+const Ct = "exact-prop: ​";
+function nt(t) {
+  return process.env.NODE_ENV === "production" ? t : {
+    ...t,
+    [Ct]: (n) => {
+      const r = Object.keys(n).filter((o) => !t.hasOwnProperty(o));
+      return r.length > 0 ? new Error(`The following props are not supported: ${r.map((o) => `\`${o}\``).join(", ")}. Please remove them.`) : null;
+    }
+  };
+}
+function _e() {
+  const t = Dt(mt);
+  return process.env.NODE_ENV !== "production" && m.useDebugValue(t), t[yt] || t;
+}
+function We(...t) {
+  return t.reduce((n, r) => r == null ? n : function(...a) {
+    n.apply(this, a), r.apply(this, a);
+  }, () => {
+  });
+}
+function wt() {
+  return Pt;
+}
+function X(t) {
+  return t && t.ownerDocument || document;
+}
+function he(t) {
+  return X(t).defaultView || window;
+}
+function Ve(t, n) {
+  typeof t == "function" ? t(n) : t && (t.current = n);
+}
+var ge = { exports: {} }, w = {};
+/**
+ * @license React
+ * react-dom.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var He;
+function kt() {
+  if (He) return w;
+  He = 1;
+  var t = te;
+  function n(d) {
+    var l = "https://react.dev/errors/" + d;
+    if (1 < arguments.length) {
+      l += "?args[]=" + encodeURIComponent(arguments[1]);
+      for (var g = 2; g < arguments.length; g++)
+        l += "&args[]=" + encodeURIComponent(arguments[g]);
+    }
+    return "Minified React error #" + d + "; visit " + l + " for the full message or use the non-minified dev environment for full errors and additional helpful warnings.";
+  }
+  function r() {
+  }
+  var o = {
+    d: {
+      f: r,
+      r: function() {
+        throw Error(n(522));
+      },
+      D: r,
+      C: r,
+      L: r,
+      m: r,
+      X: r,
+      S: r,
+      M: r
+    },
+    p: 0,
+    findDOMNode: null
+  }, a = Symbol.for("react.portal");
+  function i(d, l, g) {
+    var u = 3 < arguments.length && arguments[3] !== void 0 ? arguments[3] : null;
+    return {
+      $$typeof: a,
+      key: u == null ? null : "" + u,
+      children: d,
+      containerInfo: l,
+      implementation: g
+    };
+  }
+  var c = t.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+  function p(d, l) {
+    if (d === "font") return "";
+    if (typeof l == "string")
+      return l === "use-credentials" ? l : "";
+  }
+  return w.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE = o, w.createPortal = function(d, l) {
+    var g = 2 < arguments.length && arguments[2] !== void 0 ? arguments[2] : null;
+    if (!l || l.nodeType !== 1 && l.nodeType !== 9 && l.nodeType !== 11)
+      throw Error(n(299));
+    return i(d, l, null, g);
+  }, w.flushSync = function(d) {
+    var l = c.T, g = o.p;
+    try {
+      if (c.T = null, o.p = 2, d) return d();
+    } finally {
+      c.T = l, o.p = g, o.d.f();
+    }
+  }, w.preconnect = function(d, l) {
+    typeof d == "string" && (l ? (l = l.crossOrigin, l = typeof l == "string" ? l === "use-credentials" ? l : "" : void 0) : l = null, o.d.C(d, l));
+  }, w.prefetchDNS = function(d) {
+    typeof d == "string" && o.d.D(d);
+  }, w.preinit = function(d, l) {
+    if (typeof d == "string" && l && typeof l.as == "string") {
+      var g = l.as, u = p(g, l.crossOrigin), s = typeof l.integrity == "string" ? l.integrity : void 0, f = typeof l.fetchPriority == "string" ? l.fetchPriority : void 0;
+      g === "style" ? o.d.S(
+        d,
+        typeof l.precedence == "string" ? l.precedence : void 0,
+        {
+          crossOrigin: u,
+          integrity: s,
+          fetchPriority: f
+        }
+      ) : g === "script" && o.d.X(d, {
+        crossOrigin: u,
+        integrity: s,
+        fetchPriority: f,
+        nonce: typeof l.nonce == "string" ? l.nonce : void 0
+      });
+    }
+  }, w.preinitModule = function(d, l) {
+    if (typeof d == "string")
+      if (typeof l == "object" && l !== null) {
+        if (l.as == null || l.as === "script") {
+          var g = p(
+            l.as,
+            l.crossOrigin
+          );
+          o.d.M(d, {
+            crossOrigin: g,
+            integrity: typeof l.integrity == "string" ? l.integrity : void 0,
+            nonce: typeof l.nonce == "string" ? l.nonce : void 0
+          });
+        }
+      } else l == null && o.d.M(d);
+  }, w.preload = function(d, l) {
+    if (typeof d == "string" && typeof l == "object" && l !== null && typeof l.as == "string") {
+      var g = l.as, u = p(g, l.crossOrigin);
+      o.d.L(d, g, {
+        crossOrigin: u,
+        integrity: typeof l.integrity == "string" ? l.integrity : void 0,
+        nonce: typeof l.nonce == "string" ? l.nonce : void 0,
+        type: typeof l.type == "string" ? l.type : void 0,
+        fetchPriority: typeof l.fetchPriority == "string" ? l.fetchPriority : void 0,
+        referrerPolicy: typeof l.referrerPolicy == "string" ? l.referrerPolicy : void 0,
+        imageSrcSet: typeof l.imageSrcSet == "string" ? l.imageSrcSet : void 0,
+        imageSizes: typeof l.imageSizes == "string" ? l.imageSizes : void 0,
+        media: typeof l.media == "string" ? l.media : void 0
+      });
+    }
+  }, w.preloadModule = function(d, l) {
+    if (typeof d == "string")
+      if (l) {
+        var g = p(l.as, l.crossOrigin);
+        o.d.m(d, {
+          as: typeof l.as == "string" && l.as !== "script" ? l.as : void 0,
+          crossOrigin: g,
+          integrity: typeof l.integrity == "string" ? l.integrity : void 0
+        });
+      } else o.d.m(d);
+  }, w.requestFormReset = function(d) {
+    o.d.r(d);
+  }, w.unstable_batchedUpdates = function(d, l) {
+    return d(l);
+  }, w.useFormState = function(d, l, g) {
+    return c.H.useFormState(d, l, g);
+  }, w.useFormStatus = function() {
+    return c.H.useHostTransitionStatus();
+  }, w.version = "19.1.1", w;
+}
+var k = {};
+/**
+ * @license React
+ * react-dom.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var qe;
+function _t() {
+  return qe || (qe = 1, process.env.NODE_ENV !== "production" && (function() {
+    function t() {
+    }
+    function n(u) {
+      return "" + u;
+    }
+    function r(u, s, f) {
+      var y = 3 < arguments.length && arguments[3] !== void 0 ? arguments[3] : null;
+      try {
+        n(y);
+        var E = !1;
+      } catch {
+        E = !0;
+      }
+      return E && (console.error(
+        "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+        typeof Symbol == "function" && Symbol.toStringTag && y[Symbol.toStringTag] || y.constructor.name || "Object"
+      ), n(y)), {
+        $$typeof: l,
+        key: y == null ? null : "" + y,
+        children: u,
+        containerInfo: s,
+        implementation: f
+      };
+    }
+    function o(u, s) {
+      if (u === "font") return "";
+      if (typeof s == "string")
+        return s === "use-credentials" ? s : "";
+    }
+    function a(u) {
+      return u === null ? "`null`" : u === void 0 ? "`undefined`" : u === "" ? "an empty string" : 'something with type "' + typeof u + '"';
+    }
+    function i(u) {
+      return u === null ? "`null`" : u === void 0 ? "`undefined`" : u === "" ? "an empty string" : typeof u == "string" ? JSON.stringify(u) : typeof u == "number" ? "`" + u + "`" : 'something with type "' + typeof u + '"';
+    }
+    function c() {
+      var u = g.H;
+      return u === null && console.error(
+        `Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
+1. You might have mismatching versions of React and the renderer (such as React DOM)
+2. You might be breaking the Rules of Hooks
+3. You might have more than one copy of React in the same app
+See https://react.dev/link/invalid-hook-call for tips about how to debug and fix this problem.`
+      ), u;
+    }
+    typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
+    var p = te, d = {
+      d: {
+        f: t,
+        r: function() {
+          throw Error(
+            "Invalid form element. requestFormReset must be passed a form that was rendered by React."
+          );
+        },
+        D: t,
+        C: t,
+        L: t,
+        m: t,
+        X: t,
+        S: t,
+        M: t
+      },
+      p: 0,
+      findDOMNode: null
+    }, l = Symbol.for("react.portal"), g = p.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+    typeof Map == "function" && Map.prototype != null && typeof Map.prototype.forEach == "function" && typeof Set == "function" && Set.prototype != null && typeof Set.prototype.clear == "function" && typeof Set.prototype.forEach == "function" || console.error(
+      "React depends on Map and Set built-in types. Make sure that you load a polyfill in older browsers. https://reactjs.org/link/react-polyfills"
+    ), k.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE = d, k.createPortal = function(u, s) {
+      var f = 2 < arguments.length && arguments[2] !== void 0 ? arguments[2] : null;
+      if (!s || s.nodeType !== 1 && s.nodeType !== 9 && s.nodeType !== 11)
+        throw Error("Target container is not a DOM element.");
+      return r(u, s, null, f);
+    }, k.flushSync = function(u) {
+      var s = g.T, f = d.p;
+      try {
+        if (g.T = null, d.p = 2, u)
+          return u();
+      } finally {
+        g.T = s, d.p = f, d.d.f() && console.error(
+          "flushSync was called from inside a lifecycle method. React cannot flush when React is already rendering. Consider moving this call to a scheduler task or micro task."
+        );
+      }
+    }, k.preconnect = function(u, s) {
+      typeof u == "string" && u ? s != null && typeof s != "object" ? console.error(
+        "ReactDOM.preconnect(): Expected the `options` argument (second) to be an object but encountered %s instead. The only supported option at this time is `crossOrigin` which accepts a string.",
+        i(s)
+      ) : s != null && typeof s.crossOrigin != "string" && console.error(
+        "ReactDOM.preconnect(): Expected the `crossOrigin` option (second argument) to be a string but encountered %s instead. Try removing this option or passing a string value instead.",
+        a(s.crossOrigin)
+      ) : console.error(
+        "ReactDOM.preconnect(): Expected the `href` argument (first) to be a non-empty string but encountered %s instead.",
+        a(u)
+      ), typeof u == "string" && (s ? (s = s.crossOrigin, s = typeof s == "string" ? s === "use-credentials" ? s : "" : void 0) : s = null, d.d.C(u, s));
+    }, k.prefetchDNS = function(u) {
+      if (typeof u != "string" || !u)
+        console.error(
+          "ReactDOM.prefetchDNS(): Expected the `href` argument (first) to be a non-empty string but encountered %s instead.",
+          a(u)
+        );
+      else if (1 < arguments.length) {
+        var s = arguments[1];
+        typeof s == "object" && s.hasOwnProperty("crossOrigin") ? console.error(
+          "ReactDOM.prefetchDNS(): Expected only one argument, `href`, but encountered %s as a second argument instead. This argument is reserved for future options and is currently disallowed. It looks like the you are attempting to set a crossOrigin property for this DNS lookup hint. Browsers do not perform DNS queries using CORS and setting this attribute on the resource hint has no effect. Try calling ReactDOM.prefetchDNS() with just a single string argument, `href`.",
+          i(s)
+        ) : console.error(
+          "ReactDOM.prefetchDNS(): Expected only one argument, `href`, but encountered %s as a second argument instead. This argument is reserved for future options and is currently disallowed. Try calling ReactDOM.prefetchDNS() with just a single string argument, `href`.",
+          i(s)
+        );
+      }
+      typeof u == "string" && d.d.D(u);
+    }, k.preinit = function(u, s) {
+      if (typeof u == "string" && u ? s == null || typeof s != "object" ? console.error(
+        "ReactDOM.preinit(): Expected the `options` argument (second) to be an object with an `as` property describing the type of resource to be preinitialized but encountered %s instead.",
+        i(s)
+      ) : s.as !== "style" && s.as !== "script" && console.error(
+        'ReactDOM.preinit(): Expected the `as` property in the `options` argument (second) to contain a valid value describing the type of resource to be preinitialized but encountered %s instead. Valid values for `as` are "style" and "script".',
+        i(s.as)
+      ) : console.error(
+        "ReactDOM.preinit(): Expected the `href` argument (first) to be a non-empty string but encountered %s instead.",
+        a(u)
+      ), typeof u == "string" && s && typeof s.as == "string") {
+        var f = s.as, y = o(f, s.crossOrigin), E = typeof s.integrity == "string" ? s.integrity : void 0, T = typeof s.fetchPriority == "string" ? s.fetchPriority : void 0;
+        f === "style" ? d.d.S(
+          u,
+          typeof s.precedence == "string" ? s.precedence : void 0,
+          {
+            crossOrigin: y,
+            integrity: E,
+            fetchPriority: T
+          }
+        ) : f === "script" && d.d.X(u, {
+          crossOrigin: y,
+          integrity: E,
+          fetchPriority: T,
+          nonce: typeof s.nonce == "string" ? s.nonce : void 0
+        });
+      }
+    }, k.preinitModule = function(u, s) {
+      var f = "";
+      if (typeof u == "string" && u || (f += " The `href` argument encountered was " + a(u) + "."), s !== void 0 && typeof s != "object" ? f += " The `options` argument encountered was " + a(s) + "." : s && "as" in s && s.as !== "script" && (f += " The `as` option encountered was " + i(s.as) + "."), f)
+        console.error(
+          "ReactDOM.preinitModule(): Expected up to two arguments, a non-empty `href` string and, optionally, an `options` object with a valid `as` property.%s",
+          f
+        );
+      else
+        switch (f = s && typeof s.as == "string" ? s.as : "script", f) {
+          case "script":
+            break;
+          default:
+            f = i(f), console.error(
+              'ReactDOM.preinitModule(): Currently the only supported "as" type for this function is "script" but received "%s" instead. This warning was generated for `href` "%s". In the future other module types will be supported, aligning with the import-attributes proposal. Learn more here: (https://github.com/tc39/proposal-import-attributes)',
+              f,
+              u
+            );
+        }
+      typeof u == "string" && (typeof s == "object" && s !== null ? (s.as == null || s.as === "script") && (f = o(
+        s.as,
+        s.crossOrigin
+      ), d.d.M(u, {
+        crossOrigin: f,
+        integrity: typeof s.integrity == "string" ? s.integrity : void 0,
+        nonce: typeof s.nonce == "string" ? s.nonce : void 0
+      })) : s == null && d.d.M(u));
+    }, k.preload = function(u, s) {
+      var f = "";
+      if (typeof u == "string" && u || (f += " The `href` argument encountered was " + a(u) + "."), s == null || typeof s != "object" ? f += " The `options` argument encountered was " + a(s) + "." : typeof s.as == "string" && s.as || (f += " The `as` option encountered was " + a(s.as) + "."), f && console.error(
+        'ReactDOM.preload(): Expected two arguments, a non-empty `href` string and an `options` object with an `as` property valid for a `<link rel="preload" as="..." />` tag.%s',
+        f
+      ), typeof u == "string" && typeof s == "object" && s !== null && typeof s.as == "string") {
+        f = s.as;
+        var y = o(
+          f,
+          s.crossOrigin
+        );
+        d.d.L(u, f, {
+          crossOrigin: y,
+          integrity: typeof s.integrity == "string" ? s.integrity : void 0,
+          nonce: typeof s.nonce == "string" ? s.nonce : void 0,
+          type: typeof s.type == "string" ? s.type : void 0,
+          fetchPriority: typeof s.fetchPriority == "string" ? s.fetchPriority : void 0,
+          referrerPolicy: typeof s.referrerPolicy == "string" ? s.referrerPolicy : void 0,
+          imageSrcSet: typeof s.imageSrcSet == "string" ? s.imageSrcSet : void 0,
+          imageSizes: typeof s.imageSizes == "string" ? s.imageSizes : void 0,
+          media: typeof s.media == "string" ? s.media : void 0
+        });
+      }
+    }, k.preloadModule = function(u, s) {
+      var f = "";
+      typeof u == "string" && u || (f += " The `href` argument encountered was " + a(u) + "."), s !== void 0 && typeof s != "object" ? f += " The `options` argument encountered was " + a(s) + "." : s && "as" in s && typeof s.as != "string" && (f += " The `as` option encountered was " + a(s.as) + "."), f && console.error(
+        'ReactDOM.preloadModule(): Expected two arguments, a non-empty `href` string and, optionally, an `options` object with an `as` property valid for a `<link rel="modulepreload" as="..." />` tag.%s',
+        f
+      ), typeof u == "string" && (s ? (f = o(
+        s.as,
+        s.crossOrigin
+      ), d.d.m(u, {
+        as: typeof s.as == "string" && s.as !== "script" ? s.as : void 0,
+        crossOrigin: f,
+        integrity: typeof s.integrity == "string" ? s.integrity : void 0
+      })) : d.d.m(u));
+    }, k.requestFormReset = function(u) {
+      d.d.r(u);
+    }, k.unstable_batchedUpdates = function(u, s) {
+      return u(s);
+    }, k.useFormState = function(u, s, f) {
+      return c().useFormState(u, s, f);
+    }, k.useFormStatus = function() {
+      return c().useHostTransitionStatus();
+    }, k.version = "19.1.1", typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
+  })()), k;
+}
+var Ke;
+function Mt() {
+  if (Ke) return ge.exports;
+  Ke = 1;
+  function t() {
+    if (!(typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ > "u" || typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE != "function")) {
+      if (process.env.NODE_ENV !== "production")
+        throw new Error("^_^");
+      try {
+        __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(t);
+      } catch (n) {
+        console.error(n);
+      }
+    }
+  }
+  return process.env.NODE_ENV === "production" ? (t(), ge.exports = kt()) : ge.exports = _t(), ge.exports;
+}
+var ot = Mt();
+const ye = /* @__PURE__ */ ht(ot), Ge = {
+  disabled: !1
+};
+var At = process.env.NODE_ENV !== "production" ? e.oneOfType([e.number, e.shape({
+  enter: e.number,
+  exit: e.number,
+  appear: e.number
+}).isRequired]) : null;
+process.env.NODE_ENV !== "production" && e.oneOfType([e.string, e.shape({
+  enter: e.string,
+  exit: e.string,
+  active: e.string
+}), e.shape({
+  enter: e.string,
+  enterDone: e.string,
+  enterActive: e.string,
+  exit: e.string,
+  exitDone: e.string,
+  exitActive: e.string
+})]);
+var jt = function(n) {
+  return n.scrollTop;
+}, ae = "unmounted", z = "exited", Y = "entering", ee = "entered", Ce = "exiting", K = /* @__PURE__ */ (function(t) {
+  bt(n, t);
+  function n(o, a) {
+    var i;
+    i = t.call(this, o, a) || this;
+    var c = a, p = c && !c.isMounting ? o.enter : o.appear, d;
+    return i.appearStatus = null, o.in ? p ? (d = z, i.appearStatus = Y) : d = ee : o.unmountOnExit || o.mountOnEnter ? d = ae : d = z, i.state = {
+      status: d
+    }, i.nextCallback = null, i;
+  }
+  n.getDerivedStateFromProps = function(a, i) {
+    var c = a.in;
+    return c && i.status === ae ? {
+      status: z
+    } : null;
+  };
+  var r = n.prototype;
+  return r.componentDidMount = function() {
+    this.updateStatus(!0, this.appearStatus);
+  }, r.componentDidUpdate = function(a) {
+    var i = null;
+    if (a !== this.props) {
+      var c = this.state.status;
+      this.props.in ? c !== Y && c !== ee && (i = Y) : (c === Y || c === ee) && (i = Ce);
+    }
+    this.updateStatus(!1, i);
+  }, r.componentWillUnmount = function() {
+    this.cancelNextCallback();
+  }, r.getTimeouts = function() {
+    var a = this.props.timeout, i, c, p;
+    return i = c = p = a, a != null && typeof a != "number" && (i = a.exit, c = a.enter, p = a.appear !== void 0 ? a.appear : c), {
+      exit: i,
+      enter: c,
+      appear: p
+    };
+  }, r.updateStatus = function(a, i) {
+    if (a === void 0 && (a = !1), i !== null)
+      if (this.cancelNextCallback(), i === Y) {
+        if (this.props.unmountOnExit || this.props.mountOnEnter) {
+          var c = this.props.nodeRef ? this.props.nodeRef.current : ye.findDOMNode(this);
+          c && jt(c);
+        }
+        this.performEnter(a);
+      } else
+        this.performExit();
+    else this.props.unmountOnExit && this.state.status === z && this.setState({
+      status: ae
+    });
+  }, r.performEnter = function(a) {
+    var i = this, c = this.props.enter, p = this.context ? this.context.isMounting : a, d = this.props.nodeRef ? [p] : [ye.findDOMNode(this), p], l = d[0], g = d[1], u = this.getTimeouts(), s = p ? u.appear : u.enter;
+    if (!a && !c || Ge.disabled) {
+      this.safeSetState({
+        status: ee
+      }, function() {
+        i.props.onEntered(l);
+      });
+      return;
+    }
+    this.props.onEnter(l, g), this.safeSetState({
+      status: Y
+    }, function() {
+      i.props.onEntering(l, g), i.onTransitionEnd(s, function() {
+        i.safeSetState({
+          status: ee
+        }, function() {
+          i.props.onEntered(l, g);
+        });
+      });
+    });
+  }, r.performExit = function() {
+    var a = this, i = this.props.exit, c = this.getTimeouts(), p = this.props.nodeRef ? void 0 : ye.findDOMNode(this);
+    if (!i || Ge.disabled) {
+      this.safeSetState({
+        status: z
+      }, function() {
+        a.props.onExited(p);
+      });
+      return;
+    }
+    this.props.onExit(p), this.safeSetState({
+      status: Ce
+    }, function() {
+      a.props.onExiting(p), a.onTransitionEnd(c.exit, function() {
+        a.safeSetState({
+          status: z
+        }, function() {
+          a.props.onExited(p);
+        });
+      });
+    });
+  }, r.cancelNextCallback = function() {
+    this.nextCallback !== null && (this.nextCallback.cancel(), this.nextCallback = null);
+  }, r.safeSetState = function(a, i) {
+    i = this.setNextCallback(i), this.setState(a, i);
+  }, r.setNextCallback = function(a) {
+    var i = this, c = !0;
+    return this.nextCallback = function(p) {
+      c && (c = !1, i.nextCallback = null, a(p));
+    }, this.nextCallback.cancel = function() {
+      c = !1;
+    }, this.nextCallback;
+  }, r.onTransitionEnd = function(a, i) {
+    this.setNextCallback(i);
+    var c = this.props.nodeRef ? this.props.nodeRef.current : ye.findDOMNode(this), p = a == null && !this.props.addEndListener;
+    if (!c || p) {
+      setTimeout(this.nextCallback, 0);
+      return;
+    }
+    if (this.props.addEndListener) {
+      var d = this.props.nodeRef ? [this.nextCallback] : [c, this.nextCallback], l = d[0], g = d[1];
+      this.props.addEndListener(l, g);
+    }
+    a != null && setTimeout(this.nextCallback, a);
+  }, r.render = function() {
+    var a = this.state.status;
+    if (a === ae)
+      return null;
+    var i = this.props, c = i.children;
+    i.in, i.mountOnEnter, i.unmountOnExit, i.appear, i.enter, i.exit, i.timeout, i.addEndListener, i.onEnter, i.onEntering, i.onEntered, i.onExit, i.onExiting, i.onExited, i.nodeRef;
+    var p = vt(i, ["children", "in", "mountOnEnter", "unmountOnExit", "appear", "enter", "exit", "timeout", "addEndListener", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "nodeRef"]);
+    return (
+      // allows for nested Transitions
+      /* @__PURE__ */ te.createElement(et.Provider, {
+        value: null
+      }, typeof c == "function" ? c(a, p) : te.cloneElement(te.Children.only(c), p))
+    );
+  }, n;
+})(te.Component);
+K.contextType = et;
+K.propTypes = process.env.NODE_ENV !== "production" ? {
+  /**
+   * A React reference to DOM element that need to transition:
+   * https://stackoverflow.com/a/51127130/4671932
+   *
+   *   - When `nodeRef` prop is used, `node` is not passed to callback functions
+   *      (e.g. `onEnter`) because user already has direct access to the node.
+   *   - When changing `key` prop of `Transition` in a `TransitionGroup` a new
+   *     `nodeRef` need to be provided to `Transition` with changed `key` prop
+   *     (see
+   *     [test/CSSTransition-test.js](https://github.com/reactjs/react-transition-group/blob/13435f897b3ab71f6e19d724f145596f5910581c/test/CSSTransition-test.js#L362-L437)).
+   */
+  nodeRef: e.shape({
+    current: typeof Element > "u" ? e.any : function(t, n, r, o, a, i) {
+      var c = t[n];
+      return e.instanceOf(c && "ownerDocument" in c ? c.ownerDocument.defaultView.Element : Element)(t, n, r, o, a, i);
+    }
+  }),
+  /**
+   * A `function` child can be used instead of a React element. This function is
+   * called with the current transition status (`'entering'`, `'entered'`,
+   * `'exiting'`, `'exited'`), which can be used to apply context
+   * specific props to a component.
+   *
+   * ```jsx
+   * <Transition in={this.state.in} timeout={150}>
+   *   {state => (
+   *     <MyComponent className={`fade fade-${state}`} />
+   *   )}
+   * </Transition>
+   * ```
+   */
+  children: e.oneOfType([e.func.isRequired, e.element.isRequired]).isRequired,
+  /**
+   * Show the component; triggers the enter or exit states
+   */
+  in: e.bool,
+  /**
+   * By default the child component is mounted immediately along with
+   * the parent `Transition` component. If you want to "lazy mount" the component on the
+   * first `in={true}` you can set `mountOnEnter`. After the first enter transition the component will stay
+   * mounted, even on "exited", unless you also specify `unmountOnExit`.
+   */
+  mountOnEnter: e.bool,
+  /**
+   * By default the child component stays mounted after it reaches the `'exited'` state.
+   * Set `unmountOnExit` if you'd prefer to unmount the component after it finishes exiting.
+   */
+  unmountOnExit: e.bool,
+  /**
+   * By default the child component does not perform the enter transition when
+   * it first mounts, regardless of the value of `in`. If you want this
+   * behavior, set both `appear` and `in` to `true`.
+   *
+   * > **Note**: there are no special appear states like `appearing`/`appeared`, this prop
+   * > only adds an additional enter transition. However, in the
+   * > `<CSSTransition>` component that first enter transition does result in
+   * > additional `.appear-*` classes, that way you can choose to style it
+   * > differently.
+   */
+  appear: e.bool,
+  /**
+   * Enable or disable enter transitions.
+   */
+  enter: e.bool,
+  /**
+   * Enable or disable exit transitions.
+   */
+  exit: e.bool,
+  /**
+   * The duration of the transition, in milliseconds.
+   * Required unless `addEndListener` is provided.
+   *
+   * You may specify a single timeout for all transitions:
+   *
+   * ```jsx
+   * timeout={500}
+   * ```
+   *
+   * or individually:
+   *
+   * ```jsx
+   * timeout={{
+   *  appear: 500,
+   *  enter: 300,
+   *  exit: 500,
+   * }}
+   * ```
+   *
+   * - `appear` defaults to the value of `enter`
+   * - `enter` defaults to `0`
+   * - `exit` defaults to `0`
+   *
+   * @type {number | { enter?: number, exit?: number, appear?: number }}
+   */
+  timeout: function(n) {
+    var r = At;
+    n.addEndListener || (r = r.isRequired);
+    for (var o = arguments.length, a = new Array(o > 1 ? o - 1 : 0), i = 1; i < o; i++)
+      a[i - 1] = arguments[i];
+    return r.apply(void 0, [n].concat(a));
+  },
+  /**
+   * Add a custom transition end trigger. Called with the transitioning
+   * DOM node and a `done` callback. Allows for more fine grained transition end
+   * logic. Timeouts are still used as a fallback if provided.
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
+   *
+   * ```jsx
+   * addEndListener={(node, done) => {
+   *   // use the css transitionend event to mark the finish of a transition
+   *   node.addEventListener('transitionend', done, false);
+   * }}
+   * ```
+   */
+  addEndListener: e.func,
+  /**
+   * Callback fired before the "entering" status is applied. An extra parameter
+   * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
+   *
+   * @type Function(node: HtmlElement, isAppearing: bool) -> void
+   */
+  onEnter: e.func,
+  /**
+   * Callback fired after the "entering" status is applied. An extra parameter
+   * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
+   *
+   * @type Function(node: HtmlElement, isAppearing: bool)
+   */
+  onEntering: e.func,
+  /**
+   * Callback fired after the "entered" status is applied. An extra parameter
+   * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
+   *
+   * @type Function(node: HtmlElement, isAppearing: bool) -> void
+   */
+  onEntered: e.func,
+  /**
+   * Callback fired before the "exiting" status is applied.
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
+   *
+   * @type Function(node: HtmlElement) -> void
+   */
+  onExit: e.func,
+  /**
+   * Callback fired after the "exiting" status is applied.
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed.
+   *
+   * @type Function(node: HtmlElement) -> void
+   */
+  onExiting: e.func,
+  /**
+   * Callback fired after the "exited" status is applied.
+   *
+   * **Note**: when `nodeRef` prop is passed, `node` is not passed
+   *
+   * @type Function(node: HtmlElement) -> void
+   */
+  onExited: e.func
+} : {};
+function Q() {
+}
+K.defaultProps = {
+  in: !1,
+  mountOnEnter: !1,
+  unmountOnExit: !1,
+  appear: !1,
+  enter: !0,
+  exit: !0,
+  onEnter: Q,
+  onEntering: Q,
+  onEntered: Q,
+  onExit: Q,
+  onExiting: Q,
+  onExited: Q
+};
+K.UNMOUNTED = ae;
+K.EXITED = z;
+K.ENTERING = Y;
+K.ENTERED = ee;
+K.EXITING = Ce;
+const It = (t) => t.scrollTop;
+function ze(t, n) {
+  const {
+    timeout: r,
+    easing: o,
+    style: a = {}
+  } = t;
+  return {
+    duration: a.transitionDuration ?? (typeof r == "number" ? r : r[n.mode] || 0),
+    easing: a.transitionTimingFunction ?? (typeof o == "object" ? o[n.mode] : o),
+    delay: a.transitionDelay
+  };
+}
+function Lt(t) {
+  const n = typeof t;
+  switch (n) {
+    case "number":
+      return Number.isNaN(t) ? "NaN" : Number.isFinite(t) ? t !== Math.floor(t) ? "float" : "number" : "Infinity";
+    case "object":
+      return t === null ? "null" : t.constructor.name;
+    default:
+      return n;
+  }
+}
+function rt(t, n, r, o) {
+  const a = t[n];
+  if (a == null || !Number.isInteger(a)) {
+    const i = Lt(a);
+    return new RangeError(`Invalid ${o} \`${n}\` of type \`${i}\` supplied to \`${r}\`, expected \`integer\`.`);
+  }
+  return null;
+}
+function it(t, n, r, o) {
+  return t[n] === void 0 ? null : rt(t, n, r, o);
+}
+function we() {
+  return null;
+}
+it.isRequired = rt;
+we.isRequired = we;
+const Ft = process.env.NODE_ENV === "production" ? we : it;
+function $t(t) {
+  return W("MuiPaper", t);
+}
+V("MuiPaper", ["root", "rounded", "outlined", "elevation", "elevation0", "elevation1", "elevation2", "elevation3", "elevation4", "elevation5", "elevation6", "elevation7", "elevation8", "elevation9", "elevation10", "elevation11", "elevation12", "elevation13", "elevation14", "elevation15", "elevation16", "elevation17", "elevation18", "elevation19", "elevation20", "elevation21", "elevation22", "elevation23", "elevation24"]);
+const Bt = (t) => {
+  const {
+    square: n,
+    elevation: r,
+    variant: o,
+    classes: a
+  } = t, i = {
+    root: ["root", o, !n && "rounded", o === "elevation" && `elevation${r}`]
+  };
+  return q(i, $t, a);
+}, Ut = j("div", {
+  name: "MuiPaper",
+  slot: "Root",
+  overridesResolver: (t, n) => {
+    const {
+      ownerState: r
+    } = t;
+    return [n.root, n[r.variant], !r.square && n.rounded, r.variant === "elevation" && n[`elevation${r.elevation}`]];
+  }
+})(ce(({
+  theme: t
+}) => ({
+  backgroundColor: (t.vars || t).palette.background.paper,
+  color: (t.vars || t).palette.text.primary,
+  transition: t.transitions.create("box-shadow"),
+  variants: [{
+    props: ({
+      ownerState: n
+    }) => !n.square,
+    style: {
+      borderRadius: t.shape.borderRadius
+    }
+  }, {
+    props: {
+      variant: "outlined"
+    },
+    style: {
+      border: `1px solid ${(t.vars || t).palette.divider}`
+    }
+  }, {
+    props: {
+      variant: "elevation"
+    },
+    style: {
+      boxShadow: "var(--Paper-shadow)",
+      backgroundImage: "var(--Paper-overlay)"
+    }
+  }]
+}))), Me = /* @__PURE__ */ m.forwardRef(function(n, r) {
+  const o = H({
+    props: n,
+    name: "MuiPaper"
+  }), a = _e(), {
+    className: i,
+    component: c = "div",
+    elevation: p = 1,
+    square: d = !1,
+    variant: l = "elevation",
+    ...g
+  } = o, u = {
+    ...o,
+    component: c,
+    elevation: p,
+    square: d,
+    variant: l
+  }, s = Bt(u);
+  return process.env.NODE_ENV !== "production" && a.shadows[p] === void 0 && console.error([`MUI: The elevation provided <Paper elevation={${p}}> is not available in the theme.`, `Please make sure that \`theme.shadows[${p}]\` is defined.`].join(`
+`)), /* @__PURE__ */ D(Ut, {
+    as: c,
+    ownerState: u,
+    className: A(s.root, i),
+    ref: r,
+    ...g,
+    style: {
+      ...l === "elevation" && {
+        "--Paper-shadow": (a.vars || a).shadows[p],
+        ...a.vars && {
+          "--Paper-overlay": a.vars.overlays?.[p]
+        },
+        ...!a.vars && a.palette.mode === "dark" && {
+          "--Paper-overlay": `linear-gradient(${Fe("#fff", $e(p))}, ${Fe("#fff", $e(p))})`
+        }
+      },
+      ...g.style
+    }
+  });
+});
+process.env.NODE_ENV !== "production" && (Me.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The content of the component.
+   */
+  children: e.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: e.object,
+  /**
+   * @ignore
+   */
+  className: e.string,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: e.elementType,
+  /**
+   * Shadow depth, corresponds to `dp` in the spec.
+   * It accepts values between 0 and 24 inclusive.
+   * @default 1
+   */
+  elevation: ke(Ft, (t) => {
+    const {
+      elevation: n,
+      variant: r
+    } = t;
+    return n > 0 && r === "outlined" ? new Error(`MUI: Combining \`elevation={${n}}\` with \`variant="${r}"\` has no effect. Either use \`elevation={0}\` or use a different \`variant\`.`) : null;
+  }),
+  /**
+   * If `true`, rounded corners are disabled.
+   * @default false
+   */
+  square: e.bool,
+  /**
+   * @ignore
+   */
+  style: e.object,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
+  /**
+   * The variant to use.
+   * @default 'elevation'
+   */
+  variant: e.oneOfType([e.oneOf(["elevation", "outlined"]), e.string])
+});
+function Wt(t) {
+  return typeof t == "string";
+}
+function Vt(t, n, r) {
+  return t === void 0 || Wt(t) ? n : {
+    ...n,
+    ownerState: {
+      ...n.ownerState,
+      ...r
+    }
+  };
+}
+function Ht(t, n, r) {
+  return typeof t == "function" ? t(n, r) : t;
+}
+function st(t, n = []) {
+  if (t === void 0)
+    return {};
+  const r = {};
+  return Object.keys(t).filter((o) => o.match(/^on[A-Z]/) && typeof t[o] == "function" && !n.includes(o)).forEach((o) => {
+    r[o] = t[o];
+  }), r;
+}
+function Ye(t) {
+  if (t === void 0)
+    return {};
+  const n = {};
+  return Object.keys(t).filter((r) => !(r.match(/^on[A-Z]/) && typeof t[r] == "function")).forEach((r) => {
+    n[r] = t[r];
+  }), n;
+}
+function qt(t) {
+  const {
+    getSlotProps: n,
+    additionalProps: r,
+    externalSlotProps: o,
+    externalForwardedProps: a,
+    className: i
+  } = t;
+  if (!n) {
+    const f = A(r?.className, i, a?.className, o?.className), y = {
+      ...r?.style,
+      ...a?.style,
+      ...o?.style
+    }, E = {
+      ...r,
+      ...a,
+      ...o
+    };
+    return f.length > 0 && (E.className = f), Object.keys(y).length > 0 && (E.style = y), {
+      props: E,
+      internalRef: void 0
+    };
+  }
+  const c = st({
+    ...a,
+    ...o
+  }), p = Ye(o), d = Ye(a), l = n(c), g = A(l?.className, r?.className, i, a?.className, o?.className), u = {
+    ...l?.style,
+    ...r?.style,
+    ...a?.style,
+    ...o?.style
+  }, s = {
+    ...l,
+    ...r,
+    ...d,
+    ...p
+  };
+  return g.length > 0 && (s.className = g), Object.keys(u).length > 0 && (s.style = u), {
+    props: s,
+    internalRef: l.ref
+  };
+}
+function B(t, n) {
+  const {
+    className: r,
+    elementType: o,
+    ownerState: a,
+    externalForwardedProps: i,
+    internalForwardedProps: c,
+    shouldForwardComponentProp: p = !1,
+    ...d
+  } = n, {
+    component: l,
+    slots: g = {
+      [t]: void 0
+    },
+    slotProps: u = {
+      [t]: void 0
+    },
+    ...s
+  } = i, f = g[t] || o, y = Ht(u[t], a), {
+    props: {
+      component: E,
+      ...T
+    },
+    internalRef: S
+  } = qt({
+    className: r,
+    ...d,
+    externalForwardedProps: t === "root" ? s : void 0,
+    externalSlotProps: y
+  }), R = ue(S, y?.ref, n.ref), h = t === "root" ? E || l : E, x = Vt(f, {
+    ...t === "root" && !l && !g[t] && c,
+    ...t !== "root" && !g[t] && c,
+    ...T,
+    ...h && !p && {
+      as: h
+    },
+    ...h && p && {
+      component: h
+    },
+    ref: R
+  }, a);
+  return [f, x];
+}
+function Kt(t) {
+  return W("MuiTypography", t);
+}
+V("MuiTypography", ["root", "h1", "h2", "h3", "h4", "h5", "h6", "subtitle1", "subtitle2", "body1", "body2", "inherit", "button", "caption", "overline", "alignLeft", "alignRight", "alignCenter", "alignJustify", "noWrap", "gutterBottom", "paragraph"]);
+const Gt = {
+  primary: !0,
+  secondary: !0,
+  error: !0,
+  info: !0,
+  success: !0,
+  warning: !0,
+  textPrimary: !0,
+  textSecondary: !0,
+  textDisabled: !0
+}, zt = wt(), Yt = (t) => {
+  const {
+    align: n,
+    gutterBottom: r,
+    noWrap: o,
+    paragraph: a,
+    variant: i,
+    classes: c
+  } = t, p = {
+    root: ["root", i, t.align !== "inherit" && `align${U(n)}`, r && "gutterBottom", o && "noWrap", a && "paragraph"]
+  };
+  return q(p, Kt, c);
+}, Xt = j("span", {
+  name: "MuiTypography",
+  slot: "Root",
+  overridesResolver: (t, n) => {
+    const {
+      ownerState: r
+    } = t;
+    return [n.root, r.variant && n[r.variant], r.align !== "inherit" && n[`align${U(r.align)}`], r.noWrap && n.noWrap, r.gutterBottom && n.gutterBottom, r.paragraph && n.paragraph];
+  }
+})(ce(({
+  theme: t
+}) => ({
+  margin: 0,
+  variants: [{
+    props: {
+      variant: "inherit"
+    },
+    style: {
+      // Some elements, like <button> on Chrome have default font that doesn't inherit, reset this.
+      font: "inherit",
+      lineHeight: "inherit",
+      letterSpacing: "inherit"
+    }
+  }, ...Object.entries(t.typography).filter(([n, r]) => n !== "inherit" && r && typeof r == "object").map(([n, r]) => ({
+    props: {
+      variant: n
+    },
+    style: r
+  })), ...Object.entries(t.palette).filter(Et()).map(([n]) => ({
+    props: {
+      color: n
+    },
+    style: {
+      color: (t.vars || t).palette[n].main
+    }
+  })), ...Object.entries(t.palette?.text || {}).filter(([, n]) => typeof n == "string").map(([n]) => ({
+    props: {
+      color: `text${U(n)}`
+    },
+    style: {
+      color: (t.vars || t).palette.text[n]
+    }
+  })), {
+    props: ({
+      ownerState: n
+    }) => n.align !== "inherit",
+    style: {
+      textAlign: "var(--Typography-textAlign)"
+    }
+  }, {
+    props: ({
+      ownerState: n
+    }) => n.noWrap,
+    style: {
+      overflow: "hidden",
+      textOverflow: "ellipsis",
+      whiteSpace: "nowrap"
+    }
+  }, {
+    props: ({
+      ownerState: n
+    }) => n.gutterBottom,
+    style: {
+      marginBottom: "0.35em"
+    }
+  }, {
+    props: ({
+      ownerState: n
+    }) => n.paragraph,
+    style: {
+      marginBottom: 16
+    }
+  }]
+}))), Xe = {
+  h1: "h1",
+  h2: "h2",
+  h3: "h3",
+  h4: "h4",
+  h5: "h5",
+  h6: "h6",
+  subtitle1: "h6",
+  subtitle2: "h6",
+  body1: "p",
+  body2: "p",
+  inherit: "p"
+}, Ae = /* @__PURE__ */ m.forwardRef(function(n, r) {
+  const {
+    color: o,
+    ...a
+  } = H({
+    props: n,
+    name: "MuiTypography"
+  }), i = !Gt[o], c = zt({
+    ...a,
+    ...i && {
+      color: o
+    }
+  }), {
+    align: p = "inherit",
+    className: d,
+    component: l,
+    gutterBottom: g = !1,
+    noWrap: u = !1,
+    paragraph: s = !1,
+    variant: f = "body1",
+    variantMapping: y = Xe,
+    ...E
+  } = c, T = {
+    ...c,
+    align: p,
+    color: o,
+    className: d,
+    component: l,
+    gutterBottom: g,
+    noWrap: u,
+    paragraph: s,
+    variant: f,
+    variantMapping: y
+  }, S = l || (s ? "p" : y[f] || Xe[f]) || "span", R = Yt(T);
+  return /* @__PURE__ */ D(Xt, {
+    as: S,
+    ref: r,
+    className: A(R.root, d),
+    ...E,
+    ownerState: T,
+    style: {
+      ...p !== "inherit" && {
+        "--Typography-textAlign": p
+      },
+      ...E.style
+    }
+  });
+});
+process.env.NODE_ENV !== "production" && (Ae.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * Set the text-align on the component.
+   * @default 'inherit'
+   */
+  align: e.oneOf(["center", "inherit", "justify", "left", "right"]),
+  /**
+   * The content of the component.
+   */
+  children: e.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: e.object,
+  /**
+   * @ignore
+   */
+  className: e.string,
+  /**
+   * The 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/#custom-colors).
+   */
+  color: e.oneOfType([e.oneOf(["primary", "secondary", "success", "error", "info", "warning", "textPrimary", "textSecondary", "textDisabled"]), e.string]),
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: e.elementType,
+  /**
+   * If `true`, the text will have a bottom margin.
+   * @default false
+   */
+  gutterBottom: e.bool,
+  /**
+   * If `true`, the text will not wrap, but instead will truncate with a text overflow ellipsis.
+   *
+   * Note that text overflow can only happen with block or inline-block level elements
+   * (the element needs to have a width in order to overflow).
+   * @default false
+   */
+  noWrap: e.bool,
+  /**
+   * If `true`, the element will be a paragraph element.
+   * @default false
+   * @deprecated Use the `component` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
+  paragraph: e.bool,
+  /**
+   * @ignore
+   */
+  style: e.object,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
+  /**
+   * Applies the theme typography styles.
+   * @default 'body1'
+   */
+  variant: e.oneOfType([e.oneOf(["body1", "body2", "button", "caption", "h1", "h2", "h3", "h4", "h5", "h6", "inherit", "overline", "subtitle1", "subtitle2"]), e.string]),
+  /**
+   * The component maps the variant prop to a range of different HTML element types.
+   * For instance, subtitle1 to `<h6>`.
+   * If you wish to change that mapping, you can provide your own.
+   * Alternatively, you can use the `component` prop.
+   * @default {
+   *   h1: 'h1',
+   *   h2: 'h2',
+   *   h3: 'h3',
+   *   h4: 'h4',
+   *   h5: 'h5',
+   *   h6: 'h6',
+   *   subtitle1: 'h6',
+   *   subtitle2: 'h6',
+   *   body1: 'p',
+   *   body2: 'p',
+   *   inherit: 'p',
+   * }
+   */
+  variantMapping: e.object
+});
+function at(t, n, r, o, a) {
+  if (process.env.NODE_ENV === "production")
+    return null;
+  const i = t[n], c = a || n;
+  return i == null ? null : i && i.nodeType !== 1 ? new Error(`Invalid ${o} \`${c}\` supplied to \`${r}\`. Expected an HTMLElement.`) : null;
+}
+function je(t) {
+  return parseInt(m.version, 10) >= 19 ? t?.props?.ref || null : t?.ref || null;
+}
+function Zt(t) {
+  return typeof t == "function" ? t() : t;
+}
+const be = /* @__PURE__ */ m.forwardRef(function(n, r) {
+  const {
+    children: o,
+    container: a,
+    disablePortal: i = !1
+  } = n, [c, p] = m.useState(null), d = ue(/* @__PURE__ */ m.isValidElement(o) ? je(o) : null, r);
+  if (Be(() => {
+    i || p(Zt(a) || document.body);
+  }, [a, i]), Be(() => {
+    if (c && !i)
+      return Ve(r, c), () => {
+        Ve(r, null);
+      };
+  }, [r, c, i]), i) {
+    if (/* @__PURE__ */ m.isValidElement(o)) {
+      const l = {
+        ref: d
+      };
+      return /* @__PURE__ */ m.cloneElement(o, l);
+    }
+    return o;
+  }
+  return c && /* @__PURE__ */ ot.createPortal(o, c);
+});
+process.env.NODE_ENV !== "production" && (be.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The children to render into the `container`.
+   */
+  children: e.node,
+  /**
+   * An HTML element or function that returns one.
+   * The `container` will have the portal children appended to it.
+   *
+   * You can also provide a callback, which is called in a React layout effect.
+   * This lets you set the container from a ref, and also makes server-side rendering possible.
+   *
+   * By default, it uses the body of the top-level document object,
+   * so it's simply `document.body` most of the time.
+   */
+  container: e.oneOfType([at, e.func]),
+  /**
+   * The `children` will be under the DOM hierarchy of the parent component.
+   * @default false
+   */
+  disablePortal: e.bool
+});
+process.env.NODE_ENV !== "production" && (be.propTypes = nt(be.propTypes));
+function Jt(t) {
+  const {
+    prototype: n = {}
+  } = t;
+  return !!n.isReactComponent;
+}
+function lt(t, n, r, o, a) {
+  const i = t[n], c = a || n;
+  if (i == 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 p;
+  const d = i.type;
+  return typeof d == "function" && !Jt(d) && (p = "Did you accidentally use a plain function component for an element instead?"), p !== void 0 ? new Error(`Invalid ${o} \`${c}\` supplied to \`${r}\`. Expected an element that can hold a ref. ${p} For more information see https://mui.com/r/caveat-with-refs-guide`) : null;
+}
+const Te = ke(e.element, lt);
+Te.isRequired = ke(e.element.isRequired, lt);
+const Qt = {
+  entering: {
+    opacity: 1
+  },
+  entered: {
+    opacity: 1
+  }
+}, ve = /* @__PURE__ */ m.forwardRef(function(n, r) {
+  const o = _e(), a = {
+    enter: o.transitions.duration.enteringScreen,
+    exit: o.transitions.duration.leavingScreen
+  }, {
+    addEndListener: i,
+    appear: c = !0,
+    children: p,
+    easing: d,
+    in: l,
+    onEnter: g,
+    onEntered: u,
+    onEntering: s,
+    onExit: f,
+    onExited: y,
+    onExiting: E,
+    style: T,
+    timeout: S = a,
+    // eslint-disable-next-line react/prop-types
+    TransitionComponent: R = K,
+    ...h
+  } = n, x = m.useRef(null), P = ue(x, je(p), r), C = (O) => (v) => {
+    if (O) {
+      const b = x.current;
+      v === void 0 ? O(b) : O(b, v);
+    }
+  }, N = C(s), _ = C((O, v) => {
+    It(O);
+    const b = ze({
+      style: T,
+      timeout: S,
+      easing: d
+    }, {
+      mode: "enter"
+    });
+    O.style.webkitTransition = o.transitions.create("opacity", b), O.style.transition = o.transitions.create("opacity", b), g && g(O, v);
+  }), M = C(u), I = C(E), F = C((O) => {
+    const v = ze({
+      style: T,
+      timeout: S,
+      easing: d
+    }, {
+      mode: "exit"
+    });
+    O.style.webkitTransition = o.transitions.create("opacity", v), O.style.transition = o.transitions.create("opacity", v), f && f(O);
+  }), ne = C(y);
+  return /* @__PURE__ */ D(R, {
+    appear: c,
+    in: l,
+    nodeRef: x,
+    onEnter: _,
+    onEntered: M,
+    onEntering: N,
+    onExit: F,
+    onExited: ne,
+    onExiting: I,
+    addEndListener: (O) => {
+      i && i(x.current, O);
+    },
+    timeout: S,
+    ...h,
+    children: (O, {
+      ownerState: v,
+      ...b
+    }) => /* @__PURE__ */ m.cloneElement(p, {
+      style: {
+        opacity: 0,
+        visibility: O === "exited" && !l ? "hidden" : void 0,
+        ...Qt[O],
+        ...T,
+        ...p.props.style
+      },
+      ref: P,
+      ...b
+    })
+  });
+});
+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 `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * Add a custom transition end trigger. Called with the transitioning DOM
+   * node and a done callback. Allows for more fine grained transition end
+   * logic. Note: Timeouts are still used as a fallback if provided.
+   */
+  addEndListener: e.func,
+  /**
+   * Perform the enter transition when it first mounts if `in` is also `true`.
+   * Set this to `false` to disable this behavior.
+   * @default true
+   */
+  appear: e.bool,
+  /**
+   * A single child content element.
+   */
+  children: Te.isRequired,
+  /**
+   * The transition timing function.
+   * You may specify a single easing or a object containing enter and exit values.
+   */
+  easing: e.oneOfType([e.shape({
+    enter: e.string,
+    exit: e.string
+  }), e.string]),
+  /**
+   * If `true`, the component will transition in.
+   */
+  in: e.bool,
+  /**
+   * @ignore
+   */
+  onEnter: e.func,
+  /**
+   * @ignore
+   */
+  onEntered: e.func,
+  /**
+   * @ignore
+   */
+  onEntering: e.func,
+  /**
+   * @ignore
+   */
+  onExit: e.func,
+  /**
+   * @ignore
+   */
+  onExited: e.func,
+  /**
+   * @ignore
+   */
+  onExiting: e.func,
+  /**
+   * @ignore
+   */
+  style: e.object,
+  /**
+   * The duration for the transition, in milliseconds.
+   * You may specify a single timeout for all transitions, or individually with an object.
+   * @default {
+   *   enter: theme.transitions.duration.enteringScreen,
+   *   exit: theme.transitions.duration.leavingScreen,
+   * }
+   */
+  timeout: e.oneOfType([e.number, e.shape({
+    appear: e.number,
+    enter: e.number,
+    exit: e.number
+  })])
+});
+function en(t) {
+  return W("MuiBackdrop", t);
+}
+V("MuiBackdrop", ["root", "invisible"]);
+const tn = (t) => {
+  const {
+    classes: n,
+    invisible: r
+  } = t;
+  return q({
+    root: ["root", r && "invisible"]
+  }, en, n);
+}, nn = j("div", {
+  name: "MuiBackdrop",
+  slot: "Root",
+  overridesResolver: (t, n) => {
+    const {
+      ownerState: r
+    } = t;
+    return [n.root, r.invisible && n.invisible];
+  }
+})({
+  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",
+  variants: [{
+    props: {
+      invisible: !0
+    },
+    style: {
+      backgroundColor: "transparent"
+    }
+  }]
+}), Ie = /* @__PURE__ */ m.forwardRef(function(n, r) {
+  const o = H({
+    props: n,
+    name: "MuiBackdrop"
+  }), {
+    children: a,
+    className: i,
+    component: c = "div",
+    invisible: p = !1,
+    open: d,
+    components: l = {},
+    componentsProps: g = {},
+    slotProps: u = {},
+    slots: s = {},
+    TransitionComponent: f,
+    transitionDuration: y,
+    ...E
+  } = o, T = {
+    ...o,
+    component: c,
+    invisible: p
+  }, S = tn(T), R = {
+    transition: f,
+    root: l.Root,
+    ...s
+  }, h = {
+    ...g,
+    ...u
+  }, x = {
+    component: c,
+    slots: R,
+    slotProps: h
+  }, [P, C] = B("root", {
+    elementType: nn,
+    externalForwardedProps: x,
+    className: A(S.root, i),
+    ownerState: T
+  }), [N, _] = B("transition", {
+    elementType: ve,
+    externalForwardedProps: x,
+    ownerState: T
+  });
+  return /* @__PURE__ */ D(N, {
+    in: d,
+    timeout: y,
+    ...E,
+    ..._,
+    children: /* @__PURE__ */ D(P, {
+      "aria-hidden": !0,
+      ...C,
+      classes: S,
+      ref: r,
+      children: a
+    })
+  });
+});
+process.env.NODE_ENV !== "production" && (Ie.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The content of the component.
+   */
+  children: e.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: e.object,
+  /**
+   * @ignore
+   */
+  className: e.string,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: e.elementType,
+  /**
+   * The components used for each slot inside.
+   *
+   * @deprecated Use the `slots` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   *
+   * @default {}
+   */
+  components: e.shape({
+    Root: e.elementType
+  }),
+  /**
+   * The extra props for the slot components.
+   * You can override the existing props or add new ones.
+   *
+   * @deprecated Use the `slotProps` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   *
+   * @default {}
+   */
+  componentsProps: e.shape({
+    root: e.object
+  }),
+  /**
+   * If `true`, the backdrop is invisible.
+   * It can be used when rendering a popover or a custom select component.
+   * @default false
+   */
+  invisible: e.bool,
+  /**
+   * If `true`, the component is shown.
+   */
+  open: e.bool.isRequired,
+  /**
+   * The props used for each slot inside.
+   * @default {}
+   */
+  slotProps: e.shape({
+    root: e.oneOfType([e.func, e.object]),
+    transition: e.oneOfType([e.func, e.object])
+  }),
+  /**
+   * The components used for each slot inside.
+   * @default {}
+   */
+  slots: e.shape({
+    root: e.elementType,
+    transition: e.elementType
+  }),
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
+  /**
+   * The component used for the transition.
+   * [Follow this guide](https://mui.com/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
+   * @default Fade
+   * @deprecated Use `slots.transition` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
+  TransitionComponent: e.elementType,
+  /**
+   * The duration for the transition, in milliseconds.
+   * You may specify a single timeout for all transitions, or individually with an object.
+   */
+  transitionDuration: e.oneOfType([e.number, e.shape({
+    appear: e.number,
+    enter: e.number,
+    exit: e.number
+  })])
+});
+function on(t = window) {
+  const n = t.document.documentElement.clientWidth;
+  return t.innerWidth - n;
+}
+function rn(t) {
+  const n = X(t);
+  return n.body === t ? he(t).innerWidth > n.documentElement.clientWidth : t.scrollHeight > t.clientHeight;
+}
+function le(t, n) {
+  n ? t.setAttribute("aria-hidden", "true") : t.removeAttribute("aria-hidden");
+}
+function Ze(t) {
+  return parseInt(he(t).getComputedStyle(t).paddingRight, 10) || 0;
+}
+function sn(t) {
+  const r = ["TEMPLATE", "SCRIPT", "STYLE", "LINK", "MAP", "META", "NOSCRIPT", "PICTURE", "COL", "COLGROUP", "PARAM", "SLOT", "SOURCE", "TRACK"].includes(t.tagName), o = t.tagName === "INPUT" && t.getAttribute("type") === "hidden";
+  return r || o;
+}
+function Je(t, n, r, o, a) {
+  const i = [n, r, ...o];
+  [].forEach.call(t.children, (c) => {
+    const p = !i.includes(c), d = !sn(c);
+    p && d && le(c, a);
+  });
+}
+function Ne(t, n) {
+  let r = -1;
+  return t.some((o, a) => n(o) ? (r = a, !0) : !1), r;
+}
+function an(t, n) {
+  const r = [], o = t.container;
+  if (!n.disableScrollLock) {
+    if (rn(o)) {
+      const c = on(he(o));
+      r.push({
+        value: o.style.paddingRight,
+        property: "padding-right",
+        el: o
+      }), o.style.paddingRight = `${Ze(o) + c}px`;
+      const p = X(o).querySelectorAll(".mui-fixed");
+      [].forEach.call(p, (d) => {
+        r.push({
+          value: d.style.paddingRight,
+          property: "padding-right",
+          el: d
+        }), d.style.paddingRight = `${Ze(d) + c}px`;
+      });
+    }
+    let i;
+    if (o.parentNode instanceof DocumentFragment)
+      i = X(o).body;
+    else {
+      const c = o.parentElement, p = he(o);
+      i = c?.nodeName === "HTML" && p.getComputedStyle(c).overflowY === "scroll" ? c : o;
+    }
+    r.push({
+      value: i.style.overflow,
+      property: "overflow",
+      el: i
+    }, {
+      value: i.style.overflowX,
+      property: "overflow-x",
+      el: i
+    }, {
+      value: i.style.overflowY,
+      property: "overflow-y",
+      el: i
+    }), i.style.overflow = "hidden";
+  }
+  return () => {
+    r.forEach(({
+      value: i,
+      el: c,
+      property: p
+    }) => {
+      i ? c.style.setProperty(p, i) : c.style.removeProperty(p);
+    });
+  };
+}
+function ln(t) {
+  const n = [];
+  return [].forEach.call(t.children, (r) => {
+    r.getAttribute("aria-hidden") === "true" && n.push(r);
+  }), n;
+}
+class cn {
+  constructor() {
+    this.modals = [], this.containers = [];
+  }
+  add(n, r) {
+    let o = this.modals.indexOf(n);
+    if (o !== -1)
+      return o;
+    o = this.modals.length, this.modals.push(n), n.modalRef && le(n.modalRef, !1);
+    const a = ln(r);
+    Je(r, n.mount, n.modalRef, a, !0);
+    const i = Ne(this.containers, (c) => c.container === r);
+    return i !== -1 ? (this.containers[i].modals.push(n), o) : (this.containers.push({
+      modals: [n],
+      container: r,
+      restore: null,
+      hiddenSiblings: a
+    }), o);
+  }
+  mount(n, r) {
+    const o = Ne(this.containers, (i) => i.modals.includes(n)), a = this.containers[o];
+    a.restore || (a.restore = an(a, r));
+  }
+  remove(n, r = !0) {
+    const o = this.modals.indexOf(n);
+    if (o === -1)
+      return o;
+    const a = Ne(this.containers, (c) => c.modals.includes(n)), i = this.containers[a];
+    if (i.modals.splice(i.modals.indexOf(n), 1), this.modals.splice(o, 1), i.modals.length === 0)
+      i.restore && i.restore(), n.modalRef && le(n.modalRef, r), Je(i.container, n.mount, n.modalRef, i.hiddenSiblings, !1), this.containers.splice(a, 1);
+    else {
+      const c = i.modals[i.modals.length - 1];
+      c.modalRef && le(c.modalRef, !1);
+    }
+    return o;
+  }
+  isTopModal(n) {
+    return this.modals.length > 0 && this.modals[this.modals.length - 1] === n;
+  }
+}
+const un = ["input", "select", "textarea", "a[href]", "button", "[tabindex]", "audio[controls]", "video[controls]", '[contenteditable]:not([contenteditable="false"])'].join(",");
+function dn(t) {
+  const n = parseInt(t.getAttribute("tabindex") || "", 10);
+  return Number.isNaN(n) ? t.contentEditable === "true" || (t.nodeName === "AUDIO" || t.nodeName === "VIDEO" || t.nodeName === "DETAILS") && t.getAttribute("tabindex") === null ? 0 : t.tabIndex : n;
+}
+function pn(t) {
+  if (t.tagName !== "INPUT" || t.type !== "radio" || !t.name)
+    return !1;
+  const n = (o) => t.ownerDocument.querySelector(`input[type="radio"]${o}`);
+  let r = n(`[name="${t.name}"]:checked`);
+  return r || (r = n(`[name="${t.name}"]`)), r !== t;
+}
+function fn(t) {
+  return !(t.disabled || t.tagName === "INPUT" && t.type === "hidden" || pn(t));
+}
+function gn(t) {
+  const n = [], r = [];
+  return Array.from(t.querySelectorAll(un)).forEach((o, a) => {
+    const i = dn(o);
+    i === -1 || !fn(o) || (i === 0 ? n.push(o) : r.push({
+      documentOrder: a,
+      tabIndex: i,
+      node: o
+    }));
+  }), r.sort((o, a) => o.tabIndex === a.tabIndex ? o.documentOrder - a.documentOrder : o.tabIndex - a.tabIndex).map((o) => o.node).concat(n);
+}
+function yn() {
+  return !0;
+}
+function Ee(t) {
+  const {
+    children: n,
+    disableAutoFocus: r = !1,
+    disableEnforceFocus: o = !1,
+    disableRestoreFocus: a = !1,
+    getTabbable: i = gn,
+    isEnabled: c = yn,
+    open: p
+  } = t, d = m.useRef(!1), l = m.useRef(null), g = m.useRef(null), u = m.useRef(null), s = m.useRef(null), f = m.useRef(!1), y = m.useRef(null), E = ue(je(n), y), T = m.useRef(null);
+  m.useEffect(() => {
+    !p || !y.current || (f.current = !r);
+  }, [r, p]), m.useEffect(() => {
+    if (!p || !y.current)
+      return;
+    const h = X(y.current);
+    return y.current.contains(h.activeElement) || (y.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(`
+`)), y.current.setAttribute("tabIndex", "-1")), f.current && y.current.focus()), () => {
+      a || (u.current && u.current.focus && (d.current = !0, u.current.focus()), u.current = null);
+    };
+  }, [p]), m.useEffect(() => {
+    if (!p || !y.current)
+      return;
+    const h = X(y.current), x = (N) => {
+      T.current = N, !(o || !c() || N.key !== "Tab") && h.activeElement === y.current && N.shiftKey && (d.current = !0, g.current && g.current.focus());
+    }, P = () => {
+      const N = y.current;
+      if (N === null)
+        return;
+      if (!h.hasFocus() || !c() || d.current) {
+        d.current = !1;
+        return;
+      }
+      if (N.contains(h.activeElement) || o && h.activeElement !== l.current && h.activeElement !== g.current)
+        return;
+      if (h.activeElement !== s.current)
+        s.current = null;
+      else if (s.current !== null)
+        return;
+      if (!f.current)
+        return;
+      let _ = [];
+      if ((h.activeElement === l.current || h.activeElement === g.current) && (_ = i(y.current)), _.length > 0) {
+        const M = !!(T.current?.shiftKey && T.current?.key === "Tab"), I = _[0], F = _[_.length - 1];
+        typeof I != "string" && typeof F != "string" && (M ? F.focus() : I.focus());
+      } else
+        N.focus();
+    };
+    h.addEventListener("focusin", P), h.addEventListener("keydown", x, !0);
+    const C = setInterval(() => {
+      h.activeElement && h.activeElement.tagName === "BODY" && P();
+    }, 50);
+    return () => {
+      clearInterval(C), h.removeEventListener("focusin", P), h.removeEventListener("keydown", x, !0);
+    };
+  }, [r, o, a, c, p, i]);
+  const S = (h) => {
+    u.current === null && (u.current = h.relatedTarget), f.current = !0, s.current = h.target;
+    const x = n.props.onFocus;
+    x && x(h);
+  }, R = (h) => {
+    u.current === null && (u.current = h.relatedTarget), f.current = !0;
+  };
+  return /* @__PURE__ */ tt(m.Fragment, {
+    children: [/* @__PURE__ */ D("div", {
+      tabIndex: p ? 0 : -1,
+      onFocus: R,
+      ref: l,
+      "data-testid": "sentinelStart"
+    }), /* @__PURE__ */ m.cloneElement(n, {
+      ref: E,
+      onFocus: S
+    }), /* @__PURE__ */ D("div", {
+      tabIndex: p ? 0 : -1,
+      onFocus: R,
+      ref: g,
+      "data-testid": "sentinelEnd"
+    })]
+  });
+}
+process.env.NODE_ENV !== "production" && (Ee.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * A single child content element.
+   */
+  children: Te,
+  /**
+   * If `true`, the focus trap will not automatically shift focus to itself when it opens, and
+   * replace it to the last focused element when it closes.
+   * This also works correctly with any focus trap children that have the `disableAutoFocus` prop.
+   *
+   * Generally this should never be set to `true` as it makes the focus trap less
+   * accessible to assistive technologies, like screen readers.
+   * @default false
+   */
+  disableAutoFocus: e.bool,
+  /**
+   * If `true`, the focus trap will not prevent focus from leaving the focus trap while open.
+   *
+   * Generally this should never be set to `true` as it makes the focus trap less
+   * accessible to assistive technologies, like screen readers.
+   * @default false
+   */
+  disableEnforceFocus: e.bool,
+  /**
+   * If `true`, the focus trap will not restore focus to previously focused element once
+   * focus trap is hidden or unmounted.
+   * @default false
+   */
+  disableRestoreFocus: e.bool,
+  /**
+   * Returns an array of ordered tabbable nodes (i.e. in tab order) within the root.
+   * For instance, you can provide the "tabbable" npm dependency.
+   * @param {HTMLElement} root
+   */
+  getTabbable: e.func,
+  /**
+   * This prop extends the `open` prop.
+   * It allows to toggle the open state without having to wait for a rerender when changing the `open` prop.
+   * This prop should be memoized.
+   * It can be used to support multiple focus trap mounted at the same time.
+   * @default function defaultIsEnabled(): boolean {
+   *   return true;
+   * }
+   */
+  isEnabled: e.func,
+  /**
+   * If `true`, focus is locked.
+   */
+  open: e.bool.isRequired
+});
+process.env.NODE_ENV !== "production" && (Ee.propTypes = nt(Ee.propTypes));
+function mn(t) {
+  return typeof t == "function" ? t() : t;
+}
+function hn(t) {
+  return t ? t.props.hasOwnProperty("in") : !1;
+}
+const Qe = () => {
+}, me = new cn();
+function bn(t) {
+  const {
+    container: n,
+    disableEscapeKeyDown: r = !1,
+    disableScrollLock: o = !1,
+    closeAfterTransition: a = !1,
+    onTransitionEnter: i,
+    onTransitionExited: c,
+    children: p,
+    onClose: d,
+    open: l,
+    rootRef: g
+  } = t, u = m.useRef({}), s = m.useRef(null), f = m.useRef(null), y = ue(f, g), [E, T] = m.useState(!l), S = hn(p);
+  let R = !0;
+  (t["aria-hidden"] === "false" || t["aria-hidden"] === !1) && (R = !1);
+  const h = () => X(s.current), x = () => (u.current.modalRef = f.current, u.current.mount = s.current, u.current), P = () => {
+    me.mount(x(), {
+      disableScrollLock: o
+    }), f.current && (f.current.scrollTop = 0);
+  }, C = Ue(() => {
+    const v = mn(n) || h().body;
+    me.add(x(), v), f.current && P();
+  }), N = () => me.isTopModal(x()), _ = Ue((v) => {
+    s.current = v, v && (l && N() ? P() : f.current && le(f.current, R));
+  }), M = m.useCallback(() => {
+    me.remove(x(), R);
+  }, [R]);
+  m.useEffect(() => () => {
+    M();
+  }, [M]), m.useEffect(() => {
+    l ? C() : (!S || !a) && M();
+  }, [l, M, S, a, C]);
+  const I = (v) => (b) => {
+    v.onKeyDown?.(b), !(b.key !== "Escape" || b.which === 229 || // Wait until IME is settled.
+    !N()) && (r || (b.stopPropagation(), d && d(b, "escapeKeyDown")));
+  }, F = (v) => (b) => {
+    v.onClick?.(b), b.target === b.currentTarget && d && d(b, "backdropClick");
+  };
+  return {
+    getRootProps: (v = {}) => {
+      const b = st(t);
+      delete b.onTransitionEnter, delete b.onTransitionExited;
+      const Z = {
+        ...b,
+        ...v
+      };
+      return {
+        /*
+         * Marking an element with the role presentation indicates to assistive technology
+         * that this element should be ignored; it exists to support the web application and
+         * is not meant for humans to interact with directly.
+         * https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/no-static-element-interactions.md
+         */
+        role: "presentation",
+        ...Z,
+        onKeyDown: I(Z),
+        ref: y
+      };
+    },
+    getBackdropProps: (v = {}) => {
+      const b = v;
+      return {
+        "aria-hidden": !0,
+        ...b,
+        onClick: F(b),
+        open: l
+      };
+    },
+    getTransitionProps: () => {
+      const v = () => {
+        T(!1), i && i();
+      }, b = () => {
+        T(!0), c && c(), a && M();
+      };
+      return {
+        onEnter: We(v, p?.props.onEnter ?? Qe),
+        onExited: We(b, p?.props.onExited ?? Qe)
+      };
+    },
+    rootRef: y,
+    portalRef: _,
+    isTopModal: N,
+    exited: E,
+    hasTransition: S
+  };
+}
+function vn(t) {
+  return W("MuiModal", t);
+}
+V("MuiModal", ["root", "hidden", "backdrop"]);
+const En = (t) => {
+  const {
+    open: n,
+    exited: r,
+    classes: o
+  } = t;
+  return q({
+    root: ["root", !n && r && "hidden"],
+    backdrop: ["backdrop"]
+  }, vn, o);
+}, Tn = j("div", {
+  name: "MuiModal",
+  slot: "Root",
+  overridesResolver: (t, n) => {
+    const {
+      ownerState: r
+    } = t;
+    return [n.root, !r.open && r.exited && n.hidden];
+  }
+})(ce(({
+  theme: t
+}) => ({
+  position: "fixed",
+  zIndex: (t.vars || t).zIndex.modal,
+  right: 0,
+  bottom: 0,
+  top: 0,
+  left: 0,
+  variants: [{
+    props: ({
+      ownerState: n
+    }) => !n.open && n.exited,
+    style: {
+      visibility: "hidden"
+    }
+  }]
+}))), xn = j(Ie, {
+  name: "MuiModal",
+  slot: "Backdrop"
+})({
+  zIndex: -1
+}), ct = /* @__PURE__ */ m.forwardRef(function(n, r) {
+  const o = H({
+    name: "MuiModal",
+    props: n
+  }), {
+    BackdropComponent: a = xn,
+    BackdropProps: i,
+    classes: c,
+    className: p,
+    closeAfterTransition: d = !1,
+    children: l,
+    container: g,
+    component: u,
+    components: s = {},
+    componentsProps: f = {},
+    disableAutoFocus: y = !1,
+    disableEnforceFocus: E = !1,
+    disableEscapeKeyDown: T = !1,
+    disablePortal: S = !1,
+    disableRestoreFocus: R = !1,
+    disableScrollLock: h = !1,
+    hideBackdrop: x = !1,
+    keepMounted: P = !1,
+    onClose: C,
+    onTransitionEnter: N,
+    onTransitionExited: _,
+    open: M,
+    slotProps: I = {},
+    slots: F = {},
+    // eslint-disable-next-line react/prop-types
+    theme: ne,
+    ...$
+  } = o, O = {
+    ...o,
+    closeAfterTransition: d,
+    disableAutoFocus: y,
+    disableEnforceFocus: E,
+    disableEscapeKeyDown: T,
+    disablePortal: S,
+    disableRestoreFocus: R,
+    disableScrollLock: h,
+    hideBackdrop: x,
+    keepMounted: P
+  }, {
+    getRootProps: v,
+    getBackdropProps: b,
+    getTransitionProps: Z,
+    portalRef: oe,
+    isTopModal: xe,
+    exited: de,
+    hasTransition: pe
+  } = bn({
+    ...O,
+    rootRef: r
+  }), L = {
+    ...O,
+    exited: de
+  }, re = En(L), J = {};
+  if (l.props.tabIndex === void 0 && (J.tabIndex = "-1"), pe) {
+    const {
+      onEnter: G,
+      onExited: ie
+    } = Z();
+    J.onEnter = G, J.onExited = ie;
+  }
+  const fe = {
+    slots: {
+      root: s.Root,
+      backdrop: s.Backdrop,
+      ...F
+    },
+    slotProps: {
+      ...f,
+      ...I
+    }
+  }, [Oe, Se] = B("root", {
+    ref: r,
+    elementType: Tn,
+    externalForwardedProps: {
+      ...fe,
+      ...$,
+      component: u
+    },
+    getSlotProps: v,
+    ownerState: L,
+    className: A(p, re?.root, !L.open && L.exited && re?.hidden)
+  }), [Re, De] = B("backdrop", {
+    ref: i?.ref,
+    elementType: a,
+    externalForwardedProps: fe,
+    shouldForwardComponentProp: !0,
+    additionalProps: i,
+    getSlotProps: (G) => b({
+      ...G,
+      onClick: (ie) => {
+        G?.onClick && G.onClick(ie);
+      }
+    }),
+    className: A(i?.className, re?.backdrop),
+    ownerState: L
+  });
+  return !P && !M && (!pe || de) ? null : /* @__PURE__ */ D(be, {
+    ref: oe,
+    container: g,
+    disablePortal: S,
+    children: /* @__PURE__ */ tt(Oe, {
+      ...Se,
+      children: [!x && a ? /* @__PURE__ */ D(Re, {
+        ...De
+      }) : null, /* @__PURE__ */ D(Ee, {
+        disableEnforceFocus: E,
+        disableAutoFocus: y,
+        disableRestoreFocus: R,
+        isEnabled: xe,
+        open: M,
+        children: /* @__PURE__ */ m.cloneElement(l, J)
+      })]
+    })
+  });
+});
+process.env.NODE_ENV !== "production" && (ct.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm 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',
+   * })({
+   *   zIndex: -1,
+   * })
+   */
+  BackdropComponent: e.elementType,
+  /**
+   * Props applied to the [`Backdrop`](https://mui.com/material-ui/api/backdrop/) element.
+   * @deprecated Use `slotProps.backdrop` instead.
+   */
+  BackdropProps: e.object,
+  /**
+   * A single child content element.
+   */
+  children: Te.isRequired,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: e.object,
+  /**
+   * @ignore
+   */
+  className: e.string,
+  /**
+   * When set to true the Modal waits until a nested Transition is completed before closing.
+   * @default false
+   */
+  closeAfterTransition: e.bool,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: e.elementType,
+  /**
+   * The components used for each slot inside.
+   *
+   * @deprecated Use the `slots` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   *
+   * @default {}
+   */
+  components: e.shape({
+    Backdrop: e.elementType,
+    Root: e.elementType
+  }),
+  /**
+   * The extra props for the slot components.
+   * You can override the existing props or add new ones.
+   *
+   * @deprecated Use the `slotProps` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   *
+   * @default {}
+   */
+  componentsProps: e.shape({
+    backdrop: e.oneOfType([e.func, e.object]),
+    root: e.oneOfType([e.func, e.object])
+  }),
+  /**
+   * An HTML element or function that returns one.
+   * The `container` will have the portal children appended to it.
+   *
+   * You can also provide a callback, which is called in a React layout effect.
+   * This lets you set the container from a ref, and also makes server-side rendering possible.
+   *
+   * By default, it uses the body of the top-level document object,
+   * so it's simply `document.body` most of the time.
+   */
+  container: e.oneOfType([at, e.func]),
+  /**
+   * If `true`, the modal will not automatically shift focus to itself when it opens, and
+   * replace it to the last focused element when it closes.
+   * This also works correctly with any modal children that have the `disableAutoFocus` prop.
+   *
+   * Generally this should never be set to `true` as it makes the modal less
+   * accessible to assistive technologies, like screen readers.
+   * @default false
+   */
+  disableAutoFocus: e.bool,
+  /**
+   * If `true`, the modal will not prevent focus from leaving the modal while open.
+   *
+   * Generally this should never be set to `true` as it makes the modal less
+   * accessible to assistive technologies, like screen readers.
+   * @default false
+   */
+  disableEnforceFocus: e.bool,
+  /**
+   * If `true`, hitting escape will not fire the `onClose` callback.
+   * @default false
+   */
+  disableEscapeKeyDown: e.bool,
+  /**
+   * The `children` will be under the DOM hierarchy of the parent component.
+   * @default false
+   */
+  disablePortal: e.bool,
+  /**
+   * If `true`, the modal will not restore focus to previously focused element once
+   * modal is hidden or unmounted.
+   * @default false
+   */
+  disableRestoreFocus: e.bool,
+  /**
+   * Disable the scroll lock behavior.
+   * @default false
+   */
+  disableScrollLock: e.bool,
+  /**
+   * If `true`, the backdrop is not rendered.
+   * @default false
+   */
+  hideBackdrop: e.bool,
+  /**
+   * Always keep the children in the DOM.
+   * This prop can be useful in SEO situation or
+   * when you want to maximize the responsiveness of the Modal.
+   * @default false
+   */
+  keepMounted: e.bool,
+  /**
+   * Callback fired when the component requests to be closed.
+   * The `reason` parameter can optionally be used to control the response to `onClose`.
+   *
+   * @param {object} event The event source of the callback.
+   * @param {string} reason Can be: `"escapeKeyDown"`, `"backdropClick"`.
+   */
+  onClose: e.func,
+  /**
+   * A function called when a transition enters.
+   */
+  onTransitionEnter: e.func,
+  /**
+   * A function called when a transition has exited.
+   */
+  onTransitionExited: e.func,
+  /**
+   * If `true`, the component is shown.
+   */
+  open: e.bool.isRequired,
+  /**
+   * The props used for each slot inside the Modal.
+   * @default {}
+   */
+  slotProps: e.shape({
+    backdrop: e.oneOfType([e.func, e.object]),
+    root: e.oneOfType([e.func, e.object])
+  }),
+  /**
+   * The components used for each slot inside the Modal.
+   * Either a string to use a HTML element or a component.
+   * @default {}
+   */
+  slots: e.shape({
+    backdrop: e.elementType,
+    root: e.elementType
+  }),
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
+});
+function On(t) {
+  return W("MuiDialog", t);
+}
+const Pe = V("MuiDialog", ["root", "scrollPaper", "scrollBody", "container", "paper", "paperScrollPaper", "paperScrollBody", "paperWidthFalse", "paperWidthXs", "paperWidthSm", "paperWidthMd", "paperWidthLg", "paperWidthXl", "paperFullWidth", "paperFullScreen"]), Le = /* @__PURE__ */ m.createContext({});
+process.env.NODE_ENV !== "production" && (Le.displayName = "DialogContext");
+const Sn = j(Ie, {
+  name: "MuiDialog",
+  slot: "Backdrop",
+  overrides: (t, n) => n.backdrop
+})({
+  // Improve scrollable dialog support.
+  zIndex: -1
+}), Rn = (t) => {
+  const {
+    classes: n,
+    scroll: r,
+    maxWidth: o,
+    fullWidth: a,
+    fullScreen: i
+  } = t, c = {
+    root: ["root"],
+    container: ["container", `scroll${U(r)}`],
+    paper: ["paper", `paperScroll${U(r)}`, `paperWidth${U(String(o))}`, a && "paperFullWidth", i && "paperFullScreen"]
+  };
+  return q(c, On, n);
+}, Dn = j(ct, {
+  name: "MuiDialog",
+  slot: "Root"
+})({
+  "@media print": {
+    // Use !important to override the Modal inline-style.
+    position: "absolute !important"
+  }
+}), Nn = j("div", {
+  name: "MuiDialog",
+  slot: "Container",
+  overridesResolver: (t, n) => {
+    const {
+      ownerState: r
+    } = t;
+    return [n.container, n[`scroll${U(r.scroll)}`]];
+  }
+})({
+  height: "100%",
+  "@media print": {
+    height: "auto"
+  },
+  // We disable the focus ring for mouse, touch and keyboard users.
+  outline: 0,
+  variants: [{
+    props: {
+      scroll: "paper"
+    },
+    style: {
+      display: "flex",
+      justifyContent: "center",
+      alignItems: "center"
+    }
+  }, {
+    props: {
+      scroll: "body"
+    },
+    style: {
+      overflowY: "auto",
+      overflowX: "hidden",
+      textAlign: "center",
+      "&::after": {
+        content: '""',
+        display: "inline-block",
+        verticalAlign: "middle",
+        height: "100%",
+        width: "0"
+      }
+    }
+  }]
+}), Pn = j(Me, {
+  name: "MuiDialog",
+  slot: "Paper",
+  overridesResolver: (t, n) => {
+    const {
+      ownerState: r
+    } = t;
+    return [n.paper, n[`scrollPaper${U(r.scroll)}`], n[`paperWidth${U(String(r.maxWidth))}`], r.fullWidth && n.paperFullWidth, r.fullScreen && n.paperFullScreen];
+  }
+})(ce(({
+  theme: t
+}) => ({
+  margin: 32,
+  position: "relative",
+  overflowY: "auto",
+  "@media print": {
+    overflowY: "visible",
+    boxShadow: "none"
+  },
+  variants: [{
+    props: {
+      scroll: "paper"
+    },
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      maxHeight: "calc(100% - 64px)"
+    }
+  }, {
+    props: {
+      scroll: "body"
+    },
+    style: {
+      display: "inline-block",
+      verticalAlign: "middle",
+      textAlign: "initial"
+    }
+  }, {
+    props: ({
+      ownerState: n
+    }) => !n.maxWidth,
+    style: {
+      maxWidth: "calc(100% - 64px)"
+    }
+  }, {
+    props: {
+      maxWidth: "xs"
+    },
+    style: {
+      maxWidth: t.breakpoints.unit === "px" ? Math.max(t.breakpoints.values.xs, 444) : `max(${t.breakpoints.values.xs}${t.breakpoints.unit}, 444px)`,
+      [`&.${Pe.paperScrollBody}`]: {
+        [t.breakpoints.down(Math.max(t.breakpoints.values.xs, 444) + 64)]: {
+          maxWidth: "calc(100% - 64px)"
+        }
+      }
+    }
+  }, ...Object.keys(t.breakpoints.values).filter((n) => n !== "xs").map((n) => ({
+    props: {
+      maxWidth: n
+    },
+    style: {
+      maxWidth: `${t.breakpoints.values[n]}${t.breakpoints.unit}`,
+      [`&.${Pe.paperScrollBody}`]: {
+        [t.breakpoints.down(t.breakpoints.values[n] + 64)]: {
+          maxWidth: "calc(100% - 64px)"
+        }
+      }
+    }
+  })), {
+    props: ({
+      ownerState: n
+    }) => n.fullWidth,
+    style: {
+      width: "calc(100% - 64px)"
+    }
+  }, {
+    props: ({
+      ownerState: n
+    }) => n.fullScreen,
+    style: {
+      margin: 0,
+      width: "100%",
+      maxWidth: "100%",
+      height: "100%",
+      maxHeight: "none",
+      borderRadius: 0,
+      [`&.${Pe.paperScrollBody}`]: {
+        margin: 0,
+        maxWidth: "100%"
+      }
+    }
+  }]
+}))), Cn = /* @__PURE__ */ m.forwardRef(function(n, r) {
+  const o = H({
+    props: n,
+    name: "MuiDialog"
+  }), a = _e(), i = {
+    enter: a.transitions.duration.enteringScreen,
+    exit: a.transitions.duration.leavingScreen
+  }, {
+    "aria-describedby": c,
+    "aria-labelledby": p,
+    "aria-modal": d = !0,
+    BackdropComponent: l,
+    BackdropProps: g,
+    children: u,
+    className: s,
+    disableEscapeKeyDown: f = !1,
+    fullScreen: y = !1,
+    fullWidth: E = !1,
+    maxWidth: T = "sm",
+    onClick: S,
+    onClose: R,
+    open: h,
+    PaperComponent: x = Me,
+    PaperProps: P = {},
+    scroll: C = "paper",
+    slots: N = {},
+    slotProps: _ = {},
+    TransitionComponent: M = ve,
+    transitionDuration: I = i,
+    TransitionProps: F,
+    ...ne
+  } = o, $ = {
+    ...o,
+    disableEscapeKeyDown: f,
+    fullScreen: y,
+    fullWidth: E,
+    maxWidth: T,
+    scroll: C
+  }, O = Rn($), v = m.useRef(), b = (se) => {
+    v.current = se.target === se.currentTarget;
+  }, Z = (se) => {
+    S && S(se), v.current && (v.current = null, R && R(se, "backdropClick"));
+  }, oe = Tt(p), xe = m.useMemo(() => ({
+    titleId: oe
+  }), [oe]), de = {
+    transition: M,
+    ...N
+  }, pe = {
+    transition: F,
+    paper: P,
+    backdrop: g,
+    ..._
+  }, L = {
+    slots: de,
+    slotProps: pe
+  }, [re, J] = B("root", {
+    elementType: Dn,
+    shouldForwardComponentProp: !0,
+    externalForwardedProps: L,
+    ownerState: $,
+    className: A(O.root, s),
+    ref: r
+  }), [fe, Oe] = B("backdrop", {
+    elementType: Sn,
+    shouldForwardComponentProp: !0,
+    externalForwardedProps: L,
+    ownerState: $
+  }), [Se, Re] = B("paper", {
+    elementType: Pn,
+    shouldForwardComponentProp: !0,
+    externalForwardedProps: L,
+    ownerState: $,
+    className: A(O.paper, P.className)
+  }), [De, G] = B("container", {
+    elementType: Nn,
+    externalForwardedProps: L,
+    ownerState: $,
+    className: O.container
+  }), [ie, ut] = B("transition", {
+    elementType: ve,
+    externalForwardedProps: L,
+    ownerState: $,
+    additionalProps: {
+      appear: !0,
+      in: h,
+      timeout: I,
+      role: "presentation"
+    }
+  });
+  return /* @__PURE__ */ D(re, {
+    closeAfterTransition: !0,
+    slots: {
+      backdrop: fe
+    },
+    slotProps: {
+      backdrop: {
+        transitionDuration: I,
+        as: l,
+        ...Oe
+      }
+    },
+    disableEscapeKeyDown: f,
+    onClose: R,
+    open: h,
+    onClick: Z,
+    ...J,
+    ...ne,
+    children: /* @__PURE__ */ D(ie, {
+      ...ut,
+      children: /* @__PURE__ */ D(De, {
+        onMouseDown: b,
+        ...G,
+        children: /* @__PURE__ */ D(Se, {
+          as: x,
+          elevation: 24,
+          role: "dialog",
+          "aria-describedby": c,
+          "aria-labelledby": oe,
+          "aria-modal": d,
+          ...Re,
+          children: /* @__PURE__ */ D(Le.Provider, {
+            value: xe,
+            children: u
+          })
+        })
+      })
+    })
+  });
+});
+process.env.NODE_ENV !== "production" && (Cn.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The id(s) of the element(s) that describe the dialog.
+   */
+  "aria-describedby": e.string,
+  /**
+   * The id(s) of the element(s) that label the dialog.
+   */
+  "aria-labelledby": e.string,
+  /**
+   * Informs assistive technologies that the element is modal.
+   * It's added on the element with role="dialog".
+   * @default true
+   */
+  "aria-modal": e.oneOfType([e.oneOf(["false", "true"]), e.bool]),
+  /**
+   * 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',
+   * })({
+   *   zIndex: -1,
+   * })
+   */
+  BackdropComponent: e.elementType,
+  /**
+   * @ignore
+   */
+  BackdropProps: e.object,
+  /**
+   * Dialog children, usually the included sub-components.
+   */
+  children: e.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: e.object,
+  /**
+   * @ignore
+   */
+  className: e.string,
+  /**
+   * If `true`, hitting escape will not fire the `onClose` callback.
+   * @default false
+   */
+  disableEscapeKeyDown: e.bool,
+  /**
+   * If `true`, the dialog is full-screen.
+   * @default false
+   */
+  fullScreen: e.bool,
+  /**
+   * If `true`, the dialog stretches to `maxWidth`.
+   *
+   * Notice that the dialog width grow is limited by the default margin.
+   * @default false
+   */
+  fullWidth: e.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: e.oneOfType([e.oneOf(["xs", "sm", "md", "lg", "xl", !1]), e.string]),
+  /**
+   * @ignore
+   */
+  onClick: e.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: e.func,
+  /**
+   * If `true`, the component is shown.
+   */
+  open: e.bool.isRequired,
+  /**
+   * The component used to render the body of the dialog.
+   * @default Paper
+   */
+  PaperComponent: e.elementType,
+  /**
+   * Props applied to the [`Paper`](https://mui.com/material-ui/api/paper/) element.
+   * @default {}
+   * @deprecated Use `slotProps.paper` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
+  PaperProps: e.object,
+  /**
+   * Determine the container for scrolling the dialog.
+   * @default 'paper'
+   */
+  scroll: e.oneOf(["body", "paper"]),
+  /**
+   * The props used for each slot inside.
+   * @default {}
+   */
+  slotProps: e.shape({
+    backdrop: e.oneOfType([e.func, e.object]),
+    container: e.oneOfType([e.func, e.object]),
+    paper: e.oneOfType([e.func, e.object]),
+    root: e.oneOfType([e.func, e.object]),
+    transition: e.oneOfType([e.func, e.object])
+  }),
+  /**
+   * The components used for each slot inside.
+   * @default {}
+   */
+  slots: e.shape({
+    backdrop: e.elementType,
+    container: e.elementType,
+    paper: e.elementType,
+    root: e.elementType,
+    transition: e.elementType
+  }),
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
+  /**
+   * The component used for the transition.
+   * [Follow this guide](https://mui.com/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
+   * @default Fade
+   * @deprecated Use `slots.transition` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
+  TransitionComponent: e.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: e.oneOfType([e.number, e.shape({
+    appear: e.number,
+    enter: e.number,
+    exit: e.number
+  })]),
+  /**
+   * Props applied to the transition element.
+   * By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition/) component.
+   * @deprecated Use `slotProps.transition` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
+  TransitionProps: e.object
+});
+function wn(t) {
+  return W("MuiDialogActions", t);
+}
+V("MuiDialogActions", ["root", "spacing"]);
+const kn = (t) => {
+  const {
+    classes: n,
+    disableSpacing: r
+  } = t;
+  return q({
+    root: ["root", !r && "spacing"]
+  }, wn, n);
+}, _n = j("div", {
+  name: "MuiDialogActions",
+  slot: "Root",
+  overridesResolver: (t, n) => {
+    const {
+      ownerState: r
+    } = t;
+    return [n.root, !r.disableSpacing && n.spacing];
+  }
+})({
+  display: "flex",
+  alignItems: "center",
+  padding: 8,
+  justifyContent: "flex-end",
+  flex: "0 0 auto",
+  variants: [{
+    props: ({
+      ownerState: t
+    }) => !t.disableSpacing,
+    style: {
+      "& > :not(style) ~ :not(style)": {
+        marginLeft: 8
+      }
+    }
+  }]
+}), Mn = /* @__PURE__ */ m.forwardRef(function(n, r) {
+  const o = H({
+    props: n,
+    name: "MuiDialogActions"
+  }), {
+    className: a,
+    disableSpacing: i = !1,
+    ...c
+  } = o, p = {
+    ...o,
+    disableSpacing: i
+  }, d = kn(p);
+  return /* @__PURE__ */ D(_n, {
+    className: A(d.root, a),
+    ownerState: p,
+    ref: r,
+    ...c
+  });
+});
+process.env.NODE_ENV !== "production" && (Mn.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The content of the component.
+   */
+  children: e.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: e.object,
+  /**
+   * @ignore
+   */
+  className: e.string,
+  /**
+   * If `true`, the actions do not have additional margin.
+   * @default false
+   */
+  disableSpacing: e.bool,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
+});
+function An(t) {
+  return W("MuiDialogContent", t);
+}
+V("MuiDialogContent", ["root", "dividers"]);
+function jn(t) {
+  return W("MuiDialogTitle", t);
+}
+const In = V("MuiDialogTitle", ["root"]), Ln = (t) => {
+  const {
+    classes: n,
+    dividers: r
+  } = t;
+  return q({
+    root: ["root", r && "dividers"]
+  }, An, n);
+}, Fn = j("div", {
+  name: "MuiDialogContent",
+  slot: "Root",
+  overridesResolver: (t, n) => {
+    const {
+      ownerState: r
+    } = t;
+    return [n.root, r.dividers && n.dividers];
+  }
+})(ce(({
+  theme: t
+}) => ({
+  flex: "1 1 auto",
+  // Add iOS momentum scrolling for iOS < 13.0
+  WebkitOverflowScrolling: "touch",
+  overflowY: "auto",
+  padding: "20px 24px",
+  variants: [{
+    props: ({
+      ownerState: n
+    }) => n.dividers,
+    style: {
+      padding: "16px 24px",
+      borderTop: `1px solid ${(t.vars || t).palette.divider}`,
+      borderBottom: `1px solid ${(t.vars || t).palette.divider}`
+    }
+  }, {
+    props: ({
+      ownerState: n
+    }) => !n.dividers,
+    style: {
+      [`.${In.root} + &`]: {
+        paddingTop: 0
+      }
+    }
+  }]
+}))), $n = /* @__PURE__ */ m.forwardRef(function(n, r) {
+  const o = H({
+    props: n,
+    name: "MuiDialogContent"
+  }), {
+    className: a,
+    dividers: i = !1,
+    ...c
+  } = o, p = {
+    ...o,
+    dividers: i
+  }, d = Ln(p);
+  return /* @__PURE__ */ D(Fn, {
+    className: A(d.root, a),
+    ownerState: p,
+    ref: r,
+    ...c
+  });
+});
+process.env.NODE_ENV !== "production" && ($n.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The content of the component.
+   */
+  children: e.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: e.object,
+  /**
+   * @ignore
+   */
+  className: e.string,
+  /**
+   * Display the top and bottom dividers.
+   * @default false
+   */
+  dividers: e.bool,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
+});
+function Bn(t) {
+  return W("MuiDialogContentText", t);
+}
+V("MuiDialogContentText", ["root"]);
+const Un = (t) => {
+  const {
+    classes: n
+  } = t, o = q({
+    root: ["root"]
+  }, Bn, n);
+  return {
+    ...n,
+    // forward classes to the Typography
+    ...o
+  };
+}, Wn = j(Ae, {
+  shouldForwardProp: (t) => xt(t) || t === "classes",
+  name: "MuiDialogContentText",
+  slot: "Root"
+})({}), Vn = /* @__PURE__ */ m.forwardRef(function(n, r) {
+  const o = H({
+    props: n,
+    name: "MuiDialogContentText"
+  }), {
+    children: a,
+    className: i,
+    ...c
+  } = o, p = Un(c);
+  return /* @__PURE__ */ D(Wn, {
+    component: "p",
+    variant: "body1",
+    color: "textSecondary",
+    ref: r,
+    ownerState: c,
+    className: A(p.root, i),
+    ...o,
+    classes: p
+  });
+});
+process.env.NODE_ENV !== "production" && (Vn.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The content of the component.
+   */
+  children: e.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: e.object,
+  /**
+   * @ignore
+   */
+  className: e.string,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
+});
+const Hn = (t) => {
+  const {
+    classes: n
+  } = t;
+  return q({
+    root: ["root"]
+  }, jn, n);
+}, qn = j(Ae, {
+  name: "MuiDialogTitle",
+  slot: "Root"
+})({
+  padding: "16px 24px",
+  flex: "0 0 auto"
+}), Kn = /* @__PURE__ */ m.forwardRef(function(n, r) {
+  const o = H({
+    props: n,
+    name: "MuiDialogTitle"
+  }), {
+    className: a,
+    id: i,
+    ...c
+  } = o, p = o, d = Hn(p), {
+    titleId: l = i
+  } = m.useContext(Le);
+  return /* @__PURE__ */ D(qn, {
+    component: "h2",
+    className: A(d.root, a),
+    ownerState: p,
+    ref: r,
+    variant: "h6",
+    id: i ?? l,
+    ...c
+  });
+});
+process.env.NODE_ENV !== "production" && (Kn.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The content of the component.
+   */
+  children: e.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: e.object,
+  /**
+   * @ignore
+   */
+  className: e.string,
+  /**
+   * @ignore
+   */
+  id: e.string,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
+});
+export {
+  Cn as D,
+  Kn as a,
+  $n as b,
+  Vn as c,
+  Mn as d,
+  Pt as e,
+  Dt as u
+};