@mui/material 9.0.0-alpha.1 → 9.0.0-alpha.3

package/Autocomplete/Autocomplete.d.mts

@@ -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>>;
   /**

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

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/Autocomplete/Autocomplete.mjs

@@ -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/Box/Box.d.mts

@@ -8,6 +8,7 @@ import { Theme as MaterialTheme } from "../styles/index.mjs";
  * Demos:
  *
  * - [Box](https://next.mui.com/material-ui/react-box/)
+ * - [Menubar](https://next.mui.com/material-ui/react-menubar/)
  *
  * API:
  *

package/Box/Box.d.ts

@@ -8,6 +8,7 @@ import { Theme as MaterialTheme } from "../styles/index.js";
  * Demos:
  *
  * - [Box](https://next.mui.com/material-ui/react-box/)
+ * - [Menubar](https://next.mui.com/material-ui/react-menubar/)
  *
  * API:
  *

package/Button/Button.d.mts

@@ -117,6 +117,7 @@ export type ExtendButton<TypeMap extends OverridableTypeMap> = ((props: {
  *
  * - [Button Group](https://next.mui.com/material-ui/react-button-group/)
  * - [Button](https://next.mui.com/material-ui/react-button/)
+ * - [Menubar](https://next.mui.com/material-ui/react-menubar/)
  * - [Number Field](https://next.mui.com/material-ui/react-number-field/)
  *
  * API:

package/Button/Button.d.ts

@@ -117,6 +117,7 @@ export type ExtendButton<TypeMap extends OverridableTypeMap> = ((props: {
  *
  * - [Button Group](https://next.mui.com/material-ui/react-button-group/)
  * - [Button](https://next.mui.com/material-ui/react-button/)
+ * - [Menubar](https://next.mui.com/material-ui/react-menubar/)
  * - [Number Field](https://next.mui.com/material-ui/react-number-field/)
  *
  * API:

package/CHANGELOG.md

@@ -1,5 +1,70 @@
 # [Versions](https://mui.com/versions/)
 
+## 9.0.0-alpha.3
+
+<!-- generated comparing v9.0.0-alpha.2..master -->
+
+_Mar 12, 2026_
+
+A big thanks to the 10 contributors who made this release possible. Here are some highlights ✨:
+
+- 📖 A new [Menubar](https://mui.com/material-ui/react-menubar/) component page integrated with [Base UI](https://base-ui.com/react/components/menubar)
+- ♿️ Improved the Roving TabIndex keyboard navigation for the Stepper, Tabs and MenuList components.
+
+### `@mui/material@9.0.0-alpha.3`
+
+- [autocomplete] Add `root` slot (#47852) @GerardasB
+- [autocomplete] Fix popup reopening on window focus regain with openOnFocus (#47790) @aman44444
+- [autocomplete] Support full slots for clearIndicator and popupIndicator (#47891) @silviuaavram
+- [material-ui] Partially revert "[material-ui] Clean up duplicated CSS rules (#47838)" (#47927) @sai6855
+- [stepper][menulist][tabs] Improve accessibility (#47687) @silviuaavram
+
+### Docs
+
+- [docs][codemod] Add v7 migration docs for deprecated Autocomplete APIs and Autocomplete codemod (#47945) @ZeeshanTamboli
+- [docs] Update faq about vendor chunks (#47747) @Janpot
+- [docs] Use direct palette vars in Tailwind v4 snippet (#47940) @Ahmad-Alaziz
+- [docs][menubar] Add Menubar component page (#47616) @siriwatknp
+
+### Core
+
+- [core] Fix the release prepare steps (#47951) @silviuaavram
+- [core] Remove Joy UI code and docs (#47939) @mnajdova
+- [code-infra] Add previously missed export of themeCssVarsAugmentation (#47918) @brijeshb42
+- [docs-infra] Import font module for nextjs transpilation (#47935) @brijeshb42
+- [docs-infra] Migrate simpler modules from docs to mui-docs (#47897) @brijeshb42
+- [test] Fix detached anchorEl elements in tests (#47929) @Janpot
+
+All contributors of this release in alphabetical order: @Ahmad-Alaziz, @aman44444, @brijeshb42, @GerardasB, @Janpot, @mnajdova, @sai6855, @silviuaavram, @siriwatknp, @ZeeshanTamboli
+
+## 9.0.0-alpha.2
+
+<!-- generated comparing v9.0.0-alpha.1..master -->
+
+_Mar 5, 2026_
+
+A big thanks to the 4 contributors who made this release possible.
+
+### @mui/material@9.0.0-alpha.2
+
+- Clean up duplicated CSS rules (#47838) @sai6855
+
+### @mui/system@9.0.0-alpha.2
+
+- Refactor sortContainerQueries to define regex outside of sort function (#47817) @sai6855
+
+### Docs
+
+- Move shared components to @mui/docs package (#47672) @Janpot
+- Fix small typo in NumberField page (#47877) @arthur-plazanet
+
+### Core
+
+- [code-infra] Reduce paths for attw checks (#47896) @brijeshb42
+- [docs-infra] Run syncTeamMembers (#47900) @Janpot
+
+All contributors of this release in alphabetical order: @arthur-plazanet, @brijeshb42, @Janpot, @sai6855
+
 ## 9.0.0-alpha.1
 
 <!-- generated comparing v9.0.0-alpha.0..master -->

package/CardHeader/CardHeader.js

@@ -68,6 +68,7 @@ const CardHeaderContent = (0, _zeroStyled.styled)('div', {
   slot: 'Content'
 })({
   flex: '1 1 auto',
+  // 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'
   },

package/CardHeader/CardHeader.mjs

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

package/Divider/Divider.d.mts

@@ -62,6 +62,7 @@ export interface DividerTypeMap<AdditionalProps = {}, RootComponent extends Reac
  *
  * - [Divider](https://next.mui.com/material-ui/react-divider/)
  * - [Lists](https://next.mui.com/material-ui/react-list/)
+ * - [Menubar](https://next.mui.com/material-ui/react-menubar/)
  *
  * API:
  *

package/Divider/Divider.d.ts

@@ -62,6 +62,7 @@ export interface DividerTypeMap<AdditionalProps = {}, RootComponent extends Reac
  *
  * - [Divider](https://next.mui.com/material-ui/react-divider/)
  * - [Lists](https://next.mui.com/material-ui/react-list/)
+ * - [Menubar](https://next.mui.com/material-ui/react-menubar/)
  *
  * API:
  *

package/List/List.d.mts

@@ -52,6 +52,7 @@ export type ExtendList<TypeMap extends OverridableTypeMap> = OverridableComponen
  * Demos:
  *
  * - [Lists](https://next.mui.com/material-ui/react-list/)
+ * - [Menubar](https://next.mui.com/material-ui/react-menubar/)
  * - [Transfer List](https://next.mui.com/material-ui/react-transfer-list/)
  *
  * API:

package/List/List.d.ts

@@ -52,6 +52,7 @@ export type ExtendList<TypeMap extends OverridableTypeMap> = OverridableComponen
  * Demos:
  *
  * - [Lists](https://next.mui.com/material-ui/react-list/)
+ * - [Menubar](https://next.mui.com/material-ui/react-menubar/)
  * - [Transfer List](https://next.mui.com/material-ui/react-transfer-list/)
  *
  * API:

package/ListItemButton/ListItemButton.d.mts

@@ -72,6 +72,7 @@ export type ListItemButtonTypeMap<AdditionalProps = {}, RootComponent extends Re
  * Demos:
  *
  * - [Lists](https://next.mui.com/material-ui/react-list/)
+ * - [Menubar](https://next.mui.com/material-ui/react-menubar/)
  *
  * API:
  *

package/ListItemButton/ListItemButton.d.ts

@@ -72,6 +72,7 @@ export type ListItemButtonTypeMap<AdditionalProps = {}, RootComponent extends Re
  * Demos:
  *
  * - [Lists](https://next.mui.com/material-ui/react-list/)
+ * - [Menubar](https://next.mui.com/material-ui/react-menubar/)
  *
  * API:
  *

package/ListItemIcon/ListItemIcon.d.mts

@@ -25,6 +25,7 @@ export interface ListItemIconProps extends StandardProps<React.HTMLAttributes<HT
  * Demos:
  *
  * - [Lists](https://next.mui.com/material-ui/react-list/)
+ * - [Menubar](https://next.mui.com/material-ui/react-menubar/)
  *
  * API:
  *

package/ListItemIcon/ListItemIcon.d.ts

@@ -25,6 +25,7 @@ export interface ListItemIconProps extends StandardProps<React.HTMLAttributes<HT
  * Demos:
  *
  * - [Lists](https://next.mui.com/material-ui/react-list/)
+ * - [Menubar](https://next.mui.com/material-ui/react-menubar/)
  *
  * API:
  *

package/ListItemText/ListItemText.d.mts

@@ -98,6 +98,7 @@ export interface ListItemTextProps<PrimaryTypographyComponent extends React.Elem
  * Demos:
  *
  * - [Lists](https://next.mui.com/material-ui/react-list/)
+ * - [Menubar](https://next.mui.com/material-ui/react-menubar/)
  *
  * API:
  *

package/ListItemText/ListItemText.d.ts

@@ -98,6 +98,7 @@ export interface ListItemTextProps<PrimaryTypographyComponent extends React.Elem
  * Demos:
  *
  * - [Lists](https://next.mui.com/material-ui/react-list/)
+ * - [Menubar](https://next.mui.com/material-ui/react-menubar/)
  *
  * API:
  *

package/ListItemText/ListItemText.js

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

package/ListItemText/ListItemText.mjs

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

package/ListSubheader/ListSubheader.d.mts

@@ -47,6 +47,7 @@ export interface ListSubheaderTypeMap<AdditionalProps = {}, RootComponent extend
  * Demos:
  *
  * - [Lists](https://next.mui.com/material-ui/react-list/)
+ * - [Menubar](https://next.mui.com/material-ui/react-menubar/)
  *
  * API:
  *

package/ListSubheader/ListSubheader.d.ts

@@ -47,6 +47,7 @@ export interface ListSubheaderTypeMap<AdditionalProps = {}, RootComponent extend
  * Demos:
  *
  * - [Lists](https://next.mui.com/material-ui/react-list/)
+ * - [Menubar](https://next.mui.com/material-ui/react-menubar/)
  *
  * API:
  *