Merge branch 'master' into fix/types-theme-components2

Author: siriwatknp

.circleci/config.yml

@@ -248,10 +248,7 @@ jobs:
             NODE_OPTIONS: --max-old-space-size=3072
       - run:
           name: Test module augmentation
-          command: |
-            pnpm --filter @mui/material typescript:module-augmentation
-            pnpm --filter @mui/joy typescript:module-augmentation
-            pnpm --filter @mui/system typescript:module-augmentation
+          command: pnpm typescript:module-augmentation
   test_types_next:
     <<: *default-job
     resource_class: 'medium+'
@@ -574,7 +571,7 @@ jobs:
 
       - run:
           name: build @mui packages
-          command: pnpm lerna run --ignore @mui/icons-material --concurrency 6 --scope "@mui/*" build
+          command: pnpm release:build
       - aws-cli/setup:
           aws_access_key_id: $AWS_ACCESS_KEY_ID_ARTIFACTS
           aws_secret_access_key: $AWS_SECRET_ACCESS_KEY_ARTIFACTS

.github/workflows/ci.yml

@@ -28,7 +28,7 @@ jobs:
       matrix:
         os: [macos-latest, windows-latest, ubuntu-latest]
     steps:
-      - run: echo "${{ github.actor }}"
+      - run: echo '${{ github.actor }}'
       - uses: actions/checkout@08c6903cd8c0fde910a37f88322edcfb5dd907a8 # v5.0.0
         with:
           # fetch all tags which are required for `pnpm release:changelog`
@@ -51,15 +51,15 @@ jobs:
             ${{ runner.os }}-nextjs-
       - run: pnpm release:build
       - name: Build docs
-        shell: bash
-        run: |
-          # Increase file descriptor limit on macOS to prevent EMFILE errors
-          if [ "$(uname)" = "Darwin" ]; then
-            ulimit -n 10240
-          fi
-          pnpm docs:build
+        run: pnpm docs:build
         env:
           NODE_OPTIONS: --max_old_space_size=6144
+          # macOS-latest has 3 CPUs, but we get "EMFILE: too many open files" errors with that parallelism
+          # Limit Next.js to 2 CPUs to prevent file descriptor exhaustion. Empty string uses os.availableParallelism()
+          NEXT_PARALLELISM: ${{ runner.os == 'macOS' && '2' || '' }}
       - run: pnpm release:changelog
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+      - name: Debug export-detail.json on when pnpm docs:build fails with EMFILE error
+        if: failure()
+        run: cat ./docs/.next/export-detail.json || true

.github/workflows/maintenance.yml

@@ -29,7 +29,7 @@ jobs:
       contents: read
       pull-requests: write
     steps:
-      - run: echo "${{ github.actor }}"
+      - run: echo '${{ github.actor }}'
       - name: Check if prs are dirty
         uses: eps1lon/actions-label-merge-conflict@1df065ebe6e3310545d4f4c4e862e43bdca146f0 # v3.0.3
         with:

docs/data/joy/components/aspect-ratio/aspect-ratio.md

@@ -16,7 +16,7 @@ Aspect Ratio is a wrapper component for quickly resizing content to conform to y
 Media content like images can be stretched, resized, and cropped based on the CSS `object-fit` property.
 
 :::info
-A [native CSS `aspect-ratio` property](https://developer.mozilla.org/en-US/docs/Web/CSS/aspect-ratio) does exist, and we plan to implement it in Joy UI soon.
+A [native CSS `aspect-ratio` property](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/aspect-ratio) does exist, and we plan to implement it in Joy UI soon.
 :::
 
 ## Basics

docs/data/joy/components/badge/badge.md

@@ -102,7 +102,7 @@ Try clicking the arrows in the demo below to change the position of the Badge:
 ### Inset
 
 Use the `badgeInset` prop to fine-tune the position of the Badge relative to the element that it's attached to.
-This prop accepts a string composed of numbers expressed in units of `px`, `%`, `em`, or `rem`. (This syntax corresponds to the [inset CSS property](https://developer.mozilla.org/en-US/docs/Web/CSS/inset).)
+This prop accepts a string composed of numbers expressed in units of `px`, `%`, `em`, or `rem`. (This syntax corresponds to the [inset CSS property](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/inset).)
 
 This string defines the inset from the Badge's [`anchorOrigin`](#position)—for instance, the demo below pushes the Badge 14% closer to the center of its child element (relative to the top-right corner) along both the vertical and horizontal axes:
 

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

@@ -97,7 +97,7 @@ Use the `buttonFlex` prop to make the buttons fill the available space of the Bu
 
 #### Minimum width
 
-For a large container, control the default width of the buttons by providing a valid [CSS `flex`](https://developer.mozilla.org/en-US/docs/Web/CSS/flex) value to the `buttonFlex` prop.
+For a large container, control the default width of the buttons by providing a valid [CSS `flex`](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/flex) value to the `buttonFlex` prop.
 
 {{"demo": "MinWidthButtonGroup.js"}}
 

docs/data/joy/components/card/card.md

@@ -103,7 +103,7 @@ Hover your mouse on the demo below to see how the layers are stacked:
 #### Images and videos
 
 Use an image or a video element inside the Card Cover to display media.
-The component uses [`object-fit: cover`](https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit) to fill the whole Card by default.
+The component uses [`object-fit: cover`](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/object-fit) to fill the whole Card by default.
 
 {{"demo": "MediaCover.js"}}
 
@@ -145,7 +145,7 @@ In some cases, you might have to adjust the z-index to bring these elements to t
 {{"demo": "MultipleInteractionCard.js"}}
 
 :::success
-You can use the CSS pseudo-class [`:focus-within`](https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-within) to apply styles to the Card when any of its children receive focus.
+You can use the CSS pseudo-class [`:focus-within`](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/:focus-within) to apply styles to the Card when any of its children receive focus.
 :::
 
 #### Whole Card actions

docs/data/joy/components/checkbox/checkbox.md

@@ -106,7 +106,7 @@ To set the focus outline so that it only wraps the input, target the `checkboxCl
 ### Clickable container
 
 Use the `overlay` prop to shift the focus outline from the Checkbox to its container, making the entire container clickable to toggle the state of the Checkbox.
-This works with any wrapper element with [positioning](https://developer.mozilla.org/en-US/docs/Web/CSS/position#types_of_positioning)—the demo below uses [Sheet](/joy-ui/react-sheet/) (by default, it has `relative` position):
+This works with any wrapper element with [positioning](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/position#types_of_positioning)—the demo below uses [Sheet](/joy-ui/react-sheet/) (by default, it has `relative` position):
 
 {{"demo": "OverlayCheckbox.js"}}
 

docs/data/joy/components/drawer/drawer.md

@@ -58,8 +58,8 @@ import ModalClose from '@mui/joy/ModalClose';
 
 Customize the Drawer's opening transition by using the CSS variables below inside the [`sx` prop](/system/getting-started/the-sx-prop/):
 
-- `--Drawer-transitionFunction`: the [transition function](https://developer.mozilla.org/en-US/docs/Web/CSS/transition-timing-function); default is `ease`.
-- `--Drawer-transitionDuration`: the [duration of the transition](https://developer.mozilla.org/en-US/docs/Web/CSS/transition-duration); default is `0.3s`.
+- `--Drawer-transitionFunction`: the [transition function](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/transition-timing-function); default is `ease`.
+- `--Drawer-transitionDuration`: the [duration of the transition](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/transition-duration); default is `0.3s`.
 
 {{"demo": "DrawerTransition.js"}}
 

docs/data/joy/components/list/list.md

@@ -98,7 +98,7 @@ If used, it will automatically change the semantic element from the default `<li
 
 ### Marker
 
-Use the `marker` prop with any valid [list-style-type](https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-type) value to add a marker to the list items.
+Use the `marker` prop with any valid [list-style-type](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/list-style-type) value to add a marker to the list items.
 
 {{"demo": "MarkerList.js"}}