@mui/material 7.3.7 → 7.3.9

package/TextField/TextField.d.ts

@@ -92,27 +92,27 @@ export interface BaseTextFieldProps extends StandardProps<FormControlProps,
    * 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.
    * @default false
    */
-  autoFocus?: boolean;
+  autoFocus?: boolean | undefined;
   /**
    * @ignore
    */
-  children?: FormControlProps['children'];
+  children?: FormControlProps['children'] | undefined;
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<TextFieldClasses>;
+  classes?: Partial<TextFieldClasses> | 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', TextFieldPropsColorOverrides>;
+  color?: OverridableStringUnion<'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning', TextFieldPropsColorOverrides> | undefined;
   /**
    * The default value. Use when the component is not controlled.
    */
@@ -121,22 +121,22 @@ export interface BaseTextFieldProps extends StandardProps<FormControlProps,
    * If `true`, the component is disabled.
    * @default false
    */
-  disabled?: boolean;
+  disabled?: boolean | undefined;
   /**
    * If `true`, the label is displayed in an error state.
    * @default false
    */
-  error?: boolean;
+  error?: boolean | undefined;
   /**
    * Props applied to the [`FormHelperText`](https://mui.com/material-ui/api/form-helper-text/) element.
    * @deprecated Use `slotProps.formHelperText` 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.
    */
-  FormHelperTextProps?: Partial<FormHelperTextProps>;
+  FormHelperTextProps?: Partial<FormHelperTextProps> | undefined;
   /**
    * If `true`, the input will take up the full width of its container.
    * @default false
    */
-  fullWidth?: boolean;
+  fullWidth?: boolean | undefined;
   /**
    * The helper text content.
    */
@@ -145,22 +145,22 @@ export interface BaseTextFieldProps extends StandardProps<FormControlProps,
    * The id of the `input` element.
    * Use this prop to make `label` and `helperText` accessible for screen readers.
    */
-  id?: string;
+  id?: string | undefined;
   /**
    * Props applied to the [`InputLabel`](https://mui.com/material-ui/api/input-label/) element.
    * Pointer events like `onClick` are enabled if and only if `shrink` is `true`.
    * @deprecated Use `slotProps.inputLabel` 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.
    */
-  InputLabelProps?: Partial<InputLabelProps>;
+  InputLabelProps?: Partial<InputLabelProps> | undefined;
   /**
    * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.
    * @deprecated Use `slotProps.htmlInput` 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.
    */
-  inputProps?: InputBaseProps['inputProps'];
+  inputProps?: InputBaseProps['inputProps'] | undefined;
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef?: React.Ref<any>;
+  inputRef?: React.Ref<any> | undefined;
   /**
    * The label content.
    */
@@ -169,58 +169,58 @@ export interface BaseTextFieldProps extends StandardProps<FormControlProps,
    * If `true`, a `textarea` element is rendered instead of an input.
    * @default false
    */
-  multiline?: boolean;
+  multiline?: boolean | undefined;
   /**
    * Name attribute of the `input` element.
    */
-  name?: string;
-  onBlur?: InputBaseProps['onBlur'];
-  onFocus?: StandardInputProps['onFocus'];
+  name?: string | undefined;
+  onBlur?: InputBaseProps['onBlur'] | undefined;
+  onFocus?: StandardInputProps['onFocus'] | undefined;
   /**
    * The short hint displayed in the `input` before the user enters a value.
    */
-  placeholder?: string;
+  placeholder?: string | undefined;
   /**
    * If `true`, the label is displayed as required and the `input` element is required.
    * @default false
    */
-  required?: boolean;
+  required?: boolean | 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;
   /**
    * Render a [`Select`](https://mui.com/material-ui/api/select/) element while passing the Input element to `Select` as `input` parameter.
    * If this option is set you must pass the options of the select as children.
    * @default false
    */
-  select?: boolean;
+  select?: boolean | undefined;
   /**
    * Props applied to the [`Select`](https://mui.com/material-ui/api/select/) element.
    * @deprecated Use `slotProps.select` 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.
    */
-  SelectProps?: Partial<SelectProps>;
+  SelectProps?: Partial<SelectProps> | undefined;
   /**
    * The size of the component.
    * @default 'medium'
    */
-  size?: OverridableStringUnion<'small' | 'medium', TextFieldPropsSizeOverrides>;
+  size?: OverridableStringUnion<'small' | 'medium', TextFieldPropsSizeOverrides> | undefined;
   /**
    * 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).
    */
-  type?: React.InputHTMLAttributes<unknown>['type'];
+  type?: React.InputHTMLAttributes<unknown>['type'] | undefined;
   /**
    * The value of the `input` element, required for a controlled component.
    */
@@ -233,12 +233,12 @@ export interface StandardTextFieldProps extends BaseTextFieldProps, TextFieldSlo
    * @param {object} event The event source of the callback.
    * You can pull out the new value by accessing `event.target.value` (string).
    */
-  onChange?: StandardInputProps['onChange'];
+  onChange?: StandardInputProps['onChange'] | undefined;
   /**
    * The variant to use.
    * @default 'outlined'
    */
-  variant?: 'standard';
+  variant?: 'standard' | undefined;
   /**
    * Props applied to the Input element.
    * It will be a [`FilledInput`](https://mui.com/material-ui/api/filled-input/),
@@ -246,7 +246,7 @@ export interface StandardTextFieldProps extends BaseTextFieldProps, TextFieldSlo
    * component depending on the `variant` prop value.
    * @deprecated Use `slotProps.input` 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.
    */
-  InputProps?: Partial<StandardInputProps>;
+  InputProps?: Partial<StandardInputProps> | undefined;
 }
 export interface FilledTextFieldProps extends BaseTextFieldProps, TextFieldSlotsAndSlotProps<FilledInputProps> {
   /**
@@ -255,7 +255,7 @@ export interface FilledTextFieldProps extends BaseTextFieldProps, TextFieldSlots
    * @param {object} event The event source of the callback.
    * You can pull out the new value by accessing `event.target.value` (string).
    */
-  onChange?: FilledInputProps['onChange'];
+  onChange?: FilledInputProps['onChange'] | undefined;
   /**
    * The variant to use.
    * @default 'outlined'
@@ -268,7 +268,7 @@ export interface FilledTextFieldProps extends BaseTextFieldProps, TextFieldSlots
    * component depending on the `variant` prop value.
    * @deprecated Use `slotProps.input` 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.
    */
-  InputProps?: Partial<FilledInputProps>;
+  InputProps?: Partial<FilledInputProps> | undefined;
 }
 export interface OutlinedTextFieldProps extends BaseTextFieldProps, TextFieldSlotsAndSlotProps<OutlinedInputProps> {
   /**
@@ -277,7 +277,7 @@ export interface OutlinedTextFieldProps extends BaseTextFieldProps, TextFieldSlo
    * @param {object} event The event source of the callback.
    * You can pull out the new value by accessing `event.target.value` (string).
    */
-  onChange?: OutlinedInputProps['onChange'];
+  onChange?: OutlinedInputProps['onChange'] | undefined;
   /**
    * The variant to use.
    * @default 'outlined'
@@ -290,7 +290,7 @@ export interface OutlinedTextFieldProps extends BaseTextFieldProps, TextFieldSlo
    * component depending on the `variant` prop value.
    * @deprecated Use `slotProps.input` 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.
    */
-  InputProps?: Partial<OutlinedInputProps>;
+  InputProps?: Partial<OutlinedInputProps> | undefined;
 }
 export type TextFieldVariants = 'outlined' | 'standard' | 'filled';
 export type TextFieldProps<Variant extends TextFieldVariants = TextFieldVariants> = Variant extends 'filled' ? FilledTextFieldProps : Variant extends 'standard' ? StandardTextFieldProps : OutlinedTextFieldProps;
@@ -343,5 +343,5 @@ export default function TextField<Variant extends TextFieldVariants>(props: {
    * The variant to use.
    * @default 'outlined'
    */
-  variant?: Variant;
+  variant?: Variant | undefined;
 } & Omit<TextFieldProps, 'variant'>): React.JSX.Element;

package/TextareaAutosize/TextareaAutosize.types.d.ts

@@ -1,13 +1,13 @@
 import * as React from 'react';
 export interface TextareaAutosizeProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'children' | 'rows'> {
-  ref?: React.Ref<HTMLTextAreaElement>;
+  ref?: React.Ref<HTMLTextAreaElement> | undefined;
   /**
    * Maximum number of rows to display.
    */
-  maxRows?: string | number;
+  maxRows?: string | number | undefined;
   /**
    * Minimum number of rows to display.
    * @default 1
    */
-  minRows?: string | number;
+  minRows?: string | number | undefined;
 }

package/ToggleButton/ToggleButton.d.ts

@@ -15,57 +15,57 @@ export interface ToggleButtonOwnProps {
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<ToggleButtonClasses>;
+  classes?: Partial<ToggleButtonClasses> | undefined;
   /**
    * The color of the button when it is in an active state.
    * 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 'standard'
    */
-  color?: OverridableStringUnion<'standard' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning', ToggleButtonPropsColorOverrides>;
+  color?: OverridableStringUnion<'standard' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning', ToggleButtonPropsColorOverrides> | 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 `true`, the button will take up the full width of its container.
    * @default false
    */
-  fullWidth?: boolean;
+  fullWidth?: boolean | undefined;
   /**
    * Callback fired when the state changes.
    *
    * @param {React.MouseEvent<HTMLElement>} event The event source of the callback.
    * @param {any} value of the selected button.
    */
-  onChange?: (event: React.MouseEvent<HTMLElement>, value: any) => void;
+  onChange?: ((event: React.MouseEvent<HTMLElement>, value: any) => void) | undefined;
   /**
    * Callback fired when the button is clicked.
    *
    * @param {React.MouseEvent<HTMLElement>} event The event source of the callback.
    * @param {any} value of the selected button.
    */
-  onClick?: (event: React.MouseEvent<HTMLElement>, value: any) => void;
+  onClick?: ((event: React.MouseEvent<HTMLElement>, value: any) => void) | undefined;
   /**
    * If `true`, the button is rendered in an active state.
    */
-  selected?: boolean;
+  selected?: boolean | undefined;
   /**
    * The size of the component.
    * The prop defaults to the value inherited from the parent ToggleButtonGroup component.
    * @default 'medium'
    */
-  size?: OverridableStringUnion<'small' | 'medium' | 'large', ToggleButtonPropsSizeOverrides>;
+  size?: OverridableStringUnion<'small' | 'medium' | 'large', ToggleButtonPropsSizeOverrides> | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
   /**
    * The value to associate with the button when selected in a
    * ToggleButtonGroup.
@@ -90,6 +90,6 @@ export type ToggleButtonTypeMap<AdditionalProps = {}, RootComponent extends Reac
  */
 declare const ToggleButton: ExtendButtonBase<ToggleButtonTypeMap>;
 export type ToggleButtonProps<RootComponent extends React.ElementType = ToggleButtonTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ToggleButtonTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 export default ToggleButton;

package/ToggleButtonGroup/ToggleButtonGroup.d.ts

@@ -14,29 +14,29 @@ export interface ToggleButtonGroupProps extends StandardProps<React.HTMLAttribut
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<ToggleButtonGroupClasses>;
+  classes?: Partial<ToggleButtonGroupClasses> | undefined;
   /**
    * The color of the button when it is selected.
    * 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 'standard'
    */
-  color?: OverridableStringUnion<'standard' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning', ToggleButtonGroupPropsColorOverrides>;
+  color?: OverridableStringUnion<'standard' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning', ToggleButtonGroupPropsColorOverrides> | undefined;
   /**
    * If `true`, only allow one of the child ToggleButton values to be selected.
    * @default false
    */
-  exclusive?: boolean;
+  exclusive?: boolean | undefined;
   /**
    * If `true`, the component is disabled. This implies that all ToggleButton children will be disabled.
    * @default false
    */
-  disabled?: boolean;
+  disabled?: boolean | undefined;
   /**
    * If `true`, the button group will take up the full width of its container.
    * @default false
    */
-  fullWidth?: boolean;
+  fullWidth?: boolean | undefined;
   /**
    * Callback fired when the value changes.
    *
@@ -45,21 +45,21 @@ export interface ToggleButtonGroupProps extends StandardProps<React.HTMLAttribut
    * this is a single value; when false an array of selected values. If no value
    * is selected and `exclusive` is true the value is null; when false an empty array.
    */
-  onChange?: (event: React.MouseEvent<HTMLElement>, value: any) => void;
+  onChange?: ((event: React.MouseEvent<HTMLElement>, value: any) => void) | undefined;
   /**
    * The component orientation (layout flow direction).
    * @default 'horizontal'
    */
-  orientation?: 'horizontal' | 'vertical';
+  orientation?: 'horizontal' | 'vertical' | undefined;
   /**
    * The size of the component.
    * @default 'medium'
    */
-  size?: OverridableStringUnion<'small' | 'medium' | 'large', ToggleButtonGroupPropsSizeOverrides>;
+  size?: OverridableStringUnion<'small' | 'medium' | 'large', ToggleButtonGroupPropsSizeOverrides> | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
   /**
    * The currently selected value within the group or an array of selected
    * values when `exclusive` is false.

package/ToggleButtonGroup/ToggleButtonGroupContext.d.ts

@@ -1,13 +1,13 @@
 import * as React from 'react';
 import type { ToggleButtonGroupProps } from "./ToggleButtonGroup.js";
 interface ToggleButtonGroupContextType {
-  className?: string;
-  onChange?: ToggleButtonGroupProps['onChange'];
-  value?: ToggleButtonGroupProps['value'];
-  size?: ToggleButtonGroupProps['size'];
-  fullWidth?: ToggleButtonGroupProps['fullWidth'];
-  color?: ToggleButtonGroupProps['color'];
-  disabled?: ToggleButtonGroupProps['disabled'];
+  className?: string | undefined;
+  onChange?: ToggleButtonGroupProps['onChange'] | undefined;
+  value?: ToggleButtonGroupProps['value'] | undefined;
+  size?: ToggleButtonGroupProps['size'] | undefined;
+  fullWidth?: ToggleButtonGroupProps['fullWidth'] | undefined;
+  color?: ToggleButtonGroupProps['color'] | undefined;
+  disabled?: ToggleButtonGroupProps['disabled'] | undefined;
 }
 /**
  * @ignore - internal component.

package/Toolbar/Toolbar.d.ts

@@ -14,21 +14,21 @@ export interface ToolbarOwnProps {
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<ToolbarClasses>;
+  classes?: Partial<ToolbarClasses> | undefined;
   /**
    * If `true`, disables gutter padding.
    * @default false
    */
-  disableGutters?: boolean;
+  disableGutters?: boolean | undefined;
   /**
    * The variant to use.
    * @default 'regular'
    */
-  variant?: OverridableStringUnion<'regular' | 'dense', ToolbarPropsVariantOverrides>;
+  variant?: OverridableStringUnion<'regular' | 'dense', ToolbarPropsVariantOverrides> | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
 }
 export interface ToolbarTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'div'> {
   props: AdditionalProps & ToolbarOwnProps;
@@ -46,6 +46,6 @@ export interface ToolbarTypeMap<AdditionalProps = {}, RootComponent extends Reac
  */
 declare const Toolbar: OverridableComponent<ToolbarTypeMap>;
 export type ToolbarProps<RootComponent extends React.ElementType = ToolbarTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ToolbarTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 export default Toolbar;

package/Tooltip/Tooltip.d.ts

@@ -59,7 +59,7 @@ export interface TooltipProps extends StandardProps<React.HTMLAttributes<HTMLDiv
    * If `true`, adds an arrow to the tooltip.
    * @default false
    */
-  arrow?: boolean;
+  arrow?: boolean | undefined;
   /**
    * Tooltip reference element.
    */
@@ -67,7 +67,7 @@ export interface TooltipProps extends StandardProps<React.HTMLAttributes<HTMLDiv
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<TooltipClasses>;
+  classes?: Partial<TooltipClasses> | undefined;
   /**
    * The components used for each slot inside.
    *
@@ -76,11 +76,11 @@ export interface TooltipProps extends StandardProps<React.HTMLAttributes<HTMLDiv
    * @default {}
    */
   components?: {
-    Popper?: React.ElementType<PopperProps>;
-    Transition?: React.ElementType;
-    Tooltip?: React.ElementType;
-    Arrow?: React.ElementType;
-  };
+    Popper?: React.ElementType<PopperProps> | undefined;
+    Transition?: React.ElementType | undefined;
+    Tooltip?: React.ElementType | undefined;
+    Arrow?: React.ElementType | undefined;
+  } | undefined;
   /**
    * The extra props for the slot components.
    * You can override the existing props or add new ones.
@@ -90,111 +90,111 @@ export interface TooltipProps extends StandardProps<React.HTMLAttributes<HTMLDiv
    * @default {}
    */
   componentsProps?: {
-    popper?: Partial<PopperProps> & TooltipComponentsPropsOverrides;
-    transition?: TransitionProps & TooltipComponentsPropsOverrides;
-    tooltip?: React.HTMLProps<HTMLDivElement> & MUIStyledCommonProps & TooltipComponentsPropsOverrides;
-    arrow?: React.HTMLProps<HTMLSpanElement> & MUIStyledCommonProps & TooltipComponentsPropsOverrides;
-  };
+    popper?: (Partial<PopperProps> & TooltipComponentsPropsOverrides) | undefined;
+    transition?: (TransitionProps & TooltipComponentsPropsOverrides) | undefined;
+    tooltip?: (React.HTMLProps<HTMLDivElement> & MUIStyledCommonProps & TooltipComponentsPropsOverrides) | undefined;
+    arrow?: (React.HTMLProps<HTMLSpanElement> & MUIStyledCommonProps & TooltipComponentsPropsOverrides) | undefined;
+  } | undefined;
   /**
    * Set to `true` if the `title` acts as an accessible description.
    * By default the `title` acts as an accessible label for the child.
    * @default false
    */
-  describeChild?: boolean;
+  describeChild?: boolean | undefined;
   /**
    * Do not respond to focus-visible events.
    * @default false
    */
-  disableFocusListener?: boolean;
+  disableFocusListener?: boolean | undefined;
   /**
    * Do not respond to hover events.
    * @default false
    */
-  disableHoverListener?: boolean;
+  disableHoverListener?: boolean | undefined;
   /**
    * Makes a tooltip not interactive, i.e. it will close when the user
    * hovers over the tooltip before the `leaveDelay` is expired.
    * @default false
    */
-  disableInteractive?: boolean;
+  disableInteractive?: boolean | undefined;
   /**
    * Do not respond to long press touch events.
    * @default false
    */
-  disableTouchListener?: boolean;
+  disableTouchListener?: boolean | undefined;
   /**
    * The number of milliseconds to wait before showing the tooltip.
    * This prop won't impact the enter touch delay (`enterTouchDelay`).
    * @default 100
    */
-  enterDelay?: number;
+  enterDelay?: number | undefined;
   /**
    * The number of milliseconds to wait before showing the tooltip when one was already recently opened.
    * @default 0
    */
-  enterNextDelay?: number;
+  enterNextDelay?: number | undefined;
   /**
    * The number of milliseconds a user must touch the element before showing the tooltip.
    * @default 700
    */
-  enterTouchDelay?: number;
+  enterTouchDelay?: number | undefined;
   /**
    * If `true`, the tooltip follow the cursor over the wrapped element.
    * @default false
    */
-  followCursor?: boolean;
+  followCursor?: boolean | undefined;
   /**
    * This prop is used to help implement the accessibility logic.
    * If you don't provide this prop. It falls back to a randomly generated id.
    */
-  id?: string;
+  id?: string | undefined;
   /**
    * The number of milliseconds to wait before hiding the tooltip.
    * This prop won't impact the leave touch delay (`leaveTouchDelay`).
    * @default 0
    */
-  leaveDelay?: number;
+  leaveDelay?: number | undefined;
   /**
    * The number of milliseconds after the user stops touching an element before hiding the tooltip.
    * @default 1500
    */
-  leaveTouchDelay?: number;
+  leaveTouchDelay?: number | undefined;
   /**
    * Callback fired when the component requests to be closed.
    *
    * @param {React.SyntheticEvent} event The event source of the callback.
    */
-  onClose?: (event: React.SyntheticEvent | Event) => void;
+  onClose?: ((event: React.SyntheticEvent | Event) => void) | undefined;
   /**
    * Callback fired when the component requests to be open.
    *
    * @param {React.SyntheticEvent} event The event source of the callback.
    */
-  onOpen?: (event: React.SyntheticEvent) => void;
+  onOpen?: ((event: React.SyntheticEvent) => void) | undefined;
   /**
    * If `true`, the component is shown.
    */
-  open?: boolean;
+  open?: boolean | undefined;
   /**
    * Tooltip placement.
    * @default 'bottom'
    */
-  placement?: PopperProps['placement'];
+  placement?: PopperProps['placement'] | undefined;
   /**
    * The component used for the popper.
    * @deprecated use the `slots.popper` 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.
    */
-  PopperComponent?: React.JSXElementConstructor<PopperProps>;
+  PopperComponent?: React.JSXElementConstructor<PopperProps> | undefined;
   /**
    * Props applied to the [`Popper`](https://mui.com/material-ui/api/popper/) element.
    * @deprecated use the `slotProps.popper` 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.
    * @default {}
    */
-  PopperProps?: Partial<PopperProps>;
+  PopperProps?: Partial<PopperProps> | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
   /**
    * Tooltip title. Zero-length titles string, undefined, null and false are never displayed.
    */
@@ -206,14 +206,14 @@ export interface TooltipProps extends StandardProps<React.HTMLAttributes<HTMLDiv
    */
   TransitionComponent?: React.JSXElementConstructor<TransitionProps & {
     children: React.ReactElement<unknown, any>;
-  }>;
+  }> | 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 the `slotProps.transition` 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.
    * @default {}
    */
-  TransitionProps?: TransitionProps;
+  TransitionProps?: TransitionProps | undefined;
 }
 export interface TooltipOwnerState extends TooltipProps {}
 

package/Tooltip/Tooltip.js

@@ -456,9 +456,26 @@ const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
   };
   const [, setChildIsFocusVisible] = React.useState(false);
   const handleBlur = event => {
-    if (!(0, _isFocusVisible.default)(event.target)) {
+    // Needed for https://github.com/mui/material-ui/issues/45373
+    const target = event?.target ?? childNode;
+    if (!target || !(0, _isFocusVisible.default)(target)) {
       setChildIsFocusVisible(false);
-      handleMouseLeave(event);
+
+      // InputBase can call onBlur() without an event when the input becomes disabled.
+      // Tooltip must not assume an event object exists.
+      const closeEvent = event ?? new Event('blur');
+
+      // `new Event('blur')` has `target/currentTarget === null`, but Tooltip's close logic
+      // (and user callbacks like onClose) may expect them to reference the anchor element.
+      if (!event && target) {
+        Object.defineProperty(closeEvent, 'target', {
+          value: target
+        });
+        Object.defineProperty(closeEvent, 'currentTarget', {
+          value: target
+        });
+      }
+      handleMouseLeave(closeEvent);
     }
   };
   const handleFocus = event => {