@mui/material 5.0.6 → 5.2.1

package/SvgIcon/svgIconClasses.d.ts

@@ -1,24 +1,24 @@
-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="large"`. */
-    fontSizeLarge: string;
-}
-export declare 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="large"`. */
+    fontSizeLarge: string;
+}
+export declare type SvgIconClassKey = keyof SvgIconClasses;
+export declare function getSvgIconUtilityClass(slot: string): string;
+declare const svgIconClasses: SvgIconClasses;
+export default svgIconClasses;

package/SvgIcon/svgIconClasses.js

@@ -1,4 +1,4 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/core';
+import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
 export function getSvgIconUtilityClass(slot) {
   return generateUtilityClass('MuiSvgIcon', slot);
 }

package/SwipeableDrawer/SwipeableDrawer.js

@@ -6,7 +6,7 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import { elementTypeAcceptingRef } from '@mui/utils';
 import { useThemeProps } from '@mui/system';
-import { NoSsr } from '@mui/core';
+import { NoSsr } from '@mui/base';
 import Drawer, { getAnchor, isHorizontal } from '../Drawer/Drawer';
 import ownerDocument from '../utils/ownerDocument';
 import ownerWindow from '../utils/ownerWindow';

package/Switch/Switch.js

@@ -6,7 +6,7 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import { refType } from '@mui/utils';
-import { unstable_composeClasses as composeClasses } from '@mui/core';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
 import { alpha, darken, lighten } from '@mui/system';
 import capitalize from '../utils/capitalize';
 import SwitchBase from '../internal/SwitchBase';
@@ -333,7 +333,7 @@ process.env.NODE_ENV !== "production" ? Switch.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object])), PropTypes.func, PropTypes.object]),
 
   /**
    * The value of the component. The DOM API casts this to a string.

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 declare 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 declare type SwitchClassKey = keyof SwitchClasses;
+export declare function getSwitchUtilityClass(slot: string): string;
+declare const switchClasses: SwitchClasses;
+export default switchClasses;

package/Switch/switchClasses.js

@@ -1,4 +1,4 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/core';
+import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
 export function getSwitchUtilityClass(slot) {
   return generateUtilityClass('MuiSwitch', slot);
 }

package/Tab/Tab.js

@@ -4,7 +4,7 @@ const _excluded = ["className", "disabled", "disableFocusRipple", "fullWidth", "
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import { unstable_composeClasses as composeClasses } from '@mui/core';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
 import ButtonBase from '../ButtonBase';
 import capitalize from '../utils/capitalize';
 import useThemeProps from '../styles/useThemeProps';
@@ -270,7 +270,7 @@ process.env.NODE_ENV !== "production" ? Tab.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object])), PropTypes.func, PropTypes.object]),
 
   /**
    * You can provide your own value. Otherwise, we fallback to the child position index.

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`](/api/tabs/) has `textColor="inherit"`. */
-    textColorInherit: string;
-    /** Styles applied to the root element if the parent [`Tabs`](/api/tabs/) has `textColor="primary"`. */
-    textColorPrimary: string;
-    /** Styles applied to the root element if the parent [`Tabs`](/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 declare 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`](/api/tabs/) has `textColor="inherit"`. */
+    textColorInherit: string;
+    /** Styles applied to the root element if the parent [`Tabs`](/api/tabs/) has `textColor="primary"`. */
+    textColorPrimary: string;
+    /** Styles applied to the root element if the parent [`Tabs`](/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 declare type TabClassKey = keyof TabClasses;
+export declare function getTabUtilityClass(slot: string): string;
+declare const tabClasses: TabClasses;
+export default tabClasses;

package/Tab/tabClasses.js

@@ -1,4 +1,4 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/core';
+import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
 export function getTabUtilityClass(slot) {
   return generateUtilityClass('MuiTab', slot);
 }

package/TabScrollButton/TabScrollButton.js

@@ -9,7 +9,7 @@ const _excluded = ["className", "direction", "orientation", "disabled"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import { unstable_composeClasses as composeClasses } from '@mui/core';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
 import KeyboardArrowLeft from '../internal/svg-icons/KeyboardArrowLeft';
 import KeyboardArrowRight from '../internal/svg-icons/KeyboardArrowRight';
 import ButtonBase from '../ButtonBase';
@@ -132,6 +132,6 @@ process.env.NODE_ENV !== "production" ? TabScrollButton.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object])), PropTypes.func, PropTypes.object])
 } : void 0;
 export default TabScrollButton;

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 declare 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 declare type TabScrollButtonClassKey = keyof TabScrollButtonClasses;
+export declare function getTabScrollButtonUtilityClass(slot: string): string;
+declare const tabScrollButtonClasses: TabScrollButtonClasses;
+export default tabScrollButtonClasses;

package/TabScrollButton/tabScrollButtonClasses.js

@@ -1,4 +1,4 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/core';
+import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
 export function getTabScrollButtonUtilityClass(slot) {
   return generateUtilityClass('MuiTabScrollButton', slot);
 }

package/Table/Table.js

@@ -4,7 +4,7 @@ const _excluded = ["className", "component", "padding", "size", "stickyHeader"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import { unstable_composeClasses as composeClasses } from '@mui/core';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
 import TableContext from './TableContext';
 import useThemeProps from '../styles/useThemeProps';
 import styled from '../styles/styled';
@@ -142,6 +142,6 @@ process.env.NODE_ENV !== "production" ? Table.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object])), PropTypes.func, PropTypes.object])
 } : void 0;
 export default Table;

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 declare 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 declare type TableClassKey = keyof TableClasses;
+export declare function getTableUtilityClass(slot: string): string;
+declare const tableClasses: TableClasses;
+export default tableClasses;

package/Table/tableClasses.js

@@ -1,4 +1,4 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/core';
+import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
 export function getTableUtilityClass(slot) {
   return generateUtilityClass('MuiTable', slot);
 }

package/TableBody/TableBody.js

@@ -4,7 +4,7 @@ const _excluded = ["className", "component"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import { unstable_composeClasses as composeClasses } from '@mui/core';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
 import Tablelvl2Context from '../Table/Tablelvl2Context';
 import useThemeProps from '../styles/useThemeProps';
 import styled from '../styles/styled';
@@ -92,6 +92,6 @@ process.env.NODE_ENV !== "production" ? TableBody.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object])), PropTypes.func, PropTypes.object])
 } : void 0;
 export default TableBody;

package/TableBody/tableBodyClasses.d.ts

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

package/TableBody/tableBodyClasses.js

@@ -1,4 +1,4 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/core';
+import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
 export function getTableBodyUtilityClass(slot) {
   return generateUtilityClass('MuiTableBody', slot);
 }

package/TableCell/TableCell.js

@@ -4,7 +4,7 @@ const _excluded = ["align", "className", "component", "padding", "scope", "size"
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import { unstable_composeClasses as composeClasses } from '@mui/core';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
 import { darken, alpha, lighten } from '@mui/system';
 import capitalize from '../utils/capitalize';
 import TableContext from '../Table/TableContext';
@@ -222,7 +222,7 @@ process.env.NODE_ENV !== "production" ? TableCell.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object])), PropTypes.func, PropTypes.object]),
 
   /**
    * Specify the cell type.

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 declare 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 declare type TableCellClassKey = keyof TableCellClasses;
+export declare function getTableCellUtilityClass(slot: string): string;
+declare const tableCellClasses: TableCellClasses;
+export default tableCellClasses;

package/TableCell/tableCellClasses.js

@@ -1,4 +1,4 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/core';
+import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
 export function getTableCellUtilityClass(slot) {
   return generateUtilityClass('MuiTableCell', slot);
 }

package/TableContainer/TableContainer.js

@@ -4,7 +4,7 @@ const _excluded = ["className", "component"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import { unstable_composeClasses as composeClasses } from '@mui/core';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
 import useThemeProps from '../styles/useThemeProps';
 import styled from '../styles/styled';
 import { getTableContainerUtilityClass } from './tableContainerClasses';
@@ -84,6 +84,6 @@ process.env.NODE_ENV !== "production" ? TableContainer.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object])), PropTypes.func, PropTypes.object])
 } : void 0;
 export default TableContainer;

package/TableContainer/tableContainerClasses.d.ts

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

package/TableContainer/tableContainerClasses.js

@@ -1,4 +1,4 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/core';
+import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
 export function getTableContainerUtilityClass(slot) {
   return generateUtilityClass('MuiTableContainer', slot);
 }

package/TableFooter/TableFooter.js

@@ -4,7 +4,7 @@ const _excluded = ["className", "component"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import { unstable_composeClasses as composeClasses } from '@mui/core';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
 import Tablelvl2Context from '../Table/Tablelvl2Context';
 import useThemeProps from '../styles/useThemeProps';
 import styled from '../styles/styled';
@@ -92,6 +92,6 @@ process.env.NODE_ENV !== "production" ? TableFooter.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object])), PropTypes.func, PropTypes.object])
 } : void 0;
 export default TableFooter;

package/TableFooter/tableFooterClasses.d.ts

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

package/TableFooter/tableFooterClasses.js

@@ -1,4 +1,4 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/core';
+import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
 export function getTableFooterUtilityClass(slot) {
   return generateUtilityClass('MuiTableFooter', slot);
 }

package/TableHead/TableHead.js

@@ -4,7 +4,7 @@ const _excluded = ["className", "component"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import { unstable_composeClasses as composeClasses } from '@mui/core';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
 import Tablelvl2Context from '../Table/Tablelvl2Context';
 import useThemeProps from '../styles/useThemeProps';
 import styled from '../styles/styled';
@@ -92,6 +92,6 @@ process.env.NODE_ENV !== "production" ? TableHead.propTypes
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
+  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object])), PropTypes.func, PropTypes.object])
 } : void 0;
 export default TableHead;

package/TableHead/tableHeadClasses.d.ts

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

package/TableHead/tableHeadClasses.js

@@ -1,4 +1,4 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/core';
+import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
 export function getTableHeadUtilityClass(slot) {
   return generateUtilityClass('MuiTableHead', slot);
 }

package/TablePagination/TablePagination.d.ts

@@ -56,7 +56,7 @@ export interface TablePaginationTypeMap<P, D extends React.ElementType> {
        *
        * For localization purposes, you can use the provided [translations](/guides/localization/).
        * @default function defaultLabelDisplayedRows({ from, to, count }) {
-       *   return `${from}-${to} of ${count !== -1 ? count : `more than ${to}`}`;
+       *   return `${from}–${to} of ${count !== -1 ? count : `more than ${to}`}`;
        * }
        */
       labelDisplayedRows?: (paginationInfo: LabelDisplayedRowsArgs) => React.ReactNode;