@mui/material 6.0.0-rc.0 → 6.0.0

package/modern/Badge/Badge.js

@@ -6,12 +6,12 @@ import clsx from 'clsx';
 import usePreviousProps from '@mui/utils/usePreviousProps';
 import composeClasses from '@mui/utils/composeClasses';
 import useSlotProps from '@mui/utils/useSlotProps';
-import useBadge from './useBadge';
-import { styled } from '../zero-styled';
-import memoTheme from '../utils/memoTheme';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import capitalize from '../utils/capitalize';
-import badgeClasses, { getBadgeUtilityClass } from './badgeClasses';
+import useBadge from "./useBadge.js";
+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 badgeClasses, { getBadgeUtilityClass } from "./badgeClasses.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const RADIUS_STANDARD = 10;
 const RADIUS_DOT = 4;

package/modern/Badge/index.js

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

package/modern/Badge/useBadge.js

@@ -5,11 +5,11 @@ import { usePreviousProps } from '@mui/utils';
  *
  * Demos:
  *
- * - [Badge](https://next.mui.com/base-ui/react-badge/#hook)
+ * - [Badge](https://mui.com/base-ui/react-badge/#hook)
  *
  * API:
  *
- * - [useBadge API](https://next.mui.com/base-ui/react-badge/hooks-api/#use-badge)
+ * - [useBadge API](https://mui.com/base-ui/react-badge/hooks-api/#use-badge)
  */
 function useBadge(parameters) {
   const {

package/modern/BottomNavigation/BottomNavigation.js

@@ -5,10 +5,10 @@ import { isFragment } from 'react-is';
 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 { getBottomNavigationUtilityClass } from './bottomNavigationClasses';
+import { styled } from "../zero-styled/index.js";
+import memoTheme from "../utils/memoTheme.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import { getBottomNavigationUtilityClass } from "./bottomNavigationClasses.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/BottomNavigation/index.js

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

package/modern/BottomNavigationAction/BottomNavigationAction.js

@@ -4,12 +4,12 @@ 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 ButtonBase from '../ButtonBase';
-import unsupportedProp from '../utils/unsupportedProp';
-import bottomNavigationActionClasses, { getBottomNavigationActionUtilityClass } from './bottomNavigationActionClasses';
+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 unsupportedProp from "../utils/unsupportedProp.js";
+import bottomNavigationActionClasses, { getBottomNavigationActionUtilityClass } from "./bottomNavigationActionClasses.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/BottomNavigationAction/index.js

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

package/modern/Box/Box.js

@@ -2,10 +2,10 @@
 
 import { createBox } from '@mui/system';
 import PropTypes from 'prop-types';
-import { unstable_ClassNameGenerator as ClassNameGenerator } from '../className';
-import { createTheme } from '../styles';
-import THEME_ID from '../styles/identifier';
-import boxClasses from './boxClasses';
+import { unstable_ClassNameGenerator as ClassNameGenerator } from "../className/index.js";
+import { createTheme } from "../styles/index.js";
+import THEME_ID from "../styles/identifier.js";
+import boxClasses from "./boxClasses.js";
 const defaultTheme = createTheme();
 const Box = createBox({
   themeId: THEME_ID,

package/modern/Box/index.js

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

package/modern/Breadcrumbs/BreadcrumbCollapsed.js

@@ -3,10 +3,10 @@
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { emphasize } from '@mui/system/colorManipulator';
-import { styled } from '../zero-styled';
-import memoTheme from '../utils/memoTheme';
-import MoreHorizIcon from '../internal/svg-icons/MoreHoriz';
-import ButtonBase from '../ButtonBase';
+import { styled } from "../zero-styled/index.js";
+import memoTheme from "../utils/memoTheme.js";
+import MoreHorizIcon from "../internal/svg-icons/MoreHoriz.js";
+import ButtonBase from "../ButtonBase/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const BreadcrumbCollapsedButton = styled(ButtonBase)(memoTheme(({
   theme

package/modern/Breadcrumbs/Breadcrumbs.js

@@ -7,11 +7,11 @@ import clsx from 'clsx';
 import integerPropType from '@mui/utils/integerPropType';
 import composeClasses from '@mui/utils/composeClasses';
 import useSlotProps from '@mui/utils/useSlotProps';
-import { styled } from '../zero-styled';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import Typography from '../Typography';
-import BreadcrumbCollapsed from './BreadcrumbCollapsed';
-import breadcrumbsClasses, { getBreadcrumbsUtilityClass } from './breadcrumbsClasses';
+import { styled } from "../zero-styled/index.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import Typography from "../Typography/index.js";
+import BreadcrumbCollapsed from "./BreadcrumbCollapsed.js";
+import breadcrumbsClasses, { getBreadcrumbsUtilityClass } from "./breadcrumbsClasses.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/Breadcrumbs/index.js

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

package/modern/Button/Button.js

@@ -6,15 +6,15 @@ import clsx from 'clsx';
 import resolveProps from '@mui/utils/resolveProps';
 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 ButtonBase from '../ButtonBase';
-import capitalize from '../utils/capitalize';
-import buttonClasses, { getButtonUtilityClass } from './buttonClasses';
-import ButtonGroupContext from '../ButtonGroup/ButtonGroupContext';
-import ButtonGroupButtonContext from '../ButtonGroup/ButtonGroupButtonContext';
+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 ButtonBase from "../ButtonBase/index.js";
+import capitalize from "../utils/capitalize.js";
+import buttonClasses, { getButtonUtilityClass } from "./buttonClasses.js";
+import ButtonGroupContext from "../ButtonGroup/ButtonGroupContext.js";
+import ButtonGroupButtonContext from "../ButtonGroup/ButtonGroupButtonContext.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/Button/index.js

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

package/modern/ButtonBase/ButtonBase.js

@@ -7,13 +7,13 @@ import refType from '@mui/utils/refType';
 import elementTypeAcceptingRef from '@mui/utils/elementTypeAcceptingRef';
 import composeClasses from '@mui/utils/composeClasses';
 import isFocusVisible from '@mui/utils/isFocusVisible';
-import { styled } from '../zero-styled';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import useForkRef from '../utils/useForkRef';
-import useEventCallback from '../utils/useEventCallback';
-import useLazyRipple from '../useLazyRipple';
-import TouchRipple from './TouchRipple';
-import buttonBaseClasses, { getButtonBaseUtilityClass } from './buttonBaseClasses';
+import { styled } from "../zero-styled/index.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import useForkRef from "../utils/useForkRef.js";
+import useEventCallback from "../utils/useEventCallback.js";
+import useLazyRipple from "../useLazyRipple/index.js";
+import TouchRipple from "./TouchRipple.js";
+import buttonBaseClasses, { getButtonBaseUtilityClass } from "./buttonBaseClasses.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/ButtonBase/TouchRipple.js

@@ -5,10 +5,10 @@ import PropTypes from 'prop-types';
 import { TransitionGroup } from 'react-transition-group';
 import clsx from 'clsx';
 import useTimeout from '@mui/utils/useTimeout';
-import { keyframes, styled } from '../zero-styled';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import Ripple from './Ripple';
-import touchRippleClasses from './touchRippleClasses';
+import { keyframes, styled } from "../zero-styled/index.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import Ripple from "./Ripple.js";
+import touchRippleClasses from "./touchRippleClasses.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const DURATION = 550;
 export const DELAY_RIPPLE = 80;

package/modern/ButtonBase/index.js

@@ -1,7 +1,7 @@
 'use client';
 
-export { default } from './ButtonBase';
-export { default as buttonBaseClasses } from './buttonBaseClasses';
-export * from './buttonBaseClasses';
-export { default as touchRippleClasses } from './touchRippleClasses';
-export * from './touchRippleClasses';
+export { default } from "./ButtonBase.js";
+export { default as buttonBaseClasses } from "./buttonBaseClasses.js";
+export * from "./buttonBaseClasses.js";
+export { default as touchRippleClasses } from "./touchRippleClasses.js";
+export * from "./touchRippleClasses.js";

package/modern/ButtonGroup/ButtonGroup.js

@@ -6,13 +6,13 @@ import clsx from 'clsx';
 import composeClasses from '@mui/utils/composeClasses';
 import { alpha } from '@mui/system/colorManipulator';
 import getValidReactChildren from '@mui/utils/getValidReactChildren';
-import capitalize from '../utils/capitalize';
-import { styled } from '../zero-styled';
-import memoTheme from '../utils/memoTheme';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import buttonGroupClasses, { getButtonGroupUtilityClass } from './buttonGroupClasses';
-import ButtonGroupContext from './ButtonGroupContext';
-import ButtonGroupButtonContext from './ButtonGroupButtonContext';
+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 buttonGroupClasses, { getButtonGroupUtilityClass } from "./buttonGroupClasses.js";
+import ButtonGroupContext from "./ButtonGroupContext.js";
+import ButtonGroupButtonContext from "./ButtonGroupButtonContext.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const overridesResolver = (props, styles) => {
   const {

package/modern/ButtonGroup/index.js

@@ -1,7 +1,7 @@
 'use client';
 
-export { default } from './ButtonGroup';
-export { default as buttonGroupClasses } from './buttonGroupClasses';
-export * from './buttonGroupClasses';
-export { default as ButtonGroupContext } from './ButtonGroupContext';
-export { default as ButtonGroupButtonContext } from './ButtonGroupButtonContext';
+export { default } from "./ButtonGroup.js";
+export { default as buttonGroupClasses } from "./buttonGroupClasses.js";
+export * from "./buttonGroupClasses.js";
+export { default as ButtonGroupContext } from "./ButtonGroupContext.js";
+export { default as ButtonGroupButtonContext } from "./ButtonGroupButtonContext.js";

package/modern/Card/Card.js

@@ -5,10 +5,10 @@ import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import chainPropTypes from '@mui/utils/chainPropTypes';
 import composeClasses from '@mui/utils/composeClasses';
-import { styled } from '../zero-styled';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import Paper from '../Paper';
-import { getCardUtilityClass } from './cardClasses';
+import { styled } from "../zero-styled/index.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import Paper from "../Paper/index.js";
+import { getCardUtilityClass } from "./cardClasses.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/Card/index.js

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

package/modern/CardActionArea/CardActionArea.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 cardActionAreaClasses, { getCardActionAreaUtilityClass } from './cardActionAreaClasses';
-import ButtonBase from '../ButtonBase';
+import { styled } from "../zero-styled/index.js";
+import memoTheme from "../utils/memoTheme.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import cardActionAreaClasses, { getCardActionAreaUtilityClass } from "./cardActionAreaClasses.js";
+import ButtonBase from "../ButtonBase/index.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/CardActionArea/index.js

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

package/modern/CardActions/CardActions.js

@@ -4,9 +4,9 @@ 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 { getCardActionsUtilityClass } from './cardActionsClasses';
+import { styled } from "../zero-styled/index.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import { getCardActionsUtilityClass } from "./cardActionsClasses.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/CardActions/index.js

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

package/modern/CardContent/CardContent.js

@@ -4,9 +4,9 @@ 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 { getCardContentUtilityClass } from './cardContentClasses';
+import { styled } from "../zero-styled/index.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import { getCardContentUtilityClass } from "./cardContentClasses.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/CardContent/index.js

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

package/modern/CardHeader/CardHeader.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 Typography, { typographyClasses } from '../Typography';
-import { styled } from '../zero-styled';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import cardHeaderClasses, { getCardHeaderUtilityClass } from './cardHeaderClasses';
+import Typography, { typographyClasses } from "../Typography/index.js";
+import { styled } from "../zero-styled/index.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import cardHeaderClasses, { getCardHeaderUtilityClass } from "./cardHeaderClasses.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/CardHeader/index.js

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

package/modern/CardMedia/CardMedia.js

@@ -5,9 +5,9 @@ import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import chainPropTypes from '@mui/utils/chainPropTypes';
 import composeClasses from '@mui/utils/composeClasses';
-import { styled } from '../zero-styled';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import { getCardMediaUtilityClass } from './cardMediaClasses';
+import { styled } from "../zero-styled/index.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import { getCardMediaUtilityClass } from "./cardMediaClasses.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/CardMedia/index.js

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

package/modern/Checkbox/Checkbox.js

@@ -6,16 +6,16 @@ import clsx from 'clsx';
 import refType from '@mui/utils/refType';
 import composeClasses from '@mui/utils/composeClasses';
 import { alpha } from '@mui/system/colorManipulator';
-import SwitchBase from '../internal/SwitchBase';
-import CheckBoxOutlineBlankIcon from '../internal/svg-icons/CheckBoxOutlineBlank';
-import CheckBoxIcon from '../internal/svg-icons/CheckBox';
-import IndeterminateCheckBoxIcon from '../internal/svg-icons/IndeterminateCheckBox';
-import capitalize from '../utils/capitalize';
-import rootShouldForwardProp from '../styles/rootShouldForwardProp';
-import checkboxClasses, { getCheckboxUtilityClass } from './checkboxClasses';
-import { styled } from '../zero-styled';
-import memoTheme from '../utils/memoTheme';
-import { useDefaultProps } from '../DefaultPropsProvider';
+import SwitchBase from "../internal/SwitchBase.js";
+import CheckBoxOutlineBlankIcon from "../internal/svg-icons/CheckBoxOutlineBlank.js";
+import CheckBoxIcon from "../internal/svg-icons/CheckBox.js";
+import IndeterminateCheckBoxIcon from "../internal/svg-icons/IndeterminateCheckBox.js";
+import capitalize from "../utils/capitalize.js";
+import rootShouldForwardProp from "../styles/rootShouldForwardProp.js";
+import checkboxClasses, { getCheckboxUtilityClass } from "./checkboxClasses.js";
+import { styled } from "../zero-styled/index.js";
+import memoTheme from "../utils/memoTheme.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/Checkbox/index.js

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

package/modern/Chip/Chip.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 CancelIcon from '../internal/svg-icons/Cancel';
-import useForkRef from '../utils/useForkRef';
-import unsupportedProp from '../utils/unsupportedProp';
-import capitalize from '../utils/capitalize';
-import ButtonBase from '../ButtonBase';
-import { styled } from '../zero-styled';
-import memoTheme from '../utils/memoTheme';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import chipClasses, { getChipUtilityClass } from './chipClasses';
+import CancelIcon from "../internal/svg-icons/Cancel.js";
+import useForkRef from "../utils/useForkRef.js";
+import unsupportedProp from "../utils/unsupportedProp.js";
+import capitalize from "../utils/capitalize.js";
+import ButtonBase from "../ButtonBase/index.js";
+import { styled } from "../zero-styled/index.js";
+import memoTheme from "../utils/memoTheme.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import chipClasses, { getChipUtilityClass } from "./chipClasses.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/Chip/index.js

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

package/modern/CircularProgress/CircularProgress.js

@@ -5,11 +5,11 @@ import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import chainPropTypes from '@mui/utils/chainPropTypes';
 import composeClasses from '@mui/utils/composeClasses';
-import { keyframes, css, styled } from '../zero-styled';
-import memoTheme from '../utils/memoTheme';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import capitalize from '../utils/capitalize';
-import { getCircularProgressUtilityClass } from './circularProgressClasses';
+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 { getCircularProgressUtilityClass } from "./circularProgressClasses.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const SIZE = 44;
 const circularRotateKeyframe = keyframes`

package/modern/CircularProgress/index.js

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

package/modern/ClickAwayListener/ClickAwayListener.js

@@ -19,12 +19,12 @@ function clickedRootScrollbar(event, doc) {
  *
  * Demos:
  *
- * - [Click-Away Listener](https://next.mui.com/material-ui/react-click-away-listener/)
- * - [Menu](https://next.mui.com/material-ui/react-menu/)
+ * - [Click-Away Listener](https://mui.com/material-ui/react-click-away-listener/)
+ * - [Menu](https://mui.com/material-ui/react-menu/)
  *
  * API:
  *
- * - [ClickAwayListener API](https://next.mui.com/material-ui/api/click-away-listener/)
+ * - [ClickAwayListener API](https://mui.com/material-ui/api/click-away-listener/)
  */
 function ClickAwayListener(props) {
   const {

package/modern/ClickAwayListener/index.js

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

package/modern/Collapse/Collapse.js

@@ -7,13 +7,13 @@ import { Transition } from 'react-transition-group';
 import useTimeout from '@mui/utils/useTimeout';
 import elementTypeAcceptingRef from '@mui/utils/elementTypeAcceptingRef';
 import composeClasses from '@mui/utils/composeClasses';
-import { styled, useTheme } from '../zero-styled';
-import memoTheme from '../utils/memoTheme';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import { duration } from '../styles/createTransitions';
-import { getTransitionProps } from '../transitions/utils';
-import { useForkRef } from '../utils';
-import { getCollapseUtilityClass } from './collapseClasses';
+import { styled, useTheme } from "../zero-styled/index.js";
+import memoTheme from "../utils/memoTheme.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import { duration } from "../styles/createTransitions.js";
+import { getTransitionProps } from "../transitions/utils.js";
+import { useForkRef } from "../utils/index.js";
+import { getCollapseUtilityClass } from "./collapseClasses.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {