@mui/material-nextjs 5.15.0 → 5.15.4

package/README.md

@@ -1,3 +1,3 @@
 # @mui/material-nextjs
 
-The official integration of Material-UI with Next.js. For full documentation, visit [Next.js Integration](material-ui/guides/nextjs/) page.
+The official Material UI integration with Next.js. For the full documentation, visit [Next.js integration](https://mui.com/material-ui/guides/nextjs/) page.

package/{CHANGELOG.md → build/CHANGELOG.md}

@@ -1,5 +1,264 @@
 # [Versions](https://mui.com/versions/)
 
+## 5.15.4
+
+<!-- generated comparing v5.15.3..master -->
+
+_Jan 10, 2024_
+
+A big thanks to the 22 contributors who made this release possible. Here are some highlights:
+
+- ✨ Material UI's [ToggleButtonGroup](https://mui.com/material-ui/react-toggle-button/) now supports non-button element as a child (e.g., showing a Tooltip on a disabled ToggleButton) (#40220) @Methuselah96
+
+### `@mui/material@5.15.4`
+
+- [TextField][FormLabel][InputLabel][FormControl] Use exact children type to allow React children type augmentation (#38872) @nicegamer7
+- [Select] Add form submission regression test (#40176) @mj12albert
+- [ToggleButtonGroup] Support different elements under it (#40220) @Methuselah96
+- [ClickAwayListener] Fix export of types (#40485) @illume
+
+### `@mui/material-nextjs@5.15.4`
+
+- Improve build size issue (#40436) @siriwatknp
+
+### `@mui/icons-material@5.15.4`
+
+- Update the icons (#40365) @michaldudak
+
+### `@mui/system@5.15.4`
+
+- [zero] Move zero runtime related packages (#40426) @brijeshb42
+- Fix all use of styled(Box) (#40449) @oliviertassinari
+
+### `@mui/utils@5.15.4`
+
+- Fix `isPlainObject` to work across realm (#39981) @brijeshb42
+
+### `@mui/base@5.0.0-beta.31`
+
+- [base-ui][NumberInput] Remove inputId and inputRef types from NumberInput component (#40425) @sai6855
+
+### `@mui/joy@5.0.0-beta.22`
+
+- [Badge] Shouldn't crash when using custom size (#39986) @iamsaumya
+- [ToggleButtonGroup] Add `JoyToggleButtonGroup` to extendTheme's components type export (#40407) @RiceCrisp
+
+### Docs
+
+- [base-ui] Visual tweaks to the plain CSS theme stylesheet (#40487) @zanivan
+- [base-ui] Add tokens to plain CSS theme stylesheet (#40113) @zanivan
+- [base-ui] Update the overview page (#40412) @danilo-leal
+- [material-ui][Drawer] Resolve flickering when double-clicking on the backdrop to close it (#40343) @aacevski
+- [material-ui] Refactor form submission in FormDialog component (#40470) @sai6855
+- [material-ui] Replace recharts with MUI X charts on the Dashboard template (#40107) @alexfauquette
+- [material-ui] Revise the Alert demo page (#34892) @samuelsycamore
+- [material-ui] Revise the Accordion page (#40284) @anle9650
+- [material-ui] Add docs for complementary Card components (#40346) @anle9650
+- [material-ui] Add Material 3 components page (#40350) @DiegoAndai
+- Fix strange italic style @oliviertassinari
+- Fix references to ESLint @oliviertassinari
+- Fix 301 redirections @oliviertassinari
+- Right-to-left revision and addition to Joy UI (#39158) @danilo-leal
+
+### Core
+
+- [examples] Use material-nextjs integration package (#40199) @siriwatknp
+- [code-infra] Configure build dependencies in nx (#40482) @michaldudak
+- [code-infra] Don't require noreferrer on target link (#40447) @oliviertassinari
+- [code-infra] Use tsx instead of ts-node (#40428) @michaldudak
+- [code-infra] Add options to docs-api generation to support X code structure (#40111) @alexfauquette
+- [docs-infra] Add types for withDocsInfra (#40301) @oliviertassinari
+- [docs-infra] Fix anchor links in API pages (#40450) @oliviertassinari
+- [docs-infra] Fix API table full-width (#40476) @oliviertassinari
+- [docs-infra] Fix the copy button overlapping with the scrollbar (#40405) @danilo-leal
+- [docs-infra] Remove explicit `mui-x` dependency resolving (#40257) @LukasTy
+- [docs-infra] Update the outlined Demo container dark mode color (#40488) @danilo-leal
+- [core] Lock file maintenance (#34538) @renovate[bot]
+- [core] Remove duplicate devDependencies (#40438) @michaldudak
+- [core] Remove issue emoji @oliviertassinari
+- [core] Move prefetch at the core, will propagate to MUI X @oliviertassinari
+- [core] Change package manager to pnpm (#36287) @Janpot
+- [core][docs] Remove the "Understand MUI packages" page (#39835) @savalaram-redkar
+- [website] Evolve the Developer Advocate role (#40337) @oliviertassinari
+- [website] Fix default social card @oliviertassinari
+- [test] Restore the `t` command (#40430) @michaldudak
+
+All contributors of this release in alphabetical order: @aacevski, @alexfauquette, @anle9650, @brijeshb42, @danilo-leal, @DiegoAndai, @iamsaumya, @illume, @Janpot, @LukasTy, @Methuselah96, @michaldudak, @mj12albert, @nicegamer7, @oliviertassinari, @renovate[bot], @RiceCrisp, @sai6855, @samuelsycamore, @savalaram-redkar, @siriwatknp, @zanivan
+
+## 5.15.3
+
+<!-- generated comparing v5.15.2..master -->
+
+_Jan 3, 2024_
+
+A big thanks to the 11 contributors who made this release possible.
+This release was mostly about 🐛 bug fixes and 📚 documentation improvements.
+
+### `@mui/material-nextjs@5.15.3`
+
+- &#8203;<!-- 06 -->[material-nextjs] Fix order of emotion server (#40409) @siriwatknp
+
+### `@mui/base@5.0.0-beta.30`
+
+- &#8203;<!-- 40 -->[useSlider] Rearrange passive option in eventlisteners (#40235) @Kamino0
+
+### `@mui/lab@5.0.0-alpha.159`
+
+- &#8203;<!-- 14 -->Add use client directive (#40358) @DiegoAndai
+
+### `@mui/material-next@6.0.0-alpha.116`
+
+- &#8203;<!-- 13 -->[List] Copy all List\* components to material-next package (#40367) @sai6855
+- &#8203;<!-- 12 -->Update CONTRIBUTING guide given v6/v7 rescheduling (#40363) @DiegoAndai
+- &#8203;<!-- 11 -->[MenuItem] Fix spec import (#40271) @DiegoAndai
+- &#8203;<!-- 10 -->[Option] Add Option component (#40270) @DiegoAndai
+- &#8203;<!-- 09 -->[Slider] Replace lodash with internal utils (#40261) @DiegoAndai
+- &#8203;<!-- 08 -->[Switch] Change files to TypeScript (#39894) @lhilgert9
+- &#8203;<!-- 07 -->[theme] Move ref palette out of color schemes (#40341) @DiegoAndai
+
+### Docs
+
+- &#8203;<!-- 41 -->[base-ui] Polish the Table Pagination demos (#40281) @danilo-leal
+- &#8203;<!-- 22 -->[joy-ui] Fix dashboard template console errors (#40316) @oliviertassinari
+- &#8203;<!-- 21 -->[joy-ui] Fix image size on the Files template (#40315) @oliviertassinari
+- &#8203;<!-- 20 -->[material-ui] Revise the Divider page (#40356) @danilo-leal
+- &#8203;<!-- 19 -->[material-ui] Polish the Next.js integration page (#40317) @oliviertassinari
+- &#8203;<!-- 18 -->[material-ui] Adding autoFocus on Virtual Popover (#40239) @aacevski
+- &#8203;<!-- 17 -->[material-ui] Revise the Roadmap page (#40054) @danilo-leal
+- &#8203;<!-- 16 -->[material-ui] Update the "showing and hiding" section on the Tooltip page (#40283) @anle9650
+- &#8203;<!-- 05 -->[material-ui] Fix Slider's customized iOS demo to use updated official colors (#39813) @Super-Kenil
+- &#8203;<!-- 15 -->[examples] Simplify Next.js example (#40318) @oliviertassinari
+
+### Core
+
+- &#8203;<!-- 39 -->[blog] Update open-graph cards for all posts (#40328) @danilo-leal
+- &#8203;<!-- 38 -->[blog] Correct git diff @oliviertassinari
+- &#8203;<!-- 37 -->[code-infra] Update lerna and unpin its version (#40399) @michaldudak
+- &#8203;<!-- 36 -->[code-infra] Break package dependency cycle between @mui/material and @mui/icons-material (#40400) @michaldudak
+- &#8203;<!-- 35 -->[code-infra] Break package dependency cycles (#40398) @michaldudak
+- &#8203;<!-- 34 -->[code-infra] Sync bug issue template (#40305) @oliviertassinari
+- &#8203;<!-- 33 -->[docs] Fix 301 link to Base UI (#40396) @oliviertassinari
+- &#8203;<!-- 32 -->[docs] Link new MUI X components in sidnav (#40345) @oliviertassinari
+- &#8203;<!-- 31 -->[docs] Fix 301 links to Toolpad @oliviertassinari
+- &#8203;<!-- 30 -->[docs] Remove old notifications @oliviertassinari
+- &#8203;<!-- 29 -->[docs] Always mention the npm tag with npx (#40335) @oliviertassinari
+- &#8203;<!-- 28 -->[docs] Reduce network use on the All Components pages (#40313) @oliviertassinari
+- &#8203;<!-- 27 -->[docs-infra] Fix missing button aria-label (#40394) @oliviertassinari
+- &#8203;<!-- 26 -->[docs-infra] Fix a11y violation rule (#40393) @oliviertassinari
+- &#8203;<!-- 25 -->[docs-infra] Prefetch pages on hover (#40314) @oliviertassinari
+- &#8203;<!-- 24 -->[docs-infra] Fix footer links to link to the main domain (#40373) @oliviertassinari
+- &#8203;<!-- 23 -->[docs-infra] Add stray design adjustments (#40347) @danilo-leal
+- &#8203;<!-- 04 -->[website] Fix Base UI page's component section imports & styles (#40231) @danilo-leal
+- &#8203;<!-- 03 -->[website] Fix outdated Nhost image link @oliviertassinari
+- &#8203;<!-- 02 -->[website] Shorten Joy UI description, 7 chars too long @oliviertassinari
+- &#8203;<!-- 01 -->[website] Update some social preview images (#40282) @danilo-leal
+
+All contributors of this release in alphabetical order: @aacevski, @anle9650, @danilo-leal, @DiegoAndai, @Kamino0, @lhilgert9, @michaldudak, @oliviertassinari, @sai6855, @siriwatknp, @Super-Kenil
+
+## 5.15.2
+
+<!-- generated comparing v5.15.1..master -->
+
+_Dec 25, 2023_
+
+A big thanks to the 13 contributors who made this release possible. Here are some highlights ✨:
+
+- 🚀 Added support for callbacks in the [variant's props definition](https://mui.com/material-ui/customization/theme-components/#creating-new-component-variants) (#40094) @mnajdova
+- 💫 Published a [blogpost](https://mui.com/blog/2023-material-ui-v6-and-beyond/) for the 2024's plan about Material UI
+
+### `@mui/material@5.15.2`
+
+- &#8203;<!-- 31 -->[Badge] Use the variants API in the styled call (#40213) @mnajdova
+- &#8203;<!-- 04 -->[Paper] Add missing Paper classes descriptions (#40300) @sai6855
+
+### `@mui/system@5.15.2`
+
+- &#8203;<!-- 03 -->Support props callback in the variant's definition (#40094) @mnajdova
+
+### `@mui/base@5.0.0-beta.29`
+
+- &#8203;<!-- 29 -->[Popup] Use context-based transition API (#39326) @michaldudak
+- &#8203;<!-- 28 -->[Popup] Popup no longer opens outside viewport (#39827) @adamhylander
+- &#8203;<!-- 27 -->[useSelect] Refactor to use DOM focus management instead of active descendant (#39675) @DiegoAndai
+
+### `@mui/material-next@6.0.0-alpha.115`
+
+- &#8203;<!-- 15 -->[material-next][Divider]Divider ts support (#40307) @sai6855
+
+### Docs
+
+- &#8203;<!-- 30 -->[base-ui] Fix form submission Select demo (#40014) @ZeeshanTamboli
+- &#8203;<!-- 24 -->[blog] Add Material UI v6 and beyond blog post (#40242) @mnajdova
+- &#8203;<!-- 10 -->[material-ui] Fix broken links in the All components page (#40303) @muazaqdas
+- &#8203;<!-- 09 -->[material-ui] Fix broken links on the All components page (#40279) @danilo-leal
+- &#8203;<!-- 08 -->[material-ui] Add aria-current for nav tabs demo (#39594) @Kimzify
+- &#8203;<!-- 07 -->[material-ui] Add an "All components" page (#40256) @danilo-leal
+- &#8203;<!-- 06 -->[material-ui][Tooltip] Add demo to show how to change distance between tooltip and its anchor (#40087) @anle9650
+
+### Core
+
+- &#8203;<!-- 26 -->[blog] Fix 301 redirection @oliviertassinari
+- &#8203;<!-- 25 -->[blog] Reduce max image size @oliviertassinari
+- &#8203;<!-- 23 -->[code-infra] Extract Babel macro from mui-utils (#40262) @michaldudak
+- &#8203;<!-- 22 -->[core] Simplify a bit the release instructions @oliviertassinari
+- &#8203;<!-- 21 -->[core] Push force to deploy is not unexpected @oliviertassinari
+- &#8203;<!-- 20 -->[core] Fix CSS2 vs. CSS3 ::after syntax @oliviertassinari
+- &#8203;<!-- 19 -->[core] Fix CSS2 vs. CSS3 ::before syntax @oliviertassinari
+- &#8203;<!-- 05 -->[core] Use direct import from utils package (#40254) @siriwatknp
+- &#8203;<!-- 18 -->[core] Yaml format match most common convention @oliviertassinari
+- &#8203;<!-- 17 -->[core] Polish docs-feedback issue template @oliviertassinari
+- &#8203;<!-- 16 -->[core] Pin Node version on GitHub Actions to 18.18 (#40187) @michaldudak
+- &#8203;<!-- 14 -->[docs] Fix SEO regression (#40306) @oliviertassinari
+- &#8203;<!-- 13 -->[docs] Fix docs redirections @oliviertassinari
+- &#8203;<!-- 12 -->[docs] Update the Contributing guide to give more guidance on documentation (#40274) @samuelsycamore
+- &#8203;<!-- 11 -->[docs-infra] Add polish to the inline code block (#40260) @danilo-leal
+- &#8203;<!-- 02 -->[website] Update Gold sponsors: add RxDB, standardize formatting (#40273) @samuelsycamore
+- &#8203;<!-- 01 -->[website] Revert change to homepage SEO attributes @oliviertassinari
+
+All contributors of this release in alphabetical order: @adamhylander, @anle9650, @danilo-leal, @DiegoAndai, @Kimzify, @michaldudak, @mnajdova, @muazaqdas, @oliviertassinari, @sai6855, @samuelsycamore, @siriwatknp, @ZeeshanTamboli
+
+## 5.15.1
+
+<!-- generated comparing v5.15.0..master -->
+
+_Dec 19, 2023_
+
+A big thanks to the 15 contributors who made this release possible.
+This release was mostly about 🐛 bug fixes and 📚 documentation improvements.
+
+### `@mui/material@5.15.1`
+
+- &#8203;<!-- 13 -->[CardActions][DialogActions] Apply margin for all children except for 1st child (#40168) @sai6855
+- &#8203;<!-- 03 -->[TablePagination] Add ability to change icons in TablePaginationActions using `slots` and `slotProps` (#33797) @pratikkarad
+- &#8203;<!-- 13 -->[CssVarsProvider] Fix HSL breaking button styles (#39869) @gitstart
+
+### `@mui/joy@5.0.0-beta.19`
+
+- &#8203;<!-- 05 -->[FormControl] Fix issue with the conditional setting of `htmlFor` and `id` attributes not functioning properly for form labels (#40180) @ReaZzy
+- &#8203;<!-- 04 -->[typescript] Address TypeScript issue with custom zIndex not functioning (#40133) @qiweiii
+
+### `@mui/styled-engine-sc@6.0.0-alpha.9`
+
+- &#8203;<!-- 02 -->[typescript] Fix `theme` being of type any (#40200) @mnajdova
+
+### Docs
+
+- &#8203;<!-- 09 -->[joy-ui] Fix typo in the CSS baseline page (#40222) @possibilities
+- &#8203;<!-- 08 -->[joy-ui] Document missing Autocomplete props (#39979) @ZeeshanTamboli
+- &#8203;<!-- 10 -->[joy-ui] Fix typo about Typography levels (#40230) @zanivan
+- &#8203;<!-- 07 -->[material-ui] Update the related projects page to list `mui-tiptap` for rich text (#40216) @sjdemartini
+- &#8203;<!-- 06 -->[material-ui] Fix typo in the Next.js integration page (#40209) @s8990
+
+### Core
+
+- &#8203;<!-- 14 -->[blog] Fix access to Notion without an account @oliviertassinari
+- &#8203;<!-- 12 -->[core] Update workflows and issue templates to reflect the updated label (#40197) @MBilalShafi
+- &#8203;<!-- 11 -->[docs] Replace Twitter with X (#40193) @mbrookes
+- &#8203;<!-- 10 -->[docs-infra] Uplift the Algolia search modal design (#40186) @danilo-leal
+- &#8203;<!-- 01 -->[website] Update product descriptions and social preview images (#32181) @danilo-leal
+
+All contributors of this release in alphabetical order: @danilo-leal, @gitstart, @MBilalShafi, @mbrookes, @mnajdova, @oliviertassinari, @possibilities, @pratikkarad, @qiweiii, @ReaZzy, @s8990, @sai6855, @sjdemartini, @zanivan, @ZeeshanTamboli
+
 ## 5.15.0
 
 <!-- generated comparing v5.14.20..master -->
@@ -1265,7 +1524,7 @@ A big thanks to the 18 contributors who made this release possible. Here are som
   A codemod is provided to help with the migration:
 
   ```bash
-  npx @mui/codemod v5.0.0/base-use-named-exports <path>
+  npx @mui/codemod@latest v5.0.0/base-use-named-exports <path>
   ```
 
 #### Changes
@@ -2147,7 +2406,7 @@ A big thanks to the 18 contributors who made this release possible. Here are som
   There is codemod that you can run in your project to do the transformation:
 
   ```bash
-  npx @mui/codemod v5.0.0/base-remove-component-prop <path>
+  npx @mui/codemod@latest v5.0.0/base-remove-component-prop <path>
   ```
 
   The full documentation about the codemod can be found [here](https://github.com/mui/material-ui/blob/master/packages/mui-codemod/README.md#base-remove-component-prop).
@@ -2246,7 +2505,7 @@ A big thanks to the 12 contributors who made this release possible. Here are som
   You can use this [codemod](https://github.com/mui/material-ui/blob/master/packages/mui-codemod/src/v5.0.0/base-remove-unstyled-suffix.js) to help with the migration:
 
   ```bash
-  npx @mui/codemod v5.0.0/base-remove-unstyled-suffix <path>
+  npx @mui/codemod@latest v5.0.0/base-remove-unstyled-suffix <path>
   ```
 
 #### Changes
@@ -12306,7 +12565,7 @@ Here are some highlights ✨:
 
 - 👩‍🎨 A first iteration on the new styling solution.
 
-  You can find a [new version](https://mui.com/components/slider-styled/) of the slider in the lab powered by [emotion](https://emotion.sh/).
+  You can find a [new version](https://mui.com/components/slider-styled/) of the slider in the lab powered by [Emotion](https://emotion.sh/).
 
   In the event that you are already using styled-components in your application, you can swap emotion for styled-components 💅. Check [this CodeSandbox](https://codesandbox.io/p/sandbox/sliderstyled-with-styled-components-forked-olc27?file=/package.json) for a demo. It relies on aliases to prevent any bundle size overhead.
 

package/build/README.md

@@ -0,0 +1,3 @@
+# @mui/material-nextjs
+
+The official Material UI integration with Next.js. For the full documentation, visit [Next.js integration](https://mui.com/material-ui/guides/nextjs/) page.

package/build/legacy/v13-pagesRouter/createCache.js

@@ -0,0 +1,17 @@
+import createCache from '@emotion/cache';
+var isBrowser = typeof document !== 'undefined';
+
+// On the client side, Create a meta tag at the top of the <head> and set it as insertionPoint.
+// This assures that MUI styles are loaded first.
+// It allows developers to easily override MUI styles with other styling solutions, like CSS modules.
+export default function createEmotionCache() {
+  var insertionPoint;
+  if (isBrowser) {
+    var emotionInsertionPoint = document.querySelector('meta[name="emotion-insertion-point"]');
+    insertionPoint = emotionInsertionPoint != null ? emotionInsertionPoint : undefined;
+  }
+  return createCache({
+    key: 'mui',
+    insertionPoint: insertionPoint
+  });
+}

package/build/legacy/v13-pagesRouter/index.js

@@ -0,0 +1,2 @@
+export * from './pagesRouterV13Document';
+export * from './pagesRouterV13App';

package/build/legacy/v13-pagesRouter/pagesRouterV13App.js

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { CacheProvider } from '@emotion/react';
+import createEmotionCache from './createCache';
+import { jsx as _jsx } from "react/jsx-runtime";
+var defaultEmotionCache = createEmotionCache();
+export function AppCacheProvider(_ref) {
+  var _ref$emotionCache = _ref.emotionCache,
+    emotionCache = _ref$emotionCache === void 0 ? defaultEmotionCache : _ref$emotionCache,
+    children = _ref.children;
+  return /*#__PURE__*/_jsx(CacheProvider, {
+    value: emotionCache,
+    children: children
+  });
+}

package/{legacy/v13-pagesRouter/pagesRouterV13.js → build/legacy/v13-pagesRouter/pagesRouterV13Document.js}

@@ -4,38 +4,11 @@ import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 var _meta;
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import * as React from 'react';
-import { CacheProvider } from '@emotion/react';
-import createCache from '@emotion/cache';
 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";
-var isBrowser = typeof document !== 'undefined';
-
-// On the client side, Create a meta tag at the top of the <head> and set it as insertionPoint.
-// This assures that MUI styles are loaded first.
-// It allows developers to easily override MUI styles with other styling solutions, like CSS modules.
-function createEmotionCache() {
-  var insertionPoint;
-  if (isBrowser) {
-    var emotionInsertionPoint = document.querySelector('meta[name="emotion-insertion-point"]');
-    insertionPoint = emotionInsertionPoint != null ? emotionInsertionPoint : undefined;
-  }
-  return createCache({
-    key: 'mui',
-    insertionPoint: insertionPoint
-  });
-}
-var defaultEmotionCache = createEmotionCache();
-export function AppCacheProvider(_ref) {
-  var _ref$emotionCache = _ref.emotionCache,
-    emotionCache = _ref$emotionCache === void 0 ? defaultEmotionCache : _ref$emotionCache,
-    children = _ref.children;
-  return /*#__PURE__*/_jsx(CacheProvider, {
-    value: emotionCache,
-    children: children
-  });
-}
 /**
  * A utility to compose multiple `getInitialProps` functions.
  */
@@ -62,7 +35,7 @@ export function createGetInitialProps(plugins) {
             initialProps = _context2.sent;
             _context2.next = 7;
             return plugins.reduce( /*#__PURE__*/function () {
-              var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(result, plugin) {
+              var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(result, plugin) {
                 return _regeneratorRuntime.wrap(function _callee$(_context) {
                   while (1) switch (_context.prev = _context.next) {
                     case 0:
@@ -79,7 +52,7 @@ export function createGetInitialProps(plugins) {
                 }, _callee);
               }));
               return function (_x2, _x3) {
-                return _ref2.apply(this, arguments);
+                return _ref.apply(this, arguments);
               };
             }(), Promise.resolve(initialProps));
           case 7:
@@ -97,8 +70,8 @@ export function createGetInitialProps(plugins) {
     return getInitialProps;
   }();
 }
-export function DocumentHeadTags(_ref3) {
-  var emotionStyleTags = _ref3.emotionStyleTags;
+export function DocumentHeadTags(_ref2) {
+  var emotionStyleTags = _ref2.emotionStyleTags;
   return /*#__PURE__*/_jsxs(React.Fragment, {
     children: [_meta || (_meta = /*#__PURE__*/_jsx("meta", {
       name: "emotion-insertion-point",
@@ -115,7 +88,7 @@ export function documentGetInitialProps(_x4, _x5) {
 function _documentGetInitialProps() {
   _documentGetInitialProps = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(ctx, options) {
     var _options$emotionCache, _options$plugins;
-    var cache;
+    var cache, _createEmotionServer, extractCriticalToChunks;
     return _regeneratorRuntime.wrap(function _callee4$(_context4) {
       while (1) switch (_context4.prev = _context4.next) {
         case 0:
@@ -142,7 +115,9 @@ function _documentGetInitialProps() {
           // 4. page.render
           // 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.
-          cache = (_options$emotionCache = options == null ? void 0 : options.emotionCache) != null ? _options$emotionCache : createEmotionCache();
+          cache = (_options$emotionCache = options == null ? void 0 : options.emotionCache) != null ? _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.
+          _createEmotionServer = createEmotionServer(cache), extractCriticalToChunks = _createEmotionServer.extractCriticalToChunks;
           return _context4.abrupt("return", createGetInitialProps([{
             enhanceApp: function enhanceApp(App) {
               return function EnhanceApp(props) {
@@ -153,11 +128,10 @@ function _documentGetInitialProps() {
             },
             resolveProps: function () {
               var _resolveProps = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(initialProps) {
-                var _createEmotionServer, extractCriticalToChunks, _extractCriticalToChu, styles;
+                var _extractCriticalToChu, styles;
                 return _regeneratorRuntime.wrap(function _callee3$(_context3) {
                   while (1) switch (_context3.prev = _context3.next) {
                     case 0:
-                      _createEmotionServer = createEmotionServer(cache), extractCriticalToChunks = _createEmotionServer.extractCriticalToChunks;
                       _extractCriticalToChu = extractCriticalToChunks(initialProps.html), styles = _extractCriticalToChu.styles;
                       return _context3.abrupt("return", _extends({}, initialProps, {
                         emotionStyleTags: styles.map(function (style) {
@@ -170,7 +144,7 @@ function _documentGetInitialProps() {
                           }, style.key);
                         })
                       }));
-                    case 3:
+                    case 2:
                     case "end":
                       return _context3.stop();
                   }
@@ -182,7 +156,7 @@ function _documentGetInitialProps() {
               return resolveProps;
             }()
           }].concat(_toConsumableArray((_options$plugins = options == null ? void 0 : options.plugins) != null ? _options$plugins : [])))(ctx));
-        case 2:
+        case 3:
         case "end":
           return _context4.stop();
       }

package/build/modern/v13-pagesRouter/createCache.js

@@ -0,0 +1,17 @@
+import createCache from '@emotion/cache';
+const isBrowser = typeof document !== 'undefined';
+
+// On the client side, Create a meta tag at the top of the <head> and set it as insertionPoint.
+// This assures that MUI styles are loaded first.
+// It allows developers to easily override MUI styles with other styling solutions, like CSS modules.
+export default function createEmotionCache() {
+  let insertionPoint;
+  if (isBrowser) {
+    const emotionInsertionPoint = document.querySelector('meta[name="emotion-insertion-point"]');
+    insertionPoint = emotionInsertionPoint ?? undefined;
+  }
+  return createCache({
+    key: 'mui',
+    insertionPoint
+  });
+}

package/build/modern/v13-pagesRouter/index.js

@@ -0,0 +1,2 @@
+export * from './pagesRouterV13Document';
+export * from './pagesRouterV13App';

package/build/modern/v13-pagesRouter/pagesRouterV13App.js

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { CacheProvider } from '@emotion/react';
+import createEmotionCache from './createCache';
+import { jsx as _jsx } from "react/jsx-runtime";
+const defaultEmotionCache = createEmotionCache();
+export function AppCacheProvider({
+  emotionCache = defaultEmotionCache,
+  children
+}) {
+  return /*#__PURE__*/_jsx(CacheProvider, {
+    value: emotionCache,
+    children: children
+  });
+}

package/{modern/v13-pagesRouter/pagesRouterV13.js → build/modern/v13-pagesRouter/pagesRouterV13Document.js}

@@ -1,38 +1,11 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 var _meta;
 import * as React from 'react';
-import { CacheProvider } from '@emotion/react';
-import createCache from '@emotion/cache';
 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";
-const isBrowser = typeof document !== 'undefined';
-
-// On the client side, Create a meta tag at the top of the <head> and set it as insertionPoint.
-// This assures that MUI styles are loaded first.
-// It allows developers to easily override MUI styles with other styling solutions, like CSS modules.
-function createEmotionCache() {
-  let insertionPoint;
-  if (isBrowser) {
-    const emotionInsertionPoint = document.querySelector('meta[name="emotion-insertion-point"]');
-    insertionPoint = emotionInsertionPoint ?? undefined;
-  }
-  return createCache({
-    key: 'mui',
-    insertionPoint
-  });
-}
-const defaultEmotionCache = createEmotionCache();
-export function AppCacheProvider({
-  emotionCache = defaultEmotionCache,
-  children
-}) {
-  return /*#__PURE__*/_jsx(CacheProvider, {
-    value: emotionCache,
-    children: children
-  });
-}
 /**
  * A utility to compose multiple `getInitialProps` functions.
  */
@@ -86,6 +59,11 @@ 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 ?? 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 {
+    extractCriticalToChunks
+  } = createEmotionServer(cache);
   return createGetInitialProps([{
     enhanceApp: App => function EnhanceApp(props) {
       return /*#__PURE__*/_jsx(App, _extends({
@@ -93,9 +71,6 @@ export async function documentGetInitialProps(ctx, options) {
       }, props));
     },
     resolveProps: async initialProps => {
-      const {
-        extractCriticalToChunks
-      } = createEmotionServer(cache);
       const {
         styles
       } = extractCriticalToChunks(initialProps.html);

package/build/node/v13-pagesRouter/createCache.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = createEmotionCache;
+var _cache = _interopRequireDefault(require("@emotion/cache"));
+const isBrowser = typeof document !== 'undefined';
+
+// On the client side, Create a meta tag at the top of the <head> and set it as insertionPoint.
+// This assures that MUI styles are loaded first.
+// It allows developers to easily override MUI styles with other styling solutions, like CSS modules.
+function createEmotionCache() {
+  let insertionPoint;
+  if (isBrowser) {
+    const emotionInsertionPoint = document.querySelector('meta[name="emotion-insertion-point"]');
+    insertionPoint = emotionInsertionPoint != null ? emotionInsertionPoint : undefined;
+  }
+  return (0, _cache.default)({
+    key: 'mui',
+    insertionPoint
+  });
+}

package/build/node/v13-pagesRouter/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _pagesRouterV13Document = require("./pagesRouterV13Document");
+Object.keys(_pagesRouterV13Document).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _pagesRouterV13Document[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _pagesRouterV13Document[key];
+    }
+  });
+});
+var _pagesRouterV13App = require("./pagesRouterV13App");
+Object.keys(_pagesRouterV13App).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _pagesRouterV13App[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _pagesRouterV13App[key];
+    }
+  });
+});

package/build/node/v13-pagesRouter/pagesRouterV13App.js

@@ -0,0 +1,23 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AppCacheProvider = AppCacheProvider;
+var React = _interopRequireWildcard(require("react"));
+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; }
+const defaultEmotionCache = (0, _createCache.default)();
+function AppCacheProvider({
+  emotionCache = defaultEmotionCache,
+  children
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.CacheProvider, {
+    value: emotionCache,
+    children: children
+  });
+}