[docs-infra] Deploy Docs to Netlify (#1019)

Author: dav-is

docs/README.md

@@ -3,7 +3,8 @@
 This package contains the documentation for the MUI Infra project, which is responsible for the infrastructure and tooling used in the various MUI documentation sites and libraries.
 
 [Read in Markdown](<./app/(shared)/page.mdx>)
-[Read in Browser](https://infra.mui.com)
+
+[Read in Browser](https://mui-internal.netlify.app/)
 
 For the most immersive experience, we recommend opening this documentation in VSCode, starting with this README and working deeper into the documentation by navigating through the links provided (ctrl + click). You should have [the MDX extension](https://marketplace.visualstudio.com/items?itemName=unifiedjs.vscode-mdx) installed to view the documentation properly.
 

docs/app/docs-infra/components/code-controller-context/demos/code-editor/CodeEditorContent.module.css

@@ -35,3 +35,7 @@
   padding: 6px;
   overflow-x: auto;
 }
+
+.codeBlock:focus-visible {
+  outline: none;
+}

docs/app/docs-infra/components/code-controller-context/demos/demo-live/DemoLiveContent.module.css

@@ -70,3 +70,7 @@
   padding: 6px;
   overflow-x: auto;
 }
+
+.codeBlock:focus-visible {
+  outline: none;
+}

docs/app/docs-infra/components/code-controller-context/demos/multi-file/MultiFileEditor.tsx

@@ -23,17 +23,17 @@ export default function App() {
       'styles.css': {
         source: `.container {
   padding: 20px;
-  background: #f5f5f5;
+  background: #f2eff3;
   border-radius: 8px;
 }
 
 h1 {
-  color: #333;
+  color: #84828e;
   margin-bottom: 10px;
 }
 
 p {
-  color: #666;
+  color: #65636d;
   font-size: 14px;
 }`,
       },

…ons/abstract-create-demo-client/page.mdx …ies/abstract-create-demo-client/page.mdxdocs/app/docs-infra/functions/abstract-create-demo-client/page.mdx renamed to docs/app/docs-infra/factories/abstract-create-demo-client/page.mdx docs/app/docs-infra/functions/abstract-create-demo-client/page.mdx renamed to docs/app/docs-infra/factories/abstract-create-demo-client/page.mdx

@@ -0,0 +1,121 @@
+# Factories
+
+[//]: # 'This file is autogenerated, but the following list can be modified.'
+
+<PagesIndex>
+
+- [Abstract Create Demo](#abstract-create-demo) - [Full Docs](./abstract-create-demo/page.mdx)
+- [Create Sitemap](#create-sitemap) [New] - [Full Docs](./create-sitemap/page.mdx)
+- [Abstract Create Demo Client](#abstract-create-demo-client) - [Full Docs](./abstract-create-demo-client/page.mdx)
+- [Create Demo Data](#create-demo-data) - [Full Docs](./create-demo-data/page.mdx)
+
+[//]: # 'This file is autogenerated, DO NOT EDIT AFTER THIS LINE, run: pnpm docs:validate docs-infra/factories'
+
+## Abstract Create Demo
+
+The `abstractCreateDemo` function helps you create structured demo factories that work seamlessly with the [`CodeHighlighter`](../../components/code-highlighter/page.mdx) component ecosystem. It provides a standardized way to create demos that combine component previews with code display, making it easier to build consistent documentation interfaces.
+
+<details>
+
+<summary>Outline</summary>
+
+- Sections:
+  - Overview
+  - Factory Function Requirements
+  - Implementation
+  - Global Dependencies
+    - Loader Configuration
+  - Related
+
+</details>
+
+[Read more](./abstract-create-demo/page.mdx)
+
+## Create Sitemap
+
+The `createSitemap` factory function defines sitemap data for documentation sites. It works with the webpack loader for build-time precomputation in Next.js builds.
+
+<details>
+
+<summary>Outline</summary>
+
+- Sections:
+  - Overview
+  - API Reference
+    - Parameters
+    - Returns
+    - Behavior
+  - Runtime Loading
+  - File Structure
+  - Type Definitions
+    - CreateSitemapMeta
+    - Sitemap
+    - SitemapSectionData
+    - SitemapPage
+  - Configuration
+    - Skip Precomputation
+    - Webpack Loader Setup
+  - Integration with Search
+  - Populating the Sitemap
+  - Related
+
+</details>
+
+[Read more](./create-sitemap/page.mdx)
+
+## Abstract Create Demo Client
+
+The `abstractCreateDemoClient` function helps you create client-side demo providers that manage external dependencies for live component demos. It creates provider components that supply externals context to child components, enabling dynamic code execution in the browser.
+
+<details>
+
+<summary>Outline</summary>
+
+- Sections:
+  - Overview
+  - When to Use Demo Clients
+  - Factory Function Requirements
+  - Implementation
+  - Usage Pattern
+  - Client Provider Features
+  - Configuration Options
+    - AbstractCreateDemoClientOptions
+    - CreateDemoClientMeta
+  - Externals Context
+  - Best Practices
+  - Example: Complete Live Demo Setup
+  - Related
+
+</details>
+
+[Read more](./abstract-create-demo-client/page.mdx)
+
+## Create Demo Data
+
+The `createDemoData` utility creates structured demo metadata and component data for use with the [`CodeHighlighter`](../components/code-highlighter/page.mdx) system. It processes demo URLs, components, and metadata to create data objects that can be consumed by demo factories and code highlighting systems.
+
+<details>
+
+<summary>Outline</summary>
+
+- Sections:
+  - Features
+  - Usage
+    - Global Demo Data Structure
+      - Global Variant Matching
+  - When to Use
+  - Related
+
+</details>
+
+[Read more](./create-demo-data/page.mdx)
+
+</PagesIndex>
+
+[//]: # 'This file is autogenerated, but the following metadata can be modified.'
+
+export const metadata = {
+  robots: {
+    index: false,
+  },
+};

…/functions/abstract-create-demo/page.mdx …/factories/abstract-create-demo/page.mdxdocs/app/docs-infra/functions/abstract-create-demo/page.mdx renamed to docs/app/docs-infra/factories/abstract-create-demo/page.mdx docs/app/docs-infra/functions/abstract-create-demo/page.mdx renamed to docs/app/docs-infra/factories/abstract-create-demo/page.mdx

@@ -11,7 +11,7 @@
   display: flex;
   gap: 0;
   border-bottom: 1px solid #d0cdd7;
-  background-color: #f5f5f5;
+  background-color: #f2eff3;
 }
 
 .tab,