@mui/material 9.0.0-beta.1 → 9.0.1

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,

package/Collapse/Collapse.mjs

@@ -11,7 +11,7 @@ import { styled, useTheme } from "../zero-styled/index.mjs";
 import memoTheme from "../utils/memoTheme.mjs";
 import { useDefaultProps } from "../DefaultPropsProvider/index.mjs";
 import { duration } from "../styles/createTransitions.mjs";
-import { getTransitionProps } from "../transitions/utils.mjs";
+import { normalizedTransitionCallback, getTransitionProps } from "../transitions/utils.mjs";
 import { useForkRef } from "../utils/index.mjs";
 import useSlot from "../utils/useSlot.mjs";
 import { getCollapseUtilityClass } from "./collapseClasses.mjs";
@@ -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/Container/Container.d.mts

@@ -42,11 +42,11 @@ export interface ContainerTypeMap<AdditionalProps = {}, RootComponent extends Re
  *
  * Demos:
  *
- * - [Container](https://next.mui.com/material-ui/react-container/)
+ * - [Container](https://mui.com/material-ui/react-container/)
  *
  * API:
  *
- * - [Container API](https://next.mui.com/material-ui/api/container/)
+ * - [Container API](https://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/Container/Container.d.ts

@@ -42,11 +42,11 @@ export interface ContainerTypeMap<AdditionalProps = {}, RootComponent extends Re
  *
  * Demos:
  *
- * - [Container](https://next.mui.com/material-ui/react-container/)
+ * - [Container](https://mui.com/material-ui/react-container/)
  *
  * API:
  *
- * - [Container API](https://next.mui.com/material-ui/api/container/)
+ * - [Container API](https://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/CssBaseline/CssBaseline.d.mts

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

package/CssBaseline/CssBaseline.d.ts

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

package/Dialog/Dialog.d.mts

@@ -155,12 +155,12 @@ export interface DialogProps extends Omit<StandardProps<ModalProps, 'children'>,
  *
  * Demos:
  *
- * - [Dialog](https://next.mui.com/material-ui/react-dialog/)
+ * - [Dialog](https://mui.com/material-ui/react-dialog/)
  *
  * API:
  *
- * - [Dialog API](https://next.mui.com/material-ui/api/dialog/)
- * - inherits [Modal API](https://next.mui.com/material-ui/api/modal/)
+ * - [Dialog API](https://mui.com/material-ui/api/dialog/)
+ * - inherits [Modal API](https://mui.com/material-ui/api/modal/)
  */
 export default function Dialog(props: DialogProps): React.JSX.Element;
 export interface DialogOwnerState extends Omit<DialogProps, 'slots' | 'slotProps'> {}

package/Dialog/Dialog.d.ts

@@ -155,12 +155,12 @@ export interface DialogProps extends Omit<StandardProps<ModalProps, 'children'>,
  *
  * Demos:
  *
- * - [Dialog](https://next.mui.com/material-ui/react-dialog/)
+ * - [Dialog](https://mui.com/material-ui/react-dialog/)
  *
  * API:
  *
- * - [Dialog API](https://next.mui.com/material-ui/api/dialog/)
- * - inherits [Modal API](https://next.mui.com/material-ui/api/modal/)
+ * - [Dialog API](https://mui.com/material-ui/api/dialog/)
+ * - inherits [Modal API](https://mui.com/material-ui/api/modal/)
  */
 export default function Dialog(props: DialogProps): React.JSX.Element;
 export interface DialogOwnerState extends Omit<DialogProps, 'slots' | 'slotProps'> {}

package/Dialog/Dialog.js

@@ -23,6 +23,7 @@ var _zeroStyled = require("../zero-styled");
 var _memoTheme = _interopRequireDefault(require("../utils/memoTheme"));
 var _DefaultPropsProvider = require("../DefaultPropsProvider");
 var _useSlot = _interopRequireDefault(require("../utils/useSlot"));
+var _focusable = require("../utils/focusable");
 var _jsxRuntime = require("react/jsx-runtime");
 const DialogBackdrop = (0, _zeroStyled.styled)(_Backdrop.default, {
   name: 'MuiDialog',
@@ -298,7 +299,16 @@ const Dialog = /*#__PURE__*/React.forwardRef(function Dialog(inProps, ref) {
     shouldForwardComponentProp: true,
     externalForwardedProps,
     ownerState,
-    className: classes.paper
+    className: classes.paper,
+    additionalProps: {
+      elevation: 24,
+      role,
+      'aria-describedby': ariaDescribedby,
+      'aria-labelledby': ariaLabelledby,
+      'aria-modal': ariaModal,
+      tabIndex: -1,
+      [_focusable.FOCUSABLE_ATTRIBUTE]: ''
+    }
   });
   const [ContainerSlot, containerSlotProps] = (0, _useSlot.default)('container', {
     elementType: DialogContainer,
@@ -340,11 +350,6 @@ const Dialog = /*#__PURE__*/React.forwardRef(function Dialog(inProps, ref) {
         ...containerSlotProps,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(PaperSlot, {
           as: PaperComponent,
-          elevation: 24,
-          role: role,
-          "aria-describedby": ariaDescribedby,
-          "aria-labelledby": ariaLabelledby,
-          "aria-modal": ariaModal,
           ...paperSlotProps,
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DialogContext.default.Provider, {
             value: dialogContextValue,

package/Dialog/Dialog.mjs

@@ -16,6 +16,7 @@ import { styled, useTheme } from "../zero-styled/index.mjs";
 import memoTheme from "../utils/memoTheme.mjs";
 import { useDefaultProps } from "../DefaultPropsProvider/index.mjs";
 import useSlot from "../utils/useSlot.mjs";
+import { FOCUSABLE_ATTRIBUTE } from "../utils/focusable.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
 const DialogBackdrop = styled(Backdrop, {
   name: 'MuiDialog',
@@ -291,7 +292,16 @@ const Dialog = /*#__PURE__*/React.forwardRef(function Dialog(inProps, ref) {
     shouldForwardComponentProp: true,
     externalForwardedProps,
     ownerState,
-    className: classes.paper
+    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,
@@ -333,11 +343,6 @@ const Dialog = /*#__PURE__*/React.forwardRef(function Dialog(inProps, ref) {
         ...containerSlotProps,
         children: /*#__PURE__*/_jsx(PaperSlot, {
           as: PaperComponent,
-          elevation: 24,
-          role: role,
-          "aria-describedby": ariaDescribedby,
-          "aria-labelledby": ariaLabelledby,
-          "aria-modal": ariaModal,
           ...paperSlotProps,
           children: /*#__PURE__*/_jsx(DialogContext.Provider, {
             value: dialogContextValue,

package/DialogActions/DialogActions.d.mts

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

package/DialogActions/DialogActions.d.ts

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

package/DialogContent/DialogContent.d.mts

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

package/DialogContent/DialogContent.d.ts

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

package/DialogContentText/DialogContentText.d.mts

@@ -23,12 +23,12 @@ export interface DialogContentTextTypeMap<AdditionalProps = {}, RootComponent ex
  *
  * Demos:
  *
- * - [Dialog](https://next.mui.com/material-ui/react-dialog/)
+ * - [Dialog](https://mui.com/material-ui/react-dialog/)
  *
  * API:
  *
- * - [DialogContentText API](https://next.mui.com/material-ui/api/dialog-content-text/)
- * - inherits [Typography API](https://next.mui.com/material-ui/api/typography/)
+ * - [DialogContentText API](https://mui.com/material-ui/api/dialog-content-text/)
+ * - inherits [Typography API](https://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/DialogContentText/DialogContentText.d.ts

@@ -23,12 +23,12 @@ export interface DialogContentTextTypeMap<AdditionalProps = {}, RootComponent ex
  *
  * Demos:
  *
- * - [Dialog](https://next.mui.com/material-ui/react-dialog/)
+ * - [Dialog](https://mui.com/material-ui/react-dialog/)
  *
  * API:
  *
- * - [DialogContentText API](https://next.mui.com/material-ui/api/dialog-content-text/)
- * - inherits [Typography API](https://next.mui.com/material-ui/api/typography/)
+ * - [DialogContentText API](https://mui.com/material-ui/api/dialog-content-text/)
+ * - inherits [Typography API](https://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/DialogTitle/DialogTitle.d.mts

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

package/DialogTitle/DialogTitle.d.ts

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

package/Divider/Divider.d.mts

@@ -54,13 +54,13 @@ export interface DividerTypeMap<AdditionalProps = {}, RootComponent extends Reac
  *
  * Demos:
  *
- * - [Divider](https://next.mui.com/material-ui/react-divider/)
- * - [Lists](https://next.mui.com/material-ui/react-list/)
- * - [Menubar](https://next.mui.com/material-ui/react-menubar/)
+ * - [Divider](https://mui.com/material-ui/react-divider/)
+ * - [Lists](https://mui.com/material-ui/react-list/)
+ * - [Menubar](https://mui.com/material-ui/react-menubar/)
  *
  * API:
  *
- * - [Divider API](https://next.mui.com/material-ui/api/divider/)
+ * - [Divider API](https://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> & {

package/Divider/Divider.d.ts

@@ -54,13 +54,13 @@ export interface DividerTypeMap<AdditionalProps = {}, RootComponent extends Reac
  *
  * Demos:
  *
- * - [Divider](https://next.mui.com/material-ui/react-divider/)
- * - [Lists](https://next.mui.com/material-ui/react-list/)
- * - [Menubar](https://next.mui.com/material-ui/react-menubar/)
+ * - [Divider](https://mui.com/material-ui/react-divider/)
+ * - [Lists](https://mui.com/material-ui/react-list/)
+ * - [Menubar](https://mui.com/material-ui/react-menubar/)
  *
  * API:
  *
- * - [Divider API](https://next.mui.com/material-ui/api/divider/)
+ * - [Divider API](https://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> & {

package/Drawer/Drawer.d.mts

@@ -129,15 +129,15 @@ export interface DrawerProps extends StandardProps<ModalProps, 'open' | 'childre
 export interface DrawerOwnerState extends Omit<DrawerProps, 'slots' | 'slotProps'> {}
 
 /**
- * The props of the [Modal](https://next.mui.com/material-ui/api/modal/) component are available
+ * The props of the [Modal](https://mui.com/material-ui/api/modal/) component are available
  * when `variant="temporary"` is set.
  *
  * Demos:
  *
- * - [Drawer](https://next.mui.com/material-ui/react-drawer/)
+ * - [Drawer](https://mui.com/material-ui/react-drawer/)
  *
  * API:
  *
- * - [Drawer API](https://next.mui.com/material-ui/api/drawer/)
+ * - [Drawer API](https://mui.com/material-ui/api/drawer/)
  */
 export default function Drawer(props: DrawerProps): React.JSX.Element;

package/Drawer/Drawer.d.ts

@@ -129,15 +129,15 @@ export interface DrawerProps extends StandardProps<ModalProps, 'open' | 'childre
 export interface DrawerOwnerState extends Omit<DrawerProps, 'slots' | 'slotProps'> {}
 
 /**
- * The props of the [Modal](https://next.mui.com/material-ui/api/modal/) component are available
+ * The props of the [Modal](https://mui.com/material-ui/api/modal/) component are available
  * when `variant="temporary"` is set.
  *
  * Demos:
  *
- * - [Drawer](https://next.mui.com/material-ui/react-drawer/)
+ * - [Drawer](https://mui.com/material-ui/react-drawer/)
  *
  * API:
  *
- * - [Drawer API](https://next.mui.com/material-ui/api/drawer/)
+ * - [Drawer API](https://mui.com/material-ui/api/drawer/)
  */
 export default function Drawer(props: DrawerProps): React.JSX.Element;

package/Drawer/Drawer.js

@@ -23,8 +23,10 @@ var _rootShouldForwardProp = _interopRequireDefault(require("../styles/rootShoul
 var _zeroStyled = require("../zero-styled");
 var _memoTheme = _interopRequireDefault(require("../utils/memoTheme"));
 var _DefaultPropsProvider = require("../DefaultPropsProvider");
+var _useForkRef = _interopRequireDefault(require("../utils/useForkRef"));
 var _drawerClasses = require("./drawerClasses");
 var _useSlot = _interopRequireDefault(require("../utils/useSlot"));
+var _focusable = require("../utils/focusable");
 var _utils = require("../utils");
 var _jsxRuntime = require("react/jsx-runtime");
 const overridesResolver = (props, styles) => {
@@ -67,10 +69,7 @@ const DrawerDockedRoot = (0, _zeroStyled.styled)('div', {
 });
 const DrawerPaper = (0, _zeroStyled.styled)(_Paper.default, {
   name: 'MuiDrawer',
-  slot: 'Paper',
-  overridesResolver: (props, styles) => {
-    return [styles.paper];
-  }
+  slot: 'Paper'
 })((0, _memoTheme.default)(({
   theme
 }) => ({
@@ -206,9 +205,15 @@ const Drawer = /*#__PURE__*/React.forwardRef(function Drawer(inProps, ref) {
   // We use this state is order to skip the appear transition during the
   // initial mount of the component.
   const mounted = React.useRef(false);
+  const rootRef = React.useRef(null);
+  const handleRef = (0, _useForkRef.default)(ref, rootRef);
   React.useEffect(() => {
     mounted.current = true;
   }, []);
+
+  // Resolve the container lazily so Slide reads the mounted modal root
+  // after refs are assigned, rather than the initial null ref during render.
+  const resolveSlideContainer = React.useCallback(() => rootRef.current, []);
   const anchorInvariant = getAnchor({
     direction: isRtl ? 'rtl' : 'ltr'
   }, anchorProp);
@@ -232,7 +237,7 @@ const Drawer = /*#__PURE__*/React.forwardRef(function Drawer(inProps, ref) {
     }
   };
   const [RootSlot, rootSlotProps] = (0, _useSlot.default)('root', {
-    ref,
+    ref: handleRef,
     elementType: DrawerRoot,
     className: (0, _clsx.default)(classes.root, classes.modal, className),
     shouldForwardComponentProp: true,
@@ -243,6 +248,7 @@ const Drawer = /*#__PURE__*/React.forwardRef(function Drawer(inProps, ref) {
       ...ModalProps
     },
     additionalProps: {
+      closeAfterTransition: true,
       open,
       onClose,
       hideBackdrop,
@@ -265,13 +271,15 @@ const Drawer = /*#__PURE__*/React.forwardRef(function Drawer(inProps, ref) {
       square: true,
       ...(variant === 'temporary' && {
         role: 'dialog',
-        'aria-modal': 'true'
+        'aria-modal': 'true',
+        [_focusable.FOCUSABLE_ATTRIBUTE]: '',
+        tabIndex: -1
       })
     }
   });
   const [DockedSlot, dockedSlotProps] = (0, _useSlot.default)('docked', {
     elementType: DrawerDockedRoot,
-    ref,
+    ref: handleRef,
     className: (0, _clsx.default)(classes.root, classes.docked, className),
     ownerState,
     externalForwardedProps,
@@ -285,7 +293,10 @@ const Drawer = /*#__PURE__*/React.forwardRef(function Drawer(inProps, ref) {
       in: open,
       direction: oppositeDirection[anchorInvariant],
       timeout: transitionDuration,
-      appear: mounted.current
+      appear: mounted.current,
+      ...(variant === 'temporary' && (slots.transition == null || slots.transition === _Slide.default) && {
+        container: resolveSlideContainer
+      })
     }
   });
   const drawer = /*#__PURE__*/(0, _jsxRuntime.jsx)(PaperSlot, {