@mui/material 7.3.9 → 7.3.10

package/Accordion/Accordion.d.ts

@@ -119,12 +119,12 @@ export type AccordionTypeMap<AdditionalProps = {}, RootComponent extends React.E
  *
  * Demos:
  *
- * - [Accordion](https://mui.com/material-ui/react-accordion/)
+ * - [Accordion](https://v7.mui.com/material-ui/react-accordion/)
  *
  * API:
  *
- * - [Accordion API](https://mui.com/material-ui/api/accordion/)
- * - inherits [Paper API](https://mui.com/material-ui/api/paper/)
+ * - [Accordion API](https://v7.mui.com/material-ui/api/accordion/)
+ * - inherits [Paper API](https://v7.mui.com/material-ui/api/paper/)
  */
 declare const Accordion: OverridableComponent<AccordionTypeMap>;
 export type AccordionProps<RootComponent extends React.ElementType = AccordionTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<AccordionTypeMap<AdditionalProps, RootComponent>, RootComponent> & {

package/AccordionActions/AccordionActions.d.ts

@@ -27,10 +27,10 @@ export interface AccordionActionsProps extends StandardProps<React.HTMLAttribute
  *
  * Demos:
  *
- * - [Accordion](https://mui.com/material-ui/react-accordion/)
+ * - [Accordion](https://v7.mui.com/material-ui/react-accordion/)
  *
  * API:
  *
- * - [AccordionActions API](https://mui.com/material-ui/api/accordion-actions/)
+ * - [AccordionActions API](https://v7.mui.com/material-ui/api/accordion-actions/)
  */
 export default function AccordionActions(props: AccordionActionsProps): React.JSX.Element;

package/AccordionDetails/AccordionDetails.d.ts

@@ -22,10 +22,10 @@ export interface AccordionDetailsProps extends StandardProps<React.HTMLAttribute
  *
  * Demos:
  *
- * - [Accordion](https://mui.com/material-ui/react-accordion/)
+ * - [Accordion](https://v7.mui.com/material-ui/react-accordion/)
  *
  * API:
  *
- * - [AccordionDetails API](https://mui.com/material-ui/api/accordion-details/)
+ * - [AccordionDetails API](https://v7.mui.com/material-ui/api/accordion-details/)
  */
 export default function AccordionDetails(props: AccordionDetailsProps): React.JSX.Element;

package/AccordionSummary/AccordionSummary.d.ts

@@ -67,12 +67,12 @@ export interface AccordionSummaryOwnerState extends Omit<AccordionSummaryProps,
  *
  * Demos:
  *
- * - [Accordion](https://mui.com/material-ui/react-accordion/)
+ * - [Accordion](https://v7.mui.com/material-ui/react-accordion/)
  *
  * API:
  *
- * - [AccordionSummary API](https://mui.com/material-ui/api/accordion-summary/)
- * - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
+ * - [AccordionSummary API](https://v7.mui.com/material-ui/api/accordion-summary/)
+ * - inherits [ButtonBase API](https://v7.mui.com/material-ui/api/button-base/)
  */
 declare const AccordionSummary: ExtendButtonBase<AccordionSummaryTypeMap>;
 export type AccordionSummaryProps<RootComponent extends React.ElementType = AccordionSummaryTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<AccordionSummaryTypeMap<AdditionalProps, RootComponent>, RootComponent> & {

package/Alert/Alert.d.ts

@@ -171,11 +171,11 @@ export interface AlertOwnerState extends AlertProps {}
  *
  * Demos:
  *
- * - [Alert](https://mui.com/material-ui/react-alert/)
+ * - [Alert](https://v7.mui.com/material-ui/react-alert/)
  *
  * API:
  *
- * - [Alert API](https://mui.com/material-ui/api/alert/)
- * - inherits [Paper API](https://mui.com/material-ui/api/paper/)
+ * - [Alert API](https://v7.mui.com/material-ui/api/alert/)
+ * - inherits [Paper API](https://v7.mui.com/material-ui/api/paper/)
  */
 export default function Alert(props: AlertProps): React.JSX.Element;

package/AlertTitle/AlertTitle.d.ts

@@ -22,11 +22,11 @@ export interface AlertTitleProps extends TypographyProps<'div'> {
  *
  * Demos:
  *
- * - [Alert](https://mui.com/material-ui/react-alert/)
+ * - [Alert](https://v7.mui.com/material-ui/react-alert/)
  *
  * API:
  *
- * - [AlertTitle API](https://mui.com/material-ui/api/alert-title/)
- * - inherits [Typography API](https://mui.com/material-ui/api/typography/)
+ * - [AlertTitle API](https://v7.mui.com/material-ui/api/alert-title/)
+ * - inherits [Typography API](https://v7.mui.com/material-ui/api/typography/)
  */
 export default function AlertTitle(props: AlertTitleProps): React.JSX.Element;

package/AppBar/AppBar.d.ts

@@ -55,12 +55,12 @@ export type AppBarTypeMap<AdditionalProps = {}, RootComponent extends React.Elem
  *
  * Demos:
  *
- * - [App Bar](https://mui.com/material-ui/react-app-bar/)
+ * - [App Bar](https://v7.mui.com/material-ui/react-app-bar/)
  *
  * API:
  *
- * - [AppBar API](https://mui.com/material-ui/api/app-bar/)
- * - inherits [Paper API](https://mui.com/material-ui/api/paper/)
+ * - [AppBar API](https://v7.mui.com/material-ui/api/app-bar/)
+ * - inherits [Paper API](https://v7.mui.com/material-ui/api/paper/)
  */
 
 declare const AppBar: OverridableComponent<AppBarTypeMap>;

package/Autocomplete/Autocomplete.d.ts

@@ -83,6 +83,21 @@ export interface AutocompleteRenderInputParams {
 }
 export interface AutocompletePropsSizeOverrides {}
 export interface AutocompleteSlots {
+  /**
+   * The component that renders the root.
+   * @default 'div'
+   */
+  root: React.ElementType;
+  /**
+   * The component used to render the clear indicator element.
+   * @default IconButton
+   */
+  clearIndicator: React.JSXElementConstructor<IconButtonProps>;
+  /**
+   * The component used to render the popup indicator element.
+   * @default IconButton
+   */
+  popupIndicator: React.JSXElementConstructor<IconButtonProps>;
   /**
    * The component used to render the listbox.
    * @default 'ul'
@@ -100,6 +115,7 @@ export interface AutocompleteSlots {
   popper: React.JSXElementConstructor<PopperProps & AutocompletePopperSlotPropsOverrides>;
 }
 export type AutocompleteSlotsAndSlotProps<Value, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined, ChipComponent extends React.ElementType = ChipTypeMap['defaultComponent']> = CreateSlotsAndSlotProps<AutocompleteSlots, {
+  root: SlotProps<'div', {}, AutocompleteOwnerState<Value, Multiple, DisableClearable, FreeSolo, ChipComponent>>;
   chip: SlotProps<React.ElementType<Partial<ChipProps<ChipComponent>>>, {}, AutocompleteOwnerState<Value, Multiple, DisableClearable, FreeSolo, ChipComponent>>;
   clearIndicator: SlotProps<React.ElementType<Partial<IconButtonProps>>, {}, AutocompleteOwnerState<Value, Multiple, DisableClearable, FreeSolo, ChipComponent>>;
   /**
@@ -320,10 +336,10 @@ export interface AutocompleteProps<Value, Multiple extends boolean | undefined,
  *
  * Demos:
  *
- * - [Autocomplete](https://mui.com/material-ui/react-autocomplete/)
+ * - [Autocomplete](https://v7.mui.com/material-ui/react-autocomplete/)
  *
  * API:
  *
- * - [Autocomplete API](https://mui.com/material-ui/api/autocomplete/)
+ * - [Autocomplete API](https://v7.mui.com/material-ui/api/autocomplete/)
  */
 export default function Autocomplete<Value, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = ChipTypeMap['defaultComponent']>(props: AutocompleteProps<Value, Multiple, DisableClearable, FreeSolo, ChipComponent>): React.JSX.Element;

package/Autocomplete/Autocomplete.js

@@ -15,7 +15,6 @@ Object.defineProperty(exports, "createFilterOptions", {
 exports.default = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _clsx = _interopRequireDefault(require("clsx"));
 var _integerPropType = _interopRequireDefault(require("@mui/utils/integerPropType"));
 var _chainPropTypes = _interopRequireDefault(require("@mui/utils/chainPropTypes"));
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
@@ -548,6 +547,17 @@ const Autocomplete = /*#__PURE__*/React.forwardRef(function Autocomplete(inProps
       ...slotProps
     }
   };
+  const [RootSlot, rootProps] = (0, _useSlot.default)('root', {
+    ref,
+    className: [classes.root, className],
+    elementType: AutocompleteRoot,
+    externalForwardedProps: {
+      ...externalForwardedProps,
+      ...other
+    },
+    getSlotProps: getRootProps,
+    ownerState
+  });
   const [ListboxSlot, listboxProps] = (0, _useSlot.default)('listbox', {
     elementType: AutocompleteListbox,
     externalForwardedProps,
@@ -577,6 +587,31 @@ const Autocomplete = /*#__PURE__*/React.forwardRef(function Autocomplete(inProps
       open: popupOpen
     }
   });
+  const [ClearIndicatorSlot, clearIndicatorProps] = (0, _useSlot.default)('clearIndicator', {
+    elementType: AutocompleteClearIndicator,
+    externalForwardedProps,
+    ownerState,
+    className: classes.clearIndicator,
+    shouldForwardComponentProp: true,
+    additionalProps: {
+      ...getClearProps(),
+      'aria-label': clearText,
+      title: clearText
+    }
+  });
+  const [PopupIndicatorSlot, popupIndicatorProps] = (0, _useSlot.default)('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,
@@ -658,14 +693,9 @@ const Autocomplete = /*#__PURE__*/React.forwardRef(function Autocomplete(inProps
       inputValue
     }, ownerState);
   };
-  const clearIndicatorSlotProps = externalForwardedProps.slotProps.clearIndicator;
-  const popupIndicatorSlotProps = externalForwardedProps.slotProps.popupIndicator;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(AutocompleteRoot, {
-      ref: ref,
-      className: (0, _clsx.default)(classes.root, className),
-      ownerState: ownerState,
-      ...getRootProps(other),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(RootSlot, {
+      ...rootProps,
       children: renderInput({
         id,
         disabled,
@@ -685,22 +715,11 @@ const Autocomplete = /*#__PURE__*/React.forwardRef(function Autocomplete(inProps
             endAdornment: /*#__PURE__*/(0, _jsxRuntime.jsxs)(AutocompleteEndAdornment, {
               className: classes.endAdornment,
               ownerState: ownerState,
-              children: [hasClearIcon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(AutocompleteClearIndicator, {
-                ...getClearProps(),
-                "aria-label": clearText,
-                title: clearText,
-                ownerState: ownerState,
-                ...clearIndicatorSlotProps,
-                className: (0, _clsx.default)(classes.clearIndicator, clearIndicatorSlotProps?.className),
+              children: [hasClearIcon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(ClearIndicatorSlot, {
+                ...clearIndicatorProps,
                 children: clearIcon
-              }) : null, hasPopupIcon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(AutocompletePopupIndicator, {
-                ...getPopupIndicatorProps(),
-                disabled: disabled,
-                "aria-label": popupOpen ? closeText : openText,
-                title: popupOpen ? closeText : openText,
-                ownerState: ownerState,
-                ...popupIndicatorSlotProps,
-                className: (0, _clsx.default)(classes.popupIndicator, popupIndicatorSlotProps?.className),
+              }) : null, hasPopupIcon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(PopupIndicatorSlot, {
+                ...popupIndicatorProps,
                 children: popupIcon
               }) : null]
             })
@@ -1184,16 +1203,20 @@ process.env.NODE_ENV !== "production" ? Autocomplete.propTypes /* remove-proptyp
     listbox: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
     paper: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
     popper: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
-    popupIndicator: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])
+    popupIndicator: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
+    root: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object])
   }),
   /**
    * The components used for each slot inside.
    * @default {}
    */
   slots: _propTypes.default.shape({
+    clearIndicator: _propTypes.default.elementType,
     listbox: _propTypes.default.elementType,
     paper: _propTypes.default.elementType,
-    popper: _propTypes.default.elementType
+    popper: _propTypes.default.elementType,
+    popupIndicator: _propTypes.default.elementType,
+    root: _propTypes.default.elementType
   }),
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.

package/Avatar/Avatar.d.ts

@@ -99,11 +99,11 @@ 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> & {

package/AvatarGroup/AvatarGroup.d.ts

@@ -82,11 +82,11 @@ 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> & {

package/Backdrop/Backdrop.d.ts

@@ -103,12 +103,12 @@ 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> & {

package/Badge/Badge.d.ts

@@ -143,12 +143,12 @@ 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> & {

package/BottomNavigation/BottomNavigation.d.ts

@@ -42,11 +42,11 @@ 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> & {

package/BottomNavigationAction/BottomNavigationAction.d.ts

@@ -73,12 +73,12 @@ 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> & {

package/Box/Box.d.ts

@@ -7,11 +7,12 @@ 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> & {

package/Breadcrumbs/Breadcrumbs.d.ts

@@ -80,12 +80,12 @@ export interface BreadcrumbsTypeMap<AdditionalProps = {}, RootComponent extends
  *
  * Demos:
  *
- * - [Breadcrumbs](https://mui.com/material-ui/react-breadcrumbs/)
+ * - [Breadcrumbs](https://v7.mui.com/material-ui/react-breadcrumbs/)
  *
  * API:
  *
- * - [Breadcrumbs API](https://mui.com/material-ui/api/breadcrumbs/)
- * - inherits [Typography API](https://mui.com/material-ui/api/typography/)
+ * - [Breadcrumbs API](https://v7.mui.com/material-ui/api/breadcrumbs/)
+ * - inherits [Typography API](https://v7.mui.com/material-ui/api/typography/)
  */
 declare const Breadcrumbs: OverridableComponent<BreadcrumbsTypeMap>;
 export type BreadcrumbsProps<RootComponent extends React.ElementType = BreadcrumbsTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<BreadcrumbsTypeMap<AdditionalProps, RootComponent>, RootComponent> & {

package/Button/Button.d.ts

@@ -115,14 +115,15 @@ export type ExtendButton<TypeMap extends OverridableTypeMap> = ((props: {
  *
  * Demos:
  *
- * - [Button Group](https://mui.com/material-ui/react-button-group/)
- * - [Button](https://mui.com/material-ui/react-button/)
- * - [Number Field](https://mui.com/material-ui/react-number-field/)
+ * - [Button Group](https://v7.mui.com/material-ui/react-button-group/)
+ * - [Button](https://v7.mui.com/material-ui/react-button/)
+ * - [Menubar](https://v7.mui.com/material-ui/react-menubar/)
+ * - [Number Field](https://v7.mui.com/material-ui/react-number-field/)
  *
  * API:
  *
- * - [Button API](https://mui.com/material-ui/api/button/)
- * - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
+ * - [Button API](https://v7.mui.com/material-ui/api/button/)
+ * - inherits [ButtonBase API](https://v7.mui.com/material-ui/api/button-base/)
  */
 declare const Button: ExtendButtonBase<ButtonTypeMap>;
 export type ButtonProps<RootComponent extends React.ElementType = ButtonTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ButtonTypeMap<AdditionalProps, RootComponent>, RootComponent> & {

package/ButtonBase/ButtonBase.d.ts

@@ -109,11 +109,11 @@ export type ExtendButtonBase<TypeMap extends OverridableTypeMap> = ((props: {
  *
  * Demos:
  *
- * - [Button](https://mui.com/material-ui/react-button/)
+ * - [Button](https://v7.mui.com/material-ui/react-button/)
  *
  * API:
  *
- * - [ButtonBase API](https://mui.com/material-ui/api/button-base/)
+ * - [ButtonBase API](https://v7.mui.com/material-ui/api/button-base/)
  */
 declare const ButtonBase: ExtendButtonBase<ButtonBaseTypeMap>;
 export type ButtonBaseProps<RootComponent extends React.ElementType = ButtonBaseTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ButtonBaseTypeMap<AdditionalProps, RootComponent>, RootComponent> & {

package/ButtonBase/ButtonBase.js

@@ -182,7 +182,13 @@ const ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(inProps, re
   });
   const isNonNativeButton = () => {
     const button = buttonRef.current;
-    return component && component !== 'button' && !(button.tagName === 'A' && button.href);
+    if (!button) {
+      return component && component !== 'button';
+    }
+    if (button.tagName === 'BUTTON') {
+      return false;
+    }
+    return !(button.tagName === 'A' && button.href);
   };
   const handleKeyDown = (0, _useEventCallback.default)(event => {
     // Check if key is already down to avoid repeats being counted as multiple activations
@@ -219,7 +225,7 @@ const ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(inProps, re
     }
 
     // Keyboard accessibility for non interactive elements
-    if (onClick && event.target === event.currentTarget && isNonNativeButton() && event.key === ' ' && !event.defaultPrevented) {
+    if (onClick && event.target === event.currentTarget && isNonNativeButton() && event.key === ' ' && !event.defaultPrevented && !disabled) {
       onClick(event);
     }
   });

package/ButtonGroup/ButtonGroup.d.ts

@@ -78,11 +78,11 @@ export interface ButtonGroupTypeMap<AdditionalProps = {}, RootComponent extends
  *
  * Demos:
  *
- * - [Button Group](https://mui.com/material-ui/react-button-group/)
+ * - [Button Group](https://v7.mui.com/material-ui/react-button-group/)
  *
  * API:
  *
- * - [ButtonGroup API](https://mui.com/material-ui/api/button-group/)
+ * - [ButtonGroup API](https://v7.mui.com/material-ui/api/button-group/)
  */
 declare const ButtonGroup: OverridableComponent<ButtonGroupTypeMap>;
 export type ButtonGroupProps<RootComponent extends React.ElementType = ButtonGroupTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ButtonGroupTypeMap<AdditionalProps, RootComponent>, RootComponent> & {

package/CHANGELOG.md

@@ -1,5 +1,52 @@
 # [Versions](https://mui.com/versions/)
 
+## 7.3.10
+
+<!-- generated comparing v7.3.9..v7.x -->
+
+_Apr 8, 2026_
+
+A big thanks to the 15 contributors who made this release possible. A few highlights ✨:
+
+- 📖 Added the Menubar component page to the docs.
+
+### `@mui/material@7.3.10`
+
+- [alert][dialog] Accessibility improvements (#48161) @silviuaavram
+- [autocomplete] Add `root` slot (#47916) @GerardasB
+- [autocomplete] Fix helper text focusing input when clicked (#48162) @mj12albert
+- [autocomplete] Fix popup reopening on window focus regain with openOnFocus (#47914) @aman44444
+- [autocomplete] Optimize selected option lookup (#48027) @anchmelev
+- [autocomplete] Support full slots for clearIndicator and popupIndicator (#47913) @silviuaavram
+- [button-base] Fix native button detection (#47994) @mj12albert
+- [input] Fix high contrast cutoff on first character (#48160) @silviuaavram
+- [list item text][card header] Revert cleanup of duplicated CSS rules (#47938) @sai6855
+- [popper] Add missing classes export (#48033) @mj12albert
+- [select] Fix focus visible always set on menu item (#48022) @silviuaavram
+- [slider] Accept readonly array for the value prop (#47961) @pcorpet
+- [switch] Add border to make it visible in high contrast mode (#48210) @silviuaavram
+- [theme] Do not create channel tokens for custom colors when `nativeColor` is used (#48144) @ZeeshanTamboli
+- [transitions] Performance improvements & misc fixes (#48217) @mj12albert
+
+### Docs
+
+- [codemod] Add v7 migration docs for deprecated Autocomplete APIs and Autocomplete codemod (#47954) @ZeeshanTamboli
+- [menubar] Add Menubar component page (#47942) @siriwatknp
+- [progress] Label all demo components (#48168) @mj12albert
+- [system] Update `styled` API docs for easier understanding (#47969) @olivier-lxo
+- Fix the dark mode footer row shadow for the Data Grid on the advanced components page (#48152) @arminmeh
+- Fix MUI X redirects (#47917) @cherniavskii
+- Use direct palette vars in Tailwind v4 snippet (#47955) @Ahmad-Alaziz
+
+### Core
+
+- [blog] Blogpost for upcoming price changes for MUI X (#47820) @DanailH
+- [blog] Update the 2026 price changes blogpost (#47944) @DanailH
+- [code-infra] Add pkg-pr-new as dev dependency (#48023) @silviuaavram
+- [docs-infra] Update Release Instructions and Search Index v7 (#48109) @dav-is
+
+All contributors of this release in alphabetical order: @Ahmad-Alaziz, @aman44444, @anchmelev, @arminmeh, @cherniavskii, @DanailH, @dav-is, @GerardasB, @mj12albert, @olivier-lxo, @pcorpet, @sai6855, @silviuaavram, @siriwatknp, @ZeeshanTamboli
+
 ## 7.3.9
 
 <!-- generated comparing v7.3.8..v7.x -->

package/Card/Card.d.ts

@@ -32,12 +32,12 @@ export interface CardTypeMap<AdditionalProps = {}, RootComponent extends React.E
  *
  * Demos:
  *
- * - [Card](https://mui.com/material-ui/react-card/)
+ * - [Card](https://v7.mui.com/material-ui/react-card/)
  *
  * API:
  *
- * - [Card API](https://mui.com/material-ui/api/card/)
- * - inherits [Paper API](https://mui.com/material-ui/api/paper/)
+ * - [Card API](https://v7.mui.com/material-ui/api/card/)
+ * - inherits [Paper API](https://v7.mui.com/material-ui/api/paper/)
  */
 
 declare const Card: OverridableComponent<CardTypeMap>;

package/CardActionArea/CardActionArea.d.ts

@@ -50,12 +50,12 @@ export type CardActionAreaTypeMap<AdditionalProps, RootComponent extends React.E
  *
  * Demos:
  *
- * - [Card](https://mui.com/material-ui/react-card/)
+ * - [Card](https://v7.mui.com/material-ui/react-card/)
  *
  * API:
  *
- * - [CardActionArea API](https://mui.com/material-ui/api/card-action-area/)
- * - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
+ * - [CardActionArea API](https://v7.mui.com/material-ui/api/card-action-area/)
+ * - inherits [ButtonBase API](https://v7.mui.com/material-ui/api/button-base/)
  */
 declare const CardActionArea: ExtendButtonBase<CardActionAreaTypeMap<{}, ButtonBaseTypeMap['defaultComponent']>>;
 export type CardActionAreaProps<RootComponent extends React.ElementType = ButtonBaseTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<CardActionAreaTypeMap<AdditionalProps, RootComponent>, RootComponent> & {

package/CardActions/CardActions.d.ts

@@ -27,10 +27,10 @@ export interface CardActionsProps extends StandardProps<React.HTMLAttributes<HTM
  *
  * Demos:
  *
- * - [Card](https://mui.com/material-ui/react-card/)
+ * - [Card](https://v7.mui.com/material-ui/react-card/)
  *
  * API:
  *
- * - [CardActions API](https://mui.com/material-ui/api/card-actions/)
+ * - [CardActions API](https://v7.mui.com/material-ui/api/card-actions/)
  */
 export default function CardActions(props: CardActionsProps): React.JSX.Element;

package/CardContent/CardContent.d.ts

@@ -25,11 +25,11 @@ export interface CardContentTypeMap<AdditionalProps = {}, RootComponent extends
  *
  * Demos:
  *
- * - [Card](https://mui.com/material-ui/react-card/)
+ * - [Card](https://v7.mui.com/material-ui/react-card/)
  *
  * API:
  *
- * - [CardContent API](https://mui.com/material-ui/api/card-content/)
+ * - [CardContent API](https://v7.mui.com/material-ui/api/card-content/)
  */
 declare const CardContent: OverridableComponent<CardContentTypeMap>;
 export type CardContentProps<RootComponent extends React.ElementType = CardContentTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<CardContentTypeMap<AdditionalProps, RootComponent>, RootComponent> & {

package/CardHeader/CardHeader.d.ts

@@ -136,11 +136,11 @@ export interface CardHeaderTypeMap<AdditionalProps = {}, RootComponent extends R
  *
  * Demos:
  *
- * - [Card](https://mui.com/material-ui/react-card/)
+ * - [Card](https://v7.mui.com/material-ui/react-card/)
  *
  * API:
  *
- * - [CardHeader API](https://mui.com/material-ui/api/card-header/)
+ * - [CardHeader API](https://v7.mui.com/material-ui/api/card-header/)
  */
 declare const CardHeader: OverridableCardHeader;
 export interface OverridableCardHeader extends OverridableComponent<CardHeaderTypeMap> {

package/CardHeader/CardHeader.js

@@ -68,7 +68,11 @@ const CardHeaderContent = (0, _zeroStyled.styled)('div', {
   slot: 'Content'
 })({
   flex: '1 1 auto',
-  [`.${_Typography.typographyClasses.root}:where(& .${_cardHeaderClasses.default.title}), .${_Typography.typographyClasses.root}:where(& .${_cardHeaderClasses.default.subheader})`]: {
+  // Combine this and the below selector once https://github.com/emotion-js/emotion/issues/3366 is solved
+  [`.${_Typography.typographyClasses.root}:where(& .${_cardHeaderClasses.default.title})`]: {
+    display: 'block'
+  },
+  [`.${_Typography.typographyClasses.root}:where(& .${_cardHeaderClasses.default.subheader})`]: {
     display: 'block'
   }
 });