[code-infra] Use the @mui/internal-markdown package

babel.config.js

@@ -16,7 +16,6 @@ const defaultAlias = {
   '@mui/x-date-pickers-pro': resolveAliasPath('./packages/x-date-pickers-pro/src'),
   '@mui/x-charts': resolveAliasPath('./packages/x-charts/src'),
   '@mui/x-tree-view': resolveAliasPath('./packages/x-tree-view/src'),
-  '@mui/markdown': '@mui/monorepo/packages/markdown',
   '@mui/material-nextjs': '@mui/monorepo/packages/mui-material-nextjs/src',
   '@mui-internal/api-docs-builder': resolveAliasPath(
     './node_modules/@mui/monorepo/packages/api-docs-builder',

docs/babel.config.js

@@ -12,7 +12,6 @@ const alias = {
   '@mui/x-tree-view': '../packages/x-tree-view/src',
   '@mui/x-license': '../packages/x-license/src',
   '@mui/docs': '../node_modules/@mui/monorepo/packages/mui-docs/src',
-  '@mui/markdown': '../node_modules/@mui/monorepo/packages/markdown',
   '@mui/monorepo': '../node_modules/@mui/monorepo',
   '@mui/material-nextjs': '../node_modules/@mui/monorepo/packages/mui-material-nextjs/src',
   '@mui-internal/api-docs-builder': '../node_modules/@mui/monorepo/packages/api-docs-builder',

docs/next.config.mjs

@@ -8,7 +8,12 @@ import { BundleAnalyzerPlugin } from 'webpack-bundle-analyzer';
 // @ts-expect-error This expected error should be gone once we update the monorepo
 import withDocsInfra from '@mui/monorepo/docs/nextConfigDocsInfra.js';
 import { findPages } from './src/modules/utils/find.mjs';
-import { LANGUAGES, LANGUAGES_SSR } from './config.js';
+import {
+  LANGUAGES,
+  LANGUAGES_SSR,
+  LANGUAGES_IGNORE_PAGES,
+  LANGUAGES_IN_PROGRESS,
+} from './config.js';
 import constants from './constants.js';
 
 const currentDirectory = url.fileURLToPath(new URL('.', import.meta.url));
@@ -97,12 +102,15 @@ export default withDocsInfra({
             test: /\.md$/,
             oneOf: [
               {
-                resourceQuery: /@mui\/markdown/,
+                resourceQuery: /muiMarkdown/,
                 use: [
                   options.defaultLoaders.babel,
                   {
-                    loader: require.resolve('@mui/monorepo/packages/markdown/loader'),
+                    loader: require.resolve('@mui/internal-markdown/loader'),
                     options: {
+                      workspaceRoot,
+                      ignoreLanguagePages: LANGUAGES_IGNORE_PAGES,
+                      languagesInProgress: LANGUAGES_IN_PROGRESS,
                       env: {
                         SOURCE_CODE_REPO: options.config.env.SOURCE_CODE_REPO,
                         LIB_VERSION: options.config.env.LIB_VERSION,

docs/package.json

@@ -27,6 +27,7 @@
     "@emotion/server": "^11.11.0",
     "@emotion/styled": "^11.11.0",
     "@mui/icons-material": "^5.15.14",
+    "@mui/internal-markdown": "^1.0.0",
     "@mui/joy": "^5.0.0-beta.32",
     "@mui/lab": "^5.0.0-alpha.169",
     "@mui/material": "^5.15.14",
@@ -91,7 +92,7 @@
   "devDependencies": {
     "@babel/plugin-transform-react-constant-elements": "^7.23.3",
     "@babel/preset-typescript": "^7.23.3",
-    "@mui-internal/docs-utils": "^1.0.2",
+    "@mui/internal-docs-utils": "^1.0.4",
     "@mui/internal-scripts": "^1.0.1",
     "@types/doctrine": "^0.0.9",
     "@types/stylis": "^4.2.5",

docs/pages/x/api/data-grid/grid-actions-col-def.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from '@mui/monorepo/docs/src/modules/components/MarkdownDocs';
-import * as pageProps from './grid-actions-col-def.md?@mui/markdown';
+import * as pageProps from './grid-actions-col-def.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;

docs/pages/x/api/data-grid/grid-aggregation-function.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from '@mui/monorepo/docs/src/modules/components/MarkdownDocs';
-import * as pageProps from './grid-aggregation-function.md?@mui/markdown';
+import * as pageProps from './grid-aggregation-function.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;

docs/pages/x/api/data-grid/grid-api.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from '@mui/monorepo/docs/src/modules/components/MarkdownDocs';
-import * as pageProps from './grid-api.md?@mui/markdown';
+import * as pageProps from './grid-api.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;

docs/pages/x/api/data-grid/grid-cell-params.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from '@mui/monorepo/docs/src/modules/components/MarkdownDocs';
-import * as pageProps from './grid-cell-params.md?@mui/markdown';
+import * as pageProps from './grid-cell-params.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;

docs/pages/x/api/data-grid/grid-col-def.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from '@mui/monorepo/docs/src/modules/components/MarkdownDocs';
-import * as pageProps from './grid-col-def.md?@mui/markdown';
+import * as pageProps from './grid-col-def.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;

docs/pages/x/api/data-grid/grid-csv-export-options.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from '@mui/monorepo/docs/src/modules/components/MarkdownDocs';
-import * as pageProps from './grid-csv-export-options.md?@mui/markdown';
+import * as pageProps from './grid-csv-export-options.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;

docs/pages/x/api/data-grid/grid-excel-export-options.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from '@mui/monorepo/docs/src/modules/components/MarkdownDocs';
-import * as pageProps from './grid-excel-export-options.md?@mui/markdown';
+import * as pageProps from './grid-excel-export-options.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;

docs/pages/x/api/data-grid/grid-export-state-params.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from '@mui/monorepo/docs/src/modules/components/MarkdownDocs';
-import * as pageProps from './grid-export-state-params.md?@mui/markdown';
+import * as pageProps from './grid-export-state-params.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;

docs/pages/x/api/data-grid/grid-filter-item.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from '@mui/monorepo/docs/src/modules/components/MarkdownDocs';
-import * as pageProps from './grid-filter-item.md?@mui/markdown';
+import * as pageProps from './grid-filter-item.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;

docs/pages/x/api/data-grid/grid-filter-model.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from '@mui/monorepo/docs/src/modules/components/MarkdownDocs';
-import * as pageProps from './grid-filter-model.md?@mui/markdown';
+import * as pageProps from './grid-filter-model.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;

docs/pages/x/api/data-grid/grid-filter-operator.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from '@mui/monorepo/docs/src/modules/components/MarkdownDocs';
-import * as pageProps from './grid-filter-operator.md?@mui/markdown';
+import * as pageProps from './grid-filter-operator.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;

docs/pages/x/api/data-grid/grid-print-export-options.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from '@mui/monorepo/docs/src/modules/components/MarkdownDocs';
-import * as pageProps from './grid-print-export-options.md?@mui/markdown';
+import * as pageProps from './grid-print-export-options.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;

docs/pages/x/api/data-grid/grid-row-class-name-params.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from '@mui/monorepo/docs/src/modules/components/MarkdownDocs';
-import * as pageProps from './grid-row-class-name-params.md?@mui/markdown';
+import * as pageProps from './grid-row-class-name-params.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;

docs/pages/x/api/data-grid/grid-row-params.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from '@mui/monorepo/docs/src/modules/components/MarkdownDocs';
-import * as pageProps from './grid-row-params.md?@mui/markdown';
+import * as pageProps from './grid-row-params.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;

docs/pages/x/api/data-grid/grid-row-spacing-params.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from '@mui/monorepo/docs/src/modules/components/MarkdownDocs';
-import * as pageProps from './grid-row-spacing-params.md?@mui/markdown';
+import * as pageProps from './grid-row-spacing-params.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;

docs/pages/x/api/data-grid/grid-single-select-col-def.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from '@mui/monorepo/docs/src/modules/components/MarkdownDocs';
-import * as pageProps from './grid-single-select-col-def.md?@mui/markdown';
+import * as pageProps from './grid-single-select-col-def.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;

docs/pages/x/api/data-grid/index.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from './index.md?@mui/markdown';
+import * as pageProps from './index.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;

docs/pages/x/api/date-pickers/index.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from './index.md?@mui/markdown';
+import * as pageProps from './index.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;

docs/pages/x/introduction/index.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docsx/data/introduction/overview/overview.md?@mui/markdown';
+import * as pageProps from 'docsx/data/introduction/overview/overview.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} disableAd />;

docs/pages/x/introduction/installation.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docsx/data/introduction/installation/installation.md?@mui/markdown';
+import * as pageProps from 'docsx/data/introduction/installation/installation.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} disableAd />;

docs/pages/x/introduction/licensing.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docsx/data/introduction/licensing/licensing.md?@mui/markdown';
+import * as pageProps from 'docsx/data/introduction/licensing/licensing.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} disableAd />;

docs/pages/x/introduction/roadmap.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docsx/data/introduction/roadmap/roadmap.md?@mui/markdown';
+import * as pageProps from 'docsx/data/introduction/roadmap/roadmap.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;

docs/pages/x/introduction/support.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docsx/data/introduction/support/support.md?@mui/markdown';
+import * as pageProps from 'docsx/data/introduction/support/support.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} disableAd />;

docs/pages/x/migration/migration-charts-v6.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docsx/data/migration/migration-charts-v6/migration-charts-v6.md?@mui/markdown';
+import * as pageProps from 'docsx/data/migration/migration-charts-v6/migration-charts-v6.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;

docs/pages/x/migration/migration-data-grid-v4.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docsx/data/migration/migration-data-grid-v4/migration-data-grid-v4.md?@mui/markdown';
+import * as pageProps from 'docsx/data/migration/migration-data-grid-v4/migration-data-grid-v4.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;

docs/pages/x/migration/migration-data-grid-v5.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docsx/data/migration/migration-data-grid-v5/migration-data-grid-v5.md?@mui/markdown';
+import * as pageProps from 'docsx/data/migration/migration-data-grid-v5/migration-data-grid-v5.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;

docs/pages/x/migration/migration-data-grid-v6.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docsx/data/migration/migration-data-grid-v6/migration-data-grid-v6.md?@mui/markdown';
+import * as pageProps from 'docsx/data/migration/migration-data-grid-v6/migration-data-grid-v6.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;

docs/pages/x/migration/migration-pickers-lab.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docsx/data/migration/migration-pickers-lab/migration-pickers-lab.md?@mui/markdown';
+import * as pageProps from 'docsx/data/migration/migration-pickers-lab/migration-pickers-lab.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;

docs/pages/x/migration/migration-pickers-v5.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docsx/data/migration/migration-pickers-v5/migration-pickers-v5.md?@mui/markdown';
+import * as pageProps from 'docsx/data/migration/migration-pickers-v5/migration-pickers-v5.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;

docs/pages/x/migration/migration-pickers-v6.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docsx/data/migration/migration-pickers-v6/migration-pickers-v6.md?@mui/markdown';
+import * as pageProps from 'docsx/data/migration/migration-pickers-v6/migration-pickers-v6.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;

docs/pages/x/migration/migration-tree-view-lab.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docsx/data/migration/migration-tree-view-lab/migration-tree-view-lab.md?@mui/markdown';
+import * as pageProps from 'docsx/data/migration/migration-tree-view-lab/migration-tree-view-lab.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;

docs/pages/x/migration/migration-tree-view-v6.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docsx/data/migration/migration-tree-view-v6/migration-tree-view-v6.md?@mui/markdown';
+import * as pageProps from 'docsx/data/migration/migration-tree-view-v6/migration-tree-view-v6.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;

docs/pages/x/react-charts/areas-demo.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docsx/data/charts/areas-demo/areas-demo.md?@mui/markdown';
+import * as pageProps from 'docsx/data/charts/areas-demo/areas-demo.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;

docs/pages/x/react-charts/axis.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docsx/data/charts/axis/axis.md?@mui/markdown';
+import * as pageProps from 'docsx/data/charts/axis/axis.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;

docs/pages/x/react-charts/bar-demo.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docsx/data/charts/bar-demo/bar-demo.md?@mui/markdown';
+import * as pageProps from 'docsx/data/charts/bar-demo/bar-demo.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;

docs/pages/x/react-charts/bars.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docsx/data/charts/bars/bars.md?@mui/markdown';
+import * as pageProps from 'docsx/data/charts/bars/bars.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;

docs/pages/x/react-charts/components.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docsx/data/charts/components/components.md?@mui/markdown';
+import * as pageProps from 'docsx/data/charts/components/components.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;

docs/pages/x/react-charts/composition.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docsx/data/charts/composition/composition.md?@mui/markdown';
+import * as pageProps from 'docsx/data/charts/composition/composition.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;

docs/pages/x/react-charts/funnel.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docsx/data/charts/funnel/funnel.md?@mui/markdown';
+import * as pageProps from 'docsx/data/charts/funnel/funnel.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} disableAd />;

docs/pages/x/react-charts/gantt.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docsx/data/charts/gantt/gantt.md?@mui/markdown';
+import * as pageProps from 'docsx/data/charts/gantt/gantt.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} disableAd />;

docs/pages/x/react-charts/gauge.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import MarkdownDocs from 'docs/src/modules/components/MarkdownDocs';
-import * as pageProps from 'docsx/data/charts/gauge/gauge.md?@mui/markdown';
+import * as pageProps from 'docsx/data/charts/gauge/gauge.md?muiMarkdown';
 
 export default function Page() {
   return <MarkdownDocs {...pageProps} />;