@mui/material 7.3.8 → 7.3.9

package/Slider/Slider.d.ts

@@ -19,22 +19,22 @@ export interface SliderOwnProps<Value extends number | number[]> {
   /**
    * The label of the slider.
    */
-  'aria-label'?: string;
+  'aria-label'?: string | undefined;
   /**
    * The id of the element containing a label for the slider.
    */
-  'aria-labelledby'?: string;
+  'aria-labelledby'?: string | undefined;
   /**
    * A string value that provides a user-friendly name for the current value of the slider.
    */
-  'aria-valuetext'?: string;
+  'aria-valuetext'?: string | 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', SliderPropsColorOverrides>;
+  color?: OverridableStringUnion<'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning', SliderPropsColorOverrides> | undefined;
   /**
    * The components used for each slot inside.
    *
@@ -43,15 +43,15 @@ export interface SliderOwnProps<Value extends number | number[]> {
    * @default {}
    */
   components?: {
-    Root?: React.ElementType;
-    Track?: React.ElementType;
-    Rail?: React.ElementType;
-    Thumb?: React.ElementType;
-    Mark?: React.ElementType;
-    MarkLabel?: React.ElementType;
-    ValueLabel?: React.ElementType;
-    Input?: React.ElementType;
-  };
+    Root?: React.ElementType | undefined;
+    Track?: React.ElementType | undefined;
+    Rail?: React.ElementType | undefined;
+    Thumb?: React.ElementType | undefined;
+    Mark?: React.ElementType | undefined;
+    MarkLabel?: React.ElementType | undefined;
+    ValueLabel?: 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.
@@ -61,44 +61,44 @@ export interface SliderOwnProps<Value extends number | number[]> {
    * @default {}
    */
   componentsProps?: {
-    root?: SlotComponentProps<'span', SliderComponentsPropsOverrides, SliderOwnerState>;
-    track?: SlotComponentProps<'span', SliderComponentsPropsOverrides, SliderOwnerState>;
-    rail?: SlotComponentProps<'span', SliderComponentsPropsOverrides, SliderOwnerState>;
-    thumb?: SlotComponentProps<'span', SliderComponentsPropsOverrides, SliderOwnerState>;
-    mark?: SlotComponentProps<'span', SliderComponentsPropsOverrides, SliderOwnerState>;
-    markLabel?: SlotComponentProps<'span', SliderComponentsPropsOverrides, SliderOwnerState>;
-    valueLabel?: SlotComponentProps<typeof SliderValueLabelComponent, SliderComponentsPropsOverrides, SliderOwnerState>;
-    input?: SlotComponentProps<'input', SliderComponentsPropsOverrides, SliderOwnerState>;
-  };
+    root?: SlotComponentProps<'span', SliderComponentsPropsOverrides, SliderOwnerState> | undefined;
+    track?: SlotComponentProps<'span', SliderComponentsPropsOverrides, SliderOwnerState> | undefined;
+    rail?: SlotComponentProps<'span', SliderComponentsPropsOverrides, SliderOwnerState> | undefined;
+    thumb?: SlotComponentProps<'span', SliderComponentsPropsOverrides, SliderOwnerState> | undefined;
+    mark?: SlotComponentProps<'span', SliderComponentsPropsOverrides, SliderOwnerState> | undefined;
+    markLabel?: SlotComponentProps<'span', SliderComponentsPropsOverrides, SliderOwnerState> | undefined;
+    valueLabel?: SlotComponentProps<typeof SliderValueLabelComponent, SliderComponentsPropsOverrides, SliderOwnerState> | undefined;
+    input?: SlotComponentProps<'input', SliderComponentsPropsOverrides, SliderOwnerState> | undefined;
+  } | undefined;
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<SliderClasses>;
+  classes?: Partial<SliderClasses> | undefined;
   /**
    * @ignore
    */
-  className?: string;
+  className?: string | undefined;
   /**
    * The default value. Use when the component is not controlled.
    */
-  defaultValue?: Value;
+  defaultValue?: Value | undefined;
   /**
    * If `true`, the component is disabled.
    * @default false
    */
-  disabled?: boolean;
+  disabled?: boolean | undefined;
   /**
    * If `true`, the active thumb doesn't swap when moving pointer over a thumb while dragging another thumb.
    * @default false
    */
-  disableSwap?: boolean;
+  disableSwap?: boolean | undefined;
   /**
    * Accepts a function which returns a string value that provides a user-friendly name for the thumb labels of the slider.
    * This is important for screen reader users.
    * @param {number} index The thumb label's index to format.
    * @returns {string}
    */
-  getAriaLabel?: (index: number) => string;
+  getAriaLabel?: ((index: number) => string) | undefined;
   /**
    * Accepts a function which returns a string value that provides a user-friendly name for the current value of the slider.
    * This is important for screen reader users.
@@ -106,30 +106,30 @@ export interface SliderOwnProps<Value extends number | number[]> {
    * @param {number} index The thumb label's index to format.
    * @returns {string}
    */
-  getAriaValueText?: (value: number, index: number) => string;
+  getAriaValueText?: ((value: number, index: number) => string) | undefined;
   /**
    * Marks indicate predetermined values to which the user can move the slider.
    * If `true` the marks are spaced according the value of the `step` prop.
    * If an array, it should contain objects with `value` and an optional `label` keys.
    * @default false
    */
-  marks?: boolean | readonly Mark[];
+  marks?: boolean | readonly Mark[] | undefined;
   /**
    * The maximum allowed value of the slider.
    * Should not be equal to min.
    * @default 100
    */
-  max?: number;
+  max?: number | undefined;
   /**
    * The minimum allowed value of the slider.
    * Should not be equal to max.
    * @default 0
    */
-  min?: number;
+  min?: number | undefined;
   /**
    * Name attribute of the hidden `input` element.
    */
-  name?: string;
+  name?: string | undefined;
   /**
    * Callback function that is fired when the slider's value changed.
    *
@@ -139,19 +139,19 @@ export interface SliderOwnProps<Value extends number | number[]> {
    * @param {Value} value The new value.
    * @param {number} activeThumb Index of the currently moved thumb.
    */
-  onChange?: (event: Event, value: Value, activeThumb: number) => void;
+  onChange?: ((event: Event, value: Value, activeThumb: number) => void) | undefined;
   /**
    * Callback function that is fired when the `mouseup` is triggered.
    *
    * @param {React.SyntheticEvent | Event} event The event source of the callback. **Warning**: This is a generic event not a change event.
    * @param {Value} value The new value.
    */
-  onChangeCommitted?: (event: React.SyntheticEvent | Event, value: Value) => void;
+  onChangeCommitted?: ((event: React.SyntheticEvent | Event, value: Value) => void) | undefined;
   /**
    * The component orientation.
    * @default 'horizontal'
    */
-  orientation?: 'horizontal' | 'vertical';
+  orientation?: 'horizontal' | 'vertical' | undefined;
   /**
    * A transformation function, to change the scale of the slider.
    * @param {any} x
@@ -160,46 +160,46 @@ export interface SliderOwnProps<Value extends number | number[]> {
    *   return x;
    * }
    */
-  scale?: (value: number) => number;
+  scale?: ((value: number) => number) | undefined;
   /**
    * The granularity with which the slider can step through values when using Page Up/Page Down or Shift + Arrow Up/Arrow Down.
    * @default 10
    */
-  shiftStep?: number;
+  shiftStep?: number | undefined;
   /**
    * The size of the slider.
    * @default 'medium'
    */
-  size?: OverridableStringUnion<'small' | 'medium', SliderPropsSizeOverrides>;
+  size?: OverridableStringUnion<'small' | 'medium', SliderPropsSizeOverrides> | undefined;
   /**
    * The props used for each slot inside the Slider.
    * @default {}
    */
   slotProps?: {
-    root?: SlotComponentProps<'span', SliderComponentsPropsOverrides, SliderOwnerState>;
-    track?: SlotComponentProps<'span', SliderComponentsPropsOverrides, SliderOwnerState>;
-    rail?: SlotComponentProps<'span', SliderComponentsPropsOverrides, SliderOwnerState>;
-    thumb?: SlotComponentProps<'span', SliderComponentsPropsOverrides, SliderOwnerState>;
-    mark?: SlotComponentProps<'span', SliderComponentsPropsOverrides, SliderOwnerState>;
-    markLabel?: SlotComponentProps<'span', SliderComponentsPropsOverrides, SliderOwnerState>;
-    valueLabel?: SlotComponentProps<typeof SliderValueLabelComponent, SliderComponentsPropsOverrides, SliderOwnerState>;
-    input?: SlotComponentProps<'input', SliderComponentsPropsOverrides, SliderOwnerState>;
-  };
+    root?: SlotComponentProps<'span', SliderComponentsPropsOverrides, SliderOwnerState> | undefined;
+    track?: SlotComponentProps<'span', SliderComponentsPropsOverrides, SliderOwnerState> | undefined;
+    rail?: SlotComponentProps<'span', SliderComponentsPropsOverrides, SliderOwnerState> | undefined;
+    thumb?: SlotComponentProps<'span', SliderComponentsPropsOverrides, SliderOwnerState> | undefined;
+    mark?: SlotComponentProps<'span', SliderComponentsPropsOverrides, SliderOwnerState> | undefined;
+    markLabel?: SlotComponentProps<'span', SliderComponentsPropsOverrides, SliderOwnerState> | undefined;
+    valueLabel?: SlotComponentProps<typeof SliderValueLabelComponent, SliderComponentsPropsOverrides, SliderOwnerState> | undefined;
+    input?: SlotComponentProps<'input', SliderComponentsPropsOverrides, SliderOwnerState> | undefined;
+  } | undefined;
   /**
    * The components used for each slot inside the Slider.
    * Either a string to use a HTML element or a component.
    * @default {}
    */
   slots?: {
-    root?: React.ElementType;
-    track?: React.ElementType;
-    rail?: React.ElementType;
-    thumb?: React.ElementType;
-    mark?: React.ElementType;
-    markLabel?: React.ElementType;
-    valueLabel?: React.ElementType;
-    input?: React.ElementType;
-  };
+    root?: React.ElementType | undefined;
+    track?: React.ElementType | undefined;
+    rail?: React.ElementType | undefined;
+    thumb?: React.ElementType | undefined;
+    mark?: React.ElementType | undefined;
+    markLabel?: React.ElementType | undefined;
+    valueLabel?: React.ElementType | undefined;
+    input?: React.ElementType | undefined;
+  } | undefined;
   /**
    * The granularity with which the slider can step through values. (A "discrete" slider.)
    * The `min` prop serves as the origin for the valid values.
@@ -208,15 +208,15 @@ export interface SliderOwnProps<Value extends number | number[]> {
    * When step is `null`, the thumb can only be slid onto marks provided with the `marks` prop.
    * @default 1
    */
-  step?: number | null;
+  step?: number | null | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
   /**
    * Tab index attribute of the hidden `input` element.
    */
-  tabIndex?: number;
+  tabIndex?: number | undefined;
   /**
    * The track presentation:
    *
@@ -225,12 +225,12 @@ export interface SliderOwnProps<Value extends number | number[]> {
    * - `false` the track will render without a bar.
    * @default 'normal'
    */
-  track?: 'normal' | false | 'inverted';
+  track?: 'normal' | false | 'inverted' | undefined;
   /**
    * The value of the slider.
    * For ranged sliders, provide an array with two values.
    */
-  value?: Value;
+  value?: Value | undefined;
   /**
    * Controls when the value label is displayed:
    *
@@ -239,7 +239,7 @@ export interface SliderOwnProps<Value extends number | number[]> {
    * - `off` will never display.
    * @default 'off'
    */
-  valueLabelDisplay?: 'on' | 'auto' | 'off';
+  valueLabelDisplay?: 'on' | 'auto' | 'off' | undefined;
   /**
    * The format function the value label's value.
    *
@@ -253,7 +253,7 @@ export interface SliderOwnProps<Value extends number | number[]> {
    *   return x;
    * }
    */
-  valueLabelFormat?: string | ((value: number, index: number) => React.ReactNode);
+  valueLabelFormat?: string | ((value: number, index: number) => React.ReactNode) | undefined;
 }
 export interface SliderTypeMap<RootComponent extends React.ElementType = 'span', AdditionalProps = {}, Value extends number | number[] = number | number[]> {
   props: AdditionalProps & SliderOwnProps<Value>;
@@ -293,6 +293,6 @@ export declare const SliderValueLabel: React.FC<SliderValueLabelProps>;
  */
 declare const Slider: SliderType;
 export type SliderProps<RootComponent extends React.ElementType = SliderTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<SliderTypeMap<RootComponent, AdditionalProps>, RootComponent> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 export default Slider;

package/Slider/SliderValueLabel.d.ts

@@ -4,7 +4,7 @@ import { SliderValueLabelProps } from "./SliderValueLabel.types.js";
  * @ignore - internal component.
  */
 declare function SliderValueLabel(props: SliderValueLabelProps): React.ReactElement<{
-  className?: string;
+  className?: string | undefined;
   children?: React.ReactNode;
 }, string | React.JSXElementConstructor<any>> | null;
 declare namespace SliderValueLabel {

package/Slider/SliderValueLabel.types.d.ts

@@ -1,10 +1,10 @@
 export interface SliderValueLabelProps {
   children?: React.ReactElement<{
-    className?: string;
+    className?: string | undefined;
     children?: React.ReactNode;
-  }>;
-  className?: string;
-  style?: React.CSSProperties;
+  }> | undefined;
+  className?: string | undefined;
+  style?: React.CSSProperties | undefined;
   /**
    * If `true`, the value label is visible.
    */
@@ -21,5 +21,5 @@ export interface SliderValueLabelProps {
    * - `off` will never display.
    * @default 'off'
    */
-  valueLabelDisplay?: 'on' | 'auto' | 'off';
+  valueLabelDisplay?: 'on' | 'auto' | 'off' | undefined;
 }

package/Slider/useSlider.types.d.ts

@@ -3,49 +3,49 @@ export interface UseSliderParameters {
   /**
    * The id of the element containing a label for the slider.
    */
-  'aria-labelledby'?: string;
+  'aria-labelledby'?: string | undefined;
   /**
    * The default value. Use when the component is not controlled.
    */
-  defaultValue?: number | ReadonlyArray<number>;
+  defaultValue?: number | ReadonlyArray<number> | undefined;
   /**
    * If `true`, the component is disabled.
    * @default false
    */
-  disabled?: boolean;
+  disabled?: boolean | undefined;
   /**
    * If `true`, the active thumb doesn't swap when moving pointer over a thumb while dragging another thumb.
    * @default false
    */
-  disableSwap?: boolean;
+  disableSwap?: boolean | undefined;
   /**
    * If `true` the Slider will be rendered right-to-left (with the lowest value on the right-hand side).
    * @default false
    */
-  isRtl?: boolean;
+  isRtl?: boolean | undefined;
   /**
    * Marks indicate predetermined values to which the user can move the slider.
    * If `true` the marks are spaced according the value of the `step` prop.
    * If an array, it should contain objects with `value` and an optional `label` keys.
    * @default false
    */
-  marks?: boolean | ReadonlyArray<Mark>;
+  marks?: boolean | ReadonlyArray<Mark> | undefined;
   /**
    * The maximum allowed value of the slider.
    * Should not be equal to min.
    * @default 100
    */
-  max?: number;
+  max?: number | undefined;
   /**
    * The minimum allowed value of the slider.
    * Should not be equal to max.
    * @default 0
    */
-  min?: number;
+  min?: number | undefined;
   /**
    * Name attribute of the hidden `input` element.
    */
-  name?: string;
+  name?: string | undefined;
   /**
    * Callback function that is fired when the slider's value changed.
    *
@@ -55,23 +55,23 @@ export interface UseSliderParameters {
    * @param {number | number[]} value The new value.
    * @param {number} activeThumb Index of the currently moved thumb.
    */
-  onChange?: (event: Event, value: number | number[], activeThumb: number) => void;
+  onChange?: ((event: Event, value: number | number[], activeThumb: number) => void) | undefined;
   /**
    * Callback function that is fired when the `mouseup` is triggered.
    *
    * @param {React.SyntheticEvent | Event} event The event source of the callback. **Warning**: This is a generic event not a change event.
    * @param {number | number[]} value The new value.
    */
-  onChangeCommitted?: (event: React.SyntheticEvent | Event, value: number | number[]) => void;
+  onChangeCommitted?: ((event: React.SyntheticEvent | Event, value: number | number[]) => void) | undefined;
   /**
    * The component orientation.
    * @default 'horizontal'
    */
-  orientation?: 'horizontal' | 'vertical';
+  orientation?: 'horizontal' | 'vertical' | undefined;
   /**
    * The ref attached to the root of the Slider.
    */
-  rootRef?: React.Ref<Element>;
+  rootRef?: React.Ref<Element> | undefined;
   /**
    * A transformation function, to change the scale of the slider.
    * @param {any} x
@@ -80,12 +80,12 @@ export interface UseSliderParameters {
    *   return x;
    * }
    */
-  scale?: (value: number) => number;
+  scale?: ((value: number) => number) | undefined;
   /**
    * The granularity with which the slider can step through values when using Page Up/Page Down or Shift + Arrow Up/Arrow Down.
    * @default 10
    */
-  shiftStep?: number;
+  shiftStep?: number | undefined;
   /**
    * The granularity with which the slider can step through values. (A "discrete" slider.)
    * The `min` prop serves as the origin for the valid values.
@@ -94,16 +94,16 @@ export interface UseSliderParameters {
    * When step is `null`, the thumb can only be slid onto marks provided with the `marks` prop.
    * @default 1
    */
-  step?: number | null;
+  step?: number | null | undefined;
   /**
    * Tab index attribute of the hidden `input` element.
    */
-  tabIndex?: number;
+  tabIndex?: number | undefined;
   /**
    * The value of the slider.
    * For ranged sliders, provide an array with two values.
    */
-  value?: number | ReadonlyArray<number>;
+  value?: number | ReadonlyArray<number> | undefined;
 }
 export interface Mark {
   value: number;
@@ -120,19 +120,19 @@ export type UseSliderThumbSlotOwnProps = {
 };
 export type UseSliderThumbSlotProps<ExternalProps = {}> = Omit<ExternalProps, keyof UseSliderThumbSlotOwnProps> & UseSliderThumbSlotOwnProps;
 export type UseSliderHiddenInputOwnProps = {
-  'aria-labelledby'?: string;
-  'aria-orientation'?: React.AriaAttributes['aria-orientation'];
-  'aria-valuemax'?: React.AriaAttributes['aria-valuemax'];
-  'aria-valuemin'?: React.AriaAttributes['aria-valuemin'];
+  'aria-labelledby'?: string | undefined;
+  'aria-orientation'?: React.AriaAttributes['aria-orientation'] | undefined;
+  'aria-valuemax'?: React.AriaAttributes['aria-valuemax'] | undefined;
+  'aria-valuemin'?: React.AriaAttributes['aria-valuemin'] | undefined;
   disabled: boolean;
-  name?: string;
+  name?: string | undefined;
   onBlur: React.FocusEventHandler;
   onChange: React.ChangeEventHandler;
   onFocus: React.FocusEventHandler;
-  step?: number | 'any';
+  step?: number | 'any' | undefined;
   style: React.CSSProperties;
-  tabIndex?: number;
-  type?: React.InputHTMLAttributes<HTMLInputElement>['type'];
+  tabIndex?: number | undefined;
+  type?: React.InputHTMLAttributes<HTMLInputElement>['type'] | undefined;
 };
 export type UseSliderHiddenInputProps<ExternalProps = {}> = Omit<ExternalProps, keyof UseSliderHiddenInputOwnProps> & UseSliderHiddenInputOwnProps;
 export type Axis = 'horizontal' | 'vertical' | 'horizontal-reverse';

package/Snackbar/Snackbar.d.ts

@@ -65,14 +65,14 @@ export interface SnackbarProps extends Omit<StandardProps<React.HTMLAttributes<H
   /**
    * The action to display. It renders after the message, at the end of the snackbar.
    */
-  action?: SnackbarContentProps['action'];
+  action?: SnackbarContentProps['action'] | undefined;
   /**
    * The anchor of the `Snackbar`.
    * On smaller screens, the component grows to occupy all the available width,
    * the horizontal alignment is ignored.
    * @default { vertical: 'bottom', horizontal: 'left' }
    */
-  anchorOrigin?: SnackbarOrigin;
+  anchorOrigin?: SnackbarOrigin | undefined;
   /**
    * The number of milliseconds to wait before automatically calling the
    * `onClose` function. `onClose` should then set the state of the `open`
@@ -80,30 +80,30 @@ export interface SnackbarProps extends Omit<StandardProps<React.HTMLAttributes<H
    * the `null` value.
    * @default null
    */
-  autoHideDuration?: number | null;
+  autoHideDuration?: number | null | undefined;
   /**
    * Replace the `SnackbarContent` component.
    */
-  children?: React.ReactElement<unknown, any>;
+  children?: React.ReactElement<unknown, any> | undefined;
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<SnackbarClasses>;
+  classes?: Partial<SnackbarClasses> | undefined;
   /**
    * Props applied to the `ClickAwayListener` element.
    * @deprecated Use `slotProps.clickAwayListener` 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.
    */
-  ClickAwayListenerProps?: Partial<ClickAwayListenerProps>;
+  ClickAwayListenerProps?: Partial<ClickAwayListenerProps> | undefined;
   /**
    * Props applied to the [`SnackbarContent`](https://mui.com/material-ui/api/snackbar-content/) element.
    * @deprecated Use `slotProps.content` 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.
    */
-  ContentProps?: Partial<SnackbarContentProps>;
+  ContentProps?: Partial<SnackbarContentProps> | undefined;
   /**
    * If `true`, the `autoHideDuration` timer will expire even if the window is not focused.
    * @default false
    */
-  disableWindowBlurListener?: boolean;
+  disableWindowBlurListener?: boolean | undefined;
   /**
    * When displaying multiple consecutive snackbars using a single parent-rendered
    * `<Snackbar/>`, add the `key` prop to ensure independent treatment of each message.
@@ -114,7 +114,7 @@ export interface SnackbarProps extends Omit<StandardProps<React.HTMLAttributes<H
   /**
    * The message to display.
    */
-  message?: SnackbarContentProps['message'];
+  message?: SnackbarContentProps['message'] | undefined;
   /**
    * Callback fired when the component requests to be closed.
    * Typically `onClose` is used to set state in the parent component,
@@ -125,22 +125,22 @@ export interface SnackbarProps extends Omit<StandardProps<React.HTMLAttributes<H
    * @param {React.SyntheticEvent<any> | Event} event The event source of the callback.
    * @param {string} reason Can be: `"timeout"` (`autoHideDuration` expired), `"clickaway"`, or `"escapeKeyDown"`.
    */
-  onClose?: (event: React.SyntheticEvent<any> | Event, reason: SnackbarCloseReason) => void;
+  onClose?: ((event: React.SyntheticEvent<any> | Event, reason: SnackbarCloseReason) => void) | undefined;
   /**
    * If `true`, the component is shown.
    */
-  open?: boolean;
+  open?: boolean | undefined;
   /**
    * The number of milliseconds to wait before dismissing after user interaction.
    * If `autoHideDuration` prop isn't specified, it does nothing.
    * If `autoHideDuration` prop is specified but `resumeHideDuration` isn't,
    * we default to `autoHideDuration / 2` ms.
    */
-  resumeHideDuration?: number;
+  resumeHideDuration?: number | 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.
@@ -149,7 +149,7 @@ export interface SnackbarProps extends Omit<StandardProps<React.HTMLAttributes<H
    */
   TransitionComponent?: React.JSXElementConstructor<TransitionProps & {
     children: React.ReactElement<unknown, any>;
-  }>;
+  }> | undefined;
   /**
    * The duration for the transition, in milliseconds.
    * You may specify a single timeout for all transitions, or individually with an object.
@@ -158,14 +158,14 @@ export interface SnackbarProps extends Omit<StandardProps<React.HTMLAttributes<H
    *   exit: theme.transitions.duration.leavingScreen,
    * }
    */
-  transitionDuration?: TransitionProps['timeout'];
+  transitionDuration?: TransitionProps['timeout'] | 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.
    * @default {}
    */
-  TransitionProps?: TransitionProps;
+  TransitionProps?: TransitionProps | undefined;
 }
 
 /**

package/Snackbar/useSnackbar.types.d.ts

@@ -7,12 +7,12 @@ export interface UseSnackbarParameters {
    * the `null` value.
    * @default null
    */
-  autoHideDuration?: number | null;
+  autoHideDuration?: number | null | undefined;
   /**
    * If `true`, the `autoHideDuration` timer will expire even if the window is not focused.
    * @default false
    */
-  disableWindowBlurListener?: boolean;
+  disableWindowBlurListener?: boolean | undefined;
   /**
    * Callback fired when the component requests to be closed.
    * Typically `onClose` is used to set state in the parent component,
@@ -23,18 +23,18 @@ export interface UseSnackbarParameters {
    * @param {React.SyntheticEvent<any> | Event} event The event source of the callback.
    * @param {string} reason Can be: `"timeout"` (`autoHideDuration` expired), `"clickaway"`, or `"escapeKeyDown"`.
    */
-  onClose?: (event: React.SyntheticEvent<any> | Event | null, reason: SnackbarCloseReason) => void;
+  onClose?: ((event: React.SyntheticEvent<any> | Event | null, reason: SnackbarCloseReason) => void) | undefined;
   /**
    * If `true`, the component is shown.
    */
-  open?: boolean;
+  open?: boolean | undefined;
   /**
    * The number of milliseconds to wait before dismissing after user interaction.
    * If `autoHideDuration` prop isn't specified, it does nothing.
    * If `autoHideDuration` prop is specified but `resumeHideDuration` isn't,
    * we default to `autoHideDuration / 2` ms.
    */
-  resumeHideDuration?: number;
+  resumeHideDuration?: number | undefined;
 }
 export type UseSnackbarRootSlotProps<ExternalProps = {}> = ExternalProps & UseSnackbarRootSlotOwnProps;
 export interface UseSnackbarRootSlotOwnProps {
@@ -42,7 +42,7 @@ export interface UseSnackbarRootSlotOwnProps {
   onFocus: React.FocusEventHandler;
   onMouseEnter: React.MouseEventHandler;
   onMouseLeave: React.MouseEventHandler;
-  ref?: React.RefCallback<Element>;
+  ref?: React.RefCallback<Element> | undefined;
   role: React.AriaRole;
 }
 export interface UseSnackbarReturnValue {

package/SnackbarContent/SnackbarContent.d.ts

@@ -12,7 +12,7 @@ export interface SnackbarContentProps extends StandardProps<PaperProps, 'childre
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<SnackbarContentClasses>;
+  classes?: Partial<SnackbarContentClasses> | undefined;
   /**
    * The message to display.
    */
@@ -21,11 +21,11 @@ export interface SnackbarContentProps extends StandardProps<PaperProps, 'childre
    * The ARIA role attribute of the element.
    * @default 'alert'
    */
-  role?: PaperProps['role'];
+  role?: PaperProps['role'] | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
 }
 
 /**