@carto/ps-react-ui 0.1.0-alpha.0 → 0.1.0-alpha.13

package/dist/ps-react-ui.es.js

@@ -1,338 +1,897 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
+import * as V from "react";
+import se, { useRef as wt, useState as me, useEffect as qe } from "react";
+import { makeStyles as St, Box as ue, Typography as ve, IconButton as _t, Button as Rt } from "@material-ui/core";
+import { withStyles as At } from "@material-ui/styles";
+import * as Ct from "react-dom";
+function mt(e) {
+  var t, r, n = "";
+  if (typeof e == "string" || typeof e == "number")
+    n += e;
+  else if (typeof e == "object")
+    if (Array.isArray(e))
+      for (t = 0; t < e.length; t++)
+        e[t] && (r = mt(e[t])) && (n && (n += " "), n += r);
+    else
+      for (t in e)
+        e[t] && (n && (n += " "), n += t);
+  return n;
+}
+function ne() {
+  for (var e, t, r = 0, n = ""; r < arguments.length; )
+    (e = arguments[r++]) && (t = mt(e)) && (n && (n += " "), n += t);
+  return n;
+}
+function Pt(e) {
+  var t = e.default;
+  if (typeof t == "function") {
+    var r = function() {
+      return t.apply(this, arguments);
+    };
+    r.prototype = t.prototype;
+  } else
+    r = {};
+  return Object.defineProperty(r, "__esModule", { value: !0 }), Object.keys(e).forEach(function(n) {
+    var o = Object.getOwnPropertyDescriptor(e, n);
+    Object.defineProperty(r, n, o.get ? o : {
+      enumerable: !0,
+      get: function() {
+        return e[n];
+      }
+    });
+  }), r;
+}
+var We = {}, vt = { exports: {} };
+(function(e) {
+  function t(r) {
+    return r && r.__esModule ? r : {
+      default: r
+    };
+  }
+  e.exports = t, e.exports.__esModule = !0, e.exports.default = e.exports;
+})(vt);
+var gt = { exports: {} }, ht = { exports: {} };
+(function(e) {
+  function t(r) {
+    return e.exports = t = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(n) {
+      return typeof n;
+    } : function(n) {
+      return n && typeof Symbol == "function" && n.constructor === Symbol && n !== Symbol.prototype ? "symbol" : typeof n;
+    }, e.exports.__esModule = !0, e.exports.default = e.exports, t(r);
+  }
+  e.exports = t, e.exports.__esModule = !0, e.exports.default = e.exports;
+})(ht);
+(function(e) {
+  var t = ht.exports.default;
+  function r(o) {
+    if (typeof WeakMap != "function")
+      return null;
+    var a = /* @__PURE__ */ new WeakMap(), f = /* @__PURE__ */ new WeakMap();
+    return (r = function(c) {
+      return c ? f : a;
+    })(o);
+  }
+  function n(o, a) {
+    if (!a && o && o.__esModule)
+      return o;
+    if (o === null || t(o) !== "object" && typeof o != "function")
+      return {
+        default: o
+      };
+    var f = r(a);
+    if (f && f.has(o))
+      return f.get(o);
+    var s = {}, c = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for (var m in o)
+      if (m !== "default" && Object.prototype.hasOwnProperty.call(o, m)) {
+        var d = c ? Object.getOwnPropertyDescriptor(o, m) : null;
+        d && (d.get || d.set) ? Object.defineProperty(s, m, d) : s[m] = o[m];
+      }
+    return s.default = o, f && f.set(o, s), s;
+  }
+  e.exports = n, e.exports.__esModule = !0, e.exports.default = e.exports;
+})(gt);
+var ge = {};
+function It(e, t) {
+  return process.env.NODE_ENV === "production" ? function() {
+    return null;
+  } : function() {
+    return e.apply(void 0, arguments) || t.apply(void 0, arguments);
+  };
+}
+function Y() {
+  return Y = Object.assign ? Object.assign.bind() : function(e) {
+    for (var t = 1; t < arguments.length; t++) {
+      var r = arguments[t];
+      for (var n in r)
+        Object.prototype.hasOwnProperty.call(r, n) && (e[n] = r[n]);
     }
-  return a;
-};
-import * as React$2 from "react";
-import React__default, { useRef, useState, useEffect } from "react";
-import { makeStyles, Box, Typography, IconButton, Button } from "@material-ui/core";
-import { withStyles as withStyles$1 } from "@material-ui/styles";
-import * as ReactDOM from "react-dom";
-function toVal(mix) {
-  var k, y, str = "";
-  if (typeof mix === "string" || typeof mix === "number") {
-    str += mix;
-  } else if (typeof mix === "object") {
-    if (Array.isArray(mix)) {
-      for (k = 0; k < mix.length; k++) {
-        if (mix[k]) {
-          if (y = toVal(mix[k])) {
-            str && (str += " ");
-            str += y;
+    return e;
+  }, Y.apply(this, arguments);
+}
+function $e(e) {
+  return $e = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(t) {
+    return typeof t;
+  } : function(t) {
+    return t && typeof Symbol == "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
+  }, $e(e);
+}
+function he(e) {
+  return e && $e(e) === "object" && e.constructor === Object;
+}
+function oe(e, t) {
+  var r = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {
+    clone: !0
+  }, n = r.clone ? Y({}, e) : e;
+  return he(e) && he(t) && Object.keys(t).forEach(function(o) {
+    o !== "__proto__" && (he(t[o]) && o in e ? n[o] = oe(e[o], t[o], r) : n[o] = t[o]);
+  }), n;
+}
+var k = { exports: {} }, ye = { exports: {} }, I = {};
+/** @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 Le;
+function Mt() {
+  if (Le)
+    return I;
+  Le = 1;
+  var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, r = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, o = e ? Symbol.for("react.strict_mode") : 60108, a = e ? Symbol.for("react.profiler") : 60114, f = e ? Symbol.for("react.provider") : 60109, s = e ? Symbol.for("react.context") : 60110, c = e ? Symbol.for("react.async_mode") : 60111, m = e ? Symbol.for("react.concurrent_mode") : 60111, d = e ? Symbol.for("react.forward_ref") : 60112, g = e ? Symbol.for("react.suspense") : 60113, b = e ? Symbol.for("react.suspense_list") : 60120, v = e ? Symbol.for("react.memo") : 60115, h = e ? Symbol.for("react.lazy") : 60116, y = e ? Symbol.for("react.block") : 60121, x = e ? Symbol.for("react.fundamental") : 60117, $ = e ? Symbol.for("react.responder") : 60118, q = e ? Symbol.for("react.scope") : 60119;
+  function j(u) {
+    if (typeof u == "object" && u !== null) {
+      var D = u.$$typeof;
+      switch (D) {
+        case t:
+          switch (u = u.type, u) {
+            case c:
+            case m:
+            case n:
+            case a:
+            case o:
+            case g:
+              return u;
+            default:
+              switch (u = u && u.$$typeof, u) {
+                case s:
+                case d:
+                case h:
+                case v:
+                case f:
+                  return u;
+                default:
+                  return D;
+              }
           }
-        }
+        case r:
+          return D;
       }
-    } else {
-      for (k in mix) {
-        if (mix[k]) {
-          str && (str += " ");
-          str += k;
+    }
+  }
+  function P(u) {
+    return j(u) === m;
+  }
+  return I.AsyncMode = c, I.ConcurrentMode = m, I.ContextConsumer = s, I.ContextProvider = f, I.Element = t, I.ForwardRef = d, I.Fragment = n, I.Lazy = h, I.Memo = v, I.Portal = r, I.Profiler = a, I.StrictMode = o, I.Suspense = g, I.isAsyncMode = function(u) {
+    return P(u) || j(u) === c;
+  }, I.isConcurrentMode = P, I.isContextConsumer = function(u) {
+    return j(u) === s;
+  }, I.isContextProvider = function(u) {
+    return j(u) === f;
+  }, I.isElement = function(u) {
+    return typeof u == "object" && u !== null && u.$$typeof === t;
+  }, I.isForwardRef = function(u) {
+    return j(u) === d;
+  }, I.isFragment = function(u) {
+    return j(u) === n;
+  }, I.isLazy = function(u) {
+    return j(u) === h;
+  }, I.isMemo = function(u) {
+    return j(u) === v;
+  }, I.isPortal = function(u) {
+    return j(u) === r;
+  }, I.isProfiler = function(u) {
+    return j(u) === a;
+  }, I.isStrictMode = function(u) {
+    return j(u) === o;
+  }, I.isSuspense = function(u) {
+    return j(u) === g;
+  }, I.isValidElementType = function(u) {
+    return typeof u == "string" || typeof u == "function" || u === n || u === m || u === a || u === o || u === g || u === b || typeof u == "object" && u !== null && (u.$$typeof === h || u.$$typeof === v || u.$$typeof === f || u.$$typeof === s || u.$$typeof === d || u.$$typeof === x || u.$$typeof === $ || u.$$typeof === q || u.$$typeof === y);
+  }, I.typeOf = j, I;
+}
+var M = {};
+/** @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 Ye;
+function $t() {
+  return Ye || (Ye = 1, process.env.NODE_ENV !== "production" && function() {
+    var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, r = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, o = e ? Symbol.for("react.strict_mode") : 60108, a = e ? Symbol.for("react.profiler") : 60114, f = e ? Symbol.for("react.provider") : 60109, s = e ? Symbol.for("react.context") : 60110, c = e ? Symbol.for("react.async_mode") : 60111, m = e ? Symbol.for("react.concurrent_mode") : 60111, d = e ? Symbol.for("react.forward_ref") : 60112, g = e ? Symbol.for("react.suspense") : 60113, b = e ? Symbol.for("react.suspense_list") : 60120, v = e ? Symbol.for("react.memo") : 60115, h = e ? Symbol.for("react.lazy") : 60116, y = e ? Symbol.for("react.block") : 60121, x = e ? Symbol.for("react.fundamental") : 60117, $ = e ? Symbol.for("react.responder") : 60118, q = e ? Symbol.for("react.scope") : 60119;
+    function j(l) {
+      return typeof l == "string" || typeof l == "function" || l === n || l === m || l === a || l === o || l === g || l === b || typeof l == "object" && l !== null && (l.$$typeof === h || l.$$typeof === v || l.$$typeof === f || l.$$typeof === s || l.$$typeof === d || l.$$typeof === x || l.$$typeof === $ || l.$$typeof === q || l.$$typeof === y);
+    }
+    function P(l) {
+      if (typeof l == "object" && l !== null) {
+        var X = l.$$typeof;
+        switch (X) {
+          case t:
+            var ie = l.type;
+            switch (ie) {
+              case c:
+              case m:
+              case n:
+              case a:
+              case o:
+              case g:
+                return ie;
+              default:
+                var Ue = ie && ie.$$typeof;
+                switch (Ue) {
+                  case s:
+                  case d:
+                  case h:
+                  case v:
+                  case f:
+                    return Ue;
+                  default:
+                    return X;
+                }
+            }
+          case r:
+            return X;
         }
       }
     }
+    var u = c, D = m, B = s, z = f, _ = t, U = d, H = n, W = h, K = v, G = r, Q = a, J = o, ee = g, ae = !1;
+    function pe(l) {
+      return ae || (ae = !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.")), i(l) || P(l) === c;
+    }
+    function i(l) {
+      return P(l) === m;
+    }
+    function p(l) {
+      return P(l) === s;
+    }
+    function S(l) {
+      return P(l) === f;
+    }
+    function T(l) {
+      return typeof l == "object" && l !== null && l.$$typeof === t;
+    }
+    function E(l) {
+      return P(l) === d;
+    }
+    function R(l) {
+      return P(l) === n;
+    }
+    function O(l) {
+      return P(l) === h;
+    }
+    function w(l) {
+      return P(l) === v;
+    }
+    function A(l) {
+      return P(l) === r;
+    }
+    function N(l) {
+      return P(l) === a;
+    }
+    function C(l) {
+      return P(l) === o;
+    }
+    function L(l) {
+      return P(l) === g;
+    }
+    M.AsyncMode = u, M.ConcurrentMode = D, M.ContextConsumer = B, M.ContextProvider = z, M.Element = _, M.ForwardRef = U, M.Fragment = H, M.Lazy = W, M.Memo = K, M.Portal = G, M.Profiler = Q, M.StrictMode = J, M.Suspense = ee, M.isAsyncMode = pe, M.isConcurrentMode = i, M.isContextConsumer = p, M.isContextProvider = S, M.isElement = T, M.isForwardRef = E, M.isFragment = R, M.isLazy = O, M.isMemo = w, M.isPortal = A, M.isProfiler = N, M.isStrictMode = C, M.isSuspense = L, M.isValidElementType = j, M.typeOf = P;
+  }()), M;
+}
+var Be;
+function yt() {
+  return Be || (Be = 1, function(e) {
+    process.env.NODE_ENV === "production" ? e.exports = Mt() : e.exports = $t();
+  }(ye)), ye.exports;
+}
+/*
+object-assign
+(c) Sindre Sorhus
+@license MIT
+*/
+var be, He;
+function Nt() {
+  if (He)
+    return be;
+  He = 1;
+  var e = Object.getOwnPropertySymbols, t = Object.prototype.hasOwnProperty, r = Object.prototype.propertyIsEnumerable;
+  function n(a) {
+    if (a == null)
+      throw new TypeError("Object.assign cannot be called with null or undefined");
+    return Object(a);
   }
-  return str;
-}
-function clsx() {
-  var i = 0, tmp, x, str = "";
-  while (i < arguments.length) {
-    if (tmp = arguments[i++]) {
-      if (x = toVal(tmp)) {
-        str && (str += " ");
-        str += x;
-      }
+  function o() {
+    try {
+      if (!Object.assign)
+        return !1;
+      var a = new String("abc");
+      if (a[5] = "de", Object.getOwnPropertyNames(a)[0] === "5")
+        return !1;
+      for (var f = {}, s = 0; s < 10; s++)
+        f["_" + String.fromCharCode(s)] = s;
+      var c = Object.getOwnPropertyNames(f).map(function(d) {
+        return f[d];
+      });
+      if (c.join("") !== "0123456789")
+        return !1;
+      var m = {};
+      return "abcdefghijklmnopqrst".split("").forEach(function(d) {
+        m[d] = d;
+      }), Object.keys(Object.assign({}, m)).join("") === "abcdefghijklmnopqrst";
+    } catch {
+      return !1;
     }
   }
-  return str;
-}
-function getAugmentedNamespace(n) {
-  if (n.__esModule)
-    return n;
-  var a = Object.defineProperty({}, "__esModule", { value: true });
-  Object.keys(n).forEach(function(k) {
-    var d = Object.getOwnPropertyDescriptor(n, k);
-    Object.defineProperty(a, k, d.get ? d : {
-      enumerable: true,
-      get: function() {
-        return n[k];
+  return be = o() ? Object.assign : function(a, f) {
+    for (var s, c = n(a), m, d = 1; d < arguments.length; d++) {
+      s = Object(arguments[d]);
+      for (var g in s)
+        t.call(s, g) && (c[g] = s[g]);
+      if (e) {
+        m = e(s);
+        for (var b = 0; b < m.length; b++)
+          r.call(s, m[b]) && (c[m[b]] = s[m[b]]);
+      }
+    }
+    return c;
+  }, be;
+}
+var Ee, Je;
+function Fe() {
+  if (Je)
+    return Ee;
+  Je = 1;
+  var e = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
+  return Ee = e, Ee;
+}
+var xe, Ke;
+function bt() {
+  return Ke || (Ke = 1, xe = Function.call.bind(Object.prototype.hasOwnProperty)), xe;
+}
+var Oe, Xe;
+function Dt() {
+  if (Xe)
+    return Oe;
+  Xe = 1;
+  var e = function() {
+  };
+  if (process.env.NODE_ENV !== "production") {
+    var t = Fe(), r = {}, n = bt();
+    e = function(a) {
+      var f = "Warning: " + a;
+      typeof console < "u" && console.error(f);
+      try {
+        throw new Error(f);
+      } catch {
       }
-    });
-  });
-  return a;
-}
-var DeleteOutline = {};
-var interopRequireDefault = { exports: {} };
-(function(module) {
-  function _interopRequireDefault2(obj) {
-    return obj && obj.__esModule ? obj : {
-      "default": obj
     };
   }
-  module.exports = _interopRequireDefault2, module.exports.__esModule = true, module.exports["default"] = module.exports;
-})(interopRequireDefault);
-var interopRequireWildcard = { exports: {} };
-var _typeof$1 = { exports: {} };
-(function(module) {
-  function _typeof2(obj) {
-    "@babel/helpers - typeof";
-    return module.exports = _typeof2 = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(obj2) {
-      return typeof obj2;
-    } : function(obj2) {
-      return obj2 && typeof Symbol == "function" && obj2.constructor === Symbol && obj2 !== Symbol.prototype ? "symbol" : typeof obj2;
-    }, module.exports.__esModule = true, module.exports["default"] = module.exports, _typeof2(obj);
+  function o(a, f, s, c, m) {
+    if (process.env.NODE_ENV !== "production") {
+      for (var d in a)
+        if (n(a, d)) {
+          var g;
+          try {
+            if (typeof a[d] != "function") {
+              var b = Error((c || "React class") + ": " + s + " type `" + d + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof a[d] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+              throw b.name = "Invariant Violation", b;
+            }
+            g = a[d](f, d, c, s, null, t);
+          } catch (h) {
+            g = h;
+          }
+          if (g && !(g instanceof Error) && e((c || "React class") + ": type specification of " + s + " `" + d + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof g + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."), g instanceof Error && !(g.message in r)) {
+            r[g.message] = !0;
+            var v = m ? m() : "";
+            e("Failed " + s + " type: " + g.message + (v ?? ""));
+          }
+        }
+    }
   }
-  module.exports = _typeof2, module.exports.__esModule = true, module.exports["default"] = module.exports;
-})(_typeof$1);
-(function(module) {
-  var _typeof2 = _typeof$1.exports["default"];
-  function _getRequireWildcardCache(nodeInterop) {
-    if (typeof WeakMap !== "function")
-      return null;
-    var cacheBabelInterop = /* @__PURE__ */ new WeakMap();
-    var cacheNodeInterop = /* @__PURE__ */ new WeakMap();
-    return (_getRequireWildcardCache = function _getRequireWildcardCache2(nodeInterop2) {
-      return nodeInterop2 ? cacheNodeInterop : cacheBabelInterop;
-    })(nodeInterop);
+  return o.resetWarningCache = function() {
+    process.env.NODE_ENV !== "production" && (r = {});
+  }, Oe = o, Oe;
+}
+var Te, Ge;
+function jt() {
+  if (Ge)
+    return Te;
+  Ge = 1;
+  var e = yt(), t = Nt(), r = Fe(), n = bt(), o = Dt(), a = function() {
+  };
+  process.env.NODE_ENV !== "production" && (a = function(s) {
+    var c = "Warning: " + s;
+    typeof console < "u" && console.error(c);
+    try {
+      throw new Error(c);
+    } catch {
+    }
+  });
+  function f() {
+    return null;
   }
-  function _interopRequireWildcard2(obj, nodeInterop) {
-    if (!nodeInterop && obj && obj.__esModule) {
-      return obj;
+  return Te = function(s, c) {
+    var m = typeof Symbol == "function" && Symbol.iterator, d = "@@iterator";
+    function g(i) {
+      var p = i && (m && i[m] || i[d]);
+      if (typeof p == "function")
+        return p;
     }
-    if (obj === null || _typeof2(obj) !== "object" && typeof obj !== "function") {
-      return {
-        "default": obj
-      };
+    var b = "<<anonymous>>", v = {
+      array: $("array"),
+      bigint: $("bigint"),
+      bool: $("boolean"),
+      func: $("function"),
+      number: $("number"),
+      object: $("object"),
+      string: $("string"),
+      symbol: $("symbol"),
+      any: q(),
+      arrayOf: j,
+      element: P(),
+      elementType: u(),
+      instanceOf: D,
+      node: U(),
+      objectOf: z,
+      oneOf: B,
+      oneOfType: _,
+      shape: W,
+      exact: K
+    };
+    function h(i, p) {
+      return i === p ? i !== 0 || 1 / i === 1 / p : i !== i && p !== p;
+    }
+    function y(i, p) {
+      this.message = i, this.data = p && typeof p == "object" ? p : {}, this.stack = "";
     }
-    var cache = _getRequireWildcardCache(nodeInterop);
-    if (cache && cache.has(obj)) {
-      return cache.get(obj);
+    y.prototype = Error.prototype;
+    function x(i) {
+      if (process.env.NODE_ENV !== "production")
+        var p = {}, S = 0;
+      function T(R, O, w, A, N, C, L) {
+        if (A = A || b, C = C || w, L !== r) {
+          if (c) {
+            var l = 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 l.name = "Invariant Violation", l;
+          } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
+            var X = A + ":" + w;
+            !p[X] && S < 3 && (a("You are manually calling a React.PropTypes validation function for the `" + C + "` 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."), p[X] = !0, S++);
+          }
+        }
+        return O[w] == null ? R ? O[w] === null ? new y("The " + N + " `" + C + "` is marked as required " + ("in `" + A + "`, but its value is `null`.")) : new y("The " + N + " `" + C + "` is marked as required in " + ("`" + A + "`, but its value is `undefined`.")) : null : i(O, w, A, N, C);
+      }
+      var E = T.bind(null, !1);
+      return E.isRequired = T.bind(null, !0), E;
     }
-    var newObj = {};
-    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
-    for (var key in obj) {
-      if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
-        var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
-        if (desc && (desc.get || desc.set)) {
-          Object.defineProperty(newObj, key, desc);
-        } else {
-          newObj[key] = obj[key];
+    function $(i) {
+      function p(S, T, E, R, O, w) {
+        var A = S[T], N = J(A);
+        if (N !== i) {
+          var C = ee(A);
+          return new y("Invalid " + R + " `" + O + "` of type " + ("`" + C + "` supplied to `" + E + "`, expected ") + ("`" + i + "`."), { expectedType: i });
         }
+        return null;
       }
+      return x(p);
     }
-    newObj["default"] = obj;
-    if (cache) {
-      cache.set(obj, newObj);
+    function q() {
+      return x(f);
     }
-    return newObj;
-  }
-  module.exports = _interopRequireWildcard2, module.exports.__esModule = true, module.exports["default"] = module.exports;
-})(interopRequireWildcard);
-var createSvgIcon$1 = {};
-function _extends() {
-  _extends = Object.assign || function(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
+    function j(i) {
+      function p(S, T, E, R, O) {
+        if (typeof i != "function")
+          return new y("Property `" + O + "` of component `" + E + "` has invalid PropType notation inside arrayOf.");
+        var w = S[T];
+        if (!Array.isArray(w)) {
+          var A = J(w);
+          return new y("Invalid " + R + " `" + O + "` of type " + ("`" + A + "` supplied to `" + E + "`, expected an array."));
         }
+        for (var N = 0; N < w.length; N++) {
+          var C = i(w, N, E, R, O + "[" + N + "]", r);
+          if (C instanceof Error)
+            return C;
+        }
+        return null;
       }
+      return x(p);
     }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-function _typeof(obj) {
-  "@babel/helpers - typeof";
-  return _typeof = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(obj2) {
-    return typeof obj2;
-  } : function(obj2) {
-    return obj2 && typeof Symbol == "function" && obj2.constructor === Symbol && obj2 !== Symbol.prototype ? "symbol" : typeof obj2;
-  }, _typeof(obj);
-}
-function isPlainObject(item) {
-  return item && _typeof(item) === "object" && item.constructor === Object;
-}
-function deepmerge(target, source) {
-  var options = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {
-    clone: true
-  };
-  var output = options.clone ? _extends({}, target) : target;
-  if (isPlainObject(target) && isPlainObject(source)) {
-    Object.keys(source).forEach(function(key) {
-      if (key === "__proto__") {
-        return;
+    function P() {
+      function i(p, S, T, E, R) {
+        var O = p[S];
+        if (!s(O)) {
+          var w = J(O);
+          return new y("Invalid " + E + " `" + R + "` of type " + ("`" + w + "` supplied to `" + T + "`, expected a single ReactElement."));
+        }
+        return null;
       }
-      if (isPlainObject(source[key]) && key in target) {
-        output[key] = deepmerge(target[key], source[key], options);
-      } else {
-        output[key] = source[key];
+      return x(i);
+    }
+    function u() {
+      function i(p, S, T, E, R) {
+        var O = p[S];
+        if (!e.isValidElementType(O)) {
+          var w = J(O);
+          return new y("Invalid " + E + " `" + R + "` of type " + ("`" + w + "` supplied to `" + T + "`, expected a single ReactElement type."));
+        }
+        return null;
       }
-    });
-  }
-  return output;
-}
-function _defineProperty(obj, key, value) {
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
-function formatMuiErrorMessage(code) {
-  var url = "https://material-ui.com/production-error/?code=" + code;
-  for (var i = 1; i < arguments.length; i += 1) {
-    url += "&args[]=" + encodeURIComponent(arguments[i]);
-  }
-  return "Minified Material-UI error #" + code + "; visit " + url + " for the full message.";
+      return x(i);
+    }
+    function D(i) {
+      function p(S, T, E, R, O) {
+        if (!(S[T] instanceof i)) {
+          var w = i.name || b, A = pe(S[T]);
+          return new y("Invalid " + R + " `" + O + "` of type " + ("`" + A + "` supplied to `" + E + "`, expected ") + ("instance of `" + w + "`."));
+        }
+        return null;
+      }
+      return x(p);
+    }
+    function B(i) {
+      if (!Array.isArray(i))
+        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.")), f;
+      function p(S, T, E, R, O) {
+        for (var w = S[T], A = 0; A < i.length; A++)
+          if (h(w, i[A]))
+            return null;
+        var N = JSON.stringify(i, function(L, l) {
+          var X = ee(l);
+          return X === "symbol" ? String(l) : l;
+        });
+        return new y("Invalid " + R + " `" + O + "` of value `" + String(w) + "` " + ("supplied to `" + E + "`, expected one of " + N + "."));
+      }
+      return x(p);
+    }
+    function z(i) {
+      function p(S, T, E, R, O) {
+        if (typeof i != "function")
+          return new y("Property `" + O + "` of component `" + E + "` has invalid PropType notation inside objectOf.");
+        var w = S[T], A = J(w);
+        if (A !== "object")
+          return new y("Invalid " + R + " `" + O + "` of type " + ("`" + A + "` supplied to `" + E + "`, expected an object."));
+        for (var N in w)
+          if (n(w, N)) {
+            var C = i(w, N, E, R, O + "." + N, r);
+            if (C instanceof Error)
+              return C;
+          }
+        return null;
+      }
+      return x(p);
+    }
+    function _(i) {
+      if (!Array.isArray(i))
+        return process.env.NODE_ENV !== "production" && a("Invalid argument supplied to oneOfType, expected an instance of array."), f;
+      for (var p = 0; p < i.length; p++) {
+        var S = i[p];
+        if (typeof S != "function")
+          return a("Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + ae(S) + " at index " + p + "."), f;
+      }
+      function T(E, R, O, w, A) {
+        for (var N = [], C = 0; C < i.length; C++) {
+          var L = i[C], l = L(E, R, O, w, A, r);
+          if (l == null)
+            return null;
+          l.data && n(l.data, "expectedType") && N.push(l.data.expectedType);
+        }
+        var X = N.length > 0 ? ", expected one of type [" + N.join(", ") + "]" : "";
+        return new y("Invalid " + w + " `" + A + "` supplied to " + ("`" + O + "`" + X + "."));
+      }
+      return x(T);
+    }
+    function U() {
+      function i(p, S, T, E, R) {
+        return G(p[S]) ? null : new y("Invalid " + E + " `" + R + "` supplied to " + ("`" + T + "`, expected a ReactNode."));
+      }
+      return x(i);
+    }
+    function H(i, p, S, T, E) {
+      return new y((i || "React class") + ": " + p + " type `" + S + "." + T + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + E + "`.");
+    }
+    function W(i) {
+      function p(S, T, E, R, O) {
+        var w = S[T], A = J(w);
+        if (A !== "object")
+          return new y("Invalid " + R + " `" + O + "` of type `" + A + "` " + ("supplied to `" + E + "`, expected `object`."));
+        for (var N in i) {
+          var C = i[N];
+          if (typeof C != "function")
+            return H(E, R, O, N, ee(C));
+          var L = C(w, N, E, R, O + "." + N, r);
+          if (L)
+            return L;
+        }
+        return null;
+      }
+      return x(p);
+    }
+    function K(i) {
+      function p(S, T, E, R, O) {
+        var w = S[T], A = J(w);
+        if (A !== "object")
+          return new y("Invalid " + R + " `" + O + "` of type `" + A + "` " + ("supplied to `" + E + "`, expected `object`."));
+        var N = t({}, S[T], i);
+        for (var C in N) {
+          var L = i[C];
+          if (n(i, C) && typeof L != "function")
+            return H(E, R, O, C, ee(L));
+          if (!L)
+            return new y("Invalid " + R + " `" + O + "` key `" + C + "` supplied to `" + E + "`.\nBad object: " + JSON.stringify(S[T], null, "  ") + `
+Valid keys: ` + JSON.stringify(Object.keys(i), null, "  "));
+          var l = L(w, C, E, R, O + "." + C, r);
+          if (l)
+            return l;
+        }
+        return null;
+      }
+      return x(p);
+    }
+    function G(i) {
+      switch (typeof i) {
+        case "number":
+        case "string":
+        case "undefined":
+          return !0;
+        case "boolean":
+          return !i;
+        case "object":
+          if (Array.isArray(i))
+            return i.every(G);
+          if (i === null || s(i))
+            return !0;
+          var p = g(i);
+          if (p) {
+            var S = p.call(i), T;
+            if (p !== i.entries) {
+              for (; !(T = S.next()).done; )
+                if (!G(T.value))
+                  return !1;
+            } else
+              for (; !(T = S.next()).done; ) {
+                var E = T.value;
+                if (E && !G(E[1]))
+                  return !1;
+              }
+          } else
+            return !1;
+          return !0;
+        default:
+          return !1;
+      }
+    }
+    function Q(i, p) {
+      return i === "symbol" ? !0 : p ? p["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && p instanceof Symbol : !1;
+    }
+    function J(i) {
+      var p = typeof i;
+      return Array.isArray(i) ? "array" : i instanceof RegExp ? "object" : Q(p, i) ? "symbol" : p;
+    }
+    function ee(i) {
+      if (typeof i > "u" || i === null)
+        return "" + i;
+      var p = J(i);
+      if (p === "object") {
+        if (i instanceof Date)
+          return "date";
+        if (i instanceof RegExp)
+          return "regexp";
+      }
+      return p;
+    }
+    function ae(i) {
+      var p = ee(i);
+      switch (p) {
+        case "array":
+        case "object":
+          return "an " + p;
+        case "boolean":
+        case "date":
+        case "regexp":
+          return "a " + p;
+        default:
+          return p;
+      }
+    }
+    function pe(i) {
+      return !i.constructor || !i.constructor.name ? b : i.constructor.name;
+    }
+    return v.checkPropTypes = o, v.resetWarningCache = o.resetWarningCache, v.PropTypes = v, v;
+  }, Te;
 }
-function capitalize(string) {
-  if (typeof string !== "string") {
-    throw new Error(formatMuiErrorMessage(7));
+var we, Ze;
+function Wt() {
+  if (Ze)
+    return we;
+  Ze = 1;
+  var e = Fe();
+  function t() {
   }
-  return string.charAt(0).toUpperCase() + string.slice(1);
-}
-function createChainedFunction() {
-  for (var _len = arguments.length, funcs = new Array(_len), _key = 0; _key < _len; _key++) {
-    funcs[_key] = arguments[_key];
+  function r() {
   }
-  return funcs.reduce(function(acc, func) {
-    if (func == null) {
-      return acc;
-    }
-    return function chainedFunction() {
-      for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-        args[_key2] = arguments[_key2];
+  return r.resetWarningCache = t, we = function() {
+    function n(f, s, c, m, d, g) {
+      if (g !== e) {
+        var b = 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 b.name = "Invariant Violation", b;
       }
-      acc.apply(this, args);
-      func.apply(this, args);
+    }
+    n.isRequired = n;
+    function o() {
+      return n;
+    }
+    var a = {
+      array: n,
+      bigint: n,
+      bool: n,
+      func: n,
+      number: n,
+      object: n,
+      string: n,
+      symbol: n,
+      any: n,
+      arrayOf: o,
+      element: n,
+      elementType: n,
+      instanceOf: o,
+      node: n,
+      objectOf: o,
+      oneOf: o,
+      oneOfType: o,
+      shape: o,
+      exact: o,
+      checkPropTypes: r,
+      resetWarningCache: t
     };
+    return a.PropTypes = a, a;
+  }, we;
+}
+if (process.env.NODE_ENV !== "production") {
+  var Ft = yt(), zt = !0;
+  k.exports = jt()(Ft.isElement, zt);
+} else
+  k.exports = Wt()();
+function ce(e, t, r) {
+  return t in e ? Object.defineProperty(e, t, {
+    value: r,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : e[t] = r, e;
+}
+function fe(e) {
+  for (var t = "https://mui.com/production-error/?code=" + e, r = 1; r < arguments.length; r += 1)
+    t += "&args[]=" + encodeURIComponent(arguments[r]);
+  return "Minified Material-UI error #" + e + "; visit " + t + " for the full message.";
+}
+function Ne(e) {
+  if (typeof e != "string")
+    throw new Error(process.env.NODE_ENV !== "production" ? "Material-UI: capitalize(string) expects a string argument." : fe(7));
+  return e.charAt(0).toUpperCase() + e.slice(1);
+}
+function Vt() {
+  for (var e = arguments.length, t = new Array(e), r = 0; r < e; r++)
+    t[r] = arguments[r];
+  return t.reduce(function(n, o) {
+    return o == null ? n : (process.env.NODE_ENV !== "production" && typeof o != "function" && console.error("Material-UI: Invalid Argument Type, must only provide functions, undefined, or null."), function() {
+      for (var f = arguments.length, s = new Array(f), c = 0; c < f; c++)
+        s[c] = arguments[c];
+      n.apply(this, s), o.apply(this, s);
+    });
   }, function() {
   });
 }
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null)
+function kt(e, t) {
+  if (e == null)
     return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0)
-      continue;
-    target[key] = source[key];
-  }
-  return target;
+  var r = {}, n = Object.keys(e), o, a;
+  for (a = 0; a < n.length; a++)
+    o = n[a], !(t.indexOf(o) >= 0) && (r[o] = e[o]);
+  return r;
 }
-function _objectWithoutProperties(source, excluded) {
-  if (source == null)
+function re(e, t) {
+  if (e == null)
     return {};
-  var target = _objectWithoutPropertiesLoose(source, excluded);
-  var key, i;
+  var r = kt(e, t), n, o;
   if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-    for (i = 0; i < sourceSymbolKeys.length; i++) {
-      key = sourceSymbolKeys[i];
-      if (excluded.indexOf(key) >= 0)
-        continue;
-      if (!Object.prototype.propertyIsEnumerable.call(source, key))
-        continue;
-      target[key] = source[key];
-    }
+    var a = Object.getOwnPropertySymbols(e);
+    for (o = 0; o < a.length; o++)
+      n = a[o], !(t.indexOf(n) >= 0) && (!Object.prototype.propertyIsEnumerable.call(e, n) || (r[n] = e[n]));
   }
-  return target;
+  return r;
 }
-var keys = ["xs", "sm", "md", "lg", "xl"];
-function createBreakpoints(breakpoints) {
-  var _breakpoints$values = breakpoints.values, values = _breakpoints$values === void 0 ? {
+var Z = ["xs", "sm", "md", "lg", "xl"];
+function Ut(e) {
+  var t = e.values, r = t === void 0 ? {
     xs: 0,
     sm: 600,
     md: 960,
     lg: 1280,
     xl: 1920
-  } : _breakpoints$values, _breakpoints$unit = breakpoints.unit, unit = _breakpoints$unit === void 0 ? "px" : _breakpoints$unit, _breakpoints$step = breakpoints.step, step = _breakpoints$step === void 0 ? 5 : _breakpoints$step, other = _objectWithoutProperties(breakpoints, ["values", "unit", "step"]);
-  function up(key) {
-    var value = typeof values[key] === "number" ? values[key] : key;
-    return "@media (min-width:".concat(value).concat(unit, ")");
+  } : t, n = e.unit, o = n === void 0 ? "px" : n, a = e.step, f = a === void 0 ? 5 : a, s = re(e, ["values", "unit", "step"]);
+  function c(h) {
+    var y = typeof r[h] == "number" ? r[h] : h;
+    return "@media (min-width:".concat(y).concat(o, ")");
   }
-  function down(key) {
-    var endIndex = keys.indexOf(key) + 1;
-    var upperbound = values[keys[endIndex]];
-    if (endIndex === keys.length) {
-      return up("xs");
-    }
-    var value = typeof upperbound === "number" && endIndex > 0 ? upperbound : key;
-    return "@media (max-width:".concat(value - step / 100).concat(unit, ")");
+  function m(h) {
+    var y = Z.indexOf(h) + 1, x = r[Z[y]];
+    if (y === Z.length)
+      return c("xs");
+    var $ = typeof x == "number" && y > 0 ? x : h;
+    return "@media (max-width:".concat($ - f / 100).concat(o, ")");
   }
-  function between(start, end) {
-    var endIndex = keys.indexOf(end);
-    if (endIndex === keys.length - 1) {
-      return up(start);
-    }
-    return "@media (min-width:".concat(typeof values[start] === "number" ? values[start] : start).concat(unit, ") and ") + "(max-width:".concat((endIndex !== -1 && typeof values[keys[endIndex + 1]] === "number" ? values[keys[endIndex + 1]] : end) - step / 100).concat(unit, ")");
+  function d(h, y) {
+    var x = Z.indexOf(y);
+    return x === Z.length - 1 ? c(h) : "@media (min-width:".concat(typeof r[h] == "number" ? r[h] : h).concat(o, ") and ") + "(max-width:".concat((x !== -1 && typeof r[Z[x + 1]] == "number" ? r[Z[x + 1]] : y) - f / 100).concat(o, ")");
   }
-  function only(key) {
-    return between(key, key);
+  function g(h) {
+    return d(h, h);
   }
-  function width(key) {
-    return values[key];
+  var b = !1;
+  function v(h) {
+    return process.env.NODE_ENV !== "production" && (b || (b = !0, console.warn(["Material-UI: The `theme.breakpoints.width` utility is deprecated because it's redundant.", "Use the `theme.breakpoints.values` instead."].join(`
+`)))), r[h];
   }
-  return _extends({
-    keys,
-    values,
-    up,
-    down,
-    between,
-    only,
-    width
-  }, other);
-}
-function createMixins(breakpoints, spacing, mixins) {
-  var _toolbar;
-  return _extends({
-    gutters: function gutters() {
-      var styles3 = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-      console.warn(["Material-UI: theme.mixins.gutters() is deprecated.", "You can use the source of the mixin directly:", "\n      paddingLeft: theme.spacing(2),\n      paddingRight: theme.spacing(2),\n      [theme.breakpoints.up('sm')]: {\n        paddingLeft: theme.spacing(3),\n        paddingRight: theme.spacing(3),\n      },\n      "].join("\n"));
-      return _extends({
-        paddingLeft: spacing(2),
-        paddingRight: spacing(2)
-      }, styles3, _defineProperty({}, breakpoints.up("sm"), _extends({
-        paddingLeft: spacing(3),
-        paddingRight: spacing(3)
-      }, styles3[breakpoints.up("sm")])));
+  return Y({
+    keys: Z,
+    values: r,
+    up: c,
+    down: m,
+    between: d,
+    only: g,
+    width: v
+  }, s);
+}
+function qt(e, t, r) {
+  var n;
+  return Y({
+    gutters: function() {
+      var a = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+      return console.warn(["Material-UI: theme.mixins.gutters() is deprecated.", "You can use the source of the mixin directly:", `
+      paddingLeft: theme.spacing(2),
+      paddingRight: theme.spacing(2),
+      [theme.breakpoints.up('sm')]: {
+        paddingLeft: theme.spacing(3),
+        paddingRight: theme.spacing(3),
+      },
+      `].join(`
+`)), Y({
+        paddingLeft: t(2),
+        paddingRight: t(2)
+      }, a, ce({}, e.up("sm"), Y({
+        paddingLeft: t(3),
+        paddingRight: t(3)
+      }, a[e.up("sm")])));
     },
-    toolbar: (_toolbar = {
+    toolbar: (n = {
       minHeight: 56
-    }, _defineProperty(_toolbar, "".concat(breakpoints.up("xs"), " and (orientation: landscape)"), {
+    }, ce(n, "".concat(e.up("xs"), " and (orientation: landscape)"), {
       minHeight: 48
-    }), _defineProperty(_toolbar, breakpoints.up("sm"), {
+    }), ce(n, e.up("sm"), {
       minHeight: 64
-    }), _toolbar)
-  }, mixins);
+    }), n)
+  }, r);
 }
-var common = {
+var Lt = {
   black: "#000",
   white: "#fff"
 };
-var common$1 = common;
-var grey = {
+const le = Lt;
+var Yt = {
   50: "#fafafa",
   100: "#f5f5f5",
   200: "#eeeeee",
@@ -348,8 +907,8 @@ var grey = {
   A400: "#303030",
   A700: "#616161"
 };
-var grey$1 = grey;
-var indigo = {
+const ze = Yt;
+var Bt = {
   50: "#e8eaf6",
   100: "#c5cae9",
   200: "#9fa8da",
@@ -365,8 +924,8 @@ var indigo = {
   A400: "#3d5afe",
   A700: "#304ffe"
 };
-var indigo$1 = indigo;
-var pink = {
+const Se = Bt;
+var Ht = {
   50: "#fce4ec",
   100: "#f8bbd0",
   200: "#f48fb1",
@@ -382,8 +941,8 @@ var pink = {
   A400: "#f50057",
   A700: "#c51162"
 };
-var pink$1 = pink;
-var red = {
+const _e = Ht;
+var Jt = {
   50: "#ffebee",
   100: "#ffcdd2",
   200: "#ef9a9a",
@@ -399,8 +958,8 @@ var red = {
   A400: "#ff1744",
   A700: "#d50000"
 };
-var red$1 = red;
-var orange = {
+const Re = Jt;
+var Kt = {
   50: "#fff3e0",
   100: "#ffe0b2",
   200: "#ffcc80",
@@ -416,8 +975,8 @@ var orange = {
   A400: "#ff9100",
   A700: "#ff6d00"
 };
-var orange$1 = orange;
-var blue = {
+const Ae = Kt;
+var Xt = {
   50: "#e3f2fd",
   100: "#bbdefb",
   200: "#90caf9",
@@ -433,8 +992,8 @@ var blue = {
   A400: "#2979ff",
   A700: "#2962ff"
 };
-var blue$1 = blue;
-var green = {
+const Ce = Xt;
+var Gt = {
   50: "#e8f5e9",
   100: "#c8e6c9",
   200: "#a5d6a7",
@@ -450,120 +1009,81 @@ var green = {
   A400: "#00e676",
   A700: "#00c853"
 };
-var green$1 = green;
-function clamp(value) {
-  var min = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0;
-  var max = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 1;
-  return Math.min(Math.max(min, value), max);
-}
-function hexToRgb(color) {
-  color = color.substr(1);
-  var re = new RegExp(".{1,".concat(color.length >= 6 ? 2 : 1, "}"), "g");
-  var colors = color.match(re);
-  if (colors && colors[0].length === 1) {
-    colors = colors.map(function(n) {
-      return n + n;
-    });
-  }
-  return colors ? "rgb".concat(colors.length === 4 ? "a" : "", "(").concat(colors.map(function(n, index) {
-    return index < 3 ? parseInt(n, 16) : Math.round(parseInt(n, 16) / 255 * 1e3) / 1e3;
+const Pe = Gt;
+function Et(e) {
+  var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0, r = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 1;
+  return process.env.NODE_ENV !== "production" && (e < t || e > r) && console.error("Material-UI: The value provided ".concat(e, " is out of range [").concat(t, ", ").concat(r, "].")), Math.min(Math.max(t, e), r);
+}
+function Zt(e) {
+  e = e.substr(1);
+  var t = new RegExp(".{1,".concat(e.length >= 6 ? 2 : 1, "}"), "g"), r = e.match(t);
+  return r && r[0].length === 1 && (r = r.map(function(n) {
+    return n + n;
+  })), r ? "rgb".concat(r.length === 4 ? "a" : "", "(").concat(r.map(function(n, o) {
+    return o < 3 ? parseInt(n, 16) : Math.round(parseInt(n, 16) / 255 * 1e3) / 1e3;
   }).join(", "), ")") : "";
 }
-function hslToRgb(color) {
-  color = decomposeColor(color);
-  var _color = color, values = _color.values;
-  var h = values[0];
-  var s = values[1] / 100;
-  var l = values[2] / 100;
-  var a = s * Math.min(l, 1 - l);
-  var f = function f2(n) {
-    var k = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : (n + h / 30) % 12;
-    return l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);
-  };
-  var type = "rgb";
-  var rgb = [Math.round(f(0) * 255), Math.round(f(8) * 255), Math.round(f(4) * 255)];
-  if (color.type === "hsla") {
-    type += "a";
-    rgb.push(values[3]);
-  }
-  return recomposeColor({
-    type,
-    values: rgb
+function Qt(e) {
+  e = te(e);
+  var t = e, r = t.values, n = r[0], o = r[1] / 100, a = r[2] / 100, f = o * Math.min(a, 1 - a), s = function(g) {
+    var b = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : (g + n / 30) % 12;
+    return a - f * Math.max(Math.min(b - 3, 9 - b, 1), -1);
+  }, c = "rgb", m = [Math.round(s(0) * 255), Math.round(s(8) * 255), Math.round(s(4) * 255)];
+  return e.type === "hsla" && (c += "a", m.push(r[3])), Ve({
+    type: c,
+    values: m
   });
 }
-function decomposeColor(color) {
-  if (color.type) {
-    return color;
-  }
-  if (color.charAt(0) === "#") {
-    return decomposeColor(hexToRgb(color));
-  }
-  var marker = color.indexOf("(");
-  var type = color.substring(0, marker);
-  if (["rgb", "rgba", "hsl", "hsla"].indexOf(type) === -1) {
-    throw new Error(formatMuiErrorMessage(3, color));
-  }
-  var values = color.substring(marker + 1, color.length - 1).split(",");
-  values = values.map(function(value) {
-    return parseFloat(value);
-  });
-  return {
-    type,
-    values
+function te(e) {
+  if (e.type)
+    return e;
+  if (e.charAt(0) === "#")
+    return te(Zt(e));
+  var t = e.indexOf("("), r = e.substring(0, t);
+  if (["rgb", "rgba", "hsl", "hsla"].indexOf(r) === -1)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Material-UI: Unsupported `".concat(e, "` color.\nWe support the following formats: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla().") : fe(3, e));
+  var n = e.substring(t + 1, e.length - 1).split(",");
+  return n = n.map(function(o) {
+    return parseFloat(o);
+  }), {
+    type: r,
+    values: n
   };
 }
-function recomposeColor(color) {
-  var type = color.type;
-  var values = color.values;
-  if (type.indexOf("rgb") !== -1) {
-    values = values.map(function(n, i) {
-      return i < 3 ? parseInt(n, 10) : n;
-    });
-  } else if (type.indexOf("hsl") !== -1) {
-    values[1] = "".concat(values[1], "%");
-    values[2] = "".concat(values[2], "%");
-  }
-  return "".concat(type, "(").concat(values.join(", "), ")");
-}
-function getContrastRatio(foreground, background) {
-  var lumA = getLuminance(foreground);
-  var lumB = getLuminance(background);
-  return (Math.max(lumA, lumB) + 0.05) / (Math.min(lumA, lumB) + 0.05);
-}
-function getLuminance(color) {
-  color = decomposeColor(color);
-  var rgb = color.type === "hsl" ? decomposeColor(hslToRgb(color)).values : color.values;
-  rgb = rgb.map(function(val) {
-    val /= 255;
-    return val <= 0.03928 ? val / 12.92 : Math.pow((val + 0.055) / 1.055, 2.4);
-  });
-  return Number((0.2126 * rgb[0] + 0.7152 * rgb[1] + 0.0722 * rgb[2]).toFixed(3));
-}
-function darken(color, coefficient) {
-  color = decomposeColor(color);
-  coefficient = clamp(coefficient);
-  if (color.type.indexOf("hsl") !== -1) {
-    color.values[2] *= 1 - coefficient;
-  } else if (color.type.indexOf("rgb") !== -1) {
-    for (var i = 0; i < 3; i += 1) {
-      color.values[i] *= 1 - coefficient;
-    }
-  }
-  return recomposeColor(color);
-}
-function lighten(color, coefficient) {
-  color = decomposeColor(color);
-  coefficient = clamp(coefficient);
-  if (color.type.indexOf("hsl") !== -1) {
-    color.values[2] += (100 - color.values[2]) * coefficient;
-  } else if (color.type.indexOf("rgb") !== -1) {
-    for (var i = 0; i < 3; i += 1) {
-      color.values[i] += (255 - color.values[i]) * coefficient;
-    }
-  }
-  return recomposeColor(color);
+function Ve(e) {
+  var t = e.type, r = e.values;
+  return t.indexOf("rgb") !== -1 ? r = r.map(function(n, o) {
+    return o < 3 ? parseInt(n, 10) : n;
+  }) : t.indexOf("hsl") !== -1 && (r[1] = "".concat(r[1], "%"), r[2] = "".concat(r[2], "%")), "".concat(t, "(").concat(r.join(", "), ")");
+}
+function Qe(e, t) {
+  var r = et(e), n = et(t);
+  return (Math.max(r, n) + 0.05) / (Math.min(r, n) + 0.05);
+}
+function et(e) {
+  e = te(e);
+  var t = e.type === "hsl" ? te(Qt(e)).values : e.values;
+  return t = t.map(function(r) {
+    return r /= 255, r <= 0.03928 ? r / 12.92 : Math.pow((r + 0.055) / 1.055, 2.4);
+  }), Number((0.2126 * t[0] + 0.7152 * t[1] + 0.0722 * t[2]).toFixed(3));
+}
+function er(e, t) {
+  if (e = te(e), t = Et(t), e.type.indexOf("hsl") !== -1)
+    e.values[2] *= 1 - t;
+  else if (e.type.indexOf("rgb") !== -1)
+    for (var r = 0; r < 3; r += 1)
+      e.values[r] *= 1 - t;
+  return Ve(e);
 }
-var light = {
+function tr(e, t) {
+  if (e = te(e), t = Et(t), e.type.indexOf("hsl") !== -1)
+    e.values[2] += (100 - e.values[2]) * t;
+  else if (e.type.indexOf("rgb") !== -1)
+    for (var r = 0; r < 3; r += 1)
+      e.values[r] += (255 - e.values[r]) * t;
+  return Ve(e);
+}
+var tt = {
   text: {
     primary: "rgba(0, 0, 0, 0.87)",
     secondary: "rgba(0, 0, 0, 0.54)",
@@ -572,8 +1092,8 @@ var light = {
   },
   divider: "rgba(0, 0, 0, 0.12)",
   background: {
-    paper: common$1.white,
-    default: grey$1[50]
+    paper: le.white,
+    default: ze[50]
   },
   action: {
     active: "rgba(0, 0, 0, 0.54)",
@@ -588,10 +1108,9 @@ var light = {
     focusOpacity: 0.12,
     activatedOpacity: 0.12
   }
-};
-var dark = {
+}, Ie = {
   text: {
-    primary: common$1.white,
+    primary: le.white,
     secondary: "rgba(255, 255, 255, 0.7)",
     disabled: "rgba(255, 255, 255, 0.5)",
     hint: "rgba(255, 255, 255, 0.5)",
@@ -599,11 +1118,11 @@ var dark = {
   },
   divider: "rgba(255, 255, 255, 0.12)",
   background: {
-    paper: grey$1[800],
+    paper: ze[800],
     default: "#303030"
   },
   action: {
-    active: common$1.white,
+    active: le.white,
     hover: "rgba(255, 255, 255, 0.08)",
     hoverOpacity: 0.08,
     selected: "rgba(255, 255, 255, 0.16)",
@@ -616,218 +1135,197 @@ var dark = {
     activatedOpacity: 0.24
   }
 };
-function addLightOrDark(intent, direction, shade, tonalOffset) {
-  var tonalOffsetLight = tonalOffset.light || tonalOffset;
-  var tonalOffsetDark = tonalOffset.dark || tonalOffset * 1.5;
-  if (!intent[direction]) {
-    if (intent.hasOwnProperty(shade)) {
-      intent[direction] = intent[shade];
-    } else if (direction === "light") {
-      intent.light = lighten(intent.main, tonalOffsetLight);
-    } else if (direction === "dark") {
-      intent.dark = darken(intent.main, tonalOffsetDark);
-    }
-  }
+function rt(e, t, r, n) {
+  var o = n.light || n, a = n.dark || n * 1.5;
+  e[t] || (e.hasOwnProperty(r) ? e[t] = e[r] : t === "light" ? e.light = tr(e.main, o) : t === "dark" && (e.dark = er(e.main, a)));
 }
-function createPalette(palette) {
-  var _palette$primary = palette.primary, primary = _palette$primary === void 0 ? {
-    light: indigo$1[300],
-    main: indigo$1[500],
-    dark: indigo$1[700]
-  } : _palette$primary, _palette$secondary = palette.secondary, secondary = _palette$secondary === void 0 ? {
-    light: pink$1.A200,
-    main: pink$1.A400,
-    dark: pink$1.A700
-  } : _palette$secondary, _palette$error = palette.error, error = _palette$error === void 0 ? {
-    light: red$1[300],
-    main: red$1[500],
-    dark: red$1[700]
-  } : _palette$error, _palette$warning = palette.warning, warning = _palette$warning === void 0 ? {
-    light: orange$1[300],
-    main: orange$1[500],
-    dark: orange$1[700]
-  } : _palette$warning, _palette$info = palette.info, info = _palette$info === void 0 ? {
-    light: blue$1[300],
-    main: blue$1[500],
-    dark: blue$1[700]
-  } : _palette$info, _palette$success = palette.success, success = _palette$success === void 0 ? {
-    light: green$1[300],
-    main: green$1[500],
-    dark: green$1[700]
-  } : _palette$success, _palette$type = palette.type, type = _palette$type === void 0 ? "light" : _palette$type, _palette$contrastThre = palette.contrastThreshold, contrastThreshold = _palette$contrastThre === void 0 ? 3 : _palette$contrastThre, _palette$tonalOffset = palette.tonalOffset, tonalOffset = _palette$tonalOffset === void 0 ? 0.2 : _palette$tonalOffset, other = _objectWithoutProperties(palette, ["primary", "secondary", "error", "warning", "info", "success", "type", "contrastThreshold", "tonalOffset"]);
-  function getContrastText(background) {
-    var contrastText = getContrastRatio(background, dark.text.primary) >= contrastThreshold ? dark.text.primary : light.text.primary;
-    return contrastText;
-  }
-  var augmentColor = function augmentColor2(color) {
-    var mainShade = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 500;
-    var lightShade = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 300;
-    var darkShade = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : 700;
-    color = _extends({}, color);
-    if (!color.main && color[mainShade]) {
-      color.main = color[mainShade];
-    }
-    if (!color.main) {
-      throw new Error(formatMuiErrorMessage(4, mainShade));
-    }
-    if (typeof color.main !== "string") {
-      throw new Error(formatMuiErrorMessage(5, JSON.stringify(color.main)));
+function rr(e) {
+  var t = e.primary, r = t === void 0 ? {
+    light: Se[300],
+    main: Se[500],
+    dark: Se[700]
+  } : t, n = e.secondary, o = n === void 0 ? {
+    light: _e.A200,
+    main: _e.A400,
+    dark: _e.A700
+  } : n, a = e.error, f = a === void 0 ? {
+    light: Re[300],
+    main: Re[500],
+    dark: Re[700]
+  } : a, s = e.warning, c = s === void 0 ? {
+    light: Ae[300],
+    main: Ae[500],
+    dark: Ae[700]
+  } : s, m = e.info, d = m === void 0 ? {
+    light: Ce[300],
+    main: Ce[500],
+    dark: Ce[700]
+  } : m, g = e.success, b = g === void 0 ? {
+    light: Pe[300],
+    main: Pe[500],
+    dark: Pe[700]
+  } : g, v = e.type, h = v === void 0 ? "light" : v, y = e.contrastThreshold, x = y === void 0 ? 3 : y, $ = e.tonalOffset, q = $ === void 0 ? 0.2 : $, j = re(e, ["primary", "secondary", "error", "warning", "info", "success", "type", "contrastThreshold", "tonalOffset"]);
+  function P(z) {
+    var _ = Qe(z, Ie.text.primary) >= x ? Ie.text.primary : tt.text.primary;
+    if (process.env.NODE_ENV !== "production") {
+      var U = Qe(z, _);
+      U < 3 && console.error(["Material-UI: The contrast ratio of ".concat(U, ":1 for ").concat(_, " on ").concat(z), "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(`
+`));
     }
-    addLightOrDark(color, "light", lightShade, tonalOffset);
-    addLightOrDark(color, "dark", darkShade, tonalOffset);
-    if (!color.contrastText) {
-      color.contrastText = getContrastText(color.main);
-    }
-    return color;
-  };
-  var types = {
-    dark,
-    light
+    return _;
+  }
+  var u = function(_) {
+    var U = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 500, H = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 300, W = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : 700;
+    if (_ = Y({}, _), !_.main && _[U] && (_.main = _[U]), !_.main)
+      throw new Error(process.env.NODE_ENV !== "production" ? "Material-UI: The color provided to augmentColor(color) is invalid.\nThe color object needs to have a `main` property or a `".concat(U, "` property.") : fe(4, U));
+    if (typeof _.main != "string")
+      throw new Error(process.env.NODE_ENV !== "production" ? "Material-UI: The color provided to augmentColor(color) is invalid.\n`color.main` should be a string, but `".concat(JSON.stringify(_.main), `\` was provided instead.
+
+Did you intend to use one of the following approaches?
+
+import {\xA0green } from "@material-ui/core/colors";
+
+const theme1 = createTheme({ palette: {
+  primary: green,
+} });
+
+const theme2 = createTheme({ palette: {
+  primary: { main: green[500] },
+} });`) : fe(5, JSON.stringify(_.main)));
+    return rt(_, "light", H, q), rt(_, "dark", W, q), _.contrastText || (_.contrastText = P(_.main)), _;
+  }, D = {
+    dark: Ie,
+    light: tt
   };
-  var paletteOutput = deepmerge(_extends({
-    common: common$1,
-    type,
-    primary: augmentColor(primary),
-    secondary: augmentColor(secondary, "A400", "A200", "A700"),
-    error: augmentColor(error),
-    warning: augmentColor(warning),
-    info: augmentColor(info),
-    success: augmentColor(success),
-    grey: grey$1,
-    contrastThreshold,
-    getContrastText,
-    augmentColor,
-    tonalOffset
-  }, types[type]), other);
-  return paletteOutput;
-}
-function round(value) {
-  return Math.round(value * 1e5) / 1e5;
-}
-function roundWithDeprecationWarning(value) {
-  return round(value);
-}
-var caseAllCaps = {
+  process.env.NODE_ENV !== "production" && (D[h] || console.error("Material-UI: The palette type `".concat(h, "` is not supported.")));
+  var B = oe(Y({
+    common: le,
+    type: h,
+    primary: u(r),
+    secondary: u(o, "A400", "A200", "A700"),
+    error: u(f),
+    warning: u(c),
+    info: u(d),
+    success: u(b),
+    grey: ze,
+    contrastThreshold: x,
+    getContrastText: P,
+    augmentColor: u,
+    tonalOffset: q
+  }, D[h]), j);
+  return B;
+}
+function xt(e) {
+  return Math.round(e * 1e5) / 1e5;
+}
+var nt = !1;
+function nr(e) {
+  return process.env.NODE_ENV !== "production" && (nt || (console.warn(["Material-UI: The `theme.typography.round` helper is deprecated.", "Head to https://mui.com/r/migration-v4/#theme for a migration path."].join(`
+`)), nt = !0)), xt(e);
+}
+var ot = {
   textTransform: "uppercase"
-};
-var defaultFontFamily = '"Roboto", "Helvetica", "Arial", sans-serif';
-function createTypography(palette, typography) {
-  var _ref = typeof typography === "function" ? typography(palette) : typography, _ref$fontFamily = _ref.fontFamily, fontFamily = _ref$fontFamily === void 0 ? defaultFontFamily : _ref$fontFamily, _ref$fontSize = _ref.fontSize, fontSize = _ref$fontSize === void 0 ? 14 : _ref$fontSize, _ref$fontWeightLight = _ref.fontWeightLight, fontWeightLight = _ref$fontWeightLight === void 0 ? 300 : _ref$fontWeightLight, _ref$fontWeightRegula = _ref.fontWeightRegular, fontWeightRegular = _ref$fontWeightRegula === void 0 ? 400 : _ref$fontWeightRegula, _ref$fontWeightMedium = _ref.fontWeightMedium, fontWeightMedium = _ref$fontWeightMedium === void 0 ? 500 : _ref$fontWeightMedium, _ref$fontWeightBold = _ref.fontWeightBold, fontWeightBold = _ref$fontWeightBold === void 0 ? 700 : _ref$fontWeightBold, _ref$htmlFontSize = _ref.htmlFontSize, htmlFontSize = _ref$htmlFontSize === void 0 ? 16 : _ref$htmlFontSize, allVariants = _ref.allVariants, pxToRem2 = _ref.pxToRem, other = _objectWithoutProperties(_ref, ["fontFamily", "fontSize", "fontWeightLight", "fontWeightRegular", "fontWeightMedium", "fontWeightBold", "htmlFontSize", "allVariants", "pxToRem"]);
-  var coef = fontSize / 14;
-  var pxToRem = pxToRem2 || function(size) {
-    return "".concat(size / htmlFontSize * coef, "rem");
-  };
-  var buildVariant = function buildVariant2(fontWeight, size, lineHeight, letterSpacing, casing) {
-    return _extends({
-      fontFamily,
-      fontWeight,
-      fontSize: pxToRem(size),
-      lineHeight
-    }, fontFamily === defaultFontFamily ? {
-      letterSpacing: "".concat(round(letterSpacing / size), "em")
-    } : {}, casing, allVariants);
+}, at = '"Roboto", "Helvetica", "Arial", sans-serif';
+function or(e, t) {
+  var r = typeof t == "function" ? t(e) : t, n = r.fontFamily, o = n === void 0 ? at : n, a = r.fontSize, f = a === void 0 ? 14 : a, s = r.fontWeightLight, c = s === void 0 ? 300 : s, m = r.fontWeightRegular, d = m === void 0 ? 400 : m, g = r.fontWeightMedium, b = g === void 0 ? 500 : g, v = r.fontWeightBold, h = v === void 0 ? 700 : v, y = r.htmlFontSize, x = y === void 0 ? 16 : y, $ = r.allVariants, q = r.pxToRem, j = re(r, ["fontFamily", "fontSize", "fontWeightLight", "fontWeightRegular", "fontWeightMedium", "fontWeightBold", "htmlFontSize", "allVariants", "pxToRem"]);
+  process.env.NODE_ENV !== "production" && (typeof f != "number" && console.error("Material-UI: `fontSize` is required to be a number."), typeof x != "number" && console.error("Material-UI: `htmlFontSize` is required to be a number."));
+  var P = f / 14, u = q || function(z) {
+    return "".concat(z / x * P, "rem");
+  }, D = function(_, U, H, W, K) {
+    return Y({
+      fontFamily: o,
+      fontWeight: _,
+      fontSize: u(U),
+      lineHeight: H
+    }, o === at ? {
+      letterSpacing: "".concat(xt(W / U), "em")
+    } : {}, K, $);
+  }, B = {
+    h1: D(c, 96, 1.167, -1.5),
+    h2: D(c, 60, 1.2, -0.5),
+    h3: D(d, 48, 1.167, 0),
+    h4: D(d, 34, 1.235, 0.25),
+    h5: D(d, 24, 1.334, 0),
+    h6: D(b, 20, 1.6, 0.15),
+    subtitle1: D(d, 16, 1.75, 0.15),
+    subtitle2: D(b, 14, 1.57, 0.1),
+    body1: D(d, 16, 1.5, 0.15),
+    body2: D(d, 14, 1.43, 0.15),
+    button: D(b, 14, 1.75, 0.4, ot),
+    caption: D(d, 12, 1.66, 0.4),
+    overline: D(d, 12, 2.66, 1, ot)
   };
-  var variants = {
-    h1: buildVariant(fontWeightLight, 96, 1.167, -1.5),
-    h2: buildVariant(fontWeightLight, 60, 1.2, -0.5),
-    h3: buildVariant(fontWeightRegular, 48, 1.167, 0),
-    h4: buildVariant(fontWeightRegular, 34, 1.235, 0.25),
-    h5: buildVariant(fontWeightRegular, 24, 1.334, 0),
-    h6: buildVariant(fontWeightMedium, 20, 1.6, 0.15),
-    subtitle1: buildVariant(fontWeightRegular, 16, 1.75, 0.15),
-    subtitle2: buildVariant(fontWeightMedium, 14, 1.57, 0.1),
-    body1: buildVariant(fontWeightRegular, 16, 1.5, 0.15),
-    body2: buildVariant(fontWeightRegular, 14, 1.43, 0.15),
-    button: buildVariant(fontWeightMedium, 14, 1.75, 0.4, caseAllCaps),
-    caption: buildVariant(fontWeightRegular, 12, 1.66, 0.4),
-    overline: buildVariant(fontWeightRegular, 12, 2.66, 1, caseAllCaps)
-  };
-  return deepmerge(_extends({
-    htmlFontSize,
-    pxToRem,
-    round: roundWithDeprecationWarning,
-    fontFamily,
-    fontSize,
-    fontWeightLight,
-    fontWeightRegular,
-    fontWeightMedium,
-    fontWeightBold
-  }, variants), other, {
-    clone: false
+  return oe(Y({
+    htmlFontSize: x,
+    pxToRem: u,
+    round: nr,
+    fontFamily: o,
+    fontSize: f,
+    fontWeightLight: c,
+    fontWeightRegular: d,
+    fontWeightMedium: b,
+    fontWeightBold: h
+  }, B), j, {
+    clone: !1
   });
 }
-var shadowKeyUmbraOpacity = 0.2;
-var shadowKeyPenumbraOpacity = 0.14;
-var shadowAmbientShadowOpacity = 0.12;
-function createShadow() {
-  return ["".concat(arguments.length <= 0 ? void 0 : arguments[0], "px ").concat(arguments.length <= 1 ? void 0 : arguments[1], "px ").concat(arguments.length <= 2 ? void 0 : arguments[2], "px ").concat(arguments.length <= 3 ? void 0 : arguments[3], "px rgba(0,0,0,").concat(shadowKeyUmbraOpacity, ")"), "".concat(arguments.length <= 4 ? void 0 : arguments[4], "px ").concat(arguments.length <= 5 ? void 0 : arguments[5], "px ").concat(arguments.length <= 6 ? void 0 : arguments[6], "px ").concat(arguments.length <= 7 ? void 0 : arguments[7], "px rgba(0,0,0,").concat(shadowKeyPenumbraOpacity, ")"), "".concat(arguments.length <= 8 ? void 0 : arguments[8], "px ").concat(arguments.length <= 9 ? void 0 : arguments[9], "px ").concat(arguments.length <= 10 ? void 0 : arguments[10], "px ").concat(arguments.length <= 11 ? void 0 : arguments[11], "px rgba(0,0,0,").concat(shadowAmbientShadowOpacity, ")")].join(",");
+var ar = 0.2, ir = 0.14, ur = 0.12;
+function F() {
+  return ["".concat(arguments.length <= 0 ? void 0 : arguments[0], "px ").concat(arguments.length <= 1 ? void 0 : arguments[1], "px ").concat(arguments.length <= 2 ? void 0 : arguments[2], "px ").concat(arguments.length <= 3 ? void 0 : arguments[3], "px rgba(0,0,0,").concat(ar, ")"), "".concat(arguments.length <= 4 ? void 0 : arguments[4], "px ").concat(arguments.length <= 5 ? void 0 : arguments[5], "px ").concat(arguments.length <= 6 ? void 0 : arguments[6], "px ").concat(arguments.length <= 7 ? void 0 : arguments[7], "px rgba(0,0,0,").concat(ir, ")"), "".concat(arguments.length <= 8 ? void 0 : arguments[8], "px ").concat(arguments.length <= 9 ? void 0 : arguments[9], "px ").concat(arguments.length <= 10 ? void 0 : arguments[10], "px ").concat(arguments.length <= 11 ? void 0 : arguments[11], "px rgba(0,0,0,").concat(ur, ")")].join(",");
 }
-var shadows = ["none", createShadow(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), createShadow(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), createShadow(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), createShadow(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), createShadow(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), createShadow(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), createShadow(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), createShadow(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), createShadow(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), createShadow(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), createShadow(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), createShadow(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), createShadow(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), createShadow(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), createShadow(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), createShadow(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), createShadow(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), createShadow(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), createShadow(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), createShadow(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), createShadow(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), createShadow(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), createShadow(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), createShadow(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)];
-var shadows$1 = shadows;
-var shape = {
+var sr = ["none", F(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), F(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), F(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), F(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), F(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), F(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), F(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), F(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), F(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), F(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), F(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), F(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), F(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), F(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), F(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), F(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), F(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), F(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), F(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), F(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), F(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), F(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), F(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), F(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)];
+const cr = sr;
+var fr = {
   borderRadius: 4
 };
-var shape$1 = shape;
-function createUnarySpacing(theme) {
-  var themeSpacing = theme.spacing || 8;
-  if (typeof themeSpacing === "number") {
-    return function(abs) {
-      return themeSpacing * abs;
-    };
-  }
-  if (Array.isArray(themeSpacing)) {
-    return function(abs) {
-      return themeSpacing[abs];
-    };
-  }
-  if (typeof themeSpacing === "function") {
-    return themeSpacing;
-  }
-  return function() {
-    return void 0;
-  };
-}
-function createSpacing() {
-  var spacingInput = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 8;
-  if (spacingInput.mui) {
-    return spacingInput;
-  }
-  var transform = createUnarySpacing({
-    spacing: spacingInput
+const lr = fr;
+var dr = process.env.NODE_ENV !== "production" ? k.exports.oneOfType([k.exports.number, k.exports.string, k.exports.object, k.exports.array]) : {};
+const pr = dr;
+var mr = ["m", "mt", "mr", "mb", "ml", "mx", "my", "p", "pt", "pr", "pb", "pl", "px", "py", "margin", "marginTop", "marginRight", "marginBottom", "marginLeft", "marginX", "marginY", "padding", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "paddingX", "paddingY"];
+function vr(e) {
+  var t = e.spacing || 8;
+  return typeof t == "number" ? function(r) {
+    return process.env.NODE_ENV !== "production" && typeof r != "number" && console.error("Material-UI: Expected spacing argument to be a number, got ".concat(r, ".")), t * r;
+  } : Array.isArray(t) ? function(r) {
+    return process.env.NODE_ENV !== "production" && r > t.length - 1 && console.error(["Material-UI: The value provided (".concat(r, ") overflows."), "The supported values are: ".concat(JSON.stringify(t), "."), "".concat(r, " > ").concat(t.length - 1, ", you need to add the missing values.")].join(`
+`)), t[r];
+  } : typeof t == "function" ? t : (process.env.NODE_ENV !== "production" && console.error(["Material-UI: The `theme.spacing` value (".concat(t, ") is invalid."), "It should be a number, an array or a function."].join(`
+`)), function() {
   });
-  var spacing = function spacing2() {
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    if (args.length === 0) {
-      return transform(1);
-    }
-    if (args.length === 1) {
-      return transform(args[0]);
-    }
-    return args.map(function(argument) {
-      if (typeof argument === "string") {
-        return argument;
-      }
-      var output = transform(argument);
-      return typeof output === "number" ? "".concat(output, "px") : output;
+}
+process.env.NODE_ENV !== "production" && mr.reduce(function(e, t) {
+  return e[t] = pr, e;
+}, {});
+var it;
+function gr() {
+  var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 8;
+  if (e.mui)
+    return e;
+  var t = vr({
+    spacing: e
+  }), r = function() {
+    for (var o = arguments.length, a = new Array(o), f = 0; f < o; f++)
+      a[f] = arguments[f];
+    return process.env.NODE_ENV !== "production" && (a.length <= 4 || console.error("Material-UI: Too many arguments provided, expected between 0 and 4, got ".concat(a.length))), a.length === 0 ? t(1) : a.length === 1 ? t(a[0]) : a.map(function(s) {
+      if (typeof s == "string")
+        return s;
+      var c = t(s);
+      return typeof c == "number" ? "".concat(c, "px") : c;
     }).join(" ");
   };
-  Object.defineProperty(spacing, "unit", {
-    get: function get() {
-      return spacingInput;
+  return Object.defineProperty(r, "unit", {
+    get: function() {
+      return process.env.NODE_ENV !== "production" && ((!it || process.env.NODE_ENV === "test") && console.error(["Material-UI: theme.spacing.unit usage has been deprecated.", "It will be removed in v5.", "You can replace `theme.spacing.unit * y` with `theme.spacing(y)`.", "", "You can use the `https://github.com/mui-org/material-ui/tree/master/packages/material-ui-codemod/README.md#theme-spacing-api` migration helper to make the process smoother."].join(`
+`)), it = !0), e;
     }
-  });
-  spacing.mui = true;
-  return spacing;
+  }), r.mui = !0, r;
 }
-var easing = {
+var ut = {
   easeInOut: "cubic-bezier(0.4, 0, 0.2, 1)",
   easeOut: "cubic-bezier(0.0, 0, 0.2, 1)",
   easeIn: "cubic-bezier(0.4, 0, 1, 1)",
   sharp: "cubic-bezier(0.4, 0, 0.6, 1)"
-};
-var duration = {
+}, st = {
   shortest: 150,
   shorter: 200,
   short: 250,
@@ -836,30 +1334,34 @@ var duration = {
   enteringScreen: 225,
   leavingScreen: 195
 };
-function formatMs(milliseconds) {
-  return "".concat(Math.round(milliseconds), "ms");
-}
-var transitions = {
-  easing,
-  duration,
-  create: function create() {
-    var props = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : ["all"];
-    var options = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-    var _options$duration = options.duration, durationOption = _options$duration === void 0 ? duration.standard : _options$duration, _options$easing = options.easing, easingOption = _options$easing === void 0 ? easing.easeInOut : _options$easing, _options$delay = options.delay, delay = _options$delay === void 0 ? 0 : _options$delay;
-    _objectWithoutProperties(options, ["duration", "easing", "delay"]);
-    return (Array.isArray(props) ? props : [props]).map(function(animatedProp) {
-      return "".concat(animatedProp, " ").concat(typeof durationOption === "string" ? durationOption : formatMs(durationOption), " ").concat(easingOption, " ").concat(typeof delay === "string" ? delay : formatMs(delay));
+function ct(e) {
+  return "".concat(Math.round(e), "ms");
+}
+const hr = {
+  easing: ut,
+  duration: st,
+  create: function() {
+    var t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : ["all"], r = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, n = r.duration, o = n === void 0 ? st.standard : n, a = r.easing, f = a === void 0 ? ut.easeInOut : a, s = r.delay, c = s === void 0 ? 0 : s, m = re(r, ["duration", "easing", "delay"]);
+    if (process.env.NODE_ENV !== "production") {
+      var d = function(v) {
+        return typeof v == "string";
+      }, g = function(v) {
+        return !isNaN(parseFloat(v));
+      };
+      !d(t) && !Array.isArray(t) && console.error('Material-UI: Argument "props" must be a string or Array.'), !g(o) && !d(o) && console.error('Material-UI: Argument "duration" must be a number or a string but found '.concat(o, ".")), d(f) || console.error('Material-UI: Argument "easing" must be a string.'), !g(c) && !d(c) && console.error('Material-UI: Argument "delay" must be a number or a string.'), Object.keys(m).length !== 0 && console.error("Material-UI: Unrecognized argument(s) [".concat(Object.keys(m).join(","), "]."));
+    }
+    return (Array.isArray(t) ? t : [t]).map(function(b) {
+      return "".concat(b, " ").concat(typeof o == "string" ? o : ct(o), " ").concat(f, " ").concat(typeof c == "string" ? c : ct(c));
     }).join(",");
   },
-  getAutoHeightDuration: function getAutoHeightDuration(height) {
-    if (!height) {
+  getAutoHeightDuration: function(t) {
+    if (!t)
       return 0;
-    }
-    var constant = height / 36;
-    return Math.round((4 + 15 * Math.pow(constant, 0.25) + constant / 5) * 10);
+    var r = t / 36;
+    return Math.round((4 + 15 * Math.pow(r, 0.25) + r / 5) * 10);
   }
 };
-var zIndex = {
+var yr = {
   mobileStepper: 1e3,
   speedDial: 1050,
   appBar: 1100,
@@ -868,43 +1370,48 @@ var zIndex = {
   snackbar: 1400,
   tooltip: 1500
 };
-var zIndex$1 = zIndex;
-function createTheme() {
-  var options = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-  var _options$breakpoints = options.breakpoints, breakpointsInput = _options$breakpoints === void 0 ? {} : _options$breakpoints, _options$mixins = options.mixins, mixinsInput = _options$mixins === void 0 ? {} : _options$mixins, _options$palette = options.palette, paletteInput = _options$palette === void 0 ? {} : _options$palette, spacingInput = options.spacing, _options$typography = options.typography, typographyInput = _options$typography === void 0 ? {} : _options$typography, other = _objectWithoutProperties(options, ["breakpoints", "mixins", "palette", "spacing", "typography"]);
-  var palette = createPalette(paletteInput);
-  var breakpoints = createBreakpoints(breakpointsInput);
-  var spacing = createSpacing(spacingInput);
-  var muiTheme = deepmerge({
-    breakpoints,
+const br = yr;
+function Er() {
+  for (var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, t = e.breakpoints, r = t === void 0 ? {} : t, n = e.mixins, o = n === void 0 ? {} : n, a = e.palette, f = a === void 0 ? {} : a, s = e.spacing, c = e.typography, m = c === void 0 ? {} : c, d = re(e, ["breakpoints", "mixins", "palette", "spacing", "typography"]), g = rr(f), b = Ut(r), v = gr(s), h = oe({
+    breakpoints: b,
     direction: "ltr",
-    mixins: createMixins(breakpoints, spacing, mixinsInput),
+    mixins: qt(b, v, o),
     overrides: {},
-    palette,
+    palette: g,
     props: {},
-    shadows: shadows$1,
-    typography: createTypography(palette, typographyInput),
-    spacing,
-    shape: shape$1,
-    transitions,
-    zIndex: zIndex$1
-  }, other);
-  for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-    args[_key - 1] = arguments[_key];
+    shadows: cr,
+    typography: or(g, m),
+    spacing: v,
+    shape: lr,
+    transitions: hr,
+    zIndex: br
+  }, d), y = arguments.length, x = new Array(y > 1 ? y - 1 : 0), $ = 1; $ < y; $++)
+    x[$ - 1] = arguments[$];
+  if (h = x.reduce(function(P, u) {
+    return oe(P, u);
+  }, h), process.env.NODE_ENV !== "production") {
+    var q = ["checked", "disabled", "error", "focused", "focusVisible", "required", "expanded", "selected"], j = function P(u, D) {
+      var B = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 1, z;
+      for (z in u) {
+        var _ = u[z];
+        B === 1 ? z.indexOf("Mui") === 0 && _ && P(_, z, B + 1) : q.indexOf(z) !== -1 && Object.keys(_).length > 0 && (process.env.NODE_ENV !== "production" && console.error(["Material-UI: The `".concat(D, "` component increases ") + "the CSS specificity of the `".concat(z, "` internal state."), "You can not override it like this: ", JSON.stringify(u, null, 2), "", "Instead, you need to use the $ruleName syntax:", JSON.stringify({
+          root: ce({}, "&$".concat(z), _)
+        }, null, 2), "", "https://mui.com/r/pseudo-classes-guide"].join(`
+`)), u[z] = {});
+      }
+    };
+    j(h.overrides);
   }
-  muiTheme = args.reduce(function(acc, argument) {
-    return deepmerge(acc, argument);
-  }, muiTheme);
-  return muiTheme;
-}
-var defaultTheme = createTheme();
-var defaultTheme$1 = defaultTheme;
-function withStyles(stylesOrCreator, options) {
-  return withStyles$1(stylesOrCreator, _extends({
-    defaultTheme: defaultTheme$1
-  }, options));
-}
-var styles = function styles2(theme) {
+  return h;
+}
+var xr = Er();
+const Or = xr;
+function Tr(e, t) {
+  return At(e, Y({
+    defaultTheme: Or
+  }, t));
+}
+var wr = function(t) {
   return {
     root: {
       userSelect: "none",
@@ -913,314 +1420,302 @@ var styles = function styles2(theme) {
       display: "inline-block",
       fill: "currentColor",
       flexShrink: 0,
-      fontSize: theme.typography.pxToRem(24),
-      transition: theme.transitions.create("fill", {
-        duration: theme.transitions.duration.shorter
+      fontSize: t.typography.pxToRem(24),
+      transition: t.transitions.create("fill", {
+        duration: t.transitions.duration.shorter
       })
     },
     colorPrimary: {
-      color: theme.palette.primary.main
+      color: t.palette.primary.main
     },
     colorSecondary: {
-      color: theme.palette.secondary.main
+      color: t.palette.secondary.main
     },
     colorAction: {
-      color: theme.palette.action.active
+      color: t.palette.action.active
     },
     colorError: {
-      color: theme.palette.error.main
+      color: t.palette.error.main
     },
     colorDisabled: {
-      color: theme.palette.action.disabled
+      color: t.palette.action.disabled
     },
     fontSizeInherit: {
       fontSize: "inherit"
     },
     fontSizeSmall: {
-      fontSize: theme.typography.pxToRem(20)
+      fontSize: t.typography.pxToRem(20)
     },
     fontSizeLarge: {
-      fontSize: theme.typography.pxToRem(35)
+      fontSize: t.typography.pxToRem(35)
     }
   };
-};
-var SvgIcon = /* @__PURE__ */ React$2.forwardRef(function SvgIcon2(props, ref) {
-  var children = props.children, classes = props.classes, className = props.className, _props$color = props.color, color = _props$color === void 0 ? "inherit" : _props$color, _props$component = props.component, Component = _props$component === void 0 ? "svg" : _props$component, _props$fontSize = props.fontSize, fontSize = _props$fontSize === void 0 ? "medium" : _props$fontSize, htmlColor = props.htmlColor, titleAccess = props.titleAccess, _props$viewBox = props.viewBox, viewBox = _props$viewBox === void 0 ? "0 0 24 24" : _props$viewBox, other = _objectWithoutProperties(props, ["children", "classes", "className", "color", "component", "fontSize", "htmlColor", "titleAccess", "viewBox"]);
-  return /* @__PURE__ */ React$2.createElement(Component, _extends({
-    className: clsx(classes.root, className, color !== "inherit" && classes["color".concat(capitalize(color))], fontSize !== "default" && fontSize !== "medium" && classes["fontSize".concat(capitalize(fontSize))]),
+}, ke = /* @__PURE__ */ V.forwardRef(function(t, r) {
+  var n = t.children, o = t.classes, a = t.className, f = t.color, s = f === void 0 ? "inherit" : f, c = t.component, m = c === void 0 ? "svg" : c, d = t.fontSize, g = d === void 0 ? "medium" : d, b = t.htmlColor, v = t.titleAccess, h = t.viewBox, y = h === void 0 ? "0 0 24 24" : h, x = re(t, ["children", "classes", "className", "color", "component", "fontSize", "htmlColor", "titleAccess", "viewBox"]);
+  return /* @__PURE__ */ V.createElement(m, Y({
+    className: ne(o.root, a, s !== "inherit" && o["color".concat(Ne(s))], g !== "default" && g !== "medium" && o["fontSize".concat(Ne(g))]),
     focusable: "false",
-    viewBox,
-    color: htmlColor,
-    "aria-hidden": titleAccess ? void 0 : true,
-    role: titleAccess ? "img" : void 0,
-    ref
-  }, other), children, titleAccess ? /* @__PURE__ */ React$2.createElement("title", null, titleAccess) : null);
+    viewBox: y,
+    color: b,
+    "aria-hidden": v ? void 0 : !0,
+    role: v ? "img" : void 0,
+    ref: r
+  }, x), n, v ? /* @__PURE__ */ V.createElement("title", null, v) : null);
+});
+process.env.NODE_ENV !== "production" && (ke.propTypes = {
+  children: k.exports.node,
+  classes: k.exports.object,
+  className: k.exports.string,
+  color: k.exports.oneOf(["action", "disabled", "error", "inherit", "primary", "secondary"]),
+  component: k.exports.elementType,
+  fontSize: It(k.exports.oneOf(["default", "inherit", "large", "medium", "small"]), function(e) {
+    var t = e.fontSize;
+    if (t === "default")
+      throw new Error('Material-UI: `fontSize="default"` is deprecated. Use `fontSize="medium"` instead.');
+    return null;
+  }),
+  htmlColor: k.exports.string,
+  shapeRendering: k.exports.string,
+  titleAccess: k.exports.string,
+  viewBox: k.exports.string
 });
-SvgIcon.muiName = "SvgIcon";
-var SvgIcon$1 = withStyles(styles, {
+ke.muiName = "SvgIcon";
+const ft = Tr(wr, {
   name: "MuiSvgIcon"
-})(SvgIcon);
-function createSvgIcon(path, displayName) {
-  var Component = function Component2(props, ref) {
-    return /* @__PURE__ */ React__default.createElement(SvgIcon$1, _extends({
-      ref
-    }, props), path);
-  };
-  Component.muiName = SvgIcon$1.muiName;
-  return /* @__PURE__ */ React__default.memo(/* @__PURE__ */ React__default.forwardRef(Component));
-}
-function debounce(func) {
-  var wait = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 166;
-  var timeout;
-  function debounced() {
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    var that = this;
-    var later = function later2() {
-      func.apply(that, args);
-    };
-    clearTimeout(timeout);
-    timeout = setTimeout(later, wait);
-  }
-  debounced.clear = function() {
-    clearTimeout(timeout);
+})(ke);
+function Sr(e, t) {
+  var r = function(o, a) {
+    return /* @__PURE__ */ se.createElement(ft, Y({
+      ref: a
+    }, o), e);
   };
-  return debounced;
+  return process.env.NODE_ENV !== "production" && (r.displayName = "".concat(t, "Icon")), r.muiName = ft.muiName, /* @__PURE__ */ se.memo(/* @__PURE__ */ se.forwardRef(r));
 }
-function deprecatedPropType(validator, reason) {
-  {
-    return function() {
-      return null;
+function _r(e) {
+  var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 166, r;
+  function n() {
+    for (var o = arguments.length, a = new Array(o), f = 0; f < o; f++)
+      a[f] = arguments[f];
+    var s = this, c = function() {
+      e.apply(s, a);
     };
+    clearTimeout(r), r = setTimeout(c, t);
   }
+  return n.clear = function() {
+    clearTimeout(r);
+  }, n;
 }
-function isMuiElement(element, muiNames) {
-  return /* @__PURE__ */ React$2.isValidElement(element) && muiNames.indexOf(element.type.muiName) !== -1;
+function Rr(e, t) {
+  return process.env.NODE_ENV === "production" ? function() {
+    return null;
+  } : function(r, n, o, a, f) {
+    var s = o || "<<anonymous>>", c = f || n;
+    return typeof r[n] < "u" ? new Error("The ".concat(a, " `").concat(c, "` of ") + "`".concat(s, "` is deprecated. ").concat(t)) : null;
+  };
+}
+function Ar(e, t) {
+  return /* @__PURE__ */ V.isValidElement(e) && t.indexOf(e.type.muiName) !== -1;
 }
-function ownerDocument(node) {
-  return node && node.ownerDocument || document;
+function Ot(e) {
+  return e && e.ownerDocument || document;
 }
-function ownerWindow(node) {
-  var doc = ownerDocument(node);
-  return doc.defaultView || window;
+function Cr(e) {
+  var t = Ot(e);
+  return t.defaultView || window;
 }
-function requirePropFactory(componentNameInError) {
-  {
+function Pr(e) {
+  if (process.env.NODE_ENV === "production")
     return function() {
       return null;
     };
-  }
+  var t = function(n) {
+    return function(o, a, f, s, c) {
+      var m = c || a;
+      return typeof o[a] < "u" && !o[n] ? new Error("The prop `".concat(m, "` of ") + "`".concat(e, "` must be used on `").concat(n, "`.")) : null;
+    };
+  };
+  return t;
 }
-function setRef(ref, value) {
-  if (typeof ref === "function") {
-    ref(value);
-  } else if (ref) {
-    ref.current = value;
-  }
+function De(e, t) {
+  typeof e == "function" ? e(t) : e && (e.current = t);
 }
-function unsupportedProp(props, propName, componentName, location, propFullName) {
-  {
+function Ir(e, t, r, n, o) {
+  if (process.env.NODE_ENV === "production")
     return null;
-  }
+  var a = o || t;
+  return typeof e[t] < "u" ? new Error("The prop `".concat(a, "` is not supported. Please remove it.")) : null;
 }
-function useControlled(_ref) {
-  var controlled = _ref.controlled, defaultProp = _ref.default;
-  _ref.name;
-  _ref.state;
-  var _React$useRef = React$2.useRef(controlled !== void 0), isControlled = _React$useRef.current;
-  var _React$useState = React$2.useState(defaultProp), valueState = _React$useState[0], setValue = _React$useState[1];
-  var value = isControlled ? controlled : valueState;
-  var setValueIfUncontrolled = React$2.useCallback(function(newValue) {
-    if (!isControlled) {
-      setValue(newValue);
-    }
+function Mr(e) {
+  var t = e.controlled, r = e.default, n = e.name, o = e.state, a = o === void 0 ? "value" : o, f = V.useRef(t !== void 0), s = f.current, c = V.useState(r), m = c[0], d = c[1], g = s ? t : m;
+  if (process.env.NODE_ENV !== "production") {
+    V.useEffect(function() {
+      s !== (t !== void 0) && console.error(["Material-UI: A component is changing the ".concat(s ? "" : "un", "controlled ").concat(a, " state of ").concat(n, " to be ").concat(s ? "un" : "", "controlled."), "Elements should not switch from uncontrolled to controlled (or vice versa).", "Decide between using a controlled or uncontrolled ".concat(n, " ") + "element for the lifetime of the component.", "The nature of the state is determined during the first render, it's considered controlled if the value is not `undefined`.", "More info: https://fb.me/react-controlled-components"].join(`
+`));
+    }, [t]);
+    var b = V.useRef(r), v = b.current;
+    V.useEffect(function() {
+      !s && v !== r && console.error(["Material-UI: A component is changing the default ".concat(a, " state of an uncontrolled ").concat(n, " after being initialized. ") + "To suppress this warning opt to use a controlled ".concat(n, ".")].join(`
+`));
+    }, [JSON.stringify(r)]);
+  }
+  var h = V.useCallback(function(y) {
+    s || d(y);
   }, []);
-  return [value, setValueIfUncontrolled];
+  return [g, h];
 }
-var useEnhancedEffect = typeof window !== "undefined" ? React$2.useLayoutEffect : React$2.useEffect;
-function useEventCallback(fn) {
-  var ref = React$2.useRef(fn);
-  useEnhancedEffect(function() {
-    ref.current = fn;
-  });
-  return React$2.useCallback(function() {
-    return ref.current.apply(void 0, arguments);
+var $r = typeof window < "u" ? V.useLayoutEffect : V.useEffect;
+function Nr(e) {
+  var t = V.useRef(e);
+  return $r(function() {
+    t.current = e;
+  }), V.useCallback(function() {
+    return t.current.apply(void 0, arguments);
   }, []);
 }
-function useForkRef(refA, refB) {
-  return React$2.useMemo(function() {
-    if (refA == null && refB == null) {
-      return null;
-    }
-    return function(refValue) {
-      setRef(refA, refValue);
-      setRef(refB, refValue);
+function Dr(e, t) {
+  return V.useMemo(function() {
+    return e == null && t == null ? null : function(r) {
+      De(e, r), De(t, r);
     };
-  }, [refA, refB]);
-}
-function useId(idOverride) {
-  var _React$useState = React$2.useState(idOverride), defaultId = _React$useState[0], setDefaultId = _React$useState[1];
-  var id = idOverride || defaultId;
-  React$2.useEffect(function() {
-    if (defaultId == null) {
-      setDefaultId("mui-".concat(Math.round(Math.random() * 1e5)));
-    }
-  }, [defaultId]);
-  return id;
-}
-var hadKeyboardEvent = true;
-var hadFocusVisibleRecently = false;
-var hadFocusVisibleRecentlyTimeout = null;
-var inputTypesWhitelist = {
-  text: true,
-  search: true,
-  url: true,
-  tel: true,
-  email: true,
-  password: true,
-  number: true,
-  date: true,
-  month: true,
-  week: true,
-  time: true,
-  datetime: true,
-  "datetime-local": true
+  }, [e, t]);
+}
+function jr(e) {
+  var t = V.useState(e), r = t[0], n = t[1], o = e || r;
+  return V.useEffect(function() {
+    r == null && n("mui-".concat(Math.round(Math.random() * 1e5)));
+  }, [r]), o;
+}
+var de = !0, je = !1, lt = null, Wr = {
+  text: !0,
+  search: !0,
+  url: !0,
+  tel: !0,
+  email: !0,
+  password: !0,
+  number: !0,
+  date: !0,
+  month: !0,
+  week: !0,
+  time: !0,
+  datetime: !0,
+  "datetime-local": !0
 };
-function focusTriggersKeyboardModality(node) {
-  var type = node.type, tagName = node.tagName;
-  if (tagName === "INPUT" && inputTypesWhitelist[type] && !node.readOnly) {
-    return true;
-  }
-  if (tagName === "TEXTAREA" && !node.readOnly) {
-    return true;
-  }
-  if (node.isContentEditable) {
-    return true;
-  }
-  return false;
+function Fr(e) {
+  var t = e.type, r = e.tagName;
+  return !!(r === "INPUT" && Wr[t] && !e.readOnly || r === "TEXTAREA" && !e.readOnly || e.isContentEditable);
 }
-function handleKeyDown(event) {
-  if (event.metaKey || event.altKey || event.ctrlKey) {
-    return;
-  }
-  hadKeyboardEvent = true;
+function zr(e) {
+  e.metaKey || e.altKey || e.ctrlKey || (de = !0);
 }
-function handlePointerDown() {
-  hadKeyboardEvent = false;
+function Me() {
+  de = !1;
 }
-function handleVisibilityChange() {
-  if (this.visibilityState === "hidden") {
-    if (hadFocusVisibleRecently) {
-      hadKeyboardEvent = true;
-    }
-  }
+function Vr() {
+  this.visibilityState === "hidden" && je && (de = !0);
 }
-function prepare(doc) {
-  doc.addEventListener("keydown", handleKeyDown, true);
-  doc.addEventListener("mousedown", handlePointerDown, true);
-  doc.addEventListener("pointerdown", handlePointerDown, true);
-  doc.addEventListener("touchstart", handlePointerDown, true);
-  doc.addEventListener("visibilitychange", handleVisibilityChange, true);
+function kr(e) {
+  e.addEventListener("keydown", zr, !0), e.addEventListener("mousedown", Me, !0), e.addEventListener("pointerdown", Me, !0), e.addEventListener("touchstart", Me, !0), e.addEventListener("visibilitychange", Vr, !0);
 }
-function isFocusVisible(event) {
-  var target = event.target;
+function dt(e) {
+  var t = e.target;
   try {
-    return target.matches(":focus-visible");
-  } catch (error) {
+    return t.matches(":focus-visible");
+  } catch {
   }
-  return hadKeyboardEvent || focusTriggersKeyboardModality(target);
+  return de || Fr(t);
 }
-function handleBlurVisible() {
-  hadFocusVisibleRecently = true;
-  window.clearTimeout(hadFocusVisibleRecentlyTimeout);
-  hadFocusVisibleRecentlyTimeout = window.setTimeout(function() {
-    hadFocusVisibleRecently = false;
+function Ur() {
+  je = !0, window.clearTimeout(lt), lt = window.setTimeout(function() {
+    je = !1;
   }, 100);
 }
-function useIsFocusVisible() {
-  var ref = React$2.useCallback(function(instance) {
-    var node = ReactDOM.findDOMNode(instance);
-    if (node != null) {
-      prepare(node.ownerDocument);
-    }
+function qr() {
+  var e = V.useCallback(function(t) {
+    var r = Ct.findDOMNode(t);
+    r != null && kr(r.ownerDocument);
   }, []);
-  return {
-    isFocusVisible,
-    onBlurVisible: handleBlurVisible,
-    ref
+  return process.env.NODE_ENV !== "production" && V.useDebugValue(dt), {
+    isFocusVisible: dt,
+    onBlurVisible: Ur,
+    ref: e
   };
 }
-var utils = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Lr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  capitalize,
-  createChainedFunction,
-  createSvgIcon,
-  debounce,
-  deprecatedPropType,
-  isMuiElement,
-  ownerDocument,
-  ownerWindow,
-  requirePropFactory,
-  setRef,
-  unsupportedProp,
-  useControlled,
-  useEventCallback,
-  useForkRef,
-  unstable_useId: useId,
-  useIsFocusVisible
-}, Symbol.toStringTag, { value: "Module" }));
-var require$$0 = /* @__PURE__ */ getAugmentedNamespace(utils);
-(function(exports) {
-  Object.defineProperty(exports, "__esModule", {
-    value: true
-  });
-  Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function get() {
-      return _utils.createSvgIcon;
-    }
-  });
-  var _utils = require$$0;
-})(createSvgIcon$1);
-var _interopRequireDefault = interopRequireDefault.exports;
-var _interopRequireWildcard = interopRequireWildcard.exports;
-Object.defineProperty(DeleteOutline, "__esModule", {
-  value: true
+  capitalize: Ne,
+  createChainedFunction: Vt,
+  createSvgIcon: Sr,
+  debounce: _r,
+  deprecatedPropType: Rr,
+  isMuiElement: Ar,
+  ownerDocument: Ot,
+  ownerWindow: Cr,
+  requirePropFactory: Pr,
+  setRef: De,
+  unsupportedProp: Ir,
+  useControlled: Mr,
+  useEventCallback: Nr,
+  useForkRef: Dr,
+  unstable_useId: jr,
+  useIsFocusVisible: qr
+}, Symbol.toStringTag, { value: "Module" })), Yr = /* @__PURE__ */ Pt(Lr);
+var pt;
+function Br() {
+  return pt || (pt = 1, function(e) {
+    Object.defineProperty(e, "__esModule", {
+      value: !0
+    }), Object.defineProperty(e, "default", {
+      enumerable: !0,
+      get: function() {
+        return t.createSvgIcon;
+      }
+    });
+    var t = Yr;
+  }(ge)), ge;
+}
+var Hr = vt.exports, Jr = gt.exports;
+Object.defineProperty(We, "__esModule", {
+  value: !0
 });
-var default_1 = DeleteOutline.default = void 0;
-var React$1 = _interopRequireWildcard(React__default);
-var _createSvgIcon = _interopRequireDefault(createSvgIcon$1);
-var _default = (0, _createSvgIcon.default)(/* @__PURE__ */ React$1.createElement("path", {
+var Tt = We.default = void 0, Kr = Jr(se), Xr = Hr(Br()), Gr = (0, Xr.default)(/* @__PURE__ */ Kr.createElement("path", {
   d: "M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM8 9h8v10H8V9zm7.5-5l-1-1h-5l-1 1H5v2h14V4z"
 }), "DeleteOutline");
-default_1 = DeleteOutline.default = _default;
-const useStyles = makeStyles(({ palette, spacing, typography }) => ({
+Tt = We.default = Gr;
+const Zr = St(({ palette: e, spacing: t, typography: r }) => ({
+  inputFileWrapper: {
+    outlineWidth: 0
+  },
   inputFile: {
+    outline: "none",
     display: "flex",
     flexDirection: "row",
     alignItems: "center",
     justifyContent: "space-between",
     flex: 1,
-    height: spacing(7),
-    minHeight: spacing(7),
-    padding: spacing(0, 1, 0, 2),
-    backgroundColor: ({ variant }) => variant === "filled" ? palette.action.hover : palette.common.white,
+    height: t(7),
+    minHeight: t(7),
+    padding: t(0, 1, 0, 2),
+    backgroundColor: ({ variant: n }) => n === "filled" ? e.action.hover : e.common.white,
     border: "2px solid",
-    borderColor: ({ variant }) => variant === "filled" ? "transparent" : palette.action.disabled,
-    borderRadius: spacing(0.5),
-    color: palette.text.secondary,
+    borderColor: ({ variant: n }) => n === "filled" ? "transparent" : e.action.disabled,
+    borderRadius: t(0.5),
+    color: e.text.secondary,
     transition: "border-color 0.25s ease, background-color 0.25s ease",
     "&:hover": {
-      backgroundColor: ({ variant }) => variant === "filled" ? palette.action.selected : palette.common.white,
-      borderColor: ({ variant }) => variant === "filled" ? "transparent" : palette.text.primary
+      backgroundColor: ({ variant: n }) => n === "filled" ? e.action.selected : e.common.white,
+      borderColor: ({ variant: n }) => n === "filled" ? "transparent" : e.text.primary
+    },
+    "&:focus-visible": {
+      outlineStyle: "solid",
+      outlineWidth: 2,
+      outlineColor: e.primary.main
     }
   },
   over: {
-    borderColor: () => palette.primary.main
+    borderColor: () => e.primary.main
   },
   files: {
-    borderColor: ({ variant }) => variant === "filled" ? "transparent" : palette.action.disabled
+    borderColor: ({ variant: n }) => n === "filled" ? "transparent" : e.action.disabled
   },
   textWrapper: {
     display: "flex",
@@ -1236,155 +1731,171 @@ const useStyles = makeStyles(({ palette, spacing, typography }) => ({
     transform: "translateY(-50%)",
     transition: "all 0.2s ease-in-out"
   },
-  placeholderFiles: __spreadValues({
-    top: spacing(1),
+  placeholderFiles: {
+    top: t(1),
     transform: "translateY(0)",
-    opacity: 1
-  }, typography.caption),
+    opacity: 1,
+    ...r.caption
+  },
   filesText: {
     position: "absolute",
-    top: spacing(4),
+    top: t(4),
     opacity: 0,
     transition: "all 0.2s ease-in-out"
   },
   filesTextFiles: {
-    top: spacing(3),
+    top: t(3),
     opacity: 1
   },
   helperText: {
-    fontWeight: typography.body1.fontWeight
+    fontWeight: r.body1.fontWeight
+  },
+  uploadButton: {
+    outlineWidth: 0,
+    "&:focus-visible": {
+      outline: "none",
+      backgroundColor: e.primary.main,
+      color: e.common.white
+    }
   },
   clearButton: {
-    marginTop: spacing(2),
-    marginRight: spacing(0.5),
-    color: palette.error.main
+    outlineWidth: 0,
+    marginTop: t(2),
+    marginRight: t(0.5),
+    color: e.error.main,
+    "&:focus-visible": {
+      outline: "none",
+      backgroundColor: e.action.hover,
+      color: e.error.main
+    }
   },
   disabled: {
     "& $inputFile": {
-      color: palette.text.disabled,
-      borderColor: () => palette.text.disabled,
-      backgroundColor: () => palette.action.hover,
+      color: e.text.disabled,
+      borderColor: () => e.text.disabled,
+      backgroundColor: () => e.action.hover,
       pointerEvents: "none"
     },
     "& $helperText": {
-      color: palette.action.disabled
+      color: e.action.disabled
     }
   },
   error: {
     "& $inputFile": {
-      borderColor: () => palette.error.main
+      borderColor: () => e.error.main
     },
     "& $files": {
-      color: palette.error.main
+      color: e.error.main
     },
     "& $helperText": {
-      color: palette.error.main
+      color: e.error.main
     }
+  },
+  inputHidden: {
+    display: "none"
   }
 }));
-function InputFile({
-  placeholder = "Upload file",
-  buttonText = "Browse",
-  multipleSummaryText = "files selected",
-  helperText,
-  accept = "application/JSON",
-  multiple = false,
-  disabled = false,
-  error = false,
-  variant = "outlined",
-  files = [],
-  onChange
+function rn({
+  id: e = "fileupload",
+  placeholder: t = "Upload file",
+  buttonText: r = "Browse",
+  multipleSummaryText: n = "files selected",
+  helperText: o,
+  accept: a = "application/JSON",
+  multiple: f = !1,
+  required: s = !1,
+  disabled: c = !1,
+  error: m = !1,
+  variant: d = "outlined",
+  defaultValue: g = [],
+  onChange: b
 }) {
-  const classes = useStyles({ variant });
-  const uploadInputRef = useRef(null);
-  const [filesText, setFilesText] = useState("");
-  const [over, setOver] = useState(false);
-  useEffect(() => {
-    let txt = "";
-    if (files.length === 1) {
-      txt = files[0].name;
-    } else if (files.length > 1) {
-      txt = `${files.length} ${multipleSummaryText}`;
+  const v = Zr({ variant: d }), h = wt(null), [y, x] = me(g), [$, q] = me(""), [j, P] = me(!1);
+  qe(() => {
+    x(g);
+  }, [g]), qe(() => {
+    let W = y?.[0]?.name;
+    y.length > 1 && (W = `${y.length} ${n}`), q(W);
+  }, [y, n]);
+  const u = (W) => {
+    h.current?.click(), W.stopPropagation();
+  }, D = (W) => {
+    W.preventDefault(), P(!0);
+  }, B = (W) => {
+    W.preventDefault(), P(!1);
+  }, z = (W) => {
+    W.preventDefault();
+    const K = [], G = W.dataTransfer.items;
+    for (let Q = 0; Q < G.length; Q++) {
+      const J = G[Q].getAsFile();
+      K.push(J);
     }
-    setFilesText(txt);
-  }, [files, multipleSummaryText]);
-  const handleBrowse = () => {
-    var _a;
-    (_a = uploadInputRef.current) == null ? void 0 : _a.click();
+    P(!1), H(K);
+  }, _ = (W) => {
+    const K = Array.from(W.target.files);
+    H(K);
+  }, U = () => {
+    h.current && (h.current.value = ""), H([]);
+  }, H = (W) => {
+    x(W), b(W);
   };
-  const handleDragOver = (event) => {
-    event.preventDefault();
-    setOver(true);
-  };
-  const handleDragLeave = (event) => {
-    event.preventDefault();
-    setOver(false);
-  };
-  const handleDrop = (event) => {
-    event.preventDefault();
-    const newFiles = [];
-    const items = event.dataTransfer.items;
-    for (let i = 0; i < items.length; i++) {
-      const file = items[i].getAsFile();
-      newFiles.push(file);
-    }
-    setOver(false);
-    onChange(newFiles);
-  };
-  const handleFiles = (event) => {
-    const newFiles = Array.from(event.target.files);
-    onChange(newFiles);
-  };
-  const clear = () => {
-    onChange([]);
-  };
-  return /* @__PURE__ */ React.createElement(Box, {
-    className: clsx({ [classes.error]: error }, { [classes.disabled]: disabled })
-  }, /* @__PURE__ */ React.createElement(Box, {
-    className: clsx(classes.inputFile, { [classes.over]: over }, { [classes.files]: filesText }),
-    onDragOver: handleDragOver,
-    onDragLeave: handleDragLeave,
-    onDrop: handleDrop
-  }, /* @__PURE__ */ React.createElement(Box, {
-    className: classes.textWrapper
-  }, /* @__PURE__ */ React.createElement(Typography, {
+  return /* @__PURE__ */ React.createElement(ue, {
+    className: ne(v.inputFileWrapper, { [v.error]: m }, { [v.disabled]: c })
+  }, /* @__PURE__ */ React.createElement(ue, {
+    tabIndex: 0,
+    "aria-controls": "fileupload",
+    "aria-label": t,
+    className: ne(v.inputFile, { [v.over]: j }, { [v.files]: $ }),
+    onDragOver: D,
+    onDragLeave: B,
+    onDrop: z
+  }, /* @__PURE__ */ React.createElement(ue, {
+    className: v.textWrapper
+  }, /* @__PURE__ */ React.createElement(ve, {
     variant: "body1",
     color: "inherit",
-    noWrap: true,
-    className: clsx(classes.placeholder, {
-      [classes.placeholderFiles]: filesText
+    noWrap: !0,
+    className: ne(v.placeholder, {
+      [v.placeholderFiles]: $
     })
-  }, placeholder), /* @__PURE__ */ React.createElement(Typography, {
+  }, t), /* @__PURE__ */ React.createElement(ve, {
     variant: "body1",
     color: "textPrimary",
-    noWrap: true,
-    className: clsx(classes.filesText, {
-      [classes.filesTextFiles]: filesText
+    noWrap: !0,
+    className: ne(v.filesText, {
+      [v.filesTextFiles]: $
     })
-  }, filesText)), files.length ? /* @__PURE__ */ React.createElement(IconButton, {
+  }, $)), y.length ? /* @__PURE__ */ React.createElement(_t, {
     size: "small",
-    className: classes.clearButton,
-    onClick: clear
-  }, /* @__PURE__ */ React.createElement(default_1, null)) : /* @__PURE__ */ React.createElement(Button, {
+    className: v.clearButton,
+    onClick: U
+  }, /* @__PURE__ */ React.createElement(Tt, null)) : /* @__PURE__ */ React.createElement(Rt, {
     variant: "text",
     color: "primary",
-    disabled,
-    onClick: handleBrowse
-  }, buttonText), /* @__PURE__ */ React.createElement("input", {
-    ref: uploadInputRef,
-    style: { display: "none" },
+    className: v.uploadButton,
+    disabled: c,
+    onClick: u
+  }, r), /* @__PURE__ */ React.createElement("input", {
+    id: e,
+    ref: h,
+    className: v.inputHidden,
     type: "file",
-    accept,
-    multiple,
-    disabled,
-    onChange: handleFiles
-  })), helperText && /* @__PURE__ */ React.createElement(Box, {
+    tabIndex: -1,
+    "aria-hidden": !0,
+    accept: a,
+    required: s,
+    multiple: f,
+    disabled: c,
+    onChange: _
+  })), o && /* @__PURE__ */ React.createElement(ue, {
     mt: 0.5,
     ml: 2
-  }, /* @__PURE__ */ React.createElement(Typography, {
+  }, /* @__PURE__ */ React.createElement(ve, {
     variant: "caption",
     color: "textSecondary",
-    className: classes.helperText
-  }, helperText)));
+    className: v.helperText
+  }, o)));
 }
-export { InputFile };
+export {
+  rn as InputFile
+};