@mui/docs 9.0.0-alpha.2 → 9.0.0-alpha.4

package/mapApiPageTranslations/mapApiPageTranslations.js

@@ -0,0 +1,46 @@
+import { createRender } from '@mui/internal-markdown';
+const notEnglishJsonRegExp = /-([a-z]{2})\.json$/;
+/**
+ * @param req - A webpack `require.context` for the API translation JSON files.
+ * @param languagesIgnorePages - A function that returns true if the page should not be translated.
+ *   Typically `LANGUAGES_IGNORE_PAGES` from the docs config.
+ */
+export default function mapApiPageTranslations(req, languagesIgnorePages) {
+  const headingHashes = {};
+  const translations = {};
+
+  // Process the English markdown before the other locales.
+  // English ToC anchor links are used in all languages
+  let filenames = [];
+  req.keys().forEach(filename => {
+    if (filename.match(notEnglishJsonRegExp)) {
+      filenames.push(filename);
+    } else {
+      filenames = [filename].concat(filenames);
+    }
+  });
+  filenames.forEach(filename => {
+    const matchNotEnglishMarkdown = filename.match(notEnglishJsonRegExp);
+    const userLanguage = matchNotEnglishMarkdown !== null ? matchNotEnglishMarkdown[1] : 'en';
+    const translation = req(filename) || null;
+    if (translation !== null && translation.componentDescription) {
+      const componentDescriptionToc = [];
+      const render = createRender({
+        headingHashes,
+        toc: componentDescriptionToc,
+        userLanguage,
+        location: filenames,
+        options: {
+          ignoreLanguagePages: languagesIgnorePages || (() => false),
+          env: {
+            SOURCE_CODE_REPO: ''
+          }
+        }
+      });
+      translation.componentDescription = render(translation.componentDescription);
+      translation.componentDescriptionToc = componentDescriptionToc;
+    }
+    translations[userLanguage] = translation;
+  });
+  return translations;
+}

package/nextFonts/index.js

@@ -1,22 +1,15 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.roboto = exports.inter = exports.ibmPlexSans = exports.generalSans = exports.fonts = exports.fontClasses = void 0;
-var _google = require("next/font/google");
-var _local = _interopRequireDefault(require("next/font/local"));
-const inter = exports.inter = (0, _google.Inter)({
+import { Inter, Roboto } from 'next/font/google';
+import localFont from 'next/font/local';
+export const inter = Inter({
   weight: ['300', '400', '500', '600', '700'],
   subsets: ['latin']
 });
-const roboto = exports.roboto = (0, _google.Roboto)({
+export const roboto = Roboto({
   weight: ['300', '400', '500', '700'],
   style: ['normal', 'italic'],
   subsets: ['latin']
 });
-const generalSans = exports.generalSans = (0, _local.default)({
+export const generalSans = localFont({
   declarations: [{
     prop: 'font-family',
     value: 'General Sans'
@@ -39,7 +32,7 @@ const generalSans = exports.generalSans = (0, _local.default)({
     style: 'normal'
   }]
 });
-const ibmPlexSans = exports.ibmPlexSans = (0, _local.default)({
+export const ibmPlexSans = localFont({
   declarations: [{
     prop: 'font-family',
     value: 'IBM Plex Sans'
@@ -62,5 +55,5 @@ const ibmPlexSans = exports.ibmPlexSans = (0, _local.default)({
     style: 'normal'
   }]
 });
-const fonts = exports.fonts = [inter, roboto, generalSans, ibmPlexSans];
-const fontClasses = exports.fontClasses = fonts.map(font => font.className).join(' ');
+export const fonts = [inter, roboto, generalSans, ibmPlexSans];
+export const fontClasses = fonts.map(font => font.className).join(' ');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/docs",
-  "version": "9.0.0-alpha.2",
+  "version": "9.0.0-alpha.4",
   "author": "MUI Team",
   "description": "MUI Docs - Documentation building blocks.",
   "keywords": [
@@ -10,6 +10,7 @@
     "material design",
     "docs"
   ],
+  "type": "module",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/mui/material-ui.git",
@@ -27,23 +28,34 @@
     "fg-loadcss": "^3.1.0",
     "nprogress": "^0.2.0",
     "prop-types": "^15.8.1",
-    "@mui/internal-markdown": "^3.0.2"
+    "stylis": "4.2.0",
+    "@mui/internal-markdown": "^3.0.4"
   },
   "peerDependencies": {
+    "@emotion/cache": "^11.14.0",
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.1",
     "@mui/base": "^5.0.0 || ^5.0.0-beta || ^7.0.0 || ^7.0.0-beta",
-    "@mui/icons-material": "^5.0.0 || ^6.0.0 || ^7.0.0 || ^7.0.0-beta",
-    "@mui/material": "^5.0.0 || ^6.0.0 || ^7.0.0 || ^7.0.0-beta",
-    "@mui/system": "^5.0.0 || ^6.0.0 || ^7.0.0 || ^7.0.0-beta",
-    "@mui/utils": "^5.0.0 || ^6.0.0 || ^7.0.0 || ^7.0.0-beta",
+    "@mui/icons-material": "^5.0.0 || ^6.0.0 || ^7.0.0 || ^9.0.0 || ^9.0.0-alpha",
+    "@mui/material": "^5.0.0 || ^6.0.0 || ^7.0.0 || ^9.0.0 || ^9.0.0-alpha",
+    "@mui/material-nextjs": "^5.0.0 || ^6.0.0 || ^7.0.0 || ^9.0.0 || ^9.0.0-alpha",
+    "@mui/stylis-plugin-rtl": "^5.0.0 || ^6.0.0 || ^7.0.0 || ^9.0.0 || ^9.0.0-alpha",
+    "@mui/system": "^5.0.0 || ^6.0.0 || ^7.0.0 || ^9.0.0 || ^9.0.0-alpha",
+    "@mui/utils": "^5.0.0 || ^6.0.0 || ^7.0.0 || ^9.0.0 || ^9.0.0-alpha",
     "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+    "@types/stylis": "^4.2.7",
     "chai": "^6.0.1",
     "csstype": "^3.1.3",
-    "next": "^13.5.1 || ^14 || ^15.0.0",
-    "react": "^17.0.0 || ^18.0.0 || ^19.0.0"
+    "next": "^13.5.1 || ^14 || ^15.0.0 || ^16.0.0",
+    "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+    "styled-components": "^5.3.0 || ^6.0.0"
   },
   "peerDependenciesMeta": {
     "@types/react": {
       "optional": true
+    },
+    "styled-components": {
+      "optional": true
     }
   },
   "publishConfig": {
@@ -52,273 +64,346 @@
   "engines": {
     "node": ">=14.0.0"
   },
-  "type": "commonjs",
   "exports": {
     "./package.json": "./package.json",
-    "./NProgressBar": {
-      "import": {
-        "types": "./NProgressBar/index.d.mts",
-        "default": "./NProgressBar/index.mjs"
-      },
-      "require": {
-        "types": "./NProgressBar/index.d.ts",
-        "default": "./NProgressBar/index.js"
-      },
-      "default": {
-        "types": "./NProgressBar/index.d.mts",
-        "default": "./NProgressBar/index.mjs"
-      }
-    },
-    "./SectionTitle": {
-      "import": {
-        "types": "./SectionTitle/index.d.mts",
-        "default": "./SectionTitle/index.mjs"
-      },
-      "require": {
-        "types": "./SectionTitle/index.d.ts",
-        "default": "./SectionTitle/index.js"
-      },
-      "default": {
-        "types": "./SectionTitle/index.d.mts",
-        "default": "./SectionTitle/index.mjs"
-      }
-    },
     "./Ad": {
       "import": {
-        "types": "./Ad/index.d.mts",
-        "default": "./Ad/index.mjs"
-      },
-      "require": {
         "types": "./Ad/index.d.ts",
         "default": "./Ad/index.js"
       },
       "default": {
-        "types": "./Ad/index.d.mts",
-        "default": "./Ad/index.mjs"
+        "types": "./Ad/index.d.ts",
+        "default": "./Ad/index.js"
       }
     },
     "./CodeCopy": {
       "import": {
-        "types": "./CodeCopy/index.d.mts",
-        "default": "./CodeCopy/index.mjs"
-      },
-      "require": {
         "types": "./CodeCopy/index.d.ts",
         "default": "./CodeCopy/index.js"
       },
       "default": {
-        "types": "./CodeCopy/index.d.mts",
-        "default": "./CodeCopy/index.mjs"
+        "types": "./CodeCopy/index.d.ts",
+        "default": "./CodeCopy/index.js"
       }
     },
     "./ComponentLinkHeader": {
       "import": {
-        "types": "./ComponentLinkHeader/index.d.mts",
-        "default": "./ComponentLinkHeader/index.mjs"
+        "types": "./ComponentLinkHeader/index.d.ts",
+        "default": "./ComponentLinkHeader/index.js"
       },
-      "require": {
+      "default": {
         "types": "./ComponentLinkHeader/index.d.ts",
         "default": "./ComponentLinkHeader/index.js"
+      }
+    },
+    "./DemoContext": {
+      "import": {
+        "types": "./DemoContext/index.d.ts",
+        "default": "./DemoContext/index.js"
       },
       "default": {
-        "types": "./ComponentLinkHeader/index.d.mts",
-        "default": "./ComponentLinkHeader/index.mjs"
+        "types": "./DemoContext/index.d.ts",
+        "default": "./DemoContext/index.js"
+      }
+    },
+    "./DocsApp": {
+      "import": {
+        "types": "./DocsApp/index.d.ts",
+        "default": "./DocsApp/index.js"
+      },
+      "default": {
+        "types": "./DocsApp/index.d.ts",
+        "default": "./DocsApp/index.js"
       }
     },
     "./DocsProvider": {
       "import": {
-        "types": "./DocsProvider/index.d.mts",
-        "default": "./DocsProvider/index.mjs"
+        "types": "./DocsProvider/index.d.ts",
+        "default": "./DocsProvider/index.js"
       },
-      "require": {
+      "default": {
         "types": "./DocsProvider/index.d.ts",
         "default": "./DocsProvider/index.js"
+      }
+    },
+    "./Document": {
+      "import": {
+        "types": "./Document/index.d.ts",
+        "default": "./Document/index.js"
       },
       "default": {
-        "types": "./DocsProvider/index.d.mts",
-        "default": "./DocsProvider/index.mjs"
+        "types": "./Document/index.d.ts",
+        "default": "./Document/index.js"
       }
     },
     "./HighlightedCode": {
       "import": {
-        "types": "./HighlightedCode/index.d.mts",
-        "default": "./HighlightedCode/index.mjs"
-      },
-      "require": {
         "types": "./HighlightedCode/index.d.ts",
         "default": "./HighlightedCode/index.js"
       },
       "default": {
-        "types": "./HighlightedCode/index.d.mts",
-        "default": "./HighlightedCode/index.mjs"
+        "types": "./HighlightedCode/index.d.ts",
+        "default": "./HighlightedCode/index.js"
       }
     },
     "./HighlightedCodeWithTabs": {
       "import": {
-        "types": "./HighlightedCodeWithTabs/index.d.mts",
-        "default": "./HighlightedCodeWithTabs/index.mjs"
-      },
-      "require": {
         "types": "./HighlightedCodeWithTabs/index.d.ts",
         "default": "./HighlightedCodeWithTabs/index.js"
       },
       "default": {
-        "types": "./HighlightedCodeWithTabs/index.d.mts",
-        "default": "./HighlightedCodeWithTabs/index.mjs"
+        "types": "./HighlightedCodeWithTabs/index.d.ts",
+        "default": "./HighlightedCodeWithTabs/index.js"
       }
     },
     "./IconImage": {
       "import": {
-        "types": "./IconImage/index.d.mts",
-        "default": "./IconImage/index.mjs"
-      },
-      "require": {
         "types": "./IconImage/index.d.ts",
         "default": "./IconImage/index.js"
       },
       "default": {
-        "types": "./IconImage/index.d.mts",
-        "default": "./IconImage/index.mjs"
+        "types": "./IconImage/index.d.ts",
+        "default": "./IconImage/index.js"
       }
     },
     "./InfoCard": {
       "import": {
-        "types": "./InfoCard/index.d.mts",
-        "default": "./InfoCard/index.mjs"
-      },
-      "require": {
         "types": "./InfoCard/index.d.ts",
         "default": "./InfoCard/index.js"
       },
       "default": {
-        "types": "./InfoCard/index.d.mts",
-        "default": "./InfoCard/index.mjs"
+        "types": "./InfoCard/index.d.ts",
+        "default": "./InfoCard/index.js"
       }
     },
     "./Link": {
       "import": {
-        "types": "./Link/index.d.mts",
-        "default": "./Link/index.mjs"
-      },
-      "require": {
         "types": "./Link/index.d.ts",
         "default": "./Link/index.js"
       },
       "default": {
-        "types": "./Link/index.d.mts",
-        "default": "./Link/index.mjs"
+        "types": "./Link/index.d.ts",
+        "default": "./Link/index.js"
       }
     },
     "./MarkdownElement": {
       "import": {
-        "types": "./MarkdownElement/index.d.mts",
-        "default": "./MarkdownElement/index.mjs"
+        "types": "./MarkdownElement/index.d.ts",
+        "default": "./MarkdownElement/index.js"
       },
-      "require": {
+      "default": {
         "types": "./MarkdownElement/index.d.ts",
         "default": "./MarkdownElement/index.js"
+      }
+    },
+    "./MuiPage": {
+      "import": {
+        "types": "./MuiPage/index.d.ts",
+        "default": "./MuiPage/index.js"
+      },
+      "default": {
+        "types": "./MuiPage/index.d.ts",
+        "default": "./MuiPage/index.js"
+      }
+    },
+    "./NextNProgressBar": {
+      "import": {
+        "types": "./NextNProgressBar/index.d.ts",
+        "default": "./NextNProgressBar/index.js"
       },
       "default": {
-        "types": "./MarkdownElement/index.d.mts",
-        "default": "./MarkdownElement/index.mjs"
+        "types": "./NextNProgressBar/index.d.ts",
+        "default": "./NextNProgressBar/index.js"
+      }
+    },
+    "./PageContext": {
+      "import": {
+        "types": "./PageContext/index.d.ts",
+        "default": "./PageContext/index.js"
+      },
+      "default": {
+        "types": "./PageContext/index.d.ts",
+        "default": "./PageContext/index.js"
       }
     },
     "./SectionHeadline": {
       "import": {
-        "types": "./SectionHeadline/index.d.mts",
-        "default": "./SectionHeadline/index.mjs"
+        "types": "./SectionHeadline/index.d.ts",
+        "default": "./SectionHeadline/index.js"
       },
-      "require": {
+      "default": {
         "types": "./SectionHeadline/index.d.ts",
         "default": "./SectionHeadline/index.js"
+      }
+    },
+    "./SectionTitle": {
+      "import": {
+        "types": "./SectionTitle/index.d.ts",
+        "default": "./SectionTitle/index.js"
       },
       "default": {
-        "types": "./SectionHeadline/index.d.mts",
-        "default": "./SectionHeadline/index.mjs"
+        "types": "./SectionTitle/index.d.ts",
+        "default": "./SectionTitle/index.js"
       }
     },
     "./ThemeContext": {
       "import": {
-        "types": "./ThemeContext/index.d.mts",
-        "default": "./ThemeContext/index.mjs"
-      },
-      "require": {
         "types": "./ThemeContext/index.d.ts",
         "default": "./ThemeContext/index.js"
       },
       "default": {
-        "types": "./ThemeContext/index.d.mts",
-        "default": "./ThemeContext/index.mjs"
+        "types": "./ThemeContext/index.d.ts",
+        "default": "./ThemeContext/index.js"
       }
     },
     "./branding": {
       "import": {
-        "types": "./branding/index.d.mts",
-        "default": "./branding/index.mjs"
+        "types": "./branding/index.d.ts",
+        "default": "./branding/index.js"
       },
-      "require": {
+      "default": {
         "types": "./branding/index.d.ts",
         "default": "./branding/index.js"
+      }
+    },
+    "./codeStyling": {
+      "import": {
+        "types": "./codeStyling/index.d.ts",
+        "default": "./codeStyling/index.js"
+      },
+      "default": {
+        "types": "./codeStyling/index.d.ts",
+        "default": "./codeStyling/index.js"
+      }
+    },
+    "./codeVariant": {
+      "import": {
+        "types": "./codeVariant/index.d.ts",
+        "default": "./codeVariant/index.js"
+      },
+      "default": {
+        "types": "./codeVariant/index.d.ts",
+        "default": "./codeVariant/index.js"
+      }
+    },
+    "./constants": {
+      "import": {
+        "types": "./constants/index.d.ts",
+        "default": "./constants/index.js"
+      },
+      "default": {
+        "types": "./constants/index.d.ts",
+        "default": "./constants/index.js"
+      }
+    },
+    "./findActivePage": {
+      "import": {
+        "types": "./findActivePage/index.d.ts",
+        "default": "./findActivePage/index.js"
+      },
+      "default": {
+        "types": "./findActivePage/index.d.ts",
+        "default": "./findActivePage/index.js"
+      }
+    },
+    "./getProductInfoFromUrl": {
+      "import": {
+        "types": "./getProductInfoFromUrl/index.d.ts",
+        "default": "./getProductInfoFromUrl/index.js"
+      },
+      "default": {
+        "types": "./getProductInfoFromUrl/index.d.ts",
+        "default": "./getProductInfoFromUrl/index.js"
+      }
+    },
+    "./globalSelector": {
+      "import": {
+        "types": "./globalSelector/index.d.ts",
+        "default": "./globalSelector/index.js"
+      },
+      "default": {
+        "types": "./globalSelector/index.d.ts",
+        "default": "./globalSelector/index.js"
+      }
+    },
+    "./helpers": {
+      "import": {
+        "types": "./helpers/index.d.ts",
+        "default": "./helpers/index.js"
       },
       "default": {
-        "types": "./branding/index.d.mts",
-        "default": "./branding/index.mjs"
+        "types": "./helpers/index.d.ts",
+        "default": "./helpers/index.js"
       }
     },
     "./i18n": {
       "import": {
-        "types": "./i18n/index.d.mts",
-        "default": "./i18n/index.mjs"
+        "types": "./i18n/index.d.ts",
+        "default": "./i18n/index.js"
       },
-      "require": {
+      "default": {
         "types": "./i18n/index.d.ts",
         "default": "./i18n/index.js"
+      }
+    },
+    "./mapApiPageTranslations": {
+      "import": {
+        "types": "./mapApiPageTranslations/index.d.ts",
+        "default": "./mapApiPageTranslations/index.js"
       },
       "default": {
-        "types": "./i18n/index.d.mts",
-        "default": "./i18n/index.mjs"
+        "types": "./mapApiPageTranslations/index.d.ts",
+        "default": "./mapApiPageTranslations/index.js"
       }
     },
     "./nextFonts": {
       "import": {
-        "types": "./nextFonts/index.d.mts",
-        "default": "./nextFonts/index.mjs"
-      },
-      "require": {
         "types": "./nextFonts/index.d.ts",
         "default": "./nextFonts/index.js"
       },
       "default": {
-        "types": "./nextFonts/index.d.mts",
-        "default": "./nextFonts/index.mjs"
+        "types": "./nextFonts/index.d.ts",
+        "default": "./nextFonts/index.js"
       }
     },
     "./translations": {
       "import": {
-        "types": "./translations/index.d.mts",
-        "default": "./translations/index.mjs"
-      },
-      "require": {
         "types": "./translations/index.d.ts",
         "default": "./translations/index.js"
       },
       "default": {
-        "types": "./translations/index.d.mts",
-        "default": "./translations/index.mjs"
+        "types": "./translations/index.d.ts",
+        "default": "./translations/index.js"
       }
     },
     "./useLazyCSS": {
       "import": {
-        "types": "./useLazyCSS/index.d.mts",
-        "default": "./useLazyCSS/index.mjs"
+        "types": "./useLazyCSS/index.d.ts",
+        "default": "./useLazyCSS/index.js"
       },
-      "require": {
+      "default": {
         "types": "./useLazyCSS/index.d.ts",
         "default": "./useLazyCSS/index.js"
+      }
+    },
+    "./utils": {
+      "import": {
+        "types": "./utils/index.d.ts",
+        "default": "./utils/index.js"
+      },
+      "default": {
+        "types": "./utils/index.d.ts",
+        "default": "./utils/index.js"
+      }
+    },
+    "./webpack": {
+      "import": {
+        "types": "./webpack/index.d.ts",
+        "default": "./webpack/index.js"
       },
       "default": {
-        "types": "./useLazyCSS/index.d.mts",
-        "default": "./useLazyCSS/index.mjs"
+        "types": "./webpack/index.d.ts",
+        "default": "./webpack/index.js"
       }
     }
   }

package/svgIcons/BundleSizeIcon.js

@@ -1,18 +1,12 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _utils = require("@mui/material/utils");
-var _jsxRuntime = require("react/jsx-runtime");
-var _default = exports.default = (0, _utils.createSvgIcon)(/*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
+import { createSvgIcon } from '@mui/material/utils';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export default createSvgIcon(/*#__PURE__*/_jsxs("g", {
   fill: "currentColor",
   fillRule: "nonzero",
-  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+  children: [/*#__PURE__*/_jsx("path", {
     d: "M5.84 3c-.52 0-1 .25-1.3.67l-1.4 2.05c-.06.09-.1.19-.14.28h8V3H5.84zM20.86 5.72l-1.4-2.05c-.3-.42-.81-.67-1.33-.67H13v3h8c-.05-.1-.08-.2-.14-.28z",
     fillOpacity: ".79"
-  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+  }), /*#__PURE__*/_jsx("path", {
     d: "M20.98 7H3.02L3 7.11V19.4c0 .89.71 1.61 1.58 1.61h14.84A1.6 1.6 0 0021 19.4V7.1L20.98 7zm-6.87 5.36H9.89a1.6 1.6 0 01-1.58-1.61c0-.89.7-1.6 1.58-1.6h4.22c.87 0 1.58.71 1.58 1.6 0 .89-.7 1.6-1.58 1.6z",
     fillOpacity: ".87"
   })]