@mui/material 5.0.3 → 5.1.0

package/modern/Tooltip/Tooltip.js

@@ -211,7 +211,7 @@ function composeEventHandler(handler, eventHandler) {
 
     handler(event);
   };
-} // TODO (v6) Remove PopperComponent, PopperProps, TransitionComponent and TransitionProps.
+} // TODO v6: Remove PopperComponent, PopperProps, TransitionComponent and TransitionProps.
 
 
 const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
@@ -582,7 +582,7 @@ const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
 
   const classes = useUtilityClasses(ownerState);
   const PopperComponent = components.Popper ?? TooltipPopper;
-  const TransitionComponent = TransitionComponentProp ?? components.Transition ?? Grow;
+  const TransitionComponent = components.Transition ?? TransitionComponentProp ?? Grow;
   const TooltipComponent = components.Tooltip ?? TooltipTooltip;
   const ArrowComponent = components.Arrow ?? TooltipArrow;
   const popperProps = appendOwnerState(PopperComponent, _extends({}, PopperProps, componentsProps.popper), ownerState);
@@ -608,7 +608,7 @@ const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
       id: id,
       transition: true
     }, interactiveWrapperListeners, popperProps, {
-      className: clsx(classes.popper, componentsProps.popper?.className),
+      className: clsx(classes.popper, PopperProps?.className, componentsProps.popper?.className),
       popperOptions: popperOptions,
       children: ({
         TransitionProps: TransitionPropsInner
@@ -669,6 +669,8 @@ process.env.NODE_ENV !== "production" ? Tooltip.propTypes
 
   /**
    * The props used for each slot inside the Tooltip.
+   * Note that `componentsProps.popper` prop values win over `PopperProps`
+   * and `componentsProps.transition` prop values win over `TransitionProps` if both are applied.
    * @default {}
    */
   componentsProps: PropTypes.object,
@@ -789,7 +791,7 @@ process.env.NODE_ENV !== "production" ? Tooltip.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object])), PropTypes.func, PropTypes.object]),
 
   /**
    * Tooltip title. Zero-length titles string are never displayed.

package/modern/Typography/Typography.js

@@ -180,7 +180,7 @@ process.env.NODE_ENV !== "production" ? Typography.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.object,
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object])), PropTypes.func, PropTypes.object]),
 
   /**
    * Applies the theme typography styles.

package/modern/Zoom/Zoom.js

@@ -158,7 +158,7 @@ process.env.NODE_ENV !== "production" ? Zoom.propTypes
   /**
    * A single child content element.
    */
-  children: elementAcceptingRef,
+  children: elementAcceptingRef.isRequired,
 
   /**
    * The transition timing function.

package/modern/index.js

@@ -1,4 +1,4 @@
-/** @license MUI v5.0.3
+/** @license MUI v5.1.0
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/modern/styles/createPalette.js

@@ -182,7 +182,7 @@ function getDefaultWarning(mode = 'light') {
   }
 
   return {
-    main: '#ED6C02',
+    main: '#ed6c02',
     // closest to orange[800] that pass 3:1.
     light: orange[500],
     dark: orange[900]

package/modern/styles/index.js

@@ -1,5 +1,5 @@
 export { default as adaptV4Theme } from './adaptV4Theme';
-export { hexToRgb, rgbToHex, hslToRgb, decomposeColor, recomposeColor, getContrastRatio, getLuminance, emphasize, alpha, darken, lighten } from '@mui/system';
+export { hexToRgb, rgbToHex, hslToRgb, decomposeColor, recomposeColor, getContrastRatio, getLuminance, emphasize, alpha, darken, lighten, css, keyframes } from '@mui/system';
 export { default as createTheme, createMuiTheme } from './createTheme';
 export { default as unstable_createMuiStrictModeTheme } from './createMuiStrictModeTheme';
 export { default as createStyles } from './createStyles';

package/modern/utils/index.js

@@ -14,4 +14,5 @@ export { default as unsupportedProp } from './unsupportedProp';
 export { default as useControlled } from './useControlled';
 export { default as useEventCallback } from './useEventCallback';
 export { default as useForkRef } from './useForkRef';
-export { default as useIsFocusVisible } from './useIsFocusVisible';
+export { default as useIsFocusVisible } from './useIsFocusVisible';
+export { unstable_ClassNameGenerator } from '@mui/core';

package/node/Accordion/Accordion.js

@@ -285,7 +285,7 @@ process.env.NODE_ENV !== "production" ? Accordion.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.object,
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object]),
 
   /**
    * The component used for the transition.

package/node/Accordion/accordionClasses.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getAccordionUtilityClass = getAccordionUtilityClass;
 exports.default = void 0;
+exports.getAccordionUtilityClass = getAccordionUtilityClass;
 
 var _core = require("@mui/core");
 

package/node/Accordion/index.js

@@ -8,16 +8,16 @@ Object.defineProperty(exports, "__esModule", {
 var _exportNames = {
   accordionClasses: true
 };
-Object.defineProperty(exports, "default", {
+Object.defineProperty(exports, "accordionClasses", {
   enumerable: true,
   get: function () {
-    return _Accordion.default;
+    return _accordionClasses.default;
   }
 });
-Object.defineProperty(exports, "accordionClasses", {
+Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
-    return _accordionClasses.default;
+    return _Accordion.default;
   }
 });
 

package/node/AccordionActions/AccordionActions.js

@@ -117,7 +117,7 @@ process.env.NODE_ENV !== "production" ? AccordionActions.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.object
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object])
 } : void 0;
 var _default = AccordionActions;
 exports.default = _default;

package/node/AccordionActions/accordionActionsClasses.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getAccordionActionsUtilityClass = getAccordionActionsUtilityClass;
 exports.default = void 0;
+exports.getAccordionActionsUtilityClass = getAccordionActionsUtilityClass;
 
 var _core = require("@mui/core");
 

package/node/AccordionActions/index.js

@@ -8,16 +8,16 @@ Object.defineProperty(exports, "__esModule", {
 var _exportNames = {
   accordionActionsClasses: true
 };
-Object.defineProperty(exports, "default", {
+Object.defineProperty(exports, "accordionActionsClasses", {
   enumerable: true,
   get: function () {
-    return _AccordionActions.default;
+    return _accordionActionsClasses.default;
   }
 });
-Object.defineProperty(exports, "accordionActionsClasses", {
+Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
-    return _accordionActionsClasses.default;
+    return _AccordionActions.default;
   }
 });
 

package/node/AccordionDetails/AccordionDetails.js

@@ -95,7 +95,7 @@ process.env.NODE_ENV !== "production" ? AccordionDetails.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.object
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object])
 } : void 0;
 var _default = AccordionDetails;
 exports.default = _default;

package/node/AccordionDetails/accordionDetailsClasses.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getAccordionDetailsUtilityClass = getAccordionDetailsUtilityClass;
 exports.default = void 0;
+exports.getAccordionDetailsUtilityClass = getAccordionDetailsUtilityClass;
 
 var _core = require("@mui/core");
 

package/node/AccordionDetails/index.js

@@ -8,16 +8,16 @@ Object.defineProperty(exports, "__esModule", {
 var _exportNames = {
   accordionDetailsClasses: true
 };
-Object.defineProperty(exports, "default", {
+Object.defineProperty(exports, "accordionDetailsClasses", {
   enumerable: true,
   get: function () {
-    return _AccordionDetails.default;
+    return _accordionDetailsClasses.default;
   }
 });
-Object.defineProperty(exports, "accordionDetailsClasses", {
+Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
-    return _accordionDetailsClasses.default;
+    return _AccordionDetails.default;
   }
 });
 

package/node/AccordionSummary/AccordionSummary.js

@@ -225,7 +225,7 @@ process.env.NODE_ENV !== "production" ? AccordionSummary.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.object
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object])
 } : void 0;
 var _default = AccordionSummary;
 exports.default = _default;

package/node/AccordionSummary/accordionSummaryClasses.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getAccordionSummaryUtilityClass = getAccordionSummaryUtilityClass;
 exports.default = void 0;
+exports.getAccordionSummaryUtilityClass = getAccordionSummaryUtilityClass;
 
 var _core = require("@mui/core");
 

package/node/AccordionSummary/index.js

@@ -8,16 +8,16 @@ Object.defineProperty(exports, "__esModule", {
 var _exportNames = {
   accordionSummaryClasses: true
 };
-Object.defineProperty(exports, "default", {
+Object.defineProperty(exports, "accordionSummaryClasses", {
   enumerable: true,
   get: function () {
-    return _AccordionSummary.default;
+    return _accordionSummaryClasses.default;
   }
 });
-Object.defineProperty(exports, "accordionSummaryClasses", {
+Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
-    return _accordionSummaryClasses.default;
+    return _AccordionSummary.default;
   }
 });
 

package/node/Alert/Alert.js

@@ -296,7 +296,7 @@ process.env.NODE_ENV !== "production" ? Alert.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.object,
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object]),
 
   /**
    * The variant to use.

package/node/Alert/alertClasses.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getAlertUtilityClass = getAlertUtilityClass;
 exports.default = void 0;
+exports.getAlertUtilityClass = getAlertUtilityClass;
 
 var _core = require("@mui/core");
 

package/node/Alert/index.js

@@ -8,16 +8,16 @@ Object.defineProperty(exports, "__esModule", {
 var _exportNames = {
   alertClasses: true
 };
-Object.defineProperty(exports, "default", {
+Object.defineProperty(exports, "alertClasses", {
   enumerable: true,
   get: function () {
-    return _Alert.default;
+    return _alertClasses.default;
   }
 });
-Object.defineProperty(exports, "alertClasses", {
+Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
-    return _alertClasses.default;
+    return _Alert.default;
   }
 });
 

package/node/AlertTitle/AlertTitle.js

@@ -102,7 +102,7 @@ process.env.NODE_ENV !== "production" ? AlertTitle.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.object
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object])
 } : void 0;
 var _default = AlertTitle;
 exports.default = _default;

package/node/AlertTitle/alertTitleClasses.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getAlertTitleUtilityClass = getAlertTitleUtilityClass;
 exports.default = void 0;
+exports.getAlertTitleUtilityClass = getAlertTitleUtilityClass;
 
 var _core = require("@mui/core");
 

package/node/AlertTitle/index.js

@@ -8,16 +8,16 @@ Object.defineProperty(exports, "__esModule", {
 var _exportNames = {
   alertTitleClasses: true
 };
-Object.defineProperty(exports, "default", {
+Object.defineProperty(exports, "alertTitleClasses", {
   enumerable: true,
   get: function () {
-    return _AlertTitle.default;
+    return _alertTitleClasses.default;
   }
 });
-Object.defineProperty(exports, "alertTitleClasses", {
+Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
-    return _alertTitleClasses.default;
+    return _AlertTitle.default;
   }
 });
 

package/node/AppBar/AppBar.js

@@ -190,7 +190,7 @@ process.env.NODE_ENV !== "production" ? AppBar.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.object
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object])
 } : void 0;
 var _default = AppBar;
 exports.default = _default;

package/node/AppBar/appBarClasses.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getAppBarUtilityClass = getAppBarUtilityClass;
 exports.default = void 0;
+exports.getAppBarUtilityClass = getAppBarUtilityClass;
 
 var _core = require("@mui/core");
 

package/node/AppBar/index.js

@@ -8,16 +8,16 @@ Object.defineProperty(exports, "__esModule", {
 var _exportNames = {
   appBarClasses: true
 };
-Object.defineProperty(exports, "default", {
+Object.defineProperty(exports, "appBarClasses", {
   enumerable: true,
   get: function () {
-    return _AppBar.default;
+    return _appBarClasses.default;
   }
 });
-Object.defineProperty(exports, "appBarClasses", {
+Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
-    return _appBarClasses.default;
+    return _AppBar.default;
   }
 });
 

package/node/Autocomplete/Autocomplete.js

@@ -39,6 +39,14 @@ var _IconButton = _interopRequireDefault(require("../IconButton"));
 
 var _Chip = _interopRequireDefault(require("../Chip"));
 
+var _inputClasses = _interopRequireDefault(require("../Input/inputClasses"));
+
+var _inputBaseClasses = _interopRequireDefault(require("../InputBase/inputBaseClasses"));
+
+var _outlinedInputClasses = _interopRequireDefault(require("../OutlinedInput/outlinedInputClasses"));
+
+var _filledInputClasses = _interopRequireDefault(require("../FilledInput/filledInputClasses"));
+
 var _Close = _interopRequireDefault(require("../internal/svg-icons/Close"));
 
 var _ArrowDropDown = _interopRequireDefault(require("../internal/svg-icons/ArrowDropDown"));
@@ -155,18 +163,18 @@ const AutocompleteRoot = (0, _styled.default)('div', {
       minWidth: 30
     }
   },
-  '& .MuiInput-root': {
+  [`& .${_inputClasses.default.root}`]: {
     paddingBottom: 1,
     '& .MuiInput-input': {
       padding: '4px 4px 4px 0px'
     }
   },
-  '& .MuiInput-root.MuiInputBase-sizeSmall': {
-    '& .MuiInput-input': {
+  [`& .${_inputClasses.default.root}.${_inputBaseClasses.default.sizeSmall}`]: {
+    [`& .${_inputClasses.default.input}`]: {
       padding: '2px 4px 3px 0'
     }
   },
-  '& .MuiOutlinedInput-root': {
+  [`& .${_outlinedInputClasses.default.root}`]: {
     padding: 9,
     [`.${_autocompleteClasses.default.hasPopupIcon}&, .${_autocompleteClasses.default.hasClearIcon}&`]: {
       paddingRight: 26 + 4 + 9
@@ -181,13 +189,13 @@ const AutocompleteRoot = (0, _styled.default)('div', {
       right: 9
     }
   },
-  '& .MuiOutlinedInput-root.MuiInputBase-sizeSmall': {
+  [`& .${_outlinedInputClasses.default.root}.${_inputBaseClasses.default.sizeSmall}`]: {
     padding: 6,
     [`& .${_autocompleteClasses.default.input}`]: {
       padding: '2.5px 4px 2.5px 6px'
     }
   },
-  '& .MuiFilledInput-root': {
+  [`& .${_filledInputClasses.default.root}`]: {
     paddingTop: 19,
     paddingLeft: 8,
     [`.${_autocompleteClasses.default.hasPopupIcon}&, .${_autocompleteClasses.default.hasClearIcon}&`]: {
@@ -196,19 +204,22 @@ const AutocompleteRoot = (0, _styled.default)('div', {
     [`.${_autocompleteClasses.default.hasPopupIcon}.${_autocompleteClasses.default.hasClearIcon}&`]: {
       paddingRight: 52 + 4 + 9
     },
-    '& .MuiFilledInput-input': {
+    [`& .${_filledInputClasses.default.input}`]: {
       padding: '7px 4px'
     },
     [`& .${_autocompleteClasses.default.endAdornment}`]: {
       right: 9
     }
   },
-  '& .MuiFilledInput-root.MuiInputBase-sizeSmall': {
+  [`& .${_filledInputClasses.default.root}.${_inputBaseClasses.default.sizeSmall}`]: {
     paddingBottom: 1,
-    '& .MuiFilledInput-input': {
+    [`& .${_filledInputClasses.default.input}`]: {
       padding: '2.5px 4px'
     }
   },
+  [`& .${_inputBaseClasses.default.hiddenLabel}`]: {
+    paddingTop: 8
+  },
   [`& .${_autocompleteClasses.default.input}`]: (0, _extends2.default)({
     flexGrow: 1,
     textOverflow: 'ellipsis',
@@ -1022,7 +1033,7 @@ process.env.NODE_ENV !== "production" ? Autocomplete.propTypes
   /**
    * Render the group.
    *
-   * @param {any} option The group to render.
+   * @param {AutocompleteRenderGroupParams} params The group to render.
    * @returns {ReactNode}
    */
   renderGroup: _propTypes.default.func,
@@ -1072,7 +1083,7 @@ process.env.NODE_ENV !== "production" ? Autocomplete.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.object,
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object]),
 
   /**
    * The value of the autocomplete.

package/node/Autocomplete/autocompleteClasses.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getAutocompleteUtilityClass = getAutocompleteUtilityClass;
 exports.default = void 0;
+exports.getAutocompleteUtilityClass = getAutocompleteUtilityClass;
 
 var _core = require("@mui/core");
 

package/node/Autocomplete/index.js

@@ -7,10 +7,10 @@ var _exportNames = {
   createFilterOptions: true,
   autocompleteClasses: true
 };
-Object.defineProperty(exports, "default", {
+Object.defineProperty(exports, "autocompleteClasses", {
   enumerable: true,
   get: function () {
-    return _Autocomplete.default;
+    return _autocompleteClasses.default;
   }
 });
 Object.defineProperty(exports, "createFilterOptions", {
@@ -19,10 +19,10 @@ Object.defineProperty(exports, "createFilterOptions", {
     return _Autocomplete.createFilterOptions;
   }
 });
-Object.defineProperty(exports, "autocompleteClasses", {
+Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
-    return _autocompleteClasses.default;
+    return _Autocomplete.default;
   }
 });
 

package/node/Avatar/Avatar.js

@@ -275,7 +275,7 @@ process.env.NODE_ENV !== "production" ? Avatar.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.object,
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object]),
 
   /**
    * The shape of the avatar.

package/node/Avatar/avatarClasses.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getAvatarUtilityClass = getAvatarUtilityClass;
 exports.default = void 0;
+exports.getAvatarUtilityClass = getAvatarUtilityClass;
 
 var _core = require("@mui/core");
 

package/node/Avatar/index.js

@@ -8,16 +8,16 @@ Object.defineProperty(exports, "__esModule", {
 var _exportNames = {
   avatarClasses: true
 };
-Object.defineProperty(exports, "default", {
+Object.defineProperty(exports, "avatarClasses", {
   enumerable: true,
   get: function () {
-    return _Avatar.default;
+    return _avatarClasses.default;
   }
 });
-Object.defineProperty(exports, "avatarClasses", {
+Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
-    return _avatarClasses.default;
+    return _Avatar.default;
   }
 });
 

package/node/AvatarGroup/AvatarGroup.js

@@ -27,7 +27,7 @@ var _styled = _interopRequireDefault(require("../styles/styled"));
 
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 
-var _Avatar = _interopRequireDefault(require("../Avatar"));
+var _Avatar = _interopRequireWildcard(require("../Avatar"));
 
 var _avatarGroupClasses = _interopRequireWildcard(require("./avatarGroupClasses"));
 
@@ -64,7 +64,7 @@ const AvatarGroupRoot = (0, _styled.default)('div', {
 })(({
   theme
 }) => ({
-  [`& .MuiAvatar-root`]: {
+  [`& .${_Avatar.avatarClasses.root}`]: {
     border: `2px solid ${theme.palette.background.default}`,
     boxSizing: 'content-box',
     marginLeft: -8,
@@ -188,7 +188,7 @@ process.env.NODE_ENV !== "production" ? AvatarGroup.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.object,
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object]),
 
   /**
    * The variant to use.

package/node/AvatarGroup/avatarGroupClasses.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getAvatarGroupUtilityClass = getAvatarGroupUtilityClass;
 exports.default = void 0;
+exports.getAvatarGroupUtilityClass = getAvatarGroupUtilityClass;
 
 var _core = require("@mui/core");
 

package/node/AvatarGroup/index.js

@@ -8,16 +8,16 @@ Object.defineProperty(exports, "__esModule", {
 var _exportNames = {
   avatarGroupClasses: true
 };
-Object.defineProperty(exports, "default", {
+Object.defineProperty(exports, "avatarGroupClasses", {
   enumerable: true,
   get: function () {
-    return _AvatarGroup.default;
+    return _avatarGroupClasses.default;
   }
 });
-Object.defineProperty(exports, "avatarGroupClasses", {
+Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
-    return _avatarGroupClasses.default;
+    return _AvatarGroup.default;
   }
 });
 

package/node/Backdrop/Backdrop.js

@@ -165,7 +165,7 @@ process.env.NODE_ENV !== "production" ? Backdrop.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.object,
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])), _propTypes.default.func, _propTypes.default.object]),
 
   /**
    * The duration for the transition, in milliseconds.