@mui/material 7.3.9 → 7.3.11

package/esm/IconButton/IconButton.d.ts

@@ -71,18 +71,18 @@ export type IconButtonTypeMap<AdditionalProps = {}, RootComponent extends React.
 }>;
 
 /**
- * Refer to the [Icons](https://mui.com/material-ui/icons/) section of the documentation
+ * Refer to the [Icons](https://v7.mui.com/material-ui/icons/) section of the documentation
  * regarding the available icon options.
  *
  * Demos:
  *
- * - [Button](https://mui.com/material-ui/react-button/)
- * - [Number Field](https://mui.com/material-ui/react-number-field/)
+ * - [Button](https://v7.mui.com/material-ui/react-button/)
+ * - [Number Field](https://v7.mui.com/material-ui/react-number-field/)
  *
  * API:
  *
- * - [IconButton API](https://mui.com/material-ui/api/icon-button/)
- * - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
+ * - [IconButton API](https://v7.mui.com/material-ui/api/icon-button/)
+ * - inherits [ButtonBase API](https://v7.mui.com/material-ui/api/button-base/)
  */
 declare const IconButton: ExtendButtonBase<IconButtonTypeMap>;
 export type IconButtonProps<RootComponent extends React.ElementType = IconButtonTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<IconButtonTypeMap<AdditionalProps, RootComponent>, RootComponent> & {

package/esm/ImageList/ImageList.d.ts

@@ -47,11 +47,11 @@ export interface ImageListTypeMap<AdditionalProps = {}, RootComponent extends Re
  *
  * Demos:
  *
- * - [Image List](https://mui.com/material-ui/react-image-list/)
+ * - [Image List](https://v7.mui.com/material-ui/react-image-list/)
  *
  * API:
  *
- * - [ImageList API](https://mui.com/material-ui/api/image-list/)
+ * - [ImageList API](https://v7.mui.com/material-ui/api/image-list/)
  */
 declare const ImageList: OverridableComponent<ImageListTypeMap>;
 export type ImageListProps<RootComponent extends React.ElementType = ImageListTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ImageListTypeMap<AdditionalProps, RootComponent>, RootComponent> & {

package/esm/ImageListItem/ImageListItem.d.ts

@@ -35,11 +35,11 @@ export interface ImageListItemTypeMap<AdditionalProps = {}, RootComponent extend
  *
  * Demos:
  *
- * - [Image List](https://mui.com/material-ui/react-image-list/)
+ * - [Image List](https://v7.mui.com/material-ui/react-image-list/)
  *
  * API:
  *
- * - [ImageListItem API](https://mui.com/material-ui/api/image-list-item/)
+ * - [ImageListItem API](https://v7.mui.com/material-ui/api/image-list-item/)
  */
 declare const ImageListItem: OverridableComponent<ImageListItemTypeMap>;
 export type ImageListItemProps<RootComponent extends React.ElementType = ImageListItemTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ImageListItemTypeMap<AdditionalProps, RootComponent>, RootComponent> & {

package/esm/ImageListItemBar/ImageListItemBar.d.ts

@@ -41,10 +41,10 @@ export interface ImageListItemBarProps extends StandardProps<React.HTMLAttribute
  *
  * Demos:
  *
- * - [Image List](https://mui.com/material-ui/react-image-list/)
+ * - [Image List](https://v7.mui.com/material-ui/react-image-list/)
  *
  * API:
  *
- * - [ImageListItemBar API](https://mui.com/material-ui/api/image-list-item-bar/)
+ * - [ImageListItemBar API](https://v7.mui.com/material-ui/api/image-list-item-bar/)
  */
 export default function ImageListItemBar(props: ImageListItemBarProps): React.JSX.Element;

package/esm/InitColorSchemeScript/InitColorSchemeScript.d.ts

@@ -52,11 +52,11 @@ export interface InitColorSchemeScriptProps {
  *
  * Demos:
  *
- * - [InitColorSchemeScript](https://mui.com/material-ui/react-init-color-scheme-script/)
+ * - [InitColorSchemeScript](https://v7.mui.com/material-ui/react-init-color-scheme-script/)
  *
  * API:
  *
- * - [InitColorSchemeScript API](https://mui.com/material-ui/api/init-color-scheme-script/)
+ * - [InitColorSchemeScript API](https://v7.mui.com/material-ui/api/init-color-scheme-script/)
  */
 declare function InitColorSchemeScript(props: InitColorSchemeScriptProps): import("react/jsx-runtime").JSX.Element;
 declare namespace InitColorSchemeScript {

package/esm/InitColorSchemeScript/InitColorSchemeScript.js

@@ -12,11 +12,11 @@ export const defaultConfig = {
  *
  * Demos:
  *
- * - [InitColorSchemeScript](https://mui.com/material-ui/react-init-color-scheme-script/)
+ * - [InitColorSchemeScript](https://v7.mui.com/material-ui/react-init-color-scheme-script/)
  *
  * API:
  *
- * - [InitColorSchemeScript API](https://mui.com/material-ui/api/init-color-scheme-script/)
+ * - [InitColorSchemeScript API](https://v7.mui.com/material-ui/api/init-color-scheme-script/)
  */
 function InitColorSchemeScript(props) {
   const {

package/esm/Input/Input.d.ts

@@ -23,12 +23,12 @@ export interface InputProps extends StandardProps<InputBaseProps> {
  *
  * Demos:
  *
- * - [Text Field](https://mui.com/material-ui/react-text-field/)
+ * - [Text Field](https://v7.mui.com/material-ui/react-text-field/)
  *
  * API:
  *
- * - [Input API](https://mui.com/material-ui/api/input/)
- * - inherits [InputBase API](https://mui.com/material-ui/api/input-base/)
+ * - [Input API](https://v7.mui.com/material-ui/api/input/)
+ * - inherits [InputBase API](https://v7.mui.com/material-ui/api/input-base/)
  */
 declare const Input: ((props: InputProps) => React.JSX.Element) & {
   muiName: string;

package/esm/Input/Input.js

@@ -91,7 +91,7 @@ const InputRoot = styled(InputBaseRoot, {
           borderBottom: `1px solid ${bottomLineColor}`,
           left: 0,
           bottom: 0,
-          content: '"\\00a0"',
+          content: '""',
           position: 'absolute',
           right: 0,
           transition: theme.transitions.create('border-bottom-color', {

package/esm/InputAdornment/InputAdornment.d.ts

@@ -46,11 +46,11 @@ export interface InputAdornmentTypeMap<AdditionalProps = {}, RootComponent exten
  *
  * Demos:
  *
- * - [Text Field](https://mui.com/material-ui/react-text-field/)
+ * - [Text Field](https://v7.mui.com/material-ui/react-text-field/)
  *
  * API:
  *
- * - [InputAdornment API](https://mui.com/material-ui/api/input-adornment/)
+ * - [InputAdornment API](https://v7.mui.com/material-ui/api/input-adornment/)
  */
 declare const InputAdornment: OverridableComponent<InputAdornmentTypeMap>;
 export type InputAdornmentProps<RootComponent extends React.ElementType = InputAdornmentTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<InputAdornmentTypeMap<AdditionalProps, RootComponent>, RootComponent> & {

package/esm/InputBase/InputBase.d.ts

@@ -238,10 +238,10 @@ export interface InputBaseComponentProps extends React.HTMLAttributes<HTMLInputE
  *
  * Demos:
  *
- * - [Text Field](https://mui.com/material-ui/react-text-field/)
+ * - [Text Field](https://v7.mui.com/material-ui/react-text-field/)
  *
  * API:
  *
- * - [InputBase API](https://mui.com/material-ui/api/input-base/)
+ * - [InputBase API](https://v7.mui.com/material-ui/api/input-base/)
  */
 export default function InputBase(props: InputBaseProps): React.JSX.Element;

package/esm/InputBase/InputBase.js

@@ -19,9 +19,13 @@ import { useDefaultProps } from "../DefaultPropsProvider/index.js";
 import capitalize from "../utils/capitalize.js";
 import useForkRef from "../utils/useForkRef.js";
 import useEnhancedEffect from "../utils/useEnhancedEffect.js";
+import ownerDocument from "../utils/ownerDocument.js";
+import getActiveElement from "../utils/getActiveElement.js";
 import { isFilled } from "./utils.js";
 import inputBaseClasses, { getInputBaseUtilityClass } from "./inputBaseClasses.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const MUI_AUTO_FILL = 'mui-auto-fill';
+const MUI_AUTO_FILL_CANCEL = 'mui-auto-fill-cancel';
 export const rootOverridesResolver = (props, styles) => {
   const {
     ownerState
@@ -184,11 +188,11 @@ export const InputBaseInput = styled('input', {
         ownerState
       }) => !ownerState.disableInjectingGlobalStyles,
       style: {
-        animationName: 'mui-auto-fill-cancel',
+        animationName: MUI_AUTO_FILL_CANCEL,
         animationDuration: '10ms',
         '&:-webkit-autofill': {
           animationDuration: '5000s',
-          animationName: 'mui-auto-fill'
+          animationName: MUI_AUTO_FILL
         }
       }
     }, {
@@ -219,14 +223,16 @@ export const InputBaseInput = styled('input', {
   };
 }));
 const InputGlobalStyles = globalCss({
-  '@keyframes mui-auto-fill': {
+  // Keep keyframes non-empty for Emotion production builds. Animation properties are ignored
+  // inside keyframes, avoiding the visible display animation triggered by Chrome 117+.
+  [`@keyframes ${MUI_AUTO_FILL}`]: {
     from: {
-      display: 'block'
+      animationName: MUI_AUTO_FILL
     }
   },
-  '@keyframes mui-auto-fill-cancel': {
+  [`@keyframes ${MUI_AUTO_FILL_CANCEL}`]: {
     from: {
-      display: 'block'
+      animationName: MUI_AUTO_FILL_CANCEL
     }
   }
 });
@@ -342,6 +348,32 @@ const InputBase = /*#__PURE__*/React.forwardRef(function InputBase(inProps, ref)
       });
     }
   }, [value, checkDirty, isControlled]);
+
+  // Sync focused state when autoFocus is used in SSR.
+  // If the browser focused the element before hydration, the onFocus handler never
+  // fires. If it did not, React hydration does not call focus() for autoFocus.
+  useEnhancedEffect(() => {
+    if (!autoFocus) {
+      return;
+    }
+    const input = inputRef.current;
+    if (!input) {
+      return;
+    }
+    const doc = ownerDocument(input);
+    const activeElement = getActiveElement(doc);
+    const noElementFocused = activeElement == null || activeElement === doc.body || activeElement === doc.documentElement;
+    if (input === activeElement) {
+      if (muiFormControl && muiFormControl.onFocus) {
+        muiFormControl.onFocus();
+      } else {
+        setFocused(true);
+      }
+    } else if (noElementFocused) {
+      input.focus();
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [autoFocus]);
   const handleFocus = event => {
     if (onFocus) {
       onFocus(event);
@@ -430,7 +462,7 @@ const InputBase = /*#__PURE__*/React.forwardRef(function InputBase(inProps, ref)
   }
   const handleAutoFill = event => {
     // Provide a fake value as Chrome might not let you access it for security reasons.
-    checkDirty(event.animationName === 'mui-auto-fill-cancel' ? inputRef.current : {
+    checkDirty(event.animationName === MUI_AUTO_FILL_CANCEL ? inputRef.current : {
       value: 'x'
     });
   };

package/esm/InputLabel/InputLabel.d.ts

@@ -65,13 +65,13 @@ export type InputLabelTypeMap<AdditionalProps = {}, RootComponent extends React.
  *
  * Demos:
  *
- * - [Number Field](https://mui.com/material-ui/react-number-field/)
- * - [Text Field](https://mui.com/material-ui/react-text-field/)
+ * - [Number Field](https://v7.mui.com/material-ui/react-number-field/)
+ * - [Text Field](https://v7.mui.com/material-ui/react-text-field/)
  *
  * API:
  *
- * - [InputLabel API](https://mui.com/material-ui/api/input-label/)
- * - inherits [FormLabel API](https://mui.com/material-ui/api/form-label/)
+ * - [InputLabel API](https://v7.mui.com/material-ui/api/input-label/)
+ * - inherits [FormLabel API](https://v7.mui.com/material-ui/api/form-label/)
  */
 declare const InputLabel: OverridableComponent<InputLabelTypeMap>;
 export type InputLabelProps<RootComponent extends React.ElementType = InputLabelTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<InputLabelTypeMap<AdditionalProps, RootComponent>, RootComponent> & {

package/esm/LinearProgress/LinearProgress.d.ts

@@ -49,10 +49,10 @@ export interface LinearProgressProps extends StandardProps<React.HTMLAttributes<
  *
  * Demos:
  *
- * - [Progress](https://mui.com/material-ui/react-progress/)
+ * - [Progress](https://v7.mui.com/material-ui/react-progress/)
  *
  * API:
  *
- * - [LinearProgress API](https://mui.com/material-ui/api/linear-progress/)
+ * - [LinearProgress API](https://v7.mui.com/material-ui/api/linear-progress/)
  */
 export default function LinearProgress(props: LinearProgressProps): React.JSX.Element;

package/esm/Link/Link.d.ts

@@ -47,13 +47,13 @@ export interface LinkTypeMap<AdditionalProps = {}, RootComponent extends React.E
  *
  * Demos:
  *
- * - [Breadcrumbs](https://mui.com/material-ui/react-breadcrumbs/)
- * - [Links](https://mui.com/material-ui/react-link/)
+ * - [Breadcrumbs](https://v7.mui.com/material-ui/react-breadcrumbs/)
+ * - [Links](https://v7.mui.com/material-ui/react-link/)
  *
  * API:
  *
- * - [Link API](https://mui.com/material-ui/api/link/)
- * - inherits [Typography API](https://mui.com/material-ui/api/typography/)
+ * - [Link API](https://v7.mui.com/material-ui/api/link/)
+ * - inherits [Typography API](https://v7.mui.com/material-ui/api/typography/)
  */
 declare const Link: OverridableComponent<LinkTypeMap>;
 export type LinkBaseProps = DistributiveOmit<TypographyOwnProps, 'children' | 'color' | 'variant' | 'classes'>;

package/esm/List/List.d.ts

@@ -51,12 +51,13 @@ export type ExtendList<TypeMap extends OverridableTypeMap> = OverridableComponen
  *
  * Demos:
  *
- * - [Lists](https://mui.com/material-ui/react-list/)
- * - [Transfer List](https://mui.com/material-ui/react-transfer-list/)
+ * - [Lists](https://v7.mui.com/material-ui/react-list/)
+ * - [Menubar](https://v7.mui.com/material-ui/react-menubar/)
+ * - [Transfer List](https://v7.mui.com/material-ui/react-transfer-list/)
  *
  * API:
  *
- * - [List API](https://mui.com/material-ui/api/list/)
+ * - [List API](https://v7.mui.com/material-ui/api/list/)
  */
 declare const List: ExtendList<ListTypeMap>;
 export type ListProps<RootComponent extends React.ElementType = ListTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ListTypeMap<AdditionalProps, RootComponent>, RootComponent> & {

package/esm/ListItem/ListItem.d.ts

@@ -118,12 +118,12 @@ export interface ListItemTypeMap<AdditionalProps, RootComponent extends React.El
  *
  * Demos:
  *
- * - [Lists](https://mui.com/material-ui/react-list/)
- * - [Transfer List](https://mui.com/material-ui/react-transfer-list/)
+ * - [Lists](https://v7.mui.com/material-ui/react-list/)
+ * - [Transfer List](https://v7.mui.com/material-ui/react-transfer-list/)
  *
  * API:
  *
- * - [ListItem API](https://mui.com/material-ui/api/list-item/)
+ * - [ListItem API](https://v7.mui.com/material-ui/api/list-item/)
  */
 declare const ListItem: OverridableComponent<ListItemTypeMap<{}, 'li'>>;
 export type ListItemProps<RootComponent extends React.ElementType = 'li', AdditionalProps = {}> = OverrideProps<ListItemTypeMap<AdditionalProps, RootComponent>, RootComponent> & {

package/esm/ListItemAvatar/ListItemAvatar.d.ts

@@ -22,10 +22,10 @@ export interface ListItemAvatarProps extends StandardProps<React.HTMLAttributes<
  *
  * Demos:
  *
- * - [Lists](https://mui.com/material-ui/react-list/)
+ * - [Lists](https://v7.mui.com/material-ui/react-list/)
  *
  * API:
  *
- * - [ListItemAvatar API](https://mui.com/material-ui/api/list-item-avatar/)
+ * - [ListItemAvatar API](https://v7.mui.com/material-ui/api/list-item-avatar/)
  */
 export default function ListItemAvatar(props: ListItemAvatarProps): React.JSX.Element;

package/esm/ListItemButton/ListItemButton.d.ts

@@ -71,12 +71,13 @@ export type ListItemButtonTypeMap<AdditionalProps = {}, RootComponent extends Re
  *
  * Demos:
  *
- * - [Lists](https://mui.com/material-ui/react-list/)
+ * - [Lists](https://v7.mui.com/material-ui/react-list/)
+ * - [Menubar](https://v7.mui.com/material-ui/react-menubar/)
  *
  * API:
  *
- * - [ListItemButton API](https://mui.com/material-ui/api/list-item-button/)
- * - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
+ * - [ListItemButton API](https://v7.mui.com/material-ui/api/list-item-button/)
+ * - inherits [ButtonBase API](https://v7.mui.com/material-ui/api/button-base/)
  */
 declare const ListItemButton: ExtendButtonBase<ListItemButtonTypeMap>;
 export type ListItemButtonProps<RootComponent extends React.ElementType = ListItemButtonTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ListItemButtonTypeMap<AdditionalProps, RootComponent>, RootComponent> & {

package/esm/ListItemButton/ListItemButton.js

@@ -164,6 +164,12 @@ const ListItemButton = /*#__PURE__*/React.forwardRef(function ListItemButton(inP
     selected
   };
   const classes = useUtilityClasses(ownerState);
+
+  // Don't forward the 'root' class to the ButtonBase, as it will get duplicated with the one passed to the className prop.
+  const {
+    root,
+    ...forwardedClasses
+  } = classes;
   const handleRef = useForkRef(listItemRef, ref);
   return /*#__PURE__*/_jsx(ListContext.Provider, {
     value: childContext,
@@ -177,7 +183,7 @@ const ListItemButton = /*#__PURE__*/React.forwardRef(function ListItemButton(inP
       ownerState: ownerState,
       className: clsx(classes.root, className),
       ...other,
-      classes: classes,
+      classes: forwardedClasses,
       children: children
     })
   });

package/esm/ListItemIcon/ListItemIcon.d.ts

@@ -24,10 +24,11 @@ export interface ListItemIconProps extends StandardProps<React.HTMLAttributes<HT
  *
  * Demos:
  *
- * - [Lists](https://mui.com/material-ui/react-list/)
+ * - [Lists](https://v7.mui.com/material-ui/react-list/)
+ * - [Menubar](https://v7.mui.com/material-ui/react-menubar/)
  *
  * API:
  *
- * - [ListItemIcon API](https://mui.com/material-ui/api/list-item-icon/)
+ * - [ListItemIcon API](https://v7.mui.com/material-ui/api/list-item-icon/)
  */
 export default function ListItemIcon(props: ListItemIconProps): React.JSX.Element;

package/esm/ListItemSecondaryAction/ListItemSecondaryAction.d.ts

@@ -23,11 +23,11 @@ export interface ListItemSecondaryActionProps extends StandardProps<React.HTMLAt
  *
  * Demos:
  *
- * - [Lists](https://mui.com/material-ui/react-list/)
+ * - [Lists](https://v7.mui.com/material-ui/react-list/)
  *
  * API:
  *
- * - [ListItemSecondaryAction API](https://mui.com/material-ui/api/list-item-secondary-action/)
+ * - [ListItemSecondaryAction API](https://v7.mui.com/material-ui/api/list-item-secondary-action/)
  *
  * @deprecated Use the `secondaryAction` prop in the `ListItem` component instead. This component will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
  */

package/esm/ListItemText/ListItemText.d.ts

@@ -97,10 +97,11 @@ export interface ListItemTextProps<PrimaryTypographyComponent extends React.Elem
  *
  * Demos:
  *
- * - [Lists](https://mui.com/material-ui/react-list/)
+ * - [Lists](https://v7.mui.com/material-ui/react-list/)
+ * - [Menubar](https://v7.mui.com/material-ui/react-menubar/)
  *
  * API:
  *
- * - [ListItemText API](https://mui.com/material-ui/api/list-item-text/)
+ * - [ListItemText API](https://v7.mui.com/material-ui/api/list-item-text/)
  */
 export default function ListItemText<PrimaryTypographyComponent extends React.ElementType = 'span', SecondaryTypographyComponent extends React.ElementType = 'p'>(props: ListItemTextProps<PrimaryTypographyComponent, SecondaryTypographyComponent>): React.JSX.Element;

package/esm/ListItemText/ListItemText.js

@@ -44,7 +44,11 @@ const ListItemTextRoot = styled('div', {
   minWidth: 0,
   marginTop: 4,
   marginBottom: 4,
-  [`.${typographyClasses.root}:where(& .${listItemTextClasses.primary}), .${typographyClasses.root}:where(& .${listItemTextClasses.secondary})`]: {
+  // Combine this and the below selector once https://github.com/emotion-js/emotion/issues/3366 is solved
+  [`.${typographyClasses.root}:where(& .${listItemTextClasses.primary})`]: {
+    display: 'block'
+  },
+  [`.${typographyClasses.root}:where(& .${listItemTextClasses.secondary})`]: {
     display: 'block'
   },
   variants: [{

package/esm/ListSubheader/ListSubheader.d.ts

@@ -46,11 +46,12 @@ export interface ListSubheaderTypeMap<AdditionalProps = {}, RootComponent extend
  *
  * Demos:
  *
- * - [Lists](https://mui.com/material-ui/react-list/)
+ * - [Lists](https://v7.mui.com/material-ui/react-list/)
+ * - [Menubar](https://v7.mui.com/material-ui/react-menubar/)
  *
  * API:
  *
- * - [ListSubheader API](https://mui.com/material-ui/api/list-subheader/)
+ * - [ListSubheader API](https://v7.mui.com/material-ui/api/list-subheader/)
  */
 declare const ListSubheader: OverridableComponent<ListSubheaderTypeMap>;
 export type ListSubheaderProps<RootComponent extends React.ElementType = ListSubheaderTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ListSubheaderTypeMap<AdditionalProps, RootComponent>, RootComponent> & {

package/esm/Menu/Menu.d.ts

@@ -151,12 +151,12 @@ export declare const MenuPaper: React.FC<PaperProps>;
  *
  * Demos:
  *
- * - [App Bar](https://mui.com/material-ui/react-app-bar/)
- * - [Menu](https://mui.com/material-ui/react-menu/)
+ * - [App Bar](https://v7.mui.com/material-ui/react-app-bar/)
+ * - [Menu](https://v7.mui.com/material-ui/react-menu/)
  *
  * API:
  *
- * - [Menu API](https://mui.com/material-ui/api/menu/)
- * - inherits [Popover API](https://mui.com/material-ui/api/popover/)
+ * - [Menu API](https://v7.mui.com/material-ui/api/menu/)
+ * - inherits [Popover API](https://v7.mui.com/material-ui/api/popover/)
  */
 export default function Menu(props: MenuProps): React.JSX.Element;

package/esm/MenuItem/MenuItem.d.ts

@@ -55,12 +55,12 @@ export type MenuItemTypeMap<AdditionalProps = {}, RootComponent extends React.El
  *
  * Demos:
  *
- * - [Menu](https://mui.com/material-ui/react-menu/)
+ * - [Menu](https://v7.mui.com/material-ui/react-menu/)
  *
  * API:
  *
- * - [MenuItem API](https://mui.com/material-ui/api/menu-item/)
- * - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
+ * - [MenuItem API](https://v7.mui.com/material-ui/api/menu-item/)
+ * - inherits [ButtonBase API](https://v7.mui.com/material-ui/api/button-base/)
  */
 declare const MenuItem: ExtendButtonBase<MenuItemTypeMap>;
 export type MenuItemProps<RootComponent extends React.ElementType = MenuItemTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<MenuItemTypeMap<AdditionalProps, RootComponent>, RootComponent> & {

package/esm/MenuItem/MenuItem.js

@@ -16,7 +16,27 @@ import { dividerClasses } from "../Divider/index.js";
 import { listItemIconClasses } from "../ListItemIcon/index.js";
 import { listItemTextClasses } from "../ListItemText/index.js";
 import menuItemClasses, { getMenuItemUtilityClass } from "./menuItemClasses.js";
+import { useSelectFocusSource } from "../Select/index.js";
+
+/**
+ * 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,
@@ -185,6 +207,11 @@ const MenuItem = /*#__PURE__*/React.forwardRef(function MenuItem(inProps, ref) {
   };
   const classes = useUtilityClasses(props);
   const handleRef = useForkRef(menuItemRef, ref);
+  // Don't forward the 'root' class to the ButtonBase, as it will get duplicated with the one passed to the className prop.
+  const {
+    root,
+    ...forwardedClasses
+  } = classes;
   let tabIndex;
   if (!props.disabled) {
     tabIndex = tabIndexProp !== undefined ? tabIndexProp : -1;
@@ -200,7 +227,7 @@ const MenuItem = /*#__PURE__*/React.forwardRef(function MenuItem(inProps, ref) {
       className: clsx(classes.root, className),
       ...other,
       ownerState: ownerState,
-      classes: classes
+      classes: forwardedClasses
     })
   });
 });

package/esm/MenuList/MenuList.d.ts

@@ -42,18 +42,18 @@ export type MenuListClassKey = keyof NonNullable<MenuListTypeMap['props']['class
 
 /**
  * A permanently displayed menu following https://www.w3.org/WAI/ARIA/apg/patterns/menu-button/.
- * It's exposed to help customization of the [`Menu`](https://mui.com/material-ui/api/menu/) component if you
+ * It's exposed to help customization of the [`Menu`](https://v7.mui.com/material-ui/api/menu/) component if you
  * use it separately you need to move focus into the component manually. Once
  * the focus is placed inside the component it is fully keyboard accessible.
  *
  * Demos:
  *
- * - [Menu](https://mui.com/material-ui/react-menu/)
+ * - [Menu](https://v7.mui.com/material-ui/react-menu/)
  *
  * API:
  *
- * - [MenuList API](https://mui.com/material-ui/api/menu-list/)
- * - inherits [List API](https://mui.com/material-ui/api/list/)
+ * - [MenuList API](https://v7.mui.com/material-ui/api/menu-list/)
+ * - inherits [List API](https://v7.mui.com/material-ui/api/list/)
  */
 declare const MenuList: ExtendList<MenuListTypeMap>;
 export type MenuListProps<RootComponent extends React.ElementType = MenuListTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<MenuListTypeMap<AdditionalProps, RootComponent>, RootComponent> & {

package/esm/MobileStepper/MobileStepper.d.ts

@@ -103,11 +103,11 @@ export interface MobileStepperOwnerState extends Omit<MobileStepperProps, 'slots
  *
  * Demos:
  *
- * - [Stepper](https://mui.com/material-ui/react-stepper/)
+ * - [Stepper](https://v7.mui.com/material-ui/react-stepper/)
  *
  * API:
  *
- * - [MobileStepper API](https://mui.com/material-ui/api/mobile-stepper/)
- * - inherits [Paper API](https://mui.com/material-ui/api/paper/)
+ * - [MobileStepper API](https://v7.mui.com/material-ui/api/mobile-stepper/)
+ * - inherits [Paper API](https://v7.mui.com/material-ui/api/paper/)
  */
 export default function MobileStepper(props: MobileStepperProps): React.JSX.Element;