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

package/Menu/Menu.js

@@ -10,7 +10,6 @@ exports.default = exports.MenuPaper = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _reactIs = require("react-is");
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _clsx = _interopRequireDefault(require("clsx"));
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _HTMLElementType = _interopRequireDefault(require("@mui/utils/HTMLElementType"));
 var _RtlProvider = require("@mui/system/RtlProvider");
@@ -75,16 +74,10 @@ const Menu = /*#__PURE__*/React.forwardRef(function Menu(inProps, ref) {
     children,
     className,
     disableAutoFocusItem = false,
-    MenuListProps = {},
     onClose,
     open,
-    PaperProps = {},
     PopoverClasses,
     transitionDuration = 'auto',
-    TransitionProps: {
-      onEntering,
-      ...TransitionProps
-    } = {},
     variant = 'selectedMenu',
     slots = {},
     slotProps = {},
@@ -95,25 +88,18 @@ const Menu = /*#__PURE__*/React.forwardRef(function Menu(inProps, ref) {
     ...props,
     autoFocus,
     disableAutoFocusItem,
-    MenuListProps,
-    onEntering,
-    PaperProps,
     transitionDuration,
-    TransitionProps,
     variant
   };
   const classes = useUtilityClasses(ownerState);
   const autoFocusItem = autoFocus && !disableAutoFocusItem && open;
   const menuListActionsRef = React.useRef(null);
-  const handleEntering = (element, isAppearing) => {
+  const handleEntering = (element, _isAppearing) => {
     if (menuListActionsRef.current) {
       menuListActionsRef.current.adjustStyleForScrollbar(element, {
         direction: isRtl ? 'rtl' : 'ltr'
       });
     }
-    if (onEntering) {
-      onEntering(element, isAppearing);
-    }
   };
   const handleListKeyDown = event => {
     if (event.key === 'Tab') {
@@ -152,12 +138,7 @@ const Menu = /*#__PURE__*/React.forwardRef(function Menu(inProps, ref) {
   });
   const externalForwardedProps = {
     slots,
-    slotProps: {
-      list: MenuListProps,
-      transition: TransitionProps,
-      paper: PaperProps,
-      ...slotProps
-    }
+    slotProps
   };
   const rootSlotProps = (0, _useSlotProps.default)({
     elementType: slots.root,
@@ -173,7 +154,7 @@ const Menu = /*#__PURE__*/React.forwardRef(function Menu(inProps, ref) {
     ownerState
   });
   const [ListSlot, listSlotProps] = (0, _useSlot.default)('list', {
-    className: (0, _clsx.default)(classes.list, MenuListProps.className),
+    className: classes.list,
     elementType: MenuMenuList,
     shouldForwardComponentProp: true,
     externalForwardedProps,
@@ -186,7 +167,7 @@ const Menu = /*#__PURE__*/React.forwardRef(function Menu(inProps, ref) {
     }),
     ownerState
   });
-  const resolvedTransitionProps = typeof externalForwardedProps.slotProps.transition === 'function' ? externalForwardedProps.slotProps.transition(ownerState) : externalForwardedProps.slotProps.transition;
+  const resolvedTransitionProps = typeof slotProps.transition === 'function' ? slotProps.transition(ownerState) : slotProps.transition;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(MenuRoot, {
     onClose: onClose,
     anchorOrigin: {
@@ -198,10 +179,7 @@ const Menu = /*#__PURE__*/React.forwardRef(function Menu(inProps, ref) {
       root: slots.root,
       paper: PaperSlot,
       backdrop: slots.backdrop,
-      ...(slots.transition && {
-        // TODO: pass `slots.transition` directly once `TransitionComponent` is removed from Popover
-        transition: slots.transition
-      })
+      transition: slots.transition
     },
     slotProps: {
       root: rootSlotProps,
@@ -269,12 +247,6 @@ process.env.NODE_ENV !== "production" ? Menu.propTypes /* remove-proptypes */ =
    * @default false
    */
   disableAutoFocusItem: _propTypes.default.bool,
-  /**
-   * Props applied to the [`MenuList`](https://mui.com/material-ui/api/menu-list/) element.
-   * @deprecated use the `slotProps.list` 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 {}
-   */
-  MenuListProps: _propTypes.default.object,
   /**
    * Callback fired when the component requests to be closed.
    *
@@ -286,10 +258,6 @@ process.env.NODE_ENV !== "production" ? Menu.propTypes /* remove-proptypes */ =
    * If `true`, the component is shown.
    */
   open: _propTypes.default.bool.isRequired,
-  /**
-   * @ignore
-   */
-  PaperProps: _propTypes.default.object,
   /**
    * `classes` prop applied to the [`Popover`](https://mui.com/material-ui/api/popover/) element.
    */
@@ -329,13 +297,6 @@ process.env.NODE_ENV !== "production" ? Menu.propTypes /* remove-proptypes */ =
     enter: _propTypes.default.number,
     exit: _propTypes.default.number
   })]),
-  /**
-   * 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 the `slotProps.transition` 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 {}
-   */
-  TransitionProps: _propTypes.default.object,
   /**
    * The variant to use. Use `menu` to prevent selected items from impacting the initial focus.
    * @default 'selectedMenu'

package/Menu/Menu.mjs

@@ -3,7 +3,6 @@
 import * as React from 'react';
 import { isFragment } from 'react-is';
 import PropTypes from 'prop-types';
-import clsx from 'clsx';
 import composeClasses from '@mui/utils/composeClasses';
 import HTMLElementType from '@mui/utils/HTMLElementType';
 import { useRtl } from '@mui/system/RtlProvider';
@@ -68,16 +67,10 @@ const Menu = /*#__PURE__*/React.forwardRef(function Menu(inProps, ref) {
     children,
     className,
     disableAutoFocusItem = false,
-    MenuListProps = {},
     onClose,
     open,
-    PaperProps = {},
     PopoverClasses,
     transitionDuration = 'auto',
-    TransitionProps: {
-      onEntering,
-      ...TransitionProps
-    } = {},
     variant = 'selectedMenu',
     slots = {},
     slotProps = {},
@@ -88,25 +81,18 @@ const Menu = /*#__PURE__*/React.forwardRef(function Menu(inProps, ref) {
     ...props,
     autoFocus,
     disableAutoFocusItem,
-    MenuListProps,
-    onEntering,
-    PaperProps,
     transitionDuration,
-    TransitionProps,
     variant
   };
   const classes = useUtilityClasses(ownerState);
   const autoFocusItem = autoFocus && !disableAutoFocusItem && open;
   const menuListActionsRef = React.useRef(null);
-  const handleEntering = (element, isAppearing) => {
+  const handleEntering = (element, _isAppearing) => {
     if (menuListActionsRef.current) {
       menuListActionsRef.current.adjustStyleForScrollbar(element, {
         direction: isRtl ? 'rtl' : 'ltr'
       });
     }
-    if (onEntering) {
-      onEntering(element, isAppearing);
-    }
   };
   const handleListKeyDown = event => {
     if (event.key === 'Tab') {
@@ -145,12 +131,7 @@ const Menu = /*#__PURE__*/React.forwardRef(function Menu(inProps, ref) {
   });
   const externalForwardedProps = {
     slots,
-    slotProps: {
-      list: MenuListProps,
-      transition: TransitionProps,
-      paper: PaperProps,
-      ...slotProps
-    }
+    slotProps
   };
   const rootSlotProps = useSlotProps({
     elementType: slots.root,
@@ -166,7 +147,7 @@ const Menu = /*#__PURE__*/React.forwardRef(function Menu(inProps, ref) {
     ownerState
   });
   const [ListSlot, listSlotProps] = useSlot('list', {
-    className: clsx(classes.list, MenuListProps.className),
+    className: classes.list,
     elementType: MenuMenuList,
     shouldForwardComponentProp: true,
     externalForwardedProps,
@@ -179,7 +160,7 @@ const Menu = /*#__PURE__*/React.forwardRef(function Menu(inProps, ref) {
     }),
     ownerState
   });
-  const resolvedTransitionProps = typeof externalForwardedProps.slotProps.transition === 'function' ? externalForwardedProps.slotProps.transition(ownerState) : externalForwardedProps.slotProps.transition;
+  const resolvedTransitionProps = typeof slotProps.transition === 'function' ? slotProps.transition(ownerState) : slotProps.transition;
   return /*#__PURE__*/_jsx(MenuRoot, {
     onClose: onClose,
     anchorOrigin: {
@@ -191,10 +172,7 @@ const Menu = /*#__PURE__*/React.forwardRef(function Menu(inProps, ref) {
       root: slots.root,
       paper: PaperSlot,
       backdrop: slots.backdrop,
-      ...(slots.transition && {
-        // TODO: pass `slots.transition` directly once `TransitionComponent` is removed from Popover
-        transition: slots.transition
-      })
+      transition: slots.transition
     },
     slotProps: {
       root: rootSlotProps,
@@ -262,12 +240,6 @@ process.env.NODE_ENV !== "production" ? Menu.propTypes /* remove-proptypes */ =
    * @default false
    */
   disableAutoFocusItem: PropTypes.bool,
-  /**
-   * Props applied to the [`MenuList`](https://mui.com/material-ui/api/menu-list/) element.
-   * @deprecated use the `slotProps.list` 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 {}
-   */
-  MenuListProps: PropTypes.object,
   /**
    * Callback fired when the component requests to be closed.
    *
@@ -279,10 +251,6 @@ process.env.NODE_ENV !== "production" ? Menu.propTypes /* remove-proptypes */ =
    * If `true`, the component is shown.
    */
   open: PropTypes.bool.isRequired,
-  /**
-   * @ignore
-   */
-  PaperProps: PropTypes.object,
   /**
    * `classes` prop applied to the [`Popover`](https://mui.com/material-ui/api/popover/) element.
    */
@@ -322,13 +290,6 @@ process.env.NODE_ENV !== "production" ? Menu.propTypes /* remove-proptypes */ =
     enter: PropTypes.number,
     exit: PropTypes.number
   })]),
-  /**
-   * 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 the `slotProps.transition` 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 {}
-   */
-  TransitionProps: PropTypes.object,
   /**
    * The variant to use. Use `menu` to prevent selected items from impacting the initial focus.
    * @default 'selectedMenu'

package/MenuItem/MenuItem.js

@@ -23,7 +23,25 @@ var _Divider = require("../Divider");
 var _ListItemIcon = require("../ListItemIcon");
 var _ListItemText = require("../ListItemText");
 var _menuItemClasses = _interopRequireWildcard(require("./menuItemClasses"));
+var _Select = require("../Select");
 var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * If autoFocus is an object, it will attempt to call `element.focus()` with the options argument.
+ * If the browser doesn't support the options argument, it will fall back to a simple `element.focus()` call.
+ */function focusWithVisible(element, focusSource) {
+  if (focusSource == null) {
+    element.focus();
+    return;
+  }
+  try {
+    element.focus({
+      focusVisible: focusSource === 'keyboard'
+    });
+  } catch (error) {
+    // If the browser doesn't support the focus options argument, fall back to a simple focus call.
+    element.focus();
+  }
+}
 const overridesResolver = (props, styles) => {
   const {
     ownerState
@@ -170,6 +188,7 @@ const MenuItem = /*#__PURE__*/React.forwardRef(function MenuItem(inProps, ref) {
     className,
     ...other
   } = props;
+  const focusSource = (0, _Select.useSelectFocusSource)();
   const context = React.useContext(_ListContext.default);
   const childContext = React.useMemo(() => ({
     dense: dense || context.dense || false,
@@ -179,11 +198,12 @@ const MenuItem = /*#__PURE__*/React.forwardRef(function MenuItem(inProps, ref) {
   (0, _useEnhancedEffect.default)(() => {
     if (autoFocus) {
       if (menuItemRef.current) {
-        menuItemRef.current.focus();
+        focusWithVisible(menuItemRef.current, focusSource);
       } else if (process.env.NODE_ENV !== 'production') {
         console.error('MUI: Unable to set focus to a MenuItem whose component has not been rendered.');
       }
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [autoFocus]);
   const ownerState = {
     ...props,

package/MenuItem/MenuItem.mjs

@@ -16,7 +16,27 @@ import { dividerClasses } from "../Divider/index.mjs";
 import { listItemIconClasses } from "../ListItemIcon/index.mjs";
 import { listItemTextClasses } from "../ListItemText/index.mjs";
 import menuItemClasses, { getMenuItemUtilityClass } from "./menuItemClasses.mjs";
+import { useSelectFocusSource } from "../Select/index.mjs";
+
+/**
+ * If autoFocus is an object, it will attempt to call `element.focus()` with the options argument.
+ * If the browser doesn't support the options argument, it will fall back to a simple `element.focus()` call.
+ */
 import { jsx as _jsx } from "react/jsx-runtime";
+function focusWithVisible(element, focusSource) {
+  if (focusSource == null) {
+    element.focus();
+    return;
+  }
+  try {
+    element.focus({
+      focusVisible: focusSource === 'keyboard'
+    });
+  } catch (error) {
+    // If the browser doesn't support the focus options argument, fall back to a simple focus call.
+    element.focus();
+  }
+}
 export const overridesResolver = (props, styles) => {
   const {
     ownerState
@@ -162,6 +182,7 @@ const MenuItem = /*#__PURE__*/React.forwardRef(function MenuItem(inProps, ref) {
     className,
     ...other
   } = props;
+  const focusSource = useSelectFocusSource();
   const context = React.useContext(ListContext);
   const childContext = React.useMemo(() => ({
     dense: dense || context.dense || false,
@@ -171,11 +192,12 @@ const MenuItem = /*#__PURE__*/React.forwardRef(function MenuItem(inProps, ref) {
   useEnhancedEffect(() => {
     if (autoFocus) {
       if (menuItemRef.current) {
-        menuItemRef.current.focus();
+        focusWithVisible(menuItemRef.current, focusSource);
       } else if (process.env.NODE_ENV !== 'production') {
         console.error('MUI: Unable to set focus to a MenuItem whose component has not been rendered.');
       }
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [autoFocus]);
   const ownerState = {
     ...props,

package/MenuList/MenuList.js

@@ -166,10 +166,8 @@ const MenuList = /*#__PURE__*/React.forwardRef(function MenuList(props, ref) {
     if (child.props.tabIndex === undefined && variant === 'selectedMenu') {
       newChildProps.tabIndex = rovingTabIndexItemProps.tabIndex;
     }
-    if (index === activeItemIndex) {
-      if (autoFocusItem) {
-        newChildProps.autoFocus = true;
-      }
+    if (index === activeItemIndex && autoFocusItem) {
+      newChildProps.autoFocus = true;
     }
     focusableIndex += 1;
     return /*#__PURE__*/React.cloneElement(child, newChildProps);

package/MenuList/MenuList.mjs

@@ -159,10 +159,8 @@ const MenuList = /*#__PURE__*/React.forwardRef(function MenuList(props, ref) {
     if (child.props.tabIndex === undefined && variant === 'selectedMenu') {
       newChildProps.tabIndex = rovingTabIndexItemProps.tabIndex;
     }
-    if (index === activeItemIndex) {
-      if (autoFocusItem) {
-        newChildProps.autoFocus = true;
-      }
+    if (index === activeItemIndex && autoFocusItem) {
+      newChildProps.autoFocus = true;
     }
     focusableIndex += 1;
     return /*#__PURE__*/React.cloneElement(child, newChildProps);

package/MobileStepper/MobileStepper.d.mts

@@ -69,11 +69,6 @@ export interface MobileStepperProps extends StandardProps<PaperProps, 'children'
    * Override or extend the styles applied to the component.
    */
   classes?: Partial<MobileStepperClasses> | undefined;
-  /**
-   * Props applied to the `LinearProgress` element.
-   * @deprecated Use `slotProps.progress` 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.
-   */
-  LinearProgressProps?: Partial<LinearProgressProps> | undefined;
   /**
    * A next button element. For instance, it can be a `Button` or an `IconButton`.
    */

package/MobileStepper/MobileStepper.d.ts

@@ -69,11 +69,6 @@ export interface MobileStepperProps extends StandardProps<PaperProps, 'children'
    * Override or extend the styles applied to the component.
    */
   classes?: Partial<MobileStepperClasses> | undefined;
-  /**
-   * Props applied to the `LinearProgress` element.
-   * @deprecated Use `slotProps.progress` 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.
-   */
-  LinearProgressProps?: Partial<LinearProgressProps> | undefined;
   /**
    * A next button element. For instance, it can be a `Button` or an `IconButton`.
    */

package/MobileStepper/MobileStepper.js

@@ -153,7 +153,6 @@ const MobileStepper = /*#__PURE__*/React.forwardRef(function MobileStepper(inPro
     activeStep = 0,
     backButton,
     className,
-    LinearProgressProps,
     nextButton,
     position = 'bottom',
     steps,
@@ -179,10 +178,7 @@ const MobileStepper = /*#__PURE__*/React.forwardRef(function MobileStepper(inPro
   const classes = useUtilityClasses(ownerState);
   const externalForwardedProps = {
     slots,
-    slotProps: {
-      progress: LinearProgressProps,
-      ...slotProps
-    }
+    slotProps
   };
   const [RootSlot, rootSlotProps] = (0, _useSlot.default)('root', {
     ref,
@@ -260,11 +256,6 @@ process.env.NODE_ENV !== "production" ? MobileStepper.propTypes /* remove-propty
    * @ignore
    */
   className: _propTypes.default.string,
-  /**
-   * Props applied to the `LinearProgress` element.
-   * @deprecated Use `slotProps.progress` 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.
-   */
-  LinearProgressProps: _propTypes.default.object,
   /**
    * A next button element. For instance, it can be a `Button` or an `IconButton`.
    */

package/MobileStepper/MobileStepper.mjs

@@ -146,7 +146,6 @@ const MobileStepper = /*#__PURE__*/React.forwardRef(function MobileStepper(inPro
     activeStep = 0,
     backButton,
     className,
-    LinearProgressProps,
     nextButton,
     position = 'bottom',
     steps,
@@ -172,10 +171,7 @@ const MobileStepper = /*#__PURE__*/React.forwardRef(function MobileStepper(inPro
   const classes = useUtilityClasses(ownerState);
   const externalForwardedProps = {
     slots,
-    slotProps: {
-      progress: LinearProgressProps,
-      ...slotProps
-    }
+    slotProps
   };
   const [RootSlot, rootSlotProps] = useSlot('root', {
     ref,
@@ -253,11 +249,6 @@ process.env.NODE_ENV !== "production" ? MobileStepper.propTypes /* remove-propty
    * @ignore
    */
   className: PropTypes.string,
-  /**
-   * Props applied to the `LinearProgress` element.
-   * @deprecated Use `slotProps.progress` 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.
-   */
-  LinearProgressProps: PropTypes.object,
   /**
    * A next button element. For instance, it can be a `Button` or an `IconButton`.
    */

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.