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

package/ClickAwayListener/ClickAwayListener.d.ts

@@ -0,0 +1,47 @@
+import * as React from 'react';
+type ClickAwayMouseEventHandler = 'onClick' | 'onMouseDown' | 'onMouseUp' | 'onPointerDown' | 'onPointerUp';
+type ClickAwayTouchEventHandler = 'onTouchStart' | 'onTouchEnd';
+export interface ClickAwayListenerProps {
+  /**
+   * The wrapped element.
+   */
+  children: React.ReactElement<any>;
+  /**
+   * If `true`, the React tree is ignored and only the DOM tree is considered.
+   * This prop changes how portaled elements are handled.
+   * @default false
+   */
+  disableReactTree?: boolean;
+  /**
+   * The mouse event to listen to. You can disable the listener by providing `false`.
+   * @default 'onClick'
+   */
+  mouseEvent?: ClickAwayMouseEventHandler | false;
+  /**
+   * Callback fired when a "click away" event is detected.
+   */
+  onClickAway: (event: MouseEvent | TouchEvent) => void;
+  /**
+   * The touch event to listen to. You can disable the listener by providing `false`.
+   * @default 'onTouchEnd'
+   */
+  touchEvent?: ClickAwayTouchEventHandler | false;
+}
+/**
+ * Listen for click events that occur somewhere in the document, outside of the element itself.
+ * For instance, if you need to hide a menu when people click anywhere else on your page.
+ *
+ * Demos:
+ *
+ * - [Click-Away Listener](https://next.mui.com/material-ui/react-click-away-listener/)
+ * - [Menu](https://next.mui.com/material-ui/react-menu/)
+ *
+ * API:
+ *
+ * - [ClickAwayListener API](https://next.mui.com/material-ui/api/click-away-listener/)
+ */
+declare function ClickAwayListener(props: ClickAwayListenerProps): React.JSX.Element;
+declare namespace ClickAwayListener {
+  var propTypes: any;
+}
+export { ClickAwayListener };

package/ClickAwayListener/index.d.ts

@@ -0,0 +1,2 @@
+export { ClickAwayListener as default } from "./ClickAwayListener.js";
+export type { ClickAwayListenerProps } from "./ClickAwayListener.js";

package/Collapse/Collapse.d.ts

@@ -0,0 +1,71 @@
+import * as React from 'react';
+import { SxProps } from '@mui/system';
+import { InternalStandardProps as StandardProps, Theme } from "../index.js";
+import { TransitionProps } from "../transitions/transition.js";
+import { CollapseClasses } from "./collapseClasses.js";
+export interface CollapseProps extends StandardProps<TransitionProps, 'timeout'> {
+  /**
+   * The content node to be collapsed.
+   */
+  children?: React.ReactNode;
+  className?: string;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<CollapseClasses>;
+  /**
+   * The width (horizontal) or height (vertical) of the container when collapsed.
+   * @default '0px'
+   */
+  collapsedSize?: string | number;
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component?: React.ElementType<TransitionProps>;
+  /**
+   * The transition timing function.
+   * You may specify a single easing or a object containing enter and exit values.
+   */
+  easing?: TransitionProps['easing'];
+  /**
+   * If `true`, the component will transition in.
+   */
+  in?: boolean;
+  /**
+   * The transition orientation.
+   * @default 'vertical'
+   */
+  orientation?: 'horizontal' | 'vertical';
+  /**
+   * The duration for the transition, in milliseconds.
+   * You may specify a single timeout for all transitions, or individually with an object.
+   *
+   * Set to 'auto' to automatically calculate transition time based on height.
+   * @default duration.standard
+   */
+  timeout?: TransitionProps['timeout'] | 'auto';
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+}
+
+/**
+ * The Collapse transition is used by the
+ * [Vertical Stepper](https://next.mui.com/material-ui/react-stepper/#vertical-stepper) StepContent component.
+ * It uses [react-transition-group](https://github.com/reactjs/react-transition-group) internally.
+ *
+ * Demos:
+ *
+ * - [Card](https://next.mui.com/material-ui/react-card/)
+ * - [Lists](https://next.mui.com/material-ui/react-list/)
+ * - [Transitions](https://next.mui.com/material-ui/transitions/)
+ *
+ * API:
+ *
+ * - [Collapse API](https://next.mui.com/material-ui/api/collapse/)
+ * - inherits [Transition API](https://reactcommunity.org/react-transition-group/transition/#Transition-props)
+ */
+
+export default function Collapse(props: CollapseProps): React.JSX.Element;

package/Collapse/collapseClasses.d.ts

@@ -0,0 +1,18 @@
+export interface CollapseClasses {
+  /** Styles applied to the root element. */
+  root: string;
+  /** State class applied to the root element if `orientation="horizontal"`. */
+  horizontal: string;
+  /** Styles applied to the root element when the transition has entered. */
+  entered: string;
+  /** Styles applied to the root element when the transition has exited and `collapsedSize` = 0px. */
+  hidden: string;
+  /** Styles applied to the outer wrapper element. */
+  wrapper: string;
+  /** Styles applied to the inner wrapper element. */
+  wrapperInner: string;
+}
+export type CollapseClassKey = keyof CollapseClasses;
+export declare function getCollapseUtilityClass(slot: string): string;
+declare const collapseClasses: CollapseClasses;
+export default collapseClasses;

package/Collapse/index.d.ts

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

package/Container/Container.d.ts

@@ -0,0 +1,55 @@
+import * as React from 'react';
+import { SxProps, Breakpoint } from '@mui/system';
+import { Theme } from "../styles/index.js";
+import { OverridableComponent, OverrideProps } from "../OverridableComponent/index.js";
+import { ContainerClasses } from "./containerClasses.js";
+export interface ContainerOwnProps {
+  children?: React.ReactNode;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<ContainerClasses>;
+  /**
+   * If `true`, the left and right padding is removed.
+   * @default false
+   */
+  disableGutters?: boolean;
+  /**
+   * Set the max-width to match the min-width of the current breakpoint.
+   * This is useful if you'd prefer to design for a fixed set of sizes
+   * instead of trying to accommodate a fully fluid viewport.
+   * It's fluid by default.
+   * @default false
+   */
+  fixed?: boolean;
+  /**
+   * Determine the max-width of the container.
+   * The container width grows with the size of the screen.
+   * Set to `false` to disable `maxWidth`.
+   * @default 'lg'
+   */
+  maxWidth?: Breakpoint | false;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+}
+export interface ContainerTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'div'> {
+  props: AdditionalProps & ContainerOwnProps;
+  defaultComponent: RootComponent;
+}
+/**
+ *
+ * Demos:
+ *
+ * - [Container](https://next.mui.com/material-ui/react-container/)
+ *
+ * API:
+ *
+ * - [Container API](https://next.mui.com/material-ui/api/container/)
+ */
+declare const Container: OverridableComponent<ContainerTypeMap>;
+export type ContainerProps<RootComponent extends React.ElementType = ContainerTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ContainerTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
+  component?: React.ElementType;
+};
+export default Container;

package/Container/containerClasses.d.ts

@@ -0,0 +1,6 @@
+import { ContainerClasses } from '@mui/system';
+export type { ContainerClassKey } from '@mui/system';
+export type { ContainerClasses };
+export declare function getContainerUtilityClass(slot: string): string;
+declare const containerClasses: ContainerClasses;
+export default containerClasses;

package/Container/index.d.ts

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

package/CssBaseline/CssBaseline.d.ts

@@ -0,0 +1,28 @@
+import * as React from 'react';
+import { StyledComponentProps } from "../styles/index.js";
+export interface CssBaselineProps extends StyledComponentProps<never> {
+  /**
+   * You can wrap a node.
+   */
+  children?: React.ReactNode;
+  /**
+   * Enable `color-scheme` CSS property to use `theme.palette.mode`.
+   * For more details, check out https://developer.mozilla.org/en-US/docs/Web/CSS/color-scheme
+   * For browser support, check out https://caniuse.com/?search=color-scheme
+   * @default false
+   */
+  enableColorScheme?: boolean;
+}
+
+/**
+ * Kickstart an elegant, consistent, and simple baseline to build upon.
+ *
+ * Demos:
+ *
+ * - [CSS Baseline](https://next.mui.com/material-ui/react-css-baseline/)
+ *
+ * API:
+ *
+ * - [CssBaseline API](https://next.mui.com/material-ui/api/css-baseline/)
+ */
+export default function CssBaseline(props: CssBaselineProps): React.JSX.Element;

package/CssBaseline/index.d.ts

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

package/DefaultPropsProvider/DefaultPropsProvider.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import type { ComponentsPropsList } from "../styles/props.js";
+declare function DefaultPropsProvider(props: React.PropsWithChildren<{
+  value: { [P in keyof ComponentsPropsList]?: Partial<ComponentsPropsList[P]> };
+}>): React.JSX.Element;
+declare namespace DefaultPropsProvider {
+  var propTypes: any;
+}
+export default DefaultPropsProvider;
+export declare function useDefaultProps<Props extends Record<string, any>>(params: {
+  props: Props;
+  name: string;
+}): Props;

package/DefaultPropsProvider/index.d.ts

@@ -0,0 +1 @@
+export { default, useDefaultProps } from "./DefaultPropsProvider.js";

package/Dialog/Dialog.d.ts

@@ -0,0 +1,184 @@
+import * as React from 'react';
+import { SxProps, Breakpoint } from '@mui/system';
+import { InternalStandardProps as StandardProps, Theme } from "../index.js";
+import { BackdropProps } from "../Backdrop/index.js";
+import { PaperProps } from "../Paper/index.js";
+import { ModalProps } from "../Modal/index.js";
+import { TransitionProps } from "../transitions/transition.js";
+import { DialogClasses } from "./dialogClasses.js";
+import { CreateSlotsAndSlotProps, SlotComponentProps, SlotProps } from "../utils/types.js";
+export interface DialogSlots {
+  /**
+   * The component that renders the transition.
+   * [Follow this guide](/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
+   * @default Collapse
+   */
+  transition?: React.ElementType;
+  /**
+   * The component that renders the paper.
+   * @default Paper
+   */
+  paper?: React.ElementType;
+  /**
+   * The component that renders the container.
+   */
+  container?: React.ElementType;
+  /**
+   * The component that renders the backdrop.
+   */
+  backdrop?: React.ElementType;
+  /**
+   * The component that renders the root.
+   */
+  root?: React.ElementType;
+}
+export interface DialogTransitionSlotPropsOverrides {}
+export interface DialogPaperSlotPropsOverrides {}
+export interface DialogContainerSlotPropsOverrides {}
+export interface DialogBackdropSlotPropsOverrides {}
+export interface DialogRootSlotPropsOverrides {}
+export type DialogSlotsAndSlotProps = CreateSlotsAndSlotProps<DialogSlots, {
+  /**
+   * Props forwarded to the root slot.
+   * By default, the avaible props are based on the [Modal](https://mui.com/material-ui/api/modal/#props) component.
+   */
+  root: SlotProps<React.ElementType<ModalProps>, DialogRootSlotPropsOverrides, DialogOwnerState>;
+  /**
+   * Props forwarded to the backdrop slot.
+   * By default, the avaible props are based on the [Backdrop](https://mui.com/material-ui/api/backdrop/#props) component.
+   */
+  backdrop: SlotProps<React.ElementType<BackdropProps>, DialogBackdropSlotPropsOverrides, DialogOwnerState>;
+  /**
+   * Props forwarded to the container slot.
+   * By default, the avaible props are based on a div element.
+   */
+  container: SlotProps<'div', DialogContainerSlotPropsOverrides, DialogOwnerState>;
+  /**
+   * Props forwarded to the transition slot.
+   * By default, the avaible props are based on the [Fade](https://mui.com/material-ui/api/fade/#props) component.
+   */
+  transition: SlotComponentProps<React.ElementType, TransitionProps & DialogTransitionSlotPropsOverrides, DialogOwnerState>;
+  /**
+   * Props forwarded to the paper slot.
+   * By default, the avaible props are based on the [Paper](https://mui.com/material-ui/api/paper/#props) component.
+   */
+  paper: SlotProps<React.ElementType<PaperProps>, DialogPaperSlotPropsOverrides, DialogOwnerState>;
+}>;
+export interface DialogProps extends Omit<StandardProps<ModalProps, 'children'>, 'slots' | 'slotProps'>, DialogSlotsAndSlotProps {
+  /**
+   * The id(s) of the element(s) that describe the dialog.
+   */
+  'aria-describedby'?: string;
+  /**
+   * The id(s) of the element(s) that label the dialog.
+   */
+  'aria-labelledby'?: string;
+  /**
+   * Informs assistive technologies that the element is modal.
+   * It's added on the element with role="dialog".
+   * @default true
+   */
+  'aria-modal'?: boolean | 'true' | 'false';
+  /**
+   * Dialog children, usually the included sub-components.
+   */
+  children?: React.ReactNode;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<DialogClasses>;
+  /**
+   * If `true`, hitting escape will not fire the `onClose` callback.
+   * @default false
+   */
+  disableEscapeKeyDown?: boolean;
+  /**
+   * If `true`, the dialog is full-screen.
+   * @default false
+   */
+  fullScreen?: boolean;
+  /**
+   * If `true`, the dialog stretches to `maxWidth`.
+   *
+   * Notice that the dialog width grow is limited by the default margin.
+   * @default false
+   */
+  fullWidth?: boolean;
+  /**
+   * Determine the max-width of the dialog.
+   * The dialog width grows with the size of the screen.
+   * Set to `false` to disable `maxWidth`.
+   * @default 'sm'
+   */
+  maxWidth?: Breakpoint | false;
+  /**
+   * Callback fired when the component requests to be closed.
+   *
+   * @param {object} event The event source of the callback.
+   * @param {string} reason Can be: `"escapeKeyDown"`, `"backdropClick"`.
+   */
+  onClose?: ModalProps['onClose'];
+  /**
+   * If `true`, the component is shown.
+   */
+  open: ModalProps['open'];
+  /**
+   * The component used to render the body of the dialog.
+   * @default Paper
+   */
+  PaperComponent?: React.JSXElementConstructor<PaperProps>;
+  /**
+   * Props applied to the [`Paper`](https://mui.com/material-ui/api/paper/) element.
+   * @default {}
+   * @deprecated Use `slotProps.paper` instead. This prop will be removed in v7. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
+  PaperProps?: Partial<PaperProps<React.ElementType>>;
+  /**
+   * Determine the container for scrolling the dialog.
+   * @default 'paper'
+   */
+  scroll?: 'body' | 'paper';
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+  /**
+   * The component used for the transition.
+   * [Follow this guide](https://mui.com/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
+   * @default Fade
+   * @deprecated Use `slots.transition` instead. This prop will be removed in v7. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
+  TransitionComponent?: React.JSXElementConstructor<TransitionProps & {
+    children: React.ReactElement<unknown, any>;
+  }>;
+  /**
+   * The duration for the transition, in milliseconds.
+   * You may specify a single timeout for all transitions, or individually with an object.
+   * @default {
+   *   enter: theme.transitions.duration.enteringScreen,
+   *   exit: theme.transitions.duration.leavingScreen,
+   * }
+   */
+  transitionDuration?: TransitionProps['timeout'];
+  /**
+   * Props applied to the transition element.
+   * By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition/) component.
+   * @deprecated Use `slotProps.transition` instead. This prop will be removed in v7. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
+  TransitionProps?: TransitionProps;
+}
+
+/**
+ * Dialogs are overlaid modal paper based components with a backdrop.
+ *
+ * Demos:
+ *
+ * - [Dialog](https://next.mui.com/material-ui/react-dialog/)
+ *
+ * API:
+ *
+ * - [Dialog API](https://next.mui.com/material-ui/api/dialog/)
+ * - inherits [Modal API](https://next.mui.com/material-ui/api/modal/)
+ */
+export default function Dialog(props: DialogProps): React.JSX.Element;
+export interface DialogOwnerState extends Omit<DialogProps, 'slots' | 'slotProps'> {}

package/Dialog/DialogContext.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+interface DialogContextValue {
+  titleId?: string;
+}
+declare const DialogContext: React.Context<DialogContextValue>;
+export default DialogContext;

package/Dialog/dialogClasses.d.ts

@@ -0,0 +1,36 @@
+export interface DialogClasses {
+  /** Styles applied to the root element. */
+  root: string;
+  /** Styles applied to the container element if `scroll="paper"`. */
+  scrollPaper: string;
+  /** Styles applied to the container element if `scroll="body"`. */
+  scrollBody: string;
+  /** Styles applied to the container element. */
+  container: string;
+  /** Styles applied to the Paper component. */
+  paper: string;
+  /** Styles applied to the Paper component if `scroll="paper"`. */
+  paperScrollPaper: string;
+  /** Styles applied to the Paper component if `scroll="body"`. */
+  paperScrollBody: string;
+  /** Styles applied to the Paper component if `maxWidth=false`. */
+  paperWidthFalse: string;
+  /** Styles applied to the Paper component if `maxWidth="xs"`. */
+  paperWidthXs: string;
+  /** Styles applied to the Paper component if `maxWidth="sm"`. */
+  paperWidthSm: string;
+  /** Styles applied to the Paper component if `maxWidth="md"`. */
+  paperWidthMd: string;
+  /** Styles applied to the Paper component if `maxWidth="lg"`. */
+  paperWidthLg: string;
+  /** Styles applied to the Paper component if `maxWidth="xl"`. */
+  paperWidthXl: string;
+  /** Styles applied to the Paper component if `fullWidth={true}`. */
+  paperFullWidth: string;
+  /** Styles applied to the Paper component if `fullScreen={true}`. */
+  paperFullScreen: string;
+}
+export type DialogClassKey = keyof DialogClasses;
+export declare function getDialogUtilityClass(slot: string): string;
+declare const dialogClasses: DialogClasses;
+export default dialogClasses;

package/Dialog/index.d.ts

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

package/DialogActions/DialogActions.d.ts

@@ -0,0 +1,35 @@
+import * as React from 'react';
+import { SxProps } from '@mui/system';
+import { InternalStandardProps as StandardProps, Theme } from "../index.js";
+import { DialogActionsClasses } from "./dialogActionsClasses.js";
+export interface DialogActionsProps extends StandardProps<React.HTMLAttributes<HTMLDivElement>> {
+  /**
+   * The content of the component.
+   */
+  children?: React.ReactNode;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<DialogActionsClasses>;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+  /**
+   * If `true`, the actions do not have additional margin.
+   * @default false
+   */
+  disableSpacing?: boolean;
+}
+
+/**
+ *
+ * Demos:
+ *
+ * - [Dialog](https://next.mui.com/material-ui/react-dialog/)
+ *
+ * API:
+ *
+ * - [DialogActions API](https://next.mui.com/material-ui/api/dialog-actions/)
+ */
+export default function DialogActions(props: DialogActionsProps): React.JSX.Element;

package/DialogActions/dialogActionsClasses.d.ts

@@ -0,0 +1,10 @@
+export interface DialogActionsClasses {
+  /** Styles applied to the root element. */
+  root: string;
+  /** Styles applied to the root element unless `disableSpacing={true}`. */
+  spacing: string;
+}
+export type DialogActionsClassKey = keyof DialogActionsClasses;
+export declare function getDialogActionsUtilityClass(slot: string): string;
+declare const dialogActionsClasses: DialogActionsClasses;
+export default dialogActionsClasses;

package/DialogActions/index.d.ts

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

package/DialogContent/DialogContent.d.ts

@@ -0,0 +1,35 @@
+import * as React from 'react';
+import { SxProps } from '@mui/system';
+import { InternalStandardProps as StandardProps, Theme } from "../index.js";
+import { DialogContentClasses } from "./dialogContentClasses.js";
+export interface DialogContentProps extends StandardProps<React.HTMLAttributes<HTMLDivElement>> {
+  /**
+   * The content of the component.
+   */
+  children?: React.ReactNode;
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<DialogContentClasses>;
+  /**
+   * Display the top and bottom dividers.
+   * @default false
+   */
+  dividers?: boolean;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+}
+
+/**
+ *
+ * Demos:
+ *
+ * - [Dialog](https://next.mui.com/material-ui/react-dialog/)
+ *
+ * API:
+ *
+ * - [DialogContent API](https://next.mui.com/material-ui/api/dialog-content/)
+ */
+export default function DialogContent(props: DialogContentProps): React.JSX.Element;

package/DialogContent/dialogContentClasses.d.ts

@@ -0,0 +1,10 @@
+export interface DialogContentClasses {
+  /** Styles applied to the root element. */
+  root: string;
+  /** Styles applied to the root element if `dividers={true}`. */
+  dividers: string;
+}
+export type DialogContentClassKey = keyof DialogContentClasses;
+export declare function getDialogContentUtilityClass(slot: string): string;
+declare const dialogContentClasses: DialogContentClasses;
+export default dialogContentClasses;

package/DialogContent/index.d.ts

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

package/DialogContentText/DialogContentText.d.ts

@@ -0,0 +1,37 @@
+import * as React from 'react';
+import { SxProps } from '@mui/system';
+import { TypographyTypeMap } from "../Typography/index.js";
+import { OverrideProps, OverridableComponent } from "../OverridableComponent/index.js";
+import { Theme } from "../styles/index.js";
+import { DialogContentTextClasses } from "./dialogContentTextClasses.js";
+export interface DialogContentTextOwnProps extends Omit<TypographyTypeMap['props'], 'classes'> {
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes?: Partial<DialogContentTextClasses>;
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx?: SxProps<Theme>;
+}
+export interface DialogContentTextTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = TypographyTypeMap['defaultComponent']> {
+  props: AdditionalProps & DialogContentTextOwnProps;
+  defaultComponent: RootComponent;
+}
+
+/**
+ *
+ * Demos:
+ *
+ * - [Dialog](https://next.mui.com/material-ui/react-dialog/)
+ *
+ * API:
+ *
+ * - [DialogContentText API](https://next.mui.com/material-ui/api/dialog-content-text/)
+ * - inherits [Typography API](https://next.mui.com/material-ui/api/typography/)
+ */
+declare const DialogContentText: OverridableComponent<DialogContentTextTypeMap>;
+export type DialogContentTextProps<RootComponent extends React.ElementType = DialogContentTextTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<DialogContentTextTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
+  component?: React.ElementType;
+};
+export default DialogContentText;

package/DialogContentText/dialogContentTextClasses.d.ts

@@ -0,0 +1,8 @@
+export interface DialogContentTextClasses {
+  /** Styles applied to the root element. */
+  root: string;
+}
+export type DialogContentTextClassKey = keyof DialogContentTextClasses;
+export declare function getDialogContentTextUtilityClass(slot: string): string;
+declare const dialogContentTextClasses: DialogContentTextClasses;
+export default dialogContentTextClasses;

package/DialogContentText/index.d.ts

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