@mui/material 7.3.8 → 7.3.10

package/ListSubheader/ListSubheader.d.ts

@@ -11,31 +11,31 @@ export interface ListSubheaderOwnProps {
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<ListSubheaderClasses>;
+  classes?: Partial<ListSubheaderClasses> | undefined;
   /**
    * The color of the component. It supports those theme colors that make sense for this component.
    * @default 'default'
    */
-  color?: 'default' | 'primary' | 'inherit';
+  color?: 'default' | 'primary' | 'inherit' | undefined;
   /**
    * If `true`, the List Subheader will not have gutters.
    * @default false
    */
-  disableGutters?: boolean;
+  disableGutters?: boolean | undefined;
   /**
    * If `true`, the List Subheader will not stick to the top during scroll.
    * @default false
    */
-  disableSticky?: boolean;
+  disableSticky?: boolean | undefined;
   /**
    * If `true`, the List Subheader is indented.
    * @default false
    */
-  inset?: boolean;
+  inset?: boolean | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
 }
 export interface ListSubheaderTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'li'> {
   props: AdditionalProps & ListSubheaderOwnProps;
@@ -46,14 +46,15 @@ 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> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 export default ListSubheader;

package/Menu/Menu.d.ts

@@ -76,7 +76,7 @@ export interface MenuProps extends StandardProps<Omit<PopoverProps, 'slots' | 's
    * An HTML element, or a function that returns one.
    * It's used to set the position of the menu.
    */
-  anchorEl?: PopoverProps['anchorEl'];
+  anchorEl?: PopoverProps['anchorEl'] | undefined;
   /**
    * If `true` (Default) will focus the `[role="menu"]` if no focusable child is found. Disabled
    * children are not focusable. If you set this prop to `false` focus will be placed
@@ -84,7 +84,7 @@ export interface MenuProps extends StandardProps<Omit<PopoverProps, 'slots' | 's
    * and should only be considered if you manage focus otherwise.
    * @default true
    */
-  autoFocus?: boolean;
+  autoFocus?: boolean | undefined;
   /**
    * Menu contents, normally `MenuItem`s.
    */
@@ -92,7 +92,7 @@ export interface MenuProps extends StandardProps<Omit<PopoverProps, 'slots' | 's
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<MenuClasses>;
+  classes?: Partial<MenuClasses> | undefined;
   /**
    * When opening the menu will not focus the active item but the `[role="menu"]`
    * unless `autoFocus` is also set to `false`. Not using the default means not
@@ -100,20 +100,20 @@ export interface MenuProps extends StandardProps<Omit<PopoverProps, 'slots' | 's
    * accessibility implications.
    * @default false
    */
-  disableAutoFocusItem?: boolean;
+  disableAutoFocusItem?: boolean | undefined;
   /**
    * Props applied to the [`MenuList`](https://mui.com/material-ui/api/menu-list/) element.
    * @deprecated use the `slotProps.list` prop instead. This prop 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.
    * @default {}
    */
-  MenuListProps?: Partial<MenuListProps>;
+  MenuListProps?: Partial<MenuListProps> | undefined;
   /**
    * Callback fired when the component requests to be closed.
    *
    * @param {object} event The event source of the callback.
    * @param {string} reason Can be: `"escapeKeyDown"`, `"backdropClick"`, `"tabKeyDown"`.
    */
-  onClose?: PopoverProps['onClose'];
+  onClose?: PopoverProps['onClose'] | undefined;
   /**
    * If `true`, the component is shown.
    */
@@ -121,28 +121,28 @@ export interface MenuProps extends StandardProps<Omit<PopoverProps, 'slots' | 's
   /**
    * `classes` prop applied to the [`Popover`](https://mui.com/material-ui/api/popover/) element.
    */
-  PopoverClasses?: PopoverProps['classes'];
+  PopoverClasses?: PopoverProps['classes'] | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
   /**
    * The length of the transition in `ms`, or 'auto'
    * @default 'auto'
    */
-  transitionDuration?: TransitionProps['timeout'] | 'auto';
+  transitionDuration?: TransitionProps['timeout'] | 'auto' | undefined;
   /**
    * Props applied to the transition element.
    * By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition/) component.
    * @deprecated use the `slotProps.transition` prop instead. This prop 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.
    * @default {}
    */
-  TransitionProps?: TransitionProps;
+  TransitionProps?: TransitionProps | undefined;
   /**
    * The variant to use. Use `menu` to prevent selected items from impacting the initial focus.
    * @default 'selectedMenu'
    */
-  variant?: 'menu' | 'selectedMenu';
+  variant?: 'menu' | 'selectedMenu' | undefined;
 }
 export interface MenuOwnerState extends Omit<MenuProps, 'slots' | 'slotProps'> {}
 export declare const MenuPaper: React.FC<PaperProps>;
@@ -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

@@ -10,41 +10,41 @@ export interface MenuItemOwnProps {
    * Focus will also be triggered if the value changes from false to true.
    * @default false
    */
-  autoFocus?: boolean;
+  autoFocus?: boolean | undefined;
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<MenuItemClasses>;
+  classes?: Partial<MenuItemClasses> | undefined;
   /**
    * If `true`, compact vertical padding designed for keyboard and mouse input is used.
    * The prop defaults to the value inherited from the parent Menu component.
    * @default false
    */
-  dense?: boolean;
+  dense?: boolean | undefined;
   /**
    * If `true`, the component is disabled.
    * @default false
    */
-  disabled?: boolean;
+  disabled?: boolean | undefined;
   /**
    * If `true`, the left and right padding is removed.
    * @default false
    */
-  disableGutters?: boolean;
+  disableGutters?: boolean | undefined;
   /**
    * If `true`, a 1px light border is added to the bottom of the menu item.
    * @default false
    */
-  divider?: boolean;
+  divider?: boolean | undefined;
   /**
    * If `true`, the component is selected.
    * @default false
    */
-  selected?: boolean;
+  selected?: boolean | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
 }
 export type MenuItemTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'li'> = ExtendButtonBaseTypeMap<{
   props: AdditionalProps & MenuItemOwnProps;
@@ -55,15 +55,15 @@ 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> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 export default MenuItem;

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,

package/MenuList/MenuList.d.ts

@@ -6,13 +6,13 @@ export interface MenuListOwnProps {
    * If `true`, will focus the `[role="menu"]` container and move into tab order.
    * @default false
    */
-  autoFocus?: boolean;
+  autoFocus?: boolean | undefined;
   /**
    * If `true`, will focus the first menuitem if `variant="menu"` or selected item
    * if `variant="selectedMenu"`.
    * @default false
    */
-  autoFocusItem?: boolean;
+  autoFocusItem?: boolean | undefined;
   /**
    * MenuList contents, normally `MenuItem`s.
    */
@@ -21,18 +21,18 @@ export interface MenuListOwnProps {
    * If `true`, will allow focus on disabled items.
    * @default false
    */
-  disabledItemsFocusable?: boolean;
+  disabledItemsFocusable?: boolean | undefined;
   /**
    * If `true`, the menu items will not wrap focus.
    * @default false
    */
-  disableListWrap?: boolean;
+  disableListWrap?: boolean | undefined;
   /**
    * 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';
+  variant?: 'menu' | 'selectedMenu' | undefined;
 }
 export type MenuListTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'ul'> = ExtendListTypeMap<{
   props: AdditionalProps & MenuListOwnProps;
@@ -42,21 +42,21 @@ 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> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 export default MenuList;

package/MobileStepper/MobileStepper.d.ts

@@ -60,7 +60,7 @@ export interface MobileStepperProps extends StandardProps<PaperProps, 'children'
    * Defines which dot is highlighted when the variant is 'dots'.
    * @default 0
    */
-  activeStep?: number;
+  activeStep?: number | undefined;
   /**
    * A back button element. For instance, it can be a `Button` or an `IconButton`.
    */
@@ -68,12 +68,12 @@ export interface MobileStepperProps extends StandardProps<PaperProps, 'children'
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<MobileStepperClasses>;
+  classes?: Partial<MobileStepperClasses> | undefined;
   /**
    * Props applied to the `LinearProgress` element.
    * @deprecated Use `slotProps.progress` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
-  LinearProgressProps?: Partial<LinearProgressProps>;
+  LinearProgressProps?: Partial<LinearProgressProps> | undefined;
   /**
    * A next button element. For instance, it can be a `Button` or an `IconButton`.
    */
@@ -82,7 +82,7 @@ export interface MobileStepperProps extends StandardProps<PaperProps, 'children'
    * Set the positioning type.
    * @default 'bottom'
    */
-  position?: 'bottom' | 'top' | 'static';
+  position?: 'bottom' | 'top' | 'static' | undefined;
   /**
    * The total steps.
    */
@@ -90,12 +90,12 @@ export interface MobileStepperProps extends StandardProps<PaperProps, 'children'
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
   /**
    * The variant to use.
    * @default 'dots'
    */
-  variant?: 'text' | 'dots' | 'progress';
+  variant?: 'text' | 'dots' | 'progress' | undefined;
 }
 export interface MobileStepperOwnerState extends Omit<MobileStepperProps, 'slots' | 'slotProps'> {}
 
@@ -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

@@ -16,11 +16,11 @@ export interface ModalSlots {
    * The component that renders the root.
    * @default 'div'
    */
-  root?: React.ElementType;
+  root?: React.ElementType | undefined;
   /**
    * The component that renders the backdrop.
    */
-  backdrop?: React.ElementType;
+  backdrop?: React.ElementType | undefined;
 }
 export interface ModalOwnProps {
   /**
@@ -34,12 +34,12 @@ export interface ModalOwnProps {
    *   zIndex: -1,
    * })
    */
-  BackdropComponent?: React.ElementType<BackdropProps>;
+  BackdropComponent?: React.ElementType<BackdropProps> | undefined;
   /**
    * Props applied to the [`Backdrop`](https://mui.com/material-ui/api/backdrop/) element.
    * @deprecated Use `slotProps.backdrop` instead.
    */
-  BackdropProps?: Partial<BackdropProps>;
+  BackdropProps?: Partial<BackdropProps> | undefined;
   /**
    * A single child content element.
    */
@@ -47,16 +47,16 @@ export interface ModalOwnProps {
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<ModalClasses>;
+  classes?: Partial<ModalClasses> | undefined;
   /**
    * @ignore
    */
-  className?: string;
+  className?: string | undefined;
   /**
    * When set to true the Modal waits until a nested Transition is completed before closing.
    * @default false
    */
-  closeAfterTransition?: boolean;
+  closeAfterTransition?: boolean | undefined;
   /**
    * The components used for each slot inside.
    *
@@ -65,9 +65,9 @@ export interface ModalOwnProps {
    * @default {}
    */
   components?: {
-    Root?: React.ElementType;
-    Backdrop?: React.ElementType;
-  };
+    Root?: React.ElementType | undefined;
+    Backdrop?: React.ElementType | undefined;
+  } | undefined;
   /**
    * The extra props for the slot components.
    * You can override the existing props or add new ones.
@@ -77,9 +77,9 @@ export interface ModalOwnProps {
    * @default {}
    */
   componentsProps?: {
-    root?: SlotComponentProps<'div', ModalComponentsPropsOverrides, ModalOwnerState>;
-    backdrop?: SlotComponentProps<typeof Backdrop, ModalComponentsPropsOverrides, ModalOwnerState>;
-  };
+    root?: SlotComponentProps<'div', ModalComponentsPropsOverrides, ModalOwnerState> | undefined;
+    backdrop?: SlotComponentProps<typeof Backdrop, ModalComponentsPropsOverrides, ModalOwnerState> | undefined;
+  } | undefined;
   /**
    * An HTML element or function that returns one.
    * The `container` will have the portal children appended to it.
@@ -90,7 +90,7 @@ export interface ModalOwnProps {
    * By default, it uses the body of the top-level document object,
    * so it's simply `document.body` most of the time.
    */
-  container?: PortalProps['container'];
+  container?: PortalProps['container'] | undefined;
   /**
    * If `true`, the modal will not automatically shift focus to itself when it opens, and
    * replace it to the last focused element when it closes.
@@ -100,7 +100,7 @@ export interface ModalOwnProps {
    * accessible to assistive technologies, like screen readers.
    * @default false
    */
-  disableAutoFocus?: boolean;
+  disableAutoFocus?: boolean | undefined;
   /**
    * If `true`, the modal will not prevent focus from leaving the modal while open.
    *
@@ -108,40 +108,40 @@ export interface ModalOwnProps {
    * accessible to assistive technologies, like screen readers.
    * @default false
    */
-  disableEnforceFocus?: boolean;
+  disableEnforceFocus?: boolean | undefined;
   /**
    * If `true`, hitting escape will not fire the `onClose` callback.
    * @default false
    */
-  disableEscapeKeyDown?: boolean;
+  disableEscapeKeyDown?: boolean | undefined;
   /**
    * The `children` will be under the DOM hierarchy of the parent component.
    * @default false
    */
-  disablePortal?: PortalProps['disablePortal'];
+  disablePortal?: PortalProps['disablePortal'] | undefined;
   /**
    * If `true`, the modal will not restore focus to previously focused element once
    * modal is hidden or unmounted.
    * @default false
    */
-  disableRestoreFocus?: boolean;
+  disableRestoreFocus?: boolean | undefined;
   /**
    * Disable the scroll lock behavior.
    * @default false
    */
-  disableScrollLock?: boolean;
+  disableScrollLock?: boolean | undefined;
   /**
    * If `true`, the backdrop is not rendered.
    * @default false
    */
-  hideBackdrop?: boolean;
+  hideBackdrop?: boolean | undefined;
   /**
    * Always keep the children in the DOM.
    * This prop can be useful in SEO situation or
    * when you want to maximize the responsiveness of the Modal.
    * @default false
    */
-  keepMounted?: boolean;
+  keepMounted?: boolean | undefined;
   /**
    * Callback fired when the component requests to be closed.
    * The `reason` parameter can optionally be used to control the response to `onClose`.
@@ -151,15 +151,15 @@ export interface ModalOwnProps {
    */
   onClose?: {
     bivarianceHack(event: {}, reason: 'backdropClick' | 'escapeKeyDown'): void;
-  }['bivarianceHack'];
+  }['bivarianceHack'] | undefined;
   /**
    * A function called when a transition enters.
    */
-  onTransitionEnter?: () => void;
+  onTransitionEnter?: (() => void) | undefined;
   /**
    * A function called when a transition has exited.
    */
-  onTransitionExited?: () => void;
+  onTransitionExited?: (() => void) | undefined;
   /**
    * If `true`, the component is shown.
    */
@@ -169,19 +169,19 @@ export interface ModalOwnProps {
    * Either a string to use a HTML element or a component.
    * @default {}
    */
-  slots?: ModalSlots;
+  slots?: ModalSlots | undefined;
   /**
    * The props used for each slot inside the Modal.
    * @default {}
    */
   slotProps?: {
-    root?: SlotComponentProps<'div', ModalComponentsPropsOverrides, ModalOwnerState>;
-    backdrop?: SlotComponentProps<typeof Backdrop, ModalComponentsPropsOverrides, ModalOwnerState>;
-  };
+    root?: SlotComponentProps<'div', ModalComponentsPropsOverrides, ModalOwnerState> | undefined;
+    backdrop?: SlotComponentProps<typeof Backdrop, ModalComponentsPropsOverrides, ModalOwnerState> | undefined;
+  } | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
 }
 export interface ModalTypeMap<RootComponent extends React.ElementType = 'div', AdditionalProps = {}> {
   props: AdditionalProps & ModalOwnProps;
@@ -193,26 +193,26 @@ 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> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 export default Modal;

package/Modal/ModalManager.d.ts

@@ -1,5 +1,5 @@
 export interface ManagedModalProps {
-  disableScrollLock?: boolean;
+  disableScrollLock?: boolean | undefined;
 }
 export declare function ariaHidden(element: Element, hide: boolean): void;
 interface Modal {