@mui/material 9.0.0-alpha.2 → 9.0.0-alpha.4

package/MenuList/MenuList.mjs

@@ -3,6 +3,7 @@
 import * as React from 'react';
 import { isFragment } from 'react-is';
 import PropTypes from 'prop-types';
+import useRovingTabIndex from "../utils/useRovingTabIndex.mjs";
 import ownerDocument from "../utils/ownerDocument.mjs";
 import List from "../List/index.mjs";
 import getActiveElement from "../utils/getActiveElement.mjs";
@@ -11,24 +12,6 @@ import useForkRef from "../utils/useForkRef.mjs";
 import useEnhancedEffect from "../utils/useEnhancedEffect.mjs";
 import { ownerWindow } from "../utils/index.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
-function nextItem(list, item, disableListWrap) {
-  if (list === item) {
-    return list.firstChild;
-  }
-  if (item && item.nextElementSibling) {
-    return item.nextElementSibling;
-  }
-  return disableListWrap ? null : list.firstChild;
-}
-function previousItem(list, item, disableListWrap) {
-  if (list === item) {
-    return disableListWrap ? list.firstChild : list.lastChild;
-  }
-  if (item && item.previousElementSibling) {
-    return item.previousElementSibling;
-  }
-  return disableListWrap ? null : list.lastChild;
-}
 function textCriteriaMatches(nextFocus, textCriteria) {
   if (textCriteria === undefined) {
     return true;
@@ -47,29 +30,20 @@ function textCriteriaMatches(nextFocus, textCriteria) {
   }
   return text.startsWith(textCriteria.keys.join(''));
 }
-function moveFocus(list, currentFocus, disableListWrap, disabledItemsFocusable, traversalFunction, textCriteria) {
-  let wrappedOnce = false;
-  let nextFocus = traversalFunction(list, currentFocus, currentFocus ? disableListWrap : false);
-  while (nextFocus) {
-    // Prevent infinite loop.
-    if (nextFocus === list.firstChild) {
-      if (wrappedOnce) {
-        return false;
-      }
-      wrappedOnce = true;
-    }
-
-    // Same logic as useAutocomplete.js
-    const nextFocusDisabled = disabledItemsFocusable ? false : nextFocus.disabled || nextFocus.getAttribute('aria-disabled') === 'true';
-    if (!nextFocus.hasAttribute('tabindex') || !textCriteriaMatches(nextFocus, textCriteria) || nextFocusDisabled) {
-      // Move to the next element.
-      nextFocus = traversalFunction(list, nextFocus, disableListWrap);
-    } else {
-      nextFocus.focus();
-      return true;
-    }
+function shouldFocusWithTextCriteria(element, criteria, disabledItemsFocusable) {
+  if (!textCriteriaMatches(element, criteria)) {
+    return false;
+  }
+  return shouldFocus(element, disabledItemsFocusable);
+}
+function shouldFocus(element, disabledItemsFocusable) {
+  if (!element || !element.hasAttribute('tabindex')) {
+    return false;
+  }
+  if (disabledItemsFocusable) {
+    return true;
   }
-  return false;
+  return !element.disabled && element.getAttribute('aria-disabled') !== 'true';
 }
 
 /**
@@ -120,65 +94,6 @@ const MenuList = /*#__PURE__*/React.forwardRef(function MenuList(props, ref) {
       return listRef.current;
     }
   }), []);
-  const handleKeyDown = event => {
-    const list = listRef.current;
-    const key = event.key;
-    const isModifierKeyPressed = event.ctrlKey || event.metaKey || event.altKey;
-    if (isModifierKeyPressed) {
-      if (onKeyDown) {
-        onKeyDown(event);
-      }
-      return;
-    }
-
-    /**
-     * @type {Element} - will always be defined since we are in a keydown handler
-     * attached to an element. A keydown event is either dispatched to the activeElement
-     * or document.body or document.documentElement. Only the first case will
-     * trigger this specific handler.
-     */
-    const currentFocus = getActiveElement(ownerDocument(list));
-    if (key === 'ArrowDown') {
-      // Prevent scroll of the page
-      event.preventDefault();
-      moveFocus(list, currentFocus, disableListWrap, disabledItemsFocusable, nextItem);
-    } else if (key === 'ArrowUp') {
-      event.preventDefault();
-      moveFocus(list, currentFocus, disableListWrap, disabledItemsFocusable, previousItem);
-    } else if (key === 'Home') {
-      event.preventDefault();
-      moveFocus(list, null, disableListWrap, disabledItemsFocusable, nextItem);
-    } else if (key === 'End') {
-      event.preventDefault();
-      moveFocus(list, null, disableListWrap, disabledItemsFocusable, previousItem);
-    } else if (key.length === 1) {
-      const criteria = textCriteriaRef.current;
-      const lowerKey = key.toLowerCase();
-      const currTime = performance.now();
-      if (criteria.keys.length > 0) {
-        // Reset
-        if (currTime - criteria.lastTime > 500) {
-          criteria.keys = [];
-          criteria.repeating = true;
-          criteria.previousKeyMatched = true;
-        } else if (criteria.repeating && lowerKey !== criteria.keys[0]) {
-          criteria.repeating = false;
-        }
-      }
-      criteria.lastTime = currTime;
-      criteria.keys.push(lowerKey);
-      const keepFocusOnCurrent = currentFocus && !criteria.repeating && textCriteriaMatches(currentFocus, criteria);
-      if (criteria.previousKeyMatched && (keepFocusOnCurrent || moveFocus(list, currentFocus, false, disabledItemsFocusable, nextItem, criteria))) {
-        event.preventDefault();
-      } else {
-        criteria.previousKeyMatched = false;
-      }
-    }
-    if (onKeyDown) {
-      onKeyDown(event);
-    }
-  };
-  const handleRef = useForkRef(listRef, ref);
 
   /**
    * the index of the item should receive focus
@@ -220,25 +135,78 @@ const MenuList = /*#__PURE__*/React.forwardRef(function MenuList(props, ref) {
       }
     }
   });
+  const {
+    focusNext,
+    getContainerProps,
+    getItemProps
+  } = useRovingTabIndex({
+    focusableIndex: activeItemIndex,
+    orientation: 'vertical',
+    shouldWrap: !disableListWrap,
+    shouldFocus: element => shouldFocus(element, disabledItemsFocusable)
+  });
+  const rovingTabIndexContainerProps = getContainerProps();
+  const handleRef = useForkRef(listRef, rovingTabIndexContainerProps.ref, ref);
+  let focusableIndex = 0;
   const items = React.Children.map(children, (child, index) => {
-    if (index === activeItemIndex) {
-      const newChildProps = {};
-      if (autoFocusItem) {
-        newChildProps.autoFocus = true;
+    if (! /*#__PURE__*/React.isValidElement(child) || child.props.muiSkipListHighlight || child.type.muiSkipListHighlight) {
+      return child;
+    }
+    const rovingTabIndexItemProps = getItemProps(focusableIndex, child.ref);
+    const newChildProps = {
+      ref: rovingTabIndexItemProps.ref
+    };
+    if (child.props.tabIndex === undefined && variant === 'selectedMenu') {
+      newChildProps.tabIndex = rovingTabIndexItemProps.tabIndex;
+    }
+    if (index === activeItemIndex && autoFocusItem) {
+      newChildProps.autoFocus = true;
+    }
+    focusableIndex += 1;
+    return /*#__PURE__*/React.cloneElement(child, newChildProps);
+  });
+  const handleKeyDown = event => {
+    const isModifierKeyPressed = event.ctrlKey || event.metaKey || event.altKey;
+    if (isModifierKeyPressed && onKeyDown) {
+      onKeyDown(event);
+      return;
+    }
+    rovingTabIndexContainerProps.onKeyDown(event);
+    if (event.key.length === 1) {
+      const criteria = textCriteriaRef.current;
+      const lowerKey = event.key.toLowerCase();
+      const currTime = performance.now();
+      if (criteria.keys.length > 0) {
+        // Reset
+        if (currTime - criteria.lastTime > 500) {
+          criteria.keys = [];
+          criteria.repeating = true;
+          criteria.previousKeyMatched = true;
+        } else if (criteria.repeating && lowerKey !== criteria.keys[0]) {
+          criteria.repeating = false;
+        }
       }
-      if (child.props.tabIndex === undefined && variant === 'selectedMenu') {
-        newChildProps.tabIndex = 0;
+      criteria.lastTime = currTime;
+      criteria.keys.push(lowerKey);
+      const currentFocus = getActiveElement(ownerDocument(listRef.current));
+      const keepFocusOnCurrent = currentFocus && !criteria.repeating && textCriteriaMatches(currentFocus, criteria);
+      if (criteria.previousKeyMatched && (keepFocusOnCurrent || focusNext(element => shouldFocusWithTextCriteria(element, criteria, disabledItemsFocusable)) !== -1)) {
+        event.preventDefault();
+      } else {
+        criteria.previousKeyMatched = false;
       }
-      return /*#__PURE__*/React.cloneElement(child, newChildProps);
     }
-    return child;
-  });
+    if (onKeyDown) {
+      onKeyDown(event);
+    }
+  };
   return /*#__PURE__*/_jsx(List, {
     role: "menu",
     ref: handleRef,
     className: className,
     onKeyDown: handleKeyDown,
-    tabIndex: autoFocus ? 0 : -1,
+    onFocus: rovingTabIndexContainerProps.onFocus,
+    tabIndex: -1,
     ...other,
     children: items
   });

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/Paper/Paper.d.mts

@@ -45,6 +45,7 @@ export interface PaperTypeMap<AdditionalProps = {}, RootComponent extends React.
  * Demos:
  *
  * - [Card](https://next.mui.com/material-ui/react-card/)
+ * - [Menubar](https://next.mui.com/material-ui/react-menubar/)
  * - [Paper](https://next.mui.com/material-ui/react-paper/)
  *
  * API:

package/Paper/Paper.d.ts

@@ -45,6 +45,7 @@ export interface PaperTypeMap<AdditionalProps = {}, RootComponent extends React.
  * Demos:
  *
  * - [Card](https://next.mui.com/material-ui/react-card/)
+ * - [Menubar](https://next.mui.com/material-ui/react-menubar/)
  * - [Paper](https://next.mui.com/material-ui/react-paper/)
  *
  * API:

package/Popover/Popover.d.mts

@@ -4,8 +4,8 @@ import { SlotComponentProps } from '@mui/utils/types';
 import { BackdropProps } from "../Backdrop/index.mjs";
 import { Theme } from "../styles/index.mjs";
 import { InternalStandardProps as StandardProps } from "../internal/index.mjs";
-import Paper, { PaperProps } from "../Paper/index.mjs";
-import Modal, { ModalProps } from "../Modal/index.mjs";
+import { PaperProps } from "../Paper/index.mjs";
+import { ModalProps } from "../Modal/index.mjs";
 import { TransitionProps } from "../transitions/transition.mjs";
 import { PopoverClasses } from "./popoverClasses.mjs";
 import { CreateSlotsAndSlotProps, SlotProps } from "../utils/types.mjs";
@@ -40,12 +40,12 @@ export type PopoverSlotsAndSlotProps = CreateSlotsAndSlotProps<PopoverSlots, {
    * Props forwarded to the root slot.
    * By default, the available props are based on the [Modal](https://mui.com/material-ui/api/modal/#props) component.
    */
-  root: SlotProps<typeof Modal, PopoverRootSlotPropsOverrides, PopoverOwnerState>;
+  root: SlotProps<React.ElementType<ModalProps>, PopoverRootSlotPropsOverrides, PopoverOwnerState>;
   /**
    * Props forwarded to the paper slot.
    * By default, the available props are based on the [Paper](https://mui.com/material-ui/api/paper/#props) component.
    */
-  paper: SlotProps<typeof Paper, PopoverPaperSlotPropsOverrides, PopoverOwnerState>;
+  paper: SlotProps<React.ElementType<PaperProps>, PopoverPaperSlotPropsOverrides, PopoverOwnerState>;
   /**
    * Props forwarded to the transition slot.
    * By default, the available props are based on the [Grow](https://mui.com/material-ui/api/grow/#props) component.
@@ -109,25 +109,6 @@ export interface PopoverProps extends StandardProps<Omit<ModalProps, 'slots' | '
    * @default 'anchorEl'
    */
   anchorReference?: PopoverReference | undefined;
-  /**
-   * A backdrop component. This prop enables custom backdrop rendering.
-   * @deprecated Use `slots.backdrop` 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 styled(Backdrop, {
-   *   name: 'MuiModal',
-   *   slot: 'Backdrop',
-   *   overridesResolver: (props, styles) => {
-   *     return styles.backdrop;
-   *   },
-   * })({
-   *   zIndex: -1,
-   * })
-   */
-  BackdropComponent?: React.ElementType<BackdropProps> | undefined;
-  /**
-   * Props applied to the [`Backdrop`](/material-ui/api/backdrop/) element.
-   * @deprecated Use `slotProps.backdrop` 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.
-   */
-  BackdropProps?: Partial<BackdropProps> | undefined;
   /**
    * The content of the component.
    */
@@ -160,15 +141,6 @@ export interface PopoverProps extends StandardProps<Omit<ModalProps, 'slots' | '
    * If `true`, the component is shown.
    */
   open: boolean;
-  /**
-   * Props applied to the [`Paper`](https://mui.com/material-ui/api/paper/) element.
-   *
-   * This prop is an alias for `slotProps.paper` and will be overridden by it if both are used.
-   * @deprecated Use `slotProps.paper` instead.
-   *
-   * @default {}
-   */
-  PaperProps?: Partial<PaperProps<React.ElementType>> | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
@@ -186,27 +158,11 @@ export interface PopoverProps extends StandardProps<Omit<ModalProps, 'slots' | '
    * }
    */
   transformOrigin?: PopoverOrigin | undefined;
-  /**
-   * 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.
-   * @deprecated use the `slots.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 Grow
-   */
-  TransitionComponent?: React.JSXElementConstructor<TransitionProps & {
-    children: React.ReactElement<unknown, any>;
-  }> | undefined;
   /**
    * Set to 'auto' to automatically calculate transition time based on height.
    * @default 'auto'
    */
   transitionDuration?: TransitionProps['timeout'] | 'auto' | undefined;
-  /**
-   * 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?: TransitionProps | undefined;
 }
 export interface PopoverOwnerState extends Omit<PopoverProps, 'slots' | 'slotProps'> {}
 export interface PopoverActions {

package/Popover/Popover.d.ts

@@ -4,8 +4,8 @@ import { SlotComponentProps } from '@mui/utils/types';
 import { BackdropProps } from "../Backdrop/index.js";
 import { Theme } from "../styles/index.js";
 import { InternalStandardProps as StandardProps } from "../internal/index.js";
-import Paper, { PaperProps } from "../Paper/index.js";
-import Modal, { ModalProps } from "../Modal/index.js";
+import { PaperProps } from "../Paper/index.js";
+import { ModalProps } from "../Modal/index.js";
 import { TransitionProps } from "../transitions/transition.js";
 import { PopoverClasses } from "./popoverClasses.js";
 import { CreateSlotsAndSlotProps, SlotProps } from "../utils/types.js";
@@ -40,12 +40,12 @@ export type PopoverSlotsAndSlotProps = CreateSlotsAndSlotProps<PopoverSlots, {
    * Props forwarded to the root slot.
    * By default, the available props are based on the [Modal](https://mui.com/material-ui/api/modal/#props) component.
    */
-  root: SlotProps<typeof Modal, PopoverRootSlotPropsOverrides, PopoverOwnerState>;
+  root: SlotProps<React.ElementType<ModalProps>, PopoverRootSlotPropsOverrides, PopoverOwnerState>;
   /**
    * Props forwarded to the paper slot.
    * By default, the available props are based on the [Paper](https://mui.com/material-ui/api/paper/#props) component.
    */
-  paper: SlotProps<typeof Paper, PopoverPaperSlotPropsOverrides, PopoverOwnerState>;
+  paper: SlotProps<React.ElementType<PaperProps>, PopoverPaperSlotPropsOverrides, PopoverOwnerState>;
   /**
    * Props forwarded to the transition slot.
    * By default, the available props are based on the [Grow](https://mui.com/material-ui/api/grow/#props) component.
@@ -109,25 +109,6 @@ export interface PopoverProps extends StandardProps<Omit<ModalProps, 'slots' | '
    * @default 'anchorEl'
    */
   anchorReference?: PopoverReference | undefined;
-  /**
-   * A backdrop component. This prop enables custom backdrop rendering.
-   * @deprecated Use `slots.backdrop` 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 styled(Backdrop, {
-   *   name: 'MuiModal',
-   *   slot: 'Backdrop',
-   *   overridesResolver: (props, styles) => {
-   *     return styles.backdrop;
-   *   },
-   * })({
-   *   zIndex: -1,
-   * })
-   */
-  BackdropComponent?: React.ElementType<BackdropProps> | undefined;
-  /**
-   * Props applied to the [`Backdrop`](/material-ui/api/backdrop/) element.
-   * @deprecated Use `slotProps.backdrop` 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.
-   */
-  BackdropProps?: Partial<BackdropProps> | undefined;
   /**
    * The content of the component.
    */
@@ -160,15 +141,6 @@ export interface PopoverProps extends StandardProps<Omit<ModalProps, 'slots' | '
    * If `true`, the component is shown.
    */
   open: boolean;
-  /**
-   * Props applied to the [`Paper`](https://mui.com/material-ui/api/paper/) element.
-   *
-   * This prop is an alias for `slotProps.paper` and will be overridden by it if both are used.
-   * @deprecated Use `slotProps.paper` instead.
-   *
-   * @default {}
-   */
-  PaperProps?: Partial<PaperProps<React.ElementType>> | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
@@ -186,27 +158,11 @@ export interface PopoverProps extends StandardProps<Omit<ModalProps, 'slots' | '
    * }
    */
   transformOrigin?: PopoverOrigin | undefined;
-  /**
-   * 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.
-   * @deprecated use the `slots.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 Grow
-   */
-  TransitionComponent?: React.JSXElementConstructor<TransitionProps & {
-    children: React.ReactElement<unknown, any>;
-  }> | undefined;
   /**
    * Set to 'auto' to automatically calculate transition time based on height.
    * @default 'auto'
    */
   transitionDuration?: TransitionProps['timeout'] | 'auto' | undefined;
-  /**
-   * 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?: TransitionProps | undefined;
 }
 export interface PopoverOwnerState extends Omit<PopoverProps, 'slots' | 'slotProps'> {}
 export interface PopoverActions {

package/Popover/Popover.js

@@ -15,7 +15,6 @@ var _clsx = _interopRequireDefault(require("clsx"));
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _HTMLElementType = _interopRequireDefault(require("@mui/utils/HTMLElementType"));
 var _refType = _interopRequireDefault(require("@mui/utils/refType"));
-var _elementTypeAcceptingRef = _interopRequireDefault(require("@mui/utils/elementTypeAcceptingRef"));
 var _integerPropType = _interopRequireDefault(require("@mui/utils/integerPropType"));
 var _chainPropTypes = _interopRequireDefault(require("@mui/utils/chainPropTypes"));
 var _isHostComponent = _interopRequireDefault(require("@mui/utils/isHostComponent"));
@@ -110,19 +109,13 @@ const Popover = /*#__PURE__*/React.forwardRef(function Popover(inProps, ref) {
     elevation = 8,
     marginThreshold = 16,
     open,
-    PaperProps: PaperPropsProp = {},
-    // TODO: remove in v7
     slots = {},
     slotProps = {},
     transformOrigin = {
       vertical: 'top',
       horizontal: 'left'
     },
-    TransitionComponent,
-    // TODO: remove in v7
     transitionDuration: transitionDurationProp = 'auto',
-    TransitionProps = {},
-    // TODO: remove in v7
     disableScrollLock = false,
     ...other
   } = props;
@@ -134,9 +127,7 @@ const Popover = /*#__PURE__*/React.forwardRef(function Popover(inProps, ref) {
     elevation,
     marginThreshold,
     transformOrigin,
-    TransitionComponent,
-    transitionDuration: transitionDurationProp,
-    TransitionProps
+    transitionDuration: transitionDurationProp
   };
   const classes = useUtilityClasses(ownerState);
 
@@ -293,15 +284,8 @@ const Popover = /*#__PURE__*/React.forwardRef(function Popover(inProps, ref) {
   }, [anchorEl, open, setPositioningStyles]);
   let transitionDuration = transitionDurationProp;
   const externalForwardedProps = {
-    slots: {
-      transition: TransitionComponent,
-      ...slots
-    },
-    slotProps: {
-      transition: TransitionProps,
-      paper: PaperPropsProp,
-      ...slotProps
-    }
+    slots,
+    slotProps
   };
   const [TransitionSlot, transitionSlotProps] = (0, _useSlot.default)('transition', {
     elementType: _Grow.default,
@@ -451,25 +435,6 @@ process.env.NODE_ENV !== "production" ? Popover.propTypes /* remove-proptypes */
    * @default 'anchorEl'
    */
   anchorReference: _propTypes.default.oneOf(['anchorEl', 'anchorPosition', 'none']),
-  /**
-   * A backdrop component. This prop enables custom backdrop rendering.
-   * @deprecated Use `slots.backdrop` 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 styled(Backdrop, {
-   *   name: 'MuiModal',
-   *   slot: 'Backdrop',
-   *   overridesResolver: (props, styles) => {
-   *     return styles.backdrop;
-   *   },
-   * })({
-   *   zIndex: -1,
-   * })
-   */
-  BackdropComponent: _propTypes.default.elementType,
-  /**
-   * Props applied to the [`Backdrop`](/material-ui/api/backdrop/) element.
-   * @deprecated Use `slotProps.backdrop` 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.
-   */
-  BackdropProps: _propTypes.default.object,
   /**
    * The content of the component.
    */
@@ -515,17 +480,6 @@ process.env.NODE_ENV !== "production" ? Popover.propTypes /* remove-proptypes */
    * If `true`, the component is shown.
    */
   open: _propTypes.default.bool.isRequired,
-  /**
-   * Props applied to the [`Paper`](https://mui.com/material-ui/api/paper/) element.
-   *
-   * This prop is an alias for `slotProps.paper` and will be overridden by it if both are used.
-   * @deprecated Use `slotProps.paper` instead.
-   *
-   * @default {}
-   */
-  PaperProps: _propTypes.default /* @typescript-to-proptypes-ignore */.shape({
-    component: _elementTypeAcceptingRef.default
-  }),
   /**
    * The props used for each slot inside.
    * @default {}
@@ -566,13 +520,6 @@ process.env.NODE_ENV !== "production" ? Popover.propTypes /* remove-proptypes */
     horizontal: _propTypes.default.oneOfType([_propTypes.default.oneOf(['center', 'left', 'right']), _propTypes.default.number]).isRequired,
     vertical: _propTypes.default.oneOfType([_propTypes.default.oneOf(['bottom', 'center', 'top']), _propTypes.default.number]).isRequired
   }),
-  /**
-   * 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.
-   * @deprecated use the `slots.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 Grow
-   */
-  TransitionComponent: _propTypes.default.elementType,
   /**
    * Set to 'auto' to automatically calculate transition time based on height.
    * @default 'auto'
@@ -581,13 +528,6 @@ process.env.NODE_ENV !== "production" ? Popover.propTypes /* remove-proptypes */
     appear: _propTypes.default.number,
     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
+  })])
 } : void 0;
 var _default = exports.default = Popover;