@mui/material 5.1.0 → 5.2.2

package/List/List.js

@@ -4,7 +4,7 @@ const _excluded = ["children", "className", "component", "dense", "disablePaddin
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import { unstable_composeClasses as composeClasses } from '@mui/core';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
 import styled from '../styles/styled';
 import useThemeProps from '../styles/useThemeProps';
 import ListContext from './ListContext';

package/List/listClasses.d.ts

@@ -1,14 +1,14 @@
-export interface ListClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element unless `disablePadding={true}`. */
-    padding: string;
-    /** Styles applied to the root element if dense. */
-    dense: string;
-    /** Styles applied to the root element if a `subheader` is provided. */
-    subheader: string;
-}
-export declare type ListClassKey = keyof ListClasses;
-export declare function getListUtilityClass(slot: string): string;
-declare const listClasses: ListClasses;
-export default listClasses;
+export interface ListClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element unless `disablePadding={true}`. */
+    padding: string;
+    /** Styles applied to the root element if dense. */
+    dense: string;
+    /** Styles applied to the root element if a `subheader` is provided. */
+    subheader: string;
+}
+export declare type ListClassKey = keyof ListClasses;
+export declare function getListUtilityClass(slot: string): string;
+declare const listClasses: ListClasses;
+export default listClasses;

package/List/listClasses.js

@@ -1,4 +1,4 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/core';
+import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
 export function getListUtilityClass(slot) {
   return generateUtilityClass('MuiList', slot);
 }

package/ListItem/ListItem.js

@@ -5,7 +5,7 @@ const _excluded = ["className"],
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import { unstable_composeClasses as composeClasses, isHostComponent } from '@mui/core';
+import { unstable_composeClasses as composeClasses, isHostComponent } from '@mui/base';
 import { chainPropTypes, elementTypeAcceptingRef } from '@mui/utils';
 import { alpha } from '@mui/system';
 import styled from '../styles/styled';

package/ListItem/listItemClasses.d.ts

@@ -1,30 +1,30 @@
-export interface ListItemClasses {
-    /** Styles applied to the (normally root) `component` element. May be wrapped by a `container`. */
-    root: string;
-    /** Styles applied to the container element if `children` includes `ListItemSecondaryAction`. */
-    container: string;
-    /** State class applied to the `component`'s `focusVisibleClassName` prop if `button={true}`. */
-    focusVisible: string;
-    /** Styles applied to the component element if dense. */
-    dense: string;
-    /** Styles applied to the component element if `alignItems="flex-start"`. */
-    alignItemsFlexStart: string;
-    /** State class applied to the inner `component` element if `disabled={true}`. */
-    disabled: string;
-    /** Styles applied to the inner `component` element if `divider={true}`. */
-    divider: string;
-    /** Styles applied to the inner `component` element unless `disableGutters={true}`. */
-    gutters: string;
-    /** Styles applied to the root element unless `disablePadding={true}`. */
-    padding: string;
-    /** Styles applied to the inner `component` element if `button={true}`. */
-    button: string;
-    /** Styles applied to the component element if `children` includes `ListItemSecondaryAction`. */
-    secondaryAction: string;
-    /** State class applied to the root element if `selected={true}`. */
-    selected: string;
-}
-export declare type ListItemClassKey = keyof ListItemClasses;
-export declare function getListItemUtilityClass(slot: string): string;
-declare const listItemClasses: ListItemClasses;
-export default listItemClasses;
+export interface ListItemClasses {
+    /** Styles applied to the (normally root) `component` element. May be wrapped by a `container`. */
+    root: string;
+    /** Styles applied to the container element if `children` includes `ListItemSecondaryAction`. */
+    container: string;
+    /** State class applied to the `component`'s `focusVisibleClassName` prop if `button={true}`. */
+    focusVisible: string;
+    /** Styles applied to the component element if dense. */
+    dense: string;
+    /** Styles applied to the component element if `alignItems="flex-start"`. */
+    alignItemsFlexStart: string;
+    /** State class applied to the inner `component` element if `disabled={true}`. */
+    disabled: string;
+    /** Styles applied to the inner `component` element if `divider={true}`. */
+    divider: string;
+    /** Styles applied to the inner `component` element unless `disableGutters={true}`. */
+    gutters: string;
+    /** Styles applied to the root element unless `disablePadding={true}`. */
+    padding: string;
+    /** Styles applied to the inner `component` element if `button={true}`. */
+    button: string;
+    /** Styles applied to the component element if `children` includes `ListItemSecondaryAction`. */
+    secondaryAction: string;
+    /** State class applied to the root element if `selected={true}`. */
+    selected: string;
+}
+export declare type ListItemClassKey = keyof ListItemClasses;
+export declare function getListItemUtilityClass(slot: string): string;
+declare const listItemClasses: ListItemClasses;
+export default listItemClasses;

package/ListItem/listItemClasses.js

@@ -1,4 +1,4 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/core';
+import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
 export function getListItemUtilityClass(slot) {
   return generateUtilityClass('MuiListItem', slot);
 }

package/ListItemAvatar/ListItemAvatar.js

@@ -4,7 +4,7 @@ const _excluded = ["className"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import { unstable_composeClasses as composeClasses } from '@mui/core';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
 import ListContext from '../List/ListContext';
 import styled from '../styles/styled';
 import useThemeProps from '../styles/useThemeProps';

package/ListItemAvatar/listItemAvatarClasses.d.ts

@@ -1,10 +1,10 @@
-export interface ListItemAvatarClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element when the parent `ListItem` uses `alignItems="flex-start"`. */
-    alignItemsFlexStart: string;
-}
-export declare type ListItemAvatarClassKey = keyof ListItemAvatarClasses;
-export declare function getListItemAvatarUtilityClass(slot: string): string;
-declare const listItemAvatarClasses: ListItemAvatarClasses;
-export default listItemAvatarClasses;
+export interface ListItemAvatarClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element when the parent `ListItem` uses `alignItems="flex-start"`. */
+    alignItemsFlexStart: string;
+}
+export declare type ListItemAvatarClassKey = keyof ListItemAvatarClasses;
+export declare function getListItemAvatarUtilityClass(slot: string): string;
+declare const listItemAvatarClasses: ListItemAvatarClasses;
+export default listItemAvatarClasses;

package/ListItemAvatar/listItemAvatarClasses.js

@@ -1,4 +1,4 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/core';
+import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
 export function getListItemAvatarUtilityClass(slot) {
   return generateUtilityClass('MuiListItemAvatar', slot);
 }

package/ListItemButton/ListItemButton.js

@@ -4,7 +4,7 @@ const _excluded = ["alignItems", "autoFocus", "component", "children", "dense",
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import { unstable_composeClasses as composeClasses } from '@mui/core';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
 import { alpha } from '@mui/system';
 import styled, { rootShouldForwardProp } from '../styles/styled';
 import useThemeProps from '../styles/useThemeProps';

package/ListItemButton/listItemButtonClasses.d.ts

@@ -1,22 +1,22 @@
-export interface ListItemButtonClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** State class applied to the `component`'s `focusVisibleClassName` prop. */
-    focusVisible: string;
-    /** Styles applied to the component element if dense. */
-    dense: string;
-    /** Styles applied to the component element if `alignItems="flex-start"`. */
-    alignItemsFlexStart: string;
-    /** State class applied to the inner `component` element if `disabled={true}`. */
-    disabled: string;
-    /** Styles applied to the inner `component` element if `divider={true}`. */
-    divider: string;
-    /** Styles applied to the inner `component` element unless `disableGutters={true}`. */
-    gutters: string;
-    /** State class applied to the root element if `selected={true}`. */
-    selected: string;
-}
-export declare type ListItemButtonClassKey = keyof ListItemButtonClasses;
-export declare function getListItemButtonUtilityClass(slot: string): string;
-declare const listItemButtonClasses: ListItemButtonClasses;
-export default listItemButtonClasses;
+export interface ListItemButtonClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** State class applied to the `component`'s `focusVisibleClassName` prop. */
+    focusVisible: string;
+    /** Styles applied to the component element if dense. */
+    dense: string;
+    /** Styles applied to the component element if `alignItems="flex-start"`. */
+    alignItemsFlexStart: string;
+    /** State class applied to the inner `component` element if `disabled={true}`. */
+    disabled: string;
+    /** Styles applied to the inner `component` element if `divider={true}`. */
+    divider: string;
+    /** Styles applied to the inner `component` element unless `disableGutters={true}`. */
+    gutters: string;
+    /** State class applied to the root element if `selected={true}`. */
+    selected: string;
+}
+export declare type ListItemButtonClassKey = keyof ListItemButtonClasses;
+export declare function getListItemButtonUtilityClass(slot: string): string;
+declare const listItemButtonClasses: ListItemButtonClasses;
+export default listItemButtonClasses;

package/ListItemButton/listItemButtonClasses.js

@@ -1,4 +1,4 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/core';
+import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
 export function getListItemButtonUtilityClass(slot) {
   return generateUtilityClass('MuiListItemButton', slot);
 }

package/ListItemIcon/ListItemIcon.js

@@ -4,7 +4,7 @@ const _excluded = ["className"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import { unstable_composeClasses as composeClasses } from '@mui/core';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
 import styled from '../styles/styled';
 import useThemeProps from '../styles/useThemeProps';
 import { getListItemIconUtilityClass } from './listItemIconClasses';

package/ListItemIcon/listItemIconClasses.d.ts

@@ -1,10 +1,10 @@
-export interface ListItemIconClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element when the parent `ListItem` uses `alignItems="flex-start"`. */
-    alignItemsFlexStart: string;
-}
-export declare type ListItemIconClassKey = keyof ListItemIconClasses;
-export declare function getListItemIconUtilityClass(slot: string): string;
-declare const listItemIconClasses: ListItemIconClasses;
-export default listItemIconClasses;
+export interface ListItemIconClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element when the parent `ListItem` uses `alignItems="flex-start"`. */
+    alignItemsFlexStart: string;
+}
+export declare type ListItemIconClassKey = keyof ListItemIconClasses;
+export declare function getListItemIconUtilityClass(slot: string): string;
+declare const listItemIconClasses: ListItemIconClasses;
+export default listItemIconClasses;

package/ListItemIcon/listItemIconClasses.js

@@ -1,4 +1,4 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/core';
+import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
 export function getListItemIconUtilityClass(slot) {
   return generateUtilityClass('MuiListItemIcon', slot);
 }

package/ListItemSecondaryAction/ListItemSecondaryAction.js

@@ -4,7 +4,7 @@ const _excluded = ["className"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import { unstable_composeClasses as composeClasses } from '@mui/core';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
 import styled from '../styles/styled';
 import useThemeProps from '../styles/useThemeProps';
 import ListContext from '../List/ListContext';

package/ListItemSecondaryAction/listItemSecondaryActionClasses.d.ts

@@ -1,10 +1,10 @@
-export interface ListItemSecondaryActionClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element when the parent `ListItem` has `disableGutters={true}`. */
-    disableGutters: string;
-}
-export declare type ListItemSecondaryActionClassKey = keyof ListItemSecondaryActionClasses;
-export declare function getListItemSecondaryActionClassesUtilityClass(slot: string): string;
-declare const listItemSecondaryActionClasses: ListItemSecondaryActionClasses;
-export default listItemSecondaryActionClasses;
+export interface ListItemSecondaryActionClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element when the parent `ListItem` has `disableGutters={true}`. */
+    disableGutters: string;
+}
+export declare type ListItemSecondaryActionClassKey = keyof ListItemSecondaryActionClasses;
+export declare function getListItemSecondaryActionClassesUtilityClass(slot: string): string;
+declare const listItemSecondaryActionClasses: ListItemSecondaryActionClasses;
+export default listItemSecondaryActionClasses;

package/ListItemSecondaryAction/listItemSecondaryActionClasses.js

@@ -1,4 +1,4 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/core';
+import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
 export function getListItemSecondaryActionClassesUtilityClass(slot) {
   return generateUtilityClass('MuiListItemSecondaryAction', slot);
 }

package/ListItemText/ListItemText.js

@@ -4,7 +4,7 @@ const _excluded = ["children", "className", "disableTypography", "inset", "prima
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import { unstable_composeClasses as composeClasses } from '@mui/core';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
 import Typography from '../Typography';
 import ListContext from '../List/ListContext';
 import useThemeProps from '../styles/useThemeProps';

package/ListItemText/listItemTextClasses.d.ts

@@ -1,18 +1,18 @@
-export interface ListItemTextClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the Typography component if primary and secondary are set. */
-    multiline: string;
-    /** Styles applied to the Typography component if dense. */
-    dense: string;
-    /** Styles applied to the root element if `inset={true}`. */
-    inset: string;
-    /** Styles applied to the primary `Typography` component. */
-    primary: string;
-    /** Styles applied to the secondary `Typography` component. */
-    secondary: string;
-}
-export declare type ListItemTextClassKey = keyof ListItemTextClasses;
-export declare function getListItemTextUtilityClass(slot: string): string;
-declare const listItemTextClasses: ListItemTextClasses;
-export default listItemTextClasses;
+export interface ListItemTextClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the Typography component if primary and secondary are set. */
+    multiline: string;
+    /** Styles applied to the Typography component if dense. */
+    dense: string;
+    /** Styles applied to the root element if `inset={true}`. */
+    inset: string;
+    /** Styles applied to the primary `Typography` component. */
+    primary: string;
+    /** Styles applied to the secondary `Typography` component. */
+    secondary: string;
+}
+export declare type ListItemTextClassKey = keyof ListItemTextClasses;
+export declare function getListItemTextUtilityClass(slot: string): string;
+declare const listItemTextClasses: ListItemTextClasses;
+export default listItemTextClasses;

package/ListItemText/listItemTextClasses.js

@@ -1,4 +1,4 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/core';
+import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
 export function getListItemTextUtilityClass(slot) {
   return generateUtilityClass('MuiListItemText', slot);
 }

package/ListSubheader/ListSubheader.js

@@ -4,7 +4,7 @@ const _excluded = ["className", "color", "component", "disableGutters", "disable
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import { unstable_composeClasses as composeClasses } from '@mui/core';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
 import styled from '../styles/styled';
 import useThemeProps from '../styles/useThemeProps';
 import capitalize from '../utils/capitalize';

package/ListSubheader/listSubheaderClasses.d.ts

@@ -1,18 +1,18 @@
-export interface ListSubheaderClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the root element if `color="primary"`. */
-    colorPrimary: string;
-    /** Styles applied to the root element if `color="inherit"`. */
-    colorInherit: string;
-    /** Styles applied to the inner `component` element unless `disableGutters={true}`. */
-    gutters: string;
-    /** Styles applied to the root element if `inset={true}`. */
-    inset: string;
-    /** Styles applied to the root element unless `disableSticky={true}`. */
-    sticky: string;
-}
-export declare type ListSubheaderClassKey = keyof ListSubheaderClasses;
-export declare function getListSubheaderUtilityClass(slot: string): string;
-declare const listSubheaderClasses: ListSubheaderClasses;
-export default listSubheaderClasses;
+export interface ListSubheaderClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the root element if `color="primary"`. */
+    colorPrimary: string;
+    /** Styles applied to the root element if `color="inherit"`. */
+    colorInherit: string;
+    /** Styles applied to the inner `component` element unless `disableGutters={true}`. */
+    gutters: string;
+    /** Styles applied to the root element if `inset={true}`. */
+    inset: string;
+    /** Styles applied to the root element unless `disableSticky={true}`. */
+    sticky: string;
+}
+export declare type ListSubheaderClassKey = keyof ListSubheaderClasses;
+export declare function getListSubheaderUtilityClass(slot: string): string;
+declare const listSubheaderClasses: ListSubheaderClasses;
+export default listSubheaderClasses;

package/ListSubheader/listSubheaderClasses.js

@@ -1,4 +1,4 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/core';
+import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
 export function getListSubheaderUtilityClass(slot) {
   return generateUtilityClass('MuiListSubheader', slot);
 }

package/Menu/Menu.js

@@ -6,7 +6,7 @@ import * as React from 'react';
 import { isFragment } from 'react-is';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import { unstable_composeClasses as composeClasses } from '@mui/core';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
 import { HTMLElementType } from '@mui/utils';
 import MenuList from '../MenuList';
 import Paper from '../Paper';

package/Menu/menuClasses.d.ts

@@ -1,12 +1,12 @@
-export interface MenuClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** Styles applied to the Paper component. */
-    paper: string;
-    /** Styles applied to the List component via `MenuList`. */
-    list: string;
-}
-export declare type MenuClassKey = keyof MenuClasses;
-export declare function getMenuUtilityClass(slot: string): string;
-declare const menuClasses: MenuClasses;
-export default menuClasses;
+export interface MenuClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** Styles applied to the Paper component. */
+    paper: string;
+    /** Styles applied to the List component via `MenuList`. */
+    list: string;
+}
+export declare type MenuClassKey = keyof MenuClasses;
+export declare function getMenuUtilityClass(slot: string): string;
+declare const menuClasses: MenuClasses;
+export default menuClasses;

package/Menu/menuClasses.js

@@ -1,4 +1,4 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/core';
+import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
 export function getMenuUtilityClass(slot) {
   return generateUtilityClass('MuiMenu', slot);
 }

package/MenuItem/MenuItem.js

@@ -4,7 +4,7 @@ const _excluded = ["autoFocus", "component", "dense", "divider", "disableGutters
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import { unstable_composeClasses as composeClasses } from '@mui/core';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
 import { alpha } from '@mui/system';
 import styled, { rootShouldForwardProp } from '../styles/styled';
 import useThemeProps from '../styles/useThemeProps';

package/MenuItem/menuItemClasses.d.ts

@@ -1,20 +1,20 @@
-export interface MenuItemClasses {
-    /** Styles applied to the root element. */
-    root: string;
-    /** State class applied to the root element if keyboard focused. */
-    focusVisible: string;
-    /** Styles applied to the root element if dense. */
-    dense: string;
-    /** State class applied to the root element if `disabled={true}`. */
-    disabled: string;
-    /** Styles applied to the root element if `divider={true}`. */
-    divider: string;
-    /** Styles applied to the inner `component` element unless `disableGutters={true}`. */
-    gutters: string;
-    /** State class applied to the root element if `selected={true}`. */
-    selected: string;
-}
-export declare type MenuItemClassKey = keyof MenuItemClasses;
-export declare function getMenuItemUtilityClass(slot: string): string;
-declare const menuItemClasses: MenuItemClasses;
-export default menuItemClasses;
+export interface MenuItemClasses {
+    /** Styles applied to the root element. */
+    root: string;
+    /** State class applied to the root element if keyboard focused. */
+    focusVisible: string;
+    /** Styles applied to the root element if dense. */
+    dense: string;
+    /** State class applied to the root element if `disabled={true}`. */
+    disabled: string;
+    /** Styles applied to the root element if `divider={true}`. */
+    divider: string;
+    /** Styles applied to the inner `component` element unless `disableGutters={true}`. */
+    gutters: string;
+    /** State class applied to the root element if `selected={true}`. */
+    selected: string;
+}
+export declare type MenuItemClassKey = keyof MenuItemClasses;
+export declare function getMenuItemUtilityClass(slot: string): string;
+declare const menuItemClasses: MenuItemClasses;
+export default menuItemClasses;

package/MenuItem/menuItemClasses.js

@@ -1,4 +1,4 @@
-import { generateUtilityClass, generateUtilityClasses } from '@mui/core';
+import { generateUtilityClass, generateUtilityClasses } from '@mui/base';
 export function getMenuItemUtilityClass(slot) {
   return generateUtilityClass('MuiMenuItem', slot);
 }

package/MenuList/MenuList.d.ts

@@ -1,41 +1,45 @@
 import * as React from 'react';
-import { ListProps } from '../List';
+import { ExtendList, ExtendListTypeMap } from '../List';
+import { OverrideProps } from '../OverridableComponent';
 
-export interface MenuListProps extends ListProps {
-  /**
-   * If `true`, will focus the `[role="menu"]` container and move into tab order.
-   * @default false
-   */
-  autoFocus?: boolean;
-  /**
-   * If `true`, will focus the first menuitem if `variant="menu"` or selected item
-   * if `variant="selectedMenu"`.
-   * @default false
-   */
-  autoFocusItem?: boolean;
-  /**
-   * MenuList contents, normally `MenuItem`s.
-   */
-  children?: React.ReactNode;
-  /**
-   * If `true`, will allow focus on disabled items.
-   * @default false
-   */
-  disabledItemsFocusable?: boolean;
-  /**
-   * If `true`, the menu items will not wrap focus.
-   * @default false
-   */
-  disableListWrap?: boolean;
-  /**
-   * The variant to use. Use `menu` to prevent selected items from impacting the initial focus
-   * and the vertical alignment relative to the anchor element.
-   * @default 'selectedMenu'
-   */
-  variant?: 'menu' | 'selectedMenu';
-}
+export type MenuListTypeMap<P = {}, D extends React.ElementType = 'ul'> = ExtendListTypeMap<{
+  props: P & {
+    /**
+     * If `true`, will focus the `[role="menu"]` container and move into tab order.
+     * @default false
+     */
+    autoFocus?: boolean;
+    /**
+     * If `true`, will focus the first menuitem if `variant="menu"` or selected item
+     * if `variant="selectedMenu"`.
+     * @default false
+     */
+    autoFocusItem?: boolean;
+    /**
+     * MenuList contents, normally `MenuItem`s.
+     */
+    children?: React.ReactNode;
+    /**
+     * If `true`, will allow focus on disabled items.
+     * @default false
+     */
+    disabledItemsFocusable?: boolean;
+    /**
+     * If `true`, the menu items will not wrap focus.
+     * @default false
+     */
+    disableListWrap?: boolean;
+    /**
+     * The variant to use. Use `menu` to prevent selected items from impacting the initial focus
+     * and the vertical alignment relative to the anchor element.
+     * @default 'selectedMenu'
+     */
+    variant?: 'menu' | 'selectedMenu';
+  };
+  defaultComponent: D;
+}>;
 
-export type MenuListClassKey = keyof NonNullable<MenuListProps['classes']>;
+export type MenuListClassKey = keyof NonNullable<MenuListTypeMap['props']['classes']>;
 
 /**
  * A permanently displayed menu following https://www.w3.org/TR/wai-aria-practices/#menubutton.
@@ -52,4 +56,11 @@ export type MenuListClassKey = keyof NonNullable<MenuListProps['classes']>;
  * - [MenuList API](https://mui.com/api/menu-list/)
  * - inherits [List API](https://mui.com/api/list/)
  */
-export default function MenuList(props: MenuListProps): JSX.Element;
+declare const MenuList: ExtendList<MenuListTypeMap>;
+
+export type MenuListProps<
+  D extends React.ElementType = MenuListTypeMap['defaultComponent'],
+  P = {},
+> = OverrideProps<MenuListTypeMap<P, D>, D>;
+
+export default MenuList;

package/MobileStepper/MobileStepper.js

@@ -5,7 +5,7 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import { integerPropType } from '@mui/utils';
-import { unstable_composeClasses as composeClasses } from '@mui/core';
+import { unstable_composeClasses as composeClasses } from '@mui/base';
 import Paper from '../Paper';
 import capitalize from '../utils/capitalize';
 import LinearProgress from '../LinearProgress';