@mui/material 6.0.0-rc.0 → 6.0.0

package/modern/TableCell/TableCell.js

@@ -5,13 +5,13 @@ import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import composeClasses from '@mui/utils/composeClasses';
 import { darken, alpha, lighten } from '@mui/system/colorManipulator';
-import capitalize from '../utils/capitalize';
-import TableContext from '../Table/TableContext';
-import Tablelvl2Context from '../Table/Tablelvl2Context';
-import { styled } from '../zero-styled';
-import memoTheme from '../utils/memoTheme';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import tableCellClasses, { getTableCellUtilityClass } from './tableCellClasses';
+import capitalize from "../utils/capitalize.js";
+import TableContext from "../Table/TableContext.js";
+import Tablelvl2Context from "../Table/Tablelvl2Context.js";
+import { styled } from "../zero-styled/index.js";
+import memoTheme from "../utils/memoTheme.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import tableCellClasses, { getTableCellUtilityClass } from "./tableCellClasses.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/TableCell/index.js

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

package/modern/TableContainer/TableContainer.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 { getTableContainerUtilityClass } from './tableContainerClasses';
+import { styled } from "../zero-styled/index.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import { getTableContainerUtilityClass } from "./tableContainerClasses.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/TableContainer/index.js

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

package/modern/TableFooter/TableFooter.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 Tablelvl2Context from '../Table/Tablelvl2Context';
-import { styled } from '../zero-styled';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import { getTableFooterUtilityClass } from './tableFooterClasses';
+import Tablelvl2Context from "../Table/Tablelvl2Context.js";
+import { styled } from "../zero-styled/index.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import { getTableFooterUtilityClass } from "./tableFooterClasses.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/TableFooter/index.js

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

package/modern/TableHead/TableHead.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 Tablelvl2Context from '../Table/Tablelvl2Context';
-import { styled } from '../zero-styled';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import { getTableHeadUtilityClass } from './tableHeadClasses';
+import Tablelvl2Context from "../Table/Tablelvl2Context.js";
+import { styled } from "../zero-styled/index.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import { getTableHeadUtilityClass } from "./tableHeadClasses.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/TableHead/index.js

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

package/modern/TablePagination/TablePagination.js

@@ -7,18 +7,18 @@ import clsx from 'clsx';
 import integerPropType from '@mui/utils/integerPropType';
 import chainPropTypes from '@mui/utils/chainPropTypes';
 import composeClasses from '@mui/utils/composeClasses';
-import isHostComponent from '../utils/isHostComponent';
-import { styled } from '../zero-styled';
-import memoTheme from '../utils/memoTheme';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import InputBase from '../InputBase';
-import MenuItem from '../MenuItem';
-import Select from '../Select';
-import TableCell from '../TableCell';
-import Toolbar from '../Toolbar';
-import TablePaginationActions from './TablePaginationActions';
-import useId from '../utils/useId';
-import tablePaginationClasses, { getTablePaginationUtilityClass } from './tablePaginationClasses';
+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 InputBase from "../InputBase/index.js";
+import MenuItem from "../MenuItem/index.js";
+import Select from "../Select/index.js";
+import TableCell from "../TableCell/index.js";
+import Toolbar from "../Toolbar/index.js";
+import TablePaginationActions from "./TablePaginationActions.js";
+import useId from "../utils/useId.js";
+import tablePaginationClasses, { getTablePaginationUtilityClass } from "./tablePaginationClasses.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { createElement as _createElement } from "react";
 const TablePaginationRoot = styled(TableCell, {

package/modern/TablePagination/TablePaginationActions.js

@@ -3,11 +3,11 @@
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { useRtl } from '@mui/system/RtlProvider';
-import KeyboardArrowLeft from '../internal/svg-icons/KeyboardArrowLeft';
-import KeyboardArrowRight from '../internal/svg-icons/KeyboardArrowRight';
-import IconButton from '../IconButton';
-import LastPageIconDefault from '../internal/svg-icons/LastPage';
-import FirstPageIconDefault from '../internal/svg-icons/FirstPage';
+import KeyboardArrowLeft from "../internal/svg-icons/KeyboardArrowLeft.js";
+import KeyboardArrowRight from "../internal/svg-icons/KeyboardArrowRight.js";
+import IconButton from "../IconButton/index.js";
+import LastPageIconDefault from "../internal/svg-icons/LastPage.js";
+import FirstPageIconDefault from "../internal/svg-icons/FirstPage.js";
 
 /**
  * @ignore - internal component.

package/modern/TablePagination/index.js

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

package/modern/TableRow/TableRow.js

@@ -5,11 +5,11 @@ import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import composeClasses from '@mui/utils/composeClasses';
 import { alpha } from '@mui/system/colorManipulator';
-import Tablelvl2Context from '../Table/Tablelvl2Context';
-import { styled } from '../zero-styled';
-import memoTheme from '../utils/memoTheme';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import tableRowClasses, { getTableRowUtilityClass } from './tableRowClasses';
+import Tablelvl2Context from "../Table/Tablelvl2Context.js";
+import { styled } from "../zero-styled/index.js";
+import memoTheme from "../utils/memoTheme.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import tableRowClasses, { getTableRowUtilityClass } from "./tableRowClasses.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/TableRow/index.js

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

package/modern/TableSortLabel/TableSortLabel.js

@@ -4,13 +4,13 @@ import composeClasses from '@mui/utils/composeClasses';
 import clsx from 'clsx';
 import PropTypes from 'prop-types';
 import * as React from 'react';
-import ButtonBase from '../ButtonBase';
-import ArrowDownwardIcon from '../internal/svg-icons/ArrowDownward';
-import { styled } from '../zero-styled';
-import memoTheme from '../utils/memoTheme';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import capitalize from '../utils/capitalize';
-import tableSortLabelClasses, { getTableSortLabelUtilityClass } from './tableSortLabelClasses';
+import ButtonBase from "../ButtonBase/index.js";
+import ArrowDownwardIcon from "../internal/svg-icons/ArrowDownward.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 tableSortLabelClasses, { getTableSortLabelUtilityClass } from "./tableSortLabelClasses.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/TableSortLabel/index.js

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

package/modern/Tabs/ScrollbarSize.js

@@ -2,8 +2,8 @@
 
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import debounce from '../utils/debounce';
-import { ownerWindow, unstable_useEnhancedEffect as useEnhancedEffect } from '../utils';
+import debounce from "../utils/debounce.js";
+import { ownerWindow, unstable_useEnhancedEffect as useEnhancedEffect } from "../utils/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const styles = {
   width: 99,

package/modern/Tabs/Tabs.js

@@ -8,17 +8,17 @@ import refType from '@mui/utils/refType';
 import composeClasses from '@mui/utils/composeClasses';
 import { useRtl } from '@mui/system/RtlProvider';
 import useSlotProps from '@mui/utils/useSlotProps';
-import { styled, useTheme } from '../zero-styled';
-import memoTheme from '../utils/memoTheme';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import debounce from '../utils/debounce';
-import animate from '../internal/animate';
-import ScrollbarSize from './ScrollbarSize';
-import TabScrollButton from '../TabScrollButton';
-import useEventCallback from '../utils/useEventCallback';
-import tabsClasses, { getTabsUtilityClass } from './tabsClasses';
-import ownerDocument from '../utils/ownerDocument';
-import ownerWindow from '../utils/ownerWindow';
+import { styled, useTheme } from "../zero-styled/index.js";
+import memoTheme from "../utils/memoTheme.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import debounce from "../utils/debounce.js";
+import animate from "../internal/animate.js";
+import ScrollbarSize from "./ScrollbarSize.js";
+import TabScrollButton from "../TabScrollButton/index.js";
+import useEventCallback from "../utils/useEventCallback.js";
+import tabsClasses, { getTabsUtilityClass } from "./tabsClasses.js";
+import ownerDocument from "../utils/ownerDocument.js";
+import ownerWindow from "../utils/ownerWindow.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const nextItem = (list, item) => {
   if (list === item) {

package/modern/Tabs/index.js

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

package/modern/TextField/TextField.js

@@ -6,17 +6,17 @@ import clsx from 'clsx';
 import composeClasses from '@mui/utils/composeClasses';
 import useId from '@mui/utils/useId';
 import refType from '@mui/utils/refType';
-import { styled } from '../zero-styled';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import Input from '../Input';
-import FilledInput from '../FilledInput';
-import OutlinedInput from '../OutlinedInput';
-import InputLabel from '../InputLabel';
-import FormControl from '../FormControl';
-import FormHelperText from '../FormHelperText';
-import Select from '../Select';
-import { getTextFieldUtilityClass } from './textFieldClasses';
-import useSlot from '../utils/useSlot';
+import { styled } from "../zero-styled/index.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import Input from "../Input/index.js";
+import FilledInput from "../FilledInput/index.js";
+import OutlinedInput from "../OutlinedInput/index.js";
+import InputLabel from "../InputLabel/index.js";
+import FormControl from "../FormControl/index.js";
+import FormHelperText from "../FormHelperText/index.js";
+import Select from "../Select/index.js";
+import { getTextFieldUtilityClass } from "./textFieldClasses.js";
+import useSlot from "../utils/useSlot.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const variantComponent = {
   standard: Input,

package/modern/TextField/index.js

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

package/modern/TextareaAutosize/TextareaAutosize.js

@@ -30,11 +30,11 @@ function isEmpty(obj) {
  *
  * Demos:
  *
- * - [Textarea Autosize](https://next.mui.com/material-ui/react-textarea-autosize/)
+ * - [Textarea Autosize](https://mui.com/material-ui/react-textarea-autosize/)
  *
  * API:
  *
- * - [TextareaAutosize API](https://next.mui.com/material-ui/api/textarea-autosize/)
+ * - [TextareaAutosize API](https://mui.com/material-ui/api/textarea-autosize/)
  */
 const TextareaAutosize = /*#__PURE__*/React.forwardRef(function TextareaAutosize(props, forwardedRef) {
   const {

package/modern/TextareaAutosize/index.js

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

package/modern/ToggleButton/ToggleButton.js

@@ -7,15 +7,15 @@ import clsx from 'clsx';
 import resolveProps from '@mui/utils/resolveProps';
 import composeClasses from '@mui/utils/composeClasses';
 import { alpha } from '@mui/system/colorManipulator';
-import ButtonBase from '../ButtonBase';
-import capitalize from '../utils/capitalize';
-import { styled } from '../zero-styled';
-import memoTheme from '../utils/memoTheme';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import toggleButtonClasses, { getToggleButtonUtilityClass } from './toggleButtonClasses';
-import ToggleButtonGroupContext from '../ToggleButtonGroup/ToggleButtonGroupContext';
-import ToggleButtonGroupButtonContext from '../ToggleButtonGroup/ToggleButtonGroupButtonContext';
-import isValueSelected from '../ToggleButtonGroup/isValueSelected';
+import ButtonBase from "../ButtonBase/index.js";
+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 toggleButtonClasses, { getToggleButtonUtilityClass } from "./toggleButtonClasses.js";
+import ToggleButtonGroupContext from "../ToggleButtonGroup/ToggleButtonGroupContext.js";
+import ToggleButtonGroupButtonContext from "../ToggleButtonGroup/ToggleButtonGroupButtonContext.js";
+import isValueSelected from "../ToggleButtonGroup/isValueSelected.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/ToggleButton/index.js

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

package/modern/ToggleButtonGroup/ToggleButtonGroup.js

@@ -6,14 +6,14 @@ import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import composeClasses from '@mui/utils/composeClasses';
 import getValidReactChildren from '@mui/utils/getValidReactChildren';
-import { styled } from '../zero-styled';
-import memoTheme from '../utils/memoTheme';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import capitalize from '../utils/capitalize';
-import toggleButtonGroupClasses, { getToggleButtonGroupUtilityClass } from './toggleButtonGroupClasses';
-import ToggleButtonGroupContext from './ToggleButtonGroupContext';
-import ToggleButtonGroupButtonContext from './ToggleButtonGroupButtonContext';
-import toggleButtonClasses from '../ToggleButton/toggleButtonClasses';
+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 toggleButtonGroupClasses, { getToggleButtonGroupUtilityClass } from "./toggleButtonGroupClasses.js";
+import ToggleButtonGroupContext from "./ToggleButtonGroupContext.js";
+import ToggleButtonGroupButtonContext from "./ToggleButtonGroupButtonContext.js";
+import toggleButtonClasses from "../ToggleButton/toggleButtonClasses.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/ToggleButtonGroup/index.js

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

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

package/modern/Toolbar/index.js

@@ -1,3 +1,3 @@
-export { default } from './Toolbar';
-export { default as toolbarClasses } from './toolbarClasses';
-export * from './toolbarClasses';
+export { default } from "./Toolbar.js";
+export { default as toolbarClasses } from "./toolbarClasses.js";
+export * from "./toolbarClasses.js";

package/modern/Tooltip/Tooltip.js

@@ -11,17 +11,17 @@ import { useRtl } from '@mui/system/RtlProvider';
 import isFocusVisible from '@mui/utils/isFocusVisible';
 import appendOwnerState from '@mui/utils/appendOwnerState';
 import getReactNodeRef from '@mui/utils/getReactNodeRef';
-import { styled, useTheme } from '../zero-styled';
-import memoTheme from '../utils/memoTheme';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import capitalize from '../utils/capitalize';
-import Grow from '../Grow';
-import Popper from '../Popper';
-import useEventCallback from '../utils/useEventCallback';
-import useForkRef from '../utils/useForkRef';
-import useId from '../utils/useId';
-import useControlled from '../utils/useControlled';
-import tooltipClasses, { getTooltipUtilityClass } from './tooltipClasses';
+import { styled, useTheme } from "../zero-styled/index.js";
+import memoTheme from "../utils/memoTheme.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import capitalize from "../utils/capitalize.js";
+import Grow from "../Grow/index.js";
+import Popper from "../Popper/index.js";
+import useEventCallback from "../utils/useEventCallback.js";
+import useForkRef from "../utils/useForkRef.js";
+import useId from "../utils/useId.js";
+import useControlled from "../utils/useControlled.js";
+import tooltipClasses, { getTooltipUtilityClass } from "./tooltipClasses.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function round(value) {
   return Math.round(value * 1e5) / 1e5;

package/modern/Tooltip/index.js

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

package/modern/Typography/Typography.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, internal_createExtendSxProp } from '../zero-styled';
-import memoTheme from '../utils/memoTheme';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import capitalize from '../utils/capitalize';
-import { getTypographyUtilityClass } from './typographyClasses';
+import { styled, internal_createExtendSxProp } from "../zero-styled/index.js";
+import memoTheme from "../utils/memoTheme.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import capitalize from "../utils/capitalize.js";
+import { getTypographyUtilityClass } from "./typographyClasses.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const v6Colors = {
   primary: true,

package/modern/Typography/index.js

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

package/modern/Unstable_TrapFocus/index.js

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

package/modern/Zoom/Zoom.js

@@ -5,9 +5,9 @@ import PropTypes from 'prop-types';
 import { Transition } from 'react-transition-group';
 import elementAcceptingRef from '@mui/utils/elementAcceptingRef';
 import getReactNodeRef from '@mui/utils/getReactNodeRef';
-import { useTheme } from '../zero-styled';
-import { reflow, getTransitionProps } from '../transitions/utils';
-import useForkRef from '../utils/useForkRef';
+import { useTheme } from "../zero-styled/index.js";
+import { reflow, getTransitionProps } from "../transitions/utils.js";
+import useForkRef from "../utils/useForkRef.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const styles = {
   entering: {

package/modern/Zoom/index.js

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

package/modern/colors/index.js

@@ -1,20 +1,20 @@
-export { default as common } from './common';
-export { default as red } from './red';
-export { default as pink } from './pink';
-export { default as purple } from './purple';
-export { default as deepPurple } from './deepPurple';
-export { default as indigo } from './indigo';
-export { default as blue } from './blue';
-export { default as lightBlue } from './lightBlue';
-export { default as cyan } from './cyan';
-export { default as teal } from './teal';
-export { default as green } from './green';
-export { default as lightGreen } from './lightGreen';
-export { default as lime } from './lime';
-export { default as yellow } from './yellow';
-export { default as amber } from './amber';
-export { default as orange } from './orange';
-export { default as deepOrange } from './deepOrange';
-export { default as brown } from './brown';
-export { default as grey } from './grey';
-export { default as blueGrey } from './blueGrey';
+export { default as common } from "./common.js";
+export { default as red } from "./red.js";
+export { default as pink } from "./pink.js";
+export { default as purple } from "./purple.js";
+export { default as deepPurple } from "./deepPurple.js";
+export { default as indigo } from "./indigo.js";
+export { default as blue } from "./blue.js";
+export { default as lightBlue } from "./lightBlue.js";
+export { default as cyan } from "./cyan.js";
+export { default as teal } from "./teal.js";
+export { default as green } from "./green.js";
+export { default as lightGreen } from "./lightGreen.js";
+export { default as lime } from "./lime.js";
+export { default as yellow } from "./yellow.js";
+export { default as amber } from "./amber.js";
+export { default as orange } from "./orange.js";
+export { default as deepOrange } from "./deepOrange.js";
+export { default as brown } from "./brown.js";
+export { default as grey } from "./grey.js";
+export { default as blueGrey } from "./blueGrey.js";