@mui/material 6.0.0-rc.0 → 6.0.0

package/modern/ListItemButton/index.js

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

package/modern/ListItemIcon/ListItemIcon.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 { getListItemIconUtilityClass } from './listItemIconClasses';
-import ListContext from '../List/ListContext';
+import { styled } from "../zero-styled/index.js";
+import memoTheme from "../utils/memoTheme.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import { getListItemIconUtilityClass } from "./listItemIconClasses.js";
+import ListContext from "../List/ListContext.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/ListItemIcon/index.js

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

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

package/modern/ListItemSecondaryAction/index.js

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

package/modern/ListItemText/ListItemText.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, { typographyClasses } from '../Typography';
-import ListContext from '../List/ListContext';
-import { styled } from '../zero-styled';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import listItemTextClasses, { getListItemTextUtilityClass } from './listItemTextClasses';
+import Typography, { typographyClasses } from "../Typography/index.js";
+import ListContext from "../List/ListContext.js";
+import { styled } from "../zero-styled/index.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import listItemTextClasses, { getListItemTextUtilityClass } from "./listItemTextClasses.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/ListItemText/index.js

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

package/modern/ListSubheader/ListSubheader.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 capitalize from '../utils/capitalize';
-import { getListSubheaderUtilityClass } from './listSubheaderClasses';
+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 { getListSubheaderUtilityClass } from "./listSubheaderClasses.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/ListSubheader/index.js

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

package/modern/Menu/Menu.js

@@ -8,12 +8,12 @@ import composeClasses from '@mui/utils/composeClasses';
 import HTMLElementType from '@mui/utils/HTMLElementType';
 import { useRtl } from '@mui/system/RtlProvider';
 import useSlotProps from '@mui/utils/useSlotProps';
-import MenuList from '../MenuList';
-import Popover, { PopoverPaper } from '../Popover';
-import rootShouldForwardProp from '../styles/rootShouldForwardProp';
-import { styled } from '../zero-styled';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import { getMenuUtilityClass } from './menuClasses';
+import MenuList from "../MenuList/index.js";
+import Popover, { PopoverPaper } from "../Popover/index.js";
+import rootShouldForwardProp from "../styles/rootShouldForwardProp.js";
+import { styled } from "../zero-styled/index.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import { getMenuUtilityClass } from "./menuClasses.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const RTL_ORIGIN = {
   vertical: 'top',

package/modern/Menu/index.js

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

package/modern/MenuItem/MenuItem.js

@@ -5,18 +5,18 @@ import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import composeClasses from '@mui/utils/composeClasses';
 import { alpha } from '@mui/system/colorManipulator';
-import rootShouldForwardProp from '../styles/rootShouldForwardProp';
-import { styled } from '../zero-styled';
-import memoTheme from '../utils/memoTheme';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import ListContext from '../List/ListContext';
-import ButtonBase from '../ButtonBase';
-import useEnhancedEffect from '../utils/useEnhancedEffect';
-import useForkRef from '../utils/useForkRef';
-import { dividerClasses } from '../Divider';
-import { listItemIconClasses } from '../ListItemIcon';
-import { listItemTextClasses } from '../ListItemText';
-import menuItemClasses, { getMenuItemUtilityClass } from './menuItemClasses';
+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 ListContext from "../List/ListContext.js";
+import ButtonBase from "../ButtonBase/index.js";
+import useEnhancedEffect from "../utils/useEnhancedEffect.js";
+import useForkRef from "../utils/useForkRef.js";
+import { dividerClasses } from "../Divider/index.js";
+import { listItemIconClasses } from "../ListItemIcon/index.js";
+import { listItemTextClasses } from "../ListItemText/index.js";
+import menuItemClasses, { getMenuItemUtilityClass } from "./menuItemClasses.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export const overridesResolver = (props, styles) => {
   const {

package/modern/MenuItem/index.js

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

package/modern/MenuList/MenuList.js

@@ -3,11 +3,11 @@
 import * as React from 'react';
 import { isFragment } from 'react-is';
 import PropTypes from 'prop-types';
-import ownerDocument from '../utils/ownerDocument';
-import List from '../List';
-import getScrollbarSize from '../utils/getScrollbarSize';
-import useForkRef from '../utils/useForkRef';
-import useEnhancedEffect from '../utils/useEnhancedEffect';
+import ownerDocument from "../utils/ownerDocument.js";
+import List from "../List/index.js";
+import getScrollbarSize from "../utils/getScrollbarSize.js";
+import useForkRef from "../utils/useForkRef.js";
+import useEnhancedEffect from "../utils/useEnhancedEffect.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 function nextItem(list, item, disableListWrap) {
   if (list === item) {

package/modern/MenuList/index.js

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

package/modern/MobileStepper/MobileStepper.js

@@ -5,14 +5,14 @@ import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import integerPropType from '@mui/utils/integerPropType';
 import composeClasses from '@mui/utils/composeClasses';
-import Paper from '../Paper';
-import capitalize from '../utils/capitalize';
-import LinearProgress from '../LinearProgress';
-import { styled } from '../zero-styled';
-import memoTheme from '../utils/memoTheme';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import slotShouldForwardProp from '../styles/slotShouldForwardProp';
-import { getMobileStepperUtilityClass } from './mobileStepperClasses';
+import Paper from "../Paper/index.js";
+import capitalize from "../utils/capitalize.js";
+import LinearProgress from "../LinearProgress/index.js";
+import { styled } from "../zero-styled/index.js";
+import memoTheme from "../utils/memoTheme.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import slotShouldForwardProp from "../styles/slotShouldForwardProp.js";
+import { getMobileStepperUtilityClass } from "./mobileStepperClasses.js";
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/MobileStepper/index.js

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

package/modern/Modal/Modal.js

@@ -6,16 +6,16 @@ import clsx from 'clsx';
 import HTMLElementType from '@mui/utils/HTMLElementType';
 import elementAcceptingRef from '@mui/utils/elementAcceptingRef';
 import composeClasses from '@mui/utils/composeClasses';
-import FocusTrap from '../Unstable_TrapFocus';
-import Portal from '../Portal';
-import { styled } from '../zero-styled';
-import memoTheme from '../utils/memoTheme';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import Backdrop from '../Backdrop';
-import useModal from './useModal';
-import { getModalUtilityClass } from './modalClasses';
-import useSlot from '../utils/useSlot';
-import { useForkRef } from '../utils';
+import FocusTrap from "../Unstable_TrapFocus/index.js";
+import Portal from "../Portal/index.js";
+import { styled } from "../zero-styled/index.js";
+import memoTheme from "../utils/memoTheme.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import Backdrop from "../Backdrop/index.js";
+import useModal from "./useModal.js";
+import { getModalUtilityClass } from "./modalClasses.js";
+import useSlot from "../utils/useSlot.js";
+import { useForkRef } from "../utils/index.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/Modal/index.js

@@ -1,6 +1,6 @@
 'use client';
 
-export { ModalManager } from './ModalManager';
-export { default } from './Modal';
-export { default as modalClasses } from './modalClasses';
-export * from './modalClasses';
+export { ModalManager } from "./ModalManager.js";
+export { default } from "./Modal.js";
+export { default as modalClasses } from "./modalClasses.js";
+export * from "./modalClasses.js";

package/modern/Modal/useModal.js

@@ -3,7 +3,7 @@
 import * as React from 'react';
 import { unstable_ownerDocument as ownerDocument, unstable_useForkRef as useForkRef, unstable_useEventCallback as useEventCallback, unstable_createChainedFunction as createChainedFunction } from '@mui/utils';
 import extractEventHandlers from '@mui/utils/extractEventHandlers';
-import { ModalManager, ariaHidden } from './ModalManager';
+import { ModalManager, ariaHidden } from "./ModalManager.js";
 function getContainer(container) {
   return typeof container === 'function' ? container() : container;
 }
@@ -18,11 +18,11 @@ const defaultManager = new ModalManager();
  *
  * Demos:
  *
- * - [Modal](https://next.mui.com/base-ui/react-modal/#hook)
+ * - [Modal](https://mui.com/base-ui/react-modal/#hook)
  *
  * API:
  *
- * - [useModal API](https://next.mui.com/base-ui/react-modal/hooks-api/#use-modal)
+ * - [useModal API](https://mui.com/base-ui/react-modal/hooks-api/#use-modal)
  */
 function useModal(parameters) {
   const {

package/modern/NativeSelect/NativeSelect.js

@@ -4,13 +4,13 @@ import * as React from 'react';
 import clsx from 'clsx';
 import PropTypes from 'prop-types';
 import composeClasses from '@mui/utils/composeClasses';
-import NativeSelectInput from './NativeSelectInput';
-import formControlState from '../FormControl/formControlState';
-import useFormControl from '../FormControl/useFormControl';
-import ArrowDropDownIcon from '../internal/svg-icons/ArrowDropDown';
-import Input from '../Input';
-import useThemeProps from '../styles/useThemeProps';
-import { getNativeSelectUtilityClasses } from './nativeSelectClasses';
+import NativeSelectInput from "./NativeSelectInput.js";
+import formControlState from "../FormControl/formControlState.js";
+import useFormControl from "../FormControl/useFormControl.js";
+import ArrowDropDownIcon from "../internal/svg-icons/ArrowDropDown.js";
+import Input from "../Input/index.js";
+import useThemeProps from "../styles/useThemeProps.js";
+import { getNativeSelectUtilityClasses } from "./nativeSelectClasses.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/NativeSelect/NativeSelectInput.js

@@ -5,10 +5,10 @@ import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import refType from '@mui/utils/refType';
 import composeClasses from '@mui/utils/composeClasses';
-import capitalize from '../utils/capitalize';
-import nativeSelectClasses, { getNativeSelectUtilityClasses } from './nativeSelectClasses';
-import { styled } from '../zero-styled';
-import rootShouldForwardProp from '../styles/rootShouldForwardProp';
+import capitalize from "../utils/capitalize.js";
+import nativeSelectClasses, { getNativeSelectUtilityClasses } from "./nativeSelectClasses.js";
+import { styled } from "../zero-styled/index.js";
+import rootShouldForwardProp from "../styles/rootShouldForwardProp.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/NativeSelect/index.js

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

package/modern/NoSsr/NoSsr.js

@@ -16,11 +16,11 @@ import { jsx as _jsx } from "react/jsx-runtime";
  *
  * Demos:
  *
- * - [No SSR](https://next.mui.com/material-ui/react-no-ssr/)
+ * - [No SSR](https://mui.com/material-ui/react-no-ssr/)
  *
  * API:
  *
- * - [NoSsr API](https://next.mui.com/material-ui/api/no-ssr/)
+ * - [NoSsr API](https://mui.com/material-ui/api/no-ssr/)
  */
 function NoSsr(props) {
   const {

package/modern/NoSsr/index.js

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

package/modern/OutlinedInput/NotchedOutline.js

@@ -3,9 +3,9 @@
 var _span;
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import rootShouldForwardProp from '../styles/rootShouldForwardProp';
-import { styled } from '../zero-styled';
-import memoTheme from '../utils/memoTheme';
+import rootShouldForwardProp from "../styles/rootShouldForwardProp.js";
+import { styled } from "../zero-styled/index.js";
+import memoTheme from "../utils/memoTheme.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const NotchedOutlineRoot = styled('fieldset', {
   shouldForwardProp: rootShouldForwardProp

package/modern/OutlinedInput/OutlinedInput.js

@@ -4,15 +4,15 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import refType from '@mui/utils/refType';
 import composeClasses from '@mui/utils/composeClasses';
-import NotchedOutline from './NotchedOutline';
-import useFormControl from '../FormControl/useFormControl';
-import formControlState from '../FormControl/formControlState';
-import rootShouldForwardProp from '../styles/rootShouldForwardProp';
-import { styled } from '../zero-styled';
-import memoTheme from '../utils/memoTheme';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import outlinedInputClasses, { getOutlinedInputUtilityClass } from './outlinedInputClasses';
-import InputBase, { rootOverridesResolver as inputBaseRootOverridesResolver, inputOverridesResolver as inputBaseInputOverridesResolver, InputBaseRoot, InputBaseInput } from '../InputBase/InputBase';
+import NotchedOutline from "./NotchedOutline.js";
+import useFormControl from "../FormControl/useFormControl.js";
+import formControlState from "../FormControl/formControlState.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 outlinedInputClasses, { getOutlinedInputUtilityClass } from "./outlinedInputClasses.js";
+import InputBase, { rootOverridesResolver as inputBaseRootOverridesResolver, inputOverridesResolver as inputBaseInputOverridesResolver, InputBaseRoot, InputBaseInput } from "../InputBase/InputBase.js";
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/OutlinedInput/index.js

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

package/modern/OutlinedInput/outlinedInputClasses.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 getOutlinedInputUtilityClass(slot) {
   return generateUtilityClass('MuiOutlinedInput', slot);
 }

package/modern/Pagination/Pagination.js

@@ -5,11 +5,11 @@ import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import composeClasses from '@mui/utils/composeClasses';
 import integerPropType from '@mui/utils/integerPropType';
-import { getPaginationUtilityClass } from './paginationClasses';
-import usePagination from '../usePagination';
-import PaginationItem from '../PaginationItem';
-import { styled } from '../zero-styled';
-import { useDefaultProps } from '../DefaultPropsProvider';
+import { getPaginationUtilityClass } from "./paginationClasses.js";
+import usePagination from "../usePagination/index.js";
+import PaginationItem from "../PaginationItem/index.js";
+import { styled } from "../zero-styled/index.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {
@@ -174,8 +174,8 @@ process.env.NODE_ENV !== "production" ? Pagination.propTypes /* remove-proptypes
    *
    * For localization purposes, you can use the provided [translations](/material-ui/guides/localization/).
    * @param {string} type The link or button type to format ('page' | 'first' | 'last' | 'next' | 'previous' | 'start-ellipsis' | 'end-ellipsis'). Defaults to 'page'.
-   * @param {number} page The page number to format.
-   * @param {bool} selected If true, the current page is selected.
+   * @param {number | null} page The page number to format.
+   * @param {boolean} selected If true, the current page is selected.
    * @returns {string}
    */
   getItemAriaLabel: PropTypes.func,

package/modern/Pagination/index.js

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

package/modern/PaginationItem/PaginationItem.js

@@ -6,17 +6,17 @@ import clsx from 'clsx';
 import composeClasses from '@mui/utils/composeClasses';
 import { alpha } from '@mui/system/colorManipulator';
 import { useRtl } from '@mui/system/RtlProvider';
-import paginationItemClasses, { getPaginationItemUtilityClass } from './paginationItemClasses';
-import ButtonBase from '../ButtonBase';
-import capitalize from '../utils/capitalize';
-import FirstPageIcon from '../internal/svg-icons/FirstPage';
-import LastPageIcon from '../internal/svg-icons/LastPage';
-import NavigateBeforeIcon from '../internal/svg-icons/NavigateBefore';
-import NavigateNextIcon from '../internal/svg-icons/NavigateNext';
-import useSlot from '../utils/useSlot';
-import { styled } from '../zero-styled';
-import memoTheme from '../utils/memoTheme';
-import { useDefaultProps } from '../DefaultPropsProvider';
+import paginationItemClasses, { getPaginationItemUtilityClass } from "./paginationItemClasses.js";
+import ButtonBase from "../ButtonBase/index.js";
+import capitalize from "../utils/capitalize.js";
+import FirstPageIcon from "../internal/svg-icons/FirstPage.js";
+import LastPageIcon from "../internal/svg-icons/LastPage.js";
+import NavigateBeforeIcon from "../internal/svg-icons/NavigateBefore.js";
+import NavigateNextIcon from "../internal/svg-icons/NavigateNext.js";
+import useSlot from "../utils/useSlot.js";
+import { styled } from "../zero-styled/index.js";
+import memoTheme from "../utils/memoTheme.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const overridesResolver = (props, styles) => {
   const {

package/modern/PaginationItem/index.js

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

package/modern/Paper/Paper.js

@@ -7,11 +7,11 @@ import integerPropType from '@mui/utils/integerPropType';
 import chainPropTypes from '@mui/utils/chainPropTypes';
 import composeClasses from '@mui/utils/composeClasses';
 import { alpha } from '@mui/system/colorManipulator';
-import { styled, useTheme } from '../zero-styled';
-import memoTheme from '../utils/memoTheme';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import getOverlayAlpha from '../styles/getOverlayAlpha';
-import { getPaperUtilityClass } from './paperClasses';
+import { styled, useTheme } from "../zero-styled/index.js";
+import memoTheme from "../utils/memoTheme.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import getOverlayAlpha from "../styles/getOverlayAlpha.js";
+import { getPaperUtilityClass } from "./paperClasses.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {

package/modern/Paper/index.js

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

package/modern/PigmentContainer/PigmentContainer.js

@@ -23,11 +23,11 @@ const useUtilityClasses = ownerState => {
  *
  * Demos:
  *
- * - [Container](https://next.mui.com/material-ui/react-container/)
+ * - [Container](https://mui.com/material-ui/react-container/)
  *
  * API:
  *
- * - [PigmentContainer API](https://next.mui.com/material-ui/api/pigment-container/)
+ * - [PigmentContainer API](https://mui.com/material-ui/api/pigment-container/)
  */
 const PigmentContainer = /*#__PURE__*/React.forwardRef(function PigmentContainer({
   className,

package/modern/PigmentContainer/index.js

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

package/modern/PigmentGrid/PigmentGrid.js

@@ -37,11 +37,11 @@ const useUtilityClasses = ownerState => {
  *
  * Demos:
  *
- * - [Grid version 2](https://next.mui.com/material-ui/react-grid2/)
+ * - [Grid version 2](https://mui.com/material-ui/react-grid2/)
  *
  * API:
  *
- * - [PigmentGrid API](https://next.mui.com/material-ui/api/pigment-grid/)
+ * - [PigmentGrid API](https://mui.com/material-ui/api/pigment-grid/)
  */
 const PigmentGrid = /*#__PURE__*/React.forwardRef(function PigmentGrid(props, ref) {
   const {

package/modern/PigmentGrid/index.js

@@ -1,3 +1,3 @@
-export { default } from './PigmentGrid';
-export * from './PigmentGrid';
-export { default as grid2Classes } from '../Grid2/grid2Classes';
+export { default } from "./PigmentGrid.js";
+export * from "./PigmentGrid.js";
+export { default as grid2Classes } from "../Grid2/grid2Classes.js";