@mui/material 5.15.0 → 5.15.2

package/ListSubheader/listSubheaderClasses.js

@@ -1,5 +1,5 @@
 import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
-import generateUtilityClass from '../generateUtilityClass';
+import generateUtilityClass from '@mui/utils/generateUtilityClass';
 export function getListSubheaderUtilityClass(slot) {
   return generateUtilityClass('MuiListSubheader', slot);
 }

package/Menu/menuClasses.js

@@ -1,5 +1,5 @@
-import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
-import generateUtilityClass from '../generateUtilityClass';
+import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
+import generateUtilityClass from '@mui/utils/generateUtilityClass';
 export function getMenuUtilityClass(slot) {
   return generateUtilityClass('MuiMenu', slot);
 }

package/MenuItem/menuItemClasses.js

@@ -1,5 +1,5 @@
-import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
-import generateUtilityClass from '../generateUtilityClass';
+import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
+import generateUtilityClass from '@mui/utils/generateUtilityClass';
 export function getMenuItemUtilityClass(slot) {
   return generateUtilityClass('MuiMenuItem', slot);
 }

package/MobileStepper/mobileStepperClasses.js

@@ -1,5 +1,5 @@
-import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
-import generateUtilityClass from '../generateUtilityClass';
+import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
+import generateUtilityClass from '@mui/utils/generateUtilityClass';
 export function getMobileStepperUtilityClass(slot) {
   return generateUtilityClass('MuiMobileStepper', slot);
 }

package/Modal/modalClasses.js

@@ -1,5 +1,5 @@
-import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
-import generateUtilityClass from '../generateUtilityClass';
+import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
+import generateUtilityClass from '@mui/utils/generateUtilityClass';
 export function getModalUtilityClass(slot) {
   return generateUtilityClass('MuiModal', slot);
 }

package/NativeSelect/nativeSelectClasses.js

@@ -1,5 +1,5 @@
-import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
-import generateUtilityClass from '../generateUtilityClass';
+import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
+import generateUtilityClass from '@mui/utils/generateUtilityClass';
 export function getNativeSelectUtilityClasses(slot) {
   return generateUtilityClass('MuiNativeSelect', slot);
 }

package/OutlinedInput/outlinedInputClasses.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
-import generateUtilityClass from '../generateUtilityClass';
+import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
+import generateUtilityClass from '@mui/utils/generateUtilityClass';
 import { inputBaseClasses } from '../InputBase';
 export function getOutlinedInputUtilityClass(slot) {
   return generateUtilityClass('MuiOutlinedInput', slot);

package/Pagination/paginationClasses.js

@@ -1,5 +1,5 @@
-import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
-import generateUtilityClass from '../generateUtilityClass';
+import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
+import generateUtilityClass from '@mui/utils/generateUtilityClass';
 export function getPaginationUtilityClass(slot) {
   return generateUtilityClass('MuiPagination', slot);
 }

package/PaginationItem/paginationItemClasses.js

@@ -1,5 +1,5 @@
-import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
-import generateUtilityClass from '../generateUtilityClass';
+import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
+import generateUtilityClass from '@mui/utils/generateUtilityClass';
 export function getPaginationItemUtilityClass(slot) {
   return generateUtilityClass('MuiPaginationItem', slot);
 }

package/Paper/paperClasses.d.ts

@@ -7,30 +7,55 @@ export interface PaperClasses {
     outlined: string;
     /** Styles applied to the root element if `variant="elevation"`. */
     elevation: string;
+    /** Styles applied to the root element if `elevation={0}`. */
     elevation0: string;
+    /** Styles applied to the root element if `elevation={1}`. */
     elevation1: string;
+    /** Styles applied to the root element if `elevation={2}`. */
     elevation2: string;
+    /** Styles applied to the root element if `elevation={3}`. */
     elevation3: string;
+    /** Styles applied to the root element if `elevation={4}`. */
     elevation4: string;
+    /** Styles applied to the root element if `elevation={5}`. */
     elevation5: string;
+    /** Styles applied to the root element if `elevation={6}`. */
     elevation6: string;
+    /** Styles applied to the root element if `elevation={7}`. */
     elevation7: string;
+    /** Styles applied to the root element if `elevation={8}`. */
     elevation8: string;
+    /** Styles applied to the root element if `elevation={9}`. */
     elevation9: string;
+    /** Styles applied to the root element if `elevation={10}`. */
     elevation10: string;
+    /** Styles applied to the root element if `elevation={11}`. */
     elevation11: string;
+    /** Styles applied to the root element if `elevation={12}`. */
     elevation12: string;
+    /** Styles applied to the root element if `elevation={13}`. */
     elevation13: string;
+    /** Styles applied to the root element if `elevation={14}`. */
     elevation14: string;
+    /** Styles applied to the root element if `elevation={15}`. */
     elevation15: string;
+    /** Styles applied to the root element if `elevation={16}`. */
     elevation16: string;
+    /** Styles applied to the root element if `elevation={17}`. */
     elevation17: string;
+    /** Styles applied to the root element if `elevation={18}`. */
     elevation18: string;
+    /** Styles applied to the root element if `elevation={19}`. */
     elevation19: string;
+    /** Styles applied to the root element if `elevation={20}`. */
     elevation20: string;
+    /** Styles applied to the root element if `elevation={21}`. */
     elevation21: string;
+    /** Styles applied to the root element if `elevation={22}`. */
     elevation22: string;
+    /** Styles applied to the root element if `elevation={23}`. */
     elevation23: string;
+    /** Styles applied to the root element if `elevation={24}`. */
     elevation24: string;
 }
 export type PaperClassKey = keyof PaperClasses;

package/Paper/paperClasses.js

@@ -1,5 +1,5 @@
-import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
-import generateUtilityClass from '../generateUtilityClass';
+import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
+import generateUtilityClass from '@mui/utils/generateUtilityClass';
 export function getPaperUtilityClass(slot) {
   return generateUtilityClass('MuiPaper', slot);
 }

package/Popover/popoverClasses.js

@@ -1,5 +1,5 @@
-import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
-import generateUtilityClass from '../generateUtilityClass';
+import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
+import generateUtilityClass from '@mui/utils/generateUtilityClass';
 export function getPopoverUtilityClass(slot) {
   return generateUtilityClass('MuiPopover', slot);
 }

package/README.md

@@ -5,7 +5,7 @@
 
 <h1 align="center">Material UI</h1>
 
-Material UI is a comprehensive library of components that features our implementation of Google's [Material Design](https://m2.material.io/design/introduction/) system.
+Material UI is an open-source React component library that implements Google's [Material Design](https://m2.material.io/design/introduction/). It's comprehensive and can be used in production out of the box.
 
 ## Installation
 

package/Radio/radioClasses.js

@@ -1,5 +1,5 @@
-import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
-import generateUtilityClass from '../generateUtilityClass';
+import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
+import generateUtilityClass from '@mui/utils/generateUtilityClass';
 export function getRadioUtilityClass(slot) {
   return generateUtilityClass('MuiRadio', slot);
 }

package/Rating/ratingClasses.js

@@ -1,5 +1,5 @@
-import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
-import generateUtilityClass from '../generateUtilityClass';
+import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
+import generateUtilityClass from '@mui/utils/generateUtilityClass';
 export function getRatingUtilityClass(slot) {
   return generateUtilityClass('MuiRating', slot);
 }

package/ScopedCssBaseline/scopedCssBaselineClasses.js

@@ -1,5 +1,5 @@
-import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
-import generateUtilityClass from '../generateUtilityClass';
+import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
+import generateUtilityClass from '@mui/utils/generateUtilityClass';
 export function getScopedCssBaselineUtilityClass(slot) {
   return generateUtilityClass('MuiScopedCssBaseline', slot);
 }

package/Select/SelectInput.js

@@ -2,7 +2,7 @@
 
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import { formatMuiErrorMessage as _formatMuiErrorMessage } from "@mui/utils";
+import _formatMuiErrorMessage from "@mui/utils/formatMuiErrorMessage";
 var _span;
 const _excluded = ["aria-describedby", "aria-label", "autoFocus", "autoWidth", "children", "className", "defaultOpen", "defaultValue", "disabled", "displayEmpty", "error", "IconComponent", "inputRef", "labelId", "MenuProps", "multiple", "name", "onBlur", "onChange", "onClose", "onFocus", "onOpen", "open", "readOnly", "renderValue", "SelectDisplayProps", "tabIndex", "type", "value", "variant"];
 import * as React from 'react';

package/Select/selectClasses.js

@@ -1,5 +1,5 @@
-import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
-import generateUtilityClass from '../generateUtilityClass';
+import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
+import generateUtilityClass from '@mui/utils/generateUtilityClass';
 export function getSelectUtilityClasses(slot) {
   return generateUtilityClass('MuiSelect', slot);
 }

package/Skeleton/skeletonClasses.js

@@ -1,5 +1,5 @@
-import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
-import generateUtilityClass from '../generateUtilityClass';
+import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
+import generateUtilityClass from '@mui/utils/generateUtilityClass';
 export function getSkeletonUtilityClass(slot) {
   return generateUtilityClass('MuiSkeleton', slot);
 }

package/Slider/Slider.js

@@ -182,7 +182,7 @@ export const SliderThumb = styled('span', {
   left: '50%',
   transform: 'translate(-50%, 50%)'
 }, {
-  '&:before': _extends({
+  '&::before': _extends({
     position: 'absolute',
     content: '""',
     borderRadius: 'inherit',
@@ -248,7 +248,7 @@ export const SliderValueLabel = styled(BaseSliderValueLabel, {
 }, ownerState.orientation === 'horizontal' && {
   top: '-10px',
   transformOrigin: 'bottom center',
-  '&:before': {
+  '&::before': {
     position: 'absolute',
     content: '""',
     width: 8,
@@ -262,7 +262,7 @@ export const SliderValueLabel = styled(BaseSliderValueLabel, {
   right: ownerState.size === 'small' ? '20px' : '30px',
   top: '50%',
   transformOrigin: 'right center',
-  '&:before': {
+  '&::before': {
     position: 'absolute',
     content: '""',
     width: 8,

package/Slider/sliderClasses.js

@@ -1,5 +1,5 @@
-import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
-import generateUtilityClass from '../generateUtilityClass';
+import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
+import generateUtilityClass from '@mui/utils/generateUtilityClass';
 export function getSliderUtilityClass(slot) {
   return generateUtilityClass('MuiSlider', slot);
 }

package/Snackbar/snackbarClasses.js

@@ -1,5 +1,5 @@
-import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
-import generateUtilityClass from '../generateUtilityClass';
+import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
+import generateUtilityClass from '@mui/utils/generateUtilityClass';
 export function getSnackbarUtilityClass(slot) {
   return generateUtilityClass('MuiSnackbar', slot);
 }

package/SnackbarContent/snackbarContentClasses.js

@@ -1,5 +1,5 @@
-import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
-import generateUtilityClass from '../generateUtilityClass';
+import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
+import generateUtilityClass from '@mui/utils/generateUtilityClass';
 export function getSnackbarContentUtilityClass(slot) {
   return generateUtilityClass('MuiSnackbarContent', slot);
 }

package/SpeedDial/speedDialClasses.js

@@ -1,5 +1,5 @@
-import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
-import generateUtilityClass from '../generateUtilityClass';
+import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
+import generateUtilityClass from '@mui/utils/generateUtilityClass';
 export function getSpeedDialUtilityClass(slot) {
   return generateUtilityClass('MuiSpeedDial', slot);
 }

package/SpeedDialAction/speedDialActionClasses.js

@@ -1,5 +1,5 @@
-import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
-import generateUtilityClass from '../generateUtilityClass';
+import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
+import generateUtilityClass from '@mui/utils/generateUtilityClass';
 export function getSpeedDialActionUtilityClass(slot) {
   return generateUtilityClass('MuiSpeedDialAction', slot);
 }

package/SpeedDialIcon/speedDialIconClasses.js

@@ -1,5 +1,5 @@
-import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
-import generateUtilityClass from '../generateUtilityClass';
+import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
+import generateUtilityClass from '@mui/utils/generateUtilityClass';
 export function getSpeedDialIconUtilityClass(slot) {
   return generateUtilityClass('MuiSpeedDialIcon', slot);
 }

package/Stack/stackClasses.js

@@ -1,5 +1,5 @@
-import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
-import generateUtilityClass from '../generateUtilityClass';
+import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
+import generateUtilityClass from '@mui/utils/generateUtilityClass';
 export function getStackUtilityClass(slot) {
   return generateUtilityClass('MuiStack', slot);
 }

package/Step/stepClasses.js

@@ -1,5 +1,5 @@
-import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
-import generateUtilityClass from '../generateUtilityClass';
+import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
+import generateUtilityClass from '@mui/utils/generateUtilityClass';
 export function getStepUtilityClass(slot) {
   return generateUtilityClass('MuiStep', slot);
 }

package/StepButton/stepButtonClasses.js

@@ -1,5 +1,5 @@
-import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
-import generateUtilityClass from '../generateUtilityClass';
+import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
+import generateUtilityClass from '@mui/utils/generateUtilityClass';
 export function getStepButtonUtilityClass(slot) {
   return generateUtilityClass('MuiStepButton', slot);
 }

package/StepConnector/stepConnectorClasses.js

@@ -1,5 +1,5 @@
-import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
-import generateUtilityClass from '../generateUtilityClass';
+import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
+import generateUtilityClass from '@mui/utils/generateUtilityClass';
 export function getStepConnectorUtilityClass(slot) {
   return generateUtilityClass('MuiStepConnector', slot);
 }

package/StepContent/stepContentClasses.js

@@ -1,5 +1,5 @@
-import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
-import generateUtilityClass from '../generateUtilityClass';
+import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
+import generateUtilityClass from '@mui/utils/generateUtilityClass';
 export function getStepContentUtilityClass(slot) {
   return generateUtilityClass('MuiStepContent', slot);
 }

package/StepIcon/stepIconClasses.js

@@ -1,5 +1,5 @@
-import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
-import generateUtilityClass from '../generateUtilityClass';
+import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
+import generateUtilityClass from '@mui/utils/generateUtilityClass';
 export function getStepIconUtilityClass(slot) {
   return generateUtilityClass('MuiStepIcon', slot);
 }

package/StepLabel/stepLabelClasses.js

@@ -1,5 +1,5 @@
-import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
-import generateUtilityClass from '../generateUtilityClass';
+import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
+import generateUtilityClass from '@mui/utils/generateUtilityClass';
 export function getStepLabelUtilityClass(slot) {
   return generateUtilityClass('MuiStepLabel', slot);
 }

package/Stepper/stepperClasses.js

@@ -1,5 +1,5 @@
-import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
-import generateUtilityClass from '../generateUtilityClass';
+import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
+import generateUtilityClass from '@mui/utils/generateUtilityClass';
 export function getStepperUtilityClass(slot) {
   return generateUtilityClass('MuiStepper', slot);
 }

package/SvgIcon/svgIconClasses.js

@@ -1,5 +1,5 @@
-import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
-import generateUtilityClass from '../generateUtilityClass';
+import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
+import generateUtilityClass from '@mui/utils/generateUtilityClass';
 export function getSvgIconUtilityClass(slot) {
   return generateUtilityClass('MuiSvgIcon', slot);
 }

package/Switch/switchClasses.js

@@ -1,5 +1,5 @@
-import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
-import generateUtilityClass from '../generateUtilityClass';
+import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
+import generateUtilityClass from '@mui/utils/generateUtilityClass';
 export function getSwitchUtilityClass(slot) {
   return generateUtilityClass('MuiSwitch', slot);
 }

package/Tab/tabClasses.js

@@ -1,5 +1,5 @@
-import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
-import generateUtilityClass from '../generateUtilityClass';
+import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
+import generateUtilityClass from '@mui/utils/generateUtilityClass';
 export function getTabUtilityClass(slot) {
   return generateUtilityClass('MuiTab', slot);
 }

package/TabScrollButton/tabScrollButtonClasses.js

@@ -1,5 +1,5 @@
-import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
-import generateUtilityClass from '../generateUtilityClass';
+import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
+import generateUtilityClass from '@mui/utils/generateUtilityClass';
 export function getTabScrollButtonUtilityClass(slot) {
   return generateUtilityClass('MuiTabScrollButton', slot);
 }

package/Table/tableClasses.js

@@ -1,5 +1,5 @@
-import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
-import generateUtilityClass from '../generateUtilityClass';
+import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
+import generateUtilityClass from '@mui/utils/generateUtilityClass';
 export function getTableUtilityClass(slot) {
   return generateUtilityClass('MuiTable', slot);
 }

package/TableBody/tableBodyClasses.js

@@ -1,5 +1,5 @@
-import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
-import generateUtilityClass from '../generateUtilityClass';
+import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
+import generateUtilityClass from '@mui/utils/generateUtilityClass';
 export function getTableBodyUtilityClass(slot) {
   return generateUtilityClass('MuiTableBody', slot);
 }

package/TableCell/tableCellClasses.js

@@ -1,5 +1,5 @@
-import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
-import generateUtilityClass from '../generateUtilityClass';
+import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
+import generateUtilityClass from '@mui/utils/generateUtilityClass';
 export function getTableCellUtilityClass(slot) {
   return generateUtilityClass('MuiTableCell', slot);
 }

package/TableContainer/tableContainerClasses.js

@@ -1,5 +1,5 @@
-import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
-import generateUtilityClass from '../generateUtilityClass';
+import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
+import generateUtilityClass from '@mui/utils/generateUtilityClass';
 export function getTableContainerUtilityClass(slot) {
   return generateUtilityClass('MuiTableContainer', slot);
 }

package/TableFooter/tableFooterClasses.js

@@ -1,5 +1,5 @@
-import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
-import generateUtilityClass from '../generateUtilityClass';
+import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
+import generateUtilityClass from '@mui/utils/generateUtilityClass';
 export function getTableFooterUtilityClass(slot) {
   return generateUtilityClass('MuiTableFooter', slot);
 }

package/TableHead/tableHeadClasses.js

@@ -1,5 +1,5 @@
-import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
-import generateUtilityClass from '../generateUtilityClass';
+import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
+import generateUtilityClass from '@mui/utils/generateUtilityClass';
 export function getTableHeadUtilityClass(slot) {
   return generateUtilityClass('MuiTableHead', slot);
 }

package/TablePagination/TablePagination.d.ts

@@ -142,6 +142,14 @@ export interface TablePaginationOwnProps extends TablePaginationBaseProps {
     actions?: TablePaginationActionsProps['slotProps'];
     select?: Partial<SelectProps>;
   };
+  /**
+   * The components used for each slot inside the TablePagination.
+   * Either a string to use a HTML element or a component.
+   * @default {}
+   */
+  slots?: {
+    actions?: TablePaginationActionsProps['slots'];
+  };
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */

package/TablePagination/TablePagination.js

@@ -3,7 +3,7 @@
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _extends from "@babel/runtime/helpers/esm/extends";
 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"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -168,7 +168,8 @@ const TablePagination = /*#__PURE__*/React.forwardRef(function TablePagination(i
       SelectProps = {},
       showFirstButton = false,
       showLastButton = false,
-      slotProps
+      slotProps = {},
+      slots = {}
     } = props,
     other = _objectWithoutPropertiesLoose(props, _excluded);
   const ownerState = props;
@@ -245,7 +246,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
       })]
@@ -407,12 +409,33 @@ process.env.NODE_ENV !== "production" ? TablePagination.propTypes /* remove-prop
   slotProps: PropTypes.shape({
     actions: PropTypes.shape({
       firstButton: PropTypes.object,
+      firstButtonIcon: PropTypes.object,
       lastButton: PropTypes.object,
+      lastButtonIcon: PropTypes.object,
       nextButton: PropTypes.object,
-      previousButton: PropTypes.object
+      nextButtonIcon: PropTypes.object,
+      previousButton: PropTypes.object,
+      previousButtonIcon: PropTypes.object
     }),
     select: PropTypes.object
   }),
+  /**
+   * The components used for each slot inside the TablePagination.
+   * Either a string to use a HTML element or a component.
+   * @default {}
+   */
+  slots: PropTypes.shape({
+    actions: PropTypes.shape({
+      firstButton: PropTypes.elementType,
+      firstButtonIcon: PropTypes.elementType,
+      lastButton: PropTypes.elementType,
+      lastButtonIcon: PropTypes.elementType,
+      nextButton: PropTypes.elementType,
+      nextButtonIcon: PropTypes.elementType,
+      previousButton: PropTypes.elementType,
+      previousButtonIcon: PropTypes.elementType
+    })
+  }),
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */

package/TablePagination/TablePaginationActions.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { IconButtonProps } from '../IconButton/IconButton';
+import { SvgIconProps } from '../SvgIcon';
 
 export interface TablePaginationActionsProps extends React.HTMLAttributes<HTMLDivElement> {
   /**
@@ -41,7 +42,55 @@ export interface TablePaginationActionsProps extends React.HTMLAttributes<HTMLDi
     lastButton?: Partial<IconButtonProps>;
     nextButton?: Partial<IconButtonProps>;
     previousButton?: Partial<IconButtonProps>;
+    firstButtonIcon?: Partial<SvgIconProps>;
+    lastButtonIcon?: Partial<SvgIconProps>;
+    nextButtonIcon?: Partial<SvgIconProps>;
+    previousButtonIcon?: Partial<SvgIconProps>;
   };
+  slots?: TablePaginationActionsSlots;
+}
+
+export interface TablePaginationActionsSlots {
+  /**
+   * The component that renders the first button.
+   * @default IconButton
+   */
+  firstButton?: React.ElementType;
+  /**
+   * The component that renders the last button.
+   * @default IconButton
+   */
+  lastButton?: React.ElementType;
+  /**
+   * The component that renders the next button.
+   * @default IconButton
+   */
+  nextButton?: React.ElementType;
+  /**
+   * The component that renders the previous button.
+   * @default IconButton
+   */
+  previousButton?: React.ElementType;
+  /**
+   * The component that renders the first button icon.
+   * @default FirstPageIcon
+   */
+  firstButtonIcon?: React.ElementType;
+  /**
+   * The component that renders the last button icon.
+   * @default LastPageIcon
+   */
+  lastButtonIcon?: React.ElementType;
+  /**
+   * The component that renders the next button icon.
+   * @default KeyboardArrowRight
+   */
+  nextButtonIcon?: React.ElementType;
+  /**
+   * The component that renders the previous button icon.
+   * @default KeyboardArrowLeft
+   */
+  previousButtonIcon?: React.ElementType;
 }
 
 declare const TablePaginationActions: React.JSXElementConstructor<TablePaginationActionsProps>;