@mui/material 7.3.8 → 7.3.10

package/esm/Autocomplete/Autocomplete.js

@@ -3,7 +3,6 @@
 var _ClearIcon, _ArrowDropDownIcon;
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import clsx from 'clsx';
 import integerPropType from '@mui/utils/integerPropType';
 import chainPropTypes from '@mui/utils/chainPropTypes';
 import composeClasses from '@mui/utils/composeClasses';
@@ -536,6 +535,17 @@ const Autocomplete = /*#__PURE__*/React.forwardRef(function Autocomplete(inProps
       ...slotProps
     }
   };
+  const [RootSlot, rootProps] = useSlot('root', {
+    ref,
+    className: [classes.root, className],
+    elementType: AutocompleteRoot,
+    externalForwardedProps: {
+      ...externalForwardedProps,
+      ...other
+    },
+    getSlotProps: getRootProps,
+    ownerState
+  });
   const [ListboxSlot, listboxProps] = useSlot('listbox', {
     elementType: AutocompleteListbox,
     externalForwardedProps,
@@ -565,6 +575,31 @@ const Autocomplete = /*#__PURE__*/React.forwardRef(function Autocomplete(inProps
       open: popupOpen
     }
   });
+  const [ClearIndicatorSlot, clearIndicatorProps] = useSlot('clearIndicator', {
+    elementType: AutocompleteClearIndicator,
+    externalForwardedProps,
+    ownerState,
+    className: classes.clearIndicator,
+    shouldForwardComponentProp: true,
+    additionalProps: {
+      ...getClearProps(),
+      'aria-label': clearText,
+      title: clearText
+    }
+  });
+  const [PopupIndicatorSlot, popupIndicatorProps] = useSlot('popupIndicator', {
+    elementType: AutocompletePopupIndicator,
+    externalForwardedProps,
+    ownerState,
+    className: classes.popupIndicator,
+    shouldForwardComponentProp: true,
+    additionalProps: {
+      ...getPopupIndicatorProps(),
+      disabled,
+      'aria-label': popupOpen ? closeText : openText,
+      title: popupOpen ? closeText : openText
+    }
+  });
   let startAdornment;
   const getCustomizedItemProps = params => ({
     className: classes.tag,
@@ -646,14 +681,9 @@ const Autocomplete = /*#__PURE__*/React.forwardRef(function Autocomplete(inProps
       inputValue
     }, ownerState);
   };
-  const clearIndicatorSlotProps = externalForwardedProps.slotProps.clearIndicator;
-  const popupIndicatorSlotProps = externalForwardedProps.slotProps.popupIndicator;
   return /*#__PURE__*/_jsxs(React.Fragment, {
-    children: [/*#__PURE__*/_jsx(AutocompleteRoot, {
-      ref: ref,
-      className: clsx(classes.root, className),
-      ownerState: ownerState,
-      ...getRootProps(other),
+    children: [/*#__PURE__*/_jsx(RootSlot, {
+      ...rootProps,
       children: renderInput({
         id,
         disabled,
@@ -673,22 +703,11 @@ const Autocomplete = /*#__PURE__*/React.forwardRef(function Autocomplete(inProps
             endAdornment: /*#__PURE__*/_jsxs(AutocompleteEndAdornment, {
               className: classes.endAdornment,
               ownerState: ownerState,
-              children: [hasClearIcon ? /*#__PURE__*/_jsx(AutocompleteClearIndicator, {
-                ...getClearProps(),
-                "aria-label": clearText,
-                title: clearText,
-                ownerState: ownerState,
-                ...clearIndicatorSlotProps,
-                className: clsx(classes.clearIndicator, clearIndicatorSlotProps?.className),
+              children: [hasClearIcon ? /*#__PURE__*/_jsx(ClearIndicatorSlot, {
+                ...clearIndicatorProps,
                 children: clearIcon
-              }) : null, hasPopupIcon ? /*#__PURE__*/_jsx(AutocompletePopupIndicator, {
-                ...getPopupIndicatorProps(),
-                disabled: disabled,
-                "aria-label": popupOpen ? closeText : openText,
-                title: popupOpen ? closeText : openText,
-                ownerState: ownerState,
-                ...popupIndicatorSlotProps,
-                className: clsx(classes.popupIndicator, popupIndicatorSlotProps?.className),
+              }) : null, hasPopupIcon ? /*#__PURE__*/_jsx(PopupIndicatorSlot, {
+                ...popupIndicatorProps,
                 children: popupIcon
               }) : null]
             })
@@ -1172,16 +1191,20 @@ process.env.NODE_ENV !== "production" ? Autocomplete.propTypes /* remove-proptyp
     listbox: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
     paper: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
     popper: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
-    popupIndicator: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
+    popupIndicator: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+    root: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
   }),
   /**
    * The components used for each slot inside.
    * @default {}
    */
   slots: PropTypes.shape({
+    clearIndicator: PropTypes.elementType,
     listbox: PropTypes.elementType,
     paper: PropTypes.elementType,
-    popper: PropTypes.elementType
+    popper: PropTypes.elementType,
+    popupIndicator: PropTypes.elementType,
+    root: PropTypes.elementType
   }),
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.

package/esm/Avatar/Avatar.d.ts

@@ -49,7 +49,7 @@ export interface AvatarOwnProps {
    * Used in combination with `src` or `srcSet` to
    * provide an alt attribute for the rendered `img` element.
    */
-  alt?: string;
+  alt?: string | undefined;
   /**
    * Used to render icon or text elements inside the Avatar if `src` is not set.
    * This can be an element, or just a string.
@@ -58,37 +58,37 @@ export interface AvatarOwnProps {
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<AvatarClasses>;
+  classes?: Partial<AvatarClasses> | undefined;
   /**
    * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/img#attributes) applied to the `img` element if the component is used to display an image.
    * It can be used to listen for the loading error event.
    * @deprecated Use `slotProps.img` 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.
    */
-  imgProps?: React.ImgHTMLAttributes<HTMLImageElement> & {
-    sx?: SxProps<Theme>;
-  };
+  imgProps?: (React.ImgHTMLAttributes<HTMLImageElement> & {
+    sx?: SxProps<Theme> | undefined;
+  }) | undefined;
   /**
    * The `sizes` attribute for the `img` element.
    */
-  sizes?: string;
+  sizes?: string | undefined;
   /**
    * The `src` attribute for the `img` element.
    */
-  src?: string;
+  src?: string | undefined;
   /**
    * The `srcSet` attribute for the `img` element.
    * Use this attribute for responsive image display.
    */
-  srcSet?: string;
+  srcSet?: string | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
   /**
    * The shape of the avatar.
    * @default 'circular'
    */
-  variant?: OverridableStringUnion<'circular' | 'rounded' | 'square', AvatarPropsVariantOverrides>;
+  variant?: OverridableStringUnion<'circular' | 'rounded' | 'square', AvatarPropsVariantOverrides> | undefined;
 }
 export interface AvatarTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'div'> {
   props: AdditionalProps & AvatarOwnProps & AvatarSlotsAndSlotProps;
@@ -99,14 +99,14 @@ export interface AvatarTypeMap<AdditionalProps = {}, RootComponent extends React
  *
  * Demos:
  *
- * - [Avatar](https://mui.com/material-ui/react-avatar/)
+ * - [Avatar](https://v7.mui.com/material-ui/react-avatar/)
  *
  * API:
  *
- * - [Avatar API](https://mui.com/material-ui/api/avatar/)
+ * - [Avatar API](https://v7.mui.com/material-ui/api/avatar/)
  */
 declare const Avatar: OverridableComponent<AvatarTypeMap>;
 export type AvatarProps<RootComponent extends React.ElementType = AvatarTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<AvatarTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 export default Avatar;

package/esm/AvatarGroup/AvatarGroup.d.ts

@@ -25,12 +25,12 @@ export interface AvatarGroupOwnProps extends AvatarGroupSlotsAndSlotProps {
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<AvatarGroupClasses>;
+  classes?: Partial<AvatarGroupClasses> | undefined;
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
   /**
    * The extra props for the slot components.
    * You can override the existing props or add new ones.
@@ -40,38 +40,38 @@ export interface AvatarGroupOwnProps extends AvatarGroupSlotsAndSlotProps {
    * @deprecated use the `slotProps` 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.
    */
   componentsProps?: {
-    additionalAvatar?: React.ComponentPropsWithRef<typeof Avatar> & AvatarGroupComponentsPropsOverrides;
-  };
+    additionalAvatar?: (React.ComponentPropsWithRef<typeof Avatar> & AvatarGroupComponentsPropsOverrides) | undefined;
+  } | undefined;
   /**
    * Max avatars to show before +x.
    * @default 5
    */
-  max?: number;
+  max?: number | undefined;
   /**
    * custom renderer of extraAvatars
    * @param {number} surplus number of extra avatars
    * @returns {React.ReactNode} custom element to display
    */
-  renderSurplus?: (surplus: number) => React.ReactNode;
+  renderSurplus?: ((surplus: number) => React.ReactNode) | undefined;
   /**
    * Spacing between avatars.
    * @default 'medium'
    */
-  spacing?: 'small' | 'medium' | number;
+  spacing?: 'small' | 'medium' | number | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
   /**
    * The total number of avatars. Used for calculating the number of extra avatars.
    * @default children.length
    */
-  total?: number;
+  total?: number | undefined;
   /**
    * The variant to use.
    * @default 'circular'
    */
-  variant?: OverridableStringUnion<'circular' | 'rounded' | 'square', AvatarGroupPropsVariantOverrides>;
+  variant?: OverridableStringUnion<'circular' | 'rounded' | 'square', AvatarGroupPropsVariantOverrides> | undefined;
 }
 export interface AvatarGroupTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'div'> {
   props: AdditionalProps & AvatarGroupOwnProps;
@@ -82,15 +82,15 @@ export interface AvatarGroupTypeMap<AdditionalProps = {}, RootComponent extends
  *
  * Demos:
  *
- * - [Avatar](https://mui.com/material-ui/react-avatar/)
+ * - [Avatar](https://v7.mui.com/material-ui/react-avatar/)
  *
  * API:
  *
- * - [AvatarGroup API](https://mui.com/material-ui/api/avatar-group/)
+ * - [AvatarGroup API](https://v7.mui.com/material-ui/api/avatar-group/)
  */
 declare const AvatarGroup: OverridableComponent<AvatarGroupTypeMap>;
 export type AvatarGroupProps<RootComponent extends React.ElementType = AvatarGroupTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<AvatarGroupTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 export interface AvatarGroupOwnerState extends PartiallyRequired<AvatarGroupProps, 'max' | 'spacing' | 'component' | 'variant'> {}
 export default AvatarGroup;

package/esm/Backdrop/Backdrop.d.ts

@@ -46,8 +46,8 @@ export interface BackdropOwnProps extends Partial<Omit<FadeProps, 'children'>>,
    * @default {}
    */
   components?: {
-    Root?: React.ElementType;
-  };
+    Root?: React.ElementType | undefined;
+  } | undefined;
   /**
    * The extra props for the slot components.
    * You can override the existing props or add new ones.
@@ -57,18 +57,18 @@ export interface BackdropOwnProps extends Partial<Omit<FadeProps, 'children'>>,
    * @default {}
    */
   componentsProps?: {
-    root?: React.HTMLAttributes<HTMLDivElement> & BackdropComponentsPropsOverrides;
-  };
+    root?: (React.HTMLAttributes<HTMLDivElement> & BackdropComponentsPropsOverrides) | undefined;
+  } | undefined;
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<BackdropClasses>;
+  classes?: Partial<BackdropClasses> | undefined;
   /**
    * If `true`, the backdrop is invisible.
    * It can be used when rendering a popover or a custom select component.
    * @default false
    */
-  invisible?: boolean;
+  invisible?: boolean | undefined;
   /**
    * If `true`, the component is shown.
    */
@@ -76,12 +76,12 @@ export interface BackdropOwnProps extends Partial<Omit<FadeProps, 'children'>>,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
   /**
    * The duration for the transition, in milliseconds.
    * You may specify a single timeout for all transitions, or individually with an object.
    */
-  transitionDuration?: TransitionProps['timeout'];
+  transitionDuration?: TransitionProps['timeout'] | undefined;
   /**
    * The component used for the transition.
    * [Follow this guide](https://mui.com/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
@@ -90,7 +90,7 @@ export interface BackdropOwnProps extends Partial<Omit<FadeProps, 'children'>>,
    */
   TransitionComponent?: React.JSXElementConstructor<TransitionProps & {
     children: React.ReactElement<unknown, any>;
-  }>;
+  }> | undefined;
 }
 export interface BackdropTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'div'> {
   props: AdditionalProps & BackdropOwnProps;
@@ -103,16 +103,16 @@ export declare const BackdropRoot: React.FC<BackdropRootProps>;
  *
  * Demos:
  *
- * - [Backdrop](https://mui.com/material-ui/react-backdrop/)
+ * - [Backdrop](https://v7.mui.com/material-ui/react-backdrop/)
  *
  * API:
  *
- * - [Backdrop API](https://mui.com/material-ui/api/backdrop/)
- * - inherits [Fade API](https://mui.com/material-ui/api/fade/)
+ * - [Backdrop API](https://v7.mui.com/material-ui/api/backdrop/)
+ * - inherits [Fade API](https://v7.mui.com/material-ui/api/fade/)
  */
 declare const Backdrop: OverridableComponent<BackdropTypeMap>;
 export type BackdropProps<RootComponent extends React.ElementType = BackdropTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<BackdropTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 export interface BackdropOwnerState extends BackdropProps {}
 export default Backdrop;

package/esm/Badge/Badge.d.ts

@@ -45,8 +45,8 @@ export type BadgeOwnerState = Simplify<Omit<BadgeOwnProps, 'slotProps' | 'slots'
   variant: OverridableStringUnion<'standard' | 'dot', BadgePropsVariantOverrides>;
 }>;
 export interface BadgeOrigin {
-  vertical?: 'top' | 'bottom';
-  horizontal?: 'left' | 'right';
+  vertical?: 'top' | 'bottom' | undefined;
+  horizontal?: 'left' | 'right' | undefined;
 }
 export interface BadgeOwnProps extends BadgeSlotsAndSlotProps {
   /**
@@ -56,7 +56,7 @@ export interface BadgeOwnProps extends BadgeSlotsAndSlotProps {
    *   horizontal: 'right',
    * }
    */
-  anchorOrigin?: BadgeOrigin;
+  anchorOrigin?: BadgeOrigin | undefined;
   /**
    * The content rendered within the badge.
    */
@@ -68,18 +68,18 @@ export interface BadgeOwnProps extends BadgeSlotsAndSlotProps {
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<BadgeClasses>;
+  classes?: Partial<BadgeClasses> | undefined;
   /**
    * @ignore
    */
-  className?: string;
+  className?: string | undefined;
   /**
    * The color of the component.
    * It supports both default and custom theme colors, which can be added as shown in the
    * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
    * @default 'default'
    */
-  color?: OverridableStringUnion<'primary' | 'secondary' | 'default' | 'error' | 'info' | 'success' | 'warning', BadgePropsColorOverrides>;
+  color?: OverridableStringUnion<'primary' | 'secondary' | 'default' | 'error' | 'info' | 'success' | 'warning', BadgePropsColorOverrides> | undefined;
   /**
    * The extra props for the slot components.
    * You can override the existing props or add new ones.
@@ -88,7 +88,7 @@ export interface BadgeOwnProps extends BadgeSlotsAndSlotProps {
    *
    * @default {}
    */
-  componentsProps?: BadgeOwnProps['slotProps'];
+  componentsProps?: BadgeOwnProps['slotProps'] | undefined;
   /**
    * The components used for each slot inside.
    *
@@ -97,38 +97,38 @@ export interface BadgeOwnProps extends BadgeSlotsAndSlotProps {
    * @default {}
    */
   components?: {
-    Root?: React.ElementType;
-    Badge?: React.ElementType;
-  };
+    Root?: React.ElementType | undefined;
+    Badge?: React.ElementType | undefined;
+  } | undefined;
   /**
    * If `true`, the badge is invisible.
    * @default false
    */
-  invisible?: boolean;
+  invisible?: boolean | undefined;
   /**
    * Max count to show.
    * @default 99
    */
-  max?: number;
+  max?: number | undefined;
   /**
    * Wrapped shape the badge should overlap.
    * @default 'rectangular'
    */
-  overlap?: 'rectangular' | 'circular';
+  overlap?: 'rectangular' | 'circular' | undefined;
   /**
    * Controls whether the badge is hidden when `badgeContent` is zero.
    * @default false
    */
-  showZero?: boolean;
+  showZero?: boolean | undefined;
   /**
    * 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 'standard'
    */
-  variant?: OverridableStringUnion<'standard' | 'dot', BadgePropsVariantOverrides>;
+  variant?: OverridableStringUnion<'standard' | 'dot', BadgePropsVariantOverrides> | undefined;
 }
 export interface BadgeTypeMap<RootComponent extends React.ElementType = 'span', AdditionalProps = {}> {
   props: AdditionalProps & BadgeOwnProps;
@@ -143,15 +143,15 @@ export declare const BadgeMark: React.FC<BadgeBadgeProps>;
  *
  * Demos:
  *
- * - [Avatar](https://mui.com/material-ui/react-avatar/)
- * - [Badge](https://mui.com/material-ui/react-badge/)
+ * - [Avatar](https://v7.mui.com/material-ui/react-avatar/)
+ * - [Badge](https://v7.mui.com/material-ui/react-badge/)
  *
  * API:
  *
- * - [Badge API](https://mui.com/material-ui/api/badge/)
+ * - [Badge API](https://v7.mui.com/material-ui/api/badge/)
  */
 declare const Badge: OverridableComponent<BadgeTypeMap>;
 export type BadgeProps<RootComponent extends React.ElementType = BadgeTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<BadgeTypeMap<RootComponent, AdditionalProps>, RootComponent> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 export default Badge;

package/esm/Badge/useBadge.types.d.ts

@@ -7,17 +7,17 @@ export interface UseBadgeParameters {
    * If `true`, the badge is invisible.
    * @default false
    */
-  invisible?: boolean;
+  invisible?: boolean | undefined;
   /**
    * Max count to show.
    * @default 99
    */
-  max?: number;
+  max?: number | undefined;
   /**
    * Controls whether the badge is hidden when `badgeContent` is zero.
    * @default false
    */
-  showZero?: boolean;
+  showZero?: boolean | undefined;
 }
 export interface UseBadgeReturnValue {
   /**

package/esm/BottomNavigation/BottomNavigation.d.ts

@@ -11,24 +11,24 @@ export interface BottomNavigationOwnProps {
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<BottomNavigationClasses>;
+  classes?: Partial<BottomNavigationClasses> | undefined;
   /**
    * Callback fired when the value changes.
    *
    * @param {React.SyntheticEvent} event The event source of the callback. **Warning**: This is a generic event not a change event.
    * @param {any} value We default to the index of the child.
    */
-  onChange?: (event: React.SyntheticEvent, value: any) => void;
+  onChange?: ((event: React.SyntheticEvent, value: any) => void) | undefined;
   /**
    * If `true`, all `BottomNavigationAction`s will show their labels.
    * By default, only the selected `BottomNavigationAction` will show its label.
    * @default false
    */
-  showLabels?: boolean;
+  showLabels?: boolean | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
   /**
    * The value of the currently selected `BottomNavigationAction`.
    */
@@ -42,14 +42,14 @@ export interface BottomNavigationTypeMap<AdditionalProps = {}, RootComponent ext
  *
  * Demos:
  *
- * - [Bottom Navigation](https://mui.com/material-ui/react-bottom-navigation/)
+ * - [Bottom Navigation](https://v7.mui.com/material-ui/react-bottom-navigation/)
  *
  * API:
  *
- * - [BottomNavigation API](https://mui.com/material-ui/api/bottom-navigation/)
+ * - [BottomNavigation API](https://v7.mui.com/material-ui/api/bottom-navigation/)
  */
 declare const BottomNavigation: OverridableComponent<BottomNavigationTypeMap>;
 export type BottomNavigationProps<RootComponent extends React.ElementType = BottomNavigationTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<BottomNavigationTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 export default BottomNavigation;

package/esm/BottomNavigationAction/BottomNavigationAction.d.ts

@@ -38,7 +38,7 @@ export interface BottomNavigationActionOwnProps extends BottomNavigationActionSl
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<BottomNavigationActionClasses>;
+  classes?: Partial<BottomNavigationActionClasses> | undefined;
   /**
    * The icon to display.
    */
@@ -54,11 +54,11 @@ export interface BottomNavigationActionOwnProps extends BottomNavigationActionSl
    *
    * The prop defaults to the value (`false`) inherited from the parent BottomNavigation component.
    */
-  showLabel?: boolean;
+  showLabel?: boolean | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
   /**
    * You can provide your own value. Otherwise, we fallback to the child position index.
    */
@@ -73,16 +73,16 @@ export type BottomNavigationActionTypeMap<AdditionalProps, RootComponent extends
  *
  * Demos:
  *
- * - [Bottom Navigation](https://mui.com/material-ui/react-bottom-navigation/)
+ * - [Bottom Navigation](https://v7.mui.com/material-ui/react-bottom-navigation/)
  *
  * API:
  *
- * - [BottomNavigationAction API](https://mui.com/material-ui/api/bottom-navigation-action/)
- * - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
+ * - [BottomNavigationAction API](https://v7.mui.com/material-ui/api/bottom-navigation-action/)
+ * - inherits [ButtonBase API](https://v7.mui.com/material-ui/api/button-base/)
  */
 declare const BottomNavigationAction: ExtendButtonBase<BottomNavigationActionTypeMap<{}, ButtonBaseTypeMap['defaultComponent']>>;
 export type BottomNavigationActionProps<RootComponent extends React.ElementType = ButtonBaseTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<BottomNavigationActionTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 export interface BottomNavigationActionOwnerState extends Omit<BottomNavigationActionProps, 'slots' | 'slotProps'> {}
 export default BottomNavigationAction;

package/esm/Box/Box.d.ts

@@ -7,14 +7,15 @@ import { Theme as MaterialTheme } from "../styles/index.js";
  *
  * Demos:
  *
- * - [Box](https://mui.com/material-ui/react-box/)
+ * - [Box](https://v7.mui.com/material-ui/react-box/)
+ * - [Menubar](https://v7.mui.com/material-ui/react-menubar/)
  *
  * API:
  *
- * - [Box API](https://mui.com/material-ui/api/box/)
+ * - [Box API](https://v7.mui.com/material-ui/api/box/)
  */
 declare const Box: OverridableComponent<BoxTypeMap<{}, 'div', MaterialTheme>>;
 export type BoxProps<RootComponent extends React.ElementType = BoxTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<BoxTypeMap<AdditionalProps, RootComponent, MaterialTheme>, RootComponent> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 export default Box;