@mui/material 9.0.0-beta.1 → 9.0.1

package/LinearProgress/LinearProgress.mjs

@@ -335,6 +335,8 @@ const LinearProgress = /*#__PURE__*/React.forwardRef(function LinearProgress(inP
   const {
     className,
     color = 'primary',
+    max: maxProp,
+    min: minProp,
     value,
     valueBuffer,
     variant = 'indeterminate',
@@ -345,6 +347,13 @@ const LinearProgress = /*#__PURE__*/React.forwardRef(function LinearProgress(inP
     color,
     variant
   };
+  if (process.env.NODE_ENV !== 'production') {
+    if (['indeterminate', 'query'].includes(variant) && (minProp !== undefined || maxProp !== undefined)) {
+      console.warn(`MUI: You have provided the \`min\` or \`max\` props with an 'indeterminate' or 'query' variant. These props will have no effect.`);
+    }
+  }
+  const min = minProp ?? 0;
+  const max = maxProp ?? 100;
   const classes = useUtilityClasses(ownerState);
   const isRtl = useRtl();
   const rootProps = {};
@@ -354,25 +363,38 @@ const LinearProgress = /*#__PURE__*/React.forwardRef(function LinearProgress(inP
   };
   if (variant === 'determinate' || variant === 'buffer') {
     if (value !== undefined) {
-      rootProps['aria-valuenow'] = Math.round(value);
-      rootProps['aria-valuemin'] = 0;
-      rootProps['aria-valuemax'] = 100;
-      let transform = value - 100;
+      if (process.env.NODE_ENV !== 'production') {
+        if (value < min || value > max || min >= max) {
+          console.error(`MUI: The min, max, and value props in LinearProgress should be numbers where min < max and min <= value <= max. Received min=${min}, max=${max}, value=${value}.`);
+        }
+      }
+      const range = max - min;
+      let transform = (value - min) / range * 100 - 100;
       if (isRtl) {
         transform = -transform;
       }
-      inlineStyles.bar1.transform = `translateX(${transform}%)`;
+      inlineStyles.bar1.transform = range > 0 ? `translateX(${transform}%)` : 'translateX(-100%)'; // empty-state fallback when range is invalid
+
+      rootProps['aria-valuenow'] = value;
+      rootProps['aria-valuemin'] = min;
+      rootProps['aria-valuemax'] = max;
     } else if (process.env.NODE_ENV !== 'production') {
-      console.error('MUI: You need to provide a value prop ' + 'when using the determinate or buffer variant of LinearProgress .');
+      console.error('MUI: You need to provide a value prop ' + 'when using the determinate or buffer variant of LinearProgress.');
     }
   }
   if (variant === 'buffer') {
     if (valueBuffer !== undefined) {
-      let transform = (valueBuffer || 0) - 100;
+      if (process.env.NODE_ENV !== 'production') {
+        if (valueBuffer < min || valueBuffer > max || valueBuffer < value || min >= max) {
+          console.error(`MUI: The min, max, value, and valueBuffer props in LinearProgress should be numbers where min < max and min <= value <= valueBuffer <= max. Received min=${min}, max=${max}, value=${value}, valueBuffer=${valueBuffer}.`);
+        }
+      }
+      const range = max - min;
+      let transform = (valueBuffer - min) / range * 100 - 100;
       if (isRtl) {
         transform = -transform;
       }
-      inlineStyles.bar2.transform = `translateX(${transform}%)`;
+      inlineStyles.bar2.transform = range > 0 ? `translateX(${transform}%)` : 'translateX(-100%)'; // empty-state fallback when range is invalid
     } else if (process.env.NODE_ENV !== 'production') {
       console.error('MUI: You need to provide a valueBuffer prop ' + 'when using the buffer variant of LinearProgress.');
     }
@@ -418,18 +440,28 @@ process.env.NODE_ENV !== "production" ? LinearProgress.propTypes /* remove-propt
    * @default 'primary'
    */
   color: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['inherit', 'primary', 'secondary']), PropTypes.string]),
+  /**
+   * The maximum value for the progress indicator for the determinate and buffer variants.
+   * @default 100
+   */
+  max: PropTypes.number,
+  /**
+   * The minimum value for the progress indicator for the determinate and buffer variants.
+   * @default 0
+   */
+  min: PropTypes.number,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
   sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
   /**
    * The value of the progress indicator for the determinate and buffer variants.
-   * Value between 0 and 100.
+   * Value between `min` and `max`.
    */
   value: PropTypes.number,
   /**
    * The value for the buffer variant.
-   * Value between 0 and 100.
+   * Value between `min` and `max`.
    */
   valueBuffer: PropTypes.number,
   /**

package/Link/Link.d.mts

@@ -47,13 +47,13 @@ export interface LinkTypeMap<AdditionalProps = {}, RootComponent extends React.E
  *
  * Demos:
  *
- * - [Breadcrumbs](https://next.mui.com/material-ui/react-breadcrumbs/)
- * - [Links](https://next.mui.com/material-ui/react-link/)
+ * - [Breadcrumbs](https://mui.com/material-ui/react-breadcrumbs/)
+ * - [Links](https://mui.com/material-ui/react-link/)
  *
  * API:
  *
- * - [Link API](https://next.mui.com/material-ui/api/link/)
- * - inherits [Typography API](https://next.mui.com/material-ui/api/typography/)
+ * - [Link API](https://mui.com/material-ui/api/link/)
+ * - inherits [Typography API](https://mui.com/material-ui/api/typography/)
  */
 declare const Link: OverridableComponent<LinkTypeMap>;
 export type LinkBaseProps = DistributiveOmit<TypographyOwnProps, 'children' | 'color' | 'variant' | 'classes'>;

package/Link/Link.d.ts

@@ -47,13 +47,13 @@ export interface LinkTypeMap<AdditionalProps = {}, RootComponent extends React.E
  *
  * Demos:
  *
- * - [Breadcrumbs](https://next.mui.com/material-ui/react-breadcrumbs/)
- * - [Links](https://next.mui.com/material-ui/react-link/)
+ * - [Breadcrumbs](https://mui.com/material-ui/react-breadcrumbs/)
+ * - [Links](https://mui.com/material-ui/react-link/)
  *
  * API:
  *
- * - [Link API](https://next.mui.com/material-ui/api/link/)
- * - inherits [Typography API](https://next.mui.com/material-ui/api/typography/)
+ * - [Link API](https://mui.com/material-ui/api/link/)
+ * - inherits [Typography API](https://mui.com/material-ui/api/typography/)
  */
 declare const Link: OverridableComponent<LinkTypeMap>;
 export type LinkBaseProps = DistributiveOmit<TypographyOwnProps, 'children' | 'color' | 'variant' | 'classes'>;

package/List/List.d.mts

@@ -51,13 +51,13 @@ 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/)
+ * - [Lists](https://mui.com/material-ui/react-list/)
+ * - [Menubar](https://mui.com/material-ui/react-menubar/)
+ * - [Transfer List](https://mui.com/material-ui/react-transfer-list/)
  *
  * API:
  *
- * - [List API](https://next.mui.com/material-ui/api/list/)
+ * - [List API](https://mui.com/material-ui/api/list/)
  */
 declare const List: ExtendList<ListTypeMap>;
 export type ListProps<RootComponent extends React.ElementType = ListTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ListTypeMap<AdditionalProps, RootComponent>, RootComponent> & {

package/List/List.d.ts

@@ -51,13 +51,13 @@ 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/)
+ * - [Lists](https://mui.com/material-ui/react-list/)
+ * - [Menubar](https://mui.com/material-ui/react-menubar/)
+ * - [Transfer List](https://mui.com/material-ui/react-transfer-list/)
  *
  * API:
  *
- * - [List API](https://next.mui.com/material-ui/api/list/)
+ * - [List API](https://mui.com/material-ui/api/list/)
  */
 declare const List: ExtendList<ListTypeMap>;
 export type ListProps<RootComponent extends React.ElementType = ListTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ListTypeMap<AdditionalProps, RootComponent>, RootComponent> & {

package/List/List.js

@@ -55,7 +55,8 @@ const ListRoot = (0, _zeroStyled.styled)('ul', {
       ownerState
     }) => ownerState.subheader,
     style: {
-      paddingTop: 0
+      paddingTop: 0,
+      isolation: 'isolate' // Prevent overlap with iOS overlay scrollbars.
     }
   }]
 });

package/List/List.mjs

@@ -48,7 +48,8 @@ const ListRoot = styled('ul', {
       ownerState
     }) => ownerState.subheader,
     style: {
-      paddingTop: 0
+      paddingTop: 0,
+      isolation: 'isolate' // Prevent overlap with iOS overlay scrollbars.
     }
   }]
 });

package/ListItem/ListItem.d.mts

@@ -84,12 +84,12 @@ export interface ListItemTypeMap<AdditionalProps, RootComponent extends React.El
  *
  * Demos:
  *
- * - [Lists](https://next.mui.com/material-ui/react-list/)
- * - [Transfer List](https://next.mui.com/material-ui/react-transfer-list/)
+ * - [Lists](https://mui.com/material-ui/react-list/)
+ * - [Transfer List](https://mui.com/material-ui/react-transfer-list/)
  *
  * API:
  *
- * - [ListItem API](https://next.mui.com/material-ui/api/list-item/)
+ * - [ListItem API](https://mui.com/material-ui/api/list-item/)
  */
 declare const ListItem: OverridableComponent<ListItemTypeMap<{}, 'li'>>;
 export type ListItemProps<RootComponent extends React.ElementType = 'li', AdditionalProps = {}> = OverrideProps<ListItemTypeMap<AdditionalProps, RootComponent>, RootComponent> & {

package/ListItem/ListItem.d.ts

@@ -84,12 +84,12 @@ export interface ListItemTypeMap<AdditionalProps, RootComponent extends React.El
  *
  * Demos:
  *
- * - [Lists](https://next.mui.com/material-ui/react-list/)
- * - [Transfer List](https://next.mui.com/material-ui/react-transfer-list/)
+ * - [Lists](https://mui.com/material-ui/react-list/)
+ * - [Transfer List](https://mui.com/material-ui/react-transfer-list/)
  *
  * API:
  *
- * - [ListItem API](https://next.mui.com/material-ui/api/list-item/)
+ * - [ListItem API](https://mui.com/material-ui/api/list-item/)
  */
 declare const ListItem: OverridableComponent<ListItemTypeMap<{}, 'li'>>;
 export type ListItemProps<RootComponent extends React.ElementType = 'li', AdditionalProps = {}> = OverrideProps<ListItemTypeMap<AdditionalProps, RootComponent>, RootComponent> & {

package/ListItem/ListItem.js

@@ -135,8 +135,7 @@ const ListItemRoot = exports.ListItemRoot = (0, _zeroStyled.styled)('div', {
 })));
 const StyledListItemSecondaryAction = (0, _zeroStyled.styled)(_ListItemSecondaryAction.default, {
   name: 'MuiListItem',
-  slot: 'secondaryAction',
-  overridesResolver: (props, styles) => styles.secondaryAction
+  slot: 'secondaryAction'
 })({});
 const ListItem = /*#__PURE__*/React.forwardRef(function ListItem(inProps, ref) {
   const props = (0, _DefaultPropsProvider.useDefaultProps)({

package/ListItem/ListItem.mjs

@@ -127,8 +127,7 @@ export const ListItemRoot = styled('div', {
 })));
 const StyledListItemSecondaryAction = styled(ListItemSecondaryAction, {
   name: 'MuiListItem',
-  slot: 'secondaryAction',
-  overridesResolver: (props, styles) => styles.secondaryAction
+  slot: 'secondaryAction'
 })({});
 const ListItem = /*#__PURE__*/React.forwardRef(function ListItem(inProps, ref) {
   const props = useDefaultProps({

package/ListItemAvatar/ListItemAvatar.d.mts

@@ -22,10 +22,10 @@ export interface ListItemAvatarProps extends StandardProps<React.HTMLAttributes<
  *
  * Demos:
  *
- * - [Lists](https://next.mui.com/material-ui/react-list/)
+ * - [Lists](https://mui.com/material-ui/react-list/)
  *
  * API:
  *
- * - [ListItemAvatar API](https://next.mui.com/material-ui/api/list-item-avatar/)
+ * - [ListItemAvatar API](https://mui.com/material-ui/api/list-item-avatar/)
  */
 export default function ListItemAvatar(props: ListItemAvatarProps): React.JSX.Element;

package/ListItemAvatar/ListItemAvatar.d.ts

@@ -22,10 +22,10 @@ export interface ListItemAvatarProps extends StandardProps<React.HTMLAttributes<
  *
  * Demos:
  *
- * - [Lists](https://next.mui.com/material-ui/react-list/)
+ * - [Lists](https://mui.com/material-ui/react-list/)
  *
  * API:
  *
- * - [ListItemAvatar API](https://next.mui.com/material-ui/api/list-item-avatar/)
+ * - [ListItemAvatar API](https://mui.com/material-ui/api/list-item-avatar/)
  */
 export default function ListItemAvatar(props: ListItemAvatarProps): React.JSX.Element;

package/ListItemButton/ListItemButton.d.mts

@@ -70,13 +70,13 @@ 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/)
+ * - [Lists](https://mui.com/material-ui/react-list/)
+ * - [Menubar](https://mui.com/material-ui/react-menubar/)
  *
  * API:
  *
- * - [ListItemButton API](https://next.mui.com/material-ui/api/list-item-button/)
- * - inherits [ButtonBase API](https://next.mui.com/material-ui/api/button-base/)
+ * - [ListItemButton API](https://mui.com/material-ui/api/list-item-button/)
+ * - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
  */
 declare const ListItemButton: ExtendButtonBase<ListItemButtonTypeMap>;
 export type ListItemButtonProps<RootComponent extends React.ElementType = ListItemButtonTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ListItemButtonTypeMap<AdditionalProps, RootComponent>, RootComponent> & {

package/ListItemButton/ListItemButton.d.ts

@@ -70,13 +70,13 @@ 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/)
+ * - [Lists](https://mui.com/material-ui/react-list/)
+ * - [Menubar](https://mui.com/material-ui/react-menubar/)
  *
  * API:
  *
- * - [ListItemButton API](https://next.mui.com/material-ui/api/list-item-button/)
- * - inherits [ButtonBase API](https://next.mui.com/material-ui/api/button-base/)
+ * - [ListItemButton API](https://mui.com/material-ui/api/list-item-button/)
+ * - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
  */
 declare const ListItemButton: ExtendButtonBase<ListItemButtonTypeMap>;
 export type ListItemButtonProps<RootComponent extends React.ElementType = ListItemButtonTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ListItemButtonTypeMap<AdditionalProps, RootComponent>, RootComponent> & {

package/ListItemButton/ListItemButton.js

@@ -172,6 +172,12 @@ const ListItemButton = /*#__PURE__*/React.forwardRef(function ListItemButton(inP
     selected
   };
   const classes = useUtilityClasses(ownerState);
+
+  // Don't forward the 'root' class to the ButtonBase, as it will get duplicated with the one passed to the className prop.
+  const {
+    root,
+    ...forwardedClasses
+  } = classes;
   const handleRef = (0, _useForkRef.default)(listItemRef, ref);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ListContext.default.Provider, {
     value: childContext,
@@ -186,7 +192,7 @@ const ListItemButton = /*#__PURE__*/React.forwardRef(function ListItemButton(inP
       ownerState: ownerState,
       className: (0, _clsx.default)(classes.root, className),
       ...other,
-      classes: classes,
+      classes: forwardedClasses,
       children: children
     })
   });

package/ListItemButton/ListItemButton.mjs

@@ -164,6 +164,12 @@ const ListItemButton = /*#__PURE__*/React.forwardRef(function ListItemButton(inP
     selected
   };
   const classes = useUtilityClasses(ownerState);
+
+  // Don't forward the 'root' class to the ButtonBase, as it will get duplicated with the one passed to the className prop.
+  const {
+    root,
+    ...forwardedClasses
+  } = classes;
   const handleRef = useForkRef(listItemRef, ref);
   return /*#__PURE__*/_jsx(ListContext.Provider, {
     value: childContext,
@@ -178,7 +184,7 @@ const ListItemButton = /*#__PURE__*/React.forwardRef(function ListItemButton(inP
       ownerState: ownerState,
       className: clsx(classes.root, className),
       ...other,
-      classes: classes,
+      classes: forwardedClasses,
       children: children
     })
   });

package/ListItemIcon/ListItemIcon.d.mts

@@ -24,11 +24,11 @@ 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/)
+ * - [Lists](https://mui.com/material-ui/react-list/)
+ * - [Menubar](https://mui.com/material-ui/react-menubar/)
  *
  * API:
  *
- * - [ListItemIcon API](https://next.mui.com/material-ui/api/list-item-icon/)
+ * - [ListItemIcon API](https://mui.com/material-ui/api/list-item-icon/)
  */
 export default function ListItemIcon(props: ListItemIconProps): React.JSX.Element;

package/ListItemIcon/ListItemIcon.d.ts

@@ -24,11 +24,11 @@ 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/)
+ * - [Lists](https://mui.com/material-ui/react-list/)
+ * - [Menubar](https://mui.com/material-ui/react-menubar/)
  *
  * API:
  *
- * - [ListItemIcon API](https://next.mui.com/material-ui/api/list-item-icon/)
+ * - [ListItemIcon API](https://mui.com/material-ui/api/list-item-icon/)
  */
 export default function ListItemIcon(props: ListItemIconProps): React.JSX.Element;

package/ListItemSecondaryAction/ListItemSecondaryAction.d.mts

@@ -26,11 +26,11 @@ export interface ListItemSecondaryActionTypeMap<AdditionalProps = {}, RootCompon
  *
  * Demos:
  *
- * - [Lists](https://next.mui.com/material-ui/react-list/)
+ * - [Lists](https://mui.com/material-ui/react-list/)
  *
  * API:
  *
- * - [ListItemSecondaryAction API](https://next.mui.com/material-ui/api/list-item-secondary-action/)
+ * - [ListItemSecondaryAction API](https://mui.com/material-ui/api/list-item-secondary-action/)
  */
 declare const ListItemSecondaryAction: OverridableComponent<ListItemSecondaryActionTypeMap> & {
   muiName: string;

package/ListItemSecondaryAction/ListItemSecondaryAction.d.ts

@@ -26,11 +26,11 @@ export interface ListItemSecondaryActionTypeMap<AdditionalProps = {}, RootCompon
  *
  * Demos:
  *
- * - [Lists](https://next.mui.com/material-ui/react-list/)
+ * - [Lists](https://mui.com/material-ui/react-list/)
  *
  * API:
  *
- * - [ListItemSecondaryAction API](https://next.mui.com/material-ui/api/list-item-secondary-action/)
+ * - [ListItemSecondaryAction API](https://mui.com/material-ui/api/list-item-secondary-action/)
  */
 declare const ListItemSecondaryAction: OverridableComponent<ListItemSecondaryActionTypeMap> & {
   muiName: string;

package/ListItemText/ListItemText.d.mts

@@ -89,11 +89,11 @@ 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/)
+ * - [Lists](https://mui.com/material-ui/react-list/)
+ * - [Menubar](https://mui.com/material-ui/react-menubar/)
  *
  * API:
  *
- * - [ListItemText API](https://next.mui.com/material-ui/api/list-item-text/)
+ * - [ListItemText API](https://mui.com/material-ui/api/list-item-text/)
  */
 export default function ListItemText<PrimaryTypographyComponent extends React.ElementType = 'span', SecondaryTypographyComponent extends React.ElementType = 'p'>(props: ListItemTextProps<PrimaryTypographyComponent, SecondaryTypographyComponent>): React.JSX.Element;

package/ListItemText/ListItemText.d.ts

@@ -89,11 +89,11 @@ 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/)
+ * - [Lists](https://mui.com/material-ui/react-list/)
+ * - [Menubar](https://mui.com/material-ui/react-menubar/)
  *
  * API:
  *
- * - [ListItemText API](https://next.mui.com/material-ui/api/list-item-text/)
+ * - [ListItemText API](https://mui.com/material-ui/api/list-item-text/)
  */
 export default function ListItemText<PrimaryTypographyComponent extends React.ElementType = 'span', SecondaryTypographyComponent extends React.ElementType = 'p'>(props: ListItemTextProps<PrimaryTypographyComponent, SecondaryTypographyComponent>): React.JSX.Element;

package/ListSubheader/ListSubheader.d.mts

@@ -46,12 +46,12 @@ 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/)
+ * - [Lists](https://mui.com/material-ui/react-list/)
+ * - [Menubar](https://mui.com/material-ui/react-menubar/)
  *
  * API:
  *
- * - [ListSubheader API](https://next.mui.com/material-ui/api/list-subheader/)
+ * - [ListSubheader API](https://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> & {

package/ListSubheader/ListSubheader.d.ts

@@ -46,12 +46,12 @@ 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/)
+ * - [Lists](https://mui.com/material-ui/react-list/)
+ * - [Menubar](https://mui.com/material-ui/react-menubar/)
  *
  * API:
  *
- * - [ListSubheader API](https://next.mui.com/material-ui/api/list-subheader/)
+ * - [ListSubheader API](https://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> & {

package/Menu/Menu.d.mts

@@ -138,12 +138,12 @@ export declare const MenuPaper: React.FC<PaperProps>;
  *
  * Demos:
  *
- * - [App Bar](https://next.mui.com/material-ui/react-app-bar/)
- * - [Menu](https://next.mui.com/material-ui/react-menu/)
+ * - [App Bar](https://mui.com/material-ui/react-app-bar/)
+ * - [Menu](https://mui.com/material-ui/react-menu/)
  *
  * API:
  *
- * - [Menu API](https://next.mui.com/material-ui/api/menu/)
- * - inherits [Popover API](https://next.mui.com/material-ui/api/popover/)
+ * - [Menu API](https://mui.com/material-ui/api/menu/)
+ * - inherits [Popover API](https://mui.com/material-ui/api/popover/)
  */
 export default function Menu(props: MenuProps): React.JSX.Element;

package/Menu/Menu.d.ts

@@ -138,12 +138,12 @@ export declare const MenuPaper: React.FC<PaperProps>;
  *
  * Demos:
  *
- * - [App Bar](https://next.mui.com/material-ui/react-app-bar/)
- * - [Menu](https://next.mui.com/material-ui/react-menu/)
+ * - [App Bar](https://mui.com/material-ui/react-app-bar/)
+ * - [Menu](https://mui.com/material-ui/react-menu/)
  *
  * API:
  *
- * - [Menu API](https://next.mui.com/material-ui/api/menu/)
- * - inherits [Popover API](https://next.mui.com/material-ui/api/popover/)
+ * - [Menu API](https://mui.com/material-ui/api/menu/)
+ * - inherits [Popover API](https://mui.com/material-ui/api/popover/)
  */
 export default function Menu(props: MenuProps): React.JSX.Element;

package/MenuItem/MenuItem.d.mts

@@ -55,12 +55,12 @@ export type MenuItemTypeMap<AdditionalProps = {}, RootComponent extends React.El
  *
  * Demos:
  *
- * - [Menu](https://next.mui.com/material-ui/react-menu/)
+ * - [Menu](https://mui.com/material-ui/react-menu/)
  *
  * API:
  *
- * - [MenuItem API](https://next.mui.com/material-ui/api/menu-item/)
- * - inherits [ButtonBase API](https://next.mui.com/material-ui/api/button-base/)
+ * - [MenuItem API](https://mui.com/material-ui/api/menu-item/)
+ * - inherits [ButtonBase API](https://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> & {

package/MenuItem/MenuItem.d.ts

@@ -55,12 +55,12 @@ export type MenuItemTypeMap<AdditionalProps = {}, RootComponent extends React.El
  *
  * Demos:
  *
- * - [Menu](https://next.mui.com/material-ui/react-menu/)
+ * - [Menu](https://mui.com/material-ui/react-menu/)
  *
  * API:
  *
- * - [MenuItem API](https://next.mui.com/material-ui/api/menu-item/)
- * - inherits [ButtonBase API](https://next.mui.com/material-ui/api/button-base/)
+ * - [MenuItem API](https://mui.com/material-ui/api/menu-item/)
+ * - inherits [ButtonBase API](https://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> & {

package/MenuItem/MenuItem.js

@@ -206,6 +206,12 @@ const MenuItem = /*#__PURE__*/React.forwardRef(function MenuItem(inProps, ref) {
     disableGutters
   };
   const classes = useUtilityClasses(props);
+
+  // Don't forward the 'root' class to the ButtonBase, as it will get duplicated with the one passed to the className prop.
+  const {
+    root,
+    ...forwardedClasses
+  } = classes;
   const rovingItemProps = (0, _useRovingTabIndex.useRovingTabIndexItem)({
     id: rovingItemId,
     ref,
@@ -238,7 +244,7 @@ const MenuItem = /*#__PURE__*/React.forwardRef(function MenuItem(inProps, ref) {
       className: (0, _clsx.default)(classes.root, className),
       ...other,
       ownerState: ownerState,
-      classes: classes
+      classes: forwardedClasses
     })
   });
 });

package/MenuItem/MenuItem.mjs

@@ -198,6 +198,12 @@ const MenuItem = /*#__PURE__*/React.forwardRef(function MenuItem(inProps, ref) {
     disableGutters
   };
   const classes = useUtilityClasses(props);
+
+  // Don't forward the 'root' class to the ButtonBase, as it will get duplicated with the one passed to the className prop.
+  const {
+    root,
+    ...forwardedClasses
+  } = classes;
   const rovingItemProps = useRovingTabIndexItem({
     id: rovingItemId,
     ref,
@@ -230,7 +236,7 @@ const MenuItem = /*#__PURE__*/React.forwardRef(function MenuItem(inProps, ref) {
       className: clsx(classes.root, className),
       ...other,
       ownerState: ownerState,
-      classes: classes
+      classes: forwardedClasses
     })
   });
 });