@mui/material 7.3.9 → 7.3.11

package/esm/Button/Button.d.ts

@@ -115,14 +115,15 @@ export type ExtendButton<TypeMap extends OverridableTypeMap> = ((props: {
  *
  * Demos:
  *
- * - [Button Group](https://mui.com/material-ui/react-button-group/)
- * - [Button](https://mui.com/material-ui/react-button/)
- * - [Number Field](https://mui.com/material-ui/react-number-field/)
+ * - [Button Group](https://v7.mui.com/material-ui/react-button-group/)
+ * - [Button](https://v7.mui.com/material-ui/react-button/)
+ * - [Menubar](https://v7.mui.com/material-ui/react-menubar/)
+ * - [Number Field](https://v7.mui.com/material-ui/react-number-field/)
  *
  * API:
  *
- * - [Button API](https://mui.com/material-ui/api/button/)
- * - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
+ * - [Button API](https://v7.mui.com/material-ui/api/button/)
+ * - inherits [ButtonBase API](https://v7.mui.com/material-ui/api/button-base/)
  */
 declare const Button: ExtendButtonBase<ButtonTypeMap>;
 export type ButtonProps<RootComponent extends React.ElementType = ButtonTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ButtonTypeMap<AdditionalProps, RootComponent>, RootComponent> & {

package/esm/Button/Button.js

@@ -102,6 +102,17 @@ const ButtonRoot = styled(ButtonBase, {
       color: (theme.vars || theme).palette.action.disabled
     },
     variants: [{
+      props: ({
+        ownerState
+      }) => ownerState.startIcon || ownerState.loading && ownerState.loadingPosition === 'start',
+      style: {
+        '&::before': {
+          content: '"\\200b"',
+          width: 0,
+          overflow: 'hidden'
+        }
+      }
+    }, {
       props: {
         variant: 'contained'
       },
@@ -551,6 +562,12 @@ const Button = /*#__PURE__*/React.forwardRef(function Button(inProps, ref) {
       children: loadingIndicator
     })
   }) : null;
+
+  // Don't forward the 'root' classes to the ButtonBase, as they will get duplicated with the one passed to the className prop.
+  const {
+    root,
+    ...forwardedClasses
+  } = classes;
   return /*#__PURE__*/_jsxs(ButtonRoot, {
     ownerState: ownerState,
     className: clsx(contextProps.className, classes.root, className, positionClassName),
@@ -562,7 +579,7 @@ const Button = /*#__PURE__*/React.forwardRef(function Button(inProps, ref) {
     type: type,
     id: loading ? loadingId : idProp,
     ...other,
-    classes: classes,
+    classes: forwardedClasses,
     children: [startIcon, loadingPosition !== 'end' && loader, children, loadingPosition === 'end' && loader, endIcon]
   });
 });

package/esm/ButtonBase/ButtonBase.d.ts

@@ -109,11 +109,11 @@ export type ExtendButtonBase<TypeMap extends OverridableTypeMap> = ((props: {
  *
  * Demos:
  *
- * - [Button](https://mui.com/material-ui/react-button/)
+ * - [Button](https://v7.mui.com/material-ui/react-button/)
  *
  * API:
  *
- * - [ButtonBase API](https://mui.com/material-ui/api/button-base/)
+ * - [ButtonBase API](https://v7.mui.com/material-ui/api/button-base/)
  */
 declare const ButtonBase: ExtendButtonBase<ButtonBaseTypeMap>;
 export type ButtonBaseProps<RootComponent extends React.ElementType = ButtonBaseTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ButtonBaseTypeMap<AdditionalProps, RootComponent>, RootComponent> & {

package/esm/ButtonBase/ButtonBase.js

@@ -175,7 +175,13 @@ const ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(inProps, re
   });
   const isNonNativeButton = () => {
     const button = buttonRef.current;
-    return component && component !== 'button' && !(button.tagName === 'A' && button.href);
+    if (!button) {
+      return component && component !== 'button';
+    }
+    if (button.tagName === 'BUTTON') {
+      return false;
+    }
+    return !(button.tagName === 'A' && button.href);
   };
   const handleKeyDown = useEventCallback(event => {
     // Check if key is already down to avoid repeats being counted as multiple activations
@@ -212,7 +218,7 @@ const ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(inProps, re
     }
 
     // Keyboard accessibility for non interactive elements
-    if (onClick && event.target === event.currentTarget && isNonNativeButton() && event.key === ' ' && !event.defaultPrevented) {
+    if (onClick && event.target === event.currentTarget && isNonNativeButton() && event.key === ' ' && !event.defaultPrevented && !disabled) {
       onClick(event);
     }
   });

package/esm/ButtonGroup/ButtonGroup.d.ts

@@ -78,11 +78,11 @@ export interface ButtonGroupTypeMap<AdditionalProps = {}, RootComponent extends
  *
  * Demos:
  *
- * - [Button Group](https://mui.com/material-ui/react-button-group/)
+ * - [Button Group](https://v7.mui.com/material-ui/react-button-group/)
  *
  * API:
  *
- * - [ButtonGroup API](https://mui.com/material-ui/api/button-group/)
+ * - [ButtonGroup API](https://v7.mui.com/material-ui/api/button-group/)
  */
 declare const ButtonGroup: OverridableComponent<ButtonGroupTypeMap>;
 export type ButtonGroupProps<RootComponent extends React.ElementType = ButtonGroupTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ButtonGroupTypeMap<AdditionalProps, RootComponent>, RootComponent> & {

package/esm/Card/Card.d.ts

@@ -32,12 +32,12 @@ export interface CardTypeMap<AdditionalProps = {}, RootComponent extends React.E
  *
  * Demos:
  *
- * - [Card](https://mui.com/material-ui/react-card/)
+ * - [Card](https://v7.mui.com/material-ui/react-card/)
  *
  * API:
  *
- * - [Card API](https://mui.com/material-ui/api/card/)
- * - inherits [Paper API](https://mui.com/material-ui/api/paper/)
+ * - [Card API](https://v7.mui.com/material-ui/api/card/)
+ * - inherits [Paper API](https://v7.mui.com/material-ui/api/paper/)
  */
 
 declare const Card: OverridableComponent<CardTypeMap>;

package/esm/CardActionArea/CardActionArea.d.ts

@@ -50,12 +50,12 @@ export type CardActionAreaTypeMap<AdditionalProps, RootComponent extends React.E
  *
  * Demos:
  *
- * - [Card](https://mui.com/material-ui/react-card/)
+ * - [Card](https://v7.mui.com/material-ui/react-card/)
  *
  * API:
  *
- * - [CardActionArea API](https://mui.com/material-ui/api/card-action-area/)
- * - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
+ * - [CardActionArea API](https://v7.mui.com/material-ui/api/card-action-area/)
+ * - inherits [ButtonBase API](https://v7.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/esm/CardActions/CardActions.d.ts

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

package/esm/CardContent/CardContent.d.ts

@@ -25,11 +25,11 @@ export interface CardContentTypeMap<AdditionalProps = {}, RootComponent extends
  *
  * Demos:
  *
- * - [Card](https://mui.com/material-ui/react-card/)
+ * - [Card](https://v7.mui.com/material-ui/react-card/)
  *
  * API:
  *
- * - [CardContent API](https://mui.com/material-ui/api/card-content/)
+ * - [CardContent API](https://v7.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/esm/CardHeader/CardHeader.d.ts

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

package/esm/CardHeader/CardHeader.js

@@ -61,7 +61,11 @@ const CardHeaderContent = styled('div', {
   slot: 'Content'
 })({
   flex: '1 1 auto',
-  [`.${typographyClasses.root}:where(& .${cardHeaderClasses.title}), .${typographyClasses.root}:where(& .${cardHeaderClasses.subheader})`]: {
+  // Combine this and the below selector once https://github.com/emotion-js/emotion/issues/3366 is solved
+  [`.${typographyClasses.root}:where(& .${cardHeaderClasses.title})`]: {
+    display: 'block'
+  },
+  [`.${typographyClasses.root}:where(& .${cardHeaderClasses.subheader})`]: {
     display: 'block'
   }
 });

package/esm/CardMedia/CardMedia.d.ts

@@ -38,11 +38,11 @@ export interface CardMediaTypeMap<AdditionalProps, RootComponent extends React.E
  *
  * Demos:
  *
- * - [Card](https://mui.com/material-ui/react-card/)
+ * - [Card](https://v7.mui.com/material-ui/react-card/)
  *
  * API:
  *
- * - [CardMedia API](https://mui.com/material-ui/api/card-media/)
+ * - [CardMedia API](https://v7.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/esm/Checkbox/Checkbox.d.ts

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

package/esm/Checkbox/Checkbox.js

@@ -152,7 +152,8 @@ const Checkbox = /*#__PURE__*/React.forwardRef(function Checkbox(inProps, ref) {
       slots,
       slotProps: {
         input: mergeSlotProps(typeof externalInputProps === 'function' ? externalInputProps(ownerState) : externalInputProps, {
-          'data-indeterminate': indeterminate
+          'data-indeterminate': indeterminate,
+          'aria-checked': indeterminate ? 'mixed' : undefined
         })
       }
     }

package/esm/Chip/Chip.d.ts

@@ -120,11 +120,11 @@ export interface ChipTypeMap<AdditionalProps = {}, RootComponent extends React.E
  *
  * Demos:
  *
- * - [Chip](https://mui.com/material-ui/react-chip/)
+ * - [Chip](https://v7.mui.com/material-ui/react-chip/)
  *
  * API:
  *
- * - [Chip API](https://mui.com/material-ui/api/chip/)
+ * - [Chip API](https://v7.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/esm/CircularProgress/CircularProgress.d.ts

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

package/esm/ClickAwayListener/ClickAwayListener.d.ts

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

package/esm/ClickAwayListener/ClickAwayListener.js

@@ -2,6 +2,7 @@
 
 import * as React from 'react';
 import PropTypes from 'prop-types';
+import contains from '@mui/utils/contains';
 import ownerDocument from '@mui/utils/ownerDocument';
 import useForkRef from '@mui/utils/useForkRef';
 import useEventCallback from '@mui/utils/useEventCallback';
@@ -22,12 +23,12 @@ function clickedRootScrollbar(event, doc) {
  *
  * Demos:
  *
- * - [Click-Away Listener](https://mui.com/material-ui/react-click-away-listener/)
- * - [Menu](https://mui.com/material-ui/react-menu/)
+ * - [Click-Away Listener](https://v7.mui.com/material-ui/react-click-away-listener/)
+ * - [Menu](https://v7.mui.com/material-ui/react-menu/)
  *
  * API:
  *
- * - [ClickAwayListener API](https://mui.com/material-ui/api/click-away-listener/)
+ * - [ClickAwayListener API](https://v7.mui.com/material-ui/api/click-away-listener/)
  */
 function ClickAwayListener(props) {
   const {
@@ -84,11 +85,7 @@ function ClickAwayListener(props) {
     if (event.composedPath) {
       insideDOM = event.composedPath().includes(nodeRef.current);
     } else {
-      insideDOM = !doc.documentElement.contains(
-      // @ts-expect-error returns `false` as intended when not dispatched from a Node
-      event.target) || nodeRef.current.contains(
-      // @ts-expect-error returns `false` as intended when not dispatched from a Node
-      event.target);
+      insideDOM = !contains(doc.documentElement, event.target) || contains(nodeRef.current, event.target);
     }
     if (!insideDOM && (disableReactTree || !insideReactTree)) {
       onClickAway(event);

package/esm/Collapse/Collapse.d.ts

@@ -84,18 +84,18 @@ export interface CollapseOwnerState extends CollapseProps {
 
 /**
  * The Collapse transition is used by the
- * [Vertical Stepper](https://mui.com/material-ui/react-stepper/#vertical-stepper) StepContent component.
+ * [Vertical Stepper](https://v7.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://mui.com/material-ui/react-card/)
- * - [Lists](https://mui.com/material-ui/react-list/)
- * - [Transitions](https://mui.com/material-ui/transitions/)
+ * - [Card](https://v7.mui.com/material-ui/react-card/)
+ * - [Lists](https://v7.mui.com/material-ui/react-list/)
+ * - [Transitions](https://v7.mui.com/material-ui/transitions/)
  *
  * API:
  *
- * - [Collapse API](https://mui.com/material-ui/api/collapse/)
+ * - [Collapse API](https://v7.mui.com/material-ui/api/collapse/)
  * - inherits [Transition API](https://reactcommunity.org/react-transition-group/transition/#Transition-props)
  */
 

package/esm/Collapse/Collapse.js

@@ -11,7 +11,7 @@ import { styled, useTheme } from "../zero-styled/index.js";
 import memoTheme from "../utils/memoTheme.js";
 import { useDefaultProps } from "../DefaultPropsProvider/index.js";
 import { duration } from "../styles/createTransitions.js";
-import { getTransitionProps } from "../transitions/utils.js";
+import { normalizedTransitionCallback, getTransitionProps } from "../transitions/utils.js";
 import { useForkRef } from "../utils/index.js";
 import useSlot from "../utils/useSlot.js";
 import { getCollapseUtilityClass } from "./collapseClasses.js";
@@ -160,20 +160,8 @@ const Collapse = /*#__PURE__*/React.forwardRef(function Collapse(inProps, ref) {
   const size = isHorizontal ? 'width' : 'height';
   const nodeRef = React.useRef(null);
   const handleRef = 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 = normalizedTransitionCallback(nodeRef, (node, isAppearing) => {
     if (wrapperRef.current && isHorizontal) {
       // Set absolute position to get the size of collapsed content
       wrapperRef.current.style.position = 'absolute';
@@ -183,7 +171,7 @@ const Collapse = /*#__PURE__*/React.forwardRef(function Collapse(inProps, ref) {
       onEnter(node, isAppearing);
     }
   });
-  const handleEntering = normalizedTransitionCallback((node, isAppearing) => {
+  const handleEntering = normalizedTransitionCallback(nodeRef, (node, isAppearing) => {
     const wrapperSize = getWrapperSize();
     if (wrapperRef.current && isHorizontal) {
       // After the size is read reset the position back to default
@@ -212,20 +200,20 @@ const Collapse = /*#__PURE__*/React.forwardRef(function Collapse(inProps, ref) {
       onEntering(node, isAppearing);
     }
   });
-  const handleEntered = normalizedTransitionCallback((node, isAppearing) => {
+  const handleEntered = normalizedTransitionCallback(nodeRef, (node, isAppearing) => {
     node.style[size] = 'auto';
     if (onEntered) {
       onEntered(node, isAppearing);
     }
   });
-  const handleExit = normalizedTransitionCallback(node => {
+  const handleExit = normalizedTransitionCallback(nodeRef, node => {
     node.style[size] = `${getWrapperSize()}px`;
     if (onExit) {
       onExit(node);
     }
   });
-  const handleExited = normalizedTransitionCallback(onExited);
-  const handleExiting = normalizedTransitionCallback(node => {
+  const handleExited = normalizedTransitionCallback(nodeRef, onExited);
+  const handleExiting = normalizedTransitionCallback(nodeRef, node => {
     const wrapperSize = getWrapperSize();
     const {
       duration: transitionDuration,

package/esm/Container/Container.d.ts

@@ -42,11 +42,11 @@ export interface ContainerTypeMap<AdditionalProps = {}, RootComponent extends Re
  *
  * Demos:
  *
- * - [Container](https://mui.com/material-ui/react-container/)
+ * - [Container](https://v7.mui.com/material-ui/react-container/)
  *
  * API:
  *
- * - [Container API](https://mui.com/material-ui/api/container/)
+ * - [Container API](https://v7.mui.com/material-ui/api/container/)
  */
 declare const Container: OverridableComponent<ContainerTypeMap>;
 export type ContainerProps<RootComponent extends React.ElementType = ContainerTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ContainerTypeMap<AdditionalProps, RootComponent>, RootComponent> & {

package/esm/CssBaseline/CssBaseline.d.ts

@@ -19,10 +19,10 @@ export interface CssBaselineProps extends StyledComponentProps<never> {
  *
  * Demos:
  *
- * - [CSS Baseline](https://mui.com/material-ui/react-css-baseline/)
+ * - [CSS Baseline](https://v7.mui.com/material-ui/react-css-baseline/)
  *
  * API:
  *
- * - [CssBaseline API](https://mui.com/material-ui/api/css-baseline/)
+ * - [CssBaseline API](https://v7.mui.com/material-ui/api/css-baseline/)
  */
 export default function CssBaseline(props: CssBaselineProps): React.JSX.Element;

package/esm/Dialog/Dialog.d.ts

@@ -123,6 +123,13 @@ export interface DialogProps extends Omit<StandardProps<ModalProps, 'children'>,
    * If `true`, the component is shown.
    */
   open: ModalProps['open'];
+  /**
+   * The ARIA role for the dialog element.
+   * The main dialog role is `dialog`, but `alertdialog` can be used if the content of the dialog requires immediate attention.
+   * See https://www.w3.org/TR/wai-aria-1.2/#dialog and https://www.w3.org/TR/wai-aria-1.2/#alertdialog for more details.
+   * @default 'dialog'
+   */
+  role?: 'dialog' | 'alertdialog' | undefined;
   /**
    * The component used to render the body of the dialog.
    * @default Paper
@@ -174,12 +181,12 @@ export interface DialogProps extends Omit<StandardProps<ModalProps, 'children'>,
  *
  * Demos:
  *
- * - [Dialog](https://mui.com/material-ui/react-dialog/)
+ * - [Dialog](https://v7.mui.com/material-ui/react-dialog/)
  *
  * API:
  *
- * - [Dialog API](https://mui.com/material-ui/api/dialog/)
- * - inherits [Modal API](https://mui.com/material-ui/api/modal/)
+ * - [Dialog API](https://v7.mui.com/material-ui/api/dialog/)
+ * - inherits [Modal API](https://v7.mui.com/material-ui/api/modal/)
  */
 export default function Dialog(props: DialogProps): React.JSX.Element;
 export interface DialogOwnerState extends Omit<DialogProps, 'slots' | 'slotProps'> {}

package/esm/Dialog/Dialog.js

@@ -16,6 +16,7 @@ import { styled, useTheme } from "../zero-styled/index.js";
 import memoTheme from "../utils/memoTheme.js";
 import { useDefaultProps } from "../DefaultPropsProvider/index.js";
 import useSlot from "../utils/useSlot.js";
+import { FOCUSABLE_ATTRIBUTE } from "../utils/focusable.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const DialogBackdrop = styled(Backdrop, {
   name: 'MuiDialog',
@@ -216,6 +217,7 @@ const Dialog = /*#__PURE__*/React.forwardRef(function Dialog(inProps, ref) {
     open,
     PaperComponent = Paper,
     PaperProps = {},
+    role = 'dialog',
     scroll = 'paper',
     slots = {},
     slotProps = {},
@@ -293,7 +295,16 @@ const Dialog = /*#__PURE__*/React.forwardRef(function Dialog(inProps, ref) {
     shouldForwardComponentProp: true,
     externalForwardedProps,
     ownerState,
-    className: clsx(classes.paper, PaperProps.className)
+    className: classes.paper,
+    additionalProps: {
+      elevation: 24,
+      role,
+      'aria-describedby': ariaDescribedby,
+      'aria-labelledby': ariaLabelledby,
+      'aria-modal': ariaModal,
+      tabIndex: -1,
+      [FOCUSABLE_ATTRIBUTE]: ''
+    }
   });
   const [ContainerSlot, containerSlotProps] = useSlot('container', {
     elementType: DialogContainer,
@@ -337,11 +348,6 @@ const Dialog = /*#__PURE__*/React.forwardRef(function Dialog(inProps, ref) {
         ...containerSlotProps,
         children: /*#__PURE__*/_jsx(PaperSlot, {
           as: PaperComponent,
-          elevation: 24,
-          role: "dialog",
-          "aria-describedby": ariaDescribedby,
-          "aria-labelledby": ariaLabelledby,
-          "aria-modal": ariaModal,
           ...paperSlotProps,
           children: /*#__PURE__*/_jsx(DialogContext.Provider, {
             value: dialogContextValue,
@@ -449,6 +455,13 @@ process.env.NODE_ENV !== "production" ? Dialog.propTypes /* remove-proptypes */
    * @deprecated Use `slotProps.paper` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
   PaperProps: PropTypes.object,
+  /**
+   * The ARIA role for the dialog element.
+   * The main dialog role is `dialog`, but `alertdialog` can be used if the content of the dialog requires immediate attention.
+   * See https://www.w3.org/TR/wai-aria-1.2/#dialog and https://www.w3.org/TR/wai-aria-1.2/#alertdialog for more details.
+   * @default 'dialog'
+   */
+  role: PropTypes.oneOf(['alertdialog', 'dialog']),
   /**
    * Determine the container for scrolling the dialog.
    * @default 'paper'

package/esm/DialogActions/DialogActions.d.ts

@@ -27,10 +27,10 @@ export interface DialogActionsProps extends StandardProps<React.HTMLAttributes<H
  *
  * Demos:
  *
- * - [Dialog](https://mui.com/material-ui/react-dialog/)
+ * - [Dialog](https://v7.mui.com/material-ui/react-dialog/)
  *
  * API:
  *
- * - [DialogActions API](https://mui.com/material-ui/api/dialog-actions/)
+ * - [DialogActions API](https://v7.mui.com/material-ui/api/dialog-actions/)
  */
 export default function DialogActions(props: DialogActionsProps): React.JSX.Element;

package/esm/DialogContent/DialogContent.d.ts

@@ -27,10 +27,10 @@ export interface DialogContentProps extends StandardProps<React.HTMLAttributes<H
  *
  * Demos:
  *
- * - [Dialog](https://mui.com/material-ui/react-dialog/)
+ * - [Dialog](https://v7.mui.com/material-ui/react-dialog/)
  *
  * API:
  *
- * - [DialogContent API](https://mui.com/material-ui/api/dialog-content/)
+ * - [DialogContent API](https://v7.mui.com/material-ui/api/dialog-content/)
  */
 export default function DialogContent(props: DialogContentProps): React.JSX.Element;

package/esm/DialogContentText/DialogContentText.d.ts

@@ -23,12 +23,12 @@ export interface DialogContentTextTypeMap<AdditionalProps = {}, RootComponent ex
  *
  * Demos:
  *
- * - [Dialog](https://mui.com/material-ui/react-dialog/)
+ * - [Dialog](https://v7.mui.com/material-ui/react-dialog/)
  *
  * API:
  *
- * - [DialogContentText API](https://mui.com/material-ui/api/dialog-content-text/)
- * - inherits [Typography API](https://mui.com/material-ui/api/typography/)
+ * - [DialogContentText API](https://v7.mui.com/material-ui/api/dialog-content-text/)
+ * - inherits [Typography API](https://v7.mui.com/material-ui/api/typography/)
  */
 declare const DialogContentText: OverridableComponent<DialogContentTextTypeMap>;
 export type DialogContentTextProps<RootComponent extends React.ElementType = DialogContentTextTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<DialogContentTextTypeMap<AdditionalProps, RootComponent>, RootComponent> & {

package/esm/DialogTitle/DialogTitle.d.ts

@@ -27,12 +27,12 @@ export interface DialogTitleTypeMap<AdditionalProps = {}, RootComponent extends
  *
  * Demos:
  *
- * - [Dialog](https://mui.com/material-ui/react-dialog/)
+ * - [Dialog](https://v7.mui.com/material-ui/react-dialog/)
  *
  * API:
  *
- * - [DialogTitle API](https://mui.com/material-ui/api/dialog-title/)
- * - inherits [Typography API](https://mui.com/material-ui/api/typography/)
+ * - [DialogTitle API](https://v7.mui.com/material-ui/api/dialog-title/)
+ * - inherits [Typography API](https://v7.mui.com/material-ui/api/typography/)
  */
 declare const DialogTitle: OverridableComponent<DialogTitleTypeMap>;
 export type DialogTitleProps<RootComponent extends React.ElementType = DialogTitleTypeMap['defaultComponent'], AdditionalProps = {

package/esm/Divider/Divider.d.ts

@@ -60,12 +60,13 @@ export interface DividerTypeMap<AdditionalProps = {}, RootComponent extends Reac
  *
  * Demos:
  *
- * - [Divider](https://mui.com/material-ui/react-divider/)
- * - [Lists](https://mui.com/material-ui/react-list/)
+ * - [Divider](https://v7.mui.com/material-ui/react-divider/)
+ * - [Lists](https://v7.mui.com/material-ui/react-list/)
+ * - [Menubar](https://v7.mui.com/material-ui/react-menubar/)
  *
  * API:
  *
- * - [Divider API](https://mui.com/material-ui/api/divider/)
+ * - [Divider API](https://v7.mui.com/material-ui/api/divider/)
  */
 declare const Divider: OverridableComponent<DividerTypeMap>;
 export type DividerProps<RootComponent extends React.ElementType = DividerTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<DividerTypeMap<AdditionalProps, RootComponent>, RootComponent> & {