Migrate BrandingCssVarsProvider

brijeshb42 · brijeshb42 · commit e803128238d9 · 2026-03-05T10:27:49.000+05:30
diff --git a/docs/data/material/customization/color/ColorTool.js b/docs/data/material/customization/color/ColorTool.js
@@ -12,7 +12,7 @@ import Button from '@mui/material/Button';
 import CheckIcon from '@mui/icons-material/Check';
 import Slider from '@mui/material/Slider';
 import { capitalize } from '@mui/material/utils';
-import { resetDocsColor, setDocsColors } from 'docs/src/BrandingCssVarsProvider';
+import { resetDocsColor, setDocsColors } from '@mui/docs/branding';
 import ColorDemo from './ColorDemo';
 
 const defaults = {
diff --git a/docs/data/material/customization/density/DensityTool.js b/docs/data/material/customization/density/DensityTool.js
@@ -10,7 +10,7 @@ import IncreaseIcon from '@mui/icons-material/AddCircleOutline';
 import DecreaseIcon from '@mui/icons-material/RemoveCircleOutline';
 import { DispatchContext, ThemeOptionsContext } from '@mui/docs/ThemeContext';
 import { useTranslate } from '@mui/docs/i18n';
-import { setDocsSpacing, resetDocsSpacing } from 'docs/src/BrandingCssVarsProvider';
+import { setDocsSpacing, resetDocsSpacing } from '@mui/docs/branding';
 
 const minSpacing = 0;
 const maxSpacing = 20;
diff --git a/docs/pages/404.tsx b/docs/pages/404.tsx
@@ -1,6 +1,6 @@
 import Divider from '@mui/material/Divider';
 import Head from 'docs/src/modules/components/Head';
-import BrandingCssVarsProvider from 'docs/src/BrandingCssVarsProvider';
+import { BrandingCssVarsProvider } from '@mui/docs/branding';
 import AppHeader from 'docs/src/layouts/AppHeader';
 import AppFooter from 'docs/src/layouts/AppFooter';
 import AppHeaderBanner from 'docs/src/components/banner/AppHeaderBanner';
diff --git a/docs/pages/_app.js b/docs/pages/_app.js
@@ -24,7 +24,6 @@ import generalDocsPages from 'docs/data/docs/pages';
 import joyPages from 'docs/data/joy/pages';
 import materialPages from 'docs/data/material/pages';
 import systemPages from 'docs/data/system/pages';
-import { BrandingCssThemeProvider } from 'docs/src/BrandingCssVarsProvider';
 import SvgMuiLogomark, {
   muiSvgLogoString,
   muiSvgWordmarkString,
@@ -428,7 +427,7 @@ function AppWrapper(props) {
               <DemoContext.Provider value={demoContextValue}>
                 <ThemeProvider>
                   <DocsStyledEngineProvider cacheLtr={emotionCache}>
-                    <AnalyticsProvider slots={{ PagesThemeContainer: BrandingCssThemeProvider }}>
+                    <AnalyticsProvider>
                       {children}
                       <GoogleAnalytics />
                     </AnalyticsProvider>
diff --git a/docs/pages/about.tsx b/docs/pages/about.tsx
@@ -7,7 +7,7 @@ import Team from 'docs/src/components/about/Team';
 import HowToSupport from 'docs/src/components/about/HowToSupport';
 import AboutEnd from 'docs/src/components/about/AboutEnd';
 import Head from 'docs/src/modules/components/Head';
-import BrandingCssVarsProvider from 'docs/src/BrandingCssVarsProvider';
+import { BrandingCssVarsProvider } from '@mui/docs/branding';
 import AppHeaderBanner from 'docs/src/components/banner/AppHeaderBanner';
 
 export default function About() {
diff --git a/docs/pages/blog.tsx b/docs/pages/blog.tsx
@@ -20,7 +20,7 @@ import Head from 'docs/src/modules/components/Head';
 import AppHeader from 'docs/src/layouts/AppHeader';
 import AppFooter from 'docs/src/layouts/AppFooter';
 import GradientText from 'docs/src/components/typography/GradientText';
-import BrandingCssVarsProvider from 'docs/src/BrandingCssVarsProvider';
+import { BrandingCssVarsProvider } from '@mui/docs/branding';
 import { authors as AUTHORS } from 'docs/src/modules/components/TopLayoutBlog';
 import HeroEnd from 'docs/src/components/home/HeroEnd';
 import { Link } from '@mui/docs/Link';
diff --git a/docs/pages/careers.tsx b/docs/pages/careers.tsx
@@ -12,7 +12,7 @@ import RoleEntry from 'docs/src/components/careers/RoleEntry';
 import AppHeader from 'docs/src/layouts/AppHeader';
 import AppFooter from 'docs/src/layouts/AppFooter';
 import GradientText from 'docs/src/components/typography/GradientText';
-import BrandingCssVarsProvider from 'docs/src/BrandingCssVarsProvider';
+import { BrandingCssVarsProvider } from '@mui/docs/branding';
 import Section from 'docs/src/layouts/Section';
 import SectionHeadline from '@mui/docs/SectionHeadline';
 import Head from 'docs/src/modules/components/Head';
diff --git a/docs/pages/components.tsx b/docs/pages/components.tsx
@@ -8,7 +8,7 @@ import KeyboardArrowRightRounded from '@mui/icons-material/KeyboardArrowRightRou
 import Head from 'docs/src/modules/components/Head';
 import AppHeader from 'docs/src/layouts/AppHeader';
 import AppFooter from 'docs/src/layouts/AppFooter';
-import BrandingCssVarsProvider from 'docs/src/BrandingCssVarsProvider';
+import { BrandingCssVarsProvider } from '@mui/docs/branding';
 import Section from 'docs/src/layouts/Section';
 import { pageToTitleI18n } from '@mui/docs/helpers';
 import { useTranslate } from '@mui/docs/i18n';
diff --git a/docs/pages/core.tsx b/docs/pages/core.tsx
@@ -1,6 +1,6 @@
 import Divider from '@mui/material/Divider';
 import Head from 'docs/src/modules/components/Head';
-import BrandingCssVarsProvider from 'docs/src/BrandingCssVarsProvider';
+import { BrandingCssVarsProvider } from '@mui/docs/branding';
 import AppHeader from 'docs/src/layouts/AppHeader';
 import CoreHero from 'docs/src/components/productCore/CoreHero';
 import CoreProducts from 'docs/src/components/productCore/CoreProducts';
diff --git a/docs/pages/customers.tsx b/docs/pages/customers.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import BrandingCssVarsProvider from 'docs/src/BrandingCssVarsProvider';
+import { BrandingCssVarsProvider } from '@mui/docs/branding';
 import AppHeaderBanner from 'docs/src/components/banner/AppHeaderBanner';
 import CustomersHero from 'docs/src/components/customers/CustomersHero';
 import AppHeader from 'docs/src/layouts/AppHeader';
diff --git a/docs/pages/design-kits.tsx b/docs/pages/design-kits.tsx
@@ -7,7 +7,7 @@ import DesignKitValues from 'docs/src/components/productDesignKit/DesignKitValue
 import DesignKitDemo from 'docs/src/components/productDesignKit/DesignKitDemo';
 import DesignKitFAQ from 'docs/src/components/productDesignKit/DesignKitFAQ';
 import MaterialEnd from 'docs/src/components/productMaterial/MaterialEnd';
-import BrandingCssVarsProvider from 'docs/src/BrandingCssVarsProvider';
+import { BrandingCssVarsProvider } from '@mui/docs/branding';
 import References, { DESIGNKITS_CUSTOMERS } from 'docs/src/components/home/References';
 import AppHeaderBanner from 'docs/src/components/banner/AppHeaderBanner';
 
diff --git a/docs/pages/experiments/index.js b/docs/pages/experiments/index.js
@@ -8,7 +8,7 @@ import Typography from '@mui/material/Typography';
 import KeyboardArrowRightRounded from '@mui/icons-material/KeyboardArrowRightRounded';
 import GradientText from 'docs/src/components/typography/GradientText';
 import { Link } from '@mui/docs/Link';
-import BrandingCssVarsProvider from 'docs/src/BrandingCssVarsProvider';
+import { BrandingCssVarsProvider } from '@mui/docs/branding';
 
 export default function Experiments({ experiments }) {
   const categories = {};
diff --git a/docs/pages/experiments/website/branding-theme-test.tsx b/docs/pages/experiments/website/branding-theme-test.tsx
@@ -5,7 +5,7 @@ import Button from '@mui/material/Button';
 import IconButton from '@mui/material/IconButton';
 import Divider from '@mui/material/Divider';
 import Head from 'docs/src/modules/components/Head';
-import BrandingCssVarsProvider from 'docs/src/BrandingCssVarsProvider';
+import { BrandingCssVarsProvider } from '@mui/docs/branding';
 import AppHeader from 'docs/src/layouts/AppHeader';
 import Section from 'docs/src/layouts/Section';
 import AppFooter from 'docs/src/layouts/AppFooter';
diff --git a/docs/pages/index.tsx b/docs/pages/index.tsx
@@ -11,7 +11,7 @@ import Testimonials from 'docs/src/components/home/Testimonials';
 import Sponsors from 'docs/src/components/home/Sponsors';
 import HeroEnd from 'docs/src/components/home/HeroEnd';
 import AppFooter from 'docs/src/layouts/AppFooter';
-import BrandingCssVarsProvider from 'docs/src/BrandingCssVarsProvider';
+import { BrandingCssVarsProvider } from '@mui/docs/branding';
 import NewsletterToast from 'docs/src/components/home/NewsletterToast';
 import AppHeaderBanner from 'docs/src/components/banner/AppHeaderBanner';
 
diff --git a/docs/pages/joy-ui/getting-started/templates/email.js b/docs/pages/joy-ui/getting-started/templates/email.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import Head from 'docs/src/modules/components/Head';
 import EmailApp from 'docs/data/joy/getting-started/templates/email/App';
-import { NextNProgressBar } from 'docs/src/modules/components/AppFrame';
+import { NextNProgressBar } from '@mui/docs/NextNProgressBar';
 
 export default function Email() {
   return (
diff --git a/docs/pages/joy-ui/getting-started/templates/files.js b/docs/pages/joy-ui/getting-started/templates/files.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import Head from 'docs/src/modules/components/Head';
 import FilesApp from 'docs/data/joy/getting-started/templates/files/App';
-import { NextNProgressBar } from 'docs/src/modules/components/AppFrame';
+import { NextNProgressBar } from '@mui/docs/NextNProgressBar';
 
 export default function Files() {
   return (
diff --git a/docs/pages/joy-ui/getting-started/templates/framesx-web-blocks.js b/docs/pages/joy-ui/getting-started/templates/framesx-web-blocks.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import Head from 'docs/src/modules/components/Head';
 import TeamApp from 'docs/data/joy/getting-started/templates/framesx-web-blocks/App';
-import { NextNProgressBar } from 'docs/src/modules/components/AppFrame';
+import { NextNProgressBar } from '@mui/docs/NextNProgressBar';
 
 export default function Team() {
   return (
diff --git a/docs/pages/joy-ui/getting-started/templates/messages.js b/docs/pages/joy-ui/getting-started/templates/messages.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import Head from 'docs/src/modules/components/Head';
 import MessagesTemplate from 'docs/data/joy/getting-started/templates/messages/App';
-import { NextNProgressBar } from 'docs/src/modules/components/AppFrame';
+import { NextNProgressBar } from '@mui/docs/NextNProgressBar';
 
 export default function Messages() {
   return (
diff --git a/docs/pages/joy-ui/getting-started/templates/order-dashboard.js b/docs/pages/joy-ui/getting-started/templates/order-dashboard.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import Head from 'docs/src/modules/components/Head';
 import OrderDashboardTemplate from 'docs/data/joy/getting-started/templates/order-dashboard/App';
-import { NextNProgressBar } from 'docs/src/modules/components/AppFrame';
+import { NextNProgressBar } from '@mui/docs/NextNProgressBar';
 
 export default function OrderDashboard() {
   return (
diff --git a/docs/pages/joy-ui/getting-started/templates/profile-dashboard.js b/docs/pages/joy-ui/getting-started/templates/profile-dashboard.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import Head from 'docs/src/modules/components/Head';
 import ProfileDashboardTemplate from 'docs/data/joy/getting-started/templates/profile-dashboard/App';
-import { NextNProgressBar } from 'docs/src/modules/components/AppFrame';
+import { NextNProgressBar } from '@mui/docs/NextNProgressBar';
 
 export default function OrderDashboard() {
   return (
diff --git a/docs/pages/joy-ui/getting-started/templates/rental-dashboard.js b/docs/pages/joy-ui/getting-started/templates/rental-dashboard.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import Head from 'docs/src/modules/components/Head';
 import RentalDashboardTemplate from 'docs/data/joy/getting-started/templates/rental-dashboard/App';
-import { NextNProgressBar } from 'docs/src/modules/components/AppFrame';
+import { NextNProgressBar } from '@mui/docs/NextNProgressBar';
 
 export default function RentalDashboard() {
   return (
diff --git a/docs/pages/joy-ui/getting-started/templates/sign-in-side.js b/docs/pages/joy-ui/getting-started/templates/sign-in-side.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import Head from 'docs/src/modules/components/Head';
 import SignInSideTemplate from 'docs/data/joy/getting-started/templates/sign-in-side/App';
-import { NextNProgressBar } from 'docs/src/modules/components/AppFrame';
+import { NextNProgressBar } from '@mui/docs/NextNProgressBar';
 
 export default function SignInSide() {
   return (
diff --git a/docs/pages/joy-ui/getting-started/templates/team.js b/docs/pages/joy-ui/getting-started/templates/team.js
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import Head from 'docs/src/modules/components/Head';
 import TeamApp from 'docs/data/joy/getting-started/templates/team/App';
-import { NextNProgressBar } from 'docs/src/modules/components/AppFrame';
+import { NextNProgressBar } from '@mui/docs/NextNProgressBar';
 
 export default function Team() {
   return (
diff --git a/docs/pages/material-ui.tsx b/docs/pages/material-ui.tsx
@@ -1,6 +1,6 @@
 import Divider from '@mui/material/Divider';
 import Head from 'docs/src/modules/components/Head';
-import BrandingCssVarsProvider from 'docs/src/BrandingCssVarsProvider';
+import { BrandingCssVarsProvider } from '@mui/docs/branding';
 import AppHeader from 'docs/src/layouts/AppHeader';
 import MaterialHero from 'docs/src/components/productMaterial/MaterialHero';
 import MaterialComponents from 'docs/src/components/productMaterial/MaterialComponents';
diff --git a/docs/pages/pricing.tsx b/docs/pages/pricing.tsx
@@ -10,7 +10,7 @@ import PricingWhatToExpect from 'docs/src/components/pricing/PricingWhatToExpect
 import PricingFAQ from 'docs/src/components/pricing/PricingFAQ';
 import HeroEnd from 'docs/src/components/home/HeroEnd';
 import AppFooter from 'docs/src/layouts/AppFooter';
-import BrandingCssVarsProvider from 'docs/src/BrandingCssVarsProvider';
+import { BrandingCssVarsProvider } from '@mui/docs/branding';
 import AppHeaderBanner from 'docs/src/components/banner/AppHeaderBanner';
 import { MultiAppProvider } from 'docs/src/components/pricing/MultiAppContext';
 import { LicenseModelProvider } from 'docs/src/components/pricing/LicenseModelContext';
diff --git a/docs/pages/templates.tsx b/docs/pages/templates.tsx
@@ -7,7 +7,7 @@ import ValueProposition from 'docs/src/components/home/ValueProposition';
 import TemplateDemo from 'docs/src/components/productTemplate/TemplateDemo';
 import Testimonials from 'docs/src/components/home/Testimonials';
 import HeroEnd from 'docs/src/components/home/HeroEnd';
-import BrandingCssVarsProvider from 'docs/src/BrandingCssVarsProvider';
+import { BrandingCssVarsProvider } from '@mui/docs/branding';
 import References, { TEMPLATES_CUSTOMERS } from 'docs/src/components/home/References';
 import AppHeaderBanner from 'docs/src/components/banner/AppHeaderBanner';
 
diff --git a/docs/pages/x.tsx b/docs/pages/x.tsx
@@ -1,6 +1,6 @@
 import Divider from '@mui/material/Divider';
 import Head from 'docs/src/modules/components/Head';
-import BrandingCssVarsProvider from 'docs/src/BrandingCssVarsProvider';
+import { BrandingCssVarsProvider } from '@mui/docs/branding';
 import AppHeader from 'docs/src/layouts/AppHeader';
 import AppFooter from 'docs/src/layouts/AppFooter';
 import AppHeaderBanner from 'docs/src/components/banner/AppHeaderBanner';
diff --git a/docs/src/modules/components/ApiPage.tsx b/docs/src/modules/components/ApiPage.tsx
@@ -11,10 +11,9 @@ import VerifiedRoundedIcon from '@mui/icons-material/VerifiedRounded';
 import WarningRoundedIcon from '@mui/icons-material/WarningRounded';
 import { Translate, useTranslate, useUserLanguage } from '@mui/docs/i18n';
 import { HighlightedCode } from '@mui/docs/HighlightedCode';
-import { BrandingProvider } from '@mui/docs/branding';
+import { BrandingProvider, BrandingCssVarsProvider } from '@mui/docs/branding';
 import { SectionTitle, SectionTitleProps } from '@mui/docs/SectionTitle';
 import { MarkdownElement } from '@mui/docs/MarkdownElement';
-import BrandingCssVarsProvider from 'docs/src/BrandingCssVarsProvider';
 import AppLayoutDocs from 'docs/src/modules/components/AppLayoutDocs';
 import PropertiesSection from 'docs/src/modules/components/ApiPage/sections/PropertiesSection';
 import ClassesSection from 'docs/src/modules/components/ApiPage/sections/ClassesSection';
diff --git a/docs/src/modules/components/AppFrame.tsx b/docs/src/modules/components/AppFrame.tsx
@@ -3,16 +3,13 @@ import PropTypes from 'prop-types';
 import { useRouter } from 'next/router';
 import GlobalStyles from '@mui/material/GlobalStyles';
 import { styled, alpha } from '@mui/material/styles';
-import NProgress from 'nprogress';
 import AppBar from '@mui/material/AppBar';
 import Stack from '@mui/material/Stack';
 import IconButton from '@mui/material/IconButton';
 import Tooltip from '@mui/material/Tooltip';
 import Box from '@mui/material/Box';
 import SettingsIcon from '@mui/icons-material/SettingsOutlined';
 import GitHubIcon from '@mui/icons-material/GitHub';
-import NProgressBar from '@mui/docs/NProgressBar';
-import { debounce } from '@mui/material/utils';
 import SvgHamburgerMenu from 'docs/src/icons/SvgHamburgerMenu';
 import AppNavDrawer from 'docs/src/modules/components/AppNavDrawer';
 import AppSettingsDrawer from 'docs/src/modules/components/AppSettingsDrawer';
@@ -25,43 +22,6 @@ import { DemoPageThemeProvider } from 'docs/src/theming';
 import { pathnameToLanguage } from '@mui/docs/helpers';
 import SearchButton from './SearchButton';
 
-const nProgressStart = debounce(() => {
-  NProgress.start();
-}, 200);
-
-function nProgressDone() {
-  nProgressStart.clear();
-  NProgress.done();
-}
-
-export function NextNProgressBar() {
-  const router = useRouter();
-  React.useEffect(() => {
-    const handleRouteChangeStart = (url: string, { shallow }: { shallow: boolean }) => {
-      if (!shallow) {
-        nProgressStart();
-      }
-    };
-
-    const handleRouteChangeDone = (url: string, { shallow }: { shallow: boolean }) => {
-      if (!shallow) {
-        nProgressDone();
-      }
-    };
-
-    router.events.on('routeChangeStart', handleRouteChangeStart);
-    router.events.on('routeChangeComplete', handleRouteChangeDone);
-    router.events.on('routeChangeError', handleRouteChangeDone);
-    return () => {
-      router.events.off('routeChangeStart', handleRouteChangeStart);
-      router.events.off('routeChangeComplete', handleRouteChangeDone);
-      router.events.off('routeChangeError', handleRouteChangeDone);
-    };
-  }, [router]);
-
-  return <NProgressBar />;
-}
-
 const sx = { minWidth: { sm: 160 } };
 
 const AppSearch = React.lazy(() => import('docs/src/modules/components/AppSearch'));
diff --git a/docs/src/modules/components/AppNavDrawerItem.tsx b/docs/src/modules/components/AppNavDrawerItem.tsx
@@ -5,8 +5,7 @@ import { alpha, styled, SxProps, Theme } from '@mui/material/styles';
 import Collapse from '@mui/material/Collapse';
 import Box from '@mui/material/Box';
 import Chip from '@mui/material/Chip';
-import { samePageLinkNavigation } from 'docs/src/modules/components/MarkdownLinks';
-import { Link, LinkProps } from '@mui/docs/Link';
+import { samePageLinkNavigation, Link, type LinkProps } from '@mui/docs/Link';
 import { MuiPageIcon } from '@mui/docs/MuiPage';
 import standardNavIcons from './AppNavIcons';
 
diff --git a/docs/src/modules/components/AppTableOfContents.js b/docs/src/modules/components/AppTableOfContents.js
@@ -5,9 +5,8 @@ import { throttle } from 'es-toolkit/function';
 import { styled, alpha } from '@mui/material/styles';
 import Typography from '@mui/material/Typography';
 import NoSsr from '@mui/material/NoSsr';
-import { Link } from '@mui/docs/Link';
+import { Link, samePageLinkNavigation } from '@mui/docs/Link';
 import { useTranslate } from '@mui/docs/i18n';
-import { samePageLinkNavigation } from 'docs/src/modules/components/MarkdownLinks';
 import TableOfContentsBanner from 'docs/src/components/banner/TableOfContentsBanner';
 import featureToggle from 'docs/src/featureToggle';
 import DiamondSponsors from 'docs/src/modules/components/DiamondSponsors';
diff --git a/docs/src/modules/components/TopLayoutBlog.js b/docs/src/modules/components/TopLayoutBlog.js
@@ -8,7 +8,7 @@ import Divider from '@mui/material/Divider';
 import Typography from '@mui/material/Typography';
 import Avatar from '@mui/material/Avatar';
 import Head from 'docs/src/modules/components/Head';
-import BrandingCssVarsProvider from 'docs/src/BrandingCssVarsProvider';
+import { BrandingCssVarsProvider } from '@mui/docs/branding';
 import AppHeader from 'docs/src/layouts/AppHeader';
 import AppContainer from 'docs/src/modules/components/AppContainer';
 import AppFooter from 'docs/src/layouts/AppFooter';
diff --git a/docs/src/modules/components/TopLayoutCareers.js b/docs/src/modules/components/TopLayoutCareers.js
@@ -6,7 +6,7 @@ import Head from 'docs/src/modules/components/Head';
 import AppContainer from 'docs/src/modules/components/AppContainer';
 import AppFooter from 'docs/src/layouts/AppFooter';
 import AppHeader from 'docs/src/layouts/AppHeader';
-import BrandingCssVarsProvider from 'docs/src/BrandingCssVarsProvider';
+import { BrandingCssVarsProvider } from '@mui/docs/branding';
 import { MarkdownElement } from '@mui/docs/MarkdownElement';
 import { Link } from '@mui/docs/Link';
 import { useTranslate } from '@mui/docs/i18n';
diff --git a/docs/src/modules/components/TopLayoutCaseStudy.js b/docs/src/modules/components/TopLayoutCaseStudy.js
@@ -6,7 +6,7 @@ import { exactProp } from '@mui/utils';
 import ChevronLeftRoundedIcon from '@mui/icons-material/ChevronLeftRounded';
 import Divider from '@mui/material/Divider';
 import Head from 'docs/src/modules/components/Head';
-import BrandingCssVarsProvider from 'docs/src/BrandingCssVarsProvider';
+import { BrandingCssVarsProvider } from '@mui/docs/branding';
 import AppHeader from 'docs/src/layouts/AppHeader';
 import AppContainer from 'docs/src/modules/components/AppContainer';
 import AppFooter from 'docs/src/layouts/AppFooter';
diff --git a/docs/src/theming.tsx b/docs/src/theming.tsx
@@ -8,7 +8,7 @@ import {
 } from '@mui/joy/styles';
 import { ThemeProvider, createTheme, useTheme } from '@mui/material/styles';
 import { ThemeOptionsContext, highDensity } from '@mui/docs/ThemeContext';
-import BrandingCssVarsProvider from './BrandingCssVarsProvider';
+import { BrandingCssVarsProvider } from '@mui/docs/branding';
 
 const defaultTheme = createTheme({
   colorSchemes: { light: true, dark: true },
diff --git a/packages/mui-docs/package.json b/packages/mui-docs/package.json
@@ -45,6 +45,7 @@
     "@types/fg-loadcss": "3.1.3",
     "@types/gtag.js": "0.0.20",
     "@types/node": "20.19.35",
+    "@types/nprogress": "0.2.3",
     "@types/prop-types": "15.7.15",
     "@types/react": "19.2.14",
     "next": "15.5.12",
@@ -84,8 +85,6 @@
     "node": ">=14.0.0"
   },
   "exports": {
-    "./NProgressBar": "./src/NProgressBar/index.js",
-    "./SectionTitle": "./src/SectionTitle/index.tsx",
     "./*": "./src/*/index.ts"
   }
 }
diff --git a/packages/mui-docs/src/AnalyticsProvider/AnalyticsProvider.tsx b/packages/mui-docs/src/AnalyticsProvider/AnalyticsProvider.tsx
diff --git a/packages/mui-docs/src/Link/MarkdownLinks.ts b/packages/mui-docs/src/Link/MarkdownLinks.ts
diff --git a/packages/mui-docs/src/Link/SkipLink.tsx b/packages/mui-docs/src/Link/SkipLink.tsx
diff --git a/packages/mui-docs/src/Link/index.ts b/packages/mui-docs/src/Link/index.ts
diff --git a/packages/mui-docs/src/NProgressBar/index.d.ts b/packages/mui-docs/src/NProgressBar/index.d.ts
diff --git a/packages/mui-docs/src/NProgressBar/index.js b/packages/mui-docs/src/NProgressBar/index.js
diff --git a/packages/mui-docs/src/NextNProgressBar/NProgressBar.d.ts b/packages/mui-docs/src/NextNProgressBar/NProgressBar.d.ts
diff --git a/packages/mui-docs/src/NextNProgressBar/NProgressBar.js b/packages/mui-docs/src/NextNProgressBar/NProgressBar.js
diff --git a/packages/mui-docs/src/NextNProgressBar/NextNProgressBar.tsx b/packages/mui-docs/src/NextNProgressBar/NextNProgressBar.tsx
diff --git a/packages/mui-docs/src/NextNProgressBar/index.ts b/packages/mui-docs/src/NextNProgressBar/index.ts
diff --git a/packages/mui-docs/src/SectionTitle/index.ts b/packages/mui-docs/src/SectionTitle/index.ts
diff --git a/packages/mui-docs/src/branding/BrandingCssVarsProvider.tsx b/packages/mui-docs/src/branding/BrandingCssVarsProvider.tsx
diff --git a/packages/mui-docs/src/branding/index.ts b/packages/mui-docs/src/branding/index.ts
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
