@mui/material 6.0.0-alpha.0 → 6.0.0-alpha.10

package/Accordion/Accordion.d.ts

@@ -79,7 +79,7 @@ export type AccordionTypeMap<
       /**
        * The component used for the transition.
        * [Follow this guide](/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
-       * @deprecated Use `slots.transition` instead. This prop will be removed in v7. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
+       * @deprecated Use `slots.transition` instead. This prop will be removed in v7. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
        */
       TransitionComponent?: React.JSXElementConstructor<
         TransitionProps & { children?: React.ReactElement<any, any> }
@@ -87,7 +87,7 @@ export type AccordionTypeMap<
       /**
        * Props applied to the transition element.
        * By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition/) component.
-       * @deprecated Use `slotProps.transition` instead. This prop will be removed in v7. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
+       * @deprecated Use `slotProps.transition` instead. This prop will be removed in v7. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
        */
       TransitionProps?: TransitionProps;
     } & AccordionSlotsAndSlotProps;

package/Accordion/Accordion.js

@@ -1,8 +1,5 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["children", "className", "defaultExpanded", "disabled", "disableGutters", "expanded", "onChange", "square", "slots", "slotProps", "TransitionComponent", "TransitionProps"];
 import * as React from 'react';
 import { isFragment } from 'react-is';
 import PropTypes from 'prop-types';
@@ -126,20 +123,20 @@ const Accordion = /*#__PURE__*/React.forwardRef(function Accordion(inProps, ref)
     name: 'MuiAccordion'
   });
   const {
-      children: childrenProp,
-      className,
-      defaultExpanded = false,
-      disabled = false,
-      disableGutters = false,
-      expanded: expandedProp,
-      onChange,
-      square = false,
-      slots = {},
-      slotProps = {},
-      TransitionComponent: TransitionComponentProp,
-      TransitionProps: TransitionPropsProp
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
+    children: childrenProp,
+    className,
+    defaultExpanded = false,
+    disabled = false,
+    disableGutters = false,
+    expanded: expandedProp,
+    onChange,
+    square = false,
+    slots = {},
+    slotProps = {},
+    TransitionComponent: TransitionComponentProp,
+    TransitionProps: TransitionPropsProp,
+    ...other
+  } = props;
   const [expanded, setExpandedState] = useControlled({
     controlled: expandedProp,
     default: defaultExpanded,
@@ -159,19 +156,22 @@ const Accordion = /*#__PURE__*/React.forwardRef(function Accordion(inProps, ref)
     disableGutters,
     toggle: handleChange
   }), [expanded, disabled, disableGutters, handleChange]);
-  const ownerState = _extends({}, props, {
+  const ownerState = {
+    ...props,
     square,
     disabled,
     disableGutters,
     expanded
-  });
+  };
   const classes = useUtilityClasses(ownerState);
-  const backwardCompatibleSlots = _extends({
-    transition: TransitionComponentProp
-  }, slots);
-  const backwardCompatibleSlotProps = _extends({
-    transition: TransitionPropsProp
-  }, slotProps);
+  const backwardCompatibleSlots = {
+    transition: TransitionComponentProp,
+    ...slots
+  };
+  const backwardCompatibleSlotProps = {
+    transition: TransitionPropsProp,
+    ...slotProps
+  };
   const [TransitionSlot, transitionProps] = useSlot('transition', {
     elementType: Collapse,
     externalForwardedProps: {
@@ -180,19 +180,19 @@ const Accordion = /*#__PURE__*/React.forwardRef(function Accordion(inProps, ref)
     },
     ownerState
   });
-  return /*#__PURE__*/_jsxs(AccordionRoot, _extends({
+  return /*#__PURE__*/_jsxs(AccordionRoot, {
     className: clsx(classes.root, className),
     ref: ref,
     ownerState: ownerState,
-    square: square
-  }, other, {
+    square: square,
+    ...other,
     children: [/*#__PURE__*/_jsx(AccordionContext.Provider, {
       value: contextValue,
       children: summary
-    }), /*#__PURE__*/_jsx(TransitionSlot, _extends({
+    }), /*#__PURE__*/_jsx(TransitionSlot, {
       in: expanded,
-      timeout: "auto"
-    }, transitionProps, {
+      timeout: "auto",
+      ...transitionProps,
       children: /*#__PURE__*/_jsx("div", {
         "aria-labelledby": summary.props.id,
         id: summary.props['aria-controls'],
@@ -200,8 +200,8 @@ const Accordion = /*#__PURE__*/React.forwardRef(function Accordion(inProps, ref)
         className: classes.region,
         children: children
       })
-    }))]
-  }));
+    })]
+  });
 });
 process.env.NODE_ENV !== "production" ? Accordion.propTypes /* remove-proptypes */ = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
@@ -282,13 +282,13 @@ process.env.NODE_ENV !== "production" ? Accordion.propTypes /* remove-proptypes
   /**
    * The component used for the transition.
    * [Follow this guide](/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
-   * @deprecated Use `slots.transition` instead. This prop will be removed in v7. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
+   * @deprecated Use `slots.transition` instead. This prop will be removed in v7. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
   TransitionComponent: PropTypes.elementType,
   /**
    * Props applied to the transition element.
    * By default, the element is based on this [`Transition`](https://reactcommunity.org/react-transition-group/transition/) component.
-   * @deprecated Use `slotProps.transition` instead. This prop will be removed in v7. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
+   * @deprecated Use `slotProps.transition` instead. This prop will be removed in v7. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
   TransitionProps: PropTypes.object
 } : void 0;

package/AccordionActions/AccordionActions.d.ts

@@ -33,4 +33,4 @@ export interface AccordionActionsProps extends StandardProps<React.HTMLAttribute
  *
  * - [AccordionActions API](https://mui.com/material-ui/api/accordion-actions/)
  */
-export default function AccordionActions(props: AccordionActionsProps): JSX.Element;
+export default function AccordionActions(props: AccordionActionsProps): React.JSX.Element;

package/AccordionActions/AccordionActions.js

@@ -1,8 +1,5 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["className", "disableSpacing"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -50,19 +47,21 @@ const AccordionActions = /*#__PURE__*/React.forwardRef(function AccordionActions
     name: 'MuiAccordionActions'
   });
   const {
-      className,
-      disableSpacing = false
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  const ownerState = _extends({}, props, {
+    className,
+    disableSpacing = false,
+    ...other
+  } = props;
+  const ownerState = {
+    ...props,
     disableSpacing
-  });
+  };
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(AccordionActionsRoot, _extends({
+  return /*#__PURE__*/_jsx(AccordionActionsRoot, {
     className: clsx(classes.root, className),
     ref: ref,
-    ownerState: ownerState
-  }, other));
+    ownerState: ownerState,
+    ...other
+  });
 });
 process.env.NODE_ENV !== "production" ? AccordionActions.propTypes /* remove-proptypes */ = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐

package/AccordionDetails/AccordionDetails.d.ts

@@ -28,4 +28,4 @@ export interface AccordionDetailsProps extends StandardProps<React.HTMLAttribute
  *
  * - [AccordionDetails API](https://mui.com/material-ui/api/accordion-details/)
  */
-export default function AccordionDetails(props: AccordionDetailsProps): JSX.Element;
+export default function AccordionDetails(props: AccordionDetailsProps): React.JSX.Element;

package/AccordionDetails/AccordionDetails.js

@@ -1,8 +1,5 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["className"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -35,16 +32,17 @@ const AccordionDetails = /*#__PURE__*/React.forwardRef(function AccordionDetails
     name: 'MuiAccordionDetails'
   });
   const {
-      className
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
+    className,
+    ...other
+  } = props;
   const ownerState = props;
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsx(AccordionDetailsRoot, _extends({
+  return /*#__PURE__*/_jsx(AccordionDetailsRoot, {
     className: clsx(classes.root, className),
     ref: ref,
-    ownerState: ownerState
-  }, other));
+    ownerState: ownerState,
+    ...other
+  });
 });
 process.env.NODE_ENV !== "production" ? AccordionDetails.propTypes /* remove-proptypes */ = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐

package/AccordionSummary/AccordionSummary.js

@@ -1,8 +1,5 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["children", "className", "expandIcon", "focusVisibleClassName", "onClick"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -107,13 +104,13 @@ const AccordionSummary = /*#__PURE__*/React.forwardRef(function AccordionSummary
     name: 'MuiAccordionSummary'
   });
   const {
-      children,
-      className,
-      expandIcon,
-      focusVisibleClassName,
-      onClick
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
+    children,
+    className,
+    expandIcon,
+    focusVisibleClassName,
+    onClick,
+    ...other
+  } = props;
   const {
     disabled = false,
     disableGutters,
@@ -128,13 +125,14 @@ const AccordionSummary = /*#__PURE__*/React.forwardRef(function AccordionSummary
       onClick(event);
     }
   };
-  const ownerState = _extends({}, props, {
+  const ownerState = {
+    ...props,
     expanded,
     disabled,
     disableGutters
-  });
+  };
   const classes = useUtilityClasses(ownerState);
-  return /*#__PURE__*/_jsxs(AccordionSummaryRoot, _extends({
+  return /*#__PURE__*/_jsxs(AccordionSummaryRoot, {
     focusRipple: false,
     disableRipple: true,
     disabled: disabled,
@@ -144,8 +142,8 @@ const AccordionSummary = /*#__PURE__*/React.forwardRef(function AccordionSummary
     focusVisibleClassName: clsx(classes.focusVisible, focusVisibleClassName),
     onClick: handleChange,
     ref: ref,
-    ownerState: ownerState
-  }, other, {
+    ownerState: ownerState,
+    ...other,
     children: [/*#__PURE__*/_jsx(AccordionSummaryContent, {
       className: classes.content,
       ownerState: ownerState,
@@ -155,7 +153,7 @@ const AccordionSummary = /*#__PURE__*/React.forwardRef(function AccordionSummary
       ownerState: ownerState,
       children: expandIcon
     })]
-  }));
+  });
 });
 process.env.NODE_ENV !== "production" ? AccordionSummary.propTypes /* remove-proptypes */ = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐

package/AccordionSummary/accordionSummaryClasses.d.ts

@@ -11,7 +11,7 @@ export interface AccordionSummaryClasses {
     gutters: string;
     /**
      * Styles applied to the children wrapper element unless `disableGutters={true}`.
-     * @deprecated Combine the [.MuiAccordionSummary-gutters](/material-ui/api/accordion-summary/#AccordionSummary-classes-gutters) and [.MuiAccordionSummary-content](/material-ui/api/accordion-summary/#AccordionSummary-classes-content) classes instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
+     * @deprecated Combine the [.MuiAccordionSummary-gutters](/material-ui/api/accordion-summary/#AccordionSummary-classes-gutters) and [.MuiAccordionSummary-content](/material-ui/api/accordion-summary/#AccordionSummary-classes-content) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
      */
     contentGutters: string;
     /** Styles applied to the children wrapper element. */

package/Alert/Alert.d.ts

@@ -58,7 +58,7 @@ export interface AlertProps extends StandardProps<PaperProps, 'variant'>, AlertS
   /**
    * The components used for each slot inside.
    *
-   * @deprecated use the `slots` prop instead. This prop will be removed in v7. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
+   * @deprecated use the `slots` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    *
    * @default {}
    */
@@ -70,7 +70,7 @@ export interface AlertProps extends StandardProps<PaperProps, 'variant'>, AlertS
    * The extra props for the slot components.
    * You can override the existing props or add new ones.
    *
-   * @deprecated use the `slotProps` prop instead. This prop will be removed in v7. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
+   * @deprecated use the `slotProps` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    *
    * @default {}
    */
@@ -133,4 +133,4 @@ export interface AlertOwnerState extends AlertProps {}
  * - [Alert API](https://mui.com/material-ui/api/alert/)
  * - inherits [Paper API](https://mui.com/material-ui/api/paper/)
  */
-export default function Alert(props: AlertProps): JSX.Element;
+export default function Alert(props: AlertProps): React.JSX.Element;

package/Alert/Alert.js

@@ -1,8 +1,5 @@
 'use client';
 
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _extends from "@babel/runtime/helpers/esm/extends";
-const _excluded = ["action", "children", "className", "closeText", "color", "components", "componentsProps", "icon", "iconMapping", "onClose", "role", "severity", "slotProps", "slots", "variant"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
@@ -50,11 +47,12 @@ const AlertRoot = styled(Paper, {
 }) => {
   const getColor = theme.palette.mode === 'light' ? darken : lighten;
   const getBackgroundColor = theme.palette.mode === 'light' ? lighten : darken;
-  return _extends({}, theme.typography.body2, {
+  return {
+    ...theme.typography.body2,
     backgroundColor: 'transparent',
     display: 'flex',
     padding: '6px 16px',
-    variants: [...Object.entries(theme.palette).filter(([, value]) => value.main && value.light).map(([color]) => ({
+    variants: [...Object.entries(theme.palette).filter(([, value]) => value && value.main && value.light).map(([color]) => ({
       props: {
         colorSeverity: color,
         variant: 'standard'
@@ -68,7 +66,7 @@ const AlertRoot = styled(Paper, {
           color: theme.palette[color].main
         }
       }
-    })), ...Object.entries(theme.palette).filter(([, value]) => value.main && value.light).map(([color]) => ({
+    })), ...Object.entries(theme.palette).filter(([, value]) => value && value.main && value.light).map(([color]) => ({
       props: {
         colorSeverity: color,
         variant: 'outlined'
@@ -82,22 +80,23 @@ const AlertRoot = styled(Paper, {
           color: theme.palette[color].main
         }
       }
-    })), ...Object.entries(theme.palette).filter(([, value]) => value.main && value.dark).map(([color]) => ({
+    })), ...Object.entries(theme.palette).filter(([, value]) => value && value.main && value.dark).map(([color]) => ({
       props: {
         colorSeverity: color,
         variant: 'filled'
       },
-      style: _extends({
-        fontWeight: theme.typography.fontWeightMedium
-      }, theme.vars ? {
-        color: theme.vars.palette.Alert[`${color}FilledColor`],
-        backgroundColor: theme.vars.palette.Alert[`${color}FilledBg`]
-      } : {
-        backgroundColor: theme.palette.mode === 'dark' ? theme.palette[color].dark : theme.palette[color].main,
-        color: theme.palette.getContrastText(theme.palette[color].main)
-      })
+      style: {
+        fontWeight: theme.typography.fontWeightMedium,
+        ...(theme.vars ? {
+          color: theme.vars.palette.Alert[`${color}FilledColor`],
+          backgroundColor: theme.vars.palette.Alert[`${color}FilledBg`]
+        } : {
+          backgroundColor: theme.palette.mode === 'dark' ? theme.palette[color].dark : theme.palette[color].main,
+          color: theme.palette.getContrastText(theme.palette[color].main)
+        })
+      }
     }))]
-  });
+  };
 });
 const AlertIcon = styled('div', {
   name: 'MuiAlert',
@@ -150,36 +149,41 @@ const Alert = /*#__PURE__*/React.forwardRef(function Alert(inProps, ref) {
     name: 'MuiAlert'
   });
   const {
-      action,
-      children,
-      className,
-      closeText = 'Close',
-      color,
-      components = {},
-      componentsProps = {},
-      icon,
-      iconMapping = defaultIconMapping,
-      onClose,
-      role = 'alert',
-      severity = 'success',
-      slotProps = {},
-      slots = {},
-      variant = 'standard'
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  const ownerState = _extends({}, props, {
+    action,
+    children,
+    className,
+    closeText = 'Close',
+    color,
+    components = {},
+    componentsProps = {},
+    icon,
+    iconMapping = defaultIconMapping,
+    onClose,
+    role = 'alert',
+    severity = 'success',
+    slotProps = {},
+    slots = {},
+    variant = 'standard',
+    ...other
+  } = props;
+  const ownerState = {
+    ...props,
     color,
     severity,
     variant,
     colorSeverity: color || severity
-  });
+  };
   const classes = useUtilityClasses(ownerState);
   const externalForwardedProps = {
-    slots: _extends({
+    slots: {
       closeButton: components.CloseButton,
-      closeIcon: components.CloseIcon
-    }, slots),
-    slotProps: _extends({}, componentsProps, slotProps)
+      closeIcon: components.CloseIcon,
+      ...slots
+    },
+    slotProps: {
+      ...componentsProps,
+      ...slotProps
+    }
   };
   const [CloseButtonSlot, closeButtonProps] = useSlot('closeButton', {
     elementType: IconButton,
@@ -191,13 +195,13 @@ const Alert = /*#__PURE__*/React.forwardRef(function Alert(inProps, ref) {
     externalForwardedProps,
     ownerState
   });
-  return /*#__PURE__*/_jsxs(AlertRoot, _extends({
+  return /*#__PURE__*/_jsxs(AlertRoot, {
     role: role,
     elevation: 0,
     ownerState: ownerState,
     className: clsx(classes.root, className),
-    ref: ref
-  }, other, {
+    ref: ref,
+    ...other,
     children: [icon !== false ? /*#__PURE__*/_jsx(AlertIcon, {
       ownerState: ownerState,
       className: classes.icon,
@@ -213,19 +217,20 @@ const Alert = /*#__PURE__*/React.forwardRef(function Alert(inProps, ref) {
     }) : null, action == null && onClose ? /*#__PURE__*/_jsx(AlertAction, {
       ownerState: ownerState,
       className: classes.action,
-      children: /*#__PURE__*/_jsx(CloseButtonSlot, _extends({
+      children: /*#__PURE__*/_jsx(CloseButtonSlot, {
         size: "small",
         "aria-label": closeText,
         title: closeText,
         color: "inherit",
-        onClick: onClose
-      }, closeButtonProps, {
-        children: /*#__PURE__*/_jsx(CloseIconSlot, _extends({
-          fontSize: "small"
-        }, closeIconProps))
-      }))
+        onClick: onClose,
+        ...closeButtonProps,
+        children: /*#__PURE__*/_jsx(CloseIconSlot, {
+          fontSize: "small",
+          ...closeIconProps
+        })
+      })
     }) : null]
-  }));
+  });
 });
 process.env.NODE_ENV !== "production" ? Alert.propTypes /* remove-proptypes */ = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
@@ -264,7 +269,7 @@ process.env.NODE_ENV !== "production" ? Alert.propTypes /* remove-proptypes */ =
   /**
    * The components used for each slot inside.
    *
-   * @deprecated use the `slots` prop instead. This prop will be removed in v7. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
+   * @deprecated use the `slots` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    *
    * @default {}
    */
@@ -276,7 +281,7 @@ process.env.NODE_ENV !== "production" ? Alert.propTypes /* remove-proptypes */ =
    * The extra props for the slot components.
    * You can override the existing props or add new ones.
    *
-   * @deprecated use the `slotProps` prop instead. This prop will be removed in v7. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
+   * @deprecated use the `slotProps` prop instead. This prop will be removed in v7. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    *
    * @default {}
    */

package/Alert/alertClasses.d.ts

@@ -18,73 +18,73 @@ export interface AlertClasses {
     /** Styles applied to the root element if `variant="standard"` and `color="success"`.
      * @deprecated Combine the [.MuiAlert-standard](/material-ui/api/alert/#alert-classes-standard)
      * and [.MuiAlert-colorSuccess](/material-ui/api/alert/#alert-classes-colorSuccess) classes instead.
-     * [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
+     * See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
      */
     standardSuccess: string;
     /** Styles applied to the root element if `variant="standard"` and `color="info"`.
      * @deprecated Combine the [.MuiAlert-standard](/material-ui/api/alert/#alert-classes-standard)
      * and [.MuiAlert-colorInfo](/material-ui/api/alert/#alert-classes-colorInfo) classes instead.
-     * [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
+     * See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
      */
     standardInfo: string;
     /** Styles applied to the root element if `variant="standard"` and `color="warning"`.
      * @deprecated Combine the [.MuiAlert-standard](/material-ui/api/alert/#alert-classes-standard)
      * and [.MuiAlert-colorWarning](/material-ui/api/alert/#alert-classes-colorWarning) classes instead.
-     * [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
+     * See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
      */
     standardWarning: string;
     /** Styles applied to the root element if `variant="standard"` and `color="error"`.
      * @deprecated Combine the [.MuiAlert-standard](/material-ui/api/alert/#alert-classes-standard)
      * and [.MuiAlert-colorError](/material-ui/api/alert/#alert-classes-colorError) classes instead.
-     * [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
+     * See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
      */
     standardError: string;
     /** Styles applied to the root element if `variant="outlined"` and `color="success"`.
      * @deprecated Combine the [.MuiAlert-outlined](/material-ui/api/alert/#alert-classes-outlined)
      * and [.MuiAlert-colorSuccess](/material-ui/api/alert/#alert-classes-colorSuccess) classes instead.
-     * [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
+     * See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
      */
     outlinedSuccess: string;
     /** Styles applied to the root element if `variant="outlined"` and `color="info"`.
      * @deprecated Combine the [.MuiAlert-outlined](/material-ui/api/alert/#alert-classes-outlined)
      * and [.MuiAlert-colorInfo](/material-ui/api/alert/#alert-classes-colorInfo) classes instead.
-     * [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
+     * See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
      */
     outlinedInfo: string;
     /** Styles applied to the root element if `variant="outlined"` and `color="warning"`.
      * @deprecated Combine the [.MuiAlert-outlined](/material-ui/api/alert/#alert-classes-outlined)
      * and [.MuiAlert-colorWarning](/material-ui/api/alert/#alert-classes-colorWarning) classes instead.
-     * [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
+     * See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
      */
     outlinedWarning: string;
     /** Styles applied to the root element if `variant="outlined"` and `color="error"`.
      * @deprecated Combine the [.MuiAlert-outlined](/material-ui/api/alert/#alert-classes-outlined)
      * and [.MuiAlert-colorError](/material-ui/api/alert/#alert-classes-colorError) classes instead.
-     * [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
+     * See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
      */
     outlinedError: string;
     /** Styles applied to the root element if `variant="filled"` and `color="success"`.
      * @deprecated Combine the [.MuiAlert-filled](/material-ui/api/alert/#alert-classes-filled)
      * and [.MuiAlert-colorSuccess](/material-ui/api/alert/#alert-classes-colorSuccess) classes instead.
-     * [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
+     * See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
      */
     filledSuccess: string;
     /** Styles applied to the root element if `variant="filled"` and `color="info"`.
      * @deprecated Combine the [.MuiAlert-filled](/material-ui/api/alert/#alert-classes-filled)
      * and [.MuiAlert-colorInfo](/material-ui/api/alert/#alert-classes-colorInfo) classes instead.
-     * [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
+     * See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
      */
     filledInfo: string;
     /** Styles applied to the root element if `variant="filled"` and `color="warning"`
      * @deprecated Combine the [.MuiAlert-filled](/material-ui/api/alert/#alert-classes-filled)
      * and [.MuiAlert-colorWarning](/material-ui/api/alert/#alert-classes-colorWarning) classes instead.
-     * [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
+     * See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
      */
     filledWarning: string;
     /** Styles applied to the root element if `variant="filled"` and `color="error"`.
      * @deprecated Combine the [.MuiAlert-filled](/material-ui/api/alert/#alert-classes-filled)
      * and [.MuiAlert-colorError](/material-ui/api/alert/#alert-classes-colorError) classes instead.
-     * [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
+     * See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
      */
     filledError: string;
     /** Styles applied to the icon wrapper element. */

package/AlertTitle/AlertTitle.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
 import { SxProps } from '@mui/system';
-import { InternalStandardProps as StandardProps, Theme } from '..';
+import { Theme, TypographyProps } from '..';
 import { AlertTitleClasses } from './alertTitleClasses';
 
-export interface AlertTitleProps extends StandardProps<React.HTMLAttributes<HTMLDivElement>> {
+export interface AlertTitleProps extends TypographyProps<'div'> {
   /**
    * The content of the component.
    */
@@ -29,4 +29,4 @@ export interface AlertTitleProps extends StandardProps<React.HTMLAttributes<HTML
  * - [AlertTitle API](https://mui.com/material-ui/api/alert-title/)
  * - inherits [Typography API](https://mui.com/material-ui/api/typography/)
  */
-export default function AlertTitle(props: AlertTitleProps): JSX.Element;
+export default function AlertTitle(props: AlertTitleProps): React.JSX.Element;