@mui/material 6.0.0-rc.0 → 6.0.1

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

package/modern/Collapse/index.js

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

package/modern/Container/Container.js

@@ -2,9 +2,9 @@
 
 import PropTypes from 'prop-types';
 import { createContainer } from '@mui/system';
-import capitalize from '../utils/capitalize';
-import styled from '../styles/styled';
-import useThemeProps from '../styles/useThemeProps';
+import capitalize from "../utils/capitalize.js";
+import styled from "../styles/styled.js";
+import useThemeProps from "../styles/useThemeProps.js";
 const Container = createContainer({
   createStyledComponent: styled('div', {
     name: 'MuiContainer',

package/modern/Container/index.js

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

package/modern/CssBaseline/CssBaseline.js

@@ -2,8 +2,8 @@
 
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import { globalCss } from '../zero-styled';
-import { useDefaultProps } from '../DefaultPropsProvider';
+import { globalCss } from "../zero-styled/index.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
 
 // to determine if the global styles are static or dynamic
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";

package/modern/CssBaseline/index.js

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

package/modern/DefaultPropsProvider/index.js

@@ -1 +1 @@
-export { default, useDefaultProps } from './DefaultPropsProvider';
+export { default, useDefaultProps } from "./DefaultPropsProvider.js";

package/modern/Dialog/Dialog.js

@@ -5,16 +5,16 @@ import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import composeClasses from '@mui/utils/composeClasses';
 import useId from '@mui/utils/useId';
-import capitalize from '../utils/capitalize';
-import Modal from '../Modal';
-import Fade from '../Fade';
-import Paper from '../Paper';
-import dialogClasses, { getDialogUtilityClass } from './dialogClasses';
-import DialogContext from './DialogContext';
-import Backdrop from '../Backdrop';
-import { styled, useTheme } from '../zero-styled';
-import memoTheme from '../utils/memoTheme';
-import { useDefaultProps } from '../DefaultPropsProvider';
+import capitalize from "../utils/capitalize.js";
+import Modal from "../Modal/index.js";
+import Fade from "../Fade/index.js";
+import Paper from "../Paper/index.js";
+import dialogClasses, { getDialogUtilityClass } from "./dialogClasses.js";
+import DialogContext from "./DialogContext.js";
+import Backdrop from "../Backdrop/index.js";
+import { styled, useTheme } 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 DialogBackdrop = styled(Backdrop, {
   name: 'MuiDialog',
@@ -401,7 +401,7 @@ process.env.NODE_ENV !== "production" ? Dialog.propTypes /* remove-proptypes */
    */
   PaperComponent: PropTypes.elementType,
   /**
-   * Props applied to the [`Paper`](/material-ui/api/paper/) element.
+   * Props applied to the [`Paper`](https://mui.com/material-ui/api/paper/) element.
    * @default {}
    */
   PaperProps: PropTypes.object,
@@ -416,7 +416,7 @@ process.env.NODE_ENV !== "production" ? Dialog.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 Fade
    */
   TransitionComponent: PropTypes.elementType,

package/modern/Dialog/index.js

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

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

package/modern/DialogActions/index.js

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

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

package/modern/DialogContent/index.js

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

package/modern/DialogContentText/DialogContentText.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 rootShouldForwardProp from '../styles/rootShouldForwardProp';
-import { styled } from '../zero-styled';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import Typography from '../Typography';
-import { getDialogContentTextUtilityClass } from './dialogContentTextClasses';
+import rootShouldForwardProp from "../styles/rootShouldForwardProp.js";
+import { styled } from "../zero-styled/index.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import Typography from "../Typography/index.js";
+import { getDialogContentTextUtilityClass } from "./dialogContentTextClasses.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/DialogContentText/index.js

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

package/modern/DialogTitle/DialogTitle.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 Typography from '../Typography';
-import { styled } from '../zero-styled';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import { getDialogTitleUtilityClass } from './dialogTitleClasses';
-import DialogContext from '../Dialog/DialogContext';
+import Typography from "../Typography/index.js";
+import { styled } from "../zero-styled/index.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import { getDialogTitleUtilityClass } from "./dialogTitleClasses.js";
+import DialogContext from "../Dialog/DialogContext.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/DialogTitle/index.js

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

package/modern/Divider/Divider.js

@@ -5,10 +5,10 @@ import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import composeClasses from '@mui/utils/composeClasses';
 import { alpha } from '@mui/system/colorManipulator';
-import { styled } from '../zero-styled';
-import memoTheme from '../utils/memoTheme';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import { getDividerUtilityClass } from './dividerClasses';
+import { styled } from "../zero-styled/index.js";
+import memoTheme from "../utils/memoTheme.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import { getDividerUtilityClass } from "./dividerClasses.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {
@@ -284,7 +284,7 @@ process.env.NODE_ENV !== "production" ? Divider.propTypes /* remove-proptypes */
   /**
    * If `true`, the divider will have a lighter color.
    * @default false
-   * @deprecated Use <Divider sx={{ opacity: 0.6 }} /> (or any opacity or color) instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   * @deprecated Use <Divider sx={{ opacity: 0.6 }} /> (or any opacity or color) instead. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
   light: PropTypes.bool,
   /**

package/modern/Divider/index.js

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

package/modern/Drawer/Drawer.js

@@ -6,15 +6,15 @@ import clsx from 'clsx';
 import integerPropType from '@mui/utils/integerPropType';
 import composeClasses from '@mui/utils/composeClasses';
 import { useRtl } from '@mui/system/RtlProvider';
-import Modal from '../Modal';
-import Slide from '../Slide';
-import Paper from '../Paper';
-import capitalize from '../utils/capitalize';
-import rootShouldForwardProp from '../styles/rootShouldForwardProp';
-import { styled, useTheme } from '../zero-styled';
-import memoTheme from '../utils/memoTheme';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import { getDrawerUtilityClass } from './drawerClasses';
+import Modal from "../Modal/index.js";
+import Slide from "../Slide/index.js";
+import Paper from "../Paper/index.js";
+import capitalize from "../utils/capitalize.js";
+import rootShouldForwardProp from "../styles/rootShouldForwardProp.js";
+import { styled, useTheme } from "../zero-styled/index.js";
+import memoTheme from "../utils/memoTheme.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import { getDrawerUtilityClass } from "./drawerClasses.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const overridesResolver = (props, styles) => {
   const {
@@ -310,7 +310,7 @@ process.env.NODE_ENV !== "production" ? Drawer.propTypes /* remove-proptypes */
    */
   hideBackdrop: PropTypes.bool,
   /**
-   * Props applied to the [`Modal`](/material-ui/api/modal/) element.
+   * Props applied to the [`Modal`](https://mui.com/material-ui/api/modal/) element.
    * @default {}
    */
   ModalProps: PropTypes.object,
@@ -328,12 +328,12 @@ process.env.NODE_ENV !== "production" ? Drawer.propTypes /* remove-proptypes */
    */
   open: PropTypes.bool,
   /**
-   * Props applied to the [`Paper`](/material-ui/api/paper/) element.
+   * Props applied to the [`Paper`](https://mui.com/material-ui/api/paper/) element.
    * @default {}
    */
   PaperProps: PropTypes.object,
   /**
-   * Props applied to the [`Slide`](/material-ui/api/slide/) element.
+   * Props applied to the [`Slide`](https://mui.com/material-ui/api/slide/) element.
    */
   SlideProps: PropTypes.object,
   /**

package/modern/Drawer/index.js

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

package/modern/Fab/Fab.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 fabClasses, { getFabUtilityClass } from './fabClasses';
-import rootShouldForwardProp from '../styles/rootShouldForwardProp';
-import { styled } from '../zero-styled';
-import memoTheme from '../utils/memoTheme';
-import { useDefaultProps } from '../DefaultPropsProvider';
+import ButtonBase from "../ButtonBase/index.js";
+import capitalize from "../utils/capitalize.js";
+import fabClasses, { getFabUtilityClass } from "./fabClasses.js";
+import rootShouldForwardProp from "../styles/rootShouldForwardProp.js";
+import { styled } from "../zero-styled/index.js";
+import memoTheme from "../utils/memoTheme.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/Fab/index.js

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

package/modern/Fade/Fade.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/Fade/index.js

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

package/modern/FilledInput/FilledInput.js

@@ -5,14 +5,14 @@ import deepmerge from '@mui/utils/deepmerge';
 import refType from '@mui/utils/refType';
 import PropTypes from 'prop-types';
 import composeClasses from '@mui/utils/composeClasses';
-import InputBase from '../InputBase';
-import rootShouldForwardProp from '../styles/rootShouldForwardProp';
-import { styled } from '../zero-styled';
-import memoTheme from '../utils/memoTheme';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import filledInputClasses, { getFilledInputUtilityClass } from './filledInputClasses';
-import { rootOverridesResolver as inputBaseRootOverridesResolver, inputOverridesResolver as inputBaseInputOverridesResolver, InputBaseRoot, InputBaseInput } from '../InputBase/InputBase';
-import { capitalize } from '../utils';
+import InputBase from "../InputBase/index.js";
+import rootShouldForwardProp from "../styles/rootShouldForwardProp.js";
+import { styled } from "../zero-styled/index.js";
+import memoTheme from "../utils/memoTheme.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import filledInputClasses, { getFilledInputUtilityClass } from "./filledInputClasses.js";
+import { rootOverridesResolver as inputBaseRootOverridesResolver, inputOverridesResolver as inputBaseInputOverridesResolver, InputBaseRoot, InputBaseInput } from "../InputBase/InputBase.js";
+import { capitalize } from "../utils/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {
@@ -348,7 +348,7 @@ process.env.NODE_ENV !== "production" ? FilledInput.propTypes /* remove-proptype
   /**
    * The components used for each slot inside.
    *
-   * @deprecated use the `slots` 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 `slots` 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.
    *
    * @default {}
    */
@@ -360,7 +360,7 @@ process.env.NODE_ENV !== "production" ? FilledInput.propTypes /* remove-proptype
    * The extra props for the slot components.
    * You can override the existing props or add new ones.
    *
-   * @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.
    *
    * @default {}
    */
@@ -437,7 +437,7 @@ process.env.NODE_ENV !== "production" ? FilledInput.propTypes /* remove-proptype
    */
   minRows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
   /**
-   * If `true`, a [TextareaAutosize](/material-ui/react-textarea-autosize/) element is rendered.
+   * If `true`, a [TextareaAutosize](https://mui.com/material-ui/react-textarea-autosize/) element is rendered.
    * @default false
    */
   multiline: PropTypes.bool,

package/modern/FilledInput/filledInputClasses.js

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

package/modern/FilledInput/index.js

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