@mui/utils 7.3.8 → 7.3.9

package/CHANGELOG.md

@@ -1,5 +1,44 @@
 # [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 -->

package/deepmerge/deepmerge.d.ts

@@ -1,6 +1,6 @@
 export declare function isPlainObject(item: unknown): item is Record<keyof any, unknown>;
 export interface DeepmergeOptions {
-  clone?: boolean;
+  clone?: boolean | undefined;
 }
 /**
  * Merge objects deeply.

package/esm/deepmerge/deepmerge.d.ts

@@ -1,6 +1,6 @@
 export declare function isPlainObject(item: unknown): item is Record<keyof any, unknown>;
 export interface DeepmergeOptions {
-  clone?: boolean;
+  clone?: boolean | undefined;
 }
 /**
  * Merge objects deeply.

package/esm/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/utils v7.3.8
+ * @mui/utils v7.3.9
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/esm/mergeSlotProps/mergeSlotProps.d.ts

@@ -3,9 +3,9 @@ import { ClassValue } from 'clsx';
 import { Simplify } from '@mui/types';
 import { EventHandlers } from "../types/index.js";
 export type WithCommonProps<OtherProps> = OtherProps & {
-  className?: string;
-  style?: React.CSSProperties;
-  ref?: React.Ref<any>;
+  className?: string | undefined;
+  style?: React.CSSProperties | undefined;
+  ref?: React.Ref<any> | undefined;
 };
 export interface MergeSlotPropsParameters<SlotProps, ExternalForwardedProps, ExternalSlotProps, AdditionalProps> {
   /**
@@ -13,29 +13,29 @@ export interface MergeSlotPropsParameters<SlotProps, ExternalForwardedProps, Ext
    * It accepts the event handlers passed into the component by the user
    * and is responsible for calling them where appropriate.
    */
-  getSlotProps?: (other: EventHandlers) => WithCommonProps<SlotProps>;
+  getSlotProps?: ((other: EventHandlers) => WithCommonProps<SlotProps>) | undefined;
   /**
    * Props provided to the `slotProps.*` of the Base UI component.
    */
-  externalSlotProps?: WithCommonProps<ExternalSlotProps>;
+  externalSlotProps?: WithCommonProps<ExternalSlotProps> | undefined;
   /**
    * Extra props placed on the Base UI component that should be forwarded to the slot.
    * This should usually be used only for the root slot.
    */
-  externalForwardedProps?: WithCommonProps<ExternalForwardedProps>;
+  externalForwardedProps?: WithCommonProps<ExternalForwardedProps> | undefined;
   /**
    * Additional props to be placed on the slot.
    */
-  additionalProps?: WithCommonProps<AdditionalProps>;
+  additionalProps?: WithCommonProps<AdditionalProps> | undefined;
   /**
    * Extra class name(s) to be placed on the slot.
    */
-  className?: ClassValue | ClassValue[];
+  className?: ClassValue | ClassValue[] | undefined;
 }
 export type MergeSlotPropsResult<SlotProps, ExternalForwardedProps, ExternalSlotProps, AdditionalProps> = {
   props: Simplify<SlotProps & ExternalForwardedProps & ExternalSlotProps & AdditionalProps & {
-    className?: string;
-    style?: React.CSSProperties;
+    className?: string | undefined;
+    style?: React.CSSProperties | undefined;
   }>;
   internalRef: React.Ref<any> | undefined;
 };

package/esm/resolveProps/resolveProps.d.ts

@@ -8,10 +8,10 @@
  * @returns resolved props
  */
 export default function resolveProps<T extends {
-  components?: Record<string, unknown>;
-  componentsProps?: Record<string, unknown>;
-  slots?: Record<string, unknown>;
-  slotProps?: Record<string, unknown>;
-  className?: string;
-  style?: React.CSSProperties;
+  components?: Record<string, unknown> | undefined;
+  componentsProps?: Record<string, unknown> | undefined;
+  slots?: Record<string, unknown> | undefined;
+  slotProps?: Record<string, unknown> | undefined;
+  className?: string | undefined;
+  style?: React.CSSProperties | undefined;
 } & Record<string, unknown>>(defaultProps: T, props: T, mergeClassNameAndStyle?: boolean): T;

package/esm/useControlled/useControlled.d.ts

@@ -15,6 +15,6 @@ export interface UseControlledProps<T = unknown> {
   /**
    * The name of the state variable displayed in warnings.
    */
-  state?: string;
+  state?: string | undefined;
 }
 export default function useControlled<T = unknown>(props: UseControlledProps<T>): [T, React.Dispatch<React.SetStateAction<T | undefined>>];

package/esm/useSlotProps/useSlotProps.d.ts

@@ -17,7 +17,7 @@ export type UseSlotPropsParameters<ElementType extends React.ElementType, SlotPr
   /**
    * Set to true if the slotProps callback should receive more props.
    */
-  skipResolvingSlotProps?: boolean;
+  skipResolvingSlotProps?: boolean | undefined;
 };
 export type UseSlotPropsResult<ElementType extends React.ElementType, SlotProps, AdditionalProps, OwnerState> = AppendOwnerStateReturnType<ElementType, MergeSlotPropsResult<SlotProps, object, object, AdditionalProps>['props'] & {
   ref: ((instance: any | null) => void) | null;
@@ -31,8 +31,8 @@ export type UseSlotPropsResult<ElementType extends React.ElementType, SlotProps,
  * @param parameters.getSlotProps - A function that returns the props to be passed to the slot component.
  */
 declare function useSlotProps<ElementType extends React.ElementType, SlotProps, AdditionalProps, OwnerState>(parameters: UseSlotPropsParameters<ElementType, SlotProps, object, WithCommonProps<Record<string, any>>, AdditionalProps, OwnerState>): import("@mui/types").Simplify<import("@mui/types").Simplify<SlotProps & object & AdditionalProps & {
-  className?: string;
-  style?: React.CSSProperties;
+  className?: string | undefined;
+  style?: React.CSSProperties | undefined;
 }> & {
   ref: ((instance: any | null) => void) | null;
 } & {

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/utils v7.3.8
+ * @mui/utils v7.3.9
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/mergeSlotProps/mergeSlotProps.d.ts

@@ -3,9 +3,9 @@ import { ClassValue } from 'clsx';
 import { Simplify } from '@mui/types';
 import { EventHandlers } from "../types/index.js";
 export type WithCommonProps<OtherProps> = OtherProps & {
-  className?: string;
-  style?: React.CSSProperties;
-  ref?: React.Ref<any>;
+  className?: string | undefined;
+  style?: React.CSSProperties | undefined;
+  ref?: React.Ref<any> | undefined;
 };
 export interface MergeSlotPropsParameters<SlotProps, ExternalForwardedProps, ExternalSlotProps, AdditionalProps> {
   /**
@@ -13,29 +13,29 @@ export interface MergeSlotPropsParameters<SlotProps, ExternalForwardedProps, Ext
    * It accepts the event handlers passed into the component by the user
    * and is responsible for calling them where appropriate.
    */
-  getSlotProps?: (other: EventHandlers) => WithCommonProps<SlotProps>;
+  getSlotProps?: ((other: EventHandlers) => WithCommonProps<SlotProps>) | undefined;
   /**
    * Props provided to the `slotProps.*` of the Base UI component.
    */
-  externalSlotProps?: WithCommonProps<ExternalSlotProps>;
+  externalSlotProps?: WithCommonProps<ExternalSlotProps> | undefined;
   /**
    * Extra props placed on the Base UI component that should be forwarded to the slot.
    * This should usually be used only for the root slot.
    */
-  externalForwardedProps?: WithCommonProps<ExternalForwardedProps>;
+  externalForwardedProps?: WithCommonProps<ExternalForwardedProps> | undefined;
   /**
    * Additional props to be placed on the slot.
    */
-  additionalProps?: WithCommonProps<AdditionalProps>;
+  additionalProps?: WithCommonProps<AdditionalProps> | undefined;
   /**
    * Extra class name(s) to be placed on the slot.
    */
-  className?: ClassValue | ClassValue[];
+  className?: ClassValue | ClassValue[] | undefined;
 }
 export type MergeSlotPropsResult<SlotProps, ExternalForwardedProps, ExternalSlotProps, AdditionalProps> = {
   props: Simplify<SlotProps & ExternalForwardedProps & ExternalSlotProps & AdditionalProps & {
-    className?: string;
-    style?: React.CSSProperties;
+    className?: string | undefined;
+    style?: React.CSSProperties | undefined;
   }>;
   internalRef: React.Ref<any> | undefined;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/utils",
-  "version": "7.3.8",
+  "version": "7.3.9",
   "author": "MUI Team",
   "description": "Utility functions for React components.",
   "keywords": [
@@ -29,7 +29,7 @@
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
     "react-is": "^19.2.3",
-    "@mui/types": "^7.4.11"
+    "@mui/types": "^7.4.12"
   },
   "peerDependencies": {
     "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",

package/resolveProps/resolveProps.d.ts

@@ -8,10 +8,10 @@
  * @returns resolved props
  */
 export default function resolveProps<T extends {
-  components?: Record<string, unknown>;
-  componentsProps?: Record<string, unknown>;
-  slots?: Record<string, unknown>;
-  slotProps?: Record<string, unknown>;
-  className?: string;
-  style?: React.CSSProperties;
+  components?: Record<string, unknown> | undefined;
+  componentsProps?: Record<string, unknown> | undefined;
+  slots?: Record<string, unknown> | undefined;
+  slotProps?: Record<string, unknown> | undefined;
+  className?: string | undefined;
+  style?: React.CSSProperties | undefined;
 } & Record<string, unknown>>(defaultProps: T, props: T, mergeClassNameAndStyle?: boolean): T;

package/useControlled/useControlled.d.ts

@@ -15,6 +15,6 @@ export interface UseControlledProps<T = unknown> {
   /**
    * The name of the state variable displayed in warnings.
    */
-  state?: string;
+  state?: string | undefined;
 }
 export default function useControlled<T = unknown>(props: UseControlledProps<T>): [T, React.Dispatch<React.SetStateAction<T | undefined>>];

package/useSlotProps/useSlotProps.d.ts

@@ -17,7 +17,7 @@ export type UseSlotPropsParameters<ElementType extends React.ElementType, SlotPr
   /**
    * Set to true if the slotProps callback should receive more props.
    */
-  skipResolvingSlotProps?: boolean;
+  skipResolvingSlotProps?: boolean | undefined;
 };
 export type UseSlotPropsResult<ElementType extends React.ElementType, SlotProps, AdditionalProps, OwnerState> = AppendOwnerStateReturnType<ElementType, MergeSlotPropsResult<SlotProps, object, object, AdditionalProps>['props'] & {
   ref: ((instance: any | null) => void) | null;
@@ -31,8 +31,8 @@ export type UseSlotPropsResult<ElementType extends React.ElementType, SlotProps,
  * @param parameters.getSlotProps - A function that returns the props to be passed to the slot component.
  */
 declare function useSlotProps<ElementType extends React.ElementType, SlotProps, AdditionalProps, OwnerState>(parameters: UseSlotPropsParameters<ElementType, SlotProps, object, WithCommonProps<Record<string, any>>, AdditionalProps, OwnerState>): import("@mui/types").Simplify<import("@mui/types").Simplify<SlotProps & object & AdditionalProps & {
-  className?: string;
-  style?: React.CSSProperties;
+  className?: string | undefined;
+  style?: React.CSSProperties | undefined;
 }> & {
   ref: ((instance: any | null) => void) | null;
 } & {