@mui/material 7.3.8 → 7.3.9

package/Accordion/Accordion.d.ts

@@ -63,52 +63,52 @@ export interface AccordionOwnProps {
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<AccordionClasses>;
+  classes?: Partial<AccordionClasses> | undefined;
   /**
    * If `true`, expands the accordion by default.
    * @default false
    */
-  defaultExpanded?: boolean;
+  defaultExpanded?: boolean | undefined;
   /**
    * If `true`, the component is disabled.
    * @default false
    */
-  disabled?: boolean;
+  disabled?: boolean | undefined;
   /**
    * If `true`, it removes the margin between two expanded accordion items and prevents the increased height when expanded.
    * @default false
    */
-  disableGutters?: boolean;
+  disableGutters?: boolean | undefined;
   /**
    * If `true`, expands the accordion, otherwise collapses it.
    * Setting this prop enables control over the accordion.
    */
-  expanded?: boolean;
+  expanded?: boolean | undefined;
   /**
    * Callback fired when the expand/collapse state is changed.
    *
    * @param {React.SyntheticEvent} event The event source of the callback. **Warning**: This is a generic event not a change event.
    * @param {boolean} expanded The `expanded` state of the accordion.
    */
-  onChange?: (event: React.SyntheticEvent, expanded: boolean) => void;
+  onChange?: ((event: React.SyntheticEvent, expanded: boolean) => void) | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  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.
    * @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>;
-  }>;
+    children?: React.ReactElement<unknown, any> | undefined;
+  }> | 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;
+  TransitionProps?: TransitionProps | undefined;
 }
 export type AccordionTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'div'> = ExtendPaperTypeMap<{
   props: AdditionalProps & AccordionOwnProps & AccordionSlotsAndSlotProps;
@@ -128,7 +128,7 @@ export type AccordionTypeMap<AdditionalProps = {}, RootComponent extends React.E
  */
 declare const Accordion: OverridableComponent<AccordionTypeMap>;
 export type AccordionProps<RootComponent extends React.ElementType = AccordionTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<AccordionTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 export interface AccordionOwnerState extends AccordionProps {}
 export default Accordion;

package/AccordionActions/AccordionActions.d.ts

@@ -11,16 +11,16 @@ export interface AccordionActionsProps extends StandardProps<React.HTMLAttribute
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<AccordionActionsClasses>;
+  classes?: Partial<AccordionActionsClasses> | undefined;
   /**
    * If `true`, the actions do not have additional margin.
    * @default false
    */
-  disableSpacing?: boolean;
+  disableSpacing?: boolean | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
 }
 
 /**

package/AccordionDetails/AccordionDetails.d.ts

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

package/AccordionSummary/AccordionSummary.d.ts

@@ -47,7 +47,7 @@ export interface AccordionSummaryOwnProps extends AccordionSummarySlotsAndSlotPr
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<AccordionSummaryClasses>;
+  classes?: Partial<AccordionSummaryClasses> | undefined;
   /**
    * The icon to display as the expand indicator.
    */
@@ -55,7 +55,7 @@ export interface AccordionSummaryOwnProps extends AccordionSummarySlotsAndSlotPr
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
 }
 export type AccordionSummaryTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'div'> = ExtendButtonBaseTypeMap<{
   props: AdditionalProps & AccordionSummaryOwnProps;
@@ -76,6 +76,6 @@ export interface AccordionSummaryOwnerState extends Omit<AccordionSummaryProps,
  */
 declare const AccordionSummary: ExtendButtonBase<AccordionSummaryTypeMap>;
 export type AccordionSummaryProps<RootComponent extends React.ElementType = AccordionSummaryTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<AccordionSummaryTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 export default AccordionSummary;

package/Alert/Alert.d.ts

@@ -89,20 +89,20 @@ export interface AlertProps extends StandardProps<PaperProps, 'variant'>, AlertS
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<AlertClasses>;
+  classes?: Partial<AlertClasses> | undefined;
   /**
    * Override the default label for the *close popup* icon button.
    *
    * For localization purposes, you can use the provided [translations](https://mui.com/material-ui/guides/localization/).
    * @default 'Close'
    */
-  closeText?: string;
+  closeText?: string | undefined;
   /**
    * The color of the component. Unless provided, the value is taken from the `severity` prop.
    * 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<AlertColor, AlertPropsColorOverrides>;
+  color?: OverridableStringUnion<AlertColor, AlertPropsColorOverrides> | undefined;
   /**
    * The components used for each slot inside.
    *
@@ -111,9 +111,9 @@ export interface AlertProps extends StandardProps<PaperProps, 'variant'>, AlertS
    * @default {}
    */
   components?: {
-    CloseButton?: React.ElementType;
-    CloseIcon?: React.ElementType;
-  };
+    CloseButton?: React.ElementType | undefined;
+    CloseIcon?: React.ElementType | undefined;
+  } | undefined;
   /**
    * The extra props for the slot components.
    * You can override the existing props or add new ones.
@@ -123,14 +123,14 @@ export interface AlertProps extends StandardProps<PaperProps, 'variant'>, AlertS
    * @default {}
    */
   componentsProps?: {
-    closeButton?: IconButtonProps;
-    closeIcon?: SvgIconProps;
-  };
+    closeButton?: IconButtonProps | undefined;
+    closeIcon?: SvgIconProps | undefined;
+  } | undefined;
   /**
    * The severity of the alert. This defines the color and icon used.
    * @default 'success'
    */
-  severity?: OverridableStringUnion<AlertColor, AlertPropsColorOverrides>;
+  severity?: OverridableStringUnion<AlertColor, AlertPropsColorOverrides> | undefined;
   /**
    * Override the icon displayed before the children.
    * Unless provided, the icon is mapped to the value of the `severity` prop.
@@ -141,29 +141,29 @@ export interface AlertProps extends StandardProps<PaperProps, 'variant'>, AlertS
    * The ARIA role attribute of the element.
    * @default 'alert'
    */
-  role?: string;
+  role?: string | undefined;
   /**
    * The component maps the `severity` prop to a range of different icons,
    * for instance success to `<SuccessOutlined>`.
    * If you wish to change this mapping, you can provide your own.
    * Alternatively, you can use the `icon` prop to override the icon displayed.
    */
-  iconMapping?: Partial<Record<OverridableStringUnion<AlertColor, AlertPropsColorOverrides>, React.ReactNode>>;
+  iconMapping?: Partial<Record<OverridableStringUnion<AlertColor, AlertPropsColorOverrides>, React.ReactNode>> | undefined;
   /**
    * Callback fired when the component requests to be closed.
    * When provided and no `action` prop is set, a close icon button is displayed that triggers the callback when clicked.
    * @param {React.SyntheticEvent} event The event source of the callback.
    */
-  onClose?: (event: React.SyntheticEvent) => void;
+  onClose?: ((event: React.SyntheticEvent) => void) | undefined;
   /**
    * The variant to use.
    * @default 'standard'
    */
-  variant?: OverridableStringUnion<'standard' | 'filled' | 'outlined', AlertPropsVariantOverrides>;
+  variant?: OverridableStringUnion<'standard' | 'filled' | 'outlined', AlertPropsVariantOverrides> | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
 }
 export interface AlertOwnerState extends AlertProps {}
 

package/AlertTitle/AlertTitle.d.ts

@@ -11,11 +11,11 @@ export interface AlertTitleProps extends TypographyProps<'div'> {
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<AlertTitleClasses>;
+  classes?: Partial<AlertTitleClasses> | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
 }
 
 /**

package/AppBar/AppBar.d.ts

@@ -10,41 +10,41 @@ export interface AppBarOwnProps {
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<AppBarClasses>;
+  classes?: Partial<AppBarClasses> | 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<PropTypes.Color | 'transparent' | 'error' | 'info' | 'success' | 'warning', AppBarPropsColorOverrides>;
+  color?: OverridableStringUnion<PropTypes.Color | 'transparent' | 'error' | 'info' | 'success' | 'warning', AppBarPropsColorOverrides> | undefined;
   /**
    * Shadow depth, corresponds to `dp` in the spec.
    * It accepts values between 0 and 24 inclusive.
    * @default 4
    */
-  elevation?: number;
+  elevation?: number | undefined;
   /**
    * If true, the `color` prop is applied in dark mode.
    * @default false
    */
-  enableColorOnDark?: boolean;
+  enableColorOnDark?: boolean | undefined;
   /**
    * The positioning type. The behavior of the different options is described
    * [in the MDN web docs](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/position).
    * Note: `sticky` is not universally supported and will fall back to `static` when unavailable.
    * @default 'fixed'
    */
-  position?: 'fixed' | 'absolute' | 'sticky' | 'static' | 'relative';
+  position?: 'fixed' | 'absolute' | 'sticky' | 'static' | 'relative' | undefined;
   /**
    * If `false`, rounded corners are enabled.
    * @default true
    */
-  square?: boolean;
+  square?: boolean | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
 }
 export type AppBarTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'header'> = ExtendPaperTypeMap<{
   props: AdditionalProps & AppBarOwnProps;
@@ -65,6 +65,6 @@ export type AppBarTypeMap<AdditionalProps = {}, RootComponent extends React.Elem
 
 declare const AppBar: OverridableComponent<AppBarTypeMap>;
 export type AppBarProps<RootComponent extends React.ElementType = AppBarTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<AppBarTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 export default AppBar;

package/Autocomplete/Autocomplete.d.ts

@@ -47,7 +47,7 @@ export type AutocompleteRenderValueGetItemProps<Multiple extends boolean | undef
   tabIndex: -1;
   onDelete: (event: any) => void;
 } : (args?: {
-  index?: number;
+  index?: number | undefined;
 }) => {
   className: string;
   disabled: boolean;
@@ -106,8 +106,8 @@ export type AutocompleteSlotsAndSlotProps<Value, Multiple extends boolean | unde
    * Props applied to the Listbox element.
    */
   listbox: SlotProps<React.ElementType<ReturnType<ReturnType<typeof useAutocomplete>['getListboxProps']> & {
-    sx?: SxProps<Theme>;
-    ref?: React.Ref<Element>;
+    sx?: SxProps<Theme> | undefined;
+    ref?: React.Ref<Element> | undefined;
   }>, {}, AutocompleteOwnerState<Value, Multiple, DisableClearable, FreeSolo, ChipComponent>>;
   paper: SlotProps<React.ElementType<Partial<PaperProps>>, AutocompletePaperSlotPropsOverrides, AutocompleteOwnerState<Value, Multiple, DisableClearable, FreeSolo, ChipComponent>>;
   popper: SlotProps<React.ElementType<Partial<PopperProps>>, AutocompletePopperSlotPropsOverrides, AutocompleteOwnerState<Value, Multiple, DisableClearable, FreeSolo, ChipComponent>>;
@@ -118,11 +118,11 @@ export interface AutocompleteProps<Value, Multiple extends boolean | undefined,
    * Props applied to the [`Chip`](https://mui.com/material-ui/api/chip/) element.
    * @deprecated Use `slotProps.chip` 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.
    */
-  ChipProps?: ChipProps<ChipComponent>;
+  ChipProps?: ChipProps<ChipComponent> | undefined;
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<AutocompleteClasses>;
+  classes?: Partial<AutocompleteClasses> | undefined;
   /**
    * The icon to display in place of the default clear icon.
    * @default <ClearIcon fontSize="small" />
@@ -134,44 +134,44 @@ export interface AutocompleteProps<Value, Multiple extends boolean | undefined,
    * For localization purposes, you can use the provided [translations](https://mui.com/material-ui/guides/localization/).
    * @default 'Clear'
    */
-  clearText?: string;
+  clearText?: string | undefined;
   /**
    * Override the default text for the *close popup* icon button.
    *
    * For localization purposes, you can use the provided [translations](https://mui.com/material-ui/guides/localization/).
    * @default 'Close'
    */
-  closeText?: string;
+  closeText?: string | undefined;
   /**
    * The props used for each slot inside.
    * @deprecated Use the `slotProps` 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.
    */
   componentsProps?: {
-    clearIndicator?: Partial<IconButtonProps>;
-    paper?: PaperProps;
-    popper?: Partial<PopperProps>;
-    popupIndicator?: Partial<IconButtonProps>;
-  };
+    clearIndicator?: Partial<IconButtonProps> | undefined;
+    paper?: PaperProps | undefined;
+    popper?: Partial<PopperProps> | undefined;
+    popupIndicator?: Partial<IconButtonProps> | undefined;
+  } | undefined;
   /**
    * If `true`, the component is disabled.
    * @default false
    */
-  disabled?: boolean;
+  disabled?: boolean | undefined;
   /**
    * If `true`, the `Popper` content will be under the DOM hierarchy of the parent component.
    * @default false
    */
-  disablePortal?: boolean;
+  disablePortal?: boolean | undefined;
   /**
    * Force the visibility display of the popup icon.
    * @default 'auto'
    */
-  forcePopupIcon?: true | false | 'auto';
+  forcePopupIcon?: true | false | 'auto' | undefined;
   /**
    * If `true`, the input will take up the full width of its container.
    * @default false
    */
-  fullWidth?: boolean;
+  fullWidth?: boolean | undefined;
   /**
    * The label to display when the tags are truncated (`limitTags`).
    *
@@ -179,27 +179,27 @@ export interface AutocompleteProps<Value, Multiple extends boolean | undefined,
    * @returns {ReactNode}
    * @default (more) => `+${more}`
    */
-  getLimitTagsText?: (more: number) => React.ReactNode;
+  getLimitTagsText?: ((more: number) => React.ReactNode) | undefined;
   /**
    * The component used to render the listbox.
    * @default 'ul'
    * @deprecated Use `slotProps.listbox.component` 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.
    */
-  ListboxComponent?: React.JSXElementConstructor<React.HTMLAttributes<HTMLElement>>;
+  ListboxComponent?: React.JSXElementConstructor<React.HTMLAttributes<HTMLElement>> | undefined;
   /**
    * Props applied to the Listbox element.
    * @deprecated Use `slotProps.listbox` 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.
    */
-  ListboxProps?: ReturnType<ReturnType<typeof useAutocomplete>['getListboxProps']> & {
-    sx?: SxProps<Theme>;
-    ref?: React.Ref<Element>;
-  };
+  ListboxProps?: (ReturnType<ReturnType<typeof useAutocomplete>['getListboxProps']> & {
+    sx?: SxProps<Theme> | undefined;
+    ref?: React.Ref<Element> | undefined;
+  }) | undefined;
   /**
    * If `true`, the component is in a loading state.
    * This shows the `loadingText` in place of suggestions (only if there are no suggestions to show, for example `options` are empty).
    * @default false
    */
-  loading?: boolean;
+  loading?: boolean | undefined;
   /**
    * Text to display when in a loading state.
    *
@@ -212,7 +212,7 @@ export interface AutocompleteProps<Value, Multiple extends boolean | undefined,
    * Set `-1` to disable the limit.
    * @default -1
    */
-  limitTags?: number;
+  limitTags?: number | undefined;
   /**
    * Text to display when there are no options.
    *
@@ -220,28 +220,28 @@ export interface AutocompleteProps<Value, Multiple extends boolean | undefined,
    * @default 'No options'
    */
   noOptionsText?: React.ReactNode;
-  onKeyDown?: (event: React.KeyboardEvent<HTMLDivElement> & {
-    defaultMuiPrevented?: boolean;
-  }) => void;
+  onKeyDown?: ((event: React.KeyboardEvent<HTMLDivElement> & {
+    defaultMuiPrevented?: boolean | undefined;
+  }) => void) | undefined;
   /**
    * Override the default text for the *open popup* icon button.
    *
    * For localization purposes, you can use the provided [translations](https://mui.com/material-ui/guides/localization/).
    * @default 'Open'
    */
-  openText?: string;
+  openText?: string | undefined;
   /**
    * The component used to render the body of the popup.
    * @default Paper
    * @deprecated Use `slots.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.
    */
-  PaperComponent?: React.JSXElementConstructor<React.HTMLAttributes<HTMLElement>>;
+  PaperComponent?: React.JSXElementConstructor<React.HTMLAttributes<HTMLElement>> | undefined;
   /**
    * The component used to position the popup.
    * @default Popper
    * @deprecated Use `slots.popper` 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.
    */
-  PopperComponent?: React.JSXElementConstructor<PopperProps>;
+  PopperComponent?: React.JSXElementConstructor<PopperProps> | undefined;
   /**
    * The icon to display in place of the default popup icon.
    * @default <ArrowDropDownIcon />
@@ -251,14 +251,14 @@ export interface AutocompleteProps<Value, Multiple extends boolean | undefined,
    * If `true`, the component becomes readonly. It is also supported for multiple tags where the tag cannot be deleted.
    * @default false
    */
-  readOnly?: boolean;
+  readOnly?: boolean | undefined;
   /**
    * Render the group.
    *
    * @param {AutocompleteRenderGroupParams} params The group to render.
    * @returns {ReactNode}
    */
-  renderGroup?: (params: AutocompleteRenderGroupParams) => React.ReactNode;
+  renderGroup?: ((params: AutocompleteRenderGroupParams) => React.ReactNode) | undefined;
   /**
    * Render the input.
    *
@@ -282,9 +282,9 @@ export interface AutocompleteProps<Value, Multiple extends boolean | undefined,
    * @param {object} ownerState The state of the Autocomplete component.
    * @returns {ReactNode}
    */
-  renderOption?: (props: React.HTMLAttributes<HTMLLIElement> & {
+  renderOption?: ((props: React.HTMLAttributes<HTMLLIElement> & {
     key: React.Key;
-  }, option: Value, state: AutocompleteRenderOptionState, ownerState: AutocompleteOwnerState<Value, Multiple, DisableClearable, FreeSolo, ChipComponent>) => React.ReactNode;
+  }, option: Value, state: AutocompleteRenderOptionState, ownerState: AutocompleteOwnerState<Value, Multiple, DisableClearable, FreeSolo, ChipComponent>) => React.ReactNode) | undefined;
   /**
    * Render the selected value when doing multiple selections.
    *
@@ -295,7 +295,7 @@ export interface AutocompleteProps<Value, Multiple extends boolean | undefined,
    * @param {object} ownerState The state of the Autocomplete component.
    * @returns {ReactNode}
    */
-  renderTags?: (value: Value[], getTagProps: AutocompleteRenderGetTagProps, ownerState: AutocompleteOwnerState<Value, Multiple, DisableClearable, FreeSolo, ChipComponent>) => React.ReactNode;
+  renderTags?: ((value: Value[], getTagProps: AutocompleteRenderGetTagProps, ownerState: AutocompleteOwnerState<Value, Multiple, DisableClearable, FreeSolo, ChipComponent>) => React.ReactNode) | undefined;
   /**
    * Renders the selected value(s) as rich content in the input for both single and multiple selections.
    *
@@ -304,16 +304,16 @@ export interface AutocompleteProps<Value, Multiple extends boolean | undefined,
    * @param {object} ownerState The state of the Autocomplete component.
    * @returns {ReactNode}
    */
-  renderValue?: (value: AutocompleteRenderValue<Value, Multiple, FreeSolo>, getItemProps: AutocompleteRenderValueGetItemProps<Multiple>, ownerState: AutocompleteOwnerState<Value, Multiple, DisableClearable, FreeSolo, ChipComponent>) => React.ReactNode;
+  renderValue?: ((value: AutocompleteRenderValue<Value, Multiple, FreeSolo>, getItemProps: AutocompleteRenderValueGetItemProps<Multiple>, ownerState: AutocompleteOwnerState<Value, Multiple, DisableClearable, FreeSolo, ChipComponent>) => React.ReactNode) | undefined;
   /**
    * The size of the component.
    * @default 'medium'
    */
-  size?: OverridableStringUnion<'small' | 'medium', AutocompletePropsSizeOverrides>;
+  size?: OverridableStringUnion<'small' | 'medium', AutocompletePropsSizeOverrides> | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
 }
 
 /**

package/Avatar/Avatar.d.ts

@@ -49,7 +49,7 @@ export interface AvatarOwnProps {
    * Used in combination with `src` or `srcSet` to
    * provide an alt attribute for the rendered `img` element.
    */
-  alt?: string;
+  alt?: string | undefined;
   /**
    * Used to render icon or text elements inside the Avatar if `src` is not set.
    * This can be an element, or just a string.
@@ -58,37 +58,37 @@ export interface AvatarOwnProps {
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<AvatarClasses>;
+  classes?: Partial<AvatarClasses> | undefined;
   /**
    * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/img#attributes) applied to the `img` element if the component is used to display an image.
    * It can be used to listen for the loading error event.
    * @deprecated Use `slotProps.img` 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.
    */
-  imgProps?: React.ImgHTMLAttributes<HTMLImageElement> & {
-    sx?: SxProps<Theme>;
-  };
+  imgProps?: (React.ImgHTMLAttributes<HTMLImageElement> & {
+    sx?: SxProps<Theme> | undefined;
+  }) | undefined;
   /**
    * The `sizes` attribute for the `img` element.
    */
-  sizes?: string;
+  sizes?: string | undefined;
   /**
    * The `src` attribute for the `img` element.
    */
-  src?: string;
+  src?: string | undefined;
   /**
    * The `srcSet` attribute for the `img` element.
    * Use this attribute for responsive image display.
    */
-  srcSet?: string;
+  srcSet?: string | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
   /**
    * The shape of the avatar.
    * @default 'circular'
    */
-  variant?: OverridableStringUnion<'circular' | 'rounded' | 'square', AvatarPropsVariantOverrides>;
+  variant?: OverridableStringUnion<'circular' | 'rounded' | 'square', AvatarPropsVariantOverrides> | undefined;
 }
 export interface AvatarTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'div'> {
   props: AdditionalProps & AvatarOwnProps & AvatarSlotsAndSlotProps;
@@ -107,6 +107,6 @@ export interface AvatarTypeMap<AdditionalProps = {}, RootComponent extends React
  */
 declare const Avatar: OverridableComponent<AvatarTypeMap>;
 export type AvatarProps<RootComponent extends React.ElementType = AvatarTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<AvatarTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 export default Avatar;

package/AvatarGroup/AvatarGroup.d.ts

@@ -25,12 +25,12 @@ export interface AvatarGroupOwnProps extends AvatarGroupSlotsAndSlotProps {
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<AvatarGroupClasses>;
+  classes?: Partial<AvatarGroupClasses> | undefined;
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
   /**
    * The extra props for the slot components.
    * You can override the existing props or add new ones.
@@ -40,38 +40,38 @@ export interface AvatarGroupOwnProps extends AvatarGroupSlotsAndSlotProps {
    * @deprecated use the `slotProps` 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.
    */
   componentsProps?: {
-    additionalAvatar?: React.ComponentPropsWithRef<typeof Avatar> & AvatarGroupComponentsPropsOverrides;
-  };
+    additionalAvatar?: (React.ComponentPropsWithRef<typeof Avatar> & AvatarGroupComponentsPropsOverrides) | undefined;
+  } | undefined;
   /**
    * Max avatars to show before +x.
    * @default 5
    */
-  max?: number;
+  max?: number | undefined;
   /**
    * custom renderer of extraAvatars
    * @param {number} surplus number of extra avatars
    * @returns {React.ReactNode} custom element to display
    */
-  renderSurplus?: (surplus: number) => React.ReactNode;
+  renderSurplus?: ((surplus: number) => React.ReactNode) | undefined;
   /**
    * Spacing between avatars.
    * @default 'medium'
    */
-  spacing?: 'small' | 'medium' | number;
+  spacing?: 'small' | 'medium' | number | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
   /**
    * The total number of avatars. Used for calculating the number of extra avatars.
    * @default children.length
    */
-  total?: number;
+  total?: number | undefined;
   /**
    * The variant to use.
    * @default 'circular'
    */
-  variant?: OverridableStringUnion<'circular' | 'rounded' | 'square', AvatarGroupPropsVariantOverrides>;
+  variant?: OverridableStringUnion<'circular' | 'rounded' | 'square', AvatarGroupPropsVariantOverrides> | undefined;
 }
 export interface AvatarGroupTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'div'> {
   props: AdditionalProps & AvatarGroupOwnProps;
@@ -90,7 +90,7 @@ export interface AvatarGroupTypeMap<AdditionalProps = {}, RootComponent extends
  */
 declare const AvatarGroup: OverridableComponent<AvatarGroupTypeMap>;
 export type AvatarGroupProps<RootComponent extends React.ElementType = AvatarGroupTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<AvatarGroupTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 export interface AvatarGroupOwnerState extends PartiallyRequired<AvatarGroupProps, 'max' | 'spacing' | 'component' | 'variant'> {}
 export default AvatarGroup;