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

package/InputLabel/index.d.ts

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

package/InputLabel/inputLabelClasses.d.ts

@@ -0,0 +1,32 @@
+export interface InputLabelClasses {
+  /** Styles applied to the root element. */
+  root: string;
+  /** State class applied to the root element if `focused={true}`. */
+  focused: string;
+  /** State class applied to the root element if `disabled={true}`. */
+  disabled: string;
+  /** State class applied to the root element if `error={true}`. */
+  error: string;
+  /** State class applied to the root element if `required={true}`. */
+  required: string;
+  /** State class applied to the asterisk element. */
+  asterisk: string;
+  /** Styles applied to the root element if the component is a descendant of `FormControl`. */
+  formControl: string;
+  /** Styles applied to the root element if `size="small"`. */
+  sizeSmall: string;
+  /** Styles applied to the input element if `shrink={true}`. */
+  shrink: string;
+  /** Styles applied to the input element unless `disableAnimation={true}`. */
+  animated: string;
+  /** Styles applied to the root element if `variant="filled"`. */
+  filled: string;
+  /** Styles applied to the root element if `variant="outlined"`. */
+  outlined: string;
+  /** Styles applied to the root element if `variant="standard"`. */
+  standard: string;
+}
+export type InputLabelClassKey = keyof InputLabelClasses;
+export declare function getInputLabelUtilityClasses(slot: string): string;
+declare const inputLabelClasses: InputLabelClasses;
+export default inputLabelClasses;

package/LinearProgress/LinearProgress.d.ts

@@ -0,0 +1,57 @@
+import * as React from 'react';
+import { SxProps } from '@mui/system';
+import { OverridableStringUnion } from '@mui/types';
+import { InternalStandardProps as StandardProps, Theme } from "../index.js";
+import { LinearProgressClasses } from "./linearProgressClasses.js";
+export interface LinearProgressPropsColorOverrides {}
+export interface LinearProgressPropsVariantOverrides {}
+export interface LinearProgressProps extends StandardProps<React.HTMLAttributes<HTMLSpanElement>, 'children'> {
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<LinearProgressClasses>;
+  /**
+   * 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' | 'inherit', LinearProgressPropsColorOverrides>;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+  /**
+   * The value of the progress indicator for the determinate and buffer variants.
+   * Value between 0 and 100.
+   */
+  value?: number;
+  /**
+   * The value for the buffer variant.
+   * Value between 0 and 100.
+   */
+  valueBuffer?: number;
+  /**
+   * The variant to use.
+   * Use indeterminate or query when there is no progress value.
+   * @default 'indeterminate'
+   */
+  variant?: OverridableStringUnion<'determinate' | 'indeterminate' | 'buffer' | 'query', LinearProgressPropsVariantOverrides>;
+}
+
+/**
+ * ## ARIA
+ *
+ * If the progress bar is describing the loading progress of a particular region of a page,
+ * you should use `aria-describedby` to point to the progress bar, and set the `aria-busy`
+ * attribute to `true` on that region until it has finished loading.
+ *
+ * Demos:
+ *
+ * - [Progress](https://next.mui.com/material-ui/react-progress/)
+ *
+ * API:
+ *
+ * - [LinearProgress API](https://next.mui.com/material-ui/api/linear-progress/)
+ */
+export default function LinearProgress(props: LinearProgressProps): React.JSX.Element;

package/LinearProgress/index.d.ts

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

package/LinearProgress/linearProgressClasses.d.ts

@@ -0,0 +1,64 @@
+export interface LinearProgressClasses {
+  /** Styles applied to the root element. */
+  root: string;
+  /** Styles applied to the root and bar2 element if `color="primary"`; bar2 if `variant="buffer"`. */
+  colorPrimary: string;
+  /** Styles applied to the root and bar2 elements if `color="secondary"`; bar2 if `variant="buffer"`. */
+  colorSecondary: string;
+  /** Styles applied to the root element if `variant="determinate"`. */
+  determinate: string;
+  /** Styles applied to the root element if `variant="indeterminate"`. */
+  indeterminate: string;
+  /** Styles applied to the root element if `variant="buffer"`. */
+  buffer: string;
+  /** Styles applied to the root element if `variant="query"`. */
+  query: string;
+  /** Styles applied to the additional bar element if `variant="buffer"`. */
+  dashed: string;
+  /** Styles applied to the additional bar element if `variant="buffer"` and `color="primary"`.
+   * @deprecated Combine the [.MuiLinearProgress-dashed](/material-ui/api/linear-progress/#linear-progress-classes-dashed) and [.MuiLinearProgress-colorPrimary](/material-ui/api/linear-progress/#linear-progress-classes-colorPrimary) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
+   */
+  dashedColorPrimary: string;
+  /** Styles applied to the additional bar element if `variant="buffer"` and `color="secondary"`.
+   * @deprecated Combine the [.MuiLinearProgress-dashed](/material-ui/api/linear-progress/#linear-progress-classes-dashed) and [.MuiLinearProgress-colorSecondary](/material-ui/api/linear-progress/#linear-progress-classes-colorSecondary) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
+   */
+  dashedColorSecondary: string;
+  /** Styles applied to the layered bar1 and bar2 elements. */
+  bar: string;
+  /** Styles applied to the bar1 element. */
+  bar1: string;
+  /** Styles applied to the bar2 element. */
+  bar2: string;
+  /** Styles applied to the bar elements if `color="primary"`; bar2 if `variant` not "buffer".
+   * @deprecated Use the [.MuiLinearProgress-bar](/material-ui/api/linear-progress/#linear-progress-classes-bar) and [.MuiLinearProgress-colorPrimary](/material-ui/api/linear-progress/#linear-progress-classes-colorPrimary) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
+   */
+  barColorPrimary: string;
+  /** Styles applied to the bar elements if `color="secondary"`; bar2 if `variant` not "buffer".
+   * @deprecated Use the [.MuiLinearProgress-bar](/material-ui/api/linear-progress/#linear-progress-classes-bar) and [.MuiLinearProgress-colorSecondary](/material-ui/api/linear-progress/#linear-progress-classes-colorSecondary) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
+   */
+  barColorSecondary: string;
+  /** Styles applied to the bar1 element if `variant="indeterminate or query"`.
+   * @deprecated Use the [.MuiLinearProgress-bar1](/material-ui/api/linear-progress/#linear-progress-classes-bar1) and [.MuiLinearProgress-indeterminate](/material-ui/api/linear-progress/#linear-progress-classes-indeterminate) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
+   */
+  bar1Indeterminate: string;
+  /** Styles applied to the bar1 element if `variant="determinate"`.
+   * @deprecated Use the [.MuiLinearProgress-bar1](/material-ui/api/linear-progress/#linear-progress-classes-bar1) and [.MuiLinearProgress-determinate](/material-ui/api/linear-progress/#linear-progress-classes-determinate) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
+   */
+  bar1Determinate: string;
+  /** Styles applied to the bar1 element if `variant="buffer"`.
+   * @deprecated Use the [.MuiLinearProgress-bar1](/material-ui/api/linear-progress/#linear-progress-classes-bar1) and [.MuiLinearProgress-buffer](/material-ui/api/linear-progress/#linear-progress-classes-buffer) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
+   */
+  bar1Buffer: string;
+  /** Styles applied to the bar2 element if `variant="indeterminate or query"`.
+   * @deprecated Use the [.MuiLinearProgress-bar2](/material-ui/api/linear-progress/#linear-progress-classes-bar2) and [.MuiLinearProgress-indeterminate](/material-ui/api/linear-progress/#linear-progress-classes-indeterminate) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
+   */
+  bar2Indeterminate: string;
+  /** Styles applied to the bar2 element if `variant="buffer"`.
+   * @deprecated Use the [.MuiLinearProgress-bar2](/material-ui/api/linear-progress/#linear-progress-classes-bar2) and [.MuiLinearProgress-buffer](/material-ui/api/linear-progress/#linear-progress-classes-buffer) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
+   */
+  bar2Buffer: string;
+}
+export type LinearProgressClassKey = keyof LinearProgressClasses;
+export declare function getLinearProgressUtilityClass(slot: string): string;
+declare const linearProgressClasses: LinearProgressClasses;
+export default linearProgressClasses;

package/Link/Link.d.ts

@@ -0,0 +1,63 @@
+import * as React from 'react';
+import { DistributiveOmit } from '@mui/types';
+import { SxProps } from '@mui/system';
+import { OverridableComponent, OverrideProps } from "../OverridableComponent/index.js";
+import { Theme } from "../styles/index.js";
+import { TypographyOwnProps } from "../Typography/index.js";
+import { LinkClasses } from "./linkClasses.js";
+export interface LinkOwnProps extends DistributiveOmit<LinkBaseProps, 'classes'> {
+  /**
+   * The content of the component.
+   */
+  children?: React.ReactNode;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<LinkClasses>;
+  /**
+   * The color of the link.
+   * @default 'primary'
+   */
+  color?: TypographyOwnProps['color'];
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+  /**
+   * `classes` prop applied to the [`Typography`](https://mui.com/material-ui/api/typography/) element.
+   */
+  TypographyClasses?: TypographyOwnProps['classes'];
+  /**
+   * Controls when the link should have an underline.
+   * @default 'always'
+   */
+  underline?: 'none' | 'hover' | 'always';
+  /**
+   * Applies the theme typography styles.
+   * @default 'inherit'
+   */
+  variant?: TypographyOwnProps['variant'];
+}
+export interface LinkTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'a'> {
+  props: AdditionalProps & LinkOwnProps;
+  defaultComponent: RootComponent;
+}
+
+/**
+ *
+ * Demos:
+ *
+ * - [Breadcrumbs](https://next.mui.com/material-ui/react-breadcrumbs/)
+ * - [Links](https://next.mui.com/material-ui/react-link/)
+ *
+ * API:
+ *
+ * - [Link API](https://next.mui.com/material-ui/api/link/)
+ * - inherits [Typography API](https://next.mui.com/material-ui/api/typography/)
+ */
+declare const Link: OverridableComponent<LinkTypeMap>;
+export type LinkBaseProps = DistributiveOmit<TypographyOwnProps, 'children' | 'color' | 'variant' | 'classes'>;
+export type LinkProps<RootComponent extends React.ElementType = LinkTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<LinkTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
+  component?: React.ElementType;
+};
+export default Link;

package/Link/getTextDecoration.d.ts

@@ -0,0 +1,11 @@
+import type { Theme } from "../styles/index.js";
+declare const getTextDecoration: <T extends Theme>({
+  theme,
+  ownerState
+}: {
+  theme: T;
+  ownerState: {
+    color: string;
+  };
+}) => string;
+export default getTextDecoration;

package/Link/index.d.ts

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

package/Link/linkClasses.d.ts

@@ -0,0 +1,18 @@
+export interface LinkClasses {
+  /** Styles applied to the root element. */
+  root: string;
+  /** Styles applied to the root element if `underline="none"`. */
+  underlineNone: string;
+  /** Styles applied to the root element if `underline="hover"`. */
+  underlineHover: string;
+  /** Styles applied to the root element if `underline="always"`. */
+  underlineAlways: string;
+  /** Styles applied to the root element if `component="button"`. */
+  button: string;
+  /** State class applied to the root element if the link is keyboard focused. */
+  focusVisible: string;
+}
+export type LinkClassKey = keyof LinkClasses;
+export declare function getLinkUtilityClass(slot: string): string;
+declare const linkClasses: LinkClasses;
+export default linkClasses;

package/List/List.d.ts

@@ -0,0 +1,65 @@
+import * as React from 'react';
+import { SxProps } from '@mui/system';
+import { Theme } from "../index.js";
+import { OverridableComponent, OverridableTypeMap, OverrideProps } from "../OverridableComponent/index.js";
+import { ListClasses } from "./listClasses.js";
+export interface ListOwnProps {
+  /**
+   * The content of the component.
+   */
+  children?: React.ReactNode;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<ListClasses>;
+  /**
+   * If `true`, compact vertical padding designed for keyboard and mouse input is used for
+   * the list and list items.
+   * The prop is available to descendant components as the `dense` context.
+   * @default false
+   */
+  dense?: boolean;
+  /**
+   * If `true`, vertical padding is removed from the list.
+   * @default false
+   */
+  disablePadding?: boolean;
+  /**
+   * The content of the subheader, normally `ListSubheader`.
+   */
+  subheader?: React.ReactNode;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+}
+export interface ListTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'ul'> {
+  props: AdditionalProps & ListOwnProps;
+  defaultComponent: RootComponent;
+}
+
+/**
+ * utility to create component types that inherit props from List.
+ */
+export interface ExtendListTypeMap<TypeMap extends OverridableTypeMap> {
+  props: TypeMap['props'] & ListTypeMap['props'];
+  defaultComponent: TypeMap['defaultComponent'];
+}
+export type ExtendList<TypeMap extends OverridableTypeMap> = OverridableComponent<ExtendListTypeMap<TypeMap>>;
+
+/**
+ *
+ * Demos:
+ *
+ * - [Lists](https://next.mui.com/material-ui/react-list/)
+ * - [Transfer List](https://next.mui.com/material-ui/react-transfer-list/)
+ *
+ * API:
+ *
+ * - [List API](https://next.mui.com/material-ui/api/list/)
+ */
+declare const List: ExtendList<ListTypeMap>;
+export type ListProps<RootComponent extends React.ElementType = ListTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ListTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
+  component?: React.ElementType;
+};
+export default List;

package/List/ListContext.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+declare const ListContext: React.Context<{
+  dense?: boolean;
+}>;
+export default ListContext;

package/List/index.d.ts

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

package/List/listClasses.d.ts

@@ -0,0 +1,14 @@
+export interface ListClasses {
+  /** Styles applied to the root element. */
+  root: string;
+  /** Styles applied to the root element unless `disablePadding={true}`. */
+  padding: string;
+  /** Styles applied to the root element if dense. */
+  dense: string;
+  /** Styles applied to the root element if a `subheader` is provided. */
+  subheader: string;
+}
+export type ListClassKey = keyof ListClasses;
+export declare function getListUtilityClass(slot: string): string;
+declare const listClasses: ListClasses;
+export default listClasses;

package/ListItem/ListItem.d.ts

@@ -0,0 +1,127 @@
+import * as React from 'react';
+import { SxProps } from '@mui/system';
+import { Theme } from "../styles/index.js";
+import { OverridableComponent, OverrideProps } from "../OverridableComponent/index.js";
+import { ListItemClasses } from "./listItemClasses.js";
+export interface ListItemComponentsPropsOverrides {}
+
+/**
+ * This type is kept for compatibility. Use `ListItemOwnProps` instead.
+ */
+export interface ListItemBaseProps {
+  /**
+   * Defines the `align-items` style property.
+   * @default 'center'
+   */
+  alignItems?: 'flex-start' | 'center';
+  /**
+   * The content of the component if a `ListItemSecondaryAction` is used it must
+   * be the last child.
+   */
+  children?: React.ReactNode;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<ListItemClasses>;
+  /**
+   * The container component used when a `ListItemSecondaryAction` is the last child.
+   * @default 'li'
+   * @deprecated Use the `component` or `slots.root` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
+  ContainerComponent?: React.ElementType<React.HTMLAttributes<HTMLDivElement>>;
+  /**
+   * Props applied to the container component if used.
+   * @default {}
+   * @deprecated Use the `slotProps.root` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
+  ContainerProps?: React.HTMLAttributes<HTMLDivElement>;
+  /**
+   * If `true`, compact vertical padding designed for keyboard and mouse input is used.
+   * The prop defaults to the value inherited from the parent List component.
+   * @default false
+   */
+  dense?: boolean;
+  /**
+   * If `true`, the left and right padding is removed.
+   * @default false
+   */
+  disableGutters?: boolean;
+  /**
+   * If `true`, all padding is removed.
+   * @default false
+   */
+  disablePadding?: boolean;
+  /**
+   * If `true`, a 1px light border is added to the bottom of the list item.
+   * @default false
+   */
+  divider?: boolean;
+  /**
+   * The element to display at the end of ListItem.
+   */
+  secondaryAction?: React.ReactNode;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+}
+export interface ListItemOwnProps extends ListItemBaseProps {
+  /**
+   * The components used for each slot inside.
+   *
+   * @deprecated Use the `slots` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   * @default {}
+   */
+  components?: {
+    Root?: React.ElementType;
+  };
+  /**
+   * The extra props for the slot components.
+   * You can override the existing props or add new ones.
+   *
+   * @deprecated Use the `slotProps` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   * @default {}
+   */
+  componentsProps?: {
+    root?: React.HTMLAttributes<HTMLDivElement> & ListItemComponentsPropsOverrides;
+  };
+  /**
+   * The extra props for the slot components.
+   * You can override the existing props or add new ones.
+   *
+   * @default {}
+   */
+  slotProps?: {
+    root?: React.HTMLAttributes<HTMLDivElement> & ListItemComponentsPropsOverrides;
+  };
+  /**
+   * The components used for each slot inside.
+   *
+   * @default {}
+   */
+  slots?: {
+    root?: React.ElementType;
+  };
+}
+export interface ListItemTypeMap<AdditionalProps, RootComponent extends React.ElementType> {
+  props: AdditionalProps & ListItemOwnProps;
+  defaultComponent: RootComponent;
+}
+
+/**
+ * Uses an additional container component if `ListItemSecondaryAction` is the last child.
+ *
+ * Demos:
+ *
+ * - [Lists](https://next.mui.com/material-ui/react-list/)
+ * - [Transfer List](https://next.mui.com/material-ui/react-transfer-list/)
+ *
+ * API:
+ *
+ * - [ListItem API](https://next.mui.com/material-ui/api/list-item/)
+ */
+declare const ListItem: OverridableComponent<ListItemTypeMap<{}, 'li'>>;
+export type ListItemProps<RootComponent extends React.ElementType = 'li', AdditionalProps = {}> = OverrideProps<ListItemTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
+  component?: React.ElementType;
+};
+export default ListItem;

package/ListItem/index.d.ts

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

package/ListItem/listItemClasses.d.ts

@@ -0,0 +1,22 @@
+export interface ListItemClasses {
+  /** Styles applied to the (normally root) `component` element. May be wrapped by a `container`. */
+  root: string;
+  /** Styles applied to the container element if `children` includes `ListItemSecondaryAction`. */
+  container: string;
+  /** Styles applied to the component element if dense. */
+  dense: string;
+  /** Styles applied to the component element if `alignItems="flex-start"`. */
+  alignItemsFlexStart: string;
+  /** Styles applied to the inner `component` element if `divider={true}`. */
+  divider: string;
+  /** Styles applied to the inner `component` element unless `disableGutters={true}`. */
+  gutters: string;
+  /** Styles applied to the root element unless `disablePadding={true}`. */
+  padding: string;
+  /** Styles applied to the component element if `children` includes `ListItemSecondaryAction`. */
+  secondaryAction: string;
+}
+export type ListItemClassKey = keyof ListItemClasses;
+export declare function getListItemUtilityClass(slot: string): string;
+declare const listItemClasses: ListItemClasses;
+export default listItemClasses;

package/ListItemAvatar/ListItemAvatar.d.ts

@@ -0,0 +1,30 @@
+import { SxProps } from '@mui/system';
+import { InternalStandardProps as StandardProps, Theme } from "../index.js";
+import { ListItemAvatarClasses } from "./listItemAvatarClasses.js";
+export interface ListItemAvatarProps extends StandardProps<React.HTMLAttributes<HTMLDivElement>> {
+  /**
+   * The content of the component, normally an `Avatar`.
+   */
+  children?: React.ReactNode;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<ListItemAvatarClasses>;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+}
+
+/**
+ * A simple wrapper to apply `List` styles to an `Avatar`.
+ *
+ * Demos:
+ *
+ * - [Lists](https://next.mui.com/material-ui/react-list/)
+ *
+ * API:
+ *
+ * - [ListItemAvatar API](https://next.mui.com/material-ui/api/list-item-avatar/)
+ */
+export default function ListItemAvatar(props: ListItemAvatarProps): React.JSX.Element;

package/ListItemAvatar/index.d.ts

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

package/ListItemAvatar/listItemAvatarClasses.d.ts

@@ -0,0 +1,10 @@
+export interface ListItemAvatarClasses {
+  /** Styles applied to the root element. */
+  root: string;
+  /** Styles applied to the root element when the parent `ListItem` uses `alignItems="flex-start"`. */
+  alignItemsFlexStart: string;
+}
+export type ListItemAvatarClassKey = keyof ListItemAvatarClasses;
+export declare function getListItemAvatarUtilityClass(slot: string): string;
+declare const listItemAvatarClasses: ListItemAvatarClasses;
+export default listItemAvatarClasses;

package/ListItemButton/ListItemButton.d.ts

@@ -0,0 +1,85 @@
+import * as React from 'react';
+import { SxProps } from '@mui/system';
+import { Theme } from "../styles/index.js";
+import { ExtendButtonBase, ExtendButtonBaseTypeMap } from "../ButtonBase/index.js";
+import { OverrideProps } from "../OverridableComponent/index.js";
+import { ListItemButtonClasses } from "./listItemButtonClasses.js";
+
+/**
+ * This interface is kept for backward compatibility. To extend `LitItemButton`
+ * props through module augmentation, use `ListItemButtonOwnProps`.
+ */
+export interface ListItemButtonBaseProps {
+  /**
+   * Defines the `align-items` style property.
+   * @default 'center'
+   */
+  alignItems?: 'flex-start' | 'center';
+  /**
+   * If `true`, the list item is focused during the first mount.
+   * Focus will also be triggered if the value changes from false to true.
+   * @default false
+   */
+  autoFocus?: boolean;
+  /**
+   * The content of the component if a `ListItemSecondaryAction` is used it must
+   * be the last child.
+   */
+  children?: React.ReactNode;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<ListItemButtonClasses>;
+  /**
+   * If `true`, compact vertical padding designed for keyboard and mouse input is used.
+   * The prop defaults to the value inherited from the parent List component.
+   * @default false
+   */
+  dense?: boolean;
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   */
+  disabled?: boolean;
+  /**
+   * If `true`, the left and right padding is removed.
+   * @default false
+   */
+  disableGutters?: boolean;
+  /**
+   * If `true`, a 1px light border is added to the bottom of the list item.
+   * @default false
+   */
+  divider?: boolean;
+  /**
+   * Use to apply selected styling.
+   * @default false
+   */
+  selected?: boolean;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+}
+export interface ListItemButtonOwnProps extends ListItemButtonBaseProps {}
+export type ListItemButtonTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'div'> = ExtendButtonBaseTypeMap<{
+  props: AdditionalProps & ListItemButtonOwnProps;
+  defaultComponent: RootComponent;
+}>;
+
+/**
+ *
+ * Demos:
+ *
+ * - [Lists](https://next.mui.com/material-ui/react-list/)
+ *
+ * API:
+ *
+ * - [ListItemButton API](https://next.mui.com/material-ui/api/list-item-button/)
+ * - inherits [ButtonBase API](https://next.mui.com/material-ui/api/button-base/)
+ */
+declare const ListItemButton: ExtendButtonBase<ListItemButtonTypeMap>;
+export type ListItemButtonProps<RootComponent extends React.ElementType = ListItemButtonTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ListItemButtonTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
+  component?: React.ElementType;
+};
+export default ListItemButton;

package/ListItemButton/index.d.ts

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