@mui/material 9.0.0-beta.0 → 9.0.0

package/CardActionArea/CardActionArea.d.mts

@@ -50,12 +50,12 @@ export type CardActionAreaTypeMap<AdditionalProps, RootComponent extends React.E
  *
  * Demos:
  *
- * - [Card](https://next.mui.com/material-ui/react-card/)
+ * - [Card](https://mui.com/material-ui/react-card/)
  *
  * API:
  *
- * - [CardActionArea API](https://next.mui.com/material-ui/api/card-action-area/)
- * - inherits [ButtonBase API](https://next.mui.com/material-ui/api/button-base/)
+ * - [CardActionArea API](https://mui.com/material-ui/api/card-action-area/)
+ * - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
  */
 declare const CardActionArea: ExtendButtonBase<CardActionAreaTypeMap<{}, ButtonBaseTypeMap['defaultComponent']>>;
 export type CardActionAreaProps<RootComponent extends React.ElementType = ButtonBaseTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<CardActionAreaTypeMap<AdditionalProps, RootComponent>, RootComponent> & {

package/CardActionArea/CardActionArea.d.ts

@@ -50,12 +50,12 @@ export type CardActionAreaTypeMap<AdditionalProps, RootComponent extends React.E
  *
  * Demos:
  *
- * - [Card](https://next.mui.com/material-ui/react-card/)
+ * - [Card](https://mui.com/material-ui/react-card/)
  *
  * API:
  *
- * - [CardActionArea API](https://next.mui.com/material-ui/api/card-action-area/)
- * - inherits [ButtonBase API](https://next.mui.com/material-ui/api/button-base/)
+ * - [CardActionArea API](https://mui.com/material-ui/api/card-action-area/)
+ * - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
  */
 declare const CardActionArea: ExtendButtonBase<CardActionAreaTypeMap<{}, ButtonBaseTypeMap['defaultComponent']>>;
 export type CardActionAreaProps<RootComponent extends React.ElementType = ButtonBaseTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<CardActionAreaTypeMap<AdditionalProps, RootComponent>, RootComponent> & {

package/CardActionArea/CardActionArea.js

@@ -99,6 +99,7 @@ const CardActionArea = /*#__PURE__*/React.forwardRef(function CardActionArea(inP
     ref,
     className: (0, _clsx.default)(classes.root, className),
     additionalProps: {
+      internalNativeButton: true,
       focusVisibleClassName: (0, _clsx.default)(focusVisibleClassName, classes.focusVisible)
     }
   });

package/CardActionArea/CardActionArea.mjs

@@ -92,6 +92,7 @@ const CardActionArea = /*#__PURE__*/React.forwardRef(function CardActionArea(inP
     ref,
     className: clsx(classes.root, className),
     additionalProps: {
+      internalNativeButton: true,
       focusVisibleClassName: clsx(focusVisibleClassName, classes.focusVisible)
     }
   });

package/CardActions/CardActions.d.mts

@@ -27,10 +27,10 @@ export interface CardActionsProps extends StandardProps<React.HTMLAttributes<HTM
  *
  * Demos:
  *
- * - [Card](https://next.mui.com/material-ui/react-card/)
+ * - [Card](https://mui.com/material-ui/react-card/)
  *
  * API:
  *
- * - [CardActions API](https://next.mui.com/material-ui/api/card-actions/)
+ * - [CardActions API](https://mui.com/material-ui/api/card-actions/)
  */
 export default function CardActions(props: CardActionsProps): React.JSX.Element;

package/CardActions/CardActions.d.ts

@@ -27,10 +27,10 @@ export interface CardActionsProps extends StandardProps<React.HTMLAttributes<HTM
  *
  * Demos:
  *
- * - [Card](https://next.mui.com/material-ui/react-card/)
+ * - [Card](https://mui.com/material-ui/react-card/)
  *
  * API:
  *
- * - [CardActions API](https://next.mui.com/material-ui/api/card-actions/)
+ * - [CardActions API](https://mui.com/material-ui/api/card-actions/)
  */
 export default function CardActions(props: CardActionsProps): React.JSX.Element;

package/CardContent/CardContent.d.mts

@@ -25,11 +25,11 @@ export interface CardContentTypeMap<AdditionalProps = {}, RootComponent extends
  *
  * Demos:
  *
- * - [Card](https://next.mui.com/material-ui/react-card/)
+ * - [Card](https://mui.com/material-ui/react-card/)
  *
  * API:
  *
- * - [CardContent API](https://next.mui.com/material-ui/api/card-content/)
+ * - [CardContent API](https://mui.com/material-ui/api/card-content/)
  */
 declare const CardContent: OverridableComponent<CardContentTypeMap>;
 export type CardContentProps<RootComponent extends React.ElementType = CardContentTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<CardContentTypeMap<AdditionalProps, RootComponent>, RootComponent> & {

package/CardContent/CardContent.d.ts

@@ -25,11 +25,11 @@ export interface CardContentTypeMap<AdditionalProps = {}, RootComponent extends
  *
  * Demos:
  *
- * - [Card](https://next.mui.com/material-ui/react-card/)
+ * - [Card](https://mui.com/material-ui/react-card/)
  *
  * API:
  *
- * - [CardContent API](https://next.mui.com/material-ui/api/card-content/)
+ * - [CardContent API](https://mui.com/material-ui/api/card-content/)
  */
 declare const CardContent: OverridableComponent<CardContentTypeMap>;
 export type CardContentProps<RootComponent extends React.ElementType = CardContentTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<CardContentTypeMap<AdditionalProps, RootComponent>, RootComponent> & {

package/CardHeader/CardHeader.d.mts

@@ -128,11 +128,11 @@ export interface CardHeaderTypeMap<AdditionalProps = {}, RootComponent extends R
  *
  * Demos:
  *
- * - [Card](https://next.mui.com/material-ui/react-card/)
+ * - [Card](https://mui.com/material-ui/react-card/)
  *
  * API:
  *
- * - [CardHeader API](https://next.mui.com/material-ui/api/card-header/)
+ * - [CardHeader API](https://mui.com/material-ui/api/card-header/)
  */
 declare const CardHeader: OverridableCardHeader;
 export interface OverridableCardHeader extends OverridableComponent<CardHeaderTypeMap> {

package/CardHeader/CardHeader.d.ts

@@ -128,11 +128,11 @@ export interface CardHeaderTypeMap<AdditionalProps = {}, RootComponent extends R
  *
  * Demos:
  *
- * - [Card](https://next.mui.com/material-ui/react-card/)
+ * - [Card](https://mui.com/material-ui/react-card/)
  *
  * API:
  *
- * - [CardHeader API](https://next.mui.com/material-ui/api/card-header/)
+ * - [CardHeader API](https://mui.com/material-ui/api/card-header/)
  */
 declare const CardHeader: OverridableCardHeader;
 export interface OverridableCardHeader extends OverridableComponent<CardHeaderTypeMap> {

package/CardMedia/CardMedia.d.mts

@@ -38,11 +38,11 @@ export interface CardMediaTypeMap<AdditionalProps, RootComponent extends React.E
  *
  * Demos:
  *
- * - [Card](https://next.mui.com/material-ui/react-card/)
+ * - [Card](https://mui.com/material-ui/react-card/)
  *
  * API:
  *
- * - [CardMedia API](https://next.mui.com/material-ui/api/card-media/)
+ * - [CardMedia API](https://mui.com/material-ui/api/card-media/)
  */
 declare const CardMedia: OverridableComponent<CardMediaTypeMap<{}, 'div'>>;
 export type CardMediaProps<RootComponent extends React.ElementType = 'div', AdditionalProps = {}> = OverrideProps<CardMediaTypeMap<AdditionalProps, RootComponent>, RootComponent> & {

package/CardMedia/CardMedia.d.ts

@@ -38,11 +38,11 @@ export interface CardMediaTypeMap<AdditionalProps, RootComponent extends React.E
  *
  * Demos:
  *
- * - [Card](https://next.mui.com/material-ui/react-card/)
+ * - [Card](https://mui.com/material-ui/react-card/)
  *
  * API:
  *
- * - [CardMedia API](https://next.mui.com/material-ui/api/card-media/)
+ * - [CardMedia API](https://mui.com/material-ui/api/card-media/)
  */
 declare const CardMedia: OverridableComponent<CardMediaTypeMap<{}, 'div'>>;
 export type CardMediaProps<RootComponent extends React.ElementType = 'div', AdditionalProps = {}> = OverrideProps<CardMediaTypeMap<AdditionalProps, RootComponent>, RootComponent> & {

package/Checkbox/Checkbox.d.mts

@@ -121,12 +121,12 @@ export interface CheckboxOwnerState extends Omit<CheckboxProps, 'slots' | 'slotP
  *
  * Demos:
  *
- * - [Checkbox](https://next.mui.com/material-ui/react-checkbox/)
- * - [Transfer List](https://next.mui.com/material-ui/react-transfer-list/)
+ * - [Checkbox](https://mui.com/material-ui/react-checkbox/)
+ * - [Transfer List](https://mui.com/material-ui/react-transfer-list/)
  *
  * API:
  *
- * - [Checkbox API](https://next.mui.com/material-ui/api/checkbox/)
- * - inherits [ButtonBase API](https://next.mui.com/material-ui/api/button-base/)
+ * - [Checkbox API](https://mui.com/material-ui/api/checkbox/)
+ * - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
  */
 export default function Checkbox(props: CheckboxProps): React.JSX.Element;

package/Checkbox/Checkbox.d.ts

@@ -121,12 +121,12 @@ export interface CheckboxOwnerState extends Omit<CheckboxProps, 'slots' | 'slotP
  *
  * Demos:
  *
- * - [Checkbox](https://next.mui.com/material-ui/react-checkbox/)
- * - [Transfer List](https://next.mui.com/material-ui/react-transfer-list/)
+ * - [Checkbox](https://mui.com/material-ui/react-checkbox/)
+ * - [Transfer List](https://mui.com/material-ui/react-transfer-list/)
  *
  * API:
  *
- * - [Checkbox API](https://next.mui.com/material-ui/api/checkbox/)
- * - inherits [ButtonBase API](https://next.mui.com/material-ui/api/button-base/)
+ * - [Checkbox API](https://mui.com/material-ui/api/checkbox/)
+ * - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
  */
 export default function Checkbox(props: CheckboxProps): React.JSX.Element;

package/Chip/Chip.d.mts

@@ -90,6 +90,13 @@ export interface ChipOwnProps {
    * @default 'medium'
    */
   size?: OverridableStringUnion<'small' | 'medium', ChipPropsSizeOverrides> | undefined;
+  /**
+   * If `true`, the component is expected to resolve to a native `<button>` element.
+   * When omitted, custom components inherit the default button semantics of the current wrapper.
+   * Set to `true` when a custom component resolves to a native `<button>`, or `false`
+   * when it resolves to a non-button host.
+   */
+  nativeButton?: boolean | undefined;
   /**
    * If `true`, allows the disabled chip to escape focus.
    * If `false`, allows the disabled chip to receive focus.
@@ -120,11 +127,11 @@ export interface ChipTypeMap<AdditionalProps = {}, RootComponent extends React.E
  *
  * Demos:
  *
- * - [Chip](https://next.mui.com/material-ui/react-chip/)
+ * - [Chip](https://mui.com/material-ui/react-chip/)
  *
  * API:
  *
- * - [Chip API](https://next.mui.com/material-ui/api/chip/)
+ * - [Chip API](https://mui.com/material-ui/api/chip/)
  */
 declare const Chip: OverridableComponent<ChipTypeMap>;
 export type ChipProps<RootComponent extends React.ElementType = ChipTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ChipTypeMap<AdditionalProps, RootComponent>, RootComponent> & {

package/Chip/Chip.d.ts

@@ -90,6 +90,13 @@ export interface ChipOwnProps {
    * @default 'medium'
    */
   size?: OverridableStringUnion<'small' | 'medium', ChipPropsSizeOverrides> | undefined;
+  /**
+   * If `true`, the component is expected to resolve to a native `<button>` element.
+   * When omitted, custom components inherit the default button semantics of the current wrapper.
+   * Set to `true` when a custom component resolves to a native `<button>`, or `false`
+   * when it resolves to a non-button host.
+   */
+  nativeButton?: boolean | undefined;
   /**
    * If `true`, allows the disabled chip to escape focus.
    * If `false`, allows the disabled chip to receive focus.
@@ -120,11 +127,11 @@ export interface ChipTypeMap<AdditionalProps = {}, RootComponent extends React.E
  *
  * Demos:
  *
- * - [Chip](https://next.mui.com/material-ui/react-chip/)
+ * - [Chip](https://mui.com/material-ui/react-chip/)
  *
  * API:
  *
- * - [Chip API](https://next.mui.com/material-ui/api/chip/)
+ * - [Chip API](https://mui.com/material-ui/api/chip/)
  */
 declare const Chip: OverridableComponent<ChipTypeMap>;
 export type ChipProps<RootComponent extends React.ElementType = ChipTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ChipTypeMap<AdditionalProps, RootComponent>, RootComponent> & {

package/Chip/Chip.js

@@ -20,6 +20,7 @@ var _zeroStyled = require("../zero-styled");
 var _memoTheme = _interopRequireDefault(require("../utils/memoTheme"));
 var _createSimplePaletteValueFilter = _interopRequireDefault(require("../utils/createSimplePaletteValueFilter"));
 var _DefaultPropsProvider = require("../DefaultPropsProvider");
+var _rootShouldForwardProp = _interopRequireDefault(require("../styles/rootShouldForwardProp"));
 var _chipClasses = _interopRequireWildcard(require("./chipClasses"));
 var _useSlot = _interopRequireDefault(require("../utils/useSlot"));
 var _jsxRuntime = require("react/jsx-runtime");
@@ -45,6 +46,7 @@ const useUtilityClasses = ownerState => {
 const ChipRoot = (0, _zeroStyled.styled)('div', {
   name: 'MuiChip',
   slot: 'Root',
+  shouldForwardProp: prop => (0, _rootShouldForwardProp.default)(prop) && prop !== 'focusableWhenDisabled' && prop !== 'skipFocusWhenDisabled',
   overridesResolver: (props, styles) => {
     const {
       ownerState
@@ -377,6 +379,10 @@ const Chip = /*#__PURE__*/React.forwardRef(function Chip(inProps, ref) {
     slotProps = {},
     ...other
   } = props;
+  const {
+    nativeButton,
+    ...buttonBaseProps
+  } = other;
   const chipRef = React.useRef(null);
   const handleRef = (0, _useForkRef.default)(chipRef, ref);
   const handleDeleteIconClick = event => {
@@ -422,9 +428,13 @@ const Chip = /*#__PURE__*/React.forwardRef(function Chip(inProps, ref) {
   const classes = useUtilityClasses(ownerState);
   const moreProps = component === _ButtonBase.default ? {
     component: ComponentProp || 'div',
+    internalNativeButton: false,
     focusVisibleClassName: classes.focusVisible,
     ...(onDelete && {
       disableRipple: true
+    }),
+    ...(nativeButton !== undefined && {
+      nativeButton
     })
   } : {};
   let deleteIcon = null;
@@ -462,7 +472,7 @@ const Chip = /*#__PURE__*/React.forwardRef(function Chip(inProps, ref) {
     elementType: ChipRoot,
     externalForwardedProps: {
       ...externalForwardedProps,
-      ...other
+      ...buttonBaseProps
     },
     ownerState,
     // The `component` prop is preserved because `Chip` relies on it for internal logic. If `shouldForwardComponentProp` were `false`, `useSlot` would remove the `component` prop, potentially breaking the component's behavior.
@@ -565,6 +575,13 @@ process.env.NODE_ENV !== "production" ? Chip.propTypes /* remove-proptypes */ =
    * The content of the component.
    */
   label: _propTypes.default.node,
+  /**
+   * If `true`, the component is expected to resolve to a native `<button>` element.
+   * When omitted, custom components inherit the default button semantics of the current wrapper.
+   * Set to `true` when a custom component resolves to a native `<button>`, or `false`
+   * when it resolves to a non-button host.
+   */
+  nativeButton: _propTypes.default.bool,
   /**
    * @ignore
    */

package/Chip/Chip.mjs

@@ -13,6 +13,7 @@ import { styled } from "../zero-styled/index.mjs";
 import memoTheme from "../utils/memoTheme.mjs";
 import createSimplePaletteValueFilter from "../utils/createSimplePaletteValueFilter.mjs";
 import { useDefaultProps } from "../DefaultPropsProvider/index.mjs";
+import rootShouldForwardProp from "../styles/rootShouldForwardProp.mjs";
 import chipClasses, { getChipUtilityClass } from "./chipClasses.mjs";
 import useSlot from "../utils/useSlot.mjs";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
@@ -38,6 +39,7 @@ const useUtilityClasses = ownerState => {
 const ChipRoot = styled('div', {
   name: 'MuiChip',
   slot: 'Root',
+  shouldForwardProp: prop => rootShouldForwardProp(prop) && prop !== 'focusableWhenDisabled' && prop !== 'skipFocusWhenDisabled',
   overridesResolver: (props, styles) => {
     const {
       ownerState
@@ -370,6 +372,10 @@ const Chip = /*#__PURE__*/React.forwardRef(function Chip(inProps, ref) {
     slotProps = {},
     ...other
   } = props;
+  const {
+    nativeButton,
+    ...buttonBaseProps
+  } = other;
   const chipRef = React.useRef(null);
   const handleRef = useForkRef(chipRef, ref);
   const handleDeleteIconClick = event => {
@@ -415,9 +421,13 @@ const Chip = /*#__PURE__*/React.forwardRef(function Chip(inProps, ref) {
   const classes = useUtilityClasses(ownerState);
   const moreProps = component === ButtonBase ? {
     component: ComponentProp || 'div',
+    internalNativeButton: false,
     focusVisibleClassName: classes.focusVisible,
     ...(onDelete && {
       disableRipple: true
+    }),
+    ...(nativeButton !== undefined && {
+      nativeButton
     })
   } : {};
   let deleteIcon = null;
@@ -455,7 +465,7 @@ const Chip = /*#__PURE__*/React.forwardRef(function Chip(inProps, ref) {
     elementType: ChipRoot,
     externalForwardedProps: {
       ...externalForwardedProps,
-      ...other
+      ...buttonBaseProps
     },
     ownerState,
     // The `component` prop is preserved because `Chip` relies on it for internal logic. If `shouldForwardComponentProp` were `false`, `useSlot` would remove the `component` prop, potentially breaking the component's behavior.
@@ -558,6 +568,13 @@ process.env.NODE_ENV !== "production" ? Chip.propTypes /* remove-proptypes */ =
    * The content of the component.
    */
   label: PropTypes.node,
+  /**
+   * If `true`, the component is expected to resolve to a native `<button>` element.
+   * When omitted, custom components inherit the default button semantics of the current wrapper.
+   * Set to `true` when a custom component resolves to a native `<button>`, or `false`
+   * when it resolves to a non-button host.
+   */
+  nativeButton: PropTypes.bool,
   /**
    * @ignore
    */

package/CircularProgress/CircularProgress.d.mts

@@ -69,10 +69,10 @@ export interface CircularProgressProps extends StandardProps<React.HTMLAttribute
  *
  * Demos:
  *
- * - [Progress](https://next.mui.com/material-ui/react-progress/)
+ * - [Progress](https://mui.com/material-ui/react-progress/)
  *
  * API:
  *
- * - [CircularProgress API](https://next.mui.com/material-ui/api/circular-progress/)
+ * - [CircularProgress API](https://mui.com/material-ui/api/circular-progress/)
  */
 export default function CircularProgress(props: CircularProgressProps): React.JSX.Element;

package/CircularProgress/CircularProgress.d.ts

@@ -69,10 +69,10 @@ export interface CircularProgressProps extends StandardProps<React.HTMLAttribute
  *
  * Demos:
  *
- * - [Progress](https://next.mui.com/material-ui/react-progress/)
+ * - [Progress](https://mui.com/material-ui/react-progress/)
  *
  * API:
  *
- * - [CircularProgress API](https://next.mui.com/material-ui/api/circular-progress/)
+ * - [CircularProgress API](https://mui.com/material-ui/api/circular-progress/)
  */
 export default function CircularProgress(props: CircularProgressProps): React.JSX.Element;

package/ClickAwayListener/ClickAwayListener.d.mts

@@ -33,12 +33,12 @@ export interface ClickAwayListenerProps {
  *
  * Demos:
  *
- * - [Click-Away Listener](https://next.mui.com/material-ui/react-click-away-listener/)
- * - [Menu](https://next.mui.com/material-ui/react-menu/)
+ * - [Click-Away Listener](https://mui.com/material-ui/react-click-away-listener/)
+ * - [Menu](https://mui.com/material-ui/react-menu/)
  *
  * API:
  *
- * - [ClickAwayListener API](https://next.mui.com/material-ui/api/click-away-listener/)
+ * - [ClickAwayListener API](https://mui.com/material-ui/api/click-away-listener/)
  */
 declare function ClickAwayListener(props: ClickAwayListenerProps): React.JSX.Element;
 declare namespace ClickAwayListener {

package/ClickAwayListener/ClickAwayListener.d.ts

@@ -33,12 +33,12 @@ export interface ClickAwayListenerProps {
  *
  * Demos:
  *
- * - [Click-Away Listener](https://next.mui.com/material-ui/react-click-away-listener/)
- * - [Menu](https://next.mui.com/material-ui/react-menu/)
+ * - [Click-Away Listener](https://mui.com/material-ui/react-click-away-listener/)
+ * - [Menu](https://mui.com/material-ui/react-menu/)
  *
  * API:
  *
- * - [ClickAwayListener API](https://next.mui.com/material-ui/api/click-away-listener/)
+ * - [ClickAwayListener API](https://mui.com/material-ui/api/click-away-listener/)
  */
 declare function ClickAwayListener(props: ClickAwayListenerProps): React.JSX.Element;
 declare namespace ClickAwayListener {

package/ClickAwayListener/ClickAwayListener.js

@@ -28,12 +28,12 @@ function clickedRootScrollbar(event, doc) {
  *
  * Demos:
  *
- * - [Click-Away Listener](https://next.mui.com/material-ui/react-click-away-listener/)
- * - [Menu](https://next.mui.com/material-ui/react-menu/)
+ * - [Click-Away Listener](https://mui.com/material-ui/react-click-away-listener/)
+ * - [Menu](https://mui.com/material-ui/react-menu/)
  *
  * API:
  *
- * - [ClickAwayListener API](https://next.mui.com/material-ui/api/click-away-listener/)
+ * - [ClickAwayListener API](https://mui.com/material-ui/api/click-away-listener/)
  */
 function ClickAwayListener(props) {
   const {

package/ClickAwayListener/ClickAwayListener.mjs

@@ -22,12 +22,12 @@ function clickedRootScrollbar(event, doc) {
  *
  * Demos:
  *
- * - [Click-Away Listener](https://next.mui.com/material-ui/react-click-away-listener/)
- * - [Menu](https://next.mui.com/material-ui/react-menu/)
+ * - [Click-Away Listener](https://mui.com/material-ui/react-click-away-listener/)
+ * - [Menu](https://mui.com/material-ui/react-menu/)
  *
  * API:
  *
- * - [ClickAwayListener API](https://next.mui.com/material-ui/api/click-away-listener/)
+ * - [ClickAwayListener API](https://mui.com/material-ui/api/click-away-listener/)
  */
 function ClickAwayListener(props) {
   const {

package/Collapse/Collapse.d.mts

@@ -84,18 +84,18 @@ export interface CollapseOwnerState extends CollapseProps {
 
 /**
  * The Collapse transition is used by the
- * [Vertical Stepper](https://next.mui.com/material-ui/react-stepper/#vertical-stepper) StepContent component.
+ * [Vertical Stepper](https://mui.com/material-ui/react-stepper/#vertical-stepper) StepContent component.
  * It uses [react-transition-group](https://github.com/reactjs/react-transition-group) internally.
  *
  * Demos:
  *
- * - [Card](https://next.mui.com/material-ui/react-card/)
- * - [Lists](https://next.mui.com/material-ui/react-list/)
- * - [Transitions](https://next.mui.com/material-ui/transitions/)
+ * - [Card](https://mui.com/material-ui/react-card/)
+ * - [Lists](https://mui.com/material-ui/react-list/)
+ * - [Transitions](https://mui.com/material-ui/transitions/)
  *
  * API:
  *
- * - [Collapse API](https://next.mui.com/material-ui/api/collapse/)
+ * - [Collapse API](https://mui.com/material-ui/api/collapse/)
  * - inherits [Transition API](https://reactcommunity.org/react-transition-group/transition/#Transition-props)
  */
 

package/Collapse/Collapse.d.ts

@@ -84,18 +84,18 @@ export interface CollapseOwnerState extends CollapseProps {
 
 /**
  * The Collapse transition is used by the
- * [Vertical Stepper](https://next.mui.com/material-ui/react-stepper/#vertical-stepper) StepContent component.
+ * [Vertical Stepper](https://mui.com/material-ui/react-stepper/#vertical-stepper) StepContent component.
  * It uses [react-transition-group](https://github.com/reactjs/react-transition-group) internally.
  *
  * Demos:
  *
- * - [Card](https://next.mui.com/material-ui/react-card/)
- * - [Lists](https://next.mui.com/material-ui/react-list/)
- * - [Transitions](https://next.mui.com/material-ui/transitions/)
+ * - [Card](https://mui.com/material-ui/react-card/)
+ * - [Lists](https://mui.com/material-ui/react-list/)
+ * - [Transitions](https://mui.com/material-ui/transitions/)
  *
  * API:
  *
- * - [Collapse API](https://next.mui.com/material-ui/api/collapse/)
+ * - [Collapse API](https://mui.com/material-ui/api/collapse/)
  * - inherits [Transition API](https://reactcommunity.org/react-transition-group/transition/#Transition-props)
  */
 

package/Collapse/Collapse.js

@@ -167,20 +167,8 @@ const Collapse = /*#__PURE__*/React.forwardRef(function Collapse(inProps, ref) {
   const size = isHorizontal ? 'width' : 'height';
   const nodeRef = React.useRef(null);
   const handleRef = (0, _utils2.useForkRef)(ref, nodeRef);
-  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 getWrapperSize = () => wrapperRef.current ? wrapperRef.current[isHorizontal ? 'clientWidth' : 'clientHeight'] : 0;
-  const handleEnter = normalizedTransitionCallback((node, isAppearing) => {
+  const handleEnter = (0, _utils.normalizedTransitionCallback)(nodeRef, (node, isAppearing) => {
     if (wrapperRef.current && isHorizontal) {
       // Set absolute position to get the size of collapsed content
       wrapperRef.current.style.position = 'absolute';
@@ -190,7 +178,7 @@ const Collapse = /*#__PURE__*/React.forwardRef(function Collapse(inProps, ref) {
       onEnter(node, isAppearing);
     }
   });
-  const handleEntering = normalizedTransitionCallback((node, isAppearing) => {
+  const handleEntering = (0, _utils.normalizedTransitionCallback)(nodeRef, (node, isAppearing) => {
     const wrapperSize = getWrapperSize();
     if (wrapperRef.current && isHorizontal) {
       // After the size is read reset the position back to default
@@ -219,20 +207,20 @@ const Collapse = /*#__PURE__*/React.forwardRef(function Collapse(inProps, ref) {
       onEntering(node, isAppearing);
     }
   });
-  const handleEntered = normalizedTransitionCallback((node, isAppearing) => {
+  const handleEntered = (0, _utils.normalizedTransitionCallback)(nodeRef, (node, isAppearing) => {
     node.style[size] = 'auto';
     if (onEntered) {
       onEntered(node, isAppearing);
     }
   });
-  const handleExit = normalizedTransitionCallback(node => {
+  const handleExit = (0, _utils.normalizedTransitionCallback)(nodeRef, node => {
     node.style[size] = `${getWrapperSize()}px`;
     if (onExit) {
       onExit(node);
     }
   });
-  const handleExited = normalizedTransitionCallback(onExited);
-  const handleExiting = normalizedTransitionCallback(node => {
+  const handleExited = (0, _utils.normalizedTransitionCallback)(nodeRef, onExited);
+  const handleExiting = (0, _utils.normalizedTransitionCallback)(nodeRef, node => {
     const wrapperSize = getWrapperSize();
     const {
       duration: transitionDuration,