@mui/material 5.1.0 → 5.1.1

package/umd/material-ui.development.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.1.0
+/** @license MUI v5.1.1
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -497,7 +497,7 @@
     };
   }
 
-  var reactPropsRegex = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|download|draggable|encType|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/; // https://esbench.com/bench/5bfee68a4cd7e6009ef61d23
+  var reactPropsRegex = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/; // https://esbench.com/bench/5bfee68a4cd7e6009ef61d23
 
   var isPropValid = /* #__PURE__ */memoize$1(function (prop) {
     return reactPropsRegex.test(prop) || prop.charCodeAt(0) === 111
@@ -570,7 +570,13 @@
         var before;
 
         if (_this.tags.length === 0) {
-          before = _this.prepend ? _this.container.firstChild : _this.before;
+          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;
         }
@@ -588,6 +594,7 @@
       this.key = options.key;
       this.container = options.container;
       this.prepend = options.prepend;
+      this.insertionPoint = options.insertionPoint;
       this.before = null;
     }
 
@@ -1034,7 +1041,8 @@
         container: container,
         nonce: options.nonce,
         speedy: options.speedy,
-        prepend: options.prepend
+        prepend: options.prepend,
+        insertionPoint: options.insertionPoint
       }),
       nonce: options.nonce,
       inserted: inserted,
@@ -1866,7 +1874,7 @@
   };
 
   var isBrowser$2 = typeof document !== 'undefined';
-  var hasOwnProperty$1 = Object.prototype.hasOwnProperty;
+  var hasOwnProperty$1 = {}.hasOwnProperty;
 
   var EmotionCacheContext = /* #__PURE__ */React.createContext( // we're doing this to avoid preconstruct's dead code elimination in this one case
   // because this module is primarily intended for the browser and node
@@ -1925,6 +1933,11 @@
 
   var typePropName = '__EMOTION_TYPE_PLEASE_DO_NOT_USE__';
   var labelPropName = '__EMOTION_LABEL_PLEASE_DO_NOT_USE__';
+
+  var Noop$2 = function Noop() {
+    return null;
+  };
+
   var Emotion = /* #__PURE__ */withEmotionCache(function (props, cache, ref) {
     var cssProp = props.css; // so that using `css` from `emotion` and passing the result to the css prop works
     // not passing the registered cache to serializeStyles because it would
@@ -1967,6 +1980,7 @@
     newProps.ref = ref;
     newProps.className = className;
     var ele = /*#__PURE__*/React.createElement(type, newProps);
+    var possiblyStyleElement = /*#__PURE__*/React.createElement(Noop$2, null);
 
     if (!isBrowser$2 && rules !== undefined) {
       var _ref;
@@ -1979,12 +1993,13 @@
         next = next.next;
       }
 
-      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("style", (_ref = {}, _ref["data-emotion"] = cache.key + " " + serializedNames, _ref.dangerouslySetInnerHTML = {
+      possiblyStyleElement = /*#__PURE__*/React.createElement("style", (_ref = {}, _ref["data-emotion"] = cache.key + " " + serializedNames, _ref.dangerouslySetInnerHTML = {
         __html: rules
-      }, _ref.nonce = cache.sheet.nonce, _ref)), ele);
-    }
+      }, _ref.nonce = cache.sheet.nonce, _ref));
+    } // Need to return the same number of siblings or else `React.useId` will cause hydration mismatches.
+
 
-    return ele;
+    return /*#__PURE__*/React.createElement(React.Fragment, null, possiblyStyleElement, ele);
   });
 
   {
@@ -1993,7 +2008,7 @@
 
   var pkg = {
   	name: "@emotion/react",
-  	version: "11.5.0",
+  	version: "11.6.0",
   	main: "dist/emotion-react.cjs.js",
   	module: "dist/emotion-react.esm.js",
   	browser: {
@@ -2006,7 +2021,7 @@
   		"dist",
   		"jsx-runtime",
   		"jsx-dev-runtime",
-  		"isolated-hoist-non-react-statics-do-not-use-this-in-your-code",
+  		"_isolated-hnrs",
   		"types/*.d.ts",
   		"macro.js",
   		"macro.d.ts",
@@ -2020,9 +2035,9 @@
   	},
   	dependencies: {
   		"@babel/runtime": "^7.13.10",
-  		"@emotion/cache": "^11.5.0",
+  		"@emotion/cache": "^11.6.0",
   		"@emotion/serialize": "^1.0.2",
-  		"@emotion/sheet": "^1.0.3",
+  		"@emotion/sheet": "^1.1.0",
   		"@emotion/utils": "^1.0.0",
   		"@emotion/weak-memoize": "^0.2.5",
   		"hoist-non-react-statics": "^3.3.1"
@@ -2044,7 +2059,7 @@
   		"@emotion/css": "11.5.0",
   		"@emotion/css-prettifier": "1.0.0",
   		"@emotion/server": "11.4.0",
-  		"@emotion/styled": "11.3.0",
+  		"@emotion/styled": "11.6.0",
   		"@types/react": "^16.9.11",
   		dtslint: "^0.3.0",
   		"html-tag-names": "^1.1.2",
@@ -2061,7 +2076,7 @@
   			"./index.js",
   			"./jsx-runtime.js",
   			"./jsx-dev-runtime.js",
-  			"./isolated-hoist-non-react-statics-do-not-use-this-in-your-code.js"
+  			"./_isolated-hnrs.js"
   		],
   		umdName: "emotionReact"
   	}
@@ -2260,6 +2275,10 @@
     return rawClassName + css(registeredStyles);
   }
 
+  var Noop$1 = function Noop() {
+    return null;
+  };
+
   var ClassNames = /* #__PURE__ */withEmotionCache(function (props, cache) {
     var rules = '';
     var serializedHashes = '';
@@ -2312,16 +2331,18 @@
     };
     var ele = props.children(content);
     hasRendered = true;
+    var possiblyStyleElement = /*#__PURE__*/React.createElement(Noop$1, null);
 
     if (!isBrowser$2 && rules.length !== 0) {
       var _ref;
 
-      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("style", (_ref = {}, _ref["data-emotion"] = cache.key + " " + serializedHashes.substring(1), _ref.dangerouslySetInnerHTML = {
+      possiblyStyleElement = /*#__PURE__*/React.createElement("style", (_ref = {}, _ref["data-emotion"] = cache.key + " " + serializedHashes.substring(1), _ref.dangerouslySetInnerHTML = {
         __html: rules
-      }, _ref.nonce = cache.sheet.nonce, _ref)), ele);
-    }
+      }, _ref.nonce = cache.sheet.nonce, _ref));
+    } // Need to return the same number of siblings or else `React.useId` will cause hydration mismatches.
+
 
-    return ele;
+    return /*#__PURE__*/React.createElement(React.Fragment, null, possiblyStyleElement, ele);
   });
 
   {
@@ -2380,6 +2401,10 @@
   var ILLEGAL_ESCAPE_SEQUENCE_ERROR = "You have illegal escape sequence in your template literal, most likely inside content's property value.\nBecause you write your CSS inside a JavaScript string you actually have to do double escaping, so for example \"content: '\\00d7';\" should become \"content: '\\\\00d7';\".\nYou can read more about this here:\nhttps://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#ES2018_revision_of_illegal_escape_sequences";
   var isBrowser = typeof document !== 'undefined';
 
+  var Noop = function Noop() {
+    return null;
+  };
+
   var createStyled$1 = function createStyled(tag, options) {
     {
       if (tag === undefined) {
@@ -2474,6 +2499,7 @@
         newProps.className = className;
         newProps.ref = ref;
         var ele = /*#__PURE__*/React.createElement(finalTag, newProps);
+        var possiblyStyleElement = /*#__PURE__*/React.createElement(Noop, null);
 
         if (!isBrowser && rules !== undefined) {
           var _ref;
@@ -2486,12 +2512,13 @@
             next = next.next;
           }
 
-          return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("style", (_ref = {}, _ref["data-emotion"] = cache.key + " " + serializedNames, _ref.dangerouslySetInnerHTML = {
+          possiblyStyleElement = /*#__PURE__*/React.createElement("style", (_ref = {}, _ref["data-emotion"] = cache.key + " " + serializedNames, _ref.dangerouslySetInnerHTML = {
             __html: rules
-          }, _ref.nonce = cache.sheet.nonce, _ref)), ele);
-        }
+          }, _ref.nonce = cache.sheet.nonce, _ref));
+        } // Need to return the same number of siblings or else `React.useId` will cause hydration mismatches.
+
 
-        return ele;
+        return /*#__PURE__*/React.createElement(React.Fragment, null, possiblyStyleElement, ele);
       });
       Styled.displayName = identifierName !== undefined ? identifierName : "Styled(" + (typeof baseTag === 'string' ? baseTag : baseTag.displayName || baseTag.name || 'Component') + ")";
       Styled.defaultProps = tag.defaultProps;
@@ -6668,7 +6695,7 @@
   }
 
   const _excluded$2j = ["name", "slot", "skipVariantsResolver", "skipSx", "overridesResolver"],
-        _excluded2$c = ["theme"],
+        _excluded2$b = ["theme"],
         _excluded3$1 = ["theme"];
 
   function isEmpty$1(obj) {
@@ -6785,7 +6812,7 @@
             let {
               theme: themeInput
             } = _ref,
-                other = _objectWithoutPropertiesLoose(_ref, _excluded2$c);
+                other = _objectWithoutPropertiesLoose(_ref, _excluded2$b);
 
             return stylesArg(_extends({
               theme: isEmpty$1(themeInput) ? defaultTheme : themeInput
@@ -7251,7 +7278,7 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
   }
 
   const _excluded$2i = ["defaultProps", "mixins", "overrides", "palette", "props", "styleOverrides"],
-        _excluded2$b = ["type", "mode"];
+        _excluded2$a = ["type", "mode"];
   function adaptV4Theme(inputTheme) {
     {
       console.warn(['MUI: adaptV4Theme() is deprecated.', 'Follow the upgrade guide on https://mui.com/r/migration-v4#theme.'].join('\n'));
@@ -7316,7 +7343,7 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
       type: typeInput,
       mode: modeInput
     } = palette,
-          paletteRest = _objectWithoutPropertiesLoose(palette, _excluded2$b);
+          paletteRest = _objectWithoutPropertiesLoose(palette, _excluded2$a);
 
     const finalMode = modeInput || typeInput || 'light';
     theme.palette = _extends({
@@ -12825,12 +12852,10 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
     defaultModifiers: defaultModifiers
   }); // eslint-disable-next-line import/no-unused-modules
 
-  const _excluded$2b = ["anchorEl", "children", "disablePortal", "modifiers", "open", "placement", "popperOptions", "popperRef", "TransitionProps"],
-        _excluded2$a = ["anchorEl", "children", "container", "disablePortal", "keepMounted", "modifiers", "open", "placement", "popperOptions", "popperRef", "style", "transition"];
-
-  function flipPlacement(placement, theme) {
-    const direction = theme && theme.direction || 'ltr';
+  const _excluded$2b = ["anchorEl", "children", "direction", "disablePortal", "modifiers", "open", "placement", "popperOptions", "popperRef", "TransitionProps"],
+        _excluded2$9 = ["anchorEl", "children", "container", "direction", "disablePortal", "keepMounted", "modifiers", "open", "placement", "popperOptions", "popperRef", "style", "transition"];
 
+  function flipPlacement(placement, direction) {
     if (direction === 'ltr') {
       return placement;
     }
@@ -12853,7 +12878,7 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
     }
   }
 
-  function resolveAnchorEl$1(anchorEl) {
+  function resolveAnchorEl$2(anchorEl) {
     return typeof anchorEl === 'function' ? anchorEl() : anchorEl;
   }
 
@@ -12864,6 +12889,7 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
     const {
       anchorEl,
       children,
+      direction,
       disablePortal,
       modifiers,
       open,
@@ -12883,8 +12909,7 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
       handlePopperRefRef.current = handlePopperRef;
     }, [handlePopperRef]);
     React__namespace.useImperativeHandle(popperRefProp, () => popperRef.current, []);
-    const theme = useTheme$2();
-    const rtlPlacement = flipPlacement(initialPlacement, theme);
+    const rtlPlacement = flipPlacement(initialPlacement, direction);
     /**
      * placement initialized from prop but can change during lifetime if modifiers.flip.
      * modifiers.flip is essentially a flip for controlled/uncontrolled behavior
@@ -12905,7 +12930,7 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
         setPlacement(data.placement);
       };
 
-      const resolvedAnchorEl = resolveAnchorEl$1(anchorEl);
+      const resolvedAnchorEl = resolveAnchorEl$2(anchorEl);
 
       {
         if (resolvedAnchorEl && resolvedAnchorEl.nodeType === 1) {
@@ -12946,7 +12971,7 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
         popperModifiers = popperModifiers.concat(popperOptions.modifiers);
       }
 
-      const popper = createPopper(resolveAnchorEl$1(anchorEl), tooltipRef.current, _extends({
+      const popper = createPopper(resolveAnchorEl$2(anchorEl), tooltipRef.current, _extends({
         placement: rtlPlacement
       }, popperOptions, {
         modifiers: popperModifiers
@@ -12978,11 +13003,12 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
    * Poppers rely on the 3rd party library [Popper.js](https://popper.js.org/docs/v2/) for positioning.
    */
 
-  const Popper = /*#__PURE__*/React__namespace.forwardRef(function Popper(props, ref) {
+  const PopperUnstyled = /*#__PURE__*/React__namespace.forwardRef(function PopperUnstyled(props, ref) {
     const {
       anchorEl,
       children,
       container: containerProp,
+      direction = 'ltr',
       disablePortal = false,
       keepMounted = false,
       modifiers,
@@ -12993,7 +13019,7 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
       style,
       transition = false
     } = props,
-          other = _objectWithoutPropertiesLoose(props, _excluded2$a);
+          other = _objectWithoutPropertiesLoose(props, _excluded2$9);
 
     const [exited, setExited] = React__namespace.useState(true);
 
@@ -13012,12 +13038,13 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
     // If neither are provided let the Modal take care of choosing the container
 
 
-    const container = containerProp || (anchorEl ? ownerDocument(resolveAnchorEl$1(anchorEl)).body : undefined);
+    const container = containerProp || (anchorEl ? ownerDocument(resolveAnchorEl$2(anchorEl)).body : undefined);
     return /*#__PURE__*/jsxRuntime_1(Portal$1, {
       disablePortal: disablePortal,
       container: container,
       children: /*#__PURE__*/jsxRuntime_1(PopperTooltip, _extends({
         anchorEl: anchorEl,
+        direction: direction,
         disablePortal: disablePortal,
         modifiers: modifiers,
         ref: ref,
@@ -13043,7 +13070,7 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
       }))
     });
   });
-  Popper.propTypes
+  PopperUnstyled.propTypes
   /* remove-proptypes */
   = {
     // ----------------------------- Warning --------------------------------
@@ -13059,7 +13086,7 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
      */
     anchorEl: chainPropTypes(propTypes.oneOfType([HTMLElementType, propTypes.object, propTypes.func]), props => {
       if (props.open) {
-        const resolvedAnchorEl = resolveAnchorEl$1(props.anchorEl);
+        const resolvedAnchorEl = resolveAnchorEl$2(props.anchorEl);
 
         if (resolvedAnchorEl && resolvedAnchorEl.nodeType === 1) {
           const box = resolvedAnchorEl.getBoundingClientRect();
@@ -13093,6 +13120,12 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
     /* @typescript-to-proptypes-ignore */
     .oneOfType([HTMLElementType, propTypes.func]),
 
+    /**
+     * Direction of the text.
+     * @default 'ltr'
+     */
+    direction: propTypes.oneOf(['ltr', 'rtl']),
+
     /**
      * The `children` will be under the DOM hierarchy of the parent component.
      * @default false
@@ -13166,7 +13199,7 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
      */
     transition: propTypes.bool
   } ;
-  var Popper$1 = Popper;
+  var PopperUnstyled$1 = PopperUnstyled;
 
   function getSliderUtilityClass(slot) {
     return generateUtilityClass('MuiSlider', slot);
@@ -19946,6 +19979,151 @@ See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` )
   } ;
   var AppBar$1 = AppBar;
 
+  /**
+   *
+   * Demos:
+   *
+   * - [Autocomplete](https://mui.com/components/autocomplete/)
+   * - [Menus](https://mui.com/components/menus/)
+   * - [Popper](https://mui.com/components/popper/)
+   *
+   * API:
+   *
+   * - [Popper API](https://mui.com/api/popper/)
+   */
+  const Popper = /*#__PURE__*/React__namespace.forwardRef(function Popper(props, ref) {
+    const theme = useTheme$2();
+    return /*#__PURE__*/jsxRuntime_1(PopperUnstyled$1, _extends({
+      direction: theme == null ? void 0 : theme.direction
+    }, props, {
+      ref: ref
+    }));
+  });
+
+  function resolveAnchorEl$1(anchorEl) {
+    return typeof anchorEl === 'function' ? anchorEl() : anchorEl;
+  }
+
+  Popper.propTypes
+  /* remove-proptypes */
+  = {
+    // ----------------------------- Warning --------------------------------
+    // | These PropTypes are generated from the TypeScript type definitions |
+    // |     To update them edit TypeScript types and run "yarn proptypes"  |
+    // ----------------------------------------------------------------------
+
+    /**
+     * An HTML element, [virtualElement](https://popper.js.org/docs/v2/virtual-elements/),
+     * or a function that returns either.
+     * It's used to set the position of the popper.
+     * The return value will passed as the reference object of the Popper instance.
+     */
+    anchorEl: chainPropTypes(propTypes.oneOfType([HTMLElementType, propTypes.object, propTypes.func]), props => {
+      if (props.open) {
+        const resolvedAnchorEl = resolveAnchorEl$1(props.anchorEl);
+
+        if (resolvedAnchorEl && resolvedAnchorEl.nodeType === 1) {
+          const box = resolvedAnchorEl.getBoundingClientRect();
+
+          if (box.top === 0 && box.left === 0 && box.right === 0 && box.bottom === 0) {
+            return new Error(['MUI: The `anchorEl` prop provided to the component is invalid.', 'The anchor element should be part of the document layout.', "Make sure the element is present in the document or that it's not display none."].join('\n'));
+          }
+        } else if (!resolvedAnchorEl || typeof resolvedAnchorEl.getBoundingClientRect !== 'function' || resolvedAnchorEl.contextElement != null && resolvedAnchorEl.contextElement.nodeType !== 1) {
+          return new Error(['MUI: The `anchorEl` prop provided to the component is invalid.', 'It should be an HTML element instance or a virtualElement ', '(https://popper.js.org/docs/v2/virtual-elements/).'].join('\n'));
+        }
+      }
+
+      return null;
+    }),
+
+    /**
+     * Popper render function or node.
+     */
+    children: propTypes
+    /* @typescript-to-proptypes-ignore */
+    .oneOfType([propTypes.node, propTypes.func]),
+
+    /**
+     * An HTML element or function that returns one.
+     * The `container` will have the portal children appended to it.
+     *
+     * By default, it uses the body of the top-level document object,
+     * so it's simply `document.body` most of the time.
+     */
+    container: propTypes
+    /* @typescript-to-proptypes-ignore */
+    .oneOfType([HTMLElementType, propTypes.func]),
+
+    /**
+     * The `children` will be under the DOM hierarchy of the parent component.
+     * @default false
+     */
+    disablePortal: propTypes.bool,
+
+    /**
+     * Always keep the children in the DOM.
+     * This prop can be useful in SEO situation or
+     * when you want to maximize the responsiveness of the Popper.
+     * @default false
+     */
+    keepMounted: propTypes.bool,
+
+    /**
+     * Popper.js is based on a "plugin-like" architecture,
+     * most of its features are fully encapsulated "modifiers".
+     *
+     * A modifier is a function that is called each time Popper.js needs to
+     * compute the position of the popper.
+     * For this reason, modifiers should be very performant to avoid bottlenecks.
+     * To learn how to create a modifier, [read the modifiers documentation](https://popper.js.org/docs/v2/modifiers/).
+     */
+    modifiers: propTypes.arrayOf(propTypes.shape({
+      data: propTypes.object,
+      effect: propTypes.func,
+      enabled: propTypes.bool,
+      fn: propTypes.func,
+      name: propTypes.any.isRequired,
+      options: propTypes.object,
+      phase: propTypes.oneOf(['afterMain', 'afterRead', 'afterWrite', 'beforeMain', 'beforeRead', 'beforeWrite', 'main', 'read', 'write']),
+      requires: propTypes.arrayOf(propTypes.string),
+      requiresIfExists: propTypes.arrayOf(propTypes.string)
+    })),
+
+    /**
+     * If `true`, the component is shown.
+     */
+    open: propTypes.bool.isRequired,
+
+    /**
+     * Popper placement.
+     * @default 'bottom'
+     */
+    placement: propTypes.oneOf(['auto-end', 'auto-start', 'auto', 'bottom-end', 'bottom-start', 'bottom', 'left-end', 'left-start', 'left', 'right-end', 'right-start', 'right', 'top-end', 'top-start', 'top']),
+
+    /**
+     * Options provided to the [`Popper.js`](https://popper.js.org/docs/v2/constructors/#options) instance.
+     * @default {}
+     */
+    popperOptions: propTypes.shape({
+      modifiers: propTypes.array,
+      onFirstUpdate: propTypes.func,
+      placement: propTypes.oneOf(['auto-end', 'auto-start', 'auto', 'bottom-end', 'bottom-start', 'bottom', 'left-end', 'left-start', 'left', 'right-end', 'right-start', 'right', 'top-end', 'top-start', 'top']),
+      strategy: propTypes.oneOf(['absolute', 'fixed'])
+    }),
+
+    /**
+     * A ref that points to the used popper instance.
+     */
+    popperRef: refType$1,
+
+    /**
+     * Help supporting a react-transition-group/Transition component.
+     * @default false
+     */
+    transition: propTypes.bool
+  } ;
+  var Popper$1 = Popper;
+
   function getListSubheaderUtilityClass(slot) {
     return generateUtilityClass('MuiListSubheader', slot);
   }
@@ -23131,8 +23309,8 @@ See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` )
     theme
   }) => _extends({
     display: 'flex',
-    marginLeft: theme.spacing(0.5),
-    marginRight: theme.spacing(0.5)
+    marginLeft: `calc(${theme.spacing(1)} * 0.5)`,
+    marginRight: `calc(${theme.spacing(1)} * 0.5)`
   }, theme.palette.mode === 'light' ? {
     backgroundColor: theme.palette.grey[100],
     color: theme.palette.grey[700]
@@ -27360,11 +27538,11 @@ See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` )
     ownerState
   }) => _extends({
     display: 'inline-block',
-    paddingLeft: theme.spacing(1.2),
-    paddingRight: theme.spacing(1.2)
+    paddingLeft: `calc(${theme.spacing(1)} * 1.2)`,
+    paddingRight: `calc(${theme.spacing(1)} * 1.2)`
   }, ownerState.orientation === 'vertical' && {
-    paddingTop: theme.spacing(1.2),
-    paddingBottom: theme.spacing(1.2)
+    paddingTop: `calc(${theme.spacing(1)} * 1.2)`,
+    paddingBottom: `calc(${theme.spacing(1)} * 1.2)`
   }));
   const Divider = /*#__PURE__*/React__namespace.forwardRef(function Divider(inProps, ref) {
     const props = useThemeProps({
@@ -27858,7 +28036,7 @@ See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` )
   var drawerClasses$1 = drawerClasses;
 
   const _excluded$1m = ["BackdropProps"],
-        _excluded2$9 = ["anchor", "BackdropProps", "children", "className", "elevation", "hideBackdrop", "ModalProps", "onClose", "open", "PaperProps", "SlideProps", "TransitionComponent", "transitionDuration", "variant"];
+        _excluded2$8 = ["anchor", "BackdropProps", "children", "className", "elevation", "hideBackdrop", "ModalProps", "onClose", "open", "PaperProps", "SlideProps", "TransitionComponent", "transitionDuration", "variant"];
 
   const overridesResolver$5 = (props, styles) => {
     const {
@@ -28001,7 +28179,7 @@ See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` )
       variant = 'temporary'
     } = props,
           ModalProps = _objectWithoutPropertiesLoose(props.ModalProps, _excluded$1m),
-          other = _objectWithoutPropertiesLoose(props, _excluded2$9);
+          other = _objectWithoutPropertiesLoose(props, _excluded2$8);
 
     const theme = useTheme(); // Let's assume that the Drawer will always be rendered on user space.
     // We use this state is order to skip the appear transition during the
@@ -34568,7 +34746,7 @@ See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` )
   var ListItemSecondaryAction$1 = ListItemSecondaryAction;
 
   const _excluded$Y = ["className"],
-        _excluded2$8 = ["alignItems", "autoFocus", "button", "children", "className", "component", "components", "componentsProps", "ContainerComponent", "ContainerProps", "dense", "disabled", "disableGutters", "disablePadding", "divider", "focusVisibleClassName", "secondaryAction", "selected"];
+        _excluded2$7 = ["alignItems", "autoFocus", "button", "children", "className", "component", "components", "componentsProps", "ContainerComponent", "ContainerProps", "dense", "disabled", "disableGutters", "disablePadding", "divider", "focusVisibleClassName", "secondaryAction", "selected"];
   const overridesResolver$2 = (props, styles) => {
     const {
       ownerState
@@ -34711,7 +34889,7 @@ See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` )
       selected = false
     } = props,
           ContainerProps = _objectWithoutPropertiesLoose(props.ContainerProps, _excluded$Y),
-          other = _objectWithoutPropertiesLoose(props, _excluded2$8);
+          other = _objectWithoutPropertiesLoose(props, _excluded2$7);
 
     const context = React__namespace.useContext(ListContext$1);
     const childContext = {
@@ -35650,7 +35828,7 @@ See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` )
   var popoverClasses$1 = popoverClasses;
 
   const _excluded$T = ["onEntering"],
-        _excluded2$7 = ["action", "anchorEl", "anchorOrigin", "anchorPosition", "anchorReference", "children", "className", "container", "elevation", "marginThreshold", "open", "PaperProps", "transformOrigin", "TransitionComponent", "transitionDuration", "TransitionProps"];
+        _excluded2$6 = ["action", "anchorEl", "anchorOrigin", "anchorPosition", "anchorReference", "children", "className", "container", "elevation", "marginThreshold", "open", "PaperProps", "transformOrigin", "TransitionComponent", "transitionDuration", "TransitionProps"];
   function getOffsetTop(rect, vertical) {
     let offset = 0;
 
@@ -35752,7 +35930,7 @@ See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` )
       } = {}
     } = props,
           TransitionProps = _objectWithoutPropertiesLoose(props.TransitionProps, _excluded$T),
-          other = _objectWithoutPropertiesLoose(props, _excluded2$7);
+          other = _objectWithoutPropertiesLoose(props, _excluded2$6);
 
     const paperRef = React__namespace.useRef();
     const handlePaperRef = useForkRef(paperRef, PaperProps.ref);
@@ -36143,7 +36321,7 @@ See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` )
   var menuClasses$1 = menuClasses;
 
   const _excluded$S = ["onEntering"],
-        _excluded2$6 = ["autoFocus", "children", "disableAutoFocusItem", "MenuListProps", "onClose", "open", "PaperProps", "PopoverClasses", "transitionDuration", "TransitionProps", "variant"];
+        _excluded2$5 = ["autoFocus", "children", "disableAutoFocusItem", "MenuListProps", "onClose", "open", "PaperProps", "PopoverClasses", "transitionDuration", "TransitionProps", "variant"];
   const RTL_ORIGIN = {
     vertical: 'top',
     horizontal: 'right'
@@ -36213,7 +36391,7 @@ See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` )
       variant = 'selectedMenu'
     } = props,
           TransitionProps = _objectWithoutPropertiesLoose(props.TransitionProps, _excluded$S),
-          other = _objectWithoutPropertiesLoose(props, _excluded2$6);
+          other = _objectWithoutPropertiesLoose(props, _excluded2$5);
 
     const theme = useTheme();
     const isRtl = theme.direction === 'rtl';
@@ -36903,7 +37081,7 @@ See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` )
   function getNativeSelectUtilityClasses(slot) {
     return generateUtilityClass('MuiNativeSelect', slot);
   }
-  const nativeSelectClasses = generateUtilityClasses('MuiNativeSelect', ['root', 'select', 'filled', 'outlined', 'standard', 'disabled', 'icon', 'iconOpen', 'iconFilled', 'iconOutlined', 'iconStandard', 'nativeInput']);
+  const nativeSelectClasses = generateUtilityClasses('MuiNativeSelect', ['root', 'select', 'multiple', 'filled', 'outlined', 'standard', 'disabled', 'icon', 'iconOpen', 'iconFilled', 'iconOutlined', 'iconStandard', 'nativeInput']);
   var nativeSelectClasses$1 = nativeSelectClasses;
 
   const _excluded$P = ["className", "disabled", "IconComponent", "inputRef", "variant"];
@@ -36913,10 +37091,11 @@ See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` )
       classes,
       variant,
       disabled,
+      multiple,
       open
     } = ownerState;
     const slots = {
-      select: ['select', variant, disabled && 'disabled'],
+      select: ['select', variant, disabled && 'disabled', multiple && 'multiple'],
       icon: ['icon', `icon${capitalize(variant)}`, open && 'iconOpen', disabled && 'disabled']
     };
     return composeClasses(slots, getNativeSelectUtilityClasses, classes);
@@ -36983,7 +37162,9 @@ See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` )
       const {
         ownerState
       } = props;
-      return [styles.select, styles[ownerState.variant]];
+      return [styles.select, styles[ownerState.variant], {
+        [`&.${nativeSelectClasses$1.multiple}`]: styles.multiple
+      }];
     }
   })(nativeSelectSelectStyles);
   const nativeSelectIconStyles = ({
@@ -37117,7 +37298,7 @@ See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` )
   var NativeSelectInput$1 = NativeSelectInput;
 
   const _excluded$O = ["className", "children", "classes", "IconComponent", "input", "inputProps", "variant"],
-        _excluded2$5 = ["root"];
+        _excluded2$4 = ["root"];
 
   const useUtilityClasses$D = ownerState => {
     const {
@@ -37164,7 +37345,7 @@ See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` )
 
     const classes = useUtilityClasses$D(ownerState);
 
-    const otherClasses = _objectWithoutPropertiesLoose(classesProp, _excluded2$5);
+    const otherClasses = _objectWithoutPropertiesLoose(classesProp, _excluded2$4);
 
     return /*#__PURE__*/React__namespace.cloneElement(input, _extends({
       // Most of the logic is implemented in `NativeSelectInput`.
@@ -38898,7 +39079,7 @@ See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` )
   var ratingClasses$1 = ratingClasses;
 
   const _excluded$G = ["value"],
-        _excluded2$4 = ["className", "defaultValue", "disabled", "emptyIcon", "emptyLabelText", "getLabelText", "highlightSelectedOnly", "icon", "IconContainerComponent", "max", "name", "onChange", "onChangeActive", "onMouseLeave", "onMouseMove", "precision", "readOnly", "size", "value"];
+        _excluded2$3 = ["className", "defaultValue", "disabled", "emptyIcon", "emptyLabelText", "getLabelText", "highlightSelectedOnly", "icon", "IconContainerComponent", "max", "name", "onChange", "onChangeActive", "onMouseLeave", "onMouseMove", "precision", "readOnly", "size", "value"];
 
   function clamp$1(value, min, max) {
     if (value < min) {
@@ -39198,7 +39379,7 @@ See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` )
       size = 'medium',
       value: valueProp
     } = props,
-          other = _objectWithoutPropertiesLoose(props, _excluded2$4);
+          other = _objectWithoutPropertiesLoose(props, _excluded2$3);
 
     const name = useId(nameProp);
     const [valueDerived, setValueState] = useControlled({
@@ -39702,7 +39883,7 @@ See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` )
   function getSelectUtilityClasses(slot) {
     return generateUtilityClass('MuiSelect', slot);
   }
-  const selectClasses = generateUtilityClasses('MuiSelect', ['root', 'select', 'filled', 'outlined', 'standard', 'disabled', 'focused', 'icon', 'iconOpen', 'iconFilled', 'iconOutlined', 'iconStandard', 'nativeInput']);
+  const selectClasses = generateUtilityClasses('MuiSelect', ['select', 'multiple', 'filled', 'outlined', 'standard', 'disabled', 'focused', 'icon', 'iconOpen', 'iconFilled', 'iconOutlined', 'iconStandard', 'nativeInput']);
   var selectClasses$1 = selectClasses;
 
   const _excluded$E = ["aria-describedby", "aria-label", "autoFocus", "autoWidth", "children", "className", "defaultValue", "disabled", "displayEmpty", "IconComponent", "inputRef", "labelId", "MenuProps", "multiple", "name", "onBlur", "onChange", "onClose", "onFocus", "onOpen", "open", "readOnly", "renderValue", "SelectDisplayProps", "tabIndex", "type", "value", "variant"];
@@ -39718,6 +39899,8 @@ See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` )
         [`&.${selectClasses$1.select}`]: styles.select
       }, {
         [`&.${selectClasses$1.select}`]: styles[ownerState.variant]
+      }, {
+        [`&.${selectClasses$1.multiple}`]: styles.multiple
       }];
     }
   })(nativeSelectSelectStyles, {
@@ -39775,10 +39958,11 @@ See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` )
       classes,
       variant,
       disabled,
+      multiple,
       open
     } = ownerState;
     const slots = {
-      select: ['select', variant, disabled && 'disabled'],
+      select: ['select', variant, disabled && 'disabled', multiple && 'multiple'],
       icon: ['icon', `icon${capitalize(variant)}`, open && 'iconOpen', disabled && 'disabled'],
       nativeInput: ['nativeInput']
     };
@@ -40356,17 +40540,13 @@ See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` )
 
   var _Input, _FilledInput;
 
-  const _excluded$D = ["autoWidth", "children", "classes", "className", "displayEmpty", "IconComponent", "id", "input", "inputProps", "label", "labelId", "MenuProps", "multiple", "native", "onClose", "onOpen", "open", "renderValue", "SelectDisplayProps", "variant"],
-        _excluded2$3 = ["root"];
+  const _excluded$D = ["autoWidth", "children", "classes", "className", "displayEmpty", "IconComponent", "id", "input", "inputProps", "label", "labelId", "MenuProps", "multiple", "native", "onClose", "onOpen", "open", "renderValue", "SelectDisplayProps", "variant"];
 
   const useUtilityClasses$v = ownerState => {
     const {
       classes
     } = ownerState;
-    const slots = {
-      root: ['root']
-    };
-    return composeClasses(slots, getSelectUtilityClasses, classes);
+    return classes;
   };
 
   const Select = /*#__PURE__*/React__namespace.forwardRef(function Select(inProps, ref) {
@@ -40420,9 +40600,6 @@ See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` )
     });
 
     const classes = useUtilityClasses$v(ownerState);
-
-    const otherClasses = _objectWithoutPropertiesLoose(classesProp, _excluded2$3);
-
     const inputComponentRef = useForkRef(ref, InputComponent.ref);
     return /*#__PURE__*/React__namespace.cloneElement(InputComponent, _extends({
       // Most of the logic is implemented in `SelectInput`.
@@ -40450,13 +40627,13 @@ See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` )
           id
         }, SelectDisplayProps)
       }, inputProps, {
-        classes: inputProps ? deepmerge(otherClasses, inputProps.classes) : otherClasses
+        classes: inputProps ? deepmerge(classes, inputProps.classes) : classes
       }, input ? input.props.inputProps : {})
     }, multiple && native && variant === 'outlined' ? {
       notched: true
     } : {}, {
       ref: inputComponentRef,
-      className: clsx(classes.root, InputComponent.props.className, className)
+      className: clsx(InputComponent.props.className, className)
     }, other));
   });
   Select.propTypes
@@ -47816,7 +47993,7 @@ See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` )
     to,
     count
   }) {
-    return `${from}-${to} of ${count !== -1 ? count : `more than ${to}`}`;
+    return `${from}–${to} of ${count !== -1 ? count : `more than ${to}`}`;
   }
 
   function defaultGetAriaLabel(type) {
@@ -48021,7 +48198,7 @@ See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` )
      *
      * For localization purposes, you can use the provided [translations](/guides/localization/).
      * @default function defaultLabelDisplayedRows({ from, to, count }) {
-     *   return `${from}-${to} of ${count !== -1 ? count : `more than ${to}`}`;
+     *   return `${from}–${to} of ${count !== -1 ? count : `more than ${to}`}`;
      * }
      */
     labelDisplayedRows: propTypes.func,
@@ -50567,6 +50744,7 @@ See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` )
   exports.Paper = Paper$1;
   exports.Popover = Popover$1;
   exports.Popper = Popper$1;
+  exports.PopperUnstyled = PopperUnstyled$1;
   exports.Portal = Portal$1;
   exports.Radio = Radio$1;
   exports.RadioGroup = RadioGroup$1;