npm - @sinco/react - Versions diffs - 1.0.4-rc.8 → 1.0.4 - Mend

@sinco/react 1.0.4-rc.8 → 1.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/index.js +814 -1419
package/package.json +1 -1
package/src/lib/Components/Drawer/Drawer.d.ts +12 -0
package/src/lib/Components/ToastNotification/ToastNofitication.d.ts +25 -0
package/src/lib/Components/index.d.ts +3 -1
package/src/lib/Components/pageHeader/PageHeader.d.ts +15 -0
/package/src/lib/Components/{EmptyState.d.ts → EmptyState/EmptyState.d.ts} +0 -0

package/index.js CHANGED Viewed

@@ -9,7 +9,7 @@ var check = function (it) {
 };
 // https://github.com/zloirock/core-js/issues/86#issuecomment-115759028
-var global$e =
+var global$c =
   // eslint-disable-next-line es/no-global-this -- safe
   check(typeof globalThis == 'object' && globalThis) ||
   check(typeof window == 'object' && window) ||
@@ -21,7 +21,7 @@ var global$e =
 var objectGetOwnPropertyDescriptor = {};
-var fails$d = function (exec) {
+var fails$b = function (exec) {
   try {
     return !!exec();
   } catch (error) {
@@ -29,17 +29,17 @@ var fails$d = function (exec) {
   }
 };
-var fails$c = fails$d;
+var fails$a = fails$b;
 // Detect IE8's incomplete defineProperty implementation
-var descriptors = !fails$c(function () {
+var descriptors = !fails$a(function () {
   // eslint-disable-next-line es/no-object-defineproperty -- required for testing
   return Object.defineProperty({}, 1, { get: function () { return 7; } })[1] != 7;
 });
-var fails$b = fails$d;
+var fails$9 = fails$b;
-var functionBindNative = !fails$b(function () {
+var functionBindNative = !fails$9(function () {
   // eslint-disable-next-line es/no-function-prototype-bind -- safe
   var test = (function () { /* empty */ }).bind();
   // eslint-disable-next-line no-prototype-builtins -- safe
@@ -48,10 +48,10 @@ var functionBindNative = !fails$b(function () {
 var NATIVE_BIND$1 = functionBindNative;
-var call$8 = Function.prototype.call;
+var call$6 = Function.prototype.call;
-var functionCall = NATIVE_BIND$1 ? call$8.bind(call$8) : function () {
-  return call$8.apply(call$8, arguments);
+var functionCall = NATIVE_BIND$1 ? call$6.bind(call$6) : function () {
+  return call$6.apply(call$6, arguments);
 };
 var objectPropertyIsEnumerable = {};
@@ -70,7 +70,7 @@ objectPropertyIsEnumerable.f = NASHORN_BUG ? function propertyIsEnumerable(V) {
   return !!descriptor && descriptor.enumerable;
 } : $propertyIsEnumerable;
-var createPropertyDescriptor$2 = function (bitmap, value) {
+var createPropertyDescriptor$3 = function (bitmap, value) {
   return {
     enumerable: !(bitmap & 1),
     configurable: !(bitmap & 2),
@@ -82,63 +82,63 @@ var createPropertyDescriptor$2 = function (bitmap, value) {
 var NATIVE_BIND = functionBindNative;
 var FunctionPrototype$1 = Function.prototype;
-var call$7 = FunctionPrototype$1.call;
-var uncurryThisWithBind = NATIVE_BIND && FunctionPrototype$1.bind.bind(call$7, call$7);
+var call$5 = FunctionPrototype$1.call;
+var uncurryThisWithBind = NATIVE_BIND && FunctionPrototype$1.bind.bind(call$5, call$5);
 var functionUncurryThis = NATIVE_BIND ? uncurryThisWithBind : function (fn) {
   return function () {
-    return call$7.apply(fn, arguments);
+    return call$5.apply(fn, arguments);
   };
 };
-var uncurryThis$c = functionUncurryThis;
+var uncurryThis$a = functionUncurryThis;
-var toString$4 = uncurryThis$c({}.toString);
-var stringSlice$2 = uncurryThis$c(''.slice);
+var toString$1 = uncurryThis$a({}.toString);
+var stringSlice$1 = uncurryThis$a(''.slice);
-var classofRaw$2 = function (it) {
-  return stringSlice$2(toString$4(it), 8, -1);
+var classofRaw = function (it) {
+  return stringSlice$1(toString$1(it), 8, -1);
 };
-var uncurryThis$b = functionUncurryThis;
-var fails$a = fails$d;
-var classof$3 = classofRaw$2;
+var uncurryThis$9 = functionUncurryThis;
+var fails$8 = fails$b;
+var classof = classofRaw;
 var $Object$3 = Object;
-var split = uncurryThis$b(''.split);
+var split = uncurryThis$9(''.split);
 // fallback for non-array-like ES3 and non-enumerable old V8 strings
-var indexedObject = fails$a(function () {
+var indexedObject = fails$8(function () {
   // throws an error in rhino, see https://github.com/mozilla/rhino/issues/346
   // eslint-disable-next-line no-prototype-builtins -- safe
   return !$Object$3('z').propertyIsEnumerable(0);
 }) ? function (it) {
-  return classof$3(it) == 'String' ? split(it, '') : $Object$3(it);
+  return classof(it) == 'String' ? split(it, '') : $Object$3(it);
 } : $Object$3;
 // we can't use just `it == null` since of `document.all` special case
 // https://tc39.es/ecma262/#sec-IsHTMLDDA-internal-slot-aec
-var isNullOrUndefined$3 = function (it) {
+var isNullOrUndefined$2 = function (it) {
   return it === null || it === undefined;
 };
-var isNullOrUndefined$2 = isNullOrUndefined$3;
+var isNullOrUndefined$1 = isNullOrUndefined$2;
 var $TypeError$6 = TypeError;
 // `RequireObjectCoercible` abstract operation
 // https://tc39.es/ecma262/#sec-requireobjectcoercible
-var requireObjectCoercible$3 = function (it) {
-  if (isNullOrUndefined$2(it)) throw $TypeError$6("Can't call method on " + it);
+var requireObjectCoercible$2 = function (it) {
+  if (isNullOrUndefined$1(it)) throw $TypeError$6("Can't call method on " + it);
   return it;
 };
 // toObject with fallback for non-array-like ES3 strings
 var IndexedObject$1 = indexedObject;
-var requireObjectCoercible$2 = requireObjectCoercible$3;
+var requireObjectCoercible$1 = requireObjectCoercible$2;
-var toIndexedObject$4 = function (it) {
-  return IndexedObject$1(requireObjectCoercible$2(it));
+var toIndexedObject$5 = function (it) {
+  return IndexedObject$1(requireObjectCoercible$1(it));
 };
 var documentAll$2 = typeof document == 'object' && document.all;
@@ -158,45 +158,45 @@ var documentAll$1 = $documentAll$1.all;
 // `IsCallable` abstract operation
 // https://tc39.es/ecma262/#sec-iscallable
-var isCallable$c = $documentAll$1.IS_HTMLDDA ? function (argument) {
+var isCallable$e = $documentAll$1.IS_HTMLDDA ? function (argument) {
   return typeof argument == 'function' || argument === documentAll$1;
 } : function (argument) {
   return typeof argument == 'function';
 };
-var isCallable$b = isCallable$c;
+var isCallable$d = isCallable$e;
 var $documentAll = documentAll_1;
 var documentAll = $documentAll.all;
-var isObject$5 = $documentAll.IS_HTMLDDA ? function (it) {
-  return typeof it == 'object' ? it !== null : isCallable$b(it) || it === documentAll;
+var isObject$6 = $documentAll.IS_HTMLDDA ? function (it) {
+  return typeof it == 'object' ? it !== null : isCallable$d(it) || it === documentAll;
 } : function (it) {
-  return typeof it == 'object' ? it !== null : isCallable$b(it);
+  return typeof it == 'object' ? it !== null : isCallable$d(it);
 };
-var global$d = global$e;
-var isCallable$a = isCallable$c;
+var global$b = global$c;
+var isCallable$c = isCallable$e;
 var aFunction = function (argument) {
-  return isCallable$a(argument) ? argument : undefined;
+  return isCallable$c(argument) ? argument : undefined;
 };
 var getBuiltIn$3 = function (namespace, method) {
-  return arguments.length < 2 ? aFunction(global$d[namespace]) : global$d[namespace] && global$d[namespace][method];
+  return arguments.length < 2 ? aFunction(global$b[namespace]) : global$b[namespace] && global$b[namespace][method];
 };
-var uncurryThis$a = functionUncurryThis;
+var uncurryThis$8 = functionUncurryThis;
-var objectIsPrototypeOf = uncurryThis$a({}.isPrototypeOf);
+var objectIsPrototypeOf = uncurryThis$8({}.isPrototypeOf);
 var engineUserAgent = typeof navigator != 'undefined' && String(navigator.userAgent) || '';
-var global$c = global$e;
+var global$a = global$c;
 var userAgent = engineUserAgent;
-var process$1 = global$c.process;
-var Deno = global$c.Deno;
+var process$1 = global$a.process;
+var Deno = global$a.Deno;
 var versions = process$1 && process$1.versions || Deno && Deno.version;
 var v8 = versions && versions.v8;
 var match$1, version;
@@ -223,13 +223,13 @@ var engineV8Version = version;
 /* eslint-disable es/no-symbol -- required for testing */
 var V8_VERSION = engineV8Version;
-var fails$9 = fails$d;
-var global$b = global$e;
+var fails$7 = fails$b;
+var global$9 = global$c;
-var $String$4 = global$b.String;
+var $String$4 = global$9.String;
 // eslint-disable-next-line es/no-object-getownpropertysymbols -- required for testing
-var symbolConstructorDetection = !!Object.getOwnPropertySymbols && !fails$9(function () {
+var symbolConstructorDetection = !!Object.getOwnPropertySymbols && !fails$7(function () {
   var symbol = Symbol();
   // Chrome 38 Symbol has incorrect toString conversion
   // `get-own-property-symbols` polyfill symbols converted to object are not Symbol instances
@@ -249,7 +249,7 @@ var useSymbolAsUid = NATIVE_SYMBOL$1
   && typeof Symbol.iterator == 'symbol';
 var getBuiltIn$2 = getBuiltIn$3;
-var isCallable$9 = isCallable$c;
+var isCallable$b = isCallable$e;
 var isPrototypeOf = objectIsPrototypeOf;
 var USE_SYMBOL_AS_UID$1 = useSymbolAsUid;
@@ -259,7 +259,7 @@ var isSymbol$2 = USE_SYMBOL_AS_UID$1 ? function (it) {
   return typeof it == 'symbol';
 } : function (it) {
   var $Symbol = getBuiltIn$2('Symbol');
-  return isCallable$9($Symbol) && isPrototypeOf($Symbol.prototype, $Object$2(it));
+  return isCallable$b($Symbol) && isPrototypeOf($Symbol.prototype, $Object$2(it));
 };
 var $String$3 = String;
@@ -272,30 +272,30 @@ var tryToString$1 = function (argument) {
   }
 };
-var isCallable$8 = isCallable$c;
+var isCallable$a = isCallable$e;
 var tryToString = tryToString$1;
 var $TypeError$5 = TypeError;
 // `Assert: IsCallable(argument) is true`
-var aCallable$1 = function (argument) {
-  if (isCallable$8(argument)) return argument;
+var aCallable$2 = function (argument) {
+  if (isCallable$a(argument)) return argument;
   throw $TypeError$5(tryToString(argument) + ' is not a function');
 };
-var aCallable = aCallable$1;
-var isNullOrUndefined$1 = isNullOrUndefined$3;
+var aCallable$1 = aCallable$2;
+var isNullOrUndefined = isNullOrUndefined$2;
 // `GetMethod` abstract operation
 // https://tc39.es/ecma262/#sec-getmethod
-var getMethod$2 = function (V, P) {
+var getMethod$1 = function (V, P) {
   var func = V[P];
-  return isNullOrUndefined$1(func) ? undefined : aCallable(func);
+  return isNullOrUndefined(func) ? undefined : aCallable$1(func);
 };
-var call$6 = functionCall;
-var isCallable$7 = isCallable$c;
-var isObject$4 = isObject$5;
+var call$4 = functionCall;
+var isCallable$9 = isCallable$e;
+var isObject$5 = isObject$6;
 var $TypeError$4 = TypeError;
@@ -303,38 +303,38 @@ var $TypeError$4 = TypeError;
 // https://tc39.es/ecma262/#sec-ordinarytoprimitive
 var ordinaryToPrimitive$1 = function (input, pref) {
   var fn, val;
-  if (pref === 'string' && isCallable$7(fn = input.toString) && !isObject$4(val = call$6(fn, input))) return val;
-  if (isCallable$7(fn = input.valueOf) && !isObject$4(val = call$6(fn, input))) return val;
-  if (pref !== 'string' && isCallable$7(fn = input.toString) && !isObject$4(val = call$6(fn, input))) return val;
+  if (pref === 'string' && isCallable$9(fn = input.toString) && !isObject$5(val = call$4(fn, input))) return val;
+  if (isCallable$9(fn = input.valueOf) && !isObject$5(val = call$4(fn, input))) return val;
+  if (pref !== 'string' && isCallable$9(fn = input.toString) && !isObject$5(val = call$4(fn, input))) return val;
   throw $TypeError$4("Can't convert object to primitive value");
 };
-var shared$4 = {exports: {}};
+var shared$3 = {exports: {}};
-var global$a = global$e;
+var global$8 = global$c;
 // eslint-disable-next-line es/no-object-defineproperty -- safe
-var defineProperty$2 = Object.defineProperty;
+var defineProperty$5 = Object.defineProperty;
 var defineGlobalProperty$3 = function (key, value) {
   try {
-    defineProperty$2(global$a, key, { value: value, configurable: true, writable: true });
+    defineProperty$5(global$8, key, { value: value, configurable: true, writable: true });
   } catch (error) {
-    global$a[key] = value;
+    global$8[key] = value;
   } return value;
 };
-var global$9 = global$e;
+var global$7 = global$c;
 var defineGlobalProperty$2 = defineGlobalProperty$3;
 var SHARED = '__core-js_shared__';
-var store$3 = global$9[SHARED] || defineGlobalProperty$2(SHARED, {});
+var store$3 = global$7[SHARED] || defineGlobalProperty$2(SHARED, {});
 var sharedStore = store$3;
 var store$2 = sharedStore;
-(shared$4.exports = function (key, value) {
+(shared$3.exports = function (key, value) {
   return store$2[key] || (store$2[key] = value !== undefined ? value : {});
 })('versions', []).push({
   version: '3.30.2',
@@ -344,77 +344,77 @@ var store$2 = sharedStore;
   source: 'https://github.com/zloirock/core-js'
 });
-var requireObjectCoercible$1 = requireObjectCoercible$3;
+var requireObjectCoercible = requireObjectCoercible$2;
 var $Object$1 = Object;
 // `ToObject` abstract operation
 // https://tc39.es/ecma262/#sec-toobject
-var toObject$3 = function (argument) {
-  return $Object$1(requireObjectCoercible$1(argument));
+var toObject$4 = function (argument) {
+  return $Object$1(requireObjectCoercible(argument));
 };
-var uncurryThis$9 = functionUncurryThis;
-var toObject$2 = toObject$3;
+var uncurryThis$7 = functionUncurryThis;
+var toObject$3 = toObject$4;
-var hasOwnProperty$2 = uncurryThis$9({}.hasOwnProperty);
+var hasOwnProperty$2 = uncurryThis$7({}.hasOwnProperty);
 // `HasOwnProperty` abstract operation
 // https://tc39.es/ecma262/#sec-hasownproperty
 // eslint-disable-next-line es/no-object-hasown -- safe
 var hasOwnProperty_1 = Object.hasOwn || function hasOwn(it, key) {
-  return hasOwnProperty$2(toObject$2(it), key);
+  return hasOwnProperty$2(toObject$3(it), key);
 };
-var uncurryThis$8 = functionUncurryThis;
+var uncurryThis$6 = functionUncurryThis;
 var id = 0;
 var postfix = Math.random();
-var toString$3 = uncurryThis$8(1.0.toString);
+var toString = uncurryThis$6(1.0.toString);
 var uid$2 = function (key) {
-  return 'Symbol(' + (key === undefined ? '' : key) + ')_' + toString$3(++id + postfix, 36);
+  return 'Symbol(' + (key === undefined ? '' : key) + ')_' + toString(++id + postfix, 36);
 };
-var global$8 = global$e;
-var shared$3 = shared$4.exports;
-var hasOwn$6 = hasOwnProperty_1;
+var global$6 = global$c;
+var shared$2 = shared$3.exports;
+var hasOwn$8 = hasOwnProperty_1;
 var uid$1 = uid$2;
 var NATIVE_SYMBOL = symbolConstructorDetection;
 var USE_SYMBOL_AS_UID = useSymbolAsUid;
-var Symbol$1 = global$8.Symbol;
-var WellKnownSymbolsStore = shared$3('wks');
+var Symbol$1 = global$6.Symbol;
+var WellKnownSymbolsStore = shared$2('wks');
 var createWellKnownSymbol = USE_SYMBOL_AS_UID ? Symbol$1['for'] || Symbol$1 : Symbol$1 && Symbol$1.withoutSetter || uid$1;
-var wellKnownSymbol$4 = function (name) {
-  if (!hasOwn$6(WellKnownSymbolsStore, name)) {
-    WellKnownSymbolsStore[name] = NATIVE_SYMBOL && hasOwn$6(Symbol$1, name)
+var wellKnownSymbol$6 = function (name) {
+  if (!hasOwn$8(WellKnownSymbolsStore, name)) {
+    WellKnownSymbolsStore[name] = NATIVE_SYMBOL && hasOwn$8(Symbol$1, name)
       ? Symbol$1[name]
       : createWellKnownSymbol('Symbol.' + name);
   } return WellKnownSymbolsStore[name];
 };
-var call$5 = functionCall;
-var isObject$3 = isObject$5;
+var call$3 = functionCall;
+var isObject$4 = isObject$6;
 var isSymbol$1 = isSymbol$2;
-var getMethod$1 = getMethod$2;
+var getMethod = getMethod$1;
 var ordinaryToPrimitive = ordinaryToPrimitive$1;
-var wellKnownSymbol$3 = wellKnownSymbol$4;
+var wellKnownSymbol$5 = wellKnownSymbol$6;
 var $TypeError$3 = TypeError;
-var TO_PRIMITIVE = wellKnownSymbol$3('toPrimitive');
+var TO_PRIMITIVE = wellKnownSymbol$5('toPrimitive');
 // `ToPrimitive` abstract operation
 // https://tc39.es/ecma262/#sec-toprimitive
 var toPrimitive$1 = function (input, pref) {
-  if (!isObject$3(input) || isSymbol$1(input)) return input;
-  var exoticToPrim = getMethod$1(input, TO_PRIMITIVE);
+  if (!isObject$4(input) || isSymbol$1(input)) return input;
+  var exoticToPrim = getMethod(input, TO_PRIMITIVE);
   var result;
   if (exoticToPrim) {
     if (pref === undefined) pref = 'default';
-    result = call$5(exoticToPrim, input, pref);
-    if (!isObject$3(result) || isSymbol$1(result)) return result;
+    result = call$3(exoticToPrim, input, pref);
+    if (!isObject$4(result) || isSymbol$1(result)) return result;
     throw $TypeError$3("Can't convert object to primitive value");
   }
   if (pref === undefined) pref = 'number';
@@ -431,36 +431,36 @@ var toPropertyKey$2 = function (argument) {
   return isSymbol(key) ? key : key + '';
 };
-var global$7 = global$e;
-var isObject$2 = isObject$5;
+var global$5 = global$c;
+var isObject$3 = isObject$6;
-var document$1 = global$7.document;
+var document$1 = global$5.document;
 // typeof document.createElement is 'object' in old IE
-var EXISTS$1 = isObject$2(document$1) && isObject$2(document$1.createElement);
+var EXISTS$1 = isObject$3(document$1) && isObject$3(document$1.createElement);
-var documentCreateElement$1 = function (it) {
+var documentCreateElement$2 = function (it) {
   return EXISTS$1 ? document$1.createElement(it) : {};
 };
-var DESCRIPTORS$8 = descriptors;
-var fails$8 = fails$d;
-var createElement = documentCreateElement$1;
+var DESCRIPTORS$9 = descriptors;
+var fails$6 = fails$b;
+var createElement = documentCreateElement$2;
 // Thanks to IE8 for its funny defineProperty
-var ie8DomDefine = !DESCRIPTORS$8 && !fails$8(function () {
+var ie8DomDefine = !DESCRIPTORS$9 && !fails$6(function () {
   // eslint-disable-next-line es/no-object-defineproperty -- required for testing
   return Object.defineProperty(createElement('div'), 'a', {
     get: function () { return 7; }
   }).a != 7;
 });
-var DESCRIPTORS$7 = descriptors;
-var call$4 = functionCall;
+var DESCRIPTORS$8 = descriptors;
+var call$2 = functionCall;
 var propertyIsEnumerableModule$1 = objectPropertyIsEnumerable;
-var createPropertyDescriptor$1 = createPropertyDescriptor$2;
-var toIndexedObject$3 = toIndexedObject$4;
+var createPropertyDescriptor$2 = createPropertyDescriptor$3;
+var toIndexedObject$4 = toIndexedObject$5;
 var toPropertyKey$1 = toPropertyKey$2;
-var hasOwn$5 = hasOwnProperty_1;
+var hasOwn$7 = hasOwnProperty_1;
 var IE8_DOM_DEFINE$1 = ie8DomDefine;
 // eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
@@ -468,23 +468,23 @@ var $getOwnPropertyDescriptor$1 = Object.getOwnPropertyDescriptor;
 // `Object.getOwnPropertyDescriptor` method
 // https://tc39.es/ecma262/#sec-object.getownpropertydescriptor
-objectGetOwnPropertyDescriptor.f = DESCRIPTORS$7 ? $getOwnPropertyDescriptor$1 : function getOwnPropertyDescriptor(O, P) {
-  O = toIndexedObject$3(O);
+objectGetOwnPropertyDescriptor.f = DESCRIPTORS$8 ? $getOwnPropertyDescriptor$1 : function getOwnPropertyDescriptor(O, P) {
+  O = toIndexedObject$4(O);
   P = toPropertyKey$1(P);
   if (IE8_DOM_DEFINE$1) try {
     return $getOwnPropertyDescriptor$1(O, P);
   } catch (error) { /* empty */ }
-  if (hasOwn$5(O, P)) return createPropertyDescriptor$1(!call$4(propertyIsEnumerableModule$1.f, O, P), O[P]);
+  if (hasOwn$7(O, P)) return createPropertyDescriptor$2(!call$2(propertyIsEnumerableModule$1.f, O, P), O[P]);
 };
 var objectDefineProperty = {};
-var DESCRIPTORS$6 = descriptors;
-var fails$7 = fails$d;
+var DESCRIPTORS$7 = descriptors;
+var fails$5 = fails$b;
 // V8 ~ Chrome 36-
 // https://bugs.chromium.org/p/v8/issues/detail?id=3334
-var v8PrototypeDefineBug = DESCRIPTORS$6 && fails$7(function () {
+var v8PrototypeDefineBug = DESCRIPTORS$7 && fails$5(function () {
   // eslint-disable-next-line es/no-object-defineproperty -- required for testing
   return Object.defineProperty(function () { /* empty */ }, 'prototype', {
     value: 42,
@@ -492,21 +492,21 @@ var v8PrototypeDefineBug = DESCRIPTORS$6 && fails$7(function () {
   }).prototype != 42;
 });
-var isObject$1 = isObject$5;
+var isObject$2 = isObject$6;
 var $String$2 = String;
 var $TypeError$2 = TypeError;
 // `Assert: Type(argument) is Object`
-var anObject$7 = function (argument) {
-  if (isObject$1(argument)) return argument;
+var anObject$5 = function (argument) {
+  if (isObject$2(argument)) return argument;
   throw $TypeError$2($String$2(argument) + ' is not an object');
 };
-var DESCRIPTORS$5 = descriptors;
+var DESCRIPTORS$6 = descriptors;
 var IE8_DOM_DEFINE = ie8DomDefine;
 var V8_PROTOTYPE_DEFINE_BUG$1 = v8PrototypeDefineBug;
-var anObject$6 = anObject$7;
+var anObject$4 = anObject$5;
 var toPropertyKey = toPropertyKey$2;
 var $TypeError$1 = TypeError;
@@ -520,10 +520,10 @@ var WRITABLE = 'writable';
 // `Object.defineProperty` method
 // https://tc39.es/ecma262/#sec-object.defineproperty
-objectDefineProperty.f = DESCRIPTORS$5 ? V8_PROTOTYPE_DEFINE_BUG$1 ? function defineProperty(O, P, Attributes) {
-  anObject$6(O);
+objectDefineProperty.f = DESCRIPTORS$6 ? V8_PROTOTYPE_DEFINE_BUG$1 ? function defineProperty(O, P, Attributes) {
+  anObject$4(O);
   P = toPropertyKey(P);
-  anObject$6(Attributes);
+  anObject$4(Attributes);
   if (typeof O === 'function' && P === 'prototype' && 'value' in Attributes && WRITABLE in Attributes && !Attributes[WRITABLE]) {
     var current = $getOwnPropertyDescriptor(O, P);
     if (current && current[WRITABLE]) {
@@ -536,9 +536,9 @@ objectDefineProperty.f = DESCRIPTORS$5 ? V8_PROTOTYPE_DEFINE_BUG$1 ? function de
     }
   } return $defineProperty(O, P, Attributes);
 } : $defineProperty : function defineProperty(O, P, Attributes) {
-  anObject$6(O);
+  anObject$4(O);
   P = toPropertyKey(P);
-  anObject$6(Attributes);
+  anObject$4(Attributes);
   if (IE8_DOM_DEFINE) try {
     return $defineProperty(O, P, Attributes);
   } catch (error) { /* empty */ }
@@ -547,12 +547,12 @@ objectDefineProperty.f = DESCRIPTORS$5 ? V8_PROTOTYPE_DEFINE_BUG$1 ? function de
   return O;
 };
-var DESCRIPTORS$4 = descriptors;
+var DESCRIPTORS$5 = descriptors;
 var definePropertyModule$3 = objectDefineProperty;
-var createPropertyDescriptor = createPropertyDescriptor$2;
+var createPropertyDescriptor$1 = createPropertyDescriptor$3;
-var createNonEnumerableProperty$3 = DESCRIPTORS$4 ? function (object, key, value) {
-  return definePropertyModule$3.f(object, key, createPropertyDescriptor(1, value));
+var createNonEnumerableProperty$4 = DESCRIPTORS$5 ? function (object, key, value) {
+  return definePropertyModule$3.f(object, key, createPropertyDescriptor$1(1, value));
 } : function (object, key, value) {
   object[key] = value;
   return object;
@@ -560,17 +560,17 @@ var createNonEnumerableProperty$3 = DESCRIPTORS$4 ? function (object, key, value
 var makeBuiltIn$2 = {exports: {}};
-var DESCRIPTORS$3 = descriptors;
-var hasOwn$4 = hasOwnProperty_1;
+var DESCRIPTORS$4 = descriptors;
+var hasOwn$6 = hasOwnProperty_1;
 var FunctionPrototype = Function.prototype;
 // eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
-var getDescriptor = DESCRIPTORS$3 && Object.getOwnPropertyDescriptor;
+var getDescriptor = DESCRIPTORS$4 && Object.getOwnPropertyDescriptor;
-var EXISTS = hasOwn$4(FunctionPrototype, 'name');
+var EXISTS = hasOwn$6(FunctionPrototype, 'name');
 // additional protection from minified / mangled / dropped function names
 var PROPER = EXISTS && (function something() { /* empty */ }).name === 'something';
-var CONFIGURABLE = EXISTS && (!DESCRIPTORS$3 || (DESCRIPTORS$3 && getDescriptor(FunctionPrototype, 'name').configurable));
+var CONFIGURABLE = EXISTS && (!DESCRIPTORS$4 || (DESCRIPTORS$4 && getDescriptor(FunctionPrototype, 'name').configurable));
 var functionName = {
   EXISTS: EXISTS,
@@ -578,14 +578,14 @@ var functionName = {
   CONFIGURABLE: CONFIGURABLE
 };
-var uncurryThis$7 = functionUncurryThis;
-var isCallable$6 = isCallable$c;
+var uncurryThis$5 = functionUncurryThis;
+var isCallable$8 = isCallable$e;
 var store$1 = sharedStore;
-var functionToString = uncurryThis$7(Function.toString);
+var functionToString = uncurryThis$5(Function.toString);
 // this helper broken in `core-js@3.4.1-3.4.4`, so we can't use `shared` helper
-if (!isCallable$6(store$1.inspectSource)) {
+if (!isCallable$8(store$1.inspectSource)) {
   store$1.inspectSource = function (it) {
     return functionToString(it);
   };
@@ -593,36 +593,36 @@ if (!isCallable$6(store$1.inspectSource)) {
 var inspectSource$1 = store$1.inspectSource;
-var global$6 = global$e;
-var isCallable$5 = isCallable$c;
+var global$4 = global$c;
+var isCallable$7 = isCallable$e;
-var WeakMap$2 = global$6.WeakMap;
+var WeakMap$2 = global$4.WeakMap;
-var weakMapBasicDetection = isCallable$5(WeakMap$2) && /native code/.test(String(WeakMap$2));
+var weakMapBasicDetection = isCallable$7(WeakMap$2) && /native code/.test(String(WeakMap$2));
-var shared$2 = shared$4.exports;
+var shared$1 = shared$3.exports;
 var uid = uid$2;
-var keys = shared$2('keys');
+var keys = shared$1('keys');
-var sharedKey$2 = function (key) {
+var sharedKey$3 = function (key) {
   return keys[key] || (keys[key] = uid(key));
 };
 var hiddenKeys$4 = {};
 var NATIVE_WEAK_MAP = weakMapBasicDetection;
-var global$5 = global$e;
-var isObject = isObject$5;
-var createNonEnumerableProperty$2 = createNonEnumerableProperty$3;
-var hasOwn$3 = hasOwnProperty_1;
-var shared$1 = sharedStore;
-var sharedKey$1 = sharedKey$2;
+var global$3 = global$c;
+var isObject$1 = isObject$6;
+var createNonEnumerableProperty$3 = createNonEnumerableProperty$4;
+var hasOwn$5 = hasOwnProperty_1;
+var shared = sharedStore;
+var sharedKey$2 = sharedKey$3;
 var hiddenKeys$3 = hiddenKeys$4;
 var OBJECT_ALREADY_INITIALIZED = 'Object already initialized';
-var TypeError$1 = global$5.TypeError;
-var WeakMap$1 = global$5.WeakMap;
+var TypeError$1 = global$3.TypeError;
+var WeakMap$1 = global$3.WeakMap;
 var set, get, has$3;
 var enforce = function (it) {
@@ -632,14 +632,14 @@ var enforce = function (it) {
 var getterFor = function (TYPE) {
   return function (it) {
     var state;
-    if (!isObject(it) || (state = get(it)).type !== TYPE) {
+    if (!isObject$1(it) || (state = get(it)).type !== TYPE) {
       throw TypeError$1('Incompatible receiver, ' + TYPE + ' required');
     } return state;
   };
 };
-if (NATIVE_WEAK_MAP || shared$1.state) {
-  var store = shared$1.state || (shared$1.state = new WeakMap$1());
+if (NATIVE_WEAK_MAP || shared.state) {
+  var store = shared.state || (shared.state = new WeakMap$1());
   /* eslint-disable no-self-assign -- prototype methods protection */
   store.get = store.get;
   store.has = store.has;
@@ -658,19 +658,19 @@ if (NATIVE_WEAK_MAP || shared$1.state) {
     return store.has(it);
   };
 } else {
-  var STATE = sharedKey$1('state');
+  var STATE = sharedKey$2('state');
   hiddenKeys$3[STATE] = true;
   set = function (it, metadata) {
-    if (hasOwn$3(it, STATE)) throw TypeError$1(OBJECT_ALREADY_INITIALIZED);
+    if (hasOwn$5(it, STATE)) throw TypeError$1(OBJECT_ALREADY_INITIALIZED);
     metadata.facade = it;
-    createNonEnumerableProperty$2(it, STATE, metadata);
+    createNonEnumerableProperty$3(it, STATE, metadata);
     return metadata;
   };
   get = function (it) {
-    return hasOwn$3(it, STATE) ? it[STATE] : {};
+    return hasOwn$5(it, STATE) ? it[STATE] : {};
   };
   has$3 = function (it) {
-    return hasOwn$3(it, STATE);
+    return hasOwn$5(it, STATE);
   };
 }
@@ -682,51 +682,51 @@ var internalState = {
   getterFor: getterFor
 };
-var uncurryThis$6 = functionUncurryThis;
-var fails$6 = fails$d;
-var isCallable$4 = isCallable$c;
-var hasOwn$2 = hasOwnProperty_1;
-var DESCRIPTORS$2 = descriptors;
-var CONFIGURABLE_FUNCTION_NAME = functionName.CONFIGURABLE;
+var uncurryThis$4 = functionUncurryThis;
+var fails$4 = fails$b;
+var isCallable$6 = isCallable$e;
+var hasOwn$4 = hasOwnProperty_1;
+var DESCRIPTORS$3 = descriptors;
+var CONFIGURABLE_FUNCTION_NAME$1 = functionName.CONFIGURABLE;
 var inspectSource = inspectSource$1;
-var InternalStateModule = internalState;
+var InternalStateModule$1 = internalState;
-var enforceInternalState = InternalStateModule.enforce;
-var getInternalState$1 = InternalStateModule.get;
+var enforceInternalState = InternalStateModule$1.enforce;
+var getInternalState$1 = InternalStateModule$1.get;
 var $String$1 = String;
 // eslint-disable-next-line es/no-object-defineproperty -- safe
-var defineProperty$1 = Object.defineProperty;
-var stringSlice$1 = uncurryThis$6(''.slice);
-var replace$2 = uncurryThis$6(''.replace);
-var join = uncurryThis$6([].join);
+var defineProperty$4 = Object.defineProperty;
+var stringSlice = uncurryThis$4(''.slice);
+var replace$1 = uncurryThis$4(''.replace);
+var join = uncurryThis$4([].join);
-var CONFIGURABLE_LENGTH = DESCRIPTORS$2 && !fails$6(function () {
-  return defineProperty$1(function () { /* empty */ }, 'length', { value: 8 }).length !== 8;
+var CONFIGURABLE_LENGTH = DESCRIPTORS$3 && !fails$4(function () {
+  return defineProperty$4(function () { /* empty */ }, 'length', { value: 8 }).length !== 8;
 });
 var TEMPLATE = String(String).split('String');
 var makeBuiltIn$1 = makeBuiltIn$2.exports = function (value, name, options) {
-  if (stringSlice$1($String$1(name), 0, 7) === 'Symbol(') {
-    name = '[' + replace$2($String$1(name), /^Symbol\(([^)]*)\)/, '$1') + ']';
+  if (stringSlice($String$1(name), 0, 7) === 'Symbol(') {
+    name = '[' + replace$1($String$1(name), /^Symbol\(([^)]*)\)/, '$1') + ']';
   }
   if (options && options.getter) name = 'get ' + name;
   if (options && options.setter) name = 'set ' + name;
-  if (!hasOwn$2(value, 'name') || (CONFIGURABLE_FUNCTION_NAME && value.name !== name)) {
-    if (DESCRIPTORS$2) defineProperty$1(value, 'name', { value: name, configurable: true });
+  if (!hasOwn$4(value, 'name') || (CONFIGURABLE_FUNCTION_NAME$1 && value.name !== name)) {
+    if (DESCRIPTORS$3) defineProperty$4(value, 'name', { value: name, configurable: true });
     else value.name = name;
   }
-  if (CONFIGURABLE_LENGTH && options && hasOwn$2(options, 'arity') && value.length !== options.arity) {
-    defineProperty$1(value, 'length', { value: options.arity });
+  if (CONFIGURABLE_LENGTH && options && hasOwn$4(options, 'arity') && value.length !== options.arity) {
+    defineProperty$4(value, 'length', { value: options.arity });
   }
   try {
-    if (options && hasOwn$2(options, 'constructor') && options.constructor) {
-      if (DESCRIPTORS$2) defineProperty$1(value, 'prototype', { writable: false });
+    if (options && hasOwn$4(options, 'constructor') && options.constructor) {
+      if (DESCRIPTORS$3) defineProperty$4(value, 'prototype', { writable: false });
     // in V8 ~ Chrome 53, prototypes of some methods, like `Array.prototype.values`, are non-writable
     } else if (value.prototype) value.prototype = undefined;
   } catch (error) { /* empty */ }
   var state = enforceInternalState(value);
-  if (!hasOwn$2(state, 'source')) {
+  if (!hasOwn$4(state, 'source')) {
     state.source = join(TEMPLATE, typeof name == 'string' ? name : '');
   } return value;
 };
@@ -734,19 +734,19 @@ var makeBuiltIn$1 = makeBuiltIn$2.exports = function (value, name, options) {
 // add fake Function#toString for correct work wrapped methods / constructors with methods like LoDash isNative
 // eslint-disable-next-line no-extend-native -- required
 Function.prototype.toString = makeBuiltIn$1(function toString() {
-  return isCallable$4(this) && getInternalState$1(this).source || inspectSource(this);
+  return isCallable$6(this) && getInternalState$1(this).source || inspectSource(this);
 }, 'toString');
-var isCallable$3 = isCallable$c;
+var isCallable$5 = isCallable$e;
 var definePropertyModule$2 = objectDefineProperty;
 var makeBuiltIn = makeBuiltIn$2.exports;
 var defineGlobalProperty$1 = defineGlobalProperty$3;
-var defineBuiltIn$2 = function (O, key, value, options) {
+var defineBuiltIn$3 = function (O, key, value, options) {
   if (!options) options = {};
   var simple = options.enumerable;
   var name = options.name !== undefined ? options.name : key;
-  if (isCallable$3(value)) makeBuiltIn(value, name, options);
+  if (isCallable$5(value)) makeBuiltIn(value, name, options);
   if (options.global) {
     if (simple) O[key] = value;
     else defineGlobalProperty$1(key, value);
@@ -819,14 +819,14 @@ var lengthOfArrayLike$1 = function (obj) {
   return toLength(obj.length);
 };
-var toIndexedObject$2 = toIndexedObject$4;
+var toIndexedObject$3 = toIndexedObject$5;
 var toAbsoluteIndex = toAbsoluteIndex$1;
 var lengthOfArrayLike = lengthOfArrayLike$1;
 // `Array.prototype.{ indexOf, includes }` methods implementation
 var createMethod = function (IS_INCLUDES) {
   return function ($this, el, fromIndex) {
-    var O = toIndexedObject$2($this);
+    var O = toIndexedObject$3($this);
     var length = lengthOfArrayLike(O);
     var index = toAbsoluteIndex(fromIndex, length);
     var value;
@@ -852,23 +852,23 @@ var arrayIncludes = {
   indexOf: createMethod(false)
 };
-var uncurryThis$5 = functionUncurryThis;
-var hasOwn$1 = hasOwnProperty_1;
-var toIndexedObject$1 = toIndexedObject$4;
-var indexOf$1 = arrayIncludes.indexOf;
+var uncurryThis$3 = functionUncurryThis;
+var hasOwn$3 = hasOwnProperty_1;
+var toIndexedObject$2 = toIndexedObject$5;
+var indexOf = arrayIncludes.indexOf;
 var hiddenKeys$2 = hiddenKeys$4;
-var push = uncurryThis$5([].push);
+var push = uncurryThis$3([].push);
 var objectKeysInternal = function (object, names) {
-  var O = toIndexedObject$1(object);
+  var O = toIndexedObject$2(object);
   var i = 0;
   var result = [];
   var key;
-  for (key in O) !hasOwn$1(hiddenKeys$2, key) && hasOwn$1(O, key) && push(result, key);
+  for (key in O) !hasOwn$3(hiddenKeys$2, key) && hasOwn$3(O, key) && push(result, key);
   // Don't enum bug & hidden keys
-  while (names.length > i) if (hasOwn$1(O, key = names[i++])) {
-    ~indexOf$1(result, key) || push(result, key);
+  while (names.length > i) if (hasOwn$3(O, key = names[i++])) {
+    ~indexOf(result, key) || push(result, key);
   }
   return result;
 };
@@ -902,21 +902,21 @@ var objectGetOwnPropertySymbols = {};
 objectGetOwnPropertySymbols.f = Object.getOwnPropertySymbols;
 var getBuiltIn$1 = getBuiltIn$3;
-var uncurryThis$4 = functionUncurryThis;
+var uncurryThis$2 = functionUncurryThis;
 var getOwnPropertyNamesModule = objectGetOwnPropertyNames;
 var getOwnPropertySymbolsModule$1 = objectGetOwnPropertySymbols;
-var anObject$5 = anObject$7;
+var anObject$3 = anObject$5;
-var concat$1 = uncurryThis$4([].concat);
+var concat$1 = uncurryThis$2([].concat);
 // all object keys, includes non-enumerable and symbols
 var ownKeys$1 = getBuiltIn$1('Reflect', 'ownKeys') || function ownKeys(it) {
-  var keys = getOwnPropertyNamesModule.f(anObject$5(it));
+  var keys = getOwnPropertyNamesModule.f(anObject$3(it));
   var getOwnPropertySymbols = getOwnPropertySymbolsModule$1.f;
   return getOwnPropertySymbols ? concat$1(keys, getOwnPropertySymbols(it)) : keys;
 };
-var hasOwn = hasOwnProperty_1;
+var hasOwn$2 = hasOwnProperty_1;
 var ownKeys = ownKeys$1;
 var getOwnPropertyDescriptorModule = objectGetOwnPropertyDescriptor;
 var definePropertyModule$1 = objectDefineProperty;
@@ -927,14 +927,14 @@ var copyConstructorProperties$1 = function (target, source, exceptions) {
   var getOwnPropertyDescriptor = getOwnPropertyDescriptorModule.f;
   for (var i = 0; i < keys.length; i++) {
     var key = keys[i];
-    if (!hasOwn(target, key) && !(exceptions && hasOwn(exceptions, key))) {
+    if (!hasOwn$2(target, key) && !(exceptions && hasOwn$2(exceptions, key))) {
       defineProperty(target, key, getOwnPropertyDescriptor(source, key));
     }
   }
 };
-var fails$5 = fails$d;
-var isCallable$2 = isCallable$c;
+var fails$3 = fails$b;
+var isCallable$4 = isCallable$e;
 var replacement = /#|\.prototype\./;
@@ -942,7 +942,7 @@ var isForced$1 = function (feature, detection) {
   var value = data[normalize(feature)];
   return value == POLYFILL ? true
     : value == NATIVE ? false
-    : isCallable$2(detection) ? fails$5(detection)
+    : isCallable$4(detection) ? fails$3(detection)
     : !!detection;
 };
@@ -956,10 +956,10 @@ var POLYFILL = isForced$1.POLYFILL = 'P';
 var isForced_1 = isForced$1;
-var global$4 = global$e;
+var global$2 = global$c;
 var getOwnPropertyDescriptor = objectGetOwnPropertyDescriptor.f;
-var createNonEnumerableProperty$1 = createNonEnumerableProperty$3;
-var defineBuiltIn$1 = defineBuiltIn$2;
+var createNonEnumerableProperty$2 = createNonEnumerableProperty$4;
+var defineBuiltIn$2 = defineBuiltIn$3;
 var defineGlobalProperty = defineGlobalProperty$3;
 var copyConstructorProperties = copyConstructorProperties$1;
 var isForced = isForced_1;
@@ -985,11 +985,11 @@ var _export = function (options, source) {
   var STATIC = options.stat;
   var FORCED, target, key, targetProperty, sourceProperty, descriptor;
   if (GLOBAL) {
-    target = global$4;
+    target = global$2;
   } else if (STATIC) {
-    target = global$4[TARGET] || defineGlobalProperty(TARGET, {});
+    target = global$2[TARGET] || defineGlobalProperty(TARGET, {});
   } else {
-    target = (global$4[TARGET] || {}).prototype;
+    target = (global$2[TARGET] || {}).prototype;
   }
   if (target) for (key in source) {
     sourceProperty = source[key];
@@ -1005,9 +1005,9 @@ var _export = function (options, source) {
     }
     // add a flag to not completely full polyfills
     if (options.sham || (targetProperty && targetProperty.sham)) {
-      createNonEnumerableProperty$1(sourceProperty, 'sham', true);
+      createNonEnumerableProperty$2(sourceProperty, 'sham', true);
     }
-    defineBuiltIn$1(target, key, sourceProperty, options);
+    defineBuiltIn$2(target, key, sourceProperty, options);
   }
 };
@@ -1021,30 +1021,30 @@ var objectKeys$2 = Object.keys || function keys(O) {
   return internalObjectKeys(O, enumBugKeys$1);
 };
-var DESCRIPTORS$1 = descriptors;
-var uncurryThis$3 = functionUncurryThis;
-var call$3 = functionCall;
-var fails$4 = fails$d;
+var DESCRIPTORS$2 = descriptors;
+var uncurryThis$1 = functionUncurryThis;
+var call$1 = functionCall;
+var fails$2 = fails$b;
 var objectKeys$1 = objectKeys$2;
 var getOwnPropertySymbolsModule = objectGetOwnPropertySymbols;
 var propertyIsEnumerableModule = objectPropertyIsEnumerable;
-var toObject$1 = toObject$3;
+var toObject$2 = toObject$4;
 var IndexedObject = indexedObject;
 // eslint-disable-next-line es/no-object-assign -- safe
 var $assign = Object.assign;
 // eslint-disable-next-line es/no-object-defineproperty -- required for testing
-var defineProperty = Object.defineProperty;
-var concat = uncurryThis$3([].concat);
+var defineProperty$3 = Object.defineProperty;
+var concat = uncurryThis$1([].concat);
 // `Object.assign` method
 // https://tc39.es/ecma262/#sec-object.assign
-var objectAssign$1 = !$assign || fails$4(function () {
+var objectAssign$1 = !$assign || fails$2(function () {
   // should have correct order of operations (Edge bug)
-  if (DESCRIPTORS$1 && $assign({ b: 1 }, $assign(defineProperty({}, 'a', {
+  if (DESCRIPTORS$2 && $assign({ b: 1 }, $assign(defineProperty$3({}, 'a', {
     enumerable: true,
     get: function () {
-      defineProperty(this, 'b', {
+      defineProperty$3(this, 'b', {
         value: 3,
         enumerable: false
       });
@@ -1060,7 +1060,7 @@ var objectAssign$1 = !$assign || fails$4(function () {
   alphabet.split('').forEach(function (chr) { B[chr] = chr; });
   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$1(target);
+  var T = toObject$2(target);
   var argumentsLength = arguments.length;
   var index = 1;
   var getOwnPropertySymbols = getOwnPropertySymbolsModule.f;
@@ -1073,7 +1073,7 @@ var objectAssign$1 = !$assign || fails$4(function () {
     var key;
     while (length > j) {
       key = keys[j++];
-      if (!DESCRIPTORS$1 || call$3(propertyIsEnumerable, S, key)) T[key] = S[key];
+      if (!DESCRIPTORS$2 || call$1(propertyIsEnumerable, S, key)) T[key] = S[key];
     }
   } return T;
 } : $assign;
@@ -1088,15 +1088,6 @@ $$1({ target: 'Object', stat: true, arity: 2, forced: Object.assign !== assign$2
   assign: assign$2
 });
-function chainPropTypes(propType1, propType2) {
-  if (process.env.NODE_ENV === 'production') {
-    return () => null;
-  }
-  return function validate(...args) {
-    return propType1(...args) || propType2(...args);
-  };
-}
 function isPlainObject(item) {
   return item !== null && typeof item === 'object' && item.constructor === Object;
 }
@@ -1353,7 +1344,7 @@ var getOwnPropertySymbols = Object.getOwnPropertySymbols;
 var hasOwnProperty$1 = Object.prototype.hasOwnProperty;
 var propIsEnumerable = Object.prototype.propertyIsEnumerable;
-function toObject(val) {
+function toObject$1(val) {
 	if (val === null || val === undefined) {
 		throw new TypeError('Object.assign cannot be called with null or undefined');
 	}
@@ -1407,7 +1398,7 @@ function shouldUseNative() {
 var objectAssign = shouldUseNative() ? Object.assign : function (target, source) {
 	var from;
-	var to = toObject(target);
+	var to = toObject$1(target);
 	var symbols;
 	for (var s = 1; s < arguments.length; s++) {
@@ -2563,58 +2554,6 @@ function capitalize(string) {
   return string.charAt(0).toUpperCase() + string.slice(1);
 }
-function getTypeByValue(value) {
-  const valueType = typeof value;
-  switch (valueType) {
-    case 'number':
-      if (Number.isNaN(value)) {
-        return 'NaN';
-      }
-      if (!Number.isFinite(value)) {
-        return 'Infinity';
-      }
-      if (value !== Math.floor(value)) {
-        return 'float';
-      }
-      return 'number';
-    case 'object':
-      if (value === null) {
-        return 'null';
-      }
-      return value.constructor.name;
-    default:
-      return valueType;
-  }
-}
-// IE 11 support
-function ponyfillIsInteger(x) {
-  // eslint-disable-next-line no-restricted-globals
-  return typeof x === 'number' && isFinite(x) && Math.floor(x) === x;
-}
-const isInteger = Number.isInteger || ponyfillIsInteger;
-function requiredInteger(props, propName, componentName, location) {
-  const propValue = props[propName];
-  if (propValue == null || !isInteger(propValue)) {
-    const propType = getTypeByValue(propValue);
-    return new RangeError(`Invalid ${location} \`${propName}\` of type \`${propType}\` supplied to \`${componentName}\`, expected \`integer\`.`);
-  }
-  return null;
-}
-function validator(props, propName, ...other) {
-  const propValue = props[propName];
-  if (propValue === undefined) {
-    return null;
-  }
-  return requiredInteger(props, propName, ...other);
-}
-function validatorNoop() {
-  return null;
-}
-validator.isRequired = requiredInteger;
-validatorNoop.isRequired = validatorNoop;
-var integerPropType = process.env.NODE_ENV === 'production' ? validatorNoop : validator;
 /**
  * Add keys, values of `defaultProps` that does not exist in `props`
  * @param {object} defaultProps
@@ -2986,7 +2925,7 @@ function match (value, pattern) {
  * @param {string} replacement
  * @return {string}
  */
-function replace$1 (value, pattern, replacement) {
+function replace (value, pattern, replacement) {
 	return value.replace(pattern, replacement)
 }
@@ -3314,7 +3253,7 @@ function parse (value, root, parent, rule, rules, rulesets, pseudo, points, decl
 			// (
 			case 40:
 				if (previous != 108 && charat(characters, length - 1) == 58) {
-					if (indexof(characters += replace$1(delimit(character), '&', '&\f'), '&\f') != -1)
+					if (indexof(characters += replace(delimit(character), '&', '&\f'), '&\f') != -1)
 						ampersand = -1;
 					break
 				}
@@ -3349,9 +3288,9 @@ function parse (value, root, parent, rule, rules, rulesets, pseudo, points, decl
 					// \0 }
 					case 0: case 125: scanning = 0;
 					// ;
-					case 59 + offset: if (ampersand == -1) characters = replace$1(characters, /\f/g, '');
+					case 59 + offset: if (ampersand == -1) characters = replace(characters, /\f/g, '');
 						if (property > 0 && (strlen(characters) - length))
-							append(property > 32 ? declaration(characters + ';', rule, parent, length - 1) : declaration(replace$1(characters, ' ', '') + ';', rule, parent, length - 2), declarations);
+							append(property > 32 ? declaration(characters + ';', rule, parent, length - 1) : declaration(replace(characters, ' ', '') + ';', rule, parent, length - 2), declarations);
 						break
 					// @ ;
 					case 59: characters += ';';
@@ -3433,7 +3372,7 @@ function ruleset (value, root, parent, index, offset, rules, points, type, props
 	for (var i = 0, j = 0, k = 0; i < index; ++i)
 		for (var x = 0, y = substr(value, post + 1, post = abs(j = points[i])), z = value; x < size; ++x)
-			if (z = trim(j > 0 ? rule[x] + ' ' + y : replace$1(y, /&\f/g, rule[x])))
+			if (z = trim(j > 0 ? rule[x] + ' ' + y : replace(y, /&\f/g, rule[x])))
 				props[k++] = z;
 	return node(value, root, parent, offset === 0 ? RULESET : type, props, children, length)
@@ -3829,51 +3768,51 @@ function prefix(value, length) {
     // align-items
     case 5187:
-      return WEBKIT + value + replace$1(value, /(\w+).+(:[^]+)/, WEBKIT + 'box-$1$2' + MS + 'flex-$1$2') + value;
+      return WEBKIT + value + replace(value, /(\w+).+(:[^]+)/, WEBKIT + 'box-$1$2' + MS + 'flex-$1$2') + value;
     // align-self
     case 5443:
-      return WEBKIT + value + MS + 'flex-item-' + replace$1(value, /flex-|-self/, '') + value;
+      return WEBKIT + value + MS + 'flex-item-' + replace(value, /flex-|-self/, '') + value;
     // align-content
     case 4675:
-      return WEBKIT + value + MS + 'flex-line-pack' + replace$1(value, /align-content|flex-|-self/, '') + value;
+      return WEBKIT + value + MS + 'flex-line-pack' + replace(value, /align-content|flex-|-self/, '') + value;
     // flex-shrink
     case 5548:
-      return WEBKIT + value + MS + replace$1(value, 'shrink', 'negative') + value;
+      return WEBKIT + value + MS + replace(value, 'shrink', 'negative') + value;
     // flex-basis
     case 5292:
-      return WEBKIT + value + MS + replace$1(value, 'basis', 'preferred-size') + value;
+      return WEBKIT + value + MS + replace(value, 'basis', 'preferred-size') + value;
     // flex-grow
     case 6060:
-      return WEBKIT + 'box-' + replace$1(value, '-grow', '') + WEBKIT + value + MS + replace$1(value, 'grow', 'positive') + value;
+      return WEBKIT + 'box-' + replace(value, '-grow', '') + WEBKIT + value + MS + replace(value, 'grow', 'positive') + value;
     // transition
     case 4554:
-      return WEBKIT + replace$1(value, /([^-])(transform)/g, '$1' + WEBKIT + '$2') + value;
+      return WEBKIT + replace(value, /([^-])(transform)/g, '$1' + WEBKIT + '$2') + value;
     // cursor
     case 6187:
-      return replace$1(replace$1(replace$1(value, /(zoom-|grab)/, WEBKIT + '$1'), /(image-set)/, WEBKIT + '$1'), value, '') + value;
+      return replace(replace(replace(value, /(zoom-|grab)/, WEBKIT + '$1'), /(image-set)/, WEBKIT + '$1'), value, '') + value;
     // background, background-image
     case 5495:
     case 3959:
-      return replace$1(value, /(image-set\([^]*)/, WEBKIT + '$1' + '$`$1');
+      return replace(value, /(image-set\([^]*)/, WEBKIT + '$1' + '$`$1');
     // justify-content
     case 4968:
-      return replace$1(replace$1(value, /(.+:)(flex-)?(.*)/, WEBKIT + 'box-pack:$3' + MS + 'flex-pack:$3'), /s.+-b[^;]+/, 'justify') + WEBKIT + value + value;
+      return replace(replace(value, /(.+:)(flex-)?(.*)/, WEBKIT + 'box-pack:$3' + MS + 'flex-pack:$3'), /s.+-b[^;]+/, 'justify') + WEBKIT + value + value;
     // (margin|padding)-inline-(start|end)
     case 4095:
     case 3583:
     case 4068:
     case 2532:
-      return replace$1(value, /(.+)-inline(.+)/, WEBKIT + '$1$2') + value;
+      return replace(value, /(.+)-inline(.+)/, WEBKIT + '$1$2') + value;
     // (min|max)?(width|height|inline-size|block-size)
     case 8116:
@@ -3897,11 +3836,11 @@ function prefix(value, length) {
         // (f)ill-available, (f)it-content
         case 102:
-          return replace$1(value, /(.+:)(.+)-([^]+)/, '$1' + WEBKIT + '$2-$3' + '$1' + MOZ + (charat(value, length + 3) == 108 ? '$3' : '$2-$3')) + value;
+          return replace(value, /(.+:)(.+)-([^]+)/, '$1' + WEBKIT + '$2-$3' + '$1' + MOZ + (charat(value, length + 3) == 108 ? '$3' : '$2-$3')) + value;
         // (s)tretch
         case 115:
-          return ~indexof(value, 'stretch') ? prefix(replace$1(value, 'stretch', 'fill-available'), length) + value : value;
+          return ~indexof(value, 'stretch') ? prefix(replace(value, 'stretch', 'fill-available'), length) + value : value;
       }
       break;
     // position: sticky
@@ -3915,11 +3854,11 @@ function prefix(value, length) {
       switch (charat(value, strlen(value) - 3 - (~indexof(value, '!important') && 10))) {
         // stic(k)y
         case 107:
-          return replace$1(value, ':', ':' + WEBKIT) + value;
+          return replace(value, ':', ':' + WEBKIT) + value;
         // (inline-)?fl(e)x
         case 101:
-          return replace$1(value, /(.+:)([^;!]+)(;|!.+)?/, '$1' + WEBKIT + (charat(value, 14) === 45 ? 'inline-' : '') + 'box$3' + '$1' + WEBKIT + '$2$3' + '$1' + MS + '$2box$3') + value;
+          return replace(value, /(.+:)([^;!]+)(;|!.+)?/, '$1' + WEBKIT + (charat(value, 14) === 45 ? 'inline-' : '') + 'box$3' + '$1' + WEBKIT + '$2$3' + '$1' + MS + '$2box$3') + value;
       }
       break;
@@ -3929,15 +3868,15 @@ function prefix(value, length) {
       switch (charat(value, length + 11)) {
         // vertical-l(r)
         case 114:
-          return WEBKIT + value + MS + replace$1(value, /[svh]\w+-[tblr]{2}/, 'tb') + value;
+          return WEBKIT + value + MS + replace(value, /[svh]\w+-[tblr]{2}/, 'tb') + value;
         // vertical-r(l)
         case 108:
-          return WEBKIT + value + MS + replace$1(value, /[svh]\w+-[tblr]{2}/, 'tb-rl') + value;
+          return WEBKIT + value + MS + replace(value, /[svh]\w+-[tblr]{2}/, 'tb-rl') + value;
         // horizontal(-)tb
         case 45:
-          return WEBKIT + value + MS + replace$1(value, /[svh]\w+-[tblr]{2}/, 'lr') + value;
+          return WEBKIT + value + MS + replace(value, /[svh]\w+-[tblr]{2}/, 'lr') + value;
       }
       return WEBKIT + value + MS + value + value;
@@ -3954,7 +3893,7 @@ var prefixer = function prefixer(element, index, children, callback) {
     case KEYFRAMES:
       return serialize([copy(element, {
-        value: replace$1(element.value, '@', '@' + WEBKIT)
+        value: replace(element.value, '@', '@' + WEBKIT)
       })], callback);
     case RULESET:
@@ -3964,17 +3903,17 @@ var prefixer = function prefixer(element, index, children, callback) {
           case ':read-only':
           case ':read-write':
             return serialize([copy(element, {
-              props: [replace$1(value, /:(read-\w+)/, ':' + MOZ + '$1')]
+              props: [replace(value, /:(read-\w+)/, ':' + MOZ + '$1')]
             })], callback);
           // :placeholder
           case '::placeholder':
             return serialize([copy(element, {
-              props: [replace$1(value, /:(plac\w+)/, ':' + WEBKIT + 'input-$1')]
+              props: [replace(value, /:(plac\w+)/, ':' + WEBKIT + 'input-$1')]
             }), copy(element, {
-              props: [replace$1(value, /:(plac\w+)/, ':' + MOZ + '$1')]
+              props: [replace(value, /:(plac\w+)/, ':' + MOZ + '$1')]
             }), copy(element, {
-              props: [replace$1(value, /:(plac\w+)/, MS + 'input-$1')]
+              props: [replace(value, /:(plac\w+)/, MS + 'input-$1')]
             })], callback);
         }
@@ -5022,7 +4961,7 @@ const internal_processStyles = (tag, processor) => {
   }
 };
-const _excluded$f = ["values", "unit", "step"];
+const _excluded$b = ["values", "unit", "step"];
 const sortBreakpointsValues = values => {
   const breakpointsAsArray = Object.keys(values).map(key => ({
     key,
@@ -5057,7 +4996,7 @@ function createBreakpoints(breakpoints) {
       unit = 'px',
       step = 5
     } = breakpoints,
-    other = _objectWithoutPropertiesLoose(breakpoints, _excluded$f);
+    other = _objectWithoutPropertiesLoose(breakpoints, _excluded$b);
   const sortedValues = sortBreakpointsValues(values);
   const keys = Object.keys(sortedValues);
   function up(key) {
@@ -5120,7 +5059,7 @@ function merge(acc, item) {
 // The breakpoint **start** at this value.
 // For instance with the first breakpoint xs: [xs, sm[.
-const values = {
+const values$1 = {
   xs: 0,
   // phone
   sm: 600,
@@ -5136,7 +5075,7 @@ const defaultBreakpoints = {
   // Sorted ASC by size. That's important.
   // It can't be configured as it's used statically for propTypes.
   keys: ['xs', 'sm', 'md', 'lg', 'xl'],
-  up: key => `@media (min-width:${values[key]}px)`
+  up: key => `@media (min-width:${values$1[key]}px)`
 };
 function handleBreakpoints(props, propValue, styleFromPropValue) {
   const theme = props.theme || {};
@@ -5151,7 +5090,7 @@ function handleBreakpoints(props, propValue, styleFromPropValue) {
     const themeBreakpoints = theme.breakpoints || defaultBreakpoints;
     return Object.keys(propValue).reduce((acc, breakpoint) => {
       // key is breakpoint
-      if (Object.keys(themeBreakpoints.values || values).indexOf(breakpoint) !== -1) {
+      if (Object.keys(themeBreakpoints.values || values$1).indexOf(breakpoint) !== -1) {
         const mediaKey = themeBreakpoints.up(breakpoint);
         acc[mediaKey] = styleFromPropValue(propValue[breakpoint], breakpoint);
       } else {
@@ -5698,7 +5637,7 @@ const maxWidth = props => {
   if (props.maxWidth !== undefined && props.maxWidth !== null) {
     const styleFromPropValue = propValue => {
       var _props$theme, _props$theme$breakpoi, _props$theme$breakpoi2;
-      const breakpoint = ((_props$theme = props.theme) == null ? void 0 : (_props$theme$breakpoi = _props$theme.breakpoints) == null ? void 0 : (_props$theme$breakpoi2 = _props$theme$breakpoi.values) == null ? void 0 : _props$theme$breakpoi2[propValue]) || values[propValue];
+      const breakpoint = ((_props$theme = props.theme) == null ? void 0 : (_props$theme$breakpoi = _props$theme.breakpoints) == null ? void 0 : (_props$theme$breakpoi2 = _props$theme$breakpoi.values) == null ? void 0 : _props$theme$breakpoi2[propValue]) || values$1[propValue];
       return {
         maxWidth: breakpoint || sizingTransform(propValue)
       };
@@ -6141,7 +6080,7 @@ const styleFunctionSx = unstable_createStyleFunctionSx();
 styleFunctionSx.filterProps = ['sx'];
 var styleFunctionSx$1 = styleFunctionSx;
-const _excluded$e = ["breakpoints", "palette", "spacing", "shape"];
+const _excluded$a = ["breakpoints", "palette", "spacing", "shape"];
 function createTheme$1(options = {}, ...args) {
   const {
       breakpoints: breakpointsInput = {},
@@ -6149,7 +6088,7 @@ function createTheme$1(options = {}, ...args) {
       spacing: spacingInput,
       shape: shapeInput = {}
     } = options,
-    other = _objectWithoutPropertiesLoose(options, _excluded$e);
+    other = _objectWithoutPropertiesLoose(options, _excluded$a);
   const breakpoints = createBreakpoints(breakpointsInput);
   const spacing = createSpacing(spacingInput);
   let muiTheme = deepmerge({
@@ -6177,17 +6116,17 @@ function createTheme$1(options = {}, ...args) {
 function isObjectEmpty(obj) {
   return Object.keys(obj).length === 0;
 }
-function useTheme$2(defaultTheme = null) {
+function useTheme$1(defaultTheme = null) {
   const contextTheme = React.useContext(ThemeContext);
   return !contextTheme || isObjectEmpty(contextTheme) ? defaultTheme : contextTheme;
 }
 const systemDefaultTheme$1 = createTheme$1();
-function useTheme$1(defaultTheme = systemDefaultTheme$1) {
-  return useTheme$2(defaultTheme);
+function useTheme(defaultTheme = systemDefaultTheme$1) {
+  return useTheme$1(defaultTheme);
 }
-const _excluded$d = ["sx"];
+const _excluded$9 = ["sx"];
 const splitProps = props => {
   var _props$theme$unstable, _props$theme;
   const result = {
@@ -6208,7 +6147,7 @@ function extendSxProp(props) {
   const {
       sx: inSx
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$d);
+    other = _objectWithoutPropertiesLoose(props, _excluded$9);
   const {
     systemProps,
     otherProps
@@ -6234,7 +6173,36 @@ function extendSxProp(props) {
 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$c = ["variant"];
+const _excluded$8 = ["className", "component"];
+function createBox(options = {}) {
+  const {
+    themeId,
+    defaultTheme,
+    defaultClassName = 'MuiBox-root',
+    generateClassName
+  } = options;
+  const BoxRoot = styled$3('div', {
+    shouldForwardProp: prop => prop !== 'theme' && prop !== 'sx' && prop !== 'as'
+  })(styleFunctionSx$1);
+  const Box = /*#__PURE__*/React.forwardRef(function Box(inProps, ref) {
+    const theme = useTheme(defaultTheme);
+    const _extendSxProp = extendSxProp(inProps),
+      {
+        className,
+        component = 'div'
+      } = _extendSxProp,
+      other = _objectWithoutPropertiesLoose(_extendSxProp, _excluded$8);
+    return /*#__PURE__*/jsx(BoxRoot, _extends({
+      as: component,
+      ref: ref,
+      className: clsx(className, generateClassName ? generateClassName(defaultClassName) : defaultClassName),
+      theme: themeId ? theme[themeId] || theme : theme
+    }, other));
+  });
+  return Box;
+}
+const _excluded$7 = ["variant"];
 function isEmpty$1(string) {
   return string.length === 0;
 }
@@ -6248,7 +6216,7 @@ function propsToClassKey(props) {
   const {
       variant
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$c);
+    other = _objectWithoutPropertiesLoose(props, _excluded$7);
   let classKey = variant || '';
   Object.keys(other).sort().forEach(key => {
     if (key === 'color') {
@@ -6260,7 +6228,7 @@ function propsToClassKey(props) {
   return classKey;
 }
-const _excluded$b = ["name", "slot", "skipVariantsResolver", "skipSx", "overridesResolver"];
+const _excluded$6 = ["name", "slot", "skipVariantsResolver", "skipSx", "overridesResolver"];
 function isEmpty(obj) {
   return Object.keys(obj).length === 0;
 }
@@ -6355,7 +6323,7 @@ function createStyled(input = {}) {
         skipSx: inputSkipSx,
         overridesResolver
       } = inputOptions,
-      options = _objectWithoutPropertiesLoose(inputOptions, _excluded$b);
+      options = _objectWithoutPropertiesLoose(inputOptions, _excluded$6);
     // if skipVariantsResolver option is defined, take the value, otherwise, true for root and false for other slots.
     const skipVariantsResolver = inputSkipVariantsResolver !== undefined ? inputSkipVariantsResolver : componentSlot && componentSlot !== 'Root' || false;
@@ -6489,7 +6457,7 @@ function useThemeProps$1({
   defaultTheme,
   themeId
 }) {
-  let theme = useTheme$1(defaultTheme);
+  let theme = useTheme(defaultTheme);
   if (themeId) {
     theme = theme[themeId] || theme;
   }
@@ -6672,27 +6640,6 @@ function getContrastRatio(foreground, background) {
   return (Math.max(lumA, lumB) + 0.05) / (Math.min(lumA, lumB) + 0.05);
 }
-/**
- * Sets the absolute transparency of a color.
- * Any existing alpha values are overwritten.
- * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color()
- * @param {number} value - value to set the alpha channel to in the range 0 - 1
- * @returns {string} A CSS color string. Hex input values are returned as rgb
- */
-function alpha(color, value) {
-  color = decomposeColor(color);
-  value = clamp(value);
-  if (color.type === 'rgb' || color.type === 'hsl') {
-    color.type += 'a';
-  }
-  if (color.type === 'color') {
-    color.values[3] = `/${value}`;
-  } else {
-    color.values[3] = value;
-  }
-  return recomposeColor(color);
-}
 /**
  * Darkens a color.
  * @param {string} color - CSS color, i.e. one of: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color()
@@ -6735,8 +6682,8 @@ function lighten(color, coefficient) {
   return recomposeColor(color);
 }
-const _excluded$a = ["component", "direction", "spacing", "divider", "children", "className", "useFlexGap"];
-const defaultTheme$2 = createTheme$1();
+const _excluded$5 = ["component", "direction", "spacing", "divider", "children", "className", "useFlexGap"];
+const defaultTheme$3 = createTheme$1();
 // widening Theme to any so that the consumer can own the theme structure.
 const defaultCreateStyledComponent = systemStyled('div', {
   name: 'MuiStack',
@@ -6747,7 +6694,7 @@ function useThemePropsDefault(props) {
   return useThemeProps$1({
     props,
     name: 'MuiStack',
-    defaultTheme: defaultTheme$2
+    defaultTheme: defaultTheme$3
   });
 }
@@ -6864,7 +6811,7 @@ function createStack(options = {}) {
         className,
         useFlexGap = false
       } = props,
-      other = _objectWithoutPropertiesLoose(props, _excluded$a);
+      other = _objectWithoutPropertiesLoose(props, _excluded$5);
     const ownerState = {
       direction,
       spacing,
@@ -7038,7 +6985,7 @@ const green = {
 };
 var green$1 = green;
-const _excluded$9 = ["mode", "contrastThreshold", "tonalOffset"];
+const _excluded$4 = ["mode", "contrastThreshold", "tonalOffset"];
 const light = {
   // The colors used to style the text.
   text: {
@@ -7207,7 +7154,7 @@ function createPalette(palette) {
       contrastThreshold = 3,
       tonalOffset = 0.2
     } = palette,
-    other = _objectWithoutPropertiesLoose(palette, _excluded$9);
+    other = _objectWithoutPropertiesLoose(palette, _excluded$4);
   const primary = palette.primary || getDefaultPrimary(mode);
   const secondary = palette.secondary || getDefaultSecondary(mode);
   const error = palette.error || getDefaultError(mode);
@@ -7331,7 +7278,7 @@ const theme2 = createTheme({ palette: {
   return paletteOutput;
 }
-const _excluded$8 = ["fontFamily", "fontSize", "fontWeightLight", "fontWeightRegular", "fontWeightMedium", "fontWeightBold", "htmlFontSize", "allVariants", "pxToRem"];
+const _excluded$3 = ["fontFamily", "fontSize", "fontWeightLight", "fontWeightRegular", "fontWeightMedium", "fontWeightBold", "htmlFontSize", "allVariants", "pxToRem"];
 function round(value) {
   return Math.round(value * 1e5) / 1e5;
 }
@@ -7362,7 +7309,7 @@ function createTypography(palette, typography) {
       allVariants,
       pxToRem: pxToRem2
     } = _ref,
-    other = _objectWithoutPropertiesLoose(_ref, _excluded$8);
+    other = _objectWithoutPropertiesLoose(_ref, _excluded$3);
   if (process.env.NODE_ENV !== 'production') {
     if (typeof fontSize !== 'number') {
       console.error('MUI: `fontSize` is required to be a number.');
@@ -7429,7 +7376,7 @@ function createShadow(...px) {
 const shadows = ['none', createShadow(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), createShadow(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), createShadow(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), createShadow(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), createShadow(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), createShadow(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), createShadow(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), createShadow(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), createShadow(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), createShadow(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), createShadow(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), createShadow(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), createShadow(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), createShadow(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), createShadow(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), createShadow(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), createShadow(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), createShadow(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), createShadow(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), createShadow(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), createShadow(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), createShadow(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), createShadow(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), createShadow(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)];
 var shadows$1 = shadows;
-const _excluded$7 = ["duration", "easing", "delay"];
+const _excluded$2 = ["duration", "easing", "delay"];
 // Follow https://material.google.com/motion/duration-easing.html#duration-easing-natural-easing-curves
 // to learn the context in which each easing should be used.
 const easing = {
@@ -7480,7 +7427,7 @@ function createTransitions(inputTransitions) {
         easing: easingOption = mergedEasing.easeInOut,
         delay = 0
       } = options,
-      other = _objectWithoutPropertiesLoose(options, _excluded$7);
+      other = _objectWithoutPropertiesLoose(options, _excluded$2);
     if (process.env.NODE_ENV !== 'production') {
       const isString = value => typeof value === 'string';
       // IE11 support, replace with Number.isNaN
@@ -7527,7 +7474,7 @@ const zIndex = {
 };
 var zIndex$1 = zIndex;
-const _excluded$6 = ["breakpoints", "mixins", "spacing", "palette", "transitions", "typography", "shape"];
+const _excluded$1 = ["breakpoints", "mixins", "spacing", "palette", "transitions", "typography", "shape"];
 function createTheme(options = {}, ...args) {
   const {
       mixins: mixinsInput = {},
@@ -7535,7 +7482,7 @@ function createTheme(options = {}, ...args) {
       transitions: transitionsInput = {},
       typography: typographyInput = {}
     } = options,
-    other = _objectWithoutPropertiesLoose(options, _excluded$6);
+    other = _objectWithoutPropertiesLoose(options, _excluded$1);
   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));
@@ -7593,17 +7540,8 @@ Please use another name.` : formatMuiErrorMessage(18));
   return muiTheme;
 }
-const defaultTheme = createTheme();
-var defaultTheme$1 = defaultTheme;
-function useTheme() {
-  const theme = useTheme$1(defaultTheme$1);
-  if (process.env.NODE_ENV !== 'production') {
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    React.useDebugValue(theme);
-  }
-  return theme[THEME_ID] || theme;
-}
+const defaultTheme$1 = createTheme();
+var defaultTheme$2 = defaultTheme$1;
 function useThemeProps({
   props,
@@ -7612,7 +7550,7 @@ function useThemeProps({
   return useThemeProps$1({
     props,
     name,
-    defaultTheme: defaultTheme$1,
+    defaultTheme: defaultTheme$2,
     themeId: THEME_ID
   });
 }
@@ -7620,30 +7558,18 @@ function useThemeProps({
 const rootShouldForwardProp = prop => shouldForwardProp(prop) && prop !== 'classes';
 const styled = createStyled({
   themeId: THEME_ID,
-  defaultTheme: defaultTheme$1,
+  defaultTheme: defaultTheme$2,
   rootShouldForwardProp
 });
 var styled$1 = styled;
-// Inspired by https://github.com/material-components/material-components-ios/blob/bca36107405594d5b7b16265a5b0ed698f85a5ee/components/Elevation/src/UIColor%2BMaterialElevation.m#L61
-const getOverlayAlpha = elevation => {
-  let alphaValue;
-  if (elevation < 1) {
-    alphaValue = 5.11916 * elevation ** 2;
-  } else {
-    alphaValue = 4.5 * Math.log(elevation + 1) + 2;
-  }
-  return (alphaValue / 100).toFixed(2);
-};
-var getOverlayAlpha$1 = getOverlayAlpha;
 function getSvgIconUtilityClass(slot) {
   return generateUtilityClass('MuiSvgIcon', slot);
 }
 generateUtilityClasses('MuiSvgIcon', ['root', 'colorPrimary', 'colorSecondary', 'colorAction', 'colorError', 'colorDisabled', 'fontSizeInherit', 'fontSizeSmall', 'fontSizeMedium', 'fontSizeLarge']);
-const _excluded$5 = ["children", "className", "color", "component", "fontSize", "htmlColor", "inheritViewBox", "titleAccess", "viewBox"];
-const useUtilityClasses$5 = ownerState => {
+const _excluded = ["children", "className", "color", "component", "fontSize", "htmlColor", "inheritViewBox", "titleAccess", "viewBox"];
+const useUtilityClasses = ownerState => {
   const {
     color,
     fontSize,
@@ -7708,7 +7634,7 @@ const SvgIcon = /*#__PURE__*/React.forwardRef(function SvgIcon(inProps, ref) {
       titleAccess,
       viewBox = '0 0 24 24'
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$5);
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const ownerState = _extends({}, props, {
     color,
     component,
@@ -7721,7 +7647,7 @@ const SvgIcon = /*#__PURE__*/React.forwardRef(function SvgIcon(inProps, ref) {
   if (!inheritViewBox) {
     more.viewBox = viewBox;
   }
-  const classes = useUtilityClasses$5(ownerState);
+  const classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/jsxs(SvgIconRoot, _extends({
     as: component,
     className: clsx(classes.root, className),
@@ -8623,118 +8549,21 @@ const themeOptions = {
 const SincoTheme = createTheme(Object.assign({}, themeOptions));
-var wellKnownSymbol$2 = wellKnownSymbol$4;
-var TO_STRING_TAG$1 = wellKnownSymbol$2('toStringTag');
-var test = {};
-test[TO_STRING_TAG$1] = 'z';
-var toStringTagSupport = String(test) === '[object z]';
-var TO_STRING_TAG_SUPPORT = toStringTagSupport;
-var isCallable$1 = isCallable$c;
-var classofRaw$1 = classofRaw$2;
-var wellKnownSymbol$1 = wellKnownSymbol$4;
-var TO_STRING_TAG = wellKnownSymbol$1('toStringTag');
-var $Object = Object;
-// ES3 wrong here
-var CORRECT_ARGUMENTS = classofRaw$1(function () { return arguments; }()) == 'Arguments';
-// fallback for IE11 Script Access Denied error
-var tryGet = function (it, key) {
-  try {
-    return it[key];
-  } catch (error) { /* empty */ }
-};
-// getting tag from ES6+ `Object.prototype.toString`
-var classof$2 = TO_STRING_TAG_SUPPORT ? classofRaw$1 : function (it) {
-  var O, tag, result;
-  return it === undefined ? 'Undefined' : it === null ? 'Null'
-    // @@toStringTag case
-    : typeof (tag = tryGet(O = $Object(it), TO_STRING_TAG)) == 'string' ? tag
-    // builtinTag case
-    : CORRECT_ARGUMENTS ? classofRaw$1(O)
-    // ES3 arguments fallback
-    : (result = classofRaw$1(O)) == 'Object' && isCallable$1(O.callee) ? 'Arguments' : result;
-};
-var classof$1 = classof$2;
-var $String = String;
-var toString$2 = function (argument) {
-  if (classof$1(argument) === 'Symbol') throw TypeError('Cannot convert a Symbol value to a string');
-  return $String(argument);
-};
-var anObject$4 = anObject$7;
-// `RegExp.prototype.flags` getter implementation
-// https://tc39.es/ecma262/#sec-get-regexp.prototype.flags
-var regexpFlags$1 = function () {
-  var that = anObject$4(this);
-  var result = '';
-  if (that.hasIndices) result += 'd';
-  if (that.global) result += 'g';
-  if (that.ignoreCase) result += 'i';
-  if (that.multiline) result += 'm';
-  if (that.dotAll) result += 's';
-  if (that.unicode) result += 'u';
-  if (that.unicodeSets) result += 'v';
-  if (that.sticky) result += 'y';
-  return result;
-};
-var fails$3 = fails$d;
-var global$3 = global$e;
-// babel-minify and Closure Compiler transpiles RegExp('a', 'y') -> /a/y and it causes SyntaxError
-var $RegExp$2 = global$3.RegExp;
-var UNSUPPORTED_Y$1 = fails$3(function () {
-  var re = $RegExp$2('a', 'y');
-  re.lastIndex = 2;
-  return re.exec('abcd') != null;
-});
-// UC Browser bug
-// https://github.com/zloirock/core-js/issues/1008
-var MISSED_STICKY = UNSUPPORTED_Y$1 || fails$3(function () {
-  return !$RegExp$2('a', 'y').sticky;
-});
-var BROKEN_CARET = UNSUPPORTED_Y$1 || fails$3(function () {
-  // https://bugzilla.mozilla.org/show_bug.cgi?id=773687
-  var re = $RegExp$2('^r', 'gy');
-  re.lastIndex = 2;
-  return re.exec('str') != null;
-});
-var regexpStickyHelpers = {
-  BROKEN_CARET: BROKEN_CARET,
-  MISSED_STICKY: MISSED_STICKY,
-  UNSUPPORTED_Y: UNSUPPORTED_Y$1
-};
 var objectDefineProperties = {};
-var DESCRIPTORS = descriptors;
+var DESCRIPTORS$1 = descriptors;
 var V8_PROTOTYPE_DEFINE_BUG = v8PrototypeDefineBug;
 var definePropertyModule = objectDefineProperty;
-var anObject$3 = anObject$7;
-var toIndexedObject = toIndexedObject$4;
+var anObject$2 = anObject$5;
+var toIndexedObject$1 = toIndexedObject$5;
 var objectKeys = objectKeys$2;
 // `Object.defineProperties` method
 // https://tc39.es/ecma262/#sec-object.defineproperties
 // eslint-disable-next-line es/no-object-defineproperties -- safe
-objectDefineProperties.f = DESCRIPTORS && !V8_PROTOTYPE_DEFINE_BUG ? Object.defineProperties : function defineProperties(O, Properties) {
-  anObject$3(O);
-  var props = toIndexedObject(Properties);
+objectDefineProperties.f = DESCRIPTORS$1 && !V8_PROTOTYPE_DEFINE_BUG ? Object.defineProperties : function defineProperties(O, Properties) {
+  anObject$2(O);
+  var props = toIndexedObject$1(Properties);
   var keys = objectKeys(Properties);
   var length = keys.length;
   var index = 0;
@@ -8749,19 +8578,19 @@ var html$1 = getBuiltIn('document', 'documentElement');
 /* global ActiveXObject -- old IE, WSH */
-var anObject$2 = anObject$7;
+var anObject$1 = anObject$5;
 var definePropertiesModule = objectDefineProperties;
 var enumBugKeys = enumBugKeys$3;
 var hiddenKeys = hiddenKeys$4;
 var html = html$1;
-var documentCreateElement = documentCreateElement$1;
-var sharedKey = sharedKey$2;
+var documentCreateElement$1 = documentCreateElement$2;
+var sharedKey$1 = sharedKey$3;
 var GT = '>';
 var LT = '<';
 var PROTOTYPE = 'prototype';
 var SCRIPT = 'script';
-var IE_PROTO = sharedKey('IE_PROTO');
+var IE_PROTO$1 = sharedKey$1('IE_PROTO');
 var EmptyConstructor = function () { /* empty */ };
@@ -8781,7 +8610,7 @@ var NullProtoObjectViaActiveX = function (activeXDocument) {
 // Create object with fake `null` prototype: use iframe Object with cleared prototype
 var NullProtoObjectViaIFrame = function () {
   // Thrash, waste and sodomy: IE GC bug
-  var iframe = documentCreateElement('iframe');
+  var iframe = documentCreateElement$1('iframe');
   var JS = 'java' + SCRIPT + ':';
   var iframeDocument;
   iframe.style.display = 'none';
@@ -8815,7 +8644,7 @@ var NullProtoObject = function () {
   return NullProtoObject();
 };
-hiddenKeys[IE_PROTO] = true;
+hiddenKeys[IE_PROTO$1] = true;
 // `Object.create` method
 // https://tc39.es/ecma262/#sec-object.create
@@ -8823,785 +8652,458 @@ hiddenKeys[IE_PROTO] = true;
 var objectCreate = Object.create || function create(O, Properties) {
   var result;
   if (O !== null) {
-    EmptyConstructor[PROTOTYPE] = anObject$2(O);
+    EmptyConstructor[PROTOTYPE] = anObject$1(O);
     result = new EmptyConstructor();
     EmptyConstructor[PROTOTYPE] = null;
     // add "__proto__" for Object.getPrototypeOf polyfill
-    result[IE_PROTO] = O;
+    result[IE_PROTO$1] = O;
   } else result = NullProtoObject();
   return Properties === undefined ? result : definePropertiesModule.f(result, Properties);
 };
-var fails$2 = fails$d;
-var global$2 = global$e;
+var wellKnownSymbol$4 = wellKnownSymbol$6;
+var create$1 = objectCreate;
+var defineProperty$2 = objectDefineProperty.f;
-// babel-minify and Closure Compiler transpiles RegExp('.', 's') -> /./s and it causes SyntaxError
-var $RegExp$1 = global$2.RegExp;
+var UNSCOPABLES = wellKnownSymbol$4('unscopables');
+var ArrayPrototype = Array.prototype;
-var regexpUnsupportedDotAll = fails$2(function () {
-  var re = $RegExp$1('.', 's');
-  return !(re.dotAll && re.exec('\n') && re.flags === 's');
-});
+// Array.prototype[@@unscopables]
+// https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
+if (ArrayPrototype[UNSCOPABLES] == undefined) {
+  defineProperty$2(ArrayPrototype, UNSCOPABLES, {
+    configurable: true,
+    value: create$1(null)
+  });
+}
-var fails$1 = fails$d;
-var global$1 = global$e;
+// add a key to Array.prototype[@@unscopables]
+var addToUnscopables$1 = function (key) {
+  ArrayPrototype[UNSCOPABLES][key] = true;
+};
+var iterators = {};
-// babel-minify and Closure Compiler transpiles RegExp('(?<a>b)', 'g') -> /(?<a>b)/g and it causes SyntaxError
-var $RegExp = global$1.RegExp;
+var fails$1 = fails$b;
-var regexpUnsupportedNcg = fails$1(function () {
-  var re = $RegExp('(?<a>b)', 'g');
-  return re.exec('b').groups.a !== 'b' ||
-    'b'.replace(re, '$<a>c') !== 'bc';
+var correctPrototypeGetter = !fails$1(function () {
+  function F() { /* empty */ }
+  F.prototype.constructor = null;
+  // eslint-disable-next-line es/no-object-getprototypeof -- required for testing
+  return Object.getPrototypeOf(new F()) !== F.prototype;
 });
-/* eslint-disable regexp/no-empty-capturing-group, regexp/no-empty-group, regexp/no-lazy-ends -- testing */
-/* eslint-disable regexp/no-useless-quantifier -- testing */
-var call$2 = functionCall;
-var uncurryThis$2 = functionUncurryThis;
-var toString$1 = toString$2;
-var regexpFlags = regexpFlags$1;
-var stickyHelpers = regexpStickyHelpers;
-var shared = shared$4.exports;
-var create = objectCreate;
-var getInternalState = internalState.get;
-var UNSUPPORTED_DOT_ALL = regexpUnsupportedDotAll;
-var UNSUPPORTED_NCG = regexpUnsupportedNcg;
-var nativeReplace = shared('native-string-replace', String.prototype.replace);
-var nativeExec = RegExp.prototype.exec;
-var patchedExec = nativeExec;
-var charAt = uncurryThis$2(''.charAt);
-var indexOf = uncurryThis$2(''.indexOf);
-var replace = uncurryThis$2(''.replace);
-var stringSlice = uncurryThis$2(''.slice);
-var UPDATES_LAST_INDEX_WRONG = (function () {
-  var re1 = /a/;
-  var re2 = /b*/g;
-  call$2(nativeExec, re1, 'a');
-  call$2(nativeExec, re2, 'a');
-  return re1.lastIndex !== 0 || re2.lastIndex !== 0;
-})();
-var UNSUPPORTED_Y = stickyHelpers.BROKEN_CARET;
-// nonparticipating capturing group, copied from es5-shim's String#split patch.
-var NPCG_INCLUDED = /()??/.exec('')[1] !== undefined;
-var PATCH = UPDATES_LAST_INDEX_WRONG || NPCG_INCLUDED || UNSUPPORTED_Y || UNSUPPORTED_DOT_ALL || UNSUPPORTED_NCG;
-if (PATCH) {
-  patchedExec = function exec(string) {
-    var re = this;
-    var state = getInternalState(re);
-    var str = toString$1(string);
-    var raw = state.raw;
-    var result, reCopy, lastIndex, match, i, object, group;
-    if (raw) {
-      raw.lastIndex = re.lastIndex;
-      result = call$2(patchedExec, raw, str);
-      re.lastIndex = raw.lastIndex;
-      return result;
-    }
-    var groups = state.groups;
-    var sticky = UNSUPPORTED_Y && re.sticky;
-    var flags = call$2(regexpFlags, re);
-    var source = re.source;
-    var charsAdded = 0;
-    var strCopy = str;
-    if (sticky) {
-      flags = replace(flags, 'y', '');
-      if (indexOf(flags, 'g') === -1) {
-        flags += 'g';
-      }
+var hasOwn$1 = hasOwnProperty_1;
+var isCallable$3 = isCallable$e;
+var toObject = toObject$4;
+var sharedKey = sharedKey$3;
+var CORRECT_PROTOTYPE_GETTER = correctPrototypeGetter;
-      strCopy = stringSlice(str, re.lastIndex);
-      // Support anchored sticky behavior.
-      if (re.lastIndex > 0 && (!re.multiline || re.multiline && charAt(str, re.lastIndex - 1) !== '\n')) {
-        source = '(?: ' + source + ')';
-        strCopy = ' ' + strCopy;
-        charsAdded++;
-      }
-      // ^(? + rx + ) is needed, in combination with some str slicing, to
-      // simulate the 'y' flag.
-      reCopy = new RegExp('^(?:' + source + ')', flags);
-    }
-    if (NPCG_INCLUDED) {
-      reCopy = new RegExp('^' + source + '$(?!\\s)', flags);
-    }
-    if (UPDATES_LAST_INDEX_WRONG) lastIndex = re.lastIndex;
-    match = call$2(nativeExec, sticky ? reCopy : re, strCopy);
-    if (sticky) {
-      if (match) {
-        match.input = stringSlice(match.input, charsAdded);
-        match[0] = stringSlice(match[0], charsAdded);
-        match.index = re.lastIndex;
-        re.lastIndex += match[0].length;
-      } else re.lastIndex = 0;
-    } else if (UPDATES_LAST_INDEX_WRONG && match) {
-      re.lastIndex = re.global ? match.index + match[0].length : lastIndex;
-    }
-    if (NPCG_INCLUDED && match && match.length > 1) {
-      // Fix browsers whose `exec` methods don't consistently return `undefined`
-      // for NPCG, like IE8. NOTE: This doesn't work for /(.?)?/
-      call$2(nativeReplace, match[0], reCopy, function () {
-        for (i = 1; i < arguments.length - 2; i++) {
-          if (arguments[i] === undefined) match[i] = undefined;
-        }
-      });
-    }
+var IE_PROTO = sharedKey('IE_PROTO');
+var $Object = Object;
+var ObjectPrototype = $Object.prototype;
+// `Object.getPrototypeOf` method
+// https://tc39.es/ecma262/#sec-object.getprototypeof
+// eslint-disable-next-line es/no-object-getprototypeof -- safe
+var objectGetPrototypeOf = CORRECT_PROTOTYPE_GETTER ? $Object.getPrototypeOf : function (O) {
+  var object = toObject(O);
+  if (hasOwn$1(object, IE_PROTO)) return object[IE_PROTO];
+  var constructor = object.constructor;
+  if (isCallable$3(constructor) && object instanceof constructor) {
+    return constructor.prototype;
+  } return object instanceof $Object ? ObjectPrototype : null;
+};
+var fails = fails$b;
+var isCallable$2 = isCallable$e;
+var isObject = isObject$6;
+var getPrototypeOf$1 = objectGetPrototypeOf;
+var defineBuiltIn$1 = defineBuiltIn$3;
+var wellKnownSymbol$3 = wellKnownSymbol$6;
+var ITERATOR$2 = wellKnownSymbol$3('iterator');
+var BUGGY_SAFARI_ITERATORS$1 = false;
+// `%IteratorPrototype%` object
+// https://tc39.es/ecma262/#sec-%iteratorprototype%-object
+var IteratorPrototype$2, PrototypeOfArrayIteratorPrototype, arrayIterator;
+/* eslint-disable es/no-array-prototype-keys -- safe */
+if ([].keys) {
+  arrayIterator = [].keys();
+  // Safari 8 has buggy iterators w/o `next`
+  if (!('next' in arrayIterator)) BUGGY_SAFARI_ITERATORS$1 = true;
+  else {
+    PrototypeOfArrayIteratorPrototype = getPrototypeOf$1(getPrototypeOf$1(arrayIterator));
+    if (PrototypeOfArrayIteratorPrototype !== Object.prototype) IteratorPrototype$2 = PrototypeOfArrayIteratorPrototype;
+  }
+}
+var NEW_ITERATOR_PROTOTYPE = !isObject(IteratorPrototype$2) || fails(function () {
+  var test = {};
+  // FF44- legacy iterators case
+  return IteratorPrototype$2[ITERATOR$2].call(test) !== test;
+});
-    if (match && groups) {
-      match.groups = object = create(null);
-      for (i = 0; i < groups.length; i++) {
-        group = groups[i];
-        object[group[0]] = match[group[1]];
-      }
-    }
+if (NEW_ITERATOR_PROTOTYPE) IteratorPrototype$2 = {};
-    return match;
-  };
+// `%IteratorPrototype%[@@iterator]()` method
+// https://tc39.es/ecma262/#sec-%iteratorprototype%-@@iterator
+if (!isCallable$2(IteratorPrototype$2[ITERATOR$2])) {
+  defineBuiltIn$1(IteratorPrototype$2, ITERATOR$2, function () {
+    return this;
+  });
 }
-var regexpExec$2 = patchedExec;
+var iteratorsCore = {
+  IteratorPrototype: IteratorPrototype$2,
+  BUGGY_SAFARI_ITERATORS: BUGGY_SAFARI_ITERATORS$1
+};
-var $ = _export;
-var exec = regexpExec$2;
+var defineProperty$1 = objectDefineProperty.f;
+var hasOwn = hasOwnProperty_1;
+var wellKnownSymbol$2 = wellKnownSymbol$6;
-// `RegExp.prototype.exec` method
-// https://tc39.es/ecma262/#sec-regexp.prototype.exec
-$({ target: 'RegExp', proto: true, forced: /./.exec !== exec }, {
-  exec: exec
-});
+var TO_STRING_TAG$1 = wellKnownSymbol$2('toStringTag');
-var classofRaw = classofRaw$2;
-var uncurryThis$1 = functionUncurryThis;
+var setToStringTag$2 = function (target, TAG, STATIC) {
+  if (target && !STATIC) target = target.prototype;
+  if (target && !hasOwn(target, TO_STRING_TAG$1)) {
+    defineProperty$1(target, TO_STRING_TAG$1, { configurable: true, value: TAG });
+  }
+};
+var IteratorPrototype$1 = iteratorsCore.IteratorPrototype;
+var create = objectCreate;
+var createPropertyDescriptor = createPropertyDescriptor$3;
+var setToStringTag$1 = setToStringTag$2;
+var Iterators$2 = iterators;
-var functionUncurryThisClause = function (fn) {
-  // Nashorn bug:
-  //   https://github.com/zloirock/core-js/issues/1128
-  //   https://github.com/zloirock/core-js/issues/1130
-  if (classofRaw(fn) === 'Function') return uncurryThis$1(fn);
+var returnThis$1 = function () { return this; };
+var iteratorCreateConstructor = function (IteratorConstructor, NAME, next, ENUMERABLE_NEXT) {
+  var TO_STRING_TAG = NAME + ' Iterator';
+  IteratorConstructor.prototype = create(IteratorPrototype$1, { next: createPropertyDescriptor(+!ENUMERABLE_NEXT, next) });
+  setToStringTag$1(IteratorConstructor, TO_STRING_TAG, false);
+  Iterators$2[TO_STRING_TAG] = returnThis$1;
+  return IteratorConstructor;
 };
-// TODO: Remove from `core-js@4` since it's moved to entry points
+var uncurryThis = functionUncurryThis;
+var aCallable = aCallable$2;
-var uncurryThis = functionUncurryThisClause;
-var defineBuiltIn = defineBuiltIn$2;
-var regexpExec$1 = regexpExec$2;
-var fails = fails$d;
-var wellKnownSymbol = wellKnownSymbol$4;
-var createNonEnumerableProperty = createNonEnumerableProperty$3;
+var functionUncurryThisAccessor = function (object, key, method) {
+  try {
+    // eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
+    return uncurryThis(aCallable(Object.getOwnPropertyDescriptor(object, key)[method]));
+  } catch (error) { /* empty */ }
+};
-var SPECIES = wellKnownSymbol('species');
-var RegExpPrototype = RegExp.prototype;
+var isCallable$1 = isCallable$e;
-var fixRegexpWellKnownSymbolLogic = function (KEY, exec, FORCED, SHAM) {
-  var SYMBOL = wellKnownSymbol(KEY);
+var $String = String;
+var $TypeError = TypeError;
-  var DELEGATES_TO_SYMBOL = !fails(function () {
-    // String methods call symbol-named RegEp methods
-    var O = {};
-    O[SYMBOL] = function () { return 7; };
-    return ''[KEY](O) != 7;
-  });
+var aPossiblePrototype$1 = function (argument) {
+  if (typeof argument == 'object' || isCallable$1(argument)) return argument;
+  throw $TypeError("Can't set " + $String(argument) + ' as a prototype');
+};
-  var DELEGATES_TO_EXEC = DELEGATES_TO_SYMBOL && !fails(function () {
-    // Symbol-named RegExp methods call .exec
-    var execCalled = false;
-    var re = /a/;
+/* eslint-disable no-proto -- safe */
-    if (KEY === 'split') {
-      // We can't use real regex here since it causes deoptimization
-      // and serious performance degradation in V8
-      // https://github.com/zloirock/core-js/issues/306
-      re = {};
-      // RegExp[@@split] doesn't call the regex's exec method, but first creates
-      // a new one. We need to return the patched regex when creating the new one.
-      re.constructor = {};
-      re.constructor[SPECIES] = function () { return re; };
-      re.flags = '';
-      re[SYMBOL] = /./[SYMBOL];
-    }
+var uncurryThisAccessor = functionUncurryThisAccessor;
+var anObject = anObject$5;
+var aPossiblePrototype = aPossiblePrototype$1;
-    re.exec = function () { execCalled = true; return null; };
+// `Object.setPrototypeOf` method
+// https://tc39.es/ecma262/#sec-object.setprototypeof
+// Works with __proto__ only. Old v8 can't work with null proto objects.
+// eslint-disable-next-line es/no-object-setprototypeof -- safe
+var objectSetPrototypeOf = Object.setPrototypeOf || ('__proto__' in {} ? function () {
+  var CORRECT_SETTER = false;
+  var test = {};
+  var setter;
+  try {
+    setter = uncurryThisAccessor(Object.prototype, '__proto__', 'set');
+    setter(test, []);
+    CORRECT_SETTER = test instanceof Array;
+  } catch (error) { /* empty */ }
+  return function setPrototypeOf(O, proto) {
+    anObject(O);
+    aPossiblePrototype(proto);
+    if (CORRECT_SETTER) setter(O, proto);
+    else O.__proto__ = proto;
+    return O;
+  };
+}() : undefined);
-    re[SYMBOL]('');
-    return !execCalled;
-  });
+var $ = _export;
+var call = functionCall;
+var FunctionName = functionName;
+var isCallable = isCallable$e;
+var createIteratorConstructor = iteratorCreateConstructor;
+var getPrototypeOf = objectGetPrototypeOf;
+var setPrototypeOf = objectSetPrototypeOf;
+var setToStringTag = setToStringTag$2;
+var createNonEnumerableProperty$1 = createNonEnumerableProperty$4;
+var defineBuiltIn = defineBuiltIn$3;
+var wellKnownSymbol$1 = wellKnownSymbol$6;
+var Iterators$1 = iterators;
+var IteratorsCore = iteratorsCore;
+var PROPER_FUNCTION_NAME = FunctionName.PROPER;
+var CONFIGURABLE_FUNCTION_NAME = FunctionName.CONFIGURABLE;
+var IteratorPrototype = IteratorsCore.IteratorPrototype;
+var BUGGY_SAFARI_ITERATORS = IteratorsCore.BUGGY_SAFARI_ITERATORS;
+var ITERATOR$1 = wellKnownSymbol$1('iterator');
+var KEYS = 'keys';
+var VALUES = 'values';
+var ENTRIES = 'entries';
+var returnThis = function () { return this; };
+var iteratorDefine = function (Iterable, NAME, IteratorConstructor, next, DEFAULT, IS_SET, FORCED) {
+  createIteratorConstructor(IteratorConstructor, NAME, next);
+  var getIterationMethod = function (KIND) {
+    if (KIND === DEFAULT && defaultIterator) return defaultIterator;
+    if (!BUGGY_SAFARI_ITERATORS && 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); };
+  };
-  if (
-    !DELEGATES_TO_SYMBOL ||
-    !DELEGATES_TO_EXEC ||
-    FORCED
-  ) {
-    var uncurriedNativeRegExpMethod = uncurryThis(/./[SYMBOL]);
-    var methods = exec(SYMBOL, ''[KEY], function (nativeMethod, regexp, str, arg2, forceStringMethod) {
-      var uncurriedNativeMethod = uncurryThis(nativeMethod);
-      var $exec = regexp.exec;
-      if ($exec === regexpExec$1 || $exec === RegExpPrototype.exec) {
-        if (DELEGATES_TO_SYMBOL && !forceStringMethod) {
-          // The native String method already delegates to @@method (this
-          // polyfilled function), leasing to infinite recursion.
-          // We avoid it by directly calling the native @@method method.
-          return { done: true, value: uncurriedNativeRegExpMethod(regexp, str, arg2) };
+  var TO_STRING_TAG = NAME + ' Iterator';
+  var INCORRECT_VALUES_NAME = false;
+  var IterablePrototype = Iterable.prototype;
+  var nativeIterator = IterablePrototype[ITERATOR$1]
+    || IterablePrototype['@@iterator']
+    || DEFAULT && IterablePrototype[DEFAULT];
+  var defaultIterator = !BUGGY_SAFARI_ITERATORS && nativeIterator || getIterationMethod(DEFAULT);
+  var anyNativeIterator = NAME == 'Array' ? IterablePrototype.entries || nativeIterator : nativeIterator;
+  var CurrentIteratorPrototype, methods, KEY;
+  // fix native
+  if (anyNativeIterator) {
+    CurrentIteratorPrototype = getPrototypeOf(anyNativeIterator.call(new Iterable()));
+    if (CurrentIteratorPrototype !== Object.prototype && CurrentIteratorPrototype.next) {
+      if (getPrototypeOf(CurrentIteratorPrototype) !== IteratorPrototype) {
+        if (setPrototypeOf) {
+          setPrototypeOf(CurrentIteratorPrototype, IteratorPrototype);
+        } else if (!isCallable(CurrentIteratorPrototype[ITERATOR$1])) {
+          defineBuiltIn(CurrentIteratorPrototype, ITERATOR$1, returnThis);
         }
-        return { done: true, value: uncurriedNativeMethod(str, regexp, arg2) };
       }
-      return { done: false };
-    });
+      // Set @@toStringTag to native iterators
+      setToStringTag(CurrentIteratorPrototype, TO_STRING_TAG, true);
+    }
+  }
+  // fix Array.prototype.{ values, @@iterator }.name in V8 / FF
+  if (PROPER_FUNCTION_NAME && DEFAULT == VALUES && nativeIterator && nativeIterator.name !== VALUES) {
+    if (CONFIGURABLE_FUNCTION_NAME) {
+      createNonEnumerableProperty$1(IterablePrototype, 'name', VALUES);
+    } else {
+      INCORRECT_VALUES_NAME = true;
+      defaultIterator = function values() { return call(nativeIterator, this); };
+    }
+  }
-    defineBuiltIn(String.prototype, KEY, methods[0]);
-    defineBuiltIn(RegExpPrototype, SYMBOL, methods[1]);
+  // export additional methods
+  if (DEFAULT) {
+    methods = {
+      values: getIterationMethod(VALUES),
+      keys: IS_SET ? defaultIterator : getIterationMethod(KEYS),
+      entries: getIterationMethod(ENTRIES)
+    };
+    if (FORCED) for (KEY in methods) {
+      if (BUGGY_SAFARI_ITERATORS || INCORRECT_VALUES_NAME || !(KEY in IterablePrototype)) {
+        defineBuiltIn(IterablePrototype, KEY, methods[KEY]);
+      }
+    } else $({ target: NAME, proto: true, forced: BUGGY_SAFARI_ITERATORS || INCORRECT_VALUES_NAME }, methods);
   }
-  if (SHAM) createNonEnumerableProperty(RegExpPrototype[SYMBOL], 'sham', true);
-};
+  // define iterator
+  if (IterablePrototype[ITERATOR$1] !== defaultIterator) {
+    defineBuiltIn(IterablePrototype, ITERATOR$1, defaultIterator, { name: DEFAULT });
+  }
+  Iterators$1[NAME] = defaultIterator;
-// `SameValue` abstract operation
-// https://tc39.es/ecma262/#sec-samevalue
-// 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 methods;
 };
-var call$1 = functionCall;
-var anObject$1 = anObject$7;
-var isCallable = isCallable$c;
-var classof = classofRaw$2;
-var regexpExec = regexpExec$2;
+// `CreateIterResultObject` abstract operation
+// https://tc39.es/ecma262/#sec-createiterresultobject
+var createIterResultObject$1 = function (value, done) {
+  return { value: value, done: done };
+};
-var $TypeError = TypeError;
+var toIndexedObject = toIndexedObject$5;
+var addToUnscopables = addToUnscopables$1;
+var Iterators = iterators;
+var InternalStateModule = internalState;
+var defineProperty = objectDefineProperty.f;
+var defineIterator = iteratorDefine;
+var createIterResultObject = createIterResultObject$1;
+var DESCRIPTORS = descriptors;
-// `RegExpExec` abstract operation
-// https://tc39.es/ecma262/#sec-regexpexec
-var regexpExecAbstract = function (R, S) {
-  var exec = R.exec;
-  if (isCallable(exec)) {
-    var result = call$1(exec, R, S);
-    if (result !== null) anObject$1(result);
-    return result;
+var ARRAY_ITERATOR = 'Array Iterator';
+var setInternalState = InternalStateModule.set;
+var getInternalState = InternalStateModule.getterFor(ARRAY_ITERATOR);
+// `Array.prototype.entries` method
+// https://tc39.es/ecma262/#sec-array.prototype.entries
+// `Array.prototype.keys` method
+// https://tc39.es/ecma262/#sec-array.prototype.keys
+// `Array.prototype.values` method
+// https://tc39.es/ecma262/#sec-array.prototype.values
+// `Array.prototype[@@iterator]` method
+// https://tc39.es/ecma262/#sec-array.prototype-@@iterator
+// `CreateArrayIterator` internal method
+// https://tc39.es/ecma262/#sec-createarrayiterator
+var es_array_iterator = defineIterator(Array, 'Array', function (iterated, kind) {
+  setInternalState(this, {
+    type: ARRAY_ITERATOR,
+    target: toIndexedObject(iterated), // target
+    index: 0,                          // next index
+    kind: kind                         // kind
+  });
+// `%ArrayIteratorPrototype%.next` method
+// https://tc39.es/ecma262/#sec-%arrayiteratorprototype%.next
+}, function () {
+  var state = getInternalState(this);
+  var target = state.target;
+  var kind = state.kind;
+  var index = state.index++;
+  if (!target || index >= target.length) {
+    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);
+}, 'values');
+// argumentsList[@@iterator] is %ArrayProto_values%
+// https://tc39.es/ecma262/#sec-createunmappedargumentsobject
+// https://tc39.es/ecma262/#sec-createmappedargumentsobject
+var values = Iterators.Arguments = Iterators.Array;
+// https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
+addToUnscopables('keys');
+addToUnscopables('values');
+addToUnscopables('entries');
+// V8 ~ Chrome 45- bug
+if (DESCRIPTORS && values.name !== 'values') try {
+  defineProperty(values, 'name', { value: 'values' });
+} catch (error) { /* empty */ }
+// iterable DOM collections
+// flag - `iterable` interface - 'entries', 'keys', 'values', 'forEach' methods
+var domIterables = {
+  CSSRuleList: 0,
+  CSSStyleDeclaration: 0,
+  CSSValueList: 0,
+  ClientRectList: 0,
+  DOMRectList: 0,
+  DOMStringList: 0,
+  DOMTokenList: 1,
+  DataTransferItemList: 0,
+  FileList: 0,
+  HTMLAllCollection: 0,
+  HTMLCollection: 0,
+  HTMLFormElement: 0,
+  HTMLSelectElement: 0,
+  MediaList: 0,
+  MimeTypeArray: 0,
+  NamedNodeMap: 0,
+  NodeList: 1,
+  PaintRequestList: 0,
+  Plugin: 0,
+  PluginArray: 0,
+  SVGLengthList: 0,
+  SVGNumberList: 0,
+  SVGPathSegList: 0,
+  SVGPointList: 0,
+  SVGStringList: 0,
+  SVGTransformList: 0,
+  SourceBufferList: 0,
+  StyleSheetList: 0,
+  TextTrackCueList: 0,
+  TextTrackList: 0,
+  TouchList: 0
+};
+// in old WebKit versions, `element.classList` is not an instance of global `DOMTokenList`
+var documentCreateElement = documentCreateElement$2;
+var classList = documentCreateElement('span').classList;
+var DOMTokenListPrototype$1 = classList && classList.constructor && classList.constructor.prototype;
+var domTokenListPrototype = DOMTokenListPrototype$1 === Object.prototype ? undefined : DOMTokenListPrototype$1;
+var global$1 = global$c;
+var DOMIterables = domIterables;
+var DOMTokenListPrototype = domTokenListPrototype;
+var ArrayIteratorMethods = es_array_iterator;
+var createNonEnumerableProperty = createNonEnumerableProperty$4;
+var wellKnownSymbol = wellKnownSymbol$6;
+var ITERATOR = wellKnownSymbol('iterator');
+var TO_STRING_TAG = wellKnownSymbol('toStringTag');
+var ArrayValues = ArrayIteratorMethods.values;
+var handlePrototype = function (CollectionPrototype, COLLECTION_NAME) {
+  if (CollectionPrototype) {
+    // some Chrome versions have non-configurable methods on DOMTokenList
+    if (CollectionPrototype[ITERATOR] !== ArrayValues) try {
+      createNonEnumerableProperty(CollectionPrototype, ITERATOR, ArrayValues);
+    } catch (error) {
+      CollectionPrototype[ITERATOR] = ArrayValues;
+    }
+    if (!CollectionPrototype[TO_STRING_TAG]) {
+      createNonEnumerableProperty(CollectionPrototype, TO_STRING_TAG, COLLECTION_NAME);
+    }
+    if (DOMIterables[COLLECTION_NAME]) for (var METHOD_NAME in ArrayIteratorMethods) {
+      // some Chrome versions have non-configurable methods on DOMTokenList
+      if (CollectionPrototype[METHOD_NAME] !== ArrayIteratorMethods[METHOD_NAME]) try {
+        createNonEnumerableProperty(CollectionPrototype, METHOD_NAME, ArrayIteratorMethods[METHOD_NAME]);
+      } catch (error) {
+        CollectionPrototype[METHOD_NAME] = ArrayIteratorMethods[METHOD_NAME];
+      }
+    }
   }
-  if (classof(R) === 'RegExp') return call$1(regexpExec, R, S);
-  throw $TypeError('RegExp#exec called on incompatible receiver');
 };
-var call = functionCall;
-var fixRegExpWellKnownSymbolLogic = fixRegexpWellKnownSymbolLogic;
-var anObject = anObject$7;
-var isNullOrUndefined = isNullOrUndefined$3;
-var requireObjectCoercible = requireObjectCoercible$3;
-var sameValue = sameValue$1;
-var toString = toString$2;
-var getMethod = getMethod$2;
-var regExpExec = regexpExecAbstract;
-// @@search logic
-fixRegExpWellKnownSymbolLogic('search', function (SEARCH, nativeSearch, maybeCallNative) {
-  return [
-    // `String.prototype.search` method
-    // https://tc39.es/ecma262/#sec-string.prototype.search
-    function search(regexp) {
-      var O = requireObjectCoercible(this);
-      var searcher = isNullOrUndefined(regexp) ? undefined : getMethod(regexp, SEARCH);
-      return searcher ? call(searcher, regexp, O) : new RegExp(regexp)[SEARCH](toString(O));
-    },
-    // `RegExp.prototype[@@search]` method
-    // https://tc39.es/ecma262/#sec-regexp.prototype-@@search
-    function (string) {
-      var rx = anObject(this);
-      var S = toString(string);
-      var res = maybeCallNative(nativeSearch, rx, S);
-      if (res.done) return res.value;
-      var previousLastIndex = rx.lastIndex;
-      if (!sameValue(previousLastIndex, 0)) rx.lastIndex = 0;
-      var result = regExpExec(rx, S);
-      if (!sameValue(rx.lastIndex, previousLastIndex)) rx.lastIndex = previousLastIndex;
-      return result === null ? -1 : result.index;
-    }
-  ];
-});
-function getPaperUtilityClass(slot) {
-  return generateUtilityClass('MuiPaper', slot);
+for (var COLLECTION_NAME in DOMIterables) {
+  handlePrototype(global$1[COLLECTION_NAME] && global$1[COLLECTION_NAME].prototype, COLLECTION_NAME);
 }
-generateUtilityClasses('MuiPaper', ['root', 'rounded', 'outlined', 'elevation', 'elevation0', 'elevation1', 'elevation2', 'elevation3', 'elevation4', 'elevation5', 'elevation6', 'elevation7', 'elevation8', 'elevation9', 'elevation10', 'elevation11', 'elevation12', 'elevation13', 'elevation14', 'elevation15', 'elevation16', 'elevation17', 'elevation18', 'elevation19', 'elevation20', 'elevation21', 'elevation22', 'elevation23', 'elevation24']);
-const _excluded$4 = ["className", "component", "elevation", "square", "variant"];
-const useUtilityClasses$4 = ownerState => {
-  const {
-    square,
-    elevation,
-    variant,
-    classes
-  } = ownerState;
-  const slots = {
-    root: ['root', variant, !square && 'rounded', variant === 'elevation' && `elevation${elevation}`]
-  };
-  return composeClasses(slots, getPaperUtilityClass, classes);
-};
-const PaperRoot = styled$1('div', {
-  name: 'MuiPaper',
-  slot: 'Root',
-  overridesResolver: (props, styles) => {
-    const {
-      ownerState
-    } = props;
-    return [styles.root, styles[ownerState.variant], !ownerState.square && styles.rounded, ownerState.variant === 'elevation' && styles[`elevation${ownerState.elevation}`]];
-  }
-})(({
-  theme,
-  ownerState
-}) => {
-  var _theme$vars$overlays;
-  return _extends({
-    backgroundColor: (theme.vars || theme).palette.background.paper,
-    color: (theme.vars || theme).palette.text.primary,
-    transition: theme.transitions.create('box-shadow')
-  }, !ownerState.square && {
-    borderRadius: theme.shape.borderRadius
-  }, ownerState.variant === 'outlined' && {
-    border: `1px solid ${(theme.vars || theme).palette.divider}`
-  }, ownerState.variant === 'elevation' && _extends({
-    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))})`
-  }, theme.vars && {
-    backgroundImage: (_theme$vars$overlays = theme.vars.overlays) == null ? void 0 : _theme$vars$overlays[ownerState.elevation]
-  }));
-});
-const Paper = /*#__PURE__*/React.forwardRef(function Paper(inProps, ref) {
-  const props = useThemeProps({
-    props: inProps,
-    name: 'MuiPaper'
-  });
-  const {
-      className,
-      component = 'div',
-      elevation = 1,
-      square = false,
-      variant = 'elevation'
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$4);
-  const ownerState = _extends({}, props, {
-    component,
-    elevation,
-    square,
-    variant
-  });
-  const classes = useUtilityClasses$4(ownerState);
-  if (process.env.NODE_ENV !== 'production') {
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    const theme = useTheme();
-    if (theme.shadows[elevation] === undefined) {
-      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({
-    as: component,
-    ownerState: ownerState,
-    className: clsx(classes.root, className),
-    ref: ref
-  }, other));
+handlePrototype(DOMTokenListPrototype, 'DOMTokenList');
+const defaultTheme = createTheme();
+const Box = createBox({
+  themeId: THEME_ID,
+  defaultTheme,
+  defaultClassName: 'MuiBox-root',
+  generateClassName: ClassNameGenerator$1.generate
 });
-process.env.NODE_ENV !== "production" ? Paper.propTypes /* remove-proptypes */ = {
+process.env.NODE_ENV !== "production" ? Box.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // |     To update them edit the d.ts file and run "yarn proptypes"     |
   // ----------------------------------------------------------------------
   /**
-   * The content of the component.
+   * @ignore
    */
   children: PropTypes.node,
   /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: PropTypes.object,
-  /**
-   * @ignore
-   */
-  className: PropTypes.string,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: PropTypes.elementType,
-  /**
-   * Shadow depth, corresponds to `dp` in the spec.
-   * It accepts values between 0 and 24 inclusive.
-   * @default 1
-   */
-  elevation: chainPropTypes(integerPropType, props => {
-    const {
-      elevation,
-      variant
-    } = props;
-    if (elevation > 0 && variant === 'outlined') {
-      return new Error(`MUI: Combining \`elevation={${elevation}}\` with \`variant="${variant}"\` has no effect. Either use \`elevation={0}\` or use a different \`variant\`.`);
-    }
-    return null;
-  }),
-  /**
-   * If `true`, rounded corners are disabled.
-   * @default false
-   */
-  square: PropTypes.bool,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
-  /**
-   * The variant to use.
-   * @default 'elevation'
-   */
-  variant: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['elevation', 'outlined']), PropTypes.string])
-} : void 0;
-var Paper$1 = Paper;
-function getTypographyUtilityClass(slot) {
-  return generateUtilityClass('MuiTypography', slot);
-}
-generateUtilityClasses('MuiTypography', ['root', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'subtitle1', 'subtitle2', 'body1', 'body2', 'inherit', 'button', 'caption', 'overline', 'alignLeft', 'alignRight', 'alignCenter', 'alignJustify', 'noWrap', 'gutterBottom', 'paragraph']);
-const _excluded$3 = ["align", "className", "component", "gutterBottom", "noWrap", "paragraph", "variant", "variantMapping"];
-const useUtilityClasses$3 = ownerState => {
-  const {
-    align,
-    gutterBottom,
-    noWrap,
-    paragraph,
-    variant,
-    classes
-  } = ownerState;
-  const slots = {
-    root: ['root', variant, ownerState.align !== 'inherit' && `align${capitalize(align)}`, gutterBottom && 'gutterBottom', noWrap && 'noWrap', paragraph && 'paragraph']
-  };
-  return composeClasses(slots, getTypographyUtilityClass, classes);
-};
-const TypographyRoot = styled$1('span', {
-  name: 'MuiTypography',
-  slot: 'Root',
-  overridesResolver: (props, styles) => {
-    const {
-      ownerState
-    } = props;
-    return [styles.root, ownerState.variant && styles[ownerState.variant], ownerState.align !== 'inherit' && styles[`align${capitalize(ownerState.align)}`], ownerState.noWrap && styles.noWrap, ownerState.gutterBottom && styles.gutterBottom, ownerState.paragraph && styles.paragraph];
-  }
-})(({
-  theme,
-  ownerState
-}) => _extends({
-  margin: 0
-}, ownerState.variant && theme.typography[ownerState.variant], ownerState.align !== 'inherit' && {
-  textAlign: ownerState.align
-}, ownerState.noWrap && {
-  overflow: 'hidden',
-  textOverflow: 'ellipsis',
-  whiteSpace: 'nowrap'
-}, ownerState.gutterBottom && {
-  marginBottom: '0.35em'
-}, ownerState.paragraph && {
-  marginBottom: 16
-}));
-const defaultVariantMapping = {
-  h1: 'h1',
-  h2: 'h2',
-  h3: 'h3',
-  h4: 'h4',
-  h5: 'h5',
-  h6: 'h6',
-  subtitle1: 'h6',
-  subtitle2: 'h6',
-  body1: 'p',
-  body2: 'p',
-  inherit: 'p'
-};
-// TODO v6: deprecate these color values in v5.x and remove the transformation in v6
-const colorTransformations = {
-  primary: 'primary.main',
-  textPrimary: 'text.primary',
-  secondary: 'secondary.main',
-  textSecondary: 'text.secondary',
-  error: 'error.main'
-};
-const transformDeprecatedColors = color => {
-  return colorTransformations[color] || color;
-};
-const Typography = /*#__PURE__*/React.forwardRef(function Typography(inProps, ref) {
-  const themeProps = useThemeProps({
-    props: inProps,
-    name: 'MuiTypography'
-  });
-  const color = transformDeprecatedColors(themeProps.color);
-  const props = extendSxProp(_extends({}, themeProps, {
-    color
-  }));
-  const {
-      align = 'inherit',
-      className,
-      component,
-      gutterBottom = false,
-      noWrap = false,
-      paragraph = false,
-      variant = 'body1',
-      variantMapping = defaultVariantMapping
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$3);
-  const ownerState = _extends({}, props, {
-    align,
-    color,
-    className,
-    component,
-    gutterBottom,
-    noWrap,
-    paragraph,
-    variant,
-    variantMapping
-  });
-  const Component = component || (paragraph ? 'p' : variantMapping[variant] || defaultVariantMapping[variant]) || 'span';
-  const classes = useUtilityClasses$3(ownerState);
-  return /*#__PURE__*/jsx(TypographyRoot, _extends({
-    as: Component,
-    ref: ref,
-    ownerState: ownerState,
-    className: clsx(classes.root, className)
-  }, other));
-});
-process.env.NODE_ENV !== "production" ? Typography.propTypes /* remove-proptypes */ = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit the d.ts file and run "yarn proptypes"     |
-  // ----------------------------------------------------------------------
-  /**
-   * Set the text-align on the component.
-   * @default 'inherit'
-   */
-  align: PropTypes.oneOf(['center', 'inherit', 'justify', 'left', 'right']),
-  /**
-   * The content of the component.
-   */
-  children: PropTypes.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: PropTypes.object,
-  /**
-   * @ignore
-   */
-  className: PropTypes.string,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: PropTypes.elementType,
-  /**
-   * If `true`, the text will have a bottom margin.
-   * @default false
-   */
-  gutterBottom: PropTypes.bool,
-  /**
-   * If `true`, the text will not wrap, but instead will truncate with a text overflow ellipsis.
-   *
-   * Note that text overflow can only happen with block or inline-block level elements
-   * (the element needs to have a width in order to overflow).
-   * @default false
-   */
-  noWrap: PropTypes.bool,
-  /**
-   * If `true`, the element will be a paragraph element.
-   * @default false
-   */
-  paragraph: PropTypes.bool,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
-  /**
-   * Applies the theme typography styles.
-   * @default 'body1'
-   */
-  variant: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['body1', 'body2', 'button', 'caption', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'inherit', 'overline', 'subtitle1', 'subtitle2']), PropTypes.string]),
-  /**
-   * The component maps the variant prop to a range of different HTML element types.
-   * For instance, subtitle1 to `<h6>`.
-   * If you wish to change that mapping, you can provide your own.
-   * Alternatively, you can use the `component` prop.
-   * @default {
-   *   h1: 'h1',
-   *   h2: 'h2',
-   *   h3: 'h3',
-   *   h4: 'h4',
-   *   h5: 'h5',
-   *   h6: 'h6',
-   *   subtitle1: 'h6',
-   *   subtitle2: 'h6',
-   *   body1: 'p',
-   *   body2: 'p',
-   *   inherit: 'p',
-   * }
-   */
-  variantMapping: PropTypes /* @typescript-to-proptypes-ignore */.object
-} : void 0;
-var Typography$1 = Typography;
-function getCardUtilityClass(slot) {
-  return generateUtilityClass('MuiCard', slot);
-}
-generateUtilityClasses('MuiCard', ['root']);
-const _excluded$2 = ["className", "raised"];
-const useUtilityClasses$2 = ownerState => {
-  const {
-    classes
-  } = ownerState;
-  const slots = {
-    root: ['root']
-  };
-  return composeClasses(slots, getCardUtilityClass, classes);
-};
-const CardRoot = styled$1(Paper$1, {
-  name: 'MuiCard',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
-})(() => {
-  return {
-    overflow: 'hidden'
-  };
-});
-const Card = /*#__PURE__*/React.forwardRef(function Card(inProps, ref) {
-  const props = useThemeProps({
-    props: inProps,
-    name: 'MuiCard'
-  });
-  const {
-      className,
-      raised = false
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$2);
-  const ownerState = _extends({}, props, {
-    raised
-  });
-  const classes = useUtilityClasses$2(ownerState);
-  return /*#__PURE__*/jsx(CardRoot, _extends({
-    className: clsx(classes.root, className),
-    elevation: raised ? 8 : undefined,
-    ref: ref,
-    ownerState: ownerState
-  }, other));
-});
-process.env.NODE_ENV !== "production" ? Card.propTypes /* remove-proptypes */ = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit the d.ts file and run "yarn proptypes"     |
-  // ----------------------------------------------------------------------
-  /**
-   * The content of the component.
-   */
-  children: PropTypes.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: PropTypes.object,
-  /**
-   * @ignore
-   */
-  className: PropTypes.string,
-  /**
-   * If `true`, the card will use raised styling.
-   * @default false
-   */
-  raised: chainPropTypes(PropTypes.bool, props => {
-    if (props.raised && props.variant === 'outlined') {
-      return new Error('MUI: Combining `raised={true}` with `variant="outlined"` has no effect.');
-    }
-    return null;
-  }),
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
-} : void 0;
-var Card$1 = Card;
-function getCardContentUtilityClass(slot) {
-  return generateUtilityClass('MuiCardContent', slot);
-}
-generateUtilityClasses('MuiCardContent', ['root']);
-const _excluded$1 = ["className", "component"];
-const useUtilityClasses$1 = ownerState => {
-  const {
-    classes
-  } = ownerState;
-  const slots = {
-    root: ['root']
-  };
-  return composeClasses(slots, getCardContentUtilityClass, classes);
-};
-const CardContentRoot = styled$1('div', {
-  name: 'MuiCardContent',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
-})(() => {
-  return {
-    padding: 16,
-    '&:last-child': {
-      paddingBottom: 24
-    }
-  };
-});
-const CardContent = /*#__PURE__*/React.forwardRef(function CardContent(inProps, ref) {
-  const props = useThemeProps({
-    props: inProps,
-    name: 'MuiCardContent'
-  });
-  const {
-      className,
-      component = 'div'
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$1);
-  const ownerState = _extends({}, props, {
-    component
-  });
-  const classes = useUtilityClasses$1(ownerState);
-  return /*#__PURE__*/jsx(CardContentRoot, _extends({
-    as: component,
-    className: clsx(classes.root, className),
-    ownerState: ownerState,
-    ref: ref
-  }, other));
-});
-process.env.NODE_ENV !== "production" ? CardContent.propTypes /* remove-proptypes */ = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit the d.ts file and run "yarn proptypes"     |
-  // ----------------------------------------------------------------------
-  /**
-   * The content of the component.
-   */
-  children: PropTypes.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: PropTypes.object,
-  /**
-   * @ignore
-   */
-  className: PropTypes.string,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
    */
   component: PropTypes.elementType,
   /**
@@ -9609,138 +9111,7 @@ process.env.NODE_ENV !== "production" ? CardContent.propTypes /* remove-proptype
    */
   sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
 } : void 0;
-var CardContent$1 = CardContent;
-function getCardMediaUtilityClass(slot) {
-  return generateUtilityClass('MuiCardMedia', slot);
-}
-generateUtilityClasses('MuiCardMedia', ['root', 'media', 'img']);
-const _excluded = ["children", "className", "component", "image", "src", "style"];
-const useUtilityClasses = ownerState => {
-  const {
-    classes,
-    isMediaComponent,
-    isImageComponent
-  } = ownerState;
-  const slots = {
-    root: ['root', isMediaComponent && 'media', isImageComponent && 'img']
-  };
-  return composeClasses(slots, getCardMediaUtilityClass, classes);
-};
-const CardMediaRoot = styled$1('div', {
-  name: 'MuiCardMedia',
-  slot: 'Root',
-  overridesResolver: (props, styles) => {
-    const {
-      ownerState
-    } = props;
-    const {
-      isMediaComponent,
-      isImageComponent
-    } = ownerState;
-    return [styles.root, isMediaComponent && styles.media, isImageComponent && styles.img];
-  }
-})(({
-  ownerState
-}) => _extends({
-  display: 'block',
-  backgroundSize: 'cover',
-  backgroundRepeat: 'no-repeat',
-  backgroundPosition: 'center'
-}, ownerState.isMediaComponent && {
-  width: '100%'
-}, ownerState.isImageComponent && {
-  // ⚠️ object-fit is not supported by IE11.
-  objectFit: 'cover'
-}));
-const MEDIA_COMPONENTS = ['video', 'audio', 'picture', 'iframe', 'img'];
-const IMAGE_COMPONENTS = ['picture', 'img'];
-const CardMedia = /*#__PURE__*/React.forwardRef(function CardMedia(inProps, ref) {
-  const props = useThemeProps({
-    props: inProps,
-    name: 'MuiCardMedia'
-  });
-  const {
-      children,
-      className,
-      component = 'div',
-      image,
-      src,
-      style
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  const isMediaComponent = MEDIA_COMPONENTS.indexOf(component) !== -1;
-  const composedStyle = !isMediaComponent && image ? _extends({
-    backgroundImage: `url("${image}")`
-  }, style) : style;
-  const ownerState = _extends({}, props, {
-    component,
-    isMediaComponent,
-    isImageComponent: IMAGE_COMPONENTS.indexOf(component) !== -1
-  });
-  const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/jsx(CardMediaRoot, _extends({
-    className: clsx(classes.root, className),
-    as: component,
-    role: !isMediaComponent && image ? 'img' : undefined,
-    ref: ref,
-    style: composedStyle,
-    ownerState: ownerState,
-    src: isMediaComponent ? image || src : undefined
-  }, other, {
-    children: children
-  }));
-});
-process.env.NODE_ENV !== "production" ? CardMedia.propTypes /* remove-proptypes */ = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit the d.ts file and run "yarn proptypes"     |
-  // ----------------------------------------------------------------------
-  /**
-   * The content of the component.
-   */
-  children: chainPropTypes(PropTypes.node, props => {
-    if (!props.children && !props.image && !props.src && !props.component) {
-      return new Error('MUI: Either `children`, `image`, `src` or `component` prop must be specified.');
-    }
-    return null;
-  }),
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: PropTypes.object,
-  /**
-   * @ignore
-   */
-  className: PropTypes.string,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: PropTypes.elementType,
-  /**
-   * Image to be displayed as a background image.
-   * Either `image` or `src` prop must be specified.
-   * Note that caller must specify height otherwise the image will not be visible.
-   */
-  image: PropTypes.string,
-  /**
-   * An alias for `image` property.
-   * Available only with media components.
-   * Media components: `video`, `audio`, `picture`, `iframe`, `img`.
-   */
-  src: PropTypes.string,
-  /**
-   * @ignore
-   */
-  style: PropTypes.object,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
-} : void 0;
-var CardMedia$1 = CardMedia;
+var Box$1 = Box;
 const Stack = createStack({
   createStyledComponent: styled$1('div', {
@@ -9799,57 +9170,81 @@ process.env.NODE_ENV !== "production" ? Stack.propTypes /* remove-proptypes */ =
 } : void 0;
 var Stack$1 = Stack;
-var UrlImage;
-(function (UrlImage) {
-  UrlImage["error"] = "src/assets/images/error.svg";
-  UrlImage["search"] = "src/assets/images/search.svg";
-  UrlImage["noresult"] = "src/assets/images/noresult.svg";
-  UrlImage["create"] = "src/assets/images/create.svg";
-})(UrlImage || (UrlImage = {}));
-const EmptyState = ({
-  state: _state = 'create',
-  title,
-  content,
-  actions
-}) => {
-  return jsx(Card$1, {
-    elevation: 1,
-    children: jsxs(CardContent$1, {
-      sx: {
-        display: 'flex',
-        alignItems: 'center',
-        justifyContent: 'center',
-        flexDirection: 'column',
-        gap: 4
-      },
-      children: [jsx(CardMedia$1, {
-        component: "img",
-        src: UrlImage[_state],
-        sx: {
-          width: 206,
-          height: 187
-        }
-      }), jsxs(Stack$1, {
-        direction: "column",
-        spacing: 2,
-        children: [title && jsx(Typography$1, {
-          variant: "h6",
-          textAlign: "center",
-          children: title
-        }), content && jsx(Typography$1, {
-          variant: "body1",
-          textAlign: "center",
-          color: "text.secondary",
-          children: content
-        }), _state === 'create' && actions && jsx(Stack$1, {
-          direction: "row",
-          spacing: 2,
-          justifyContent: "center",
-          children: actions
-        })]
-      })]
-    })
-  });
-};
+styled$1(Stack$1)(() => ({
+  position: "fixed",
+  zIndex: 1400,
+  boxShadow: "0px 5px 5px -3px rgba(24, 39, 75, 0.2), 0px 8px 10px 1px rgba(24, 39, 75, 0.14), 0px 3px 14px 2px rgba(24, 39, 75, 0.12)",
+  right: 16,
+  marginTop: 16
+}));
+styled$1(Box$1)(({
+  theme
+}) => ({
+  padding: theme.spacing(1.5),
+  gap: theme.spacing(1.5),
+  display: "flex",
+  alignItems: "center",
+  "&.color-error": {
+    backgroundColor: "#FEEBEE"
+  },
+  "&.color-info": {
+    backgroundColor: "#E1F5FE"
+  },
+  "&.color-warning": {
+    backgroundColor: "#FFF3E0"
+  },
+  "&.color-success": {
+    backgroundColor: "#E8F5E9"
+  }
+}));
+styled$1(Stack$1)(({
+  theme
+}) => ({
+  padding: theme.spacing(1),
+  gap: theme.spacing(1),
+  height: 20,
+  borderRadius: 50,
+  "&.ripple-error": {
+    backgroundColor: "#D143431F"
+  },
+  "&.ripple-info": {
+    backgroundColor: "#2D9FC51F"
+  },
+  "&.ripple-warning": {
+    backgroundColor: "#FB85001F"
+  },
+  "&.ripple-success": {
+    backgroundColor: "#8FC93A1F"
+  }
+}));
+styled$1(Stack$1)(({
+  theme
+}) => ({
+  "&.icon-color.color-info": {
+    color: theme.palette.info.main
+  },
+  "&.icon-color.color-error": {
+    color: theme.palette.error.main
+  },
+  "&.icon-color.color-warning": {
+    color: theme.palette.warning.main
+  },
+  "&.icon-color.color-success": {
+    color: theme.palette.success.main
+  }
+}));
+styled$1(Stack$1)(({
+  theme
+}) => ({
+  backgroundColor: "#fff",
+  boxShadow: "0px 1px 3px rgba(24, 39, 75, 0.12), 0px 1px 1px -1px rgba(24, 39, 75, 0.14), 0px 2px 1px -2px rgba(24, 39, 75, 0.2)",
+  zIndex: 100,
+  padding: "8px 24px",
+  justifyContent: "space-between",
+  minHeight: 39,
+  position: "fixed",
+  width: "100%"
+}));
-export { EmptyState, SincoTheme, UrlImage };
+export { SincoTheme };