@mui/material 6.0.0-rc.0 → 6.0.1

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 {
@@ -446,7 +446,7 @@ process.env.NODE_ENV !== "production" ? SpeedDial.propTypes /* remove-proptypes
    */
   direction: PropTypes.oneOf(['down', 'left', 'right', 'up']),
   /**
-   * Props applied to the [`Fab`](/material-ui/api/fab/) element.
+   * Props applied to the [`Fab`](https://mui.com/material-ui/api/fab/) element.
    * @default {}
    */
   FabProps: PropTypes.object,
@@ -522,7 +522,7 @@ process.env.NODE_ENV !== "production" ? SpeedDial.propTypes /* remove-proptypes
   sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
   /**
    * The component used for the transition.
-   * [Follow this guide](/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
+   * [Follow this guide](https://mui.com/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
    * @default Zoom
    */
   TransitionComponent: PropTypes.elementType,

package/modern/SpeedDial/index.js

@@ -1,5 +1,3 @@
-'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 {
@@ -230,7 +230,7 @@ process.env.NODE_ENV !== "production" ? SpeedDialAction.propTypes /* remove-prop
    */
   delay: PropTypes.number,
   /**
-   * Props applied to the [`Fab`](/material-ui/api/fab/) component.
+   * Props applied to the [`Fab`](https://mui.com/material-ui/api/fab/) component.
    * @default {}
    */
   FabProps: PropTypes.object,
@@ -252,7 +252,7 @@ process.env.NODE_ENV !== "production" ? SpeedDialAction.propTypes /* remove-prop
    */
   sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
   /**
-   * `classes` prop applied to the [`Tooltip`](/material-ui/api/tooltip/) element.
+   * `classes` prop applied to the [`Tooltip`](https://mui.com/material-ui/api/tooltip/) element.
    */
   TooltipClasses: PropTypes.object,
   /**

package/modern/SpeedDialAction/index.js

@@ -1,5 +1,3 @@
-'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,3 @@
-'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,2 @@
-'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,5 @@
-'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,3 @@
-'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,3 @@
-'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 {
@@ -130,7 +130,7 @@ process.env.NODE_ENV !== "production" ? StepContent.propTypes /* remove-proptype
   sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
   /**
    * The component used for the transition.
-   * [Follow this guide](/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
+   * [Follow this guide](https://mui.com/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
    * @default Collapse
    */
   TransitionComponent: PropTypes.elementType,

package/modern/StepContent/index.js

@@ -1,5 +1,3 @@
-'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,3 @@
-'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 {
@@ -218,7 +218,7 @@ process.env.NODE_ENV !== "production" ? StepLabel.propTypes /* remove-proptypes
   /**
    * The props used for each slot inside.
    * @default {}
-   * @deprecated use the `slotProps` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   * @deprecated use the `slotProps` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
   componentsProps: PropTypes.shape({
     label: PropTypes.object
@@ -253,11 +253,11 @@ process.env.NODE_ENV !== "production" ? StepLabel.propTypes /* remove-proptypes
     stepIcon: PropTypes.elementType
   }),
   /**
-   * The component to render in place of the [`StepIcon`](/material-ui/api/step-icon/).
+   * The component to render in place of the [`StepIcon`](https://mui.com/material-ui/api/step-icon/).
    */
   StepIconComponent: PropTypes.elementType,
   /**
-   * Props applied to the [`StepIcon`](/material-ui/api/step-icon/) element.
+   * Props applied to the [`StepIcon`](https://mui.com/material-ui/api/step-icon/) element.
    */
   StepIconProps: PropTypes.object,
   /**

package/modern/StepLabel/index.js

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