@mui/material 7.3.8 → 7.3.9

package/FormControlLabel/FormControlLabel.d.ts

@@ -20,11 +20,11 @@ export interface FormControlLabelProps extends StandardProps<React.LabelHTMLAttr
   /**
    * If `true`, the component appears selected.
    */
-  checked?: boolean;
+  checked?: boolean | undefined;
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<FormControlLabelClasses>;
+  classes?: Partial<FormControlLabelClasses> | undefined;
   /**
    * The props used for each slot inside.
    * @default {}
@@ -36,8 +36,8 @@ export interface FormControlLabelProps extends StandardProps<React.LabelHTMLAttr
      * This is unused if disableTypography is true.
      * @default {}
      */
-    typography?: TypographyProps;
-  };
+    typography?: TypographyProps | undefined;
+  } | undefined;
   /**
    * A control element. For instance, it can be a `Radio`, a `Switch` or a `Checkbox`.
    */
@@ -45,15 +45,15 @@ export interface FormControlLabelProps extends StandardProps<React.LabelHTMLAttr
   /**
    * If `true`, the control is disabled.
    */
-  disabled?: boolean;
+  disabled?: boolean | undefined;
   /**
    * If `true`, the label is rendered as it is passed without an additional typography node.
    */
-  disableTypography?: boolean;
+  disableTypography?: boolean | undefined;
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef?: React.Ref<any>;
+  inputRef?: React.Ref<any> | undefined;
   /**
    * A text or an element to be used in an enclosing label element.
    */
@@ -62,23 +62,23 @@ export interface FormControlLabelProps extends StandardProps<React.LabelHTMLAttr
    * The position of the label.
    * @default 'end'
    */
-  labelPlacement?: 'end' | 'start' | 'top' | 'bottom';
-  name?: string;
+  labelPlacement?: 'end' | 'start' | 'top' | 'bottom' | undefined;
+  name?: string | undefined;
   /**
    * Callback fired when the state is changed.
    *
    * @param {React.SyntheticEvent} event The event source of the callback.
    * You can pull out the new checked state by accessing `event.target.checked` (boolean).
    */
-  onChange?: (event: React.SyntheticEvent, checked: boolean) => void;
+  onChange?: ((event: React.SyntheticEvent, checked: boolean) => void) | undefined;
   /**
    * If `true`, the label will indicate that the `input` is required.
    */
-  required?: boolean;
+  required?: boolean | 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.
    */

package/FormGroup/FormGroup.d.ts

@@ -11,16 +11,16 @@ export interface FormGroupProps extends StandardProps<React.HTMLAttributes<HTMLD
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<FormGroupClasses>;
+  classes?: Partial<FormGroupClasses> | undefined;
   /**
    * Display group of elements in a compact row.
    * @default false
    */
-  row?: boolean;
+  row?: boolean | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
 }
 
 /**

package/FormHelperText/FormHelperText.d.ts

@@ -15,40 +15,40 @@ export interface FormHelperTextOwnProps {
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<FormHelperTextClasses>;
+  classes?: Partial<FormHelperTextClasses> | undefined;
   /**
    * If `true`, the helper text should be displayed in a disabled state.
    */
-  disabled?: boolean;
+  disabled?: boolean | undefined;
   /**
    * If `true`, helper text should be displayed in an error state.
    */
-  error?: boolean;
+  error?: boolean | undefined;
   /**
    * If `true`, the helper text should use filled classes key.
    */
-  filled?: boolean;
+  filled?: boolean | undefined;
   /**
    * If `true`, the helper text should use focused classes key.
    */
-  focused?: boolean;
+  focused?: boolean | undefined;
   /**
    * If `dense`, will adjust vertical spacing. This is normally obtained via context from
    * FormControl.
    */
-  margin?: 'dense';
+  margin?: 'dense' | undefined;
   /**
    * If `true`, the helper text should use required classes key.
    */
-  required?: boolean;
+  required?: boolean | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
   /**
    * The variant to use.
    */
-  variant?: OverridableStringUnion<'standard' | 'outlined' | 'filled', FormHelperTextPropsVariantOverrides>;
+  variant?: OverridableStringUnion<'standard' | 'outlined' | 'filled', FormHelperTextPropsVariantOverrides> | undefined;
 }
 export interface FormHelperTextTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'p'> {
   props: AdditionalProps & FormHelperTextOwnProps;
@@ -67,6 +67,6 @@ export interface FormHelperTextTypeMap<AdditionalProps = {}, RootComponent exten
  */
 declare const FormHelperText: OverridableComponent<FormHelperTextTypeMap>;
 export type FormHelperTextProps<RootComponent extends React.ElementType = FormHelperTextTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<FormHelperTextTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 export default FormHelperText;

package/FormLabel/FormLabel.d.ts

@@ -14,41 +14,41 @@ export interface FormLabelOwnProps {
   /**
    * The content of the component.
    */
-  children?: React.LabelHTMLAttributes<HTMLLabelElement>['children'];
+  children?: React.LabelHTMLAttributes<HTMLLabelElement>['children'] | undefined;
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<FormLabelClasses>;
+  classes?: Partial<FormLabelClasses> | 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).
    */
-  color?: OverridableStringUnion<'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning', FormLabelPropsColorOverrides>;
+  color?: OverridableStringUnion<'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning', FormLabelPropsColorOverrides> | undefined;
   /**
    * If `true`, the label should be displayed in a disabled state.
    */
-  disabled?: boolean;
+  disabled?: boolean | undefined;
   /**
    * If `true`, the label is displayed in an error state.
    */
-  error?: boolean;
+  error?: boolean | undefined;
   /**
    * If `true`, the label should use filled classes key.
    */
-  filled?: boolean;
+  filled?: boolean | undefined;
   /**
    * If `true`, the input of this label is focused (used by `FormGroup` components).
    */
-  focused?: boolean;
+  focused?: boolean | undefined;
   /**
    * If `true`, the label will indicate that the `input` is required.
    */
-  required?: boolean;
+  required?: boolean | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
 }
 export interface FormLabelTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'label'> {
   props: AdditionalProps & FormLabelBaseProps & FormLabelOwnProps;
@@ -74,6 +74,6 @@ export interface ExtendFormLabelTypeMap<TypeMap extends OverridableTypeMap> {
   defaultComponent: TypeMap['defaultComponent'];
 }
 export type FormLabelProps<RootComponent extends React.ElementType = FormLabelTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<FormLabelTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 export default FormLabel;

package/Grid/Grid.d.ts

@@ -16,28 +16,28 @@ export interface GridBaseProps {
    * The number of columns.
    * @default 12
    */
-  columns?: ResponsiveStyleValue<number>;
+  columns?: ResponsiveStyleValue<number> | undefined;
   /**
    * Defines the horizontal space between the type `item` components.
    * It overrides the value of the `spacing` prop.
    */
-  columnSpacing?: ResponsiveStyleValue<GridSpacing>;
+  columnSpacing?: ResponsiveStyleValue<GridSpacing> | undefined;
   /**
    * If `true`, the component will have the flex *container* behavior.
    * You should be wrapping *items* with a *container*.
    * @default false
    */
-  container?: boolean;
+  container?: boolean | undefined;
   /**
    * Defines the `flex-direction` style property.
    * It is applied for all screen sizes.
    * @default 'row'
    */
-  direction?: ResponsiveStyleValue<GridDirection>;
+  direction?: ResponsiveStyleValue<GridDirection> | undefined;
   /**
    * Defines the offset value for the type `item` components.
    */
-  offset?: ResponsiveStyleValue<GridOffset>;
+  offset?: ResponsiveStyleValue<GridOffset> | undefined;
   /**
    * @internal
    * The level of the grid starts from `0` and increases when the grid nests
@@ -65,16 +65,16 @@ export interface GridBaseProps {
    *     <Grid container> // level 0
    * ```
    */
-  unstable_level?: number;
+  unstable_level?: number | undefined;
   /**
    * Defines the vertical space between the type `item` components.
    * It overrides the value of the `spacing` prop.
    */
-  rowSpacing?: ResponsiveStyleValue<GridSpacing>;
+  rowSpacing?: ResponsiveStyleValue<GridSpacing> | undefined;
   /**
    * Defines the size of the the type `item` components.
    */
-  size?: ResponsiveStyleValue<GridSize>;
+  size?: ResponsiveStyleValue<GridSize> | undefined;
   /**
    * Defines the space between the type `item` components.
    * It can only be used on a type `container` component.
@@ -86,16 +86,16 @@ export interface GridBaseProps {
    * It's applied for all screen sizes.
    * @default 'wrap'
    */
-  wrap?: GridWrap;
+  wrap?: GridWrap | undefined;
 }
 export interface GridTypeMap<P = {}, D extends React.ElementType = 'div'> {
   props: P & GridBaseProps & {
-    sx?: SxProps<Theme>;
+    sx?: SxProps<Theme> | undefined;
   } & SystemProps<Theme>;
   defaultComponent: D;
 }
 export type GridProps<D extends React.ElementType = GridTypeMap['defaultComponent'], P = {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 }> = OverrideProps<GridTypeMap<P, D>, D>;
 /**
  *

package/GridLegacy/GridLegacy.d.ts

@@ -18,7 +18,7 @@ export interface RegularBreakpoints {
    * The value is applied for the `lg` breakpoint and wider screens if not overridden.
    * @default false
    */
-  lg?: boolean | GridLegacySize;
+  lg?: boolean | GridLegacySize | undefined;
   /**
    * If a number, it sets the number of columns the grid item uses.
    * It can't be greater than the total number of columns of the container (12 by default).
@@ -28,7 +28,7 @@ export interface RegularBreakpoints {
    * The value is applied for the `md` breakpoint and wider screens if not overridden.
    * @default false
    */
-  md?: boolean | GridLegacySize;
+  md?: boolean | GridLegacySize | undefined;
   /**
    * If a number, it sets the number of columns the grid item uses.
    * It can't be greater than the total number of columns of the container (12 by default).
@@ -38,7 +38,7 @@ export interface RegularBreakpoints {
    * The value is applied for the `sm` breakpoint and wider screens if not overridden.
    * @default false
    */
-  sm?: boolean | GridLegacySize;
+  sm?: boolean | GridLegacySize | undefined;
   /**
    * If a number, it sets the number of columns the grid item uses.
    * It can't be greater than the total number of columns of the container (12 by default).
@@ -48,7 +48,7 @@ export interface RegularBreakpoints {
    * The value is applied for the `xl` breakpoint and wider screens if not overridden.
    * @default false
    */
-  xl?: boolean | GridLegacySize;
+  xl?: boolean | GridLegacySize | undefined;
   /**
    * If a number, it sets the number of columns the grid item uses.
    * It can't be greater than the total number of columns of the container (12 by default).
@@ -58,7 +58,7 @@ export interface RegularBreakpoints {
    * The value is applied for all the screen sizes with the lowest priority.
    * @default false
    */
-  xs?: boolean | GridLegacySize;
+  xs?: boolean | GridLegacySize | undefined;
 }
 type CustomBreakpoints = Partial<Record<Breakpoint, boolean | GridLegacySize>>;
 interface BreakpointOverridesEmpty {}
@@ -71,62 +71,62 @@ export interface GridLegacyOwnProps extends SystemProps<Theme>, Breakpoints {
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<GridLegacyClasses>;
+  classes?: Partial<GridLegacyClasses> | undefined;
   /**
    * The number of columns.
    * @default 12
    */
-  columns?: ResponsiveStyleValue<number>;
+  columns?: ResponsiveStyleValue<number> | undefined;
   /**
    * Defines the horizontal space between the type `item` components.
    * It overrides the value of the `spacing` prop.
    */
-  columnSpacing?: ResponsiveStyleValue<GridLegacySpacing>;
+  columnSpacing?: ResponsiveStyleValue<GridLegacySpacing> | undefined;
   /**
    * If `true`, the component will have the flex *container* behavior.
    * You should be wrapping *items* with a *container*.
    * @default false
    */
-  container?: boolean;
+  container?: boolean | undefined;
   /**
    * Defines the `flex-direction` style property.
    * It is applied for all screen sizes.
    * @default 'row'
    */
-  direction?: ResponsiveStyleValue<GridLegacyDirection>;
+  direction?: ResponsiveStyleValue<GridLegacyDirection> | undefined;
   /**
    * If `true`, the component will have the flex *item* behavior.
    * You should be wrapping *items* with a *container*.
    * @default false
    */
-  item?: boolean;
+  item?: boolean | undefined;
   /**
    * Defines the vertical space between the type `item` components.
    * It overrides the value of the `spacing` prop.
    */
-  rowSpacing?: ResponsiveStyleValue<GridLegacySpacing>;
+  rowSpacing?: ResponsiveStyleValue<GridLegacySpacing> | undefined;
   /**
    * Defines the space between the type `item` components.
    * It can only be used on a type `container` component.
    * @default 0
    */
-  spacing?: ResponsiveStyleValue<GridLegacySpacing>;
+  spacing?: ResponsiveStyleValue<GridLegacySpacing> | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
   /**
    * Defines the `flex-wrap` style property.
    * It's applied for all screen sizes.
    * @default 'wrap'
    */
-  wrap?: GridLegacyWrap;
+  wrap?: GridLegacyWrap | undefined;
   /**
    * If `true`, it sets `min-width: 0` on the item.
    * Refer to the limitations section of the documentation to better understand the use case.
    * @default false
    */
-  zeroMinWidth?: boolean;
+  zeroMinWidth?: boolean | undefined;
 }
 
 /**
@@ -155,6 +155,6 @@ declare const GridLegacy: OverridableComponent<GridLegacyTypeMap>;
  * @deprecated Use the [`Grid`](https://mui.com/material-ui/react-grid/) component instead.
  */
 export type GridLegacyProps<RootComponent extends React.ElementType = GridLegacyTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<GridLegacyTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 export default GridLegacy;

package/Grow/Grow.d.ts

@@ -6,7 +6,7 @@ export interface GrowProps extends Omit<TransitionProps, 'timeout'> {
    * Set this to `false` to disable this behavior.
    * @default true
    */
-  appear?: boolean;
+  appear?: boolean | undefined;
   /**
    * A single child content element.
    */
@@ -15,12 +15,12 @@ export interface GrowProps extends Omit<TransitionProps, 'timeout'> {
    * 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;
-  ref?: React.Ref<unknown>;
+  in?: boolean | undefined;
+  ref?: React.Ref<unknown> | undefined;
   /**
    * The duration for the transition, in milliseconds.
    * You may specify a single timeout for all transitions, or individually with an object.
@@ -28,7 +28,7 @@ export interface GrowProps extends Omit<TransitionProps, 'timeout'> {
    * Set to 'auto' to automatically calculate transition time based on height.
    * @default 'auto'
    */
-  timeout?: TransitionProps['timeout'] | 'auto';
+  timeout?: TransitionProps['timeout'] | 'auto' | undefined;
 }
 
 /**

package/Icon/Icon.d.ts

@@ -12,7 +12,7 @@ export interface IconOwnProps {
    * other base class that suits the icon font you're using (for example material-icons-rounded, fas, etc).
    * @default 'material-icons'
    */
-  baseClassName?: string;
+  baseClassName?: string | undefined;
   /**
    * The name of the icon font ligature.
    */
@@ -20,23 +20,23 @@ export interface IconOwnProps {
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<IconClasses>;
+  classes?: Partial<IconClasses> | 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 'inherit'
    */
-  color?: OverridableStringUnion<'inherit' | 'action' | 'disabled' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning', IconPropsColorOverrides>;
+  color?: OverridableStringUnion<'inherit' | 'action' | 'disabled' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning', IconPropsColorOverrides> | undefined;
   /**
    * The fontSize applied to the icon. Defaults to 24px, but can be configure to inherit font size.
    * @default 'medium'
    */
-  fontSize?: OverridableStringUnion<'inherit' | 'large' | 'medium' | 'small', IconPropsSizeOverrides>;
+  fontSize?: OverridableStringUnion<'inherit' | 'large' | 'medium' | 'small', IconPropsSizeOverrides> | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
 }
 export interface IconTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'span'> {
   props: AdditionalProps & IconOwnProps;
@@ -57,6 +57,6 @@ declare const Icon: OverridableComponent<IconTypeMap> & {
   muiName: string;
 };
 export type IconProps<RootComponent extends React.ElementType = IconTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<IconTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 export default Icon;

package/IconButton/IconButton.d.ts

@@ -15,24 +15,24 @@ export interface IconButtonOwnProps {
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<IconButtonClasses>;
+  classes?: Partial<IconButtonClasses> | 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<'inherit' | 'default' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning', IconButtonPropsColorOverrides>;
+  color?: OverridableStringUnion<'inherit' | 'default' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning', IconButtonPropsColorOverrides> | undefined;
   /**
    * If `true`, the component is disabled.
    * @default false
    */
-  disabled?: boolean;
+  disabled?: boolean | undefined;
   /**
    * If `true`, the  keyboard focus ripple is disabled.
    * @default false
    */
-  disableFocusRipple?: boolean;
+  disableFocusRipple?: boolean | undefined;
   /**
    * If given, uses a negative margin to counteract the padding on one
    * side (this is often helpful for aligning the left or right
@@ -40,13 +40,13 @@ export interface IconButtonOwnProps {
    * size and shape).
    * @default false
    */
-  edge?: 'start' | 'end' | false;
+  edge?: 'start' | 'end' | false | undefined;
   /**
    * If `true`, the loading indicator is visible and the button is disabled.
    * If `true | false`, the loading wrapper is always rendered before the children to prevent [Google Translation Crash](https://github.com/mui/material-ui/issues/27853).
    * @default null
    */
-  loading?: boolean | null;
+  loading?: boolean | null | undefined;
   /**
    * Element placed before the children if the button is in loading state.
    * The node should contain an element with `role="progressbar"` with an accessible name.
@@ -59,11 +59,11 @@ export interface IconButtonOwnProps {
    * `small` is equivalent to the dense button styling.
    * @default 'medium'
    */
-  size?: OverridableStringUnion<'small' | 'medium' | 'large', IconButtonPropsSizeOverrides>;
+  size?: OverridableStringUnion<'small' | 'medium' | 'large', IconButtonPropsSizeOverrides> | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
 }
 export type IconButtonTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'button'> = ExtendButtonBaseTypeMap<{
   props: AdditionalProps & IconButtonOwnProps;
@@ -86,6 +86,6 @@ export type IconButtonTypeMap<AdditionalProps = {}, RootComponent extends React.
  */
 declare const IconButton: ExtendButtonBase<IconButtonTypeMap>;
 export type IconButtonProps<RootComponent extends React.ElementType = IconButtonTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<IconButtonTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 export default IconButton;

package/ImageList/ImageList.d.ts

@@ -13,31 +13,31 @@ export interface ImageListOwnProps {
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<ImageListClasses>;
+  classes?: Partial<ImageListClasses> | undefined;
   /**
    * Number of columns.
    * @default 2
    */
-  cols?: number;
+  cols?: number | undefined;
   /**
    * The gap between items in px.
    * @default 4
    */
-  gap?: number;
+  gap?: number | undefined;
   /**
    * The height of one row in px.
    * @default 'auto'
    */
-  rowHeight?: number | 'auto';
+  rowHeight?: number | 'auto' | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
   /**
    * The variant to use.
    * @default 'standard'
    */
-  variant?: OverridableStringUnion<'masonry' | 'quilted' | 'standard' | 'woven', ImageListPropsVariantOverrides>;
+  variant?: OverridableStringUnion<'masonry' | 'quilted' | 'standard' | 'woven', ImageListPropsVariantOverrides> | undefined;
 }
 export interface ImageListTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'ul'> {
   props: AdditionalProps & ImageListOwnProps;
@@ -55,6 +55,6 @@ export interface ImageListTypeMap<AdditionalProps = {}, RootComponent extends Re
  */
 declare const ImageList: OverridableComponent<ImageListTypeMap>;
 export type ImageListProps<RootComponent extends React.ElementType = ImageListTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ImageListTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 export default ImageList;

package/ImageListItem/ImageListItem.d.ts

@@ -11,21 +11,21 @@ export interface ImageListItemOwnProps {
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<ImageListItemClasses>;
+  classes?: Partial<ImageListItemClasses> | undefined;
   /**
    * Width of the item in number of grid columns.
    * @default 1
    */
-  cols?: number;
+  cols?: number | undefined;
   /**
    * Height of the item in number of grid rows.
    * @default 1
    */
-  rows?: number;
+  rows?: number | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
 }
 export interface ImageListItemTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'li'> {
   props: AdditionalProps & ImageListItemOwnProps;
@@ -43,6 +43,6 @@ export interface ImageListItemTypeMap<AdditionalProps = {}, RootComponent extend
  */
 declare const ImageListItem: OverridableComponent<ImageListItemTypeMap>;
 export type ImageListItemProps<RootComponent extends React.ElementType = ImageListItemTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ImageListItemTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 export default ImageListItem;

package/ImageListItemBar/ImageListItemBar.d.ts

@@ -13,16 +13,16 @@ export interface ImageListItemBarProps extends StandardProps<React.HTMLAttribute
    * Position of secondary action IconButton.
    * @default 'right'
    */
-  actionPosition?: 'left' | 'right';
+  actionPosition?: 'left' | 'right' | undefined;
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<ImageListItemBarClasses>;
+  classes?: Partial<ImageListItemBarClasses> | undefined;
   /**
    * Position of the title bar.
    * @default 'bottom'
    */
-  position?: 'below' | 'top' | 'bottom';
+  position?: 'below' | 'top' | 'bottom' | undefined;
   /**
    * String or element serving as subtitle (support text).
    */
@@ -30,7 +30,7 @@ export interface ImageListItemBarProps extends StandardProps<React.HTMLAttribute
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
   /**
    * Title to be displayed.
    */