@mui/material 7.3.8 → 7.3.10

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/Container/Container.d.ts

@@ -8,12 +8,12 @@ export interface ContainerOwnProps {
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<ContainerClasses>;
+  classes?: Partial<ContainerClasses> | undefined;
   /**
    * If `true`, the left and right padding is removed.
    * @default false
    */
-  disableGutters?: boolean;
+  disableGutters?: boolean | undefined;
   /**
    * Set the max-width to match the min-width of the current breakpoint.
    * This is useful if you'd prefer to design for a fixed set of sizes
@@ -21,18 +21,18 @@ export interface ContainerOwnProps {
    * It's fluid by default.
    * @default false
    */
-  fixed?: boolean;
+  fixed?: boolean | undefined;
   /**
    * Determine the max-width of the container.
    * The container width grows with the size of the screen.
    * Set to `false` to disable `maxWidth`.
    * @default 'lg'
    */
-  maxWidth?: Breakpoint | false;
+  maxWidth?: Breakpoint | false | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
 }
 export interface ContainerTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'div'> {
   props: AdditionalProps & ContainerOwnProps;
@@ -42,14 +42,14 @@ 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> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 export default Container;

package/CssBaseline/CssBaseline.d.ts

@@ -11,7 +11,7 @@ export interface CssBaselineProps extends StyledComponentProps<never> {
    * For browser support, check out https://caniuse.com/?search=color-scheme
    * @default false
    */
-  enableColorScheme?: boolean;
+  enableColorScheme?: boolean | undefined;
 }
 
 /**
@@ -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/Dialog/Dialog.d.ts

@@ -14,24 +14,24 @@ export interface DialogSlots {
    * [Follow this guide](/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
    * @default Collapse
    */
-  transition?: React.ElementType;
+  transition?: React.ElementType | undefined;
   /**
    * The component that renders the paper.
    * @default Paper
    */
-  paper?: React.ElementType;
+  paper?: React.ElementType | undefined;
   /**
    * The component that renders the container.
    */
-  container?: React.ElementType;
+  container?: React.ElementType | undefined;
   /**
    * The component that renders the backdrop.
    */
-  backdrop?: React.ElementType;
+  backdrop?: React.ElementType | undefined;
   /**
    * The component that renders the root.
    */
-  root?: React.ElementType;
+  root?: React.ElementType | undefined;
 }
 export interface DialogTransitionSlotPropsOverrides {}
 export interface DialogPaperSlotPropsOverrides {}
@@ -69,17 +69,17 @@ export interface DialogProps extends Omit<StandardProps<ModalProps, 'children'>,
   /**
    * The id(s) of the element(s) that describe the dialog.
    */
-  'aria-describedby'?: string;
+  'aria-describedby'?: string | undefined;
   /**
    * The id(s) of the element(s) that label the dialog.
    */
-  'aria-labelledby'?: string;
+  'aria-labelledby'?: string | undefined;
   /**
    * Informs assistive technologies that the element is modal.
    * It's added on the element with role="dialog".
    * @default true
    */
-  'aria-modal'?: boolean | 'true' | 'false';
+  'aria-modal'?: boolean | 'true' | 'false' | undefined;
   /**
    * Dialog children, usually the included sub-components.
    */
@@ -87,62 +87,69 @@ export interface DialogProps extends Omit<StandardProps<ModalProps, 'children'>,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<DialogClasses>;
+  classes?: Partial<DialogClasses> | undefined;
   /**
    * If `true`, hitting escape will not fire the `onClose` callback.
    * @default false
    */
-  disableEscapeKeyDown?: boolean;
+  disableEscapeKeyDown?: boolean | undefined;
   /**
    * If `true`, the dialog is full-screen.
    * @default false
    */
-  fullScreen?: boolean;
+  fullScreen?: boolean | undefined;
   /**
    * If `true`, the dialog stretches to `maxWidth`.
    *
    * Notice that the dialog width grow is limited by the default margin.
    * @default false
    */
-  fullWidth?: boolean;
+  fullWidth?: boolean | undefined;
   /**
    * Determine the max-width of the dialog.
    * The dialog width grows with the size of the screen.
    * Set to `false` to disable `maxWidth`.
    * @default 'sm'
    */
-  maxWidth?: Breakpoint | false;
+  maxWidth?: Breakpoint | false | undefined;
   /**
    * Callback fired when the component requests to be closed.
    *
    * @param {object} event The event source of the callback.
    * @param {string} reason Can be: `"escapeKeyDown"`, `"backdropClick"`.
    */
-  onClose?: ModalProps['onClose'];
+  onClose?: ModalProps['onClose'] | undefined;
   /**
    * 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
    */
-  PaperComponent?: React.JSXElementConstructor<PaperProps>;
+  PaperComponent?: React.JSXElementConstructor<PaperProps> | undefined;
   /**
    * Props applied to the [`Paper`](https://mui.com/material-ui/api/paper/) element.
    * @default {}
    * @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?: Partial<PaperProps<React.ElementType>>;
+  PaperProps?: Partial<PaperProps<React.ElementType>> | undefined;
   /**
    * Determine the container for scrolling the dialog.
    * @default 'paper'
    */
-  scroll?: 'body' | 'paper';
+  scroll?: 'body' | 'paper' | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
   /**
    * The component used for the transition.
    * [Follow this guide](https://mui.com/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
@@ -151,7 +158,7 @@ export interface DialogProps extends Omit<StandardProps<ModalProps, 'children'>,
    */
   TransitionComponent?: React.JSXElementConstructor<TransitionProps & {
     children: React.ReactElement<unknown, any>;
-  }>;
+  }> | undefined;
   /**
    * The duration for the transition, in milliseconds.
    * You may specify a single timeout for all transitions, or individually with an object.
@@ -160,13 +167,13 @@ export interface DialogProps extends Omit<StandardProps<ModalProps, 'children'>,
    *   exit: theme.transitions.duration.leavingScreen,
    * }
    */
-  transitionDuration?: TransitionProps['timeout'];
+  transitionDuration?: TransitionProps['timeout'] | undefined;
   /**
    * 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 a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
-  TransitionProps?: TransitionProps;
+  TransitionProps?: TransitionProps | undefined;
 }
 
 /**
@@ -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/Dialog/Dialog.js

@@ -223,6 +223,7 @@ const Dialog = /*#__PURE__*/React.forwardRef(function Dialog(inProps, ref) {
     open,
     PaperComponent = _Paper.default,
     PaperProps = {},
+    role = 'dialog',
     scroll = 'paper',
     slots = {},
     slotProps = {},
@@ -345,7 +346,7 @@ const Dialog = /*#__PURE__*/React.forwardRef(function Dialog(inProps, ref) {
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(PaperSlot, {
           as: PaperComponent,
           elevation: 24,
-          role: "dialog",
+          role: role,
           "aria-describedby": ariaDescribedby,
           "aria-labelledby": ariaLabelledby,
           "aria-modal": ariaModal,
@@ -456,6 +457,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.default.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.default.oneOf(['alertdialog', 'dialog']),
   /**
    * Determine the container for scrolling the dialog.
    * @default 'paper'

package/Dialog/DialogContext.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 interface DialogContextValue {
-  titleId?: string;
+  titleId?: string | undefined;
 }
 declare const DialogContext: React.Context<DialogContextValue>;
 export default DialogContext;

package/DialogActions/DialogActions.d.ts

@@ -11,26 +11,26 @@ export interface DialogActionsProps extends StandardProps<React.HTMLAttributes<H
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<DialogActionsClasses>;
+  classes?: Partial<DialogActionsClasses> | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
   /**
    * If `true`, the actions do not have additional margin.
    * @default false
    */
-  disableSpacing?: boolean;
+  disableSpacing?: boolean | undefined;
 }
 
 /**
  *
  * 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/DialogContent/DialogContent.d.ts

@@ -11,26 +11,26 @@ export interface DialogContentProps extends StandardProps<React.HTMLAttributes<H
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<DialogContentClasses>;
+  classes?: Partial<DialogContentClasses> | undefined;
   /**
    * Display the top and bottom dividers.
    * @default false
    */
-  dividers?: boolean;
+  dividers?: boolean | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
 }
 
 /**
  *
  * 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/DialogContentText/DialogContentText.d.ts

@@ -8,11 +8,11 @@ export interface DialogContentTextOwnProps extends Omit<TypographyTypeMap['props
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<DialogContentTextClasses>;
+  classes?: Partial<DialogContentTextClasses> | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
 }
 export interface DialogContentTextTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = TypographyTypeMap['defaultComponent']> {
   props: AdditionalProps & DialogContentTextOwnProps;
@@ -23,15 +23,15 @@ 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> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 export default DialogContentText;

package/DialogTitle/DialogTitle.d.ts

@@ -12,11 +12,11 @@ export interface DialogTitleOwnProps extends Omit<TypographyTypeMap['props'], 'c
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<DialogTitleClasses>;
+  classes?: Partial<DialogTitleClasses> | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
 }
 export interface DialogTitleTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = TypographyTypeMap['defaultComponent']> {
   props: AdditionalProps & DialogTitleOwnProps;
@@ -27,17 +27,17 @@ 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 = {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 }> = OverrideProps<DialogTitleTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 export default DialogTitle;

package/Divider/Divider.d.ts

@@ -10,7 +10,7 @@ export interface DividerOwnProps {
    * Absolutely position the element.
    * @default false
    */
-  absolute?: boolean;
+  absolute?: boolean | undefined;
   /**
    * The content of the component.
    */
@@ -18,38 +18,38 @@ export interface DividerOwnProps {
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<DividerClasses>;
+  classes?: Partial<DividerClasses> | undefined;
   /**
    * If `true`, a vertical divider will have the correct height when used in flex container.
    * (By default, a vertical divider will have a calculated height of `0px` if it is the child of a flex container.)
    * @default false
    */
-  flexItem?: boolean;
+  flexItem?: boolean | undefined;
   /**
    * If `true`, the divider will have a lighter color.
    * @default false
    * @deprecated Use <Divider sx={{ opacity: 0.6 }} /> (or any opacity or color) instead. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
-  light?: boolean;
+  light?: boolean | undefined;
   /**
    * The component orientation.
    * @default 'horizontal'
    */
-  orientation?: 'horizontal' | 'vertical';
+  orientation?: 'horizontal' | 'vertical' | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
   /**
    * The text alignment.
    * @default 'center'
    */
-  textAlign?: 'center' | 'right' | 'left';
+  textAlign?: 'center' | 'right' | 'left' | undefined;
   /**
    * The variant to use.
    * @default 'fullWidth'
    */
-  variant?: OverridableStringUnion<'fullWidth' | 'inset' | 'middle', DividerPropsVariantOverrides>;
+  variant?: OverridableStringUnion<'fullWidth' | 'inset' | 'middle', DividerPropsVariantOverrides> | undefined;
 }
 export interface DividerTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'hr'> {
   props: AdditionalProps & DividerOwnProps;
@@ -60,15 +60,16 @@ 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> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 export default Divider;

package/Drawer/Drawer.d.ts

@@ -74,7 +74,7 @@ export interface DrawerProps extends StandardProps<ModalProps, 'open' | 'childre
    * Side from which the drawer will appear.
    * @default 'left'
    */
-  anchor?: 'left' | 'top' | 'right' | 'bottom';
+  anchor?: 'left' | 'top' | 'right' | 'bottom' | undefined;
   /**
    * The content of the component.
    */
@@ -82,17 +82,17 @@ export interface DrawerProps extends StandardProps<ModalProps, 'open' | 'childre
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<DrawerClasses>;
+  classes?: Partial<DrawerClasses> | undefined;
   /**
    * The elevation of the drawer.
    * @default 16
    */
-  elevation?: number;
+  elevation?: number | undefined;
   /**
    * Props applied to the [`Modal`](https://mui.com/material-ui/api/modal/) element.
    * @default {}
    */
-  ModalProps?: Partial<ModalProps>;
+  ModalProps?: Partial<ModalProps> | undefined;
   /**
    * Callback fired when the component requests to be closed.
    * The `reason` parameter can optionally be used to control the response to `onClose`.
@@ -100,27 +100,27 @@ export interface DrawerProps extends StandardProps<ModalProps, 'open' | 'childre
    * @param {object} event The event source of the callback.
    * @param {string} reason Can be: `"escapeKeyDown"`, `"backdropClick"`.
    */
-  onClose?: ModalProps['onClose'];
+  onClose?: ModalProps['onClose'] | undefined;
   /**
    * If `true`, the component is shown.
    * @default false
    */
-  open?: boolean;
+  open?: boolean | undefined;
   /**
    * Props applied to the [`Paper`](https://mui.com/material-ui/api/paper/) element.
    * @deprecated use the `slotProps.paper` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    * @default {}
    */
-  PaperProps?: Partial<PaperProps<React.ElementType>>;
+  PaperProps?: Partial<PaperProps<React.ElementType>> | undefined;
   /**
    * Props applied to the [`Slide`](https://mui.com/material-ui/api/slide/) element.
    * @deprecated use the `slotProps.transition` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
-  SlideProps?: Partial<SlideProps>;
+  SlideProps?: Partial<SlideProps> | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
   /**
    * The duration for the transition, in milliseconds.
    * You may specify a single timeout for all transitions, or individually with an object.
@@ -129,27 +129,27 @@ export interface DrawerProps extends StandardProps<ModalProps, 'open' | 'childre
    *   exit: theme.transitions.duration.leavingScreen,
    * }
    */
-  transitionDuration?: TransitionProps['timeout'];
+  transitionDuration?: TransitionProps['timeout'] | undefined;
   /**
    * The variant to use.
    * @default 'temporary'
    */
-  variant?: 'permanent' | 'persistent' | 'temporary';
+  variant?: 'permanent' | 'persistent' | 'temporary' | undefined;
 }
 
 // omit `slots` and `slotProps` to prevent recursion
 export interface DrawerOwnerState extends Omit<DrawerProps, 'slots' | 'slotProps'> {}
 
 /**
- * The props of the [Modal](https://mui.com/material-ui/api/modal/) component are available
+ * The props of the [Modal](https://v7.mui.com/material-ui/api/modal/) component are available
  * when `variant="temporary"` is set.
  *
  * Demos:
  *
- * - [Drawer](https://mui.com/material-ui/react-drawer/)
+ * - [Drawer](https://v7.mui.com/material-ui/react-drawer/)
  *
  * API:
  *
- * - [Drawer API](https://mui.com/material-ui/api/drawer/)
+ * - [Drawer API](https://v7.mui.com/material-ui/api/drawer/)
  */
 export default function Drawer(props: DrawerProps): React.JSX.Element;