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

package/Chip/chipClasses.mjs

@@ -3,5 +3,5 @@ import generateUtilityClass from '@mui/utils/generateUtilityClass';
 export function getChipUtilityClass(slot) {
   return generateUtilityClass('MuiChip', slot);
 }
-const chipClasses = generateUtilityClasses('MuiChip', ['root', 'sizeSmall', 'sizeMedium', 'colorDefault', 'colorError', 'colorInfo', 'colorPrimary', 'colorSecondary', 'colorSuccess', 'colorWarning', 'disabled', 'clickable', 'clickableColorPrimary', 'clickableColorSecondary', 'deletable', 'deletableColorPrimary', 'deletableColorSecondary', 'outlined', 'filled', 'outlinedPrimary', 'outlinedSecondary', 'filledPrimary', 'filledSecondary', 'avatar', 'avatarSmall', 'avatarMedium', 'avatarColorPrimary', 'avatarColorSecondary', 'icon', 'iconSmall', 'iconMedium', 'iconColorPrimary', 'iconColorSecondary', 'label', 'labelSmall', 'labelMedium', 'deleteIcon', 'deleteIconSmall', 'deleteIconMedium', 'deleteIconColorPrimary', 'deleteIconColorSecondary', 'deleteIconOutlinedColorPrimary', 'deleteIconOutlinedColorSecondary', 'deleteIconFilledColorPrimary', 'deleteIconFilledColorSecondary', 'focusVisible']);
+const chipClasses = generateUtilityClasses('MuiChip', ['root', 'sizeSmall', 'sizeMedium', 'colorDefault', 'colorError', 'colorInfo', 'colorPrimary', 'colorSecondary', 'colorSuccess', 'colorWarning', 'disabled', 'clickable', 'deletable', 'outlined', 'filled', 'avatar', 'icon', 'label', 'deleteIcon', 'focusVisible']);
 export default chipClasses;

package/Dialog/Dialog.d.mts

@@ -123,12 +123,6 @@ export interface DialogProps extends Omit<StandardProps<ModalProps, 'children'>,
    * @default Paper
    */
   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>> | undefined;
   /**
    * Determine the container for scrolling the dialog.
    * @default 'paper'
@@ -138,15 +132,6 @@ export interface DialogProps extends Omit<StandardProps<ModalProps, 'children'>,
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
   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.
-   * @default Fade
-   * @deprecated Use `slots.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.
-   */
-  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.
@@ -156,12 +141,6 @@ export interface DialogProps extends Omit<StandardProps<ModalProps, 'children'>,
    * }
    */
   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 | undefined;
 }
 
 /**

package/Dialog/Dialog.d.ts

@@ -123,12 +123,6 @@ export interface DialogProps extends Omit<StandardProps<ModalProps, 'children'>,
    * @default Paper
    */
   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>> | undefined;
   /**
    * Determine the container for scrolling the dialog.
    * @default 'paper'
@@ -138,15 +132,6 @@ export interface DialogProps extends Omit<StandardProps<ModalProps, 'children'>,
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
   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.
-   * @default Fade
-   * @deprecated Use `slots.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.
-   */
-  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.
@@ -156,12 +141,6 @@ export interface DialogProps extends Omit<StandardProps<ModalProps, 'children'>,
    * }
    */
   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 | undefined;
 }
 
 /**

package/Dialog/Dialog.js

@@ -16,7 +16,7 @@ var _capitalize = _interopRequireDefault(require("../utils/capitalize"));
 var _Modal = _interopRequireDefault(require("../Modal"));
 var _Fade = _interopRequireDefault(require("../Fade"));
 var _Paper = _interopRequireDefault(require("../Paper"));
-var _dialogClasses = _interopRequireWildcard(require("./dialogClasses"));
+var _dialogClasses = require("./dialogClasses");
 var _DialogContext = _interopRequireDefault(require("./DialogContext"));
 var _Backdrop = _interopRequireDefault(require("../Backdrop"));
 var _zeroStyled = require("../zero-styled");
@@ -43,7 +43,7 @@ const useUtilityClasses = ownerState => {
     root: ['root'],
     backdrop: ['backdrop'],
     container: ['container', `scroll${(0, _capitalize.default)(scroll)}`],
-    paper: ['paper', `paperScroll${(0, _capitalize.default)(scroll)}`, `paperWidth${(0, _capitalize.default)(String(maxWidth))}`, fullWidth && 'paperFullWidth', fullScreen && 'paperFullScreen']
+    paper: ['paper', `paperWidth${(0, _capitalize.default)(String(maxWidth))}`, fullWidth && 'paperFullWidth', fullScreen && 'paperFullScreen']
   };
   return (0, _composeClasses.default)(slots, _dialogClasses.getDialogUtilityClass, classes);
 };
@@ -106,7 +106,7 @@ const DialogPaper = (0, _zeroStyled.styled)(_Paper.default, {
     const {
       ownerState
     } = props;
-    return [styles.paper, styles[`scrollPaper${(0, _capitalize.default)(ownerState.scroll)}`], styles[`paperWidth${(0, _capitalize.default)(String(ownerState.maxWidth))}`], ownerState.fullWidth && styles.paperFullWidth, ownerState.fullScreen && styles.paperFullScreen];
+    return [styles.paper, styles[`paperWidth${(0, _capitalize.default)(String(ownerState.maxWidth))}`], ownerState.fullWidth && styles.paperFullWidth, ownerState.fullScreen && styles.paperFullScreen];
   }
 })((0, _memoTheme.default)(({
   theme
@@ -148,11 +148,16 @@ const DialogPaper = (0, _zeroStyled.styled)(_Paper.default, {
       maxWidth: 'xs'
     },
     style: {
-      maxWidth: theme.breakpoints.unit === 'px' ? Math.max(theme.breakpoints.values.xs, 444) : `max(${theme.breakpoints.values.xs}${theme.breakpoints.unit}, 444px)`,
-      [`&.${_dialogClasses.default.paperScrollBody}`]: {
-        [theme.breakpoints.down(Math.max(theme.breakpoints.values.xs, 444) + 32 * 2)]: {
-          maxWidth: 'calc(100% - 64px)'
-        }
+      maxWidth: theme.breakpoints.unit === 'px' ? Math.max(theme.breakpoints.values.xs, 444) : `max(${theme.breakpoints.values.xs}${theme.breakpoints.unit}, 444px)`
+    }
+  }, {
+    props: {
+      maxWidth: 'xs',
+      scroll: 'body'
+    },
+    style: {
+      [theme.breakpoints.down(Math.max(theme.breakpoints.values.xs, 444) + 32 * 2)]: {
+        maxWidth: 'calc(100% - 64px)'
       }
     }
   }, ...Object.keys(theme.breakpoints.values).filter(maxWidth => maxWidth !== 'xs').map(maxWidth => ({
@@ -160,11 +165,16 @@ const DialogPaper = (0, _zeroStyled.styled)(_Paper.default, {
       maxWidth
     },
     style: {
-      maxWidth: `${theme.breakpoints.values[maxWidth]}${theme.breakpoints.unit}`,
-      [`&.${_dialogClasses.default.paperScrollBody}`]: {
-        [theme.breakpoints.down(theme.breakpoints.values[maxWidth] + 32 * 2)]: {
-          maxWidth: 'calc(100% - 64px)'
-        }
+      maxWidth: `${theme.breakpoints.values[maxWidth]}${theme.breakpoints.unit}`
+    }
+  })), ...Object.keys(theme.breakpoints.values).filter(maxWidth => maxWidth !== 'xs').map(maxWidth => ({
+    props: {
+      maxWidth,
+      scroll: 'body'
+    },
+    style: {
+      [theme.breakpoints.down(theme.breakpoints.values[maxWidth] + 32 * 2)]: {
+        maxWidth: 'calc(100% - 64px)'
       }
     }
   })), {
@@ -184,11 +194,15 @@ const DialogPaper = (0, _zeroStyled.styled)(_Paper.default, {
       maxWidth: '100%',
       height: '100%',
       maxHeight: 'none',
-      borderRadius: 0,
-      [`&.${_dialogClasses.default.paperScrollBody}`]: {
-        margin: 0,
-        maxWidth: '100%'
-      }
+      borderRadius: 0
+    }
+  }, {
+    props: ({
+      ownerState
+    }) => ownerState.fullScreen && ownerState.scroll === 'body',
+    style: {
+      margin: 0,
+      maxWidth: '100%'
     }
   }]
 })));
@@ -210,8 +224,6 @@ const Dialog = /*#__PURE__*/React.forwardRef(function Dialog(inProps, ref) {
     'aria-describedby': ariaDescribedby,
     'aria-labelledby': ariaLabelledbyProp,
     'aria-modal': ariaModal = true,
-    BackdropComponent,
-    BackdropProps,
     children,
     className,
     fullScreen = false,
@@ -221,13 +233,10 @@ const Dialog = /*#__PURE__*/React.forwardRef(function Dialog(inProps, ref) {
     onClose,
     open,
     PaperComponent = _Paper.default,
-    PaperProps = {},
     scroll = 'paper',
     slots = {},
     slotProps = {},
-    TransitionComponent = _Fade.default,
     transitionDuration = defaultTransitionDuration,
-    TransitionProps,
     ...other
   } = props;
   const ownerState = {
@@ -264,19 +273,9 @@ const Dialog = /*#__PURE__*/React.forwardRef(function Dialog(inProps, ref) {
       titleId: ariaLabelledby
     };
   }, [ariaLabelledby]);
-  const backwardCompatibleSlots = {
-    transition: TransitionComponent,
-    ...slots
-  };
-  const backwardCompatibleSlotProps = {
-    transition: TransitionProps,
-    paper: PaperProps,
-    backdrop: BackdropProps,
-    ...slotProps
-  };
   const externalForwardedProps = {
-    slots: backwardCompatibleSlots,
-    slotProps: backwardCompatibleSlotProps
+    slots,
+    slotProps
   };
   const [RootSlot, rootSlotProps] = (0, _useSlot.default)('root', {
     elementType: DialogRoot,
@@ -298,7 +297,7 @@ const Dialog = /*#__PURE__*/React.forwardRef(function Dialog(inProps, ref) {
     shouldForwardComponentProp: true,
     externalForwardedProps,
     ownerState,
-    className: (0, _clsx.default)(classes.paper, PaperProps.className)
+    className: classes.paper
   });
   const [ContainerSlot, containerSlotProps] = (0, _useSlot.default)('container', {
     elementType: DialogContainer,
@@ -325,7 +324,6 @@ const Dialog = /*#__PURE__*/React.forwardRef(function Dialog(inProps, ref) {
     slotProps: {
       backdrop: {
         transitionDuration,
-        as: BackdropComponent,
         ...backdropSlotProps
       }
     },
@@ -375,22 +373,6 @@ process.env.NODE_ENV !== "production" ? Dialog.propTypes /* remove-proptypes */
    * @default true
    */
   'aria-modal': _propTypes.default.oneOfType([_propTypes.default.oneOf(['false', 'true']), _propTypes.default.bool]),
-  /**
-   * A backdrop component. This prop enables custom backdrop rendering.
-   * @deprecated Use `slots.backdrop` instead. While this prop currently works, it will be removed in the next major version.
-   * Use the `slots.backdrop` prop to make your application ready for the next version of Material UI.
-   * @default styled(Backdrop, {
-   *   name: 'MuiModal',
-   *   slot: 'Backdrop',
-   * })({
-   *   zIndex: -1,
-   * })
-   */
-  BackdropComponent: _propTypes.default.elementType,
-  /**
-   * @ignore
-   */
-  BackdropProps: _propTypes.default.object,
   /**
    * Dialog children, usually the included sub-components.
    */
@@ -442,12 +424,6 @@ process.env.NODE_ENV !== "production" ? Dialog.propTypes /* remove-proptypes */
    * @default Paper
    */
   PaperComponent: _propTypes.default.elementType,
-  /**
-   * 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: _propTypes.default.object,
   /**
    * Determine the container for scrolling the dialog.
    * @default 'paper'
@@ -479,13 +455,6 @@ process.env.NODE_ENV !== "production" ? Dialog.propTypes /* remove-proptypes */
    * 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 Fade
-   * @deprecated Use `slots.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.
-   */
-  TransitionComponent: _propTypes.default.elementType,
   /**
    * The duration for the transition, in milliseconds.
    * You may specify a single timeout for all transitions, or individually with an object.
@@ -498,12 +467,6 @@ process.env.NODE_ENV !== "production" ? Dialog.propTypes /* remove-proptypes */
     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 = Dialog;

package/Dialog/Dialog.mjs

@@ -9,7 +9,7 @@ import capitalize from "../utils/capitalize.mjs";
 import Modal from "../Modal/index.mjs";
 import Fade from "../Fade/index.mjs";
 import Paper from "../Paper/index.mjs";
-import dialogClasses, { getDialogUtilityClass } from "./dialogClasses.mjs";
+import { getDialogUtilityClass } from "./dialogClasses.mjs";
 import DialogContext from "./DialogContext.mjs";
 import Backdrop from "../Backdrop/index.mjs";
 import { styled, useTheme } from "../zero-styled/index.mjs";
@@ -36,7 +36,7 @@ const useUtilityClasses = ownerState => {
     root: ['root'],
     backdrop: ['backdrop'],
     container: ['container', `scroll${capitalize(scroll)}`],
-    paper: ['paper', `paperScroll${capitalize(scroll)}`, `paperWidth${capitalize(String(maxWidth))}`, fullWidth && 'paperFullWidth', fullScreen && 'paperFullScreen']
+    paper: ['paper', `paperWidth${capitalize(String(maxWidth))}`, fullWidth && 'paperFullWidth', fullScreen && 'paperFullScreen']
   };
   return composeClasses(slots, getDialogUtilityClass, classes);
 };
@@ -99,7 +99,7 @@ const DialogPaper = styled(Paper, {
     const {
       ownerState
     } = props;
-    return [styles.paper, styles[`scrollPaper${capitalize(ownerState.scroll)}`], styles[`paperWidth${capitalize(String(ownerState.maxWidth))}`], ownerState.fullWidth && styles.paperFullWidth, ownerState.fullScreen && styles.paperFullScreen];
+    return [styles.paper, styles[`paperWidth${capitalize(String(ownerState.maxWidth))}`], ownerState.fullWidth && styles.paperFullWidth, ownerState.fullScreen && styles.paperFullScreen];
   }
 })(memoTheme(({
   theme
@@ -141,11 +141,16 @@ const DialogPaper = styled(Paper, {
       maxWidth: 'xs'
     },
     style: {
-      maxWidth: theme.breakpoints.unit === 'px' ? Math.max(theme.breakpoints.values.xs, 444) : `max(${theme.breakpoints.values.xs}${theme.breakpoints.unit}, 444px)`,
-      [`&.${dialogClasses.paperScrollBody}`]: {
-        [theme.breakpoints.down(Math.max(theme.breakpoints.values.xs, 444) + 32 * 2)]: {
-          maxWidth: 'calc(100% - 64px)'
-        }
+      maxWidth: theme.breakpoints.unit === 'px' ? Math.max(theme.breakpoints.values.xs, 444) : `max(${theme.breakpoints.values.xs}${theme.breakpoints.unit}, 444px)`
+    }
+  }, {
+    props: {
+      maxWidth: 'xs',
+      scroll: 'body'
+    },
+    style: {
+      [theme.breakpoints.down(Math.max(theme.breakpoints.values.xs, 444) + 32 * 2)]: {
+        maxWidth: 'calc(100% - 64px)'
       }
     }
   }, ...Object.keys(theme.breakpoints.values).filter(maxWidth => maxWidth !== 'xs').map(maxWidth => ({
@@ -153,11 +158,16 @@ const DialogPaper = styled(Paper, {
       maxWidth
     },
     style: {
-      maxWidth: `${theme.breakpoints.values[maxWidth]}${theme.breakpoints.unit}`,
-      [`&.${dialogClasses.paperScrollBody}`]: {
-        [theme.breakpoints.down(theme.breakpoints.values[maxWidth] + 32 * 2)]: {
-          maxWidth: 'calc(100% - 64px)'
-        }
+      maxWidth: `${theme.breakpoints.values[maxWidth]}${theme.breakpoints.unit}`
+    }
+  })), ...Object.keys(theme.breakpoints.values).filter(maxWidth => maxWidth !== 'xs').map(maxWidth => ({
+    props: {
+      maxWidth,
+      scroll: 'body'
+    },
+    style: {
+      [theme.breakpoints.down(theme.breakpoints.values[maxWidth] + 32 * 2)]: {
+        maxWidth: 'calc(100% - 64px)'
       }
     }
   })), {
@@ -177,11 +187,15 @@ const DialogPaper = styled(Paper, {
       maxWidth: '100%',
       height: '100%',
       maxHeight: 'none',
-      borderRadius: 0,
-      [`&.${dialogClasses.paperScrollBody}`]: {
-        margin: 0,
-        maxWidth: '100%'
-      }
+      borderRadius: 0
+    }
+  }, {
+    props: ({
+      ownerState
+    }) => ownerState.fullScreen && ownerState.scroll === 'body',
+    style: {
+      margin: 0,
+      maxWidth: '100%'
     }
   }]
 })));
@@ -203,8 +217,6 @@ const Dialog = /*#__PURE__*/React.forwardRef(function Dialog(inProps, ref) {
     'aria-describedby': ariaDescribedby,
     'aria-labelledby': ariaLabelledbyProp,
     'aria-modal': ariaModal = true,
-    BackdropComponent,
-    BackdropProps,
     children,
     className,
     fullScreen = false,
@@ -214,13 +226,10 @@ const Dialog = /*#__PURE__*/React.forwardRef(function Dialog(inProps, ref) {
     onClose,
     open,
     PaperComponent = Paper,
-    PaperProps = {},
     scroll = 'paper',
     slots = {},
     slotProps = {},
-    TransitionComponent = Fade,
     transitionDuration = defaultTransitionDuration,
-    TransitionProps,
     ...other
   } = props;
   const ownerState = {
@@ -257,19 +266,9 @@ const Dialog = /*#__PURE__*/React.forwardRef(function Dialog(inProps, ref) {
       titleId: ariaLabelledby
     };
   }, [ariaLabelledby]);
-  const backwardCompatibleSlots = {
-    transition: TransitionComponent,
-    ...slots
-  };
-  const backwardCompatibleSlotProps = {
-    transition: TransitionProps,
-    paper: PaperProps,
-    backdrop: BackdropProps,
-    ...slotProps
-  };
   const externalForwardedProps = {
-    slots: backwardCompatibleSlots,
-    slotProps: backwardCompatibleSlotProps
+    slots,
+    slotProps
   };
   const [RootSlot, rootSlotProps] = useSlot('root', {
     elementType: DialogRoot,
@@ -291,7 +290,7 @@ const Dialog = /*#__PURE__*/React.forwardRef(function Dialog(inProps, ref) {
     shouldForwardComponentProp: true,
     externalForwardedProps,
     ownerState,
-    className: clsx(classes.paper, PaperProps.className)
+    className: classes.paper
   });
   const [ContainerSlot, containerSlotProps] = useSlot('container', {
     elementType: DialogContainer,
@@ -318,7 +317,6 @@ const Dialog = /*#__PURE__*/React.forwardRef(function Dialog(inProps, ref) {
     slotProps: {
       backdrop: {
         transitionDuration,
-        as: BackdropComponent,
         ...backdropSlotProps
       }
     },
@@ -368,22 +366,6 @@ process.env.NODE_ENV !== "production" ? Dialog.propTypes /* remove-proptypes */
    * @default true
    */
   'aria-modal': PropTypes.oneOfType([PropTypes.oneOf(['false', 'true']), PropTypes.bool]),
-  /**
-   * A backdrop component. This prop enables custom backdrop rendering.
-   * @deprecated Use `slots.backdrop` instead. While this prop currently works, it will be removed in the next major version.
-   * Use the `slots.backdrop` prop to make your application ready for the next version of Material UI.
-   * @default styled(Backdrop, {
-   *   name: 'MuiModal',
-   *   slot: 'Backdrop',
-   * })({
-   *   zIndex: -1,
-   * })
-   */
-  BackdropComponent: PropTypes.elementType,
-  /**
-   * @ignore
-   */
-  BackdropProps: PropTypes.object,
   /**
    * Dialog children, usually the included sub-components.
    */
@@ -435,12 +417,6 @@ process.env.NODE_ENV !== "production" ? Dialog.propTypes /* remove-proptypes */
    * @default Paper
    */
   PaperComponent: PropTypes.elementType,
-  /**
-   * 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: PropTypes.object,
   /**
    * Determine the container for scrolling the dialog.
    * @default 'paper'
@@ -472,13 +448,6 @@ process.env.NODE_ENV !== "production" ? Dialog.propTypes /* remove-proptypes */
    * 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 Fade
-   * @deprecated Use `slots.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.
-   */
-  TransitionComponent: PropTypes.elementType,
   /**
    * The duration for the transition, in milliseconds.
    * You may specify a single timeout for all transitions, or individually with an object.
@@ -491,12 +460,6 @@ process.env.NODE_ENV !== "production" ? Dialog.propTypes /* remove-proptypes */
     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 Dialog;

package/Dialog/dialogClasses.d.mts

@@ -11,14 +11,6 @@ export interface DialogClasses {
   container: string;
   /** Styles applied to the Paper component. */
   paper: string;
-  /** Styles applied to the Paper component if `scroll="paper"`.
-   * @deprecated Combine the [.MuiDialog-paper](/material-ui/api/dialog/#Dialog-css-MuiDialog-paper) and [.MuiDialog-scrollPaper](/material-ui/api/dialog/#dialog-classes-MuiDialog-scrollPaper) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  paperScrollPaper: string;
-  /** Styles applied to the Paper component if `scroll="body"`.
-   * @deprecated Combine the [.MuiDialog-paper](/material-ui/api/dialog/#Dialog-css-MuiDialog-paper) and [.MuiDialog-scrollBody](/material-ui/api/dialog/#dialog-classes-MuiDialog-scrollBody) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  paperScrollBody: string;
   /** Styles applied to the Paper component if `maxWidth=false`. */
   paperWidthFalse: string;
   /** Styles applied to the Paper component if `maxWidth="xs"`. */

package/Dialog/dialogClasses.d.ts

@@ -11,14 +11,6 @@ export interface DialogClasses {
   container: string;
   /** Styles applied to the Paper component. */
   paper: string;
-  /** Styles applied to the Paper component if `scroll="paper"`.
-   * @deprecated Combine the [.MuiDialog-paper](/material-ui/api/dialog/#Dialog-css-MuiDialog-paper) and [.MuiDialog-scrollPaper](/material-ui/api/dialog/#dialog-classes-MuiDialog-scrollPaper) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  paperScrollPaper: string;
-  /** Styles applied to the Paper component if `scroll="body"`.
-   * @deprecated Combine the [.MuiDialog-paper](/material-ui/api/dialog/#Dialog-css-MuiDialog-paper) and [.MuiDialog-scrollBody](/material-ui/api/dialog/#dialog-classes-MuiDialog-scrollBody) classes instead. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
-   */
-  paperScrollBody: string;
   /** Styles applied to the Paper component if `maxWidth=false`. */
   paperWidthFalse: string;
   /** Styles applied to the Paper component if `maxWidth="xs"`. */

package/Dialog/dialogClasses.js

@@ -11,5 +11,5 @@ var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateU
 function getDialogUtilityClass(slot) {
   return (0, _generateUtilityClass.default)('MuiDialog', slot);
 }
-const dialogClasses = (0, _generateUtilityClasses.default)('MuiDialog', ['root', 'backdrop', 'scrollPaper', 'scrollBody', 'container', 'paper', 'paperScrollPaper', 'paperScrollBody', 'paperWidthFalse', 'paperWidthXs', 'paperWidthSm', 'paperWidthMd', 'paperWidthLg', 'paperWidthXl', 'paperFullWidth', 'paperFullScreen']);
+const dialogClasses = (0, _generateUtilityClasses.default)('MuiDialog', ['root', 'backdrop', 'scrollPaper', 'scrollBody', 'container', 'paper', 'paperWidthFalse', 'paperWidthXs', 'paperWidthSm', 'paperWidthMd', 'paperWidthLg', 'paperWidthXl', 'paperFullWidth', 'paperFullScreen']);
 var _default = exports.default = dialogClasses;

package/Dialog/dialogClasses.mjs

@@ -3,5 +3,5 @@ import generateUtilityClass from '@mui/utils/generateUtilityClass';
 export function getDialogUtilityClass(slot) {
   return generateUtilityClass('MuiDialog', slot);
 }
-const dialogClasses = generateUtilityClasses('MuiDialog', ['root', 'backdrop', 'scrollPaper', 'scrollBody', 'container', 'paper', 'paperScrollPaper', 'paperScrollBody', 'paperWidthFalse', 'paperWidthXs', 'paperWidthSm', 'paperWidthMd', 'paperWidthLg', 'paperWidthXl', 'paperFullWidth', 'paperFullScreen']);
+const dialogClasses = generateUtilityClasses('MuiDialog', ['root', 'backdrop', 'scrollPaper', 'scrollBody', 'container', 'paper', 'paperWidthFalse', 'paperWidthXs', 'paperWidthSm', 'paperWidthMd', 'paperWidthLg', 'paperWidthXl', 'paperFullWidth', 'paperFullScreen']);
 export default dialogClasses;

package/Divider/Divider.js

@@ -27,7 +27,7 @@ const useUtilityClasses = ownerState => {
     variant
   } = ownerState;
   const slots = {
-    root: ['root', absolute && 'absolute', variant, orientation === 'vertical' && 'vertical', flexItem && 'flexItem', children && 'withChildren', children && orientation === 'vertical' && 'withChildrenVertical', textAlign === 'right' && orientation !== 'vertical' && 'textAlignRight', textAlign === 'left' && orientation !== 'vertical' && 'textAlignLeft'],
+    root: ['root', absolute && 'absolute', variant, orientation === 'vertical' && 'vertical', flexItem && 'flexItem', children && 'withChildren', textAlign === 'right' && orientation !== 'vertical' && 'textAlignRight', textAlign === 'left' && orientation !== 'vertical' && 'textAlignLeft'],
     wrapper: ['wrapper', orientation === 'vertical' && 'wrapperVertical']
   };
   return (0, _composeClasses.default)(slots, _dividerClasses.getDividerUtilityClass, classes);
@@ -39,7 +39,7 @@ const DividerRoot = (0, _zeroStyled.styled)('div', {
     const {
       ownerState
     } = props;
-    return [styles.root, ownerState.absolute && styles.absolute, styles[ownerState.variant], ownerState.orientation === 'vertical' && styles.vertical, ownerState.flexItem && styles.flexItem, ownerState.children && styles.withChildren, ownerState.children && ownerState.orientation === 'vertical' && styles.withChildrenVertical, ownerState.textAlign === 'right' && ownerState.orientation !== 'vertical' && styles.textAlignRight, ownerState.textAlign === 'left' && ownerState.orientation !== 'vertical' && styles.textAlignLeft];
+    return [styles.root, ownerState.absolute && styles.absolute, styles[ownerState.variant], ownerState.orientation === 'vertical' && styles.vertical, ownerState.flexItem && styles.flexItem, ownerState.children && styles.withChildren, ownerState.textAlign === 'right' && ownerState.orientation !== 'vertical' && styles.textAlignRight, ownerState.textAlign === 'left' && ownerState.orientation !== 'vertical' && styles.textAlignLeft];
   }
 })((0, _memoTheme.default)(({
   theme

package/Divider/Divider.mjs

@@ -20,7 +20,7 @@ const useUtilityClasses = ownerState => {
     variant
   } = ownerState;
   const slots = {
-    root: ['root', absolute && 'absolute', variant, orientation === 'vertical' && 'vertical', flexItem && 'flexItem', children && 'withChildren', children && orientation === 'vertical' && 'withChildrenVertical', textAlign === 'right' && orientation !== 'vertical' && 'textAlignRight', textAlign === 'left' && orientation !== 'vertical' && 'textAlignLeft'],
+    root: ['root', absolute && 'absolute', variant, orientation === 'vertical' && 'vertical', flexItem && 'flexItem', children && 'withChildren', textAlign === 'right' && orientation !== 'vertical' && 'textAlignRight', textAlign === 'left' && orientation !== 'vertical' && 'textAlignLeft'],
     wrapper: ['wrapper', orientation === 'vertical' && 'wrapperVertical']
   };
   return composeClasses(slots, getDividerUtilityClass, classes);
@@ -32,7 +32,7 @@ const DividerRoot = styled('div', {
     const {
       ownerState
     } = props;
-    return [styles.root, ownerState.absolute && styles.absolute, styles[ownerState.variant], ownerState.orientation === 'vertical' && styles.vertical, ownerState.flexItem && styles.flexItem, ownerState.children && styles.withChildren, ownerState.children && ownerState.orientation === 'vertical' && styles.withChildrenVertical, ownerState.textAlign === 'right' && ownerState.orientation !== 'vertical' && styles.textAlignRight, ownerState.textAlign === 'left' && ownerState.orientation !== 'vertical' && styles.textAlignLeft];
+    return [styles.root, ownerState.absolute && styles.absolute, styles[ownerState.variant], ownerState.orientation === 'vertical' && styles.vertical, ownerState.flexItem && styles.flexItem, ownerState.children && styles.withChildren, ownerState.textAlign === 'right' && ownerState.orientation !== 'vertical' && styles.textAlignRight, ownerState.textAlign === 'left' && ownerState.orientation !== 'vertical' && styles.textAlignLeft];
   }
 })(memoTheme(({
   theme

package/Divider/dividerClasses.d.mts

@@ -15,10 +15,6 @@ export interface DividerClasses {
   flexItem: string;
   /** Styles applied to the root element if divider have text. */
   withChildren: string;
-  /** Styles applied to the root element if divider have text and `orientation="vertical"`.
-   * @deprecated Combine the [.MuiDivider-withChildren](/material-ui/api/divider/#divider-classes-MuiDivider-withChildren) and [.MuiDivider-vertical](/material-ui/api/divider/#divider-classes-MuiDivider-vertical) classes instead.
-   */
-  withChildrenVertical: string;
   /** Styles applied to the root element if `textAlign="right" orientation="horizontal"`. */
   textAlignRight: string;
   /** Styles applied to the root element if `textAlign="left" orientation="horizontal"`. */

package/Divider/dividerClasses.d.ts

@@ -15,10 +15,6 @@ export interface DividerClasses {
   flexItem: string;
   /** Styles applied to the root element if divider have text. */
   withChildren: string;
-  /** Styles applied to the root element if divider have text and `orientation="vertical"`.
-   * @deprecated Combine the [.MuiDivider-withChildren](/material-ui/api/divider/#divider-classes-MuiDivider-withChildren) and [.MuiDivider-vertical](/material-ui/api/divider/#divider-classes-MuiDivider-vertical) classes instead.
-   */
-  withChildrenVertical: string;
   /** Styles applied to the root element if `textAlign="right" orientation="horizontal"`. */
   textAlignRight: string;
   /** Styles applied to the root element if `textAlign="left" orientation="horizontal"`. */

package/Divider/dividerClasses.js

@@ -11,5 +11,5 @@ var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateU
 function getDividerUtilityClass(slot) {
   return (0, _generateUtilityClass.default)('MuiDivider', slot);
 }
-const dividerClasses = (0, _generateUtilityClasses.default)('MuiDivider', ['root', 'absolute', 'fullWidth', 'inset', 'middle', 'flexItem', 'vertical', 'withChildren', 'withChildrenVertical', 'textAlignRight', 'textAlignLeft', 'wrapper', 'wrapperVertical']);
+const dividerClasses = (0, _generateUtilityClasses.default)('MuiDivider', ['root', 'absolute', 'fullWidth', 'inset', 'middle', 'flexItem', 'vertical', 'withChildren', 'textAlignRight', 'textAlignLeft', 'wrapper', 'wrapperVertical']);
 var _default = exports.default = dividerClasses;