@mui/material 5.16.9 → 5.16.12

package/Badge/useBadge.types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface UseBadgeParameters {
     /**
      * The content rendered within the badge.

package/CHANGELOG.md

@@ -1,5 +1,36 @@
 # [Versions](https://mui.com/versions/)
 
+## v5.16.12
+
+<!-- generated comparing v5.16.11..v5.x -->
+
+_Dec 16, 2024_
+
+Material UI v5 is now compatible with React 19 (#44720) @DiegoAndai
+
+### Core
+
+- Bump react 19 in v5 (#44720) @DiegoAndai
+- Add `latest-v5` tag to v5 releases (#44757) @DiegoAndai
+
+All contributors of this release in alphabetical order: @DiegoAndai
+
+## 5.16.11
+
+<!-- generated comparing v5.16.9..v5.x -->
+
+_Dec 11, 2024_
+
+A big thanks to the contributor who made this release possible.
+
+### Core
+
+- Bump pnpm to 9.14.4 in v5 (#44705) @DiegoAndai
+- Fix UMD examples (#44706) @DiegoAndai
+- [typescript] Rescue missing backports v5 (#44712) @DiegoAndai
+
+All contributors of this release in alphabetical order: @DiegoAndai
+
 ## 5.16.9
 
 <!-- generated comparing v5.16.8..v5.x -->

package/ClickAwayListener/ClickAwayListener.d.ts

@@ -5,7 +5,7 @@ export interface ClickAwayListenerProps {
     /**
      * The wrapped element.
      */
-    children: React.ReactElement;
+    children: React.ReactElement<any>;
     /**
      * If `true`, the React tree is ignored and only the DOM tree is considered.
      * This prop changes how portaled elements are handled.
@@ -40,7 +40,7 @@ export interface ClickAwayListenerProps {
  *
  * - [ClickAwayListener API](https://mui.com/material-ui/api/click-away-listener/)
  */
-declare function ClickAwayListener(props: ClickAwayListenerProps): JSX.Element;
+declare function ClickAwayListener(props: ClickAwayListenerProps): React.JSX.Element;
 declare namespace ClickAwayListener {
     var propTypes: any;
 }

package/Modal/useModal.types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PortalProps } from '../Portal';
 import { EventHandlers } from '../utils/types';
 export interface UseModalRootSlotOwnProps {

package/NoSsr/NoSsr.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { NoSsrProps } from './NoSsr.types';
 /**
  * NoSsr purposely removes components from the subject of Server Side Rendering (SSR).
@@ -18,7 +18,7 @@ import { NoSsrProps } from './NoSsr.types';
  *
  * - [NoSsr API](https://mui.com/material-ui/api/no-ssr/)
  */
-declare function NoSsr(props: NoSsrProps): JSX.Element;
+declare function NoSsr(props: NoSsrProps): React.JSX.Element;
 declare namespace NoSsr {
     var propTypes: any;
 }

package/Popper/BasePopper.d.ts

@@ -3,5 +3,5 @@ import { PopperTypeMap } from './BasePopper.types';
 /**
  * @ignore - internal component.
  */
-declare const Popper: PolymorphicComponent<PopperTypeMap<{}, "div">>;
+declare const Popper: PolymorphicComponent<PopperTypeMap>;
 export default Popper;

package/Slider/SliderValueLabel.types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface SliderValueLabelProps {
     children?: React.ReactElement<any>;
     className?: string;

package/Snackbar/useSnackbar.types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type SnackbarCloseReason = 'timeout' | 'clickaway' | 'escapeKeyDown';
 export interface UseSnackbarParameters {
     /**

package/Unstable_Grid2/Grid2.d.ts

@@ -1,4 +1,4 @@
 import { OverridableComponent } from '@mui/types';
 import { Grid2TypeMap } from './Grid2Props';
-declare const Grid2: OverridableComponent<Grid2TypeMap<{}, "div">>;
+declare const Grid2: OverridableComponent<Grid2TypeMap>;
 export default Grid2;

package/Unstable_TrapFocus/FocusTrap.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { FocusTrapProps } from './FocusTrap.types';
 /**
  * @ignore - internal component.
  */
-declare function FocusTrap(props: FocusTrapProps): JSX.Element;
+declare function FocusTrap(props: FocusTrapProps): React.JSX.Element;
 declare namespace FocusTrap {
     var propTypes: any;
 }

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/material v5.16.9
+ * @mui/material v5.16.12
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/legacy/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/material v5.16.9
+ * @mui/material v5.16.12
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/legacy/version/index.js

@@ -1,7 +1,7 @@
-export var version = "5.16.9";
+export var version = "5.16.12";
 export var major = Number("5");
 export var minor = Number("16");
-export var patch = Number("9");
+export var patch = Number("12");
 export var preReleaseLabel = undefined || null;
 export var preReleaseNumber = Number(undefined) || null;
 export default version;

package/modern/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/material v5.16.9
+ * @mui/material v5.16.12
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/modern/version/index.js

@@ -1,7 +1,7 @@
-export const version = "5.16.9";
+export const version = "5.16.12";
 export const major = Number("5");
 export const minor = Number("16");
-export const patch = Number("9");
+export const patch = Number("12");
 export const preReleaseLabel = undefined || null;
 export const preReleaseNumber = Number(undefined) || null;
 export default version;

package/node/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/material v5.16.9
+ * @mui/material v5.16.12
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/node/version/index.js

@@ -4,10 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.version = exports.preReleaseNumber = exports.preReleaseLabel = exports.patch = exports.minor = exports.major = exports.default = void 0;
-const version = exports.version = "5.16.9";
+const version = exports.version = "5.16.12";
 const major = exports.major = Number("5");
 const minor = exports.minor = Number("16");
-const patch = exports.patch = Number("9");
+const patch = exports.patch = Number("12");
 const preReleaseLabel = exports.preReleaseLabel = undefined || null;
 const preReleaseNumber = exports.preReleaseNumber = Number(undefined) || null;
 var _default = exports.default = version;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/material",
-  "version": "5.16.9",
+  "version": "5.16.12",
   "private": false,
   "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.",
@@ -33,12 +33,12 @@
     "clsx": "^2.1.0",
     "csstype": "^3.1.3",
     "prop-types": "^15.8.1",
-    "react-is": "^18.3.1",
+    "react-is": "^19.0.0",
     "react-transition-group": "^4.4.5",
-    "@mui/core-downloads-tracker": "^5.16.9",
-    "@mui/utils": "^5.16.8",
+    "@mui/core-downloads-tracker": "^5.16.12",
     "@mui/types": "^7.2.15",
-    "@mui/system": "^5.16.8"
+    "@mui/system": "^5.16.12",
+    "@mui/utils": "^5.16.12"
   },
   "peerDependencies": {
     "@emotion/react": "^11.5.0",

package/styles/CssVarsProvider.d.ts

@@ -2,20 +2,20 @@ import * as React from 'react';
 import { SupportedColorScheme } from './experimental_extendTheme';
 declare const CssVarsProvider: (props: React.PropsWithChildren<Partial<import("@mui/system").CssVarsProviderConfig<SupportedColorScheme>> & {
     theme?: {
-        cssVarPrefix?: string | undefined;
+        cssVarPrefix?: string;
         colorSchemes: Record<SupportedColorScheme, Record<string, any>>;
     } | {
         $$material: {
-            cssVarPrefix?: string | undefined;
+            cssVarPrefix?: string;
             colorSchemes: Record<SupportedColorScheme, Record<string, any>>;
         };
     } | undefined;
-    documentNode?: Document | null | undefined;
-    colorSchemeNode?: Element | null | undefined;
-    colorSchemeSelector?: string | undefined;
-    storageWindow?: Window | null | undefined;
-    disableNestedContext?: boolean | undefined;
-    disableStyleSheetGeneration?: boolean | undefined;
+    documentNode?: Document | null;
+    colorSchemeNode?: Element | null;
+    colorSchemeSelector?: string;
+    storageWindow?: Window | null;
+    disableNestedContext?: boolean;
+    disableStyleSheetGeneration?: boolean;
 }>) => React.JSX.Element, useColorScheme: () => import("@mui/system").ColorSchemeContextValue<SupportedColorScheme>;
 /**
  * @deprecated Use `InitColorSchemeScript` instead