[pull] master from microsoft:master

apps/public-docsite-v9-headless/.storybook/main.js

@@ -1,4 +1,5 @@
 const headlessMain = require('../../../packages/react-components/react-headless-components-preview/stories/.storybook/main');
+const { registerRules, rules } = require('@fluentui/scripts-storybook');
 
 module.exports = /** @type {Omit<import('../../../.storybook/main'), 'typescript'|'babel'>} */ ({
   ...headlessMain,
@@ -11,4 +12,13 @@ module.exports = /** @type {Omit<import('../../../.storybook/main'), 'typescript
   build: {
     previewUrl: process.env.DEPLOY_PATH,
   },
+  webpackFinal: (config, options) => {
+    const localConfig = /** @type config */ ({ ...headlessMain.webpackFinal(config, options) });
+
+    if (process.env.REACT_COMPILER) {
+      registerRules({ rules: rules.reactCompilerRule, config: localConfig });
+    }
+
+    return localConfig;
+  },
 });

apps/public-docsite-v9/.storybook/main.js

@@ -55,7 +55,10 @@ module.exports = /** @type {Omit<import('../../../.storybook/main'), 'typescript
 
     // add your own webpack tweaks if needed
     registerTsPaths({ configFile: tsConfigAllPath, config: localConfig });
-    registerRules({ rules: [rules.scssRule], config: localConfig });
+    registerRules({
+      rules: [rules.scssRule, ...(process.env.REACT_COMPILER ? rules.reactCompilerRule : [])],
+      config: localConfig,
+    });
 
     return localConfig;
   },

monosize.config.mjs

@@ -13,6 +13,12 @@ const config = {
     tableName: 'fluentuilatest',
   }),
   bundler: webpackBundler(config => {
+    config.externals = config.externals ?? {};
+    config.externals = {
+      react: 'React',
+      'react-dom': 'ReactDOM',
+      'react/compiler-runtime': 'ReactCompilerRuntime',
+    };
     return config;
   }),
   reportResolvers: {

package.json

@@ -271,6 +271,7 @@
     "raw-loader": "4.0.2",
     "react": "19.2.0",
     "react-app-polyfill": "2.0.0",
+    "react-compiler-webpack": "1.0.0",
     "react-dom": "19.2.0",
     "react-frame-component": "4.1.1",
     "react-is": "19.2.0",

packages/charts/chart-web-components/CHANGELOG.json

@@ -1,6 +1,21 @@
 {
   "name": "@fluentui/chart-web-components",
   "entries": [
+    {
+      "date": "Tue, 19 May 2026 04:10:54 GMT",
+      "tag": "@fluentui/chart-web-components_v0.0.78",
+      "version": "0.0.78",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/chart-web-components",
+            "comment": "Bump @fluentui/web-components to v3.0.0-rc.20",
+            "commit": "4f2032148ac2b6f33a248b90f8aea357788ac834"
+          }
+        ]
+      }
+    },
     {
       "date": "Wed, 13 May 2026 04:08:42 GMT",
       "tag": "@fluentui/chart-web-components_v0.0.77",

packages/charts/chart-web-components/CHANGELOG.md

@@ -1,9 +1,18 @@
 # Change Log - @fluentui/chart-web-components
 
-This log was last generated on Wed, 13 May 2026 04:08:42 GMT and should not be manually modified.
+This log was last generated on Tue, 19 May 2026 04:10:54 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [0.0.78](https://github.com/microsoft/fluentui/tree/@fluentui/chart-web-components_v0.0.78)
+
+Tue, 19 May 2026 04:10:54 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/chart-web-components_v0.0.77..@fluentui/chart-web-components_v0.0.78)
+
+### Patches
+
+- Bump @fluentui/web-components to v3.0.0-rc.20 ([commit](https://github.com/microsoft/fluentui/commit/4f2032148ac2b6f33a248b90f8aea357788ac834) by beachball)
+
 ## [0.0.77](https://github.com/microsoft/fluentui/tree/@fluentui/chart-web-components_v0.0.77)
 
 Wed, 13 May 2026 04:08:42 GMT 

packages/charts/chart-web-components/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fluentui/chart-web-components",
   "description": "A library of Fluent Chart Web Components",
-  "version": "0.0.77",
+  "version": "0.0.78",
   "author": {
     "name": "Microsoft"
   },
@@ -69,7 +69,7 @@
   "dependencies": {
     "@microsoft/fast-web-utilities": "^6.0.0",
     "@fluentui/tokens": "^1.0.0-alpha.23",
-    "@fluentui/web-components": "^3.0.0-rc.19",
+    "@fluentui/web-components": "^3.0.0-rc.20",
     "@types/d3-selection": "^3.0.0",
     "@types/d3-shape": "^3.0.0",
     "d3-selection": "^3.0.0",

packages/web-components/CHANGELOG.json

@@ -1,6 +1,27 @@
 {
   "name": "@fluentui/web-components",
   "entries": [
+    {
+      "date": "Tue, 19 May 2026 04:10:54 GMT",
+      "tag": "@fluentui/web-components_v3.0.0-rc.20",
+      "version": "3.0.0-rc.20",
+      "comments": {
+        "prerelease": [
+          {
+            "author": "mibaraka@microsoft.com",
+            "package": "@fluentui/web-components",
+            "commit": "eaabe416a19ed53c50df7ea4b2870a2942e3f230",
+            "comment": "Adds white-space normal to dropdown .control div to prevent text overflow issues."
+          },
+          {
+            "author": "863023+radium-v@users.noreply.github.com",
+            "package": "@fluentui/web-components",
+            "commit": "1e70fc2b24be6389cfc7d357cb97aa900f52daa7",
+            "comment": "feat: implement BaseCounterBadge class and update CounterBadge component structure"
+          }
+        ]
+      }
+    },
     {
       "date": "Wed, 13 May 2026 04:08:40 GMT",
       "tag": "@fluentui/web-components_v3.0.0-rc.19",

packages/web-components/CHANGELOG.md

@@ -1,9 +1,19 @@
 # Change Log - @fluentui/web-components
 
-This log was last generated on Wed, 13 May 2026 04:08:40 GMT and should not be manually modified.
+This log was last generated on Tue, 19 May 2026 04:10:54 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [3.0.0-rc.20](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-rc.20)
+
+Tue, 19 May 2026 04:10:54 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-rc.19..@fluentui/web-components_v3.0.0-rc.20)
+
+### Changes
+
+- Adds white-space normal to dropdown .control div to prevent text overflow issues. ([PR #36210](https://github.com/microsoft/fluentui/pull/36210) by mibaraka@microsoft.com)
+- feat: implement BaseCounterBadge class and update CounterBadge component structure ([PR #36209](https://github.com/microsoft/fluentui/pull/36209) by 863023+radium-v@users.noreply.github.com)
+
 ## [3.0.0-rc.19](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-rc.19)
 
 Wed, 13 May 2026 04:08:40 GMT 

packages/web-components/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fluentui/web-components",
   "description": "A library of Fluent Web Components",
-  "version": "3.0.0-rc.19",
+  "version": "3.0.0-rc.20",
   "author": {
     "name": "Microsoft",
     "url": "https://discord.gg/FcSNfg4"

scripts/storybook/src/rules.js

@@ -124,8 +124,29 @@ const swcRule = {
   ],
 };
 
+/**
+ * React Compiler webpack rules. Must run before SWC (enforce: 'pre') because the compiler needs JSX syntax intact.
+ * Opt-in only — gate usage behind `process.env.REACT_COMPILER`.
+ *
+ * @type {import("webpack").RuleSetRule[]}
+ */
+const reactCompilerRule = [
+  {
+    test: /\.(ts|tsx)$/,
+    include: [/packages\/react-components\//],
+    exclude: [/node_modules/],
+    enforce: 'pre',
+    use: [
+      {
+        loader: require('react-compiler-webpack').reactCompilerLoader,
+      },
+    ],
+  },
+];
+
 exports.tsRule = tsRule;
 exports.scssRule = scssRule;
 exports.cssRule = cssRule;
 exports.griffelRule = griffelRule;
 exports.swcRule = swcRule;
+exports.reactCompilerRule = reactCompilerRule;

yarn.lock

@@ -16923,6 +16923,15 @@ react-app-polyfill@2.0.0:
     regenerator-runtime "^0.13.7"
     whatwg-fetch "^3.4.1"
 
+react-compiler-webpack@1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/react-compiler-webpack/-/react-compiler-webpack-1.0.0.tgz#60fac1205100a3c771aad36c695853e71ffc4184"
+  integrity sha512-psMWf+k7psntYKTo6IdiQrERADKobtCrahfJ0QAsC+ccbqANKS/3go6+dLvYauUpMBpmrMlt5AqACRJZ4bKCtg==
+  dependencies:
+    "@babel/core" "^7.28.5"
+    "@babel/plugin-syntax-jsx" "^7.27.1"
+    "@babel/plugin-syntax-typescript" "^7.27.1"
+
 react-custom-scrollbars@^4.2.1:
   version "4.2.1"
   resolved "https://registry.yarnpkg.com/react-custom-scrollbars/-/react-custom-scrollbars-4.2.1.tgz#830fd9502927e97e8a78c2086813899b2a8b66db"