@mui/material 7.3.7 → 7.3.9

package/esm/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/esm/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/esm/Tooltip/Tooltip.js

@@ -448,9 +448,26 @@ const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(inProps, ref) {
   };
   const [, setChildIsFocusVisible] = React.useState(false);
   const handleBlur = event => {
-    if (!isFocusVisible(event.target)) {
+    // Needed for https://github.com/mui/material-ui/issues/45373
+    const target = event?.target ?? childNode;
+    if (!target || !isFocusVisible(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 => {

package/esm/Typography/Typography.d.ts

@@ -12,7 +12,7 @@ export interface TypographyOwnProps extends Omit<SystemProps<Theme>, 'color'> {
    * Set the text-align on the component.
    * @default 'inherit'
    */
-  align?: 'inherit' | 'left' | 'center' | 'right' | 'justify';
+  align?: 'inherit' | 'left' | 'center' | 'right' | 'justify' | undefined;
   /**
    * The content of the component.
    */
@@ -20,18 +20,18 @@ export interface TypographyOwnProps extends Omit<SystemProps<Theme>, 'color'> {
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<TypographyClasses>;
+  classes?: Partial<TypographyClasses> | 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' | 'success' | 'error' | 'info' | 'warning' | `text${Capitalize<keyof TypeText>}`, TypographyPropsColorOverrides> | (string & {}); // to work with v5 color prop type which allows any string
+  color?: OverridableStringUnion<'primary' | 'secondary' | 'success' | 'error' | 'info' | 'warning' | `text${Capitalize<keyof TypeText>}`, TypographyPropsColorOverrides> | (string & {}) | undefined; // to work with v5 color prop type which allows any string
   /**
    * If `true`, the text will have a bottom margin.
    * @default false
    */
-  gutterBottom?: boolean;
+  gutterBottom?: boolean | undefined;
   /**
    * If `true`, the text will not wrap, but instead will truncate with a text overflow ellipsis.
    *
@@ -39,22 +39,22 @@ export interface TypographyOwnProps extends Omit<SystemProps<Theme>, 'color'> {
    * (the element needs to have a width in order to overflow).
    * @default false
    */
-  noWrap?: boolean;
+  noWrap?: boolean | undefined;
   /**
    * If `true`, the element will be a paragraph element.
    * @default false
    * @deprecated Use the `component` 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.
    */
-  paragraph?: boolean;
+  paragraph?: boolean | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
   /**
    * Applies the theme typography styles.
    * @default 'body1'
    */
-  variant?: OverridableStringUnion<TypographyVariant | 'inherit', TypographyPropsVariantOverrides>;
+  variant?: OverridableStringUnion<TypographyVariant | 'inherit', TypographyPropsVariantOverrides> | undefined;
   /**
    * The component maps the variant prop to a range of different HTML element types.
    * For instance, subtitle1 to `<h6>`.
@@ -74,7 +74,7 @@ export interface TypographyOwnProps extends Omit<SystemProps<Theme>, 'color'> {
    *   inherit: 'p',
    * }
    */
-  variantMapping?: Partial<Record<OverridableStringUnion<TypographyVariant | 'inherit', TypographyPropsVariantOverrides>, string>>;
+  variantMapping?: Partial<Record<OverridableStringUnion<TypographyVariant | 'inherit', TypographyPropsVariantOverrides>, string>> | undefined;
 }
 export interface TypographyTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'span'> {
   props: AdditionalProps & TypographyOwnProps;
@@ -94,6 +94,6 @@ export interface TypographyTypeMap<AdditionalProps = {}, RootComponent extends R
  */
 declare const Typography: OverridableComponent<TypographyTypeMap>;
 export type TypographyProps<RootComponent extends React.ElementType = TypographyTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<TypographyTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 export default Typography;

package/esm/Unstable_TrapFocus/FocusTrap.types.d.ts

@@ -9,7 +9,7 @@ export interface FocusTrapProps {
    * For instance, you can provide the "tabbable" npm dependency.
    * @param {HTMLElement} root
    */
-  getTabbable?: (root: HTMLElement) => ReadonlyArray<HTMLElement>;
+  getTabbable?: ((root: HTMLElement) => ReadonlyArray<HTMLElement>) | undefined;
   /**
    * This prop extends the `open` prop.
    * It allows to toggle the open state without having to wait for a rerender when changing the `open` prop.
@@ -19,13 +19,13 @@ export interface FocusTrapProps {
    *   return true;
    * }
    */
-  isEnabled?: () => boolean;
+  isEnabled?: (() => boolean) | undefined;
   /**
    * A single child content element.
    */
   children: React.ReactElement<{
-    onFocus?: React.FocusEventHandler;
-    ref?: React.RefCallback<any> | null;
+    onFocus?: React.FocusEventHandler | undefined;
+    ref?: React.RefCallback<any> | null | undefined;
   }>;
   /**
    * If `true`, the focus trap will not automatically shift focus to itself when it opens, and
@@ -36,7 +36,7 @@ export interface FocusTrapProps {
    * accessible to assistive technologies, like screen readers.
    * @default false
    */
-  disableAutoFocus?: boolean;
+  disableAutoFocus?: boolean | undefined;
   /**
    * If `true`, the focus trap will not prevent focus from leaving the focus trap while open.
    *
@@ -44,11 +44,11 @@ export interface FocusTrapProps {
    * accessible to assistive technologies, like screen readers.
    * @default false
    */
-  disableEnforceFocus?: boolean;
+  disableEnforceFocus?: boolean | undefined;
   /**
    * If `true`, the focus trap will not restore focus to previously focused element once
    * focus trap is hidden or unmounted.
    * @default false
    */
-  disableRestoreFocus?: boolean;
+  disableRestoreFocus?: boolean | undefined;
 }

package/esm/Zoom/Zoom.d.ts

@@ -6,7 +6,7 @@ export interface ZoomProps extends TransitionProps {
    * 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 ZoomProps extends TransitionProps {
    * 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.
@@ -29,7 +29,7 @@ export interface ZoomProps extends TransitionProps {
    *   exit: theme.transitions.duration.leavingScreen,
    * }
    */
-  timeout?: TransitionProps['timeout'];
+  timeout?: TransitionProps['timeout'] | undefined;
 }
 
 /**

package/esm/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/material v7.3.7
+ * @mui/material v7.3.9
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/esm/internal/SwitchBase.d.ts

@@ -27,34 +27,34 @@ type SwitchBaseSlotsAndSlotProps = CreateSlotsAndSlotProps<SwitchBaseSlots, {
   input: SlotProps<'input', {}, SwitchBaseOwnerState>;
 }>;
 export interface SwitchBaseProps extends StandardProps<ButtonBaseProps, 'children' | 'onChange' | 'type' | 'value'>, SwitchBaseSlotsAndSlotProps {
-  autoFocus?: boolean;
+  autoFocus?: boolean | undefined;
   /**
    * If `true`, the component is checked.
    */
-  checked?: boolean;
+  checked?: boolean | undefined;
   checkedIcon: React.ReactNode;
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<SwitchBaseClasses>;
+  classes?: Partial<SwitchBaseClasses> | undefined;
   /**
    * The default checked state. Use when the component is not controlled.
    */
-  defaultChecked?: boolean;
+  defaultChecked?: boolean | undefined;
   /**
    * If `true`, the component is disabled.
    */
-  disabled?: boolean;
+  disabled?: boolean | undefined;
   /**
    * If `true`, the ripple effect is disabled.
    * @default false
    */
-  disableRipple?: boolean;
+  disableRipple?: 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
@@ -62,26 +62,26 @@ export interface SwitchBaseProps extends StandardProps<ButtonBaseProps, 'childre
    * size and shape).
    * @default false
    */
-  edge?: 'start' | 'end' | false;
+  edge?: 'start' | 'end' | false | undefined;
   icon: React.ReactNode;
   /**
    * The id of the `input` element.
    */
-  id?: string;
+  id?: string | undefined;
   /**
    * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.
    * @deprecated Use `slotProps.input` 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.
    */
-  inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
+  inputProps?: React.InputHTMLAttributes<HTMLInputElement> | undefined;
   /**
    * Pass a ref to the `input` element.
    * @deprecated Use `slotProps.input.ref` 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.
    */
-  inputRef?: React.Ref<any>;
+  inputRef?: React.Ref<any> | undefined;
   /**
    * Name attribute of the `input` element.
    */
-  name?: string;
+  name?: string | undefined;
   /**
    * Callback fired when the state is changed.
    *
@@ -89,15 +89,15 @@ export interface SwitchBaseProps extends StandardProps<ButtonBaseProps, 'childre
    * You can pull out the new value by accessing `event.target.value` (string).
    * You can pull out the new checked state by accessing `event.target.checked` (boolean).
    */
-  onChange?: (event: React.ChangeEvent<HTMLInputElement>, checked: boolean) => void;
-  readOnly?: boolean;
+  onChange?: ((event: React.ChangeEvent<HTMLInputElement>, checked: boolean) => void) | undefined;
+  readOnly?: boolean | undefined;
   /**
    * If `true`, the `input` element is required.
    * @default false
    */
-  required?: boolean;
-  tabIndex?: number;
-  type?: React.InputHTMLAttributes<HTMLInputElement>['type'];
+  required?: boolean | undefined;
+  tabIndex?: number | undefined;
+  type?: React.InputHTMLAttributes<HTMLInputElement>['type'] | undefined;
   /**
    * The value of the component. The DOM API casts this to a string.
    */

package/esm/internal/SwitchBase.js

@@ -192,7 +192,6 @@ const SwitchBase = /*#__PURE__*/React.forwardRef(function SwitchBase(props, ref)
     additionalProps: {
       centerRipple: true,
       focusRipple: !disableFocusRipple,
-      disabled,
       role: undefined,
       tabIndex: null
     }

package/esm/internal/index.d.ts

@@ -9,9 +9,9 @@ import { StyledComponentProps } from "../styles/index.js";
  * It is recommended to declare them manually with an interface so that each class can have a separate JSDoc.
  */
 export type InternalStandardProps<ComponentProps, Removals extends keyof ComponentProps = never> = DistributiveOmit<ComponentProps, 'classes' | Removals> & StyledComponentProps<never> & {
-  ref?: ComponentProps extends {
-    ref?: infer RefType;
-  } ? RefType : React.Ref<unknown>;
-  className?: string;
-  style?: React.CSSProperties;
+  ref?: (ComponentProps extends {
+    ref?: infer RefType | undefined;
+  } ? RefType : React.Ref<unknown>) | undefined;
+  className?: string | undefined;
+  style?: React.CSSProperties | undefined;
 };

package/esm/locale/utils/LocaleTextApi.d.ts

@@ -3,21 +3,21 @@ export interface Localization {
   components?: {
     MuiAlert?: {
       defaultProps: Pick<ComponentsPropsList['MuiAlert'], 'closeText'>;
-    };
+    } | undefined;
     MuiBreadcrumbs?: {
       defaultProps: Pick<ComponentsPropsList['MuiBreadcrumbs'], 'expandText'>;
-    };
+    } | undefined;
     MuiTablePagination?: {
       defaultProps: Pick<ComponentsPropsList['MuiTablePagination'], 'labelRowsPerPage' | 'labelDisplayedRows' | 'getItemAriaLabel'>;
-    };
+    } | undefined;
     MuiRating?: {
       defaultProps: Pick<ComponentsPropsList['MuiRating'], 'emptyLabelText' | 'getLabelText'>;
-    };
+    } | undefined;
     MuiAutocomplete?: {
       defaultProps: Pick<ComponentsPropsList['MuiAutocomplete'], 'clearText' | 'closeText' | 'loadingText' | 'noOptionsText' | 'openText'>;
-    };
+    } | undefined;
     MuiPagination?: {
       defaultProps: Pick<ComponentsPropsList['MuiPagination'], 'aria-label' | 'getItemAriaLabel'>;
-    };
-  };
+    } | undefined;
+  } | undefined;
 }

package/esm/styles/ThemeProvider.d.ts

@@ -9,24 +9,24 @@ type ThemeProviderCssVariablesProps = CssThemeVariables extends {
    * The node for attaching the `theme.colorSchemeSelector`.
    * @default document
    */
-  colorSchemeNode?: Element | null;
+  colorSchemeNode?: Element | null | undefined;
   /**
    * If `true`, the provider creates its own context and generate stylesheet as if it is a root `ThemeProvider`.
    */
-  disableNestedContext?: boolean;
+  disableNestedContext?: boolean | undefined;
   /**
    * If `true`, the style sheet for CSS theme variables won't be generated.
    *
    * This is useful for controlling nested ThemeProvider behavior.
    * @default false
    */
-  disableStyleSheetGeneration?: boolean;
+  disableStyleSheetGeneration?: boolean | undefined;
   /**
    * If `true`, theme values are recalculated when the mode changes.
    * The `theme.colorSchemes.{mode}.*` nodes will be shallow merged to the top-level of the theme.
    * @default false
    */
-  forceThemeRerender?: boolean;
+  forceThemeRerender?: boolean | undefined;
 } : {};
 export interface ThemeProviderProps<Theme = DefaultTheme> extends ThemeProviderCssVariablesProps {
   children?: React.ReactNode;
@@ -35,39 +35,39 @@ export interface ThemeProviderProps<Theme = DefaultTheme> extends ThemeProviderC
    * The document used to perform `disableTransitionOnChange` feature
    * @default document
    */
-  documentNode?: Document | null;
+  documentNode?: Document | null | undefined;
   /**
    * The default mode when the local storage has no mode yet,
    * requires the theme to have `colorSchemes` with light and dark.
    * @default 'system'
    */
-  defaultMode?: 'light' | 'dark' | 'system';
+  defaultMode?: 'light' | 'dark' | 'system' | undefined;
   /**
    * The window that attaches the 'storage' event listener
    * @default window
    */
-  storageWindow?: Window | null;
+  storageWindow?: Window | null | undefined;
   /**
    * The storage manager to be used for storing the mode and color scheme
    * @default using `window.localStorage`
    */
-  storageManager?: StorageManager | null;
+  storageManager?: StorageManager | null | undefined;
   /**
    * localStorage key used to store application `mode`
    * @default 'mui-mode'
    */
-  modeStorageKey?: string;
+  modeStorageKey?: string | undefined;
   /**
    * localStorage key used to store `colorScheme`
    * @default 'mui-color-scheme'
    */
-  colorSchemeStorageKey?: string;
-  noSsr?: boolean;
+  colorSchemeStorageKey?: string | undefined;
+  noSsr?: boolean | undefined;
   /**
    * Disable CSS transitions when switching between modes or color schemes
    * @default false
    */
-  disableTransitionOnChange?: boolean;
+  disableTransitionOnChange?: boolean | undefined;
 }
 export default function ThemeProvider<Theme = DefaultTheme>({
   theme,