@mui/material 5.14.2 → 5.14.4

package/CardContent/cardContentClasses.d.ts

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

package/CardHeader/CardHeader.js

@@ -6,7 +6,7 @@ const _excluded = ["action", "avatar", "className", "component", "disableTypogra
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import { unstable_composeClasses as composeClasses } from '@mui/base';
+import { unstable_composeClasses as composeClasses } from '@mui/base/composeClasses';
 import Typography from '../Typography';
 import useThemeProps from '../styles/useThemeProps';
 import styled from '../styles/styled';

package/CardHeader/cardHeaderClasses.d.ts

@@ -1,18 +1,18 @@
-export interface CardHeaderClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the avatar element. */
-    avatar: string;
-    /** Styles applied to the action element. */
-    action: string;
-    /** Styles applied to the content wrapper element. */
-    content: string;
-    /** Styles applied to the title Typography element. */
-    title: string;
-    /** Styles applied to the subheader Typography element. */
-    subheader: string;
-}
-export type CardHeaderClassKey = keyof CardHeaderClasses;
-export declare function getCardHeaderUtilityClass(slot: string): string;
-declare const cardHeaderClasses: CardHeaderClasses;
-export default cardHeaderClasses;
+export interface CardHeaderClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the avatar element. */
+    avatar: string;
+    /** Styles applied to the action element. */
+    action: string;
+    /** Styles applied to the content wrapper element. */
+    content: string;
+    /** Styles applied to the title Typography element. */
+    title: string;
+    /** Styles applied to the subheader Typography element. */
+    subheader: string;
+}
+export type CardHeaderClassKey = keyof CardHeaderClasses;
+export declare function getCardHeaderUtilityClass(slot: string): string;
+declare const cardHeaderClasses: CardHeaderClasses;
+export default cardHeaderClasses;

package/CardMedia/CardMedia.d.ts

@@ -4,8 +4,8 @@ import { Theme } from '..';
 import { OverridableComponent, OverrideProps } from '../OverridableComponent';
 import { CardMediaClasses } from './cardMediaClasses';
 
-export interface CardMediaTypeMap<P, D extends React.ElementType> {
-  props: P & {
+export interface CardMediaTypeMap<AdditionalProps, DefaultComponent extends React.ElementType> {
+  props: AdditionalProps & {
     /**
      * The content of the component.
      */
@@ -31,7 +31,7 @@ export interface CardMediaTypeMap<P, D extends React.ElementType> {
      */
     sx?: SxProps<Theme>;
   };
-  defaultComponent: D;
+  defaultComponent: DefaultComponent;
 }
 
 /**
@@ -46,9 +46,11 @@ export interface CardMediaTypeMap<P, D extends React.ElementType> {
  */
 declare const CardMedia: OverridableComponent<CardMediaTypeMap<{}, 'div'>>;
 
-export type CardMediaProps<D extends React.ElementType = 'div', P = {}> = OverrideProps<
-  CardMediaTypeMap<P, D>,
-  D
->;
+export type CardMediaProps<
+  RootComponent extends React.ElementType = 'div',
+  AdditionalProps = {},
+> = OverrideProps<CardMediaTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
+  component?: React.ElementType;
+};
 
 export default CardMedia;

package/CardMedia/CardMedia.js

@@ -7,7 +7,7 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import { chainPropTypes } from '@mui/utils';
-import { unstable_composeClasses as composeClasses } from '@mui/base';
+import { unstable_composeClasses as composeClasses } from '@mui/base/composeClasses';
 import useThemeProps from '../styles/useThemeProps';
 import styled from '../styles/styled';
 import { getCardMediaUtilityClass } from './cardMediaClasses';

package/CardMedia/cardMediaClasses.d.ts

@@ -1,12 +1,12 @@
-export interface CardMediaClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `component="video, audio, picture, iframe, or img"`. */
-    media: string;
-    /** Styles applied to the root element if `component="picture or img"`. */
-    img: string;
-}
-export type CardMediaClassKey = keyof CardMediaClasses;
-export declare function getCardMediaUtilityClass(slot: string): string;
-declare const cardMediaClasses: CardMediaClasses;
-export default cardMediaClasses;
+export interface CardMediaClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `component="video, audio, picture, iframe, or img"`. */
+    media: string;
+    /** Styles applied to the root element if `component="picture or img"`. */
+    img: string;
+}
+export type CardMediaClassKey = keyof CardMediaClasses;
+export declare function getCardMediaUtilityClass(slot: string): string;
+declare const cardMediaClasses: CardMediaClasses;
+export default cardMediaClasses;

package/Checkbox/Checkbox.js

@@ -7,7 +7,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/base';
+import { unstable_composeClasses as composeClasses } from '@mui/base/composeClasses';
 import { alpha } from '@mui/system';
 import SwitchBase from '../internal/SwitchBase';
 import CheckBoxOutlineBlankIcon from '../internal/svg-icons/CheckBoxOutlineBlank';
@@ -22,10 +22,11 @@ const useUtilityClasses = ownerState => {
   const {
     classes,
     indeterminate,
-    color
+    color,
+    size
   } = ownerState;
   const slots = {
-    root: ['root', indeterminate && 'indeterminate', `color${capitalize(color)}`]
+    root: ['root', indeterminate && 'indeterminate', `color${capitalize(color)}`, `size${capitalize(size)}`]
   };
   const composedClasses = composeClasses(slots, getCheckboxUtilityClass, classes);
   return _extends({}, classes, composedClasses);

package/Checkbox/checkboxClasses.d.ts

@@ -1,18 +1,22 @@
-export interface CheckboxClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** State class applied to the root element if `checked={true}`. */
-    checked: string;
-    /** State class applied to the root element if `disabled={true}`. */
-    disabled: string;
-    /** State class applied to the root element if `indeterminate={true}`. */
-    indeterminate: string;
-    /** Styles applied to the root element if `color="primary"`. */
-    colorPrimary: string;
-    /** Styles applied to the root element if `color="secondary"`. */
-    colorSecondary: string;
-}
-export type CheckboxClassKey = keyof CheckboxClasses;
-export declare function getCheckboxUtilityClass(slot: string): string;
-declare const checkboxClasses: CheckboxClasses;
-export default checkboxClasses;
+export interface CheckboxClasses {
+    /** Class name applied to the root element. */
+    root: string;
+    /** State class applied to the root element if `checked={true}`. */
+    checked: string;
+    /** State class applied to the root element if `disabled={true}`. */
+    disabled: string;
+    /** State class applied to the root element if `indeterminate={true}`. */
+    indeterminate: string;
+    /** State class applied to the root element if `color="primary"`. */
+    colorPrimary: string;
+    /** State class applied to the root element if `color="secondary"`. */
+    colorSecondary: string;
+    /** State class applied to the root element if `size="small"`. */
+    sizeSmall: string;
+    /** State class applied to the root element if `size="medium"`. */
+    sizeMedium: string;
+}
+export type CheckboxClassKey = keyof CheckboxClasses;
+export declare function getCheckboxUtilityClass(slot: string): string;
+declare const checkboxClasses: CheckboxClasses;
+export default checkboxClasses;

package/Checkbox/checkboxClasses.js

@@ -3,5 +3,5 @@ import generateUtilityClass from '../generateUtilityClass';
 export function getCheckboxUtilityClass(slot) {
   return generateUtilityClass('MuiCheckbox', slot);
 }
-const checkboxClasses = generateUtilityClasses('MuiCheckbox', ['root', 'checked', 'disabled', 'indeterminate', 'colorPrimary', 'colorSecondary']);
+const checkboxClasses = generateUtilityClasses('MuiCheckbox', ['root', 'checked', 'disabled', 'indeterminate', 'colorPrimary', 'colorSecondary', 'sizeSmall', 'sizeMedium']);
 export default checkboxClasses;

package/Chip/Chip.d.ts

@@ -11,8 +11,11 @@ export interface ChipPropsSizeOverrides {}
 
 export interface ChipPropsColorOverrides {}
 
-export interface ChipTypeMap<P = {}, D extends React.ElementType = 'div'> {
-  props: P & {
+export interface ChipTypeMap<
+  AdditionalProps = {},
+  DefaultComponent extends React.ElementType = 'div',
+> {
+  props: AdditionalProps & {
     /**
      * The Avatar element to display.
      */
@@ -92,7 +95,7 @@ export interface ChipTypeMap<P = {}, D extends React.ElementType = 'div'> {
      */
     variant?: OverridableStringUnion<'filled' | 'outlined', ChipPropsVariantOverrides>;
   };
-  defaultComponent: D;
+  defaultComponent: DefaultComponent;
 }
 
 /**
@@ -109,8 +112,10 @@ export interface ChipTypeMap<P = {}, D extends React.ElementType = 'div'> {
 declare const Chip: OverridableComponent<ChipTypeMap>;
 
 export type ChipProps<
-  D extends React.ElementType = ChipTypeMap['defaultComponent'],
-  P = {},
-> = OverrideProps<ChipTypeMap<P, D>, D>;
+  RootComponent extends React.ElementType = ChipTypeMap['defaultComponent'],
+  AdditionalProps = {},
+> = OverrideProps<ChipTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
+  component?: React.ElementType;
+};
 
 export default Chip;

package/Chip/Chip.js

@@ -6,7 +6,7 @@ const _excluded = ["avatar", "className", "clickable", "color", "component", "de
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import { unstable_composeClasses as composeClasses } from '@mui/base';
+import { unstable_composeClasses as composeClasses } from '@mui/base/composeClasses';
 import { alpha } from '@mui/system';
 import CancelIcon from '../internal/svg-icons/Cancel';
 import useForkRef from '../utils/useForkRef';

package/Chip/chipClasses.d.ts

@@ -1,96 +1,96 @@
-export interface ChipClasses {
-    /** Styles applied to the root element. */
-    root: 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 `color="error"`. */
-    colorError: string;
-    /** Styles applied to the root element if `color="info"`. */
-    colorInfo: 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="success"`. */
-    colorSuccess: string;
-    /** Styles applied to the root element if `color="warning"`. */
-    colorWarning: string;
-    /** State class applied to the root element if `disabled={true}`. */
-    disabled: string;
-    /** Styles applied to the root element if `onClick` is defined or `clickable={true}`. */
-    clickable: string;
-    /** Styles applied to the root element if `onClick` and `color="primary"` is defined or `clickable={true}`. */
-    clickableColorPrimary: string;
-    /** Styles applied to the root element if `onClick` and `color="secondary"` is defined or `clickable={true}`. */
-    clickableColorSecondary: string;
-    /** Styles applied to the root element if `onDelete` is defined. */
-    deletable: string;
-    /** Styles applied to the root element if `onDelete` and `color="primary"` is defined. */
-    deletableColorPrimary: string;
-    /** Styles applied to the root element if `onDelete` and `color="secondary"` is defined. */
-    deletableColorSecondary: string;
-    /** Styles applied to the root element if `variant="outlined"`. */
-    outlined: string;
-    /** Styles applied to the root element if `variant="filled"`. */
-    filled: string;
-    /** Styles applied to the root element if `variant="outlined"` and `color="primary"`. */
-    outlinedPrimary: string;
-    /** Styles applied to the root element if `variant="outlined"` and `color="secondary"`. */
-    outlinedSecondary: string;
-    /** Styles applied to the root element if `variant="filled"` and `color="primary"`. */
-    filledPrimary: string;
-    /** Styles applied to the root element if `variant="filled"` and `color="secondary"`. */
-    filledSecondary: string;
-    /** Styles applied to the avatar element. */
-    avatar: string;
-    /** Styles applied to the avatar element if `size="small"`. */
-    avatarSmall: string;
-    /** Styles applied to the avatar element if `size="medium"`. */
-    avatarMedium: string;
-    /** Styles applied to the avatar element if `color="primary"`. */
-    avatarColorPrimary: string;
-    /** Styles applied to the avatar element if `color="secondary"`. */
-    avatarColorSecondary: string;
-    /** Styles applied to the icon element. */
-    icon: string;
-    /** Styles applied to the icon element if `size="small"`. */
-    iconSmall: string;
-    /** Styles applied to the icon element if `size="medium"`. */
-    iconMedium: string;
-    /** Styles applied to the icon element if `color="primary"`. */
-    iconColorPrimary: string;
-    /** Styles applied to the icon element if `color="secondary"`. */
-    iconColorSecondary: string;
-    /** Styles applied to the label `span` element. */
-    label: string;
-    /** Styles applied to the label `span` element if `size="small"`. */
-    labelSmall: string;
-    /** Styles applied to the label `span` element if `size="medium"`. */
-    labelMedium: string;
-    /** Styles applied to the deleteIcon element. */
-    deleteIcon: string;
-    /** Styles applied to the deleteIcon element if `size="small"`. */
-    deleteIconSmall: string;
-    /** Styles applied to the deleteIcon element if `size="medium"`. */
-    deleteIconMedium: string;
-    /** Styles applied to the deleteIcon element if `color="primary"` and `variant="filled"`. */
-    deleteIconColorPrimary: string;
-    /** Styles applied to the deleteIcon element if `color="secondary"` and `variant="filled"`. */
-    deleteIconColorSecondary: string;
-    /** Styles applied to the deleteIcon element if `color="primary"` and `variant="outlined"`. */
-    deleteIconOutlinedColorPrimary: string;
-    /** Styles applied to the deleteIcon element if `color="secondary"` and `variant="outlined"`. */
-    deleteIconOutlinedColorSecondary: string;
-    /** Styles applied to the deleteIcon element if `color="primary"` and `variant="filled"`. */
-    deleteIconFilledColorPrimary: string;
-    /** Styles applied to the deleteIcon element if `color="secondary"` and `variant="filled"`. */
-    deleteIconFilledColorSecondary: string;
-    /** State class applied to the root element if keyboard focused. */
-    focusVisible: string;
-}
-export type ChipClassKey = keyof ChipClasses;
-export declare function getChipUtilityClass(slot: string): string;
-declare const chipClasses: ChipClasses;
-export default chipClasses;
+export interface ChipClasses {
+    /** Styles applied to the root element. */
+    root: 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 `color="error"`. */
+    colorError: string;
+    /** Styles applied to the root element if `color="info"`. */
+    colorInfo: 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="success"`. */
+    colorSuccess: string;
+    /** Styles applied to the root element if `color="warning"`. */
+    colorWarning: string;
+    /** State class applied to the root element if `disabled={true}`. */
+    disabled: string;
+    /** Styles applied to the root element if `onClick` is defined or `clickable={true}`. */
+    clickable: string;
+    /** Styles applied to the root element if `onClick` and `color="primary"` is defined or `clickable={true}`. */
+    clickableColorPrimary: string;
+    /** Styles applied to the root element if `onClick` and `color="secondary"` is defined or `clickable={true}`. */
+    clickableColorSecondary: string;
+    /** Styles applied to the root element if `onDelete` is defined. */
+    deletable: string;
+    /** Styles applied to the root element if `onDelete` and `color="primary"` is defined. */
+    deletableColorPrimary: string;
+    /** Styles applied to the root element if `onDelete` and `color="secondary"` is defined. */
+    deletableColorSecondary: string;
+    /** Styles applied to the root element if `variant="outlined"`. */
+    outlined: string;
+    /** Styles applied to the root element if `variant="filled"`. */
+    filled: string;
+    /** Styles applied to the root element if `variant="outlined"` and `color="primary"`. */
+    outlinedPrimary: string;
+    /** Styles applied to the root element if `variant="outlined"` and `color="secondary"`. */
+    outlinedSecondary: string;
+    /** Styles applied to the root element if `variant="filled"` and `color="primary"`. */
+    filledPrimary: string;
+    /** Styles applied to the root element if `variant="filled"` and `color="secondary"`. */
+    filledSecondary: string;
+    /** Styles applied to the avatar element. */
+    avatar: string;
+    /** Styles applied to the avatar element if `size="small"`. */
+    avatarSmall: string;
+    /** Styles applied to the avatar element if `size="medium"`. */
+    avatarMedium: string;
+    /** Styles applied to the avatar element if `color="primary"`. */
+    avatarColorPrimary: string;
+    /** Styles applied to the avatar element if `color="secondary"`. */
+    avatarColorSecondary: string;
+    /** Styles applied to the icon element. */
+    icon: string;
+    /** Styles applied to the icon element if `size="small"`. */
+    iconSmall: string;
+    /** Styles applied to the icon element if `size="medium"`. */
+    iconMedium: string;
+    /** Styles applied to the icon element if `color="primary"`. */
+    iconColorPrimary: string;
+    /** Styles applied to the icon element if `color="secondary"`. */
+    iconColorSecondary: string;
+    /** Styles applied to the label `span` element. */
+    label: string;
+    /** Styles applied to the label `span` element if `size="small"`. */
+    labelSmall: string;
+    /** Styles applied to the label `span` element if `size="medium"`. */
+    labelMedium: string;
+    /** Styles applied to the deleteIcon element. */
+    deleteIcon: string;
+    /** Styles applied to the deleteIcon element if `size="small"`. */
+    deleteIconSmall: string;
+    /** Styles applied to the deleteIcon element if `size="medium"`. */
+    deleteIconMedium: string;
+    /** Styles applied to the deleteIcon element if `color="primary"` and `variant="filled"`. */
+    deleteIconColorPrimary: string;
+    /** Styles applied to the deleteIcon element if `color="secondary"` and `variant="filled"`. */
+    deleteIconColorSecondary: string;
+    /** Styles applied to the deleteIcon element if `color="primary"` and `variant="outlined"`. */
+    deleteIconOutlinedColorPrimary: string;
+    /** Styles applied to the deleteIcon element if `color="secondary"` and `variant="outlined"`. */
+    deleteIconOutlinedColorSecondary: string;
+    /** Styles applied to the deleteIcon element if `color="primary"` and `variant="filled"`. */
+    deleteIconFilledColorPrimary: string;
+    /** Styles applied to the deleteIcon element if `color="secondary"` and `variant="filled"`. */
+    deleteIconFilledColorSecondary: string;
+    /** State class applied to the root element if keyboard focused. */
+    focusVisible: string;
+}
+export type ChipClassKey = keyof ChipClasses;
+export declare function getChipUtilityClass(slot: string): string;
+declare const chipClasses: ChipClasses;
+export default chipClasses;

package/CircularProgress/CircularProgress.js

@@ -12,7 +12,7 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import { chainPropTypes } from '@mui/utils';
-import { unstable_composeClasses as composeClasses } from '@mui/base';
+import { unstable_composeClasses as composeClasses } from '@mui/base/composeClasses';
 import { keyframes, css } from '@mui/system';
 import capitalize from '../utils/capitalize';
 import useThemeProps from '../styles/useThemeProps';

package/CircularProgress/circularProgressClasses.d.ts

@@ -1,26 +1,26 @@
-export interface CircularProgressClasses {
-    /** Styles applied to the root element. */
-    root: 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 `color="primary"`. */
-    colorPrimary: string;
-    /** Styles applied to the root element if `color="secondary"`. */
-    colorSecondary: string;
-    /** Styles applied to the svg element. */
-    svg: string;
-    /** Styles applied to the `circle` svg path. */
-    circle: string;
-    /** Styles applied to the `circle` svg path if `variant="determinate"`. */
-    circleDeterminate: string;
-    /** Styles applied to the `circle` svg path if `variant="indeterminate"`. */
-    circleIndeterminate: string;
-    /** Styles applied to the `circle` svg path if `disableShrink={true}`. */
-    circleDisableShrink: string;
-}
-export type CircularProgressClassKey = keyof CircularProgressClasses;
-export declare function getCircularProgressUtilityClass(slot: string): string;
-declare const circularProgressClasses: CircularProgressClasses;
-export default circularProgressClasses;
+export interface CircularProgressClasses {
+    /** Styles applied to the root element. */
+    root: 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 `color="primary"`. */
+    colorPrimary: string;
+    /** Styles applied to the root element if `color="secondary"`. */
+    colorSecondary: string;
+    /** Styles applied to the svg element. */
+    svg: string;
+    /** Styles applied to the `circle` svg path. */
+    circle: string;
+    /** Styles applied to the `circle` svg path if `variant="determinate"`. */
+    circleDeterminate: string;
+    /** Styles applied to the `circle` svg path if `variant="indeterminate"`. */
+    circleIndeterminate: string;
+    /** Styles applied to the `circle` svg path if `disableShrink={true}`. */
+    circleDisableShrink: string;
+}
+export type CircularProgressClassKey = keyof CircularProgressClasses;
+export declare function getCircularProgressUtilityClass(slot: string): string;
+declare const circularProgressClasses: CircularProgressClasses;
+export default circularProgressClasses;

package/ClickAwayListener/index.d.ts

@@ -1,2 +1 @@
-export { default } from '@mui/base/ClickAwayListener';
-export * from '@mui/base/ClickAwayListener';
+export { ClickAwayListener as default, type ClickAwayListenerProps, } from '@mui/base/ClickAwayListener';

package/ClickAwayListener/index.js

@@ -1,2 +1 @@
-export { default } from '@mui/base/ClickAwayListener';
-export * from '@mui/base/ClickAwayListener';
+export { ClickAwayListener as default } from '@mui/base/ClickAwayListener';

package/Collapse/Collapse.js

@@ -8,7 +8,7 @@ import clsx from 'clsx';
 import PropTypes from 'prop-types';
 import { Transition } from 'react-transition-group';
 import { elementTypeAcceptingRef } from '@mui/utils';
-import { unstable_composeClasses as composeClasses } from '@mui/base';
+import { unstable_composeClasses as composeClasses } from '@mui/base/composeClasses';
 import styled from '../styles/styled';
 import useThemeProps from '../styles/useThemeProps';
 import { duration } from '../styles/createTransitions';

package/Collapse/collapseClasses.d.ts

@@ -1,18 +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;
+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/Container/Container.d.ts

@@ -4,8 +4,11 @@ import { Theme } from '../styles';
 import { OverridableComponent, OverrideProps } from '../OverridableComponent';
 import { ContainerClasses } from './containerClasses';
 
-export interface ContainerTypeMap<P = {}, D extends React.ElementType = 'div'> {
-  props: P & {
+export interface ContainerTypeMap<
+  AdditionalProps = {},
+  DefaultComponent extends React.ElementType = 'div',
+> {
+  props: AdditionalProps & {
     children?: React.ReactNode;
     /**
      * Override or extend the styles applied to the component.
@@ -36,7 +39,7 @@ export interface ContainerTypeMap<P = {}, D extends React.ElementType = 'div'> {
      */
     sx?: SxProps<Theme>;
   };
-  defaultComponent: D;
+  defaultComponent: DefaultComponent;
 }
 /**
  *
@@ -51,8 +54,10 @@ export interface ContainerTypeMap<P = {}, D extends React.ElementType = 'div'> {
 declare const Container: OverridableComponent<ContainerTypeMap>;
 
 export type ContainerProps<
-  D extends React.ElementType = ContainerTypeMap['defaultComponent'],
-  P = {},
-> = OverrideProps<ContainerTypeMap<P, D>, D>;
+  RootComponent extends React.ElementType = ContainerTypeMap['defaultComponent'],
+  AdditionalProps = {},
+> = OverrideProps<ContainerTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
+  component?: React.ElementType;
+};
 
 export default Container;

package/Container/containerClasses.d.ts

@@ -1,6 +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;
+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/Dialog/Dialog.d.ts

@@ -72,7 +72,7 @@ export interface DialogProps extends StandardProps<ModalProps, 'children'> {
    * Props applied to the [`Paper`](/material-ui/api/paper/) element.
    * @default {}
    */
-  PaperProps?: Partial<PaperProps>;
+  PaperProps?: Partial<PaperProps<React.ElementType>>;
   /**
    * Determine the container for scrolling the dialog.
    * @default 'paper'