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

package/i18n/index.js

@@ -1,16 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _i18n = require("./i18n");
-Object.keys(_i18n).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _i18n[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _i18n[key];
-    }
-  });
-});
+export * from "./i18n.js";

package/mapApiPageTranslations/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./mapApiPageTranslations.js";

package/mapApiPageTranslations/index.js

@@ -0,0 +1 @@
+export { default } from "./mapApiPageTranslations.js";

package/mapApiPageTranslations/mapApiPageTranslations.d.ts

@@ -0,0 +1,11 @@
+interface Req {
+  keys(): string[];
+  (filename: string): any;
+}
+/**
+ * @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: Req, languagesIgnorePages?: (pathname: string) => boolean): Record<string, any>;
+export {};

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.3",
   "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/stylis-plugin-rtl": "^9.0.0-alpha.3",
+    "@mui/internal-markdown": "^3.0.3"
   },
   "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/material-nextjs": "^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",
     "@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,366 @@
   "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": {
+    "./Ad": {
       "import": {
-        "types": "./SectionTitle/index.d.mts",
-        "default": "./SectionTitle/index.mjs"
-      },
-      "require": {
-        "types": "./SectionTitle/index.d.ts",
-        "default": "./SectionTitle/index.js"
+        "types": "./Ad/index.d.ts",
+        "default": "./Ad/index.js"
       },
       "default": {
-        "types": "./SectionTitle/index.d.mts",
-        "default": "./SectionTitle/index.mjs"
+        "types": "./Ad/index.d.ts",
+        "default": "./Ad/index.js"
       }
     },
-    "./Ad": {
+    "./AnalyticsProvider": {
       "import": {
-        "types": "./Ad/index.d.mts",
-        "default": "./Ad/index.mjs"
-      },
-      "require": {
-        "types": "./Ad/index.d.ts",
-        "default": "./Ad/index.js"
+        "types": "./AnalyticsProvider/index.d.ts",
+        "default": "./AnalyticsProvider/index.js"
       },
       "default": {
-        "types": "./Ad/index.d.mts",
-        "default": "./Ad/index.mjs"
+        "types": "./AnalyticsProvider/index.d.ts",
+        "default": "./AnalyticsProvider/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"
       }
     },
     "./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": {
+    "./GoogleAnalytics": {
       "import": {
-        "types": "./HighlightedCode/index.d.mts",
-        "default": "./HighlightedCode/index.mjs"
+        "types": "./GoogleAnalytics/index.d.ts",
+        "default": "./GoogleAnalytics/index.js"
       },
-      "require": {
+      "default": {
+        "types": "./GoogleAnalytics/index.d.ts",
+        "default": "./GoogleAnalytics/index.js"
+      }
+    },
+    "./HighlightedCode": {
+      "import": {
         "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": {
+    "./StyledEngineProvider": {
       "import": {
-        "types": "./ThemeContext/index.d.mts",
-        "default": "./ThemeContext/index.mjs"
+        "types": "./StyledEngineProvider/index.d.ts",
+        "default": "./StyledEngineProvider/index.js"
       },
-      "require": {
+      "default": {
+        "types": "./StyledEngineProvider/index.d.ts",
+        "default": "./StyledEngineProvider/index.js"
+      }
+    },
+    "./ThemeContext": {
+      "import": {
         "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": "./branding/index.d.mts",
-        "default": "./branding/index.mjs"
+        "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"
+      }
+    },
+    "./createEmotionCache": {
+      "import": {
+        "types": "./createEmotionCache/index.d.ts",
+        "default": "./createEmotionCache/index.js"
+      },
+      "default": {
+        "types": "./createEmotionCache/index.d.ts",
+        "default": "./createEmotionCache/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": "./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": "./useLazyCSS/index.d.mts",
-        "default": "./useLazyCSS/index.mjs"
+        "types": "./utils/index.d.ts",
+        "default": "./utils/index.js"
       }
     }
   }