@sinco/react 1.0.4-rc.1 → 1.0.4-rc.10

package/index.js

@@ -9,7 +9,7 @@ var check = function (it) {
 };
 
 // https://github.com/zloirock/core-js/issues/86#issuecomment-115759028
-var global$d =
+var global$c =
   // eslint-disable-next-line es/no-global-this -- safe
   check(typeof globalThis == 'object' && globalThis) ||
   check(typeof window == 'object' && window) ||
@@ -91,30 +91,30 @@ var functionUncurryThis = NATIVE_BIND ? uncurryThisWithBind : function (fn) {
   };
 };
 
-var uncurryThis$b = functionUncurryThis;
+var uncurryThis$a = functionUncurryThis;
 
-var toString$3 = uncurryThis$b({}.toString);
-var stringSlice$2 = uncurryThis$b(''.slice);
+var toString$1 = uncurryThis$a({}.toString);
+var stringSlice$1 = uncurryThis$a(''.slice);
 
-var classofRaw$1 = function (it) {
-  return stringSlice$2(toString$3(it), 8, -1);
+var classofRaw = function (it) {
+  return stringSlice$1(toString$1(it), 8, -1);
 };
 
-var uncurryThis$a = functionUncurryThis;
+var uncurryThis$9 = functionUncurryThis;
 var fails$8 = fails$b;
-var classof$2 = classofRaw$1;
+var classof = classofRaw;
 
-var $Object$4 = Object;
-var split = uncurryThis$a(''.split);
+var $Object$3 = Object;
+var split = uncurryThis$9(''.split);
 
 // fallback for non-array-like ES3 and non-enumerable old V8 strings
 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$4('z').propertyIsEnumerable(0);
+  return !$Object$3('z').propertyIsEnumerable(0);
 }) ? function (it) {
-  return classof$2(it) == 'String' ? split(it, '') : $Object$4(it);
-} : $Object$4;
+  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
@@ -158,45 +158,45 @@ var documentAll$1 = $documentAll$1.all;
 
 // `IsCallable` abstract operation
 // https://tc39.es/ecma262/#sec-iscallable
-var isCallable$g = $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$f = isCallable$g;
+var isCallable$d = isCallable$e;
 var $documentAll = documentAll_1;
 
 var documentAll = $documentAll.all;
 
 var isObject$6 = $documentAll.IS_HTMLDDA ? function (it) {
-  return typeof it == 'object' ? it !== null : isCallable$f(it) || it === documentAll;
+  return typeof it == 'object' ? it !== null : isCallable$d(it) || it === documentAll;
 } : function (it) {
-  return typeof it == 'object' ? it !== null : isCallable$f(it);
+  return typeof it == 'object' ? it !== null : isCallable$d(it);
 };
 
-var global$c = global$d;
-var isCallable$e = isCallable$g;
+var global$b = global$c;
+var isCallable$c = isCallable$e;
 
 var aFunction = function (argument) {
-  return isCallable$e(argument) ? argument : undefined;
+  return isCallable$c(argument) ? argument : undefined;
 };
 
 var getBuiltIn$3 = function (namespace, method) {
-  return arguments.length < 2 ? aFunction(global$c[namespace]) : global$c[namespace] && global$c[namespace][method];
+  return arguments.length < 2 ? aFunction(global$b[namespace]) : global$b[namespace] && global$b[namespace][method];
 };
 
-var uncurryThis$9 = functionUncurryThis;
+var uncurryThis$8 = functionUncurryThis;
 
-var objectIsPrototypeOf = uncurryThis$9({}.isPrototypeOf);
+var objectIsPrototypeOf = uncurryThis$8({}.isPrototypeOf);
 
 var engineUserAgent = typeof navigator != 'undefined' && String(navigator.userAgent) || '';
 
-var global$b = global$d;
+var global$a = global$c;
 var userAgent = engineUserAgent;
 
-var process$1 = global$b.process;
-var Deno = global$b.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;
@@ -224,9 +224,9 @@ var engineV8Version = version;
 
 var V8_VERSION = engineV8Version;
 var fails$7 = fails$b;
-var global$a = global$d;
+var global$9 = global$c;
 
-var $String$5 = global$a.String;
+var $String$4 = global$9.String;
 
 // eslint-disable-next-line es/no-object-getownpropertysymbols -- required for testing
 var symbolConstructorDetection = !!Object.getOwnPropertySymbols && !fails$7(function () {
@@ -235,51 +235,51 @@ var symbolConstructorDetection = !!Object.getOwnPropertySymbols && !fails$7(func
   // `get-own-property-symbols` polyfill symbols converted to object are not Symbol instances
   // nb: Do not call `String` directly to avoid this being optimized out to `symbol+''` which will,
   // of course, fail.
-  return !$String$5(symbol) || !(Object(symbol) instanceof Symbol) ||
+  return !$String$4(symbol) || !(Object(symbol) instanceof Symbol) ||
     // Chrome 38-40 symbols are not inherited from DOM collections prototypes to instances
     !Symbol.sham && V8_VERSION && V8_VERSION < 41;
 });
 
 /* eslint-disable es/no-symbol -- required for testing */
 
-var NATIVE_SYMBOL$2 = symbolConstructorDetection;
+var NATIVE_SYMBOL$1 = symbolConstructorDetection;
 
-var useSymbolAsUid = NATIVE_SYMBOL$2
+var useSymbolAsUid = NATIVE_SYMBOL$1
   && !Symbol.sham
   && typeof Symbol.iterator == 'symbol';
 
 var getBuiltIn$2 = getBuiltIn$3;
-var isCallable$d = isCallable$g;
-var isPrototypeOf$1 = objectIsPrototypeOf;
+var isCallable$b = isCallable$e;
+var isPrototypeOf = objectIsPrototypeOf;
 var USE_SYMBOL_AS_UID$1 = useSymbolAsUid;
 
-var $Object$3 = Object;
+var $Object$2 = Object;
 
 var isSymbol$2 = USE_SYMBOL_AS_UID$1 ? function (it) {
   return typeof it == 'symbol';
 } : function (it) {
   var $Symbol = getBuiltIn$2('Symbol');
-  return isCallable$d($Symbol) && isPrototypeOf$1($Symbol.prototype, $Object$3(it));
+  return isCallable$b($Symbol) && isPrototypeOf($Symbol.prototype, $Object$2(it));
 };
 
-var $String$4 = String;
+var $String$3 = String;
 
 var tryToString$1 = function (argument) {
   try {
-    return $String$4(argument);
+    return $String$3(argument);
   } catch (error) {
     return 'Object';
   }
 };
 
-var isCallable$c = isCallable$g;
+var isCallable$a = isCallable$e;
 var tryToString = tryToString$1;
 
 var $TypeError$5 = TypeError;
 
 // `Assert: IsCallable(argument) is true`
 var aCallable$2 = function (argument) {
-  if (isCallable$c(argument)) return argument;
+  if (isCallable$a(argument)) return argument;
   throw $TypeError$5(tryToString(argument) + ' is not a function');
 };
 
@@ -294,7 +294,7 @@ var getMethod$1 = function (V, P) {
 };
 
 var call$4 = functionCall;
-var isCallable$b = isCallable$g;
+var isCallable$9 = isCallable$e;
 var isObject$5 = isObject$6;
 
 var $TypeError$4 = TypeError;
@@ -303,32 +303,32 @@ var $TypeError$4 = TypeError;
 // https://tc39.es/ecma262/#sec-ordinarytoprimitive
 var ordinaryToPrimitive$1 = function (input, pref) {
   var fn, val;
-  if (pref === 'string' && isCallable$b(fn = input.toString) && !isObject$5(val = call$4(fn, input))) return val;
-  if (isCallable$b(fn = input.valueOf) && !isObject$5(val = call$4(fn, input))) return val;
-  if (pref !== 'string' && isCallable$b(fn = input.toString) && !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;
+  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$3 = {exports: {}};
 
-var global$9 = global$d;
+var global$8 = global$c;
 
 // eslint-disable-next-line es/no-object-defineproperty -- safe
-var defineProperty$6 = Object.defineProperty;
+var defineProperty$5 = Object.defineProperty;
 
 var defineGlobalProperty$3 = function (key, value) {
   try {
-    defineProperty$6(global$9, key, { value: value, configurable: true, writable: true });
+    defineProperty$5(global$8, key, { value: value, configurable: true, writable: true });
   } catch (error) {
-    global$9[key] = value;
+    global$8[key] = value;
   } return value;
 };
 
-var global$8 = global$d;
+var global$7 = global$c;
 var defineGlobalProperty$2 = defineGlobalProperty$3;
 
 var SHARED = '__core-js_shared__';
-var store$3 = global$8[SHARED] || defineGlobalProperty$2(SHARED, {});
+var store$3 = global$7[SHARED] || defineGlobalProperty$2(SHARED, {});
 
 var sharedStore = store$3;
 
@@ -346,18 +346,18 @@ var store$2 = sharedStore;
 
 var requireObjectCoercible = requireObjectCoercible$2;
 
-var $Object$2 = Object;
+var $Object$1 = Object;
 
 // `ToObject` abstract operation
 // https://tc39.es/ecma262/#sec-toobject
 var toObject$4 = function (argument) {
-  return $Object$2(requireObjectCoercible(argument));
+  return $Object$1(requireObjectCoercible(argument));
 };
 
-var uncurryThis$8 = functionUncurryThis;
+var uncurryThis$7 = functionUncurryThis;
 var toObject$3 = toObject$4;
 
-var hasOwnProperty$2 = uncurryThis$8({}.hasOwnProperty);
+var hasOwnProperty$2 = uncurryThis$7({}.hasOwnProperty);
 
 // `HasOwnProperty` abstract operation
 // https://tc39.es/ecma262/#sec-hasownproperty
@@ -366,30 +366,30 @@ var hasOwnProperty_1 = Object.hasOwn || function hasOwn(it, key) {
   return hasOwnProperty$2(toObject$3(it), key);
 };
 
-var uncurryThis$7 = functionUncurryThis;
+var uncurryThis$6 = functionUncurryThis;
 
 var id = 0;
 var postfix = Math.random();
-var toString$2 = uncurryThis$7(1.0.toString);
+var toString = uncurryThis$6(1.0.toString);
 
 var uid$2 = function (key) {
-  return 'Symbol(' + (key === undefined ? '' : key) + ')_' + toString$2(++id + postfix, 36);
+  return 'Symbol(' + (key === undefined ? '' : key) + ')_' + toString(++id + postfix, 36);
 };
 
-var global$7 = global$d;
+var global$6 = global$c;
 var shared$2 = shared$3.exports;
-var hasOwn$9 = hasOwnProperty_1;
+var hasOwn$8 = hasOwnProperty_1;
 var uid$1 = uid$2;
-var NATIVE_SYMBOL$1 = symbolConstructorDetection;
+var NATIVE_SYMBOL = symbolConstructorDetection;
 var USE_SYMBOL_AS_UID = useSymbolAsUid;
 
-var Symbol$1 = global$7.Symbol;
+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$8 = function (name) {
-  if (!hasOwn$9(WellKnownSymbolsStore, name)) {
-    WellKnownSymbolsStore[name] = NATIVE_SYMBOL$1 && hasOwn$9(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];
@@ -400,10 +400,10 @@ var isObject$4 = isObject$6;
 var isSymbol$1 = isSymbol$2;
 var getMethod = getMethod$1;
 var ordinaryToPrimitive = ordinaryToPrimitive$1;
-var wellKnownSymbol$7 = wellKnownSymbol$8;
+var wellKnownSymbol$5 = wellKnownSymbol$6;
 
 var $TypeError$3 = TypeError;
-var TO_PRIMITIVE = wellKnownSymbol$7('toPrimitive');
+var TO_PRIMITIVE = wellKnownSymbol$5('toPrimitive');
 
 // `ToPrimitive` abstract operation
 // https://tc39.es/ecma262/#sec-toprimitive
@@ -431,10 +431,10 @@ var toPropertyKey$2 = function (argument) {
   return isSymbol(key) ? key : key + '';
 };
 
-var global$6 = global$d;
+var global$5 = global$c;
 var isObject$3 = isObject$6;
 
-var document$1 = global$6.document;
+var document$1 = global$5.document;
 // typeof document.createElement is 'object' in old IE
 var EXISTS$1 = isObject$3(document$1) && isObject$3(document$1.createElement);
 
@@ -442,25 +442,25 @@ var documentCreateElement$2 = function (it) {
   return EXISTS$1 ? document$1.createElement(it) : {};
 };
 
-var DESCRIPTORS$a = descriptors;
+var DESCRIPTORS$9 = descriptors;
 var fails$6 = fails$b;
 var createElement = documentCreateElement$2;
 
 // Thanks to IE8 for its funny defineProperty
-var ie8DomDefine = !DESCRIPTORS$a && !fails$6(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$9 = descriptors;
+var DESCRIPTORS$8 = descriptors;
 var call$2 = functionCall;
 var propertyIsEnumerableModule$1 = objectPropertyIsEnumerable;
 var createPropertyDescriptor$2 = createPropertyDescriptor$3;
 var toIndexedObject$4 = toIndexedObject$5;
 var toPropertyKey$1 = toPropertyKey$2;
-var hasOwn$8 = 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$9 ? $getOwnPropertyDescriptor$1 : function getOwnPropertyDescriptor(O, P) {
+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$8(O, P)) return createPropertyDescriptor$2(!call$2(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$8 = descriptors;
+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$8 && fails$5(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,
@@ -494,16 +494,16 @@ var v8PrototypeDefineBug = DESCRIPTORS$8 && fails$5(function () {
 
 var isObject$2 = isObject$6;
 
-var $String$3 = String;
+var $String$2 = String;
 var $TypeError$2 = TypeError;
 
 // `Assert: Type(argument) is Object`
 var anObject$5 = function (argument) {
   if (isObject$2(argument)) return argument;
-  throw $TypeError$2($String$3(argument) + ' is not an object');
+  throw $TypeError$2($String$2(argument) + ' is not an object');
 };
 
-var DESCRIPTORS$7 = descriptors;
+var DESCRIPTORS$6 = descriptors;
 var IE8_DOM_DEFINE = ie8DomDefine;
 var V8_PROTOTYPE_DEFINE_BUG$1 = v8PrototypeDefineBug;
 var anObject$4 = anObject$5;
@@ -520,7 +520,7 @@ var WRITABLE = 'writable';
 
 // `Object.defineProperty` method
 // https://tc39.es/ecma262/#sec-object.defineproperty
-objectDefineProperty.f = DESCRIPTORS$7 ? V8_PROTOTYPE_DEFINE_BUG$1 ? function defineProperty(O, P, Attributes) {
+objectDefineProperty.f = DESCRIPTORS$6 ? V8_PROTOTYPE_DEFINE_BUG$1 ? function defineProperty(O, P, Attributes) {
   anObject$4(O);
   P = toPropertyKey(P);
   anObject$4(Attributes);
@@ -547,30 +547,30 @@ objectDefineProperty.f = DESCRIPTORS$7 ? V8_PROTOTYPE_DEFINE_BUG$1 ? function de
   return O;
 };
 
-var DESCRIPTORS$6 = descriptors;
+var DESCRIPTORS$5 = descriptors;
 var definePropertyModule$3 = objectDefineProperty;
 var createPropertyDescriptor$1 = createPropertyDescriptor$3;
 
-var createNonEnumerableProperty$4 = DESCRIPTORS$6 ? function (object, key, 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;
 };
 
-var makeBuiltIn$3 = {exports: {}};
+var makeBuiltIn$2 = {exports: {}};
 
-var DESCRIPTORS$5 = descriptors;
-var hasOwn$7 = 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$5 && Object.getOwnPropertyDescriptor;
+var getDescriptor = DESCRIPTORS$4 && Object.getOwnPropertyDescriptor;
 
-var EXISTS = hasOwn$7(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$5 || (DESCRIPTORS$5 && 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$6 = functionUncurryThis;
-var isCallable$a = isCallable$g;
+var uncurryThis$5 = functionUncurryThis;
+var isCallable$8 = isCallable$e;
 var store$1 = sharedStore;
 
-var functionToString = uncurryThis$6(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$a(store$1.inspectSource)) {
+if (!isCallable$8(store$1.inspectSource)) {
   store$1.inspectSource = function (it) {
     return functionToString(it);
   };
@@ -593,12 +593,12 @@ if (!isCallable$a(store$1.inspectSource)) {
 
 var inspectSource$1 = store$1.inspectSource;
 
-var global$5 = global$d;
-var isCallable$9 = isCallable$g;
+var global$4 = global$c;
+var isCallable$7 = isCallable$e;
 
-var WeakMap$2 = global$5.WeakMap;
+var WeakMap$2 = global$4.WeakMap;
 
-var weakMapBasicDetection = isCallable$9(WeakMap$2) && /native code/.test(String(WeakMap$2));
+var weakMapBasicDetection = isCallable$7(WeakMap$2) && /native code/.test(String(WeakMap$2));
 
 var shared$1 = shared$3.exports;
 var uid = uid$2;
@@ -612,17 +612,17 @@ var sharedKey$3 = function (key) {
 var hiddenKeys$4 = {};
 
 var NATIVE_WEAK_MAP = weakMapBasicDetection;
-var global$4 = global$d;
+var global$3 = global$c;
 var isObject$1 = isObject$6;
 var createNonEnumerableProperty$3 = createNonEnumerableProperty$4;
-var hasOwn$6 = hasOwnProperty_1;
+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$4.TypeError;
-var WeakMap$1 = global$4.WeakMap;
+var TypeError$1 = global$3.TypeError;
+var WeakMap$1 = global$3.WeakMap;
 var set, get, has$3;
 
 var enforce = function (it) {
@@ -661,16 +661,16 @@ if (NATIVE_WEAK_MAP || shared.state) {
   var STATE = sharedKey$2('state');
   hiddenKeys$3[STATE] = true;
   set = function (it, metadata) {
-    if (hasOwn$6(it, STATE)) throw TypeError$1(OBJECT_ALREADY_INITIALIZED);
+    if (hasOwn$5(it, STATE)) throw TypeError$1(OBJECT_ALREADY_INITIALIZED);
     metadata.facade = it;
     createNonEnumerableProperty$3(it, STATE, metadata);
     return metadata;
   };
   get = function (it) {
-    return hasOwn$6(it, STATE) ? it[STATE] : {};
+    return hasOwn$5(it, STATE) ? it[STATE] : {};
   };
   has$3 = function (it) {
-    return hasOwn$6(it, STATE);
+    return hasOwn$5(it, STATE);
   };
 }
 
@@ -682,71 +682,71 @@ var internalState = {
   getterFor: getterFor
 };
 
-var uncurryThis$5 = functionUncurryThis;
+var uncurryThis$4 = functionUncurryThis;
 var fails$4 = fails$b;
-var isCallable$8 = isCallable$g;
-var hasOwn$5 = hasOwnProperty_1;
-var DESCRIPTORS$4 = descriptors;
+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$1 = internalState;
 
 var enforceInternalState = InternalStateModule$1.enforce;
 var getInternalState$1 = InternalStateModule$1.get;
-var $String$2 = String;
+var $String$1 = String;
 // eslint-disable-next-line es/no-object-defineproperty -- safe
-var defineProperty$5 = Object.defineProperty;
-var stringSlice$1 = uncurryThis$5(''.slice);
-var replace$2 = uncurryThis$5(''.replace);
-var join = uncurryThis$5([].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$4 && !fails$4(function () {
-  return defineProperty$5(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$2 = makeBuiltIn$3.exports = function (value, name, options) {
-  if (stringSlice$1($String$2(name), 0, 7) === 'Symbol(') {
-    name = '[' + replace$2($String$2(name), /^Symbol\(([^)]*)\)/, '$1') + ']';
+var makeBuiltIn$1 = makeBuiltIn$2.exports = function (value, name, options) {
+  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$5(value, 'name') || (CONFIGURABLE_FUNCTION_NAME$1 && value.name !== name)) {
-    if (DESCRIPTORS$4) defineProperty$5(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$5(options, 'arity') && value.length !== options.arity) {
-    defineProperty$5(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$5(options, 'constructor') && options.constructor) {
-      if (DESCRIPTORS$4) defineProperty$5(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$5(state, 'source')) {
+  if (!hasOwn$4(state, 'source')) {
     state.source = join(TEMPLATE, typeof name == 'string' ? name : '');
   } return value;
 };
 
 // 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$2(function toString() {
-  return isCallable$8(this) && getInternalState$1(this).source || inspectSource(this);
+Function.prototype.toString = makeBuiltIn$1(function toString() {
+  return isCallable$6(this) && getInternalState$1(this).source || inspectSource(this);
 }, 'toString');
 
-var isCallable$7 = isCallable$g;
+var isCallable$5 = isCallable$e;
 var definePropertyModule$2 = objectDefineProperty;
-var makeBuiltIn$1 = makeBuiltIn$3.exports;
+var makeBuiltIn = makeBuiltIn$2.exports;
 var defineGlobalProperty$1 = defineGlobalProperty$3;
 
 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$7(value)) makeBuiltIn$1(value, name, options);
+  if (isCallable$5(value)) makeBuiltIn(value, name, options);
   if (options.global) {
     if (simple) O[key] = value;
     else defineGlobalProperty$1(key, value);
@@ -852,22 +852,22 @@ var arrayIncludes = {
   indexOf: createMethod(false)
 };
 
-var uncurryThis$4 = functionUncurryThis;
-var hasOwn$4 = hasOwnProperty_1;
+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$4([].push);
+var push = uncurryThis$3([].push);
 
 var objectKeysInternal = function (object, names) {
   var O = toIndexedObject$2(object);
   var i = 0;
   var result = [];
   var key;
-  for (key in O) !hasOwn$4(hiddenKeys$2, key) && hasOwn$4(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$4(O, key = names[i++])) {
+  while (names.length > i) if (hasOwn$3(O, key = names[i++])) {
     ~indexOf(result, key) || push(result, key);
   }
   return result;
@@ -902,12 +902,12 @@ var objectGetOwnPropertySymbols = {};
 objectGetOwnPropertySymbols.f = Object.getOwnPropertySymbols;
 
 var getBuiltIn$1 = getBuiltIn$3;
-var uncurryThis$3 = functionUncurryThis;
+var uncurryThis$2 = functionUncurryThis;
 var getOwnPropertyNamesModule = objectGetOwnPropertyNames;
 var getOwnPropertySymbolsModule$1 = objectGetOwnPropertySymbols;
 var anObject$3 = anObject$5;
 
-var concat$1 = uncurryThis$3([].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) {
@@ -916,25 +916,25 @@ var ownKeys$1 = getBuiltIn$1('Reflect', 'ownKeys') || function ownKeys(it) {
   return getOwnPropertySymbols ? concat$1(keys, getOwnPropertySymbols(it)) : keys;
 };
 
-var hasOwn$3 = hasOwnProperty_1;
+var hasOwn$2 = hasOwnProperty_1;
 var ownKeys = ownKeys$1;
 var getOwnPropertyDescriptorModule = objectGetOwnPropertyDescriptor;
 var definePropertyModule$1 = objectDefineProperty;
 
-var copyConstructorProperties$2 = function (target, source, exceptions) {
+var copyConstructorProperties$1 = function (target, source, exceptions) {
   var keys = ownKeys(source);
   var defineProperty = definePropertyModule$1.f;
   var getOwnPropertyDescriptor = getOwnPropertyDescriptorModule.f;
   for (var i = 0; i < keys.length; i++) {
     var key = keys[i];
-    if (!hasOwn$3(target, key) && !(exceptions && hasOwn$3(exceptions, key))) {
+    if (!hasOwn$2(target, key) && !(exceptions && hasOwn$2(exceptions, key))) {
       defineProperty(target, key, getOwnPropertyDescriptor(source, key));
     }
   }
 };
 
 var fails$3 = fails$b;
-var isCallable$6 = isCallable$g;
+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$6(detection) ? fails$3(detection)
+    : isCallable$4(detection) ? fails$3(detection)
     : !!detection;
 };
 
@@ -956,12 +956,12 @@ var POLYFILL = isForced$1.POLYFILL = 'P';
 
 var isForced_1 = isForced$1;
 
-var global$3 = global$d;
+var global$2 = global$c;
 var getOwnPropertyDescriptor = objectGetOwnPropertyDescriptor.f;
 var createNonEnumerableProperty$2 = createNonEnumerableProperty$4;
 var defineBuiltIn$2 = defineBuiltIn$3;
 var defineGlobalProperty = defineGlobalProperty$3;
-var copyConstructorProperties$1 = copyConstructorProperties$2;
+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$3;
+    target = global$2;
   } else if (STATIC) {
-    target = global$3[TARGET] || defineGlobalProperty(TARGET, {});
+    target = global$2[TARGET] || defineGlobalProperty(TARGET, {});
   } else {
-    target = (global$3[TARGET] || {}).prototype;
+    target = (global$2[TARGET] || {}).prototype;
   }
   if (target) for (key in source) {
     sourceProperty = source[key];
@@ -1001,7 +1001,7 @@ var _export = function (options, source) {
     // contained in target
     if (!FORCED && targetProperty !== undefined) {
       if (typeof sourceProperty == typeof targetProperty) continue;
-      copyConstructorProperties$1(sourceProperty, targetProperty);
+      copyConstructorProperties(sourceProperty, targetProperty);
     }
     // add a flag to not completely full polyfills
     if (options.sham || (targetProperty && targetProperty.sham)) {
@@ -1021,8 +1021,8 @@ var objectKeys$2 = Object.keys || function keys(O) {
   return internalObjectKeys(O, enumBugKeys$1);
 };
 
-var DESCRIPTORS$3 = descriptors;
-var uncurryThis$2 = functionUncurryThis;
+var DESCRIPTORS$2 = descriptors;
+var uncurryThis$1 = functionUncurryThis;
 var call$1 = functionCall;
 var fails$2 = fails$b;
 var objectKeys$1 = objectKeys$2;
@@ -1034,17 +1034,17 @@ 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$4 = Object.defineProperty;
-var concat = uncurryThis$2([].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$2(function () {
   // should have correct order of operations (Edge bug)
-  if (DESCRIPTORS$3 && $assign({ b: 1 }, $assign(defineProperty$4({}, 'a', {
+  if (DESCRIPTORS$2 && $assign({ b: 1 }, $assign(defineProperty$3({}, 'a', {
     enumerable: true,
     get: function () {
-      defineProperty$4(this, 'b', {
+      defineProperty$3(this, 'b', {
         value: 3,
         enumerable: false
       });
@@ -1073,18 +1073,18 @@ var objectAssign$1 = !$assign || fails$2(function () {
     var key;
     while (length > j) {
       key = keys[j++];
-      if (!DESCRIPTORS$3 || call$1(propertyIsEnumerable, S, key)) T[key] = S[key];
+      if (!DESCRIPTORS$2 || call$1(propertyIsEnumerable, S, key)) T[key] = S[key];
     }
   } return T;
 } : $assign;
 
-var $$2 = _export;
+var $$1 = _export;
 var assign$2 = objectAssign$1;
 
 // `Object.assign` method
 // https://tc39.es/ecma262/#sec-object.assign
 // eslint-disable-next-line es/no-object-assign -- required for testing
-$$2({ target: 'Object', stat: true, arity: 2, forced: Object.assign !== assign$2 }, {
+$$1({ target: 'Object', stat: true, arity: 2, forced: Object.assign !== assign$2 }, {
   assign: assign$2
 });
 
@@ -2279,26 +2279,6 @@ function elementTypeAcceptingRef(props, propName, componentName, location, propF
 }
 var elementTypeAcceptingRef$1 = chainPropTypes(PropTypes.elementType, elementTypeAcceptingRef);
 
-// This module is based on https://github.com/airbnb/prop-types-exact repository.
-// However, in order to reduce the number of dependencies and to remove some extra safe checks
-// the module was forked.
-const specialProperty = 'exact-prop: \u200b';
-function exactProp(propTypes) {
-  if (process.env.NODE_ENV === 'production') {
-    return propTypes;
-  }
-  return {
-    ...propTypes,
-    [specialProperty]: props => {
-      const unsupportedProps = Object.keys(props).filter(prop => !propTypes.hasOwnProperty(prop));
-      if (unsupportedProps.length > 0) {
-        return new Error(`The following props are not supported: ${unsupportedProps.map(prop => `\`${prop}\``).join(', ')}. Please remove them.`);
-      }
-      return null;
-    }
-  };
-}
-
 /**
  * WARNING: Don't import this directly.
  * Use `MuiError` from `@mui/utils/macros/MuiError.macro` instead.
@@ -3207,7 +3187,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)
 }
 
@@ -3535,7 +3515,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
 				}
@@ -3570,9 +3550,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 += ';';
@@ -3654,7 +3634,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)
@@ -4050,51 +4030,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:
@@ -4118,11 +4098,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
@@ -4136,11 +4116,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;
@@ -4150,15 +4130,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;
@@ -4175,7 +4155,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:
@@ -4185,17 +4165,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);
         }
 
@@ -5156,10 +5136,10 @@ if (!isBrowser$2) {
   };
 }
 
-var ThemeContext$2 = /* #__PURE__ */React.createContext({});
+var ThemeContext = /* #__PURE__ */React.createContext({});
 
 if (process.env.NODE_ENV !== 'production') {
-  ThemeContext$2.displayName = 'EmotionThemeContext';
+  ThemeContext.displayName = 'EmotionThemeContext';
 }
 
 var typePropName = '__EMOTION_TYPE_PLEASE_DO_NOT_USE__';
@@ -5212,7 +5192,7 @@ var Emotion = /* #__PURE__ */withEmotionCache(function (props, cache, ref) {
     className = props.className + " ";
   }
 
-  var serialized = serializeStyles(registeredStyles, undefined, React.useContext(ThemeContext$2));
+  var serialized = serializeStyles(registeredStyles, undefined, React.useContext(ThemeContext));
 
   if (process.env.NODE_ENV !== 'production' && serialized.name.indexOf('-') === -1) {
     var labelFromStack = props[labelPropName];
@@ -5391,7 +5371,7 @@ var Global = /* #__PURE__ */withEmotionCache(function (props, cache) {
   }
 
   var styles = props.styles;
-  var serialized = serializeStyles([styles], undefined, React.useContext(ThemeContext$2));
+  var serialized = serializeStyles([styles], undefined, React.useContext(ThemeContext));
 
   if (!isBrowser$2) {
     var _ref;
@@ -5637,7 +5617,7 @@ var ClassNames = /* #__PURE__ */withEmotionCache(function (props, cache) {
   var content = {
     css: css,
     cx: cx,
-    theme: React.useContext(ThemeContext$2)
+    theme: React.useContext(ThemeContext)
   };
   var ele = props.children(content);
   hasRendered = true;
@@ -5793,7 +5773,7 @@ var createStyled$1 = function createStyled(tag, options) {
           mergedProps[key] = props[key];
         }
 
-        mergedProps.theme = React.useContext(ThemeContext$2);
+        mergedProps.theme = React.useContext(ThemeContext);
       }
 
       if (typeof props.className === 'string') {
@@ -5897,7 +5877,7 @@ const internal_processStyles = (tag, processor) => {
   }
 };
 
-const _excluded$j = ["values", "unit", "step"];
+const _excluded$i = ["values", "unit", "step"];
 const sortBreakpointsValues = values => {
   const breakpointsAsArray = Object.keys(values).map(key => ({
     key,
@@ -5932,7 +5912,7 @@ function createBreakpoints(breakpoints) {
       unit = 'px',
       step = 5
     } = breakpoints,
-    other = _objectWithoutPropertiesLoose(breakpoints, _excluded$j);
+    other = _objectWithoutPropertiesLoose(breakpoints, _excluded$i);
   const sortedValues = sortBreakpointsValues(values);
   const keys = Object.keys(sortedValues);
   function up(key) {
@@ -7016,7 +6996,7 @@ const styleFunctionSx = unstable_createStyleFunctionSx();
 styleFunctionSx.filterProps = ['sx'];
 var styleFunctionSx$1 = styleFunctionSx;
 
-const _excluded$i = ["breakpoints", "palette", "spacing", "shape"];
+const _excluded$h = ["breakpoints", "palette", "spacing", "shape"];
 function createTheme$1(options = {}, ...args) {
   const {
       breakpoints: breakpointsInput = {},
@@ -7024,7 +7004,7 @@ function createTheme$1(options = {}, ...args) {
       spacing: spacingInput,
       shape: shapeInput = {}
     } = options,
-    other = _objectWithoutPropertiesLoose(options, _excluded$i);
+    other = _objectWithoutPropertiesLoose(options, _excluded$h);
   const breakpoints = createBreakpoints(breakpointsInput);
   const spacing = createSpacing(spacingInput);
   let muiTheme = deepmerge({
@@ -7052,17 +7032,17 @@ function createTheme$1(options = {}, ...args) {
 function isObjectEmpty(obj) {
   return Object.keys(obj).length === 0;
 }
-function useTheme$3(defaultTheme = null) {
-  const contextTheme = React.useContext(ThemeContext$2);
+function useTheme$2(defaultTheme = null) {
+  const contextTheme = React.useContext(ThemeContext);
   return !contextTheme || isObjectEmpty(contextTheme) ? defaultTheme : contextTheme;
 }
 
 const systemDefaultTheme$1 = createTheme$1();
-function useTheme$2(defaultTheme = systemDefaultTheme$1) {
-  return useTheme$3(defaultTheme);
+function useTheme$1(defaultTheme = systemDefaultTheme$1) {
+  return useTheme$2(defaultTheme);
 }
 
-const _excluded$h = ["sx"];
+const _excluded$g = ["sx"];
 const splitProps = props => {
   var _props$theme$unstable, _props$theme;
   const result = {
@@ -7083,7 +7063,7 @@ function extendSxProp(props) {
   const {
       sx: inSx
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$h);
+    other = _objectWithoutPropertiesLoose(props, _excluded$g);
   const {
     systemProps,
     otherProps
@@ -7109,7 +7089,7 @@ 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$g = ["className", "component"];
+const _excluded$f = ["className", "component"];
 function createBox(options = {}) {
   const {
     themeId,
@@ -7121,13 +7101,13 @@ function createBox(options = {}) {
     shouldForwardProp: prop => prop !== 'theme' && prop !== 'sx' && prop !== 'as'
   })(styleFunctionSx$1);
   const Box = /*#__PURE__*/React.forwardRef(function Box(inProps, ref) {
-    const theme = useTheme$2(defaultTheme);
+    const theme = useTheme$1(defaultTheme);
     const _extendSxProp = extendSxProp(inProps),
       {
         className,
         component = 'div'
       } = _extendSxProp,
-      other = _objectWithoutPropertiesLoose(_extendSxProp, _excluded$g);
+      other = _objectWithoutPropertiesLoose(_extendSxProp, _excluded$f);
     return /*#__PURE__*/jsx(BoxRoot, _extends({
       as: component,
       ref: ref,
@@ -7138,7 +7118,7 @@ function createBox(options = {}) {
   return Box;
 }
 
-const _excluded$f = ["variant"];
+const _excluded$e = ["variant"];
 function isEmpty$1(string) {
   return string.length === 0;
 }
@@ -7152,7 +7132,7 @@ function propsToClassKey(props) {
   const {
       variant
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded$f);
+    other = _objectWithoutPropertiesLoose(props, _excluded$e);
   let classKey = variant || '';
   Object.keys(other).sort().forEach(key => {
     if (key === 'color') {
@@ -7164,7 +7144,7 @@ function propsToClassKey(props) {
   return classKey;
 }
 
-const _excluded$e = ["name", "slot", "skipVariantsResolver", "skipSx", "overridesResolver"];
+const _excluded$d = ["name", "slot", "skipVariantsResolver", "skipSx", "overridesResolver"];
 function isEmpty(obj) {
   return Object.keys(obj).length === 0;
 }
@@ -7259,7 +7239,7 @@ function createStyled(input = {}) {
         skipSx: inputSkipSx,
         overridesResolver
       } = inputOptions,
-      options = _objectWithoutPropertiesLoose(inputOptions, _excluded$e);
+      options = _objectWithoutPropertiesLoose(inputOptions, _excluded$d);
 
     // 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;
@@ -7393,7 +7373,7 @@ function useThemeProps$1({
   defaultTheme,
   themeId
 }) {
-  let theme = useTheme$2(defaultTheme);
+  let theme = useTheme$1(defaultTheme);
   if (themeId) {
     theme = theme[themeId] || theme;
   }
@@ -7639,157 +7619,7 @@ function lighten(color, coefficient) {
   return recomposeColor(color);
 }
 
-const ThemeContext = /*#__PURE__*/React.createContext(null);
-if (process.env.NODE_ENV !== 'production') {
-  ThemeContext.displayName = 'ThemeContext';
-}
-var ThemeContext$1 = ThemeContext;
-
-function useTheme$1() {
-  const theme = React.useContext(ThemeContext$1);
-  if (process.env.NODE_ENV !== 'production') {
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    React.useDebugValue(theme);
-  }
-  return theme;
-}
-
-const hasSymbol = typeof Symbol === 'function' && Symbol.for;
-var nested = hasSymbol ? Symbol.for('mui.nested') : '__THEME_NESTED__';
-
-function mergeOuterLocalTheme(outerTheme, localTheme) {
-  if (typeof localTheme === 'function') {
-    const mergedTheme = localTheme(outerTheme);
-    if (process.env.NODE_ENV !== 'production') {
-      if (!mergedTheme) {
-        console.error(['MUI: You should return an object from your theme function, i.e.', '<ThemeProvider theme={() => ({})} />'].join('\n'));
-      }
-    }
-    return mergedTheme;
-  }
-  return {
-    ...outerTheme,
-    ...localTheme
-  };
-}
-
-/**
- * This component takes a `theme` prop.
- * It makes the `theme` available down the React tree thanks to React context.
- * This component should preferably be used at **the root of your component tree**.
- */
-function ThemeProvider$2(props) {
-  const {
-    children,
-    theme: localTheme
-  } = props;
-  const outerTheme = useTheme$1();
-  if (process.env.NODE_ENV !== 'production') {
-    if (outerTheme === null && typeof localTheme === 'function') {
-      console.error(['MUI: You are providing a theme function prop to the ThemeProvider component:', '<ThemeProvider theme={outerTheme => outerTheme} />', '', 'However, no outer theme is present.', 'Make sure a theme is already injected higher in the React tree ' + 'or provide a theme object.'].join('\n'));
-    }
-  }
-  const theme = React.useMemo(() => {
-    const output = outerTheme === null ? localTheme : mergeOuterLocalTheme(outerTheme, localTheme);
-    if (output != null) {
-      output[nested] = outerTheme !== null;
-    }
-    return output;
-  }, [localTheme, outerTheme]);
-  return /*#__PURE__*/jsx(ThemeContext$1.Provider, {
-    value: theme,
-    children: children
-  });
-}
-process.env.NODE_ENV !== "production" ? ThemeProvider$2.propTypes = {
-  /**
-   * Your component tree.
-   */
-  children: PropTypes.node,
-  /**
-   * A theme object. You can provide a function to extend the outer theme.
-   */
-  theme: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).isRequired
-} : void 0;
-if (process.env.NODE_ENV !== 'production') {
-  process.env.NODE_ENV !== "production" ? ThemeProvider$2.propTypes = exactProp(ThemeProvider$2.propTypes) : void 0;
-}
-
-const EMPTY_THEME = {};
-function useThemeScoping(themeId, upperTheme, localTheme, isPrivate = false) {
-  return React.useMemo(() => {
-    const resolvedTheme = themeId ? upperTheme[themeId] || upperTheme : upperTheme;
-    if (typeof localTheme === 'function') {
-      const mergedTheme = localTheme(resolvedTheme);
-      const result = themeId ? _extends({}, upperTheme, {
-        [themeId]: mergedTheme
-      }) : mergedTheme;
-      // must return a function for the private theme to NOT merge with the upper theme.
-      // see the test case "use provided theme from a callback" in ThemeProvider.test.js
-      if (isPrivate) {
-        return () => result;
-      }
-      return result;
-    }
-    return themeId ? _extends({}, upperTheme, {
-      [themeId]: localTheme
-    }) : _extends({}, upperTheme, localTheme);
-  }, [themeId, upperTheme, localTheme, isPrivate]);
-}
-
-/**
- * This component makes the `theme` available down the React tree.
- * It should preferably be used at **the root of your component tree**.
- *
- * <ThemeProvider theme={theme}> // existing use case
- * <ThemeProvider theme={{ id: theme }}> // theme scoping
- */
-function ThemeProvider$1(props) {
-  const {
-    children,
-    theme: localTheme,
-    themeId
-  } = props;
-  const upperTheme = useTheme$3(EMPTY_THEME);
-  const upperPrivateTheme = useTheme$1() || EMPTY_THEME;
-  if (process.env.NODE_ENV !== 'production') {
-    if (upperTheme === null && typeof localTheme === 'function' || themeId && upperTheme && !upperTheme[themeId] && typeof localTheme === 'function') {
-      console.error(['MUI: You are providing a theme function prop to the ThemeProvider component:', '<ThemeProvider theme={outerTheme => outerTheme} />', '', 'However, no outer theme is present.', 'Make sure a theme is already injected higher in the React tree ' + 'or provide a theme object.'].join('\n'));
-    }
-  }
-  const engineTheme = useThemeScoping(themeId, upperTheme, localTheme);
-  const privateTheme = useThemeScoping(themeId, upperPrivateTheme, localTheme, true);
-  return /*#__PURE__*/jsx(ThemeProvider$2, {
-    theme: privateTheme,
-    children: /*#__PURE__*/jsx(ThemeContext$2.Provider, {
-      value: engineTheme,
-      children: children
-    })
-  });
-}
-process.env.NODE_ENV !== "production" ? ThemeProvider$1.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"     |
-  // ----------------------------------------------------------------------
-  /**
-   * Your component tree.
-   */
-  children: PropTypes.node,
-  /**
-   * A theme object. You can provide a function to extend the outer theme.
-   */
-  theme: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).isRequired,
-  /**
-   * The design system's unique id for getting the corresponded theme when there are multiple design systems.
-   */
-  themeId: PropTypes.string
-} : void 0;
-if (process.env.NODE_ENV !== 'production') {
-  process.env.NODE_ENV !== "production" ? ThemeProvider$1.propTypes = exactProp(ThemeProvider$1.propTypes) : void 0;
-}
-
-const _excluded$d = ["component", "direction", "spacing", "divider", "children", "className", "useFlexGap"];
+const _excluded$c = ["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', {
@@ -7918,7 +7748,7 @@ function createStack(options = {}) {
         className,
         useFlexGap = false
       } = props,
-      other = _objectWithoutPropertiesLoose(props, _excluded$d);
+      other = _objectWithoutPropertiesLoose(props, _excluded$c);
     const ownerState = {
       direction,
       spacing,
@@ -8092,7 +7922,7 @@ const green = {
 };
 var green$1 = green;
 
-const _excluded$c = ["mode", "contrastThreshold", "tonalOffset"];
+const _excluded$b = ["mode", "contrastThreshold", "tonalOffset"];
 const light = {
   // The colors used to style the text.
   text: {
@@ -8261,7 +8091,7 @@ function createPalette(palette) {
       contrastThreshold = 3,
       tonalOffset = 0.2
     } = palette,
-    other = _objectWithoutPropertiesLoose(palette, _excluded$c);
+    other = _objectWithoutPropertiesLoose(palette, _excluded$b);
   const primary = palette.primary || getDefaultPrimary(mode);
   const secondary = palette.secondary || getDefaultSecondary(mode);
   const error = palette.error || getDefaultError(mode);
@@ -8385,7 +8215,7 @@ const theme2 = createTheme({ palette: {
   return paletteOutput;
 }
 
-const _excluded$b = ["fontFamily", "fontSize", "fontWeightLight", "fontWeightRegular", "fontWeightMedium", "fontWeightBold", "htmlFontSize", "allVariants", "pxToRem"];
+const _excluded$a = ["fontFamily", "fontSize", "fontWeightLight", "fontWeightRegular", "fontWeightMedium", "fontWeightBold", "htmlFontSize", "allVariants", "pxToRem"];
 function round(value) {
   return Math.round(value * 1e5) / 1e5;
 }
@@ -8416,7 +8246,7 @@ function createTypography(palette, typography) {
       allVariants,
       pxToRem: pxToRem2
     } = _ref,
-    other = _objectWithoutPropertiesLoose(_ref, _excluded$b);
+    other = _objectWithoutPropertiesLoose(_ref, _excluded$a);
   if (process.env.NODE_ENV !== 'production') {
     if (typeof fontSize !== 'number') {
       console.error('MUI: `fontSize` is required to be a number.');
@@ -8483,7 +8313,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$a = ["duration", "easing", "delay"];
+const _excluded$9 = ["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 = {
@@ -8534,7 +8364,7 @@ function createTransitions(inputTransitions) {
         easing: easingOption = mergedEasing.easeInOut,
         delay = 0
       } = options,
-      other = _objectWithoutPropertiesLoose(options, _excluded$a);
+      other = _objectWithoutPropertiesLoose(options, _excluded$9);
     if (process.env.NODE_ENV !== 'production') {
       const isString = value => typeof value === 'string';
       // IE11 support, replace with Number.isNaN
@@ -8581,7 +8411,7 @@ const zIndex = {
 };
 var zIndex$1 = zIndex;
 
-const _excluded$9 = ["breakpoints", "mixins", "spacing", "palette", "transitions", "typography", "shape"];
+const _excluded$8 = ["breakpoints", "mixins", "spacing", "palette", "transitions", "typography", "shape"];
 function createTheme(options = {}, ...args) {
   const {
       mixins: mixinsInput = {},
@@ -8589,7 +8419,7 @@ function createTheme(options = {}, ...args) {
       transitions: transitionsInput = {},
       typography: typographyInput = {}
     } = options,
-    other = _objectWithoutPropertiesLoose(options, _excluded$9);
+    other = _objectWithoutPropertiesLoose(options, _excluded$8);
   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));
@@ -8651,7 +8481,7 @@ const defaultTheme$1 = createTheme();
 var defaultTheme$2 = defaultTheme$1;
 
 function useTheme() {
-  const theme = useTheme$2(defaultTheme$2);
+  const theme = useTheme$1(defaultTheme$2);
   if (process.env.NODE_ENV !== 'production') {
     // eslint-disable-next-line react-hooks/rules-of-hooks
     React.useDebugValue(theme);
@@ -8679,29 +8509,6 @@ const styled = createStyled({
 });
 var styled$1 = styled;
 
-const _excluded$8 = ["theme"];
-function ThemeProvider(_ref) {
-  let {
-      theme: themeInput
-    } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$8);
-  const scopedTheme = themeInput[THEME_ID];
-  return /*#__PURE__*/jsx(ThemeProvider$1, _extends({}, props, {
-    themeId: scopedTheme ? THEME_ID : undefined,
-    theme: scopedTheme || themeInput
-  }));
-}
-process.env.NODE_ENV !== "production" ? ThemeProvider.propTypes = {
-  /**
-   * Your component tree.
-   */
-  children: PropTypes.node,
-  /**
-   * A theme object. You can provide a function to extend the outer theme.
-   */
-  theme: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).isRequired
-} : void 0;
-
 function getSvgIconUtilityClass(slot) {
   return generateUtilityClass('MuiSvgIcon', slot);
 }
@@ -9059,15 +8866,44 @@ const components = {
     }
   },
   MuiChip: {
-    defaultProps: {
-      size: 'small'
-    },
     styleOverrides: {
+      sizeSmall: {
+        paddingBlock: 4
+      },
+      sizeMedium: {
+        paddingBlock: 7
+      },
       root: {
+        height: "inherit",
         borderRadius: 4
+        // '&.MuiChip-colorPrimary': {
+        //     color: '#101840DE',
+        //     backgroundColor: '#E4ECF4',
+        //     ".MuiChip-deleteIcon": {
+        //         height: 12,
+        //         width: 12,
+        //     },
+        // },
+        // '&.MuiChip-colorPrimary.MuiChip-outlined': {
+        //     border: '1px solid #90B1D0',
+        //     backgroundColor: "#fff",
+        //     ".MuiChip-avatar": {
+        //         marginBlock: 2
+        //     },
+        //     "&.MuiChip-colorPrimary.MuiChip-outlined:hover": {
+        //         backgroundColor: "#E4ECF4"
+        //     },
+        //     ".MuiChip-deleteIcon": {
+        //         color: "#90B1D0",
+        //         "&:hover": {
+        //             color: "#6392BD !important"
+        //         }
+        //     },
+        // },
       }
     }
   },
+
   MuiAlert: {
     defaultProps: {
       iconMapping: {
@@ -9607,7 +9443,7 @@ const SincoTheme = createTheme(Object.assign({}, themeOptions));
 
 var objectDefineProperties = {};
 
-var DESCRIPTORS$2 = descriptors;
+var DESCRIPTORS$1 = descriptors;
 var V8_PROTOTYPE_DEFINE_BUG = v8PrototypeDefineBug;
 var definePropertyModule = objectDefineProperty;
 var anObject$2 = anObject$5;
@@ -9617,7 +9453,7 @@ 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$2 && !V8_PROTOTYPE_DEFINE_BUG ? Object.defineProperties : function defineProperties(O, 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);
@@ -9717,17 +9553,17 @@ var objectCreate = Object.create || function create(O, Properties) {
   return Properties === undefined ? result : definePropertiesModule.f(result, Properties);
 };
 
-var wellKnownSymbol$6 = wellKnownSymbol$8;
+var wellKnownSymbol$4 = wellKnownSymbol$6;
 var create$1 = objectCreate;
-var defineProperty$3 = objectDefineProperty.f;
+var defineProperty$2 = objectDefineProperty.f;
 
-var UNSCOPABLES = wellKnownSymbol$6('unscopables');
+var UNSCOPABLES = wellKnownSymbol$4('unscopables');
 var ArrayPrototype = Array.prototype;
 
 // Array.prototype[@@unscopables]
 // https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
 if (ArrayPrototype[UNSCOPABLES] == undefined) {
-  defineProperty$3(ArrayPrototype, UNSCOPABLES, {
+  defineProperty$2(ArrayPrototype, UNSCOPABLES, {
     configurable: true,
     value: create$1(null)
   });
@@ -9749,36 +9585,36 @@ var correctPrototypeGetter = !fails$1(function () {
   return Object.getPrototypeOf(new F()) !== F.prototype;
 });
 
-var hasOwn$2 = hasOwnProperty_1;
-var isCallable$5 = isCallable$g;
+var hasOwn$1 = hasOwnProperty_1;
+var isCallable$3 = isCallable$e;
 var toObject = toObject$4;
 var sharedKey = sharedKey$3;
 var CORRECT_PROTOTYPE_GETTER = correctPrototypeGetter;
 
 var IE_PROTO = sharedKey('IE_PROTO');
-var $Object$1 = Object;
-var ObjectPrototype = $Object$1.prototype;
+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$1.getPrototypeOf : function (O) {
+var objectGetPrototypeOf = CORRECT_PROTOTYPE_GETTER ? $Object.getPrototypeOf : function (O) {
   var object = toObject(O);
-  if (hasOwn$2(object, IE_PROTO)) return object[IE_PROTO];
+  if (hasOwn$1(object, IE_PROTO)) return object[IE_PROTO];
   var constructor = object.constructor;
-  if (isCallable$5(constructor) && object instanceof constructor) {
+  if (isCallable$3(constructor) && object instanceof constructor) {
     return constructor.prototype;
-  } return object instanceof $Object$1 ? ObjectPrototype : null;
+  } return object instanceof $Object ? ObjectPrototype : null;
 };
 
 var fails = fails$b;
-var isCallable$4 = isCallable$g;
+var isCallable$2 = isCallable$e;
 var isObject = isObject$6;
 var getPrototypeOf$1 = objectGetPrototypeOf;
 var defineBuiltIn$1 = defineBuiltIn$3;
-var wellKnownSymbol$5 = wellKnownSymbol$8;
+var wellKnownSymbol$3 = wellKnownSymbol$6;
 
-var ITERATOR$2 = wellKnownSymbol$5('iterator');
+var ITERATOR$2 = wellKnownSymbol$3('iterator');
 var BUGGY_SAFARI_ITERATORS$1 = false;
 
 // `%IteratorPrototype%` object
@@ -9806,7 +9642,7 @@ if (NEW_ITERATOR_PROTOTYPE) IteratorPrototype$2 = {};
 
 // `%IteratorPrototype%[@@iterator]()` method
 // https://tc39.es/ecma262/#sec-%iteratorprototype%-@@iterator
-if (!isCallable$4(IteratorPrototype$2[ITERATOR$2])) {
+if (!isCallable$2(IteratorPrototype$2[ITERATOR$2])) {
   defineBuiltIn$1(IteratorPrototype$2, ITERATOR$2, function () {
     return this;
   });
@@ -9817,16 +9653,16 @@ var iteratorsCore = {
   BUGGY_SAFARI_ITERATORS: BUGGY_SAFARI_ITERATORS$1
 };
 
-var defineProperty$2 = objectDefineProperty.f;
-var hasOwn$1 = hasOwnProperty_1;
-var wellKnownSymbol$4 = wellKnownSymbol$8;
+var defineProperty$1 = objectDefineProperty.f;
+var hasOwn = hasOwnProperty_1;
+var wellKnownSymbol$2 = wellKnownSymbol$6;
 
-var TO_STRING_TAG$3 = wellKnownSymbol$4('toStringTag');
+var TO_STRING_TAG$1 = wellKnownSymbol$2('toStringTag');
 
 var setToStringTag$2 = function (target, TAG, STATIC) {
   if (target && !STATIC) target = target.prototype;
-  if (target && !hasOwn$1(target, TO_STRING_TAG$3)) {
-    defineProperty$2(target, TO_STRING_TAG$3, { configurable: true, value: TAG });
+  if (target && !hasOwn(target, TO_STRING_TAG$1)) {
+    defineProperty$1(target, TO_STRING_TAG$1, { configurable: true, value: TAG });
   }
 };
 
@@ -9846,24 +9682,24 @@ var iteratorCreateConstructor = function (IteratorConstructor, NAME, next, ENUME
   return IteratorConstructor;
 };
 
-var uncurryThis$1 = functionUncurryThis;
+var uncurryThis = functionUncurryThis;
 var aCallable = aCallable$2;
 
 var functionUncurryThisAccessor = function (object, key, method) {
   try {
     // eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
-    return uncurryThis$1(aCallable(Object.getOwnPropertyDescriptor(object, key)[method]));
+    return uncurryThis(aCallable(Object.getOwnPropertyDescriptor(object, key)[method]));
   } catch (error) { /* empty */ }
 };
 
-var isCallable$3 = isCallable$g;
+var isCallable$1 = isCallable$e;
 
-var $String$1 = String;
+var $String = String;
 var $TypeError = TypeError;
 
 var aPossiblePrototype$1 = function (argument) {
-  if (typeof argument == 'object' || isCallable$3(argument)) return argument;
-  throw $TypeError("Can't set " + $String$1(argument) + ' as a prototype');
+  if (typeof argument == 'object' || isCallable$1(argument)) return argument;
+  throw $TypeError("Can't set " + $String(argument) + ' as a prototype');
 };
 
 /* eslint-disable no-proto -- safe */
@@ -9894,17 +9730,17 @@ var objectSetPrototypeOf = Object.setPrototypeOf || ('__proto__' in {} ? functio
   };
 }() : undefined);
 
-var $$1 = _export;
+var $ = _export;
 var call = functionCall;
 var FunctionName = functionName;
-var isCallable$2 = isCallable$g;
+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$3 = wellKnownSymbol$8;
+var wellKnownSymbol$1 = wellKnownSymbol$6;
 var Iterators$1 = iterators;
 var IteratorsCore = iteratorsCore;
 
@@ -9912,7 +9748,7 @@ 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$3('iterator');
+var ITERATOR$1 = wellKnownSymbol$1('iterator');
 var KEYS = 'keys';
 var VALUES = 'values';
 var ENTRIES = 'entries';
@@ -9949,7 +9785,7 @@ var iteratorDefine = function (Iterable, NAME, IteratorConstructor, next, DEFAUL
       if (getPrototypeOf(CurrentIteratorPrototype) !== IteratorPrototype) {
         if (setPrototypeOf) {
           setPrototypeOf(CurrentIteratorPrototype, IteratorPrototype);
-        } else if (!isCallable$2(CurrentIteratorPrototype[ITERATOR$1])) {
+        } else if (!isCallable(CurrentIteratorPrototype[ITERATOR$1])) {
           defineBuiltIn(CurrentIteratorPrototype, ITERATOR$1, returnThis);
         }
       }
@@ -9979,7 +9815,7 @@ var iteratorDefine = function (Iterable, NAME, IteratorConstructor, next, DEFAUL
       if (BUGGY_SAFARI_ITERATORS || INCORRECT_VALUES_NAME || !(KEY in IterablePrototype)) {
         defineBuiltIn(IterablePrototype, KEY, methods[KEY]);
       }
-    } else $$1({ target: NAME, proto: true, forced: BUGGY_SAFARI_ITERATORS || INCORRECT_VALUES_NAME }, methods);
+    } else $({ target: NAME, proto: true, forced: BUGGY_SAFARI_ITERATORS || INCORRECT_VALUES_NAME }, methods);
   }
 
   // define iterator
@@ -10001,10 +9837,10 @@ var toIndexedObject = toIndexedObject$5;
 var addToUnscopables = addToUnscopables$1;
 var Iterators = iterators;
 var InternalStateModule = internalState;
-var defineProperty$1 = objectDefineProperty.f;
+var defineProperty = objectDefineProperty.f;
 var defineIterator = iteratorDefine;
 var createIterResultObject = createIterResultObject$1;
-var DESCRIPTORS$1 = descriptors;
+var DESCRIPTORS = descriptors;
 
 var ARRAY_ITERATOR = 'Array Iterator';
 var setInternalState = InternalStateModule.set;
@@ -10054,8 +9890,8 @@ addToUnscopables('values');
 addToUnscopables('entries');
 
 // V8 ~ Chrome 45- bug
-if (DESCRIPTORS$1 && values$1.name !== 'values') try {
-  defineProperty$1(values$1, 'name', { value: 'values' });
+if (DESCRIPTORS && values$1.name !== 'values') try {
+  defineProperty(values$1, 'name', { value: 'values' });
 } catch (error) { /* empty */ }
 
 // iterable DOM collections
@@ -10102,15 +9938,15 @@ var DOMTokenListPrototype$1 = classList && classList.constructor && classList.co
 
 var domTokenListPrototype = DOMTokenListPrototype$1 === Object.prototype ? undefined : DOMTokenListPrototype$1;
 
-var global$2 = global$d;
+var global$1 = global$c;
 var DOMIterables = domIterables;
 var DOMTokenListPrototype = domTokenListPrototype;
 var ArrayIteratorMethods = es_array_iterator;
 var createNonEnumerableProperty = createNonEnumerableProperty$4;
-var wellKnownSymbol$2 = wellKnownSymbol$8;
+var wellKnownSymbol = wellKnownSymbol$6;
 
-var ITERATOR = wellKnownSymbol$2('iterator');
-var TO_STRING_TAG$2 = wellKnownSymbol$2('toStringTag');
+var ITERATOR = wellKnownSymbol('iterator');
+var TO_STRING_TAG = wellKnownSymbol('toStringTag');
 var ArrayValues = ArrayIteratorMethods.values;
 
 var handlePrototype = function (CollectionPrototype, COLLECTION_NAME) {
@@ -10121,8 +9957,8 @@ var handlePrototype = function (CollectionPrototype, COLLECTION_NAME) {
     } catch (error) {
       CollectionPrototype[ITERATOR] = ArrayValues;
     }
-    if (!CollectionPrototype[TO_STRING_TAG$2]) {
-      createNonEnumerableProperty(CollectionPrototype, TO_STRING_TAG$2, COLLECTION_NAME);
+    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
@@ -10136,125 +9972,11 @@ var handlePrototype = function (CollectionPrototype, COLLECTION_NAME) {
 };
 
 for (var COLLECTION_NAME in DOMIterables) {
-  handlePrototype(global$2[COLLECTION_NAME] && global$2[COLLECTION_NAME].prototype, COLLECTION_NAME);
+  handlePrototype(global$1[COLLECTION_NAME] && global$1[COLLECTION_NAME].prototype, COLLECTION_NAME);
 }
 
 handlePrototype(DOMTokenListPrototype, 'DOMTokenList');
 
-var wellKnownSymbol$1 = wellKnownSymbol$8;
-
-var TO_STRING_TAG$1 = wellKnownSymbol$1('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$g;
-var classofRaw = classofRaw$1;
-var wellKnownSymbol = wellKnownSymbol$8;
-
-var TO_STRING_TAG = wellKnownSymbol('toStringTag');
-var $Object = Object;
-
-// ES3 wrong here
-var CORRECT_ARGUMENTS = classofRaw(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$1 = TO_STRING_TAG_SUPPORT ? classofRaw : 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(O)
-    // ES3 arguments fallback
-    : (result = classofRaw(O)) == 'Object' && isCallable$1(O.callee) ? 'Arguments' : result;
-};
-
-var classof = classof$1;
-
-var $String = String;
-
-var toString$1 = function (argument) {
-  if (classof(argument) === 'Symbol') throw TypeError('Cannot convert a Symbol value to a string');
-  return $String(argument);
-};
-
-var makeBuiltIn = makeBuiltIn$3.exports;
-var defineProperty = objectDefineProperty;
-
-var defineBuiltInAccessor$1 = function (target, name, descriptor) {
-  if (descriptor.get) makeBuiltIn(descriptor.get, name, { getter: true });
-  if (descriptor.set) makeBuiltIn(descriptor.set, name, { setter: true });
-  return defineProperty.f(target, name, descriptor);
-};
-
-var $ = _export;
-var DESCRIPTORS = descriptors;
-var global$1 = global$d;
-var uncurryThis = functionUncurryThis;
-var hasOwn = hasOwnProperty_1;
-var isCallable = isCallable$g;
-var isPrototypeOf = objectIsPrototypeOf;
-var toString = toString$1;
-var defineBuiltInAccessor = defineBuiltInAccessor$1;
-var copyConstructorProperties = copyConstructorProperties$2;
-
-var NativeSymbol = global$1.Symbol;
-var SymbolPrototype = NativeSymbol && NativeSymbol.prototype;
-
-if (DESCRIPTORS && isCallable(NativeSymbol) && (!('description' in SymbolPrototype) ||
-  // Safari 12 bug
-  NativeSymbol().description !== undefined
-)) {
-  var EmptyStringDescriptionStore = {};
-  // wrap Symbol constructor for correct work with undefined description
-  var SymbolWrapper = function Symbol() {
-    var description = arguments.length < 1 || arguments[0] === undefined ? undefined : toString(arguments[0]);
-    var result = isPrototypeOf(SymbolPrototype, this)
-      ? new NativeSymbol(description)
-      // in Edge 13, String(Symbol(undefined)) === 'Symbol(undefined)'
-      : description === undefined ? NativeSymbol() : NativeSymbol(description);
-    if (description === '') EmptyStringDescriptionStore[result] = true;
-    return result;
-  };
-
-  copyConstructorProperties(SymbolWrapper, NativeSymbol);
-  SymbolWrapper.prototype = SymbolPrototype;
-  SymbolPrototype.constructor = SymbolWrapper;
-
-  var NATIVE_SYMBOL = String(NativeSymbol('test')) == 'Symbol(test)';
-  var thisSymbolValue = uncurryThis(SymbolPrototype.valueOf);
-  var symbolDescriptiveString = uncurryThis(SymbolPrototype.toString);
-  var regexp = /^Symbol\((.*)\)[^)]+$/;
-  var replace = uncurryThis(''.replace);
-  var stringSlice = uncurryThis(''.slice);
-
-  defineBuiltInAccessor(SymbolPrototype, 'description', {
-    configurable: true,
-    get: function description() {
-      var symbol = thisSymbolValue(this);
-      if (hasOwn(EmptyStringDescriptionStore, symbol)) return '';
-      var string = symbolDescriptiveString(symbol);
-      var desc = NATIVE_SYMBOL ? stringSlice(string, 7, -1) : replace(string, regexp, '$1');
-      return desc === '' ? undefined : desc;
-    }
-  });
-
-  $({ global: true, constructor: true, forced: true }, {
-    Symbol: SymbolWrapper
-  });
-}
-
 function _setPrototypeOf(o, p) {
   _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
     o.__proto__ = p;
@@ -12893,19 +12615,25 @@ var Stack$1 = Stack;
 const ToastContent = styled$1(Stack$1)(({
   theme
 }) => ({
+  position: "fixed",
   marginBottom: theme.spacing(2),
-  zIndex: 9999,
-  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)',
-  '&.flex-end': {
-    marginTop: 16,
-    marginRight: 16
-  },
-  '&.center': {
-    marginTop: 16
-  },
-  '&.flex-start': {
-    marginLeft: 16,
-    marginTop: 16
+  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)",
+  "&.end": {
+    top: 16,
+    right: 16,
+    left: "auto"
+  },
+  "&.center": {
+    top: 16,
+    left: "50%",
+    right: "auto",
+    transform: "translateX(-50%)"
+  },
+  "&.start": {
+    top: 16,
+    left: 16,
+    right: "auto"
   }
 }));
 const ContentBox = styled$1(Box$1)(({
@@ -12913,19 +12641,19 @@ const ContentBox = styled$1(Box$1)(({
 }) => ({
   padding: theme.spacing(1.5),
   gap: theme.spacing(1.5),
-  display: 'flex',
-  alignItems: 'center',
-  '&.color-error': {
-    backgroundColor: '#feebee'
+  display: "flex",
+  alignItems: "center",
+  "&.color-error": {
+    backgroundColor: "#FEEBEE"
   },
-  '&.color-info': {
-    backgroundColor: '#e1f5fe'
+  "&.color-info": {
+    backgroundColor: "#E1F5FE"
   },
-  '&.color-warning': {
-    backgroundColor: '#fff3e0'
+  "&.color-warning": {
+    backgroundColor: "#FFF3E0"
   },
-  '&.color-success': {
-    backgroundColor: '#E8F5E9'
+  "&.color-success": {
+    backgroundColor: "#E8F5E9"
   }
 }));
 const RippleIcon = styled$1(Stack$1)(({
@@ -12935,31 +12663,33 @@ const RippleIcon = styled$1(Stack$1)(({
   gap: theme.spacing(1),
   height: 20,
   borderRadius: 50,
-  '&.ripple-error': {
-    backgroundColor: '#D143431F'
+  "&.ripple-error": {
+    backgroundColor: "#D143431F"
   },
-  '&.ripple-info': {
-    backgroundColor: '#2D9FC51F'
+  "&.ripple-info": {
+    backgroundColor: "#2D9FC51F"
   },
-  '&.ripple-warning': {
-    backgroundColor: '#FB85001F'
+  "&.ripple-warning": {
+    backgroundColor: "#FB85001F"
   },
-  '&.ripple-success': {
-    backgroundColor: '#8FC93A1F'
+  "&.ripple-success": {
+    backgroundColor: "#8FC93A1F"
   }
 }));
-const ContentIcon = styled$1(Stack$1)(() => ({
-  '&.icon-color.color-info': {
-    color: '#0097b9'
+const ContentIcon = styled$1(Stack$1)(({
+  theme
+}) => ({
+  "&.icon-color.color-info": {
+    color: theme.palette.info.main
   },
-  '&.icon-color.color-error': {
-    color: '#d14343'
+  "&.icon-color.color-error": {
+    color: theme.palette.error.main
   },
-  '&.icon-color.color-warning': {
-    color: '#fb8500'
+  "&.icon-color.color-warning": {
+    color: theme.palette.warning.main
   },
-  '&.icon-color.color-success': {
-    color: '#8fc93a'
+  "&.icon-color.color-success": {
+    color: theme.palette.success.main
   }
 }));
 const ToastNotification = toast => {
@@ -12973,20 +12703,14 @@ const ToastNotification = toast => {
     warning: /*#__PURE__*/React__default.createElement(WarningRounded, null),
     info: /*#__PURE__*/React__default.createElement(InfoRounded, null)
   };
-  const ToastIcon = IconMap[toast.type || 'info'];
+  const ToastIcon = IconMap[toast.type || "info"];
   const colorMap = {
-    success: 'success',
-    error: 'error',
-    warning: 'warning',
-    info: 'info'
-  };
-  const colors = colorMap[toast.type || 'info'];
-  const toastPosition = {
-    center: 'center',
-    right: 'flex-end',
-    left: 'flex-start'
+    success: "success",
+    error: "error",
+    warning: "warning",
+    info: "info"
   };
-  const position = toastPosition[toast.position || 'right'];
+  const colors = colorMap[toast.type || "info"];
   const close = () => {
     setOpenToast(false);
   };
@@ -13008,20 +12732,12 @@ const ToastNotification = toast => {
       clearInterval(interval || toast.time);
     };
   }, [timeProgress, toast.time]);
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, openToast && /*#__PURE__*/React__default.createElement(ThemeProvider, {
-    theme: SincoTheme
-  }, /*#__PURE__*/React__default.createElement(Stack$1, {
-    alignItems: position || 'right'
-  }, /*#__PURE__*/React__default.createElement(ToastContent, {
-    width: 370,
-    role: "toast",
-    className: `${position}`
-  }, /*#__PURE__*/React__default.createElement(ContentBox, {
-    className: `color-${toast.type || 'info'}`
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, openToast && /*#__PURE__*/React__default.createElement(ToastContent, null, /*#__PURE__*/React__default.createElement(Stack$1, null, /*#__PURE__*/React__default.createElement(ContentBox, {
+    className: `color-${toast.type || "info"}`
   }, toast && /*#__PURE__*/React__default.createElement(RippleIcon, {
-    className: `ripple-${toast.type || 'info'}`
+    className: `ripple-${toast.type || "info"}`
   }, /*#__PURE__*/React__default.createElement(ContentIcon, {
-    className: `icon-color color-${toast.type || 'info'}`
+    className: `icon-color color-${toast.type || "info"}`
   }, ToastIcon)), /*#__PURE__*/React__default.createElement(Divider$1, {
     orientation: "vertical",
     flexItem: true
@@ -13040,26 +12756,27 @@ const ToastNotification = toast => {
     "aria-label": "delete",
     onClick: close
   }, /*#__PURE__*/React__default.createElement(Close, null))), /*#__PURE__*/React__default.createElement(Stack$1, {
-    gap: "4px"
+    gap: "4px",
+    alignItems: "flex-start"
   }, /*#__PURE__*/React__default.createElement(Typography$1, {
     color: "text.primary",
     variant: "body2"
-  }, toast.description), !showOptions && toast.dataOpt && toast.dataOpt.length > 0 && /*#__PURE__*/React__default.createElement("ul", {
+  }, toast.subtitle), !showOptions && toast.dataOpt && toast.dataOpt.length > 0 && /*#__PURE__*/React__default.createElement("ul", {
     style: {
       paddingLeft: 15,
       marginBlock: 0,
       fontSize: 11,
-      color: '#101840de'
+      color: "#101840de"
     }
   }, toast.dataOpt.map((element, i) => {
     const keyElement = Object.keys(element);
-    let options = '';
+    let options = "";
     for (let _i = 0; _i < keyElement.length; _i++) {
       options += element[keyElement[_i]];
     }
     return /*#__PURE__*/React__default.createElement("li", {
       style: {
-        width: 'fit-content'
+        width: "fit-content"
       },
       key: i
     }, /*#__PURE__*/React__default.createElement(Typography$1, {
@@ -13082,11 +12799,22 @@ const ToastNotification = toast => {
     }) : /*#__PURE__*/React__default.createElement(ArrowUpward, {
       fontSize: "small"
     })
-  }, showOptions ? 'Ver más' : 'Ver menos')))), /*#__PURE__*/React__default.createElement(LinearProgress$1, {
+  }, showOptions ? "Ver más" : "Ver menos")))), /*#__PURE__*/React__default.createElement(LinearProgress$1, {
     color: colors,
     variant: "determinate",
     value: progress
-  })))));
-};
+  }))));
+};
+
+styled$1(Stack$1)(() => ({
+  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 { SincoTheme, ToastNotification };