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

package/Slider/useSlider.js

@@ -97,11 +97,27 @@ function setValueIndex({
 function focusThumb({
   sliderRef,
   activeIndex,
-  setActive
+  setActive,
+  focusVisible
 }) {
   const doc = (0, _ownerDocument.default)(sliderRef.current);
   if (!sliderRef.current?.contains(doc.activeElement) || Number(doc?.activeElement?.getAttribute('data-index')) !== activeIndex) {
-    sliderRef.current?.querySelector(`[type="range"][data-index="${activeIndex}"]`).focus();
+    const input = sliderRef.current?.querySelector(`[type="range"][data-index="${activeIndex}"]`);
+    if (input != null) {
+      if (focusVisible === undefined) {
+        input.focus({
+          preventScroll: true
+        });
+      } else {
+        input.focus({
+          preventScroll: true,
+          // Prevent pointer-driven focus rings in browsers that support this option.
+          // Chrome 144+ supports `focusVisible` in `HTMLElement.focus()` options.
+          // @ts-ignore - `focusVisible` is not yet in TypeScript's lib.dom FocusOptions.
+          focusVisible
+        });
+      }
+    }
   }
   if (setActive) {
     setActive(activeIndex);
@@ -188,6 +204,7 @@ function useSlider(parameters) {
     value: valueProp
   } = parameters;
   const touchId = React.useRef(undefined);
+  const focusFrame = React.useRef(null);
   // We can't use the :active browser pseudo-classes.
   // - The active state isn't triggered when clicking on the rail.
   // - The active state isn't transferred when inversing a range slider.
@@ -195,6 +212,12 @@ function useSlider(parameters) {
   const [open, setOpen] = React.useState(-1);
   const [dragging, setDragging] = React.useState(false);
   const moveCount = React.useRef(0);
+  const cancelFocusFrame = (0, _useEventCallback.default)(() => {
+    if (focusFrame.current != null) {
+      cancelAnimationFrame(focusFrame.current);
+      focusFrame.current = null;
+    }
+  });
   // lastChangedValue is updated whenever onChange is triggered.
   const lastChangedValue = React.useRef(null);
   const [valueDerived, setValueState] = (0, _useControlled.default)({
@@ -467,7 +490,8 @@ function useSlider(parameters) {
     focusThumb({
       sliderRef,
       activeIndex,
-      setActive
+      setActive,
+      focusVisible: false
     });
     setValueState(newValue);
     if (!dragging && moveCount.current > INTENTIONAL_DRAG_COUNT_THRESHOLD) {
@@ -525,7 +549,8 @@ function useSlider(parameters) {
       focusThumb({
         sliderRef,
         activeIndex,
-        setActive
+        setActive,
+        focusVisible: false
       });
       setValueState(newValue);
       if (handleChange && !areValuesEqual(newValue, valueDerived)) {
@@ -557,14 +582,16 @@ function useSlider(parameters) {
     });
     return () => {
       slider.removeEventListener('touchstart', handleTouchStart);
+      cancelFocusFrame();
       stopListening();
     };
-  }, [stopListening, handleTouchStart]);
+  }, [stopListening, handleTouchStart, cancelFocusFrame]);
   React.useEffect(() => {
     if (disabled) {
       stopListening();
+      cancelFocusFrame();
     }
-  }, [disabled, stopListening]);
+  }, [disabled, stopListening, cancelFocusFrame]);
   const createHandleMouseDown = otherHandlers => event => {
     otherHandlers.onMouseDown?.(event);
     if (disabled) {
@@ -578,9 +605,6 @@ function useSlider(parameters) {
     if (event.button !== 0) {
       return;
     }
-
-    // Avoid text selection
-    event.preventDefault();
     const finger = trackFinger(event, touchId);
     if (finger !== false) {
       const {
@@ -589,11 +613,23 @@ function useSlider(parameters) {
       } = getFingerNewValue({
         finger
       });
-      focusThumb({
-        sliderRef,
-        activeIndex,
-        setActive
-      });
+      const doc = (0, _ownerDocument.default)(sliderRef.current);
+      const activeElement = doc.activeElement;
+      const pressedOnFocusedThumb = sliderRef.current?.contains(activeElement) && Number(activeElement?.getAttribute('data-index')) === activeIndex;
+      setActive(activeIndex);
+      if (pressedOnFocusedThumb) {
+        event.preventDefault();
+      } else {
+        cancelFocusFrame();
+        focusFrame.current = requestAnimationFrame(() => {
+          focusFrame.current = null;
+          focusThumb({
+            sliderRef,
+            activeIndex,
+            focusVisible: false
+          });
+        });
+      }
       setValueState(newValue);
       if (handleChange && !areValuesEqual(newValue, valueDerived)) {
         handleChange(event, newValue, activeIndex);

package/Slider/useSlider.mjs

@@ -88,11 +88,27 @@ function setValueIndex({
 function focusThumb({
   sliderRef,
   activeIndex,
-  setActive
+  setActive,
+  focusVisible
 }) {
   const doc = ownerDocument(sliderRef.current);
   if (!sliderRef.current?.contains(doc.activeElement) || Number(doc?.activeElement?.getAttribute('data-index')) !== activeIndex) {
-    sliderRef.current?.querySelector(`[type="range"][data-index="${activeIndex}"]`).focus();
+    const input = sliderRef.current?.querySelector(`[type="range"][data-index="${activeIndex}"]`);
+    if (input != null) {
+      if (focusVisible === undefined) {
+        input.focus({
+          preventScroll: true
+        });
+      } else {
+        input.focus({
+          preventScroll: true,
+          // Prevent pointer-driven focus rings in browsers that support this option.
+          // Chrome 144+ supports `focusVisible` in `HTMLElement.focus()` options.
+          // @ts-ignore - `focusVisible` is not yet in TypeScript's lib.dom FocusOptions.
+          focusVisible
+        });
+      }
+    }
   }
   if (setActive) {
     setActive(activeIndex);
@@ -178,6 +194,7 @@ export function useSlider(parameters) {
     value: valueProp
   } = parameters;
   const touchId = React.useRef(undefined);
+  const focusFrame = React.useRef(null);
   // We can't use the :active browser pseudo-classes.
   // - The active state isn't triggered when clicking on the rail.
   // - The active state isn't transferred when inversing a range slider.
@@ -185,6 +202,12 @@ export function useSlider(parameters) {
   const [open, setOpen] = React.useState(-1);
   const [dragging, setDragging] = React.useState(false);
   const moveCount = React.useRef(0);
+  const cancelFocusFrame = useEventCallback(() => {
+    if (focusFrame.current != null) {
+      cancelAnimationFrame(focusFrame.current);
+      focusFrame.current = null;
+    }
+  });
   // lastChangedValue is updated whenever onChange is triggered.
   const lastChangedValue = React.useRef(null);
   const [valueDerived, setValueState] = useControlled({
@@ -457,7 +480,8 @@ export function useSlider(parameters) {
     focusThumb({
       sliderRef,
       activeIndex,
-      setActive
+      setActive,
+      focusVisible: false
     });
     setValueState(newValue);
     if (!dragging && moveCount.current > INTENTIONAL_DRAG_COUNT_THRESHOLD) {
@@ -515,7 +539,8 @@ export function useSlider(parameters) {
       focusThumb({
         sliderRef,
         activeIndex,
-        setActive
+        setActive,
+        focusVisible: false
       });
       setValueState(newValue);
       if (handleChange && !areValuesEqual(newValue, valueDerived)) {
@@ -547,14 +572,16 @@ export function useSlider(parameters) {
     });
     return () => {
       slider.removeEventListener('touchstart', handleTouchStart);
+      cancelFocusFrame();
       stopListening();
     };
-  }, [stopListening, handleTouchStart]);
+  }, [stopListening, handleTouchStart, cancelFocusFrame]);
   React.useEffect(() => {
     if (disabled) {
       stopListening();
+      cancelFocusFrame();
     }
-  }, [disabled, stopListening]);
+  }, [disabled, stopListening, cancelFocusFrame]);
   const createHandleMouseDown = otherHandlers => event => {
     otherHandlers.onMouseDown?.(event);
     if (disabled) {
@@ -568,9 +595,6 @@ export function useSlider(parameters) {
     if (event.button !== 0) {
       return;
     }
-
-    // Avoid text selection
-    event.preventDefault();
     const finger = trackFinger(event, touchId);
     if (finger !== false) {
       const {
@@ -579,11 +603,23 @@ export function useSlider(parameters) {
       } = getFingerNewValue({
         finger
       });
-      focusThumb({
-        sliderRef,
-        activeIndex,
-        setActive
-      });
+      const doc = ownerDocument(sliderRef.current);
+      const activeElement = doc.activeElement;
+      const pressedOnFocusedThumb = sliderRef.current?.contains(activeElement) && Number(activeElement?.getAttribute('data-index')) === activeIndex;
+      setActive(activeIndex);
+      if (pressedOnFocusedThumb) {
+        event.preventDefault();
+      } else {
+        cancelFocusFrame();
+        focusFrame.current = requestAnimationFrame(() => {
+          focusFrame.current = null;
+          focusThumb({
+            sliderRef,
+            activeIndex,
+            focusVisible: false
+          });
+        });
+      }
       setValueState(newValue);
       if (handleChange && !areValuesEqual(newValue, valueDerived)) {
         handleChange(event, newValue, activeIndex);

package/Snackbar/Snackbar.d.mts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { SxProps } from '@mui/system';
-import ClickAwayListener, { ClickAwayListenerProps } from "../ClickAwayListener/index.mjs";
+import ClickAwayListener from "../ClickAwayListener/index.mjs";
 import { Theme } from "../styles/index.mjs";
 import { InternalStandardProps as StandardProps } from "../internal/index.mjs";
 import { SnackbarContentProps } from "../SnackbarContent/index.mjs";
@@ -89,16 +89,6 @@ export interface SnackbarProps extends Omit<StandardProps<React.HTMLAttributes<H
    * Override or extend the styles applied to the component.
    */
   classes?: Partial<SnackbarClasses> | undefined;
-  /**
-   * Props applied to the `ClickAwayListener` element.
-   * @deprecated Use `slotProps.clickAwayListener` 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.
-   */
-  ClickAwayListenerProps?: Partial<ClickAwayListenerProps> | undefined;
-  /**
-   * Props applied to the [`SnackbarContent`](https://mui.com/material-ui/api/snackbar-content/) element.
-   * @deprecated Use `slotProps.content` 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.
-   */
-  ContentProps?: Partial<SnackbarContentProps> | undefined;
   /**
    * If `true`, the `autoHideDuration` timer will expire even if the window is not focused.
    * @default false
@@ -141,15 +131,6 @@ export interface SnackbarProps extends Omit<StandardProps<React.HTMLAttributes<H
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
   sx?: SxProps<Theme> | 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 `slots.transition` 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.
-   * @default Grow
-   */
-  TransitionComponent?: React.JSXElementConstructor<TransitionProps & {
-    children: React.ReactElement<unknown, any>;
-  }> | undefined;
   /**
    * The duration for the transition, in milliseconds.
    * You may specify a single timeout for all transitions, or individually with an object.
@@ -159,13 +140,6 @@ export interface SnackbarProps extends Omit<StandardProps<React.HTMLAttributes<H
    * }
    */
   transitionDuration?: TransitionProps['timeout'] | 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 `slotProps.transition` 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.
-   * @default {}
-   */
-  TransitionProps?: TransitionProps | undefined;
 }
 
 /**

package/Snackbar/Snackbar.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { SxProps } from '@mui/system';
-import ClickAwayListener, { ClickAwayListenerProps } from "../ClickAwayListener/index.js";
+import ClickAwayListener from "../ClickAwayListener/index.js";
 import { Theme } from "../styles/index.js";
 import { InternalStandardProps as StandardProps } from "../internal/index.js";
 import { SnackbarContentProps } from "../SnackbarContent/index.js";
@@ -89,16 +89,6 @@ export interface SnackbarProps extends Omit<StandardProps<React.HTMLAttributes<H
    * Override or extend the styles applied to the component.
    */
   classes?: Partial<SnackbarClasses> | undefined;
-  /**
-   * Props applied to the `ClickAwayListener` element.
-   * @deprecated Use `slotProps.clickAwayListener` 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.
-   */
-  ClickAwayListenerProps?: Partial<ClickAwayListenerProps> | undefined;
-  /**
-   * Props applied to the [`SnackbarContent`](https://mui.com/material-ui/api/snackbar-content/) element.
-   * @deprecated Use `slotProps.content` 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.
-   */
-  ContentProps?: Partial<SnackbarContentProps> | undefined;
   /**
    * If `true`, the `autoHideDuration` timer will expire even if the window is not focused.
    * @default false
@@ -141,15 +131,6 @@ export interface SnackbarProps extends Omit<StandardProps<React.HTMLAttributes<H
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
   sx?: SxProps<Theme> | 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 `slots.transition` 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.
-   * @default Grow
-   */
-  TransitionComponent?: React.JSXElementConstructor<TransitionProps & {
-    children: React.ReactElement<unknown, any>;
-  }> | undefined;
   /**
    * The duration for the transition, in milliseconds.
    * You may specify a single timeout for all transitions, or individually with an object.
@@ -159,13 +140,6 @@ export interface SnackbarProps extends Omit<StandardProps<React.HTMLAttributes<H
    * }
    */
   transitionDuration?: TransitionProps['timeout'] | 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 `slotProps.transition` 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.
-   * @default {}
-   */
-  TransitionProps?: TransitionProps | undefined;
 }
 
 /**

package/Snackbar/Snackbar.js

@@ -127,8 +127,6 @@ const Snackbar = /*#__PURE__*/React.forwardRef(function Snackbar(inProps, ref) {
     autoHideDuration = null,
     children,
     className,
-    ClickAwayListenerProps: ClickAwayListenerPropsProp,
-    ContentProps: ContentPropsProp,
     disableWindowBlurListener = false,
     message,
     onBlur,
@@ -140,13 +138,7 @@ const Snackbar = /*#__PURE__*/React.forwardRef(function Snackbar(inProps, ref) {
     resumeHideDuration,
     slots = {},
     slotProps = {},
-    TransitionComponent: TransitionComponentProp,
     transitionDuration = defaultTransitionDuration,
-    TransitionProps: {
-      onEnter,
-      onExited,
-      ...TransitionPropsProp
-    } = {},
     ...other
   } = props;
   const ownerState = {
@@ -157,7 +149,6 @@ const Snackbar = /*#__PURE__*/React.forwardRef(function Snackbar(inProps, ref) {
     },
     autoHideDuration,
     disableWindowBlurListener,
-    TransitionComponent: TransitionComponentProp,
     transitionDuration
   };
   const classes = useUtilityClasses(ownerState);
@@ -166,29 +157,9 @@ const Snackbar = /*#__PURE__*/React.forwardRef(function Snackbar(inProps, ref) {
     onClickAway
   } = (0, _useSnackbar.default)(ownerState);
   const [exited, setExited] = React.useState(true);
-  const handleExited = node => {
-    setExited(true);
-    if (onExited) {
-      onExited(node);
-    }
-  };
-  const handleEnter = (node, isAppearing) => {
-    setExited(false);
-    if (onEnter) {
-      onEnter(node, isAppearing);
-    }
-  };
   const externalForwardedProps = {
-    slots: {
-      transition: TransitionComponentProp,
-      ...slots
-    },
-    slotProps: {
-      content: ContentPropsProp,
-      clickAwayListener: ClickAwayListenerPropsProp,
-      transition: TransitionPropsProp,
-      ...slotProps
-    }
+    slots,
+    slotProps
   };
   const [Root, rootProps] = (0, _useSlot.default)('root', {
     ref,
@@ -235,11 +206,11 @@ const Snackbar = /*#__PURE__*/React.forwardRef(function Snackbar(inProps, ref) {
     getSlotProps: handlers => ({
       onEnter: (...params) => {
         handlers.onEnter?.(...params);
-        handleEnter(...params);
+        setExited(false);
       },
       onExited: (...params) => {
         handlers.onExited?.(...params);
-        handleExited(...params);
+        setExited(true);
       }
     }),
     additionalProps: {
@@ -310,16 +281,6 @@ process.env.NODE_ENV !== "production" ? Snackbar.propTypes /* remove-proptypes *
    * @ignore
    */
   className: _propTypes.default.string,
-  /**
-   * Props applied to the `ClickAwayListener` element.
-   * @deprecated Use `slotProps.clickAwayListener` 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.
-   */
-  ClickAwayListenerProps: _propTypes.default.object,
-  /**
-   * Props applied to the [`SnackbarContent`](https://mui.com/material-ui/api/snackbar-content/) element.
-   * @deprecated Use `slotProps.content` 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.
-   */
-  ContentProps: _propTypes.default.object,
   /**
    * If `true`, the `autoHideDuration` timer will expire even if the window is not focused.
    * @default false
@@ -398,13 +359,6 @@ process.env.NODE_ENV !== "production" ? Snackbar.propTypes /* remove-proptypes *
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
   sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
-  /**
-   * 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 `slots.transition` 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.
-   * @default Grow
-   */
-  TransitionComponent: _propTypes.default.elementType,
   /**
    * The duration for the transition, in milliseconds.
    * You may specify a single timeout for all transitions, or individually with an object.
@@ -417,13 +371,6 @@ process.env.NODE_ENV !== "production" ? Snackbar.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 `slotProps.transition` 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.
-   * @default {}
-   */
-  TransitionProps: _propTypes.default.object
+  })])
 } : void 0;
 var _default = exports.default = Snackbar;

package/Snackbar/Snackbar.mjs

@@ -120,8 +120,6 @@ const Snackbar = /*#__PURE__*/React.forwardRef(function Snackbar(inProps, ref) {
     autoHideDuration = null,
     children,
     className,
-    ClickAwayListenerProps: ClickAwayListenerPropsProp,
-    ContentProps: ContentPropsProp,
     disableWindowBlurListener = false,
     message,
     onBlur,
@@ -133,13 +131,7 @@ const Snackbar = /*#__PURE__*/React.forwardRef(function Snackbar(inProps, ref) {
     resumeHideDuration,
     slots = {},
     slotProps = {},
-    TransitionComponent: TransitionComponentProp,
     transitionDuration = defaultTransitionDuration,
-    TransitionProps: {
-      onEnter,
-      onExited,
-      ...TransitionPropsProp
-    } = {},
     ...other
   } = props;
   const ownerState = {
@@ -150,7 +142,6 @@ const Snackbar = /*#__PURE__*/React.forwardRef(function Snackbar(inProps, ref) {
     },
     autoHideDuration,
     disableWindowBlurListener,
-    TransitionComponent: TransitionComponentProp,
     transitionDuration
   };
   const classes = useUtilityClasses(ownerState);
@@ -159,29 +150,9 @@ const Snackbar = /*#__PURE__*/React.forwardRef(function Snackbar(inProps, ref) {
     onClickAway
   } = useSnackbar(ownerState);
   const [exited, setExited] = React.useState(true);
-  const handleExited = node => {
-    setExited(true);
-    if (onExited) {
-      onExited(node);
-    }
-  };
-  const handleEnter = (node, isAppearing) => {
-    setExited(false);
-    if (onEnter) {
-      onEnter(node, isAppearing);
-    }
-  };
   const externalForwardedProps = {
-    slots: {
-      transition: TransitionComponentProp,
-      ...slots
-    },
-    slotProps: {
-      content: ContentPropsProp,
-      clickAwayListener: ClickAwayListenerPropsProp,
-      transition: TransitionPropsProp,
-      ...slotProps
-    }
+    slots,
+    slotProps
   };
   const [Root, rootProps] = useSlot('root', {
     ref,
@@ -228,11 +199,11 @@ const Snackbar = /*#__PURE__*/React.forwardRef(function Snackbar(inProps, ref) {
     getSlotProps: handlers => ({
       onEnter: (...params) => {
         handlers.onEnter?.(...params);
-        handleEnter(...params);
+        setExited(false);
       },
       onExited: (...params) => {
         handlers.onExited?.(...params);
-        handleExited(...params);
+        setExited(true);
       }
     }),
     additionalProps: {
@@ -303,16 +274,6 @@ process.env.NODE_ENV !== "production" ? Snackbar.propTypes /* remove-proptypes *
    * @ignore
    */
   className: PropTypes.string,
-  /**
-   * Props applied to the `ClickAwayListener` element.
-   * @deprecated Use `slotProps.clickAwayListener` 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.
-   */
-  ClickAwayListenerProps: PropTypes.object,
-  /**
-   * Props applied to the [`SnackbarContent`](https://mui.com/material-ui/api/snackbar-content/) element.
-   * @deprecated Use `slotProps.content` 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.
-   */
-  ContentProps: PropTypes.object,
   /**
    * If `true`, the `autoHideDuration` timer will expire even if the window is not focused.
    * @default false
@@ -391,13 +352,6 @@ process.env.NODE_ENV !== "production" ? Snackbar.propTypes /* remove-proptypes *
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
   sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
-  /**
-   * 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 `slots.transition` 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.
-   * @default Grow
-   */
-  TransitionComponent: PropTypes.elementType,
   /**
    * The duration for the transition, in milliseconds.
    * You may specify a single timeout for all transitions, or individually with an object.
@@ -410,13 +364,6 @@ process.env.NODE_ENV !== "production" ? Snackbar.propTypes /* remove-proptypes *
     appear: PropTypes.number,
     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 `slotProps.transition` 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.
-   * @default {}
-   */
-  TransitionProps: PropTypes.object
+  })])
 } : void 0;
 export default Snackbar;

package/SpeedDial/SpeedDial.d.mts

@@ -93,13 +93,6 @@ export interface SpeedDialProps extends Omit<StandardProps<React.HTMLAttributes<
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
   sx?: SxProps<Theme> | 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.
-   * @default Zoom
-   * * @deprecated Use `slots.transition` instead. This prop will be removed in a future major release. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
-   */
-  TransitionComponent?: React.JSXElementConstructor<TransitionProps> | undefined;
   /**
    * The duration for the transition, in milliseconds.
    * You may specify a single timeout for all transitions, or individually with an object.
@@ -109,12 +102,6 @@ export interface SpeedDialProps extends Omit<StandardProps<React.HTMLAttributes<
    * }
    */
   transitionDuration?: TransitionProps['timeout'] | 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 `slotProps.transition` instead. This prop will be removed in a future major release. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
-   */
-  TransitionProps?: TransitionProps | undefined;
 }
 export interface SpeedDialOwnerState extends SpeedDialProps {}
 

package/SpeedDial/SpeedDial.d.ts

@@ -93,13 +93,6 @@ export interface SpeedDialProps extends Omit<StandardProps<React.HTMLAttributes<
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
   sx?: SxProps<Theme> | 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.
-   * @default Zoom
-   * * @deprecated Use `slots.transition` instead. This prop will be removed in a future major release. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
-   */
-  TransitionComponent?: React.JSXElementConstructor<TransitionProps> | undefined;
   /**
    * The duration for the transition, in milliseconds.
    * You may specify a single timeout for all transitions, or individually with an object.
@@ -109,12 +102,6 @@ export interface SpeedDialProps extends Omit<StandardProps<React.HTMLAttributes<
    * }
    */
   transitionDuration?: TransitionProps['timeout'] | 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 `slotProps.transition` instead. This prop will be removed in a future major release. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
-   */
-  TransitionProps?: TransitionProps | undefined;
 }
 export interface SpeedDialOwnerState extends SpeedDialProps {}