@mui/docs 9.0.0-alpha.4 → 9.0.0-beta.0

package/Document/Document.js

@@ -4,8 +4,8 @@ import Script from 'next/script';
 import { Html, Head, Main, NextScript } from 'next/document';
 import GlobalStyles from '@mui/material/GlobalStyles';
 import MuiInitColorSchemeScript from '@mui/material/InitColorSchemeScript';
-import { getMetaThemeColor } from '@mui/docs/branding';
-import { fontClasses } from '@mui/docs/nextFonts';
+import { getMetaThemeColor } from "../branding/index.js";
+import { fontClasses } from "../nextFonts/index.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export function Document({
   canonicalAsServer,

package/Document/getInitialProps.js

@@ -3,8 +3,6 @@ import * as React from 'react';
 import { documentGetInitialProps } from '@mui/material-nextjs/v13-pagesRouter';
 import createEmotionCache from "../DocsApp/createEmotionCache.js";
 import { pathnameToLanguage } from "../helpers/helpers.js";
-
-// eslint-disable-next-line import/prefer-default-export
 import { jsx as _jsx } from "react/jsx-runtime";
 export function createGetInitialProps({
   setupStyledComponents = false

package/InfoCard/InfoCard.js

@@ -68,18 +68,22 @@ export function InfoCard(props) {
     children: [svg && svg, icon && /*#__PURE__*/_jsx(GlowingIconContainer, {
       icon: icon
     }), /*#__PURE__*/_jsx(Typography, {
-      fontWeight: "semiBold",
       component: "h3",
-      color: "text.primary",
       variant: "body2",
-      mt: icon ? 2 : 0,
-      mb: description ? 0.5 : 0,
       className: classNameTitle,
       ...titleProps,
+      sx: [{
+        fontWeight: 'semiBold',
+        color: 'text.primary',
+        mt: icon ? 2 : 0,
+        mb: description ? 0.5 : 0
+      }, ...(Array.isArray(titleProps?.sx) ? titleProps.sx : [titleProps?.sx])],
       children: title
     }), /*#__PURE__*/_jsx(Typography, {
       variant: "body2",
-      color: "text.secondary",
+      sx: {
+        color: 'text.secondary'
+      },
       className: classNameDescription,
       children: description
     })]

package/Link/SkipLink.js

@@ -1,6 +1,6 @@
 import MuiLink from '@mui/material/Link';
 import { styled } from '@mui/material/styles';
-import { useTranslate } from '@mui/docs/i18n';
+import { useTranslate } from "../i18n/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const StyledLink = styled(MuiLink)(({
   theme
@@ -55,8 +55,6 @@ const StyledLink = styled(MuiLink)(({
     }
   })
 }));
-
-// eslint-disable-next-line import/prefer-default-export
 export function SkipLink() {
   const t = useTranslate();
   return /*#__PURE__*/_jsx(StyledLink, {

package/NextNProgressBar/NextNProgressBar.js

@@ -12,8 +12,6 @@ function nProgressDone() {
   nProgressStart.clear();
   NProgress.done();
 }
-
-// eslint-disable-next-line import/prefer-default-export
 export function NextNProgressBar() {
   const router = useRouter();
   React.useEffect(() => {

package/branding/brandingTheme.js

@@ -1192,12 +1192,12 @@ export function getThemedComponents() {
           IconComponent: ArrowDropDownRounded
         },
         styleOverrides: {
-          iconFilled: {
-            top: 'calc(50% - .25em)'
-          },
           root: ({
             theme
           }) => ({
+            '& .MuiSelect-filled ~ .MuiSelect-icon': {
+              top: 'calc(50% - .25em)'
+            },
             variants: [{
               props: {
                 variant: 'outlined'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/docs",
-  "version": "9.0.0-alpha.4",
+  "version": "9.0.0-beta.0",
   "author": "MUI Team",
   "description": "MUI Docs - Documentation building blocks.",
   "keywords": [
@@ -22,26 +22,27 @@
   },
   "homepage": "https://github.com/mui/material-ui/tree/master/packages/mui-docs",
   "dependencies": {
-    "@babel/runtime": "^7.28.6",
+    "@babel/runtime": "^7.29.2",
     "clipboard-copy": "^4.0.1",
     "clsx": "^2.1.1",
+    "es-toolkit": "^1.45.1",
     "fg-loadcss": "^3.1.0",
     "nprogress": "^0.2.0",
     "prop-types": "^15.8.1",
     "stylis": "4.2.0",
-    "@mui/internal-markdown": "^3.0.4"
+    "@mui/internal-markdown": "^3.0.5"
   },
   "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 || ^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",
+    "@mui/icons-material": "^5.0.0 || ^6.0.0 || ^7.0.0 || ^9.0.0 || ^9.0.0-alpha || ^9.0.0-beta",
+    "@mui/material": "^5.0.0 || ^6.0.0 || ^7.0.0 || ^9.0.0 || ^9.0.0-alpha || ^9.0.0-beta",
+    "@mui/material-nextjs": "^5.0.0 || ^6.0.0 || ^7.0.0 || ^9.0.0 || ^9.0.0-alpha || ^9.0.0-beta",
+    "@mui/stylis-plugin-rtl": "^5.0.0 || ^6.0.0 || ^7.0.0 || ^9.0.0 || ^9.0.0-alpha || ^9.0.0-beta",
+    "@mui/system": "^5.0.0 || ^6.0.0 || ^7.0.0 || ^9.0.0 || ^9.0.0-alpha || ^9.0.0-beta",
+    "@mui/utils": "^5.0.0 || ^6.0.0 || ^7.0.0 || ^9.0.0 || ^9.0.0-alpha || ^9.0.0-beta",
     "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
     "@types/stylis": "^4.2.7",
     "chai": "^6.0.1",
@@ -76,6 +77,16 @@
         "default": "./Ad/index.js"
       }
     },
+    "./ApiPage": {
+      "import": {
+        "types": "./ApiPage/index.d.ts",
+        "default": "./ApiPage/index.js"
+      },
+      "default": {
+        "types": "./ApiPage/index.d.ts",
+        "default": "./ApiPage/index.js"
+      }
+    },
     "./CodeCopy": {
       "import": {
         "types": "./CodeCopy/index.d.ts",

package/utils/index.js

@@ -1,2 +1 @@
-// eslint-disable-next-line import/prefer-default-export
 export { default as loadScript } from "./loadScript.js";