@mui/material 7.3.9 → 7.3.11

package/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/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/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/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/InitColorSchemeScript/InitColorSchemeScript.js

@@ -19,11 +19,11 @@ const defaultConfig = exports.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/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/Input/Input.js

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

package/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/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/InputBase/InputBase.js

@@ -25,10 +25,14 @@ var _DefaultPropsProvider = require("../DefaultPropsProvider");
 var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
 var _useForkRef = _interopRequireDefault(require("../utils/useForkRef"));
 var _useEnhancedEffect = _interopRequireDefault(require("../utils/useEnhancedEffect"));
+var _ownerDocument = _interopRequireDefault(require("../utils/ownerDocument"));
+var _getActiveElement = _interopRequireDefault(require("../utils/getActiveElement"));
 var _utils = require("./utils");
 var _inputBaseClasses = _interopRequireWildcard(require("./inputBaseClasses"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _InputGlobalStyles;
+const MUI_AUTO_FILL = 'mui-auto-fill';
+const MUI_AUTO_FILL_CANCEL = 'mui-auto-fill-cancel';
 const rootOverridesResolver = (props, styles) => {
   const {
     ownerState
@@ -193,11 +197,11 @@ const InputBaseInput = exports.InputBaseInput = (0, _zeroStyled.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
         }
       }
     }, {
@@ -228,14 +232,16 @@ const InputBaseInput = exports.InputBaseInput = (0, _zeroStyled.styled)('input',
   };
 }));
 const InputGlobalStyles = (0, _zeroStyled.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
     }
   }
 });
@@ -351,6 +357,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.
+  (0, _useEnhancedEffect.default)(() => {
+    if (!autoFocus) {
+      return;
+    }
+    const input = inputRef.current;
+    if (!input) {
+      return;
+    }
+    const doc = (0, _ownerDocument.default)(input);
+    const activeElement = (0, _getActiveElement.default)(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);
@@ -439,7 +471,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/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/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/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/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/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/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/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/ListItemButton/ListItemButton.js

@@ -172,6 +172,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 = (0, _useForkRef.default)(listItemRef, ref);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ListContext.default.Provider, {
     value: childContext,
@@ -185,7 +191,7 @@ const ListItemButton = /*#__PURE__*/React.forwardRef(function ListItemButton(inP
       ownerState: ownerState,
       className: (0, _clsx.default)(classes.root, className),
       ...other,
-      classes: classes,
+      classes: forwardedClasses,
       children: children
     })
   });

package/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/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/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/ListItemText/ListItemText.js

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

package/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/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/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/MenuItem/MenuItem.js

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

package/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/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;

package/Modal/Modal.d.ts

@@ -193,23 +193,23 @@ export declare const ModalRoot: React.FC<ModalRootProps>;
 /**
  * Modal is a lower-level construct that is leveraged by the following components:
  *
- * * [Dialog](https://mui.com/material-ui/api/dialog/)
- * * [Drawer](https://mui.com/material-ui/api/drawer/)
- * * [Menu](https://mui.com/material-ui/api/menu/)
- * * [Popover](https://mui.com/material-ui/api/popover/)
+ * * [Dialog](https://v7.mui.com/material-ui/api/dialog/)
+ * * [Drawer](https://v7.mui.com/material-ui/api/drawer/)
+ * * [Menu](https://v7.mui.com/material-ui/api/menu/)
+ * * [Popover](https://v7.mui.com/material-ui/api/popover/)
  *
- * If you are creating a modal dialog, you probably want to use the [Dialog](https://mui.com/material-ui/api/dialog/) component
+ * If you are creating a modal dialog, you probably want to use the [Dialog](https://v7.mui.com/material-ui/api/dialog/) component
  * rather than directly using Modal.
  *
  * This component shares many concepts with [react-overlays](https://react-bootstrap.github.io/react-overlays/#modals).
  *
  * Demos:
  *
- * - [Modal](https://mui.com/material-ui/react-modal/)
+ * - [Modal](https://v7.mui.com/material-ui/react-modal/)
  *
  * API:
  *
- * - [Modal API](https://mui.com/material-ui/api/modal/)
+ * - [Modal API](https://v7.mui.com/material-ui/api/modal/)
  */
 declare const Modal: OverridableComponent<ModalTypeMap>;
 export type ModalProps<RootComponent extends React.ElementType = ModalTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ModalTypeMap<RootComponent, AdditionalProps>, RootComponent> & {

package/NativeSelect/NativeSelect.d.ts

@@ -56,12 +56,12 @@ export interface NativeSelectProps extends StandardProps<InputProps, 'inputProps
  *
  * Demos:
  *
- * - [Select](https://mui.com/material-ui/react-select/)
+ * - [Select](https://v7.mui.com/material-ui/react-select/)
  *
  * API:
  *
- * - [NativeSelect API](https://mui.com/material-ui/api/native-select/)
- * - inherits [Input API](https://mui.com/material-ui/api/input/)
+ * - [NativeSelect API](https://v7.mui.com/material-ui/api/native-select/)
+ * - inherits [Input API](https://v7.mui.com/material-ui/api/input/)
  */
 declare const NativeSelect: ((props: NativeSelectProps) => React.JSX.Element) & {
   muiName: string;