@mui/material 6.0.0-rc.0 → 6.0.0

package/modern/Grid2/Grid2.js

@@ -2,16 +2,16 @@
 
 import PropTypes from 'prop-types';
 import { createGrid as createGrid2 } from '@mui/system/Grid';
-import { styled, useThemeProps } from '../styles';
+import { styled, useThemeProps } from "../styles/index.js";
 /**
  *
  * Demos:
  *
- * - [Grid version 2](https://next.mui.com/material-ui/react-grid2/)
+ * - [Grid version 2](https://mui.com/material-ui/react-grid2/)
  *
  * API:
  *
- * - [Grid2 API](https://next.mui.com/material-ui/api/grid-2/)
+ * - [Grid2 API](https://mui.com/material-ui/api/grid-2/)
  */
 const Grid2 = createGrid2({
   createStyledComponent: styled('div', {

package/modern/Grid2/index.js

@@ -1,6 +1,6 @@
 'use client';
 
-export { default } from './Grid2';
-export * from './Grid2';
-export { default as grid2Classes } from './grid2Classes';
-export * from './grid2Classes';
+export { default } from "./Grid2.js";
+export * from "./Grid2.js";
+export { default as grid2Classes } from "./grid2Classes.js";
+export * from "./grid2Classes.js";

package/modern/Grow/Grow.js

@@ -6,9 +6,9 @@ import useTimeout from '@mui/utils/useTimeout';
 import elementAcceptingRef from '@mui/utils/elementAcceptingRef';
 import getReactNodeRef from '@mui/utils/getReactNodeRef';
 import { Transition } from 'react-transition-group';
-import { useTheme } from '../zero-styled';
-import { getTransitionProps, reflow } from '../transitions/utils';
-import useForkRef from '../utils/useForkRef';
+import { useTheme } from "../zero-styled/index.js";
+import { getTransitionProps, reflow } from "../transitions/utils.js";
+import useForkRef from "../utils/useForkRef.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 function getScale(value) {
   return `scale(${value}, ${value ** 2})`;

package/modern/Grow/index.js

@@ -1,3 +1,3 @@
 'use client';
 
-export { default } from './Grow';
+export { default } from "./Grow.js";

package/modern/Hidden/Hidden.js

@@ -2,8 +2,8 @@
 
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import HiddenJs from './HiddenJs';
-import HiddenCss from './HiddenCss';
+import HiddenJs from "./HiddenJs.js";
+import HiddenCss from "./HiddenCss.js";
 
 /**
  * Responsively hides children based on the selected implementation.

package/modern/Hidden/HiddenCss.js

@@ -4,10 +4,10 @@ import * as React from 'react';
 import clsx from 'clsx';
 import PropTypes from 'prop-types';
 import composeClasses from '@mui/utils/composeClasses';
-import capitalize from '../utils/capitalize';
-import styled from '../styles/styled';
-import useTheme from '../styles/useTheme';
-import { getHiddenCssUtilityClass } from './hiddenCssClasses';
+import capitalize from "../utils/capitalize.js";
+import styled from "../styles/styled.js";
+import useTheme from "../styles/useTheme.js";
+import { getHiddenCssUtilityClass } from "./hiddenCssClasses.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/Hidden/HiddenJs.js

@@ -3,8 +3,8 @@
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import exactProp from '@mui/utils/exactProp';
-import withWidth, { isWidthDown, isWidthUp } from './withWidth';
-import useTheme from '../styles/useTheme';
+import withWidth, { isWidthDown, isWidthUp } from "./withWidth.js";
+import useTheme from "../styles/useTheme.js";
 
 /**
  * @ignore - internal component.

package/modern/Hidden/index.js

@@ -1,3 +1,3 @@
 'use client';
 
-export { default } from './Hidden';
+export { default } from "./Hidden.js";

package/modern/Hidden/withWidth.js

@@ -2,9 +2,9 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import getDisplayName from '@mui/utils/getDisplayName';
 import { getThemeProps } from '@mui/system/useThemeProps';
-import useTheme from '../styles/useTheme';
-import useEnhancedEffect from '../utils/useEnhancedEffect';
-import useMediaQuery from '../useMediaQuery';
+import useTheme from "../styles/useTheme.js";
+import useEnhancedEffect from "../utils/useEnhancedEffect.js";
+import useMediaQuery from "../useMediaQuery/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const breakpointKeys = ['xs', 'sm', 'md', 'lg', 'xl'];
 

package/modern/Icon/Icon.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 capitalize from '../utils/capitalize';
-import { styled } from '../zero-styled';
-import memoTheme from '../utils/memoTheme';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import { getIconUtilityClass } from './iconClasses';
+import capitalize from "../utils/capitalize.js";
+import { styled } from "../zero-styled/index.js";
+import memoTheme from "../utils/memoTheme.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import { getIconUtilityClass } from "./iconClasses.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/Icon/index.js

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

package/modern/IconButton/IconButton.js

@@ -6,12 +6,12 @@ import clsx from 'clsx';
 import chainPropTypes from '@mui/utils/chainPropTypes';
 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 ButtonBase from '../ButtonBase';
-import capitalize from '../utils/capitalize';
-import iconButtonClasses, { getIconButtonUtilityClass } from './iconButtonClasses';
+import { styled } from "../zero-styled/index.js";
+import memoTheme from "../utils/memoTheme.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import ButtonBase from "../ButtonBase/index.js";
+import capitalize from "../utils/capitalize.js";
+import iconButtonClasses, { getIconButtonUtilityClass } from "./iconButtonClasses.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/IconButton/index.js

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

package/modern/ImageList/ImageList.js

@@ -5,10 +5,10 @@ import integerPropType from '@mui/utils/integerPropType';
 import clsx from 'clsx';
 import PropTypes from 'prop-types';
 import * as React from 'react';
-import { styled } from '../zero-styled';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import { getImageListUtilityClass } from './imageListClasses';
-import ImageListContext from './ImageListContext';
+import { styled } from "../zero-styled/index.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import { getImageListUtilityClass } from "./imageListClasses.js";
+import ImageListContext from "./ImageListContext.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/ImageList/index.js

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

package/modern/ImageListItem/ImageListItem.js

@@ -6,11 +6,11 @@ import clsx from 'clsx';
 import PropTypes from 'prop-types';
 import * as React from 'react';
 import { isFragment } from 'react-is';
-import ImageListContext from '../ImageList/ImageListContext';
-import { styled } from '../zero-styled';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import isMuiElement from '../utils/isMuiElement';
-import imageListItemClasses, { getImageListItemUtilityClass } from './imageListItemClasses';
+import ImageListContext from "../ImageList/ImageListContext.js";
+import { styled } from "../zero-styled/index.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import isMuiElement from "../utils/isMuiElement.js";
+import imageListItemClasses, { getImageListItemUtilityClass } from "./imageListItemClasses.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/ImageListItem/index.js

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

package/modern/ImageListItemBar/ImageListItemBar.js

@@ -4,11 +4,11 @@ import composeClasses from '@mui/utils/composeClasses';
 import clsx from 'clsx';
 import PropTypes from 'prop-types';
 import * as React from 'react';
-import { styled } from '../zero-styled';
-import memoTheme from '../utils/memoTheme';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import capitalize from '../utils/capitalize';
-import { getImageListItemBarUtilityClass } from './imageListItemBarClasses';
+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 { getImageListItemBarUtilityClass } from "./imageListItemBarClasses.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/ImageListItemBar/index.js

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

package/modern/InitColorSchemeScript/index.js

@@ -1 +1 @@
-export { default } from './InitColorSchemeScript';
+export { default } from "./InitColorSchemeScript.js";

package/modern/Input/Input.js

@@ -5,13 +5,13 @@ import PropTypes from 'prop-types';
 import composeClasses from '@mui/utils/composeClasses';
 import deepmerge from '@mui/utils/deepmerge';
 import refType from '@mui/utils/refType';
-import InputBase from '../InputBase';
-import rootShouldForwardProp from '../styles/rootShouldForwardProp';
-import { styled } from '../zero-styled';
-import memoTheme from '../utils/memoTheme';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import inputClasses, { getInputUtilityClass } from './inputClasses';
-import { rootOverridesResolver as inputBaseRootOverridesResolver, inputOverridesResolver as inputBaseInputOverridesResolver, InputBaseRoot, InputBaseInput } from '../InputBase/InputBase';
+import InputBase from "../InputBase/index.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 inputClasses, { getInputUtilityClass } from "./inputClasses.js";
+import { rootOverridesResolver as inputBaseRootOverridesResolver, inputOverridesResolver as inputBaseInputOverridesResolver, InputBaseRoot, InputBaseInput } from "../InputBase/InputBase.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/Input/index.js

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

package/modern/Input/inputClasses.js

@@ -1,6 +1,6 @@
 import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
 import generateUtilityClass from '@mui/utils/generateUtilityClass';
-import { inputBaseClasses } from '../InputBase';
+import { inputBaseClasses } from "../InputBase/index.js";
 export function getInputUtilityClass(slot) {
   return generateUtilityClass('MuiInput', slot);
 }

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,5 @@
 '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 {

package/modern/InputBase/index.js

@@ -1,5 +1,5 @@
 '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,5 @@
 '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,5 @@
 '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,

package/modern/Link/index.js

@@ -1,5 +1,5 @@
 '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,5 @@
 '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 {

package/modern/ListItem/index.js

@@ -1,5 +1,5 @@
 '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,5 @@
 '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 {