@mui/material 7.3.8 → 7.3.9

package/esm/GridLegacy/GridLegacy.d.ts

@@ -18,7 +18,7 @@ export interface RegularBreakpoints {
    * The value is applied for the `lg` breakpoint and wider screens if not overridden.
    * @default false
    */
-  lg?: boolean | GridLegacySize;
+  lg?: boolean | GridLegacySize | undefined;
   /**
    * If a number, it sets the number of columns the grid item uses.
    * It can't be greater than the total number of columns of the container (12 by default).
@@ -28,7 +28,7 @@ export interface RegularBreakpoints {
    * The value is applied for the `md` breakpoint and wider screens if not overridden.
    * @default false
    */
-  md?: boolean | GridLegacySize;
+  md?: boolean | GridLegacySize | undefined;
   /**
    * If a number, it sets the number of columns the grid item uses.
    * It can't be greater than the total number of columns of the container (12 by default).
@@ -38,7 +38,7 @@ export interface RegularBreakpoints {
    * The value is applied for the `sm` breakpoint and wider screens if not overridden.
    * @default false
    */
-  sm?: boolean | GridLegacySize;
+  sm?: boolean | GridLegacySize | undefined;
   /**
    * If a number, it sets the number of columns the grid item uses.
    * It can't be greater than the total number of columns of the container (12 by default).
@@ -48,7 +48,7 @@ export interface RegularBreakpoints {
    * The value is applied for the `xl` breakpoint and wider screens if not overridden.
    * @default false
    */
-  xl?: boolean | GridLegacySize;
+  xl?: boolean | GridLegacySize | undefined;
   /**
    * If a number, it sets the number of columns the grid item uses.
    * It can't be greater than the total number of columns of the container (12 by default).
@@ -58,7 +58,7 @@ export interface RegularBreakpoints {
    * The value is applied for all the screen sizes with the lowest priority.
    * @default false
    */
-  xs?: boolean | GridLegacySize;
+  xs?: boolean | GridLegacySize | undefined;
 }
 type CustomBreakpoints = Partial<Record<Breakpoint, boolean | GridLegacySize>>;
 interface BreakpointOverridesEmpty {}
@@ -71,62 +71,62 @@ export interface GridLegacyOwnProps extends SystemProps<Theme>, Breakpoints {
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<GridLegacyClasses>;
+  classes?: Partial<GridLegacyClasses> | undefined;
   /**
    * The number of columns.
    * @default 12
    */
-  columns?: ResponsiveStyleValue<number>;
+  columns?: ResponsiveStyleValue<number> | undefined;
   /**
    * Defines the horizontal space between the type `item` components.
    * It overrides the value of the `spacing` prop.
    */
-  columnSpacing?: ResponsiveStyleValue<GridLegacySpacing>;
+  columnSpacing?: ResponsiveStyleValue<GridLegacySpacing> | undefined;
   /**
    * If `true`, the component will have the flex *container* behavior.
    * You should be wrapping *items* with a *container*.
    * @default false
    */
-  container?: boolean;
+  container?: boolean | undefined;
   /**
    * Defines the `flex-direction` style property.
    * It is applied for all screen sizes.
    * @default 'row'
    */
-  direction?: ResponsiveStyleValue<GridLegacyDirection>;
+  direction?: ResponsiveStyleValue<GridLegacyDirection> | undefined;
   /**
    * If `true`, the component will have the flex *item* behavior.
    * You should be wrapping *items* with a *container*.
    * @default false
    */
-  item?: boolean;
+  item?: boolean | undefined;
   /**
    * Defines the vertical space between the type `item` components.
    * It overrides the value of the `spacing` prop.
    */
-  rowSpacing?: ResponsiveStyleValue<GridLegacySpacing>;
+  rowSpacing?: ResponsiveStyleValue<GridLegacySpacing> | undefined;
   /**
    * Defines the space between the type `item` components.
    * It can only be used on a type `container` component.
    * @default 0
    */
-  spacing?: ResponsiveStyleValue<GridLegacySpacing>;
+  spacing?: ResponsiveStyleValue<GridLegacySpacing> | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
   /**
    * Defines the `flex-wrap` style property.
    * It's applied for all screen sizes.
    * @default 'wrap'
    */
-  wrap?: GridLegacyWrap;
+  wrap?: GridLegacyWrap | undefined;
   /**
    * If `true`, it sets `min-width: 0` on the item.
    * Refer to the limitations section of the documentation to better understand the use case.
    * @default false
    */
-  zeroMinWidth?: boolean;
+  zeroMinWidth?: boolean | undefined;
 }
 
 /**
@@ -155,6 +155,6 @@ declare const GridLegacy: OverridableComponent<GridLegacyTypeMap>;
  * @deprecated Use the [`Grid`](https://mui.com/material-ui/react-grid/) component instead.
  */
 export type GridLegacyProps<RootComponent extends React.ElementType = GridLegacyTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<GridLegacyTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 export default GridLegacy;

package/esm/Grow/Grow.d.ts

@@ -6,7 +6,7 @@ export interface GrowProps extends Omit<TransitionProps, 'timeout'> {
    * 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 GrowProps extends Omit<TransitionProps, 'timeout'> {
    * 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.
@@ -28,7 +28,7 @@ export interface GrowProps extends Omit<TransitionProps, 'timeout'> {
    * Set to 'auto' to automatically calculate transition time based on height.
    * @default 'auto'
    */
-  timeout?: TransitionProps['timeout'] | 'auto';
+  timeout?: TransitionProps['timeout'] | 'auto' | undefined;
 }
 
 /**

package/esm/Icon/Icon.d.ts

@@ -12,7 +12,7 @@ export interface IconOwnProps {
    * other base class that suits the icon font you're using (for example material-icons-rounded, fas, etc).
    * @default 'material-icons'
    */
-  baseClassName?: string;
+  baseClassName?: string | undefined;
   /**
    * The name of the icon font ligature.
    */
@@ -20,23 +20,23 @@ export interface IconOwnProps {
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<IconClasses>;
+  classes?: Partial<IconClasses> | 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 'inherit'
    */
-  color?: OverridableStringUnion<'inherit' | 'action' | 'disabled' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning', IconPropsColorOverrides>;
+  color?: OverridableStringUnion<'inherit' | 'action' | 'disabled' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning', IconPropsColorOverrides> | undefined;
   /**
    * The fontSize applied to the icon. Defaults to 24px, but can be configure to inherit font size.
    * @default 'medium'
    */
-  fontSize?: OverridableStringUnion<'inherit' | 'large' | 'medium' | 'small', IconPropsSizeOverrides>;
+  fontSize?: OverridableStringUnion<'inherit' | 'large' | 'medium' | 'small', IconPropsSizeOverrides> | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
 }
 export interface IconTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'span'> {
   props: AdditionalProps & IconOwnProps;
@@ -57,6 +57,6 @@ declare const Icon: OverridableComponent<IconTypeMap> & {
   muiName: string;
 };
 export type IconProps<RootComponent extends React.ElementType = IconTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<IconTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 export default Icon;

package/esm/IconButton/IconButton.d.ts

@@ -15,24 +15,24 @@ export interface IconButtonOwnProps {
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<IconButtonClasses>;
+  classes?: Partial<IconButtonClasses> | 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 'default'
    */
-  color?: OverridableStringUnion<'inherit' | 'default' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning', IconButtonPropsColorOverrides>;
+  color?: OverridableStringUnion<'inherit' | 'default' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning', IconButtonPropsColorOverrides> | 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 given, uses a negative margin to counteract the padding on one
    * side (this is often helpful for aligning the left or right
@@ -40,13 +40,13 @@ export interface IconButtonOwnProps {
    * size and shape).
    * @default false
    */
-  edge?: 'start' | 'end' | false;
+  edge?: 'start' | 'end' | false | undefined;
   /**
    * If `true`, the loading indicator is visible and the button is disabled.
    * If `true | false`, the loading wrapper is always rendered before the children to prevent [Google Translation Crash](https://github.com/mui/material-ui/issues/27853).
    * @default null
    */
-  loading?: boolean | null;
+  loading?: boolean | null | undefined;
   /**
    * Element placed before the children if the button is in loading state.
    * The node should contain an element with `role="progressbar"` with an accessible name.
@@ -59,11 +59,11 @@ export interface IconButtonOwnProps {
    * `small` is equivalent to the dense button styling.
    * @default 'medium'
    */
-  size?: OverridableStringUnion<'small' | 'medium' | 'large', IconButtonPropsSizeOverrides>;
+  size?: OverridableStringUnion<'small' | 'medium' | 'large', IconButtonPropsSizeOverrides> | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
 }
 export type IconButtonTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'button'> = ExtendButtonBaseTypeMap<{
   props: AdditionalProps & IconButtonOwnProps;
@@ -86,6 +86,6 @@ export type IconButtonTypeMap<AdditionalProps = {}, RootComponent extends React.
  */
 declare const IconButton: ExtendButtonBase<IconButtonTypeMap>;
 export type IconButtonProps<RootComponent extends React.ElementType = IconButtonTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<IconButtonTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 export default IconButton;

package/esm/ImageList/ImageList.d.ts

@@ -13,31 +13,31 @@ export interface ImageListOwnProps {
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<ImageListClasses>;
+  classes?: Partial<ImageListClasses> | undefined;
   /**
    * Number of columns.
    * @default 2
    */
-  cols?: number;
+  cols?: number | undefined;
   /**
    * The gap between items in px.
    * @default 4
    */
-  gap?: number;
+  gap?: number | undefined;
   /**
    * The height of one row in px.
    * @default 'auto'
    */
-  rowHeight?: number | 'auto';
+  rowHeight?: number | 'auto' | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
   /**
    * The variant to use.
    * @default 'standard'
    */
-  variant?: OverridableStringUnion<'masonry' | 'quilted' | 'standard' | 'woven', ImageListPropsVariantOverrides>;
+  variant?: OverridableStringUnion<'masonry' | 'quilted' | 'standard' | 'woven', ImageListPropsVariantOverrides> | undefined;
 }
 export interface ImageListTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'ul'> {
   props: AdditionalProps & ImageListOwnProps;
@@ -55,6 +55,6 @@ export interface ImageListTypeMap<AdditionalProps = {}, RootComponent extends Re
  */
 declare const ImageList: OverridableComponent<ImageListTypeMap>;
 export type ImageListProps<RootComponent extends React.ElementType = ImageListTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ImageListTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 export default ImageList;

package/esm/ImageListItem/ImageListItem.d.ts

@@ -11,21 +11,21 @@ export interface ImageListItemOwnProps {
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<ImageListItemClasses>;
+  classes?: Partial<ImageListItemClasses> | undefined;
   /**
    * Width of the item in number of grid columns.
    * @default 1
    */
-  cols?: number;
+  cols?: number | undefined;
   /**
    * Height of the item in number of grid rows.
    * @default 1
    */
-  rows?: number;
+  rows?: number | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
 }
 export interface ImageListItemTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'li'> {
   props: AdditionalProps & ImageListItemOwnProps;
@@ -43,6 +43,6 @@ export interface ImageListItemTypeMap<AdditionalProps = {}, RootComponent extend
  */
 declare const ImageListItem: OverridableComponent<ImageListItemTypeMap>;
 export type ImageListItemProps<RootComponent extends React.ElementType = ImageListItemTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ImageListItemTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 export default ImageListItem;

package/esm/ImageListItemBar/ImageListItemBar.d.ts

@@ -13,16 +13,16 @@ export interface ImageListItemBarProps extends StandardProps<React.HTMLAttribute
    * Position of secondary action IconButton.
    * @default 'right'
    */
-  actionPosition?: 'left' | 'right';
+  actionPosition?: 'left' | 'right' | undefined;
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<ImageListItemBarClasses>;
+  classes?: Partial<ImageListItemBarClasses> | undefined;
   /**
    * Position of the title bar.
    * @default 'bottom'
    */
-  position?: 'below' | 'top' | 'bottom';
+  position?: 'below' | 'top' | 'bottom' | undefined;
   /**
    * String or element serving as subtitle (support text).
    */
@@ -30,7 +30,7 @@ export interface ImageListItemBarProps extends StandardProps<React.HTMLAttribute
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
   /**
    * Title to be displayed.
    */

package/esm/InitColorSchemeScript/InitColorSchemeScript.d.ts

@@ -10,39 +10,39 @@ export interface InitColorSchemeScriptProps {
    * The default mode when the storage is empty (user's first visit).
    * @default 'system'
    */
-  defaultMode?: 'system' | 'light' | 'dark';
+  defaultMode?: 'system' | 'light' | 'dark' | undefined;
   /**
    * The default color scheme to be used in light mode.
    * @default 'light'
    */
-  defaultLightColorScheme?: string;
+  defaultLightColorScheme?: string | undefined;
   /**
    * The default color scheme to be used in dark mode.
    * @default 'dark'
    */
-  defaultDarkColorScheme?: string;
+  defaultDarkColorScheme?: string | undefined;
   /**
    * The node (provided as string) used to attach the color-scheme attribute.
    * @default 'document.documentElement'
    */
-  colorSchemeNode?: string;
+  colorSchemeNode?: string | undefined;
   /**
    * localStorage key used to store `mode`.
    * @default 'mui-mode'
    */
-  modeStorageKey?: string;
+  modeStorageKey?: string | undefined;
   /**
    * localStorage key used to store `colorScheme`.
    * @default 'mui-color-scheme'
    */
-  colorSchemeStorageKey?: string;
+  colorSchemeStorageKey?: string | undefined;
   /**
    * DOM attribute for applying a color scheme.
    * @default 'data-mui-color-scheme'
    * @example '.mode-%s' // for class based color scheme
    * @example '[data-mode-%s]' // for data-attribute without '='
    */
-  attribute?: 'class' | 'data' | string;
+  attribute?: 'class' | 'data' | string | undefined;
   /**
    * Nonce string to pass to the inline script for CSP headers.
    */

package/esm/Input/Input.d.ts

@@ -7,16 +7,16 @@ export interface InputProps extends StandardProps<InputBaseProps> {
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<InputClasses>;
+  classes?: Partial<InputClasses> | undefined;
   /**
    * If `true`, the `input` will not have an underline.
    * @default false
    */
-  disableUnderline?: boolean;
+  disableUnderline?: boolean | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
 }
 
 /**

package/esm/InputAdornment/InputAdornment.d.ts

@@ -7,7 +7,7 @@ export interface InputAdornmentOwnProps {
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<InputAdornmentClasses>;
+  classes?: Partial<InputAdornmentClasses> | undefined;
   /**
    * The content of the component, normally an `IconButton` or string.
    */
@@ -17,12 +17,12 @@ export interface InputAdornmentOwnProps {
    * This allows for the content of the adornment to focus the `input` on click.
    * @default false
    */
-  disablePointerEvents?: boolean;
+  disablePointerEvents?: boolean | undefined;
   /**
    * If children is a string then disable wrapping in a Typography component.
    * @default false
    */
-  disableTypography?: boolean;
+  disableTypography?: boolean | undefined;
   /**
    * The position this adornment should appear relative to the `Input`.
    */
@@ -30,13 +30,13 @@ export interface InputAdornmentOwnProps {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
   /**
    * The variant to use.
    * Note: If you are using the `TextField` component or the `FormControl` component
    * you do not have to set this manually.
    */
-  variant?: 'standard' | 'outlined' | 'filled';
+  variant?: 'standard' | 'outlined' | 'filled' | undefined;
 }
 export interface InputAdornmentTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'div'> {
   props: AdditionalProps & InputAdornmentOwnProps;
@@ -54,6 +54,6 @@ export interface InputAdornmentTypeMap<AdditionalProps = {}, RootComponent exten
  */
 declare const InputAdornment: OverridableComponent<InputAdornmentTypeMap>;
 export type InputAdornmentProps<RootComponent extends React.ElementType = InputAdornmentTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<InputAdornmentTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 export default InputAdornment;