@mui/material 5.13.0 → 5.13.2

package/umd/material-ui.development.js

@@ -1,5 +1,5 @@
 /**
- * @mui/material v5.13.0
+ * @mui/material v5.13.2
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
@@ -489,69 +489,40 @@
   	return module = { exports: {} }, fn(module, module.exports), module.exports;
   }
 
-  var reactIs_development = createCommonjsModule(function (module, exports) {
+  var reactIs_development$2 = createCommonjsModule(function (module, exports) {
 
-  {
-    (function() {
 
-  // ATTENTION
-  // When adding new symbols to this file,
-  // Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
-  // The Symbol used to tag the ReactElement-like types.
-  var REACT_ELEMENT_TYPE = Symbol.for('react.element');
-  var REACT_PORTAL_TYPE = Symbol.for('react.portal');
-  var REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
-  var REACT_STRICT_MODE_TYPE = Symbol.for('react.strict_mode');
-  var REACT_PROFILER_TYPE = Symbol.for('react.profiler');
-  var REACT_PROVIDER_TYPE = Symbol.for('react.provider');
-  var REACT_CONTEXT_TYPE = Symbol.for('react.context');
-  var REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
-  var REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
-  var REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
-  var REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
-  var REACT_MEMO_TYPE = Symbol.for('react.memo');
-  var REACT_LAZY_TYPE = Symbol.for('react.lazy');
-  var REACT_OFFSCREEN_TYPE = Symbol.for('react.offscreen');
-
-  // -----------------------------------------------------------------------------
-
-  var enableScopeAPI = false; // Experimental Create Event Handle API.
-  var enableCacheElement = false;
-  var enableTransitionTracing = false; // No known bugs, but needs performance testing
-
-  var enableLegacyHidden = false; // Enables unstable_avoidThisFallback feature in Fiber
-  // stuff. Intended to enable React core members to more easily debug scheduling
-  // issues in DEV builds.
-
-  var enableDebugTracing = false; // Track which Fiber(s) schedule render work.
-
-  var REACT_MODULE_REFERENCE;
 
   {
-    REACT_MODULE_REFERENCE = Symbol.for('react.module.reference');
-  }
-
-  function isValidElementType(type) {
-    if (typeof type === 'string' || typeof type === 'function') {
-      return true;
-    } // Note: typeof might be other than 'symbol' or 'number' (e.g. if it's a polyfill).
-
-
-    if (type === REACT_FRAGMENT_TYPE || type === REACT_PROFILER_TYPE || enableDebugTracing  || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || enableLegacyHidden  || type === REACT_OFFSCREEN_TYPE || enableScopeAPI  || enableCacheElement  || enableTransitionTracing ) {
-      return true;
-    }
+    (function() {
 
-    if (typeof type === 'object' && type !== null) {
-      if (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 || // This needs to include all possible module reference object
-      // types supported by any Flight configuration anywhere since
-      // we don't know which Flight build this will end up being used
-      // with.
-      type.$$typeof === REACT_MODULE_REFERENCE || type.getModuleId !== undefined) {
-        return true;
-      }
-    }
+  // The Symbol used to tag the ReactElement-like types. If there is no native Symbol
+  // nor polyfill, then a plain number is used for performance.
+  var hasSymbol = typeof Symbol === 'function' && Symbol.for;
+  var REACT_ELEMENT_TYPE = hasSymbol ? Symbol.for('react.element') : 0xeac7;
+  var REACT_PORTAL_TYPE = hasSymbol ? Symbol.for('react.portal') : 0xeaca;
+  var REACT_FRAGMENT_TYPE = hasSymbol ? Symbol.for('react.fragment') : 0xeacb;
+  var REACT_STRICT_MODE_TYPE = hasSymbol ? Symbol.for('react.strict_mode') : 0xeacc;
+  var REACT_PROFILER_TYPE = hasSymbol ? Symbol.for('react.profiler') : 0xead2;
+  var REACT_PROVIDER_TYPE = hasSymbol ? Symbol.for('react.provider') : 0xeacd;
+  var REACT_CONTEXT_TYPE = hasSymbol ? Symbol.for('react.context') : 0xeace; // TODO: We don't use AsyncMode or ConcurrentMode anymore. They were temporary
+  // (unstable) APIs that have been removed. Can we remove the symbols?
+
+  var REACT_ASYNC_MODE_TYPE = hasSymbol ? Symbol.for('react.async_mode') : 0xeacf;
+  var REACT_CONCURRENT_MODE_TYPE = hasSymbol ? Symbol.for('react.concurrent_mode') : 0xeacf;
+  var REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for('react.forward_ref') : 0xead0;
+  var REACT_SUSPENSE_TYPE = hasSymbol ? Symbol.for('react.suspense') : 0xead1;
+  var REACT_SUSPENSE_LIST_TYPE = hasSymbol ? Symbol.for('react.suspense_list') : 0xead8;
+  var REACT_MEMO_TYPE = hasSymbol ? Symbol.for('react.memo') : 0xead3;
+  var REACT_LAZY_TYPE = hasSymbol ? Symbol.for('react.lazy') : 0xead4;
+  var REACT_BLOCK_TYPE = hasSymbol ? Symbol.for('react.block') : 0xead9;
+  var REACT_FUNDAMENTAL_TYPE = hasSymbol ? Symbol.for('react.fundamental') : 0xead5;
+  var REACT_RESPONDER_TYPE = hasSymbol ? Symbol.for('react.responder') : 0xead6;
+  var REACT_SCOPE_TYPE = hasSymbol ? Symbol.for('react.scope') : 0xead7;
 
-    return false;
+  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 typeOf(object) {
@@ -563,18 +534,18 @@
           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:
-            case REACT_SUSPENSE_LIST_TYPE:
               return type;
 
             default:
               var $$typeofType = type && type.$$typeof;
 
               switch ($$typeofType) {
-                case REACT_SERVER_CONTEXT_TYPE:
                 case REACT_CONTEXT_TYPE:
                 case REACT_FORWARD_REF_TYPE:
                 case REACT_LAZY_TYPE:
@@ -594,7 +565,10 @@
     }
 
     return undefined;
-  }
+  } // AsyncMode is deprecated along with isAsyncMode
+
+  var AsyncMode = REACT_ASYNC_MODE_TYPE;
+  var ConcurrentMode = REACT_CONCURRENT_MODE_TYPE;
   var ContextConsumer = REACT_CONTEXT_TYPE;
   var ContextProvider = REACT_PROVIDER_TYPE;
   var Element = REACT_ELEMENT_TYPE;
@@ -606,31 +580,21 @@
   var Profiler = REACT_PROFILER_TYPE;
   var StrictMode = REACT_STRICT_MODE_TYPE;
   var Suspense = REACT_SUSPENSE_TYPE;
-  var SuspenseList = REACT_SUSPENSE_LIST_TYPE;
-  var hasWarnedAboutDeprecatedIsAsyncMode = false;
-  var hasWarnedAboutDeprecatedIsConcurrentMode = false; // AsyncMode should be deprecated
+  var hasWarnedAboutDeprecatedIsAsyncMode = false; // AsyncMode should be deprecated
 
   function isAsyncMode(object) {
     {
       if (!hasWarnedAboutDeprecatedIsAsyncMode) {
         hasWarnedAboutDeprecatedIsAsyncMode = true; // Using console['warn'] to evade Babel and ESLint
 
-        console['warn']('The ReactIs.isAsyncMode() alias has been deprecated, ' + 'and will be removed in React 18+.');
+        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 false;
+    return isConcurrentMode(object) || typeOf(object) === REACT_ASYNC_MODE_TYPE;
   }
   function isConcurrentMode(object) {
-    {
-      if (!hasWarnedAboutDeprecatedIsConcurrentMode) {
-        hasWarnedAboutDeprecatedIsConcurrentMode = true; // Using console['warn'] to evade Babel and ESLint
-
-        console['warn']('The ReactIs.isConcurrentMode() alias has been deprecated, ' + 'and will be removed in React 18+.');
-      }
-    }
-
-    return false;
+    return typeOf(object) === REACT_CONCURRENT_MODE_TYPE;
   }
   function isContextConsumer(object) {
     return typeOf(object) === REACT_CONTEXT_TYPE;
@@ -665,10 +629,9 @@
   function isSuspense(object) {
     return typeOf(object) === REACT_SUSPENSE_TYPE;
   }
-  function isSuspenseList(object) {
-    return typeOf(object) === REACT_SUSPENSE_LIST_TYPE;
-  }
 
+  exports.AsyncMode = AsyncMode;
+  exports.ConcurrentMode = ConcurrentMode;
   exports.ContextConsumer = ContextConsumer;
   exports.ContextProvider = ContextProvider;
   exports.Element = Element;
@@ -680,7 +643,6 @@
   exports.Profiler = Profiler;
   exports.StrictMode = StrictMode;
   exports.Suspense = Suspense;
-  exports.SuspenseList = SuspenseList;
   exports.isAsyncMode = isAsyncMode;
   exports.isConcurrentMode = isConcurrentMode;
   exports.isContextConsumer = isContextConsumer;
@@ -694,53 +656,46 @@
   exports.isProfiler = isProfiler;
   exports.isStrictMode = isStrictMode;
   exports.isSuspense = isSuspense;
-  exports.isSuspenseList = isSuspenseList;
   exports.isValidElementType = isValidElementType;
   exports.typeOf = typeOf;
     })();
   }
   });
-  reactIs_development.ContextConsumer;
-  reactIs_development.ContextProvider;
-  reactIs_development.Element;
-  reactIs_development.ForwardRef;
-  reactIs_development.Fragment;
-  reactIs_development.Lazy;
-  reactIs_development.Memo;
-  reactIs_development.Portal;
-  reactIs_development.Profiler;
-  reactIs_development.StrictMode;
-  reactIs_development.Suspense;
-  reactIs_development.SuspenseList;
-  reactIs_development.isAsyncMode;
-  reactIs_development.isConcurrentMode;
-  reactIs_development.isContextConsumer;
-  reactIs_development.isContextProvider;
-  reactIs_development.isElement;
-  reactIs_development.isForwardRef;
-  reactIs_development.isFragment;
-  reactIs_development.isLazy;
-  reactIs_development.isMemo;
-  reactIs_development.isPortal;
-  reactIs_development.isProfiler;
-  reactIs_development.isStrictMode;
-  reactIs_development.isSuspense;
-  reactIs_development.isSuspenseList;
-  reactIs_development.isValidElementType;
-  reactIs_development.typeOf;
-
-  var reactIs = createCommonjsModule(function (module) {
+  reactIs_development$2.AsyncMode;
+  reactIs_development$2.ConcurrentMode;
+  reactIs_development$2.ContextConsumer;
+  reactIs_development$2.ContextProvider;
+  reactIs_development$2.Element;
+  reactIs_development$2.ForwardRef;
+  reactIs_development$2.Fragment;
+  reactIs_development$2.Lazy;
+  reactIs_development$2.Memo;
+  reactIs_development$2.Portal;
+  reactIs_development$2.Profiler;
+  reactIs_development$2.StrictMode;
+  reactIs_development$2.Suspense;
+  reactIs_development$2.isAsyncMode;
+  reactIs_development$2.isConcurrentMode;
+  reactIs_development$2.isContextConsumer;
+  reactIs_development$2.isContextProvider;
+  reactIs_development$2.isElement;
+  reactIs_development$2.isForwardRef;
+  reactIs_development$2.isFragment;
+  reactIs_development$2.isLazy;
+  reactIs_development$2.isMemo;
+  reactIs_development$2.isPortal;
+  reactIs_development$2.isProfiler;
+  reactIs_development$2.isStrictMode;
+  reactIs_development$2.isSuspense;
+  reactIs_development$2.isValidElementType;
+  reactIs_development$2.typeOf;
+
+  var reactIs$2 = createCommonjsModule(function (module) {
 
   {
-    module.exports = reactIs_development;
+    module.exports = reactIs_development$2;
   }
   });
-  var reactIs_1 = reactIs.ForwardRef;
-  var reactIs_2 = reactIs.isFragment;
-  reactIs.isLazy;
-  reactIs.isMemo;
-  var reactIs_5 = reactIs.Memo;
-  reactIs.isValidElementType;
 
   /*
   object-assign
@@ -1217,7 +1172,7 @@
     function createElementTypeTypeChecker() {
       function validate(props, propName, componentName, location, propFullName) {
         var propValue = props[propName];
-        if (!reactIs.isValidElementType(propValue)) {
+        if (!reactIs$2.isValidElementType(propValue)) {
           var propType = getPropType(propValue);
           return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected a single ReactElement type.'));
         }
@@ -1551,7 +1506,7 @@
    */
 
   {
-    var ReactIs = reactIs;
+    var ReactIs = reactIs$2;
 
     // By explicitly using `prop-types` you are opting into new development behavior.
     // http://fb.me/prop-types-in-prod
@@ -1664,6 +1619,259 @@
     });
   }
 
+  var reactIs_development$1 = createCommonjsModule(function (module, exports) {
+
+  {
+    (function() {
+
+  // ATTENTION
+  // When adding new symbols to this file,
+  // Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
+  // The Symbol used to tag the ReactElement-like types.
+  var REACT_ELEMENT_TYPE = Symbol.for('react.element');
+  var REACT_PORTAL_TYPE = Symbol.for('react.portal');
+  var REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
+  var REACT_STRICT_MODE_TYPE = Symbol.for('react.strict_mode');
+  var REACT_PROFILER_TYPE = Symbol.for('react.profiler');
+  var REACT_PROVIDER_TYPE = Symbol.for('react.provider');
+  var REACT_CONTEXT_TYPE = Symbol.for('react.context');
+  var REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
+  var REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
+  var REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
+  var REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
+  var REACT_MEMO_TYPE = Symbol.for('react.memo');
+  var REACT_LAZY_TYPE = Symbol.for('react.lazy');
+  var REACT_OFFSCREEN_TYPE = Symbol.for('react.offscreen');
+
+  // -----------------------------------------------------------------------------
+
+  var enableScopeAPI = false; // Experimental Create Event Handle API.
+  var enableCacheElement = false;
+  var enableTransitionTracing = false; // No known bugs, but needs performance testing
+
+  var enableLegacyHidden = false; // Enables unstable_avoidThisFallback feature in Fiber
+  // stuff. Intended to enable React core members to more easily debug scheduling
+  // issues in DEV builds.
+
+  var enableDebugTracing = false; // Track which Fiber(s) schedule render work.
+
+  var REACT_MODULE_REFERENCE;
+
+  {
+    REACT_MODULE_REFERENCE = Symbol.for('react.module.reference');
+  }
+
+  function isValidElementType(type) {
+    if (typeof type === 'string' || typeof type === 'function') {
+      return true;
+    } // Note: typeof might be other than 'symbol' or 'number' (e.g. if it's a polyfill).
+
+
+    if (type === REACT_FRAGMENT_TYPE || type === REACT_PROFILER_TYPE || enableDebugTracing  || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || enableLegacyHidden  || type === REACT_OFFSCREEN_TYPE || enableScopeAPI  || enableCacheElement  || enableTransitionTracing ) {
+      return true;
+    }
+
+    if (typeof type === 'object' && type !== null) {
+      if (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 || // This needs to include all possible module reference object
+      // types supported by any Flight configuration anywhere since
+      // we don't know which Flight build this will end up being used
+      // with.
+      type.$$typeof === REACT_MODULE_REFERENCE || type.getModuleId !== undefined) {
+        return true;
+      }
+    }
+
+    return false;
+  }
+
+  function typeOf(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_FRAGMENT_TYPE:
+            case REACT_PROFILER_TYPE:
+            case REACT_STRICT_MODE_TYPE:
+            case REACT_SUSPENSE_TYPE:
+            case REACT_SUSPENSE_LIST_TYPE:
+              return type;
+
+            default:
+              var $$typeofType = type && type.$$typeof;
+
+              switch ($$typeofType) {
+                case REACT_SERVER_CONTEXT_TYPE:
+                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 undefined;
+  }
+  var ContextConsumer = REACT_CONTEXT_TYPE;
+  var ContextProvider = REACT_PROVIDER_TYPE;
+  var Element = 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 SuspenseList = REACT_SUSPENSE_LIST_TYPE;
+  var hasWarnedAboutDeprecatedIsAsyncMode = false;
+  var hasWarnedAboutDeprecatedIsConcurrentMode = false; // AsyncMode should be deprecated
+
+  function isAsyncMode(object) {
+    {
+      if (!hasWarnedAboutDeprecatedIsAsyncMode) {
+        hasWarnedAboutDeprecatedIsAsyncMode = true; // Using console['warn'] to evade Babel and ESLint
+
+        console['warn']('The ReactIs.isAsyncMode() alias has been deprecated, ' + 'and will be removed in React 18+.');
+      }
+    }
+
+    return false;
+  }
+  function isConcurrentMode(object) {
+    {
+      if (!hasWarnedAboutDeprecatedIsConcurrentMode) {
+        hasWarnedAboutDeprecatedIsConcurrentMode = true; // Using console['warn'] to evade Babel and ESLint
+
+        console['warn']('The ReactIs.isConcurrentMode() alias has been deprecated, ' + 'and will be removed in React 18+.');
+      }
+    }
+
+    return false;
+  }
+  function isContextConsumer(object) {
+    return typeOf(object) === REACT_CONTEXT_TYPE;
+  }
+  function isContextProvider(object) {
+    return typeOf(object) === REACT_PROVIDER_TYPE;
+  }
+  function isElement(object) {
+    return typeof object === 'object' && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
+  }
+  function isForwardRef(object) {
+    return typeOf(object) === REACT_FORWARD_REF_TYPE;
+  }
+  function isFragment(object) {
+    return typeOf(object) === REACT_FRAGMENT_TYPE;
+  }
+  function isLazy(object) {
+    return typeOf(object) === REACT_LAZY_TYPE;
+  }
+  function isMemo(object) {
+    return typeOf(object) === REACT_MEMO_TYPE;
+  }
+  function isPortal(object) {
+    return typeOf(object) === REACT_PORTAL_TYPE;
+  }
+  function isProfiler(object) {
+    return typeOf(object) === REACT_PROFILER_TYPE;
+  }
+  function isStrictMode(object) {
+    return typeOf(object) === REACT_STRICT_MODE_TYPE;
+  }
+  function isSuspense(object) {
+    return typeOf(object) === REACT_SUSPENSE_TYPE;
+  }
+  function isSuspenseList(object) {
+    return typeOf(object) === REACT_SUSPENSE_LIST_TYPE;
+  }
+
+  exports.ContextConsumer = ContextConsumer;
+  exports.ContextProvider = ContextProvider;
+  exports.Element = Element;
+  exports.ForwardRef = ForwardRef;
+  exports.Fragment = Fragment;
+  exports.Lazy = Lazy;
+  exports.Memo = Memo;
+  exports.Portal = Portal;
+  exports.Profiler = Profiler;
+  exports.StrictMode = StrictMode;
+  exports.Suspense = Suspense;
+  exports.SuspenseList = SuspenseList;
+  exports.isAsyncMode = isAsyncMode;
+  exports.isConcurrentMode = isConcurrentMode;
+  exports.isContextConsumer = isContextConsumer;
+  exports.isContextProvider = isContextProvider;
+  exports.isElement = isElement;
+  exports.isForwardRef = isForwardRef;
+  exports.isFragment = isFragment;
+  exports.isLazy = isLazy;
+  exports.isMemo = isMemo;
+  exports.isPortal = isPortal;
+  exports.isProfiler = isProfiler;
+  exports.isStrictMode = isStrictMode;
+  exports.isSuspense = isSuspense;
+  exports.isSuspenseList = isSuspenseList;
+  exports.isValidElementType = isValidElementType;
+  exports.typeOf = typeOf;
+    })();
+  }
+  });
+  reactIs_development$1.ContextConsumer;
+  reactIs_development$1.ContextProvider;
+  reactIs_development$1.Element;
+  reactIs_development$1.ForwardRef;
+  reactIs_development$1.Fragment;
+  reactIs_development$1.Lazy;
+  reactIs_development$1.Memo;
+  reactIs_development$1.Portal;
+  reactIs_development$1.Profiler;
+  reactIs_development$1.StrictMode;
+  reactIs_development$1.Suspense;
+  reactIs_development$1.SuspenseList;
+  reactIs_development$1.isAsyncMode;
+  reactIs_development$1.isConcurrentMode;
+  reactIs_development$1.isContextConsumer;
+  reactIs_development$1.isContextProvider;
+  reactIs_development$1.isElement;
+  reactIs_development$1.isForwardRef;
+  reactIs_development$1.isFragment;
+  reactIs_development$1.isLazy;
+  reactIs_development$1.isMemo;
+  reactIs_development$1.isPortal;
+  reactIs_development$1.isProfiler;
+  reactIs_development$1.isStrictMode;
+  reactIs_development$1.isSuspense;
+  reactIs_development$1.isSuspenseList;
+  reactIs_development$1.isValidElementType;
+  reactIs_development$1.typeOf;
+
+  var reactIs$1 = createCommonjsModule(function (module) {
+
+  {
+    module.exports = reactIs_development$1;
+  }
+  });
+  var reactIs_1 = reactIs$1.ForwardRef;
+  var reactIs_2 = reactIs$1.isFragment;
+  reactIs$1.isLazy;
+  reactIs$1.isMemo;
+  var reactIs_5 = reactIs$1.Memo;
+  reactIs$1.isValidElementType;
+
   // Simplified polyfill for IE11 support
   // https://github.com/JamesMGreene/Function.name/blob/58b314d4a983110c3682f1228f845d39ccca1817/Function.name.js#L3
   const fnNameMatchRegex = /^\s*function(?:\s|\s*\/\*.*\*\/\s*)+([^(\s/]*)\s*/;
@@ -1857,8 +2065,8 @@
     return id;
   }
 
-  // eslint-disable-next-line no-useless-concat -- Workaround for https://github.com/webpack/webpack/issues/14814
-  const maybeReactUseId = React__namespace['useId' + ''];
+  // downstream bundlers may remove unnecessary concatenation, but won't remove toString call -- Workaround for https://github.com/webpack/webpack/issues/14814
+  const maybeReactUseId = React__namespace['useId'.toString()];
   /**
    *
    * @example <div id={useId()} />
@@ -2372,26 +2580,6 @@
     return target;
   }
 
-  var _extends_1 = createCommonjsModule(function (module) {
-  function _extends() {
-    module.exports = _extends = Object.assign ? Object.assign.bind() : function (target) {
-      for (var i = 1; i < arguments.length; i++) {
-        var source = arguments[i];
-        for (var key in source) {
-          if (Object.prototype.hasOwnProperty.call(source, key)) {
-            target[key] = source[key];
-          }
-        }
-      }
-      return target;
-    }, module.exports.__esModule = true, module.exports["default"] = module.exports;
-    return _extends.apply(this, arguments);
-  }
-  module.exports = _extends, module.exports.__esModule = true, module.exports["default"] = module.exports;
-  });
-
-  unwrapExports(_extends_1);
-
   function memoize$1(fn) {
     var cache = Object.create(null);
     return function (arg) {
@@ -2565,7 +2753,7 @@
     return StyleSheet;
   }();
 
-  var e="-ms-";var r$1="-moz-";var a="-webkit-";var n="comm";var c="rule";var s="decl";var i="@import";var h="@keyframes";var $=Math.abs;var g=String.fromCharCode;var k=Object.assign;function m(e,r){return C(e,0)^45?(((r<<2^C(e,0))<<2^C(e,1))<<2^C(e,2))<<2^C(e,3):0}function x(e){return e.trim()}function y(e,r){return (e=r.exec(e))?e[0]:e}function j(e,r,a){return e.replace(r,a)}function z(e,r){return e.indexOf(r)}function C(e,r){return e.charCodeAt(r)|0}function O(e,r,a){return e.slice(r,a)}function A(e){return e.length}function M(e){return e.length}function S(e,r){return r.push(e),e}function q(e,r){return e.map(r).join("")}var B=1;var D=1;var E=0;var F=0;var G=0;var H="";function I(e,r,a,n,c,s,t){return {value:e,root:r,parent:a,type:n,props:c,children:s,line:B,column:D,length:t,return:""}}function J(e,r){return k(I("",null,null,"",null,null,0),e,{length:-e.length},r)}function K(){return G}function L(){G=F>0?C(H,--F):0;if(D--,G===10)D=1,B--;return G}function N(){G=F<E?C(H,F++):0;if(D++,G===10)D=1,B++;return G}function P(){return C(H,F)}function Q(){return F}function R(e,r){return O(H,e,r)}function T(e){switch(e){case 0:case 9:case 10:case 13:case 32:return 5;case 33:case 43:case 44:case 47:case 62:case 64:case 126:case 59:case 123:case 125:return 4;case 58:return 3;case 34:case 39:case 40:case 91:return 2;case 41:case 93:return 1}return 0}function U(e){return B=D=1,E=A(H=e),F=0,[]}function V(e){return H="",e}function W(e){return x(R(F-1,ee(e===91?e+2:e===40?e+1:e)))}function Y(e){while(G=P())if(G<33)N();else break;return T(e)>2||T(G)>3?"":" "}function _$4(e,r){while(--r&&N())if(G<48||G>102||G>57&&G<65||G>70&&G<97)break;return R(e,Q()+(r<6&&P()==32&&N()==32))}function ee(e){while(N())switch(G){case e:return F;case 34:case 39:if(e!==34&&e!==39)ee(G);break;case 40:if(e===41)ee(e);break;case 92:N();break}return F}function re(e,r){while(N())if(e+G===47+10)break;else if(e+G===42+42&&P()===47)break;return "/*"+R(r,F-1)+"*"+g(e===47?e:N())}function ae(e){while(!T(P()))N();return R(e,F)}function ne(e){return V(ce("",null,null,null,[""],e=U(e),0,[0],e))}function ce(e,r,a,n,c,s,t,u,i){var f=0;var o=0;var l=t;var v=0;var p=0;var h=0;var b=1;var w=1;var d=1;var $=0;var k="";var m=c;var x=s;var y=n;var O=k;while(w)switch(h=$,$=N()){case 40:if(h!=108&&C(O,l-1)==58){if(z(O+=j(W($),"&","&\f"),"&\f")!=-1)d=-1;break}case 34:case 39:case 91:O+=W($);break;case 9:case 10:case 13:case 32:O+=Y(h);break;case 92:O+=_$4(Q()-1,7);continue;case 47:switch(P()){case 42:case 47:S(te(re(N(),Q()),r,a),i);break;default:O+="/";}break;case 123*b:u[f++]=A(O)*d;case 125*b:case 59:case 0:switch($){case 0:case 125:w=0;case 59+o:if(d==-1)O=j(O,/\f/g,"");if(p>0&&A(O)-l)S(p>32?ue(O+";",n,a,l-1):ue(j(O," ","")+";",n,a,l-2),i);break;case 59:O+=";";default:S(y=se(O,r,a,f,o,c,u,k,m=[],x=[],l),s);if($===123)if(o===0)ce(O,r,y,y,m,s,l,u,x);else switch(v===99&&C(O,3)===110?100:v){case 100:case 109:case 115:ce(e,y,y,n&&S(se(e,y,y,0,0,c,u,k,c,m=[],l),x),c,x,l,u,n?m:x);break;default:ce(O,y,y,y,[""],x,0,u,x);}}f=o=p=0,b=d=1,k=O="",l=t;break;case 58:l=1+A(O),p=h;default:if(b<1)if($==123)--b;else if($==125&&b++==0&&L()==125)continue;switch(O+=g($),$*b){case 38:d=o>0?1:(O+="\f",-1);break;case 44:u[f++]=(A(O)-1)*d,d=1;break;case 64:if(P()===45)O+=W(N());v=P(),o=l=A(k=O+=ae(Q())),$++;break;case 45:if(h===45&&A(O)==2)b=0;}}return s}function se(e,r,a,n,s,t,u,i,f,o,l){var v=s-1;var p=s===0?t:[""];var h=M(p);for(var b=0,w=0,d=0;b<n;++b)for(var g=0,k=O(e,v+1,v=$(w=u[b])),m=e;g<h;++g)if(m=x(w>0?p[g]+" "+k:j(k,/&\f/g,p[g])))f[d++]=m;return I(e,r,a,s===0?c:i,f,o,l)}function te(e,r,a){return I(e,r,a,n,g(K()),O(e,2,-2),0)}function ue(e,r,a,n){return I(e,r,a,s,O(e,0,n),O(e,n+1,-1),n)}function fe(e,r){var a="";var n=M(e);for(var c=0;c<n;c++)a+=r(e[c],c,e,r)||"";return a}function oe(e,r,a,t){switch(e.type){case i:case s:return e.return=e.return||e.value;case n:return "";case h:return e.return=e.value+"{"+fe(e.children,t)+"}";case c:e.value=e.props.join(",");}return A(a=fe(e.children,t))?e.return=e.value+"{"+a+"}":""}function le(e){var r=M(e);return function(a,n,c,s){var t="";for(var u=0;u<r;u++)t+=e[u](a,n,c,s)||"";return t}}
+  var e="-ms-";var r$1="-moz-";var a="-webkit-";var n="comm";var c="rule";var s="decl";var i="@import";var h="@keyframes";var $="@layer";var g=Math.abs;var k=String.fromCharCode;var m=Object.assign;function x(e,r){return O(e,0)^45?(((r<<2^O(e,0))<<2^O(e,1))<<2^O(e,2))<<2^O(e,3):0}function y(e){return e.trim()}function j(e,r){return (e=r.exec(e))?e[0]:e}function z(e,r,a){return e.replace(r,a)}function C(e,r){return e.indexOf(r)}function O(e,r){return e.charCodeAt(r)|0}function A(e,r,a){return e.slice(r,a)}function M(e){return e.length}function S(e){return e.length}function q(e,r){return r.push(e),e}function B(e,r){return e.map(r).join("")}var D=1;var E=1;var F=0;var G=0;var H=0;var I="";function J(e,r,a,n,c,s,t){return {value:e,root:r,parent:a,type:n,props:c,children:s,line:D,column:E,length:t,return:""}}function K(e,r){return m(J("",null,null,"",null,null,0),e,{length:-e.length},r)}function L(){return H}function N(){H=G>0?O(I,--G):0;if(E--,H===10)E=1,D--;return H}function P(){H=G<F?O(I,G++):0;if(E++,H===10)E=1,D++;return H}function Q(){return O(I,G)}function R(){return G}function T(e,r){return A(I,e,r)}function U(e){switch(e){case 0:case 9:case 10:case 13:case 32:return 5;case 33:case 43:case 44:case 47:case 62:case 64:case 126:case 59:case 123:case 125:return 4;case 58:return 3;case 34:case 39:case 40:case 91:return 2;case 41:case 93:return 1}return 0}function V(e){return D=E=1,F=M(I=e),G=0,[]}function W(e){return I="",e}function X(e){return y(T(G-1,re(e===91?e+2:e===40?e+1:e)))}function Z(e){while(H=Q())if(H<33)P();else break;return U(e)>2||U(H)>3?"":" "}function ee(e,r){while(--r&&P())if(H<48||H>102||H>57&&H<65||H>70&&H<97)break;return T(e,R()+(r<6&&Q()==32&&P()==32))}function re(e){while(P())switch(H){case e:return G;case 34:case 39:if(e!==34&&e!==39)re(H);break;case 40:if(e===41)re(e);break;case 92:P();break}return G}function ae(e,r){while(P())if(e+H===47+10)break;else if(e+H===42+42&&Q()===47)break;return "/*"+T(r,G-1)+"*"+k(e===47?e:P())}function ne(e){while(!U(Q()))P();return T(e,G)}function ce(e){return W(se("",null,null,null,[""],e=V(e),0,[0],e))}function se(e,r,a,n,c,s,t,u,i){var f=0;var o=0;var l=t;var v=0;var p=0;var h=0;var b=1;var w=1;var d=1;var $=0;var g="";var m=c;var x=s;var y=n;var j=g;while(w)switch(h=$,$=P()){case 40:if(h!=108&&O(j,l-1)==58){if(C(j+=z(X($),"&","&\f"),"&\f")!=-1)d=-1;break}case 34:case 39:case 91:j+=X($);break;case 9:case 10:case 13:case 32:j+=Z(h);break;case 92:j+=ee(R()-1,7);continue;case 47:switch(Q()){case 42:case 47:q(ue(ae(P(),R()),r,a),i);break;default:j+="/";}break;case 123*b:u[f++]=M(j)*d;case 125*b:case 59:case 0:switch($){case 0:case 125:w=0;case 59+o:if(d==-1)j=z(j,/\f/g,"");if(p>0&&M(j)-l)q(p>32?ie(j+";",n,a,l-1):ie(z(j," ","")+";",n,a,l-2),i);break;case 59:j+=";";default:q(y=te(j,r,a,f,o,c,u,g,m=[],x=[],l),s);if($===123)if(o===0)se(j,r,y,y,m,s,l,u,x);else switch(v===99&&O(j,3)===110?100:v){case 100:case 108:case 109:case 115:se(e,y,y,n&&q(te(e,y,y,0,0,c,u,g,c,m=[],l),x),c,x,l,u,n?m:x);break;default:se(j,y,y,y,[""],x,0,u,x);}}f=o=p=0,b=d=1,g=j="",l=t;break;case 58:l=1+M(j),p=h;default:if(b<1)if($==123)--b;else if($==125&&b++==0&&N()==125)continue;switch(j+=k($),$*b){case 38:d=o>0?1:(j+="\f",-1);break;case 44:u[f++]=(M(j)-1)*d,d=1;break;case 64:if(Q()===45)j+=X(P());v=Q(),o=l=M(g=j+=ne(R())),$++;break;case 45:if(h===45&&M(j)==2)b=0;}}return s}function te(e,r,a,n,s,t,u,i,f,o,l){var v=s-1;var p=s===0?t:[""];var h=S(p);for(var b=0,w=0,d=0;b<n;++b)for(var $=0,k=A(e,v+1,v=g(w=u[b])),m=e;$<h;++$)if(m=y(w>0?p[$]+" "+k:z(k,/&\f/g,p[$])))f[d++]=m;return J(e,r,a,s===0?c:i,f,o,l)}function ue(e,r,a){return J(e,r,a,n,k(L()),A(e,2,-2),0)}function ie(e,r,a,n){return J(e,r,a,s,A(e,0,n),A(e,n+1,-1),n)}function oe(e,r){var a="";var n=S(e);for(var c=0;c<n;c++)a+=r(e[c],c,e,r)||"";return a}function le(e,r,a,t){switch(e.type){case $:if(e.children.length)break;case i:case s:return e.return=e.return||e.value;case n:return "";case h:return e.return=e.value+"{"+oe(e.children,t)+"}";case c:e.value=e.props.join(",");}return M(a=oe(e.children,t))?e.return=e.value+"{"+a+"}":""}function ve(e){var r=S(e);return function(a,n,c,s){var t="";for(var u=0;u<r;u++)t+=e[u](a,n,c,s)||"";return t}}
 
   var weakMemoize = function weakMemoize(func) {
     // $FlowFixMe flow doesn't include all non-primitive types as allowed for weakmaps
@@ -2588,20 +2776,20 @@
 
     while (true) {
       previous = character;
-      character = P(); // &\f
+      character = Q(); // &\f
 
       if (previous === 38 && character === 12) {
         points[index] = 1;
       }
 
-      if (T(character)) {
+      if (U(character)) {
         break;
       }
 
-      N();
+      P();
     }
 
-    return R(begin, F);
+    return T(begin, G);
   };
 
   var toRules = function toRules(parsed, points) {
@@ -2610,10 +2798,10 @@
     var character = 44;
 
     do {
-      switch (T(character)) {
+      switch (U(character)) {
         case 0:
           // &\f
-          if (character === 38 && P() === 12) {
+          if (character === 38 && Q() === 12) {
             // this is not 100% correct, we don't account for literal sequences here - like for example quoted strings
             // stylis inserts \f after & to know when & where it should replace this sequence with the context selector
             // and when it should just concatenate the outer and inner selectors
@@ -2621,18 +2809,18 @@
             points[index] = 1;
           }
 
-          parsed[index] += identifierWithPointTracking(F - 1, points, index);
+          parsed[index] += identifierWithPointTracking(G - 1, points, index);
           break;
 
         case 2:
-          parsed[index] += W(character);
+          parsed[index] += X(character);
           break;
 
         case 4:
           // comma
           if (character === 44) {
             // colon
-            parsed[++index] = P() === 58 ? '&\f' : '';
+            parsed[++index] = Q() === 58 ? '&\f' : '';
             points[index] = parsed[index].length;
             break;
           }
@@ -2640,15 +2828,15 @@
         // fallthrough
 
         default:
-          parsed[index] += g(character);
+          parsed[index] += k(character);
       }
-    } while (character = N());
+    } while (character = P());
 
     return parsed;
   };
 
   var getRules = function getRules(value, points) {
-    return V(toRules(U(value), points));
+    return W(toRules(V(value), points));
   }; // WeakSet would be more appropriate, but only WeakMap is supported in IE11
 
 
@@ -2818,7 +3006,7 @@
   /* eslint-disable no-fallthrough */
 
   function prefix(value, length) {
-    switch (m(value, length)) {
+    switch (x(value, length)) {
       // color-adjust
       case 5103:
         return a + 'print-' + value + value;
@@ -2873,51 +3061,51 @@
       // align-items
 
       case 5187:
-        return a + value + j(value, /(\w+).+(:[^]+)/, a + 'box-$1$2' + e + 'flex-$1$2') + value;
+        return a + value + z(value, /(\w+).+(:[^]+)/, a + 'box-$1$2' + e + 'flex-$1$2') + value;
       // align-self
 
       case 5443:
-        return a + value + e + 'flex-item-' + j(value, /flex-|-self/, '') + value;
+        return a + value + e + 'flex-item-' + z(value, /flex-|-self/, '') + value;
       // align-content
 
       case 4675:
-        return a + value + e + 'flex-line-pack' + j(value, /align-content|flex-|-self/, '') + value;
+        return a + value + e + 'flex-line-pack' + z(value, /align-content|flex-|-self/, '') + value;
       // flex-shrink
 
       case 5548:
-        return a + value + e + j(value, 'shrink', 'negative') + value;
+        return a + value + e + z(value, 'shrink', 'negative') + value;
       // flex-basis
 
       case 5292:
-        return a + value + e + j(value, 'basis', 'preferred-size') + value;
+        return a + value + e + z(value, 'basis', 'preferred-size') + value;
       // flex-grow
 
       case 6060:
-        return a + 'box-' + j(value, '-grow', '') + a + value + e + j(value, 'grow', 'positive') + value;
+        return a + 'box-' + z(value, '-grow', '') + a + value + e + z(value, 'grow', 'positive') + value;
       // transition
 
       case 4554:
-        return a + j(value, /([^-])(transform)/g, '$1' + a + '$2') + value;
+        return a + z(value, /([^-])(transform)/g, '$1' + a + '$2') + value;
       // cursor
 
       case 6187:
-        return j(j(j(value, /(zoom-|grab)/, a + '$1'), /(image-set)/, a + '$1'), value, '') + value;
+        return z(z(z(value, /(zoom-|grab)/, a + '$1'), /(image-set)/, a + '$1'), value, '') + value;
       // background, background-image
 
       case 5495:
       case 3959:
-        return j(value, /(image-set\([^]*)/, a + '$1' + '$`$1');
+        return z(value, /(image-set\([^]*)/, a + '$1' + '$`$1');
       // justify-content
 
       case 4968:
-        return j(j(value, /(.+:)(flex-)?(.*)/, a + 'box-pack:$3' + e + 'flex-pack:$3'), /s.+-b[^;]+/, 'justify') + a + value + value;
+        return z(z(value, /(.+:)(flex-)?(.*)/, a + 'box-pack:$3' + e + 'flex-pack:$3'), /s.+-b[^;]+/, 'justify') + a + value + value;
       // (margin|padding)-inline-(start|end)
 
       case 4095:
       case 3583:
       case 4068:
       case 2532:
-        return j(value, /(.+)-inline(.+)/, a + '$1$2') + value;
+        return z(value, /(.+)-inline(.+)/, a + '$1$2') + value;
       // (min|max)?(width|height|inline-size|block-size)
 
       case 8116:
@@ -2933,55 +3121,55 @@
       case 5021:
       case 4765:
         // stretch, max-content, min-content, fill-available
-        if (A(value) - 1 - length > 6) switch (C(value, length + 1)) {
+        if (M(value) - 1 - length > 6) switch (O(value, length + 1)) {
           // (m)ax-content, (m)in-content
           case 109:
             // -
-            if (C(value, length + 4) !== 45) break;
+            if (O(value, length + 4) !== 45) break;
           // (f)ill-available, (f)it-content
 
           case 102:
-            return j(value, /(.+:)(.+)-([^]+)/, '$1' + a + '$2-$3' + '$1' + r$1 + (C(value, length + 3) == 108 ? '$3' : '$2-$3')) + value;
+            return z(value, /(.+:)(.+)-([^]+)/, '$1' + a + '$2-$3' + '$1' + r$1 + (O(value, length + 3) == 108 ? '$3' : '$2-$3')) + value;
           // (s)tretch
 
           case 115:
-            return ~z(value, 'stretch') ? prefix(j(value, 'stretch', 'fill-available'), length) + value : value;
+            return ~C(value, 'stretch') ? prefix(z(value, 'stretch', 'fill-available'), length) + value : value;
         }
         break;
       // position: sticky
 
       case 4949:
         // (s)ticky?
-        if (C(value, length + 1) !== 115) break;
+        if (O(value, length + 1) !== 115) break;
       // display: (flex|inline-flex)
 
       case 6444:
-        switch (C(value, A(value) - 3 - (~z(value, '!important') && 10))) {
+        switch (O(value, M(value) - 3 - (~C(value, '!important') && 10))) {
           // stic(k)y
           case 107:
-            return j(value, ':', ':' + a) + value;
+            return z(value, ':', ':' + a) + value;
           // (inline-)?fl(e)x
 
           case 101:
-            return j(value, /(.+:)([^;!]+)(;|!.+)?/, '$1' + a + (C(value, 14) === 45 ? 'inline-' : '') + 'box$3' + '$1' + a + '$2$3' + '$1' + e + '$2box$3') + value;
+            return z(value, /(.+:)([^;!]+)(;|!.+)?/, '$1' + a + (O(value, 14) === 45 ? 'inline-' : '') + 'box$3' + '$1' + a + '$2$3' + '$1' + e + '$2box$3') + value;
         }
 
         break;
       // writing-mode
 
       case 5936:
-        switch (C(value, length + 11)) {
+        switch (O(value, length + 11)) {
           // vertical-l(r)
           case 114:
-            return a + value + e + j(value, /[svh]\w+-[tblr]{2}/, 'tb') + value;
+            return a + value + e + z(value, /[svh]\w+-[tblr]{2}/, 'tb') + value;
           // vertical-r(l)
 
           case 108:
-            return a + value + e + j(value, /[svh]\w+-[tblr]{2}/, 'tb-rl') + value;
+            return a + value + e + z(value, /[svh]\w+-[tblr]{2}/, 'tb-rl') + value;
           // horizontal(-)tb
 
           case 45:
-            return a + value + e + j(value, /[svh]\w+-[tblr]{2}/, 'lr') + value;
+            return a + value + e + z(value, /[svh]\w+-[tblr]{2}/, 'lr') + value;
         }
 
         return a + value + e + value + value;
@@ -2997,28 +3185,28 @@
         break;
 
       case h:
-        return fe([J(element, {
-          value: j(element.value, '@', '@' + a)
+        return oe([K(element, {
+          value: z(element.value, '@', '@' + a)
         })], callback);
 
       case c:
-        if (element.length) return q(element.props, function (value) {
-          switch (y(value, /(::plac\w+|:read-\w+)/)) {
+        if (element.length) return B(element.props, function (value) {
+          switch (j(value, /(::plac\w+|:read-\w+)/)) {
             // :read-(only|write)
             case ':read-only':
             case ':read-write':
-              return fe([J(element, {
-                props: [j(value, /:(read-\w+)/, ':' + r$1 + '$1')]
+              return oe([K(element, {
+                props: [z(value, /:(read-\w+)/, ':' + r$1 + '$1')]
               })], callback);
             // :placeholder
 
             case '::placeholder':
-              return fe([J(element, {
-                props: [j(value, /:(plac\w+)/, ':' + a + 'input-$1')]
-              }), J(element, {
-                props: [j(value, /:(plac\w+)/, ':' + r$1 + '$1')]
-              }), J(element, {
-                props: [j(value, /:(plac\w+)/, e + 'input-$1')]
+              return oe([K(element, {
+                props: [z(value, /:(plac\w+)/, ':' + a + 'input-$1')]
+              }), K(element, {
+                props: [z(value, /:(plac\w+)/, ':' + r$1 + '$1')]
+              }), K(element, {
+                props: [z(value, /:(plac\w+)/, e + 'input-$1')]
               })], callback);
           }
 
@@ -3111,7 +3299,7 @@
 
     if (isBrowser$5) {
       var currentSheet;
-      var finalizingPlugins = [oe, function (element) {
+      var finalizingPlugins = [le, function (element) {
         if (!element.root) {
           if (element["return"]) {
             currentSheet.insert(element["return"]);
@@ -3122,10 +3310,10 @@
           }
         }
       } ];
-      var serializer = le(omnipresentPlugins.concat(stylisPlugins, finalizingPlugins));
+      var serializer = ve(omnipresentPlugins.concat(stylisPlugins, finalizingPlugins));
 
       var stylis = function stylis(styles) {
-        return fe(ne(styles), serializer);
+        return oe(ce(styles), serializer);
       };
 
       _insert = function insert(selector, serialized, sheet, shouldCache) {
@@ -3146,12 +3334,12 @@
         }
       };
     } else {
-      var _finalizingPlugins = [oe];
+      var _finalizingPlugins = [le];
 
-      var _serializer = le(omnipresentPlugins.concat(stylisPlugins, _finalizingPlugins));
+      var _serializer = ve(omnipresentPlugins.concat(stylisPlugins, _finalizingPlugins));
 
       var _stylis = function _stylis(styles) {
-        return fe(ne(styles), _serializer);
+        return oe(ce(styles), _serializer);
       }; // $FlowFixMe
 
 
@@ -3222,6 +3410,214 @@
     return cache;
   };
 
+  var reactIs_development = createCommonjsModule(function (module, exports) {
+
+
+
+  {
+    (function() {
+
+  // The Symbol used to tag the ReactElement-like types. If there is no native Symbol
+  // nor polyfill, then a plain number is used for performance.
+  var hasSymbol = typeof Symbol === 'function' && Symbol.for;
+  var REACT_ELEMENT_TYPE = hasSymbol ? Symbol.for('react.element') : 0xeac7;
+  var REACT_PORTAL_TYPE = hasSymbol ? Symbol.for('react.portal') : 0xeaca;
+  var REACT_FRAGMENT_TYPE = hasSymbol ? Symbol.for('react.fragment') : 0xeacb;
+  var REACT_STRICT_MODE_TYPE = hasSymbol ? Symbol.for('react.strict_mode') : 0xeacc;
+  var REACT_PROFILER_TYPE = hasSymbol ? Symbol.for('react.profiler') : 0xead2;
+  var REACT_PROVIDER_TYPE = hasSymbol ? Symbol.for('react.provider') : 0xeacd;
+  var REACT_CONTEXT_TYPE = hasSymbol ? Symbol.for('react.context') : 0xeace; // TODO: We don't use AsyncMode or ConcurrentMode anymore. They were temporary
+  // (unstable) APIs that have been removed. Can we remove the symbols?
+
+  var REACT_ASYNC_MODE_TYPE = hasSymbol ? Symbol.for('react.async_mode') : 0xeacf;
+  var REACT_CONCURRENT_MODE_TYPE = hasSymbol ? Symbol.for('react.concurrent_mode') : 0xeacf;
+  var REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for('react.forward_ref') : 0xead0;
+  var REACT_SUSPENSE_TYPE = hasSymbol ? Symbol.for('react.suspense') : 0xead1;
+  var REACT_SUSPENSE_LIST_TYPE = hasSymbol ? Symbol.for('react.suspense_list') : 0xead8;
+  var REACT_MEMO_TYPE = hasSymbol ? Symbol.for('react.memo') : 0xead3;
+  var REACT_LAZY_TYPE = hasSymbol ? Symbol.for('react.lazy') : 0xead4;
+  var REACT_BLOCK_TYPE = hasSymbol ? Symbol.for('react.block') : 0xead9;
+  var REACT_FUNDAMENTAL_TYPE = hasSymbol ? Symbol.for('react.fundamental') : 0xead5;
+  var REACT_RESPONDER_TYPE = hasSymbol ? Symbol.for('react.responder') : 0xead6;
+  var REACT_SCOPE_TYPE = hasSymbol ? Symbol.for('react.scope') : 0xead7;
+
+  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 typeOf(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 undefined;
+  } // AsyncMode is deprecated along with isAsyncMode
+
+  var AsyncMode = REACT_ASYNC_MODE_TYPE;
+  var ConcurrentMode = REACT_CONCURRENT_MODE_TYPE;
+  var ContextConsumer = REACT_CONTEXT_TYPE;
+  var ContextProvider = REACT_PROVIDER_TYPE;
+  var Element = 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; // AsyncMode should be deprecated
+
+  function isAsyncMode(object) {
+    {
+      if (!hasWarnedAboutDeprecatedIsAsyncMode) {
+        hasWarnedAboutDeprecatedIsAsyncMode = true; // Using console['warn'] to evade Babel and ESLint
+
+        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) || typeOf(object) === REACT_ASYNC_MODE_TYPE;
+  }
+  function isConcurrentMode(object) {
+    return typeOf(object) === REACT_CONCURRENT_MODE_TYPE;
+  }
+  function isContextConsumer(object) {
+    return typeOf(object) === REACT_CONTEXT_TYPE;
+  }
+  function isContextProvider(object) {
+    return typeOf(object) === REACT_PROVIDER_TYPE;
+  }
+  function isElement(object) {
+    return typeof object === 'object' && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
+  }
+  function isForwardRef(object) {
+    return typeOf(object) === REACT_FORWARD_REF_TYPE;
+  }
+  function isFragment(object) {
+    return typeOf(object) === REACT_FRAGMENT_TYPE;
+  }
+  function isLazy(object) {
+    return typeOf(object) === REACT_LAZY_TYPE;
+  }
+  function isMemo(object) {
+    return typeOf(object) === REACT_MEMO_TYPE;
+  }
+  function isPortal(object) {
+    return typeOf(object) === REACT_PORTAL_TYPE;
+  }
+  function isProfiler(object) {
+    return typeOf(object) === REACT_PROFILER_TYPE;
+  }
+  function isStrictMode(object) {
+    return typeOf(object) === REACT_STRICT_MODE_TYPE;
+  }
+  function isSuspense(object) {
+    return typeOf(object) === REACT_SUSPENSE_TYPE;
+  }
+
+  exports.AsyncMode = AsyncMode;
+  exports.ConcurrentMode = ConcurrentMode;
+  exports.ContextConsumer = ContextConsumer;
+  exports.ContextProvider = ContextProvider;
+  exports.Element = Element;
+  exports.ForwardRef = ForwardRef;
+  exports.Fragment = Fragment;
+  exports.Lazy = Lazy;
+  exports.Memo = Memo;
+  exports.Portal = Portal;
+  exports.Profiler = Profiler;
+  exports.StrictMode = StrictMode;
+  exports.Suspense = Suspense;
+  exports.isAsyncMode = isAsyncMode;
+  exports.isConcurrentMode = isConcurrentMode;
+  exports.isContextConsumer = isContextConsumer;
+  exports.isContextProvider = isContextProvider;
+  exports.isElement = isElement;
+  exports.isForwardRef = isForwardRef;
+  exports.isFragment = isFragment;
+  exports.isLazy = isLazy;
+  exports.isMemo = isMemo;
+  exports.isPortal = isPortal;
+  exports.isProfiler = isProfiler;
+  exports.isStrictMode = isStrictMode;
+  exports.isSuspense = isSuspense;
+  exports.isValidElementType = isValidElementType;
+  exports.typeOf = typeOf;
+    })();
+  }
+  });
+  reactIs_development.AsyncMode;
+  reactIs_development.ConcurrentMode;
+  reactIs_development.ContextConsumer;
+  reactIs_development.ContextProvider;
+  reactIs_development.Element;
+  reactIs_development.ForwardRef;
+  reactIs_development.Fragment;
+  reactIs_development.Lazy;
+  reactIs_development.Memo;
+  reactIs_development.Portal;
+  reactIs_development.Profiler;
+  reactIs_development.StrictMode;
+  reactIs_development.Suspense;
+  reactIs_development.isAsyncMode;
+  reactIs_development.isConcurrentMode;
+  reactIs_development.isContextConsumer;
+  reactIs_development.isContextProvider;
+  reactIs_development.isElement;
+  reactIs_development.isForwardRef;
+  reactIs_development.isFragment;
+  reactIs_development.isLazy;
+  reactIs_development.isMemo;
+  reactIs_development.isPortal;
+  reactIs_development.isProfiler;
+  reactIs_development.isStrictMode;
+  reactIs_development.isSuspense;
+  reactIs_development.isValidElementType;
+  reactIs_development.typeOf;
+
+  var reactIs = createCommonjsModule(function (module) {
+
+  {
+    module.exports = reactIs_development;
+  }
+  });
+
   var FORWARD_REF_STATICS = {
     '$$typeof': true,
     render: true,
@@ -3349,6 +3745,7 @@
 
   var unitlessKeys = {
     animationIterationCount: 1,
+    aspectRatio: 1,
     borderImageOutset: 1,
     borderImageSlice: 1,
     borderImageWidth: 1,
@@ -3709,12 +4106,12 @@
 
   var useInsertionEffect = React__namespace['useInsertion' + 'Effect'] ? React__namespace['useInsertion' + 'Effect'] : false;
   var useInsertionEffectAlwaysWithSyncFallback = !isBrowser$3 ? syncFallback : useInsertionEffect || syncFallback;
-  var useInsertionEffectWithLayoutFallback = useInsertionEffect || React.useLayoutEffect;
+  var useInsertionEffectWithLayoutFallback = useInsertionEffect || React__namespace.useLayoutEffect;
 
   var isBrowser$2 = typeof document !== 'undefined';
   var hasOwnProperty = {}.hasOwnProperty;
 
-  var EmotionCacheContext = /* #__PURE__ */React.createContext( // we're doing this to avoid preconstruct's dead code elimination in this one case
+  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
@@ -3753,7 +4150,7 @@
           cache = createCache({
             key: 'css'
           });
-          return /*#__PURE__*/React.createElement(EmotionCacheContext.Provider, {
+          return /*#__PURE__*/React__namespace.createElement(EmotionCacheContext.Provider, {
             value: cache
           }, func(props, cache));
         } else {
@@ -3763,7 +4160,7 @@
     };
   }
 
-  var ThemeContext$2 = /* #__PURE__ */React.createContext({});
+  var ThemeContext$2 = /* #__PURE__ */React__namespace.createContext({});
 
   {
     ThemeContext$2.displayName = 'EmotionThemeContext';
@@ -3792,7 +4189,7 @@
         next = next.next;
       }
 
-      return /*#__PURE__*/React.createElement("style", (_ref2 = {}, _ref2["data-emotion"] = cache.key + " " + serializedNames, _ref2.dangerouslySetInnerHTML = {
+      return /*#__PURE__*/React__namespace.createElement("style", (_ref2 = {}, _ref2["data-emotion"] = cache.key + " " + serializedNames, _ref2.dangerouslySetInnerHTML = {
         __html: rules
       }, _ref2.nonce = cache.sheet.nonce, _ref2));
     }
@@ -3819,7 +4216,7 @@
       className = props.className + " ";
     }
 
-    var serialized = serializeStyles(registeredStyles, undefined, React.useContext(ThemeContext$2));
+    var serialized = serializeStyles(registeredStyles, undefined, React__namespace.useContext(ThemeContext$2));
 
     if (serialized.name.indexOf('-') === -1) {
       var labelFromStack = props[labelPropName];
@@ -3840,20 +4237,40 @@
 
     newProps.ref = ref;
     newProps.className = className;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Insertion$2, {
+    return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(Insertion$2, {
       cache: cache,
       serialized: serialized,
       isStringTag: typeof WrappedComponent === 'string'
-    }), /*#__PURE__*/React.createElement(WrappedComponent, newProps));
+    }), /*#__PURE__*/React__namespace.createElement(WrappedComponent, newProps));
   });
 
   {
     Emotion.displayName = 'EmotionCssPropInternal';
   }
 
+  var _extends_1 = createCommonjsModule(function (module) {
+  function _extends() {
+    module.exports = _extends = Object.assign ? Object.assign.bind() : function (target) {
+      for (var i = 1; i < arguments.length; i++) {
+        var source = arguments[i];
+        for (var key in source) {
+          if (Object.prototype.hasOwnProperty.call(source, key)) {
+            target[key] = source[key];
+          }
+        }
+      }
+      return target;
+    }, module.exports.__esModule = true, module.exports["default"] = module.exports;
+    return _extends.apply(this, arguments);
+  }
+  module.exports = _extends, module.exports.__esModule = true, module.exports["default"] = module.exports;
+  });
+
+  unwrapExports(_extends_1);
+
   var pkg = {
   	name: "@emotion/react",
-  	version: "11.10.8",
+  	version: "11.11.0",
   	main: "dist/emotion-react.cjs.js",
   	module: "dist/emotion-react.esm.js",
   	browser: {
@@ -3866,6 +4283,7 @@
   				browser: "./dist/emotion-react.browser.esm.js",
   				"default": "./dist/emotion-react.esm.js"
   			},
+  			"import": "./dist/emotion-react.cjs.mjs",
   			"default": "./dist/emotion-react.cjs.js"
   		},
   		"./jsx-runtime": {
@@ -3874,6 +4292,7 @@
   				browser: "./jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js",
   				"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.esm.js"
   			},
+  			"import": "./jsx-runtime/dist/emotion-react-jsx-runtime.cjs.mjs",
   			"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.cjs.js"
   		},
   		"./_isolated-hnrs": {
@@ -3882,6 +4301,7 @@
   				browser: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.esm.js",
   				"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.esm.js"
   			},
+  			"import": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.cjs.mjs",
   			"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.cjs.js"
   		},
   		"./jsx-dev-runtime": {
@@ -3890,11 +4310,18 @@
   				browser: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.browser.esm.js",
   				"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.esm.js"
   			},
+  			"import": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.cjs.mjs",
   			"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.cjs.js"
   		},
   		"./package.json": "./package.json",
   		"./types/css-prop": "./types/css-prop.d.ts",
-  		"./macro": "./macro.js"
+  		"./macro": {
+  			types: {
+  				"import": "./macro.d.mts",
+  				"default": "./macro.d.ts"
+  			},
+  			"default": "./macro.js"
+  		}
   	},
   	types: "types/index.d.ts",
   	files: [
@@ -3904,9 +4331,7 @@
   		"jsx-dev-runtime",
   		"_isolated-hnrs",
   		"types/*.d.ts",
-  		"macro.js",
-  		"macro.d.ts",
-  		"macro.js.flow"
+  		"macro.*"
   	],
   	sideEffects: false,
   	author: "Emotion Contributors",
@@ -3916,12 +4341,12 @@
   	},
   	dependencies: {
   		"@babel/runtime": "^7.18.3",
-  		"@emotion/babel-plugin": "^11.10.8",
-  		"@emotion/cache": "^11.10.8",
-  		"@emotion/serialize": "^1.1.1",
-  		"@emotion/use-insertion-effect-with-fallbacks": "^1.0.0",
-  		"@emotion/utils": "^1.2.0",
-  		"@emotion/weak-memoize": "^0.3.0",
+  		"@emotion/babel-plugin": "^11.11.0",
+  		"@emotion/cache": "^11.11.0",
+  		"@emotion/serialize": "^1.1.2",
+  		"@emotion/use-insertion-effect-with-fallbacks": "^1.0.1",
+  		"@emotion/utils": "^1.2.1",
+  		"@emotion/weak-memoize": "^0.3.1",
   		"hoist-non-react-statics": "^3.3.1"
   	},
   	peerDependencies: {
@@ -3934,10 +4359,10 @@
   	},
   	devDependencies: {
   		"@definitelytyped/dtslint": "0.0.112",
-  		"@emotion/css": "11.10.8",
-  		"@emotion/css-prettifier": "1.1.2",
-  		"@emotion/server": "11.10.0",
-  		"@emotion/styled": "11.10.8",
+  		"@emotion/css": "11.11.0",
+  		"@emotion/css-prettifier": "1.1.3",
+  		"@emotion/server": "11.11.0",
+  		"@emotion/styled": "11.11.0",
   		"html-tag-names": "^1.1.2",
   		react: "16.14.0",
   		"svg-tag-names": "^1.1.1",
@@ -3963,7 +4388,13 @@
   			],
   			extra: {
   				"./types/css-prop": "./types/css-prop.d.ts",
-  				"./macro": "./macro.js"
+  				"./macro": {
+  					types: {
+  						"import": "./macro.d.mts",
+  						"default": "./macro.d.ts"
+  					},
+  					"default": "./macro.js"
+  				}
   			}
   		}
   	}
@@ -3984,7 +4415,7 @@
     }
 
     var styles = props.styles;
-    var serialized = serializeStyles([styles], undefined, React.useContext(ThemeContext$2));
+    var serialized = serializeStyles([styles], undefined, React__namespace.useContext(ThemeContext$2));
 
     if (!isBrowser$2) {
       var _ref;
@@ -4009,7 +4440,7 @@
         return null;
       }
 
-      return /*#__PURE__*/React.createElement("style", (_ref = {}, _ref["data-emotion"] = cache.key + "-global " + serializedNames, _ref.dangerouslySetInnerHTML = {
+      return /*#__PURE__*/React__namespace.createElement("style", (_ref = {}, _ref["data-emotion"] = cache.key + "-global " + serializedNames, _ref.dangerouslySetInnerHTML = {
         __html: rules
       }, _ref.nonce = cache.sheet.nonce, _ref));
     } // yes, i know these hooks are used conditionally
@@ -4018,7 +4449,7 @@
     // so it's not actually breaking anything
 
 
-    var sheetRef = React.useRef();
+    var sheetRef = React__namespace.useRef();
     useInsertionEffectWithLayoutFallback(function () {
       var key = cache.key + "-global"; // use case of https://github.com/emotion-js/emotion/issues/2675
 
@@ -4185,7 +4616,7 @@
     if (!isBrowser$2 && rules.length !== 0) {
       var _ref2;
 
-      return /*#__PURE__*/React.createElement("style", (_ref2 = {}, _ref2["data-emotion"] = cache.key + " " + serializedArr.map(function (serialized) {
+      return /*#__PURE__*/React__namespace.createElement("style", (_ref2 = {}, _ref2["data-emotion"] = cache.key + " " + serializedArr.map(function (serialized) {
         return serialized.name;
       }).join(' '), _ref2.dangerouslySetInnerHTML = {
         __html: rules
@@ -4230,11 +4661,11 @@
     var content = {
       css: css,
       cx: cx,
-      theme: React.useContext(ThemeContext$2)
+      theme: React__namespace.useContext(ThemeContext$2)
     };
     var ele = props.children(content);
     hasRendered = true;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Insertion$1, {
+    return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(Insertion$1, {
       cache: cache,
       serializedArr: serializedArr
     }), ele);
@@ -4316,7 +4747,7 @@
         next = next.next;
       }
 
-      return /*#__PURE__*/React.createElement("style", (_ref2 = {}, _ref2["data-emotion"] = cache.key + " " + serializedNames, _ref2.dangerouslySetInnerHTML = {
+      return /*#__PURE__*/React__namespace.createElement("style", (_ref2 = {}, _ref2["data-emotion"] = cache.key + " " + serializedNames, _ref2.dangerouslySetInnerHTML = {
         __html: rules
       }, _ref2.nonce = cache.sheet.nonce, _ref2));
     }
@@ -4386,7 +4817,7 @@
             mergedProps[key] = props[key];
           }
 
-          mergedProps.theme = React.useContext(ThemeContext$2);
+          mergedProps.theme = React__namespace.useContext(ThemeContext$2);
         }
 
         if (typeof props.className === 'string') {
@@ -4416,11 +4847,11 @@
 
         newProps.className = className;
         newProps.ref = ref;
-        return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Insertion, {
+        return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(Insertion, {
           cache: cache,
           serialized: serialized,
           isStringTag: typeof FinalTag === 'string'
-        }), /*#__PURE__*/React.createElement(FinalTag, newProps));
+        }), /*#__PURE__*/React__namespace.createElement(FinalTag, newProps));
       });
       Styled.displayName = identifierName !== undefined ? identifierName : "Styled(" + (typeof baseTag === 'string' ? baseTag : baseTag.displayName || baseTag.name || 'Component') + ")";
       Styled.defaultProps = tag.defaultProps;
@@ -4458,8 +4889,6 @@
     newStyled[tagName] = newStyled(tagName);
   });
 
-  var emStyled = newStyled;
-
   React__default["default"].__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner;
 
   var reactJsxRuntime_development = createCommonjsModule(function (module, exports) {
@@ -5828,7 +6257,7 @@
   } ;
 
   function styled$3(tag, options) {
-    const stylesFactory = emStyled(tag, options);
+    const stylesFactory = newStyled(tag, options);
     {
       return (...styles) => {
         const component = typeof tag === 'string' ? `"${tag}"` : 'component';
@@ -15718,7 +16147,10 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
         prev.classList.remove(`${unstable_classNamePrefix}-focused`);
         prev.classList.remove(`${unstable_classNamePrefix}-focusVisible`);
       }
-      const listboxNode = listboxRef.current.parentElement.querySelector('[role="listbox"]');
+      let listboxNode = listboxRef.current;
+      if (listboxRef.current.getAttribute('role') !== 'listbox') {
+        listboxNode = listboxRef.current.parentElement.querySelector('[role="listbox"]');
+      }
 
       // "No results"
       if (!listboxNode) {
@@ -16271,13 +16703,21 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
 
     // Prevent input blur when interacting with the combobox
     const handleMouseDown = event => {
+      // Prevent focusing the input if click is anywhere outside the Autocomplete
+      if (!event.currentTarget.contains(event.target)) {
+        return;
+      }
       if (event.target.getAttribute('id') !== id) {
         event.preventDefault();
       }
     };
 
     // Focus the input when interacting with the combobox
-    const handleClick = () => {
+    const handleClick = event => {
+      // Prevent focusing the input if click is anywhere outside the Autocomplete
+      if (!event.currentTarget.contains(event.target)) {
+        return;
+      }
       inputRef.current.focus();
       if (selectOnFocus && firstFocus.current && inputRef.current.selectionEnd - inputRef.current.selectionStart === 0) {
         inputRef.current.select();
@@ -22911,6 +23351,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     /**
      * A function that determines the filtered options to be rendered on search.
      *
+     * @default createFilterOptions()
      * @param {T[]} options The options to render.
      * @param {object} state The state of the component.
      * @returns {T[]}
@@ -27622,7 +28063,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
   }, !ownerState.maxWidth && {
     maxWidth: 'calc(100% - 64px)'
   }, ownerState.maxWidth === 'xs' && {
-    maxWidth: theme.breakpoints.unit === 'px' ? Math.max(theme.breakpoints.values.xs, 444) : `${theme.breakpoints.values.xs}${theme.breakpoints.unit}`,
+    maxWidth: theme.breakpoints.unit === 'px' ? Math.max(theme.breakpoints.values.xs, 444) : `max(${theme.breakpoints.values.xs}${theme.breakpoints.unit}, 444px)`,
     [`&.${dialogClasses$1.paperScrollBody}`]: {
       [theme.breakpoints.down(Math.max(theme.breakpoints.values.xs, 444) + 32 * 2)]: {
         maxWidth: 'calc(100% - 64px)'
@@ -40740,7 +41181,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       height: 8,
       transform: 'translate(-50%, -50%) rotate(45deg)',
       backgroundColor: 'inherit',
-      right: '-20%',
+      right: -8,
       top: '50%'
     }
   }, ownerState.size === 'small' && {