@mui/material-nextjs 9.0.0-alpha.0 → 9.0.0-alpha.2

package/CHANGELOG.md

@@ -1,5 +1,79 @@
 # [Versions](https://mui.com/versions/)
 
+## 9.0.0-alpha.2
+
+<!-- generated comparing v9.0.0-alpha.1..master -->
+
+_Mar 5, 2026_
+
+A big thanks to the 4 contributors who made this release possible.
+
+### @mui/material@9.0.0-alpha.2
+
+- Clean up duplicated CSS rules (#47838) @sai6855
+
+### @mui/system@9.0.0-alpha.2
+
+- Refactor sortContainerQueries to define regex outside of sort function (#47817) @sai6855
+
+### Docs
+
+- Move shared components to @mui/docs package (#47672) @Janpot
+- Fix small typo in NumberField page (#47877) @arthur-plazanet
+
+### Core
+
+- [code-infra] Reduce paths for attw checks (#47896) @brijeshb42
+- [docs-infra] Run syncTeamMembers (#47900) @Janpot
+
+All contributors of this release in alphabetical order: @arthur-plazanet, @brijeshb42, @Janpot, @sai6855
+
+## 9.0.0-alpha.1
+
+<!-- generated comparing v9.0.0-alpha.0..master -->
+
+_Feb 26, 2026_
+
+A big thanks to the 13 contributors who made this release possible. Here are some highlights ✨:
+
+### @mui/material@9.0.0-alpha.1
+
+- [Autocomplete] Prevents Autocomplete menu from opening on right click (#47797) @silviuaavram
+- [Backdrop] Remove aria-hidden by default (#47798) @silviuaavram
+- [ButtonBase] Ensure that onClick propagates when non-native button is clicked (#47800) @silviuaavram
+- [Dialog][Modal] Remove `disableEscapeKeyDown` prop (#47695) @silviuaavram
+- [Grid] Remove system props support (#47846) @siriwatknp
+- [TableCell][theme] Apply `alpha` before color mixing to border bottom color when nativeColor + cssVariables is used (#47762) @ZeeshanTamboli
+- [theme] Remove MuiTouchRipple from theme component types (#47849) @siriwatknp
+- [Tooltip] Fix error is thrown when wrapping an input which is disabled while focused (#47684) @ZeeshanTamboli
+- [useAutocomplete] Improve isOptionEqualToValue value argument type (#47801) @silviuaavram
+
+### Docs
+
+- [docs] Add updated community theme resource (#47847) @PeterTYLiu
+- [docs] Few copy fixes (#47806) @pavan-sh
+- [docs] Fix IPA reader link in blog post (#47796) @pavan-sh
+- [docs] Fix JSX in Overriding component structure docs (#47799) @ZeeshanTamboli
+- [docs] Fix the keyboard navigation in GroupedMenu example (#47842) @silviuaavram
+- [docs] Fix Theme builder video (#47835) @oliviertassinari
+- [docs] Update pricing sankey as done (#47795) @alexfauquette
+- [docs][system] Update sizing docs to clarify `(0, 1]` behavior. (#47845) @matthias-ccri
+
+### Core
+
+- [blog] Blogpost for upcoming price changes for MUI X (#47748) @DanailH
+- [code-infra] Detect browser envs that don't support layout (#47813) @Janpot
+- [code-infra] Enable undefined addition to optional properties (#47750) @brijeshb42
+- [code-infra] Exclusively enable test mode in jsdom (#47812) @Janpot
+- [code-infra] Fix console.warn during test (#47802) @Janpot
+- [code-infra] Remove vale as a workspace dependency (#47860) @brijeshb42
+- [code-infra] Setup flat build for packages (#47670) @brijeshb42
+- [code-infra] Upgrade react-docgen to v8 (#47685) @JCQuintas
+- [docs-infra] Reapply Cookie Banner with Design Fixes (#47744) @dav-is
+- [internal] Remove legacy MUI Base API docs (#47804) @ZeeshanTamboli
+
+All contributors of this release in alphabetical order: @alexfauquette, @brijeshb42, @DanailH, @dav-is, @Janpot, @JCQuintas, @matthias-ccri, @oliviertassinari, @pavan-sh, @PeterTYLiu, @silviuaavram, @siriwatknp, @ZeeshanTamboli
+
 ## 9.0.0-alpha.0
 
 <!-- generated comparing v7.3.8..master -->

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/material-nextjs",
-  "version": "9.0.0-alpha.0",
+  "version": "9.0.0-alpha.2",
   "author": "MUI Team",
   "description": "Collection of utilities for integration between Material UI and Next.js.",
   "keywords": [
@@ -55,25 +55,116 @@
   "exports": {
     "./package.json": "./package.json",
     "./v13-pagesRouter": {
+      "import": {
+        "types": "./v13-pagesRouter/index.d.mts",
+        "default": "./v13-pagesRouter/index.mjs"
+      },
       "require": {
         "types": "./v13-pagesRouter/index.d.ts",
         "default": "./v13-pagesRouter/index.js"
       },
       "default": {
-        "types": "./esm/v13-pagesRouter/index.d.ts",
-        "default": "./esm/v13-pagesRouter/index.js"
+        "types": "./v13-pagesRouter/index.d.mts",
+        "default": "./v13-pagesRouter/index.mjs"
+      }
+    },
+    "./v13-appRouter": {
+      "import": {
+        "types": "./v13-appRouter/index.d.mts",
+        "default": "./v13-appRouter/index.mjs"
+      },
+      "require": {
+        "types": "./v13-appRouter/index.d.ts",
+        "default": "./v13-appRouter/index.js"
+      },
+      "default": {
+        "types": "./v13-appRouter/index.d.mts",
+        "default": "./v13-appRouter/index.mjs"
+      }
+    },
+    "./v14-appRouter": {
+      "import": {
+        "types": "./v14-appRouter/index.d.mts",
+        "default": "./v14-appRouter/index.mjs"
+      },
+      "require": {
+        "types": "./v14-appRouter/index.d.ts",
+        "default": "./v14-appRouter/index.js"
+      },
+      "default": {
+        "types": "./v14-appRouter/index.d.mts",
+        "default": "./v14-appRouter/index.mjs"
+      }
+    },
+    "./v14-pagesRouter": {
+      "import": {
+        "types": "./v14-pagesRouter/index.d.mts",
+        "default": "./v14-pagesRouter/index.mjs"
+      },
+      "require": {
+        "types": "./v14-pagesRouter/index.d.ts",
+        "default": "./v14-pagesRouter/index.js"
+      },
+      "default": {
+        "types": "./v14-pagesRouter/index.d.mts",
+        "default": "./v14-pagesRouter/index.mjs"
       }
     },
-    "./*": {
+    "./v15-appRouter": {
+      "import": {
+        "types": "./v15-appRouter/index.d.mts",
+        "default": "./v15-appRouter/index.mjs"
+      },
+      "require": {
+        "types": "./v15-appRouter/index.d.ts",
+        "default": "./v15-appRouter/index.js"
+      },
+      "default": {
+        "types": "./v15-appRouter/index.d.mts",
+        "default": "./v15-appRouter/index.mjs"
+      }
+    },
+    "./v15-pagesRouter": {
+      "import": {
+        "types": "./v15-pagesRouter/index.d.mts",
+        "default": "./v15-pagesRouter/index.mjs"
+      },
       "require": {
-        "types": "./*/index.d.ts",
-        "default": "./*/index.js"
+        "types": "./v15-pagesRouter/index.d.ts",
+        "default": "./v15-pagesRouter/index.js"
       },
       "default": {
-        "types": "./esm/*/index.d.ts",
-        "default": "./esm/*/index.js"
+        "types": "./v15-pagesRouter/index.d.mts",
+        "default": "./v15-pagesRouter/index.mjs"
       }
     },
-    "./esm": null
+    "./v16-appRouter": {
+      "import": {
+        "types": "./v16-appRouter/index.d.mts",
+        "default": "./v16-appRouter/index.mjs"
+      },
+      "require": {
+        "types": "./v16-appRouter/index.d.ts",
+        "default": "./v16-appRouter/index.js"
+      },
+      "default": {
+        "types": "./v16-appRouter/index.d.mts",
+        "default": "./v16-appRouter/index.mjs"
+      }
+    },
+    "./v16-pagesRouter": {
+      "import": {
+        "types": "./v16-pagesRouter/index.d.mts",
+        "default": "./v16-pagesRouter/index.mjs"
+      },
+      "require": {
+        "types": "./v16-pagesRouter/index.d.ts",
+        "default": "./v16-pagesRouter/index.js"
+      },
+      "default": {
+        "types": "./v16-pagesRouter/index.d.mts",
+        "default": "./v16-pagesRouter/index.mjs"
+      }
+    }
   }
 }

package/{esm/v13-appRouter/appRouterV13.d.ts → v13-appRouter/appRouterV13.d.mts}

@@ -4,19 +4,19 @@ export type AppRouterCacheProviderProps = {
   /**
    * These are the options passed to createCache() from 'import createCache from "@emotion/cache"'.
    */
-  options?: Partial<OptionsOfCreateCache> & {
+  options?: (Partial<OptionsOfCreateCache> & {
     /**
      * If `true`, the generated styles are wrapped within `@layer mui`.
      * This is useful if you want to override the Material UI's generated styles with different styling solution, like Tailwind CSS, plain CSS etc.
      */
-    enableCssLayer?: boolean;
-  };
+    enableCssLayer?: boolean | undefined;
+  }) | undefined;
   /**
    * By default <CacheProvider /> from 'import { CacheProvider } from "@emotion/react"'.
    */
   CacheProvider?: React.ElementType<{
     value: EmotionCache;
-  }>;
+  }> | undefined;
   children: React.ReactNode;
 };
 /**

package/v13-appRouter/appRouterV13.d.ts

@@ -4,19 +4,19 @@ export type AppRouterCacheProviderProps = {
   /**
    * These are the options passed to createCache() from 'import createCache from "@emotion/cache"'.
    */
-  options?: Partial<OptionsOfCreateCache> & {
+  options?: (Partial<OptionsOfCreateCache> & {
     /**
      * If `true`, the generated styles are wrapped within `@layer mui`.
      * This is useful if you want to override the Material UI's generated styles with different styling solution, like Tailwind CSS, plain CSS etc.
      */
-    enableCssLayer?: boolean;
-  };
+    enableCssLayer?: boolean | undefined;
+  }) | undefined;
   /**
    * By default <CacheProvider /> from 'import { CacheProvider } from "@emotion/react"'.
    */
   CacheProvider?: React.ElementType<{
     value: EmotionCache;
-  }>;
+  }> | undefined;
   children: React.ReactNode;
 };
 /**

package/{esm/v13-appRouter/index.d.ts → v13-appRouter/index.d.mts}

@@ -1,2 +1,2 @@
-export { default as AppRouterCacheProvider } from "./appRouterV13.js";
-export * from "./appRouterV13.js";
+export { default as AppRouterCacheProvider } from "./appRouterV13.mjs";
+export * from "./appRouterV13.mjs";

package/{esm/v13-appRouter/index.js → v13-appRouter/index.mjs}

@@ -1,2 +1,2 @@
-export { default as AppRouterCacheProvider } from "./appRouterV13.js";
-export * from "./appRouterV13.js";
+export { default as AppRouterCacheProvider } from "./appRouterV13.mjs";
+export * from "./appRouterV13.mjs";

package/{esm/v13-pagesRouter/createCache.d.ts → v13-pagesRouter/createCache.d.mts}

@@ -1,4 +1,4 @@
 import createCache from '@emotion/cache';
 export default function createEmotionCache(options?: {
-  enableCssLayer?: boolean;
+  enableCssLayer?: boolean | undefined;
 } & Parameters<typeof createCache>[0]): import("@emotion/cache").EmotionCache;

package/v13-pagesRouter/createCache.d.ts

@@ -1,4 +1,4 @@
 import createCache from '@emotion/cache';
 export default function createEmotionCache(options?: {
-  enableCssLayer?: boolean;
+  enableCssLayer?: boolean | undefined;
 } & Parameters<typeof createCache>[0]): import("@emotion/cache").EmotionCache;

package/v13-pagesRouter/index.d.mts

@@ -0,0 +1,3 @@
+export * from "./pagesRouterV13Document.mjs";
+export * from "./pagesRouterV13App.mjs";
+export { default as createEmotionCache } from "./createCache.mjs";

package/v13-pagesRouter/index.mjs

@@ -0,0 +1,3 @@
+export * from "./pagesRouterV13Document.mjs";
+export * from "./pagesRouterV13App.mjs";
+export { default as createEmotionCache } from "./createCache.mjs";

package/{esm/v13-pagesRouter/pagesRouterV13App.d.ts → v13-pagesRouter/pagesRouterV13App.d.mts}

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { EmotionCache } from '@emotion/react';
 export interface EmotionCacheProviderProps {
-  emotionCache?: EmotionCache;
+  emotionCache?: EmotionCache | undefined;
 }
 export declare function AppCacheProvider({
   emotionCache,

package/v13-pagesRouter/pagesRouterV13App.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { EmotionCache } from '@emotion/react';
 export interface EmotionCacheProviderProps {
-  emotionCache?: EmotionCache;
+  emotionCache?: EmotionCache | undefined;
 }
 export declare function AppCacheProvider({
   emotionCache,

package/{esm/v13-pagesRouter/pagesRouterV13App.js → v13-pagesRouter/pagesRouterV13App.mjs}

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { CacheProvider } from '@emotion/react';
-import createEmotionCache from "./createCache.js";
+import createEmotionCache from "./createCache.mjs";
 import { useRouter as usePagesRouter } from "../nextCompatRouter.cjs";
 import { jsx as _jsx } from "react/jsx-runtime";
 const defaultEmotionCache = createEmotionCache();

package/{esm/v13-pagesRouter/pagesRouterV13Document.d.ts → v13-pagesRouter/pagesRouterV13Document.d.mts}

@@ -15,8 +15,8 @@ export interface DocumentHeadTagsProps {
 }
 export declare function DocumentHeadTags(props: DocumentHeadTagsProps): import("react/jsx-runtime").JSX.Element;
 export declare function documentGetInitialProps(ctx: DocumentContext, options?: {
-  emotionCache?: EmotionCache;
-  plugins?: Plugin[];
+  emotionCache?: EmotionCache | undefined;
+  plugins?: Plugin[] | undefined;
 }): Promise<import("next/dist/shared/lib/utils").RenderPageResult & {
   styles?: React.ReactElement[] | Iterable<React.ReactNode> | React.JSX.Element;
 } & DocumentHeadTagsProps>;

package/v13-pagesRouter/pagesRouterV13Document.d.ts

@@ -15,8 +15,8 @@ export interface DocumentHeadTagsProps {
 }
 export declare function DocumentHeadTags(props: DocumentHeadTagsProps): import("react/jsx-runtime").JSX.Element;
 export declare function documentGetInitialProps(ctx: DocumentContext, options?: {
-  emotionCache?: EmotionCache;
-  plugins?: Plugin[];
+  emotionCache?: EmotionCache | undefined;
+  plugins?: Plugin[] | undefined;
 }): Promise<import("next/dist/shared/lib/utils").RenderPageResult & {
   styles?: React.ReactElement[] | Iterable<React.ReactNode> | React.JSX.Element;
 } & DocumentHeadTagsProps>;

package/{esm/v13-pagesRouter/pagesRouterV13Document.js → v13-pagesRouter/pagesRouterV13Document.mjs}

@@ -2,7 +2,7 @@ var _meta;
 import * as React from 'react';
 import createEmotionServer from '@emotion/server/create-instance';
 import nextDocument from "./nextDocument.cjs";
-import createEmotionCache from "./createCache.js";
+import createEmotionCache from "./createCache.mjs";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const Document = nextDocument.default || nextDocument;
 /**

package/v14-appRouter/index.d.mts

@@ -0,0 +1 @@
+export * from "../v13-appRouter/index.mjs";

package/v14-appRouter/index.mjs

@@ -0,0 +1 @@
+export * from "../v13-appRouter/index.mjs";

package/v14-pagesRouter/index.d.mts

@@ -0,0 +1 @@
+export * from "../v13-pagesRouter/index.mjs";

package/v14-pagesRouter/index.mjs

@@ -0,0 +1 @@
+export * from "../v13-pagesRouter/index.mjs";

package/v15-appRouter/index.d.mts

@@ -0,0 +1 @@
+export * from "../v13-appRouter/index.mjs";

package/v15-appRouter/index.mjs

@@ -0,0 +1 @@
+export * from "../v13-appRouter/index.mjs";

package/v15-pagesRouter/index.d.mts

@@ -0,0 +1 @@
+export * from "../v13-pagesRouter/index.mjs";

package/v15-pagesRouter/index.mjs

@@ -0,0 +1 @@
+export * from "../v13-pagesRouter/index.mjs";

package/v16-appRouter/index.d.mts

@@ -0,0 +1 @@
+export * from "../v13-appRouter/index.mjs";

package/v16-appRouter/index.mjs

@@ -0,0 +1 @@
+export * from "../v13-appRouter/index.mjs";

package/v16-pagesRouter/index.d.mts

@@ -0,0 +1 @@
+export * from "../v13-pagesRouter/index.mjs";

package/v16-pagesRouter/index.mjs

@@ -0,0 +1 @@
+export * from "../v13-pagesRouter/index.mjs";

package/esm/nextCompatRouter.cjs

@@ -1 +0,0 @@
-module.exports = require('next/compat/router');

package/esm/nextCompatRouter.d.cts

@@ -1,2 +0,0 @@
-declare const _exports: typeof import("next/compat/router");
-export = _exports;

package/esm/package.json

@@ -1 +0,0 @@
-{"type":"module","sideEffects":false}

package/esm/v13-appRouter/nextNavigation.cjs

@@ -1 +0,0 @@
-module.exports = require('next/navigation');

package/esm/v13-appRouter/nextNavigation.d.cts

@@ -1,2 +0,0 @@
-declare const _exports: typeof import("next/navigation");
-export = _exports;

package/esm/v13-pagesRouter/index.d.ts

@@ -1,3 +0,0 @@
-export * from "./pagesRouterV13Document.js";
-export * from "./pagesRouterV13App.js";
-export { default as createEmotionCache } from "./createCache.js";

package/esm/v13-pagesRouter/index.js

@@ -1,3 +0,0 @@
-export * from "./pagesRouterV13Document.js";
-export * from "./pagesRouterV13App.js";
-export { default as createEmotionCache } from "./createCache.js";

package/esm/v13-pagesRouter/nextDocument.cjs

@@ -1 +0,0 @@
-module.exports = require('next/document');

package/esm/v13-pagesRouter/nextDocument.d.cts

@@ -1,2 +0,0 @@
-declare const _exports: typeof import("next/document");
-export = _exports;

package/esm/v14-appRouter/index.d.ts

@@ -1 +0,0 @@
-export * from "../v13-appRouter/index.js";

package/esm/v14-appRouter/index.js

@@ -1 +0,0 @@
-export * from "../v13-appRouter/index.js";

package/esm/v14-pagesRouter/index.d.ts

@@ -1 +0,0 @@
-export * from "../v13-pagesRouter/index.js";

package/esm/v14-pagesRouter/index.js

@@ -1 +0,0 @@
-export * from "../v13-pagesRouter/index.js";

package/esm/v15-appRouter/index.d.ts

@@ -1 +0,0 @@
-export * from "../v13-appRouter/index.js";

package/esm/v15-appRouter/index.js

@@ -1 +0,0 @@
-export * from "../v13-appRouter/index.js";

package/esm/v15-pagesRouter/index.d.ts

@@ -1 +0,0 @@
-export * from "../v13-pagesRouter/index.js";

package/esm/v15-pagesRouter/index.js

@@ -1 +0,0 @@
-export * from "../v13-pagesRouter/index.js";

package/esm/v16-appRouter/index.d.ts

@@ -1 +0,0 @@
-export * from "../v13-appRouter/index.js";

package/esm/v16-appRouter/index.js

@@ -1 +0,0 @@
-export * from "../v13-appRouter/index.js";

package/esm/v16-pagesRouter/index.d.ts

@@ -1 +0,0 @@
-export * from "../v13-pagesRouter/index.js";

package/esm/v16-pagesRouter/index.js

@@ -1 +0,0 @@
-export * from "../v13-pagesRouter/index.js";