@mui/material 7.3.9 → 7.3.10

package/esm/Select/SelectInput.js

@@ -19,6 +19,8 @@ import slotShouldForwardProp from "../styles/slotShouldForwardProp.js";
 import useForkRef from "../utils/useForkRef.js";
 import useControlled from "../utils/useControlled.js";
 import selectClasses, { getSelectUtilityClasses } from "./selectClasses.js";
+import { areEqualValues, isEmpty, getOpenInteractionType } from "./utils/index.js";
+import { SelectFocusSourceProvider } from "./utils/SelectFocusSourceContext.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const SelectSelect = styled(StyledSelectSelect, {
   name: 'MuiSelect',
@@ -74,17 +76,6 @@ const SelectNativeInput = styled('input', {
   width: '100%',
   boxSizing: 'border-box'
 });
-function areEqualValues(a, b) {
-  if (typeof b === 'object' && b !== null) {
-    return a === b;
-  }
-
-  // The value could be a number, the DOM will stringify it anyway.
-  return String(a) === String(b);
-}
-function isEmpty(display) {
-  return display == null || typeof display === 'string' && !display.trim();
-}
 const useUtilityClasses = ownerState => {
   const {
     classes,
@@ -162,6 +153,7 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
     current: isOpenControlled
   } = React.useRef(openProp != null);
   const [menuMinWidthState, setMenuMinWidthState] = React.useState();
+  const [openInteractionType, setOpenInteractionType] = React.useState(null);
   const handleRef = useForkRef(ref, inputRefProp);
   const handleDisplayRef = React.useCallback(node => {
     displayRef.current = node;
@@ -230,11 +222,15 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
   }, [labelId]);
   const update = (openParam, event) => {
     if (openParam) {
+      setOpenInteractionType(getOpenInteractionType(event));
       if (onOpen) {
         onOpen(event);
       }
-    } else if (onClose) {
-      onClose(event);
+    } else {
+      setOpenInteractionType(null);
+      if (onClose) {
+        onClose(event);
+      }
     }
     if (!isOpenControlled) {
       setMenuMinWidthState(autoWidth ? null : anchorElement.clientWidth);
@@ -510,39 +506,42 @@ const SelectInput = /*#__PURE__*/React.forwardRef(function SelectInput(props, re
       as: IconComponent,
       className: classes.icon,
       ownerState: ownerState
-    }), /*#__PURE__*/_jsx(Menu, {
-      id: `menu-${name || ''}`,
-      anchorEl: anchorElement,
-      open: open,
-      onClose: handleClose,
-      anchorOrigin: {
-        vertical: 'bottom',
-        horizontal: 'center'
-      },
-      transformOrigin: {
-        vertical: 'top',
-        horizontal: 'center'
-      },
-      ...MenuProps,
-      slotProps: {
-        ...MenuProps.slotProps,
-        list: {
-          'aria-labelledby': labelId,
-          role: 'listbox',
-          'aria-multiselectable': multiple ? 'true' : undefined,
-          disableListWrap: true,
-          id: listboxId,
-          ...listProps
+    }), /*#__PURE__*/_jsx(SelectFocusSourceProvider, {
+      value: openInteractionType,
+      children: /*#__PURE__*/_jsx(Menu, {
+        id: `menu-${name || ''}`,
+        anchorEl: anchorElement,
+        open: open,
+        onClose: handleClose,
+        anchorOrigin: {
+          vertical: 'bottom',
+          horizontal: 'center'
+        },
+        transformOrigin: {
+          vertical: 'top',
+          horizontal: 'center'
         },
-        paper: {
-          ...paperProps,
-          style: {
-            minWidth: menuMinWidth,
-            ...(paperProps != null ? paperProps.style : null)
+        ...MenuProps,
+        slotProps: {
+          ...MenuProps.slotProps,
+          list: {
+            'aria-labelledby': labelId,
+            role: 'listbox',
+            'aria-multiselectable': multiple ? 'true' : undefined,
+            disableListWrap: true,
+            id: listboxId,
+            ...listProps
+          },
+          paper: {
+            ...paperProps,
+            style: {
+              minWidth: menuMinWidth,
+              ...(paperProps != null ? paperProps.style : null)
+            }
           }
-        }
-      },
-      children: items
+        },
+        children: items
+      })
     })]
   });
 });

package/esm/Select/index.d.ts

@@ -1,4 +1,5 @@
 export { default } from "./Select.js";
 export * from "./Select.js";
+export * from "./utils/index.js";
 export { default as selectClasses } from "./selectClasses.js";
 export * from "./selectClasses.js";

package/esm/Select/index.js

@@ -1,3 +1,4 @@
 export { default } from "./Select.js";
+export * from "./utils/index.js";
 export { default as selectClasses } from "./selectClasses.js";
 export * from "./selectClasses.js";

package/esm/Select/utils/SelectFocusSourceContext.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+declare function useSelectFocusSource(): "touch" | "mouse" | "keyboard" | null;
+declare const SelectFocusSourceProvider: React.Provider<"touch" | "mouse" | "keyboard" | null>;
+export { useSelectFocusSource, SelectFocusSourceProvider };

package/esm/Select/utils/SelectFocusSourceContext.js

@@ -0,0 +1,13 @@
+'use client';
+
+import * as React from 'react';
+const SelectFocusSourceContext = /*#__PURE__*/React.createContext(null);
+if (process.env.NODE_ENV !== 'production') {
+  SelectFocusSourceContext.displayName = 'SelectFocusSourceContext';
+}
+function useSelectFocusSource() {
+  const context = React.useContext(SelectFocusSourceContext);
+  return context;
+}
+const SelectFocusSourceProvider = SelectFocusSourceContext.Provider;
+export { useSelectFocusSource, SelectFocusSourceProvider };

package/esm/Select/utils/areEqualValues.d.ts

@@ -0,0 +1 @@
+export default function areEqualValues(a: unknown, b: unknown): boolean;

package/esm/Select/utils/areEqualValues.js

@@ -0,0 +1,8 @@
+export default function areEqualValues(a, b) {
+  if (typeof b === 'object' && b !== null) {
+    return a === b;
+  }
+
+  // The value could be a number, the DOM will stringify it anyway.
+  return String(a) === String(b);
+}

package/esm/Select/utils/getOpenInteractionType.d.ts

@@ -0,0 +1 @@
+export default function getOpenInteractionType(event: MouseEvent | KeyboardEvent | TouchEvent | PointerEvent | null): 'keyboard' | 'pointer' | null;

package/esm/Select/utils/getOpenInteractionType.js

@@ -0,0 +1,12 @@
+export default function getOpenInteractionType(event) {
+  if (!event) {
+    return null;
+  }
+  if (event.type === 'mousedown' || event.type === 'pointerdown' || event.type === 'touchstart') {
+    return 'pointer';
+  }
+  if (event.type === 'keydown' || event.type === 'click' && event.detail === 0) {
+    return 'keyboard';
+  }
+  return null;
+}

package/esm/Select/utils/index.d.ts

@@ -0,0 +1,4 @@
+export { default as getOpenInteractionType } from "./getOpenInteractionType.js";
+export { default as isEmpty } from "./isEmpty.js";
+export { default as areEqualValues } from "./areEqualValues.js";
+export { useSelectFocusSource, SelectFocusSourceProvider } from "./SelectFocusSourceContext.js";

package/esm/Select/utils/index.js

@@ -0,0 +1,4 @@
+export { default as getOpenInteractionType } from "./getOpenInteractionType.js";
+export { default as isEmpty } from "./isEmpty.js";
+export { default as areEqualValues } from "./areEqualValues.js";
+export { useSelectFocusSource, SelectFocusSourceProvider } from "./SelectFocusSourceContext.js";

package/esm/Select/utils/isEmpty.d.ts

@@ -0,0 +1 @@
+export default function isEmpty(display: unknown): boolean;

package/esm/Select/utils/isEmpty.js

@@ -0,0 +1,3 @@
+export default function isEmpty(display) {
+  return display == null || typeof display === 'string' && !display.trim();
+}

package/esm/Skeleton/Skeleton.d.ts

@@ -49,11 +49,11 @@ export interface SkeletonTypeMap<AdditionalProps = {}, RootComponent extends Rea
  *
  * Demos:
  *
- * - [Skeleton](https://mui.com/material-ui/react-skeleton/)
+ * - [Skeleton](https://v7.mui.com/material-ui/react-skeleton/)
  *
  * API:
  *
- * - [Skeleton API](https://mui.com/material-ui/api/skeleton/)
+ * - [Skeleton API](https://v7.mui.com/material-ui/api/skeleton/)
  */
 declare const Skeleton: OverridableComponent<SkeletonTypeMap>;
 export type SkeletonProps<RootComponent extends React.ElementType = SkeletonTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<SkeletonTypeMap<AdditionalProps, RootComponent>, RootComponent> & {

package/esm/Slide/Slide.d.ts

@@ -47,17 +47,17 @@ export interface SlideProps extends TransitionProps {
 }
 
 /**
- * The Slide transition is used by the [Drawer](https://mui.com/material-ui/react-drawer/) component.
+ * The Slide transition is used by the [Drawer](https://v7.mui.com/material-ui/react-drawer/) component.
  * It uses [react-transition-group](https://github.com/reactjs/react-transition-group) internally.
  *
  * Demos:
  *
- * - [Dialog](https://mui.com/material-ui/react-dialog/)
- * - [Transitions](https://mui.com/material-ui/transitions/)
+ * - [Dialog](https://v7.mui.com/material-ui/react-dialog/)
+ * - [Transitions](https://v7.mui.com/material-ui/transitions/)
  *
  * API:
  *
- * - [Slide API](https://mui.com/material-ui/api/slide/)
+ * - [Slide API](https://v7.mui.com/material-ui/api/slide/)
  * - inherits [Transition API](https://reactcommunity.org/react-transition-group/transition/#Transition-props)
  */
 export default function Slide(props: SlideProps): React.JSX.Element;

package/esm/Slide/Slide.js

@@ -11,23 +11,33 @@ import isLayoutSupported from "../utils/isLayoutSupported.js";
 import debounce from "../utils/debounce.js";
 import useForkRef from "../utils/useForkRef.js";
 import { useTheme } from "../zero-styled/index.js";
-import { reflow, getTransitionProps } from "../transitions/utils.js";
+import { normalizedTransitionCallback, reflow, getTransitionProps } from "../transitions/utils.js";
 import { ownerWindow } from "../utils/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const hiddenStyles = {
+  visibility: 'hidden'
+};
 
 // Translate the node so it can't be seen on the screen.
 // Later, we're going to translate the node back to its original location with `none`.
-import { jsx as _jsx } from "react/jsx-runtime";
 function getTranslateValue(direction, node, resolvedContainer) {
-  const rect = node.getBoundingClientRect();
   const containerRect = resolvedContainer && resolvedContainer.getBoundingClientRect();
   const containerWindow = ownerWindow(node);
-  let transform;
-  if (node.fakeTransform) {
-    transform = node.fakeTransform;
-  } else {
-    const computedStyle = containerWindow.getComputedStyle(node);
-    transform = computedStyle.getPropertyValue('-webkit-transform') || computedStyle.getPropertyValue('transform');
-  }
+
+  // Clear the inline transform and transition before reading layout and computed
+  // style so we compute from the element's natural position, not its previous
+  // off-screen translation. The transition must also be cleared, otherwise the
+  // browser may report an animated intermediate value from a still-running
+  // enter transition when reading getComputedStyle during exit.
+  const previousTransform = node.style.transform;
+  const previousTransition = node.style.transition;
+  node.style.transition = '';
+  node.style.transform = '';
+  const rect = node.getBoundingClientRect();
+  const computedStyle = containerWindow.getComputedStyle(node);
+  const transform = computedStyle.getPropertyValue('transform');
+  node.style.transform = previousTransform;
+  node.style.transition = previousTransition;
   let offsetX = 0;
   let offsetY = 0;
   if (transform && transform !== 'none' && typeof transform === 'string') {
@@ -67,7 +77,6 @@ export function setTranslateValue(direction, node, containerProp) {
   const resolvedContainer = resolveContainer(containerProp);
   const transform = getTranslateValue(direction, node, resolvedContainer);
   if (transform) {
-    node.style.webkitTransform = transform;
     node.style.transform = transform;
   }
 }
@@ -102,30 +111,18 @@ const Slide = /*#__PURE__*/React.forwardRef(function Slide(props, ref) {
     onExiting,
     style,
     timeout = defaultTimeout,
-    // eslint-disable-next-line react/prop-types
-    TransitionComponent = Transition,
     ...other
   } = props;
   const childrenRef = React.useRef(null);
   const handleRef = useForkRef(getReactElementRef(children), childrenRef, ref);
-  const normalizedTransitionCallback = callback => isAppearing => {
-    if (callback) {
-      // onEnterXxx and onExitXxx callbacks have a different arguments.length value.
-      if (isAppearing === undefined) {
-        callback(childrenRef.current);
-      } else {
-        callback(childrenRef.current, isAppearing);
-      }
-    }
-  };
-  const handleEnter = normalizedTransitionCallback((node, isAppearing) => {
+  const handleEnter = normalizedTransitionCallback(childrenRef, (node, isAppearing) => {
     setTranslateValue(direction, node, containerProp);
     reflow(node);
     if (onEnter) {
       onEnter(node, isAppearing);
     }
   });
-  const handleEntering = normalizedTransitionCallback((node, isAppearing) => {
+  const handleEntering = normalizedTransitionCallback(childrenRef, (node, isAppearing) => {
     const transitionProps = getTransitionProps({
       timeout,
       style,
@@ -133,21 +130,15 @@ const Slide = /*#__PURE__*/React.forwardRef(function Slide(props, ref) {
     }, {
       mode: 'enter'
     });
-    node.style.webkitTransition = theme.transitions.create('-webkit-transform', {
-      ...transitionProps
-    });
-    node.style.transition = theme.transitions.create('transform', {
-      ...transitionProps
-    });
-    node.style.webkitTransform = 'none';
+    node.style.transition = theme.transitions.create('transform', transitionProps);
     node.style.transform = 'none';
     if (onEntering) {
       onEntering(node, isAppearing);
     }
   });
-  const handleEntered = normalizedTransitionCallback(onEntered);
-  const handleExiting = normalizedTransitionCallback(onExiting);
-  const handleExit = normalizedTransitionCallback(node => {
+  const handleEntered = normalizedTransitionCallback(childrenRef, onEntered);
+  const handleExiting = normalizedTransitionCallback(childrenRef, onExiting);
+  const handleExit = normalizedTransitionCallback(childrenRef, node => {
     const transitionProps = getTransitionProps({
       timeout,
       style,
@@ -155,16 +146,14 @@ const Slide = /*#__PURE__*/React.forwardRef(function Slide(props, ref) {
     }, {
       mode: 'exit'
     });
-    node.style.webkitTransition = theme.transitions.create('-webkit-transform', transitionProps);
     node.style.transition = theme.transitions.create('transform', transitionProps);
     setTranslateValue(direction, node, containerProp);
     if (onExit) {
       onExit(node);
     }
   });
-  const handleExited = normalizedTransitionCallback(node => {
+  const handleExited = normalizedTransitionCallback(childrenRef, node => {
     // No need for transitions when the component is hidden
-    node.style.webkitTransition = '';
     node.style.transition = '';
     if (onExited) {
       onExited(node);
@@ -205,7 +194,7 @@ const Slide = /*#__PURE__*/React.forwardRef(function Slide(props, ref) {
       updatePosition();
     }
   }, [inProp, updatePosition]);
-  return /*#__PURE__*/_jsx(TransitionComponent, {
+  return /*#__PURE__*/_jsx(Transition, {
     nodeRef: childrenRef,
     onEnter: handleEnter,
     onEntered: handleEntered,
@@ -222,13 +211,24 @@ const Slide = /*#__PURE__*/React.forwardRef(function Slide(props, ref) {
       ownerState,
       ...restChildProps
     }) => {
-      return /*#__PURE__*/React.cloneElement(children, {
-        ref: handleRef,
-        style: {
-          visibility: state === 'exited' && !inProp ? 'hidden' : undefined,
+      let childStyle;
+      if (state === 'exited' && !inProp) {
+        childStyle = style || children.props.style ? {
+          visibility: 'hidden',
+          ...style,
+          ...children.props.style
+        } : hiddenStyles;
+      } else if (style && children.props.style) {
+        childStyle = {
           ...style,
           ...children.props.style
-        },
+        };
+      } else {
+        childStyle = style || children.props.style;
+      }
+      return /*#__PURE__*/React.cloneElement(children, {
+        ref: handleRef,
+        style: childStyle,
         ...restChildProps
       });
     }

package/esm/Slider/Slider.d.ts

@@ -15,7 +15,7 @@ export interface SliderOwnerState extends SliderProps {
   marked: boolean;
   focusedThumbIndex: number;
 }
-export interface SliderOwnProps<Value extends number | number[]> {
+export interface SliderOwnProps<Value extends number | readonly number[]> {
   /**
    * The label of the slider.
    */
@@ -255,12 +255,12 @@ export interface SliderOwnProps<Value extends number | number[]> {
    */
   valueLabelFormat?: string | ((value: number, index: number) => React.ReactNode) | undefined;
 }
-export interface SliderTypeMap<RootComponent extends React.ElementType = 'span', AdditionalProps = {}, Value extends number | number[] = number | number[]> {
+export interface SliderTypeMap<RootComponent extends React.ElementType = 'span', AdditionalProps = {}, Value extends number | readonly number[] = number | number[]> {
   props: AdditionalProps & SliderOwnProps<Value>;
   defaultComponent: RootComponent;
 }
-export type SliderComponent<Value extends number | number[]> = OverridableComponent<SliderTypeMap<'span', {}, Value>>;
-export type SliderType = SliderComponent<number> & SliderComponent<number[]> & SliderComponent<number | number[]>;
+export type SliderComponent<Value extends number | readonly number[]> = OverridableComponent<SliderTypeMap<'span', {}, Value>>;
+export type SliderType = SliderComponent<number> & SliderComponent<number[]> & SliderComponent<readonly number[]> & SliderComponent<number | number[]>;
 export interface SliderValueLabelProps extends React.HTMLAttributes<HTMLSpanElement> {
   children: React.ReactElement<unknown>;
   index: number;
@@ -285,14 +285,14 @@ export declare const SliderValueLabel: React.FC<SliderValueLabelProps>;
  *
  * Demos:
  *
- * - [Slider](https://mui.com/material-ui/react-slider/)
+ * - [Slider](https://v7.mui.com/material-ui/react-slider/)
  *
  * API:
  *
- * - [Slider API](https://mui.com/material-ui/api/slider/)
+ * - [Slider API](https://v7.mui.com/material-ui/api/slider/)
  */
 declare const Slider: SliderType;
-export type SliderProps<RootComponent extends React.ElementType = SliderTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<SliderTypeMap<RootComponent, AdditionalProps>, RootComponent> & {
+export type SliderProps<RootComponent extends React.ElementType = SliderTypeMap['defaultComponent'], AdditionalProps = {}, Value extends number | readonly number[] = number | number[]> = OverrideProps<SliderTypeMap<RootComponent, AdditionalProps, Value>, RootComponent> & {
   component?: React.ElementType | undefined;
 };
 export default Slider;

package/esm/Snackbar/Snackbar.d.ts

@@ -172,11 +172,11 @@ export interface SnackbarProps extends Omit<StandardProps<React.HTMLAttributes<H
  *
  * Demos:
  *
- * - [Snackbar](https://mui.com/material-ui/react-snackbar/)
+ * - [Snackbar](https://v7.mui.com/material-ui/react-snackbar/)
  *
  * API:
  *
- * - [Snackbar API](https://mui.com/material-ui/api/snackbar/)
+ * - [Snackbar API](https://v7.mui.com/material-ui/api/snackbar/)
  */
 export default function Snackbar(props: SnackbarProps): React.JSX.Element;
 export interface SnackbarOwnerState extends Omit<SnackbarProps, 'slots' | 'slotProps'> {}

package/esm/SnackbarContent/SnackbarContent.d.ts

@@ -32,11 +32,11 @@ export interface SnackbarContentProps extends StandardProps<PaperProps, 'childre
  *
  * Demos:
  *
- * - [Snackbar](https://mui.com/material-ui/react-snackbar/)
+ * - [Snackbar](https://v7.mui.com/material-ui/react-snackbar/)
  *
  * API:
  *
- * - [SnackbarContent API](https://mui.com/material-ui/api/snackbar-content/)
- * - inherits [Paper API](https://mui.com/material-ui/api/paper/)
+ * - [SnackbarContent API](https://v7.mui.com/material-ui/api/snackbar-content/)
+ * - inherits [Paper API](https://v7.mui.com/material-ui/api/paper/)
  */
 export default function SnackbarContent(props: SnackbarContentProps): React.JSX.Element;

package/esm/SpeedDial/SpeedDial.d.ts

@@ -122,10 +122,10 @@ export interface SpeedDialOwnerState extends SpeedDialProps {}
  *
  * Demos:
  *
- * - [Speed Dial](https://mui.com/material-ui/react-speed-dial/)
+ * - [Speed Dial](https://v7.mui.com/material-ui/react-speed-dial/)
  *
  * API:
  *
- * - [SpeedDial API](https://mui.com/material-ui/api/speed-dial/)
+ * - [SpeedDial API](https://v7.mui.com/material-ui/api/speed-dial/)
  */
 export default function SpeedDial(props: SpeedDialProps): React.JSX.Element;

package/esm/SpeedDialAction/SpeedDialAction.d.ts

@@ -106,12 +106,12 @@ export interface SpeedDialActionProps extends Omit<StandardProps<Partial<Tooltip
  *
  * Demos:
  *
- * - [Speed Dial](https://mui.com/material-ui/react-speed-dial/)
+ * - [Speed Dial](https://v7.mui.com/material-ui/react-speed-dial/)
  *
  * API:
  *
- * - [SpeedDialAction API](https://mui.com/material-ui/api/speed-dial-action/)
- * - inherits [Tooltip API](https://mui.com/material-ui/api/tooltip/)
+ * - [SpeedDialAction API](https://v7.mui.com/material-ui/api/speed-dial-action/)
+ * - inherits [Tooltip API](https://v7.mui.com/material-ui/api/tooltip/)
  */
 export default function SpeedDialAction(props: SpeedDialActionProps): React.JSX.Element;
 export interface SpeedDialActionOwnerState extends Omit<SpeedDialActionProps, 'slots' | 'slotProps'> {}

package/esm/SpeedDialIcon/SpeedDialIcon.d.ts

@@ -31,11 +31,11 @@ export interface SpeedDialIconProps extends StandardProps<React.HTMLAttributes<H
  *
  * Demos:
  *
- * - [Speed Dial](https://mui.com/material-ui/react-speed-dial/)
+ * - [Speed Dial](https://v7.mui.com/material-ui/react-speed-dial/)
  *
  * API:
  *
- * - [SpeedDialIcon API](https://mui.com/material-ui/api/speed-dial-icon/)
+ * - [SpeedDialIcon API](https://v7.mui.com/material-ui/api/speed-dial-icon/)
  */
 declare const SpeedDialIcon: ((props: SpeedDialIconProps) => React.JSX.Element) & {
   muiName: string;

package/esm/Stack/Stack.d.ts

@@ -45,11 +45,11 @@ export interface StackTypeMap<AdditionalProps = {}, RootComponent extends React.
  *
  * Demos:
  *
- * - [Stack](https://mui.com/material-ui/react-stack/)
+ * - [Stack](https://v7.mui.com/material-ui/react-stack/)
  *
  * API:
  *
- * - [Stack API](https://mui.com/material-ui/api/stack/)
+ * - [Stack API](https://v7.mui.com/material-ui/api/stack/)
  */
 declare const Stack: OverridableComponent<StackTypeMap>;
 export type StackProps<RootComponent extends React.ElementType = StackTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<StackTypeMap<AdditionalProps, RootComponent>, RootComponent> & {

package/esm/Step/Step.d.ts

@@ -60,11 +60,11 @@ export type StepClasskey = keyof NonNullable<StepProps['classes']>;
  *
  * Demos:
  *
- * - [Stepper](https://mui.com/material-ui/react-stepper/)
+ * - [Stepper](https://v7.mui.com/material-ui/react-stepper/)
  *
  * API:
  *
- * - [Step API](https://mui.com/material-ui/api/step/)
+ * - [Step API](https://v7.mui.com/material-ui/api/step/)
  */
 declare const Step: OverridableComponent<StepTypeMap>;
 export default Step;

package/esm/StepButton/StepButton.d.ts

@@ -36,12 +36,12 @@ export type StepButtonTypeMap<AdditionalProps, RootComponent extends React.Eleme
  *
  * Demos:
  *
- * - [Stepper](https://mui.com/material-ui/react-stepper/)
+ * - [Stepper](https://v7.mui.com/material-ui/react-stepper/)
  *
  * API:
  *
- * - [StepButton API](https://mui.com/material-ui/api/step-button/)
- * - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
+ * - [StepButton API](https://v7.mui.com/material-ui/api/step-button/)
+ * - inherits [ButtonBase API](https://v7.mui.com/material-ui/api/button-base/)
  */
 declare const StepButton: ExtendButtonBase<StepButtonTypeMap<{}, ButtonBaseTypeMap['defaultComponent']>>;
 export type StepButtonClasskey = keyof NonNullable<StepButtonProps['classes']>;

package/esm/StepConnector/StepConnector.d.ts

@@ -20,10 +20,10 @@ export type StepConnectorClasskey = keyof NonNullable<StepConnectorProps['classe
  *
  * Demos:
  *
- * - [Stepper](https://mui.com/material-ui/react-stepper/)
+ * - [Stepper](https://v7.mui.com/material-ui/react-stepper/)
  *
  * API:
  *
- * - [StepConnector API](https://mui.com/material-ui/api/step-connector/)
+ * - [StepConnector API](https://v7.mui.com/material-ui/api/step-connector/)
  */
 export default function StepConnector(props: StepConnectorProps): React.JSX.Element;

package/esm/StepContent/StepContent.d.ts

@@ -67,10 +67,10 @@ export type StepContentClasskey = keyof NonNullable<StepContentProps['classes']>
  *
  * Demos:
  *
- * - [Stepper](https://mui.com/material-ui/react-stepper/)
+ * - [Stepper](https://v7.mui.com/material-ui/react-stepper/)
  *
  * API:
  *
- * - [StepContent API](https://mui.com/material-ui/api/step-content/)
+ * - [StepContent API](https://v7.mui.com/material-ui/api/step-content/)
  */
 export default function StepContent(props: StepContentProps): React.JSX.Element;

package/esm/StepIcon/StepIcon.d.ts

@@ -41,11 +41,11 @@ export type StepIconClasskey = keyof NonNullable<StepIconProps['classes']>;
  *
  * Demos:
  *
- * - [Stepper](https://mui.com/material-ui/react-stepper/)
+ * - [Stepper](https://v7.mui.com/material-ui/react-stepper/)
  *
  * API:
  *
- * - [StepIcon API](https://mui.com/material-ui/api/step-icon/)
- * - inherits [SvgIcon API](https://mui.com/material-ui/api/svg-icon/)
+ * - [StepIcon API](https://v7.mui.com/material-ui/api/step-icon/)
+ * - inherits [SvgIcon API](https://v7.mui.com/material-ui/api/svg-icon/)
  */
 export default function StepIcon(props: StepIconProps): React.JSX.Element;

package/esm/StepLabel/StepLabel.d.ts

@@ -94,11 +94,11 @@ export type StepLabelClasskey = keyof NonNullable<StepLabelProps['classes']>;
  *
  * Demos:
  *
- * - [Stepper](https://mui.com/material-ui/react-stepper/)
+ * - [Stepper](https://v7.mui.com/material-ui/react-stepper/)
  *
  * API:
  *
- * - [StepLabel API](https://mui.com/material-ui/api/step-label/)
+ * - [StepLabel API](https://v7.mui.com/material-ui/api/step-label/)
  */
 declare const StepLabel: ((props: StepLabelProps) => React.JSX.Element) & {
   muiName: string;