@cgi-learning-hub/ui 1.2.0-dev.1725543340 → 1.2.0-dev.1725543764

package/dist/identifier-Bsv46xiT.js

@@ -0,0 +1,2930 @@
+import qr from "@emotion/styled";
+import "@emotion/react";
+var oo = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function Kr(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+function io(e) {
+  if (e.__esModule) return e;
+  var r = e.default;
+  if (typeof r == "function") {
+    var t = function n() {
+      return this instanceof n ? Reflect.construct(r, arguments, this.constructor) : r.apply(this, arguments);
+    };
+    t.prototype = r.prototype;
+  } else t = {};
+  return Object.defineProperty(t, "__esModule", { value: !0 }), Object.keys(e).forEach(function(n) {
+    var o = Object.getOwnPropertyDescriptor(e, n);
+    Object.defineProperty(t, n, o.get ? o : {
+      enumerable: !0,
+      get: function() {
+        return e[n];
+      }
+    });
+  }), t;
+}
+var nr = { exports: {} }, _e = { exports: {} }, M = {};
+/** @license React v16.13.1
+ * react-is.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var pr;
+function Hr() {
+  if (pr) return M;
+  pr = 1;
+  var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, o = e ? Symbol.for("react.strict_mode") : 60108, a = e ? Symbol.for("react.profiler") : 60114, s = e ? Symbol.for("react.provider") : 60109, c = e ? Symbol.for("react.context") : 60110, l = e ? Symbol.for("react.async_mode") : 60111, p = e ? Symbol.for("react.concurrent_mode") : 60111, y = e ? Symbol.for("react.forward_ref") : 60112, g = e ? Symbol.for("react.suspense") : 60113, f = e ? Symbol.for("react.suspense_list") : 60120, C = e ? Symbol.for("react.memo") : 60115, E = e ? Symbol.for("react.lazy") : 60116, b = e ? Symbol.for("react.block") : 60121, w = e ? Symbol.for("react.fundamental") : 60117, k = e ? Symbol.for("react.responder") : 60118, Y = e ? Symbol.for("react.scope") : 60119;
+  function v(m) {
+    if (typeof m == "object" && m !== null) {
+      var q = m.$$typeof;
+      switch (q) {
+        case r:
+          switch (m = m.type, m) {
+            case l:
+            case p:
+            case n:
+            case a:
+            case o:
+            case g:
+              return m;
+            default:
+              switch (m = m && m.$$typeof, m) {
+                case c:
+                case y:
+                case E:
+                case C:
+                case s:
+                  return m;
+                default:
+                  return q;
+              }
+          }
+        case t:
+          return q;
+      }
+    }
+  }
+  function P(m) {
+    return v(m) === p;
+  }
+  return M.AsyncMode = l, M.ConcurrentMode = p, M.ContextConsumer = c, M.ContextProvider = s, M.Element = r, M.ForwardRef = y, M.Fragment = n, M.Lazy = E, M.Memo = C, M.Portal = t, M.Profiler = a, M.StrictMode = o, M.Suspense = g, M.isAsyncMode = function(m) {
+    return P(m) || v(m) === l;
+  }, M.isConcurrentMode = P, M.isContextConsumer = function(m) {
+    return v(m) === c;
+  }, M.isContextProvider = function(m) {
+    return v(m) === s;
+  }, M.isElement = function(m) {
+    return typeof m == "object" && m !== null && m.$$typeof === r;
+  }, M.isForwardRef = function(m) {
+    return v(m) === y;
+  }, M.isFragment = function(m) {
+    return v(m) === n;
+  }, M.isLazy = function(m) {
+    return v(m) === E;
+  }, M.isMemo = function(m) {
+    return v(m) === C;
+  }, M.isPortal = function(m) {
+    return v(m) === t;
+  }, M.isProfiler = function(m) {
+    return v(m) === a;
+  }, M.isStrictMode = function(m) {
+    return v(m) === o;
+  }, M.isSuspense = function(m) {
+    return v(m) === g;
+  }, M.isValidElementType = function(m) {
+    return typeof m == "string" || typeof m == "function" || m === n || m === p || m === a || m === o || m === g || m === f || typeof m == "object" && m !== null && (m.$$typeof === E || m.$$typeof === C || m.$$typeof === s || m.$$typeof === c || m.$$typeof === y || m.$$typeof === w || m.$$typeof === k || m.$$typeof === Y || m.$$typeof === b);
+  }, M.typeOf = v, M;
+}
+var D = {};
+/** @license React v16.13.1
+ * react-is.development.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var gr;
+function Qr() {
+  return gr || (gr = 1, process.env.NODE_ENV !== "production" && function() {
+    var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, o = e ? Symbol.for("react.strict_mode") : 60108, a = e ? Symbol.for("react.profiler") : 60114, s = e ? Symbol.for("react.provider") : 60109, c = e ? Symbol.for("react.context") : 60110, l = e ? Symbol.for("react.async_mode") : 60111, p = e ? Symbol.for("react.concurrent_mode") : 60111, y = e ? Symbol.for("react.forward_ref") : 60112, g = e ? Symbol.for("react.suspense") : 60113, f = e ? Symbol.for("react.suspense_list") : 60120, C = e ? Symbol.for("react.memo") : 60115, E = e ? Symbol.for("react.lazy") : 60116, b = e ? Symbol.for("react.block") : 60121, w = e ? Symbol.for("react.fundamental") : 60117, k = e ? Symbol.for("react.responder") : 60118, Y = e ? Symbol.for("react.scope") : 60119;
+    function v(h) {
+      return typeof h == "string" || typeof h == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
+      h === n || h === p || h === a || h === o || h === g || h === f || typeof h == "object" && h !== null && (h.$$typeof === E || h.$$typeof === C || h.$$typeof === s || h.$$typeof === c || h.$$typeof === y || h.$$typeof === w || h.$$typeof === k || h.$$typeof === Y || h.$$typeof === b);
+    }
+    function P(h) {
+      if (typeof h == "object" && h !== null) {
+        var ne = h.$$typeof;
+        switch (ne) {
+          case r:
+            var ke = h.type;
+            switch (ke) {
+              case l:
+              case p:
+              case n:
+              case a:
+              case o:
+              case g:
+                return ke;
+              default:
+                var dr = ke && ke.$$typeof;
+                switch (dr) {
+                  case c:
+                  case y:
+                  case E:
+                  case C:
+                  case s:
+                    return dr;
+                  default:
+                    return ne;
+                }
+            }
+          case t:
+            return ne;
+        }
+      }
+    }
+    var m = l, q = p, X = c, K = s, i = r, T = y, R = n, F = E, ce = C, re = t, pe = a, te = o, de = g, xe = !1;
+    function qe(h) {
+      return xe || (xe = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), d(h) || P(h) === l;
+    }
+    function d(h) {
+      return P(h) === p;
+    }
+    function S(h) {
+      return P(h) === c;
+    }
+    function _(h) {
+      return P(h) === s;
+    }
+    function A(h) {
+      return typeof h == "object" && h !== null && h.$$typeof === r;
+    }
+    function $(h) {
+      return P(h) === y;
+    }
+    function I(h) {
+      return P(h) === n;
+    }
+    function O(h) {
+      return P(h) === E;
+    }
+    function x(h) {
+      return P(h) === C;
+    }
+    function B(h) {
+      return P(h) === t;
+    }
+    function N(h) {
+      return P(h) === a;
+    }
+    function j(h) {
+      return P(h) === o;
+    }
+    function H(h) {
+      return P(h) === g;
+    }
+    D.AsyncMode = m, D.ConcurrentMode = q, D.ContextConsumer = X, D.ContextProvider = K, D.Element = i, D.ForwardRef = T, D.Fragment = R, D.Lazy = F, D.Memo = ce, D.Portal = re, D.Profiler = pe, D.StrictMode = te, D.Suspense = de, D.isAsyncMode = qe, D.isConcurrentMode = d, D.isContextConsumer = S, D.isContextProvider = _, D.isElement = A, D.isForwardRef = $, D.isFragment = I, D.isLazy = O, D.isMemo = x, D.isPortal = B, D.isProfiler = N, D.isStrictMode = j, D.isSuspense = H, D.isValidElementType = v, D.typeOf = P;
+  }()), D;
+}
+var mr;
+function Br() {
+  return mr || (mr = 1, process.env.NODE_ENV === "production" ? _e.exports = Hr() : _e.exports = Qr()), _e.exports;
+}
+/*
+object-assign
+(c) Sindre Sorhus
+@license MIT
+*/
+var Ke, yr;
+function Jr() {
+  if (yr) return Ke;
+  yr = 1;
+  var e = Object.getOwnPropertySymbols, r = Object.prototype.hasOwnProperty, t = Object.prototype.propertyIsEnumerable;
+  function n(a) {
+    if (a == null)
+      throw new TypeError("Object.assign cannot be called with null or undefined");
+    return Object(a);
+  }
+  function o() {
+    try {
+      if (!Object.assign)
+        return !1;
+      var a = new String("abc");
+      if (a[5] = "de", Object.getOwnPropertyNames(a)[0] === "5")
+        return !1;
+      for (var s = {}, c = 0; c < 10; c++)
+        s["_" + String.fromCharCode(c)] = c;
+      var l = Object.getOwnPropertyNames(s).map(function(y) {
+        return s[y];
+      });
+      if (l.join("") !== "0123456789")
+        return !1;
+      var p = {};
+      return "abcdefghijklmnopqrst".split("").forEach(function(y) {
+        p[y] = y;
+      }), Object.keys(Object.assign({}, p)).join("") === "abcdefghijklmnopqrst";
+    } catch {
+      return !1;
+    }
+  }
+  return Ke = o() ? Object.assign : function(a, s) {
+    for (var c, l = n(a), p, y = 1; y < arguments.length; y++) {
+      c = Object(arguments[y]);
+      for (var g in c)
+        r.call(c, g) && (l[g] = c[g]);
+      if (e) {
+        p = e(c);
+        for (var f = 0; f < p.length; f++)
+          t.call(c, p[f]) && (l[p[f]] = c[p[f]]);
+      }
+    }
+    return l;
+  }, Ke;
+}
+var He, hr;
+function ir() {
+  if (hr) return He;
+  hr = 1;
+  var e = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
+  return He = e, He;
+}
+var Qe, br;
+function jr() {
+  return br || (br = 1, Qe = Function.call.bind(Object.prototype.hasOwnProperty)), Qe;
+}
+var Je, vr;
+function Xr() {
+  if (vr) return Je;
+  vr = 1;
+  var e = function() {
+  };
+  if (process.env.NODE_ENV !== "production") {
+    var r = ir(), t = {}, n = jr();
+    e = function(a) {
+      var s = "Warning: " + a;
+      typeof console < "u" && console.error(s);
+      try {
+        throw new Error(s);
+      } catch {
+      }
+    };
+  }
+  function o(a, s, c, l, p) {
+    if (process.env.NODE_ENV !== "production") {
+      for (var y in a)
+        if (n(a, y)) {
+          var g;
+          try {
+            if (typeof a[y] != "function") {
+              var f = Error(
+                (l || "React class") + ": " + c + " type `" + y + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof a[y] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
+              );
+              throw f.name = "Invariant Violation", f;
+            }
+            g = a[y](s, y, l, c, null, r);
+          } catch (E) {
+            g = E;
+          }
+          if (g && !(g instanceof Error) && e(
+            (l || "React class") + ": type specification of " + c + " `" + y + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof g + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
+          ), g instanceof Error && !(g.message in t)) {
+            t[g.message] = !0;
+            var C = p ? p() : "";
+            e(
+              "Failed " + c + " type: " + g.message + (C ?? "")
+            );
+          }
+        }
+    }
+  }
+  return o.resetWarningCache = function() {
+    process.env.NODE_ENV !== "production" && (t = {});
+  }, Je = o, Je;
+}
+var Xe, Sr;
+function Zr() {
+  if (Sr) return Xe;
+  Sr = 1;
+  var e = Br(), r = Jr(), t = ir(), n = jr(), o = Xr(), a = function() {
+  };
+  process.env.NODE_ENV !== "production" && (a = function(c) {
+    var l = "Warning: " + c;
+    typeof console < "u" && console.error(l);
+    try {
+      throw new Error(l);
+    } catch {
+    }
+  });
+  function s() {
+    return null;
+  }
+  return Xe = function(c, l) {
+    var p = typeof Symbol == "function" && Symbol.iterator, y = "@@iterator";
+    function g(d) {
+      var S = d && (p && d[p] || d[y]);
+      if (typeof S == "function")
+        return S;
+    }
+    var f = "<<anonymous>>", C = {
+      array: k("array"),
+      bigint: k("bigint"),
+      bool: k("boolean"),
+      func: k("function"),
+      number: k("number"),
+      object: k("object"),
+      string: k("string"),
+      symbol: k("symbol"),
+      any: Y(),
+      arrayOf: v,
+      element: P(),
+      elementType: m(),
+      instanceOf: q,
+      node: T(),
+      objectOf: K,
+      oneOf: X,
+      oneOfType: i,
+      shape: F,
+      exact: ce
+    };
+    function E(d, S) {
+      return d === S ? d !== 0 || 1 / d === 1 / S : d !== d && S !== S;
+    }
+    function b(d, S) {
+      this.message = d, this.data = S && typeof S == "object" ? S : {}, this.stack = "";
+    }
+    b.prototype = Error.prototype;
+    function w(d) {
+      if (process.env.NODE_ENV !== "production")
+        var S = {}, _ = 0;
+      function A(I, O, x, B, N, j, H) {
+        if (B = B || f, j = j || x, H !== t) {
+          if (l) {
+            var h = new Error(
+              "Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types"
+            );
+            throw h.name = "Invariant Violation", h;
+          } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
+            var ne = B + ":" + x;
+            !S[ne] && // Avoid spamming the console because they are often not actionable except for lib authors
+            _ < 3 && (a(
+              "You are manually calling a React.PropTypes validation function for the `" + j + "` prop on `" + B + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
+            ), S[ne] = !0, _++);
+          }
+        }
+        return O[x] == null ? I ? O[x] === null ? new b("The " + N + " `" + j + "` is marked as required " + ("in `" + B + "`, but its value is `null`.")) : new b("The " + N + " `" + j + "` is marked as required in " + ("`" + B + "`, but its value is `undefined`.")) : null : d(O, x, B, N, j);
+      }
+      var $ = A.bind(null, !1);
+      return $.isRequired = A.bind(null, !0), $;
+    }
+    function k(d) {
+      function S(_, A, $, I, O, x) {
+        var B = _[A], N = te(B);
+        if (N !== d) {
+          var j = de(B);
+          return new b(
+            "Invalid " + I + " `" + O + "` of type " + ("`" + j + "` supplied to `" + $ + "`, expected ") + ("`" + d + "`."),
+            { expectedType: d }
+          );
+        }
+        return null;
+      }
+      return w(S);
+    }
+    function Y() {
+      return w(s);
+    }
+    function v(d) {
+      function S(_, A, $, I, O) {
+        if (typeof d != "function")
+          return new b("Property `" + O + "` of component `" + $ + "` has invalid PropType notation inside arrayOf.");
+        var x = _[A];
+        if (!Array.isArray(x)) {
+          var B = te(x);
+          return new b("Invalid " + I + " `" + O + "` of type " + ("`" + B + "` supplied to `" + $ + "`, expected an array."));
+        }
+        for (var N = 0; N < x.length; N++) {
+          var j = d(x, N, $, I, O + "[" + N + "]", t);
+          if (j instanceof Error)
+            return j;
+        }
+        return null;
+      }
+      return w(S);
+    }
+    function P() {
+      function d(S, _, A, $, I) {
+        var O = S[_];
+        if (!c(O)) {
+          var x = te(O);
+          return new b("Invalid " + $ + " `" + I + "` of type " + ("`" + x + "` supplied to `" + A + "`, expected a single ReactElement."));
+        }
+        return null;
+      }
+      return w(d);
+    }
+    function m() {
+      function d(S, _, A, $, I) {
+        var O = S[_];
+        if (!e.isValidElementType(O)) {
+          var x = te(O);
+          return new b("Invalid " + $ + " `" + I + "` of type " + ("`" + x + "` supplied to `" + A + "`, expected a single ReactElement type."));
+        }
+        return null;
+      }
+      return w(d);
+    }
+    function q(d) {
+      function S(_, A, $, I, O) {
+        if (!(_[A] instanceof d)) {
+          var x = d.name || f, B = qe(_[A]);
+          return new b("Invalid " + I + " `" + O + "` of type " + ("`" + B + "` supplied to `" + $ + "`, expected ") + ("instance of `" + x + "`."));
+        }
+        return null;
+      }
+      return w(S);
+    }
+    function X(d) {
+      if (!Array.isArray(d))
+        return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? a(
+          "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
+        ) : a("Invalid argument supplied to oneOf, expected an array.")), s;
+      function S(_, A, $, I, O) {
+        for (var x = _[A], B = 0; B < d.length; B++)
+          if (E(x, d[B]))
+            return null;
+        var N = JSON.stringify(d, function(H, h) {
+          var ne = de(h);
+          return ne === "symbol" ? String(h) : h;
+        });
+        return new b("Invalid " + I + " `" + O + "` of value `" + String(x) + "` " + ("supplied to `" + $ + "`, expected one of " + N + "."));
+      }
+      return w(S);
+    }
+    function K(d) {
+      function S(_, A, $, I, O) {
+        if (typeof d != "function")
+          return new b("Property `" + O + "` of component `" + $ + "` has invalid PropType notation inside objectOf.");
+        var x = _[A], B = te(x);
+        if (B !== "object")
+          return new b("Invalid " + I + " `" + O + "` of type " + ("`" + B + "` supplied to `" + $ + "`, expected an object."));
+        for (var N in x)
+          if (n(x, N)) {
+            var j = d(x, N, $, I, O + "." + N, t);
+            if (j instanceof Error)
+              return j;
+          }
+        return null;
+      }
+      return w(S);
+    }
+    function i(d) {
+      if (!Array.isArray(d))
+        return process.env.NODE_ENV !== "production" && a("Invalid argument supplied to oneOfType, expected an instance of array."), s;
+      for (var S = 0; S < d.length; S++) {
+        var _ = d[S];
+        if (typeof _ != "function")
+          return a(
+            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + xe(_) + " at index " + S + "."
+          ), s;
+      }
+      function A($, I, O, x, B) {
+        for (var N = [], j = 0; j < d.length; j++) {
+          var H = d[j], h = H($, I, O, x, B, t);
+          if (h == null)
+            return null;
+          h.data && n(h.data, "expectedType") && N.push(h.data.expectedType);
+        }
+        var ne = N.length > 0 ? ", expected one of type [" + N.join(", ") + "]" : "";
+        return new b("Invalid " + x + " `" + B + "` supplied to " + ("`" + O + "`" + ne + "."));
+      }
+      return w(A);
+    }
+    function T() {
+      function d(S, _, A, $, I) {
+        return re(S[_]) ? null : new b("Invalid " + $ + " `" + I + "` supplied to " + ("`" + A + "`, expected a ReactNode."));
+      }
+      return w(d);
+    }
+    function R(d, S, _, A, $) {
+      return new b(
+        (d || "React class") + ": " + S + " type `" + _ + "." + A + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + $ + "`."
+      );
+    }
+    function F(d) {
+      function S(_, A, $, I, O) {
+        var x = _[A], B = te(x);
+        if (B !== "object")
+          return new b("Invalid " + I + " `" + O + "` of type `" + B + "` " + ("supplied to `" + $ + "`, expected `object`."));
+        for (var N in d) {
+          var j = d[N];
+          if (typeof j != "function")
+            return R($, I, O, N, de(j));
+          var H = j(x, N, $, I, O + "." + N, t);
+          if (H)
+            return H;
+        }
+        return null;
+      }
+      return w(S);
+    }
+    function ce(d) {
+      function S(_, A, $, I, O) {
+        var x = _[A], B = te(x);
+        if (B !== "object")
+          return new b("Invalid " + I + " `" + O + "` of type `" + B + "` " + ("supplied to `" + $ + "`, expected `object`."));
+        var N = r({}, _[A], d);
+        for (var j in N) {
+          var H = d[j];
+          if (n(d, j) && typeof H != "function")
+            return R($, I, O, j, de(H));
+          if (!H)
+            return new b(
+              "Invalid " + I + " `" + O + "` key `" + j + "` supplied to `" + $ + "`.\nBad object: " + JSON.stringify(_[A], null, "  ") + `
+Valid keys: ` + JSON.stringify(Object.keys(d), null, "  ")
+            );
+          var h = H(x, j, $, I, O + "." + j, t);
+          if (h)
+            return h;
+        }
+        return null;
+      }
+      return w(S);
+    }
+    function re(d) {
+      switch (typeof d) {
+        case "number":
+        case "string":
+        case "undefined":
+          return !0;
+        case "boolean":
+          return !d;
+        case "object":
+          if (Array.isArray(d))
+            return d.every(re);
+          if (d === null || c(d))
+            return !0;
+          var S = g(d);
+          if (S) {
+            var _ = S.call(d), A;
+            if (S !== d.entries) {
+              for (; !(A = _.next()).done; )
+                if (!re(A.value))
+                  return !1;
+            } else
+              for (; !(A = _.next()).done; ) {
+                var $ = A.value;
+                if ($ && !re($[1]))
+                  return !1;
+              }
+          } else
+            return !1;
+          return !0;
+        default:
+          return !1;
+      }
+    }
+    function pe(d, S) {
+      return d === "symbol" ? !0 : S ? S["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && S instanceof Symbol : !1;
+    }
+    function te(d) {
+      var S = typeof d;
+      return Array.isArray(d) ? "array" : d instanceof RegExp ? "object" : pe(S, d) ? "symbol" : S;
+    }
+    function de(d) {
+      if (typeof d > "u" || d === null)
+        return "" + d;
+      var S = te(d);
+      if (S === "object") {
+        if (d instanceof Date)
+          return "date";
+        if (d instanceof RegExp)
+          return "regexp";
+      }
+      return S;
+    }
+    function xe(d) {
+      var S = de(d);
+      switch (S) {
+        case "array":
+        case "object":
+          return "an " + S;
+        case "boolean":
+        case "date":
+        case "regexp":
+          return "a " + S;
+        default:
+          return S;
+      }
+    }
+    function qe(d) {
+      return !d.constructor || !d.constructor.name ? f : d.constructor.name;
+    }
+    return C.checkPropTypes = o, C.resetWarningCache = o.resetWarningCache, C.PropTypes = C, C;
+  }, Xe;
+}
+var Ze, Cr;
+function et() {
+  if (Cr) return Ze;
+  Cr = 1;
+  var e = ir();
+  function r() {
+  }
+  function t() {
+  }
+  return t.resetWarningCache = r, Ze = function() {
+    function n(s, c, l, p, y, g) {
+      if (g !== e) {
+        var f = new Error(
+          "Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
+        );
+        throw f.name = "Invariant Violation", f;
+      }
+    }
+    n.isRequired = n;
+    function o() {
+      return n;
+    }
+    var a = {
+      array: n,
+      bigint: n,
+      bool: n,
+      func: n,
+      number: n,
+      object: n,
+      string: n,
+      symbol: n,
+      any: n,
+      arrayOf: o,
+      element: n,
+      elementType: n,
+      instanceOf: o,
+      node: n,
+      objectOf: o,
+      oneOf: o,
+      oneOfType: o,
+      shape: o,
+      exact: o,
+      checkPropTypes: t,
+      resetWarningCache: r
+    };
+    return a.PropTypes = a, a;
+  }, Ze;
+}
+if (process.env.NODE_ENV !== "production") {
+  var rt = Br(), tt = !0;
+  nr.exports = Zr()(rt.isElement, tt);
+} else
+  nr.exports = et()();
+var nt = nr.exports;
+const Se = /* @__PURE__ */ Kr(nt);
+function ue(e) {
+  if (typeof e != "object" || e === null)
+    return !1;
+  const r = Object.getPrototypeOf(e);
+  return (r === null || r === Object.prototype || Object.getPrototypeOf(r) === null) && !(Symbol.toStringTag in e) && !(Symbol.iterator in e);
+}
+function Mr(e) {
+  if (!ue(e))
+    return e;
+  const r = {};
+  return Object.keys(e).forEach((t) => {
+    r[t] = Mr(e[t]);
+  }), r;
+}
+function Q(e, r, t = {
+  clone: !0
+}) {
+  const n = t.clone ? {
+    ...e
+  } : e;
+  return ue(e) && ue(r) && Object.keys(r).forEach((o) => {
+    ue(r[o]) && // Avoid prototype pollution
+    Object.prototype.hasOwnProperty.call(e, o) && ue(e[o]) ? n[o] = Q(e[o], r[o], t) : t.clone ? n[o] = ue(r[o]) ? Mr(r[o]) : r[o] : n[o] = r[o];
+  }), n;
+}
+function le(e) {
+  let r = "https://mui.com/production-error/?code=" + e;
+  for (let t = 1; t < arguments.length; t += 1)
+    r += "&args[]=" + encodeURIComponent(arguments[t]);
+  return "Minified MUI error #" + e + "; visit " + r + " for the full message.";
+}
+function Dr(e) {
+  if (typeof e != "string")
+    throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `capitalize(string)` expects a string argument." : le(7));
+  return e.charAt(0).toUpperCase() + e.slice(1);
+}
+const Tr = (e) => e, ot = () => {
+  let e = Tr;
+  return {
+    configure(r) {
+      e = r;
+    },
+    generate(r) {
+      return e(r);
+    },
+    reset() {
+      e = Tr;
+    }
+  };
+}, it = ot(), at = {
+  active: "active",
+  checked: "checked",
+  completed: "completed",
+  disabled: "disabled",
+  error: "error",
+  expanded: "expanded",
+  focused: "focused",
+  focusVisible: "focusVisible",
+  open: "open",
+  readOnly: "readOnly",
+  required: "required",
+  selected: "selected"
+};
+function Nr(e, r, t = "Mui") {
+  const n = at[r];
+  return n ? `${t}-${n}` : `${it.generate(e)}-${r}`;
+}
+function ao(e, r, t = "Mui") {
+  const n = {};
+  return r.forEach((o) => {
+    n[o] = Nr(e, o, t);
+  }), n;
+}
+function st(e, r = Number.MIN_SAFE_INTEGER, t = Number.MAX_SAFE_INTEGER) {
+  return Math.max(r, Math.min(e, t));
+}
+function Wr(e) {
+  var r, t, n = "";
+  if (typeof e == "string" || typeof e == "number") n += e;
+  else if (typeof e == "object") if (Array.isArray(e)) {
+    var o = e.length;
+    for (r = 0; r < o; r++) e[r] && (t = Wr(e[r])) && (n && (n += " "), n += t);
+  } else for (t in e) e[t] && (n && (n += " "), n += t);
+  return n;
+}
+function so() {
+  for (var e, r, t = 0, n = "", o = arguments.length; t < o; t++) (e = arguments[t]) && (r = Wr(e)) && (n && (n += " "), n += r);
+  return n;
+}
+function we(e, r) {
+  return r ? Q(e, r, {
+    clone: !1
+    // No need to clone deep, it's way faster.
+  }) : e;
+}
+const fe = process.env.NODE_ENV !== "production" ? Se.oneOfType([Se.number, Se.string, Se.object, Se.array]) : {};
+function ct(e, r) {
+  if (!e.containerQueries)
+    return r;
+  const t = Object.keys(r).filter((n) => n.startsWith("@container")).sort((n, o) => {
+    var s, c;
+    const a = /min-width:\s*([0-9.]+)/;
+    return +(((s = n.match(a)) == null ? void 0 : s[1]) || 0) - +(((c = o.match(a)) == null ? void 0 : c[1]) || 0);
+  });
+  return t.length ? t.reduce((n, o) => {
+    const a = r[o];
+    return delete n[o], n[o] = a, n;
+  }, {
+    ...r
+  }) : r;
+}
+function ut(e, r) {
+  return r === "@" || r.startsWith("@") && (e.some((t) => r.startsWith(`@${t}`)) || !!r.match(/^@\d/));
+}
+function lt(e, r) {
+  const t = r.match(/^@([^/]+)?\/?(.+)?$/);
+  if (!t) {
+    if (process.env.NODE_ENV !== "production")
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The provided shorthand ${`(${r})`} is invalid. The format should be \`@<breakpoint | number>\` or \`@<breakpoint | number>/<container>\`.
+For example, \`@sm\` or \`@600\` or \`@40rem/sidebar\`.` : le(18, `(${r})`));
+    return null;
+  }
+  const [, n, o] = t, a = Number.isNaN(+n) ? n || 0 : +n;
+  return e.containerQueries(o).up(a);
+}
+function ft(e) {
+  const r = (a, s) => a.replace("@media", s ? `@container ${s}` : "@container");
+  function t(a, s) {
+    a.up = (...c) => r(e.breakpoints.up(...c), s), a.down = (...c) => r(e.breakpoints.down(...c), s), a.between = (...c) => r(e.breakpoints.between(...c), s), a.only = (...c) => r(e.breakpoints.only(...c), s), a.not = (...c) => {
+      const l = r(e.breakpoints.not(...c), s);
+      return l.includes("not all and") ? l.replace("not all and ", "").replace("min-width:", "width<").replace("max-width:", "width>").replace("and", "or") : l;
+    };
+  }
+  const n = {}, o = (a) => (t(n, a), n);
+  return t(o), {
+    ...e,
+    containerQueries: o
+  };
+}
+const je = {
+  xs: 0,
+  // phone
+  sm: 600,
+  // tablet
+  md: 900,
+  // small laptop
+  lg: 1200,
+  // desktop
+  xl: 1536
+  // large screen
+}, Er = {
+  // Sorted ASC by size. That's important.
+  // It can't be configured as it's used statically for propTypes.
+  keys: ["xs", "sm", "md", "lg", "xl"],
+  up: (e) => `@media (min-width:${je[e]}px)`
+}, dt = {
+  containerQueries: (e) => ({
+    up: (r) => {
+      let t = typeof r == "number" ? r : je[r] || r;
+      return typeof t == "number" && (t = `${t}px`), e ? `@container ${e} (min-width:${t})` : `@container (min-width:${t})`;
+    }
+  })
+};
+function ae(e, r, t) {
+  const n = e.theme || {};
+  if (Array.isArray(r)) {
+    const a = n.breakpoints || Er;
+    return r.reduce((s, c, l) => (s[a.up(a.keys[l])] = t(r[l]), s), {});
+  }
+  if (typeof r == "object") {
+    const a = n.breakpoints || Er;
+    return Object.keys(r).reduce((s, c) => {
+      if (ut(a.keys, c)) {
+        const l = lt(n.containerQueries ? n : dt, c);
+        l && (s[l] = t(r[c], c));
+      } else if (Object.keys(a.values || je).includes(c)) {
+        const l = a.up(c);
+        s[l] = t(r[c], c);
+      } else {
+        const l = c;
+        s[l] = r[l];
+      }
+      return s;
+    }, {});
+  }
+  return t(r);
+}
+function Ur(e = {}) {
+  var t;
+  return ((t = e.keys) == null ? void 0 : t.reduce((n, o) => {
+    const a = e.up(o);
+    return n[a] = {}, n;
+  }, {})) || {};
+}
+function Fr(e, r) {
+  return e.reduce((t, n) => {
+    const o = t[n];
+    return (!o || Object.keys(o).length === 0) && delete t[n], t;
+  }, r);
+}
+function co(e, ...r) {
+  const t = Ur(e), n = [t, ...r].reduce((o, a) => Q(o, a), {});
+  return Fr(Object.keys(t), n);
+}
+function pt(e, r) {
+  if (typeof e != "object")
+    return {};
+  const t = {}, n = Object.keys(r);
+  return Array.isArray(e) ? n.forEach((o, a) => {
+    a < e.length && (t[o] = !0);
+  }) : n.forEach((o) => {
+    e[o] != null && (t[o] = !0);
+  }), t;
+}
+function uo({
+  values: e,
+  breakpoints: r,
+  base: t
+}) {
+  const n = t || pt(e, r), o = Object.keys(n);
+  if (o.length === 0)
+    return e;
+  let a;
+  return o.reduce((s, c, l) => (Array.isArray(e) ? (s[c] = e[l] != null ? e[l] : e[a], a = l) : typeof e == "object" ? (s[c] = e[c] != null ? e[c] : e[a], a = c) : s[c] = e, s), {});
+}
+function Me(e, r, t = !0) {
+  if (!r || typeof r != "string")
+    return null;
+  if (e && e.vars && t) {
+    const n = `vars.${r}`.split(".").reduce((o, a) => o && o[a] ? o[a] : null, e);
+    if (n != null)
+      return n;
+  }
+  return r.split(".").reduce((n, o) => n && n[o] != null ? n[o] : null, e);
+}
+function Ie(e, r, t, n = t) {
+  let o;
+  return typeof e == "function" ? o = e(t) : Array.isArray(e) ? o = e[t] || n : o = Me(e, t) || n, r && (o = r(o, n, e)), o;
+}
+function G(e) {
+  const {
+    prop: r,
+    cssProperty: t = e.prop,
+    themeKey: n,
+    transform: o
+  } = e, a = (s) => {
+    if (s[r] == null)
+      return null;
+    const c = s[r], l = s.theme, p = Me(l, n) || {};
+    return ae(s, c, (g) => {
+      let f = Ie(p, o, g);
+      return g === f && typeof g == "string" && (f = Ie(p, o, `${r}${g === "default" ? "" : Dr(g)}`, g)), t === !1 ? f : {
+        [t]: f
+      };
+    });
+  };
+  return a.propTypes = process.env.NODE_ENV !== "production" ? {
+    [r]: fe
+  } : {}, a.filterProps = [r], a;
+}
+function gt(e) {
+  const r = {};
+  return (t) => (r[t] === void 0 && (r[t] = e(t)), r[t]);
+}
+const mt = {
+  m: "margin",
+  p: "padding"
+}, yt = {
+  t: "Top",
+  r: "Right",
+  b: "Bottom",
+  l: "Left",
+  x: ["Left", "Right"],
+  y: ["Top", "Bottom"]
+}, wr = {
+  marginX: "mx",
+  marginY: "my",
+  paddingX: "px",
+  paddingY: "py"
+}, ht = gt((e) => {
+  if (e.length > 2)
+    if (wr[e])
+      e = wr[e];
+    else
+      return [e];
+  const [r, t] = e.split(""), n = mt[r], o = yt[t] || "";
+  return Array.isArray(o) ? o.map((a) => n + a) : [n + o];
+}), De = ["m", "mt", "mr", "mb", "ml", "mx", "my", "margin", "marginTop", "marginRight", "marginBottom", "marginLeft", "marginX", "marginY", "marginInline", "marginInlineStart", "marginInlineEnd", "marginBlock", "marginBlockStart", "marginBlockEnd"], Ne = ["p", "pt", "pr", "pb", "pl", "px", "py", "padding", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "paddingX", "paddingY", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "paddingBlock", "paddingBlockStart", "paddingBlockEnd"], bt = [...De, ...Ne];
+function Oe(e, r, t, n) {
+  const o = Me(e, r, !0) ?? t;
+  return typeof o == "number" || typeof o == "string" ? (a) => typeof a == "string" ? a : (process.env.NODE_ENV !== "production" && typeof a != "number" && console.error(`MUI: Expected ${n} argument to be a number or a string, got ${a}.`), typeof o == "string" ? `calc(${a} * ${o})` : o * a) : Array.isArray(o) ? (a) => {
+    if (typeof a == "string")
+      return a;
+    const s = Math.abs(a);
+    process.env.NODE_ENV !== "production" && (Number.isInteger(s) ? s > o.length - 1 && console.error([`MUI: The value provided (${s}) overflows.`, `The supported values are: ${JSON.stringify(o)}.`, `${s} > ${o.length - 1}, you need to add the missing values.`].join(`
+`)) : console.error([`MUI: The \`theme.${r}\` array type cannot be combined with non integer values.You should either use an integer value that can be used as index, or define the \`theme.${r}\` as a number.`].join(`
+`)));
+    const c = o[s];
+    return a >= 0 ? c : typeof c == "number" ? -c : `-${c}`;
+  } : typeof o == "function" ? o : (process.env.NODE_ENV !== "production" && console.error([`MUI: The \`theme.${r}\` value (${o}) is invalid.`, "It should be a number, an array or a function."].join(`
+`)), () => {
+  });
+}
+function ar(e) {
+  return Oe(e, "spacing", 8, "spacing");
+}
+function Ae(e, r) {
+  return typeof r == "string" || r == null ? r : e(r);
+}
+function vt(e, r) {
+  return (t) => e.reduce((n, o) => (n[o] = Ae(r, t), n), {});
+}
+function St(e, r, t, n) {
+  if (!r.includes(t))
+    return null;
+  const o = ht(t), a = vt(o, n), s = e[t];
+  return ae(e, s, a);
+}
+function Vr(e, r) {
+  const t = ar(e.theme);
+  return Object.keys(e).map((n) => St(e, r, n, t)).reduce(we, {});
+}
+function L(e) {
+  return Vr(e, De);
+}
+L.propTypes = process.env.NODE_ENV !== "production" ? De.reduce((e, r) => (e[r] = fe, e), {}) : {};
+L.filterProps = De;
+function z(e) {
+  return Vr(e, Ne);
+}
+z.propTypes = process.env.NODE_ENV !== "production" ? Ne.reduce((e, r) => (e[r] = fe, e), {}) : {};
+z.filterProps = Ne;
+process.env.NODE_ENV !== "production" && bt.reduce((e, r) => (e[r] = fe, e), {});
+function We(...e) {
+  const r = e.reduce((n, o) => (o.filterProps.forEach((a) => {
+    n[a] = o;
+  }), n), {}), t = (n) => Object.keys(n).reduce((o, a) => r[a] ? we(o, r[a](n)) : o, {});
+  return t.propTypes = process.env.NODE_ENV !== "production" ? e.reduce((n, o) => Object.assign(n, o.propTypes), {}) : {}, t.filterProps = e.reduce((n, o) => n.concat(o.filterProps), []), t;
+}
+function Z(e) {
+  return typeof e != "number" ? e : `${e}px solid`;
+}
+function ee(e, r) {
+  return G({
+    prop: e,
+    themeKey: "borders",
+    transform: r
+  });
+}
+const Ct = ee("border", Z), Tt = ee("borderTop", Z), Et = ee("borderRight", Z), wt = ee("borderBottom", Z), $t = ee("borderLeft", Z), Ot = ee("borderColor"), At = ee("borderTopColor"), xt = ee("borderRightColor"), kt = ee("borderBottomColor"), _t = ee("borderLeftColor"), Pt = ee("outline", Z), Rt = ee("outlineColor"), Ue = (e) => {
+  if (e.borderRadius !== void 0 && e.borderRadius !== null) {
+    const r = Oe(e.theme, "shape.borderRadius", 4, "borderRadius"), t = (n) => ({
+      borderRadius: Ae(r, n)
+    });
+    return ae(e, e.borderRadius, t);
+  }
+  return null;
+};
+Ue.propTypes = process.env.NODE_ENV !== "production" ? {
+  borderRadius: fe
+} : {};
+Ue.filterProps = ["borderRadius"];
+We(Ct, Tt, Et, wt, $t, Ot, At, xt, kt, _t, Ue, Pt, Rt);
+const Fe = (e) => {
+  if (e.gap !== void 0 && e.gap !== null) {
+    const r = Oe(e.theme, "spacing", 8, "gap"), t = (n) => ({
+      gap: Ae(r, n)
+    });
+    return ae(e, e.gap, t);
+  }
+  return null;
+};
+Fe.propTypes = process.env.NODE_ENV !== "production" ? {
+  gap: fe
+} : {};
+Fe.filterProps = ["gap"];
+const Ve = (e) => {
+  if (e.columnGap !== void 0 && e.columnGap !== null) {
+    const r = Oe(e.theme, "spacing", 8, "columnGap"), t = (n) => ({
+      columnGap: Ae(r, n)
+    });
+    return ae(e, e.columnGap, t);
+  }
+  return null;
+};
+Ve.propTypes = process.env.NODE_ENV !== "production" ? {
+  columnGap: fe
+} : {};
+Ve.filterProps = ["columnGap"];
+const Le = (e) => {
+  if (e.rowGap !== void 0 && e.rowGap !== null) {
+    const r = Oe(e.theme, "spacing", 8, "rowGap"), t = (n) => ({
+      rowGap: Ae(r, n)
+    });
+    return ae(e, e.rowGap, t);
+  }
+  return null;
+};
+Le.propTypes = process.env.NODE_ENV !== "production" ? {
+  rowGap: fe
+} : {};
+Le.filterProps = ["rowGap"];
+const It = G({
+  prop: "gridColumn"
+}), Bt = G({
+  prop: "gridRow"
+}), jt = G({
+  prop: "gridAutoFlow"
+}), Mt = G({
+  prop: "gridAutoColumns"
+}), Dt = G({
+  prop: "gridAutoRows"
+}), Nt = G({
+  prop: "gridTemplateColumns"
+}), Wt = G({
+  prop: "gridTemplateRows"
+}), Ut = G({
+  prop: "gridTemplateAreas"
+}), Ft = G({
+  prop: "gridArea"
+});
+We(Fe, Ve, Le, It, Bt, jt, Mt, Dt, Nt, Wt, Ut, Ft);
+function ve(e, r) {
+  return r === "grey" ? r : e;
+}
+const Vt = G({
+  prop: "color",
+  themeKey: "palette",
+  transform: ve
+}), Lt = G({
+  prop: "bgcolor",
+  cssProperty: "backgroundColor",
+  themeKey: "palette",
+  transform: ve
+}), zt = G({
+  prop: "backgroundColor",
+  themeKey: "palette",
+  transform: ve
+});
+We(Vt, Lt, zt);
+function J(e) {
+  return e <= 1 && e !== 0 ? `${e * 100}%` : e;
+}
+const Gt = G({
+  prop: "width",
+  transform: J
+}), sr = (e) => {
+  if (e.maxWidth !== void 0 && e.maxWidth !== null) {
+    const r = (t) => {
+      var o, a, s, c, l;
+      const n = ((s = (a = (o = e.theme) == null ? void 0 : o.breakpoints) == null ? void 0 : a.values) == null ? void 0 : s[t]) || je[t];
+      return n ? ((l = (c = e.theme) == null ? void 0 : c.breakpoints) == null ? void 0 : l.unit) !== "px" ? {
+        maxWidth: `${n}${e.theme.breakpoints.unit}`
+      } : {
+        maxWidth: n
+      } : {
+        maxWidth: J(t)
+      };
+    };
+    return ae(e, e.maxWidth, r);
+  }
+  return null;
+};
+sr.filterProps = ["maxWidth"];
+const Yt = G({
+  prop: "minWidth",
+  transform: J
+}), qt = G({
+  prop: "height",
+  transform: J
+}), Kt = G({
+  prop: "maxHeight",
+  transform: J
+}), Ht = G({
+  prop: "minHeight",
+  transform: J
+});
+G({
+  prop: "size",
+  cssProperty: "width",
+  transform: J
+});
+G({
+  prop: "size",
+  cssProperty: "height",
+  transform: J
+});
+const Qt = G({
+  prop: "boxSizing"
+});
+We(Gt, sr, Yt, qt, Kt, Ht, Qt);
+const ze = {
+  // borders
+  border: {
+    themeKey: "borders",
+    transform: Z
+  },
+  borderTop: {
+    themeKey: "borders",
+    transform: Z
+  },
+  borderRight: {
+    themeKey: "borders",
+    transform: Z
+  },
+  borderBottom: {
+    themeKey: "borders",
+    transform: Z
+  },
+  borderLeft: {
+    themeKey: "borders",
+    transform: Z
+  },
+  borderColor: {
+    themeKey: "palette"
+  },
+  borderTopColor: {
+    themeKey: "palette"
+  },
+  borderRightColor: {
+    themeKey: "palette"
+  },
+  borderBottomColor: {
+    themeKey: "palette"
+  },
+  borderLeftColor: {
+    themeKey: "palette"
+  },
+  outline: {
+    themeKey: "borders",
+    transform: Z
+  },
+  outlineColor: {
+    themeKey: "palette"
+  },
+  borderRadius: {
+    themeKey: "shape.borderRadius",
+    style: Ue
+  },
+  // palette
+  color: {
+    themeKey: "palette",
+    transform: ve
+  },
+  bgcolor: {
+    themeKey: "palette",
+    cssProperty: "backgroundColor",
+    transform: ve
+  },
+  backgroundColor: {
+    themeKey: "palette",
+    transform: ve
+  },
+  // spacing
+  p: {
+    style: z
+  },
+  pt: {
+    style: z
+  },
+  pr: {
+    style: z
+  },
+  pb: {
+    style: z
+  },
+  pl: {
+    style: z
+  },
+  px: {
+    style: z
+  },
+  py: {
+    style: z
+  },
+  padding: {
+    style: z
+  },
+  paddingTop: {
+    style: z
+  },
+  paddingRight: {
+    style: z
+  },
+  paddingBottom: {
+    style: z
+  },
+  paddingLeft: {
+    style: z
+  },
+  paddingX: {
+    style: z
+  },
+  paddingY: {
+    style: z
+  },
+  paddingInline: {
+    style: z
+  },
+  paddingInlineStart: {
+    style: z
+  },
+  paddingInlineEnd: {
+    style: z
+  },
+  paddingBlock: {
+    style: z
+  },
+  paddingBlockStart: {
+    style: z
+  },
+  paddingBlockEnd: {
+    style: z
+  },
+  m: {
+    style: L
+  },
+  mt: {
+    style: L
+  },
+  mr: {
+    style: L
+  },
+  mb: {
+    style: L
+  },
+  ml: {
+    style: L
+  },
+  mx: {
+    style: L
+  },
+  my: {
+    style: L
+  },
+  margin: {
+    style: L
+  },
+  marginTop: {
+    style: L
+  },
+  marginRight: {
+    style: L
+  },
+  marginBottom: {
+    style: L
+  },
+  marginLeft: {
+    style: L
+  },
+  marginX: {
+    style: L
+  },
+  marginY: {
+    style: L
+  },
+  marginInline: {
+    style: L
+  },
+  marginInlineStart: {
+    style: L
+  },
+  marginInlineEnd: {
+    style: L
+  },
+  marginBlock: {
+    style: L
+  },
+  marginBlockStart: {
+    style: L
+  },
+  marginBlockEnd: {
+    style: L
+  },
+  // display
+  displayPrint: {
+    cssProperty: !1,
+    transform: (e) => ({
+      "@media print": {
+        display: e
+      }
+    })
+  },
+  display: {},
+  overflow: {},
+  textOverflow: {},
+  visibility: {},
+  whiteSpace: {},
+  // flexbox
+  flexBasis: {},
+  flexDirection: {},
+  flexWrap: {},
+  justifyContent: {},
+  alignItems: {},
+  alignContent: {},
+  order: {},
+  flex: {},
+  flexGrow: {},
+  flexShrink: {},
+  alignSelf: {},
+  justifyItems: {},
+  justifySelf: {},
+  // grid
+  gap: {
+    style: Fe
+  },
+  rowGap: {
+    style: Le
+  },
+  columnGap: {
+    style: Ve
+  },
+  gridColumn: {},
+  gridRow: {},
+  gridAutoFlow: {},
+  gridAutoColumns: {},
+  gridAutoRows: {},
+  gridTemplateColumns: {},
+  gridTemplateRows: {},
+  gridTemplateAreas: {},
+  gridArea: {},
+  // positions
+  position: {},
+  zIndex: {
+    themeKey: "zIndex"
+  },
+  top: {},
+  right: {},
+  bottom: {},
+  left: {},
+  // shadows
+  boxShadow: {
+    themeKey: "shadows"
+  },
+  // sizing
+  width: {
+    transform: J
+  },
+  maxWidth: {
+    style: sr
+  },
+  minWidth: {
+    transform: J
+  },
+  height: {
+    transform: J
+  },
+  maxHeight: {
+    transform: J
+  },
+  minHeight: {
+    transform: J
+  },
+  boxSizing: {},
+  // typography
+  font: {
+    themeKey: "font"
+  },
+  fontFamily: {
+    themeKey: "typography"
+  },
+  fontSize: {
+    themeKey: "typography"
+  },
+  fontStyle: {
+    themeKey: "typography"
+  },
+  fontWeight: {
+    themeKey: "typography"
+  },
+  letterSpacing: {},
+  textTransform: {},
+  lineHeight: {},
+  textAlign: {},
+  typography: {
+    cssProperty: !1,
+    themeKey: "typography"
+  }
+};
+function Jt(...e) {
+  const r = e.reduce((n, o) => n.concat(Object.keys(o)), []), t = new Set(r);
+  return e.every((n) => t.size === Object.keys(n).length);
+}
+function Xt(e, r) {
+  return typeof e == "function" ? e(r) : e;
+}
+function Zt() {
+  function e(t, n, o, a) {
+    const s = {
+      [t]: n,
+      theme: o
+    }, c = a[t];
+    if (!c)
+      return {
+        [t]: n
+      };
+    const {
+      cssProperty: l = t,
+      themeKey: p,
+      transform: y,
+      style: g
+    } = c;
+    if (n == null)
+      return null;
+    if (p === "typography" && n === "inherit")
+      return {
+        [t]: n
+      };
+    const f = Me(o, p) || {};
+    return g ? g(s) : ae(s, n, (E) => {
+      let b = Ie(f, y, E);
+      return E === b && typeof E == "string" && (b = Ie(f, y, `${t}${E === "default" ? "" : Dr(E)}`, E)), l === !1 ? b : {
+        [l]: b
+      };
+    });
+  }
+  function r(t) {
+    const {
+      sx: n,
+      theme: o = {}
+    } = t || {};
+    if (!n)
+      return null;
+    const a = o.unstable_sxConfig ?? ze;
+    function s(c) {
+      let l = c;
+      if (typeof c == "function")
+        l = c(o);
+      else if (typeof c != "object")
+        return c;
+      if (!l)
+        return null;
+      const p = Ur(o.breakpoints), y = Object.keys(p);
+      let g = p;
+      return Object.keys(l).forEach((f) => {
+        const C = Xt(l[f], o);
+        if (C != null)
+          if (typeof C == "object")
+            if (a[f])
+              g = we(g, e(f, C, o, a));
+            else {
+              const E = ae({
+                theme: o
+              }, C, (b) => ({
+                [f]: b
+              }));
+              Jt(E, C) ? g[f] = r({
+                sx: C,
+                theme: o
+              }) : g = we(g, E);
+            }
+          else
+            g = we(g, e(f, C, o, a));
+      }), ct(o, Fr(y, g));
+    }
+    return Array.isArray(n) ? n.map(s) : s(n);
+  }
+  return r;
+}
+const Ge = Zt();
+Ge.filterProps = ["sx"];
+/**
+ * @mui/styled-engine v6.0.2
+ *
+ * @license MIT
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+function lo(e, r) {
+  const t = qr(e, r);
+  return process.env.NODE_ENV !== "production" ? (...n) => {
+    const o = typeof e == "string" ? `"${e}"` : "component";
+    return n.length === 0 ? console.error([`MUI: Seems like you called \`styled(${o})()\` without a \`style\` argument.`, 'You must provide a `styles` argument: `styled("div")(styleYouForgotToPass)`.'].join(`
+`)) : n.some((a) => a === void 0) && console.error(`MUI: the styled(${o})(...args) API requires all its args to be defined.`), t(...n);
+  } : t;
+}
+const fo = (e, r) => {
+  Array.isArray(e.__emotion_styles) && (e.__emotion_styles = r(e.__emotion_styles));
+}, en = (e) => {
+  const r = Object.keys(e).map((t) => ({
+    key: t,
+    val: e[t]
+  })) || [];
+  return r.sort((t, n) => t.val - n.val), r.reduce((t, n) => ({
+    ...t,
+    [n.key]: n.val
+  }), {});
+};
+function rn(e) {
+  const {
+    // The breakpoint **start** at this value.
+    // For instance with the first breakpoint xs: [xs, sm).
+    values: r = {
+      xs: 0,
+      // phone
+      sm: 600,
+      // tablet
+      md: 900,
+      // small laptop
+      lg: 1200,
+      // desktop
+      xl: 1536
+      // large screen
+    },
+    unit: t = "px",
+    step: n = 5,
+    ...o
+  } = e, a = en(r), s = Object.keys(a);
+  function c(f) {
+    return `@media (min-width:${typeof r[f] == "number" ? r[f] : f}${t})`;
+  }
+  function l(f) {
+    return `@media (max-width:${(typeof r[f] == "number" ? r[f] : f) - n / 100}${t})`;
+  }
+  function p(f, C) {
+    const E = s.indexOf(C);
+    return `@media (min-width:${typeof r[f] == "number" ? r[f] : f}${t}) and (max-width:${(E !== -1 && typeof r[s[E]] == "number" ? r[s[E]] : C) - n / 100}${t})`;
+  }
+  function y(f) {
+    return s.indexOf(f) + 1 < s.length ? p(f, s[s.indexOf(f) + 1]) : c(f);
+  }
+  function g(f) {
+    const C = s.indexOf(f);
+    return C === 0 ? c(s[1]) : C === s.length - 1 ? l(s[C]) : p(f, s[s.indexOf(f) + 1]).replace("@media", "@media not all and");
+  }
+  return {
+    keys: s,
+    values: a,
+    up: c,
+    down: l,
+    between: p,
+    only: y,
+    not: g,
+    unit: t,
+    ...o
+  };
+}
+const tn = {
+  borderRadius: 4
+};
+function Lr(e = 8, r = ar({
+  spacing: e
+})) {
+  if (e.mui)
+    return e;
+  const t = (...n) => (process.env.NODE_ENV !== "production" && (n.length <= 4 || console.error(`MUI: Too many arguments provided, expected between 0 and 4, got ${n.length}`)), (n.length === 0 ? [1] : n).map((a) => {
+    const s = r(a);
+    return typeof s == "number" ? `${s}px` : s;
+  }).join(" "));
+  return t.mui = !0, t;
+}
+function nn(e, r) {
+  var n;
+  const t = this;
+  if (t.vars) {
+    if (!((n = t.colorSchemes) != null && n[e]) || typeof t.getColorSchemeSelector != "function")
+      return {};
+    let o = t.getColorSchemeSelector(e);
+    return (o.includes("data-") || o.includes(".")) && (o = `*:where(${o.replace(/\s*&$/, "")}) &`), {
+      [o]: r
+    };
+  }
+  return t.palette.mode === e ? r : {};
+}
+function on(e = {}, ...r) {
+  const {
+    breakpoints: t = {},
+    palette: n = {},
+    spacing: o,
+    shape: a = {},
+    ...s
+  } = e, c = rn(t), l = Lr(o);
+  let p = Q({
+    breakpoints: c,
+    direction: "ltr",
+    components: {},
+    // Inject component definitions.
+    palette: {
+      mode: "light",
+      ...n
+    },
+    spacing: l,
+    shape: {
+      ...tn,
+      ...a
+    }
+  }, s);
+  return p = ft(p), p.applyStyles = nn, p = r.reduce((y, g) => Q(y, g), p), p.unstable_sxConfig = {
+    ...ze,
+    ...s == null ? void 0 : s.unstable_sxConfig
+  }, p.unstable_sx = function(g) {
+    return Ge({
+      sx: g,
+      theme: this
+    });
+  }, p;
+}
+function cr(e, r = 0, t = 1) {
+  return process.env.NODE_ENV !== "production" && (e < r || e > t) && console.error(`MUI: The value provided ${e} is out of range [${r}, ${t}].`), st(e, r, t);
+}
+function an(e) {
+  e = e.slice(1);
+  const r = new RegExp(`.{1,${e.length >= 6 ? 2 : 1}}`, "g");
+  let t = e.match(r);
+  return t && t[0].length === 1 && (t = t.map((n) => n + n)), t ? `rgb${t.length === 4 ? "a" : ""}(${t.map((n, o) => o < 3 ? parseInt(n, 16) : Math.round(parseInt(n, 16) / 255 * 1e3) / 1e3).join(", ")})` : "";
+}
+function sn(e) {
+  const r = e.toString(16);
+  return r.length === 1 ? `0${r}` : r;
+}
+function se(e) {
+  if (e.type)
+    return e;
+  if (e.charAt(0) === "#")
+    return se(an(e));
+  const r = e.indexOf("("), t = e.substring(0, r);
+  if (!["rgb", "rgba", "hsl", "hsla", "color"].includes(t))
+    throw new Error(process.env.NODE_ENV !== "production" ? `MUI: Unsupported \`${e}\` color.
+The following formats are supported: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().` : le(9, e));
+  let n = e.substring(r + 1, e.length - 1), o;
+  if (t === "color") {
+    if (n = n.split(" "), o = n.shift(), n.length === 4 && n[3].charAt(0) === "/" && (n[3] = n[3].slice(1)), !["srgb", "display-p3", "a98-rgb", "prophoto-rgb", "rec-2020"].includes(o))
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: unsupported \`${o}\` color space.
+The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rgb, rec-2020.` : le(10, o));
+  } else
+    n = n.split(",");
+  return n = n.map((a) => parseFloat(a)), {
+    type: t,
+    values: n,
+    colorSpace: o
+  };
+}
+const cn = (e) => {
+  const r = se(e);
+  return r.values.slice(0, 3).map((t, n) => r.type.includes("hsl") && n !== 0 ? `${t}%` : t).join(" ");
+}, Te = (e, r) => {
+  try {
+    return cn(e);
+  } catch {
+    return r && process.env.NODE_ENV !== "production" && console.warn(r), e;
+  }
+};
+function Ye(e) {
+  const {
+    type: r,
+    colorSpace: t
+  } = e;
+  let {
+    values: n
+  } = e;
+  return r.includes("rgb") ? n = n.map((o, a) => a < 3 ? parseInt(o, 10) : o) : r.includes("hsl") && (n[1] = `${n[1]}%`, n[2] = `${n[2]}%`), r.includes("color") ? n = `${t} ${n.join(" ")}` : n = `${n.join(", ")}`, `${r}(${n})`;
+}
+function po(e) {
+  if (e.startsWith("#"))
+    return e;
+  const {
+    values: r
+  } = se(e);
+  return `#${r.map((t, n) => sn(n === 3 ? Math.round(255 * t) : t)).join("")}`;
+}
+function zr(e) {
+  e = se(e);
+  const {
+    values: r
+  } = e, t = r[0], n = r[1] / 100, o = r[2] / 100, a = n * Math.min(o, 1 - o), s = (p, y = (p + t / 30) % 12) => o - a * Math.max(Math.min(y - 3, 9 - y, 1), -1);
+  let c = "rgb";
+  const l = [Math.round(s(0) * 255), Math.round(s(8) * 255), Math.round(s(4) * 255)];
+  return e.type === "hsla" && (c += "a", l.push(r[3])), Ye({
+    type: c,
+    values: l
+  });
+}
+function or(e) {
+  e = se(e);
+  let r = e.type === "hsl" || e.type === "hsla" ? se(zr(e)).values : e.values;
+  return r = r.map((t) => (e.type !== "color" && (t /= 255), t <= 0.03928 ? t / 12.92 : ((t + 0.055) / 1.055) ** 2.4)), Number((0.2126 * r[0] + 0.7152 * r[1] + 0.0722 * r[2]).toFixed(3));
+}
+function $r(e, r) {
+  const t = or(e), n = or(r);
+  return (Math.max(t, n) + 0.05) / (Math.min(t, n) + 0.05);
+}
+function un(e, r) {
+  return e = se(e), r = cr(r), (e.type === "rgb" || e.type === "hsl") && (e.type += "a"), e.type === "color" ? e.values[3] = `/${r}` : e.values[3] = r, Ye(e);
+}
+function Pe(e, r, t) {
+  try {
+    return un(e, r);
+  } catch {
+    return e;
+  }
+}
+function ur(e, r) {
+  if (e = se(e), r = cr(r), e.type.includes("hsl"))
+    e.values[2] *= 1 - r;
+  else if (e.type.includes("rgb") || e.type.includes("color"))
+    for (let t = 0; t < 3; t += 1)
+      e.values[t] *= 1 - r;
+  return Ye(e);
+}
+function W(e, r, t) {
+  try {
+    return ur(e, r);
+  } catch {
+    return e;
+  }
+}
+function lr(e, r) {
+  if (e = se(e), r = cr(r), e.type.includes("hsl"))
+    e.values[2] += (100 - e.values[2]) * r;
+  else if (e.type.includes("rgb"))
+    for (let t = 0; t < 3; t += 1)
+      e.values[t] += (255 - e.values[t]) * r;
+  else if (e.type.includes("color"))
+    for (let t = 0; t < 3; t += 1)
+      e.values[t] += (1 - e.values[t]) * r;
+  return Ye(e);
+}
+function U(e, r, t) {
+  try {
+    return lr(e, r);
+  } catch {
+    return e;
+  }
+}
+function ln(e, r = 0.15) {
+  return or(e) > 0.5 ? ur(e, r) : lr(e, r);
+}
+function Re(e, r, t) {
+  try {
+    return ln(e, r);
+  } catch {
+    return e;
+  }
+}
+function fn(e = "") {
+  function r(...n) {
+    if (!n.length)
+      return "";
+    const o = n[0];
+    return typeof o == "string" && !o.match(/(#|\(|\)|(-?(\d*\.)?\d+)(px|em|%|ex|ch|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc))|^(-?(\d*\.)?\d+)$|(\d+ \d+ \d+)/) ? `, var(--${e ? `${e}-` : ""}${o}${r(...n.slice(1))})` : `, ${o}`;
+  }
+  return (n, ...o) => `var(--${e ? `${e}-` : ""}${n}${r(...o)})`;
+}
+const Or = (e, r, t, n = []) => {
+  let o = e;
+  r.forEach((a, s) => {
+    s === r.length - 1 ? Array.isArray(o) ? o[Number(a)] = t : o && typeof o == "object" && (o[a] = t) : o && typeof o == "object" && (o[a] || (o[a] = n.includes(a) ? [] : {}), o = o[a]);
+  });
+}, dn = (e, r, t) => {
+  function n(o, a = [], s = []) {
+    Object.entries(o).forEach(([c, l]) => {
+      (!t || t && !t([...a, c])) && l != null && (typeof l == "object" && Object.keys(l).length > 0 ? n(l, [...a, c], Array.isArray(l) ? [...s, c] : s) : r([...a, c], l, s));
+    });
+  }
+  n(e);
+}, pn = (e, r) => typeof r == "number" ? ["lineHeight", "fontWeight", "opacity", "zIndex"].some((n) => e.includes(n)) || e[e.length - 1].toLowerCase().indexOf("opacity") >= 0 ? r : `${r}px` : r;
+function er(e, r) {
+  const {
+    prefix: t,
+    shouldSkipGeneratingVar: n
+  } = r || {}, o = {}, a = {}, s = {};
+  return dn(
+    e,
+    (c, l, p) => {
+      if ((typeof l == "string" || typeof l == "number") && (!n || !n(c, l))) {
+        const y = `--${t ? `${t}-` : ""}${c.join("-")}`, g = pn(c, l);
+        Object.assign(o, {
+          [y]: g
+        }), Or(a, c, `var(${y})`, p), Or(s, c, `var(${y}, ${g})`, p);
+      }
+    },
+    (c) => c[0] === "vars"
+    // skip 'vars/*' paths
+  ), {
+    css: o,
+    vars: a,
+    varsWithDefaults: s
+  };
+}
+function gn(e, r = {}) {
+  const {
+    getSelector: t = w,
+    disableCssColorScheme: n,
+    colorSchemeSelector: o
+  } = r, {
+    colorSchemes: a = {},
+    components: s,
+    defaultColorScheme: c = "light",
+    ...l
+  } = e, {
+    vars: p,
+    css: y,
+    varsWithDefaults: g
+  } = er(l, r);
+  let f = g;
+  const C = {}, {
+    [c]: E,
+    ...b
+  } = a;
+  if (Object.entries(b || {}).forEach(([v, P]) => {
+    const {
+      vars: m,
+      css: q,
+      varsWithDefaults: X
+    } = er(P, r);
+    f = Q(f, X), C[v] = {
+      css: q,
+      vars: m
+    };
+  }), E) {
+    const {
+      css: v,
+      vars: P,
+      varsWithDefaults: m
+    } = er(E, r);
+    f = Q(f, m), C[c] = {
+      css: v,
+      vars: P
+    };
+  }
+  function w(v, P) {
+    var q, X;
+    let m = o;
+    if (o === "class" && (m = ".%s"), o === "data" && (m = "[data-%s]"), o != null && o.startsWith("data-") && !o.includes("%s") && (m = `[${o}="%s"]`), v) {
+      if (m === "media")
+        return e.defaultColorScheme === v ? ":root" : {
+          [`@media (prefers-color-scheme: ${((X = (q = a[v]) == null ? void 0 : q.palette) == null ? void 0 : X.mode) || v})`]: {
+            ":root": P
+          }
+        };
+      if (m)
+        return e.defaultColorScheme === v ? `:root, ${m.replace("%s", String(v))}` : m.replace("%s", String(v));
+    }
+    return ":root";
+  }
+  return {
+    vars: f,
+    generateThemeVars: () => {
+      let v = {
+        ...p
+      };
+      return Object.entries(C).forEach(([, {
+        vars: P
+      }]) => {
+        v = Q(v, P);
+      }), v;
+    },
+    generateStyleSheets: () => {
+      var K, i;
+      const v = [], P = e.defaultColorScheme || "light";
+      function m(T, R) {
+        Object.keys(R).length && v.push(typeof T == "string" ? {
+          [T]: {
+            ...R
+          }
+        } : T);
+      }
+      m(t(void 0, {
+        ...y
+      }), y);
+      const {
+        [P]: q,
+        ...X
+      } = C;
+      if (q) {
+        const {
+          css: T
+        } = q, R = (i = (K = a[P]) == null ? void 0 : K.palette) == null ? void 0 : i.mode, F = !n && R ? {
+          colorScheme: R,
+          ...T
+        } : {
+          ...T
+        };
+        m(t(P, {
+          ...F
+        }), F);
+      }
+      return Object.entries(X).forEach(([T, {
+        css: R
+      }]) => {
+        var re, pe;
+        const F = (pe = (re = a[T]) == null ? void 0 : re.palette) == null ? void 0 : pe.mode, ce = !n && F ? {
+          colorScheme: F,
+          ...R
+        } : {
+          ...R
+        };
+        m(t(T, {
+          ...ce
+        }), ce);
+      }), v;
+    }
+  };
+}
+function mn(e) {
+  return function(t) {
+    return e === "media" ? (process.env.NODE_ENV !== "production" && t !== "light" && t !== "dark" && console.error(`MUI: @media (prefers-color-scheme) supports only 'light' or 'dark', but receive '${t}'.`), `@media (prefers-color-scheme: ${t})`) : e ? e.startsWith("data-") && !e.includes("%s") ? `[${e}="${t}"] &` : e === "class" ? `.${t} &` : e === "data" ? `[data-${t}] &` : `${e.replace("%s", t)} &` : "&";
+  };
+}
+const yn = {
+  black: "#000",
+  white: "#fff"
+}, $e = yn, hn = {
+  50: "#fafafa",
+  100: "#f5f5f5",
+  200: "#eeeeee",
+  300: "#e0e0e0",
+  400: "#bdbdbd",
+  500: "#9e9e9e",
+  600: "#757575",
+  700: "#616161",
+  800: "#424242",
+  900: "#212121",
+  A100: "#f5f5f5",
+  A200: "#eeeeee",
+  A400: "#bdbdbd",
+  A700: "#616161"
+}, bn = hn, vn = {
+  50: "#f3e5f5",
+  100: "#e1bee7",
+  200: "#ce93d8",
+  300: "#ba68c8",
+  400: "#ab47bc",
+  500: "#9c27b0",
+  600: "#8e24aa",
+  700: "#7b1fa2",
+  800: "#6a1b9a",
+  900: "#4a148c",
+  A100: "#ea80fc",
+  A200: "#e040fb",
+  A400: "#d500f9",
+  A700: "#aa00ff"
+}, ge = vn, me = {
+  50: "#ffebee",
+  100: "#ffcdd2",
+  200: "#ef9a9a",
+  300: "#e57373",
+  400: "#ef5350",
+  500: "#f44336",
+  600: "#e53935",
+  700: "#d32f2f",
+  800: "#c62828",
+  900: "#b71c1c",
+  A100: "#ff8a80",
+  A200: "#ff5252",
+  A400: "#ff1744",
+  A700: "#d50000"
+}, Sn = {
+  50: "#fff3e0",
+  100: "#ffe0b2",
+  200: "#ffcc80",
+  300: "#ffb74d",
+  400: "#ffa726",
+  500: "#ff9800",
+  600: "#fb8c00",
+  700: "#f57c00",
+  800: "#ef6c00",
+  900: "#e65100",
+  A100: "#ffd180",
+  A200: "#ffab40",
+  A400: "#ff9100",
+  A700: "#ff6d00"
+}, Ce = Sn, Cn = {
+  50: "#e3f2fd",
+  100: "#bbdefb",
+  200: "#90caf9",
+  300: "#64b5f6",
+  400: "#42a5f5",
+  500: "#2196f3",
+  600: "#1e88e5",
+  700: "#1976d2",
+  800: "#1565c0",
+  900: "#0d47a1",
+  A100: "#82b1ff",
+  A200: "#448aff",
+  A400: "#2979ff",
+  A700: "#2962ff"
+}, ye = Cn, Tn = {
+  50: "#e1f5fe",
+  100: "#b3e5fc",
+  200: "#81d4fa",
+  300: "#4fc3f7",
+  400: "#29b6f6",
+  500: "#03a9f4",
+  600: "#039be5",
+  700: "#0288d1",
+  800: "#0277bd",
+  900: "#01579b",
+  A100: "#80d8ff",
+  A200: "#40c4ff",
+  A400: "#00b0ff",
+  A700: "#0091ea"
+}, he = Tn, En = {
+  50: "#e8f5e9",
+  100: "#c8e6c9",
+  200: "#a5d6a7",
+  300: "#81c784",
+  400: "#66bb6a",
+  500: "#4caf50",
+  600: "#43a047",
+  700: "#388e3c",
+  800: "#2e7d32",
+  900: "#1b5e20",
+  A100: "#b9f6ca",
+  A200: "#69f0ae",
+  A400: "#00e676",
+  A700: "#00c853"
+}, be = En, Ar = {
+  // The colors used to style the text.
+  text: {
+    // The most important text.
+    primary: "rgba(0, 0, 0, 0.87)",
+    // Secondary text.
+    secondary: "rgba(0, 0, 0, 0.6)",
+    // Disabled text have even lower visual prominence.
+    disabled: "rgba(0, 0, 0, 0.38)"
+  },
+  // The color used to divide different elements.
+  divider: "rgba(0, 0, 0, 0.12)",
+  // The background colors used to style the surfaces.
+  // Consistency between these values is important.
+  background: {
+    paper: $e.white,
+    default: $e.white
+  },
+  // The colors used to style the action elements.
+  action: {
+    // The color of an active action like an icon button.
+    active: "rgba(0, 0, 0, 0.54)",
+    // The color of an hovered action.
+    hover: "rgba(0, 0, 0, 0.04)",
+    hoverOpacity: 0.04,
+    // The color of a selected action.
+    selected: "rgba(0, 0, 0, 0.08)",
+    selectedOpacity: 0.08,
+    // The color of a disabled action.
+    disabled: "rgba(0, 0, 0, 0.26)",
+    // The background color of a disabled action.
+    disabledBackground: "rgba(0, 0, 0, 0.12)",
+    disabledOpacity: 0.38,
+    focus: "rgba(0, 0, 0, 0.12)",
+    focusOpacity: 0.12,
+    activatedOpacity: 0.12
+  }
+}, rr = {
+  text: {
+    primary: $e.white,
+    secondary: "rgba(255, 255, 255, 0.7)",
+    disabled: "rgba(255, 255, 255, 0.5)",
+    icon: "rgba(255, 255, 255, 0.5)"
+  },
+  divider: "rgba(255, 255, 255, 0.12)",
+  background: {
+    paper: "#121212",
+    default: "#121212"
+  },
+  action: {
+    active: $e.white,
+    hover: "rgba(255, 255, 255, 0.08)",
+    hoverOpacity: 0.08,
+    selected: "rgba(255, 255, 255, 0.16)",
+    selectedOpacity: 0.16,
+    disabled: "rgba(255, 255, 255, 0.3)",
+    disabledBackground: "rgba(255, 255, 255, 0.12)",
+    disabledOpacity: 0.38,
+    focus: "rgba(255, 255, 255, 0.12)",
+    focusOpacity: 0.12,
+    activatedOpacity: 0.24
+  }
+};
+function xr(e, r, t, n) {
+  const o = n.light || n, a = n.dark || n * 1.5;
+  e[r] || (e.hasOwnProperty(t) ? e[r] = e[t] : r === "light" ? e.light = lr(e.main, o) : r === "dark" && (e.dark = ur(e.main, a)));
+}
+function wn(e = "light") {
+  return e === "dark" ? {
+    main: ye[200],
+    light: ye[50],
+    dark: ye[400]
+  } : {
+    main: ye[700],
+    light: ye[400],
+    dark: ye[800]
+  };
+}
+function $n(e = "light") {
+  return e === "dark" ? {
+    main: ge[200],
+    light: ge[50],
+    dark: ge[400]
+  } : {
+    main: ge[500],
+    light: ge[300],
+    dark: ge[700]
+  };
+}
+function On(e = "light") {
+  return e === "dark" ? {
+    main: me[500],
+    light: me[300],
+    dark: me[700]
+  } : {
+    main: me[700],
+    light: me[400],
+    dark: me[800]
+  };
+}
+function An(e = "light") {
+  return e === "dark" ? {
+    main: he[400],
+    light: he[300],
+    dark: he[700]
+  } : {
+    main: he[700],
+    light: he[500],
+    dark: he[900]
+  };
+}
+function xn(e = "light") {
+  return e === "dark" ? {
+    main: be[400],
+    light: be[300],
+    dark: be[700]
+  } : {
+    main: be[800],
+    light: be[500],
+    dark: be[900]
+  };
+}
+function kn(e = "light") {
+  return e === "dark" ? {
+    main: Ce[400],
+    light: Ce[300],
+    dark: Ce[700]
+  } : {
+    main: "#ed6c02",
+    // closest to orange[800] that pass 3:1.
+    light: Ce[500],
+    dark: Ce[900]
+  };
+}
+function fr(e) {
+  const {
+    mode: r = "light",
+    contrastThreshold: t = 3,
+    tonalOffset: n = 0.2,
+    ...o
+  } = e, a = e.primary || wn(r), s = e.secondary || $n(r), c = e.error || On(r), l = e.info || An(r), p = e.success || xn(r), y = e.warning || kn(r);
+  function g(b) {
+    const w = $r(b, rr.text.primary) >= t ? rr.text.primary : Ar.text.primary;
+    if (process.env.NODE_ENV !== "production") {
+      const k = $r(b, w);
+      k < 3 && console.error([`MUI: The contrast ratio of ${k}:1 for ${w} on ${b}`, "falls below the WCAG recommended absolute minimum contrast ratio of 3:1.", "https://www.w3.org/TR/2008/REC-WCAG20-20081211/#visual-audio-contrast-contrast"].join(`
+`));
+    }
+    return w;
+  }
+  const f = ({
+    color: b,
+    name: w,
+    mainShade: k = 500,
+    lightShade: Y = 300,
+    darkShade: v = 700
+  }) => {
+    if (b = {
+      ...b
+    }, !b.main && b[k] && (b.main = b[k]), !b.hasOwnProperty("main"))
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${w ? ` (${w})` : ""} provided to augmentColor(color) is invalid.
+The color object needs to have a \`main\` property or a \`${k}\` property.` : le(11, w ? ` (${w})` : "", k));
+    if (typeof b.main != "string")
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${w ? ` (${w})` : ""} provided to augmentColor(color) is invalid.
+\`color.main\` should be a string, but \`${JSON.stringify(b.main)}\` was provided instead.
+
+Did you intend to use one of the following approaches?
+
+import { green } from "@mui/material/colors";
+
+const theme1 = createTheme({ palette: {
+  primary: green,
+} });
+
+const theme2 = createTheme({ palette: {
+  primary: { main: green[500] },
+} });` : le(12, w ? ` (${w})` : "", JSON.stringify(b.main)));
+    return xr(b, "light", Y, n), xr(b, "dark", v, n), b.contrastText || (b.contrastText = g(b.main)), b;
+  }, C = {
+    dark: rr,
+    light: Ar
+  };
+  return process.env.NODE_ENV !== "production" && (C[r] || console.error(`MUI: The palette mode \`${r}\` is not supported.`)), Q({
+    // A collection of common colors.
+    common: {
+      ...$e
+    },
+    // prevent mutable object.
+    // The palette mode, can be light or dark.
+    mode: r,
+    // The colors used to represent primary interface elements for a user.
+    primary: f({
+      color: a,
+      name: "primary"
+    }),
+    // The colors used to represent secondary interface elements for a user.
+    secondary: f({
+      color: s,
+      name: "secondary",
+      mainShade: "A400",
+      lightShade: "A200",
+      darkShade: "A700"
+    }),
+    // The colors used to represent interface elements that the user should be made aware of.
+    error: f({
+      color: c,
+      name: "error"
+    }),
+    // The colors used to represent potentially dangerous actions or important messages.
+    warning: f({
+      color: y,
+      name: "warning"
+    }),
+    // The colors used to present information to the user that is neutral and not necessarily important.
+    info: f({
+      color: l,
+      name: "info"
+    }),
+    // The colors used to indicate the successful completion of an action that user triggered.
+    success: f({
+      color: p,
+      name: "success"
+    }),
+    // The grey colors.
+    grey: bn,
+    // Used by `getContrastText()` to maximize the contrast between
+    // the background and the text.
+    contrastThreshold: t,
+    // Takes a background color and returns the text color that maximizes the contrast.
+    getContrastText: g,
+    // Generate a rich color object.
+    augmentColor: f,
+    // Used by the functions below to shift a color's luminance by approximately
+    // two indexes within its tonal palette.
+    // E.g., shift from Red 500 to Red 300 or Red 700.
+    tonalOffset: n,
+    // The light and dark mode object.
+    ...C[r]
+  }, o);
+}
+function _n(e) {
+  const r = {};
+  return Object.entries(e).forEach((n) => {
+    const [o, a] = n;
+    typeof a == "object" && (r[o] = `${a.fontStyle ? `${a.fontStyle} ` : ""}${a.fontVariant ? `${a.fontVariant} ` : ""}${a.fontWeight ? `${a.fontWeight} ` : ""}${a.fontStretch ? `${a.fontStretch} ` : ""}${a.fontSize || ""}${a.lineHeight ? `/${a.lineHeight} ` : ""}${a.fontFamily || ""}`);
+  }), r;
+}
+function Pn(e, r) {
+  return {
+    toolbar: {
+      minHeight: 56,
+      [e.up("xs")]: {
+        "@media (orientation: landscape)": {
+          minHeight: 48
+        }
+      },
+      [e.up("sm")]: {
+        minHeight: 64
+      }
+    },
+    ...r
+  };
+}
+function Rn(e) {
+  return Math.round(e * 1e5) / 1e5;
+}
+const kr = {
+  textTransform: "uppercase"
+}, _r = '"Roboto", "Helvetica", "Arial", sans-serif';
+function In(e, r) {
+  const {
+    fontFamily: t = _r,
+    // The default font size of the Material Specification.
+    fontSize: n = 14,
+    // px
+    fontWeightLight: o = 300,
+    fontWeightRegular: a = 400,
+    fontWeightMedium: s = 500,
+    fontWeightBold: c = 700,
+    // Tell MUI what's the font-size on the html element.
+    // 16px is the default font-size used by browsers.
+    htmlFontSize: l = 16,
+    // Apply the CSS properties to all the variants.
+    allVariants: p,
+    pxToRem: y,
+    ...g
+  } = typeof r == "function" ? r(e) : r;
+  process.env.NODE_ENV !== "production" && (typeof n != "number" && console.error("MUI: `fontSize` is required to be a number."), typeof l != "number" && console.error("MUI: `htmlFontSize` is required to be a number."));
+  const f = n / 14, C = y || ((w) => `${w / l * f}rem`), E = (w, k, Y, v, P) => ({
+    fontFamily: t,
+    fontWeight: w,
+    fontSize: C(k),
+    // Unitless following https://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/
+    lineHeight: Y,
+    // The letter spacing was designed for the Roboto font-family. Using the same letter-spacing
+    // across font-families can cause issues with the kerning.
+    ...t === _r ? {
+      letterSpacing: `${Rn(v / k)}em`
+    } : {},
+    ...P,
+    ...p
+  }), b = {
+    h1: E(o, 96, 1.167, -1.5),
+    h2: E(o, 60, 1.2, -0.5),
+    h3: E(a, 48, 1.167, 0),
+    h4: E(a, 34, 1.235, 0.25),
+    h5: E(a, 24, 1.334, 0),
+    h6: E(s, 20, 1.6, 0.15),
+    subtitle1: E(a, 16, 1.75, 0.15),
+    subtitle2: E(s, 14, 1.57, 0.1),
+    body1: E(a, 16, 1.5, 0.15),
+    body2: E(a, 14, 1.43, 0.15),
+    button: E(s, 14, 1.75, 0.4, kr),
+    caption: E(a, 12, 1.66, 0.4),
+    overline: E(a, 12, 2.66, 1, kr),
+    // TODO v6: Remove handling of 'inherit' variant from the theme as it is already handled in Material UI's Typography component. Also, remember to remove the associated types.
+    inherit: {
+      fontFamily: "inherit",
+      fontWeight: "inherit",
+      fontSize: "inherit",
+      lineHeight: "inherit",
+      letterSpacing: "inherit"
+    }
+  };
+  return Q({
+    htmlFontSize: l,
+    pxToRem: C,
+    fontFamily: t,
+    fontSize: n,
+    fontWeightLight: o,
+    fontWeightRegular: a,
+    fontWeightMedium: s,
+    fontWeightBold: c,
+    ...b
+  }, g, {
+    clone: !1
+    // No need to clone deep
+  });
+}
+const Bn = 0.2, jn = 0.14, Mn = 0.12;
+function V(...e) {
+  return [`${e[0]}px ${e[1]}px ${e[2]}px ${e[3]}px rgba(0,0,0,${Bn})`, `${e[4]}px ${e[5]}px ${e[6]}px ${e[7]}px rgba(0,0,0,${jn})`, `${e[8]}px ${e[9]}px ${e[10]}px ${e[11]}px rgba(0,0,0,${Mn})`].join(",");
+}
+const Dn = ["none", V(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), V(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), V(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), V(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), V(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), V(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), V(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), V(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), V(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), V(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), V(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), V(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), V(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), V(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), V(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), V(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), V(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), V(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), V(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), V(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), V(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), V(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), V(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), V(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)], Nn = {
+  // This is the most common easing curve.
+  easeInOut: "cubic-bezier(0.4, 0, 0.2, 1)",
+  // Objects enter the screen at full velocity from off-screen and
+  // slowly decelerate to a resting point.
+  easeOut: "cubic-bezier(0.0, 0, 0.2, 1)",
+  // Objects leave the screen at full velocity. They do not decelerate when off-screen.
+  easeIn: "cubic-bezier(0.4, 0, 1, 1)",
+  // The sharp curve is used by objects that may return to the screen at any time.
+  sharp: "cubic-bezier(0.4, 0, 0.6, 1)"
+}, Wn = {
+  shortest: 150,
+  shorter: 200,
+  short: 250,
+  // most basic recommended timing
+  standard: 300,
+  // this is to be used in complex animations
+  complex: 375,
+  // recommended when something is entering screen
+  enteringScreen: 225,
+  // recommended when something is leaving screen
+  leavingScreen: 195
+};
+function Pr(e) {
+  return `${Math.round(e)}ms`;
+}
+function Un(e) {
+  if (!e)
+    return 0;
+  const r = e / 36;
+  return Math.min(Math.round((4 + 15 * r ** 0.25 + r / 5) * 10), 3e3);
+}
+function Fn(e) {
+  const r = {
+    ...Nn,
+    ...e.easing
+  }, t = {
+    ...Wn,
+    ...e.duration
+  };
+  return {
+    getAutoHeightDuration: Un,
+    create: (o = ["all"], a = {}) => {
+      const {
+        duration: s = t.standard,
+        easing: c = r.easeInOut,
+        delay: l = 0,
+        ...p
+      } = a;
+      if (process.env.NODE_ENV !== "production") {
+        const y = (f) => typeof f == "string", g = (f) => !Number.isNaN(parseFloat(f));
+        !y(o) && !Array.isArray(o) && console.error('MUI: Argument "props" must be a string or Array.'), !g(s) && !y(s) && console.error(`MUI: Argument "duration" must be a number or a string but found ${s}.`), y(c) || console.error('MUI: Argument "easing" must be a string.'), !g(l) && !y(l) && console.error('MUI: Argument "delay" must be a number or a string.'), typeof a != "object" && console.error(["MUI: Secong argument of transition.create must be an object.", "Arguments should be either `create('prop1', options)` or `create(['prop1', 'prop2'], options)`"].join(`
+`)), Object.keys(p).length !== 0 && console.error(`MUI: Unrecognized argument(s) [${Object.keys(p).join(",")}].`);
+      }
+      return (Array.isArray(o) ? o : [o]).map((y) => `${y} ${typeof s == "string" ? s : Pr(s)} ${c} ${typeof l == "string" ? l : Pr(l)}`).join(",");
+    },
+    ...e,
+    easing: r,
+    duration: t
+  };
+}
+const Vn = {
+  mobileStepper: 1e3,
+  fab: 1050,
+  speedDial: 1050,
+  appBar: 1100,
+  drawer: 1200,
+  modal: 1300,
+  snackbar: 1400,
+  tooltip: 1500
+};
+function Be(e = {}, ...r) {
+  const {
+    breakpoints: t,
+    mixins: n = {},
+    spacing: o,
+    palette: a = {},
+    transitions: s = {},
+    typography: c = {},
+    shape: l,
+    ...p
+  } = e;
+  if (e.vars)
+    throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `vars` is a private field used for CSS variables support.\nPlease use another name." : le(20));
+  const y = fr(a), g = on(e);
+  let f = Q(g, {
+    mixins: Pn(g.breakpoints, n),
+    palette: y,
+    // Don't use [...shadows] until you've verified its transpiled code is not invoking the iterator protocol.
+    shadows: Dn.slice(),
+    typography: In(y, c),
+    transitions: Fn(s),
+    zIndex: {
+      ...Vn
+    }
+  });
+  if (f = Q(f, p), f = r.reduce((C, E) => Q(C, E), f), process.env.NODE_ENV !== "production") {
+    const C = ["active", "checked", "completed", "disabled", "error", "expanded", "focused", "focusVisible", "required", "selected"], E = (b, w) => {
+      let k;
+      for (k in b) {
+        const Y = b[k];
+        if (C.includes(k) && Object.keys(Y).length > 0) {
+          if (process.env.NODE_ENV !== "production") {
+            const v = Nr("", k);
+            console.error([`MUI: The \`${w}\` component increases the CSS specificity of the \`${k}\` internal state.`, "You can not override it like this: ", JSON.stringify(b, null, 2), "", `Instead, you need to use the '&.${v}' syntax:`, JSON.stringify({
+              root: {
+                [`&.${v}`]: Y
+              }
+            }, null, 2), "", "https://mui.com/r/state-classes-guide"].join(`
+`));
+          }
+          b[k] = {};
+        }
+      }
+    };
+    Object.keys(f.components).forEach((b) => {
+      const w = f.components[b].styleOverrides;
+      w && b.startsWith("Mui") && E(w, b);
+    });
+  }
+  return f.unstable_sxConfig = {
+    ...ze,
+    ...p == null ? void 0 : p.unstable_sxConfig
+  }, f.unstable_sx = function(E) {
+    return Ge({
+      sx: E,
+      theme: this
+    });
+  }, f;
+}
+let Rr = !1;
+function go(...e) {
+  return process.env.NODE_ENV !== "production" && (Rr || (Rr = !0, console.error(["MUI: the createMuiTheme function was renamed to createTheme.", "", "You should use `import { createTheme } from '@mui/material/styles'`"].join(`
+`)))), Be(...e);
+}
+function Ln(e) {
+  let r;
+  return e < 1 ? r = 5.11916 * e ** 2 : r = 4.5 * Math.log(e + 1) + 2, Math.round(r * 10) / 1e3;
+}
+const zn = [...Array(25)].map((e, r) => {
+  if (r === 0)
+    return;
+  const t = Ln(r);
+  return `linear-gradient(rgba(255 255 255 / ${t}), rgba(255 255 255 / ${t}))`;
+});
+function Gr(e) {
+  return {
+    inputPlaceholder: e === "dark" ? 0.5 : 0.42,
+    inputUnderline: e === "dark" ? 0.7 : 0.42,
+    switchTrackDisabled: e === "dark" ? 0.2 : 0.12,
+    switchTrack: e === "dark" ? 0.3 : 0.38
+  };
+}
+function Yr(e) {
+  return e === "dark" ? zn : [];
+}
+function Gn(e) {
+  const {
+    palette: r = {
+      mode: "light"
+    },
+    // need to cast to avoid module augmentation test
+    opacity: t,
+    overlays: n,
+    ...o
+  } = e, a = fr(r);
+  return {
+    palette: a,
+    opacity: {
+      ...Gr(a.mode),
+      ...t
+    },
+    overlays: n || Yr(a.mode),
+    ...o
+  };
+}
+function Yn(e) {
+  var r;
+  return !!e[0].match(/(cssVarPrefix|colorSchemeSelector|typography|mixins|breakpoints|direction|transitions)/) || !!e[0].match(/sxConfig$/) || // ends with sxConfig
+  e[0] === "palette" && !!((r = e[1]) != null && r.match(/(mode|contrastThreshold|tonalOffset)/));
+}
+const qn = (e) => [...[...Array(24)].map((r, t) => `--${e ? `${e}-` : ""}overlays-${t + 1}`), `--${e ? `${e}-` : ""}palette-AppBar-darkBg`, `--${e ? `${e}-` : ""}palette-AppBar-darkColor`], Kn = qn, Hn = (e) => (r, t) => {
+  const n = e.colorSchemeSelector;
+  let o = n;
+  if (n === "class" && (o = ".%s"), n === "data" && (o = "[data-%s]"), n != null && n.startsWith("data-") && !n.includes("%s") && (o = `[${n}="%s"]`), e.defaultColorScheme === r) {
+    if (r === "dark") {
+      const a = {};
+      return Kn(e.cssVarPrefix).forEach((s) => {
+        a[s] = t[s], delete t[s];
+      }), o === "media" ? {
+        ":root": t,
+        "@media (prefers-color-scheme: dark)": {
+          ":root": a
+        }
+      } : o ? {
+        [o.replace("%s", r)]: a,
+        [`:root, ${o.replace("%s", r)}`]: t
+      } : {
+        ":root": {
+          ...t,
+          ...a
+        }
+      };
+    }
+    if (o && o !== "media")
+      return `:root, ${o.replace("%s", String(r))}`;
+  } else if (r) {
+    if (o === "media")
+      return {
+        [`@media (prefers-color-scheme: ${String(r)})`]: {
+          ":root": t
+        }
+      };
+    if (o)
+      return o.replace("%s", String(r));
+  }
+  return ":root";
+};
+function Qn(e) {
+  return ue(e) || typeof e > "u" || typeof e == "string" || typeof e == "boolean" || typeof e == "number" || Array.isArray(e);
+}
+function Jn(e = {}) {
+  const r = {
+    ...e
+  };
+  function t(n) {
+    const o = Object.entries(n);
+    for (let a = 0; a < o.length; a++) {
+      const [s, c] = o[a];
+      !Qn(c) || s.startsWith("unstable_") ? delete n[s] : ue(c) && (n[s] = {
+        ...c
+      }, t(n[s]));
+    }
+  }
+  return t(r), `import { unstable_createBreakpoints as createBreakpoints, createTransitions } from '@mui/material/styles';
+
+const theme = ${JSON.stringify(r, null, 2)};
+
+theme.breakpoints = createBreakpoints(theme.breakpoints || {});
+theme.transitions = createTransitions(theme.transitions || {});
+
+export default theme;`;
+}
+function Xn(e, r) {
+  r.forEach((t) => {
+    e[t] || (e[t] = {});
+  });
+}
+function u(e, r, t) {
+  !e[r] && t && (e[r] = t);
+}
+function Ee(e) {
+  return !e || !e.startsWith("hsl") ? e : zr(e);
+}
+function ie(e, r) {
+  `${r}Channel` in e || (e[`${r}Channel`] = Te(Ee(e[r]), `MUI: Can't create \`palette.${r}Channel\` because \`palette.${r}\` is not one of these formats: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().
+To suppress this warning, you need to explicitly provide the \`palette.${r}Channel\` as a string (in rgb format, for example "12 12 12") or undefined if you want to remove the channel token.`));
+}
+function Zn(e) {
+  return typeof e == "number" ? `${e}px` : typeof e == "string" || typeof e == "function" || Array.isArray(e) ? e : "8px";
+}
+const oe = (e) => {
+  try {
+    return e();
+  } catch {
+  }
+}, eo = (e = "mui") => fn(e);
+function tr(e, r, t, n) {
+  if (!r)
+    return;
+  r = r === !0 ? {} : r;
+  const o = n === "dark" ? "dark" : "light";
+  if (!t) {
+    e[n] = Gn({
+      ...r,
+      palette: {
+        mode: o,
+        ...r == null ? void 0 : r.palette
+      }
+    });
+    return;
+  }
+  const {
+    palette: a,
+    ...s
+  } = Be({
+    ...t,
+    palette: {
+      mode: o,
+      ...r == null ? void 0 : r.palette
+    }
+  });
+  return e[n] = {
+    ...r,
+    palette: a,
+    opacity: {
+      ...Gr(o),
+      ...r == null ? void 0 : r.opacity
+    },
+    overlays: (r == null ? void 0 : r.overlays) || Yr(o)
+  }, s;
+}
+function ro(e = {}, ...r) {
+  const {
+    colorSchemes: t = {
+      light: !0
+    },
+    defaultColorScheme: n,
+    disableCssColorScheme: o = !1,
+    cssVarPrefix: a = "mui",
+    shouldSkipGeneratingVar: s = Yn,
+    colorSchemeSelector: c = t.light && t.dark ? "media" : void 0,
+    ...l
+  } = e, p = Object.keys(t)[0], y = n || (t.light && p !== "light" ? "light" : p), g = eo(a), {
+    [y]: f,
+    light: C,
+    dark: E,
+    ...b
+  } = t, w = {
+    ...b
+  };
+  let k = f;
+  if ((y === "dark" && !("dark" in t) || y === "light" && !("light" in t)) && (k = !0), !k)
+    throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The \`colorSchemes.${y}\` option is either missing or invalid.` : le(21, y));
+  const Y = tr(w, k, l, y);
+  C && !w.light && tr(w, C, void 0, "light"), E && !w.dark && tr(w, E, void 0, "dark");
+  let v = {
+    defaultColorScheme: y,
+    ...Y,
+    cssVarPrefix: a,
+    colorSchemeSelector: c,
+    getCssVar: g,
+    colorSchemes: w,
+    font: {
+      ..._n(Y.typography),
+      ...Y.font
+    },
+    spacing: Zn(l.spacing)
+  };
+  Object.keys(v.colorSchemes).forEach((K) => {
+    const i = v.colorSchemes[K].palette, T = (R) => {
+      const F = R.split("-"), ce = F[1], re = F[2];
+      return g(R, i[ce][re]);
+    };
+    if (i.mode === "light" && (u(i.common, "background", "#fff"), u(i.common, "onBackground", "#000")), i.mode === "dark" && (u(i.common, "background", "#000"), u(i.common, "onBackground", "#fff")), Xn(i, ["Alert", "AppBar", "Avatar", "Button", "Chip", "FilledInput", "LinearProgress", "Skeleton", "Slider", "SnackbarContent", "SpeedDialAction", "StepConnector", "StepContent", "Switch", "TableCell", "Tooltip"]), i.mode === "light") {
+      u(i.Alert, "errorColor", W(i.error.light, 0.6)), u(i.Alert, "infoColor", W(i.info.light, 0.6)), u(i.Alert, "successColor", W(i.success.light, 0.6)), u(i.Alert, "warningColor", W(i.warning.light, 0.6)), u(i.Alert, "errorFilledBg", T("palette-error-main")), u(i.Alert, "infoFilledBg", T("palette-info-main")), u(i.Alert, "successFilledBg", T("palette-success-main")), u(i.Alert, "warningFilledBg", T("palette-warning-main")), u(i.Alert, "errorFilledColor", oe(() => i.getContrastText(i.error.main))), u(i.Alert, "infoFilledColor", oe(() => i.getContrastText(i.info.main))), u(i.Alert, "successFilledColor", oe(() => i.getContrastText(i.success.main))), u(i.Alert, "warningFilledColor", oe(() => i.getContrastText(i.warning.main))), u(i.Alert, "errorStandardBg", U(i.error.light, 0.9)), u(i.Alert, "infoStandardBg", U(i.info.light, 0.9)), u(i.Alert, "successStandardBg", U(i.success.light, 0.9)), u(i.Alert, "warningStandardBg", U(i.warning.light, 0.9)), u(i.Alert, "errorIconColor", T("palette-error-main")), u(i.Alert, "infoIconColor", T("palette-info-main")), u(i.Alert, "successIconColor", T("palette-success-main")), u(i.Alert, "warningIconColor", T("palette-warning-main")), u(i.AppBar, "defaultBg", T("palette-grey-100")), u(i.Avatar, "defaultBg", T("palette-grey-400")), u(i.Button, "inheritContainedBg", T("palette-grey-300")), u(i.Button, "inheritContainedHoverBg", T("palette-grey-A100")), u(i.Chip, "defaultBorder", T("palette-grey-400")), u(i.Chip, "defaultAvatarColor", T("palette-grey-700")), u(i.Chip, "defaultIconColor", T("palette-grey-700")), u(i.FilledInput, "bg", "rgba(0, 0, 0, 0.06)"), u(i.FilledInput, "hoverBg", "rgba(0, 0, 0, 0.09)"), u(i.FilledInput, "disabledBg", "rgba(0, 0, 0, 0.12)"), u(i.LinearProgress, "primaryBg", U(i.primary.main, 0.62)), u(i.LinearProgress, "secondaryBg", U(i.secondary.main, 0.62)), u(i.LinearProgress, "errorBg", U(i.error.main, 0.62)), u(i.LinearProgress, "infoBg", U(i.info.main, 0.62)), u(i.LinearProgress, "successBg", U(i.success.main, 0.62)), u(i.LinearProgress, "warningBg", U(i.warning.main, 0.62)), u(i.Skeleton, "bg", `rgba(${T("palette-text-primaryChannel")} / 0.11)`), u(i.Slider, "primaryTrack", U(i.primary.main, 0.62)), u(i.Slider, "secondaryTrack", U(i.secondary.main, 0.62)), u(i.Slider, "errorTrack", U(i.error.main, 0.62)), u(i.Slider, "infoTrack", U(i.info.main, 0.62)), u(i.Slider, "successTrack", U(i.success.main, 0.62)), u(i.Slider, "warningTrack", U(i.warning.main, 0.62));
+      const R = Re(i.background.default, 0.8);
+      u(i.SnackbarContent, "bg", R), u(i.SnackbarContent, "color", oe(() => i.getContrastText(R))), u(i.SpeedDialAction, "fabHoverBg", Re(i.background.paper, 0.15)), u(i.StepConnector, "border", T("palette-grey-400")), u(i.StepContent, "border", T("palette-grey-400")), u(i.Switch, "defaultColor", T("palette-common-white")), u(i.Switch, "defaultDisabledColor", T("palette-grey-100")), u(i.Switch, "primaryDisabledColor", U(i.primary.main, 0.62)), u(i.Switch, "secondaryDisabledColor", U(i.secondary.main, 0.62)), u(i.Switch, "errorDisabledColor", U(i.error.main, 0.62)), u(i.Switch, "infoDisabledColor", U(i.info.main, 0.62)), u(i.Switch, "successDisabledColor", U(i.success.main, 0.62)), u(i.Switch, "warningDisabledColor", U(i.warning.main, 0.62)), u(i.TableCell, "border", U(Pe(i.divider, 1), 0.88)), u(i.Tooltip, "bg", Pe(i.grey[700], 0.92));
+    }
+    if (i.mode === "dark") {
+      u(i.Alert, "errorColor", U(i.error.light, 0.6)), u(i.Alert, "infoColor", U(i.info.light, 0.6)), u(i.Alert, "successColor", U(i.success.light, 0.6)), u(i.Alert, "warningColor", U(i.warning.light, 0.6)), u(i.Alert, "errorFilledBg", T("palette-error-dark")), u(i.Alert, "infoFilledBg", T("palette-info-dark")), u(i.Alert, "successFilledBg", T("palette-success-dark")), u(i.Alert, "warningFilledBg", T("palette-warning-dark")), u(i.Alert, "errorFilledColor", oe(() => i.getContrastText(i.error.dark))), u(i.Alert, "infoFilledColor", oe(() => i.getContrastText(i.info.dark))), u(i.Alert, "successFilledColor", oe(() => i.getContrastText(i.success.dark))), u(i.Alert, "warningFilledColor", oe(() => i.getContrastText(i.warning.dark))), u(i.Alert, "errorStandardBg", W(i.error.light, 0.9)), u(i.Alert, "infoStandardBg", W(i.info.light, 0.9)), u(i.Alert, "successStandardBg", W(i.success.light, 0.9)), u(i.Alert, "warningStandardBg", W(i.warning.light, 0.9)), u(i.Alert, "errorIconColor", T("palette-error-main")), u(i.Alert, "infoIconColor", T("palette-info-main")), u(i.Alert, "successIconColor", T("palette-success-main")), u(i.Alert, "warningIconColor", T("palette-warning-main")), u(i.AppBar, "defaultBg", T("palette-grey-900")), u(i.AppBar, "darkBg", T("palette-background-paper")), u(i.AppBar, "darkColor", T("palette-text-primary")), u(i.Avatar, "defaultBg", T("palette-grey-600")), u(i.Button, "inheritContainedBg", T("palette-grey-800")), u(i.Button, "inheritContainedHoverBg", T("palette-grey-700")), u(i.Chip, "defaultBorder", T("palette-grey-700")), u(i.Chip, "defaultAvatarColor", T("palette-grey-300")), u(i.Chip, "defaultIconColor", T("palette-grey-300")), u(i.FilledInput, "bg", "rgba(255, 255, 255, 0.09)"), u(i.FilledInput, "hoverBg", "rgba(255, 255, 255, 0.13)"), u(i.FilledInput, "disabledBg", "rgba(255, 255, 255, 0.12)"), u(i.LinearProgress, "primaryBg", W(i.primary.main, 0.5)), u(i.LinearProgress, "secondaryBg", W(i.secondary.main, 0.5)), u(i.LinearProgress, "errorBg", W(i.error.main, 0.5)), u(i.LinearProgress, "infoBg", W(i.info.main, 0.5)), u(i.LinearProgress, "successBg", W(i.success.main, 0.5)), u(i.LinearProgress, "warningBg", W(i.warning.main, 0.5)), u(i.Skeleton, "bg", `rgba(${T("palette-text-primaryChannel")} / 0.13)`), u(i.Slider, "primaryTrack", W(i.primary.main, 0.5)), u(i.Slider, "secondaryTrack", W(i.secondary.main, 0.5)), u(i.Slider, "errorTrack", W(i.error.main, 0.5)), u(i.Slider, "infoTrack", W(i.info.main, 0.5)), u(i.Slider, "successTrack", W(i.success.main, 0.5)), u(i.Slider, "warningTrack", W(i.warning.main, 0.5));
+      const R = Re(i.background.default, 0.98);
+      u(i.SnackbarContent, "bg", R), u(i.SnackbarContent, "color", oe(() => i.getContrastText(R))), u(i.SpeedDialAction, "fabHoverBg", Re(i.background.paper, 0.15)), u(i.StepConnector, "border", T("palette-grey-600")), u(i.StepContent, "border", T("palette-grey-600")), u(i.Switch, "defaultColor", T("palette-grey-300")), u(i.Switch, "defaultDisabledColor", T("palette-grey-600")), u(i.Switch, "primaryDisabledColor", W(i.primary.main, 0.55)), u(i.Switch, "secondaryDisabledColor", W(i.secondary.main, 0.55)), u(i.Switch, "errorDisabledColor", W(i.error.main, 0.55)), u(i.Switch, "infoDisabledColor", W(i.info.main, 0.55)), u(i.Switch, "successDisabledColor", W(i.success.main, 0.55)), u(i.Switch, "warningDisabledColor", W(i.warning.main, 0.55)), u(i.TableCell, "border", W(Pe(i.divider, 1), 0.68)), u(i.Tooltip, "bg", Pe(i.grey[700], 0.92));
+    }
+    ie(i.background, "default"), ie(i.background, "paper"), ie(i.common, "background"), ie(i.common, "onBackground"), ie(i, "divider"), Object.keys(i).forEach((R) => {
+      const F = i[R];
+      F && typeof F == "object" && (F.main && u(i[R], "mainChannel", Te(Ee(F.main))), F.light && u(i[R], "lightChannel", Te(Ee(F.light))), F.dark && u(i[R], "darkChannel", Te(Ee(F.dark))), F.contrastText && u(i[R], "contrastTextChannel", Te(Ee(F.contrastText))), R === "text" && (ie(i[R], "primary"), ie(i[R], "secondary")), R === "action" && (F.active && ie(i[R], "active"), F.selected && ie(i[R], "selected")));
+    });
+  }), v = r.reduce((K, i) => Q(K, i), v);
+  const P = {
+    prefix: a,
+    disableCssColorScheme: o,
+    shouldSkipGeneratingVar: s,
+    getSelector: Hn(v)
+  }, {
+    vars: m,
+    generateThemeVars: q,
+    generateStyleSheets: X
+  } = gn(v, P);
+  return v.vars = m, Object.entries(v.colorSchemes[v.defaultColorScheme]).forEach(([K, i]) => {
+    v[K] = i;
+  }), v.generateThemeVars = q, v.generateStyleSheets = X, v.generateSpacing = function() {
+    return Lr(l.spacing, ar(this));
+  }, v.getColorSchemeSelector = mn(c), v.spacing = v.generateSpacing(), v.shouldSkipGeneratingVar = s, v.unstable_sxConfig = {
+    ...ze,
+    ...l == null ? void 0 : l.unstable_sxConfig
+  }, v.unstable_sx = function(i) {
+    return Ge({
+      sx: i,
+      theme: this
+    });
+  }, v.toRuntimeSource = Jn, v;
+}
+function Ir(e, r, t) {
+  e.colorSchemes && t && (e.colorSchemes[r] = {
+    ...t !== !0 && t,
+    palette: fr({
+      ...t === !0 ? {} : t.palette,
+      mode: r
+    })
+    // cast type to skip module augmentation test
+  });
+}
+function mo(e = {}, ...r) {
+  const {
+    palette: t,
+    cssVariables: n = !1,
+    colorSchemes: o = t ? void 0 : {
+      light: !0
+    },
+    defaultColorScheme: a = t == null ? void 0 : t.mode,
+    ...s
+  } = e, c = a || "light", l = o == null ? void 0 : o[c], p = {
+    ...o,
+    ...t ? {
+      [c]: {
+        ...typeof l != "boolean" && l,
+        palette: t
+      }
+    } : void 0
+  };
+  if (n === !1) {
+    if (!("colorSchemes" in e))
+      return Be(e, ...r);
+    let y = t;
+    "palette" in e || p[c] && (p[c] !== !0 ? y = p[c].palette : c === "dark" && (y = {
+      mode: "dark"
+    }));
+    const g = Be({
+      ...e,
+      palette: y
+    }, ...r);
+    return g.defaultColorScheme = c, g.colorSchemes = p, g.palette.mode === "light" && (g.colorSchemes.light = {
+      ...p.light !== !0 && p.light,
+      palette: g.palette
+    }, Ir(g, "dark", p.dark)), g.palette.mode === "dark" && (g.colorSchemes.dark = {
+      ...p.dark !== !0 && p.dark,
+      palette: g.palette
+    }, Ir(g, "light", p.light)), g;
+  }
+  return !t && !("light" in p) && c === "light" && (p.light = !0), ro({
+    ...s,
+    colorSchemes: p,
+    defaultColorScheme: c,
+    ...typeof n != "boolean" && n
+  }, ...r);
+}
+const yo = "$$material";
+export {
+  fo as $,
+  ro as A,
+  Ln as B,
+  Yn as C,
+  In as D,
+  Pn as E,
+  Kn as F,
+  ze as G,
+  ue as H,
+  Nr as I,
+  ao as J,
+  Dr as K,
+  so as L,
+  on as M,
+  lo as N,
+  Ge as O,
+  Se as P,
+  it as Q,
+  ae as R,
+  uo as S,
+  yo as T,
+  ar as U,
+  Q as V,
+  co as W,
+  Ae as X,
+  oo as Y,
+  le as Z,
+  io as _,
+  bn as a,
+  Lr as a0,
+  Me as a1,
+  Kr as a2,
+  ye as b,
+  $e as c,
+  po as d,
+  zr as e,
+  se as f,
+  be as g,
+  an as h,
+  Ye as i,
+  $r as j,
+  or as k,
+  he as l,
+  ln as m,
+  un as n,
+  Ce as o,
+  ge as p,
+  ur as q,
+  me as r,
+  lr as s,
+  rn as t,
+  mo as u,
+  go as v,
+  Fn as w,
+  Wn as x,
+  Nn as y,
+  Gn as z
+};