@mui/material 7.3.7 → 7.3.9

package/internal/index.d.ts

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

package/locale/utils/LocaleTextApi.d.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/material",
-  "version": "7.3.7",
+  "version": "7.3.9",
   "author": "MUI Team",
   "description": "Material UI is an open-source React component library that implements Google's Material Design. It's comprehensive and can be used in production out of the box.",
   "keywords": [
@@ -25,7 +25,7 @@
     "url": "https://opencollective.com/mui-org"
   },
   "dependencies": {
-    "@babel/runtime": "^7.28.4",
+    "@babel/runtime": "^7.28.6",
     "@popperjs/core": "^2.11.8",
     "@types/react-transition-group": "^4.4.12",
     "clsx": "^2.1.1",
@@ -33,10 +33,10 @@
     "prop-types": "^15.8.1",
     "react-is": "^19.2.3",
     "react-transition-group": "^4.4.5",
-    "@mui/core-downloads-tracker": "^7.3.7",
-    "@mui/system": "^7.3.7",
-    "@mui/utils": "^7.3.7",
-    "@mui/types": "^7.4.10"
+    "@mui/core-downloads-tracker": "^7.3.9",
+    "@mui/system": "^7.3.9",
+    "@mui/types": "^7.4.12",
+    "@mui/utils": "^7.3.9"
   },
   "peerDependencies": {
     "@emotion/react": "^11.5.0",
@@ -44,7 +44,7 @@
     "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
     "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
     "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0",
-    "@mui/material-pigment-css": "^7.3.7"
+    "@mui/material-pigment-css": "^7.3.9"
   },
   "peerDependenciesMeta": {
     "@types/react": {

package/styles/ThemeProvider.d.ts

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

package/styles/ThemeProviderWithVars.d.ts

@@ -27,24 +27,24 @@ declare const getInitColorSchemeScript: typeof deprecatedGetInitColorSchemeScrip
  */
 export declare const CssVarsProvider: (props: import("react").PropsWithChildren<Partial<import("@mui/system").CssVarsProviderConfig<SupportedColorScheme>> & {
   theme?: {
-    cssVariables?: false;
-    cssVarPrefix?: string;
+    cssVariables?: false | undefined;
+    cssVarPrefix?: string | undefined;
     colorSchemes: Partial<Record<SupportedColorScheme, any>>;
-    colorSchemeSelector?: "media" | "class" | "data" | string;
+    colorSchemeSelector?: "media" | "class" | "data" | string | undefined;
   } | {
     $$material: {
-      cssVariables?: false;
-      cssVarPrefix?: string;
+      cssVariables?: false | undefined;
+      cssVarPrefix?: string | undefined;
       colorSchemes: Partial<Record<SupportedColorScheme, any>>;
-      colorSchemeSelector?: "media" | "class" | "data" | string;
+      colorSchemeSelector?: "media" | "class" | "data" | string | undefined;
     };
   } | undefined;
-  defaultMode?: "light" | "dark" | "system";
-  documentNode?: Document | null;
-  colorSchemeNode?: Element | null;
-  storageManager?: import("@mui/system").StorageManager | null;
-  storageWindow?: Window | null;
-  disableNestedContext?: boolean;
-  disableStyleSheetGeneration?: boolean;
+  defaultMode?: "light" | "dark" | "system" | undefined;
+  documentNode?: Document | null | undefined;
+  colorSchemeNode?: Element | null | undefined;
+  storageManager?: import("@mui/system").StorageManager | null | undefined;
+  storageWindow?: Window | null | undefined;
+  disableNestedContext?: boolean | undefined;
+  disableStyleSheetGeneration?: boolean | undefined;
 }>) => React.JSX.Element;
 export { useColorScheme, getInitColorSchemeScript, Experimental_CssVarsProvider };

package/styles/adaptV4Theme.d.ts

@@ -11,20 +11,20 @@ import { ComponentsProps } from "./props.js";
 import { Theme } from "./createTheme.js";
 export type Direction = 'ltr' | 'rtl';
 export interface DeprecatedThemeOptions {
-  shape?: ShapeOptions;
-  breakpoints?: BreakpointsOptions;
-  direction?: Direction;
-  mixins?: MixinsOptions;
-  overrides?: ComponentsOverrides;
-  palette?: PaletteOptions;
-  props?: ComponentsProps;
-  shadows?: Shadows;
-  spacing?: SpacingOptions;
-  transitions?: TransitionsOptions;
-  typography?: TypographyVariantsOptions | ((palette: Palette) => TypographyVariantsOptions);
-  variants?: ComponentsVariants;
-  zIndex?: ZIndexOptions;
-  unstable_strictMode?: boolean;
+  shape?: ShapeOptions | undefined;
+  breakpoints?: BreakpointsOptions | undefined;
+  direction?: Direction | undefined;
+  mixins?: MixinsOptions | undefined;
+  overrides?: ComponentsOverrides | undefined;
+  palette?: PaletteOptions | undefined;
+  props?: ComponentsProps | undefined;
+  shadows?: Shadows | undefined;
+  spacing?: SpacingOptions | undefined;
+  transitions?: TransitionsOptions | undefined;
+  typography?: TypographyVariantsOptions | ((palette: Palette) => TypographyVariantsOptions) | undefined;
+  variants?: ComponentsVariants | undefined;
+  zIndex?: ZIndexOptions | undefined;
+  unstable_strictMode?: boolean | undefined;
 }
 
 /**