[code-infra] Migrate simpler modules from docs to mui-docs

These come with minimal transitive dependencies and easier to migrate to
on X

Author: brijeshb42

docs/data/docs-infra/pages.ts

@@ -1,4 +1,4 @@
-import type { MuiPage } from 'docs/src/MuiPage';
+import type { MuiPage } from '@mui/docs/MuiPage';
 
 const pages: readonly MuiPage[] = [
   {

docs/data/docs/pages.ts

@@ -1,4 +1,4 @@
-import type { MuiPage } from 'docs/src/MuiPage';
+import type { MuiPage } from '@mui/docs/MuiPage';
 import standardNavIcons from 'docs/src/modules/components/AppNavIcons';
 
 const pages: readonly MuiPage[] = [

docs/data/joy/pages.ts

@@ -1,4 +1,4 @@
-import type { MuiPage } from 'docs/src/MuiPage';
+import type { MuiPage } from '@mui/docs/MuiPage';
 import pagesApi from 'docs/data/joy/pagesApi';
 
 const pages: readonly MuiPage[] = [

docs/data/material/pages.ts

@@ -1,6 +1,6 @@
 import standardNavIcons from 'docs/src/modules/components/AppNavIcons';
 import pagesApi from 'docs/data/material/pagesApi';
-import { MuiPage } from 'docs/src/MuiPage';
+import { MuiPage } from '@mui/docs/MuiPage';
 
 const pages: MuiPage[] = [
   {

docs/data/system/pages.ts

@@ -1,4 +1,4 @@
-import type { MuiPage } from 'docs/src/MuiPage';
+import type { MuiPage } from '@mui/docs/MuiPage';
 import pagesApi from 'docs/data/system/pagesApi';
 
 const pages: readonly MuiPage[] = [

docs/pages/_app.js

@@ -14,18 +14,18 @@ import docsInfraPages from 'docs/data/docs-infra/pages';
 import materialPages from 'docs/data/material/pages';
 import joyPages from 'docs/data/joy/pages';
 import systemPages from 'docs/data/system/pages';
-import PageContext from 'docs/src/modules/components/PageContext';
-import DemoContext from 'docs/src/modules/components/DemoContext';
+import PageContext from '@mui/docs/PageContext';
+import DemoContext from '@mui/docs/DemoContext';
 import GoogleAnalytics from 'docs/src/modules/components/GoogleAnalytics';
 import { CodeCopyProvider } from '@mui/docs/CodeCopy';
 import { ThemeProvider } from '@mui/docs/ThemeContext';
-import { CodeVariantProvider } from 'docs/src/modules/utils/codeVariant';
+import { CodeVariantProvider } from '@mui/docs/codeVariant';
 import GlobalStyles from '@mui/material/GlobalStyles';
 import { extendTheme, useColorScheme as useJoyColorScheme } from '@mui/joy/styles';
-import DocsStyledEngineProvider from 'docs/src/modules/utils/StyledEngineProvider';
-import createEmotionCache from 'docs/src/createEmotionCache';
-import findActivePage from 'docs/src/modules/utils/findActivePage';
-import getProductInfoFromUrl from 'docs/src/modules/utils/getProductInfoFromUrl';
+import DocsStyledEngineProvider from '@mui/docs/StyledEngineProvider';
+import createEmotionCache from '@mui/docs/createEmotionCache';
+import findActivePage from '@mui/docs/findActivePage';
+import getProductInfoFromUrl from '@mui/docs/getProductInfoFromUrl';
 import { AnalyticsProvider } from 'docs/src/modules/components/AnalyticsProvider';
 import { DocsProvider } from '@mui/docs/DocsProvider';
 import { mapTranslations } from '@mui/docs/i18n';

docs/pages/_document.js

@@ -6,8 +6,8 @@ import Document, { Html, Head, Main, NextScript } from 'next/document';
 import GlobalStyles from '@mui/material/GlobalStyles';
 import MuiInitColorSchemeScript from '@mui/material/InitColorSchemeScript';
 import JoyInitColorSchemeScript from '@mui/joy/InitColorSchemeScript';
-import { pathnameToLanguage } from 'docs/src/modules/utils/helpers';
-import createEmotionCache from 'docs/src/createEmotionCache';
+import { pathnameToLanguage } from '@mui/docs/helpers';
+import createEmotionCache from '@mui/docs/createEmotionCache';
 import { getMetaThemeColor } from '@mui/docs/branding';
 import { fontClasses } from './_app';
 

docs/pages/components.tsx

@@ -10,10 +10,10 @@ import AppHeader from 'docs/src/layouts/AppHeader';
 import AppFooter from 'docs/src/layouts/AppFooter';
 import BrandingCssVarsProvider from 'docs/src/BrandingCssVarsProvider';
 import Section from 'docs/src/layouts/Section';
-import { pageToTitleI18n } from 'docs/src/modules/utils/helpers';
+import { pageToTitleI18n } from '@mui/docs/helpers';
 import { useTranslate } from '@mui/docs/i18n';
 import { Link } from '@mui/docs/Link';
-import type { MuiPage } from 'docs/src/MuiPage';
+import type { MuiPage } from '@mui/docs/MuiPage';
 import materialPages from 'docs/data/material/pages';
 
 export default function Components() {

docs/scripts/i18n.ts

@@ -1,11 +1,11 @@
 // @ts-check
 import path from 'path';
 import fs from 'node:fs/promises';
-import { pageToTitle } from 'docs/src/modules/utils/helpers';
+import { pageToTitle } from '@mui/docs/helpers';
 import materialPages from 'docs/data/material/pages';
 import systemPages from 'docs/data/system/pages';
 import joyPages from 'docs/data/joy/pages';
-import { MuiPage } from 'docs/src/MuiPage';
+import { MuiPage } from '@mui/docs/MuiPage';
 
 const EXCLUDES = ['/api', '/blog', '/x/react-', '/toolpad'];
 
@@ -19,7 +19,7 @@ async function run() {
   output.pages = {};
 
   /**
-   * @param {readonly import('docs/src/MuiPage').MuiPage[]} pages
+   * @param {readonly import('@mui/docs/MuiPage').MuiPage[]} pages
    */
   const traverse = (pages: MuiPage[]) => {
     pages.forEach((page) => {

docs/src/BrandingCssVarsProvider.tsx

@@ -5,7 +5,7 @@ import { ThemeProvider, createTheme, PaletteColorOptions } from '@mui/material/s
 import { unstable_useEnhancedEffect as useEnhancedEffect } from '@mui/material/utils';
 import { colorChannel, getContrastRatio, lighten, darken } from '@mui/system/colorManipulator';
 import CssBaseline from '@mui/material/CssBaseline';
-import { getCookie, pathnameToLanguage } from 'docs/src/modules/utils/helpers';
+import { getCookie, pathnameToLanguage } from '@mui/docs/helpers';
 // @ts-ignore to bypass type checking in MUI X repo
 import { NextNProgressBar } from 'docs/src/modules/components/AppFrame';
 import { getDesignTokens, getThemedComponents } from '@mui/docs/branding';