@mui/material 6.0.0-rc.0 → 6.0.1

package/modern/Table/Table.js

@@ -4,11 +4,11 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import composeClasses from '@mui/utils/composeClasses';
-import TableContext from './TableContext';
-import { styled } from '../zero-styled';
-import memoTheme from '../utils/memoTheme';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import { getTableUtilityClass } from './tableClasses';
+import TableContext from "./TableContext.js";
+import { styled } from "../zero-styled/index.js";
+import memoTheme from "../utils/memoTheme.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import { getTableUtilityClass } from "./tableClasses.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/Table/index.js

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

package/modern/TableBody/TableBody.js

@@ -4,10 +4,10 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import composeClasses from '@mui/utils/composeClasses';
-import Tablelvl2Context from '../Table/Tablelvl2Context';
-import { styled } from '../zero-styled';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import { getTableBodyUtilityClass } from './tableBodyClasses';
+import Tablelvl2Context from "../Table/Tablelvl2Context.js";
+import { styled } from "../zero-styled/index.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import { getTableBodyUtilityClass } from "./tableBodyClasses.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/TableBody/index.js

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

package/modern/TableCell/TableCell.js

@@ -5,13 +5,13 @@ import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import composeClasses from '@mui/utils/composeClasses';
 import { darken, alpha, lighten } from '@mui/system/colorManipulator';
-import capitalize from '../utils/capitalize';
-import TableContext from '../Table/TableContext';
-import Tablelvl2Context from '../Table/Tablelvl2Context';
-import { styled } from '../zero-styled';
-import memoTheme from '../utils/memoTheme';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import tableCellClasses, { getTableCellUtilityClass } from './tableCellClasses';
+import capitalize from "../utils/capitalize.js";
+import TableContext from "../Table/TableContext.js";
+import Tablelvl2Context from "../Table/Tablelvl2Context.js";
+import { styled } from "../zero-styled/index.js";
+import memoTheme from "../utils/memoTheme.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import tableCellClasses, { getTableCellUtilityClass } from "./tableCellClasses.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/TableCell/index.js

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

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

package/modern/TableContainer/index.js

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

package/modern/TableFooter/TableFooter.js

@@ -4,10 +4,10 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import composeClasses from '@mui/utils/composeClasses';
-import Tablelvl2Context from '../Table/Tablelvl2Context';
-import { styled } from '../zero-styled';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import { getTableFooterUtilityClass } from './tableFooterClasses';
+import Tablelvl2Context from "../Table/Tablelvl2Context.js";
+import { styled } from "../zero-styled/index.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import { getTableFooterUtilityClass } from "./tableFooterClasses.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/TableFooter/index.js

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

package/modern/TableHead/TableHead.js

@@ -4,10 +4,10 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import composeClasses from '@mui/utils/composeClasses';
-import Tablelvl2Context from '../Table/Tablelvl2Context';
-import { styled } from '../zero-styled';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import { getTableHeadUtilityClass } from './tableHeadClasses';
+import Tablelvl2Context from "../Table/Tablelvl2Context.js";
+import { styled } from "../zero-styled/index.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import { getTableHeadUtilityClass } from "./tableHeadClasses.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/TableHead/index.js

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

package/modern/TablePagination/TablePagination.js

@@ -7,18 +7,18 @@ import clsx from 'clsx';
 import integerPropType from '@mui/utils/integerPropType';
 import chainPropTypes from '@mui/utils/chainPropTypes';
 import composeClasses from '@mui/utils/composeClasses';
-import isHostComponent from '../utils/isHostComponent';
-import { styled } from '../zero-styled';
-import memoTheme from '../utils/memoTheme';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import InputBase from '../InputBase';
-import MenuItem from '../MenuItem';
-import Select from '../Select';
-import TableCell from '../TableCell';
-import Toolbar from '../Toolbar';
-import TablePaginationActions from './TablePaginationActions';
-import useId from '../utils/useId';
-import tablePaginationClasses, { getTablePaginationUtilityClass } from './tablePaginationClasses';
+import isHostComponent from "../utils/isHostComponent.js";
+import { styled } from "../zero-styled/index.js";
+import memoTheme from "../utils/memoTheme.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import InputBase from "../InputBase/index.js";
+import MenuItem from "../MenuItem/index.js";
+import Select from "../Select/index.js";
+import TableCell from "../TableCell/index.js";
+import Toolbar from "../Toolbar/index.js";
+import TablePaginationActions from "./TablePaginationActions.js";
+import useId from "../utils/useId.js";
+import tablePaginationClasses, { getTablePaginationUtilityClass } from "./tablePaginationClasses.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { createElement as _createElement } from "react";
 const TablePaginationRoot = styled(TableCell, {
@@ -271,7 +271,7 @@ process.env.NODE_ENV !== "production" ? TablePagination.propTypes /* remove-prop
    */
   ActionsComponent: PropTypes.elementType,
   /**
-   * Props applied to the back arrow [`IconButton`](/material-ui/api/icon-button/) component.
+   * Props applied to the back arrow [`IconButton`](https://mui.com/material-ui/api/icon-button/) component.
    *
    * This prop is an alias for `slotProps.actions.previousButton` and will be overriden by it if both are used.
    * @deprecated Use `slotProps.actions.previousButton` instead.
@@ -309,7 +309,7 @@ process.env.NODE_ENV !== "production" ? TablePagination.propTypes /* remove-prop
    * Accepts a function which returns a string value that provides a user-friendly name for the current page.
    * This is important for screen reader users.
    *
-   * For localization purposes, you can use the provided [translations](/material-ui/guides/localization/).
+   * For localization purposes, you can use the provided [translations](https://mui.com/material-ui/guides/localization/).
    * @param {string} type The link or button type to format ('first' | 'last' | 'next' | 'previous').
    * @returns {string}
    * @default function defaultGetAriaLabel(type) {
@@ -321,7 +321,7 @@ process.env.NODE_ENV !== "production" ? TablePagination.propTypes /* remove-prop
    * Customize the displayed rows label. Invoked with a `{ from, to, count, page }`
    * object.
    *
-   * For localization purposes, you can use the provided [translations](/material-ui/guides/localization/).
+   * For localization purposes, you can use the provided [translations](https://mui.com/material-ui/guides/localization/).
    * @default function defaultLabelDisplayedRows({ from, to, count }) {
    *   return `${from}–${to} of ${count !== -1 ? count : `more than ${to}`}`;
    * }
@@ -330,12 +330,12 @@ process.env.NODE_ENV !== "production" ? TablePagination.propTypes /* remove-prop
   /**
    * Customize the rows per page label.
    *
-   * For localization purposes, you can use the provided [translations](/material-ui/guides/localization/).
+   * For localization purposes, you can use the provided [translations](https://mui.com/material-ui/guides/localization/).
    * @default 'Rows per page:'
    */
   labelRowsPerPage: PropTypes.node,
   /**
-   * Props applied to the next arrow [`IconButton`](/material-ui/api/icon-button/) element.
+   * Props applied to the next arrow [`IconButton`](https://mui.com/material-ui/api/icon-button/) element.
    *
    * This prop is an alias for `slotProps.actions.nextButton` and will be overriden by it if both are used.
    * @deprecated Use `slotProps.actions.nextButton` instead.
@@ -389,7 +389,7 @@ process.env.NODE_ENV !== "production" ? TablePagination.propTypes /* remove-prop
     value: PropTypes.number.isRequired
   })]).isRequired),
   /**
-   * Props applied to the rows per page [`Select`](/material-ui/api/select/) element.
+   * Props applied to the rows per page [`Select`](https://mui.com/material-ui/api/select/) element.
    *
    * This prop is an alias for `slotProps.select` and will be overriden by it if both are used.
    * @deprecated Use `slotProps.select` instead.

package/modern/TablePagination/TablePaginationActions.js

@@ -3,11 +3,11 @@
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { useRtl } from '@mui/system/RtlProvider';
-import KeyboardArrowLeft from '../internal/svg-icons/KeyboardArrowLeft';
-import KeyboardArrowRight from '../internal/svg-icons/KeyboardArrowRight';
-import IconButton from '../IconButton';
-import LastPageIconDefault from '../internal/svg-icons/LastPage';
-import FirstPageIconDefault from '../internal/svg-icons/FirstPage';
+import KeyboardArrowLeft from "../internal/svg-icons/KeyboardArrowLeft.js";
+import KeyboardArrowRight from "../internal/svg-icons/KeyboardArrowRight.js";
+import IconButton from "../IconButton/index.js";
+import LastPageIconDefault from "../internal/svg-icons/LastPage.js";
+import FirstPageIconDefault from "../internal/svg-icons/FirstPage.js";
 
 /**
  * @ignore - internal component.

package/modern/TablePagination/index.js

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

package/modern/TableRow/TableRow.js

@@ -5,11 +5,11 @@ import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import composeClasses from '@mui/utils/composeClasses';
 import { alpha } from '@mui/system/colorManipulator';
-import Tablelvl2Context from '../Table/Tablelvl2Context';
-import { styled } from '../zero-styled';
-import memoTheme from '../utils/memoTheme';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import tableRowClasses, { getTableRowUtilityClass } from './tableRowClasses';
+import Tablelvl2Context from "../Table/Tablelvl2Context.js";
+import { styled } from "../zero-styled/index.js";
+import memoTheme from "../utils/memoTheme.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import tableRowClasses, { getTableRowUtilityClass } from "./tableRowClasses.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/TableRow/index.js

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

package/modern/TableSortLabel/TableSortLabel.js

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

package/modern/TableSortLabel/index.js

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

package/modern/Tabs/ScrollbarSize.js

@@ -2,8 +2,8 @@
 
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import debounce from '../utils/debounce';
-import { ownerWindow, unstable_useEnhancedEffect as useEnhancedEffect } from '../utils';
+import debounce from "../utils/debounce.js";
+import { ownerWindow, unstable_useEnhancedEffect as useEnhancedEffect } from "../utils/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const styles = {
   width: 99,

package/modern/Tabs/Tabs.js

@@ -8,17 +8,17 @@ import refType from '@mui/utils/refType';
 import composeClasses from '@mui/utils/composeClasses';
 import { useRtl } from '@mui/system/RtlProvider';
 import useSlotProps from '@mui/utils/useSlotProps';
-import { styled, useTheme } from '../zero-styled';
-import memoTheme from '../utils/memoTheme';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import debounce from '../utils/debounce';
-import animate from '../internal/animate';
-import ScrollbarSize from './ScrollbarSize';
-import TabScrollButton from '../TabScrollButton';
-import useEventCallback from '../utils/useEventCallback';
-import tabsClasses, { getTabsUtilityClass } from './tabsClasses';
-import ownerDocument from '../utils/ownerDocument';
-import ownerWindow from '../utils/ownerWindow';
+import { styled, useTheme } from "../zero-styled/index.js";
+import memoTheme from "../utils/memoTheme.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import debounce from "../utils/debounce.js";
+import animate from "../internal/animate.js";
+import ScrollbarSize from "./ScrollbarSize.js";
+import TabScrollButton from "../TabScrollButton/index.js";
+import useEventCallback from "../utils/useEventCallback.js";
+import tabsClasses, { getTabsUtilityClass } from "./tabsClasses.js";
+import ownerDocument from "../utils/ownerDocument.js";
+import ownerWindow from "../utils/ownerWindow.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const nextItem = (list, item) => {
   if (list === item) {
@@ -849,7 +849,7 @@ process.env.NODE_ENV !== "production" ? Tabs.propTypes /* remove-proptypes */ =
    */
   TabIndicatorProps: PropTypes.object,
   /**
-   * Props applied to the [`TabScrollButton`](/material-ui/api/tab-scroll-button/) element.
+   * Props applied to the [`TabScrollButton`](https://mui.com/material-ui/api/tab-scroll-button/) element.
    * @default {}
    */
   TabScrollButtonProps: PropTypes.object,

package/modern/Tabs/index.js

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

package/modern/TextField/TextField.js

@@ -6,17 +6,17 @@ import clsx from 'clsx';
 import composeClasses from '@mui/utils/composeClasses';
 import useId from '@mui/utils/useId';
 import refType from '@mui/utils/refType';
-import { styled } from '../zero-styled';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import Input from '../Input';
-import FilledInput from '../FilledInput';
-import OutlinedInput from '../OutlinedInput';
-import InputLabel from '../InputLabel';
-import FormControl from '../FormControl';
-import FormHelperText from '../FormHelperText';
-import Select from '../Select';
-import { getTextFieldUtilityClass } from './textFieldClasses';
-import useSlot from '../utils/useSlot';
+import { styled } from "../zero-styled/index.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import Input from "../Input/index.js";
+import FilledInput from "../FilledInput/index.js";
+import OutlinedInput from "../OutlinedInput/index.js";
+import InputLabel from "../InputLabel/index.js";
+import FormControl from "../FormControl/index.js";
+import FormHelperText from "../FormHelperText/index.js";
+import Select from "../Select/index.js";
+import { getTextFieldUtilityClass } from "./textFieldClasses.js";
+import useSlot from "../utils/useSlot.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const variantComponent = {
   standard: Input,
@@ -292,8 +292,8 @@ process.env.NODE_ENV !== "production" ? TextField.propTypes /* remove-proptypes
    */
   error: PropTypes.bool,
   /**
-   * Props applied to the [`FormHelperText`](/material-ui/api/form-helper-text/) element.
-   * @deprecated Use `slotProps.formHelperText` instead. This prop will be removed in v7. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   * Props applied to the [`FormHelperText`](https://mui.com/material-ui/api/form-helper-text/) element.
+   * @deprecated Use `slotProps.formHelperText` 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.
    */
   FormHelperTextProps: PropTypes.object,
   /**
@@ -311,22 +311,22 @@ process.env.NODE_ENV !== "production" ? TextField.propTypes /* remove-proptypes
    */
   id: PropTypes.string,
   /**
-   * Props applied to the [`InputLabel`](/material-ui/api/input-label/) element.
+   * Props applied to the [`InputLabel`](https://mui.com/material-ui/api/input-label/) element.
    * Pointer events like `onClick` are enabled if and only if `shrink` is `true`.
-   * @deprecated Use `slotProps.inputLabel` 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 `slotProps.inputLabel` 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.
    */
   InputLabelProps: PropTypes.object,
   /**
    * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
-   * @deprecated Use `slotProps.htmlInput` 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 `slotProps.htmlInput` 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.
    */
   inputProps: PropTypes.object,
   /**
    * Props applied to the Input element.
-   * It will be a [`FilledInput`](/material-ui/api/filled-input/),
-   * [`OutlinedInput`](/material-ui/api/outlined-input/) or [`Input`](/material-ui/api/input/)
+   * It will be a [`FilledInput`](https://mui.com/material-ui/api/filled-input/),
+   * [`OutlinedInput`](https://mui.com/material-ui/api/outlined-input/) or [`Input`](https://mui.com/material-ui/api/input/)
    * component depending on the `variant` prop value.
-   * @deprecated Use `slotProps.input` 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 `slotProps.input` 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.
    */
   InputProps: PropTypes.object,
   /**
@@ -388,14 +388,14 @@ process.env.NODE_ENV !== "production" ? TextField.propTypes /* remove-proptypes
    */
   rows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
   /**
-   * Render a [`Select`](/material-ui/api/select/) element while passing the Input element to `Select` as `input` parameter.
+   * Render a [`Select`](https://mui.com/material-ui/api/select/) element while passing the Input element to `Select` as `input` parameter.
    * If this option is set you must pass the options of the select as children.
    * @default false
    */
   select: PropTypes.bool,
   /**
-   * Props applied to the [`Select`](/material-ui/api/select/) element.
-   * @deprecated Use `slotProps.select` instead. This prop will be removed in v7. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   * Props applied to the [`Select`](https://mui.com/material-ui/api/select/) element.
+   * @deprecated Use `slotProps.select` 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.
    */
   SelectProps: PropTypes.object,
   /**

package/modern/TextField/index.js

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

package/modern/TextareaAutosize/TextareaAutosize.js

@@ -30,11 +30,11 @@ function isEmpty(obj) {
  *
  * Demos:
  *
- * - [Textarea Autosize](https://next.mui.com/material-ui/react-textarea-autosize/)
+ * - [Textarea Autosize](https://mui.com/material-ui/react-textarea-autosize/)
  *
  * API:
  *
- * - [TextareaAutosize API](https://next.mui.com/material-ui/api/textarea-autosize/)
+ * - [TextareaAutosize API](https://mui.com/material-ui/api/textarea-autosize/)
  */
 const TextareaAutosize = /*#__PURE__*/React.forwardRef(function TextareaAutosize(props, forwardedRef) {
   const {

package/modern/TextareaAutosize/index.js

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

package/modern/ToggleButton/ToggleButton.js

@@ -7,15 +7,15 @@ import clsx from 'clsx';
 import resolveProps from '@mui/utils/resolveProps';
 import composeClasses from '@mui/utils/composeClasses';
 import { alpha } from '@mui/system/colorManipulator';
-import ButtonBase from '../ButtonBase';
-import capitalize from '../utils/capitalize';
-import { styled } from '../zero-styled';
-import memoTheme from '../utils/memoTheme';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import toggleButtonClasses, { getToggleButtonUtilityClass } from './toggleButtonClasses';
-import ToggleButtonGroupContext from '../ToggleButtonGroup/ToggleButtonGroupContext';
-import ToggleButtonGroupButtonContext from '../ToggleButtonGroup/ToggleButtonGroupButtonContext';
-import isValueSelected from '../ToggleButtonGroup/isValueSelected';
+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 toggleButtonClasses, { getToggleButtonUtilityClass } from "./toggleButtonClasses.js";
+import ToggleButtonGroupContext from "../ToggleButtonGroup/ToggleButtonGroupContext.js";
+import ToggleButtonGroupButtonContext from "../ToggleButtonGroup/ToggleButtonGroupButtonContext.js";
+import isValueSelected from "../ToggleButtonGroup/isValueSelected.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/ToggleButton/index.js

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

package/modern/ToggleButtonGroup/ToggleButtonGroup.js

@@ -6,14 +6,14 @@ import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import composeClasses from '@mui/utils/composeClasses';
 import getValidReactChildren from '@mui/utils/getValidReactChildren';
-import { styled } from '../zero-styled';
-import memoTheme from '../utils/memoTheme';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import capitalize from '../utils/capitalize';
-import toggleButtonGroupClasses, { getToggleButtonGroupUtilityClass } from './toggleButtonGroupClasses';
-import ToggleButtonGroupContext from './ToggleButtonGroupContext';
-import ToggleButtonGroupButtonContext from './ToggleButtonGroupButtonContext';
-import toggleButtonClasses from '../ToggleButton/toggleButtonClasses';
+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 toggleButtonGroupClasses, { getToggleButtonGroupUtilityClass } from "./toggleButtonGroupClasses.js";
+import ToggleButtonGroupContext from "./ToggleButtonGroupContext.js";
+import ToggleButtonGroupButtonContext from "./ToggleButtonGroupButtonContext.js";
+import toggleButtonClasses from "../ToggleButton/toggleButtonClasses.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/ToggleButtonGroup/index.js

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

package/modern/Toolbar/Toolbar.js

@@ -4,10 +4,10 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import composeClasses from '@mui/utils/composeClasses';
-import { styled } from '../zero-styled';
-import memoTheme from '../utils/memoTheme';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import { getToolbarUtilityClass } from './toolbarClasses';
+import { styled } from "../zero-styled/index.js";
+import memoTheme from "../utils/memoTheme.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import { getToolbarUtilityClass } from "./toolbarClasses.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {