@mui/material 6.0.0-rc.0 → 6.0.1

package/modern/FormControl/FormControl.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 { useDefaultProps } from '../DefaultPropsProvider';
-import { isFilled, isAdornedStart } from '../InputBase/utils';
-import capitalize from '../utils/capitalize';
-import isMuiElement from '../utils/isMuiElement';
-import FormControlContext from './FormControlContext';
-import { getFormControlUtilityClasses } from './formControlClasses';
+import { styled } from "../zero-styled/index.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import { isFilled, isAdornedStart } from "../InputBase/utils.js";
+import capitalize from "../utils/capitalize.js";
+import isMuiElement from "../utils/isMuiElement.js";
+import FormControlContext from "./FormControlContext.js";
+import { getFormControlUtilityClasses } from "./formControlClasses.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/FormControl/index.js

@@ -1,6 +1,4 @@
-'use client';
-
-export { default } from './FormControl';
-export { default as useFormControl } from './useFormControl';
-export { default as formControlClasses } from './formControlClasses';
-export * from './formControlClasses';
+export { default } from "./FormControl.js";
+export { default as useFormControl } from "./useFormControl.js";
+export { default as formControlClasses } from "./formControlClasses.js";
+export * from "./formControlClasses.js";

package/modern/FormControl/useFormControl.js

@@ -1,7 +1,7 @@
 'use client';
 
 import * as React from 'react';
-import FormControlContext from './FormControlContext';
+import FormControlContext from "./FormControlContext.js";
 export default function useFormControl() {
   return React.useContext(FormControlContext);
 }

package/modern/FormControlLabel/FormControlLabel.js

@@ -5,15 +5,15 @@ import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import refType from '@mui/utils/refType';
 import composeClasses from '@mui/utils/composeClasses';
-import { useFormControl } from '../FormControl';
-import { styled } from '../zero-styled';
-import memoTheme from '../utils/memoTheme';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import Typography from '../Typography';
-import capitalize from '../utils/capitalize';
-import formControlLabelClasses, { getFormControlLabelUtilityClasses } from './formControlLabelClasses';
-import formControlState from '../FormControl/formControlState';
-import useSlot from '../utils/useSlot';
+import { useFormControl } from "../FormControl/index.js";
+import { styled } from "../zero-styled/index.js";
+import memoTheme from "../utils/memoTheme.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import Typography from "../Typography/index.js";
+import capitalize from "../utils/capitalize.js";
+import formControlLabelClasses, { getFormControlLabelUtilityClasses } from "./formControlLabelClasses.js";
+import formControlState from "../FormControl/formControlState.js";
+import useSlot from "../utils/useSlot.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {
@@ -212,7 +212,7 @@ process.env.NODE_ENV !== "production" ? FormControlLabel.propTypes /* remove-pro
   /**
    * 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({
     typography: PropTypes.object

package/modern/FormControlLabel/index.js

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

package/modern/FormGroup/FormGroup.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 { useDefaultProps } from '../DefaultPropsProvider';
-import { getFormGroupUtilityClass } from './formGroupClasses';
-import useFormControl from '../FormControl/useFormControl';
-import formControlState from '../FormControl/formControlState';
+import { styled } from "../zero-styled/index.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import { getFormGroupUtilityClass } from "./formGroupClasses.js";
+import useFormControl from "../FormControl/useFormControl.js";
+import formControlState from "../FormControl/formControlState.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/FormGroup/index.js

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

package/modern/FormHelperText/FormHelperText.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 formControlState from '../FormControl/formControlState';
-import useFormControl from '../FormControl/useFormControl';
-import { styled } from '../zero-styled';
-import memoTheme from '../utils/memoTheme';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import capitalize from '../utils/capitalize';
-import formHelperTextClasses, { getFormHelperTextUtilityClasses } from './formHelperTextClasses';
+import formControlState from "../FormControl/formControlState.js";
+import useFormControl from "../FormControl/useFormControl.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 formHelperTextClasses, { getFormHelperTextUtilityClasses } from "./formHelperTextClasses.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/FormHelperText/index.js

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

package/modern/FormLabel/FormLabel.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 formControlState from '../FormControl/formControlState';
-import useFormControl from '../FormControl/useFormControl';
-import capitalize from '../utils/capitalize';
-import { styled } from '../zero-styled';
-import memoTheme from '../utils/memoTheme';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import formLabelClasses, { getFormLabelUtilityClasses } from './formLabelClasses';
+import formControlState from "../FormControl/formControlState.js";
+import useFormControl from "../FormControl/useFormControl.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 formLabelClasses, { getFormLabelUtilityClasses } from "./formLabelClasses.js";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/FormLabel/index.js

@@ -1,6 +1,4 @@
-'use client';
-
-export { default } from './FormLabel';
-export * from './FormLabel';
-export { default as formLabelClasses } from './formLabelClasses';
-export * from './formLabelClasses';
+export { default } from "./FormLabel.js";
+export * from "./FormLabel.js";
+export { default as formLabelClasses } from "./formLabelClasses.js";
+export * from "./formLabelClasses.js";

package/modern/GlobalStyles/GlobalStyles.js

@@ -3,8 +3,8 @@
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { GlobalStyles as SystemGlobalStyles } from '@mui/system';
-import defaultTheme from '../styles/defaultTheme';
-import THEME_ID from '../styles/identifier';
+import defaultTheme from "../styles/defaultTheme.js";
+import THEME_ID from "../styles/identifier.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 function GlobalStyles(props) {
   return /*#__PURE__*/_jsx(SystemGlobalStyles, {

package/modern/GlobalStyles/index.js

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

package/modern/Grid/Grid.js

@@ -16,12 +16,12 @@ import clsx from 'clsx';
 import { handleBreakpoints, unstable_resolveBreakpointValues as resolveBreakpointValues } from '@mui/system';
 import { extendSxProp } from '@mui/system/styleFunctionSx';
 import composeClasses from '@mui/utils/composeClasses';
-import requirePropFactory from '../utils/requirePropFactory';
-import styled from '../styles/styled';
-import useThemeProps from '../styles/useThemeProps';
-import useTheme from '../styles/useTheme';
-import GridContext from './GridContext';
-import gridClasses, { getGridUtilityClass } from './gridClasses';
+import requirePropFactory from "../utils/requirePropFactory.js";
+import styled from "../styles/styled.js";
+import useThemeProps from "../styles/useThemeProps.js";
+import useTheme from "../styles/useTheme.js";
+import GridContext from "./GridContext.js";
+import gridClasses, { getGridUtilityClass } from "./gridClasses.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export function generateGrid({
   theme,
@@ -364,7 +364,7 @@ const useUtilityClasses = ownerState => {
 };
 
 /**
- * @deprecated Use the [`Grid2`](https://next.mui.com/material-ui/react-grid2/) component instead.
+ * @deprecated Use the [`Grid2`](https://mui.com/material-ui/react-grid2/) component instead.
  */
 const Grid = /*#__PURE__*/React.forwardRef(function Grid(inProps, ref) {
   const themeProps = useThemeProps({
@@ -530,7 +530,7 @@ process.env.NODE_ENV !== "production" ? Grid.propTypes /* remove-proptypes */ =
    * Defines the `flex-wrap` style property.
    * It's applied for all screen sizes.
    * @default 'wrap'
-   * @deprecated Use `flexWrap` 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 `flexWrap` 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.
    */
   wrap: PropTypes.oneOf(['nowrap', 'wrap-reverse', 'wrap']),
   /**

package/modern/Grid/index.js

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

package/modern/Grid2/Grid2.js

@@ -2,16 +2,16 @@
 
 import PropTypes from 'prop-types';
 import { createGrid as createGrid2 } from '@mui/system/Grid';
-import { styled, useThemeProps } from '../styles';
+import { styled, useThemeProps } from "../styles/index.js";
 /**
  *
  * Demos:
  *
- * - [Grid version 2](https://next.mui.com/material-ui/react-grid2/)
+ * - [Grid version 2](https://mui.com/material-ui/react-grid2/)
  *
  * API:
  *
- * - [Grid2 API](https://next.mui.com/material-ui/api/grid-2/)
+ * - [Grid2 API](https://mui.com/material-ui/api/grid-2/)
  */
 const Grid2 = createGrid2({
   createStyledComponent: styled('div', {

package/modern/Grid2/index.js

@@ -1,6 +1,4 @@
-'use client';
-
-export { default } from './Grid2';
-export * from './Grid2';
-export { default as grid2Classes } from './grid2Classes';
-export * from './grid2Classes';
+export { default } from "./Grid2.js";
+export * from "./Grid2.js";
+export { default as grid2Classes } from "./grid2Classes.js";
+export * from "./grid2Classes.js";

package/modern/Grow/Grow.js

@@ -6,9 +6,9 @@ import useTimeout from '@mui/utils/useTimeout';
 import elementAcceptingRef from '@mui/utils/elementAcceptingRef';
 import getReactNodeRef from '@mui/utils/getReactNodeRef';
 import { Transition } from 'react-transition-group';
-import { useTheme } from '../zero-styled';
-import { getTransitionProps, reflow } from '../transitions/utils';
-import useForkRef from '../utils/useForkRef';
+import { useTheme } from "../zero-styled/index.js";
+import { getTransitionProps, reflow } from "../transitions/utils.js";
+import useForkRef from "../utils/useForkRef.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 function getScale(value) {
   return `scale(${value}, ${value ** 2})`;

package/modern/Grow/index.js

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

package/modern/Hidden/Hidden.js

@@ -2,13 +2,13 @@
 
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import HiddenJs from './HiddenJs';
-import HiddenCss from './HiddenCss';
+import HiddenJs from "./HiddenJs.js";
+import HiddenCss from "./HiddenCss.js";
 
 /**
  * Responsively hides children based on the selected implementation.
  *
- * @deprecated The Hidden component was deprecated in Material UI v5. To learn more, see [the Hidden section](/material-ui/migration/v5-component-changes/#hidden) of the migration docs.
+ * @deprecated The Hidden component was deprecated in Material UI v5. To learn more, see [the Hidden section](https://mui.com/material-ui/migration/v5-component-changes/#hidden) of the migration docs.
  */
 import { jsx as _jsx } from "react/jsx-runtime";
 function Hidden(props) {

package/modern/Hidden/HiddenCss.js

@@ -4,10 +4,10 @@ import * as React from 'react';
 import clsx from 'clsx';
 import PropTypes from 'prop-types';
 import composeClasses from '@mui/utils/composeClasses';
-import capitalize from '../utils/capitalize';
-import styled from '../styles/styled';
-import useTheme from '../styles/useTheme';
-import { getHiddenCssUtilityClass } from './hiddenCssClasses';
+import capitalize from "../utils/capitalize.js";
+import styled from "../styles/styled.js";
+import useTheme from "../styles/useTheme.js";
+import { getHiddenCssUtilityClass } from "./hiddenCssClasses.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/Hidden/HiddenJs.js

@@ -3,8 +3,8 @@
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import exactProp from '@mui/utils/exactProp';
-import withWidth, { isWidthDown, isWidthUp } from './withWidth';
-import useTheme from '../styles/useTheme';
+import withWidth, { isWidthDown, isWidthUp } from "./withWidth.js";
+import useTheme from "../styles/useTheme.js";
 
 /**
  * @ignore - internal component.

package/modern/Hidden/index.js

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

package/modern/Hidden/withWidth.js

@@ -2,9 +2,9 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import getDisplayName from '@mui/utils/getDisplayName';
 import { getThemeProps } from '@mui/system/useThemeProps';
-import useTheme from '../styles/useTheme';
-import useEnhancedEffect from '../utils/useEnhancedEffect';
-import useMediaQuery from '../useMediaQuery';
+import useTheme from "../styles/useTheme.js";
+import useEnhancedEffect from "../utils/useEnhancedEffect.js";
+import useMediaQuery from "../useMediaQuery/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const breakpointKeys = ['xs', 'sm', 'md', 'lg', 'xl'];
 

package/modern/Icon/Icon.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 { getIconUtilityClass } from './iconClasses';
+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 { getIconUtilityClass } from "./iconClasses.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/Icon/index.js

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

package/modern/IconButton/IconButton.js

@@ -6,12 +6,12 @@ import clsx from 'clsx';
 import chainPropTypes from '@mui/utils/chainPropTypes';
 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 ButtonBase from '../ButtonBase';
-import capitalize from '../utils/capitalize';
-import iconButtonClasses, { getIconButtonUtilityClass } from './iconButtonClasses';
+import { styled } from "../zero-styled/index.js";
+import memoTheme from "../utils/memoTheme.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import ButtonBase from "../ButtonBase/index.js";
+import capitalize from "../utils/capitalize.js";
+import iconButtonClasses, { getIconButtonUtilityClass } from "./iconButtonClasses.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/IconButton/index.js

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

package/modern/ImageList/ImageList.js

@@ -5,10 +5,10 @@ import integerPropType from '@mui/utils/integerPropType';
 import clsx from 'clsx';
 import PropTypes from 'prop-types';
 import * as React from 'react';
-import { styled } from '../zero-styled';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import { getImageListUtilityClass } from './imageListClasses';
-import ImageListContext from './ImageListContext';
+import { styled } from "../zero-styled/index.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import { getImageListUtilityClass } from "./imageListClasses.js";
+import ImageListContext from "./ImageListContext.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/ImageList/index.js

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

package/modern/ImageListItem/ImageListItem.js

@@ -6,11 +6,11 @@ import clsx from 'clsx';
 import PropTypes from 'prop-types';
 import * as React from 'react';
 import { isFragment } from 'react-is';
-import ImageListContext from '../ImageList/ImageListContext';
-import { styled } from '../zero-styled';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import isMuiElement from '../utils/isMuiElement';
-import imageListItemClasses, { getImageListItemUtilityClass } from './imageListItemClasses';
+import ImageListContext from "../ImageList/ImageListContext.js";
+import { styled } from "../zero-styled/index.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import isMuiElement from "../utils/isMuiElement.js";
+import imageListItemClasses, { getImageListItemUtilityClass } from "./imageListItemClasses.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/ImageListItem/index.js

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

package/modern/ImageListItemBar/ImageListItemBar.js

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

package/modern/ImageListItemBar/index.js

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

package/modern/InitColorSchemeScript/index.js

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

package/modern/Input/Input.js

@@ -5,13 +5,13 @@ import PropTypes from 'prop-types';
 import composeClasses from '@mui/utils/composeClasses';
 import deepmerge from '@mui/utils/deepmerge';
 import refType from '@mui/utils/refType';
-import InputBase from '../InputBase';
-import rootShouldForwardProp from '../styles/rootShouldForwardProp';
-import { styled } from '../zero-styled';
-import memoTheme from '../utils/memoTheme';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import inputClasses, { getInputUtilityClass } from './inputClasses';
-import { rootOverridesResolver as inputBaseRootOverridesResolver, inputOverridesResolver as inputBaseInputOverridesResolver, InputBaseRoot, InputBaseInput } from '../InputBase/InputBase';
+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 inputClasses, { getInputUtilityClass } from "./inputClasses.js";
+import { rootOverridesResolver as inputBaseRootOverridesResolver, inputOverridesResolver as inputBaseInputOverridesResolver, InputBaseRoot, InputBaseInput } from "../InputBase/InputBase.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {
@@ -200,7 +200,7 @@ process.env.NODE_ENV !== "production" ? Input.propTypes /* remove-proptypes */ =
   /**
    * 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 {}
    */
@@ -212,7 +212,7 @@ process.env.NODE_ENV !== "production" ? Input.propTypes /* remove-proptypes */ =
    * 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 {}
    */
@@ -282,7 +282,7 @@ process.env.NODE_ENV !== "production" ? Input.propTypes /* remove-proptypes */ =
    */
   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/Input/index.js

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

package/modern/Input/inputClasses.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 getInputUtilityClass(slot) {
   return generateUtilityClass('MuiInput', slot);
 }