@mui/material 9.0.0-alpha.4 → 9.0.0-beta.0

package/StepContent/StepContent.js

@@ -70,9 +70,7 @@ const StepContent = /*#__PURE__*/React.forwardRef(function StepContent(inProps,
   const {
     children,
     className,
-    TransitionComponent = _Collapse.default,
     transitionDuration: transitionDurationProp = 'auto',
-    TransitionProps,
     slots = {},
     slotProps = {},
     ...other
@@ -96,15 +94,12 @@ const StepContent = /*#__PURE__*/React.forwardRef(function StepContent(inProps,
     }
   }
   let transitionDuration = transitionDurationProp;
-  if (transitionDurationProp === 'auto' && !TransitionComponent.muiSupportAuto) {
+  if (transitionDurationProp === 'auto' && !(slots.transition ?? _Collapse.default).muiSupportAuto) {
     transitionDuration = undefined;
   }
   const externalForwardedProps = {
     slots,
-    slotProps: {
-      transition: TransitionProps,
-      ...slotProps
-    }
+    slotProps
   };
   const [TransitionSlot, transitionProps] = (0, _useSlot.default)('transition', {
     elementType: StepContentTransition,
@@ -123,7 +118,6 @@ const StepContent = /*#__PURE__*/React.forwardRef(function StepContent(inProps,
     ownerState: ownerState,
     ...other,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(TransitionSlot, {
-      as: TransitionComponent,
       ...transitionProps,
       children: children
     })
@@ -164,13 +158,6 @@ process.env.NODE_ENV !== "production" ? StepContent.propTypes /* remove-proptype
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
   sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
-  /**
-   * 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.
-   * @default Collapse
-   * @deprecated Use `slots.transition` instead. This prop will be removed in a future major release. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
-   */
-  TransitionComponent: _propTypes.default.elementType,
   /**
    * Adjust the duration of the content expand transition.
    * Passed as a prop to the transition component.
@@ -182,12 +169,6 @@ process.env.NODE_ENV !== "production" ? StepContent.propTypes /* remove-proptype
     appear: _propTypes.default.number,
     enter: _propTypes.default.number,
     exit: _propTypes.default.number
-  })]),
-  /**
-   * 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: _propTypes.default.object
+  })])
 } : void 0;
 var _default = exports.default = StepContent;

package/StepContent/StepContent.mjs

@@ -63,9 +63,7 @@ const StepContent = /*#__PURE__*/React.forwardRef(function StepContent(inProps,
   const {
     children,
     className,
-    TransitionComponent = Collapse,
     transitionDuration: transitionDurationProp = 'auto',
-    TransitionProps,
     slots = {},
     slotProps = {},
     ...other
@@ -89,15 +87,12 @@ const StepContent = /*#__PURE__*/React.forwardRef(function StepContent(inProps,
     }
   }
   let transitionDuration = transitionDurationProp;
-  if (transitionDurationProp === 'auto' && !TransitionComponent.muiSupportAuto) {
+  if (transitionDurationProp === 'auto' && !(slots.transition ?? Collapse).muiSupportAuto) {
     transitionDuration = undefined;
   }
   const externalForwardedProps = {
     slots,
-    slotProps: {
-      transition: TransitionProps,
-      ...slotProps
-    }
+    slotProps
   };
   const [TransitionSlot, transitionProps] = useSlot('transition', {
     elementType: StepContentTransition,
@@ -116,7 +111,6 @@ const StepContent = /*#__PURE__*/React.forwardRef(function StepContent(inProps,
     ownerState: ownerState,
     ...other,
     children: /*#__PURE__*/_jsx(TransitionSlot, {
-      as: TransitionComponent,
       ...transitionProps,
       children: children
     })
@@ -157,13 +151,6 @@ process.env.NODE_ENV !== "production" ? StepContent.propTypes /* remove-proptype
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
   sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
-  /**
-   * 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.
-   * @default Collapse
-   * @deprecated Use `slots.transition` instead. This prop will be removed in a future major release. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/).
-   */
-  TransitionComponent: PropTypes.elementType,
   /**
    * Adjust the duration of the content expand transition.
    * Passed as a prop to the transition component.
@@ -175,12 +162,6 @@ process.env.NODE_ENV !== "production" ? StepContent.propTypes /* remove-proptype
     appear: PropTypes.number,
     enter: PropTypes.number,
     exit: PropTypes.number
-  })]),
-  /**
-   * 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: PropTypes.object
+  })])
 } : void 0;
 export default StepContent;

package/StepLabel/StepLabel.d.mts

@@ -48,18 +48,6 @@ export interface StepLabelProps extends StandardProps<React.HTMLAttributes<HTMLD
    * Override or extend the styles applied to the component.
    */
   classes?: Partial<StepLabelClasses> | undefined;
-  /**
-   * The props used for each slot inside.
-   * @default {}
-   * @deprecated use the `slotProps` 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.
-   */
-  componentsProps?: {
-    /**
-     * Props applied to the label element.
-     * @default {}
-     */
-    label?: React.HTMLProps<HTMLSpanElement> | undefined;
-  } | undefined;
   /**
    * If `true`, the step is marked as failed.
    * @default false
@@ -73,16 +61,6 @@ export interface StepLabelProps extends StandardProps<React.HTMLAttributes<HTMLD
    * The optional node to display.
    */
   optional?: React.ReactNode;
-  /**
-   * The component to render in place of the [`StepIcon`](https://mui.com/material-ui/api/step-icon/).
-   * @deprecated Use `slots.stepIcon` 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.
-   */
-  StepIconComponent?: React.ElementType<StepIconProps> | undefined;
-  /**
-   * Props applied to the [`StepIcon`](https://mui.com/material-ui/api/step-icon/) element.
-   * @deprecated Use `slotProps.stepIcon` 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.
-   */
-  StepIconProps?: Partial<StepIconProps> | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */

package/StepLabel/StepLabel.d.ts

@@ -48,18 +48,6 @@ export interface StepLabelProps extends StandardProps<React.HTMLAttributes<HTMLD
    * Override or extend the styles applied to the component.
    */
   classes?: Partial<StepLabelClasses> | undefined;
-  /**
-   * The props used for each slot inside.
-   * @default {}
-   * @deprecated use the `slotProps` 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.
-   */
-  componentsProps?: {
-    /**
-     * Props applied to the label element.
-     * @default {}
-     */
-    label?: React.HTMLProps<HTMLSpanElement> | undefined;
-  } | undefined;
   /**
    * If `true`, the step is marked as failed.
    * @default false
@@ -73,16 +61,6 @@ export interface StepLabelProps extends StandardProps<React.HTMLAttributes<HTMLD
    * The optional node to display.
    */
   optional?: React.ReactNode;
-  /**
-   * The component to render in place of the [`StepIcon`](https://mui.com/material-ui/api/step-icon/).
-   * @deprecated Use `slots.stepIcon` 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.
-   */
-  StepIconComponent?: React.ElementType<StepIconProps> | undefined;
-  /**
-   * Props applied to the [`StepIcon`](https://mui.com/material-ui/api/step-icon/) element.
-   * @deprecated Use `slotProps.stepIcon` 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.
-   */
-  StepIconProps?: Partial<StepIconProps> | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */

package/StepLabel/StepLabel.js

@@ -119,14 +119,11 @@ const StepLabel = /*#__PURE__*/React.forwardRef(function StepLabel(inProps, ref)
   const {
     children,
     className,
-    componentsProps = {},
     error = false,
     icon: iconProp,
     optional,
     slots = {},
     slotProps = {},
-    StepIconComponent: StepIconComponentProp,
-    StepIconProps,
     ...other
   } = props;
   const {
@@ -140,10 +137,6 @@ const StepLabel = /*#__PURE__*/React.forwardRef(function StepLabel(inProps, ref)
     icon: iconContext
   } = React.useContext(_StepContext.default);
   const icon = iconProp || iconContext;
-  let StepIconComponent = StepIconComponentProp;
-  if (icon && !StepIconComponent) {
-    StepIconComponent = _StepIcon.default;
-  }
   const ownerState = {
     ...props,
     active,
@@ -156,11 +149,7 @@ const StepLabel = /*#__PURE__*/React.forwardRef(function StepLabel(inProps, ref)
   const classes = useUtilityClasses(ownerState);
   const externalForwardedProps = {
     slots,
-    slotProps: {
-      stepIcon: StepIconProps,
-      ...componentsProps,
-      ...slotProps
-    }
+    slotProps
   };
   const [RootSlot, rootProps] = (0, _useSlot.default)('root', {
     elementType: StepLabelRoot,
@@ -178,7 +167,7 @@ const StepLabel = /*#__PURE__*/React.forwardRef(function StepLabel(inProps, ref)
     ownerState
   });
   const [StepIconSlot, stepIconProps] = (0, _useSlot.default)('stepIcon', {
-    elementType: StepIconComponent,
+    elementType: icon ? _StepIcon.default : undefined,
     externalForwardedProps,
     ownerState
   });
@@ -222,14 +211,6 @@ process.env.NODE_ENV !== "production" ? StepLabel.propTypes /* remove-proptypes
    * @ignore
    */
   className: _propTypes.default.string,
-  /**
-   * The props used for each slot inside.
-   * @default {}
-   * @deprecated use the `slotProps` 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.
-   */
-  componentsProps: _propTypes.default.shape({
-    label: _propTypes.default.object
-  }),
   /**
    * If `true`, the step is marked as failed.
    * @default false
@@ -261,16 +242,6 @@ process.env.NODE_ENV !== "production" ? StepLabel.propTypes /* remove-proptypes
     root: _propTypes.default.elementType,
     stepIcon: _propTypes.default.elementType
   }),
-  /**
-   * The component to render in place of the [`StepIcon`](https://mui.com/material-ui/api/step-icon/).
-   * @deprecated Use `slots.stepIcon` 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.
-   */
-  StepIconComponent: _propTypes.default.elementType,
-  /**
-   * Props applied to the [`StepIcon`](https://mui.com/material-ui/api/step-icon/) element.
-   * @deprecated Use `slotProps.stepIcon` 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.
-   */
-  StepIconProps: _propTypes.default.object,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */

package/StepLabel/StepLabel.mjs

@@ -112,14 +112,11 @@ const StepLabel = /*#__PURE__*/React.forwardRef(function StepLabel(inProps, ref)
   const {
     children,
     className,
-    componentsProps = {},
     error = false,
     icon: iconProp,
     optional,
     slots = {},
     slotProps = {},
-    StepIconComponent: StepIconComponentProp,
-    StepIconProps,
     ...other
   } = props;
   const {
@@ -133,10 +130,6 @@ const StepLabel = /*#__PURE__*/React.forwardRef(function StepLabel(inProps, ref)
     icon: iconContext
   } = React.useContext(StepContext);
   const icon = iconProp || iconContext;
-  let StepIconComponent = StepIconComponentProp;
-  if (icon && !StepIconComponent) {
-    StepIconComponent = StepIcon;
-  }
   const ownerState = {
     ...props,
     active,
@@ -149,11 +142,7 @@ const StepLabel = /*#__PURE__*/React.forwardRef(function StepLabel(inProps, ref)
   const classes = useUtilityClasses(ownerState);
   const externalForwardedProps = {
     slots,
-    slotProps: {
-      stepIcon: StepIconProps,
-      ...componentsProps,
-      ...slotProps
-    }
+    slotProps
   };
   const [RootSlot, rootProps] = useSlot('root', {
     elementType: StepLabelRoot,
@@ -171,7 +160,7 @@ const StepLabel = /*#__PURE__*/React.forwardRef(function StepLabel(inProps, ref)
     ownerState
   });
   const [StepIconSlot, stepIconProps] = useSlot('stepIcon', {
-    elementType: StepIconComponent,
+    elementType: icon ? StepIcon : undefined,
     externalForwardedProps,
     ownerState
   });
@@ -215,14 +204,6 @@ process.env.NODE_ENV !== "production" ? StepLabel.propTypes /* remove-proptypes
    * @ignore
    */
   className: PropTypes.string,
-  /**
-   * The props used for each slot inside.
-   * @default {}
-   * @deprecated use the `slotProps` 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.
-   */
-  componentsProps: PropTypes.shape({
-    label: PropTypes.object
-  }),
   /**
    * If `true`, the step is marked as failed.
    * @default false
@@ -254,16 +235,6 @@ process.env.NODE_ENV !== "production" ? StepLabel.propTypes /* remove-proptypes
     root: PropTypes.elementType,
     stepIcon: PropTypes.elementType
   }),
-  /**
-   * The component to render in place of the [`StepIcon`](https://mui.com/material-ui/api/step-icon/).
-   * @deprecated Use `slots.stepIcon` 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.
-   */
-  StepIconComponent: PropTypes.elementType,
-  /**
-   * Props applied to the [`StepIcon`](https://mui.com/material-ui/api/step-icon/) element.
-   * @deprecated Use `slotProps.stepIcon` 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.
-   */
-  StepIconProps: PropTypes.object,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */

package/SvgIcon/createSvgIcon.d.mts

@@ -0,0 +1,2 @@
+import SvgIcon from "./SvgIcon.mjs";
+export default function createSvgIcon(path: React.ReactNode, displayName: string): typeof SvgIcon;

package/SvgIcon/createSvgIcon.d.ts

@@ -0,0 +1,2 @@
+import SvgIcon from "./SvgIcon.js";
+export default function createSvgIcon(path: React.ReactNode, displayName: string): typeof SvgIcon;

package/SvgIcon/createSvgIcon.js

@@ -0,0 +1,31 @@
+"use strict";
+'use client';
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = createSvgIcon;
+var React = _interopRequireWildcard(require("react"));
+var _SvgIcon = _interopRequireDefault(require("./SvgIcon"));
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * Private module reserved for @mui packages.
+ */function createSvgIcon(path, displayName) {
+  function Component(props, ref) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SvgIcon.default, {
+      "data-testid": process.env.NODE_ENV !== 'production' ? `${displayName}Icon` : undefined,
+      ref: ref,
+      ...props,
+      children: path
+    });
+  }
+  if (process.env.NODE_ENV !== 'production') {
+    // Need to set `displayName` on the inner component for React.memo.
+    // React prior to 16.14 ignores `displayName` on the wrapper.
+    Component.displayName = `${displayName}Icon`;
+  }
+  Component.muiName = _SvgIcon.default.muiName;
+  return /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(Component));
+}

package/SvgIcon/createSvgIcon.mjs

@@ -0,0 +1,26 @@
+'use client';
+
+import * as React from 'react';
+import SvgIcon from "./SvgIcon.mjs";
+
+/**
+ * Private module reserved for @mui packages.
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function createSvgIcon(path, displayName) {
+  function Component(props, ref) {
+    return /*#__PURE__*/_jsx(SvgIcon, {
+      "data-testid": process.env.NODE_ENV !== 'production' ? `${displayName}Icon` : undefined,
+      ref: ref,
+      ...props,
+      children: path
+    });
+  }
+  if (process.env.NODE_ENV !== 'production') {
+    // Need to set `displayName` on the inner component for React.memo.
+    // React prior to 16.14 ignores `displayName` on the wrapper.
+    Component.displayName = `${displayName}Icon`;
+  }
+  Component.muiName = SvgIcon.muiName;
+  return /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(Component));
+}

package/SvgIcon/index.d.mts

@@ -1,4 +1,5 @@
 export { default } from "./SvgIcon.mjs";
 export * from "./SvgIcon.mjs";
+export { default as createSvgIcon } from "./createSvgIcon.mjs";
 export { default as svgIconClasses } from "./svgIconClasses.mjs";
 export * from "./svgIconClasses.mjs";

package/SvgIcon/index.d.ts

@@ -1,4 +1,5 @@
 export { default } from "./SvgIcon.js";
 export * from "./SvgIcon.js";
+export { default as createSvgIcon } from "./createSvgIcon.js";
 export { default as svgIconClasses } from "./svgIconClasses.js";
 export * from "./svgIconClasses.js";

package/SvgIcon/index.js

@@ -6,8 +6,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 var _exportNames = {
+  createSvgIcon: true,
   svgIconClasses: true
 };
+Object.defineProperty(exports, "createSvgIcon", {
+  enumerable: true,
+  get: function () {
+    return _createSvgIcon.default;
+  }
+});
 Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
@@ -21,6 +28,7 @@ Object.defineProperty(exports, "svgIconClasses", {
   }
 });
 var _SvgIcon = _interopRequireDefault(require("./SvgIcon"));
+var _createSvgIcon = _interopRequireDefault(require("./createSvgIcon"));
 var _svgIconClasses = _interopRequireWildcard(require("./svgIconClasses"));
 Object.keys(_svgIconClasses).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/SvgIcon/index.mjs

@@ -1,3 +1,4 @@
 export { default } from "./SvgIcon.mjs";
+export { default as createSvgIcon } from "./createSvgIcon.mjs";
 export { default as svgIconClasses } from "./svgIconClasses.mjs";
 export * from "./svgIconClasses.mjs";

package/SwipeableDrawer/SwipeableDrawer.d.mts

@@ -78,11 +78,6 @@ export interface SwipeableDrawerProps extends Omit<DrawerProps, 'onClose' | 'ope
    * @default false
    */
   open?: boolean | undefined;
-  /**
-   * The element is used to intercept the touch events on the edge.
-   * @deprecated use the `slotProps.swipeArea` 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.
-   */
-  SwipeAreaProps?: object | undefined;
   /**
    * The width of the left most (or right most) area in `px` that
    * the drawer can be swiped open from.

package/SwipeableDrawer/SwipeableDrawer.d.ts

@@ -78,11 +78,6 @@ export interface SwipeableDrawerProps extends Omit<DrawerProps, 'onClose' | 'ope
    * @default false
    */
   open?: boolean | undefined;
-  /**
-   * The element is used to intercept the touch events on the edge.
-   * @deprecated use the `slotProps.swipeArea` 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.
-   */
-  SwipeAreaProps?: object | undefined;
   /**
    * The width of the left most (or right most) area in `px` that
    * the drawer can be swiped open from.

package/SwipeableDrawer/SwipeableDrawer.js

@@ -11,10 +11,8 @@ exports.reset = reset;
 var React = _interopRequireWildcard(require("react"));
 var ReactDOM = _interopRequireWildcard(require("react-dom"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _elementTypeAcceptingRef = _interopRequireDefault(require("@mui/utils/elementTypeAcceptingRef"));
 var _NoSsr = _interopRequireDefault(require("../NoSsr"));
 var _Drawer = _interopRequireWildcard(require("../Drawer/Drawer"));
-var _useForkRef = _interopRequireDefault(require("../utils/useForkRef"));
 var _ownerDocument = _interopRequireDefault(require("../utils/ownerDocument"));
 var _ownerWindow = _interopRequireDefault(require("../utils/ownerWindow"));
 var _useEventCallback = _interopRequireDefault(require("../utils/useEventCallback"));
@@ -141,15 +139,10 @@ const SwipeableDrawer = /*#__PURE__*/React.forwardRef(function SwipeableDrawer(i
     hysteresis = 0.52,
     allowSwipeInChildren = false,
     minFlingVelocity = 450,
-    ModalProps: {
-      BackdropProps,
-      ...ModalPropsProp
-    } = {},
+    ModalProps: ModalPropsProp = {},
     onClose,
     onOpen,
     open = false,
-    PaperProps = {},
-    SwipeAreaProps,
     swipeAreaWidth = 20,
     transitionDuration = transitionDurationDefault,
     variant = 'temporary',
@@ -165,7 +158,6 @@ const SwipeableDrawer = /*#__PURE__*/React.forwardRef(function SwipeableDrawer(i
   const swipeAreaRef = React.useRef();
   const backdropRef = React.useRef();
   const paperRef = React.useRef();
-  const handleRef = (0, _useForkRef.default)(PaperProps.ref, paperRef);
   const touchDetected = React.useRef(false);
 
   // Ref for transition duration based on / to match swipe speed
@@ -467,10 +459,7 @@ const SwipeableDrawer = /*#__PURE__*/React.forwardRef(function SwipeableDrawer(i
     ownerState: props,
     externalForwardedProps: {
       slots,
-      slotProps: {
-        swipeArea: SwipeAreaProps,
-        ...slotProps
-      }
+      slotProps
     },
     additionalProps: {
       width: swipeAreaWidth,
@@ -482,10 +471,6 @@ const SwipeableDrawer = /*#__PURE__*/React.forwardRef(function SwipeableDrawer(i
       open: variant === 'temporary' && maybeSwiping ? true : open,
       variant: variant,
       ModalProps: {
-        BackdropProps: {
-          ...BackdropProps,
-          ref: backdropRef
-        },
         // Ensures that paperRef.current will be defined inside the touch start event handler
         // See https://github.com/mui/material-ui/issues/30414 for more information
         ...(variant === 'temporary' && {
@@ -501,14 +486,14 @@ const SwipeableDrawer = /*#__PURE__*/React.forwardRef(function SwipeableDrawer(i
       slots: slots,
       slotProps: {
         ...slotProps,
-        backdrop: (0, _utils2.mergeSlotProps)(slotProps.backdrop ?? BackdropProps, {
+        backdrop: (0, _utils2.mergeSlotProps)(slotProps.backdrop, {
           ref: backdropRef
         }),
-        paper: (0, _utils2.mergeSlotProps)(slotProps.paper ?? PaperProps, {
+        paper: (0, _utils2.mergeSlotProps)(slotProps.paper, {
           style: {
             pointerEvents: variant === 'temporary' && !open && !allowSwipeInChildren ? 'none' : ''
           },
-          ref: handleRef
+          ref: paperRef
         })
       },
       ...other
@@ -583,11 +568,7 @@ process.env.NODE_ENV !== "production" ? SwipeableDrawer.propTypes /* remove-prop
   /**
    * @ignore
    */
-  ModalProps: _propTypes.default /* @typescript-to-proptypes-ignore */.shape({
-    BackdropProps: _propTypes.default.shape({
-      component: _elementTypeAcceptingRef.default
-    })
-  }),
+  ModalProps: _propTypes.default /* @typescript-to-proptypes-ignore */.shape({}),
   /**
    * Callback fired when the component requests to be closed.
    *
@@ -605,13 +586,6 @@ process.env.NODE_ENV !== "production" ? SwipeableDrawer.propTypes /* remove-prop
    * @default false
    */
   open: _propTypes.default.bool,
-  /**
-   * @ignore
-   */
-  PaperProps: _propTypes.default /* @typescript-to-proptypes-ignore */.shape({
-    component: _elementTypeAcceptingRef.default,
-    style: _propTypes.default.object
-  }),
   /**
    * The props used for each slot inside.
    * @default {}
@@ -636,11 +610,6 @@ process.env.NODE_ENV !== "production" ? SwipeableDrawer.propTypes /* remove-prop
     swipeArea: _propTypes.default.elementType,
     transition: _propTypes.default.elementType
   }),
-  /**
-   * The element is used to intercept the touch events on the edge.
-   * @deprecated use the `slotProps.swipeArea` 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.
-   */
-  SwipeAreaProps: _propTypes.default.object,
   /**
    * The width of the left most (or right most) area in `px` that
    * the drawer can be swiped open from.