@mui/material 6.0.0-rc.0 → 6.0.0

package/TextareaAutosize/TextareaAutosize.d.ts

@@ -4,11 +4,11 @@ import { TextareaAutosizeProps } from './TextareaAutosize.types';
  *
  * 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/)
  */
 declare const TextareaAutosize: React.ForwardRefExoticComponent<TextareaAutosizeProps & React.RefAttributes<Element>>;
 export default TextareaAutosize;

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

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

package/ToggleButton/ToggleButton.d.ts

@@ -91,12 +91,12 @@ export type ToggleButtonTypeMap<
  *
  * Demos:
  *
- * - [Toggle Button](https://next.mui.com/material-ui/react-toggle-button/)
+ * - [Toggle Button](https://mui.com/material-ui/react-toggle-button/)
  *
  * API:
  *
- * - [ToggleButton API](https://next.mui.com/material-ui/api/toggle-button/)
- * - inherits [ButtonBase API](https://next.mui.com/material-ui/api/button-base/)
+ * - [ToggleButton API](https://mui.com/material-ui/api/toggle-button/)
+ * - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
  */
 declare const ToggleButton: ExtendButtonBase<ToggleButtonTypeMap>;
 

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

@@ -1,5 +1,5 @@
 '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/ToggleButtonGroup/ToggleButtonGroup.d.ts

@@ -80,10 +80,10 @@ export interface ToggleButtonGroupProps
  *
  * Demos:
  *
- * - [Toggle Button](https://next.mui.com/material-ui/react-toggle-button/)
+ * - [Toggle Button](https://mui.com/material-ui/react-toggle-button/)
  *
  * API:
  *
- * - [ToggleButtonGroup API](https://next.mui.com/material-ui/api/toggle-button-group/)
+ * - [ToggleButtonGroup API](https://mui.com/material-ui/api/toggle-button-group/)
  */
 export default function ToggleButtonGroup(props: ToggleButtonGroupProps): React.JSX.Element;

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

@@ -1,5 +1,5 @@
 '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/Toolbar/Toolbar.d.ts

@@ -44,11 +44,11 @@ export interface ToolbarTypeMap<
  *
  * Demos:
  *
- * - [App Bar](https://next.mui.com/material-ui/react-app-bar/)
+ * - [App Bar](https://mui.com/material-ui/react-app-bar/)
  *
  * API:
  *
- * - [Toolbar API](https://next.mui.com/material-ui/api/toolbar/)
+ * - [Toolbar API](https://mui.com/material-ui/api/toolbar/)
  */
 declare const Toolbar: OverridableComponent<ToolbarTypeMap>;
 

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

package/Toolbar/index.js

@@ -1,3 +1,3 @@
-export { default } from './Toolbar';
-export { default as toolbarClasses } from './toolbarClasses';
-export * from './toolbarClasses';
+export { default } from "./Toolbar.js";
+export { default as toolbarClasses } from "./toolbarClasses.js";
+export * from "./toolbarClasses.js";

package/Tooltip/Tooltip.d.ts

@@ -16,7 +16,7 @@ export interface TooltipProps extends StandardProps<React.HTMLAttributes<HTMLDiv
   /**
    * Tooltip reference element.
    */
-  children: React.ReactElement<any, any>;
+  children: React.ReactElement<unknown, any>;
   /**
    * Override or extend the styles applied to the component.
    */
@@ -204,7 +204,7 @@ export interface TooltipProps extends StandardProps<React.HTMLAttributes<HTMLDiv
    * @default Grow
    */
   TransitionComponent?: React.JSXElementConstructor<
-    TransitionProps & { children: React.ReactElement<any, any> }
+    TransitionProps & { children: React.ReactElement<unknown, any> }
   >;
   /**
    * Props applied to the transition element.
@@ -217,10 +217,10 @@ export interface TooltipProps extends StandardProps<React.HTMLAttributes<HTMLDiv
  *
  * Demos:
  *
- * - [Tooltip](https://next.mui.com/material-ui/react-tooltip/)
+ * - [Tooltip](https://mui.com/material-ui/react-tooltip/)
  *
  * API:
  *
- * - [Tooltip API](https://next.mui.com/material-ui/api/tooltip/)
+ * - [Tooltip API](https://mui.com/material-ui/api/tooltip/)
  */
 export default function Tooltip(props: TooltipProps): React.JSX.Element;

package/Tooltip/Tooltip.js

@@ -11,17 +11,17 @@ import { useRtl } from '@mui/system/RtlProvider';
 import isFocusVisible from '@mui/utils/isFocusVisible';
 import appendOwnerState from '@mui/utils/appendOwnerState';
 import getReactNodeRef from '@mui/utils/getReactNodeRef';
-import { styled, useTheme } from '../zero-styled';
-import memoTheme from '../utils/memoTheme';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import capitalize from '../utils/capitalize';
-import Grow from '../Grow';
-import Popper from '../Popper';
-import useEventCallback from '../utils/useEventCallback';
-import useForkRef from '../utils/useForkRef';
-import useId from '../utils/useId';
-import useControlled from '../utils/useControlled';
-import tooltipClasses, { getTooltipUtilityClass } from './tooltipClasses';
+import { styled, useTheme } from "../zero-styled/index.js";
+import memoTheme from "../utils/memoTheme.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import capitalize from "../utils/capitalize.js";
+import Grow from "../Grow/index.js";
+import Popper from "../Popper/index.js";
+import useEventCallback from "../utils/useEventCallback.js";
+import useForkRef from "../utils/useForkRef.js";
+import useId from "../utils/useId.js";
+import useControlled from "../utils/useControlled.js";
+import tooltipClasses, { getTooltipUtilityClass } from "./tooltipClasses.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function round(value) {
   return Math.round(value * 1e5) / 1e5;

package/Tooltip/index.js

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

package/Typography/Typography.d.ts

@@ -105,12 +105,12 @@ export interface TypographyTypeMap<
  *
  * Demos:
  *
- * - [Breadcrumbs](https://next.mui.com/material-ui/react-breadcrumbs/)
- * - [Typography](https://next.mui.com/material-ui/react-typography/)
+ * - [Breadcrumbs](https://mui.com/material-ui/react-breadcrumbs/)
+ * - [Typography](https://mui.com/material-ui/react-typography/)
  *
  * API:
  *
- * - [Typography API](https://next.mui.com/material-ui/api/typography/)
+ * - [Typography API](https://mui.com/material-ui/api/typography/)
  */
 declare const Typography: OverridableComponent<TypographyTypeMap>;
 

package/Typography/Typography.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, internal_createExtendSxProp } from '../zero-styled';
-import memoTheme from '../utils/memoTheme';
-import { useDefaultProps } from '../DefaultPropsProvider';
-import capitalize from '../utils/capitalize';
-import { getTypographyUtilityClass } from './typographyClasses';
+import { styled, internal_createExtendSxProp } from "../zero-styled/index.js";
+import memoTheme from "../utils/memoTheme.js";
+import { useDefaultProps } from "../DefaultPropsProvider/index.js";
+import capitalize from "../utils/capitalize.js";
+import { getTypographyUtilityClass } from "./typographyClasses.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const v6Colors = {
   primary: true,

package/Typography/index.js

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

package/Unstable_TrapFocus/FocusTrap.types.d.ts

@@ -9,7 +9,7 @@ export interface FocusTrapProps {
      * For instance, you can provide the "tabbable" npm dependency.
      * @param {HTMLElement} root
      */
-    getTabbable?: (root: HTMLElement) => ReadonlyArray<string>;
+    getTabbable?: (root: HTMLElement) => ReadonlyArray<HTMLElement>;
     /**
      * This prop extends the `open` prop.
      * It allows to toggle the open state without having to wait for a rerender when changing the `open` prop.

package/Unstable_TrapFocus/index.js

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

package/Zoom/Zoom.d.ts

@@ -11,7 +11,7 @@ export interface ZoomProps extends TransitionProps {
   /**
    * 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.
@@ -35,16 +35,16 @@ export interface ZoomProps extends TransitionProps {
 
 /**
  * The Zoom transition can be used for the floating variant of the
- * [Button](https://next.mui.com/material-ui/react-button/#floating-action-buttons) component.
+ * [Button](https://mui.com/material-ui/react-button/#floating-action-buttons) 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:
  *
- * - [Zoom API](https://next.mui.com/material-ui/api/zoom/)
+ * - [Zoom API](https://mui.com/material-ui/api/zoom/)
  * - inherits [Transition API](https://reactcommunity.org/react-transition-group/transition/#Transition-props)
  */
 export default function Zoom(props: ZoomProps): React.JSX.Element;

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

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

package/colors/index.js

@@ -1,20 +1,20 @@
-export { default as common } from './common';
-export { default as red } from './red';
-export { default as pink } from './pink';
-export { default as purple } from './purple';
-export { default as deepPurple } from './deepPurple';
-export { default as indigo } from './indigo';
-export { default as blue } from './blue';
-export { default as lightBlue } from './lightBlue';
-export { default as cyan } from './cyan';
-export { default as teal } from './teal';
-export { default as green } from './green';
-export { default as lightGreen } from './lightGreen';
-export { default as lime } from './lime';
-export { default as yellow } from './yellow';
-export { default as amber } from './amber';
-export { default as orange } from './orange';
-export { default as deepOrange } from './deepOrange';
-export { default as brown } from './brown';
-export { default as grey } from './grey';
-export { default as blueGrey } from './blueGrey';
+export { default as common } from "./common.js";
+export { default as red } from "./red.js";
+export { default as pink } from "./pink.js";
+export { default as purple } from "./purple.js";
+export { default as deepPurple } from "./deepPurple.js";
+export { default as indigo } from "./indigo.js";
+export { default as blue } from "./blue.js";
+export { default as lightBlue } from "./lightBlue.js";
+export { default as cyan } from "./cyan.js";
+export { default as teal } from "./teal.js";
+export { default as green } from "./green.js";
+export { default as lightGreen } from "./lightGreen.js";
+export { default as lime } from "./lime.js";
+export { default as yellow } from "./yellow.js";
+export { default as amber } from "./amber.js";
+export { default as orange } from "./orange.js";
+export { default as deepOrange } from "./deepOrange.js";
+export { default as brown } from "./brown.js";
+export { default as grey } from "./grey.js";
+export { default as blueGrey } from "./blueGrey.js";