mytek-components 0.0.9 → 1.0.0

package/dist/index.umd.cjs

@@ -1,6 +1,6 @@
 (function(global2, factory) {
-  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("react"), require("react-dom")) : typeof define === "function" && define.amd ? define(["exports", "react", "react-dom"], factory) : (global2 = typeof globalThis !== "undefined" ? globalThis : global2 || self, factory(global2.MytekComponents = {}, global2.React, global2.ReactDOM));
-})(this, function(exports2, React, ReactDOM) {
+  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("react"), require("@emotion/styled"), require("@emotion/react"), require("react-dom")) : typeof define === "function" && define.amd ? define(["exports", "react", "@emotion/styled", "@emotion/react", "react-dom"], factory) : (global2 = typeof globalThis !== "undefined" ? globalThis : global2 || self, factory(global2.MytekComponents = {}, global2.React, global2.emotionStyled, global2.emotionReact, global2.ReactDOM));
+})(this, function(exports2, React, emStyled, react, ReactDOM) {
   "use strict";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);
@@ -284,8 +284,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           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 React$1 = React, 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 = React$1.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, hasOwnProperty = Object.prototype.hasOwnProperty, isArrayImpl = Array.isArray, createTask = console.createTask ? console.createTask : function() {
@@ -644,9 +644,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     return ("string" === r2 ? String : Number)(t);
   }
   function Tree2Element(tree) {
-    return tree && tree.map((node2, i) => /* @__PURE__ */ React.createElement(node2.tag, _objectSpread$5({
+    return tree && tree.map((node, i) => /* @__PURE__ */ React.createElement(node.tag, _objectSpread$5({
       key: i
-    }, node2.attr), Tree2Element(node2.child)));
+    }, node.attr), Tree2Element(node.child)));
   }
   function GenIcon(data) {
     return (props) => /* @__PURE__ */ React.createElement(IconBase, _extends$1({
@@ -723,8 +723,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     });
   }
   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
    *
@@ -733,10 +733,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
    * 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) {
@@ -771,63 +771,63 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     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
    *
@@ -836,10 +836,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
    * 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;
@@ -957,48 +957,48 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         function isSuspense(object) {
           return typeOf2(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 = typeOf2;
+        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 = typeOf2;
       })();
     }
-    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
@@ -1052,21 +1052,21 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       }
     }
     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]];
             }
           }
         }
@@ -1160,8 +1160,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   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();
@@ -1466,7 +1466,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           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") {
@@ -1657,7 +1657,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     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 {
@@ -1700,7 +1700,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
     return output;
   }
-  var reactIs$1 = { exports: {} };
+  var reactIs = { exports: {} };
   var reactIs_production = {};
   /**
    * @license React
@@ -1802,7 +1802,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     reactIs_production.typeOf = typeOf2;
     return reactIs_production;
   }
-  var reactIs_development$1 = {};
+  var reactIs_development = {};
   /**
    * @license React
    * react-is.development.js
@@ -1812,10 +1812,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
    * 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 typeOf2(object) {
         if ("object" === typeof object && null !== object) {
@@ -1850,73 +1850,73 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       }
       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 typeOf2(object) === REACT_CONSUMER_TYPE;
       };
-      reactIs_development$1.isContextProvider = function(object) {
+      reactIs_development.isContextProvider = function(object) {
         return typeOf2(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 typeOf2(object) === REACT_FORWARD_REF_TYPE;
       };
-      reactIs_development$1.isFragment = function(object) {
+      reactIs_development.isFragment = function(object) {
         return typeOf2(object) === REACT_FRAGMENT_TYPE;
       };
-      reactIs_development$1.isLazy = function(object) {
+      reactIs_development.isLazy = function(object) {
         return typeOf2(object) === REACT_LAZY_TYPE;
       };
-      reactIs_development$1.isMemo = function(object) {
+      reactIs_development.isMemo = function(object) {
         return typeOf2(object) === REACT_MEMO_TYPE;
       };
-      reactIs_development$1.isPortal = function(object) {
+      reactIs_development.isPortal = function(object) {
         return typeOf2(object) === REACT_PORTAL_TYPE;
       };
-      reactIs_development$1.isProfiler = function(object) {
+      reactIs_development.isProfiler = function(object) {
         return typeOf2(object) === REACT_PROFILER_TYPE;
       };
-      reactIs_development$1.isStrictMode = function(object) {
+      reactIs_development.isStrictMode = function(object) {
         return typeOf2(object) === REACT_STRICT_MODE_TYPE;
       };
-      reactIs_development$1.isSuspense = function(object) {
+      reactIs_development.isSuspense = function(object) {
         return typeOf2(object) === REACT_SUSPENSE_TYPE;
       };
-      reactIs_development$1.isSuspenseList = function(object) {
+      reactIs_development.isSuspenseList = function(object) {
         return typeOf2(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 = typeOf2;
+      reactIs_development.typeOf = typeOf2;
     }();
-    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;
@@ -1966,25 +1966,25 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     });
   }
   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) {
@@ -2005,12 +2005,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");
@@ -2018,10 +2018,10 @@ For example, \`@sm\` or \`@600\` or \`@40rem/sidebar\`.` : formatMuiErrorMessage
         return result2;
       };
     }
-    const node2 = {};
+    const node = {};
     const containerQueries = (name) => {
-      attachCq(node2, name);
-      return node2;
+      attachCq(node, name);
+      return node;
     };
     attachCq(containerQueries);
     return {
@@ -2244,15 +2244,15 @@ For example, \`@sm\` or \`@600\` or \`@40rem/sidebar\`.` : formatMuiErrorMessage
         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;
         }
@@ -2895,13 +2895,13 @@ For example, \`@sm\` or \`@600\` or \`@40rem/sidebar\`.` : formatMuiErrorMessage
         }
         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
@@ -2909,20 +2909,20 @@ For example, \`@sm\` or \`@600\` or \`@40rem/sidebar\`.` : formatMuiErrorMessage
                   [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);
     }
@@ -2980,7 +2980,6 @@ For example, \`@sm\` or \`@600\` or \`@40rem/sidebar\`.` : formatMuiErrorMessage
       sx: finalSx
     };
   }
-  const emStyled = {};
   function murmur2(str) {
     var h = 0;
     var k, i = 0, len = str.length;
@@ -3082,7 +3081,7 @@ For example, \`@sm\` or \`@600\` or \`@40rem/sidebar\`.` : formatMuiErrorMessage
       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,
@@ -3111,26 +3110,26 @@ For example, \`@sm\` or \`@600\` or \`@40rem/sidebar\`.` : formatMuiErrorMessage
         return "";
       }
       case "object": {
-        var keyframes2 = interpolation;
-        if (keyframes2.anim === 1) {
+        var keyframes = interpolation;
+        if (keyframes.anim === 1) {
           cursor = {
-            name: keyframes2.name,
-            styles: keyframes2.styles,
+            name: keyframes.name,
+            styles: keyframes.styles,
             next: cursor
           };
-          return keyframes2.name;
+          return keyframes.name;
         }
         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 + ";";
@@ -3138,15 +3137,6 @@ For example, \`@sm\` or \`@600\` or \`@40rem/sidebar\`.` : formatMuiErrorMessage
         }
         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;
     {
@@ -3218,9 +3208,9 @@ For example, \`@sm\` or \`@600\` or \`@40rem/sidebar\`.` : formatMuiErrorMessage
     }
     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 {
@@ -3229,1315 +3219,6 @@ For example, \`@sm\` or \`@600\` or \`@40rem/sidebar\`.` : formatMuiErrorMessage
       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(options2) {
-    var tag = document.createElement("style");
-    tag.setAttribute("data-emotion", options2.key);
-    if (options2.nonce !== void 0) {
-      tag.setAttribute("nonce", options2.nonce);
-    }
-    tag.appendChild(document.createTextNode(""));
-    tag.setAttribute("data-s", "");
-    return tag;
-  }
-  var StyleSheet = /* @__PURE__ */ function() {
-    function StyleSheet2(options2) {
-      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 = options2.speedy === void 0 ? true : options2.speedy;
-      this.tags = [];
-      this.ctr = 0;
-      this.nonce = options2.nonce;
-      this.key = options2.key;
-      this.container = options2.container;
-      this.prepend = options2.prepend;
-      this.insertionPoint = options2.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(options2) {
-    var key = options2.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 = options2.stylisPlugins || defaultStylisPlugins;
-    var inserted = {};
-    var container;
-    var nodesToHydrate = [];
-    {
-      container = options2.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: options2.nonce,
-        speedy: options2.speedy,
-        prepend: options2.prepend,
-        insertionPoint: options2.insertionPoint
-      }),
-      nonce: options2.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 typeOf2(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) || typeOf2(object) === REACT_ASYNC_MODE_TYPE;
-        }
-        function isConcurrentMode(object) {
-          return typeOf2(object) === REACT_CONCURRENT_MODE_TYPE;
-        }
-        function isContextConsumer(object) {
-          return typeOf2(object) === REACT_CONTEXT_TYPE;
-        }
-        function isContextProvider(object) {
-          return typeOf2(object) === REACT_PROVIDER_TYPE;
-        }
-        function isElement2(object) {
-          return typeof object === "object" && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
-        }
-        function isForwardRef(object) {
-          return typeOf2(object) === REACT_FORWARD_REF_TYPE;
-        }
-        function isFragment(object) {
-          return typeOf2(object) === REACT_FRAGMENT_TYPE;
-        }
-        function isLazy(object) {
-          return typeOf2(object) === REACT_LAZY_TYPE;
-        }
-        function isMemo(object) {
-          return typeOf2(object) === REACT_MEMO_TYPE;
-        }
-        function isPortal(object) {
-          return typeOf2(object) === REACT_PORTAL_TYPE;
-        }
-        function isProfiler(object) {
-          return typeOf2(object) === REACT_PROFILER_TYPE;
-        }
-        function isStrictMode(object) {
-          return typeOf2(object) === REACT_STRICT_MODE_TYPE;
-        }
-        function isSuspense(object) {
-          return typeOf2(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 = typeOf2;
-      })();
-    }
-    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__namespace["useInsertionEffect"] ? React__namespace["useInsertionEffect"] : false;
-  var useInsertionEffectAlwaysWithSyncFallback = useInsertionEffect || syncFallback;
-  var EmotionCacheContext = /* @__PURE__ */ React__namespace.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__ */ React.forwardRef(function(props, ref) {
-      var cache = React.useContext(EmotionCacheContext);
-      return func(props, cache, ref);
-    });
-  };
-  var ThemeContext$1 = /* @__PURE__ */ React__namespace.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__namespace.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__namespace.createElement(React__namespace.Fragment, null, /* @__PURE__ */ React__namespace.createElement(Insertion, {
-      cache,
-      serialized,
-      isStringTag: typeof WrappedComponent === "string"
-    }), /* @__PURE__ */ React__namespace.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__namespace.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__namespace.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
    *
@@ -5341,19 +4022,19 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
       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;
   }
@@ -5405,10 +4086,10 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
   };
   function cssVarsParser(theme, options2) {
     const {
-      prefix: prefix2,
+      prefix,
       shouldSkipGeneratingVar: shouldSkipGeneratingVar2
     } = options2 || {};
-    const css2 = {};
+    const css = {};
     const vars = {};
     const varsWithDefaults = {};
     walkObjectDeep(
@@ -5416,9 +4097,9 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
       (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);
@@ -5430,7 +4111,7 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
       // skip 'vars/*' paths
     );
     return {
-      css: css2,
+      css,
       vars,
       varsWithDefaults
     };
@@ -5461,24 +4142,24 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
     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
       };
     }
@@ -5530,11 +4211,11 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
       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);
         }
@@ -5548,29 +4229,29 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
       } = 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
@@ -6251,20 +4932,20 @@ export default theme;`;
     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] = {};
           }
         }
       };
@@ -6342,7 +5023,7 @@ export default theme;`;
     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;
@@ -6359,12 +5040,12 @@ export default theme;`;
       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
             }
@@ -6373,12 +5054,12 @@ export default theme;`;
         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
           }
         };
@@ -6390,7 +5071,7 @@ export default theme;`;
       if (rule === "media") {
         return {
           [`@media (prefers-color-scheme: ${String(colorScheme)})`]: {
-            [root]: css2
+            [root]: css
           }
         };
       }
@@ -7471,6 +6152,15 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
       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 = {};
@@ -7513,8 +6203,8 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
     exitActive: PropTypes.string
   })]) : null;
   const TransitionGroupContext = React.createContext(null);
-  var forceReflow = function forceReflow2(node2) {
-    return node2.scrollTop;
+  var forceReflow = function forceReflow2(node) {
+    return node.scrollTop;
   };
   var UNMOUNTED = "unmounted";
   var EXITED = "exited";
@@ -7605,8 +6295,8 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
         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 {
@@ -7701,14 +6391,14 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
     };
     _proto.onTransitionEnd = function onTransitionEnd(timeout, 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 = timeout == 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 (timeout != null) {
@@ -7954,16 +6644,16 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
     });
     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 = [];
@@ -7974,7 +6664,7 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
     }
     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];
@@ -8079,11 +6769,11 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
         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) {
@@ -8556,7 +7246,7 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
   const touchRippleClasses = generateUtilityClasses("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsate", "child", "childLeaving", "childPulsate"]);
   const DURATION = 550;
   const DELAY_RIPPLE = 80;
-  const enterKeyframe = keyframes`
+  const enterKeyframe = react.keyframes`
   0% {
     transform: scale(0);
     opacity: 0.1;
@@ -8567,7 +7257,7 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
     opacity: 0.3;
   }
 `;
-  const exitKeyframe = keyframes`
+  const exitKeyframe = react.keyframes`
   0% {
     opacity: 1;
   }
@@ -8576,7 +7266,7 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
     opacity: 0;
   }
 `;
-  const pulsateKeyframe = keyframes`
+  const pulsateKeyframe = react.keyframes`
   0% {
     transform: scale(1);
   }
@@ -9564,30 +8254,30 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
   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];
@@ -9660,13 +8350,13 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
     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;
   }
@@ -9718,8 +8408,8 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
       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;
@@ -9844,7 +8534,7 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
   }
   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,
@@ -9866,7 +8556,7 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
       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";
         }
@@ -9892,7 +8582,7 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
       }
     }
     var commonStyles = Object.assign({
-      position: position2
+      position
     }, adaptive && unsetSides);
     var _ref4 = roundOffsets === true ? roundOffsetsByDPR({
       x,
@@ -10003,8 +8693,8 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
       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 {
@@ -10062,14 +8752,14 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
     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;
@@ -10560,11 +9250,11 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
       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) {
@@ -11867,7 +10557,7 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
     hasRequiredClassnames = 1;
     (function(module2) {
       (function() {
-        var hasOwn2 = {}.hasOwnProperty;
+        var hasOwn = {}.hasOwnProperty;
         function classNames2() {
           var classes = "";
           for (var i = 0; i < arguments.length; i++) {
@@ -11893,7 +10583,7 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
           }
           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);
             }
           }
@@ -11959,11 +10649,11 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
     Consumer,
     Provider
   } = ThemeContext;
-  function useBootstrapPrefix(prefix2, defaultPrefix) {
+  function useBootstrapPrefix(prefix, defaultPrefix) {
     const {
       prefixes
     } = React.useContext(ThemeContext);
-    return prefix2 || prefixes[defaultPrefix] || defaultPrefix;
+    return prefix || prefixes[defaultPrefix] || defaultPrefix;
   }
   function useBootstrapBreakpoints() {
     const {
@@ -12268,7 +10958,7 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
     // 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,
@@ -12279,11 +10969,11 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
     } = React.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,
@@ -12518,13 +11208,13 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
       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") {
@@ -12546,9 +11236,9 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
       if (!showDropdown && mode !== "type") {
         setFilteredOptions(normalizeOptions(options2));
       }
-      setShowDropdown((prev2) => {
+      setShowDropdown((prev) => {
         var _a;
-        const willShow = !prev2;
+        const willShow = !prev;
         if (willShow) (_a = inputRef.current) == null ? void 0 : _a.focus();
         return willShow;
       });
@@ -12661,15 +11351,15 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
       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) {
@@ -12683,26 +11373,26 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
   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;
@@ -12743,7 +11433,7 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
     }
   } catch (e) {
   }
-  function addEventListener(node2, eventName, handler, options2) {
+  function addEventListener(node, eventName, handler, options2) {
     if (options2 && typeof options2 !== "boolean" && !onceSupported) {
       var once = options2.once, capture = options2.capture;
       var wrappedHandler = handler;
@@ -12754,35 +11444,35 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
         };
         handler.__once = wrappedHandler;
       }
-      node2.addEventListener(eventName, wrappedHandler, optionsSupported ? options2 : capture);
+      node.addEventListener(eventName, wrappedHandler, optionsSupported ? options2 : capture);
     }
-    node2.addEventListener(eventName, handler, options2);
+    node.addEventListener(eventName, handler, options2);
   }
-  function removeEventListener(node2, eventName, handler, options2) {
+  function removeEventListener(node, eventName, handler, options2) {
     var capture = options2 && typeof options2 !== "boolean" ? options2.capture : options2;
-    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, options2) {
-    addEventListener(node2, eventName, handler, options2);
+  function listen(node, eventName, handler, options2) {
+    addEventListener(node, eventName, handler, options2);
     return function() {
-      removeEventListener(node2, eventName, handler, options2);
+      removeEventListener(node, eventName, handler, options2);
     };
   }
-  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;
   }
@@ -12813,8 +11503,8 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
       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;
   }
@@ -12828,8 +11518,8 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
       }
     }, 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;
@@ -13059,9 +11749,9 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
       appear: false,
       ...rest
     };
-    const handleEnter = React.useCallback((node2, isAppearing) => {
-      triggerBrowserReflow(node2);
-      onEnter == null || onEnter(node2, isAppearing);
+    const handleEnter = React.useCallback((node, isAppearing) => {
+      triggerBrowserReflow(node);
+      onEnter == null || onEnter(node, isAppearing);
     }, [onEnter]);
     return /* @__PURE__ */ jsxRuntimeExports.jsx(TransitionWrapper, {
       ref,
@@ -13086,7 +11776,7 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
     className,
     ...props
   }, ref) => {
-    const prefix2 = useBootstrapPrefix(bsPrefix, "btn");
+    const prefix = useBootstrapPrefix(bsPrefix, "btn");
     const [buttonProps, {
       tagName
     }] = useButtonProps({
@@ -13100,7 +11790,7 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
       ...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";
@@ -13376,9 +12066,9 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
     }, [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 = () => {
   };
@@ -13946,9 +12636,9 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
     }
     return bsDirection;
   }
-  function getInitialPopperStyles(position2 = "absolute") {
+  function getInitialPopperStyles(position = "absolute") {
     return {
-      position: position2,
+      position,
       top: "0",
       left: "0",
       opacity: "0",
@@ -15847,8 +14537,8 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
     "۹": "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"];
@@ -15881,19 +14571,19 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
   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"];
@@ -18169,34 +16859,34 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
           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");
             }
@@ -18328,15 +17018,15 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
       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);
       }
@@ -18345,7 +17035,7 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
     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,
@@ -18360,11 +17050,11 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
             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(
@@ -18396,8 +17086,8 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
                         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',
@@ -18437,8 +17127,8 @@ To suppress this warning, you need to explicitly provide the \`palette.${key}Cha
                         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,