@movable/ui 0.2.1 → 0.2.2

package/lib/index.mjs

@@ -0,0 +1,2544 @@
+const Pr = {
+  black: "#000",
+  white: "#fff"
+}, me = Pr, _r = {
+  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"
+}, ee = _r, Rr = {
+  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"
+}, z = Rr, kr = {
+  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"
+}, X = kr, Ir = {
+  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"
+}, _ = Ir, Mr = {
+  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"
+}, L = Mr, jr = {
+  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"
+}, U = jr, Nr = {
+  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"
+}, Z = Nr, Br = {
+  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"
+}, Q = Br, Dr = {
+  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"
+}, G = Dr, Fr = {
+  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"
+}, C = Fr;
+function K() {
+  return K = Object.assign ? Object.assign.bind() : function(e) {
+    for (var r = 1; r < arguments.length; r++) {
+      var n = arguments[r];
+      for (var t in n)
+        Object.prototype.hasOwnProperty.call(n, t) && (e[t] = n[t]);
+    }
+    return e;
+  }, K.apply(this, arguments);
+}
+function fe(e) {
+  return e !== null && typeof e == "object" && e.constructor === Object;
+}
+function Tr(e) {
+  if (!fe(e))
+    return e;
+  const r = {};
+  return Object.keys(e).forEach((n) => {
+    r[n] = Tr(e[n]);
+  }), r;
+}
+function te(e, r, n = {
+  clone: !0
+}) {
+  const t = n.clone ? K({}, e) : e;
+  return fe(e) && fe(r) && Object.keys(r).forEach((o) => {
+    o !== "__proto__" && (fe(r[o]) && o in e && fe(e[o]) ? t[o] = te(e[o], r[o], n) : n.clone ? t[o] = fe(r[o]) ? Tr(r[o]) : r[o] : t[o] = r[o]);
+  }), t;
+}
+function Ur(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var Ve = { exports: {} }, Oe = { exports: {} }, R = {};
+/** @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 rr;
+function Wr() {
+  if (rr)
+    return R;
+  rr = 1;
+  var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, n = e ? Symbol.for("react.portal") : 60106, t = e ? Symbol.for("react.fragment") : 60107, o = e ? Symbol.for("react.strict_mode") : 60108, i = e ? Symbol.for("react.profiler") : 60114, a = e ? Symbol.for("react.provider") : 60109, c = e ? Symbol.for("react.context") : 60110, g = e ? Symbol.for("react.async_mode") : 60111, f = e ? Symbol.for("react.concurrent_mode") : 60111, m = e ? Symbol.for("react.forward_ref") : 60112, h = e ? Symbol.for("react.suspense") : 60113, u = e ? Symbol.for("react.suspense_list") : 60120, b = e ? Symbol.for("react.memo") : 60115, v = e ? Symbol.for("react.lazy") : 60116, l = e ? Symbol.for("react.block") : 60121, O = e ? Symbol.for("react.fundamental") : 60117, j = e ? Symbol.for("react.responder") : 60118, V = e ? Symbol.for("react.scope") : 60119;
+  function F(p) {
+    if (typeof p == "object" && p !== null) {
+      var ie = p.$$typeof;
+      switch (ie) {
+        case r:
+          switch (p = p.type, p) {
+            case g:
+            case f:
+            case t:
+            case i:
+            case o:
+            case h:
+              return p;
+            default:
+              switch (p = p && p.$$typeof, p) {
+                case c:
+                case m:
+                case v:
+                case b:
+                case a:
+                  return p;
+                default:
+                  return ie;
+              }
+          }
+        case n:
+          return ie;
+      }
+    }
+  }
+  function W(p) {
+    return F(p) === f;
+  }
+  return R.AsyncMode = g, R.ConcurrentMode = f, R.ContextConsumer = c, R.ContextProvider = a, R.Element = r, R.ForwardRef = m, R.Fragment = t, R.Lazy = v, R.Memo = b, R.Portal = n, R.Profiler = i, R.StrictMode = o, R.Suspense = h, R.isAsyncMode = function(p) {
+    return W(p) || F(p) === g;
+  }, R.isConcurrentMode = W, R.isContextConsumer = function(p) {
+    return F(p) === c;
+  }, R.isContextProvider = function(p) {
+    return F(p) === a;
+  }, R.isElement = function(p) {
+    return typeof p == "object" && p !== null && p.$$typeof === r;
+  }, R.isForwardRef = function(p) {
+    return F(p) === m;
+  }, R.isFragment = function(p) {
+    return F(p) === t;
+  }, R.isLazy = function(p) {
+    return F(p) === v;
+  }, R.isMemo = function(p) {
+    return F(p) === b;
+  }, R.isPortal = function(p) {
+    return F(p) === n;
+  }, R.isProfiler = function(p) {
+    return F(p) === i;
+  }, R.isStrictMode = function(p) {
+    return F(p) === o;
+  }, R.isSuspense = function(p) {
+    return F(p) === h;
+  }, R.isValidElementType = function(p) {
+    return typeof p == "string" || typeof p == "function" || p === t || p === f || p === i || p === o || p === h || p === u || typeof p == "object" && p !== null && (p.$$typeof === v || p.$$typeof === b || p.$$typeof === a || p.$$typeof === c || p.$$typeof === m || p.$$typeof === O || p.$$typeof === j || p.$$typeof === V || p.$$typeof === l);
+  }, R.typeOf = F, R;
+}
+var k = {};
+/** @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 tr;
+function Gr() {
+  return tr || (tr = 1, process.env.NODE_ENV !== "production" && function() {
+    var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, n = e ? Symbol.for("react.portal") : 60106, t = e ? Symbol.for("react.fragment") : 60107, o = e ? Symbol.for("react.strict_mode") : 60108, i = e ? Symbol.for("react.profiler") : 60114, a = e ? Symbol.for("react.provider") : 60109, c = e ? Symbol.for("react.context") : 60110, g = e ? Symbol.for("react.async_mode") : 60111, f = e ? Symbol.for("react.concurrent_mode") : 60111, m = e ? Symbol.for("react.forward_ref") : 60112, h = e ? Symbol.for("react.suspense") : 60113, u = e ? Symbol.for("react.suspense_list") : 60120, b = e ? Symbol.for("react.memo") : 60115, v = e ? Symbol.for("react.lazy") : 60116, l = e ? Symbol.for("react.block") : 60121, O = e ? Symbol.for("react.fundamental") : 60117, j = e ? Symbol.for("react.responder") : 60118, V = e ? Symbol.for("react.scope") : 60119;
+    function F(d) {
+      return typeof d == "string" || typeof d == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
+      d === t || d === f || d === i || d === o || d === h || d === u || typeof d == "object" && d !== null && (d.$$typeof === v || d.$$typeof === b || d.$$typeof === a || d.$$typeof === c || d.$$typeof === m || d.$$typeof === O || d.$$typeof === j || d.$$typeof === V || d.$$typeof === l);
+    }
+    function W(d) {
+      if (typeof d == "object" && d !== null) {
+        var J = d.$$typeof;
+        switch (J) {
+          case r:
+            var Te = d.type;
+            switch (Te) {
+              case g:
+              case f:
+              case t:
+              case i:
+              case o:
+              case h:
+                return Te;
+              default:
+                var er = Te && Te.$$typeof;
+                switch (er) {
+                  case c:
+                  case m:
+                  case v:
+                  case b:
+                  case a:
+                    return er;
+                  default:
+                    return J;
+                }
+            }
+          case n:
+            return J;
+        }
+      }
+    }
+    var p = g, ie = f, Ie = c, Me = a, je = r, Ne = m, ve = t, Be = v, De = b, ue = n, Fe = i, H = o, ae = h, xe = !1;
+    function Ue(d) {
+      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.")), s(d) || W(d) === g;
+    }
+    function s(d) {
+      return W(d) === f;
+    }
+    function y(d) {
+      return W(d) === c;
+    }
+    function $(d) {
+      return W(d) === a;
+    }
+    function E(d) {
+      return typeof d == "object" && d !== null && d.$$typeof === r;
+    }
+    function x(d) {
+      return W(d) === m;
+    }
+    function S(d) {
+      return W(d) === t;
+    }
+    function T(d) {
+      return W(d) === v;
+    }
+    function w(d) {
+      return W(d) === b;
+    }
+    function A(d) {
+      return W(d) === n;
+    }
+    function M(d) {
+      return W(d) === i;
+    }
+    function P(d) {
+      return W(d) === o;
+    }
+    function Y(d) {
+      return W(d) === h;
+    }
+    k.AsyncMode = p, k.ConcurrentMode = ie, k.ContextConsumer = Ie, k.ContextProvider = Me, k.Element = je, k.ForwardRef = Ne, k.Fragment = ve, k.Lazy = Be, k.Memo = De, k.Portal = ue, k.Profiler = Fe, k.StrictMode = H, k.Suspense = ae, k.isAsyncMode = Ue, k.isConcurrentMode = s, k.isContextConsumer = y, k.isContextProvider = $, k.isElement = E, k.isForwardRef = x, k.isFragment = S, k.isLazy = T, k.isMemo = w, k.isPortal = A, k.isProfiler = M, k.isStrictMode = P, k.isSuspense = Y, k.isValidElementType = F, k.typeOf = W;
+  }()), k;
+}
+var nr;
+function Or() {
+  return nr || (nr = 1, process.env.NODE_ENV === "production" ? Oe.exports = Wr() : Oe.exports = Gr()), Oe.exports;
+}
+/*
+object-assign
+(c) Sindre Sorhus
+@license MIT
+*/
+var We, or;
+function zr() {
+  if (or)
+    return We;
+  or = 1;
+  var e = Object.getOwnPropertySymbols, r = Object.prototype.hasOwnProperty, n = Object.prototype.propertyIsEnumerable;
+  function t(i) {
+    if (i == null)
+      throw new TypeError("Object.assign cannot be called with null or undefined");
+    return Object(i);
+  }
+  function o() {
+    try {
+      if (!Object.assign)
+        return !1;
+      var i = new String("abc");
+      if (i[5] = "de", Object.getOwnPropertyNames(i)[0] === "5")
+        return !1;
+      for (var a = {}, c = 0; c < 10; c++)
+        a["_" + String.fromCharCode(c)] = c;
+      var g = Object.getOwnPropertyNames(a).map(function(m) {
+        return a[m];
+      });
+      if (g.join("") !== "0123456789")
+        return !1;
+      var f = {};
+      return "abcdefghijklmnopqrst".split("").forEach(function(m) {
+        f[m] = m;
+      }), Object.keys(Object.assign({}, f)).join("") === "abcdefghijklmnopqrst";
+    } catch {
+      return !1;
+    }
+  }
+  return We = o() ? Object.assign : function(i, a) {
+    for (var c, g = t(i), f, m = 1; m < arguments.length; m++) {
+      c = Object(arguments[m]);
+      for (var h in c)
+        r.call(c, h) && (g[h] = c[h]);
+      if (e) {
+        f = e(c);
+        for (var u = 0; u < f.length; u++)
+          n.call(c, f[u]) && (g[f[u]] = c[f[u]]);
+      }
+    }
+    return g;
+  }, We;
+}
+var Ge, ir;
+function He() {
+  if (ir)
+    return Ge;
+  ir = 1;
+  var e = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
+  return Ge = e, Ge;
+}
+var ze, ar;
+function Er() {
+  return ar || (ar = 1, ze = Function.call.bind(Object.prototype.hasOwnProperty)), ze;
+}
+var Ke, sr;
+function Kr() {
+  if (sr)
+    return Ke;
+  sr = 1;
+  var e = function() {
+  };
+  if (process.env.NODE_ENV !== "production") {
+    var r = He(), n = {}, t = Er();
+    e = function(i) {
+      var a = "Warning: " + i;
+      typeof console < "u" && console.error(a);
+      try {
+        throw new Error(a);
+      } catch {
+      }
+    };
+  }
+  function o(i, a, c, g, f) {
+    if (process.env.NODE_ENV !== "production") {
+      for (var m in i)
+        if (t(i, m)) {
+          var h;
+          try {
+            if (typeof i[m] != "function") {
+              var u = Error(
+                (g || "React class") + ": " + c + " type `" + m + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof i[m] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
+              );
+              throw u.name = "Invariant Violation", u;
+            }
+            h = i[m](a, m, g, c, null, r);
+          } catch (v) {
+            h = v;
+          }
+          if (h && !(h instanceof Error) && e(
+            (g || "React class") + ": type specification of " + c + " `" + m + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof h + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
+          ), h instanceof Error && !(h.message in n)) {
+            n[h.message] = !0;
+            var b = f ? f() : "";
+            e(
+              "Failed " + c + " type: " + h.message + (b ?? "")
+            );
+          }
+        }
+    }
+  }
+  return o.resetWarningCache = function() {
+    process.env.NODE_ENV !== "production" && (n = {});
+  }, Ke = o, Ke;
+}
+var Le, ur;
+function Lr() {
+  if (ur)
+    return Le;
+  ur = 1;
+  var e = Or(), r = zr(), n = He(), t = Er(), o = Kr(), i = function() {
+  };
+  process.env.NODE_ENV !== "production" && (i = function(c) {
+    var g = "Warning: " + c;
+    typeof console < "u" && console.error(g);
+    try {
+      throw new Error(g);
+    } catch {
+    }
+  });
+  function a() {
+    return null;
+  }
+  return Le = function(c, g) {
+    var f = typeof Symbol == "function" && Symbol.iterator, m = "@@iterator";
+    function h(s) {
+      var y = s && (f && s[f] || s[m]);
+      if (typeof y == "function")
+        return y;
+    }
+    var u = "<<anonymous>>", b = {
+      array: j("array"),
+      bigint: j("bigint"),
+      bool: j("boolean"),
+      func: j("function"),
+      number: j("number"),
+      object: j("object"),
+      string: j("string"),
+      symbol: j("symbol"),
+      any: V(),
+      arrayOf: F,
+      element: W(),
+      elementType: p(),
+      instanceOf: ie,
+      node: Ne(),
+      objectOf: Me,
+      oneOf: Ie,
+      oneOfType: je,
+      shape: Be,
+      exact: De
+    };
+    function v(s, y) {
+      return s === y ? s !== 0 || 1 / s === 1 / y : s !== s && y !== y;
+    }
+    function l(s, y) {
+      this.message = s, this.data = y && typeof y == "object" ? y : {}, this.stack = "";
+    }
+    l.prototype = Error.prototype;
+    function O(s) {
+      if (process.env.NODE_ENV !== "production")
+        var y = {}, $ = 0;
+      function E(S, T, w, A, M, P, Y) {
+        if (A = A || u, P = P || w, Y !== n) {
+          if (g) {
+            var d = 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 d.name = "Invariant Violation", d;
+          } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
+            var J = A + ":" + w;
+            !y[J] && // Avoid spamming the console because they are often not actionable except for lib authors
+            $ < 3 && (i(
+              "You are manually calling a React.PropTypes validation function for the `" + P + "` 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."
+            ), y[J] = !0, $++);
+          }
+        }
+        return T[w] == null ? S ? T[w] === null ? new l("The " + M + " `" + P + "` is marked as required " + ("in `" + A + "`, but its value is `null`.")) : new l("The " + M + " `" + P + "` is marked as required in " + ("`" + A + "`, but its value is `undefined`.")) : null : s(T, w, A, M, P);
+      }
+      var x = E.bind(null, !1);
+      return x.isRequired = E.bind(null, !0), x;
+    }
+    function j(s) {
+      function y($, E, x, S, T, w) {
+        var A = $[E], M = H(A);
+        if (M !== s) {
+          var P = ae(A);
+          return new l(
+            "Invalid " + S + " `" + T + "` of type " + ("`" + P + "` supplied to `" + x + "`, expected ") + ("`" + s + "`."),
+            { expectedType: s }
+          );
+        }
+        return null;
+      }
+      return O(y);
+    }
+    function V() {
+      return O(a);
+    }
+    function F(s) {
+      function y($, E, x, S, T) {
+        if (typeof s != "function")
+          return new l("Property `" + T + "` of component `" + x + "` has invalid PropType notation inside arrayOf.");
+        var w = $[E];
+        if (!Array.isArray(w)) {
+          var A = H(w);
+          return new l("Invalid " + S + " `" + T + "` of type " + ("`" + A + "` supplied to `" + x + "`, expected an array."));
+        }
+        for (var M = 0; M < w.length; M++) {
+          var P = s(w, M, x, S, T + "[" + M + "]", n);
+          if (P instanceof Error)
+            return P;
+        }
+        return null;
+      }
+      return O(y);
+    }
+    function W() {
+      function s(y, $, E, x, S) {
+        var T = y[$];
+        if (!c(T)) {
+          var w = H(T);
+          return new l("Invalid " + x + " `" + S + "` of type " + ("`" + w + "` supplied to `" + E + "`, expected a single ReactElement."));
+        }
+        return null;
+      }
+      return O(s);
+    }
+    function p() {
+      function s(y, $, E, x, S) {
+        var T = y[$];
+        if (!e.isValidElementType(T)) {
+          var w = H(T);
+          return new l("Invalid " + x + " `" + S + "` of type " + ("`" + w + "` supplied to `" + E + "`, expected a single ReactElement type."));
+        }
+        return null;
+      }
+      return O(s);
+    }
+    function ie(s) {
+      function y($, E, x, S, T) {
+        if (!($[E] instanceof s)) {
+          var w = s.name || u, A = Ue($[E]);
+          return new l("Invalid " + S + " `" + T + "` of type " + ("`" + A + "` supplied to `" + x + "`, expected ") + ("instance of `" + w + "`."));
+        }
+        return null;
+      }
+      return O(y);
+    }
+    function Ie(s) {
+      if (!Array.isArray(s))
+        return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? i(
+          "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])."
+        ) : i("Invalid argument supplied to oneOf, expected an array.")), a;
+      function y($, E, x, S, T) {
+        for (var w = $[E], A = 0; A < s.length; A++)
+          if (v(w, s[A]))
+            return null;
+        var M = JSON.stringify(s, function(Y, d) {
+          var J = ae(d);
+          return J === "symbol" ? String(d) : d;
+        });
+        return new l("Invalid " + S + " `" + T + "` of value `" + String(w) + "` " + ("supplied to `" + x + "`, expected one of " + M + "."));
+      }
+      return O(y);
+    }
+    function Me(s) {
+      function y($, E, x, S, T) {
+        if (typeof s != "function")
+          return new l("Property `" + T + "` of component `" + x + "` has invalid PropType notation inside objectOf.");
+        var w = $[E], A = H(w);
+        if (A !== "object")
+          return new l("Invalid " + S + " `" + T + "` of type " + ("`" + A + "` supplied to `" + x + "`, expected an object."));
+        for (var M in w)
+          if (t(w, M)) {
+            var P = s(w, M, x, S, T + "." + M, n);
+            if (P instanceof Error)
+              return P;
+          }
+        return null;
+      }
+      return O(y);
+    }
+    function je(s) {
+      if (!Array.isArray(s))
+        return process.env.NODE_ENV !== "production" && i("Invalid argument supplied to oneOfType, expected an instance of array."), a;
+      for (var y = 0; y < s.length; y++) {
+        var $ = s[y];
+        if (typeof $ != "function")
+          return i(
+            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + xe($) + " at index " + y + "."
+          ), a;
+      }
+      function E(x, S, T, w, A) {
+        for (var M = [], P = 0; P < s.length; P++) {
+          var Y = s[P], d = Y(x, S, T, w, A, n);
+          if (d == null)
+            return null;
+          d.data && t(d.data, "expectedType") && M.push(d.data.expectedType);
+        }
+        var J = M.length > 0 ? ", expected one of type [" + M.join(", ") + "]" : "";
+        return new l("Invalid " + w + " `" + A + "` supplied to " + ("`" + T + "`" + J + "."));
+      }
+      return O(E);
+    }
+    function Ne() {
+      function s(y, $, E, x, S) {
+        return ue(y[$]) ? null : new l("Invalid " + x + " `" + S + "` supplied to " + ("`" + E + "`, expected a ReactNode."));
+      }
+      return O(s);
+    }
+    function ve(s, y, $, E, x) {
+      return new l(
+        (s || "React class") + ": " + y + " type `" + $ + "." + E + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + x + "`."
+      );
+    }
+    function Be(s) {
+      function y($, E, x, S, T) {
+        var w = $[E], A = H(w);
+        if (A !== "object")
+          return new l("Invalid " + S + " `" + T + "` of type `" + A + "` " + ("supplied to `" + x + "`, expected `object`."));
+        for (var M in s) {
+          var P = s[M];
+          if (typeof P != "function")
+            return ve(x, S, T, M, ae(P));
+          var Y = P(w, M, x, S, T + "." + M, n);
+          if (Y)
+            return Y;
+        }
+        return null;
+      }
+      return O(y);
+    }
+    function De(s) {
+      function y($, E, x, S, T) {
+        var w = $[E], A = H(w);
+        if (A !== "object")
+          return new l("Invalid " + S + " `" + T + "` of type `" + A + "` " + ("supplied to `" + x + "`, expected `object`."));
+        var M = r({}, $[E], s);
+        for (var P in M) {
+          var Y = s[P];
+          if (t(s, P) && typeof Y != "function")
+            return ve(x, S, T, P, ae(Y));
+          if (!Y)
+            return new l(
+              "Invalid " + S + " `" + T + "` key `" + P + "` supplied to `" + x + "`.\nBad object: " + JSON.stringify($[E], null, "  ") + `
+Valid keys: ` + JSON.stringify(Object.keys(s), null, "  ")
+            );
+          var d = Y(w, P, x, S, T + "." + P, n);
+          if (d)
+            return d;
+        }
+        return null;
+      }
+      return O(y);
+    }
+    function ue(s) {
+      switch (typeof s) {
+        case "number":
+        case "string":
+        case "undefined":
+          return !0;
+        case "boolean":
+          return !s;
+        case "object":
+          if (Array.isArray(s))
+            return s.every(ue);
+          if (s === null || c(s))
+            return !0;
+          var y = h(s);
+          if (y) {
+            var $ = y.call(s), E;
+            if (y !== s.entries) {
+              for (; !(E = $.next()).done; )
+                if (!ue(E.value))
+                  return !1;
+            } else
+              for (; !(E = $.next()).done; ) {
+                var x = E.value;
+                if (x && !ue(x[1]))
+                  return !1;
+              }
+          } else
+            return !1;
+          return !0;
+        default:
+          return !1;
+      }
+    }
+    function Fe(s, y) {
+      return s === "symbol" ? !0 : y ? y["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && y instanceof Symbol : !1;
+    }
+    function H(s) {
+      var y = typeof s;
+      return Array.isArray(s) ? "array" : s instanceof RegExp ? "object" : Fe(y, s) ? "symbol" : y;
+    }
+    function ae(s) {
+      if (typeof s > "u" || s === null)
+        return "" + s;
+      var y = H(s);
+      if (y === "object") {
+        if (s instanceof Date)
+          return "date";
+        if (s instanceof RegExp)
+          return "regexp";
+      }
+      return y;
+    }
+    function xe(s) {
+      var y = ae(s);
+      switch (y) {
+        case "array":
+        case "object":
+          return "an " + y;
+        case "boolean":
+        case "date":
+        case "regexp":
+          return "a " + y;
+        default:
+          return y;
+      }
+    }
+    function Ue(s) {
+      return !s.constructor || !s.constructor.name ? u : s.constructor.name;
+    }
+    return b.checkPropTypes = o, b.resetWarningCache = o.resetWarningCache, b.PropTypes = b, b;
+  }, Le;
+}
+var Ye, cr;
+function Yr() {
+  if (cr)
+    return Ye;
+  cr = 1;
+  var e = He();
+  function r() {
+  }
+  function n() {
+  }
+  return n.resetWarningCache = r, Ye = function() {
+    function t(a, c, g, f, m, h) {
+      if (h !== e) {
+        var u = 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 u.name = "Invariant Violation", u;
+      }
+    }
+    t.isRequired = t;
+    function o() {
+      return t;
+    }
+    var i = {
+      array: t,
+      bigint: t,
+      bool: t,
+      func: t,
+      number: t,
+      object: t,
+      string: t,
+      symbol: t,
+      any: t,
+      arrayOf: o,
+      element: t,
+      elementType: t,
+      instanceOf: o,
+      node: t,
+      objectOf: o,
+      oneOf: o,
+      oneOfType: o,
+      shape: o,
+      exact: o,
+      checkPropTypes: n,
+      resetWarningCache: r
+    };
+    return i.PropTypes = i, i;
+  }, Ye;
+}
+if (process.env.NODE_ENV !== "production") {
+  var qr = Or(), Vr = !0;
+  Ve.exports = Lr()(qr.isElement, Vr);
+} else
+  Ve.exports = Yr()();
+var Hr = Ve.exports;
+const ge = /* @__PURE__ */ Ur(Hr);
+function de(e) {
+  let r = "https://mui.com/production-error/?code=" + e;
+  for (let n = 1; n < arguments.length; n += 1)
+    r += "&args[]=" + encodeURIComponent(arguments[n]);
+  return "Minified MUI error #" + e + "; visit " + r + " for the full message.";
+}
+function wr(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 fr = (e) => e, Jr = () => {
+  let e = fr;
+  return {
+    configure(r) {
+      e = r;
+    },
+    generate(r) {
+      return e(r);
+    },
+    reset() {
+      e = fr;
+    }
+  };
+}, Xr = Jr(), Zr = Xr, Qr = {
+  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 et(e, r, n = "Mui") {
+  const t = Qr[r];
+  return t ? `${n}-${t}` : `${Zr.generate(e)}-${r}`;
+}
+function pe(e, r) {
+  if (e == null)
+    return {};
+  var n = {}, t = Object.keys(e), o, i;
+  for (i = 0; i < t.length; i++)
+    o = t[i], !(r.indexOf(o) >= 0) && (n[o] = e[o]);
+  return n;
+}
+const rt = ["values", "unit", "step"], tt = (e) => {
+  const r = Object.keys(e).map((n) => ({
+    key: n,
+    val: e[n]
+  })) || [];
+  return r.sort((n, t) => n.val - t.val), r.reduce((n, t) => K({}, n, {
+    [t.key]: t.val
+  }), {});
+};
+function nt(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: n = "px",
+    step: t = 5
+  } = e, o = pe(e, rt), i = tt(r), a = Object.keys(i);
+  function c(u) {
+    return `@media (min-width:${typeof r[u] == "number" ? r[u] : u}${n})`;
+  }
+  function g(u) {
+    return `@media (max-width:${(typeof r[u] == "number" ? r[u] : u) - t / 100}${n})`;
+  }
+  function f(u, b) {
+    const v = a.indexOf(b);
+    return `@media (min-width:${typeof r[u] == "number" ? r[u] : u}${n}) and (max-width:${(v !== -1 && typeof r[a[v]] == "number" ? r[a[v]] : b) - t / 100}${n})`;
+  }
+  function m(u) {
+    return a.indexOf(u) + 1 < a.length ? f(u, a[a.indexOf(u) + 1]) : c(u);
+  }
+  function h(u) {
+    const b = a.indexOf(u);
+    return b === 0 ? c(a[1]) : b === a.length - 1 ? g(a[b]) : f(u, a[a.indexOf(u) + 1]).replace("@media", "@media not all and");
+  }
+  return K({
+    keys: a,
+    values: i,
+    up: c,
+    down: g,
+    between: f,
+    only: m,
+    not: h,
+    unit: n
+  }, o);
+}
+const ot = {
+  borderRadius: 4
+}, it = ot, at = process.env.NODE_ENV !== "production" ? ge.oneOfType([ge.number, ge.string, ge.object, ge.array]) : {}, oe = at;
+function ye(e, r) {
+  return r ? te(e, r, {
+    clone: !1
+    // No need to clone deep, it's way faster.
+  }) : e;
+}
+const Je = {
+  xs: 0,
+  // phone
+  sm: 600,
+  // tablet
+  md: 900,
+  // small laptop
+  lg: 1200,
+  // desktop
+  xl: 1536
+  // large screen
+}, lr = {
+  // Sorted ASC by size. That's important.
+  // It can't be configured as it's used statically for propTypes.
+  keys: ["xs", "sm", "md", "lg", "xl"],
+  up: (e) => `@media (min-width:${Je[e]}px)`
+};
+function ne(e, r, n) {
+  const t = e.theme || {};
+  if (Array.isArray(r)) {
+    const i = t.breakpoints || lr;
+    return r.reduce((a, c, g) => (a[i.up(i.keys[g])] = n(r[g]), a), {});
+  }
+  if (typeof r == "object") {
+    const i = t.breakpoints || lr;
+    return Object.keys(r).reduce((a, c) => {
+      if (Object.keys(i.values || Je).indexOf(c) !== -1) {
+        const g = i.up(c);
+        a[g] = n(r[c], c);
+      } else {
+        const g = c;
+        a[g] = r[g];
+      }
+      return a;
+    }, {});
+  }
+  return n(r);
+}
+function st(e = {}) {
+  var r;
+  return ((r = e.keys) == null ? void 0 : r.reduce((t, o) => {
+    const i = e.up(o);
+    return t[i] = {}, t;
+  }, {})) || {};
+}
+function ut(e, r) {
+  return e.reduce((n, t) => {
+    const o = n[t];
+    return (!o || Object.keys(o).length === 0) && delete n[t], n;
+  }, r);
+}
+function we(e, r, n = !0) {
+  if (!r || typeof r != "string")
+    return null;
+  if (e && e.vars && n) {
+    const t = `vars.${r}`.split(".").reduce((o, i) => o && o[i] ? o[i] : null, e);
+    if (t != null)
+      return t;
+  }
+  return r.split(".").reduce((t, o) => t && t[o] != null ? t[o] : null, e);
+}
+function Ee(e, r, n, t = n) {
+  let o;
+  return typeof e == "function" ? o = e(n) : Array.isArray(e) ? o = e[n] || t : o = we(e, n) || t, r && (o = r(o, t, e)), o;
+}
+function I(e) {
+  const {
+    prop: r,
+    cssProperty: n = e.prop,
+    themeKey: t,
+    transform: o
+  } = e, i = (a) => {
+    if (a[r] == null)
+      return null;
+    const c = a[r], g = a.theme, f = we(g, t) || {};
+    return ne(a, c, (h) => {
+      let u = Ee(f, o, h);
+      return h === u && typeof h == "string" && (u = Ee(f, o, `${r}${h === "default" ? "" : wr(h)}`, h)), n === !1 ? u : {
+        [n]: u
+      };
+    });
+  };
+  return i.propTypes = process.env.NODE_ENV !== "production" ? {
+    [r]: oe
+  } : {}, i.filterProps = [r], i;
+}
+function ct(e) {
+  const r = {};
+  return (n) => (r[n] === void 0 && (r[n] = e(n)), r[n]);
+}
+const ft = {
+  m: "margin",
+  p: "padding"
+}, lt = {
+  t: "Top",
+  r: "Right",
+  b: "Bottom",
+  l: "Left",
+  x: ["Left", "Right"],
+  y: ["Top", "Bottom"]
+}, dr = {
+  marginX: "mx",
+  marginY: "my",
+  paddingX: "px",
+  paddingY: "py"
+}, dt = ct((e) => {
+  if (e.length > 2)
+    if (dr[e])
+      e = dr[e];
+    else
+      return [e];
+  const [r, n] = e.split(""), t = ft[r], o = lt[n] || "";
+  return Array.isArray(o) ? o.map((i) => t + i) : [t + o];
+}), $e = ["m", "mt", "mr", "mb", "ml", "mx", "my", "margin", "marginTop", "marginRight", "marginBottom", "marginLeft", "marginX", "marginY", "marginInline", "marginInlineStart", "marginInlineEnd", "marginBlock", "marginBlockStart", "marginBlockEnd"], Ce = ["p", "pt", "pr", "pb", "pl", "px", "py", "padding", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "paddingX", "paddingY", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "paddingBlock", "paddingBlockStart", "paddingBlockEnd"], pt = [...$e, ...Ce];
+function he(e, r, n, t) {
+  var o;
+  const i = (o = we(e, r, !1)) != null ? o : n;
+  return typeof i == "number" ? (a) => typeof a == "string" ? a : (process.env.NODE_ENV !== "production" && typeof a != "number" && console.error(`MUI: Expected ${t} argument to be a number or a string, got ${a}.`), i * a) : Array.isArray(i) ? (a) => typeof a == "string" ? a : (process.env.NODE_ENV !== "production" && (Number.isInteger(a) ? a > i.length - 1 && console.error([`MUI: The value provided (${a}) overflows.`, `The supported values are: ${JSON.stringify(i)}.`, `${a} > ${i.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(`
+`))), i[a]) : typeof i == "function" ? i : (process.env.NODE_ENV !== "production" && console.error([`MUI: The \`theme.${r}\` value (${i}) is invalid.`, "It should be a number, an array or a function."].join(`
+`)), () => {
+  });
+}
+function $r(e) {
+  return he(e, "spacing", 8, "spacing");
+}
+function be(e, r) {
+  if (typeof r == "string" || r == null)
+    return r;
+  const n = Math.abs(r), t = e(n);
+  return r >= 0 ? t : typeof t == "number" ? -t : `-${t}`;
+}
+function gt(e, r) {
+  return (n) => e.reduce((t, o) => (t[o] = be(r, n), t), {});
+}
+function yt(e, r, n, t) {
+  if (r.indexOf(n) === -1)
+    return null;
+  const o = dt(n), i = gt(o, t), a = e[n];
+  return ne(e, a, i);
+}
+function Cr(e, r) {
+  const n = $r(e.theme);
+  return Object.keys(e).map((t) => yt(e, r, t, n)).reduce(ye, {});
+}
+function B(e) {
+  return Cr(e, $e);
+}
+B.propTypes = process.env.NODE_ENV !== "production" ? $e.reduce((e, r) => (e[r] = oe, e), {}) : {};
+B.filterProps = $e;
+function D(e) {
+  return Cr(e, Ce);
+}
+D.propTypes = process.env.NODE_ENV !== "production" ? Ce.reduce((e, r) => (e[r] = oe, e), {}) : {};
+D.filterProps = Ce;
+process.env.NODE_ENV !== "production" && pt.reduce((e, r) => (e[r] = oe, e), {});
+function mt(e = 8) {
+  if (e.mui)
+    return e;
+  const r = $r({
+    spacing: e
+  }), n = (...t) => (process.env.NODE_ENV !== "production" && (t.length <= 4 || console.error(`MUI: Too many arguments provided, expected between 0 and 4, got ${t.length}`)), (t.length === 0 ? [1] : t).map((i) => {
+    const a = r(i);
+    return typeof a == "number" ? `${a}px` : a;
+  }).join(" "));
+  return n.mui = !0, n;
+}
+function Se(...e) {
+  const r = e.reduce((t, o) => (o.filterProps.forEach((i) => {
+    t[i] = o;
+  }), t), {}), n = (t) => Object.keys(t).reduce((o, i) => r[i] ? ye(o, r[i](t)) : o, {});
+  return n.propTypes = process.env.NODE_ENV !== "production" ? e.reduce((t, o) => Object.assign(t, o.propTypes), {}) : {}, n.filterProps = e.reduce((t, o) => t.concat(o.filterProps), []), n;
+}
+function re(e) {
+  return typeof e != "number" ? e : `${e}px solid`;
+}
+const ht = I({
+  prop: "border",
+  themeKey: "borders",
+  transform: re
+}), bt = I({
+  prop: "borderTop",
+  themeKey: "borders",
+  transform: re
+}), vt = I({
+  prop: "borderRight",
+  themeKey: "borders",
+  transform: re
+}), xt = I({
+  prop: "borderBottom",
+  themeKey: "borders",
+  transform: re
+}), Tt = I({
+  prop: "borderLeft",
+  themeKey: "borders",
+  transform: re
+}), Ot = I({
+  prop: "borderColor",
+  themeKey: "palette"
+}), Et = I({
+  prop: "borderTopColor",
+  themeKey: "palette"
+}), wt = I({
+  prop: "borderRightColor",
+  themeKey: "palette"
+}), $t = I({
+  prop: "borderBottomColor",
+  themeKey: "palette"
+}), Ct = I({
+  prop: "borderLeftColor",
+  themeKey: "palette"
+}), Ae = (e) => {
+  if (e.borderRadius !== void 0 && e.borderRadius !== null) {
+    const r = he(e.theme, "shape.borderRadius", 4, "borderRadius"), n = (t) => ({
+      borderRadius: be(r, t)
+    });
+    return ne(e, e.borderRadius, n);
+  }
+  return null;
+};
+Ae.propTypes = process.env.NODE_ENV !== "production" ? {
+  borderRadius: oe
+} : {};
+Ae.filterProps = ["borderRadius"];
+Se(ht, bt, vt, xt, Tt, Ot, Et, wt, $t, Ct, Ae);
+const Pe = (e) => {
+  if (e.gap !== void 0 && e.gap !== null) {
+    const r = he(e.theme, "spacing", 8, "gap"), n = (t) => ({
+      gap: be(r, t)
+    });
+    return ne(e, e.gap, n);
+  }
+  return null;
+};
+Pe.propTypes = process.env.NODE_ENV !== "production" ? {
+  gap: oe
+} : {};
+Pe.filterProps = ["gap"];
+const _e = (e) => {
+  if (e.columnGap !== void 0 && e.columnGap !== null) {
+    const r = he(e.theme, "spacing", 8, "columnGap"), n = (t) => ({
+      columnGap: be(r, t)
+    });
+    return ne(e, e.columnGap, n);
+  }
+  return null;
+};
+_e.propTypes = process.env.NODE_ENV !== "production" ? {
+  columnGap: oe
+} : {};
+_e.filterProps = ["columnGap"];
+const Re = (e) => {
+  if (e.rowGap !== void 0 && e.rowGap !== null) {
+    const r = he(e.theme, "spacing", 8, "rowGap"), n = (t) => ({
+      rowGap: be(r, t)
+    });
+    return ne(e, e.rowGap, n);
+  }
+  return null;
+};
+Re.propTypes = process.env.NODE_ENV !== "production" ? {
+  rowGap: oe
+} : {};
+Re.filterProps = ["rowGap"];
+const St = I({
+  prop: "gridColumn"
+}), At = I({
+  prop: "gridRow"
+}), Pt = I({
+  prop: "gridAutoFlow"
+}), _t = I({
+  prop: "gridAutoColumns"
+}), Rt = I({
+  prop: "gridAutoRows"
+}), kt = I({
+  prop: "gridTemplateColumns"
+}), It = I({
+  prop: "gridTemplateRows"
+}), Mt = I({
+  prop: "gridTemplateAreas"
+}), jt = I({
+  prop: "gridArea"
+});
+Se(Pe, _e, Re, St, At, Pt, _t, Rt, kt, It, Mt, jt);
+function le(e, r) {
+  return r === "grey" ? r : e;
+}
+const Nt = I({
+  prop: "color",
+  themeKey: "palette",
+  transform: le
+}), Bt = I({
+  prop: "bgcolor",
+  cssProperty: "backgroundColor",
+  themeKey: "palette",
+  transform: le
+}), Dt = I({
+  prop: "backgroundColor",
+  themeKey: "palette",
+  transform: le
+});
+Se(Nt, Bt, Dt);
+function q(e) {
+  return e <= 1 && e !== 0 ? `${e * 100}%` : e;
+}
+const Ft = I({
+  prop: "width",
+  transform: q
+}), Xe = (e) => {
+  if (e.maxWidth !== void 0 && e.maxWidth !== null) {
+    const r = (n) => {
+      var t, o;
+      const i = ((t = e.theme) == null || (t = t.breakpoints) == null || (t = t.values) == null ? void 0 : t[n]) || Je[n];
+      return i ? ((o = e.theme) == null || (o = o.breakpoints) == null ? void 0 : o.unit) !== "px" ? {
+        maxWidth: `${i}${e.theme.breakpoints.unit}`
+      } : {
+        maxWidth: i
+      } : {
+        maxWidth: q(n)
+      };
+    };
+    return ne(e, e.maxWidth, r);
+  }
+  return null;
+};
+Xe.filterProps = ["maxWidth"];
+const Ut = I({
+  prop: "minWidth",
+  transform: q
+}), Wt = I({
+  prop: "height",
+  transform: q
+}), Gt = I({
+  prop: "maxHeight",
+  transform: q
+}), zt = I({
+  prop: "minHeight",
+  transform: q
+});
+I({
+  prop: "size",
+  cssProperty: "width",
+  transform: q
+});
+I({
+  prop: "size",
+  cssProperty: "height",
+  transform: q
+});
+const Kt = I({
+  prop: "boxSizing"
+});
+Se(Ft, Xe, Ut, Wt, Gt, zt, Kt);
+const Lt = {
+  // borders
+  border: {
+    themeKey: "borders",
+    transform: re
+  },
+  borderTop: {
+    themeKey: "borders",
+    transform: re
+  },
+  borderRight: {
+    themeKey: "borders",
+    transform: re
+  },
+  borderBottom: {
+    themeKey: "borders",
+    transform: re
+  },
+  borderLeft: {
+    themeKey: "borders",
+    transform: re
+  },
+  borderColor: {
+    themeKey: "palette"
+  },
+  borderTopColor: {
+    themeKey: "palette"
+  },
+  borderRightColor: {
+    themeKey: "palette"
+  },
+  borderBottomColor: {
+    themeKey: "palette"
+  },
+  borderLeftColor: {
+    themeKey: "palette"
+  },
+  borderRadius: {
+    themeKey: "shape.borderRadius",
+    style: Ae
+  },
+  // palette
+  color: {
+    themeKey: "palette",
+    transform: le
+  },
+  bgcolor: {
+    themeKey: "palette",
+    cssProperty: "backgroundColor",
+    transform: le
+  },
+  backgroundColor: {
+    themeKey: "palette",
+    transform: le
+  },
+  // spacing
+  p: {
+    style: D
+  },
+  pt: {
+    style: D
+  },
+  pr: {
+    style: D
+  },
+  pb: {
+    style: D
+  },
+  pl: {
+    style: D
+  },
+  px: {
+    style: D
+  },
+  py: {
+    style: D
+  },
+  padding: {
+    style: D
+  },
+  paddingTop: {
+    style: D
+  },
+  paddingRight: {
+    style: D
+  },
+  paddingBottom: {
+    style: D
+  },
+  paddingLeft: {
+    style: D
+  },
+  paddingX: {
+    style: D
+  },
+  paddingY: {
+    style: D
+  },
+  paddingInline: {
+    style: D
+  },
+  paddingInlineStart: {
+    style: D
+  },
+  paddingInlineEnd: {
+    style: D
+  },
+  paddingBlock: {
+    style: D
+  },
+  paddingBlockStart: {
+    style: D
+  },
+  paddingBlockEnd: {
+    style: D
+  },
+  m: {
+    style: B
+  },
+  mt: {
+    style: B
+  },
+  mr: {
+    style: B
+  },
+  mb: {
+    style: B
+  },
+  ml: {
+    style: B
+  },
+  mx: {
+    style: B
+  },
+  my: {
+    style: B
+  },
+  margin: {
+    style: B
+  },
+  marginTop: {
+    style: B
+  },
+  marginRight: {
+    style: B
+  },
+  marginBottom: {
+    style: B
+  },
+  marginLeft: {
+    style: B
+  },
+  marginX: {
+    style: B
+  },
+  marginY: {
+    style: B
+  },
+  marginInline: {
+    style: B
+  },
+  marginInlineStart: {
+    style: B
+  },
+  marginInlineEnd: {
+    style: B
+  },
+  marginBlock: {
+    style: B
+  },
+  marginBlockStart: {
+    style: B
+  },
+  marginBlockEnd: {
+    style: B
+  },
+  // 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: Pe
+  },
+  rowGap: {
+    style: Re
+  },
+  columnGap: {
+    style: _e
+  },
+  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: q
+  },
+  maxWidth: {
+    style: Xe
+  },
+  minWidth: {
+    transform: q
+  },
+  height: {
+    transform: q
+  },
+  maxHeight: {
+    transform: q
+  },
+  minHeight: {
+    transform: q
+  },
+  boxSizing: {},
+  // typography
+  fontFamily: {
+    themeKey: "typography"
+  },
+  fontSize: {
+    themeKey: "typography"
+  },
+  fontStyle: {
+    themeKey: "typography"
+  },
+  fontWeight: {
+    themeKey: "typography"
+  },
+  letterSpacing: {},
+  textTransform: {},
+  lineHeight: {},
+  textAlign: {},
+  typography: {
+    cssProperty: !1,
+    themeKey: "typography"
+  }
+}, Ze = Lt;
+function Yt(...e) {
+  const r = e.reduce((t, o) => t.concat(Object.keys(o)), []), n = new Set(r);
+  return e.every((t) => n.size === Object.keys(t).length);
+}
+function qt(e, r) {
+  return typeof e == "function" ? e(r) : e;
+}
+function Vt() {
+  function e(n, t, o, i) {
+    const a = {
+      [n]: t,
+      theme: o
+    }, c = i[n];
+    if (!c)
+      return {
+        [n]: t
+      };
+    const {
+      cssProperty: g = n,
+      themeKey: f,
+      transform: m,
+      style: h
+    } = c;
+    if (t == null)
+      return null;
+    if (f === "typography" && t === "inherit")
+      return {
+        [n]: t
+      };
+    const u = we(o, f) || {};
+    return h ? h(a) : ne(a, t, (v) => {
+      let l = Ee(u, m, v);
+      return v === l && typeof v == "string" && (l = Ee(u, m, `${n}${v === "default" ? "" : wr(v)}`, v)), g === !1 ? l : {
+        [g]: l
+      };
+    });
+  }
+  function r(n) {
+    var t;
+    const {
+      sx: o,
+      theme: i = {}
+    } = n || {};
+    if (!o)
+      return null;
+    const a = (t = i.unstable_sxConfig) != null ? t : Ze;
+    function c(g) {
+      let f = g;
+      if (typeof g == "function")
+        f = g(i);
+      else if (typeof g != "object")
+        return g;
+      if (!f)
+        return null;
+      const m = st(i.breakpoints), h = Object.keys(m);
+      let u = m;
+      return Object.keys(f).forEach((b) => {
+        const v = qt(f[b], i);
+        if (v != null)
+          if (typeof v == "object")
+            if (a[b])
+              u = ye(u, e(b, v, i, a));
+            else {
+              const l = ne({
+                theme: i
+              }, v, (O) => ({
+                [b]: O
+              }));
+              Yt(l, v) ? u[b] = r({
+                sx: v,
+                theme: i
+              }) : u = ye(u, l);
+            }
+          else
+            u = ye(u, e(b, v, i, a));
+      }), ut(h, u);
+    }
+    return Array.isArray(o) ? o.map(c) : c(o);
+  }
+  return r;
+}
+const Sr = Vt();
+Sr.filterProps = ["sx"];
+const Ar = Sr, Ht = ["breakpoints", "palette", "spacing", "shape"];
+function Jt(e = {}, ...r) {
+  const {
+    breakpoints: n = {},
+    palette: t = {},
+    spacing: o,
+    shape: i = {}
+  } = e, a = pe(e, Ht), c = nt(n), g = mt(o);
+  let f = te({
+    breakpoints: c,
+    direction: "ltr",
+    components: {},
+    // Inject component definitions.
+    palette: K({
+      mode: "light"
+    }, t),
+    spacing: g,
+    shape: K({}, it, i)
+  }, a);
+  return f = r.reduce((m, h) => te(m, h), f), f.unstable_sxConfig = K({}, Ze, a == null ? void 0 : a.unstable_sxConfig), f.unstable_sx = function(h) {
+    return Ar({
+      sx: h,
+      theme: this
+    });
+  }, f;
+}
+function Qe(e, r = 0, n = 1) {
+  return process.env.NODE_ENV !== "production" && (e < r || e > n) && console.error(`MUI: The value provided ${e} is out of range [${r}, ${n}].`), Math.min(Math.max(r, e), n);
+}
+function Xt(e) {
+  e = e.slice(1);
+  const r = new RegExp(`.{1,${e.length >= 6 ? 2 : 1}}`, "g");
+  let n = e.match(r);
+  return n && n[0].length === 1 && (n = n.map((t) => t + t)), n ? `rgb${n.length === 4 ? "a" : ""}(${n.map((t, o) => o < 3 ? parseInt(t, 16) : Math.round(parseInt(t, 16) / 255 * 1e3) / 1e3).join(", ")})` : "";
+}
+function se(e) {
+  if (e.type)
+    return e;
+  if (e.charAt(0) === "#")
+    return se(Xt(e));
+  const r = e.indexOf("("), n = e.substring(0, r);
+  if (["rgb", "rgba", "hsl", "hsla", "color"].indexOf(n) === -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 t = e.substring(r + 1, e.length - 1), o;
+  if (n === "color") {
+    if (t = t.split(" "), o = t.shift(), t.length === 4 && t[3].charAt(0) === "/" && (t[3] = t[3].slice(1)), ["srgb", "display-p3", "a98-rgb", "prophoto-rgb", "rec-2020"].indexOf(o) === -1)
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: unsupported \`${o}\` color space.
+The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rgb, rec-2020.` : de(10, o));
+  } else
+    t = t.split(",");
+  return t = t.map((i) => parseFloat(i)), {
+    type: n,
+    values: t,
+    colorSpace: o
+  };
+}
+function ke(e) {
+  const {
+    type: r,
+    colorSpace: n
+  } = e;
+  let {
+    values: t
+  } = e;
+  return r.indexOf("rgb") !== -1 ? t = t.map((o, i) => i < 3 ? parseInt(o, 10) : o) : r.indexOf("hsl") !== -1 && (t[1] = `${t[1]}%`, t[2] = `${t[2]}%`), r.indexOf("color") !== -1 ? t = `${n} ${t.join(" ")}` : t = `${t.join(", ")}`, `${r}(${t})`;
+}
+function Zt(e) {
+  e = se(e);
+  const {
+    values: r
+  } = e, n = r[0], t = r[1] / 100, o = r[2] / 100, i = t * Math.min(o, 1 - o), a = (f, m = (f + n / 30) % 12) => o - i * Math.max(Math.min(m - 3, 9 - m, 1), -1);
+  let c = "rgb";
+  const g = [Math.round(a(0) * 255), Math.round(a(8) * 255), Math.round(a(4) * 255)];
+  return e.type === "hsla" && (c += "a", g.push(r[3])), ke({
+    type: c,
+    values: g
+  });
+}
+function pr(e) {
+  e = se(e);
+  let r = e.type === "hsl" || e.type === "hsla" ? se(Zt(e)).values : e.values;
+  return r = r.map((n) => (e.type !== "color" && (n /= 255), n <= 0.03928 ? n / 12.92 : ((n + 0.055) / 1.055) ** 2.4)), Number((0.2126 * r[0] + 0.7152 * r[1] + 0.0722 * r[2]).toFixed(3));
+}
+function gr(e, r) {
+  const n = pr(e), t = pr(r);
+  return (Math.max(n, t) + 0.05) / (Math.min(n, t) + 0.05);
+}
+function ce(e, r) {
+  return e = se(e), r = Qe(r), (e.type === "rgb" || e.type === "hsl") && (e.type += "a"), e.type === "color" ? e.values[3] = `/${r}` : e.values[3] = r, ke(e);
+}
+function Qt(e, r) {
+  if (e = se(e), r = Qe(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 n = 0; n < 3; n += 1)
+      e.values[n] *= 1 - r;
+  return ke(e);
+}
+function en(e, r) {
+  if (e = se(e), r = Qe(r), e.type.indexOf("hsl") !== -1)
+    e.values[2] += (100 - e.values[2]) * r;
+  else if (e.type.indexOf("rgb") !== -1)
+    for (let n = 0; n < 3; n += 1)
+      e.values[n] += (255 - e.values[n]) * r;
+  else if (e.type.indexOf("color") !== -1)
+    for (let n = 0; n < 3; n += 1)
+      e.values[n] += (1 - e.values[n]) * r;
+  return ke(e);
+}
+function rn(e, r) {
+  return K({
+    toolbar: {
+      minHeight: 56,
+      [e.up("xs")]: {
+        "@media (orientation: landscape)": {
+          minHeight: 48
+        }
+      },
+      [e.up("sm")]: {
+        minHeight: 64
+      }
+    }
+  }, r);
+}
+const tn = ["mode", "contrastThreshold", "tonalOffset"], yr = {
+  // 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: me.white,
+    default: me.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
+  }
+}, qe = {
+  text: {
+    primary: me.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: me.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 mr(e, r, n, t) {
+  const o = t.light || t, i = t.dark || t * 1.5;
+  e[r] || (e.hasOwnProperty(n) ? e[r] = e[n] : r === "light" ? e.light = en(e.main, o) : r === "dark" && (e.dark = Qt(e.main, i)));
+}
+function nn(e = "light") {
+  return e === "dark" ? {
+    main: _[200],
+    light: _[50],
+    dark: _[400]
+  } : {
+    main: _[700],
+    light: _[400],
+    dark: _[800]
+  };
+}
+function on(e = "light") {
+  return e === "dark" ? {
+    main: z[200],
+    light: z[50],
+    dark: z[400]
+  } : {
+    main: z[500],
+    light: z[300],
+    dark: z[700]
+  };
+}
+function an(e = "light") {
+  return e === "dark" ? {
+    main: ee[500],
+    light: ee[300],
+    dark: ee[700]
+  } : {
+    main: ee[700],
+    light: ee[400],
+    dark: ee[800]
+  };
+}
+function sn(e = "light") {
+  return e === "dark" ? {
+    main: L[400],
+    light: L[300],
+    dark: L[700]
+  } : {
+    main: L[700],
+    light: L[500],
+    dark: L[900]
+  };
+}
+function un(e = "light") {
+  return e === "dark" ? {
+    main: U[400],
+    light: U[300],
+    dark: U[700]
+  } : {
+    main: U[800],
+    light: U[500],
+    dark: U[900]
+  };
+}
+function cn(e = "light") {
+  return e === "dark" ? {
+    main: G[400],
+    light: G[300],
+    dark: G[700]
+  } : {
+    main: "#ed6c02",
+    // closest to orange[800] that pass 3:1.
+    light: G[500],
+    dark: G[900]
+  };
+}
+function fn(e) {
+  const {
+    mode: r = "light",
+    contrastThreshold: n = 3,
+    tonalOffset: t = 0.2
+  } = e, o = pe(e, tn), i = e.primary || nn(r), a = e.secondary || on(r), c = e.error || an(r), g = e.info || sn(r), f = e.success || un(r), m = e.warning || cn(r);
+  function h(l) {
+    const O = gr(l, qe.text.primary) >= n ? qe.text.primary : yr.text.primary;
+    if (process.env.NODE_ENV !== "production") {
+      const j = gr(l, O);
+      j < 3 && console.error([`MUI: The contrast ratio of ${j}:1 for ${O} on ${l}`, "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 O;
+  }
+  const u = ({
+    color: l,
+    name: O,
+    mainShade: j = 500,
+    lightShade: V = 300,
+    darkShade: F = 700
+  }) => {
+    if (l = K({}, l), !l.main && l[j] && (l.main = l[j]), !l.hasOwnProperty("main"))
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${O ? ` (${O})` : ""} provided to augmentColor(color) is invalid.
+The color object needs to have a \`main\` property or a \`${j}\` property.` : de(11, O ? ` (${O})` : "", j));
+    if (typeof l.main != "string")
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${O ? ` (${O})` : ""} provided to augmentColor(color) is invalid.
+\`color.main\` should be a string, but \`${JSON.stringify(l.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, O ? ` (${O})` : "", JSON.stringify(l.main)));
+    return mr(l, "light", V, t), mr(l, "dark", F, t), l.contrastText || (l.contrastText = h(l.main)), l;
+  }, b = {
+    dark: qe,
+    light: yr
+  };
+  return process.env.NODE_ENV !== "production" && (b[r] || console.error(`MUI: The palette mode \`${r}\` is not supported.`)), te(K({
+    // A collection of common colors.
+    common: K({}, me),
+    // 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: u({
+      color: i,
+      name: "primary"
+    }),
+    // The colors used to represent secondary interface elements for a user.
+    secondary: u({
+      color: a,
+      name: "secondary",
+      mainShade: "A400",
+      lightShade: "A200",
+      darkShade: "A700"
+    }),
+    // The colors used to represent interface elements that the user should be made aware of.
+    error: u({
+      color: c,
+      name: "error"
+    }),
+    // The colors used to represent potentially dangerous actions or important messages.
+    warning: u({
+      color: m,
+      name: "warning"
+    }),
+    // The colors used to present information to the user that is neutral and not necessarily important.
+    info: u({
+      color: g,
+      name: "info"
+    }),
+    // The colors used to indicate the successful completion of an action that user triggered.
+    success: u({
+      color: f,
+      name: "success"
+    }),
+    // The grey colors.
+    grey: C,
+    // Used by `getContrastText()` to maximize the contrast between
+    // the background and the text.
+    contrastThreshold: n,
+    // Takes a background color and returns the text color that maximizes the contrast.
+    getContrastText: h,
+    // Generate a rich color object.
+    augmentColor: u,
+    // 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: t
+  }, b[r]), o);
+}
+const ln = ["fontFamily", "fontSize", "fontWeightLight", "fontWeightRegular", "fontWeightMedium", "fontWeightBold", "htmlFontSize", "allVariants", "pxToRem"];
+function dn(e) {
+  return Math.round(e * 1e5) / 1e5;
+}
+const hr = {
+  textTransform: "uppercase"
+}, br = '"Roboto", "Helvetica", "Arial", sans-serif';
+function pn(e, r) {
+  const n = typeof r == "function" ? r(e) : r, {
+    fontFamily: t = br,
+    // The default font size of the Material Specification.
+    fontSize: o = 14,
+    // px
+    fontWeightLight: i = 300,
+    fontWeightRegular: a = 400,
+    fontWeightMedium: c = 500,
+    fontWeightBold: g = 700,
+    // Tell MUI what's the font-size on the html element.
+    // 16px is the default font-size used by browsers.
+    htmlFontSize: f = 16,
+    // Apply the CSS properties to all the variants.
+    allVariants: m,
+    pxToRem: h
+  } = n, u = pe(n, ln);
+  process.env.NODE_ENV !== "production" && (typeof o != "number" && console.error("MUI: `fontSize` is required to be a number."), typeof f != "number" && console.error("MUI: `htmlFontSize` is required to be a number."));
+  const b = o / 14, v = h || ((j) => `${j / f * b}rem`), l = (j, V, F, W, p) => K({
+    fontFamily: t,
+    fontWeight: j,
+    fontSize: v(V),
+    // Unitless following https://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/
+    lineHeight: F
+  }, t === br ? {
+    letterSpacing: `${dn(W / V)}em`
+  } : {}, p, m), O = {
+    h1: l(i, 96, 1.167, -1.5),
+    h2: l(i, 60, 1.2, -0.5),
+    h3: l(a, 48, 1.167, 0),
+    h4: l(a, 34, 1.235, 0.25),
+    h5: l(a, 24, 1.334, 0),
+    h6: l(c, 20, 1.6, 0.15),
+    subtitle1: l(a, 16, 1.75, 0.15),
+    subtitle2: l(c, 14, 1.57, 0.1),
+    body1: l(a, 16, 1.5, 0.15),
+    body2: l(a, 14, 1.43, 0.15),
+    button: l(c, 14, 1.75, 0.4, hr),
+    caption: l(a, 12, 1.66, 0.4),
+    overline: l(a, 12, 2.66, 1, hr),
+    // 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 te(K({
+    htmlFontSize: f,
+    pxToRem: v,
+    fontFamily: t,
+    fontSize: o,
+    fontWeightLight: i,
+    fontWeightRegular: a,
+    fontWeightMedium: c,
+    fontWeightBold: g
+  }, O), u, {
+    clone: !1
+    // No need to clone deep
+  });
+}
+const gn = 0.2, yn = 0.14, mn = 0.12;
+function N(...e) {
+  return [`${e[0]}px ${e[1]}px ${e[2]}px ${e[3]}px rgba(0,0,0,${gn})`, `${e[4]}px ${e[5]}px ${e[6]}px ${e[7]}px rgba(0,0,0,${yn})`, `${e[8]}px ${e[9]}px ${e[10]}px ${e[11]}px rgba(0,0,0,${mn})`].join(",");
+}
+const hn = ["none", N(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), N(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), N(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), N(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), N(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), N(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), N(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), N(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), N(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), N(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), N(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), N(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), N(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), N(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), N(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), N(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), N(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), N(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), N(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), N(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), N(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), N(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), N(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), N(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)], bn = hn, vn = ["duration", "easing", "delay"], xn = {
+  // 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)"
+}, Tn = {
+  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 vr(e) {
+  return `${Math.round(e)}ms`;
+}
+function On(e) {
+  if (!e)
+    return 0;
+  const r = e / 36;
+  return Math.round((4 + 15 * r ** 0.25 + r / 5) * 10);
+}
+function En(e) {
+  const r = K({}, xn, e.easing), n = K({}, Tn, e.duration);
+  return K({
+    getAutoHeightDuration: On,
+    create: (o = ["all"], i = {}) => {
+      const {
+        duration: a = n.standard,
+        easing: c = r.easeInOut,
+        delay: g = 0
+      } = i, f = pe(i, vn);
+      if (process.env.NODE_ENV !== "production") {
+        const m = (u) => typeof u == "string", h = (u) => !isNaN(parseFloat(u));
+        !m(o) && !Array.isArray(o) && console.error('MUI: Argument "props" must be a string or Array.'), !h(a) && !m(a) && console.error(`MUI: Argument "duration" must be a number or a string but found ${a}.`), m(c) || console.error('MUI: Argument "easing" must be a string.'), !h(g) && !m(g) && console.error('MUI: Argument "delay" must be a number or a string.'), typeof i != "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(f).length !== 0 && console.error(`MUI: Unrecognized argument(s) [${Object.keys(f).join(",")}].`);
+      }
+      return (Array.isArray(o) ? o : [o]).map((m) => `${m} ${typeof a == "string" ? a : vr(a)} ${c} ${typeof g == "string" ? g : vr(g)}`).join(",");
+    }
+  }, e, {
+    easing: r,
+    duration: n
+  });
+}
+const wn = {
+  mobileStepper: 1e3,
+  fab: 1050,
+  speedDial: 1050,
+  appBar: 1100,
+  drawer: 1200,
+  modal: 1300,
+  snackbar: 1400,
+  tooltip: 1500
+}, $n = wn, Cn = ["breakpoints", "mixins", "spacing", "palette", "transitions", "typography", "shape"];
+function Sn(e = {}, ...r) {
+  const {
+    mixins: n = {},
+    palette: t = {},
+    transitions: o = {},
+    typography: i = {}
+  } = e, a = pe(e, Cn);
+  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 c = fn(t), g = Jt(e);
+  let f = te(g, {
+    mixins: rn(g.breakpoints, n),
+    palette: c,
+    // Don't use [...shadows] until you've verified its transpiled code is not invoking the iterator protocol.
+    shadows: bn.slice(),
+    typography: pn(c, i),
+    transitions: En(o),
+    zIndex: K({}, $n)
+  });
+  if (f = te(f, a), f = r.reduce((m, h) => te(m, h), f), process.env.NODE_ENV !== "production") {
+    const m = ["active", "checked", "completed", "disabled", "error", "expanded", "focused", "focusVisible", "required", "selected"], h = (u, b) => {
+      let v;
+      for (v in u) {
+        const l = u[v];
+        if (m.indexOf(v) !== -1 && Object.keys(l).length > 0) {
+          if (process.env.NODE_ENV !== "production") {
+            const O = et("", v);
+            console.error([`MUI: The \`${b}\` component increases the CSS specificity of the \`${v}\` internal state.`, "You can not override it like this: ", JSON.stringify(u, null, 2), "", `Instead, you need to use the '&.${O}' syntax:`, JSON.stringify({
+              root: {
+                [`&.${O}`]: l
+              }
+            }, null, 2), "", "https://mui.com/r/state-classes-guide"].join(`
+`));
+          }
+          u[v] = {};
+        }
+      }
+    };
+    Object.keys(f.components).forEach((u) => {
+      const b = f.components[u].styleOverrides;
+      b && u.indexOf("Mui") === 0 && h(b, u);
+    });
+  }
+  return f.unstable_sxConfig = K({}, Ze, a == null ? void 0 : a.unstable_sxConfig), f.unstable_sx = function(h) {
+    return Ar({
+      sx: h,
+      theme: this
+    });
+  }, f;
+}
+const xr = {
+  blue1000: "#030E22"
+  // purple1000: '#270B4A',
+}, An = Sn({
+  typography: {
+    fontFamily: ["Inter", "Roboto", "sans-serif"].join(",")
+  },
+  components: {
+    MuiAutocomplete: {
+      styleOverrides: {
+        root: {
+          ".MuiChip-root": {
+            backgroundColor: _[50]
+          },
+          ".MuiChip-root .MuiChip-deleteIcon": {
+            color: _[800],
+            "&:hover": {
+              color: _[900]
+            }
+          }
+        }
+      }
+    },
+    MuiButtonBase: {
+      defaultProps: {
+        disableRipple: !0
+      }
+    },
+    MuiButton: {
+      defaultProps: {
+        disableRipple: !0
+      },
+      styleOverrides: {
+        root: {
+          textTransform: "capitalize"
+        },
+        textPrimary: {
+          color: _[400]
+        },
+        outlinedInherit: {
+          borderColor: ce(C[900], 0.03)
+        },
+        outlinedPrimary: {
+          borderColor: C[700]
+        }
+      }
+    },
+    MuiIconButton: {
+      defaultProps: {
+        disableRipple: !0
+      }
+    },
+    MuiChip: {
+      styleOverrides: {
+        filledPrimary: {
+          backgroundColor: _[50],
+          color: xr.blue1000,
+          ".MuiChip-deleteIcon": {
+            color: _[800],
+            "&:hover": {
+              color: _[900]
+            },
+            "&:active": {
+              color: _[900]
+            }
+          }
+        },
+        filledSuccess: {
+          backgroundColor: U[50],
+          color: U[900]
+        },
+        filledError: {
+          backgroundColor: ee[50],
+          color: _[900]
+        }
+      }
+    },
+    MuiDataGrid: {
+      styleOverrides: {
+        root: {
+          border: "none",
+          ".MuiDataGrid-toolbarContainer .MuiTextField-root": {
+            backgroundColor: C[100],
+            padding: "8px",
+            borderRadius: "8px"
+          },
+          ".MuiInput-underline:before": {
+            borderBottom: "none !important",
+            color: "red"
+          },
+          ".MuiDataGrid-toolbarContainer button": {
+            backgroundColor: C[100],
+            color: C[900],
+            padding: "4px 10px"
+          },
+          ".MuiDataGrid-toolbarContainer svg": {
+            color: C[700]
+          },
+          ".MuiDataGrid-cell:focus": {
+            outline: "none"
+          },
+          ".MuiDataGrid-columnHeaderTitle": {
+            fontWeight: 500
+          }
+        }
+      }
+    },
+    MuiLink: {
+      styleOverrides: {
+        root: {
+          color: _[400],
+          textDecoration: "none"
+        }
+      }
+    },
+    MuiSelect: {
+      defaultProps: {
+        size: "small"
+      },
+      styleOverrides: {
+        root: {
+          backgroundColor: C[100],
+          ".MuiInputBase-root": {
+            backgroundColor: C[100]
+          },
+          ".MuiInputBase-input": {
+            backgroundColor: C[100]
+          }
+        }
+      }
+    },
+    MuiTabs: {
+      styleOverrides: {
+        root: {
+          ".MuiButtonBase-root": {
+            textTransform: "none"
+          }
+        }
+      }
+    },
+    MuiTextField: {
+      defaultProps: {
+        size: "small"
+      },
+      styleOverrides: {
+        root: {
+          backgroundColor: C[100],
+          borderRadius: "8px",
+          "& fieldset": { border: "none" },
+          ".MuiOutlinedInput-root": {
+            paddingLeft: 0
+          },
+          ".MuiInputAdornment-root": {
+            paddingLeft: "12px"
+          },
+          ".MuiInputBase-root": {
+            backgroundColor: C[100]
+          },
+          ".MuiFormHelperText-root": {
+            marginLeft: 0
+          }
+        }
+      }
+    }
+  },
+  palette: {
+    text: {
+      primary: C[900],
+      secondary: C[700],
+      disabled: C[700]
+    },
+    focusVisible: ce(_[700], 0.3),
+    blue50: _[50],
+    blue100: _[100],
+    blue200: _[200],
+    blue300: _[300],
+    blue400: _[400],
+    blue500: _[500],
+    blue600: _[600],
+    blue700: _[700],
+    blue800: _[800],
+    blue900: _[900],
+    blue1000: xr.blue1000,
+    indigo50: X[50],
+    indigo100: X[100],
+    indigo200: X[200],
+    indigo300: X[300],
+    indigo400: X[400],
+    indigo500: X[500],
+    indigo600: X[600],
+    indigo700: X[700],
+    indigo800: X[800],
+    indigo900: X[900],
+    green50: U[50],
+    green100: U[100],
+    green200: U[200],
+    green300: U[300],
+    green400: U[400],
+    green500: U[500],
+    green600: U[600],
+    green700: U[700],
+    green800: U[800],
+    green900: U[900],
+    lightBlue50: L[50],
+    lightBlue100: L[100],
+    lightBlue200: L[200],
+    lightBlue300: L[300],
+    lightBlue400: L[400],
+    lightBlue500: L[500],
+    lightBlue600: L[600],
+    lightBlue700: L[700],
+    lightBlue800: L[800],
+    lightBlue900: L[900],
+    lightGreen50: Z[50],
+    lightGreen100: Z[100],
+    lightGreen200: Z[200],
+    lightGreen300: Z[300],
+    lightGreen400: Z[400],
+    lightGreen500: Z[500],
+    lightGreen600: Z[600],
+    lightGreen700: Z[700],
+    lightGreen800: Z[800],
+    lightGreen900: Z[900],
+    neutral50: C[50],
+    neutral100: C[100],
+    neutral200: C[200],
+    neutral300: C[300],
+    neutral400: C[400],
+    neutral500: C[500],
+    neutral600: C[600],
+    neutral700: C[700],
+    neutral800: C[800],
+    neutral900: C[900],
+    neutralA100: C.A100,
+    neutralA200: C.A200,
+    neutralA400: C.A400,
+    neutralA700: C.A700,
+    orange50: G[50],
+    orange100: G[100],
+    orange200: G[200],
+    orange300: G[300],
+    orange400: G[400],
+    orange500: G[500],
+    orange600: G[600],
+    orange700: G[700],
+    orange800: G[800],
+    orange900: G[900],
+    purple50: z[50],
+    purple100: z[100],
+    purple200: z[200],
+    purple300: z[300],
+    purple400: z[400],
+    purple500: z[500],
+    purple600: z[600],
+    purple700: z[700],
+    purple800: z[800],
+    purple900: z[900],
+    yellow50: Q[50],
+    yellow100: Q[100],
+    yellow200: Q[200],
+    yellow300: Q[300],
+    yellow400: Q[400],
+    yellow500: Q[500],
+    yellow600: Q[600],
+    yellow700: Q[700],
+    yellow800: Q[800],
+    yellow900: Q[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: _[700],
+      dark: _[800],
+      light: _[600],
+      contrastText: "#FFFFFF",
+      selected: ce(_[700], 0.08)
+    },
+    secondary: {
+      main: z[500],
+      dark: z[700],
+      light: z[300],
+      contrastText: "#FFFFFF"
+    },
+    error: {
+      main: ee[700],
+      dark: ee[800],
+      light: ee[400],
+      contrastText: "#FFFFFF"
+    },
+    warning: {
+      main: G[800],
+      dark: G[900],
+      light: G[500],
+      contrastText: "#FFFFFF"
+    },
+    info: {
+      main: L[800],
+      dark: L[900],
+      light: G[700],
+      contrastText: "#FFFFFF"
+    },
+    success: {
+      main: U[800],
+      dark: U[900],
+      light: U[500],
+      contrastText: "#FFFFFF"
+    },
+    action: {
+      active: C[700],
+      hover: ce(C[700], 0.04),
+      selected: ce(C[700], 0.08),
+      focus: ce(C[700], 0.12),
+      disabledBackground: C[200],
+      disabled: C[700]
+    }
+  }
+});
+export {
+  An as MovableUITheme
+};
+//# sourceMappingURL=index.mjs.map