@mui/material 7.3.7 → 7.3.9

package/InputBase/InputBase.d.ts

@@ -14,28 +14,28 @@ export interface InputBaseProps extends StandardProps<React.HTMLAttributes<HTMLD
  * ones inherited by `React.HTMLAttributes<HTMLDivElement>` we need to omit them.
  */
 'children' | 'defaultValue' | 'onBlur' | 'onChange' | 'onFocus' | 'onInvalid' | 'onKeyDown' | 'onKeyUp'> {
-  'aria-describedby'?: string;
+  'aria-describedby'?: string | undefined;
   /**
    * This prop helps users to fill forms faster, especially on mobile devices.
    * The name can be confusing, as it's more like an autofill.
    * You can learn more about it [following the specification](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill).
    */
-  autoComplete?: string;
+  autoComplete?: string | undefined;
   /**
    * If `true`, the `input` element is focused during the first mount.
    */
-  autoFocus?: boolean;
+  autoFocus?: boolean | undefined;
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<InputBaseClasses>;
+  classes?: Partial<InputBaseClasses> | 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).
    * The prop defaults to the value (`'primary'`) inherited from the parent FormControl component.
    */
-  color?: OverridableStringUnion<'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning', InputBasePropsColorOverrides>;
+  color?: OverridableStringUnion<'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning', InputBasePropsColorOverrides> | undefined;
   /**
    * The components used for each slot inside.
    *
@@ -44,9 +44,9 @@ export interface InputBaseProps extends StandardProps<React.HTMLAttributes<HTMLD
    * @default {}
    */
   components?: {
-    Root?: React.ElementType;
-    Input?: React.ElementType;
-  };
+    Root?: React.ElementType | undefined;
+    Input?: React.ElementType | undefined;
+  } | undefined;
   /**
    * The extra props for the slot components.
    * You can override the existing props or add new ones.
@@ -56,9 +56,9 @@ export interface InputBaseProps extends StandardProps<React.HTMLAttributes<HTMLD
    * @default {}
    */
   componentsProps?: {
-    root?: React.HTMLAttributes<HTMLDivElement> & InputBaseComponentsPropsOverrides;
-    input?: React.InputHTMLAttributes<HTMLInputElement> & InputBaseComponentsPropsOverrides;
-  };
+    root?: (React.HTMLAttributes<HTMLDivElement> & InputBaseComponentsPropsOverrides) | undefined;
+    input?: (React.InputHTMLAttributes<HTMLInputElement> & InputBaseComponentsPropsOverrides) | undefined;
+  } | undefined;
   /**
    * The default value. Use when the component is not controlled.
    */
@@ -67,13 +67,13 @@ export interface InputBaseProps extends StandardProps<React.HTMLAttributes<HTMLD
    * If `true`, the component is disabled.
    * The prop defaults to the value (`false`) inherited from the parent FormControl component.
    */
-  disabled?: boolean;
+  disabled?: boolean | undefined;
   /**
    * If `true`, GlobalStyles for the auto-fill keyframes will not be injected/removed on mount/unmount. Make sure to inject them at the top of your application.
    * This option is intended to help with boosting the initial rendering performance if you are loading a big amount of Input components at once.
    * @default false
    */
-  disableInjectingGlobalStyles?: boolean;
+  disableInjectingGlobalStyles?: boolean | undefined;
   /**
    * End `InputAdornment` for this component.
    */
@@ -82,105 +82,105 @@ export interface InputBaseProps extends StandardProps<React.HTMLAttributes<HTMLD
    * If `true`, the `input` will indicate an error.
    * The prop defaults to the value (`false`) inherited from the parent FormControl component.
    */
-  error?: boolean;
+  error?: boolean | undefined;
   /**
    * If `true`, the `input` will take up the full width of its container.
    * @default false
    */
-  fullWidth?: boolean;
+  fullWidth?: boolean | undefined;
   /**
    * The id of the `input` element.
    */
-  id?: string;
+  id?: string | undefined;
   /**
    * The component used for the `input` element.
    * Either a string to use a HTML element or a component.
    * @default 'input'
    */
-  inputComponent?: React.ElementType<InputBaseComponentProps>;
+  inputComponent?: React.ElementType<InputBaseComponentProps> | undefined;
   /**
    * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.
    * @default {}
    */
-  inputProps?: InputBaseComponentProps;
+  inputProps?: InputBaseComponentProps | undefined;
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef?: React.Ref<any>;
+  inputRef?: React.Ref<any> | undefined;
   /**
    * If `dense`, will adjust vertical spacing. This is normally obtained via context from
    * FormControl.
    * The prop defaults to the value (`'none'`) inherited from the parent FormControl component.
    */
-  margin?: 'dense' | 'none';
+  margin?: 'dense' | 'none' | undefined;
   /**
    * If `true`, a [TextareaAutosize](https://mui.com/material-ui/react-textarea-autosize/) element is rendered.
    * @default false
    */
-  multiline?: boolean;
+  multiline?: boolean | undefined;
   /**
    * Name attribute of the `input` element.
    */
-  name?: string;
+  name?: string | undefined;
   /**
    * Callback fired when the `input` is blurred.
    *
    * Notice that the first argument (event) might be undefined.
    */
-  onBlur?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;
+  onBlur?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
   /**
    * Callback fired when the value is changed.
    *
    * @param {React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement>} event The event source of the callback.
    * You can pull out the new value by accessing `event.target.value` (string).
    */
-  onChange?: React.ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement>;
-  onFocus?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;
-  onKeyDown?: React.KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement>;
-  onKeyUp?: React.KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement>;
+  onChange?: React.ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+  onFocus?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+  onKeyDown?: React.KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+  onKeyUp?: React.KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
   /**
    * Callback fired when the `input` doesn't satisfy its constraints.
    */
-  onInvalid?: React.FormEventHandler<HTMLInputElement | HTMLTextAreaElement>;
+  onInvalid?: React.FormEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
   /**
    * The short hint displayed in the `input` before the user enters a value.
    */
-  placeholder?: string;
+  placeholder?: string | undefined;
   /**
    * It prevents the user from changing the value of the field
    * (not from interacting with the field).
    */
-  readOnly?: boolean;
+  readOnly?: boolean | undefined;
   /**
    * If `true`, the `input` element is required.
    * The prop defaults to the value (`false`) inherited from the parent FormControl component.
    */
-  required?: boolean;
-  renderSuffix?: (state: {
-    disabled?: boolean;
-    error?: boolean;
-    filled?: boolean;
-    focused?: boolean;
-    margin?: 'dense' | 'none' | 'normal';
-    required?: boolean;
+  required?: boolean | undefined;
+  renderSuffix?: ((state: {
+    disabled?: boolean | undefined;
+    error?: boolean | undefined;
+    filled?: boolean | undefined;
+    focused?: boolean | undefined;
+    margin?: 'dense' | 'none' | 'normal' | undefined;
+    required?: boolean | undefined;
     startAdornment?: React.ReactNode;
-  }) => React.ReactNode;
+  }) => React.ReactNode) | undefined;
   /**
    * Number of rows to display when multiline option is set to true.
    */
-  rows?: string | number;
+  rows?: string | number | undefined;
   /**
    * Maximum number of rows to display when multiline option is set to true.
    */
-  maxRows?: string | number;
+  maxRows?: string | number | undefined;
   /**
    * Minimum number of rows to display when multiline option is set to true.
    */
-  minRows?: string | number;
+  minRows?: string | number | undefined;
   /**
    * The size of the component.
    */
-  size?: OverridableStringUnion<'small' | 'medium', InputBasePropsSizeOverrides>;
+  size?: OverridableStringUnion<'small' | 'medium', InputBasePropsSizeOverrides> | undefined;
   /**
    * The extra props for the slot components.
    * You can override the existing props or add new ones.
@@ -190,13 +190,13 @@ export interface InputBaseProps extends StandardProps<React.HTMLAttributes<HTMLD
    * @default {}
    */
   slotProps?: {
-    root?: React.HTMLAttributes<HTMLDivElement> & InputBaseComponentsPropsOverrides & {
-      sx?: SxProps<Theme>;
-    };
-    input?: React.InputHTMLAttributes<HTMLInputElement> & InputBaseComponentsPropsOverrides & {
-      sx?: SxProps<Theme>;
-    };
-  };
+    root?: (React.HTMLAttributes<HTMLDivElement> & InputBaseComponentsPropsOverrides & {
+      sx?: SxProps<Theme> | undefined;
+    }) | undefined;
+    input?: (React.InputHTMLAttributes<HTMLInputElement> & InputBaseComponentsPropsOverrides & {
+      sx?: SxProps<Theme> | undefined;
+    }) | undefined;
+  } | undefined;
   /**
    * The components used for each slot inside.
    *
@@ -205,9 +205,9 @@ export interface InputBaseProps extends StandardProps<React.HTMLAttributes<HTMLD
    * @default {}
    */
   slots?: {
-    root?: React.ElementType;
-    input?: React.ElementType;
-  };
+    root?: React.ElementType | undefined;
+    input?: React.ElementType | undefined;
+  } | undefined;
   /**
    * Start `InputAdornment` for this component.
    */
@@ -215,12 +215,12 @@ export interface InputBaseProps extends StandardProps<React.HTMLAttributes<HTMLD
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
   /**
    * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#input_types).
    * @default 'text'
    */
-  type?: string;
+  type?: string | undefined;
   /**
    * The value of the `input` element, required for a controlled component.
    */

package/InputLabel/InputLabel.d.ts

@@ -10,51 +10,51 @@ export interface InputLabelOwnProps extends Pick<FormLabelProps, 'children'> {
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<InputLabelClasses>;
-  color?: FormLabelProps['color'];
+  classes?: Partial<InputLabelClasses> | undefined;
+  color?: FormLabelProps['color'] | undefined;
   /**
    * If `true`, the transition animation is disabled.
    * @default false
    */
-  disableAnimation?: boolean;
+  disableAnimation?: boolean | undefined;
   /**
    * If `true`, the component is disabled.
    */
-  disabled?: boolean;
+  disabled?: boolean | undefined;
   /**
    * If `true`, the label is displayed in an error state.
    */
-  error?: boolean;
+  error?: boolean | undefined;
   /**
    * If `true`, the `input` of this label is focused.
    */
-  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 label will indicate that the `input` is required.
    */
-  required?: boolean;
+  required?: boolean | undefined;
   /**
    * If `true`, the label is shrunk.
    */
-  shrink?: boolean;
+  shrink?: boolean | undefined;
   /**
    * The size of the component.
    * @default 'medium'
    */
-  size?: OverridableStringUnion<'small' | 'medium', InputLabelPropsSizeOverrides>;
+  size?: OverridableStringUnion<'small' | 'medium', InputLabelPropsSizeOverrides> | 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?: 'standard' | 'outlined' | 'filled';
+  variant?: 'standard' | 'outlined' | 'filled' | undefined;
 }
 export type InputLabelTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'label'> = ExtendFormLabelTypeMap<{
   props: AdditionalProps & InputLabelOwnProps;
@@ -75,6 +75,6 @@ export type InputLabelTypeMap<AdditionalProps = {}, RootComponent extends React.
  */
 declare const InputLabel: OverridableComponent<InputLabelTypeMap>;
 export type InputLabelProps<RootComponent extends React.ElementType = InputLabelTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<InputLabelTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 export default InputLabel;

package/LinearProgress/LinearProgress.d.ts

@@ -10,34 +10,34 @@ export interface LinearProgressProps extends StandardProps<React.HTMLAttributes<
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<LinearProgressClasses>;
+  classes?: Partial<LinearProgressClasses> | 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', LinearProgressPropsColorOverrides>;
+  color?: OverridableStringUnion<'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning' | 'inherit', LinearProgressPropsColorOverrides> | 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 progress indicator for the determinate and buffer variants.
    * Value between 0 and 100.
    */
-  value?: number;
+  value?: number | undefined;
   /**
    * The value for the buffer variant.
    * Value between 0 and 100.
    */
-  valueBuffer?: number;
+  valueBuffer?: number | undefined;
   /**
    * The variant to use.
    * Use indeterminate or query when there is no progress value.
    * @default 'indeterminate'
    */
-  variant?: OverridableStringUnion<'determinate' | 'indeterminate' | 'buffer' | 'query', LinearProgressPropsVariantOverrides>;
+  variant?: OverridableStringUnion<'determinate' | 'indeterminate' | 'buffer' | 'query', LinearProgressPropsVariantOverrides> | undefined;
 }
 
 /**

package/Link/Link.d.ts

@@ -13,30 +13,30 @@ export interface LinkOwnProps extends DistributiveOmit<LinkBaseProps, 'classes'>
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<LinkClasses>;
+  classes?: Partial<LinkClasses> | undefined;
   /**
    * The color of the link.
    * @default 'primary'
    */
-  color?: TypographyOwnProps['color'];
+  color?: TypographyOwnProps['color'] | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
   /**
    * `classes` prop applied to the [`Typography`](https://mui.com/material-ui/api/typography/) element.
    */
-  TypographyClasses?: TypographyOwnProps['classes'];
+  TypographyClasses?: TypographyOwnProps['classes'] | undefined;
   /**
    * Controls when the link should have an underline.
    * @default 'always'
    */
-  underline?: 'none' | 'hover' | 'always';
+  underline?: 'none' | 'hover' | 'always' | undefined;
   /**
    * Applies the theme typography styles.
    * @default 'inherit'
    */
-  variant?: TypographyOwnProps['variant'];
+  variant?: TypographyOwnProps['variant'] | undefined;
 }
 export interface LinkTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'a'> {
   props: AdditionalProps & LinkOwnProps;
@@ -58,6 +58,6 @@ export interface LinkTypeMap<AdditionalProps = {}, RootComponent extends React.E
 declare const Link: OverridableComponent<LinkTypeMap>;
 export type LinkBaseProps = DistributiveOmit<TypographyOwnProps, 'children' | 'color' | 'variant' | 'classes'>;
 export type LinkProps<RootComponent extends React.ElementType = LinkTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<LinkTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 export default Link;

package/List/List.d.ts

@@ -11,19 +11,19 @@ export interface ListOwnProps {
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<ListClasses>;
+  classes?: Partial<ListClasses> | undefined;
   /**
    * If `true`, compact vertical padding designed for keyboard and mouse input is used for
    * the list and list items.
    * The prop is available to descendant components as the `dense` context.
    * @default false
    */
-  dense?: boolean;
+  dense?: boolean | undefined;
   /**
    * If `true`, vertical padding is removed from the list.
    * @default false
    */
-  disablePadding?: boolean;
+  disablePadding?: boolean | undefined;
   /**
    * The content of the subheader, normally `ListSubheader`.
    */
@@ -31,7 +31,7 @@ export interface ListOwnProps {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
 }
 export interface ListTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'ul'> {
   props: AdditionalProps & ListOwnProps;
@@ -60,6 +60,6 @@ export type ExtendList<TypeMap extends OverridableTypeMap> = OverridableComponen
  */
 declare const List: ExtendList<ListTypeMap>;
 export type ListProps<RootComponent extends React.ElementType = ListTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ListTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 export default List;

package/List/ListContext.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
 declare const ListContext: React.Context<{
-  dense?: boolean;
+  dense?: boolean | undefined;
 }>;
 export default ListContext;

package/ListItem/ListItem.d.ts

@@ -15,7 +15,7 @@ export interface ListItemBaseProps {
    * Defines the `align-items` style property.
    * @default 'center'
    */
-  alignItems?: 'flex-start' | 'center';
+  alignItems?: 'flex-start' | 'center' | undefined;
   /**
    * The content of the component if a `ListItemSecondaryAction` is used it must
    * be the last child.
@@ -24,40 +24,40 @@ export interface ListItemBaseProps {
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<ListItemClasses>;
+  classes?: Partial<ListItemClasses> | undefined;
   /**
    * The container component used when a `ListItemSecondaryAction` is the last child.
    * @default 'li'
    * @deprecated Use the `component` or `slots.root` 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.
    */
-  ContainerComponent?: React.ElementType<React.HTMLAttributes<HTMLDivElement>>;
+  ContainerComponent?: React.ElementType<React.HTMLAttributes<HTMLDivElement>> | undefined;
   /**
    * Props applied to the container component if used.
    * @default {}
    * @deprecated Use the `slotProps.root` 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.
    */
-  ContainerProps?: React.HTMLAttributes<HTMLDivElement>;
+  ContainerProps?: React.HTMLAttributes<HTMLDivElement> | undefined;
   /**
    * If `true`, compact vertical padding designed for keyboard and mouse input is used.
    * The prop defaults to the value inherited from the parent List component.
    * @default false
    */
-  dense?: boolean;
+  dense?: boolean | undefined;
   /**
    * If `true`, the left and right padding is removed.
    * @default false
    */
-  disableGutters?: boolean;
+  disableGutters?: boolean | undefined;
   /**
    * If `true`, all padding is removed.
    * @default false
    */
-  disablePadding?: boolean;
+  disablePadding?: boolean | undefined;
   /**
    * If `true`, a 1px light border is added to the bottom of the list item.
    * @default false
    */
-  divider?: boolean;
+  divider?: boolean | undefined;
   /**
    * The element to display at the end of ListItem.
    */
@@ -65,7 +65,7 @@ export interface ListItemBaseProps {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
 }
 export interface ListItemOwnerState extends Omit<ListItemProps, 'slots' | 'slotProps'> {}
 export interface ListItemOwnProps extends ListItemBaseProps {
@@ -76,8 +76,8 @@ export interface ListItemOwnProps extends ListItemBaseProps {
    * @default {}
    */
   components?: {
-    Root?: React.ElementType;
-  };
+    Root?: React.ElementType | undefined;
+  } | undefined;
   /**
    * The extra props for the slot components.
    * You can override the existing props or add new ones.
@@ -86,8 +86,8 @@ export interface ListItemOwnProps extends ListItemBaseProps {
    * @default {}
    */
   componentsProps?: {
-    root?: React.HTMLAttributes<HTMLDivElement> & ListItemComponentsPropsOverrides;
-  };
+    root?: (React.HTMLAttributes<HTMLDivElement> & ListItemComponentsPropsOverrides) | undefined;
+  } | undefined;
   /**
    * The extra props for the slot components.
    * You can override the existing props or add new ones.
@@ -95,18 +95,18 @@ export interface ListItemOwnProps extends ListItemBaseProps {
    * @default {}
    */
   slotProps?: {
-    root?: React.HTMLAttributes<HTMLDivElement> & ListItemComponentsPropsOverrides;
-    secondaryAction?: SlotProps<React.ElementType<React.HTMLAttributes<HTMLDivElement>>, ListItemSecondaryActionSlotPropsOverrides, ListItemOwnerState>;
-  };
+    root?: (React.HTMLAttributes<HTMLDivElement> & ListItemComponentsPropsOverrides) | undefined;
+    secondaryAction?: SlotProps<React.ElementType<React.HTMLAttributes<HTMLDivElement>>, ListItemSecondaryActionSlotPropsOverrides, ListItemOwnerState> | undefined;
+  } | undefined;
   /**
    * The components used for each slot inside.
    *
    * @default {}
    */
   slots?: {
-    root?: React.ElementType;
-    secondaryAction?: React.ElementType;
-  };
+    root?: React.ElementType | undefined;
+    secondaryAction?: React.ElementType | undefined;
+  } | undefined;
 }
 export interface ListItemTypeMap<AdditionalProps, RootComponent extends React.ElementType> {
   props: AdditionalProps & ListItemOwnProps;
@@ -127,6 +127,6 @@ export interface ListItemTypeMap<AdditionalProps, RootComponent extends React.El
  */
 declare const ListItem: OverridableComponent<ListItemTypeMap<{}, 'li'>>;
 export type ListItemProps<RootComponent extends React.ElementType = 'li', AdditionalProps = {}> = OverrideProps<ListItemTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 export default ListItem;

package/ListItemAvatar/ListItemAvatar.d.ts

@@ -10,11 +10,11 @@ export interface ListItemAvatarProps extends StandardProps<React.HTMLAttributes<
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<ListItemAvatarClasses>;
+  classes?: Partial<ListItemAvatarClasses> | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
 }
 
 /**