@mui/material 7.3.8 → 7.3.10

package/CardActions/CardActions.d.ts

@@ -11,26 +11,26 @@ export interface CardActionsProps extends StandardProps<React.HTMLAttributes<HTM
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<CardActionsClasses>;
+  classes?: Partial<CardActionsClasses> | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
   /**
    * If `true`, the actions do not have additional margin.
    * @default false
    */
-  disableSpacing?: boolean;
+  disableSpacing?: boolean | undefined;
 }
 
 /**
  *
  * Demos:
  *
- * - [Card](https://mui.com/material-ui/react-card/)
+ * - [Card](https://v7.mui.com/material-ui/react-card/)
  *
  * API:
  *
- * - [CardActions API](https://mui.com/material-ui/api/card-actions/)
+ * - [CardActions API](https://v7.mui.com/material-ui/api/card-actions/)
  */
 export default function CardActions(props: CardActionsProps): React.JSX.Element;

package/CardContent/CardContent.d.ts

@@ -11,11 +11,11 @@ export interface CardContentOwnProps {
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<CardContentClasses>;
+  classes?: Partial<CardContentClasses> | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
 }
 export interface CardContentTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'div'> {
   props: AdditionalProps & CardContentOwnProps;
@@ -25,14 +25,14 @@ export interface CardContentTypeMap<AdditionalProps = {}, RootComponent extends
  *
  * Demos:
  *
- * - [Card](https://mui.com/material-ui/react-card/)
+ * - [Card](https://v7.mui.com/material-ui/react-card/)
  *
  * API:
  *
- * - [CardContent API](https://mui.com/material-ui/api/card-content/)
+ * - [CardContent API](https://v7.mui.com/material-ui/api/card-content/)
  */
 declare const CardContent: OverridableComponent<CardContentTypeMap>;
 export type CardContentProps<RootComponent extends React.ElementType = CardContentTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<CardContentTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 export default CardContent;

package/CardHeader/CardHeader.d.ts

@@ -89,7 +89,7 @@ export interface CardHeaderOwnProps<TitleTypographyComponent extends React.Eleme
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<CardHeaderClasses>;
+  classes?: Partial<CardHeaderClasses> | undefined;
   /**
    * If `true`, `subheader` and `title` won't be wrapped by a Typography component.
    * This can be useful to render an alternative Typography variant by wrapping
@@ -97,7 +97,7 @@ export interface CardHeaderOwnProps<TitleTypographyComponent extends React.Eleme
    * with the Typography component.
    * @default false
    */
-  disableTypography?: boolean;
+  disableTypography?: boolean | undefined;
   /**
    * The content of the component.
    */
@@ -108,12 +108,12 @@ export interface CardHeaderOwnProps<TitleTypographyComponent extends React.Eleme
    * @deprecated Use `slotProps.subheader` 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.
    */
   subheaderTypographyProps?: TypographyProps<SubheaderTypographyComponent, {
-    component?: SubheaderTypographyComponent;
-  }>;
+    component?: SubheaderTypographyComponent | undefined;
+  }> | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
   /**
    * The content of the component.
    */
@@ -124,8 +124,8 @@ export interface CardHeaderOwnProps<TitleTypographyComponent extends React.Eleme
    * @deprecated Use `slotProps.title` 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.
    */
   titleTypographyProps?: TypographyProps<TitleTypographyComponent, {
-    component?: TitleTypographyComponent;
-  }>;
+    component?: TitleTypographyComponent | undefined;
+  }> | undefined;
 }
 export interface CardHeaderOwnerState extends CardHeaderOwnProps {}
 export interface CardHeaderTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'div', TitleTypographyComponent extends React.ElementType = 'span', SubheaderTypographyComponent extends React.ElementType = 'span'> {
@@ -136,11 +136,11 @@ export interface CardHeaderTypeMap<AdditionalProps = {}, RootComponent extends R
  *
  * Demos:
  *
- * - [Card](https://mui.com/material-ui/react-card/)
+ * - [Card](https://v7.mui.com/material-ui/react-card/)
  *
  * API:
  *
- * - [CardHeader API](https://mui.com/material-ui/api/card-header/)
+ * - [CardHeader API](https://v7.mui.com/material-ui/api/card-header/)
  */
 declare const CardHeader: OverridableCardHeader;
 export interface OverridableCardHeader extends OverridableComponent<CardHeaderTypeMap> {
@@ -152,6 +152,6 @@ export type CardHeaderPropsWithComponent<RootComponent extends React.ElementType
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component?: RootComponent;
+  component?: RootComponent | undefined;
 } & CardHeaderProps<RootComponent, AdditionalProps, TitleTypographyComponent, SubheaderTypographyComponent>;
 export default CardHeader;

package/CardHeader/CardHeader.js

@@ -68,6 +68,7 @@ const CardHeaderContent = (0, _zeroStyled.styled)('div', {
   slot: 'Content'
 })({
   flex: '1 1 auto',
+  // Combine this and the below selector once https://github.com/emotion-js/emotion/issues/3366 is solved
   [`.${_Typography.typographyClasses.root}:where(& .${_cardHeaderClasses.default.title})`]: {
     display: 'block'
   },

package/CardMedia/CardMedia.d.ts

@@ -11,23 +11,23 @@ export interface CardMediaOwnProps {
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<CardMediaClasses>;
+  classes?: Partial<CardMediaClasses> | undefined;
   /**
    * Image to be displayed as a background image.
    * Either `image` or `src` prop must be specified.
    * Note that caller must specify height otherwise the image will not be visible.
    */
-  image?: string;
+  image?: string | undefined;
   /**
    * An alias for `image` property.
    * Available only with media components.
    * Media components: `video`, `audio`, `picture`, `iframe`, `img`.
    */
-  src?: string;
+  src?: string | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
 }
 export interface CardMediaTypeMap<AdditionalProps, RootComponent extends React.ElementType> {
   props: AdditionalProps & CardMediaOwnProps;
@@ -38,14 +38,14 @@ export interface CardMediaTypeMap<AdditionalProps, RootComponent extends React.E
  *
  * Demos:
  *
- * - [Card](https://mui.com/material-ui/react-card/)
+ * - [Card](https://v7.mui.com/material-ui/react-card/)
  *
  * API:
  *
- * - [CardMedia API](https://mui.com/material-ui/api/card-media/)
+ * - [CardMedia API](https://v7.mui.com/material-ui/api/card-media/)
  */
 declare const CardMedia: OverridableComponent<CardMediaTypeMap<{}, 'div'>>;
 export type CardMediaProps<RootComponent extends React.ElementType = 'div', AdditionalProps = {}> = OverrideProps<CardMediaTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 export default CardMedia;

package/Checkbox/Checkbox.d.ts

@@ -38,7 +38,7 @@ export interface CheckboxProps extends StandardProps<SwitchBaseProps, 'checkedIc
   /**
    * If `true`, the component is checked.
    */
-  checked?: SwitchBaseProps['checked'];
+  checked?: SwitchBaseProps['checked'] | undefined;
   /**
    * The icon to display when the component is checked.
    * @default <CheckBoxIcon />
@@ -47,24 +47,24 @@ export interface CheckboxProps extends StandardProps<SwitchBaseProps, 'checkedIc
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<CheckboxClasses>;
+  classes?: Partial<CheckboxClasses> | undefined;
   /**
    * The color of the component.
    * It supports both default and custom theme colors, which can be added as shown in the
    * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
    * @default 'primary'
    */
-  color?: OverridableStringUnion<'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning' | 'default', CheckboxPropsColorOverrides>;
+  color?: OverridableStringUnion<'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning' | 'default', CheckboxPropsColorOverrides> | undefined;
   /**
    * If `true`, the component is disabled.
    * @default false
    */
-  disabled?: SwitchBaseProps['disabled'];
+  disabled?: SwitchBaseProps['disabled'] | undefined;
   /**
    * If `true`, the ripple effect is disabled.
    * @default false
    */
-  disableRipple?: SwitchBaseProps['disableRipple'];
+  disableRipple?: SwitchBaseProps['disableRipple'] | undefined;
   /**
    * The icon to display when the component is unchecked.
    * @default <CheckBoxOutlineBlankIcon />
@@ -73,7 +73,7 @@ export interface CheckboxProps extends StandardProps<SwitchBaseProps, 'checkedIc
   /**
    * The id of the `input` element.
    */
-  id?: SwitchBaseProps['id'];
+  id?: SwitchBaseProps['id'] | undefined;
   /**
    * If `true`, the component appears indeterminate.
    * This does not set the native input element to indeterminate due
@@ -81,7 +81,7 @@ export interface CheckboxProps extends StandardProps<SwitchBaseProps, 'checkedIc
    * However, we set a `data-indeterminate` attribute on the `input`.
    * @default false
    */
-  indeterminate?: boolean;
+  indeterminate?: boolean | undefined;
   /**
    * The icon to display when the component is indeterminate.
    * @default <IndeterminateCheckBoxIcon />
@@ -93,27 +93,27 @@ export interface CheckboxProps extends StandardProps<SwitchBaseProps, 'checkedIc
    * @param {React.ChangeEvent<HTMLInputElement>} event The event source of the callback.
    * You can pull out the new checked state by accessing `event.target.checked` (boolean).
    */
-  onChange?: SwitchBaseProps['onChange'];
+  onChange?: SwitchBaseProps['onChange'] | undefined;
   /**
    * If `true`, the `input` element is required.
    * @default false
    */
-  required?: SwitchBaseProps['required'];
+  required?: SwitchBaseProps['required'] | undefined;
   /**
    * The size of the component.
    * `small` is equivalent to the dense checkbox styling.
    * @default 'medium'
    */
-  size?: OverridableStringUnion<'small' | 'medium' | 'large', CheckboxPropsSizeOverrides>;
+  size?: OverridableStringUnion<'small' | 'medium' | 'large', CheckboxPropsSizeOverrides> | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
   /**
    * The value of the component. The DOM API casts this to a string.
    * The browser uses "on" as the default value.
    */
-  value?: SwitchBaseProps['value'];
+  value?: SwitchBaseProps['value'] | undefined;
 }
 export interface CheckboxOwnerState extends Omit<CheckboxProps, 'slots' | 'slotProps'> {}
 
@@ -121,12 +121,12 @@ export interface CheckboxOwnerState extends Omit<CheckboxProps, 'slots' | 'slotP
  *
  * Demos:
  *
- * - [Checkbox](https://mui.com/material-ui/react-checkbox/)
- * - [Transfer List](https://mui.com/material-ui/react-transfer-list/)
+ * - [Checkbox](https://v7.mui.com/material-ui/react-checkbox/)
+ * - [Transfer List](https://v7.mui.com/material-ui/react-transfer-list/)
  *
  * API:
  *
- * - [Checkbox API](https://mui.com/material-ui/api/checkbox/)
- * - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
+ * - [Checkbox API](https://v7.mui.com/material-ui/api/checkbox/)
+ * - inherits [ButtonBase API](https://v7.mui.com/material-ui/api/button-base/)
  */
 export default function Checkbox(props: CheckboxProps): React.JSX.Element;

package/Chip/Chip.d.ts

@@ -37,16 +37,16 @@ export interface ChipOwnProps {
   /**
    * The Avatar element to display.
    */
-  avatar?: React.ReactElement<unknown>;
+  avatar?: React.ReactElement<unknown> | undefined;
   /**
    * This prop isn't supported.
    * Use the `component` prop if you need to change the children structure.
    */
-  children?: null;
+  children?: null | undefined;
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<ChipClasses>;
+  classes?: Partial<ChipClasses> | undefined;
   /**
    * If `true`, the chip will appear clickable, and will raise when pressed,
    * even if the onClick prop is not defined.
@@ -55,27 +55,27 @@ export interface ChipOwnProps {
    * along with the component prop to indicate an anchor Chip is clickable.
    * Note: this controls the UI and does not affect the onClick event.
    */
-  clickable?: boolean;
+  clickable?: boolean | undefined;
   /**
    * The color of the component.
    * It supports both default and custom theme colors, which can be added as shown in the
    * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
    * @default 'default'
    */
-  color?: OverridableStringUnion<'default' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning', ChipPropsColorOverrides>;
+  color?: OverridableStringUnion<'default' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning', ChipPropsColorOverrides> | undefined;
   /**
    * Override the default delete icon element. Shown only if `onDelete` is set.
    */
-  deleteIcon?: React.ReactElement<unknown>;
+  deleteIcon?: React.ReactElement<unknown> | undefined;
   /**
    * If `true`, the component is disabled.
    * @default false
    */
-  disabled?: boolean;
+  disabled?: boolean | undefined;
   /**
    * Icon element.
    */
-  icon?: React.ReactElement<unknown>;
+  icon?: React.ReactElement<unknown> | undefined;
   /**
    * The content of the component.
    */
@@ -84,31 +84,31 @@ export interface ChipOwnProps {
    * Callback fired when the delete icon is clicked.
    * If set, the delete icon will be shown.
    */
-  onDelete?: React.EventHandler<any>;
+  onDelete?: React.EventHandler<any> | undefined;
   /**
    * The size of the component.
    * @default 'medium'
    */
-  size?: OverridableStringUnion<'small' | 'medium', ChipPropsSizeOverrides>;
+  size?: OverridableStringUnion<'small' | 'medium', ChipPropsSizeOverrides> | undefined;
   /**
    * If `true`, allows the disabled chip to escape focus.
    * If `false`, allows the disabled chip to receive focus.
    * @default false
    */
-  skipFocusWhenDisabled?: boolean;
+  skipFocusWhenDisabled?: boolean | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
   /**
    *  @ignore
    */
-  tabIndex?: number;
+  tabIndex?: number | undefined;
   /**
    * The variant to use.
    * @default 'filled'
    */
-  variant?: OverridableStringUnion<'filled' | 'outlined', ChipPropsVariantOverrides>;
+  variant?: OverridableStringUnion<'filled' | 'outlined', ChipPropsVariantOverrides> | undefined;
 }
 export interface ChipTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'div'> {
   props: AdditionalProps & ChipOwnProps & ChipSlotsAndSlotProps;
@@ -120,14 +120,14 @@ export interface ChipTypeMap<AdditionalProps = {}, RootComponent extends React.E
  *
  * Demos:
  *
- * - [Chip](https://mui.com/material-ui/react-chip/)
+ * - [Chip](https://v7.mui.com/material-ui/react-chip/)
  *
  * API:
  *
- * - [Chip API](https://mui.com/material-ui/api/chip/)
+ * - [Chip API](https://v7.mui.com/material-ui/api/chip/)
  */
 declare const Chip: OverridableComponent<ChipTypeMap>;
 export type ChipProps<RootComponent extends React.ElementType = ChipTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ChipTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 export default Chip;

package/CircularProgress/CircularProgress.d.ts

@@ -10,54 +10,54 @@ export interface CircularProgressProps extends StandardProps<React.HTMLAttribute
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<CircularProgressClasses>;
+  classes?: Partial<CircularProgressClasses> | undefined;
   /**
    * The color of the component.
    * It supports both default and custom theme colors, which can be added as shown in the
    * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
    * @default 'primary'
    */
-  color?: OverridableStringUnion<'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning' | 'inherit', CircularProgressPropsColorOverrides>;
+  color?: OverridableStringUnion<'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning' | 'inherit', CircularProgressPropsColorOverrides> | undefined;
   /**
    * If `true`, the shrink animation is disabled.
    * This only works if variant is `indeterminate`.
    * @default false
    */
-  disableShrink?: boolean;
+  disableShrink?: boolean | undefined;
   /**
    * If `true`, a track circle slot is mounted to show a subtle background for the progress.
    * The `size` and `thickness` apply to the track slot to be consistent with the progress circle.
    * @default false
    */
-  enableTrackSlot?: boolean;
+  enableTrackSlot?: boolean | undefined;
   /**
    * The size of the component.
    * If using a number, the pixel unit is assumed.
    * If using a string, you need to provide the CSS unit, for example '3rem'.
    * @default 40
    */
-  size?: number | string;
+  size?: number | string | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
   /**
    * The thickness of the circle.
    * @default 3.6
    */
-  thickness?: number;
+  thickness?: number | undefined;
   /**
    * The value of the progress indicator for the determinate variant.
    * Value between 0 and 100.
    * @default 0
    */
-  value?: number;
+  value?: number | undefined;
   /**
    * The variant to use.
    * Use indeterminate when there is no progress value.
    * @default 'indeterminate'
    */
-  variant?: OverridableStringUnion<'determinate' | 'indeterminate', CircularProgressPropsVariantOverrides>;
+  variant?: OverridableStringUnion<'determinate' | 'indeterminate', CircularProgressPropsVariantOverrides> | undefined;
 }
 
 /**
@@ -69,10 +69,10 @@ export interface CircularProgressProps extends StandardProps<React.HTMLAttribute
  *
  * Demos:
  *
- * - [Progress](https://mui.com/material-ui/react-progress/)
+ * - [Progress](https://v7.mui.com/material-ui/react-progress/)
  *
  * API:
  *
- * - [CircularProgress API](https://mui.com/material-ui/api/circular-progress/)
+ * - [CircularProgress API](https://v7.mui.com/material-ui/api/circular-progress/)
  */
 export default function CircularProgress(props: CircularProgressProps): React.JSX.Element;

package/ClickAwayListener/ClickAwayListener.d.ts

@@ -11,12 +11,12 @@ export interface ClickAwayListenerProps {
    * This prop changes how portaled elements are handled.
    * @default false
    */
-  disableReactTree?: boolean;
+  disableReactTree?: boolean | undefined;
   /**
    * The mouse event to listen to. You can disable the listener by providing `false`.
    * @default 'onClick'
    */
-  mouseEvent?: ClickAwayMouseEventHandler | false;
+  mouseEvent?: ClickAwayMouseEventHandler | false | undefined;
   /**
    * Callback fired when a "click away" event is detected.
    */
@@ -25,7 +25,7 @@ export interface ClickAwayListenerProps {
    * The touch event to listen to. You can disable the listener by providing `false`.
    * @default 'onTouchEnd'
    */
-  touchEvent?: ClickAwayTouchEventHandler | false;
+  touchEvent?: ClickAwayTouchEventHandler | false | undefined;
 }
 /**
  * Listen for click events that occur somewhere in the document, outside of the element itself.
@@ -33,12 +33,12 @@ export interface ClickAwayListenerProps {
  *
  * Demos:
  *
- * - [Click-Away Listener](https://mui.com/material-ui/react-click-away-listener/)
- * - [Menu](https://mui.com/material-ui/react-menu/)
+ * - [Click-Away Listener](https://v7.mui.com/material-ui/react-click-away-listener/)
+ * - [Menu](https://v7.mui.com/material-ui/react-menu/)
  *
  * API:
  *
- * - [ClickAwayListener API](https://mui.com/material-ui/api/click-away-listener/)
+ * - [ClickAwayListener API](https://v7.mui.com/material-ui/api/click-away-listener/)
  */
 declare function ClickAwayListener(props: ClickAwayListenerProps): React.JSX.Element;
 declare namespace ClickAwayListener {

package/ClickAwayListener/ClickAwayListener.js

@@ -28,12 +28,12 @@ function clickedRootScrollbar(event, doc) {
  *
  * Demos:
  *
- * - [Click-Away Listener](https://mui.com/material-ui/react-click-away-listener/)
- * - [Menu](https://mui.com/material-ui/react-menu/)
+ * - [Click-Away Listener](https://v7.mui.com/material-ui/react-click-away-listener/)
+ * - [Menu](https://v7.mui.com/material-ui/react-menu/)
  *
  * API:
  *
- * - [ClickAwayListener API](https://mui.com/material-ui/api/click-away-listener/)
+ * - [ClickAwayListener API](https://v7.mui.com/material-ui/api/click-away-listener/)
  */
 function ClickAwayListener(props) {
   const {

package/Collapse/Collapse.d.ts

@@ -11,17 +11,17 @@ export interface CollapseSlots {
    * The component that renders the root.
    * @default 'div'
    */
-  root?: React.ElementType;
+  root?: React.ElementType | undefined;
   /**
    * The component that renders the wrapper.
    * @default 'div'
    */
-  wrapper?: React.ElementType;
+  wrapper?: React.ElementType | undefined;
   /**
    * The component that renders the inner wrapper.
    * @default 'div'
    */
-  wrapperInner?: React.ElementType;
+  wrapperInner?: React.ElementType | undefined;
 }
 export interface CollapseRootSlotPropsOverrides {}
 export interface CollapseWrapperSlotPropsOverrides {}
@@ -36,35 +36,35 @@ export interface CollapseProps extends StandardProps<TransitionProps, 'timeout'>
    * The content node to be collapsed.
    */
   children?: React.ReactNode;
-  className?: string;
+  className?: string | undefined;
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<CollapseClasses>;
+  classes?: Partial<CollapseClasses> | undefined;
   /**
    * The width (horizontal) or height (vertical) of the container when collapsed.
    * @default '0px'
    */
-  collapsedSize?: string | number;
+  collapsedSize?: string | number | undefined;
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component?: React.ElementType<TransitionProps>;
+  component?: React.ElementType<TransitionProps> | undefined;
   /**
    * The transition timing function.
    * You may specify a single easing or a object containing enter and exit values.
    */
-  easing?: TransitionProps['easing'];
+  easing?: TransitionProps['easing'] | undefined;
   /**
    * If `true`, the component will transition in.
    */
-  in?: boolean;
+  in?: boolean | undefined;
   /**
    * The transition orientation.
    * @default 'vertical'
    */
-  orientation?: 'horizontal' | 'vertical';
+  orientation?: 'horizontal' | 'vertical' | undefined;
   /**
    * The duration for the transition, in milliseconds.
    * You may specify a single timeout for all transitions, or individually with an object.
@@ -72,11 +72,11 @@ export interface CollapseProps extends StandardProps<TransitionProps, 'timeout'>
    * Set to 'auto' to automatically calculate transition time based on height.
    * @default duration.standard
    */
-  timeout?: TransitionProps['timeout'] | 'auto';
+  timeout?: TransitionProps['timeout'] | 'auto' | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
 }
 export interface CollapseOwnerState extends CollapseProps {
   state: TransitionStatus;
@@ -84,18 +84,18 @@ export interface CollapseOwnerState extends CollapseProps {
 
 /**
  * The Collapse transition is used by the
- * [Vertical Stepper](https://mui.com/material-ui/react-stepper/#vertical-stepper) StepContent component.
+ * [Vertical Stepper](https://v7.mui.com/material-ui/react-stepper/#vertical-stepper) StepContent component.
  * It uses [react-transition-group](https://github.com/reactjs/react-transition-group) internally.
  *
  * Demos:
  *
- * - [Card](https://mui.com/material-ui/react-card/)
- * - [Lists](https://mui.com/material-ui/react-list/)
- * - [Transitions](https://mui.com/material-ui/transitions/)
+ * - [Card](https://v7.mui.com/material-ui/react-card/)
+ * - [Lists](https://v7.mui.com/material-ui/react-list/)
+ * - [Transitions](https://v7.mui.com/material-ui/transitions/)
  *
  * API:
  *
- * - [Collapse API](https://mui.com/material-ui/api/collapse/)
+ * - [Collapse API](https://v7.mui.com/material-ui/api/collapse/)
  * - inherits [Transition API](https://reactcommunity.org/react-transition-group/transition/#Transition-props)
  */