@mui/material 5.0.3 → 5.1.0

package/node/InputBase/inputBaseClasses.js

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

package/node/InputBase/utils.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.hasValue = hasValue;
-exports.isFilled = isFilled;
 exports.isAdornedStart = isAdornedStart;
+exports.isFilled = isFilled;
 
 // Supports determination of isControlled().
 // Controlled input accepts its current value as a prop.

package/node/InputLabel/InputLabel.js

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

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

package/node/LinearProgress/LinearProgress.js

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

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

package/node/Link/Link.js

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

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

package/node/List/List.js

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

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

package/node/ListItem/ListItem.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.ListItemRoot = exports.overridesResolver = void 0;
+exports.overridesResolver = exports.default = exports.ListItemRoot = void 0;
 
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 
@@ -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.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

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

package/node/ListItemAvatar/ListItemAvatar.js

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

package/node/ListItemAvatar/listItemAvatarClasses.js

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

package/node/ListItemButton/ListItemButton.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.overridesResolver = void 0;
+exports.overridesResolver = exports.default = void 0;
 
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 
@@ -267,7 +267,7 @@ process.env.NODE_ENV !== "production" ? ListItemButton.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 = ListItemButton;
 exports.default = _default;

package/node/ListItemButton/listItemButtonClasses.js

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

package/node/ListItemIcon/ListItemIcon.js

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

package/node/ListItemIcon/listItemIconClasses.js

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

package/node/ListItemSecondaryAction/ListItemSecondaryAction.js

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

package/node/ListItemSecondaryAction/listItemSecondaryActionClasses.js

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

package/node/ListItemText/ListItemText.js

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

package/node/ListItemText/listItemTextClasses.js

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

package/node/ListSubheader/ListSubheader.js

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

package/node/ListSubheader/listSubheaderClasses.js

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

package/node/Menu/Menu.js

@@ -292,7 +292,7 @@ process.env.NODE_ENV !== "production" ? Menu.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 length of the transition in `ms`, or 'auto'

package/node/Menu/menuClasses.js

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

package/node/MenuItem/MenuItem.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.overridesResolver = void 0;
+exports.overridesResolver = exports.default = void 0;
 
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 
@@ -149,7 +149,10 @@ const MenuItemRoot = (0, _styled.default)(_ButtonBase.default, {
     minHeight: 'auto'
   }
 }, ownerState.dense && (0, _extends2.default)({
-  minHeight: 36
+  minHeight: 32,
+  // https://material.io/components/menus#specs > Dense
+  paddingTop: 4,
+  paddingBottom: 4
 }, theme.typography.body2, {
   [`& .${_ListItemIcon.listItemIconClasses.root} svg`]: {
     fontSize: '1.25rem'
@@ -293,7 +296,7 @@ process.env.NODE_ENV !== "production" ? MenuItem.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]),
 
   /**
    * @default 0

package/node/MenuItem/menuItemClasses.js

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

package/node/MobileStepper/MobileStepper.js

@@ -234,7 +234,7 @@ process.env.NODE_ENV !== "production" ? MobileStepper.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/MobileStepper/mobileStepperClasses.js

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

package/node/Modal/Modal.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.modalClasses = void 0;
+exports.modalClasses = exports.default = void 0;
 
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 
@@ -295,7 +295,7 @@ process.env.NODE_ENV !== "production" ? Modal.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 = Modal;
 exports.default = _default;

package/node/NativeSelect/NativeSelect.js

@@ -151,7 +151,7 @@ process.env.NODE_ENV !== "production" ? NativeSelect.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 `input` value. The DOM API casts this to a string.

package/node/NativeSelect/NativeSelectInput.js

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

package/node/NativeSelect/nativeSelectClasses.js

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

package/node/OutlinedInput/NotchedOutline.js

@@ -46,7 +46,9 @@ const NotchedOutlineLegend = (0, _styled.default)('legend', {
 })(({
   ownerState,
   theme
-}) => (0, _extends2.default)({}, ownerState.label === undefined && {
+}) => (0, _extends2.default)({
+  float: 'unset'
+}, ownerState.label === undefined && {
   padding: 0,
   lineHeight: '11px',
   // sync with `height` in `legend` styles
@@ -56,7 +58,9 @@ const NotchedOutlineLegend = (0, _styled.default)('legend', {
   })
 }, ownerState.label !== undefined && (0, _extends2.default)({
   display: 'block',
+  // Fix conflict with normalize.css and sanitize.css
   width: 'auto',
+  // Fix conflict with bootstrap
   padding: 0,
   height: 11,
   // sync with `lineHeight` in `legend` styles
@@ -67,6 +71,7 @@ const NotchedOutlineLegend = (0, _styled.default)('legend', {
     duration: 50,
     easing: theme.transitions.easing.easeOut
   }),
+  whiteSpace: 'nowrap',
   '& > span': {
     paddingLeft: 5,
     paddingRight: 5,

package/node/OutlinedInput/OutlinedInput.js

@@ -333,7 +333,7 @@ process.env.NODE_ENV !== "production" ? OutlinedInput.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/OutlinedInput/outlinedInputClasses.js

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

package/node/Pagination/Pagination.js

@@ -281,7 +281,7 @@ process.env.NODE_ENV !== "production" ? Pagination.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/Pagination/paginationClasses.js

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

package/node/PaginationItem/PaginationItem.js

@@ -43,7 +43,7 @@ var _styled = _interopRequireDefault(require("../styles/styled"));
 
 var _jsxRuntime = require("react/jsx-runtime");
 
-const _excluded = ["className", "color", "component", "disabled", "page", "selected", "shape", "size", "type", "variant"];
+const _excluded = ["className", "color", "component", "components", "disabled", "page", "selected", "shape", "size", "type", "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); }
 
@@ -245,6 +245,12 @@ const PaginationItem = /*#__PURE__*/React.forwardRef(function PaginationItem(inP
     className,
     color = 'standard',
     component,
+    components = {
+      first: _FirstPage.default,
+      last: _LastPage.default,
+      next: _NavigateNext.default,
+      previous: _NavigateBefore.default
+    },
     disabled = false,
     page,
     selected = false,
@@ -266,24 +272,23 @@ const PaginationItem = /*#__PURE__*/React.forwardRef(function PaginationItem(inP
   const theme = (0, _useTheme.default)();
   const classes = useUtilityClasses(ownerState);
   const normalizedIcons = theme.direction === 'rtl' ? {
-    previous: _NavigateNext.default,
-    next: _NavigateBefore.default,
-    last: _FirstPage.default,
-    first: _LastPage.default
+    previous: components.next || _NavigateNext.default,
+    next: components.previous || _NavigateBefore.default,
+    last: components.first || _FirstPage.default,
+    first: components.last || _LastPage.default
   } : {
-    previous: _NavigateBefore.default,
-    next: _NavigateNext.default,
-    first: _FirstPage.default,
-    last: _LastPage.default
+    previous: components.previous || _NavigateBefore.default,
+    next: components.next || _NavigateNext.default,
+    first: components.first || _FirstPage.default,
+    last: components.last || _LastPage.default
   };
   const Icon = normalizedIcons[type];
-  return type === 'start-ellipsis' || type === 'end-ellipsis' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(PaginationItemEllipsis, (0, _extends2.default)({
+  return type === 'start-ellipsis' || type === 'end-ellipsis' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(PaginationItemEllipsis, {
     ref: ref,
     ownerState: ownerState,
-    className: (0, _clsx.default)(classes.root, className)
-  }, other, {
+    className: (0, _clsx.default)(classes.root, className),
     children: "\u2026"
-  })) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(PaginationItemPage, (0, _extends2.default)({
+  }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(PaginationItemPage, (0, _extends2.default)({
     ref: ref,
     ownerState: ownerState,
     component: component,
@@ -334,6 +339,22 @@ process.env.NODE_ENV !== "production" ? PaginationItem.propTypes
    */
   component: _propTypes.default.elementType,
 
+  /**
+   * The components used for first, last, next & previous item type
+   * @default {
+   *   first: FirstPageIcon,
+   *   last: LastPageIcon,
+   *   next: NavigateNextIcon,
+   *   previous: NavigateBeforeIcon,
+   * }
+   */
+  components: _propTypes.default.shape({
+    first: _propTypes.default.elementType,
+    last: _propTypes.default.elementType,
+    next: _propTypes.default.elementType,
+    previous: _propTypes.default.elementType
+  }),
+
   /**
    * If `true`, the component is disabled.
    * @default false
@@ -368,7 +389,7 @@ process.env.NODE_ENV !== "production" ? PaginationItem.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 type of pagination item.

package/node/PaginationItem/paginationItemClasses.js

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

package/node/Paper/Paper.js

@@ -183,7 +183,7 @@ process.env.NODE_ENV !== "production" ? Paper.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/Paper/paperClasses.js

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

package/node/Popover/Popover.js

@@ -5,9 +5,9 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getOffsetTop = getOffsetTop;
-exports.getOffsetLeft = getOffsetLeft;
 exports.default = void 0;
+exports.getOffsetLeft = getOffsetLeft;
+exports.getOffsetTop = getOffsetTop;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
@@ -489,7 +489,7 @@ process.env.NODE_ENV !== "production" ? Popover.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]),
 
   /**
    * This is the point on the popover which

package/node/Popover/popoverClasses.js

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

package/node/Popper/index.js

@@ -12,4 +12,4 @@ Object.defineProperty(exports, "default", {
   }
 });
 
-var _Popper = _interopRequireDefault(require("./Popper"));
+var _Popper = _interopRequireDefault(require("@mui/core/Popper"));