@carto/ps-react-ui 0.1.0-alpha.4 → 0.1.0-alpha.5

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

@@ -1,322 +1,897 @@
-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;
-          }
-        }
-      }
-    } else {
-      for (k in mix) {
-        if (mix[k]) {
-          str && (str += " ");
-          str += k;
-        }
-      }
-    }
-  }
-  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;
-      }
-    }
-  }
-  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,
+import * as F from "react";
+import ue, { useRef as Tt, useState as Ue, useEffect as wt } from "react";
+import { makeStyles as St, Box as ie, Typography as me, IconButton as _t, Button as Rt } from "@material-ui/core";
+import { withStyles as At } from "@material-ui/styles";
+import * as Pt from "react-dom";
+function pt(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 = pt(e[t])) && (n && (n += " "), n += r);
+    else
+      for (t in e)
+        e[t] && (n && (n += " "), n += t);
+  return n;
+}
+function re() {
+  for (var e = 0, t, r, n = ""; e < arguments.length; )
+    (t = arguments[e++]) && (r = pt(t)) && (n && (n += " "), n += r);
+  return n;
+}
+function It(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 n[k];
+        return e[n];
       }
     });
-  });
-  return a;
-}
-var DeleteOutline = {};
-var interopRequireDefault = { exports: {} };
-(function(module) {
-  function _interopRequireDefault2(obj) {
-    return obj && obj.__esModule ? obj : {
-      "default": obj
+  }), r;
+}
+var je = {}, mt = { exports: {} };
+(function(e) {
+  function t(r) {
+    return r && r.__esModule ? r : {
+      default: r
     };
   }
-  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);
+  e.exports = t, e.exports.__esModule = !0, e.exports.default = e.exports;
+})(mt);
+var vt = { exports: {} }, gt = { 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);
   }
-  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")
+  e.exports = t, e.exports.__esModule = !0, e.exports.default = e.exports;
+})(gt);
+(function(e) {
+  var t = gt.exports.default;
+  function r(o) {
+    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);
+    var a = /* @__PURE__ */ new WeakMap(), c = /* @__PURE__ */ new WeakMap();
+    return (r = function(f) {
+      return f ? c : a;
+    })(o);
   }
-  function _interopRequireWildcard2(obj, nodeInterop) {
-    if (!nodeInterop && obj && obj.__esModule) {
-      return obj;
-    }
-    if (obj === null || _typeof2(obj) !== "object" && typeof obj !== "function") {
+  function n(o, a) {
+    if (!a && o && o.__esModule)
+      return o;
+    if (o === null || t(o) !== "object" && typeof o != "function")
       return {
-        "default": obj
+        default: o
       };
+    var c = r(a);
+    if (c && c.has(o))
+      return c.get(o);
+    var s = {}, f = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for (var p in o)
+      if (p !== "default" && Object.prototype.hasOwnProperty.call(o, p)) {
+        var d = f ? Object.getOwnPropertyDescriptor(o, p) : null;
+        d && (d.get || d.set) ? Object.defineProperty(s, p, d) : s[p] = o[p];
+      }
+    return s.default = o, c && c.set(o, s), s;
+  }
+  e.exports = n, e.exports.__esModule = !0, e.exports.default = e.exports;
+})(vt);
+var ve = {};
+function Ct(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]);
     }
-    var cache = _getRequireWildcardCache(nodeInterop);
-    if (cache && cache.has(obj)) {
-      return cache.get(obj);
+    return e;
+  }, Y.apply(this, arguments);
+}
+function Me(e) {
+  return Me = 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;
+  }, Me(e);
+}
+function ge(e) {
+  return e && Me(e) === "object" && e.constructor === Object;
+}
+function ne(e, t) {
+  var r = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {
+    clone: !0
+  }, n = r.clone ? Y({}, e) : e;
+  return ge(e) && ge(t) && Object.keys(t).forEach(function(o) {
+    o !== "__proto__" && (ge(t[o]) && o in e ? n[o] = ne(e[o], t[o], r) : n[o] = t[o]);
+  }), n;
+}
+var U = { exports: {} }, he = { 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 qe;
+function Mt() {
+  if (qe)
+    return I;
+  qe = 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, c = e ? Symbol.for("react.provider") : 60109, s = e ? Symbol.for("react.context") : 60110, f = e ? Symbol.for("react.async_mode") : 60111, p = e ? Symbol.for("react.concurrent_mode") : 60111, d = e ? Symbol.for("react.forward_ref") : 60112, m = e ? Symbol.for("react.suspense") : 60113, y = e ? Symbol.for("react.suspense_list") : 60120, b = e ? Symbol.for("react.memo") : 60115, g = e ? Symbol.for("react.lazy") : 60116, h = e ? Symbol.for("react.block") : 60121, E = e ? Symbol.for("react.fundamental") : 60117, D = e ? Symbol.for("react.responder") : 60118, q = e ? Symbol.for("react.scope") : 60119;
+  function j(u) {
+    if (typeof u == "object" && u !== null) {
+      var N = u.$$typeof;
+      switch (N) {
+        case t:
+          switch (u = u.type, u) {
+            case f:
+            case p:
+            case n:
+            case a:
+            case o:
+            case m:
+              return u;
+            default:
+              switch (u = u && u.$$typeof, u) {
+                case s:
+                case d:
+                case g:
+                case b:
+                case c:
+                  return u;
+                default:
+                  return N;
+              }
+          }
+        case r:
+          return N;
+      }
     }
-    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 M(u) {
+    return j(u) === p;
+  }
+  return I.AsyncMode = f, I.ConcurrentMode = p, I.ContextConsumer = s, I.ContextProvider = c, I.Element = t, I.ForwardRef = d, I.Fragment = n, I.Lazy = g, I.Memo = b, I.Portal = r, I.Profiler = a, I.StrictMode = o, I.Suspense = m, I.isAsyncMode = function(u) {
+    return M(u) || j(u) === f;
+  }, I.isConcurrentMode = M, I.isContextConsumer = function(u) {
+    return j(u) === s;
+  }, I.isContextProvider = function(u) {
+    return j(u) === c;
+  }, 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) === g;
+  }, I.isMemo = function(u) {
+    return j(u) === b;
+  }, 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) === m;
+  }, I.isValidElementType = function(u) {
+    return typeof u == "string" || typeof u == "function" || u === n || u === p || u === a || u === o || u === m || u === y || typeof u == "object" && u !== null && (u.$$typeof === g || u.$$typeof === b || u.$$typeof === c || u.$$typeof === s || u.$$typeof === d || u.$$typeof === E || u.$$typeof === D || u.$$typeof === q || u.$$typeof === h);
+  }, I.typeOf = j, I;
+}
+var C = {};
+/** @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 Le;
+function $t() {
+  return Le || (Le = 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, c = e ? Symbol.for("react.provider") : 60109, s = e ? Symbol.for("react.context") : 60110, f = e ? Symbol.for("react.async_mode") : 60111, p = e ? Symbol.for("react.concurrent_mode") : 60111, d = e ? Symbol.for("react.forward_ref") : 60112, m = e ? Symbol.for("react.suspense") : 60113, y = e ? Symbol.for("react.suspense_list") : 60120, b = e ? Symbol.for("react.memo") : 60115, g = e ? Symbol.for("react.lazy") : 60116, h = e ? Symbol.for("react.block") : 60121, E = e ? Symbol.for("react.fundamental") : 60117, D = 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 === p || l === a || l === o || l === m || l === y || typeof l == "object" && l !== null && (l.$$typeof === g || l.$$typeof === b || l.$$typeof === c || l.$$typeof === s || l.$$typeof === d || l.$$typeof === E || l.$$typeof === D || l.$$typeof === q || l.$$typeof === h);
+    }
+    function M(l) {
+      if (typeof l == "object" && l !== null) {
+        var J = l.$$typeof;
+        switch (J) {
+          case t:
+            var ae = l.type;
+            switch (ae) {
+              case f:
+              case p:
+              case n:
+              case a:
+              case o:
+              case m:
+                return ae;
+              default:
+                var ke = ae && ae.$$typeof;
+                switch (ke) {
+                  case s:
+                  case d:
+                  case g:
+                  case b:
+                  case c:
+                    return ke;
+                  default:
+                    return J;
+                }
+            }
+          case r:
+            return J;
         }
       }
     }
-    newObj["default"] = obj;
-    if (cache) {
-      cache.set(obj, newObj);
+    var u = f, N = p, z = s, W = c, _ = t, k = d, B = n, X = g, te = b, Z = r, de = a, H = o, G = m, oe = !1;
+    function pe(l) {
+      return oe || (oe = !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) || M(l) === f;
+    }
+    function i(l) {
+      return M(l) === p;
+    }
+    function v(l) {
+      return M(l) === s;
+    }
+    function S(l) {
+      return M(l) === c;
+    }
+    function T(l) {
+      return typeof l == "object" && l !== null && l.$$typeof === t;
+    }
+    function x(l) {
+      return M(l) === d;
+    }
+    function R(l) {
+      return M(l) === n;
+    }
+    function O(l) {
+      return M(l) === g;
     }
-    return newObj;
+    function w(l) {
+      return M(l) === b;
+    }
+    function A(l) {
+      return M(l) === r;
+    }
+    function $(l) {
+      return M(l) === a;
+    }
+    function P(l) {
+      return M(l) === o;
+    }
+    function L(l) {
+      return M(l) === m;
+    }
+    C.AsyncMode = u, C.ConcurrentMode = N, C.ContextConsumer = z, C.ContextProvider = W, C.Element = _, C.ForwardRef = k, C.Fragment = B, C.Lazy = X, C.Memo = te, C.Portal = Z, C.Profiler = de, C.StrictMode = H, C.Suspense = G, C.isAsyncMode = pe, C.isConcurrentMode = i, C.isContextConsumer = v, C.isContextProvider = S, C.isElement = T, C.isForwardRef = x, C.isFragment = R, C.isLazy = O, C.isMemo = w, C.isPortal = A, C.isProfiler = $, C.isStrictMode = P, C.isSuspense = L, C.isValidElementType = j, C.typeOf = M;
+  }()), C;
+}
+var Ye;
+function ht() {
+  return Ye || (Ye = 1, function(e) {
+    process.env.NODE_ENV === "production" ? e.exports = Mt() : e.exports = $t();
+  }(he)), he.exports;
+}
+/*
+object-assign
+(c) Sindre Sorhus
+@license MIT
+*/
+var ye, Be;
+function Nt() {
+  if (Be)
+    return ye;
+  Be = 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);
   }
-  module.exports = _interopRequireWildcard2, module.exports.__esModule = true, module.exports["default"] = module.exports;
-})(interopRequireWildcard);
-var createSvgIcon$1 = {};
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : 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 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 c = {}, s = 0; s < 10; s++)
+        c["_" + String.fromCharCode(s)] = s;
+      var f = Object.getOwnPropertyNames(c).map(function(d) {
+        return c[d];
+      });
+      if (f.join("") !== "0123456789")
+        return !1;
+      var p = {};
+      return "abcdefghijklmnopqrst".split("").forEach(function(d) {
+        p[d] = d;
+      }), Object.keys(Object.assign({}, p)).join("") === "abcdefghijklmnopqrst";
+    } catch {
+      return !1;
+    }
+  }
+  return ye = o() ? Object.assign : function(a, c) {
+    for (var s, f = n(a), p, d = 1; d < arguments.length; d++) {
+      s = Object(arguments[d]);
+      for (var m in s)
+        t.call(s, m) && (f[m] = s[m]);
+      if (e) {
+        p = e(s);
+        for (var y = 0; y < p.length; y++)
+          r.call(s, p[y]) && (f[p[y]] = s[p[y]]);
       }
     }
-    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
+    return f;
+  }, ye;
+}
+var be, He;
+function We() {
+  if (He)
+    return be;
+  He = 1;
+  var e = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
+  return be = e, be;
+}
+var Ee, Je;
+function yt() {
+  return Je || (Je = 1, Ee = Function.call.bind(Object.prototype.hasOwnProperty)), Ee;
+}
+var xe, Ke;
+function Dt() {
+  if (Ke)
+    return xe;
+  Ke = 1;
+  var e = function() {
   };
-  var output = options.clone ? _extends({}, target) : target;
-  if (isPlainObject(target) && isPlainObject(source)) {
-    Object.keys(source).forEach(function(key) {
-      if (key === "__proto__") {
-        return;
+  if (process.env.NODE_ENV !== "production") {
+    var t = We(), r = {}, n = yt();
+    e = function(a) {
+      var c = "Warning: " + a;
+      typeof console < "u" && console.error(c);
+      try {
+        throw new Error(c);
+      } catch {
       }
-      if (isPlainObject(source[key]) && key in target) {
-        output[key] = deepmerge(target[key], source[key], options);
-      } else {
-        output[key] = source[key];
-      }
-    });
+    };
   }
-  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;
+  function o(a, c, s, f, p) {
+    if (process.env.NODE_ENV !== "production") {
+      for (var d in a)
+        if (n(a, d)) {
+          var m;
+          try {
+            if (typeof a[d] != "function") {
+              var y = Error((f || "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 y.name = "Invariant Violation", y;
+            }
+            m = a[d](c, d, f, s, null, t);
+          } catch (g) {
+            m = g;
+          }
+          if (m && !(m instanceof Error) && e((f || "React class") + ": type specification of " + s + " `" + d + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof m + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."), m instanceof Error && !(m.message in r)) {
+            r[m.message] = !0;
+            var b = p ? p() : "";
+            e("Failed " + s + " type: " + m.message + (b ?? ""));
+          }
+        }
+    }
   }
-  return obj;
+  return o.resetWarningCache = function() {
+    process.env.NODE_ENV !== "production" && (r = {});
+  }, xe = o, xe;
 }
-function formatMuiErrorMessage(code) {
-  var url = "https://mui.com/production-error/?code=" + code;
-  for (var i = 1; i < arguments.length; i += 1) {
-    url += "&args[]=" + encodeURIComponent(arguments[i]);
+var Oe, Xe;
+function jt() {
+  if (Xe)
+    return Oe;
+  Xe = 1;
+  var e = ht(), t = Nt(), r = We(), n = yt(), o = Dt(), a = function() {
+  };
+  process.env.NODE_ENV !== "production" && (a = function(s) {
+    var f = "Warning: " + s;
+    typeof console < "u" && console.error(f);
+    try {
+      throw new Error(f);
+    } catch {
+    }
+  });
+  function c() {
+    return null;
   }
-  return "Minified Material-UI error #" + code + "; visit " + url + " for the full message.";
+  return Oe = function(s, f) {
+    var p = typeof Symbol == "function" && Symbol.iterator, d = "@@iterator";
+    function m(i) {
+      var v = i && (p && i[p] || i[d]);
+      if (typeof v == "function")
+        return v;
+    }
+    var y = "<<anonymous>>", b = {
+      array: D("array"),
+      bigint: D("bigint"),
+      bool: D("boolean"),
+      func: D("function"),
+      number: D("number"),
+      object: D("object"),
+      string: D("string"),
+      symbol: D("symbol"),
+      any: q(),
+      arrayOf: j,
+      element: M(),
+      elementType: u(),
+      instanceOf: N,
+      node: k(),
+      objectOf: W,
+      oneOf: z,
+      oneOfType: _,
+      shape: X,
+      exact: te
+    };
+    function g(i, v) {
+      return i === v ? i !== 0 || 1 / i === 1 / v : i !== i && v !== v;
+    }
+    function h(i, v) {
+      this.message = i, this.data = v && typeof v == "object" ? v : {}, this.stack = "";
+    }
+    h.prototype = Error.prototype;
+    function E(i) {
+      if (process.env.NODE_ENV !== "production")
+        var v = {}, S = 0;
+      function T(R, O, w, A, $, P, L) {
+        if (A = A || y, P = P || w, L !== r) {
+          if (f) {
+            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 J = A + ":" + w;
+            !v[J] && S < 3 && (a("You are manually calling a React.PropTypes validation function for the `" + P + "` prop on `" + A + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."), v[J] = !0, S++);
+          }
+        }
+        return O[w] == null ? R ? O[w] === null ? new h("The " + $ + " `" + P + "` is marked as required " + ("in `" + A + "`, but its value is `null`.")) : new h("The " + $ + " `" + P + "` is marked as required in " + ("`" + A + "`, but its value is `undefined`.")) : null : i(O, w, A, $, P);
+      }
+      var x = T.bind(null, !1);
+      return x.isRequired = T.bind(null, !0), x;
+    }
+    function D(i) {
+      function v(S, T, x, R, O, w) {
+        var A = S[T], $ = H(A);
+        if ($ !== i) {
+          var P = G(A);
+          return new h("Invalid " + R + " `" + O + "` of type " + ("`" + P + "` supplied to `" + x + "`, expected ") + ("`" + i + "`."), { expectedType: i });
+        }
+        return null;
+      }
+      return E(v);
+    }
+    function q() {
+      return E(c);
+    }
+    function j(i) {
+      function v(S, T, x, R, O) {
+        if (typeof i != "function")
+          return new h("Property `" + O + "` of component `" + x + "` has invalid PropType notation inside arrayOf.");
+        var w = S[T];
+        if (!Array.isArray(w)) {
+          var A = H(w);
+          return new h("Invalid " + R + " `" + O + "` of type " + ("`" + A + "` supplied to `" + x + "`, expected an array."));
+        }
+        for (var $ = 0; $ < w.length; $++) {
+          var P = i(w, $, x, R, O + "[" + $ + "]", r);
+          if (P instanceof Error)
+            return P;
+        }
+        return null;
+      }
+      return E(v);
+    }
+    function M() {
+      function i(v, S, T, x, R) {
+        var O = v[S];
+        if (!s(O)) {
+          var w = H(O);
+          return new h("Invalid " + x + " `" + R + "` of type " + ("`" + w + "` supplied to `" + T + "`, expected a single ReactElement."));
+        }
+        return null;
+      }
+      return E(i);
+    }
+    function u() {
+      function i(v, S, T, x, R) {
+        var O = v[S];
+        if (!e.isValidElementType(O)) {
+          var w = H(O);
+          return new h("Invalid " + x + " `" + R + "` of type " + ("`" + w + "` supplied to `" + T + "`, expected a single ReactElement type."));
+        }
+        return null;
+      }
+      return E(i);
+    }
+    function N(i) {
+      function v(S, T, x, R, O) {
+        if (!(S[T] instanceof i)) {
+          var w = i.name || y, A = pe(S[T]);
+          return new h("Invalid " + R + " `" + O + "` of type " + ("`" + A + "` supplied to `" + x + "`, expected ") + ("instance of `" + w + "`."));
+        }
+        return null;
+      }
+      return E(v);
+    }
+    function z(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.")), c;
+      function v(S, T, x, R, O) {
+        for (var w = S[T], A = 0; A < i.length; A++)
+          if (g(w, i[A]))
+            return null;
+        var $ = JSON.stringify(i, function(L, l) {
+          var J = G(l);
+          return J === "symbol" ? String(l) : l;
+        });
+        return new h("Invalid " + R + " `" + O + "` of value `" + String(w) + "` " + ("supplied to `" + x + "`, expected one of " + $ + "."));
+      }
+      return E(v);
+    }
+    function W(i) {
+      function v(S, T, x, R, O) {
+        if (typeof i != "function")
+          return new h("Property `" + O + "` of component `" + x + "` has invalid PropType notation inside objectOf.");
+        var w = S[T], A = H(w);
+        if (A !== "object")
+          return new h("Invalid " + R + " `" + O + "` of type " + ("`" + A + "` supplied to `" + x + "`, expected an object."));
+        for (var $ in w)
+          if (n(w, $)) {
+            var P = i(w, $, x, R, O + "." + $, r);
+            if (P instanceof Error)
+              return P;
+          }
+        return null;
+      }
+      return E(v);
+    }
+    function _(i) {
+      if (!Array.isArray(i))
+        return process.env.NODE_ENV !== "production" && a("Invalid argument supplied to oneOfType, expected an instance of array."), c;
+      for (var v = 0; v < i.length; v++) {
+        var S = i[v];
+        if (typeof S != "function")
+          return a("Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + oe(S) + " at index " + v + "."), c;
+      }
+      function T(x, R, O, w, A) {
+        for (var $ = [], P = 0; P < i.length; P++) {
+          var L = i[P], l = L(x, R, O, w, A, r);
+          if (l == null)
+            return null;
+          l.data && n(l.data, "expectedType") && $.push(l.data.expectedType);
+        }
+        var J = $.length > 0 ? ", expected one of type [" + $.join(", ") + "]" : "";
+        return new h("Invalid " + w + " `" + A + "` supplied to " + ("`" + O + "`" + J + "."));
+      }
+      return E(T);
+    }
+    function k() {
+      function i(v, S, T, x, R) {
+        return Z(v[S]) ? null : new h("Invalid " + x + " `" + R + "` supplied to " + ("`" + T + "`, expected a ReactNode."));
+      }
+      return E(i);
+    }
+    function B(i, v, S, T, x) {
+      return new h((i || "React class") + ": " + v + " type `" + S + "." + T + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + x + "`.");
+    }
+    function X(i) {
+      function v(S, T, x, R, O) {
+        var w = S[T], A = H(w);
+        if (A !== "object")
+          return new h("Invalid " + R + " `" + O + "` of type `" + A + "` " + ("supplied to `" + x + "`, expected `object`."));
+        for (var $ in i) {
+          var P = i[$];
+          if (typeof P != "function")
+            return B(x, R, O, $, G(P));
+          var L = P(w, $, x, R, O + "." + $, r);
+          if (L)
+            return L;
+        }
+        return null;
+      }
+      return E(v);
+    }
+    function te(i) {
+      function v(S, T, x, R, O) {
+        var w = S[T], A = H(w);
+        if (A !== "object")
+          return new h("Invalid " + R + " `" + O + "` of type `" + A + "` " + ("supplied to `" + x + "`, expected `object`."));
+        var $ = t({}, S[T], i);
+        for (var P in $) {
+          var L = i[P];
+          if (n(i, P) && typeof L != "function")
+            return B(x, R, O, P, G(L));
+          if (!L)
+            return new h("Invalid " + R + " `" + O + "` key `" + P + "` supplied to `" + x + "`.\nBad object: " + JSON.stringify(S[T], null, "  ") + `
+Valid keys: ` + JSON.stringify(Object.keys(i), null, "  "));
+          var l = L(w, P, x, R, O + "." + P, r);
+          if (l)
+            return l;
+        }
+        return null;
+      }
+      return E(v);
+    }
+    function Z(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(Z);
+          if (i === null || s(i))
+            return !0;
+          var v = m(i);
+          if (v) {
+            var S = v.call(i), T;
+            if (v !== i.entries) {
+              for (; !(T = S.next()).done; )
+                if (!Z(T.value))
+                  return !1;
+            } else
+              for (; !(T = S.next()).done; ) {
+                var x = T.value;
+                if (x && !Z(x[1]))
+                  return !1;
+              }
+          } else
+            return !1;
+          return !0;
+        default:
+          return !1;
+      }
+    }
+    function de(i, v) {
+      return i === "symbol" ? !0 : v ? v["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && v instanceof Symbol : !1;
+    }
+    function H(i) {
+      var v = typeof i;
+      return Array.isArray(i) ? "array" : i instanceof RegExp ? "object" : de(v, i) ? "symbol" : v;
+    }
+    function G(i) {
+      if (typeof i > "u" || i === null)
+        return "" + i;
+      var v = H(i);
+      if (v === "object") {
+        if (i instanceof Date)
+          return "date";
+        if (i instanceof RegExp)
+          return "regexp";
+      }
+      return v;
+    }
+    function oe(i) {
+      var v = G(i);
+      switch (v) {
+        case "array":
+        case "object":
+          return "an " + v;
+        case "boolean":
+        case "date":
+        case "regexp":
+          return "a " + v;
+        default:
+          return v;
+      }
+    }
+    function pe(i) {
+      return !i.constructor || !i.constructor.name ? y : i.constructor.name;
+    }
+    return b.checkPropTypes = o, b.resetWarningCache = o.resetWarningCache, b.PropTypes = b, b;
+  }, Oe;
 }
-function capitalize(string) {
-  if (typeof string !== "string") {
-    throw new Error(formatMuiErrorMessage(7));
+var Te, Ge;
+function Wt() {
+  if (Ge)
+    return Te;
+  Ge = 1;
+  var e = We();
+  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, Te = function() {
+    function n(c, s, f, p, d, m) {
+      if (m !== e) {
+        var y = new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");
+        throw y.name = "Invariant Violation", y;
       }
-      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;
+  }, Te;
+}
+if (process.env.NODE_ENV !== "production") {
+  var Vt = ht(), zt = !0;
+  U.exports = jt()(Vt.isElement, zt);
+} else
+  U.exports = Wt()();
+function se(e, t, r) {
+  return t in e ? Object.defineProperty(e, t, {
+    value: r,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : e[t] = r, e;
+}
+function ce(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 $e(e) {
+  if (typeof e != "string")
+    throw new Error(process.env.NODE_ENV !== "production" ? "Material-UI: capitalize(string) expects a string argument." : ce(7));
+  return e.charAt(0).toUpperCase() + e.slice(1);
+}
+function Ft() {
+  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 c = arguments.length, s = new Array(c), f = 0; f < c; f++)
+        s[f] = arguments[f];
+      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 ee(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 K = ["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, c = a === void 0 ? 5 : a, s = ee(e, ["values", "unit", "step"]);
+  function f(g) {
+    var h = typeof r[g] == "number" ? r[g] : g;
+    return "@media (min-width:".concat(h).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 p(g) {
+    var h = K.indexOf(g) + 1, E = r[K[h]];
+    if (h === K.length)
+      return f("xs");
+    var D = typeof E == "number" && h > 0 ? E : g;
+    return "@media (max-width:".concat(D - c / 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(g, h) {
+    var E = K.indexOf(h);
+    return E === K.length - 1 ? f(g) : "@media (min-width:".concat(typeof r[g] == "number" ? r[g] : g).concat(o, ") and ") + "(max-width:".concat((E !== -1 && typeof r[K[E + 1]] == "number" ? r[K[E + 1]] : h) - c / 100).concat(o, ")");
   }
-  function only(key) {
-    return between(key, key);
+  function m(g) {
+    return d(g, g);
   }
-  function width(key) {
-    return values[key];
+  var y = !1;
+  function b(g) {
+    return process.env.NODE_ENV !== "production" && (y || (y = !0, console.warn(["Material-UI: The `theme.breakpoints.width` utility is deprecated because it's redundant.", "Use the `theme.breakpoints.values` instead."].join(`
+`)))), r[g];
   }
-  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: K,
+    values: r,
+    up: f,
+    down: p,
+    between: d,
+    only: m,
+    width: b
+  }, 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, se({}, 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)"), {
+    }, se(n, "".concat(e.up("xs"), " and (orientation: landscape)"), {
       minHeight: 48
-    }), _defineProperty(_toolbar, breakpoints.up("sm"), {
+    }), se(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 fe = Lt;
+var Yt = {
   50: "#fafafa",
   100: "#f5f5f5",
   200: "#eeeeee",
@@ -332,8 +907,8 @@ var grey = {
   A400: "#303030",
   A700: "#616161"
 };
-var grey$1 = grey;
-var indigo = {
+const Ve = Yt;
+var Bt = {
   50: "#e8eaf6",
   100: "#c5cae9",
   200: "#9fa8da",
@@ -349,8 +924,8 @@ var indigo = {
   A400: "#3d5afe",
   A700: "#304ffe"
 };
-var indigo$1 = indigo;
-var pink = {
+const we = Bt;
+var Ht = {
   50: "#fce4ec",
   100: "#f8bbd0",
   200: "#f48fb1",
@@ -366,8 +941,8 @@ var pink = {
   A400: "#f50057",
   A700: "#c51162"
 };
-var pink$1 = pink;
-var red = {
+const Se = Ht;
+var Jt = {
   50: "#ffebee",
   100: "#ffcdd2",
   200: "#ef9a9a",
@@ -383,8 +958,8 @@ var red = {
   A400: "#ff1744",
   A700: "#d50000"
 };
-var red$1 = red;
-var orange = {
+const _e = Jt;
+var Kt = {
   50: "#fff3e0",
   100: "#ffe0b2",
   200: "#ffcc80",
@@ -400,8 +975,8 @@ var orange = {
   A400: "#ff9100",
   A700: "#ff6d00"
 };
-var orange$1 = orange;
-var blue = {
+const Re = Kt;
+var Xt = {
   50: "#e3f2fd",
   100: "#bbdefb",
   200: "#90caf9",
@@ -417,8 +992,8 @@ var blue = {
   A400: "#2979ff",
   A700: "#2962ff"
 };
-var blue$1 = blue;
-var green = {
+const Ae = Xt;
+var Gt = {
   50: "#e8f5e9",
   100: "#c8e6c9",
   200: "#a5d6a7",
@@ -434,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 bt(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 = Q(e);
+  var t = e, r = t.values, n = r[0], o = r[1] / 100, a = r[2] / 100, c = o * Math.min(a, 1 - a), s = function(m) {
+    var y = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : (m + n / 30) % 12;
+    return a - c * Math.max(Math.min(y - 3, 9 - y, 1), -1);
+  }, f = "rgb", p = [Math.round(s(0) * 255), Math.round(s(8) * 255), Math.round(s(4) * 255)];
+  return e.type === "hsla" && (f += "a", p.push(r[3])), ze({
+    type: f,
+    values: p
   });
 }
-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 Q(e) {
+  if (e.type)
+    return e;
+  if (e.charAt(0) === "#")
+    return Q(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().") : ce(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 ze(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 Ze(e, t) {
+  var r = Qe(e), n = Qe(t);
+  return (Math.max(r, n) + 0.05) / (Math.min(r, n) + 0.05);
 }
-var light = {
+function Qe(e) {
+  e = Q(e);
+  var t = e.type === "hsl" ? Q(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 = Q(e), t = bt(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 ze(e);
+}
+function tr(e, t) {
+  if (e = Q(e), t = bt(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 ze(e);
+}
+var et = {
   text: {
     primary: "rgba(0, 0, 0, 0.87)",
     secondary: "rgba(0, 0, 0, 0.54)",
@@ -556,8 +1092,8 @@ var light = {
   },
   divider: "rgba(0, 0, 0, 0.12)",
   background: {
-    paper: common$1.white,
-    default: grey$1[50]
+    paper: fe.white,
+    default: Ve[50]
   },
   action: {
     active: "rgba(0, 0, 0, 0.54)",
@@ -572,10 +1108,9 @@ var light = {
     focusOpacity: 0.12,
     activatedOpacity: 0.12
   }
-};
-var dark = {
+}, Ie = {
   text: {
-    primary: common$1.white,
+    primary: fe.white,
     secondary: "rgba(255, 255, 255, 0.7)",
     disabled: "rgba(255, 255, 255, 0.5)",
     hint: "rgba(255, 255, 255, 0.5)",
@@ -583,11 +1118,11 @@ var dark = {
   },
   divider: "rgba(255, 255, 255, 0.12)",
   background: {
-    paper: grey$1[800],
+    paper: Ve[800],
     default: "#303030"
   },
   action: {
-    active: common$1.white,
+    active: fe.white,
     hover: "rgba(255, 255, 255, 0.08)",
     hoverOpacity: 0.08,
     selected: "rgba(255, 255, 255, 0.16)",
@@ -600,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 tt(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));
+function rr(e) {
+  var t = e.primary, r = t === void 0 ? {
+    light: we[300],
+    main: we[500],
+    dark: we[700]
+  } : t, n = e.secondary, o = n === void 0 ? {
+    light: Se.A200,
+    main: Se.A400,
+    dark: Se.A700
+  } : n, a = e.error, c = a === void 0 ? {
+    light: _e[300],
+    main: _e[500],
+    dark: _e[700]
+  } : a, s = e.warning, f = s === void 0 ? {
+    light: Re[300],
+    main: Re[500],
+    dark: Re[700]
+  } : s, p = e.info, d = p === void 0 ? {
+    light: Ae[300],
+    main: Ae[500],
+    dark: Ae[700]
+  } : p, m = e.success, y = m === void 0 ? {
+    light: Pe[300],
+    main: Pe[500],
+    dark: Pe[700]
+  } : m, b = e.type, g = b === void 0 ? "light" : b, h = e.contrastThreshold, E = h === void 0 ? 3 : h, D = e.tonalOffset, q = D === void 0 ? 0.2 : D, j = ee(e, ["primary", "secondary", "error", "warning", "info", "success", "type", "contrastThreshold", "tonalOffset"]);
+  function M(W) {
+    var _ = Ze(W, Ie.text.primary) >= E ? Ie.text.primary : et.text.primary;
+    if (process.env.NODE_ENV !== "production") {
+      var k = Ze(W, _);
+      k < 3 && console.error(["Material-UI: The contrast ratio of ".concat(k, ":1 for ").concat(_, " on ").concat(W), "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(`
+`));
     }
-    if (typeof color.main !== "string") {
-      throw new Error(formatMuiErrorMessage(5, JSON.stringify(color.main)));
-    }
-    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 k = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 500, B = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 300, X = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : 700;
+    if (_ = Y({}, _), !_.main && _[k] && (_.main = _[k]), !_.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(k, "` property.") : ce(4, k));
+    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] },
+} });`) : ce(5, JSON.stringify(_.main)));
+    return tt(_, "light", B, q), tt(_, "dark", X, q), _.contrastText || (_.contrastText = M(_.main)), _;
+  }, N = {
+    dark: Ie,
+    light: et
   };
-  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" && (N[g] || console.error("Material-UI: The palette type `".concat(g, "` is not supported.")));
+  var z = ne(Y({
+    common: fe,
+    type: g,
+    primary: u(r),
+    secondary: u(o, "A400", "A200", "A700"),
+    error: u(c),
+    warning: u(f),
+    info: u(d),
+    success: u(y),
+    grey: Ve,
+    contrastThreshold: E,
+    getContrastText: M,
+    augmentColor: u,
+    tonalOffset: q
+  }, N[g]), j);
+  return z;
+}
+function Et(e) {
+  return Math.round(e * 1e5) / 1e5;
+}
+var rt = !1;
+function nr(e) {
+  return process.env.NODE_ENV !== "production" && (rt || (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(`
+`)), rt = !0)), Et(e);
+}
+var nt = {
   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);
+}, ot = '"Roboto", "Helvetica", "Arial", sans-serif';
+function or(e, t) {
+  var r = typeof t == "function" ? t(e) : t, n = r.fontFamily, o = n === void 0 ? ot : n, a = r.fontSize, c = a === void 0 ? 14 : a, s = r.fontWeightLight, f = s === void 0 ? 300 : s, p = r.fontWeightRegular, d = p === void 0 ? 400 : p, m = r.fontWeightMedium, y = m === void 0 ? 500 : m, b = r.fontWeightBold, g = b === void 0 ? 700 : b, h = r.htmlFontSize, E = h === void 0 ? 16 : h, D = r.allVariants, q = r.pxToRem, j = ee(r, ["fontFamily", "fontSize", "fontWeightLight", "fontWeightRegular", "fontWeightMedium", "fontWeightBold", "htmlFontSize", "allVariants", "pxToRem"]);
+  process.env.NODE_ENV !== "production" && (typeof c != "number" && console.error("Material-UI: `fontSize` is required to be a number."), typeof E != "number" && console.error("Material-UI: `htmlFontSize` is required to be a number."));
+  var M = c / 14, u = q || function(W) {
+    return "".concat(W / E * M, "rem");
+  }, N = function(_, k, B, X, te) {
+    return Y({
+      fontFamily: o,
+      fontWeight: _,
+      fontSize: u(k),
+      lineHeight: B
+    }, o === ot ? {
+      letterSpacing: "".concat(Et(X / k), "em")
+    } : {}, te, D);
+  }, z = {
+    h1: N(f, 96, 1.167, -1.5),
+    h2: N(f, 60, 1.2, -0.5),
+    h3: N(d, 48, 1.167, 0),
+    h4: N(d, 34, 1.235, 0.25),
+    h5: N(d, 24, 1.334, 0),
+    h6: N(y, 20, 1.6, 0.15),
+    subtitle1: N(d, 16, 1.75, 0.15),
+    subtitle2: N(y, 14, 1.57, 0.1),
+    body1: N(d, 16, 1.5, 0.15),
+    body2: N(d, 14, 1.43, 0.15),
+    button: N(y, 14, 1.75, 0.4, nt),
+    caption: N(d, 12, 1.66, 0.4),
+    overline: N(d, 12, 2.66, 1, nt)
   };
-  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 ne(Y({
+    htmlFontSize: E,
+    pxToRem: u,
+    round: nr,
+    fontFamily: o,
+    fontSize: c,
+    fontWeightLight: f,
+    fontWeightRegular: d,
+    fontWeightMedium: y,
+    fontWeightBold: g
+  }, z), 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 V() {
+  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", V(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), V(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), V(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), V(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), V(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), V(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), V(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), V(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), V(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), V(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), V(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), V(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), V(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), V(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), V(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), V(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), V(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), V(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), V(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), V(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), V(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), V(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), V(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), V(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)];
+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" ? U.exports.oneOfType([U.exports.number, U.exports.string, U.exports.object, U.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 at;
+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), c = 0; c < o; c++)
+      a[c] = arguments[c];
+    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 f = t(s);
+      return typeof f == "number" ? "".concat(f, "px") : f;
     }).join(" ");
   };
-  Object.defineProperty(spacing, "unit", {
-    get: function get() {
-      return spacingInput;
+  return Object.defineProperty(r, "unit", {
+    get: function() {
+      return process.env.NODE_ENV !== "production" && ((!at || 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(`
+`)), at = !0), e;
     }
-  });
-  spacing.mui = true;
-  return spacing;
+  }), r.mui = !0, r;
 }
-var easing = {
+var it = {
   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 = {
+}, ut = {
   shortest: 150,
   shorter: 200,
   short: 250,
@@ -820,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 st(e) {
+  return "".concat(Math.round(e), "ms");
+}
+const hr = {
+  easing: it,
+  duration: ut,
+  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 ? ut.standard : n, a = r.easing, c = a === void 0 ? it.easeInOut : a, s = r.delay, f = s === void 0 ? 0 : s, p = ee(r, ["duration", "easing", "delay"]);
+    if (process.env.NODE_ENV !== "production") {
+      var d = function(b) {
+        return typeof b == "string";
+      }, m = function(b) {
+        return !isNaN(parseFloat(b));
+      };
+      !d(t) && !Array.isArray(t) && console.error('Material-UI: Argument "props" must be a string or Array.'), !m(o) && !d(o) && console.error('Material-UI: Argument "duration" must be a number or a string but found '.concat(o, ".")), d(c) || console.error('Material-UI: Argument "easing" must be a string.'), !m(f) && !d(f) && console.error('Material-UI: Argument "delay" must be a number or a string.'), Object.keys(p).length !== 0 && console.error("Material-UI: Unrecognized argument(s) [".concat(Object.keys(p).join(","), "]."));
+    }
+    return (Array.isArray(t) ? t : [t]).map(function(y) {
+      return "".concat(y, " ").concat(typeof o == "string" ? o : st(o), " ").concat(c, " ").concat(typeof f == "string" ? f : st(f));
     }).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,
@@ -852,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, c = a === void 0 ? {} : a, s = e.spacing, f = e.typography, p = f === void 0 ? {} : f, d = ee(e, ["breakpoints", "mixins", "palette", "spacing", "typography"]), m = rr(c), y = Ut(r), b = gr(s), g = ne({
+    breakpoints: y,
     direction: "ltr",
-    mixins: createMixins(breakpoints, spacing, mixinsInput),
+    mixins: qt(y, b, o),
     overrides: {},
-    palette,
+    palette: m,
     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(m, p),
+    spacing: b,
+    shape: lr,
+    transitions: hr,
+    zIndex: br
+  }, d), h = arguments.length, E = new Array(h > 1 ? h - 1 : 0), D = 1; D < h; D++)
+    E[D - 1] = arguments[D];
+  if (g = E.reduce(function(M, u) {
+    return ne(M, u);
+  }, g), process.env.NODE_ENV !== "production") {
+    var q = ["checked", "disabled", "error", "focused", "focusVisible", "required", "expanded", "selected"], j = function M(u, N) {
+      var z = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 1, W;
+      for (W in u) {
+        var _ = u[W];
+        z === 1 ? W.indexOf("Mui") === 0 && _ && M(_, W, z + 1) : q.indexOf(W) !== -1 && Object.keys(_).length > 0 && (process.env.NODE_ENV !== "production" && console.error(["Material-UI: The `".concat(N, "` component increases ") + "the CSS specificity of the `".concat(W, "` 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: se({}, "&$".concat(W), _)
+        }, null, 2), "", "https://mui.com/r/pseudo-classes-guide"].join(`
+`)), u[W] = {});
+      }
+    };
+    j(g.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 g;
+}
+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",
@@ -897,314 +1420,293 @@ 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))]),
+}, Fe = /* @__PURE__ */ F.forwardRef(function(t, r) {
+  var n = t.children, o = t.classes, a = t.className, c = t.color, s = c === void 0 ? "inherit" : c, f = t.component, p = f === void 0 ? "svg" : f, d = t.fontSize, m = d === void 0 ? "medium" : d, y = t.htmlColor, b = t.titleAccess, g = t.viewBox, h = g === void 0 ? "0 0 24 24" : g, E = ee(t, ["children", "classes", "className", "color", "component", "fontSize", "htmlColor", "titleAccess", "viewBox"]);
+  return /* @__PURE__ */ F.createElement(p, Y({
+    className: re(o.root, a, s !== "inherit" && o["color".concat($e(s))], m !== "default" && m !== "medium" && o["fontSize".concat($e(m))]),
     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: h,
+    color: y,
+    "aria-hidden": b ? void 0 : !0,
+    role: b ? "img" : void 0,
+    ref: r
+  }, E), n, b ? /* @__PURE__ */ F.createElement("title", null, b) : null);
+});
+process.env.NODE_ENV !== "production" && (Fe.propTypes = {
+  children: U.exports.node,
+  classes: U.exports.object,
+  className: U.exports.string,
+  color: U.exports.oneOf(["action", "disabled", "error", "inherit", "primary", "secondary"]),
+  component: U.exports.elementType,
+  fontSize: Ct(U.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: U.exports.string,
+  shapeRendering: U.exports.string,
+  titleAccess: U.exports.string,
+  viewBox: U.exports.string
 });
-SvgIcon.muiName = "SvgIcon";
-var SvgIcon$1 = withStyles(styles, {
+Fe.muiName = "SvgIcon";
+const ct = 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);
+})(Fe);
+function Sr(e, t) {
+  var r = function(o, a) {
+    return /* @__PURE__ */ ue.createElement(ct, Y({
+      ref: a
+    }, o), e);
   };
-  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);
-  };
-  return debounced;
+  return process.env.NODE_ENV !== "production" && (r.displayName = "".concat(t, "Icon")), r.muiName = ct.muiName, /* @__PURE__ */ ue.memo(/* @__PURE__ */ ue.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), c = 0; c < o; c++)
+      a[c] = arguments[c];
+    var s = this, f = function() {
+      e.apply(s, a);
     };
+    clearTimeout(r), r = setTimeout(f, 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, c) {
+    var s = o || "<<anonymous>>", f = c || n;
+    return typeof r[n] < "u" ? new Error("The ".concat(a, " `").concat(f, "` of ") + "`".concat(s, "` is deprecated. ").concat(t)) : null;
+  };
 }
-function ownerDocument(node) {
-  return node && node.ownerDocument || document;
+function Ar(e, t) {
+  return /* @__PURE__ */ F.isValidElement(e) && t.indexOf(e.type.muiName) !== -1;
 }
-function ownerWindow(node) {
-  var doc = ownerDocument(node);
-  return doc.defaultView || window;
+function xt(e) {
+  return e && e.ownerDocument || document;
 }
-function requirePropFactory(componentNameInError) {
-  {
+function Pr(e) {
+  var t = xt(e);
+  return t.defaultView || window;
+}
+function Ir(e) {
+  if (process.env.NODE_ENV === "production")
     return function() {
       return null;
     };
-  }
+  var t = function(n) {
+    return function(o, a, c, s, f) {
+      var p = f || a;
+      return typeof o[a] < "u" && !o[n] ? new Error("The prop `".concat(p, "` 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 Ne(e, t) {
+  typeof e == "function" ? e(t) : e && (e.current = t);
 }
-function unsupportedProp(props, propName, componentName, location, propFullName) {
-  {
+function Cr(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, c = F.useRef(t !== void 0), s = c.current, f = F.useState(r), p = f[0], d = f[1], m = s ? t : p;
+  if (process.env.NODE_ENV !== "production") {
+    F.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 y = F.useRef(r), b = y.current;
+    F.useEffect(function() {
+      !s && b !== 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 g = F.useCallback(function(h) {
+    s || d(h);
   }, []);
-  return [value, setValueIfUncontrolled];
+  return [m, g];
 }
-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" ? F.useLayoutEffect : F.useEffect;
+function Nr(e) {
+  var t = F.useRef(e);
+  return $r(function() {
+    t.current = e;
+  }), F.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 F.useMemo(function() {
+    return e == null && t == null ? null : function(r) {
+      Ne(e, r), Ne(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 = F.useState(e), r = t[0], n = t[1], o = e || r;
+  return F.useEffect(function() {
+    r == null && n("mui-".concat(Math.round(Math.random() * 1e5)));
+  }, [r]), o;
+}
+var le = !0, De = !1, ft = 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 Vr(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 || (le = !0);
 }
-function handlePointerDown() {
-  hadKeyboardEvent = false;
+function Ce() {
+  le = !1;
 }
-function handleVisibilityChange() {
-  if (this.visibilityState === "hidden") {
-    if (hadFocusVisibleRecently) {
-      hadKeyboardEvent = true;
-    }
-  }
+function Fr() {
+  this.visibilityState === "hidden" && De && (le = !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", Ce, !0), e.addEventListener("pointerdown", Ce, !0), e.addEventListener("touchstart", Ce, !0), e.addEventListener("visibilitychange", Fr, !0);
 }
-function isFocusVisible(event) {
-  var target = event.target;
+function lt(e) {
+  var t = e.target;
   try {
-    return target.matches(":focus-visible");
-  } catch (error) {
+    return t.matches(":focus-visible");
+  } catch {
   }
-  return hadKeyboardEvent || focusTriggersKeyboardModality(target);
+  return le || Vr(t);
 }
-function handleBlurVisible() {
-  hadFocusVisibleRecently = true;
-  window.clearTimeout(hadFocusVisibleRecentlyTimeout);
-  hadFocusVisibleRecentlyTimeout = window.setTimeout(function() {
-    hadFocusVisibleRecently = false;
+function Ur() {
+  De = !0, window.clearTimeout(ft), ft = window.setTimeout(function() {
+    De = !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 = F.useCallback(function(t) {
+    var r = Pt.findDOMNode(t);
+    r != null && kr(r.ownerDocument);
   }, []);
-  return {
-    isFocusVisible,
-    onBlurVisible: handleBlurVisible,
-    ref
+  return process.env.NODE_ENV !== "production" && F.useDebugValue(lt), {
+    isFocusVisible: lt,
+    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: $e,
+  createChainedFunction: Ft,
+  createSvgIcon: Sr,
+  debounce: _r,
+  deprecatedPropType: Rr,
+  isMuiElement: Ar,
+  ownerDocument: xt,
+  ownerWindow: Pr,
+  requirePropFactory: Ir,
+  setRef: Ne,
+  unsupportedProp: Cr,
+  useControlled: Mr,
+  useEventCallback: Nr,
+  useForkRef: Dr,
+  unstable_useId: jr,
+  useIsFocusVisible: qr
+}, Symbol.toStringTag, { value: "Module" })), Yr = /* @__PURE__ */ It(Lr);
+var dt;
+function Br() {
+  return dt || (dt = 1, function(e) {
+    Object.defineProperty(e, "__esModule", {
+      value: !0
+    }), Object.defineProperty(e, "default", {
+      enumerable: !0,
+      get: function() {
+        return t.createSvgIcon;
+      }
+    });
+    var t = Yr;
+  }(ve)), ve;
+}
+var Hr = mt.exports, Jr = vt.exports;
+Object.defineProperty(je, "__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 Ot = je.default = void 0, Kr = Jr(ue), 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 }) => ({
+Ot = je.default = Gr;
+const Zr = St(({ palette: e, spacing: t, typography: r }) => ({
   inputFile: {
     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
     }
   },
   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",
@@ -1221,155 +1723,139 @@ const useStyles = makeStyles(({ palette, spacing, typography }) => ({
     transition: "all 0.2s ease-in-out"
   },
   placeholderFiles: {
-    top: spacing(1),
+    top: t(1),
     transform: "translateY(0)",
     opacity: 1,
-    ...typography.caption
+    ...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
   },
   clearButton: {
-    marginTop: spacing(2),
-    marginRight: spacing(0.5),
-    color: palette.error.main
+    marginTop: t(2),
+    marginRight: t(0.5),
+    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
     }
   }
 }));
-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({
+  placeholder: e = "Upload file",
+  buttonText: t = "Browse",
+  multipleSummaryText: r = "files selected",
+  helperText: n,
+  accept: o = "application/JSON",
+  multiple: a = !1,
+  disabled: c = !1,
+  error: s = !1,
+  variant: f = "outlined",
+  files: p = [],
+  onChange: d
 }) {
-  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 m = Zr({ variant: f }), y = Tt(null), [b, g] = Ue(""), [h, E] = Ue(!1);
+  wt(() => {
+    let z = "";
+    p.length === 1 ? z = p[0].name : p.length > 1 && (z = `${p.length} ${r}`), g(z);
+  }, [p, r]);
+  const D = () => {
+    y.current?.click();
+  }, q = (z) => {
+    z.preventDefault(), E(!0);
+  }, j = (z) => {
+    z.preventDefault(), E(!1);
+  }, M = (z) => {
+    z.preventDefault();
+    const W = [], _ = z.dataTransfer.items;
+    for (let k = 0; k < _.length; k++) {
+      const B = _[k].getAsFile();
+      W.push(B);
     }
-    setFilesText(txt);
-  }, [files, multipleSummaryText]);
-  const handleBrowse = () => {
-    var _a;
-    (_a = uploadInputRef.current) == null ? void 0 : _a.click();
+    E(!1), d(W);
+  }, u = (z) => {
+    const W = Array.from(z.target.files);
+    d(W);
+  }, N = () => {
+    d([]);
   };
-  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(ie, {
+    className: re({ [m.error]: s }, { [m.disabled]: c })
+  }, /* @__PURE__ */ React.createElement(ie, {
+    className: re(m.inputFile, { [m.over]: h }, { [m.files]: b }),
+    onDragOver: q,
+    onDragLeave: j,
+    onDrop: M
+  }, /* @__PURE__ */ React.createElement(ie, {
+    className: m.textWrapper
+  }, /* @__PURE__ */ React.createElement(me, {
     variant: "body1",
     color: "inherit",
-    noWrap: true,
-    className: clsx(classes.placeholder, {
-      [classes.placeholderFiles]: filesText
+    noWrap: !0,
+    className: re(m.placeholder, {
+      [m.placeholderFiles]: b
     })
-  }, placeholder), /* @__PURE__ */ React.createElement(Typography, {
+  }, e), /* @__PURE__ */ React.createElement(me, {
     variant: "body1",
     color: "textPrimary",
-    noWrap: true,
-    className: clsx(classes.filesText, {
-      [classes.filesTextFiles]: filesText
+    noWrap: !0,
+    className: re(m.filesText, {
+      [m.filesTextFiles]: b
     })
-  }, filesText)), files.length ? /* @__PURE__ */ React.createElement(IconButton, {
+  }, b)), p.length ? /* @__PURE__ */ React.createElement(_t, {
     size: "small",
-    className: classes.clearButton,
-    onClick: clear
-  }, /* @__PURE__ */ React.createElement(default_1, null)) : /* @__PURE__ */ React.createElement(Button, {
+    className: m.clearButton,
+    onClick: N
+  }, /* @__PURE__ */ React.createElement(Ot, null)) : /* @__PURE__ */ React.createElement(Rt, {
     variant: "text",
     color: "primary",
-    disabled,
-    onClick: handleBrowse
-  }, buttonText), /* @__PURE__ */ React.createElement("input", {
-    ref: uploadInputRef,
+    disabled: c,
+    onClick: D
+  }, t), /* @__PURE__ */ React.createElement("input", {
+    ref: y,
     style: { display: "none" },
     type: "file",
-    accept,
-    multiple,
-    disabled,
-    onChange: handleFiles
-  })), helperText && /* @__PURE__ */ React.createElement(Box, {
+    accept: o,
+    multiple: a,
+    disabled: c,
+    onChange: u
+  })), n && /* @__PURE__ */ React.createElement(ie, {
     mt: 0.5,
     ml: 2
-  }, /* @__PURE__ */ React.createElement(Typography, {
+  }, /* @__PURE__ */ React.createElement(me, {
     variant: "caption",
     color: "textSecondary",
-    className: classes.helperText
-  }, helperText)));
+    className: m.helperText
+  }, n)));
 }
-export { InputFile };
+export {
+  rn as InputFile
+};