@mui/material 5.0.6 → 5.2.1

package/node/IconButton/IconButton.js

@@ -19,7 +19,7 @@ var _clsx = _interopRequireDefault(require("clsx"));
 
 var _utils = require("@mui/utils");
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _system = require("@mui/system");
 
@@ -52,7 +52,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', disabled && 'disabled', color !== 'default' && `color${(0, _capitalize.default)(color)}`, edge && `edge${(0, _capitalize.default)(edge)}`, `size${(0, _capitalize.default)(size)}`]
   };
-  return (0, _core.unstable_composeClasses)(slots, _iconButtonClasses.getIconButtonUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _iconButtonClasses.getIconButtonUtilityClass, classes);
 };
 
 const IconButtonRoot = (0, _styled.default)(_ButtonBase.default, {
@@ -78,7 +78,8 @@ const IconButtonRoot = (0, _styled.default)(_ButtonBase.default, {
   color: theme.palette.action.active,
   transition: theme.transitions.create('background-color', {
     duration: theme.transitions.duration.shortest
-  }),
+  })
+}, !ownerState.disableRipple && {
   '&:hover': {
     backgroundColor: (0, _system.alpha)(theme.palette.action.active, theme.palette.action.hoverOpacity),
     // Reset on touch devices, it doesn't add specificity
@@ -95,8 +96,9 @@ const IconButtonRoot = (0, _styled.default)(_ButtonBase.default, {
   ownerState
 }) => (0, _extends2.default)({}, ownerState.color === 'inherit' && {
   color: 'inherit'
-}, ownerState.color !== 'inherit' && ownerState.color !== 'default' && {
-  color: theme.palette[ownerState.color].main,
+}, ownerState.color !== 'inherit' && ownerState.color !== 'default' && (0, _extends2.default)({
+  color: theme.palette[ownerState.color].main
+}, !ownerState.disableRipple && {
   '&:hover': {
     backgroundColor: (0, _system.alpha)(theme.palette[ownerState.color].main, theme.palette.action.hoverOpacity),
     // Reset on touch devices, it doesn't add specificity
@@ -104,7 +106,7 @@ const IconButtonRoot = (0, _styled.default)(_ButtonBase.default, {
       backgroundColor: 'transparent'
     }
   }
-}, ownerState.size === 'small' && {
+}), ownerState.size === 'small' && {
   padding: 5,
   fontSize: theme.typography.pxToRem(18)
 }, ownerState.size === 'large' && {
@@ -236,7 +238,7 @@ process.env.NODE_ENV !== "production" ? IconButton.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.oneOfType([_propTypes.default.func, _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 = IconButton;
 exports.default = _default;

package/node/IconButton/iconButtonClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getIconButtonUtilityClass = getIconButtonUtilityClass;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getIconButtonUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiIconButton', slot);
+  return (0, _base.generateUtilityClass)('MuiIconButton', slot);
 }
 
-const iconButtonClasses = (0, _core.generateUtilityClasses)('MuiIconButton', ['root', 'disabled', 'colorInherit', 'colorPrimary', 'colorSecondary', 'edgeStart', 'edgeEnd', 'sizeSmall', 'sizeMedium', 'sizeLarge']);
+const iconButtonClasses = (0, _base.generateUtilityClasses)('MuiIconButton', ['root', 'disabled', 'colorInherit', 'colorPrimary', 'colorSecondary', 'edgeStart', 'edgeEnd', 'sizeSmall', 'sizeMedium', 'sizeLarge']);
 var _default = iconButtonClasses;
 exports.default = _default;

package/node/ImageList/ImageList.js

@@ -11,7 +11,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _utils = require("@mui/utils");
 
@@ -45,7 +45,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', variant]
   };
-  return (0, _core.unstable_composeClasses)(slots, _imageListClasses.getImageListUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _imageListClasses.getImageListUtilityClass, classes);
 };
 
 const ImageListRoot = (0, _styled.default)('ul', {
@@ -184,7 +184,7 @@ process.env.NODE_ENV !== "production" ? ImageList.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.oneOfType([_propTypes.default.func, _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/ImageList/imageListClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getImageListUtilityClass = getImageListUtilityClass;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getImageListUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiImageList', slot);
+  return (0, _base.generateUtilityClass)('MuiImageList', slot);
 }
 
-const imageListClasses = (0, _core.generateUtilityClasses)('MuiImageList', ['root', 'masonry', 'quilted', 'standard', 'woven']);
+const imageListClasses = (0, _base.generateUtilityClasses)('MuiImageList', ['root', 'masonry', 'quilted', 'standard', 'woven']);
 var _default = imageListClasses;
 exports.default = _default;

package/node/ImageListItem/ImageListItem.js

@@ -11,7 +11,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _utils = require("@mui/utils");
 
@@ -50,7 +50,7 @@ const useUtilityClasses = ownerState => {
     root: ['root', variant],
     img: ['img']
   };
-  return (0, _core.unstable_composeClasses)(slots, _imageListItemClasses.getImageListItemUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _imageListItemClasses.getImageListItemUtilityClass, classes);
 };
 
 const ImageListItemRoot = (0, _styled.default)('li', {
@@ -209,7 +209,7 @@ process.env.NODE_ENV !== "production" ? ImageListItem.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.oneOfType([_propTypes.default.func, _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 = ImageListItem;
 exports.default = _default;

package/node/ImageListItem/imageListItemClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getImageListItemUtilityClass = getImageListItemUtilityClass;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getImageListItemUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiImageListItem', slot);
+  return (0, _base.generateUtilityClass)('MuiImageListItem', slot);
 }
 
-const imageListItemClasses = (0, _core.generateUtilityClasses)('MuiImageListItem', ['root', 'img', 'standard', 'woven', 'masonry', 'quilted']);
+const imageListItemClasses = (0, _base.generateUtilityClasses)('MuiImageListItem', ['root', 'img', 'standard', 'woven', 'masonry', 'quilted']);
 var _default = imageListItemClasses;
 exports.default = _default;

package/node/ImageListItemBar/ImageListItemBar.js

@@ -11,7 +11,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
@@ -49,7 +49,7 @@ const useUtilityClasses = ownerState => {
     subtitle: ['subtitle'],
     actionIcon: ['actionIcon', `actionIconActionPos${(0, _capitalize.default)(actionPosition)}`]
   };
-  return (0, _core.unstable_composeClasses)(slots, _imageListItemBarClasses.getImageListItemBarUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _imageListItemBarClasses.getImageListItemBarUtilityClass, classes);
 };
 
 const ImageListItemBarRoot = (0, _styled.default)('div', {
@@ -246,7 +246,7 @@ process.env.NODE_ENV !== "production" ? ImageListItemBar.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.oneOfType([_propTypes.default.func, _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]),
 
   /**
    * Title to be displayed.

package/node/ImageListItemBar/imageListItemBarClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getImageListItemBarUtilityClass = getImageListItemBarUtilityClass;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getImageListItemBarUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiImageListItemBar', slot);
+  return (0, _base.generateUtilityClass)('MuiImageListItemBar', slot);
 }
 
-const imageListItemBarClasses = (0, _core.generateUtilityClasses)('MuiImageListItemBar', ['root', 'positionBottom', 'positionTop', 'positionBelow', 'titleWrap', 'titleWrapBottom', 'titleWrapTop', 'titleWrapBelow', 'titleWrapActionPosLeft', 'titleWrapActionPosRight', 'title', 'subtitle', 'actionIcon', 'actionIconActionPosLeft', 'actionIconActionPosRight']);
+const imageListItemBarClasses = (0, _base.generateUtilityClasses)('MuiImageListItemBar', ['root', 'positionBottom', 'positionTop', 'positionBelow', 'titleWrap', 'titleWrapBottom', 'titleWrapTop', 'titleWrapBelow', 'titleWrapActionPosLeft', 'titleWrapActionPosRight', 'title', 'subtitle', 'actionIcon', 'actionIconActionPosLeft', 'actionIconActionPosRight']);
 var _default = imageListItemBarClasses;
 exports.default = _default;

package/node/Input/Input.js

@@ -15,7 +15,7 @@ var React = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _utils = require("@mui/utils");
 
@@ -46,7 +46,7 @@ const useUtilityClasses = ownerState => {
     root: ['root', !disableUnderline && 'underline'],
     input: ['input']
   };
-  const composedClasses = (0, _core.unstable_composeClasses)(slots, _inputClasses.getInputUtilityClass, classes);
+  const composedClasses = (0, _base.unstable_composeClasses)(slots, _inputClasses.getInputUtilityClass, classes);
   return (0, _extends2.default)({}, classes, composedClasses);
 };
 
@@ -339,7 +339,7 @@ process.env.NODE_ENV !== "production" ? Input.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.oneOfType([_propTypes.default.func, _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]),
 
   /**
    * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types).

package/node/Input/inputClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getInputUtilityClass = getInputUtilityClass;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getInputUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiInput', slot);
+  return (0, _base.generateUtilityClass)('MuiInput', slot);
 }
 
-const inputClasses = (0, _core.generateUtilityClasses)('MuiInput', ['root', 'formControl', 'focused', 'disabled', 'colorSecondary', 'underline', 'error', 'sizeSmall', 'multiline', 'fullWidth', 'input', 'inputSizeSmall', 'inputMultiline', 'inputTypeSearch']);
+const inputClasses = (0, _base.generateUtilityClasses)('MuiInput', ['root', 'formControl', 'focused', 'disabled', 'colorSecondary', 'underline', 'error', 'sizeSmall', 'multiline', 'fullWidth', 'input', 'inputSizeSmall', 'inputMultiline', 'inputTypeSearch']);
 var _default = inputClasses;
 exports.default = _default;

package/node/InputAdornment/InputAdornment.js

@@ -17,7 +17,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
 
@@ -60,7 +60,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', disablePointerEvents && 'disablePointerEvents', position && `position${(0, _capitalize.default)(position)}`, variant, hiddenLabel && 'hiddenLabel', size && `size${(0, _capitalize.default)(size)}`]
   };
-  return (0, _core.unstable_composeClasses)(slots, _inputAdornmentClasses.getInputAdornmentUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _inputAdornmentClasses.getInputAdornmentUtilityClass, classes);
 };
 
 const InputAdornmentRoot = (0, _styled.default)('div', {
@@ -209,7 +209,7 @@ process.env.NODE_ENV !== "production" ? InputAdornment.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.oneOfType([_propTypes.default.func, _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/InputAdornment/inputAdornmentClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getInputAdornmentUtilityClass = getInputAdornmentUtilityClass;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getInputAdornmentUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiInputAdornment', slot);
+  return (0, _base.generateUtilityClass)('MuiInputAdornment', slot);
 }
 
-const inputAdornmentClasses = (0, _core.generateUtilityClasses)('MuiInputAdornment', ['root', 'filled', 'standard', 'outlined', 'positionStart', 'positionEnd', 'disablePointerEvents', 'hiddenLabel', 'sizeSmall']);
+const inputAdornmentClasses = (0, _base.generateUtilityClasses)('MuiInputAdornment', ['root', 'filled', 'standard', 'outlined', 'positionStart', 'positionEnd', 'disablePointerEvents', 'hiddenLabel', 'sizeSmall']);
 var _default = inputAdornmentClasses;
 exports.default = _default;

package/node/InputBase/InputBase.js

@@ -19,7 +19,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _formControlState = _interopRequireDefault(require("../FormControl/formControlState"));
 
@@ -89,7 +89,7 @@ const useUtilityClasses = ownerState => {
     root: ['root', `color${(0, _capitalize.default)(color)}`, disabled && 'disabled', error && 'error', fullWidth && 'fullWidth', focused && 'focused', formControl && 'formControl', size === 'small' && 'sizeSmall', multiline && 'multiline', startAdornment && 'adornedStart', endAdornment && 'adornedEnd', hiddenLabel && 'hiddenLabel'],
     input: ['input', disabled && 'disabled', type === 'search' && 'inputTypeSearch', multiline && 'inputMultiline', size === 'small' && 'inputSizeSmall', hiddenLabel && 'inputHiddenLabel', startAdornment && 'inputAdornedStart', endAdornment && 'inputAdornedEnd']
   };
-  return (0, _core.unstable_composeClasses)(slots, _inputBaseClasses.getInputBaseUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _inputBaseClasses.getInputBaseUtilityClass, classes);
 };
 
 const InputBaseRoot = (0, _styled.default)('div', {
@@ -217,8 +217,7 @@ const InputBaseComponent = (0, _styled.default)('input', {
     paddingTop: 0
   }, ownerState.type === 'search' && {
     // Improve type search style.
-    MozAppearance: 'textfield',
-    WebkitAppearance: 'textfield'
+    MozAppearance: 'textfield'
   });
 });
 exports.InputBaseComponent = InputBaseComponent;
@@ -448,7 +447,7 @@ const InputBase = /*#__PURE__*/React.forwardRef(function InputBase(inProps, ref)
       }, inputProps);
     }
 
-    InputComponent = _core.TextareaAutosize;
+    InputComponent = _base.TextareaAutosize;
   }
 
   const handleAutoFill = event => {
@@ -483,7 +482,7 @@ const InputBase = /*#__PURE__*/React.forwardRef(function InputBase(inProps, ref)
   const Input = components.Input || InputBaseComponent;
   inputProps = (0, _extends2.default)({}, inputProps, componentsProps.input);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
-    children: [inputGlobalStyles, /*#__PURE__*/(0, _jsxRuntime.jsxs)(Root, (0, _extends2.default)({}, rootProps, !(0, _core.isHostComponent)(Root) && {
+    children: [inputGlobalStyles, /*#__PURE__*/(0, _jsxRuntime.jsxs)(Root, (0, _extends2.default)({}, rootProps, !(0, _base.isHostComponent)(Root) && {
       ownerState: (0, _extends2.default)({}, ownerState, rootProps.ownerState)
     }, {
       ref: ref,
@@ -511,12 +510,12 @@ const InputBase = /*#__PURE__*/React.forwardRef(function InputBase(inProps, ref)
           onKeyDown: onKeyDown,
           onKeyUp: onKeyUp,
           type: type
-        }, inputProps, !(0, _core.isHostComponent)(Input) && {
+        }, inputProps, !(0, _base.isHostComponent)(Input) && {
           as: InputComponent,
           ownerState: (0, _extends2.default)({}, ownerState, inputProps.ownerState)
         }, {
           ref: handleInputRef,
-          className: (0, _clsx.default)(classes.input, inputProps.className, inputPropsProp.className),
+          className: (0, _clsx.default)(classes.input, inputProps.className),
           onBlur: handleBlur,
           onChange: handleChange,
           onFocus: handleFocus
@@ -742,7 +741,7 @@ process.env.NODE_ENV !== "production" ? InputBase.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.oneOfType([_propTypes.default.func, _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]),
 
   /**
    * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types).

package/node/InputBase/inputBaseClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getInputBaseUtilityClass = getInputBaseUtilityClass;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getInputBaseUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiInputBase', slot);
+  return (0, _base.generateUtilityClass)('MuiInputBase', slot);
 }
 
-const inputBaseClasses = (0, _core.generateUtilityClasses)('MuiInputBase', ['root', 'formControl', 'focused', 'disabled', 'adornedStart', 'adornedEnd', 'error', 'sizeSmall', 'multiline', 'colorSecondary', 'fullWidth', 'hiddenLabel', 'input', 'inputSizeSmall', 'inputMultiline', 'inputTypeSearch', 'inputAdornedStart', 'inputAdornedEnd', 'inputHiddenLabel']);
+const inputBaseClasses = (0, _base.generateUtilityClasses)('MuiInputBase', ['root', 'formControl', 'focused', 'disabled', 'adornedStart', 'adornedEnd', 'error', 'sizeSmall', 'multiline', 'colorSecondary', 'fullWidth', 'hiddenLabel', 'input', 'inputSizeSmall', 'inputMultiline', 'inputTypeSearch', 'inputAdornedStart', 'inputAdornedEnd', 'inputHiddenLabel']);
 var _default = inputBaseClasses;
 exports.default = _default;

package/node/InputLabel/InputLabel.js

@@ -15,7 +15,7 @@ var React = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _formControlState = _interopRequireDefault(require("../FormControl/formControlState"));
 
@@ -51,7 +51,7 @@ const useUtilityClasses = ownerState => {
     root: ['root', formControl && 'formControl', !disableAnimation && 'animated', shrink && 'shrink', size === 'small' && 'sizeSmall', variant],
     asterisk: [required && 'asterisk']
   };
-  const composedClasses = (0, _core.unstable_composeClasses)(slots, _inputLabelClasses.getInputLabelUtilityClasses, classes);
+  const composedClasses = (0, _base.unstable_composeClasses)(slots, _inputLabelClasses.getInputLabelUtilityClasses, classes);
   return (0, _extends2.default)({}, classes, composedClasses);
 };
 
@@ -227,7 +227,7 @@ process.env.NODE_ENV !== "production" ? InputLabel.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.oneOfType([_propTypes.default.func, _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/InputLabel/inputLabelClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getInputLabelUtilityClasses = getInputLabelUtilityClasses;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getInputLabelUtilityClasses(slot) {
-  return (0, _core.generateUtilityClass)('MuiInputLabel', slot);
+  return (0, _base.generateUtilityClass)('MuiInputLabel', slot);
 }
 
-const inputLabelClasses = (0, _core.generateUtilityClasses)('MuiInputLabel', ['root', 'focused', 'disabled', 'error', 'required', 'asterisk', 'formControl', 'sizeSmall', 'shrink', 'animated', 'standard', 'filled', 'outlined']);
+const inputLabelClasses = (0, _base.generateUtilityClasses)('MuiInputLabel', ['root', 'focused', 'disabled', 'error', 'required', 'asterisk', 'formControl', 'sizeSmall', 'shrink', 'animated', 'standard', 'filled', 'outlined']);
 var _default = inputLabelClasses;
 exports.default = _default;

package/node/LinearProgress/LinearProgress.js

@@ -17,7 +17,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _system = require("@mui/system");
 
@@ -102,7 +102,7 @@ const useUtilityClasses = ownerState => {
     bar1: ['bar', `barColor${(0, _capitalize.default)(color)}`, (variant === 'indeterminate' || variant === 'query') && 'bar1Indeterminate', variant === 'determinate' && 'bar1Determinate', variant === 'buffer' && 'bar1Buffer'],
     bar2: ['bar', variant !== 'buffer' && `barColor${(0, _capitalize.default)(color)}`, variant === 'buffer' && `color${(0, _capitalize.default)(color)}`, (variant === 'indeterminate' || variant === 'query') && 'bar2Indeterminate', variant === 'buffer' && 'bar2Buffer']
   };
-  return (0, _core.unstable_composeClasses)(slots, _linearProgressClasses.getLinearProgressUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _linearProgressClasses.getLinearProgressUtilityClass, classes);
 };
 
 const getColorShade = (theme, color) => {
@@ -361,7 +361,7 @@ process.env.NODE_ENV !== "production" ? LinearProgress.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.oneOfType([_propTypes.default.func, _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 progress indicator for the determinate and buffer variants.

package/node/LinearProgress/linearProgressClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getLinearProgressUtilityClass = getLinearProgressUtilityClass;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getLinearProgressUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiLinearProgress', slot);
+  return (0, _base.generateUtilityClass)('MuiLinearProgress', slot);
 }
 
-const linearProgressClasses = (0, _core.generateUtilityClasses)('MuiLinearProgress', ['root', 'colorPrimary', 'colorSecondary', 'determinate', 'indeterminate', 'buffer', 'query', 'dashed', 'dashedColorPrimary', 'dashedColorSecondary', 'bar', 'barColorPrimary', 'barColorSecondary', 'bar1Indeterminate', 'bar1Determinate', 'bar1Buffer', 'bar2Indeterminate', 'bar2Buffer']);
+const linearProgressClasses = (0, _base.generateUtilityClasses)('MuiLinearProgress', ['root', 'colorPrimary', 'colorSecondary', 'determinate', 'indeterminate', 'buffer', 'query', 'dashed', 'dashedColorPrimary', 'dashedColorSecondary', 'bar', 'barColorPrimary', 'barColorSecondary', 'bar1Indeterminate', 'bar1Determinate', 'bar1Buffer', 'bar2Indeterminate', 'bar2Buffer']);
 var _default = linearProgressClasses;
 exports.default = _default;

package/node/Link/Link.js

@@ -19,7 +19,7 @@ var _clsx = _interopRequireDefault(require("clsx"));
 
 var _utils = require("@mui/utils");
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _system = require("@mui/system");
 
@@ -67,7 +67,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', `underline${(0, _capitalize.default)(underline)}`, component === 'button' && 'button', focusVisible && 'focusVisible']
   };
-  return (0, _core.unstable_composeClasses)(slots, _linkClasses.getLinkUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _linkClasses.getLinkUtilityClass, classes);
 };
 
 const LinkRoot = (0, _styled.default)(_Typography.default, {
@@ -245,7 +245,7 @@ process.env.NODE_ENV !== "production" ? Link.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.oneOfType([_propTypes.default.func, _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]),
 
   /**
    * `classes` prop applied to the [`Typography`](/api/typography/) element.

package/node/Link/linkClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getLinkUtilityClass = getLinkUtilityClass;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getLinkUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiLink', slot);
+  return (0, _base.generateUtilityClass)('MuiLink', slot);
 }
 
-const linkClasses = (0, _core.generateUtilityClasses)('MuiLink', ['root', 'underlineNone', 'underlineHover', 'underlineAlways', 'button', 'focusVisible']);
+const linkClasses = (0, _base.generateUtilityClasses)('MuiLink', ['root', 'underlineNone', 'underlineHover', 'underlineAlways', 'button', 'focusVisible']);
 var _default = linkClasses;
 exports.default = _default;

package/node/List/List.js

@@ -17,7 +17,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _styled = _interopRequireDefault(require("../styles/styled"));
 
@@ -45,7 +45,7 @@ const useUtilityClasses = ownerState => {
   const slots = {
     root: ['root', !disablePadding && 'padding', dense && 'dense', subheader && 'subheader']
   };
-  return (0, _core.unstable_composeClasses)(slots, _listClasses.getListUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _listClasses.getListUtilityClass, classes);
 };
 
 const ListRoot = (0, _styled.default)('ul', {
@@ -156,7 +156,7 @@ process.env.NODE_ENV !== "production" ? List.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.oneOfType([_propTypes.default.func, _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 = List;
 exports.default = _default;

package/node/List/listClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getListUtilityClass = getListUtilityClass;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getListUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiList', slot);
+  return (0, _base.generateUtilityClass)('MuiList', slot);
 }
 
-const listClasses = (0, _core.generateUtilityClasses)('MuiList', ['root', 'padding', 'dense', 'subheader']);
+const listClasses = (0, _base.generateUtilityClasses)('MuiList', ['root', 'padding', 'dense', 'subheader']);
 var _default = listClasses;
 exports.default = _default;

package/node/ListItem/ListItem.js

@@ -17,7 +17,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 var _utils = require("@mui/utils");
 
@@ -78,7 +78,7 @@ const useUtilityClasses = ownerState => {
     root: ['root', dense && 'dense', !disableGutters && 'gutters', !disablePadding && 'padding', divider && 'divider', disabled && 'disabled', button && 'button', alignItems === 'flex-start' && 'alignItemsFlexStart', hasSecondaryAction && 'secondaryAction', selected && 'selected'],
     container: ['container']
   };
-  return (0, _core.unstable_composeClasses)(slots, _listItemClasses.getListItemUtilityClass, classes);
+  return (0, _base.unstable_composeClasses)(slots, _listItemClasses.getListItemUtilityClass, classes);
 };
 
 const ListItemRoot = (0, _styled.default)('div', {
@@ -265,7 +265,7 @@ const ListItem = /*#__PURE__*/React.forwardRef(function ListItem(inProps, ref) {
         ref: handleRef,
         ownerState: ownerState
       }, ContainerProps, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Root, (0, _extends2.default)({}, rootProps, !(0, _core.isHostComponent)(Root) && {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Root, (0, _extends2.default)({}, rootProps, !(0, _base.isHostComponent)(Root) && {
           as: Component,
           ownerState: (0, _extends2.default)({}, ownerState, rootProps.ownerState)
         }, componentProps, {
@@ -281,7 +281,7 @@ const ListItem = /*#__PURE__*/React.forwardRef(function ListItem(inProps, ref) {
       as: Component,
       ref: handleRef,
       ownerState: ownerState
-    }, !(0, _core.isHostComponent)(Root) && {
+    }, !(0, _base.isHostComponent)(Root) && {
       ownerState: (0, _extends2.default)({}, ownerState, rootProps.ownerState)
     }, componentProps, {
       children: [children, secondaryAction && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItemSecondaryAction.default, {
@@ -443,7 +443,7 @@ process.env.NODE_ENV !== "production" ? ListItem.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: _propTypes.default.oneOfType([_propTypes.default.func, _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 = ListItem;
 exports.default = _default;

package/node/ListItem/listItemClasses.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 exports.getListItemUtilityClass = getListItemUtilityClass;
 
-var _core = require("@mui/core");
+var _base = require("@mui/base");
 
 function getListItemUtilityClass(slot) {
-  return (0, _core.generateUtilityClass)('MuiListItem', slot);
+  return (0, _base.generateUtilityClass)('MuiListItem', slot);
 }
 
-const listItemClasses = (0, _core.generateUtilityClasses)('MuiListItem', ['root', 'container', 'focusVisible', 'dense', 'alignItemsFlexStart', 'disabled', 'divider', 'gutters', 'padding', 'button', 'secondaryAction', 'selected']);
+const listItemClasses = (0, _base.generateUtilityClasses)('MuiListItem', ['root', 'container', 'focusVisible', 'dense', 'alignItemsFlexStart', 'disabled', 'divider', 'gutters', 'padding', 'button', 'secondaryAction', 'selected']);
 var _default = listItemClasses;
 exports.default = _default;