@mui/material 9.0.0-beta.1 → 9.0.0

package/ToggleButtonGroup/ToggleButtonGroup.d.mts

@@ -73,10 +73,10 @@ export interface ToggleButtonGroupProps extends StandardProps<React.HTMLAttribut
  *
  * 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.d.ts

@@ -73,10 +73,10 @@ export interface ToggleButtonGroupProps extends StandardProps<React.HTMLAttribut
  *
  * 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/Toolbar/Toolbar.d.mts

@@ -38,11 +38,11 @@ export interface ToolbarTypeMap<AdditionalProps = {}, RootComponent extends Reac
  *
  * 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>;
 export type ToolbarProps<RootComponent extends React.ElementType = ToolbarTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ToolbarTypeMap<AdditionalProps, RootComponent>, RootComponent> & {

package/Toolbar/Toolbar.d.ts

@@ -38,11 +38,11 @@ export interface ToolbarTypeMap<AdditionalProps = {}, RootComponent extends Reac
  *
  * 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>;
 export type ToolbarProps<RootComponent extends React.ElementType = ToolbarTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ToolbarTypeMap<AdditionalProps, RootComponent>, RootComponent> & {

package/Tooltip/Tooltip.d.mts

@@ -167,10 +167,10 @@ export interface TooltipOwnerState extends TooltipProps {}
  *
  * 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.d.ts

@@ -167,10 +167,10 @@ export interface TooltipOwnerState extends TooltipProps {}
  *
  * 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/Typography/Typography.d.mts

@@ -79,13 +79,13 @@ export interface TypographyTypeMap<AdditionalProps = {}, RootComponent extends R
  *
  * Demos:
  *
- * - [Breadcrumbs](https://next.mui.com/material-ui/react-breadcrumbs/)
- * - [Menubar](https://next.mui.com/material-ui/react-menubar/)
- * - [Typography](https://next.mui.com/material-ui/react-typography/)
+ * - [Breadcrumbs](https://mui.com/material-ui/react-breadcrumbs/)
+ * - [Menubar](https://mui.com/material-ui/react-menubar/)
+ * - [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>;
 export type TypographyProps<RootComponent extends React.ElementType = TypographyTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<TypographyTypeMap<AdditionalProps, RootComponent>, RootComponent> & {

package/Typography/Typography.d.ts

@@ -79,13 +79,13 @@ export interface TypographyTypeMap<AdditionalProps = {}, RootComponent extends R
  *
  * Demos:
  *
- * - [Breadcrumbs](https://next.mui.com/material-ui/react-breadcrumbs/)
- * - [Menubar](https://next.mui.com/material-ui/react-menubar/)
- * - [Typography](https://next.mui.com/material-ui/react-typography/)
+ * - [Breadcrumbs](https://mui.com/material-ui/react-breadcrumbs/)
+ * - [Menubar](https://mui.com/material-ui/react-menubar/)
+ * - [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>;
 export type TypographyProps<RootComponent extends React.ElementType = TypographyTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<TypographyTypeMap<AdditionalProps, RootComponent>, RootComponent> & {

package/Zoom/Zoom.d.mts

@@ -34,16 +34,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-floating-action-button/#animation) component.
+ * [Button](https://mui.com/material-ui/react-floating-action-button/#animation) 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.d.ts

@@ -34,16 +34,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-floating-action-button/#animation) component.
+ * [Button](https://mui.com/material-ui/react-floating-action-button/#animation) 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

@@ -22,8 +22,18 @@ const styles = {
   },
   entered: {
     transform: 'none'
+  },
+  exiting: {
+    transform: 'scale(0)'
+  },
+  exited: {
+    transform: 'scale(0)'
   }
 };
+const hiddenStyles = {
+  transform: 'scale(0)',
+  visibility: 'hidden'
+};
 
 /**
  * The Zoom transition can be used for the floating variant of the
@@ -50,26 +60,12 @@ const Zoom = /*#__PURE__*/React.forwardRef(function Zoom(props, ref) {
     onExiting,
     style,
     timeout = defaultTimeout,
-    // eslint-disable-next-line react/prop-types
-    TransitionComponent = _reactTransitionGroup.Transition,
     ...other
   } = props;
   const nodeRef = React.useRef(null);
   const handleRef = (0, _useForkRef.default)(nodeRef, (0, _getReactElementRef.default)(children), ref);
-  const normalizedTransitionCallback = callback => maybeIsAppearing => {
-    if (callback) {
-      const node = nodeRef.current;
-
-      // onEnterXxx and onExitXxx callbacks have a different arguments.length value.
-      if (maybeIsAppearing === undefined) {
-        callback(node);
-      } else {
-        callback(node, maybeIsAppearing);
-      }
-    }
-  };
-  const handleEntering = normalizedTransitionCallback(onEntering);
-  const handleEnter = normalizedTransitionCallback((node, isAppearing) => {
+  const handleEntering = (0, _utils.normalizedTransitionCallback)(nodeRef, onEntering);
+  const handleEnter = (0, _utils.normalizedTransitionCallback)(nodeRef, (node, isAppearing) => {
     (0, _utils.reflow)(node); // So the animation always start from the start.
 
     const transitionProps = (0, _utils.getTransitionProps)({
@@ -79,15 +75,14 @@ const Zoom = /*#__PURE__*/React.forwardRef(function Zoom(props, ref) {
     }, {
       mode: 'enter'
     });
-    node.style.webkitTransition = theme.transitions.create('transform', transitionProps);
     node.style.transition = theme.transitions.create('transform', transitionProps);
     if (onEnter) {
       onEnter(node, isAppearing);
     }
   });
-  const handleEntered = normalizedTransitionCallback(onEntered);
-  const handleExiting = normalizedTransitionCallback(onExiting);
-  const handleExit = normalizedTransitionCallback(node => {
+  const handleEntered = (0, _utils.normalizedTransitionCallback)(nodeRef, onEntered);
+  const handleExiting = (0, _utils.normalizedTransitionCallback)(nodeRef, onExiting);
+  const handleExit = (0, _utils.normalizedTransitionCallback)(nodeRef, node => {
     const transitionProps = (0, _utils.getTransitionProps)({
       style,
       timeout,
@@ -95,20 +90,24 @@ const Zoom = /*#__PURE__*/React.forwardRef(function Zoom(props, ref) {
     }, {
       mode: 'exit'
     });
-    node.style.webkitTransition = theme.transitions.create('transform', transitionProps);
     node.style.transition = theme.transitions.create('transform', transitionProps);
     if (onExit) {
       onExit(node);
     }
   });
-  const handleExited = normalizedTransitionCallback(onExited);
+  const handleExited = (0, _utils.normalizedTransitionCallback)(nodeRef, node => {
+    node.style.transition = '';
+    if (onExited) {
+      onExited(node);
+    }
+  });
   const handleAddEndListener = next => {
     if (addEndListener) {
       // Old call signature before `react-transition-group` implemented `nodeRef`
       addEndListener(nodeRef.current, next);
     }
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TransitionComponent, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactTransitionGroup.Transition, {
     appear: appear,
     in: inProp,
     nodeRef: nodeRef,
@@ -125,14 +124,9 @@ const Zoom = /*#__PURE__*/React.forwardRef(function Zoom(props, ref) {
       ownerState,
       ...restChildProps
     }) => {
+      const childStyle = (0, _utils.getTransitionChildStyle)(state, inProp, styles, hiddenStyles, style, children.props.style);
       return /*#__PURE__*/React.cloneElement(children, {
-        style: {
-          transform: 'scale(0)',
-          visibility: state === 'exited' && !inProp ? 'hidden' : undefined,
-          ...styles[state],
-          ...style,
-          ...children.props.style
-        },
+        style: childStyle,
         ref: handleRef,
         ...restChildProps
       });

package/Zoom/Zoom.mjs

@@ -6,7 +6,7 @@ import { Transition } from 'react-transition-group';
 import elementAcceptingRef from '@mui/utils/elementAcceptingRef';
 import getReactElementRef from '@mui/utils/getReactElementRef';
 import { useTheme } from "../zero-styled/index.mjs";
-import { reflow, getTransitionProps } from "../transitions/utils.mjs";
+import { normalizedTransitionCallback, reflow, getTransitionProps, getTransitionChildStyle } from "../transitions/utils.mjs";
 import useForkRef from "../utils/useForkRef.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
 const styles = {
@@ -15,8 +15,18 @@ const styles = {
   },
   entered: {
     transform: 'none'
+  },
+  exiting: {
+    transform: 'scale(0)'
+  },
+  exited: {
+    transform: 'scale(0)'
   }
 };
+const hiddenStyles = {
+  transform: 'scale(0)',
+  visibility: 'hidden'
+};
 
 /**
  * The Zoom transition can be used for the floating variant of the
@@ -43,26 +53,12 @@ const Zoom = /*#__PURE__*/React.forwardRef(function Zoom(props, ref) {
     onExiting,
     style,
     timeout = defaultTimeout,
-    // eslint-disable-next-line react/prop-types
-    TransitionComponent = Transition,
     ...other
   } = props;
   const nodeRef = React.useRef(null);
   const handleRef = useForkRef(nodeRef, getReactElementRef(children), ref);
-  const normalizedTransitionCallback = callback => maybeIsAppearing => {
-    if (callback) {
-      const node = nodeRef.current;
-
-      // onEnterXxx and onExitXxx callbacks have a different arguments.length value.
-      if (maybeIsAppearing === undefined) {
-        callback(node);
-      } else {
-        callback(node, maybeIsAppearing);
-      }
-    }
-  };
-  const handleEntering = normalizedTransitionCallback(onEntering);
-  const handleEnter = normalizedTransitionCallback((node, isAppearing) => {
+  const handleEntering = normalizedTransitionCallback(nodeRef, onEntering);
+  const handleEnter = normalizedTransitionCallback(nodeRef, (node, isAppearing) => {
     reflow(node); // So the animation always start from the start.
 
     const transitionProps = getTransitionProps({
@@ -72,15 +68,14 @@ const Zoom = /*#__PURE__*/React.forwardRef(function Zoom(props, ref) {
     }, {
       mode: 'enter'
     });
-    node.style.webkitTransition = theme.transitions.create('transform', transitionProps);
     node.style.transition = theme.transitions.create('transform', transitionProps);
     if (onEnter) {
       onEnter(node, isAppearing);
     }
   });
-  const handleEntered = normalizedTransitionCallback(onEntered);
-  const handleExiting = normalizedTransitionCallback(onExiting);
-  const handleExit = normalizedTransitionCallback(node => {
+  const handleEntered = normalizedTransitionCallback(nodeRef, onEntered);
+  const handleExiting = normalizedTransitionCallback(nodeRef, onExiting);
+  const handleExit = normalizedTransitionCallback(nodeRef, node => {
     const transitionProps = getTransitionProps({
       style,
       timeout,
@@ -88,20 +83,24 @@ const Zoom = /*#__PURE__*/React.forwardRef(function Zoom(props, ref) {
     }, {
       mode: 'exit'
     });
-    node.style.webkitTransition = theme.transitions.create('transform', transitionProps);
     node.style.transition = theme.transitions.create('transform', transitionProps);
     if (onExit) {
       onExit(node);
     }
   });
-  const handleExited = normalizedTransitionCallback(onExited);
+  const handleExited = normalizedTransitionCallback(nodeRef, node => {
+    node.style.transition = '';
+    if (onExited) {
+      onExited(node);
+    }
+  });
   const handleAddEndListener = next => {
     if (addEndListener) {
       // Old call signature before `react-transition-group` implemented `nodeRef`
       addEndListener(nodeRef.current, next);
     }
   };
-  return /*#__PURE__*/_jsx(TransitionComponent, {
+  return /*#__PURE__*/_jsx(Transition, {
     appear: appear,
     in: inProp,
     nodeRef: nodeRef,
@@ -118,14 +117,9 @@ const Zoom = /*#__PURE__*/React.forwardRef(function Zoom(props, ref) {
       ownerState,
       ...restChildProps
     }) => {
+      const childStyle = getTransitionChildStyle(state, inProp, styles, hiddenStyles, style, children.props.style);
       return /*#__PURE__*/React.cloneElement(children, {
-        style: {
-          transform: 'scale(0)',
-          visibility: state === 'exited' && !inProp ? 'hidden' : undefined,
-          ...styles[state],
-          ...style,
-          ...children.props.style
-        },
+        style: childStyle,
         ref: handleRef,
         ...restChildProps
       });

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/material v9.0.0-beta.1
+ * @mui/material v9.0.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/index.mjs

@@ -1,5 +1,5 @@
 /**
- * @mui/material v9.0.0-beta.1
+ * @mui/material v9.0.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/package.json

@@ -1,8 +1,9 @@
 {
   "name": "@mui/material",
-  "version": "9.0.0-beta.1",
+  "version": "9.0.0",
   "author": "MUI Team",
   "description": "Material UI is an open-source React component library that implements Google's Material Design. It's comprehensive and can be used in production out of the box.",
+  "license": "MIT",
   "keywords": [
     "react",
     "react-component",
@@ -15,7 +16,6 @@
     "url": "git+https://github.com/mui/material-ui.git",
     "directory": "packages/mui-material"
   },
-  "license": "MIT",
   "bugs": {
     "url": "https://github.com/mui/material-ui/issues"
   },
@@ -33,10 +33,10 @@
     "prop-types": "^15.8.1",
     "react-is": "^19.2.4",
     "react-transition-group": "^4.4.5",
-    "@mui/system": "9.0.0-beta.1",
-    "@mui/utils": "9.0.0-beta.1",
-    "@mui/types": "^9.0.0-beta.0",
-    "@mui/core-downloads-tracker": "^9.0.0-beta.1"
+    "@mui/core-downloads-tracker": "^9.0.0",
+    "@mui/types": "^9.0.0",
+    "@mui/system": "^9.0.0",
+    "@mui/utils": "^9.0.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.5.0",
@@ -44,7 +44,7 @@
     "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
     "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
     "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0",
-    "@mui/material-pigment-css": "9.0.0-beta.1"
+    "@mui/material-pigment-css": "^9.0.0"
   },
   "peerDependenciesMeta": {
     "@types/react": {
@@ -573,154 +573,154 @@
       }
     },
     "./Box": {
-      "import": {
-        "types": "./Box/index.d.mts",
-        "default": "./Box/index.mjs"
-      },
       "require": {
         "types": "./Box/index.d.ts",
         "default": "./Box/index.js"
       },
+      "import": {
+        "types": "./Box/index.d.mts",
+        "default": "./Box/index.mjs"
+      },
       "default": {
         "types": "./Box/index.d.mts",
         "default": "./Box/index.mjs"
       }
     },
     "./Breadcrumbs": {
-      "import": {
-        "types": "./Breadcrumbs/index.d.mts",
-        "default": "./Breadcrumbs/index.mjs"
-      },
       "require": {
         "types": "./Breadcrumbs/index.d.ts",
         "default": "./Breadcrumbs/index.js"
       },
+      "import": {
+        "types": "./Breadcrumbs/index.d.mts",
+        "default": "./Breadcrumbs/index.mjs"
+      },
       "default": {
         "types": "./Breadcrumbs/index.d.mts",
         "default": "./Breadcrumbs/index.mjs"
       }
     },
     "./Button": {
-      "import": {
-        "types": "./Button/index.d.mts",
-        "default": "./Button/index.mjs"
-      },
       "require": {
         "types": "./Button/index.d.ts",
         "default": "./Button/index.js"
       },
+      "import": {
+        "types": "./Button/index.d.mts",
+        "default": "./Button/index.mjs"
+      },
       "default": {
         "types": "./Button/index.d.mts",
         "default": "./Button/index.mjs"
       }
     },
     "./ButtonBase": {
-      "import": {
-        "types": "./ButtonBase/index.d.mts",
-        "default": "./ButtonBase/index.mjs"
-      },
       "require": {
         "types": "./ButtonBase/index.d.ts",
         "default": "./ButtonBase/index.js"
       },
+      "import": {
+        "types": "./ButtonBase/index.d.mts",
+        "default": "./ButtonBase/index.mjs"
+      },
       "default": {
         "types": "./ButtonBase/index.d.mts",
         "default": "./ButtonBase/index.mjs"
       }
     },
     "./ButtonGroup": {
-      "import": {
-        "types": "./ButtonGroup/index.d.mts",
-        "default": "./ButtonGroup/index.mjs"
-      },
       "require": {
         "types": "./ButtonGroup/index.d.ts",
         "default": "./ButtonGroup/index.js"
       },
+      "import": {
+        "types": "./ButtonGroup/index.d.mts",
+        "default": "./ButtonGroup/index.mjs"
+      },
       "default": {
         "types": "./ButtonGroup/index.d.mts",
         "default": "./ButtonGroup/index.mjs"
       }
     },
     "./Card": {
-      "import": {
-        "types": "./Card/index.d.mts",
-        "default": "./Card/index.mjs"
-      },
       "require": {
         "types": "./Card/index.d.ts",
         "default": "./Card/index.js"
       },
+      "import": {
+        "types": "./Card/index.d.mts",
+        "default": "./Card/index.mjs"
+      },
       "default": {
         "types": "./Card/index.d.mts",
         "default": "./Card/index.mjs"
       }
     },
     "./CardActionArea": {
-      "import": {
-        "types": "./CardActionArea/index.d.mts",
-        "default": "./CardActionArea/index.mjs"
-      },
       "require": {
         "types": "./CardActionArea/index.d.ts",
         "default": "./CardActionArea/index.js"
       },
+      "import": {
+        "types": "./CardActionArea/index.d.mts",
+        "default": "./CardActionArea/index.mjs"
+      },
       "default": {
         "types": "./CardActionArea/index.d.mts",
         "default": "./CardActionArea/index.mjs"
       }
     },
     "./CardActions": {
-      "import": {
-        "types": "./CardActions/index.d.mts",
-        "default": "./CardActions/index.mjs"
-      },
       "require": {
         "types": "./CardActions/index.d.ts",
         "default": "./CardActions/index.js"
       },
+      "import": {
+        "types": "./CardActions/index.d.mts",
+        "default": "./CardActions/index.mjs"
+      },
       "default": {
         "types": "./CardActions/index.d.mts",
         "default": "./CardActions/index.mjs"
       }
     },
     "./CardContent": {
-      "import": {
-        "types": "./CardContent/index.d.mts",
-        "default": "./CardContent/index.mjs"
-      },
       "require": {
         "types": "./CardContent/index.d.ts",
         "default": "./CardContent/index.js"
       },
+      "import": {
+        "types": "./CardContent/index.d.mts",
+        "default": "./CardContent/index.mjs"
+      },
       "default": {
         "types": "./CardContent/index.d.mts",
         "default": "./CardContent/index.mjs"
       }
     },
     "./CardHeader": {
-      "import": {
-        "types": "./CardHeader/index.d.mts",
-        "default": "./CardHeader/index.mjs"
-      },
       "require": {
         "types": "./CardHeader/index.d.ts",
         "default": "./CardHeader/index.js"
       },
+      "import": {
+        "types": "./CardHeader/index.d.mts",
+        "default": "./CardHeader/index.mjs"
+      },
       "default": {
         "types": "./CardHeader/index.d.mts",
         "default": "./CardHeader/index.mjs"
       }
     },
     "./CardMedia": {
-      "import": {
-        "types": "./CardMedia/index.d.mts",
-        "default": "./CardMedia/index.mjs"
-      },
       "require": {
         "types": "./CardMedia/index.d.ts",
         "default": "./CardMedia/index.js"
       },
+      "import": {
+        "types": "./CardMedia/index.d.mts",
+        "default": "./CardMedia/index.mjs"
+      },
       "default": {
         "types": "./CardMedia/index.d.mts",
         "default": "./CardMedia/index.mjs"

package/styles/createThemeNoVars.js

@@ -89,7 +89,7 @@ function createThemeNoVars(options = {}, ...args) {
   options.generateThemeVars === undefined) {
     throw new Error(process.env.NODE_ENV !== "production" ? 'MUI: `vars` is a private field used for CSS variables support.\n' +
     // #host-reference
-    'Please use another name or follow the [docs](https://next.mui.com/material-ui/customization/css-theme-variables/usage/) to enable the feature.' : (0, _formatMuiErrorMessage.default)(22));
+    'Please use another name or follow the [docs](https://mui.com/material-ui/customization/css-theme-variables/usage/) to enable the feature.' : (0, _formatMuiErrorMessage.default)(22));
   }
   const palette = (0, _createPalette.default)({
     ...paletteInput,