@mui/material 9.0.0-alpha.4 → 9.0.0-beta.0

package/ListItemSecondaryAction/ListItemSecondaryAction.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
 import { SxProps } from '@mui/system';
+import { OverridableComponent, OverrideProps } from "../OverridableComponent/index.js";
 import { Theme } from "../styles/index.js";
-import { InternalStandardProps as StandardProps } from "../internal/index.js";
 import { ListItemSecondaryActionClasses } from "./listItemSecondaryActionClasses.js";
-export interface ListItemSecondaryActionProps extends StandardProps<React.HTMLAttributes<HTMLDivElement>> {
+export interface ListItemSecondaryActionOwnProps {
   /**
    * The content of the component, normally an `IconButton` or selection control.
    */
@@ -17,7 +17,10 @@ export interface ListItemSecondaryActionProps extends StandardProps<React.HTMLAt
    */
   sx?: SxProps<Theme> | undefined;
 }
-
+export interface ListItemSecondaryActionTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'div'> {
+  props: AdditionalProps & ListItemSecondaryActionOwnProps;
+  defaultComponent: RootComponent;
+}
 /**
  * Must be used as the last child of ListItem to function properly.
  *
@@ -28,10 +31,11 @@ export interface ListItemSecondaryActionProps extends StandardProps<React.HTMLAt
  * API:
  *
  * - [ListItemSecondaryAction API](https://next.mui.com/material-ui/api/list-item-secondary-action/)
- *
- * @deprecated Use the `secondaryAction` prop in the `ListItem` component instead. This component will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
  */
-declare const ListItemSecondaryAction: ((props: ListItemSecondaryActionProps) => React.JSX.Element) & {
+declare const ListItemSecondaryAction: OverridableComponent<ListItemSecondaryActionTypeMap> & {
   muiName: string;
 };
+export type ListItemSecondaryActionProps<RootComponent extends React.ElementType = ListItemSecondaryActionTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ListItemSecondaryActionTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
+  component?: React.ElementType | undefined;
+};
 export default ListItemSecondaryAction;

package/ListItemSecondaryAction/ListItemSecondaryAction.js

@@ -52,8 +52,6 @@ const ListItemSecondaryActionRoot = (0, _zeroStyled.styled)('div', {
 
 /**
  * Must be used as the last child of ListItem to function properly.
- *
- * @deprecated Use the `secondaryAction` prop in the `ListItem` component instead. This component will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
  */
 const ListItemSecondaryAction = /*#__PURE__*/React.forwardRef(function ListItemSecondaryAction(inProps, ref) {
   const props = (0, _DefaultPropsProvider.useDefaultProps)({
@@ -62,6 +60,7 @@ const ListItemSecondaryAction = /*#__PURE__*/React.forwardRef(function ListItemS
   });
   const {
     className,
+    component,
     ...other
   } = props;
   const context = React.useContext(_ListContext.default);
@@ -71,6 +70,7 @@ const ListItemSecondaryAction = /*#__PURE__*/React.forwardRef(function ListItemS
   };
   const classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(ListItemSecondaryActionRoot, {
+    as: component,
     className: (0, _clsx.default)(classes.root, className),
     ownerState: ownerState,
     ref: ref,
@@ -94,6 +94,11 @@ process.env.NODE_ENV !== "production" ? ListItemSecondaryAction.propTypes /* rem
    * @ignore
    */
   className: _propTypes.default.string,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: _propTypes.default.elementType,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */

package/ListItemSecondaryAction/ListItemSecondaryAction.mjs

@@ -45,8 +45,6 @@ const ListItemSecondaryActionRoot = styled('div', {
 
 /**
  * Must be used as the last child of ListItem to function properly.
- *
- * @deprecated Use the `secondaryAction` prop in the `ListItem` component instead. This component will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
  */
 const ListItemSecondaryAction = /*#__PURE__*/React.forwardRef(function ListItemSecondaryAction(inProps, ref) {
   const props = useDefaultProps({
@@ -55,6 +53,7 @@ const ListItemSecondaryAction = /*#__PURE__*/React.forwardRef(function ListItemS
   });
   const {
     className,
+    component,
     ...other
   } = props;
   const context = React.useContext(ListContext);
@@ -64,6 +63,7 @@ const ListItemSecondaryAction = /*#__PURE__*/React.forwardRef(function ListItemS
   };
   const classes = useUtilityClasses(ownerState);
   return /*#__PURE__*/_jsx(ListItemSecondaryActionRoot, {
+    as: component,
     className: clsx(classes.root, className),
     ownerState: ownerState,
     ref: ref,
@@ -87,6 +87,11 @@ process.env.NODE_ENV !== "production" ? ListItemSecondaryAction.propTypes /* rem
    * @ignore
    */
   className: PropTypes.string,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: PropTypes.elementType,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */

package/ListItemText/ListItemText.d.mts

@@ -22,7 +22,7 @@ export interface ListItemTextSlots {
    */
   secondary?: React.ElementType | undefined;
 }
-export type ListItemTextSlotsAndSlotProps = CreateSlotsAndSlotProps<ListItemTextSlots, {
+export type ListItemTextSlotsAndSlotProps<PrimaryTypographyComponent extends React.ElementType = React.ElementType<TypographyProps<'span'>>, SecondaryTypographyComponent extends React.ElementType = React.ElementType<TypographyProps<'p'>>> = CreateSlotsAndSlotProps<ListItemTextSlots, {
   /**
    * Props forwarded to the root slot.
    * By default, the available props are based on `div` element.
@@ -32,15 +32,23 @@ export type ListItemTextSlotsAndSlotProps = CreateSlotsAndSlotProps<ListItemText
    * Props forwarded to the primary slot (as long as disableTypography is not `true`)
    * By default, the available props are based on the [Typography](https://mui.com/material-ui/api/typography/#props) component
    */
-  primary: SlotProps<React.ElementType<TypographyProps>, {}, ListItemTextOwnerState>;
+  primary: TypographyProps<PrimaryTypographyComponent, {
+    component?: PrimaryTypographyComponent | undefined;
+  }> | ((ownerState: ListItemTextOwnerState) => TypographyProps<PrimaryTypographyComponent, {
+    component?: PrimaryTypographyComponent | undefined;
+  }>);
   /**
    * Props forwarded to the secondary slot (as long as disableTypography is not `true`)
    * By default, the available props are based on the [Typography](https://mui.com/material-ui/api/typography/#props) component
    */
-  secondary: SlotProps<React.ElementType<TypographyProps>, {}, ListItemTextOwnerState>;
+  secondary: TypographyProps<SecondaryTypographyComponent, {
+    component?: SecondaryTypographyComponent | undefined;
+  }> | ((ownerState: ListItemTextOwnerState) => TypographyProps<SecondaryTypographyComponent, {
+    component?: SecondaryTypographyComponent | undefined;
+  }>);
 }>;
 export interface ListItemTextOwnerState extends ListItemTextProps {}
-export interface ListItemTextProps<PrimaryTypographyComponent extends React.ElementType = 'span', SecondaryTypographyComponent extends React.ElementType = 'p'> extends StandardProps<React.HTMLAttributes<HTMLDivElement>>, ListItemTextSlotsAndSlotProps {
+export interface ListItemTextProps<PrimaryTypographyComponent extends React.ElementType = 'span', SecondaryTypographyComponent extends React.ElementType = 'p'> extends StandardProps<React.HTMLAttributes<HTMLDivElement>>, ListItemTextSlotsAndSlotProps<PrimaryTypographyComponent, SecondaryTypographyComponent> {
   /**
    * Alias for the `primary` prop.
    */
@@ -67,26 +75,10 @@ export interface ListItemTextProps<PrimaryTypographyComponent extends React.Elem
    * The main content element.
    */
   primary?: React.ReactNode;
-  /**
-   * These props will be forwarded to the primary typography component
-   * (as long as disableTypography is not `true`).
-   * @deprecated Use `slotProps.primary` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  primaryTypographyProps?: TypographyProps<PrimaryTypographyComponent, {
-    component?: PrimaryTypographyComponent | undefined;
-  }> | undefined;
   /**
    * The secondary content element.
    */
   secondary?: React.ReactNode;
-  /**
-   * These props will be forwarded to the secondary typography component
-   * (as long as disableTypography is not `true`).
-   * @deprecated Use `slotProps.secondary` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  secondaryTypographyProps?: TypographyProps<SecondaryTypographyComponent, {
-    component?: SecondaryTypographyComponent | undefined;
-  }> | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */

package/ListItemText/ListItemText.d.ts

@@ -22,7 +22,7 @@ export interface ListItemTextSlots {
    */
   secondary?: React.ElementType | undefined;
 }
-export type ListItemTextSlotsAndSlotProps = CreateSlotsAndSlotProps<ListItemTextSlots, {
+export type ListItemTextSlotsAndSlotProps<PrimaryTypographyComponent extends React.ElementType = React.ElementType<TypographyProps<'span'>>, SecondaryTypographyComponent extends React.ElementType = React.ElementType<TypographyProps<'p'>>> = CreateSlotsAndSlotProps<ListItemTextSlots, {
   /**
    * Props forwarded to the root slot.
    * By default, the available props are based on `div` element.
@@ -32,15 +32,23 @@ export type ListItemTextSlotsAndSlotProps = CreateSlotsAndSlotProps<ListItemText
    * Props forwarded to the primary slot (as long as disableTypography is not `true`)
    * By default, the available props are based on the [Typography](https://mui.com/material-ui/api/typography/#props) component
    */
-  primary: SlotProps<React.ElementType<TypographyProps>, {}, ListItemTextOwnerState>;
+  primary: TypographyProps<PrimaryTypographyComponent, {
+    component?: PrimaryTypographyComponent | undefined;
+  }> | ((ownerState: ListItemTextOwnerState) => TypographyProps<PrimaryTypographyComponent, {
+    component?: PrimaryTypographyComponent | undefined;
+  }>);
   /**
    * Props forwarded to the secondary slot (as long as disableTypography is not `true`)
    * By default, the available props are based on the [Typography](https://mui.com/material-ui/api/typography/#props) component
    */
-  secondary: SlotProps<React.ElementType<TypographyProps>, {}, ListItemTextOwnerState>;
+  secondary: TypographyProps<SecondaryTypographyComponent, {
+    component?: SecondaryTypographyComponent | undefined;
+  }> | ((ownerState: ListItemTextOwnerState) => TypographyProps<SecondaryTypographyComponent, {
+    component?: SecondaryTypographyComponent | undefined;
+  }>);
 }>;
 export interface ListItemTextOwnerState extends ListItemTextProps {}
-export interface ListItemTextProps<PrimaryTypographyComponent extends React.ElementType = 'span', SecondaryTypographyComponent extends React.ElementType = 'p'> extends StandardProps<React.HTMLAttributes<HTMLDivElement>>, ListItemTextSlotsAndSlotProps {
+export interface ListItemTextProps<PrimaryTypographyComponent extends React.ElementType = 'span', SecondaryTypographyComponent extends React.ElementType = 'p'> extends StandardProps<React.HTMLAttributes<HTMLDivElement>>, ListItemTextSlotsAndSlotProps<PrimaryTypographyComponent, SecondaryTypographyComponent> {
   /**
    * Alias for the `primary` prop.
    */
@@ -67,26 +75,10 @@ export interface ListItemTextProps<PrimaryTypographyComponent extends React.Elem
    * The main content element.
    */
   primary?: React.ReactNode;
-  /**
-   * These props will be forwarded to the primary typography component
-   * (as long as disableTypography is not `true`).
-   * @deprecated Use `slotProps.primary` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  primaryTypographyProps?: TypographyProps<PrimaryTypographyComponent, {
-    component?: PrimaryTypographyComponent | undefined;
-  }> | undefined;
   /**
    * The secondary content element.
    */
   secondary?: React.ReactNode;
-  /**
-   * These props will be forwarded to the secondary typography component
-   * (as long as disableTypography is not `true`).
-   * @deprecated Use `slotProps.secondary` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  secondaryTypographyProps?: TypographyProps<SecondaryTypographyComponent, {
-    component?: SecondaryTypographyComponent | undefined;
-  }> | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */

package/ListItemText/ListItemText.js

@@ -86,9 +86,7 @@ const ListItemText = /*#__PURE__*/React.forwardRef(function ListItemText(inProps
     disableTypography = false,
     inset = false,
     primary: primaryProp,
-    primaryTypographyProps,
     secondary: secondaryProp,
-    secondaryTypographyProps,
     slots = {},
     slotProps = {},
     ...other
@@ -109,11 +107,7 @@ const ListItemText = /*#__PURE__*/React.forwardRef(function ListItemText(inProps
   const classes = useUtilityClasses(ownerState);
   const externalForwardedProps = {
     slots,
-    slotProps: {
-      primary: primaryTypographyProps,
-      secondary: secondaryTypographyProps,
-      ...slotProps
-    }
+    slotProps
   };
   const [RootSlot, rootSlotProps] = (0, _useSlot.default)('root', {
     className: (0, _clsx.default)(classes.root, className),
@@ -193,27 +187,15 @@ process.env.NODE_ENV !== "production" ? ListItemText.propTypes /* remove-proptyp
    * The main content element.
    */
   primary: _propTypes.default.node,
-  /**
-   * These props will be forwarded to the primary typography component
-   * (as long as disableTypography is not `true`).
-   * @deprecated Use `slotProps.primary` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  primaryTypographyProps: _propTypes.default.object,
   /**
    * The secondary content element.
    */
   secondary: _propTypes.default.node,
-  /**
-   * These props will be forwarded to the secondary typography component
-   * (as long as disableTypography is not `true`).
-   * @deprecated Use `slotProps.secondary` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  secondaryTypographyProps: _propTypes.default.object,
   /**
    * The props used for each slot inside.
    * @default {}
    */
-  slotProps: _propTypes.default.shape({
+  slotProps: _propTypes.default /* @typescript-to-proptypes-ignore */.shape({
     primary: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
     root: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
     secondary: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])

package/ListItemText/ListItemText.mjs

@@ -79,9 +79,7 @@ const ListItemText = /*#__PURE__*/React.forwardRef(function ListItemText(inProps
     disableTypography = false,
     inset = false,
     primary: primaryProp,
-    primaryTypographyProps,
     secondary: secondaryProp,
-    secondaryTypographyProps,
     slots = {},
     slotProps = {},
     ...other
@@ -102,11 +100,7 @@ const ListItemText = /*#__PURE__*/React.forwardRef(function ListItemText(inProps
   const classes = useUtilityClasses(ownerState);
   const externalForwardedProps = {
     slots,
-    slotProps: {
-      primary: primaryTypographyProps,
-      secondary: secondaryTypographyProps,
-      ...slotProps
-    }
+    slotProps
   };
   const [RootSlot, rootSlotProps] = useSlot('root', {
     className: clsx(classes.root, className),
@@ -186,27 +180,15 @@ process.env.NODE_ENV !== "production" ? ListItemText.propTypes /* remove-proptyp
    * The main content element.
    */
   primary: PropTypes.node,
-  /**
-   * These props will be forwarded to the primary typography component
-   * (as long as disableTypography is not `true`).
-   * @deprecated Use `slotProps.primary` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  primaryTypographyProps: PropTypes.object,
   /**
    * The secondary content element.
    */
   secondary: PropTypes.node,
-  /**
-   * These props will be forwarded to the secondary typography component
-   * (as long as disableTypography is not `true`).
-   * @deprecated Use `slotProps.secondary` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  secondaryTypographyProps: PropTypes.object,
   /**
    * The props used for each slot inside.
    * @default {}
    */
-  slotProps: PropTypes.shape({
+  slotProps: PropTypes /* @typescript-to-proptypes-ignore */.shape({
     primary: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
     root: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
     secondary: PropTypes.oneOfType([PropTypes.func, PropTypes.object])

package/Modal/Modal.d.mts

@@ -4,7 +4,7 @@ import { OverrideProps } from '@mui/types';
 import { SlotComponentProps } from "../utils/types.mjs";
 import { PortalProps } from "../Portal/index.mjs";
 import { Theme } from "../styles/index.mjs";
-import Backdrop, { BackdropProps } from "../Backdrop/index.mjs";
+import Backdrop from "../Backdrop/index.mjs";
 import { OverridableComponent } from "../OverridableComponent/index.mjs";
 import { ModalClasses } from "./modalClasses.mjs";
 export interface ModalComponentsPropsOverrides {}
@@ -23,23 +23,6 @@ export interface ModalSlots {
   backdrop?: React.ElementType | undefined;
 }
 export interface ModalOwnProps {
-  /**
-   * A backdrop component. This prop enables custom backdrop rendering.
-   * @deprecated Use `slots.backdrop` instead. While this prop currently works, it will be removed in the next major version.
-   * Use the `slots.backdrop` prop to make your application ready for the next version of Material UI.
-   * @default styled(Backdrop, {
-   *   name: 'MuiModal',
-   *   slot: 'Backdrop',
-   * })({
-   *   zIndex: -1,
-   * })
-   */
-  BackdropComponent?: React.ElementType<BackdropProps> | undefined;
-  /**
-   * Props applied to the [`Backdrop`](https://mui.com/material-ui/api/backdrop/) element.
-   * @deprecated Use `slotProps.backdrop` instead.
-   */
-  BackdropProps?: Partial<BackdropProps> | undefined;
   /**
    * A single child content element.
    */
@@ -57,29 +40,6 @@ export interface ModalOwnProps {
    * @default false
    */
   closeAfterTransition?: boolean | undefined;
-  /**
-   * The components used for each slot inside.
-   *
-   * @deprecated Use the `slots` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   *
-   * @default {}
-   */
-  components?: {
-    Root?: React.ElementType | undefined;
-    Backdrop?: React.ElementType | undefined;
-  } | undefined;
-  /**
-   * 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 a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   *
-   * @default {}
-   */
-  componentsProps?: {
-    root?: SlotComponentProps<'div', ModalComponentsPropsOverrides, ModalOwnerState> | undefined;
-    backdrop?: SlotComponentProps<typeof Backdrop, ModalComponentsPropsOverrides, ModalOwnerState> | undefined;
-  } | undefined;
   /**
    * An HTML element or function that returns one.
    * The `container` will have the portal children appended to it.

package/Modal/Modal.d.ts

@@ -4,7 +4,7 @@ import { OverrideProps } from '@mui/types';
 import { SlotComponentProps } from "../utils/types.js";
 import { PortalProps } from "../Portal/index.js";
 import { Theme } from "../styles/index.js";
-import Backdrop, { BackdropProps } from "../Backdrop/index.js";
+import Backdrop from "../Backdrop/index.js";
 import { OverridableComponent } from "../OverridableComponent/index.js";
 import { ModalClasses } from "./modalClasses.js";
 export interface ModalComponentsPropsOverrides {}
@@ -23,23 +23,6 @@ export interface ModalSlots {
   backdrop?: React.ElementType | undefined;
 }
 export interface ModalOwnProps {
-  /**
-   * A backdrop component. This prop enables custom backdrop rendering.
-   * @deprecated Use `slots.backdrop` instead. While this prop currently works, it will be removed in the next major version.
-   * Use the `slots.backdrop` prop to make your application ready for the next version of Material UI.
-   * @default styled(Backdrop, {
-   *   name: 'MuiModal',
-   *   slot: 'Backdrop',
-   * })({
-   *   zIndex: -1,
-   * })
-   */
-  BackdropComponent?: React.ElementType<BackdropProps> | undefined;
-  /**
-   * Props applied to the [`Backdrop`](https://mui.com/material-ui/api/backdrop/) element.
-   * @deprecated Use `slotProps.backdrop` instead.
-   */
-  BackdropProps?: Partial<BackdropProps> | undefined;
   /**
    * A single child content element.
    */
@@ -57,29 +40,6 @@ export interface ModalOwnProps {
    * @default false
    */
   closeAfterTransition?: boolean | undefined;
-  /**
-   * The components used for each slot inside.
-   *
-   * @deprecated Use the `slots` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   *
-   * @default {}
-   */
-  components?: {
-    Root?: React.ElementType | undefined;
-    Backdrop?: React.ElementType | undefined;
-  } | undefined;
-  /**
-   * 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 a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   *
-   * @default {}
-   */
-  componentsProps?: {
-    root?: SlotComponentProps<'div', ModalComponentsPropsOverrides, ModalOwnerState> | undefined;
-    backdrop?: SlotComponentProps<typeof Backdrop, ModalComponentsPropsOverrides, ModalOwnerState> | undefined;
-  } | undefined;
   /**
    * An HTML element or function that returns one.
    * The `container` will have the portal children appended to it.

package/Modal/Modal.js

@@ -88,16 +88,12 @@ const Modal = /*#__PURE__*/React.forwardRef(function Modal(inProps, ref) {
     props: inProps
   });
   const {
-    BackdropComponent = ModalBackdrop,
-    BackdropProps,
     classes: classesProp,
     className,
     closeAfterTransition = false,
     children,
     container,
     component,
-    components = {},
-    componentsProps = {},
     disableAutoFocus = false,
     disableEnforceFocus = false,
     disablePortal = false,
@@ -158,15 +154,8 @@ const Modal = /*#__PURE__*/React.forwardRef(function Modal(inProps, ref) {
     childProps.onExited = onExited;
   }
   const externalForwardedProps = {
-    slots: {
-      root: components.Root,
-      backdrop: components.Backdrop,
-      ...slots
-    },
-    slotProps: {
-      ...componentsProps,
-      ...slotProps
-    }
+    slots,
+    slotProps
   };
   const [RootSlot, rootProps] = (0, _useSlot.default)('root', {
     ref,
@@ -181,11 +170,9 @@ const Modal = /*#__PURE__*/React.forwardRef(function Modal(inProps, ref) {
     className: (0, _clsx.default)(className, classes?.root, !ownerState.open && ownerState.exited && classes?.hidden)
   });
   const [BackdropSlot, backdropProps] = (0, _useSlot.default)('backdrop', {
-    ref: BackdropProps?.ref,
-    elementType: BackdropComponent,
+    elementType: ModalBackdrop,
     externalForwardedProps,
     shouldForwardComponentProp: true,
-    additionalProps: BackdropProps,
     getSlotProps: otherHandlers => {
       return getBackdropProps({
         ...otherHandlers,
@@ -196,7 +183,7 @@ const Modal = /*#__PURE__*/React.forwardRef(function Modal(inProps, ref) {
         }
       });
     },
-    className: (0, _clsx.default)(BackdropProps?.className, classes?.backdrop),
+    className: classes?.backdrop,
     ownerState
   });
   if (!keepMounted && !open && (!hasTransition || exited)) {
@@ -208,7 +195,7 @@ const Modal = /*#__PURE__*/React.forwardRef(function Modal(inProps, ref) {
     disablePortal: disablePortal,
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(RootSlot, {
       ...rootProps,
-      children: [!hideBackdrop && BackdropComponent ? /*#__PURE__*/(0, _jsxRuntime.jsx)(BackdropSlot, {
+      children: [!hideBackdrop ? /*#__PURE__*/(0, _jsxRuntime.jsx)(BackdropSlot, {
         ...backdropProps
       }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_Unstable_TrapFocus.default, {
         disableEnforceFocus: disableEnforceFocus,
@@ -226,23 +213,6 @@ process.env.NODE_ENV !== "production" ? Modal.propTypes /* remove-proptypes */ =
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
   // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * A backdrop component. This prop enables custom backdrop rendering.
-   * @deprecated Use `slots.backdrop` instead. While this prop currently works, it will be removed in the next major version.
-   * Use the `slots.backdrop` prop to make your application ready for the next version of Material UI.
-   * @default styled(Backdrop, {
-   *   name: 'MuiModal',
-   *   slot: 'Backdrop',
-   * })({
-   *   zIndex: -1,
-   * })
-   */
-  BackdropComponent: _propTypes.default.elementType,
-  /**
-   * Props applied to the [`Backdrop`](https://mui.com/material-ui/api/backdrop/) element.
-   * @deprecated Use `slotProps.backdrop` instead.
-   */
-  BackdropProps: _propTypes.default.object,
   /**
    * A single child content element.
    */
@@ -265,29 +235,6 @@ process.env.NODE_ENV !== "production" ? Modal.propTypes /* remove-proptypes */ =
    * Either a string to use a HTML element or a component.
    */
   component: _propTypes.default.elementType,
-  /**
-   * The components used for each slot inside.
-   *
-   * @deprecated Use the `slots` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   *
-   * @default {}
-   */
-  components: _propTypes.default.shape({
-    Backdrop: _propTypes.default.elementType,
-    Root: _propTypes.default.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 a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   *
-   * @default {}
-   */
-  componentsProps: _propTypes.default.shape({
-    backdrop: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
-    root: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])
-  }),
   /**
    * An HTML element or function that returns one.
    * The `container` will have the portal children appended to it.