@mui/material 5.14.17 → 5.14.19

package/node/Chip/Chip.js

@@ -365,10 +365,10 @@ const Chip = /*#__PURE__*/React.forwardRef(function Chip(inProps, ref) {
   }) : {};
   let deleteIcon = null;
   if (onDelete) {
-    deleteIcon = deleteIconProp && /*#__PURE__*/React.isValidElement(deleteIconProp) ? /*#__PURE__*/React.cloneElement(deleteIconProp, {
+    deleteIcon = deleteIconProp && /*#__PURE__*/React.isValidElement(deleteIconProp) ? ( /*#__PURE__*/React.cloneElement(deleteIconProp, {
       className: (0, _clsx.default)(deleteIconProp.props.className, classes.deleteIcon),
       onClick: handleDeleteIconClick
-    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Cancel.default, {
+    })) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Cancel.default, {
       className: (0, _clsx.default)(classes.deleteIcon),
       onClick: handleDeleteIconClick
     });

package/node/FilledInput/FilledInput.js

@@ -134,6 +134,9 @@ const FilledInputRoot = (0, _styled.default)(_InputBase2.InputBaseRoot, {
   }, ownerState.hiddenLabel && {
     paddingTop: 16,
     paddingBottom: 17
+  }, ownerState.hiddenLabel && ownerState.size === 'small' && {
+    paddingTop: 8,
+    paddingBottom: 9
   }));
 });
 const FilledInputInput = (0, _styled.default)(_InputBase2.InputBaseComponent, {
@@ -174,11 +177,6 @@ const FilledInputInput = (0, _styled.default)(_InputBase2.InputBaseComponent, {
 }, ownerState.hiddenLabel && {
   paddingTop: 16,
   paddingBottom: 17
-}, ownerState.multiline && {
-  paddingTop: 0,
-  paddingBottom: 0,
-  paddingLeft: 0,
-  paddingRight: 0
 }, ownerState.startAdornment && {
   paddingLeft: 0
 }, ownerState.endAdornment && {
@@ -186,6 +184,11 @@ const FilledInputInput = (0, _styled.default)(_InputBase2.InputBaseComponent, {
 }, ownerState.hiddenLabel && ownerState.size === 'small' && {
   paddingTop: 8,
   paddingBottom: 9
+}, ownerState.multiline && {
+  paddingTop: 0,
+  paddingBottom: 0,
+  paddingLeft: 0,
+  paddingRight: 0
 }));
 const FilledInput = /*#__PURE__*/React.forwardRef(function FilledInput(inProps, ref) {
   var _ref, _slots$root, _ref2, _slots$input;
@@ -220,7 +223,7 @@ const FilledInput = /*#__PURE__*/React.forwardRef(function FilledInput(inProps,
       ownerState
     }
   };
-  const componentsProps = (slotProps != null ? slotProps : componentsPropsProp) ? (0, _utils.deepmerge)(slotProps != null ? slotProps : componentsPropsProp, filledInputComponentsProps) : filledInputComponentsProps;
+  const componentsProps = (slotProps != null ? slotProps : componentsPropsProp) ? (0, _utils.deepmerge)(filledInputComponentsProps, slotProps != null ? slotProps : componentsPropsProp) : filledInputComponentsProps;
   const RootSlot = (_ref = (_slots$root = slots.root) != null ? _slots$root : components.Root) != null ? _ref : FilledInputRoot;
   const InputSlot = (_ref2 = (_slots$input = slots.input) != null ? _slots$input : components.Input) != null ? _ref2 : FilledInputInput;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputBase.default, (0, _extends2.default)({

package/node/FormControlLabel/FormControlLabel.js

@@ -159,8 +159,7 @@ const FormControlLabel = /*#__PURE__*/React.forwardRef(function FormControlLabel
     ref: ref
   }, other, {
     children: [/*#__PURE__*/React.cloneElement(control, controlProps), required ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Stack.default, {
-      direction: "row",
-      alignItems: "center",
+      display: "block",
       children: [label, /*#__PURE__*/(0, _jsxRuntime.jsxs)(AsteriskComponent, {
         ownerState: ownerState,
         "aria-hidden": true,

package/node/InputAdornment/InputAdornment.js

@@ -121,10 +121,10 @@ const InputAdornment = /*#__PURE__*/React.forwardRef(function InputAdornment(inP
         color: "text.secondary",
         children: children
       }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
-        children: [position === 'start' ? /* notranslate needed while Google Translate will not fix zero-width space issue */_span || (_span = /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: [position === 'start' ? ( /* notranslate needed while Google Translate will not fix zero-width space issue */_span || (_span = /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
           className: "notranslate",
           children: "\u200B"
-        })) : null, children]
+        }))) : null, children]
       })
     }))
   });

package/node/InputLabel/InputLabel.js

@@ -113,7 +113,11 @@ const InputLabelRoot = (0, _styled.default)(_FormLabel.default, {
   // but it feels a better when it bleeds a bit on the left, so 32px.
   maxWidth: 'calc(133% - 32px)',
   transform: 'translate(14px, -9px) scale(0.75)'
-})));
+}), ownerState.variant === 'standard' && {
+  '&:not(label) + div': {
+    marginTop: 16
+  }
+}));
 const InputLabel = /*#__PURE__*/React.forwardRef(function InputLabel(inProps, ref) {
   const props = (0, _useThemeProps.default)({
     name: 'MuiInputLabel',

package/node/Modal/Modal.js

@@ -283,6 +283,9 @@ process.env.NODE_ENV !== "production" ? Modal.propTypes /* remove-proptypes */ =
    * An HTML element or function that returns one.
    * The `container` will have the portal children appended to it.
    *
+   * You can also provide a callback, which is called in a React layout effect.
+   * This lets you set the container from a ref, and also makes server-side rendering possible.
+   *
    * By default, it uses the body of the top-level document object,
    * so it's simply `document.body` most of the time.
    */

package/node/Popper/Popper.js

@@ -125,6 +125,9 @@ process.env.NODE_ENV !== "production" ? Popper.propTypes /* remove-proptypes */
    * An HTML element or function that returns one.
    * The `container` will have the portal children appended to it.
    *
+   * You can also provide a callback, which is called in a React layout effect.
+   * This lets you set the container from a ref, and also makes server-side rendering possible.
+   *
    * By default, it uses the body of the top-level document object,
    * so it's simply `document.body` most of the time.
    */

package/node/Rating/Rating.js

@@ -344,16 +344,14 @@ const Rating = /*#__PURE__*/React.forwardRef(function Rating(inProps, ref) {
     const rootNode = rootRef.current;
     const {
       right,
-      left
+      left,
+      width: containerWidth
     } = rootNode.getBoundingClientRect();
-    const {
-      width
-    } = rootNode.firstChild.getBoundingClientRect();
     let percent;
     if (theme.direction === 'rtl') {
-      percent = (right - event.clientX) / (width * max);
+      percent = (right - event.clientX) / containerWidth;
     } else {
-      percent = (event.clientX - left) / (width * max);
+      percent = (event.clientX - left) / containerWidth;
     }
     let newHover = roundValueToPrecision(max * percent + precision / 2, precision);
     newHover = clamp(newHover, precision, max);

package/node/Select/SelectInput.js

@@ -441,6 +441,7 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
   const classes = useUtilityClasses(ownerState);
   const paperProps = (0, _extends2.default)({}, MenuProps.PaperProps, (_MenuProps$slotProps = MenuProps.slotProps) == null ? void 0 : _MenuProps$slotProps.paper);
   const listboxId = (0, _utils.unstable_useId)();
+  const hiddenInputId = (0, _utils.unstable_useId)();
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(SelectSelect, (0, _extends2.default)({
       ref: handleDisplayRef,
@@ -471,7 +472,7 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
     })), /*#__PURE__*/(0, _jsxRuntime.jsx)(SelectNativeInput, (0, _extends2.default)({
       "aria-invalid": error,
       value: Array.isArray(value) ? value.join(',') : value,
-      name: name,
+      name: name != null ? name : hiddenInputId,
       ref: inputRef,
       "aria-hidden": true,
       onChange: handleChange,

package/node/StepButton/StepButton.js

@@ -89,7 +89,7 @@ const StepButton = /*#__PURE__*/React.forwardRef(function StepButton(inProps, re
     icon,
     optional
   };
-  const child = (0, _isMuiElement.default)(children, ['StepLabel']) ? /*#__PURE__*/React.cloneElement(children, childProps) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_StepLabel.default, (0, _extends2.default)({}, childProps, {
+  const child = (0, _isMuiElement.default)(children, ['StepLabel']) ? ( /*#__PURE__*/React.cloneElement(children, childProps)) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_StepLabel.default, (0, _extends2.default)({}, childProps, {
     children: children
   }));
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(StepButtonRoot, (0, _extends2.default)({

package/node/TablePagination/TablePagination.js

@@ -26,7 +26,7 @@ var _useId = _interopRequireDefault(require("../utils/useId"));
 var _tablePaginationClasses = _interopRequireWildcard(require("./tablePaginationClasses"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _InputBase;
-const _excluded = ["ActionsComponent", "backIconButtonProps", "className", "colSpan", "component", "count", "getItemAriaLabel", "labelDisplayedRows", "labelRowsPerPage", "nextIconButtonProps", "onPageChange", "onRowsPerPageChange", "page", "rowsPerPage", "rowsPerPageOptions", "SelectProps", "showFirstButton", "showLastButton"];
+const _excluded = ["ActionsComponent", "backIconButtonProps", "className", "colSpan", "component", "count", "disabled", "getItemAriaLabel", "labelDisplayedRows", "labelRowsPerPage", "nextIconButtonProps", "onPageChange", "onRowsPerPageChange", "page", "rowsPerPage", "rowsPerPageOptions", "SelectProps", "showFirstButton", "showLastButton", "slotProps"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const TablePaginationRoot = (0, _styled.default)(_TableCell.default, {
@@ -151,6 +151,7 @@ const useUtilityClasses = ownerState => {
  * A `TableCell` based component for placing inside `TableFooter` for pagination.
  */
 const TablePagination = /*#__PURE__*/React.forwardRef(function TablePagination(inProps, ref) {
+  var _slotProps$select;
   const props = (0, _useThemeProps.default)({
     props: inProps,
     name: 'MuiTablePagination'
@@ -162,6 +163,7 @@ const TablePagination = /*#__PURE__*/React.forwardRef(function TablePagination(i
       colSpan: colSpanProp,
       component = _TableCell.default,
       count,
+      disabled = false,
       getItemAriaLabel = defaultGetAriaLabel,
       labelDisplayedRows = defaultLabelDisplayedRows,
       labelRowsPerPage = 'Rows per page:',
@@ -173,19 +175,21 @@ const TablePagination = /*#__PURE__*/React.forwardRef(function TablePagination(i
       rowsPerPageOptions = [10, 25, 50, 100],
       SelectProps = {},
       showFirstButton = false,
-      showLastButton = false
+      showLastButton = false,
+      slotProps
     } = props,
     other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const ownerState = props;
   const classes = useUtilityClasses(ownerState);
-  const MenuItemComponent = SelectProps.native ? 'option' : TablePaginationMenuItem;
+  const selectProps = (_slotProps$select = slotProps == null ? void 0 : slotProps.select) != null ? _slotProps$select : SelectProps;
+  const MenuItemComponent = selectProps.native ? 'option' : TablePaginationMenuItem;
   let colSpan;
   if (component === _TableCell.default || component === 'td') {
     colSpan = colSpanProp || 1000; // col-span over everything
   }
 
-  const selectId = (0, _useId.default)(SelectProps.id);
-  const labelId = (0, _useId.default)(SelectProps.labelId);
+  const selectId = (0, _useId.default)(selectProps.id);
+  const labelId = (0, _useId.default)(selectProps.labelId);
   const getLabelDisplayedRowsTo = () => {
     if (count === -1) {
       return (page + 1) * rowsPerPage;
@@ -209,21 +213,22 @@ const TablePagination = /*#__PURE__*/React.forwardRef(function TablePagination(i
         children: labelRowsPerPage
       }), rowsPerPageOptions.length > 1 && /*#__PURE__*/(0, _jsxRuntime.jsx)(TablePaginationSelect, (0, _extends2.default)({
         variant: "standard"
-      }, !SelectProps.variant && {
+      }, !selectProps.variant && {
         input: _InputBase || (_InputBase = /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputBase2.default, {}))
       }, {
         value: rowsPerPage,
         onChange: onRowsPerPageChange,
         id: selectId,
         labelId: labelId
-      }, SelectProps, {
-        classes: (0, _extends2.default)({}, SelectProps.classes, {
+      }, selectProps, {
+        classes: (0, _extends2.default)({}, selectProps.classes, {
           // TODO v5 remove `classes.input`
-          root: (0, _clsx.default)(classes.input, classes.selectRoot, (SelectProps.classes || {}).root),
-          select: (0, _clsx.default)(classes.select, (SelectProps.classes || {}).select),
+          root: (0, _clsx.default)(classes.input, classes.selectRoot, (selectProps.classes || {}).root),
+          select: (0, _clsx.default)(classes.select, (selectProps.classes || {}).select),
           // TODO v5 remove `selectIcon`
-          icon: (0, _clsx.default)(classes.selectIcon, (SelectProps.classes || {}).icon)
+          icon: (0, _clsx.default)(classes.selectIcon, (selectProps.classes || {}).icon)
         }),
+        disabled: disabled,
         children: rowsPerPageOptions.map(rowsPerPageOption => /*#__PURE__*/(0, _react.createElement)(MenuItemComponent, (0, _extends2.default)({}, !(0, _base.isHostComponent)(MenuItemComponent) && {
           ownerState
         }, {
@@ -249,7 +254,9 @@ const TablePagination = /*#__PURE__*/React.forwardRef(function TablePagination(i
         rowsPerPage: rowsPerPage,
         showFirstButton: showFirstButton,
         showLastButton: showLastButton,
-        getItemAriaLabel: getItemAriaLabel
+        slotProps: slotProps == null ? void 0 : slotProps.actions,
+        getItemAriaLabel: getItemAriaLabel,
+        disabled: disabled
       })]
     })
   }));
@@ -267,6 +274,9 @@ process.env.NODE_ENV !== "production" ? TablePagination.propTypes /* remove-prop
   ActionsComponent: _propTypes.default.elementType,
   /**
    * Props applied to the back arrow [`IconButton`](/material-ui/api/icon-button/) component.
+   *
+   * This prop is an alias for `slotProps.actions.previousButton` and will be overriden by it if both are used.
+   * @deprecated Use `slotProps.actions.previousButton` instead.
    */
   backIconButtonProps: _propTypes.default.object,
   /**
@@ -292,6 +302,11 @@ process.env.NODE_ENV !== "production" ? TablePagination.propTypes /* remove-prop
    * To enable server side pagination for an unknown number of items, provide -1.
    */
   count: _utils.integerPropType.isRequired,
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   */
+  disabled: _propTypes.default.bool,
   /**
    * Accepts a function which returns a string value that provides a user-friendly name for the current page.
    * This is important for screen reader users.
@@ -323,6 +338,9 @@ process.env.NODE_ENV !== "production" ? TablePagination.propTypes /* remove-prop
   labelRowsPerPage: _propTypes.default.node,
   /**
    * Props applied to the next arrow [`IconButton`](/material-ui/api/icon-button/) element.
+   *
+   * This prop is an alias for `slotProps.actions.nextButton` and will be overriden by it if both are used.
+   * @deprecated Use `slotProps.actions.nextButton` instead.
    */
   nextIconButtonProps: _propTypes.default.object,
   /**
@@ -374,6 +392,10 @@ process.env.NODE_ENV !== "production" ? TablePagination.propTypes /* remove-prop
   })]).isRequired),
   /**
    * Props applied to the rows per page [`Select`](/material-ui/api/select/) element.
+   *
+   * This prop is an alias for `slotProps.select` and will be overriden by it if both are used.
+   * @deprecated Use `slotProps.select` instead.
+   *
    * @default {}
    */
   SelectProps: _propTypes.default.object,
@@ -387,6 +409,19 @@ process.env.NODE_ENV !== "production" ? TablePagination.propTypes /* remove-prop
    * @default false
    */
   showLastButton: _propTypes.default.bool,
+  /**
+   * The props used for each slot inside the TablePagination.
+   * @default {}
+   */
+  slotProps: _propTypes.default.shape({
+    actions: _propTypes.default.shape({
+      firstButton: _propTypes.default.object,
+      lastButton: _propTypes.default.object,
+      nextButton: _propTypes.default.object,
+      previousButton: _propTypes.default.object
+    }),
+    select: _propTypes.default.object
+  }),
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */

package/node/TablePagination/TablePaginationActions.js

@@ -18,23 +18,26 @@ var _LastPage = _interopRequireDefault(require("../internal/svg-icons/LastPage")
 var _FirstPage = _interopRequireDefault(require("../internal/svg-icons/FirstPage"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _LastPageIcon, _FirstPageIcon, _KeyboardArrowRight, _KeyboardArrowLeft, _KeyboardArrowLeft2, _KeyboardArrowRight2, _FirstPageIcon2, _LastPageIcon2;
-const _excluded = ["backIconButtonProps", "count", "getItemAriaLabel", "nextIconButtonProps", "onPageChange", "page", "rowsPerPage", "showFirstButton", "showLastButton"];
+const _excluded = ["backIconButtonProps", "count", "disabled", "getItemAriaLabel", "nextIconButtonProps", "onPageChange", "page", "rowsPerPage", "showFirstButton", "showLastButton", "slotProps"];
 /**
  * @ignore - internal component.
  */
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const TablePaginationActions = /*#__PURE__*/React.forwardRef(function TablePaginationActions(props, ref) {
+  var _slotProps$firstButto, _slotProps$previousBu, _slotProps$nextButton, _slotProps$lastButton;
   const {
       backIconButtonProps,
       count,
+      disabled = false,
       getItemAriaLabel,
       nextIconButtonProps,
       onPageChange,
       page,
       rowsPerPage,
       showFirstButton,
-      showLastButton
+      showLastButton,
+      slotProps
     } = props,
     other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const theme = (0, _useTheme.default)();
@@ -53,35 +56,37 @@ const TablePaginationActions = /*#__PURE__*/React.forwardRef(function TablePagin
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", (0, _extends2.default)({
     ref: ref
   }, other, {
-    children: [showFirstButton && /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
+    children: [showFirstButton && /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, (0, _extends2.default)({
       onClick: handleFirstPageButtonClick,
-      disabled: page === 0,
+      disabled: disabled || page === 0,
       "aria-label": getItemAriaLabel('first', page),
-      title: getItemAriaLabel('first', page),
+      title: getItemAriaLabel('first', page)
+    }, (_slotProps$firstButto = slotProps == null ? void 0 : slotProps.firstButton) != null ? _slotProps$firstButto : {}, {
       children: theme.direction === 'rtl' ? _LastPageIcon || (_LastPageIcon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_LastPage.default, {})) : _FirstPageIcon || (_FirstPageIcon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_FirstPage.default, {}))
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, (0, _extends2.default)({
+    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, (0, _extends2.default)({
       onClick: handleBackButtonClick,
-      disabled: page === 0,
+      disabled: disabled || page === 0,
       color: "inherit",
       "aria-label": getItemAriaLabel('previous', page),
       title: getItemAriaLabel('previous', page)
-    }, backIconButtonProps, {
+    }, (_slotProps$previousBu = slotProps == null ? void 0 : slotProps.previousButton) != null ? _slotProps$previousBu : backIconButtonProps, {
       children: theme.direction === 'rtl' ? _KeyboardArrowRight || (_KeyboardArrowRight = /*#__PURE__*/(0, _jsxRuntime.jsx)(_KeyboardArrowRight3.default, {})) : _KeyboardArrowLeft || (_KeyboardArrowLeft = /*#__PURE__*/(0, _jsxRuntime.jsx)(_KeyboardArrowLeft3.default, {}))
     })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, (0, _extends2.default)({
       onClick: handleNextButtonClick,
-      disabled: count !== -1 ? page >= Math.ceil(count / rowsPerPage) - 1 : false,
+      disabled: disabled || (count !== -1 ? page >= Math.ceil(count / rowsPerPage) - 1 : false),
       color: "inherit",
       "aria-label": getItemAriaLabel('next', page),
       title: getItemAriaLabel('next', page)
-    }, nextIconButtonProps, {
+    }, (_slotProps$nextButton = slotProps == null ? void 0 : slotProps.nextButton) != null ? _slotProps$nextButton : nextIconButtonProps, {
       children: theme.direction === 'rtl' ? _KeyboardArrowLeft2 || (_KeyboardArrowLeft2 = /*#__PURE__*/(0, _jsxRuntime.jsx)(_KeyboardArrowLeft3.default, {})) : _KeyboardArrowRight2 || (_KeyboardArrowRight2 = /*#__PURE__*/(0, _jsxRuntime.jsx)(_KeyboardArrowRight3.default, {}))
-    })), showLastButton && /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
+    })), showLastButton && /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, (0, _extends2.default)({
       onClick: handleLastPageButtonClick,
-      disabled: page >= Math.ceil(count / rowsPerPage) - 1,
+      disabled: disabled || page >= Math.ceil(count / rowsPerPage) - 1,
       "aria-label": getItemAriaLabel('last', page),
-      title: getItemAriaLabel('last', page),
+      title: getItemAriaLabel('last', page)
+    }, (_slotProps$lastButton = slotProps == null ? void 0 : slotProps.lastButton) != null ? _slotProps$lastButton : {}, {
       children: theme.direction === 'rtl' ? _FirstPageIcon2 || (_FirstPageIcon2 = /*#__PURE__*/(0, _jsxRuntime.jsx)(_FirstPage.default, {})) : _LastPageIcon2 || (_LastPageIcon2 = /*#__PURE__*/(0, _jsxRuntime.jsx)(_LastPage.default, {}))
-    })]
+    }))]
   }));
 });
 process.env.NODE_ENV !== "production" ? TablePaginationActions.propTypes = {
@@ -93,6 +98,11 @@ process.env.NODE_ENV !== "production" ? TablePaginationActions.propTypes = {
    * The total number of rows.
    */
   count: _propTypes.default.number.isRequired,
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   */
+  disabled: _propTypes.default.bool,
   /**
    * Accepts a function which returns a string value that provides a user-friendly name for the current page.
    *
@@ -129,6 +139,16 @@ process.env.NODE_ENV !== "production" ? TablePaginationActions.propTypes = {
   /**
    * If `true`, show the last-page button.
    */
-  showLastButton: _propTypes.default.bool.isRequired
+  showLastButton: _propTypes.default.bool.isRequired,
+  /**
+   * The props used for each slot inside the TablePaginationActions.
+   * @default {}
+   */
+  slotProps: _propTypes.default.shape({
+    firstButton: _propTypes.default.object,
+    lastButton: _propTypes.default.object,
+    nextButton: _propTypes.default.object,
+    previousButton: _propTypes.default.object
+  })
 } : void 0;
 var _default = exports.default = TablePaginationActions;

package/node/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/material v5.14.17
+ * @mui/material v5.14.19
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/material",
-  "version": "5.14.17",
+  "version": "5.14.19",
   "private": false,
   "author": "MUI Team",
   "description": "React components that implement Google's Material Design.",
@@ -24,16 +24,16 @@
   "homepage": "https://mui.com/material-ui/",
   "funding": {
     "type": "opencollective",
-    "url": "https://opencollective.com/mui"
+    "url": "https://opencollective.com/mui-org"
   },
   "dependencies": {
-    "@babel/runtime": "^7.23.2",
-    "@mui/base": "5.0.0-beta.23",
-    "@mui/core-downloads-tracker": "^5.14.17",
-    "@mui/system": "^5.14.17",
-    "@mui/types": "^7.2.8",
-    "@mui/utils": "^5.14.17",
-    "@types/react-transition-group": "^4.4.8",
+    "@babel/runtime": "^7.23.4",
+    "@mui/base": "5.0.0-beta.25",
+    "@mui/core-downloads-tracker": "^5.14.19",
+    "@mui/system": "^5.14.19",
+    "@mui/types": "^7.2.10",
+    "@mui/utils": "^5.14.19",
+    "@types/react-transition-group": "^4.4.9",
     "clsx": "^2.0.0",
     "csstype": "^3.1.2",
     "prop-types": "^15.8.1",