@mui/material 9.0.0-beta.0 → 9.0.0

package/Grid/Grid.js

@@ -16,11 +16,11 @@ var _useTheme = _interopRequireDefault(require("../styles/useTheme"));
  *
  * Demos:
  *
- * - [Grid](https://next.mui.com/material-ui/react-grid/)
+ * - [Grid](https://mui.com/material-ui/react-grid/)
  *
  * API:
  *
- * - [Grid API](https://next.mui.com/material-ui/api/grid/)
+ * - [Grid API](https://mui.com/material-ui/api/grid/)
  */
 const Grid = (0, _Grid.createGrid)({
   createStyledComponent: (0, _styles.styled)('div', {
@@ -66,11 +66,16 @@ process.env.NODE_ENV !== "production" ? Grid.propTypes /* remove-proptypes */ =
    */
   container: _propTypes.default.bool,
   /**
-   * Defines the `flex-direction` style property.
-   * It is applied for all screen sizes.
+   * Defines the `flex-direction` style property for the container.
+   *
+   * ⚠️ Only `row` and `row-reverse` are supported. `column` and `column-reverse` are not supported,
+   * because the Grid component is designed to subdivide layouts into **columns**, not rows.
+   *
+   * For vertical layouts, use `Stack` instead.
+   *
    * @default 'row'
    */
-  direction: _propTypes.default /* @typescript-to-proptypes-ignore */.oneOfType([_propTypes.default.oneOf(['column-reverse', 'column', 'row-reverse', 'row']), _propTypes.default.arrayOf(_propTypes.default.oneOf(['column-reverse', 'column', 'row-reverse', 'row'])), _propTypes.default.object]),
+  direction: _propTypes.default /* @typescript-to-proptypes-ignore */.oneOfType([_propTypes.default.oneOf(['row-reverse', 'row']), _propTypes.default.arrayOf(_propTypes.default.oneOf(['row-reverse', 'row'])), _propTypes.default.object]),
   /**
    * Defines the offset value for the type `item` components.
    */

package/Grid/Grid.mjs

@@ -10,11 +10,11 @@ import useTheme from "../styles/useTheme.mjs";
  *
  * Demos:
  *
- * - [Grid](https://next.mui.com/material-ui/react-grid/)
+ * - [Grid](https://mui.com/material-ui/react-grid/)
  *
  * API:
  *
- * - [Grid API](https://next.mui.com/material-ui/api/grid/)
+ * - [Grid API](https://mui.com/material-ui/api/grid/)
  */
 const Grid = createGrid({
   createStyledComponent: styled('div', {
@@ -60,11 +60,16 @@ process.env.NODE_ENV !== "production" ? Grid.propTypes /* remove-proptypes */ =
    */
   container: PropTypes.bool,
   /**
-   * Defines the `flex-direction` style property.
-   * It is applied for all screen sizes.
+   * Defines the `flex-direction` style property for the container.
+   *
+   * ⚠️ Only `row` and `row-reverse` are supported. `column` and `column-reverse` are not supported,
+   * because the Grid component is designed to subdivide layouts into **columns**, not rows.
+   *
+   * For vertical layouts, use `Stack` instead.
+   *
    * @default 'row'
    */
-  direction: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['column-reverse', 'column', 'row-reverse', 'row']), PropTypes.arrayOf(PropTypes.oneOf(['column-reverse', 'column', 'row-reverse', 'row'])), PropTypes.object]),
+  direction: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['row-reverse', 'row']), PropTypes.arrayOf(PropTypes.oneOf(['row-reverse', 'row'])), PropTypes.object]),
   /**
    * Defines the offset value for the type `item` components.
    */

package/Grid/gridClasses.js

@@ -12,7 +12,7 @@ function getGridUtilityClass(slot) {
   return (0, _generateUtilityClass.default)('MuiGrid', slot);
 }
 const SPACINGS = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
-const DIRECTIONS = ['column-reverse', 'column', 'row-reverse', 'row'];
+const DIRECTIONS = ['row-reverse', 'row'];
 const WRAPS = ['nowrap', 'wrap-reverse', 'wrap'];
 const GRID_SIZES = ['auto', true, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
 const gridClasses = (0, _generateUtilityClasses.default)('MuiGrid', ['root', 'container',

package/Grid/gridClasses.mjs

@@ -4,7 +4,7 @@ export function getGridUtilityClass(slot) {
   return generateUtilityClass('MuiGrid', slot);
 }
 const SPACINGS = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
-const DIRECTIONS = ['column-reverse', 'column', 'row-reverse', 'row'];
+const DIRECTIONS = ['row-reverse', 'row'];
 const WRAPS = ['nowrap', 'wrap-reverse', 'wrap'];
 const GRID_SIZES = ['auto', true, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
 const gridClasses = generateUtilityClasses('MuiGrid', ['root', 'container',

package/Grow/Grow.d.mts

@@ -32,18 +32,18 @@ export interface GrowProps extends Omit<TransitionProps, 'timeout'> {
 }
 
 /**
- * The Grow transition is used by the [Tooltip](https://next.mui.com/material-ui/react-tooltip/) and
- * [Popover](https://next.mui.com/material-ui/react-popover/) components.
+ * The Grow transition is used by the [Tooltip](https://mui.com/material-ui/react-tooltip/) and
+ * [Popover](https://mui.com/material-ui/react-popover/) components.
  * It uses [react-transition-group](https://github.com/reactjs/react-transition-group) internally.
  *
  * Demos:
  *
- * - [Popover](https://next.mui.com/material-ui/react-popover/)
- * - [Transitions](https://next.mui.com/material-ui/transitions/)
+ * - [Popover](https://mui.com/material-ui/react-popover/)
+ * - [Transitions](https://mui.com/material-ui/transitions/)
  *
  * API:
  *
- * - [Grow API](https://next.mui.com/material-ui/api/grow/)
+ * - [Grow API](https://mui.com/material-ui/api/grow/)
  * - inherits [Transition API](https://reactcommunity.org/react-transition-group/transition/#Transition-props)
  */
 export default function Grow(props: GrowProps): React.JSX.Element;

package/Grow/Grow.d.ts

@@ -32,18 +32,18 @@ export interface GrowProps extends Omit<TransitionProps, 'timeout'> {
 }
 
 /**
- * The Grow transition is used by the [Tooltip](https://next.mui.com/material-ui/react-tooltip/) and
- * [Popover](https://next.mui.com/material-ui/react-popover/) components.
+ * The Grow transition is used by the [Tooltip](https://mui.com/material-ui/react-tooltip/) and
+ * [Popover](https://mui.com/material-ui/react-popover/) components.
  * It uses [react-transition-group](https://github.com/reactjs/react-transition-group) internally.
  *
  * Demos:
  *
- * - [Popover](https://next.mui.com/material-ui/react-popover/)
- * - [Transitions](https://next.mui.com/material-ui/transitions/)
+ * - [Popover](https://mui.com/material-ui/react-popover/)
+ * - [Transitions](https://mui.com/material-ui/transitions/)
  *
  * API:
  *
- * - [Grow API](https://next.mui.com/material-ui/api/grow/)
+ * - [Grow API](https://mui.com/material-ui/api/grow/)
  * - inherits [Transition API](https://reactcommunity.org/react-transition-group/transition/#Transition-props)
  */
 export default function Grow(props: GrowProps): React.JSX.Element;

package/Grow/Grow.js

@@ -28,14 +28,21 @@ const styles = {
   entered: {
     opacity: 1,
     transform: 'none'
+  },
+  exiting: {
+    opacity: 0,
+    transform: getScale(0.75)
+  },
+  exited: {
+    opacity: 0,
+    transform: getScale(0.75)
   }
 };
-
-/*
- TODO v6: remove
- Conditionally apply a workaround for the CSS transition bug in Safari 15.4 / WebKit browsers.
- */
-const isWebKit154 = typeof navigator !== 'undefined' && /^((?!chrome|android).)*(safari|mobile)/i.test(navigator.userAgent) && /(os |version\/)15(.|_)4/i.test(navigator.userAgent);
+const hiddenStyles = {
+  opacity: 0,
+  transform: getScale(0.75),
+  visibility: 'hidden'
+};
 
 /**
  * The Grow transition is used by the [Tooltip](/material-ui/react-tooltip/) and
@@ -57,8 +64,6 @@ const Grow = /*#__PURE__*/React.forwardRef(function Grow(props, ref) {
     onExiting,
     style,
     timeout = 'auto',
-    // eslint-disable-next-line react/prop-types
-    TransitionComponent = _reactTransitionGroup.Transition,
     ...other
   } = props;
   const timer = (0, _useTimeout.default)();
@@ -66,20 +71,8 @@ const Grow = /*#__PURE__*/React.forwardRef(function Grow(props, ref) {
   const theme = (0, _zeroStyled.useTheme)();
   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 {
@@ -104,7 +97,7 @@ const Grow = /*#__PURE__*/React.forwardRef(function Grow(props, ref) {
       duration,
       delay
     }), theme.transitions.create('transform', {
-      duration: isWebKit154 ? duration : duration * 0.666,
+      duration: duration * 0.666,
       delay,
       easing: transitionTimingFunction
     })].join(',');
@@ -112,9 +105,9 @@ const Grow = /*#__PURE__*/React.forwardRef(function Grow(props, ref) {
       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 {
       duration: transitionDuration,
       delay,
@@ -137,8 +130,8 @@ const Grow = /*#__PURE__*/React.forwardRef(function Grow(props, ref) {
       duration,
       delay
     }), theme.transitions.create('transform', {
-      duration: isWebKit154 ? duration : duration * 0.666,
-      delay: isWebKit154 ? delay : delay || duration * 0.333,
+      duration: duration * 0.666,
+      delay: delay || duration * 0.333,
       easing: transitionTimingFunction
     })].join(',');
     node.style.opacity = 0;
@@ -147,7 +140,12 @@ const Grow = /*#__PURE__*/React.forwardRef(function Grow(props, ref) {
       onExit(node);
     }
   });
-  const handleExited = normalizedTransitionCallback(onExited);
+  const handleExited = (0, _utils.normalizedTransitionCallback)(nodeRef, node => {
+    node.style.transition = '';
+    if (onExited) {
+      onExited(node);
+    }
+  });
   const handleAddEndListener = next => {
     if (timeout === 'auto') {
       timer.start(autoTimeout.current || 0, next);
@@ -157,7 +155,7 @@ const Grow = /*#__PURE__*/React.forwardRef(function Grow(props, ref) {
       addEndListener(nodeRef.current, next);
     }
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TransitionComponent, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactTransitionGroup.Transition, {
     appear: appear,
     in: inProp,
     nodeRef: nodeRef,
@@ -174,15 +172,9 @@ const Grow = /*#__PURE__*/React.forwardRef(function Grow(props, ref) {
       ownerState,
       ...restChildProps
     }) => {
+      const childStyle = (0, _utils.getTransitionChildStyle)(state, inProp, styles, hiddenStyles, style, children.props.style);
       return /*#__PURE__*/React.cloneElement(children, {
-        style: {
-          opacity: 0,
-          transform: getScale(0.75),
-          visibility: state === 'exited' && !inProp ? 'hidden' : undefined,
-          ...styles[state],
-          ...style,
-          ...children.props.style
-        },
+        style: childStyle,
         ref: handleRef,
         ...restChildProps
       });

package/Grow/Grow.mjs

@@ -7,7 +7,7 @@ import elementAcceptingRef from '@mui/utils/elementAcceptingRef';
 import getReactElementRef from '@mui/utils/getReactElementRef';
 import { Transition } from 'react-transition-group';
 import { useTheme } from "../zero-styled/index.mjs";
-import { getTransitionProps, reflow } from "../transitions/utils.mjs";
+import { normalizedTransitionCallback, getTransitionProps, getTransitionChildStyle, reflow } from "../transitions/utils.mjs";
 import useForkRef from "../utils/useForkRef.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
 function getScale(value) {
@@ -21,14 +21,21 @@ const styles = {
   entered: {
     opacity: 1,
     transform: 'none'
+  },
+  exiting: {
+    opacity: 0,
+    transform: getScale(0.75)
+  },
+  exited: {
+    opacity: 0,
+    transform: getScale(0.75)
   }
 };
-
-/*
- TODO v6: remove
- Conditionally apply a workaround for the CSS transition bug in Safari 15.4 / WebKit browsers.
- */
-const isWebKit154 = typeof navigator !== 'undefined' && /^((?!chrome|android).)*(safari|mobile)/i.test(navigator.userAgent) && /(os |version\/)15(.|_)4/i.test(navigator.userAgent);
+const hiddenStyles = {
+  opacity: 0,
+  transform: getScale(0.75),
+  visibility: 'hidden'
+};
 
 /**
  * The Grow transition is used by the [Tooltip](/material-ui/react-tooltip/) and
@@ -50,8 +57,6 @@ const Grow = /*#__PURE__*/React.forwardRef(function Grow(props, ref) {
     onExiting,
     style,
     timeout = 'auto',
-    // eslint-disable-next-line react/prop-types
-    TransitionComponent = Transition,
     ...other
   } = props;
   const timer = useTimeout();
@@ -59,20 +64,8 @@ const Grow = /*#__PURE__*/React.forwardRef(function Grow(props, ref) {
   const theme = useTheme();
   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 {
@@ -97,7 +90,7 @@ const Grow = /*#__PURE__*/React.forwardRef(function Grow(props, ref) {
       duration,
       delay
     }), theme.transitions.create('transform', {
-      duration: isWebKit154 ? duration : duration * 0.666,
+      duration: duration * 0.666,
       delay,
       easing: transitionTimingFunction
     })].join(',');
@@ -105,9 +98,9 @@ const Grow = /*#__PURE__*/React.forwardRef(function Grow(props, ref) {
       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 {
       duration: transitionDuration,
       delay,
@@ -130,8 +123,8 @@ const Grow = /*#__PURE__*/React.forwardRef(function Grow(props, ref) {
       duration,
       delay
     }), theme.transitions.create('transform', {
-      duration: isWebKit154 ? duration : duration * 0.666,
-      delay: isWebKit154 ? delay : delay || duration * 0.333,
+      duration: duration * 0.666,
+      delay: delay || duration * 0.333,
       easing: transitionTimingFunction
     })].join(',');
     node.style.opacity = 0;
@@ -140,7 +133,12 @@ const Grow = /*#__PURE__*/React.forwardRef(function Grow(props, ref) {
       onExit(node);
     }
   });
-  const handleExited = normalizedTransitionCallback(onExited);
+  const handleExited = normalizedTransitionCallback(nodeRef, node => {
+    node.style.transition = '';
+    if (onExited) {
+      onExited(node);
+    }
+  });
   const handleAddEndListener = next => {
     if (timeout === 'auto') {
       timer.start(autoTimeout.current || 0, next);
@@ -150,7 +148,7 @@ const Grow = /*#__PURE__*/React.forwardRef(function Grow(props, ref) {
       addEndListener(nodeRef.current, next);
     }
   };
-  return /*#__PURE__*/_jsx(TransitionComponent, {
+  return /*#__PURE__*/_jsx(Transition, {
     appear: appear,
     in: inProp,
     nodeRef: nodeRef,
@@ -167,15 +165,9 @@ const Grow = /*#__PURE__*/React.forwardRef(function Grow(props, ref) {
       ownerState,
       ...restChildProps
     }) => {
+      const childStyle = getTransitionChildStyle(state, inProp, styles, hiddenStyles, style, children.props.style);
       return /*#__PURE__*/React.cloneElement(children, {
-        style: {
-          opacity: 0,
-          transform: getScale(0.75),
-          visibility: state === 'exited' && !inProp ? 'hidden' : undefined,
-          ...styles[state],
-          ...style,
-          ...children.props.style
-        },
+        style: childStyle,
         ref: handleRef,
         ...restChildProps
       });

package/Icon/Icon.d.mts

@@ -46,12 +46,12 @@ export interface IconTypeMap<AdditionalProps = {}, RootComponent extends React.E
  *
  * Demos:
  *
- * - [Icons](https://next.mui.com/material-ui/icons/)
- * - [Material Icons](https://next.mui.com/material-ui/material-icons/)
+ * - [Icons](https://mui.com/material-ui/icons/)
+ * - [Material Icons](https://mui.com/material-ui/material-icons/)
  *
  * API:
  *
- * - [Icon API](https://next.mui.com/material-ui/api/icon/)
+ * - [Icon API](https://mui.com/material-ui/api/icon/)
  */
 declare const Icon: OverridableComponent<IconTypeMap> & {
   muiName: string;

package/Icon/Icon.d.ts

@@ -46,12 +46,12 @@ export interface IconTypeMap<AdditionalProps = {}, RootComponent extends React.E
  *
  * Demos:
  *
- * - [Icons](https://next.mui.com/material-ui/icons/)
- * - [Material Icons](https://next.mui.com/material-ui/material-icons/)
+ * - [Icons](https://mui.com/material-ui/icons/)
+ * - [Material Icons](https://mui.com/material-ui/material-icons/)
  *
  * API:
  *
- * - [Icon API](https://next.mui.com/material-ui/api/icon/)
+ * - [Icon API](https://mui.com/material-ui/api/icon/)
  */
 declare const Icon: OverridableComponent<IconTypeMap> & {
   muiName: string;

package/IconButton/IconButton.d.mts

@@ -71,18 +71,18 @@ export type IconButtonTypeMap<AdditionalProps = {}, RootComponent extends React.
 }>;
 
 /**
- * Refer to the [Icons](https://next.mui.com/material-ui/icons/) section of the documentation
+ * Refer to the [Icons](https://mui.com/material-ui/icons/) section of the documentation
  * regarding the available icon options.
  *
  * Demos:
  *
- * - [Button](https://next.mui.com/material-ui/react-button/)
- * - [Number Field](https://next.mui.com/material-ui/react-number-field/)
+ * - [Button](https://mui.com/material-ui/react-button/)
+ * - [Number Field](https://mui.com/material-ui/react-number-field/)
  *
  * API:
  *
- * - [IconButton API](https://next.mui.com/material-ui/api/icon-button/)
- * - inherits [ButtonBase API](https://next.mui.com/material-ui/api/button-base/)
+ * - [IconButton API](https://mui.com/material-ui/api/icon-button/)
+ * - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
  */
 declare const IconButton: ExtendButtonBase<IconButtonTypeMap>;
 export type IconButtonProps<RootComponent extends React.ElementType = IconButtonTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<IconButtonTypeMap<AdditionalProps, RootComponent>, RootComponent> & {

package/IconButton/IconButton.d.ts

@@ -71,18 +71,18 @@ export type IconButtonTypeMap<AdditionalProps = {}, RootComponent extends React.
 }>;
 
 /**
- * Refer to the [Icons](https://next.mui.com/material-ui/icons/) section of the documentation
+ * Refer to the [Icons](https://mui.com/material-ui/icons/) section of the documentation
  * regarding the available icon options.
  *
  * Demos:
  *
- * - [Button](https://next.mui.com/material-ui/react-button/)
- * - [Number Field](https://next.mui.com/material-ui/react-number-field/)
+ * - [Button](https://mui.com/material-ui/react-button/)
+ * - [Number Field](https://mui.com/material-ui/react-number-field/)
  *
  * API:
  *
- * - [IconButton API](https://next.mui.com/material-ui/api/icon-button/)
- * - inherits [ButtonBase API](https://next.mui.com/material-ui/api/button-base/)
+ * - [IconButton API](https://mui.com/material-ui/api/icon-button/)
+ * - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
  */
 declare const IconButton: ExtendButtonBase<IconButtonTypeMap>;
 export type IconButtonProps<RootComponent extends React.ElementType = IconButtonTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<IconButtonTypeMap<AdditionalProps, RootComponent>, RootComponent> & {

package/IconButton/IconButton.js

@@ -219,6 +219,7 @@ const IconButton = /*#__PURE__*/React.forwardRef(function IconButton(inProps, re
     id: loading ? loadingId : idProp,
     className: (0, _clsx.default)(classes.root, className),
     centerRipple: true,
+    internalNativeButton: true,
     focusRipple: !disableFocusRipple,
     disabled: disabled || loading,
     ref: ref,

package/IconButton/IconButton.mjs

@@ -212,6 +212,7 @@ const IconButton = /*#__PURE__*/React.forwardRef(function IconButton(inProps, re
     id: loading ? loadingId : idProp,
     className: clsx(classes.root, className),
     centerRipple: true,
+    internalNativeButton: true,
     focusRipple: !disableFocusRipple,
     disabled: disabled || loading,
     ref: ref,

package/ImageList/ImageList.d.mts

@@ -47,11 +47,11 @@ export interface ImageListTypeMap<AdditionalProps = {}, RootComponent extends Re
  *
  * Demos:
  *
- * - [Image List](https://next.mui.com/material-ui/react-image-list/)
+ * - [Image List](https://mui.com/material-ui/react-image-list/)
  *
  * API:
  *
- * - [ImageList API](https://next.mui.com/material-ui/api/image-list/)
+ * - [ImageList API](https://mui.com/material-ui/api/image-list/)
  */
 declare const ImageList: OverridableComponent<ImageListTypeMap>;
 export type ImageListProps<RootComponent extends React.ElementType = ImageListTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ImageListTypeMap<AdditionalProps, RootComponent>, RootComponent> & {

package/ImageList/ImageList.d.ts

@@ -47,11 +47,11 @@ export interface ImageListTypeMap<AdditionalProps = {}, RootComponent extends Re
  *
  * Demos:
  *
- * - [Image List](https://next.mui.com/material-ui/react-image-list/)
+ * - [Image List](https://mui.com/material-ui/react-image-list/)
  *
  * API:
  *
- * - [ImageList API](https://next.mui.com/material-ui/api/image-list/)
+ * - [ImageList API](https://mui.com/material-ui/api/image-list/)
  */
 declare const ImageList: OverridableComponent<ImageListTypeMap>;
 export type ImageListProps<RootComponent extends React.ElementType = ImageListTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ImageListTypeMap<AdditionalProps, RootComponent>, RootComponent> & {

package/ImageListItem/ImageListItem.d.mts

@@ -35,11 +35,11 @@ export interface ImageListItemTypeMap<AdditionalProps = {}, RootComponent extend
  *
  * Demos:
  *
- * - [Image List](https://next.mui.com/material-ui/react-image-list/)
+ * - [Image List](https://mui.com/material-ui/react-image-list/)
  *
  * API:
  *
- * - [ImageListItem API](https://next.mui.com/material-ui/api/image-list-item/)
+ * - [ImageListItem API](https://mui.com/material-ui/api/image-list-item/)
  */
 declare const ImageListItem: OverridableComponent<ImageListItemTypeMap>;
 export type ImageListItemProps<RootComponent extends React.ElementType = ImageListItemTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ImageListItemTypeMap<AdditionalProps, RootComponent>, RootComponent> & {

package/ImageListItem/ImageListItem.d.ts

@@ -35,11 +35,11 @@ export interface ImageListItemTypeMap<AdditionalProps = {}, RootComponent extend
  *
  * Demos:
  *
- * - [Image List](https://next.mui.com/material-ui/react-image-list/)
+ * - [Image List](https://mui.com/material-ui/react-image-list/)
  *
  * API:
  *
- * - [ImageListItem API](https://next.mui.com/material-ui/api/image-list-item/)
+ * - [ImageListItem API](https://mui.com/material-ui/api/image-list-item/)
  */
 declare const ImageListItem: OverridableComponent<ImageListItemTypeMap>;
 export type ImageListItemProps<RootComponent extends React.ElementType = ImageListItemTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ImageListItemTypeMap<AdditionalProps, RootComponent>, RootComponent> & {

package/ImageListItemBar/ImageListItemBar.d.mts

@@ -41,10 +41,10 @@ export interface ImageListItemBarProps extends StandardProps<React.HTMLAttribute
  *
  * Demos:
  *
- * - [Image List](https://next.mui.com/material-ui/react-image-list/)
+ * - [Image List](https://mui.com/material-ui/react-image-list/)
  *
  * API:
  *
- * - [ImageListItemBar API](https://next.mui.com/material-ui/api/image-list-item-bar/)
+ * - [ImageListItemBar API](https://mui.com/material-ui/api/image-list-item-bar/)
  */
 export default function ImageListItemBar(props: ImageListItemBarProps): React.JSX.Element;

package/ImageListItemBar/ImageListItemBar.d.ts

@@ -41,10 +41,10 @@ export interface ImageListItemBarProps extends StandardProps<React.HTMLAttribute
  *
  * Demos:
  *
- * - [Image List](https://next.mui.com/material-ui/react-image-list/)
+ * - [Image List](https://mui.com/material-ui/react-image-list/)
  *
  * API:
  *
- * - [ImageListItemBar API](https://next.mui.com/material-ui/api/image-list-item-bar/)
+ * - [ImageListItemBar API](https://mui.com/material-ui/api/image-list-item-bar/)
  */
 export default function ImageListItemBar(props: ImageListItemBarProps): React.JSX.Element;

package/InitColorSchemeScript/InitColorSchemeScript.d.mts

@@ -52,11 +52,11 @@ export interface InitColorSchemeScriptProps {
  *
  * Demos:
  *
- * - [InitColorSchemeScript](https://next.mui.com/material-ui/react-init-color-scheme-script/)
+ * - [InitColorSchemeScript](https://mui.com/material-ui/react-init-color-scheme-script/)
  *
  * API:
  *
- * - [InitColorSchemeScript API](https://next.mui.com/material-ui/api/init-color-scheme-script/)
+ * - [InitColorSchemeScript API](https://mui.com/material-ui/api/init-color-scheme-script/)
  */
 declare function InitColorSchemeScript(props: InitColorSchemeScriptProps): import("react/jsx-runtime").JSX.Element;
 declare namespace InitColorSchemeScript {

package/InitColorSchemeScript/InitColorSchemeScript.d.ts

@@ -52,11 +52,11 @@ export interface InitColorSchemeScriptProps {
  *
  * Demos:
  *
- * - [InitColorSchemeScript](https://next.mui.com/material-ui/react-init-color-scheme-script/)
+ * - [InitColorSchemeScript](https://mui.com/material-ui/react-init-color-scheme-script/)
  *
  * API:
  *
- * - [InitColorSchemeScript API](https://next.mui.com/material-ui/api/init-color-scheme-script/)
+ * - [InitColorSchemeScript API](https://mui.com/material-ui/api/init-color-scheme-script/)
  */
 declare function InitColorSchemeScript(props: InitColorSchemeScriptProps): import("react/jsx-runtime").JSX.Element;
 declare namespace InitColorSchemeScript {

package/InitColorSchemeScript/InitColorSchemeScript.js

@@ -19,11 +19,11 @@ const defaultConfig = exports.defaultConfig = {
  *
  * Demos:
  *
- * - [InitColorSchemeScript](https://next.mui.com/material-ui/react-init-color-scheme-script/)
+ * - [InitColorSchemeScript](https://mui.com/material-ui/react-init-color-scheme-script/)
  *
  * API:
  *
- * - [InitColorSchemeScript API](https://next.mui.com/material-ui/api/init-color-scheme-script/)
+ * - [InitColorSchemeScript API](https://mui.com/material-ui/api/init-color-scheme-script/)
  */
 function InitColorSchemeScript(props) {
   const {