@mui/material 5.15.0 → 5.15.2

package/node/StepButton/stepButtonClasses.js

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 exports.getStepButtonUtilityClass = getStepButtonUtilityClass;
-var _utils = require("@mui/utils");
-var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
+var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
+var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
 function getStepButtonUtilityClass(slot) {
   return (0, _generateUtilityClass.default)('MuiStepButton', slot);
 }
-const stepButtonClasses = (0, _utils.unstable_generateUtilityClasses)('MuiStepButton', ['root', 'horizontal', 'vertical', 'touchRipple']);
+const stepButtonClasses = (0, _generateUtilityClasses.default)('MuiStepButton', ['root', 'horizontal', 'vertical', 'touchRipple']);
 var _default = exports.default = stepButtonClasses;

package/node/StepConnector/stepConnectorClasses.js

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 exports.getStepConnectorUtilityClass = getStepConnectorUtilityClass;
-var _utils = require("@mui/utils");
-var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
+var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
+var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
 function getStepConnectorUtilityClass(slot) {
   return (0, _generateUtilityClass.default)('MuiStepConnector', slot);
 }
-const stepConnectorClasses = (0, _utils.unstable_generateUtilityClasses)('MuiStepConnector', ['root', 'horizontal', 'vertical', 'alternativeLabel', 'active', 'completed', 'disabled', 'line', 'lineHorizontal', 'lineVertical']);
+const stepConnectorClasses = (0, _generateUtilityClasses.default)('MuiStepConnector', ['root', 'horizontal', 'vertical', 'alternativeLabel', 'active', 'completed', 'disabled', 'line', 'lineHorizontal', 'lineVertical']);
 var _default = exports.default = stepConnectorClasses;

package/node/StepContent/stepContentClasses.js

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 exports.getStepContentUtilityClass = getStepContentUtilityClass;
-var _utils = require("@mui/utils");
-var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
+var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
+var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
 function getStepContentUtilityClass(slot) {
   return (0, _generateUtilityClass.default)('MuiStepContent', slot);
 }
-const stepContentClasses = (0, _utils.unstable_generateUtilityClasses)('MuiStepContent', ['root', 'last', 'transition']);
+const stepContentClasses = (0, _generateUtilityClasses.default)('MuiStepContent', ['root', 'last', 'transition']);
 var _default = exports.default = stepContentClasses;

package/node/StepIcon/stepIconClasses.js

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 exports.getStepIconUtilityClass = getStepIconUtilityClass;
-var _utils = require("@mui/utils");
-var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
+var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
+var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
 function getStepIconUtilityClass(slot) {
   return (0, _generateUtilityClass.default)('MuiStepIcon', slot);
 }
-const stepIconClasses = (0, _utils.unstable_generateUtilityClasses)('MuiStepIcon', ['root', 'active', 'completed', 'error', 'text']);
+const stepIconClasses = (0, _generateUtilityClasses.default)('MuiStepIcon', ['root', 'active', 'completed', 'error', 'text']);
 var _default = exports.default = stepIconClasses;

package/node/StepLabel/stepLabelClasses.js

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 exports.getStepLabelUtilityClass = getStepLabelUtilityClass;
-var _utils = require("@mui/utils");
-var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
+var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
+var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
 function getStepLabelUtilityClass(slot) {
   return (0, _generateUtilityClass.default)('MuiStepLabel', slot);
 }
-const stepLabelClasses = (0, _utils.unstable_generateUtilityClasses)('MuiStepLabel', ['root', 'horizontal', 'vertical', 'label', 'active', 'completed', 'error', 'disabled', 'iconContainer', 'alternativeLabel', 'labelContainer']);
+const stepLabelClasses = (0, _generateUtilityClasses.default)('MuiStepLabel', ['root', 'horizontal', 'vertical', 'label', 'active', 'completed', 'error', 'disabled', 'iconContainer', 'alternativeLabel', 'labelContainer']);
 var _default = exports.default = stepLabelClasses;

package/node/Stepper/stepperClasses.js

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 exports.getStepperUtilityClass = getStepperUtilityClass;
-var _utils = require("@mui/utils");
-var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
+var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
+var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
 function getStepperUtilityClass(slot) {
   return (0, _generateUtilityClass.default)('MuiStepper', slot);
 }
-const stepperClasses = (0, _utils.unstable_generateUtilityClasses)('MuiStepper', ['root', 'horizontal', 'vertical', 'alternativeLabel']);
+const stepperClasses = (0, _generateUtilityClasses.default)('MuiStepper', ['root', 'horizontal', 'vertical', 'alternativeLabel']);
 var _default = exports.default = stepperClasses;

package/node/SvgIcon/svgIconClasses.js

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 exports.getSvgIconUtilityClass = getSvgIconUtilityClass;
-var _utils = require("@mui/utils");
-var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
+var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
+var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
 function getSvgIconUtilityClass(slot) {
   return (0, _generateUtilityClass.default)('MuiSvgIcon', slot);
 }
-const svgIconClasses = (0, _utils.unstable_generateUtilityClasses)('MuiSvgIcon', ['root', 'colorPrimary', 'colorSecondary', 'colorAction', 'colorError', 'colorDisabled', 'fontSizeInherit', 'fontSizeSmall', 'fontSizeMedium', 'fontSizeLarge']);
+const svgIconClasses = (0, _generateUtilityClasses.default)('MuiSvgIcon', ['root', 'colorPrimary', 'colorSecondary', 'colorAction', 'colorError', 'colorDisabled', 'fontSizeInherit', 'fontSizeSmall', 'fontSizeMedium', 'fontSizeLarge']);
 var _default = exports.default = svgIconClasses;

package/node/Switch/switchClasses.js

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 exports.getSwitchUtilityClass = getSwitchUtilityClass;
-var _utils = require("@mui/utils");
-var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
+var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
+var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
 function getSwitchUtilityClass(slot) {
   return (0, _generateUtilityClass.default)('MuiSwitch', slot);
 }
-const switchClasses = (0, _utils.unstable_generateUtilityClasses)('MuiSwitch', ['root', 'edgeStart', 'edgeEnd', 'switchBase', 'colorPrimary', 'colorSecondary', 'sizeSmall', 'sizeMedium', 'checked', 'disabled', 'input', 'thumb', 'track']);
+const switchClasses = (0, _generateUtilityClasses.default)('MuiSwitch', ['root', 'edgeStart', 'edgeEnd', 'switchBase', 'colorPrimary', 'colorSecondary', 'sizeSmall', 'sizeMedium', 'checked', 'disabled', 'input', 'thumb', 'track']);
 var _default = exports.default = switchClasses;

package/node/Tab/tabClasses.js

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 exports.getTabUtilityClass = getTabUtilityClass;
-var _utils = require("@mui/utils");
-var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
+var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
+var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
 function getTabUtilityClass(slot) {
   return (0, _generateUtilityClass.default)('MuiTab', slot);
 }
-const tabClasses = (0, _utils.unstable_generateUtilityClasses)('MuiTab', ['root', 'labelIcon', 'textColorInherit', 'textColorPrimary', 'textColorSecondary', 'selected', 'disabled', 'fullWidth', 'wrapped', 'iconWrapper']);
+const tabClasses = (0, _generateUtilityClasses.default)('MuiTab', ['root', 'labelIcon', 'textColorInherit', 'textColorPrimary', 'textColorSecondary', 'selected', 'disabled', 'fullWidth', 'wrapped', 'iconWrapper']);
 var _default = exports.default = tabClasses;

package/node/TabScrollButton/tabScrollButtonClasses.js

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 exports.getTabScrollButtonUtilityClass = getTabScrollButtonUtilityClass;
-var _utils = require("@mui/utils");
-var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
+var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
+var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
 function getTabScrollButtonUtilityClass(slot) {
   return (0, _generateUtilityClass.default)('MuiTabScrollButton', slot);
 }
-const tabScrollButtonClasses = (0, _utils.unstable_generateUtilityClasses)('MuiTabScrollButton', ['root', 'vertical', 'horizontal', 'disabled']);
+const tabScrollButtonClasses = (0, _generateUtilityClasses.default)('MuiTabScrollButton', ['root', 'vertical', 'horizontal', 'disabled']);
 var _default = exports.default = tabScrollButtonClasses;

package/node/Table/tableClasses.js

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 exports.getTableUtilityClass = getTableUtilityClass;
-var _utils = require("@mui/utils");
-var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
+var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
+var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
 function getTableUtilityClass(slot) {
   return (0, _generateUtilityClass.default)('MuiTable', slot);
 }
-const tableClasses = (0, _utils.unstable_generateUtilityClasses)('MuiTable', ['root', 'stickyHeader']);
+const tableClasses = (0, _generateUtilityClasses.default)('MuiTable', ['root', 'stickyHeader']);
 var _default = exports.default = tableClasses;

package/node/TableBody/tableBodyClasses.js

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 exports.getTableBodyUtilityClass = getTableBodyUtilityClass;
-var _utils = require("@mui/utils");
-var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
+var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
+var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
 function getTableBodyUtilityClass(slot) {
   return (0, _generateUtilityClass.default)('MuiTableBody', slot);
 }
-const tableBodyClasses = (0, _utils.unstable_generateUtilityClasses)('MuiTableBody', ['root']);
+const tableBodyClasses = (0, _generateUtilityClasses.default)('MuiTableBody', ['root']);
 var _default = exports.default = tableBodyClasses;

package/node/TableCell/tableCellClasses.js

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 exports.getTableCellUtilityClass = getTableCellUtilityClass;
-var _utils = require("@mui/utils");
-var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
+var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
+var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
 function getTableCellUtilityClass(slot) {
   return (0, _generateUtilityClass.default)('MuiTableCell', slot);
 }
-const tableCellClasses = (0, _utils.unstable_generateUtilityClasses)('MuiTableCell', ['root', 'head', 'body', 'footer', 'sizeSmall', 'sizeMedium', 'paddingCheckbox', 'paddingNone', 'alignLeft', 'alignCenter', 'alignRight', 'alignJustify', 'stickyHeader']);
+const tableCellClasses = (0, _generateUtilityClasses.default)('MuiTableCell', ['root', 'head', 'body', 'footer', 'sizeSmall', 'sizeMedium', 'paddingCheckbox', 'paddingNone', 'alignLeft', 'alignCenter', 'alignRight', 'alignJustify', 'stickyHeader']);
 var _default = exports.default = tableCellClasses;

package/node/TableContainer/tableContainerClasses.js

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 exports.getTableContainerUtilityClass = getTableContainerUtilityClass;
-var _utils = require("@mui/utils");
-var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
+var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
+var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
 function getTableContainerUtilityClass(slot) {
   return (0, _generateUtilityClass.default)('MuiTableContainer', slot);
 }
-const tableContainerClasses = (0, _utils.unstable_generateUtilityClasses)('MuiTableContainer', ['root']);
+const tableContainerClasses = (0, _generateUtilityClasses.default)('MuiTableContainer', ['root']);
 var _default = exports.default = tableContainerClasses;

package/node/TableFooter/tableFooterClasses.js

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 exports.getTableFooterUtilityClass = getTableFooterUtilityClass;
-var _utils = require("@mui/utils");
-var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
+var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
+var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
 function getTableFooterUtilityClass(slot) {
   return (0, _generateUtilityClass.default)('MuiTableFooter', slot);
 }
-const tableFooterClasses = (0, _utils.unstable_generateUtilityClasses)('MuiTableFooter', ['root']);
+const tableFooterClasses = (0, _generateUtilityClasses.default)('MuiTableFooter', ['root']);
 var _default = exports.default = tableFooterClasses;

package/node/TableHead/tableHeadClasses.js

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 exports.getTableHeadUtilityClass = getTableHeadUtilityClass;
-var _utils = require("@mui/utils");
-var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
+var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
+var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
 function getTableHeadUtilityClass(slot) {
   return (0, _generateUtilityClass.default)('MuiTableHead', slot);
 }
-const tableHeadClasses = (0, _utils.unstable_generateUtilityClasses)('MuiTableHead', ['root']);
+const tableHeadClasses = (0, _generateUtilityClasses.default)('MuiTableHead', ['root']);
 var _default = exports.default = tableHeadClasses;

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, {
@@ -175,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;
@@ -252,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
       })]
@@ -414,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/TablePagination/tablePaginationClasses.js

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 exports.getTablePaginationUtilityClass = getTablePaginationUtilityClass;
-var _utils = require("@mui/utils");
-var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
+var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
+var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
 function getTablePaginationUtilityClass(slot) {
   return (0, _generateUtilityClass.default)('MuiTablePagination', slot);
 }
-const tablePaginationClasses = (0, _utils.unstable_generateUtilityClasses)('MuiTablePagination', ['root', 'toolbar', 'spacer', 'selectLabel', 'selectRoot', 'select', 'selectIcon', 'input', 'menuItem', 'displayedRows', 'actions']);
+const tablePaginationClasses = (0, _generateUtilityClasses.default)('MuiTablePagination', ['root', 'toolbar', 'spacer', 'selectLabel', 'selectRoot', 'select', 'selectIcon', 'input', 'menuItem', 'displayedRows', 'actions']);
 var _default = exports.default = tablePaginationClasses;

package/node/TableRow/tableRowClasses.js

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 exports.getTableRowUtilityClass = getTableRowUtilityClass;
-var _utils = require("@mui/utils");
-var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
+var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
+var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
 function getTableRowUtilityClass(slot) {
   return (0, _generateUtilityClass.default)('MuiTableRow', slot);
 }
-const tableRowClasses = (0, _utils.unstable_generateUtilityClasses)('MuiTableRow', ['root', 'selected', 'hover', 'head', 'footer']);
+const tableRowClasses = (0, _generateUtilityClasses.default)('MuiTableRow', ['root', 'selected', 'hover', 'head', 'footer']);
 var _default = exports.default = tableRowClasses;

package/node/TableSortLabel/tableSortLabelClasses.js

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 exports.getTableSortLabelUtilityClass = getTableSortLabelUtilityClass;
-var _utils = require("@mui/utils");
-var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
+var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
+var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
 function getTableSortLabelUtilityClass(slot) {
   return (0, _generateUtilityClass.default)('MuiTableSortLabel', slot);
 }
-const tableSortLabelClasses = (0, _utils.unstable_generateUtilityClasses)('MuiTableSortLabel', ['root', 'active', 'icon', 'iconDirectionDesc', 'iconDirectionAsc']);
+const tableSortLabelClasses = (0, _generateUtilityClasses.default)('MuiTableSortLabel', ['root', 'active', 'icon', 'iconDirectionDesc', 'iconDirectionAsc']);
 var _default = exports.default = tableSortLabelClasses;

package/node/Tabs/tabsClasses.js

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 exports.getTabsUtilityClass = getTabsUtilityClass;
-var _utils = require("@mui/utils");
-var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
+var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
+var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
 function getTabsUtilityClass(slot) {
   return (0, _generateUtilityClass.default)('MuiTabs', slot);
 }
-const tabsClasses = (0, _utils.unstable_generateUtilityClasses)('MuiTabs', ['root', 'vertical', 'flexContainer', 'flexContainerVertical', 'centered', 'scroller', 'fixed', 'scrollableX', 'scrollableY', 'hideScrollbar', 'scrollButtons', 'scrollButtonsHideMobile', 'indicator']);
+const tabsClasses = (0, _generateUtilityClasses.default)('MuiTabs', ['root', 'vertical', 'flexContainer', 'flexContainerVertical', 'centered', 'scroller', 'fixed', 'scrollableX', 'scrollableY', 'hideScrollbar', 'scrollButtons', 'scrollButtonsHideMobile', 'indicator']);
 var _default = exports.default = tabsClasses;

package/node/TextField/textFieldClasses.js

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 exports.getTextFieldUtilityClass = getTextFieldUtilityClass;
-var _utils = require("@mui/utils");
-var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
+var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
+var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
 function getTextFieldUtilityClass(slot) {
   return (0, _generateUtilityClass.default)('MuiTextField', slot);
 }
-const textFieldClasses = (0, _utils.unstable_generateUtilityClasses)('MuiTextField', ['root']);
+const textFieldClasses = (0, _generateUtilityClasses.default)('MuiTextField', ['root']);
 var _default = exports.default = textFieldClasses;

package/node/ToggleButton/toggleButtonClasses.js

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 exports.getToggleButtonUtilityClass = getToggleButtonUtilityClass;
-var _utils = require("@mui/utils");
-var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
+var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
+var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
 function getToggleButtonUtilityClass(slot) {
   return (0, _generateUtilityClass.default)('MuiToggleButton', slot);
 }
-const toggleButtonClasses = (0, _utils.unstable_generateUtilityClasses)('MuiToggleButton', ['root', 'disabled', 'selected', 'standard', 'primary', 'secondary', 'sizeSmall', 'sizeMedium', 'sizeLarge', 'fullWidth']);
+const toggleButtonClasses = (0, _generateUtilityClasses.default)('MuiToggleButton', ['root', 'disabled', 'selected', 'standard', 'primary', 'secondary', 'sizeSmall', 'sizeMedium', 'sizeLarge', 'fullWidth']);
 var _default = exports.default = toggleButtonClasses;

package/node/ToggleButtonGroup/toggleButtonGroupClasses.js

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 exports.getToggleButtonGroupUtilityClass = getToggleButtonGroupUtilityClass;
-var _utils = require("@mui/utils");
-var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
+var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
+var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
 function getToggleButtonGroupUtilityClass(slot) {
   return (0, _generateUtilityClass.default)('MuiToggleButtonGroup', slot);
 }
-const toggleButtonGroupClasses = (0, _utils.unstable_generateUtilityClasses)('MuiToggleButtonGroup', ['root', 'selected', 'vertical', 'disabled', 'grouped', 'groupedHorizontal', 'groupedVertical', 'fullWidth']);
+const toggleButtonGroupClasses = (0, _generateUtilityClasses.default)('MuiToggleButtonGroup', ['root', 'selected', 'vertical', 'disabled', 'grouped', 'groupedHorizontal', 'groupedVertical', 'fullWidth']);
 var _default = exports.default = toggleButtonGroupClasses;

package/node/Toolbar/toolbarClasses.js

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 exports.getToolbarUtilityClass = getToolbarUtilityClass;
-var _utils = require("@mui/utils");
-var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
+var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
+var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
 function getToolbarUtilityClass(slot) {
   return (0, _generateUtilityClass.default)('MuiToolbar', slot);
 }
-const toolbarClasses = (0, _utils.unstable_generateUtilityClasses)('MuiToolbar', ['root', 'gutters', 'regular', 'dense']);
+const toolbarClasses = (0, _generateUtilityClasses.default)('MuiToolbar', ['root', 'gutters', 'regular', 'dense']);
 var _default = exports.default = toolbarClasses;

package/node/Tooltip/tooltipClasses.js

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 exports.getTooltipUtilityClass = getTooltipUtilityClass;
-var _utils = require("@mui/utils");
-var _generateUtilityClass = _interopRequireDefault(require("../generateUtilityClass"));
+var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
+var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
 function getTooltipUtilityClass(slot) {
   return (0, _generateUtilityClass.default)('MuiTooltip', slot);
 }
-const tooltipClasses = (0, _utils.unstable_generateUtilityClasses)('MuiTooltip', ['popper', 'popperInteractive', 'popperArrow', 'popperClose', 'tooltip', 'tooltipArrow', 'touch', 'tooltipPlacementLeft', 'tooltipPlacementRight', 'tooltipPlacementTop', 'tooltipPlacementBottom', 'arrow']);
+const tooltipClasses = (0, _generateUtilityClasses.default)('MuiTooltip', ['popper', 'popperInteractive', 'popperArrow', 'popperClose', 'tooltip', 'tooltipArrow', 'touch', 'tooltipPlacementLeft', 'tooltipPlacementRight', 'tooltipPlacementTop', 'tooltipPlacementBottom', 'arrow']);
 var _default = exports.default = tooltipClasses;