@mui/material 6.0.0-rc.0 → 6.0.1

package/modern/InputAdornment/InputAdornment.js

@@ -5,14 +5,14 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import composeClasses from '@mui/utils/composeClasses';
-import capitalize from '../utils/capitalize';
-import Typography from '../Typography';
-import FormControlContext from '../FormControl/FormControlContext';
-import useFormControl from '../FormControl/useFormControl';
-import { styled } from '../zero-styled';
-import memoTheme from '../utils/memoTheme';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import inputAdornmentClasses, { getInputAdornmentUtilityClass } from './inputAdornmentClasses';
+import capitalize from "../utils/capitalize.js";
+import Typography from "../Typography/index.js";
+import FormControlContext from "../FormControl/FormControlContext.js";
+import useFormControl from "../FormControl/useFormControl.js";
+import { styled } from "../zero-styled/index.js";
+import memoTheme from "../utils/memoTheme.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import inputAdornmentClasses, { getInputAdornmentUtilityClass } from "./inputAdornmentClasses.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const overridesResolver = (props, styles) => {
   const {

package/modern/InputAdornment/index.js

@@ -1,5 +1,3 @@
-'use client';
-
-export { default } from './InputAdornment';
-export { default as inputAdornmentClasses } from './inputAdornmentClasses';
-export * from './inputAdornmentClasses';
+export { default } from "./InputAdornment.js";
+export { default as inputAdornmentClasses } from "./inputAdornmentClasses.js";
+export * from "./inputAdornmentClasses.js";

package/modern/InputBase/InputBase.js

@@ -8,19 +8,19 @@ import clsx from 'clsx';
 import elementTypeAcceptingRef from '@mui/utils/elementTypeAcceptingRef';
 import refType from '@mui/utils/refType';
 import composeClasses from '@mui/utils/composeClasses';
-import TextareaAutosize from '../TextareaAutosize';
-import isHostComponent from '../utils/isHostComponent';
-import formControlState from '../FormControl/formControlState';
-import FormControlContext from '../FormControl/FormControlContext';
-import useFormControl from '../FormControl/useFormControl';
-import { styled, globalCss } from '../zero-styled';
-import memoTheme from '../utils/memoTheme';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import capitalize from '../utils/capitalize';
-import useForkRef from '../utils/useForkRef';
-import useEnhancedEffect from '../utils/useEnhancedEffect';
-import { isFilled } from './utils';
-import inputBaseClasses, { getInputBaseUtilityClass } from './inputBaseClasses';
+import TextareaAutosize from "../TextareaAutosize/index.js";
+import isHostComponent from "../utils/isHostComponent.js";
+import formControlState from "../FormControl/formControlState.js";
+import FormControlContext from "../FormControl/FormControlContext.js";
+import useFormControl from "../FormControl/useFormControl.js";
+import { styled, globalCss } from "../zero-styled/index.js";
+import memoTheme from "../utils/memoTheme.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import capitalize from "../utils/capitalize.js";
+import useForkRef from "../utils/useForkRef.js";
+import useEnhancedEffect from "../utils/useEnhancedEffect.js";
+import { isFilled } from "./utils.js";
+import inputBaseClasses, { getInputBaseUtilityClass } from "./inputBaseClasses.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const rootOverridesResolver = (props, styles) => {
   const {
@@ -553,7 +553,7 @@ process.env.NODE_ENV !== "production" ? InputBase.propTypes /* remove-proptypes
   /**
    * The components used for each slot inside.
    *
-   * @deprecated use the `slots` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   * @deprecated use the `slots` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    *
    * @default {}
    */
@@ -565,7 +565,7 @@ process.env.NODE_ENV !== "production" ? InputBase.propTypes /* remove-proptypes
    * The extra props for the slot components.
    * You can override the existing props or add new ones.
    *
-   * @deprecated use the `slotProps` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   * @deprecated use the `slotProps` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    *
    * @default {}
    */
@@ -636,7 +636,7 @@ process.env.NODE_ENV !== "production" ? InputBase.propTypes /* remove-proptypes
    */
   minRows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
   /**
-   * If `true`, a [TextareaAutosize](/material-ui/react-textarea-autosize/) element is rendered.
+   * If `true`, a [TextareaAutosize](https://mui.com/material-ui/react-textarea-autosize/) element is rendered.
    * @default false
    */
   multiline: PropTypes.bool,

package/modern/InputBase/index.js

@@ -1,5 +1,3 @@
-'use client';
-
-export { default } from './InputBase';
-export { default as inputBaseClasses } from './inputBaseClasses';
-export * from './inputBaseClasses';
+export { default } from "./InputBase.js";
+export { default as inputBaseClasses } from "./inputBaseClasses.js";
+export * from "./inputBaseClasses.js";

package/modern/InputLabel/InputLabel.js

@@ -4,15 +4,15 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import composeClasses from '@mui/utils/composeClasses';
 import clsx from 'clsx';
-import formControlState from '../FormControl/formControlState';
-import useFormControl from '../FormControl/useFormControl';
-import FormLabel, { formLabelClasses } from '../FormLabel';
-import capitalize from '../utils/capitalize';
-import rootShouldForwardProp from '../styles/rootShouldForwardProp';
-import { styled } from '../zero-styled';
-import memoTheme from '../utils/memoTheme';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import { getInputLabelUtilityClasses } from './inputLabelClasses';
+import formControlState from "../FormControl/formControlState.js";
+import useFormControl from "../FormControl/useFormControl.js";
+import FormLabel, { formLabelClasses } from "../FormLabel/index.js";
+import capitalize from "../utils/capitalize.js";
+import rootShouldForwardProp from "../styles/rootShouldForwardProp.js";
+import { styled } from "../zero-styled/index.js";
+import memoTheme from "../utils/memoTheme.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import { getInputLabelUtilityClasses } from "./inputLabelClasses.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/InputLabel/index.js

@@ -1,5 +1,3 @@
-'use client';
-
-export { default } from './InputLabel';
-export { default as inputLabelClasses } from './inputLabelClasses';
-export * from './inputLabelClasses';
+export { default } from "./InputLabel.js";
+export { default as inputLabelClasses } from "./inputLabelClasses.js";
+export * from "./inputLabelClasses.js";

package/modern/LinearProgress/LinearProgress.js

@@ -6,11 +6,11 @@ import clsx from 'clsx';
 import composeClasses from '@mui/utils/composeClasses';
 import { darken, lighten } from '@mui/system/colorManipulator';
 import { useRtl } from '@mui/system/RtlProvider';
-import { keyframes, css, styled } from '../zero-styled';
-import memoTheme from '../utils/memoTheme';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import capitalize from '../utils/capitalize';
-import { getLinearProgressUtilityClass } from './linearProgressClasses';
+import { keyframes, css, styled } from "../zero-styled/index.js";
+import memoTheme from "../utils/memoTheme.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import capitalize from "../utils/capitalize.js";
+import { getLinearProgressUtilityClass } from "./linearProgressClasses.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const TRANSITION_DURATION = 4; // seconds
 const indeterminate1Keyframe = keyframes`

package/modern/LinearProgress/index.js

@@ -1,5 +1,3 @@
-'use client';
-
-export { default } from './LinearProgress';
-export { default as linearProgressClasses } from './linearProgressClasses';
-export * from './linearProgressClasses';
+export { default } from "./LinearProgress.js";
+export { default as linearProgressClasses } from "./linearProgressClasses.js";
+export * from "./linearProgressClasses.js";

package/modern/Link/Link.js

@@ -7,13 +7,13 @@ import { alpha } from '@mui/system/colorManipulator';
 import elementTypeAcceptingRef from '@mui/utils/elementTypeAcceptingRef';
 import composeClasses from '@mui/utils/composeClasses';
 import isFocusVisible from '@mui/utils/isFocusVisible';
-import capitalize from '../utils/capitalize';
-import { styled, useTheme } from '../zero-styled';
-import memoTheme from '../utils/memoTheme';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import Typography from '../Typography';
-import linkClasses, { getLinkUtilityClass } from './linkClasses';
-import getTextDecoration from './getTextDecoration';
+import capitalize from "../utils/capitalize.js";
+import { styled, useTheme } from "../zero-styled/index.js";
+import memoTheme from "../utils/memoTheme.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import Typography from "../Typography/index.js";
+import linkClasses, { getLinkUtilityClass } from "./linkClasses.js";
+import getTextDecoration from "./getTextDecoration.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const v6Colors = {
   primary: true,
@@ -265,7 +265,7 @@ process.env.NODE_ENV !== "production" ? Link.propTypes /* remove-proptypes */ =
    */
   sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
   /**
-   * `classes` prop applied to the [`Typography`](/material-ui/api/typography/) element.
+   * `classes` prop applied to the [`Typography`](https://mui.com/material-ui/api/typography/) element.
    */
   TypographyClasses: PropTypes.object,
   /**

package/modern/Link/index.js

@@ -1,5 +1,3 @@
-'use client';
-
-export { default } from './Link';
-export { default as linkClasses } from './linkClasses';
-export * from './linkClasses';
+export { default } from "./Link.js";
+export { default as linkClasses } from "./linkClasses.js";
+export * from "./linkClasses.js";

package/modern/List/List.js

@@ -4,10 +4,10 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import composeClasses from '@mui/utils/composeClasses';
-import { styled } from '../zero-styled';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import ListContext from './ListContext';
-import { getListUtilityClass } from './listClasses';
+import { styled } from "../zero-styled/index.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import ListContext from "./ListContext.js";
+import { getListUtilityClass } from "./listClasses.js";
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/List/index.js

@@ -1,5 +1,3 @@
-'use client';
-
-export { default } from './List';
-export { default as listClasses } from './listClasses';
-export * from './listClasses';
+export { default } from "./List.js";
+export { default as listClasses } from "./listClasses.js";
+export * from "./listClasses.js";

package/modern/ListItem/ListItem.js

@@ -6,16 +6,16 @@ import clsx from 'clsx';
 import composeClasses from '@mui/utils/composeClasses';
 import elementTypeAcceptingRef from '@mui/utils/elementTypeAcceptingRef';
 import chainPropTypes from '@mui/utils/chainPropTypes';
-import isHostComponent from '../utils/isHostComponent';
-import { styled } from '../zero-styled';
-import memoTheme from '../utils/memoTheme';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import isMuiElement from '../utils/isMuiElement';
-import useForkRef from '../utils/useForkRef';
-import ListContext from '../List/ListContext';
-import { getListItemUtilityClass } from './listItemClasses';
-import { listItemButtonClasses } from '../ListItemButton';
-import ListItemSecondaryAction from '../ListItemSecondaryAction';
+import isHostComponent from "../utils/isHostComponent.js";
+import { styled } from "../zero-styled/index.js";
+import memoTheme from "../utils/memoTheme.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import isMuiElement from "../utils/isMuiElement.js";
+import useForkRef from "../utils/useForkRef.js";
+import ListContext from "../List/ListContext.js";
+import { getListItemUtilityClass } from "./listItemClasses.js";
+import { listItemButtonClasses } from "../ListItemButton/index.js";
+import ListItemSecondaryAction from "../ListItemSecondaryAction/index.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const overridesResolver = (props, styles) => {
   const {
@@ -310,7 +310,7 @@ process.env.NODE_ENV !== "production" ? ListItem.propTypes /* remove-proptypes *
   /**
    * The components used for each slot inside.
    *
-   * @deprecated Use the `slots` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   * @deprecated Use the `slots` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    * @default {}
    */
   components: PropTypes.shape({
@@ -320,7 +320,7 @@ process.env.NODE_ENV !== "production" ? ListItem.propTypes /* remove-proptypes *
    * The extra props for the slot components.
    * You can override the existing props or add new ones.
    *
-   * @deprecated Use the `slotProps` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   * @deprecated Use the `slotProps` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    * @default {}
    */
   componentsProps: PropTypes.shape({
@@ -329,13 +329,13 @@ process.env.NODE_ENV !== "production" ? ListItem.propTypes /* remove-proptypes *
   /**
    * The container component used when a `ListItemSecondaryAction` is the last child.
    * @default 'li'
-   * @deprecated Use the `component` or `slots.root` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   * @deprecated Use the `component` or `slots.root` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
   ContainerComponent: elementTypeAcceptingRef,
   /**
    * Props applied to the container component if used.
    * @default {}
-   * @deprecated Use the `slotProps.root` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   * @deprecated Use the `slotProps.root` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
   ContainerProps: PropTypes.object,
   /**

package/modern/ListItem/index.js

@@ -1,5 +1,3 @@
-'use client';
-
-export { default } from './ListItem';
-export { default as listItemClasses } from './listItemClasses';
-export * from './listItemClasses';
+export { default } from "./ListItem.js";
+export { default as listItemClasses } from "./listItemClasses.js";
+export * from "./listItemClasses.js";

package/modern/ListItemAvatar/ListItemAvatar.js

@@ -4,10 +4,10 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import composeClasses from '@mui/utils/composeClasses';
-import ListContext from '../List/ListContext';
-import { styled } from '../zero-styled';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import { getListItemAvatarUtilityClass } from './listItemAvatarClasses';
+import ListContext from "../List/ListContext.js";
+import { styled } from "../zero-styled/index.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import { getListItemAvatarUtilityClass } from "./listItemAvatarClasses.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/ListItemAvatar/index.js

@@ -1,5 +1,3 @@
-'use client';
-
-export { default } from './ListItemAvatar';
-export { default as listItemAvatarClasses } from './listItemAvatarClasses';
-export * from './listItemAvatarClasses';
+export { default } from "./ListItemAvatar.js";
+export { default as listItemAvatarClasses } from "./listItemAvatarClasses.js";
+export * from "./listItemAvatarClasses.js";

package/modern/ListItemButton/ListItemButton.js

@@ -5,15 +5,15 @@ import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import composeClasses from '@mui/utils/composeClasses';
 import { alpha } from '@mui/system/colorManipulator';
-import { styled } from '../zero-styled';
-import memoTheme from '../utils/memoTheme';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import rootShouldForwardProp from '../styles/rootShouldForwardProp';
-import ButtonBase from '../ButtonBase';
-import useEnhancedEffect from '../utils/useEnhancedEffect';
-import useForkRef from '../utils/useForkRef';
-import ListContext from '../List/ListContext';
-import listItemButtonClasses, { getListItemButtonUtilityClass } from './listItemButtonClasses';
+import { styled } from "../zero-styled/index.js";
+import memoTheme from "../utils/memoTheme.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import rootShouldForwardProp from "../styles/rootShouldForwardProp.js";
+import ButtonBase from "../ButtonBase/index.js";
+import useEnhancedEffect from "../utils/useEnhancedEffect.js";
+import useForkRef from "../utils/useForkRef.js";
+import ListContext from "../List/ListContext.js";
+import listItemButtonClasses, { getListItemButtonUtilityClass } from "./listItemButtonClasses.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export const overridesResolver = (props, styles) => {
   const {

package/modern/ListItemButton/index.js

@@ -1,5 +1,3 @@
-'use client';
-
-export { default } from './ListItemButton';
-export { default as listItemButtonClasses } from './listItemButtonClasses';
-export * from './listItemButtonClasses';
+export { default } from "./ListItemButton.js";
+export { default as listItemButtonClasses } from "./listItemButtonClasses.js";
+export * from "./listItemButtonClasses.js";

package/modern/ListItemIcon/ListItemIcon.js

@@ -4,11 +4,11 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import composeClasses from '@mui/utils/composeClasses';
-import { styled } from '../zero-styled';
-import memoTheme from '../utils/memoTheme';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import { getListItemIconUtilityClass } from './listItemIconClasses';
-import ListContext from '../List/ListContext';
+import { styled } from "../zero-styled/index.js";
+import memoTheme from "../utils/memoTheme.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import { getListItemIconUtilityClass } from "./listItemIconClasses.js";
+import ListContext from "../List/ListContext.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/ListItemIcon/index.js

@@ -1,5 +1,3 @@
-'use client';
-
-export { default } from './ListItemIcon';
-export { default as listItemIconClasses } from './listItemIconClasses';
-export * from './listItemIconClasses';
+export { default } from "./ListItemIcon.js";
+export { default as listItemIconClasses } from "./listItemIconClasses.js";
+export * from "./listItemIconClasses.js";

package/modern/ListItemSecondaryAction/ListItemSecondaryAction.js

@@ -4,10 +4,10 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import composeClasses from '@mui/utils/composeClasses';
-import { styled } from '../zero-styled';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import ListContext from '../List/ListContext';
-import { getListItemSecondaryActionClassesUtilityClass } from './listItemSecondaryActionClasses';
+import { styled } from "../zero-styled/index.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import ListContext from "../List/ListContext.js";
+import { getListItemSecondaryActionClassesUtilityClass } from "./listItemSecondaryActionClasses.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {
@@ -46,7 +46,7 @@ const ListItemSecondaryActionRoot = styled('div', {
 /**
  * Must be used as the last child of ListItem to function properly.
  *
- * @deprecated Use the `secondaryAction` prop in the `ListItem` component instead. This component will be removed in v7. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+ * @deprecated Use the `secondaryAction` prop in the `ListItem` component instead. This component will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
  */
 const ListItemSecondaryAction = /*#__PURE__*/React.forwardRef(function ListItemSecondaryAction(inProps, ref) {
   const props = useDefaultProps({

package/modern/ListItemSecondaryAction/index.js

@@ -1,5 +1,3 @@
-'use client';
-
-export { default } from './ListItemSecondaryAction';
-export { default as listItemSecondaryActionClasses } from './listItemSecondaryActionClasses';
-export * from './listItemSecondaryActionClasses';
+export { default } from "./ListItemSecondaryAction.js";
+export { default as listItemSecondaryActionClasses } from "./listItemSecondaryActionClasses.js";
+export * from "./listItemSecondaryActionClasses.js";

package/modern/ListItemText/ListItemText.js

@@ -4,11 +4,11 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import composeClasses from '@mui/utils/composeClasses';
-import Typography, { typographyClasses } from '../Typography';
-import ListContext from '../List/ListContext';
-import { styled } from '../zero-styled';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import listItemTextClasses, { getListItemTextUtilityClass } from './listItemTextClasses';
+import Typography, { typographyClasses } from "../Typography/index.js";
+import ListContext from "../List/ListContext.js";
+import { styled } from "../zero-styled/index.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import listItemTextClasses, { getListItemTextUtilityClass } from "./listItemTextClasses.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/ListItemText/index.js

@@ -1,5 +1,3 @@
-'use client';
-
-export { default } from './ListItemText';
-export { default as listItemTextClasses } from './listItemTextClasses';
-export * from './listItemTextClasses';
+export { default } from "./ListItemText.js";
+export { default as listItemTextClasses } from "./listItemTextClasses.js";
+export * from "./listItemTextClasses.js";

package/modern/ListSubheader/ListSubheader.js

@@ -4,11 +4,11 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import composeClasses from '@mui/utils/composeClasses';
-import { styled } from '../zero-styled';
-import memoTheme from '../utils/memoTheme';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import capitalize from '../utils/capitalize';
-import { getListSubheaderUtilityClass } from './listSubheaderClasses';
+import { styled } from "../zero-styled/index.js";
+import memoTheme from "../utils/memoTheme.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import capitalize from "../utils/capitalize.js";
+import { getListSubheaderUtilityClass } from "./listSubheaderClasses.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/ListSubheader/index.js

@@ -1,5 +1,3 @@
-'use client';
-
-export { default } from './ListSubheader';
-export { default as listSubheaderClasses } from './listSubheaderClasses';
-export * from './listSubheaderClasses';
+export { default } from "./ListSubheader.js";
+export { default as listSubheaderClasses } from "./listSubheaderClasses.js";
+export * from "./listSubheaderClasses.js";

package/modern/Menu/Menu.js

@@ -8,12 +8,12 @@ import composeClasses from '@mui/utils/composeClasses';
 import HTMLElementType from '@mui/utils/HTMLElementType';
 import { useRtl } from '@mui/system/RtlProvider';
 import useSlotProps from '@mui/utils/useSlotProps';
-import MenuList from '../MenuList';
-import Popover, { PopoverPaper } from '../Popover';
-import rootShouldForwardProp from '../styles/rootShouldForwardProp';
-import { styled } from '../zero-styled';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import { getMenuUtilityClass } from './menuClasses';
+import MenuList from "../MenuList/index.js";
+import Popover, { PopoverPaper } from "../Popover/index.js";
+import rootShouldForwardProp from "../styles/rootShouldForwardProp.js";
+import { styled } from "../zero-styled/index.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import { getMenuUtilityClass } from "./menuClasses.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const RTL_ORIGIN = {
   vertical: 'top',
@@ -235,7 +235,7 @@ process.env.NODE_ENV !== "production" ? Menu.propTypes /* remove-proptypes */ =
    */
   disableAutoFocusItem: PropTypes.bool,
   /**
-   * Props applied to the [`MenuList`](/material-ui/api/menu-list/) element.
+   * Props applied to the [`MenuList`](https://mui.com/material-ui/api/menu-list/) element.
    * @default {}
    */
   MenuListProps: PropTypes.object,
@@ -255,7 +255,7 @@ process.env.NODE_ENV !== "production" ? Menu.propTypes /* remove-proptypes */ =
    */
   PaperProps: PropTypes.object,
   /**
-   * `classes` prop applied to the [`Popover`](/material-ui/api/popover/) element.
+   * `classes` prop applied to the [`Popover`](https://mui.com/material-ui/api/popover/) element.
    */
   PopoverClasses: PropTypes.object,
   /**

package/modern/Menu/index.js

@@ -1,5 +1,3 @@
-'use client';
-
-export { default } from './Menu';
-export { default as menuClasses } from './menuClasses';
-export * from './menuClasses';
+export { default } from "./Menu.js";
+export { default as menuClasses } from "./menuClasses.js";
+export * from "./menuClasses.js";

package/modern/MenuItem/MenuItem.js

@@ -5,18 +5,18 @@ import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import composeClasses from '@mui/utils/composeClasses';
 import { alpha } from '@mui/system/colorManipulator';
-import rootShouldForwardProp from '../styles/rootShouldForwardProp';
-import { styled } from '../zero-styled';
-import memoTheme from '../utils/memoTheme';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import ListContext from '../List/ListContext';
-import ButtonBase from '../ButtonBase';
-import useEnhancedEffect from '../utils/useEnhancedEffect';
-import useForkRef from '../utils/useForkRef';
-import { dividerClasses } from '../Divider';
-import { listItemIconClasses } from '../ListItemIcon';
-import { listItemTextClasses } from '../ListItemText';
-import menuItemClasses, { getMenuItemUtilityClass } from './menuItemClasses';
+import rootShouldForwardProp from "../styles/rootShouldForwardProp.js";
+import { styled } from "../zero-styled/index.js";
+import memoTheme from "../utils/memoTheme.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import ListContext from "../List/ListContext.js";
+import ButtonBase from "../ButtonBase/index.js";
+import useEnhancedEffect from "../utils/useEnhancedEffect.js";
+import useForkRef from "../utils/useForkRef.js";
+import { dividerClasses } from "../Divider/index.js";
+import { listItemIconClasses } from "../ListItemIcon/index.js";
+import { listItemTextClasses } from "../ListItemText/index.js";
+import menuItemClasses, { getMenuItemUtilityClass } from "./menuItemClasses.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export const overridesResolver = (props, styles) => {
   const {

package/modern/MenuItem/index.js

@@ -1,5 +1,3 @@
-'use client';
-
-export { default } from './MenuItem';
-export * from './menuItemClasses';
-export { default as menuItemClasses } from './menuItemClasses';
+export { default } from "./MenuItem.js";
+export * from "./menuItemClasses.js";
+export { default as menuItemClasses } from "./menuItemClasses.js";

package/modern/MenuList/MenuList.js

@@ -3,11 +3,11 @@
 import * as React from 'react';
 import { isFragment } from 'react-is';
 import PropTypes from 'prop-types';
-import ownerDocument from '../utils/ownerDocument';
-import List from '../List';
-import getScrollbarSize from '../utils/getScrollbarSize';
-import useForkRef from '../utils/useForkRef';
-import useEnhancedEffect from '../utils/useEnhancedEffect';
+import ownerDocument from "../utils/ownerDocument.js";
+import List from "../List/index.js";
+import getScrollbarSize from "../utils/getScrollbarSize.js";
+import useForkRef from "../utils/useForkRef.js";
+import useEnhancedEffect from "../utils/useEnhancedEffect.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 function nextItem(list, item, disableListWrap) {
   if (list === item) {