@mui/material-nextjs 5.15.11 → 6.0.0-alpha.0

package/legacy/v13-appRouter/appRouterV13.js

@@ -5,8 +5,7 @@ import * as React from 'react';
 import createCache from '@emotion/cache';
 import { CacheProvider as DefaultCacheProvider } from '@emotion/react';
 import { useServerInsertedHTML } from 'next/navigation';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * Emotion works OK without this provider but it's recommended to use this provider to improve performance.
  * Without it, Emotion will generate a new <style> tag during SSR for every component.

package/legacy/v13-pagesRouter/pagesRouterV13Document.js

@@ -7,8 +7,7 @@ import * as React from 'react';
 import createEmotionServer from '@emotion/server/create-instance';
 import Document from 'next/document';
 import createEmotionCache from './createCache';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * A utility to compose multiple `getInitialProps` functions.
  */

package/modern/v13-appRouter/appRouterV13.js

@@ -5,8 +5,7 @@ import * as React from 'react';
 import createCache from '@emotion/cache';
 import { CacheProvider as DefaultCacheProvider } from '@emotion/react';
 import { useServerInsertedHTML } from 'next/navigation';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * Emotion works OK without this provider but it's recommended to use this provider to improve performance.
  * Without it, Emotion will generate a new <style> tag during SSR for every component.

package/modern/v13-pagesRouter/pagesRouterV13Document.js

@@ -4,8 +4,7 @@ import * as React from 'react';
 import createEmotionServer from '@emotion/server/create-instance';
 import Document from 'next/document';
 import createEmotionCache from './createCache';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * A utility to compose multiple `getInitialProps` functions.
  */

package/node/v13-appRouter/appRouterV13.js

@@ -13,7 +13,7 @@ var _react2 = require("@emotion/react");
 var _navigation = require("next/navigation");
 var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /**
  * Emotion works OK without this provider but it's recommended to use this provider to improve performance.
  * Without it, Emotion will generate a new <style> tag during SSR for every component.

package/node/v13-appRouter/index.js

@@ -25,4 +25,4 @@ Object.keys(_appRouterV).forEach(function (key) {
   });
 });
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }

package/node/v13-pagesRouter/pagesRouterV13App.js

@@ -10,7 +10,7 @@ var _react2 = require("@emotion/react");
 var _createCache = _interopRequireDefault(require("./createCache"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const defaultEmotionCache = (0, _createCache.default)();
 function AppCacheProvider({
   emotionCache = defaultEmotionCache,

package/node/v13-pagesRouter/pagesRouterV13Document.js

@@ -15,7 +15,7 @@ var _createCache = _interopRequireDefault(require("./createCache"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _meta;
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /**
  * A utility to compose multiple `getInitialProps` functions.
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/material-nextjs",
-  "version": "5.15.11",
+  "version": "6.0.0-alpha.0",
   "private": false,
   "author": "MUI Team",
   "description": "Collection of utilities for integration between Material UI and Next.js.",
@@ -29,10 +29,10 @@
   "peerDependencies": {
     "@emotion/cache": "^11.11.0",
     "@emotion/server": "^11.11.0",
-    "@mui/material": "^5.0.0",
     "@types/react": "^17.0.0 || ^18.0.0",
     "next": "^13.0.0 || ^14.0.0",
-    "react": "^17.0.0 || ^18.0.0"
+    "react": "^17.0.0 || ^18.0.0",
+    "@mui/material": "^6.0.0-alpha.0"
   },
   "peerDependenciesMeta": {
     "@types/react": {

package/v13-appRouter/appRouterV13.js

@@ -5,8 +5,7 @@ import * as React from 'react';
 import createCache from '@emotion/cache';
 import { CacheProvider as DefaultCacheProvider } from '@emotion/react';
 import { useServerInsertedHTML } from 'next/navigation';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * Emotion works OK without this provider but it's recommended to use this provider to improve performance.
  * Without it, Emotion will generate a new <style> tag during SSR for every component.
@@ -19,16 +18,15 @@ export default function AppRouterCacheProvider(props) {
     children
   } = props;
   const [registry] = React.useState(() => {
-    var _options$key;
     const cache = createCache(_extends({}, options, {
-      key: (_options$key = options == null ? void 0 : options.key) != null ? _options$key : 'mui'
+      key: options?.key ?? 'mui'
     }));
     cache.compat = true;
     const prevInsert = cache.insert;
     let inserted = [];
     // Override the insert method to support streaming SSR with flush().
     cache.insert = (...args) => {
-      if (options != null && options.enableCssLayer) {
+      if (options?.enableCssLayer) {
         args[1].styles = `@layer mui {${args[1].styles}}`;
       }
       const [selector, serialized] = args;
@@ -80,7 +78,7 @@ export default function AppRouterCacheProvider(props) {
         name,
         style
       }) => /*#__PURE__*/_jsx("style", {
-        nonce: options == null ? void 0 : options.nonce,
+        nonce: options?.nonce,
         "data-emotion": `${registry.cache.key}-global ${name}`
         // eslint-disable-next-line react/no-danger
         ,
@@ -88,7 +86,7 @@ export default function AppRouterCacheProvider(props) {
           __html: style
         }
       }, name)), styles && /*#__PURE__*/_jsx("style", {
-        nonce: options == null ? void 0 : options.nonce,
+        nonce: options?.nonce,
         "data-emotion": dataEmotionAttribute
         // eslint-disable-next-line react/no-danger
         ,

package/v13-pagesRouter/createCache.js

@@ -8,7 +8,7 @@ export default function createEmotionCache() {
   let insertionPoint;
   if (isBrowser) {
     const emotionInsertionPoint = document.querySelector('meta[name="emotion-insertion-point"]');
-    insertionPoint = emotionInsertionPoint != null ? emotionInsertionPoint : undefined;
+    insertionPoint = emotionInsertionPoint ?? undefined;
   }
   return createCache({
     key: 'mui',

package/v13-pagesRouter/pagesRouterV13Document.js

@@ -4,8 +4,7 @@ import * as React from 'react';
 import createEmotionServer from '@emotion/server/create-instance';
 import Document from 'next/document';
 import createEmotionCache from './createCache';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * A utility to compose multiple `getInitialProps` functions.
  */
@@ -32,7 +31,6 @@ export function DocumentHeadTags(props) {
 // `getInitialProps` belongs to `_document` (instead of `_app`),
 // it's compatible with static-site generation (SSG).
 export async function documentGetInitialProps(ctx, options) {
-  var _options$emotionCache, _options$plugins;
   // Resolution order
   //
   // On the server:
@@ -57,7 +55,7 @@ export async function documentGetInitialProps(ctx, options) {
 
   // You can consider sharing the same Emotion cache between all the SSR requests to speed up performance.
   // However, be aware that it can have global side effects.
-  const cache = (_options$emotionCache = options == null ? void 0 : options.emotionCache) != null ? _options$emotionCache : createEmotionCache();
+  const cache = options?.emotionCache ?? createEmotionCache();
   // The createEmotionServer has to be called directly after the cache creation due to the side effect of cache.compat = true,
   // otherwise the <style> tag will not come with the HTML string from the server.
   const {
@@ -83,5 +81,5 @@ export async function documentGetInitialProps(ctx, options) {
         }, style.key))
       });
     }
-  }, ...((_options$plugins = options == null ? void 0 : options.plugins) != null ? _options$plugins : [])])(ctx);
+  }, ...(options?.plugins ?? [])])(ctx);
 }