@mui/material 6.0.0-rc.0 → 6.0.1

package/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/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/Fade/Fade.d.ts

@@ -11,7 +11,7 @@ export interface FadeProps extends Omit<TransitionProps, 'children'> {
   /**
    * A single child content element.
    */
-  children: React.ReactElement<any, any>;
+  children: React.ReactElement<unknown, any>;
   /**
    * The transition timing function.
    * You may specify a single easing or a object containing enter and exit values.
@@ -34,16 +34,16 @@ export interface FadeProps extends Omit<TransitionProps, 'children'> {
 }
 
 /**
- * The Fade transition is used by the [Modal](https://next.mui.com/material-ui/react-modal/) component.
+ * The Fade transition is used by the [Modal](https://mui.com/material-ui/react-modal/) component.
  * It uses [react-transition-group](https://github.com/reactjs/react-transition-group) internally.
  *
  * Demos:
  *
- * - [Transitions](https://next.mui.com/material-ui/transitions/)
+ * - [Transitions](https://mui.com/material-ui/transitions/)
  *
  * API:
  *
- * - [Fade API](https://next.mui.com/material-ui/api/fade/)
+ * - [Fade API](https://mui.com/material-ui/api/fade/)
  * - inherits [Transition API](https://reactcommunity.org/react-transition-group/transition/#Transition-props)
  */
 export default function Fade(props: FadeProps): React.JSX.Element;

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

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

package/FilledInput/FilledInput.d.ts

@@ -30,12 +30,12 @@ export interface FilledInputProps extends StandardProps<InputBaseProps> {
  *
  * Demos:
  *
- * - [Text Field](https://next.mui.com/material-ui/react-text-field/)
+ * - [Text Field](https://mui.com/material-ui/react-text-field/)
  *
  * API:
  *
- * - [FilledInput API](https://next.mui.com/material-ui/api/filled-input/)
- * - inherits [InputBase API](https://next.mui.com/material-ui/api/input-base/)
+ * - [FilledInput API](https://mui.com/material-ui/api/filled-input/)
+ * - inherits [InputBase API](https://mui.com/material-ui/api/input-base/)
  */
 declare const FilledInput: ((props: FilledInputProps) => React.JSX.Element) & { muiName: string };
 

package/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/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/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";

package/FormControl/FormControl.d.ts

@@ -98,7 +98,7 @@ export interface FormControlTypeMap<
  * *   Input
  * *   InputLabel
  *
- * You can find one composition example below and more going to [the demos](https://next.mui.com/material-ui/react-text-field/#components).
+ * You can find one composition example below and more going to [the demos](https://mui.com/material-ui/react-text-field/#components).
  *
  * ```jsx
  * <FormControl>
@@ -113,14 +113,14 @@ export interface FormControlTypeMap<
  *
  * Demos:
  *
- * - [Checkbox](https://next.mui.com/material-ui/react-checkbox/)
- * - [Radio Group](https://next.mui.com/material-ui/react-radio-button/)
- * - [Switch](https://next.mui.com/material-ui/react-switch/)
- * - [Text Field](https://next.mui.com/material-ui/react-text-field/)
+ * - [Checkbox](https://mui.com/material-ui/react-checkbox/)
+ * - [Radio Group](https://mui.com/material-ui/react-radio-button/)
+ * - [Switch](https://mui.com/material-ui/react-switch/)
+ * - [Text Field](https://mui.com/material-ui/react-text-field/)
  *
  * API:
  *
- * - [FormControl API](https://next.mui.com/material-ui/api/form-control/)
+ * - [FormControl API](https://mui.com/material-ui/api/form-control/)
  */
 declare const FormControl: OverridableComponent<FormControlTypeMap>;
 

package/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/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/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/FormControlLabel/FormControlLabel.d.ts

@@ -35,7 +35,7 @@ export interface FormControlLabelProps
   /**
    * 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?: {
     /**
@@ -48,7 +48,7 @@ export interface FormControlLabelProps
   /**
    * A control element. For instance, it can be a `Radio`, a `Switch` or a `Checkbox`.
    */
-  control: React.ReactElement<any, any>;
+  control: React.ReactElement<unknown, any>;
   /**
    * If `true`, the control is disabled.
    */
@@ -98,12 +98,12 @@ export interface FormControlLabelProps
  *
  * Demos:
  *
- * - [Checkbox](https://next.mui.com/material-ui/react-checkbox/)
- * - [Radio Group](https://next.mui.com/material-ui/react-radio-button/)
- * - [Switch](https://next.mui.com/material-ui/react-switch/)
+ * - [Checkbox](https://mui.com/material-ui/react-checkbox/)
+ * - [Radio Group](https://mui.com/material-ui/react-radio-button/)
+ * - [Switch](https://mui.com/material-ui/react-switch/)
  *
  * API:
  *
- * - [FormControlLabel API](https://next.mui.com/material-ui/api/form-control-label/)
+ * - [FormControlLabel API](https://mui.com/material-ui/api/form-control-label/)
  */
 export default function FormControlLabel(props: FormControlLabelProps): React.JSX.Element;

package/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/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/FormGroup/FormGroup.d.ts

@@ -30,11 +30,11 @@ export interface FormGroupProps extends StandardProps<React.HTMLAttributes<HTMLD
  *
  * Demos:
  *
- * - [Checkbox](https://next.mui.com/material-ui/react-checkbox/)
- * - [Switch](https://next.mui.com/material-ui/react-switch/)
+ * - [Checkbox](https://mui.com/material-ui/react-checkbox/)
+ * - [Switch](https://mui.com/material-ui/react-switch/)
  *
  * API:
  *
- * - [FormGroup API](https://next.mui.com/material-ui/api/form-group/)
+ * - [FormGroup API](https://mui.com/material-ui/api/form-group/)
  */
 export default function FormGroup(props: FormGroupProps): React.JSX.Element;

package/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/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/FormHelperText/FormHelperText.d.ts

@@ -67,11 +67,11 @@ export interface FormHelperTextTypeMap<
  *
  * Demos:
  *
- * - [Text Field](https://next.mui.com/material-ui/react-text-field/)
+ * - [Text Field](https://mui.com/material-ui/react-text-field/)
  *
  * API:
  *
- * - [FormHelperText API](https://next.mui.com/material-ui/api/form-helper-text/)
+ * - [FormHelperText API](https://mui.com/material-ui/api/form-helper-text/)
  */
 declare const FormHelperText: OverridableComponent<FormHelperTextTypeMap>;
 

package/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/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/FormLabel/FormLabel.d.ts

@@ -68,13 +68,13 @@ export interface FormLabelTypeMap<
  *
  * Demos:
  *
- * - [Checkbox](https://next.mui.com/material-ui/react-checkbox/)
- * - [Radio Group](https://next.mui.com/material-ui/react-radio-button/)
- * - [Switch](https://next.mui.com/material-ui/react-switch/)
+ * - [Checkbox](https://mui.com/material-ui/react-checkbox/)
+ * - [Radio Group](https://mui.com/material-ui/react-radio-button/)
+ * - [Switch](https://mui.com/material-ui/react-switch/)
  *
  * API:
  *
- * - [FormLabel API](https://next.mui.com/material-ui/api/form-label/)
+ * - [FormLabel API](https://mui.com/material-ui/api/form-label/)
  */
 declare const FormLabel: OverridableComponent<FormLabelTypeMap>;
 

package/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/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/GlobalStyles/GlobalStyles.d.ts

@@ -12,10 +12,10 @@ export interface GlobalStylesProps {
  *
  * Demos:
  *
- * - [How to customize](https://next.mui.com/material-ui/customization/how-to-customize/)
+ * - [How to customize](https://mui.com/material-ui/customization/how-to-customize/)
  *
  * API:
  *
- * - [GlobalStyles API](https://next.mui.com/material-ui/api/global-styles/)
+ * - [GlobalStyles API](https://mui.com/material-ui/api/global-styles/)
  */
 export default function GlobalStyles(props: GlobalStylesProps): React.ReactElement<unknown>;

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

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

package/Grid/Grid.d.ts

@@ -139,7 +139,7 @@ export interface GridOwnProps extends SystemProps<Theme>, Breakpoints {
    * 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?: GridWrap;
   /**
@@ -162,13 +162,13 @@ export interface GridTypeMap<
  *
  * Demos:
  *
- * - [Grid](https://next.mui.com/material-ui/react-grid/)
+ * - [Grid](https://mui.com/material-ui/react-grid/)
  *
  * API:
  *
- * - [Grid API](https://next.mui.com/material-ui/api/grid/)
+ * - [Grid API](https://mui.com/material-ui/api/grid/)
  *
- * @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.
  */
 declare const Grid: OverridableComponent<GridTypeMap>;
 

package/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/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/Grid2/Grid2.d.ts

@@ -99,11 +99,11 @@ export type Grid2Props<D extends React.ElementType = Grid2TypeMap['defaultCompon
  *
  * 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/)
  */
 declare const Grid2: OverridableComponent<Grid2TypeMap>;
 export default Grid2;

package/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', {