@mui/material 5.14.20 → 5.15.1

package/modern/locale/index.js

@@ -317,7 +317,6 @@ export const azAZ = {
         //   `${from}–${to} dən ${count !== -1 ? count : `more than ${to}`}`,
       }
     },
-
     MuiRating: {
       defaultProps: {
         getLabelText: value => {
@@ -553,7 +552,6 @@ export const bgBG = {
         //   `${from}–${to} от ${count !== -1 ? count : `more than ${to}`}`,
       }
     },
-
     MuiRating: {
       defaultProps: {
         getLabelText: value => `${value} Звезд${value !== 1 ? 'и' : 'а'}`,
@@ -624,7 +622,6 @@ export const caES = {
         //   `${from}–${to} de ${count !== -1 ? count : `more than ${to}`}`,
       }
     },
-
     MuiRating: {
       defaultProps: {
         getLabelText: value => `${value} ${value !== 1 ? 'Estrelles' : 'Estrella'}`,
@@ -668,7 +665,6 @@ export const caES = {
     // },
   }
 };
-
 export const csCZ = {
   components: {
     MuiBreadcrumbs: {
@@ -1658,7 +1654,6 @@ export const huHU = {
         //   `${from}–${to} / ${count !== -1 ? count : `more than ${to}`}`,
       }
     },
-
     MuiRating: {
       defaultProps: {
         getLabelText: value => `${value} Csillag`,
@@ -1729,7 +1724,6 @@ export const hyAM = {
         //   `${from}–${to} / ${count !== -1 ? count : `more than ${to}`}`,
       }
     },
-
     MuiRating: {
       defaultProps: {
         getLabelText: value => `${value} Աստղ`,
@@ -1773,7 +1767,6 @@ export const hyAM = {
     // },
   }
 };
-
 export const idID = {
   components: {
     // MuiBreadcrumbs: {
@@ -1801,14 +1794,12 @@ export const idID = {
         //   `${from}–${to} dari ${count !== -1 ? count : `more than ${to}`}`,
       }
     },
-
     MuiRating: {
       defaultProps: {
         getLabelText: value => `${value} Bintang`
         // emptyLabelText: 'Empty',
       }
     },
-
     MuiAutocomplete: {
       defaultProps: {
         clearText: 'Hapus',
@@ -1846,7 +1837,6 @@ export const idID = {
     // },
   }
 };
-
 export const isIS = {
   components: {
     MuiBreadcrumbs: {
@@ -3220,7 +3210,6 @@ export const roRO = {
         //   `${from}–${to} din ${count !== -1 ? count : `more than ${to}`}`,
       }
     },
-
     MuiRating: {
       defaultProps: {
         getLabelText: value => `${value} St${value !== 1 ? 'ele' : 'ea'}`,

package/modern/styles/experimental_extendTheme.js

@@ -3,7 +3,7 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 const _excluded = ["colorSchemes", "cssVarPrefix", "shouldSkipGeneratingVar"],
   _excluded2 = ["palette"];
 import { deepmerge } from '@mui/utils';
-import { private_safeColorChannel as safeColorChannel, private_safeAlpha as safeAlpha, private_safeDarken as safeDarken, private_safeLighten as safeLighten, private_safeEmphasize as safeEmphasize, unstable_createGetCssVar as systemCreateGetCssVar, unstable_defaultSxConfig as defaultSxConfig, unstable_styleFunctionSx as styleFunctionSx, unstable_prepareCssVars as prepareCssVars } from '@mui/system';
+import { private_safeColorChannel as safeColorChannel, private_safeAlpha as safeAlpha, private_safeDarken as safeDarken, private_safeLighten as safeLighten, private_safeEmphasize as safeEmphasize, unstable_createGetCssVar as systemCreateGetCssVar, unstable_defaultSxConfig as defaultSxConfig, unstable_styleFunctionSx as styleFunctionSx, unstable_prepareCssVars as prepareCssVars, hslToRgb } from '@mui/system';
 import defaultShouldSkipGeneratingVar from './shouldSkipGeneratingVar';
 import createThemeWithoutVars from './createTheme';
 import getOverlayAlpha from './getOverlayAlpha';
@@ -26,11 +26,17 @@ function setColor(obj, key, defaultValue) {
     obj[key] = defaultValue;
   }
 }
+function toRgb(color) {
+  if (!color || !color.startsWith('hsl')) {
+    return color;
+  }
+  return hslToRgb(color);
+}
 function setColorChannel(obj, key) {
   if (!(`${key}Channel` in obj)) {
     // custom channel token is not provided, generate one.
     // if channel token can't be generated, show a warning.
-    obj[`${key}Channel`] = safeColorChannel(obj[key], `MUI: Can't create \`palette.${key}Channel\` because \`palette.${key}\` is not one of these formats: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().` + '\n' + `To suppress this warning, you need to explicitly provide the \`palette.${key}Channel\` as a string (in rgb format, e.g. "12 12 12") or undefined if you want to remove the channel token.`);
+    obj[`${key}Channel`] = safeColorChannel(toRgb(obj[key]), `MUI: Can't create \`palette.${key}Channel\` because \`palette.${key}\` is not one of these formats: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().` + '\n' + `To suppress this warning, you need to explicitly provide the \`palette.${key}Channel\` as a string (in rgb format, e.g. "12 12 12") or undefined if you want to remove the channel token.`);
   }
 }
 const silent = fn => {
@@ -247,16 +253,16 @@ export default function extendTheme(options = {}, ...args) {
       if (colors && typeof colors === 'object') {
         // Silent the error for custom palettes.
         if (colors.main) {
-          setColor(palette[color], 'mainChannel', safeColorChannel(colors.main));
+          setColor(palette[color], 'mainChannel', safeColorChannel(toRgb(colors.main)));
         }
         if (colors.light) {
-          setColor(palette[color], 'lightChannel', safeColorChannel(colors.light));
+          setColor(palette[color], 'lightChannel', safeColorChannel(toRgb(colors.light)));
         }
         if (colors.dark) {
-          setColor(palette[color], 'darkChannel', safeColorChannel(colors.dark));
+          setColor(palette[color], 'darkChannel', safeColorChannel(toRgb(colors.dark)));
         }
         if (colors.contrastText) {
-          setColor(palette[color], 'contrastTextChannel', safeColorChannel(colors.contrastText));
+          setColor(palette[color], 'contrastTextChannel', safeColorChannel(toRgb(colors.contrastText)));
         }
         if (color === 'text') {
           // Text colors: text.primary, text.secondary

package/modern/useTouchRipple/useTouchRipple.js

@@ -35,7 +35,7 @@ const useTouchRipple = props => {
   });
   const handleKeyUp = useEventCallback(event => {
     // calling preventDefault in keyUp on a <button> will not dispatch a click event if Space is pressed
-    // https://codesandbox.io/s/button-keyup-preventdefault-dn7f0
+    // https://codesandbox.io/p/sandbox/button-keyup-preventdefault-dn7f0
     if (!disableFocusRipple && event.key === ' ' && rippleRef.current && focusVisible && !event.defaultPrevented) {
       keydownRef.current = false;
       rippleRef.current.stop(event, () => {

package/node/AccordionActions/AccordionActions.js

@@ -46,7 +46,7 @@ const AccordionActionsRoot = (0, _styled.default)('div', {
   padding: 8,
   justifyContent: 'flex-end'
 }, !ownerState.disableSpacing && {
-  '& > :not(:first-of-type)': {
+  '& > :not(style) ~ :not(style)': {
     marginLeft: 8
   }
 }));

package/node/Autocomplete/Autocomplete.js

@@ -229,7 +229,6 @@ const AutocompleteEndAdornment = (0, _styled.default)('div', {
   right: 0,
   top: 'calc(50% - 14px)' // Center vertically
 });
-
 const AutocompleteClearIndicator = (0, _styled.default)(_IconButton.default, {
   name: 'MuiAutocomplete',
   slot: 'ClearIndicator',
@@ -673,7 +672,7 @@ process.env.NODE_ENV !== "production" ? Autocomplete.propTypes /* remove-proptyp
   // |     To update them edit the d.ts file and run "yarn proptypes"     |
   // ----------------------------------------------------------------------
   /**
-   * If `true`, the portion of the selected suggestion that has not been typed by the user,
+   * If `true`, the portion of the selected suggestion that the user hasn't typed,
    * known as the completion string, appears inline after the input cursor in the textbox.
    * The inline completion string is visually highlighted and has a selected state.
    * @default false
@@ -689,7 +688,7 @@ process.env.NODE_ENV !== "production" ? Autocomplete.propTypes /* remove-proptyp
    * when the Autocomplete loses focus unless the user chooses
    * a different option or changes the character string in the input.
    *
-   * When using `freeSolo` mode, the typed value will be the input value
+   * When using the `freeSolo` mode, the typed value will be the input value
    * if the Autocomplete loses focus without highlighting an option.
    * @default false
    */
@@ -724,8 +723,8 @@ process.env.NODE_ENV !== "production" ? Autocomplete.propTypes /* remove-proptyp
   /**
    * If `true`, the input's text is cleared on blur if no value is selected.
    *
-   * Set to `true` if you want to help the user enter a new value.
-   * Set to `false` if you want to help the user resume their search.
+   * Set it to `true` if you want to help the user enter a new value.
+   * Set it to `false` if you want to help the user resume their search.
    * @default !props.freeSolo
    */
   clearOnBlur: _propTypes.default.bool,

package/node/ButtonBase/ButtonBase.js

@@ -74,7 +74,6 @@ const ButtonBaseRoot = exports.ButtonBaseRoot = (0, _styled.default)('button', {
   '&::-moz-focus-inner': {
     borderStyle: 'none' // Remove Firefox dotted outline.
   },
-
   [`&.${_buttonBaseClasses.default.disabled}`]: {
     pointerEvents: 'none',
     // Disable link interactions
@@ -241,7 +240,7 @@ const ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(inProps, re
   });
   const handleKeyUp = (0, _useEventCallback.default)(event => {
     // calling preventDefault in keyUp on a <button> will not dispatch a click event if Space is pressed
-    // https://codesandbox.io/s/button-keyup-preventdefault-dn7f0
+    // https://codesandbox.io/p/sandbox/button-keyup-preventdefault-dn7f0
     if (focusRipple && event.key === ' ' && rippleRef.current && focusVisible && !event.defaultPrevented) {
       keydownRef.current = false;
       rippleRef.current.stop(event, () => {

package/node/ButtonGroup/index.js

@@ -6,8 +6,22 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 var _exportNames = {
-  buttonGroupClasses: true
+  buttonGroupClasses: true,
+  ButtonGroupContext: true,
+  ButtonGroupButtonContext: true
 };
+Object.defineProperty(exports, "ButtonGroupButtonContext", {
+  enumerable: true,
+  get: function () {
+    return _ButtonGroupButtonContext.default;
+  }
+});
+Object.defineProperty(exports, "ButtonGroupContext", {
+  enumerable: true,
+  get: function () {
+    return _ButtonGroupContext.default;
+  }
+});
 Object.defineProperty(exports, "buttonGroupClasses", {
   enumerable: true,
   get: function () {
@@ -33,5 +47,7 @@ Object.keys(_buttonGroupClasses).forEach(function (key) {
     }
   });
 });
+var _ButtonGroupContext = _interopRequireDefault(require("./ButtonGroupContext"));
+var _ButtonGroupButtonContext = _interopRequireDefault(require("./ButtonGroupButtonContext"));
 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; }

package/node/CardActions/CardActions.js

@@ -45,7 +45,7 @@ const CardActionsRoot = (0, _styled.default)('div', {
   alignItems: 'center',
   padding: 8
 }, !ownerState.disableSpacing && {
-  '& > :not(:first-of-type)': {
+  '& > :not(style) ~ :not(style)': {
     marginLeft: 8
   }
 }));

package/node/CircularProgress/CircularProgress.js

@@ -92,7 +92,6 @@ const CircularProgressSVG = (0, _styled.default)('svg', {
 })({
   display: 'block' // Keeps the progress centered
 });
-
 const CircularProgressCircle = (0, _styled.default)('circle', {
   name: 'MuiCircularProgress',
   slot: 'Circle',

package/node/FilledInput/FilledInput.js

@@ -91,7 +91,6 @@ const FilledInputRoot = (0, _styled.default)(_InputBase2.InputBaseRoot, {
       }),
       pointerEvents: 'none' // Transparent to the hover style.
     },
-
     [`&.${_filledInputClasses.default.focused}:after`]: {
       // translateX(0) is a workaround for Safari transform scale bug
       // See https://github.com/mui/material-ui/issues/31766
@@ -115,7 +114,6 @@ const FilledInputRoot = (0, _styled.default)(_InputBase2.InputBaseRoot, {
       }),
       pointerEvents: 'none' // Transparent to the hover style.
     },
-
     [`&:hover:not(.${_filledInputClasses.default.disabled}, .${_filledInputClasses.default.error}):before`]: {
       borderBottom: `1px solid ${(theme.vars || theme).palette.text.primary}`
     },

package/node/Input/Input.js

@@ -74,7 +74,6 @@ const InputRoot = (0, _styled.default)(_InputBase2.InputBaseRoot, {
       }),
       pointerEvents: 'none' // Transparent to the hover style.
     },
-
     [`&.${_inputClasses.default.focused}:after`]: {
       // translateX(0) is a workaround for Safari transform scale bug
       // See https://github.com/mui/material-ui/issues/31766
@@ -98,7 +97,6 @@ const InputRoot = (0, _styled.default)(_InputBase2.InputBaseRoot, {
       }),
       pointerEvents: 'none' // Transparent to the hover style.
     },
-
     [`&:hover:not(.${_inputClasses.default.disabled}, .${_inputClasses.default.error}):before`]: {
       borderBottom: `2px solid ${(theme.vars || theme).palette.text.primary}`,
       // Reset on touch devices, it doesn't add specificity

package/node/InputBase/InputBase.js

@@ -175,13 +175,11 @@ const InputBaseComponent = exports.InputBaseComponent = (0, _styled.default)('in
       // IE11
       '&:focus::-ms-input-placeholder': placeholderVisible // Edge
     },
-
     [`&.${_inputBaseClasses.default.disabled}`]: {
       opacity: 1,
       // Reset iOS opacity
       WebkitTextFillColor: (theme.vars || theme).palette.text.disabled // Fix opacity Safari bug
     },
-
     '&:-webkit-autofill': {
       animationDuration: '5000s',
       animationName: 'mui-auto-fill'

package/node/InputLabel/InputLabel.js

@@ -113,11 +113,7 @@ 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/Link/Link.js

@@ -91,7 +91,6 @@ const LinkRoot = (0, _styled.default)(_Typography.default, {
     '&::-moz-focus-inner': {
       borderStyle: 'none' // Remove Firefox dotted outline.
     },
-
     [`&.${_linkClasses.default.focusVisible}`]: {
       outline: 'auto'
     }

package/node/NativeSelect/NativeSelectInput.js

@@ -56,7 +56,6 @@ const nativeSelectSelectStyles = ({
   }, {
     borderRadius: 0 // Reset Chrome style
   }),
-
   // Remove IE11 arrow
   '&::-ms-expand': {
     display: 'none'
@@ -84,7 +83,6 @@ const nativeSelectSelectStyles = ({
   '&:focus': {
     borderRadius: (theme.vars || theme).shape.borderRadius // Reset the reset for Chrome style
   },
-
   '&&&': {
     paddingRight: 32
   }

package/node/Select/SelectInput.js

@@ -392,7 +392,6 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
       'data-value': child.props.value // Instead, we provide it as a data attribute.
     });
   });
-
   if (process.env.NODE_ENV !== 'production') {
     // eslint-disable-next-line react-hooks/rules-of-hooks
     React.useEffect(() => {
@@ -441,7 +440,6 @@ 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,
@@ -472,7 +470,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 != null ? name : hiddenInputId,
+      name: name,
       ref: inputRef,
       "aria-hidden": true,
       onChange: handleChange,

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", "disabled", "getItemAriaLabel", "labelDisplayedRows", "labelRowsPerPage", "nextIconButtonProps", "onPageChange", "onRowsPerPageChange", "page", "rowsPerPage", "rowsPerPageOptions", "SelectProps", "showFirstButton", "showLastButton", "slotProps"];
+const _excluded = ["ActionsComponent", "backIconButtonProps", "className", "colSpan", "component", "count", "disabled", "getItemAriaLabel", "labelDisplayedRows", "labelRowsPerPage", "nextIconButtonProps", "onPageChange", "onRowsPerPageChange", "page", "rowsPerPage", "rowsPerPageOptions", "SelectProps", "showFirstButton", "showLastButton", "slotProps", "slots"];
 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, {
@@ -103,7 +103,6 @@ const TablePaginationSelect = (0, _styled.default)(_Select.default, {
     textAlignLast: 'right' // Align <select> on Chrome.
   }
 });
-
 const TablePaginationMenuItem = (0, _styled.default)(_MenuItem.default, {
   name: 'MuiTablePagination',
   slot: 'MenuItem',
@@ -176,7 +175,8 @@ const TablePagination = /*#__PURE__*/React.forwardRef(function TablePagination(i
       SelectProps = {},
       showFirstButton = false,
       showLastButton = false,
-      slotProps
+      slotProps = {},
+      slots = {}
     } = props,
     other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const ownerState = props;
@@ -187,7 +187,6 @@ const TablePagination = /*#__PURE__*/React.forwardRef(function TablePagination(i
   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 getLabelDisplayedRowsTo = () => {
@@ -254,7 +253,8 @@ const TablePagination = /*#__PURE__*/React.forwardRef(function TablePagination(i
         rowsPerPage: rowsPerPage,
         showFirstButton: showFirstButton,
         showLastButton: showLastButton,
-        slotProps: slotProps == null ? void 0 : slotProps.actions,
+        slotProps: slotProps.actions,
+        slots: slots.actions,
         getItemAriaLabel: getItemAriaLabel,
         disabled: disabled
       })]
@@ -416,12 +416,33 @@ process.env.NODE_ENV !== "production" ? TablePagination.propTypes /* remove-prop
   slotProps: _propTypes.default.shape({
     actions: _propTypes.default.shape({
       firstButton: _propTypes.default.object,
+      firstButtonIcon: _propTypes.default.object,
       lastButton: _propTypes.default.object,
+      lastButtonIcon: _propTypes.default.object,
       nextButton: _propTypes.default.object,
-      previousButton: _propTypes.default.object
+      nextButtonIcon: _propTypes.default.object,
+      previousButton: _propTypes.default.object,
+      previousButtonIcon: _propTypes.default.object
     }),
     select: _propTypes.default.object
   }),
+  /**
+   * The components used for each slot inside the TablePagination.
+   * Either a string to use a HTML element or a component.
+   * @default {}
+   */
+  slots: _propTypes.default.shape({
+    actions: _propTypes.default.shape({
+      firstButton: _propTypes.default.elementType,
+      firstButtonIcon: _propTypes.default.elementType,
+      lastButton: _propTypes.default.elementType,
+      lastButtonIcon: _propTypes.default.elementType,
+      nextButton: _propTypes.default.elementType,
+      nextButtonIcon: _propTypes.default.elementType,
+      previousButton: _propTypes.default.elementType,
+      previousButtonIcon: _propTypes.default.elementType
+    })
+  }),
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */

package/node/TablePagination/TablePaginationActions.js

@@ -10,22 +10,21 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _KeyboardArrowLeft3 = _interopRequireDefault(require("../internal/svg-icons/KeyboardArrowLeft"));
-var _KeyboardArrowRight3 = _interopRequireDefault(require("../internal/svg-icons/KeyboardArrowRight"));
+var _KeyboardArrowLeft = _interopRequireDefault(require("../internal/svg-icons/KeyboardArrowLeft"));
+var _KeyboardArrowRight = _interopRequireDefault(require("../internal/svg-icons/KeyboardArrowRight"));
 var _useTheme = _interopRequireDefault(require("../styles/useTheme"));
 var _IconButton = _interopRequireDefault(require("../IconButton"));
 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", "disabled", "getItemAriaLabel", "nextIconButtonProps", "onPageChange", "page", "rowsPerPage", "showFirstButton", "showLastButton", "slotProps"];
+const _excluded = ["backIconButtonProps", "count", "disabled", "getItemAriaLabel", "nextIconButtonProps", "onPageChange", "page", "rowsPerPage", "showFirstButton", "showLastButton", "slots", "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;
+  var _slots$firstButton, _slots$lastButton, _slots$nextButton, _slots$previousButton, _slots$firstButtonIco, _slots$lastButtonIcon, _slots$nextButtonIcon, _slots$previousButton2;
   const {
       backIconButtonProps,
       count,
@@ -37,7 +36,8 @@ const TablePaginationActions = /*#__PURE__*/React.forwardRef(function TablePagin
       rowsPerPage,
       showFirstButton,
       showLastButton,
-      slotProps
+      slots = {},
+      slotProps = {}
     } = props,
     other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const theme = (0, _useTheme.default)();
@@ -53,39 +53,55 @@ const TablePaginationActions = /*#__PURE__*/React.forwardRef(function TablePagin
   const handleLastPageButtonClick = event => {
     onPageChange(event, Math.max(0, Math.ceil(count / rowsPerPage) - 1));
   };
+  const FirstButton = (_slots$firstButton = slots.firstButton) != null ? _slots$firstButton : _IconButton.default;
+  const LastButton = (_slots$lastButton = slots.lastButton) != null ? _slots$lastButton : _IconButton.default;
+  const NextButton = (_slots$nextButton = slots.nextButton) != null ? _slots$nextButton : _IconButton.default;
+  const PreviousButton = (_slots$previousButton = slots.previousButton) != null ? _slots$previousButton : _IconButton.default;
+  const FirstButtonIcon = (_slots$firstButtonIco = slots.firstButtonIcon) != null ? _slots$firstButtonIco : _FirstPage.default;
+  const LastButtonIcon = (_slots$lastButtonIcon = slots.lastButtonIcon) != null ? _slots$lastButtonIcon : _LastPage.default;
+  const NextButtonIcon = (_slots$nextButtonIcon = slots.nextButtonIcon) != null ? _slots$nextButtonIcon : _KeyboardArrowRight.default;
+  const PreviousButtonIcon = (_slots$previousButton2 = slots.previousButtonIcon) != null ? _slots$previousButton2 : _KeyboardArrowLeft.default;
+  const FirstButtonSlot = theme.direction === 'rtl' ? LastButton : FirstButton;
+  const PreviousButtonSlot = theme.direction === 'rtl' ? NextButton : PreviousButton;
+  const NextButtonSlot = theme.direction === 'rtl' ? PreviousButton : NextButton;
+  const LastButtonSlot = theme.direction === 'rtl' ? FirstButton : LastButton;
+  const firstButtonSlotProps = theme.direction === 'rtl' ? slotProps.lastButton : slotProps.firstButton;
+  const previousButtonSlotProps = theme.direction === 'rtl' ? slotProps.nextButton : slotProps.previousButton;
+  const nextButtonSlotProps = theme.direction === 'rtl' ? slotProps.previousButton : slotProps.nextButton;
+  const lastButtonSlotProps = theme.direction === 'rtl' ? slotProps.firstButton : slotProps.lastButton;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", (0, _extends2.default)({
     ref: ref
   }, other, {
-    children: [showFirstButton && /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, (0, _extends2.default)({
+    children: [showFirstButton && /*#__PURE__*/(0, _jsxRuntime.jsx)(FirstButtonSlot, (0, _extends2.default)({
       onClick: handleFirstPageButtonClick,
       disabled: disabled || page === 0,
       "aria-label": 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)({
+    }, firstButtonSlotProps, {
+      children: theme.direction === 'rtl' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(LastButtonIcon, (0, _extends2.default)({}, slotProps.lastButtonIcon)) : /*#__PURE__*/(0, _jsxRuntime.jsx)(FirstButtonIcon, (0, _extends2.default)({}, slotProps.firstButtonIcon))
+    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(PreviousButtonSlot, (0, _extends2.default)({
       onClick: handleBackButtonClick,
       disabled: disabled || page === 0,
       color: "inherit",
       "aria-label": getItemAriaLabel('previous', page),
       title: getItemAriaLabel('previous', page)
-    }, (_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)({
+    }, previousButtonSlotProps != null ? previousButtonSlotProps : backIconButtonProps, {
+      children: theme.direction === 'rtl' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(NextButtonIcon, (0, _extends2.default)({}, slotProps.nextButtonIcon)) : /*#__PURE__*/(0, _jsxRuntime.jsx)(PreviousButtonIcon, (0, _extends2.default)({}, slotProps.previousButtonIcon))
+    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(NextButtonSlot, (0, _extends2.default)({
       onClick: handleNextButtonClick,
       disabled: disabled || (count !== -1 ? page >= Math.ceil(count / rowsPerPage) - 1 : false),
       color: "inherit",
       "aria-label": getItemAriaLabel('next', page),
       title: getItemAriaLabel('next', page)
-    }, (_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, (0, _extends2.default)({
+    }, nextButtonSlotProps != null ? nextButtonSlotProps : nextIconButtonProps, {
+      children: theme.direction === 'rtl' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(PreviousButtonIcon, (0, _extends2.default)({}, slotProps.previousButtonIcon)) : /*#__PURE__*/(0, _jsxRuntime.jsx)(NextButtonIcon, (0, _extends2.default)({}, slotProps.nextButtonIcon))
+    })), showLastButton && /*#__PURE__*/(0, _jsxRuntime.jsx)(LastButtonSlot, (0, _extends2.default)({
       onClick: handleLastPageButtonClick,
       disabled: disabled || page >= Math.ceil(count / rowsPerPage) - 1,
       "aria-label": 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, {}))
+    }, lastButtonSlotProps, {
+      children: theme.direction === 'rtl' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(FirstButtonIcon, (0, _extends2.default)({}, slotProps.firstButtonIcon)) : /*#__PURE__*/(0, _jsxRuntime.jsx)(LastButtonIcon, (0, _extends2.default)({}, slotProps.lastButtonIcon))
     }))]
   }));
 });
@@ -146,9 +162,28 @@ process.env.NODE_ENV !== "production" ? TablePaginationActions.propTypes = {
    */
   slotProps: _propTypes.default.shape({
     firstButton: _propTypes.default.object,
+    firstButtonIcon: _propTypes.default.object,
     lastButton: _propTypes.default.object,
+    lastButtonIcon: _propTypes.default.object,
     nextButton: _propTypes.default.object,
-    previousButton: _propTypes.default.object
+    nextButtonIcon: _propTypes.default.object,
+    previousButton: _propTypes.default.object,
+    previousButtonIcon: _propTypes.default.object
+  }),
+  /**
+   * The components used for each slot inside the TablePaginationActions.
+   * Either a string to use a HTML element or a component.
+   * @default {}
+   */
+  slots: _propTypes.default.shape({
+    firstButton: _propTypes.default.elementType,
+    firstButtonIcon: _propTypes.default.elementType,
+    lastButton: _propTypes.default.elementType,
+    lastButtonIcon: _propTypes.default.elementType,
+    nextButton: _propTypes.default.elementType,
+    nextButtonIcon: _propTypes.default.elementType,
+    previousButton: _propTypes.default.elementType,
+    previousButtonIcon: _propTypes.default.elementType
   })
 } : void 0;
 var _default = exports.default = TablePaginationActions;

package/node/Tabs/Tabs.js

@@ -207,7 +207,6 @@ const TabsScrollbarSize = (0, _styled.default)(_ScrollbarSize.default)({
     display: 'none' // Safari + Chrome
   }
 });
-
 const defaultIndicatorStyle = {};
 let warnedOnceTabPresent = false;
 const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(inProps, ref) {

package/node/index.js

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