@mui/material 7.3.8 → 7.3.9

package/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/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/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;

package/InputBase/InputBase.d.ts

@@ -14,28 +14,28 @@ export interface InputBaseProps extends StandardProps<React.HTMLAttributes<HTMLD
  * ones inherited by `React.HTMLAttributes<HTMLDivElement>` we need to omit them.
  */
 'children' | 'defaultValue' | 'onBlur' | 'onChange' | 'onFocus' | 'onInvalid' | 'onKeyDown' | 'onKeyUp'> {
-  'aria-describedby'?: string;
+  'aria-describedby'?: string | undefined;
   /**
    * This prop helps users to fill forms faster, especially on mobile devices.
    * 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.
    */
-  autoFocus?: boolean;
+  autoFocus?: boolean | undefined;
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<InputBaseClasses>;
+  classes?: Partial<InputBaseClasses> | 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).
    * The prop defaults to the value (`'primary'`) inherited from the parent FormControl component.
    */
-  color?: OverridableStringUnion<'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning', InputBasePropsColorOverrides>;
+  color?: OverridableStringUnion<'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning', InputBasePropsColorOverrides> | undefined;
   /**
    * The components used for each slot inside.
    *
@@ -44,9 +44,9 @@ export interface InputBaseProps extends StandardProps<React.HTMLAttributes<HTMLD
    * @default {}
    */
   components?: {
-    Root?: React.ElementType;
-    Input?: React.ElementType;
-  };
+    Root?: 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.
@@ -56,9 +56,9 @@ export interface InputBaseProps extends StandardProps<React.HTMLAttributes<HTMLD
    * @default {}
    */
   componentsProps?: {
-    root?: React.HTMLAttributes<HTMLDivElement> & InputBaseComponentsPropsOverrides;
-    input?: React.InputHTMLAttributes<HTMLInputElement> & InputBaseComponentsPropsOverrides;
-  };
+    root?: (React.HTMLAttributes<HTMLDivElement> & InputBaseComponentsPropsOverrides) | undefined;
+    input?: (React.InputHTMLAttributes<HTMLInputElement> & InputBaseComponentsPropsOverrides) | undefined;
+  } | undefined;
   /**
    * The default value. Use when the component is not controlled.
    */
@@ -67,13 +67,13 @@ export interface InputBaseProps extends StandardProps<React.HTMLAttributes<HTMLD
    * If `true`, the component is disabled.
    * The prop defaults to the value (`false`) inherited from the parent FormControl component.
    */
-  disabled?: boolean;
+  disabled?: boolean | undefined;
   /**
    * If `true`, GlobalStyles for the auto-fill keyframes will not be injected/removed on mount/unmount. Make sure to inject them at the top of your application.
    * This option is intended to help with boosting the initial rendering performance if you are loading a big amount of Input components at once.
    * @default false
    */
-  disableInjectingGlobalStyles?: boolean;
+  disableInjectingGlobalStyles?: boolean | undefined;
   /**
    * End `InputAdornment` for this component.
    */
@@ -82,105 +82,105 @@ export interface InputBaseProps extends StandardProps<React.HTMLAttributes<HTMLD
    * If `true`, the `input` will indicate an error.
    * The prop defaults to the value (`false`) inherited from the parent FormControl component.
    */
-  error?: boolean;
+  error?: boolean | undefined;
   /**
    * If `true`, the `input` will take up the full width of its container.
    * @default false
    */
-  fullWidth?: boolean;
+  fullWidth?: boolean | undefined;
   /**
    * The id of the `input` element.
    */
-  id?: string;
+  id?: string | undefined;
   /**
    * The component used for the `input` element.
    * Either a string to use a HTML element or a component.
    * @default 'input'
    */
-  inputComponent?: React.ElementType<InputBaseComponentProps>;
+  inputComponent?: React.ElementType<InputBaseComponentProps> | undefined;
   /**
    * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.
    * @default {}
    */
-  inputProps?: InputBaseComponentProps;
+  inputProps?: InputBaseComponentProps | undefined;
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef?: React.Ref<any>;
+  inputRef?: React.Ref<any> | undefined;
   /**
    * If `dense`, will adjust vertical spacing. This is normally obtained via context from
    * FormControl.
    * The prop defaults to the value (`'none'`) inherited from the parent FormControl component.
    */
-  margin?: 'dense' | 'none';
+  margin?: 'dense' | 'none' | undefined;
   /**
    * If `true`, a [TextareaAutosize](https://mui.com/material-ui/react-textarea-autosize/) element is rendered.
    * @default false
    */
-  multiline?: boolean;
+  multiline?: boolean | undefined;
   /**
    * Name attribute of the `input` element.
    */
-  name?: string;
+  name?: string | undefined;
   /**
    * Callback fired when the `input` is blurred.
    *
    * Notice that the first argument (event) might be undefined.
    */
-  onBlur?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;
+  onBlur?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
   /**
    * Callback fired when the value is changed.
    *
    * @param {React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement>} event The event source of the callback.
    * You can pull out the new value by accessing `event.target.value` (string).
    */
-  onChange?: React.ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement>;
-  onFocus?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;
-  onKeyDown?: React.KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement>;
-  onKeyUp?: React.KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement>;
+  onChange?: React.ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+  onFocus?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
+  onKeyDown?: React.KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
+  onKeyUp?: React.KeyboardEventHandler<HTMLTextAreaElement | HTMLInputElement> | undefined;
   /**
    * Callback fired when the `input` doesn't satisfy its constraints.
    */
-  onInvalid?: React.FormEventHandler<HTMLInputElement | HTMLTextAreaElement>;
+  onInvalid?: React.FormEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
   /**
    * The short hint displayed in the `input` before the user enters a value.
    */
-  placeholder?: string;
+  placeholder?: string | undefined;
   /**
    * It prevents the user from changing the value of the field
    * (not from interacting with the field).
    */
-  readOnly?: boolean;
+  readOnly?: boolean | undefined;
   /**
    * If `true`, the `input` element is required.
    * The prop defaults to the value (`false`) inherited from the parent FormControl component.
    */
-  required?: boolean;
-  renderSuffix?: (state: {
-    disabled?: boolean;
-    error?: boolean;
-    filled?: boolean;
-    focused?: boolean;
-    margin?: 'dense' | 'none' | 'normal';
-    required?: boolean;
+  required?: boolean | undefined;
+  renderSuffix?: ((state: {
+    disabled?: boolean | undefined;
+    error?: boolean | undefined;
+    filled?: boolean | undefined;
+    focused?: boolean | undefined;
+    margin?: 'dense' | 'none' | 'normal' | undefined;
+    required?: boolean | undefined;
     startAdornment?: React.ReactNode;
-  }) => React.ReactNode;
+  }) => React.ReactNode) | 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;
   /**
    * The size of the component.
    */
-  size?: OverridableStringUnion<'small' | 'medium', InputBasePropsSizeOverrides>;
+  size?: OverridableStringUnion<'small' | 'medium', InputBasePropsSizeOverrides> | undefined;
   /**
    * The extra props for the slot components.
    * You can override the existing props or add new ones.
@@ -190,13 +190,13 @@ export interface InputBaseProps extends StandardProps<React.HTMLAttributes<HTMLD
    * @default {}
    */
   slotProps?: {
-    root?: React.HTMLAttributes<HTMLDivElement> & InputBaseComponentsPropsOverrides & {
-      sx?: SxProps<Theme>;
-    };
-    input?: React.InputHTMLAttributes<HTMLInputElement> & InputBaseComponentsPropsOverrides & {
-      sx?: SxProps<Theme>;
-    };
-  };
+    root?: (React.HTMLAttributes<HTMLDivElement> & InputBaseComponentsPropsOverrides & {
+      sx?: SxProps<Theme> | undefined;
+    }) | undefined;
+    input?: (React.InputHTMLAttributes<HTMLInputElement> & InputBaseComponentsPropsOverrides & {
+      sx?: SxProps<Theme> | undefined;
+    }) | undefined;
+  } | undefined;
   /**
    * The components used for each slot inside.
    *
@@ -205,9 +205,9 @@ export interface InputBaseProps extends StandardProps<React.HTMLAttributes<HTMLD
    * @default {}
    */
   slots?: {
-    root?: React.ElementType;
-    input?: React.ElementType;
-  };
+    root?: React.ElementType | undefined;
+    input?: React.ElementType | undefined;
+  } | undefined;
   /**
    * Start `InputAdornment` for this component.
    */
@@ -215,12 +215,12 @@ export interface InputBaseProps extends StandardProps<React.HTMLAttributes<HTMLD
   /**
    * 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).
    * @default 'text'
    */
-  type?: string;
+  type?: string | undefined;
   /**
    * The value of the `input` element, required for a controlled component.
    */

package/InputLabel/InputLabel.d.ts

@@ -10,51 +10,51 @@ export interface InputLabelOwnProps extends Pick<FormLabelProps, 'children'> {
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<InputLabelClasses>;
-  color?: FormLabelProps['color'];
+  classes?: Partial<InputLabelClasses> | undefined;
+  color?: FormLabelProps['color'] | undefined;
   /**
    * If `true`, the transition animation is disabled.
    * @default false
    */
-  disableAnimation?: boolean;
+  disableAnimation?: boolean | undefined;
   /**
    * If `true`, the component is disabled.
    */
-  disabled?: boolean;
+  disabled?: boolean | undefined;
   /**
    * If `true`, the label is displayed in an error state.
    */
-  error?: boolean;
+  error?: boolean | undefined;
   /**
    * If `true`, the `input` of this label is focused.
    */
-  focused?: boolean;
+  focused?: boolean | undefined;
   /**
    * If `dense`, will adjust vertical spacing. This is normally obtained via context from
    * FormControl.
    */
-  margin?: 'dense';
+  margin?: 'dense' | undefined;
   /**
    * if `true`, the label will indicate that the `input` is required.
    */
-  required?: boolean;
+  required?: boolean | undefined;
   /**
    * If `true`, the label is shrunk.
    */
-  shrink?: boolean;
+  shrink?: boolean | undefined;
   /**
    * The size of the component.
    * @default 'medium'
    */
-  size?: OverridableStringUnion<'small' | 'medium', InputLabelPropsSizeOverrides>;
+  size?: OverridableStringUnion<'small' | 'medium', InputLabelPropsSizeOverrides> | 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.
    */
-  variant?: 'standard' | 'outlined' | 'filled';
+  variant?: 'standard' | 'outlined' | 'filled' | undefined;
 }
 export type InputLabelTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'label'> = ExtendFormLabelTypeMap<{
   props: AdditionalProps & InputLabelOwnProps;
@@ -75,6 +75,6 @@ export type InputLabelTypeMap<AdditionalProps = {}, RootComponent extends React.
  */
 declare const InputLabel: OverridableComponent<InputLabelTypeMap>;
 export type InputLabelProps<RootComponent extends React.ElementType = InputLabelTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<InputLabelTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 export default InputLabel;

package/LinearProgress/LinearProgress.d.ts

@@ -10,34 +10,34 @@ export interface LinearProgressProps extends StandardProps<React.HTMLAttributes<
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<LinearProgressClasses>;
+  classes?: Partial<LinearProgressClasses> | 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' | 'inherit', LinearProgressPropsColorOverrides>;
+  color?: OverridableStringUnion<'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning' | 'inherit', LinearProgressPropsColorOverrides> | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
   /**
    * The value of the progress indicator for the determinate and buffer variants.
    * Value between 0 and 100.
    */
-  value?: number;
+  value?: number | undefined;
   /**
    * The value for the buffer variant.
    * Value between 0 and 100.
    */
-  valueBuffer?: number;
+  valueBuffer?: number | undefined;
   /**
    * The variant to use.
    * Use indeterminate or query when there is no progress value.
    * @default 'indeterminate'
    */
-  variant?: OverridableStringUnion<'determinate' | 'indeterminate' | 'buffer' | 'query', LinearProgressPropsVariantOverrides>;
+  variant?: OverridableStringUnion<'determinate' | 'indeterminate' | 'buffer' | 'query', LinearProgressPropsVariantOverrides> | undefined;
 }
 
 /**

package/Link/Link.d.ts

@@ -13,30 +13,30 @@ export interface LinkOwnProps extends DistributiveOmit<LinkBaseProps, 'classes'>
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<LinkClasses>;
+  classes?: Partial<LinkClasses> | undefined;
   /**
    * The color of the link.
    * @default 'primary'
    */
-  color?: TypographyOwnProps['color'];
+  color?: TypographyOwnProps['color'] | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
   /**
    * `classes` prop applied to the [`Typography`](https://mui.com/material-ui/api/typography/) element.
    */
-  TypographyClasses?: TypographyOwnProps['classes'];
+  TypographyClasses?: TypographyOwnProps['classes'] | undefined;
   /**
    * Controls when the link should have an underline.
    * @default 'always'
    */
-  underline?: 'none' | 'hover' | 'always';
+  underline?: 'none' | 'hover' | 'always' | undefined;
   /**
    * Applies the theme typography styles.
    * @default 'inherit'
    */
-  variant?: TypographyOwnProps['variant'];
+  variant?: TypographyOwnProps['variant'] | undefined;
 }
 export interface LinkTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'a'> {
   props: AdditionalProps & LinkOwnProps;
@@ -58,6 +58,6 @@ export interface LinkTypeMap<AdditionalProps = {}, RootComponent extends React.E
 declare const Link: OverridableComponent<LinkTypeMap>;
 export type LinkBaseProps = DistributiveOmit<TypographyOwnProps, 'children' | 'color' | 'variant' | 'classes'>;
 export type LinkProps<RootComponent extends React.ElementType = LinkTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<LinkTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 export default Link;

package/List/List.d.ts

@@ -11,19 +11,19 @@ export interface ListOwnProps {
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<ListClasses>;
+  classes?: Partial<ListClasses> | undefined;
   /**
    * If `true`, compact vertical padding designed for keyboard and mouse input is used for
    * the list and list items.
    * The prop is available to descendant components as the `dense` context.
    * @default false
    */
-  dense?: boolean;
+  dense?: boolean | undefined;
   /**
    * If `true`, vertical padding is removed from the list.
    * @default false
    */
-  disablePadding?: boolean;
+  disablePadding?: boolean | undefined;
   /**
    * The content of the subheader, normally `ListSubheader`.
    */
@@ -31,7 +31,7 @@ export interface ListOwnProps {
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
 }
 export interface ListTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'ul'> {
   props: AdditionalProps & ListOwnProps;
@@ -60,6 +60,6 @@ export type ExtendList<TypeMap extends OverridableTypeMap> = OverridableComponen
  */
 declare const List: ExtendList<ListTypeMap>;
 export type ListProps<RootComponent extends React.ElementType = ListTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ListTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 export default List;

package/List/ListContext.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
 declare const ListContext: React.Context<{
-  dense?: boolean;
+  dense?: boolean | undefined;
 }>;
 export default ListContext;