@mui/material 5.0.3 → 5.1.0

package/node/Fab/fabClasses.js

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

package/node/Fade/Fade.js

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

package/node/FilledInput/FilledInput.js

@@ -411,7 +411,7 @@ process.env.NODE_ENV !== "production" ? FilledInput.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]),
 
   /**
    * 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/FilledInput/filledInputClasses.js

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

package/node/FormControl/FormControl.js

@@ -338,7 +338,7 @@ process.env.NODE_ENV !== "production" ? FormControl.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/FormControl/formControlClasses.js

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

package/node/FormControl/index.js

@@ -15,16 +15,16 @@ Object.defineProperty(exports, "default", {
     return _FormControl.default;
   }
 });
-Object.defineProperty(exports, "useFormControl", {
+Object.defineProperty(exports, "formControlClasses", {
   enumerable: true,
   get: function () {
-    return _useFormControl.default;
+    return _formControlClasses.default;
   }
 });
-Object.defineProperty(exports, "formControlClasses", {
+Object.defineProperty(exports, "useFormControl", {
   enumerable: true,
   get: function () {
-    return _formControlClasses.default;
+    return _useFormControl.default;
   }
 });
 

package/node/FormControlLabel/FormControlLabel.js

@@ -208,9 +208,9 @@ process.env.NODE_ENV !== "production" ? FormControlLabel.propTypes
   inputRef: _utils.refType,
 
   /**
-   * The text to be used in an enclosing label element.
+   * A text or an element to be used in an enclosing label element.
    */
-  label: _propTypes.default.node,
+  label: _propTypes.default.oneOfType([_propTypes.default.element, _propTypes.default.number, _propTypes.default.string]).isRequired,
 
   /**
    * The position of the label.
@@ -234,7 +234,7 @@ process.env.NODE_ENV !== "production" ? FormControlLabel.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 component.

package/node/FormControlLabel/formControlLabelClasses.js

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

package/node/FormGroup/FormGroup.js

@@ -120,7 +120,7 @@ process.env.NODE_ENV !== "production" ? FormGroup.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 = FormGroup;
 exports.default = _default;

package/node/FormGroup/formGroupClasses.js

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

package/node/FormHelperText/FormHelperText.js

@@ -200,7 +200,7 @@ process.env.NODE_ENV !== "production" ? FormHelperText.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/FormHelperText/formHelperTextClasses.js

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

package/node/FormLabel/FormLabel.js

@@ -200,7 +200,7 @@ process.env.NODE_ENV !== "production" ? FormLabel.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 = FormLabel;
 exports.default = _default;

package/node/FormLabel/formLabelClasses.js

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

package/node/Grid/Grid.js

@@ -5,9 +5,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.generateRowGap = generateRowGap;
-exports.generateColumnGap = generateColumnGap;
 exports.default = void 0;
+exports.generateColumnGap = generateColumnGap;
+exports.generateDirection = generateDirection;
+exports.generateRowGap = generateRowGap;
 
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 
@@ -73,10 +74,11 @@ function generateGrid(globalStyles, theme, breakpoint, ownerState) {
   } else {
     const columnsBreakpointValues = (0, _system.unstable_resolveBreakpointValues)({
       values: ownerState.columns,
-      base: theme.breakpoints.values
-    }); // Keep 7 significant numbers.
+      breakpoints: theme.breakpoints.values
+    });
+    const columnValue = typeof columnsBreakpointValues === 'object' ? columnsBreakpointValues[breakpoint] : columnsBreakpointValues; // Keep 7 significant numbers.
 
-    const width = `${Math.round(size / columnsBreakpointValues[breakpoint] * 10e7) / 10e5}%`;
+    const width = `${Math.round(size / columnValue * 10e7) / 10e5}%`;
     let more = {};
 
     if (ownerState.container && ownerState.item && ownerState.columnSpacing !== 0) {
@@ -112,9 +114,13 @@ function generateDirection({
   theme,
   ownerState
 }) {
+  const directionValues = (0, _system.unstable_resolveBreakpointValues)({
+    values: ownerState.direction,
+    breakpoints: theme.breakpoints.values
+  });
   return (0, _system.handleBreakpoints)({
     theme
-  }, ownerState.direction, propValue => {
+  }, directionValues, propValue => {
     const output = {
       flexDirection: propValue
     };
@@ -140,9 +146,13 @@ function generateRowGap({
   let styles = {};
 
   if (container && rowSpacing !== 0) {
+    const rowSpacingValues = (0, _system.unstable_resolveBreakpointValues)({
+      values: rowSpacing,
+      breakpoints: theme.breakpoints.values
+    });
     styles = (0, _system.handleBreakpoints)({
       theme
-    }, rowSpacing, propValue => {
+    }, rowSpacingValues, propValue => {
       const themeSpacing = theme.spacing(propValue);
 
       if (themeSpacing !== '0px') {
@@ -172,9 +182,13 @@ function generateColumnGap({
   let styles = {};
 
   if (container && columnSpacing !== 0) {
+    const columnSpacingValues = (0, _system.unstable_resolveBreakpointValues)({
+      values: columnSpacing,
+      breakpoints: theme.breakpoints.values
+    });
     styles = (0, _system.handleBreakpoints)({
       theme
-    }, columnSpacing, propValue => {
+    }, columnSpacingValues, propValue => {
       const themeSpacing = theme.spacing(propValue);
 
       if (themeSpacing !== '0px') {
@@ -274,7 +288,7 @@ const Grid = /*#__PURE__*/React.forwardRef(function Grid(inProps, ref) {
   const props = (0, _system.unstable_extendSxProp)(themeProps);
   const {
     className,
-    columns: columnsProp = 12,
+    columns: columnsProp,
     columnSpacing: columnSpacingProp,
     component = 'div',
     container = false,
@@ -293,7 +307,10 @@ const Grid = /*#__PURE__*/React.forwardRef(function Grid(inProps, ref) {
         other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const rowSpacing = rowSpacingProp || spacing;
   const columnSpacing = columnSpacingProp || spacing;
-  const columns = React.useContext(_GridContext.default) || columnsProp;
+  const columnsContext = React.useContext(_GridContext.default); // setting prop before context to accomodate nesting
+  // colums set with default breakpoint unit of 12
+
+  const columns = columnsProp || columnsContext || 12;
   const ownerState = (0, _extends2.default)({}, props, {
     columns,
     container,
@@ -386,18 +403,26 @@ process.env.NODE_ENV !== "production" ? Grid.propTypes
   item: _propTypes.default.bool,
 
   /**
-   * Defines the number of grids the component is going to use.
-   * It's applied for the `lg` breakpoint and wider screens if not overridden.
+   * If a number, it sets the number of columns the grid item uses.
+   * It can't be greater than the total number of columns of the container (12 by default).
+   * If 'auto', the grid item's width matches its content.
+   * If false, the prop is ignored.
+   * If true, the grid item's width grows to use the space available in the grid container.
+   * The value is applied for the `lg` breakpoint and wider screens if not overridden.
    * @default false
    */
-  lg: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto', 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]), _propTypes.default.bool]),
+  lg: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.number, _propTypes.default.bool]),
 
   /**
-   * Defines the number of grids the component is going to use.
-   * It's applied for the `md` breakpoint and wider screens if not overridden.
+   * If a number, it sets the number of columns the grid item uses.
+   * It can't be greater than the total number of columns of the container (12 by default).
+   * If 'auto', the grid item's width matches its content.
+   * If false, the prop is ignored.
+   * If true, the grid item's width grows to use the space available in the grid container.
+   * The value is applied for the `md` breakpoint and wider screens if not overridden.
    * @default false
    */
-  md: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto', 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]), _propTypes.default.bool]),
+  md: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.number, _propTypes.default.bool]),
 
   /**
    * Defines the vertical space between the type `item` components.
@@ -406,11 +431,15 @@ process.env.NODE_ENV !== "production" ? Grid.propTypes
   rowSpacing: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.string]),
 
   /**
-   * Defines the number of grids the component is going to use.
-   * It's applied for the `sm` breakpoint and wider screens if not overridden.
+   * If a number, it sets the number of columns the grid item uses.
+   * It can't be greater than the total number of columns of the container (12 by default).
+   * If 'auto', the grid item's width matches its content.
+   * If false, the prop is ignored.
+   * If true, the grid item's width grows to use the space available in the grid container.
+   * The value is applied for the `sm` breakpoint and wider screens if not overridden.
    * @default false
    */
-  sm: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto', 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]), _propTypes.default.bool]),
+  sm: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.number, _propTypes.default.bool]),
 
   /**
    * Defines the space between the type `item` components.
@@ -422,7 +451,7 @@ process.env.NODE_ENV !== "production" ? Grid.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]),
 
   /**
    * Defines the `flex-wrap` style property.
@@ -432,18 +461,26 @@ process.env.NODE_ENV !== "production" ? Grid.propTypes
   wrap: _propTypes.default.oneOf(['nowrap', 'wrap-reverse', 'wrap']),
 
   /**
-   * Defines the number of grids the component is going to use.
-   * It's applied for the `xl` breakpoint and wider screens.
+   * If a number, it sets the number of columns the grid item uses.
+   * It can't be greater than the total number of columns of the container (12 by default).
+   * If 'auto', the grid item's width matches its content.
+   * If false, the prop is ignored.
+   * If true, the grid item's width grows to use the space available in the grid container.
+   * The value is applied for the `xl` breakpoint and wider screens if not overridden.
    * @default false
    */
-  xl: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto', 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]), _propTypes.default.bool]),
+  xl: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.number, _propTypes.default.bool]),
 
   /**
-   * Defines the number of grids the component is going to use.
-   * It's applied for all the screen sizes with the lowest priority.
+   * If a number, it sets the number of columns the grid item uses.
+   * It can't be greater than the total number of columns of the container (12 by default).
+   * If 'auto', the grid item's width matches its content.
+   * If false, the prop is ignored.
+   * If true, the grid item's width grows to use the space available in the grid container.
+   * The value is applied for all the screen sizes with the lowest priority.
    * @default false
    */
-  xs: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto', 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]), _propTypes.default.bool]),
+  xs: _propTypes.default.oneOfType([_propTypes.default.oneOf(['auto']), _propTypes.default.number, _propTypes.default.bool]),
 
   /**
    * If `true`, it sets `min-width: 0` on the item.

package/node/Grid/gridClasses.js

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

package/node/Grow/Grow.js

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

package/node/Hidden/hiddenCssClasses.js

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

package/node/Hidden/withWidth.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.isWidthDown = exports.isWidthUp = void 0;
+exports.isWidthUp = exports.isWidthDown = exports.default = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 

package/node/Icon/Icon.js

@@ -175,7 +175,7 @@ process.env.NODE_ENV !== "production" ? Icon.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;
 Icon.muiName = 'Icon';
 var _default = Icon;

package/node/Icon/iconClasses.js

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

package/node/IconButton/IconButton.js

@@ -236,7 +236,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.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

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

package/node/ImageList/ImageList.js

@@ -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.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

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

package/node/ImageListItem/ImageListItem.js

@@ -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.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

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

package/node/ImageListItemBar/ImageListItemBar.js

@@ -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.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

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

package/node/Input/Input.js

@@ -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.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

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

package/node/InputAdornment/InputAdornment.js

@@ -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.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

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

package/node/InputBase/InputBase.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.InputBaseComponent = exports.InputBaseRoot = exports.inputOverridesResolver = exports.rootOverridesResolver = void 0;
+exports.rootOverridesResolver = exports.inputOverridesResolver = exports.default = exports.InputBaseRoot = exports.InputBaseComponent = void 0;
 
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 
@@ -31,16 +31,12 @@ var _styled = _interopRequireDefault(require("../styles/styled"));
 
 var _useThemeProps = _interopRequireDefault(require("../styles/useThemeProps"));
 
-var _useTheme = _interopRequireDefault(require("../styles/useTheme"));
-
 var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
 
 var _useForkRef = _interopRequireDefault(require("../utils/useForkRef"));
 
 var _useEnhancedEffect = _interopRequireDefault(require("../utils/useEnhancedEffect"));
 
-var _TextareaAutosize = _interopRequireDefault(require("../TextareaAutosize"));
-
 var _GlobalStyles = _interopRequireDefault(require("../GlobalStyles"));
 
 var _utils2 = require("./utils");
@@ -221,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;
@@ -285,7 +280,6 @@ const InputBase = /*#__PURE__*/React.forwardRef(function InputBase(inProps, ref)
     value: valueProp
   } = props,
         other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  const theme = (0, _useTheme.default)();
   const value = inputPropsProp.value != null ? inputPropsProp.value : valueProp;
   const {
     current: isControlled
@@ -453,7 +447,7 @@ const InputBase = /*#__PURE__*/React.forwardRef(function InputBase(inProps, ref)
       }, inputProps);
     }
 
-    InputComponent = _TextareaAutosize.default;
+    InputComponent = _core.TextareaAutosize;
   }
 
   const handleAutoFill = event => {
@@ -489,8 +483,7 @@ const InputBase = /*#__PURE__*/React.forwardRef(function InputBase(inProps, ref)
   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) && {
-      ownerState: (0, _extends2.default)({}, ownerState, rootProps.ownerState),
-      theme
+      ownerState: (0, _extends2.default)({}, ownerState, rootProps.ownerState)
     }, {
       ref: ref,
       onClick: handleClick
@@ -519,11 +512,10 @@ const InputBase = /*#__PURE__*/React.forwardRef(function InputBase(inProps, ref)
           type: type
         }, inputProps, !(0, _core.isHostComponent)(Input) && {
           as: InputComponent,
-          ownerState: (0, _extends2.default)({}, ownerState, inputProps.ownerState),
-          theme
+          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
@@ -749,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.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).