@mui/material 5.3.0 → 5.4.2

package/node/Grid/Grid.js

@@ -286,10 +286,8 @@ const GridRoot = (0, _styled.default)('div', {
 
 }, ownerState.zeroMinWidth && {
   minWidth: 0
-}, ownerState.wrap === 'nowrap' && {
-  flexWrap: 'nowrap'
-}, ownerState.wrap === 'reverse' && {
-  flexWrap: 'wrap-reverse'
+}, ownerState.wrap !== 'wrap' && {
+  flexWrap: ownerState.wrap
 }), generateDirection, generateRowGap, generateColumnGap, generateGrid);
 
 const useUtilityClasses = ownerState => {

package/node/ImageList/ImageList.js

@@ -190,7 +190,9 @@ process.env.NODE_ENV !== "production" ? ImageList.propTypes
    * The variant to use.
    * @default 'standard'
    */
-  variant: _propTypes.default.oneOf(['masonry', 'quilted', 'standard', 'woven'])
+  variant: _propTypes.default
+  /* @typescript-to-proptypes-ignore */
+  .oneOfType([_propTypes.default.oneOf(['masonry', 'quilted', 'standard', 'woven']), _propTypes.default.string])
 } : void 0;
 var _default = ImageList;
 exports.default = _default;

package/node/InputAdornment/InputAdornment.js

@@ -35,6 +35,8 @@ var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 
 var _jsxRuntime = require("react/jsx-runtime");
 
+var _span;
+
 const _excluded = ["children", "className", "component", "disablePointerEvents", "disableTypography", "position", "variant"];
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -144,17 +146,11 @@ const InputAdornment = /*#__PURE__*/React.forwardRef(function InputAdornment(inP
         children: children
       }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
         children: [position === 'start' ?
-        /*#__PURE__*/
-
         /* notranslate needed while Google Translate will not fix zero-width space issue */
-
-        /* eslint-disable-next-line react/no-danger */
-        (0, _jsxRuntime.jsx)("span", {
+        _span || (_span = /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
           className: "notranslate",
-          dangerouslySetInnerHTML: {
-            __html: '​'
-          }
-        }) : null, children]
+          children: "\u200B"
+        })) : null, children]
       })
     }))
   });

package/node/Modal/Modal.js

@@ -250,7 +250,7 @@ process.env.NODE_ENV !== "production" ? Modal.propTypes
 
   /**
    * If `true`, the modal will not restore focus to previously focused element once
-   * modal is hidden.
+   * modal is hidden or unmounted.
    * @default false
    */
   disableRestoreFocus: _propTypes.default.bool,

package/node/OutlinedInput/NotchedOutline.js

@@ -19,6 +19,8 @@ var _styled = _interopRequireDefault(require("../styles/styled"));
 
 var _jsxRuntime = require("react/jsx-runtime");
 
+var _span;
+
 const _excluded = ["children", "classes", "className", "label", "notched"];
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -41,14 +43,12 @@ const NotchedOutlineRoot = (0, _styled.default)('fieldset')({
   overflow: 'hidden',
   minWidth: '0%'
 });
-const NotchedOutlineLegend = (0, _styled.default)('legend', {
-  skipSx: true
-})(({
+const NotchedOutlineLegend = (0, _styled.default)('legend')(({
   ownerState,
   theme
 }) => (0, _extends2.default)({
   float: 'unset'
-}, ownerState.label === undefined && {
+}, !ownerState.withLabel && {
   padding: 0,
   lineHeight: '11px',
   // sync with `height` in `legend` styles
@@ -56,7 +56,7 @@ const NotchedOutlineLegend = (0, _styled.default)('legend', {
     duration: 150,
     easing: theme.transitions.easing.easeOut
   })
-}, ownerState.label !== undefined && (0, _extends2.default)({
+}, ownerState.withLabel && (0, _extends2.default)({
   display: 'block',
   // Fix conflict with normalize.css and sanitize.css
   width: 'auto',
@@ -96,9 +96,10 @@ function NotchedOutline(props) {
     notched
   } = props,
         other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  const withLabel = label != null && label !== '';
   const ownerState = (0, _extends2.default)({}, props, {
     notched,
-    label
+    withLabel
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(NotchedOutlineRoot, (0, _extends2.default)({
     "aria-hidden": true,
@@ -107,18 +108,13 @@ function NotchedOutline(props) {
   }, other, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(NotchedOutlineLegend, {
       ownerState: ownerState,
-      children: label ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      children: withLabel ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
         children: label
-      }) :
-      /*#__PURE__*/
-      // notranslate needed while Google Translate will not fix zero-width space issue
-      // eslint-disable-next-line react/no-danger
-      (0, _jsxRuntime.jsx)("span", {
+      }) : // notranslate needed while Google Translate will not fix zero-width space issue
+      _span || (_span = /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
         className: "notranslate",
-        dangerouslySetInnerHTML: {
-          __html: '​'
-        }
-      })
+        children: "\u200B"
+      }))
     })
   }));
 }

package/node/OutlinedInput/OutlinedInput.js

@@ -160,7 +160,7 @@ const OutlinedInput = /*#__PURE__*/React.forwardRef(function OutlinedInput(inPro
     }, components),
     renderSuffix: state => /*#__PURE__*/(0, _jsxRuntime.jsx)(NotchedOutlineRoot, {
       className: classes.notchedOutline,
-      label: label && fcs.required ? _React$Fragment || (_React$Fragment = /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
+      label: label != null && label !== '' && fcs.required ? _React$Fragment || (_React$Fragment = /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
         children: [label, "\xA0", '*']
       })) : label,
       notched: typeof notched !== 'undefined' ? notched : Boolean(state.startAdornment || state.filled || state.focused)

package/node/Radio/RadioButtonIcon.js

@@ -29,15 +29,11 @@ const RadioButtonIconRoot = (0, _styled.default)('span')({
   position: 'relative',
   display: 'flex'
 });
-const RadioButtonIconBackground = (0, _styled.default)(_RadioButtonUnchecked.default, {
-  skipSx: true
-})({
+const RadioButtonIconBackground = (0, _styled.default)(_RadioButtonUnchecked.default)({
   // Scale applied to prevent dot misalignment in Safari
   transform: 'scale(1)'
 });
-const RadioButtonIconDot = (0, _styled.default)(_RadioButtonChecked.default, {
-  skipSx: true
-})(({
+const RadioButtonIconDot = (0, _styled.default)(_RadioButtonChecked.default)(({
   theme,
   ownerState
 }) => (0, _extends2.default)({

package/node/Rating/Rating.js

@@ -426,7 +426,7 @@ const Rating = /*#__PURE__*/React.forwardRef(function Rating(inProps, ref) {
 
   const handleChange = event => {
     let newValue = event.target.value === '' ? null : parseFloat(event.target.value); // Give mouse priority over keyboard
-    // Fix https://github.com/mui-org/material-ui/issues/22827
+    // Fix https://github.com/mui/material-ui/issues/22827
 
     if (hover !== -1) {
       newValue = hover;

package/node/Select/Select.js

@@ -27,11 +27,11 @@ var _useFormControl = _interopRequireDefault(require("../FormControl/useFormCont
 
 var _ArrowDropDown = _interopRequireDefault(require("../internal/svg-icons/ArrowDropDown"));
 
-var _Input2 = _interopRequireDefault(require("../Input"));
+var _Input = _interopRequireDefault(require("../Input"));
 
 var _NativeSelectInput = _interopRequireDefault(require("../NativeSelect/NativeSelectInput"));
 
-var _FilledInput2 = _interopRequireDefault(require("../FilledInput"));
+var _FilledInput = _interopRequireDefault(require("../FilledInput"));
 
 var _OutlinedInput = _interopRequireDefault(require("../OutlinedInput"));
 
@@ -39,9 +39,11 @@ var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 
 var _useForkRef = _interopRequireDefault(require("../utils/useForkRef"));
 
+var _styled = _interopRequireWildcard(require("../styles/styled"));
+
 var _jsxRuntime = require("react/jsx-runtime");
 
-var _Input, _FilledInput;
+var _StyledInput, _StyledFilledInput;
 
 const _excluded = ["autoWidth", "children", "classes", "className", "defaultOpen", "displayEmpty", "IconComponent", "id", "input", "inputProps", "label", "labelId", "MenuProps", "multiple", "native", "onClose", "onOpen", "open", "renderValue", "SelectDisplayProps", "variant"];
 
@@ -56,6 +58,15 @@ const useUtilityClasses = ownerState => {
   return classes;
 };
 
+const styledRootConfig = {
+  name: 'MuiSelect',
+  overridesResolver: (props, styles) => styles.root,
+  shouldForwardProp: prop => (0, _styled.rootShouldForwardProp)(prop) && prop !== 'variant',
+  slot: 'Root'
+};
+const StyledInput = (0, _styled.default)(_Input.default, styledRootConfig)('');
+const StyledOutlinedInput = (0, _styled.default)(_OutlinedInput.default, styledRootConfig)('');
+const StyledFilledInput = (0, _styled.default)(_FilledInput.default, styledRootConfig)('');
 const Select = /*#__PURE__*/React.forwardRef(function Select(inProps, ref) {
   const props = (0, _useThemeProps.default)({
     name: 'MuiSelect',
@@ -82,7 +93,7 @@ const Select = /*#__PURE__*/React.forwardRef(function Select(inProps, ref) {
     open,
     renderValue,
     SelectDisplayProps,
-    variant: variantProps = 'outlined'
+    variant: variantProp = 'outlined'
   } = props,
         other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const inputComponent = native ? _NativeSelectInput.default : _SelectInput.default;
@@ -92,15 +103,16 @@ const Select = /*#__PURE__*/React.forwardRef(function Select(inProps, ref) {
     muiFormControl,
     states: ['variant']
   });
-  const variant = fcs.variant || variantProps;
+  const variant = fcs.variant || variantProp;
   const InputComponent = input || {
-    standard: _Input || (_Input = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Input2.default, {})),
-    outlined: /*#__PURE__*/(0, _jsxRuntime.jsx)(_OutlinedInput.default, {
+    standard: _StyledInput || (_StyledInput = /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledInput, {})),
+    outlined: /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledOutlinedInput, {
       label: label
     }),
-    filled: _FilledInput || (_FilledInput = /*#__PURE__*/(0, _jsxRuntime.jsx)(_FilledInput2.default, {}))
+    filled: _StyledFilledInput || (_StyledFilledInput = /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledFilledInput, {}))
   }[variant];
   const ownerState = (0, _extends2.default)({}, props, {
+    variant,
     classes: classesProp
   });
   const classes = useUtilityClasses(ownerState);
@@ -138,7 +150,8 @@ const Select = /*#__PURE__*/React.forwardRef(function Select(inProps, ref) {
     notched: true
   } : {}, {
     ref: inputComponentRef,
-    className: (0, _clsx.default)(InputComponent.props.className, className)
+    className: (0, _clsx.default)(InputComponent.props.className, className),
+    variant
   }, other));
 });
 process.env.NODE_ENV !== "production" ? Select.propTypes

package/node/Select/SelectInput.js

@@ -43,6 +43,8 @@ var _selectClasses = _interopRequireWildcard(require("./selectClasses"));
 
 var _jsxRuntime = require("react/jsx-runtime");
 
+var _span;
+
 const _excluded = ["aria-describedby", "aria-label", "autoFocus", "autoWidth", "children", "className", "defaultOpen", "defaultValue", "disabled", "displayEmpty", "IconComponent", "inputRef", "labelId", "MenuProps", "multiple", "name", "onBlur", "onChange", "onClose", "onFocus", "onOpen", "open", "readOnly", "renderValue", "SelectDisplayProps", "tabIndex", "type", "value", "variant"];
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -215,6 +217,10 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
     }
   }, [autoFocus]);
   React.useEffect(() => {
+    if (!labelId) {
+      return undefined;
+    }
+
     const label = (0, _ownerDocument.default)(displayRef.current).getElementById(labelId);
 
     if (label) {
@@ -311,7 +317,7 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
       if (onChange) {
         // Redefine target to allow name and value to be read.
         // This allows seamless integration with the most popular form libraries.
-        // https://github.com/mui-org/material-ui/issues/13485#issuecomment-676048492
+        // https://github.com/mui/material-ui/issues/13485#issuecomment-676048492
         // Clone the event to not override `target` of the original event.
         const nativeEvent = event.nativeEvent || event;
         const clonedEvent = new nativeEvent.constructor(nativeEvent.type, nativeEvent);
@@ -509,16 +515,11 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
       className: (0, _clsx.default)(classes.select, className, SelectDisplayProps.className) // The id is required for proper a11y
       ,
       id: buttonId,
-      children: isEmpty(display) ?
-      /*#__PURE__*/
-      // notranslate needed while Google Translate will not fix zero-width space issue
-      // eslint-disable-next-line react/no-danger
-      (0, _jsxRuntime.jsx)("span", {
+      children: isEmpty(display) ? // notranslate needed while Google Translate will not fix zero-width space issue
+      _span || (_span = /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
         className: "notranslate",
-        dangerouslySetInnerHTML: {
-          __html: '​'
-        }
-      }) : display
+        children: "\u200B"
+      })) : display
     })), /*#__PURE__*/(0, _jsxRuntime.jsx)(SelectNativeInput, (0, _extends2.default)({
       value: Array.isArray(value) ? value.join(',') : value,
       name: name,

package/node/Slider/Slider.js

@@ -718,7 +718,9 @@ process.env.NODE_ENV !== "production" ? Slider.propTypes
    * The size of the slider.
    * @default 'medium'
    */
-  size: _propTypes.default.oneOf(['small', 'medium']),
+  size: _propTypes.default
+  /* @typescript-to-proptypes-ignore */
+  .oneOfType([_propTypes.default.oneOf(['small', 'medium']), _propTypes.default.string]),
 
   /**
    * The granularity with which the slider can step through values. (A "discrete" slider.)

package/node/Snackbar/Snackbar.js

@@ -315,7 +315,10 @@ const Snackbar = /*#__PURE__*/React.forwardRef(function Snackbar(inProps, ref) {
       onMouseEnter: handleMouseEnter,
       onMouseLeave: handleMouseLeave,
       ownerState: ownerState,
-      ref: ref
+      ref: ref // ClickAwayListener adds an `onClick` prop which results in the alert not being announced.
+      // See https://github.com/mui-org/material-ui/issues/29080
+      ,
+      role: "presentation"
     }, other, {
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(TransitionComponent, (0, _extends2.default)({
         appear: true,

package/node/SvgIcon/SvgIcon.js

@@ -60,7 +60,7 @@ const SvgIconRoot = (0, _styled.default)('svg', {
   theme,
   ownerState
 }) => {
-  var _theme$palette$ownerS, _theme$palette$ownerS2;
+  var _theme$transitions, _theme$transitions$cr, _theme$transitions2, _theme$transitions2$d, _theme$typography, _theme$typography$pxT, _theme$typography2, _theme$typography2$px, _theme$typography3, _theme$typography3$px, _theme$palette$ownerS, _theme$palette, _theme$palette$ownerS2, _theme$palette2, _theme$palette2$actio, _theme$palette3, _theme$palette3$actio;
 
   return {
     userSelect: 'none',
@@ -69,19 +69,19 @@ const SvgIconRoot = (0, _styled.default)('svg', {
     display: 'inline-block',
     fill: 'currentColor',
     flexShrink: 0,
-    transition: theme.transitions.create('fill', {
-      duration: theme.transitions.duration.shorter
+    transition: (_theme$transitions = theme.transitions) == null ? void 0 : (_theme$transitions$cr = _theme$transitions.create) == null ? void 0 : _theme$transitions$cr.call(_theme$transitions, 'fill', {
+      duration: (_theme$transitions2 = theme.transitions) == null ? void 0 : (_theme$transitions2$d = _theme$transitions2.duration) == null ? void 0 : _theme$transitions2$d.shorter
     }),
     fontSize: {
       inherit: 'inherit',
-      small: theme.typography.pxToRem(20),
-      medium: theme.typography.pxToRem(24),
-      large: theme.typography.pxToRem(35)
+      small: ((_theme$typography = theme.typography) == null ? void 0 : (_theme$typography$pxT = _theme$typography.pxToRem) == null ? void 0 : _theme$typography$pxT.call(_theme$typography, 20)) || '1.25rem',
+      medium: ((_theme$typography2 = theme.typography) == null ? void 0 : (_theme$typography2$px = _theme$typography2.pxToRem) == null ? void 0 : _theme$typography2$px.call(_theme$typography2, 24)) || '1.5rem',
+      large: ((_theme$typography3 = theme.typography) == null ? void 0 : (_theme$typography3$px = _theme$typography3.pxToRem) == null ? void 0 : _theme$typography3$px.call(_theme$typography3, 35)) || '2.1875'
     }[ownerState.fontSize],
     // TODO v5 deprecate, v6 remove for sx
-    color: (_theme$palette$ownerS = (_theme$palette$ownerS2 = theme.palette[ownerState.color]) == null ? void 0 : _theme$palette$ownerS2.main) != null ? _theme$palette$ownerS : {
-      action: theme.palette.action.active,
-      disabled: theme.palette.action.disabled,
+    color: (_theme$palette$ownerS = (_theme$palette = theme.palette) == null ? void 0 : (_theme$palette$ownerS2 = _theme$palette[ownerState.color]) == null ? void 0 : _theme$palette$ownerS2.main) != null ? _theme$palette$ownerS : {
+      action: (_theme$palette2 = theme.palette) == null ? void 0 : (_theme$palette2$actio = _theme$palette2.action) == null ? void 0 : _theme$palette2$actio.active,
+      disabled: (_theme$palette3 = theme.palette) == null ? void 0 : (_theme$palette3$actio = _theme$palette3.action) == null ? void 0 : _theme$palette3$actio.disabled,
       inherit: undefined
     }[ownerState.color]
   };

package/node/SwipeableDrawer/SwipeArea.js

@@ -31,9 +31,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-const SwipeAreaRoot = (0, _styled.default)('div', {
-  skipSx: true
-})(({
+const SwipeAreaRoot = (0, _styled.default)('div')(({
   theme,
   ownerState
 }) => (0, _extends2.default)({

package/node/TextField/TextField.js

@@ -217,7 +217,7 @@ const TextField = /*#__PURE__*/React.forwardRef(function TextField(inProps, ref)
     variant: variant,
     ownerState: ownerState
   }, other, {
-    children: [label && /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputLabel.default, (0, _extends2.default)({
+    children: [label != null && label !== '' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputLabel.default, (0, _extends2.default)({
       htmlFor: id,
       id: inputLabelId
     }, InputLabelProps, {

package/node/ToggleButton/ToggleButton.js

@@ -222,12 +222,18 @@ process.env.NODE_ENV !== "production" ? ToggleButton.propTypes
   fullWidth: _propTypes.default.bool,
 
   /**
-   * @ignore
+   * Callback fired when the state changes.
+   *
+   * @param {React.MouseEvent<HTMLElement>} event The event source of the callback.
+   * @param {any} value of the selected button.
    */
   onChange: _propTypes.default.func,
 
   /**
-   * @ignore
+   * Callback fired when the button is clicked.
+   *
+   * @param {React.MouseEvent<HTMLElement>} event The event source of the callback.
+   * @param {any} value of the selected button.
    */
   onClick: _propTypes.default.func,
 

package/node/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.3.0
+/** @license MUI v5.4.2
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -96,6 +96,7 @@ var _exportNames = {
   Paper: true,
   Popover: true,
   Popper: true,
+  Portal: true,
   Radio: true,
   RadioGroup: true,
   Rating: true,
@@ -144,7 +145,10 @@ var _exportNames = {
   useScrollTrigger: true,
   Zoom: true,
   useAutocomplete: true,
-  GlobalStyles: true
+  GlobalStyles: true,
+  unstable_composeClasses: true,
+  generateUtilityClass: true,
+  generateUtilityClasses: true
 };
 Object.defineProperty(exports, "Accordion", {
   enumerable: true,
@@ -644,6 +648,12 @@ Object.defineProperty(exports, "Popper", {
     return _Popper.default;
   }
 });
+Object.defineProperty(exports, "Portal", {
+  enumerable: true,
+  get: function () {
+    return _Portal.default;
+  }
+});
 Object.defineProperty(exports, "Radio", {
   enumerable: true,
   get: function () {
@@ -921,6 +931,24 @@ Object.defineProperty(exports, "darkScrollbar", {
     return _darkScrollbar.default;
   }
 });
+Object.defineProperty(exports, "generateUtilityClass", {
+  enumerable: true,
+  get: function () {
+    return _generateUtilityClass.default;
+  }
+});
+Object.defineProperty(exports, "generateUtilityClasses", {
+  enumerable: true,
+  get: function () {
+    return _generateUtilityClasses.default;
+  }
+});
+Object.defineProperty(exports, "unstable_composeClasses", {
+  enumerable: true,
+  get: function () {
+    return _composeClasses.default;
+  }
+});
 Object.defineProperty(exports, "useAutocomplete", {
   enumerable: true,
   get: function () {
@@ -978,20 +1006,6 @@ Object.keys(_utils).forEach(function (key) {
   });
 });
 
-var _base = require("@mui/base");
-
-Object.keys(_base).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _base[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _base[key];
-    }
-  });
-});
-
 var _Accordion = _interopRequireWildcard(require("./Accordion"));
 
 Object.keys(_Accordion).forEach(function (key) {
@@ -2154,6 +2168,20 @@ Object.keys(_Popper).forEach(function (key) {
   });
 });
 
+var _Portal = _interopRequireWildcard(require("./Portal"));
+
+Object.keys(_Portal).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Portal[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Portal[key];
+    }
+  });
+});
+
 var _Radio = _interopRequireWildcard(require("./Radio"));
 
 Object.keys(_Radio).forEach(function (key) {
@@ -2828,6 +2856,24 @@ Object.keys(_GlobalStyles).forEach(function (key) {
   });
 });
 
+var _composeClasses = _interopRequireDefault(require("@mui/base/composeClasses"));
+
+var _generateUtilityClass = _interopRequireWildcard(require("@mui/base/generateUtilityClass"));
+
+Object.keys(_generateUtilityClass).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _generateUtilityClass[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _generateUtilityClass[key];
+    }
+  });
+});
+
+var _generateUtilityClasses = _interopRequireDefault(require("@mui/base/generateUtilityClasses"));
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

package/node/internal/SwitchBase.js

@@ -55,9 +55,7 @@ const useUtilityClasses = ownerState => {
   return (0, _base.unstable_composeClasses)(slots, _switchBaseClasses.getSwitchBaseUtilityClass, classes);
 };
 
-const SwitchBaseRoot = (0, _styled.default)(_ButtonBase.default, {
-  skipSx: true
-})(({
+const SwitchBaseRoot = (0, _styled.default)(_ButtonBase.default)(({
   ownerState
 }) => (0, _extends2.default)({
   padding: 9,
@@ -67,9 +65,7 @@ const SwitchBaseRoot = (0, _styled.default)(_ButtonBase.default, {
 }, ownerState.edge === 'end' && {
   marginRight: ownerState.size === 'small' ? -3 : -12
 }));
-const SwitchBaseInput = (0, _styled.default)('input', {
-  skipSx: true
-})({
+const SwitchBaseInput = (0, _styled.default)('input')({
   cursor: 'inherit',
   position: 'absolute',
   opacity: 0,

package/node/styles/makeStyles.js

@@ -10,5 +10,5 @@ var _utils = require("@mui/utils");
 function makeStyles() {
   throw new Error(process.env.NODE_ENV !== "production" ? `MUI: makeStyles is not longer exported from @mui/material/styles.
 You have to import it from @mui/styles.
-See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` : (0, _utils.formatMuiErrorMessage)(14));
+See https://mui.com/r/migration-v4/#mui-material-styles for more details.` : (0, _utils.formatMuiErrorMessage)(14));
 }

package/node/styles/withStyles.js

@@ -10,5 +10,5 @@ var _utils = require("@mui/utils");
 function withStyles() {
   throw new Error(process.env.NODE_ENV !== "production" ? `MUI: withStyles is not longer exported from @mui/material/styles.
 You have to import it from @mui/styles.
-See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` : (0, _utils.formatMuiErrorMessage)(15));
+See https://mui.com/r/migration-v4/#mui-material-styles for more details.` : (0, _utils.formatMuiErrorMessage)(15));
 }

package/node/styles/withTheme.js

@@ -10,5 +10,5 @@ var _utils = require("@mui/utils");
 function withTheme() {
   throw new Error(process.env.NODE_ENV !== "production" ? `MUI: withTheme is not longer exported from @mui/material/styles.
 You have to import it from @mui/styles.
-See https://mui.com/r/migration-v4/#material-ui-core-styles for more details.` : (0, _utils.formatMuiErrorMessage)(16));
+See https://mui.com/r/migration-v4/#mui-material-styles for more details.` : (0, _utils.formatMuiErrorMessage)(16));
 }