@mui/material 7.0.0-beta.0 → 7.0.0-beta.2

package/modern/SwipeableDrawer/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./SwipeableDrawer.js";
+export * from "./SwipeableDrawer.js";

package/modern/Switch/Switch.d.ts

@@ -0,0 +1,62 @@
+import * as React from 'react';
+import { SxProps } from '@mui/system';
+import { OverridableStringUnion } from '@mui/types';
+import { InternalStandardProps as StandardProps, Theme } from "../index.js";
+import { SwitchBaseProps } from "../internal/SwitchBase.js";
+import { SwitchClasses } from "./switchClasses.js";
+export interface SwitchPropsSizeOverrides {}
+export interface SwitchPropsColorOverrides {}
+export interface SwitchProps extends StandardProps<SwitchBaseProps, 'checkedIcon' | 'color' | 'icon'> {
+  /**
+   * The icon to display when the component is checked.
+   */
+  checkedIcon?: React.ReactNode;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<SwitchClasses>;
+  /**
+   * The color of the component.
+   * It supports both default and custom theme colors, which can be added as shown in the
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
+   * @default 'primary'
+   */
+  color?: OverridableStringUnion<'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning' | 'default', SwitchPropsColorOverrides>;
+  /**
+   * If `true`, the component is disabled.
+   */
+  disabled?: boolean;
+  /**
+   * The icon to display when the component is unchecked.
+   */
+  icon?: React.ReactNode;
+  /**
+   * The size of the component.
+   * `small` is equivalent to the dense switch styling.
+   * @default 'medium'
+   */
+  size?: OverridableStringUnion<'small' | 'medium', SwitchPropsSizeOverrides>;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+  /**
+   * The value of the component. The DOM API casts this to a string.
+   * The browser uses "on" as the default value.
+   */
+  value?: unknown;
+}
+
+/**
+ *
+ * Demos:
+ *
+ * - [Switch](https://next.mui.com/material-ui/react-switch/)
+ * - [Transfer List](https://next.mui.com/material-ui/react-transfer-list/)
+ *
+ * API:
+ *
+ * - [Switch API](https://next.mui.com/material-ui/api/switch/)
+ * - inherits [IconButton API](https://next.mui.com/material-ui/api/icon-button/)
+ */
+export default function Switch(props: SwitchProps): React.JSX.Element;

package/modern/Switch/index.d.ts

@@ -0,0 +1,4 @@
+export { default } from "./Switch.js";
+export * from "./Switch.js";
+export { default as switchClasses } from "./switchClasses.js";
+export * from "./switchClasses.js";

package/modern/Switch/switchClasses.d.ts

@@ -0,0 +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;

package/modern/Tab/Tab.d.ts

@@ -0,0 +1,75 @@
+import * as React from 'react';
+import { SxProps } from '@mui/system';
+import { Theme } from "../index.js";
+import { ExtendButtonBase, ExtendButtonBaseTypeMap } from "../ButtonBase/index.js";
+import { OverrideProps } from "../OverridableComponent/index.js";
+import { TabClasses } from "./tabClasses.js";
+export interface TabOwnProps {
+  /**
+   * This prop isn't supported.
+   * Use the `component` prop if you need to change the children structure.
+   */
+  children?: null;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<TabClasses>;
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   */
+  disabled?: boolean;
+  /**
+   * If `true`, the  keyboard focus ripple is disabled.
+   * @default false
+   */
+  disableFocusRipple?: boolean;
+  /**
+   * The icon to display.
+   */
+  icon?: string | React.ReactElement<unknown>;
+  /**
+   * The position of the icon relative to the label.
+   * @default 'top'
+   */
+  iconPosition?: 'top' | 'bottom' | 'start' | 'end';
+  /**
+   * The label element.
+   */
+  label?: React.ReactNode;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+  /**
+   * You can provide your own value. Otherwise, we fallback to the child position index.
+   */
+  value?: any;
+  /**
+   * Tab labels appear in a single row.
+   * They can use a second line if needed.
+   * @default false
+   */
+  wrapped?: boolean;
+}
+export type TabTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'div'> = ExtendButtonBaseTypeMap<{
+  props: AdditionalProps & TabOwnProps;
+  defaultComponent: RootComponent;
+}>;
+
+/**
+ *
+ * Demos:
+ *
+ * - [Tabs](https://next.mui.com/material-ui/react-tabs/)
+ *
+ * API:
+ *
+ * - [Tab API](https://next.mui.com/material-ui/api/tab/)
+ * - inherits [ButtonBase API](https://next.mui.com/material-ui/api/button-base/)
+ */
+declare const Tab: ExtendButtonBase<TabTypeMap>;
+export type TabProps<RootComponent extends React.ElementType = TabTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<TabTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
+  component?: React.ElementType;
+};
+export default Tab;

package/modern/Tab/index.d.ts

@@ -0,0 +1,4 @@
+export { default } from "./Tab.js";
+export * from "./Tab.js";
+export { default as tabClasses } from "./tabClasses.js";
+export * from "./tabClasses.js";

package/modern/Tab/tabClasses.d.ts

@@ -0,0 +1,30 @@
+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 `icon` HTML element if both `icon` and `label` are provided.
+   * @deprecated Use `icon` class instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details
+   */
+  iconWrapper: string;
+  /** Styles applied to the `icon` HTML element if both `icon` and `label` are provided. */
+  icon: string;
+}
+export type TabClassKey = keyof TabClasses;
+export declare function getTabUtilityClass(slot: string): string;
+declare const tabClasses: TabClasses;
+export default tabClasses;

package/modern/TabScrollButton/TabScrollButton.d.ts

@@ -0,0 +1,67 @@
+import * as React from 'react';
+import { SxProps } from '@mui/system';
+import { SlotComponentProps } from "../utils/types.js";
+import { ButtonBaseProps } from "../ButtonBase/index.js";
+import { SvgIcon, Theme } from "../index.js";
+import { TabScrollButtonClasses } from "./tabScrollButtonClasses.js";
+export interface TabScrollButtonStartIconSlotPropsOverrides {}
+export interface TabScrollButtonEndIconSlotPropsOverrides {}
+export interface TabScrollButtonOwnerState extends TabScrollButtonProps {
+  isRtl: boolean;
+}
+export interface TabScrollButtonProps extends ButtonBaseProps {
+  /**
+   * The content of the component.
+   */
+  children?: React.ReactNode;
+  /**
+   * 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.
+   */
+  direction: 'left' | 'right';
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   */
+  disabled?: boolean;
+  /**
+   * The component orientation (layout flow direction).
+   */
+  orientation: 'horizontal' | 'vertical';
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+}
+
+/**
+ *
+ * Demos:
+ *
+ * - [Tabs](https://next.mui.com/material-ui/react-tabs/)
+ *
+ * API:
+ *
+ * - [TabScrollButton API](https://next.mui.com/material-ui/api/tab-scroll-button/)
+ */
+export default function TabScrollButton(props: TabScrollButtonProps): React.JSX.Element;

package/modern/TabScrollButton/index.d.ts

@@ -0,0 +1,4 @@
+export { default } from "./TabScrollButton.js";
+export * from "./TabScrollButton.js";
+export { default as tabScrollButtonClasses } from "./tabScrollButtonClasses.js";
+export * from "./tabScrollButtonClasses.js";

package/modern/TabScrollButton/tabScrollButtonClasses.d.ts

@@ -0,0 +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;

package/modern/Table/Table.d.ts

@@ -0,0 +1,55 @@
+import * as React from 'react';
+import { SxProps } from '@mui/system';
+import { OverridableStringUnion } from '@mui/types';
+import { Theme } from "../index.js";
+import { OverridableComponent, OverrideProps } from "../OverridableComponent/index.js";
+import { TableClasses } from "./tableClasses.js";
+export interface TablePropsSizeOverrides {}
+export interface TableOwnProps {
+  /**
+   * The content of the table, normally `TableHead` and `TableBody`.
+   */
+  children?: React.ReactNode;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<TableClasses>;
+  /**
+   * Allows TableCells to inherit padding of the Table.
+   * @default 'normal'
+   */
+  padding?: 'normal' | 'checkbox' | 'none';
+  /**
+   * Allows TableCells to inherit size of the Table.
+   * @default 'medium'
+   */
+  size?: OverridableStringUnion<'small' | 'medium', TablePropsSizeOverrides>;
+  /**
+   * Set the header sticky.
+   * @default false
+   */
+  stickyHeader?: boolean;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+}
+export interface TableTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'table'> {
+  props: AdditionalProps & TableOwnProps;
+  defaultComponent: RootComponent;
+}
+/**
+ *
+ * Demos:
+ *
+ * - [Table](https://next.mui.com/material-ui/react-table/)
+ *
+ * API:
+ *
+ * - [Table API](https://next.mui.com/material-ui/api/table/)
+ */
+declare const Table: OverridableComponent<TableTypeMap>;
+export type TableProps<RootComponent extends React.ElementType = TableTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<TableTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
+  component?: React.ElementType;
+};
+export default Table;

package/modern/Table/TableContext.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+interface TableContextProps {
+  padding: 'default' | 'checkbox' | 'none';
+  size: 'default' | 'checkbox' | 'none';
+}
+declare const TableContext: React.Context<TableContextProps | undefined>;
+export default TableContext;

package/modern/Table/Tablelvl2Context.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+interface Tablelvl2ContextProps {
+  variant: 'head' | 'body' | 'footer';
+}
+declare const Tablelvl2Context: React.Context<Tablelvl2ContextProps | undefined>;
+export default Tablelvl2Context;

package/modern/Table/index.d.ts

@@ -0,0 +1,4 @@
+export { default } from "./Table.js";
+export * from "./Table.js";
+export { default as tableClasses } from "./tableClasses.js";
+export * from "./tableClasses.js";

package/modern/Table/tableClasses.d.ts

@@ -0,0 +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;

package/modern/TableBody/TableBody.d.ts

@@ -0,0 +1,38 @@
+import * as React from 'react';
+import { SxProps } from '@mui/system';
+import { Theme } from "../index.js";
+import { OverridableComponent, OverrideProps } from "../OverridableComponent/index.js";
+import { TableBodyClasses } from "./tableBodyClasses.js";
+export interface TableBodyOwnProps {
+  /**
+   * The content of the component, normally `TableRow`.
+   */
+  children?: React.ReactNode;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<TableBodyClasses>;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+}
+export interface TableBodyTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'tbody'> {
+  props: AdditionalProps & TableBodyOwnProps;
+  defaultComponent: RootComponent;
+}
+/**
+ *
+ * Demos:
+ *
+ * - [Table](https://next.mui.com/material-ui/react-table/)
+ *
+ * API:
+ *
+ * - [TableBody API](https://next.mui.com/material-ui/api/table-body/)
+ */
+declare const TableBody: OverridableComponent<TableBodyTypeMap>;
+export type TableBodyProps<RootComponent extends React.ElementType = TableBodyTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<TableBodyTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
+  component?: React.ElementType;
+};
+export default TableBody;

package/modern/TableBody/index.d.ts

@@ -0,0 +1,4 @@
+export { default } from "./TableBody.js";
+export * from "./TableBody.js";
+export { default as tableBodyClasses } from "./tableBodyClasses.js";
+export * from "./tableBodyClasses.js";

package/modern/TableBody/tableBodyClasses.d.ts

@@ -0,0 +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;

package/modern/TableCell/TableCell.d.ts

@@ -0,0 +1,82 @@
+import * as React from 'react';
+import { OverridableStringUnion } from '@mui/types';
+import { SxProps } from '@mui/system';
+import { InternalStandardProps as StandardProps, Theme } from "../index.js";
+import { TableCellClasses } from "./tableCellClasses.js";
+export interface TableCellPropsSizeOverrides {}
+export interface TableCellPropsVariantOverrides {}
+
+/**
+ * `<TableCell>` will be rendered as an `<th>`or `<td>` depending
+ * on the context it is used in. Where context literally is the
+ * React `context`.
+ *
+ * Since it is not decided via prop, we have create loose typings
+ * here.
+ */
+export interface TableCellProps extends StandardProps<TableCellBaseProps, 'align'> {
+  /**
+   * Set the text-align on the table cell content.
+   *
+   * Monetary or generally number fields **should be right aligned** as that allows
+   * you to add them up quickly in your head without having to worry about decimals.
+   * @default 'inherit'
+   */
+  align?: 'inherit' | 'left' | 'center' | 'right' | 'justify';
+  /**
+   * The content of the component.
+   */
+  children?: React.ReactNode;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<TableCellClasses>;
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component?: React.ElementType<TableCellBaseProps>;
+  /**
+   * Sets the padding applied to the cell.
+   * The prop defaults to the value (`'default'`) inherited from the parent Table component.
+   */
+  padding?: 'normal' | 'checkbox' | 'none';
+  /**
+   * Set scope attribute.
+   */
+  scope?: TableCellBaseProps['scope'];
+  /**
+   * Specify the size of the cell.
+   * The prop defaults to the value (`'medium'`) inherited from the parent Table component.
+   */
+  size?: OverridableStringUnion<'small' | 'medium', TableCellPropsSizeOverrides>;
+  /**
+   * Set aria-sort direction.
+   */
+  sortDirection?: SortDirection;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+  /**
+   * Specify the cell type.
+   * The prop defaults to the value inherited from the parent TableHead, TableBody, or TableFooter components.
+   */
+  variant?: OverridableStringUnion<'head' | 'body' | 'footer', TableCellPropsVariantOverrides>;
+}
+export type TableCellBaseProps = React.ThHTMLAttributes<HTMLTableCellElement> & React.TdHTMLAttributes<HTMLTableCellElement>;
+export type SortDirection = 'asc' | 'desc' | false;
+
+/**
+ * The component renders a `<th>` element when the parent context is a header
+ * or otherwise a `<td>` element.
+ *
+ * Demos:
+ *
+ * - [Table](https://next.mui.com/material-ui/react-table/)
+ *
+ * API:
+ *
+ * - [TableCell API](https://next.mui.com/material-ui/api/table-cell/)
+ */
+export default function TableCell(props: TableCellProps): React.JSX.Element;

package/modern/TableCell/index.d.ts

@@ -0,0 +1,4 @@
+export { default } from "./TableCell.js";
+export * from "./TableCell.js";
+export { default as tableCellClasses } from "./tableCellClasses.js";
+export * from "./tableCellClasses.js";

package/modern/TableCell/tableCellClasses.d.ts

@@ -0,0 +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;

package/modern/TableContainer/TableContainer.d.ts

@@ -0,0 +1,38 @@
+import * as React from 'react';
+import { SxProps } from '@mui/system';
+import { Theme } from "../index.js";
+import { OverridableComponent, OverrideProps } from "../OverridableComponent/index.js";
+import { TableContainerClasses } from "./tableContainerClasses.js";
+export interface TableContainerOwnProps {
+  /**
+   * The content of the component, normally `Table`.
+   */
+  children?: React.ReactNode;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<TableContainerClasses>;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+}
+export interface TableContainerTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'div'> {
+  props: AdditionalProps & TableContainerOwnProps;
+  defaultComponent: RootComponent;
+}
+/**
+ *
+ * Demos:
+ *
+ * - [Table](https://next.mui.com/material-ui/react-table/)
+ *
+ * API:
+ *
+ * - [TableContainer API](https://next.mui.com/material-ui/api/table-container/)
+ */
+declare const TableContainer: OverridableComponent<TableContainerTypeMap>;
+export type TableContainerProps<RootComponent extends React.ElementType = TableContainerTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<TableContainerTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
+  component?: React.ElementType;
+};
+export default TableContainer;

package/modern/TableContainer/index.d.ts

@@ -0,0 +1,4 @@
+export { default } from "./TableContainer.js";
+export * from "./TableContainer.js";
+export { default as tableContainerClasses } from "./tableContainerClasses.js";
+export * from "./tableContainerClasses.js";

package/modern/TableContainer/tableContainerClasses.d.ts

@@ -0,0 +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;

package/modern/TableFooter/TableFooter.d.ts

@@ -0,0 +1,38 @@
+import * as React from 'react';
+import { SxProps } from '@mui/system';
+import { Theme } from "../index.js";
+import { OverridableComponent, OverrideProps } from "../OverridableComponent/index.js";
+import { TableFooterClasses } from "./tableFooterClasses.js";
+export interface TableFooterOwnProps {
+  /**
+   * The content of the component, normally `TableRow`.
+   */
+  children?: React.ReactNode;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<TableFooterClasses>;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+}
+export interface TableFooterTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'tfoot'> {
+  props: AdditionalProps & TableFooterOwnProps;
+  defaultComponent: RootComponent;
+}
+/**
+ *
+ * Demos:
+ *
+ * - [Table](https://next.mui.com/material-ui/react-table/)
+ *
+ * API:
+ *
+ * - [TableFooter API](https://next.mui.com/material-ui/api/table-footer/)
+ */
+declare const TableFooter: OverridableComponent<TableFooterTypeMap>;
+export type TableFooterProps<RootComponent extends React.ElementType = TableFooterTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<TableFooterTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
+  component?: React.ElementType;
+};
+export default TableFooter;