@mui/material 9.0.0-beta.0 → 9.0.0

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

@@ -58,7 +58,7 @@ export type DialogSlotsAndSlotProps = CreateSlotsAndSlotProps<DialogSlots, {
    * Props forwarded to the transition slot.
    * By default, the available props are based on the [Fade](https://mui.com/material-ui/api/fade/#props) component.
    */
-  transition: SlotComponentProps<React.ElementType, TransitionProps & DialogTransitionSlotPropsOverrides, DialogOwnerState>;
+  transition: SlotComponentProps<React.ElementType<TransitionProps>, TransitionProps & DialogTransitionSlotPropsOverrides, DialogOwnerState>;
   /**
    * Props forwarded to the paper slot.
    * By default, the available props are based on the [Paper](https://mui.com/material-ui/api/paper/#props) component.
@@ -118,6 +118,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
@@ -148,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

@@ -58,7 +58,7 @@ export type DialogSlotsAndSlotProps = CreateSlotsAndSlotProps<DialogSlots, {
    * Props forwarded to the transition slot.
    * By default, the available props are based on the [Fade](https://mui.com/material-ui/api/fade/#props) component.
    */
-  transition: SlotComponentProps<React.ElementType, TransitionProps & DialogTransitionSlotPropsOverrides, DialogOwnerState>;
+  transition: SlotComponentProps<React.ElementType<TransitionProps>, TransitionProps & DialogTransitionSlotPropsOverrides, DialogOwnerState>;
   /**
    * Props forwarded to the paper slot.
    * By default, the available props are based on the [Paper](https://mui.com/material-ui/api/paper/#props) component.
@@ -118,6 +118,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
@@ -148,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

@@ -233,6 +233,7 @@ const Dialog = /*#__PURE__*/React.forwardRef(function Dialog(inProps, ref) {
     onClose,
     open,
     PaperComponent = _Paper.default,
+    role = 'dialog',
     scroll = 'paper',
     slots = {},
     slotProps = {},
@@ -340,7 +341,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,
@@ -424,6 +425,13 @@ process.env.NODE_ENV !== "production" ? Dialog.propTypes /* remove-proptypes */
    * @default Paper
    */
   PaperComponent: _propTypes.default.elementType,
+  /**
+   * 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/Dialog.mjs

@@ -226,6 +226,7 @@ const Dialog = /*#__PURE__*/React.forwardRef(function Dialog(inProps, ref) {
     onClose,
     open,
     PaperComponent = Paper,
+    role = 'dialog',
     scroll = 'paper',
     slots = {},
     slotProps = {},
@@ -333,7 +334,7 @@ const Dialog = /*#__PURE__*/React.forwardRef(function Dialog(inProps, ref) {
         children: /*#__PURE__*/_jsx(PaperSlot, {
           as: PaperComponent,
           elevation: 24,
-          role: "dialog",
+          role: role,
           "aria-describedby": ariaDescribedby,
           "aria-labelledby": ariaLabelledby,
           "aria-modal": ariaModal,
@@ -417,6 +418,13 @@ process.env.NODE_ENV !== "production" ? Dialog.propTypes /* remove-proptypes */
    * @default Paper
    */
   PaperComponent: PropTypes.elementType,
+  /**
+   * 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/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/Divider/Divider.js

@@ -236,14 +236,6 @@ const Divider = /*#__PURE__*/React.forwardRef(function Divider(inProps, ref) {
     }) : null
   });
 });
-
-/**
- * The following flag is used to ensure that this component isn't tabbable i.e.
- * does not get highlight/focus inside of MUI List.
- */
-if (Divider) {
-  Divider.muiSkipListHighlight = true;
-}
 process.env.NODE_ENV !== "production" ? Divider.propTypes /* remove-proptypes */ = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │

package/Divider/Divider.mjs

@@ -229,14 +229,6 @@ const Divider = /*#__PURE__*/React.forwardRef(function Divider(inProps, ref) {
     }) : null
   });
 });
-
-/**
- * The following flag is used to ensure that this component isn't tabbable i.e.
- * does not get highlight/focus inside of MUI List.
- */
-if (Divider) {
-  Divider.muiSkipListHighlight = true;
-}
 process.env.NODE_ENV !== "production" ? Divider.propTypes /* remove-proptypes */ = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │

package/Drawer/Drawer.d.mts

@@ -66,7 +66,7 @@ export type DrawerSlotsAndSlotProps = CreateSlotsAndSlotProps<DrawerSlots, {
    * Props forwarded to the transition slot.
    * By default, the available props are based on the [Slide](https://mui.com/material-ui/api/slide/#props) component.
    */
-  transition: SlotProps<React.ElementType, TransitionProps & DrawerTransitionSlotPropsOverrides, DrawerOwnerState>;
+  transition: SlotProps<React.ElementType<TransitionProps>, TransitionProps & DrawerTransitionSlotPropsOverrides, DrawerOwnerState>;
 }>;
 export interface DrawerProps extends StandardProps<ModalProps, 'open' | 'children' | 'slots' | 'slotProps'>, DrawerSlotsAndSlotProps {
   /**
@@ -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

@@ -66,7 +66,7 @@ export type DrawerSlotsAndSlotProps = CreateSlotsAndSlotProps<DrawerSlots, {
    * Props forwarded to the transition slot.
    * By default, the available props are based on the [Slide](https://mui.com/material-ui/api/slide/#props) component.
    */
-  transition: SlotProps<React.ElementType, TransitionProps & DrawerTransitionSlotPropsOverrides, DrawerOwnerState>;
+  transition: SlotProps<React.ElementType<TransitionProps>, TransitionProps & DrawerTransitionSlotPropsOverrides, DrawerOwnerState>;
 }>;
 export interface DrawerProps extends StandardProps<ModalProps, 'open' | 'children' | 'slots' | 'slotProps'>, DrawerSlotsAndSlotProps {
   /**
@@ -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

@@ -67,10 +67,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
 }) => ({

package/Drawer/Drawer.mjs

@@ -58,10 +58,7 @@ const DrawerDockedRoot = styled('div', {
 });
 const DrawerPaper = styled(Paper, {
   name: 'MuiDrawer',
-  slot: 'Paper',
-  overridesResolver: (props, styles) => {
-    return [styles.paper];
-  }
+  slot: 'Paper'
 })(memoTheme(({
   theme
 }) => ({

package/Fab/Fab.d.mts

@@ -68,12 +68,12 @@ export type FabTypeMap<AdditionalProps = {}, RootComponent extends React.Element
  *
  * Demos:
  *
- * - [Floating Action Button](https://next.mui.com/material-ui/react-floating-action-button/)
+ * - [Floating Action Button](https://mui.com/material-ui/react-floating-action-button/)
  *
  * API:
  *
- * - [Fab API](https://next.mui.com/material-ui/api/fab/)
- * - inherits [ButtonBase API](https://next.mui.com/material-ui/api/button-base/)
+ * - [Fab API](https://mui.com/material-ui/api/fab/)
+ * - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
  */
 declare const Fab: ExtendButtonBase<FabTypeMap>;
 export type FabProps<RootComponent extends React.ElementType = FabTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<FabTypeMap<AdditionalProps, RootComponent>, RootComponent> & {

package/Fab/Fab.d.ts

@@ -68,12 +68,12 @@ export type FabTypeMap<AdditionalProps = {}, RootComponent extends React.Element
  *
  * Demos:
  *
- * - [Floating Action Button](https://next.mui.com/material-ui/react-floating-action-button/)
+ * - [Floating Action Button](https://mui.com/material-ui/react-floating-action-button/)
  *
  * API:
  *
- * - [Fab API](https://next.mui.com/material-ui/api/fab/)
- * - inherits [ButtonBase API](https://next.mui.com/material-ui/api/button-base/)
+ * - [Fab API](https://mui.com/material-ui/api/fab/)
+ * - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
  */
 declare const Fab: ExtendButtonBase<FabTypeMap>;
 export type FabProps<RootComponent extends React.ElementType = FabTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<FabTypeMap<AdditionalProps, RootComponent>, RootComponent> & {

package/Fab/Fab.js

@@ -197,6 +197,7 @@ const Fab = /*#__PURE__*/React.forwardRef(function Fab(inProps, ref) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(FabRoot, {
     className: (0, _clsx.default)(classes.root, className),
     component: component,
+    internalNativeButton: true,
     disabled: disabled,
     focusRipple: !disableFocusRipple,
     focusVisibleClassName: (0, _clsx.default)(classes.focusVisible, focusVisibleClassName),

package/Fab/Fab.mjs

@@ -190,6 +190,7 @@ const Fab = /*#__PURE__*/React.forwardRef(function Fab(inProps, ref) {
   return /*#__PURE__*/_jsx(FabRoot, {
     className: clsx(classes.root, className),
     component: component,
+    internalNativeButton: true,
     disabled: disabled,
     focusRipple: !disableFocusRipple,
     focusVisibleClassName: clsx(classes.focusVisible, focusVisibleClassName),

package/Fade/Fade.d.mts

@@ -33,16 +33,16 @@ export interface FadeProps extends Omit<TransitionProps, 'children'> {
 }
 
 /**
- * The Fade transition is used by the [Modal](https://next.mui.com/material-ui/react-modal/) component.
+ * The Fade transition is used by the [Modal](https://mui.com/material-ui/react-modal/) component.
  * It uses [react-transition-group](https://github.com/reactjs/react-transition-group) internally.
  *
  * Demos:
  *
- * - [Transitions](https://next.mui.com/material-ui/transitions/)
+ * - [Transitions](https://mui.com/material-ui/transitions/)
  *
  * API:
  *
- * - [Fade API](https://next.mui.com/material-ui/api/fade/)
+ * - [Fade API](https://mui.com/material-ui/api/fade/)
  * - inherits [Transition API](https://reactcommunity.org/react-transition-group/transition/#Transition-props)
  */
 export default function Fade(props: FadeProps): React.JSX.Element;