Merge branch 'master' into full-screen-demo

Author: cherniavskii

.browserslistrc

@@ -1,10 +1,3 @@
-[modern]
-last 1 chrome version
-last 1 edge version
-last 1 firefox version
-last 1 safari version
-node 14
-
 # Default/Fallback
 # `npx browserslist --mobile-to-desktop "> 0.5%, last 2 versions, Firefox ESR, not dead, safari >= 15.4, iOS >= 15.4"` when the last major is released.
 # Explicit safari versions are here based on the agreed terms in: https://github.com/mui/material-ui/issues/40958#issuecomment-1953215043

.circleci/config.yml

@@ -1,6 +1,6 @@
 version: 2.1
 orbs:
-  aws-cli: circleci/aws-cli@5.2.0
+  aws-cli: circleci/aws-cli@5.3.2
   aws-s3: circleci/[email protected]
 
 parameters:
@@ -193,45 +193,11 @@ jobs:
       - run:
           name: Lint Markdown
           command: pnpm markdownlint
-      - run:
-          # See https://circleci.com/developer/orbs/orb/circleci/vale as reference
-          name: Install Vale
-          command: |
-            #!/bin/bash
-            VALE_STR_CLI_VERSION=3.3.0
-
-            # set smart sudo
-            if [[ $EUID -eq 0 ]]; then export SUDO=""; else export SUDO="sudo"; fi
-
-            mkdir /tmp/vale-extract
-            cd /tmp/vale-extract
-            GZIPPED_OUTPUT="vale.tar.gz"
-            BINARY_URL=https://github.com/errata-ai/vale/releases/download/v${VALE_STR_CLI_VERSION}/vale_${VALE_STR_CLI_VERSION}_Linux_64-bit.tar.gz
-            curl -sSL "$BINARY_URL" -o "${GZIPPED_OUTPUT}"
-
-            if [ ! -s "${GZIPPED_OUTPUT}" ]; then
-              echo "Downloaded file is empty"
-              rm "${GZIPPED_OUTPUT}"
-              exit 1
-            fi
-
-            tar -xzf "${GZIPPED_OUTPUT}"
-            $SUDO mv vale /usr/local/bin
-            rm "${GZIPPED_OUTPUT}"
-
-            # validate installation
-            if [[ -z "$(command -v vale)" ]]; then
-              echo "vale installation failed"
-              exit 1
-            else
-              echo "vale installation successful"
-              vale --version
-              exit 0
-            fi
       - run:
           name: Lint writing style
           command: |
-            vale sync
+            # Or use https://circleci.com/developer/orbs/orb/circleci/vale as reference to install Vale
+            pnpm vale sync
             pnpm valelint
   test_static:
     <<: *default-job
@@ -290,7 +256,6 @@ jobs:
           name: Test module augmentation
           command: |
             pnpm --filter @mui/material typescript:module-augmentation
-            pnpm --filter @mui/base typescript:module-augmentation
             pnpm --filter @mui/joy typescript:module-augmentation
             pnpm --filter @mui/system typescript:module-augmentation
       - run:
@@ -363,7 +328,7 @@ jobs:
     <<: *default-job
     resource_class: 'medium+'
     docker:
-      - image: mcr.microsoft.com/playwright:v1.51.1-noble
+      - image: mcr.microsoft.com/playwright:v1.52.0-noble
     steps:
       - checkout
       - install_js:
@@ -391,7 +356,7 @@ jobs:
   test_e2e:
     <<: *default-job
     docker:
-      - image: mcr.microsoft.com/playwright:v1.51.1-noble
+      - image: mcr.microsoft.com/playwright:v1.52.0-noble
     steps:
       - checkout
       - install_js:
@@ -403,7 +368,7 @@ jobs:
     # NOTE: This workflow runs after successful docs deploy. See /test/e2e-website/README.md#ci
     <<: *default-job
     docker:
-      - image: mcr.microsoft.com/playwright:v1.51.1-noble
+      - image: mcr.microsoft.com/playwright:v1.52.0-noble
     steps:
       - checkout
       - install_js:
@@ -416,7 +381,7 @@ jobs:
   test_profile:
     <<: *default-job
     docker:
-      - image: mcr.microsoft.com/playwright:v1.51.1-noble
+      - image: mcr.microsoft.com/playwright:v1.52.0-noble
     steps:
       - checkout
       - install_js:
@@ -441,7 +406,7 @@ jobs:
   test_regressions:
     <<: *default-job
     docker:
-      - image: mcr.microsoft.com/playwright:v1.51.1-noble
+      - image: mcr.microsoft.com/playwright:v1.52.0-noble
     steps:
       - checkout
       - install_js:
@@ -514,7 +479,7 @@ jobs:
   test_bundling_next_webpack4:
     <<: *default-job
     docker:
-      - image: mcr.microsoft.com/playwright:v1.51.1-noble
+      - image: mcr.microsoft.com/playwright:v1.52.0-noble
     working_directory: /tmp/material-ui/test/bundling/fixtures/next-webpack4/
     steps:
       - checkout:
@@ -532,7 +497,7 @@ jobs:
   test_bundling_next_webpack5:
     <<: *default-job
     docker:
-      - image: mcr.microsoft.com/playwright:v1.51.1-noble
+      - image: mcr.microsoft.com/playwright:v1.52.0-noble
     working_directory: /tmp/material-ui/test/bundling/fixtures/next-webpack5/
     steps:
       - checkout:
@@ -550,7 +515,7 @@ jobs:
   test_bundling_create_react_app:
     <<: *default-job
     docker:
-      - image: mcr.microsoft.com/playwright:v1.51.1-noble
+      - image: mcr.microsoft.com/playwright:v1.52.0-noble
     working_directory: /tmp/material-ui/test/bundling/fixtures/create-react-app/
     steps:
       - checkout:
@@ -568,7 +533,7 @@ jobs:
   test_bundling_snowpack:
     <<: *default-job
     docker:
-      - image: mcr.microsoft.com/playwright:v1.51.1-noble
+      - image: mcr.microsoft.com/playwright:v1.52.0-noble
     working_directory: /tmp/material-ui/test/bundling/fixtures/snowpack/
     steps:
       - checkout:
@@ -586,7 +551,7 @@ jobs:
   test_bundling_vite:
     <<: *default-job
     docker:
-      - image: mcr.microsoft.com/playwright:v1.51.1-noble
+      - image: mcr.microsoft.com/playwright:v1.52.0-noble
     working_directory: /tmp/material-ui/test/bundling/fixtures/vite/
     steps:
       - checkout:
@@ -604,7 +569,7 @@ jobs:
   test_bundling_esbuild:
     <<: *default-job
     docker:
-      - image: mcr.microsoft.com/playwright:v1.51.1-noble
+      - image: mcr.microsoft.com/playwright:v1.52.0-noble
     working_directory: /tmp/material-ui/test/bundling/fixtures/esbuild/
     steps:
       - checkout:
@@ -622,7 +587,7 @@ jobs:
   test_bundling_gatsby:
     <<: *default-job
     docker:
-      - image: mcr.microsoft.com/playwright:v1.51.1-noble
+      - image: mcr.microsoft.com/playwright:v1.52.0-noble
         environment:
           GATSBY_CPU_COUNT: '3'
     working_directory: /tmp/material-ui/test/bundling/fixtures/gatsby/
@@ -723,7 +688,7 @@ jobs:
   test_benchmark:
     <<: *default-job
     docker:
-      - image: mcr.microsoft.com/playwright:v1.51.1-noble
+      - image: mcr.microsoft.com/playwright:v1.52.0-noble
     steps:
       - checkout
       - install_js:

.codesandbox/ci.json

@@ -4,7 +4,6 @@
   "node": "20",
   "packages": [
     "packages/markdown",
-    "packages/mui-base",
     "packages/mui-codemod",
     "packages/mui-core-downloads-tracker",
     "packages/mui-docs",
@@ -26,7 +25,6 @@
     "packages-internal/test-utils"
   ],
   "publishDirectory": {
-    "@mui/base": "packages/mui-base/build",
     "@mui/codemod": "packages/mui-codemod/build",
     "@mui/core-downloads-tracker": "packages/mui-core-downloads-tracker/build",
     "@mui/docs": "packages/mui-docs/build",

.eslintignore

@@ -36,3 +36,4 @@ pnpm-lock.yaml
 # If we want to format these files we'd need to do it in crowdin
 docs/**/*-pt.md
 docs/**/*-zh.md
+__fixtures__

.eslintrc.js

@@ -53,6 +53,13 @@ const NO_RESTRICTED_IMPORTS_PATTERNS_DEEPLY_NESTED = [
   },
 ];
 
+const restrictedMethods = ['setTimeout', 'setInterval', 'clearTimeout', 'clearInterval'];
+
+const restrictedSyntaxRules = restrictedMethods.map((method) => ({
+  message: `Use global ${method} instead of window.${method}.`,
+  selector: `MemberExpression[object.name='window'][property.name='${method}']`,
+}));
+
 module.exports = /** @type {Config} */ ({
   root: true, // So parent files don't get applied
   env: {
@@ -64,7 +71,7 @@ module.exports = /** @type {Config} */ ({
     'plugin:eslint-plugin-import/recommended',
     'plugin:eslint-plugin-import/typescript',
     'eslint-config-airbnb',
-    './eslint/config-airbnb-typescript.js',
+    require.resolve('./eslint/config-airbnb-typescript.js'),
     'eslint-config-prettier',
   ],
   parser: '@typescript-eslint/parser',
@@ -258,6 +265,7 @@ module.exports = /** @type {Config} */ ({
         message: 'Do not call `Error(...)` without `new`. Use `new Error(...)` instead.',
         selector: "CallExpression[callee.name='Error']",
       },
+      ...restrictedSyntaxRules,
     ],
 
     // We re-export default in many places, remove when https://github.com/airbnb/javascript/issues/2500 gets resolved
@@ -412,7 +420,6 @@ module.exports = /** @type {Config} */ ({
         '*.spec.*',
         '*.test.*',
         // deprecated library
-        '**/mui-base/**/*',
         '**/mui-joy/**/*',
         // used internally, not used on app router yet
         '**/mui-docs/**/*',
@@ -489,7 +496,13 @@ module.exports = /** @type {Config} */ ({
         'no-restricted-imports': [
           'error',
           {
-            paths: NO_RESTRICTED_IMPORTS_PATHS_TOP_LEVEL_PACKAGES,
+            paths: [
+              ...NO_RESTRICTED_IMPORTS_PATHS_TOP_LEVEL_PACKAGES,
+              {
+                name: '@mui/utils',
+                message: OneLevelImportMessage,
+              },
+            ],
           },
         ],
         // TODO: Consider setting back to `ignoreExternal: true` when the expected behavior is fixed:
@@ -518,15 +531,6 @@ module.exports = /** @type {Config} */ ({
         'import/extensions': ['error', 'ignorePackages'],
       },
     },
-    {
-      files: ['packages/mui-base/src/**/**{.ts,.tsx}'],
-      rules: {
-        'import/no-default-export': 'error',
-        'import/prefer-default-export': 'off',
-        'react-compiler/react-compiler': 'off',
-        'no-irregular-whitespace': ['error', { skipComments: true }],
-      },
-    },
     {
       /**
        * Examples are for demonstration purposes and should not be considered a part of the library.
@@ -555,7 +559,7 @@ module.exports = /** @type {Config} */ ({
     },
     {
       // TODO, move rule to be global, propagate: https://github.com/mui/material-ui/issues/42169
-      files: ['examples/pigment-css-remix-ts/**/*'],
+      files: ['examples/material-ui-pigment-css-vite-ts/**/*'],
       rules: {
         'react/react-in-jsx-scope': 'off',
       },

.github/workflows/ci.yml

@@ -14,6 +14,25 @@ on:
 permissions: {}
 
 jobs:
+  continuous-releases:
+    runs-on: ubuntu-latest
+    steps:
+      - run: echo "${{ github.actor }}"
+      - uses: actions/checkout@11bd71901bbe5b1630ceea73d27597364c9af683 # v4.2.2
+        with:
+          fetch-depth: 0
+      - name: Set up pnpm
+        uses: pnpm/action-setup@a7487c7e89a18df4991f7f222e4898a00d66ddda # v4.1.0
+      - name: Use Node.js 20.x
+        uses: actions/setup-node@49933ea5288caeca8642d1e84afbd3f7d6820020 # v4.4.0
+        with:
+          node-version: 20
+          cache: 'pnpm' # https://github.com/actions/setup-node/blob/main/docs/advanced-usage.md#caching-packages-dependencies
+      - run: npm install -g npm@latest
+      - run: pnpm install:codesandbox
+      - run: pnpm build:codesandbox
+      - run: pnpm pkg-pr-new-release
+
   # Tests dev-only scripts across all supported dev environments
   test-dev:
     # l10nbot does not affect dev scripts.
@@ -31,7 +50,7 @@ jobs:
       - name: Set up pnpm
         uses: pnpm/action-setup@a7487c7e89a18df4991f7f222e4898a00d66ddda # v4.1.0
       - name: Use Node.js 20.x
-        uses: actions/setup-node@cdca7365b2dadb8aad0a33bc7601856ffabcc48e # v4.3.0
+        uses: actions/setup-node@49933ea5288caeca8642d1e84afbd3f7d6820020 # v4.4.0
         with:
           node-version: 20
           cache: 'pnpm' # https://github.com/actions/setup-node/blob/main/docs/advanced-usage.md#caching-packages-dependencies

.github/workflows/codeql.yml

@@ -19,7 +19,7 @@ jobs:
         uses: actions/checkout@11bd71901bbe5b1630ceea73d27597364c9af683 # v4.2.2
       # Initializes the CodeQL tools for scanning.
       - name: Initialize CodeQL
-        uses: github/codeql-action/init@1b549b9259bda1cb5ddde3b41741a82a2d15a841 # v3.28.13
+        uses: github/codeql-action/init@28deaeda66b76a05916b6923827895f2b14ab387 # v3.28.16
         with:
           languages: typescript
           config-file: ./.github/codeql/codeql-config.yml
@@ -30,4 +30,4 @@ jobs:
           # Details on CodeQL's query packs refer to : https://docs.github.com/en/code-security/code-scanning/automatically-scanning-your-code-for-vulnerabilities-and-errors/configuring-code-scanning#using-queries-in-ql-packs
           # queries: security-extended,security-and-quality
       - name: Perform CodeQL Analysis
-        uses: github/codeql-action/analyze@1b549b9259bda1cb5ddde3b41741a82a2d15a841 # v3.28.13
+        uses: github/codeql-action/analyze@28deaeda66b76a05916b6923827895f2b14ab387 # v3.28.16

.github/workflows/publish-canaries.yml

@@ -15,7 +15,7 @@ jobs:
       - name: Set up pnpm
         uses: pnpm/action-setup@a7487c7e89a18df4991f7f222e4898a00d66ddda # v4.1.0
       - name: Use Node.js 20.x
-        uses: actions/setup-node@cdca7365b2dadb8aad0a33bc7601856ffabcc48e # v4.3.0
+        uses: actions/setup-node@49933ea5288caeca8642d1e84afbd3f7d6820020 # v4.4.0
         with:
           node-version: 20
           cache: 'pnpm' # https://github.com/actions/setup-node/blob/main/docs/advanced-usage.md#caching-packages-dependencies

.github/workflows/scorecards.yml

@@ -40,6 +40,6 @@ jobs:
           publish_results: true
       # Upload the results to GitHub's code scanning dashboard.
       - name: Upload to code-scanning
-        uses: github/codeql-action/upload-sarif@1b549b9259bda1cb5ddde3b41741a82a2d15a841 # v3.28.13
+        uses: github/codeql-action/upload-sarif@28deaeda66b76a05916b6923827895f2b14ab387 # v3.28.16
         with:
           sarif_file: results.sarif

.github/workflows/vale-action.yml

@@ -13,9 +13,17 @@ jobs:
       pull-requests: write
     steps:
       - uses: actions/checkout@11bd71901bbe5b1630ceea73d27597364c9af683 # v4.2.2
+      - name: Extract Vale version from pnpm-lock.yaml
+        id: vale-version
+        run: |
+          # Extract version from lock file
+          VERSION=$(awk -F"@|'" '/@vvago\/vale@/ {print $4}' pnpm-lock.yaml | head -n1)
+          echo "Extracted Vale version: $VERSION"
+          echo "vale_version=$VERSION" >> $GITHUB_OUTPUT
       - uses: errata-ai/vale-action@d89dee975228ae261d22c15adcd03578634d429c # v2.1.1
         continue-on-error: true # GitHub Action flag needed until https://github.com/errata-ai/vale-action/issues/89 is fixed
         with:
+          version: ${{ steps.vale-version.outputs.vale_version }}
           # Errors should be more visible
           fail_on_error: true
           # The other reports don't work, not really https://github.com/reviewdog/reviewdog#reporters

.mocharc.js

@@ -20,4 +20,7 @@ module.exports = {
     '**/build/**',
     'docs/.next/**',
   ],
+  // detect-modules doesn't work with @babel/register
+  // https://github.com/babel/babel/issues/6737
+  'node-option': ['no-experimental-detect-module'],
 };