@sinco/react 1.0.14-rc.23 → 1.0.14-rc.24

package/index.js

@@ -22,11 +22,11 @@ function getAugmentedNamespace(n) {
 }
 
 var check = function (it) {
-  return it && it.Math == Math && it;
+  return it && it.Math === Math && it;
 };
 
 // https://github.com/zloirock/core-js/issues/86#issuecomment-115759028
-var global$k =
+var global$l =
   // eslint-disable-next-line es/no-global-this -- safe
   check(typeof globalThis == 'object' && globalThis) ||
   check(typeof window == 'object' && window) ||
@@ -51,7 +51,7 @@ var fails$g = fails$h;
 // Detect IE8's incomplete defineProperty implementation
 var descriptors = !fails$g(function () {
   // eslint-disable-next-line es/no-object-defineproperty -- required for testing
-  return Object.defineProperty({}, 1, { get: function () { return 7; } })[1] != 7;
+  return Object.defineProperty({}, 1, { get: function () { return 7; } })[1] !== 7;
 });
 
 var fails$f = fails$h;
@@ -130,7 +130,7 @@ var indexedObject = fails$e(function () {
   // eslint-disable-next-line no-prototype-builtins -- safe
   return !$Object$4('z').propertyIsEnumerable(0);
 }) ? function (it) {
-  return classof$6(it) == 'String' ? split(it, '') : $Object$4(it);
+  return classof$6(it) === 'String' ? split(it, '') : $Object$4(it);
 } : $Object$4;
 
 // we can't use just `it == null` since of `document.all` special case
@@ -146,7 +146,7 @@ var $TypeError$d = TypeError;
 // `RequireObjectCoercible` abstract operation
 // https://tc39.es/ecma262/#sec-requireobjectcoercible
 var requireObjectCoercible$3 = function (it) {
-  if (isNullOrUndefined$4(it)) throw $TypeError$d("Can't call method on " + it);
+  if (isNullOrUndefined$4(it)) throw new $TypeError$d("Can't call method on " + it);
   return it;
 };
 
@@ -192,7 +192,7 @@ var isObject$8 = $documentAll.IS_HTMLDDA ? function (it) {
   return typeof it == 'object' ? it !== null : isCallable$k(it);
 };
 
-var global$j = global$k;
+var global$k = global$l;
 var isCallable$j = isCallable$l;
 
 var aFunction = function (argument) {
@@ -200,7 +200,7 @@ var aFunction = function (argument) {
 };
 
 var getBuiltIn$7 = function (namespace, method) {
-  return arguments.length < 2 ? aFunction(global$j[namespace]) : global$j[namespace] && global$j[namespace][method];
+  return arguments.length < 2 ? aFunction(global$k[namespace]) : global$k[namespace] && global$k[namespace][method];
 };
 
 var uncurryThis$e = functionUncurryThis;
@@ -209,11 +209,11 @@ var objectIsPrototypeOf = uncurryThis$e({}.isPrototypeOf);
 
 var engineUserAgent = typeof navigator != 'undefined' && String(navigator.userAgent) || '';
 
-var global$i = global$k;
+var global$j = global$l;
 var userAgent$3 = engineUserAgent;
 
-var process$4 = global$i.process;
-var Deno$1 = global$i.Deno;
+var process$4 = global$j.process;
+var Deno$1 = global$j.Deno;
 var versions = process$4 && process$4.versions || Deno$1 && Deno$1.version;
 var v8 = versions && versions.v8;
 var match$1, version;
@@ -238,16 +238,15 @@ if (!version && userAgent$3) {
 var engineV8Version = version;
 
 /* eslint-disable es/no-symbol -- required for testing */
-
 var V8_VERSION$1 = engineV8Version;
 var fails$d = fails$h;
-var global$h = global$k;
+var global$i = global$l;
 
-var $String$5 = global$h.String;
+var $String$5 = global$i.String;
 
 // eslint-disable-next-line es/no-object-getownpropertysymbols -- required for testing
 var symbolConstructorDetection = !!Object.getOwnPropertySymbols && !fails$d(function () {
-  var symbol = Symbol();
+  var symbol = Symbol('symbol detection');
   // Chrome 38 Symbol has incorrect toString conversion
   // `get-own-property-symbols` polyfill symbols converted to object are not Symbol instances
   // nb: Do not call `String` directly to avoid this being optimized out to `symbol+''` which will,
@@ -258,7 +257,6 @@ var symbolConstructorDetection = !!Object.getOwnPropertySymbols && !fails$d(func
 });
 
 /* eslint-disable es/no-symbol -- required for testing */
-
 var NATIVE_SYMBOL$1 = symbolConstructorDetection;
 
 var useSymbolAsUid = NATIVE_SYMBOL$1
@@ -297,7 +295,7 @@ var $TypeError$c = TypeError;
 // `Assert: IsCallable(argument) is true`
 var aCallable$8 = function (argument) {
   if (isCallable$h(argument)) return argument;
-  throw $TypeError$c(tryToString$3(argument) + ' is not a function');
+  throw new $TypeError$c(tryToString$3(argument) + ' is not a function');
 };
 
 var aCallable$7 = aCallable$8;
@@ -323,29 +321,29 @@ var ordinaryToPrimitive$1 = function (input, pref) {
   if (pref === 'string' && isCallable$g(fn = input.toString) && !isObject$7(val = call$f(fn, input))) return val;
   if (isCallable$g(fn = input.valueOf) && !isObject$7(val = call$f(fn, input))) return val;
   if (pref !== 'string' && isCallable$g(fn = input.toString) && !isObject$7(val = call$f(fn, input))) return val;
-  throw $TypeError$b("Can't convert object to primitive value");
+  throw new $TypeError$b("Can't convert object to primitive value");
 };
 
 var shared$4 = {exports: {}};
 
-var global$g = global$k;
+var global$h = global$l;
 
 // eslint-disable-next-line es/no-object-defineproperty -- safe
 var defineProperty$6 = Object.defineProperty;
 
 var defineGlobalProperty$3 = function (key, value) {
   try {
-    defineProperty$6(global$g, key, { value: value, configurable: true, writable: true });
+    defineProperty$6(global$h, key, { value: value, configurable: true, writable: true });
   } catch (error) {
-    global$g[key] = value;
+    global$h[key] = value;
   } return value;
 };
 
-var global$f = global$k;
+var global$g = global$l;
 var defineGlobalProperty$2 = defineGlobalProperty$3;
 
 var SHARED = '__core-js_shared__';
-var store$3 = global$f[SHARED] || defineGlobalProperty$2(SHARED, {});
+var store$3 = global$g[SHARED] || defineGlobalProperty$2(SHARED, {});
 
 var sharedStore = store$3;
 
@@ -354,10 +352,10 @@ var store$2 = sharedStore;
 (shared$4.exports = function (key, value) {
   return store$2[key] || (store$2[key] = value !== undefined ? value : {});
 })('versions', []).push({
-  version: '3.30.2',
+  version: '3.33.0',
   mode: 'global',
   copyright: '© 2014-2023 Denis Pushkarev (zloirock.ru)',
-  license: 'https://github.com/zloirock/core-js/blob/v3.30.2/LICENSE',
+  license: 'https://github.com/zloirock/core-js/blob/v3.33.0/LICENSE',
   source: 'https://github.com/zloirock/core-js'
 });
 
@@ -393,14 +391,14 @@ var uid$2 = function (key) {
   return 'Symbol(' + (key === undefined ? '' : key) + ')_' + toString$3(++id + postfix, 36);
 };
 
-var global$e = global$k;
+var global$f = global$l;
 var shared$3 = shared$4.exports;
 var hasOwn$9 = hasOwnProperty_1;
 var uid$1 = uid$2;
 var NATIVE_SYMBOL = symbolConstructorDetection;
 var USE_SYMBOL_AS_UID = useSymbolAsUid;
 
-var Symbol$1 = global$e.Symbol;
+var Symbol$1 = global$f.Symbol;
 var WellKnownSymbolsStore = shared$3('wks');
 var createWellKnownSymbol = USE_SYMBOL_AS_UID ? Symbol$1['for'] || Symbol$1 : Symbol$1 && Symbol$1.withoutSetter || uid$1;
 
@@ -432,7 +430,7 @@ var toPrimitive$1 = function (input, pref) {
     if (pref === undefined) pref = 'default';
     result = call$e(exoticToPrim, input, pref);
     if (!isObject$6(result) || isSymbol$1(result)) return result;
-    throw $TypeError$a("Can't convert object to primitive value");
+    throw new $TypeError$a("Can't convert object to primitive value");
   }
   if (pref === undefined) pref = 'number';
   return ordinaryToPrimitive(input, pref);
@@ -448,10 +446,10 @@ var toPropertyKey$2 = function (argument) {
   return isSymbol(key) ? key : key + '';
 };
 
-var global$d = global$k;
+var global$e = global$l;
 var isObject$5 = isObject$8;
 
-var document$3 = global$d.document;
+var document$3 = global$e.document;
 // typeof document.createElement is 'object' in old IE
 var EXISTS$1 = isObject$5(document$3) && isObject$5(document$3.createElement);
 
@@ -468,7 +466,7 @@ var ie8DomDefine = !DESCRIPTORS$a && !fails$c(function () {
   // eslint-disable-next-line es/no-object-defineproperty -- required for testing
   return Object.defineProperty(createElement$1('div'), 'a', {
     get: function () { return 7; }
-  }).a != 7;
+  }).a !== 7;
 });
 
 var DESCRIPTORS$9 = descriptors;
@@ -506,7 +504,7 @@ var v8PrototypeDefineBug = DESCRIPTORS$8 && fails$b(function () {
   return Object.defineProperty(function () { /* empty */ }, 'prototype', {
     value: 42,
     writable: false
-  }).prototype != 42;
+  }).prototype !== 42;
 });
 
 var isObject$4 = isObject$8;
@@ -517,7 +515,7 @@ var $TypeError$9 = TypeError;
 // `Assert: Type(argument) is Object`
 var anObject$d = function (argument) {
   if (isObject$4(argument)) return argument;
-  throw $TypeError$9($String$3(argument) + ' is not an object');
+  throw new $TypeError$9($String$3(argument) + ' is not an object');
 };
 
 var DESCRIPTORS$7 = descriptors;
@@ -559,7 +557,7 @@ objectDefineProperty.f = DESCRIPTORS$7 ? V8_PROTOTYPE_DEFINE_BUG$1 ? function de
   if (IE8_DOM_DEFINE) try {
     return $defineProperty(O, P, Attributes);
   } catch (error) { /* empty */ }
-  if ('get' in Attributes || 'set' in Attributes) throw $TypeError$8('Accessors not supported');
+  if ('get' in Attributes || 'set' in Attributes) throw new $TypeError$8('Accessors not supported');
   if ('value' in Attributes) O[P] = Attributes.value;
   return O;
 };
@@ -610,10 +608,10 @@ if (!isCallable$f(store$1.inspectSource)) {
 
 var inspectSource$3 = store$1.inspectSource;
 
-var global$c = global$k;
+var global$d = global$l;
 var isCallable$e = isCallable$l;
 
-var WeakMap$2 = global$c.WeakMap;
+var WeakMap$2 = global$d.WeakMap;
 
 var weakMapBasicDetection = isCallable$e(WeakMap$2) && /native code/.test(String(WeakMap$2));
 
@@ -629,7 +627,7 @@ var sharedKey$3 = function (key) {
 var hiddenKeys$4 = {};
 
 var NATIVE_WEAK_MAP = weakMapBasicDetection;
-var global$b = global$k;
+var global$c = global$l;
 var isObject$3 = isObject$8;
 var createNonEnumerableProperty$4 = createNonEnumerableProperty$5;
 var hasOwn$6 = hasOwnProperty_1;
@@ -638,8 +636,8 @@ var sharedKey$2 = sharedKey$3;
 var hiddenKeys$3 = hiddenKeys$4;
 
 var OBJECT_ALREADY_INITIALIZED = 'Object already initialized';
-var TypeError$2 = global$b.TypeError;
-var WeakMap$1 = global$b.WeakMap;
+var TypeError$2 = global$c.TypeError;
+var WeakMap$1 = global$c.WeakMap;
 var set$1, get, has$3;
 
 var enforce = function (it) {
@@ -650,7 +648,7 @@ var getterFor = function (TYPE) {
   return function (it) {
     var state;
     if (!isObject$3(it) || (state = get(it)).type !== TYPE) {
-      throw TypeError$2('Incompatible receiver, ' + TYPE + ' required');
+      throw new TypeError$2('Incompatible receiver, ' + TYPE + ' required');
     } return state;
   };
 };
@@ -663,7 +661,7 @@ if (NATIVE_WEAK_MAP || shared$1.state) {
   store.set = store.set;
   /* eslint-enable no-self-assign -- prototype methods protection */
   set$1 = function (it, metadata) {
-    if (store.has(it)) throw TypeError$2(OBJECT_ALREADY_INITIALIZED);
+    if (store.has(it)) throw new TypeError$2(OBJECT_ALREADY_INITIALIZED);
     metadata.facade = it;
     store.set(it, metadata);
     return metadata;
@@ -678,7 +676,7 @@ if (NATIVE_WEAK_MAP || shared$1.state) {
   var STATE = sharedKey$2('state');
   hiddenKeys$3[STATE] = true;
   set$1 = function (it, metadata) {
-    if (hasOwn$6(it, STATE)) throw TypeError$2(OBJECT_ALREADY_INITIALIZED);
+    if (hasOwn$6(it, STATE)) throw new TypeError$2(OBJECT_ALREADY_INITIALIZED);
     metadata.facade = it;
     createNonEnumerableProperty$4(it, STATE, metadata);
     return metadata;
@@ -849,10 +847,10 @@ var createMethod = function (IS_INCLUDES) {
     var value;
     // Array#includes uses SameValueZero equality algorithm
     // eslint-disable-next-line no-self-compare -- NaN check
-    if (IS_INCLUDES && el != el) while (length > index) {
+    if (IS_INCLUDES && el !== el) while (length > index) {
       value = O[index++];
       // eslint-disable-next-line no-self-compare -- NaN check
-      if (value != value) return true;
+      if (value !== value) return true;
     // Array#indexOf ignores holes, Array#includes - not
     } else for (;length > index; index++) {
       if ((IS_INCLUDES || index in O) && O[index] === el) return IS_INCLUDES || index || 0;
@@ -957,8 +955,8 @@ var replacement = /#|\.prototype\./;
 
 var isForced$2 = function (feature, detection) {
   var value = data[normalize(feature)];
-  return value == POLYFILL ? true
-    : value == NATIVE ? false
+  return value === POLYFILL ? true
+    : value === NATIVE ? false
     : isCallable$b(detection) ? fails$9(detection)
     : !!detection;
 };
@@ -973,7 +971,7 @@ var POLYFILL = isForced$2.POLYFILL = 'P';
 
 var isForced_1 = isForced$2;
 
-var global$a = global$k;
+var global$b = global$l;
 var getOwnPropertyDescriptor$1 = objectGetOwnPropertyDescriptor.f;
 var createNonEnumerableProperty$3 = createNonEnumerableProperty$5;
 var defineBuiltIn$5 = defineBuiltIn$6;
@@ -1002,11 +1000,11 @@ var _export = function (options, source) {
   var STATIC = options.stat;
   var FORCED, target, key, targetProperty, sourceProperty, descriptor;
   if (GLOBAL) {
-    target = global$a;
+    target = global$b;
   } else if (STATIC) {
-    target = global$a[TARGET] || defineGlobalProperty(TARGET, {});
+    target = global$b[TARGET] || defineGlobalProperty(TARGET, {});
   } else {
-    target = (global$a[TARGET] || {}).prototype;
+    target = (global$b[TARGET] || {}).prototype;
   }
   if (target) for (key in source) {
     sourceProperty = source[key];
@@ -1071,11 +1069,11 @@ var objectAssign$1 = !$assign || fails$8(function () {
   var A = {};
   var B = {};
   // eslint-disable-next-line es/no-symbol -- safe
-  var symbol = Symbol();
+  var symbol = Symbol('assign detection');
   var alphabet = 'abcdefghijklmnopqrst';
   A[symbol] = 7;
   alphabet.split('').forEach(function (chr) { B[chr] = chr; });
-  return $assign({}, A)[symbol] != 7 || objectKeys$1($assign({}, B)).join('') != alphabet;
+  return $assign({}, A)[symbol] !== 7 || objectKeys$1($assign({}, B)).join('') !== alphabet;
 }) ? function assign(target, source) { // eslint-disable-line no-unused-vars -- required for `.length`
   var T = toObject$2(target);
   var argumentsLength = arguments.length;
@@ -1114,8 +1112,8 @@ function chainPropTypes(propType1, propType2) {
   };
 }
 
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
+function _extends$5() {
+  _extends$5 = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -1126,7 +1124,7 @@ function _extends() {
     }
     return target;
   };
-  return _extends.apply(this, arguments);
+  return _extends$5.apply(this, arguments);
 }
 
 function isPlainObject(item) {
@@ -1145,7 +1143,7 @@ function deepClone(source) {
 function deepmerge(target, source, options = {
   clone: true
 }) {
-  const output = options.clone ? _extends({}, target) : target;
+  const output = options.clone ? _extends$5({}, target) : target;
   if (isPlainObject(target) && isPlainObject(source)) {
     Object.keys(source).forEach(key => {
       // Avoid prototype pollution
@@ -1180,11 +1178,11 @@ var reactIs_production_min$2 = {};
  * LICENSE file in the root directory of this source tree.
  */
 var b$2="function"===typeof Symbol&&Symbol.for,c$2=b$2?Symbol.for("react.element"):60103,d$2=b$2?Symbol.for("react.portal"):60106,e$2=b$2?Symbol.for("react.fragment"):60107,f$2=b$2?Symbol.for("react.strict_mode"):60108,g$2=b$2?Symbol.for("react.profiler"):60114,h$2=b$2?Symbol.for("react.provider"):60109,k$2=b$2?Symbol.for("react.context"):60110,l$2=b$2?Symbol.for("react.async_mode"):60111,m$2=b$2?Symbol.for("react.concurrent_mode"):60111,n$2=b$2?Symbol.for("react.forward_ref"):60112,p$2=b$2?Symbol.for("react.suspense"):60113,q$2=b$2?
-Symbol.for("react.suspense_list"):60120,r$4=b$2?Symbol.for("react.memo"):60115,t$2=b$2?Symbol.for("react.lazy"):60116,v$2=b$2?Symbol.for("react.block"):60121,w$1=b$2?Symbol.for("react.fundamental"):60117,x$1=b$2?Symbol.for("react.responder"):60118,y$1=b$2?Symbol.for("react.scope"):60119;
-function z$1(a){if("object"===typeof a&&null!==a){var u=a.$$typeof;switch(u){case c$2:switch(a=a.type,a){case l$2:case m$2:case e$2:case g$2:case f$2:case p$2:return a;default:switch(a=a&&a.$$typeof,a){case k$2:case n$2:case t$2:case r$4:case h$2:return a;default:return u}}case d$2:return u}}}function A$1(a){return z$1(a)===m$2}reactIs_production_min$2.AsyncMode=l$2;reactIs_production_min$2.ConcurrentMode=m$2;reactIs_production_min$2.ContextConsumer=k$2;reactIs_production_min$2.ContextProvider=h$2;reactIs_production_min$2.Element=c$2;reactIs_production_min$2.ForwardRef=n$2;reactIs_production_min$2.Fragment=e$2;reactIs_production_min$2.Lazy=t$2;reactIs_production_min$2.Memo=r$4;reactIs_production_min$2.Portal=d$2;
+Symbol.for("react.suspense_list"):60120,r$2=b$2?Symbol.for("react.memo"):60115,t$2=b$2?Symbol.for("react.lazy"):60116,v$2=b$2?Symbol.for("react.block"):60121,w$1=b$2?Symbol.for("react.fundamental"):60117,x$1=b$2?Symbol.for("react.responder"):60118,y$1=b$2?Symbol.for("react.scope"):60119;
+function z$1(a){if("object"===typeof a&&null!==a){var u=a.$$typeof;switch(u){case c$2:switch(a=a.type,a){case l$2:case m$2:case e$2:case g$2:case f$2:case p$2:return a;default:switch(a=a&&a.$$typeof,a){case k$2:case n$2:case t$2:case r$2:case h$2:return a;default:return u}}case d$2:return u}}}function A$1(a){return z$1(a)===m$2}reactIs_production_min$2.AsyncMode=l$2;reactIs_production_min$2.ConcurrentMode=m$2;reactIs_production_min$2.ContextConsumer=k$2;reactIs_production_min$2.ContextProvider=h$2;reactIs_production_min$2.Element=c$2;reactIs_production_min$2.ForwardRef=n$2;reactIs_production_min$2.Fragment=e$2;reactIs_production_min$2.Lazy=t$2;reactIs_production_min$2.Memo=r$2;reactIs_production_min$2.Portal=d$2;
 reactIs_production_min$2.Profiler=g$2;reactIs_production_min$2.StrictMode=f$2;reactIs_production_min$2.Suspense=p$2;reactIs_production_min$2.isAsyncMode=function(a){return A$1(a)||z$1(a)===l$2};reactIs_production_min$2.isConcurrentMode=A$1;reactIs_production_min$2.isContextConsumer=function(a){return z$1(a)===k$2};reactIs_production_min$2.isContextProvider=function(a){return z$1(a)===h$2};reactIs_production_min$2.isElement=function(a){return "object"===typeof a&&null!==a&&a.$$typeof===c$2};reactIs_production_min$2.isForwardRef=function(a){return z$1(a)===n$2};reactIs_production_min$2.isFragment=function(a){return z$1(a)===e$2};reactIs_production_min$2.isLazy=function(a){return z$1(a)===t$2};
-reactIs_production_min$2.isMemo=function(a){return z$1(a)===r$4};reactIs_production_min$2.isPortal=function(a){return z$1(a)===d$2};reactIs_production_min$2.isProfiler=function(a){return z$1(a)===g$2};reactIs_production_min$2.isStrictMode=function(a){return z$1(a)===f$2};reactIs_production_min$2.isSuspense=function(a){return z$1(a)===p$2};
-reactIs_production_min$2.isValidElementType=function(a){return "string"===typeof a||"function"===typeof a||a===e$2||a===m$2||a===g$2||a===f$2||a===p$2||a===q$2||"object"===typeof a&&null!==a&&(a.$$typeof===t$2||a.$$typeof===r$4||a.$$typeof===h$2||a.$$typeof===k$2||a.$$typeof===n$2||a.$$typeof===w$1||a.$$typeof===x$1||a.$$typeof===y$1||a.$$typeof===v$2)};reactIs_production_min$2.typeOf=z$1;
+reactIs_production_min$2.isMemo=function(a){return z$1(a)===r$2};reactIs_production_min$2.isPortal=function(a){return z$1(a)===d$2};reactIs_production_min$2.isProfiler=function(a){return z$1(a)===g$2};reactIs_production_min$2.isStrictMode=function(a){return z$1(a)===f$2};reactIs_production_min$2.isSuspense=function(a){return z$1(a)===p$2};
+reactIs_production_min$2.isValidElementType=function(a){return "string"===typeof a||"function"===typeof a||a===e$2||a===m$2||a===g$2||a===f$2||a===p$2||a===q$2||"object"===typeof a&&null!==a&&(a.$$typeof===t$2||a.$$typeof===r$2||a.$$typeof===h$2||a.$$typeof===k$2||a.$$typeof===n$2||a.$$typeof===w$1||a.$$typeof===x$1||a.$$typeof===y$1||a.$$typeof===v$2)};reactIs_production_min$2.typeOf=z$1;
 
 var reactIs_development$2 = {};
 
@@ -2358,7 +2356,7 @@ function exactProp(propTypes) {
   if (process.env.NODE_ENV === 'production') {
     return propTypes;
   }
-  return _extends({}, propTypes, {
+  return _extends$5({}, propTypes, {
     [specialProperty]: props => {
       const unsupportedProps = Object.keys(props).filter(prop => !propTypes.hasOwnProperty(prop));
       if (unsupportedProps.length > 0) {
@@ -2783,7 +2781,7 @@ function requirePropFactory(componentNameInError, Component) {
   }
 
   // eslint-disable-next-line react/forbid-foreign-prop-types
-  const prevPropTypes = Component ? _extends({}, Component.propTypes) : null;
+  const prevPropTypes = Component ? _extends$5({}, Component.propTypes) : null;
   const requireProp = requiredProp => (props, propName, componentName, location, propFullName, ...args) => {
     const propFullNameSafe = propFullName || propName;
     const defaultTypeChecker = prevPropTypes == null ? void 0 : prevPropTypes[propFullNameSafe];
@@ -3167,10 +3165,10 @@ var integerPropType = process.env.NODE_ENV === 'production' ? validatorNoop : va
  * @returns {object} resolved props
  */
 function resolveProps(defaultProps, props) {
-  const output = _extends({}, props);
+  const output = _extends$5({}, props);
   Object.keys(defaultProps).forEach(propName => {
     if (propName.toString().match(/^(components|slots)$/)) {
-      output[propName] = _extends({}, defaultProps[propName], output[propName]);
+      output[propName] = _extends$5({}, defaultProps[propName], output[propName]);
     } else if (propName.toString().match(/^(componentsProps|slotProps)$/)) {
       const defaultSlotProps = defaultProps[propName] || {};
       const slotProps = props[propName];
@@ -3182,7 +3180,7 @@ function resolveProps(defaultProps, props) {
         // Reduce the iteration if the default slot props is empty
         output[propName] = slotProps;
       } else {
-        output[propName] = _extends({}, slotProps);
+        output[propName] = _extends$5({}, slotProps);
         Object.keys(defaultSlotProps).forEach(slotPropName => {
           output[propName][slotPropName] = resolveProps(defaultSlotProps[slotPropName], slotProps[slotPropName]);
         });
@@ -3265,7 +3263,22 @@ function generateUtilityClasses(componentName, slots, globalStatePrefix = 'Mui')
 
 var THEME_ID = '$$material';
 
-function _objectWithoutPropertiesLoose(source, excluded) {
+function _extends$4() {
+  _extends$4 = 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];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends$4.apply(this, arguments);
+}
+
+function _objectWithoutPropertiesLoose$3(source, excluded) {
   if (source == null) return {};
   var target = {};
   var sourceKeys = Object.keys(source);
@@ -3278,6 +3291,21 @@ function _objectWithoutPropertiesLoose(source, excluded) {
   return target;
 }
 
+function _extends$3() {
+  _extends$3 = 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];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends$3.apply(this, arguments);
+}
+
 function memoize$1(fn) {
   var cache = Object.create(null);
   return function (arg) {
@@ -4719,11 +4747,11 @@ var reactIs_production_min = {};
  * LICENSE file in the root directory of this source tree.
  */
 var b="function"===typeof Symbol&&Symbol.for,c=b?Symbol.for("react.element"):60103,d=b?Symbol.for("react.portal"):60106,e=b?Symbol.for("react.fragment"):60107,f=b?Symbol.for("react.strict_mode"):60108,g=b?Symbol.for("react.profiler"):60114,h=b?Symbol.for("react.provider"):60109,k=b?Symbol.for("react.context"):60110,l=b?Symbol.for("react.async_mode"):60111,m=b?Symbol.for("react.concurrent_mode"):60111,n=b?Symbol.for("react.forward_ref"):60112,p=b?Symbol.for("react.suspense"):60113,q=b?
-Symbol.for("react.suspense_list"):60120,r$3=b?Symbol.for("react.memo"):60115,t=b?Symbol.for("react.lazy"):60116,v=b?Symbol.for("react.block"):60121,w=b?Symbol.for("react.fundamental"):60117,x=b?Symbol.for("react.responder"):60118,y=b?Symbol.for("react.scope"):60119;
-function z(a){if("object"===typeof a&&null!==a){var u=a.$$typeof;switch(u){case c:switch(a=a.type,a){case l:case m:case e:case g:case f:case p:return a;default:switch(a=a&&a.$$typeof,a){case k:case n:case t:case r$3:case h:return a;default:return u}}case d:return u}}}function A(a){return z(a)===m}reactIs_production_min.AsyncMode=l;reactIs_production_min.ConcurrentMode=m;reactIs_production_min.ContextConsumer=k;reactIs_production_min.ContextProvider=h;reactIs_production_min.Element=c;reactIs_production_min.ForwardRef=n;reactIs_production_min.Fragment=e;reactIs_production_min.Lazy=t;reactIs_production_min.Memo=r$3;reactIs_production_min.Portal=d;
+Symbol.for("react.suspense_list"):60120,r$1=b?Symbol.for("react.memo"):60115,t=b?Symbol.for("react.lazy"):60116,v=b?Symbol.for("react.block"):60121,w=b?Symbol.for("react.fundamental"):60117,x=b?Symbol.for("react.responder"):60118,y=b?Symbol.for("react.scope"):60119;
+function z(a){if("object"===typeof a&&null!==a){var u=a.$$typeof;switch(u){case c:switch(a=a.type,a){case l:case m:case e:case g:case f:case p:return a;default:switch(a=a&&a.$$typeof,a){case k:case n:case t:case r$1:case h:return a;default:return u}}case d:return u}}}function A(a){return z(a)===m}reactIs_production_min.AsyncMode=l;reactIs_production_min.ConcurrentMode=m;reactIs_production_min.ContextConsumer=k;reactIs_production_min.ContextProvider=h;reactIs_production_min.Element=c;reactIs_production_min.ForwardRef=n;reactIs_production_min.Fragment=e;reactIs_production_min.Lazy=t;reactIs_production_min.Memo=r$1;reactIs_production_min.Portal=d;
 reactIs_production_min.Profiler=g;reactIs_production_min.StrictMode=f;reactIs_production_min.Suspense=p;reactIs_production_min.isAsyncMode=function(a){return A(a)||z(a)===l};reactIs_production_min.isConcurrentMode=A;reactIs_production_min.isContextConsumer=function(a){return z(a)===k};reactIs_production_min.isContextProvider=function(a){return z(a)===h};reactIs_production_min.isElement=function(a){return "object"===typeof a&&null!==a&&a.$$typeof===c};reactIs_production_min.isForwardRef=function(a){return z(a)===n};reactIs_production_min.isFragment=function(a){return z(a)===e};reactIs_production_min.isLazy=function(a){return z(a)===t};
-reactIs_production_min.isMemo=function(a){return z(a)===r$3};reactIs_production_min.isPortal=function(a){return z(a)===d};reactIs_production_min.isProfiler=function(a){return z(a)===g};reactIs_production_min.isStrictMode=function(a){return z(a)===f};reactIs_production_min.isSuspense=function(a){return z(a)===p};
-reactIs_production_min.isValidElementType=function(a){return "string"===typeof a||"function"===typeof a||a===e||a===m||a===g||a===f||a===p||a===q||"object"===typeof a&&null!==a&&(a.$$typeof===t||a.$$typeof===r$3||a.$$typeof===h||a.$$typeof===k||a.$$typeof===n||a.$$typeof===w||a.$$typeof===x||a.$$typeof===y||a.$$typeof===v)};reactIs_production_min.typeOf=z;
+reactIs_production_min.isMemo=function(a){return z(a)===r$1};reactIs_production_min.isPortal=function(a){return z(a)===d};reactIs_production_min.isProfiler=function(a){return z(a)===g};reactIs_production_min.isStrictMode=function(a){return z(a)===f};reactIs_production_min.isSuspense=function(a){return z(a)===p};
+reactIs_production_min.isValidElementType=function(a){return "string"===typeof a||"function"===typeof a||a===e||a===m||a===g||a===f||a===p||a===q||"object"===typeof a&&null!==a&&(a.$$typeof===t||a.$$typeof===r$1||a.$$typeof===h||a.$$typeof===k||a.$$typeof===n||a.$$typeof===w||a.$$typeof===x||a.$$typeof===y||a.$$typeof===v)};reactIs_production_min.typeOf=z;
 
 var reactIs_development = {};
 
@@ -6152,7 +6180,7 @@ var createStyled$1 = function createStyled(tag, options) {
     });
 
     Styled.withComponent = function (nextTag, nextOptions) {
-      return createStyled(nextTag, _extends({}, options, nextOptions, {
+      return createStyled(nextTag, _extends$3({}, options, nextOptions, {
         shouldForwardProp: composeShouldForwardProps(Styled, nextOptions, true)
       })).apply(void 0, styles);
     };
@@ -6202,6 +6230,34 @@ const internal_processStyles = (tag, processor) => {
   }
 };
 
+function _extends$2() {
+  _extends$2 = 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];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends$2.apply(this, arguments);
+}
+
+function _objectWithoutPropertiesLoose$2(source, excluded) {
+  if (source == 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;
+}
+
 const _excluded$u = ["values", "unit", "step"];
 const sortBreakpointsValues = values => {
   const breakpointsAsArray = Object.keys(values).map(key => ({
@@ -6211,7 +6267,7 @@ const sortBreakpointsValues = values => {
   // Sort in ascending order
   breakpointsAsArray.sort((breakpoint1, breakpoint2) => breakpoint1.val - breakpoint2.val);
   return breakpointsAsArray.reduce((acc, obj) => {
-    return _extends({}, acc, {
+    return _extends$2({}, acc, {
       [obj.key]: obj.val
     });
   }, {});
@@ -6237,7 +6293,7 @@ function createBreakpoints(breakpoints) {
       unit = 'px',
       step = 5
     } = breakpoints,
-    other = _objectWithoutPropertiesLoose(breakpoints, _excluded$u);
+    other = _objectWithoutPropertiesLoose$2(breakpoints, _excluded$u);
   const sortedValues = sortBreakpointsValues(values);
   const keys = Object.keys(sortedValues);
   function up(key) {
@@ -6269,7 +6325,7 @@ function createBreakpoints(breakpoints) {
     }
     return between(key, keys[keys.indexOf(key) + 1]).replace('@media', '@media not all and');
   }
-  return _extends({
+  return _extends$2({
     keys,
     values: sortedValues,
     up,
@@ -7341,7 +7397,7 @@ function createTheme$1(options = {}, ...args) {
       spacing: spacingInput,
       shape: shapeInput = {}
     } = options,
-    other = _objectWithoutPropertiesLoose(options, _excluded$t);
+    other = _objectWithoutPropertiesLoose$2(options, _excluded$t);
   const breakpoints = createBreakpoints(breakpointsInput);
   const spacing = createSpacing(spacingInput);
   let muiTheme = deepmerge({
@@ -7349,14 +7405,14 @@ function createTheme$1(options = {}, ...args) {
     direction: 'ltr',
     components: {},
     // Inject component definitions.
-    palette: _extends({
+    palette: _extends$2({
       mode: 'light'
     }, paletteInput),
     spacing,
-    shape: _extends({}, shape$1, shapeInput)
+    shape: _extends$2({}, shape$1, shapeInput)
   }, other);
   muiTheme = args.reduce((acc, argument) => deepmerge(acc, argument), muiTheme);
-  muiTheme.unstable_sxConfig = _extends({}, defaultSxConfig$1, other == null ? void 0 : other.unstable_sxConfig);
+  muiTheme.unstable_sxConfig = _extends$2({}, defaultSxConfig$1, other == null ? void 0 : other.unstable_sxConfig);
   muiTheme.unstable_sx = function sx(props) {
     return styleFunctionSx$1({
       sx: props,
@@ -7400,7 +7456,7 @@ function extendSxProp(props) {
   const {
       sx: inSx
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$s);
+    other = _objectWithoutPropertiesLoose$2(props, _excluded$s);
   const {
     systemProps,
     otherProps
@@ -7414,17 +7470,17 @@ function extendSxProp(props) {
       if (!isPlainObject(result)) {
         return systemProps;
       }
-      return _extends({}, systemProps, result);
+      return _extends$2({}, systemProps, result);
     };
   } else {
-    finalSx = _extends({}, systemProps, inSx);
+    finalSx = _extends$2({}, systemProps, inSx);
   }
-  return _extends({}, otherProps, {
+  return _extends$2({}, otherProps, {
     sx: finalSx
   });
 }
 
-function r$2(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(f=r$2(e[t]))&&(n&&(n+=" "),n+=f);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function clsx$2(){for(var e,t,f=0,n="";f<arguments.length;)(e=arguments[f++])&&(t=r$2(e))&&(n&&(n+=" "),n+=t);return n}
+function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function clsx(){for(var e,t,f=0,n="";f<arguments.length;)(e=arguments[f++])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
 
 const _excluded$r = ["className", "component"];
 function createBox(options = {}) {
@@ -7444,11 +7500,11 @@ function createBox(options = {}) {
         className,
         component = 'div'
       } = _extendSxProp,
-      other = _objectWithoutPropertiesLoose(_extendSxProp, _excluded$r);
-    return /*#__PURE__*/jsx(BoxRoot, _extends({
+      other = _objectWithoutPropertiesLoose$2(_extendSxProp, _excluded$r);
+    return /*#__PURE__*/jsx(BoxRoot, _extends$2({
       as: component,
       ref: ref,
-      className: clsx$2(className, generateClassName ? generateClassName(defaultClassName) : defaultClassName),
+      className: clsx(className, generateClassName ? generateClassName(defaultClassName) : defaultClassName),
       theme: themeId ? theme[themeId] || theme : theme
     }, other));
   });
@@ -7469,7 +7525,7 @@ function propsToClassKey(props) {
   const {
       variant
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$q);
+    other = _objectWithoutPropertiesLoose$2(props, _excluded$q);
   let classKey = variant || '';
   Object.keys(other).sort().forEach(key => {
     if (key === 'color') {
@@ -7573,8 +7629,8 @@ const muiStyledFunctionResolver = ({
   defaultTheme,
   themeId
 }) => {
-  const resolvedStyles = styledArg(_extends({}, props, {
-    theme: resolveTheme(_extends({}, props, {
+  const resolvedStyles = styledArg(_extends$2({}, props, {
+    theme: resolveTheme(_extends$2({}, props, {
       defaultTheme,
       themeId
     }))
@@ -7598,8 +7654,8 @@ function createStyled(input = {}) {
     slotShouldForwardProp = shouldForwardProp
   } = input;
   const systemSx = props => {
-    return styleFunctionSx$1(_extends({}, props, {
-      theme: resolveTheme(_extends({}, props, {
+    return styleFunctionSx$1(_extends$2({}, props, {
+      theme: resolveTheme(_extends$2({}, props, {
         defaultTheme,
         themeId
       }))
@@ -7618,7 +7674,7 @@ function createStyled(input = {}) {
         // For more details: https://github.com/mui/material-ui/pull/37908
         overridesResolver = defaultOverridesResolver(lowercaseFirstLetter(componentSlot))
       } = inputOptions,
-      options = _objectWithoutPropertiesLoose(inputOptions, _excluded$p);
+      options = _objectWithoutPropertiesLoose$2(inputOptions, _excluded$p);
 
     // if skipVariantsResolver option is defined, take the value, otherwise, true for root and false for other slots.
     const skipVariantsResolver = inputSkipVariantsResolver !== undefined ? inputSkipVariantsResolver :
@@ -7647,7 +7703,7 @@ function createStyled(input = {}) {
       // for string (html) tag, preserve the behavior in emotion & styled-components.
       shouldForwardPropOption = undefined;
     }
-    const defaultStyledResolver = styled$3(tag, _extends({
+    const defaultStyledResolver = styled$3(tag, _extends$2({
       shouldForwardProp: shouldForwardPropOption,
       label
     }, options));
@@ -7713,7 +7769,7 @@ function createStyled(input = {}) {
       }
       if (componentName && overridesResolver) {
         expressionsWithDefaultTheme.push(props => {
-          const theme = resolveTheme(_extends({}, props, {
+          const theme = resolveTheme(_extends$2({}, props, {
             defaultTheme,
             themeId
           }));
@@ -7721,7 +7777,7 @@ function createStyled(input = {}) {
           if (styleOverrides) {
             const resolvedStyleOverrides = {};
             Object.entries(styleOverrides).forEach(([slotKey, slotStyle]) => {
-              resolvedStyleOverrides[slotKey] = typeof slotStyle === 'function' ? slotStyle(_extends({}, props, {
+              resolvedStyleOverrides[slotKey] = typeof slotStyle === 'function' ? slotStyle(_extends$2({}, props, {
                 theme
               })) : slotStyle;
             });
@@ -7732,7 +7788,7 @@ function createStyled(input = {}) {
       }
       if (componentName && !skipVariantsResolver) {
         expressionsWithDefaultTheme.push(props => {
-          const theme = resolveTheme(_extends({}, props, {
+          const theme = resolveTheme(_extends$2({}, props, {
             defaultTheme,
             themeId
           }));
@@ -8039,6 +8095,21 @@ function lighten(color, coefficient) {
   return recomposeColor(color);
 }
 
+function _extends$1() {
+  _extends$1 = 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];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends$1.apply(this, arguments);
+}
+
 const ThemeContext = /*#__PURE__*/React.createContext(null);
 if (process.env.NODE_ENV !== 'production') {
   ThemeContext.displayName = 'ThemeContext';
@@ -8067,7 +8138,7 @@ function mergeOuterLocalTheme(outerTheme, localTheme) {
     }
     return mergedTheme;
   }
-  return _extends({}, outerTheme, localTheme);
+  return _extends$1({}, outerTheme, localTheme);
 }
 
 /**
@@ -8118,7 +8189,7 @@ function useThemeScoping(themeId, upperTheme, localTheme, isPrivate = false) {
     const resolvedTheme = themeId ? upperTheme[themeId] || upperTheme : upperTheme;
     if (typeof localTheme === 'function') {
       const mergedTheme = localTheme(resolvedTheme);
-      const result = themeId ? _extends({}, upperTheme, {
+      const result = themeId ? _extends$2({}, upperTheme, {
         [themeId]: mergedTheme
       }) : mergedTheme;
       // must return a function for the private theme to NOT merge with the upper theme.
@@ -8128,9 +8199,9 @@ function useThemeScoping(themeId, upperTheme, localTheme, isPrivate = false) {
       }
       return result;
     }
-    return themeId ? _extends({}, upperTheme, {
+    return themeId ? _extends$2({}, upperTheme, {
       [themeId]: localTheme
-    }) : _extends({}, upperTheme, localTheme);
+    }) : _extends$2({}, upperTheme, localTheme);
   }, [themeId, upperTheme, localTheme, isPrivate]);
 }
 
@@ -8233,7 +8304,7 @@ const style = ({
   ownerState,
   theme
 }) => {
-  let styles = _extends({
+  let styles = _extends$2({
     display: 'flex',
     flexDirection: 'column'
   }, handleBreakpoints({
@@ -8319,18 +8390,18 @@ function createStack(options = {}) {
         className,
         useFlexGap = false
       } = props,
-      other = _objectWithoutPropertiesLoose(props, _excluded$o);
+      other = _objectWithoutPropertiesLoose$2(props, _excluded$o);
     const ownerState = {
       direction,
       spacing,
       useFlexGap
     };
     const classes = useUtilityClasses();
-    return /*#__PURE__*/jsx(StackRoot, _extends({
+    return /*#__PURE__*/jsx(StackRoot, _extends$2({
       as: component,
       ownerState: ownerState,
       ref: ref,
-      className: clsx$2(classes.root, className)
+      className: clsx(classes.root, className)
     }, other, {
       children: divider ? joinChildren(children, divider) : children
     }));
@@ -8346,7 +8417,7 @@ function createStack(options = {}) {
 }
 
 function createMixins(breakpoints, mixins) {
-  return _extends({
+  return _extends$4({
     toolbar: {
       minHeight: 56,
       [breakpoints.up('xs')]: {
@@ -8662,7 +8733,7 @@ function createPalette(palette) {
       contrastThreshold = 3,
       tonalOffset = 0.2
     } = palette,
-    other = _objectWithoutPropertiesLoose(palette, _excluded$n);
+    other = _objectWithoutPropertiesLoose$3(palette, _excluded$n);
   const primary = palette.primary || getDefaultPrimary(mode);
   const secondary = palette.secondary || getDefaultSecondary(mode);
   const error = palette.error || getDefaultError(mode);
@@ -8690,7 +8761,7 @@ function createPalette(palette) {
     lightShade = 300,
     darkShade = 700
   }) => {
-    color = _extends({}, color);
+    color = _extends$4({}, color);
     if (!color.main && color[mainShade]) {
       color.main = color[mainShade];
     }
@@ -8730,9 +8801,9 @@ const theme2 = createTheme({ palette: {
       console.error(`MUI: The palette mode \`${mode}\` is not supported.`);
     }
   }
-  const paletteOutput = deepmerge(_extends({
+  const paletteOutput = deepmerge(_extends$4({
     // A collection of common colors.
-    common: _extends({}, common$1),
+    common: _extends$4({}, common$1),
     // prevent mutable object.
     // The palette mode, can be light or dark.
     mode,
@@ -8817,7 +8888,7 @@ function createTypography(palette, typography) {
       allVariants,
       pxToRem: pxToRem2
     } = _ref,
-    other = _objectWithoutPropertiesLoose(_ref, _excluded$m);
+    other = _objectWithoutPropertiesLoose$3(_ref, _excluded$m);
   if (process.env.NODE_ENV !== 'production') {
     if (typeof fontSize !== 'number') {
       console.error('MUI: `fontSize` is required to be a number.');
@@ -8828,7 +8899,7 @@ function createTypography(palette, typography) {
   }
   const coef = fontSize / 14;
   const pxToRem = pxToRem2 || (size => `${size / htmlFontSize * coef}rem`);
-  const buildVariant = (fontWeight, size, lineHeight, letterSpacing, casing) => _extends({
+  const buildVariant = (fontWeight, size, lineHeight, letterSpacing, casing) => _extends$4({
     fontFamily,
     fontWeight,
     fontSize: pxToRem(size),
@@ -8860,7 +8931,7 @@ function createTypography(palette, typography) {
       letterSpacing: 'inherit'
     }
   };
-  return deepmerge(_extends({
+  return deepmerge(_extends$4({
     htmlFontSize,
     pxToRem,
     fontFamily,
@@ -8928,15 +8999,15 @@ function getAutoHeightDuration(height) {
   return Math.round((4 + 15 * constant ** 0.25 + constant / 5) * 10);
 }
 function createTransitions(inputTransitions) {
-  const mergedEasing = _extends({}, easing, inputTransitions.easing);
-  const mergedDuration = _extends({}, duration, inputTransitions.duration);
+  const mergedEasing = _extends$4({}, easing, inputTransitions.easing);
+  const mergedDuration = _extends$4({}, duration, inputTransitions.duration);
   const create = (props = ['all'], options = {}) => {
     const {
         duration: durationOption = mergedDuration.standard,
         easing: easingOption = mergedEasing.easeInOut,
         delay = 0
       } = options,
-      other = _objectWithoutPropertiesLoose(options, _excluded$l);
+      other = _objectWithoutPropertiesLoose$3(options, _excluded$l);
     if (process.env.NODE_ENV !== 'production') {
       const isString = value => typeof value === 'string';
       // IE11 support, replace with Number.isNaN
@@ -8963,7 +9034,7 @@ function createTransitions(inputTransitions) {
     }
     return (Array.isArray(props) ? props : [props]).map(animatedProp => `${animatedProp} ${typeof durationOption === 'string' ? durationOption : formatMs(durationOption)} ${easingOption} ${typeof delay === 'string' ? delay : formatMs(delay)}`).join(',');
   };
-  return _extends({
+  return _extends$4({
     getAutoHeightDuration,
     create
   }, inputTransitions, {
@@ -8994,7 +9065,7 @@ function createTheme(options = {}, ...args) {
       transitions: transitionsInput = {},
       typography: typographyInput = {}
     } = options,
-    other = _objectWithoutPropertiesLoose(options, _excluded$k);
+    other = _objectWithoutPropertiesLoose$3(options, _excluded$k);
   if (options.vars) {
     throw new Error(process.env.NODE_ENV !== "production" ? `MUI: \`vars\` is a private field used for CSS variables support.
 Please use another name.` : formatMuiErrorMessage(18));
@@ -9008,7 +9079,7 @@ Please use another name.` : formatMuiErrorMessage(18));
     shadows: shadows$1.slice(),
     typography: createTypography(palette, typographyInput),
     transitions: createTransitions(transitionsInput),
-    zIndex: _extends({}, zIndex$1)
+    zIndex: _extends$4({}, zIndex$1)
   });
   muiTheme = deepmerge(muiTheme, other);
   muiTheme = args.reduce((acc, argument) => deepmerge(acc, argument), muiTheme);
@@ -9042,7 +9113,7 @@ Please use another name.` : formatMuiErrorMessage(18));
       }
     });
   }
-  muiTheme.unstable_sxConfig = _extends({}, defaultSxConfig$1, other == null ? void 0 : other.unstable_sxConfig);
+  muiTheme.unstable_sxConfig = _extends$4({}, defaultSxConfig$1, other == null ? void 0 : other.unstable_sxConfig);
   muiTheme.unstable_sx = function sx(props) {
     return styleFunctionSx$1({
       sx: props,
@@ -9089,9 +9160,9 @@ function ThemeProvider(_ref) {
   let {
       theme: themeInput
     } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$j);
+    props = _objectWithoutPropertiesLoose$3(_ref, _excluded$j);
   const scopedTheme = themeInput[THEME_ID];
-  return /*#__PURE__*/jsx(ThemeProvider$1, _extends({}, props, {
+  return /*#__PURE__*/jsx(ThemeProvider$1, _extends$4({}, props, {
     themeId: scopedTheme ? THEME_ID : undefined,
     theme: scopedTheme || themeInput
   }));
@@ -9119,8 +9190,6 @@ const getOverlayAlpha = elevation => {
 };
 var getOverlayAlpha$1 = getOverlayAlpha;
 
-function r$1(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(f=r$1(e[t]))&&(n&&(n+=" "),n+=f);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function clsx$1(){for(var e,t,f=0,n="";f<arguments.length;)(e=arguments[f++])&&(t=r$1(e))&&(n&&(n+=" "),n+=t);return n}
-
 function getSvgIconUtilityClass(slot) {
   return generateUtilityClass('MuiSvgIcon', slot);
 }
@@ -9194,9 +9263,9 @@ const SvgIcon = /*#__PURE__*/React.forwardRef(function SvgIcon(inProps, ref) {
       titleAccess,
       viewBox = '0 0 24 24'
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$i);
+    other = _objectWithoutPropertiesLoose$3(props, _excluded$i);
   const hasSvgAsChild = /*#__PURE__*/React.isValidElement(children) && children.type === 'svg';
-  const ownerState = _extends({}, props, {
+  const ownerState = _extends$4({}, props, {
     color,
     component,
     fontSize,
@@ -9210,9 +9279,9 @@ const SvgIcon = /*#__PURE__*/React.forwardRef(function SvgIcon(inProps, ref) {
     more.viewBox = viewBox;
   }
   const classes = useUtilityClasses$e(ownerState);
-  return /*#__PURE__*/jsxs(SvgIconRoot, _extends({
+  return /*#__PURE__*/jsxs(SvgIconRoot, _extends$4({
     as: component,
-    className: clsx$1(classes.root, className),
+    className: clsx(classes.root, className),
     focusable: "false",
     color: htmlColor,
     "aria-hidden": titleAccess ? undefined : true,
@@ -9302,7 +9371,7 @@ var SvgIcon$1 = SvgIcon;
 
 function createSvgIcon$1(path, displayName) {
   function Component(props, ref) {
-    return /*#__PURE__*/jsx(SvgIcon$1, _extends({
+    return /*#__PURE__*/jsx(SvgIcon$1, _extends$4({
       "data-testid": `${displayName}Icon`,
       ref: ref
     }, props, {
@@ -10206,7 +10275,7 @@ var TO_STRING_TAG$2 = wellKnownSymbol$c('toStringTag');
 var $Object$1 = Object;
 
 // ES3 wrong here
-var CORRECT_ARGUMENTS = classofRaw$1(function () { return arguments; }()) == 'Arguments';
+var CORRECT_ARGUMENTS = classofRaw$1(function () { return arguments; }()) === 'Arguments';
 
 // fallback for IE11 Script Access Denied error
 var tryGet = function (it, key) {
@@ -10224,7 +10293,7 @@ var classof$5 = TO_STRING_TAG_SUPPORT ? classofRaw$1 : function (it) {
     // builtinTag case
     : CORRECT_ARGUMENTS ? classofRaw$1(O)
     // ES3 arguments fallback
-    : (result = classofRaw$1(O)) == 'Object' && isCallable$a(O.callee) ? 'Arguments' : result;
+    : (result = classofRaw$1(O)) === 'Object' && isCallable$a(O.callee) ? 'Arguments' : result;
 };
 
 var classof$4 = classof$5;
@@ -10232,7 +10301,7 @@ var classof$4 = classof$5;
 var $String$1 = String;
 
 var toString$2 = function (argument) {
-  if (classof$4(argument) === 'Symbol') throw TypeError('Cannot convert a Symbol value to a string');
+  if (classof$4(argument) === 'Symbol') throw new TypeError('Cannot convert a Symbol value to a string');
   return $String$1(argument);
 };
 
@@ -10255,15 +10324,15 @@ var regexpFlags$1 = function () {
 };
 
 var fails$7 = fails$h;
-var global$9 = global$k;
+var global$a = global$l;
 
 // babel-minify and Closure Compiler transpiles RegExp('a', 'y') -> /a/y and it causes SyntaxError
-var $RegExp$2 = global$9.RegExp;
+var $RegExp$2 = global$a.RegExp;
 
 var UNSUPPORTED_Y$1 = fails$7(function () {
   var re = $RegExp$2('a', 'y');
   re.lastIndex = 2;
-  return re.exec('abcd') != null;
+  return re.exec('abcd') !== null;
 });
 
 // UC Browser bug
@@ -10276,7 +10345,7 @@ var BROKEN_CARET = UNSUPPORTED_Y$1 || fails$7(function () {
   // https://bugzilla.mozilla.org/show_bug.cgi?id=773687
   var re = $RegExp$2('^r', 'gy');
   re.lastIndex = 2;
-  return re.exec('str') != null;
+  return re.exec('str') !== null;
 });
 
 var regexpStickyHelpers = {
@@ -10313,7 +10382,6 @@ var getBuiltIn$4 = getBuiltIn$7;
 var html$2 = getBuiltIn$4('document', 'documentElement');
 
 /* global ActiveXObject -- old IE, WSH */
-
 var anObject$8 = anObject$d;
 var definePropertiesModule = objectDefineProperties;
 var enumBugKeys = enumBugKeys$3;
@@ -10398,21 +10466,21 @@ var objectCreate = Object.create || function create(O, Properties) {
 };
 
 var fails$6 = fails$h;
-var global$8 = global$k;
+var global$9 = global$l;
 
 // babel-minify and Closure Compiler transpiles RegExp('.', 's') -> /./s and it causes SyntaxError
-var $RegExp$1 = global$8.RegExp;
+var $RegExp$1 = global$9.RegExp;
 
 var regexpUnsupportedDotAll = fails$6(function () {
   var re = $RegExp$1('.', 's');
-  return !(re.dotAll && re.exec('\n') && re.flags === 's');
+  return !(re.dotAll && re.test('\n') && re.flags === 's');
 });
 
 var fails$5 = fails$h;
-var global$7 = global$k;
+var global$8 = global$l;
 
 // babel-minify and Closure Compiler transpiles RegExp('(?<a>b)', 'g') -> /(?<a>b)/g and it causes SyntaxError
-var $RegExp = global$7.RegExp;
+var $RegExp = global$8.RegExp;
 
 var regexpUnsupportedNcg = fails$5(function () {
   var re = $RegExp('(?<a>b)', 'g');
@@ -10575,7 +10643,7 @@ var fixRegexpWellKnownSymbolLogic = function (KEY, exec, FORCED, SHAM) {
     // String methods call symbol-named RegEp methods
     var O = {};
     O[SYMBOL] = function () { return 7; };
-    return ''[KEY](O) != 7;
+    return ''[KEY](O) !== 7;
   });
 
   var DELEGATES_TO_EXEC = DELEGATES_TO_SYMBOL && !fails$4(function () {
@@ -10596,7 +10664,10 @@ var fixRegexpWellKnownSymbolLogic = function (KEY, exec, FORCED, SHAM) {
       re[SYMBOL] = /./[SYMBOL];
     }
 
-    re.exec = function () { execCalled = true; return null; };
+    re.exec = function () {
+      execCalled = true;
+      return null;
+    };
 
     re[SYMBOL]('');
     return !execCalled;
@@ -10635,7 +10706,7 @@ var fixRegexpWellKnownSymbolLogic = function (KEY, exec, FORCED, SHAM) {
 // eslint-disable-next-line es/no-object-is -- safe
 var sameValue$1 = Object.is || function is(x, y) {
   // eslint-disable-next-line no-self-compare -- NaN check
-  return x === y ? x !== 0 || 1 / x === 1 / y : x != x && y != y;
+  return x === y ? x !== 0 || 1 / x === 1 / y : x !== x && y !== y;
 };
 
 var call$a = functionCall;
@@ -10656,7 +10727,7 @@ var regexpExecAbstract = function (R, S) {
     return result;
   }
   if (classof$3(R) === 'RegExp') return call$a(regexpExec, R, S);
-  throw $TypeError$7('RegExp#exec called on incompatible receiver');
+  throw new $TypeError$7('RegExp#exec called on incompatible receiver');
 };
 
 var call$9 = functionCall;
@@ -10697,6 +10768,19 @@ fixRegExpWellKnownSymbolLogic('search', function (SEARCH, nativeSearch, maybeCal
   ];
 });
 
+function _objectWithoutPropertiesLoose$1(source, excluded) {
+  if (source == 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;
+}
+
 function _setPrototypeOf(o, p) {
   _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
     o.__proto__ = p;
@@ -11130,7 +11214,7 @@ var Transition = /*#__PURE__*/function (_React$Component) {
         _this$props.onExiting;
         _this$props.onExited;
         _this$props.nodeRef;
-        var childProps = _objectWithoutPropertiesLoose(_this$props, ["children", "in", "mountOnEnter", "unmountOnExit", "appear", "enter", "exit", "timeout", "addEndListener", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "nodeRef"]);
+        var childProps = _objectWithoutPropertiesLoose$1(_this$props, ["children", "in", "mountOnEnter", "unmountOnExit", "appear", "enter", "exit", "timeout", "addEndListener", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "nodeRef"]);
 
     return (
       /*#__PURE__*/
@@ -11587,7 +11671,7 @@ var TransitionGroup = /*#__PURE__*/function (_React$Component) {
 
     if (this.mounted) {
       this.setState(function (state) {
-        var children = _extends({}, state.children);
+        var children = _extends$3({}, state.children);
 
         delete children[child.key];
         return {
@@ -11601,7 +11685,7 @@ var TransitionGroup = /*#__PURE__*/function (_React$Component) {
     var _this$props = this.props,
         Component = _this$props.component,
         childFactory = _this$props.childFactory,
-        props = _objectWithoutPropertiesLoose(_this$props, ["component", "childFactory"]);
+        props = _objectWithoutPropertiesLoose$1(_this$props, ["component", "childFactory"]);
 
     var contextValue = this.state.contextValue;
     var children = values$1(this.state.children).map(childFactory);
@@ -11731,7 +11815,7 @@ const PaperRoot = styled$1('div', {
   ownerState
 }) => {
   var _theme$vars$overlays;
-  return _extends({
+  return _extends$4({
     backgroundColor: (theme.vars || theme).palette.background.paper,
     color: (theme.vars || theme).palette.text.primary,
     transition: theme.transitions.create('box-shadow')
@@ -11739,7 +11823,7 @@ const PaperRoot = styled$1('div', {
     borderRadius: theme.shape.borderRadius
   }, ownerState.variant === 'outlined' && {
     border: `1px solid ${(theme.vars || theme).palette.divider}`
-  }, ownerState.variant === 'elevation' && _extends({
+  }, ownerState.variant === 'elevation' && _extends$4({
     boxShadow: (theme.vars || theme).shadows[ownerState.elevation]
   }, !theme.vars && theme.palette.mode === 'dark' && {
     backgroundImage: `linear-gradient(${alpha('#fff', getOverlayAlpha$1(ownerState.elevation))}, ${alpha('#fff', getOverlayAlpha$1(ownerState.elevation))})`
@@ -11759,8 +11843,8 @@ const Paper = /*#__PURE__*/React.forwardRef(function Paper(inProps, ref) {
       square = false,
       variant = 'elevation'
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$h);
-  const ownerState = _extends({}, props, {
+    other = _objectWithoutPropertiesLoose$3(props, _excluded$h);
+  const ownerState = _extends$4({}, props, {
     component,
     elevation,
     square,
@@ -11774,10 +11858,10 @@ const Paper = /*#__PURE__*/React.forwardRef(function Paper(inProps, ref) {
       console.error([`MUI: The elevation provided <Paper elevation={${elevation}}> is not available in the theme.`, `Please make sure that \`theme.shadows[${elevation}]\` is defined.`].join('\n'));
     }
   }
-  return /*#__PURE__*/jsx(PaperRoot, _extends({
+  return /*#__PURE__*/jsx(PaperRoot, _extends$4({
     as: component,
     ownerState: ownerState,
-    className: clsx$1(classes.root, className),
+    className: clsx(classes.root, className),
     ref: ref
   }, other));
 });
@@ -11848,14 +11932,14 @@ function Ripple(props) {
     timeout
   } = props;
   const [leaving, setLeaving] = React.useState(false);
-  const rippleClassName = clsx$1(className, classes.ripple, classes.rippleVisible, pulsate && classes.ripplePulsate);
+  const rippleClassName = clsx(className, classes.ripple, classes.rippleVisible, pulsate && classes.ripplePulsate);
   const rippleStyles = {
     width: rippleSize,
     height: rippleSize,
     top: -(rippleSize / 2) + rippleY,
     left: -(rippleSize / 2) + rippleX
   };
-  const childClassName = clsx$1(classes.child, leaving && classes.childLeaving, pulsate && classes.childPulsate);
+  const childClassName = clsx(classes.child, leaving && classes.childLeaving, pulsate && classes.childPulsate);
   if (!inProp && !leaving) {
     setLeaving(true);
   }
@@ -12046,7 +12130,7 @@ const TouchRipple = /*#__PURE__*/React.forwardRef(function TouchRipple(inProps,
       classes = {},
       className
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$g);
+    other = _objectWithoutPropertiesLoose$3(props, _excluded$g);
   const [ripples, setRipples] = React.useState([]);
   const nextKey = React.useRef(0);
   const rippleCallback = React.useRef(null);
@@ -12083,12 +12167,12 @@ const TouchRipple = /*#__PURE__*/React.forwardRef(function TouchRipple(inProps,
     } = params;
     setRipples(oldRipples => [...oldRipples, /*#__PURE__*/jsx(TouchRippleRipple, {
       classes: {
-        ripple: clsx$1(classes.ripple, touchRippleClasses$1.ripple),
-        rippleVisible: clsx$1(classes.rippleVisible, touchRippleClasses$1.rippleVisible),
-        ripplePulsate: clsx$1(classes.ripplePulsate, touchRippleClasses$1.ripplePulsate),
-        child: clsx$1(classes.child, touchRippleClasses$1.child),
-        childLeaving: clsx$1(classes.childLeaving, touchRippleClasses$1.childLeaving),
-        childPulsate: clsx$1(classes.childPulsate, touchRippleClasses$1.childPulsate)
+        ripple: clsx(classes.ripple, touchRippleClasses$1.ripple),
+        rippleVisible: clsx(classes.rippleVisible, touchRippleClasses$1.rippleVisible),
+        ripplePulsate: clsx(classes.ripplePulsate, touchRippleClasses$1.ripplePulsate),
+        child: clsx(classes.child, touchRippleClasses$1.child),
+        childLeaving: clsx(classes.childLeaving, touchRippleClasses$1.childLeaving),
+        childPulsate: clsx(classes.childPulsate, touchRippleClasses$1.childPulsate)
       },
       timeout: DURATION,
       pulsate: pulsate,
@@ -12214,8 +12298,8 @@ const TouchRipple = /*#__PURE__*/React.forwardRef(function TouchRipple(inProps,
     start,
     stop
   }), [pulsate, start, stop]);
-  return /*#__PURE__*/jsx(TouchRippleRoot, _extends({
-    className: clsx$1(touchRippleClasses$1.root, classes.root, className),
+  return /*#__PURE__*/jsx(TouchRippleRoot, _extends$4({
+    className: clsx(touchRippleClasses$1.root, classes.root, className),
     ref: container
   }, other, {
     children: /*#__PURE__*/jsx(TransitionGroup$1, {
@@ -12351,7 +12435,7 @@ const ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(inProps, re
       touchRippleRef,
       type
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$f);
+    other = _objectWithoutPropertiesLoose$3(props, _excluded$f);
   const buttonRef = React.useRef(null);
   const rippleRef = React.useRef(null);
   const handleRippleRef = useForkRef(rippleRef, touchRippleRef);
@@ -12508,7 +12592,7 @@ const ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(inProps, re
       }
     }, [enableTouchRipple]);
   }
-  const ownerState = _extends({}, props, {
+  const ownerState = _extends$4({}, props, {
     centerRipple,
     component,
     disabled,
@@ -12519,9 +12603,9 @@ const ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(inProps, re
     focusVisible
   });
   const classes = useUtilityClasses$c(ownerState);
-  return /*#__PURE__*/jsxs(ButtonBaseRoot, _extends({
+  return /*#__PURE__*/jsxs(ButtonBaseRoot, _extends$4({
     as: ComponentProp,
-    className: clsx$1(classes.root, className),
+    className: clsx(classes.root, className),
     ownerState: ownerState,
     onBlur: handleBlur,
     onClick: onClick,
@@ -12543,7 +12627,7 @@ const ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(inProps, re
     children: [children, enableTouchRipple ?
     /*#__PURE__*/
     /* TouchRipple is only needed client-side, x2 boost on the server. */
-    jsx(TouchRipple$1, _extends({
+    jsx(TouchRipple$1, _extends$4({
       ref: handleRippleRef,
       center: centerRipple
     }, TouchRippleProps)) : null]
@@ -12741,7 +12825,7 @@ const IconButtonRoot = styled$1(ButtonBase$1, {
 })(({
   theme,
   ownerState
-}) => _extends({
+}) => _extends$4({
   textAlign: 'center',
   flex: '0 0 auto',
   fontSize: theme.typography.pxToRem(24),
@@ -12771,12 +12855,12 @@ const IconButtonRoot = styled$1(ButtonBase$1, {
 }) => {
   var _palette;
   const palette = (_palette = (theme.vars || theme).palette) == null ? void 0 : _palette[ownerState.color];
-  return _extends({}, ownerState.color === 'inherit' && {
+  return _extends$4({}, ownerState.color === 'inherit' && {
     color: 'inherit'
-  }, ownerState.color !== 'inherit' && ownerState.color !== 'default' && _extends({
+  }, ownerState.color !== 'inherit' && ownerState.color !== 'default' && _extends$4({
     color: palette == null ? void 0 : palette.main
   }, !ownerState.disableRipple && {
-    '&:hover': _extends({}, palette && {
+    '&:hover': _extends$4({}, palette && {
       backgroundColor: theme.vars ? `rgba(${palette.mainChannel} / ${theme.vars.palette.action.hoverOpacity})` : alpha(palette.main, theme.palette.action.hoverOpacity)
     }, {
       // Reset on touch devices, it doesn't add specificity
@@ -12816,8 +12900,8 @@ const IconButton = /*#__PURE__*/React.forwardRef(function IconButton(inProps, re
       disableFocusRipple = false,
       size = 'medium'
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$e);
-  const ownerState = _extends({}, props, {
+    other = _objectWithoutPropertiesLoose$3(props, _excluded$e);
+  const ownerState = _extends$4({}, props, {
     edge,
     color,
     disabled,
@@ -12825,8 +12909,8 @@ const IconButton = /*#__PURE__*/React.forwardRef(function IconButton(inProps, re
     size
   });
   const classes = useUtilityClasses$b(ownerState);
-  return /*#__PURE__*/jsx(IconButtonRoot, _extends({
-    className: clsx$1(classes.root, className),
+  return /*#__PURE__*/jsx(IconButtonRoot, _extends$4({
+    className: clsx(classes.root, className),
     centerRipple: true,
     focusRipple: !disableFocusRipple,
     disabled: disabled,
@@ -12937,7 +13021,7 @@ const TypographyRoot = styled$1('span', {
 })(({
   theme,
   ownerState
-}) => _extends({
+}) => _extends$4({
   margin: 0
 }, ownerState.variant === 'inherit' && {
   // Some elements, like <button> on Chrome have default font that doesn't inherit, reset this.
@@ -12984,7 +13068,7 @@ const Typography = /*#__PURE__*/React.forwardRef(function Typography(inProps, re
     name: 'MuiTypography'
   });
   const color = transformDeprecatedColors(themeProps.color);
-  const props = extendSxProp(_extends({}, themeProps, {
+  const props = extendSxProp(_extends$4({}, themeProps, {
     color
   }));
   const {
@@ -12997,8 +13081,8 @@ const Typography = /*#__PURE__*/React.forwardRef(function Typography(inProps, re
       variant = 'body1',
       variantMapping = defaultVariantMapping
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$d);
-  const ownerState = _extends({}, props, {
+    other = _objectWithoutPropertiesLoose$3(props, _excluded$d);
+  const ownerState = _extends$4({}, props, {
     align,
     color,
     className,
@@ -13011,11 +13095,11 @@ const Typography = /*#__PURE__*/React.forwardRef(function Typography(inProps, re
   });
   const Component = component || (paragraph ? 'p' : variantMapping[variant] || defaultVariantMapping[variant]) || 'span';
   const classes = useUtilityClasses$a(ownerState);
-  return /*#__PURE__*/jsx(TypographyRoot, _extends({
+  return /*#__PURE__*/jsx(TypographyRoot, _extends$4({
     as: Component,
     ref: ref,
     ownerState: ownerState,
-    className: clsx$1(classes.root, className)
+    className: clsx(classes.root, className)
   }, other));
 });
 process.env.NODE_ENV !== "production" ? Typography.propTypes /* remove-proptypes */ = {
@@ -13130,7 +13214,7 @@ const AppBarRoot = styled$1(Paper$1, {
   ownerState
 }) => {
   const backgroundColorDefault = theme.palette.mode === 'light' ? theme.palette.grey[100] : theme.palette.grey[900];
-  return _extends({
+  return _extends$4({
     display: 'flex',
     flexDirection: 'column',
     width: '100%',
@@ -13164,7 +13248,7 @@ const AppBarRoot = styled$1(Paper$1, {
     position: 'static'
   }, ownerState.position === 'relative' && {
     position: 'relative'
-  }, !theme.vars && _extends({}, ownerState.color === 'default' && {
+  }, !theme.vars && _extends$4({}, ownerState.color === 'default' && {
     backgroundColor: backgroundColorDefault,
     color: theme.palette.getContrastText(backgroundColorDefault)
   }, ownerState.color && ownerState.color !== 'default' && ownerState.color !== 'inherit' && ownerState.color !== 'transparent' && {
@@ -13175,12 +13259,12 @@ const AppBarRoot = styled$1(Paper$1, {
   }, theme.palette.mode === 'dark' && !ownerState.enableColorOnDark && {
     backgroundColor: null,
     color: null
-  }, ownerState.color === 'transparent' && _extends({
+  }, ownerState.color === 'transparent' && _extends$4({
     backgroundColor: 'transparent',
     color: 'inherit'
   }, theme.palette.mode === 'dark' && {
     backgroundImage: 'none'
-  })), theme.vars && _extends({}, ownerState.color === 'default' && {
+  })), theme.vars && _extends$4({}, ownerState.color === 'default' && {
     '--AppBar-background': ownerState.enableColorOnDark ? theme.vars.palette.AppBar.defaultBg : joinVars(theme.vars.palette.AppBar.darkBg, theme.vars.palette.AppBar.defaultBg),
     '--AppBar-color': ownerState.enableColorOnDark ? theme.vars.palette.text.primary : joinVars(theme.vars.palette.AppBar.darkColor, theme.vars.palette.text.primary)
   }, ownerState.color && !ownerState.color.match(/^(default|inherit|transparent)$/) && {
@@ -13206,19 +13290,19 @@ const AppBar = /*#__PURE__*/React.forwardRef(function AppBar(inProps, ref) {
       enableColorOnDark = false,
       position = 'fixed'
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$c);
-  const ownerState = _extends({}, props, {
+    other = _objectWithoutPropertiesLoose$3(props, _excluded$c);
+  const ownerState = _extends$4({}, props, {
     color,
     position,
     enableColorOnDark
   });
   const classes = useUtilityClasses$9(ownerState);
-  return /*#__PURE__*/jsx(AppBarRoot, _extends({
+  return /*#__PURE__*/jsx(AppBarRoot, _extends$4({
     square: true,
     component: "header",
     ownerState: ownerState,
     elevation: 4,
-    className: clsx$1(classes.root, className, position === 'fixed' && 'mui-fixed'),
+    className: clsx(classes.root, className, position === 'fixed' && 'mui-fixed'),
     ref: ref
   }, other));
 });
@@ -13265,6 +13349,21 @@ process.env.NODE_ENV !== "production" ? AppBar.propTypes /* remove-proptypes */
 } : void 0;
 var AppBar$1 = AppBar;
 
+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];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+
 /**
  * Determines if a given element is a DOM element name (i.e. not a React component).
  */
@@ -13323,7 +13422,18 @@ function resolveComponentProps(componentProps, ownerState, slotState) {
   return componentProps;
 }
 
-function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function clsx(){for(var e,t,f=0,n="";f<arguments.length;)(e=arguments[f++])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == 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;
+}
 
 /**
  * Removes event handlers from the given object.
@@ -14291,7 +14401,7 @@ const Fade = /*#__PURE__*/React.forwardRef(function Fade(props, ref) {
       // eslint-disable-next-line react/prop-types
       TransitionComponent = Transition$1
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$a);
+    other = _objectWithoutPropertiesLoose$3(props, _excluded$a);
   const nodeRef = React.useRef(null);
   const handleRef = useForkRef(nodeRef, children.ref, ref);
   const normalizedTransitionCallback = callback => maybeIsAppearing => {
@@ -14346,7 +14456,7 @@ const Fade = /*#__PURE__*/React.forwardRef(function Fade(props, ref) {
       addEndListener(nodeRef.current, next);
     }
   };
-  return /*#__PURE__*/jsx(TransitionComponent, _extends({
+  return /*#__PURE__*/jsx(TransitionComponent, _extends$4({
     appear: appear,
     in: inProp,
     nodeRef: nodeRef ,
@@ -14360,8 +14470,8 @@ const Fade = /*#__PURE__*/React.forwardRef(function Fade(props, ref) {
     timeout: timeout
   }, other, {
     children: (state, childProps) => {
-      return /*#__PURE__*/React.cloneElement(children, _extends({
-        style: _extends({
+      return /*#__PURE__*/React.cloneElement(children, _extends$4({
+        style: _extends$4({
           opacity: 0,
           visibility: state === 'exited' && !inProp ? 'hidden' : undefined
         }, styles[state], style, children.props.style),
@@ -14474,7 +14584,7 @@ const BackdropRoot = styled$1('div', {
   }
 })(({
   ownerState
-}) => _extends({
+}) => _extends$4({
   position: 'fixed',
   display: 'flex',
   alignItems: 'center',
@@ -14507,23 +14617,23 @@ const Backdrop = /*#__PURE__*/React.forwardRef(function Backdrop(inProps, ref) {
       TransitionComponent = Fade$1,
       transitionDuration
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$9);
-  const ownerState = _extends({}, props, {
+    other = _objectWithoutPropertiesLoose$3(props, _excluded$9);
+  const ownerState = _extends$4({}, props, {
     component,
     invisible
   });
   const classes = useUtilityClasses$8(ownerState);
   const rootSlotProps = (_slotProps$root = slotProps.root) != null ? _slotProps$root : componentsProps.root;
-  return /*#__PURE__*/jsx(TransitionComponent, _extends({
+  return /*#__PURE__*/jsx(TransitionComponent, _extends$4({
     in: open,
     timeout: transitionDuration
   }, other, {
-    children: /*#__PURE__*/jsx(BackdropRoot, _extends({
+    children: /*#__PURE__*/jsx(BackdropRoot, _extends$4({
       "aria-hidden": true
     }, rootSlotProps, {
       as: (_ref = (_slots$root = slots.root) != null ? _slots$root : components.Root) != null ? _ref : component,
-      className: clsx$1(classes.root, className, rootSlotProps == null ? void 0 : rootSlotProps.className),
-      ownerState: _extends({}, ownerState, rootSlotProps == null ? void 0 : rootSlotProps.ownerState),
+      className: clsx(classes.root, className, rootSlotProps == null ? void 0 : rootSlotProps.className),
+      ownerState: _extends$4({}, ownerState, rootSlotProps == null ? void 0 : rootSlotProps.ownerState),
       classes: classes,
       ref: ref,
       children: children
@@ -14697,9 +14807,9 @@ const useUtilityClasses$7 = ownerState => {
     endIcon: ['endIcon', `iconSize${capitalize(size)}`]
   };
   const composedClasses = composeClasses(slots, getButtonUtilityClass, classes);
-  return _extends({}, classes, composedClasses);
+  return _extends$4({}, classes, composedClasses);
 };
-const commonIconStyles = ownerState => _extends({}, ownerState.size === 'small' && {
+const commonIconStyles = ownerState => _extends$4({}, ownerState.size === 'small' && {
   '& > *:nth-of-type(1)': {
     fontSize: 18
   }
@@ -14729,14 +14839,14 @@ const ButtonRoot = styled$1(ButtonBase$1, {
   var _theme$palette$getCon, _theme$palette;
   const inheritContainedBackgroundColor = theme.palette.mode === 'light' ? theme.palette.grey[300] : theme.palette.grey[800];
   const inheritContainedHoverBackgroundColor = theme.palette.mode === 'light' ? theme.palette.grey.A100 : theme.palette.grey[700];
-  return _extends({}, theme.typography.button, {
+  return _extends$4({}, theme.typography.button, {
     minWidth: 64,
     padding: '6px 16px',
     borderRadius: (theme.vars || theme).shape.borderRadius,
     transition: theme.transitions.create(['background-color', 'box-shadow', 'border-color', 'color'], {
       duration: theme.transitions.duration.short
     }),
-    '&:hover': _extends({
+    '&:hover': _extends$4({
       textDecoration: 'none',
       backgroundColor: theme.vars ? `rgba(${theme.vars.palette.text.primaryChannel} / ${theme.vars.palette.action.hoverOpacity})` : alpha(theme.palette.text.primary, theme.palette.action.hoverOpacity),
       // Reset on touch devices, it doesn't add specificity
@@ -14771,13 +14881,13 @@ const ButtonRoot = styled$1(ButtonBase$1, {
         backgroundColor: (theme.vars || theme).palette[ownerState.color].main
       }
     }),
-    '&:active': _extends({}, ownerState.variant === 'contained' && {
+    '&:active': _extends$4({}, ownerState.variant === 'contained' && {
       boxShadow: (theme.vars || theme).shadows[8]
     }),
-    [`&.${buttonClasses$1.focusVisible}`]: _extends({}, ownerState.variant === 'contained' && {
+    [`&.${buttonClasses$1.focusVisible}`]: _extends$4({}, ownerState.variant === 'contained' && {
       boxShadow: (theme.vars || theme).shadows[6]
     }),
-    [`&.${buttonClasses$1.disabled}`]: _extends({
+    [`&.${buttonClasses$1.disabled}`]: _extends$4({
       color: (theme.vars || theme).palette.action.disabled
     }, ownerState.variant === 'outlined' && {
       border: `1px solid ${(theme.vars || theme).palette.action.disabledBackground}`
@@ -14857,7 +14967,7 @@ const ButtonStartIcon = styled$1('span', {
   }
 })(({
   ownerState
-}) => _extends({
+}) => _extends$4({
   display: 'inherit',
   marginRight: 8,
   marginLeft: -4
@@ -14875,7 +14985,7 @@ const ButtonEndIcon = styled$1('span', {
   }
 })(({
   ownerState
-}) => _extends({
+}) => _extends$4({
   display: 'inherit',
   marginRight: -4,
   marginLeft: 8
@@ -14907,8 +15017,8 @@ const Button = /*#__PURE__*/React.forwardRef(function Button(inProps, ref) {
       type,
       variant = 'text'
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$8);
-  const ownerState = _extends({}, props, {
+    other = _objectWithoutPropertiesLoose$3(props, _excluded$8);
+  const ownerState = _extends$4({}, props, {
     color,
     component,
     disabled,
@@ -14931,13 +15041,13 @@ const Button = /*#__PURE__*/React.forwardRef(function Button(inProps, ref) {
     children: endIconProp
   });
   const positionClassName = buttonGroupButtonContextPositionClassName || '';
-  return /*#__PURE__*/jsxs(ButtonRoot, _extends({
+  return /*#__PURE__*/jsxs(ButtonRoot, _extends$4({
     ownerState: ownerState,
-    className: clsx$1(contextProps.className, classes.root, className, positionClassName),
+    className: clsx(contextProps.className, classes.root, className, positionClassName),
     component: component,
     disabled: disabled,
     focusRipple: !disableFocusRipple,
-    focusVisibleClassName: clsx$1(classes.focusVisible, focusVisibleClassName),
+    focusVisibleClassName: clsx(classes.focusVisible, focusVisibleClassName),
     ref: ref,
     type: type
   }, other, {
@@ -15074,13 +15184,13 @@ const Card = /*#__PURE__*/React.forwardRef(function Card(inProps, ref) {
       className,
       raised = false
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$7);
-  const ownerState = _extends({}, props, {
+    other = _objectWithoutPropertiesLoose$3(props, _excluded$7);
+  const ownerState = _extends$4({}, props, {
     raised
   });
   const classes = useUtilityClasses$6(ownerState);
-  return /*#__PURE__*/jsx(CardRoot, _extends({
-    className: clsx$1(classes.root, className),
+  return /*#__PURE__*/jsx(CardRoot, _extends$4({
+    className: clsx(classes.root, className),
     elevation: raised ? 8 : undefined,
     ref: ref,
     ownerState: ownerState
@@ -15156,14 +15266,14 @@ const CardContent = /*#__PURE__*/React.forwardRef(function CardContent(inProps,
       className,
       component = 'div'
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$6);
-  const ownerState = _extends({}, props, {
+    other = _objectWithoutPropertiesLoose$3(props, _excluded$6);
+  const ownerState = _extends$4({}, props, {
     component
   });
   const classes = useUtilityClasses$5(ownerState);
-  return /*#__PURE__*/jsx(CardContentRoot, _extends({
+  return /*#__PURE__*/jsx(CardContentRoot, _extends$4({
     as: component,
-    className: clsx$1(classes.root, className),
+    className: clsx(classes.root, className),
     ownerState: ownerState,
     ref: ref
   }, other));
@@ -15227,7 +15337,7 @@ const ModalRoot = styled$1('div', {
 })(({
   theme,
   ownerState
-}) => _extends({
+}) => _extends$4({
   position: 'fixed',
   zIndex: (theme.vars || theme).zIndex.modal,
   right: 0,
@@ -15290,8 +15400,8 @@ const Modal = /*#__PURE__*/React.forwardRef(function Modal(inProps, ref) {
       slots
       // eslint-disable-next-line react/prop-types
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$5);
-  const propsWithDefaults = _extends({}, props, {
+    other = _objectWithoutPropertiesLoose$3(props, _excluded$5);
+  const propsWithDefaults = _extends$4({}, props, {
     closeAfterTransition,
     disableAutoFocus,
     disableEnforceFocus,
@@ -15310,10 +15420,10 @@ const Modal = /*#__PURE__*/React.forwardRef(function Modal(inProps, ref) {
     isTopModal,
     exited,
     hasTransition
-  } = useModal(_extends({}, propsWithDefaults, {
+  } = useModal(_extends$4({}, propsWithDefaults, {
     rootRef: ref
   }));
-  const ownerState = _extends({}, propsWithDefaults, {
+  const ownerState = _extends$4({}, propsWithDefaults, {
     exited
   });
   const classes = useUtilityClasses$4(ownerState);
@@ -15345,14 +15455,14 @@ const Modal = /*#__PURE__*/React.forwardRef(function Modal(inProps, ref) {
       as: component
     },
     ownerState,
-    className: clsx$1(className, rootSlotProps == null ? void 0 : rootSlotProps.className, classes == null ? void 0 : classes.root, !ownerState.open && ownerState.exited && (classes == null ? void 0 : classes.hidden))
+    className: clsx(className, rootSlotProps == null ? void 0 : rootSlotProps.className, classes == null ? void 0 : classes.root, !ownerState.open && ownerState.exited && (classes == null ? void 0 : classes.hidden))
   });
   const backdropProps = useSlotProps({
     elementType: BackdropSlot,
     externalSlotProps: backdropSlotProps,
     additionalProps: BackdropProps,
     getSlotProps: otherHandlers => {
-      return getBackdropProps(_extends({}, otherHandlers, {
+      return getBackdropProps(_extends$4({}, otherHandlers, {
         onClick: e => {
           if (onBackdropClick) {
             onBackdropClick(e);
@@ -15363,7 +15473,7 @@ const Modal = /*#__PURE__*/React.forwardRef(function Modal(inProps, ref) {
         }
       }));
     },
-    className: clsx$1(backdropSlotProps == null ? void 0 : backdropSlotProps.className, BackdropProps == null ? void 0 : BackdropProps.className, classes == null ? void 0 : classes.backdrop),
+    className: clsx(backdropSlotProps == null ? void 0 : backdropSlotProps.className, BackdropProps == null ? void 0 : BackdropProps.className, classes == null ? void 0 : classes.backdrop),
     ownerState
   });
   if (!keepMounted && !open && (!hasTransition || exited)) {
@@ -15373,8 +15483,8 @@ const Modal = /*#__PURE__*/React.forwardRef(function Modal(inProps, ref) {
     ref: portalRef,
     container: container,
     disablePortal: disablePortal,
-    children: /*#__PURE__*/jsxs(RootSlot, _extends({}, rootProps, {
-      children: [!hideBackdrop && BackdropComponent ? /*#__PURE__*/jsx(BackdropSlot, _extends({}, backdropProps)) : null, /*#__PURE__*/jsx(FocusTrap, {
+    children: /*#__PURE__*/jsxs(RootSlot, _extends$4({}, rootProps, {
+      children: [!hideBackdrop && BackdropComponent ? /*#__PURE__*/jsx(BackdropSlot, _extends$4({}, backdropProps)) : null, /*#__PURE__*/jsx(FocusTrap, {
         disableEnforceFocus: disableEnforceFocus,
         disableAutoFocus: disableAutoFocus,
         disableRestoreFocus: disableRestoreFocus,
@@ -15600,7 +15710,7 @@ const DividerRoot = styled$1('div', {
 })(({
   theme,
   ownerState
-}) => _extends({
+}) => _extends$4({
   margin: 0,
   // Reset browser default style.
   flexShrink: 0,
@@ -15632,7 +15742,7 @@ const DividerRoot = styled$1('div', {
   height: 'auto'
 }), ({
   ownerState
-}) => _extends({}, ownerState.children && {
+}) => _extends$4({}, ownerState.children && {
   display: 'flex',
   whiteSpace: 'nowrap',
   textAlign: 'center',
@@ -15644,7 +15754,7 @@ const DividerRoot = styled$1('div', {
 }), ({
   theme,
   ownerState
-}) => _extends({}, ownerState.children && ownerState.orientation !== 'vertical' && {
+}) => _extends$4({}, ownerState.children && ownerState.orientation !== 'vertical' && {
   '&::before, &::after': {
     width: '100%',
     borderTop: `thin solid ${(theme.vars || theme).palette.divider}`
@@ -15652,7 +15762,7 @@ const DividerRoot = styled$1('div', {
 }), ({
   theme,
   ownerState
-}) => _extends({}, ownerState.children && ownerState.orientation === 'vertical' && {
+}) => _extends$4({}, ownerState.children && ownerState.orientation === 'vertical' && {
   flexDirection: 'column',
   '&::before, &::after': {
     height: '100%',
@@ -15660,7 +15770,7 @@ const DividerRoot = styled$1('div', {
   }
 }), ({
   ownerState
-}) => _extends({}, ownerState.textAlign === 'right' && ownerState.orientation !== 'vertical' && {
+}) => _extends$4({}, ownerState.textAlign === 'right' && ownerState.orientation !== 'vertical' && {
   '&::before': {
     width: '90%'
   },
@@ -15687,7 +15797,7 @@ const DividerWrapper = styled$1('span', {
 })(({
   theme,
   ownerState
-}) => _extends({
+}) => _extends$4({
   display: 'inline-block',
   paddingLeft: `calc(${theme.spacing(1)} * 1.2)`,
   paddingRight: `calc(${theme.spacing(1)} * 1.2)`
@@ -15712,8 +15822,8 @@ const Divider = /*#__PURE__*/React.forwardRef(function Divider(inProps, ref) {
       textAlign = 'center',
       variant = 'fullWidth'
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$4);
-  const ownerState = _extends({}, props, {
+    other = _objectWithoutPropertiesLoose$3(props, _excluded$4);
+  const ownerState = _extends$4({}, props, {
     absolute,
     component,
     flexItem,
@@ -15724,9 +15834,9 @@ const Divider = /*#__PURE__*/React.forwardRef(function Divider(inProps, ref) {
     variant
   });
   const classes = useUtilityClasses$3(ownerState);
-  return /*#__PURE__*/jsx(DividerRoot, _extends({
+  return /*#__PURE__*/jsx(DividerRoot, _extends$4({
     as: component,
-    className: clsx$1(classes.root, className),
+    className: clsx(classes.root, className),
     role: role,
     ref: ref,
     ownerState: ownerState
@@ -15897,7 +16007,7 @@ const Slide = /*#__PURE__*/React.forwardRef(function Slide(props, ref) {
       // eslint-disable-next-line react/prop-types
       TransitionComponent = Transition$1
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$3);
+    other = _objectWithoutPropertiesLoose$3(props, _excluded$3);
   const childrenRef = React.useRef(null);
   const handleRef = useForkRef(children.ref, childrenRef, ref);
   const normalizedTransitionCallback = callback => isAppearing => {
@@ -15925,8 +16035,8 @@ const Slide = /*#__PURE__*/React.forwardRef(function Slide(props, ref) {
     }, {
       mode: 'enter'
     });
-    node.style.webkitTransition = theme.transitions.create('-webkit-transform', _extends({}, transitionProps));
-    node.style.transition = theme.transitions.create('transform', _extends({}, transitionProps));
+    node.style.webkitTransition = theme.transitions.create('-webkit-transform', _extends$4({}, transitionProps));
+    node.style.transition = theme.transitions.create('transform', _extends$4({}, transitionProps));
     node.style.webkitTransform = 'none';
     node.style.transform = 'none';
     if (onEntering) {
@@ -15993,7 +16103,7 @@ const Slide = /*#__PURE__*/React.forwardRef(function Slide(props, ref) {
       updatePosition();
     }
   }, [inProp, updatePosition]);
-  return /*#__PURE__*/jsx(TransitionComponent, _extends({
+  return /*#__PURE__*/jsx(TransitionComponent, _extends$4({
     nodeRef: childrenRef,
     onEnter: handleEnter,
     onEntered: handleEntered,
@@ -16007,9 +16117,9 @@ const Slide = /*#__PURE__*/React.forwardRef(function Slide(props, ref) {
     timeout: timeout
   }, other, {
     children: (state, childProps) => {
-      return /*#__PURE__*/React.cloneElement(children, _extends({
+      return /*#__PURE__*/React.cloneElement(children, _extends$4({
         ref: handleRef,
-        style: _extends({
+        style: _extends$4({
           visibility: state === 'exited' && !inProp ? 'hidden' : undefined
         }, style, children.props.style)
       }, childProps));
@@ -16177,7 +16287,7 @@ const DrawerPaper = styled$1(Paper$1, {
 })(({
   theme,
   ownerState
-}) => _extends({
+}) => _extends$4({
   overflowY: 'auto',
   display: 'flex',
   flexDirection: 'column',
@@ -16265,8 +16375,8 @@ const Drawer = /*#__PURE__*/React.forwardRef(function Drawer(inProps, ref) {
       transitionDuration = defaultTransitionDuration,
       variant = 'temporary'
     } = props,
-    ModalProps = _objectWithoutPropertiesLoose(props.ModalProps, _excluded$2),
-    other = _objectWithoutPropertiesLoose(props, _excluded2);
+    ModalProps = _objectWithoutPropertiesLoose$3(props.ModalProps, _excluded$2),
+    other = _objectWithoutPropertiesLoose$3(props, _excluded2);
 
   // Let's assume that the Drawer will always be rendered on user space.
   // We use this state is order to skip the appear transition during the
@@ -16277,31 +16387,31 @@ const Drawer = /*#__PURE__*/React.forwardRef(function Drawer(inProps, ref) {
   }, []);
   const anchorInvariant = getAnchor(theme, anchorProp);
   const anchor = anchorProp;
-  const ownerState = _extends({}, props, {
+  const ownerState = _extends$4({}, props, {
     anchor,
     elevation,
     open,
     variant
   }, other);
   const classes = useUtilityClasses$2(ownerState);
-  const drawer = /*#__PURE__*/jsx(DrawerPaper, _extends({
+  const drawer = /*#__PURE__*/jsx(DrawerPaper, _extends$4({
     elevation: variant === 'temporary' ? elevation : 0,
     square: true
   }, PaperProps, {
-    className: clsx$1(classes.paper, PaperProps.className),
+    className: clsx(classes.paper, PaperProps.className),
     ownerState: ownerState,
     children: children
   }));
   if (variant === 'permanent') {
-    return /*#__PURE__*/jsx(DrawerDockedRoot, _extends({
-      className: clsx$1(classes.root, classes.docked, className),
+    return /*#__PURE__*/jsx(DrawerDockedRoot, _extends$4({
+      className: clsx(classes.root, classes.docked, className),
       ownerState: ownerState,
       ref: ref
     }, other, {
       children: drawer
     }));
   }
-  const slidingDrawer = /*#__PURE__*/jsx(TransitionComponent, _extends({
+  const slidingDrawer = /*#__PURE__*/jsx(TransitionComponent, _extends$4({
     in: open,
     direction: oppositeDirection[anchorInvariant],
     timeout: transitionDuration,
@@ -16310,8 +16420,8 @@ const Drawer = /*#__PURE__*/React.forwardRef(function Drawer(inProps, ref) {
     children: drawer
   }));
   if (variant === 'persistent') {
-    return /*#__PURE__*/jsx(DrawerDockedRoot, _extends({
-      className: clsx$1(classes.root, classes.docked, className),
+    return /*#__PURE__*/jsx(DrawerDockedRoot, _extends$4({
+      className: clsx(classes.root, classes.docked, className),
       ownerState: ownerState,
       ref: ref
     }, other, {
@@ -16320,11 +16430,11 @@ const Drawer = /*#__PURE__*/React.forwardRef(function Drawer(inProps, ref) {
   }
 
   // variant === temporary
-  return /*#__PURE__*/jsx(DrawerRoot, _extends({
-    BackdropProps: _extends({}, BackdropProps, BackdropPropsProp, {
+  return /*#__PURE__*/jsx(DrawerRoot, _extends$4({
+    BackdropProps: _extends$4({}, BackdropProps, BackdropPropsProp, {
       transitionDuration
     }),
-    className: clsx$1(classes.root, classes.modal, className),
+    className: clsx(classes.root, classes.modal, className),
     open: open,
     ownerState: ownerState,
     onClose: onClose,
@@ -16576,7 +16686,7 @@ const LinearProgressRoot = styled$1('span', {
 })(({
   ownerState,
   theme
-}) => _extends({
+}) => _extends$4({
   position: 'relative',
   overflow: 'hidden',
   display: 'block',
@@ -16618,7 +16728,7 @@ const LinearProgressDashed = styled$1('span', {
   theme
 }) => {
   const backgroundColor = getColorShade(theme, ownerState.color);
-  return _extends({
+  return _extends$4({
     position: 'absolute',
     marginTop: 0,
     height: '100%',
@@ -16645,7 +16755,7 @@ const LinearProgressBar1 = styled$1('span', {
 })(({
   ownerState,
   theme
-}) => _extends({
+}) => _extends$4({
   width: '100%',
   position: 'absolute',
   left: 0,
@@ -16677,7 +16787,7 @@ const LinearProgressBar2 = styled$1('span', {
 })(({
   ownerState,
   theme
-}) => _extends({
+}) => _extends$4({
   width: '100%',
   position: 'absolute',
   left: 0,
@@ -16718,8 +16828,8 @@ const LinearProgress = /*#__PURE__*/React.forwardRef(function LinearProgress(inP
       valueBuffer,
       variant = 'indeterminate'
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$1);
-  const ownerState = _extends({}, props, {
+    other = _objectWithoutPropertiesLoose$3(props, _excluded$1);
+  const ownerState = _extends$4({}, props, {
     color,
     variant
   });
@@ -16755,8 +16865,8 @@ const LinearProgress = /*#__PURE__*/React.forwardRef(function LinearProgress(inP
       console.error('MUI: You need to provide a valueBuffer prop ' + 'when using the buffer variant of LinearProgress.');
     }
   }
-  return /*#__PURE__*/jsxs(LinearProgressRoot, _extends({
-    className: clsx$1(classes.root, className),
+  return /*#__PURE__*/jsxs(LinearProgressRoot, _extends$4({
+    className: clsx(classes.root, className),
     ownerState: ownerState,
     role: "progressbar"
   }, rootProps, {
@@ -16848,7 +16958,7 @@ const ToolbarRoot = styled$1('div', {
 })(({
   theme,
   ownerState
-}) => _extends({
+}) => _extends$4({
   position: 'relative',
   display: 'flex',
   alignItems: 'center'
@@ -16876,16 +16986,16 @@ const Toolbar = /*#__PURE__*/React.forwardRef(function Toolbar(inProps, ref) {
       disableGutters = false,
       variant = 'regular'
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  const ownerState = _extends({}, props, {
+    other = _objectWithoutPropertiesLoose$3(props, _excluded);
+  const ownerState = _extends$4({}, props, {
     component,
     disableGutters,
     variant
   });
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/jsx(ToolbarRoot, _extends({
+  return /*#__PURE__*/jsx(ToolbarRoot, _extends$4({
     as: component,
-    className: clsx$1(classes.root, className),
+    className: clsx(classes.root, className),
     ref: ref,
     ownerState: ownerState
   }, other));
@@ -16991,7 +17101,7 @@ var ArrayPrototype$1 = Array.prototype;
 
 // Array.prototype[@@unscopables]
 // https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
-if (ArrayPrototype$1[UNSCOPABLES] == undefined) {
+if (ArrayPrototype$1[UNSCOPABLES] === undefined) {
   defineProperty$3(ArrayPrototype$1, UNSCOPABLES, {
     configurable: true,
     value: create$1(null)
@@ -17128,11 +17238,10 @@ var $TypeError$6 = TypeError;
 
 var aPossiblePrototype$1 = function (argument) {
   if (typeof argument == 'object' || isCallable$6(argument)) return argument;
-  throw $TypeError$6("Can't set " + $String(argument) + ' as a prototype');
+  throw new $TypeError$6("Can't set " + $String(argument) + ' as a prototype');
 };
 
 /* eslint-disable no-proto -- safe */
-
 var uncurryThisAccessor = functionUncurryThisAccessor;
 var anObject$5 = anObject$d;
 var aPossiblePrototype = aPossiblePrototype$1;
@@ -17189,12 +17298,15 @@ var iteratorDefine = function (Iterable, NAME, IteratorConstructor, next, DEFAUL
 
   var getIterationMethod = function (KIND) {
     if (KIND === DEFAULT && defaultIterator) return defaultIterator;
-    if (!BUGGY_SAFARI_ITERATORS && KIND in IterablePrototype) return IterablePrototype[KIND];
+    if (!BUGGY_SAFARI_ITERATORS && KIND && KIND in IterablePrototype) return IterablePrototype[KIND];
+
     switch (KIND) {
       case KEYS: return function keys() { return new IteratorConstructor(this, KIND); };
       case VALUES: return function values() { return new IteratorConstructor(this, KIND); };
       case ENTRIES: return function entries() { return new IteratorConstructor(this, KIND); };
-    } return function () { return new IteratorConstructor(this); };
+    }
+
+    return function () { return new IteratorConstructor(this); };
   };
 
   var TO_STRING_TAG = NAME + ' Iterator';
@@ -17204,7 +17316,7 @@ var iteratorDefine = function (Iterable, NAME, IteratorConstructor, next, DEFAUL
     || IterablePrototype['@@iterator']
     || DEFAULT && IterablePrototype[DEFAULT];
   var defaultIterator = !BUGGY_SAFARI_ITERATORS && nativeIterator || getIterationMethod(DEFAULT);
-  var anyNativeIterator = NAME == 'Array' ? IterablePrototype.entries || nativeIterator : nativeIterator;
+  var anyNativeIterator = NAME === 'Array' ? IterablePrototype.entries || nativeIterator : nativeIterator;
   var CurrentIteratorPrototype, methods, KEY;
 
   // fix native
@@ -17224,7 +17336,7 @@ var iteratorDefine = function (Iterable, NAME, IteratorConstructor, next, DEFAUL
   }
 
   // fix Array.prototype.{ values, @@iterator }.name in V8 / FF
-  if (PROPER_FUNCTION_NAME && DEFAULT == VALUES && nativeIterator && nativeIterator.name !== VALUES) {
+  if (PROPER_FUNCTION_NAME && DEFAULT === VALUES && nativeIterator && nativeIterator.name !== VALUES) {
     if (CONFIGURABLE_FUNCTION_NAME) {
       createNonEnumerableProperty$1(IterablePrototype, 'name', VALUES);
     } else {
@@ -17303,9 +17415,10 @@ var es_array_iterator = defineIterator(Array, 'Array', function (iterated, kind)
     state.target = undefined;
     return createIterResultObject(undefined, true);
   }
-  if (kind == 'keys') return createIterResultObject(index, false);
-  if (kind == 'values') return createIterResultObject(target[index], false);
-  return createIterResultObject([index, target[index]], false);
+  switch (kind) {
+    case 'keys': return createIterResultObject(index, false);
+    case 'values': return createIterResultObject(target[index], false);
+  } return createIterResultObject([index, target[index]], false);
 }, 'values');
 
 // argumentsList[@@iterator] is %ArrayProto_values%
@@ -17367,7 +17480,7 @@ var DOMTokenListPrototype$1 = classList && classList.constructor && classList.co
 
 var domTokenListPrototype = DOMTokenListPrototype$1 === Object.prototype ? undefined : DOMTokenListPrototype$1;
 
-var global$6 = global$k;
+var global$7 = global$l;
 var DOMIterables = domIterables;
 var DOMTokenListPrototype = domTokenListPrototype;
 var ArrayIteratorMethods = es_array_iterator;
@@ -17401,7 +17514,7 @@ var handlePrototype = function (CollectionPrototype, COLLECTION_NAME) {
 };
 
 for (var COLLECTION_NAME in DOMIterables) {
-  handlePrototype(global$6[COLLECTION_NAME] && global$6[COLLECTION_NAME].prototype, COLLECTION_NAME);
+  handlePrototype(global$7[COLLECTION_NAME] && global$7[COLLECTION_NAME].prototype, COLLECTION_NAME);
 }
 
 handlePrototype(DOMTokenListPrototype, 'DOMTokenList');
@@ -17729,9 +17842,10 @@ const ToastNotificationComponent = toast => {
   }))));
 };
 
+var global$6 = global$l;
 var classof$2 = classofRaw$2;
 
-var engineIsNode = typeof process != 'undefined' && classof$2(process) == 'process';
+var engineIsNode = classof$2(global$6.process) === 'process';
 
 var makeBuiltIn = makeBuiltIn$3.exports;
 var defineProperty = objectDefineProperty;
@@ -17766,7 +17880,7 @@ var $TypeError$5 = TypeError;
 
 var anInstance$1 = function (it, Prototype) {
   if (isPrototypeOf$1(Prototype, it)) return it;
-  throw $TypeError$5('Incorrect invocation');
+  throw new $TypeError$5('Incorrect invocation');
 };
 
 var uncurryThis$2 = functionUncurryThis;
@@ -17781,7 +17895,7 @@ var empty = [];
 var construct = getBuiltIn$2('Reflect', 'construct');
 var constructorRegExp = /^\s*(?:class|function)\b/;
 var exec = uncurryThis$2(constructorRegExp.exec);
-var INCORRECT_TO_STRING = !constructorRegExp.exec(noop);
+var INCORRECT_TO_STRING = !constructorRegExp.test(noop);
 
 var isConstructorModern = function isConstructor(argument) {
   if (!isCallable$4(argument)) return false;
@@ -17830,7 +17944,7 @@ var $TypeError$4 = TypeError;
 // `Assert: IsConstructor(argument) is true`
 var aConstructor$1 = function (argument) {
   if (isConstructor(argument)) return argument;
-  throw $TypeError$4(tryToString$2(argument) + ' is not a constructor');
+  throw new $TypeError$4(tryToString$2(argument) + ' is not a constructor');
 };
 
 var anObject$4 = anObject$d;
@@ -17880,7 +17994,7 @@ var arraySlice$1 = uncurryThis([].slice);
 var $TypeError$3 = TypeError;
 
 var validateArgumentsLength$1 = function (passed, required) {
-  if (passed < required) throw $TypeError$3('Not enough arguments');
+  if (passed < required) throw new $TypeError$3('Not enough arguments');
   return passed;
 };
 
@@ -17889,7 +18003,7 @@ var userAgent$2 = engineUserAgent;
 // eslint-disable-next-line redos/no-vulnerable -- safe
 var engineIsIos = /(?:ipad|iphone|ipod).*applewebkit/i.test(userAgent$2);
 
-var global$5 = global$k;
+var global$5 = global$l;
 var apply = functionApply;
 var bind$3 = functionBindContext;
 var isCallable$3 = isCallable$l;
@@ -18039,7 +18153,7 @@ var userAgent = engineUserAgent;
 
 var engineIsWebosWebkit = /web0s(?!.*chrome)/i.test(userAgent);
 
-var global$4 = global$k;
+var global$4 = global$l;
 var bind$2 = functionBindContext;
 var getOwnPropertyDescriptor = objectGetOwnPropertyDescriptor.f;
 var macrotask = task$1.set;
@@ -18123,7 +18237,7 @@ var microtask_1 = microtask$1;
 var hostReportErrors$1 = function (a, b) {
   try {
     // eslint-disable-next-line no-console -- safe
-    arguments.length == 1 ? console.error(a) : console.error(a, b);
+    arguments.length === 1 ? console.error(a) : console.error(a, b);
   } catch (error) { /* empty */ }
 };
 
@@ -18135,12 +18249,11 @@ var perform$3 = function (exec) {
   }
 };
 
-var global$3 = global$k;
+var global$3 = global$l;
 
 var promiseNativeConstructor = global$3.Promise;
 
 /* global Deno -- Deno case */
-
 var engineIsDeno = typeof Deno == 'object' && Deno && typeof Deno.version == 'object';
 
 var IS_DENO$1 = engineIsDeno;
@@ -18150,7 +18263,7 @@ var engineIsBrowser = !IS_DENO$1 && !IS_NODE$1
   && typeof window == 'object'
   && typeof document == 'object';
 
-var global$2 = global$k;
+var global$2 = global$l;
 var NativePromiseConstructor$3 = promiseNativeConstructor;
 var isCallable$2 = isCallable$l;
 var isForced = isForced_1;
@@ -18204,7 +18317,7 @@ var $TypeError$2 = TypeError;
 var PromiseCapability = function (C) {
   var resolve, reject;
   this.promise = new C(function ($$resolve, $$reject) {
-    if (resolve !== undefined || reject !== undefined) throw $TypeError$2('Bad Promise constructor');
+    if (resolve !== undefined || reject !== undefined) throw new $TypeError$2('Bad Promise constructor');
     resolve = $$resolve;
     reject = $$reject;
   });
@@ -18220,7 +18333,7 @@ newPromiseCapability$2.f = function (C) {
 
 var $$5 = _export;
 var IS_NODE = engineIsNode;
-var global$1 = global$k;
+var global$1 = global$l;
 var call$6 = functionCall;
 var defineBuiltIn$1 = defineBuiltIn$6;
 var setPrototypeOf = objectSetPrototypeOf;
@@ -18275,7 +18388,7 @@ var isThenable = function (it) {
 
 var callReaction = function (reaction, state) {
   var value = state.value;
-  var ok = state.state == FULFILLED;
+  var ok = state.state === FULFILLED;
   var handler = ok ? reaction.ok : reaction.fail;
   var resolve = reaction.resolve;
   var reject = reaction.reject;
@@ -18297,7 +18410,7 @@ var callReaction = function (reaction, state) {
         }
       }
       if (result === reaction.promise) {
-        reject(TypeError$1('Promise-chain cycle'));
+        reject(new TypeError$1('Promise-chain cycle'));
       } else if (then = isThenable(result)) {
         call$6(then, result, resolve, reject);
       } else resolve(result);
@@ -18387,7 +18500,7 @@ var internalResolve = function (state, value, unwrap) {
   state.done = true;
   if (unwrap) state = unwrap;
   try {
-    if (state.facade === value) throw TypeError$1("Promise can't be resolved itself");
+    if (state.facade === value) throw new TypeError$1("Promise can't be resolved itself");
     var then = isThenable(value);
     if (then) {
       microtask(function () {
@@ -18451,7 +18564,7 @@ if (FORCED_PROMISE_CONSTRUCTOR$4) {
     reaction.ok = isCallable$1(onFulfilled) ? onFulfilled : true;
     reaction.fail = isCallable$1(onRejected) && onRejected;
     reaction.domain = IS_NODE ? process$1.domain : undefined;
-    if (state.state == PENDING) state.reactions.add(reaction);
+    if (state.state === PENDING) state.reactions.add(reaction);
     else microtask(function () {
       callReaction(reaction, state);
     });
@@ -18541,7 +18654,7 @@ var $TypeError$1 = TypeError;
 var getIterator$1 = function (argument, usingIterator) {
   var iteratorMethod = arguments.length < 2 ? getIteratorMethod$1(argument) : usingIterator;
   if (aCallable$2(iteratorMethod)) return anObject$3(call$5(iteratorMethod, argument));
-  throw $TypeError$1(tryToString$1(argument) + ' is not iterable');
+  throw new $TypeError$1(tryToString$1(argument) + ' is not iterable');
 };
 
 var call$4 = functionCall;
@@ -18615,7 +18728,7 @@ var iterate$2 = function (iterable, unboundFunction, options) {
     iterator = iterable;
   } else {
     iterFn = getIteratorMethod(iterable);
-    if (!iterFn) throw $TypeError(tryToString(iterable) + ' is not iterable');
+    if (!iterFn) throw new $TypeError(tryToString(iterable) + ' is not iterable');
     // optimisation for array iterators
     if (isArrayIteratorMethod(iterFn)) {
       for (index = 0, length = lengthOfArrayLike(iterable); length > index; index++) {
@@ -18660,7 +18773,9 @@ try {
 } catch (error) { /* empty */ }
 
 var checkCorrectnessOfIteration$1 = function (exec, SKIP_CLOSING) {
-  if (!SKIP_CLOSING && !SAFE_CLOSING) return false;
+  try {
+    if (!SKIP_CLOSING && !SAFE_CLOSING) return false;
+  } catch (error) { return false; } // workaround of old WebKit + `eval` bug
   var ITERATION_SUPPORT = false;
   try {
     var object = {};