Merge branch 'master' into chore/migrate-to-yarn-modern-core

Sync with upstream master: tar CVE bump (flattened resolution -> 7.5.8),
web-components rc.23, react-toast 9.8.0, react-overflow/priority-overflow fixes.

Author: mainframev

change/@fluentui-priority-overflow-pr3-first-paint.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "fix: recompute overflow eagerly when the overflow menu attaches or detaches",
+  "packageName": "@fluentui/priority-overflow",
+  "email": "bsunderhus@microsoft.com",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-overflow-pr3-first-paint.json

@@ -0,0 +1,7 @@
+{
+  "type": "minor",
+  "comment": "feat: produce a correct overflow snapshot before the first paint",
+  "packageName": "@fluentui/react-overflow",
+  "email": "bsunderhus@microsoft.com",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-tag-picker-base-hooks.json

@@ -0,0 +1,7 @@
+{
+  "type": "minor",
+  "comment": "feat: add base hooks/types for headless composition",
+  "packageName": "@fluentui/react-tag-picker",
+  "email": "viktorgenaev@microsoft.com",
+  "dependentChangeType": "patch"
+}

package.json

@@ -366,7 +366,7 @@
     "prismjs": "1.30.0",
     "qs": "6.14.2",
     "swc-loader": "^0.2.7",
-    "tar": "7.5.7",
+    "tar": "7.5.8",
     "tar-fs": "2.1.4",
     "prettier": "2.8.8",
     "puppeteer": "24.42.0",

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

@@ -1,6 +1,21 @@
 {
   "name": "@fluentui/chart-web-components",
   "entries": [
+    {
+      "date": "Wed, 03 Jun 2026 04:07:54 GMT",
+      "tag": "@fluentui/chart-web-components_v0.0.81",
+      "version": "0.0.81",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/chart-web-components",
+            "comment": "Bump @fluentui/web-components to v3.0.0-rc.23",
+            "commit": "f14249d2f042c3c30ce16a60b14d2d912aa2ad80"
+          }
+        ]
+      }
+    },
     {
       "date": "Thu, 28 May 2026 04:09:43 GMT",
       "tag": "@fluentui/chart-web-components_v0.0.80",

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

@@ -1,9 +1,18 @@
 # Change Log - @fluentui/chart-web-components
 
-This log was last generated on Thu, 28 May 2026 04:09:43 GMT and should not be manually modified.
+This log was last generated on Wed, 03 Jun 2026 04:07:54 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [0.0.81](https://github.com/microsoft/fluentui/tree/@fluentui/chart-web-components_v0.0.81)
+
+Wed, 03 Jun 2026 04:07:54 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/chart-web-components_v0.0.80..@fluentui/chart-web-components_v0.0.81)
+
+### Patches
+
+- Bump @fluentui/web-components to v3.0.0-rc.23 ([PR #36232](https://github.com/microsoft/fluentui/pull/36232) by beachball)
+
 ## [0.0.80](https://github.com/microsoft/fluentui/tree/@fluentui/chart-web-components_v0.0.80)
 
 Thu, 28 May 2026 04:09:43 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.80",
+  "version": "0.0.81",
   "author": {
     "name": "Microsoft"
   },
@@ -68,7 +68,7 @@
   },
   "dependencies": {
     "@fluentui/tokens": "^1.0.0-alpha.23",
-    "@fluentui/web-components": "^3.0.0-rc.22",
+    "@fluentui/web-components": "^3.0.0-rc.23",
     "@microsoft/fast-web-utilities": "^6.0.0",
     "@types/d3-selection": "^3.0.0",
     "@types/d3-shape": "^3.0.0",

packages/react-components/priority-overflow/etc/priority-overflow.api.md

@@ -5,20 +5,14 @@
 ```ts
 
 // @internal
-export function createOverflowManager(initialOptions?: Partial<ObserveOptions>): OverflowManager;
+export function createOverflowManager(initialOptions?: Partial<OverflowOptions>): OverflowManager;
 
 // @internal
 export const EMPTY_SNAPSHOT: OverflowSnapshot;
 
-// @public
-export interface ObserveOptions {
-    hasHiddenItems?: boolean;
-    minimumVisible?: number;
-    onUpdateItemVisibility: OnUpdateItemVisibility;
-    onUpdateOverflow: OnUpdateOverflow;
-    overflowAxis?: OverflowAxis;
-    overflowDirection?: OverflowDirection;
-    padding?: number;
+// @public (undocumented)
+export interface ObserveOptions extends Partial<OverflowOptions> {
+    forceUpdate?: boolean;
 }
 
 // @public
@@ -76,11 +70,22 @@ export interface OverflowManager {
     removeDivider: (groupId: string) => void;
     removeItem: (itemId: string) => void;
     removeOverflowMenu: () => void;
-    setOptions: (options: Partial<ObserveOptions>) => void;
+    setOptions: (options: Partial<OverflowOptions>) => void;
     subscribe: (listener: () => void) => () => void;
     update: () => void;
 }
 
+// @public
+export interface OverflowOptions {
+    hasHiddenItems?: boolean;
+    minimumVisible?: number;
+    onUpdateItemVisibility: OnUpdateItemVisibility;
+    onUpdateOverflow: OnUpdateOverflow;
+    overflowAxis?: OverflowAxis;
+    overflowDirection?: OverflowDirection;
+    padding?: number;
+}
+
 // @public
 export interface OverflowSnapshot {
     groupVisibility: Record<string, OverflowGroupState>;

packages/react-components/priority-overflow/src/index.ts

@@ -2,6 +2,7 @@ export { createOverflowManager } from './overflowManager';
 export { EMPTY_SNAPSHOT } from './consts';
 export type {
   ObserveOptions,
+  OverflowOptions,
   OnUpdateItemVisibility,
   OnUpdateItemVisibilityPayload,
   OnUpdateOverflow,

packages/react-components/priority-overflow/src/overflowManager.test.ts

@@ -136,6 +136,25 @@ describe('overflowManager', () => {
     });
   });
 
+  it('should re-dispatch when the overflow menu is attached while observing', () => {
+    const onUpdateOverflow = jest.fn();
+    const manager = createOverflowManager(createObserveOptions({ onUpdateOverflow }));
+    const container = createContainer(100);
+    const itemA = createElementWithSize('button', 60);
+    const itemB = createElementWithSize('button', 60);
+
+    manager.addItem({ element: itemA, id: 'a', priority: 1 });
+    manager.addItem({ element: itemB, id: 'b', priority: 0 });
+    manager.observe(container);
+    manager.forceUpdate();
+    onUpdateOverflow.mockClear();
+
+    const menu = createElementWithSize('button', 30);
+    manager.addOverflowMenu(menu);
+
+    expect(onUpdateOverflow).toHaveBeenCalled();
+  });
+
   it('should remove items through removeItem', () => {
     const manager = createOverflowManager(createObserveOptions());
     const container = createContainer(100);
@@ -156,4 +175,52 @@ describe('overflowManager', () => {
       invisibleItemCount: 0,
     });
   });
+
+  it('resolves overflow synchronously when observed with forceUpdate and the container is measured', () => {
+    const manager = createOverflowManager(createObserveOptions());
+    const container = createContainer(100);
+    const itemA = createElementWithSize('button', 60);
+    const itemB = createElementWithSize('button', 60);
+    const menu = createElementWithSize('button', 30);
+
+    manager.addItem({ element: itemA, id: 'a', priority: 1 });
+    manager.addItem({ element: itemB, id: 'b', priority: 0 });
+    manager.addOverflowMenu(menu);
+
+    // No manual forceUpdate(); observing with forceUpdate resolves overflow on its own.
+    manager.observe(container, { forceUpdate: true });
+
+    expect(getVisibleIds(manager)).toEqual(['a']);
+    expect(getInvisibleIds(manager)).toEqual(['b']);
+  });
+
+  it('does not resolve overflow on observe when forceUpdate is not requested', () => {
+    const manager = createOverflowManager(createObserveOptions());
+    const container = createContainer(100);
+    const itemA = createElementWithSize('button', 60);
+    const itemB = createElementWithSize('button', 60);
+
+    manager.addItem({ element: itemA, id: 'a', priority: 1 });
+    manager.addItem({ element: itemB, id: 'b', priority: 0 });
+
+    manager.observe(container);
+
+    // Nothing has been computed yet (the ResizeObserver is mocked to a noop).
+    expect(manager.getSnapshot().itemVisibility).toEqual({});
+  });
+
+  it('does not resolve overflow on observe with forceUpdate when the container is not measured', () => {
+    const manager = createOverflowManager(createObserveOptions());
+    const container = createContainer(0);
+    const itemA = createElementWithSize('button', 60);
+    const itemB = createElementWithSize('button', 60);
+
+    manager.addItem({ element: itemA, id: 'a', priority: 1 });
+    manager.addItem({ element: itemB, id: 'b', priority: 0 });
+
+    // Degenerate 0 size — the guard skips the force so nothing collapses.
+    manager.observe(container, { forceUpdate: true });
+
+    expect(manager.getSnapshot().itemVisibility).toEqual({});
+  });
 });