@mui/material 7.3.7 → 7.3.9

package/ButtonBase/ButtonBase.d.ts

@@ -10,13 +10,13 @@ export interface ButtonBaseOwnProps {
    * A ref for imperative actions.
    * It currently only supports `focusVisible()` action.
    */
-  action?: React.Ref<ButtonBaseActions>;
+  action?: React.Ref<ButtonBaseActions> | undefined;
   /**
    * If `true`, the ripples are centered.
    * They won't start at the cursor interaction position.
    * @default false
    */
-  centerRipple?: boolean;
+  centerRipple?: boolean | undefined;
   /**
    * The content of the component.
    */
@@ -24,12 +24,12 @@ export interface ButtonBaseOwnProps {
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<ButtonBaseClasses>;
+  classes?: Partial<ButtonBaseClasses> | undefined;
   /**
    * If `true`, the component is disabled.
    * @default false
    */
-  disabled?: boolean;
+  disabled?: boolean | undefined;
   /**
    * If `true`, the ripple effect is disabled.
    *
@@ -37,17 +37,17 @@ export interface ButtonBaseOwnProps {
    * to highlight the element by applying separate styles with the `.Mui-focusVisible` class.
    * @default false
    */
-  disableRipple?: boolean;
+  disableRipple?: boolean | undefined;
   /**
    * If `true`, the touch ripple effect is disabled.
    * @default false
    */
-  disableTouchRipple?: boolean;
+  disableTouchRipple?: boolean | undefined;
   /**
    * If `true`, the base button will have a keyboard focus ripple.
    * @default false
    */
-  focusRipple?: boolean;
+  focusRipple?: boolean | undefined;
   /**
    * This prop can help identify which element has keyboard focus.
    * The class name will be applied when the element gains the focus through keyboard interaction.
@@ -56,33 +56,33 @@ export interface ButtonBaseOwnProps {
    * A [polyfill can be used](https://github.com/WICG/focus-visible) to apply a `focus-visible` class to other components
    * if needed.
    */
-  focusVisibleClassName?: string;
+  focusVisibleClassName?: string | undefined;
   /**
    * The component used to render a link when the `href` prop is provided.
    * @default 'a'
    */
-  LinkComponent?: React.ElementType;
+  LinkComponent?: React.ElementType | undefined;
   /**
    * Callback fired when the component is focused with a keyboard.
    * We trigger a `onFocus` callback too.
    */
-  onFocusVisible?: React.FocusEventHandler<any>;
+  onFocusVisible?: React.FocusEventHandler<any> | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
   /**
    * @default 0
    */
-  tabIndex?: NonNullable<React.HTMLAttributes<any>['tabIndex']>;
+  tabIndex?: NonNullable<React.HTMLAttributes<any>['tabIndex']> | undefined;
   /**
    * Props applied to the `TouchRipple` element.
    */
-  TouchRippleProps?: Partial<TouchRippleProps>;
+  TouchRippleProps?: Partial<TouchRippleProps> | undefined;
   /**
    * A ref that points to the `TouchRipple` element.
    */
-  touchRippleRef?: React.Ref<TouchRippleActions>;
+  touchRippleRef?: React.Ref<TouchRippleActions> | undefined;
 }
 export interface ButtonBaseTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'button'> {
   props: AdditionalProps & ButtonBaseOwnProps;
@@ -117,7 +117,7 @@ export type ExtendButtonBase<TypeMap extends OverridableTypeMap> = ((props: {
  */
 declare const ButtonBase: ExtendButtonBase<ButtonBaseTypeMap>;
 export type ButtonBaseProps<RootComponent extends React.ElementType = ButtonBaseTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ButtonBaseTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 export interface ButtonBaseActions {
   focusVisible(): void;

package/ButtonBase/TouchRipple.d.ts

@@ -3,8 +3,8 @@ import { InternalStandardProps as StandardProps } from "../internal/index.js";
 import { TouchRippleClasses, TouchRippleClassKey } from "./touchRippleClasses.js";
 export { TouchRippleClassKey };
 export interface StartActionOptions {
-  pulsate?: boolean;
-  center?: boolean;
+  pulsate?: boolean | undefined;
+  center?: boolean | undefined;
 }
 export interface TouchRippleActions {
   start: (event?: React.SyntheticEvent, options?: StartActionOptions, callback?: () => void) => void;
@@ -12,11 +12,11 @@ export interface TouchRippleActions {
   stop: (event?: React.SyntheticEvent, callback?: () => void) => void;
 }
 export type TouchRippleProps = StandardProps<React.HTMLAttributes<HTMLElement>> & {
-  center?: boolean;
+  center?: boolean | undefined;
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<TouchRippleClasses>;
+  classes?: Partial<TouchRippleClasses> | undefined;
 };
 declare const TouchRipple: React.ForwardRefRenderFunction<TouchRippleActions, TouchRippleProps>;
 export default TouchRipple;

package/ButtonGroup/ButtonGroup.d.ts

@@ -15,59 +15,59 @@ export interface ButtonGroupOwnProps {
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<ButtonGroupClasses>;
+  classes?: Partial<ButtonGroupClasses> | 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<'inherit' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning', ButtonGroupPropsColorOverrides>;
+  color?: OverridableStringUnion<'inherit' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning', ButtonGroupPropsColorOverrides> | undefined;
   /**
    * If `true`, the component is disabled.
    * @default false
    */
-  disabled?: boolean;
+  disabled?: boolean | undefined;
   /**
    * If `true`, no elevation is used.
    * @default false
    */
-  disableElevation?: boolean;
+  disableElevation?: boolean | undefined;
   /**
    * If `true`, the button keyboard focus ripple is disabled.
    * @default false
    */
-  disableFocusRipple?: boolean;
+  disableFocusRipple?: boolean | undefined;
   /**
    * If `true`, the button ripple effect is disabled.
    * @default false
    */
-  disableRipple?: boolean;
+  disableRipple?: boolean | undefined;
   /**
    * If `true`, the buttons will take up the full width of its container.
    * @default false
    */
-  fullWidth?: boolean;
+  fullWidth?: boolean | undefined;
   /**
    * The component orientation (layout flow direction).
    * @default 'horizontal'
    */
-  orientation?: 'vertical' | 'horizontal';
+  orientation?: 'vertical' | 'horizontal' | undefined;
   /**
    * The size of the component.
    * `small` is equivalent to the dense button styling.
    * @default 'medium'
    */
-  size?: OverridableStringUnion<'small' | 'medium' | 'large', ButtonGroupPropsSizeOverrides>;
+  size?: OverridableStringUnion<'small' | 'medium' | 'large', ButtonGroupPropsSizeOverrides> | undefined;
   /**
    * The variant to use.
    * @default 'outlined'
    */
-  variant?: OverridableStringUnion<'text' | 'outlined' | 'contained', ButtonGroupPropsVariantOverrides>;
+  variant?: OverridableStringUnion<'text' | 'outlined' | 'contained', ButtonGroupPropsVariantOverrides> | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
 }
 export interface ButtonGroupTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'div'> {
   props: AdditionalProps & ButtonGroupOwnProps;
@@ -86,6 +86,6 @@ export interface ButtonGroupTypeMap<AdditionalProps = {}, RootComponent extends
  */
 declare const ButtonGroup: OverridableComponent<ButtonGroupTypeMap>;
 export type ButtonGroupProps<RootComponent extends React.ElementType = ButtonGroupTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<ButtonGroupTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 export default ButtonGroup;

package/ButtonGroup/ButtonGroupContext.d.ts

@@ -1,15 +1,15 @@
 import * as React from 'react';
 import type { ButtonGroupProps } from "./ButtonGroup.js";
 interface ButtonGroupContextType {
-  className?: string;
-  color?: ButtonGroupProps['color'];
-  disabled?: boolean;
-  disableElevation?: boolean;
-  disableFocusRipple?: boolean;
-  disableRipple?: boolean;
-  fullWidth?: boolean;
-  size?: ButtonGroupProps['size'];
-  variant?: ButtonGroupProps['variant'];
+  className?: string | undefined;
+  color?: ButtonGroupProps['color'] | undefined;
+  disabled?: boolean | undefined;
+  disableElevation?: boolean | undefined;
+  disableFocusRipple?: boolean | undefined;
+  disableRipple?: boolean | undefined;
+  fullWidth?: boolean | undefined;
+  size?: ButtonGroupProps['size'] | undefined;
+  variant?: ButtonGroupProps['variant'] | undefined;
 }
 /**
  * @ignore - internal component.

package/CHANGELOG.md

@@ -1,5 +1,106 @@
 # [Versions](https://mui.com/versions/)
 
+## 7.3.9
+
+<!-- generated comparing v7.3.8..v7.x -->
+
+_Mar 5, 2026_
+
+A big thanks to the 15 contributors who made this release possible.
+
+### `@mui/material@7.3.9`
+
+- Clean up duplicated CSS rules (#47893) @sai6855
+- [theme] Generate `color-mix` value on top of default generated Material UI CSS variables (#47791) @ZeeshanTamboli
+- [tooltip] Fix error is thrown when wrapping an input which is disabled while focused (#47841) @ZeeshanTamboli
+- [table cell][theme] Apply `alpha` before color mixing to border bottom color when nativeColor + cssVariables is used (#47840) @ZeeshanTamboli
+
+### Docs
+
+- Fix small typo in NumberField page (#47888) @arthur-plazanet
+- Fix Theme builder video (#47855) @oliviertassinari
+- Add updated community theme resource (#47853) @PeterTYLiu
+- Fix the keyboard navigation in GroupedMenu example (#47848) @silviuaavram
+- Few copy fixes (#47810) @pavan-sh
+- Fix JSX in Overriding component structure docs (#47805) @ZeeshanTamboli
+- Fix SSR flicker sentence grammar (#47794) @pavan-sh
+- [system] Update sizing docs to clarify `(0, 1]` behavior. (#47851) @matthias-ccri
+- [theme] Fix `nativeColor` docs (#47759) (#47789) @ZeeshanTamboli
+
+### Core
+
+- point v7 subdomain to MUI X v7 docs (#113) @vmakhaev
+- [blog] Blogpost for upcoming price changes for MUI X (#47748) (#47910) @DanailH
+- [blog] Company Update: What we've been working on (and why) (alethomas) (#47626) (#47908) @alelthomas
+- [core] Update releaseChangelog.mjs (#47862) @mnajdova
+- [code-infra] Detect browser envs that don't support layout (#47813) (#47873) @Janpot
+- [code-infra] Enable undefined addition to optional properties (#47815) @brijeshb42
+- [docs-infra] Reapply Cookie Banner with Design Fixes (#47744) @dav-is
+
+All contributors of this release in alphabetical order: @alelthomas, @arthur-plazanet, @brijeshb42, @DanailH, @dav-is, @Janpot, @matthias-ccri, @mnajdova, @oliviertassinari, @pavan-sh, @PeterTYLiu, @sai6855, @silviuaavram, @vmakhaev, @ZeeshanTamboli
+
+## 7.3.8
+
+<!-- generated comparing v7.3.7..master -->
+
+_Feb 12, 2026_
+
+A big thanks to the 15 contributors who made this release possible. Here are some highlights ✨:
+
+### `@mui/material@7.3.8`
+
+- [alert] Revert removing default icon mapping fallback (#47629) @ZeeshanTamboli
+- [app-bar] Fix optional chaining in joinVars function (#47739) @sai6855
+- [autocomplete] Fix scroll position resetting on reopen with `disableCloseOnSelect` (#47248) @ZeeshanTamboli
+- [autocomplete] Pass fullWidth prop to input, with default as true (#47663) @silviuaavram
+- [badge] Refactor variant styles generation (#47742) @sai6855
+- [chip] Remove unnecessary `onDelete` check (#47753) @ZeeshanTamboli
+- [switch][checkbox][radio] Remove `aria-disabled` from root span (#46318) @KirankumarAmbati
+- [collapse] Remove unnecessary string concatenation (#47745) @sai6855
+- [drawer] `persistent` and `permanent` variant Drawers should not override the styles via theme using `modal` class (#47581) @ZeeshanTamboli
+- [tabs] Add ability to extend Tabs variant (#47590) @aditya1906
+- [useAutocomplete] Add aria-multiselectable to listbox props when multiple is true (#47632) @silviuaavram
+- [useAutocomplete] Use `React.Key` instead of `any` for `key` prop (#47619) @sonixx02
+
+#### Core
+
+- Revert "[docs-infra] Add Cookie Banner and Analytics Provider (#47445)" (868d23e) @dav-is
+- Revert "[docs-infra] Update Cookie Consent Dialog styling and content (#47718)" (ae29d03) @dav-is
+- [api-docs-builder] Validate slots prop and Slots interface export consistency (#47623) @Janpot
+- [code-infra] Remove `window.muiDocConfig` (#47737) @Janpot
+- [code-infra] Fix flaky Select test on Webkit (#47728) @Janpot
+- [code-infra] Remove usage of NODE_ENV=test (#47692) @Janpot
+- [code-infra] Prepare eslint rule rename (#47702) @Janpot
+- [code-infra] Next.js 15.5.11 (security update) (#47697) @Janpot
+- [code-infra] Fix Tooltip tests flakyness (#47669) @Janpot
+- [code-infra] Improve instructions for error messages (#47668) @Janpot
+- [code-infra] Add initial agent instructions (#47655) @Janpot
+- [code-infra] Update broken links checker (#47633) @Janpot
+- [code-infra] Improve Tooltip leaveDelay test (#47624) @Janpot
+- [code-infra] Fix internal broken links (#47607) @Janpot
+- [docs-infra] Resolve a few 301s in our docs (#47746) @Janpot
+- [docs-infra] Update Cookie Consent Dialog styling and content (#47718) @dav-is
+- [docs-infra] Add Cookie Banner and Analytics Provider (#47445) @dav-is
+- [docs-infra] Make sure /customers page has a h1 (#47615) @Janpot
+- [docs-infra] Fix privacy link (#47614) @Janpot
+- [docs-infra] Resolve a few 301s (#47579) @Janpot
+- [internal] Remove unused sponsor files (#47741) @oliviertassinari
+- [markdown] Fix some broken hash links (#47609) @Janpot
+- [test] Cleanup Table tests TODOs (#47656) @Ocheretovich
+
+### Docs
+
+- [website] unclickable banner in the pricing page (#47634) @aemartos
+- [blog] Company Update: What we've been working on (and why) (#47626) @alelthomas
+- [docs] Remove outdated notifications (#47743) @bernardobelchior
+- [docs] Make Demo component product-agnostic (#47635) @Janpot
+- [docs] Copyedit the Number Field doc (#47469) @mapache-salvaje
+- [docs] Fix Roboto font not loading in iframe demos (#47660) @Janpot
+- [docs] Replace Checkbox with Icons in Combobox examples (#47654) @silviuaavram
+- [docs] Fix punctuation in TypeScript guide description (#47617) @nodirbekprogrammer
+
+All contributors of this release in alphabetical order: @aditya1906, @aemartos, @alelthomas, @bernardobelchior, @dav-is, @Janpot, @KirankumarAmbati, @mapache-salvaje, @nodirbekprogrammer, @Ocheretovich, @oliviertassinari, @sai6855, @silviuaavram, @sonixx02, @ZeeshanTamboli
+
 ## 7.3.7
 
 <!-- generated comparing v7.3.6..master -->

package/Card/Card.d.ts

@@ -12,16 +12,16 @@ export interface CardOwnProps extends DistributiveOmit<PaperOwnProps, 'classes'>
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<CardClasses>;
+  classes?: Partial<CardClasses> | undefined;
   /**
    * If `true`, the card will use raised styling.
    * @default false
    */
-  raised?: boolean;
+  raised?: boolean | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
 }
 export interface CardTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'div'> {
   props: AdditionalProps & CardOwnProps;
@@ -42,6 +42,6 @@ export interface CardTypeMap<AdditionalProps = {}, RootComponent extends React.E
 
 declare const Card: OverridableComponent<CardTypeMap>;
 export type CardProps<RootComponent extends React.ElementType = CardTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<CardTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 export default Card;

package/CardActionArea/CardActionArea.d.ts

@@ -34,12 +34,12 @@ export interface CardActionAreaOwnProps {
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<CardActionAreaClasses>;
-  focusVisibleClassName?: string;
+  classes?: Partial<CardActionAreaClasses> | undefined;
+  focusVisibleClassName?: string | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
 }
 export type CardActionAreaTypeMap<AdditionalProps, RootComponent extends React.ElementType> = ExtendButtonBaseTypeMap<{
   props: AdditionalProps & CardActionAreaOwnProps & CardActionAreaSlotsAndSlotProps;
@@ -59,6 +59,6 @@ export type CardActionAreaTypeMap<AdditionalProps, RootComponent extends React.E
  */
 declare const CardActionArea: ExtendButtonBase<CardActionAreaTypeMap<{}, ButtonBaseTypeMap['defaultComponent']>>;
 export type CardActionAreaProps<RootComponent extends React.ElementType = ButtonBaseTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<CardActionAreaTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 export default CardActionArea;

package/CardActions/CardActions.d.ts

@@ -11,16 +11,16 @@ export interface CardActionsProps extends StandardProps<React.HTMLAttributes<HTM
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<CardActionsClasses>;
+  classes?: Partial<CardActionsClasses> | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
   /**
    * If `true`, the actions do not have additional margin.
    * @default false
    */
-  disableSpacing?: boolean;
+  disableSpacing?: boolean | undefined;
 }
 
 /**

package/CardContent/CardContent.d.ts

@@ -11,11 +11,11 @@ export interface CardContentOwnProps {
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<CardContentClasses>;
+  classes?: Partial<CardContentClasses> | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
 }
 export interface CardContentTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'div'> {
   props: AdditionalProps & CardContentOwnProps;
@@ -33,6 +33,6 @@ export interface CardContentTypeMap<AdditionalProps = {}, RootComponent extends
  */
 declare const CardContent: OverridableComponent<CardContentTypeMap>;
 export type CardContentProps<RootComponent extends React.ElementType = CardContentTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<CardContentTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 export default CardContent;

package/CardHeader/CardHeader.d.ts

@@ -89,7 +89,7 @@ export interface CardHeaderOwnProps<TitleTypographyComponent extends React.Eleme
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<CardHeaderClasses>;
+  classes?: Partial<CardHeaderClasses> | undefined;
   /**
    * If `true`, `subheader` and `title` won't be wrapped by a Typography component.
    * This can be useful to render an alternative Typography variant by wrapping
@@ -97,7 +97,7 @@ export interface CardHeaderOwnProps<TitleTypographyComponent extends React.Eleme
    * with the Typography component.
    * @default false
    */
-  disableTypography?: boolean;
+  disableTypography?: boolean | undefined;
   /**
    * The content of the component.
    */
@@ -108,12 +108,12 @@ export interface CardHeaderOwnProps<TitleTypographyComponent extends React.Eleme
    * @deprecated Use `slotProps.subheader` 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.
    */
   subheaderTypographyProps?: TypographyProps<SubheaderTypographyComponent, {
-    component?: SubheaderTypographyComponent;
-  }>;
+    component?: SubheaderTypographyComponent | undefined;
+  }> | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
   /**
    * The content of the component.
    */
@@ -124,8 +124,8 @@ export interface CardHeaderOwnProps<TitleTypographyComponent extends React.Eleme
    * @deprecated Use `slotProps.title` 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.
    */
   titleTypographyProps?: TypographyProps<TitleTypographyComponent, {
-    component?: TitleTypographyComponent;
-  }>;
+    component?: TitleTypographyComponent | undefined;
+  }> | undefined;
 }
 export interface CardHeaderOwnerState extends CardHeaderOwnProps {}
 export interface CardHeaderTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'div', TitleTypographyComponent extends React.ElementType = 'span', SubheaderTypographyComponent extends React.ElementType = 'span'> {
@@ -152,6 +152,6 @@ export type CardHeaderPropsWithComponent<RootComponent extends React.ElementType
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component?: RootComponent;
+  component?: RootComponent | undefined;
 } & CardHeaderProps<RootComponent, AdditionalProps, TitleTypographyComponent, SubheaderTypographyComponent>;
 export default CardHeader;

package/CardHeader/CardHeader.js

@@ -68,10 +68,7 @@ const CardHeaderContent = (0, _zeroStyled.styled)('div', {
   slot: 'Content'
 })({
   flex: '1 1 auto',
-  [`.${_Typography.typographyClasses.root}:where(& .${_cardHeaderClasses.default.title})`]: {
-    display: 'block'
-  },
-  [`.${_Typography.typographyClasses.root}:where(& .${_cardHeaderClasses.default.subheader})`]: {
+  [`.${_Typography.typographyClasses.root}:where(& .${_cardHeaderClasses.default.title}), .${_Typography.typographyClasses.root}:where(& .${_cardHeaderClasses.default.subheader})`]: {
     display: 'block'
   }
 });

package/CardMedia/CardMedia.d.ts

@@ -11,23 +11,23 @@ export interface CardMediaOwnProps {
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<CardMediaClasses>;
+  classes?: Partial<CardMediaClasses> | undefined;
   /**
    * Image to be displayed as a background image.
    * Either `image` or `src` prop must be specified.
    * Note that caller must specify height otherwise the image will not be visible.
    */
-  image?: string;
+  image?: string | undefined;
   /**
    * An alias for `image` property.
    * Available only with media components.
    * Media components: `video`, `audio`, `picture`, `iframe`, `img`.
    */
-  src?: string;
+  src?: string | undefined;
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx?: SxProps<Theme>;
+  sx?: SxProps<Theme> | undefined;
 }
 export interface CardMediaTypeMap<AdditionalProps, RootComponent extends React.ElementType> {
   props: AdditionalProps & CardMediaOwnProps;
@@ -46,6 +46,6 @@ export interface CardMediaTypeMap<AdditionalProps, RootComponent extends React.E
  */
 declare const CardMedia: OverridableComponent<CardMediaTypeMap<{}, 'div'>>;
 export type CardMediaProps<RootComponent extends React.ElementType = 'div', AdditionalProps = {}> = OverrideProps<CardMediaTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
-  component?: React.ElementType;
+  component?: React.ElementType | undefined;
 };
 export default CardMedia;

package/Checkbox/Checkbox.d.ts

@@ -38,7 +38,7 @@ export interface CheckboxProps extends StandardProps<SwitchBaseProps, 'checkedIc
   /**
    * If `true`, the component is checked.
    */
-  checked?: SwitchBaseProps['checked'];
+  checked?: SwitchBaseProps['checked'] | undefined;
   /**
    * The icon to display when the component is checked.
    * @default <CheckBoxIcon />
@@ -47,24 +47,24 @@ export interface CheckboxProps extends StandardProps<SwitchBaseProps, 'checkedIc
   /**
    * Override or extend the styles applied to the component.
    */
-  classes?: Partial<CheckboxClasses>;
+  classes?: Partial<CheckboxClasses> | 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' | 'default', CheckboxPropsColorOverrides>;
+  color?: OverridableStringUnion<'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning' | 'default', CheckboxPropsColorOverrides> | undefined;
   /**
    * If `true`, the component is disabled.
    * @default false
    */
-  disabled?: SwitchBaseProps['disabled'];
+  disabled?: SwitchBaseProps['disabled'] | undefined;
   /**
    * If `true`, the ripple effect is disabled.
    * @default false
    */
-  disableRipple?: SwitchBaseProps['disableRipple'];
+  disableRipple?: SwitchBaseProps['disableRipple'] | undefined;
   /**
    * The icon to display when the component is unchecked.
    * @default <CheckBoxOutlineBlankIcon />
@@ -73,7 +73,7 @@ export interface CheckboxProps extends StandardProps<SwitchBaseProps, 'checkedIc
   /**
    * The id of the `input` element.
    */
-  id?: SwitchBaseProps['id'];
+  id?: SwitchBaseProps['id'] | undefined;
   /**
    * If `true`, the component appears indeterminate.
    * This does not set the native input element to indeterminate due
@@ -81,7 +81,7 @@ export interface CheckboxProps extends StandardProps<SwitchBaseProps, 'checkedIc
    * However, we set a `data-indeterminate` attribute on the `input`.
    * @default false
    */
-  indeterminate?: boolean;
+  indeterminate?: boolean | undefined;
   /**
    * The icon to display when the component is indeterminate.
    * @default <IndeterminateCheckBoxIcon />
@@ -93,27 +93,27 @@ export interface CheckboxProps extends StandardProps<SwitchBaseProps, 'checkedIc
    * @param {React.ChangeEvent<HTMLInputElement>} event The event source of the callback.
    * You can pull out the new checked state by accessing `event.target.checked` (boolean).
    */
-  onChange?: SwitchBaseProps['onChange'];
+  onChange?: SwitchBaseProps['onChange'] | undefined;
   /**
    * If `true`, the `input` element is required.
    * @default false
    */
-  required?: SwitchBaseProps['required'];
+  required?: SwitchBaseProps['required'] | undefined;
   /**
    * The size of the component.
    * `small` is equivalent to the dense checkbox styling.
    * @default 'medium'
    */
-  size?: OverridableStringUnion<'small' | 'medium' | 'large', CheckboxPropsSizeOverrides>;
+  size?: OverridableStringUnion<'small' | 'medium' | 'large', CheckboxPropsSizeOverrides> | 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 component. The DOM API casts this to a string.
    * The browser uses "on" as the default value.
    */
-  value?: SwitchBaseProps['value'];
+  value?: SwitchBaseProps['value'] | undefined;
 }
 export interface CheckboxOwnerState extends Omit<CheckboxProps, 'slots' | 'slotProps'> {}