@mui/material 6.0.0-rc.0 → 6.0.0

package/modern/SnackbarContent/index.js

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

package/modern/SpeedDial/SpeedDial.js

@@ -7,17 +7,17 @@ import clsx from 'clsx';
 import composeClasses from '@mui/utils/composeClasses';
 import useTimeout from '@mui/utils/useTimeout';
 import clamp from '@mui/utils/clamp';
-import { styled, useTheme } from '../zero-styled';
-import memoTheme from '../utils/memoTheme';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import Zoom from '../Zoom';
-import Fab from '../Fab';
-import capitalize from '../utils/capitalize';
-import isMuiElement from '../utils/isMuiElement';
-import useForkRef from '../utils/useForkRef';
-import useControlled from '../utils/useControlled';
-import speedDialClasses, { getSpeedDialUtilityClass } from './speedDialClasses';
-import useSlot from '../utils/useSlot';
+import { styled, useTheme } from "../zero-styled/index.js";
+import memoTheme from "../utils/memoTheme.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import Zoom from "../Zoom/index.js";
+import Fab from "../Fab/index.js";
+import capitalize from "../utils/capitalize.js";
+import isMuiElement from "../utils/isMuiElement.js";
+import useForkRef from "../utils/useForkRef.js";
+import useControlled from "../utils/useControlled.js";
+import speedDialClasses, { getSpeedDialUtilityClass } from "./speedDialClasses.js";
+import useSlot from "../utils/useSlot.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/SpeedDial/index.js

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

package/modern/SpeedDialAction/SpeedDialAction.js

@@ -6,13 +6,13 @@ import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import composeClasses from '@mui/utils/composeClasses';
 import { emphasize } from '@mui/system/colorManipulator';
-import { styled } from '../zero-styled';
-import memoTheme from '../utils/memoTheme';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import Fab from '../Fab';
-import Tooltip from '../Tooltip';
-import capitalize from '../utils/capitalize';
-import speedDialActionClasses, { getSpeedDialActionUtilityClass } from './speedDialActionClasses';
+import { styled } from "../zero-styled/index.js";
+import memoTheme from "../utils/memoTheme.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import Fab from "../Fab/index.js";
+import Tooltip from "../Tooltip/index.js";
+import capitalize from "../utils/capitalize.js";
+import speedDialActionClasses, { getSpeedDialActionUtilityClass } from "./speedDialActionClasses.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/SpeedDialAction/index.js

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

package/modern/SpeedDialIcon/SpeedDialIcon.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 AddIcon from '../internal/svg-icons/Add';
-import speedDialIconClasses, { getSpeedDialIconUtilityClass } from './speedDialIconClasses';
+import { styled } from "../zero-styled/index.js";
+import memoTheme from "../utils/memoTheme.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import AddIcon from "../internal/svg-icons/Add.js";
+import speedDialIconClasses, { getSpeedDialIconUtilityClass } from "./speedDialIconClasses.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/SpeedDialIcon/index.js

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

package/modern/Stack/Stack.js

@@ -2,8 +2,8 @@
 
 import PropTypes from 'prop-types';
 import { createStack } from '@mui/system';
-import styled from '../styles/styled';
-import useThemeProps from '../styles/useThemeProps';
+import styled from "../styles/styled.js";
+import useThemeProps from "../styles/useThemeProps.js";
 const Stack = createStack({
   createStyledComponent: styled('div', {
     name: 'MuiStack',

package/modern/Stack/index.js

@@ -1,4 +1,4 @@
 'use client';
 
-export { default } from './Stack';
-export { default as stackClasses } from './stackClasses';
+export { default } from "./Stack.js";
+export { default as stackClasses } from "./stackClasses.js";

package/modern/Step/Step.js

@@ -5,11 +5,11 @@ import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import integerPropType from '@mui/utils/integerPropType';
 import composeClasses from '@mui/utils/composeClasses';
-import StepperContext from '../Stepper/StepperContext';
-import StepContext from './StepContext';
-import { styled } from '../zero-styled';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import { getStepUtilityClass } from './stepClasses';
+import StepperContext from "../Stepper/StepperContext.js";
+import StepContext from "./StepContext.js";
+import { styled } from "../zero-styled/index.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import { getStepUtilityClass } from "./stepClasses.js";
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/Step/index.js

@@ -1,7 +1,7 @@
 'use client';
 
-export { default } from './Step';
-export { default as stepClasses } from './stepClasses';
-export * from './stepClasses';
-export { default as StepContext } from './StepContext';
-export * from './StepContext';
+export { default } from "./Step.js";
+export { default as stepClasses } from "./stepClasses.js";
+export * from "./stepClasses.js";
+export { default as StepContext } from "./StepContext.js";
+export * from "./StepContext.js";

package/modern/StepButton/StepButton.js

@@ -4,14 +4,14 @@ 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 ButtonBase from '../ButtonBase';
-import StepLabel from '../StepLabel';
-import isMuiElement from '../utils/isMuiElement';
-import StepperContext from '../Stepper/StepperContext';
-import StepContext from '../Step/StepContext';
-import stepButtonClasses, { getStepButtonUtilityClass } from './stepButtonClasses';
+import { styled } from "../zero-styled/index.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import ButtonBase from "../ButtonBase/index.js";
+import StepLabel from "../StepLabel/index.js";
+import isMuiElement from "../utils/isMuiElement.js";
+import StepperContext from "../Stepper/StepperContext.js";
+import StepContext from "../Step/StepContext.js";
+import stepButtonClasses, { getStepButtonUtilityClass } from "./stepButtonClasses.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/StepButton/index.js

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

package/modern/StepConnector/StepConnector.js

@@ -4,13 +4,13 @@ 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 StepperContext from '../Stepper/StepperContext';
-import StepContext from '../Step/StepContext';
-import { getStepConnectorUtilityClass } from './stepConnectorClasses';
+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 StepperContext from "../Stepper/StepperContext.js";
+import StepContext from "../Step/StepContext.js";
+import { getStepConnectorUtilityClass } from "./stepConnectorClasses.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/StepConnector/index.js

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

package/modern/StepContent/StepContent.js

@@ -4,13 +4,13 @@ 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 Collapse from '../Collapse';
-import StepperContext from '../Stepper/StepperContext';
-import StepContext from '../Step/StepContext';
-import { getStepContentUtilityClass } from './stepContentClasses';
+import { styled } from "../zero-styled/index.js";
+import memoTheme from "../utils/memoTheme.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import Collapse from "../Collapse/index.js";
+import StepperContext from "../Stepper/StepperContext.js";
+import StepContext from "../Step/StepContext.js";
+import { getStepContentUtilityClass } from "./stepContentClasses.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/StepContent/index.js

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

package/modern/StepIcon/StepIcon.js

@@ -5,13 +5,13 @@ 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 CheckCircle from '../internal/svg-icons/CheckCircle';
-import Warning from '../internal/svg-icons/Warning';
-import SvgIcon from '../SvgIcon';
-import stepIconClasses, { getStepIconUtilityClass } from './stepIconClasses';
+import { styled } from "../zero-styled/index.js";
+import memoTheme from "../utils/memoTheme.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import CheckCircle from "../internal/svg-icons/CheckCircle.js";
+import Warning from "../internal/svg-icons/Warning.js";
+import SvgIcon from "../SvgIcon/index.js";
+import stepIconClasses, { getStepIconUtilityClass } from "./stepIconClasses.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/StepIcon/index.js

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

package/modern/StepLabel/StepLabel.js

@@ -4,14 +4,14 @@ import composeClasses from '@mui/utils/composeClasses';
 import clsx from 'clsx';
 import PropTypes from 'prop-types';
 import * as React from 'react';
-import StepContext from '../Step/StepContext';
-import StepIcon from '../StepIcon';
-import StepperContext from '../Stepper/StepperContext';
-import { styled } from '../zero-styled';
-import memoTheme from '../utils/memoTheme';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import stepLabelClasses, { getStepLabelUtilityClass } from './stepLabelClasses';
-import useSlot from '../utils/useSlot';
+import StepContext from "../Step/StepContext.js";
+import StepIcon from "../StepIcon/index.js";
+import StepperContext from "../Stepper/StepperContext.js";
+import { styled } from "../zero-styled/index.js";
+import memoTheme from "../utils/memoTheme.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import stepLabelClasses, { getStepLabelUtilityClass } from "./stepLabelClasses.js";
+import useSlot from "../utils/useSlot.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/StepLabel/index.js

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

package/modern/Stepper/Stepper.js

@@ -5,11 +5,11 @@ import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import integerPropType from '@mui/utils/integerPropType';
 import composeClasses from '@mui/utils/composeClasses';
-import { styled } from '../zero-styled';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import { getStepperUtilityClass } from './stepperClasses';
-import StepConnector from '../StepConnector';
-import StepperContext from './StepperContext';
+import { styled } from "../zero-styled/index.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import { getStepperUtilityClass } from "./stepperClasses.js";
+import StepConnector from "../StepConnector/index.js";
+import StepperContext from "./StepperContext.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/Stepper/index.js

@@ -1,7 +1,7 @@
 'use client';
 
-export { default } from './Stepper';
-export { default as stepperClasses } from './stepperClasses';
-export * from './stepperClasses';
-export { default as StepperContext } from './StepperContext';
-export * from './StepperContext';
+export { default } from "./Stepper.js";
+export { default as stepperClasses } from "./stepperClasses.js";
+export * from "./stepperClasses.js";
+export { default as StepperContext } from "./StepperContext.js";
+export * from "./StepperContext.js";

package/modern/SvgIcon/SvgIcon.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 { getSvgIconUtilityClass } from './svgIconClasses';
+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 { getSvgIconUtilityClass } from "./svgIconClasses.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/SvgIcon/index.js

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

package/modern/SwipeableDrawer/SwipeArea.js

@@ -3,11 +3,11 @@
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
-import { styled } from '../zero-styled';
-import memoTheme from '../utils/memoTheme';
-import rootShouldForwardProp from '../styles/rootShouldForwardProp';
-import capitalize from '../utils/capitalize';
-import { isHorizontal } from '../Drawer/Drawer';
+import { styled } from "../zero-styled/index.js";
+import memoTheme from "../utils/memoTheme.js";
+import rootShouldForwardProp from "../styles/rootShouldForwardProp.js";
+import capitalize from "../utils/capitalize.js";
+import { isHorizontal } from "../Drawer/Drawer.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const SwipeAreaRoot = styled('div', {
   shouldForwardProp: rootShouldForwardProp

package/modern/SwipeableDrawer/SwipeableDrawer.js

@@ -4,17 +4,17 @@ import * as React from 'react';
 import * as ReactDOM from 'react-dom';
 import PropTypes from 'prop-types';
 import elementTypeAcceptingRef from '@mui/utils/elementTypeAcceptingRef';
-import NoSsr from '../NoSsr';
-import Drawer, { getAnchor, isHorizontal } from '../Drawer/Drawer';
-import useForkRef from '../utils/useForkRef';
-import ownerDocument from '../utils/ownerDocument';
-import ownerWindow from '../utils/ownerWindow';
-import useEventCallback from '../utils/useEventCallback';
-import useEnhancedEffect from '../utils/useEnhancedEffect';
-import { useTheme } from '../zero-styled';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import { getTransitionProps } from '../transitions/utils';
-import SwipeArea from './SwipeArea';
+import NoSsr from "../NoSsr/index.js";
+import Drawer, { getAnchor, isHorizontal } from "../Drawer/Drawer.js";
+import useForkRef from "../utils/useForkRef.js";
+import ownerDocument from "../utils/ownerDocument.js";
+import ownerWindow from "../utils/ownerWindow.js";
+import useEventCallback from "../utils/useEventCallback.js";
+import useEnhancedEffect from "../utils/useEnhancedEffect.js";
+import { useTheme } from "../zero-styled/index.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import { getTransitionProps } from "../transitions/utils.js";
+import SwipeArea from "./SwipeArea.js";
 
 // This value is closed to what browsers are using internally to
 // trigger a native scroll.

package/modern/SwipeableDrawer/index.js

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

package/modern/Switch/Switch.js

@@ -7,12 +7,12 @@ import clsx from 'clsx';
 import refType from '@mui/utils/refType';
 import composeClasses from '@mui/utils/composeClasses';
 import { alpha, darken, lighten } from '@mui/system/colorManipulator';
-import capitalize from '../utils/capitalize';
-import SwitchBase from '../internal/SwitchBase';
-import { styled } from '../zero-styled';
-import memoTheme from '../utils/memoTheme';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import switchClasses, { getSwitchUtilityClass } from './switchClasses';
+import capitalize from "../utils/capitalize.js";
+import SwitchBase from "../internal/SwitchBase.js";
+import { styled } from "../zero-styled/index.js";
+import memoTheme from "../utils/memoTheme.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import switchClasses, { getSwitchUtilityClass } from "./switchClasses.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/Switch/index.js

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

package/modern/Tab/Tab.js

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

package/modern/Tab/index.js

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

package/modern/TabScrollButton/TabScrollButton.js

@@ -7,12 +7,12 @@ import clsx from 'clsx';
 import composeClasses from '@mui/utils/composeClasses';
 import { useRtl } from '@mui/system/RtlProvider';
 import useSlotProps from '@mui/utils/useSlotProps';
-import KeyboardArrowLeft from '../internal/svg-icons/KeyboardArrowLeft';
-import KeyboardArrowRight from '../internal/svg-icons/KeyboardArrowRight';
-import ButtonBase from '../ButtonBase';
-import { styled } from '../zero-styled';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import tabScrollButtonClasses, { getTabScrollButtonUtilityClass } from './tabScrollButtonClasses';
+import KeyboardArrowLeft from "../internal/svg-icons/KeyboardArrowLeft.js";
+import KeyboardArrowRight from "../internal/svg-icons/KeyboardArrowRight.js";
+import ButtonBase from "../ButtonBase/index.js";
+import { styled } from "../zero-styled/index.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import tabScrollButtonClasses, { getTabScrollButtonUtilityClass } from "./tabScrollButtonClasses.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/TabScrollButton/index.js

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

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

package/modern/Table/index.js

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

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

package/modern/TableBody/index.js

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