mytek-components 0.0.9 → 1.0.0

package/dist/index.js

@@ -2,7 +2,9 @@ var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 import * as React from "react";
-import React__default, { forwardRef, useContext, useState, useRef, useEffect, isValidElement, cloneElement, Children, useMemo, useCallback, useLayoutEffect, createContext } from "react";
+import React__default, { useState, useRef, useEffect, isValidElement, cloneElement, Children, useContext, useMemo, useCallback, useLayoutEffect, createContext } from "react";
+import emStyled from "@emotion/styled";
+import { keyframes } from "@emotion/react";
 import ReactDOM from "react-dom";
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
@@ -266,8 +268,8 @@ function requireReactJsxRuntime_development() {
         debugTask
       );
     }
-    function validateChildKeys(node2) {
-      "object" === typeof node2 && null !== node2 && node2.$$typeof === REACT_ELEMENT_TYPE && node2._store && (node2._store.validated = 1);
+    function validateChildKeys(node) {
+      "object" === typeof node && null !== node && node.$$typeof === REACT_ELEMENT_TYPE && node._store && (node._store.validated = 1);
     }
     var React2 = React__default, REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"), REACT_PORTAL_TYPE = Symbol.for("react.portal"), REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"), REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode"), REACT_PROFILER_TYPE = Symbol.for("react.profiler");
     var REACT_CONSUMER_TYPE = Symbol.for("react.consumer"), REACT_CONTEXT_TYPE = Symbol.for("react.context"), REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref"), REACT_SUSPENSE_TYPE = Symbol.for("react.suspense"), REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list"), REACT_MEMO_TYPE = Symbol.for("react.memo"), REACT_LAZY_TYPE = Symbol.for("react.lazy"), REACT_ACTIVITY_TYPE = Symbol.for("react.activity"), REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference"), ReactSharedInternals = React2.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, hasOwnProperty = Object.prototype.hasOwnProperty, isArrayImpl = Array.isArray, createTask = console.createTask ? console.createTask : function() {
@@ -626,9 +628,9 @@ function _toPrimitive(t, r2) {
   return ("string" === r2 ? String : Number)(t);
 }
 function Tree2Element(tree) {
-  return tree && tree.map((node2, i) => /* @__PURE__ */ React__default.createElement(node2.tag, _objectSpread$5({
+  return tree && tree.map((node, i) => /* @__PURE__ */ React__default.createElement(node.tag, _objectSpread$5({
     key: i
-  }, node2.attr), Tree2Element(node2.child)));
+  }, node.attr), Tree2Element(node.child)));
 }
 function GenIcon(data) {
   return (props) => /* @__PURE__ */ React__default.createElement(IconBase, _extends$1({
@@ -705,8 +707,8 @@ function createChainedFunction(...funcs) {
   });
 }
 var propTypes$2 = { exports: {} };
-var reactIs$2 = { exports: {} };
-var reactIs_production_min$1 = {};
+var reactIs$1 = { exports: {} };
+var reactIs_production_min = {};
 /** @license React v16.13.1
  * react-is.production.min.js
  *
@@ -715,10 +717,10 @@ var reactIs_production_min$1 = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var hasRequiredReactIs_production_min$1;
-function requireReactIs_production_min$1() {
-  if (hasRequiredReactIs_production_min$1) return reactIs_production_min$1;
-  hasRequiredReactIs_production_min$1 = 1;
+var hasRequiredReactIs_production_min;
+function requireReactIs_production_min() {
+  if (hasRequiredReactIs_production_min) return reactIs_production_min;
+  hasRequiredReactIs_production_min = 1;
   var b = "function" === typeof Symbol && Symbol.for, c = b ? Symbol.for("react.element") : 60103, d = b ? Symbol.for("react.portal") : 60106, e = b ? Symbol.for("react.fragment") : 60107, f = b ? Symbol.for("react.strict_mode") : 60108, g = b ? Symbol.for("react.profiler") : 60114, h = b ? Symbol.for("react.provider") : 60109, k = b ? Symbol.for("react.context") : 60110, l = b ? Symbol.for("react.async_mode") : 60111, m = b ? Symbol.for("react.concurrent_mode") : 60111, n = b ? Symbol.for("react.forward_ref") : 60112, p = b ? Symbol.for("react.suspense") : 60113, q = b ? Symbol.for("react.suspense_list") : 60120, r2 = b ? Symbol.for("react.memo") : 60115, t = b ? Symbol.for("react.lazy") : 60116, v = b ? Symbol.for("react.block") : 60121, w = b ? Symbol.for("react.fundamental") : 60117, x = b ? Symbol.for("react.responder") : 60118, y = b ? Symbol.for("react.scope") : 60119;
   function z(a) {
     if ("object" === typeof a && null !== a) {
@@ -753,63 +755,63 @@ function requireReactIs_production_min$1() {
   function A(a) {
     return z(a) === m;
   }
-  reactIs_production_min$1.AsyncMode = l;
-  reactIs_production_min$1.ConcurrentMode = m;
-  reactIs_production_min$1.ContextConsumer = k;
-  reactIs_production_min$1.ContextProvider = h;
-  reactIs_production_min$1.Element = c;
-  reactIs_production_min$1.ForwardRef = n;
-  reactIs_production_min$1.Fragment = e;
-  reactIs_production_min$1.Lazy = t;
-  reactIs_production_min$1.Memo = r2;
-  reactIs_production_min$1.Portal = d;
-  reactIs_production_min$1.Profiler = g;
-  reactIs_production_min$1.StrictMode = f;
-  reactIs_production_min$1.Suspense = p;
-  reactIs_production_min$1.isAsyncMode = function(a) {
+  reactIs_production_min.AsyncMode = l;
+  reactIs_production_min.ConcurrentMode = m;
+  reactIs_production_min.ContextConsumer = k;
+  reactIs_production_min.ContextProvider = h;
+  reactIs_production_min.Element = c;
+  reactIs_production_min.ForwardRef = n;
+  reactIs_production_min.Fragment = e;
+  reactIs_production_min.Lazy = t;
+  reactIs_production_min.Memo = r2;
+  reactIs_production_min.Portal = d;
+  reactIs_production_min.Profiler = g;
+  reactIs_production_min.StrictMode = f;
+  reactIs_production_min.Suspense = p;
+  reactIs_production_min.isAsyncMode = function(a) {
     return A(a) || z(a) === l;
   };
-  reactIs_production_min$1.isConcurrentMode = A;
-  reactIs_production_min$1.isContextConsumer = function(a) {
+  reactIs_production_min.isConcurrentMode = A;
+  reactIs_production_min.isContextConsumer = function(a) {
     return z(a) === k;
   };
-  reactIs_production_min$1.isContextProvider = function(a) {
+  reactIs_production_min.isContextProvider = function(a) {
     return z(a) === h;
   };
-  reactIs_production_min$1.isElement = function(a) {
+  reactIs_production_min.isElement = function(a) {
     return "object" === typeof a && null !== a && a.$$typeof === c;
   };
-  reactIs_production_min$1.isForwardRef = function(a) {
+  reactIs_production_min.isForwardRef = function(a) {
     return z(a) === n;
   };
-  reactIs_production_min$1.isFragment = function(a) {
+  reactIs_production_min.isFragment = function(a) {
     return z(a) === e;
   };
-  reactIs_production_min$1.isLazy = function(a) {
+  reactIs_production_min.isLazy = function(a) {
     return z(a) === t;
   };
-  reactIs_production_min$1.isMemo = function(a) {
+  reactIs_production_min.isMemo = function(a) {
     return z(a) === r2;
   };
-  reactIs_production_min$1.isPortal = function(a) {
+  reactIs_production_min.isPortal = function(a) {
     return z(a) === d;
   };
-  reactIs_production_min$1.isProfiler = function(a) {
+  reactIs_production_min.isProfiler = function(a) {
     return z(a) === g;
   };
-  reactIs_production_min$1.isStrictMode = function(a) {
+  reactIs_production_min.isStrictMode = function(a) {
     return z(a) === f;
   };
-  reactIs_production_min$1.isSuspense = function(a) {
+  reactIs_production_min.isSuspense = function(a) {
     return z(a) === p;
   };
-  reactIs_production_min$1.isValidElementType = function(a) {
+  reactIs_production_min.isValidElementType = function(a) {
     return "string" === typeof a || "function" === typeof a || a === e || a === m || a === g || a === f || a === p || a === q || "object" === typeof a && null !== a && (a.$$typeof === t || a.$$typeof === r2 || a.$$typeof === h || a.$$typeof === k || a.$$typeof === n || a.$$typeof === w || a.$$typeof === x || a.$$typeof === y || a.$$typeof === v);
   };
-  reactIs_production_min$1.typeOf = z;
-  return reactIs_production_min$1;
+  reactIs_production_min.typeOf = z;
+  return reactIs_production_min;
 }
-var reactIs_development$2 = {};
+var reactIs_development$1 = {};
 /** @license React v16.13.1
  * react-is.development.js
  *
@@ -818,10 +820,10 @@ var reactIs_development$2 = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var hasRequiredReactIs_development$2;
-function requireReactIs_development$2() {
-  if (hasRequiredReactIs_development$2) return reactIs_development$2;
-  hasRequiredReactIs_development$2 = 1;
+var hasRequiredReactIs_development$1;
+function requireReactIs_development$1() {
+  if (hasRequiredReactIs_development$1) return reactIs_development$1;
+  hasRequiredReactIs_development$1 = 1;
   if (process.env.NODE_ENV !== "production") {
     (function() {
       var hasSymbol = typeof Symbol === "function" && Symbol.for;
@@ -939,48 +941,48 @@ function requireReactIs_development$2() {
       function isSuspense(object) {
         return typeOf3(object) === REACT_SUSPENSE_TYPE;
       }
-      reactIs_development$2.AsyncMode = AsyncMode;
-      reactIs_development$2.ConcurrentMode = ConcurrentMode;
-      reactIs_development$2.ContextConsumer = ContextConsumer;
-      reactIs_development$2.ContextProvider = ContextProvider;
-      reactIs_development$2.Element = Element2;
-      reactIs_development$2.ForwardRef = ForwardRef;
-      reactIs_development$2.Fragment = Fragment;
-      reactIs_development$2.Lazy = Lazy;
-      reactIs_development$2.Memo = Memo;
-      reactIs_development$2.Portal = Portal;
-      reactIs_development$2.Profiler = Profiler;
-      reactIs_development$2.StrictMode = StrictMode;
-      reactIs_development$2.Suspense = Suspense;
-      reactIs_development$2.isAsyncMode = isAsyncMode;
-      reactIs_development$2.isConcurrentMode = isConcurrentMode;
-      reactIs_development$2.isContextConsumer = isContextConsumer;
-      reactIs_development$2.isContextProvider = isContextProvider;
-      reactIs_development$2.isElement = isElement2;
-      reactIs_development$2.isForwardRef = isForwardRef;
-      reactIs_development$2.isFragment = isFragment;
-      reactIs_development$2.isLazy = isLazy;
-      reactIs_development$2.isMemo = isMemo;
-      reactIs_development$2.isPortal = isPortal;
-      reactIs_development$2.isProfiler = isProfiler;
-      reactIs_development$2.isStrictMode = isStrictMode;
-      reactIs_development$2.isSuspense = isSuspense;
-      reactIs_development$2.isValidElementType = isValidElementType;
-      reactIs_development$2.typeOf = typeOf3;
+      reactIs_development$1.AsyncMode = AsyncMode;
+      reactIs_development$1.ConcurrentMode = ConcurrentMode;
+      reactIs_development$1.ContextConsumer = ContextConsumer;
+      reactIs_development$1.ContextProvider = ContextProvider;
+      reactIs_development$1.Element = Element2;
+      reactIs_development$1.ForwardRef = ForwardRef;
+      reactIs_development$1.Fragment = Fragment;
+      reactIs_development$1.Lazy = Lazy;
+      reactIs_development$1.Memo = Memo;
+      reactIs_development$1.Portal = Portal;
+      reactIs_development$1.Profiler = Profiler;
+      reactIs_development$1.StrictMode = StrictMode;
+      reactIs_development$1.Suspense = Suspense;
+      reactIs_development$1.isAsyncMode = isAsyncMode;
+      reactIs_development$1.isConcurrentMode = isConcurrentMode;
+      reactIs_development$1.isContextConsumer = isContextConsumer;
+      reactIs_development$1.isContextProvider = isContextProvider;
+      reactIs_development$1.isElement = isElement2;
+      reactIs_development$1.isForwardRef = isForwardRef;
+      reactIs_development$1.isFragment = isFragment;
+      reactIs_development$1.isLazy = isLazy;
+      reactIs_development$1.isMemo = isMemo;
+      reactIs_development$1.isPortal = isPortal;
+      reactIs_development$1.isProfiler = isProfiler;
+      reactIs_development$1.isStrictMode = isStrictMode;
+      reactIs_development$1.isSuspense = isSuspense;
+      reactIs_development$1.isValidElementType = isValidElementType;
+      reactIs_development$1.typeOf = typeOf3;
     })();
   }
-  return reactIs_development$2;
+  return reactIs_development$1;
 }
-var hasRequiredReactIs$2;
-function requireReactIs$2() {
-  if (hasRequiredReactIs$2) return reactIs$2.exports;
-  hasRequiredReactIs$2 = 1;
+var hasRequiredReactIs$1;
+function requireReactIs$1() {
+  if (hasRequiredReactIs$1) return reactIs$1.exports;
+  hasRequiredReactIs$1 = 1;
   if (process.env.NODE_ENV === "production") {
-    reactIs$2.exports = requireReactIs_production_min$1();
+    reactIs$1.exports = requireReactIs_production_min();
   } else {
-    reactIs$2.exports = requireReactIs_development$2();
+    reactIs$1.exports = requireReactIs_development$1();
   }
-  return reactIs$2.exports;
+  return reactIs$1.exports;
 }
 /*
 object-assign
@@ -1034,21 +1036,21 @@ function requireObjectAssign() {
     }
   }
   objectAssign = shouldUseNative() ? Object.assign : function(target, source) {
-    var from2;
+    var from;
     var to = toObject(target);
     var symbols;
     for (var s = 1; s < arguments.length; s++) {
-      from2 = Object(arguments[s]);
-      for (var key in from2) {
-        if (hasOwnProperty.call(from2, key)) {
-          to[key] = from2[key];
+      from = Object(arguments[s]);
+      for (var key in from) {
+        if (hasOwnProperty.call(from, key)) {
+          to[key] = from[key];
         }
       }
       if (getOwnPropertySymbols) {
-        symbols = getOwnPropertySymbols(from2);
+        symbols = getOwnPropertySymbols(from);
         for (var i = 0; i < symbols.length; i++) {
-          if (propIsEnumerable.call(from2, symbols[i])) {
-            to[symbols[i]] = from2[symbols[i]];
+          if (propIsEnumerable.call(from, symbols[i])) {
+            to[symbols[i]] = from[symbols[i]];
           }
         }
       }
@@ -1142,8 +1144,8 @@ var hasRequiredFactoryWithTypeCheckers;
 function requireFactoryWithTypeCheckers() {
   if (hasRequiredFactoryWithTypeCheckers) return factoryWithTypeCheckers;
   hasRequiredFactoryWithTypeCheckers = 1;
-  var ReactIs = requireReactIs$2();
-  var assign2 = requireObjectAssign();
+  var ReactIs = requireReactIs$1();
+  var assign = requireObjectAssign();
   var ReactPropTypesSecret = /* @__PURE__ */ requireReactPropTypesSecret();
   var has2 = /* @__PURE__ */ requireHas();
   var checkPropTypes = /* @__PURE__ */ requireCheckPropTypes();
@@ -1448,7 +1450,7 @@ function requireFactoryWithTypeCheckers() {
         if (propType !== "object") {
           return new PropTypeError("Invalid " + location + " `" + propFullName + "` of type `" + propType + "` " + ("supplied to `" + componentName + "`, expected `object`."));
         }
-        var allKeys = assign2({}, props[propName], shapeTypes);
+        var allKeys = assign({}, props[propName], shapeTypes);
         for (var key in allKeys) {
           var checker = shapeTypes[key];
           if (has2(shapeTypes, key) && typeof checker !== "function") {
@@ -1639,7 +1641,7 @@ function requirePropTypes() {
   if (hasRequiredPropTypes) return propTypes$2.exports;
   hasRequiredPropTypes = 1;
   if (process.env.NODE_ENV !== "production") {
-    var ReactIs = requireReactIs$2();
+    var ReactIs = requireReactIs$1();
     var throwOnDirectAccess = true;
     propTypes$2.exports = /* @__PURE__ */ requireFactoryWithTypeCheckers()(ReactIs.isElement, throwOnDirectAccess);
   } else {
@@ -1682,7 +1684,7 @@ function composeClasses(slots, getUtilityClass, classes = void 0) {
   }
   return output;
 }
-var reactIs$1 = { exports: {} };
+var reactIs = { exports: {} };
 var reactIs_production = {};
 /**
  * @license React
@@ -1784,7 +1786,7 @@ function requireReactIs_production() {
   reactIs_production.typeOf = typeOf3;
   return reactIs_production;
 }
-var reactIs_development$1 = {};
+var reactIs_development = {};
 /**
  * @license React
  * react-is.development.js
@@ -1794,10 +1796,10 @@ var reactIs_development$1 = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var hasRequiredReactIs_development$1;
-function requireReactIs_development$1() {
-  if (hasRequiredReactIs_development$1) return reactIs_development$1;
-  hasRequiredReactIs_development$1 = 1;
+var hasRequiredReactIs_development;
+function requireReactIs_development() {
+  if (hasRequiredReactIs_development) return reactIs_development;
+  hasRequiredReactIs_development = 1;
   "production" !== process.env.NODE_ENV && function() {
     function typeOf3(object) {
       if ("object" === typeof object && null !== object) {
@@ -1832,73 +1834,73 @@ function requireReactIs_development$1() {
     }
     var REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"), REACT_PORTAL_TYPE = Symbol.for("react.portal"), REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"), REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode"), REACT_PROFILER_TYPE = Symbol.for("react.profiler");
     var REACT_CONSUMER_TYPE = Symbol.for("react.consumer"), REACT_CONTEXT_TYPE = Symbol.for("react.context"), REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref"), REACT_SUSPENSE_TYPE = Symbol.for("react.suspense"), REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list"), REACT_MEMO_TYPE = Symbol.for("react.memo"), REACT_LAZY_TYPE = Symbol.for("react.lazy"), REACT_VIEW_TRANSITION_TYPE = Symbol.for("react.view_transition"), REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference");
-    reactIs_development$1.ContextConsumer = REACT_CONSUMER_TYPE;
-    reactIs_development$1.ContextProvider = REACT_CONTEXT_TYPE;
-    reactIs_development$1.Element = REACT_ELEMENT_TYPE;
-    reactIs_development$1.ForwardRef = REACT_FORWARD_REF_TYPE;
-    reactIs_development$1.Fragment = REACT_FRAGMENT_TYPE;
-    reactIs_development$1.Lazy = REACT_LAZY_TYPE;
-    reactIs_development$1.Memo = REACT_MEMO_TYPE;
-    reactIs_development$1.Portal = REACT_PORTAL_TYPE;
-    reactIs_development$1.Profiler = REACT_PROFILER_TYPE;
-    reactIs_development$1.StrictMode = REACT_STRICT_MODE_TYPE;
-    reactIs_development$1.Suspense = REACT_SUSPENSE_TYPE;
-    reactIs_development$1.SuspenseList = REACT_SUSPENSE_LIST_TYPE;
-    reactIs_development$1.isContextConsumer = function(object) {
+    reactIs_development.ContextConsumer = REACT_CONSUMER_TYPE;
+    reactIs_development.ContextProvider = REACT_CONTEXT_TYPE;
+    reactIs_development.Element = REACT_ELEMENT_TYPE;
+    reactIs_development.ForwardRef = REACT_FORWARD_REF_TYPE;
+    reactIs_development.Fragment = REACT_FRAGMENT_TYPE;
+    reactIs_development.Lazy = REACT_LAZY_TYPE;
+    reactIs_development.Memo = REACT_MEMO_TYPE;
+    reactIs_development.Portal = REACT_PORTAL_TYPE;
+    reactIs_development.Profiler = REACT_PROFILER_TYPE;
+    reactIs_development.StrictMode = REACT_STRICT_MODE_TYPE;
+    reactIs_development.Suspense = REACT_SUSPENSE_TYPE;
+    reactIs_development.SuspenseList = REACT_SUSPENSE_LIST_TYPE;
+    reactIs_development.isContextConsumer = function(object) {
       return typeOf3(object) === REACT_CONSUMER_TYPE;
     };
-    reactIs_development$1.isContextProvider = function(object) {
+    reactIs_development.isContextProvider = function(object) {
       return typeOf3(object) === REACT_CONTEXT_TYPE;
     };
-    reactIs_development$1.isElement = function(object) {
+    reactIs_development.isElement = function(object) {
       return "object" === typeof object && null !== object && object.$$typeof === REACT_ELEMENT_TYPE;
     };
-    reactIs_development$1.isForwardRef = function(object) {
+    reactIs_development.isForwardRef = function(object) {
       return typeOf3(object) === REACT_FORWARD_REF_TYPE;
     };
-    reactIs_development$1.isFragment = function(object) {
+    reactIs_development.isFragment = function(object) {
       return typeOf3(object) === REACT_FRAGMENT_TYPE;
     };
-    reactIs_development$1.isLazy = function(object) {
+    reactIs_development.isLazy = function(object) {
       return typeOf3(object) === REACT_LAZY_TYPE;
     };
-    reactIs_development$1.isMemo = function(object) {
+    reactIs_development.isMemo = function(object) {
       return typeOf3(object) === REACT_MEMO_TYPE;
     };
-    reactIs_development$1.isPortal = function(object) {
+    reactIs_development.isPortal = function(object) {
       return typeOf3(object) === REACT_PORTAL_TYPE;
     };
-    reactIs_development$1.isProfiler = function(object) {
+    reactIs_development.isProfiler = function(object) {
       return typeOf3(object) === REACT_PROFILER_TYPE;
     };
-    reactIs_development$1.isStrictMode = function(object) {
+    reactIs_development.isStrictMode = function(object) {
       return typeOf3(object) === REACT_STRICT_MODE_TYPE;
     };
-    reactIs_development$1.isSuspense = function(object) {
+    reactIs_development.isSuspense = function(object) {
       return typeOf3(object) === REACT_SUSPENSE_TYPE;
     };
-    reactIs_development$1.isSuspenseList = function(object) {
+    reactIs_development.isSuspenseList = function(object) {
       return typeOf3(object) === REACT_SUSPENSE_LIST_TYPE;
     };
-    reactIs_development$1.isValidElementType = function(type) {
+    reactIs_development.isValidElementType = function(type) {
       return "string" === typeof type || "function" === typeof type || type === REACT_FRAGMENT_TYPE || type === REACT_PROFILER_TYPE || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || "object" === typeof type && null !== type && (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_CONSUMER_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || type.$$typeof === REACT_CLIENT_REFERENCE || void 0 !== type.getModuleId) ? true : false;
     };
-    reactIs_development$1.typeOf = typeOf3;
+    reactIs_development.typeOf = typeOf3;
   }();
-  return reactIs_development$1;
+  return reactIs_development;
 }
-var hasRequiredReactIs$1;
-function requireReactIs$1() {
-  if (hasRequiredReactIs$1) return reactIs$1.exports;
-  hasRequiredReactIs$1 = 1;
+var hasRequiredReactIs;
+function requireReactIs() {
+  if (hasRequiredReactIs) return reactIs.exports;
+  hasRequiredReactIs = 1;
   if (process.env.NODE_ENV === "production") {
-    reactIs$1.exports = /* @__PURE__ */ requireReactIs_production();
+    reactIs.exports = /* @__PURE__ */ requireReactIs_production();
   } else {
-    reactIs$1.exports = /* @__PURE__ */ requireReactIs_development$1();
+    reactIs.exports = /* @__PURE__ */ requireReactIs_development();
   }
-  return reactIs$1.exports;
+  return reactIs.exports;
 }
-var reactIsExports = /* @__PURE__ */ requireReactIs$1();
+var reactIsExports = /* @__PURE__ */ requireReactIs();
 function isPlainObject(item) {
   if (typeof item !== "object" || item === null) {
     return false;
@@ -1948,25 +1950,25 @@ function merge(acc, item) {
   });
 }
 const responsivePropType = process.env.NODE_ENV !== "production" ? PropTypes.oneOfType([PropTypes.number, PropTypes.string, PropTypes.object, PropTypes.array]) : {};
-function sortContainerQueries(theme, css2) {
+function sortContainerQueries(theme, css) {
   if (!theme.containerQueries) {
-    return css2;
+    return css;
   }
-  const sorted = Object.keys(css2).filter((key) => key.startsWith("@container")).sort((a, b) => {
+  const sorted = Object.keys(css).filter((key) => key.startsWith("@container")).sort((a, b) => {
     var _a, _b;
     const regex = /min-width:\s*([0-9.]+)/;
     return +(((_a = a.match(regex)) == null ? void 0 : _a[1]) || 0) - +(((_b = b.match(regex)) == null ? void 0 : _b[1]) || 0);
   });
   if (!sorted.length) {
-    return css2;
+    return css;
   }
   return sorted.reduce((acc, key) => {
-    const value = css2[key];
+    const value = css[key];
     delete acc[key];
     acc[key] = value;
     return acc;
   }, {
-    ...css2
+    ...css
   });
 }
 function isCqShorthand(breakpointKeys, value) {
@@ -1987,12 +1989,12 @@ For example, \`@sm\` or \`@600\` or \`@40rem/sidebar\`.` : formatMuiErrorMessage
 }
 function cssContainerQueries(themeInput) {
   const toContainerQuery = (mediaQuery, name) => mediaQuery.replace("@media", name ? `@container ${name}` : "@container");
-  function attachCq(node3, name) {
-    node3.up = (...args) => toContainerQuery(themeInput.breakpoints.up(...args), name);
-    node3.down = (...args) => toContainerQuery(themeInput.breakpoints.down(...args), name);
-    node3.between = (...args) => toContainerQuery(themeInput.breakpoints.between(...args), name);
-    node3.only = (...args) => toContainerQuery(themeInput.breakpoints.only(...args), name);
-    node3.not = (...args) => {
+  function attachCq(node2, name) {
+    node2.up = (...args) => toContainerQuery(themeInput.breakpoints.up(...args), name);
+    node2.down = (...args) => toContainerQuery(themeInput.breakpoints.down(...args), name);
+    node2.between = (...args) => toContainerQuery(themeInput.breakpoints.between(...args), name);
+    node2.only = (...args) => toContainerQuery(themeInput.breakpoints.only(...args), name);
+    node2.not = (...args) => {
       const result2 = toContainerQuery(themeInput.breakpoints.not(...args), name);
       if (result2.includes("not all and")) {
         return result2.replace("not all and ", "").replace("min-width:", "width<").replace("max-width:", "width>").replace("and", "or");
@@ -2000,10 +2002,10 @@ function cssContainerQueries(themeInput) {
       return result2;
     };
   }
-  const node2 = {};
+  const node = {};
   const containerQueries = (name) => {
-    attachCq(node2, name);
-    return node2;
+    attachCq(node, name);
+    return node;
   };
   attachCq(containerQueries);
   return {
@@ -2226,15 +2228,15 @@ function createUnaryUnit(theme, themeKey, defaultValue, propName) {
       if (typeof val === "string") {
         return val;
       }
-      const abs2 = Math.abs(val);
+      const abs = Math.abs(val);
       if (process.env.NODE_ENV !== "production") {
-        if (!Number.isInteger(abs2)) {
+        if (!Number.isInteger(abs)) {
           console.error([`MUI: The \`theme.${themeKey}\` array type cannot be combined with non integer values.You should either use an integer value that can be used as index, or define the \`theme.${themeKey}\` as a number.`].join("\n"));
-        } else if (abs2 > themeSpacing.length - 1) {
-          console.error([`MUI: The value provided (${abs2}) overflows.`, `The supported values are: ${JSON.stringify(themeSpacing)}.`, `${abs2} > ${themeSpacing.length - 1}, you need to add the missing values.`].join("\n"));
+        } else if (abs > themeSpacing.length - 1) {
+          console.error([`MUI: The value provided (${abs}) overflows.`, `The supported values are: ${JSON.stringify(themeSpacing)}.`, `${abs} > ${themeSpacing.length - 1}, you need to add the missing values.`].join("\n"));
         }
       }
-      const transformed = themeSpacing[abs2];
+      const transformed = themeSpacing[abs];
       if (val >= 0) {
         return transformed;
       }
@@ -2877,13 +2879,13 @@ function unstable_createStyleFunctionSx() {
       }
       const emptyBreakpoints = createEmptyBreakpointObject(theme.breakpoints);
       const breakpointsKeys = Object.keys(emptyBreakpoints);
-      let css2 = emptyBreakpoints;
+      let css = emptyBreakpoints;
       Object.keys(sxObject).forEach((styleKey) => {
         const value = callIfFn(sxObject[styleKey], theme);
         if (value !== null && value !== void 0) {
           if (typeof value === "object") {
             if (config2[styleKey]) {
-              css2 = merge(css2, getThemeValue(styleKey, value, theme, config2));
+              css = merge(css, getThemeValue(styleKey, value, theme, config2));
             } else {
               const breakpointsValues = handleBreakpoints({
                 theme
@@ -2891,20 +2893,20 @@ function unstable_createStyleFunctionSx() {
                 [styleKey]: x
               }));
               if (objectsHaveSameKeys(breakpointsValues, value)) {
-                css2[styleKey] = styleFunctionSx2({
+                css[styleKey] = styleFunctionSx2({
                   sx: value,
                   theme
                 });
               } else {
-                css2 = merge(css2, breakpointsValues);
+                css = merge(css, breakpointsValues);
               }
             }
           } else {
-            css2 = merge(css2, getThemeValue(styleKey, value, theme, config2));
+            css = merge(css, getThemeValue(styleKey, value, theme, config2));
           }
         }
       });
-      return sortContainerQueries(theme, removeUnusedBreakpoints(breakpointsKeys, css2));
+      return sortContainerQueries(theme, removeUnusedBreakpoints(breakpointsKeys, css));
     }
     return Array.isArray(sx) ? sx.map(traverse) : traverse(sx);
   }
@@ -2962,7 +2964,6 @@ function extendSxProp$1(props) {
     sx: finalSx
   };
 }
-const emStyled = {};
 function murmur2(str) {
   var h = 0;
   var k, i = 0, len = str.length;
@@ -3064,7 +3065,7 @@ var processStyleValue = function processStyleValue2(key, value) {
     case "animation":
     case "animationName": {
       if (typeof value === "string") {
-        return value.replace(animationRegex, function(match2, p1, p2) {
+        return value.replace(animationRegex, function(match, p1, p2) {
           cursor = {
             name: p1,
             styles: p2,
@@ -3104,15 +3105,15 @@ function handleInterpolation(mergedProps, registered, interpolation) {
       }
       var serializedStyles = interpolation;
       if (serializedStyles.styles !== void 0) {
-        var next2 = serializedStyles.next;
-        if (next2 !== void 0) {
-          while (next2 !== void 0) {
+        var next = serializedStyles.next;
+        if (next !== void 0) {
+          while (next !== void 0) {
             cursor = {
-              name: next2.name,
-              styles: next2.styles,
+              name: next.name,
+              styles: next.styles,
               next: cursor
             };
-            next2 = next2.next;
+            next = next.next;
           }
         }
         var styles = serializedStyles.styles + ";";
@@ -3120,15 +3121,6 @@ function handleInterpolation(mergedProps, registered, interpolation) {
       }
       return createStringFromObject(mergedProps, registered, interpolation);
     }
-    case "function": {
-      if (mergedProps !== void 0) {
-        var previousCursor = cursor;
-        var result2 = interpolation(mergedProps);
-        cursor = previousCursor;
-        return handleInterpolation(mergedProps, registered, result2);
-      }
-      break;
-    }
   }
   var asString = interpolation;
   {
@@ -3200,9 +3192,9 @@ function serializeStyles(args, registered, mergedProps) {
   }
   labelPattern.lastIndex = 0;
   var identifierName = "";
-  var match2;
-  while ((match2 = labelPattern.exec(styles)) !== null) {
-    identifierName += "-" + match2[1];
+  var match;
+  while ((match = labelPattern.exec(styles)) !== null) {
+    identifierName += "-" + match[1];
   }
   var name = murmur2(styles) + identifierName;
   return {
@@ -3211,1315 +3203,6 @@ function serializeStyles(args, registered, mergedProps) {
     next: cursor
   };
 }
-function sheetForTag(tag) {
-  if (tag.sheet) {
-    return tag.sheet;
-  }
-  for (var i = 0; i < document.styleSheets.length; i++) {
-    if (document.styleSheets[i].ownerNode === tag) {
-      return document.styleSheets[i];
-    }
-  }
-  return void 0;
-}
-function createStyleElement(options) {
-  var tag = document.createElement("style");
-  tag.setAttribute("data-emotion", options.key);
-  if (options.nonce !== void 0) {
-    tag.setAttribute("nonce", options.nonce);
-  }
-  tag.appendChild(document.createTextNode(""));
-  tag.setAttribute("data-s", "");
-  return tag;
-}
-var StyleSheet = /* @__PURE__ */ function() {
-  function StyleSheet2(options) {
-    var _this = this;
-    this._insertTag = function(tag) {
-      var before;
-      if (_this.tags.length === 0) {
-        if (_this.insertionPoint) {
-          before = _this.insertionPoint.nextSibling;
-        } else if (_this.prepend) {
-          before = _this.container.firstChild;
-        } else {
-          before = _this.before;
-        }
-      } else {
-        before = _this.tags[_this.tags.length - 1].nextSibling;
-      }
-      _this.container.insertBefore(tag, before);
-      _this.tags.push(tag);
-    };
-    this.isSpeedy = options.speedy === void 0 ? true : options.speedy;
-    this.tags = [];
-    this.ctr = 0;
-    this.nonce = options.nonce;
-    this.key = options.key;
-    this.container = options.container;
-    this.prepend = options.prepend;
-    this.insertionPoint = options.insertionPoint;
-    this.before = null;
-  }
-  var _proto = StyleSheet2.prototype;
-  _proto.hydrate = function hydrate(nodes) {
-    nodes.forEach(this._insertTag);
-  };
-  _proto.insert = function insert(rule) {
-    if (this.ctr % (this.isSpeedy ? 65e3 : 1) === 0) {
-      this._insertTag(createStyleElement(this));
-    }
-    var tag = this.tags[this.tags.length - 1];
-    if (this.isSpeedy) {
-      var sheet = sheetForTag(tag);
-      try {
-        sheet.insertRule(rule, sheet.cssRules.length);
-      } catch (e) {
-      }
-    } else {
-      tag.appendChild(document.createTextNode(rule));
-    }
-    this.ctr++;
-  };
-  _proto.flush = function flush() {
-    this.tags.forEach(function(tag) {
-      var _tag$parentNode;
-      return (_tag$parentNode = tag.parentNode) == null ? void 0 : _tag$parentNode.removeChild(tag);
-    });
-    this.tags = [];
-    this.ctr = 0;
-  };
-  return StyleSheet2;
-}();
-var MS = "-ms-";
-var MOZ = "-moz-";
-var WEBKIT = "-webkit-";
-var COMMENT = "comm";
-var RULESET = "rule";
-var DECLARATION = "decl";
-var IMPORT = "@import";
-var KEYFRAMES = "@keyframes";
-var LAYER = "@layer";
-var abs = Math.abs;
-var from = String.fromCharCode;
-var assign = Object.assign;
-function hash$2(value, length2) {
-  return charat(value, 0) ^ 45 ? (((length2 << 2 ^ charat(value, 0)) << 2 ^ charat(value, 1)) << 2 ^ charat(value, 2)) << 2 ^ charat(value, 3) : 0;
-}
-function trim(value) {
-  return value.trim();
-}
-function match(value, pattern) {
-  return (value = pattern.exec(value)) ? value[0] : value;
-}
-function replace(value, pattern, replacement) {
-  return value.replace(pattern, replacement);
-}
-function indexof(value, search) {
-  return value.indexOf(search);
-}
-function charat(value, index) {
-  return value.charCodeAt(index) | 0;
-}
-function substr(value, begin, end2) {
-  return value.slice(begin, end2);
-}
-function strlen(value) {
-  return value.length;
-}
-function sizeof(value) {
-  return value.length;
-}
-function append(value, array) {
-  return array.push(value), value;
-}
-function combine(array, callback) {
-  return array.map(callback).join("");
-}
-var line = 1;
-var column = 1;
-var length = 0;
-var position = 0;
-var character = 0;
-var characters = "";
-function node(value, root, parent, type, props, children, length2) {
-  return { value, root, parent, type, props, children, line, column, length: length2, return: "" };
-}
-function copy(root, props) {
-  return assign(node("", null, null, "", null, null, 0), root, { length: -root.length }, props);
-}
-function char() {
-  return character;
-}
-function prev() {
-  character = position > 0 ? charat(characters, --position) : 0;
-  if (column--, character === 10)
-    column = 1, line--;
-  return character;
-}
-function next() {
-  character = position < length ? charat(characters, position++) : 0;
-  if (column++, character === 10)
-    column = 1, line++;
-  return character;
-}
-function peek() {
-  return charat(characters, position);
-}
-function caret() {
-  return position;
-}
-function slice(begin, end2) {
-  return substr(characters, begin, end2);
-}
-function token(type) {
-  switch (type) {
-    // \0 \t \n \r \s whitespace token
-    case 0:
-    case 9:
-    case 10:
-    case 13:
-    case 32:
-      return 5;
-    // ! + , / > @ ~ isolate token
-    case 33:
-    case 43:
-    case 44:
-    case 47:
-    case 62:
-    case 64:
-    case 126:
-    // ; { } breakpoint token
-    case 59:
-    case 123:
-    case 125:
-      return 4;
-    // : accompanied token
-    case 58:
-      return 3;
-    // " ' ( [ opening delimit token
-    case 34:
-    case 39:
-    case 40:
-    case 91:
-      return 2;
-    // ) ] closing delimit token
-    case 41:
-    case 93:
-      return 1;
-  }
-  return 0;
-}
-function alloc(value) {
-  return line = column = 1, length = strlen(characters = value), position = 0, [];
-}
-function dealloc(value) {
-  return characters = "", value;
-}
-function delimit(type) {
-  return trim(slice(position - 1, delimiter(type === 91 ? type + 2 : type === 40 ? type + 1 : type)));
-}
-function whitespace(type) {
-  while (character = peek())
-    if (character < 33)
-      next();
-    else
-      break;
-  return token(type) > 2 || token(character) > 3 ? "" : " ";
-}
-function escaping(index, count) {
-  while (--count && next())
-    if (character < 48 || character > 102 || character > 57 && character < 65 || character > 70 && character < 97)
-      break;
-  return slice(index, caret() + (count < 6 && peek() == 32 && next() == 32));
-}
-function delimiter(type) {
-  while (next())
-    switch (character) {
-      // ] ) " '
-      case type:
-        return position;
-      // " '
-      case 34:
-      case 39:
-        if (type !== 34 && type !== 39)
-          delimiter(character);
-        break;
-      // (
-      case 40:
-        if (type === 41)
-          delimiter(type);
-        break;
-      // \
-      case 92:
-        next();
-        break;
-    }
-  return position;
-}
-function commenter(type, index) {
-  while (next())
-    if (type + character === 47 + 10)
-      break;
-    else if (type + character === 42 + 42 && peek() === 47)
-      break;
-  return "/*" + slice(index, position - 1) + "*" + from(type === 47 ? type : next());
-}
-function identifier(index) {
-  while (!token(peek()))
-    next();
-  return slice(index, position);
-}
-function compile(value) {
-  return dealloc(parse$1("", null, null, null, [""], value = alloc(value), 0, [0], value));
-}
-function parse$1(value, root, parent, rule, rules, rulesets, pseudo, points, declarations) {
-  var index = 0;
-  var offset2 = 0;
-  var length2 = pseudo;
-  var atrule = 0;
-  var property = 0;
-  var previous = 0;
-  var variable = 1;
-  var scanning = 1;
-  var ampersand = 1;
-  var character2 = 0;
-  var type = "";
-  var props = rules;
-  var children = rulesets;
-  var reference2 = rule;
-  var characters2 = type;
-  while (scanning)
-    switch (previous = character2, character2 = next()) {
-      // (
-      case 40:
-        if (previous != 108 && charat(characters2, length2 - 1) == 58) {
-          if (indexof(characters2 += replace(delimit(character2), "&", "&\f"), "&\f") != -1)
-            ampersand = -1;
-          break;
-        }
-      // " ' [
-      case 34:
-      case 39:
-      case 91:
-        characters2 += delimit(character2);
-        break;
-      // \t \n \r \s
-      case 9:
-      case 10:
-      case 13:
-      case 32:
-        characters2 += whitespace(previous);
-        break;
-      // \
-      case 92:
-        characters2 += escaping(caret() - 1, 7);
-        continue;
-      // /
-      case 47:
-        switch (peek()) {
-          case 42:
-          case 47:
-            append(comment(commenter(next(), caret()), root, parent), declarations);
-            break;
-          default:
-            characters2 += "/";
-        }
-        break;
-      // {
-      case 123 * variable:
-        points[index++] = strlen(characters2) * ampersand;
-      // } ; \0
-      case 125 * variable:
-      case 59:
-      case 0:
-        switch (character2) {
-          // \0 }
-          case 0:
-          case 125:
-            scanning = 0;
-          // ;
-          case 59 + offset2:
-            if (ampersand == -1) characters2 = replace(characters2, /\f/g, "");
-            if (property > 0 && strlen(characters2) - length2)
-              append(property > 32 ? declaration(characters2 + ";", rule, parent, length2 - 1) : declaration(replace(characters2, " ", "") + ";", rule, parent, length2 - 2), declarations);
-            break;
-          // @ ;
-          case 59:
-            characters2 += ";";
-          // { rule/at-rule
-          default:
-            append(reference2 = ruleset(characters2, root, parent, index, offset2, rules, points, type, props = [], children = [], length2), rulesets);
-            if (character2 === 123)
-              if (offset2 === 0)
-                parse$1(characters2, root, reference2, reference2, props, rulesets, length2, points, children);
-              else
-                switch (atrule === 99 && charat(characters2, 3) === 110 ? 100 : atrule) {
-                  // d l m s
-                  case 100:
-                  case 108:
-                  case 109:
-                  case 115:
-                    parse$1(value, reference2, reference2, rule && append(ruleset(value, reference2, reference2, 0, 0, rules, points, type, rules, props = [], length2), children), rules, children, length2, points, rule ? props : children);
-                    break;
-                  default:
-                    parse$1(characters2, reference2, reference2, reference2, [""], children, 0, points, children);
-                }
-        }
-        index = offset2 = property = 0, variable = ampersand = 1, type = characters2 = "", length2 = pseudo;
-        break;
-      // :
-      case 58:
-        length2 = 1 + strlen(characters2), property = previous;
-      default:
-        if (variable < 1) {
-          if (character2 == 123)
-            --variable;
-          else if (character2 == 125 && variable++ == 0 && prev() == 125)
-            continue;
-        }
-        switch (characters2 += from(character2), character2 * variable) {
-          // &
-          case 38:
-            ampersand = offset2 > 0 ? 1 : (characters2 += "\f", -1);
-            break;
-          // ,
-          case 44:
-            points[index++] = (strlen(characters2) - 1) * ampersand, ampersand = 1;
-            break;
-          // @
-          case 64:
-            if (peek() === 45)
-              characters2 += delimit(next());
-            atrule = peek(), offset2 = length2 = strlen(type = characters2 += identifier(caret())), character2++;
-            break;
-          // -
-          case 45:
-            if (previous === 45 && strlen(characters2) == 2)
-              variable = 0;
-        }
-    }
-  return rulesets;
-}
-function ruleset(value, root, parent, index, offset2, rules, points, type, props, children, length2) {
-  var post = offset2 - 1;
-  var rule = offset2 === 0 ? rules : [""];
-  var size = sizeof(rule);
-  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(y, /&\f/g, rule[x])))
-        props[k++] = z;
-  return node(value, root, parent, offset2 === 0 ? RULESET : type, props, children, length2);
-}
-function comment(value, root, parent) {
-  return node(value, root, parent, COMMENT, from(char()), substr(value, 2, -2), 0);
-}
-function declaration(value, root, parent, length2) {
-  return node(value, root, parent, DECLARATION, substr(value, 0, length2), substr(value, length2 + 1, -1), length2);
-}
-function serialize(children, callback) {
-  var output = "";
-  var length2 = sizeof(children);
-  for (var i = 0; i < length2; i++)
-    output += callback(children[i], i, children, callback) || "";
-  return output;
-}
-function stringify(element, index, children, callback) {
-  switch (element.type) {
-    case LAYER:
-      if (element.children.length) break;
-    case IMPORT:
-    case DECLARATION:
-      return element.return = element.return || element.value;
-    case COMMENT:
-      return "";
-    case KEYFRAMES:
-      return element.return = element.value + "{" + serialize(element.children, callback) + "}";
-    case RULESET:
-      element.value = element.props.join(",");
-  }
-  return strlen(children = serialize(element.children, callback)) ? element.return = element.value + "{" + children + "}" : "";
-}
-function middleware(collection) {
-  var length2 = sizeof(collection);
-  return function(element, index, children, callback) {
-    var output = "";
-    for (var i = 0; i < length2; i++)
-      output += collection[i](element, index, children, callback) || "";
-    return output;
-  };
-}
-function rulesheet(callback) {
-  return function(element) {
-    if (!element.root) {
-      if (element = element.return)
-        callback(element);
-    }
-  };
-}
-var identifierWithPointTracking = function identifierWithPointTracking2(begin, points, index) {
-  var previous = 0;
-  var character2 = 0;
-  while (true) {
-    previous = character2;
-    character2 = peek();
-    if (previous === 38 && character2 === 12) {
-      points[index] = 1;
-    }
-    if (token(character2)) {
-      break;
-    }
-    next();
-  }
-  return slice(begin, position);
-};
-var toRules = function toRules2(parsed, points) {
-  var index = -1;
-  var character2 = 44;
-  do {
-    switch (token(character2)) {
-      case 0:
-        if (character2 === 38 && peek() === 12) {
-          points[index] = 1;
-        }
-        parsed[index] += identifierWithPointTracking(position - 1, points, index);
-        break;
-      case 2:
-        parsed[index] += delimit(character2);
-        break;
-      case 4:
-        if (character2 === 44) {
-          parsed[++index] = peek() === 58 ? "&\f" : "";
-          points[index] = parsed[index].length;
-          break;
-        }
-      // fallthrough
-      default:
-        parsed[index] += from(character2);
-    }
-  } while (character2 = next());
-  return parsed;
-};
-var getRules = function getRules2(value, points) {
-  return dealloc(toRules(alloc(value), points));
-};
-var fixedElements = /* @__PURE__ */ new WeakMap();
-var compat = function compat2(element) {
-  if (element.type !== "rule" || !element.parent || // positive .length indicates that this rule contains pseudo
-  // negative .length indicates that this rule has been already prefixed
-  element.length < 1) {
-    return;
-  }
-  var value = element.value;
-  var parent = element.parent;
-  var isImplicitRule = element.column === parent.column && element.line === parent.line;
-  while (parent.type !== "rule") {
-    parent = parent.parent;
-    if (!parent) return;
-  }
-  if (element.props.length === 1 && value.charCodeAt(0) !== 58 && !fixedElements.get(parent)) {
-    return;
-  }
-  if (isImplicitRule) {
-    return;
-  }
-  fixedElements.set(element, true);
-  var points = [];
-  var rules = getRules(value, points);
-  var parentRules = parent.props;
-  for (var i = 0, k = 0; i < rules.length; i++) {
-    for (var j = 0; j < parentRules.length; j++, k++) {
-      element.props[k] = points[i] ? rules[i].replace(/&\f/g, parentRules[j]) : parentRules[j] + " " + rules[i];
-    }
-  }
-};
-var removeLabel = function removeLabel2(element) {
-  if (element.type === "decl") {
-    var value = element.value;
-    if (
-      // charcode for l
-      value.charCodeAt(0) === 108 && // charcode for b
-      value.charCodeAt(2) === 98
-    ) {
-      element["return"] = "";
-      element.value = "";
-    }
-  }
-};
-function prefix(value, length2) {
-  switch (hash$2(value, length2)) {
-    // color-adjust
-    case 5103:
-      return WEBKIT + "print-" + value + value;
-    // animation, animation-(delay|direction|duration|fill-mode|iteration-count|name|play-state|timing-function)
-    case 5737:
-    case 4201:
-    case 3177:
-    case 3433:
-    case 1641:
-    case 4457:
-    case 2921:
-    // text-decoration, filter, clip-path, backface-visibility, column, box-decoration-break
-    case 5572:
-    case 6356:
-    case 5844:
-    case 3191:
-    case 6645:
-    case 3005:
-    // mask, mask-image, mask-(mode|clip|size), mask-(repeat|origin), mask-position, mask-composite,
-    case 6391:
-    case 5879:
-    case 5623:
-    case 6135:
-    case 4599:
-    case 4855:
-    // background-clip, columns, column-(count|fill|gap|rule|rule-color|rule-style|rule-width|span|width)
-    case 4215:
-    case 6389:
-    case 5109:
-    case 5365:
-    case 5621:
-    case 3829:
-      return WEBKIT + value + value;
-    // appearance, user-select, transform, hyphens, text-size-adjust
-    case 5349:
-    case 4246:
-    case 4810:
-    case 6968:
-    case 2756:
-      return WEBKIT + value + MOZ + value + MS + value + value;
-    // flex, flex-direction
-    case 6828:
-    case 4268:
-      return WEBKIT + value + MS + value + value;
-    // order
-    case 6165:
-      return WEBKIT + value + MS + "flex-" + value + value;
-    // align-items
-    case 5187:
-      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(value, /flex-|-self/, "") + value;
-    // align-content
-    case 4675:
-      return WEBKIT + value + MS + "flex-line-pack" + replace(value, /align-content|flex-|-self/, "") + value;
-    // flex-shrink
-    case 5548:
-      return WEBKIT + value + MS + replace(value, "shrink", "negative") + value;
-    // flex-basis
-    case 5292:
-      return WEBKIT + value + MS + replace(value, "basis", "preferred-size") + value;
-    // flex-grow
-    case 6060:
-      return WEBKIT + "box-" + replace(value, "-grow", "") + WEBKIT + value + MS + replace(value, "grow", "positive") + value;
-    // transition
-    case 4554:
-      return WEBKIT + replace(value, /([^-])(transform)/g, "$1" + WEBKIT + "$2") + value;
-    // cursor
-    case 6187:
-      return replace(replace(replace(value, /(zoom-|grab)/, WEBKIT + "$1"), /(image-set)/, WEBKIT + "$1"), value, "") + value;
-    // background, background-image
-    case 5495:
-    case 3959:
-      return replace(value, /(image-set\([^]*)/, WEBKIT + "$1$`$1");
-    // justify-content
-    case 4968:
-      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(value, /(.+)-inline(.+)/, WEBKIT + "$1$2") + value;
-    // (min|max)?(width|height|inline-size|block-size)
-    case 8116:
-    case 7059:
-    case 5753:
-    case 5535:
-    case 5445:
-    case 5701:
-    case 4933:
-    case 4677:
-    case 5533:
-    case 5789:
-    case 5021:
-    case 4765:
-      if (strlen(value) - 1 - length2 > 6) switch (charat(value, length2 + 1)) {
-        // (m)ax-content, (m)in-content
-        case 109:
-          if (charat(value, length2 + 4) !== 45) break;
-        // (f)ill-available, (f)it-content
-        case 102:
-          return replace(value, /(.+:)(.+)-([^]+)/, "$1" + WEBKIT + "$2-$3$1" + MOZ + (charat(value, length2 + 3) == 108 ? "$3" : "$2-$3")) + value;
-        // (s)tretch
-        case 115:
-          return ~indexof(value, "stretch") ? prefix(replace(value, "stretch", "fill-available"), length2) + value : value;
-      }
-      break;
-    // position: sticky
-    case 4949:
-      if (charat(value, length2 + 1) !== 115) break;
-    // display: (flex|inline-flex)
-    case 6444:
-      switch (charat(value, strlen(value) - 3 - (~indexof(value, "!important") && 10))) {
-        // stic(k)y
-        case 107:
-          return replace(value, ":", ":" + WEBKIT) + value;
-        // (inline-)?fl(e)x
-        case 101:
-          return replace(value, /(.+:)([^;!]+)(;|!.+)?/, "$1" + WEBKIT + (charat(value, 14) === 45 ? "inline-" : "") + "box$3$1" + WEBKIT + "$2$3$1" + MS + "$2box$3") + value;
-      }
-      break;
-    // writing-mode
-    case 5936:
-      switch (charat(value, length2 + 11)) {
-        // vertical-l(r)
-        case 114:
-          return WEBKIT + value + MS + replace(value, /[svh]\w+-[tblr]{2}/, "tb") + value;
-        // vertical-r(l)
-        case 108:
-          return WEBKIT + value + MS + replace(value, /[svh]\w+-[tblr]{2}/, "tb-rl") + value;
-        // horizontal(-)tb
-        case 45:
-          return WEBKIT + value + MS + replace(value, /[svh]\w+-[tblr]{2}/, "lr") + value;
-      }
-      return WEBKIT + value + MS + value + value;
-  }
-  return value;
-}
-var prefixer = function prefixer2(element, index, children, callback) {
-  if (element.length > -1) {
-    if (!element["return"]) switch (element.type) {
-      case DECLARATION:
-        element["return"] = prefix(element.value, element.length);
-        break;
-      case KEYFRAMES:
-        return serialize([copy(element, {
-          value: replace(element.value, "@", "@" + WEBKIT)
-        })], callback);
-      case RULESET:
-        if (element.length) return combine(element.props, function(value) {
-          switch (match(value, /(::plac\w+|:read-\w+)/)) {
-            // :read-(only|write)
-            case ":read-only":
-            case ":read-write":
-              return serialize([copy(element, {
-                props: [replace(value, /:(read-\w+)/, ":" + MOZ + "$1")]
-              })], callback);
-            // :placeholder
-            case "::placeholder":
-              return serialize([copy(element, {
-                props: [replace(value, /:(plac\w+)/, ":" + WEBKIT + "input-$1")]
-              }), copy(element, {
-                props: [replace(value, /:(plac\w+)/, ":" + MOZ + "$1")]
-              }), copy(element, {
-                props: [replace(value, /:(plac\w+)/, MS + "input-$1")]
-              })], callback);
-          }
-          return "";
-        });
-    }
-  }
-};
-var defaultStylisPlugins = [prefixer];
-var createCache = function createCache2(options) {
-  var key = options.key;
-  if (key === "css") {
-    var ssrStyles = document.querySelectorAll("style[data-emotion]:not([data-s])");
-    Array.prototype.forEach.call(ssrStyles, function(node2) {
-      var dataEmotionAttribute = node2.getAttribute("data-emotion");
-      if (dataEmotionAttribute.indexOf(" ") === -1) {
-        return;
-      }
-      document.head.appendChild(node2);
-      node2.setAttribute("data-s", "");
-    });
-  }
-  var stylisPlugins = options.stylisPlugins || defaultStylisPlugins;
-  var inserted = {};
-  var container;
-  var nodesToHydrate = [];
-  {
-    container = options.container || document.head;
-    Array.prototype.forEach.call(
-      // this means we will ignore elements which don't have a space in them which
-      // means that the style elements we're looking at are only Emotion 11 server-rendered style elements
-      document.querySelectorAll('style[data-emotion^="' + key + ' "]'),
-      function(node2) {
-        var attrib = node2.getAttribute("data-emotion").split(" ");
-        for (var i = 1; i < attrib.length; i++) {
-          inserted[attrib[i]] = true;
-        }
-        nodesToHydrate.push(node2);
-      }
-    );
-  }
-  var _insert;
-  var omnipresentPlugins = [compat, removeLabel];
-  {
-    var currentSheet;
-    var finalizingPlugins = [stringify, rulesheet(function(rule) {
-      currentSheet.insert(rule);
-    })];
-    var serializer = middleware(omnipresentPlugins.concat(stylisPlugins, finalizingPlugins));
-    var stylis = function stylis2(styles) {
-      return serialize(compile(styles), serializer);
-    };
-    _insert = function insert(selector, serialized, sheet, shouldCache) {
-      currentSheet = sheet;
-      stylis(selector ? selector + "{" + serialized.styles + "}" : serialized.styles);
-      if (shouldCache) {
-        cache.inserted[serialized.name] = true;
-      }
-    };
-  }
-  var cache = {
-    key,
-    sheet: new StyleSheet({
-      key,
-      container,
-      nonce: options.nonce,
-      speedy: options.speedy,
-      prepend: options.prepend,
-      insertionPoint: options.insertionPoint
-    }),
-    nonce: options.nonce,
-    inserted,
-    registered: {},
-    insert: _insert
-  };
-  cache.sheet.hydrate(nodesToHydrate);
-  return cache;
-};
-function _extends() {
-  return _extends = Object.assign ? Object.assign.bind() : function(n) {
-    for (var e = 1; e < arguments.length; e++) {
-      var t = arguments[e];
-      for (var r2 in t) ({}).hasOwnProperty.call(t, r2) && (n[r2] = t[r2]);
-    }
-    return n;
-  }, _extends.apply(null, arguments);
-}
-var reactIs = { exports: {} };
-var reactIs_production_min = {};
-/** @license React v16.13.1
- * react-is.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var hasRequiredReactIs_production_min;
-function requireReactIs_production_min() {
-  if (hasRequiredReactIs_production_min) return reactIs_production_min;
-  hasRequiredReactIs_production_min = 1;
-  var b = "function" === typeof Symbol && Symbol.for, c = b ? Symbol.for("react.element") : 60103, d = b ? Symbol.for("react.portal") : 60106, e = b ? Symbol.for("react.fragment") : 60107, f = b ? Symbol.for("react.strict_mode") : 60108, g = b ? Symbol.for("react.profiler") : 60114, h = b ? Symbol.for("react.provider") : 60109, k = b ? Symbol.for("react.context") : 60110, l = b ? Symbol.for("react.async_mode") : 60111, m = b ? Symbol.for("react.concurrent_mode") : 60111, n = b ? Symbol.for("react.forward_ref") : 60112, p = b ? Symbol.for("react.suspense") : 60113, q = b ? Symbol.for("react.suspense_list") : 60120, r2 = b ? Symbol.for("react.memo") : 60115, t = b ? Symbol.for("react.lazy") : 60116, v = b ? Symbol.for("react.block") : 60121, w = b ? Symbol.for("react.fundamental") : 60117, x = b ? Symbol.for("react.responder") : 60118, y = b ? Symbol.for("react.scope") : 60119;
-  function z(a) {
-    if ("object" === typeof a && null !== a) {
-      var u = a.$$typeof;
-      switch (u) {
-        case c:
-          switch (a = a.type, a) {
-            case l:
-            case m:
-            case e:
-            case g:
-            case f:
-            case p:
-              return a;
-            default:
-              switch (a = a && a.$$typeof, a) {
-                case k:
-                case n:
-                case t:
-                case r2:
-                case h:
-                  return a;
-                default:
-                  return u;
-              }
-          }
-        case d:
-          return u;
-      }
-    }
-  }
-  function A(a) {
-    return z(a) === m;
-  }
-  reactIs_production_min.AsyncMode = l;
-  reactIs_production_min.ConcurrentMode = m;
-  reactIs_production_min.ContextConsumer = k;
-  reactIs_production_min.ContextProvider = h;
-  reactIs_production_min.Element = c;
-  reactIs_production_min.ForwardRef = n;
-  reactIs_production_min.Fragment = e;
-  reactIs_production_min.Lazy = t;
-  reactIs_production_min.Memo = r2;
-  reactIs_production_min.Portal = d;
-  reactIs_production_min.Profiler = g;
-  reactIs_production_min.StrictMode = f;
-  reactIs_production_min.Suspense = p;
-  reactIs_production_min.isAsyncMode = function(a) {
-    return A(a) || z(a) === l;
-  };
-  reactIs_production_min.isConcurrentMode = A;
-  reactIs_production_min.isContextConsumer = function(a) {
-    return z(a) === k;
-  };
-  reactIs_production_min.isContextProvider = function(a) {
-    return z(a) === h;
-  };
-  reactIs_production_min.isElement = function(a) {
-    return "object" === typeof a && null !== a && a.$$typeof === c;
-  };
-  reactIs_production_min.isForwardRef = function(a) {
-    return z(a) === n;
-  };
-  reactIs_production_min.isFragment = function(a) {
-    return z(a) === e;
-  };
-  reactIs_production_min.isLazy = function(a) {
-    return z(a) === t;
-  };
-  reactIs_production_min.isMemo = function(a) {
-    return z(a) === r2;
-  };
-  reactIs_production_min.isPortal = function(a) {
-    return z(a) === d;
-  };
-  reactIs_production_min.isProfiler = function(a) {
-    return z(a) === g;
-  };
-  reactIs_production_min.isStrictMode = function(a) {
-    return z(a) === f;
-  };
-  reactIs_production_min.isSuspense = function(a) {
-    return z(a) === p;
-  };
-  reactIs_production_min.isValidElementType = function(a) {
-    return "string" === typeof a || "function" === typeof a || a === e || a === m || a === g || a === f || a === p || a === q || "object" === typeof a && null !== a && (a.$$typeof === t || a.$$typeof === r2 || a.$$typeof === h || a.$$typeof === k || a.$$typeof === n || a.$$typeof === w || a.$$typeof === x || a.$$typeof === y || a.$$typeof === v);
-  };
-  reactIs_production_min.typeOf = z;
-  return reactIs_production_min;
-}
-var reactIs_development = {};
-/** @license React v16.13.1
- * react-is.development.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var hasRequiredReactIs_development;
-function requireReactIs_development() {
-  if (hasRequiredReactIs_development) return reactIs_development;
-  hasRequiredReactIs_development = 1;
-  if (process.env.NODE_ENV !== "production") {
-    (function() {
-      var hasSymbol = typeof Symbol === "function" && Symbol.for;
-      var REACT_ELEMENT_TYPE = hasSymbol ? Symbol.for("react.element") : 60103;
-      var REACT_PORTAL_TYPE = hasSymbol ? Symbol.for("react.portal") : 60106;
-      var REACT_FRAGMENT_TYPE = hasSymbol ? Symbol.for("react.fragment") : 60107;
-      var REACT_STRICT_MODE_TYPE = hasSymbol ? Symbol.for("react.strict_mode") : 60108;
-      var REACT_PROFILER_TYPE = hasSymbol ? Symbol.for("react.profiler") : 60114;
-      var REACT_PROVIDER_TYPE = hasSymbol ? Symbol.for("react.provider") : 60109;
-      var REACT_CONTEXT_TYPE = hasSymbol ? Symbol.for("react.context") : 60110;
-      var REACT_ASYNC_MODE_TYPE = hasSymbol ? Symbol.for("react.async_mode") : 60111;
-      var REACT_CONCURRENT_MODE_TYPE = hasSymbol ? Symbol.for("react.concurrent_mode") : 60111;
-      var REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for("react.forward_ref") : 60112;
-      var REACT_SUSPENSE_TYPE = hasSymbol ? Symbol.for("react.suspense") : 60113;
-      var REACT_SUSPENSE_LIST_TYPE = hasSymbol ? Symbol.for("react.suspense_list") : 60120;
-      var REACT_MEMO_TYPE = hasSymbol ? Symbol.for("react.memo") : 60115;
-      var REACT_LAZY_TYPE = hasSymbol ? Symbol.for("react.lazy") : 60116;
-      var REACT_BLOCK_TYPE = hasSymbol ? Symbol.for("react.block") : 60121;
-      var REACT_FUNDAMENTAL_TYPE = hasSymbol ? Symbol.for("react.fundamental") : 60117;
-      var REACT_RESPONDER_TYPE = hasSymbol ? Symbol.for("react.responder") : 60118;
-      var REACT_SCOPE_TYPE = hasSymbol ? Symbol.for("react.scope") : 60119;
-      function isValidElementType(type) {
-        return typeof type === "string" || typeof type === "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-        type === REACT_FRAGMENT_TYPE || type === REACT_CONCURRENT_MODE_TYPE || type === REACT_PROFILER_TYPE || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || typeof type === "object" && type !== null && (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || type.$$typeof === REACT_FUNDAMENTAL_TYPE || type.$$typeof === REACT_RESPONDER_TYPE || type.$$typeof === REACT_SCOPE_TYPE || type.$$typeof === REACT_BLOCK_TYPE);
-      }
-      function typeOf3(object) {
-        if (typeof object === "object" && object !== null) {
-          var $$typeof = object.$$typeof;
-          switch ($$typeof) {
-            case REACT_ELEMENT_TYPE:
-              var type = object.type;
-              switch (type) {
-                case REACT_ASYNC_MODE_TYPE:
-                case REACT_CONCURRENT_MODE_TYPE:
-                case REACT_FRAGMENT_TYPE:
-                case REACT_PROFILER_TYPE:
-                case REACT_STRICT_MODE_TYPE:
-                case REACT_SUSPENSE_TYPE:
-                  return type;
-                default:
-                  var $$typeofType = type && type.$$typeof;
-                  switch ($$typeofType) {
-                    case REACT_CONTEXT_TYPE:
-                    case REACT_FORWARD_REF_TYPE:
-                    case REACT_LAZY_TYPE:
-                    case REACT_MEMO_TYPE:
-                    case REACT_PROVIDER_TYPE:
-                      return $$typeofType;
-                    default:
-                      return $$typeof;
-                  }
-              }
-            case REACT_PORTAL_TYPE:
-              return $$typeof;
-          }
-        }
-        return void 0;
-      }
-      var AsyncMode = REACT_ASYNC_MODE_TYPE;
-      var ConcurrentMode = REACT_CONCURRENT_MODE_TYPE;
-      var ContextConsumer = REACT_CONTEXT_TYPE;
-      var ContextProvider = REACT_PROVIDER_TYPE;
-      var Element2 = REACT_ELEMENT_TYPE;
-      var ForwardRef = REACT_FORWARD_REF_TYPE;
-      var Fragment = REACT_FRAGMENT_TYPE;
-      var Lazy = REACT_LAZY_TYPE;
-      var Memo = REACT_MEMO_TYPE;
-      var Portal = REACT_PORTAL_TYPE;
-      var Profiler = REACT_PROFILER_TYPE;
-      var StrictMode = REACT_STRICT_MODE_TYPE;
-      var Suspense = REACT_SUSPENSE_TYPE;
-      var hasWarnedAboutDeprecatedIsAsyncMode = false;
-      function isAsyncMode(object) {
-        {
-          if (!hasWarnedAboutDeprecatedIsAsyncMode) {
-            hasWarnedAboutDeprecatedIsAsyncMode = true;
-            console["warn"]("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.");
-          }
-        }
-        return isConcurrentMode(object) || typeOf3(object) === REACT_ASYNC_MODE_TYPE;
-      }
-      function isConcurrentMode(object) {
-        return typeOf3(object) === REACT_CONCURRENT_MODE_TYPE;
-      }
-      function isContextConsumer(object) {
-        return typeOf3(object) === REACT_CONTEXT_TYPE;
-      }
-      function isContextProvider(object) {
-        return typeOf3(object) === REACT_PROVIDER_TYPE;
-      }
-      function isElement2(object) {
-        return typeof object === "object" && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
-      }
-      function isForwardRef(object) {
-        return typeOf3(object) === REACT_FORWARD_REF_TYPE;
-      }
-      function isFragment(object) {
-        return typeOf3(object) === REACT_FRAGMENT_TYPE;
-      }
-      function isLazy(object) {
-        return typeOf3(object) === REACT_LAZY_TYPE;
-      }
-      function isMemo(object) {
-        return typeOf3(object) === REACT_MEMO_TYPE;
-      }
-      function isPortal(object) {
-        return typeOf3(object) === REACT_PORTAL_TYPE;
-      }
-      function isProfiler(object) {
-        return typeOf3(object) === REACT_PROFILER_TYPE;
-      }
-      function isStrictMode(object) {
-        return typeOf3(object) === REACT_STRICT_MODE_TYPE;
-      }
-      function isSuspense(object) {
-        return typeOf3(object) === REACT_SUSPENSE_TYPE;
-      }
-      reactIs_development.AsyncMode = AsyncMode;
-      reactIs_development.ConcurrentMode = ConcurrentMode;
-      reactIs_development.ContextConsumer = ContextConsumer;
-      reactIs_development.ContextProvider = ContextProvider;
-      reactIs_development.Element = Element2;
-      reactIs_development.ForwardRef = ForwardRef;
-      reactIs_development.Fragment = Fragment;
-      reactIs_development.Lazy = Lazy;
-      reactIs_development.Memo = Memo;
-      reactIs_development.Portal = Portal;
-      reactIs_development.Profiler = Profiler;
-      reactIs_development.StrictMode = StrictMode;
-      reactIs_development.Suspense = Suspense;
-      reactIs_development.isAsyncMode = isAsyncMode;
-      reactIs_development.isConcurrentMode = isConcurrentMode;
-      reactIs_development.isContextConsumer = isContextConsumer;
-      reactIs_development.isContextProvider = isContextProvider;
-      reactIs_development.isElement = isElement2;
-      reactIs_development.isForwardRef = isForwardRef;
-      reactIs_development.isFragment = isFragment;
-      reactIs_development.isLazy = isLazy;
-      reactIs_development.isMemo = isMemo;
-      reactIs_development.isPortal = isPortal;
-      reactIs_development.isProfiler = isProfiler;
-      reactIs_development.isStrictMode = isStrictMode;
-      reactIs_development.isSuspense = isSuspense;
-      reactIs_development.isValidElementType = isValidElementType;
-      reactIs_development.typeOf = typeOf3;
-    })();
-  }
-  return reactIs_development;
-}
-var hasRequiredReactIs;
-function requireReactIs() {
-  if (hasRequiredReactIs) return reactIs.exports;
-  hasRequiredReactIs = 1;
-  if (process.env.NODE_ENV === "production") {
-    reactIs.exports = requireReactIs_production_min();
-  } else {
-    reactIs.exports = requireReactIs_development();
-  }
-  return reactIs.exports;
-}
-var hoistNonReactStatics_cjs;
-var hasRequiredHoistNonReactStatics_cjs;
-function requireHoistNonReactStatics_cjs() {
-  if (hasRequiredHoistNonReactStatics_cjs) return hoistNonReactStatics_cjs;
-  hasRequiredHoistNonReactStatics_cjs = 1;
-  var reactIs2 = requireReactIs();
-  var REACT_STATICS = {
-    childContextTypes: true,
-    contextType: true,
-    contextTypes: true,
-    defaultProps: true,
-    displayName: true,
-    getDefaultProps: true,
-    getDerivedStateFromError: true,
-    getDerivedStateFromProps: true,
-    mixins: true,
-    propTypes: true,
-    type: true
-  };
-  var KNOWN_STATICS = {
-    name: true,
-    length: true,
-    prototype: true,
-    caller: true,
-    callee: true,
-    arguments: true,
-    arity: true
-  };
-  var FORWARD_REF_STATICS = {
-    "$$typeof": true,
-    render: true,
-    defaultProps: true,
-    displayName: true,
-    propTypes: true
-  };
-  var MEMO_STATICS = {
-    "$$typeof": true,
-    compare: true,
-    defaultProps: true,
-    displayName: true,
-    propTypes: true,
-    type: true
-  };
-  var TYPE_STATICS = {};
-  TYPE_STATICS[reactIs2.ForwardRef] = FORWARD_REF_STATICS;
-  TYPE_STATICS[reactIs2.Memo] = MEMO_STATICS;
-  function getStatics(component) {
-    if (reactIs2.isMemo(component)) {
-      return MEMO_STATICS;
-    }
-    return TYPE_STATICS[component["$$typeof"]] || REACT_STATICS;
-  }
-  var defineProperty = Object.defineProperty;
-  var getOwnPropertyNames = Object.getOwnPropertyNames;
-  var getOwnPropertySymbols = Object.getOwnPropertySymbols;
-  var getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;
-  var getPrototypeOf = Object.getPrototypeOf;
-  var objectPrototype = Object.prototype;
-  function hoistNonReactStatics(targetComponent, sourceComponent, blacklist) {
-    if (typeof sourceComponent !== "string") {
-      if (objectPrototype) {
-        var inheritedComponent = getPrototypeOf(sourceComponent);
-        if (inheritedComponent && inheritedComponent !== objectPrototype) {
-          hoistNonReactStatics(targetComponent, inheritedComponent, blacklist);
-        }
-      }
-      var keys = getOwnPropertyNames(sourceComponent);
-      if (getOwnPropertySymbols) {
-        keys = keys.concat(getOwnPropertySymbols(sourceComponent));
-      }
-      var targetStatics = getStatics(targetComponent);
-      var sourceStatics = getStatics(sourceComponent);
-      for (var i = 0; i < keys.length; ++i) {
-        var key = keys[i];
-        if (!KNOWN_STATICS[key] && !(blacklist && blacklist[key]) && !(sourceStatics && sourceStatics[key]) && !(targetStatics && targetStatics[key])) {
-          var descriptor = getOwnPropertyDescriptor(sourceComponent, key);
-          try {
-            defineProperty(targetComponent, key, descriptor);
-          } catch (e) {
-          }
-        }
-      }
-    }
-    return targetComponent;
-  }
-  hoistNonReactStatics_cjs = hoistNonReactStatics;
-  return hoistNonReactStatics_cjs;
-}
-requireHoistNonReactStatics_cjs();
-var isBrowser = true;
-function getRegisteredStyles(registered, registeredStyles, classNames2) {
-  var rawClassName = "";
-  classNames2.split(" ").forEach(function(className) {
-    if (registered[className] !== void 0) {
-      registeredStyles.push(registered[className] + ";");
-    } else if (className) {
-      rawClassName += className + " ";
-    }
-  });
-  return rawClassName;
-}
-var registerStyles = function registerStyles2(cache, serialized, isStringTag2) {
-  var className = cache.key + "-" + serialized.name;
-  if (
-    // we only need to add the styles to the registered cache if the
-    // class name could be used further down
-    // the tree but if it's a string tag, we know it won't
-    // so we don't have to add it to registered cache.
-    // this improves memory usage since we can avoid storing the whole style string
-    (isStringTag2 === false || // we need to always store it if we're in compat mode and
-    // in node since emotion-server relies on whether a style is in
-    // the registered cache to know whether a style is global or not
-    // also, note that this check will be dead code eliminated in the browser
-    isBrowser === false) && cache.registered[className] === void 0
-  ) {
-    cache.registered[className] = serialized.styles;
-  }
-};
-var insertStyles = function insertStyles2(cache, serialized, isStringTag2) {
-  registerStyles(cache, serialized, isStringTag2);
-  var className = cache.key + "-" + serialized.name;
-  if (cache.inserted[serialized.name] === void 0) {
-    var current = serialized;
-    do {
-      cache.insert(serialized === current ? "." + className : "", current, cache.sheet, true);
-      current = current.next;
-    } while (current !== void 0);
-  }
-};
-var syncFallback = function syncFallback2(create) {
-  return create();
-};
-var useInsertionEffect = React["useInsertionEffect"] ? React["useInsertionEffect"] : false;
-var useInsertionEffectAlwaysWithSyncFallback = useInsertionEffect || syncFallback;
-var EmotionCacheContext = /* @__PURE__ */ React.createContext(
-  // we're doing this to avoid preconstruct's dead code elimination in this one case
-  // because this module is primarily intended for the browser and node
-  // but it's also required in react native and similar environments sometimes
-  // and we could have a special build just for that
-  // but this is much easier and the native packages
-  // might use a different theme context in the future anyway
-  typeof HTMLElement !== "undefined" ? /* @__PURE__ */ createCache({
-    key: "css"
-  }) : null
-);
-EmotionCacheContext.Provider;
-var withEmotionCache = function withEmotionCache2(func) {
-  return /* @__PURE__ */ forwardRef(function(props, ref) {
-    var cache = useContext(EmotionCacheContext);
-    return func(props, cache, ref);
-  });
-};
-var ThemeContext$1 = /* @__PURE__ */ React.createContext({});
-var hasOwn = {}.hasOwnProperty;
-var typePropName = "__EMOTION_TYPE_PLEASE_DO_NOT_USE__";
-var createEmotionProps = function createEmotionProps2(type, props) {
-  var newProps = {};
-  for (var _key in props) {
-    if (hasOwn.call(props, _key)) {
-      newProps[_key] = props[_key];
-    }
-  }
-  newProps[typePropName] = type;
-  return newProps;
-};
-var Insertion = function Insertion2(_ref) {
-  var cache = _ref.cache, serialized = _ref.serialized, isStringTag2 = _ref.isStringTag;
-  registerStyles(cache, serialized, isStringTag2);
-  useInsertionEffectAlwaysWithSyncFallback(function() {
-    return insertStyles(cache, serialized, isStringTag2);
-  });
-  return null;
-};
-var Emotion = /* @__PURE__ */ withEmotionCache(function(props, cache, ref) {
-  var cssProp = props.css;
-  if (typeof cssProp === "string" && cache.registered[cssProp] !== void 0) {
-    cssProp = cache.registered[cssProp];
-  }
-  var WrappedComponent = props[typePropName];
-  var registeredStyles = [cssProp];
-  var className = "";
-  if (typeof props.className === "string") {
-    className = getRegisteredStyles(cache.registered, registeredStyles, props.className);
-  } else if (props.className != null) {
-    className = props.className + " ";
-  }
-  var serialized = serializeStyles(registeredStyles, void 0, React.useContext(ThemeContext$1));
-  className += cache.key + "-" + serialized.name;
-  var newProps = {};
-  for (var _key2 in props) {
-    if (hasOwn.call(props, _key2) && _key2 !== "css" && _key2 !== typePropName && true) {
-      newProps[_key2] = props[_key2];
-    }
-  }
-  newProps.className = className;
-  if (ref) {
-    newProps.ref = ref;
-  }
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Insertion, {
-    cache,
-    serialized,
-    isStringTag: typeof WrappedComponent === "string"
-  }), /* @__PURE__ */ React.createElement(WrappedComponent, newProps));
-});
-var Emotion$1 = Emotion;
-var jsx = function jsx2(type, props) {
-  var args = arguments;
-  if (props == null || !hasOwn.call(props, "css")) {
-    return React.createElement.apply(void 0, args);
-  }
-  var argsLength = args.length;
-  var createElementArgArray = new Array(argsLength);
-  createElementArgArray[0] = Emotion$1;
-  createElementArgArray[1] = createEmotionProps(type, props);
-  for (var i = 2; i < argsLength; i++) {
-    createElementArgArray[i] = args[i];
-  }
-  return React.createElement.apply(null, createElementArgArray);
-};
-(function(_jsx) {
-  var JSX;
-  /* @__PURE__ */ (function(_JSX) {
-  })(JSX || (JSX = _jsx.JSX || (_jsx.JSX = {})));
-})(jsx || (jsx = {}));
-function css() {
-  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-    args[_key] = arguments[_key];
-  }
-  return serializeStyles(args);
-}
-function keyframes() {
-  var insertable = css.apply(void 0, arguments);
-  var name = "animation-" + insertable.name;
-  return {
-    name,
-    styles: "@keyframes " + name + "{" + insertable.styles + "}",
-    anim: 1,
-    toString: function toString() {
-      return "_EMO_" + this.name + "_" + this.styles + "_EMO_";
-    }
-  };
-}
 /**
  * @mui/styled-engine v7.1.1
  *
@@ -5323,19 +4006,19 @@ function unstable_memoTheme(styleFn) {
     return value;
   };
 }
-function createGetCssVar$1(prefix2 = "") {
+function createGetCssVar$1(prefix = "") {
   function appendVar(...vars) {
     if (!vars.length) {
       return "";
     }
     const value = vars[0];
     if (typeof value === "string" && !value.match(/(#|\(|\)|(-?(\d*\.)?\d+)(px|em|%|ex|ch|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc))|^(-?(\d*\.)?\d+)$|(\d+ \d+ \d+)/)) {
-      return `, var(--${prefix2 ? `${prefix2}-` : ""}${value}${appendVar(...vars.slice(1))})`;
+      return `, var(--${prefix ? `${prefix}-` : ""}${value}${appendVar(...vars.slice(1))})`;
     }
     return `, ${value}`;
   }
   const getCssVar = (field, ...fallbacks) => {
-    return `var(--${prefix2 ? `${prefix2}-` : ""}${field}${appendVar(...fallbacks)})`;
+    return `var(--${prefix ? `${prefix}-` : ""}${field}${appendVar(...fallbacks)})`;
   };
   return getCssVar;
 }
@@ -5387,10 +4070,10 @@ const getCssValue = (keys, value) => {
 };
 function cssVarsParser(theme, options) {
   const {
-    prefix: prefix2,
+    prefix,
     shouldSkipGeneratingVar: shouldSkipGeneratingVar2
   } = options || {};
-  const css2 = {};
+  const css = {};
   const vars = {};
   const varsWithDefaults = {};
   walkObjectDeep(
@@ -5398,9 +4081,9 @@ function cssVarsParser(theme, options) {
     (keys, value, arrayKeys) => {
       if (typeof value === "string" || typeof value === "number") {
         if (!shouldSkipGeneratingVar2 || !shouldSkipGeneratingVar2(keys, value)) {
-          const cssVar = `--${prefix2 ? `${prefix2}-` : ""}${keys.join("-")}`;
+          const cssVar = `--${prefix ? `${prefix}-` : ""}${keys.join("-")}`;
           const resolvedValue = getCssValue(keys, value);
-          Object.assign(css2, {
+          Object.assign(css, {
             [cssVar]: resolvedValue
           });
           assignNestedKeys(vars, keys, `var(${cssVar})`, arrayKeys);
@@ -5412,7 +4095,7 @@ function cssVarsParser(theme, options) {
     // skip 'vars/*' paths
   );
   return {
-    css: css2,
+    css,
     vars,
     varsWithDefaults
   };
@@ -5443,24 +4126,24 @@ function prepareCssVars(theme, parserConfig = {}) {
   Object.entries(otherColorSchemes || {}).forEach(([key, scheme]) => {
     const {
       vars,
-      css: css2,
+      css,
       varsWithDefaults
     } = cssVarsParser(scheme, parserConfig);
     themeVars = deepmerge(themeVars, varsWithDefaults);
     colorSchemesMap[key] = {
-      css: css2,
+      css,
       vars
     };
   });
   if (defaultScheme) {
     const {
-      css: css2,
+      css,
       vars,
       varsWithDefaults
     } = cssVarsParser(defaultScheme, parserConfig);
     themeVars = deepmerge(themeVars, varsWithDefaults);
     colorSchemesMap[defaultColorScheme] = {
-      css: css2,
+      css,
       vars
     };
   }
@@ -5512,11 +4195,11 @@ function prepareCssVars(theme, parserConfig = {}) {
     var _a, _b;
     const stylesheets = [];
     const colorScheme = theme.defaultColorScheme || "light";
-    function insertStyleSheet(key, css2) {
-      if (Object.keys(css2).length) {
+    function insertStyleSheet(key, css) {
+      if (Object.keys(css).length) {
         stylesheets.push(typeof key === "string" ? {
           [key]: {
-            ...css2
+            ...css
           }
         } : key);
       }
@@ -5530,29 +4213,29 @@ function prepareCssVars(theme, parserConfig = {}) {
     } = colorSchemesMap;
     if (defaultSchemeVal) {
       const {
-        css: css2
+        css
       } = defaultSchemeVal;
       const cssColorSheme = (_b = (_a = colorSchemes[colorScheme]) == null ? void 0 : _a.palette) == null ? void 0 : _b.mode;
       const finalCss = !disableCssColorScheme && cssColorSheme ? {
         colorScheme: cssColorSheme,
-        ...css2
+        ...css
       } : {
-        ...css2
+        ...css
       };
       insertStyleSheet(getSelector(colorScheme, {
         ...finalCss
       }), finalCss);
     }
     Object.entries(other).forEach(([key, {
-      css: css2
+      css
     }]) => {
       var _a2, _b2;
       const cssColorSheme = (_b2 = (_a2 = colorSchemes[key]) == null ? void 0 : _a2.palette) == null ? void 0 : _b2.mode;
       const finalCss = !disableCssColorScheme && cssColorSheme ? {
         colorScheme: cssColorSheme,
-        ...css2
+        ...css
       } : {
-        ...css2
+        ...css
       };
       insertStyleSheet(getSelector(key, {
         ...finalCss
@@ -6233,20 +4916,20 @@ function createThemeNoVars(options = {}, ...args) {
   muiTheme = args.reduce((acc, argument) => deepmerge(acc, argument), muiTheme);
   if (process.env.NODE_ENV !== "production") {
     const stateClasses = ["active", "checked", "completed", "disabled", "error", "expanded", "focused", "focusVisible", "required", "selected"];
-    const traverse = (node2, component) => {
+    const traverse = (node, component) => {
       let key;
-      for (key in node2) {
-        const child = node2[key];
+      for (key in node) {
+        const child = node[key];
         if (stateClasses.includes(key) && Object.keys(child).length > 0) {
           if (process.env.NODE_ENV !== "production") {
             const stateClass = generateUtilityClass("", key);
-            console.error([`MUI: The \`${component}\` component increases the CSS specificity of the \`${key}\` internal state.`, "You can not override it like this: ", JSON.stringify(node2, null, 2), "", `Instead, you need to use the '&.${stateClass}' syntax:`, JSON.stringify({
+            console.error([`MUI: The \`${component}\` component increases the CSS specificity of the \`${key}\` internal state.`, "You can not override it like this: ", JSON.stringify(node, null, 2), "", `Instead, you need to use the '&.${stateClass}' syntax:`, JSON.stringify({
               root: {
                 [`&.${stateClass}`]: child
               }
             }, null, 2), "", "https://mui.com/r/state-classes-guide"].join("\n"));
           }
-          node2[key] = {};
+          node[key] = {};
         }
       }
     };
@@ -6324,7 +5007,7 @@ function shouldSkipGeneratingVar(keys) {
   keys[0] === "palette" && !!((_a = keys[1]) == null ? void 0 : _a.match(/(mode|contrastThreshold|tonalOffset)/));
 }
 const excludeVariablesFromRoot = (cssVarPrefix) => [...[...Array(25)].map((_, index) => `--${cssVarPrefix ? `${cssVarPrefix}-` : ""}overlays-${index}`), `--${cssVarPrefix ? `${cssVarPrefix}-` : ""}palette-AppBar-darkBg`, `--${cssVarPrefix ? `${cssVarPrefix}-` : ""}palette-AppBar-darkColor`];
-const defaultGetSelector = (theme) => (colorScheme, css2) => {
+const defaultGetSelector = (theme) => (colorScheme, css) => {
   const root = theme.rootSelector || ":root";
   const selector = theme.colorSchemeSelector;
   let rule = selector;
@@ -6341,12 +5024,12 @@ const defaultGetSelector = (theme) => (colorScheme, css2) => {
     if (colorScheme === "dark") {
       const excludedVariables = {};
       excludeVariablesFromRoot(theme.cssVarPrefix).forEach((cssVar) => {
-        excludedVariables[cssVar] = css2[cssVar];
-        delete css2[cssVar];
+        excludedVariables[cssVar] = css[cssVar];
+        delete css[cssVar];
       });
       if (rule === "media") {
         return {
-          [root]: css2,
+          [root]: css,
           [`@media (prefers-color-scheme: dark)`]: {
             [root]: excludedVariables
           }
@@ -6355,12 +5038,12 @@ const defaultGetSelector = (theme) => (colorScheme, css2) => {
       if (rule) {
         return {
           [rule.replace("%s", colorScheme)]: excludedVariables,
-          [`${root}, ${rule.replace("%s", colorScheme)}`]: css2
+          [`${root}, ${rule.replace("%s", colorScheme)}`]: css
         };
       }
       return {
         [root]: {
-          ...css2,
+          ...css,
           ...excludedVariables
         }
       };
@@ -6372,7 +5055,7 @@ const defaultGetSelector = (theme) => (colorScheme, css2) => {
     if (rule === "media") {
       return {
         [`@media (prefers-color-scheme: ${String(colorScheme)})`]: {
-          [root]: css2
+          [root]: css
         }
       };
     }
@@ -7453,6 +6136,15 @@ function chainPropTypes(propType1, propType2) {
     return propType1(...args) || propType2(...args);
   };
 }
+function _extends() {
+  return _extends = Object.assign ? Object.assign.bind() : function(n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r2 in t) ({}).hasOwnProperty.call(t, r2) && (n[r2] = t[r2]);
+    }
+    return n;
+  }, _extends.apply(null, arguments);
+}
 function _objectWithoutPropertiesLoose$4(r2, e) {
   if (null == r2) return {};
   var t = {};
@@ -7495,8 +6187,8 @@ process.env.NODE_ENV !== "production" ? PropTypes.oneOfType([PropTypes.string, P
   exitActive: PropTypes.string
 })]) : null;
 const TransitionGroupContext = React__default.createContext(null);
-var forceReflow = function forceReflow2(node2) {
-  return node2.scrollTop;
+var forceReflow = function forceReflow2(node) {
+  return node.scrollTop;
 };
 var UNMOUNTED = "unmounted";
 var EXITED = "exited";
@@ -7587,8 +6279,8 @@ var Transition = /* @__PURE__ */ function(_React$Component) {
       this.cancelNextCallback();
       if (nextStatus === ENTERING) {
         if (this.props.unmountOnExit || this.props.mountOnEnter) {
-          var node2 = this.props.nodeRef ? this.props.nodeRef.current : ReactDOM.findDOMNode(this);
-          if (node2) forceReflow(node2);
+          var node = this.props.nodeRef ? this.props.nodeRef.current : ReactDOM.findDOMNode(this);
+          if (node) forceReflow(node);
         }
         this.performEnter(mounting);
       } else {
@@ -7683,14 +6375,14 @@ var Transition = /* @__PURE__ */ function(_React$Component) {
   };
   _proto.onTransitionEnd = function onTransitionEnd(timeout2, handler) {
     this.setNextCallback(handler);
-    var node2 = this.props.nodeRef ? this.props.nodeRef.current : ReactDOM.findDOMNode(this);
+    var node = this.props.nodeRef ? this.props.nodeRef.current : ReactDOM.findDOMNode(this);
     var doesNotHaveTimeoutOrListener = timeout2 == null && !this.props.addEndListener;
-    if (!node2 || doesNotHaveTimeoutOrListener) {
+    if (!node || doesNotHaveTimeoutOrListener) {
       setTimeout(this.nextCallback, 0);
       return;
     }
     if (this.props.addEndListener) {
-      var _ref3 = this.props.nodeRef ? [this.nextCallback] : [node2, this.nextCallback], maybeNode = _ref3[0], maybeNextCallback = _ref3[1];
+      var _ref3 = this.props.nodeRef ? [this.nextCallback] : [node, this.nextCallback], maybeNode = _ref3[0], maybeNextCallback = _ref3[1];
       this.props.addEndListener(maybeNode, maybeNextCallback);
     }
     if (timeout2 != null) {
@@ -7936,16 +6628,16 @@ function getChildMapping(children, mapFn) {
   });
   return result2;
 }
-function mergeChildMappings(prev2, next2) {
-  prev2 = prev2 || {};
-  next2 = next2 || {};
+function mergeChildMappings(prev, next) {
+  prev = prev || {};
+  next = next || {};
   function getValueForKey(key) {
-    return key in next2 ? next2[key] : prev2[key];
+    return key in next ? next[key] : prev[key];
   }
   var nextKeysPending = /* @__PURE__ */ Object.create(null);
   var pendingKeys = [];
-  for (var prevKey in prev2) {
-    if (prevKey in next2) {
+  for (var prevKey in prev) {
+    if (prevKey in next) {
       if (pendingKeys.length) {
         nextKeysPending[prevKey] = pendingKeys;
         pendingKeys = [];
@@ -7956,7 +6648,7 @@ function mergeChildMappings(prev2, next2) {
   }
   var i;
   var childMapping = {};
-  for (var nextKey in next2) {
+  for (var nextKey in next) {
     if (nextKeysPending[nextKey]) {
       for (i = 0; i < nextKeysPending[nextKey].length; i++) {
         var pendingNextKey = nextKeysPending[nextKey][i];
@@ -8061,11 +6753,11 @@ var TransitionGroup = /* @__PURE__ */ function(_React$Component) {
       firstRender: false
     };
   };
-  _proto.handleExited = function handleExited(child, node2) {
+  _proto.handleExited = function handleExited(child, node) {
     var currentChildMapping = getChildMapping(this.props.children);
     if (child.key in currentChildMapping) return;
     if (child.props.onExited) {
-      child.props.onExited(node2);
+      child.props.onExited(node);
     }
     if (this.mounted) {
       this.setState(function(state) {
@@ -9546,30 +8238,30 @@ var modifierPhases = [beforeRead, read, afterRead, beforeMain, main, afterMain,
 function getNodeName(element) {
   return element ? (element.nodeName || "").toLowerCase() : null;
 }
-function getWindow(node2) {
-  if (node2 == null) {
+function getWindow(node) {
+  if (node == null) {
     return window;
   }
-  if (node2.toString() !== "[object Window]") {
-    var ownerDocument2 = node2.ownerDocument;
+  if (node.toString() !== "[object Window]") {
+    var ownerDocument2 = node.ownerDocument;
     return ownerDocument2 ? ownerDocument2.defaultView || window : window;
   }
-  return node2;
+  return node;
 }
-function isElement(node2) {
-  var OwnElement = getWindow(node2).Element;
-  return node2 instanceof OwnElement || node2 instanceof Element;
+function isElement(node) {
+  var OwnElement = getWindow(node).Element;
+  return node instanceof OwnElement || node instanceof Element;
 }
-function isHTMLElement(node2) {
-  var OwnElement = getWindow(node2).HTMLElement;
-  return node2 instanceof OwnElement || node2 instanceof HTMLElement;
+function isHTMLElement(node) {
+  var OwnElement = getWindow(node).HTMLElement;
+  return node instanceof OwnElement || node instanceof HTMLElement;
 }
-function isShadowRoot(node2) {
+function isShadowRoot(node) {
   if (typeof ShadowRoot === "undefined") {
     return false;
   }
-  var OwnElement = getWindow(node2).ShadowRoot;
-  return node2 instanceof OwnElement || node2 instanceof ShadowRoot;
+  var OwnElement = getWindow(node).ShadowRoot;
+  return node instanceof OwnElement || node instanceof ShadowRoot;
 }
 function getBasePlacement(placement) {
   return placement.split("-")[0];
@@ -9642,13 +8334,13 @@ function contains$1(parent, child) {
   if (parent.contains(child)) {
     return true;
   } else if (rootNode && isShadowRoot(rootNode)) {
-    var next2 = child;
+    var next = child;
     do {
-      if (next2 && parent.isSameNode(next2)) {
+      if (next && parent.isSameNode(next)) {
         return true;
       }
-      next2 = next2.parentNode || next2.host;
-    } while (next2);
+      next = next.parentNode || next.host;
+    } while (next);
   }
   return false;
 }
@@ -9700,8 +8392,8 @@ function getContainingBlock(element) {
     currentNode = currentNode.host;
   }
   while (isHTMLElement(currentNode) && ["html", "body"].indexOf(getNodeName(currentNode)) < 0) {
-    var css2 = getComputedStyle$1(currentNode);
-    if (css2.transform !== "none" || css2.perspective !== "none" || css2.contain === "paint" || ["transform", "perspective"].indexOf(css2.willChange) !== -1 || isFirefox && css2.willChange === "filter" || isFirefox && css2.filter && css2.filter !== "none") {
+    var css = getComputedStyle$1(currentNode);
+    if (css.transform !== "none" || css.perspective !== "none" || css.contain === "paint" || ["transform", "perspective"].indexOf(css.willChange) !== -1 || isFirefox && css.willChange === "filter" || isFirefox && css.filter && css.filter !== "none") {
       return currentNode;
     } else {
       currentNode = currentNode.parentNode;
@@ -9826,7 +8518,7 @@ function roundOffsetsByDPR(_ref, win) {
 }
 function mapToStyles(_ref2) {
   var _Object$assign2;
-  var popper2 = _ref2.popper, popperRect = _ref2.popperRect, placement = _ref2.placement, variation = _ref2.variation, offsets = _ref2.offsets, position2 = _ref2.position, gpuAcceleration = _ref2.gpuAcceleration, adaptive = _ref2.adaptive, roundOffsets = _ref2.roundOffsets, isFixed = _ref2.isFixed;
+  var popper2 = _ref2.popper, popperRect = _ref2.popperRect, placement = _ref2.placement, variation = _ref2.variation, offsets = _ref2.offsets, position = _ref2.position, gpuAcceleration = _ref2.gpuAcceleration, adaptive = _ref2.adaptive, roundOffsets = _ref2.roundOffsets, isFixed = _ref2.isFixed;
   var _offsets$x = offsets.x, x = _offsets$x === void 0 ? 0 : _offsets$x, _offsets$y = offsets.y, y = _offsets$y === void 0 ? 0 : _offsets$y;
   var _ref3 = typeof roundOffsets === "function" ? roundOffsets({
     x,
@@ -9848,7 +8540,7 @@ function mapToStyles(_ref2) {
     var widthProp = "clientWidth";
     if (offsetParent === getWindow(popper2)) {
       offsetParent = getDocumentElement(popper2);
-      if (getComputedStyle$1(offsetParent).position !== "static" && position2 === "absolute") {
+      if (getComputedStyle$1(offsetParent).position !== "static" && position === "absolute") {
         heightProp = "scrollHeight";
         widthProp = "scrollWidth";
       }
@@ -9874,7 +8566,7 @@ function mapToStyles(_ref2) {
     }
   }
   var commonStyles = Object.assign({
-    position: position2
+    position
   }, adaptive && unsetSides);
   var _ref4 = roundOffsets === true ? roundOffsetsByDPR({
     x,
@@ -9985,8 +8677,8 @@ function getOppositeVariationPlacement(placement) {
     return hash[matched];
   });
 }
-function getWindowScroll(node2) {
-  var win = getWindow(node2);
+function getWindowScroll(node) {
+  var win = getWindow(node);
   var scrollLeft = win.pageXOffset;
   var scrollTop = win.pageYOffset;
   return {
@@ -10044,14 +8736,14 @@ function isScrollParent(element) {
   var _getComputedStyle = getComputedStyle$1(element), overflow = _getComputedStyle.overflow, overflowX = _getComputedStyle.overflowX, overflowY = _getComputedStyle.overflowY;
   return /auto|scroll|overlay|hidden/.test(overflow + overflowY + overflowX);
 }
-function getScrollParent(node2) {
-  if (["html", "body", "#document"].indexOf(getNodeName(node2)) >= 0) {
-    return node2.ownerDocument.body;
+function getScrollParent(node) {
+  if (["html", "body", "#document"].indexOf(getNodeName(node)) >= 0) {
+    return node.ownerDocument.body;
   }
-  if (isHTMLElement(node2) && isScrollParent(node2)) {
-    return node2;
+  if (isHTMLElement(node) && isScrollParent(node)) {
+    return node;
   }
-  return getScrollParent(getParentNode(node2));
+  return getScrollParent(getParentNode(node));
 }
 function listScrollParents(element, list) {
   var _element$ownerDocumen;
@@ -10542,11 +9234,11 @@ function getHTMLElementScroll(element) {
     scrollTop: element.scrollTop
   };
 }
-function getNodeScroll(node2) {
-  if (node2 === getWindow(node2) || !isHTMLElement(node2)) {
-    return getWindowScroll(node2);
+function getNodeScroll(node) {
+  if (node === getWindow(node) || !isHTMLElement(node)) {
+    return getWindowScroll(node);
   } else {
-    return getHTMLElementScroll(node2);
+    return getHTMLElementScroll(node);
   }
 }
 function isElementScaled(element) {
@@ -11849,7 +10541,7 @@ function requireClassnames() {
   hasRequiredClassnames = 1;
   (function(module) {
     (function() {
-      var hasOwn2 = {}.hasOwnProperty;
+      var hasOwn = {}.hasOwnProperty;
       function classNames2() {
         var classes = "";
         for (var i = 0; i < arguments.length; i++) {
@@ -11875,7 +10567,7 @@ function requireClassnames() {
         }
         var classes = "";
         for (var key in arg2) {
-          if (hasOwn2.call(arg2, key) && arg2[key]) {
+          if (hasOwn.call(arg2, key) && arg2[key]) {
             classes = appendClass(classes, key);
           }
         }
@@ -11941,11 +10633,11 @@ const {
   Consumer,
   Provider
 } = ThemeContext;
-function useBootstrapPrefix(prefix2, defaultPrefix) {
+function useBootstrapPrefix(prefix, defaultPrefix) {
   const {
     prefixes
   } = useContext(ThemeContext);
-  return prefix2 || prefixes[defaultPrefix] || defaultPrefix;
+  return prefix || prefixes[defaultPrefix] || defaultPrefix;
 }
 function useBootstrapBreakpoints() {
   const {
@@ -12250,7 +10942,7 @@ const FormLabel = /* @__PURE__ */ React.forwardRef(({
   // Need to define the default "as" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595
   as: Component = "label",
   bsPrefix,
-  column: column2 = false,
+  column = false,
   visuallyHidden = false,
   className,
   htmlFor,
@@ -12261,11 +10953,11 @@ const FormLabel = /* @__PURE__ */ React.forwardRef(({
   } = useContext(FormContext);
   bsPrefix = useBootstrapPrefix(bsPrefix, "form-label");
   let columnClass = "col-form-label";
-  if (typeof column2 === "string") columnClass = `${columnClass} ${columnClass}-${column2}`;
-  const classes = classNames(className, bsPrefix, visuallyHidden && "visually-hidden", column2 && columnClass);
+  if (typeof column === "string") columnClass = `${columnClass} ${columnClass}-${column}`;
+  const classes = classNames(className, bsPrefix, visuallyHidden && "visually-hidden", column && columnClass);
   process.env.NODE_ENV !== "production" ? warning(controlId == null || !htmlFor, "`controlId` is ignored on `<FormLabel>` when `htmlFor` is specified.") : void 0;
   htmlFor = htmlFor || controlId;
-  if (column2) return /* @__PURE__ */ jsxRuntimeExports.jsx(Col, {
+  if (column) return /* @__PURE__ */ jsxRuntimeExports.jsx(Col, {
     ref,
     as: "label",
     className: classes,
@@ -12500,13 +11192,13 @@ const ComboDropdown = ({
     if (e.key === "ArrowDown") {
       e.preventDefault();
       setHighlightIndex(
-        (prev2) => prev2 < filteredOptions.length - 1 ? prev2 + 1 : 0
+        (prev) => prev < filteredOptions.length - 1 ? prev + 1 : 0
       );
     }
     if (e.key === "ArrowUp") {
       e.preventDefault();
       setHighlightIndex(
-        (prev2) => prev2 > 0 ? prev2 - 1 : filteredOptions.length - 1
+        (prev) => prev > 0 ? prev - 1 : filteredOptions.length - 1
       );
     }
     if (e.key === "Enter") {
@@ -12528,9 +11220,9 @@ const ComboDropdown = ({
     if (!showDropdown && mode !== "type") {
       setFilteredOptions(normalizeOptions(options));
     }
-    setShowDropdown((prev2) => {
+    setShowDropdown((prev) => {
       var _a;
-      const willShow = !prev2;
+      const willShow = !prev;
       if (willShow) (_a = inputRef.current) == null ? void 0 : _a.focus();
       return willShow;
     });
@@ -12643,15 +11335,15 @@ function useUncontrolledProp(propValue, defaultValue, handler) {
     setState(value);
   }, [handler])];
 }
-function ownerDocument(node2) {
-  return node2 && node2.ownerDocument || document;
+function ownerDocument(node) {
+  return node && node.ownerDocument || document;
 }
-function ownerWindow(node2) {
-  var doc = ownerDocument(node2);
+function ownerWindow(node) {
+  var doc = ownerDocument(node);
   return doc && doc.defaultView || window;
 }
-function getComputedStyle(node2, psuedoElement) {
-  return ownerWindow(node2).getComputedStyle(node2, psuedoElement);
+function getComputedStyle(node, psuedoElement) {
+  return ownerWindow(node).getComputedStyle(node, psuedoElement);
 }
 var rUpper = /([A-Z])/g;
 function hyphenate(string) {
@@ -12665,26 +11357,26 @@ var supportedTransforms = /^((translate|rotate|scale)(X|Y|Z|3d)?|matrix(3d)?|per
 function isTransform(value) {
   return !!(value && supportedTransforms.test(value));
 }
-function style(node2, property) {
-  var css2 = "";
+function style(node, property) {
+  var css = "";
   var transforms = "";
   if (typeof property === "string") {
-    return node2.style.getPropertyValue(hyphenateStyleName(property)) || getComputedStyle(node2).getPropertyValue(hyphenateStyleName(property));
+    return node.style.getPropertyValue(hyphenateStyleName(property)) || getComputedStyle(node).getPropertyValue(hyphenateStyleName(property));
   }
   Object.keys(property).forEach(function(key) {
     var value = property[key];
     if (!value && value !== 0) {
-      node2.style.removeProperty(hyphenateStyleName(key));
+      node.style.removeProperty(hyphenateStyleName(key));
     } else if (isTransform(key)) {
       transforms += key + "(" + value + ") ";
     } else {
-      css2 += hyphenateStyleName(key) + ": " + value + ";";
+      css += hyphenateStyleName(key) + ": " + value + ";";
     }
   });
   if (transforms) {
-    css2 += "transform: " + transforms + ";";
+    css += "transform: " + transforms + ";";
   }
-  node2.style.cssText += ";" + css2;
+  node.style.cssText += ";" + css;
 }
 function isEscKey(e) {
   return e.code === "Escape" || e.keyCode === 27;
@@ -12725,7 +11417,7 @@ try {
   }
 } catch (e) {
 }
-function addEventListener(node2, eventName, handler, options) {
+function addEventListener(node, eventName, handler, options) {
   if (options && typeof options !== "boolean" && !onceSupported) {
     var once = options.once, capture = options.capture;
     var wrappedHandler = handler;
@@ -12736,35 +11428,35 @@ function addEventListener(node2, eventName, handler, options) {
       };
       handler.__once = wrappedHandler;
     }
-    node2.addEventListener(eventName, wrappedHandler, optionsSupported ? options : capture);
+    node.addEventListener(eventName, wrappedHandler, optionsSupported ? options : capture);
   }
-  node2.addEventListener(eventName, handler, options);
+  node.addEventListener(eventName, handler, options);
 }
-function removeEventListener(node2, eventName, handler, options) {
+function removeEventListener(node, eventName, handler, options) {
   var capture = options && typeof options !== "boolean" ? options.capture : options;
-  node2.removeEventListener(eventName, handler, capture);
+  node.removeEventListener(eventName, handler, capture);
   if (handler.__once) {
-    node2.removeEventListener(eventName, handler.__once, capture);
+    node.removeEventListener(eventName, handler.__once, capture);
   }
 }
-function listen(node2, eventName, handler, options) {
-  addEventListener(node2, eventName, handler, options);
+function listen(node, eventName, handler, options) {
+  addEventListener(node, eventName, handler, options);
   return function() {
-    removeEventListener(node2, eventName, handler, options);
+    removeEventListener(node, eventName, handler, options);
   };
 }
-function triggerEvent(node2, eventName, bubbles, cancelable) {
+function triggerEvent(node, eventName, bubbles, cancelable) {
   if (cancelable === void 0) {
     cancelable = true;
   }
-  if (node2) {
+  if (node) {
     var event = document.createEvent("HTMLEvents");
     event.initEvent(eventName, bubbles, cancelable);
-    node2.dispatchEvent(event);
+    node.dispatchEvent(event);
   }
 }
-function parseDuration$1(node2) {
-  var str = style(node2, "transitionDuration") || "";
+function parseDuration$1(node) {
+  var str = style(node, "transitionDuration") || "";
   var mult = str.indexOf("ms") === -1 ? 1e3 : 1;
   return parseFloat(str) * mult;
 }
@@ -12795,8 +11487,8 @@ function transitionEnd(element, handler, duration2, padding2) {
     remove();
   };
 }
-function parseDuration(node2, property) {
-  const str = style(node2, property) || "";
+function parseDuration(node, property) {
+  const str = style(node, property) || "";
   const mult = str.indexOf("ms") === -1 ? 1e3 : 1;
   return parseFloat(str) * mult;
 }
@@ -12810,8 +11502,8 @@ function transitionEndListener(element, handler) {
     }
   }, duration2 + delay);
 }
-function triggerBrowserReflow(node2) {
-  node2.offsetHeight;
+function triggerBrowserReflow(node) {
+  node.offsetHeight;
 }
 const toFnRef$1 = (ref) => !ref || typeof ref === "function" ? ref : (value) => {
   ref.current = value;
@@ -13041,9 +11733,9 @@ const Fade = /* @__PURE__ */ React.forwardRef(({
     appear: false,
     ...rest
   };
-  const handleEnter = useCallback((node2, isAppearing) => {
-    triggerBrowserReflow(node2);
-    onEnter == null || onEnter(node2, isAppearing);
+  const handleEnter = useCallback((node, isAppearing) => {
+    triggerBrowserReflow(node);
+    onEnter == null || onEnter(node, isAppearing);
   }, [onEnter]);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(TransitionWrapper, {
     ref,
@@ -13068,7 +11760,7 @@ const Button = /* @__PURE__ */ React.forwardRef(({
   className,
   ...props
 }, ref) => {
-  const prefix2 = useBootstrapPrefix(bsPrefix, "btn");
+  const prefix = useBootstrapPrefix(bsPrefix, "btn");
   const [buttonProps, {
     tagName
   }] = useButtonProps({
@@ -13082,7 +11774,7 @@ const Button = /* @__PURE__ */ React.forwardRef(({
     ...props,
     ref,
     disabled,
-    className: classNames(className, prefix2, active && "active", variant && `${prefix2}-${variant}`, size && `${prefix2}-${size}`, props.href && disabled && "disabled")
+    className: classNames(className, prefix, active && "active", variant && `${prefix}-${variant}`, size && `${prefix}-${size}`, props.href && disabled && "disabled")
   });
 });
 Button.displayName = "Button";
@@ -13358,9 +12050,9 @@ function usePopper(referenceElement, popperElement, _ref = {}) {
   }, [enabled, referenceElement, popperElement]);
   return popperState;
 }
-function contains(context2, node2) {
-  if (context2.contains) return context2.contains(node2);
-  if (context2.compareDocumentPosition) return context2 === node2 || !!(context2.compareDocumentPosition(node2) & 16);
+function contains(context2, node) {
+  if (context2.contains) return context2.contains(node);
+  if (context2.compareDocumentPosition) return context2 === node || !!(context2.compareDocumentPosition(node) & 16);
 }
 const noop$1 = () => {
 };
@@ -13928,9 +12620,9 @@ function getOverlayDirection(placement, isRTL) {
   }
   return bsDirection;
 }
-function getInitialPopperStyles(position2 = "absolute") {
+function getInitialPopperStyles(position = "absolute") {
   return {
-    position: position2,
+    position,
     top: "0",
     left: "0",
     opacity: "0",
@@ -15829,8 +14521,8 @@ var DIGITS = {
   "۹": "9"
   // Eastern-Arabic digit 9
 };
-function parseDigit(character2) {
-  return DIGITS[character2];
+function parseDigit(character) {
+  return DIGITS[character];
 }
 function _createForOfIteratorHelperLoose$1(o, allowArrayLike) {
   var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
@@ -15863,19 +14555,19 @@ function _arrayLikeToArray$2(arr, len) {
 function parseIncompletePhoneNumber(string) {
   var result2 = "";
   for (var _iterator = _createForOfIteratorHelperLoose$1(string.split("")), _step; !(_step = _iterator()).done; ) {
-    var character2 = _step.value;
-    result2 += parsePhoneNumberCharacter(character2, result2) || "";
+    var character = _step.value;
+    result2 += parsePhoneNumberCharacter(character, result2) || "";
   }
   return result2;
 }
-function parsePhoneNumberCharacter(character2, prevParsedCharacters, emitEvent) {
-  if (character2 === "+") {
+function parsePhoneNumberCharacter(character, prevParsedCharacters, emitEvent) {
+  if (character === "+") {
     if (prevParsedCharacters) {
       return;
     }
     return "+";
   }
-  return parseDigit(character2);
+  return parseDigit(character);
 }
 function _createForOfIteratorHelperLoose(o, allowArrayLike) {
   var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
@@ -18151,34 +16843,34 @@ const CustomInput = ({
         break;
       case "gst":
         var gstin = val.toUpperCase();
-        var length2 = gstin.length;
+        var length = gstin.length;
         setEnable(true);
-        if (length2 === 0) ;
-        else if (length2 === 1 || length2 === 2) {
+        if (length === 0) ;
+        else if (length === 1 || length === 2) {
           if (!/^[0-9]+$/.test(gstin)) {
             return setError("GSTIN should follow the format: 22ABCDE1234F1Z5");
           }
-        } else if (length2 >= 3 && length2 <= 7) {
+        } else if (length >= 3 && length <= 7) {
           if (!/^[0-9]{2}[A-Z]{1,5}$/.test(gstin)) {
             return setError("GSTIN should follow the format: 22ABCDE1234F1Z5");
           }
-        } else if (length2 >= 8 && length2 <= 11) {
+        } else if (length >= 8 && length <= 11) {
           if (!/^[0-9]{2}[A-Z]{5}[0-9]{1,4}$/.test(gstin)) {
             return setError("GSTIN should follow the format: 22ABCDE1234F1Z5");
           }
-        } else if (length2 === 12) {
+        } else if (length === 12) {
           if (!/^[0-9]{2}[A-Z]{5}[0-9]{4}[A-Z]$/.test(gstin)) {
             return setError("GSTIN should follow the format: 22ABCDE1234F1Z5");
           }
-        } else if (length2 === 13) {
+        } else if (length === 13) {
           if (!/^[0-9]{2}[A-Z]{5}[0-9]{4}[A-Z][A-Z0-9]$/.test(gstin)) {
             return setError("GSTIN should follow the format: 22ABCDE1234F1Z5");
           }
-        } else if (length2 === 14) {
+        } else if (length === 14) {
           if (!/^[0-9]{2}[A-Z]{5}[0-9]{4}[A-Z][A-Z0-9][A-Z]$/.test(gstin)) {
             return setError("GSTIN should follow the format: 22ABCDE1234F1Z5");
           }
-        } else if (length2 === 15) {
+        } else if (length === 15) {
           if (!/^[0-9]{2}[A-Z]{5}[0-9]{4}[A-Z][A-Z0-9][A-Z][A-Z0-9]$/.test(gstin)) {
             return setError("GSTIN should follow the format: 22ABCDE1234F1Z5");
           }
@@ -18310,15 +17002,15 @@ const CustomInput = ({
     const nationalNumber1 = parsed.nationalNumber || "";
     setNationalNumber(nationalNumber1);
     console.log(nationalNumber);
-    const { length: length2, startsWith } = rules;
+    const { length, startsWith } = rules;
     const callingCodeLength = country.dialCode.length;
-    const maxTotalLength = callingCodeLength + length2;
+    const maxTotalLength = callingCodeLength + length;
     console.log(value2, value2.length, maxTotalLength, "len");
     if (value2.length > maxTotalLength) {
       setError("Invalid phone number for selected country");
       setEnable(true);
     }
-    if (nationalNumber.length === length2 && startsWith.test(nationalNumber)) {
+    if (nationalNumber.length === length && startsWith.test(nationalNumber)) {
       setError("");
       setEnable(false);
     }
@@ -18327,7 +17019,7 @@ const CustomInput = ({
   const isPassword = category === "password";
   const isAmount = category === "amount" && (format === "us" || format === "indian");
   const isPercentage = category === "percentage";
-  const prefix2 = isAmount ? currency : null;
+  const prefix = isAmount ? currency : null;
   const suffix = isPercentage ? "%" : null;
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
     Form$1.Group,
@@ -18342,11 +17034,11 @@ const CustomInput = ({
           isRequired && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { color: "red" }, children: "*" })
         ] }),
         /* @__PURE__ */ jsxRuntimeExports.jsxs(InputGroup$1, { children: [
-          prefix2 && /* @__PURE__ */ jsxRuntimeExports.jsx(
+          prefix && /* @__PURE__ */ jsxRuntimeExports.jsx(
             InputGroup$1.Text,
             {
               style: { backgroundColor: "#fff", borderColor: "#12AB5B" },
-              children: prefix2
+              children: prefix
             }
           ),
           /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -18378,8 +17070,8 @@ const CustomInput = ({
                       height: height2 || "40px",
                       borderTopRightRadius: !isPassword && !(button == null ? void 0 : button.label) && !suffix ? "0.375rem" : 0,
                       borderBottomRightRadius: !isPassword && !(button == null ? void 0 : button.label) && !suffix ? "0.375rem" : 0,
-                      borderTopLeftRadius: prefix2 ? 0 : "0.375rem",
-                      borderBottomLeftRadius: prefix2 ? 0 : "0.375rem",
+                      borderTopLeftRadius: prefix ? 0 : "0.375rem",
+                      borderBottomLeftRadius: prefix ? 0 : "0.375rem",
                       width: "100%"
                       // paddingLeft: '48px', // make space for the flag
                       // fontSize: '14px',
@@ -18419,8 +17111,8 @@ const CustomInput = ({
                       height: height2 || "40px",
                       borderTopRightRadius: !isPassword && !(button == null ? void 0 : button.label) && !suffix ? "0.375rem" : 0,
                       borderBottomRightRadius: !isPassword && !(button == null ? void 0 : button.label) && !suffix ? "0.375rem" : 0,
-                      borderTopLeftRadius: prefix2 ? 0 : "0.375rem",
-                      borderBottomLeftRadius: prefix2 ? 0 : "0.375rem"
+                      borderTopLeftRadius: prefix ? 0 : "0.375rem",
+                      borderBottomLeftRadius: prefix ? 0 : "0.375rem"
                     },
                     name,
                     value,