@mui/material-nextjs 6.0.0-alpha.1 → 6.0.0-dev.20240529-082515-213b5e33ab

package/CHANGELOG.md

@@ -1,5 +1,40 @@
 # [Versions](https://mui.com/versions/)
 
+## v6.0.0-alpha.8
+
+<!-- generated comparing v6.0.0-alpha.7..next -->
+
+_May 21, 2024_
+
+A big thanks to the 7 contributors who made this release possible.
+This release was mostly about 🐛 bug fixes and 📚 documentation improvements.
+
+### `@mui/material@6.0.0-alpha.7`
+
+- &#8203;<!-- 04 -->[material-ui] Filter only valid theme palette for generating styles (#42147) @siriwatknp
+- &#8203;<!-- 03 -->[material-ui] Remove UMD bundle (#42172) @ZeeshanTamboli
+- &#8203;<!-- 02 -->[material-ui][TextField] Deprecate `*Props` props (#42062) @DiegoAndai
+
+### Docs
+
+- &#8203;<!-- 08 -->[docs] Remove Base UI from the README (#42307) @danilo-leal
+- &#8203;<!-- 07 -->[docs][material-ui] Fix typo in style interoperability with Tailwind CSS docs (#42279) @ZeeshanTamboli
+- &#8203;<!-- 06 -->[docs][material-ui] Add supported browsers section to migration guide (#42194) @DiegoAndai
+- &#8203;<!-- 05 -->[docs][material-ui][Pagination] Clarify pagination `page` prop API (#42220) @Mandar-Pandya
+
+### Core
+
+- &#8203;<!-- 12 -->[blog] Update blog post OG image (#42270) @danilo-leal
+- &#8203;<!-- 11 -->[blog] Update Pigment CSS post (#42266) @danilo-leal
+- &#8203;<!-- 10 -->[docs] Remove LocalMonero (#42224) @oliviertassinari
+- &#8203;<!-- 08 -->[docs-infra] Fix keyboard navigation on page tabs (#42152) @danilo-leal
+- &#8203;<!-- 10 -->[code-infra] Remove raw-loader (#42275) @Janpot
+- &#8203;<!-- 09 -->[core] Remove outdated Babel plugins (#42140) @ZeeshanTamboli
+- &#8203;<!-- 12 -->[core] Fix a few more key spread issues (#42168) @oliviertassinari
+- &#8203;<!-- 01 -->[website] Avoid duplicate simple vs. rich (#42100) @oliviertassinari
+
+All contributors of this release in alphabetical order: @danilo-leal, @DiegoAndai, @Janpot, @Mandar-Pandya, @oliviertassinari, @siriwatknp, @ZeeshanTamboli
+
 ## v6.0.0-alpha.7
 
 <!-- generated comparing v6.0.0-alpha.6..next -->
@@ -53,7 +88,7 @@ All contributors of this release in alphabetical order: @aarongarciah, @alexfauq
 
 _May 8, 2024_
 
-A big thanks to the 10 contributors who made this release possible. Here are some highlights ✨:
+A big thanks to the 10 contributors who made this release possible.
 
 ### `@mui/material@6.0.0-alpha.6`
 
@@ -101,7 +136,7 @@ All contributors of this release in alphabetical order: @aarongarciah, @danilo-l
 
 _May 1, 2024_
 
-A big thanks to the 9 contributors who made this release possible. Here are some highlights ✨:
+A big thanks to the 9 contributors who made this release possible.
 
 ### `@mui/material@6.0.0-alpha.5`
 

package/modern/v13-appRouter/appRouterV13.js

@@ -1,6 +1,5 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import createCache from '@emotion/cache';
 import { CacheProvider as DefaultCacheProvider } from '@emotion/react';
@@ -18,9 +17,10 @@ export default function AppRouterCacheProvider(props) {
     children
   } = props;
   const [registry] = React.useState(() => {
-    const cache = createCache(_extends({}, options, {
+    const cache = createCache({
+      ...options,
       key: options?.key ?? 'mui'
-    }));
+    });
     cache.compat = true;
     const prevInsert = cache.insert;
     let inserted = [];

package/modern/v13-pagesRouter/pagesRouterV13Document.js

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
 var _meta;
 import * as React from 'react';
 import createEmotionServer from '@emotion/server/create-instance';
@@ -63,15 +62,17 @@ export async function documentGetInitialProps(ctx, options) {
   } = createEmotionServer(cache);
   return createGetInitialProps([{
     enhanceApp: App => function EnhanceApp(props) {
-      return /*#__PURE__*/_jsx(App, _extends({
-        emotionCache: cache
-      }, props));
+      return /*#__PURE__*/_jsx(App, {
+        emotionCache: cache,
+        ...props
+      });
     },
     resolveProps: async initialProps => {
       const {
         styles
       } = extractCriticalToChunks(initialProps.html);
-      return _extends({}, initialProps, {
+      return {
+        ...initialProps,
         emotionStyleTags: styles.map(style => /*#__PURE__*/_jsx("style", {
           "data-emotion": `${style.key} ${style.ids.join(' ')}`,
           // eslint-disable-next-line react/no-danger
@@ -79,7 +80,7 @@ export async function documentGetInitialProps(ctx, options) {
             __html: style.css
           }
         }, style.key))
-      });
+      };
     }
   }, ...(options?.plugins ?? [])])(ctx);
 }

package/node/v13-appRouter/appRouterV13.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = AppRouterCacheProvider;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _cache = _interopRequireDefault(require("@emotion/cache"));
 var _react2 = require("@emotion/react");
@@ -27,9 +26,10 @@ function AppRouterCacheProvider(props) {
   } = props;
   const [registry] = React.useState(() => {
     var _options$key;
-    const cache = (0, _cache.default)((0, _extends2.default)({}, options, {
+    const cache = (0, _cache.default)({
+      ...options,
       key: (_options$key = options == null ? void 0 : options.key) != null ? _options$key : 'mui'
-    }));
+    });
     cache.compat = true;
     const prevInsert = cache.insert;
     let inserted = [];

package/node/v13-pagesRouter/pagesRouterV13Document.js

@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.DocumentHeadTags = DocumentHeadTags;
 exports.createGetInitialProps = createGetInitialProps;
 exports.documentGetInitialProps = documentGetInitialProps;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _createInstance = _interopRequireDefault(require("@emotion/server/create-instance"));
 var _document = _interopRequireDefault(require("next/document"));
@@ -75,15 +74,17 @@ async function documentGetInitialProps(ctx, options) {
   } = (0, _createInstance.default)(cache);
   return createGetInitialProps([{
     enhanceApp: App => function EnhanceApp(props) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(App, (0, _extends2.default)({
-        emotionCache: cache
-      }, props));
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(App, {
+        emotionCache: cache,
+        ...props
+      });
     },
     resolveProps: async initialProps => {
       const {
         styles
       } = extractCriticalToChunks(initialProps.html);
-      return (0, _extends2.default)({}, initialProps, {
+      return {
+        ...initialProps,
         emotionStyleTags: styles.map(style => /*#__PURE__*/(0, _jsxRuntime.jsx)("style", {
           "data-emotion": `${style.key} ${style.ids.join(' ')}`,
           // eslint-disable-next-line react/no-danger
@@ -91,7 +92,7 @@ async function documentGetInitialProps(ctx, options) {
             __html: style.css
           }
         }, style.key))
-      });
+      };
     }
   }, ...((_options$plugins = options == null ? void 0 : options.plugins) != null ? _options$plugins : [])])(ctx);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/material-nextjs",
-  "version": "6.0.0-alpha.1",
+  "version": "6.0.0-dev.20240529-082515-213b5e33ab",
   "private": false,
   "author": "MUI Team",
   "description": "Collection of utilities for integration between Material UI and Next.js.",
@@ -24,7 +24,7 @@
     "url": "https://opencollective.com/mui-org"
   },
   "dependencies": {
-    "@babel/runtime": "^7.24.5"
+    "@babel/runtime": "^7.24.6"
   },
   "peerDependencies": {
     "@emotion/cache": "^11.11.0",
@@ -32,7 +32,7 @@
     "@types/react": "^17.0.0 || ^18.0.0",
     "next": "^13.0.0 || ^14.0.0",
     "react": "^17.0.0 || ^18.0.0",
-    "@mui/material": "^6.0.0-alpha.7"
+    "@mui/material": "^6.0.0-dev.20240529-082515-213b5e33ab"
   },
   "peerDependenciesMeta": {
     "@types/react": {

package/v13-appRouter/appRouterV13.js

@@ -1,6 +1,5 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import createCache from '@emotion/cache';
 import { CacheProvider as DefaultCacheProvider } from '@emotion/react';
@@ -18,9 +17,10 @@ export default function AppRouterCacheProvider(props) {
     children
   } = props;
   const [registry] = React.useState(() => {
-    const cache = createCache(_extends({}, options, {
+    const cache = createCache({
+      ...options,
       key: options?.key ?? 'mui'
-    }));
+    });
     cache.compat = true;
     const prevInsert = cache.insert;
     let inserted = [];

package/v13-pagesRouter/pagesRouterV13Document.d.ts

@@ -3,7 +3,7 @@ import { AppType } from 'next/app';
 import { EmotionCache } from '@emotion/react';
 import { DocumentContext, DocumentInitialProps } from 'next/document';
 interface Plugin {
-    enhanceApp: (App: React.ComponentType<React.ComponentProps<AppType>>) => (props: any) => JSX.Element;
+    enhanceApp: (App: React.ComponentType<React.ComponentProps<AppType>>) => (props: any) => React.JSX.Element;
     resolveProps: (initialProps: DocumentInitialProps) => Promise<DocumentInitialProps>;
 }
 /**
@@ -11,7 +11,7 @@ interface Plugin {
  */
 export declare function createGetInitialProps(plugins: Plugin[]): (ctx: DocumentContext) => Promise<DocumentInitialProps>;
 export interface DocumentHeadTagsProps {
-    emotionStyleTags: React.ReactElement[];
+    emotionStyleTags: React.ReactElement<any>[];
 }
 export declare function DocumentHeadTags(props: DocumentHeadTagsProps): React.JSX.Element;
 export declare function documentGetInitialProps(ctx: DocumentContext, options?: {

package/v13-pagesRouter/pagesRouterV13Document.js

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
 var _meta;
 import * as React from 'react';
 import createEmotionServer from '@emotion/server/create-instance';
@@ -63,15 +62,17 @@ export async function documentGetInitialProps(ctx, options) {
   } = createEmotionServer(cache);
   return createGetInitialProps([{
     enhanceApp: App => function EnhanceApp(props) {
-      return /*#__PURE__*/_jsx(App, _extends({
-        emotionCache: cache
-      }, props));
+      return /*#__PURE__*/_jsx(App, {
+        emotionCache: cache,
+        ...props
+      });
     },
     resolveProps: async initialProps => {
       const {
         styles
       } = extractCriticalToChunks(initialProps.html);
-      return _extends({}, initialProps, {
+      return {
+        ...initialProps,
         emotionStyleTags: styles.map(style => /*#__PURE__*/_jsx("style", {
           "data-emotion": `${style.key} ${style.ids.join(' ')}`,
           // eslint-disable-next-line react/no-danger
@@ -79,7 +80,7 @@ export async function documentGetInitialProps(ctx, options) {
             __html: style.css
           }
         }, style.key))
-      });
+      };
     }
   }, ...(options?.plugins ?? [])])(ctx);
 }