@movable/ui 0.3.1-import-troubleshooting.0 → 0.3.1-import-troubleshooting.1

package/lib/index.mjs

@@ -1,6 +1,9 @@
-import Ce from "react";
-import { Typography as ur } from "@mui/material";
-var H = { exports: {} }, k = {};
+import ut from "react";
+import { Typography as Ft } from "@mui/material";
+function Nt(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var Er = { exports: {} }, Ye = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -10,25 +13,25 @@ var H = { exports: {} }, k = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Te;
-function sr() {
-  if (Te)
-    return k;
-  Te = 1;
-  var m = Ce, S = Symbol.for("react.element"), V = Symbol.for("react.fragment"), R = Object.prototype.hasOwnProperty, F = m.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, A = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function w(E, l, T) {
-    var d, g = {}, b = null, I = null;
-    T !== void 0 && (b = "" + T), l.key !== void 0 && (b = "" + l.key), l.ref !== void 0 && (I = l.ref);
-    for (d in l)
-      R.call(l, d) && !A.hasOwnProperty(d) && (g[d] = l[d]);
-    if (E && E.defaultProps)
-      for (d in l = E.defaultProps, l)
-        g[d] === void 0 && (g[d] = l[d]);
-    return { $$typeof: S, type: E, key: b, ref: I, props: g, _owner: F.current };
+var Wr;
+function Bt() {
+  if (Wr)
+    return Ye;
+  Wr = 1;
+  var e = ut, r = Symbol.for("react.element"), o = Symbol.for("react.fragment"), n = Object.prototype.hasOwnProperty, i = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, a = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function s(l, d, p) {
+    var g, b = {}, f = null, T = null;
+    p !== void 0 && (f = "" + p), d.key !== void 0 && (f = "" + d.key), d.ref !== void 0 && (T = d.ref);
+    for (g in d)
+      n.call(d, g) && !a.hasOwnProperty(g) && (b[g] = d[g]);
+    if (l && l.defaultProps)
+      for (g in d = l.defaultProps, d)
+        b[g] === void 0 && (b[g] = d[g]);
+    return { $$typeof: r, type: l, key: f, ref: T, props: b, _owner: i.current };
   }
-  return k.Fragment = V, k.jsx = w, k.jsxs = w, k;
+  return Ye.Fragment = o, Ye.jsx = s, Ye.jsxs = s, Ye;
 }
-var D = {};
+var Le = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -38,91 +41,91 @@ var D = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Oe;
-function fr() {
-  return Oe || (Oe = 1, process.env.NODE_ENV !== "production" && function() {
-    var m = Ce, S = Symbol.for("react.element"), V = Symbol.for("react.portal"), R = Symbol.for("react.fragment"), F = Symbol.for("react.strict_mode"), A = Symbol.for("react.profiler"), w = Symbol.for("react.provider"), E = Symbol.for("react.context"), l = Symbol.for("react.forward_ref"), T = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), g = Symbol.for("react.memo"), b = Symbol.for("react.lazy"), I = Symbol.for("react.offscreen"), Z = Symbol.iterator, Pe = "@@iterator";
-    function Se(e) {
-      if (e === null || typeof e != "object")
+var Ur;
+function Wt() {
+  return Ur || (Ur = 1, process.env.NODE_ENV !== "production" && function() {
+    var e = ut, r = Symbol.for("react.element"), o = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), a = Symbol.for("react.profiler"), s = Symbol.for("react.provider"), l = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), p = Symbol.for("react.suspense"), g = Symbol.for("react.suspense_list"), b = Symbol.for("react.memo"), f = Symbol.for("react.lazy"), T = Symbol.for("react.offscreen"), O = Symbol.iterator, h = "@@iterator";
+    function S(t) {
+      if (t === null || typeof t != "object")
         return null;
-      var r = Z && e[Z] || e[Pe];
-      return typeof r == "function" ? r : null;
+      var u = O && t[O] || t[h];
+      return typeof u == "function" ? u : null;
     }
-    var O = m.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function c(e) {
+    var F = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function G(t) {
       {
-        for (var r = arguments.length, t = new Array(r > 1 ? r - 1 : 0), n = 1; n < r; n++)
-          t[n - 1] = arguments[n];
-        we("error", e, t);
+        for (var u = arguments.length, m = new Array(u > 1 ? u - 1 : 0), x = 1; x < u; x++)
+          m[x - 1] = arguments[x];
+        K("error", t, m);
       }
     }
-    function we(e, r, t) {
+    function K(t, u, m) {
       {
-        var n = O.ReactDebugCurrentFrame, i = n.getStackAddendum();
-        i !== "" && (r += "%s", t = t.concat([i]));
-        var u = t.map(function(o) {
-          return String(o);
+        var x = F.ReactDebugCurrentFrame, N = x.getStackAddendum();
+        N !== "" && (u += "%s", m = m.concat([N]));
+        var L = m.map(function(M) {
+          return String(M);
         });
-        u.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, u);
+        L.unshift("Warning: " + u), Function.prototype.apply.call(console[t], console, L);
       }
     }
-    var xe = !1, je = !1, ke = !1, De = !1, Fe = !1, Q;
-    Q = Symbol.for("react.module.reference");
-    function Ae(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === R || e === A || Fe || e === F || e === T || e === d || De || e === I || xe || je || ke || typeof e == "object" && e !== null && (e.$$typeof === b || e.$$typeof === g || e.$$typeof === w || e.$$typeof === E || e.$$typeof === l || // This needs to include all possible module reference object
+    var V = !1, v = !1, he = !1, Ne = !1, Be = !1, we;
+    we = Symbol.for("react.module.reference");
+    function We(t) {
+      return !!(typeof t == "string" || typeof t == "function" || t === n || t === a || Be || t === i || t === p || t === g || Ne || t === T || V || v || he || typeof t == "object" && t !== null && (t.$$typeof === f || t.$$typeof === b || t.$$typeof === s || t.$$typeof === l || t.$$typeof === d || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
-      e.$$typeof === Q || e.getModuleId !== void 0));
+      t.$$typeof === we || t.getModuleId !== void 0));
     }
-    function Ie(e, r, t) {
-      var n = e.displayName;
-      if (n)
-        return n;
-      var i = r.displayName || r.name || "";
-      return i !== "" ? t + "(" + i + ")" : t;
+    function Ce(t, u, m) {
+      var x = t.displayName;
+      if (x)
+        return x;
+      var N = u.displayName || u.name || "";
+      return N !== "" ? m + "(" + N + ")" : m;
     }
-    function ee(e) {
-      return e.displayName || "Context";
+    function Se(t) {
+      return t.displayName || "Context";
     }
-    function y(e) {
-      if (e == null)
+    function ae(t) {
+      if (t == null)
         return null;
-      if (typeof e.tag == "number" && c("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
-        return e.displayName || e.name || null;
-      if (typeof e == "string")
-        return e;
-      switch (e) {
-        case R:
+      if (typeof t.tag == "number" && G("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof t == "function")
+        return t.displayName || t.name || null;
+      if (typeof t == "string")
+        return t;
+      switch (t) {
+        case n:
           return "Fragment";
-        case V:
+        case o:
           return "Portal";
-        case A:
+        case a:
           return "Profiler";
-        case F:
+        case i:
           return "StrictMode";
-        case T:
+        case p:
           return "Suspense";
-        case d:
+        case g:
           return "SuspenseList";
       }
-      if (typeof e == "object")
-        switch (e.$$typeof) {
-          case E:
-            var r = e;
-            return ee(r) + ".Consumer";
-          case w:
-            var t = e;
-            return ee(t._context) + ".Provider";
+      if (typeof t == "object")
+        switch (t.$$typeof) {
           case l:
-            return Ie(e, e.render, "ForwardRef");
-          case g:
-            var n = e.displayName || null;
-            return n !== null ? n : y(e.type) || "Memo";
-          case b: {
-            var i = e, u = i._payload, o = i._init;
+            var u = t;
+            return Se(u) + ".Consumer";
+          case s:
+            var m = t;
+            return Se(m._context) + ".Provider";
+          case d:
+            return Ce(t, t.render, "ForwardRef");
+          case b:
+            var x = t.displayName || null;
+            return x !== null ? x : ae(t.type) || "Memo";
+          case f: {
+            var N = t, L = N._payload, M = N._init;
             try {
-              return y(o(u));
+              return ae(M(L));
             } catch {
               return null;
             }
@@ -130,511 +133,3045 @@ function fr() {
         }
       return null;
     }
-    var _ = Object.assign, x = 0, re, te, ne, ae, oe, ie, ue;
-    function se() {
+    var ie = Object.assign, be = 0, se, le, xe, Pe, c, E, P;
+    function C() {
     }
-    se.__reactDisabledLog = !0;
-    function $e() {
+    C.__reactDisabledLog = !0;
+    function _() {
       {
-        if (x === 0) {
-          re = console.log, te = console.info, ne = console.warn, ae = console.error, oe = console.group, ie = console.groupCollapsed, ue = console.groupEnd;
-          var e = {
+        if (be === 0) {
+          se = console.log, le = console.info, xe = console.warn, Pe = console.error, c = console.group, E = console.groupCollapsed, P = console.groupEnd;
+          var t = {
             configurable: !0,
             enumerable: !0,
-            value: se,
+            value: C,
             writable: !0
           };
           Object.defineProperties(console, {
-            info: e,
-            log: e,
-            warn: e,
-            error: e,
-            group: e,
-            groupCollapsed: e,
-            groupEnd: e
+            info: t,
+            log: t,
+            warn: t,
+            error: t,
+            group: t,
+            groupCollapsed: t,
+            groupEnd: t
           });
         }
-        x++;
+        be++;
       }
     }
-    function We() {
+    function I() {
       {
-        if (x--, x === 0) {
-          var e = {
+        if (be--, be === 0) {
+          var t = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: _({}, e, {
-              value: re
+            log: ie({}, t, {
+              value: se
             }),
-            info: _({}, e, {
-              value: te
+            info: ie({}, t, {
+              value: le
             }),
-            warn: _({}, e, {
-              value: ne
+            warn: ie({}, t, {
+              value: xe
             }),
-            error: _({}, e, {
-              value: ae
+            error: ie({}, t, {
+              value: Pe
             }),
-            group: _({}, e, {
-              value: oe
+            group: ie({}, t, {
+              value: c
             }),
-            groupCollapsed: _({}, e, {
-              value: ie
+            groupCollapsed: ie({}, t, {
+              value: E
             }),
-            groupEnd: _({}, e, {
-              value: ue
+            groupEnd: ie({}, t, {
+              value: P
             })
           });
         }
-        x < 0 && c("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        be < 0 && G("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var M = O.ReactCurrentDispatcher, U;
-    function $(e, r, t) {
+    var R = F.ReactCurrentDispatcher, w;
+    function A(t, u, m) {
       {
-        if (U === void 0)
+        if (w === void 0)
           try {
             throw Error();
-          } catch (i) {
-            var n = i.stack.trim().match(/\n( *(at )?)/);
-            U = n && n[1] || "";
+          } catch (N) {
+            var x = N.stack.trim().match(/\n( *(at )?)/);
+            w = x && x[1] || "";
           }
         return `
-` + U + e;
+` + w + t;
       }
     }
-    var B = !1, W;
+    var D = !1, $;
     {
-      var Ye = typeof WeakMap == "function" ? WeakMap : Map;
-      W = new Ye();
+      var ne = typeof WeakMap == "function" ? WeakMap : Map;
+      $ = new ne();
     }
-    function fe(e, r) {
-      if (!e || B)
+    function y(t, u) {
+      if (!t || D)
         return "";
       {
-        var t = W.get(e);
-        if (t !== void 0)
-          return t;
+        var m = $.get(t);
+        if (m !== void 0)
+          return m;
       }
-      var n;
-      B = !0;
-      var i = Error.prepareStackTrace;
+      var x;
+      D = !0;
+      var N = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var u;
-      u = M.current, M.current = null, $e();
+      var L;
+      L = R.current, R.current = null, _();
       try {
-        if (r) {
-          var o = function() {
+        if (u) {
+          var M = function() {
             throw Error();
           };
-          if (Object.defineProperty(o.prototype, "props", {
+          if (Object.defineProperty(M.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(o, []);
-            } catch (h) {
-              n = h;
+              Reflect.construct(M, []);
+            } catch (ve) {
+              x = ve;
             }
-            Reflect.construct(e, [], o);
+            Reflect.construct(t, [], M);
           } else {
             try {
-              o.call();
-            } catch (h) {
-              n = h;
+              M.call();
+            } catch (ve) {
+              x = ve;
             }
-            e.call(o.prototype);
+            t.call(M.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (h) {
-            n = h;
+          } catch (ve) {
+            x = ve;
           }
-          e();
-        }
-      } catch (h) {
-        if (h && n && typeof h.stack == "string") {
-          for (var a = h.stack.split(`
-`), v = n.stack.split(`
-`), s = a.length - 1, f = v.length - 1; s >= 1 && f >= 0 && a[s] !== v[f]; )
-            f--;
-          for (; s >= 1 && f >= 0; s--, f--)
-            if (a[s] !== v[f]) {
-              if (s !== 1 || f !== 1)
+          t();
+        }
+      } catch (ve) {
+        if (ve && x && typeof ve.stack == "string") {
+          for (var k = ve.stack.split(`
+`), oe = x.stack.split(`
+`), J = k.length - 1, Z = oe.length - 1; J >= 1 && Z >= 0 && k[J] !== oe[Z]; )
+            Z--;
+          for (; J >= 1 && Z >= 0; J--, Z--)
+            if (k[J] !== oe[Z]) {
+              if (J !== 1 || Z !== 1)
                 do
-                  if (s--, f--, f < 0 || a[s] !== v[f]) {
-                    var p = `
-` + a[s].replace(" at new ", " at ");
-                    return e.displayName && p.includes("<anonymous>") && (p = p.replace("<anonymous>", e.displayName)), typeof e == "function" && W.set(e, p), p;
+                  if (J--, Z--, Z < 0 || k[J] !== oe[Z]) {
+                    var fe = `
+` + k[J].replace(" at new ", " at ");
+                    return t.displayName && fe.includes("<anonymous>") && (fe = fe.replace("<anonymous>", t.displayName)), typeof t == "function" && $.set(t, fe), fe;
                   }
-                while (s >= 1 && f >= 0);
+                while (J >= 1 && Z >= 0);
               break;
             }
         }
       } finally {
-        B = !1, M.current = u, We(), Error.prepareStackTrace = i;
+        D = !1, R.current = L, I(), Error.prepareStackTrace = N;
       }
-      var P = e ? e.displayName || e.name : "", Re = P ? $(P) : "";
-      return typeof e == "function" && W.set(e, Re), Re;
+      var ke = t ? t.displayName || t.name : "", Br = ke ? A(ke) : "";
+      return typeof t == "function" && $.set(t, Br), Br;
     }
-    function Ne(e, r, t) {
-      return fe(e, !1);
+    function ce(t, u, m) {
+      return y(t, !1);
     }
-    function Le(e) {
-      var r = e.prototype;
-      return !!(r && r.isReactComponent);
+    function Ae(t) {
+      var u = t.prototype;
+      return !!(u && u.isReactComponent);
     }
-    function Y(e, r, t) {
-      if (e == null)
+    function _e(t, u, m) {
+      if (t == null)
         return "";
-      if (typeof e == "function")
-        return fe(e, Le(e));
-      if (typeof e == "string")
-        return $(e);
-      switch (e) {
-        case T:
-          return $("Suspense");
-        case d:
-          return $("SuspenseList");
-      }
-      if (typeof e == "object")
-        switch (e.$$typeof) {
-          case l:
-            return Ne(e.render);
-          case g:
-            return Y(e.type, r, t);
-          case b: {
-            var n = e, i = n._payload, u = n._init;
+      if (typeof t == "function")
+        return y(t, Ae(t));
+      if (typeof t == "string")
+        return A(t);
+      switch (t) {
+        case p:
+          return A("Suspense");
+        case g:
+          return A("SuspenseList");
+      }
+      if (typeof t == "object")
+        switch (t.$$typeof) {
+          case d:
+            return ce(t.render);
+          case b:
+            return _e(t.type, u, m);
+          case f: {
+            var x = t, N = x._payload, L = x._init;
             try {
-              return Y(u(i), r, t);
+              return _e(L(N), u, m);
             } catch {
             }
           }
         }
       return "";
     }
-    var N = Object.prototype.hasOwnProperty, le = {}, ce = O.ReactDebugCurrentFrame;
-    function L(e) {
-      if (e) {
-        var r = e._owner, t = Y(e.type, e._source, r ? r.type : null);
-        ce.setExtraStackFrame(t);
+    var He = Object.prototype.hasOwnProperty, Cr = {}, Sr = F.ReactDebugCurrentFrame;
+    function Je(t) {
+      if (t) {
+        var u = t._owner, m = _e(t.type, t._source, u ? u.type : null);
+        Sr.setExtraStackFrame(m);
       } else
-        ce.setExtraStackFrame(null);
+        Sr.setExtraStackFrame(null);
     }
-    function Ve(e, r, t, n, i) {
+    function ht(t, u, m, x, N) {
       {
-        var u = Function.call.bind(N);
-        for (var o in e)
-          if (u(e, o)) {
-            var a = void 0;
+        var L = Function.call.bind(He);
+        for (var M in t)
+          if (L(t, M)) {
+            var k = void 0;
             try {
-              if (typeof e[o] != "function") {
-                var v = Error((n || "React class") + ": " + t + " type `" + o + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[o] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw v.name = "Invariant Violation", v;
+              if (typeof t[M] != "function") {
+                var oe = Error((x || "React class") + ": " + m + " type `" + M + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof t[M] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw oe.name = "Invariant Violation", oe;
               }
-              a = e[o](r, o, n, t, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (s) {
-              a = s;
+              k = t[M](u, M, x, m, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (J) {
+              k = J;
             }
-            a && !(a instanceof Error) && (L(i), c("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", n || "React class", t, o, typeof a), L(null)), a instanceof Error && !(a.message in le) && (le[a.message] = !0, L(i), c("Failed %s type: %s", t, a.message), L(null));
+            k && !(k instanceof Error) && (Je(N), G("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", x || "React class", m, M, typeof k), Je(null)), k instanceof Error && !(k.message in Cr) && (Cr[k.message] = !0, Je(N), G("Failed %s type: %s", m, k.message), Je(null));
           }
       }
     }
-    var Me = Array.isArray;
-    function q(e) {
-      return Me(e);
+    var bt = Array.isArray;
+    function ur(t) {
+      return bt(t);
     }
-    function Ue(e) {
+    function vt(t) {
       {
-        var r = typeof Symbol == "function" && Symbol.toStringTag, t = r && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return t;
+        var u = typeof Symbol == "function" && Symbol.toStringTag, m = u && t[Symbol.toStringTag] || t.constructor.name || "Object";
+        return m;
       }
     }
-    function Be(e) {
+    function Et(t) {
       try {
-        return ve(e), !1;
+        return Pr(t), !1;
       } catch {
         return !0;
       }
     }
-    function ve(e) {
-      return "" + e;
+    function Pr(t) {
+      return "" + t;
     }
-    function de(e) {
-      if (Be(e))
-        return c("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Ue(e)), ve(e);
+    function Ar(t) {
+      if (Et(t))
+        return G("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", vt(t)), Pr(t);
     }
-    var j = O.ReactCurrentOwner, qe = {
+    var Ue = F.ReactCurrentOwner, Tt = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, pe, ge, J;
-    J = {};
-    function Je(e) {
-      if (N.call(e, "ref")) {
-        var r = Object.getOwnPropertyDescriptor(e, "ref").get;
-        if (r && r.isReactWarning)
+    }, $r, kr, cr;
+    cr = {};
+    function Ot(t) {
+      if (He.call(t, "ref")) {
+        var u = Object.getOwnPropertyDescriptor(t, "ref").get;
+        if (u && u.isReactWarning)
           return !1;
       }
-      return e.ref !== void 0;
+      return t.ref !== void 0;
     }
-    function Ge(e) {
-      if (N.call(e, "key")) {
-        var r = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (r && r.isReactWarning)
+    function xt(t) {
+      if (He.call(t, "key")) {
+        var u = Object.getOwnPropertyDescriptor(t, "key").get;
+        if (u && u.isReactWarning)
           return !1;
       }
-      return e.key !== void 0;
+      return t.key !== void 0;
     }
-    function ze(e, r) {
-      if (typeof e.ref == "string" && j.current && r && j.current.stateNode !== r) {
-        var t = y(j.current.type);
-        J[t] || (c('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', y(j.current.type), e.ref), J[t] = !0);
+    function _t(t, u) {
+      if (typeof t.ref == "string" && Ue.current && u && Ue.current.stateNode !== u) {
+        var m = ae(Ue.current.type);
+        cr[m] || (G('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', ae(Ue.current.type), t.ref), cr[m] = !0);
       }
     }
-    function Ke(e, r) {
+    function Rt(t, u) {
       {
-        var t = function() {
-          pe || (pe = !0, c("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
+        var m = function() {
+          $r || ($r = !0, G("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", u));
         };
-        t.isReactWarning = !0, Object.defineProperty(e, "key", {
-          get: t,
+        m.isReactWarning = !0, Object.defineProperty(t, "key", {
+          get: m,
           configurable: !0
         });
       }
     }
-    function He(e, r) {
+    function wt(t, u) {
       {
-        var t = function() {
-          ge || (ge = !0, c("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
+        var m = function() {
+          kr || (kr = !0, G("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", u));
         };
-        t.isReactWarning = !0, Object.defineProperty(e, "ref", {
-          get: t,
+        m.isReactWarning = !0, Object.defineProperty(t, "ref", {
+          get: m,
           configurable: !0
         });
       }
     }
-    var Xe = function(e, r, t, n, i, u, o) {
-      var a = {
+    var Ct = function(t, u, m, x, N, L, M) {
+      var k = {
         // This tag allows us to uniquely identify this as a React Element
-        $$typeof: S,
+        $$typeof: r,
         // Built-in properties that belong on the element
-        type: e,
-        key: r,
-        ref: t,
-        props: o,
+        type: t,
+        key: u,
+        ref: m,
+        props: M,
         // Record the component responsible for creating this element.
-        _owner: u
+        _owner: L
       };
-      return a._store = {}, Object.defineProperty(a._store, "validated", {
+      return k._store = {}, Object.defineProperty(k._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(a, "_self", {
+      }), Object.defineProperty(k, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: n
-      }), Object.defineProperty(a, "_source", {
+        value: x
+      }), Object.defineProperty(k, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: i
-      }), Object.freeze && (Object.freeze(a.props), Object.freeze(a)), a;
+        value: N
+      }), Object.freeze && (Object.freeze(k.props), Object.freeze(k)), k;
     };
-    function Ze(e, r, t, n, i) {
+    function St(t, u, m, x, N) {
       {
-        var u, o = {}, a = null, v = null;
-        t !== void 0 && (de(t), a = "" + t), Ge(r) && (de(r.key), a = "" + r.key), Je(r) && (v = r.ref, ze(r, i));
-        for (u in r)
-          N.call(r, u) && !qe.hasOwnProperty(u) && (o[u] = r[u]);
-        if (e && e.defaultProps) {
-          var s = e.defaultProps;
-          for (u in s)
-            o[u] === void 0 && (o[u] = s[u]);
+        var L, M = {}, k = null, oe = null;
+        m !== void 0 && (Ar(m), k = "" + m), xt(u) && (Ar(u.key), k = "" + u.key), Ot(u) && (oe = u.ref, _t(u, N));
+        for (L in u)
+          He.call(u, L) && !Tt.hasOwnProperty(L) && (M[L] = u[L]);
+        if (t && t.defaultProps) {
+          var J = t.defaultProps;
+          for (L in J)
+            M[L] === void 0 && (M[L] = J[L]);
         }
-        if (a || v) {
-          var f = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          a && Ke(o, f), v && He(o, f);
+        if (k || oe) {
+          var Z = typeof t == "function" ? t.displayName || t.name || "Unknown" : t;
+          k && Rt(M, Z), oe && wt(M, Z);
         }
-        return Xe(e, a, v, i, n, j.current, o);
+        return Ct(t, k, oe, N, x, Ue.current, M);
       }
     }
-    var G = O.ReactCurrentOwner, ye = O.ReactDebugCurrentFrame;
-    function C(e) {
-      if (e) {
-        var r = e._owner, t = Y(e.type, e._source, r ? r.type : null);
-        ye.setExtraStackFrame(t);
+    var fr = F.ReactCurrentOwner, jr = F.ReactDebugCurrentFrame;
+    function $e(t) {
+      if (t) {
+        var u = t._owner, m = _e(t.type, t._source, u ? u.type : null);
+        jr.setExtraStackFrame(m);
       } else
-        ye.setExtraStackFrame(null);
+        jr.setExtraStackFrame(null);
     }
-    var z;
-    z = !1;
-    function K(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === S;
+    var lr;
+    lr = !1;
+    function dr(t) {
+      return typeof t == "object" && t !== null && t.$$typeof === r;
     }
-    function he() {
+    function Ir() {
       {
-        if (G.current) {
-          var e = y(G.current.type);
-          if (e)
+        if (fr.current) {
+          var t = ae(fr.current.type);
+          if (t)
             return `
 
-Check the render method of \`` + e + "`.";
+Check the render method of \`` + t + "`.";
         }
         return "";
       }
     }
-    function Qe(e) {
+    function Pt(t) {
       {
-        if (e !== void 0) {
-          var r = e.fileName.replace(/^.*[\\\/]/, ""), t = e.lineNumber;
+        if (t !== void 0) {
+          var u = t.fileName.replace(/^.*[\\\/]/, ""), m = t.lineNumber;
           return `
 
-Check your code at ` + r + ":" + t + ".";
+Check your code at ` + u + ":" + m + ".";
         }
         return "";
       }
     }
-    var me = {};
-    function er(e) {
+    var Mr = {};
+    function At(t) {
       {
-        var r = he();
-        if (!r) {
-          var t = typeof e == "string" ? e : e.displayName || e.name;
-          t && (r = `
+        var u = Ir();
+        if (!u) {
+          var m = typeof t == "string" ? t : t.displayName || t.name;
+          m && (u = `
 
-Check the top-level render call using <` + t + ">.");
+Check the top-level render call using <` + m + ">.");
         }
-        return r;
+        return u;
       }
     }
-    function Ee(e, r) {
+    function Dr(t, u) {
       {
-        if (!e._store || e._store.validated || e.key != null)
+        if (!t._store || t._store.validated || t.key != null)
           return;
-        e._store.validated = !0;
-        var t = er(r);
-        if (me[t])
+        t._store.validated = !0;
+        var m = At(u);
+        if (Mr[m])
           return;
-        me[t] = !0;
-        var n = "";
-        e && e._owner && e._owner !== G.current && (n = " It was passed a child from " + y(e._owner.type) + "."), C(e), c('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', t, n), C(null);
+        Mr[m] = !0;
+        var x = "";
+        t && t._owner && t._owner !== fr.current && (x = " It was passed a child from " + ae(t._owner.type) + "."), $e(t), G('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', m, x), $e(null);
       }
     }
-    function be(e, r) {
+    function Fr(t, u) {
       {
-        if (typeof e != "object")
+        if (typeof t != "object")
           return;
-        if (q(e))
-          for (var t = 0; t < e.length; t++) {
-            var n = e[t];
-            K(n) && Ee(n, r);
+        if (ur(t))
+          for (var m = 0; m < t.length; m++) {
+            var x = t[m];
+            dr(x) && Dr(x, u);
           }
-        else if (K(e))
-          e._store && (e._store.validated = !0);
-        else if (e) {
-          var i = Se(e);
-          if (typeof i == "function" && i !== e.entries)
-            for (var u = i.call(e), o; !(o = u.next()).done; )
-              K(o.value) && Ee(o.value, r);
+        else if (dr(t))
+          t._store && (t._store.validated = !0);
+        else if (t) {
+          var N = S(t);
+          if (typeof N == "function" && N !== t.entries)
+            for (var L = N.call(t), M; !(M = L.next()).done; )
+              dr(M.value) && Dr(M.value, u);
         }
       }
     }
-    function rr(e) {
+    function $t(t) {
       {
-        var r = e.type;
-        if (r == null || typeof r == "string")
+        var u = t.type;
+        if (u == null || typeof u == "string")
           return;
-        var t;
-        if (typeof r == "function")
-          t = r.propTypes;
-        else if (typeof r == "object" && (r.$$typeof === l || // Note: Memo only checks outer props here.
+        var m;
+        if (typeof u == "function")
+          m = u.propTypes;
+        else if (typeof u == "object" && (u.$$typeof === d || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        r.$$typeof === g))
-          t = r.propTypes;
+        u.$$typeof === b))
+          m = u.propTypes;
         else
           return;
-        if (t) {
-          var n = y(r);
-          Ve(t, e.props, "prop", n, e);
-        } else if (r.PropTypes !== void 0 && !z) {
-          z = !0;
-          var i = y(r);
-          c("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", i || "Unknown");
+        if (m) {
+          var x = ae(u);
+          ht(m, t.props, "prop", x, t);
+        } else if (u.PropTypes !== void 0 && !lr) {
+          lr = !0;
+          var N = ae(u);
+          G("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", N || "Unknown");
         }
-        typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && c("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof u.getDefaultProps == "function" && !u.getDefaultProps.isReactClassApproved && G("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function tr(e) {
+    function kt(t) {
       {
-        for (var r = Object.keys(e.props), t = 0; t < r.length; t++) {
-          var n = r[t];
-          if (n !== "children" && n !== "key") {
-            C(e), c("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", n), C(null);
+        for (var u = Object.keys(t.props), m = 0; m < u.length; m++) {
+          var x = u[m];
+          if (x !== "children" && x !== "key") {
+            $e(t), G("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", x), $e(null);
             break;
           }
         }
-        e.ref !== null && (C(e), c("Invalid attribute `ref` supplied to `React.Fragment`."), C(null));
+        t.ref !== null && ($e(t), G("Invalid attribute `ref` supplied to `React.Fragment`."), $e(null));
       }
     }
-    function _e(e, r, t, n, i, u) {
+    function Nr(t, u, m, x, N, L) {
       {
-        var o = Ae(e);
-        if (!o) {
-          var a = "";
-          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (a += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var v = Qe(i);
-          v ? a += v : a += he();
-          var s;
-          e === null ? s = "null" : q(e) ? s = "array" : e !== void 0 && e.$$typeof === S ? (s = "<" + (y(e.type) || "Unknown") + " />", a = " Did you accidentally export a JSX literal instead of a component?") : s = typeof e, c("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", s, a);
-        }
-        var f = Ze(e, r, t, i, u);
-        if (f == null)
-          return f;
-        if (o) {
-          var p = r.children;
-          if (p !== void 0)
-            if (n)
-              if (q(p)) {
-                for (var P = 0; P < p.length; P++)
-                  be(p[P], e);
-                Object.freeze && Object.freeze(p);
+        var M = We(t);
+        if (!M) {
+          var k = "";
+          (t === void 0 || typeof t == "object" && t !== null && Object.keys(t).length === 0) && (k += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          var oe = Pt(N);
+          oe ? k += oe : k += Ir();
+          var J;
+          t === null ? J = "null" : ur(t) ? J = "array" : t !== void 0 && t.$$typeof === r ? (J = "<" + (ae(t.type) || "Unknown") + " />", k = " Did you accidentally export a JSX literal instead of a component?") : J = typeof t, G("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", J, k);
+        }
+        var Z = St(t, u, m, N, L);
+        if (Z == null)
+          return Z;
+        if (M) {
+          var fe = u.children;
+          if (fe !== void 0)
+            if (x)
+              if (ur(fe)) {
+                for (var ke = 0; ke < fe.length; ke++)
+                  Fr(fe[ke], t);
+                Object.freeze && Object.freeze(fe);
               } else
-                c("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                G("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
-              be(p, e);
+              Fr(fe, t);
+        }
+        return t === n ? kt(Z) : $t(Z), Z;
+      }
+    }
+    function jt(t, u, m) {
+      return Nr(t, u, m, !0);
+    }
+    function It(t, u, m) {
+      return Nr(t, u, m, !1);
+    }
+    var Mt = It, Dt = jt;
+    Le.Fragment = n, Le.jsx = Mt, Le.jsxs = Dt;
+  }()), Le;
+}
+process.env.NODE_ENV === "production" ? Er.exports = Bt() : Er.exports = Wt();
+var Ut = Er.exports;
+function Lo({ stringToDisplay: e }) {
+  return Ut.jsxs(Ft, { children: ["stringToDisplay prop is: ", e] });
+}
+const Yt = {
+  black: "#000",
+  white: "#fff"
+}, Ke = Yt, Lt = {
+  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"
+}, me = Lt, Gt = {
+  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"
+}, ee = Gt, zt = {
+  50: "#e8eaf6",
+  100: "#c5cae9",
+  200: "#9fa8da",
+  300: "#7986cb",
+  400: "#5c6bc0",
+  500: "#3f51b5",
+  600: "#3949ab",
+  700: "#303f9f",
+  800: "#283593",
+  900: "#1a237e",
+  A100: "#8c9eff",
+  A200: "#536dfe",
+  A400: "#3d5afe",
+  A700: "#304ffe"
+}, de = zt, Kt = {
+  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"
+}, B = Kt, Vt = {
+  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"
+}, te = Vt, qt = {
+  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"
+}, X = qt, Ht = {
+  50: "#f1f8e9",
+  100: "#dcedc8",
+  200: "#c5e1a5",
+  300: "#aed581",
+  400: "#9ccc65",
+  500: "#8bc34a",
+  600: "#7cb342",
+  700: "#689f38",
+  800: "#558b2f",
+  900: "#33691e",
+  A100: "#ccff90",
+  A200: "#b2ff59",
+  A400: "#76ff03",
+  A700: "#64dd17"
+}, pe = Ht, Jt = {
+  50: "#fffde7",
+  100: "#fff9c4",
+  200: "#fff59d",
+  300: "#fff176",
+  400: "#ffee58",
+  500: "#ffeb3b",
+  600: "#fdd835",
+  700: "#fbc02d",
+  800: "#f9a825",
+  900: "#f57f17",
+  A100: "#ffff8d",
+  A200: "#ffff00",
+  A400: "#ffea00",
+  A700: "#ffd600"
+}, ge = Jt, Xt = {
+  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"
+}, Q = Xt, Zt = {
+  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"
+}, j = Zt;
+function re() {
+  return re = Object.assign ? Object.assign.bind() : function(e) {
+    for (var r = 1; r < arguments.length; r++) {
+      var o = arguments[r];
+      for (var n in o)
+        Object.prototype.hasOwnProperty.call(o, n) && (e[n] = o[n]);
+    }
+    return e;
+  }, re.apply(this, arguments);
+}
+function Ie(e) {
+  return e !== null && typeof e == "object" && e.constructor === Object;
+}
+function ct(e) {
+  if (!Ie(e))
+    return e;
+  const r = {};
+  return Object.keys(e).forEach((o) => {
+    r[o] = ct(e[o]);
+  }), r;
+}
+function Ee(e, r, o = {
+  clone: !0
+}) {
+  const n = o.clone ? re({}, e) : e;
+  return Ie(e) && Ie(r) && Object.keys(r).forEach((i) => {
+    i !== "__proto__" && (Ie(r[i]) && i in e && Ie(e[i]) ? n[i] = Ee(e[i], r[i], o) : o.clone ? n[i] = Ie(r[i]) ? ct(r[i]) : r[i] : n[i] = r[i]);
+  }), n;
+}
+var Tr = { exports: {} }, Xe = { exports: {} }, W = {};
+/** @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 Yr;
+function Qt() {
+  if (Yr)
+    return W;
+  Yr = 1;
+  var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, o = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, i = e ? Symbol.for("react.strict_mode") : 60108, a = e ? Symbol.for("react.profiler") : 60114, s = e ? Symbol.for("react.provider") : 60109, l = e ? Symbol.for("react.context") : 60110, d = e ? Symbol.for("react.async_mode") : 60111, p = e ? Symbol.for("react.concurrent_mode") : 60111, g = e ? Symbol.for("react.forward_ref") : 60112, b = e ? Symbol.for("react.suspense") : 60113, f = e ? Symbol.for("react.suspense_list") : 60120, T = e ? Symbol.for("react.memo") : 60115, O = e ? Symbol.for("react.lazy") : 60116, h = e ? Symbol.for("react.block") : 60121, S = e ? Symbol.for("react.fundamental") : 60117, F = e ? Symbol.for("react.responder") : 60118, G = e ? Symbol.for("react.scope") : 60119;
+  function K(v) {
+    if (typeof v == "object" && v !== null) {
+      var he = v.$$typeof;
+      switch (he) {
+        case r:
+          switch (v = v.type, v) {
+            case d:
+            case p:
+            case n:
+            case a:
+            case i:
+            case b:
+              return v;
+            default:
+              switch (v = v && v.$$typeof, v) {
+                case l:
+                case g:
+                case O:
+                case T:
+                case s:
+                  return v;
+                default:
+                  return he;
+              }
+          }
+        case o:
+          return he;
+      }
+    }
+  }
+  function V(v) {
+    return K(v) === p;
+  }
+  return W.AsyncMode = d, W.ConcurrentMode = p, W.ContextConsumer = l, W.ContextProvider = s, W.Element = r, W.ForwardRef = g, W.Fragment = n, W.Lazy = O, W.Memo = T, W.Portal = o, W.Profiler = a, W.StrictMode = i, W.Suspense = b, W.isAsyncMode = function(v) {
+    return V(v) || K(v) === d;
+  }, W.isConcurrentMode = V, W.isContextConsumer = function(v) {
+    return K(v) === l;
+  }, W.isContextProvider = function(v) {
+    return K(v) === s;
+  }, W.isElement = function(v) {
+    return typeof v == "object" && v !== null && v.$$typeof === r;
+  }, W.isForwardRef = function(v) {
+    return K(v) === g;
+  }, W.isFragment = function(v) {
+    return K(v) === n;
+  }, W.isLazy = function(v) {
+    return K(v) === O;
+  }, W.isMemo = function(v) {
+    return K(v) === T;
+  }, W.isPortal = function(v) {
+    return K(v) === o;
+  }, W.isProfiler = function(v) {
+    return K(v) === a;
+  }, W.isStrictMode = function(v) {
+    return K(v) === i;
+  }, W.isSuspense = function(v) {
+    return K(v) === b;
+  }, W.isValidElementType = function(v) {
+    return typeof v == "string" || typeof v == "function" || v === n || v === p || v === a || v === i || v === b || v === f || typeof v == "object" && v !== null && (v.$$typeof === O || v.$$typeof === T || v.$$typeof === s || v.$$typeof === l || v.$$typeof === g || v.$$typeof === S || v.$$typeof === F || v.$$typeof === G || v.$$typeof === h);
+  }, W.typeOf = K, W;
+}
+var U = {};
+/** @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 Lr;
+function en() {
+  return Lr || (Lr = 1, process.env.NODE_ENV !== "production" && function() {
+    var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, o = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, i = e ? Symbol.for("react.strict_mode") : 60108, a = e ? Symbol.for("react.profiler") : 60114, s = e ? Symbol.for("react.provider") : 60109, l = e ? Symbol.for("react.context") : 60110, d = e ? Symbol.for("react.async_mode") : 60111, p = e ? Symbol.for("react.concurrent_mode") : 60111, g = e ? Symbol.for("react.forward_ref") : 60112, b = e ? Symbol.for("react.suspense") : 60113, f = e ? Symbol.for("react.suspense_list") : 60120, T = e ? Symbol.for("react.memo") : 60115, O = e ? Symbol.for("react.lazy") : 60116, h = e ? Symbol.for("react.block") : 60121, S = e ? Symbol.for("react.fundamental") : 60117, F = e ? Symbol.for("react.responder") : 60118, G = e ? Symbol.for("react.scope") : 60119;
+    function K(y) {
+      return typeof y == "string" || typeof y == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
+      y === n || y === p || y === a || y === i || y === b || y === f || typeof y == "object" && y !== null && (y.$$typeof === O || y.$$typeof === T || y.$$typeof === s || y.$$typeof === l || y.$$typeof === g || y.$$typeof === S || y.$$typeof === F || y.$$typeof === G || y.$$typeof === h);
+    }
+    function V(y) {
+      if (typeof y == "object" && y !== null) {
+        var ce = y.$$typeof;
+        switch (ce) {
+          case r:
+            var Ae = y.type;
+            switch (Ae) {
+              case d:
+              case p:
+              case n:
+              case a:
+              case i:
+              case b:
+                return Ae;
+              default:
+                var _e = Ae && Ae.$$typeof;
+                switch (_e) {
+                  case l:
+                  case g:
+                  case O:
+                  case T:
+                  case s:
+                    return _e;
+                  default:
+                    return ce;
+                }
+            }
+          case o:
+            return ce;
         }
-        return e === R ? tr(f) : rr(f), f;
       }
     }
-    function nr(e, r, t) {
-      return _e(e, r, t, !0);
+    var v = d, he = p, Ne = l, Be = s, we = r, We = g, Ce = n, Se = O, ae = T, ie = o, be = a, se = i, le = b, xe = !1;
+    function Pe(y) {
+      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.")), c(y) || V(y) === d;
+    }
+    function c(y) {
+      return V(y) === p;
+    }
+    function E(y) {
+      return V(y) === l;
+    }
+    function P(y) {
+      return V(y) === s;
+    }
+    function C(y) {
+      return typeof y == "object" && y !== null && y.$$typeof === r;
     }
-    function ar(e, r, t) {
-      return _e(e, r, t, !1);
+    function _(y) {
+      return V(y) === g;
     }
-    var or = ar, ir = nr;
-    D.Fragment = R, D.jsx = or, D.jsxs = ir;
-  }()), D;
+    function I(y) {
+      return V(y) === n;
+    }
+    function R(y) {
+      return V(y) === O;
+    }
+    function w(y) {
+      return V(y) === T;
+    }
+    function A(y) {
+      return V(y) === o;
+    }
+    function D(y) {
+      return V(y) === a;
+    }
+    function $(y) {
+      return V(y) === i;
+    }
+    function ne(y) {
+      return V(y) === b;
+    }
+    U.AsyncMode = v, U.ConcurrentMode = he, U.ContextConsumer = Ne, U.ContextProvider = Be, U.Element = we, U.ForwardRef = We, U.Fragment = Ce, U.Lazy = Se, U.Memo = ae, U.Portal = ie, U.Profiler = be, U.StrictMode = se, U.Suspense = le, U.isAsyncMode = Pe, U.isConcurrentMode = c, U.isContextConsumer = E, U.isContextProvider = P, U.isElement = C, U.isForwardRef = _, U.isFragment = I, U.isLazy = R, U.isMemo = w, U.isPortal = A, U.isProfiler = D, U.isStrictMode = $, U.isSuspense = ne, U.isValidElementType = K, U.typeOf = V;
+  }()), U;
 }
-process.env.NODE_ENV === "production" ? H.exports = sr() : H.exports = fr();
-var X = H.exports;
-function vr({ stringToDisplay: m }) {
-  return X.jsxs(X.Fragment, { children: ["stringToDisplay prop is: ", m] });
+var Gr;
+function ft() {
+  return Gr || (Gr = 1, process.env.NODE_ENV === "production" ? Xe.exports = Qt() : Xe.exports = en()), Xe.exports;
+}
+/*
+object-assign
+(c) Sindre Sorhus
+@license MIT
+*/
+var pr, zr;
+function rn() {
+  if (zr)
+    return pr;
+  zr = 1;
+  var e = Object.getOwnPropertySymbols, r = Object.prototype.hasOwnProperty, o = 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 i() {
+    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 = {}, l = 0; l < 10; l++)
+        s["_" + String.fromCharCode(l)] = l;
+      var d = Object.getOwnPropertyNames(s).map(function(g) {
+        return s[g];
+      });
+      if (d.join("") !== "0123456789")
+        return !1;
+      var p = {};
+      return "abcdefghijklmnopqrst".split("").forEach(function(g) {
+        p[g] = g;
+      }), Object.keys(Object.assign({}, p)).join("") === "abcdefghijklmnopqrst";
+    } catch {
+      return !1;
+    }
+  }
+  return pr = i() ? Object.assign : function(a, s) {
+    for (var l, d = n(a), p, g = 1; g < arguments.length; g++) {
+      l = Object(arguments[g]);
+      for (var b in l)
+        r.call(l, b) && (d[b] = l[b]);
+      if (e) {
+        p = e(l);
+        for (var f = 0; f < p.length; f++)
+          o.call(l, p[f]) && (d[p[f]] = l[p[f]]);
+      }
+    }
+    return d;
+  }, pr;
+}
+var gr, Kr;
+function Or() {
+  if (Kr)
+    return gr;
+  Kr = 1;
+  var e = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
+  return gr = e, gr;
+}
+var mr, Vr;
+function lt() {
+  return Vr || (Vr = 1, mr = Function.call.bind(Object.prototype.hasOwnProperty)), mr;
+}
+var yr, qr;
+function tn() {
+  if (qr)
+    return yr;
+  qr = 1;
+  var e = function() {
+  };
+  if (process.env.NODE_ENV !== "production") {
+    var r = Or(), o = {}, n = lt();
+    e = function(a) {
+      var s = "Warning: " + a;
+      typeof console < "u" && console.error(s);
+      try {
+        throw new Error(s);
+      } catch {
+      }
+    };
+  }
+  function i(a, s, l, d, p) {
+    if (process.env.NODE_ENV !== "production") {
+      for (var g in a)
+        if (n(a, g)) {
+          var b;
+          try {
+            if (typeof a[g] != "function") {
+              var f = Error(
+                (d || "React class") + ": " + l + " type `" + g + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof a[g] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
+              );
+              throw f.name = "Invariant Violation", f;
+            }
+            b = a[g](s, g, d, l, null, r);
+          } catch (O) {
+            b = O;
+          }
+          if (b && !(b instanceof Error) && e(
+            (d || "React class") + ": type specification of " + l + " `" + g + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof b + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
+          ), b instanceof Error && !(b.message in o)) {
+            o[b.message] = !0;
+            var T = p ? p() : "";
+            e(
+              "Failed " + l + " type: " + b.message + (T ?? "")
+            );
+          }
+        }
+    }
+  }
+  return i.resetWarningCache = function() {
+    process.env.NODE_ENV !== "production" && (o = {});
+  }, yr = i, yr;
 }
-function dr({ stringToDisplay: m }) {
-  return X.jsxs(ur, { children: ["stringToDisplay prop is: ", m] });
+var hr, Hr;
+function nn() {
+  if (Hr)
+    return hr;
+  Hr = 1;
+  var e = ft(), r = rn(), o = Or(), n = lt(), i = tn(), a = function() {
+  };
+  process.env.NODE_ENV !== "production" && (a = function(l) {
+    var d = "Warning: " + l;
+    typeof console < "u" && console.error(d);
+    try {
+      throw new Error(d);
+    } catch {
+    }
+  });
+  function s() {
+    return null;
+  }
+  return hr = function(l, d) {
+    var p = typeof Symbol == "function" && Symbol.iterator, g = "@@iterator";
+    function b(c) {
+      var E = c && (p && c[p] || c[g]);
+      if (typeof E == "function")
+        return E;
+    }
+    var f = "<<anonymous>>", T = {
+      array: F("array"),
+      bigint: F("bigint"),
+      bool: F("boolean"),
+      func: F("function"),
+      number: F("number"),
+      object: F("object"),
+      string: F("string"),
+      symbol: F("symbol"),
+      any: G(),
+      arrayOf: K,
+      element: V(),
+      elementType: v(),
+      instanceOf: he,
+      node: We(),
+      objectOf: Be,
+      oneOf: Ne,
+      oneOfType: we,
+      shape: Se,
+      exact: ae
+    };
+    function O(c, E) {
+      return c === E ? c !== 0 || 1 / c === 1 / E : c !== c && E !== E;
+    }
+    function h(c, E) {
+      this.message = c, this.data = E && typeof E == "object" ? E : {}, this.stack = "";
+    }
+    h.prototype = Error.prototype;
+    function S(c) {
+      if (process.env.NODE_ENV !== "production")
+        var E = {}, P = 0;
+      function C(I, R, w, A, D, $, ne) {
+        if (A = A || f, $ = $ || w, ne !== o) {
+          if (d) {
+            var y = 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 y.name = "Invariant Violation", y;
+          } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
+            var ce = A + ":" + w;
+            !E[ce] && // Avoid spamming the console because they are often not actionable except for lib authors
+            P < 3 && (a(
+              "You are manually calling a React.PropTypes validation function for the `" + $ + "` prop on `" + A + "`. 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."
+            ), E[ce] = !0, P++);
+          }
+        }
+        return R[w] == null ? I ? R[w] === null ? new h("The " + D + " `" + $ + "` is marked as required " + ("in `" + A + "`, but its value is `null`.")) : new h("The " + D + " `" + $ + "` is marked as required in " + ("`" + A + "`, but its value is `undefined`.")) : null : c(R, w, A, D, $);
+      }
+      var _ = C.bind(null, !1);
+      return _.isRequired = C.bind(null, !0), _;
+    }
+    function F(c) {
+      function E(P, C, _, I, R, w) {
+        var A = P[C], D = se(A);
+        if (D !== c) {
+          var $ = le(A);
+          return new h(
+            "Invalid " + I + " `" + R + "` of type " + ("`" + $ + "` supplied to `" + _ + "`, expected ") + ("`" + c + "`."),
+            { expectedType: c }
+          );
+        }
+        return null;
+      }
+      return S(E);
+    }
+    function G() {
+      return S(s);
+    }
+    function K(c) {
+      function E(P, C, _, I, R) {
+        if (typeof c != "function")
+          return new h("Property `" + R + "` of component `" + _ + "` has invalid PropType notation inside arrayOf.");
+        var w = P[C];
+        if (!Array.isArray(w)) {
+          var A = se(w);
+          return new h("Invalid " + I + " `" + R + "` of type " + ("`" + A + "` supplied to `" + _ + "`, expected an array."));
+        }
+        for (var D = 0; D < w.length; D++) {
+          var $ = c(w, D, _, I, R + "[" + D + "]", o);
+          if ($ instanceof Error)
+            return $;
+        }
+        return null;
+      }
+      return S(E);
+    }
+    function V() {
+      function c(E, P, C, _, I) {
+        var R = E[P];
+        if (!l(R)) {
+          var w = se(R);
+          return new h("Invalid " + _ + " `" + I + "` of type " + ("`" + w + "` supplied to `" + C + "`, expected a single ReactElement."));
+        }
+        return null;
+      }
+      return S(c);
+    }
+    function v() {
+      function c(E, P, C, _, I) {
+        var R = E[P];
+        if (!e.isValidElementType(R)) {
+          var w = se(R);
+          return new h("Invalid " + _ + " `" + I + "` of type " + ("`" + w + "` supplied to `" + C + "`, expected a single ReactElement type."));
+        }
+        return null;
+      }
+      return S(c);
+    }
+    function he(c) {
+      function E(P, C, _, I, R) {
+        if (!(P[C] instanceof c)) {
+          var w = c.name || f, A = Pe(P[C]);
+          return new h("Invalid " + I + " `" + R + "` of type " + ("`" + A + "` supplied to `" + _ + "`, expected ") + ("instance of `" + w + "`."));
+        }
+        return null;
+      }
+      return S(E);
+    }
+    function Ne(c) {
+      if (!Array.isArray(c))
+        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 E(P, C, _, I, R) {
+        for (var w = P[C], A = 0; A < c.length; A++)
+          if (O(w, c[A]))
+            return null;
+        var D = JSON.stringify(c, function(ne, y) {
+          var ce = le(y);
+          return ce === "symbol" ? String(y) : y;
+        });
+        return new h("Invalid " + I + " `" + R + "` of value `" + String(w) + "` " + ("supplied to `" + _ + "`, expected one of " + D + "."));
+      }
+      return S(E);
+    }
+    function Be(c) {
+      function E(P, C, _, I, R) {
+        if (typeof c != "function")
+          return new h("Property `" + R + "` of component `" + _ + "` has invalid PropType notation inside objectOf.");
+        var w = P[C], A = se(w);
+        if (A !== "object")
+          return new h("Invalid " + I + " `" + R + "` of type " + ("`" + A + "` supplied to `" + _ + "`, expected an object."));
+        for (var D in w)
+          if (n(w, D)) {
+            var $ = c(w, D, _, I, R + "." + D, o);
+            if ($ instanceof Error)
+              return $;
+          }
+        return null;
+      }
+      return S(E);
+    }
+    function we(c) {
+      if (!Array.isArray(c))
+        return process.env.NODE_ENV !== "production" && a("Invalid argument supplied to oneOfType, expected an instance of array."), s;
+      for (var E = 0; E < c.length; E++) {
+        var P = c[E];
+        if (typeof P != "function")
+          return a(
+            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + xe(P) + " at index " + E + "."
+          ), s;
+      }
+      function C(_, I, R, w, A) {
+        for (var D = [], $ = 0; $ < c.length; $++) {
+          var ne = c[$], y = ne(_, I, R, w, A, o);
+          if (y == null)
+            return null;
+          y.data && n(y.data, "expectedType") && D.push(y.data.expectedType);
+        }
+        var ce = D.length > 0 ? ", expected one of type [" + D.join(", ") + "]" : "";
+        return new h("Invalid " + w + " `" + A + "` supplied to " + ("`" + R + "`" + ce + "."));
+      }
+      return S(C);
+    }
+    function We() {
+      function c(E, P, C, _, I) {
+        return ie(E[P]) ? null : new h("Invalid " + _ + " `" + I + "` supplied to " + ("`" + C + "`, expected a ReactNode."));
+      }
+      return S(c);
+    }
+    function Ce(c, E, P, C, _) {
+      return new h(
+        (c || "React class") + ": " + E + " type `" + P + "." + C + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + _ + "`."
+      );
+    }
+    function Se(c) {
+      function E(P, C, _, I, R) {
+        var w = P[C], A = se(w);
+        if (A !== "object")
+          return new h("Invalid " + I + " `" + R + "` of type `" + A + "` " + ("supplied to `" + _ + "`, expected `object`."));
+        for (var D in c) {
+          var $ = c[D];
+          if (typeof $ != "function")
+            return Ce(_, I, R, D, le($));
+          var ne = $(w, D, _, I, R + "." + D, o);
+          if (ne)
+            return ne;
+        }
+        return null;
+      }
+      return S(E);
+    }
+    function ae(c) {
+      function E(P, C, _, I, R) {
+        var w = P[C], A = se(w);
+        if (A !== "object")
+          return new h("Invalid " + I + " `" + R + "` of type `" + A + "` " + ("supplied to `" + _ + "`, expected `object`."));
+        var D = r({}, P[C], c);
+        for (var $ in D) {
+          var ne = c[$];
+          if (n(c, $) && typeof ne != "function")
+            return Ce(_, I, R, $, le(ne));
+          if (!ne)
+            return new h(
+              "Invalid " + I + " `" + R + "` key `" + $ + "` supplied to `" + _ + "`.\nBad object: " + JSON.stringify(P[C], null, "  ") + `
+Valid keys: ` + JSON.stringify(Object.keys(c), null, "  ")
+            );
+          var y = ne(w, $, _, I, R + "." + $, o);
+          if (y)
+            return y;
+        }
+        return null;
+      }
+      return S(E);
+    }
+    function ie(c) {
+      switch (typeof c) {
+        case "number":
+        case "string":
+        case "undefined":
+          return !0;
+        case "boolean":
+          return !c;
+        case "object":
+          if (Array.isArray(c))
+            return c.every(ie);
+          if (c === null || l(c))
+            return !0;
+          var E = b(c);
+          if (E) {
+            var P = E.call(c), C;
+            if (E !== c.entries) {
+              for (; !(C = P.next()).done; )
+                if (!ie(C.value))
+                  return !1;
+            } else
+              for (; !(C = P.next()).done; ) {
+                var _ = C.value;
+                if (_ && !ie(_[1]))
+                  return !1;
+              }
+          } else
+            return !1;
+          return !0;
+        default:
+          return !1;
+      }
+    }
+    function be(c, E) {
+      return c === "symbol" ? !0 : E ? E["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && E instanceof Symbol : !1;
+    }
+    function se(c) {
+      var E = typeof c;
+      return Array.isArray(c) ? "array" : c instanceof RegExp ? "object" : be(E, c) ? "symbol" : E;
+    }
+    function le(c) {
+      if (typeof c > "u" || c === null)
+        return "" + c;
+      var E = se(c);
+      if (E === "object") {
+        if (c instanceof Date)
+          return "date";
+        if (c instanceof RegExp)
+          return "regexp";
+      }
+      return E;
+    }
+    function xe(c) {
+      var E = le(c);
+      switch (E) {
+        case "array":
+        case "object":
+          return "an " + E;
+        case "boolean":
+        case "date":
+        case "regexp":
+          return "a " + E;
+        default:
+          return E;
+      }
+    }
+    function Pe(c) {
+      return !c.constructor || !c.constructor.name ? f : c.constructor.name;
+    }
+    return T.checkPropTypes = i, T.resetWarningCache = i.resetWarningCache, T.PropTypes = T, T;
+  }, hr;
 }
+var br, Jr;
+function on() {
+  if (Jr)
+    return br;
+  Jr = 1;
+  var e = Or();
+  function r() {
+  }
+  function o() {
+  }
+  return o.resetWarningCache = r, br = function() {
+    function n(s, l, d, p, g, b) {
+      if (b !== 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 i() {
+      return n;
+    }
+    var a = {
+      array: n,
+      bigint: n,
+      bool: n,
+      func: n,
+      number: n,
+      object: n,
+      string: n,
+      symbol: n,
+      any: n,
+      arrayOf: i,
+      element: n,
+      elementType: n,
+      instanceOf: i,
+      node: n,
+      objectOf: i,
+      oneOf: i,
+      oneOfType: i,
+      shape: i,
+      exact: i,
+      checkPropTypes: o,
+      resetWarningCache: r
+    };
+    return a.PropTypes = a, a;
+  }, br;
+}
+if (process.env.NODE_ENV !== "production") {
+  var an = ft(), sn = !0;
+  Tr.exports = nn()(an.isElement, sn);
+} else
+  Tr.exports = on()();
+var un = Tr.exports;
+const Ge = /* @__PURE__ */ Nt(un);
+function De(e) {
+  let r = "https://mui.com/production-error/?code=" + e;
+  for (let o = 1; o < arguments.length; o += 1)
+    r += "&args[]=" + encodeURIComponent(arguments[o]);
+  return "Minified MUI error #" + e + "; visit " + r + " for the full message.";
+}
+function dt(e) {
+  if (typeof e != "string")
+    throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `capitalize(string)` expects a string argument." : De(7));
+  return e.charAt(0).toUpperCase() + e.slice(1);
+}
+const Xr = (e) => e, cn = () => {
+  let e = Xr;
+  return {
+    configure(r) {
+      e = r;
+    },
+    generate(r) {
+      return e(r);
+    },
+    reset() {
+      e = Xr;
+    }
+  };
+}, fn = cn(), ln = fn, dn = {
+  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 pn(e, r, o = "Mui") {
+  const n = dn[r];
+  return n ? `${o}-${n}` : `${ln.generate(e)}-${r}`;
+}
+function Fe(e, r) {
+  if (e == null)
+    return {};
+  var o = {}, n = Object.keys(e), i, a;
+  for (a = 0; a < n.length; a++)
+    i = n[a], !(r.indexOf(i) >= 0) && (o[i] = e[i]);
+  return o;
+}
+const gn = ["values", "unit", "step"], mn = (e) => {
+  const r = Object.keys(e).map((o) => ({
+    key: o,
+    val: e[o]
+  })) || [];
+  return r.sort((o, n) => o.val - n.val), r.reduce((o, n) => re({}, o, {
+    [n.key]: n.val
+  }), {});
+};
+function yn(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: o = "px",
+    step: n = 5
+  } = e, i = Fe(e, gn), a = mn(r), s = Object.keys(a);
+  function l(f) {
+    return `@media (min-width:${typeof r[f] == "number" ? r[f] : f}${o})`;
+  }
+  function d(f) {
+    return `@media (max-width:${(typeof r[f] == "number" ? r[f] : f) - n / 100}${o})`;
+  }
+  function p(f, T) {
+    const O = s.indexOf(T);
+    return `@media (min-width:${typeof r[f] == "number" ? r[f] : f}${o}) and (max-width:${(O !== -1 && typeof r[s[O]] == "number" ? r[s[O]] : T) - n / 100}${o})`;
+  }
+  function g(f) {
+    return s.indexOf(f) + 1 < s.length ? p(f, s[s.indexOf(f) + 1]) : l(f);
+  }
+  function b(f) {
+    const T = s.indexOf(f);
+    return T === 0 ? l(s[1]) : T === s.length - 1 ? d(s[T]) : p(f, s[s.indexOf(f) + 1]).replace("@media", "@media not all and");
+  }
+  return re({
+    keys: s,
+    values: a,
+    up: l,
+    down: d,
+    between: p,
+    only: g,
+    not: b,
+    unit: o
+  }, i);
+}
+const hn = {
+  borderRadius: 4
+}, bn = hn, vn = process.env.NODE_ENV !== "production" ? Ge.oneOfType([Ge.number, Ge.string, Ge.object, Ge.array]) : {}, Oe = vn;
+function ze(e, r) {
+  return r ? Ee(e, r, {
+    clone: !1
+    // No need to clone deep, it's way faster.
+  }) : e;
+}
+const xr = {
+  xs: 0,
+  // phone
+  sm: 600,
+  // tablet
+  md: 900,
+  // small laptop
+  lg: 1200,
+  // desktop
+  xl: 1536
+  // large screen
+}, Zr = {
+  // 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:${xr[e]}px)`
+};
+function Te(e, r, o) {
+  const n = e.theme || {};
+  if (Array.isArray(r)) {
+    const a = n.breakpoints || Zr;
+    return r.reduce((s, l, d) => (s[a.up(a.keys[d])] = o(r[d]), s), {});
+  }
+  if (typeof r == "object") {
+    const a = n.breakpoints || Zr;
+    return Object.keys(r).reduce((s, l) => {
+      if (Object.keys(a.values || xr).indexOf(l) !== -1) {
+        const d = a.up(l);
+        s[d] = o(r[l], l);
+      } else {
+        const d = l;
+        s[d] = r[d];
+      }
+      return s;
+    }, {});
+  }
+  return o(r);
+}
+function En(e = {}) {
+  var r;
+  return ((r = e.keys) == null ? void 0 : r.reduce((n, i) => {
+    const a = e.up(i);
+    return n[a] = {}, n;
+  }, {})) || {};
+}
+function Tn(e, r) {
+  return e.reduce((o, n) => {
+    const i = o[n];
+    return (!i || Object.keys(i).length === 0) && delete o[n], o;
+  }, r);
+}
+function Qe(e, r, o = !0) {
+  if (!r || typeof r != "string")
+    return null;
+  if (e && e.vars && o) {
+    const n = `vars.${r}`.split(".").reduce((i, a) => i && i[a] ? i[a] : null, e);
+    if (n != null)
+      return n;
+  }
+  return r.split(".").reduce((n, i) => n && n[i] != null ? n[i] : null, e);
+}
+function Ze(e, r, o, n = o) {
+  let i;
+  return typeof e == "function" ? i = e(o) : Array.isArray(e) ? i = e[o] || n : i = Qe(e, o) || n, r && (i = r(i, n, e)), i;
+}
+function Y(e) {
+  const {
+    prop: r,
+    cssProperty: o = e.prop,
+    themeKey: n,
+    transform: i
+  } = e, a = (s) => {
+    if (s[r] == null)
+      return null;
+    const l = s[r], d = s.theme, p = Qe(d, n) || {};
+    return Te(s, l, (b) => {
+      let f = Ze(p, i, b);
+      return b === f && typeof b == "string" && (f = Ze(p, i, `${r}${b === "default" ? "" : dt(b)}`, b)), o === !1 ? f : {
+        [o]: f
+      };
+    });
+  };
+  return a.propTypes = process.env.NODE_ENV !== "production" ? {
+    [r]: Oe
+  } : {}, a.filterProps = [r], a;
+}
+function On(e) {
+  const r = {};
+  return (o) => (r[o] === void 0 && (r[o] = e(o)), r[o]);
+}
+const xn = {
+  m: "margin",
+  p: "padding"
+}, _n = {
+  t: "Top",
+  r: "Right",
+  b: "Bottom",
+  l: "Left",
+  x: ["Left", "Right"],
+  y: ["Top", "Bottom"]
+}, Qr = {
+  marginX: "mx",
+  marginY: "my",
+  paddingX: "px",
+  paddingY: "py"
+}, Rn = On((e) => {
+  if (e.length > 2)
+    if (Qr[e])
+      e = Qr[e];
+    else
+      return [e];
+  const [r, o] = e.split(""), n = xn[r], i = _n[o] || "";
+  return Array.isArray(i) ? i.map((a) => n + a) : [n + i];
+}), er = ["m", "mt", "mr", "mb", "ml", "mx", "my", "margin", "marginTop", "marginRight", "marginBottom", "marginLeft", "marginX", "marginY", "marginInline", "marginInlineStart", "marginInlineEnd", "marginBlock", "marginBlockStart", "marginBlockEnd"], rr = ["p", "pt", "pr", "pb", "pl", "px", "py", "padding", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "paddingX", "paddingY", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "paddingBlock", "paddingBlockStart", "paddingBlockEnd"], wn = [...er, ...rr];
+function Ve(e, r, o, n) {
+  var i;
+  const a = (i = Qe(e, r, !1)) != null ? i : o;
+  return typeof a == "number" ? (s) => typeof s == "string" ? s : (process.env.NODE_ENV !== "production" && typeof s != "number" && console.error(`MUI: Expected ${n} argument to be a number or a string, got ${s}.`), a * s) : Array.isArray(a) ? (s) => typeof s == "string" ? s : (process.env.NODE_ENV !== "production" && (Number.isInteger(s) ? s > a.length - 1 && console.error([`MUI: The value provided (${s}) overflows.`, `The supported values are: ${JSON.stringify(a)}.`, `${s} > ${a.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(`
+`))), a[s]) : typeof a == "function" ? a : (process.env.NODE_ENV !== "production" && console.error([`MUI: The \`theme.${r}\` value (${a}) is invalid.`, "It should be a number, an array or a function."].join(`
+`)), () => {
+  });
+}
+function pt(e) {
+  return Ve(e, "spacing", 8, "spacing");
+}
+function qe(e, r) {
+  if (typeof r == "string" || r == null)
+    return r;
+  const o = Math.abs(r), n = e(o);
+  return r >= 0 ? n : typeof n == "number" ? -n : `-${n}`;
+}
+function Cn(e, r) {
+  return (o) => e.reduce((n, i) => (n[i] = qe(r, o), n), {});
+}
+function Sn(e, r, o, n) {
+  if (r.indexOf(o) === -1)
+    return null;
+  const i = Rn(o), a = Cn(i, n), s = e[o];
+  return Te(e, s, a);
+}
+function gt(e, r) {
+  const o = pt(e.theme);
+  return Object.keys(e).map((n) => Sn(e, r, n, o)).reduce(ze, {});
+}
+function q(e) {
+  return gt(e, er);
+}
+q.propTypes = process.env.NODE_ENV !== "production" ? er.reduce((e, r) => (e[r] = Oe, e), {}) : {};
+q.filterProps = er;
+function H(e) {
+  return gt(e, rr);
+}
+H.propTypes = process.env.NODE_ENV !== "production" ? rr.reduce((e, r) => (e[r] = Oe, e), {}) : {};
+H.filterProps = rr;
+process.env.NODE_ENV !== "production" && wn.reduce((e, r) => (e[r] = Oe, e), {});
+function Pn(e = 8) {
+  if (e.mui)
+    return e;
+  const r = pt({
+    spacing: e
+  }), o = (...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 o.mui = !0, o;
+}
+function tr(...e) {
+  const r = e.reduce((n, i) => (i.filterProps.forEach((a) => {
+    n[a] = i;
+  }), n), {}), o = (n) => Object.keys(n).reduce((i, a) => r[a] ? ze(i, r[a](n)) : i, {});
+  return o.propTypes = process.env.NODE_ENV !== "production" ? e.reduce((n, i) => Object.assign(n, i.propTypes), {}) : {}, o.filterProps = e.reduce((n, i) => n.concat(i.filterProps), []), o;
+}
+function ye(e) {
+  return typeof e != "number" ? e : `${e}px solid`;
+}
+const An = Y({
+  prop: "border",
+  themeKey: "borders",
+  transform: ye
+}), $n = Y({
+  prop: "borderTop",
+  themeKey: "borders",
+  transform: ye
+}), kn = Y({
+  prop: "borderRight",
+  themeKey: "borders",
+  transform: ye
+}), jn = Y({
+  prop: "borderBottom",
+  themeKey: "borders",
+  transform: ye
+}), In = Y({
+  prop: "borderLeft",
+  themeKey: "borders",
+  transform: ye
+}), Mn = Y({
+  prop: "borderColor",
+  themeKey: "palette"
+}), Dn = Y({
+  prop: "borderTopColor",
+  themeKey: "palette"
+}), Fn = Y({
+  prop: "borderRightColor",
+  themeKey: "palette"
+}), Nn = Y({
+  prop: "borderBottomColor",
+  themeKey: "palette"
+}), Bn = Y({
+  prop: "borderLeftColor",
+  themeKey: "palette"
+}), nr = (e) => {
+  if (e.borderRadius !== void 0 && e.borderRadius !== null) {
+    const r = Ve(e.theme, "shape.borderRadius", 4, "borderRadius"), o = (n) => ({
+      borderRadius: qe(r, n)
+    });
+    return Te(e, e.borderRadius, o);
+  }
+  return null;
+};
+nr.propTypes = process.env.NODE_ENV !== "production" ? {
+  borderRadius: Oe
+} : {};
+nr.filterProps = ["borderRadius"];
+tr(An, $n, kn, jn, In, Mn, Dn, Fn, Nn, Bn, nr);
+const or = (e) => {
+  if (e.gap !== void 0 && e.gap !== null) {
+    const r = Ve(e.theme, "spacing", 8, "gap"), o = (n) => ({
+      gap: qe(r, n)
+    });
+    return Te(e, e.gap, o);
+  }
+  return null;
+};
+or.propTypes = process.env.NODE_ENV !== "production" ? {
+  gap: Oe
+} : {};
+or.filterProps = ["gap"];
+const ir = (e) => {
+  if (e.columnGap !== void 0 && e.columnGap !== null) {
+    const r = Ve(e.theme, "spacing", 8, "columnGap"), o = (n) => ({
+      columnGap: qe(r, n)
+    });
+    return Te(e, e.columnGap, o);
+  }
+  return null;
+};
+ir.propTypes = process.env.NODE_ENV !== "production" ? {
+  columnGap: Oe
+} : {};
+ir.filterProps = ["columnGap"];
+const ar = (e) => {
+  if (e.rowGap !== void 0 && e.rowGap !== null) {
+    const r = Ve(e.theme, "spacing", 8, "rowGap"), o = (n) => ({
+      rowGap: qe(r, n)
+    });
+    return Te(e, e.rowGap, o);
+  }
+  return null;
+};
+ar.propTypes = process.env.NODE_ENV !== "production" ? {
+  rowGap: Oe
+} : {};
+ar.filterProps = ["rowGap"];
+const Wn = Y({
+  prop: "gridColumn"
+}), Un = Y({
+  prop: "gridRow"
+}), Yn = Y({
+  prop: "gridAutoFlow"
+}), Ln = Y({
+  prop: "gridAutoColumns"
+}), Gn = Y({
+  prop: "gridAutoRows"
+}), zn = Y({
+  prop: "gridTemplateColumns"
+}), Kn = Y({
+  prop: "gridTemplateRows"
+}), Vn = Y({
+  prop: "gridTemplateAreas"
+}), qn = Y({
+  prop: "gridArea"
+});
+tr(or, ir, ar, Wn, Un, Yn, Ln, Gn, zn, Kn, Vn, qn);
+function Me(e, r) {
+  return r === "grey" ? r : e;
+}
+const Hn = Y({
+  prop: "color",
+  themeKey: "palette",
+  transform: Me
+}), Jn = Y({
+  prop: "bgcolor",
+  cssProperty: "backgroundColor",
+  themeKey: "palette",
+  transform: Me
+}), Xn = Y({
+  prop: "backgroundColor",
+  themeKey: "palette",
+  transform: Me
+});
+tr(Hn, Jn, Xn);
+function ue(e) {
+  return e <= 1 && e !== 0 ? `${e * 100}%` : e;
+}
+const Zn = Y({
+  prop: "width",
+  transform: ue
+}), _r = (e) => {
+  if (e.maxWidth !== void 0 && e.maxWidth !== null) {
+    const r = (o) => {
+      var n, i;
+      const a = ((n = e.theme) == null || (n = n.breakpoints) == null || (n = n.values) == null ? void 0 : n[o]) || xr[o];
+      return a ? ((i = e.theme) == null || (i = i.breakpoints) == null ? void 0 : i.unit) !== "px" ? {
+        maxWidth: `${a}${e.theme.breakpoints.unit}`
+      } : {
+        maxWidth: a
+      } : {
+        maxWidth: ue(o)
+      };
+    };
+    return Te(e, e.maxWidth, r);
+  }
+  return null;
+};
+_r.filterProps = ["maxWidth"];
+const Qn = Y({
+  prop: "minWidth",
+  transform: ue
+}), eo = Y({
+  prop: "height",
+  transform: ue
+}), ro = Y({
+  prop: "maxHeight",
+  transform: ue
+}), to = Y({
+  prop: "minHeight",
+  transform: ue
+});
+Y({
+  prop: "size",
+  cssProperty: "width",
+  transform: ue
+});
+Y({
+  prop: "size",
+  cssProperty: "height",
+  transform: ue
+});
+const no = Y({
+  prop: "boxSizing"
+});
+tr(Zn, _r, Qn, eo, ro, to, no);
+const oo = {
+  // borders
+  border: {
+    themeKey: "borders",
+    transform: ye
+  },
+  borderTop: {
+    themeKey: "borders",
+    transform: ye
+  },
+  borderRight: {
+    themeKey: "borders",
+    transform: ye
+  },
+  borderBottom: {
+    themeKey: "borders",
+    transform: ye
+  },
+  borderLeft: {
+    themeKey: "borders",
+    transform: ye
+  },
+  borderColor: {
+    themeKey: "palette"
+  },
+  borderTopColor: {
+    themeKey: "palette"
+  },
+  borderRightColor: {
+    themeKey: "palette"
+  },
+  borderBottomColor: {
+    themeKey: "palette"
+  },
+  borderLeftColor: {
+    themeKey: "palette"
+  },
+  borderRadius: {
+    themeKey: "shape.borderRadius",
+    style: nr
+  },
+  // palette
+  color: {
+    themeKey: "palette",
+    transform: Me
+  },
+  bgcolor: {
+    themeKey: "palette",
+    cssProperty: "backgroundColor",
+    transform: Me
+  },
+  backgroundColor: {
+    themeKey: "palette",
+    transform: Me
+  },
+  // spacing
+  p: {
+    style: H
+  },
+  pt: {
+    style: H
+  },
+  pr: {
+    style: H
+  },
+  pb: {
+    style: H
+  },
+  pl: {
+    style: H
+  },
+  px: {
+    style: H
+  },
+  py: {
+    style: H
+  },
+  padding: {
+    style: H
+  },
+  paddingTop: {
+    style: H
+  },
+  paddingRight: {
+    style: H
+  },
+  paddingBottom: {
+    style: H
+  },
+  paddingLeft: {
+    style: H
+  },
+  paddingX: {
+    style: H
+  },
+  paddingY: {
+    style: H
+  },
+  paddingInline: {
+    style: H
+  },
+  paddingInlineStart: {
+    style: H
+  },
+  paddingInlineEnd: {
+    style: H
+  },
+  paddingBlock: {
+    style: H
+  },
+  paddingBlockStart: {
+    style: H
+  },
+  paddingBlockEnd: {
+    style: H
+  },
+  m: {
+    style: q
+  },
+  mt: {
+    style: q
+  },
+  mr: {
+    style: q
+  },
+  mb: {
+    style: q
+  },
+  ml: {
+    style: q
+  },
+  mx: {
+    style: q
+  },
+  my: {
+    style: q
+  },
+  margin: {
+    style: q
+  },
+  marginTop: {
+    style: q
+  },
+  marginRight: {
+    style: q
+  },
+  marginBottom: {
+    style: q
+  },
+  marginLeft: {
+    style: q
+  },
+  marginX: {
+    style: q
+  },
+  marginY: {
+    style: q
+  },
+  marginInline: {
+    style: q
+  },
+  marginInlineStart: {
+    style: q
+  },
+  marginInlineEnd: {
+    style: q
+  },
+  marginBlock: {
+    style: q
+  },
+  marginBlockStart: {
+    style: q
+  },
+  marginBlockEnd: {
+    style: q
+  },
+  // 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: or
+  },
+  rowGap: {
+    style: ar
+  },
+  columnGap: {
+    style: ir
+  },
+  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: ue
+  },
+  maxWidth: {
+    style: _r
+  },
+  minWidth: {
+    transform: ue
+  },
+  height: {
+    transform: ue
+  },
+  maxHeight: {
+    transform: ue
+  },
+  minHeight: {
+    transform: ue
+  },
+  boxSizing: {},
+  // typography
+  fontFamily: {
+    themeKey: "typography"
+  },
+  fontSize: {
+    themeKey: "typography"
+  },
+  fontStyle: {
+    themeKey: "typography"
+  },
+  fontWeight: {
+    themeKey: "typography"
+  },
+  letterSpacing: {},
+  textTransform: {},
+  lineHeight: {},
+  textAlign: {},
+  typography: {
+    cssProperty: !1,
+    themeKey: "typography"
+  }
+}, Rr = oo;
+function io(...e) {
+  const r = e.reduce((n, i) => n.concat(Object.keys(i)), []), o = new Set(r);
+  return e.every((n) => o.size === Object.keys(n).length);
+}
+function ao(e, r) {
+  return typeof e == "function" ? e(r) : e;
+}
+function so() {
+  function e(o, n, i, a) {
+    const s = {
+      [o]: n,
+      theme: i
+    }, l = a[o];
+    if (!l)
+      return {
+        [o]: n
+      };
+    const {
+      cssProperty: d = o,
+      themeKey: p,
+      transform: g,
+      style: b
+    } = l;
+    if (n == null)
+      return null;
+    if (p === "typography" && n === "inherit")
+      return {
+        [o]: n
+      };
+    const f = Qe(i, p) || {};
+    return b ? b(s) : Te(s, n, (O) => {
+      let h = Ze(f, g, O);
+      return O === h && typeof O == "string" && (h = Ze(f, g, `${o}${O === "default" ? "" : dt(O)}`, O)), d === !1 ? h : {
+        [d]: h
+      };
+    });
+  }
+  function r(o) {
+    var n;
+    const {
+      sx: i,
+      theme: a = {}
+    } = o || {};
+    if (!i)
+      return null;
+    const s = (n = a.unstable_sxConfig) != null ? n : Rr;
+    function l(d) {
+      let p = d;
+      if (typeof d == "function")
+        p = d(a);
+      else if (typeof d != "object")
+        return d;
+      if (!p)
+        return null;
+      const g = En(a.breakpoints), b = Object.keys(g);
+      let f = g;
+      return Object.keys(p).forEach((T) => {
+        const O = ao(p[T], a);
+        if (O != null)
+          if (typeof O == "object")
+            if (s[T])
+              f = ze(f, e(T, O, a, s));
+            else {
+              const h = Te({
+                theme: a
+              }, O, (S) => ({
+                [T]: S
+              }));
+              io(h, O) ? f[T] = r({
+                sx: O,
+                theme: a
+              }) : f = ze(f, h);
+            }
+          else
+            f = ze(f, e(T, O, a, s));
+      }), Tn(b, f);
+    }
+    return Array.isArray(i) ? i.map(l) : l(i);
+  }
+  return r;
+}
+const mt = so();
+mt.filterProps = ["sx"];
+const yt = mt, uo = ["breakpoints", "palette", "spacing", "shape"];
+function co(e = {}, ...r) {
+  const {
+    breakpoints: o = {},
+    palette: n = {},
+    spacing: i,
+    shape: a = {}
+  } = e, s = Fe(e, uo), l = yn(o), d = Pn(i);
+  let p = Ee({
+    breakpoints: l,
+    direction: "ltr",
+    components: {},
+    // Inject component definitions.
+    palette: re({
+      mode: "light"
+    }, n),
+    spacing: d,
+    shape: re({}, bn, a)
+  }, s);
+  return p = r.reduce((g, b) => Ee(g, b), p), p.unstable_sxConfig = re({}, Rr, s == null ? void 0 : s.unstable_sxConfig), p.unstable_sx = function(b) {
+    return yt({
+      sx: b,
+      theme: this
+    });
+  }, p;
+}
+function wr(e, r = 0, o = 1) {
+  return process.env.NODE_ENV !== "production" && (e < r || e > o) && console.error(`MUI: The value provided ${e} is out of range [${r}, ${o}].`), Math.min(Math.max(r, e), o);
+}
+function fo(e) {
+  e = e.slice(1);
+  const r = new RegExp(`.{1,${e.length >= 6 ? 2 : 1}}`, "g");
+  let o = e.match(r);
+  return o && o[0].length === 1 && (o = o.map((n) => n + n)), o ? `rgb${o.length === 4 ? "a" : ""}(${o.map((n, i) => i < 3 ? parseInt(n, 16) : Math.round(parseInt(n, 16) / 255 * 1e3) / 1e3).join(", ")})` : "";
+}
+function Re(e) {
+  if (e.type)
+    return e;
+  if (e.charAt(0) === "#")
+    return Re(fo(e));
+  const r = e.indexOf("("), o = e.substring(0, r);
+  if (["rgb", "rgba", "hsl", "hsla", "color"].indexOf(o) === -1)
+    throw new Error(process.env.NODE_ENV !== "production" ? `MUI: Unsupported \`${e}\` color.
+The following formats are supported: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().` : De(9, e));
+  let n = e.substring(r + 1, e.length - 1), i;
+  if (o === "color") {
+    if (n = n.split(" "), i = n.shift(), n.length === 4 && n[3].charAt(0) === "/" && (n[3] = n[3].slice(1)), ["srgb", "display-p3", "a98-rgb", "prophoto-rgb", "rec-2020"].indexOf(i) === -1)
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: unsupported \`${i}\` color space.
+The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rgb, rec-2020.` : De(10, i));
+  } else
+    n = n.split(",");
+  return n = n.map((a) => parseFloat(a)), {
+    type: o,
+    values: n,
+    colorSpace: i
+  };
+}
+function sr(e) {
+  const {
+    type: r,
+    colorSpace: o
+  } = e;
+  let {
+    values: n
+  } = e;
+  return r.indexOf("rgb") !== -1 ? n = n.map((i, a) => a < 3 ? parseInt(i, 10) : i) : r.indexOf("hsl") !== -1 && (n[1] = `${n[1]}%`, n[2] = `${n[2]}%`), r.indexOf("color") !== -1 ? n = `${o} ${n.join(" ")}` : n = `${n.join(", ")}`, `${r}(${n})`;
+}
+function lo(e) {
+  e = Re(e);
+  const {
+    values: r
+  } = e, o = r[0], n = r[1] / 100, i = r[2] / 100, a = n * Math.min(i, 1 - i), s = (p, g = (p + o / 30) % 12) => i - a * Math.max(Math.min(g - 3, 9 - g, 1), -1);
+  let l = "rgb";
+  const d = [Math.round(s(0) * 255), Math.round(s(8) * 255), Math.round(s(4) * 255)];
+  return e.type === "hsla" && (l += "a", d.push(r[3])), sr({
+    type: l,
+    values: d
+  });
+}
+function et(e) {
+  e = Re(e);
+  let r = e.type === "hsl" || e.type === "hsla" ? Re(lo(e)).values : e.values;
+  return r = r.map((o) => (e.type !== "color" && (o /= 255), o <= 0.03928 ? o / 12.92 : ((o + 0.055) / 1.055) ** 2.4)), Number((0.2126 * r[0] + 0.7152 * r[1] + 0.0722 * r[2]).toFixed(3));
+}
+function rt(e, r) {
+  const o = et(e), n = et(r);
+  return (Math.max(o, n) + 0.05) / (Math.min(o, n) + 0.05);
+}
+function je(e, r) {
+  return e = Re(e), r = wr(r), (e.type === "rgb" || e.type === "hsl") && (e.type += "a"), e.type === "color" ? e.values[3] = `/${r}` : e.values[3] = r, sr(e);
+}
+function po(e, r) {
+  if (e = Re(e), r = wr(r), e.type.indexOf("hsl") !== -1)
+    e.values[2] *= 1 - r;
+  else if (e.type.indexOf("rgb") !== -1 || e.type.indexOf("color") !== -1)
+    for (let o = 0; o < 3; o += 1)
+      e.values[o] *= 1 - r;
+  return sr(e);
+}
+function go(e, r) {
+  if (e = Re(e), r = wr(r), e.type.indexOf("hsl") !== -1)
+    e.values[2] += (100 - e.values[2]) * r;
+  else if (e.type.indexOf("rgb") !== -1)
+    for (let o = 0; o < 3; o += 1)
+      e.values[o] += (255 - e.values[o]) * r;
+  else if (e.type.indexOf("color") !== -1)
+    for (let o = 0; o < 3; o += 1)
+      e.values[o] += (1 - e.values[o]) * r;
+  return sr(e);
+}
+function mo(e, r) {
+  return re({
+    toolbar: {
+      minHeight: 56,
+      [e.up("xs")]: {
+        "@media (orientation: landscape)": {
+          minHeight: 48
+        }
+      },
+      [e.up("sm")]: {
+        minHeight: 64
+      }
+    }
+  }, r);
+}
+const yo = ["mode", "contrastThreshold", "tonalOffset"], tt = {
+  // 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: Ke.white,
+    default: Ke.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
+  }
+}, vr = {
+  text: {
+    primary: Ke.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: Ke.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 nt(e, r, o, n) {
+  const i = n.light || n, a = n.dark || n * 1.5;
+  e[r] || (e.hasOwnProperty(o) ? e[r] = e[o] : r === "light" ? e.light = go(e.main, i) : r === "dark" && (e.dark = po(e.main, a)));
+}
+function ho(e = "light") {
+  return e === "dark" ? {
+    main: B[200],
+    light: B[50],
+    dark: B[400]
+  } : {
+    main: B[700],
+    light: B[400],
+    dark: B[800]
+  };
+}
+function bo(e = "light") {
+  return e === "dark" ? {
+    main: ee[200],
+    light: ee[50],
+    dark: ee[400]
+  } : {
+    main: ee[500],
+    light: ee[300],
+    dark: ee[700]
+  };
+}
+function vo(e = "light") {
+  return e === "dark" ? {
+    main: me[500],
+    light: me[300],
+    dark: me[700]
+  } : {
+    main: me[700],
+    light: me[400],
+    dark: me[800]
+  };
+}
+function Eo(e = "light") {
+  return e === "dark" ? {
+    main: te[400],
+    light: te[300],
+    dark: te[700]
+  } : {
+    main: te[700],
+    light: te[500],
+    dark: te[900]
+  };
+}
+function To(e = "light") {
+  return e === "dark" ? {
+    main: X[400],
+    light: X[300],
+    dark: X[700]
+  } : {
+    main: X[800],
+    light: X[500],
+    dark: X[900]
+  };
+}
+function Oo(e = "light") {
+  return e === "dark" ? {
+    main: Q[400],
+    light: Q[300],
+    dark: Q[700]
+  } : {
+    main: "#ed6c02",
+    // closest to orange[800] that pass 3:1.
+    light: Q[500],
+    dark: Q[900]
+  };
+}
+function xo(e) {
+  const {
+    mode: r = "light",
+    contrastThreshold: o = 3,
+    tonalOffset: n = 0.2
+  } = e, i = Fe(e, yo), a = e.primary || ho(r), s = e.secondary || bo(r), l = e.error || vo(r), d = e.info || Eo(r), p = e.success || To(r), g = e.warning || Oo(r);
+  function b(h) {
+    const S = rt(h, vr.text.primary) >= o ? vr.text.primary : tt.text.primary;
+    if (process.env.NODE_ENV !== "production") {
+      const F = rt(h, S);
+      F < 3 && console.error([`MUI: The contrast ratio of ${F}:1 for ${S} on ${h}`, "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 S;
+  }
+  const f = ({
+    color: h,
+    name: S,
+    mainShade: F = 500,
+    lightShade: G = 300,
+    darkShade: K = 700
+  }) => {
+    if (h = re({}, h), !h.main && h[F] && (h.main = h[F]), !h.hasOwnProperty("main"))
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${S ? ` (${S})` : ""} provided to augmentColor(color) is invalid.
+The color object needs to have a \`main\` property or a \`${F}\` property.` : De(11, S ? ` (${S})` : "", F));
+    if (typeof h.main != "string")
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${S ? ` (${S})` : ""} provided to augmentColor(color) is invalid.
+\`color.main\` should be a string, but \`${JSON.stringify(h.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] },
+} });` : De(12, S ? ` (${S})` : "", JSON.stringify(h.main)));
+    return nt(h, "light", G, n), nt(h, "dark", K, n), h.contrastText || (h.contrastText = b(h.main)), h;
+  }, T = {
+    dark: vr,
+    light: tt
+  };
+  return process.env.NODE_ENV !== "production" && (T[r] || console.error(`MUI: The palette mode \`${r}\` is not supported.`)), Ee(re({
+    // A collection of common colors.
+    common: re({}, Ke),
+    // 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: l,
+      name: "error"
+    }),
+    // The colors used to represent potentially dangerous actions or important messages.
+    warning: f({
+      color: g,
+      name: "warning"
+    }),
+    // The colors used to present information to the user that is neutral and not necessarily important.
+    info: f({
+      color: d,
+      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: j,
+    // Used by `getContrastText()` to maximize the contrast between
+    // the background and the text.
+    contrastThreshold: o,
+    // Takes a background color and returns the text color that maximizes the contrast.
+    getContrastText: b,
+    // 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
+  }, T[r]), i);
+}
+const _o = ["fontFamily", "fontSize", "fontWeightLight", "fontWeightRegular", "fontWeightMedium", "fontWeightBold", "htmlFontSize", "allVariants", "pxToRem"];
+function Ro(e) {
+  return Math.round(e * 1e5) / 1e5;
+}
+const ot = {
+  textTransform: "uppercase"
+}, it = '"Roboto", "Helvetica", "Arial", sans-serif';
+function wo(e, r) {
+  const o = typeof r == "function" ? r(e) : r, {
+    fontFamily: n = it,
+    // The default font size of the Material Specification.
+    fontSize: i = 14,
+    // px
+    fontWeightLight: a = 300,
+    fontWeightRegular: s = 400,
+    fontWeightMedium: l = 500,
+    fontWeightBold: d = 700,
+    // Tell MUI what's the font-size on the html element.
+    // 16px is the default font-size used by browsers.
+    htmlFontSize: p = 16,
+    // Apply the CSS properties to all the variants.
+    allVariants: g,
+    pxToRem: b
+  } = o, f = Fe(o, _o);
+  process.env.NODE_ENV !== "production" && (typeof i != "number" && console.error("MUI: `fontSize` is required to be a number."), typeof p != "number" && console.error("MUI: `htmlFontSize` is required to be a number."));
+  const T = i / 14, O = b || ((F) => `${F / p * T}rem`), h = (F, G, K, V, v) => re({
+    fontFamily: n,
+    fontWeight: F,
+    fontSize: O(G),
+    // Unitless following https://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/
+    lineHeight: K
+  }, n === it ? {
+    letterSpacing: `${Ro(V / G)}em`
+  } : {}, v, g), S = {
+    h1: h(a, 96, 1.167, -1.5),
+    h2: h(a, 60, 1.2, -0.5),
+    h3: h(s, 48, 1.167, 0),
+    h4: h(s, 34, 1.235, 0.25),
+    h5: h(s, 24, 1.334, 0),
+    h6: h(l, 20, 1.6, 0.15),
+    subtitle1: h(s, 16, 1.75, 0.15),
+    subtitle2: h(l, 14, 1.57, 0.1),
+    body1: h(s, 16, 1.5, 0.15),
+    body2: h(s, 14, 1.43, 0.15),
+    button: h(l, 14, 1.75, 0.4, ot),
+    caption: h(s, 12, 1.66, 0.4),
+    overline: h(s, 12, 2.66, 1, ot),
+    // 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 Ee(re({
+    htmlFontSize: p,
+    pxToRem: O,
+    fontFamily: n,
+    fontSize: i,
+    fontWeightLight: a,
+    fontWeightRegular: s,
+    fontWeightMedium: l,
+    fontWeightBold: d
+  }, S), f, {
+    clone: !1
+    // No need to clone deep
+  });
+}
+const Co = 0.2, So = 0.14, Po = 0.12;
+function z(...e) {
+  return [`${e[0]}px ${e[1]}px ${e[2]}px ${e[3]}px rgba(0,0,0,${Co})`, `${e[4]}px ${e[5]}px ${e[6]}px ${e[7]}px rgba(0,0,0,${So})`, `${e[8]}px ${e[9]}px ${e[10]}px ${e[11]}px rgba(0,0,0,${Po})`].join(",");
+}
+const Ao = ["none", z(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), z(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), z(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), z(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), z(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), z(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), z(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), z(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), z(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), z(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), z(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), z(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), z(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), z(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), z(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), z(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), z(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), z(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), z(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), z(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), z(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), z(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), z(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), z(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)], $o = Ao, ko = ["duration", "easing", "delay"], jo = {
+  // 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)"
+}, Io = {
+  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 at(e) {
+  return `${Math.round(e)}ms`;
+}
+function Mo(e) {
+  if (!e)
+    return 0;
+  const r = e / 36;
+  return Math.round((4 + 15 * r ** 0.25 + r / 5) * 10);
+}
+function Do(e) {
+  const r = re({}, jo, e.easing), o = re({}, Io, e.duration);
+  return re({
+    getAutoHeightDuration: Mo,
+    create: (i = ["all"], a = {}) => {
+      const {
+        duration: s = o.standard,
+        easing: l = r.easeInOut,
+        delay: d = 0
+      } = a, p = Fe(a, ko);
+      if (process.env.NODE_ENV !== "production") {
+        const g = (f) => typeof f == "string", b = (f) => !isNaN(parseFloat(f));
+        !g(i) && !Array.isArray(i) && console.error('MUI: Argument "props" must be a string or Array.'), !b(s) && !g(s) && console.error(`MUI: Argument "duration" must be a number or a string but found ${s}.`), g(l) || console.error('MUI: Argument "easing" must be a string.'), !b(d) && !g(d) && 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(i) ? i : [i]).map((g) => `${g} ${typeof s == "string" ? s : at(s)} ${l} ${typeof d == "string" ? d : at(d)}`).join(",");
+    }
+  }, e, {
+    easing: r,
+    duration: o
+  });
+}
+const Fo = {
+  mobileStepper: 1e3,
+  fab: 1050,
+  speedDial: 1050,
+  appBar: 1100,
+  drawer: 1200,
+  modal: 1300,
+  snackbar: 1400,
+  tooltip: 1500
+}, No = Fo, Bo = ["breakpoints", "mixins", "spacing", "palette", "transitions", "typography", "shape"];
+function Wo(e = {}, ...r) {
+  const {
+    mixins: o = {},
+    palette: n = {},
+    transitions: i = {},
+    typography: a = {}
+  } = e, s = Fe(e, Bo);
+  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." : De(18));
+  const l = xo(n), d = co(e);
+  let p = Ee(d, {
+    mixins: mo(d.breakpoints, o),
+    palette: l,
+    // Don't use [...shadows] until you've verified its transpiled code is not invoking the iterator protocol.
+    shadows: $o.slice(),
+    typography: wo(l, a),
+    transitions: Do(i),
+    zIndex: re({}, No)
+  });
+  if (p = Ee(p, s), p = r.reduce((g, b) => Ee(g, b), p), process.env.NODE_ENV !== "production") {
+    const g = ["active", "checked", "completed", "disabled", "error", "expanded", "focused", "focusVisible", "required", "selected"], b = (f, T) => {
+      let O;
+      for (O in f) {
+        const h = f[O];
+        if (g.indexOf(O) !== -1 && Object.keys(h).length > 0) {
+          if (process.env.NODE_ENV !== "production") {
+            const S = pn("", O);
+            console.error([`MUI: The \`${T}\` component increases the CSS specificity of the \`${O}\` internal state.`, "You can not override it like this: ", JSON.stringify(f, null, 2), "", `Instead, you need to use the '&.${S}' syntax:`, JSON.stringify({
+              root: {
+                [`&.${S}`]: h
+              }
+            }, null, 2), "", "https://mui.com/r/state-classes-guide"].join(`
+`));
+          }
+          f[O] = {};
+        }
+      }
+    };
+    Object.keys(p.components).forEach((f) => {
+      const T = p.components[f].styleOverrides;
+      T && f.indexOf("Mui") === 0 && b(T, f);
+    });
+  }
+  return p.unstable_sxConfig = re({}, Rr, s == null ? void 0 : s.unstable_sxConfig), p.unstable_sx = function(b) {
+    return yt({
+      sx: b,
+      theme: this
+    });
+  }, p;
+}
+const st = {
+  blue1000: "#030E22"
+  // purple1000: '#270B4A',
+}, Go = Wo({
+  typography: {
+    fontFamily: ["Inter", "Roboto", "sans-serif"].join(",")
+  },
+  components: {
+    MuiAutocomplete: {
+      styleOverrides: {
+        root: {
+          ".MuiChip-root": {
+            backgroundColor: B[50]
+          },
+          ".MuiChip-root .MuiChip-deleteIcon": {
+            color: B[800],
+            "&:hover": {
+              color: B[900]
+            }
+          }
+        }
+      }
+    },
+    MuiButtonBase: {
+      defaultProps: {
+        disableRipple: !0
+      }
+    },
+    MuiButton: {
+      defaultProps: {
+        disableRipple: !0
+      },
+      styleOverrides: {
+        root: {
+          textTransform: "capitalize"
+        },
+        textPrimary: {
+          color: B[400]
+        },
+        outlinedInherit: {
+          borderColor: je(j[900], 0.03)
+        },
+        outlinedPrimary: {
+          borderColor: j[700]
+        }
+      }
+    },
+    MuiIconButton: {
+      defaultProps: {
+        disableRipple: !0
+      }
+    },
+    MuiChip: {
+      styleOverrides: {
+        filledPrimary: {
+          backgroundColor: B[50],
+          color: st.blue1000,
+          ".MuiChip-deleteIcon": {
+            color: B[800],
+            "&:hover": {
+              color: B[900]
+            },
+            "&:active": {
+              color: B[900]
+            }
+          }
+        },
+        filledSuccess: {
+          backgroundColor: X[50],
+          color: X[900]
+        },
+        filledError: {
+          backgroundColor: me[50],
+          color: B[900]
+        }
+      }
+    },
+    MuiDataGrid: {
+      styleOverrides: {
+        root: {
+          border: "none",
+          ".MuiDataGrid-toolbarContainer .MuiTextField-root": {
+            backgroundColor: j[100],
+            padding: "8px",
+            borderRadius: "8px"
+          },
+          ".MuiInput-underline:before": {
+            borderBottom: "none !important",
+            color: "red"
+          },
+          ".MuiDataGrid-toolbarContainer button": {
+            backgroundColor: j[100],
+            color: j[900],
+            padding: "4px 10px"
+          },
+          ".MuiDataGrid-toolbarContainer svg": {
+            color: j[700]
+          },
+          ".MuiDataGrid-cell:focus": {
+            outline: "none"
+          },
+          ".MuiDataGrid-columnHeaderTitle": {
+            fontWeight: 500
+          }
+        }
+      }
+    },
+    MuiLink: {
+      styleOverrides: {
+        root: {
+          color: B[400],
+          textDecoration: "none"
+        }
+      }
+    },
+    MuiSelect: {
+      defaultProps: {
+        size: "small"
+      },
+      styleOverrides: {
+        root: {
+          backgroundColor: j[100],
+          ".MuiInputBase-root": {
+            backgroundColor: j[100]
+          },
+          ".MuiInputBase-input": {
+            backgroundColor: j[100]
+          }
+        }
+      }
+    },
+    MuiTabs: {
+      styleOverrides: {
+        root: {
+          ".MuiButtonBase-root": {
+            textTransform: "none"
+          }
+        }
+      }
+    },
+    MuiTextField: {
+      defaultProps: {
+        size: "small"
+      },
+      styleOverrides: {
+        root: {
+          backgroundColor: j[100],
+          borderRadius: "8px",
+          "& fieldset": { border: "none" },
+          ".MuiOutlinedInput-root": {
+            paddingLeft: 0
+          },
+          ".MuiInputAdornment-root": {
+            paddingLeft: "12px"
+          },
+          ".MuiInputBase-root": {
+            backgroundColor: j[100]
+          },
+          ".MuiFormHelperText-root": {
+            marginLeft: 0
+          }
+        }
+      }
+    }
+  },
+  palette: {
+    text: {
+      primary: j[900],
+      secondary: j[700],
+      disabled: j[700]
+    },
+    focusVisible: je(B[700], 0.3),
+    blue50: B[50],
+    blue100: B[100],
+    blue200: B[200],
+    blue300: B[300],
+    blue400: B[400],
+    blue500: B[500],
+    blue600: B[600],
+    blue700: B[700],
+    blue800: B[800],
+    blue900: B[900],
+    blue1000: st.blue1000,
+    indigo50: de[50],
+    indigo100: de[100],
+    indigo200: de[200],
+    indigo300: de[300],
+    indigo400: de[400],
+    indigo500: de[500],
+    indigo600: de[600],
+    indigo700: de[700],
+    indigo800: de[800],
+    indigo900: de[900],
+    green50: X[50],
+    green100: X[100],
+    green200: X[200],
+    green300: X[300],
+    green400: X[400],
+    green500: X[500],
+    green600: X[600],
+    green700: X[700],
+    green800: X[800],
+    green900: X[900],
+    lightBlue50: te[50],
+    lightBlue100: te[100],
+    lightBlue200: te[200],
+    lightBlue300: te[300],
+    lightBlue400: te[400],
+    lightBlue500: te[500],
+    lightBlue600: te[600],
+    lightBlue700: te[700],
+    lightBlue800: te[800],
+    lightBlue900: te[900],
+    lightGreen50: pe[50],
+    lightGreen100: pe[100],
+    lightGreen200: pe[200],
+    lightGreen300: pe[300],
+    lightGreen400: pe[400],
+    lightGreen500: pe[500],
+    lightGreen600: pe[600],
+    lightGreen700: pe[700],
+    lightGreen800: pe[800],
+    lightGreen900: pe[900],
+    neutral50: j[50],
+    neutral100: j[100],
+    neutral200: j[200],
+    neutral300: j[300],
+    neutral400: j[400],
+    neutral500: j[500],
+    neutral600: j[600],
+    neutral700: j[700],
+    neutral800: j[800],
+    neutral900: j[900],
+    neutralA100: j.A100,
+    neutralA200: j.A200,
+    neutralA400: j.A400,
+    neutralA700: j.A700,
+    orange50: Q[50],
+    orange100: Q[100],
+    orange200: Q[200],
+    orange300: Q[300],
+    orange400: Q[400],
+    orange500: Q[500],
+    orange600: Q[600],
+    orange700: Q[700],
+    orange800: Q[800],
+    orange900: Q[900],
+    purple50: ee[50],
+    purple100: ee[100],
+    purple200: ee[200],
+    purple300: ee[300],
+    purple400: ee[400],
+    purple500: ee[500],
+    purple600: ee[600],
+    purple700: ee[700],
+    purple800: ee[800],
+    purple900: ee[900],
+    yellow50: ge[50],
+    yellow100: ge[100],
+    yellow200: ge[200],
+    yellow300: ge[300],
+    yellow400: ge[400],
+    yellow500: ge[500],
+    yellow600: ge[600],
+    yellow700: ge[700],
+    yellow800: ge[800],
+    yellow900: ge[900],
+    // todo: add rest of colors. see https://www.figma.com/file/9yr8neepsdgLbiFADaR6M2/MI----Library-Base?type=design&node-id=477-93017&t=wf27RohUWMM0z3UH-0
+    primary: {
+      main: B[700],
+      dark: B[800],
+      light: B[600],
+      contrastText: "#FFFFFF",
+      selected: je(B[700], 0.08)
+    },
+    secondary: {
+      main: ee[500],
+      dark: ee[700],
+      light: ee[300],
+      contrastText: "#FFFFFF"
+    },
+    error: {
+      main: me[700],
+      dark: me[800],
+      light: me[400],
+      contrastText: "#FFFFFF"
+    },
+    warning: {
+      main: Q[800],
+      dark: Q[900],
+      light: Q[500],
+      contrastText: "#FFFFFF"
+    },
+    info: {
+      main: te[800],
+      dark: te[900],
+      light: Q[700],
+      contrastText: "#FFFFFF"
+    },
+    success: {
+      main: X[800],
+      dark: X[900],
+      light: X[500],
+      contrastText: "#FFFFFF"
+    },
+    action: {
+      active: j[700],
+      hover: je(j[700], 0.04),
+      selected: je(j[700], 0.08),
+      focus: je(j[700], 0.12),
+      disabledBackground: j[200],
+      disabled: j[700]
+    }
+  }
+});
 export {
-  vr as TestComponentNoTypography,
-  dr as TestComponentTypography
+  Lo as DemoComponent,
+  Go as MovableUITheme
 };
 //# sourceMappingURL=index.mjs.map