[code-infra] Setup workflow to publish internal packages

.github/workflows/publish.yml

@@ -22,11 +22,39 @@ on:
         required: false
         type: string
         default: 'latest'
+      internal-packages:
+        description: 'Whether to publish only the internal packages'
+        required: false
+        type: boolean
+        default: false
 
 permissions: {}
 
 jobs:
+  publish-internal:
+    # Keeping it manual trigger only for now. Will update to also include ` || (github.event_name == 'push' && github.event.head_commit.author.name != 'renovate[bot]')` once we are ready to publish internal packages on push as well.
+    if: (github.event_name == 'workflow_dispatch' && inputs.internal-packages == true)
+    runs-on: ubuntu-latest
+    permissions:
+      contents: write # Required for pushing tags and creating releases
+      id-token: write # Required for provenance
+    environment:
+      name: npm-publish-internal
+    steps:
+      - name: Checkout
+        uses: actions/checkout@de0fac2e4500dabe0009e67214ff5f5447ce83dd # v6.0.2
+        with:
+          ref: ${{ github.event_name == 'push' && github.sha || inputs.sha }}
+          fetch-depth: 0 # Fetch full history for proper git operations
+      - name: Prepare for publishing
+        uses: mui/mui-public/.github/actions/publish-prepare@48198a7131b2ee621cc13bc7729cc41c72f370e7
+      - name: Publish packages
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        run: |
+          pnpm code-infra publish-canary --filter "./packages-internal/*"
   publish:
+    if: github.event_name == 'workflow_dispatch' && inputs.internal-packages != true
     runs-on: ubuntu-latest
     permissions:
       contents: write # Required for pushing tags and creating releases
@@ -57,4 +85,4 @@ jobs:
             ARGS="$ARGS --tag ${{ inputs.dist-tag }}"
           fi
 
-          pnpm code-infra publish --ci $ARGS
+          pnpm code-infra publish --ci $ARGS --filter "./packages/*"

babel.config.mjs

@@ -28,10 +28,10 @@ export default function getBabelConfig(api) {
 
   const defaultAlias = {
     '@mui/material': resolveAliasPath('./packages/mui-material/src'),
-    '@mui/docs': resolveAliasPath('./packages/mui-docs/src'),
+    '@mui/internal-core-docs': resolveAliasPath('./packages-internal/core-docs/src'),
     '@mui/icons-material': resolveAliasPath(`./packages/mui-icons-material/lib`),
     '@mui/lab': resolveAliasPath('./packages/mui-lab/src'),
-    '@mui/internal-markdown': resolveAliasPath('./packages/markdown'),
+    '@mui/internal-markdown': resolveAliasPath('./packages-internal/markdown'),
     '@mui/styled-engine': resolveAliasPath('./packages/mui-styled-engine/src'),
     '@mui/styled-engine-sc': resolveAliasPath('./packages/mui-styled-engine-sc/src'),
     '@mui/system': resolveAliasPath('./packages/mui-system/src'),

docs/data/docs-infra/pages.ts

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

docs/data/docs/pages.ts

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

docs/data/material/components/accordion/accordion.md

@@ -12,7 +12,7 @@ githubSource: packages/mui-material/src/Accordion
 
 <p class="description">The Accordion component lets users show and hide sections of related content on a page.</p>
 
-{{"component": "@mui/docs/ComponentLinkHeader"}}
+{{"component": "@mui/internal-core-docs/ComponentLinkHeader"}}
 
 ## Introduction
 

docs/data/material/components/alert/alert.md

@@ -11,7 +11,7 @@ githubSource: packages/mui-material/src/Alert
 
 <p class="description">Alerts display brief messages for the user without interrupting their use of the app.</p>
 
-{{"component": "@mui/docs/ComponentLinkHeader"}}
+{{"component": "@mui/internal-core-docs/ComponentLinkHeader"}}
 
 ## Introduction
 

docs/data/material/components/app-bar/app-bar.md

@@ -15,7 +15,7 @@ The top App bar provides content and actions related to the current screen. It's
 
 It can transform into a contextual action bar or be used as a navbar.
 
-{{"component": "@mui/docs/ComponentLinkHeader"}}
+{{"component": "@mui/internal-core-docs/ComponentLinkHeader"}}
 
 ## Basic App bar
 

docs/data/material/components/autocomplete/autocomplete.md

@@ -18,7 +18,7 @@ The widget is useful for setting the value of a single-line textbox in one of tw
 
 It's meant to be an improved version of the "react-select" and "downshift" packages.
 
-{{"component": "@mui/docs/ComponentLinkHeader"}}
+{{"component": "@mui/internal-core-docs/ComponentLinkHeader"}}
 
 ## Combo box
 

docs/data/material/components/avatars/avatars.md

@@ -10,7 +10,7 @@ githubSource: packages/mui-material/src/Avatar
 
 <p class="description">Avatars are found throughout material design with uses in everything from tables to dialog menus.</p>
 
-{{"component": "@mui/docs/ComponentLinkHeader"}}
+{{"component": "@mui/internal-core-docs/ComponentLinkHeader"}}
 
 ## Image avatars
 

docs/data/material/components/backdrop/backdrop.md

@@ -13,7 +13,7 @@ githubSource: packages/mui-material/src/Backdrop
 The Backdrop signals a state change within the application and can be used for creating loaders, dialogs, and more.
 In its simplest form, the Backdrop component will add a dimmed layer over your application.
 
-{{"component": "@mui/docs/ComponentLinkHeader"}}
+{{"component": "@mui/internal-core-docs/ComponentLinkHeader"}}
 
 ## Example
 

docs/data/material/components/badges/BadgeAlignment.js

@@ -7,7 +7,7 @@ import Radio from '@mui/material/Radio';
 import RadioGroup from '@mui/material/RadioGroup';
 import Box from '@mui/material/Box';
 import MailIcon from '@mui/icons-material/Mail';
-import { HighlightedCode } from '@mui/docs/HighlightedCode';
+import { HighlightedCode } from '@mui/internal-core-docs/HighlightedCode';
 
 export default function BadgeAlignment() {
   const [horizontal, setHorizontal] = React.useState('right');

docs/data/material/components/badges/badges.md

@@ -10,7 +10,7 @@ githubSource: packages/mui-material/src/Badge
 
 <p class="description">Badge generates a small badge to the top-right of its child(ren).</p>
 
-{{"component": "@mui/docs/ComponentLinkHeader"}}
+{{"component": "@mui/internal-core-docs/ComponentLinkHeader"}}
 
 ## Basic badge
 

docs/data/material/components/bottom-navigation/bottom-navigation.md

@@ -13,7 +13,7 @@ githubSource: packages/mui-material/src/BottomNavigation
 
 Bottom navigation bars display three to five destinations at the bottom of a screen. Each destination is represented by an icon and an optional text label. When a bottom navigation icon is tapped, the user is taken to the top-level navigation destination associated with that icon.
 
-{{"component": "@mui/docs/ComponentLinkHeader"}}
+{{"component": "@mui/internal-core-docs/ComponentLinkHeader"}}
 
 ## Bottom navigation
 

docs/data/material/components/box/box.md

@@ -12,7 +12,7 @@ githubSource: packages/mui-material/src/Box
 
 <p class="description">The Box component is a generic, theme-aware container with access to CSS utilities from MUI System.</p>
 
-{{"component": "@mui/docs/ComponentLinkHeader", "design": false}}
+{{"component": "@mui/internal-core-docs/ComponentLinkHeader", "design": false}}
 
 ## Introduction
 

docs/data/material/components/breadcrumbs/breadcrumbs.md

@@ -11,7 +11,7 @@ githubSource: packages/mui-material/src/Breadcrumbs
 
 <p class="description">A breadcrumbs is a list of links that help visualize a page's location within a site's hierarchical structure, it allows navigation up to any of the ancestors.</p>
 
-{{"component": "@mui/docs/ComponentLinkHeader"}}
+{{"component": "@mui/internal-core-docs/ComponentLinkHeader"}}
 
 ## Basic breadcrumbs
 

docs/data/material/components/button-group/button-group.md

@@ -10,7 +10,7 @@ githubSource: packages/mui-material/src/ButtonGroup
 
 <p class="description">The ButtonGroup component can be used to group related buttons.</p>
 
-{{"component": "@mui/docs/ComponentLinkHeader"}}
+{{"component": "@mui/internal-core-docs/ComponentLinkHeader"}}
 
 ## Basic button group
 

docs/data/material/components/buttons/buttons.md

@@ -19,7 +19,7 @@ Buttons communicate actions that users can take. They are typically placed throu
 - Cards
 - Toolbars
 
-{{"component": "@mui/docs/ComponentLinkHeader"}}
+{{"component": "@mui/internal-core-docs/ComponentLinkHeader"}}
 
 ## Basic button
 

docs/data/material/components/cards/cards.md

@@ -11,7 +11,7 @@ githubSource: packages/mui-material/src/Card
 
 <p class="description">Cards contain content and actions about a single subject.</p>
 
-{{"component": "@mui/docs/ComponentLinkHeader"}}
+{{"component": "@mui/internal-core-docs/ComponentLinkHeader"}}
 
 ## Introduction
 

docs/data/material/components/checkboxes/checkboxes.md

@@ -18,7 +18,7 @@ If you have multiple options appearing in a list,
 you can preserve space by using checkboxes instead of on/off switches.
 If you have a single option, avoid using a checkbox and use an on/off switch instead.
 
-{{"component": "@mui/docs/ComponentLinkHeader"}}
+{{"component": "@mui/internal-core-docs/ComponentLinkHeader"}}
 
 ## Basic checkboxes
 

docs/data/material/components/chips/ChipsPlayground.js

@@ -9,7 +9,7 @@ import Avatar from '@mui/material/Avatar';
 import Chip from '@mui/material/Chip';
 import FaceIcon from '@mui/icons-material/Face';
 import DoneIcon from '@mui/icons-material/Done';
-import { HighlightedCode } from '@mui/docs/HighlightedCode';
+import { HighlightedCode } from '@mui/internal-core-docs/HighlightedCode';
 
 function ChipsPlayground() {
   const [state, setState] = React.useState({

docs/data/material/components/chips/chips.md

@@ -17,7 +17,7 @@ While included here as a standalone component, the most common use will
 be in some form of input, so some of the behavior demonstrated here is
 not shown in context.
 
-{{"component": "@mui/docs/ComponentLinkHeader"}}
+{{"component": "@mui/internal-core-docs/ComponentLinkHeader"}}
 
 ## Basic chip
 

docs/data/material/components/click-away-listener/click-away-listener.md

@@ -9,7 +9,7 @@ githubLabel: 'scope: click away listener'
 
 <p class="description">The Click-Away Listener component detects when a click event happens outside of its child element.</p>
 
-{{"component": "@mui/docs/ComponentLinkHeader", "design": false}}
+{{"component": "@mui/internal-core-docs/ComponentLinkHeader", "design": false}}
 
 ## Introduction
 

docs/data/material/components/container/container.md

@@ -12,7 +12,7 @@ githubSource: packages/mui-material/src/Container
 
 While containers can be nested, most layouts do not require a nested container.
 
-{{"component": "@mui/docs/ComponentLinkHeader", "design": false}}
+{{"component": "@mui/internal-core-docs/ComponentLinkHeader", "design": false}}
 
 ## Fluid
 

docs/data/material/components/css-baseline/css-baseline.md

@@ -9,7 +9,7 @@ githubSource: packages/mui-material/src/CssBaseline
 
 <p class="description">The CssBaseline component helps to kickstart an elegant, consistent, and simple baseline to build upon.</p>
 
-{{"component": "@mui/docs/ComponentLinkHeader", "design": false}}
+{{"component": "@mui/internal-core-docs/ComponentLinkHeader", "design": false}}
 
 ## Global reset
 

docs/data/material/components/dialogs/dialogs.md

@@ -16,7 +16,7 @@ A Dialog is a type of [modal](/material-ui/react-modal/) window that appears in
 
 Dialogs are purposefully interruptive, so they should be used sparingly.
 
-{{"component": "@mui/docs/ComponentLinkHeader"}}
+{{"component": "@mui/internal-core-docs/ComponentLinkHeader"}}
 
 ## Introduction
 

docs/data/material/components/dividers/dividers.md

@@ -11,7 +11,7 @@ githubSource: packages/mui-material/src/Divider
 
 <p class="description">The Divider component provides a thin, unobtrusive line for grouping elements to reinforce visual hierarchy.</p>
 
-{{"component": "@mui/docs/ComponentLinkHeader"}}
+{{"component": "@mui/internal-core-docs/ComponentLinkHeader"}}
 
 ## Introduction
 

docs/data/material/components/drawers/drawers.md

@@ -15,7 +15,7 @@ A navigation drawer can either be permanently on-screen or controlled by a navig
 
 [Side sheets](https://m2.material.io/components/sheets-side) are supplementary surfaces primarily used on tablet and desktop.
 
-{{"component": "@mui/docs/ComponentLinkHeader"}}
+{{"component": "@mui/internal-core-docs/ComponentLinkHeader"}}
 
 ## Temporary drawer
 

docs/data/material/components/floating-action-button/floating-action-button.md

@@ -17,7 +17,7 @@ FABs come in two types: regular, and extended.
 Only use a FAB if it is the most suitable way to present a screen's primary action.
 Only one component is recommended per screen to represent the most common action.
 
-{{"component": "@mui/docs/ComponentLinkHeader"}}
+{{"component": "@mui/internal-core-docs/ComponentLinkHeader"}}
 
 ## Basic FAB
 

docs/data/material/components/grid/InteractiveGrid.js

@@ -6,7 +6,7 @@ import FormControlLabel from '@mui/material/FormControlLabel';
 import RadioGroup from '@mui/material/RadioGroup';
 import Radio from '@mui/material/Radio';
 import Paper from '@mui/material/Paper';
-import { HighlightedCode } from '@mui/docs/HighlightedCode';
+import { HighlightedCode } from '@mui/internal-core-docs/HighlightedCode';
 
 export default function InteractiveGrid() {
   const [direction, setDirection] = React.useState('row');

docs/data/material/components/grid/InteractiveGrid.tsx

@@ -6,7 +6,7 @@ import FormControlLabel from '@mui/material/FormControlLabel';
 import RadioGroup from '@mui/material/RadioGroup';
 import Radio from '@mui/material/Radio';
 import Paper from '@mui/material/Paper';
-import { HighlightedCode } from '@mui/docs/HighlightedCode';
+import { HighlightedCode } from '@mui/internal-core-docs/HighlightedCode';
 
 type GridItemsAlignment =
   | 'flex-start'

docs/data/material/components/grid/SpacingGrid.js

@@ -7,7 +7,7 @@ import FormControlLabel from '@mui/material/FormControlLabel';
 import RadioGroup from '@mui/material/RadioGroup';
 import Radio from '@mui/material/Radio';
 import Paper from '@mui/material/Paper';
-import { HighlightedCode } from '@mui/docs/HighlightedCode';
+import { HighlightedCode } from '@mui/internal-core-docs/HighlightedCode';
 
 export default function SpacingGrid() {
   const [spacing, setSpacing] = React.useState(2);

docs/data/material/components/grid/SpacingGrid.tsx

@@ -7,7 +7,7 @@ import FormControlLabel from '@mui/material/FormControlLabel';
 import RadioGroup from '@mui/material/RadioGroup';
 import Radio from '@mui/material/Radio';
 import Paper from '@mui/material/Paper';
-import { HighlightedCode } from '@mui/docs/HighlightedCode';
+import { HighlightedCode } from '@mui/internal-core-docs/HighlightedCode';
 
 export default function SpacingGrid() {
   const [spacing, setSpacing] = React.useState(2);

docs/data/material/components/grid/grid.md

@@ -14,7 +14,7 @@ githubSource: packages/mui-material/src/Grid
 The `Grid` component works well for a layout with a known number of columns.
 The columns can be configured with multiple breakpoints to specify the column span of each child.
 
-{{"component": "@mui/docs/ComponentLinkHeader", "design": false}}
+{{"component": "@mui/internal-core-docs/ComponentLinkHeader", "design": false}}
 
 ## How it works
 

docs/data/material/components/image-list/image-list.md

@@ -13,7 +13,7 @@ githubSource: packages/mui-material/src/ImageList
 
 Image lists represent a collection of items in a repeated pattern. They help improve the visual comprehension of the content they hold.
 
-{{"component": "@mui/docs/ComponentLinkHeader"}}
+{{"component": "@mui/internal-core-docs/ComponentLinkHeader"}}
 
 ## Standard image list
 

docs/data/material/components/links/links.md

@@ -10,7 +10,7 @@ githubSource: packages/mui-material/src/Link
 
 <p class="description">The Link component allows you to easily customize anchor elements with your theme colors and typography styles.</p>
 
-{{"component": "@mui/docs/ComponentLinkHeader"}}
+{{"component": "@mui/internal-core-docs/ComponentLinkHeader"}}
 
 ## Basic links
 

docs/data/material/components/lists/lists.md

@@ -13,7 +13,7 @@ githubSource: packages/mui-material/src/List
 
 Lists are a continuous group of text or images. They are composed of items containing primary and supplemental actions, which are represented by icons and text.
 
-{{"component": "@mui/docs/ComponentLinkHeader"}}
+{{"component": "@mui/internal-core-docs/ComponentLinkHeader"}}
 
 ## Introduction
 

docs/data/material/components/masonry/masonry.md

@@ -13,7 +13,7 @@ Masonry maintains a list of content blocks with a consistent width but different
 The contents are ordered by row.
 If a row is already filled with the specified number of columns, the next item starts another row, and it is added to the shortest column in order to optimize the use of space.
 
-{{"component": "@mui/docs/ComponentLinkHeader", "design": false}}
+{{"component": "@mui/internal-core-docs/ComponentLinkHeader", "design": false}}
 
 ## Basic masonry
 

docs/data/material/components/material-icons/SearchIcons.js

@@ -22,8 +22,8 @@ import RadioGroup from '@mui/material/RadioGroup';
 import Radio from '@mui/material/Radio';
 import SvgIcon from '@mui/material/SvgIcon';
 import * as mui from '@mui/icons-material';
-import { Link } from '@mui/docs/Link';
-import { useTranslate } from '@mui/docs/i18n';
+import { Link } from '@mui/internal-core-docs/Link';
+import { useTranslate } from '@mui/internal-core-docs/i18n';
 import useQueryParameterState from 'docs/src/modules/utils/useQueryParameterState';
 
 // For Debugging
@@ -47,7 +47,7 @@ import useQueryParameterState from 'docs/src/modules/utils/useQueryParameterStat
 // import DeleteForeverRounded from '@mui/icons-material/DeleteForeverRounded';
 // import DeleteForeverTwoTone from '@mui/icons-material/DeleteForeverTwoTone';
 // import DeleteForeverSharp from '@mui/icons-material/DeleteForeverSharp';
-import { HighlightedCode } from '@mui/docs/HighlightedCode';
+import { HighlightedCode } from '@mui/internal-core-docs/HighlightedCode';
 import synonyms from './synonyms';
 
 const FlexSearchIndex = flexsearch.Index;

docs/data/material/components/material-icons/material-icons.md

@@ -10,7 +10,7 @@ githubLabel: 'package: icons'
 
 <p class="description">2,100+ ready-to-use React Material Icons from the official website.</p>
 
-{{"component": "@mui/docs/ComponentLinkHeader"}}
+{{"component": "@mui/internal-core-docs/ComponentLinkHeader"}}
 <br/>
 
 [@mui/icons-material](https://www.npmjs.com/package/@mui/icons-material)