@mui/material 5.14.17 → 5.14.19

package/umd/material-ui.development.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
@@ -6795,51 +6795,25 @@
     }
     return `${value}px solid`;
   }
-  const border = style$2({
-    prop: 'border',
-    themeKey: 'borders',
-    transform: borderTransform
-  });
-  const borderTop = style$2({
-    prop: 'borderTop',
-    themeKey: 'borders',
-    transform: borderTransform
-  });
-  const borderRight = style$2({
-    prop: 'borderRight',
-    themeKey: 'borders',
-    transform: borderTransform
-  });
-  const borderBottom = style$2({
-    prop: 'borderBottom',
-    themeKey: 'borders',
-    transform: borderTransform
-  });
-  const borderLeft = style$2({
-    prop: 'borderLeft',
-    themeKey: 'borders',
-    transform: borderTransform
-  });
-  const borderColor = style$2({
-    prop: 'borderColor',
-    themeKey: 'palette'
-  });
-  const borderTopColor = style$2({
-    prop: 'borderTopColor',
-    themeKey: 'palette'
-  });
-  const borderRightColor = style$2({
-    prop: 'borderRightColor',
-    themeKey: 'palette'
-  });
-  const borderBottomColor = style$2({
-    prop: 'borderBottomColor',
-    themeKey: 'palette'
-  });
-  const borderLeftColor = style$2({
-    prop: 'borderLeftColor',
-    themeKey: 'palette'
-  });
+  function createBorderStyle(prop, transform) {
+    return style$2({
+      prop,
+      themeKey: 'borders',
+      transform
+    });
+  }
+  const border = createBorderStyle('border', borderTransform);
+  const borderTop = createBorderStyle('borderTop', borderTransform);
+  const borderRight = createBorderStyle('borderRight', borderTransform);
+  const borderBottom = createBorderStyle('borderBottom', borderTransform);
+  const borderLeft = createBorderStyle('borderLeft', borderTransform);
+  const borderColor = createBorderStyle('borderColor');
+  const borderTopColor = createBorderStyle('borderTopColor');
+  const borderRightColor = createBorderStyle('borderRightColor');
+  const borderBottomColor = createBorderStyle('borderBottomColor');
+  const borderLeftColor = createBorderStyle('borderLeftColor');
+  const outline = createBorderStyle('outline', borderTransform);
+  const outlineColor = createBorderStyle('outlineColor');
 
   // false positive
   // eslint-disable-next-line react/function-component-definition
@@ -6857,7 +6831,7 @@
     borderRadius: responsivePropType$1
   } ;
   borderRadius.filterProps = ['borderRadius'];
-  compose(border, borderTop, borderRight, borderBottom, borderLeft, borderColor, borderTopColor, borderRightColor, borderBottomColor, borderLeftColor, borderRadius);
+  compose(border, borderTop, borderRight, borderBottom, borderLeft, borderColor, borderTopColor, borderRightColor, borderBottomColor, borderLeftColor, borderRadius, outline, outlineColor);
 
   // false positive
   // eslint-disable-next-line react/function-component-definition
@@ -7061,6 +7035,13 @@
     borderLeftColor: {
       themeKey: 'palette'
     },
+    outline: {
+      themeKey: 'borders',
+      transform: borderTransform
+    },
+    outlineColor: {
+      themeKey: 'palette'
+    },
     borderRadius: {
       themeKey: 'shape.borderRadius',
       style: borderRadius
@@ -17955,6 +17936,9 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
      * 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.
      */
@@ -18250,6 +18234,9 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
      * 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.
      */
@@ -19892,6 +19879,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       filterSelectedOptions = false,
       freeSolo = false,
       getOptionDisabled,
+      getOptionKey,
       getOptionLabel: getOptionLabelProp = option => {
         var _option$label;
         return (_option$label = option.label) != null ? _option$label : option;
@@ -20769,10 +20757,11 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
         index,
         option
       }) => {
+        var _getOptionKey;
         const selected = (multiple ? value : [value]).some(value2 => value2 != null && isOptionEqualToValue(option, value2));
         const disabled = getOptionDisabled ? getOptionDisabled(option) : false;
         return {
-          key: getOptionLabel(option),
+          key: (_getOptionKey = getOptionKey == null ? void 0 : getOptionKey(option)) != null ? _getOptionKey : getOptionLabel(option),
           tabIndex: -1,
           role: 'option',
           id: `${id}-option-${index}`,
@@ -20906,6 +20895,9 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
      * 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.
      */
@@ -21477,10 +21469,10 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     }) : {};
     let deleteIcon = null;
     if (onDelete) {
-      deleteIcon = deleteIconProp && /*#__PURE__*/React__namespace.isValidElement(deleteIconProp) ? /*#__PURE__*/React__namespace.cloneElement(deleteIconProp, {
+      deleteIcon = deleteIconProp && /*#__PURE__*/React__namespace.isValidElement(deleteIconProp) ? ( /*#__PURE__*/React__namespace.cloneElement(deleteIconProp, {
         className: clsx(deleteIconProp.props.className, classes.deleteIcon),
         onClick: handleDeleteIconClick
-      }) : /*#__PURE__*/jsxRuntime_1(CancelIcon, {
+      })) : /*#__PURE__*/jsxRuntime_1(CancelIcon, {
         className: clsx(classes.deleteIcon),
         onClick: handleDeleteIconClick
       });
@@ -22423,8 +22415,9 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
   var autocompleteClasses$1 = autocompleteClasses;
 
   var _ClearIcon, _ArrowDropDownIcon;
-  const _excluded$1N = ["autoComplete", "autoHighlight", "autoSelect", "blurOnSelect", "ChipProps", "className", "clearIcon", "clearOnBlur", "clearOnEscape", "clearText", "closeText", "componentsProps", "defaultValue", "disableClearable", "disableCloseOnSelect", "disabled", "disabledItemsFocusable", "disableListWrap", "disablePortal", "filterOptions", "filterSelectedOptions", "forcePopupIcon", "freeSolo", "fullWidth", "getLimitTagsText", "getOptionDisabled", "getOptionLabel", "isOptionEqualToValue", "groupBy", "handleHomeEndKeys", "id", "includeInputInList", "inputValue", "limitTags", "ListboxComponent", "ListboxProps", "loading", "loadingText", "multiple", "noOptionsText", "onChange", "onClose", "onHighlightChange", "onInputChange", "onOpen", "open", "openOnFocus", "openText", "options", "PaperComponent", "PopperComponent", "popupIcon", "readOnly", "renderGroup", "renderInput", "renderOption", "renderTags", "selectOnFocus", "size", "slotProps", "value"],
-    _excluded2$a = ["ref"];
+  const _excluded$1N = ["autoComplete", "autoHighlight", "autoSelect", "blurOnSelect", "ChipProps", "className", "clearIcon", "clearOnBlur", "clearOnEscape", "clearText", "closeText", "componentsProps", "defaultValue", "disableClearable", "disableCloseOnSelect", "disabled", "disabledItemsFocusable", "disableListWrap", "disablePortal", "filterOptions", "filterSelectedOptions", "forcePopupIcon", "freeSolo", "fullWidth", "getLimitTagsText", "getOptionDisabled", "getOptionKey", "getOptionLabel", "isOptionEqualToValue", "groupBy", "handleHomeEndKeys", "id", "includeInputInList", "inputValue", "limitTags", "ListboxComponent", "ListboxProps", "loading", "loadingText", "multiple", "noOptionsText", "onChange", "onClose", "onHighlightChange", "onInputChange", "onOpen", "open", "openOnFocus", "openText", "options", "PaperComponent", "PopperComponent", "popupIcon", "readOnly", "renderGroup", "renderInput", "renderOption", "renderTags", "selectOnFocus", "size", "slotProps", "value"],
+    _excluded2$a = ["ref"],
+    _excluded3$2 = ["key"];
   const useUtilityClasses$1x = ownerState => {
     const {
       classes,
@@ -22922,9 +22915,15 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       })]
     }, params.key);
     const renderGroup = renderGroupProp || defaultRenderGroup;
-    const defaultRenderOption = (props2, option) => /*#__PURE__*/jsxRuntime_1("li", _extends({}, props2, {
-      children: getOptionLabel(option)
-    }));
+    const defaultRenderOption = (props2, option) => {
+      const {
+          key
+        } = props2,
+        otherProps = _objectWithoutPropertiesLoose(props2, _excluded3$2);
+      return /*#__PURE__*/jsxRuntime_1("li", _extends({}, otherProps, {
+        children: getOptionLabel(option)
+      }), key);
+    };
     const renderOption = renderOptionProp || defaultRenderOption;
     const renderListOption = (option, index) => {
       const optionProps = getOptionProps({
@@ -23218,6 +23217,14 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
      * @returns {boolean}
      */
     getOptionDisabled: PropTypes.func,
+    /**
+     * Used to determine the key for a given option.
+     * This can be useful when the labels of options are not unique (since labels are used as keys by default).
+     *
+     * @param {Value} option The option to get the key for.
+     * @returns {string | number}
+     */
+    getOptionKey: PropTypes.func,
     /**
      * Used to determine the string value for a given option.
      * It's used to fill the input (and the list box options if `renderOption` is not provided).
@@ -23340,6 +23347,10 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
      * @param {string} reason Can be: `"input"` (user input), `"reset"` (programmatic change), `"clear"`.
      */
     onInputChange: PropTypes.func,
+    /**
+     * @ignore
+     */
+    onKeyDown: PropTypes.func,
     /**
      * Callback fired when the popup requests to be opened.
      * Use in controlled mode (see open).
@@ -24931,11 +24942,14 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
   } ;
   var BottomNavigationAction$1 = BottomNavigationAction;
 
+  const boxClasses = generateUtilityClasses('MuiBox', ['root']);
+  var boxClasses$1 = boxClasses;
+
   const defaultTheme = createTheme();
   const Box = createBox({
     themeId: THEME_ID,
     defaultTheme,
-    defaultClassName: 'MuiBox-root',
+    defaultClassName: boxClasses$1.root,
     generateClassName: ClassNameGenerator$1.generate
   });
   Box.propTypes /* remove-proptypes */ = {
@@ -27796,6 +27810,9 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
      * 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.
      */
@@ -29805,6 +29822,9 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     }, ownerState.hiddenLabel && {
       paddingTop: 16,
       paddingBottom: 17
+    }, ownerState.hiddenLabel && ownerState.size === 'small' && {
+      paddingTop: 8,
+      paddingBottom: 9
     }));
   });
   const FilledInputInput = styled$1(InputBaseComponent, {
@@ -29845,11 +29865,6 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
   }, ownerState.hiddenLabel && {
     paddingTop: 16,
     paddingBottom: 17
-  }, ownerState.multiline && {
-    paddingTop: 0,
-    paddingBottom: 0,
-    paddingLeft: 0,
-    paddingRight: 0
   }, ownerState.startAdornment && {
     paddingLeft: 0
   }, ownerState.endAdornment && {
@@ -29857,6 +29872,11 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
   }, ownerState.hiddenLabel && ownerState.size === 'small' && {
     paddingTop: 8,
     paddingBottom: 9
+  }, ownerState.multiline && {
+    paddingTop: 0,
+    paddingBottom: 0,
+    paddingLeft: 0,
+    paddingRight: 0
   }));
   const FilledInput = /*#__PURE__*/React__namespace.forwardRef(function FilledInput(inProps, ref) {
     var _ref, _slots$root, _ref2, _slots$input;
@@ -29891,7 +29911,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
         ownerState
       }
     };
-    const componentsProps = (slotProps != null ? slotProps : componentsPropsProp) ? deepmerge(slotProps != null ? slotProps : componentsPropsProp, filledInputComponentsProps) : filledInputComponentsProps;
+    const componentsProps = (slotProps != null ? slotProps : componentsPropsProp) ? 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__*/jsxRuntime_1(InputBase$1, _extends({
@@ -30587,8 +30607,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       ref: ref
     }, other, {
       children: [/*#__PURE__*/React__namespace.cloneElement(control, controlProps), required ? /*#__PURE__*/jsxRuntime_2(Stack$1, {
-        direction: "row",
-        alignItems: "center",
+        display: "block",
         children: [label, /*#__PURE__*/jsxRuntime_2(AsteriskComponent$1, {
           ownerState: ownerState,
           "aria-hidden": true,
@@ -33700,10 +33719,10 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
           color: "text.secondary",
           children: children
         }) : /*#__PURE__*/jsxRuntime_2(React__namespace.Fragment, {
-          children: [position === 'start' ? /* notranslate needed while Google Translate will not fix zero-width space issue */_span$2 || (_span$2 = /*#__PURE__*/jsxRuntime_1("span", {
+          children: [position === 'start' ? ( /* notranslate needed while Google Translate will not fix zero-width space issue */_span$2 || (_span$2 = /*#__PURE__*/jsxRuntime_1("span", {
             className: "notranslate",
             children: "\u200B"
-          })) : null, children]
+          }))) : null, children]
         })
       }))
     });
@@ -33855,7 +33874,11 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     // 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__namespace.forwardRef(function InputLabel(inProps, ref) {
     const props = useThemeProps({
       name: 'MuiInputLabel',
@@ -39462,16 +39485,14 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       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$1(newHover, precision, max);
@@ -40290,6 +40311,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     const classes = useUtilityClasses$x(ownerState);
     const paperProps = _extends({}, MenuProps.PaperProps, (_MenuProps$slotProps = MenuProps.slotProps) == null ? void 0 : _MenuProps$slotProps.paper);
     const listboxId = useId();
+    const hiddenInputId = useId();
     return /*#__PURE__*/jsxRuntime_2(React__namespace.Fragment, {
       children: [/*#__PURE__*/jsxRuntime_1(SelectSelect, _extends({
         ref: handleDisplayRef,
@@ -40320,7 +40342,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       })), /*#__PURE__*/jsxRuntime_1(SelectNativeInput, _extends({
         "aria-invalid": error,
         value: Array.isArray(value) ? value.join(',') : value,
-        name: name,
+        name: name != null ? name : hiddenInputId,
         ref: inputRef,
         "aria-hidden": true,
         onChange: handleChange,
@@ -44781,7 +44803,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
       icon,
       optional
     };
-    const child = isMuiElement(children, ['StepLabel']) ? /*#__PURE__*/React__namespace.cloneElement(children, childProps) : /*#__PURE__*/jsxRuntime_1(StepLabel$1, _extends({}, childProps, {
+    const child = isMuiElement(children, ['StepLabel']) ? ( /*#__PURE__*/React__namespace.cloneElement(children, childProps)) : /*#__PURE__*/jsxRuntime_1(StepLabel$1, _extends({}, childProps, {
       children: children
     }));
     return /*#__PURE__*/jsxRuntime_1(StepButtonRoot, _extends({
@@ -47244,18 +47266,21 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
   }), 'KeyboardArrowRight');
 
   var _LastPageIcon, _FirstPageIcon, _KeyboardArrowRight, _KeyboardArrowLeft, _KeyboardArrowLeft2, _KeyboardArrowRight2, _FirstPageIcon2, _LastPageIcon2;
-  const _excluded$a = ["backIconButtonProps", "count", "getItemAriaLabel", "nextIconButtonProps", "onPageChange", "page", "rowsPerPage", "showFirstButton", "showLastButton"];
+  const _excluded$a = ["backIconButtonProps", "count", "disabled", "getItemAriaLabel", "nextIconButtonProps", "onPageChange", "page", "rowsPerPage", "showFirstButton", "showLastButton", "slotProps"];
   const TablePaginationActions = /*#__PURE__*/React__namespace.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 = _objectWithoutPropertiesLoose(props, _excluded$a);
     const theme = useTheme();
@@ -47274,35 +47299,37 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     return /*#__PURE__*/jsxRuntime_2("div", _extends({
       ref: ref
     }, other, {
-      children: [showFirstButton && /*#__PURE__*/jsxRuntime_1(IconButton$1, {
+      children: [showFirstButton && /*#__PURE__*/jsxRuntime_1(IconButton$1, _extends({
         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__*/jsxRuntime_1(LastPageIcon, {})) : _FirstPageIcon || (_FirstPageIcon = /*#__PURE__*/jsxRuntime_1(FirstPageIcon, {}))
-      }), /*#__PURE__*/jsxRuntime_1(IconButton$1, _extends({
+      })), /*#__PURE__*/jsxRuntime_1(IconButton$1, _extends({
         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__*/jsxRuntime_1(KeyboardArrowRight, {})) : _KeyboardArrowLeft || (_KeyboardArrowLeft = /*#__PURE__*/jsxRuntime_1(KeyboardArrowLeft, {}))
       })), /*#__PURE__*/jsxRuntime_1(IconButton$1, _extends({
         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__*/jsxRuntime_1(KeyboardArrowLeft, {})) : _KeyboardArrowRight2 || (_KeyboardArrowRight2 = /*#__PURE__*/jsxRuntime_1(KeyboardArrowRight, {}))
-      })), showLastButton && /*#__PURE__*/jsxRuntime_1(IconButton$1, {
+      })), showLastButton && /*#__PURE__*/jsxRuntime_1(IconButton$1, _extends({
         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__*/jsxRuntime_1(FirstPageIcon, {})) : _LastPageIcon2 || (_LastPageIcon2 = /*#__PURE__*/jsxRuntime_1(LastPageIcon, {}))
-      })]
+      }))]
     }));
   });
   TablePaginationActions.propTypes = {
@@ -47314,6 +47341,11 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
      * The total number of rows.
      */
     count: PropTypes.number.isRequired,
+    /**
+     * If `true`, the component is disabled.
+     * @default false
+     */
+    disabled: PropTypes.bool,
     /**
      * Accepts a function which returns a string value that provides a user-friendly name for the current page.
      *
@@ -47350,7 +47382,17 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     /**
      * If `true`, show the last-page button.
      */
-    showLastButton: PropTypes.bool.isRequired
+    showLastButton: PropTypes.bool.isRequired,
+    /**
+     * The props used for each slot inside the TablePaginationActions.
+     * @default {}
+     */
+    slotProps: PropTypes.shape({
+      firstButton: PropTypes.object,
+      lastButton: PropTypes.object,
+      nextButton: PropTypes.object,
+      previousButton: PropTypes.object
+    })
   } ;
   var TablePaginationActions$1 = TablePaginationActions;
 
@@ -47361,7 +47403,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
   var tablePaginationClasses$1 = tablePaginationClasses;
 
   var _InputBase;
-  const _excluded$9 = ["ActionsComponent", "backIconButtonProps", "className", "colSpan", "component", "count", "getItemAriaLabel", "labelDisplayedRows", "labelRowsPerPage", "nextIconButtonProps", "onPageChange", "onRowsPerPageChange", "page", "rowsPerPage", "rowsPerPageOptions", "SelectProps", "showFirstButton", "showLastButton"];
+  const _excluded$9 = ["ActionsComponent", "backIconButtonProps", "className", "colSpan", "component", "count", "disabled", "getItemAriaLabel", "labelDisplayedRows", "labelRowsPerPage", "nextIconButtonProps", "onPageChange", "onRowsPerPageChange", "page", "rowsPerPage", "rowsPerPageOptions", "SelectProps", "showFirstButton", "showLastButton", "slotProps"];
   const TablePaginationRoot = styled$1(TableCell$1, {
     name: 'MuiTablePagination',
     slot: 'Root',
@@ -47484,6 +47526,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
    * A `TableCell` based component for placing inside `TableFooter` for pagination.
    */
   const TablePagination = /*#__PURE__*/React__namespace.forwardRef(function TablePagination(inProps, ref) {
+    var _slotProps$select;
     const props = useThemeProps({
       props: inProps,
       name: 'MuiTablePagination'
@@ -47495,6 +47538,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
         colSpan: colSpanProp,
         component = TableCell$1,
         count,
+        disabled = false,
         getItemAriaLabel = defaultGetAriaLabel,
         labelDisplayedRows = defaultLabelDisplayedRows,
         labelRowsPerPage = 'Rows per page:',
@@ -47506,19 +47550,21 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
         rowsPerPageOptions = [10, 25, 50, 100],
         SelectProps = {},
         showFirstButton = false,
-        showLastButton = false
+        showLastButton = false,
+        slotProps
       } = props,
       other = _objectWithoutPropertiesLoose(props, _excluded$9);
     const ownerState = props;
     const classes = useUtilityClasses$7(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$1 || component === 'td') {
       colSpan = colSpanProp || 1000; // col-span over everything
     }
 
-    const selectId = useId(SelectProps.id);
-    const labelId = useId(SelectProps.labelId);
+    const selectId = useId(selectProps.id);
+    const labelId = useId(selectProps.labelId);
     const getLabelDisplayedRowsTo = () => {
       if (count === -1) {
         return (page + 1) * rowsPerPage;
@@ -47542,21 +47588,22 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
           children: labelRowsPerPage
         }), rowsPerPageOptions.length > 1 && /*#__PURE__*/jsxRuntime_1(TablePaginationSelect, _extends({
           variant: "standard"
-        }, !SelectProps.variant && {
+        }, !selectProps.variant && {
           input: _InputBase || (_InputBase = /*#__PURE__*/jsxRuntime_1(InputBase$1, {}))
         }, {
           value: rowsPerPage,
           onChange: onRowsPerPageChange,
           id: selectId,
           labelId: labelId
-        }, SelectProps, {
-          classes: _extends({}, SelectProps.classes, {
+        }, selectProps, {
+          classes: _extends({}, selectProps.classes, {
             // TODO v5 remove `classes.input`
-            root: clsx(classes.input, classes.selectRoot, (SelectProps.classes || {}).root),
-            select: clsx(classes.select, (SelectProps.classes || {}).select),
+            root: clsx(classes.input, classes.selectRoot, (selectProps.classes || {}).root),
+            select: clsx(classes.select, (selectProps.classes || {}).select),
             // TODO v5 remove `selectIcon`
-            icon: clsx(classes.selectIcon, (SelectProps.classes || {}).icon)
+            icon: clsx(classes.selectIcon, (selectProps.classes || {}).icon)
           }),
+          disabled: disabled,
           children: rowsPerPageOptions.map(rowsPerPageOption => /*#__PURE__*/React.createElement(MenuItemComponent, _extends({}, !isHostComponent(MenuItemComponent) && {
             ownerState
           }, {
@@ -47582,7 +47629,9 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
           rowsPerPage: rowsPerPage,
           showFirstButton: showFirstButton,
           showLastButton: showLastButton,
-          getItemAriaLabel: getItemAriaLabel
+          slotProps: slotProps == null ? void 0 : slotProps.actions,
+          getItemAriaLabel: getItemAriaLabel,
+          disabled: disabled
         })]
       })
     }));
@@ -47600,6 +47649,9 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     ActionsComponent: PropTypes.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.object,
     /**
@@ -47625,6 +47677,11 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
      * To enable server side pagination for an unknown number of items, provide -1.
      */
     count: integerPropType.isRequired,
+    /**
+     * If `true`, the component is disabled.
+     * @default false
+     */
+    disabled: PropTypes.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.
@@ -47656,6 +47713,9 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     labelRowsPerPage: PropTypes.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.object,
     /**
@@ -47707,6 +47767,10 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
     })]).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.object,
@@ -47720,6 +47784,19 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
      * @default false
      */
     showLastButton: PropTypes.bool,
+    /**
+     * The props used for each slot inside the TablePagination.
+     * @default {}
+     */
+    slotProps: PropTypes.shape({
+      actions: PropTypes.shape({
+        firstButton: PropTypes.object,
+        lastButton: PropTypes.object,
+        nextButton: PropTypes.object,
+        previousButton: PropTypes.object
+      }),
+      select: PropTypes.object
+    }),
     /**
      * The system prop that allows defining system overrides as well as additional CSS styles.
      */
@@ -50089,6 +50166,7 @@ See https://mui.com/r/migration-v4/#mui-material-styles for more details.` );
   exports.badgeClasses = badgeClasses$1;
   exports.bottomNavigationActionClasses = bottomNavigationActionClasses$1;
   exports.bottomNavigationClasses = bottomNavigationClasses$1;
+  exports.boxClasses = boxClasses$1;
   exports.breadcrumbsClasses = breadcrumbsClasses$1;
   exports.buttonBaseClasses = buttonBaseClasses$1;
   exports.buttonClasses = buttonClasses$1;