@mui/material 5.11.12 → 5.11.14

package/Stepper/StepperContext.d.ts

@@ -1,18 +1,18 @@
-import * as React from 'react';
-export interface StepperContextType {
-    activeStep: number;
-    alternativeLabel: boolean;
-    connector: React.ReactNode;
-    nonLinear: boolean;
-    orientation: 'horizontal' | 'vertical';
-}
-/**
- * Provides information about the current step in Stepper.
- */
-declare const StepperContext: React.Context<{} | StepperContextType>;
-/**
- * Returns the current StepperContext or an empty object if no StepperContext
- * has been defined in the component tree.
- */
-export declare function useStepperContext(): StepperContextType | {};
-export default StepperContext;
+import * as React from 'react';
+export interface StepperContextType {
+    activeStep: number;
+    alternativeLabel: boolean;
+    connector: React.ReactNode;
+    nonLinear: boolean;
+    orientation: 'horizontal' | 'vertical';
+}
+/**
+ * Provides information about the current step in Stepper.
+ */
+declare const StepperContext: React.Context<{} | StepperContextType>;
+/**
+ * Returns the current StepperContext or an empty object if no StepperContext
+ * has been defined in the component tree.
+ */
+export declare function useStepperContext(): StepperContextType | {};
+export default StepperContext;

package/Stepper/stepperClasses.d.ts

@@ -1,14 +1,14 @@
-export interface StepperClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `orientation="horizontal"`. */
-    horizontal: string;
-    /** Styles applied to the root element if `orientation="vertical"`. */
-    vertical: string;
-    /** Styles applied to the root element if `alternativeLabel={true}`. */
-    alternativeLabel: string;
-}
-export type StepperClassKey = keyof StepperClasses;
-export declare function getStepperUtilityClass(slot: string): string;
-declare const stepperClasses: StepperClasses;
-export default stepperClasses;
+export interface StepperClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `orientation="horizontal"`. */
+    horizontal: string;
+    /** Styles applied to the root element if `orientation="vertical"`. */
+    vertical: string;
+    /** Styles applied to the root element if `alternativeLabel={true}`. */
+    alternativeLabel: string;
+}
+export type StepperClassKey = keyof StepperClasses;
+export declare function getStepperUtilityClass(slot: string): string;
+declare const stepperClasses: StepperClasses;
+export default stepperClasses;

package/SvgIcon/svgIconClasses.d.ts

@@ -1,26 +1,26 @@
-export interface SvgIconClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `color="primary"`. */
-    colorPrimary: string;
-    /** Styles applied to the root element if `color="secondary"`. */
-    colorSecondary: string;
-    /** Styles applied to the root element if `color="action"`. */
-    colorAction: string;
-    /** Styles applied to the root element if `color="error"`. */
-    colorError: string;
-    /** Styles applied to the root element if `color="disabled"`. */
-    colorDisabled: string;
-    /** Styles applied to the root element if `fontSize="inherit"`. */
-    fontSizeInherit: string;
-    /** Styles applied to the root element if `fontSize="small"`. */
-    fontSizeSmall: string;
-    /** Styles applied to the root element if `fontSize="medium"`. */
-    fontSizeMedium: string;
-    /** Styles applied to the root element if `fontSize="large"`. */
-    fontSizeLarge: string;
-}
-export type SvgIconClassKey = keyof SvgIconClasses;
-export declare function getSvgIconUtilityClass(slot: string): string;
-declare const svgIconClasses: SvgIconClasses;
-export default svgIconClasses;
+export interface SvgIconClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `color="primary"`. */
+    colorPrimary: string;
+    /** Styles applied to the root element if `color="secondary"`. */
+    colorSecondary: string;
+    /** Styles applied to the root element if `color="action"`. */
+    colorAction: string;
+    /** Styles applied to the root element if `color="error"`. */
+    colorError: string;
+    /** Styles applied to the root element if `color="disabled"`. */
+    colorDisabled: string;
+    /** Styles applied to the root element if `fontSize="inherit"`. */
+    fontSizeInherit: string;
+    /** Styles applied to the root element if `fontSize="small"`. */
+    fontSizeSmall: string;
+    /** Styles applied to the root element if `fontSize="medium"`. */
+    fontSizeMedium: string;
+    /** Styles applied to the root element if `fontSize="large"`. */
+    fontSizeLarge: string;
+}
+export type SvgIconClassKey = keyof SvgIconClasses;
+export declare function getSvgIconUtilityClass(slot: string): string;
+declare const svgIconClasses: SvgIconClasses;
+export default svgIconClasses;

package/Switch/switchClasses.d.ts

@@ -1,32 +1,32 @@
-export interface SwitchClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `edge="start"`. */
-    edgeStart: string;
-    /** Styles applied to the root element if `edge="end"`. */
-    edgeEnd: string;
-    /** Styles applied to the internal `SwitchBase` component's `root` class. */
-    switchBase: string;
-    /** Styles applied to the internal SwitchBase component's root element if `color="primary"`. */
-    colorPrimary: string;
-    /** Styles applied to the internal SwitchBase component's root element if `color="secondary"`. */
-    colorSecondary: string;
-    /** Styles applied to the root element if `size="small"`. */
-    sizeSmall: string;
-    /** Styles applied to the root element if `size="medium"`. */
-    sizeMedium: string;
-    /** State class applied to the internal `SwitchBase` component's `checked` class. */
-    checked: string;
-    /** State class applied to the internal SwitchBase component's disabled class. */
-    disabled: string;
-    /** Styles applied to the internal SwitchBase component's input element. */
-    input: string;
-    /** Styles used to create the thumb passed to the internal `SwitchBase` component `icon` prop. */
-    thumb: string;
-    /** Styles applied to the track element. */
-    track: string;
-}
-export type SwitchClassKey = keyof SwitchClasses;
-export declare function getSwitchUtilityClass(slot: string): string;
-declare const switchClasses: SwitchClasses;
-export default switchClasses;
+export interface SwitchClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `edge="start"`. */
+    edgeStart: string;
+    /** Styles applied to the root element if `edge="end"`. */
+    edgeEnd: string;
+    /** Styles applied to the internal `SwitchBase` component's `root` class. */
+    switchBase: string;
+    /** Styles applied to the internal SwitchBase component's root element if `color="primary"`. */
+    colorPrimary: string;
+    /** Styles applied to the internal SwitchBase component's root element if `color="secondary"`. */
+    colorSecondary: string;
+    /** Styles applied to the root element if `size="small"`. */
+    sizeSmall: string;
+    /** Styles applied to the root element if `size="medium"`. */
+    sizeMedium: string;
+    /** State class applied to the internal `SwitchBase` component's `checked` class. */
+    checked: string;
+    /** State class applied to the internal SwitchBase component's disabled class. */
+    disabled: string;
+    /** Styles applied to the internal SwitchBase component's input element. */
+    input: string;
+    /** Styles used to create the thumb passed to the internal `SwitchBase` component `icon` prop. */
+    thumb: string;
+    /** Styles applied to the track element. */
+    track: string;
+}
+export type SwitchClassKey = keyof SwitchClasses;
+export declare function getSwitchUtilityClass(slot: string): string;
+declare const switchClasses: SwitchClasses;
+export default switchClasses;

package/Tab/tabClasses.d.ts

@@ -1,26 +1,26 @@
-export interface TabClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if both `icon` and `label` are provided. */
-    labelIcon: string;
-    /** Styles applied to the root element if the parent [`Tabs`](/material-ui/api/tabs/) has `textColor="inherit"`. */
-    textColorInherit: string;
-    /** Styles applied to the root element if the parent [`Tabs`](/material-ui/api/tabs/) has `textColor="primary"`. */
-    textColorPrimary: string;
-    /** Styles applied to the root element if the parent [`Tabs`](/material-ui/api/tabs/) has `textColor="secondary"`. */
-    textColorSecondary: string;
-    /** State class applied to the root element if `selected={true}` (controlled by the Tabs component). */
-    selected: string;
-    /** State class applied to the root element if `disabled={true}` (controlled by the Tabs component). */
-    disabled: string;
-    /** Styles applied to the root element if `fullWidth={true}` (controlled by the Tabs component). */
-    fullWidth: string;
-    /** Styles applied to the root element if `wrapped={true}`. */
-    wrapped: string;
-    /** Styles applied to the wrapper element of `icon` if `icon` is provided. */
-    iconWrapper: string;
-}
-export type TabClassKey = keyof TabClasses;
-export declare function getTabUtilityClass(slot: string): string;
-declare const tabClasses: TabClasses;
-export default tabClasses;
+export interface TabClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if both `icon` and `label` are provided. */
+    labelIcon: string;
+    /** Styles applied to the root element if the parent [`Tabs`](/material-ui/api/tabs/) has `textColor="inherit"`. */
+    textColorInherit: string;
+    /** Styles applied to the root element if the parent [`Tabs`](/material-ui/api/tabs/) has `textColor="primary"`. */
+    textColorPrimary: string;
+    /** Styles applied to the root element if the parent [`Tabs`](/material-ui/api/tabs/) has `textColor="secondary"`. */
+    textColorSecondary: string;
+    /** State class applied to the root element if `selected={true}` (controlled by the Tabs component). */
+    selected: string;
+    /** State class applied to the root element if `disabled={true}` (controlled by the Tabs component). */
+    disabled: string;
+    /** Styles applied to the root element if `fullWidth={true}` (controlled by the Tabs component). */
+    fullWidth: string;
+    /** Styles applied to the root element if `wrapped={true}`. */
+    wrapped: string;
+    /** Styles applied to the wrapper element of `icon` if `icon` is provided. */
+    iconWrapper: string;
+}
+export type TabClassKey = keyof TabClasses;
+export declare function getTabUtilityClass(slot: string): string;
+declare const tabClasses: TabClasses;
+export default tabClasses;

package/TabScrollButton/TabScrollButton.d.ts

@@ -1,8 +1,16 @@
 import * as React from 'react';
 import { SxProps } from '@mui/system';
-import { InternalStandardProps as StandardProps, Theme } from '..';
+import { SlotComponentProps } from '@mui/base';
+import { InternalStandardProps as StandardProps, SvgIcon, Theme } from '..';
 import { TabScrollButtonClasses } from './tabScrollButtonClasses';
 
+export interface TabScrollButtonStartIconSlotPropsOverrides {}
+export interface TabScrollButtonEndIconSlotPropsOverrides {}
+
+export interface TabScrollButtonOwnerState extends TabScrollButtonProps {
+  isRtl: boolean;
+}
+
 export interface TabScrollButtonProps extends StandardProps<React.HTMLAttributes<HTMLDivElement>> {
   /**
    * The content of the component.
@@ -12,6 +20,31 @@ export interface TabScrollButtonProps extends StandardProps<React.HTMLAttributes
    * Override or extend the styles applied to the component.
    */
   classes?: Partial<TabScrollButtonClasses>;
+  /**
+   * The components used for each slot inside.
+   * @default {}
+   */
+  slots?: {
+    StartScrollButtonIcon?: React.ElementType;
+    EndScrollButtonIcon?: React.ElementType;
+  };
+  /**
+   * The extra props for the slot components.
+   * You can override the existing props or add new ones.
+   * @default {}
+   */
+  slotProps?: {
+    startScrollButtonIcon?: SlotComponentProps<
+      typeof SvgIcon,
+      TabScrollButtonStartIconSlotPropsOverrides,
+      TabScrollButtonOwnerState
+    >;
+    endScrollButtonIcon?: SlotComponentProps<
+      typeof SvgIcon,
+      TabScrollButtonEndIconSlotPropsOverrides,
+      TabScrollButtonOwnerState
+    >;
+  };
   /**
    * The direction the button should indicate.
    */

package/TabScrollButton/TabScrollButton.js

@@ -1,12 +1,11 @@
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _extends from "@babel/runtime/helpers/esm/extends";
-var _KeyboardArrowLeft, _KeyboardArrowRight;
-const _excluded = ["className", "direction", "orientation", "disabled"];
+const _excluded = ["className", "slots", "slotProps", "direction", "orientation", "disabled"];
 /* eslint-disable jsx-a11y/aria-role */
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import { unstable_composeClasses as composeClasses } from '@mui/base';
+import { unstable_composeClasses as composeClasses, useSlotProps } from '@mui/base';
 import KeyboardArrowLeft from '../internal/svg-icons/KeyboardArrowLeft';
 import KeyboardArrowRight from '../internal/svg-icons/KeyboardArrowRight';
 import ButtonBase from '../ButtonBase';
@@ -52,12 +51,15 @@ const TabScrollButtonRoot = styled(ButtonBase, {
   }
 }));
 const TabScrollButton = /*#__PURE__*/React.forwardRef(function TabScrollButton(inProps, ref) {
+  var _slots$StartScrollBut, _slots$EndScrollButto;
   const props = useThemeProps({
     props: inProps,
     name: 'MuiTabScrollButton'
   });
   const {
       className,
+      slots = {},
+      slotProps = {},
       direction
     } = props,
     other = _objectWithoutPropertiesLoose(props, _excluded);
@@ -67,6 +69,24 @@ const TabScrollButton = /*#__PURE__*/React.forwardRef(function TabScrollButton(i
     isRtl
   }, props);
   const classes = useUtilityClasses(ownerState);
+  const StartButtonIcon = (_slots$StartScrollBut = slots.StartScrollButtonIcon) != null ? _slots$StartScrollBut : KeyboardArrowLeft;
+  const EndButtonIcon = (_slots$EndScrollButto = slots.EndScrollButtonIcon) != null ? _slots$EndScrollButto : KeyboardArrowRight;
+  const startButtonIconProps = useSlotProps({
+    elementType: StartButtonIcon,
+    externalSlotProps: slotProps.startScrollButtonIcon,
+    additionalProps: {
+      fontSize: 'small'
+    },
+    ownerState
+  });
+  const endButtonIconProps = useSlotProps({
+    elementType: EndButtonIcon,
+    externalSlotProps: slotProps.endScrollButtonIcon,
+    additionalProps: {
+      fontSize: 'small'
+    },
+    ownerState
+  });
   return /*#__PURE__*/_jsx(TabScrollButtonRoot, _extends({
     component: "div",
     className: clsx(classes.root, className),
@@ -75,11 +95,7 @@ const TabScrollButton = /*#__PURE__*/React.forwardRef(function TabScrollButton(i
     ownerState: ownerState,
     tabIndex: null
   }, other, {
-    children: direction === 'left' ? _KeyboardArrowLeft || (_KeyboardArrowLeft = /*#__PURE__*/_jsx(KeyboardArrowLeft, {
-      fontSize: "small"
-    })) : _KeyboardArrowRight || (_KeyboardArrowRight = /*#__PURE__*/_jsx(KeyboardArrowRight, {
-      fontSize: "small"
-    }))
+    children: direction === 'left' ? /*#__PURE__*/_jsx(StartButtonIcon, _extends({}, startButtonIconProps)) : /*#__PURE__*/_jsx(EndButtonIcon, _extends({}, endButtonIconProps))
   }));
 });
 process.env.NODE_ENV !== "production" ? TabScrollButton.propTypes /* remove-proptypes */ = {
@@ -112,6 +128,23 @@ process.env.NODE_ENV !== "production" ? TabScrollButton.propTypes /* remove-prop
    * The component orientation (layout flow direction).
    */
   orientation: PropTypes.oneOf(['horizontal', 'vertical']).isRequired,
+  /**
+   * The extra props for the slot components.
+   * You can override the existing props or add new ones.
+   * @default {}
+   */
+  slotProps: PropTypes.shape({
+    endScrollButtonIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+    startScrollButtonIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
+  }),
+  /**
+   * The components used for each slot inside.
+   * @default {}
+   */
+  slots: PropTypes.shape({
+    EndScrollButtonIcon: PropTypes.elementType,
+    StartScrollButtonIcon: PropTypes.elementType
+  }),
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */

package/TabScrollButton/tabScrollButtonClasses.d.ts

@@ -1,12 +1,12 @@
-export interface TabScrollButtonClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `orientation="vertical"`. */
-    vertical: string;
-    /** State class applied to the root element if `disabled={true}`. */
-    disabled: string;
-}
-export type TabScrollButtonClassKey = keyof TabScrollButtonClasses;
-export declare function getTabScrollButtonUtilityClass(slot: string): string;
-declare const tabScrollButtonClasses: TabScrollButtonClasses;
-export default tabScrollButtonClasses;
+export interface TabScrollButtonClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `orientation="vertical"`. */
+    vertical: string;
+    /** State class applied to the root element if `disabled={true}`. */
+    disabled: string;
+}
+export type TabScrollButtonClassKey = keyof TabScrollButtonClasses;
+export declare function getTabScrollButtonUtilityClass(slot: string): string;
+declare const tabScrollButtonClasses: TabScrollButtonClasses;
+export default tabScrollButtonClasses;

package/Table/tableClasses.d.ts

@@ -1,10 +1,10 @@
-export interface TableClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `stickyHeader={true}`. */
-    stickyHeader: string;
-}
-export type TableClassKey = keyof TableClasses;
-export declare function getTableUtilityClass(slot: string): string;
-declare const tableClasses: TableClasses;
-export default tableClasses;
+export interface TableClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `stickyHeader={true}`. */
+    stickyHeader: string;
+}
+export type TableClassKey = keyof TableClasses;
+export declare function getTableUtilityClass(slot: string): string;
+declare const tableClasses: TableClasses;
+export default tableClasses;

package/TableBody/tableBodyClasses.d.ts

@@ -1,8 +1,8 @@
-export interface TableBodyClasses {
-    /** Styles applied to the root element. */
-    root: string;
-}
-export type TableBodyClassKey = keyof TableBodyClasses;
-export declare function getTableBodyUtilityClass(slot: string): string;
-declare const tableBodyClasses: TableBodyClasses;
-export default tableBodyClasses;
+export interface TableBodyClasses {
+    /** Styles applied to the root element. */
+    root: string;
+}
+export type TableBodyClassKey = keyof TableBodyClasses;
+export declare function getTableBodyUtilityClass(slot: string): string;
+declare const tableBodyClasses: TableBodyClasses;
+export default tableBodyClasses;

package/TableCell/tableCellClasses.d.ts

@@ -1,32 +1,32 @@
-export interface TableCellClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `variant="head"` or `context.table.head`. */
-    head: string;
-    /** Styles applied to the root element if `variant="body"` or `context.table.body`. */
-    body: string;
-    /** Styles applied to the root element if `variant="footer"` or `context.table.footer`. */
-    footer: string;
-    /** Styles applied to the root element if `size="small"`. */
-    sizeSmall: string;
-    /** Styles applied to the root element if `size="medium"`. */
-    sizeMedium: string;
-    /** Styles applied to the root element if `padding="checkbox"`. */
-    paddingCheckbox: string;
-    /** Styles applied to the root element if `padding="none"`. */
-    paddingNone: string;
-    /** Styles applied to the root element if `align="left"`. */
-    alignLeft: string;
-    /** Styles applied to the root element if `align="center"`. */
-    alignCenter: string;
-    /** Styles applied to the root element if `align="right"`. */
-    alignRight: string;
-    /** Styles applied to the root element if `align="justify"`. */
-    alignJustify: string;
-    /** Styles applied to the root element if `context.table.stickyHeader={true}`. */
-    stickyHeader: string;
-}
-export type TableCellClassKey = keyof TableCellClasses;
-export declare function getTableCellUtilityClass(slot: string): string;
-declare const tableCellClasses: TableCellClasses;
-export default tableCellClasses;
+export interface TableCellClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `variant="head"` or `context.table.head`. */
+    head: string;
+    /** Styles applied to the root element if `variant="body"` or `context.table.body`. */
+    body: string;
+    /** Styles applied to the root element if `variant="footer"` or `context.table.footer`. */
+    footer: string;
+    /** Styles applied to the root element if `size="small"`. */
+    sizeSmall: string;
+    /** Styles applied to the root element if `size="medium"`. */
+    sizeMedium: string;
+    /** Styles applied to the root element if `padding="checkbox"`. */
+    paddingCheckbox: string;
+    /** Styles applied to the root element if `padding="none"`. */
+    paddingNone: string;
+    /** Styles applied to the root element if `align="left"`. */
+    alignLeft: string;
+    /** Styles applied to the root element if `align="center"`. */
+    alignCenter: string;
+    /** Styles applied to the root element if `align="right"`. */
+    alignRight: string;
+    /** Styles applied to the root element if `align="justify"`. */
+    alignJustify: string;
+    /** Styles applied to the root element if `context.table.stickyHeader={true}`. */
+    stickyHeader: string;
+}
+export type TableCellClassKey = keyof TableCellClasses;
+export declare function getTableCellUtilityClass(slot: string): string;
+declare const tableCellClasses: TableCellClasses;
+export default tableCellClasses;

package/TableContainer/tableContainerClasses.d.ts

@@ -1,8 +1,8 @@
-export interface TableContainerClasses {
-    /** Styles applied to the root element. */
-    root: string;
-}
-export type TableContainerClassKey = keyof TableContainerClasses;
-export declare function getTableContainerUtilityClass(slot: string): string;
-declare const tableContainerClasses: TableContainerClasses;
-export default tableContainerClasses;
+export interface TableContainerClasses {
+    /** Styles applied to the root element. */
+    root: string;
+}
+export type TableContainerClassKey = keyof TableContainerClasses;
+export declare function getTableContainerUtilityClass(slot: string): string;
+declare const tableContainerClasses: TableContainerClasses;
+export default tableContainerClasses;

package/TableFooter/tableFooterClasses.d.ts

@@ -1,8 +1,8 @@
-export interface TableFooterClasses {
-    /** Styles applied to the root element. */
-    root: string;
-}
-export type TableFooterClassKey = keyof TableFooterClasses;
-export declare function getTableFooterUtilityClass(slot: string): string;
-declare const tableFooterClasses: TableFooterClasses;
-export default tableFooterClasses;
+export interface TableFooterClasses {
+    /** Styles applied to the root element. */
+    root: string;
+}
+export type TableFooterClassKey = keyof TableFooterClasses;
+export declare function getTableFooterUtilityClass(slot: string): string;
+declare const tableFooterClasses: TableFooterClasses;
+export default tableFooterClasses;

package/TableHead/tableHeadClasses.d.ts

@@ -1,8 +1,8 @@
-export interface TableHeadClasses {
-    /** Styles applied to the root element. */
-    root: string;
-}
-export type TableHeadClassKey = keyof TableHeadClasses;
-export declare function getTableHeadUtilityClass(slot: string): string;
-declare const tableHeadClasses: TableHeadClasses;
-export default tableHeadClasses;
+export interface TableHeadClasses {
+    /** Styles applied to the root element. */
+    root: string;
+}
+export type TableHeadClassKey = keyof TableHeadClasses;
+export declare function getTableHeadUtilityClass(slot: string): string;
+declare const tableHeadClasses: TableHeadClasses;
+export default tableHeadClasses;

package/TablePagination/tablePaginationClasses.d.ts

@@ -1,28 +1,28 @@
-export interface TablePaginationClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the Toolbar component. */
-    toolbar: string;
-    /** Styles applied to the spacer element. */
-    spacer: string;
-    /** Styles applied to the select label Typography element. */
-    selectLabel: string;
-    /** Styles applied to the Select component `root` element. */
-    selectRoot: string;
-    /** Styles applied to the Select component `select` class. */
-    select: string;
-    /** Styles applied to the Select component `icon` class. */
-    selectIcon: string;
-    /** Styles applied to the Select component `root` element. */
-    input: string;
-    /** Styles applied to the MenuItem component. */
-    menuItem: string;
-    /** Styles applied to the displayed rows Typography element. */
-    displayedRows: string;
-    /** Styles applied to the internal `TablePaginationActions` component. */
-    actions: string;
-}
-export type TablePaginationClassKey = keyof TablePaginationClasses;
-export declare function getTablePaginationUtilityClass(slot: string): string;
-declare const tablePaginationClasses: TablePaginationClasses;
-export default tablePaginationClasses;
+export interface TablePaginationClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the Toolbar component. */
+    toolbar: string;
+    /** Styles applied to the spacer element. */
+    spacer: string;
+    /** Styles applied to the select label Typography element. */
+    selectLabel: string;
+    /** Styles applied to the Select component `root` element. */
+    selectRoot: string;
+    /** Styles applied to the Select component `select` class. */
+    select: string;
+    /** Styles applied to the Select component `icon` class. */
+    selectIcon: string;
+    /** Styles applied to the Select component `root` element. */
+    input: string;
+    /** Styles applied to the MenuItem component. */
+    menuItem: string;
+    /** Styles applied to the displayed rows Typography element. */
+    displayedRows: string;
+    /** Styles applied to the internal `TablePaginationActions` component. */
+    actions: string;
+}
+export type TablePaginationClassKey = keyof TablePaginationClasses;
+export declare function getTablePaginationUtilityClass(slot: string): string;
+declare const tablePaginationClasses: TablePaginationClasses;
+export default tablePaginationClasses;