Fix types

Author: mj12albert

packages/mui-material/src/Drawer/Drawer.d.ts

@@ -85,8 +85,8 @@ export type DrawerSlotsAndSlotProps = CreateSlotsAndSlotProps<
      * By default, the available props are based on the [Slide](https://mui.com/material-ui/api/slide/#props) component.
      */
     transition: SlotProps<
-      React.ElementType<TransitionProps>,
-      TransitionProps & DrawerTransitionSlotPropsOverrides,
+      React.ElementType<SlideProps>,
+      Omit<SlideProps, 'children'> & DrawerTransitionSlotPropsOverrides,
       DrawerOwnerState
     >;
   }

packages/mui-material/src/Drawer/Drawer.spec.tsx

@@ -15,6 +15,7 @@ function Test() {
     <React.Fragment>
       <Drawer open />;
       <Drawer open slotProps={{ paper: paperProps }} />;
+      <Drawer open slotProps={{ transition: { direction: 'left' } }} />;
       <Drawer
         open
         slotProps={{
@@ -42,6 +43,8 @@ function Test() {
       'aria-hidden': true,
     },
     transition: {
+      container: document.body,
+      direction: 'left',
       timeout: 500,
     },
   }}

packages/mui-material/src/Popover/Popover.d.ts

@@ -2,6 +2,7 @@ import * as React from 'react';
 import { SxProps } from '@mui/system';
 import { SlotComponentProps } from '@mui/utils/types';
 import { BackdropProps } from '../Backdrop';
+import { GrowProps } from '../Grow';
 import { Theme } from '../styles';
 import { InternalStandardProps as StandardProps } from '../internal';
 import Paper, { PaperProps } from '../Paper';
@@ -57,8 +58,8 @@ export type PopoverSlotsAndSlotProps = CreateSlotsAndSlotProps<
      */
     transition: SlotComponentProps<
       // use SlotComponentProps because transition slot does not support `component` and `sx` prop
-      React.ElementType<TransitionProps>,
-      TransitionProps & PopoverTransitionSlotPropsOverrides,
+      React.ElementType<GrowProps>,
+      Omit<GrowProps, 'children'> & PopoverTransitionSlotPropsOverrides,
       PopoverOwnerState
     >;
     /**

packages/mui-material/src/Popover/Popover.spec.tsx

@@ -13,7 +13,8 @@ function Test() {
   return (
     <React.Fragment>
       <Popover open />;
-      <Popover open slotProps={{ paper: paperProps }} />;
+      <Popover open PaperProps={paperProps} />;
+      <Popover open anchorEl={document.body} slotProps={{ transition: { timeout: 'auto' } }} />;
       <Popover
         open
         slotProps={{

packages/mui-material/src/StepContent/StepContent.d.ts

@@ -14,9 +14,7 @@ export interface StepContentSlots {
    * @default Collapse
    */
   transition?:
-    | React.JSXElementConstructor<
-        TransitionProps & { children?: React.ReactElement<unknown, any> | undefined }
-      >
+    | React.JSXElementConstructor<TransitionProps & { children: React.ReactElement<unknown, any> }>
     | undefined;
 }