From a2c5f8d0e6829b13189b2926f012d25ac678fe7d Mon Sep 17 00:00:00 2001
From: Valentyna <vkozlova@microsoft.com>
Date: Mon, 16 Dec 2024 05:48:24 -0800
Subject: [PATCH 01/42] docs(react-color-picker): added more stories (#33425)

Co-authored-by: Victor Genaev <vgenaev@gmail.com>
---
 .../ColorAndSwatchPicker.stories.tsx          | 134 ++++++++++++++++++
 .../ColorPicker/ColorPickerPopup.stories.tsx  |  90 ++++++++++++
 .../stories/src/ColorPicker/index.stories.tsx |   2 +
 3 files changed, 226 insertions(+)
 create mode 100644 packages/react-components/react-color-picker-preview/stories/src/ColorPicker/ColorAndSwatchPicker.stories.tsx
 create mode 100644 packages/react-components/react-color-picker-preview/stories/src/ColorPicker/ColorPickerPopup.stories.tsx

diff --git a/packages/react-components/react-color-picker-preview/stories/src/ColorPicker/ColorAndSwatchPicker.stories.tsx b/packages/react-components/react-color-picker-preview/stories/src/ColorPicker/ColorAndSwatchPicker.stories.tsx
new file mode 100644
index 0000000000000..7b40bec5192ba
--- /dev/null
+++ b/packages/react-components/react-color-picker-preview/stories/src/ColorPicker/ColorAndSwatchPicker.stories.tsx
@@ -0,0 +1,134 @@
+import * as React from 'react';
+import { tinycolor } from '@ctrl/tinycolor';
+import { makeStyles, Button, SwatchPicker, EmptySwatch, ColorSwatch, Label, tokens } from '@fluentui/react-components';
+import {
+  ColorPicker,
+  ColorSlider,
+  AlphaSlider,
+  ColorPickerProps,
+  ColorArea,
+} from '@fluentui/react-color-picker-preview';
+import type { SwatchPickerOnSelectEventHandler } from '@fluentui/react-components';
+
+const useStyles = makeStyles({
+  example: {
+    width: '300px',
+    display: 'flex',
+    flexDirection: 'column',
+    gap: '10px',
+  },
+  previewColor: {
+    width: '50px',
+    height: '50px',
+    borderRadius: tokens.borderRadiusMedium,
+    border: `1px solid ${tokens.colorNeutralStroke1}`,
+    margin: `${tokens.spacingVerticalMNudge} 0`,
+  },
+  button: {
+    marginRight: tokens.spacingHorizontalS,
+  },
+  input: {
+    display: 'block',
+    margin: `${tokens.spacingVerticalSNudge} 0`,
+  },
+  row: {
+    display: 'flex',
+    gap: '10px',
+    justifyContent: 'space-between',
+  },
+  sliders: {
+    display: 'flex',
+    flexDirection: 'column',
+    width: '80%',
+  },
+});
+
+const ITEMS_LIMIT = 8;
+const DEFAULT_SELECTED_VALUE = '2be700';
+const DEFAULT_SELECTED_COLOR = '#2be700';
+const DEFAULT_COLOR_HSV = tinycolor(DEFAULT_SELECTED_COLOR).toHsv();
+
+export const ColorAndSwatchPickerExample = () => {
+  const styles = useStyles();
+  const [color, setColor] = React.useState(DEFAULT_COLOR_HSV);
+  const [selectedValue, setSelectedValue] = React.useState(DEFAULT_SELECTED_VALUE);
+  const [selectedColor, setSelectedColor] = React.useState(DEFAULT_SELECTED_COLOR);
+
+  const colorFocusTargetRef = React.useRef<HTMLButtonElement>(null);
+  const [colorFocusTarget, setColorFocusTarget] = React.useState<string | null>(null);
+
+  const [items, setItems] = React.useState<Array<{ color: string; value: string; 'aria-label': string }>>([]);
+  const emptyItems = new Array(ITEMS_LIMIT - items.length).fill(null);
+
+  const handleChange: ColorPickerProps['onColorChange'] = (_, data) => {
+    setColor({ ...data.color, a: data.color.a ?? 1 });
+  };
+
+  const handleSelect: SwatchPickerOnSelectEventHandler = (_, data) => {
+    setSelectedValue(data.selectedValue);
+    setSelectedColor(data.selectedSwatch);
+  };
+
+  const handleAddColor = () => {
+    const newColor = tinycolor(color).toRgbString();
+    const newValue = `custom-${newColor} [${items.length - ITEMS_LIMIT}]`;
+
+    setItems([...items, { color: newColor, value: newValue, 'aria-label': newColor }]);
+    setColorFocusTarget(newValue);
+  };
+
+  const resetColors = () => {
+    setItems([]);
+    setColorFocusTarget(null);
+    setSelectedValue(DEFAULT_SELECTED_VALUE);
+    setSelectedColor(DEFAULT_SELECTED_COLOR);
+    setColor(DEFAULT_COLOR_HSV);
+  };
+
+  React.useEffect(() => {
+    if (colorFocusTarget) {
+      colorFocusTargetRef.current?.focus();
+    }
+  }, [colorFocusTarget]);
+
+  return (
+    <div className={styles.example}>
+      <ColorPicker color={color} onColorChange={handleChange}>
+        <ColorArea />
+        <div className={styles.row}>
+          <div className={styles.sliders}>
+            <ColorSlider />
+            <AlphaSlider />
+          </div>
+          <div className={styles.previewColor} style={{ backgroundColor: tinycolor(color).toRgbString() }} />
+        </div>
+      </ColorPicker>
+      <SwatchPicker
+        aria-label="SwatchPicker with empty swatches"
+        selectedValue={selectedValue}
+        onSelectionChange={handleSelect}
+      >
+        {items.map(item => (
+          <ColorSwatch key={item.value} ref={item.value === colorFocusTarget ? colorFocusTargetRef : null} {...item} />
+        ))}
+        {emptyItems.map((_, index) => (
+          <EmptySwatch disabled key={index} aria-label="empty swatch" />
+        ))}
+      </SwatchPicker>
+      <Label>Selected color</Label>
+      <div className={styles.previewColor} style={{ backgroundColor: selectedColor }} />
+      <Button
+        id="add-new-color"
+        className={styles.button}
+        appearance="primary"
+        disabled={items.length >= ITEMS_LIMIT}
+        onClick={handleAddColor}
+      >
+        Add new color
+      </Button>
+      <Button id="reset-example" className={styles.button} onClick={resetColors}>
+        Reset example
+      </Button>
+    </div>
+  );
+};
diff --git a/packages/react-components/react-color-picker-preview/stories/src/ColorPicker/ColorPickerPopup.stories.tsx b/packages/react-components/react-color-picker-preview/stories/src/ColorPicker/ColorPickerPopup.stories.tsx
new file mode 100644
index 0000000000000..124772fdb40c5
--- /dev/null
+++ b/packages/react-components/react-color-picker-preview/stories/src/ColorPicker/ColorPickerPopup.stories.tsx
@@ -0,0 +1,90 @@
+import * as React from 'react';
+import { tinycolor } from '@ctrl/tinycolor';
+import { makeStyles, Button, Popover, PopoverSurface, PopoverTrigger } from '@fluentui/react-components';
+import {
+  ColorPicker,
+  ColorSlider,
+  AlphaSlider,
+  ColorPickerProps,
+  ColorArea,
+} from '@fluentui/react-color-picker-preview';
+
+const useStyles = makeStyles({
+  example: {
+    width: '300px',
+    display: 'flex',
+    flexDirection: 'column',
+    gap: '10px',
+  },
+  previewColor: {
+    margin: '10px 0',
+    width: '50px',
+    height: '50px',
+    borderRadius: '4px',
+    border: '1px solid #ccc',
+  },
+  row: {
+    display: 'flex',
+    gap: '10px',
+  },
+  sliders: {
+    display: 'flex',
+    flexDirection: 'column',
+  },
+});
+
+const DEFAULT_COLOR_HSV = tinycolor('#2be700').toHsv();
+
+export const ColorPickerPopup = () => {
+  const styles = useStyles();
+  const [previewColor, setPreviewColor] = React.useState(DEFAULT_COLOR_HSV);
+  const [color, setColor] = React.useState(DEFAULT_COLOR_HSV);
+
+  const handleChange: ColorPickerProps['onColorChange'] = (_, data) => {
+    setPreviewColor({ ...data.color, a: data.color.a ?? 1 });
+  };
+
+  const [popoverOpen, setPopoverOpen] = React.useState(false);
+
+  return (
+    <>
+      <Popover open={popoverOpen} trapFocus onOpenChange={(_, data) => setPopoverOpen(data.open)}>
+        <PopoverTrigger disableButtonEnhancement>
+          <Button>Choose color</Button>
+        </PopoverTrigger>
+
+        <PopoverSurface>
+          <ColorPicker color={previewColor} onColorChange={handleChange}>
+            <ColorArea />
+            <div className={styles.row}>
+              <div className={styles.sliders}>
+                <ColorSlider />
+                <AlphaSlider />
+              </div>
+              <div className={styles.previewColor} style={{ backgroundColor: tinycolor(previewColor).toRgbString() }} />
+            </div>
+          </ColorPicker>
+          <div className={styles.row}>
+            <Button
+              appearance="primary"
+              onClick={() => {
+                setColor(previewColor);
+                setPopoverOpen(false);
+              }}
+            >
+              Ok
+            </Button>
+            <Button
+              onClick={() => {
+                setPopoverOpen(false);
+              }}
+            >
+              Cancel
+            </Button>
+          </div>
+        </PopoverSurface>
+      </Popover>
+      <div className={styles.previewColor} style={{ backgroundColor: tinycolor(color).toRgbString() }} />
+    </>
+  );
+};
diff --git a/packages/react-components/react-color-picker-preview/stories/src/ColorPicker/index.stories.tsx b/packages/react-components/react-color-picker-preview/stories/src/ColorPicker/index.stories.tsx
index aa19d4b2741be..45930a18d9653 100644
--- a/packages/react-components/react-color-picker-preview/stories/src/ColorPicker/index.stories.tsx
+++ b/packages/react-components/react-color-picker-preview/stories/src/ColorPicker/index.stories.tsx
@@ -8,6 +8,8 @@ export { ColorPickerShape } from './ColorPickerShape.stories';
 export { ColorAreaExample } from './ColorAreaDefault.stories';
 export { ColorSliderExample } from './ColorSliderDefault.stories';
 export { AlphaSliderExample } from './AlphaSliderDefault.stories';
+export { ColorAndSwatchPickerExample } from './ColorAndSwatchPicker.stories';
+export { ColorPickerPopup } from './ColorPickerPopup.stories';
 
 export default {
   title: 'Preview Components/ColorPicker',

From 27a945ec646737e2132d05da293265335ee6d0ff Mon Sep 17 00:00:00 2001
From: Amber <yuanboxue@microsoft.com>
Date: Mon, 16 Dec 2024 17:03:24 +0100
Subject: [PATCH 02/42] feat(react-positioning): add option
 `shiftToCoverTarget` (#33468)

---
 .../PositioningShiftToCoverTarget.stories.tsx | 132 ++++++++++++++++++
 .../Concepts/Positioning/index.stories.tsx    |   1 +
 .../Positioning/Positioning.stories.tsx       | 125 +++++++++++++++++
 ...-f45d93ea-5267-402c-a99d-c4fb821f6c38.json |   7 +
 .../etc/react-positioning.api.md              |   2 +-
 .../react-positioning/src/middleware/shift.ts |  16 ++-
 .../react-positioning/src/types.ts            |   7 +
 .../react-positioning/src/usePositioning.ts   |   2 +
 8 files changed, 289 insertions(+), 3 deletions(-)
 create mode 100644 apps/public-docsite-v9/src/Concepts/Positioning/PositioningShiftToCoverTarget.stories.tsx
 create mode 100644 change/@fluentui-react-positioning-f45d93ea-5267-402c-a99d-c4fb821f6c38.json

diff --git a/apps/public-docsite-v9/src/Concepts/Positioning/PositioningShiftToCoverTarget.stories.tsx b/apps/public-docsite-v9/src/Concepts/Positioning/PositioningShiftToCoverTarget.stories.tsx
new file mode 100644
index 0000000000000..b6dfb48cadfc0
--- /dev/null
+++ b/apps/public-docsite-v9/src/Concepts/Positioning/PositioningShiftToCoverTarget.stories.tsx
@@ -0,0 +1,132 @@
+import * as React from 'react';
+import {
+  Button,
+  makeStyles,
+  SpinButton,
+  Menu,
+  MenuTrigger,
+  MenuPopover,
+  MenuList,
+  MenuItem,
+  PositioningImperativeRef,
+  useMergedRefs,
+  Checkbox,
+  RadioGroup,
+  Field,
+  Radio,
+  PositioningProps,
+} from '@fluentui/react-components';
+
+const useStyles = makeStyles({
+  boundary: {
+    border: '2px dashed red',
+    width: '300px',
+    height: '300px',
+    overflow: 'auto',
+    resize: 'both',
+  },
+  trigger: {
+    display: 'block',
+    width: '150px',
+    margin: '200px auto',
+  },
+});
+
+const ResizableBoundary = React.forwardRef<
+  HTMLDivElement,
+  {
+    onResize: ResizeObserverCallback;
+    children: React.ReactNode;
+  }
+>(({ onResize, children }, ref) => {
+  const containerRef = React.useRef<HTMLDivElement | null>(null);
+
+  React.useEffect(() => {
+    if (containerRef.current) {
+      const resizeObserver = new ResizeObserver(onResize);
+      resizeObserver.observe(containerRef.current);
+
+      return () => {
+        resizeObserver.disconnect();
+      };
+    }
+  }, [onResize]);
+
+  const styles = useStyles();
+
+  return (
+    <div ref={useMergedRefs(ref, containerRef)} className={styles.boundary}>
+      {children}
+    </div>
+  );
+});
+
+export const CoverTargetForSmallViewport = () => {
+  const styles = useStyles();
+  const [boundaryRef, setBoundaryRef] = React.useState<HTMLDivElement | null>(null);
+
+  const [menuItemCount, setMenuItemCount] = React.useState(6);
+
+  const positioningRef = React.useRef<PositioningImperativeRef>(null);
+
+  const [open, setOpen] = React.useState(false);
+  const [menuPosition, setMenuPosition] = React.useState<PositioningProps['position']>('above');
+
+  return (
+    <>
+      <div>
+        <Checkbox label="Open" checked={open} onChange={(e, data) => setOpen(data.checked as boolean)} />{' '}
+        <Field label="Menu position">
+          <RadioGroup
+            value={menuPosition}
+            onChange={(_, data) => setMenuPosition(data.value as PositioningProps['position'])}
+          >
+            <Radio value="above" label="above" />
+            <Radio value="after" label="after" />
+          </RadioGroup>
+        </Field>
+        <Field label="Menu Item Count">
+          <SpinButton value={menuItemCount} onChange={(_e, { value }) => value && setMenuItemCount(value)} />
+        </Field>
+      </div>
+      <ResizableBoundary
+        ref={setBoundaryRef}
+        onResize={() => {
+          positioningRef.current?.updatePosition();
+        }}
+      >
+        <Menu
+          open={open}
+          positioning={{
+            positioningRef,
+            overflowBoundary: boundaryRef,
+            flipBoundary: boundaryRef,
+            autoSize: true,
+            shiftToCoverTarget: true,
+            position: menuPosition,
+          }}
+        >
+          <MenuTrigger disableButtonEnhancement>
+            <Button className={styles.trigger}>Open Menu</Button>
+          </MenuTrigger>
+          <MenuPopover>
+            <MenuList>
+              {Array.from({ length: menuItemCount }, (_, i) => (
+                <MenuItem>Item {i}</MenuItem>
+              ))}
+            </MenuList>
+          </MenuPopover>
+        </Menu>
+      </ResizableBoundary>
+    </>
+  );
+};
+
+CoverTargetForSmallViewport.parameters = {
+  docs: {
+    description: {
+      story:
+        "`shiftToCoverTarget` is a positioning option that allows the positioned element to shift and cover the target element when there isn't enough space available to fit it.",
+    },
+  },
+};
diff --git a/apps/public-docsite-v9/src/Concepts/Positioning/index.stories.tsx b/apps/public-docsite-v9/src/Concepts/Positioning/index.stories.tsx
index eff55288fb516..526e9b9a576ec 100644
--- a/apps/public-docsite-v9/src/Concepts/Positioning/index.stories.tsx
+++ b/apps/public-docsite-v9/src/Concepts/Positioning/index.stories.tsx
@@ -17,6 +17,7 @@ export { MatchTargetSize } from './MatchTargetSize.stories';
 export { DisableTransform } from './PositioningDisableTransform.stories';
 export { ListenToUpdates } from './PositioningListenToUpdates.stories';
 export { AutoSizeForSmallViewport } from './PositioningAutoSize.stories';
+export { CoverTargetForSmallViewport } from './PositioningShiftToCoverTarget.stories';
 export { FallbackPositions } from './PositioningFallbackPositions.stories';
 
 export default {
diff --git a/apps/vr-tests-react-components/src/stories/Positioning/Positioning.stories.tsx b/apps/vr-tests-react-components/src/stories/Positioning/Positioning.stories.tsx
index a8bce2012c57d..5421aa2f3c603 100644
--- a/apps/vr-tests-react-components/src/stories/Positioning/Positioning.stories.tsx
+++ b/apps/vr-tests-react-components/src/stories/Positioning/Positioning.stories.tsx
@@ -843,6 +843,102 @@ const TargetDisplayNone = () => {
   );
 };
 
+const ShiftToCoverTargetWithAutoSize = () => {
+  const styles = useStyles();
+  const [overflowBoundary, setOverflowBoundary] = React.useState<HTMLDivElement | null>(null);
+  const { containerRef, targetRef } = usePositioning({
+    position: 'below',
+    overflowBoundary,
+    shiftToCoverTarget: true,
+    autoSize: true,
+  });
+
+  return (
+    <div
+      ref={setOverflowBoundary}
+      className={styles.boundary}
+      style={{
+        display: 'flex',
+        flexDirection: 'column',
+        height: 200,
+        padding: '10px 50px',
+        position: 'relative',
+      }}
+    >
+      <button ref={targetRef}>Target</button>
+      <Box ref={containerRef} style={{ overflow: 'auto', border: '3px solid green' }}>
+        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore
+        magna aliqua. In fermentum et sollicitudin ac orci phasellus egestas. Facilisi cras fermentum odio eu feugiat
+        pretium nibh ipsum consequat. Praesent semper feugiat nibh sed pulvinar proin gravida hendrerit lectus. Porta
+        nibh venenatis cras sed felis eget. Enim sed faucibus turpis in. Non blandit massa enim nec dui nunc mattis. Ut
+        eu sem integer vitae justo.
+      </Box>
+    </div>
+  );
+};
+
+const ShiftToCoverTargetAsyncContentHorizontal = () => {
+  const styles = useStyles();
+  const [overflowBoundary, setOverflowBoundary] = React.useState<HTMLDivElement | null>(null);
+  const { containerRef, targetRef } = usePositioning({
+    position: 'after',
+    overflowBoundary,
+    shiftToCoverTarget: true,
+    autoSize: true,
+  });
+
+  return (
+    <div
+      ref={setOverflowBoundary}
+      className={styles.boundary}
+      style={{
+        height: 200,
+        width: 300,
+        padding: '50px 50px',
+        boxSizing: 'border-box',
+        position: 'relative',
+      }}
+    >
+      <button ref={targetRef}>Target</button>
+      <Box ref={containerRef} style={{ overflow: 'auto', border: '3px solid green', padding: 0 }}>
+        <Box style={{ maxWidth: 180 }}>
+          <AsyncFloatingContent />
+        </Box>
+      </Box>
+    </div>
+  );
+};
+
+const ShiftToCoverTargetAsyncContent = () => {
+  const styles = useStyles();
+  const [overflowBoundary, setOverflowBoundary] = React.useState<HTMLDivElement | null>(null);
+  const { containerRef, targetRef } = usePositioning({
+    position: 'below',
+    overflowBoundary,
+    shiftToCoverTarget: true,
+    autoSize: true,
+  });
+
+  return (
+    <div
+      ref={setOverflowBoundary}
+      className={styles.boundary}
+      style={{
+        display: 'flex',
+        flexDirection: 'column',
+        height: 200,
+        padding: '10px 50px',
+        position: 'relative',
+      }}
+    >
+      <button ref={targetRef}>Target</button>
+      <Box ref={containerRef} style={{ overflow: 'auto', border: '3px solid green' }}>
+        <AsyncFloatingContent />
+      </Box>
+    </div>
+  );
+};
+
 export default {
   title: 'Positioning',
 
@@ -1033,3 +1129,32 @@ export const _TargetDisplayNone = () => (
   </StoryWright>
 );
 _TargetDisplayNone.storyName = 'Target display none';
+
+export const _ShiftToCoverTargetWithAutoSize = () => <ShiftToCoverTargetWithAutoSize />;
+_ShiftToCoverTargetWithAutoSize.storyName = 'shiftToCoverTarget with autoSize';
+
+export const _ShiftToCoverTargetAsyncContent = () => (
+  <StoryWright
+    steps={new Steps()
+      .click('#load-content')
+      .wait('#full-content')
+      .snapshot('floating element is within the boundary')
+      .end()}
+  >
+    <ShiftToCoverTargetAsyncContent />
+  </StoryWright>
+);
+_ShiftToCoverTargetAsyncContent.storyName = 'shiftToCoverTarget with autoSize and async content';
+
+export const _ShiftToCoverTargetHorizontal = () => (
+  <StoryWright
+    steps={new Steps()
+      .click('#load-content')
+      .wait('#full-content')
+      .snapshot('floating element is within the boundary')
+      .end()}
+  >
+    <ShiftToCoverTargetAsyncContentHorizontal />
+  </StoryWright>
+);
+_ShiftToCoverTargetHorizontal.storyName = 'shiftToCoverTarget with autoSize and async content - horizontal';
diff --git a/change/@fluentui-react-positioning-f45d93ea-5267-402c-a99d-c4fb821f6c38.json b/change/@fluentui-react-positioning-f45d93ea-5267-402c-a99d-c4fb821f6c38.json
new file mode 100644
index 0000000000000..62a5ea1c990e9
--- /dev/null
+++ b/change/@fluentui-react-positioning-f45d93ea-5267-402c-a99d-c4fb821f6c38.json
@@ -0,0 +1,7 @@
+{
+  "type": "minor",
+  "comment": "Add positioning option `shiftToCoverTarget` that allows the positioned element to shift to cover the target when there is not enough available space",
+  "packageName": "@fluentui/react-positioning",
+  "email": "yuanboxue@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/react-components/react-positioning/etc/react-positioning.api.md b/packages/react-components/react-positioning/etc/react-positioning.api.md
index 2147a788cbf9f..3e2adcbf2b93b 100644
--- a/packages/react-components/react-positioning/etc/react-positioning.api.md
+++ b/packages/react-components/react-positioning/etc/react-positioning.api.md
@@ -72,7 +72,7 @@ export type PositioningImperativeRef = {
 };
 
 // @public
-export interface PositioningProps extends Pick<PositioningOptions, 'align' | 'arrowPadding' | 'autoSize' | 'coverTarget' | 'fallbackPositions' | 'flipBoundary' | 'offset' | 'overflowBoundary' | 'overflowBoundaryPadding' | 'pinned' | 'position' | 'strategy' | 'useTransform' | 'matchTargetSize' | 'onPositioningEnd' | 'disableUpdateOnResize'> {
+export interface PositioningProps extends Pick<PositioningOptions, 'align' | 'arrowPadding' | 'autoSize' | 'coverTarget' | 'fallbackPositions' | 'flipBoundary' | 'offset' | 'overflowBoundary' | 'overflowBoundaryPadding' | 'pinned' | 'position' | 'strategy' | 'useTransform' | 'matchTargetSize' | 'onPositioningEnd' | 'disableUpdateOnResize' | 'shiftToCoverTarget'> {
     positioningRef?: React_2.Ref<PositioningImperativeRef>;
     target?: TargetElement | null;
 }
diff --git a/packages/react-components/react-positioning/src/middleware/shift.ts b/packages/react-components/react-positioning/src/middleware/shift.ts
index 9e57fe0736953..5152eb89ef0b7 100644
--- a/packages/react-components/react-positioning/src/middleware/shift.ts
+++ b/packages/react-components/react-positioning/src/middleware/shift.ts
@@ -3,7 +3,7 @@ import type { PositioningOptions } from '../types';
 import { getBoundary, toFloatingUIPadding } from '../utils/index';
 
 export interface ShiftMiddlewareOptions
-  extends Pick<PositioningOptions, 'overflowBoundary' | 'overflowBoundaryPadding'> {
+  extends Pick<PositioningOptions, 'overflowBoundary' | 'overflowBoundaryPadding' | 'shiftToCoverTarget'> {
   hasScrollableElement?: boolean;
   disableTether?: PositioningOptions['unstable_disableTether'];
   container: HTMLElement | null;
@@ -14,10 +14,22 @@ export interface ShiftMiddlewareOptions
  * Wraps the floating UI shift middleware for easier usage of our options
  */
 export function shift(options: ShiftMiddlewareOptions) {
-  const { hasScrollableElement, disableTether, overflowBoundary, container, overflowBoundaryPadding, isRtl } = options;
+  const {
+    hasScrollableElement,
+    shiftToCoverTarget,
+    disableTether,
+    overflowBoundary,
+    container,
+    overflowBoundaryPadding,
+    isRtl,
+  } = options;
 
   return baseShift({
     ...(hasScrollableElement && { boundary: 'clippingAncestors' }),
+    ...(shiftToCoverTarget && {
+      crossAxis: true,
+      limiter: limitShift({ crossAxis: true, mainAxis: false }),
+    }),
     ...(disableTether && {
       crossAxis: disableTether === 'all',
       limiter: limitShift({ crossAxis: disableTether !== 'all', mainAxis: false }),
diff --git a/packages/react-components/react-positioning/src/types.ts b/packages/react-components/react-positioning/src/types.ts
index 170a33afc82da..10f672a68673f 100644
--- a/packages/react-components/react-positioning/src/types.ts
+++ b/packages/react-components/react-positioning/src/types.ts
@@ -197,6 +197,12 @@ export interface PositioningOptions {
    * Disables the resize observer that updates position on target or dimension change
    */
   disableUpdateOnResize?: boolean;
+
+  /**
+   * When true, the positioned element will shift to cover the target element when there's not enough space.
+   * @default false
+   */
+  shiftToCoverTarget?: boolean;
 }
 
 /**
@@ -221,6 +227,7 @@ export interface PositioningProps
     | 'matchTargetSize'
     | 'onPositioningEnd'
     | 'disableUpdateOnResize'
+    | 'shiftToCoverTarget'
   > {
   /** An imperative handle to Popper methods. */
   positioningRef?: React.Ref<PositioningImperativeRef>;
diff --git a/packages/react-components/react-positioning/src/usePositioning.ts b/packages/react-components/react-positioning/src/usePositioning.ts
index 3c272df983957..8dd68e3434ecf 100644
--- a/packages/react-components/react-positioning/src/usePositioning.ts
+++ b/packages/react-components/react-positioning/src/usePositioning.ts
@@ -181,6 +181,7 @@ function usePositioningOptions(options: PositioningOptions) {
     useTransform,
     matchTargetSize,
     disableUpdateOnResize = false,
+    shiftToCoverTarget,
   } = options;
 
   const { dir, targetDocument } = useFluent();
@@ -205,6 +206,7 @@ function usePositioningOptions(options: PositioningOptions) {
           disableTether,
           overflowBoundaryPadding,
           isRtl,
+          shiftToCoverTarget,
         }),
         autoSize && maxSizeMiddleware(autoSize, { container, overflowBoundary, overflowBoundaryPadding, isRtl }),
         intersectingMiddleware(),

From 03a29d93dfdeb2dc4ea0ee8c728ac8d2d4ebb6cb Mon Sep 17 00:00:00 2001
From: Fluent UI Build <fluentui-internal@service.microsoft.com>
Date: Mon, 16 Dec 2024 16:27:12 +0000
Subject: [PATCH 03/42] release: applying package updates - react-components

---
 ...-cdab055e-9e74-4594-aafd-73566539af03.json |   7 --
 ...-6c54eead-adb1-472f-9bdd-51f424e2c9db.json |   7 --
 ...-8b1310b9-dfe7-479e-9786-5ddde5732c93.json |   7 --
 ...-b0491798-cc10-487f-a3c0-98bcd6016f7f.json |   7 --
 ...-d45f8c82-f098-4820-9e34-31862a08f3d3.json |   7 --
 ...-efdd71e7-571d-48bf-9e41-37f6d220a529.json |   7 --
 ...-57be4cfa-c216-4c45-b33b-68d0a0b60ad6.json |   7 --
 ...-202a0647-ecd3-4f94-a362-35eefbe9ae53.json |   7 --
 ...-f45d93ea-5267-402c-a99d-c4fb821f6c38.json |   7 --
 ...-b23e58f1-e6c5-4ac4-963e-63d248181363.json |   7 --
 ...-7a95002f-25eb-47c0-9f9b-a77ffdef753a.json |   7 --
 ...-9ed5ff29-ec65-4d90-84c5-e9abdf034b46.json |   7 --
 ...-9dd1cff8-e778-499b-a0c7-489feb87bca8.json |   7 --
 ...-a1396b99-e2b7-4ab3-8c89-7d58c5b4ba8b.json |   7 --
 .../library/CHANGELOG.json                    |  63 ++++++++++
 .../react-charts-preview/library/CHANGELOG.md |  19 ++-
 .../react-charts-preview/library/package.json |  20 ++--
 .../CHANGELOG.json                            |  15 +++
 .../babel-preset-global-context/CHANGELOG.md  |  11 +-
 .../babel-preset-global-context/package.json  |   4 +-
 .../global-context/CHANGELOG.json             |  21 ++++
 .../global-context/CHANGELOG.md               |  12 +-
 .../global-context/package.json               |   6 +-
 .../react-accordion/library/CHANGELOG.json    |  63 ++++++++++
 .../react-accordion/library/CHANGELOG.md      |  19 ++-
 .../react-accordion/library/package.json      |  20 ++--
 .../react-aria/library/CHANGELOG.json         |  33 ++++++
 .../react-aria/library/CHANGELOG.md           |  14 ++-
 .../react-aria/library/package.json           |  10 +-
 .../react-avatar/library/CHANGELOG.json       |  63 ++++++++++
 .../react-avatar/library/CHANGELOG.md         |  19 ++-
 .../react-avatar/library/package.json         |  20 ++--
 .../react-badge/library/CHANGELOG.json        |  33 ++++++
 .../react-badge/library/CHANGELOG.md          |  14 ++-
 .../react-badge/library/package.json          |  10 +-
 .../react-breadcrumb/library/CHANGELOG.json   |  57 +++++++++
 .../react-breadcrumb/library/CHANGELOG.md     |  18 ++-
 .../react-breadcrumb/library/package.json     |  18 +--
 .../react-button/library/CHANGELOG.json       |  51 ++++++++
 .../react-button/library/CHANGELOG.md         |  17 ++-
 .../react-button/library/package.json         |  14 +--
 .../library/CHANGELOG.json                    |  39 ++++++
 .../library/CHANGELOG.md                      |  15 ++-
 .../library/package.json                      |  12 +-
 .../react-card/library/CHANGELOG.json         |  39 ++++++
 .../react-card/library/CHANGELOG.md           |  15 ++-
 .../react-card/library/package.json           |  12 +-
 .../react-carousel/library/CHANGELOG.json     |  81 +++++++++++++
 .../react-carousel/library/CHANGELOG.md       |  22 +++-
 .../react-carousel/library/package.json       |  18 +--
 .../react-checkbox/library/CHANGELOG.json     |  51 ++++++++
 .../react-checkbox/library/CHANGELOG.md       |  17 ++-
 .../react-checkbox/library/package.json       |  16 +--
 .../library/CHANGELOG.json                    |  51 ++++++++
 .../library/CHANGELOG.md                      |  17 ++-
 .../library/package.json                      |  14 +--
 .../react-colorpicker-compat/package.json     |   6 +-
 .../react-combobox/library/CHANGELOG.json     |  69 +++++++++++
 .../react-combobox/library/CHANGELOG.md       |  20 +++-
 .../react-combobox/library/package.json       |  22 ++--
 .../react-components/CHANGELOG.json           |  97 +++++++++++++++
 .../react-components/CHANGELOG.md             |  41 ++++++-
 .../react-components/package.json             | 112 +++++++++---------
 .../react-context-selector/CHANGELOG.json     |  15 +++
 .../react-context-selector/CHANGELOG.md       |  11 +-
 .../react-context-selector/package.json       |   4 +-
 .../library/CHANGELOG.json                    |  75 ++++++++++++
 .../library/CHANGELOG.md                      |  21 +++-
 .../library/package.json                      |  24 ++--
 .../react-dialog/library/CHANGELOG.json       |  69 +++++++++++
 .../react-dialog/library/CHANGELOG.md         |  20 +++-
 .../react-dialog/library/package.json         |  22 ++--
 .../react-divider/library/CHANGELOG.json      |  33 ++++++
 .../react-divider/library/CHANGELOG.md        |  14 ++-
 .../react-divider/library/package.json        |  10 +-
 .../react-drawer/library/CHANGELOG.json       |  57 +++++++++
 .../react-drawer/library/CHANGELOG.md         |  18 ++-
 .../react-drawer/library/package.json         |  18 +--
 .../react-field/library/CHANGELOG.json        |  39 ++++++
 .../react-field/library/CHANGELOG.md          |  15 ++-
 .../react-field/library/package.json          |  12 +-
 .../react-icons-compat/library/CHANGELOG.json |  33 ++++++
 .../react-icons-compat/library/CHANGELOG.md   |  14 ++-
 .../react-icons-compat/library/package.json   |  10 +-
 .../react-image/library/CHANGELOG.json        |  33 ++++++
 .../react-image/library/CHANGELOG.md          |  14 ++-
 .../react-image/library/package.json          |  10 +-
 .../react-infolabel/library/CHANGELOG.json    |  45 +++++++
 .../react-infolabel/library/CHANGELOG.md      |  16 ++-
 .../react-infolabel/library/package.json      |  14 +--
 .../react-input/library/CHANGELOG.json        |  39 ++++++
 .../react-input/library/CHANGELOG.md          |  15 ++-
 .../react-input/library/package.json          |  12 +-
 .../react-jsx-runtime/CHANGELOG.json          |  15 +++
 .../react-jsx-runtime/CHANGELOG.md            |  11 +-
 .../react-jsx-runtime/package.json            |   4 +-
 .../react-label/library/CHANGELOG.json        |  33 ++++++
 .../react-label/library/CHANGELOG.md          |  14 ++-
 .../react-label/library/package.json          |  10 +-
 .../react-link/library/CHANGELOG.json         |  39 ++++++
 .../react-link/library/CHANGELOG.md           |  15 ++-
 .../react-link/library/package.json           |  12 +-
 .../react-list-preview/library/CHANGELOG.json |  51 ++++++++
 .../react-list-preview/library/CHANGELOG.md   |  17 ++-
 .../react-list-preview/library/package.json   |  16 +--
 .../react-menu/library/CHANGELOG.json         |  63 ++++++++++
 .../react-menu/library/CHANGELOG.md           |  19 ++-
 .../react-menu/library/package.json           |  20 ++--
 .../react-message-bar/library/CHANGELOG.json  |  45 +++++++
 .../react-message-bar/library/CHANGELOG.md    |  16 ++-
 .../react-message-bar/library/package.json    |  14 +--
 .../library/CHANGELOG.json                    |  63 ++++++++++
 .../library/CHANGELOG.md                      |  19 ++-
 .../library/package.json                      |  18 +--
 .../library/CHANGELOG.json                    |  15 +++
 .../library/CHANGELOG.md                      |  11 +-
 .../library/package.json                      |   4 +-
 .../library/package.json                      |   2 +-
 .../react-motion/library/CHANGELOG.json       |  21 ++++
 .../react-motion/library/CHANGELOG.md         |  12 +-
 .../react-motion/library/package.json         |   6 +-
 .../react-nav-preview/library/CHANGELOG.json  |  81 +++++++++++++
 .../react-nav-preview/library/CHANGELOG.md    |  22 +++-
 .../react-nav-preview/library/package.json    |  24 ++--
 .../react-overflow/library/CHANGELOG.json     |  27 +++++
 .../react-overflow/library/CHANGELOG.md       |  13 +-
 .../react-overflow/library/package.json       |   8 +-
 .../react-persona/library/CHANGELOG.json      |  45 +++++++
 .../react-persona/library/CHANGELOG.md        |  16 ++-
 .../react-persona/library/package.json        |  14 +--
 .../react-popover/library/CHANGELOG.json      |  63 ++++++++++
 .../react-popover/library/CHANGELOG.md        |  19 ++-
 .../react-popover/library/package.json        |  20 ++--
 .../react-portal-compat/CHANGELOG.json        |  21 ++++
 .../react-portal-compat/CHANGELOG.md          |  12 +-
 .../react-portal-compat/package.json          |   6 +-
 .../react-portal/library/CHANGELOG.json       |  27 +++++
 .../react-portal/library/CHANGELOG.md         |  13 +-
 .../react-portal/library/package.json         |   8 +-
 .../react-positioning/CHANGELOG.json          |  33 ++++++
 .../react-positioning/CHANGELOG.md            |  14 ++-
 .../react-positioning/package.json            |   8 +-
 .../react-progress/library/CHANGELOG.json     |  39 ++++++
 .../react-progress/library/CHANGELOG.md       |  15 ++-
 .../react-progress/library/package.json       |  12 +-
 .../react-provider/library/CHANGELOG.json     |  39 ++++++
 .../react-provider/library/CHANGELOG.md       |  15 ++-
 .../react-provider/library/package.json       |  12 +-
 .../react-radio/library/CHANGELOG.json        |  57 +++++++++
 .../react-radio/library/CHANGELOG.md          |  18 ++-
 .../react-radio/library/package.json          |  16 +--
 .../react-rating/library/CHANGELOG.json       |  33 ++++++
 .../react-rating/library/CHANGELOG.md         |  14 ++-
 .../react-rating/library/package.json         |  10 +-
 .../react-search/library/CHANGELOG.json       |  33 ++++++
 .../react-search/library/CHANGELOG.md         |  14 ++-
 .../react-search/library/package.json         |  10 +-
 .../react-select/library/CHANGELOG.json       |  39 ++++++
 .../react-select/library/CHANGELOG.md         |  15 ++-
 .../react-select/library/package.json         |  12 +-
 .../library/CHANGELOG.json                    |  15 +++
 .../library/CHANGELOG.md                      |  11 +-
 .../library/package.json                      |   4 +-
 .../react-skeleton/library/CHANGELOG.json     |  39 ++++++
 .../react-skeleton/library/CHANGELOG.md       |  15 ++-
 .../react-skeleton/library/package.json       |  12 +-
 .../react-slider/library/CHANGELOG.json       |  45 +++++++
 .../react-slider/library/CHANGELOG.md         |  16 ++-
 .../react-slider/library/package.json         |  14 +--
 .../react-spinbutton/library/CHANGELOG.json   |  39 ++++++
 .../react-spinbutton/library/CHANGELOG.md     |  15 ++-
 .../react-spinbutton/library/package.json     |  12 +-
 .../react-spinner/library/CHANGELOG.json      |  39 ++++++
 .../react-spinner/library/CHANGELOG.md        |  15 ++-
 .../react-spinner/library/package.json        |  12 +-
 .../react-storybook-addon/package.json        |   6 +-
 .../library/CHANGELOG.json                    |  51 ++++++++
 .../react-swatch-picker/library/CHANGELOG.md  |  17 ++-
 .../react-swatch-picker/library/package.json  |  16 +--
 .../react-switch/library/CHANGELOG.json       |  51 ++++++++
 .../react-switch/library/CHANGELOG.md         |  17 ++-
 .../react-switch/library/package.json         |  16 +--
 .../react-table/library/CHANGELOG.json        |  69 +++++++++++
 .../react-table/library/CHANGELOG.md          |  20 +++-
 .../react-table/library/package.json          |  22 ++--
 .../react-tabs/library/CHANGELOG.json         |  51 ++++++++
 .../react-tabs/library/CHANGELOG.md           |  17 ++-
 .../react-tabs/library/package.json           |  14 +--
 .../react-tabster/CHANGELOG.json              |  27 +++++
 .../react-tabster/CHANGELOG.md                |  13 +-
 .../react-tabster/package.json                |   8 +-
 .../react-tag-picker/library/CHANGELOG.json   |  81 +++++++++++++
 .../react-tag-picker/library/CHANGELOG.md     |  22 +++-
 .../react-tag-picker/library/package.json     |  26 ++--
 .../react-tags/library/CHANGELOG.json         |  51 ++++++++
 .../react-tags/library/CHANGELOG.md           |  17 ++-
 .../react-tags/library/package.json           |  16 +--
 .../library/CHANGELOG.json                    |  69 +++++++++++
 .../library/CHANGELOG.md                      |  20 +++-
 .../library/package.json                      |  20 ++--
 .../react-text/library/CHANGELOG.json         |  33 ++++++
 .../react-text/library/CHANGELOG.md           |  14 ++-
 .../react-text/library/package.json           |  10 +-
 .../react-textarea/library/CHANGELOG.json     |  39 ++++++
 .../react-textarea/library/CHANGELOG.md       |  15 ++-
 .../react-textarea/library/package.json       |  12 +-
 .../react-theme-sass/package.json             |   2 +-
 .../react-theme/library/CHANGELOG.json        |  15 +++
 .../react-theme/library/CHANGELOG.md          |  11 +-
 .../react-theme/library/package.json          |   4 +-
 .../library/CHANGELOG.json                    |  45 +++++++
 .../library/CHANGELOG.md                      |  16 ++-
 .../library/package.json                      |  14 +--
 .../react-toast/library/CHANGELOG.json        |  63 ++++++++++
 .../react-toast/library/CHANGELOG.md          |  19 ++-
 .../react-toast/library/package.json          |  20 ++--
 .../react-toolbar/library/CHANGELOG.json      |  63 ++++++++++
 .../react-toolbar/library/CHANGELOG.md        |  19 ++-
 .../react-toolbar/library/package.json        |  20 ++--
 .../react-tooltip/library/CHANGELOG.json      |  51 ++++++++
 .../react-tooltip/library/CHANGELOG.md        |  17 ++-
 .../react-tooltip/library/package.json        |  16 +--
 .../react-tree/library/CHANGELOG.json         |  87 ++++++++++++++
 .../react-tree/library/CHANGELOG.md           |  23 +++-
 .../react-tree/library/package.json           |  28 ++---
 .../library/package.json                      |   8 +-
 .../react-utilities/CHANGELOG.json            |  15 +++
 .../react-utilities/CHANGELOG.md              |  11 +-
 .../react-utilities/package.json              |   4 +-
 .../react-virtualizer/library/CHANGELOG.json  |  33 ++++++
 .../react-virtualizer/library/CHANGELOG.md    |  14 ++-
 .../react-virtualizer/library/package.json    |   8 +-
 .../react-components/recipes/package.json     |   8 +-
 .../theme-designer/package.json               |   8 +-
 packages/tokens/CHANGELOG.json                |  15 +++
 packages/tokens/CHANGELOG.md                  |  11 +-
 packages/tokens/package.json                  |   2 +-
 packages/web-components/package.json          |   2 +-
 238 files changed, 4877 insertions(+), 720 deletions(-)
 delete mode 100644 change/@fluentui-react-button-cdab055e-9e74-4594-aafd-73566539af03.json
 delete mode 100644 change/@fluentui-react-carousel-6c54eead-adb1-472f-9bdd-51f424e2c9db.json
 delete mode 100644 change/@fluentui-react-carousel-8b1310b9-dfe7-479e-9786-5ddde5732c93.json
 delete mode 100644 change/@fluentui-react-carousel-b0491798-cc10-487f-a3c0-98bcd6016f7f.json
 delete mode 100644 change/@fluentui-react-carousel-d45f8c82-f098-4820-9e34-31862a08f3d3.json
 delete mode 100644 change/@fluentui-react-color-picker-preview-efdd71e7-571d-48bf-9e41-37f6d220a529.json
 delete mode 100644 change/@fluentui-react-migration-v0-v9-57be4cfa-c216-4c45-b33b-68d0a0b60ad6.json
 delete mode 100644 change/@fluentui-react-nav-preview-202a0647-ecd3-4f94-a362-35eefbe9ae53.json
 delete mode 100644 change/@fluentui-react-positioning-f45d93ea-5267-402c-a99d-c4fb821f6c38.json
 delete mode 100644 change/@fluentui-react-radio-b23e58f1-e6c5-4ac4-963e-63d248181363.json
 delete mode 100644 change/@fluentui-react-tabs-7a95002f-25eb-47c0-9f9b-a77ffdef753a.json
 delete mode 100644 change/@fluentui-react-teaching-popover-9ed5ff29-ec65-4d90-84c5-e9abdf034b46.json
 delete mode 100644 change/@fluentui-react-virtualizer-9dd1cff8-e778-499b-a0c7-489feb87bca8.json
 delete mode 100644 change/@fluentui-tokens-a1396b99-e2b7-4ab3-8c89-7d58c5b4ba8b.json

diff --git a/change/@fluentui-react-button-cdab055e-9e74-4594-aafd-73566539af03.json b/change/@fluentui-react-button-cdab055e-9e74-4594-aafd-73566539af03.json
deleted file mode 100644
index 186dae7dd824b..0000000000000
--- a/change/@fluentui-react-button-cdab055e-9e74-4594-aafd-73566539af03.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "type": "patch",
-  "comment": "chore: remove usage of \"export *\"",
-  "packageName": "@fluentui/react-button",
-  "email": "olfedias@microsoft.com",
-  "dependentChangeType": "patch"
-}
diff --git a/change/@fluentui-react-carousel-6c54eead-adb1-472f-9bdd-51f424e2c9db.json b/change/@fluentui-react-carousel-6c54eead-adb1-472f-9bdd-51f424e2c9db.json
deleted file mode 100644
index f5784fec4049f..0000000000000
--- a/change/@fluentui-react-carousel-6c54eead-adb1-472f-9bdd-51f424e2c9db.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "type": "patch",
-  "comment": "fix: Set totalSlides on CarouselNav to controlled state",
-  "packageName": "@fluentui/react-carousel",
-  "email": "mifraser@microsoft.com",
-  "dependentChangeType": "patch"
-}
diff --git a/change/@fluentui-react-carousel-8b1310b9-dfe7-479e-9786-5ddde5732c93.json b/change/@fluentui-react-carousel-8b1310b9-dfe7-479e-9786-5ddde5732c93.json
deleted file mode 100644
index 3d5671a6ce419..0000000000000
--- a/change/@fluentui-react-carousel-8b1310b9-dfe7-479e-9786-5ddde5732c93.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "type": "patch",
-  "comment": "chore: remove usage of \"export *\"",
-  "packageName": "@fluentui/react-carousel",
-  "email": "olfedias@microsoft.com",
-  "dependentChangeType": "patch"
-}
diff --git a/change/@fluentui-react-carousel-b0491798-cc10-487f-a3c0-98bcd6016f7f.json b/change/@fluentui-react-carousel-b0491798-cc10-487f-a3c0-98bcd6016f7f.json
deleted file mode 100644
index cfdf4a5c58b1f..0000000000000
--- a/change/@fluentui-react-carousel-b0491798-cc10-487f-a3c0-98bcd6016f7f.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "type": "patch",
-  "comment": "fix: Set tabster default on carousel initialization",
-  "packageName": "@fluentui/react-carousel",
-  "email": "mifraser@microsoft.com",
-  "dependentChangeType": "patch"
-}
diff --git a/change/@fluentui-react-carousel-d45f8c82-f098-4820-9e34-31862a08f3d3.json b/change/@fluentui-react-carousel-d45f8c82-f098-4820-9e34-31862a08f3d3.json
deleted file mode 100644
index f12c0b5f85fa8..0000000000000
--- a/change/@fluentui-react-carousel-d45f8c82-f098-4820-9e34-31862a08f3d3.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "type": "patch",
-  "comment": "fix: Ensure a viable background color for nav items in high contrast windows",
-  "packageName": "@fluentui/react-carousel",
-  "email": "mifraser@microsoft.com",
-  "dependentChangeType": "patch"
-}
diff --git a/change/@fluentui-react-color-picker-preview-efdd71e7-571d-48bf-9e41-37f6d220a529.json b/change/@fluentui-react-color-picker-preview-efdd71e7-571d-48bf-9e41-37f6d220a529.json
deleted file mode 100644
index 9af6e07321800..0000000000000
--- a/change/@fluentui-react-color-picker-preview-efdd71e7-571d-48bf-9e41-37f6d220a529.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "type": "patch",
-  "comment": "fix(react-color-picker): active axis for ColorPicker",
-  "packageName": "@fluentui/react-color-picker-preview",
-  "email": "vkozlova@microsoft.com",
-  "dependentChangeType": "patch"
-}
diff --git a/change/@fluentui-react-migration-v0-v9-57be4cfa-c216-4c45-b33b-68d0a0b60ad6.json b/change/@fluentui-react-migration-v0-v9-57be4cfa-c216-4c45-b33b-68d0a0b60ad6.json
deleted file mode 100644
index 515d9734e6ab9..0000000000000
--- a/change/@fluentui-react-migration-v0-v9-57be4cfa-c216-4c45-b33b-68d0a0b60ad6.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "type": "patch",
-  "comment": "chore: remove usage of \"export *\"",
-  "packageName": "@fluentui/react-migration-v0-v9",
-  "email": "olfedias@microsoft.com",
-  "dependentChangeType": "patch"
-}
diff --git a/change/@fluentui-react-nav-preview-202a0647-ecd3-4f94-a362-35eefbe9ae53.json b/change/@fluentui-react-nav-preview-202a0647-ecd3-4f94-a362-35eefbe9ae53.json
deleted file mode 100644
index 121fd9ae4e3d8..0000000000000
--- a/change/@fluentui-react-nav-preview-202a0647-ecd3-4f94-a362-35eefbe9ae53.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "type": "patch",
-  "comment": "chore: remove usage of \"export *\"",
-  "packageName": "@fluentui/react-nav-preview",
-  "email": "olfedias@microsoft.com",
-  "dependentChangeType": "patch"
-}
diff --git a/change/@fluentui-react-positioning-f45d93ea-5267-402c-a99d-c4fb821f6c38.json b/change/@fluentui-react-positioning-f45d93ea-5267-402c-a99d-c4fb821f6c38.json
deleted file mode 100644
index 62a5ea1c990e9..0000000000000
--- a/change/@fluentui-react-positioning-f45d93ea-5267-402c-a99d-c4fb821f6c38.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "type": "minor",
-  "comment": "Add positioning option `shiftToCoverTarget` that allows the positioned element to shift to cover the target when there is not enough available space",
-  "packageName": "@fluentui/react-positioning",
-  "email": "yuanboxue@microsoft.com",
-  "dependentChangeType": "patch"
-}
diff --git a/change/@fluentui-react-radio-b23e58f1-e6c5-4ac4-963e-63d248181363.json b/change/@fluentui-react-radio-b23e58f1-e6c5-4ac4-963e-63d248181363.json
deleted file mode 100644
index d4345a163a954..0000000000000
--- a/change/@fluentui-react-radio-b23e58f1-e6c5-4ac4-963e-63d248181363.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "type": "patch",
-  "comment": "chore: remove usage of \"export *\"",
-  "packageName": "@fluentui/react-radio",
-  "email": "olfedias@microsoft.com",
-  "dependentChangeType": "patch"
-}
diff --git a/change/@fluentui-react-tabs-7a95002f-25eb-47c0-9f9b-a77ffdef753a.json b/change/@fluentui-react-tabs-7a95002f-25eb-47c0-9f9b-a77ffdef753a.json
deleted file mode 100644
index 97bdffe1a4463..0000000000000
--- a/change/@fluentui-react-tabs-7a95002f-25eb-47c0-9f9b-a77ffdef753a.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "type": "patch",
-  "comment": "fix: adjust styles for circular tabs",
-  "packageName": "@fluentui/react-tabs",
-  "email": "dmytrokirpa@microsoft.com",
-  "dependentChangeType": "patch"
-}
diff --git a/change/@fluentui-react-teaching-popover-9ed5ff29-ec65-4d90-84c5-e9abdf034b46.json b/change/@fluentui-react-teaching-popover-9ed5ff29-ec65-4d90-84c5-e9abdf034b46.json
deleted file mode 100644
index 646bf6ac5044e..0000000000000
--- a/change/@fluentui-react-teaching-popover-9ed5ff29-ec65-4d90-84c5-e9abdf034b46.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "type": "patch",
-  "comment": "chore: remove usage of \"export *\"",
-  "packageName": "@fluentui/react-teaching-popover",
-  "email": "olfedias@microsoft.com",
-  "dependentChangeType": "patch"
-}
diff --git a/change/@fluentui-react-virtualizer-9dd1cff8-e778-499b-a0c7-489feb87bca8.json b/change/@fluentui-react-virtualizer-9dd1cff8-e778-499b-a0c7-489feb87bca8.json
deleted file mode 100644
index 740676134d240..0000000000000
--- a/change/@fluentui-react-virtualizer-9dd1cff8-e778-499b-a0c7-489feb87bca8.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "type": "prerelease",
-  "comment": "chore: remove usage of \"export *\"",
-  "packageName": "@fluentui/react-virtualizer",
-  "email": "olfedias@microsoft.com",
-  "dependentChangeType": "patch"
-}
diff --git a/change/@fluentui-tokens-a1396b99-e2b7-4ab3-8c89-7d58c5b4ba8b.json b/change/@fluentui-tokens-a1396b99-e2b7-4ab3-8c89-7d58c5b4ba8b.json
deleted file mode 100644
index 711a5f8f008d5..0000000000000
--- a/change/@fluentui-tokens-a1396b99-e2b7-4ab3-8c89-7d58c5b4ba8b.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "type": "prerelease",
-  "comment": "bugfix: ensure teams tokens follow teams overrides for fonts",
-  "packageName": "@fluentui/tokens",
-  "email": "bernardo.sunderhus@gmail.com",
-  "dependentChangeType": "patch"
-}
diff --git a/packages/charts/react-charts-preview/library/CHANGELOG.json b/packages/charts/react-charts-preview/library/CHANGELOG.json
index 368234cbd3d13..f78398337a67a 100644
--- a/packages/charts/react-charts-preview/library/CHANGELOG.json
+++ b/packages/charts/react-charts-preview/library/CHANGELOG.json
@@ -1,6 +1,69 @@
 {
   "name": "@fluentui/react-charts-preview",
   "entries": [
+    {
+      "date": "Mon, 16 Dec 2024 16:26:49 GMT",
+      "tag": "@fluentui/react-charts-preview_v0.1.4",
+      "version": "0.1.4",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-charts-preview",
+            "comment": "Bump @fluentui/react-button to v9.3.98",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-charts-preview",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.48",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-charts-preview",
+            "comment": "Bump @fluentui/react-overflow to v9.2.4",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-charts-preview",
+            "comment": "Bump @fluentui/react-popover to v9.9.28",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-charts-preview",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.21.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-charts-preview",
+            "comment": "Bump @fluentui/react-tabster to v9.23.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-charts-preview",
+            "comment": "Bump @fluentui/react-theme to v9.1.24",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-charts-preview",
+            "comment": "Bump @fluentui/react-tooltip to v9.5.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-charts-preview",
+            "comment": "Bump @fluentui/react-utilities to v9.18.19",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          }
+        ]
+      }
+    },
     {
       "date": "Mon, 09 Dec 2024 17:38:16 GMT",
       "tag": "@fluentui/react-charts-preview_v0.1.3",
diff --git a/packages/charts/react-charts-preview/library/CHANGELOG.md b/packages/charts/react-charts-preview/library/CHANGELOG.md
index ed61114d918dc..c0c1b0d5be098 100644
--- a/packages/charts/react-charts-preview/library/CHANGELOG.md
+++ b/packages/charts/react-charts-preview/library/CHANGELOG.md
@@ -1,9 +1,26 @@
 # Change Log - @fluentui/react-charts-preview
 
-This log was last generated on Mon, 09 Dec 2024 17:38:16 GMT and should not be manually modified.
+This log was last generated on Mon, 16 Dec 2024 16:26:49 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [0.1.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-charts-preview_v0.1.4)
+
+Mon, 16 Dec 2024 16:26:49 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-charts-preview_v0.1.3..@fluentui/react-charts-preview_v0.1.4)
+
+### Patches
+
+- Bump @fluentui/react-button to v9.3.98 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.48 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-overflow to v9.2.4 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-popover to v9.9.28 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.21.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-tabster to v9.23.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-theme to v9.1.24 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-tooltip to v9.5.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-utilities to v9.18.19 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+
 ## [0.1.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-charts-preview_v0.1.3)
 
 Mon, 09 Dec 2024 17:38:16 GMT 
diff --git a/packages/charts/react-charts-preview/library/package.json b/packages/charts/react-charts-preview/library/package.json
index 4d7a26d1149c3..250d9e484aad1 100644
--- a/packages/charts/react-charts-preview/library/package.json
+++ b/packages/charts/react-charts-preview/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-charts-preview",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "description": "React web chart controls for Microsoft fluentui v9 system.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -37,15 +37,15 @@
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/react-button": "^9.3.97",
-    "@fluentui/react-jsx-runtime": "^9.0.47",
-    "@fluentui/react-overflow": "^9.2.3",
-    "@fluentui/react-popover": "^9.9.27",
-    "@fluentui/react-shared-contexts": "^9.21.1",
-    "@fluentui/react-tabster": "^9.23.1",
-    "@fluentui/react-theme": "^9.1.23",
-    "@fluentui/react-tooltip": "^9.5.1",
-    "@fluentui/react-utilities": "^9.18.18",
+    "@fluentui/react-button": "^9.3.98",
+    "@fluentui/react-jsx-runtime": "^9.0.48",
+    "@fluentui/react-overflow": "^9.2.4",
+    "@fluentui/react-popover": "^9.9.28",
+    "@fluentui/react-shared-contexts": "^9.21.2",
+    "@fluentui/react-tabster": "^9.23.2",
+    "@fluentui/react-theme": "^9.1.24",
+    "@fluentui/react-tooltip": "^9.5.2",
+    "@fluentui/react-utilities": "^9.18.19",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1",
     "@types/d3-array": "^3.0.0",
diff --git a/packages/react-components/babel-preset-global-context/CHANGELOG.json b/packages/react-components/babel-preset-global-context/CHANGELOG.json
index 0717dac3aff7a..4aad018887c9b 100644
--- a/packages/react-components/babel-preset-global-context/CHANGELOG.json
+++ b/packages/react-components/babel-preset-global-context/CHANGELOG.json
@@ -1,6 +1,21 @@
 {
   "name": "@fluentui/babel-preset-global-context",
   "entries": [
+    {
+      "date": "Mon, 16 Dec 2024 16:26:49 GMT",
+      "tag": "@fluentui/babel-preset-global-context_v9.0.0-beta.78",
+      "version": "9.0.0-beta.78",
+      "comments": {
+        "prerelease": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/babel-preset-global-context",
+            "comment": "Bump @fluentui/global-context to v9.0.0-beta.78",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          }
+        ]
+      }
+    },
     {
       "date": "Fri, 06 Dec 2024 12:53:46 GMT",
       "tag": "@fluentui/babel-preset-global-context_v9.0.0-beta.77",
diff --git a/packages/react-components/babel-preset-global-context/CHANGELOG.md b/packages/react-components/babel-preset-global-context/CHANGELOG.md
index 4055cb3817a0d..3c1e3659ab449 100644
--- a/packages/react-components/babel-preset-global-context/CHANGELOG.md
+++ b/packages/react-components/babel-preset-global-context/CHANGELOG.md
@@ -1,9 +1,18 @@
 # Change Log - @fluentui/babel-preset-global-context
 
-This log was last generated on Fri, 06 Dec 2024 12:53:46 GMT and should not be manually modified.
+This log was last generated on Mon, 16 Dec 2024 16:26:49 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.0.0-beta.78](https://github.com/microsoft/fluentui/tree/@fluentui/babel-preset-global-context_v9.0.0-beta.78)
+
+Mon, 16 Dec 2024 16:26:49 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/babel-preset-global-context_v9.0.0-beta.77..@fluentui/babel-preset-global-context_v9.0.0-beta.78)
+
+### Changes
+
+- Bump @fluentui/global-context to v9.0.0-beta.78 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+
 ## [9.0.0-beta.77](https://github.com/microsoft/fluentui/tree/@fluentui/babel-preset-global-context_v9.0.0-beta.77)
 
 Fri, 06 Dec 2024 12:53:46 GMT 
diff --git a/packages/react-components/babel-preset-global-context/package.json b/packages/react-components/babel-preset-global-context/package.json
index a7ad978b37c45..ae065f3a0ae66 100644
--- a/packages/react-components/babel-preset-global-context/package.json
+++ b/packages/react-components/babel-preset-global-context/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/babel-preset-global-context",
-  "version": "9.0.0-beta.77",
+  "version": "9.0.0-beta.78",
   "description": "Babel preset that transforms createContext calls to use global context shims",
   "main": "lib-commonjs/index.js",
   "typings": "./dist/index.d.ts",
@@ -25,7 +25,7 @@
     "find-up": "^5.0.0"
   },
   "peerDependencies": {
-    "@fluentui/global-context": "9.0.0-beta.77"
+    "@fluentui/global-context": "9.0.0-beta.78"
   },
   "beachball": {
     "disallowedChangeTypes": [
diff --git a/packages/react-components/global-context/CHANGELOG.json b/packages/react-components/global-context/CHANGELOG.json
index 0ee518dd86a66..883ca394b5b52 100644
--- a/packages/react-components/global-context/CHANGELOG.json
+++ b/packages/react-components/global-context/CHANGELOG.json
@@ -1,6 +1,27 @@
 {
   "name": "@fluentui/global-context",
   "entries": [
+    {
+      "date": "Mon, 16 Dec 2024 16:26:49 GMT",
+      "tag": "@fluentui/global-context_v9.0.0-beta.78",
+      "version": "9.0.0-beta.78",
+      "comments": {
+        "prerelease": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/global-context",
+            "comment": "Bump @fluentui/react-context-selector to v9.1.71",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/global-context",
+            "comment": "Bump @fluentui/react-utilities to v9.18.19",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          }
+        ]
+      }
+    },
     {
       "date": "Fri, 06 Dec 2024 12:53:46 GMT",
       "tag": "@fluentui/global-context_v9.0.0-beta.77",
diff --git a/packages/react-components/global-context/CHANGELOG.md b/packages/react-components/global-context/CHANGELOG.md
index 1fa6f4b09b6d5..edef96c00de15 100644
--- a/packages/react-components/global-context/CHANGELOG.md
+++ b/packages/react-components/global-context/CHANGELOG.md
@@ -1,9 +1,19 @@
 # Change Log - @fluentui/global-context
 
-This log was last generated on Fri, 06 Dec 2024 12:53:46 GMT and should not be manually modified.
+This log was last generated on Mon, 16 Dec 2024 16:26:49 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.0.0-beta.78](https://github.com/microsoft/fluentui/tree/@fluentui/global-context_v9.0.0-beta.78)
+
+Mon, 16 Dec 2024 16:26:49 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/global-context_v9.0.0-beta.77..@fluentui/global-context_v9.0.0-beta.78)
+
+### Changes
+
+- Bump @fluentui/react-context-selector to v9.1.71 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-utilities to v9.18.19 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+
 ## [9.0.0-beta.77](https://github.com/microsoft/fluentui/tree/@fluentui/global-context_v9.0.0-beta.77)
 
 Fri, 06 Dec 2024 12:53:46 GMT 
diff --git a/packages/react-components/global-context/package.json b/packages/react-components/global-context/package.json
index 028f2ac439505..ba64f0ebcac54 100644
--- a/packages/react-components/global-context/package.json
+++ b/packages/react-components/global-context/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/global-context",
-  "version": "9.0.0-beta.77",
+  "version": "9.0.0-beta.78",
   "description": "Extension of React createContext to be a true singleton on the global scope",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -17,8 +17,8 @@
     "@fluentui/scripts-cypress": "*"
   },
   "dependencies": {
-    "@fluentui/react-context-selector": "^9.1.70",
-    "@fluentui/react-utilities": "^9.18.18",
+    "@fluentui/react-context-selector": "^9.1.71",
+    "@fluentui/react-utilities": "^9.18.19",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-accordion/library/CHANGELOG.json b/packages/react-components/react-accordion/library/CHANGELOG.json
index 16e839804e315..f054c4eacb592 100644
--- a/packages/react-components/react-accordion/library/CHANGELOG.json
+++ b/packages/react-components/react-accordion/library/CHANGELOG.json
@@ -1,6 +1,69 @@
 {
   "name": "@fluentui/react-accordion",
   "entries": [
+    {
+      "date": "Mon, 16 Dec 2024 16:26:49 GMT",
+      "tag": "@fluentui/react-accordion_v9.5.12",
+      "version": "9.5.12",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-accordion",
+            "comment": "Bump @fluentui/react-aria to v9.13.12",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-accordion",
+            "comment": "Bump @fluentui/react-context-selector to v9.1.71",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-accordion",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.48",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-accordion",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.21.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-accordion",
+            "comment": "Bump @fluentui/react-motion to v9.6.5",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-accordion",
+            "comment": "Bump @fluentui/react-motion-components-preview to v0.4.1",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-accordion",
+            "comment": "Bump @fluentui/react-tabster to v9.23.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-accordion",
+            "comment": "Bump @fluentui/react-theme to v9.1.24",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-accordion",
+            "comment": "Bump @fluentui/react-utilities to v9.18.19",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          }
+        ]
+      }
+    },
     {
       "date": "Mon, 09 Dec 2024 17:38:07 GMT",
       "tag": "@fluentui/react-accordion_v9.5.11",
diff --git a/packages/react-components/react-accordion/library/CHANGELOG.md b/packages/react-components/react-accordion/library/CHANGELOG.md
index 1728c4a93302f..e39d97bf662df 100644
--- a/packages/react-components/react-accordion/library/CHANGELOG.md
+++ b/packages/react-components/react-accordion/library/CHANGELOG.md
@@ -1,9 +1,26 @@
 # Change Log - @fluentui/react-accordion
 
-This log was last generated on Mon, 09 Dec 2024 17:38:07 GMT and should not be manually modified.
+This log was last generated on Mon, 16 Dec 2024 16:26:49 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.5.12](https://github.com/microsoft/fluentui/tree/@fluentui/react-accordion_v9.5.12)
+
+Mon, 16 Dec 2024 16:26:49 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-accordion_v9.5.11..@fluentui/react-accordion_v9.5.12)
+
+### Patches
+
+- Bump @fluentui/react-aria to v9.13.12 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-context-selector to v9.1.71 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.48 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.21.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-motion to v9.6.5 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-motion-components-preview to v0.4.1 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-tabster to v9.23.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-theme to v9.1.24 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-utilities to v9.18.19 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+
 ## [9.5.11](https://github.com/microsoft/fluentui/tree/@fluentui/react-accordion_v9.5.11)
 
 Mon, 09 Dec 2024 17:38:07 GMT 
diff --git a/packages/react-components/react-accordion/library/package.json b/packages/react-components/react-accordion/library/package.json
index 60300f96db348..6b972c0309692 100644
--- a/packages/react-components/react-accordion/library/package.json
+++ b/packages/react-components/react-accordion/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-accordion",
-  "version": "9.5.11",
+  "version": "9.5.12",
   "description": "Fluent UI accordion component",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -18,16 +18,16 @@
     "@fluentui/scripts-api-extractor": "*"
   },
   "dependencies": {
-    "@fluentui/react-aria": "^9.13.11",
-    "@fluentui/react-context-selector": "^9.1.70",
+    "@fluentui/react-aria": "^9.13.12",
+    "@fluentui/react-context-selector": "^9.1.71",
     "@fluentui/react-icons": "^2.0.245",
-    "@fluentui/react-jsx-runtime": "^9.0.47",
-    "@fluentui/react-shared-contexts": "^9.21.1",
-    "@fluentui/react-motion": "^9.6.4",
-    "@fluentui/react-motion-components-preview": "^0.4.0",
-    "@fluentui/react-tabster": "^9.23.1",
-    "@fluentui/react-theme": "^9.1.23",
-    "@fluentui/react-utilities": "^9.18.18",
+    "@fluentui/react-jsx-runtime": "^9.0.48",
+    "@fluentui/react-shared-contexts": "^9.21.2",
+    "@fluentui/react-motion": "^9.6.5",
+    "@fluentui/react-motion-components-preview": "^0.4.1",
+    "@fluentui/react-tabster": "^9.23.2",
+    "@fluentui/react-theme": "^9.1.24",
+    "@fluentui/react-utilities": "^9.18.19",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
diff --git a/packages/react-components/react-aria/library/CHANGELOG.json b/packages/react-components/react-aria/library/CHANGELOG.json
index 1a5bfe743ac34..6a27e3b825e8c 100644
--- a/packages/react-components/react-aria/library/CHANGELOG.json
+++ b/packages/react-components/react-aria/library/CHANGELOG.json
@@ -1,6 +1,39 @@
 {
   "name": "@fluentui/react-aria",
   "entries": [
+    {
+      "date": "Mon, 16 Dec 2024 16:26:49 GMT",
+      "tag": "@fluentui/react-aria_v9.13.12",
+      "version": "9.13.12",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-aria",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.21.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-aria",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.48",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-aria",
+            "comment": "Bump @fluentui/react-tabster to v9.23.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-aria",
+            "comment": "Bump @fluentui/react-utilities to v9.18.19",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          }
+        ]
+      }
+    },
     {
       "date": "Mon, 09 Dec 2024 17:38:08 GMT",
       "tag": "@fluentui/react-aria_v9.13.11",
diff --git a/packages/react-components/react-aria/library/CHANGELOG.md b/packages/react-components/react-aria/library/CHANGELOG.md
index dd9a7ec514cde..9007f8b13fbab 100644
--- a/packages/react-components/react-aria/library/CHANGELOG.md
+++ b/packages/react-components/react-aria/library/CHANGELOG.md
@@ -1,9 +1,21 @@
 # Change Log - @fluentui/react-aria
 
-This log was last generated on Mon, 09 Dec 2024 17:38:08 GMT and should not be manually modified.
+This log was last generated on Mon, 16 Dec 2024 16:26:49 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.13.12](https://github.com/microsoft/fluentui/tree/@fluentui/react-aria_v9.13.12)
+
+Mon, 16 Dec 2024 16:26:49 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-aria_v9.13.11..@fluentui/react-aria_v9.13.12)
+
+### Patches
+
+- Bump @fluentui/react-shared-contexts to v9.21.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.48 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-tabster to v9.23.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-utilities to v9.18.19 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+
 ## [9.13.11](https://github.com/microsoft/fluentui/tree/@fluentui/react-aria_v9.13.11)
 
 Mon, 09 Dec 2024 17:38:08 GMT 
diff --git a/packages/react-components/react-aria/library/package.json b/packages/react-components/react-aria/library/package.json
index 311d33a1e3b66..cc8e4e6fc85cc 100644
--- a/packages/react-components/react-aria/library/package.json
+++ b/packages/react-components/react-aria/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-aria",
-  "version": "9.13.11",
+  "version": "9.13.12",
   "description": "React helper to ensure ARIA",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -19,10 +19,10 @@
   },
   "dependencies": {
     "@fluentui/keyboard-keys": "^9.0.8",
-    "@fluentui/react-shared-contexts": "^9.21.1",
-    "@fluentui/react-jsx-runtime": "^9.0.47",
-    "@fluentui/react-tabster": "^9.23.1",
-    "@fluentui/react-utilities": "^9.18.18",
+    "@fluentui/react-shared-contexts": "^9.21.2",
+    "@fluentui/react-jsx-runtime": "^9.0.48",
+    "@fluentui/react-tabster": "^9.23.2",
+    "@fluentui/react-utilities": "^9.18.19",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-avatar/library/CHANGELOG.json b/packages/react-components/react-avatar/library/CHANGELOG.json
index 5ef5d799a4218..dc4cf46cfc47d 100644
--- a/packages/react-components/react-avatar/library/CHANGELOG.json
+++ b/packages/react-components/react-avatar/library/CHANGELOG.json
@@ -1,6 +1,69 @@
 {
   "name": "@fluentui/react-avatar",
   "entries": [
+    {
+      "date": "Mon, 16 Dec 2024 16:26:49 GMT",
+      "tag": "@fluentui/react-avatar_v9.6.46",
+      "version": "9.6.46",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-avatar",
+            "comment": "Bump @fluentui/react-badge to v9.2.48",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-avatar",
+            "comment": "Bump @fluentui/react-context-selector to v9.1.71",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-avatar",
+            "comment": "Bump @fluentui/react-popover to v9.9.28",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-avatar",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.21.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-avatar",
+            "comment": "Bump @fluentui/react-tabster to v9.23.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-avatar",
+            "comment": "Bump @fluentui/react-theme to v9.1.24",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-avatar",
+            "comment": "Bump @fluentui/react-tooltip to v9.5.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-avatar",
+            "comment": "Bump @fluentui/react-utilities to v9.18.19",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-avatar",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.48",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          }
+        ]
+      }
+    },
     {
       "date": "Mon, 09 Dec 2024 17:38:08 GMT",
       "tag": "@fluentui/react-avatar_v9.6.45",
diff --git a/packages/react-components/react-avatar/library/CHANGELOG.md b/packages/react-components/react-avatar/library/CHANGELOG.md
index e1a3117d92d51..4aa96a7591dc7 100644
--- a/packages/react-components/react-avatar/library/CHANGELOG.md
+++ b/packages/react-components/react-avatar/library/CHANGELOG.md
@@ -1,9 +1,26 @@
 # Change Log - @fluentui/react-avatar
 
-This log was last generated on Mon, 09 Dec 2024 17:38:08 GMT and should not be manually modified.
+This log was last generated on Mon, 16 Dec 2024 16:26:49 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.6.46](https://github.com/microsoft/fluentui/tree/@fluentui/react-avatar_v9.6.46)
+
+Mon, 16 Dec 2024 16:26:49 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-avatar_v9.6.45..@fluentui/react-avatar_v9.6.46)
+
+### Patches
+
+- Bump @fluentui/react-badge to v9.2.48 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-context-selector to v9.1.71 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-popover to v9.9.28 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.21.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-tabster to v9.23.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-theme to v9.1.24 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-tooltip to v9.5.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-utilities to v9.18.19 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.48 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+
 ## [9.6.45](https://github.com/microsoft/fluentui/tree/@fluentui/react-avatar_v9.6.45)
 
 Mon, 09 Dec 2024 17:38:08 GMT 
diff --git a/packages/react-components/react-avatar/library/package.json b/packages/react-components/react-avatar/library/package.json
index c954a81d22eee..c796fa0331c63 100644
--- a/packages/react-components/react-avatar/library/package.json
+++ b/packages/react-components/react-avatar/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-avatar",
-  "version": "9.6.45",
+  "version": "9.6.46",
   "description": "React components for building Microsoft web experiences.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -21,16 +21,16 @@
     "@fluentui/scripts-cypress": "*"
   },
   "dependencies": {
-    "@fluentui/react-badge": "^9.2.47",
-    "@fluentui/react-context-selector": "^9.1.70",
+    "@fluentui/react-badge": "^9.2.48",
+    "@fluentui/react-context-selector": "^9.1.71",
     "@fluentui/react-icons": "^2.0.245",
-    "@fluentui/react-popover": "^9.9.27",
-    "@fluentui/react-shared-contexts": "^9.21.1",
-    "@fluentui/react-tabster": "^9.23.1",
-    "@fluentui/react-theme": "^9.1.23",
-    "@fluentui/react-tooltip": "^9.5.1",
-    "@fluentui/react-utilities": "^9.18.18",
-    "@fluentui/react-jsx-runtime": "^9.0.47",
+    "@fluentui/react-popover": "^9.9.28",
+    "@fluentui/react-shared-contexts": "^9.21.2",
+    "@fluentui/react-tabster": "^9.23.2",
+    "@fluentui/react-theme": "^9.1.24",
+    "@fluentui/react-tooltip": "^9.5.2",
+    "@fluentui/react-utilities": "^9.18.19",
+    "@fluentui/react-jsx-runtime": "^9.0.48",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
diff --git a/packages/react-components/react-badge/library/CHANGELOG.json b/packages/react-components/react-badge/library/CHANGELOG.json
index 907f902712774..3f09172012b24 100644
--- a/packages/react-components/react-badge/library/CHANGELOG.json
+++ b/packages/react-components/react-badge/library/CHANGELOG.json
@@ -1,6 +1,39 @@
 {
   "name": "@fluentui/react-badge",
   "entries": [
+    {
+      "date": "Mon, 16 Dec 2024 16:26:49 GMT",
+      "tag": "@fluentui/react-badge_v9.2.48",
+      "version": "9.2.48",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-badge",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.48",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-badge",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.21.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-badge",
+            "comment": "Bump @fluentui/react-theme to v9.1.24",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-badge",
+            "comment": "Bump @fluentui/react-utilities to v9.18.19",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          }
+        ]
+      }
+    },
     {
       "date": "Mon, 09 Dec 2024 17:38:08 GMT",
       "tag": "@fluentui/react-badge_v9.2.47",
diff --git a/packages/react-components/react-badge/library/CHANGELOG.md b/packages/react-components/react-badge/library/CHANGELOG.md
index 0d425c0eb9395..7660ccb6ebae6 100644
--- a/packages/react-components/react-badge/library/CHANGELOG.md
+++ b/packages/react-components/react-badge/library/CHANGELOG.md
@@ -1,9 +1,21 @@
 # Change Log - @fluentui/react-badge
 
-This log was last generated on Mon, 09 Dec 2024 17:38:08 GMT and should not be manually modified.
+This log was last generated on Mon, 16 Dec 2024 16:26:49 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.2.48](https://github.com/microsoft/fluentui/tree/@fluentui/react-badge_v9.2.48)
+
+Mon, 16 Dec 2024 16:26:49 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-badge_v9.2.47..@fluentui/react-badge_v9.2.48)
+
+### Patches
+
+- Bump @fluentui/react-jsx-runtime to v9.0.48 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.21.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-theme to v9.1.24 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-utilities to v9.18.19 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+
 ## [9.2.47](https://github.com/microsoft/fluentui/tree/@fluentui/react-badge_v9.2.47)
 
 Mon, 09 Dec 2024 17:38:08 GMT 
diff --git a/packages/react-components/react-badge/library/package.json b/packages/react-components/react-badge/library/package.json
index e3c7f73276d50..f425921e38959 100644
--- a/packages/react-components/react-badge/library/package.json
+++ b/packages/react-components/react-badge/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-badge",
-  "version": "9.2.47",
+  "version": "9.2.48",
   "description": "React components for building web experiences",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -19,10 +19,10 @@
   },
   "dependencies": {
     "@fluentui/react-icons": "^2.0.245",
-    "@fluentui/react-jsx-runtime": "^9.0.47",
-    "@fluentui/react-shared-contexts": "^9.21.1",
-    "@fluentui/react-theme": "^9.1.23",
-    "@fluentui/react-utilities": "^9.18.18",
+    "@fluentui/react-jsx-runtime": "^9.0.48",
+    "@fluentui/react-shared-contexts": "^9.21.2",
+    "@fluentui/react-theme": "^9.1.24",
+    "@fluentui/react-utilities": "^9.18.19",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
diff --git a/packages/react-components/react-breadcrumb/library/CHANGELOG.json b/packages/react-components/react-breadcrumb/library/CHANGELOG.json
index a0e79aa2ac704..96f9192e5d3f6 100644
--- a/packages/react-components/react-breadcrumb/library/CHANGELOG.json
+++ b/packages/react-components/react-breadcrumb/library/CHANGELOG.json
@@ -1,6 +1,63 @@
 {
   "name": "@fluentui/react-breadcrumb",
   "entries": [
+    {
+      "date": "Mon, 16 Dec 2024 16:26:49 GMT",
+      "tag": "@fluentui/react-breadcrumb_v9.0.46",
+      "version": "9.0.46",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-breadcrumb",
+            "comment": "Bump @fluentui/react-aria to v9.13.12",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-breadcrumb",
+            "comment": "Bump @fluentui/react-button to v9.3.98",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-breadcrumb",
+            "comment": "Bump @fluentui/react-link to v9.3.5",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-breadcrumb",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.21.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-breadcrumb",
+            "comment": "Bump @fluentui/react-tabster to v9.23.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-breadcrumb",
+            "comment": "Bump @fluentui/react-theme to v9.1.24",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-breadcrumb",
+            "comment": "Bump @fluentui/react-utilities to v9.18.19",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-breadcrumb",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.48",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          }
+        ]
+      }
+    },
     {
       "date": "Mon, 09 Dec 2024 17:38:09 GMT",
       "tag": "@fluentui/react-breadcrumb_v9.0.45",
diff --git a/packages/react-components/react-breadcrumb/library/CHANGELOG.md b/packages/react-components/react-breadcrumb/library/CHANGELOG.md
index 10a0b9cac37cb..9ed2e6dc7e45a 100644
--- a/packages/react-components/react-breadcrumb/library/CHANGELOG.md
+++ b/packages/react-components/react-breadcrumb/library/CHANGELOG.md
@@ -1,9 +1,25 @@
 # Change Log - @fluentui/react-breadcrumb
 
-This log was last generated on Mon, 09 Dec 2024 17:38:09 GMT and should not be manually modified.
+This log was last generated on Mon, 16 Dec 2024 16:26:49 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.0.46](https://github.com/microsoft/fluentui/tree/@fluentui/react-breadcrumb_v9.0.46)
+
+Mon, 16 Dec 2024 16:26:49 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-breadcrumb_v9.0.45..@fluentui/react-breadcrumb_v9.0.46)
+
+### Patches
+
+- Bump @fluentui/react-aria to v9.13.12 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-button to v9.3.98 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-link to v9.3.5 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.21.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-tabster to v9.23.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-theme to v9.1.24 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-utilities to v9.18.19 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.48 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+
 ## [9.0.45](https://github.com/microsoft/fluentui/tree/@fluentui/react-breadcrumb_v9.0.45)
 
 Mon, 09 Dec 2024 17:38:09 GMT 
diff --git a/packages/react-components/react-breadcrumb/library/package.json b/packages/react-components/react-breadcrumb/library/package.json
index 4f9facaddb95e..63b788f1c82e9 100644
--- a/packages/react-components/react-breadcrumb/library/package.json
+++ b/packages/react-components/react-breadcrumb/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-breadcrumb",
-  "version": "9.0.45",
+  "version": "9.0.46",
   "description": "Breadcrumb component for Fluent UI React.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -22,15 +22,15 @@
     "@fluentui/scripts-cypress": "*"
   },
   "dependencies": {
-    "@fluentui/react-aria": "^9.13.11",
-    "@fluentui/react-button": "^9.3.97",
+    "@fluentui/react-aria": "^9.13.12",
+    "@fluentui/react-button": "^9.3.98",
     "@fluentui/react-icons": "^2.0.245",
-    "@fluentui/react-link": "^9.3.4",
-    "@fluentui/react-shared-contexts": "^9.21.1",
-    "@fluentui/react-tabster": "^9.23.1",
-    "@fluentui/react-theme": "^9.1.23",
-    "@fluentui/react-utilities": "^9.18.18",
-    "@fluentui/react-jsx-runtime": "^9.0.47",
+    "@fluentui/react-link": "^9.3.5",
+    "@fluentui/react-shared-contexts": "^9.21.2",
+    "@fluentui/react-tabster": "^9.23.2",
+    "@fluentui/react-theme": "^9.1.24",
+    "@fluentui/react-utilities": "^9.18.19",
+    "@fluentui/react-jsx-runtime": "^9.0.48",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
diff --git a/packages/react-components/react-button/library/CHANGELOG.json b/packages/react-components/react-button/library/CHANGELOG.json
index 82c7959e14ef7..3272fcc2e7a6b 100644
--- a/packages/react-components/react-button/library/CHANGELOG.json
+++ b/packages/react-components/react-button/library/CHANGELOG.json
@@ -1,6 +1,57 @@
 {
   "name": "@fluentui/react-button",
   "entries": [
+    {
+      "date": "Mon, 16 Dec 2024 16:26:47 GMT",
+      "tag": "@fluentui/react-button_v9.3.98",
+      "version": "9.3.98",
+      "comments": {
+        "patch": [
+          {
+            "author": "olfedias@microsoft.com",
+            "package": "@fluentui/react-button",
+            "commit": "f15afa79910b9998044dddcce63e9583e4f8b905",
+            "comment": "chore: remove usage of \"export *\""
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-button",
+            "comment": "Bump @fluentui/react-aria to v9.13.12",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-button",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.48",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-button",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.21.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-button",
+            "comment": "Bump @fluentui/react-tabster to v9.23.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-button",
+            "comment": "Bump @fluentui/react-theme to v9.1.24",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-button",
+            "comment": "Bump @fluentui/react-utilities to v9.18.19",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          }
+        ]
+      }
+    },
     {
       "date": "Mon, 09 Dec 2024 17:38:16 GMT",
       "tag": "@fluentui/react-button_v9.3.97",
diff --git a/packages/react-components/react-button/library/CHANGELOG.md b/packages/react-components/react-button/library/CHANGELOG.md
index 7b4884b839e6f..29a60e44cfc36 100644
--- a/packages/react-components/react-button/library/CHANGELOG.md
+++ b/packages/react-components/react-button/library/CHANGELOG.md
@@ -1,9 +1,24 @@
 # Change Log - @fluentui/react-button
 
-This log was last generated on Mon, 09 Dec 2024 17:38:16 GMT and should not be manually modified.
+This log was last generated on Mon, 16 Dec 2024 16:26:47 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.3.98](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.3.98)
+
+Mon, 16 Dec 2024 16:26:47 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.3.97..@fluentui/react-button_v9.3.98)
+
+### Patches
+
+- chore: remove usage of "export *" ([PR #33457](https://github.com/microsoft/fluentui/pull/33457) by olfedias@microsoft.com)
+- Bump @fluentui/react-aria to v9.13.12 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.48 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.21.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-tabster to v9.23.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-theme to v9.1.24 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-utilities to v9.18.19 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+
 ## [9.3.97](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.3.97)
 
 Mon, 09 Dec 2024 17:38:16 GMT 
diff --git a/packages/react-components/react-button/library/package.json b/packages/react-components/react-button/library/package.json
index c4bc2746cb2a2..d400e4c6d83fa 100644
--- a/packages/react-components/react-button/library/package.json
+++ b/packages/react-components/react-button/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-button",
-  "version": "9.3.97",
+  "version": "9.3.98",
   "description": "Fluent UI React Button component.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -20,13 +20,13 @@
   },
   "dependencies": {
     "@fluentui/keyboard-keys": "^9.0.8",
-    "@fluentui/react-aria": "^9.13.11",
+    "@fluentui/react-aria": "^9.13.12",
     "@fluentui/react-icons": "^2.0.245",
-    "@fluentui/react-jsx-runtime": "^9.0.47",
-    "@fluentui/react-shared-contexts": "^9.21.1",
-    "@fluentui/react-tabster": "^9.23.1",
-    "@fluentui/react-theme": "^9.1.23",
-    "@fluentui/react-utilities": "^9.18.18",
+    "@fluentui/react-jsx-runtime": "^9.0.48",
+    "@fluentui/react-shared-contexts": "^9.21.2",
+    "@fluentui/react-tabster": "^9.23.2",
+    "@fluentui/react-theme": "^9.1.24",
+    "@fluentui/react-utilities": "^9.18.19",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
diff --git a/packages/react-components/react-calendar-compat/library/CHANGELOG.json b/packages/react-components/react-calendar-compat/library/CHANGELOG.json
index 608a2d3d7577c..510e8a28b20fc 100644
--- a/packages/react-components/react-calendar-compat/library/CHANGELOG.json
+++ b/packages/react-components/react-calendar-compat/library/CHANGELOG.json
@@ -1,6 +1,45 @@
 {
   "name": "@fluentui/react-calendar-compat",
   "entries": [
+    {
+      "date": "Mon, 16 Dec 2024 16:26:49 GMT",
+      "tag": "@fluentui/react-calendar-compat_v0.1.24",
+      "version": "0.1.24",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-calendar-compat",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.48",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-calendar-compat",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.21.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-calendar-compat",
+            "comment": "Bump @fluentui/react-tabster to v9.23.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-calendar-compat",
+            "comment": "Bump @fluentui/react-theme to v9.1.24",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-calendar-compat",
+            "comment": "Bump @fluentui/react-utilities to v9.18.19",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          }
+        ]
+      }
+    },
     {
       "date": "Mon, 09 Dec 2024 17:38:09 GMT",
       "tag": "@fluentui/react-calendar-compat_v0.1.23",
diff --git a/packages/react-components/react-calendar-compat/library/CHANGELOG.md b/packages/react-components/react-calendar-compat/library/CHANGELOG.md
index f02bf68993a3d..b93d888faa30b 100644
--- a/packages/react-components/react-calendar-compat/library/CHANGELOG.md
+++ b/packages/react-components/react-calendar-compat/library/CHANGELOG.md
@@ -1,9 +1,22 @@
 # Change Log - @fluentui/react-calendar-compat
 
-This log was last generated on Mon, 09 Dec 2024 17:38:09 GMT and should not be manually modified.
+This log was last generated on Mon, 16 Dec 2024 16:26:49 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [0.1.24](https://github.com/microsoft/fluentui/tree/@fluentui/react-calendar-compat_v0.1.24)
+
+Mon, 16 Dec 2024 16:26:49 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-calendar-compat_v0.1.23..@fluentui/react-calendar-compat_v0.1.24)
+
+### Patches
+
+- Bump @fluentui/react-jsx-runtime to v9.0.48 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.21.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-tabster to v9.23.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-theme to v9.1.24 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-utilities to v9.18.19 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+
 ## [0.1.23](https://github.com/microsoft/fluentui/tree/@fluentui/react-calendar-compat_v0.1.23)
 
 Mon, 09 Dec 2024 17:38:09 GMT 
diff --git a/packages/react-components/react-calendar-compat/library/package.json b/packages/react-components/react-calendar-compat/library/package.json
index 1e8f1200400b7..472a14ed77667 100644
--- a/packages/react-components/react-calendar-compat/library/package.json
+++ b/packages/react-components/react-calendar-compat/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-calendar-compat",
-  "version": "0.1.23",
+  "version": "0.1.24",
   "description": "Calendar compat component for Fluent UI v9",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -20,11 +20,11 @@
   "dependencies": {
     "@fluentui/keyboard-keys": "^9.0.8",
     "@fluentui/react-icons": "^2.0.245",
-    "@fluentui/react-jsx-runtime": "^9.0.47",
-    "@fluentui/react-shared-contexts": "^9.21.1",
-    "@fluentui/react-tabster": "^9.23.1",
-    "@fluentui/react-theme": "^9.1.23",
-    "@fluentui/react-utilities": "^9.18.18",
+    "@fluentui/react-jsx-runtime": "^9.0.48",
+    "@fluentui/react-shared-contexts": "^9.21.2",
+    "@fluentui/react-tabster": "^9.23.2",
+    "@fluentui/react-theme": "^9.1.24",
+    "@fluentui/react-utilities": "^9.18.19",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
diff --git a/packages/react-components/react-card/library/CHANGELOG.json b/packages/react-components/react-card/library/CHANGELOG.json
index 551966968f922..8b203f585f0f9 100644
--- a/packages/react-components/react-card/library/CHANGELOG.json
+++ b/packages/react-components/react-card/library/CHANGELOG.json
@@ -1,6 +1,45 @@
 {
   "name": "@fluentui/react-card",
   "entries": [
+    {
+      "date": "Mon, 16 Dec 2024 16:26:49 GMT",
+      "tag": "@fluentui/react-card_v9.0.100",
+      "version": "9.0.100",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-card",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.48",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-card",
+            "comment": "Bump @fluentui/react-tabster to v9.23.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-card",
+            "comment": "Bump @fluentui/react-text to v9.4.30",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-card",
+            "comment": "Bump @fluentui/react-theme to v9.1.24",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-card",
+            "comment": "Bump @fluentui/react-utilities to v9.18.19",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          }
+        ]
+      }
+    },
     {
       "date": "Mon, 09 Dec 2024 17:38:09 GMT",
       "tag": "@fluentui/react-card_v9.0.99",
diff --git a/packages/react-components/react-card/library/CHANGELOG.md b/packages/react-components/react-card/library/CHANGELOG.md
index c57255fc8775c..db8460d236908 100644
--- a/packages/react-components/react-card/library/CHANGELOG.md
+++ b/packages/react-components/react-card/library/CHANGELOG.md
@@ -1,9 +1,22 @@
 # Change Log - @fluentui/react-card
 
-This log was last generated on Mon, 09 Dec 2024 17:38:09 GMT and should not be manually modified.
+This log was last generated on Mon, 16 Dec 2024 16:26:49 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.0.100](https://github.com/microsoft/fluentui/tree/@fluentui/react-card_v9.0.100)
+
+Mon, 16 Dec 2024 16:26:49 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-card_v9.0.99..@fluentui/react-card_v9.0.100)
+
+### Patches
+
+- Bump @fluentui/react-jsx-runtime to v9.0.48 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-tabster to v9.23.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-text to v9.4.30 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-theme to v9.1.24 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-utilities to v9.18.19 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+
 ## [9.0.99](https://github.com/microsoft/fluentui/tree/@fluentui/react-card_v9.0.99)
 
 Mon, 09 Dec 2024 17:38:09 GMT 
diff --git a/packages/react-components/react-card/library/package.json b/packages/react-components/react-card/library/package.json
index a442ae69afc49..2d5555d5656da 100644
--- a/packages/react-components/react-card/library/package.json
+++ b/packages/react-components/react-card/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-card",
-  "version": "9.0.99",
+  "version": "9.0.100",
   "private": false,
   "description": "Card container components for Fluent UI React.",
   "main": "lib-commonjs/index.js",
@@ -23,11 +23,11 @@
   },
   "dependencies": {
     "@fluentui/keyboard-keys": "^9.0.8",
-    "@fluentui/react-jsx-runtime": "^9.0.47",
-    "@fluentui/react-tabster": "^9.23.1",
-    "@fluentui/react-text": "^9.4.29",
-    "@fluentui/react-theme": "^9.1.23",
-    "@fluentui/react-utilities": "^9.18.18",
+    "@fluentui/react-jsx-runtime": "^9.0.48",
+    "@fluentui/react-tabster": "^9.23.2",
+    "@fluentui/react-text": "^9.4.30",
+    "@fluentui/react-theme": "^9.1.24",
+    "@fluentui/react-utilities": "^9.18.19",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
diff --git a/packages/react-components/react-carousel/library/CHANGELOG.json b/packages/react-components/react-carousel/library/CHANGELOG.json
index 92bad447d0324..a8f2222ae9a22 100644
--- a/packages/react-components/react-carousel/library/CHANGELOG.json
+++ b/packages/react-components/react-carousel/library/CHANGELOG.json
@@ -1,6 +1,87 @@
 {
   "name": "@fluentui/react-carousel",
   "entries": [
+    {
+      "date": "Mon, 16 Dec 2024 16:26:47 GMT",
+      "tag": "@fluentui/react-carousel_v9.4.3",
+      "version": "9.4.3",
+      "comments": {
+        "patch": [
+          {
+            "author": "mifraser@microsoft.com",
+            "package": "@fluentui/react-carousel",
+            "commit": "1175ab27b7c787e61469f2747203a5904f769b19",
+            "comment": "fix: Set totalSlides on CarouselNav to controlled state"
+          },
+          {
+            "author": "olfedias@microsoft.com",
+            "package": "@fluentui/react-carousel",
+            "commit": "f15afa79910b9998044dddcce63e9583e4f8b905",
+            "comment": "chore: remove usage of \"export *\""
+          },
+          {
+            "author": "mifraser@microsoft.com",
+            "package": "@fluentui/react-carousel",
+            "commit": "c142edc1617943b7745f66398893a04c90be16e9",
+            "comment": "fix: Set tabster default on carousel initialization"
+          },
+          {
+            "author": "mifraser@microsoft.com",
+            "package": "@fluentui/react-carousel",
+            "commit": "592b73f62e471a2e4668a0949583790a5ef17ef8",
+            "comment": "fix: Ensure a viable background color for nav items in high contrast windows"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-carousel",
+            "comment": "Bump @fluentui/react-aria to v9.13.12",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-carousel",
+            "comment": "Bump @fluentui/react-button to v9.3.98",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-carousel",
+            "comment": "Bump @fluentui/react-context-selector to v9.1.71",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-carousel",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.48",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-carousel",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.21.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-carousel",
+            "comment": "Bump @fluentui/react-tabster to v9.23.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-carousel",
+            "comment": "Bump @fluentui/react-theme to v9.1.24",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-carousel",
+            "comment": "Bump @fluentui/react-utilities to v9.18.19",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          }
+        ]
+      }
+    },
     {
       "date": "Mon, 09 Dec 2024 17:38:16 GMT",
       "tag": "@fluentui/react-carousel_v9.4.2",
diff --git a/packages/react-components/react-carousel/library/CHANGELOG.md b/packages/react-components/react-carousel/library/CHANGELOG.md
index 19a1616a1949a..a79d70f0ff449 100644
--- a/packages/react-components/react-carousel/library/CHANGELOG.md
+++ b/packages/react-components/react-carousel/library/CHANGELOG.md
@@ -1,9 +1,29 @@
 # Change Log - @fluentui/react-carousel
 
-This log was last generated on Mon, 09 Dec 2024 17:38:16 GMT and should not be manually modified.
+This log was last generated on Mon, 16 Dec 2024 16:26:47 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.4.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-carousel_v9.4.3)
+
+Mon, 16 Dec 2024 16:26:47 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-carousel_v9.4.2..@fluentui/react-carousel_v9.4.3)
+
+### Patches
+
+- fix: Set totalSlides on CarouselNav to controlled state ([PR #33453](https://github.com/microsoft/fluentui/pull/33453) by mifraser@microsoft.com)
+- chore: remove usage of "export *" ([PR #33457](https://github.com/microsoft/fluentui/pull/33457) by olfedias@microsoft.com)
+- fix: Set tabster default on carousel initialization ([PR #33401](https://github.com/microsoft/fluentui/pull/33401) by mifraser@microsoft.com)
+- fix: Ensure a viable background color for nav items in high contrast windows ([PR #33411](https://github.com/microsoft/fluentui/pull/33411) by mifraser@microsoft.com)
+- Bump @fluentui/react-aria to v9.13.12 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-button to v9.3.98 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-context-selector to v9.1.71 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.48 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.21.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-tabster to v9.23.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-theme to v9.1.24 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-utilities to v9.18.19 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+
 ## [9.4.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-carousel_v9.4.2)
 
 Mon, 09 Dec 2024 17:38:16 GMT 
diff --git a/packages/react-components/react-carousel/library/package.json b/packages/react-components/react-carousel/library/package.json
index 1b0ab06ac3831..adca635a56405 100644
--- a/packages/react-components/react-carousel/library/package.json
+++ b/packages/react-components/react-carousel/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-carousel",
-  "version": "9.4.2",
+  "version": "9.4.3",
   "description": "A composable carousel component that enables pagination with minimal rerenders",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -25,15 +25,15 @@
     "@fluentui/scripts-cypress": "*"
   },
   "dependencies": {
-    "@fluentui/react-aria": "^9.13.11",
-    "@fluentui/react-button": "^9.3.97",
-    "@fluentui/react-context-selector": "^9.1.70",
+    "@fluentui/react-aria": "^9.13.12",
+    "@fluentui/react-button": "^9.3.98",
+    "@fluentui/react-context-selector": "^9.1.71",
     "@fluentui/react-icons": "^2.0.245",
-    "@fluentui/react-jsx-runtime": "^9.0.47",
-    "@fluentui/react-shared-contexts": "^9.21.1",
-    "@fluentui/react-tabster": "^9.23.1",
-    "@fluentui/react-theme": "^9.1.23",
-    "@fluentui/react-utilities": "^9.18.18",
+    "@fluentui/react-jsx-runtime": "^9.0.48",
+    "@fluentui/react-shared-contexts": "^9.21.2",
+    "@fluentui/react-tabster": "^9.23.2",
+    "@fluentui/react-theme": "^9.1.24",
+    "@fluentui/react-utilities": "^9.18.19",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1",
     "embla-carousel": "^8.5.1",
diff --git a/packages/react-components/react-checkbox/library/CHANGELOG.json b/packages/react-components/react-checkbox/library/CHANGELOG.json
index 524f5b8dcf1c3..e389153c3b1f9 100644
--- a/packages/react-components/react-checkbox/library/CHANGELOG.json
+++ b/packages/react-components/react-checkbox/library/CHANGELOG.json
@@ -1,6 +1,57 @@
 {
   "name": "@fluentui/react-checkbox",
   "entries": [
+    {
+      "date": "Mon, 16 Dec 2024 16:26:49 GMT",
+      "tag": "@fluentui/react-checkbox_v9.2.44",
+      "version": "9.2.44",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-checkbox",
+            "comment": "Bump @fluentui/react-field to v9.1.83",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-checkbox",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.48",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-checkbox",
+            "comment": "Bump @fluentui/react-label to v9.1.81",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-checkbox",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.21.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-checkbox",
+            "comment": "Bump @fluentui/react-tabster to v9.23.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-checkbox",
+            "comment": "Bump @fluentui/react-theme to v9.1.24",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-checkbox",
+            "comment": "Bump @fluentui/react-utilities to v9.18.19",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          }
+        ]
+      }
+    },
     {
       "date": "Mon, 09 Dec 2024 17:38:09 GMT",
       "tag": "@fluentui/react-checkbox_v9.2.43",
diff --git a/packages/react-components/react-checkbox/library/CHANGELOG.md b/packages/react-components/react-checkbox/library/CHANGELOG.md
index cba35d90719e7..6a18380fb5121 100644
--- a/packages/react-components/react-checkbox/library/CHANGELOG.md
+++ b/packages/react-components/react-checkbox/library/CHANGELOG.md
@@ -1,9 +1,24 @@
 # Change Log - @fluentui/react-checkbox
 
-This log was last generated on Mon, 09 Dec 2024 17:38:09 GMT and should not be manually modified.
+This log was last generated on Mon, 16 Dec 2024 16:26:49 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.2.44](https://github.com/microsoft/fluentui/tree/@fluentui/react-checkbox_v9.2.44)
+
+Mon, 16 Dec 2024 16:26:49 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-checkbox_v9.2.43..@fluentui/react-checkbox_v9.2.44)
+
+### Patches
+
+- Bump @fluentui/react-field to v9.1.83 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.48 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-label to v9.1.81 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.21.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-tabster to v9.23.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-theme to v9.1.24 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-utilities to v9.18.19 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+
 ## [9.2.43](https://github.com/microsoft/fluentui/tree/@fluentui/react-checkbox_v9.2.43)
 
 Mon, 09 Dec 2024 17:38:09 GMT 
diff --git a/packages/react-components/react-checkbox/library/package.json b/packages/react-components/react-checkbox/library/package.json
index 0689cd3aea9fa..86f85036ed044 100644
--- a/packages/react-components/react-checkbox/library/package.json
+++ b/packages/react-components/react-checkbox/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-checkbox",
-  "version": "9.2.43",
+  "version": "9.2.44",
   "description": "Fluent UI checkbox component",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -18,14 +18,14 @@
     "@fluentui/scripts-api-extractor": "*"
   },
   "dependencies": {
-    "@fluentui/react-field": "^9.1.82",
+    "@fluentui/react-field": "^9.1.83",
     "@fluentui/react-icons": "^2.0.245",
-    "@fluentui/react-jsx-runtime": "^9.0.47",
-    "@fluentui/react-label": "^9.1.80",
-    "@fluentui/react-shared-contexts": "^9.21.1",
-    "@fluentui/react-tabster": "^9.23.1",
-    "@fluentui/react-theme": "^9.1.23",
-    "@fluentui/react-utilities": "^9.18.18",
+    "@fluentui/react-jsx-runtime": "^9.0.48",
+    "@fluentui/react-label": "^9.1.81",
+    "@fluentui/react-shared-contexts": "^9.21.2",
+    "@fluentui/react-tabster": "^9.23.2",
+    "@fluentui/react-theme": "^9.1.24",
+    "@fluentui/react-utilities": "^9.18.19",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
diff --git a/packages/react-components/react-color-picker-preview/library/CHANGELOG.json b/packages/react-components/react-color-picker-preview/library/CHANGELOG.json
index a55d27bb04710..173928e5dd1b2 100644
--- a/packages/react-components/react-color-picker-preview/library/CHANGELOG.json
+++ b/packages/react-components/react-color-picker-preview/library/CHANGELOG.json
@@ -1,6 +1,57 @@
 {
   "name": "@fluentui/react-color-picker-preview",
   "entries": [
+    {
+      "date": "Mon, 16 Dec 2024 16:26:48 GMT",
+      "tag": "@fluentui/react-color-picker-preview_v0.1.2",
+      "version": "0.1.2",
+      "comments": {
+        "patch": [
+          {
+            "author": "vkozlova@microsoft.com",
+            "package": "@fluentui/react-color-picker-preview",
+            "commit": "b9a11c54c2b7bd6d003ef1952b59f63647143451",
+            "comment": "fix(react-color-picker): active axis for ColorPicker"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-color-picker-preview",
+            "comment": "Bump @fluentui/react-context-selector to v9.1.71",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-color-picker-preview",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.48",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-color-picker-preview",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.21.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-color-picker-preview",
+            "comment": "Bump @fluentui/react-tabster to v9.23.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-color-picker-preview",
+            "comment": "Bump @fluentui/react-theme to v9.1.24",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-color-picker-preview",
+            "comment": "Bump @fluentui/react-utilities to v9.18.19",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          }
+        ]
+      }
+    },
     {
       "date": "Mon, 09 Dec 2024 17:38:10 GMT",
       "tag": "@fluentui/react-color-picker-preview_v0.1.1",
diff --git a/packages/react-components/react-color-picker-preview/library/CHANGELOG.md b/packages/react-components/react-color-picker-preview/library/CHANGELOG.md
index 8568a79cf51cf..e0a5a638c81c6 100644
--- a/packages/react-components/react-color-picker-preview/library/CHANGELOG.md
+++ b/packages/react-components/react-color-picker-preview/library/CHANGELOG.md
@@ -1,9 +1,24 @@
 # Change Log - @fluentui/react-color-picker-preview
 
-This log was last generated on Mon, 09 Dec 2024 17:38:10 GMT and should not be manually modified.
+This log was last generated on Mon, 16 Dec 2024 16:26:48 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [0.1.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-color-picker-preview_v0.1.2)
+
+Mon, 16 Dec 2024 16:26:48 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-color-picker-preview_v0.1.1..@fluentui/react-color-picker-preview_v0.1.2)
+
+### Patches
+
+- fix(react-color-picker): active axis for ColorPicker ([PR #33415](https://github.com/microsoft/fluentui/pull/33415) by vkozlova@microsoft.com)
+- Bump @fluentui/react-context-selector to v9.1.71 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.48 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.21.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-tabster to v9.23.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-theme to v9.1.24 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-utilities to v9.18.19 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+
 ## [0.1.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-color-picker-preview_v0.1.1)
 
 Mon, 09 Dec 2024 17:38:10 GMT 
diff --git a/packages/react-components/react-color-picker-preview/library/package.json b/packages/react-components/react-color-picker-preview/library/package.json
index 9166a6aa702e4..401162146c746 100644
--- a/packages/react-components/react-color-picker-preview/library/package.json
+++ b/packages/react-components/react-color-picker-preview/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-color-picker-preview",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "ColorPicker component for Fluent UI React.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -25,12 +25,12 @@
   },
   "dependencies": {
     "@ctrl/tinycolor": "3.3.4",
-    "@fluentui/react-context-selector": "^9.1.70",
-    "@fluentui/react-jsx-runtime": "^9.0.47",
-    "@fluentui/react-shared-contexts": "^9.21.1",
-    "@fluentui/react-tabster": "^9.23.1",
-    "@fluentui/react-theme": "^9.1.23",
-    "@fluentui/react-utilities": "^9.18.18",
+    "@fluentui/react-context-selector": "^9.1.71",
+    "@fluentui/react-jsx-runtime": "^9.0.48",
+    "@fluentui/react-shared-contexts": "^9.21.2",
+    "@fluentui/react-tabster": "^9.23.2",
+    "@fluentui/react-theme": "^9.1.24",
+    "@fluentui/react-utilities": "^9.18.19",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
diff --git a/packages/react-components/react-colorpicker-compat/package.json b/packages/react-components/react-colorpicker-compat/package.json
index 3ef5d00b7aa72..a45b6b1865a59 100644
--- a/packages/react-components/react-colorpicker-compat/package.json
+++ b/packages/react-components/react-colorpicker-compat/package.json
@@ -19,9 +19,9 @@
     "@fluentui/scripts-api-extractor": "*"
   },
   "dependencies": {
-    "@fluentui/react-jsx-runtime": "^9.0.47",
-    "@fluentui/react-theme": "^9.1.23",
-    "@fluentui/react-utilities": "^9.18.18",
+    "@fluentui/react-jsx-runtime": "^9.0.48",
+    "@fluentui/react-theme": "^9.1.24",
+    "@fluentui/react-utilities": "^9.18.19",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
diff --git a/packages/react-components/react-combobox/library/CHANGELOG.json b/packages/react-components/react-combobox/library/CHANGELOG.json
index e388a5200b998..7073fcfe6e8d9 100644
--- a/packages/react-components/react-combobox/library/CHANGELOG.json
+++ b/packages/react-components/react-combobox/library/CHANGELOG.json
@@ -1,6 +1,75 @@
 {
   "name": "@fluentui/react-combobox",
   "entries": [
+    {
+      "date": "Mon, 16 Dec 2024 16:26:49 GMT",
+      "tag": "@fluentui/react-combobox_v9.13.15",
+      "version": "9.13.15",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-combobox",
+            "comment": "Bump @fluentui/react-aria to v9.13.12",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-combobox",
+            "comment": "Bump @fluentui/react-context-selector to v9.1.71",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-combobox",
+            "comment": "Bump @fluentui/react-field to v9.1.83",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-combobox",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.48",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-combobox",
+            "comment": "Bump @fluentui/react-portal to v9.4.40",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-combobox",
+            "comment": "Bump @fluentui/react-positioning to v9.16.0",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-combobox",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.21.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-combobox",
+            "comment": "Bump @fluentui/react-tabster to v9.23.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-combobox",
+            "comment": "Bump @fluentui/react-theme to v9.1.24",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-combobox",
+            "comment": "Bump @fluentui/react-utilities to v9.18.19",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          }
+        ]
+      }
+    },
     {
       "date": "Mon, 09 Dec 2024 17:38:10 GMT",
       "tag": "@fluentui/react-combobox_v9.13.14",
diff --git a/packages/react-components/react-combobox/library/CHANGELOG.md b/packages/react-components/react-combobox/library/CHANGELOG.md
index 31d773363d410..dd65c1ea6c722 100644
--- a/packages/react-components/react-combobox/library/CHANGELOG.md
+++ b/packages/react-components/react-combobox/library/CHANGELOG.md
@@ -1,9 +1,27 @@
 # Change Log - @fluentui/react-combobox
 
-This log was last generated on Mon, 09 Dec 2024 17:38:10 GMT and should not be manually modified.
+This log was last generated on Mon, 16 Dec 2024 16:26:49 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.13.15](https://github.com/microsoft/fluentui/tree/@fluentui/react-combobox_v9.13.15)
+
+Mon, 16 Dec 2024 16:26:49 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-combobox_v9.13.14..@fluentui/react-combobox_v9.13.15)
+
+### Patches
+
+- Bump @fluentui/react-aria to v9.13.12 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-context-selector to v9.1.71 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-field to v9.1.83 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.48 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-portal to v9.4.40 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-positioning to v9.16.0 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.21.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-tabster to v9.23.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-theme to v9.1.24 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-utilities to v9.18.19 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+
 ## [9.13.14](https://github.com/microsoft/fluentui/tree/@fluentui/react-combobox_v9.13.14)
 
 Mon, 09 Dec 2024 17:38:10 GMT 
diff --git a/packages/react-components/react-combobox/library/package.json b/packages/react-components/react-combobox/library/package.json
index 08d98eeea81d9..9cf5745494ce9 100644
--- a/packages/react-components/react-combobox/library/package.json
+++ b/packages/react-components/react-combobox/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-combobox",
-  "version": "9.13.14",
+  "version": "9.13.15",
   "description": "Fluent UI React Combobox component",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -19,18 +19,18 @@
     "@fluentui/scripts-cypress": "*"
   },
   "dependencies": {
-    "@fluentui/react-aria": "^9.13.11",
+    "@fluentui/react-aria": "^9.13.12",
     "@fluentui/keyboard-keys": "^9.0.8",
-    "@fluentui/react-context-selector": "^9.1.70",
-    "@fluentui/react-field": "^9.1.82",
+    "@fluentui/react-context-selector": "^9.1.71",
+    "@fluentui/react-field": "^9.1.83",
     "@fluentui/react-icons": "^2.0.245",
-    "@fluentui/react-jsx-runtime": "^9.0.47",
-    "@fluentui/react-portal": "^9.4.39",
-    "@fluentui/react-positioning": "^9.15.14",
-    "@fluentui/react-shared-contexts": "^9.21.1",
-    "@fluentui/react-tabster": "^9.23.1",
-    "@fluentui/react-theme": "^9.1.23",
-    "@fluentui/react-utilities": "^9.18.18",
+    "@fluentui/react-jsx-runtime": "^9.0.48",
+    "@fluentui/react-portal": "^9.4.40",
+    "@fluentui/react-positioning": "^9.16.0",
+    "@fluentui/react-shared-contexts": "^9.21.2",
+    "@fluentui/react-tabster": "^9.23.2",
+    "@fluentui/react-theme": "^9.1.24",
+    "@fluentui/react-utilities": "^9.18.19",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
diff --git a/packages/react-components/react-components/CHANGELOG.json b/packages/react-components/react-components/CHANGELOG.json
index 41d1f7b09b144..cfc76e1249d07 100644
--- a/packages/react-components/react-components/CHANGELOG.json
+++ b/packages/react-components/react-components/CHANGELOG.json
@@ -1,6 +1,103 @@
 {
   "name": "@fluentui/react-components",
   "entries": [
+    {
+      "date": "Mon, 16 Dec 2024 16:26:45 GMT",
+      "tag": "@fluentui/react-components_v9.56.6",
+      "version": "9.56.6",
+      "comments": {
+        "patch": [
+          {
+            "author": "olfedias@microsoft.com",
+            "package": "@fluentui/react-radio",
+            "commit": "f15afa79910b9998044dddcce63e9583e4f8b905",
+            "comment": "chore: remove usage of \"export *\""
+          },
+          {
+            "author": "dmytrokirpa@microsoft.com",
+            "package": "@fluentui/react-tabs",
+            "commit": "a6cc5b012bf9ea8119cb76e97098a0083df295fa",
+            "comment": "fix: adjust styles for circular tabs"
+          },
+          {
+            "author": "olfedias@microsoft.com",
+            "package": "@fluentui/react-teaching-popover",
+            "commit": "f15afa79910b9998044dddcce63e9583e4f8b905",
+            "comment": "chore: remove usage of \"export *\""
+          },
+          {
+            "author": "olfedias@microsoft.com",
+            "package": "@fluentui/react-button",
+            "commit": "f15afa79910b9998044dddcce63e9583e4f8b905",
+            "comment": "chore: remove usage of \"export *\""
+          },
+          {
+            "author": "mifraser@microsoft.com",
+            "package": "@fluentui/react-carousel",
+            "commit": "1175ab27b7c787e61469f2747203a5904f769b19",
+            "comment": "fix: Set totalSlides on CarouselNav to controlled state"
+          },
+          {
+            "author": "olfedias@microsoft.com",
+            "package": "@fluentui/react-carousel",
+            "commit": "f15afa79910b9998044dddcce63e9583e4f8b905",
+            "comment": "chore: remove usage of \"export *\""
+          },
+          {
+            "author": "mifraser@microsoft.com",
+            "package": "@fluentui/react-carousel",
+            "commit": "c142edc1617943b7745f66398893a04c90be16e9",
+            "comment": "fix: Set tabster default on carousel initialization"
+          },
+          {
+            "author": "mifraser@microsoft.com",
+            "package": "@fluentui/react-carousel",
+            "commit": "592b73f62e471a2e4668a0949583790a5ef17ef8",
+            "comment": "fix: Ensure a viable background color for nav items in high contrast windows"
+          },
+          {
+            "author": "vkozlova@microsoft.com",
+            "package": "@fluentui/react-color-picker-preview",
+            "commit": "b9a11c54c2b7bd6d003ef1952b59f63647143451",
+            "comment": "fix(react-color-picker): active axis for ColorPicker"
+          },
+          {
+            "author": "olfedias@microsoft.com",
+            "package": "@fluentui/react-migration-v0-v9",
+            "commit": "f15afa79910b9998044dddcce63e9583e4f8b905",
+            "comment": "chore: remove usage of \"export *\""
+          },
+          {
+            "author": "olfedias@microsoft.com",
+            "package": "@fluentui/react-nav-preview",
+            "commit": "f15afa79910b9998044dddcce63e9583e4f8b905",
+            "comment": "chore: remove usage of \"export *\""
+          }
+        ],
+        "prerelease": [
+          {
+            "author": "olfedias@microsoft.com",
+            "package": "@fluentui/react-virtualizer",
+            "commit": "f15afa79910b9998044dddcce63e9583e4f8b905",
+            "comment": "chore: remove usage of \"export *\""
+          },
+          {
+            "author": "bernardo.sunderhus@gmail.com",
+            "package": "@fluentui/tokens",
+            "commit": "ed3876a731c1528835c658486a0f2e7d4dc9f445",
+            "comment": "bugfix: ensure teams tokens follow teams overrides for fonts"
+          }
+        ],
+        "minor": [
+          {
+            "author": "yuanboxue@microsoft.com",
+            "package": "@fluentui/react-positioning",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff",
+            "comment": "Add positioning option `shiftToCoverTarget` that allows the positioned element to shift to cover the target when there is not enough available space"
+          }
+        ]
+      }
+    },
     {
       "date": "Mon, 09 Dec 2024 17:38:04 GMT",
       "tag": "@fluentui/react-components_v9.56.5",
diff --git a/packages/react-components/react-components/CHANGELOG.md b/packages/react-components/react-components/CHANGELOG.md
index d7cf8d0a33c7b..ca9deac15b362 100644
--- a/packages/react-components/react-components/CHANGELOG.md
+++ b/packages/react-components/react-components/CHANGELOG.md
@@ -1,9 +1,48 @@
 # Change Log - @fluentui/react-components
 
-This log was last generated on Mon, 09 Dec 2024 17:38:04 GMT and should not be manually modified.
+This log was last generated on Mon, 16 Dec 2024 16:26:45 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.56.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-components_v9.56.6)
+
+Mon, 16 Dec 2024 16:26:45 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-components_v9.56.5..@fluentui/react-components_v9.56.6)
+
+### Minor changes
+
+- `@fluentui/react-positioning`
+  - Add positioning option `shiftToCoverTarget` that allows the positioned element to shift to cover the target when there is not enough available space ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by yuanboxue@microsoft.com)
+
+### Patches
+
+- `@fluentui/react-radio`
+  - chore: remove usage of "export *" ([PR #33457](https://github.com/microsoft/fluentui/pull/33457) by olfedias@microsoft.com)
+- `@fluentui/react-tabs`
+  - fix: adjust styles for circular tabs ([PR #33441](https://github.com/microsoft/fluentui/pull/33441) by dmytrokirpa@microsoft.com)
+- `@fluentui/react-teaching-popover`
+  - chore: remove usage of "export *" ([PR #33457](https://github.com/microsoft/fluentui/pull/33457) by olfedias@microsoft.com)
+- `@fluentui/react-button`
+  - chore: remove usage of "export *" ([PR #33457](https://github.com/microsoft/fluentui/pull/33457) by olfedias@microsoft.com)
+- `@fluentui/react-carousel`
+  - fix: Set totalSlides on CarouselNav to controlled state ([PR #33453](https://github.com/microsoft/fluentui/pull/33453) by mifraser@microsoft.com)
+  - chore: remove usage of "export *" ([PR #33457](https://github.com/microsoft/fluentui/pull/33457) by olfedias@microsoft.com)
+  - fix: Set tabster default on carousel initialization ([PR #33401](https://github.com/microsoft/fluentui/pull/33401) by mifraser@microsoft.com)
+  - fix: Ensure a viable background color for nav items in high contrast windows ([PR #33411](https://github.com/microsoft/fluentui/pull/33411) by mifraser@microsoft.com)
+- `@fluentui/react-color-picker-preview`
+  - fix(react-color-picker): active axis for ColorPicker ([PR #33415](https://github.com/microsoft/fluentui/pull/33415) by vkozlova@microsoft.com)
+- `@fluentui/react-migration-v0-v9`
+  - chore: remove usage of "export *" ([PR #33457](https://github.com/microsoft/fluentui/pull/33457) by olfedias@microsoft.com)
+- `@fluentui/react-nav-preview`
+  - chore: remove usage of "export *" ([PR #33457](https://github.com/microsoft/fluentui/pull/33457) by olfedias@microsoft.com)
+
+### Changes
+
+- `@fluentui/react-virtualizer`
+  - chore: remove usage of "export *" ([PR #33457](https://github.com/microsoft/fluentui/pull/33457) by olfedias@microsoft.com)
+- `@fluentui/tokens`
+  - bugfix: ensure teams tokens follow teams overrides for fonts ([PR #33393](https://github.com/microsoft/fluentui/pull/33393) by bernardo.sunderhus@gmail.com)
+
 ## [9.56.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-components_v9.56.5)
 
 Mon, 09 Dec 2024 17:38:04 GMT 
diff --git a/packages/react-components/react-components/package.json b/packages/react-components/react-components/package.json
index 0254f8190ede3..ae1254d837235 100644
--- a/packages/react-components/react-components/package.json
+++ b/packages/react-components/react-components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-components",
-  "version": "9.56.5",
+  "version": "9.56.6",
   "description": "Suite package for converged React components",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -16,65 +16,65 @@
     "@fluentui/scripts-api-extractor": "*"
   },
   "dependencies": {
-    "@fluentui/react-accordion": "^9.5.11",
+    "@fluentui/react-accordion": "^9.5.12",
     "@fluentui/react-alert": "9.0.0-beta.124",
-    "@fluentui/react-avatar": "^9.6.45",
-    "@fluentui/react-badge": "^9.2.47",
-    "@fluentui/react-button": "^9.3.97",
-    "@fluentui/react-card": "^9.0.99",
-    "@fluentui/react-checkbox": "^9.2.43",
-    "@fluentui/react-combobox": "^9.13.14",
-    "@fluentui/react-dialog": "^9.11.24",
-    "@fluentui/react-divider": "^9.2.79",
-    "@fluentui/react-drawer": "^9.6.4",
-    "@fluentui/react-field": "^9.1.82",
-    "@fluentui/react-image": "^9.1.77",
+    "@fluentui/react-avatar": "^9.6.46",
+    "@fluentui/react-badge": "^9.2.48",
+    "@fluentui/react-button": "^9.3.98",
+    "@fluentui/react-card": "^9.0.100",
+    "@fluentui/react-checkbox": "^9.2.44",
+    "@fluentui/react-combobox": "^9.13.15",
+    "@fluentui/react-dialog": "^9.11.25",
+    "@fluentui/react-divider": "^9.2.80",
+    "@fluentui/react-drawer": "^9.6.5",
+    "@fluentui/react-field": "^9.1.83",
+    "@fluentui/react-image": "^9.1.78",
     "@fluentui/react-infobutton": "9.0.0-beta.102",
-    "@fluentui/react-infolabel": "^9.0.52",
-    "@fluentui/react-input": "^9.4.95",
-    "@fluentui/react-label": "^9.1.80",
-    "@fluentui/react-link": "^9.3.4",
-    "@fluentui/react-menu": "^9.14.22",
-    "@fluentui/react-overflow": "^9.2.3",
-    "@fluentui/react-persona": "^9.2.104",
-    "@fluentui/react-portal": "^9.4.39",
-    "@fluentui/react-popover": "^9.9.27",
-    "@fluentui/react-positioning": "^9.15.14",
-    "@fluentui/react-progress": "^9.1.93",
-    "@fluentui/react-provider": "^9.18.1",
-    "@fluentui/react-radio": "^9.2.38",
-    "@fluentui/react-select": "^9.1.93",
-    "@fluentui/react-shared-contexts": "^9.21.1",
-    "@fluentui/react-skeleton": "^9.1.22",
-    "@fluentui/react-slider": "^9.2.2",
-    "@fluentui/react-spinbutton": "^9.2.94",
-    "@fluentui/react-spinner": "^9.5.4",
-    "@fluentui/react-swatch-picker": "^9.1.16",
-    "@fluentui/react-switch": "^9.1.100",
-    "@fluentui/react-table": "^9.15.24",
-    "@fluentui/react-tabs": "^9.6.4",
-    "@fluentui/react-tabster": "^9.23.1",
-    "@fluentui/react-tags": "^9.3.25",
-    "@fluentui/react-textarea": "^9.3.94",
-    "@fluentui/react-theme": "^9.1.23",
-    "@fluentui/react-toast": "^9.3.62",
-    "@fluentui/react-toolbar": "^9.2.12",
-    "@fluentui/react-tooltip": "^9.5.1",
-    "@fluentui/react-utilities": "^9.18.18",
-    "@fluentui/react-text": "^9.4.29",
-    "@fluentui/react-virtualizer": "9.0.0-alpha.88",
-    "@fluentui/react-tree": "^9.8.9",
+    "@fluentui/react-infolabel": "^9.0.53",
+    "@fluentui/react-input": "^9.4.96",
+    "@fluentui/react-label": "^9.1.81",
+    "@fluentui/react-link": "^9.3.5",
+    "@fluentui/react-menu": "^9.14.23",
+    "@fluentui/react-overflow": "^9.2.4",
+    "@fluentui/react-persona": "^9.2.105",
+    "@fluentui/react-portal": "^9.4.40",
+    "@fluentui/react-popover": "^9.9.28",
+    "@fluentui/react-positioning": "^9.16.0",
+    "@fluentui/react-progress": "^9.1.94",
+    "@fluentui/react-provider": "^9.18.2",
+    "@fluentui/react-radio": "^9.2.39",
+    "@fluentui/react-select": "^9.1.94",
+    "@fluentui/react-shared-contexts": "^9.21.2",
+    "@fluentui/react-skeleton": "^9.1.23",
+    "@fluentui/react-slider": "^9.2.3",
+    "@fluentui/react-spinbutton": "^9.2.95",
+    "@fluentui/react-spinner": "^9.5.5",
+    "@fluentui/react-swatch-picker": "^9.1.17",
+    "@fluentui/react-switch": "^9.1.101",
+    "@fluentui/react-table": "^9.15.25",
+    "@fluentui/react-tabs": "^9.6.5",
+    "@fluentui/react-tabster": "^9.23.2",
+    "@fluentui/react-tags": "^9.3.26",
+    "@fluentui/react-textarea": "^9.3.95",
+    "@fluentui/react-theme": "^9.1.24",
+    "@fluentui/react-toast": "^9.3.63",
+    "@fluentui/react-toolbar": "^9.2.13",
+    "@fluentui/react-tooltip": "^9.5.2",
+    "@fluentui/react-utilities": "^9.18.19",
+    "@fluentui/react-text": "^9.4.30",
+    "@fluentui/react-virtualizer": "9.0.0-alpha.89",
+    "@fluentui/react-tree": "^9.8.10",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1",
-    "@fluentui/react-message-bar": "^9.2.17",
-    "@fluentui/react-breadcrumb": "^9.0.45",
-    "@fluentui/react-aria": "^9.13.11",
-    "@fluentui/react-rating": "^9.0.24",
-    "@fluentui/react-search": "^9.0.25",
-    "@fluentui/react-teaching-popover": "^9.1.24",
-    "@fluentui/react-tag-picker": "^9.3.11",
-    "@fluentui/react-motion": "^9.6.4",
-    "@fluentui/react-carousel": "^9.4.2"
+    "@fluentui/react-message-bar": "^9.2.18",
+    "@fluentui/react-breadcrumb": "^9.0.46",
+    "@fluentui/react-aria": "^9.13.12",
+    "@fluentui/react-rating": "^9.0.25",
+    "@fluentui/react-search": "^9.0.26",
+    "@fluentui/react-teaching-popover": "^9.1.25",
+    "@fluentui/react-tag-picker": "^9.3.12",
+    "@fluentui/react-motion": "^9.6.5",
+    "@fluentui/react-carousel": "^9.4.3"
   },
   "peerDependencies": {
     "@types/react": ">=16.14.0 <19.0.0",
diff --git a/packages/react-components/react-context-selector/CHANGELOG.json b/packages/react-components/react-context-selector/CHANGELOG.json
index e419b369ce44b..87a070ca7ae9e 100644
--- a/packages/react-components/react-context-selector/CHANGELOG.json
+++ b/packages/react-components/react-context-selector/CHANGELOG.json
@@ -1,6 +1,21 @@
 {
   "name": "@fluentui/react-context-selector",
   "entries": [
+    {
+      "date": "Mon, 16 Dec 2024 16:26:49 GMT",
+      "tag": "@fluentui/react-context-selector_v9.1.71",
+      "version": "9.1.71",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-context-selector",
+            "comment": "Bump @fluentui/react-utilities to v9.18.19",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          }
+        ]
+      }
+    },
     {
       "date": "Fri, 06 Dec 2024 12:53:46 GMT",
       "tag": "@fluentui/react-context-selector_v9.1.70",
diff --git a/packages/react-components/react-context-selector/CHANGELOG.md b/packages/react-components/react-context-selector/CHANGELOG.md
index 9e21897fd2413..b1e76c5e9f53a 100644
--- a/packages/react-components/react-context-selector/CHANGELOG.md
+++ b/packages/react-components/react-context-selector/CHANGELOG.md
@@ -1,9 +1,18 @@
 # Change Log - @fluentui/react-context-selector
 
-This log was last generated on Fri, 06 Dec 2024 12:53:46 GMT and should not be manually modified.
+This log was last generated on Mon, 16 Dec 2024 16:26:49 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.1.71](https://github.com/microsoft/fluentui/tree/@fluentui/react-context-selector_v9.1.71)
+
+Mon, 16 Dec 2024 16:26:49 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-context-selector_v9.1.70..@fluentui/react-context-selector_v9.1.71)
+
+### Patches
+
+- Bump @fluentui/react-utilities to v9.18.19 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+
 ## [9.1.70](https://github.com/microsoft/fluentui/tree/@fluentui/react-context-selector_v9.1.70)
 
 Fri, 06 Dec 2024 12:53:46 GMT 
diff --git a/packages/react-components/react-context-selector/package.json b/packages/react-components/react-context-selector/package.json
index 062ebb94d2557..0e787078551d1 100644
--- a/packages/react-components/react-context-selector/package.json
+++ b/packages/react-components/react-context-selector/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-context-selector",
-  "version": "9.1.70",
+  "version": "9.1.71",
   "description": "React useContextSelector hook in userland",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -16,7 +16,7 @@
     "@fluentui/scripts-api-extractor": "*"
   },
   "dependencies": {
-    "@fluentui/react-utilities": "^9.18.18",
+    "@fluentui/react-utilities": "^9.18.19",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-datepicker-compat/library/CHANGELOG.json b/packages/react-components/react-datepicker-compat/library/CHANGELOG.json
index 94d13562250e0..b08354be38bd7 100644
--- a/packages/react-components/react-datepicker-compat/library/CHANGELOG.json
+++ b/packages/react-components/react-datepicker-compat/library/CHANGELOG.json
@@ -1,6 +1,81 @@
 {
   "name": "@fluentui/react-datepicker-compat",
   "entries": [
+    {
+      "date": "Mon, 16 Dec 2024 16:26:49 GMT",
+      "tag": "@fluentui/react-datepicker-compat_v0.4.58",
+      "version": "0.4.58",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-datepicker-compat",
+            "comment": "Bump @fluentui/react-calendar-compat to v0.1.24",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-datepicker-compat",
+            "comment": "Bump @fluentui/react-field to v9.1.83",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-datepicker-compat",
+            "comment": "Bump @fluentui/react-input to v9.4.96",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-datepicker-compat",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.48",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-datepicker-compat",
+            "comment": "Bump @fluentui/react-popover to v9.9.28",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-datepicker-compat",
+            "comment": "Bump @fluentui/react-portal to v9.4.40",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-datepicker-compat",
+            "comment": "Bump @fluentui/react-positioning to v9.16.0",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-datepicker-compat",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.21.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-datepicker-compat",
+            "comment": "Bump @fluentui/react-tabster to v9.23.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-datepicker-compat",
+            "comment": "Bump @fluentui/react-theme to v9.1.24",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-datepicker-compat",
+            "comment": "Bump @fluentui/react-utilities to v9.18.19",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          }
+        ]
+      }
+    },
     {
       "date": "Mon, 09 Dec 2024 17:38:10 GMT",
       "tag": "@fluentui/react-datepicker-compat_v0.4.57",
diff --git a/packages/react-components/react-datepicker-compat/library/CHANGELOG.md b/packages/react-components/react-datepicker-compat/library/CHANGELOG.md
index 23ff085c2099a..a54366b0cfd1b 100644
--- a/packages/react-components/react-datepicker-compat/library/CHANGELOG.md
+++ b/packages/react-components/react-datepicker-compat/library/CHANGELOG.md
@@ -1,9 +1,28 @@
 # Change Log - @fluentui/react-datepicker-compat
 
-This log was last generated on Mon, 09 Dec 2024 17:38:10 GMT and should not be manually modified.
+This log was last generated on Mon, 16 Dec 2024 16:26:49 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [0.4.58](https://github.com/microsoft/fluentui/tree/@fluentui/react-datepicker-compat_v0.4.58)
+
+Mon, 16 Dec 2024 16:26:49 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-datepicker-compat_v0.4.57..@fluentui/react-datepicker-compat_v0.4.58)
+
+### Patches
+
+- Bump @fluentui/react-calendar-compat to v0.1.24 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-field to v9.1.83 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-input to v9.4.96 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.48 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-popover to v9.9.28 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-portal to v9.4.40 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-positioning to v9.16.0 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.21.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-tabster to v9.23.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-theme to v9.1.24 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-utilities to v9.18.19 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+
 ## [0.4.57](https://github.com/microsoft/fluentui/tree/@fluentui/react-datepicker-compat_v0.4.57)
 
 Mon, 09 Dec 2024 17:38:10 GMT 
diff --git a/packages/react-components/react-datepicker-compat/library/package.json b/packages/react-components/react-datepicker-compat/library/package.json
index 64267104ebdf2..2ab4772dba7ad 100644
--- a/packages/react-components/react-datepicker-compat/library/package.json
+++ b/packages/react-components/react-datepicker-compat/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-datepicker-compat",
-  "version": "0.4.57",
+  "version": "0.4.58",
   "description": "React components for building web experiences",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -21,18 +21,18 @@
   },
   "dependencies": {
     "@fluentui/keyboard-keys": "^9.0.8",
-    "@fluentui/react-calendar-compat": "^0.1.23",
-    "@fluentui/react-field": "^9.1.82",
+    "@fluentui/react-calendar-compat": "^0.1.24",
+    "@fluentui/react-field": "^9.1.83",
     "@fluentui/react-icons": "^2.0.245",
-    "@fluentui/react-input": "^9.4.95",
-    "@fluentui/react-jsx-runtime": "^9.0.47",
-    "@fluentui/react-popover": "^9.9.27",
-    "@fluentui/react-portal": "^9.4.39",
-    "@fluentui/react-positioning": "^9.15.14",
-    "@fluentui/react-shared-contexts": "^9.21.1",
-    "@fluentui/react-tabster": "^9.23.1",
-    "@fluentui/react-theme": "^9.1.23",
-    "@fluentui/react-utilities": "^9.18.18",
+    "@fluentui/react-input": "^9.4.96",
+    "@fluentui/react-jsx-runtime": "^9.0.48",
+    "@fluentui/react-popover": "^9.9.28",
+    "@fluentui/react-portal": "^9.4.40",
+    "@fluentui/react-positioning": "^9.16.0",
+    "@fluentui/react-shared-contexts": "^9.21.2",
+    "@fluentui/react-tabster": "^9.23.2",
+    "@fluentui/react-theme": "^9.1.24",
+    "@fluentui/react-utilities": "^9.18.19",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
diff --git a/packages/react-components/react-dialog/library/CHANGELOG.json b/packages/react-components/react-dialog/library/CHANGELOG.json
index 5f1994f8a6511..4462eeed5e7b9 100644
--- a/packages/react-components/react-dialog/library/CHANGELOG.json
+++ b/packages/react-components/react-dialog/library/CHANGELOG.json
@@ -1,6 +1,75 @@
 {
   "name": "@fluentui/react-dialog",
   "entries": [
+    {
+      "date": "Mon, 16 Dec 2024 16:26:49 GMT",
+      "tag": "@fluentui/react-dialog_v9.11.25",
+      "version": "9.11.25",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-dialog",
+            "comment": "Bump @fluentui/react-utilities to v9.18.19",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-dialog",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.48",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-dialog",
+            "comment": "Bump @fluentui/react-context-selector to v9.1.71",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-dialog",
+            "comment": "Bump @fluentui/react-motion to v9.6.5",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-dialog",
+            "comment": "Bump @fluentui/react-motion-components-preview to v0.4.1",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-dialog",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.21.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-dialog",
+            "comment": "Bump @fluentui/react-aria to v9.13.12",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-dialog",
+            "comment": "Bump @fluentui/react-tabster to v9.23.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-dialog",
+            "comment": "Bump @fluentui/react-theme to v9.1.24",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-dialog",
+            "comment": "Bump @fluentui/react-portal to v9.4.40",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          }
+        ]
+      }
+    },
     {
       "date": "Mon, 09 Dec 2024 17:38:16 GMT",
       "tag": "@fluentui/react-dialog_v9.11.24",
diff --git a/packages/react-components/react-dialog/library/CHANGELOG.md b/packages/react-components/react-dialog/library/CHANGELOG.md
index b95bfa3d36cfc..5d24473a3f100 100644
--- a/packages/react-components/react-dialog/library/CHANGELOG.md
+++ b/packages/react-components/react-dialog/library/CHANGELOG.md
@@ -1,9 +1,27 @@
 # Change Log - @fluentui/react-dialog
 
-This log was last generated on Mon, 09 Dec 2024 17:38:16 GMT and should not be manually modified.
+This log was last generated on Mon, 16 Dec 2024 16:26:49 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.11.25](https://github.com/microsoft/fluentui/tree/@fluentui/react-dialog_v9.11.25)
+
+Mon, 16 Dec 2024 16:26:49 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-dialog_v9.11.24..@fluentui/react-dialog_v9.11.25)
+
+### Patches
+
+- Bump @fluentui/react-utilities to v9.18.19 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.48 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-context-selector to v9.1.71 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-motion to v9.6.5 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-motion-components-preview to v0.4.1 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.21.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-aria to v9.13.12 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-tabster to v9.23.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-theme to v9.1.24 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-portal to v9.4.40 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+
 ## [9.11.24](https://github.com/microsoft/fluentui/tree/@fluentui/react-dialog_v9.11.24)
 
 Mon, 09 Dec 2024 17:38:16 GMT 
diff --git a/packages/react-components/react-dialog/library/package.json b/packages/react-components/react-dialog/library/package.json
index 6d60135da3d62..dbc3d2c9a27a9 100644
--- a/packages/react-components/react-dialog/library/package.json
+++ b/packages/react-components/react-dialog/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-dialog",
-  "version": "9.11.24",
+  "version": "9.11.25",
   "description": "Dialog component for Fluent UI React",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -24,18 +24,18 @@
     "@fluentui/scripts-cypress": "*"
   },
   "dependencies": {
-    "@fluentui/react-utilities": "^9.18.18",
-    "@fluentui/react-jsx-runtime": "^9.0.47",
+    "@fluentui/react-utilities": "^9.18.19",
+    "@fluentui/react-jsx-runtime": "^9.0.48",
     "@fluentui/keyboard-keys": "^9.0.8",
-    "@fluentui/react-context-selector": "^9.1.70",
-    "@fluentui/react-motion": "^9.6.4",
-    "@fluentui/react-motion-components-preview": "^0.4.0",
-    "@fluentui/react-shared-contexts": "^9.21.1",
-    "@fluentui/react-aria": "^9.13.11",
+    "@fluentui/react-context-selector": "^9.1.71",
+    "@fluentui/react-motion": "^9.6.5",
+    "@fluentui/react-motion-components-preview": "^0.4.1",
+    "@fluentui/react-shared-contexts": "^9.21.2",
+    "@fluentui/react-aria": "^9.13.12",
     "@fluentui/react-icons": "^2.0.245",
-    "@fluentui/react-tabster": "^9.23.1",
-    "@fluentui/react-theme": "^9.1.23",
-    "@fluentui/react-portal": "^9.4.39",
+    "@fluentui/react-tabster": "^9.23.2",
+    "@fluentui/react-theme": "^9.1.24",
+    "@fluentui/react-portal": "^9.4.40",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
diff --git a/packages/react-components/react-divider/library/CHANGELOG.json b/packages/react-components/react-divider/library/CHANGELOG.json
index fde120844ac4e..12861306696bc 100644
--- a/packages/react-components/react-divider/library/CHANGELOG.json
+++ b/packages/react-components/react-divider/library/CHANGELOG.json
@@ -1,6 +1,39 @@
 {
   "name": "@fluentui/react-divider",
   "entries": [
+    {
+      "date": "Mon, 16 Dec 2024 16:26:49 GMT",
+      "tag": "@fluentui/react-divider_v9.2.80",
+      "version": "9.2.80",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-divider",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.48",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-divider",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.21.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-divider",
+            "comment": "Bump @fluentui/react-theme to v9.1.24",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-divider",
+            "comment": "Bump @fluentui/react-utilities to v9.18.19",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          }
+        ]
+      }
+    },
     {
       "date": "Mon, 09 Dec 2024 17:38:11 GMT",
       "tag": "@fluentui/react-divider_v9.2.79",
diff --git a/packages/react-components/react-divider/library/CHANGELOG.md b/packages/react-components/react-divider/library/CHANGELOG.md
index 9642908f8bea4..fb892cf385cec 100644
--- a/packages/react-components/react-divider/library/CHANGELOG.md
+++ b/packages/react-components/react-divider/library/CHANGELOG.md
@@ -1,9 +1,21 @@
 # Change Log - @fluentui/react-divider
 
-This log was last generated on Mon, 09 Dec 2024 17:38:11 GMT and should not be manually modified.
+This log was last generated on Mon, 16 Dec 2024 16:26:49 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.2.80](https://github.com/microsoft/fluentui/tree/@fluentui/react-divider_v9.2.80)
+
+Mon, 16 Dec 2024 16:26:49 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-divider_v9.2.79..@fluentui/react-divider_v9.2.80)
+
+### Patches
+
+- Bump @fluentui/react-jsx-runtime to v9.0.48 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.21.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-theme to v9.1.24 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-utilities to v9.18.19 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+
 ## [9.2.79](https://github.com/microsoft/fluentui/tree/@fluentui/react-divider_v9.2.79)
 
 Mon, 09 Dec 2024 17:38:11 GMT 
diff --git a/packages/react-components/react-divider/library/package.json b/packages/react-components/react-divider/library/package.json
index 28537c232406b..33d964b56d5bc 100644
--- a/packages/react-components/react-divider/library/package.json
+++ b/packages/react-components/react-divider/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-divider",
-  "version": "9.2.79",
+  "version": "9.2.80",
   "description": "Fluent UI component to visually separate content.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -18,10 +18,10 @@
     "@fluentui/scripts-api-extractor": "*"
   },
   "dependencies": {
-    "@fluentui/react-jsx-runtime": "^9.0.47",
-    "@fluentui/react-shared-contexts": "^9.21.1",
-    "@fluentui/react-theme": "^9.1.23",
-    "@fluentui/react-utilities": "^9.18.18",
+    "@fluentui/react-jsx-runtime": "^9.0.48",
+    "@fluentui/react-shared-contexts": "^9.21.2",
+    "@fluentui/react-theme": "^9.1.24",
+    "@fluentui/react-utilities": "^9.18.19",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
diff --git a/packages/react-components/react-drawer/library/CHANGELOG.json b/packages/react-components/react-drawer/library/CHANGELOG.json
index c0aff25c194b4..53491f6d9803b 100644
--- a/packages/react-components/react-drawer/library/CHANGELOG.json
+++ b/packages/react-components/react-drawer/library/CHANGELOG.json
@@ -1,6 +1,63 @@
 {
   "name": "@fluentui/react-drawer",
   "entries": [
+    {
+      "date": "Mon, 16 Dec 2024 16:26:49 GMT",
+      "tag": "@fluentui/react-drawer_v9.6.5",
+      "version": "9.6.5",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-drawer",
+            "comment": "Bump @fluentui/react-dialog to v9.11.25",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-drawer",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.48",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-drawer",
+            "comment": "Bump @fluentui/react-motion to v9.6.5",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-drawer",
+            "comment": "Bump @fluentui/react-portal to v9.4.40",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-drawer",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.21.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-drawer",
+            "comment": "Bump @fluentui/react-tabster to v9.23.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-drawer",
+            "comment": "Bump @fluentui/react-theme to v9.1.24",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-drawer",
+            "comment": "Bump @fluentui/react-utilities to v9.18.19",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          }
+        ]
+      }
+    },
     {
       "date": "Mon, 09 Dec 2024 17:38:11 GMT",
       "tag": "@fluentui/react-drawer_v9.6.4",
diff --git a/packages/react-components/react-drawer/library/CHANGELOG.md b/packages/react-components/react-drawer/library/CHANGELOG.md
index 4b6115cd9cafd..77d5b188afaae 100644
--- a/packages/react-components/react-drawer/library/CHANGELOG.md
+++ b/packages/react-components/react-drawer/library/CHANGELOG.md
@@ -1,9 +1,25 @@
 # Change Log - @fluentui/react-drawer
 
-This log was last generated on Mon, 09 Dec 2024 17:38:11 GMT and should not be manually modified.
+This log was last generated on Mon, 16 Dec 2024 16:26:49 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.6.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.6.5)
+
+Mon, 16 Dec 2024 16:26:49 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-drawer_v9.6.4..@fluentui/react-drawer_v9.6.5)
+
+### Patches
+
+- Bump @fluentui/react-dialog to v9.11.25 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.48 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-motion to v9.6.5 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-portal to v9.4.40 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.21.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-tabster to v9.23.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-theme to v9.1.24 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-utilities to v9.18.19 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+
 ## [9.6.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.6.4)
 
 Mon, 09 Dec 2024 17:38:11 GMT 
diff --git a/packages/react-components/react-drawer/library/package.json b/packages/react-components/react-drawer/library/package.json
index a03d0a72041cc..04baf54e1ea73 100644
--- a/packages/react-components/react-drawer/library/package.json
+++ b/packages/react-components/react-drawer/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-drawer",
-  "version": "9.6.4",
+  "version": "9.6.5",
   "description": "Drawer components for Fluent UI React",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -20,14 +20,14 @@
     "@fluentui/scripts-cypress": "*"
   },
   "dependencies": {
-    "@fluentui/react-dialog": "^9.11.24",
-    "@fluentui/react-jsx-runtime": "^9.0.47",
-    "@fluentui/react-motion": "^9.6.4",
-    "@fluentui/react-portal": "^9.4.39",
-    "@fluentui/react-shared-contexts": "^9.21.1",
-    "@fluentui/react-tabster": "^9.23.1",
-    "@fluentui/react-theme": "^9.1.23",
-    "@fluentui/react-utilities": "^9.18.18",
+    "@fluentui/react-dialog": "^9.11.25",
+    "@fluentui/react-jsx-runtime": "^9.0.48",
+    "@fluentui/react-motion": "^9.6.5",
+    "@fluentui/react-portal": "^9.4.40",
+    "@fluentui/react-shared-contexts": "^9.21.2",
+    "@fluentui/react-tabster": "^9.23.2",
+    "@fluentui/react-theme": "^9.1.24",
+    "@fluentui/react-utilities": "^9.18.19",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
diff --git a/packages/react-components/react-field/library/CHANGELOG.json b/packages/react-components/react-field/library/CHANGELOG.json
index c037723bd5ed0..4e71e32e04687 100644
--- a/packages/react-components/react-field/library/CHANGELOG.json
+++ b/packages/react-components/react-field/library/CHANGELOG.json
@@ -1,6 +1,45 @@
 {
   "name": "@fluentui/react-field",
   "entries": [
+    {
+      "date": "Mon, 16 Dec 2024 16:26:49 GMT",
+      "tag": "@fluentui/react-field_v9.1.83",
+      "version": "9.1.83",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-field",
+            "comment": "Bump @fluentui/react-context-selector to v9.1.71",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-field",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.48",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-field",
+            "comment": "Bump @fluentui/react-label to v9.1.81",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-field",
+            "comment": "Bump @fluentui/react-theme to v9.1.24",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-field",
+            "comment": "Bump @fluentui/react-utilities to v9.18.19",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          }
+        ]
+      }
+    },
     {
       "date": "Mon, 09 Dec 2024 17:38:11 GMT",
       "tag": "@fluentui/react-field_v9.1.82",
diff --git a/packages/react-components/react-field/library/CHANGELOG.md b/packages/react-components/react-field/library/CHANGELOG.md
index 3239d5b529d2e..882fcf4b4b0d2 100644
--- a/packages/react-components/react-field/library/CHANGELOG.md
+++ b/packages/react-components/react-field/library/CHANGELOG.md
@@ -1,9 +1,22 @@
 # Change Log - @fluentui/react-field
 
-This log was last generated on Mon, 09 Dec 2024 17:38:11 GMT and should not be manually modified.
+This log was last generated on Mon, 16 Dec 2024 16:26:49 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.1.83](https://github.com/microsoft/fluentui/tree/@fluentui/react-field_v9.1.83)
+
+Mon, 16 Dec 2024 16:26:49 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-field_v9.1.82..@fluentui/react-field_v9.1.83)
+
+### Patches
+
+- Bump @fluentui/react-context-selector to v9.1.71 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.48 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-label to v9.1.81 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-theme to v9.1.24 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-utilities to v9.18.19 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+
 ## [9.1.82](https://github.com/microsoft/fluentui/tree/@fluentui/react-field_v9.1.82)
 
 Mon, 09 Dec 2024 17:38:11 GMT 
diff --git a/packages/react-components/react-field/library/package.json b/packages/react-components/react-field/library/package.json
index c853466c3dae0..2acac90e36ceb 100644
--- a/packages/react-components/react-field/library/package.json
+++ b/packages/react-components/react-field/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-field",
-  "version": "9.1.82",
+  "version": "9.1.83",
   "description": "Fluent UI Field components",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -19,12 +19,12 @@
     "@fluentui/scripts-api-extractor": "*"
   },
   "dependencies": {
-    "@fluentui/react-context-selector": "^9.1.70",
+    "@fluentui/react-context-selector": "^9.1.71",
     "@fluentui/react-icons": "^2.0.245",
-    "@fluentui/react-jsx-runtime": "^9.0.47",
-    "@fluentui/react-label": "^9.1.80",
-    "@fluentui/react-theme": "^9.1.23",
-    "@fluentui/react-utilities": "^9.18.18",
+    "@fluentui/react-jsx-runtime": "^9.0.48",
+    "@fluentui/react-label": "^9.1.81",
+    "@fluentui/react-theme": "^9.1.24",
+    "@fluentui/react-utilities": "^9.18.19",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
diff --git a/packages/react-components/react-icons-compat/library/CHANGELOG.json b/packages/react-components/react-icons-compat/library/CHANGELOG.json
index aea912adf74c0..c3ed6a507a889 100644
--- a/packages/react-components/react-icons-compat/library/CHANGELOG.json
+++ b/packages/react-components/react-icons-compat/library/CHANGELOG.json
@@ -1,6 +1,39 @@
 {
   "name": "@fluentui/react-icons-compat",
   "entries": [
+    {
+      "date": "Mon, 16 Dec 2024 16:26:49 GMT",
+      "tag": "@fluentui/react-icons-compat_v0.1.6",
+      "version": "0.1.6",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-icons-compat",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.48",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-icons-compat",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.21.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-icons-compat",
+            "comment": "Bump @fluentui/react-theme to v9.1.24",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-icons-compat",
+            "comment": "Bump @fluentui/react-utilities to v9.18.19",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          }
+        ]
+      }
+    },
     {
       "date": "Fri, 06 Dec 2024 12:53:46 GMT",
       "tag": "@fluentui/react-icons-compat_v0.1.5",
diff --git a/packages/react-components/react-icons-compat/library/CHANGELOG.md b/packages/react-components/react-icons-compat/library/CHANGELOG.md
index e49eaad39b009..8d6b6b99dee2f 100644
--- a/packages/react-components/react-icons-compat/library/CHANGELOG.md
+++ b/packages/react-components/react-icons-compat/library/CHANGELOG.md
@@ -1,9 +1,21 @@
 # Change Log - @fluentui/react-icons-compat
 
-This log was last generated on Fri, 06 Dec 2024 12:53:46 GMT and should not be manually modified.
+This log was last generated on Mon, 16 Dec 2024 16:26:49 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [0.1.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-icons-compat_v0.1.6)
+
+Mon, 16 Dec 2024 16:26:49 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-icons-compat_v0.1.5..@fluentui/react-icons-compat_v0.1.6)
+
+### Patches
+
+- Bump @fluentui/react-jsx-runtime to v9.0.48 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.21.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-theme to v9.1.24 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-utilities to v9.18.19 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+
 ## [0.1.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-icons-compat_v0.1.5)
 
 Fri, 06 Dec 2024 12:53:46 GMT 
diff --git a/packages/react-components/react-icons-compat/library/package.json b/packages/react-components/react-icons-compat/library/package.json
index 9bbb8243cc7c2..1910e01272b43 100644
--- a/packages/react-components/react-icons-compat/library/package.json
+++ b/packages/react-components/react-icons-compat/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-icons-compat",
-  "version": "0.1.5",
+  "version": "0.1.6",
   "description": "Package for icon utility methods used by font and svg icons.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -24,10 +24,10 @@
     "@fluentui/scripts-api-extractor": "*"
   },
   "dependencies": {
-    "@fluentui/react-jsx-runtime": "^9.0.47",
-    "@fluentui/react-shared-contexts": "^9.21.1",
-    "@fluentui/react-theme": "^9.1.23",
-    "@fluentui/react-utilities": "^9.18.18",
+    "@fluentui/react-jsx-runtime": "^9.0.48",
+    "@fluentui/react-shared-contexts": "^9.21.2",
+    "@fluentui/react-theme": "^9.1.24",
+    "@fluentui/react-utilities": "^9.18.19",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
diff --git a/packages/react-components/react-image/library/CHANGELOG.json b/packages/react-components/react-image/library/CHANGELOG.json
index 4207ffbb151a3..7bfd0f97a836a 100644
--- a/packages/react-components/react-image/library/CHANGELOG.json
+++ b/packages/react-components/react-image/library/CHANGELOG.json
@@ -1,6 +1,39 @@
 {
   "name": "@fluentui/react-image",
   "entries": [
+    {
+      "date": "Mon, 16 Dec 2024 16:26:49 GMT",
+      "tag": "@fluentui/react-image_v9.1.78",
+      "version": "9.1.78",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-image",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.21.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-image",
+            "comment": "Bump @fluentui/react-utilities to v9.18.19",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-image",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.48",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-image",
+            "comment": "Bump @fluentui/react-theme to v9.1.24",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          }
+        ]
+      }
+    },
     {
       "date": "Mon, 09 Dec 2024 17:38:11 GMT",
       "tag": "@fluentui/react-image_v9.1.77",
diff --git a/packages/react-components/react-image/library/CHANGELOG.md b/packages/react-components/react-image/library/CHANGELOG.md
index 6817eb37328bd..57dc983671667 100644
--- a/packages/react-components/react-image/library/CHANGELOG.md
+++ b/packages/react-components/react-image/library/CHANGELOG.md
@@ -1,9 +1,21 @@
 # Change Log - @fluentui/react-image
 
-This log was last generated on Mon, 09 Dec 2024 17:38:11 GMT and should not be manually modified.
+This log was last generated on Mon, 16 Dec 2024 16:26:49 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.1.78](https://github.com/microsoft/fluentui/tree/@fluentui/react-image_v9.1.78)
+
+Mon, 16 Dec 2024 16:26:49 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-image_v9.1.77..@fluentui/react-image_v9.1.78)
+
+### Patches
+
+- Bump @fluentui/react-shared-contexts to v9.21.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-utilities to v9.18.19 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.48 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-theme to v9.1.24 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+
 ## [9.1.77](https://github.com/microsoft/fluentui/tree/@fluentui/react-image_v9.1.77)
 
 Mon, 09 Dec 2024 17:38:11 GMT 
diff --git a/packages/react-components/react-image/library/package.json b/packages/react-components/react-image/library/package.json
index 617798c6a594f..97a6cb4820a22 100644
--- a/packages/react-components/react-image/library/package.json
+++ b/packages/react-components/react-image/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-image",
-  "version": "9.1.77",
+  "version": "9.1.78",
   "description": "Fluent UI React Image component.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -18,10 +18,10 @@
     "@fluentui/scripts-api-extractor": "*"
   },
   "dependencies": {
-    "@fluentui/react-shared-contexts": "^9.21.1",
-    "@fluentui/react-utilities": "^9.18.18",
-    "@fluentui/react-jsx-runtime": "^9.0.47",
-    "@fluentui/react-theme": "^9.1.23",
+    "@fluentui/react-shared-contexts": "^9.21.2",
+    "@fluentui/react-utilities": "^9.18.19",
+    "@fluentui/react-jsx-runtime": "^9.0.48",
+    "@fluentui/react-theme": "^9.1.24",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
diff --git a/packages/react-components/react-infolabel/library/CHANGELOG.json b/packages/react-components/react-infolabel/library/CHANGELOG.json
index 21d5501d5783c..426ca705ea516 100644
--- a/packages/react-components/react-infolabel/library/CHANGELOG.json
+++ b/packages/react-components/react-infolabel/library/CHANGELOG.json
@@ -1,6 +1,51 @@
 {
   "name": "@fluentui/react-infolabel",
   "entries": [
+    {
+      "date": "Mon, 16 Dec 2024 16:26:49 GMT",
+      "tag": "@fluentui/react-infolabel_v9.0.53",
+      "version": "9.0.53",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-infolabel",
+            "comment": "Bump @fluentui/react-label to v9.1.81",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-infolabel",
+            "comment": "Bump @fluentui/react-popover to v9.9.28",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-infolabel",
+            "comment": "Bump @fluentui/react-tabster to v9.23.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-infolabel",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.48",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-infolabel",
+            "comment": "Bump @fluentui/react-theme to v9.1.24",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-infolabel",
+            "comment": "Bump @fluentui/react-utilities to v9.18.19",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          }
+        ]
+      }
+    },
     {
       "date": "Mon, 09 Dec 2024 17:38:12 GMT",
       "tag": "@fluentui/react-infolabel_v9.0.52",
diff --git a/packages/react-components/react-infolabel/library/CHANGELOG.md b/packages/react-components/react-infolabel/library/CHANGELOG.md
index de63a31ee8186..2777833b67e8f 100644
--- a/packages/react-components/react-infolabel/library/CHANGELOG.md
+++ b/packages/react-components/react-infolabel/library/CHANGELOG.md
@@ -1,9 +1,23 @@
 # Change Log - @fluentui/react-infolabel
 
-This log was last generated on Mon, 09 Dec 2024 17:38:12 GMT and should not be manually modified.
+This log was last generated on Mon, 16 Dec 2024 16:26:49 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.0.53](https://github.com/microsoft/fluentui/tree/@fluentui/react-infolabel_v9.0.53)
+
+Mon, 16 Dec 2024 16:26:49 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-infolabel_v9.0.52..@fluentui/react-infolabel_v9.0.53)
+
+### Patches
+
+- Bump @fluentui/react-label to v9.1.81 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-popover to v9.9.28 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-tabster to v9.23.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.48 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-theme to v9.1.24 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-utilities to v9.18.19 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+
 ## [9.0.52](https://github.com/microsoft/fluentui/tree/@fluentui/react-infolabel_v9.0.52)
 
 Mon, 09 Dec 2024 17:38:12 GMT 
diff --git a/packages/react-components/react-infolabel/library/package.json b/packages/react-components/react-infolabel/library/package.json
index 8600fe18d25bd..e7a1f66093543 100644
--- a/packages/react-components/react-infolabel/library/package.json
+++ b/packages/react-components/react-infolabel/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-infolabel",
-  "version": "9.0.52",
+  "version": "9.0.53",
   "description": "InfoLabel component for Fluent UI v9",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -21,12 +21,12 @@
   },
   "dependencies": {
     "@fluentui/react-icons": "^2.0.245",
-    "@fluentui/react-label": "^9.1.80",
-    "@fluentui/react-popover": "^9.9.27",
-    "@fluentui/react-tabster": "^9.23.1",
-    "@fluentui/react-jsx-runtime": "^9.0.47",
-    "@fluentui/react-theme": "^9.1.23",
-    "@fluentui/react-utilities": "^9.18.18",
+    "@fluentui/react-label": "^9.1.81",
+    "@fluentui/react-popover": "^9.9.28",
+    "@fluentui/react-tabster": "^9.23.2",
+    "@fluentui/react-jsx-runtime": "^9.0.48",
+    "@fluentui/react-theme": "^9.1.24",
+    "@fluentui/react-utilities": "^9.18.19",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
diff --git a/packages/react-components/react-input/library/CHANGELOG.json b/packages/react-components/react-input/library/CHANGELOG.json
index 319d83c7986ae..2a9577a10c093 100644
--- a/packages/react-components/react-input/library/CHANGELOG.json
+++ b/packages/react-components/react-input/library/CHANGELOG.json
@@ -1,6 +1,45 @@
 {
   "name": "@fluentui/react-input",
   "entries": [
+    {
+      "date": "Mon, 16 Dec 2024 16:26:49 GMT",
+      "tag": "@fluentui/react-input_v9.4.96",
+      "version": "9.4.96",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-input",
+            "comment": "Bump @fluentui/react-field to v9.1.83",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-input",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.48",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-input",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.21.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-input",
+            "comment": "Bump @fluentui/react-theme to v9.1.24",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-input",
+            "comment": "Bump @fluentui/react-utilities to v9.18.19",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          }
+        ]
+      }
+    },
     {
       "date": "Mon, 09 Dec 2024 17:38:12 GMT",
       "tag": "@fluentui/react-input_v9.4.95",
diff --git a/packages/react-components/react-input/library/CHANGELOG.md b/packages/react-components/react-input/library/CHANGELOG.md
index 5c333c0152426..e06621c221899 100644
--- a/packages/react-components/react-input/library/CHANGELOG.md
+++ b/packages/react-components/react-input/library/CHANGELOG.md
@@ -1,9 +1,22 @@
 # Change Log - @fluentui/react-input
 
-This log was last generated on Mon, 09 Dec 2024 17:38:12 GMT and should not be manually modified.
+This log was last generated on Mon, 16 Dec 2024 16:26:49 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.4.96](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.4.96)
+
+Mon, 16 Dec 2024 16:26:49 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.4.95..@fluentui/react-input_v9.4.96)
+
+### Patches
+
+- Bump @fluentui/react-field to v9.1.83 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.48 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.21.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-theme to v9.1.24 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-utilities to v9.18.19 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+
 ## [9.4.95](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.4.95)
 
 Mon, 09 Dec 2024 17:38:12 GMT 
diff --git a/packages/react-components/react-input/library/package.json b/packages/react-components/react-input/library/package.json
index 7ed1bfac8265f..f0c0faf7dc15c 100644
--- a/packages/react-components/react-input/library/package.json
+++ b/packages/react-components/react-input/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-input",
-  "version": "9.4.95",
+  "version": "9.4.96",
   "description": "Fluent UI React Input component",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -19,11 +19,11 @@
     "@fluentui/scripts-api-extractor": "*"
   },
   "dependencies": {
-    "@fluentui/react-field": "^9.1.82",
-    "@fluentui/react-jsx-runtime": "^9.0.47",
-    "@fluentui/react-shared-contexts": "^9.21.1",
-    "@fluentui/react-theme": "^9.1.23",
-    "@fluentui/react-utilities": "^9.18.18",
+    "@fluentui/react-field": "^9.1.83",
+    "@fluentui/react-jsx-runtime": "^9.0.48",
+    "@fluentui/react-shared-contexts": "^9.21.2",
+    "@fluentui/react-theme": "^9.1.24",
+    "@fluentui/react-utilities": "^9.18.19",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
diff --git a/packages/react-components/react-jsx-runtime/CHANGELOG.json b/packages/react-components/react-jsx-runtime/CHANGELOG.json
index 7474828f0e5d7..f75a0a94944c0 100644
--- a/packages/react-components/react-jsx-runtime/CHANGELOG.json
+++ b/packages/react-components/react-jsx-runtime/CHANGELOG.json
@@ -1,6 +1,21 @@
 {
   "name": "@fluentui/react-jsx-runtime",
   "entries": [
+    {
+      "date": "Mon, 16 Dec 2024 16:26:49 GMT",
+      "tag": "@fluentui/react-jsx-runtime_v9.0.48",
+      "version": "9.0.48",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-jsx-runtime",
+            "comment": "Bump @fluentui/react-utilities to v9.18.19",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          }
+        ]
+      }
+    },
     {
       "date": "Fri, 06 Dec 2024 12:53:46 GMT",
       "tag": "@fluentui/react-jsx-runtime_v9.0.47",
diff --git a/packages/react-components/react-jsx-runtime/CHANGELOG.md b/packages/react-components/react-jsx-runtime/CHANGELOG.md
index cf27049c89dc7..b4953cd7bda75 100644
--- a/packages/react-components/react-jsx-runtime/CHANGELOG.md
+++ b/packages/react-components/react-jsx-runtime/CHANGELOG.md
@@ -1,9 +1,18 @@
 # Change Log - @fluentui/react-jsx-runtime
 
-This log was last generated on Fri, 06 Dec 2024 12:53:46 GMT and should not be manually modified.
+This log was last generated on Mon, 16 Dec 2024 16:26:49 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.0.48](https://github.com/microsoft/fluentui/tree/@fluentui/react-jsx-runtime_v9.0.48)
+
+Mon, 16 Dec 2024 16:26:49 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-jsx-runtime_v9.0.47..@fluentui/react-jsx-runtime_v9.0.48)
+
+### Patches
+
+- Bump @fluentui/react-utilities to v9.18.19 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+
 ## [9.0.47](https://github.com/microsoft/fluentui/tree/@fluentui/react-jsx-runtime_v9.0.47)
 
 Fri, 06 Dec 2024 12:53:46 GMT 
diff --git a/packages/react-components/react-jsx-runtime/package.json b/packages/react-components/react-jsx-runtime/package.json
index 900c824fe506d..6d0c69efb5761 100644
--- a/packages/react-components/react-jsx-runtime/package.json
+++ b/packages/react-components/react-jsx-runtime/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-jsx-runtime",
-  "version": "9.0.47",
+  "version": "9.0.48",
   "description": "Custom JSX runtime for @fluentui/react-components",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -18,7 +18,7 @@
     "@fluentui/scripts-api-extractor": "*"
   },
   "dependencies": {
-    "@fluentui/react-utilities": "^9.18.18",
+    "@fluentui/react-utilities": "^9.18.19",
     "react-is": "^17.0.2",
     "@swc/helpers": "^0.5.1"
   },
diff --git a/packages/react-components/react-label/library/CHANGELOG.json b/packages/react-components/react-label/library/CHANGELOG.json
index 0e2f34b0016f4..2d1380b2a4bc5 100644
--- a/packages/react-components/react-label/library/CHANGELOG.json
+++ b/packages/react-components/react-label/library/CHANGELOG.json
@@ -1,6 +1,39 @@
 {
   "name": "@fluentui/react-label",
   "entries": [
+    {
+      "date": "Mon, 16 Dec 2024 16:26:49 GMT",
+      "tag": "@fluentui/react-label_v9.1.81",
+      "version": "9.1.81",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-label",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.21.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-label",
+            "comment": "Bump @fluentui/react-theme to v9.1.24",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-label",
+            "comment": "Bump @fluentui/react-utilities to v9.18.19",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-label",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.48",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          }
+        ]
+      }
+    },
     {
       "date": "Mon, 09 Dec 2024 17:38:12 GMT",
       "tag": "@fluentui/react-label_v9.1.80",
diff --git a/packages/react-components/react-label/library/CHANGELOG.md b/packages/react-components/react-label/library/CHANGELOG.md
index 3af829da4c065..2a142b0a4398b 100644
--- a/packages/react-components/react-label/library/CHANGELOG.md
+++ b/packages/react-components/react-label/library/CHANGELOG.md
@@ -1,9 +1,21 @@
 # Change Log - @fluentui/react-label
 
-This log was last generated on Mon, 09 Dec 2024 17:38:12 GMT and should not be manually modified.
+This log was last generated on Mon, 16 Dec 2024 16:26:49 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.1.81](https://github.com/microsoft/fluentui/tree/@fluentui/react-label_v9.1.81)
+
+Mon, 16 Dec 2024 16:26:49 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-label_v9.1.80..@fluentui/react-label_v9.1.81)
+
+### Patches
+
+- Bump @fluentui/react-shared-contexts to v9.21.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-theme to v9.1.24 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-utilities to v9.18.19 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.48 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+
 ## [9.1.80](https://github.com/microsoft/fluentui/tree/@fluentui/react-label_v9.1.80)
 
 Mon, 09 Dec 2024 17:38:12 GMT 
diff --git a/packages/react-components/react-label/library/package.json b/packages/react-components/react-label/library/package.json
index 237fdc873aa60..960cae5ef3cd5 100644
--- a/packages/react-components/react-label/library/package.json
+++ b/packages/react-components/react-label/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-label",
-  "version": "9.1.80",
+  "version": "9.1.81",
   "description": "Fluent UI React Label component",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -18,10 +18,10 @@
     "@fluentui/scripts-api-extractor": "*"
   },
   "dependencies": {
-    "@fluentui/react-shared-contexts": "^9.21.1",
-    "@fluentui/react-theme": "^9.1.23",
-    "@fluentui/react-utilities": "^9.18.18",
-    "@fluentui/react-jsx-runtime": "^9.0.47",
+    "@fluentui/react-shared-contexts": "^9.21.2",
+    "@fluentui/react-theme": "^9.1.24",
+    "@fluentui/react-utilities": "^9.18.19",
+    "@fluentui/react-jsx-runtime": "^9.0.48",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
diff --git a/packages/react-components/react-link/library/CHANGELOG.json b/packages/react-components/react-link/library/CHANGELOG.json
index b9e3536f6e446..c95e9a8dd55ec 100644
--- a/packages/react-components/react-link/library/CHANGELOG.json
+++ b/packages/react-components/react-link/library/CHANGELOG.json
@@ -1,6 +1,45 @@
 {
   "name": "@fluentui/react-link",
   "entries": [
+    {
+      "date": "Mon, 16 Dec 2024 16:26:49 GMT",
+      "tag": "@fluentui/react-link_v9.3.5",
+      "version": "9.3.5",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-link",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.48",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-link",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.21.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-link",
+            "comment": "Bump @fluentui/react-tabster to v9.23.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-link",
+            "comment": "Bump @fluentui/react-theme to v9.1.24",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-link",
+            "comment": "Bump @fluentui/react-utilities to v9.18.19",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          }
+        ]
+      }
+    },
     {
       "date": "Mon, 09 Dec 2024 17:38:13 GMT",
       "tag": "@fluentui/react-link_v9.3.4",
diff --git a/packages/react-components/react-link/library/CHANGELOG.md b/packages/react-components/react-link/library/CHANGELOG.md
index 4b735bfe8f75f..9b5645d43cf74 100644
--- a/packages/react-components/react-link/library/CHANGELOG.md
+++ b/packages/react-components/react-link/library/CHANGELOG.md
@@ -1,9 +1,22 @@
 # Change Log - @fluentui/react-link
 
-This log was last generated on Mon, 09 Dec 2024 17:38:13 GMT and should not be manually modified.
+This log was last generated on Mon, 16 Dec 2024 16:26:49 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.3.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-link_v9.3.5)
+
+Mon, 16 Dec 2024 16:26:49 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-link_v9.3.4..@fluentui/react-link_v9.3.5)
+
+### Patches
+
+- Bump @fluentui/react-jsx-runtime to v9.0.48 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.21.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-tabster to v9.23.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-theme to v9.1.24 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-utilities to v9.18.19 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+
 ## [9.3.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-link_v9.3.4)
 
 Mon, 09 Dec 2024 17:38:13 GMT 
diff --git a/packages/react-components/react-link/library/package.json b/packages/react-components/react-link/library/package.json
index 25fa55ded5b20..a9e4a2f0e2dc5 100644
--- a/packages/react-components/react-link/library/package.json
+++ b/packages/react-components/react-link/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-link",
-  "version": "9.3.4",
+  "version": "9.3.5",
   "description": "Fluent UI React Link component",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -20,11 +20,11 @@
   },
   "dependencies": {
     "@fluentui/keyboard-keys": "^9.0.8",
-    "@fluentui/react-jsx-runtime": "^9.0.47",
-    "@fluentui/react-shared-contexts": "^9.21.1",
-    "@fluentui/react-tabster": "^9.23.1",
-    "@fluentui/react-theme": "^9.1.23",
-    "@fluentui/react-utilities": "^9.18.18",
+    "@fluentui/react-jsx-runtime": "^9.0.48",
+    "@fluentui/react-shared-contexts": "^9.21.2",
+    "@fluentui/react-tabster": "^9.23.2",
+    "@fluentui/react-theme": "^9.1.24",
+    "@fluentui/react-utilities": "^9.18.19",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
diff --git a/packages/react-components/react-list-preview/library/CHANGELOG.json b/packages/react-components/react-list-preview/library/CHANGELOG.json
index eb961c61db748..7ab989757171a 100644
--- a/packages/react-components/react-list-preview/library/CHANGELOG.json
+++ b/packages/react-components/react-list-preview/library/CHANGELOG.json
@@ -1,6 +1,57 @@
 {
   "name": "@fluentui/react-list-preview",
   "entries": [
+    {
+      "date": "Mon, 16 Dec 2024 16:26:49 GMT",
+      "tag": "@fluentui/react-list-preview_v0.4.4",
+      "version": "0.4.4",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-list-preview",
+            "comment": "Bump @fluentui/react-checkbox to v9.2.44",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-list-preview",
+            "comment": "Bump @fluentui/react-context-selector to v9.1.71",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-list-preview",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.48",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-list-preview",
+            "comment": "Bump @fluentui/react-tabster to v9.23.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-list-preview",
+            "comment": "Bump @fluentui/react-theme to v9.1.24",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-list-preview",
+            "comment": "Bump @fluentui/react-utilities to v9.18.19",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-list-preview",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.21.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          }
+        ]
+      }
+    },
     {
       "date": "Mon, 09 Dec 2024 17:38:16 GMT",
       "tag": "@fluentui/react-list-preview_v0.4.3",
diff --git a/packages/react-components/react-list-preview/library/CHANGELOG.md b/packages/react-components/react-list-preview/library/CHANGELOG.md
index f698aaa3f6b49..f1ff09fec2fa3 100644
--- a/packages/react-components/react-list-preview/library/CHANGELOG.md
+++ b/packages/react-components/react-list-preview/library/CHANGELOG.md
@@ -1,9 +1,24 @@
 # Change Log - @fluentui/react-list-preview
 
-This log was last generated on Mon, 09 Dec 2024 17:38:16 GMT and should not be manually modified.
+This log was last generated on Mon, 16 Dec 2024 16:26:49 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [0.4.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-list-preview_v0.4.4)
+
+Mon, 16 Dec 2024 16:26:49 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-list-preview_v0.4.3..@fluentui/react-list-preview_v0.4.4)
+
+### Patches
+
+- Bump @fluentui/react-checkbox to v9.2.44 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-context-selector to v9.1.71 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.48 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-tabster to v9.23.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-theme to v9.1.24 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-utilities to v9.18.19 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.21.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+
 ## [0.4.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-list-preview_v0.4.3)
 
 Mon, 09 Dec 2024 17:38:16 GMT 
diff --git a/packages/react-components/react-list-preview/library/package.json b/packages/react-components/react-list-preview/library/package.json
index 424185fa41a17..9ccd91f5b3a29 100644
--- a/packages/react-components/react-list-preview/library/package.json
+++ b/packages/react-components/react-list-preview/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-list-preview",
-  "version": "0.4.3",
+  "version": "0.4.4",
   "description": "React List v9",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -26,14 +26,14 @@
     "@fluentui/scripts-cypress": "*"
   },
   "dependencies": {
-    "@fluentui/react-checkbox": "^9.2.43",
-    "@fluentui/react-context-selector": "^9.1.70",
-    "@fluentui/react-jsx-runtime": "^9.0.47",
+    "@fluentui/react-checkbox": "^9.2.44",
+    "@fluentui/react-context-selector": "^9.1.71",
+    "@fluentui/react-jsx-runtime": "^9.0.48",
     "@fluentui/keyboard-keys": "^9.0.8",
-    "@fluentui/react-tabster": "^9.23.1",
-    "@fluentui/react-theme": "^9.1.23",
-    "@fluentui/react-utilities": "^9.18.18",
-    "@fluentui/react-shared-contexts": "^9.21.1",
+    "@fluentui/react-tabster": "^9.23.2",
+    "@fluentui/react-theme": "^9.1.24",
+    "@fluentui/react-utilities": "^9.18.19",
+    "@fluentui/react-shared-contexts": "^9.21.2",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
diff --git a/packages/react-components/react-menu/library/CHANGELOG.json b/packages/react-components/react-menu/library/CHANGELOG.json
index 96fc6096996fb..b90c3b1e553d3 100644
--- a/packages/react-components/react-menu/library/CHANGELOG.json
+++ b/packages/react-components/react-menu/library/CHANGELOG.json
@@ -1,6 +1,69 @@
 {
   "name": "@fluentui/react-menu",
   "entries": [
+    {
+      "date": "Mon, 16 Dec 2024 16:26:49 GMT",
+      "tag": "@fluentui/react-menu_v9.14.23",
+      "version": "9.14.23",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-menu",
+            "comment": "Bump @fluentui/react-aria to v9.13.12",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-menu",
+            "comment": "Bump @fluentui/react-context-selector to v9.1.71",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-menu",
+            "comment": "Bump @fluentui/react-portal to v9.4.40",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-menu",
+            "comment": "Bump @fluentui/react-positioning to v9.16.0",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-menu",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.21.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-menu",
+            "comment": "Bump @fluentui/react-tabster to v9.23.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-menu",
+            "comment": "Bump @fluentui/react-theme to v9.1.24",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-menu",
+            "comment": "Bump @fluentui/react-utilities to v9.18.19",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-menu",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.48",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          }
+        ]
+      }
+    },
     {
       "date": "Mon, 09 Dec 2024 17:38:16 GMT",
       "tag": "@fluentui/react-menu_v9.14.22",
diff --git a/packages/react-components/react-menu/library/CHANGELOG.md b/packages/react-components/react-menu/library/CHANGELOG.md
index 48afa0a7f9891..284f045d6fb6d 100644
--- a/packages/react-components/react-menu/library/CHANGELOG.md
+++ b/packages/react-components/react-menu/library/CHANGELOG.md
@@ -1,9 +1,26 @@
 # Change Log - @fluentui/react-menu
 
-This log was last generated on Mon, 09 Dec 2024 17:38:16 GMT and should not be manually modified.
+This log was last generated on Mon, 16 Dec 2024 16:26:49 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.14.23](https://github.com/microsoft/fluentui/tree/@fluentui/react-menu_v9.14.23)
+
+Mon, 16 Dec 2024 16:26:49 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-menu_v9.14.22..@fluentui/react-menu_v9.14.23)
+
+### Patches
+
+- Bump @fluentui/react-aria to v9.13.12 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-context-selector to v9.1.71 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-portal to v9.4.40 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-positioning to v9.16.0 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.21.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-tabster to v9.23.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-theme to v9.1.24 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-utilities to v9.18.19 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.48 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+
 ## [9.14.22](https://github.com/microsoft/fluentui/tree/@fluentui/react-menu_v9.14.22)
 
 Mon, 09 Dec 2024 17:38:16 GMT 
diff --git a/packages/react-components/react-menu/library/package.json b/packages/react-components/react-menu/library/package.json
index 92a601f667083..db635bb4a3166 100644
--- a/packages/react-components/react-menu/library/package.json
+++ b/packages/react-components/react-menu/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-menu",
-  "version": "9.14.22",
+  "version": "9.14.23",
   "description": "Fluent UI menu component",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -21,16 +21,16 @@
   },
   "dependencies": {
     "@fluentui/keyboard-keys": "^9.0.8",
-    "@fluentui/react-aria": "^9.13.11",
-    "@fluentui/react-context-selector": "^9.1.70",
+    "@fluentui/react-aria": "^9.13.12",
+    "@fluentui/react-context-selector": "^9.1.71",
     "@fluentui/react-icons": "^2.0.245",
-    "@fluentui/react-portal": "^9.4.39",
-    "@fluentui/react-positioning": "^9.15.14",
-    "@fluentui/react-shared-contexts": "^9.21.1",
-    "@fluentui/react-tabster": "^9.23.1",
-    "@fluentui/react-theme": "^9.1.23",
-    "@fluentui/react-utilities": "^9.18.18",
-    "@fluentui/react-jsx-runtime": "^9.0.47",
+    "@fluentui/react-portal": "^9.4.40",
+    "@fluentui/react-positioning": "^9.16.0",
+    "@fluentui/react-shared-contexts": "^9.21.2",
+    "@fluentui/react-tabster": "^9.23.2",
+    "@fluentui/react-theme": "^9.1.24",
+    "@fluentui/react-utilities": "^9.18.19",
+    "@fluentui/react-jsx-runtime": "^9.0.48",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
diff --git a/packages/react-components/react-message-bar/library/CHANGELOG.json b/packages/react-components/react-message-bar/library/CHANGELOG.json
index 4dc244ed30e04..7af96ca5b028a 100644
--- a/packages/react-components/react-message-bar/library/CHANGELOG.json
+++ b/packages/react-components/react-message-bar/library/CHANGELOG.json
@@ -1,6 +1,51 @@
 {
   "name": "@fluentui/react-message-bar",
   "entries": [
+    {
+      "date": "Mon, 16 Dec 2024 16:26:49 GMT",
+      "tag": "@fluentui/react-message-bar_v9.2.18",
+      "version": "9.2.18",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-message-bar",
+            "comment": "Bump @fluentui/react-button to v9.3.98",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-message-bar",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.48",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-message-bar",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.21.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-message-bar",
+            "comment": "Bump @fluentui/react-link to v9.3.5",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-message-bar",
+            "comment": "Bump @fluentui/react-theme to v9.1.24",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-message-bar",
+            "comment": "Bump @fluentui/react-utilities to v9.18.19",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          }
+        ]
+      }
+    },
     {
       "date": "Mon, 09 Dec 2024 17:38:16 GMT",
       "tag": "@fluentui/react-message-bar_v9.2.17",
diff --git a/packages/react-components/react-message-bar/library/CHANGELOG.md b/packages/react-components/react-message-bar/library/CHANGELOG.md
index 6f1e473ea090e..a5ade09fda185 100644
--- a/packages/react-components/react-message-bar/library/CHANGELOG.md
+++ b/packages/react-components/react-message-bar/library/CHANGELOG.md
@@ -1,9 +1,23 @@
 # Change Log - @fluentui/react-message-bar
 
-This log was last generated on Mon, 09 Dec 2024 17:38:16 GMT and should not be manually modified.
+This log was last generated on Mon, 16 Dec 2024 16:26:49 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.2.18](https://github.com/microsoft/fluentui/tree/@fluentui/react-message-bar_v9.2.18)
+
+Mon, 16 Dec 2024 16:26:49 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-message-bar_v9.2.17..@fluentui/react-message-bar_v9.2.18)
+
+### Patches
+
+- Bump @fluentui/react-button to v9.3.98 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.48 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.21.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-link to v9.3.5 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-theme to v9.1.24 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-utilities to v9.18.19 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+
 ## [9.2.17](https://github.com/microsoft/fluentui/tree/@fluentui/react-message-bar_v9.2.17)
 
 Mon, 09 Dec 2024 17:38:16 GMT 
diff --git a/packages/react-components/react-message-bar/library/package.json b/packages/react-components/react-message-bar/library/package.json
index 15788570dd134..3f5b05fb9c153 100644
--- a/packages/react-components/react-message-bar/library/package.json
+++ b/packages/react-components/react-message-bar/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-message-bar",
-  "version": "9.2.17",
+  "version": "9.2.18",
   "description": "Fluent UI MessageBar component",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -18,13 +18,13 @@
     "@fluentui/scripts-api-extractor": "*"
   },
   "dependencies": {
-    "@fluentui/react-button": "^9.3.97",
+    "@fluentui/react-button": "^9.3.98",
     "@fluentui/react-icons": "^2.0.245",
-    "@fluentui/react-jsx-runtime": "^9.0.47",
-    "@fluentui/react-shared-contexts": "^9.21.1",
-    "@fluentui/react-link": "^9.3.4",
-    "@fluentui/react-theme": "^9.1.23",
-    "@fluentui/react-utilities": "^9.18.18",
+    "@fluentui/react-jsx-runtime": "^9.0.48",
+    "@fluentui/react-shared-contexts": "^9.21.2",
+    "@fluentui/react-link": "^9.3.5",
+    "@fluentui/react-theme": "^9.1.24",
+    "@fluentui/react-utilities": "^9.18.19",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1",
     "react-transition-group": "^4.4.1"
diff --git a/packages/react-components/react-migration-v0-v9/library/CHANGELOG.json b/packages/react-components/react-migration-v0-v9/library/CHANGELOG.json
index 5c0b768835f98..2d78c91eb2e49 100644
--- a/packages/react-components/react-migration-v0-v9/library/CHANGELOG.json
+++ b/packages/react-components/react-migration-v0-v9/library/CHANGELOG.json
@@ -1,6 +1,69 @@
 {
   "name": "@fluentui/react-migration-v0-v9",
   "entries": [
+    {
+      "date": "Mon, 16 Dec 2024 16:26:48 GMT",
+      "tag": "@fluentui/react-migration-v0-v9_v9.2.23",
+      "version": "9.2.23",
+      "comments": {
+        "patch": [
+          {
+            "author": "olfedias@microsoft.com",
+            "package": "@fluentui/react-migration-v0-v9",
+            "commit": "f15afa79910b9998044dddcce63e9583e4f8b905",
+            "comment": "chore: remove usage of \"export *\""
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-migration-v0-v9",
+            "comment": "Bump @fluentui/react-aria to v9.13.12",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-migration-v0-v9",
+            "comment": "Bump @fluentui/react-components to v9.56.6",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-migration-v0-v9",
+            "comment": "Bump @fluentui/react-context-selector to v9.1.71",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-migration-v0-v9",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.48",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-migration-v0-v9",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.21.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-migration-v0-v9",
+            "comment": "Bump @fluentui/react-tabster to v9.23.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-migration-v0-v9",
+            "comment": "Bump @fluentui/react-theme to v9.1.24",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-migration-v0-v9",
+            "comment": "Bump @fluentui/react-utilities to v9.18.19",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          }
+        ]
+      }
+    },
     {
       "date": "Mon, 09 Dec 2024 17:38:16 GMT",
       "tag": "@fluentui/react-migration-v0-v9_v9.2.22",
diff --git a/packages/react-components/react-migration-v0-v9/library/CHANGELOG.md b/packages/react-components/react-migration-v0-v9/library/CHANGELOG.md
index 1f31649385259..55911d7d38d7e 100644
--- a/packages/react-components/react-migration-v0-v9/library/CHANGELOG.md
+++ b/packages/react-components/react-migration-v0-v9/library/CHANGELOG.md
@@ -1,9 +1,26 @@
 # Change Log - @fluentui/react-migration-v0-v9
 
-This log was last generated on Mon, 09 Dec 2024 17:38:16 GMT and should not be manually modified.
+This log was last generated on Mon, 16 Dec 2024 16:26:48 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.2.23](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v0-v9_v9.2.23)
+
+Mon, 16 Dec 2024 16:26:48 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v0-v9_v9.2.22..@fluentui/react-migration-v0-v9_v9.2.23)
+
+### Patches
+
+- chore: remove usage of "export *" ([PR #33457](https://github.com/microsoft/fluentui/pull/33457) by olfedias@microsoft.com)
+- Bump @fluentui/react-aria to v9.13.12 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-components to v9.56.6 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-context-selector to v9.1.71 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.48 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.21.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-tabster to v9.23.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-theme to v9.1.24 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-utilities to v9.18.19 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+
 ## [9.2.22](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v0-v9_v9.2.22)
 
 Mon, 09 Dec 2024 17:38:16 GMT 
diff --git a/packages/react-components/react-migration-v0-v9/library/package.json b/packages/react-components/react-migration-v0-v9/library/package.json
index 760731312cf3d..3ceb490db2fd0 100644
--- a/packages/react-components/react-migration-v0-v9/library/package.json
+++ b/packages/react-components/react-migration-v0-v9/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-migration-v0-v9",
-  "version": "9.2.22",
+  "version": "9.2.23",
   "description": "Migration shim components and methods for hybrid v0/v9 applications building on Fluent UI React.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -20,15 +20,15 @@
     "@fluentui/scripts-storybook": "*"
   },
   "dependencies": {
-    "@fluentui/react-aria": "^9.13.11",
-    "@fluentui/react-components": "^9.56.5",
-    "@fluentui/react-context-selector": "^9.1.70",
+    "@fluentui/react-aria": "^9.13.12",
+    "@fluentui/react-components": "^9.56.6",
+    "@fluentui/react-context-selector": "^9.1.71",
     "@fluentui/react-icons": "^2.0.245",
-    "@fluentui/react-jsx-runtime": "^9.0.47",
-    "@fluentui/react-shared-contexts": "^9.21.1",
-    "@fluentui/react-tabster": "^9.23.1",
-    "@fluentui/react-theme": "^9.1.23",
-    "@fluentui/react-utilities": "^9.18.18",
+    "@fluentui/react-jsx-runtime": "^9.0.48",
+    "@fluentui/react-shared-contexts": "^9.21.2",
+    "@fluentui/react-tabster": "^9.23.2",
+    "@fluentui/react-theme": "^9.1.24",
+    "@fluentui/react-utilities": "^9.18.19",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
diff --git a/packages/react-components/react-migration-v8-v9/library/CHANGELOG.json b/packages/react-components/react-migration-v8-v9/library/CHANGELOG.json
index 763225ef38aab..71f8b1fbe9049 100644
--- a/packages/react-components/react-migration-v8-v9/library/CHANGELOG.json
+++ b/packages/react-components/react-migration-v8-v9/library/CHANGELOG.json
@@ -1,6 +1,21 @@
 {
   "name": "@fluentui/react-migration-v8-v9",
   "entries": [
+    {
+      "date": "Mon, 16 Dec 2024 16:26:49 GMT",
+      "tag": "@fluentui/react-migration-v8-v9_v9.6.42",
+      "version": "9.6.42",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-migration-v8-v9",
+            "comment": "Bump @fluentui/react-components to v9.56.6",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          }
+        ]
+      }
+    },
     {
       "date": "Mon, 09 Dec 2024 17:38:13 GMT",
       "tag": "@fluentui/react-migration-v8-v9_v9.6.41",
diff --git a/packages/react-components/react-migration-v8-v9/library/CHANGELOG.md b/packages/react-components/react-migration-v8-v9/library/CHANGELOG.md
index a36a305525e74..5d78fc3189481 100644
--- a/packages/react-components/react-migration-v8-v9/library/CHANGELOG.md
+++ b/packages/react-components/react-migration-v8-v9/library/CHANGELOG.md
@@ -1,9 +1,18 @@
 # Change Log - @fluentui/react-migration-v8-v9
 
-This log was last generated on Mon, 09 Dec 2024 17:38:13 GMT and should not be manually modified.
+This log was last generated on Mon, 16 Dec 2024 16:26:49 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.6.42](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v8-v9_v9.6.42)
+
+Mon, 16 Dec 2024 16:26:49 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v8-v9_v9.6.41..@fluentui/react-migration-v8-v9_v9.6.42)
+
+### Patches
+
+- Bump @fluentui/react-components to v9.56.6 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+
 ## [9.6.41](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v8-v9_v9.6.41)
 
 Mon, 09 Dec 2024 17:38:13 GMT 
diff --git a/packages/react-components/react-migration-v8-v9/library/package.json b/packages/react-components/react-migration-v8-v9/library/package.json
index 29bcc0486a37f..facb920700baa 100644
--- a/packages/react-components/react-migration-v8-v9/library/package.json
+++ b/packages/react-components/react-migration-v8-v9/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-migration-v8-v9",
-  "version": "9.6.41",
+  "version": "9.6.42",
   "description": "Migration shim components and methods for hybrid v8/v9 applications building on Fluent UI React.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -21,7 +21,7 @@
     "@ctrl/tinycolor": "3.3.4",
     "@fluentui/fluent2-theme": "^8.107.118",
     "@fluentui/react": "^8.122.1",
-    "@fluentui/react-components": "^9.56.5",
+    "@fluentui/react-components": "^9.56.6",
     "@fluentui/react-icons": "^2.0.245",
     "@fluentui/react-hooks": "^8.8.16",
     "@griffel/react": "^1.5.22",
diff --git a/packages/react-components/react-motion-components-preview/library/package.json b/packages/react-components/react-motion-components-preview/library/package.json
index 3d2b936f757f4..1728d67fb379f 100644
--- a/packages/react-components/react-motion-components-preview/library/package.json
+++ b/packages/react-components/react-motion-components-preview/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-motion-components-preview",
-  "version": "0.4.0",
+  "version": "0.4.1",
   "description": "A preview package for Fluent UI motion components, providing a collection of components",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
diff --git a/packages/react-components/react-motion/library/CHANGELOG.json b/packages/react-components/react-motion/library/CHANGELOG.json
index efe7a9856d5d5..24bb99cd1b605 100644
--- a/packages/react-components/react-motion/library/CHANGELOG.json
+++ b/packages/react-components/react-motion/library/CHANGELOG.json
@@ -1,6 +1,27 @@
 {
   "name": "@fluentui/react-motion",
   "entries": [
+    {
+      "date": "Mon, 16 Dec 2024 16:26:49 GMT",
+      "tag": "@fluentui/react-motion_v9.6.5",
+      "version": "9.6.5",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-motion",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.21.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-motion",
+            "comment": "Bump @fluentui/react-utilities to v9.18.19",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          }
+        ]
+      }
+    },
     {
       "date": "Mon, 09 Dec 2024 17:38:13 GMT",
       "tag": "@fluentui/react-motion_v9.6.4",
diff --git a/packages/react-components/react-motion/library/CHANGELOG.md b/packages/react-components/react-motion/library/CHANGELOG.md
index 74bd239b1c19b..0889c60147dc6 100644
--- a/packages/react-components/react-motion/library/CHANGELOG.md
+++ b/packages/react-components/react-motion/library/CHANGELOG.md
@@ -1,9 +1,19 @@
 # Change Log - @fluentui/react-motion
 
-This log was last generated on Mon, 09 Dec 2024 17:38:13 GMT and should not be manually modified.
+This log was last generated on Mon, 16 Dec 2024 16:26:49 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.6.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-motion_v9.6.5)
+
+Mon, 16 Dec 2024 16:26:49 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-motion_v9.6.4..@fluentui/react-motion_v9.6.5)
+
+### Patches
+
+- Bump @fluentui/react-shared-contexts to v9.21.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-utilities to v9.18.19 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+
 ## [9.6.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-motion_v9.6.4)
 
 Mon, 09 Dec 2024 17:38:13 GMT 
diff --git a/packages/react-components/react-motion/library/package.json b/packages/react-components/react-motion/library/package.json
index 9c92f5e7b6c8a..1c64fa8617afb 100644
--- a/packages/react-components/react-motion/library/package.json
+++ b/packages/react-components/react-motion/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-motion",
-  "version": "9.6.4",
+  "version": "9.6.5",
   "description": "A package with utilities & motion definitions using Web Animations API",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -25,8 +25,8 @@
     "@fluentui/scripts-cypress": "*"
   },
   "dependencies": {
-    "@fluentui/react-shared-contexts": "^9.21.1",
-    "@fluentui/react-utilities": "^9.18.18",
+    "@fluentui/react-shared-contexts": "^9.21.2",
+    "@fluentui/react-utilities": "^9.18.19",
     "@swc/helpers": "^0.5.1",
     "react-is": "^17.0.2"
   },
diff --git a/packages/react-components/react-nav-preview/library/CHANGELOG.json b/packages/react-components/react-nav-preview/library/CHANGELOG.json
index f63a5e91a0835..463239a3d3525 100644
--- a/packages/react-components/react-nav-preview/library/CHANGELOG.json
+++ b/packages/react-components/react-nav-preview/library/CHANGELOG.json
@@ -1,6 +1,87 @@
 {
   "name": "@fluentui/react-nav-preview",
   "entries": [
+    {
+      "date": "Mon, 16 Dec 2024 16:26:49 GMT",
+      "tag": "@fluentui/react-nav-preview_v0.10.5",
+      "version": "0.10.5",
+      "comments": {
+        "patch": [
+          {
+            "author": "olfedias@microsoft.com",
+            "package": "@fluentui/react-nav-preview",
+            "commit": "f15afa79910b9998044dddcce63e9583e4f8b905",
+            "comment": "chore: remove usage of \"export *\""
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-nav-preview",
+            "comment": "Bump @fluentui/react-aria to v9.13.12",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-nav-preview",
+            "comment": "Bump @fluentui/react-button to v9.3.98",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-nav-preview",
+            "comment": "Bump @fluentui/react-tooltip to v9.5.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-nav-preview",
+            "comment": "Bump @fluentui/react-context-selector to v9.1.71",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-nav-preview",
+            "comment": "Bump @fluentui/react-divider to v9.2.80",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-nav-preview",
+            "comment": "Bump @fluentui/react-drawer to v9.6.5",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-nav-preview",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.48",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-nav-preview",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.21.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-nav-preview",
+            "comment": "Bump @fluentui/react-tabster to v9.23.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-nav-preview",
+            "comment": "Bump @fluentui/react-theme to v9.1.24",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-nav-preview",
+            "comment": "Bump @fluentui/react-utilities to v9.18.19",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          }
+        ]
+      }
+    },
     {
       "date": "Mon, 09 Dec 2024 17:38:16 GMT",
       "tag": "@fluentui/react-nav-preview_v0.10.4",
diff --git a/packages/react-components/react-nav-preview/library/CHANGELOG.md b/packages/react-components/react-nav-preview/library/CHANGELOG.md
index ba0b3326a7b38..c12369cefa128 100644
--- a/packages/react-components/react-nav-preview/library/CHANGELOG.md
+++ b/packages/react-components/react-nav-preview/library/CHANGELOG.md
@@ -1,9 +1,29 @@
 # Change Log - @fluentui/react-nav-preview
 
-This log was last generated on Mon, 09 Dec 2024 17:38:16 GMT and should not be manually modified.
+This log was last generated on Mon, 16 Dec 2024 16:26:49 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [0.10.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-nav-preview_v0.10.5)
+
+Mon, 16 Dec 2024 16:26:49 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-nav-preview_v0.10.4..@fluentui/react-nav-preview_v0.10.5)
+
+### Patches
+
+- chore: remove usage of "export *" ([PR #33457](https://github.com/microsoft/fluentui/pull/33457) by olfedias@microsoft.com)
+- Bump @fluentui/react-aria to v9.13.12 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-button to v9.3.98 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-tooltip to v9.5.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-context-selector to v9.1.71 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-divider to v9.2.80 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-drawer to v9.6.5 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.48 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.21.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-tabster to v9.23.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-theme to v9.1.24 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-utilities to v9.18.19 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+
 ## [0.10.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-nav-preview_v0.10.4)
 
 Mon, 09 Dec 2024 17:38:16 GMT 
diff --git a/packages/react-components/react-nav-preview/library/package.json b/packages/react-components/react-nav-preview/library/package.json
index df37d8755aa09..fa0c6ca4530e3 100644
--- a/packages/react-components/react-nav-preview/library/package.json
+++ b/packages/react-components/react-nav-preview/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-nav-preview",
-  "version": "0.10.4",
+  "version": "0.10.5",
   "description": "New fluentui react package",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -18,18 +18,18 @@
     "@fluentui/scripts-api-extractor": "*"
   },
   "dependencies": {
-    "@fluentui/react-aria": "^9.13.11",
-    "@fluentui/react-button": "^9.3.97",
-    "@fluentui/react-tooltip": "^9.5.1",
-    "@fluentui/react-context-selector": "^9.1.70",
-    "@fluentui/react-divider": "^9.2.79",
-    "@fluentui/react-drawer": "^9.6.4",
+    "@fluentui/react-aria": "^9.13.12",
+    "@fluentui/react-button": "^9.3.98",
+    "@fluentui/react-tooltip": "^9.5.2",
+    "@fluentui/react-context-selector": "^9.1.71",
+    "@fluentui/react-divider": "^9.2.80",
+    "@fluentui/react-drawer": "^9.6.5",
     "@fluentui/react-icons": "^2.0.245",
-    "@fluentui/react-jsx-runtime": "^9.0.47",
-    "@fluentui/react-shared-contexts": "^9.21.1",
-    "@fluentui/react-tabster": "^9.23.1",
-    "@fluentui/react-theme": "^9.1.23",
-    "@fluentui/react-utilities": "^9.18.18",
+    "@fluentui/react-jsx-runtime": "^9.0.48",
+    "@fluentui/react-shared-contexts": "^9.21.2",
+    "@fluentui/react-tabster": "^9.23.2",
+    "@fluentui/react-theme": "^9.1.24",
+    "@fluentui/react-utilities": "^9.18.19",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
diff --git a/packages/react-components/react-overflow/library/CHANGELOG.json b/packages/react-components/react-overflow/library/CHANGELOG.json
index fd9d24318cd63..07dd24749e023 100644
--- a/packages/react-components/react-overflow/library/CHANGELOG.json
+++ b/packages/react-components/react-overflow/library/CHANGELOG.json
@@ -1,6 +1,33 @@
 {
   "name": "@fluentui/react-overflow",
   "entries": [
+    {
+      "date": "Mon, 16 Dec 2024 16:26:49 GMT",
+      "tag": "@fluentui/react-overflow_v9.2.4",
+      "version": "9.2.4",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-overflow",
+            "comment": "Bump @fluentui/react-context-selector to v9.1.71",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-overflow",
+            "comment": "Bump @fluentui/react-theme to v9.1.24",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-overflow",
+            "comment": "Bump @fluentui/react-utilities to v9.18.19",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          }
+        ]
+      }
+    },
     {
       "date": "Fri, 06 Dec 2024 12:53:46 GMT",
       "tag": "@fluentui/react-overflow_v9.2.2",
diff --git a/packages/react-components/react-overflow/library/CHANGELOG.md b/packages/react-components/react-overflow/library/CHANGELOG.md
index 35fdc984744c3..e023450069264 100644
--- a/packages/react-components/react-overflow/library/CHANGELOG.md
+++ b/packages/react-components/react-overflow/library/CHANGELOG.md
@@ -1,9 +1,20 @@
 # Change Log - @fluentui/react-overflow
 
-This log was last generated on Fri, 06 Dec 2024 12:53:46 GMT and should not be manually modified.
+This log was last generated on Mon, 16 Dec 2024 16:26:49 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.2.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-overflow_v9.2.4)
+
+Mon, 16 Dec 2024 16:26:49 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-overflow_v9.2.2..@fluentui/react-overflow_v9.2.4)
+
+### Patches
+
+- Bump @fluentui/react-context-selector to v9.1.71 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-theme to v9.1.24 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-utilities to v9.18.19 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+
 ## [9.2.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-overflow_v9.2.2)
 
 Fri, 06 Dec 2024 12:53:46 GMT 
diff --git a/packages/react-components/react-overflow/library/package.json b/packages/react-components/react-overflow/library/package.json
index 2444a960599c0..827c619fde532 100644
--- a/packages/react-components/react-overflow/library/package.json
+++ b/packages/react-components/react-overflow/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-overflow",
-  "version": "9.2.3",
+  "version": "9.2.4",
   "description": "React bindings for @fluentui/priority-overflow",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -20,9 +20,9 @@
   },
   "dependencies": {
     "@fluentui/priority-overflow": "^9.1.14",
-    "@fluentui/react-context-selector": "^9.1.70",
-    "@fluentui/react-theme": "^9.1.23",
-    "@fluentui/react-utilities": "^9.18.18",
+    "@fluentui/react-context-selector": "^9.1.71",
+    "@fluentui/react-theme": "^9.1.24",
+    "@fluentui/react-utilities": "^9.18.19",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
diff --git a/packages/react-components/react-persona/library/CHANGELOG.json b/packages/react-components/react-persona/library/CHANGELOG.json
index 2003909a8f118..dca502cd86740 100644
--- a/packages/react-components/react-persona/library/CHANGELOG.json
+++ b/packages/react-components/react-persona/library/CHANGELOG.json
@@ -1,6 +1,51 @@
 {
   "name": "@fluentui/react-persona",
   "entries": [
+    {
+      "date": "Mon, 16 Dec 2024 16:26:49 GMT",
+      "tag": "@fluentui/react-persona_v9.2.105",
+      "version": "9.2.105",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-persona",
+            "comment": "Bump @fluentui/react-avatar to v9.6.46",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-persona",
+            "comment": "Bump @fluentui/react-badge to v9.2.48",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-persona",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.21.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-persona",
+            "comment": "Bump @fluentui/react-theme to v9.1.24",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-persona",
+            "comment": "Bump @fluentui/react-utilities to v9.18.19",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-persona",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.48",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          }
+        ]
+      }
+    },
     {
       "date": "Mon, 09 Dec 2024 17:38:14 GMT",
       "tag": "@fluentui/react-persona_v9.2.104",
diff --git a/packages/react-components/react-persona/library/CHANGELOG.md b/packages/react-components/react-persona/library/CHANGELOG.md
index c1d92521ec4d3..a9b29ff68770f 100644
--- a/packages/react-components/react-persona/library/CHANGELOG.md
+++ b/packages/react-components/react-persona/library/CHANGELOG.md
@@ -1,9 +1,23 @@
 # Change Log - @fluentui/react-persona
 
-This log was last generated on Mon, 09 Dec 2024 17:38:14 GMT and should not be manually modified.
+This log was last generated on Mon, 16 Dec 2024 16:26:49 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.2.105](https://github.com/microsoft/fluentui/tree/@fluentui/react-persona_v9.2.105)
+
+Mon, 16 Dec 2024 16:26:49 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-persona_v9.2.104..@fluentui/react-persona_v9.2.105)
+
+### Patches
+
+- Bump @fluentui/react-avatar to v9.6.46 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-badge to v9.2.48 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.21.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-theme to v9.1.24 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-utilities to v9.18.19 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.48 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+
 ## [9.2.104](https://github.com/microsoft/fluentui/tree/@fluentui/react-persona_v9.2.104)
 
 Mon, 09 Dec 2024 17:38:14 GMT 
diff --git a/packages/react-components/react-persona/library/package.json b/packages/react-components/react-persona/library/package.json
index bf79d391b90aa..1b1b51d358fc6 100644
--- a/packages/react-components/react-persona/library/package.json
+++ b/packages/react-components/react-persona/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-persona",
-  "version": "9.2.104",
+  "version": "9.2.105",
   "description": "React components for building web experiences",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -18,12 +18,12 @@
     "@fluentui/scripts-api-extractor": "*"
   },
   "dependencies": {
-    "@fluentui/react-avatar": "^9.6.45",
-    "@fluentui/react-badge": "^9.2.47",
-    "@fluentui/react-shared-contexts": "^9.21.1",
-    "@fluentui/react-theme": "^9.1.23",
-    "@fluentui/react-utilities": "^9.18.18",
-    "@fluentui/react-jsx-runtime": "^9.0.47",
+    "@fluentui/react-avatar": "^9.6.46",
+    "@fluentui/react-badge": "^9.2.48",
+    "@fluentui/react-shared-contexts": "^9.21.2",
+    "@fluentui/react-theme": "^9.1.24",
+    "@fluentui/react-utilities": "^9.18.19",
+    "@fluentui/react-jsx-runtime": "^9.0.48",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
diff --git a/packages/react-components/react-popover/library/CHANGELOG.json b/packages/react-components/react-popover/library/CHANGELOG.json
index fa4f291809a19..4d4edaaf16317 100644
--- a/packages/react-components/react-popover/library/CHANGELOG.json
+++ b/packages/react-components/react-popover/library/CHANGELOG.json
@@ -1,6 +1,69 @@
 {
   "name": "@fluentui/react-popover",
   "entries": [
+    {
+      "date": "Mon, 16 Dec 2024 16:26:49 GMT",
+      "tag": "@fluentui/react-popover_v9.9.28",
+      "version": "9.9.28",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-popover",
+            "comment": "Bump @fluentui/react-aria to v9.13.12",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-popover",
+            "comment": "Bump @fluentui/react-context-selector to v9.1.71",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-popover",
+            "comment": "Bump @fluentui/react-portal to v9.4.40",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-popover",
+            "comment": "Bump @fluentui/react-positioning to v9.16.0",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-popover",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.21.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-popover",
+            "comment": "Bump @fluentui/react-tabster to v9.23.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-popover",
+            "comment": "Bump @fluentui/react-theme to v9.1.24",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-popover",
+            "comment": "Bump @fluentui/react-utilities to v9.18.19",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-popover",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.48",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          }
+        ]
+      }
+    },
     {
       "date": "Mon, 09 Dec 2024 17:38:16 GMT",
       "tag": "@fluentui/react-popover_v9.9.27",
diff --git a/packages/react-components/react-popover/library/CHANGELOG.md b/packages/react-components/react-popover/library/CHANGELOG.md
index 664bdf549ac76..062b0a7c203f7 100644
--- a/packages/react-components/react-popover/library/CHANGELOG.md
+++ b/packages/react-components/react-popover/library/CHANGELOG.md
@@ -1,9 +1,26 @@
 # Change Log - @fluentui/react-popover
 
-This log was last generated on Mon, 09 Dec 2024 17:38:16 GMT and should not be manually modified.
+This log was last generated on Mon, 16 Dec 2024 16:26:49 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.9.28](https://github.com/microsoft/fluentui/tree/@fluentui/react-popover_v9.9.28)
+
+Mon, 16 Dec 2024 16:26:49 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-popover_v9.9.27..@fluentui/react-popover_v9.9.28)
+
+### Patches
+
+- Bump @fluentui/react-aria to v9.13.12 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-context-selector to v9.1.71 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-portal to v9.4.40 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-positioning to v9.16.0 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.21.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-tabster to v9.23.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-theme to v9.1.24 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-utilities to v9.18.19 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.48 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+
 ## [9.9.27](https://github.com/microsoft/fluentui/tree/@fluentui/react-popover_v9.9.27)
 
 Mon, 09 Dec 2024 17:38:16 GMT 
diff --git a/packages/react-components/react-popover/library/package.json b/packages/react-components/react-popover/library/package.json
index 2cec14975a860..0a3ce7c752d01 100644
--- a/packages/react-components/react-popover/library/package.json
+++ b/packages/react-components/react-popover/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-popover",
-  "version": "9.9.27",
+  "version": "9.9.28",
   "description": "Popover component for Fluent UI",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -22,15 +22,15 @@
   },
   "dependencies": {
     "@fluentui/keyboard-keys": "^9.0.8",
-    "@fluentui/react-aria": "^9.13.11",
-    "@fluentui/react-context-selector": "^9.1.70",
-    "@fluentui/react-portal": "^9.4.39",
-    "@fluentui/react-positioning": "^9.15.14",
-    "@fluentui/react-shared-contexts": "^9.21.1",
-    "@fluentui/react-tabster": "^9.23.1",
-    "@fluentui/react-theme": "^9.1.23",
-    "@fluentui/react-utilities": "^9.18.18",
-    "@fluentui/react-jsx-runtime": "^9.0.47",
+    "@fluentui/react-aria": "^9.13.12",
+    "@fluentui/react-context-selector": "^9.1.71",
+    "@fluentui/react-portal": "^9.4.40",
+    "@fluentui/react-positioning": "^9.16.0",
+    "@fluentui/react-shared-contexts": "^9.21.2",
+    "@fluentui/react-tabster": "^9.23.2",
+    "@fluentui/react-theme": "^9.1.24",
+    "@fluentui/react-utilities": "^9.18.19",
+    "@fluentui/react-jsx-runtime": "^9.0.48",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
diff --git a/packages/react-components/react-portal-compat/CHANGELOG.json b/packages/react-components/react-portal-compat/CHANGELOG.json
index b8fe2e25c933b..a5cfcc8e39fc0 100644
--- a/packages/react-components/react-portal-compat/CHANGELOG.json
+++ b/packages/react-components/react-portal-compat/CHANGELOG.json
@@ -1,6 +1,27 @@
 {
   "name": "@fluentui/react-portal-compat",
   "entries": [
+    {
+      "date": "Mon, 16 Dec 2024 16:26:49 GMT",
+      "tag": "@fluentui/react-portal-compat_v9.0.174",
+      "version": "9.0.174",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-portal-compat",
+            "comment": "Bump @fluentui/react-tabster to v9.23.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-portal-compat",
+            "comment": "Bump @fluentui/react-components to v9.56.6",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          }
+        ]
+      }
+    },
     {
       "date": "Mon, 09 Dec 2024 17:38:16 GMT",
       "tag": "@fluentui/react-portal-compat_v9.0.173",
diff --git a/packages/react-components/react-portal-compat/CHANGELOG.md b/packages/react-components/react-portal-compat/CHANGELOG.md
index d2cb9b3346d35..98526d11b0f08 100644
--- a/packages/react-components/react-portal-compat/CHANGELOG.md
+++ b/packages/react-components/react-portal-compat/CHANGELOG.md
@@ -1,9 +1,19 @@
 # Change Log - @fluentui/react-portal-compat
 
-This log was last generated on Mon, 09 Dec 2024 17:38:16 GMT and should not be manually modified.
+This log was last generated on Mon, 16 Dec 2024 16:26:49 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.0.174](https://github.com/microsoft/fluentui/tree/@fluentui/react-portal-compat_v9.0.174)
+
+Mon, 16 Dec 2024 16:26:49 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-portal-compat_v9.0.173..@fluentui/react-portal-compat_v9.0.174)
+
+### Patches
+
+- Bump @fluentui/react-tabster to v9.23.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-components to v9.56.6 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+
 ## [9.0.173](https://github.com/microsoft/fluentui/tree/@fluentui/react-portal-compat_v9.0.173)
 
 Mon, 09 Dec 2024 17:38:16 GMT 
diff --git a/packages/react-components/react-portal-compat/package.json b/packages/react-components/react-portal-compat/package.json
index 5ecbf015882a0..fdaed09ad3ac6 100644
--- a/packages/react-components/react-portal-compat/package.json
+++ b/packages/react-components/react-portal-compat/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-portal-compat",
-  "version": "9.0.173",
+  "version": "9.0.174",
   "description": "A package that contains compatibility layer for React Portals",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -23,11 +23,11 @@
   },
   "dependencies": {
     "@fluentui/react-portal-compat-context": "^9.0.13",
-    "@fluentui/react-tabster": "^9.23.1",
+    "@fluentui/react-tabster": "^9.23.2",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
-    "@fluentui/react-components": "^9.56.5",
+    "@fluentui/react-components": "^9.56.6",
     "@types/react": ">=16.14.0 <19.0.0",
     "react": ">=16.14.0 <19.0.0"
   },
diff --git a/packages/react-components/react-portal/library/CHANGELOG.json b/packages/react-components/react-portal/library/CHANGELOG.json
index 8455d1a103e51..c2d640a549518 100644
--- a/packages/react-components/react-portal/library/CHANGELOG.json
+++ b/packages/react-components/react-portal/library/CHANGELOG.json
@@ -1,6 +1,33 @@
 {
   "name": "@fluentui/react-portal",
   "entries": [
+    {
+      "date": "Mon, 16 Dec 2024 16:26:49 GMT",
+      "tag": "@fluentui/react-portal_v9.4.40",
+      "version": "9.4.40",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-portal",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.21.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-portal",
+            "comment": "Bump @fluentui/react-tabster to v9.23.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-portal",
+            "comment": "Bump @fluentui/react-utilities to v9.18.19",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          }
+        ]
+      }
+    },
     {
       "date": "Fri, 06 Dec 2024 12:53:41 GMT",
       "tag": "@fluentui/react-portal_v9.4.39",
diff --git a/packages/react-components/react-portal/library/CHANGELOG.md b/packages/react-components/react-portal/library/CHANGELOG.md
index fd60767c69155..2d1121a69bd90 100644
--- a/packages/react-components/react-portal/library/CHANGELOG.md
+++ b/packages/react-components/react-portal/library/CHANGELOG.md
@@ -1,9 +1,20 @@
 # Change Log - @fluentui/react-portal
 
-This log was last generated on Fri, 06 Dec 2024 12:53:41 GMT and should not be manually modified.
+This log was last generated on Mon, 16 Dec 2024 16:26:49 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.4.40](https://github.com/microsoft/fluentui/tree/@fluentui/react-portal_v9.4.40)
+
+Mon, 16 Dec 2024 16:26:49 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-portal_v9.4.39..@fluentui/react-portal_v9.4.40)
+
+### Patches
+
+- Bump @fluentui/react-shared-contexts to v9.21.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-tabster to v9.23.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-utilities to v9.18.19 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+
 ## [9.4.39](https://github.com/microsoft/fluentui/tree/@fluentui/react-portal_v9.4.39)
 
 Fri, 06 Dec 2024 12:53:41 GMT 
diff --git a/packages/react-components/react-portal/library/package.json b/packages/react-components/react-portal/library/package.json
index 600062c2c9c35..e08c24eaffb1b 100644
--- a/packages/react-components/react-portal/library/package.json
+++ b/packages/react-components/react-portal/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-portal",
-  "version": "9.4.39",
+  "version": "9.4.40",
   "description": "A utility component that creates portals compatible with Fluent UI",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -18,9 +18,9 @@
     "@fluentui/scripts-api-extractor": "*"
   },
   "dependencies": {
-    "@fluentui/react-shared-contexts": "^9.21.1",
-    "@fluentui/react-tabster": "^9.23.1",
-    "@fluentui/react-utilities": "^9.18.18",
+    "@fluentui/react-shared-contexts": "^9.21.2",
+    "@fluentui/react-tabster": "^9.23.2",
+    "@fluentui/react-utilities": "^9.18.19",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1",
     "use-disposable": "^1.0.1"
diff --git a/packages/react-components/react-positioning/CHANGELOG.json b/packages/react-components/react-positioning/CHANGELOG.json
index b7105f2cde1a8..e87dc53c98d90 100644
--- a/packages/react-components/react-positioning/CHANGELOG.json
+++ b/packages/react-components/react-positioning/CHANGELOG.json
@@ -1,6 +1,39 @@
 {
   "name": "@fluentui/react-positioning",
   "entries": [
+    {
+      "date": "Mon, 16 Dec 2024 16:26:49 GMT",
+      "tag": "@fluentui/react-positioning_v9.16.0",
+      "version": "9.16.0",
+      "comments": {
+        "minor": [
+          {
+            "author": "yuanboxue@microsoft.com",
+            "package": "@fluentui/react-positioning",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff",
+            "comment": "Add positioning option `shiftToCoverTarget` that allows the positioned element to shift to cover the target when there is not enough available space"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-positioning",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.21.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-positioning",
+            "comment": "Bump @fluentui/react-theme to v9.1.24",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-positioning",
+            "comment": "Bump @fluentui/react-utilities to v9.18.19",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          }
+        ]
+      }
+    },
     {
       "date": "Mon, 09 Dec 2024 17:38:14 GMT",
       "tag": "@fluentui/react-positioning_v9.15.14",
diff --git a/packages/react-components/react-positioning/CHANGELOG.md b/packages/react-components/react-positioning/CHANGELOG.md
index eca77b4b25e3b..3c502e8e232ef 100644
--- a/packages/react-components/react-positioning/CHANGELOG.md
+++ b/packages/react-components/react-positioning/CHANGELOG.md
@@ -1,9 +1,21 @@
 # Change Log - @fluentui/react-positioning
 
-This log was last generated on Mon, 09 Dec 2024 17:38:14 GMT and should not be manually modified.
+This log was last generated on Mon, 16 Dec 2024 16:26:49 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.16.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.16.0)
+
+Mon, 16 Dec 2024 16:26:49 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.15.14..@fluentui/react-positioning_v9.16.0)
+
+### Minor changes
+
+- Add positioning option `shiftToCoverTarget` that allows the positioned element to shift to cover the target when there is not enough available space ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by yuanboxue@microsoft.com)
+- Bump @fluentui/react-shared-contexts to v9.21.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-theme to v9.1.24 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-utilities to v9.18.19 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+
 ## [9.15.14](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.15.14)
 
 Mon, 09 Dec 2024 17:38:14 GMT 
diff --git a/packages/react-components/react-positioning/package.json b/packages/react-components/react-positioning/package.json
index 1a54b1d20a705..184e18b96209c 100644
--- a/packages/react-components/react-positioning/package.json
+++ b/packages/react-components/react-positioning/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-positioning",
-  "version": "9.15.14",
+  "version": "9.16.0",
   "description": "A react wrapper around Popper.js for Fluent UI",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -18,9 +18,9 @@
   "dependencies": {
     "@floating-ui/dom": "^1.2.0",
     "@floating-ui/devtools": "0.2.1",
-    "@fluentui/react-shared-contexts": "^9.21.1",
-    "@fluentui/react-theme": "^9.1.23",
-    "@fluentui/react-utilities": "^9.18.18",
+    "@fluentui/react-shared-contexts": "^9.21.2",
+    "@fluentui/react-theme": "^9.1.24",
+    "@fluentui/react-utilities": "^9.18.19",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
diff --git a/packages/react-components/react-progress/library/CHANGELOG.json b/packages/react-components/react-progress/library/CHANGELOG.json
index 4da35cc56f4c4..2331d8fd3ed57 100644
--- a/packages/react-components/react-progress/library/CHANGELOG.json
+++ b/packages/react-components/react-progress/library/CHANGELOG.json
@@ -1,6 +1,45 @@
 {
   "name": "@fluentui/react-progress",
   "entries": [
+    {
+      "date": "Mon, 16 Dec 2024 16:26:49 GMT",
+      "tag": "@fluentui/react-progress_v9.1.94",
+      "version": "9.1.94",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-progress",
+            "comment": "Bump @fluentui/react-field to v9.1.83",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-progress",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.48",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-progress",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.21.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-progress",
+            "comment": "Bump @fluentui/react-theme to v9.1.24",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-progress",
+            "comment": "Bump @fluentui/react-utilities to v9.18.19",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          }
+        ]
+      }
+    },
     {
       "date": "Mon, 09 Dec 2024 17:38:15 GMT",
       "tag": "@fluentui/react-progress_v9.1.93",
diff --git a/packages/react-components/react-progress/library/CHANGELOG.md b/packages/react-components/react-progress/library/CHANGELOG.md
index 15dd68e889986..c659b7965cd53 100644
--- a/packages/react-components/react-progress/library/CHANGELOG.md
+++ b/packages/react-components/react-progress/library/CHANGELOG.md
@@ -1,9 +1,22 @@
 # Change Log - @fluentui/react-progress
 
-This log was last generated on Mon, 09 Dec 2024 17:38:15 GMT and should not be manually modified.
+This log was last generated on Mon, 16 Dec 2024 16:26:49 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.1.94](https://github.com/microsoft/fluentui/tree/@fluentui/react-progress_v9.1.94)
+
+Mon, 16 Dec 2024 16:26:49 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-progress_v9.1.93..@fluentui/react-progress_v9.1.94)
+
+### Patches
+
+- Bump @fluentui/react-field to v9.1.83 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.48 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.21.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-theme to v9.1.24 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-utilities to v9.18.19 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+
 ## [9.1.93](https://github.com/microsoft/fluentui/tree/@fluentui/react-progress_v9.1.93)
 
 Mon, 09 Dec 2024 17:38:15 GMT 
diff --git a/packages/react-components/react-progress/library/package.json b/packages/react-components/react-progress/library/package.json
index a45fa7d511bb3..3a636c008886e 100644
--- a/packages/react-components/react-progress/library/package.json
+++ b/packages/react-components/react-progress/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-progress",
-  "version": "9.1.93",
+  "version": "9.1.94",
   "description": "Progress component for FluentUI v9",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -18,11 +18,11 @@
     "@fluentui/scripts-api-extractor": "*"
   },
   "dependencies": {
-    "@fluentui/react-field": "^9.1.82",
-    "@fluentui/react-jsx-runtime": "^9.0.47",
-    "@fluentui/react-shared-contexts": "^9.21.1",
-    "@fluentui/react-theme": "^9.1.23",
-    "@fluentui/react-utilities": "^9.18.18",
+    "@fluentui/react-field": "^9.1.83",
+    "@fluentui/react-jsx-runtime": "^9.0.48",
+    "@fluentui/react-shared-contexts": "^9.21.2",
+    "@fluentui/react-theme": "^9.1.24",
+    "@fluentui/react-utilities": "^9.18.19",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
diff --git a/packages/react-components/react-provider/library/CHANGELOG.json b/packages/react-components/react-provider/library/CHANGELOG.json
index d1af2b05b0c8c..e6fd2fad4ec7b 100644
--- a/packages/react-components/react-provider/library/CHANGELOG.json
+++ b/packages/react-components/react-provider/library/CHANGELOG.json
@@ -1,6 +1,45 @@
 {
   "name": "@fluentui/react-provider",
   "entries": [
+    {
+      "date": "Mon, 16 Dec 2024 16:26:49 GMT",
+      "tag": "@fluentui/react-provider_v9.18.2",
+      "version": "9.18.2",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-provider",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.21.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-provider",
+            "comment": "Bump @fluentui/react-tabster to v9.23.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-provider",
+            "comment": "Bump @fluentui/react-theme to v9.1.24",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-provider",
+            "comment": "Bump @fluentui/react-utilities to v9.18.19",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-provider",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.48",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          }
+        ]
+      }
+    },
     {
       "date": "Fri, 06 Dec 2024 12:53:41 GMT",
       "tag": "@fluentui/react-provider_v9.18.1",
diff --git a/packages/react-components/react-provider/library/CHANGELOG.md b/packages/react-components/react-provider/library/CHANGELOG.md
index 100559602b0f6..7cfddde12588a 100644
--- a/packages/react-components/react-provider/library/CHANGELOG.md
+++ b/packages/react-components/react-provider/library/CHANGELOG.md
@@ -1,9 +1,22 @@
 # Change Log - @fluentui/react-provider
 
-This log was last generated on Fri, 06 Dec 2024 12:53:41 GMT and should not be manually modified.
+This log was last generated on Mon, 16 Dec 2024 16:26:49 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.18.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-provider_v9.18.2)
+
+Mon, 16 Dec 2024 16:26:49 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-provider_v9.18.1..@fluentui/react-provider_v9.18.2)
+
+### Patches
+
+- Bump @fluentui/react-shared-contexts to v9.21.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-tabster to v9.23.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-theme to v9.1.24 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-utilities to v9.18.19 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.48 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+
 ## [9.18.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-provider_v9.18.1)
 
 Fri, 06 Dec 2024 12:53:41 GMT 
diff --git a/packages/react-components/react-provider/library/package.json b/packages/react-components/react-provider/library/package.json
index 89da878eb1d84..a3e9631e17054 100644
--- a/packages/react-components/react-provider/library/package.json
+++ b/packages/react-components/react-provider/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-provider",
-  "version": "9.18.1",
+  "version": "9.18.2",
   "description": "Fluent UI React provider component",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -19,11 +19,11 @@
   },
   "dependencies": {
     "@fluentui/react-icons": "^2.0.245",
-    "@fluentui/react-shared-contexts": "^9.21.1",
-    "@fluentui/react-tabster": "^9.23.1",
-    "@fluentui/react-theme": "^9.1.23",
-    "@fluentui/react-utilities": "^9.18.18",
-    "@fluentui/react-jsx-runtime": "^9.0.47",
+    "@fluentui/react-shared-contexts": "^9.21.2",
+    "@fluentui/react-tabster": "^9.23.2",
+    "@fluentui/react-theme": "^9.1.24",
+    "@fluentui/react-utilities": "^9.18.19",
+    "@fluentui/react-jsx-runtime": "^9.0.48",
     "@griffel/core": "^1.16.0",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
diff --git a/packages/react-components/react-radio/library/CHANGELOG.json b/packages/react-components/react-radio/library/CHANGELOG.json
index 15e7a0d8aa7e8..e5b96985ef077 100644
--- a/packages/react-components/react-radio/library/CHANGELOG.json
+++ b/packages/react-components/react-radio/library/CHANGELOG.json
@@ -1,6 +1,63 @@
 {
   "name": "@fluentui/react-radio",
   "entries": [
+    {
+      "date": "Mon, 16 Dec 2024 16:26:45 GMT",
+      "tag": "@fluentui/react-radio_v9.2.39",
+      "version": "9.2.39",
+      "comments": {
+        "patch": [
+          {
+            "author": "olfedias@microsoft.com",
+            "package": "@fluentui/react-radio",
+            "commit": "f15afa79910b9998044dddcce63e9583e4f8b905",
+            "comment": "chore: remove usage of \"export *\""
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-radio",
+            "comment": "Bump @fluentui/react-field to v9.1.83",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-radio",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.48",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-radio",
+            "comment": "Bump @fluentui/react-label to v9.1.81",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-radio",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.21.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-radio",
+            "comment": "Bump @fluentui/react-tabster to v9.23.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-radio",
+            "comment": "Bump @fluentui/react-theme to v9.1.24",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-radio",
+            "comment": "Bump @fluentui/react-utilities to v9.18.19",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          }
+        ]
+      }
+    },
     {
       "date": "Mon, 09 Dec 2024 17:38:16 GMT",
       "tag": "@fluentui/react-radio_v9.2.38",
diff --git a/packages/react-components/react-radio/library/CHANGELOG.md b/packages/react-components/react-radio/library/CHANGELOG.md
index 8e529e2dc7a49..e9837cc96dc5d 100644
--- a/packages/react-components/react-radio/library/CHANGELOG.md
+++ b/packages/react-components/react-radio/library/CHANGELOG.md
@@ -1,9 +1,25 @@
 # Change Log - @fluentui/react-radio
 
-This log was last generated on Mon, 09 Dec 2024 17:38:16 GMT and should not be manually modified.
+This log was last generated on Mon, 16 Dec 2024 16:26:45 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.2.39](https://github.com/microsoft/fluentui/tree/@fluentui/react-radio_v9.2.39)
+
+Mon, 16 Dec 2024 16:26:45 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-radio_v9.2.38..@fluentui/react-radio_v9.2.39)
+
+### Patches
+
+- chore: remove usage of "export *" ([PR #33457](https://github.com/microsoft/fluentui/pull/33457) by olfedias@microsoft.com)
+- Bump @fluentui/react-field to v9.1.83 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.48 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-label to v9.1.81 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.21.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-tabster to v9.23.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-theme to v9.1.24 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-utilities to v9.18.19 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+
 ## [9.2.38](https://github.com/microsoft/fluentui/tree/@fluentui/react-radio_v9.2.38)
 
 Mon, 09 Dec 2024 17:38:16 GMT 
diff --git a/packages/react-components/react-radio/library/package.json b/packages/react-components/react-radio/library/package.json
index 8b50b6986f7f9..be2e7bd795d8f 100644
--- a/packages/react-components/react-radio/library/package.json
+++ b/packages/react-components/react-radio/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-radio",
-  "version": "9.2.38",
+  "version": "9.2.39",
   "description": "Fluent UI Radio component",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -18,13 +18,13 @@
     "@fluentui/scripts-api-extractor": "*"
   },
   "dependencies": {
-    "@fluentui/react-field": "^9.1.82",
-    "@fluentui/react-jsx-runtime": "^9.0.47",
-    "@fluentui/react-label": "^9.1.80",
-    "@fluentui/react-shared-contexts": "^9.21.1",
-    "@fluentui/react-tabster": "^9.23.1",
-    "@fluentui/react-theme": "^9.1.23",
-    "@fluentui/react-utilities": "^9.18.18",
+    "@fluentui/react-field": "^9.1.83",
+    "@fluentui/react-jsx-runtime": "^9.0.48",
+    "@fluentui/react-label": "^9.1.81",
+    "@fluentui/react-shared-contexts": "^9.21.2",
+    "@fluentui/react-tabster": "^9.23.2",
+    "@fluentui/react-theme": "^9.1.24",
+    "@fluentui/react-utilities": "^9.18.19",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
diff --git a/packages/react-components/react-rating/library/CHANGELOG.json b/packages/react-components/react-rating/library/CHANGELOG.json
index 78a6b9572833d..d333777219d6a 100644
--- a/packages/react-components/react-rating/library/CHANGELOG.json
+++ b/packages/react-components/react-rating/library/CHANGELOG.json
@@ -1,6 +1,39 @@
 {
   "name": "@fluentui/react-rating",
   "entries": [
+    {
+      "date": "Mon, 16 Dec 2024 16:26:49 GMT",
+      "tag": "@fluentui/react-rating_v9.0.25",
+      "version": "9.0.25",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-rating",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.48",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-rating",
+            "comment": "Bump @fluentui/react-theme to v9.1.24",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-rating",
+            "comment": "Bump @fluentui/react-tabster to v9.23.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-rating",
+            "comment": "Bump @fluentui/react-utilities to v9.18.19",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          }
+        ]
+      }
+    },
     {
       "date": "Mon, 09 Dec 2024 17:38:15 GMT",
       "tag": "@fluentui/react-rating_v9.0.24",
diff --git a/packages/react-components/react-rating/library/CHANGELOG.md b/packages/react-components/react-rating/library/CHANGELOG.md
index eea096a146c44..e0e7577221be7 100644
--- a/packages/react-components/react-rating/library/CHANGELOG.md
+++ b/packages/react-components/react-rating/library/CHANGELOG.md
@@ -1,9 +1,21 @@
 # Change Log - @fluentui/react-rating
 
-This log was last generated on Mon, 09 Dec 2024 17:38:15 GMT and should not be manually modified.
+This log was last generated on Mon, 16 Dec 2024 16:26:49 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.0.25](https://github.com/microsoft/fluentui/tree/@fluentui/react-rating_v9.0.25)
+
+Mon, 16 Dec 2024 16:26:49 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-rating_v9.0.24..@fluentui/react-rating_v9.0.25)
+
+### Patches
+
+- Bump @fluentui/react-jsx-runtime to v9.0.48 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-theme to v9.1.24 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-tabster to v9.23.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-utilities to v9.18.19 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+
 ## [9.0.24](https://github.com/microsoft/fluentui/tree/@fluentui/react-rating_v9.0.24)
 
 Mon, 09 Dec 2024 17:38:15 GMT 
diff --git a/packages/react-components/react-rating/library/package.json b/packages/react-components/react-rating/library/package.json
index 7301b2b01c414..f1948b0ad777d 100644
--- a/packages/react-components/react-rating/library/package.json
+++ b/packages/react-components/react-rating/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-rating",
-  "version": "9.0.24",
+  "version": "9.0.25",
   "description": "Rating component for building web experiences",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -18,11 +18,11 @@
     "@fluentui/scripts-api-extractor": "*"
   },
   "dependencies": {
-    "@fluentui/react-jsx-runtime": "^9.0.47",
+    "@fluentui/react-jsx-runtime": "^9.0.48",
     "@fluentui/react-icons": "^2.0.245",
-    "@fluentui/react-theme": "^9.1.23",
-    "@fluentui/react-tabster": "^9.23.1",
-    "@fluentui/react-utilities": "^9.18.18",
+    "@fluentui/react-theme": "^9.1.24",
+    "@fluentui/react-tabster": "^9.23.2",
+    "@fluentui/react-utilities": "^9.18.19",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
diff --git a/packages/react-components/react-search/library/CHANGELOG.json b/packages/react-components/react-search/library/CHANGELOG.json
index 0bfcf951055ee..5a4ce3c60cfba 100644
--- a/packages/react-components/react-search/library/CHANGELOG.json
+++ b/packages/react-components/react-search/library/CHANGELOG.json
@@ -1,6 +1,39 @@
 {
   "name": "@fluentui/react-search",
   "entries": [
+    {
+      "date": "Mon, 16 Dec 2024 16:26:49 GMT",
+      "tag": "@fluentui/react-search_v9.0.26",
+      "version": "9.0.26",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-search",
+            "comment": "Bump @fluentui/react-input to v9.4.96",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-search",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.48",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-search",
+            "comment": "Bump @fluentui/react-theme to v9.1.24",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-search",
+            "comment": "Bump @fluentui/react-utilities to v9.18.19",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          }
+        ]
+      }
+    },
     {
       "date": "Mon, 09 Dec 2024 17:38:15 GMT",
       "tag": "@fluentui/react-search_v9.0.25",
diff --git a/packages/react-components/react-search/library/CHANGELOG.md b/packages/react-components/react-search/library/CHANGELOG.md
index 996a5fd0d7dbb..14ad3329e17fd 100644
--- a/packages/react-components/react-search/library/CHANGELOG.md
+++ b/packages/react-components/react-search/library/CHANGELOG.md
@@ -1,9 +1,21 @@
 # Change Log - @fluentui/react-search
 
-This log was last generated on Mon, 09 Dec 2024 17:38:15 GMT and should not be manually modified.
+This log was last generated on Mon, 16 Dec 2024 16:26:49 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.0.26](https://github.com/microsoft/fluentui/tree/@fluentui/react-search_v9.0.26)
+
+Mon, 16 Dec 2024 16:26:49 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-search_v9.0.25..@fluentui/react-search_v9.0.26)
+
+### Patches
+
+- Bump @fluentui/react-input to v9.4.96 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.48 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-theme to v9.1.24 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-utilities to v9.18.19 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+
 ## [9.0.25](https://github.com/microsoft/fluentui/tree/@fluentui/react-search_v9.0.25)
 
 Mon, 09 Dec 2024 17:38:15 GMT 
diff --git a/packages/react-components/react-search/library/package.json b/packages/react-components/react-search/library/package.json
index af95086a6d81a..eb2a1f1abfac3 100644
--- a/packages/react-components/react-search/library/package.json
+++ b/packages/react-components/react-search/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-search",
-  "version": "9.0.25",
+  "version": "9.0.26",
   "description": "Search input for Fluent UI v9",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -19,10 +19,10 @@
   },
   "dependencies": {
     "@fluentui/react-icons": "^2.0.245",
-    "@fluentui/react-input": "^9.4.95",
-    "@fluentui/react-jsx-runtime": "^9.0.47",
-    "@fluentui/react-theme": "^9.1.23",
-    "@fluentui/react-utilities": "^9.18.18",
+    "@fluentui/react-input": "^9.4.96",
+    "@fluentui/react-jsx-runtime": "^9.0.48",
+    "@fluentui/react-theme": "^9.1.24",
+    "@fluentui/react-utilities": "^9.18.19",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
diff --git a/packages/react-components/react-select/library/CHANGELOG.json b/packages/react-components/react-select/library/CHANGELOG.json
index 30b3514bd53ce..938167b408407 100644
--- a/packages/react-components/react-select/library/CHANGELOG.json
+++ b/packages/react-components/react-select/library/CHANGELOG.json
@@ -1,6 +1,45 @@
 {
   "name": "@fluentui/react-select",
   "entries": [
+    {
+      "date": "Mon, 16 Dec 2024 16:26:49 GMT",
+      "tag": "@fluentui/react-select_v9.1.94",
+      "version": "9.1.94",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-select",
+            "comment": "Bump @fluentui/react-field to v9.1.83",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-select",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.48",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-select",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.21.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-select",
+            "comment": "Bump @fluentui/react-theme to v9.1.24",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-select",
+            "comment": "Bump @fluentui/react-utilities to v9.18.19",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          }
+        ]
+      }
+    },
     {
       "date": "Mon, 09 Dec 2024 17:38:15 GMT",
       "tag": "@fluentui/react-select_v9.1.93",
diff --git a/packages/react-components/react-select/library/CHANGELOG.md b/packages/react-components/react-select/library/CHANGELOG.md
index 2d296462dd00d..e748652046f58 100644
--- a/packages/react-components/react-select/library/CHANGELOG.md
+++ b/packages/react-components/react-select/library/CHANGELOG.md
@@ -1,9 +1,22 @@
 # Change Log - @fluentui/react-select
 
-This log was last generated on Mon, 09 Dec 2024 17:38:15 GMT and should not be manually modified.
+This log was last generated on Mon, 16 Dec 2024 16:26:49 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.1.94](https://github.com/microsoft/fluentui/tree/@fluentui/react-select_v9.1.94)
+
+Mon, 16 Dec 2024 16:26:49 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-select_v9.1.93..@fluentui/react-select_v9.1.94)
+
+### Patches
+
+- Bump @fluentui/react-field to v9.1.83 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.48 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.21.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-theme to v9.1.24 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-utilities to v9.18.19 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+
 ## [9.1.93](https://github.com/microsoft/fluentui/tree/@fluentui/react-select_v9.1.93)
 
 Mon, 09 Dec 2024 17:38:15 GMT 
diff --git a/packages/react-components/react-select/library/package.json b/packages/react-components/react-select/library/package.json
index 929a40debdc99..a227ac934979e 100644
--- a/packages/react-components/react-select/library/package.json
+++ b/packages/react-components/react-select/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-select",
-  "version": "9.1.93",
+  "version": "9.1.94",
   "description": "Fluent UI React Select component",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -18,12 +18,12 @@
     "@fluentui/scripts-api-extractor": "*"
   },
   "dependencies": {
-    "@fluentui/react-field": "^9.1.82",
+    "@fluentui/react-field": "^9.1.83",
     "@fluentui/react-icons": "^2.0.245",
-    "@fluentui/react-jsx-runtime": "^9.0.47",
-    "@fluentui/react-shared-contexts": "^9.21.1",
-    "@fluentui/react-theme": "^9.1.23",
-    "@fluentui/react-utilities": "^9.18.18",
+    "@fluentui/react-jsx-runtime": "^9.0.48",
+    "@fluentui/react-shared-contexts": "^9.21.2",
+    "@fluentui/react-theme": "^9.1.24",
+    "@fluentui/react-utilities": "^9.18.19",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
diff --git a/packages/react-components/react-shared-contexts/library/CHANGELOG.json b/packages/react-components/react-shared-contexts/library/CHANGELOG.json
index 1887b05cdbe93..4e71c70d53503 100644
--- a/packages/react-components/react-shared-contexts/library/CHANGELOG.json
+++ b/packages/react-components/react-shared-contexts/library/CHANGELOG.json
@@ -1,6 +1,21 @@
 {
   "name": "@fluentui/react-shared-contexts",
   "entries": [
+    {
+      "date": "Mon, 16 Dec 2024 16:26:49 GMT",
+      "tag": "@fluentui/react-shared-contexts_v9.21.2",
+      "version": "9.21.2",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-shared-contexts",
+            "comment": "Bump @fluentui/react-theme to v9.1.24",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          }
+        ]
+      }
+    },
     {
       "date": "Fri, 06 Dec 2024 12:53:42 GMT",
       "tag": "@fluentui/react-shared-contexts_v9.21.1",
diff --git a/packages/react-components/react-shared-contexts/library/CHANGELOG.md b/packages/react-components/react-shared-contexts/library/CHANGELOG.md
index 35e5148116e77..49ffc57821194 100644
--- a/packages/react-components/react-shared-contexts/library/CHANGELOG.md
+++ b/packages/react-components/react-shared-contexts/library/CHANGELOG.md
@@ -1,9 +1,18 @@
 # Change Log - @fluentui/react-shared-contexts
 
-This log was last generated on Fri, 06 Dec 2024 12:53:42 GMT and should not be manually modified.
+This log was last generated on Mon, 16 Dec 2024 16:26:49 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.21.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-shared-contexts_v9.21.2)
+
+Mon, 16 Dec 2024 16:26:49 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-shared-contexts_v9.21.1..@fluentui/react-shared-contexts_v9.21.2)
+
+### Patches
+
+- Bump @fluentui/react-theme to v9.1.24 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+
 ## [9.21.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-shared-contexts_v9.21.1)
 
 Fri, 06 Dec 2024 12:53:42 GMT 
diff --git a/packages/react-components/react-shared-contexts/library/package.json b/packages/react-components/react-shared-contexts/library/package.json
index 5d833943536ff..134ebe97665f4 100644
--- a/packages/react-components/react-shared-contexts/library/package.json
+++ b/packages/react-components/react-shared-contexts/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-shared-contexts",
-  "version": "9.21.1",
+  "version": "9.21.2",
   "description": "Fluent UI React Contexts shared by multiple components.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -16,7 +16,7 @@
     "@fluentui/scripts-api-extractor": "*"
   },
   "dependencies": {
-    "@fluentui/react-theme": "^9.1.23",
+    "@fluentui/react-theme": "^9.1.24",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-skeleton/library/CHANGELOG.json b/packages/react-components/react-skeleton/library/CHANGELOG.json
index 15bab25b4241f..c137fd85ef87e 100644
--- a/packages/react-components/react-skeleton/library/CHANGELOG.json
+++ b/packages/react-components/react-skeleton/library/CHANGELOG.json
@@ -1,6 +1,45 @@
 {
   "name": "@fluentui/react-skeleton",
   "entries": [
+    {
+      "date": "Mon, 16 Dec 2024 16:26:49 GMT",
+      "tag": "@fluentui/react-skeleton_v9.1.23",
+      "version": "9.1.23",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-skeleton",
+            "comment": "Bump @fluentui/react-field to v9.1.83",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-skeleton",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.48",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-skeleton",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.21.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-skeleton",
+            "comment": "Bump @fluentui/react-theme to v9.1.24",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-skeleton",
+            "comment": "Bump @fluentui/react-utilities to v9.18.19",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          }
+        ]
+      }
+    },
     {
       "date": "Mon, 09 Dec 2024 17:38:16 GMT",
       "tag": "@fluentui/react-skeleton_v9.1.22",
diff --git a/packages/react-components/react-skeleton/library/CHANGELOG.md b/packages/react-components/react-skeleton/library/CHANGELOG.md
index 9c49fcd13d27a..ad25c767ca042 100644
--- a/packages/react-components/react-skeleton/library/CHANGELOG.md
+++ b/packages/react-components/react-skeleton/library/CHANGELOG.md
@@ -1,9 +1,22 @@
 # Change Log - @fluentui/react-skeleton
 
-This log was last generated on Mon, 09 Dec 2024 17:38:16 GMT and should not be manually modified.
+This log was last generated on Mon, 16 Dec 2024 16:26:49 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.1.23](https://github.com/microsoft/fluentui/tree/@fluentui/react-skeleton_v9.1.23)
+
+Mon, 16 Dec 2024 16:26:49 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-skeleton_v9.1.22..@fluentui/react-skeleton_v9.1.23)
+
+### Patches
+
+- Bump @fluentui/react-field to v9.1.83 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.48 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.21.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-theme to v9.1.24 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-utilities to v9.18.19 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+
 ## [9.1.22](https://github.com/microsoft/fluentui/tree/@fluentui/react-skeleton_v9.1.22)
 
 Mon, 09 Dec 2024 17:38:16 GMT 
diff --git a/packages/react-components/react-skeleton/library/package.json b/packages/react-components/react-skeleton/library/package.json
index bf59546e61728..af6f284cc3a87 100644
--- a/packages/react-components/react-skeleton/library/package.json
+++ b/packages/react-components/react-skeleton/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-skeleton",
-  "version": "9.1.22",
+  "version": "9.1.23",
   "description": "Converged v9 Skeleton Component",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -18,11 +18,11 @@
     "@fluentui/scripts-api-extractor": "*"
   },
   "dependencies": {
-    "@fluentui/react-field": "^9.1.82",
-    "@fluentui/react-jsx-runtime": "^9.0.47",
-    "@fluentui/react-shared-contexts": "^9.21.1",
-    "@fluentui/react-theme": "^9.1.23",
-    "@fluentui/react-utilities": "^9.18.18",
+    "@fluentui/react-field": "^9.1.83",
+    "@fluentui/react-jsx-runtime": "^9.0.48",
+    "@fluentui/react-shared-contexts": "^9.21.2",
+    "@fluentui/react-theme": "^9.1.24",
+    "@fluentui/react-utilities": "^9.18.19",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
diff --git a/packages/react-components/react-slider/library/CHANGELOG.json b/packages/react-components/react-slider/library/CHANGELOG.json
index b57682a58f21c..e8d8d49e0466c 100644
--- a/packages/react-components/react-slider/library/CHANGELOG.json
+++ b/packages/react-components/react-slider/library/CHANGELOG.json
@@ -1,6 +1,51 @@
 {
   "name": "@fluentui/react-slider",
   "entries": [
+    {
+      "date": "Mon, 16 Dec 2024 16:26:49 GMT",
+      "tag": "@fluentui/react-slider_v9.2.3",
+      "version": "9.2.3",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-slider",
+            "comment": "Bump @fluentui/react-field to v9.1.83",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-slider",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.48",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-slider",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.21.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-slider",
+            "comment": "Bump @fluentui/react-tabster to v9.23.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-slider",
+            "comment": "Bump @fluentui/react-theme to v9.1.24",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-slider",
+            "comment": "Bump @fluentui/react-utilities to v9.18.19",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          }
+        ]
+      }
+    },
     {
       "date": "Mon, 09 Dec 2024 17:38:16 GMT",
       "tag": "@fluentui/react-slider_v9.2.2",
diff --git a/packages/react-components/react-slider/library/CHANGELOG.md b/packages/react-components/react-slider/library/CHANGELOG.md
index c41fdc43fe133..029e3bf7d2f38 100644
--- a/packages/react-components/react-slider/library/CHANGELOG.md
+++ b/packages/react-components/react-slider/library/CHANGELOG.md
@@ -1,9 +1,23 @@
 # Change Log - @fluentui/react-slider
 
-This log was last generated on Mon, 09 Dec 2024 17:38:16 GMT and should not be manually modified.
+This log was last generated on Mon, 16 Dec 2024 16:26:49 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.2.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-slider_v9.2.3)
+
+Mon, 16 Dec 2024 16:26:49 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-slider_v9.2.2..@fluentui/react-slider_v9.2.3)
+
+### Patches
+
+- Bump @fluentui/react-field to v9.1.83 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.48 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.21.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-tabster to v9.23.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-theme to v9.1.24 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-utilities to v9.18.19 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+
 ## [9.2.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-slider_v9.2.2)
 
 Mon, 09 Dec 2024 17:38:16 GMT 
diff --git a/packages/react-components/react-slider/library/package.json b/packages/react-components/react-slider/library/package.json
index dcd6c99488032..bc97aec7e96d3 100644
--- a/packages/react-components/react-slider/library/package.json
+++ b/packages/react-components/react-slider/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-slider",
-  "version": "9.2.2",
+  "version": "9.2.3",
   "description": "Fluent UI React Slider component.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -19,12 +19,12 @@
     "@fluentui/scripts-api-extractor": "*"
   },
   "dependencies": {
-    "@fluentui/react-field": "^9.1.82",
-    "@fluentui/react-jsx-runtime": "^9.0.47",
-    "@fluentui/react-shared-contexts": "^9.21.1",
-    "@fluentui/react-tabster": "^9.23.1",
-    "@fluentui/react-theme": "^9.1.23",
-    "@fluentui/react-utilities": "^9.18.18",
+    "@fluentui/react-field": "^9.1.83",
+    "@fluentui/react-jsx-runtime": "^9.0.48",
+    "@fluentui/react-shared-contexts": "^9.21.2",
+    "@fluentui/react-tabster": "^9.23.2",
+    "@fluentui/react-theme": "^9.1.24",
+    "@fluentui/react-utilities": "^9.18.19",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
diff --git a/packages/react-components/react-spinbutton/library/CHANGELOG.json b/packages/react-components/react-spinbutton/library/CHANGELOG.json
index 3aa2af8e8c891..23e855fb9010f 100644
--- a/packages/react-components/react-spinbutton/library/CHANGELOG.json
+++ b/packages/react-components/react-spinbutton/library/CHANGELOG.json
@@ -1,6 +1,45 @@
 {
   "name": "@fluentui/react-spinbutton",
   "entries": [
+    {
+      "date": "Mon, 16 Dec 2024 16:26:49 GMT",
+      "tag": "@fluentui/react-spinbutton_v9.2.95",
+      "version": "9.2.95",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-spinbutton",
+            "comment": "Bump @fluentui/react-field to v9.1.83",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-spinbutton",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.48",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-spinbutton",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.21.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-spinbutton",
+            "comment": "Bump @fluentui/react-theme to v9.1.24",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-spinbutton",
+            "comment": "Bump @fluentui/react-utilities to v9.18.19",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          }
+        ]
+      }
+    },
     {
       "date": "Mon, 09 Dec 2024 17:38:05 GMT",
       "tag": "@fluentui/react-spinbutton_v9.2.94",
diff --git a/packages/react-components/react-spinbutton/library/CHANGELOG.md b/packages/react-components/react-spinbutton/library/CHANGELOG.md
index ac1a053aea068..11eb1bc311d4c 100644
--- a/packages/react-components/react-spinbutton/library/CHANGELOG.md
+++ b/packages/react-components/react-spinbutton/library/CHANGELOG.md
@@ -1,9 +1,22 @@
 # Change Log - @fluentui/react-spinbutton
 
-This log was last generated on Mon, 09 Dec 2024 17:38:05 GMT and should not be manually modified.
+This log was last generated on Mon, 16 Dec 2024 16:26:49 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.2.95](https://github.com/microsoft/fluentui/tree/@fluentui/react-spinbutton_v9.2.95)
+
+Mon, 16 Dec 2024 16:26:49 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-spinbutton_v9.2.94..@fluentui/react-spinbutton_v9.2.95)
+
+### Patches
+
+- Bump @fluentui/react-field to v9.1.83 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.48 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.21.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-theme to v9.1.24 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-utilities to v9.18.19 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+
 ## [9.2.94](https://github.com/microsoft/fluentui/tree/@fluentui/react-spinbutton_v9.2.94)
 
 Mon, 09 Dec 2024 17:38:05 GMT 
diff --git a/packages/react-components/react-spinbutton/library/package.json b/packages/react-components/react-spinbutton/library/package.json
index d7e8d1855d787..93b1a2bd3aac7 100644
--- a/packages/react-components/react-spinbutton/library/package.json
+++ b/packages/react-components/react-spinbutton/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-spinbutton",
-  "version": "9.2.94",
+  "version": "9.2.95",
   "description": "Fluent UI React SpinButton component.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -20,12 +20,12 @@
   },
   "dependencies": {
     "@fluentui/keyboard-keys": "^9.0.8",
-    "@fluentui/react-field": "^9.1.82",
+    "@fluentui/react-field": "^9.1.83",
     "@fluentui/react-icons": "^2.0.245",
-    "@fluentui/react-jsx-runtime": "^9.0.47",
-    "@fluentui/react-shared-contexts": "^9.21.1",
-    "@fluentui/react-theme": "^9.1.23",
-    "@fluentui/react-utilities": "^9.18.18",
+    "@fluentui/react-jsx-runtime": "^9.0.48",
+    "@fluentui/react-shared-contexts": "^9.21.2",
+    "@fluentui/react-theme": "^9.1.24",
+    "@fluentui/react-utilities": "^9.18.19",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
diff --git a/packages/react-components/react-spinner/library/CHANGELOG.json b/packages/react-components/react-spinner/library/CHANGELOG.json
index b69e13287260b..017e026c38b7f 100644
--- a/packages/react-components/react-spinner/library/CHANGELOG.json
+++ b/packages/react-components/react-spinner/library/CHANGELOG.json
@@ -1,6 +1,45 @@
 {
   "name": "@fluentui/react-spinner",
   "entries": [
+    {
+      "date": "Mon, 16 Dec 2024 16:26:49 GMT",
+      "tag": "@fluentui/react-spinner_v9.5.5",
+      "version": "9.5.5",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-spinner",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.48",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-spinner",
+            "comment": "Bump @fluentui/react-label to v9.1.81",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-spinner",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.21.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-spinner",
+            "comment": "Bump @fluentui/react-theme to v9.1.24",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-spinner",
+            "comment": "Bump @fluentui/react-utilities to v9.18.19",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          }
+        ]
+      }
+    },
     {
       "date": "Mon, 09 Dec 2024 17:38:05 GMT",
       "tag": "@fluentui/react-spinner_v9.5.4",
diff --git a/packages/react-components/react-spinner/library/CHANGELOG.md b/packages/react-components/react-spinner/library/CHANGELOG.md
index 28dd5d129bc42..af04d213ea57c 100644
--- a/packages/react-components/react-spinner/library/CHANGELOG.md
+++ b/packages/react-components/react-spinner/library/CHANGELOG.md
@@ -1,9 +1,22 @@
 # Change Log - @fluentui/react-spinner
 
-This log was last generated on Mon, 09 Dec 2024 17:38:05 GMT and should not be manually modified.
+This log was last generated on Mon, 16 Dec 2024 16:26:49 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.5.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-spinner_v9.5.5)
+
+Mon, 16 Dec 2024 16:26:49 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-spinner_v9.5.4..@fluentui/react-spinner_v9.5.5)
+
+### Patches
+
+- Bump @fluentui/react-jsx-runtime to v9.0.48 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-label to v9.1.81 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.21.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-theme to v9.1.24 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-utilities to v9.18.19 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+
 ## [9.5.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-spinner_v9.5.4)
 
 Mon, 09 Dec 2024 17:38:05 GMT 
diff --git a/packages/react-components/react-spinner/library/package.json b/packages/react-components/react-spinner/library/package.json
index 6a69ba278a9d9..9b17b7d96842f 100644
--- a/packages/react-components/react-spinner/library/package.json
+++ b/packages/react-components/react-spinner/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-spinner",
-  "version": "9.5.4",
+  "version": "9.5.5",
   "description": "Spinner component for Fluent UI React",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -18,11 +18,11 @@
     "@fluentui/scripts-api-extractor": "*"
   },
   "dependencies": {
-    "@fluentui/react-jsx-runtime": "^9.0.47",
-    "@fluentui/react-label": "^9.1.80",
-    "@fluentui/react-shared-contexts": "^9.21.1",
-    "@fluentui/react-theme": "^9.1.23",
-    "@fluentui/react-utilities": "^9.18.18",
+    "@fluentui/react-jsx-runtime": "^9.0.48",
+    "@fluentui/react-label": "^9.1.81",
+    "@fluentui/react-shared-contexts": "^9.21.2",
+    "@fluentui/react-theme": "^9.1.24",
+    "@fluentui/react-utilities": "^9.18.19",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
diff --git a/packages/react-components/react-storybook-addon/package.json b/packages/react-components/react-storybook-addon/package.json
index 783fa543d0a37..c59fd67adbc08 100644
--- a/packages/react-components/react-storybook-addon/package.json
+++ b/packages/react-components/react-storybook-addon/package.json
@@ -17,9 +17,9 @@
     "@fluentui/scripts-api-extractor": "*"
   },
   "dependencies": {
-    "@fluentui/react-aria": "^9.13.11",
-    "@fluentui/react-provider": "^9.18.1",
-    "@fluentui/react-theme": "^9.1.23",
+    "@fluentui/react-aria": "^9.13.12",
+    "@fluentui/react-provider": "^9.18.2",
+    "@fluentui/react-theme": "^9.1.24",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-swatch-picker/library/CHANGELOG.json b/packages/react-components/react-swatch-picker/library/CHANGELOG.json
index 66923aa58fa98..0776c2dd9eef3 100644
--- a/packages/react-components/react-swatch-picker/library/CHANGELOG.json
+++ b/packages/react-components/react-swatch-picker/library/CHANGELOG.json
@@ -1,6 +1,57 @@
 {
   "name": "@fluentui/react-swatch-picker",
   "entries": [
+    {
+      "date": "Mon, 16 Dec 2024 16:26:49 GMT",
+      "tag": "@fluentui/react-swatch-picker_v9.1.17",
+      "version": "9.1.17",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-swatch-picker",
+            "comment": "Bump @fluentui/react-context-selector to v9.1.71",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-swatch-picker",
+            "comment": "Bump @fluentui/react-field to v9.1.83",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-swatch-picker",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.48",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-swatch-picker",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.21.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-swatch-picker",
+            "comment": "Bump @fluentui/react-tabster to v9.23.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-swatch-picker",
+            "comment": "Bump @fluentui/react-theme to v9.1.24",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-swatch-picker",
+            "comment": "Bump @fluentui/react-utilities to v9.18.19",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          }
+        ]
+      }
+    },
     {
       "date": "Mon, 09 Dec 2024 17:38:05 GMT",
       "tag": "@fluentui/react-swatch-picker_v9.1.16",
diff --git a/packages/react-components/react-swatch-picker/library/CHANGELOG.md b/packages/react-components/react-swatch-picker/library/CHANGELOG.md
index 900c67ba6f65c..bb073c3c88ca9 100644
--- a/packages/react-components/react-swatch-picker/library/CHANGELOG.md
+++ b/packages/react-components/react-swatch-picker/library/CHANGELOG.md
@@ -1,9 +1,24 @@
 # Change Log - @fluentui/react-swatch-picker
 
-This log was last generated on Mon, 09 Dec 2024 17:38:05 GMT and should not be manually modified.
+This log was last generated on Mon, 16 Dec 2024 16:26:49 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.1.17](https://github.com/microsoft/fluentui/tree/@fluentui/react-swatch-picker_v9.1.17)
+
+Mon, 16 Dec 2024 16:26:49 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-swatch-picker_v9.1.16..@fluentui/react-swatch-picker_v9.1.17)
+
+### Patches
+
+- Bump @fluentui/react-context-selector to v9.1.71 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-field to v9.1.83 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.48 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.21.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-tabster to v9.23.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-theme to v9.1.24 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-utilities to v9.18.19 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+
 ## [9.1.16](https://github.com/microsoft/fluentui/tree/@fluentui/react-swatch-picker_v9.1.16)
 
 Mon, 09 Dec 2024 17:38:05 GMT 
diff --git a/packages/react-components/react-swatch-picker/library/package.json b/packages/react-components/react-swatch-picker/library/package.json
index f956e47ff4cab..81bcd3bd8605a 100644
--- a/packages/react-components/react-swatch-picker/library/package.json
+++ b/packages/react-components/react-swatch-picker/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-swatch-picker",
-  "version": "9.1.16",
+  "version": "9.1.17",
   "description": "New fluentui react package",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -20,14 +20,14 @@
     "@fluentui/scripts-cypress": "*"
   },
   "dependencies": {
-    "@fluentui/react-context-selector": "^9.1.70",
-    "@fluentui/react-field": "^9.1.82",
+    "@fluentui/react-context-selector": "^9.1.71",
+    "@fluentui/react-field": "^9.1.83",
     "@fluentui/react-icons": "^2.0.245",
-    "@fluentui/react-jsx-runtime": "^9.0.47",
-    "@fluentui/react-shared-contexts": "^9.21.1",
-    "@fluentui/react-tabster": "^9.23.1",
-    "@fluentui/react-theme": "^9.1.23",
-    "@fluentui/react-utilities": "^9.18.18",
+    "@fluentui/react-jsx-runtime": "^9.0.48",
+    "@fluentui/react-shared-contexts": "^9.21.2",
+    "@fluentui/react-tabster": "^9.23.2",
+    "@fluentui/react-theme": "^9.1.24",
+    "@fluentui/react-utilities": "^9.18.19",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
diff --git a/packages/react-components/react-switch/library/CHANGELOG.json b/packages/react-components/react-switch/library/CHANGELOG.json
index e9c2da20868e6..de58e85b9a63a 100644
--- a/packages/react-components/react-switch/library/CHANGELOG.json
+++ b/packages/react-components/react-switch/library/CHANGELOG.json
@@ -1,6 +1,57 @@
 {
   "name": "@fluentui/react-switch",
   "entries": [
+    {
+      "date": "Mon, 16 Dec 2024 16:26:49 GMT",
+      "tag": "@fluentui/react-switch_v9.1.101",
+      "version": "9.1.101",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-switch",
+            "comment": "Bump @fluentui/react-field to v9.1.83",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-switch",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.48",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-switch",
+            "comment": "Bump @fluentui/react-label to v9.1.81",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-switch",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.21.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-switch",
+            "comment": "Bump @fluentui/react-tabster to v9.23.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-switch",
+            "comment": "Bump @fluentui/react-theme to v9.1.24",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-switch",
+            "comment": "Bump @fluentui/react-utilities to v9.18.19",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          }
+        ]
+      }
+    },
     {
       "date": "Mon, 09 Dec 2024 17:38:06 GMT",
       "tag": "@fluentui/react-switch_v9.1.100",
diff --git a/packages/react-components/react-switch/library/CHANGELOG.md b/packages/react-components/react-switch/library/CHANGELOG.md
index 57cdfcd970a70..311cc3f498aec 100644
--- a/packages/react-components/react-switch/library/CHANGELOG.md
+++ b/packages/react-components/react-switch/library/CHANGELOG.md
@@ -1,9 +1,24 @@
 # Change Log - @fluentui/react-switch
 
-This log was last generated on Mon, 09 Dec 2024 17:38:06 GMT and should not be manually modified.
+This log was last generated on Mon, 16 Dec 2024 16:26:49 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.1.101](https://github.com/microsoft/fluentui/tree/@fluentui/react-switch_v9.1.101)
+
+Mon, 16 Dec 2024 16:26:49 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-switch_v9.1.100..@fluentui/react-switch_v9.1.101)
+
+### Patches
+
+- Bump @fluentui/react-field to v9.1.83 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.48 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-label to v9.1.81 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.21.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-tabster to v9.23.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-theme to v9.1.24 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-utilities to v9.18.19 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+
 ## [9.1.100](https://github.com/microsoft/fluentui/tree/@fluentui/react-switch_v9.1.100)
 
 Mon, 09 Dec 2024 17:38:06 GMT 
diff --git a/packages/react-components/react-switch/library/package.json b/packages/react-components/react-switch/library/package.json
index cde6346390ce0..f36956d1e9a2d 100644
--- a/packages/react-components/react-switch/library/package.json
+++ b/packages/react-components/react-switch/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-switch",
-  "version": "9.1.100",
+  "version": "9.1.101",
   "description": "Fluent UI React Switch component.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -18,14 +18,14 @@
     "@fluentui/scripts-api-extractor": "*"
   },
   "dependencies": {
-    "@fluentui/react-field": "^9.1.82",
+    "@fluentui/react-field": "^9.1.83",
     "@fluentui/react-icons": "^2.0.245",
-    "@fluentui/react-jsx-runtime": "^9.0.47",
-    "@fluentui/react-label": "^9.1.80",
-    "@fluentui/react-shared-contexts": "^9.21.1",
-    "@fluentui/react-tabster": "^9.23.1",
-    "@fluentui/react-theme": "^9.1.23",
-    "@fluentui/react-utilities": "^9.18.18",
+    "@fluentui/react-jsx-runtime": "^9.0.48",
+    "@fluentui/react-label": "^9.1.81",
+    "@fluentui/react-shared-contexts": "^9.21.2",
+    "@fluentui/react-tabster": "^9.23.2",
+    "@fluentui/react-theme": "^9.1.24",
+    "@fluentui/react-utilities": "^9.18.19",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
diff --git a/packages/react-components/react-table/library/CHANGELOG.json b/packages/react-components/react-table/library/CHANGELOG.json
index 45e6da578990b..dd2ad44a7411e 100644
--- a/packages/react-components/react-table/library/CHANGELOG.json
+++ b/packages/react-components/react-table/library/CHANGELOG.json
@@ -1,6 +1,75 @@
 {
   "name": "@fluentui/react-table",
   "entries": [
+    {
+      "date": "Mon, 16 Dec 2024 16:26:49 GMT",
+      "tag": "@fluentui/react-table_v9.15.25",
+      "version": "9.15.25",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-table",
+            "comment": "Bump @fluentui/react-aria to v9.13.12",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-table",
+            "comment": "Bump @fluentui/react-avatar to v9.6.46",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-table",
+            "comment": "Bump @fluentui/react-checkbox to v9.2.44",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-table",
+            "comment": "Bump @fluentui/react-context-selector to v9.1.71",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-table",
+            "comment": "Bump @fluentui/react-radio to v9.2.39",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-table",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.21.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-table",
+            "comment": "Bump @fluentui/react-tabster to v9.23.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-table",
+            "comment": "Bump @fluentui/react-theme to v9.1.24",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-table",
+            "comment": "Bump @fluentui/react-utilities to v9.18.19",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-table",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.48",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          }
+        ]
+      }
+    },
     {
       "date": "Mon, 09 Dec 2024 17:38:16 GMT",
       "tag": "@fluentui/react-table_v9.15.24",
diff --git a/packages/react-components/react-table/library/CHANGELOG.md b/packages/react-components/react-table/library/CHANGELOG.md
index 74178b6b495cc..c0ef4aa823e7d 100644
--- a/packages/react-components/react-table/library/CHANGELOG.md
+++ b/packages/react-components/react-table/library/CHANGELOG.md
@@ -1,9 +1,27 @@
 # Change Log - @fluentui/react-table
 
-This log was last generated on Mon, 09 Dec 2024 17:38:16 GMT and should not be manually modified.
+This log was last generated on Mon, 16 Dec 2024 16:26:49 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.15.25](https://github.com/microsoft/fluentui/tree/@fluentui/react-table_v9.15.25)
+
+Mon, 16 Dec 2024 16:26:49 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-table_v9.15.24..@fluentui/react-table_v9.15.25)
+
+### Patches
+
+- Bump @fluentui/react-aria to v9.13.12 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-avatar to v9.6.46 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-checkbox to v9.2.44 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-context-selector to v9.1.71 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-radio to v9.2.39 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.21.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-tabster to v9.23.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-theme to v9.1.24 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-utilities to v9.18.19 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.48 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+
 ## [9.15.24](https://github.com/microsoft/fluentui/tree/@fluentui/react-table_v9.15.24)
 
 Mon, 09 Dec 2024 17:38:16 GMT 
diff --git a/packages/react-components/react-table/library/package.json b/packages/react-components/react-table/library/package.json
index bbc480287210c..e9f913694791b 100644
--- a/packages/react-components/react-table/library/package.json
+++ b/packages/react-components/react-table/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-table",
-  "version": "9.15.24",
+  "version": "9.15.25",
   "description": "React components for building web experiences",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -21,17 +21,17 @@
   },
   "dependencies": {
     "@fluentui/keyboard-keys": "^9.0.8",
-    "@fluentui/react-aria": "^9.13.11",
-    "@fluentui/react-avatar": "^9.6.45",
-    "@fluentui/react-checkbox": "^9.2.43",
-    "@fluentui/react-context-selector": "^9.1.70",
+    "@fluentui/react-aria": "^9.13.12",
+    "@fluentui/react-avatar": "^9.6.46",
+    "@fluentui/react-checkbox": "^9.2.44",
+    "@fluentui/react-context-selector": "^9.1.71",
     "@fluentui/react-icons": "^2.0.245",
-    "@fluentui/react-radio": "^9.2.38",
-    "@fluentui/react-shared-contexts": "^9.21.1",
-    "@fluentui/react-tabster": "^9.23.1",
-    "@fluentui/react-theme": "^9.1.23",
-    "@fluentui/react-utilities": "^9.18.18",
-    "@fluentui/react-jsx-runtime": "^9.0.47",
+    "@fluentui/react-radio": "^9.2.39",
+    "@fluentui/react-shared-contexts": "^9.21.2",
+    "@fluentui/react-tabster": "^9.23.2",
+    "@fluentui/react-theme": "^9.1.24",
+    "@fluentui/react-utilities": "^9.18.19",
+    "@fluentui/react-jsx-runtime": "^9.0.48",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
diff --git a/packages/react-components/react-tabs/library/CHANGELOG.json b/packages/react-components/react-tabs/library/CHANGELOG.json
index 88f935b4e2fea..200250dc31f64 100644
--- a/packages/react-components/react-tabs/library/CHANGELOG.json
+++ b/packages/react-components/react-tabs/library/CHANGELOG.json
@@ -1,6 +1,57 @@
 {
   "name": "@fluentui/react-tabs",
   "entries": [
+    {
+      "date": "Mon, 16 Dec 2024 16:26:45 GMT",
+      "tag": "@fluentui/react-tabs_v9.6.5",
+      "version": "9.6.5",
+      "comments": {
+        "patch": [
+          {
+            "author": "dmytrokirpa@microsoft.com",
+            "package": "@fluentui/react-tabs",
+            "commit": "a6cc5b012bf9ea8119cb76e97098a0083df295fa",
+            "comment": "fix: adjust styles for circular tabs"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tabs",
+            "comment": "Bump @fluentui/react-context-selector to v9.1.71",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tabs",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.48",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tabs",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.21.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tabs",
+            "comment": "Bump @fluentui/react-tabster to v9.23.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tabs",
+            "comment": "Bump @fluentui/react-theme to v9.1.24",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tabs",
+            "comment": "Bump @fluentui/react-utilities to v9.18.19",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          }
+        ]
+      }
+    },
     {
       "date": "Mon, 09 Dec 2024 17:38:06 GMT",
       "tag": "@fluentui/react-tabs_v9.6.4",
diff --git a/packages/react-components/react-tabs/library/CHANGELOG.md b/packages/react-components/react-tabs/library/CHANGELOG.md
index b870e4759cd2f..0007817dd8758 100644
--- a/packages/react-components/react-tabs/library/CHANGELOG.md
+++ b/packages/react-components/react-tabs/library/CHANGELOG.md
@@ -1,9 +1,24 @@
 # Change Log - @fluentui/react-tabs
 
-This log was last generated on Mon, 09 Dec 2024 17:38:06 GMT and should not be manually modified.
+This log was last generated on Mon, 16 Dec 2024 16:26:45 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.6.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-tabs_v9.6.5)
+
+Mon, 16 Dec 2024 16:26:45 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tabs_v9.6.4..@fluentui/react-tabs_v9.6.5)
+
+### Patches
+
+- fix: adjust styles for circular tabs ([PR #33441](https://github.com/microsoft/fluentui/pull/33441) by dmytrokirpa@microsoft.com)
+- Bump @fluentui/react-context-selector to v9.1.71 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.48 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.21.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-tabster to v9.23.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-theme to v9.1.24 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-utilities to v9.18.19 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+
 ## [9.6.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-tabs_v9.6.4)
 
 Mon, 09 Dec 2024 17:38:06 GMT 
diff --git a/packages/react-components/react-tabs/library/package.json b/packages/react-components/react-tabs/library/package.json
index 7e78cf8eb0406..f725a304f761b 100644
--- a/packages/react-components/react-tabs/library/package.json
+++ b/packages/react-components/react-tabs/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-tabs",
-  "version": "9.6.4",
+  "version": "9.6.5",
   "description": "Fluent UI React tabs components",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -18,12 +18,12 @@
     "@fluentui/scripts-api-extractor": "*"
   },
   "dependencies": {
-    "@fluentui/react-context-selector": "^9.1.70",
-    "@fluentui/react-jsx-runtime": "^9.0.47",
-    "@fluentui/react-shared-contexts": "^9.21.1",
-    "@fluentui/react-tabster": "^9.23.1",
-    "@fluentui/react-theme": "^9.1.23",
-    "@fluentui/react-utilities": "^9.18.18",
+    "@fluentui/react-context-selector": "^9.1.71",
+    "@fluentui/react-jsx-runtime": "^9.0.48",
+    "@fluentui/react-shared-contexts": "^9.21.2",
+    "@fluentui/react-tabster": "^9.23.2",
+    "@fluentui/react-theme": "^9.1.24",
+    "@fluentui/react-utilities": "^9.18.19",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
diff --git a/packages/react-components/react-tabster/CHANGELOG.json b/packages/react-components/react-tabster/CHANGELOG.json
index 05ca9a00d037c..934289e9a14cd 100644
--- a/packages/react-components/react-tabster/CHANGELOG.json
+++ b/packages/react-components/react-tabster/CHANGELOG.json
@@ -1,6 +1,33 @@
 {
   "name": "@fluentui/react-tabster",
   "entries": [
+    {
+      "date": "Mon, 16 Dec 2024 16:26:49 GMT",
+      "tag": "@fluentui/react-tabster_v9.23.2",
+      "version": "9.23.2",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tabster",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.21.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tabster",
+            "comment": "Bump @fluentui/react-theme to v9.1.24",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tabster",
+            "comment": "Bump @fluentui/react-utilities to v9.18.19",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          }
+        ]
+      }
+    },
     {
       "date": "Fri, 06 Dec 2024 12:53:43 GMT",
       "tag": "@fluentui/react-tabster_v9.23.1",
diff --git a/packages/react-components/react-tabster/CHANGELOG.md b/packages/react-components/react-tabster/CHANGELOG.md
index 6a529d67e068b..2f0c6f916a347 100644
--- a/packages/react-components/react-tabster/CHANGELOG.md
+++ b/packages/react-components/react-tabster/CHANGELOG.md
@@ -1,9 +1,20 @@
 # Change Log - @fluentui/react-tabster
 
-This log was last generated on Fri, 06 Dec 2024 12:53:43 GMT and should not be manually modified.
+This log was last generated on Mon, 16 Dec 2024 16:26:49 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.23.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-tabster_v9.23.2)
+
+Mon, 16 Dec 2024 16:26:49 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tabster_v9.23.1..@fluentui/react-tabster_v9.23.2)
+
+### Patches
+
+- Bump @fluentui/react-shared-contexts to v9.21.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-theme to v9.1.24 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-utilities to v9.18.19 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+
 ## [9.23.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-tabster_v9.23.1)
 
 Fri, 06 Dec 2024 12:53:43 GMT 
diff --git a/packages/react-components/react-tabster/package.json b/packages/react-components/react-tabster/package.json
index b55f73442ea06..ea1b271027f42 100644
--- a/packages/react-components/react-tabster/package.json
+++ b/packages/react-components/react-tabster/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-tabster",
-  "version": "9.23.1",
+  "version": "9.23.2",
   "description": "Utilities for focus management and facade for tabster",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -17,9 +17,9 @@
     "@fluentui/scripts-cypress": "*"
   },
   "dependencies": {
-    "@fluentui/react-shared-contexts": "^9.21.1",
-    "@fluentui/react-theme": "^9.1.23",
-    "@fluentui/react-utilities": "^9.18.18",
+    "@fluentui/react-shared-contexts": "^9.21.2",
+    "@fluentui/react-theme": "^9.1.24",
+    "@fluentui/react-utilities": "^9.18.19",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1",
     "keyborg": "^2.6.0",
diff --git a/packages/react-components/react-tag-picker/library/CHANGELOG.json b/packages/react-components/react-tag-picker/library/CHANGELOG.json
index 224f796e6f805..7dd6a661f1c2e 100644
--- a/packages/react-components/react-tag-picker/library/CHANGELOG.json
+++ b/packages/react-components/react-tag-picker/library/CHANGELOG.json
@@ -1,6 +1,87 @@
 {
   "name": "@fluentui/react-tag-picker",
   "entries": [
+    {
+      "date": "Mon, 16 Dec 2024 16:26:49 GMT",
+      "tag": "@fluentui/react-tag-picker_v9.3.12",
+      "version": "9.3.12",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tag-picker",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.48",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tag-picker",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.21.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tag-picker",
+            "comment": "Bump @fluentui/react-theme to v9.1.24",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tag-picker",
+            "comment": "Bump @fluentui/react-utilities to v9.18.19",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tag-picker",
+            "comment": "Bump @fluentui/react-portal to v9.4.40",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tag-picker",
+            "comment": "Bump @fluentui/react-tabster to v9.23.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tag-picker",
+            "comment": "Bump @fluentui/react-aria to v9.13.12",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tag-picker",
+            "comment": "Bump @fluentui/react-combobox to v9.13.15",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tag-picker",
+            "comment": "Bump @fluentui/react-tags to v9.3.26",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tag-picker",
+            "comment": "Bump @fluentui/react-context-selector to v9.1.71",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tag-picker",
+            "comment": "Bump @fluentui/react-positioning to v9.16.0",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tag-picker",
+            "comment": "Bump @fluentui/react-field to v9.1.83",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          }
+        ]
+      }
+    },
     {
       "date": "Mon, 09 Dec 2024 17:38:16 GMT",
       "tag": "@fluentui/react-tag-picker_v9.3.11",
diff --git a/packages/react-components/react-tag-picker/library/CHANGELOG.md b/packages/react-components/react-tag-picker/library/CHANGELOG.md
index 68e74b0f5f6ff..dc65e92dbdafd 100644
--- a/packages/react-components/react-tag-picker/library/CHANGELOG.md
+++ b/packages/react-components/react-tag-picker/library/CHANGELOG.md
@@ -1,9 +1,29 @@
 # Change Log - @fluentui/react-tag-picker
 
-This log was last generated on Mon, 09 Dec 2024 17:38:16 GMT and should not be manually modified.
+This log was last generated on Mon, 16 Dec 2024 16:26:49 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.3.12](https://github.com/microsoft/fluentui/tree/@fluentui/react-tag-picker_v9.3.12)
+
+Mon, 16 Dec 2024 16:26:49 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tag-picker_v9.3.11..@fluentui/react-tag-picker_v9.3.12)
+
+### Patches
+
+- Bump @fluentui/react-jsx-runtime to v9.0.48 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.21.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-theme to v9.1.24 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-utilities to v9.18.19 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-portal to v9.4.40 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-tabster to v9.23.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-aria to v9.13.12 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-combobox to v9.13.15 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-tags to v9.3.26 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-context-selector to v9.1.71 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-positioning to v9.16.0 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-field to v9.1.83 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+
 ## [9.3.11](https://github.com/microsoft/fluentui/tree/@fluentui/react-tag-picker_v9.3.11)
 
 Mon, 09 Dec 2024 17:38:16 GMT 
diff --git a/packages/react-components/react-tag-picker/library/package.json b/packages/react-components/react-tag-picker/library/package.json
index 16e46c9066288..e084aa6d0f01c 100644
--- a/packages/react-components/react-tag-picker/library/package.json
+++ b/packages/react-components/react-tag-picker/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-tag-picker",
-  "version": "9.3.11",
+  "version": "9.3.12",
   "description": "FluentUI TagPicker component",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -28,20 +28,20 @@
     "@fluentui/scripts-cypress": "*"
   },
   "dependencies": {
-    "@fluentui/react-jsx-runtime": "^9.0.47",
-    "@fluentui/react-shared-contexts": "^9.21.1",
-    "@fluentui/react-theme": "^9.1.23",
-    "@fluentui/react-utilities": "^9.18.18",
-    "@fluentui/react-portal": "^9.4.39",
-    "@fluentui/react-tabster": "^9.23.1",
-    "@fluentui/react-aria": "^9.13.11",
+    "@fluentui/react-jsx-runtime": "^9.0.48",
+    "@fluentui/react-shared-contexts": "^9.21.2",
+    "@fluentui/react-theme": "^9.1.24",
+    "@fluentui/react-utilities": "^9.18.19",
+    "@fluentui/react-portal": "^9.4.40",
+    "@fluentui/react-tabster": "^9.23.2",
+    "@fluentui/react-aria": "^9.13.12",
     "@fluentui/react-icons": "^2.0.245",
-    "@fluentui/react-combobox": "^9.13.14",
-    "@fluentui/react-tags": "^9.3.25",
-    "@fluentui/react-context-selector": "^9.1.70",
-    "@fluentui/react-positioning": "^9.15.14",
+    "@fluentui/react-combobox": "^9.13.15",
+    "@fluentui/react-tags": "^9.3.26",
+    "@fluentui/react-context-selector": "^9.1.71",
+    "@fluentui/react-positioning": "^9.16.0",
     "@fluentui/keyboard-keys": "^9.0.8",
-    "@fluentui/react-field": "^9.1.82",
+    "@fluentui/react-field": "^9.1.83",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
diff --git a/packages/react-components/react-tags/library/CHANGELOG.json b/packages/react-components/react-tags/library/CHANGELOG.json
index 3b7dddcb2e601..52d2b46fadd4d 100644
--- a/packages/react-components/react-tags/library/CHANGELOG.json
+++ b/packages/react-components/react-tags/library/CHANGELOG.json
@@ -1,6 +1,57 @@
 {
   "name": "@fluentui/react-tags",
   "entries": [
+    {
+      "date": "Mon, 16 Dec 2024 16:26:49 GMT",
+      "tag": "@fluentui/react-tags_v9.3.26",
+      "version": "9.3.26",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tags",
+            "comment": "Bump @fluentui/react-aria to v9.13.12",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tags",
+            "comment": "Bump @fluentui/react-avatar to v9.6.46",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tags",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.48",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tags",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.21.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tags",
+            "comment": "Bump @fluentui/react-tabster to v9.23.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tags",
+            "comment": "Bump @fluentui/react-theme to v9.1.24",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tags",
+            "comment": "Bump @fluentui/react-utilities to v9.18.19",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          }
+        ]
+      }
+    },
     {
       "date": "Mon, 09 Dec 2024 17:38:16 GMT",
       "tag": "@fluentui/react-tags_v9.3.25",
diff --git a/packages/react-components/react-tags/library/CHANGELOG.md b/packages/react-components/react-tags/library/CHANGELOG.md
index 933fb6a39cb9d..869a9e29eec6b 100644
--- a/packages/react-components/react-tags/library/CHANGELOG.md
+++ b/packages/react-components/react-tags/library/CHANGELOG.md
@@ -1,9 +1,24 @@
 # Change Log - @fluentui/react-tags
 
-This log was last generated on Mon, 09 Dec 2024 17:38:16 GMT and should not be manually modified.
+This log was last generated on Mon, 16 Dec 2024 16:26:49 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.3.26](https://github.com/microsoft/fluentui/tree/@fluentui/react-tags_v9.3.26)
+
+Mon, 16 Dec 2024 16:26:49 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tags_v9.3.25..@fluentui/react-tags_v9.3.26)
+
+### Patches
+
+- Bump @fluentui/react-aria to v9.13.12 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-avatar to v9.6.46 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.48 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.21.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-tabster to v9.23.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-theme to v9.1.24 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-utilities to v9.18.19 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+
 ## [9.3.25](https://github.com/microsoft/fluentui/tree/@fluentui/react-tags_v9.3.25)
 
 Mon, 09 Dec 2024 17:38:16 GMT 
diff --git a/packages/react-components/react-tags/library/package.json b/packages/react-components/react-tags/library/package.json
index 7160a2ffb8567..f5c184f3f857f 100644
--- a/packages/react-components/react-tags/library/package.json
+++ b/packages/react-components/react-tags/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-tags",
-  "version": "9.3.25",
+  "version": "9.3.26",
   "description": "Fluent UI Tag component",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -21,14 +21,14 @@
   },
   "dependencies": {
     "@fluentui/keyboard-keys": "^9.0.8",
-    "@fluentui/react-aria": "^9.13.11",
-    "@fluentui/react-avatar": "^9.6.45",
+    "@fluentui/react-aria": "^9.13.12",
+    "@fluentui/react-avatar": "^9.6.46",
     "@fluentui/react-icons": "^2.0.245",
-    "@fluentui/react-jsx-runtime": "^9.0.47",
-    "@fluentui/react-shared-contexts": "^9.21.1",
-    "@fluentui/react-tabster": "^9.23.1",
-    "@fluentui/react-theme": "^9.1.23",
-    "@fluentui/react-utilities": "^9.18.18",
+    "@fluentui/react-jsx-runtime": "^9.0.48",
+    "@fluentui/react-shared-contexts": "^9.21.2",
+    "@fluentui/react-tabster": "^9.23.2",
+    "@fluentui/react-theme": "^9.1.24",
+    "@fluentui/react-utilities": "^9.18.19",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
diff --git a/packages/react-components/react-teaching-popover/library/CHANGELOG.json b/packages/react-components/react-teaching-popover/library/CHANGELOG.json
index 0c830979ba1cc..4b51fa8a8584f 100644
--- a/packages/react-components/react-teaching-popover/library/CHANGELOG.json
+++ b/packages/react-components/react-teaching-popover/library/CHANGELOG.json
@@ -1,6 +1,75 @@
 {
   "name": "@fluentui/react-teaching-popover",
   "entries": [
+    {
+      "date": "Mon, 16 Dec 2024 16:26:46 GMT",
+      "tag": "@fluentui/react-teaching-popover_v9.1.25",
+      "version": "9.1.25",
+      "comments": {
+        "patch": [
+          {
+            "author": "olfedias@microsoft.com",
+            "package": "@fluentui/react-teaching-popover",
+            "commit": "f15afa79910b9998044dddcce63e9583e4f8b905",
+            "comment": "chore: remove usage of \"export *\""
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-teaching-popover",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.48",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-teaching-popover",
+            "comment": "Bump @fluentui/react-theme to v9.1.24",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-teaching-popover",
+            "comment": "Bump @fluentui/react-utilities to v9.18.19",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-teaching-popover",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.21.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-teaching-popover",
+            "comment": "Bump @fluentui/react-popover to v9.9.28",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-teaching-popover",
+            "comment": "Bump @fluentui/react-button to v9.3.98",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-teaching-popover",
+            "comment": "Bump @fluentui/react-tabster to v9.23.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-teaching-popover",
+            "comment": "Bump @fluentui/react-aria to v9.13.12",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-teaching-popover",
+            "comment": "Bump @fluentui/react-context-selector to v9.1.71",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          }
+        ]
+      }
+    },
     {
       "date": "Mon, 09 Dec 2024 17:38:16 GMT",
       "tag": "@fluentui/react-teaching-popover_v9.1.24",
diff --git a/packages/react-components/react-teaching-popover/library/CHANGELOG.md b/packages/react-components/react-teaching-popover/library/CHANGELOG.md
index a51b4caadf221..3f0dfe2063e0b 100644
--- a/packages/react-components/react-teaching-popover/library/CHANGELOG.md
+++ b/packages/react-components/react-teaching-popover/library/CHANGELOG.md
@@ -1,9 +1,27 @@
 # Change Log - @fluentui/react-teaching-popover
 
-This log was last generated on Mon, 09 Dec 2024 17:38:16 GMT and should not be manually modified.
+This log was last generated on Mon, 16 Dec 2024 16:26:46 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.1.25](https://github.com/microsoft/fluentui/tree/@fluentui/react-teaching-popover_v9.1.25)
+
+Mon, 16 Dec 2024 16:26:46 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-teaching-popover_v9.1.24..@fluentui/react-teaching-popover_v9.1.25)
+
+### Patches
+
+- chore: remove usage of "export *" ([PR #33457](https://github.com/microsoft/fluentui/pull/33457) by olfedias@microsoft.com)
+- Bump @fluentui/react-jsx-runtime to v9.0.48 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-theme to v9.1.24 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-utilities to v9.18.19 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.21.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-popover to v9.9.28 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-button to v9.3.98 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-tabster to v9.23.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-aria to v9.13.12 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-context-selector to v9.1.71 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+
 ## [9.1.24](https://github.com/microsoft/fluentui/tree/@fluentui/react-teaching-popover_v9.1.24)
 
 Mon, 09 Dec 2024 17:38:16 GMT 
diff --git a/packages/react-components/react-teaching-popover/library/package.json b/packages/react-components/react-teaching-popover/library/package.json
index b666802c36136..ae95907dee257 100644
--- a/packages/react-components/react-teaching-popover/library/package.json
+++ b/packages/react-components/react-teaching-popover/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-teaching-popover",
-  "version": "9.1.24",
+  "version": "9.1.25",
   "description": "New fluentui react package",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -24,18 +24,18 @@
     "@fluentui/scripts-api-extractor": "*"
   },
   "dependencies": {
-    "@fluentui/react-jsx-runtime": "^9.0.47",
-    "@fluentui/react-theme": "^9.1.23",
-    "@fluentui/react-utilities": "^9.18.18",
+    "@fluentui/react-jsx-runtime": "^9.0.48",
+    "@fluentui/react-theme": "^9.1.24",
+    "@fluentui/react-utilities": "^9.18.19",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1",
-    "@fluentui/react-shared-contexts": "^9.21.1",
-    "@fluentui/react-popover": "^9.9.27",
-    "@fluentui/react-button": "^9.3.97",
-    "@fluentui/react-tabster": "^9.23.1",
+    "@fluentui/react-shared-contexts": "^9.21.2",
+    "@fluentui/react-popover": "^9.9.28",
+    "@fluentui/react-button": "^9.3.98",
+    "@fluentui/react-tabster": "^9.23.2",
     "@fluentui/react-icons": "^2.0.245",
-    "@fluentui/react-aria": "^9.13.11",
-    "@fluentui/react-context-selector": "^9.1.70",
+    "@fluentui/react-aria": "^9.13.12",
+    "@fluentui/react-context-selector": "^9.1.71",
     "use-sync-external-store": "^1.2.0"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-text/library/CHANGELOG.json b/packages/react-components/react-text/library/CHANGELOG.json
index 267b2992f463f..c9e98e07e508b 100644
--- a/packages/react-components/react-text/library/CHANGELOG.json
+++ b/packages/react-components/react-text/library/CHANGELOG.json
@@ -1,6 +1,39 @@
 {
   "name": "@fluentui/react-text",
   "entries": [
+    {
+      "date": "Mon, 16 Dec 2024 16:26:49 GMT",
+      "tag": "@fluentui/react-text_v9.4.30",
+      "version": "9.4.30",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-text",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.21.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-text",
+            "comment": "Bump @fluentui/react-theme to v9.1.24",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-text",
+            "comment": "Bump @fluentui/react-utilities to v9.18.19",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-text",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.48",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          }
+        ]
+      }
+    },
     {
       "date": "Mon, 09 Dec 2024 17:38:06 GMT",
       "tag": "@fluentui/react-text_v9.4.29",
diff --git a/packages/react-components/react-text/library/CHANGELOG.md b/packages/react-components/react-text/library/CHANGELOG.md
index 9c8076cbefb99..69cd6b493caa2 100644
--- a/packages/react-components/react-text/library/CHANGELOG.md
+++ b/packages/react-components/react-text/library/CHANGELOG.md
@@ -1,9 +1,21 @@
 # Change Log - @fluentui/react-text
 
-This log was last generated on Mon, 09 Dec 2024 17:38:06 GMT and should not be manually modified.
+This log was last generated on Mon, 16 Dec 2024 16:26:49 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.4.30](https://github.com/microsoft/fluentui/tree/@fluentui/react-text_v9.4.30)
+
+Mon, 16 Dec 2024 16:26:49 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-text_v9.4.29..@fluentui/react-text_v9.4.30)
+
+### Patches
+
+- Bump @fluentui/react-shared-contexts to v9.21.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-theme to v9.1.24 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-utilities to v9.18.19 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.48 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+
 ## [9.4.29](https://github.com/microsoft/fluentui/tree/@fluentui/react-text_v9.4.29)
 
 Mon, 09 Dec 2024 17:38:06 GMT 
diff --git a/packages/react-components/react-text/library/package.json b/packages/react-components/react-text/library/package.json
index 59d3950b5c92b..ef50ba68f13a7 100644
--- a/packages/react-components/react-text/library/package.json
+++ b/packages/react-components/react-text/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-text",
-  "version": "9.4.29",
+  "version": "9.4.30",
   "description": "Text is a typography and styling abstraction component that can be used to ensure the consistency of all text across your application.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -18,10 +18,10 @@
     "@fluentui/scripts-api-extractor": "*"
   },
   "dependencies": {
-    "@fluentui/react-shared-contexts": "^9.21.1",
-    "@fluentui/react-theme": "^9.1.23",
-    "@fluentui/react-utilities": "^9.18.18",
-    "@fluentui/react-jsx-runtime": "^9.0.47",
+    "@fluentui/react-shared-contexts": "^9.21.2",
+    "@fluentui/react-theme": "^9.1.24",
+    "@fluentui/react-utilities": "^9.18.19",
+    "@fluentui/react-jsx-runtime": "^9.0.48",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
diff --git a/packages/react-components/react-textarea/library/CHANGELOG.json b/packages/react-components/react-textarea/library/CHANGELOG.json
index a222a73d17440..59d2c4aacfd0b 100644
--- a/packages/react-components/react-textarea/library/CHANGELOG.json
+++ b/packages/react-components/react-textarea/library/CHANGELOG.json
@@ -1,6 +1,45 @@
 {
   "name": "@fluentui/react-textarea",
   "entries": [
+    {
+      "date": "Mon, 16 Dec 2024 16:26:49 GMT",
+      "tag": "@fluentui/react-textarea_v9.3.95",
+      "version": "9.3.95",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-textarea",
+            "comment": "Bump @fluentui/react-field to v9.1.83",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-textarea",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.21.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-textarea",
+            "comment": "Bump @fluentui/react-theme to v9.1.24",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-textarea",
+            "comment": "Bump @fluentui/react-utilities to v9.18.19",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-textarea",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.48",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          }
+        ]
+      }
+    },
     {
       "date": "Mon, 09 Dec 2024 17:38:07 GMT",
       "tag": "@fluentui/react-textarea_v9.3.94",
diff --git a/packages/react-components/react-textarea/library/CHANGELOG.md b/packages/react-components/react-textarea/library/CHANGELOG.md
index 25dcd7226eb82..32a6809825d9e 100644
--- a/packages/react-components/react-textarea/library/CHANGELOG.md
+++ b/packages/react-components/react-textarea/library/CHANGELOG.md
@@ -1,9 +1,22 @@
 # Change Log - @fluentui/react-textarea
 
-This log was last generated on Mon, 09 Dec 2024 17:38:07 GMT and should not be manually modified.
+This log was last generated on Mon, 16 Dec 2024 16:26:49 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.3.95](https://github.com/microsoft/fluentui/tree/@fluentui/react-textarea_v9.3.95)
+
+Mon, 16 Dec 2024 16:26:49 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-textarea_v9.3.94..@fluentui/react-textarea_v9.3.95)
+
+### Patches
+
+- Bump @fluentui/react-field to v9.1.83 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.21.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-theme to v9.1.24 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-utilities to v9.18.19 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.48 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+
 ## [9.3.94](https://github.com/microsoft/fluentui/tree/@fluentui/react-textarea_v9.3.94)
 
 Mon, 09 Dec 2024 17:38:07 GMT 
diff --git a/packages/react-components/react-textarea/library/package.json b/packages/react-components/react-textarea/library/package.json
index 3292c72a39111..1b805b4ee2747 100644
--- a/packages/react-components/react-textarea/library/package.json
+++ b/packages/react-components/react-textarea/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-textarea",
-  "version": "9.3.94",
+  "version": "9.3.95",
   "description": "Fluent UI TextArea component",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -18,11 +18,11 @@
     "@fluentui/scripts-api-extractor": "*"
   },
   "dependencies": {
-    "@fluentui/react-field": "^9.1.82",
-    "@fluentui/react-shared-contexts": "^9.21.1",
-    "@fluentui/react-theme": "^9.1.23",
-    "@fluentui/react-utilities": "^9.18.18",
-    "@fluentui/react-jsx-runtime": "^9.0.47",
+    "@fluentui/react-field": "^9.1.83",
+    "@fluentui/react-shared-contexts": "^9.21.2",
+    "@fluentui/react-theme": "^9.1.24",
+    "@fluentui/react-utilities": "^9.18.19",
+    "@fluentui/react-jsx-runtime": "^9.0.48",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
diff --git a/packages/react-components/react-theme-sass/package.json b/packages/react-components/react-theme-sass/package.json
index aefdd8a522440..a8cdfebf50491 100644
--- a/packages/react-components/react-theme-sass/package.json
+++ b/packages/react-components/react-theme-sass/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-theme-sass",
-  "version": "9.0.0-alpha.27",
+  "version": "9.0.0-alpha.28",
   "description": "SASS variables referencing react-theme design tokens injected to DOM by react-provider.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
diff --git a/packages/react-components/react-theme/library/CHANGELOG.json b/packages/react-components/react-theme/library/CHANGELOG.json
index fcd05989bab1d..5f456ca4e5b60 100644
--- a/packages/react-components/react-theme/library/CHANGELOG.json
+++ b/packages/react-components/react-theme/library/CHANGELOG.json
@@ -1,6 +1,21 @@
 {
   "name": "@fluentui/react-theme",
   "entries": [
+    {
+      "date": "Mon, 16 Dec 2024 16:26:49 GMT",
+      "tag": "@fluentui/react-theme_v9.1.24",
+      "version": "9.1.24",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-theme",
+            "comment": "Bump @fluentui/tokens to v1.0.0-alpha.21",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          }
+        ]
+      }
+    },
     {
       "date": "Fri, 06 Dec 2024 12:53:46 GMT",
       "tag": "@fluentui/react-theme_v9.1.23",
diff --git a/packages/react-components/react-theme/library/CHANGELOG.md b/packages/react-components/react-theme/library/CHANGELOG.md
index 3a74c4d5df2f6..80fc8434ab138 100644
--- a/packages/react-components/react-theme/library/CHANGELOG.md
+++ b/packages/react-components/react-theme/library/CHANGELOG.md
@@ -1,9 +1,18 @@
 # Change Log - @fluentui/react-theme
 
-This log was last generated on Fri, 06 Dec 2024 12:53:46 GMT and should not be manually modified.
+This log was last generated on Mon, 16 Dec 2024 16:26:49 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.1.24](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.1.24)
+
+Mon, 16 Dec 2024 16:26:49 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.1.23..@fluentui/react-theme_v9.1.24)
+
+### Patches
+
+- Bump @fluentui/tokens to v1.0.0-alpha.21 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+
 ## [9.1.23](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.1.23)
 
 Fri, 06 Dec 2024 12:53:46 GMT 
diff --git a/packages/react-components/react-theme/library/package.json b/packages/react-components/react-theme/library/package.json
index d7f5d0b4339aa..ef8f1f1fc4e53 100644
--- a/packages/react-components/react-theme/library/package.json
+++ b/packages/react-components/react-theme/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-theme",
-  "version": "9.1.23",
+  "version": "9.1.24",
   "description": "Fluent UI themes",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -16,7 +16,7 @@
     "@fluentui/scripts-api-extractor": "*"
   },
   "dependencies": {
-    "@fluentui/tokens": "1.0.0-alpha.20",
+    "@fluentui/tokens": "1.0.0-alpha.21",
     "@swc/helpers": "^0.5.1"
   },
   "beachball": {
diff --git a/packages/react-components/react-timepicker-compat/library/CHANGELOG.json b/packages/react-components/react-timepicker-compat/library/CHANGELOG.json
index fbd6be0002cbb..d91f937b5c436 100644
--- a/packages/react-components/react-timepicker-compat/library/CHANGELOG.json
+++ b/packages/react-components/react-timepicker-compat/library/CHANGELOG.json
@@ -1,6 +1,51 @@
 {
   "name": "@fluentui/react-timepicker-compat",
   "entries": [
+    {
+      "date": "Mon, 16 Dec 2024 16:26:49 GMT",
+      "tag": "@fluentui/react-timepicker-compat_v0.2.43",
+      "version": "0.2.43",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-timepicker-compat",
+            "comment": "Bump @fluentui/react-combobox to v9.13.15",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-timepicker-compat",
+            "comment": "Bump @fluentui/react-field to v9.1.83",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-timepicker-compat",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.48",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-timepicker-compat",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.21.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-timepicker-compat",
+            "comment": "Bump @fluentui/react-theme to v9.1.24",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-timepicker-compat",
+            "comment": "Bump @fluentui/react-utilities to v9.18.19",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          }
+        ]
+      }
+    },
     {
       "date": "Mon, 09 Dec 2024 17:38:16 GMT",
       "tag": "@fluentui/react-timepicker-compat_v0.2.42",
diff --git a/packages/react-components/react-timepicker-compat/library/CHANGELOG.md b/packages/react-components/react-timepicker-compat/library/CHANGELOG.md
index 74e13be165e11..108a768664702 100644
--- a/packages/react-components/react-timepicker-compat/library/CHANGELOG.md
+++ b/packages/react-components/react-timepicker-compat/library/CHANGELOG.md
@@ -1,9 +1,23 @@
 # Change Log - @fluentui/react-timepicker-compat
 
-This log was last generated on Mon, 09 Dec 2024 17:38:16 GMT and should not be manually modified.
+This log was last generated on Mon, 16 Dec 2024 16:26:49 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [0.2.43](https://github.com/microsoft/fluentui/tree/@fluentui/react-timepicker-compat_v0.2.43)
+
+Mon, 16 Dec 2024 16:26:49 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-timepicker-compat_v0.2.42..@fluentui/react-timepicker-compat_v0.2.43)
+
+### Patches
+
+- Bump @fluentui/react-combobox to v9.13.15 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-field to v9.1.83 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.48 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.21.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-theme to v9.1.24 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-utilities to v9.18.19 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+
 ## [0.2.42](https://github.com/microsoft/fluentui/tree/@fluentui/react-timepicker-compat_v0.2.42)
 
 Mon, 09 Dec 2024 17:38:16 GMT 
diff --git a/packages/react-components/react-timepicker-compat/library/package.json b/packages/react-components/react-timepicker-compat/library/package.json
index 71ef261633dd5..962789f7d8a94 100644
--- a/packages/react-components/react-timepicker-compat/library/package.json
+++ b/packages/react-components/react-timepicker-compat/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-timepicker-compat",
-  "version": "0.2.42",
+  "version": "0.2.43",
   "description": "Fluent UI TimePicker Compat Component",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -28,12 +28,12 @@
   },
   "dependencies": {
     "@fluentui/keyboard-keys": "^9.0.8",
-    "@fluentui/react-combobox": "^9.13.14",
-    "@fluentui/react-field": "^9.1.82",
-    "@fluentui/react-jsx-runtime": "^9.0.47",
-    "@fluentui/react-shared-contexts": "^9.21.1",
-    "@fluentui/react-theme": "^9.1.23",
-    "@fluentui/react-utilities": "^9.18.18",
+    "@fluentui/react-combobox": "^9.13.15",
+    "@fluentui/react-field": "^9.1.83",
+    "@fluentui/react-jsx-runtime": "^9.0.48",
+    "@fluentui/react-shared-contexts": "^9.21.2",
+    "@fluentui/react-theme": "^9.1.24",
+    "@fluentui/react-utilities": "^9.18.19",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
diff --git a/packages/react-components/react-toast/library/CHANGELOG.json b/packages/react-components/react-toast/library/CHANGELOG.json
index 47a066c054a43..3248dc1d1bac5 100644
--- a/packages/react-components/react-toast/library/CHANGELOG.json
+++ b/packages/react-components/react-toast/library/CHANGELOG.json
@@ -1,6 +1,69 @@
 {
   "name": "@fluentui/react-toast",
   "entries": [
+    {
+      "date": "Mon, 16 Dec 2024 16:26:49 GMT",
+      "tag": "@fluentui/react-toast_v9.3.63",
+      "version": "9.3.63",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-toast",
+            "comment": "Bump @fluentui/react-aria to v9.13.12",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-toast",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.48",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-toast",
+            "comment": "Bump @fluentui/react-motion to v9.6.5",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-toast",
+            "comment": "Bump @fluentui/react-motion-components-preview to v0.4.1",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-toast",
+            "comment": "Bump @fluentui/react-portal to v9.4.40",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-toast",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.21.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-toast",
+            "comment": "Bump @fluentui/react-tabster to v9.23.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-toast",
+            "comment": "Bump @fluentui/react-theme to v9.1.24",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-toast",
+            "comment": "Bump @fluentui/react-utilities to v9.18.19",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          }
+        ]
+      }
+    },
     {
       "date": "Mon, 09 Dec 2024 17:38:07 GMT",
       "tag": "@fluentui/react-toast_v9.3.62",
diff --git a/packages/react-components/react-toast/library/CHANGELOG.md b/packages/react-components/react-toast/library/CHANGELOG.md
index 034a3dfbf53f7..cbcc7c29c8b97 100644
--- a/packages/react-components/react-toast/library/CHANGELOG.md
+++ b/packages/react-components/react-toast/library/CHANGELOG.md
@@ -1,9 +1,26 @@
 # Change Log - @fluentui/react-toast
 
-This log was last generated on Mon, 09 Dec 2024 17:38:07 GMT and should not be manually modified.
+This log was last generated on Mon, 16 Dec 2024 16:26:49 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.3.63](https://github.com/microsoft/fluentui/tree/@fluentui/react-toast_v9.3.63)
+
+Mon, 16 Dec 2024 16:26:49 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-toast_v9.3.62..@fluentui/react-toast_v9.3.63)
+
+### Patches
+
+- Bump @fluentui/react-aria to v9.13.12 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.48 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-motion to v9.6.5 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-motion-components-preview to v0.4.1 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-portal to v9.4.40 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.21.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-tabster to v9.23.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-theme to v9.1.24 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-utilities to v9.18.19 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+
 ## [9.3.62](https://github.com/microsoft/fluentui/tree/@fluentui/react-toast_v9.3.62)
 
 Mon, 09 Dec 2024 17:38:07 GMT 
diff --git a/packages/react-components/react-toast/library/package.json b/packages/react-components/react-toast/library/package.json
index 3d34d63a7fa8d..c259c41a4866d 100644
--- a/packages/react-components/react-toast/library/package.json
+++ b/packages/react-components/react-toast/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-toast",
-  "version": "9.3.62",
+  "version": "9.3.63",
   "description": "Toast component for Fluent UI",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -21,16 +21,16 @@
   },
   "dependencies": {
     "@fluentui/keyboard-keys": "^9.0.8",
-    "@fluentui/react-aria": "^9.13.11",
+    "@fluentui/react-aria": "^9.13.12",
     "@fluentui/react-icons": "^2.0.245",
-    "@fluentui/react-jsx-runtime": "^9.0.47",
-    "@fluentui/react-motion": "^9.6.4",
-    "@fluentui/react-motion-components-preview": "^0.4.0",
-    "@fluentui/react-portal": "^9.4.39",
-    "@fluentui/react-shared-contexts": "^9.21.1",
-    "@fluentui/react-tabster": "^9.23.1",
-    "@fluentui/react-theme": "^9.1.23",
-    "@fluentui/react-utilities": "^9.18.18",
+    "@fluentui/react-jsx-runtime": "^9.0.48",
+    "@fluentui/react-motion": "^9.6.5",
+    "@fluentui/react-motion-components-preview": "^0.4.1",
+    "@fluentui/react-portal": "^9.4.40",
+    "@fluentui/react-shared-contexts": "^9.21.2",
+    "@fluentui/react-tabster": "^9.23.2",
+    "@fluentui/react-theme": "^9.1.24",
+    "@fluentui/react-utilities": "^9.18.19",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
diff --git a/packages/react-components/react-toolbar/library/CHANGELOG.json b/packages/react-components/react-toolbar/library/CHANGELOG.json
index dfa92be3edf31..24591b1b04dd9 100644
--- a/packages/react-components/react-toolbar/library/CHANGELOG.json
+++ b/packages/react-components/react-toolbar/library/CHANGELOG.json
@@ -1,6 +1,69 @@
 {
   "name": "@fluentui/react-toolbar",
   "entries": [
+    {
+      "date": "Mon, 16 Dec 2024 16:26:49 GMT",
+      "tag": "@fluentui/react-toolbar_v9.2.13",
+      "version": "9.2.13",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-toolbar",
+            "comment": "Bump @fluentui/react-button to v9.3.98",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-toolbar",
+            "comment": "Bump @fluentui/react-divider to v9.2.80",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-toolbar",
+            "comment": "Bump @fluentui/react-theme to v9.1.24",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-toolbar",
+            "comment": "Bump @fluentui/react-utilities to v9.18.19",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-toolbar",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.48",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-toolbar",
+            "comment": "Bump @fluentui/react-context-selector to v9.1.71",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-toolbar",
+            "comment": "Bump @fluentui/react-radio to v9.2.39",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-toolbar",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.21.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-toolbar",
+            "comment": "Bump @fluentui/react-tabster to v9.23.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          }
+        ]
+      }
+    },
     {
       "date": "Mon, 09 Dec 2024 17:38:16 GMT",
       "tag": "@fluentui/react-toolbar_v9.2.12",
diff --git a/packages/react-components/react-toolbar/library/CHANGELOG.md b/packages/react-components/react-toolbar/library/CHANGELOG.md
index 368476983bb84..ce804c026b75d 100644
--- a/packages/react-components/react-toolbar/library/CHANGELOG.md
+++ b/packages/react-components/react-toolbar/library/CHANGELOG.md
@@ -1,9 +1,26 @@
 # Change Log - @fluentui/react-toolbar
 
-This log was last generated on Mon, 09 Dec 2024 17:38:16 GMT and should not be manually modified.
+This log was last generated on Mon, 16 Dec 2024 16:26:49 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.2.13](https://github.com/microsoft/fluentui/tree/@fluentui/react-toolbar_v9.2.13)
+
+Mon, 16 Dec 2024 16:26:49 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-toolbar_v9.2.12..@fluentui/react-toolbar_v9.2.13)
+
+### Patches
+
+- Bump @fluentui/react-button to v9.3.98 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-divider to v9.2.80 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-theme to v9.1.24 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-utilities to v9.18.19 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.48 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-context-selector to v9.1.71 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-radio to v9.2.39 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.21.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-tabster to v9.23.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+
 ## [9.2.12](https://github.com/microsoft/fluentui/tree/@fluentui/react-toolbar_v9.2.12)
 
 Mon, 09 Dec 2024 17:38:16 GMT 
diff --git a/packages/react-components/react-toolbar/library/package.json b/packages/react-components/react-toolbar/library/package.json
index 3e5c0d5e3a2f3..afaf5041bbc07 100644
--- a/packages/react-components/react-toolbar/library/package.json
+++ b/packages/react-components/react-toolbar/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-toolbar",
-  "version": "9.2.12",
+  "version": "9.2.13",
   "description": "React components for building web experiences",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -20,15 +20,15 @@
     "@fluentui/scripts-cypress": "*"
   },
   "dependencies": {
-    "@fluentui/react-button": "^9.3.97",
-    "@fluentui/react-divider": "^9.2.79",
-    "@fluentui/react-theme": "^9.1.23",
-    "@fluentui/react-utilities": "^9.18.18",
-    "@fluentui/react-jsx-runtime": "^9.0.47",
-    "@fluentui/react-context-selector": "^9.1.70",
-    "@fluentui/react-radio": "^9.2.38",
-    "@fluentui/react-shared-contexts": "^9.21.1",
-    "@fluentui/react-tabster": "^9.23.1",
+    "@fluentui/react-button": "^9.3.98",
+    "@fluentui/react-divider": "^9.2.80",
+    "@fluentui/react-theme": "^9.1.24",
+    "@fluentui/react-utilities": "^9.18.19",
+    "@fluentui/react-jsx-runtime": "^9.0.48",
+    "@fluentui/react-context-selector": "^9.1.71",
+    "@fluentui/react-radio": "^9.2.39",
+    "@fluentui/react-shared-contexts": "^9.21.2",
+    "@fluentui/react-tabster": "^9.23.2",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
diff --git a/packages/react-components/react-tooltip/library/CHANGELOG.json b/packages/react-components/react-tooltip/library/CHANGELOG.json
index a857fdca615c7..098a78d2bcc7c 100644
--- a/packages/react-components/react-tooltip/library/CHANGELOG.json
+++ b/packages/react-components/react-tooltip/library/CHANGELOG.json
@@ -1,6 +1,57 @@
 {
   "name": "@fluentui/react-tooltip",
   "entries": [
+    {
+      "date": "Mon, 16 Dec 2024 16:26:49 GMT",
+      "tag": "@fluentui/react-tooltip_v9.5.2",
+      "version": "9.5.2",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tooltip",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.48",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tooltip",
+            "comment": "Bump @fluentui/react-portal to v9.4.40",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tooltip",
+            "comment": "Bump @fluentui/react-positioning to v9.16.0",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tooltip",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.21.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tooltip",
+            "comment": "Bump @fluentui/react-tabster to v9.23.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tooltip",
+            "comment": "Bump @fluentui/react-theme to v9.1.24",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tooltip",
+            "comment": "Bump @fluentui/react-utilities to v9.18.19",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          }
+        ]
+      }
+    },
     {
       "date": "Mon, 09 Dec 2024 17:38:07 GMT",
       "tag": "@fluentui/react-tooltip_v9.5.1",
diff --git a/packages/react-components/react-tooltip/library/CHANGELOG.md b/packages/react-components/react-tooltip/library/CHANGELOG.md
index 25eacfc150e43..513571721b4d3 100644
--- a/packages/react-components/react-tooltip/library/CHANGELOG.md
+++ b/packages/react-components/react-tooltip/library/CHANGELOG.md
@@ -1,9 +1,24 @@
 # Change Log - @fluentui/react-tooltip
 
-This log was last generated on Mon, 09 Dec 2024 17:38:07 GMT and should not be manually modified.
+This log was last generated on Mon, 16 Dec 2024 16:26:49 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.5.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.5.2)
+
+Mon, 16 Dec 2024 16:26:49 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.5.1..@fluentui/react-tooltip_v9.5.2)
+
+### Patches
+
+- Bump @fluentui/react-jsx-runtime to v9.0.48 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-portal to v9.4.40 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-positioning to v9.16.0 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.21.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-tabster to v9.23.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-theme to v9.1.24 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-utilities to v9.18.19 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+
 ## [9.5.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.5.1)
 
 Mon, 09 Dec 2024 17:38:07 GMT 
diff --git a/packages/react-components/react-tooltip/library/package.json b/packages/react-components/react-tooltip/library/package.json
index 096309920b4f8..0c8e69581d8ef 100644
--- a/packages/react-components/react-tooltip/library/package.json
+++ b/packages/react-components/react-tooltip/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-tooltip",
-  "version": "9.5.1",
+  "version": "9.5.2",
   "description": "React components for building web experiences",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -19,13 +19,13 @@
   },
   "dependencies": {
     "@fluentui/keyboard-keys": "^9.0.8",
-    "@fluentui/react-jsx-runtime": "^9.0.47",
-    "@fluentui/react-portal": "^9.4.39",
-    "@fluentui/react-positioning": "^9.15.14",
-    "@fluentui/react-shared-contexts": "^9.21.1",
-    "@fluentui/react-tabster": "^9.23.1",
-    "@fluentui/react-theme": "^9.1.23",
-    "@fluentui/react-utilities": "^9.18.18",
+    "@fluentui/react-jsx-runtime": "^9.0.48",
+    "@fluentui/react-portal": "^9.4.40",
+    "@fluentui/react-positioning": "^9.16.0",
+    "@fluentui/react-shared-contexts": "^9.21.2",
+    "@fluentui/react-tabster": "^9.23.2",
+    "@fluentui/react-theme": "^9.1.24",
+    "@fluentui/react-utilities": "^9.18.19",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
diff --git a/packages/react-components/react-tree/library/CHANGELOG.json b/packages/react-components/react-tree/library/CHANGELOG.json
index 2c6c14c677339..34c2b9e0d4f73 100644
--- a/packages/react-components/react-tree/library/CHANGELOG.json
+++ b/packages/react-components/react-tree/library/CHANGELOG.json
@@ -1,6 +1,93 @@
 {
   "name": "@fluentui/react-tree",
   "entries": [
+    {
+      "date": "Mon, 16 Dec 2024 16:26:49 GMT",
+      "tag": "@fluentui/react-tree_v9.8.10",
+      "version": "9.8.10",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tree",
+            "comment": "Bump @fluentui/react-aria to v9.13.12",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tree",
+            "comment": "Bump @fluentui/react-avatar to v9.6.46",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tree",
+            "comment": "Bump @fluentui/react-button to v9.3.98",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tree",
+            "comment": "Bump @fluentui/react-checkbox to v9.2.44",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tree",
+            "comment": "Bump @fluentui/react-context-selector to v9.1.71",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tree",
+            "comment": "Bump @fluentui/react-motion-components-preview to v0.4.1",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tree",
+            "comment": "Bump @fluentui/react-motion to v9.6.5",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tree",
+            "comment": "Bump @fluentui/react-radio to v9.2.39",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tree",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.21.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tree",
+            "comment": "Bump @fluentui/react-tabster to v9.23.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tree",
+            "comment": "Bump @fluentui/react-theme to v9.1.24",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tree",
+            "comment": "Bump @fluentui/react-utilities to v9.18.19",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tree",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.48",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          }
+        ]
+      }
+    },
     {
       "date": "Mon, 09 Dec 2024 17:38:16 GMT",
       "tag": "@fluentui/react-tree_v9.8.9",
diff --git a/packages/react-components/react-tree/library/CHANGELOG.md b/packages/react-components/react-tree/library/CHANGELOG.md
index 4e8dd5216fbf9..97d5f17503514 100644
--- a/packages/react-components/react-tree/library/CHANGELOG.md
+++ b/packages/react-components/react-tree/library/CHANGELOG.md
@@ -1,9 +1,30 @@
 # Change Log - @fluentui/react-tree
 
-This log was last generated on Mon, 09 Dec 2024 17:38:16 GMT and should not be manually modified.
+This log was last generated on Mon, 16 Dec 2024 16:26:49 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.8.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-tree_v9.8.10)
+
+Mon, 16 Dec 2024 16:26:49 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tree_v9.8.9..@fluentui/react-tree_v9.8.10)
+
+### Patches
+
+- Bump @fluentui/react-aria to v9.13.12 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-avatar to v9.6.46 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-button to v9.3.98 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-checkbox to v9.2.44 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-context-selector to v9.1.71 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-motion-components-preview to v0.4.1 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-motion to v9.6.5 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-radio to v9.2.39 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.21.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-tabster to v9.23.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-theme to v9.1.24 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-utilities to v9.18.19 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.48 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+
 ## [9.8.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-tree_v9.8.9)
 
 Mon, 09 Dec 2024 17:38:16 GMT 
diff --git a/packages/react-components/react-tree/library/package.json b/packages/react-components/react-tree/library/package.json
index c50ff191952ab..71e41503b1cd8 100644
--- a/packages/react-components/react-tree/library/package.json
+++ b/packages/react-components/react-tree/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-tree",
-  "version": "9.8.9",
+  "version": "9.8.10",
   "description": "Tree component for Fluent UI React",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -21,20 +21,20 @@
   },
   "dependencies": {
     "@fluentui/keyboard-keys": "^9.0.8",
-    "@fluentui/react-aria": "^9.13.11",
-    "@fluentui/react-avatar": "^9.6.45",
-    "@fluentui/react-button": "^9.3.97",
-    "@fluentui/react-checkbox": "^9.2.43",
-    "@fluentui/react-context-selector": "^9.1.70",
+    "@fluentui/react-aria": "^9.13.12",
+    "@fluentui/react-avatar": "^9.6.46",
+    "@fluentui/react-button": "^9.3.98",
+    "@fluentui/react-checkbox": "^9.2.44",
+    "@fluentui/react-context-selector": "^9.1.71",
     "@fluentui/react-icons": "^2.0.245",
-    "@fluentui/react-motion-components-preview": "^0.4.0",
-    "@fluentui/react-motion": "^9.6.4",
-    "@fluentui/react-radio": "^9.2.38",
-    "@fluentui/react-shared-contexts": "^9.21.1",
-    "@fluentui/react-tabster": "^9.23.1",
-    "@fluentui/react-theme": "^9.1.23",
-    "@fluentui/react-utilities": "^9.18.18",
-    "@fluentui/react-jsx-runtime": "^9.0.47",
+    "@fluentui/react-motion-components-preview": "^0.4.1",
+    "@fluentui/react-motion": "^9.6.5",
+    "@fluentui/react-radio": "^9.2.39",
+    "@fluentui/react-shared-contexts": "^9.21.2",
+    "@fluentui/react-tabster": "^9.23.2",
+    "@fluentui/react-theme": "^9.1.24",
+    "@fluentui/react-utilities": "^9.18.19",
+    "@fluentui/react-jsx-runtime": "^9.0.48",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
diff --git a/packages/react-components/react-utilities-compat/library/package.json b/packages/react-components/react-utilities-compat/library/package.json
index 1330ebb20c1e9..ecaca7c70a69a 100644
--- a/packages/react-components/react-utilities-compat/library/package.json
+++ b/packages/react-components/react-utilities-compat/library/package.json
@@ -25,10 +25,10 @@
     "@fluentui/scripts-api-extractor": "*"
   },
   "dependencies": {
-    "@fluentui/react-jsx-runtime": "^9.0.47",
-    "@fluentui/react-shared-contexts": "^9.21.1",
-    "@fluentui/react-theme": "^9.1.23",
-    "@fluentui/react-utilities": "^9.18.18",
+    "@fluentui/react-jsx-runtime": "^9.0.48",
+    "@fluentui/react-shared-contexts": "^9.21.2",
+    "@fluentui/react-theme": "^9.1.24",
+    "@fluentui/react-utilities": "^9.18.19",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
diff --git a/packages/react-components/react-utilities/CHANGELOG.json b/packages/react-components/react-utilities/CHANGELOG.json
index cf8ace0d31158..367c066afffdf 100644
--- a/packages/react-components/react-utilities/CHANGELOG.json
+++ b/packages/react-components/react-utilities/CHANGELOG.json
@@ -1,6 +1,21 @@
 {
   "name": "@fluentui/react-utilities",
   "entries": [
+    {
+      "date": "Mon, 16 Dec 2024 16:26:49 GMT",
+      "tag": "@fluentui/react-utilities_v9.18.19",
+      "version": "9.18.19",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-utilities",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.21.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          }
+        ]
+      }
+    },
     {
       "date": "Fri, 06 Dec 2024 12:53:45 GMT",
       "tag": "@fluentui/react-utilities_v9.18.18",
diff --git a/packages/react-components/react-utilities/CHANGELOG.md b/packages/react-components/react-utilities/CHANGELOG.md
index 85ff595129283..252e26ad6b2c1 100644
--- a/packages/react-components/react-utilities/CHANGELOG.md
+++ b/packages/react-components/react-utilities/CHANGELOG.md
@@ -1,9 +1,18 @@
 # Change Log - @fluentui/react-utilities
 
-This log was last generated on Fri, 06 Dec 2024 12:53:45 GMT and should not be manually modified.
+This log was last generated on Mon, 16 Dec 2024 16:26:49 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.18.19](https://github.com/microsoft/fluentui/tree/@fluentui/react-utilities_v9.18.19)
+
+Mon, 16 Dec 2024 16:26:49 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-utilities_v9.18.18..@fluentui/react-utilities_v9.18.19)
+
+### Patches
+
+- Bump @fluentui/react-shared-contexts to v9.21.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+
 ## [9.18.18](https://github.com/microsoft/fluentui/tree/@fluentui/react-utilities_v9.18.18)
 
 Fri, 06 Dec 2024 12:53:45 GMT 
diff --git a/packages/react-components/react-utilities/package.json b/packages/react-components/react-utilities/package.json
index 959d6f0d170b1..0bad717290ed4 100644
--- a/packages/react-components/react-utilities/package.json
+++ b/packages/react-components/react-utilities/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-utilities",
-  "version": "9.18.18",
+  "version": "9.18.19",
   "description": "A set of general React-specific utilities.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -18,7 +18,7 @@
   },
   "dependencies": {
     "@fluentui/keyboard-keys": "^9.0.8",
-    "@fluentui/react-shared-contexts": "^9.21.1",
+    "@fluentui/react-shared-contexts": "^9.21.2",
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
diff --git a/packages/react-components/react-virtualizer/library/CHANGELOG.json b/packages/react-components/react-virtualizer/library/CHANGELOG.json
index 0fa6a76091906..866966d33fd52 100644
--- a/packages/react-components/react-virtualizer/library/CHANGELOG.json
+++ b/packages/react-components/react-virtualizer/library/CHANGELOG.json
@@ -1,6 +1,39 @@
 {
   "name": "@fluentui/react-virtualizer",
   "entries": [
+    {
+      "date": "Mon, 16 Dec 2024 16:26:46 GMT",
+      "tag": "@fluentui/react-virtualizer_v9.0.0-alpha.89",
+      "version": "9.0.0-alpha.89",
+      "comments": {
+        "prerelease": [
+          {
+            "author": "olfedias@microsoft.com",
+            "package": "@fluentui/react-virtualizer",
+            "commit": "f15afa79910b9998044dddcce63e9583e4f8b905",
+            "comment": "chore: remove usage of \"export *\""
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-virtualizer",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.48",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-virtualizer",
+            "comment": "Bump @fluentui/react-utilities to v9.18.19",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-virtualizer",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.21.2",
+            "commit": "27a945ec646737e2132d05da293265335ee6d0ff"
+          }
+        ]
+      }
+    },
     {
       "date": "Fri, 06 Dec 2024 12:53:45 GMT",
       "tag": "@fluentui/react-virtualizer_v9.0.0-alpha.88",
diff --git a/packages/react-components/react-virtualizer/library/CHANGELOG.md b/packages/react-components/react-virtualizer/library/CHANGELOG.md
index 87d3e37ea5822..5acf3a7e7229e 100644
--- a/packages/react-components/react-virtualizer/library/CHANGELOG.md
+++ b/packages/react-components/react-virtualizer/library/CHANGELOG.md
@@ -1,9 +1,21 @@
 # Change Log - @fluentui/react-virtualizer
 
-This log was last generated on Fri, 06 Dec 2024 12:53:45 GMT and should not be manually modified.
+This log was last generated on Mon, 16 Dec 2024 16:26:46 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.0.0-alpha.89](https://github.com/microsoft/fluentui/tree/@fluentui/react-virtualizer_v9.0.0-alpha.89)
+
+Mon, 16 Dec 2024 16:26:46 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-virtualizer_v9.0.0-alpha.88..@fluentui/react-virtualizer_v9.0.0-alpha.89)
+
+### Changes
+
+- chore: remove usage of "export *" ([PR #33457](https://github.com/microsoft/fluentui/pull/33457) by olfedias@microsoft.com)
+- Bump @fluentui/react-jsx-runtime to v9.0.48 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-utilities to v9.18.19 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.21.2 ([PR #33468](https://github.com/microsoft/fluentui/pull/33468) by beachball)
+
 ## [9.0.0-alpha.88](https://github.com/microsoft/fluentui/tree/@fluentui/react-virtualizer_v9.0.0-alpha.88)
 
 Fri, 06 Dec 2024 12:53:45 GMT 
diff --git a/packages/react-components/react-virtualizer/library/package.json b/packages/react-components/react-virtualizer/library/package.json
index cf2ca2dd63e66..9dc68d3ce9e41 100644
--- a/packages/react-components/react-virtualizer/library/package.json
+++ b/packages/react-components/react-virtualizer/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-virtualizer",
-  "version": "9.0.0-alpha.88",
+  "version": "9.0.0-alpha.89",
   "description": "Generic and composable virtualizer framework built on browser intersection observer",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -18,9 +18,9 @@
     "@fluentui/scripts-api-extractor": "*"
   },
   "dependencies": {
-    "@fluentui/react-jsx-runtime": "^9.0.47",
-    "@fluentui/react-utilities": "^9.18.18",
-    "@fluentui/react-shared-contexts": "^9.21.1",
+    "@fluentui/react-jsx-runtime": "^9.0.48",
+    "@fluentui/react-utilities": "^9.18.19",
+    "@fluentui/react-shared-contexts": "^9.21.2",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },
diff --git a/packages/react-components/recipes/package.json b/packages/react-components/recipes/package.json
index 13dd2cb5a9e4a..e17fe8cad2109 100644
--- a/packages/react-components/recipes/package.json
+++ b/packages/react-components/recipes/package.json
@@ -27,10 +27,10 @@
     "@fluentui/react-storybook-addon-export-to-sandbox": "*"
   },
   "dependencies": {
-    "@fluentui/react-provider": "^9.18.1",
-    "@fluentui/react-theme": "^9.1.23",
-    "@fluentui/react-text": "^9.4.29",
-    "@fluentui/react-utilities": "^9.18.18",
+    "@fluentui/react-provider": "^9.18.2",
+    "@fluentui/react-theme": "^9.1.24",
+    "@fluentui/react-text": "^9.4.30",
+    "@fluentui/react-utilities": "^9.18.19",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1",
     "@fluentui/react-icons": "^2.0.245"
diff --git a/packages/react-components/theme-designer/package.json b/packages/react-components/theme-designer/package.json
index b8348fccf3068..e481ec9247d6a 100644
--- a/packages/react-components/theme-designer/package.json
+++ b/packages/react-components/theme-designer/package.json
@@ -17,12 +17,12 @@
     "@fluentui/scripts-api-extractor": "*"
   },
   "dependencies": {
-    "@fluentui/react-components": "^9.56.5",
-    "@fluentui/react-context-selector": "^9.1.70",
+    "@fluentui/react-components": "^9.56.6",
+    "@fluentui/react-context-selector": "^9.1.71",
     "@fluentui/react-icons": "^2.0.245",
     "@fluentui/react-storybook-addon-export-to-sandbox": "^0.1.0",
-    "@fluentui/react-theme": "^9.1.23",
-    "@fluentui/react-utilities": "^9.18.18",
+    "@fluentui/react-theme": "^9.1.24",
+    "@fluentui/react-utilities": "^9.18.19",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1",
     "dedent": "^1.2.0",
diff --git a/packages/tokens/CHANGELOG.json b/packages/tokens/CHANGELOG.json
index b0e981e6fe49d..480f8c8b329e6 100644
--- a/packages/tokens/CHANGELOG.json
+++ b/packages/tokens/CHANGELOG.json
@@ -1,6 +1,21 @@
 {
   "name": "@fluentui/tokens",
   "entries": [
+    {
+      "date": "Mon, 16 Dec 2024 16:26:46 GMT",
+      "tag": "@fluentui/tokens_v1.0.0-alpha.21",
+      "version": "1.0.0-alpha.21",
+      "comments": {
+        "prerelease": [
+          {
+            "author": "bernardo.sunderhus@gmail.com",
+            "package": "@fluentui/tokens",
+            "commit": "ed3876a731c1528835c658486a0f2e7d4dc9f445",
+            "comment": "bugfix: ensure teams tokens follow teams overrides for fonts"
+          }
+        ]
+      }
+    },
     {
       "date": "Fri, 06 Dec 2024 12:53:46 GMT",
       "tag": "@fluentui/tokens_v1.0.0-alpha.20",
diff --git a/packages/tokens/CHANGELOG.md b/packages/tokens/CHANGELOG.md
index 23b7dc0df185e..243fc3e5a811b 100644
--- a/packages/tokens/CHANGELOG.md
+++ b/packages/tokens/CHANGELOG.md
@@ -1,9 +1,18 @@
 # Change Log - @fluentui/tokens
 
-This log was last generated on Fri, 06 Dec 2024 12:53:46 GMT and should not be manually modified.
+This log was last generated on Mon, 16 Dec 2024 16:26:46 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [1.0.0-alpha.21](https://github.com/microsoft/fluentui/tree/@fluentui/tokens_v1.0.0-alpha.21)
+
+Mon, 16 Dec 2024 16:26:46 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/tokens_v1.0.0-alpha.20..@fluentui/tokens_v1.0.0-alpha.21)
+
+### Changes
+
+- bugfix: ensure teams tokens follow teams overrides for fonts ([PR #33393](https://github.com/microsoft/fluentui/pull/33393) by bernardo.sunderhus@gmail.com)
+
 ## [1.0.0-alpha.20](https://github.com/microsoft/fluentui/tree/@fluentui/tokens_v1.0.0-alpha.20)
 
 Fri, 06 Dec 2024 12:53:46 GMT 
diff --git a/packages/tokens/package.json b/packages/tokens/package.json
index 24304bf2aed3f..488a0d89b40db 100644
--- a/packages/tokens/package.json
+++ b/packages/tokens/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/tokens",
-  "version": "1.0.0-alpha.20",
+  "version": "1.0.0-alpha.21",
   "description": "Fluent UI Theme Tokens",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
diff --git a/packages/web-components/package.json b/packages/web-components/package.json
index 713ba36557ac2..7ecb89c6c89e4 100644
--- a/packages/web-components/package.json
+++ b/packages/web-components/package.json
@@ -98,7 +98,7 @@
   },
   "dependencies": {
     "@microsoft/fast-web-utilities": "^6.0.0",
-    "@fluentui/tokens": "1.0.0-alpha.20",
+    "@fluentui/tokens": "1.0.0-alpha.21",
     "tabbable": "^6.2.0",
     "tslib": "^2.1.0"
   },

From 0eca6fb68963b15b664b8560984f0f742bae280b Mon Sep 17 00:00:00 2001
From: Emma Jiang <31319479+emmayjiang@users.noreply.github.com>
Date: Mon, 16 Dec 2024 10:10:20 -0800
Subject: [PATCH 04/42] docs(react-menu, react-popover, react-dialog): Fix
 doc-comment links that don't translate to storybook (#33471)

Co-authored-by: Ben Howell <48106640+behowell@users.noreply.github.com>
Co-authored-by: Makoto Morimoto <Humberto.Morimoto@microsoft.com>
---
 ...-react-dialog-ce4d9fc2-0bea-4c0a-9683-8e86082cd6ad.json | 7 +++++++
 ...ui-react-menu-0feb2146-938a-4fbf-bb2b-2d0d6b7e40b8.json | 7 +++++++
 ...react-popover-01148df2-489e-4ed3-8b39-6a65518b17c3.json | 7 +++++++
 .../library/src/components/Dialog/Dialog.types.ts          | 4 ++--
 .../react-menu/library/src/components/Menu/Menu.types.ts   | 4 ++--
 .../library/src/components/Popover/Popover.types.ts        | 4 ++--
 6 files changed, 27 insertions(+), 6 deletions(-)
 create mode 100644 change/@fluentui-react-dialog-ce4d9fc2-0bea-4c0a-9683-8e86082cd6ad.json
 create mode 100644 change/@fluentui-react-menu-0feb2146-938a-4fbf-bb2b-2d0d6b7e40b8.json
 create mode 100644 change/@fluentui-react-popover-01148df2-489e-4ed3-8b39-6a65518b17c3.json

diff --git a/change/@fluentui-react-dialog-ce4d9fc2-0bea-4c0a-9683-8e86082cd6ad.json b/change/@fluentui-react-dialog-ce4d9fc2-0bea-4c0a-9683-8e86082cd6ad.json
new file mode 100644
index 0000000000000..e866173062b6b
--- /dev/null
+++ b/change/@fluentui-react-dialog-ce4d9fc2-0bea-4c0a-9683-8e86082cd6ad.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "docs(react-dialog): Fix doc-comment links that don't translate to storybook",
+  "packageName": "@fluentui/react-dialog",
+  "email": "jiangemma@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-menu-0feb2146-938a-4fbf-bb2b-2d0d6b7e40b8.json b/change/@fluentui-react-menu-0feb2146-938a-4fbf-bb2b-2d0d6b7e40b8.json
new file mode 100644
index 0000000000000..894d69d9c5c25
--- /dev/null
+++ b/change/@fluentui-react-menu-0feb2146-938a-4fbf-bb2b-2d0d6b7e40b8.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "docs(react-menu): Fix doc-comment links that don't translate to storybook",
+  "packageName": "@fluentui/react-menu",
+  "email": "jiangemma@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-popover-01148df2-489e-4ed3-8b39-6a65518b17c3.json b/change/@fluentui-react-popover-01148df2-489e-4ed3-8b39-6a65518b17c3.json
new file mode 100644
index 0000000000000..5d2a8de8d910a
--- /dev/null
+++ b/change/@fluentui-react-popover-01148df2-489e-4ed3-8b39-6a65518b17c3.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "docs(react-popover): Fix doc-comment links that don't translate to storybook",
+  "packageName": "@fluentui/react-popover",
+  "email": "jiangemma@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/react-components/react-dialog/library/src/components/Dialog/Dialog.types.ts b/packages/react-components/react-dialog/library/src/components/Dialog/Dialog.types.ts
index 503494ae64ac6..2be000bfa4184 100644
--- a/packages/react-components/react-dialog/library/src/components/Dialog/Dialog.types.ts
+++ b/packages/react-components/react-dialog/library/src/components/Dialog/Dialog.types.ts
@@ -96,8 +96,8 @@ export type DialogProps = ComponentProps<Partial<DialogSlots>> & {
   // eslint-disable-next-line @nx/workspace-consistent-callback-type -- can't change type of existing callback
   onOpenChange?: DialogOpenChangeEventHandler;
   /**
-   * Can contain two children including {@link DialogTrigger} and {@link DialogSurface}.
-   * Alternatively can only contain {@link DialogSurface} if using trigger outside dialog, or controlling state.
+   * Can contain two children including `DialogTrigger` and `DialogSurface`.
+   * Alternatively can only contain `DialogSurface` if using trigger outside dialog, or controlling state.
    */
   children: [JSX.Element, JSX.Element] | JSX.Element;
   /**
diff --git a/packages/react-components/react-menu/library/src/components/Menu/Menu.types.ts b/packages/react-components/react-menu/library/src/components/Menu/Menu.types.ts
index 56135c67b5097..1a11bc42ae4d2 100644
--- a/packages/react-components/react-menu/library/src/components/Menu/Menu.types.ts
+++ b/packages/react-components/react-menu/library/src/components/Menu/Menu.types.ts
@@ -18,8 +18,8 @@ export type MenuProps = ComponentProps<MenuSlots> &
     'checkedValues' | 'defaultCheckedValues' | 'hasCheckmarks' | 'hasIcons' | 'onCheckedValueChange'
   > & {
     /**
-     * Can contain two children including {@link MenuTrigger} and {@link MenuPopover}.
-     * Alternatively can only contain {@link MenuPopover} if using a custom `target`.
+     * Can contain two children including `MenuTrigger` and `MenuPopover`.
+     * Alternatively can only contain `MenuPopover` if using a custom `target`.
      */
     children: [JSX.Element, JSX.Element] | JSX.Element;
 
diff --git a/packages/react-components/react-popover/library/src/components/Popover/Popover.types.ts b/packages/react-components/react-popover/library/src/components/Popover/Popover.types.ts
index b9001833f8bc2..cdc8e4f639d66 100644
--- a/packages/react-components/react-popover/library/src/components/Popover/Popover.types.ts
+++ b/packages/react-components/react-popover/library/src/components/Popover/Popover.types.ts
@@ -22,8 +22,8 @@ export type PopoverProps = Pick<PortalProps, 'mountNode'> & {
   appearance?: 'brand' | 'inverted';
 
   /**
-   * Can contain two children including {@link PopoverTrigger} and {@link PopoverSurface}.
-   * Alternatively can only contain {@link PopoverSurface} if using a custom `target`.
+   * Can contain two children including `PopoverTrigger` and `PopoverSurface`.
+   * Alternatively can only contain `PopoverSurface` if using a custom `target`.
    */
   children: [JSX.Element, JSX.Element] | JSX.Element;
 

From 4487ca6a37b19e06ed494e819805c1abfb8c7afa Mon Sep 17 00:00:00 2001
From: "Atishay Jain (atisjai)" <98592573+AtishayMsft@users.noreply.github.com>
Date: Tue, 17 Dec 2024 10:58:49 +0530
Subject: [PATCH 05/42] Add support for controlling legend selection and
 persisting in json schema (#33477)

---
 ...-779871c9-4df7-4cc5-96b6-832621cec379.json |   7 ++
 .../react-charting/etc/react-charting.api.md  |   6 +-
 .../DeclarativeChart/DeclarativeChart.tsx     | 101 +++++++++++++-----
 .../DeclarativeChart/PlotlySchemaAdapter.ts   |   4 -
 .../src/components/Legends/Legends.base.tsx   |  14 +--
 .../DeclarativeChart.Basic.Example.tsx        |  52 +++++++--
 .../DeclarativeChart/schema/fluent_area.json  |   3 +-
 .../DeclarativeChart/schema/fluent_donut.json |   3 +-
 .../DeclarativeChart/schema/fluent_line.json  |   3 +-
 9 files changed, 132 insertions(+), 61 deletions(-)
 create mode 100644 change/@fluentui-react-charting-779871c9-4df7-4cc5-96b6-832621cec379.json

diff --git a/change/@fluentui-react-charting-779871c9-4df7-4cc5-96b6-832621cec379.json b/change/@fluentui-react-charting-779871c9-4df7-4cc5-96b6-832621cec379.json
new file mode 100644
index 0000000000000..3838228b1446e
--- /dev/null
+++ b/change/@fluentui-react-charting-779871c9-4df7-4cc5-96b6-832621cec379.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Add support for controlling legend selection and persisting in json schema",
+  "packageName": "@fluentui/react-charting",
+  "email": "98592573+AtishayMsft@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/charts/react-charting/etc/react-charting.api.md b/packages/charts/react-charting/etc/react-charting.api.md
index 543e8d624e267..54135c0d0cea0 100644
--- a/packages/charts/react-charting/etc/react-charting.api.md
+++ b/packages/charts/react-charting/etc/react-charting.api.md
@@ -1603,13 +1603,9 @@ export const PieChart: React_2.FunctionComponent<IPieChartProps>;
 // @public
 export const SankeyChart: React_2.FunctionComponent<ISankeyChartProps>;
 
-// @public (undocumented)
+// @public
 export interface Schema {
-    accesibilityLabels?: {
-        [key: string]: string;
-    };
     plotlySchema: any;
-    selectedLegends?: string[];
 }
 
 // @public (undocumented)
diff --git a/packages/charts/react-charting/src/components/DeclarativeChart/DeclarativeChart.tsx b/packages/charts/react-charting/src/components/DeclarativeChart/DeclarativeChart.tsx
index ee2f9f254ff4a..55164e9de2c57 100644
--- a/packages/charts/react-charting/src/components/DeclarativeChart/DeclarativeChart.tsx
+++ b/packages/charts/react-charting/src/components/DeclarativeChart/DeclarativeChart.tsx
@@ -24,29 +24,22 @@ import { SankeyChart } from '../SankeyChart/SankeyChart';
 import { GaugeChart } from '../GaugeChart/index';
 import { GroupedVerticalBarChart } from '../GroupedVerticalBarChart/index';
 import { VerticalBarChart } from '../VerticalBarChart/index';
-
-import { useTheme } from '@fluentui/react';
+import { useTheme } from '@fluentui/react/lib/Theme';
 
 export const UseIsDarkTheme = (): boolean => {
   const theme = useTheme();
   return theme?.isInverted ?? false;
 };
 
+/**
+ * DeclarativeChart schema.
+ * {@docCategory DeclarativeChart}
+ */
 export interface Schema {
   /**
    * Plotly schema represented as JSON object
    */
   plotlySchema: any;
-
-  /**
-   * The legends selected by the user to persist in the chart
-   */
-  selectedLegends?: string[];
-
-  /**
-   * Dictionary for localizing the accessibility labels
-   */
-  accesibilityLabels?: { [key: string]: string };
 }
 
 /**
@@ -79,49 +72,105 @@ export const DeclarativeChart: React.FunctionComponent<DeclarativeChartProps> =
   DeclarativeChartProps
 >((props, forwardedRef) => {
   const { plotlySchema } = props.chartSchema;
-  const xValues = plotlySchema.data[0].x;
+  const { data, layout, selectedLegends } = plotlySchema;
+  const xValues = data[0].x;
   const isXDate = isDateArray(xValues);
   const isXNumber = isNumberArray(xValues);
   const colorMap = useColorMapping();
   const isDarkTheme = UseIsDarkTheme();
 
-  switch (plotlySchema.data[0].type) {
+  const [activeLegends, setActiveLegends] = React.useState<string[]>(selectedLegends ?? []);
+  const onActiveLegendsChange = (keys: string[]) => {
+    setActiveLegends(keys);
+    if (props.onSchemaChange) {
+      props.onSchemaChange({ plotlySchema: { data, layout, selectedLegends: keys } });
+    }
+  };
+
+  const legendProps = {
+    canSelectMultipleLegends: false,
+    onChange: onActiveLegendsChange,
+    ...(activeLegends.length > 0 && { selectedLegend: activeLegends[0] }),
+  };
+
+  switch (data[0].type) {
     case 'pie':
-      return <DonutChart {...transformPlotlyJsonToDonutProps(plotlySchema, colorMap, isDarkTheme)} />;
+      return (
+        <DonutChart
+          {...transformPlotlyJsonToDonutProps(plotlySchema, colorMap, isDarkTheme)}
+          legendProps={legendProps}
+        />
+      );
     case 'bar':
-      const orientation = plotlySchema.data[0].orientation;
+      const orientation = data[0].orientation;
       if (orientation === 'h') {
         return (
           <HorizontalBarChartWithAxis
             {...transformPlotlyJsonToHorizontalBarWithAxisProps(plotlySchema, colorMap, isDarkTheme)}
+            legendProps={legendProps}
           />
         );
       } else {
         if (['group', 'overlay'].includes(plotlySchema?.layout?.barmode)) {
-          return <GroupedVerticalBarChart {...transformPlotlyJsonToGVBCProps(plotlySchema, colorMap, isDarkTheme)} />;
+          return (
+            <GroupedVerticalBarChart
+              {...transformPlotlyJsonToGVBCProps(plotlySchema, colorMap, isDarkTheme)}
+              legendProps={legendProps}
+            />
+          );
         }
-        return <VerticalStackedBarChart {...transformPlotlyJsonToVSBCProps(plotlySchema, colorMap, isDarkTheme)} />;
+        return (
+          <VerticalStackedBarChart
+            {...transformPlotlyJsonToVSBCProps(plotlySchema, colorMap, isDarkTheme)}
+            legendProps={legendProps}
+          />
+        );
       }
     case 'scatter':
-      const isAreaChart = plotlySchema.data.some((series: any) => series.fill === 'tonexty');
+      const isAreaChart = data.some((series: any) => series.fill === 'tonexty');
       if (isXDate || isXNumber) {
         if (isAreaChart) {
-          return <AreaChart {...transformPlotlyJsonToScatterChartProps(plotlySchema, true, colorMap, isDarkTheme)} />;
+          return (
+            <AreaChart
+              {...transformPlotlyJsonToScatterChartProps({ data, layout }, true, colorMap, isDarkTheme)}
+              legendProps={legendProps}
+            />
+          );
         }
-        return <LineChart {...transformPlotlyJsonToScatterChartProps(plotlySchema, false, colorMap, isDarkTheme)} />;
+        return (
+          <LineChart
+            {...transformPlotlyJsonToScatterChartProps({ data, layout }, false, colorMap, isDarkTheme)}
+            legendProps={legendProps}
+          />
+        );
       }
-      return <VerticalStackedBarChart {...transformPlotlyJsonToVSBCProps(plotlySchema, colorMap, isDarkTheme)} />;
+      return (
+        <VerticalStackedBarChart
+          {...transformPlotlyJsonToVSBCProps(plotlySchema, colorMap, isDarkTheme)}
+          legendProps={legendProps}
+        />
+      );
     case 'heatmap':
-      return <HeatMapChart {...transformPlotlyJsonToHeatmapProps(plotlySchema)} />;
+      return <HeatMapChart {...transformPlotlyJsonToHeatmapProps(plotlySchema)} legendProps={legendProps} />;
     case 'sankey':
       return <SankeyChart {...transformPlotlyJsonToSankeyProps(plotlySchema, colorMap, isDarkTheme)} />;
     case 'indicator':
-      if (plotlySchema?.data?.[0]?.mode?.includes('gauge')) {
-        return <GaugeChart {...transformPlotlyJsonToGaugeProps(plotlySchema, colorMap, isDarkTheme)} />;
+      if (data?.[0]?.mode?.includes('gauge')) {
+        return (
+          <GaugeChart
+            {...transformPlotlyJsonToGaugeProps(plotlySchema, colorMap, isDarkTheme)}
+            legendProps={legendProps}
+          />
+        );
       }
       return <div>Unsupported Schema</div>;
     case 'histogram':
-      return <VerticalBarChart {...transformPlotlyJsonToVBCProps(plotlySchema, colorMap, isDarkTheme)} />;
+      return (
+        <VerticalBarChart
+          {...transformPlotlyJsonToVBCProps(plotlySchema, colorMap, isDarkTheme)}
+          legendProps={legendProps}
+        />
+      );
     default:
       return <div>Unsupported Schema</div>;
   }
diff --git a/packages/charts/react-charting/src/components/DeclarativeChart/PlotlySchemaAdapter.ts b/packages/charts/react-charting/src/components/DeclarativeChart/PlotlySchemaAdapter.ts
index 3de014b017e00..70b9aa4b8dc95 100644
--- a/packages/charts/react-charting/src/components/DeclarativeChart/PlotlySchemaAdapter.ts
+++ b/packages/charts/react-charting/src/components/DeclarativeChart/PlotlySchemaAdapter.ts
@@ -1,7 +1,6 @@
 /* eslint-disable one-var */
 /* eslint-disable vars-on-top */
 /* eslint-disable no-var */
-/* eslint-disable no-console */
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import * as React from 'react';
 import { bin as d3Bin, extent as d3Extent, sum as d3Sum, min as d3Min, max as d3Max, merge as d3Merge } from 'd3-array';
@@ -537,9 +536,6 @@ var baseContainer: any, baseAttrName: any;
 export function findArrayAttributes(trace: any) {
   // Init basecontainer and baseAttrName
   crawlIntoTrace(baseContainer, 0, '');
-  for (const attribute of arrayAttributes) {
-    console.log(attribute);
-  }
 }
 
 function crawlIntoTrace(container: any, i: number, astrPartial: any) {
diff --git a/packages/charts/react-charting/src/components/Legends/Legends.base.tsx b/packages/charts/react-charting/src/components/Legends/Legends.base.tsx
index 44e2cbaeec1cc..4e3b7ce0116a9 100644
--- a/packages/charts/react-charting/src/components/Legends/Legends.base.tsx
+++ b/packages/charts/react-charting/src/components/Legends/Legends.base.tsx
@@ -195,16 +195,6 @@ export class LegendsBase extends React.Component<ILegendsProps, ILegendState> {
     return { primary, overflow };
   };
 
-  /**
-   * Determine whether the component is in "controlled" mode for selections, where the selected legend(s) are
-   * determined entirely by props passed in from the parent component.
-   */
-  private _isInControlledMode = (): boolean => {
-    return this.props.canSelectMultipleLegends
-      ? this.props.selectedLegends !== undefined
-      : this.props.selectedLegend !== undefined;
-  };
-
   /**
    * Get the new selected legends based on the legend that was clicked when multi-select is enabled.
    * @param legend The legend that was clicked
@@ -242,9 +232,7 @@ export class LegendsBase extends React.Component<ILegendsProps, ILegendState> {
       ? this._getNewSelectedLegendsForMultiselect(legend)
       : this._getNewSelectedLegendsForSingleSelect(legend);
 
-    if (!this._isInControlledMode()) {
-      this.setState({ selectedLegends: nextSelectedLegends });
-    }
+    this.setState({ selectedLegends: nextSelectedLegends });
     this.props.onChange?.(Object.keys(nextSelectedLegends), event, legend);
     legend.action?.();
   };
diff --git a/packages/react-examples/src/react-charting/DeclarativeChart/DeclarativeChart.Basic.Example.tsx b/packages/react-examples/src/react-charting/DeclarativeChart/DeclarativeChart.Basic.Example.tsx
index e9b67f0991393..e1e95218a39a9 100644
--- a/packages/react-examples/src/react-charting/DeclarativeChart/DeclarativeChart.Basic.Example.tsx
+++ b/packages/react-examples/src/react-charting/DeclarativeChart/DeclarativeChart.Basic.Example.tsx
@@ -1,9 +1,12 @@
 import * as React from 'react';
 import { Dropdown, IDropdownOption } from '@fluentui/react/lib/Dropdown';
+import { Toggle } from '@fluentui/react/lib/Toggle';
 import { DeclarativeChart, DeclarativeChartProps, Schema } from '@fluentui/react-charting';
 
 interface IDeclarativeChartState {
   selectedChoice: string;
+  preSelectLegends: boolean;
+  selectedLegends: string;
 }
 
 const options: IDropdownOption[] = [
@@ -39,6 +42,8 @@ export class DeclarativeChartBasicExample extends React.Component<{}, IDeclarati
     super(props);
     this.state = {
       selectedChoice: 'donutchart',
+      preSelectLegends: false,
+      selectedLegends: '',
     };
   }
 
@@ -47,7 +52,16 @@ export class DeclarativeChartBasicExample extends React.Component<{}, IDeclarati
   }
 
   private _onChange = (ev: React.FormEvent<HTMLInputElement>, option: IDropdownOption): void => {
-    this.setState({ selectedChoice: option.key as string });
+    this.setState({ selectedChoice: option.key as string, selectedLegends: '' });
+  };
+
+  private _onTogglePreselectLegends = (ev: React.MouseEvent<HTMLElement>, checked: boolean) => {
+    this.setState({ preSelectLegends: checked });
+  };
+
+  private _handleChartSchemaChanged = (eventData: Schema) => {
+    const { selectedLegends } = eventData.plotlySchema;
+    this.setState({ selectedLegends: selectedLegends.join(', ') });
   };
 
   private _getSchemaByKey(key: string): any {
@@ -57,20 +71,38 @@ export class DeclarativeChartBasicExample extends React.Component<{}, IDeclarati
 
   private _createDeclarativeChart(): JSX.Element {
     const selectedPlotlySchema = this._getSchemaByKey(this.state.selectedChoice);
-    const inputSchema: Schema = { plotlySchema: selectedPlotlySchema };
+    const uniqueKey = `${this.state.selectedChoice}_${this.state.preSelectLegends}`;
+    let inputSchema: Schema = { plotlySchema: selectedPlotlySchema };
+
+    if (this.state.preSelectLegends === false) {
+      const { data, layout } = selectedPlotlySchema;
+      inputSchema = { plotlySchema: { data, layout } };
+    }
 
     return (
       <>
-        <Dropdown
-          label="Select a schema"
-          options={options}
-          onChange={this._onChange}
-          selectedKey={this.state.selectedChoice}
-          styles={dropdownStyles}
-        />
+        <div style={{ display: 'flex' }}>
+          <Dropdown
+            label="Select a schema"
+            options={options}
+            onChange={this._onChange}
+            selectedKey={this.state.selectedChoice}
+            styles={dropdownStyles}
+          />
+          &nbsp;&nbsp;&nbsp;
+          <Toggle
+            label="Pre select legends"
+            onText="ON"
+            offText="OFF"
+            onChange={this._onTogglePreselectLegends}
+            checked={this.state.preSelectLegends}
+          />
+        </div>
+        <br />
         <br />
+        <DeclarativeChart key={uniqueKey} chartSchema={inputSchema} onSchemaChange={this._handleChartSchemaChanged} />
         <br />
-        <DeclarativeChart chartSchema={inputSchema} />
+        Legend selection changed : {this.state.selectedLegends}
       </>
     );
   }
diff --git a/packages/react-examples/src/react-charting/DeclarativeChart/schema/fluent_area.json b/packages/react-examples/src/react-charting/DeclarativeChart/schema/fluent_area.json
index 9094067577064..9bb4f973a4df9 100644
--- a/packages/react-examples/src/react-charting/DeclarativeChart/schema/fluent_area.json
+++ b/packages/react-examples/src/react-charting/DeclarativeChart/schema/fluent_area.json
@@ -99,5 +99,6 @@
     "plot_bgcolor": "#F5F6F9",
     "paper_bgcolor": "#F5F6F9"
   },
-  "frames": []
+  "frames": [],
+  "selectedLegends": ["a"]
 }
diff --git a/packages/react-examples/src/react-charting/DeclarativeChart/schema/fluent_donut.json b/packages/react-examples/src/react-charting/DeclarativeChart/schema/fluent_donut.json
index 27aa22a439d13..41426b2dbbd8e 100644
--- a/packages/react-examples/src/react-charting/DeclarativeChart/schema/fluent_donut.json
+++ b/packages/react-examples/src/react-charting/DeclarativeChart/schema/fluent_donut.json
@@ -60,5 +60,6 @@
     "hovermode": "closest",
     "showlegend": true
   },
-  "frames": []
+  "frames": [],
+  "selectedLegends": ["Cadillac"]
 }
diff --git a/packages/react-examples/src/react-charting/DeclarativeChart/schema/fluent_line.json b/packages/react-examples/src/react-charting/DeclarativeChart/schema/fluent_line.json
index 4197999e2576f..2ddb971520d9a 100644
--- a/packages/react-examples/src/react-charting/DeclarativeChart/schema/fluent_line.json
+++ b/packages/react-examples/src/react-charting/DeclarativeChart/schema/fluent_line.json
@@ -435,5 +435,6 @@
     "plot_bgcolor": "#F5F6F9",
     "paper_bgcolor": "#F5F6F9"
   },
-  "frames": []
+  "frames": [],
+  "selectedLegends": ["Trace 0"]
 }

From ce5e90cfee7ee5accc4e7ef5e21284d70b568ae6 Mon Sep 17 00:00:00 2001
From: Fluent UI Build <fluentui-internal@service.microsoft.com>
Date: Tue, 17 Dec 2024 07:21:38 +0000
Subject: [PATCH 06/42] release: applying package updates - react v8

---
 ...-779871c9-4df7-4cc5-96b6-832621cec379.json |  7 -------
 ...-f8073f84-d26a-4b28-992e-379202a63f5d.json |  7 -------
 packages/charts/react-charting/CHANGELOG.json | 21 +++++++++++++++++++
 packages/charts/react-charting/CHANGELOG.md   | 12 ++++++++++-
 packages/charts/react-charting/package.json   |  2 +-
 .../react-docsite-components/CHANGELOG.json   | 15 +++++++++++++
 .../react-docsite-components/CHANGELOG.md     | 11 +++++++++-
 .../react-docsite-components/package.json     |  4 ++--
 packages/react-examples/package.json          |  4 ++--
 packages/react-monaco-editor/CHANGELOG.json   | 15 +++++++++++++
 packages/react-monaco-editor/CHANGELOG.md     | 11 +++++++++-
 packages/react-monaco-editor/package.json     |  4 ++--
 12 files changed, 89 insertions(+), 24 deletions(-)
 delete mode 100644 change/@fluentui-react-charting-779871c9-4df7-4cc5-96b6-832621cec379.json
 delete mode 100644 change/@fluentui-react-charting-f8073f84-d26a-4b28-992e-379202a63f5d.json

diff --git a/change/@fluentui-react-charting-779871c9-4df7-4cc5-96b6-832621cec379.json b/change/@fluentui-react-charting-779871c9-4df7-4cc5-96b6-832621cec379.json
deleted file mode 100644
index 3838228b1446e..0000000000000
--- a/change/@fluentui-react-charting-779871c9-4df7-4cc5-96b6-832621cec379.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "type": "patch",
-  "comment": "Add support for controlling legend selection and persisting in json schema",
-  "packageName": "@fluentui/react-charting",
-  "email": "98592573+AtishayMsft@users.noreply.github.com",
-  "dependentChangeType": "patch"
-}
diff --git a/change/@fluentui-react-charting-f8073f84-d26a-4b28-992e-379202a63f5d.json b/change/@fluentui-react-charting-f8073f84-d26a-4b28-992e-379202a63f5d.json
deleted file mode 100644
index 4ee5b0e301fd3..0000000000000
--- a/change/@fluentui-react-charting-f8073f84-d26a-4b28-992e-379202a63f5d.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "type": "patch",
-  "comment": "Enable Controlled Legends working in declarative HBC",
-  "packageName": "@fluentui/react-charting",
-  "email": "74965306+Anush2303@users.noreply.github.com",
-  "dependentChangeType": "patch"
-}
diff --git a/packages/charts/react-charting/CHANGELOG.json b/packages/charts/react-charting/CHANGELOG.json
index df8a3b95aacf1..11453229424e1 100644
--- a/packages/charts/react-charting/CHANGELOG.json
+++ b/packages/charts/react-charting/CHANGELOG.json
@@ -1,6 +1,27 @@
 {
   "name": "@fluentui/react-charting",
   "entries": [
+    {
+      "date": "Tue, 17 Dec 2024 07:21:19 GMT",
+      "tag": "@fluentui/react-charting_v5.23.26",
+      "version": "5.23.26",
+      "comments": {
+        "patch": [
+          {
+            "author": "98592573+AtishayMsft@users.noreply.github.com",
+            "package": "@fluentui/react-charting",
+            "commit": "4487ca6a37b19e06ed494e819805c1abfb8c7afa",
+            "comment": "Add support for controlling legend selection and persisting in json schema"
+          },
+          {
+            "author": "74965306+Anush2303@users.noreply.github.com",
+            "package": "@fluentui/react-charting",
+            "commit": "7b75871739a0639fffc065d649848a356baf1d26",
+            "comment": "Enable Controlled Legends working in declarative HBC"
+          }
+        ]
+      }
+    },
     {
       "date": "Mon, 16 Dec 2024 07:20:45 GMT",
       "tag": "@fluentui/react-charting_v5.23.25",
diff --git a/packages/charts/react-charting/CHANGELOG.md b/packages/charts/react-charting/CHANGELOG.md
index c04df185adc8f..7388bff98d2af 100644
--- a/packages/charts/react-charting/CHANGELOG.md
+++ b/packages/charts/react-charting/CHANGELOG.md
@@ -1,9 +1,19 @@
 # Change Log - @fluentui/react-charting
 
-This log was last generated on Mon, 16 Dec 2024 07:20:45 GMT and should not be manually modified.
+This log was last generated on Tue, 17 Dec 2024 07:21:19 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [5.23.26](https://github.com/microsoft/fluentui/tree/@fluentui/react-charting_v5.23.26)
+
+Tue, 17 Dec 2024 07:21:19 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-charting_v5.23.25..@fluentui/react-charting_v5.23.26)
+
+### Patches
+
+- Add support for controlling legend selection and persisting in json schema ([PR #33477](https://github.com/microsoft/fluentui/pull/33477) by 98592573+AtishayMsft@users.noreply.github.com)
+- Enable Controlled Legends working in declarative HBC ([PR #33476](https://github.com/microsoft/fluentui/pull/33476) by 74965306+Anush2303@users.noreply.github.com)
+
 ## [5.23.25](https://github.com/microsoft/fluentui/tree/@fluentui/react-charting_v5.23.25)
 
 Mon, 16 Dec 2024 07:20:45 GMT 
diff --git a/packages/charts/react-charting/package.json b/packages/charts/react-charting/package.json
index 61e5bf7ae62d9..e8a8153a40fbe 100644
--- a/packages/charts/react-charting/package.json
+++ b/packages/charts/react-charting/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-charting",
-  "version": "5.23.25",
+  "version": "5.23.26",
   "description": "React web charting controls for Microsoft fluentui system.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
diff --git a/packages/react-docsite-components/CHANGELOG.json b/packages/react-docsite-components/CHANGELOG.json
index 24c962ad0f43d..09691d11612a6 100644
--- a/packages/react-docsite-components/CHANGELOG.json
+++ b/packages/react-docsite-components/CHANGELOG.json
@@ -1,6 +1,21 @@
 {
   "name": "@fluentui/react-docsite-components",
   "entries": [
+    {
+      "date": "Tue, 17 Dec 2024 07:21:19 GMT",
+      "tag": "@fluentui/react-docsite-components_v8.13.146",
+      "version": "8.13.146",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-docsite-components",
+            "comment": "Bump @fluentui/react-monaco-editor to v1.7.264",
+            "commit": "4487ca6a37b19e06ed494e819805c1abfb8c7afa"
+          }
+        ]
+      }
+    },
     {
       "date": "Mon, 16 Dec 2024 07:20:45 GMT",
       "tag": "@fluentui/react-docsite-components_v8.13.145",
diff --git a/packages/react-docsite-components/CHANGELOG.md b/packages/react-docsite-components/CHANGELOG.md
index b775d7b2a9d5e..76711da2c3c31 100644
--- a/packages/react-docsite-components/CHANGELOG.md
+++ b/packages/react-docsite-components/CHANGELOG.md
@@ -1,9 +1,18 @@
 # Change Log - @fluentui/react-docsite-components
 
-This log was last generated on Mon, 16 Dec 2024 07:20:45 GMT and should not be manually modified.
+This log was last generated on Tue, 17 Dec 2024 07:21:19 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [8.13.146](https://github.com/microsoft/fluentui/tree/@fluentui/react-docsite-components_v8.13.146)
+
+Tue, 17 Dec 2024 07:21:19 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-docsite-components_v8.13.145..@fluentui/react-docsite-components_v8.13.146)
+
+### Patches
+
+- Bump @fluentui/react-monaco-editor to v1.7.264 ([PR #33477](https://github.com/microsoft/fluentui/pull/33477) by beachball)
+
 ## [8.13.145](https://github.com/microsoft/fluentui/tree/@fluentui/react-docsite-components_v8.13.145)
 
 Mon, 16 Dec 2024 07:20:45 GMT 
diff --git a/packages/react-docsite-components/package.json b/packages/react-docsite-components/package.json
index bbde4f8b87722..ce73985e3ec1f 100644
--- a/packages/react-docsite-components/package.json
+++ b/packages/react-docsite-components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-docsite-components",
-  "version": "8.13.145",
+  "version": "8.13.146",
   "description": "Fluent UI React components for building documentation sites.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -42,7 +42,7 @@
     "@fluentui/public-docsite-setup": "^0.3.34",
     "@fluentui/react-hooks": "^8.8.16",
     "@fluentui/set-version": "^8.2.23",
-    "@fluentui/react-monaco-editor": "^1.7.263",
+    "@fluentui/react-monaco-editor": "^1.7.264",
     "color-check": "0.0.2",
     "markdown-to-jsx": "^7.0.0",
     "office-ui-fabric-core": "^11.0.0",
diff --git a/packages/react-examples/package.json b/packages/react-examples/package.json
index ff350836ec7de..00b9a3e26fb13 100644
--- a/packages/react-examples/package.json
+++ b/packages/react-examples/package.json
@@ -36,8 +36,8 @@
     "@fluentui/merge-styles": "^8.6.13",
     "@fluentui/react": "^8.122.1",
     "@fluentui/react-cards": "^0.205.190",
-    "@fluentui/react-charting": "^5.23.25",
-    "@fluentui/react-docsite-components": "^8.13.145",
+    "@fluentui/react-charting": "^5.23.26",
+    "@fluentui/react-docsite-components": "^8.13.146",
     "@fluentui/react-experiments": "^8.14.187",
     "@fluentui/react-file-type-icons": "^8.12.6",
     "@fluentui/react-focus": "^8.9.19",
diff --git a/packages/react-monaco-editor/CHANGELOG.json b/packages/react-monaco-editor/CHANGELOG.json
index 3b0e403200729..e5394f6bb139b 100644
--- a/packages/react-monaco-editor/CHANGELOG.json
+++ b/packages/react-monaco-editor/CHANGELOG.json
@@ -1,6 +1,21 @@
 {
   "name": "@fluentui/react-monaco-editor",
   "entries": [
+    {
+      "date": "Tue, 17 Dec 2024 07:21:19 GMT",
+      "tag": "@fluentui/react-monaco-editor_v1.7.264",
+      "version": "1.7.264",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-monaco-editor",
+            "comment": "Bump @fluentui/react-charting to v5.23.26",
+            "commit": "4487ca6a37b19e06ed494e819805c1abfb8c7afa"
+          }
+        ]
+      }
+    },
     {
       "date": "Mon, 16 Dec 2024 07:20:45 GMT",
       "tag": "@fluentui/react-monaco-editor_v1.7.263",
diff --git a/packages/react-monaco-editor/CHANGELOG.md b/packages/react-monaco-editor/CHANGELOG.md
index d8f2629b0c8d8..f69526a416a45 100644
--- a/packages/react-monaco-editor/CHANGELOG.md
+++ b/packages/react-monaco-editor/CHANGELOG.md
@@ -1,9 +1,18 @@
 # Change Log - @fluentui/react-monaco-editor
 
-This log was last generated on Mon, 16 Dec 2024 07:20:45 GMT and should not be manually modified.
+This log was last generated on Tue, 17 Dec 2024 07:21:19 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [1.7.264](https://github.com/microsoft/fluentui/tree/@fluentui/react-monaco-editor_v1.7.264)
+
+Tue, 17 Dec 2024 07:21:19 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-monaco-editor_v1.7.263..@fluentui/react-monaco-editor_v1.7.264)
+
+### Patches
+
+- Bump @fluentui/react-charting to v5.23.26 ([PR #33477](https://github.com/microsoft/fluentui/pull/33477) by beachball)
+
 ## [1.7.263](https://github.com/microsoft/fluentui/tree/@fluentui/react-monaco-editor_v1.7.263)
 
 Mon, 16 Dec 2024 07:20:45 GMT 
diff --git a/packages/react-monaco-editor/package.json b/packages/react-monaco-editor/package.json
index 7edada00c855d..568bc8a25022f 100644
--- a/packages/react-monaco-editor/package.json
+++ b/packages/react-monaco-editor/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-monaco-editor",
-  "version": "1.7.263",
+  "version": "1.7.264",
   "description": "Live React example editing using monaco",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -34,7 +34,7 @@
     "@fluentui/example-data": "^8.4.25",
     "@fluentui/monaco-editor": "^1.3.24",
     "@fluentui/react-hooks": "^8.8.16",
-    "@fluentui/react-charting": "^5.23.25",
+    "@fluentui/react-charting": "^5.23.26",
     "raw-loader": "4.0.2",
     "react-syntax-highlighter": "^10.1.3",
     "tslib": "^2.1.0"

From 835c01b1fd7bcdf86d28f95963950e0e5285319c Mon Sep 17 00:00:00 2001
From: srmukher <120183316+srmukher@users.noreply.github.com>
Date: Tue, 17 Dec 2024 14:59:33 +0530
Subject: [PATCH 07/42] Mode check for declarative area chart (#33467)

---
 ...eact-charting-6dbae5bf-a46a-4276-a3bf-3629fd5542ec.json | 7 +++++++
 .../src/components/DeclarativeChart/DeclarativeChart.tsx   | 2 +-
 2 files changed, 8 insertions(+), 1 deletion(-)
 create mode 100644 change/@fluentui-react-charting-6dbae5bf-a46a-4276-a3bf-3629fd5542ec.json

diff --git a/change/@fluentui-react-charting-6dbae5bf-a46a-4276-a3bf-3629fd5542ec.json b/change/@fluentui-react-charting-6dbae5bf-a46a-4276-a3bf-3629fd5542ec.json
new file mode 100644
index 0000000000000..a0777944ad418
--- /dev/null
+++ b/change/@fluentui-react-charting-6dbae5bf-a46a-4276-a3bf-3629fd5542ec.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Mode check for declarative area chart ",
+  "packageName": "@fluentui/react-charting",
+  "email": "120183316+srmukher@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/charts/react-charting/src/components/DeclarativeChart/DeclarativeChart.tsx b/packages/charts/react-charting/src/components/DeclarativeChart/DeclarativeChart.tsx
index 55164e9de2c57..54c940caab29d 100644
--- a/packages/charts/react-charting/src/components/DeclarativeChart/DeclarativeChart.tsx
+++ b/packages/charts/react-charting/src/components/DeclarativeChart/DeclarativeChart.tsx
@@ -127,7 +127,7 @@ export const DeclarativeChart: React.FunctionComponent<DeclarativeChartProps> =
         );
       }
     case 'scatter':
-      const isAreaChart = data.some((series: any) => series.fill === 'tonexty');
+      const isAreaChart = data.some((series: any) => series.fill === 'tonexty' || series.fill === 'tozeroy');
       if (isXDate || isXNumber) {
         if (isAreaChart) {
           return (

From 870fdfd57db59eb0c549c6c12645fc50130970a4 Mon Sep 17 00:00:00 2001
From: Anush Gupta <74965306+Anush2303@users.noreply.github.com>
Date: Tue, 17 Dec 2024 16:07:29 +0530
Subject: [PATCH 08/42] Enabled multi-selection of Controlled legends (#33479)

---
 ...-4c197bf1-3dca-480d-aa17-d97a170246ff.json |  7 +++++++
 .../DeclarativeChart/DeclarativeChart.tsx     |  6 +++++-
 .../components/LineChart/LineChart.base.tsx   | 21 ++++++++++++++-----
 .../DeclarativeChart/schema/fluent_line.json  |  2 +-
 4 files changed, 29 insertions(+), 7 deletions(-)
 create mode 100644 change/@fluentui-react-charting-4c197bf1-3dca-480d-aa17-d97a170246ff.json

diff --git a/change/@fluentui-react-charting-4c197bf1-3dca-480d-aa17-d97a170246ff.json b/change/@fluentui-react-charting-4c197bf1-3dca-480d-aa17-d97a170246ff.json
new file mode 100644
index 0000000000000..34b3c04ac4b88
--- /dev/null
+++ b/change/@fluentui-react-charting-4c197bf1-3dca-480d-aa17-d97a170246ff.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Enabled Multi Select behaviour of Controlled legends",
+  "packageName": "@fluentui/react-charting",
+  "email": "74965306+Anush2303@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/charts/react-charting/src/components/DeclarativeChart/DeclarativeChart.tsx b/packages/charts/react-charting/src/components/DeclarativeChart/DeclarativeChart.tsx
index 54c940caab29d..c8f199b72fb03 100644
--- a/packages/charts/react-charting/src/components/DeclarativeChart/DeclarativeChart.tsx
+++ b/packages/charts/react-charting/src/components/DeclarativeChart/DeclarativeChart.tsx
@@ -140,7 +140,11 @@ export const DeclarativeChart: React.FunctionComponent<DeclarativeChartProps> =
         return (
           <LineChart
             {...transformPlotlyJsonToScatterChartProps({ data, layout }, false, colorMap, isDarkTheme)}
-            legendProps={legendProps}
+            legendProps={{
+              ...legendProps,
+              canSelectMultipleLegends: true,
+              selectedLegends: activeLegends,
+            }}
           />
         );
       }
diff --git a/packages/charts/react-charting/src/components/LineChart/LineChart.base.tsx b/packages/charts/react-charting/src/components/LineChart/LineChart.base.tsx
index 0e55be45edac9..55c0370d59076 100644
--- a/packages/charts/react-charting/src/components/LineChart/LineChart.base.tsx
+++ b/packages/charts/react-charting/src/components/LineChart/LineChart.base.tsx
@@ -188,9 +188,9 @@ export class LineChartBase extends React.Component<ILineChartProps, ILineChartSt
       refSelected: '',
       selectedLegend: props.legendProps?.selectedLegend ?? '',
       isCalloutVisible: false,
-      selectedLegendPoints: [],
+      selectedLegendPoints: this._injectIndexPropertyInLineChartData(this.props.data.lineChartData, true),
       selectedColorBarLegend: [],
-      isSelectedLegend: false,
+      isSelectedLegend: (this.props.legendProps?.selectedLegends?.length ?? 0) > 0,
       activePoint: '',
       nearestCircleToHighlight: null,
       activeLine: null,
@@ -379,10 +379,21 @@ export class LineChartBase extends React.Component<ILineChartProps, ILineChartSt
     return domainNRangeValue;
   };
 
-  private _injectIndexPropertyInLineChartData = (lineChartData?: ILineChartPoints[]): LineChartDataWithIndex[] | [] => {
+  private _injectIndexPropertyInLineChartData = (
+    lineChartData?: ILineChartPoints[],
+    isFilterSelectedLegends: boolean = false,
+  ): LineChartDataWithIndex[] | [] => {
     const { allowMultipleShapesForPoints = false } = this.props;
-    return lineChartData
-      ? lineChartData.map((item: ILineChartPoints, index: number) => {
+    // Apply filter only if isPropChange is true
+    const filteredData = isFilterSelectedLegends
+      ? lineChartData?.filter(
+          (item: ILineChartPoints) =>
+            this.props.legendProps?.selectedLegends?.includes(item.legend) ||
+            this.props.legendProps?.selectedLegend === item.legend,
+        )
+      : lineChartData;
+    return filteredData
+      ? filteredData.map((item: ILineChartPoints, index: number) => {
           let color: string;
           // isInverted property is applicable to v8 themes only
           if (typeof item.color === 'undefined') {
diff --git a/packages/react-examples/src/react-charting/DeclarativeChart/schema/fluent_line.json b/packages/react-examples/src/react-charting/DeclarativeChart/schema/fluent_line.json
index 2ddb971520d9a..3890cb761358e 100644
--- a/packages/react-examples/src/react-charting/DeclarativeChart/schema/fluent_line.json
+++ b/packages/react-examples/src/react-charting/DeclarativeChart/schema/fluent_line.json
@@ -436,5 +436,5 @@
     "paper_bgcolor": "#F5F6F9"
   },
   "frames": [],
-  "selectedLegends": ["Trace 0"]
+  "selectedLegends": ["Trace 0", "Trace 1"]
 }

From 084c76645ce97417b2bdc50203f4c66f5fd27309 Mon Sep 17 00:00:00 2001
From: Mehmet Denizhan Erdem <denizhanerdem@gmail.com>
Date: Tue, 17 Dec 2024 11:22:44 +0000
Subject: [PATCH 09/42] fix(react-rating): Pass missing Rating's itemLabel prop
 to its state so RatingItem consumes it from context (#33361)

Co-authored-by: Denizhan Erdem <derdem@microsoft.com>
Co-authored-by: Esteban Munoz Facusse <estebanmu@microsoft.com>
Co-authored-by: Oleksandr Fediashov <olfedias@microsoft.com>
---
 ...react-rating-94e96782-4be8-468e-b1a3-0b2ac9a76c62.json | 7 +++++++
 .../library/src/components/Rating/Rating.test.tsx         | 8 ++++++++
 .../library/src/components/Rating/useRating.tsx           | 2 ++
 3 files changed, 17 insertions(+)
 create mode 100644 change/@fluentui-react-rating-94e96782-4be8-468e-b1a3-0b2ac9a76c62.json

diff --git a/change/@fluentui-react-rating-94e96782-4be8-468e-b1a3-0b2ac9a76c62.json b/change/@fluentui-react-rating-94e96782-4be8-468e-b1a3-0b2ac9a76c62.json
new file mode 100644
index 0000000000000..c8443663d4c0e
--- /dev/null
+++ b/change/@fluentui-react-rating-94e96782-4be8-468e-b1a3-0b2ac9a76c62.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "fix: Pass missing Rating's itemLabel prop to its state so RatingItem consumes it from context.",
+  "packageName": "@fluentui/react-rating",
+  "email": "derdem@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/react-components/react-rating/library/src/components/Rating/Rating.test.tsx b/packages/react-components/react-rating/library/src/components/Rating/Rating.test.tsx
index b142cccd4ec7e..f18578e5ac285 100644
--- a/packages/react-components/react-rating/library/src/components/Rating/Rating.test.tsx
+++ b/packages/react-components/react-rating/library/src/components/Rating/Rating.test.tsx
@@ -51,4 +51,12 @@ describe('Rating', () => {
     expect(onChange.mock.calls[1][1].value).toBe(3);
     expect(onChange.mock.calls[2][1].value).toBe(2);
   });
+  it('creates RadioItems with correct aria-labels', () => {
+    const onChange = jest.fn();
+    const { getAllByRole } = render(<Rating onChange={onChange} itemLabel={num => `item #${num}`} />);
+    const items = getAllByRole('radio');
+    expect(items[0].getAttribute('aria-label')).toBe('item #1');
+    expect(items[1].getAttribute('aria-label')).toBe('item #2');
+    expect(items[2].getAttribute('aria-label')).toBe('item #3');
+  });
 });
diff --git a/packages/react-components/react-rating/library/src/components/Rating/useRating.tsx b/packages/react-components/react-rating/library/src/components/Rating/useRating.tsx
index 6ca038cde2e64..c61046e68b147 100644
--- a/packages/react-components/react-rating/library/src/components/Rating/useRating.tsx
+++ b/packages/react-components/react-rating/library/src/components/Rating/useRating.tsx
@@ -31,6 +31,7 @@ export const useRating_unstable = (props: RatingProps, ref: React.Ref<HTMLDivEle
     onChange,
     step = 1,
     size = 'extra-large',
+    itemLabel,
   } = props;
 
   const [value, setValue] = useControllableState({
@@ -56,6 +57,7 @@ export const useRating_unstable = (props: RatingProps, ref: React.Ref<HTMLDivEle
     name,
     step,
     size,
+    itemLabel,
     value,
     hoveredValue,
     components: {

From 0eeccf1b3bfe829985eac9219b1f8fefb0e031c3 Mon Sep 17 00:00:00 2001
From: Oleksandr Fediashov <olfedias@microsoft.com>
Date: Tue, 17 Dec 2024 17:31:48 +0200
Subject: [PATCH 10/42] chore: fix N* tests (#33480)

---
 packages/fluentui/projects-test/assets/cra/src/index.tsx | 7 +++++++
 packages/fluentui/projects-test/src/createReactApp.ts    | 5 +++++
 packages/fluentui/react-northstar/jest.config.js         | 3 +++
 3 files changed, 15 insertions(+)
 create mode 100644 packages/fluentui/projects-test/assets/cra/src/index.tsx

diff --git a/packages/fluentui/projects-test/assets/cra/src/index.tsx b/packages/fluentui/projects-test/assets/cra/src/index.tsx
new file mode 100644
index 0000000000000..b0ddfeee00e36
--- /dev/null
+++ b/packages/fluentui/projects-test/assets/cra/src/index.tsx
@@ -0,0 +1,7 @@
+import * as React from 'react';
+import * as ReactDOM from 'react-dom';
+import App from './App';
+
+const root = document.getElementById('root') as HTMLElement;
+
+ReactDOM.render(<App />, root);
diff --git a/packages/fluentui/projects-test/src/createReactApp.ts b/packages/fluentui/projects-test/src/createReactApp.ts
index d8b81ba6e11ac..f926fe4b802f0 100644
--- a/packages/fluentui/projects-test/src/createReactApp.ts
+++ b/packages/fluentui/projects-test/src/createReactApp.ts
@@ -37,6 +37,11 @@ export async function createReactApp() {
   await addResolutionPathsForProjectPackages(testAppPathRoot);
 
   await shEcho(`yarn add ${packedPackages['@fluentui/react-northstar']}`, testAppPathRoot);
+
+  // Enforce React 17
+  const dependencies = ['@types/react@17', '@types/react-dom@17', 'react@17', 'react-dom@17'].join(' ');
+  await shEcho(`yarn add ${dependencies}`, tempPaths.testApp);
+
   logger(`✔️ Fluent UI packages were added to dependencies`);
 
   logger("STEP 3. Reference Fluent UI components in test project's App.tsx");
diff --git a/packages/fluentui/react-northstar/jest.config.js b/packages/fluentui/react-northstar/jest.config.js
index 5cdf12e0e8ac3..d873ab12d7231 100644
--- a/packages/fluentui/react-northstar/jest.config.js
+++ b/packages/fluentui/react-northstar/jest.config.js
@@ -10,6 +10,9 @@ const config = commonConfig({
     // Legacy aliases, they should not be used in new tests
     ...getAliases(),
   },
+  // Keeps Jest from using too much memory as GC gets invokes more often, makes tests slower
+  // https://stackoverflow.com/a/75857711
+  workerIdleMemoryLimit: '1024MB',
 });
 config.setupFilesAfterEnv = [...config.setupFilesAfterEnv, './jest-setup.js'];
 

From 6bcbe87a1b1d876c1437a6ae13818f265e5bb5c6 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Tue, 17 Dec 2024 19:54:58 +0100
Subject: [PATCH 11/42] chore(deps): bump nanoid from 3.3.7 to 3.3.8 (#33440)

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
---
 yarn.lock | 37 +++++++++++++++++++++++++++++++------
 1 file changed, 31 insertions(+), 6 deletions(-)

diff --git a/yarn.lock b/yarn.lock
index 081bab04d912e..2e46d32ae3ba1 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -17479,9 +17479,9 @@ nan@^2.12.1:
   integrity sha512-8ZtvEnA2c5aYCZYd1cvgdnU6cqwixRoYg70xPLWUws5ORTa/lnw+u4amixRS/Ac5U5mQVgp9pnlSUnbNWFaWZQ==
 
 nanoid@^3.3.6, nanoid@^3.3.7:
-  version "3.3.7"
-  resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.7.tgz#d0c301a691bc8d54efa0a2226ccf3fe2fd656bd8"
-  integrity sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==
+  version "3.3.8"
+  resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.8.tgz#b1be3030bee36aaff18bacb375e5cce521684baf"
+  integrity sha512-WNLf5Sd8oZxOm+TzppcYk8gVOgP+l58xNy58D0nbUnOxOWRWvlcCV4kUF7ltmI6PsrLl/BgKEyS4mqsGChFN0w==
 
 nanomatch@^1.2.9:
   version "1.2.13"
@@ -21570,7 +21570,7 @@ string-length@^5.0.1:
     char-regex "^2.0.0"
     strip-ansi "^7.0.1"
 
-"string-width-cjs@npm:string-width@^4.2.0", string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.3:
+"string-width-cjs@npm:string-width@^4.2.0":
   version "4.2.3"
   resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010"
   integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==
@@ -21605,6 +21605,15 @@ string-width@^3.0.0, string-width@^3.1.0:
     is-fullwidth-code-point "^2.0.0"
     strip-ansi "^5.1.0"
 
+string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.3:
+  version "4.2.3"
+  resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010"
+  integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==
+  dependencies:
+    emoji-regex "^8.0.0"
+    is-fullwidth-code-point "^3.0.0"
+    strip-ansi "^6.0.1"
+
 string-width@^5.0.1, string-width@^5.1.2:
   version "5.1.2"
   resolved "https://registry.yarnpkg.com/string-width/-/string-width-5.1.2.tgz#14f8daec6d81e7221d2a357e668cab73bdbca794"
@@ -21705,7 +21714,7 @@ stringify-object@^3.3.0:
     is-obj "^1.0.1"
     is-regexp "^1.0.0"
 
-"strip-ansi-cjs@npm:strip-ansi@^6.0.1", strip-ansi@^6.0.0, strip-ansi@^6.0.1:
+"strip-ansi-cjs@npm:strip-ansi@^6.0.1":
   version "6.0.1"
   resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9"
   integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==
@@ -21740,6 +21749,13 @@ strip-ansi@^5.0.0, strip-ansi@^5.1.0, strip-ansi@^5.2.0:
   dependencies:
     ansi-regex "^4.1.0"
 
+strip-ansi@^6.0.0, strip-ansi@^6.0.1:
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9"
+  integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==
+  dependencies:
+    ansi-regex "^5.0.1"
+
 strip-ansi@^7.0.1, strip-ansi@^7.1.0:
   version "7.1.0"
   resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-7.1.0.tgz#d5b6568ca689d8561370b0707685d22434faff45"
@@ -24038,7 +24054,7 @@ workspace-tools@^0.27.0:
     js-yaml "^4.1.0"
     micromatch "^4.0.0"
 
-"wrap-ansi-cjs@npm:wrap-ansi@^7.0.0", wrap-ansi@^7.0.0:
+"wrap-ansi-cjs@npm:wrap-ansi@^7.0.0":
   version "7.0.0"
   resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-7.0.0.tgz#67e145cff510a6a6984bdf1152911d69d2eb9e43"
   integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==
@@ -24073,6 +24089,15 @@ wrap-ansi@^6.2.0:
     string-width "^4.1.0"
     strip-ansi "^6.0.0"
 
+wrap-ansi@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-7.0.0.tgz#67e145cff510a6a6984bdf1152911d69d2eb9e43"
+  integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==
+  dependencies:
+    ansi-styles "^4.0.0"
+    string-width "^4.1.0"
+    strip-ansi "^6.0.0"
+
 wrap-ansi@^8.1.0:
   version "8.1.0"
   resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-8.1.0.tgz#56dc22368ee570face1b49819975d9b9a5ead214"

From a7d086657d521ac4acf15a40fa7c281605e78182 Mon Sep 17 00:00:00 2001
From: Fluent UI Build <fluentui-internal@service.microsoft.com>
Date: Wed, 18 Dec 2024 07:20:48 +0000
Subject: [PATCH 12/42] release: applying package updates - react v8

---
 ...-4c197bf1-3dca-480d-aa17-d97a170246ff.json |  7 -------
 ...-6dbae5bf-a46a-4276-a3bf-3629fd5542ec.json |  7 -------
 packages/charts/react-charting/CHANGELOG.json | 21 +++++++++++++++++++
 packages/charts/react-charting/CHANGELOG.md   | 12 ++++++++++-
 packages/charts/react-charting/package.json   |  2 +-
 .../react-docsite-components/CHANGELOG.json   | 15 +++++++++++++
 .../react-docsite-components/CHANGELOG.md     | 11 +++++++++-
 .../react-docsite-components/package.json     |  4 ++--
 packages/react-examples/package.json          |  4 ++--
 packages/react-monaco-editor/CHANGELOG.json   | 15 +++++++++++++
 packages/react-monaco-editor/CHANGELOG.md     | 11 +++++++++-
 packages/react-monaco-editor/package.json     |  4 ++--
 12 files changed, 89 insertions(+), 24 deletions(-)
 delete mode 100644 change/@fluentui-react-charting-4c197bf1-3dca-480d-aa17-d97a170246ff.json
 delete mode 100644 change/@fluentui-react-charting-6dbae5bf-a46a-4276-a3bf-3629fd5542ec.json

diff --git a/change/@fluentui-react-charting-4c197bf1-3dca-480d-aa17-d97a170246ff.json b/change/@fluentui-react-charting-4c197bf1-3dca-480d-aa17-d97a170246ff.json
deleted file mode 100644
index 34b3c04ac4b88..0000000000000
--- a/change/@fluentui-react-charting-4c197bf1-3dca-480d-aa17-d97a170246ff.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "type": "patch",
-  "comment": "Enabled Multi Select behaviour of Controlled legends",
-  "packageName": "@fluentui/react-charting",
-  "email": "74965306+Anush2303@users.noreply.github.com",
-  "dependentChangeType": "patch"
-}
diff --git a/change/@fluentui-react-charting-6dbae5bf-a46a-4276-a3bf-3629fd5542ec.json b/change/@fluentui-react-charting-6dbae5bf-a46a-4276-a3bf-3629fd5542ec.json
deleted file mode 100644
index a0777944ad418..0000000000000
--- a/change/@fluentui-react-charting-6dbae5bf-a46a-4276-a3bf-3629fd5542ec.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "type": "patch",
-  "comment": "Mode check for declarative area chart ",
-  "packageName": "@fluentui/react-charting",
-  "email": "120183316+srmukher@users.noreply.github.com",
-  "dependentChangeType": "patch"
-}
diff --git a/packages/charts/react-charting/CHANGELOG.json b/packages/charts/react-charting/CHANGELOG.json
index 11453229424e1..acee1140b5f49 100644
--- a/packages/charts/react-charting/CHANGELOG.json
+++ b/packages/charts/react-charting/CHANGELOG.json
@@ -1,6 +1,27 @@
 {
   "name": "@fluentui/react-charting",
   "entries": [
+    {
+      "date": "Wed, 18 Dec 2024 07:20:30 GMT",
+      "tag": "@fluentui/react-charting_v5.23.27",
+      "version": "5.23.27",
+      "comments": {
+        "patch": [
+          {
+            "author": "74965306+Anush2303@users.noreply.github.com",
+            "package": "@fluentui/react-charting",
+            "commit": "870fdfd57db59eb0c549c6c12645fc50130970a4",
+            "comment": "Enabled Multi Select behaviour of Controlled legends"
+          },
+          {
+            "author": "120183316+srmukher@users.noreply.github.com",
+            "package": "@fluentui/react-charting",
+            "commit": "835c01b1fd7bcdf86d28f95963950e0e5285319c",
+            "comment": "Mode check for declarative area chart "
+          }
+        ]
+      }
+    },
     {
       "date": "Tue, 17 Dec 2024 07:21:19 GMT",
       "tag": "@fluentui/react-charting_v5.23.26",
diff --git a/packages/charts/react-charting/CHANGELOG.md b/packages/charts/react-charting/CHANGELOG.md
index 7388bff98d2af..72c5d609b0da2 100644
--- a/packages/charts/react-charting/CHANGELOG.md
+++ b/packages/charts/react-charting/CHANGELOG.md
@@ -1,9 +1,19 @@
 # Change Log - @fluentui/react-charting
 
-This log was last generated on Tue, 17 Dec 2024 07:21:19 GMT and should not be manually modified.
+This log was last generated on Wed, 18 Dec 2024 07:20:30 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [5.23.27](https://github.com/microsoft/fluentui/tree/@fluentui/react-charting_v5.23.27)
+
+Wed, 18 Dec 2024 07:20:30 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-charting_v5.23.26..@fluentui/react-charting_v5.23.27)
+
+### Patches
+
+- Enabled Multi Select behaviour of Controlled legends ([PR #33479](https://github.com/microsoft/fluentui/pull/33479) by 74965306+Anush2303@users.noreply.github.com)
+- Mode check for declarative area chart  ([PR #33467](https://github.com/microsoft/fluentui/pull/33467) by 120183316+srmukher@users.noreply.github.com)
+
 ## [5.23.26](https://github.com/microsoft/fluentui/tree/@fluentui/react-charting_v5.23.26)
 
 Tue, 17 Dec 2024 07:21:19 GMT 
diff --git a/packages/charts/react-charting/package.json b/packages/charts/react-charting/package.json
index e8a8153a40fbe..e78fef53be50f 100644
--- a/packages/charts/react-charting/package.json
+++ b/packages/charts/react-charting/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-charting",
-  "version": "5.23.26",
+  "version": "5.23.27",
   "description": "React web charting controls for Microsoft fluentui system.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
diff --git a/packages/react-docsite-components/CHANGELOG.json b/packages/react-docsite-components/CHANGELOG.json
index 09691d11612a6..8b4cca059f34c 100644
--- a/packages/react-docsite-components/CHANGELOG.json
+++ b/packages/react-docsite-components/CHANGELOG.json
@@ -1,6 +1,21 @@
 {
   "name": "@fluentui/react-docsite-components",
   "entries": [
+    {
+      "date": "Wed, 18 Dec 2024 07:20:30 GMT",
+      "tag": "@fluentui/react-docsite-components_v8.13.147",
+      "version": "8.13.147",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-docsite-components",
+            "comment": "Bump @fluentui/react-monaco-editor to v1.7.265",
+            "commit": "6bcbe87a1b1d876c1437a6ae13818f265e5bb5c6"
+          }
+        ]
+      }
+    },
     {
       "date": "Tue, 17 Dec 2024 07:21:19 GMT",
       "tag": "@fluentui/react-docsite-components_v8.13.146",
diff --git a/packages/react-docsite-components/CHANGELOG.md b/packages/react-docsite-components/CHANGELOG.md
index 76711da2c3c31..0863e3108f4ec 100644
--- a/packages/react-docsite-components/CHANGELOG.md
+++ b/packages/react-docsite-components/CHANGELOG.md
@@ -1,9 +1,18 @@
 # Change Log - @fluentui/react-docsite-components
 
-This log was last generated on Tue, 17 Dec 2024 07:21:19 GMT and should not be manually modified.
+This log was last generated on Wed, 18 Dec 2024 07:20:30 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [8.13.147](https://github.com/microsoft/fluentui/tree/@fluentui/react-docsite-components_v8.13.147)
+
+Wed, 18 Dec 2024 07:20:30 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-docsite-components_v8.13.146..@fluentui/react-docsite-components_v8.13.147)
+
+### Patches
+
+- Bump @fluentui/react-monaco-editor to v1.7.265 ([PR #33440](https://github.com/microsoft/fluentui/pull/33440) by beachball)
+
 ## [8.13.146](https://github.com/microsoft/fluentui/tree/@fluentui/react-docsite-components_v8.13.146)
 
 Tue, 17 Dec 2024 07:21:19 GMT 
diff --git a/packages/react-docsite-components/package.json b/packages/react-docsite-components/package.json
index ce73985e3ec1f..332e0c7d90785 100644
--- a/packages/react-docsite-components/package.json
+++ b/packages/react-docsite-components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-docsite-components",
-  "version": "8.13.146",
+  "version": "8.13.147",
   "description": "Fluent UI React components for building documentation sites.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -42,7 +42,7 @@
     "@fluentui/public-docsite-setup": "^0.3.34",
     "@fluentui/react-hooks": "^8.8.16",
     "@fluentui/set-version": "^8.2.23",
-    "@fluentui/react-monaco-editor": "^1.7.264",
+    "@fluentui/react-monaco-editor": "^1.7.265",
     "color-check": "0.0.2",
     "markdown-to-jsx": "^7.0.0",
     "office-ui-fabric-core": "^11.0.0",
diff --git a/packages/react-examples/package.json b/packages/react-examples/package.json
index 00b9a3e26fb13..4d66a4561fb57 100644
--- a/packages/react-examples/package.json
+++ b/packages/react-examples/package.json
@@ -36,8 +36,8 @@
     "@fluentui/merge-styles": "^8.6.13",
     "@fluentui/react": "^8.122.1",
     "@fluentui/react-cards": "^0.205.190",
-    "@fluentui/react-charting": "^5.23.26",
-    "@fluentui/react-docsite-components": "^8.13.146",
+    "@fluentui/react-charting": "^5.23.27",
+    "@fluentui/react-docsite-components": "^8.13.147",
     "@fluentui/react-experiments": "^8.14.187",
     "@fluentui/react-file-type-icons": "^8.12.6",
     "@fluentui/react-focus": "^8.9.19",
diff --git a/packages/react-monaco-editor/CHANGELOG.json b/packages/react-monaco-editor/CHANGELOG.json
index e5394f6bb139b..472fd9eb9e149 100644
--- a/packages/react-monaco-editor/CHANGELOG.json
+++ b/packages/react-monaco-editor/CHANGELOG.json
@@ -1,6 +1,21 @@
 {
   "name": "@fluentui/react-monaco-editor",
   "entries": [
+    {
+      "date": "Wed, 18 Dec 2024 07:20:30 GMT",
+      "tag": "@fluentui/react-monaco-editor_v1.7.265",
+      "version": "1.7.265",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-monaco-editor",
+            "comment": "Bump @fluentui/react-charting to v5.23.27",
+            "commit": "6bcbe87a1b1d876c1437a6ae13818f265e5bb5c6"
+          }
+        ]
+      }
+    },
     {
       "date": "Tue, 17 Dec 2024 07:21:19 GMT",
       "tag": "@fluentui/react-monaco-editor_v1.7.264",
diff --git a/packages/react-monaco-editor/CHANGELOG.md b/packages/react-monaco-editor/CHANGELOG.md
index f69526a416a45..a460be88d91fe 100644
--- a/packages/react-monaco-editor/CHANGELOG.md
+++ b/packages/react-monaco-editor/CHANGELOG.md
@@ -1,9 +1,18 @@
 # Change Log - @fluentui/react-monaco-editor
 
-This log was last generated on Tue, 17 Dec 2024 07:21:19 GMT and should not be manually modified.
+This log was last generated on Wed, 18 Dec 2024 07:20:30 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [1.7.265](https://github.com/microsoft/fluentui/tree/@fluentui/react-monaco-editor_v1.7.265)
+
+Wed, 18 Dec 2024 07:20:30 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-monaco-editor_v1.7.264..@fluentui/react-monaco-editor_v1.7.265)
+
+### Patches
+
+- Bump @fluentui/react-charting to v5.23.27 ([PR #33440](https://github.com/microsoft/fluentui/pull/33440) by beachball)
+
 ## [1.7.264](https://github.com/microsoft/fluentui/tree/@fluentui/react-monaco-editor_v1.7.264)
 
 Tue, 17 Dec 2024 07:21:19 GMT 
diff --git a/packages/react-monaco-editor/package.json b/packages/react-monaco-editor/package.json
index 568bc8a25022f..667690e29d7d0 100644
--- a/packages/react-monaco-editor/package.json
+++ b/packages/react-monaco-editor/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-monaco-editor",
-  "version": "1.7.264",
+  "version": "1.7.265",
   "description": "Live React example editing using monaco",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -34,7 +34,7 @@
     "@fluentui/example-data": "^8.4.25",
     "@fluentui/monaco-editor": "^1.3.24",
     "@fluentui/react-hooks": "^8.8.16",
-    "@fluentui/react-charting": "^5.23.26",
+    "@fluentui/react-charting": "^5.23.27",
     "raw-loader": "4.0.2",
     "react-syntax-highlighter": "^10.1.3",
     "tslib": "^2.1.0"

From 54afa8c6ce8f7d200d5241584801899b27baaf1b Mon Sep 17 00:00:00 2001
From: Valentyna <vkozlova@microsoft.com>
Date: Wed, 18 Dec 2024 02:27:45 -0800
Subject: [PATCH 13/42] fix(react-color-picker): added bundle size
 configuration (#33483)

---
 .../library/bundle-size/ColorArea.fixture.js               | 7 +++++++
 .../library/bundle-size/ColorPicker.fixture.js             | 7 +++++++
 .../library/bundle-size/ColorSlider.fixture.js             | 7 +++++++
 3 files changed, 21 insertions(+)
 create mode 100644 packages/react-components/react-color-picker-preview/library/bundle-size/ColorArea.fixture.js
 create mode 100644 packages/react-components/react-color-picker-preview/library/bundle-size/ColorPicker.fixture.js
 create mode 100644 packages/react-components/react-color-picker-preview/library/bundle-size/ColorSlider.fixture.js

diff --git a/packages/react-components/react-color-picker-preview/library/bundle-size/ColorArea.fixture.js b/packages/react-components/react-color-picker-preview/library/bundle-size/ColorArea.fixture.js
new file mode 100644
index 0000000000000..8a829cb2bf038
--- /dev/null
+++ b/packages/react-components/react-color-picker-preview/library/bundle-size/ColorArea.fixture.js
@@ -0,0 +1,7 @@
+import { ColorArea } from '@fluentui/react-color-picker-preview';
+
+console.log(ColorArea);
+
+export default {
+  name: 'ColorArea',
+};
diff --git a/packages/react-components/react-color-picker-preview/library/bundle-size/ColorPicker.fixture.js b/packages/react-components/react-color-picker-preview/library/bundle-size/ColorPicker.fixture.js
new file mode 100644
index 0000000000000..7a0b7f9a01cf7
--- /dev/null
+++ b/packages/react-components/react-color-picker-preview/library/bundle-size/ColorPicker.fixture.js
@@ -0,0 +1,7 @@
+import { ColorPicker } from '@fluentui/react-color-picker-preview';
+
+console.log(ColorPicker);
+
+export default {
+  name: 'ColorPicker',
+};
diff --git a/packages/react-components/react-color-picker-preview/library/bundle-size/ColorSlider.fixture.js b/packages/react-components/react-color-picker-preview/library/bundle-size/ColorSlider.fixture.js
new file mode 100644
index 0000000000000..ce8fbc6a05569
--- /dev/null
+++ b/packages/react-components/react-color-picker-preview/library/bundle-size/ColorSlider.fixture.js
@@ -0,0 +1,7 @@
+import { ColorSlider } from '@fluentui/react-color-picker-preview';
+
+console.log(ColorSlider);
+
+export default {
+  name: 'ColorSlider',
+};

From b59061d2bf717f833fa28c4968b9238f6fdde962 Mon Sep 17 00:00:00 2001
From: Fluent UI Build <fluentui-internal@service.microsoft.com>
Date: Wed, 18 Dec 2024 10:59:55 +0000
Subject: [PATCH 14/42] release: applying package updates - react-components

---
 ...-ce4d9fc2-0bea-4c0a-9683-8e86082cd6ad.json |  7 ----
 ...-0feb2146-938a-4fbf-bb2b-2d0d6b7e40b8.json |  7 ----
 ...-01148df2-489e-4ed3-8b39-6a65518b17c3.json |  7 ----
 ...-94e96782-4be8-468e-b1a3-0b2ac9a76c62.json |  7 ----
 .../library/CHANGELOG.json                    | 21 ++++++++++++
 .../react-charts-preview/library/CHANGELOG.md | 12 ++++++-
 .../react-charts-preview/library/package.json |  6 ++--
 .../react-avatar/library/CHANGELOG.json       | 15 +++++++++
 .../react-avatar/library/CHANGELOG.md         | 11 ++++++-
 .../react-avatar/library/package.json         |  4 +--
 .../react-breadcrumb/library/package.json     |  2 +-
 .../react-components/CHANGELOG.json           | 33 +++++++++++++++++++
 .../react-components/CHANGELOG.md             | 18 +++++++++-
 .../react-components/package.json             | 32 +++++++++---------
 .../library/CHANGELOG.json                    | 15 +++++++++
 .../library/CHANGELOG.md                      | 11 ++++++-
 .../library/package.json                      |  4 +--
 .../react-dialog/library/CHANGELOG.json       | 15 +++++++++
 .../react-dialog/library/CHANGELOG.md         | 11 ++++++-
 .../react-dialog/library/package.json         |  2 +-
 .../react-drawer/library/CHANGELOG.json       | 15 +++++++++
 .../react-drawer/library/CHANGELOG.md         | 11 ++++++-
 .../react-drawer/library/package.json         |  4 +--
 .../react-infolabel/library/CHANGELOG.json    | 15 +++++++++
 .../react-infolabel/library/CHANGELOG.md      | 11 ++++++-
 .../react-infolabel/library/package.json      |  4 +--
 .../react-menu/library/CHANGELOG.json         | 15 +++++++++
 .../react-menu/library/CHANGELOG.md           | 11 ++++++-
 .../react-menu/library/package.json           |  2 +-
 .../library/CHANGELOG.json                    | 15 +++++++++
 .../library/CHANGELOG.md                      | 11 ++++++-
 .../library/package.json                      |  4 +--
 .../library/CHANGELOG.json                    | 15 +++++++++
 .../library/CHANGELOG.md                      | 11 ++++++-
 .../library/package.json                      |  4 +--
 .../react-nav-preview/library/CHANGELOG.json  | 15 +++++++++
 .../react-nav-preview/library/CHANGELOG.md    | 11 ++++++-
 .../react-nav-preview/library/package.json    |  4 +--
 .../react-overflow/library/package.json       |  2 +-
 .../react-persona/library/CHANGELOG.json      | 15 +++++++++
 .../react-persona/library/CHANGELOG.md        | 11 ++++++-
 .../react-persona/library/package.json        |  4 +--
 .../react-popover/library/CHANGELOG.json      | 15 +++++++++
 .../react-popover/library/CHANGELOG.md        | 11 ++++++-
 .../react-popover/library/package.json        |  2 +-
 .../react-portal-compat/CHANGELOG.json        | 15 +++++++++
 .../react-portal-compat/CHANGELOG.md          | 11 ++++++-
 .../react-portal-compat/package.json          |  4 +--
 .../react-rating/library/CHANGELOG.json       | 15 +++++++++
 .../react-rating/library/CHANGELOG.md         | 11 ++++++-
 .../react-rating/library/package.json         |  2 +-
 .../react-table/library/CHANGELOG.json        | 15 +++++++++
 .../react-table/library/CHANGELOG.md          | 11 ++++++-
 .../react-table/library/package.json          |  4 +--
 .../react-tag-picker/library/CHANGELOG.json   | 15 +++++++++
 .../react-tag-picker/library/CHANGELOG.md     | 11 ++++++-
 .../react-tag-picker/library/package.json     |  4 +--
 .../react-tags/library/CHANGELOG.json         | 15 +++++++++
 .../react-tags/library/CHANGELOG.md           | 11 ++++++-
 .../react-tags/library/package.json           |  4 +--
 .../library/CHANGELOG.json                    | 15 +++++++++
 .../library/CHANGELOG.md                      | 11 ++++++-
 .../library/package.json                      |  4 +--
 .../library/package.json                      |  2 +-
 .../react-tree/library/CHANGELOG.json         | 15 +++++++++
 .../react-tree/library/CHANGELOG.md           | 11 ++++++-
 .../react-tree/library/package.json           |  4 +--
 .../theme-designer/package.json               |  2 +-
 68 files changed, 587 insertions(+), 103 deletions(-)
 delete mode 100644 change/@fluentui-react-dialog-ce4d9fc2-0bea-4c0a-9683-8e86082cd6ad.json
 delete mode 100644 change/@fluentui-react-menu-0feb2146-938a-4fbf-bb2b-2d0d6b7e40b8.json
 delete mode 100644 change/@fluentui-react-popover-01148df2-489e-4ed3-8b39-6a65518b17c3.json
 delete mode 100644 change/@fluentui-react-rating-94e96782-4be8-468e-b1a3-0b2ac9a76c62.json

diff --git a/change/@fluentui-react-dialog-ce4d9fc2-0bea-4c0a-9683-8e86082cd6ad.json b/change/@fluentui-react-dialog-ce4d9fc2-0bea-4c0a-9683-8e86082cd6ad.json
deleted file mode 100644
index e866173062b6b..0000000000000
--- a/change/@fluentui-react-dialog-ce4d9fc2-0bea-4c0a-9683-8e86082cd6ad.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "type": "patch",
-  "comment": "docs(react-dialog): Fix doc-comment links that don't translate to storybook",
-  "packageName": "@fluentui/react-dialog",
-  "email": "jiangemma@microsoft.com",
-  "dependentChangeType": "patch"
-}
diff --git a/change/@fluentui-react-menu-0feb2146-938a-4fbf-bb2b-2d0d6b7e40b8.json b/change/@fluentui-react-menu-0feb2146-938a-4fbf-bb2b-2d0d6b7e40b8.json
deleted file mode 100644
index 894d69d9c5c25..0000000000000
--- a/change/@fluentui-react-menu-0feb2146-938a-4fbf-bb2b-2d0d6b7e40b8.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "type": "patch",
-  "comment": "docs(react-menu): Fix doc-comment links that don't translate to storybook",
-  "packageName": "@fluentui/react-menu",
-  "email": "jiangemma@microsoft.com",
-  "dependentChangeType": "patch"
-}
diff --git a/change/@fluentui-react-popover-01148df2-489e-4ed3-8b39-6a65518b17c3.json b/change/@fluentui-react-popover-01148df2-489e-4ed3-8b39-6a65518b17c3.json
deleted file mode 100644
index 5d2a8de8d910a..0000000000000
--- a/change/@fluentui-react-popover-01148df2-489e-4ed3-8b39-6a65518b17c3.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "type": "patch",
-  "comment": "docs(react-popover): Fix doc-comment links that don't translate to storybook",
-  "packageName": "@fluentui/react-popover",
-  "email": "jiangemma@microsoft.com",
-  "dependentChangeType": "patch"
-}
diff --git a/change/@fluentui-react-rating-94e96782-4be8-468e-b1a3-0b2ac9a76c62.json b/change/@fluentui-react-rating-94e96782-4be8-468e-b1a3-0b2ac9a76c62.json
deleted file mode 100644
index c8443663d4c0e..0000000000000
--- a/change/@fluentui-react-rating-94e96782-4be8-468e-b1a3-0b2ac9a76c62.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "type": "patch",
-  "comment": "fix: Pass missing Rating's itemLabel prop to its state so RatingItem consumes it from context.",
-  "packageName": "@fluentui/react-rating",
-  "email": "derdem@microsoft.com",
-  "dependentChangeType": "patch"
-}
diff --git a/packages/charts/react-charts-preview/library/CHANGELOG.json b/packages/charts/react-charts-preview/library/CHANGELOG.json
index f78398337a67a..5a9a3eb9685df 100644
--- a/packages/charts/react-charts-preview/library/CHANGELOG.json
+++ b/packages/charts/react-charts-preview/library/CHANGELOG.json
@@ -1,6 +1,27 @@
 {
   "name": "@fluentui/react-charts-preview",
   "entries": [
+    {
+      "date": "Wed, 18 Dec 2024 10:59:37 GMT",
+      "tag": "@fluentui/react-charts-preview_v0.1.5",
+      "version": "0.1.5",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-charts-preview",
+            "comment": "Bump @fluentui/react-overflow to v9.2.5",
+            "commit": "54afa8c6ce8f7d200d5241584801899b27baaf1b"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-charts-preview",
+            "comment": "Bump @fluentui/react-popover to v9.9.29",
+            "commit": "54afa8c6ce8f7d200d5241584801899b27baaf1b"
+          }
+        ]
+      }
+    },
     {
       "date": "Mon, 16 Dec 2024 16:26:49 GMT",
       "tag": "@fluentui/react-charts-preview_v0.1.4",
diff --git a/packages/charts/react-charts-preview/library/CHANGELOG.md b/packages/charts/react-charts-preview/library/CHANGELOG.md
index c0c1b0d5be098..ae5c058ec77e9 100644
--- a/packages/charts/react-charts-preview/library/CHANGELOG.md
+++ b/packages/charts/react-charts-preview/library/CHANGELOG.md
@@ -1,9 +1,19 @@
 # Change Log - @fluentui/react-charts-preview
 
-This log was last generated on Mon, 16 Dec 2024 16:26:49 GMT and should not be manually modified.
+This log was last generated on Wed, 18 Dec 2024 10:59:37 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [0.1.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-charts-preview_v0.1.5)
+
+Wed, 18 Dec 2024 10:59:37 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-charts-preview_v0.1.4..@fluentui/react-charts-preview_v0.1.5)
+
+### Patches
+
+- Bump @fluentui/react-overflow to v9.2.5 ([PR #33483](https://github.com/microsoft/fluentui/pull/33483) by beachball)
+- Bump @fluentui/react-popover to v9.9.29 ([PR #33483](https://github.com/microsoft/fluentui/pull/33483) by beachball)
+
 ## [0.1.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-charts-preview_v0.1.4)
 
 Mon, 16 Dec 2024 16:26:49 GMT 
diff --git a/packages/charts/react-charts-preview/library/package.json b/packages/charts/react-charts-preview/library/package.json
index 250d9e484aad1..32be5463b027c 100644
--- a/packages/charts/react-charts-preview/library/package.json
+++ b/packages/charts/react-charts-preview/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-charts-preview",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "description": "React web chart controls for Microsoft fluentui v9 system.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -39,8 +39,8 @@
   "dependencies": {
     "@fluentui/react-button": "^9.3.98",
     "@fluentui/react-jsx-runtime": "^9.0.48",
-    "@fluentui/react-overflow": "^9.2.4",
-    "@fluentui/react-popover": "^9.9.28",
+    "@fluentui/react-overflow": "^9.2.5",
+    "@fluentui/react-popover": "^9.9.29",
     "@fluentui/react-shared-contexts": "^9.21.2",
     "@fluentui/react-tabster": "^9.23.2",
     "@fluentui/react-theme": "^9.1.24",
diff --git a/packages/react-components/react-avatar/library/CHANGELOG.json b/packages/react-components/react-avatar/library/CHANGELOG.json
index dc4cf46cfc47d..2566640b7b57e 100644
--- a/packages/react-components/react-avatar/library/CHANGELOG.json
+++ b/packages/react-components/react-avatar/library/CHANGELOG.json
@@ -1,6 +1,21 @@
 {
   "name": "@fluentui/react-avatar",
   "entries": [
+    {
+      "date": "Wed, 18 Dec 2024 10:59:37 GMT",
+      "tag": "@fluentui/react-avatar_v9.6.47",
+      "version": "9.6.47",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-avatar",
+            "comment": "Bump @fluentui/react-popover to v9.9.29",
+            "commit": "54afa8c6ce8f7d200d5241584801899b27baaf1b"
+          }
+        ]
+      }
+    },
     {
       "date": "Mon, 16 Dec 2024 16:26:49 GMT",
       "tag": "@fluentui/react-avatar_v9.6.46",
diff --git a/packages/react-components/react-avatar/library/CHANGELOG.md b/packages/react-components/react-avatar/library/CHANGELOG.md
index 4aa96a7591dc7..ffe7d5ebb1e27 100644
--- a/packages/react-components/react-avatar/library/CHANGELOG.md
+++ b/packages/react-components/react-avatar/library/CHANGELOG.md
@@ -1,9 +1,18 @@
 # Change Log - @fluentui/react-avatar
 
-This log was last generated on Mon, 16 Dec 2024 16:26:49 GMT and should not be manually modified.
+This log was last generated on Wed, 18 Dec 2024 10:59:37 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.6.47](https://github.com/microsoft/fluentui/tree/@fluentui/react-avatar_v9.6.47)
+
+Wed, 18 Dec 2024 10:59:37 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-avatar_v9.6.46..@fluentui/react-avatar_v9.6.47)
+
+### Patches
+
+- Bump @fluentui/react-popover to v9.9.29 ([PR #33483](https://github.com/microsoft/fluentui/pull/33483) by beachball)
+
 ## [9.6.46](https://github.com/microsoft/fluentui/tree/@fluentui/react-avatar_v9.6.46)
 
 Mon, 16 Dec 2024 16:26:49 GMT 
diff --git a/packages/react-components/react-avatar/library/package.json b/packages/react-components/react-avatar/library/package.json
index c796fa0331c63..cd07c63f6f099 100644
--- a/packages/react-components/react-avatar/library/package.json
+++ b/packages/react-components/react-avatar/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-avatar",
-  "version": "9.6.46",
+  "version": "9.6.47",
   "description": "React components for building Microsoft web experiences.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -24,7 +24,7 @@
     "@fluentui/react-badge": "^9.2.48",
     "@fluentui/react-context-selector": "^9.1.71",
     "@fluentui/react-icons": "^2.0.245",
-    "@fluentui/react-popover": "^9.9.28",
+    "@fluentui/react-popover": "^9.9.29",
     "@fluentui/react-shared-contexts": "^9.21.2",
     "@fluentui/react-tabster": "^9.23.2",
     "@fluentui/react-theme": "^9.1.24",
diff --git a/packages/react-components/react-breadcrumb/library/package.json b/packages/react-components/react-breadcrumb/library/package.json
index 63b788f1c82e9..acfb5dbf3fe05 100644
--- a/packages/react-components/react-breadcrumb/library/package.json
+++ b/packages/react-components/react-breadcrumb/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-breadcrumb",
-  "version": "9.0.46",
+  "version": "9.0.47",
   "description": "Breadcrumb component for Fluent UI React.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
diff --git a/packages/react-components/react-components/CHANGELOG.json b/packages/react-components/react-components/CHANGELOG.json
index cfc76e1249d07..62cabe937aa29 100644
--- a/packages/react-components/react-components/CHANGELOG.json
+++ b/packages/react-components/react-components/CHANGELOG.json
@@ -1,6 +1,39 @@
 {
   "name": "@fluentui/react-components",
   "entries": [
+    {
+      "date": "Wed, 18 Dec 2024 10:59:36 GMT",
+      "tag": "@fluentui/react-components_v9.56.7",
+      "version": "9.56.7",
+      "comments": {
+        "patch": [
+          {
+            "author": "jiangemma@microsoft.com",
+            "package": "@fluentui/react-dialog",
+            "commit": "0eca6fb68963b15b664b8560984f0f742bae280b",
+            "comment": "docs(react-dialog): Fix doc-comment links that don't translate to storybook"
+          },
+          {
+            "author": "jiangemma@microsoft.com",
+            "package": "@fluentui/react-menu",
+            "commit": "0eca6fb68963b15b664b8560984f0f742bae280b",
+            "comment": "docs(react-menu): Fix doc-comment links that don't translate to storybook"
+          },
+          {
+            "author": "jiangemma@microsoft.com",
+            "package": "@fluentui/react-popover",
+            "commit": "0eca6fb68963b15b664b8560984f0f742bae280b",
+            "comment": "docs(react-popover): Fix doc-comment links that don't translate to storybook"
+          },
+          {
+            "author": "derdem@microsoft.com",
+            "package": "@fluentui/react-rating",
+            "commit": "084c76645ce97417b2bdc50203f4c66f5fd27309",
+            "comment": "fix: Pass missing Rating's itemLabel prop to its state so RatingItem consumes it from context."
+          }
+        ]
+      }
+    },
     {
       "date": "Mon, 16 Dec 2024 16:26:45 GMT",
       "tag": "@fluentui/react-components_v9.56.6",
diff --git a/packages/react-components/react-components/CHANGELOG.md b/packages/react-components/react-components/CHANGELOG.md
index ca9deac15b362..c54b6eb9a2144 100644
--- a/packages/react-components/react-components/CHANGELOG.md
+++ b/packages/react-components/react-components/CHANGELOG.md
@@ -1,9 +1,25 @@
 # Change Log - @fluentui/react-components
 
-This log was last generated on Mon, 16 Dec 2024 16:26:45 GMT and should not be manually modified.
+This log was last generated on Wed, 18 Dec 2024 10:59:36 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.56.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-components_v9.56.7)
+
+Wed, 18 Dec 2024 10:59:36 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-components_v9.56.6..@fluentui/react-components_v9.56.7)
+
+### Patches
+
+- `@fluentui/react-dialog`
+  - docs(react-dialog): Fix doc-comment links that don't translate to storybook ([PR #33471](https://github.com/microsoft/fluentui/pull/33471) by jiangemma@microsoft.com)
+- `@fluentui/react-menu`
+  - docs(react-menu): Fix doc-comment links that don't translate to storybook ([PR #33471](https://github.com/microsoft/fluentui/pull/33471) by jiangemma@microsoft.com)
+- `@fluentui/react-popover`
+  - docs(react-popover): Fix doc-comment links that don't translate to storybook ([PR #33471](https://github.com/microsoft/fluentui/pull/33471) by jiangemma@microsoft.com)
+- `@fluentui/react-rating`
+  - fix: Pass missing Rating's itemLabel prop to its state so RatingItem consumes it from context. ([PR #33361](https://github.com/microsoft/fluentui/pull/33361) by derdem@microsoft.com)
+
 ## [9.56.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-components_v9.56.6)
 
 Mon, 16 Dec 2024 16:26:45 GMT 
diff --git a/packages/react-components/react-components/package.json b/packages/react-components/react-components/package.json
index ae1254d837235..1a57651aa4516 100644
--- a/packages/react-components/react-components/package.json
+++ b/packages/react-components/react-components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-components",
-  "version": "9.56.6",
+  "version": "9.56.7",
   "description": "Suite package for converged React components",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -18,27 +18,27 @@
   "dependencies": {
     "@fluentui/react-accordion": "^9.5.12",
     "@fluentui/react-alert": "9.0.0-beta.124",
-    "@fluentui/react-avatar": "^9.6.46",
+    "@fluentui/react-avatar": "^9.6.47",
     "@fluentui/react-badge": "^9.2.48",
     "@fluentui/react-button": "^9.3.98",
     "@fluentui/react-card": "^9.0.100",
     "@fluentui/react-checkbox": "^9.2.44",
     "@fluentui/react-combobox": "^9.13.15",
-    "@fluentui/react-dialog": "^9.11.25",
+    "@fluentui/react-dialog": "^9.11.26",
     "@fluentui/react-divider": "^9.2.80",
-    "@fluentui/react-drawer": "^9.6.5",
+    "@fluentui/react-drawer": "^9.6.6",
     "@fluentui/react-field": "^9.1.83",
     "@fluentui/react-image": "^9.1.78",
     "@fluentui/react-infobutton": "9.0.0-beta.102",
-    "@fluentui/react-infolabel": "^9.0.53",
+    "@fluentui/react-infolabel": "^9.0.54",
     "@fluentui/react-input": "^9.4.96",
     "@fluentui/react-label": "^9.1.81",
     "@fluentui/react-link": "^9.3.5",
-    "@fluentui/react-menu": "^9.14.23",
-    "@fluentui/react-overflow": "^9.2.4",
-    "@fluentui/react-persona": "^9.2.105",
+    "@fluentui/react-menu": "^9.14.24",
+    "@fluentui/react-overflow": "^9.2.5",
+    "@fluentui/react-persona": "^9.2.106",
     "@fluentui/react-portal": "^9.4.40",
-    "@fluentui/react-popover": "^9.9.28",
+    "@fluentui/react-popover": "^9.9.29",
     "@fluentui/react-positioning": "^9.16.0",
     "@fluentui/react-progress": "^9.1.94",
     "@fluentui/react-provider": "^9.18.2",
@@ -51,10 +51,10 @@
     "@fluentui/react-spinner": "^9.5.5",
     "@fluentui/react-swatch-picker": "^9.1.17",
     "@fluentui/react-switch": "^9.1.101",
-    "@fluentui/react-table": "^9.15.25",
+    "@fluentui/react-table": "^9.15.26",
     "@fluentui/react-tabs": "^9.6.5",
     "@fluentui/react-tabster": "^9.23.2",
-    "@fluentui/react-tags": "^9.3.26",
+    "@fluentui/react-tags": "^9.3.27",
     "@fluentui/react-textarea": "^9.3.95",
     "@fluentui/react-theme": "^9.1.24",
     "@fluentui/react-toast": "^9.3.63",
@@ -63,16 +63,16 @@
     "@fluentui/react-utilities": "^9.18.19",
     "@fluentui/react-text": "^9.4.30",
     "@fluentui/react-virtualizer": "9.0.0-alpha.89",
-    "@fluentui/react-tree": "^9.8.10",
+    "@fluentui/react-tree": "^9.8.11",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1",
     "@fluentui/react-message-bar": "^9.2.18",
-    "@fluentui/react-breadcrumb": "^9.0.46",
+    "@fluentui/react-breadcrumb": "^9.0.47",
     "@fluentui/react-aria": "^9.13.12",
-    "@fluentui/react-rating": "^9.0.25",
+    "@fluentui/react-rating": "^9.0.26",
     "@fluentui/react-search": "^9.0.26",
-    "@fluentui/react-teaching-popover": "^9.1.25",
-    "@fluentui/react-tag-picker": "^9.3.12",
+    "@fluentui/react-teaching-popover": "^9.1.26",
+    "@fluentui/react-tag-picker": "^9.3.13",
     "@fluentui/react-motion": "^9.6.5",
     "@fluentui/react-carousel": "^9.4.3"
   },
diff --git a/packages/react-components/react-datepicker-compat/library/CHANGELOG.json b/packages/react-components/react-datepicker-compat/library/CHANGELOG.json
index b08354be38bd7..eee18adda14d6 100644
--- a/packages/react-components/react-datepicker-compat/library/CHANGELOG.json
+++ b/packages/react-components/react-datepicker-compat/library/CHANGELOG.json
@@ -1,6 +1,21 @@
 {
   "name": "@fluentui/react-datepicker-compat",
   "entries": [
+    {
+      "date": "Wed, 18 Dec 2024 10:59:37 GMT",
+      "tag": "@fluentui/react-datepicker-compat_v0.4.59",
+      "version": "0.4.59",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-datepicker-compat",
+            "comment": "Bump @fluentui/react-popover to v9.9.29",
+            "commit": "54afa8c6ce8f7d200d5241584801899b27baaf1b"
+          }
+        ]
+      }
+    },
     {
       "date": "Mon, 16 Dec 2024 16:26:49 GMT",
       "tag": "@fluentui/react-datepicker-compat_v0.4.58",
diff --git a/packages/react-components/react-datepicker-compat/library/CHANGELOG.md b/packages/react-components/react-datepicker-compat/library/CHANGELOG.md
index a54366b0cfd1b..f430f52192888 100644
--- a/packages/react-components/react-datepicker-compat/library/CHANGELOG.md
+++ b/packages/react-components/react-datepicker-compat/library/CHANGELOG.md
@@ -1,9 +1,18 @@
 # Change Log - @fluentui/react-datepicker-compat
 
-This log was last generated on Mon, 16 Dec 2024 16:26:49 GMT and should not be manually modified.
+This log was last generated on Wed, 18 Dec 2024 10:59:37 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [0.4.59](https://github.com/microsoft/fluentui/tree/@fluentui/react-datepicker-compat_v0.4.59)
+
+Wed, 18 Dec 2024 10:59:37 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-datepicker-compat_v0.4.58..@fluentui/react-datepicker-compat_v0.4.59)
+
+### Patches
+
+- Bump @fluentui/react-popover to v9.9.29 ([PR #33483](https://github.com/microsoft/fluentui/pull/33483) by beachball)
+
 ## [0.4.58](https://github.com/microsoft/fluentui/tree/@fluentui/react-datepicker-compat_v0.4.58)
 
 Mon, 16 Dec 2024 16:26:49 GMT 
diff --git a/packages/react-components/react-datepicker-compat/library/package.json b/packages/react-components/react-datepicker-compat/library/package.json
index 2ab4772dba7ad..8a749c1b98a0f 100644
--- a/packages/react-components/react-datepicker-compat/library/package.json
+++ b/packages/react-components/react-datepicker-compat/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-datepicker-compat",
-  "version": "0.4.58",
+  "version": "0.4.59",
   "description": "React components for building web experiences",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -26,7 +26,7 @@
     "@fluentui/react-icons": "^2.0.245",
     "@fluentui/react-input": "^9.4.96",
     "@fluentui/react-jsx-runtime": "^9.0.48",
-    "@fluentui/react-popover": "^9.9.28",
+    "@fluentui/react-popover": "^9.9.29",
     "@fluentui/react-portal": "^9.4.40",
     "@fluentui/react-positioning": "^9.16.0",
     "@fluentui/react-shared-contexts": "^9.21.2",
diff --git a/packages/react-components/react-dialog/library/CHANGELOG.json b/packages/react-components/react-dialog/library/CHANGELOG.json
index 4462eeed5e7b9..9db09ede38669 100644
--- a/packages/react-components/react-dialog/library/CHANGELOG.json
+++ b/packages/react-components/react-dialog/library/CHANGELOG.json
@@ -1,6 +1,21 @@
 {
   "name": "@fluentui/react-dialog",
   "entries": [
+    {
+      "date": "Wed, 18 Dec 2024 10:59:36 GMT",
+      "tag": "@fluentui/react-dialog_v9.11.26",
+      "version": "9.11.26",
+      "comments": {
+        "patch": [
+          {
+            "author": "jiangemma@microsoft.com",
+            "package": "@fluentui/react-dialog",
+            "commit": "0eca6fb68963b15b664b8560984f0f742bae280b",
+            "comment": "docs(react-dialog): Fix doc-comment links that don't translate to storybook"
+          }
+        ]
+      }
+    },
     {
       "date": "Mon, 16 Dec 2024 16:26:49 GMT",
       "tag": "@fluentui/react-dialog_v9.11.25",
diff --git a/packages/react-components/react-dialog/library/CHANGELOG.md b/packages/react-components/react-dialog/library/CHANGELOG.md
index 5d24473a3f100..7981ed712d123 100644
--- a/packages/react-components/react-dialog/library/CHANGELOG.md
+++ b/packages/react-components/react-dialog/library/CHANGELOG.md
@@ -1,9 +1,18 @@
 # Change Log - @fluentui/react-dialog
 
-This log was last generated on Mon, 16 Dec 2024 16:26:49 GMT and should not be manually modified.
+This log was last generated on Wed, 18 Dec 2024 10:59:36 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.11.26](https://github.com/microsoft/fluentui/tree/@fluentui/react-dialog_v9.11.26)
+
+Wed, 18 Dec 2024 10:59:36 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-dialog_v9.11.25..@fluentui/react-dialog_v9.11.26)
+
+### Patches
+
+- docs(react-dialog): Fix doc-comment links that don't translate to storybook ([PR #33471](https://github.com/microsoft/fluentui/pull/33471) by jiangemma@microsoft.com)
+
 ## [9.11.25](https://github.com/microsoft/fluentui/tree/@fluentui/react-dialog_v9.11.25)
 
 Mon, 16 Dec 2024 16:26:49 GMT 
diff --git a/packages/react-components/react-dialog/library/package.json b/packages/react-components/react-dialog/library/package.json
index dbc3d2c9a27a9..d9690afee5ece 100644
--- a/packages/react-components/react-dialog/library/package.json
+++ b/packages/react-components/react-dialog/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-dialog",
-  "version": "9.11.25",
+  "version": "9.11.26",
   "description": "Dialog component for Fluent UI React",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
diff --git a/packages/react-components/react-drawer/library/CHANGELOG.json b/packages/react-components/react-drawer/library/CHANGELOG.json
index 53491f6d9803b..37f190c2cbecd 100644
--- a/packages/react-components/react-drawer/library/CHANGELOG.json
+++ b/packages/react-components/react-drawer/library/CHANGELOG.json
@@ -1,6 +1,21 @@
 {
   "name": "@fluentui/react-drawer",
   "entries": [
+    {
+      "date": "Wed, 18 Dec 2024 10:59:37 GMT",
+      "tag": "@fluentui/react-drawer_v9.6.6",
+      "version": "9.6.6",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-drawer",
+            "comment": "Bump @fluentui/react-dialog to v9.11.26",
+            "commit": "54afa8c6ce8f7d200d5241584801899b27baaf1b"
+          }
+        ]
+      }
+    },
     {
       "date": "Mon, 16 Dec 2024 16:26:49 GMT",
       "tag": "@fluentui/react-drawer_v9.6.5",
diff --git a/packages/react-components/react-drawer/library/CHANGELOG.md b/packages/react-components/react-drawer/library/CHANGELOG.md
index 77d5b188afaae..209a903a7db91 100644
--- a/packages/react-components/react-drawer/library/CHANGELOG.md
+++ b/packages/react-components/react-drawer/library/CHANGELOG.md
@@ -1,9 +1,18 @@
 # Change Log - @fluentui/react-drawer
 
-This log was last generated on Mon, 16 Dec 2024 16:26:49 GMT and should not be manually modified.
+This log was last generated on Wed, 18 Dec 2024 10:59:37 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.6.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.6.6)
+
+Wed, 18 Dec 2024 10:59:37 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-drawer_v9.6.5..@fluentui/react-drawer_v9.6.6)
+
+### Patches
+
+- Bump @fluentui/react-dialog to v9.11.26 ([PR #33483](https://github.com/microsoft/fluentui/pull/33483) by beachball)
+
 ## [9.6.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.6.5)
 
 Mon, 16 Dec 2024 16:26:49 GMT 
diff --git a/packages/react-components/react-drawer/library/package.json b/packages/react-components/react-drawer/library/package.json
index 04baf54e1ea73..d475b3e597c2d 100644
--- a/packages/react-components/react-drawer/library/package.json
+++ b/packages/react-components/react-drawer/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-drawer",
-  "version": "9.6.5",
+  "version": "9.6.6",
   "description": "Drawer components for Fluent UI React",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -20,7 +20,7 @@
     "@fluentui/scripts-cypress": "*"
   },
   "dependencies": {
-    "@fluentui/react-dialog": "^9.11.25",
+    "@fluentui/react-dialog": "^9.11.26",
     "@fluentui/react-jsx-runtime": "^9.0.48",
     "@fluentui/react-motion": "^9.6.5",
     "@fluentui/react-portal": "^9.4.40",
diff --git a/packages/react-components/react-infolabel/library/CHANGELOG.json b/packages/react-components/react-infolabel/library/CHANGELOG.json
index 426ca705ea516..60a99447d46d2 100644
--- a/packages/react-components/react-infolabel/library/CHANGELOG.json
+++ b/packages/react-components/react-infolabel/library/CHANGELOG.json
@@ -1,6 +1,21 @@
 {
   "name": "@fluentui/react-infolabel",
   "entries": [
+    {
+      "date": "Wed, 18 Dec 2024 10:59:37 GMT",
+      "tag": "@fluentui/react-infolabel_v9.0.54",
+      "version": "9.0.54",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-infolabel",
+            "comment": "Bump @fluentui/react-popover to v9.9.29",
+            "commit": "54afa8c6ce8f7d200d5241584801899b27baaf1b"
+          }
+        ]
+      }
+    },
     {
       "date": "Mon, 16 Dec 2024 16:26:49 GMT",
       "tag": "@fluentui/react-infolabel_v9.0.53",
diff --git a/packages/react-components/react-infolabel/library/CHANGELOG.md b/packages/react-components/react-infolabel/library/CHANGELOG.md
index 2777833b67e8f..29f67f2804eea 100644
--- a/packages/react-components/react-infolabel/library/CHANGELOG.md
+++ b/packages/react-components/react-infolabel/library/CHANGELOG.md
@@ -1,9 +1,18 @@
 # Change Log - @fluentui/react-infolabel
 
-This log was last generated on Mon, 16 Dec 2024 16:26:49 GMT and should not be manually modified.
+This log was last generated on Wed, 18 Dec 2024 10:59:37 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.0.54](https://github.com/microsoft/fluentui/tree/@fluentui/react-infolabel_v9.0.54)
+
+Wed, 18 Dec 2024 10:59:37 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-infolabel_v9.0.53..@fluentui/react-infolabel_v9.0.54)
+
+### Patches
+
+- Bump @fluentui/react-popover to v9.9.29 ([PR #33483](https://github.com/microsoft/fluentui/pull/33483) by beachball)
+
 ## [9.0.53](https://github.com/microsoft/fluentui/tree/@fluentui/react-infolabel_v9.0.53)
 
 Mon, 16 Dec 2024 16:26:49 GMT 
diff --git a/packages/react-components/react-infolabel/library/package.json b/packages/react-components/react-infolabel/library/package.json
index e7a1f66093543..8401759d0ec35 100644
--- a/packages/react-components/react-infolabel/library/package.json
+++ b/packages/react-components/react-infolabel/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-infolabel",
-  "version": "9.0.53",
+  "version": "9.0.54",
   "description": "InfoLabel component for Fluent UI v9",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -22,7 +22,7 @@
   "dependencies": {
     "@fluentui/react-icons": "^2.0.245",
     "@fluentui/react-label": "^9.1.81",
-    "@fluentui/react-popover": "^9.9.28",
+    "@fluentui/react-popover": "^9.9.29",
     "@fluentui/react-tabster": "^9.23.2",
     "@fluentui/react-jsx-runtime": "^9.0.48",
     "@fluentui/react-theme": "^9.1.24",
diff --git a/packages/react-components/react-menu/library/CHANGELOG.json b/packages/react-components/react-menu/library/CHANGELOG.json
index b90c3b1e553d3..1fdd22876e8b5 100644
--- a/packages/react-components/react-menu/library/CHANGELOG.json
+++ b/packages/react-components/react-menu/library/CHANGELOG.json
@@ -1,6 +1,21 @@
 {
   "name": "@fluentui/react-menu",
   "entries": [
+    {
+      "date": "Wed, 18 Dec 2024 10:59:36 GMT",
+      "tag": "@fluentui/react-menu_v9.14.24",
+      "version": "9.14.24",
+      "comments": {
+        "patch": [
+          {
+            "author": "jiangemma@microsoft.com",
+            "package": "@fluentui/react-menu",
+            "commit": "0eca6fb68963b15b664b8560984f0f742bae280b",
+            "comment": "docs(react-menu): Fix doc-comment links that don't translate to storybook"
+          }
+        ]
+      }
+    },
     {
       "date": "Mon, 16 Dec 2024 16:26:49 GMT",
       "tag": "@fluentui/react-menu_v9.14.23",
diff --git a/packages/react-components/react-menu/library/CHANGELOG.md b/packages/react-components/react-menu/library/CHANGELOG.md
index 284f045d6fb6d..21ffdb0f06672 100644
--- a/packages/react-components/react-menu/library/CHANGELOG.md
+++ b/packages/react-components/react-menu/library/CHANGELOG.md
@@ -1,9 +1,18 @@
 # Change Log - @fluentui/react-menu
 
-This log was last generated on Mon, 16 Dec 2024 16:26:49 GMT and should not be manually modified.
+This log was last generated on Wed, 18 Dec 2024 10:59:36 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.14.24](https://github.com/microsoft/fluentui/tree/@fluentui/react-menu_v9.14.24)
+
+Wed, 18 Dec 2024 10:59:36 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-menu_v9.14.23..@fluentui/react-menu_v9.14.24)
+
+### Patches
+
+- docs(react-menu): Fix doc-comment links that don't translate to storybook ([PR #33471](https://github.com/microsoft/fluentui/pull/33471) by jiangemma@microsoft.com)
+
 ## [9.14.23](https://github.com/microsoft/fluentui/tree/@fluentui/react-menu_v9.14.23)
 
 Mon, 16 Dec 2024 16:26:49 GMT 
diff --git a/packages/react-components/react-menu/library/package.json b/packages/react-components/react-menu/library/package.json
index db635bb4a3166..dd6fdf9899d94 100644
--- a/packages/react-components/react-menu/library/package.json
+++ b/packages/react-components/react-menu/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-menu",
-  "version": "9.14.23",
+  "version": "9.14.24",
   "description": "Fluent UI menu component",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
diff --git a/packages/react-components/react-migration-v0-v9/library/CHANGELOG.json b/packages/react-components/react-migration-v0-v9/library/CHANGELOG.json
index 2d78c91eb2e49..a2dc43d9f290b 100644
--- a/packages/react-components/react-migration-v0-v9/library/CHANGELOG.json
+++ b/packages/react-components/react-migration-v0-v9/library/CHANGELOG.json
@@ -1,6 +1,21 @@
 {
   "name": "@fluentui/react-migration-v0-v9",
   "entries": [
+    {
+      "date": "Wed, 18 Dec 2024 10:59:37 GMT",
+      "tag": "@fluentui/react-migration-v0-v9_v9.2.24",
+      "version": "9.2.24",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-migration-v0-v9",
+            "comment": "Bump @fluentui/react-components to v9.56.7",
+            "commit": "54afa8c6ce8f7d200d5241584801899b27baaf1b"
+          }
+        ]
+      }
+    },
     {
       "date": "Mon, 16 Dec 2024 16:26:48 GMT",
       "tag": "@fluentui/react-migration-v0-v9_v9.2.23",
diff --git a/packages/react-components/react-migration-v0-v9/library/CHANGELOG.md b/packages/react-components/react-migration-v0-v9/library/CHANGELOG.md
index 55911d7d38d7e..07aeab2fbd235 100644
--- a/packages/react-components/react-migration-v0-v9/library/CHANGELOG.md
+++ b/packages/react-components/react-migration-v0-v9/library/CHANGELOG.md
@@ -1,9 +1,18 @@
 # Change Log - @fluentui/react-migration-v0-v9
 
-This log was last generated on Mon, 16 Dec 2024 16:26:48 GMT and should not be manually modified.
+This log was last generated on Wed, 18 Dec 2024 10:59:37 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.2.24](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v0-v9_v9.2.24)
+
+Wed, 18 Dec 2024 10:59:37 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v0-v9_v9.2.23..@fluentui/react-migration-v0-v9_v9.2.24)
+
+### Patches
+
+- Bump @fluentui/react-components to v9.56.7 ([PR #33483](https://github.com/microsoft/fluentui/pull/33483) by beachball)
+
 ## [9.2.23](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v0-v9_v9.2.23)
 
 Mon, 16 Dec 2024 16:26:48 GMT 
diff --git a/packages/react-components/react-migration-v0-v9/library/package.json b/packages/react-components/react-migration-v0-v9/library/package.json
index 3ceb490db2fd0..05776bc1b4edc 100644
--- a/packages/react-components/react-migration-v0-v9/library/package.json
+++ b/packages/react-components/react-migration-v0-v9/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-migration-v0-v9",
-  "version": "9.2.23",
+  "version": "9.2.24",
   "description": "Migration shim components and methods for hybrid v0/v9 applications building on Fluent UI React.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -21,7 +21,7 @@
   },
   "dependencies": {
     "@fluentui/react-aria": "^9.13.12",
-    "@fluentui/react-components": "^9.56.6",
+    "@fluentui/react-components": "^9.56.7",
     "@fluentui/react-context-selector": "^9.1.71",
     "@fluentui/react-icons": "^2.0.245",
     "@fluentui/react-jsx-runtime": "^9.0.48",
diff --git a/packages/react-components/react-migration-v8-v9/library/CHANGELOG.json b/packages/react-components/react-migration-v8-v9/library/CHANGELOG.json
index 71f8b1fbe9049..92821ecf3ead3 100644
--- a/packages/react-components/react-migration-v8-v9/library/CHANGELOG.json
+++ b/packages/react-components/react-migration-v8-v9/library/CHANGELOG.json
@@ -1,6 +1,21 @@
 {
   "name": "@fluentui/react-migration-v8-v9",
   "entries": [
+    {
+      "date": "Wed, 18 Dec 2024 10:59:37 GMT",
+      "tag": "@fluentui/react-migration-v8-v9_v9.6.43",
+      "version": "9.6.43",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-migration-v8-v9",
+            "comment": "Bump @fluentui/react-components to v9.56.7",
+            "commit": "54afa8c6ce8f7d200d5241584801899b27baaf1b"
+          }
+        ]
+      }
+    },
     {
       "date": "Mon, 16 Dec 2024 16:26:49 GMT",
       "tag": "@fluentui/react-migration-v8-v9_v9.6.42",
diff --git a/packages/react-components/react-migration-v8-v9/library/CHANGELOG.md b/packages/react-components/react-migration-v8-v9/library/CHANGELOG.md
index 5d78fc3189481..c2377d3ca7685 100644
--- a/packages/react-components/react-migration-v8-v9/library/CHANGELOG.md
+++ b/packages/react-components/react-migration-v8-v9/library/CHANGELOG.md
@@ -1,9 +1,18 @@
 # Change Log - @fluentui/react-migration-v8-v9
 
-This log was last generated on Mon, 16 Dec 2024 16:26:49 GMT and should not be manually modified.
+This log was last generated on Wed, 18 Dec 2024 10:59:37 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.6.43](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v8-v9_v9.6.43)
+
+Wed, 18 Dec 2024 10:59:37 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v8-v9_v9.6.42..@fluentui/react-migration-v8-v9_v9.6.43)
+
+### Patches
+
+- Bump @fluentui/react-components to v9.56.7 ([PR #33483](https://github.com/microsoft/fluentui/pull/33483) by beachball)
+
 ## [9.6.42](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v8-v9_v9.6.42)
 
 Mon, 16 Dec 2024 16:26:49 GMT 
diff --git a/packages/react-components/react-migration-v8-v9/library/package.json b/packages/react-components/react-migration-v8-v9/library/package.json
index facb920700baa..358eb4a893d51 100644
--- a/packages/react-components/react-migration-v8-v9/library/package.json
+++ b/packages/react-components/react-migration-v8-v9/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-migration-v8-v9",
-  "version": "9.6.42",
+  "version": "9.6.43",
   "description": "Migration shim components and methods for hybrid v8/v9 applications building on Fluent UI React.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -21,7 +21,7 @@
     "@ctrl/tinycolor": "3.3.4",
     "@fluentui/fluent2-theme": "^8.107.118",
     "@fluentui/react": "^8.122.1",
-    "@fluentui/react-components": "^9.56.6",
+    "@fluentui/react-components": "^9.56.7",
     "@fluentui/react-icons": "^2.0.245",
     "@fluentui/react-hooks": "^8.8.16",
     "@griffel/react": "^1.5.22",
diff --git a/packages/react-components/react-nav-preview/library/CHANGELOG.json b/packages/react-components/react-nav-preview/library/CHANGELOG.json
index 463239a3d3525..f979f9ca6a860 100644
--- a/packages/react-components/react-nav-preview/library/CHANGELOG.json
+++ b/packages/react-components/react-nav-preview/library/CHANGELOG.json
@@ -1,6 +1,21 @@
 {
   "name": "@fluentui/react-nav-preview",
   "entries": [
+    {
+      "date": "Wed, 18 Dec 2024 10:59:37 GMT",
+      "tag": "@fluentui/react-nav-preview_v0.10.6",
+      "version": "0.10.6",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-nav-preview",
+            "comment": "Bump @fluentui/react-drawer to v9.6.6",
+            "commit": "54afa8c6ce8f7d200d5241584801899b27baaf1b"
+          }
+        ]
+      }
+    },
     {
       "date": "Mon, 16 Dec 2024 16:26:49 GMT",
       "tag": "@fluentui/react-nav-preview_v0.10.5",
diff --git a/packages/react-components/react-nav-preview/library/CHANGELOG.md b/packages/react-components/react-nav-preview/library/CHANGELOG.md
index c12369cefa128..f55721b6c8d25 100644
--- a/packages/react-components/react-nav-preview/library/CHANGELOG.md
+++ b/packages/react-components/react-nav-preview/library/CHANGELOG.md
@@ -1,9 +1,18 @@
 # Change Log - @fluentui/react-nav-preview
 
-This log was last generated on Mon, 16 Dec 2024 16:26:49 GMT and should not be manually modified.
+This log was last generated on Wed, 18 Dec 2024 10:59:37 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [0.10.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-nav-preview_v0.10.6)
+
+Wed, 18 Dec 2024 10:59:37 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-nav-preview_v0.10.5..@fluentui/react-nav-preview_v0.10.6)
+
+### Patches
+
+- Bump @fluentui/react-drawer to v9.6.6 ([PR #33483](https://github.com/microsoft/fluentui/pull/33483) by beachball)
+
 ## [0.10.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-nav-preview_v0.10.5)
 
 Mon, 16 Dec 2024 16:26:49 GMT 
diff --git a/packages/react-components/react-nav-preview/library/package.json b/packages/react-components/react-nav-preview/library/package.json
index fa0c6ca4530e3..2a005fbfe3406 100644
--- a/packages/react-components/react-nav-preview/library/package.json
+++ b/packages/react-components/react-nav-preview/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-nav-preview",
-  "version": "0.10.5",
+  "version": "0.10.6",
   "description": "New fluentui react package",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -23,7 +23,7 @@
     "@fluentui/react-tooltip": "^9.5.2",
     "@fluentui/react-context-selector": "^9.1.71",
     "@fluentui/react-divider": "^9.2.80",
-    "@fluentui/react-drawer": "^9.6.5",
+    "@fluentui/react-drawer": "^9.6.6",
     "@fluentui/react-icons": "^2.0.245",
     "@fluentui/react-jsx-runtime": "^9.0.48",
     "@fluentui/react-shared-contexts": "^9.21.2",
diff --git a/packages/react-components/react-overflow/library/package.json b/packages/react-components/react-overflow/library/package.json
index 827c619fde532..070258ecb9f29 100644
--- a/packages/react-components/react-overflow/library/package.json
+++ b/packages/react-components/react-overflow/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-overflow",
-  "version": "9.2.4",
+  "version": "9.2.5",
   "description": "React bindings for @fluentui/priority-overflow",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
diff --git a/packages/react-components/react-persona/library/CHANGELOG.json b/packages/react-components/react-persona/library/CHANGELOG.json
index dca502cd86740..ed6f87cb9ac87 100644
--- a/packages/react-components/react-persona/library/CHANGELOG.json
+++ b/packages/react-components/react-persona/library/CHANGELOG.json
@@ -1,6 +1,21 @@
 {
   "name": "@fluentui/react-persona",
   "entries": [
+    {
+      "date": "Wed, 18 Dec 2024 10:59:37 GMT",
+      "tag": "@fluentui/react-persona_v9.2.106",
+      "version": "9.2.106",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-persona",
+            "comment": "Bump @fluentui/react-avatar to v9.6.47",
+            "commit": "54afa8c6ce8f7d200d5241584801899b27baaf1b"
+          }
+        ]
+      }
+    },
     {
       "date": "Mon, 16 Dec 2024 16:26:49 GMT",
       "tag": "@fluentui/react-persona_v9.2.105",
diff --git a/packages/react-components/react-persona/library/CHANGELOG.md b/packages/react-components/react-persona/library/CHANGELOG.md
index a9b29ff68770f..4edfffc9ef157 100644
--- a/packages/react-components/react-persona/library/CHANGELOG.md
+++ b/packages/react-components/react-persona/library/CHANGELOG.md
@@ -1,9 +1,18 @@
 # Change Log - @fluentui/react-persona
 
-This log was last generated on Mon, 16 Dec 2024 16:26:49 GMT and should not be manually modified.
+This log was last generated on Wed, 18 Dec 2024 10:59:37 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.2.106](https://github.com/microsoft/fluentui/tree/@fluentui/react-persona_v9.2.106)
+
+Wed, 18 Dec 2024 10:59:37 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-persona_v9.2.105..@fluentui/react-persona_v9.2.106)
+
+### Patches
+
+- Bump @fluentui/react-avatar to v9.6.47 ([PR #33483](https://github.com/microsoft/fluentui/pull/33483) by beachball)
+
 ## [9.2.105](https://github.com/microsoft/fluentui/tree/@fluentui/react-persona_v9.2.105)
 
 Mon, 16 Dec 2024 16:26:49 GMT 
diff --git a/packages/react-components/react-persona/library/package.json b/packages/react-components/react-persona/library/package.json
index 1b1b51d358fc6..3d393e34cacd2 100644
--- a/packages/react-components/react-persona/library/package.json
+++ b/packages/react-components/react-persona/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-persona",
-  "version": "9.2.105",
+  "version": "9.2.106",
   "description": "React components for building web experiences",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -18,7 +18,7 @@
     "@fluentui/scripts-api-extractor": "*"
   },
   "dependencies": {
-    "@fluentui/react-avatar": "^9.6.46",
+    "@fluentui/react-avatar": "^9.6.47",
     "@fluentui/react-badge": "^9.2.48",
     "@fluentui/react-shared-contexts": "^9.21.2",
     "@fluentui/react-theme": "^9.1.24",
diff --git a/packages/react-components/react-popover/library/CHANGELOG.json b/packages/react-components/react-popover/library/CHANGELOG.json
index 4d4edaaf16317..c94ce03602c92 100644
--- a/packages/react-components/react-popover/library/CHANGELOG.json
+++ b/packages/react-components/react-popover/library/CHANGELOG.json
@@ -1,6 +1,21 @@
 {
   "name": "@fluentui/react-popover",
   "entries": [
+    {
+      "date": "Wed, 18 Dec 2024 10:59:37 GMT",
+      "tag": "@fluentui/react-popover_v9.9.29",
+      "version": "9.9.29",
+      "comments": {
+        "patch": [
+          {
+            "author": "jiangemma@microsoft.com",
+            "package": "@fluentui/react-popover",
+            "commit": "0eca6fb68963b15b664b8560984f0f742bae280b",
+            "comment": "docs(react-popover): Fix doc-comment links that don't translate to storybook"
+          }
+        ]
+      }
+    },
     {
       "date": "Mon, 16 Dec 2024 16:26:49 GMT",
       "tag": "@fluentui/react-popover_v9.9.28",
diff --git a/packages/react-components/react-popover/library/CHANGELOG.md b/packages/react-components/react-popover/library/CHANGELOG.md
index 062b0a7c203f7..a50fe337667ae 100644
--- a/packages/react-components/react-popover/library/CHANGELOG.md
+++ b/packages/react-components/react-popover/library/CHANGELOG.md
@@ -1,9 +1,18 @@
 # Change Log - @fluentui/react-popover
 
-This log was last generated on Mon, 16 Dec 2024 16:26:49 GMT and should not be manually modified.
+This log was last generated on Wed, 18 Dec 2024 10:59:37 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.9.29](https://github.com/microsoft/fluentui/tree/@fluentui/react-popover_v9.9.29)
+
+Wed, 18 Dec 2024 10:59:37 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-popover_v9.9.28..@fluentui/react-popover_v9.9.29)
+
+### Patches
+
+- docs(react-popover): Fix doc-comment links that don't translate to storybook ([PR #33471](https://github.com/microsoft/fluentui/pull/33471) by jiangemma@microsoft.com)
+
 ## [9.9.28](https://github.com/microsoft/fluentui/tree/@fluentui/react-popover_v9.9.28)
 
 Mon, 16 Dec 2024 16:26:49 GMT 
diff --git a/packages/react-components/react-popover/library/package.json b/packages/react-components/react-popover/library/package.json
index 0a3ce7c752d01..b799df80949d3 100644
--- a/packages/react-components/react-popover/library/package.json
+++ b/packages/react-components/react-popover/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-popover",
-  "version": "9.9.28",
+  "version": "9.9.29",
   "description": "Popover component for Fluent UI",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
diff --git a/packages/react-components/react-portal-compat/CHANGELOG.json b/packages/react-components/react-portal-compat/CHANGELOG.json
index a5cfcc8e39fc0..288104b2d0402 100644
--- a/packages/react-components/react-portal-compat/CHANGELOG.json
+++ b/packages/react-components/react-portal-compat/CHANGELOG.json
@@ -1,6 +1,21 @@
 {
   "name": "@fluentui/react-portal-compat",
   "entries": [
+    {
+      "date": "Wed, 18 Dec 2024 10:59:37 GMT",
+      "tag": "@fluentui/react-portal-compat_v9.0.175",
+      "version": "9.0.175",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-portal-compat",
+            "comment": "Bump @fluentui/react-components to v9.56.7",
+            "commit": "54afa8c6ce8f7d200d5241584801899b27baaf1b"
+          }
+        ]
+      }
+    },
     {
       "date": "Mon, 16 Dec 2024 16:26:49 GMT",
       "tag": "@fluentui/react-portal-compat_v9.0.174",
diff --git a/packages/react-components/react-portal-compat/CHANGELOG.md b/packages/react-components/react-portal-compat/CHANGELOG.md
index 98526d11b0f08..9e541f2a01e3e 100644
--- a/packages/react-components/react-portal-compat/CHANGELOG.md
+++ b/packages/react-components/react-portal-compat/CHANGELOG.md
@@ -1,9 +1,18 @@
 # Change Log - @fluentui/react-portal-compat
 
-This log was last generated on Mon, 16 Dec 2024 16:26:49 GMT and should not be manually modified.
+This log was last generated on Wed, 18 Dec 2024 10:59:37 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.0.175](https://github.com/microsoft/fluentui/tree/@fluentui/react-portal-compat_v9.0.175)
+
+Wed, 18 Dec 2024 10:59:37 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-portal-compat_v9.0.174..@fluentui/react-portal-compat_v9.0.175)
+
+### Patches
+
+- Bump @fluentui/react-components to v9.56.7 ([PR #33483](https://github.com/microsoft/fluentui/pull/33483) by beachball)
+
 ## [9.0.174](https://github.com/microsoft/fluentui/tree/@fluentui/react-portal-compat_v9.0.174)
 
 Mon, 16 Dec 2024 16:26:49 GMT 
diff --git a/packages/react-components/react-portal-compat/package.json b/packages/react-components/react-portal-compat/package.json
index fdaed09ad3ac6..3eaec090a9746 100644
--- a/packages/react-components/react-portal-compat/package.json
+++ b/packages/react-components/react-portal-compat/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-portal-compat",
-  "version": "9.0.174",
+  "version": "9.0.175",
   "description": "A package that contains compatibility layer for React Portals",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -27,7 +27,7 @@
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
-    "@fluentui/react-components": "^9.56.6",
+    "@fluentui/react-components": "^9.56.7",
     "@types/react": ">=16.14.0 <19.0.0",
     "react": ">=16.14.0 <19.0.0"
   },
diff --git a/packages/react-components/react-rating/library/CHANGELOG.json b/packages/react-components/react-rating/library/CHANGELOG.json
index d333777219d6a..df938bde41798 100644
--- a/packages/react-components/react-rating/library/CHANGELOG.json
+++ b/packages/react-components/react-rating/library/CHANGELOG.json
@@ -1,6 +1,21 @@
 {
   "name": "@fluentui/react-rating",
   "entries": [
+    {
+      "date": "Wed, 18 Dec 2024 10:59:37 GMT",
+      "tag": "@fluentui/react-rating_v9.0.26",
+      "version": "9.0.26",
+      "comments": {
+        "patch": [
+          {
+            "author": "derdem@microsoft.com",
+            "package": "@fluentui/react-rating",
+            "commit": "084c76645ce97417b2bdc50203f4c66f5fd27309",
+            "comment": "fix: Pass missing Rating's itemLabel prop to its state so RatingItem consumes it from context."
+          }
+        ]
+      }
+    },
     {
       "date": "Mon, 16 Dec 2024 16:26:49 GMT",
       "tag": "@fluentui/react-rating_v9.0.25",
diff --git a/packages/react-components/react-rating/library/CHANGELOG.md b/packages/react-components/react-rating/library/CHANGELOG.md
index e0e7577221be7..40f23176c4090 100644
--- a/packages/react-components/react-rating/library/CHANGELOG.md
+++ b/packages/react-components/react-rating/library/CHANGELOG.md
@@ -1,9 +1,18 @@
 # Change Log - @fluentui/react-rating
 
-This log was last generated on Mon, 16 Dec 2024 16:26:49 GMT and should not be manually modified.
+This log was last generated on Wed, 18 Dec 2024 10:59:37 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.0.26](https://github.com/microsoft/fluentui/tree/@fluentui/react-rating_v9.0.26)
+
+Wed, 18 Dec 2024 10:59:37 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-rating_v9.0.25..@fluentui/react-rating_v9.0.26)
+
+### Patches
+
+- fix: Pass missing Rating's itemLabel prop to its state so RatingItem consumes it from context. ([PR #33361](https://github.com/microsoft/fluentui/pull/33361) by derdem@microsoft.com)
+
 ## [9.0.25](https://github.com/microsoft/fluentui/tree/@fluentui/react-rating_v9.0.25)
 
 Mon, 16 Dec 2024 16:26:49 GMT 
diff --git a/packages/react-components/react-rating/library/package.json b/packages/react-components/react-rating/library/package.json
index f1948b0ad777d..475a9d86c01c1 100644
--- a/packages/react-components/react-rating/library/package.json
+++ b/packages/react-components/react-rating/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-rating",
-  "version": "9.0.25",
+  "version": "9.0.26",
   "description": "Rating component for building web experiences",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
diff --git a/packages/react-components/react-table/library/CHANGELOG.json b/packages/react-components/react-table/library/CHANGELOG.json
index dd2ad44a7411e..a886e5816aee6 100644
--- a/packages/react-components/react-table/library/CHANGELOG.json
+++ b/packages/react-components/react-table/library/CHANGELOG.json
@@ -1,6 +1,21 @@
 {
   "name": "@fluentui/react-table",
   "entries": [
+    {
+      "date": "Wed, 18 Dec 2024 10:59:37 GMT",
+      "tag": "@fluentui/react-table_v9.15.26",
+      "version": "9.15.26",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-table",
+            "comment": "Bump @fluentui/react-avatar to v9.6.47",
+            "commit": "54afa8c6ce8f7d200d5241584801899b27baaf1b"
+          }
+        ]
+      }
+    },
     {
       "date": "Mon, 16 Dec 2024 16:26:49 GMT",
       "tag": "@fluentui/react-table_v9.15.25",
diff --git a/packages/react-components/react-table/library/CHANGELOG.md b/packages/react-components/react-table/library/CHANGELOG.md
index c0ef4aa823e7d..12e5af8af60b1 100644
--- a/packages/react-components/react-table/library/CHANGELOG.md
+++ b/packages/react-components/react-table/library/CHANGELOG.md
@@ -1,9 +1,18 @@
 # Change Log - @fluentui/react-table
 
-This log was last generated on Mon, 16 Dec 2024 16:26:49 GMT and should not be manually modified.
+This log was last generated on Wed, 18 Dec 2024 10:59:37 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.15.26](https://github.com/microsoft/fluentui/tree/@fluentui/react-table_v9.15.26)
+
+Wed, 18 Dec 2024 10:59:37 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-table_v9.15.25..@fluentui/react-table_v9.15.26)
+
+### Patches
+
+- Bump @fluentui/react-avatar to v9.6.47 ([PR #33483](https://github.com/microsoft/fluentui/pull/33483) by beachball)
+
 ## [9.15.25](https://github.com/microsoft/fluentui/tree/@fluentui/react-table_v9.15.25)
 
 Mon, 16 Dec 2024 16:26:49 GMT 
diff --git a/packages/react-components/react-table/library/package.json b/packages/react-components/react-table/library/package.json
index e9f913694791b..64b5817d9c20c 100644
--- a/packages/react-components/react-table/library/package.json
+++ b/packages/react-components/react-table/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-table",
-  "version": "9.15.25",
+  "version": "9.15.26",
   "description": "React components for building web experiences",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -22,7 +22,7 @@
   "dependencies": {
     "@fluentui/keyboard-keys": "^9.0.8",
     "@fluentui/react-aria": "^9.13.12",
-    "@fluentui/react-avatar": "^9.6.46",
+    "@fluentui/react-avatar": "^9.6.47",
     "@fluentui/react-checkbox": "^9.2.44",
     "@fluentui/react-context-selector": "^9.1.71",
     "@fluentui/react-icons": "^2.0.245",
diff --git a/packages/react-components/react-tag-picker/library/CHANGELOG.json b/packages/react-components/react-tag-picker/library/CHANGELOG.json
index 7dd6a661f1c2e..dcdb7e04548c9 100644
--- a/packages/react-components/react-tag-picker/library/CHANGELOG.json
+++ b/packages/react-components/react-tag-picker/library/CHANGELOG.json
@@ -1,6 +1,21 @@
 {
   "name": "@fluentui/react-tag-picker",
   "entries": [
+    {
+      "date": "Wed, 18 Dec 2024 10:59:37 GMT",
+      "tag": "@fluentui/react-tag-picker_v9.3.13",
+      "version": "9.3.13",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tag-picker",
+            "comment": "Bump @fluentui/react-tags to v9.3.27",
+            "commit": "54afa8c6ce8f7d200d5241584801899b27baaf1b"
+          }
+        ]
+      }
+    },
     {
       "date": "Mon, 16 Dec 2024 16:26:49 GMT",
       "tag": "@fluentui/react-tag-picker_v9.3.12",
diff --git a/packages/react-components/react-tag-picker/library/CHANGELOG.md b/packages/react-components/react-tag-picker/library/CHANGELOG.md
index dc65e92dbdafd..470b1ed235913 100644
--- a/packages/react-components/react-tag-picker/library/CHANGELOG.md
+++ b/packages/react-components/react-tag-picker/library/CHANGELOG.md
@@ -1,9 +1,18 @@
 # Change Log - @fluentui/react-tag-picker
 
-This log was last generated on Mon, 16 Dec 2024 16:26:49 GMT and should not be manually modified.
+This log was last generated on Wed, 18 Dec 2024 10:59:37 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.3.13](https://github.com/microsoft/fluentui/tree/@fluentui/react-tag-picker_v9.3.13)
+
+Wed, 18 Dec 2024 10:59:37 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tag-picker_v9.3.12..@fluentui/react-tag-picker_v9.3.13)
+
+### Patches
+
+- Bump @fluentui/react-tags to v9.3.27 ([PR #33483](https://github.com/microsoft/fluentui/pull/33483) by beachball)
+
 ## [9.3.12](https://github.com/microsoft/fluentui/tree/@fluentui/react-tag-picker_v9.3.12)
 
 Mon, 16 Dec 2024 16:26:49 GMT 
diff --git a/packages/react-components/react-tag-picker/library/package.json b/packages/react-components/react-tag-picker/library/package.json
index e084aa6d0f01c..7b986adf517ad 100644
--- a/packages/react-components/react-tag-picker/library/package.json
+++ b/packages/react-components/react-tag-picker/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-tag-picker",
-  "version": "9.3.12",
+  "version": "9.3.13",
   "description": "FluentUI TagPicker component",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -37,7 +37,7 @@
     "@fluentui/react-aria": "^9.13.12",
     "@fluentui/react-icons": "^2.0.245",
     "@fluentui/react-combobox": "^9.13.15",
-    "@fluentui/react-tags": "^9.3.26",
+    "@fluentui/react-tags": "^9.3.27",
     "@fluentui/react-context-selector": "^9.1.71",
     "@fluentui/react-positioning": "^9.16.0",
     "@fluentui/keyboard-keys": "^9.0.8",
diff --git a/packages/react-components/react-tags/library/CHANGELOG.json b/packages/react-components/react-tags/library/CHANGELOG.json
index 52d2b46fadd4d..f56534ae1e173 100644
--- a/packages/react-components/react-tags/library/CHANGELOG.json
+++ b/packages/react-components/react-tags/library/CHANGELOG.json
@@ -1,6 +1,21 @@
 {
   "name": "@fluentui/react-tags",
   "entries": [
+    {
+      "date": "Wed, 18 Dec 2024 10:59:37 GMT",
+      "tag": "@fluentui/react-tags_v9.3.27",
+      "version": "9.3.27",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tags",
+            "comment": "Bump @fluentui/react-avatar to v9.6.47",
+            "commit": "54afa8c6ce8f7d200d5241584801899b27baaf1b"
+          }
+        ]
+      }
+    },
     {
       "date": "Mon, 16 Dec 2024 16:26:49 GMT",
       "tag": "@fluentui/react-tags_v9.3.26",
diff --git a/packages/react-components/react-tags/library/CHANGELOG.md b/packages/react-components/react-tags/library/CHANGELOG.md
index 869a9e29eec6b..1e5eca39fc03a 100644
--- a/packages/react-components/react-tags/library/CHANGELOG.md
+++ b/packages/react-components/react-tags/library/CHANGELOG.md
@@ -1,9 +1,18 @@
 # Change Log - @fluentui/react-tags
 
-This log was last generated on Mon, 16 Dec 2024 16:26:49 GMT and should not be manually modified.
+This log was last generated on Wed, 18 Dec 2024 10:59:37 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.3.27](https://github.com/microsoft/fluentui/tree/@fluentui/react-tags_v9.3.27)
+
+Wed, 18 Dec 2024 10:59:37 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tags_v9.3.26..@fluentui/react-tags_v9.3.27)
+
+### Patches
+
+- Bump @fluentui/react-avatar to v9.6.47 ([PR #33483](https://github.com/microsoft/fluentui/pull/33483) by beachball)
+
 ## [9.3.26](https://github.com/microsoft/fluentui/tree/@fluentui/react-tags_v9.3.26)
 
 Mon, 16 Dec 2024 16:26:49 GMT 
diff --git a/packages/react-components/react-tags/library/package.json b/packages/react-components/react-tags/library/package.json
index f5c184f3f857f..260179433ba03 100644
--- a/packages/react-components/react-tags/library/package.json
+++ b/packages/react-components/react-tags/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-tags",
-  "version": "9.3.26",
+  "version": "9.3.27",
   "description": "Fluent UI Tag component",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -22,7 +22,7 @@
   "dependencies": {
     "@fluentui/keyboard-keys": "^9.0.8",
     "@fluentui/react-aria": "^9.13.12",
-    "@fluentui/react-avatar": "^9.6.46",
+    "@fluentui/react-avatar": "^9.6.47",
     "@fluentui/react-icons": "^2.0.245",
     "@fluentui/react-jsx-runtime": "^9.0.48",
     "@fluentui/react-shared-contexts": "^9.21.2",
diff --git a/packages/react-components/react-teaching-popover/library/CHANGELOG.json b/packages/react-components/react-teaching-popover/library/CHANGELOG.json
index 4b51fa8a8584f..4a3e38967b0e8 100644
--- a/packages/react-components/react-teaching-popover/library/CHANGELOG.json
+++ b/packages/react-components/react-teaching-popover/library/CHANGELOG.json
@@ -1,6 +1,21 @@
 {
   "name": "@fluentui/react-teaching-popover",
   "entries": [
+    {
+      "date": "Wed, 18 Dec 2024 10:59:37 GMT",
+      "tag": "@fluentui/react-teaching-popover_v9.1.26",
+      "version": "9.1.26",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-teaching-popover",
+            "comment": "Bump @fluentui/react-popover to v9.9.29",
+            "commit": "54afa8c6ce8f7d200d5241584801899b27baaf1b"
+          }
+        ]
+      }
+    },
     {
       "date": "Mon, 16 Dec 2024 16:26:46 GMT",
       "tag": "@fluentui/react-teaching-popover_v9.1.25",
diff --git a/packages/react-components/react-teaching-popover/library/CHANGELOG.md b/packages/react-components/react-teaching-popover/library/CHANGELOG.md
index 3f0dfe2063e0b..c29d691b79d33 100644
--- a/packages/react-components/react-teaching-popover/library/CHANGELOG.md
+++ b/packages/react-components/react-teaching-popover/library/CHANGELOG.md
@@ -1,9 +1,18 @@
 # Change Log - @fluentui/react-teaching-popover
 
-This log was last generated on Mon, 16 Dec 2024 16:26:46 GMT and should not be manually modified.
+This log was last generated on Wed, 18 Dec 2024 10:59:37 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.1.26](https://github.com/microsoft/fluentui/tree/@fluentui/react-teaching-popover_v9.1.26)
+
+Wed, 18 Dec 2024 10:59:37 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-teaching-popover_v9.1.25..@fluentui/react-teaching-popover_v9.1.26)
+
+### Patches
+
+- Bump @fluentui/react-popover to v9.9.29 ([PR #33483](https://github.com/microsoft/fluentui/pull/33483) by beachball)
+
 ## [9.1.25](https://github.com/microsoft/fluentui/tree/@fluentui/react-teaching-popover_v9.1.25)
 
 Mon, 16 Dec 2024 16:26:46 GMT 
diff --git a/packages/react-components/react-teaching-popover/library/package.json b/packages/react-components/react-teaching-popover/library/package.json
index ae95907dee257..24cda56556d13 100644
--- a/packages/react-components/react-teaching-popover/library/package.json
+++ b/packages/react-components/react-teaching-popover/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-teaching-popover",
-  "version": "9.1.25",
+  "version": "9.1.26",
   "description": "New fluentui react package",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -30,7 +30,7 @@
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1",
     "@fluentui/react-shared-contexts": "^9.21.2",
-    "@fluentui/react-popover": "^9.9.28",
+    "@fluentui/react-popover": "^9.9.29",
     "@fluentui/react-button": "^9.3.98",
     "@fluentui/react-tabster": "^9.23.2",
     "@fluentui/react-icons": "^2.0.245",
diff --git a/packages/react-components/react-timepicker-compat/library/package.json b/packages/react-components/react-timepicker-compat/library/package.json
index 962789f7d8a94..a2d65f02399a8 100644
--- a/packages/react-components/react-timepicker-compat/library/package.json
+++ b/packages/react-components/react-timepicker-compat/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-timepicker-compat",
-  "version": "0.2.43",
+  "version": "0.2.44",
   "description": "Fluent UI TimePicker Compat Component",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
diff --git a/packages/react-components/react-tree/library/CHANGELOG.json b/packages/react-components/react-tree/library/CHANGELOG.json
index 34c2b9e0d4f73..41f3078e613cc 100644
--- a/packages/react-components/react-tree/library/CHANGELOG.json
+++ b/packages/react-components/react-tree/library/CHANGELOG.json
@@ -1,6 +1,21 @@
 {
   "name": "@fluentui/react-tree",
   "entries": [
+    {
+      "date": "Wed, 18 Dec 2024 10:59:37 GMT",
+      "tag": "@fluentui/react-tree_v9.8.11",
+      "version": "9.8.11",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-tree",
+            "comment": "Bump @fluentui/react-avatar to v9.6.47",
+            "commit": "54afa8c6ce8f7d200d5241584801899b27baaf1b"
+          }
+        ]
+      }
+    },
     {
       "date": "Mon, 16 Dec 2024 16:26:49 GMT",
       "tag": "@fluentui/react-tree_v9.8.10",
diff --git a/packages/react-components/react-tree/library/CHANGELOG.md b/packages/react-components/react-tree/library/CHANGELOG.md
index 97d5f17503514..68b0eece97c5e 100644
--- a/packages/react-components/react-tree/library/CHANGELOG.md
+++ b/packages/react-components/react-tree/library/CHANGELOG.md
@@ -1,9 +1,18 @@
 # Change Log - @fluentui/react-tree
 
-This log was last generated on Mon, 16 Dec 2024 16:26:49 GMT and should not be manually modified.
+This log was last generated on Wed, 18 Dec 2024 10:59:37 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.8.11](https://github.com/microsoft/fluentui/tree/@fluentui/react-tree_v9.8.11)
+
+Wed, 18 Dec 2024 10:59:37 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tree_v9.8.10..@fluentui/react-tree_v9.8.11)
+
+### Patches
+
+- Bump @fluentui/react-avatar to v9.6.47 ([PR #33483](https://github.com/microsoft/fluentui/pull/33483) by beachball)
+
 ## [9.8.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-tree_v9.8.10)
 
 Mon, 16 Dec 2024 16:26:49 GMT 
diff --git a/packages/react-components/react-tree/library/package.json b/packages/react-components/react-tree/library/package.json
index 71e41503b1cd8..96e8d3f78bdbb 100644
--- a/packages/react-components/react-tree/library/package.json
+++ b/packages/react-components/react-tree/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-tree",
-  "version": "9.8.10",
+  "version": "9.8.11",
   "description": "Tree component for Fluent UI React",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -22,7 +22,7 @@
   "dependencies": {
     "@fluentui/keyboard-keys": "^9.0.8",
     "@fluentui/react-aria": "^9.13.12",
-    "@fluentui/react-avatar": "^9.6.46",
+    "@fluentui/react-avatar": "^9.6.47",
     "@fluentui/react-button": "^9.3.98",
     "@fluentui/react-checkbox": "^9.2.44",
     "@fluentui/react-context-selector": "^9.1.71",
diff --git a/packages/react-components/theme-designer/package.json b/packages/react-components/theme-designer/package.json
index e481ec9247d6a..31317e4cc70cb 100644
--- a/packages/react-components/theme-designer/package.json
+++ b/packages/react-components/theme-designer/package.json
@@ -17,7 +17,7 @@
     "@fluentui/scripts-api-extractor": "*"
   },
   "dependencies": {
-    "@fluentui/react-components": "^9.56.6",
+    "@fluentui/react-components": "^9.56.7",
     "@fluentui/react-context-selector": "^9.1.71",
     "@fluentui/react-icons": "^2.0.245",
     "@fluentui/react-storybook-addon-export-to-sandbox": "^0.1.0",

From da882f44f251e7bb80fb969cbe268a942a2df74e Mon Sep 17 00:00:00 2001
From: Anush Gupta <74965306+Anush2303@users.noreply.github.com>
Date: Thu, 19 Dec 2024 14:41:00 +0530
Subject: [PATCH 15/42] Security: Ensure type safety of dependent fields
 (#33486)

---
 ...-f56dc096-9891-4d5c-ae30-4d8a6ac5b481.json |  7 +++
 .../DeclarativeChart/DeclarativeChart.tsx     |  2 +-
 .../DeclarativeChart/PlotlySchemaAdapter.ts   | 56 +++++++++----------
 3 files changed, 36 insertions(+), 29 deletions(-)
 create mode 100644 change/@fluentui-react-charting-f56dc096-9891-4d5c-ae30-4d8a6ac5b481.json

diff --git a/change/@fluentui-react-charting-f56dc096-9891-4d5c-ae30-4d8a6ac5b481.json b/change/@fluentui-react-charting-f56dc096-9891-4d5c-ae30-4d8a6ac5b481.json
new file mode 100644
index 0000000000000..5a9fd5dcb3232
--- /dev/null
+++ b/change/@fluentui-react-charting-f56dc096-9891-4d5c-ae30-4d8a6ac5b481.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Ensure type safety of dependent fields",
+  "packageName": "@fluentui/react-charting",
+  "email": "74965306+Anush2303@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/charts/react-charting/src/components/DeclarativeChart/DeclarativeChart.tsx b/packages/charts/react-charting/src/components/DeclarativeChart/DeclarativeChart.tsx
index c8f199b72fb03..c75490160da75 100644
--- a/packages/charts/react-charting/src/components/DeclarativeChart/DeclarativeChart.tsx
+++ b/packages/charts/react-charting/src/components/DeclarativeChart/DeclarativeChart.tsx
@@ -141,7 +141,7 @@ export const DeclarativeChart: React.FunctionComponent<DeclarativeChartProps> =
           <LineChart
             {...transformPlotlyJsonToScatterChartProps({ data, layout }, false, colorMap, isDarkTheme)}
             legendProps={{
-              ...legendProps,
+              onChange: onActiveLegendsChange,
               canSelectMultipleLegends: true,
               selectedLegends: activeLegends,
             }}
diff --git a/packages/charts/react-charting/src/components/DeclarativeChart/PlotlySchemaAdapter.ts b/packages/charts/react-charting/src/components/DeclarativeChart/PlotlySchemaAdapter.ts
index 70b9aa4b8dc95..368fbda214df2 100644
--- a/packages/charts/react-charting/src/components/DeclarativeChart/PlotlySchemaAdapter.ts
+++ b/packages/charts/react-charting/src/components/DeclarativeChart/PlotlySchemaAdapter.ts
@@ -65,11 +65,11 @@ export const transformPlotlyJsonToDonutProps = (
     };
   });
 
-  const width: number = layout?.width || 440;
-  const height: number = layout?.height || 220;
-  const hideLabels = firstData.textinfo ? !['value', 'percent'].includes(firstData.textinfo) : false;
-  const donutMarginHorizontal = hideLabels ? 0 : 80;
-  const donutMarginVertical = 40 + (hideLabels ? 0 : 40);
+  const width: number = typeof layout?.width === 'number' ? layout?.width : 440;
+  const height: number = typeof layout?.height === 'number' ? layout?.height : 220;
+  const hideLabels: boolean = firstData.textinfo ? !['value', 'percent'].includes(firstData.textinfo) : false;
+  const donutMarginHorizontal: number = hideLabels ? 0 : 80;
+  const donutMarginVertical: number = 40 + (hideLabels ? 0 : 40);
   const innerRadius: number = firstData.hole
     ? firstData.hole * (Math.min(width - donutMarginHorizontal, height - donutMarginVertical) / 2)
     : 0;
@@ -77,7 +77,7 @@ export const transformPlotlyJsonToDonutProps = (
   const styles: IDonutChartProps['styles'] = {
     root: {
       '[class^="arcLabel"]': {
-        fontSize: firstData.textfont?.size,
+        ...(typeof firstData.textfont?.size === 'number' ? { fontSize: firstData.textfont.size } : {}),
       },
     },
   };
@@ -222,8 +222,8 @@ export const transformPlotlyJsonToVBCProps = (
     const totalDataPoints = d3Merge(buckets).length;
 
     buckets.forEach(bucket => {
-      const legend = series.name || `Series ${index + 1}`;
-      const color = getColor(legend, colorMap, isDarkTheme);
+      const legend: string = series.name || `Series ${index + 1}`;
+      const color: string = getColor(legend, colorMap, isDarkTheme);
       let y = bucket.length;
 
       if (series.histnorm === 'percent') {
@@ -256,7 +256,7 @@ export const transformPlotlyJsonToVBCProps = (
 
   return {
     data: vbcData,
-    chartTitle: layout?.title,
+    chartTitle: typeof layout?.title === 'string' ? layout?.title : '',
     // width: layout?.width,
     // height: layout?.height,
     hideLegend: true,
@@ -278,7 +278,7 @@ export const transformPlotlyJsonToScatterChartProps = (
     const isString = typeof xValues[0] === 'string';
     const isXDate = isDateArray(xValues);
     const isXNumber = isNumberArray(xValues);
-    const legend = series.name || `Series ${index + 1}`;
+    const legend: string = series.name || `Series ${index + 1}`;
     const lineColor = getColor(legend, colorMap, isDarkTheme);
 
     return {
@@ -292,7 +292,7 @@ export const transformPlotlyJsonToScatterChartProps = (
   });
 
   const chartProps: IChartProps = {
-    chartTitle: layout.title || '',
+    chartTitle: typeof layout.title === 'string' ? layout.title : '',
     lineChartData: chartData,
   };
 
@@ -330,10 +330,10 @@ export const transformPlotlyJsonToHorizontalBarWithAxisProps = (
     })
     .flat();
 
-  const chartHeight = layout.height || 450;
-  const margin = layout.margin?.l || 0;
-  const padding = layout.margin?.pad || 0;
-  const availableHeight = chartHeight - margin - padding;
+  const chartHeight: number = typeof layout.height === 'number' ? layout.height : 450;
+  const margin: number = typeof layout.margin?.l === 'number' ? layout.margin?.l : 0;
+  const padding: number = typeof layout.margin?.pad === 'number' ? layout.margin?.pad : 0;
+  const availableHeight: number = chartHeight - margin - padding;
   const numberOfBars = data[0].y.length;
   const scalingFactor = 0.01;
   const gapFactor = 1 / (1 + scalingFactor * numberOfBars);
@@ -341,13 +341,13 @@ export const transformPlotlyJsonToHorizontalBarWithAxisProps = (
 
   return {
     data: chartData,
-    chartTitle: layout.title || '',
+    chartTitle: typeof layout.title === 'string' ? layout.title : '',
     barHeight,
     showYAxisLables: true,
     styles: {
       root: {
         height: chartHeight,
-        width: layout.width || 600,
+        width: typeof layout.width === 'number' ? layout.width : 600,
       },
     },
   };
@@ -375,7 +375,7 @@ export const transformPlotlyJsonToHeatmapProps = (jsonObj: any): IHeatMapChartPr
     });
   });
   const heatmapData: IHeatMapChartData = {
-    legend: firstData.name || '',
+    legend: typeof firstData.name === 'string' ? firstData.name : '',
     data: heatmapDataPoints,
     value: 0,
   };
@@ -429,17 +429,17 @@ export const transformPlotlyJsonToSankeyProps = (
     }),
   };
 
-  const width: number = layout?.width || 440;
-  const height: number = layout?.height || 220;
+  const width: number = typeof layout?.width === 'number' ? layout?.width : 440;
+  const height: number = typeof layout?.height === 'number' ? layout?.height : 220;
   const styles: ISankeyChartProps['styles'] = {
     root: {
-      fontSize: layout.font?.size,
+      ...(typeof layout.font?.size === 'number' ? { fontSize: layout.font?.size } : {}),
     },
   };
   const shouldResize: number = width + height;
   return {
     data: {
-      chartTitle: layout?.title,
+      chartTitle: typeof layout?.title === 'string' ? layout?.title : '',
       SankeyChartData: sankeyChartData,
     },
     width,
@@ -491,15 +491,15 @@ export const transformPlotlyJsonToGaugeProps = (
 
   return {
     segments,
-    chartValue: firstData.value,
-    chartTitle: firstData.title?.text,
+    chartValue: typeof firstData.value === 'number' ? firstData.value : 0,
+    chartTitle: typeof firstData.title?.text === 'string' ? firstData.title?.text : '',
     sublabel,
     // range values can be null
-    minValue: firstData.gauge?.axis?.range?.[0] ?? undefined,
-    maxValue: firstData.gauge?.axis?.range?.[1] ?? undefined,
+    minValue: typeof firstData.gauge?.axis?.range?.[0] === 'number' ? firstData.gauge?.axis?.range?.[0] : undefined,
+    maxValue: typeof firstData.gauge?.axis?.range?.[1] === 'number' ? firstData.gauge?.axis?.range?.[1] : undefined,
     chartValueFormat: () => firstData.value,
-    width: layout?.width,
-    height: layout?.height,
+    width: typeof layout?.width === 'number' ? layout?.width : 0,
+    height: typeof layout?.height === 'number' ? layout?.height : 0,
     hideLegend: true,
     styles,
   };

From f2523077e9c92fc7f065308efe2081fc86846b5b Mon Sep 17 00:00:00 2001
From: ling1726 <lingfangao@hotmail.com>
Date: Thu, 19 Dec 2024 15:04:13 +0100
Subject: [PATCH 16/42] fix: MessageBar auto reflow should handle document
 reflow with `min-content` (#33409)

---
 ...-a4bb3869-7b64-45f3-9084-cfbbca1c8a1c.json |   7 +
 .../components/MessageBar/MessageBar.test.tsx |  10 ++
 .../MessageBar/useMessageBarReflow.ts         | 133 +++++++++---------
 3 files changed, 84 insertions(+), 66 deletions(-)
 create mode 100644 change/@fluentui-react-message-bar-a4bb3869-7b64-45f3-9084-cfbbca1c8a1c.json

diff --git a/change/@fluentui-react-message-bar-a4bb3869-7b64-45f3-9084-cfbbca1c8a1c.json b/change/@fluentui-react-message-bar-a4bb3869-7b64-45f3-9084-cfbbca1c8a1c.json
new file mode 100644
index 0000000000000..2cc7d9dc06210
--- /dev/null
+++ b/change/@fluentui-react-message-bar-a4bb3869-7b64-45f3-9084-cfbbca1c8a1c.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "fix: MessageBar auto reflow should handle document reflow with `min-content`",
+  "packageName": "@fluentui/react-message-bar",
+  "email": "lingfangao@hotmail.com",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/react-components/react-message-bar/library/src/components/MessageBar/MessageBar.test.tsx b/packages/react-components/react-message-bar/library/src/components/MessageBar/MessageBar.test.tsx
index 2881a0b1a2f54..056dce8a52bfd 100644
--- a/packages/react-components/react-message-bar/library/src/components/MessageBar/MessageBar.test.tsx
+++ b/packages/react-components/react-message-bar/library/src/components/MessageBar/MessageBar.test.tsx
@@ -23,6 +23,16 @@ describe('MessageBar', () => {
         // do nothing
       }
     };
+
+    // @ts-expect-error https://github.com/jsdom/jsdom/issues/2032
+    global.IntersectionObserver = class IntersectionObserver {
+      public observe() {
+        // do nothing
+      }
+      public disconnect() {
+        // do nothing
+      }
+    };
   });
 
   beforeEach(() => {
diff --git a/packages/react-components/react-message-bar/library/src/components/MessageBar/useMessageBarReflow.ts b/packages/react-components/react-message-bar/library/src/components/MessageBar/useMessageBarReflow.ts
index d8a18037f6dfb..8bbb0ae01843b 100644
--- a/packages/react-components/react-message-bar/library/src/components/MessageBar/useMessageBarReflow.ts
+++ b/packages/react-components/react-message-bar/library/src/components/MessageBar/useMessageBarReflow.ts
@@ -1,91 +1,92 @@
 import * as React from 'react';
 import { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';
-import { isHTMLElement } from '@fluentui/react-utilities';
+import { useIsomorphicLayoutEffect } from '@fluentui/react-utilities';
 
 export function useMessageBarReflow(enabled: boolean = false) {
   const { targetDocument } = useFluent();
-  const forceUpdate = React.useReducer(() => ({}), {})[1];
-  const reflowingRef = React.useRef(false);
-  // TODO: exclude types from this lint rule: https://github.com/microsoft/fluentui/issues/31286
-
-  const resizeObserverRef = React.useRef<ResizeObserver | null>(null);
   const prevInlineSizeRef = React.useRef(-1);
+  const messageBarRef = React.useRef<HTMLElement | null>(null);
 
-  const handleResize: ResizeObserverCallback = React.useCallback(
-    entries => {
-      // Resize observer is only owned by this component - one resize observer entry expected
-      // No need to support multiple fragments - one border box entry expected
-      if (process.env.NODE_ENV !== 'production' && entries.length > 1) {
-        // eslint-disable-next-line no-console
-        console.error(
-          [
-            'useMessageBarReflow: Resize observer should only have one entry. ',
-            'If multiple entries are observed, the first entry will be used.',
-            'This is a bug, please report it to the Fluent UI team.',
-          ].join(' '),
-        );
-      }
+  const [reflowing, setReflowing] = React.useState(false);
 
-      const entry = entries[0];
-      // `borderBoxSize` is not supported before Chrome 84, Firefox 92, nor Safari 15.4
-      const inlineSize = entry?.borderBoxSize?.[0]?.inlineSize ?? entry?.target.getBoundingClientRect().width;
+  // This layout effect 'sanity checks' what observers have done
+  // since DOM has not been flushed when observers run
+  useIsomorphicLayoutEffect(() => {
+    if (!messageBarRef.current) {
+      return;
+    }
 
-      if (inlineSize === undefined || !entry) {
-        return;
+    setReflowing(prevReflowing => {
+      if (!prevReflowing && messageBarRef.current && isReflowing(messageBarRef.current)) {
+        return true;
       }
 
-      const { target } = entry;
+      return prevReflowing;
+    });
+  }, [reflowing]);
 
-      if (!isHTMLElement(target)) {
-        return;
-      }
+  const handleResize: ResizeObserverCallback = React.useCallback(() => {
+    if (!messageBarRef.current) {
+      return;
+    }
 
-      let nextReflowing: boolean | undefined;
-
-      // No easy way to really determine when the single line layout will fit
-      // Just keep try to set single line layout as long as the size is growing
-      // Will cause flickering when size is being adjusted gradually (i.e. drag) - but this should not be a common case
-      if (reflowingRef.current) {
-        if (prevInlineSizeRef.current < inlineSize) {
-          nextReflowing = false;
-        }
-      } else {
-        const scrollWidth = target.scrollWidth;
-        if (inlineSize < scrollWidth) {
-          nextReflowing = true;
-        }
-      }
+    const inlineSize = messageBarRef.current.getBoundingClientRect().width;
+    const scrollWidth = messageBarRef.current.scrollWidth;
 
-      prevInlineSizeRef.current = inlineSize;
-      if (typeof nextReflowing !== 'undefined' && reflowingRef.current !== nextReflowing) {
-        reflowingRef.current = nextReflowing;
-        forceUpdate();
-      }
-    },
-    [forceUpdate],
-  );
+    const expanding = prevInlineSizeRef.current < inlineSize;
+    const overflowing = inlineSize < scrollWidth;
+
+    setReflowing(!expanding || overflowing);
+  }, []);
+
+  const handleIntersection: IntersectionObserverCallback = React.useCallback(entries => {
+    if (entries[0].intersectionRatio < 1) {
+      setReflowing(true);
+    }
+  }, []);
+
+  const ref = React.useMemo(() => {
+    let resizeObserver: ResizeObserver | null = null;
+    let intersectionObserer: IntersectionObserver | null = null;
 
-  const ref = React.useCallback(
-    (el: HTMLElement | null) => {
+    return (el: HTMLElement | null) => {
       if (!enabled || !el || !targetDocument?.defaultView) {
+        resizeObserver?.disconnect();
+        intersectionObserer?.disconnect();
         return;
       }
 
-      resizeObserverRef.current?.disconnect();
+      messageBarRef.current = el;
 
       const win = targetDocument.defaultView;
-      const resizeObserver = new win.ResizeObserver(handleResize);
-      resizeObserverRef.current = resizeObserver;
-      resizeObserver.observe(el, { box: 'border-box' });
-    },
-    [targetDocument, handleResize, enabled],
-  );
+      resizeObserver = new win.ResizeObserver(handleResize);
+      intersectionObserer = new win.IntersectionObserver(handleIntersection, { threshold: 1 });
 
-  React.useEffect(() => {
-    return () => {
-      resizeObserverRef.current?.disconnect();
+      intersectionObserer.observe(el);
+      resizeObserver.observe(el, { box: 'border-box' });
     };
-  }, []);
+  }, [handleResize, handleIntersection, enabled, targetDocument]);
 
-  return { ref, reflowing: reflowingRef.current };
+  return { ref, reflowing };
 }
+
+const isReflowing = (el: HTMLElement) => {
+  return el.scrollWidth > el.offsetWidth || !isFullyInViewport(el);
+};
+
+const isFullyInViewport = (el: HTMLElement) => {
+  const rect = el.getBoundingClientRect();
+  const doc = el.ownerDocument;
+  const win = doc.defaultView;
+
+  if (!win) {
+    return true;
+  }
+
+  return (
+    rect.top >= 0 &&
+    rect.left >= 0 &&
+    rect.bottom <= (win.innerHeight || doc.documentElement.clientHeight) &&
+    rect.right <= (win.innerWidth || doc.documentElement.clientWidth)
+  );
+};

From 6b775123cced3ca0f58ce8a5779c6df2474f6bff Mon Sep 17 00:00:00 2001
From: Fluent UI Build <fluentui-internal@service.microsoft.com>
Date: Thu, 19 Dec 2024 14:31:14 +0000
Subject: [PATCH 17/42] release: applying package updates - react-components

---
 ...-bar-a4bb3869-7b64-45f3-9084-cfbbca1c8a1c.json |  7 -------
 .../react-components/CHANGELOG.json               | 15 +++++++++++++++
 .../react-components/CHANGELOG.md                 | 12 +++++++++++-
 .../react-components/package.json                 |  4 ++--
 .../react-message-bar/library/CHANGELOG.json      | 15 +++++++++++++++
 .../react-message-bar/library/CHANGELOG.md        | 11 ++++++++++-
 .../react-message-bar/library/package.json        |  2 +-
 .../react-migration-v0-v9/library/CHANGELOG.json  | 15 +++++++++++++++
 .../react-migration-v0-v9/library/CHANGELOG.md    | 11 ++++++++++-
 .../react-migration-v0-v9/library/package.json    |  4 ++--
 .../react-migration-v8-v9/library/CHANGELOG.json  | 15 +++++++++++++++
 .../react-migration-v8-v9/library/CHANGELOG.md    | 11 ++++++++++-
 .../react-migration-v8-v9/library/package.json    |  4 ++--
 .../react-portal-compat/CHANGELOG.json            | 15 +++++++++++++++
 .../react-portal-compat/CHANGELOG.md              | 11 ++++++++++-
 .../react-portal-compat/package.json              |  4 ++--
 .../react-timepicker-compat/library/package.json  |  2 +-
 .../react-components/theme-designer/package.json  |  2 +-
 18 files changed, 137 insertions(+), 23 deletions(-)
 delete mode 100644 change/@fluentui-react-message-bar-a4bb3869-7b64-45f3-9084-cfbbca1c8a1c.json

diff --git a/change/@fluentui-react-message-bar-a4bb3869-7b64-45f3-9084-cfbbca1c8a1c.json b/change/@fluentui-react-message-bar-a4bb3869-7b64-45f3-9084-cfbbca1c8a1c.json
deleted file mode 100644
index 2cc7d9dc06210..0000000000000
--- a/change/@fluentui-react-message-bar-a4bb3869-7b64-45f3-9084-cfbbca1c8a1c.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "type": "patch",
-  "comment": "fix: MessageBar auto reflow should handle document reflow with `min-content`",
-  "packageName": "@fluentui/react-message-bar",
-  "email": "lingfangao@hotmail.com",
-  "dependentChangeType": "patch"
-}
diff --git a/packages/react-components/react-components/CHANGELOG.json b/packages/react-components/react-components/CHANGELOG.json
index 62cabe937aa29..d41c76fea81a7 100644
--- a/packages/react-components/react-components/CHANGELOG.json
+++ b/packages/react-components/react-components/CHANGELOG.json
@@ -1,6 +1,21 @@
 {
   "name": "@fluentui/react-components",
   "entries": [
+    {
+      "date": "Thu, 19 Dec 2024 14:30:56 GMT",
+      "tag": "@fluentui/react-components_v9.56.8",
+      "version": "9.56.8",
+      "comments": {
+        "patch": [
+          {
+            "author": "lingfangao@hotmail.com",
+            "package": "@fluentui/react-message-bar",
+            "commit": "f2523077e9c92fc7f065308efe2081fc86846b5b",
+            "comment": "fix: MessageBar auto reflow should handle document reflow with `min-content`"
+          }
+        ]
+      }
+    },
     {
       "date": "Wed, 18 Dec 2024 10:59:36 GMT",
       "tag": "@fluentui/react-components_v9.56.7",
diff --git a/packages/react-components/react-components/CHANGELOG.md b/packages/react-components/react-components/CHANGELOG.md
index c54b6eb9a2144..0d568f05c23fa 100644
--- a/packages/react-components/react-components/CHANGELOG.md
+++ b/packages/react-components/react-components/CHANGELOG.md
@@ -1,9 +1,19 @@
 # Change Log - @fluentui/react-components
 
-This log was last generated on Wed, 18 Dec 2024 10:59:36 GMT and should not be manually modified.
+This log was last generated on Thu, 19 Dec 2024 14:30:56 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.56.8](https://github.com/microsoft/fluentui/tree/@fluentui/react-components_v9.56.8)
+
+Thu, 19 Dec 2024 14:30:56 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-components_v9.56.7..@fluentui/react-components_v9.56.8)
+
+### Patches
+
+- `@fluentui/react-message-bar`
+  - fix: MessageBar auto reflow should handle document reflow with `min-content` ([PR #33409](https://github.com/microsoft/fluentui/pull/33409) by lingfangao@hotmail.com)
+
 ## [9.56.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-components_v9.56.7)
 
 Wed, 18 Dec 2024 10:59:36 GMT 
diff --git a/packages/react-components/react-components/package.json b/packages/react-components/react-components/package.json
index 1a57651aa4516..bce0970ab1155 100644
--- a/packages/react-components/react-components/package.json
+++ b/packages/react-components/react-components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-components",
-  "version": "9.56.7",
+  "version": "9.56.8",
   "description": "Suite package for converged React components",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -66,7 +66,7 @@
     "@fluentui/react-tree": "^9.8.11",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1",
-    "@fluentui/react-message-bar": "^9.2.18",
+    "@fluentui/react-message-bar": "^9.2.19",
     "@fluentui/react-breadcrumb": "^9.0.47",
     "@fluentui/react-aria": "^9.13.12",
     "@fluentui/react-rating": "^9.0.26",
diff --git a/packages/react-components/react-message-bar/library/CHANGELOG.json b/packages/react-components/react-message-bar/library/CHANGELOG.json
index 7af96ca5b028a..76cb7b3b7d04a 100644
--- a/packages/react-components/react-message-bar/library/CHANGELOG.json
+++ b/packages/react-components/react-message-bar/library/CHANGELOG.json
@@ -1,6 +1,21 @@
 {
   "name": "@fluentui/react-message-bar",
   "entries": [
+    {
+      "date": "Thu, 19 Dec 2024 14:30:56 GMT",
+      "tag": "@fluentui/react-message-bar_v9.2.19",
+      "version": "9.2.19",
+      "comments": {
+        "patch": [
+          {
+            "author": "lingfangao@hotmail.com",
+            "package": "@fluentui/react-message-bar",
+            "commit": "f2523077e9c92fc7f065308efe2081fc86846b5b",
+            "comment": "fix: MessageBar auto reflow should handle document reflow with `min-content`"
+          }
+        ]
+      }
+    },
     {
       "date": "Mon, 16 Dec 2024 16:26:49 GMT",
       "tag": "@fluentui/react-message-bar_v9.2.18",
diff --git a/packages/react-components/react-message-bar/library/CHANGELOG.md b/packages/react-components/react-message-bar/library/CHANGELOG.md
index a5ade09fda185..47343bfcb13b6 100644
--- a/packages/react-components/react-message-bar/library/CHANGELOG.md
+++ b/packages/react-components/react-message-bar/library/CHANGELOG.md
@@ -1,9 +1,18 @@
 # Change Log - @fluentui/react-message-bar
 
-This log was last generated on Mon, 16 Dec 2024 16:26:49 GMT and should not be manually modified.
+This log was last generated on Thu, 19 Dec 2024 14:30:56 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.2.19](https://github.com/microsoft/fluentui/tree/@fluentui/react-message-bar_v9.2.19)
+
+Thu, 19 Dec 2024 14:30:56 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-message-bar_v9.2.18..@fluentui/react-message-bar_v9.2.19)
+
+### Patches
+
+- fix: MessageBar auto reflow should handle document reflow with `min-content` ([PR #33409](https://github.com/microsoft/fluentui/pull/33409) by lingfangao@hotmail.com)
+
 ## [9.2.18](https://github.com/microsoft/fluentui/tree/@fluentui/react-message-bar_v9.2.18)
 
 Mon, 16 Dec 2024 16:26:49 GMT 
diff --git a/packages/react-components/react-message-bar/library/package.json b/packages/react-components/react-message-bar/library/package.json
index 3f5b05fb9c153..f290113045fe5 100644
--- a/packages/react-components/react-message-bar/library/package.json
+++ b/packages/react-components/react-message-bar/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-message-bar",
-  "version": "9.2.18",
+  "version": "9.2.19",
   "description": "Fluent UI MessageBar component",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
diff --git a/packages/react-components/react-migration-v0-v9/library/CHANGELOG.json b/packages/react-components/react-migration-v0-v9/library/CHANGELOG.json
index a2dc43d9f290b..192dbf6cdb230 100644
--- a/packages/react-components/react-migration-v0-v9/library/CHANGELOG.json
+++ b/packages/react-components/react-migration-v0-v9/library/CHANGELOG.json
@@ -1,6 +1,21 @@
 {
   "name": "@fluentui/react-migration-v0-v9",
   "entries": [
+    {
+      "date": "Thu, 19 Dec 2024 14:30:56 GMT",
+      "tag": "@fluentui/react-migration-v0-v9_v9.2.25",
+      "version": "9.2.25",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-migration-v0-v9",
+            "comment": "Bump @fluentui/react-components to v9.56.8",
+            "commit": "f2523077e9c92fc7f065308efe2081fc86846b5b"
+          }
+        ]
+      }
+    },
     {
       "date": "Wed, 18 Dec 2024 10:59:37 GMT",
       "tag": "@fluentui/react-migration-v0-v9_v9.2.24",
diff --git a/packages/react-components/react-migration-v0-v9/library/CHANGELOG.md b/packages/react-components/react-migration-v0-v9/library/CHANGELOG.md
index 07aeab2fbd235..45990059abacf 100644
--- a/packages/react-components/react-migration-v0-v9/library/CHANGELOG.md
+++ b/packages/react-components/react-migration-v0-v9/library/CHANGELOG.md
@@ -1,9 +1,18 @@
 # Change Log - @fluentui/react-migration-v0-v9
 
-This log was last generated on Wed, 18 Dec 2024 10:59:37 GMT and should not be manually modified.
+This log was last generated on Thu, 19 Dec 2024 14:30:56 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.2.25](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v0-v9_v9.2.25)
+
+Thu, 19 Dec 2024 14:30:56 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v0-v9_v9.2.24..@fluentui/react-migration-v0-v9_v9.2.25)
+
+### Patches
+
+- Bump @fluentui/react-components to v9.56.8 ([PR #33409](https://github.com/microsoft/fluentui/pull/33409) by beachball)
+
 ## [9.2.24](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v0-v9_v9.2.24)
 
 Wed, 18 Dec 2024 10:59:37 GMT 
diff --git a/packages/react-components/react-migration-v0-v9/library/package.json b/packages/react-components/react-migration-v0-v9/library/package.json
index 05776bc1b4edc..1a9f2e4164c5a 100644
--- a/packages/react-components/react-migration-v0-v9/library/package.json
+++ b/packages/react-components/react-migration-v0-v9/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-migration-v0-v9",
-  "version": "9.2.24",
+  "version": "9.2.25",
   "description": "Migration shim components and methods for hybrid v0/v9 applications building on Fluent UI React.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -21,7 +21,7 @@
   },
   "dependencies": {
     "@fluentui/react-aria": "^9.13.12",
-    "@fluentui/react-components": "^9.56.7",
+    "@fluentui/react-components": "^9.56.8",
     "@fluentui/react-context-selector": "^9.1.71",
     "@fluentui/react-icons": "^2.0.245",
     "@fluentui/react-jsx-runtime": "^9.0.48",
diff --git a/packages/react-components/react-migration-v8-v9/library/CHANGELOG.json b/packages/react-components/react-migration-v8-v9/library/CHANGELOG.json
index 92821ecf3ead3..9e0442e918717 100644
--- a/packages/react-components/react-migration-v8-v9/library/CHANGELOG.json
+++ b/packages/react-components/react-migration-v8-v9/library/CHANGELOG.json
@@ -1,6 +1,21 @@
 {
   "name": "@fluentui/react-migration-v8-v9",
   "entries": [
+    {
+      "date": "Thu, 19 Dec 2024 14:30:56 GMT",
+      "tag": "@fluentui/react-migration-v8-v9_v9.6.44",
+      "version": "9.6.44",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-migration-v8-v9",
+            "comment": "Bump @fluentui/react-components to v9.56.8",
+            "commit": "f2523077e9c92fc7f065308efe2081fc86846b5b"
+          }
+        ]
+      }
+    },
     {
       "date": "Wed, 18 Dec 2024 10:59:37 GMT",
       "tag": "@fluentui/react-migration-v8-v9_v9.6.43",
diff --git a/packages/react-components/react-migration-v8-v9/library/CHANGELOG.md b/packages/react-components/react-migration-v8-v9/library/CHANGELOG.md
index c2377d3ca7685..d3764f2a61d43 100644
--- a/packages/react-components/react-migration-v8-v9/library/CHANGELOG.md
+++ b/packages/react-components/react-migration-v8-v9/library/CHANGELOG.md
@@ -1,9 +1,18 @@
 # Change Log - @fluentui/react-migration-v8-v9
 
-This log was last generated on Wed, 18 Dec 2024 10:59:37 GMT and should not be manually modified.
+This log was last generated on Thu, 19 Dec 2024 14:30:56 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.6.44](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v8-v9_v9.6.44)
+
+Thu, 19 Dec 2024 14:30:56 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v8-v9_v9.6.43..@fluentui/react-migration-v8-v9_v9.6.44)
+
+### Patches
+
+- Bump @fluentui/react-components to v9.56.8 ([PR #33409](https://github.com/microsoft/fluentui/pull/33409) by beachball)
+
 ## [9.6.43](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v8-v9_v9.6.43)
 
 Wed, 18 Dec 2024 10:59:37 GMT 
diff --git a/packages/react-components/react-migration-v8-v9/library/package.json b/packages/react-components/react-migration-v8-v9/library/package.json
index 358eb4a893d51..05702c7ce4348 100644
--- a/packages/react-components/react-migration-v8-v9/library/package.json
+++ b/packages/react-components/react-migration-v8-v9/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-migration-v8-v9",
-  "version": "9.6.43",
+  "version": "9.6.44",
   "description": "Migration shim components and methods for hybrid v8/v9 applications building on Fluent UI React.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -21,7 +21,7 @@
     "@ctrl/tinycolor": "3.3.4",
     "@fluentui/fluent2-theme": "^8.107.118",
     "@fluentui/react": "^8.122.1",
-    "@fluentui/react-components": "^9.56.7",
+    "@fluentui/react-components": "^9.56.8",
     "@fluentui/react-icons": "^2.0.245",
     "@fluentui/react-hooks": "^8.8.16",
     "@griffel/react": "^1.5.22",
diff --git a/packages/react-components/react-portal-compat/CHANGELOG.json b/packages/react-components/react-portal-compat/CHANGELOG.json
index 288104b2d0402..2a97f72c72d31 100644
--- a/packages/react-components/react-portal-compat/CHANGELOG.json
+++ b/packages/react-components/react-portal-compat/CHANGELOG.json
@@ -1,6 +1,21 @@
 {
   "name": "@fluentui/react-portal-compat",
   "entries": [
+    {
+      "date": "Thu, 19 Dec 2024 14:30:56 GMT",
+      "tag": "@fluentui/react-portal-compat_v9.0.176",
+      "version": "9.0.176",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-portal-compat",
+            "comment": "Bump @fluentui/react-components to v9.56.8",
+            "commit": "f2523077e9c92fc7f065308efe2081fc86846b5b"
+          }
+        ]
+      }
+    },
     {
       "date": "Wed, 18 Dec 2024 10:59:37 GMT",
       "tag": "@fluentui/react-portal-compat_v9.0.175",
diff --git a/packages/react-components/react-portal-compat/CHANGELOG.md b/packages/react-components/react-portal-compat/CHANGELOG.md
index 9e541f2a01e3e..24aec79e8fa1b 100644
--- a/packages/react-components/react-portal-compat/CHANGELOG.md
+++ b/packages/react-components/react-portal-compat/CHANGELOG.md
@@ -1,9 +1,18 @@
 # Change Log - @fluentui/react-portal-compat
 
-This log was last generated on Wed, 18 Dec 2024 10:59:37 GMT and should not be manually modified.
+This log was last generated on Thu, 19 Dec 2024 14:30:56 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.0.176](https://github.com/microsoft/fluentui/tree/@fluentui/react-portal-compat_v9.0.176)
+
+Thu, 19 Dec 2024 14:30:56 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-portal-compat_v9.0.175..@fluentui/react-portal-compat_v9.0.176)
+
+### Patches
+
+- Bump @fluentui/react-components to v9.56.8 ([PR #33409](https://github.com/microsoft/fluentui/pull/33409) by beachball)
+
 ## [9.0.175](https://github.com/microsoft/fluentui/tree/@fluentui/react-portal-compat_v9.0.175)
 
 Wed, 18 Dec 2024 10:59:37 GMT 
diff --git a/packages/react-components/react-portal-compat/package.json b/packages/react-components/react-portal-compat/package.json
index 3eaec090a9746..907063c27bb59 100644
--- a/packages/react-components/react-portal-compat/package.json
+++ b/packages/react-components/react-portal-compat/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-portal-compat",
-  "version": "9.0.175",
+  "version": "9.0.176",
   "description": "A package that contains compatibility layer for React Portals",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -27,7 +27,7 @@
     "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
-    "@fluentui/react-components": "^9.56.7",
+    "@fluentui/react-components": "^9.56.8",
     "@types/react": ">=16.14.0 <19.0.0",
     "react": ">=16.14.0 <19.0.0"
   },
diff --git a/packages/react-components/react-timepicker-compat/library/package.json b/packages/react-components/react-timepicker-compat/library/package.json
index a2d65f02399a8..0eca335dda8f2 100644
--- a/packages/react-components/react-timepicker-compat/library/package.json
+++ b/packages/react-components/react-timepicker-compat/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-timepicker-compat",
-  "version": "0.2.44",
+  "version": "0.2.45",
   "description": "Fluent UI TimePicker Compat Component",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
diff --git a/packages/react-components/theme-designer/package.json b/packages/react-components/theme-designer/package.json
index 31317e4cc70cb..74899a1d5bcf9 100644
--- a/packages/react-components/theme-designer/package.json
+++ b/packages/react-components/theme-designer/package.json
@@ -17,7 +17,7 @@
     "@fluentui/scripts-api-extractor": "*"
   },
   "dependencies": {
-    "@fluentui/react-components": "^9.56.7",
+    "@fluentui/react-components": "^9.56.8",
     "@fluentui/react-context-selector": "^9.1.71",
     "@fluentui/react-icons": "^2.0.245",
     "@fluentui/react-storybook-addon-export-to-sandbox": "^0.1.0",

From 00fada2af3a290e83ba3812ab3440b5ae8a903cf Mon Sep 17 00:00:00 2001
From: Victor Genaev <vgenaev@gmail.com>
Date: Thu, 19 Dec 2024 19:40:08 +0100
Subject: [PATCH 18/42] chore: migrate to ts 5.3.3  (#33235)

---
 ...-1bdbe475-2d17-453e-b058-b152322278cd.json |  7 +++
 package.json                                  |  7 ++-
 packages/react/etc/react.api.md               | 44 +++++++++----------
 .../ContextualMenu/ContextualMenu.base.tsx    |  2 +-
 yarn.lock                                     | 37 ++++++++++++----
 5 files changed, 61 insertions(+), 36 deletions(-)
 create mode 100644 change/@fluentui-react-1bdbe475-2d17-453e-b058-b152322278cd.json

diff --git a/change/@fluentui-react-1bdbe475-2d17-453e-b058-b152322278cd.json b/change/@fluentui-react-1bdbe475-2d17-453e-b058-b152322278cd.json
new file mode 100644
index 0000000000000..ec5661ca38e77
--- /dev/null
+++ b/change/@fluentui-react-1bdbe475-2d17-453e-b058-b152322278cd.json
@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "chore: update react.api.md",
+  "packageName": "@fluentui/react",
+  "email": "vgenaev@gmail.com",
+  "dependentChangeType": "none"
+}
diff --git a/package.json b/package.json
index 21667788a385c..5fb8c55d042bb 100644
--- a/package.json
+++ b/package.json
@@ -69,7 +69,7 @@
     "@griffel/webpack-loader": "2.2.10",
     "@jest/reporters": "29.7.0",
     "@mdx-js/loader": "2.3.0",
-    "@microsoft/api-extractor": "7.38.5",
+    "@microsoft/api-extractor": "7.39.0",
     "@microsoft/api-extractor-model": "7.28.3",
     "@microsoft/eslint-plugin-sdl": "0.1.9",
     "@microsoft/load-themed-styles": "1.10.26",
@@ -336,11 +336,11 @@
     "tmp": "0.2.1",
     "ts-jest": "29.1.1",
     "ts-loader": "9.4.2",
-    "ts-node": "10.9.1",
+    "ts-node": "10.9.2",
     "tsconfig-paths": "4.2.0",
     "tsconfig-paths-webpack-plugin": "4.1.0",
     "tslib": "2.6.3",
-    "typescript": "5.2.2",
+    "typescript": "5.3.3",
     "vinyl": "2.2.0",
     "webpack": "5.94.0",
     "webpack-bundle-analyzer": "4.10.1",
@@ -379,7 +379,6 @@
     "swc-loader": "^0.2.6",
     "prettier": "2.8.8",
     "puppeteer": "19.6.0",
-    "@microsoft/api-extractor/typescript": "5.2.2",
     "ws": "8.17.1"
   },
   "nx": {
diff --git a/packages/react/etc/react.api.md b/packages/react/etc/react.api.md
index 2cf141de1c40e..94b006c369575 100644
--- a/packages/react/etc/react.api.md
+++ b/packages/react/etc/react.api.md
@@ -1604,49 +1604,49 @@ export { FabricPerformance }
 // @public (undocumented)
 export enum FabricSlots {
     // (undocumented)
-    black = 21,
+    black = 21,// BaseSlots.primaryColor, Shade[Shade.Unshaded]);
     // (undocumented)
-    neutralDark = 20,
+    neutralDark = 20,// BaseSlots.primaryColor, Shade[Shade.Shade1]);
     // (undocumented)
-    neutralLight = 11,
+    neutralLight = 11,// BaseSlots.primaryColor, Shade[Shade.Shade2]);
     // (undocumented)
-    neutralLighter = 10,
+    neutralLighter = 10,// BaseSlots.primaryColor, Shade[Shade.Shade3]);
     // (undocumented)
-    neutralLighterAlt = 9,
+    neutralLighterAlt = 9,// BaseSlots.primaryColor, Shade[Shade.Shade4]);
     // (undocumented)
-    neutralPrimary = 19,
+    neutralPrimary = 19,// BaseSlots.primaryColor, Shade[Shade.Shade5]);
     // (undocumented)
-    neutralPrimaryAlt = 18,
+    neutralPrimaryAlt = 18,// BaseSlots.primaryColor, Shade[Shade.Shade6]);
     // (undocumented)
-    neutralQuaternary = 13,
+    neutralQuaternary = 13,// BaseSlots.primaryColor, Shade[Shade.Shade7]);
     // (undocumented)
-    neutralQuaternaryAlt = 12,
+    neutralQuaternaryAlt = 12,// BaseSlots.primaryColor, Shade[Shade.Shade8]);
     // (undocumented)
-    neutralSecondary = 17,
+    neutralSecondary = 17,// BaseSlots.backgroundColor, Shade[Shade.Shade1]);
     // (undocumented)
-    neutralSecondaryAlt = 16,
+    neutralSecondaryAlt = 16,// BaseSlots.backgroundColor, Shade[Shade.Shade2]);
     // (undocumented)
-    neutralTertiary = 15,
+    neutralTertiary = 15,// BaseSlots.backgroundColor, Shade[Shade.Shade3]);
     // (undocumented)
-    neutralTertiaryAlt = 14,
+    neutralTertiaryAlt = 14,// BaseSlots.backgroundColor, Shade[Shade.Shade4]);
     // (undocumented)
-    themeDark = 7,
+    themeDark = 7,// BaseSlots.backgroundColor, Shade[Shade.Shade5]);
     // (undocumented)
-    themeDarkAlt = 6,
+    themeDarkAlt = 6,// BaseSlots.backgroundColor, Shade[Shade.Shade6]); // bg6 or fg2
     // (undocumented)
-    themeDarker = 8,
+    themeDarker = 8,// BaseSlots.foregroundColor, Shade[Shade.Shade3]);
     // (undocumented)
-    themeLight = 3,
+    themeLight = 3,// BaseSlots.foregroundColor, Shade[Shade.Shade4]);
     // (undocumented)
-    themeLighter = 2,
+    themeLighter = 2,// BaseSlots.foregroundColor, Shade[Shade.Shade5]);
     // (undocumented)
-    themeLighterAlt = 1,
+    themeLighterAlt = 1,// BaseSlots.foregroundColor, Shade[Shade.Shade6]);
     // (undocumented)
-    themePrimary = 0,
+    themePrimary = 0,// BaseSlots.foregroundColor, Shade[Shade.Unshaded]);
     // (undocumented)
-    themeSecondary = 5,
+    themeSecondary = 5,// BaseSlots.foregroundColor, Shade[Shade.Shade7]);
     // (undocumented)
-    themeTertiary = 4,
+    themeTertiary = 4,// BaseSlots.foregroundColor, Shade[Shade.Shade8]);
     // (undocumented)
     white = 22
 }
diff --git a/packages/react/src/components/ContextualMenu/ContextualMenu.base.tsx b/packages/react/src/components/ContextualMenu/ContextualMenu.base.tsx
index 945165847f8d7..c457e42be1a7f 100644
--- a/packages/react/src/components/ContextualMenu/ContextualMenu.base.tsx
+++ b/packages/react/src/components/ContextualMenu/ContextualMenu.base.tsx
@@ -149,7 +149,7 @@ const _getMenuItemStylesFunction = memoizeFunction(
     ...styles: (IStyleFunctionOrObject<IContextualMenuItemStyleProps, IContextualMenuItemStyles> | undefined)[]
   ): IStyleFunctionOrObject<IContextualMenuItemStyleProps, IContextualMenuItemStyles> => {
     return (styleProps: IContextualMenuItemStyleProps) =>
-      concatStyleSetsWithProps(styleProps, getItemStyles, ...styles);
+      concatStyleSetsWithProps(styleProps, getItemStyles, ...styles) as IContextualMenuItemStyles;
   },
 );
 
diff --git a/yarn.lock b/yarn.lock
index 2e46d32ae3ba1..fd3dbfed34482 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2485,10 +2485,10 @@
     "@microsoft/tsdoc-config" "~0.16.1"
     "@rushstack/node-core-library" "3.62.0"
 
-"@microsoft/api-extractor@7.38.5":
-  version "7.38.5"
-  resolved "https://registry.yarnpkg.com/@microsoft/api-extractor/-/api-extractor-7.38.5.tgz#51d4cd917a31fa1a5c6d6a02e446526de763ac32"
-  integrity sha512-c/w2zfqBcBJxaCzpJNvFoouWewcYrUOfeu5ZkWCCIXTF9a/gXM85RGevEzlMAIEGM/kssAAZSXRJIZ3Q5vLFow==
+"@microsoft/api-extractor@7.39.0":
+  version "7.39.0"
+  resolved "https://registry.yarnpkg.com/@microsoft/api-extractor/-/api-extractor-7.39.0.tgz#41c25f7f522e8b9376debda07364ff234e602eff"
+  integrity sha512-PuXxzadgnvp+wdeZFPonssRAj/EW4Gm4s75TXzPk09h3wJ8RS3x7typf95B4vwZRrPTQBGopdUl+/vHvlPdAcg==
   dependencies:
     "@microsoft/api-extractor-model" "7.28.3"
     "@microsoft/tsdoc" "0.14.2"
@@ -2501,7 +2501,7 @@
     resolve "~1.22.1"
     semver "~7.5.4"
     source-map "~0.6.1"
-    typescript "~5.0.4"
+    typescript "5.3.3"
 
 "@microsoft/applicationinsights-analytics-js@3.3.0":
   version "3.3.0"
@@ -22632,6 +22632,25 @@ ts-node@10.9.1:
     v8-compile-cache-lib "^3.0.1"
     yn "3.1.1"
 
+ts-node@10.9.2:
+  version "10.9.2"
+  resolved "https://registry.yarnpkg.com/ts-node/-/ts-node-10.9.2.tgz#70f021c9e185bccdca820e26dc413805c101c71f"
+  integrity sha512-f0FFpIdcHgn8zcPSbf1dRevwt047YMnaiJM3u2w2RewrB+fob/zePZcrOyQoLMMO7aBIddLcQIEK5dYjkLnGrQ==
+  dependencies:
+    "@cspotcode/source-map-support" "^0.8.0"
+    "@tsconfig/node10" "^1.0.7"
+    "@tsconfig/node12" "^1.0.7"
+    "@tsconfig/node14" "^1.0.0"
+    "@tsconfig/node16" "^1.0.2"
+    acorn "^8.4.1"
+    acorn-walk "^8.1.1"
+    arg "^4.1.0"
+    create-require "^1.1.0"
+    diff "^4.0.1"
+    make-error "^1.1.1"
+    v8-compile-cache-lib "^3.0.1"
+    yn "3.1.1"
+
 ts-toolbelt@9.6.0:
   version "9.6.0"
   resolved "https://registry.yarnpkg.com/ts-toolbelt/-/ts-toolbelt-9.6.0.tgz#50a25426cfed500d4a09bd1b3afb6f28879edfd5"
@@ -22820,10 +22839,10 @@ typescript-eslint@^8.0.0:
     "@typescript-eslint/parser" "8.8.1"
     "@typescript-eslint/utils" "8.8.1"
 
-typescript@5.2.2, typescript@~5.0.4:
-  version "5.2.2"
-  resolved "https://registry.yarnpkg.com/typescript/-/typescript-5.2.2.tgz#5ebb5e5a5b75f085f22bc3f8460fba308310fa78"
-  integrity sha512-mI4WrpHsbCIcwT9cF4FZvr80QUeKvsUsUvKDoR+X/7XHQH98xYD8YHZg7ANtz2GtZt/CBq2QJ0thkGJMHfqc1w==
+typescript@5.3.3:
+  version "5.3.3"
+  resolved "https://registry.yarnpkg.com/typescript/-/typescript-5.3.3.tgz#b3ce6ba258e72e6305ba66f5c9b452aaee3ffe37"
+  integrity sha512-pXWcraxM0uxAS+tN0AG/BF2TyqmHO014Z070UsJ+pFvYuRSq8KH8DmWpnbXe0pEPDHXZV3FcAbJkijJ5oNEnWw==
 
 typescript@~5.4.2:
   version "5.4.5"

From 7f1647fadcd193c0d16e51b314d299ee19ae5746 Mon Sep 17 00:00:00 2001
From: Sean Monahan <seanmonahan@microsoft.com>
Date: Thu, 19 Dec 2024 11:53:53 -0800
Subject: [PATCH 19/42] fix: handle cases when Animation.persist() does not
 exist (#33282)

---
 ...-f4f8b668-785c-48d9-9d8f-2410472b12f4.json |  7 ++++
 .../factories/createMotionComponent.test.tsx  | 39 ++++++++++++++++++
 .../createPresenceComponent.test.tsx          | 40 +++++++++++++++++++
 .../library/src/hooks/useAnimateAtoms.ts      | 12 +++++-
 4 files changed, 96 insertions(+), 2 deletions(-)
 create mode 100644 change/@fluentui-react-motion-f4f8b668-785c-48d9-9d8f-2410472b12f4.json

diff --git a/change/@fluentui-react-motion-f4f8b668-785c-48d9-9d8f-2410472b12f4.json b/change/@fluentui-react-motion-f4f8b668-785c-48d9-9d8f-2410472b12f4.json
new file mode 100644
index 0000000000000..81ed563ea2612
--- /dev/null
+++ b/change/@fluentui-react-motion-f4f8b668-785c-48d9-9d8f-2410472b12f4.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "fix: handle case when Animation.persist() does not exist",
+  "packageName": "@fluentui/react-motion",
+  "email": "seanmonahan@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/react-components/react-motion/library/src/factories/createMotionComponent.test.tsx b/packages/react-components/react-motion/library/src/factories/createMotionComponent.test.tsx
index 7106dde042397..6eb1ad024ae2f 100644
--- a/packages/react-components/react-motion/library/src/factories/createMotionComponent.test.tsx
+++ b/packages/react-components/react-motion/library/src/factories/createMotionComponent.test.tsx
@@ -38,6 +38,27 @@ function createElementMock() {
 }
 
 describe('createMotionComponent', () => {
+  let hasAnimation: boolean;
+  beforeEach(() => {
+    if (!global.Animation) {
+      hasAnimation = false;
+      global.Animation = {
+        // @ts-expect-error mock
+        prototype: {
+          persist: jest.fn(),
+        },
+      };
+    } else {
+      hasAnimation = true;
+    }
+  });
+
+  afterEach(() => {
+    if (!hasAnimation) {
+      // @ts-expect-error mock
+      delete global.Animation;
+    }
+  });
   it('creates a motion and plays it', () => {
     const TestAtom = createMotionComponent(motion);
     const { animateMock, ElementMock } = createElementMock();
@@ -54,6 +75,24 @@ describe('createMotionComponent', () => {
     });
   });
 
+  it('creates a motion and plays it (without .persist())', () => {
+    // @ts-expect-error mock
+    delete global.Animation.prototype.persist;
+    const TestAtom = createMotionComponent(motion);
+    const { animateMock, ElementMock } = createElementMock();
+
+    render(
+      <TestAtom>
+        <ElementMock />
+      </TestAtom>,
+    );
+
+    expect(animateMock).toHaveBeenCalledWith(motion.keyframes, {
+      duration: 500,
+      fill: 'forwards',
+    });
+  });
+
   it('supports functions as motion definitions', () => {
     const fnMotion = jest.fn().mockImplementation(() => motion);
     const TestAtom = createMotionComponent(fnMotion);
diff --git a/packages/react-components/react-motion/library/src/factories/createPresenceComponent.test.tsx b/packages/react-components/react-motion/library/src/factories/createPresenceComponent.test.tsx
index 77472e8c855ba..7d09f1af50647 100644
--- a/packages/react-components/react-motion/library/src/factories/createPresenceComponent.test.tsx
+++ b/packages/react-components/react-motion/library/src/factories/createPresenceComponent.test.tsx
@@ -44,6 +44,28 @@ function createElementMock() {
 }
 
 describe('createPresenceComponent', () => {
+  let hasAnimation: boolean;
+  beforeEach(() => {
+    if (!global.Animation) {
+      hasAnimation = false;
+      global.Animation = {
+        // @ts-expect-error mock
+        prototype: {
+          persist: jest.fn(),
+        },
+      };
+    } else {
+      hasAnimation = true;
+    }
+  });
+
+  afterEach(() => {
+    if (!hasAnimation) {
+      // @ts-expect-error mock
+      delete global.Animation;
+    }
+  });
+
   describe('appear', () => {
     it('does not animate by default', () => {
       const TestPresence = createPresenceComponent(motion);
@@ -71,6 +93,24 @@ describe('createPresenceComponent', () => {
       expect(animateMock).toHaveBeenCalledWith(enterKeyframes, options);
     });
 
+    it('animates when is "true" (without .persist())', () => {
+      // @ts-expect-error mock
+      delete window.Animation.prototype.persist;
+      const TestPresence = createPresenceComponent(motion);
+      const { animateMock, ElementMock } = createElementMock();
+
+      render(
+        <TestPresence appear visible>
+          <ElementMock />
+        </TestPresence>,
+      );
+
+      expect(animateMock).toHaveBeenCalledWith(enterKeyframes, {
+        ...options,
+        duration: 500,
+      });
+    });
+
     it('finishes motion when wrapped in motion behaviour context with skip behaviour', async () => {
       const TestPresence = createPresenceComponent(motion);
       const { finishMock, ElementMock } = createElementMock();
diff --git a/packages/react-components/react-motion/library/src/hooks/useAnimateAtoms.ts b/packages/react-components/react-motion/library/src/hooks/useAnimateAtoms.ts
index cb0a03544d3a2..9bc31e0d2e9ce 100644
--- a/packages/react-components/react-motion/library/src/hooks/useAnimateAtoms.ts
+++ b/packages/react-components/react-motion/library/src/hooks/useAnimateAtoms.ts
@@ -2,6 +2,9 @@ import * as React from 'react';
 import type { AnimationHandle, AtomMotion } from '../types';
 
 function useAnimateAtomsInSupportedEnvironment() {
+  // eslint-disable-next-line @nx/workspace-no-restricted-globals
+  const SUPPORTS_PERSIST = typeof window !== 'undefined' && typeof window.Animation?.prototype.persist === 'function';
+
   return React.useCallback(
     (
       element: HTMLElement,
@@ -22,7 +25,12 @@ function useAnimateAtomsInSupportedEnvironment() {
           ...(isReducedMotion && { duration: 1 }),
         });
 
-        animation.persist();
+        if (SUPPORTS_PERSIST) {
+          animation.persist();
+        } else {
+          const resultKeyframe = keyframes[keyframes.length - 1];
+          Object.assign(element.style ?? {}, resultKeyframe);
+        }
 
         return animation;
       });
@@ -75,7 +83,7 @@ function useAnimateAtomsInSupportedEnvironment() {
         },
       };
     },
-    [],
+    [SUPPORTS_PERSIST],
   );
 }
 

From df9a753bfdb290a7082fade687a263854c6f55d8 Mon Sep 17 00:00:00 2001
From: Fluent UI Build <fluentui-internal@service.microsoft.com>
Date: Fri, 20 Dec 2024 07:20:19 +0000
Subject: [PATCH 20/42] release: applying package updates - react v8

---
 ...eact-1bdbe475-2d17-453e-b058-b152322278cd.json |  7 -------
 ...ting-f56dc096-9891-4d5c-ae30-4d8a6ac5b481.json |  7 -------
 packages/charts/react-charting/CHANGELOG.json     | 15 +++++++++++++++
 packages/charts/react-charting/CHANGELOG.md       | 11 ++++++++++-
 packages/charts/react-charting/package.json       |  2 +-
 packages/react-docsite-components/CHANGELOG.json  | 15 +++++++++++++++
 packages/react-docsite-components/CHANGELOG.md    | 11 ++++++++++-
 packages/react-docsite-components/package.json    |  4 ++--
 packages/react-examples/package.json              |  4 ++--
 packages/react-monaco-editor/CHANGELOG.json       | 15 +++++++++++++++
 packages/react-monaco-editor/CHANGELOG.md         | 11 ++++++++++-
 packages/react-monaco-editor/package.json         |  4 ++--
 packages/react/CHANGELOG.json                     | 15 +++++++++++++++
 13 files changed, 97 insertions(+), 24 deletions(-)
 delete mode 100644 change/@fluentui-react-1bdbe475-2d17-453e-b058-b152322278cd.json
 delete mode 100644 change/@fluentui-react-charting-f56dc096-9891-4d5c-ae30-4d8a6ac5b481.json

diff --git a/change/@fluentui-react-1bdbe475-2d17-453e-b058-b152322278cd.json b/change/@fluentui-react-1bdbe475-2d17-453e-b058-b152322278cd.json
deleted file mode 100644
index ec5661ca38e77..0000000000000
--- a/change/@fluentui-react-1bdbe475-2d17-453e-b058-b152322278cd.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "type": "none",
-  "comment": "chore: update react.api.md",
-  "packageName": "@fluentui/react",
-  "email": "vgenaev@gmail.com",
-  "dependentChangeType": "none"
-}
diff --git a/change/@fluentui-react-charting-f56dc096-9891-4d5c-ae30-4d8a6ac5b481.json b/change/@fluentui-react-charting-f56dc096-9891-4d5c-ae30-4d8a6ac5b481.json
deleted file mode 100644
index 5a9fd5dcb3232..0000000000000
--- a/change/@fluentui-react-charting-f56dc096-9891-4d5c-ae30-4d8a6ac5b481.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "type": "patch",
-  "comment": "Ensure type safety of dependent fields",
-  "packageName": "@fluentui/react-charting",
-  "email": "74965306+Anush2303@users.noreply.github.com",
-  "dependentChangeType": "patch"
-}
diff --git a/packages/charts/react-charting/CHANGELOG.json b/packages/charts/react-charting/CHANGELOG.json
index acee1140b5f49..3937b8e683973 100644
--- a/packages/charts/react-charting/CHANGELOG.json
+++ b/packages/charts/react-charting/CHANGELOG.json
@@ -1,6 +1,21 @@
 {
   "name": "@fluentui/react-charting",
   "entries": [
+    {
+      "date": "Fri, 20 Dec 2024 07:20:00 GMT",
+      "tag": "@fluentui/react-charting_v5.23.28",
+      "version": "5.23.28",
+      "comments": {
+        "patch": [
+          {
+            "author": "74965306+Anush2303@users.noreply.github.com",
+            "package": "@fluentui/react-charting",
+            "commit": "da882f44f251e7bb80fb969cbe268a942a2df74e",
+            "comment": "Ensure type safety of dependent fields"
+          }
+        ]
+      }
+    },
     {
       "date": "Wed, 18 Dec 2024 07:20:30 GMT",
       "tag": "@fluentui/react-charting_v5.23.27",
diff --git a/packages/charts/react-charting/CHANGELOG.md b/packages/charts/react-charting/CHANGELOG.md
index 72c5d609b0da2..6c3807c6aee3f 100644
--- a/packages/charts/react-charting/CHANGELOG.md
+++ b/packages/charts/react-charting/CHANGELOG.md
@@ -1,9 +1,18 @@
 # Change Log - @fluentui/react-charting
 
-This log was last generated on Wed, 18 Dec 2024 07:20:30 GMT and should not be manually modified.
+This log was last generated on Fri, 20 Dec 2024 07:20:00 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [5.23.28](https://github.com/microsoft/fluentui/tree/@fluentui/react-charting_v5.23.28)
+
+Fri, 20 Dec 2024 07:20:00 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-charting_v5.23.27..@fluentui/react-charting_v5.23.28)
+
+### Patches
+
+- Ensure type safety of dependent fields ([PR #33486](https://github.com/microsoft/fluentui/pull/33486) by 74965306+Anush2303@users.noreply.github.com)
+
 ## [5.23.27](https://github.com/microsoft/fluentui/tree/@fluentui/react-charting_v5.23.27)
 
 Wed, 18 Dec 2024 07:20:30 GMT 
diff --git a/packages/charts/react-charting/package.json b/packages/charts/react-charting/package.json
index e78fef53be50f..cb9875c26eff9 100644
--- a/packages/charts/react-charting/package.json
+++ b/packages/charts/react-charting/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-charting",
-  "version": "5.23.27",
+  "version": "5.23.28",
   "description": "React web charting controls for Microsoft fluentui system.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
diff --git a/packages/react-docsite-components/CHANGELOG.json b/packages/react-docsite-components/CHANGELOG.json
index 8b4cca059f34c..2585b860f11c5 100644
--- a/packages/react-docsite-components/CHANGELOG.json
+++ b/packages/react-docsite-components/CHANGELOG.json
@@ -1,6 +1,21 @@
 {
   "name": "@fluentui/react-docsite-components",
   "entries": [
+    {
+      "date": "Fri, 20 Dec 2024 07:20:01 GMT",
+      "tag": "@fluentui/react-docsite-components_v8.13.148",
+      "version": "8.13.148",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-docsite-components",
+            "comment": "Bump @fluentui/react-monaco-editor to v1.7.266",
+            "commit": "7f1647fadcd193c0d16e51b314d299ee19ae5746"
+          }
+        ]
+      }
+    },
     {
       "date": "Wed, 18 Dec 2024 07:20:30 GMT",
       "tag": "@fluentui/react-docsite-components_v8.13.147",
diff --git a/packages/react-docsite-components/CHANGELOG.md b/packages/react-docsite-components/CHANGELOG.md
index 0863e3108f4ec..0d0d9c53d902c 100644
--- a/packages/react-docsite-components/CHANGELOG.md
+++ b/packages/react-docsite-components/CHANGELOG.md
@@ -1,9 +1,18 @@
 # Change Log - @fluentui/react-docsite-components
 
-This log was last generated on Wed, 18 Dec 2024 07:20:30 GMT and should not be manually modified.
+This log was last generated on Fri, 20 Dec 2024 07:20:01 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [8.13.148](https://github.com/microsoft/fluentui/tree/@fluentui/react-docsite-components_v8.13.148)
+
+Fri, 20 Dec 2024 07:20:01 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-docsite-components_v8.13.147..@fluentui/react-docsite-components_v8.13.148)
+
+### Patches
+
+- Bump @fluentui/react-monaco-editor to v1.7.266 ([PR #33282](https://github.com/microsoft/fluentui/pull/33282) by beachball)
+
 ## [8.13.147](https://github.com/microsoft/fluentui/tree/@fluentui/react-docsite-components_v8.13.147)
 
 Wed, 18 Dec 2024 07:20:30 GMT 
diff --git a/packages/react-docsite-components/package.json b/packages/react-docsite-components/package.json
index 332e0c7d90785..85d4c1e9845d1 100644
--- a/packages/react-docsite-components/package.json
+++ b/packages/react-docsite-components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-docsite-components",
-  "version": "8.13.147",
+  "version": "8.13.148",
   "description": "Fluent UI React components for building documentation sites.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -42,7 +42,7 @@
     "@fluentui/public-docsite-setup": "^0.3.34",
     "@fluentui/react-hooks": "^8.8.16",
     "@fluentui/set-version": "^8.2.23",
-    "@fluentui/react-monaco-editor": "^1.7.265",
+    "@fluentui/react-monaco-editor": "^1.7.266",
     "color-check": "0.0.2",
     "markdown-to-jsx": "^7.0.0",
     "office-ui-fabric-core": "^11.0.0",
diff --git a/packages/react-examples/package.json b/packages/react-examples/package.json
index 4d66a4561fb57..842f999d0a77c 100644
--- a/packages/react-examples/package.json
+++ b/packages/react-examples/package.json
@@ -36,8 +36,8 @@
     "@fluentui/merge-styles": "^8.6.13",
     "@fluentui/react": "^8.122.1",
     "@fluentui/react-cards": "^0.205.190",
-    "@fluentui/react-charting": "^5.23.27",
-    "@fluentui/react-docsite-components": "^8.13.147",
+    "@fluentui/react-charting": "^5.23.28",
+    "@fluentui/react-docsite-components": "^8.13.148",
     "@fluentui/react-experiments": "^8.14.187",
     "@fluentui/react-file-type-icons": "^8.12.6",
     "@fluentui/react-focus": "^8.9.19",
diff --git a/packages/react-monaco-editor/CHANGELOG.json b/packages/react-monaco-editor/CHANGELOG.json
index 472fd9eb9e149..740f2aa7273fb 100644
--- a/packages/react-monaco-editor/CHANGELOG.json
+++ b/packages/react-monaco-editor/CHANGELOG.json
@@ -1,6 +1,21 @@
 {
   "name": "@fluentui/react-monaco-editor",
   "entries": [
+    {
+      "date": "Fri, 20 Dec 2024 07:20:01 GMT",
+      "tag": "@fluentui/react-monaco-editor_v1.7.266",
+      "version": "1.7.266",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-monaco-editor",
+            "comment": "Bump @fluentui/react-charting to v5.23.28",
+            "commit": "7f1647fadcd193c0d16e51b314d299ee19ae5746"
+          }
+        ]
+      }
+    },
     {
       "date": "Wed, 18 Dec 2024 07:20:30 GMT",
       "tag": "@fluentui/react-monaco-editor_v1.7.265",
diff --git a/packages/react-monaco-editor/CHANGELOG.md b/packages/react-monaco-editor/CHANGELOG.md
index a460be88d91fe..5e394b3022200 100644
--- a/packages/react-monaco-editor/CHANGELOG.md
+++ b/packages/react-monaco-editor/CHANGELOG.md
@@ -1,9 +1,18 @@
 # Change Log - @fluentui/react-monaco-editor
 
-This log was last generated on Wed, 18 Dec 2024 07:20:30 GMT and should not be manually modified.
+This log was last generated on Fri, 20 Dec 2024 07:20:01 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [1.7.266](https://github.com/microsoft/fluentui/tree/@fluentui/react-monaco-editor_v1.7.266)
+
+Fri, 20 Dec 2024 07:20:01 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-monaco-editor_v1.7.265..@fluentui/react-monaco-editor_v1.7.266)
+
+### Patches
+
+- Bump @fluentui/react-charting to v5.23.28 ([PR #33282](https://github.com/microsoft/fluentui/pull/33282) by beachball)
+
 ## [1.7.265](https://github.com/microsoft/fluentui/tree/@fluentui/react-monaco-editor_v1.7.265)
 
 Wed, 18 Dec 2024 07:20:30 GMT 
diff --git a/packages/react-monaco-editor/package.json b/packages/react-monaco-editor/package.json
index 667690e29d7d0..a2341d0e51366 100644
--- a/packages/react-monaco-editor/package.json
+++ b/packages/react-monaco-editor/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-monaco-editor",
-  "version": "1.7.265",
+  "version": "1.7.266",
   "description": "Live React example editing using monaco",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -34,7 +34,7 @@
     "@fluentui/example-data": "^8.4.25",
     "@fluentui/monaco-editor": "^1.3.24",
     "@fluentui/react-hooks": "^8.8.16",
-    "@fluentui/react-charting": "^5.23.27",
+    "@fluentui/react-charting": "^5.23.28",
     "raw-loader": "4.0.2",
     "react-syntax-highlighter": "^10.1.3",
     "tslib": "^2.1.0"
diff --git a/packages/react/CHANGELOG.json b/packages/react/CHANGELOG.json
index ba3ddc75cd740..36540852fabb6 100644
--- a/packages/react/CHANGELOG.json
+++ b/packages/react/CHANGELOG.json
@@ -1,6 +1,21 @@
 {
   "name": "@fluentui/react",
   "entries": [
+    {
+      "date": "Fri, 20 Dec 2024 07:20:00 GMT",
+      "tag": "@fluentui/react_v8.122.1",
+      "version": "8.122.1",
+      "comments": {
+        "none": [
+          {
+            "author": "vgenaev@gmail.com",
+            "package": "@fluentui/react",
+            "commit": "00fada2af3a290e83ba3812ab3440b5ae8a903cf",
+            "comment": "chore: update react.api.md"
+          }
+        ]
+      }
+    },
     {
       "date": "Fri, 13 Dec 2024 07:23:12 GMT",
       "tag": "@fluentui/react_v8.122.1",

From fc5f0b1caeda7a80a9ecc2b713e90bdca7a70dd2 Mon Sep 17 00:00:00 2001
From: Valentyna <vkozlova@microsoft.com>
Date: Fri, 20 Dec 2024 05:20:14 -0800
Subject: [PATCH 21/42] perf-app: Added performance test scenario for the
 ColorPicker (#33496)

---
 apps/perf-test-react-components/package.json   |  1 +
 .../src/scenarios/ColorPicker.tsx              | 18 ++++++++++++++++++
 2 files changed, 19 insertions(+)
 create mode 100644 apps/perf-test-react-components/src/scenarios/ColorPicker.tsx

diff --git a/apps/perf-test-react-components/package.json b/apps/perf-test-react-components/package.json
index 5abb8084ee4da..f5013b053a5a7 100644
--- a/apps/perf-test-react-components/package.json
+++ b/apps/perf-test-react-components/package.json
@@ -21,6 +21,7 @@
     "@fluentui/scripts-perf-test-flamegrill": "*",
     "@fluentui/react-avatar": "*",
     "@fluentui/react-button": "*",
+    "@fluentui/react-color-picker-preview": "*",
     "@fluentui/react-components": "*",
     "@fluentui/react-field": "*",
     "@fluentui/react-persona": "*",
diff --git a/apps/perf-test-react-components/src/scenarios/ColorPicker.tsx b/apps/perf-test-react-components/src/scenarios/ColorPicker.tsx
new file mode 100644
index 0000000000000..4406ac2fe3a9a
--- /dev/null
+++ b/apps/perf-test-react-components/src/scenarios/ColorPicker.tsx
@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { ColorPicker, ColorArea, ColorSlider, AlphaSlider } from '@fluentui/react-color-picker-preview';
+import { FluentProvider } from '@fluentui/react-provider';
+import { webLightTheme } from '@fluentui/react-theme';
+
+const Scenario = () => (
+  <ColorPicker color={{ h: 109, s: 1, v: 0.91 }}>
+    <ColorArea />
+    <ColorSlider />
+    <AlphaSlider />
+  </ColorPicker>
+);
+
+Scenario.decorator = (props: { children: React.ReactNode }) => (
+  <FluentProvider theme={webLightTheme}>{props.children}</FluentProvider>
+);
+
+export default Scenario;

From 03bae172df939e56958fdedb94094d4e3dce33fe Mon Sep 17 00:00:00 2001
From: Valentyna <vkozlova@microsoft.com>
Date: Fri, 20 Dec 2024 05:55:42 -0800
Subject: [PATCH 22/42] test(react-color-picker): added vr tests (#33491)

Co-authored-by: Victor Genaev <vgenaev@gmail.com>
---
 apps/vr-tests-react-components/package.json   |  1 +
 .../ColorPicker/ColorPicker.stories.tsx       | 30 +++++++++++++++++++
 .../src/stories/ColorPicker/utils.tsx         | 16 ++++++++++
 3 files changed, 47 insertions(+)
 create mode 100644 apps/vr-tests-react-components/src/stories/ColorPicker/ColorPicker.stories.tsx
 create mode 100644 apps/vr-tests-react-components/src/stories/ColorPicker/utils.tsx

diff --git a/apps/vr-tests-react-components/package.json b/apps/vr-tests-react-components/package.json
index 555ce58bd2368..97c72699d3970 100644
--- a/apps/vr-tests-react-components/package.json
+++ b/apps/vr-tests-react-components/package.json
@@ -27,6 +27,7 @@
     "@fluentui/react-card": "*",
     "@fluentui/react-charts-preview": "*",
     "@fluentui/react-checkbox": "*",
+    "@fluentui/react-color-picker-preview": "*",
     "@fluentui/react-combobox": "*",
     "@fluentui/react-context-selector": "*",
     "@fluentui/react-datepicker-compat": "*",
diff --git a/apps/vr-tests-react-components/src/stories/ColorPicker/ColorPicker.stories.tsx b/apps/vr-tests-react-components/src/stories/ColorPicker/ColorPicker.stories.tsx
new file mode 100644
index 0000000000000..fd45bdc75342b
--- /dev/null
+++ b/apps/vr-tests-react-components/src/stories/ColorPicker/ColorPicker.stories.tsx
@@ -0,0 +1,30 @@
+import * as React from 'react';
+import type { Meta } from '@storybook/react';
+import { ColorPicker } from '@fluentui/react-color-picker-preview';
+import { SampleColorPicker } from './utils';
+import { Steps } from 'storywright';
+
+import { DARK_MODE, getStoryVariant, HIGH_CONTRAST, RTL, withStoryWrightSteps } from '../../utilities';
+
+export default {
+  title: 'ColorPicker Converged',
+  decorators: [
+    story => withStoryWrightSteps({ story, steps: new Steps().snapshot('default', { cropTo: '.testWrapper' }).end() }),
+  ],
+} satisfies Meta<typeof ColorPicker>;
+
+export const Default = () => <SampleColorPicker color={{ h: 109, s: 1, v: 0.91 }} />;
+
+export const DefaultDarkMode = getStoryVariant(Default, DARK_MODE);
+
+export const DefaultHighContrast = getStoryVariant(Default, HIGH_CONTRAST);
+
+export const DefaultRTL = getStoryVariant(Default, RTL);
+
+export const Shape = () => (
+  <>
+    <SampleColorPicker color={{ h: 195, s: 0.85, v: 0.93 }} shape="square" />
+    <SampleColorPicker color={{ h: 195, s: 0.85, v: 0.913 }} shape="rounded" />
+  </>
+);
+Shape.storyName = 'shape';
diff --git a/apps/vr-tests-react-components/src/stories/ColorPicker/utils.tsx b/apps/vr-tests-react-components/src/stories/ColorPicker/utils.tsx
new file mode 100644
index 0000000000000..dd5166d0fa2db
--- /dev/null
+++ b/apps/vr-tests-react-components/src/stories/ColorPicker/utils.tsx
@@ -0,0 +1,16 @@
+import * as React from 'react';
+import {
+  ColorPicker,
+  ColorArea,
+  AlphaSlider,
+  ColorSlider,
+  type ColorPickerProps,
+} from '@fluentui/react-color-picker-preview';
+
+export const SampleColorPicker = (props: ColorPickerProps) => (
+  <ColorPicker {...props}>
+    <ColorArea />
+    <ColorSlider />
+    <AlphaSlider />
+  </ColorPicker>
+);

From dc7bb663e3d93a19b611cf1892556d69c57b1269 Mon Sep 17 00:00:00 2001
From: Oleksandr Fediashov <olfedias@microsoft.com>
Date: Fri, 20 Dec 2024 18:46:35 +0200
Subject: [PATCH 23/42] chore: remove usage of "export *" (#33448)

---
 .../src/utilities/index.ts                    | 12 ++-
 ...-64d49103-6d6d-4ef0-93f0-2339233931e5.json |  7 ++
 ...-75e61142-a4e1-4046-9076-316b44c873ca.json |  7 ++
 ...-33c0a62b-e18c-45a1-9fbd-bfd7089f997c.json |  7 ++
 ...-a7f6eac5-5e7c-40b4-ae8c-4b3dab5bc372.json |  7 ++
 ...-576e3635-ea2b-48cd-b8bd-f35566e66189.json |  7 ++
 .../a11y-testing/src/definitions/index.ts     | 37 ++++++---
 packages/a11y-testing/src/facades/index.ts    |  2 +-
 packages/a11y-testing/src/index.ts            | 32 ++++++--
 packages/a11y-testing/src/rules/index.ts      |  2 +-
 packages/a11y-testing/src/validators/index.ts |  2 +-
 .../codeMods/tests/mock/compat/mockIndex.ts   |  4 +-
 .../codemods/src/codeMods/utilities/index.ts  |  8 +-
 packages/eslint-plugin/src/configs/base.js    |  5 +-
 .../theme-designer/src/colors/index.ts        | 79 +++++++++++++++++--
 packages/react-conformance/src/utils/index.ts |  6 +-
 packages/react-icon-provider/src/index.ts     |  9 ++-
 packages/storybook/src/decorators/index.ts    |  4 +-
 packages/theme/src/colors/index.ts            |  2 +-
 packages/theme/src/createTheme.test.ts        |  4 +-
 packages/theme/src/fonts/createFontStyles.ts  |  2 +-
 packages/theme/src/fonts/index.ts             |  2 +-
 packages/theme/src/index.ts                   | 42 ++++++++--
 packages/theme/src/motion/index.ts            |  4 +-
 packages/theme/src/types/index.ts             |  2 +-
 .../utils/index.ts                            |  4 +-
 scripts/github/src/index.ts                   |  7 +-
 27 files changed, 241 insertions(+), 65 deletions(-)
 create mode 100644 change/@fluentui-codemods-64d49103-6d6d-4ef0-93f0-2339233931e5.json
 create mode 100644 change/@fluentui-eslint-plugin-75e61142-a4e1-4046-9076-316b44c873ca.json
 create mode 100644 change/@fluentui-react-conformance-33c0a62b-e18c-45a1-9fbd-bfd7089f997c.json
 create mode 100644 change/@fluentui-react-icon-provider-a7f6eac5-5e7c-40b4-ae8c-4b3dab5bc372.json
 create mode 100644 change/@fluentui-theme-576e3635-ea2b-48cd-b8bd-f35566e66189.json

diff --git a/apps/vr-tests-react-components/src/utilities/index.ts b/apps/vr-tests-react-components/src/utilities/index.ts
index 177f1172845a5..4cb4101034aa9 100644
--- a/apps/vr-tests-react-components/src/utilities/index.ts
+++ b/apps/vr-tests-react-components/src/utilities/index.ts
@@ -1,3 +1,9 @@
-export * from './TestWrapperDecorator';
-export * from './getStoryVariant';
-export * from './withStoryWrightSteps';
+export {
+  TestWrapperDecorator,
+  TestWrapperDecoratorFixedWidth,
+  TestWrapperDecoratorFullWidth,
+  TestWrapperDecoratorTall,
+  TestWrapperDecoratorTallFixedWidth,
+} from './TestWrapperDecorator';
+export { DARK_MODE, HIGH_CONTRAST, RTL, getStoryVariant } from './getStoryVariant';
+export { withStoryWrightSteps } from './withStoryWrightSteps';
diff --git a/change/@fluentui-codemods-64d49103-6d6d-4ef0-93f0-2339233931e5.json b/change/@fluentui-codemods-64d49103-6d6d-4ef0-93f0-2339233931e5.json
new file mode 100644
index 0000000000000..f67a35684218e
--- /dev/null
+++ b/change/@fluentui-codemods-64d49103-6d6d-4ef0-93f0-2339233931e5.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: remove usage of \"export *\"",
+  "packageName": "@fluentui/codemods",
+  "email": "olfedias@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-eslint-plugin-75e61142-a4e1-4046-9076-316b44c873ca.json b/change/@fluentui-eslint-plugin-75e61142-a4e1-4046-9076-316b44c873ca.json
new file mode 100644
index 0000000000000..b6692f2581c7b
--- /dev/null
+++ b/change/@fluentui-eslint-plugin-75e61142-a4e1-4046-9076-316b44c873ca.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: remove usage of \"export *\"",
+  "packageName": "@fluentui/eslint-plugin",
+  "email": "olfedias@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-conformance-33c0a62b-e18c-45a1-9fbd-bfd7089f997c.json b/change/@fluentui-react-conformance-33c0a62b-e18c-45a1-9fbd-bfd7089f997c.json
new file mode 100644
index 0000000000000..132ef6bac19f5
--- /dev/null
+++ b/change/@fluentui-react-conformance-33c0a62b-e18c-45a1-9fbd-bfd7089f997c.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: remove usage of \"export *\"",
+  "packageName": "@fluentui/react-conformance",
+  "email": "olfedias@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-icon-provider-a7f6eac5-5e7c-40b4-ae8c-4b3dab5bc372.json b/change/@fluentui-react-icon-provider-a7f6eac5-5e7c-40b4-ae8c-4b3dab5bc372.json
new file mode 100644
index 0000000000000..7949b00332d92
--- /dev/null
+++ b/change/@fluentui-react-icon-provider-a7f6eac5-5e7c-40b4-ae8c-4b3dab5bc372.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: remove usage of \"export *\"",
+  "packageName": "@fluentui/react-icon-provider",
+  "email": "olfedias@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-theme-576e3635-ea2b-48cd-b8bd-f35566e66189.json b/change/@fluentui-theme-576e3635-ea2b-48cd-b8bd-f35566e66189.json
new file mode 100644
index 0000000000000..aa1ed0df91a3a
--- /dev/null
+++ b/change/@fluentui-theme-576e3635-ea2b-48cd-b8bd-f35566e66189.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: remove usage of \"export *\"",
+  "packageName": "@fluentui/theme",
+  "email": "olfedias@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/a11y-testing/src/definitions/index.ts b/packages/a11y-testing/src/definitions/index.ts
index 1531d60a3003d..3fb5393e65933 100644
--- a/packages/a11y-testing/src/definitions/index.ts
+++ b/packages/a11y-testing/src/definitions/index.ts
@@ -1,12 +1,25 @@
-export * from './Button/buttonBehaviorDefinition';
-export * from './Button/buttonGroupBehaviorDefinition';
-export * from './Button/toggleButtonBehaviorDefinition';
-export * from './Link/linkBehaviorDefinition';
-export * from './MenuButton/menuButtonBehaviorDefinition';
-export * from './Pill/pillActionBehaviorDefinition';
-export * from './Pill/pillBehaviorDefinition';
-export * from './Pill/pillOptionBehaviorDefinition';
-export * from './Pill/pillGroupBehaviorDefinition';
-export * from './Popup/popupBehaviorDefinition';
-
-export * from './react-button/buttonAccessibilityBehaviorDefinition';
+export { buttonBehaviorDefinition } from './Button/buttonBehaviorDefinition';
+export { buttonGroupBehaviorDefinition } from './Button/buttonGroupBehaviorDefinition';
+export { toggleButtonBehaviorDefinition } from './Button/toggleButtonBehaviorDefinition';
+export { linkBehaviorDefinition } from './Link/linkBehaviorDefinition';
+export {
+  menuButtonBehaviorDefinition,
+  menuButtonBehaviorDefinitionMenuSlot,
+  menuButtonBehaviorDefinitionMenuSlotWithoutID,
+  menuButtonBehaviorDefinitionTriggerSlotNotTabbable,
+  menuButtonBehaviorDefinitionTriggerSlotTabbable,
+  menuButtonBehaviorDefinitionTriggerSlotWithoutID,
+  menuButtonBehaviorDefinitionTriggerWithTabIndex,
+} from './MenuButton/menuButtonBehaviorDefinition';
+export { pillActionBehaviorDefinition } from './Pill/pillActionBehaviorDefinition';
+export { pillBehaviorDefinition } from './Pill/pillBehaviorDefinition';
+export { pillOptionBehaviorDefinition } from './Pill/pillOptionBehaviorDefinition';
+export { pillGroupBehaviorDefinition } from './Pill/pillGroupBehaviorDefinition';
+export {
+  popupBehaviorDefinition,
+  popupBehaviorDefinitionPopupSlot,
+  popupBehaviorDefinitionTriggerSlotNotTabbable,
+  popupBehaviorDefinitionTriggerSlotTabbable,
+  popupBehaviorDefinitionTriggerSlotWithTabIndex,
+} from './Popup/popupBehaviorDefinition';
+export { buttonAccessibilityBehaviorDefinition } from './react-button/buttonAccessibilityBehaviorDefinition';
diff --git a/packages/a11y-testing/src/facades/index.ts b/packages/a11y-testing/src/facades/index.ts
index d19131b078753..ab5bf4a01cf11 100644
--- a/packages/a11y-testing/src/facades/index.ts
+++ b/packages/a11y-testing/src/facades/index.ts
@@ -1 +1 @@
-export * from './ComponentTestFacade';
+export { ComponentTestFacade } from './ComponentTestFacade';
diff --git a/packages/a11y-testing/src/index.ts b/packages/a11y-testing/src/index.ts
index 82aa973589eed..5c7b2b7080421 100644
--- a/packages/a11y-testing/src/index.ts
+++ b/packages/a11y-testing/src/index.ts
@@ -1,5 +1,27 @@
-export * from './types';
-export * from './validators/index';
-export * from './facades/index';
-export * from './rules/index';
-export * from './definitions/index';
+export type { AccessibilityBehavior, PropValue, Props, Rule, Slot, TestFacade } from './types';
+export { validateBehavior, validateSlot } from './validators/index';
+export { ComponentTestFacade } from './facades/index';
+export { BehaviorRule, SlotRule } from './rules/index';
+export {
+  buttonAccessibilityBehaviorDefinition,
+  buttonBehaviorDefinition,
+  buttonGroupBehaviorDefinition,
+  linkBehaviorDefinition,
+  menuButtonBehaviorDefinition,
+  menuButtonBehaviorDefinitionMenuSlot,
+  menuButtonBehaviorDefinitionMenuSlotWithoutID,
+  menuButtonBehaviorDefinitionTriggerSlotNotTabbable,
+  menuButtonBehaviorDefinitionTriggerSlotTabbable,
+  menuButtonBehaviorDefinitionTriggerSlotWithoutID,
+  menuButtonBehaviorDefinitionTriggerWithTabIndex,
+  pillActionBehaviorDefinition,
+  pillBehaviorDefinition,
+  pillGroupBehaviorDefinition,
+  pillOptionBehaviorDefinition,
+  popupBehaviorDefinition,
+  popupBehaviorDefinitionPopupSlot,
+  popupBehaviorDefinitionTriggerSlotNotTabbable,
+  popupBehaviorDefinitionTriggerSlotTabbable,
+  popupBehaviorDefinitionTriggerSlotWithTabIndex,
+  toggleButtonBehaviorDefinition,
+} from './definitions/index';
diff --git a/packages/a11y-testing/src/rules/index.ts b/packages/a11y-testing/src/rules/index.ts
index 6a37aaa5d4bd9..ea187657ec1fe 100644
--- a/packages/a11y-testing/src/rules/index.ts
+++ b/packages/a11y-testing/src/rules/index.ts
@@ -1 +1 @@
-export * from './rules';
+export { BehaviorRule, SlotRule } from './rules';
diff --git a/packages/a11y-testing/src/validators/index.ts b/packages/a11y-testing/src/validators/index.ts
index c1e396d956c66..0cde4fb6d5cfb 100644
--- a/packages/a11y-testing/src/validators/index.ts
+++ b/packages/a11y-testing/src/validators/index.ts
@@ -1 +1 @@
-export * from './validate';
+export { validateBehavior, validateSlot } from './validate';
diff --git a/packages/codemods/src/codeMods/tests/mock/compat/mockIndex.ts b/packages/codemods/src/codeMods/tests/mock/compat/mockIndex.ts
index 2b56b16369367..69ff37c638f1b 100644
--- a/packages/codemods/src/codeMods/tests/mock/compat/mockIndex.ts
+++ b/packages/codemods/src/codeMods/tests/mock/compat/mockIndex.ts
@@ -1,2 +1,2 @@
-export * from './Button';
-export * from './DefaultButton';
+export { Button, OtherButton } from './Button';
+export { DefaultButton } from './DefaultButton';
diff --git a/packages/codemods/src/codeMods/utilities/index.ts b/packages/codemods/src/codeMods/utilities/index.ts
index 95a9bb3bbafac..aaf4eede1810a 100644
--- a/packages/codemods/src/codeMods/utilities/index.ts
+++ b/packages/codemods/src/codeMods/utilities/index.ts
@@ -1,4 +1,4 @@
-export * from './jsx';
-export * from './imports';
-export * from './props';
-export * from './transforms';
+export { findJsxTag } from './jsx';
+export { appendOrCreateNamedImport, getImportsByPath, renameImport, repathImport } from './imports';
+export { renameProp } from './props';
+export { boolTransform, enumTransform, numberTransform, stringTransform } from './transforms';
diff --git a/packages/eslint-plugin/src/configs/base.js b/packages/eslint-plugin/src/configs/base.js
index 2423f8a7b8b88..cab360135da70 100644
--- a/packages/eslint-plugin/src/configs/base.js
+++ b/packages/eslint-plugin/src/configs/base.js
@@ -19,10 +19,9 @@ module.exports = {
   },
   overrides: [
     {
-      files: '**/src/index.{ts,tsx,js}',
+      files: '**/src/**/*.{ts,tsx,js}',
       rules: {
-        // TODO: propagate to `error` once all packages barrel files have been fixed
-        '@rnx-kit/no-export-all': ['warn', { expand: 'all' }],
+        '@rnx-kit/no-export-all': ['error', { expand: 'all' }],
       },
     },
   ],
diff --git a/packages/react-components/theme-designer/src/colors/index.ts b/packages/react-components/theme-designer/src/colors/index.ts
index 7cecca373ae30..eb71c535281b8 100644
--- a/packages/react-components/theme-designer/src/colors/index.ts
+++ b/packages/react-components/theme-designer/src/colors/index.ts
@@ -1,5 +1,74 @@
-export * from './csswg';
-export * from './geometry';
-export * from './palettes';
-export * from './templates';
-export * from './types';
+export {
+  D50_to_D65,
+  D65_to_D50,
+  LAB_to_sRGB,
+  LCH_to_Lab,
+  LCH_to_P3,
+  LCH_to_r2020,
+  LCH_to_sRGB,
+  Lab_to_LCH,
+  Lab_to_XYZ,
+  P3_to_LCH,
+  XYZ_to_Lab,
+  XYZ_to_lin_2020,
+  XYZ_to_lin_P3,
+  XYZ_to_lin_ProPhoto,
+  XYZ_to_lin_a98rgb,
+  XYZ_to_lin_sRGB,
+  XYZ_to_uv,
+  XYZ_to_xy,
+  contrast,
+  gam_2020,
+  gam_P3,
+  gam_ProPhoto,
+  gam_a98rgb,
+  gam_sRGB,
+  hslToRgb,
+  hueToChannel,
+  lin_2020,
+  lin_2020_to_XYZ,
+  lin_P3,
+  lin_P3_to_XYZ,
+  lin_ProPhoto,
+  lin_ProPhoto_to_XYZ,
+  lin_a98rgb,
+  lin_a98rgb_to_XYZ,
+  lin_sRGB,
+  lin_sRGB_to_XYZ,
+  naive_CMYK_to_sRGB,
+  naive_sRGB_to_CMYK,
+  r2020_to_LCH,
+  rgbToHsv,
+  sRGB_to_LAB,
+  sRGB_to_LCH,
+  sRGB_to_luminance,
+  snap_into_gamut,
+  xy_to_uv,
+} from './csswg';
+export { getPointOnCurvePath, getPointsOnCurvePath } from './geometry';
+export {
+  Lab_to_hex,
+  curvePathFromPalette,
+  hexColorsFromPalette,
+  hex_to_LCH,
+  hex_to_sRGB,
+  paletteShadesFromCurve,
+  sRGB_to_hex,
+} from './palettes';
+export { paletteTemplate, themeTemplate } from './templates';
+export type {
+  Curve,
+  CurvePath,
+  CurvedHelixPath,
+  NamedPalette,
+  NamedTheme,
+  Palette,
+  PaletteConfig,
+  Theme,
+  ThemeCollectionInclude,
+  TokenPackageConfig,
+  TokenPackageType,
+  Vec2,
+  Vec3,
+  Vec4,
+} from './types';
diff --git a/packages/react-conformance/src/utils/index.ts b/packages/react-conformance/src/utils/index.ts
index 417145e92af8c..e0d5b3bc53c2c 100644
--- a/packages/react-conformance/src/utils/index.ts
+++ b/packages/react-conformance/src/utils/index.ts
@@ -1,4 +1,4 @@
-export * from './errorMessages';
-export * from './getCallbackArguments';
+export { errorMessageColors, getErrorMessage, formatErrors, formatArray } from './errorMessages';
+export { type ArgumentName, getCallbackArguments } from './getCallbackArguments';
 export { getPackagePath } from './getPackagePath';
-export * from './validateCallbackArguments';
+export { validateCallbackArguments } from './validateCallbackArguments';
diff --git a/packages/react-icon-provider/src/index.ts b/packages/react-icon-provider/src/index.ts
index b77b5beee663c..9e6599b016afe 100644
--- a/packages/react-icon-provider/src/index.ts
+++ b/packages/react-icon-provider/src/index.ts
@@ -1,4 +1,9 @@
 import './version';
 
-export * from './IconProvider';
-export * from './IconProvider.types';
+export {
+  // eslint-disable-next-line @fluentui/ban-context-export
+  IconContext,
+  IconProvider,
+  useIconSubset,
+} from './IconProvider';
+export type { IconProviderProps } from './IconProvider.types';
diff --git a/packages/storybook/src/decorators/index.ts b/packages/storybook/src/decorators/index.ts
index e3cc4b5aedf72..55f30fc85de53 100644
--- a/packages/storybook/src/decorators/index.ts
+++ b/packages/storybook/src/decorators/index.ts
@@ -1,2 +1,2 @@
-export * from './withKeytipLayer';
-export * from './withStrictMode';
+export { KeytipLayerWrapper, withKeytipLayer } from './withKeytipLayer';
+export { withStrictMode } from './withStrictMode';
diff --git a/packages/theme/src/colors/index.ts b/packages/theme/src/colors/index.ts
index ff7e7f43d24a0..8afd234044eba 100644
--- a/packages/theme/src/colors/index.ts
+++ b/packages/theme/src/colors/index.ts
@@ -1,2 +1,2 @@
-export * from './FluentColors';
+export { CommunicationColors, NeutralColors, SharedColors } from './FluentColors';
 export { DefaultPalette } from './DefaultPalette';
diff --git a/packages/theme/src/createTheme.test.ts b/packages/theme/src/createTheme.test.ts
index 229c767e57e85..9e31eda4aced8 100644
--- a/packages/theme/src/createTheme.test.ts
+++ b/packages/theme/src/createTheme.test.ts
@@ -17,7 +17,7 @@ describe('createTheme', () => {
 
   it('applies defaultFontStyle to fonts and retains all other default values', () => {
     const defaultFontStyle: IRawStyle = { fontFamily: 'Segoe UI' };
-    const userTheme = { defaultFontStyle: defaultFontStyle };
+    const userTheme = { defaultFontStyle };
     const newTheme = createTheme(userTheme);
 
     expect(newTheme.fonts.tiny.fontFamily).toEqual('Segoe UI');
@@ -38,7 +38,7 @@ describe('createTheme', () => {
 
   it('applies defaultFontStyle and fonts to theme and retains all other default values', () => {
     const defaultFontStyle: IRawStyle = { fontFamily: 'Foo', fontSize: '10px' };
-    const userTheme = { defaultFontStyle: defaultFontStyle, fonts: { small: { fontSize: '20px' } } };
+    const userTheme = { defaultFontStyle, fonts: { small: { fontSize: '20px' } } };
     const newTheme = createTheme(userTheme);
 
     expect(newTheme.fonts.tiny.fontFamily).toEqual('Foo');
diff --git a/packages/theme/src/fonts/createFontStyles.ts b/packages/theme/src/fonts/createFontStyles.ts
index 110f20d5a14a2..a0e6ce9e641c0 100644
--- a/packages/theme/src/fonts/createFontStyles.ts
+++ b/packages/theme/src/fonts/createFontStyles.ts
@@ -60,7 +60,7 @@ function _getLocalizedFontFamily(language: string | null): string {
 
 function _createFont(size: string, weight: IFontWeight, fontFamily: string): IRawStyle {
   return {
-    fontFamily: fontFamily,
+    fontFamily,
     MozOsxFontSmoothing: 'grayscale',
     WebkitFontSmoothing: 'antialiased',
     fontSize: size,
diff --git a/packages/theme/src/fonts/index.ts b/packages/theme/src/fonts/index.ts
index 18bf112b87acc..d92e4cda94448 100644
--- a/packages/theme/src/fonts/index.ts
+++ b/packages/theme/src/fonts/index.ts
@@ -1,3 +1,3 @@
-export * from './FluentFonts';
+export { FontSizes, FontWeights, IconFontSizes, LocalizedFontFamilies, LocalizedFontNames } from './FluentFonts';
 export { createFontStyles } from './createFontStyles';
 export { DefaultFontStyles, registerDefaultFontFaces } from './DefaultFontStyles';
diff --git a/packages/theme/src/index.ts b/packages/theme/src/index.ts
index 599be1d8215cb..59273db9a4636 100644
--- a/packages/theme/src/index.ts
+++ b/packages/theme/src/index.ts
@@ -1,11 +1,37 @@
-export * from './mergeThemes';
-export * from './types/index';
-export * from './colors/index';
-export * from './effects/index';
-export * from './spacing/index';
-export * from './motion/index';
-export * from './fonts/index';
-export * from './createTheme';
+export { mergeThemes } from './mergeThemes';
+export type {
+  ComponentStyles,
+  ComponentsStyles,
+  IAnimationStyles,
+  IAnimationVariables,
+  IEffects,
+  IFontStyles,
+  IPalette,
+  IPartialTheme,
+  IScheme,
+  ISchemeNames,
+  ISemanticColors,
+  ISemanticTextColors,
+  ISpacing,
+  ITheme,
+  PartialTheme,
+  Theme,
+} from './types/index';
+export { CommunicationColors, DefaultPalette, NeutralColors, SharedColors } from './colors/index';
+export { DefaultEffects, Depths } from './effects/index';
+export { DefaultSpacing } from './spacing/index';
+export { AnimationStyles, AnimationVariables, MotionAnimations, MotionDurations, MotionTimings } from './motion/index';
+export {
+  DefaultFontStyles,
+  FontSizes,
+  FontWeights,
+  IconFontSizes,
+  LocalizedFontFamilies,
+  LocalizedFontNames,
+  createFontStyles,
+  registerDefaultFontFaces,
+} from './fonts/index';
+export { createTheme } from './createTheme';
 export { FluentTheme } from './FluentTheme';
 
 import './version';
diff --git a/packages/theme/src/motion/index.ts b/packages/theme/src/motion/index.ts
index fd97dbeb9b772..ff707884d5a38 100644
--- a/packages/theme/src/motion/index.ts
+++ b/packages/theme/src/motion/index.ts
@@ -1,2 +1,2 @@
-export * from './FluentMotion';
-export * from './AnimationStyles';
+export { MotionAnimations, MotionDurations, MotionTimings } from './FluentMotion';
+export { AnimationStyles, AnimationVariables } from './AnimationStyles';
diff --git a/packages/theme/src/types/index.ts b/packages/theme/src/types/index.ts
index 97e5a3bad18ca..8e7580a51cb20 100644
--- a/packages/theme/src/types/index.ts
+++ b/packages/theme/src/types/index.ts
@@ -1,4 +1,4 @@
-export * from './Theme';
+export type { ComponentStyles, ComponentsStyles, PartialTheme, Theme } from './Theme';
 export type { IEffects } from './IEffects';
 export type { IFontStyles } from './IFontStyles';
 export type { IPalette } from './IPalette';
diff --git a/scripts/dangerjs/src/detectNonApprovedDependencies/utils/index.ts b/scripts/dangerjs/src/detectNonApprovedDependencies/utils/index.ts
index d216c533aa268..1705a9e6cab06 100644
--- a/scripts/dangerjs/src/detectNonApprovedDependencies/utils/index.ts
+++ b/scripts/dangerjs/src/detectNonApprovedDependencies/utils/index.ts
@@ -1,5 +1,5 @@
 export { default as getVersionConstraints } from './getVersionConstraints';
 export { default as getRuntimeDependencies } from './getRuntimeDependencies';
 export { default as getFailedPackageVersionConstraints } from './getFailedPackageVersionConstraints';
-export * from './getFailedPackageVersionConstraints';
-export * from './packageNameUtils';
+export type { FailedConstraintsExplanation } from './getFailedPackageVersionConstraints';
+export { getPackageName, getPackageVersion } from './packageNameUtils';
diff --git a/scripts/github/src/index.ts b/scripts/github/src/index.ts
index 2731c4643b3e6..b184f7ce143e1 100644
--- a/scripts/github/src/index.ts
+++ b/scripts/github/src/index.ts
@@ -1,3 +1,4 @@
-export * from './constants';
-export * from './pullRequests';
-export * from './types';
+export { fluentRepoDetails } from './constants';
+export type { IGetPullRequestFromCommitParams } from './pullRequests';
+export { getPullRequestForCommit, processPullRequestApiResponse } from './pullRequests';
+export type { IPullRequest, IRepoDetails, IUser } from './types';

From 9c716b2519ad2d135fb5d16a60ef6ee183a16e31 Mon Sep 17 00:00:00 2001
From: Robert Penner <robertpenner@microsoft.com>
Date: Fri, 20 Dec 2024 15:23:35 -0500
Subject: [PATCH 24/42] refactor(MessageBar): migrate slide & fade to motion
 components (#33465)

Co-authored-by: Oleksandr Fediashov <olfedias@microsoft.com>
---
 ...-72abc821-ab32-4cac-8dd2-4c8dce4c810e.json |  7 ++
 .../react-message-bar/library/package.json    |  5 +-
 .../components/MessageBar/MessageBar.types.ts |  3 +
 .../components/MessageBar/useMessageBar.ts    |  1 +
 .../MessageBar/useMessageBarStyles.styles.ts  |  1 -
 .../MessageBarGroup.motions.tsx               | 94 +++++++++++++++++++
 .../MessageBarGroup/MessageBarGroup.types.ts  |  2 +
 .../MessageBarGroup/MessageBarTransition.tsx  | 71 --------------
 .../MessageBarGroup/renderMessageBarGroup.tsx | 17 ++--
 .../useMessageBarGroupStyles.styles.ts        | 40 +-------
 .../contexts/messageBarTransitionContext.ts   |  5 +-
 11 files changed, 121 insertions(+), 125 deletions(-)
 create mode 100644 change/@fluentui-react-message-bar-72abc821-ab32-4cac-8dd2-4c8dce4c810e.json
 create mode 100644 packages/react-components/react-message-bar/library/src/components/MessageBarGroup/MessageBarGroup.motions.tsx
 delete mode 100644 packages/react-components/react-message-bar/library/src/components/MessageBarGroup/MessageBarTransition.tsx

diff --git a/change/@fluentui-react-message-bar-72abc821-ab32-4cac-8dd2-4c8dce4c810e.json b/change/@fluentui-react-message-bar-72abc821-ab32-4cac-8dd2-4c8dce4c810e.json
new file mode 100644
index 0000000000000..45370fc286bc2
--- /dev/null
+++ b/change/@fluentui-react-message-bar-72abc821-ab32-4cac-8dd2-4c8dce4c810e.json
@@ -0,0 +1,7 @@
+{
+  "type": "minor",
+  "comment": "refactor(MessageBar): migrate slide & fade to motion components",
+  "packageName": "@fluentui/react-message-bar",
+  "email": "robertpenner@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/react-components/react-message-bar/library/package.json b/packages/react-components/react-message-bar/library/package.json
index f290113045fe5..f4091aa19bfce 100644
--- a/packages/react-components/react-message-bar/library/package.json
+++ b/packages/react-components/react-message-bar/library/package.json
@@ -21,13 +21,14 @@
     "@fluentui/react-button": "^9.3.98",
     "@fluentui/react-icons": "^2.0.245",
     "@fluentui/react-jsx-runtime": "^9.0.48",
+    "@fluentui/react-motion": "^9.6.4",
+    "@fluentui/react-motion-components-preview": "^0.4.0",
     "@fluentui/react-shared-contexts": "^9.21.2",
     "@fluentui/react-link": "^9.3.5",
     "@fluentui/react-theme": "^9.1.24",
     "@fluentui/react-utilities": "^9.18.19",
     "@griffel/react": "^1.5.22",
-    "@swc/helpers": "^0.5.1",
-    "react-transition-group": "^4.4.1"
+    "@swc/helpers": "^0.5.1"
   },
   "peerDependencies": {
     "@types/react": ">=16.8.0 <19.0.0",
diff --git a/packages/react-components/react-message-bar/library/src/components/MessageBar/MessageBar.types.ts b/packages/react-components/react-message-bar/library/src/components/MessageBar/MessageBar.types.ts
index ac8dbb62040ee..95b0ee35ccf3d 100644
--- a/packages/react-components/react-message-bar/library/src/components/MessageBar/MessageBar.types.ts
+++ b/packages/react-components/react-message-bar/library/src/components/MessageBar/MessageBar.types.ts
@@ -48,5 +48,8 @@ export type MessageBarProps = ComponentProps<MessageBarSlots> &
 export type MessageBarState = ComponentState<MessageBarSlots> &
   Required<Pick<MessageBarProps, 'layout' | 'intent' | 'shape'>> &
   Pick<MessageBarContextValue, 'actionsRef' | 'bodyRef' | 'titleId'> & {
+    /**
+     * @deprecated Code is unused, replaced by motion components
+     */
     transitionClassName: string;
   };
diff --git a/packages/react-components/react-message-bar/library/src/components/MessageBar/useMessageBar.ts b/packages/react-components/react-message-bar/library/src/components/MessageBar/useMessageBar.ts
index cb2e0e7f1bc25..1c6145749da4f 100644
--- a/packages/react-components/react-message-bar/library/src/components/MessageBar/useMessageBar.ts
+++ b/packages/react-components/react-message-bar/library/src/components/MessageBar/useMessageBar.ts
@@ -21,6 +21,7 @@ export const useMessageBar_unstable = (props: MessageBarProps, ref: React.Ref<HT
   const autoReflow = layout === 'auto';
   const { ref: reflowRef, reflowing } = useMessageBarReflow(autoReflow);
   const computedLayout = autoReflow ? (reflowing ? 'multiline' : 'singleline') : layout;
+  // eslint-disable-next-line deprecation/deprecation
   const { className: transitionClassName, nodeRef } = useMessageBarTransitionContext();
   const actionsRef = React.useRef<HTMLDivElement | null>(null);
   const bodyRef = React.useRef<HTMLDivElement | null>(null);
diff --git a/packages/react-components/react-message-bar/library/src/components/MessageBar/useMessageBarStyles.styles.ts b/packages/react-components/react-message-bar/library/src/components/MessageBar/useMessageBarStyles.styles.ts
index 1a9f754e95e4f..7a27836250873 100644
--- a/packages/react-components/react-message-bar/library/src/components/MessageBar/useMessageBarStyles.styles.ts
+++ b/packages/react-components/react-message-bar/library/src/components/MessageBar/useMessageBarStyles.styles.ts
@@ -114,7 +114,6 @@ export const useMessageBarStyles_unstable = (state: MessageBarState): MessageBar
     state.layout === 'multiline' && styles.rootMultiline,
     state.shape === 'square' && styles.square,
     rootIntentStyles[state.intent],
-    state.transitionClassName,
     state.root.className,
   );
 
diff --git a/packages/react-components/react-message-bar/library/src/components/MessageBarGroup/MessageBarGroup.motions.tsx b/packages/react-components/react-message-bar/library/src/components/MessageBarGroup/MessageBarGroup.motions.tsx
new file mode 100644
index 0000000000000..3df0dab15d137
--- /dev/null
+++ b/packages/react-components/react-message-bar/library/src/components/MessageBarGroup/MessageBarGroup.motions.tsx
@@ -0,0 +1,94 @@
+import { motionTokens, createPresenceComponent, PresenceDirection, AtomMotion } from '@fluentui/react-motion';
+import { MessageBarGroupProps } from './MessageBarGroup.types';
+
+// TODO: import these atoms from react-motion-components-preview once they're available there
+
+interface FadeAtomParams {
+  direction: PresenceDirection;
+  duration: number;
+  easing?: string;
+  fromValue?: number;
+}
+
+/**
+ * Generates a motion atom object for a fade in or fade out.
+ * @param direction - The functional direction of the motion: 'enter' or 'exit'.
+ * @param duration - The duration of the motion in milliseconds.
+ * @param easing - The easing curve for the motion. Defaults to `motionTokens.curveLinear`.
+ * @param fromValue - The starting opacity value. Defaults to 0.
+ * @returns A motion atom object with opacity keyframes and the supplied duration and easing.
+ */
+const fadeAtom = ({
+  direction,
+  duration,
+  easing = motionTokens.curveLinear,
+  fromValue = 0,
+}: FadeAtomParams): AtomMotion => {
+  const keyframes = [{ opacity: fromValue }, { opacity: 1 }];
+  if (direction === 'exit') {
+    keyframes.reverse();
+  }
+  return {
+    keyframes,
+    duration,
+    easing,
+  };
+};
+
+/**
+ * Generates a motion atom object for an X or Y translation, from a specified distance to zero.
+ * @param direction - The functional direction of the motion: 'enter' or 'exit'.
+ * @param axis - The axis of the translation: 'X' or 'Y'.
+ * @param fromValue - The starting position of the slide; it can be a percentage or pixels.
+ * @param duration - The duration of the motion in milliseconds.
+ * @param easing - The easing curve for the motion. Defaults to `motionTokens.curveDecelerateMid`.
+ */
+const slideAtom = ({
+  direction,
+  axis,
+  fromValue,
+  duration,
+  easing = motionTokens.curveDecelerateMid,
+}: {
+  direction: PresenceDirection;
+  axis: 'X' | 'Y';
+  fromValue: string;
+  duration: number;
+  easing?: string;
+}): AtomMotion => {
+  const keyframes = [{ transform: `translate${axis}(${fromValue})` }, { transform: `translate${axis}(0)` }];
+  if (direction === 'exit') {
+    keyframes.reverse();
+  }
+  return {
+    keyframes,
+    duration,
+    easing,
+  };
+};
+
+/**
+ * A presence component for a MessageBar to enter and exit from a MessageBarGroup.
+ * It has an optional enter transition of a slide-in and fade-in,
+ * when the `animate` prop is set to `'both'`.
+ * It always has an exit transition of a fade-out.
+ */
+export const MessageBarMotion = createPresenceComponent<{ animate?: MessageBarGroupProps['animate'] }>(
+  ({ animate }) => {
+    const duration = motionTokens.durationGentle;
+
+    return {
+      enter:
+        animate === 'both'
+          ? // enter with slide and fade
+            [
+              fadeAtom({ direction: 'enter', duration }),
+              slideAtom({ direction: 'enter', axis: 'Y', fromValue: '-100%', duration }),
+            ]
+          : [], // no enter motion
+
+      // Always exit with a fade
+      exit: fadeAtom({ direction: 'exit', duration }),
+    };
+  },
+);
diff --git a/packages/react-components/react-message-bar/library/src/components/MessageBarGroup/MessageBarGroup.types.ts b/packages/react-components/react-message-bar/library/src/components/MessageBarGroup/MessageBarGroup.types.ts
index dc0cbc00b1a75..3892ffb59ac5c 100644
--- a/packages/react-components/react-message-bar/library/src/components/MessageBarGroup/MessageBarGroup.types.ts
+++ b/packages/react-components/react-message-bar/library/src/components/MessageBarGroup/MessageBarGroup.types.ts
@@ -18,7 +18,9 @@ export type MessageBarGroupProps = ComponentProps<MessageBarGroupSlots> & {
  */
 export type MessageBarGroupState = ComponentState<MessageBarGroupSlots> &
   Pick<MessageBarGroupProps, 'animate'> & {
+    /** @deprecated property is unused; these CSS animations were replaced by motion components */
     enterStyles: string;
+    /** @deprecated property is unused; these CSS animations were replaced by motion components */
     exitStyles: string;
     children: React.ReactElement[];
   };
diff --git a/packages/react-components/react-message-bar/library/src/components/MessageBarGroup/MessageBarTransition.tsx b/packages/react-components/react-message-bar/library/src/components/MessageBarGroup/MessageBarTransition.tsx
deleted file mode 100644
index a6e5c4ab95794..0000000000000
--- a/packages/react-components/react-message-bar/library/src/components/MessageBarGroup/MessageBarTransition.tsx
+++ /dev/null
@@ -1,71 +0,0 @@
-import * as React from 'react';
-import { Transition, TransitionStatus } from 'react-transition-group';
-import { MessageBarTransitionContextProvider } from '../../contexts/messageBarTransitionContext';
-import { MessageBarGroupProps } from './MessageBarGroup.types';
-
-const getClassName = (
-  status: TransitionStatus,
-  enterClassName: string,
-  exitClassName: string,
-  animate: MessageBarGroupProps['animate'],
-) => {
-  switch (status) {
-    case 'entering':
-    case 'entered':
-      return animate === 'both' ? enterClassName : '';
-    case 'exiting':
-    case 'exited':
-      return exitClassName;
-    default:
-      return '';
-  }
-};
-
-/**
- * Internal component that controls the animation transition for MessageBar components
- * @internal
- */
-export const MessageBarTransition: React.FC<{
-  children: React.ReactElement;
-  enterClassName: string;
-  exitClassName: string;
-  animate: MessageBarGroupProps['animate'];
-}> = ({ children, enterClassName, exitClassName, animate, ...rest }) => {
-  const nodeRef = React.useRef<HTMLDivElement>(null);
-
-  return (
-    <Transition timeout={250} nodeRef={nodeRef} {...rest}>
-      {state => (
-        <MessageBarTransitionInner
-          animate={animate}
-          enterClassName={enterClassName}
-          exitClassName={exitClassName}
-          nodeRef={nodeRef}
-          state={state}
-        >
-          {children}
-        </MessageBarTransitionInner>
-      )}
-    </Transition>
-  );
-};
-
-const MessageBarTransitionInner: React.FC<{
-  children: React.ReactElement;
-  enterClassName: string;
-  exitClassName: string;
-  animate: MessageBarGroupProps['animate'];
-  nodeRef: React.Ref<HTMLDivElement | null>;
-  state: TransitionStatus;
-}> = ({ children, state, enterClassName, exitClassName, animate, nodeRef }) => {
-  const className = getClassName(state, enterClassName, exitClassName, animate);
-  const context = React.useMemo(
-    () => ({
-      className,
-      nodeRef,
-    }),
-    [className, nodeRef],
-  );
-
-  return <MessageBarTransitionContextProvider value={context}>{children}</MessageBarTransitionContextProvider>;
-};
diff --git a/packages/react-components/react-message-bar/library/src/components/MessageBarGroup/renderMessageBarGroup.tsx b/packages/react-components/react-message-bar/library/src/components/MessageBarGroup/renderMessageBarGroup.tsx
index ddd4c6d29760d..70e62632523c6 100644
--- a/packages/react-components/react-message-bar/library/src/components/MessageBarGroup/renderMessageBarGroup.tsx
+++ b/packages/react-components/react-message-bar/library/src/components/MessageBarGroup/renderMessageBarGroup.tsx
@@ -3,8 +3,8 @@
 
 import { assertSlots } from '@fluentui/react-utilities';
 import type { MessageBarGroupState, MessageBarGroupSlots } from './MessageBarGroup.types';
-import { TransitionGroup } from 'react-transition-group';
-import { MessageBarTransition } from './MessageBarTransition';
+import { PresenceGroup } from '@fluentui/react-motion';
+import { MessageBarMotion } from './MessageBarGroup.motions';
 
 /**
  * Render the final JSX of MessageBarGroup
@@ -14,18 +14,13 @@ export const renderMessageBarGroup_unstable = (state: MessageBarGroupState) => {
 
   return (
     <state.root>
-      <TransitionGroup component={null}>
+      <PresenceGroup>
         {state.children.map(child => (
-          <MessageBarTransition
-            animate={state.animate}
-            key={child.key}
-            enterClassName={state.enterStyles}
-            exitClassName={state.exitStyles}
-          >
+          <MessageBarMotion key={child.key} animate={state.animate}>
             {child}
-          </MessageBarTransition>
+          </MessageBarMotion>
         ))}
-      </TransitionGroup>
+      </PresenceGroup>
     </state.root>
   );
 };
diff --git a/packages/react-components/react-message-bar/library/src/components/MessageBarGroup/useMessageBarGroupStyles.styles.ts b/packages/react-components/react-message-bar/library/src/components/MessageBarGroup/useMessageBarGroupStyles.styles.ts
index a7054fe773448..bdc96b5d9e631 100644
--- a/packages/react-components/react-message-bar/library/src/components/MessageBarGroup/useMessageBarGroupStyles.styles.ts
+++ b/packages/react-components/react-message-bar/library/src/components/MessageBarGroup/useMessageBarGroupStyles.styles.ts
@@ -1,5 +1,4 @@
-import { makeStyles, mergeClasses } from '@griffel/react';
-import { tokens } from '@fluentui/react-theme';
+import { mergeClasses } from '@griffel/react';
 import type { SlotClassNames } from '@fluentui/react-utilities';
 import type { MessageBarGroupSlots, MessageBarGroupState } from './MessageBarGroup.types';
 
@@ -7,49 +6,12 @@ export const messageBarGroupClassNames: SlotClassNames<MessageBarGroupSlots> = {
   root: 'fui-MessageBarGroup',
 };
 
-/**
- * Styles for the root slot
- */
-const useStyles = makeStyles({
-  base: {
-    animationFillMode: 'forwards',
-    animationDuration: tokens.durationNormal,
-  },
-
-  enter: {
-    animationName: {
-      from: {
-        opacity: 0,
-        transform: 'translateY(-100%)',
-      },
-      to: {
-        opacity: 1,
-        transform: 'translateY(0)',
-      },
-    },
-  },
-
-  exit: {
-    animationName: {
-      from: {
-        opacity: 1,
-      },
-      to: {
-        opacity: 0,
-      },
-    },
-  },
-});
-
 /**
  * Apply styling to the MessageBarGroup slots based on the state
  */
 export const useMessageBarGroupStyles_unstable = (state: MessageBarGroupState): MessageBarGroupState => {
   'use no memo';
 
-  const styles = useStyles();
   state.root.className = mergeClasses(messageBarGroupClassNames.root, state.root.className);
-  state.enterStyles = mergeClasses(styles.base, styles.enter);
-  state.exitStyles = mergeClasses(styles.base, styles.exit);
   return state;
 };
diff --git a/packages/react-components/react-message-bar/library/src/contexts/messageBarTransitionContext.ts b/packages/react-components/react-message-bar/library/src/contexts/messageBarTransitionContext.ts
index 0a023b4b0e46c..5c1dea8f74f58 100644
--- a/packages/react-components/react-message-bar/library/src/contexts/messageBarTransitionContext.ts
+++ b/packages/react-components/react-message-bar/library/src/contexts/messageBarTransitionContext.ts
@@ -1,6 +1,9 @@
 import * as React from 'react';
 
 export type MessageBarTransitionContextValue = {
+  /**
+   * @deprecated CSS className is no longer used for this transition, replaced by motion components
+   */
   className: string;
   nodeRef: React.Ref<HTMLDivElement | null>;
 };
@@ -16,7 +19,7 @@ export const messageBarTransitionContextDefaultValue: MessageBarTransitionContex
 };
 
 /**
- * Context to pass animation className to MessageBar components
+ * Context to pass nodeRef for animation to MessageBar components
  * @internal
  */
 export const MessageBarTransitionContextProvider = messageBarTransitionContext.Provider;

From 622c4aacdb5a1ab601287a9adb1064a640388f4f Mon Sep 17 00:00:00 2001
From: John Kreitlow <863023+radium-v@users.noreply.github.com>
Date: Fri, 20 Dec 2024 12:33:04 -0800
Subject: [PATCH 25/42] fix(web-components): tooltip positioning style for
 'below-end' option (#33494)

---
 ...-f87a2b96-d977-4138-8cb9-8cad4b13d8a8.json |   7 +
 .../src/tooltip/tooltip.stories.ts            | 285 +++++++++++-------
 .../src/tooltip/tooltip.styles.ts             |   3 +-
 3 files changed, 187 insertions(+), 108 deletions(-)
 create mode 100644 change/@fluentui-web-components-f87a2b96-d977-4138-8cb9-8cad4b13d8a8.json

diff --git a/change/@fluentui-web-components-f87a2b96-d977-4138-8cb9-8cad4b13d8a8.json b/change/@fluentui-web-components-f87a2b96-d977-4138-8cb9-8cad4b13d8a8.json
new file mode 100644
index 0000000000000..f9cd17c85f0c5
--- /dev/null
+++ b/change/@fluentui-web-components-f87a2b96-d977-4138-8cb9-8cad4b13d8a8.json
@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "fix tooltip positioning styles for 'below-end' option",
+  "packageName": "@fluentui/web-components",
+  "email": "863023+radium-v@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/web-components/src/tooltip/tooltip.stories.ts b/packages/web-components/src/tooltip/tooltip.stories.ts
index 29040e851e0bd..9a1de32d562e7 100644
--- a/packages/web-components/src/tooltip/tooltip.stories.ts
+++ b/packages/web-components/src/tooltip/tooltip.stories.ts
@@ -1,27 +1,31 @@
-import { html, render, repeat } from '@microsoft/fast-element';
+import { css, html, repeat } from '@microsoft/fast-element';
 import { uniqueId } from '@microsoft/fast-web-utilities';
-import { Meta, renderComponent, Story } from '../helpers.stories.js';
+import { type Meta, renderComponent, type StoryArgs, type StoryObj } from '../helpers.stories.js';
 import { definition } from './tooltip.definition.js';
-import { Tooltip } from './tooltip.js';
+import type { Tooltip as FluentTooltip } from './tooltip.js';
 import { TooltipPositioningOption } from './tooltip.options.js';
 
-const storyTemplate = () => {
-  const id = uniqueId('anchor-');
+type Story = StoryObj<FluentTooltip>;
 
-  return html`
-    <div>
-      <fluent-link id="${id}" href="#">Hover me</fluent-link>
-      <fluent-tooltip anchor="${id}" positioning="${story => story.positioning}" delay="${story => story.delay}">
-        ${story => story.slottedContent?.()}
-      </fluent-tooltip>
-    </div>
-  `;
-};
+const tooltipTemplate = html<StoryArgs<FluentTooltip>>`
+  <fluent-tooltip
+    anchor="${story => story.id}"
+    positioning="${story => story.positioning}"
+    delay="${story => story.delay}"
+  >
+    ${story => story.slottedContent?.()}
+  </fluent-tooltip>
+`;
+
+const storyTemplate = html<StoryArgs<FluentTooltip>>`
+  <fluent-link id="${story => story.id}" href="#">Hover me</fluent-link>
+  ${tooltipTemplate}
+`;
 
 export default {
   title: 'Components/Tooltip',
   component: definition.name,
-  render: renderComponent(storyTemplate()),
+  render: renderComponent(storyTemplate),
   argTypes: {
     anchor: {
       description: 'The target element for the tooltip to anchor on',
@@ -48,105 +52,172 @@ export default {
       },
     },
   },
-} as unknown as Meta<Tooltip>;
-
-export const Default: Story<Tooltip> = args => {
-  return renderComponent(html`${render(args, storyTemplate)}`)(args);
-};
-Default.args = {
-  slottedContent: () => html`Really long tooltip content goes here. lorem ipsum dolor sit amet.`,
-};
+} as Meta<FluentTooltip>;
 
-const iconArrowRight = (rotation = 0) => html`<svg
-  style="transform: rotate(${rotation}deg)"
-  width="20"
-  height="20"
-  viewBox="0 0 20 20"
-  fill="currentColor"
-  xmlns="http://www.w3.org/2000/svg"
->
-  <path
-    d="M12.149 3.14636C11.9537 3.34158 11.9536 3.65816 12.1489 3.85347L15.2939 7H10.0001C7.06756 7 4.40686 8.63986 3.06365 11.0427C2.92891 11.2838 3.01508 11.5884 3.25612 11.7231C3.49716 11.8579 3.80179 11.7717 3.93653 11.5307C5.10604 9.43851 7.43601 8 10.0001 8H15.2928L12.1489 11.1454C11.9536 11.3407 11.9537 11.6573 12.149 11.8525C12.3443 12.0478 12.6609 12.0477 12.8561 11.8524L16.8396 7.86711C16.9383 7.77577 17.0001 7.6451 17.0001 7.5V7.5C17.0002 7.37199 16.9514 7.24367 16.8537 7.14598L12.8561 3.14653C12.6609 2.95122 12.3443 2.95115 12.149 3.14636ZM12.0001 15C12.0001 13.8954 11.1047 13 10.0001 13C8.89552 13 8.00009 13.8954 8.00009 15C8.00009 16.1046 8.89552 17 10.0001 17C11.1047 17 12.0001 16.1046 12.0001 15ZM10.0001 14C10.5524 14 11.0001 14.4477 11.0001 15C11.0001 15.5523 10.5524 16 10.0001 16C9.4478 16 9.00009 15.5523 9.00009 15C9.00009 14.4477 9.4478 14 10.0001 14Z"
-  />
-</svg>`;
-
-const iconArrowLeft = (rotation = 0) => html`<svg
-  style="transform: rotate(${rotation}deg)"
-  width="20"
-  height="20"
-  viewBox="0 0 20 20"
-  fill="currentColor"
-  xmlns="http://www.w3.org/2000/svg"
->
-  <path
-    d="M7.85107 3.14636C8.04638 3.34158 8.04645 3.65816 7.85124 3.85347L4.70617 7H10C12.9325 7 15.5932 8.63986 16.9364 11.0427C17.0712 11.2838 16.985 11.5884 16.744 11.7231C16.5029 11.8579 16.1983 11.7717 16.0636 11.5307C14.894 9.43851 12.5641 8 10 8H4.70725L7.85124 11.1454C8.04645 11.3407 8.04638 11.6573 7.85107 11.8525C7.65577 12.0478 7.33918 12.0477 7.14397 11.8524L3.16054 7.86711C3.06181 7.77577 3 7.6451 3 7.5C3 7.50009 3 7.49991 3 7.5C2.99993 7.37199 3.04872 7.24367 3.14636 7.14598L7.14397 3.14653C7.33918 2.95122 7.65577 2.95115 7.85107 3.14636ZM8 15C8 13.8954 8.89543 13 10 13C11.1046 13 12 13.8954 12 15C12 16.1046 11.1046 17 10 17C8.89543 17 8 16.1046 8 15ZM10 14C9.44772 14 9 14.4477 9 15C9 15.5523 9.44772 16 10 16C10.5523 16 11 15.5523 11 15C11 14.4477 10.5523 14 10 14Z"
-  />
-</svg>`;
+export const Default: Story = {
+  args: {
+    slottedContent: () => 'Really long tooltip content goes here. Lorem ipsum dolor sit amet.',
+  },
+  decorators: [
+    (Story, { canvasElement }) => {
+      const story = Story() as DocumentFragment;
+      const id = uniqueId('anchor-');
+      const link = story.querySelector('fluent-link');
+      link?.setAttribute('id', link.id || id);
 
-const iconArrowUp = (rotation = 0) => html`<svg
-  style="transform: rotate(${rotation}deg)"
-  width="24"
-  height="24"
-  viewBox="0 0 24 24"
-  fill="currentColor"
-  xmlns="http://www.w3.org/2000/svg"
->
-  <path
-    d="M12.75 13.75C12.75 14.1642 12.4142 14.5 12 14.5C11.5858 14.5 11.25 14.1642 11.25 13.75V4.49365L7.76581 7.79446C7.46511 8.07934 6.99041 8.06651 6.70554 7.76581C6.42066 7.46511 6.43349 6.99041 6.73419 6.70554L11.4842 2.20554C11.7735 1.93149 12.2265 1.93149 12.5158 2.20554L17.2658 6.70554C17.5665 6.99041 17.5793 7.46511 17.2945 7.76581C17.0096 8.06651 16.5349 8.07934 16.2342 7.79446L12.75 4.49365V13.75ZM15 19C15 20.6569 13.6569 22 12 22C10.3431 22 9 20.6569 9 19C9 17.3431 10.3431 16 12 16C13.6569 16 15 17.3431 15 19ZM10.5 19C10.5 19.8284 11.1716 20.5 12 20.5C12.8284 20.5 13.5 19.8284 13.5 19C13.5 18.1716 12.8284 17.5 12 17.5C11.1716 17.5 10.5 18.1716 10.5 19Z"
-  />
-</svg>`;
+      const tooltip = story.querySelector<FluentTooltip>('fluent-tooltip');
+      tooltip?.setAttribute('anchor', tooltip.anchor || id);
 
-const glyphs = {
-  'above-start': iconArrowRight(-90),
-  above: iconArrowUp(),
-  'above-end': iconArrowLeft(90),
-  'below-start': iconArrowLeft(-90),
-  below: iconArrowUp(180),
-  'below-end': iconArrowRight(90),
-  'before-top': iconArrowLeft(0),
-  before: iconArrowUp(-90),
-  'before-bottom': iconArrowRight(180),
-  'after-top': iconArrowRight(),
-  after: iconArrowUp(90),
-  'after-bottom': iconArrowLeft(180),
+      canvasElement.style.textAlign = 'center';
+      return story;
+    },
+  ],
 };
 
-const positionButtonTemplate = html`
-  <fluent-button id="btn-${x => x.id}" style="grid-area: ${x => x.id}">
-    ${x => glyphs[x.id as keyof typeof glyphs]}
-  </fluent-button>
-`;
+export const Positioning: Story = {
+  render: renderComponent(html<StoryArgs<FluentTooltip>>`
+    ${repeat(
+      [
+        {
+          href: '#arrow-step-back-20-regular',
+          id: 'above-start',
+          positioning: 'above-start',
+          transform: 'rotate(-90deg) scaleX(-1)',
+          slottedContent: () => 'above-start',
+        },
+        {
+          href: '#arrow-step-out-20-regular',
+          id: 'above',
+          positioning: 'above',
+          transform: 'rotate(0deg)',
+          slottedContent: () => 'above',
+        },
+        {
+          href: '#arrow-step-back-20-regular',
+          id: 'above-end',
+          positioning: 'above-end',
+          transform: 'rotate(90deg)',
+          slottedContent: () => 'above-end',
+        },
+        {
+          href: '#arrow-step-back-20-regular',
+          id: 'before-top',
+          positioning: 'before-top',
+          transform: 'rotate(0deg)',
+          slottedContent: () => 'before-top',
+        },
+        {
+          href: '#arrow-step-out-20-regular',
+          id: 'before',
+          positioning: 'before',
+          transform: 'rotate(-90deg)',
+          slottedContent: () => 'before',
+        },
+        {
+          href: '#arrow-step-back-20-regular',
+          id: 'before-bottom',
+          positioning: 'before-bottom',
+          transform: 'rotate(180deg) scaleX(-1)',
+          slottedContent: () => 'before-bottom',
+        },
+        {
+          href: '#arrow-step-back-20-regular',
+          id: 'after-top',
+          positioning: 'after-top',
+          transform: 'rotate(0deg) scaleX(-1)',
+          slottedContent: () => 'after-top',
+        },
+        {
+          href: '#arrow-step-out-20-regular',
+          id: 'after',
+          positioning: 'after',
+          transform: 'rotate(90deg)',
+          slottedContent: () => 'after',
+        },
+        {
+          href: '#arrow-step-back-20-regular',
+          id: 'after-bottom',
+          positioning: 'after-bottom',
+          transform: 'rotate(180deg)',
+          slottedContent: () => 'after-bottom',
+        },
+        {
+          href: '#arrow-step-back-20-regular',
+          id: 'below-start',
+          positioning: 'below-start',
+          transform: 'rotate(-90deg)',
+          slottedContent: () => 'below-start',
+        },
+        {
+          href: '#arrow-step-out-20-regular',
+          id: 'below',
+          positioning: 'below',
+          transform: 'rotate(180deg)',
+          slottedContent: () => 'below',
+        },
+        {
+          href: '#arrow-step-back-20-regular',
+          id: 'below-end',
+          positioning: 'below-end',
+          transform: 'rotate(90deg) scaleX(-1)',
+          slottedContent: () => 'below-end',
+        },
+      ],
 
-const positionTooltipTemplate = html`
-  <fluent-tooltip anchor="btn-${x => x.id}" positioning="${x => x.id}"> ${x => x.id} </fluent-tooltip>
-`;
+      html`
+        <fluent-button
+          icon-only
+          id="${story => story.id}"
+          size="large"
+          style="grid-area: ${story => story.positioning}"
+        >
+          <svg style="transform: ${story => story.transform}"><use href="${story => story.href}"></svg>
+        </fluent-button>
+        ${tooltipTemplate}
+      `,
+    )}
+  `),
+  decorators: [
+    (Story, context) => {
+      const { args, canvasElement } = context;
+      const story = Story() as DocumentFragment;
 
-export const Positioning: Story<Tooltip> = renderComponent(html`
-  <div>
-    <style>
-      .grid {
-        box-sizing: border-box;
-        display: grid;
-        gap: 4px;
-        max-width: min-content;
-        grid-template-areas:
-          '. above-start above above-end .'
-          'before-top . . . after-top'
-          'before . . . after'
-          'before-bottom . . . after-bottom'
-          '. below-start below below-end .';
-      }
-      .grid fluent-button {
-        aspect-ratio: 1;
-        min-width: 44px;
-      }
-    </style>
-    <div class="grid">${repeat(x => x.storyItems, positionButtonTemplate)}</div>
+      const styles = css`
+        .grid {
+          display: grid;
+          margin: auto;
+          gap: 4px;
+          width: min-content;
+          grid-template-areas:
+            '. above-start above above-end .'
+            'before-top . . . after-top'
+            'before . . . after'
+            'before-bottom . . . after-bottom'
+            '. below-start below below-end .';
+        }
+      `;
+      styles.addStylesTo(canvasElement);
+      canvasElement.classList.add('grid');
 
-    ${repeat(x => x.storyItems, positionTooltipTemplate)}
-  </div>
-`).bind({});
+      // Rendering the sprite sheet here prevents it from being included in the code snippet
+      html`
+        <svg style="display: none">
+          <symbol id="arrow-step-out-20-regular" viewBox="0 0 20 20">
+            <path
+              fill="currentColor"
+              d="M10 15a1 1 0 1 0 0 2a1 1 0 0 0 0-2m-2 1a2 2 0 1 1 4 0a2 2 0 0 1-4 0m2-4a.5.5 0 0 0 .5-.5V3.707l3.146 3.147a.5.5 0 0 0 .708-.708l-4-4a.5.5 0 0 0-.708 0l-4 4a.5.5 0 1 0 .708.708L9.5 3.707V11.5a.5.5 0 0 0 .5.5"
+            />
+          </symbol>
+          <symbol id="arrow-step-back-20-regular" viewBox="0 0 20 20">
+            <path
+              fill="currentColor"
+              d="M7.851 3.146a.5.5 0 0 1 0 .707L4.706 7H10c2.932 0 5.593 1.64 6.936 4.043a.5.5 0 1 1-.872.488C14.894 9.439 12.564 8 10 8H4.707l3.144 3.145a.5.5 0 0 1-.707.707L3.161 7.867a.5.5 0 0 1-.014-.721l3.997-4a.5.5 0 0 1 .707 0M8 15a2 2 0 1 1 4 0a2 2 0 0 1-4 0m2-1a1 1 0 1 0 0 2a1 1 0 0 0 0-2"
+            />
+          </symbol>
+        </svg>
+      `.render(args, story);
 
-Positioning.args = {
-  storyItems: Object.keys(TooltipPositioningOption).map(id => ({ id })),
+      return story;
+    },
+  ],
 };
diff --git a/packages/web-components/src/tooltip/tooltip.styles.ts b/packages/web-components/src/tooltip/tooltip.styles.ts
index 3b9327aaabd37..70fc8548ecab6 100644
--- a/packages/web-components/src/tooltip/tooltip.styles.ts
+++ b/packages/web-components/src/tooltip/tooltip.styles.ts
@@ -45,6 +45,7 @@ export const styles = css`
     line-height: ${lineHeightBase200};
     margin: unset; /* Remove browser default for [popover] */
     max-width: 240px;
+    overflow: visible;
     padding: 4px ${spacingHorizontalMNudge} 6px;
     position: absolute;
     position-area: var(--position-area);
@@ -85,7 +86,7 @@ export const styles = css`
     --position-area: ${TooltipPositioningOption.below};
   }
   :host([positioning='below-end']) {
-    --position-area: ${TooltipPositioningOption.below};
+    --position-area: ${TooltipPositioningOption['below-end']};
   }
   :host([positioning='before-top']) {
     --position-area: ${TooltipPositioningOption['before-top']};

From 1cbd8b7fce7aeeca6ea7dea62c38e086694f6915 Mon Sep 17 00:00:00 2001
From: Fluent UI Build <fluentui-internal@service.microsoft.com>
Date: Mon, 23 Dec 2024 04:08:12 +0000
Subject: [PATCH 26/42] release: applying package updates - web-components

---
 ...ents-f87a2b96-d977-4138-8cb9-8cad4b13d8a8.json |  7 -------
 .../react-message-bar/library/package.json        |  4 ++--
 packages/web-components/CHANGELOG.json            | 15 +++++++++++++++
 packages/web-components/CHANGELOG.md              | 11 ++++++++++-
 packages/web-components/package.json              |  2 +-
 5 files changed, 28 insertions(+), 11 deletions(-)
 delete mode 100644 change/@fluentui-web-components-f87a2b96-d977-4138-8cb9-8cad4b13d8a8.json

diff --git a/change/@fluentui-web-components-f87a2b96-d977-4138-8cb9-8cad4b13d8a8.json b/change/@fluentui-web-components-f87a2b96-d977-4138-8cb9-8cad4b13d8a8.json
deleted file mode 100644
index f9cd17c85f0c5..0000000000000
--- a/change/@fluentui-web-components-f87a2b96-d977-4138-8cb9-8cad4b13d8a8.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "type": "prerelease",
-  "comment": "fix tooltip positioning styles for 'below-end' option",
-  "packageName": "@fluentui/web-components",
-  "email": "863023+radium-v@users.noreply.github.com",
-  "dependentChangeType": "patch"
-}
diff --git a/packages/react-components/react-message-bar/library/package.json b/packages/react-components/react-message-bar/library/package.json
index f4091aa19bfce..4fd78689ddb5a 100644
--- a/packages/react-components/react-message-bar/library/package.json
+++ b/packages/react-components/react-message-bar/library/package.json
@@ -21,8 +21,8 @@
     "@fluentui/react-button": "^9.3.98",
     "@fluentui/react-icons": "^2.0.245",
     "@fluentui/react-jsx-runtime": "^9.0.48",
-    "@fluentui/react-motion": "^9.6.4",
-    "@fluentui/react-motion-components-preview": "^0.4.0",
+    "@fluentui/react-motion": "^9.6.5",
+    "@fluentui/react-motion-components-preview": "^0.4.1",
     "@fluentui/react-shared-contexts": "^9.21.2",
     "@fluentui/react-link": "^9.3.5",
     "@fluentui/react-theme": "^9.1.24",
diff --git a/packages/web-components/CHANGELOG.json b/packages/web-components/CHANGELOG.json
index 2265505fd7569..b815e91343186 100644
--- a/packages/web-components/CHANGELOG.json
+++ b/packages/web-components/CHANGELOG.json
@@ -1,6 +1,21 @@
 {
   "name": "@fluentui/web-components",
   "entries": [
+    {
+      "date": "Mon, 23 Dec 2024 04:07:55 GMT",
+      "tag": "@fluentui/web-components_v3.0.0-beta.75",
+      "version": "3.0.0-beta.75",
+      "comments": {
+        "prerelease": [
+          {
+            "author": "863023+radium-v@users.noreply.github.com",
+            "package": "@fluentui/web-components",
+            "commit": "622c4aacdb5a1ab601287a9adb1064a640388f4f",
+            "comment": "fix tooltip positioning styles for 'below-end' option"
+          }
+        ]
+      }
+    },
     {
       "date": "Fri, 06 Dec 2024 04:07:47 GMT",
       "tag": "@fluentui/web-components_v3.0.0-beta.74",
diff --git a/packages/web-components/CHANGELOG.md b/packages/web-components/CHANGELOG.md
index 53250ca589424..c166b3f8f9394 100644
--- a/packages/web-components/CHANGELOG.md
+++ b/packages/web-components/CHANGELOG.md
@@ -1,9 +1,18 @@
 # Change Log - @fluentui/web-components
 
-This log was last generated on Fri, 06 Dec 2024 04:07:47 GMT and should not be manually modified.
+This log was last generated on Mon, 23 Dec 2024 04:07:55 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [3.0.0-beta.75](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-beta.75)
+
+Mon, 23 Dec 2024 04:07:55 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v3.0.0-beta.74..@fluentui/web-components_v3.0.0-beta.75)
+
+### Changes
+
+- fix tooltip positioning styles for 'below-end' option ([PR #33494](https://github.com/microsoft/fluentui/pull/33494) by 863023+radium-v@users.noreply.github.com)
+
 ## [3.0.0-beta.74](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v3.0.0-beta.74)
 
 Fri, 06 Dec 2024 04:07:47 GMT 
diff --git a/packages/web-components/package.json b/packages/web-components/package.json
index 7ecb89c6c89e4..489e639ac1b4b 100644
--- a/packages/web-components/package.json
+++ b/packages/web-components/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@fluentui/web-components",
   "description": "A library of Fluent Web Components",
-  "version": "3.0.0-beta.74",
+  "version": "3.0.0-beta.75",
   "author": {
     "name": "Microsoft",
     "url": "https://discord.gg/FcSNfg4"

From 7b4a3785c6c1d7c207602cad0a1795e3df9122ee Mon Sep 17 00:00:00 2001
From: krkshitij <110246001+krkshitij@users.noreply.github.com>
Date: Mon, 23 Dec 2024 10:27:09 +0530
Subject: [PATCH 27/42] feat(react-charting): add functionality to export chart
 as image (#33445)

---
 ...-8d924304-4078-4192-ba38-ec72171e24ca.json |   7 +
 .../react-charting/etc/react-charting.api.md  |  31 ++
 .../react-charting/src/DeclarativeChart.ts    |   2 +-
 .../components/AreaChart/AreaChart.base.tsx   |  21 +-
 .../CommonComponents/CartesianChart.base.tsx  |   9 +-
 .../CommonComponents/CartesianChart.types.ts  |  14 +-
 .../DeclarativeChart/DeclarativeChart.tsx     |  69 ++++-
 .../DeclarativeChart/imageExporter.ts         | 266 ++++++++++++++++++
 .../src/components/DeclarativeChart/index.ts  |   2 +
 .../components/DonutChart/DonutChart.base.tsx |  12 +-
 .../components/DonutChart/DonutChart.types.ts |  10 +-
 .../components/GaugeChart/GaugeChart.base.tsx |  11 +-
 .../components/GaugeChart/GaugeChart.types.ts |  10 +-
 .../GroupedVerticalBarChart.base.tsx          |  28 +-
 .../HeatMapChart/HeatMapChart.base.tsx        |  17 +-
 .../HorizontalBarChartWithAxis.base.tsx       |  21 +-
 .../components/LineChart/LineChart.base.tsx   |  22 +-
 .../SankeyChart/SankeyChart.base.tsx          |  10 +-
 .../SankeyChart/SankeyChart.types.ts          |  10 +-
 .../VerticalBarChart.base.tsx                 |  18 +-
 .../VerticalStackedBarChart.base.tsx          |  28 +-
 packages/charts/react-charting/src/index.ts   |   3 +-
 .../react-charting/src/types/IDataPoint.ts    |   7 +
 .../DeclarativeChart.Basic.Example.tsx        |  31 +-
 24 files changed, 606 insertions(+), 53 deletions(-)
 create mode 100644 change/@fluentui-react-charting-8d924304-4078-4192-ba38-ec72171e24ca.json
 create mode 100644 packages/charts/react-charting/src/components/DeclarativeChart/imageExporter.ts
 create mode 100644 packages/charts/react-charting/src/components/DeclarativeChart/index.ts

diff --git a/change/@fluentui-react-charting-8d924304-4078-4192-ba38-ec72171e24ca.json b/change/@fluentui-react-charting-8d924304-4078-4192-ba38-ec72171e24ca.json
new file mode 100644
index 0000000000000..de5d1d1d7930c
--- /dev/null
+++ b/change/@fluentui-react-charting-8d924304-4078-4192-ba38-ec72171e24ca.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "feat: add functionality to export chart as image",
+  "packageName": "@fluentui/react-charting",
+  "email": "110246001+krkshitij@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/charts/react-charting/etc/react-charting.api.md b/packages/charts/react-charting/etc/react-charting.api.md
index 54135c0d0cea0..f07cb027b9303 100644
--- a/packages/charts/react-charting/etc/react-charting.api.md
+++ b/packages/charts/react-charting/etc/react-charting.api.md
@@ -12,6 +12,7 @@ import { IFocusZoneProps } from '@fluentui/react-focus';
 import { IHoverCardStyleProps } from '@fluentui/react/lib/HoverCard';
 import { IHoverCardStyles } from '@fluentui/react/lib/HoverCard';
 import { IOverflowSetProps } from '@fluentui/react/lib/OverflowSet';
+import { IRefObject } from '@fluentui/react/lib/Utilities';
 import { IRenderFunction } from '@fluentui/react/lib/Utilities';
 import { IStyle } from '@fluentui/react/lib/Styling';
 import { IStyle as IStyle_2 } from '@fluentui/react';
@@ -125,6 +126,7 @@ export const DeclarativeChart: React_2.FunctionComponent<DeclarativeChartProps>;
 // @public
 export interface DeclarativeChartProps extends React_2.RefAttributes<HTMLDivElement> {
     chartSchema: Schema;
+    componentRef?: IRefObject<IDeclarativeChart>;
     onSchemaChange?: (eventData: Schema) => void;
 }
 
@@ -267,6 +269,7 @@ export interface ICartesianChartProps {
     // @deprecated
     chartLabel?: string;
     className?: string;
+    componentRef?: IRefObject<IChart>;
     customDateTimeFormatter?: (dateTime: Date) => string;
     dateLocalizeOptions?: Intl.DateTimeFormatOptions;
     enabledLegendsWrapLines?: boolean;
@@ -352,6 +355,12 @@ export interface ICartesianChartStyles {
     yAxis?: IStyle;
 }
 
+// @public (undocumented)
+export interface IChart {
+    // (undocumented)
+    chartContainer: HTMLElement | null;
+}
+
 // @public (undocumented)
 export interface IChartDataPoint {
     callOutAccessibilityData?: IAccessibilityProps;
@@ -481,6 +490,12 @@ export interface IDataPoint {
     y: number;
 }
 
+// @public (undocumented)
+export interface IDeclarativeChart {
+    // (undocumented)
+    exportAsImage: (opts?: IImageExportOptions) => Promise<string>;
+}
+
 // @public (undocumented)
 export interface IDonutChart {
 }
@@ -488,6 +503,7 @@ export interface IDonutChart {
 // @public
 export interface IDonutChartProps extends ICartesianChartProps {
     calloutProps?: Partial<ICalloutProps>;
+    componentRef?: IRefObject<IChart>;
     culture?: string;
     data?: IChartProps;
     enableGradient?: boolean;
@@ -536,6 +552,7 @@ export interface IGaugeChartProps {
     chartValue: number;
     chartValueFormat?: GaugeValueFormat | ((sweepFraction: [number, number]) => string);
     className?: string;
+    componentRef?: IRefObject<IChart>;
     culture?: string;
     enableGradient?: boolean;
     height?: number;
@@ -832,6 +849,18 @@ export interface IHorizontalDataPoint {
     y: number;
 }
 
+// @public (undocumented)
+export interface IImageExportOptions {
+    // (undocumented)
+    background?: string;
+    // (undocumented)
+    height?: number;
+    // (undocumented)
+    scale?: number;
+    // (undocumented)
+    width?: number;
+}
+
 // @public
 export interface ILegend {
     action?: VoidFunction;
@@ -1068,6 +1097,7 @@ export interface IModifiedCartesianChartProps extends ICartesianChartProps {
     maxOfYVal?: number;
     onChartMouseLeave?: () => void;
     points: any;
+    ref?: IRefObject<IChart>;
     showYAxisLables?: boolean;
     showYAxisLablesTooltip?: boolean;
     stringDatasetForYAxisDomain?: string[];
@@ -1200,6 +1230,7 @@ export interface ISankeyChartProps {
     borderColorsForNodes?: string[];
     className?: string;
     colorsForNodes?: string[];
+    componentRef?: IRefObject<IChart>;
     data: IChartProps;
     enableReflow?: boolean;
     formatNumberOptions?: Intl.NumberFormatOptions;
diff --git a/packages/charts/react-charting/src/DeclarativeChart.ts b/packages/charts/react-charting/src/DeclarativeChart.ts
index dadcd45467913..ca97cd8fc995f 100644
--- a/packages/charts/react-charting/src/DeclarativeChart.ts
+++ b/packages/charts/react-charting/src/DeclarativeChart.ts
@@ -1 +1 @@
-export * from './components/DeclarativeChart/DeclarativeChart';
+export * from './components/DeclarativeChart/index';
diff --git a/packages/charts/react-charting/src/components/AreaChart/AreaChart.base.tsx b/packages/charts/react-charting/src/components/AreaChart/AreaChart.base.tsx
index 686fe0babe863..578261e346084 100644
--- a/packages/charts/react-charting/src/components/AreaChart/AreaChart.base.tsx
+++ b/packages/charts/react-charting/src/components/AreaChart/AreaChart.base.tsx
@@ -3,7 +3,13 @@ import { max as d3Max, bisector } from 'd3-array';
 import { pointer } from 'd3-selection';
 import { select as d3Select } from 'd3-selection';
 import { area as d3Area, stack as d3Stack, curveMonotoneX as d3CurveBasis, line as d3Line } from 'd3-shape';
-import { classNamesFunction, find, getId, memoizeFunction } from '@fluentui/react/lib/Utilities';
+import {
+  classNamesFunction,
+  find,
+  getId,
+  initializeComponentRef,
+  memoizeFunction,
+} from '@fluentui/react/lib/Utilities';
 import {
   IAccessibilityProps,
   CartesianChart,
@@ -38,6 +44,7 @@ import {
 } from '../../utilities/index';
 import { ILegend, Legends } from '../Legends/index';
 import { DirectionalHint } from '@fluentui/react/lib/Callout';
+import { IChart } from '../../types/index';
 
 const getClassNames = classNamesFunction<IAreaChartStyleProps, IAreaChartStyles>();
 
@@ -82,7 +89,7 @@ export interface IAreaChartState extends IBasestate {
   activePoint: string;
 }
 
-export class AreaChartBase extends React.Component<IAreaChartProps, IAreaChartState> {
+export class AreaChartBase extends React.Component<IAreaChartProps, IAreaChartState> implements IChart {
   public static defaultProps: Partial<IAreaChartProps> = {
     useUTC: true,
   };
@@ -119,9 +126,13 @@ export class AreaChartBase extends React.Component<IAreaChartProps, IAreaChartSt
   private _enableComputationOptimization: boolean;
   private _firstRenderOptimization: boolean;
   private _emptyChartId: string;
+  private _cartesianChartRef: React.RefObject<IChart>;
 
   public constructor(props: IAreaChartProps) {
     super(props);
+
+    initializeComponentRef(this);
+
     this._createSet = memoizeFunction(this._createDataSet);
     this.state = {
       selectedLegend: props.legendProps?.selectedLegend ?? '',
@@ -148,6 +159,7 @@ export class AreaChartBase extends React.Component<IAreaChartProps, IAreaChartSt
     this._enableComputationOptimization = true;
     this._firstRenderOptimization = true;
     this._emptyChartId = getId('_AreaChart_empty');
+    this._cartesianChartRef = React.createRef();
   }
 
   public componentDidUpdate() {
@@ -212,6 +224,7 @@ export class AreaChartBase extends React.Component<IAreaChartProps, IAreaChartSt
           customizedCallout={this._getCustomizedCallout()}
           onChartMouseLeave={this._handleChartMouseLeave}
           enableFirstRenderOptimization={this.props.enablePerfOptimization && this._firstRenderOptimization}
+          ref={this._cartesianChartRef}
           /* eslint-disable react/jsx-no-bind */
           // eslint-disable-next-line react/no-children-prop
           children={(props: IChildProps) => {
@@ -249,6 +262,10 @@ export class AreaChartBase extends React.Component<IAreaChartProps, IAreaChartSt
     );
   }
 
+  public get chartContainer(): HTMLElement | null {
+    return this._cartesianChartRef.current?.chartContainer || null;
+  }
+
   private _getDomainNRangeValues = (
     points: ILineChartPoints[],
     margins: IMargins,
diff --git a/packages/charts/react-charting/src/components/CommonComponents/CartesianChart.base.tsx b/packages/charts/react-charting/src/components/CommonComponents/CartesianChart.base.tsx
index abc45a725a5e8..b68a136ed3b8b 100644
--- a/packages/charts/react-charting/src/components/CommonComponents/CartesianChart.base.tsx
+++ b/packages/charts/react-charting/src/components/CommonComponents/CartesianChart.base.tsx
@@ -32,6 +32,7 @@ import {
 } from '../../utilities/index';
 import { LegendShape, Shape } from '../Legends/index';
 import { SVGTooltipText } from '../../utilities/SVGTooltipText';
+import { IChart } from '../../types/index';
 
 const getClassNames = classNamesFunction<ICartesianChartStyleProps, ICartesianChartStyles>();
 const ChartHoverCard = React.lazy(() =>
@@ -63,9 +64,12 @@ export interface ICartesianChartState {
  * 2.Callout
  * 3.Fit parent Continer
  */
-export class CartesianChartBase extends React.Component<IModifiedCartesianChartProps, ICartesianChartState> {
+export class CartesianChartBase
+  extends React.Component<IModifiedCartesianChartProps, ICartesianChartState>
+  implements IChart
+{
+  public chartContainer: HTMLDivElement;
   private _classNames: IProcessedStyleSet<ICartesianChartStyles>;
-  private chartContainer: HTMLDivElement;
   private legendContainer: HTMLDivElement;
   private minLegendContainerHeight: number = 32;
   private xAxisElement: SVGSVGElement | null;
@@ -619,6 +623,7 @@ export class CartesianChartBase extends React.Component<IModifiedCartesianChartP
       </div>
     );
   }
+
   /**
    * Dedicated function to return the Callout JSX Element , which can further be used to only call this when
    * only the calloutprops and charthover props changes.
diff --git a/packages/charts/react-charting/src/components/CommonComponents/CartesianChart.types.ts b/packages/charts/react-charting/src/components/CommonComponents/CartesianChart.types.ts
index 227d38446e64e..d9363dd636742 100644
--- a/packages/charts/react-charting/src/components/CommonComponents/CartesianChart.types.ts
+++ b/packages/charts/react-charting/src/components/CommonComponents/CartesianChart.types.ts
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { IStyleFunctionOrObject } from '@fluentui/react/lib/Utilities';
+import { IRefObject, IStyleFunctionOrObject } from '@fluentui/react/lib/Utilities';
 import { ITheme, IStyle } from '@fluentui/react/lib/Styling';
 import { IOverflowSetProps } from '@fluentui/react/lib/OverflowSet';
 import { IFocusZoneProps, FocusZoneDirection } from '@fluentui/react-focus';
@@ -7,6 +7,7 @@ import { ICalloutProps } from '@fluentui/react/lib/Callout';
 import { ILegendsProps } from '../Legends/index';
 import {
   IAccessibilityProps,
+  IChart,
   IDataPoint,
   IGroupedVerticalBarChartData,
   IHeatMapChartDataPoint,
@@ -445,6 +446,12 @@ export interface ICartesianChartProps {
    * Used for enabling negative values in Y axis.
    */
   supportNegativeData?: boolean;
+
+  /**
+   * Optional callback to access the IChart interface. Use this instead of ref for accessing
+   * the public methods and properties of the component.
+   */
+  componentRef?: IRefObject<IChart>;
 }
 
 export interface IYValueHover {
@@ -690,4 +697,9 @@ export interface IModifiedCartesianChartProps extends ICartesianChartProps {
     isRtl: boolean,
     barWidth: number | undefined,
   ) => ScaleBand<string>;
+
+  /**
+   * Callback to access the public methods and properties of the component.
+   */
+  ref?: IRefObject<IChart>;
 }
diff --git a/packages/charts/react-charting/src/components/DeclarativeChart/DeclarativeChart.tsx b/packages/charts/react-charting/src/components/DeclarativeChart/DeclarativeChart.tsx
index c75490160da75..9929b993f178a 100644
--- a/packages/charts/react-charting/src/components/DeclarativeChart/DeclarativeChart.tsx
+++ b/packages/charts/react-charting/src/components/DeclarativeChart/DeclarativeChart.tsx
@@ -1,6 +1,8 @@
 /* eslint-disable @typescript-eslint/naming-convention */
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import * as React from 'react';
+import { useTheme } from '@fluentui/react';
+import { IRefObject } from '@fluentui/react/lib/Utilities';
 import { DonutChart } from '../DonutChart/index';
 import { VerticalStackedBarChart } from '../VerticalStackedBarChart/index';
 import {
@@ -24,12 +26,8 @@ import { SankeyChart } from '../SankeyChart/SankeyChart';
 import { GaugeChart } from '../GaugeChart/index';
 import { GroupedVerticalBarChart } from '../GroupedVerticalBarChart/index';
 import { VerticalBarChart } from '../VerticalBarChart/index';
-import { useTheme } from '@fluentui/react/lib/Theme';
-
-export const UseIsDarkTheme = (): boolean => {
-  const theme = useTheme();
-  return theme?.isInverted ?? false;
-};
+import { IImageExportOptions, toImage } from './imageExporter';
+import { IChart } from '../../types/index';
 
 /**
  * DeclarativeChart schema.
@@ -56,6 +54,19 @@ export interface DeclarativeChartProps extends React.RefAttributes<HTMLDivElemen
    * Callback when an event occurs
    */
   onSchemaChange?: (eventData: Schema) => void;
+
+  /**
+   * Optional callback to access the IDeclarativeChart interface. Use this instead of ref for accessing
+   * the public methods and properties of the component.
+   */
+  componentRef?: IRefObject<IDeclarativeChart>;
+}
+
+/**
+ * {@docCategory DeclarativeChart}
+ */
+export interface IDeclarativeChart {
+  exportAsImage: (opts?: IImageExportOptions) => Promise<string>;
 }
 
 const useColorMapping = () => {
@@ -77,7 +88,9 @@ export const DeclarativeChart: React.FunctionComponent<DeclarativeChartProps> =
   const isXDate = isDateArray(xValues);
   const isXNumber = isNumberArray(xValues);
   const colorMap = useColorMapping();
-  const isDarkTheme = UseIsDarkTheme();
+  const theme = useTheme();
+  const isDarkTheme = theme?.isInverted ?? false;
+  const chartRef = React.useRef<IChart>(null);
 
   const [activeLegends, setActiveLegends] = React.useState<string[]>(selectedLegends ?? []);
   const onActiveLegendsChange = (keys: string[]) => {
@@ -93,12 +106,31 @@ export const DeclarativeChart: React.FunctionComponent<DeclarativeChartProps> =
     ...(activeLegends.length > 0 && { selectedLegend: activeLegends[0] }),
   };
 
+  const exportAsImage = React.useCallback(
+    (opts?: IImageExportOptions) => {
+      return toImage(chartRef.current?.chartContainer, {
+        background: theme.palette.white,
+        ...opts,
+      });
+    },
+    [theme],
+  );
+
+  React.useImperativeHandle(
+    props.componentRef,
+    () => ({
+      exportAsImage,
+    }),
+    [exportAsImage],
+  );
+
   switch (data[0].type) {
     case 'pie':
       return (
         <DonutChart
           {...transformPlotlyJsonToDonutProps(plotlySchema, colorMap, isDarkTheme)}
           legendProps={legendProps}
+          componentRef={chartRef}
         />
       );
     case 'bar':
@@ -108,6 +140,7 @@ export const DeclarativeChart: React.FunctionComponent<DeclarativeChartProps> =
           <HorizontalBarChartWithAxis
             {...transformPlotlyJsonToHorizontalBarWithAxisProps(plotlySchema, colorMap, isDarkTheme)}
             legendProps={legendProps}
+            componentRef={chartRef}
           />
         );
       } else {
@@ -116,6 +149,7 @@ export const DeclarativeChart: React.FunctionComponent<DeclarativeChartProps> =
             <GroupedVerticalBarChart
               {...transformPlotlyJsonToGVBCProps(plotlySchema, colorMap, isDarkTheme)}
               legendProps={legendProps}
+              componentRef={chartRef}
             />
           );
         }
@@ -123,6 +157,7 @@ export const DeclarativeChart: React.FunctionComponent<DeclarativeChartProps> =
           <VerticalStackedBarChart
             {...transformPlotlyJsonToVSBCProps(plotlySchema, colorMap, isDarkTheme)}
             legendProps={legendProps}
+            componentRef={chartRef}
           />
         );
       }
@@ -134,6 +169,7 @@ export const DeclarativeChart: React.FunctionComponent<DeclarativeChartProps> =
             <AreaChart
               {...transformPlotlyJsonToScatterChartProps({ data, layout }, true, colorMap, isDarkTheme)}
               legendProps={legendProps}
+              componentRef={chartRef}
             />
           );
         }
@@ -145,6 +181,7 @@ export const DeclarativeChart: React.FunctionComponent<DeclarativeChartProps> =
               canSelectMultipleLegends: true,
               selectedLegends: activeLegends,
             }}
+            componentRef={chartRef}
           />
         );
       }
@@ -152,18 +189,31 @@ export const DeclarativeChart: React.FunctionComponent<DeclarativeChartProps> =
         <VerticalStackedBarChart
           {...transformPlotlyJsonToVSBCProps(plotlySchema, colorMap, isDarkTheme)}
           legendProps={legendProps}
+          componentRef={chartRef}
         />
       );
     case 'heatmap':
-      return <HeatMapChart {...transformPlotlyJsonToHeatmapProps(plotlySchema)} legendProps={legendProps} />;
+      return (
+        <HeatMapChart
+          {...transformPlotlyJsonToHeatmapProps(plotlySchema)}
+          legendProps={legendProps}
+          componentRef={chartRef}
+        />
+      );
     case 'sankey':
-      return <SankeyChart {...transformPlotlyJsonToSankeyProps(plotlySchema, colorMap, isDarkTheme)} />;
+      return (
+        <SankeyChart
+          {...transformPlotlyJsonToSankeyProps(plotlySchema, colorMap, isDarkTheme)}
+          componentRef={chartRef}
+        />
+      );
     case 'indicator':
       if (data?.[0]?.mode?.includes('gauge')) {
         return (
           <GaugeChart
             {...transformPlotlyJsonToGaugeProps(plotlySchema, colorMap, isDarkTheme)}
             legendProps={legendProps}
+            componentRef={chartRef}
           />
         );
       }
@@ -173,6 +223,7 @@ export const DeclarativeChart: React.FunctionComponent<DeclarativeChartProps> =
         <VerticalBarChart
           {...transformPlotlyJsonToVBCProps(plotlySchema, colorMap, isDarkTheme)}
           legendProps={legendProps}
+          componentRef={chartRef}
         />
       );
     default:
diff --git a/packages/charts/react-charting/src/components/DeclarativeChart/imageExporter.ts b/packages/charts/react-charting/src/components/DeclarativeChart/imageExporter.ts
new file mode 100644
index 0000000000000..a51400a5582a2
--- /dev/null
+++ b/packages/charts/react-charting/src/components/DeclarativeChart/imageExporter.ts
@@ -0,0 +1,266 @@
+import { create as d3Create, select as d3Select, Selection } from 'd3-selection';
+
+/**
+ * {@docCategory DeclarativeChart}
+ */
+export interface IImageExportOptions {
+  width?: number;
+  height?: number;
+  scale?: number;
+  background?: string;
+}
+
+export function toImage(chartContainer?: HTMLElement | null, opts: IImageExportOptions = {}): Promise<string> {
+  return new Promise((resolve, reject) => {
+    if (!chartContainer) {
+      return reject(new Error('Chart container is not defined'));
+    }
+
+    try {
+      const background = opts.background || 'white';
+      const svg = toSVG(chartContainer, background);
+
+      const svgData = new XMLSerializer().serializeToString(svg.node);
+      const svgDataUrl = 'data:image/svg+xml;base64,' + btoa(unescapePonyfill(encodeURIComponent(svgData)));
+
+      svgToPng(svgDataUrl, {
+        width: opts.width || svg.width,
+        height: opts.height || svg.height,
+        scale: opts.scale,
+      })
+        .then(resolve)
+        .catch(reject);
+    } catch (err) {
+      return reject(err);
+    }
+  });
+}
+
+function toSVG(chartContainer: HTMLElement, background: string) {
+  const svg = chartContainer.querySelector<SVGSVGElement>('svg');
+  if (!svg) {
+    throw new Error('SVG not found');
+  }
+
+  const { width: svgWidth, height: svgHeight } = svg.getBoundingClientRect();
+  const classNames = new Set<string>();
+  const legendGroup = cloneLegendsToSVG(chartContainer, svgWidth, svgHeight, classNames);
+  const w1 = Math.max(svgWidth, legendGroup.width);
+  const h1 = svgHeight + legendGroup.height;
+  const clonedSvg = d3Select(svg.cloneNode(true) as SVGSVGElement)
+    .attr('width', null)
+    .attr('height', null)
+    .attr('viewBox', null);
+
+  if (legendGroup.node) {
+    clonedSvg.append(() => legendGroup.node);
+  }
+  clonedSvg
+    .insert('rect', ':first-child')
+    .attr('x', 0)
+    .attr('y', 0)
+    .attr('width', w1)
+    .attr('height', h1)
+    .attr('fill', background);
+
+  const svgElements = svg.getElementsByTagName('*');
+  const styleSheets = document.styleSheets;
+  const styleRules: string[] = [];
+
+  for (let i = svgElements.length - 1; i--; ) {
+    svgElements[i].classList.forEach(className => {
+      classNames.add(`.${className}`);
+    });
+  }
+
+  for (let i = 0; i < styleSheets.length; i++) {
+    const rules = styleSheets[i].cssRules;
+    for (let j = 0; j < rules.length; j++) {
+      if (rules[j].constructor.name === 'CSSStyleRule') {
+        const selectorText = (rules[j] as CSSStyleRule).selectorText;
+        const hasClassName = selectorText.split(' ').some(word => classNames.has(word));
+
+        if (hasClassName) {
+          styleRules.push(rules[j].cssText);
+        }
+      }
+    }
+  }
+
+  const xmlDocument = new DOMParser().parseFromString('<svg></svg>', 'image/svg+xml');
+  const styleNode = xmlDocument.createCDATASection(styleRules.join(' '));
+  clonedSvg.insert('defs', ':first-child').append('style').attr('type', 'text/css').node()!.appendChild(styleNode);
+
+  clonedSvg.attr('width', w1).attr('height', h1).attr('viewBox', `0 0 ${w1} ${h1}`);
+
+  return {
+    node: clonedSvg.node()!,
+    width: w1,
+    height: h1,
+  };
+}
+
+function cloneLegendsToSVG(chartContainer: HTMLElement, svgWidth: number, svgHeight: number, classNames: Set<string>) {
+  const legendButtons = chartContainer.querySelectorAll<HTMLElement>(`
+    button[class^="legend-"],
+    [class^="legendContainer-"] div[class^="overflowIndicationTextStyle-"],
+    [class^="legendsContainer-"] div[class^="overflowIndicationTextStyle-"]
+  `);
+  if (legendButtons.length === 0) {
+    return {
+      node: null,
+      width: 0,
+      height: 0,
+    };
+  }
+
+  const legendGroup = d3Create<SVGGElement>('svg:g');
+  let legendX = 0;
+  let legendY = 8;
+  let legendLine: Selection<SVGGElement, unknown, null, undefined>[] = [];
+  const legendLines: (typeof legendLine)[] = [];
+  const legendLineWidths: number[] = [];
+
+  for (let i = 0; i < legendButtons.length; i++) {
+    const { width: legendWidth } = legendButtons[i].getBoundingClientRect();
+    const legendItem = legendGroup.append('g');
+
+    legendLine.push(legendItem);
+    if (legendX + legendWidth > svgWidth && legendLine.length > 1) {
+      legendLine.pop();
+      legendLines.push(legendLine);
+      legendLineWidths.push(legendX);
+
+      legendLine = [legendItem];
+      legendX = 0;
+      legendY += 32;
+    }
+
+    let legendText: HTMLDivElement | null;
+    let textOffset = 0;
+
+    if (legendButtons[i].tagName.toLowerCase() === 'button') {
+      const legendRect = legendButtons[i].querySelector<HTMLDivElement>('[class^="rect"]');
+      const { backgroundColor: legendColor, borderColor: legendBorderColor } = getComputedStyle(legendRect!);
+
+      legendText = legendButtons[i].querySelector<HTMLDivElement>('[class^="text"]');
+      legendText!.classList.forEach(className => classNames.add(`.${className}`));
+      legendItem
+        .append('rect')
+        .attr('x', legendX + 8)
+        .attr('y', svgHeight + legendY + 8)
+        .attr('width', 12)
+        .attr('height', 12)
+        .attr('fill', legendColor)
+        .attr('stroke-width', 1)
+        .attr('stroke', legendBorderColor);
+      textOffset = 28;
+    } else {
+      legendText = legendButtons[i] as HTMLDivElement;
+      legendText.classList.forEach(className => classNames.add(`.${className}`));
+      textOffset = 8;
+    }
+
+    legendItem
+      .append('text')
+      .attr('x', legendX + textOffset)
+      .attr('y', svgHeight + legendY + 8)
+      .attr('dominant-baseline', 'hanging')
+      .attr('class', legendText!.getAttribute('class'))
+      .text(legendText!.textContent);
+    legendX += legendWidth;
+  }
+
+  legendLines.push(legendLine);
+  legendLineWidths.push(legendX);
+  legendY += 32;
+
+  const centerLegends = true;
+  if (centerLegends) {
+    legendLines.forEach((ln, idx) => {
+      const offsetX = Math.max((svgWidth - legendLineWidths[idx]) / 2, 0);
+      ln.forEach(item => {
+        item.attr('transform', `translate(${offsetX}, 0)`);
+      });
+    });
+  }
+
+  return {
+    node: legendGroup.node(),
+    width: Math.max(...legendLineWidths),
+    height: legendY,
+  };
+}
+
+function svgToPng(svgDataUrl: string, opts: IImageExportOptions = {}): Promise<string> {
+  return new Promise((resolve, reject) => {
+    const scale = opts.scale || 1;
+    const w0 = opts.width || 300;
+    const h0 = opts.height || 150;
+    const w1 = scale * w0;
+    const h1 = scale * h0;
+
+    const canvas = document.createElement('canvas');
+    const img = new Image();
+
+    canvas.width = w1;
+    canvas.height = h1;
+
+    img.onload = function () {
+      const ctx = canvas.getContext('2d');
+      if (!ctx) {
+        return reject(new Error('Canvas context is null'));
+      }
+
+      ctx.clearRect(0, 0, w1, h1);
+      ctx.drawImage(img, 0, 0, w1, h1);
+
+      const imgData = canvas.toDataURL('image/png');
+      resolve(imgData);
+    };
+
+    img.onerror = function (err) {
+      reject(err);
+    };
+
+    img.src = svgDataUrl;
+  });
+}
+
+const hex2 = /^[\da-f]{2}$/i;
+const hex4 = /^[\da-f]{4}$/i;
+
+/**
+ * A ponyfill for the deprecated `unescape` method, taken from the `core-js` library.
+ *
+ * Source: {@link https://github.com/zloirock/core-js/blob/167136f479d3b8519953f2e4c534ecdd1031d3cf/packages/core-js/modules/es.unescape.js core-js/packages/core-js/modules/es.unescape.js}
+ */
+function unescapePonyfill(str: string) {
+  let result = '';
+  const length = str.length;
+  let index = 0;
+  let chr;
+  let part;
+  while (index < length) {
+    chr = str.charAt(index++);
+    if (chr === '%') {
+      if (str.charAt(index) === 'u') {
+        part = str.slice(index + 1, index + 5);
+        if (hex4.exec(part)) {
+          result += String.fromCharCode(parseInt(part, 16));
+          index += 5;
+          continue;
+        }
+      } else {
+        part = str.slice(index, index + 2);
+        if (hex2.exec(part)) {
+          result += String.fromCharCode(parseInt(part, 16));
+          index += 2;
+          continue;
+        }
+      }
+    }
+    result += chr;
+  }
+  return result;
+}
diff --git a/packages/charts/react-charting/src/components/DeclarativeChart/index.ts b/packages/charts/react-charting/src/components/DeclarativeChart/index.ts
new file mode 100644
index 0000000000000..64d5b58644526
--- /dev/null
+++ b/packages/charts/react-charting/src/components/DeclarativeChart/index.ts
@@ -0,0 +1,2 @@
+export * from './DeclarativeChart';
+export type { IImageExportOptions } from './imageExporter';
diff --git a/packages/charts/react-charting/src/components/DonutChart/DonutChart.base.tsx b/packages/charts/react-charting/src/components/DonutChart/DonutChart.base.tsx
index e531b39dd3fe7..ff04507c955bb 100644
--- a/packages/charts/react-charting/src/components/DonutChart/DonutChart.base.tsx
+++ b/packages/charts/react-charting/src/components/DonutChart/DonutChart.base.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { classNamesFunction, getId } from '@fluentui/react/lib/Utilities';
+import { classNamesFunction, getId, initializeComponentRef } from '@fluentui/react/lib/Utilities';
 import { ScaleOrdinal } from 'd3-scale';
 import { IProcessedStyleSet } from '@fluentui/react/lib/Styling';
 import { Callout, DirectionalHint } from '@fluentui/react/lib/Callout';
@@ -9,6 +9,7 @@ import { Pie } from './Pie/index';
 import { IChartDataPoint, IDonutChartProps, IDonutChartStyleProps, IDonutChartStyles } from './index';
 import { getAccessibleDataObject, getColorFromToken, getNextColor, getNextGradient } from '../../utilities/index';
 import { convertToLocaleString } from '../../utilities/locale-util';
+import { IChart } from '../../types/index';
 
 const getClassNames = classNamesFunction<IDonutChartStyleProps, IDonutChartStyles>();
 const LEGEND_CONTAINER_HEIGHT = 40;
@@ -29,7 +30,7 @@ export interface IDonutChartState {
   callOutAccessibilityData?: IAccessibilityProps;
 }
 
-export class DonutChartBase extends React.Component<IDonutChartProps, IDonutChartState> {
+export class DonutChartBase extends React.Component<IDonutChartProps, IDonutChartState> implements IChart {
   public static defaultProps: Partial<IDonutChartProps> = {
     innerRadius: 0,
     hideLabels: true,
@@ -63,6 +64,9 @@ export class DonutChartBase extends React.Component<IDonutChartProps, IDonutChar
 
   constructor(props: IDonutChartProps) {
     super(props);
+
+    initializeComponentRef(this);
+
     this.state = {
       showHover: false,
       value: '',
@@ -188,6 +192,10 @@ export class DonutChartBase extends React.Component<IDonutChartProps, IDonutChar
     );
   }
 
+  public get chartContainer(): HTMLElement | null {
+    return this._rootElem;
+  }
+
   private _closeCallout = () => {
     this.setState({
       showHover: false,
diff --git a/packages/charts/react-charting/src/components/DonutChart/DonutChart.types.ts b/packages/charts/react-charting/src/components/DonutChart/DonutChart.types.ts
index ed1405d2aeca0..4adaaebb045af 100644
--- a/packages/charts/react-charting/src/components/DonutChart/DonutChart.types.ts
+++ b/packages/charts/react-charting/src/components/DonutChart/DonutChart.types.ts
@@ -1,8 +1,8 @@
 import { IStyle } from '@fluentui/react/lib/Styling';
-import { IRenderFunction, IStyleFunctionOrObject } from '@fluentui/react/lib/Utilities';
+import { IRefObject, IRenderFunction, IStyleFunctionOrObject } from '@fluentui/react/lib/Utilities';
 import { ICartesianChartProps, ICartesianChartStyleProps } from '../CommonComponents/index';
 import { ICalloutProps } from '@fluentui/react/lib/Callout';
-import { IChartProps, IChartDataPoint } from './index';
+import { IChartProps, IChartDataPoint, IChart } from './index';
 
 export interface IDonutChart {}
 
@@ -69,6 +69,12 @@ export interface IDonutChartProps extends ICartesianChartProps {
    * @default false
    */
   roundCorners?: boolean;
+
+  /**
+   * Optional callback to access the IChart interface. Use this instead of ref for accessing
+   * the public methods and properties of the component.
+   */
+  componentRef?: IRefObject<IChart>;
 }
 
 /**
diff --git a/packages/charts/react-charting/src/components/GaugeChart/GaugeChart.base.tsx b/packages/charts/react-charting/src/components/GaugeChart/GaugeChart.base.tsx
index 87102b1ebacd3..2636bb56f3a97 100644
--- a/packages/charts/react-charting/src/components/GaugeChart/GaugeChart.base.tsx
+++ b/packages/charts/react-charting/src/components/GaugeChart/GaugeChart.base.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { arc as d3Arc } from 'd3-shape';
-import { classNamesFunction, getId, getRTL } from '@fluentui/react/lib/Utilities';
+import { classNamesFunction, getId, getRTL, initializeComponentRef } from '@fluentui/react/lib/Utilities';
 import {
   IGaugeChartProps,
   IGaugeChartSegment,
@@ -26,6 +26,7 @@ import { Callout, DirectionalHint } from '@fluentui/react/lib/Callout';
 import { IYValueHover } from '../../index';
 import { SVGTooltipText } from '../../utilities/SVGTooltipText';
 import { select as d3Select } from 'd3-selection';
+import { IChart } from '../../types/index';
 
 const GAUGE_MARGIN = 16;
 const LABEL_WIDTH = 36;
@@ -120,7 +121,7 @@ export interface IExtendedSegment extends IGaugeChartSegment {
   end: number;
 }
 
-export class GaugeChartBase extends React.Component<IGaugeChartProps, IGaugeChartState> {
+export class GaugeChartBase extends React.Component<IGaugeChartProps, IGaugeChartState> implements IChart {
   private _classNames: IProcessedStyleSet<IGaugeChartStyles>;
   private _isRTL: boolean;
   private _innerRadius: number;
@@ -136,6 +137,8 @@ export class GaugeChartBase extends React.Component<IGaugeChartProps, IGaugeChar
   constructor(props: IGaugeChartProps) {
     super(props);
 
+    initializeComponentRef(this);
+
     this._margins = this._getMargins();
     this._legendsHeight = !props.hideLegend ? 24 : 0;
 
@@ -344,6 +347,10 @@ export class GaugeChartBase extends React.Component<IGaugeChartProps, IGaugeChar
     );
   }
 
+  public get chartContainer(): HTMLElement | null {
+    return this._rootElem;
+  }
+
   private _getMargins = () => {
     const { hideMinMax, chartTitle, sublabel } = this.props;
 
diff --git a/packages/charts/react-charting/src/components/GaugeChart/GaugeChart.types.ts b/packages/charts/react-charting/src/components/GaugeChart/GaugeChart.types.ts
index 648dc7abeca07..9374a764dc3ca 100644
--- a/packages/charts/react-charting/src/components/GaugeChart/GaugeChart.types.ts
+++ b/packages/charts/react-charting/src/components/GaugeChart/GaugeChart.types.ts
@@ -1,7 +1,7 @@
 import { IStyle, ITheme } from '@fluentui/react/lib/Styling';
-import { IStyleFunctionOrObject } from '@fluentui/react/lib/Utilities';
+import { IRefObject, IStyleFunctionOrObject } from '@fluentui/react/lib/Utilities';
 import { ILegendsProps } from '../Legends/index';
-import { IAccessibilityProps } from '../../types/index';
+import { IAccessibilityProps, IChart } from '../../types/index';
 import { ICalloutProps } from '@fluentui/react/lib/Callout';
 
 /**
@@ -168,6 +168,12 @@ export interface IGaugeChartProps {
    * @default false
    */
   roundCorners?: boolean;
+
+  /**
+   * Optional callback to access the IChart interface. Use this instead of ref for accessing
+   * the public methods and properties of the component.
+   */
+  componentRef?: IRefObject<IChart>;
 }
 
 /**
diff --git a/packages/charts/react-charting/src/components/GroupedVerticalBarChart/GroupedVerticalBarChart.base.tsx b/packages/charts/react-charting/src/components/GroupedVerticalBarChart/GroupedVerticalBarChart.base.tsx
index a35d3ff5b7065..3e3daa0f0731e 100644
--- a/packages/charts/react-charting/src/components/GroupedVerticalBarChart/GroupedVerticalBarChart.base.tsx
+++ b/packages/charts/react-charting/src/components/GroupedVerticalBarChart/GroupedVerticalBarChart.base.tsx
@@ -3,7 +3,14 @@ import { max as d3Max } from 'd3-array';
 import { select as d3Select } from 'd3-selection';
 import { Axis as D3Axis } from 'd3-axis';
 import { scaleBand as d3ScaleBand, scaleLinear as d3ScaleLinear } from 'd3-scale';
-import { classNamesFunction, getId, getRTL, memoizeFunction, warnDeprecations } from '@fluentui/react/lib/Utilities';
+import {
+  classNamesFunction,
+  getId,
+  getRTL,
+  initializeComponentRef,
+  memoizeFunction,
+  warnDeprecations,
+} from '@fluentui/react/lib/Utilities';
 import { IProcessedStyleSet, IPalette } from '@fluentui/react/lib/Styling';
 import { DirectionalHint } from '@fluentui/react/lib/Callout';
 import { FocusZoneDirection } from '@fluentui/react-focus';
@@ -39,6 +46,7 @@ import {
   IRefArrayData,
   Legends,
 } from '../../index';
+import { IChart } from '../../types/index';
 
 const COMPONENT_NAME = 'GROUPED VERTICAL BAR CHART';
 const getClassNames = classNamesFunction<IGroupedVerticalBarChartStyleProps, IGroupedVerticalBarChartStyles>();
@@ -67,10 +75,10 @@ export interface IGroupedVerticalBarChartState extends IBasestate {
   calloutLegend: string;
 }
 
-export class GroupedVerticalBarChartBase extends React.Component<
-  IGroupedVerticalBarChartProps,
-  IGroupedVerticalBarChartState
-> {
+export class GroupedVerticalBarChartBase
+  extends React.Component<IGroupedVerticalBarChartProps, IGroupedVerticalBarChartState>
+  implements IChart
+{
   public static defaultProps: Partial<IGroupedVerticalBarChartProps> = {
     maxBarWidth: 24,
   };
@@ -100,9 +108,13 @@ export class GroupedVerticalBarChartBase extends React.Component<
   private _groupWidth: number;
   private _xAxisInnerPadding: number;
   private _xAxisOuterPadding: number;
+  private _cartesianChartRef: React.RefObject<IChart>;
 
   public constructor(props: IGroupedVerticalBarChartProps) {
     super(props);
+
+    initializeComponentRef(this);
+
     this._createSet = memoizeFunction((data: IGroupedVerticalBarChartData[]) => this._createDataSetOfGVBC(data));
     this.state = {
       color: '',
@@ -129,6 +141,7 @@ export class GroupedVerticalBarChartBase extends React.Component<
     this._tooltipId = getId('GVBCTooltipId_');
     this._emptyChartId = getId('_GVBC_empty');
     this._domainMargin = MIN_DOMAIN_MARGIN;
+    this._cartesianChartRef = React.createRef();
   }
 
   public render(): React.ReactNode {
@@ -203,6 +216,7 @@ export class GroupedVerticalBarChartBase extends React.Component<
           xAxisOuterPadding: this._xAxisOuterPadding,
         })}
         barwidth={this._barWidth}
+        ref={this._cartesianChartRef}
         /* eslint-disable react/jsx-no-bind */
         children={() => {
           return <g>{this._groupedVerticalBarGraph}</g>;
@@ -218,6 +232,10 @@ export class GroupedVerticalBarChartBase extends React.Component<
     );
   }
 
+  public get chartContainer(): HTMLElement | null {
+    return this._cartesianChartRef.current?.chartContainer || null;
+  }
+
   private _getMinMaxOfYAxis = () => {
     return { startValue: 0, endValue: 0 };
   };
diff --git a/packages/charts/react-charting/src/components/HeatMapChart/HeatMapChart.base.tsx b/packages/charts/react-charting/src/components/HeatMapChart/HeatMapChart.base.tsx
index 4aa3d4e2a2377..5a967214ceefc 100644
--- a/packages/charts/react-charting/src/components/HeatMapChart/HeatMapChart.base.tsx
+++ b/packages/charts/react-charting/src/components/HeatMapChart/HeatMapChart.base.tsx
@@ -1,7 +1,7 @@
 import { CartesianChart, IChildProps, IModifiedCartesianChartProps } from '../../components/CommonComponents/index';
-import { IAccessibilityProps, IHeatMapChartData, IHeatMapChartDataPoint } from '../../types/IDataPoint';
+import { IAccessibilityProps, IChart, IHeatMapChartData, IHeatMapChartDataPoint } from '../../types/IDataPoint';
 import { scaleLinear as d3ScaleLinear } from 'd3-scale';
-import { classNamesFunction, getId, memoizeFunction } from '@fluentui/react/lib/Utilities';
+import { classNamesFunction, getId, initializeComponentRef, memoizeFunction } from '@fluentui/react/lib/Utilities';
 import { FocusZoneDirection } from '@fluentui/react-focus';
 import { DirectionalHint } from '@fluentui/react/lib/Callout';
 import { IProcessedStyleSet } from '@fluentui/react/lib/Styling';
@@ -87,7 +87,7 @@ export interface IHeatMapChartState {
   callOutAccessibilityData?: IAccessibilityProps;
 }
 const getClassNames = classNamesFunction<IHeatMapChartStyleProps, IHeatMapChartStyles>();
-export class HeatMapChartBase extends React.Component<IHeatMapChartProps, IHeatMapChartState> {
+export class HeatMapChartBase extends React.Component<IHeatMapChartProps, IHeatMapChartState> implements IChart {
   private _classNames: IProcessedStyleSet<IHeatMapChartStyles>;
   private _stringXAxisDataPoints: string[];
   private _stringYAxisDataPoints: string[];
@@ -114,8 +114,13 @@ export class HeatMapChartBase extends React.Component<IHeatMapChartProps, IHeatM
   private _yAxisType: YAxisType;
   private _calloutAnchorPoint: FlattenData | null;
   private _emptyChartId: string;
+  private _cartesianChartRef: React.RefObject<IChart>;
+
   public constructor(props: IHeatMapChartProps) {
     super(props);
+
+    initializeComponentRef(this);
+
     /**
      * below funciton creates a new data set from the prop
      * @data and also finds all the unique x-axis datapoints
@@ -145,6 +150,7 @@ export class HeatMapChartBase extends React.Component<IHeatMapChartProps, IHeatM
       calloutId: '',
     };
     this._emptyChartId = getId('_HeatMap_empty');
+    this._cartesianChartRef = React.createRef();
   }
 
   public render(): React.ReactNode {
@@ -213,6 +219,7 @@ export class HeatMapChartBase extends React.Component<IHeatMapChartProps, IHeatM
         }}
         legendBars={this._createLegendBars()}
         onChartMouseLeave={this._handleChartMouseLeave}
+        ref={this._cartesianChartRef}
         /* eslint-disable react/jsx-no-bind */
         // eslint-disable-next-line react/no-children-prop
         children={(props: IChildProps) => {
@@ -231,6 +238,10 @@ export class HeatMapChartBase extends React.Component<IHeatMapChartProps, IHeatM
     );
   }
 
+  public get chartContainer(): HTMLElement | null {
+    return this._cartesianChartRef.current?.chartContainer || null;
+  }
+
   private _getMinMaxOfYAxis = () => {
     return { startValue: 0, endValue: 0 };
   };
diff --git a/packages/charts/react-charting/src/components/HorizontalBarChartWithAxis/HorizontalBarChartWithAxis.base.tsx b/packages/charts/react-charting/src/components/HorizontalBarChartWithAxis/HorizontalBarChartWithAxis.base.tsx
index 8cb522e55edd4..c84654b03726c 100644
--- a/packages/charts/react-charting/src/components/HorizontalBarChartWithAxis/HorizontalBarChartWithAxis.base.tsx
+++ b/packages/charts/react-charting/src/components/HorizontalBarChartWithAxis/HorizontalBarChartWithAxis.base.tsx
@@ -2,7 +2,7 @@ import * as React from 'react';
 import { max as d3Max } from 'd3-array';
 import { select as d3Select } from 'd3-selection';
 import { scaleLinear as d3ScaleLinear, ScaleLinear as D3ScaleLinear, scaleBand as d3ScaleBand } from 'd3-scale';
-import { classNamesFunction, getId, getRTL } from '@fluentui/react/lib/Utilities';
+import { classNamesFunction, getId, getRTL, initializeComponentRef } from '@fluentui/react/lib/Utilities';
 import { IProcessedStyleSet, IPalette } from '@fluentui/react/lib/Styling';
 import { DirectionalHint } from '@fluentui/react/lib/Callout';
 import { ILegend } from '../../components/Legends/Legends.types';
@@ -13,6 +13,7 @@ import {
   IHorizontalBarChartWithAxisDataPoint,
   IRefArrayData,
   IMargins,
+  IChart,
 } from '../../types/IDataPoint';
 import { IChildProps, IYValueHover } from '../CommonComponents/CartesianChart.types';
 import { CartesianChart } from '../CommonComponents/CartesianChart';
@@ -58,10 +59,10 @@ export interface IHorizontalBarChartWithAxisState extends IBasestate {
 
 type ColorScale = (_p?: number) => string;
 
-export class HorizontalBarChartWithAxisBase extends React.Component<
-  IHorizontalBarChartWithAxisProps,
-  IHorizontalBarChartWithAxisState
-> {
+export class HorizontalBarChartWithAxisBase
+  extends React.Component<IHorizontalBarChartWithAxisProps, IHorizontalBarChartWithAxisState>
+  implements IChart
+{
   private _points: IHorizontalBarChartWithAxisDataPoint[];
   private _barHeight: number;
   private _colors: string[];
@@ -77,9 +78,13 @@ export class HorizontalBarChartWithAxisBase extends React.Component<
   private _xAxisType: XAxisTypes;
   private _yAxisType: YAxisType;
   private _calloutAnchorPoint: IHorizontalBarChartWithAxisDataPoint | null;
+  private _cartesianChartRef: React.RefObject<IChart>;
 
   public constructor(props: IHorizontalBarChartWithAxisProps) {
     super(props);
+
+    initializeComponentRef(this);
+
     this.state = {
       color: '',
       dataForHoverCard: 0,
@@ -105,6 +110,7 @@ export class HorizontalBarChartWithAxisBase extends React.Component<
       this.props.data! && this.props.data!.length > 0
         ? (getTypeOfAxis(this.props.data![0].y, false) as YAxisType)
         : YAxisType.StringAxis;
+    this._cartesianChartRef = React.createRef();
   }
 
   public render(): JSX.Element {
@@ -163,6 +169,7 @@ export class HorizontalBarChartWithAxisBase extends React.Component<
         getGraphData={this._getGraphData}
         getAxisData={this._getAxisData}
         onChartMouseLeave={this._handleChartMouseLeave}
+        ref={this._cartesianChartRef}
         /* eslint-disable react/jsx-no-bind */
         children={(props: IChildProps) => {
           return (
@@ -175,6 +182,10 @@ export class HorizontalBarChartWithAxisBase extends React.Component<
     );
   }
 
+  public get chartContainer(): HTMLElement | null {
+    return this._cartesianChartRef.current?.chartContainer || null;
+  }
+
   private _getDomainNRangeValues = (
     points: IHorizontalBarChartWithAxisDataPoint[],
     margins: IMargins,
diff --git a/packages/charts/react-charting/src/components/LineChart/LineChart.base.tsx b/packages/charts/react-charting/src/components/LineChart/LineChart.base.tsx
index 55c0370d59076..c0dcab6b52dc4 100644
--- a/packages/charts/react-charting/src/components/LineChart/LineChart.base.tsx
+++ b/packages/charts/react-charting/src/components/LineChart/LineChart.base.tsx
@@ -4,7 +4,14 @@ import { select as d3Select, pointer } from 'd3-selection';
 import { bisector } from 'd3-array';
 import { ILegend, Legends } from '../Legends/index';
 import { line as d3Line, curveLinear as d3curveLinear } from 'd3-shape';
-import { classNamesFunction, getId, find, memoizeFunction, getRTL } from '@fluentui/react/lib/Utilities';
+import {
+  classNamesFunction,
+  getId,
+  find,
+  memoizeFunction,
+  getRTL,
+  initializeComponentRef,
+} from '@fluentui/react/lib/Utilities';
 import {
   IAccessibilityProps,
   CartesianChart,
@@ -42,6 +49,7 @@ import {
   createStringYAxis,
   formatDate,
 } from '../../utilities/index';
+import { IChart } from '../../types/index';
 
 type NumericAxis = D3Axis<number | { valueOf(): number }>;
 const getClassNames = classNamesFunction<ILineChartStyleProps, ILineChartStyles>();
@@ -146,7 +154,7 @@ export interface ILineChartState extends IBasestate {
   activeLine: number | null;
 }
 
-export class LineChartBase extends React.Component<ILineChartProps, ILineChartState> {
+export class LineChartBase extends React.Component<ILineChartProps, ILineChartState> implements IChart {
   public static defaultProps: Partial<ILineChartProps> = {
     enableReflow: true,
     useUTC: true,
@@ -178,9 +186,13 @@ export class LineChartBase extends React.Component<ILineChartProps, ILineChartSt
   private _firstRenderOptimization: boolean;
   private _emptyChartId: string;
   private _isRTL: boolean = getRTL();
+  private _cartesianChartRef: React.RefObject<IChart>;
 
   constructor(props: ILineChartProps) {
     super(props);
+
+    initializeComponentRef(this);
+
     this.state = {
       hoverXValue: '',
       activeLegend: '',
@@ -210,6 +222,7 @@ export class LineChartBase extends React.Component<ILineChartProps, ILineChartSt
     this._createLegendsMemoized = memoizeFunction((data: LineChartDataWithIndex[]) => this._createLegends(data));
     this._firstRenderOptimization = true;
     this._emptyChartId = getId('_LineChart_empty');
+    this._cartesianChartRef = React.createRef();
 
     props.eventAnnotationProps &&
       props.eventAnnotationProps.labelHeight &&
@@ -293,6 +306,7 @@ export class LineChartBase extends React.Component<ILineChartProps, ILineChartSt
         createStringYAxis={createStringYAxis}
         onChartMouseLeave={this._handleChartMouseLeave}
         enableFirstRenderOptimization={this.props.enablePerfOptimization && this._firstRenderOptimization}
+        ref={this._cartesianChartRef}
         /* eslint-disable react/jsx-no-bind */
         // eslint-disable-next-line react/no-children-prop
         children={(props: IChildProps) => {
@@ -349,6 +363,10 @@ export class LineChartBase extends React.Component<ILineChartProps, ILineChartSt
     );
   }
 
+  public get chartContainer(): HTMLElement | null {
+    return this._cartesianChartRef.current?.chartContainer || null;
+  }
+
   private _getDomainNRangeValues = (
     points: ILineChartPoints[],
     margins: IMargins,
diff --git a/packages/charts/react-charting/src/components/SankeyChart/SankeyChart.base.tsx b/packages/charts/react-charting/src/components/SankeyChart/SankeyChart.base.tsx
index fb016e4d44e90..721d9ea33f543 100644
--- a/packages/charts/react-charting/src/components/SankeyChart/SankeyChart.base.tsx
+++ b/packages/charts/react-charting/src/components/SankeyChart/SankeyChart.base.tsx
@@ -7,6 +7,7 @@ import {
   format,
   getId,
   getRTL,
+  initializeComponentRef,
   memoizeFunction,
 } from '@fluentui/react/lib/Utilities';
 import { sum as d3Sum } from 'd3-array';
@@ -14,7 +15,7 @@ import { SankeyGraph, SankeyLayout, sankey as d3Sankey, sankeyJustify, sankeyRig
 import { BaseType, Selection as D3Selection, select, selectAll } from 'd3-selection';
 import { area as d3Area, curveBumpX as d3CurveBasis } from 'd3-shape';
 import * as React from 'react';
-import { IBasestate, SLink, SNode } from '../../types/IDataPoint';
+import { IBasestate, IChart, SLink, SNode } from '../../types/IDataPoint';
 import { ChartHoverCard } from '../../utilities/ChartHoverCard/ChartHoverCard';
 import { IChartHoverCardProps } from '../../utilities/ChartHoverCard/ChartHoverCard.types';
 import { IMargins } from '../../utilities/utilities';
@@ -574,12 +575,12 @@ type AccessibilityRenderer = {
 // to a function component. This will require a significant refactor of the code in this file.
 // https://stackoverflow.com/questions/60223362/fast-way-to-convert-react-class-component-to-functional-component
 // I am concerned that doing so would break this contract, making it difficult for consuming code.
-export class SankeyChartBase extends React.Component<ISankeyChartProps, ISankeyChartState> {
+export class SankeyChartBase extends React.Component<ISankeyChartProps, ISankeyChartState> implements IChart {
   public static defaultProps: Partial<ISankeyChartProps> = {
     enableReflow: true,
   };
 
-  private chartContainer: HTMLDivElement;
+  public chartContainer: HTMLDivElement;
   private _reqID: number;
   private readonly _calloutId: string;
   private readonly _linkId: string;
@@ -628,6 +629,9 @@ export class SankeyChartBase extends React.Component<ISankeyChartProps, ISankeyC
 
   constructor(props: ISankeyChartProps) {
     super(props);
+
+    initializeComponentRef(this);
+
     this.state = {
       containerHeight: 468,
       containerWidth: 912,
diff --git a/packages/charts/react-charting/src/components/SankeyChart/SankeyChart.types.ts b/packages/charts/react-charting/src/components/SankeyChart/SankeyChart.types.ts
index 63403c6097041..ef70f68a81dcd 100644
--- a/packages/charts/react-charting/src/components/SankeyChart/SankeyChart.types.ts
+++ b/packages/charts/react-charting/src/components/SankeyChart/SankeyChart.types.ts
@@ -1,6 +1,6 @@
 import { IStyle, ITheme } from '@fluentui/react/lib/Styling';
-import { IStyleFunctionOrObject } from '@fluentui/react/lib/Utilities';
-import { IChartProps } from '../../types/IDataPoint';
+import { IRefObject, IStyleFunctionOrObject } from '@fluentui/react/lib/Utilities';
+import { IChart, IChartProps } from '../../types/IDataPoint';
 
 export type { IChartProps, IDataPoint, ISankeyChartData } from '../../types/IDataPoint';
 
@@ -84,6 +84,12 @@ export interface ISankeyChartProps {
    * @default true
    */
   enableReflow?: boolean;
+
+  /**
+   * Optional callback to access the IChart interface. Use this instead of ref for accessing
+   * the public methods and properties of the component.
+   */
+  componentRef?: IRefObject<IChart>;
 }
 
 /**
diff --git a/packages/charts/react-charting/src/components/VerticalBarChart/VerticalBarChart.base.tsx b/packages/charts/react-charting/src/components/VerticalBarChart/VerticalBarChart.base.tsx
index 9e793a25b87c6..0132072838762 100644
--- a/packages/charts/react-charting/src/components/VerticalBarChart/VerticalBarChart.base.tsx
+++ b/packages/charts/react-charting/src/components/VerticalBarChart/VerticalBarChart.base.tsx
@@ -9,7 +9,7 @@ import {
   scaleUtc as d3ScaleUtc,
   scaleTime as d3ScaleTime,
 } from 'd3-scale';
-import { classNamesFunction, getId, getRTL } from '@fluentui/react/lib/Utilities';
+import { classNamesFunction, getId, getRTL, initializeComponentRef } from '@fluentui/react/lib/Utilities';
 import { IProcessedStyleSet, IPalette } from '@fluentui/react/lib/Styling';
 import { DirectionalHint } from '@fluentui/react/lib/Callout';
 import {
@@ -53,6 +53,7 @@ import {
   formatDate,
   getNextGradient,
 } from '../../utilities/index';
+import { IChart } from '../../types/index';
 
 enum CircleVisbility {
   show = 'visibility',
@@ -76,7 +77,10 @@ export interface IVerticalBarChartState extends IBasestate {
 
 type ColorScale = (_p?: number) => string;
 
-export class VerticalBarChartBase extends React.Component<IVerticalBarChartProps, IVerticalBarChartState> {
+export class VerticalBarChartBase
+  extends React.Component<IVerticalBarChartProps, IVerticalBarChartState>
+  implements IChart
+{
   public static defaultProps: Partial<IVerticalBarChartProps> = {
     maxBarWidth: 24,
     useUTC: true,
@@ -102,9 +106,13 @@ export class VerticalBarChartBase extends React.Component<IVerticalBarChartProps
   private _emptyChartId: string;
   private _xAxisInnerPadding: number;
   private _xAxisOuterPadding: number;
+  private _cartesianChartRef: React.RefObject<IChart>;
 
   public constructor(props: IVerticalBarChartProps) {
     super(props);
+
+    initializeComponentRef(this);
+
     this.state = {
       color: '',
       dataForHoverCard: 0,
@@ -129,6 +137,7 @@ export class VerticalBarChartBase extends React.Component<IVerticalBarChartProps
         : XAxisTypes.StringAxis;
     this._emptyChartId = getId('_VBC_empty');
     this._domainMargin = MIN_DOMAIN_MARGIN;
+    this._cartesianChartRef = React.createRef();
   }
 
   public render(): JSX.Element {
@@ -200,6 +209,7 @@ export class VerticalBarChartBase extends React.Component<IVerticalBarChartProps
           xAxisInnerPadding: this._xAxisInnerPadding,
           xAxisOuterPadding: this._xAxisOuterPadding,
         })}
+        ref={this._cartesianChartRef}
         /* eslint-disable react/jsx-no-bind */
         children={(props: IChildProps) => {
           return (
@@ -230,6 +240,10 @@ export class VerticalBarChartBase extends React.Component<IVerticalBarChartProps
     );
   }
 
+  public get chartContainer(): HTMLElement | null {
+    return this._cartesianChartRef.current?.chartContainer || null;
+  }
+
   private _getDomainNRangeValues = (
     points: IDataPoint[],
     margins: IMargins,
diff --git a/packages/charts/react-charting/src/components/VerticalStackedBarChart/VerticalStackedBarChart.base.tsx b/packages/charts/react-charting/src/components/VerticalStackedBarChart/VerticalStackedBarChart.base.tsx
index 7e1dc04719647..72f8436f71293 100644
--- a/packages/charts/react-charting/src/components/VerticalStackedBarChart/VerticalStackedBarChart.base.tsx
+++ b/packages/charts/react-charting/src/components/VerticalStackedBarChart/VerticalStackedBarChart.base.tsx
@@ -9,7 +9,14 @@ import {
   scaleUtc as d3ScaleUtc,
   scaleTime as d3ScaleTime,
 } from 'd3-scale';
-import { classNamesFunction, getId, getRTL, warnDeprecations, memoizeFunction } from '@fluentui/react/lib/Utilities';
+import {
+  classNamesFunction,
+  getId,
+  getRTL,
+  warnDeprecations,
+  memoizeFunction,
+  initializeComponentRef,
+} from '@fluentui/react/lib/Utilities';
 import { IPalette, IProcessedStyleSet } from '@fluentui/react/lib/Styling';
 import { DirectionalHint } from '@fluentui/react/lib/Callout';
 import { ILegend, Legends } from '../Legends/index';
@@ -53,6 +60,7 @@ import {
   formatDate,
   getNextGradient,
 } from '../../utilities/index';
+import { IChart } from '../../types/index';
 
 const getClassNames = classNamesFunction<IVerticalStackedBarChartStyleProps, IVerticalStackedBarChartStyles>();
 type NumericAxis = D3Axis<number | { valueOf(): number }>;
@@ -94,10 +102,10 @@ export interface IVerticalStackedBarChartState extends IBasestate {
   callOutAccessibilityData?: IAccessibilityProps;
   calloutLegend: string;
 }
-export class VerticalStackedBarChartBase extends React.Component<
-  IVerticalStackedBarChartProps,
-  IVerticalStackedBarChartState
-> {
+export class VerticalStackedBarChartBase
+  extends React.Component<IVerticalStackedBarChartProps, IVerticalStackedBarChartState>
+  implements IChart
+{
   public static defaultProps: Partial<IVerticalStackedBarChartProps> = {
     maxBarWidth: 24,
     useUTC: true,
@@ -123,9 +131,13 @@ export class VerticalStackedBarChartBase extends React.Component<
   private _emptyChartId: string;
   private _xAxisInnerPadding: number;
   private _xAxisOuterPadding: number;
+  private _cartesianChartRef: React.RefObject<IChart>;
 
   public constructor(props: IVerticalStackedBarChartProps) {
     super(props);
+
+    initializeComponentRef(this);
+
     this.state = {
       isCalloutVisible: false,
       selectedLegend: props.legendProps?.selectedLegend ?? '',
@@ -154,6 +166,7 @@ export class VerticalStackedBarChartBase extends React.Component<
     this._createLegendsForLine = memoizeFunction((data: IVerticalStackedChartProps[]) => this._getLineLegends(data));
     this._emptyChartId = getId('_VSBC_empty');
     this._domainMargin = MIN_DOMAIN_MARGIN;
+    this._cartesianChartRef = React.createRef();
   }
 
   public componentDidUpdate(prevProps: IVerticalStackedBarChartProps): void {
@@ -238,6 +251,7 @@ export class VerticalStackedBarChartBase extends React.Component<
             xAxisInnerPadding: this._xAxisInnerPadding,
             xAxisOuterPadding: this._xAxisOuterPadding,
           })}
+          ref={this._cartesianChartRef}
           /* eslint-disable react/jsx-no-bind */
           children={(props: IChildProps) => {
             return (
@@ -269,6 +283,10 @@ export class VerticalStackedBarChartBase extends React.Component<
     );
   }
 
+  public get chartContainer(): HTMLElement | null {
+    return this._cartesianChartRef.current?.chartContainer || null;
+  }
+
   /**
    * This function tells us what to focus either the whole stack as focusable item.
    * or each individual item in the stack as focusable item. basically it depends
diff --git a/packages/charts/react-charting/src/index.ts b/packages/charts/react-charting/src/index.ts
index c27c09d143045..2ae3660ac7f75 100644
--- a/packages/charts/react-charting/src/index.ts
+++ b/packages/charts/react-charting/src/index.ts
@@ -97,6 +97,7 @@ export type {
   IVerticalStackedChartProps,
   SLink,
   SNode,
+  IChart,
 } from './types/index';
 export type {
   IChartHoverCardProps,
@@ -135,7 +136,7 @@ export { DataVizPalette, getColorFromToken, getNextColor } from './utilities/col
 export { DataVizGradientPalette, getGradientFromToken, getNextGradient } from './utilities/gradients';
 export type { IGaugeChartProps, IGaugeChartSegment, IGaugeChartStyleProps, IGaugeChartStyles } from './GaugeChart';
 export { GaugeChart, GaugeChartVariant, GaugeValueFormat } from './GaugeChart';
-export type { DeclarativeChartProps, Schema } from './DeclarativeChart';
+export type { DeclarativeChartProps, Schema, IDeclarativeChart, IImageExportOptions } from './DeclarativeChart';
 export { DeclarativeChart } from './DeclarativeChart';
 
 import './version';
diff --git a/packages/charts/react-charting/src/types/IDataPoint.ts b/packages/charts/react-charting/src/types/IDataPoint.ts
index 7e4127b26f2ee..dda593a408f4f 100644
--- a/packages/charts/react-charting/src/types/IDataPoint.ts
+++ b/packages/charts/react-charting/src/types/IDataPoint.ts
@@ -814,3 +814,10 @@ export interface ICustomizedCalloutData {
   x: number | string | Date;
   values: ICustomizedCalloutDataPoint[];
 }
+
+/**
+ * {@docCategory Chart}
+ */
+export interface IChart {
+  chartContainer: HTMLElement | null;
+}
diff --git a/packages/react-examples/src/react-charting/DeclarativeChart/DeclarativeChart.Basic.Example.tsx b/packages/react-examples/src/react-charting/DeclarativeChart/DeclarativeChart.Basic.Example.tsx
index e1e95218a39a9..ec0d58eabee23 100644
--- a/packages/react-examples/src/react-charting/DeclarativeChart/DeclarativeChart.Basic.Example.tsx
+++ b/packages/react-examples/src/react-charting/DeclarativeChart/DeclarativeChart.Basic.Example.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { Dropdown, IDropdownOption } from '@fluentui/react/lib/Dropdown';
 import { Toggle } from '@fluentui/react/lib/Toggle';
-import { DeclarativeChart, DeclarativeChartProps, Schema } from '@fluentui/react-charting';
+import { DeclarativeChart, DeclarativeChartProps, IDeclarativeChart, Schema } from '@fluentui/react-charting';
 
 interface IDeclarativeChartState {
   selectedChoice: string;
@@ -37,7 +37,18 @@ const schemas: any[] = [
 
 const dropdownStyles = { dropdown: { width: 200 } };
 
+function fileSaver(url: string) {
+  const saveLink = document.createElement('a');
+  saveLink.href = url;
+  saveLink.download = 'converted-image.png';
+  document.body.appendChild(saveLink);
+  saveLink.click();
+  document.body.removeChild(saveLink);
+}
+
 export class DeclarativeChartBasicExample extends React.Component<{}, IDeclarativeChartState> {
+  private _declarativeChartRef: React.RefObject<IDeclarativeChart>;
+
   constructor(props: DeclarativeChartProps) {
     super(props);
     this.state = {
@@ -45,6 +56,8 @@ export class DeclarativeChartBasicExample extends React.Component<{}, IDeclarati
       preSelectLegends: false,
       selectedLegends: '',
     };
+
+    this._declarativeChartRef = React.createRef();
   }
 
   public render(): JSX.Element {
@@ -99,8 +112,22 @@ export class DeclarativeChartBasicExample extends React.Component<{}, IDeclarati
           />
         </div>
         <br />
+        <button
+          onClick={() => {
+            this._declarativeChartRef.current?.exportAsImage().then((imgData: string) => {
+              fileSaver(imgData);
+            });
+          }}
+        >
+          Download
+        </button>
         <br />
-        <DeclarativeChart key={uniqueKey} chartSchema={inputSchema} onSchemaChange={this._handleChartSchemaChanged} />
+        <DeclarativeChart
+          key={uniqueKey}
+          chartSchema={inputSchema}
+          onSchemaChange={this._handleChartSchemaChanged}
+          componentRef={this._declarativeChartRef}
+        />
         <br />
         Legend selection changed : {this.state.selectedLegends}
       </>

From e09d638cf76f55d4c6b16ba9ee6ea40e457869ec Mon Sep 17 00:00:00 2001
From: Fluent UI Build <fluentui-internal@service.microsoft.com>
Date: Mon, 23 Dec 2024 07:23:16 +0000
Subject: [PATCH 28/42] release: applying package updates - react v8

---
 ...-64d49103-6d6d-4ef0-93f0-2339233931e5.json |  7 ----
 ...-8d924304-4078-4192-ba38-ec72171e24ca.json |  7 ----
 ...-a7f6eac5-5e7c-40b4-ae8c-4b3dab5bc372.json |  7 ----
 ...-576e3635-ea2b-48cd-b8bd-f35566e66189.json |  7 ----
 packages/azure-themes/CHANGELOG.json          | 15 +++++++
 packages/azure-themes/CHANGELOG.md            | 11 +++++-
 packages/azure-themes/package.json            |  4 +-
 packages/charts/react-charting/CHANGELOG.json | 33 ++++++++++++++++
 packages/charts/react-charting/CHANGELOG.md   | 14 ++++++-
 packages/charts/react-charting/package.json   |  8 ++--
 packages/codemods/CHANGELOG.json              | 15 +++++++
 packages/codemods/CHANGELOG.md                | 11 +++++-
 packages/codemods/package.json                |  2 +-
 packages/common-styles/package.json           |  2 +-
 packages/cra-template/package.json            |  2 +-
 packages/fluent2-theme/CHANGELOG.json         | 15 +++++++
 packages/fluent2-theme/CHANGELOG.md           | 11 +++++-
 packages/fluent2-theme/package.json           |  4 +-
 packages/font-icons-mdl2/CHANGELOG.json       | 15 +++++++
 packages/font-icons-mdl2/CHANGELOG.md         | 11 +++++-
 packages/font-icons-mdl2/package.json         |  4 +-
 packages/foundation-legacy/CHANGELOG.json     | 15 +++++++
 packages/foundation-legacy/CHANGELOG.md       | 11 +++++-
 packages/foundation-legacy/package.json       |  4 +-
 packages/react-cards/CHANGELOG.json           | 21 ++++++++++
 packages/react-cards/CHANGELOG.md             | 12 +++++-
 packages/react-cards/package.json             |  6 +--
 .../library/package.json                      |  4 +-
 packages/react-date-time/CHANGELOG.json       | 15 +++++++
 packages/react-date-time/CHANGELOG.md         | 11 +++++-
 packages/react-date-time/package.json         |  4 +-
 .../react-docsite-components/CHANGELOG.json   | 27 +++++++++++++
 .../react-docsite-components/CHANGELOG.md     | 13 ++++++-
 .../react-docsite-components/package.json     |  8 ++--
 packages/react-examples/package.json          | 30 +++++++-------
 packages/react-experiments/CHANGELOG.json     | 39 +++++++++++++++++++
 packages/react-experiments/CHANGELOG.md       | 15 ++++++-
 packages/react-experiments/package.json       | 12 +++---
 packages/react-file-type-icons/CHANGELOG.json | 15 +++++++
 packages/react-file-type-icons/CHANGELOG.md   | 11 +++++-
 packages/react-file-type-icons/package.json   |  4 +-
 packages/react-focus/CHANGELOG.json           | 15 +++++++
 packages/react-focus/CHANGELOG.md             | 11 +++++-
 packages/react-focus/package.json             |  4 +-
 packages/react-icon-provider/CHANGELOG.json   | 21 ++++++++++
 packages/react-icon-provider/CHANGELOG.md     | 12 +++++-
 packages/react-icon-provider/package.json     |  4 +-
 .../react-icons-mdl2-branded/CHANGELOG.json   | 15 +++++++
 .../react-icons-mdl2-branded/CHANGELOG.md     | 11 +++++-
 .../react-icons-mdl2-branded/package.json     |  4 +-
 packages/react-icons-mdl2/CHANGELOG.json      | 15 +++++++
 packages/react-icons-mdl2/CHANGELOG.md        | 11 +++++-
 packages/react-icons-mdl2/package.json        |  4 +-
 packages/react-monaco-editor/CHANGELOG.json   | 21 ++++++++++
 packages/react-monaco-editor/CHANGELOG.md     | 12 +++++-
 packages/react-monaco-editor/package.json     |  6 +--
 packages/react/CHANGELOG.json                 | 39 +++++++++++++++++++
 packages/react/CHANGELOG.md                   | 15 ++++++-
 packages/react/package.json                   | 12 +++---
 packages/scheme-utilities/CHANGELOG.json      | 15 +++++++
 packages/scheme-utilities/CHANGELOG.md        | 11 +++++-
 packages/scheme-utilities/package.json        |  4 +-
 packages/storybook/package.json               |  8 ++--
 packages/style-utilities/CHANGELOG.json       | 15 +++++++
 packages/style-utilities/CHANGELOG.md         | 11 +++++-
 packages/style-utilities/package.json         |  4 +-
 packages/theme-samples/CHANGELOG.json         | 21 ++++++++++
 packages/theme-samples/CHANGELOG.md           | 12 +++++-
 packages/theme-samples/package.json           |  6 +--
 packages/theme/CHANGELOG.json                 | 15 +++++++
 packages/theme/CHANGELOG.md                   | 11 +++++-
 packages/theme/package.json                   |  2 +-
 72 files changed, 722 insertions(+), 127 deletions(-)
 delete mode 100644 change/@fluentui-codemods-64d49103-6d6d-4ef0-93f0-2339233931e5.json
 delete mode 100644 change/@fluentui-react-charting-8d924304-4078-4192-ba38-ec72171e24ca.json
 delete mode 100644 change/@fluentui-react-icon-provider-a7f6eac5-5e7c-40b4-ae8c-4b3dab5bc372.json
 delete mode 100644 change/@fluentui-theme-576e3635-ea2b-48cd-b8bd-f35566e66189.json

diff --git a/change/@fluentui-codemods-64d49103-6d6d-4ef0-93f0-2339233931e5.json b/change/@fluentui-codemods-64d49103-6d6d-4ef0-93f0-2339233931e5.json
deleted file mode 100644
index f67a35684218e..0000000000000
--- a/change/@fluentui-codemods-64d49103-6d6d-4ef0-93f0-2339233931e5.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "type": "patch",
-  "comment": "chore: remove usage of \"export *\"",
-  "packageName": "@fluentui/codemods",
-  "email": "olfedias@microsoft.com",
-  "dependentChangeType": "patch"
-}
diff --git a/change/@fluentui-react-charting-8d924304-4078-4192-ba38-ec72171e24ca.json b/change/@fluentui-react-charting-8d924304-4078-4192-ba38-ec72171e24ca.json
deleted file mode 100644
index de5d1d1d7930c..0000000000000
--- a/change/@fluentui-react-charting-8d924304-4078-4192-ba38-ec72171e24ca.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "type": "patch",
-  "comment": "feat: add functionality to export chart as image",
-  "packageName": "@fluentui/react-charting",
-  "email": "110246001+krkshitij@users.noreply.github.com",
-  "dependentChangeType": "patch"
-}
diff --git a/change/@fluentui-react-icon-provider-a7f6eac5-5e7c-40b4-ae8c-4b3dab5bc372.json b/change/@fluentui-react-icon-provider-a7f6eac5-5e7c-40b4-ae8c-4b3dab5bc372.json
deleted file mode 100644
index 7949b00332d92..0000000000000
--- a/change/@fluentui-react-icon-provider-a7f6eac5-5e7c-40b4-ae8c-4b3dab5bc372.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "type": "patch",
-  "comment": "chore: remove usage of \"export *\"",
-  "packageName": "@fluentui/react-icon-provider",
-  "email": "olfedias@microsoft.com",
-  "dependentChangeType": "patch"
-}
diff --git a/change/@fluentui-theme-576e3635-ea2b-48cd-b8bd-f35566e66189.json b/change/@fluentui-theme-576e3635-ea2b-48cd-b8bd-f35566e66189.json
deleted file mode 100644
index aa1ed0df91a3a..0000000000000
--- a/change/@fluentui-theme-576e3635-ea2b-48cd-b8bd-f35566e66189.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "type": "patch",
-  "comment": "chore: remove usage of \"export *\"",
-  "packageName": "@fluentui/theme",
-  "email": "olfedias@microsoft.com",
-  "dependentChangeType": "patch"
-}
diff --git a/packages/azure-themes/CHANGELOG.json b/packages/azure-themes/CHANGELOG.json
index 58c63f07e88b3..0cdaa9ab5e688 100644
--- a/packages/azure-themes/CHANGELOG.json
+++ b/packages/azure-themes/CHANGELOG.json
@@ -1,6 +1,21 @@
 {
   "name": "@fluentui/azure-themes",
   "entries": [
+    {
+      "date": "Mon, 23 Dec 2024 07:22:58 GMT",
+      "tag": "@fluentui/azure-themes_v8.6.115",
+      "version": "8.6.115",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/azure-themes",
+            "comment": "Bump @fluentui/react to v8.122.2",
+            "commit": "7b4a3785c6c1d7c207602cad0a1795e3df9122ee"
+          }
+        ]
+      }
+    },
     {
       "date": "Fri, 13 Dec 2024 07:23:12 GMT",
       "tag": "@fluentui/azure-themes_v8.6.114",
diff --git a/packages/azure-themes/CHANGELOG.md b/packages/azure-themes/CHANGELOG.md
index 024ff14c00d60..d719297e62b5b 100644
--- a/packages/azure-themes/CHANGELOG.md
+++ b/packages/azure-themes/CHANGELOG.md
@@ -1,9 +1,18 @@
 # Change Log - @fluentui/azure-themes
 
-This log was last generated on Fri, 13 Dec 2024 07:23:12 GMT and should not be manually modified.
+This log was last generated on Mon, 23 Dec 2024 07:22:58 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [8.6.115](https://github.com/microsoft/fluentui/tree/@fluentui/azure-themes_v8.6.115)
+
+Mon, 23 Dec 2024 07:22:58 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/azure-themes_v8.6.114..@fluentui/azure-themes_v8.6.115)
+
+### Patches
+
+- Bump @fluentui/react to v8.122.2 ([PR #33445](https://github.com/microsoft/fluentui/pull/33445) by beachball)
+
 ## [8.6.114](https://github.com/microsoft/fluentui/tree/@fluentui/azure-themes_v8.6.114)
 
 Fri, 13 Dec 2024 07:23:12 GMT 
diff --git a/packages/azure-themes/package.json b/packages/azure-themes/package.json
index 2136423a78502..0bfd7b970ea7a 100644
--- a/packages/azure-themes/package.json
+++ b/packages/azure-themes/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/azure-themes",
-  "version": "8.6.114",
+  "version": "8.6.115",
   "description": "Azure themes for Fluent UI React",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -27,7 +27,7 @@
     "@fluentui/scripts-webpack": "*"
   },
   "dependencies": {
-    "@fluentui/react": "^8.122.1",
+    "@fluentui/react": "^8.122.2",
     "@fluentui/set-version": "^8.2.23",
     "tslib": "^2.1.0"
   }
diff --git a/packages/charts/react-charting/CHANGELOG.json b/packages/charts/react-charting/CHANGELOG.json
index 3937b8e683973..62c4a5ee6b2b3 100644
--- a/packages/charts/react-charting/CHANGELOG.json
+++ b/packages/charts/react-charting/CHANGELOG.json
@@ -1,6 +1,39 @@
 {
   "name": "@fluentui/react-charting",
   "entries": [
+    {
+      "date": "Mon, 23 Dec 2024 07:22:57 GMT",
+      "tag": "@fluentui/react-charting_v5.23.29",
+      "version": "5.23.29",
+      "comments": {
+        "patch": [
+          {
+            "author": "110246001+krkshitij@users.noreply.github.com",
+            "package": "@fluentui/react-charting",
+            "commit": "7b4a3785c6c1d7c207602cad0a1795e3df9122ee",
+            "comment": "feat: add functionality to export chart as image"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-charting",
+            "comment": "Bump @fluentui/react-focus to v8.9.20",
+            "commit": "7b4a3785c6c1d7c207602cad0a1795e3df9122ee"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-charting",
+            "comment": "Bump @fluentui/theme-samples to v8.7.191",
+            "commit": "7b4a3785c6c1d7c207602cad0a1795e3df9122ee"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-charting",
+            "comment": "Bump @fluentui/react to v8.122.2",
+            "commit": "7b4a3785c6c1d7c207602cad0a1795e3df9122ee"
+          }
+        ]
+      }
+    },
     {
       "date": "Fri, 20 Dec 2024 07:20:00 GMT",
       "tag": "@fluentui/react-charting_v5.23.28",
diff --git a/packages/charts/react-charting/CHANGELOG.md b/packages/charts/react-charting/CHANGELOG.md
index 6c3807c6aee3f..9bdb6d599f8e0 100644
--- a/packages/charts/react-charting/CHANGELOG.md
+++ b/packages/charts/react-charting/CHANGELOG.md
@@ -1,9 +1,21 @@
 # Change Log - @fluentui/react-charting
 
-This log was last generated on Fri, 20 Dec 2024 07:20:00 GMT and should not be manually modified.
+This log was last generated on Mon, 23 Dec 2024 07:22:57 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [5.23.29](https://github.com/microsoft/fluentui/tree/@fluentui/react-charting_v5.23.29)
+
+Mon, 23 Dec 2024 07:22:57 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-charting_v5.23.28..@fluentui/react-charting_v5.23.29)
+
+### Patches
+
+- feat: add functionality to export chart as image ([PR #33445](https://github.com/microsoft/fluentui/pull/33445) by 110246001+krkshitij@users.noreply.github.com)
+- Bump @fluentui/react-focus to v8.9.20 ([PR #33445](https://github.com/microsoft/fluentui/pull/33445) by beachball)
+- Bump @fluentui/theme-samples to v8.7.191 ([PR #33445](https://github.com/microsoft/fluentui/pull/33445) by beachball)
+- Bump @fluentui/react to v8.122.2 ([PR #33445](https://github.com/microsoft/fluentui/pull/33445) by beachball)
+
 ## [5.23.28](https://github.com/microsoft/fluentui/tree/@fluentui/react-charting_v5.23.28)
 
 Fri, 20 Dec 2024 07:20:00 GMT 
diff --git a/packages/charts/react-charting/package.json b/packages/charts/react-charting/package.json
index cb9875c26eff9..420f95e214f4e 100644
--- a/packages/charts/react-charting/package.json
+++ b/packages/charts/react-charting/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-charting",
-  "version": "5.23.28",
+  "version": "5.23.29",
   "description": "React web charting controls for Microsoft fluentui system.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -39,8 +39,8 @@
     "jest-canvas-mock": "2.4.0"
   },
   "dependencies": {
-    "@fluentui/react-focus": "^8.9.19",
-    "@fluentui/theme-samples": "^8.7.190",
+    "@fluentui/react-focus": "^8.9.20",
+    "@fluentui/theme-samples": "^8.7.191",
     "@microsoft/load-themed-styles": "^1.10.26",
     "@types/d3-array": "^3.0.0",
     "@types/d3-axis": "^3.0.0",
@@ -66,7 +66,7 @@
     "tslib": "^2.1.0"
   },
   "peerDependencies": {
-    "@fluentui/react": "^8.122.1",
+    "@fluentui/react": "^8.122.2",
     "@types/react": ">=16.8.0 <19.0.0",
     "@types/react-dom": ">=16.8.0 <19.0.0",
     "react": ">=16.8.0 <19.0.0",
diff --git a/packages/codemods/CHANGELOG.json b/packages/codemods/CHANGELOG.json
index 909e250cea9cd..2056607f1acf2 100644
--- a/packages/codemods/CHANGELOG.json
+++ b/packages/codemods/CHANGELOG.json
@@ -1,6 +1,21 @@
 {
   "name": "@fluentui/codemods",
   "entries": [
+    {
+      "date": "Mon, 23 Dec 2024 07:22:57 GMT",
+      "tag": "@fluentui/codemods_v8.4.27",
+      "version": "8.4.27",
+      "comments": {
+        "patch": [
+          {
+            "author": "olfedias@microsoft.com",
+            "package": "@fluentui/codemods",
+            "commit": "dc7bb663e3d93a19b611cf1892556d69c57b1269",
+            "comment": "chore: remove usage of \"export *\""
+          }
+        ]
+      }
+    },
     {
       "date": "Thu, 11 Jul 2024 07:33:36 GMT",
       "tag": "@fluentui/codemods_v8.4.26",
diff --git a/packages/codemods/CHANGELOG.md b/packages/codemods/CHANGELOG.md
index 4a1409ea50e39..6548074ea7a59 100644
--- a/packages/codemods/CHANGELOG.md
+++ b/packages/codemods/CHANGELOG.md
@@ -1,9 +1,18 @@
 # Change Log - @fluentui/codemods
 
-This log was last generated on Tue, 09 Jul 2024 07:36:39 GMT and should not be manually modified.
+This log was last generated on Mon, 23 Dec 2024 07:22:57 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [8.4.27](https://github.com/microsoft/fluentui/tree/@fluentui/codemods_v8.4.27)
+
+Mon, 23 Dec 2024 07:22:57 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/codemods_v8.4.26..@fluentui/codemods_v8.4.27)
+
+### Patches
+
+- chore: remove usage of "export *" ([PR #33448](https://github.com/microsoft/fluentui/pull/33448) by olfedias@microsoft.com)
+
 ## [8.4.26](https://github.com/microsoft/fluentui/tree/@fluentui/codemods_v8.4.26)
 
 Tue, 09 Jul 2024 07:36:39 GMT 
diff --git a/packages/codemods/package.json b/packages/codemods/package.json
index 1db4b8f33dea6..27f6a4cb2f7ab 100644
--- a/packages/codemods/package.json
+++ b/packages/codemods/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/codemods",
-  "version": "8.4.26",
+  "version": "8.4.27",
   "description": "Tool enabling easy upgrades to new Fluent UI versions",
   "main": "lib-commonjs/index.js",
   "typings": "lib-commonjs/index.d.ts",
diff --git a/packages/common-styles/package.json b/packages/common-styles/package.json
index f0885441ef4be..967855f1ddef0 100644
--- a/packages/common-styles/package.json
+++ b/packages/common-styles/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/common-styles",
-  "version": "1.2.64",
+  "version": "1.2.65",
   "description": "Common style definitions for Fluent UI React components",
   "repository": {
     "type": "git",
diff --git a/packages/cra-template/package.json b/packages/cra-template/package.json
index cd7b601762174..ee7822c53498d 100644
--- a/packages/cra-template/package.json
+++ b/packages/cra-template/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/cra-template",
-  "version": "8.4.191",
+  "version": "8.4.192",
   "description": "Create React App template for Fluent UI React (@fluentui/react)",
   "repository": {
     "type": "git",
diff --git a/packages/fluent2-theme/CHANGELOG.json b/packages/fluent2-theme/CHANGELOG.json
index c3eb267246098..89f6555b6712d 100644
--- a/packages/fluent2-theme/CHANGELOG.json
+++ b/packages/fluent2-theme/CHANGELOG.json
@@ -1,6 +1,21 @@
 {
   "name": "@fluentui/fluent2-theme",
   "entries": [
+    {
+      "date": "Mon, 23 Dec 2024 07:22:58 GMT",
+      "tag": "@fluentui/fluent2-theme_v8.107.119",
+      "version": "8.107.119",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/fluent2-theme",
+            "comment": "Bump @fluentui/react to v8.122.2",
+            "commit": "7b4a3785c6c1d7c207602cad0a1795e3df9122ee"
+          }
+        ]
+      }
+    },
     {
       "date": "Fri, 13 Dec 2024 07:23:12 GMT",
       "tag": "@fluentui/fluent2-theme_v8.107.118",
diff --git a/packages/fluent2-theme/CHANGELOG.md b/packages/fluent2-theme/CHANGELOG.md
index b12fed6710f4d..218220c278046 100644
--- a/packages/fluent2-theme/CHANGELOG.md
+++ b/packages/fluent2-theme/CHANGELOG.md
@@ -1,9 +1,18 @@
 # Change Log - @fluentui/fluent2-theme
 
-This log was last generated on Fri, 13 Dec 2024 07:23:12 GMT and should not be manually modified.
+This log was last generated on Mon, 23 Dec 2024 07:22:58 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [8.107.119](https://github.com/microsoft/fluentui/tree/@fluentui/fluent2-theme_v8.107.119)
+
+Mon, 23 Dec 2024 07:22:58 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/fluent2-theme_v8.107.118..@fluentui/fluent2-theme_v8.107.119)
+
+### Patches
+
+- Bump @fluentui/react to v8.122.2 ([PR #33445](https://github.com/microsoft/fluentui/pull/33445) by beachball)
+
 ## [8.107.118](https://github.com/microsoft/fluentui/tree/@fluentui/fluent2-theme_v8.107.118)
 
 Fri, 13 Dec 2024 07:23:12 GMT 
diff --git a/packages/fluent2-theme/package.json b/packages/fluent2-theme/package.json
index 21281ce32040f..ce8b5b9ad32cf 100644
--- a/packages/fluent2-theme/package.json
+++ b/packages/fluent2-theme/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/fluent2-theme",
-  "version": "8.107.118",
+  "version": "8.107.119",
   "description": "A Fluent2 theme for Fluent UI React 8.x",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -27,7 +27,7 @@
     "@fluentui/scripts-webpack": "*"
   },
   "dependencies": {
-    "@fluentui/react": "^8.122.1",
+    "@fluentui/react": "^8.122.2",
     "@fluentui/set-version": "^8.2.23",
     "tslib": "^2.1.0"
   }
diff --git a/packages/font-icons-mdl2/CHANGELOG.json b/packages/font-icons-mdl2/CHANGELOG.json
index c3c1f5f6eb79e..cda94a3050c54 100644
--- a/packages/font-icons-mdl2/CHANGELOG.json
+++ b/packages/font-icons-mdl2/CHANGELOG.json
@@ -1,6 +1,21 @@
 {
   "name": "@fluentui/font-icons-mdl2",
   "entries": [
+    {
+      "date": "Mon, 23 Dec 2024 07:22:58 GMT",
+      "tag": "@fluentui/font-icons-mdl2_v8.5.57",
+      "version": "8.5.57",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/font-icons-mdl2",
+            "comment": "Bump @fluentui/style-utilities to v8.11.6",
+            "commit": "7b4a3785c6c1d7c207602cad0a1795e3df9122ee"
+          }
+        ]
+      }
+    },
     {
       "date": "Fri, 13 Dec 2024 07:23:12 GMT",
       "tag": "@fluentui/font-icons-mdl2_v8.5.56",
diff --git a/packages/font-icons-mdl2/CHANGELOG.md b/packages/font-icons-mdl2/CHANGELOG.md
index c9b879908dd1e..caae1ea746007 100644
--- a/packages/font-icons-mdl2/CHANGELOG.md
+++ b/packages/font-icons-mdl2/CHANGELOG.md
@@ -1,9 +1,18 @@
 # Change Log - @fluentui/font-icons-mdl2
 
-This log was last generated on Fri, 13 Dec 2024 07:23:12 GMT and should not be manually modified.
+This log was last generated on Mon, 23 Dec 2024 07:22:58 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [8.5.57](https://github.com/microsoft/fluentui/tree/@fluentui/font-icons-mdl2_v8.5.57)
+
+Mon, 23 Dec 2024 07:22:58 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/font-icons-mdl2_v8.5.56..@fluentui/font-icons-mdl2_v8.5.57)
+
+### Patches
+
+- Bump @fluentui/style-utilities to v8.11.6 ([PR #33445](https://github.com/microsoft/fluentui/pull/33445) by beachball)
+
 ## [8.5.56](https://github.com/microsoft/fluentui/tree/@fluentui/font-icons-mdl2_v8.5.56)
 
 Fri, 13 Dec 2024 07:23:12 GMT 
diff --git a/packages/font-icons-mdl2/package.json b/packages/font-icons-mdl2/package.json
index 31cc66ab231ae..c1b5b5a4e4bac 100644
--- a/packages/font-icons-mdl2/package.json
+++ b/packages/font-icons-mdl2/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/font-icons-mdl2",
-  "version": "8.5.56",
+  "version": "8.5.57",
   "description": "Fluent UI React icon set.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -28,7 +28,7 @@
   },
   "dependencies": {
     "@fluentui/set-version": "^8.2.23",
-    "@fluentui/style-utilities": "^8.11.5",
+    "@fluentui/style-utilities": "^8.11.6",
     "@fluentui/utilities": "^8.15.19",
     "tslib": "^2.1.0"
   },
diff --git a/packages/foundation-legacy/CHANGELOG.json b/packages/foundation-legacy/CHANGELOG.json
index e4ea346e5508c..d7708bd4ff75a 100644
--- a/packages/foundation-legacy/CHANGELOG.json
+++ b/packages/foundation-legacy/CHANGELOG.json
@@ -1,6 +1,21 @@
 {
   "name": "@fluentui/foundation-legacy",
   "entries": [
+    {
+      "date": "Mon, 23 Dec 2024 07:22:58 GMT",
+      "tag": "@fluentui/foundation-legacy_v8.4.23",
+      "version": "8.4.23",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/foundation-legacy",
+            "comment": "Bump @fluentui/style-utilities to v8.11.6",
+            "commit": "7b4a3785c6c1d7c207602cad0a1795e3df9122ee"
+          }
+        ]
+      }
+    },
     {
       "date": "Fri, 13 Dec 2024 07:23:12 GMT",
       "tag": "@fluentui/foundation-legacy_v8.4.22",
diff --git a/packages/foundation-legacy/CHANGELOG.md b/packages/foundation-legacy/CHANGELOG.md
index c80687b70d060..ed3c079575ece 100644
--- a/packages/foundation-legacy/CHANGELOG.md
+++ b/packages/foundation-legacy/CHANGELOG.md
@@ -1,9 +1,18 @@
 # Change Log - @fluentui/foundation-legacy
 
-This log was last generated on Fri, 13 Dec 2024 07:23:12 GMT and should not be manually modified.
+This log was last generated on Mon, 23 Dec 2024 07:22:58 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [8.4.23](https://github.com/microsoft/fluentui/tree/@fluentui/foundation-legacy_v8.4.23)
+
+Mon, 23 Dec 2024 07:22:58 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/foundation-legacy_v8.4.22..@fluentui/foundation-legacy_v8.4.23)
+
+### Patches
+
+- Bump @fluentui/style-utilities to v8.11.6 ([PR #33445](https://github.com/microsoft/fluentui/pull/33445) by beachball)
+
 ## [8.4.22](https://github.com/microsoft/fluentui/tree/@fluentui/foundation-legacy_v8.4.22)
 
 Fri, 13 Dec 2024 07:23:12 GMT 
diff --git a/packages/foundation-legacy/package.json b/packages/foundation-legacy/package.json
index 947bc28531dd6..f36c7e4806ad9 100644
--- a/packages/foundation-legacy/package.json
+++ b/packages/foundation-legacy/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/foundation-legacy",
-  "version": "8.4.22",
+  "version": "8.4.23",
   "description": "Legacy utilities for building Fluent UI React components.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -35,7 +35,7 @@
   "dependencies": {
     "@fluentui/merge-styles": "^8.6.13",
     "@fluentui/set-version": "^8.2.23",
-    "@fluentui/style-utilities": "^8.11.5",
+    "@fluentui/style-utilities": "^8.11.6",
     "@fluentui/utilities": "^8.15.19",
     "tslib": "^2.1.0"
   },
diff --git a/packages/react-cards/CHANGELOG.json b/packages/react-cards/CHANGELOG.json
index 232b8ff065b87..1f7233662aa52 100644
--- a/packages/react-cards/CHANGELOG.json
+++ b/packages/react-cards/CHANGELOG.json
@@ -1,6 +1,27 @@
 {
   "name": "@fluentui/react-cards",
   "entries": [
+    {
+      "date": "Mon, 23 Dec 2024 07:22:58 GMT",
+      "tag": "@fluentui/react-cards_v0.205.191",
+      "version": "0.205.191",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-cards",
+            "comment": "Bump @fluentui/react to v8.122.2",
+            "commit": "7b4a3785c6c1d7c207602cad0a1795e3df9122ee"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-cards",
+            "comment": "Bump @fluentui/foundation-legacy to v8.4.23",
+            "commit": "7b4a3785c6c1d7c207602cad0a1795e3df9122ee"
+          }
+        ]
+      }
+    },
     {
       "date": "Fri, 13 Dec 2024 07:23:12 GMT",
       "tag": "@fluentui/react-cards_v0.205.190",
diff --git a/packages/react-cards/CHANGELOG.md b/packages/react-cards/CHANGELOG.md
index cadec79291f3e..6b47697a3ed42 100644
--- a/packages/react-cards/CHANGELOG.md
+++ b/packages/react-cards/CHANGELOG.md
@@ -1,9 +1,19 @@
 # Change Log - @fluentui/react-cards
 
-This log was last generated on Fri, 13 Dec 2024 07:23:12 GMT and should not be manually modified.
+This log was last generated on Mon, 23 Dec 2024 07:22:58 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [0.205.191](https://github.com/microsoft/fluentui/tree/@fluentui/react-cards_v0.205.191)
+
+Mon, 23 Dec 2024 07:22:58 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-cards_v0.205.190..@fluentui/react-cards_v0.205.191)
+
+### Patches
+
+- Bump @fluentui/react to v8.122.2 ([PR #33445](https://github.com/microsoft/fluentui/pull/33445) by beachball)
+- Bump @fluentui/foundation-legacy to v8.4.23 ([PR #33445](https://github.com/microsoft/fluentui/pull/33445) by beachball)
+
 ## [0.205.190](https://github.com/microsoft/fluentui/tree/@fluentui/react-cards_v0.205.190)
 
 Fri, 13 Dec 2024 07:23:12 GMT 
diff --git a/packages/react-cards/package.json b/packages/react-cards/package.json
index 8c58a51a68bec..9ab5eee1ce962 100644
--- a/packages/react-cards/package.json
+++ b/packages/react-cards/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-cards",
-  "version": "0.205.190",
+  "version": "0.205.191",
   "description": "Deprecated experimental Card container components for Fluent UI React.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -33,8 +33,8 @@
     "@fluentui/scripts-webpack": "*"
   },
   "dependencies": {
-    "@fluentui/react": "^8.122.1",
-    "@fluentui/foundation-legacy": "^8.4.22",
+    "@fluentui/react": "^8.122.2",
+    "@fluentui/foundation-legacy": "^8.4.23",
     "@fluentui/set-version": "^8.2.23",
     "@microsoft/load-themed-styles": "^1.10.26",
     "tslib": "^2.1.0"
diff --git a/packages/react-components/react-migration-v8-v9/library/package.json b/packages/react-components/react-migration-v8-v9/library/package.json
index 05702c7ce4348..f02d0b19a7977 100644
--- a/packages/react-components/react-migration-v8-v9/library/package.json
+++ b/packages/react-components/react-migration-v8-v9/library/package.json
@@ -19,8 +19,8 @@
   },
   "dependencies": {
     "@ctrl/tinycolor": "3.3.4",
-    "@fluentui/fluent2-theme": "^8.107.118",
-    "@fluentui/react": "^8.122.1",
+    "@fluentui/fluent2-theme": "^8.107.119",
+    "@fluentui/react": "^8.122.2",
     "@fluentui/react-components": "^9.56.8",
     "@fluentui/react-icons": "^2.0.245",
     "@fluentui/react-hooks": "^8.8.16",
diff --git a/packages/react-date-time/CHANGELOG.json b/packages/react-date-time/CHANGELOG.json
index 4fe366a2523ab..bf59d451eb37f 100644
--- a/packages/react-date-time/CHANGELOG.json
+++ b/packages/react-date-time/CHANGELOG.json
@@ -1,6 +1,21 @@
 {
   "name": "@fluentui/react-date-time",
   "entries": [
+    {
+      "date": "Mon, 23 Dec 2024 07:22:58 GMT",
+      "tag": "@fluentui/react-date-time_v8.7.191",
+      "version": "8.7.191",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-date-time",
+            "comment": "Bump @fluentui/react to v8.122.2",
+            "commit": "7b4a3785c6c1d7c207602cad0a1795e3df9122ee"
+          }
+        ]
+      }
+    },
     {
       "date": "Fri, 13 Dec 2024 07:23:12 GMT",
       "tag": "@fluentui/react-date-time_v8.7.190",
diff --git a/packages/react-date-time/CHANGELOG.md b/packages/react-date-time/CHANGELOG.md
index 39d8f943c0233..cebff715da268 100644
--- a/packages/react-date-time/CHANGELOG.md
+++ b/packages/react-date-time/CHANGELOG.md
@@ -1,9 +1,18 @@
 # Change Log - @fluentui/react-date-time
 
-This log was last generated on Fri, 13 Dec 2024 07:23:12 GMT and should not be manually modified.
+This log was last generated on Mon, 23 Dec 2024 07:22:58 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [8.7.191](https://github.com/microsoft/fluentui/tree/@fluentui/react-date-time_v8.7.191)
+
+Mon, 23 Dec 2024 07:22:58 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-date-time_v8.7.190..@fluentui/react-date-time_v8.7.191)
+
+### Patches
+
+- Bump @fluentui/react to v8.122.2 ([PR #33445](https://github.com/microsoft/fluentui/pull/33445) by beachball)
+
 ## [8.7.190](https://github.com/microsoft/fluentui/tree/@fluentui/react-date-time_v8.7.190)
 
 Fri, 13 Dec 2024 07:23:12 GMT 
diff --git a/packages/react-date-time/package.json b/packages/react-date-time/package.json
index 1e887155c4dd5..9153ceb7bfae2 100644
--- a/packages/react-date-time/package.json
+++ b/packages/react-date-time/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-date-time",
-  "version": "8.7.190",
+  "version": "8.7.191",
   "description": "Date and time related React components for building experiences for Microsoft 365.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -27,7 +27,7 @@
     "@fluentui/scripts-webpack": "*"
   },
   "dependencies": {
-    "@fluentui/react": "^8.122.1",
+    "@fluentui/react": "^8.122.2",
     "@fluentui/set-version": "^8.2.23",
     "tslib": "^2.1.0"
   },
diff --git a/packages/react-docsite-components/CHANGELOG.json b/packages/react-docsite-components/CHANGELOG.json
index 2585b860f11c5..bc9a43ebeed16 100644
--- a/packages/react-docsite-components/CHANGELOG.json
+++ b/packages/react-docsite-components/CHANGELOG.json
@@ -1,6 +1,33 @@
 {
   "name": "@fluentui/react-docsite-components",
   "entries": [
+    {
+      "date": "Mon, 23 Dec 2024 07:22:58 GMT",
+      "tag": "@fluentui/react-docsite-components_v8.13.149",
+      "version": "8.13.149",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-docsite-components",
+            "comment": "Bump @fluentui/react to v8.122.2",
+            "commit": "7b4a3785c6c1d7c207602cad0a1795e3df9122ee"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-docsite-components",
+            "comment": "Bump @fluentui/theme to v2.6.64",
+            "commit": "7b4a3785c6c1d7c207602cad0a1795e3df9122ee"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-docsite-components",
+            "comment": "Bump @fluentui/react-monaco-editor to v1.7.267",
+            "commit": "7b4a3785c6c1d7c207602cad0a1795e3df9122ee"
+          }
+        ]
+      }
+    },
     {
       "date": "Fri, 20 Dec 2024 07:20:01 GMT",
       "tag": "@fluentui/react-docsite-components_v8.13.148",
diff --git a/packages/react-docsite-components/CHANGELOG.md b/packages/react-docsite-components/CHANGELOG.md
index 0d0d9c53d902c..f71fd3cbdf35c 100644
--- a/packages/react-docsite-components/CHANGELOG.md
+++ b/packages/react-docsite-components/CHANGELOG.md
@@ -1,9 +1,20 @@
 # Change Log - @fluentui/react-docsite-components
 
-This log was last generated on Fri, 20 Dec 2024 07:20:01 GMT and should not be manually modified.
+This log was last generated on Mon, 23 Dec 2024 07:22:58 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [8.13.149](https://github.com/microsoft/fluentui/tree/@fluentui/react-docsite-components_v8.13.149)
+
+Mon, 23 Dec 2024 07:22:58 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-docsite-components_v8.13.148..@fluentui/react-docsite-components_v8.13.149)
+
+### Patches
+
+- Bump @fluentui/react to v8.122.2 ([PR #33445](https://github.com/microsoft/fluentui/pull/33445) by beachball)
+- Bump @fluentui/theme to v2.6.64 ([PR #33445](https://github.com/microsoft/fluentui/pull/33445) by beachball)
+- Bump @fluentui/react-monaco-editor to v1.7.267 ([PR #33445](https://github.com/microsoft/fluentui/pull/33445) by beachball)
+
 ## [8.13.148](https://github.com/microsoft/fluentui/tree/@fluentui/react-docsite-components_v8.13.148)
 
 Fri, 20 Dec 2024 07:20:01 GMT 
diff --git a/packages/react-docsite-components/package.json b/packages/react-docsite-components/package.json
index 85d4c1e9845d1..8a4f24a6c2162 100644
--- a/packages/react-docsite-components/package.json
+++ b/packages/react-docsite-components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-docsite-components",
-  "version": "8.13.148",
+  "version": "8.13.149",
   "description": "Fluent UI React components for building documentation sites.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -35,14 +35,14 @@
     "react-dom": ">=16.8.0 <19.0.0"
   },
   "dependencies": {
-    "@fluentui/react": "^8.122.1",
-    "@fluentui/theme": "^2.6.63",
+    "@fluentui/react": "^8.122.2",
+    "@fluentui/theme": "^2.6.64",
     "@microsoft/load-themed-styles": "^1.10.26",
     "@fluentui/example-data": "^8.4.25",
     "@fluentui/public-docsite-setup": "^0.3.34",
     "@fluentui/react-hooks": "^8.8.16",
     "@fluentui/set-version": "^8.2.23",
-    "@fluentui/react-monaco-editor": "^1.7.266",
+    "@fluentui/react-monaco-editor": "^1.7.267",
     "color-check": "0.0.2",
     "markdown-to-jsx": "^7.0.0",
     "office-ui-fabric-core": "^11.0.0",
diff --git a/packages/react-examples/package.json b/packages/react-examples/package.json
index 842f999d0a77c..f1089434d4c4c 100644
--- a/packages/react-examples/package.json
+++ b/packages/react-examples/package.json
@@ -27,27 +27,27 @@
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/azure-themes": "^8.6.114",
+    "@fluentui/azure-themes": "^8.6.115",
     "@fluentui/date-time-utilities": "^8.6.9",
     "@fluentui/dom-utilities": "^2.3.9",
     "@fluentui/example-data": "^8.4.25",
-    "@fluentui/font-icons-mdl2": "^8.5.56",
-    "@fluentui/foundation-legacy": "^8.4.22",
+    "@fluentui/font-icons-mdl2": "^8.5.57",
+    "@fluentui/foundation-legacy": "^8.4.23",
     "@fluentui/merge-styles": "^8.6.13",
-    "@fluentui/react": "^8.122.1",
-    "@fluentui/react-cards": "^0.205.190",
-    "@fluentui/react-charting": "^5.23.28",
-    "@fluentui/react-docsite-components": "^8.13.148",
-    "@fluentui/react-experiments": "^8.14.187",
-    "@fluentui/react-file-type-icons": "^8.12.6",
-    "@fluentui/react-focus": "^8.9.19",
+    "@fluentui/react": "^8.122.2",
+    "@fluentui/react-cards": "^0.205.191",
+    "@fluentui/react-charting": "^5.23.29",
+    "@fluentui/react-docsite-components": "^8.13.149",
+    "@fluentui/react-experiments": "^8.14.188",
+    "@fluentui/react-file-type-icons": "^8.12.7",
+    "@fluentui/react-focus": "^8.9.20",
     "@fluentui/react-hooks": "^8.8.16",
-    "@fluentui/react-icons-mdl2": "^1.3.81",
+    "@fluentui/react-icons-mdl2": "^1.3.82",
     "@fluentui/react-window-provider": "^2.2.28",
-    "@fluentui/scheme-utilities": "^8.3.64",
-    "@fluentui/style-utilities": "^8.11.5",
-    "@fluentui/theme": "^2.6.63",
-    "@fluentui/theme-samples": "^8.7.190",
+    "@fluentui/scheme-utilities": "^8.3.65",
+    "@fluentui/style-utilities": "^8.11.6",
+    "@fluentui/theme": "^2.6.64",
+    "@fluentui/theme-samples": "^8.7.191",
     "@fluentui/utilities": "^8.15.19",
     "@microsoft/load-themed-styles": "^1.10.26",
     "d3-fetch": "3.0.1",
diff --git a/packages/react-experiments/CHANGELOG.json b/packages/react-experiments/CHANGELOG.json
index 6102a91b98870..47874318cf96e 100644
--- a/packages/react-experiments/CHANGELOG.json
+++ b/packages/react-experiments/CHANGELOG.json
@@ -1,6 +1,45 @@
 {
   "name": "@fluentui/react-experiments",
   "entries": [
+    {
+      "date": "Mon, 23 Dec 2024 07:22:58 GMT",
+      "tag": "@fluentui/react-experiments_v8.14.188",
+      "version": "8.14.188",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-experiments",
+            "comment": "Bump @fluentui/react to v8.122.2",
+            "commit": "7b4a3785c6c1d7c207602cad0a1795e3df9122ee"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-experiments",
+            "comment": "Bump @fluentui/theme to v2.6.64",
+            "commit": "7b4a3785c6c1d7c207602cad0a1795e3df9122ee"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-experiments",
+            "comment": "Bump @fluentui/foundation-legacy to v8.4.23",
+            "commit": "7b4a3785c6c1d7c207602cad0a1795e3df9122ee"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-experiments",
+            "comment": "Bump @fluentui/font-icons-mdl2 to v8.5.57",
+            "commit": "7b4a3785c6c1d7c207602cad0a1795e3df9122ee"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-experiments",
+            "comment": "Bump @fluentui/style-utilities to v8.11.6",
+            "commit": "7b4a3785c6c1d7c207602cad0a1795e3df9122ee"
+          }
+        ]
+      }
+    },
     {
       "date": "Fri, 13 Dec 2024 07:23:12 GMT",
       "tag": "@fluentui/react-experiments_v8.14.187",
diff --git a/packages/react-experiments/CHANGELOG.md b/packages/react-experiments/CHANGELOG.md
index 6765724d55c64..6d96dd164dcfb 100644
--- a/packages/react-experiments/CHANGELOG.md
+++ b/packages/react-experiments/CHANGELOG.md
@@ -1,9 +1,22 @@
 # Change Log - @fluentui/react-experiments
 
-This log was last generated on Fri, 13 Dec 2024 07:23:12 GMT and should not be manually modified.
+This log was last generated on Mon, 23 Dec 2024 07:22:58 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [8.14.188](https://github.com/microsoft/fluentui/tree/@fluentui/react-experiments_v8.14.188)
+
+Mon, 23 Dec 2024 07:22:58 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-experiments_v8.14.187..@fluentui/react-experiments_v8.14.188)
+
+### Patches
+
+- Bump @fluentui/react to v8.122.2 ([PR #33445](https://github.com/microsoft/fluentui/pull/33445) by beachball)
+- Bump @fluentui/theme to v2.6.64 ([PR #33445](https://github.com/microsoft/fluentui/pull/33445) by beachball)
+- Bump @fluentui/foundation-legacy to v8.4.23 ([PR #33445](https://github.com/microsoft/fluentui/pull/33445) by beachball)
+- Bump @fluentui/font-icons-mdl2 to v8.5.57 ([PR #33445](https://github.com/microsoft/fluentui/pull/33445) by beachball)
+- Bump @fluentui/style-utilities to v8.11.6 ([PR #33445](https://github.com/microsoft/fluentui/pull/33445) by beachball)
+
 ## [8.14.187](https://github.com/microsoft/fluentui/tree/@fluentui/react-experiments_v8.14.187)
 
 Fri, 13 Dec 2024 07:23:12 GMT 
diff --git a/packages/react-experiments/package.json b/packages/react-experiments/package.json
index 82aefbe7f34ae..ad659c153a951 100644
--- a/packages/react-experiments/package.json
+++ b/packages/react-experiments/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-experiments",
-  "version": "8.14.187",
+  "version": "8.14.188",
   "description": "Experimental React components for building experiences for Microsoft 365.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -38,16 +38,16 @@
     "@fluentui/scripts-webpack": "*"
   },
   "dependencies": {
-    "@fluentui/react": "^8.122.1",
-    "@fluentui/theme": "^2.6.63",
+    "@fluentui/react": "^8.122.2",
+    "@fluentui/theme": "^2.6.64",
     "@microsoft/load-themed-styles": "^1.10.26",
     "@fluentui/example-data": "^8.4.25",
-    "@fluentui/foundation-legacy": "^8.4.22",
-    "@fluentui/font-icons-mdl2": "^8.5.56",
+    "@fluentui/foundation-legacy": "^8.4.23",
+    "@fluentui/font-icons-mdl2": "^8.5.57",
     "@fluentui/merge-styles": "^8.6.13",
     "@fluentui/react-hooks": "^8.8.16",
     "@fluentui/set-version": "^8.2.23",
-    "@fluentui/style-utilities": "^8.11.5",
+    "@fluentui/style-utilities": "^8.11.6",
     "@fluentui/utilities": "^8.15.19",
     "deep-assign": "^2.0.0",
     "prop-types": "^15.7.2",
diff --git a/packages/react-file-type-icons/CHANGELOG.json b/packages/react-file-type-icons/CHANGELOG.json
index af4fd46f31705..46f5e3ffdc0b2 100644
--- a/packages/react-file-type-icons/CHANGELOG.json
+++ b/packages/react-file-type-icons/CHANGELOG.json
@@ -1,6 +1,21 @@
 {
   "name": "@fluentui/react-file-type-icons",
   "entries": [
+    {
+      "date": "Mon, 23 Dec 2024 07:22:58 GMT",
+      "tag": "@fluentui/react-file-type-icons_v8.12.7",
+      "version": "8.12.7",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-file-type-icons",
+            "comment": "Bump @fluentui/style-utilities to v8.11.6",
+            "commit": "7b4a3785c6c1d7c207602cad0a1795e3df9122ee"
+          }
+        ]
+      }
+    },
     {
       "date": "Fri, 13 Dec 2024 07:23:12 GMT",
       "tag": "@fluentui/react-file-type-icons_v8.12.6",
diff --git a/packages/react-file-type-icons/CHANGELOG.md b/packages/react-file-type-icons/CHANGELOG.md
index 818517d7db89a..9db6c3fde7e9d 100644
--- a/packages/react-file-type-icons/CHANGELOG.md
+++ b/packages/react-file-type-icons/CHANGELOG.md
@@ -1,9 +1,18 @@
 # Change Log - @fluentui/react-file-type-icons
 
-This log was last generated on Fri, 13 Dec 2024 07:23:12 GMT and should not be manually modified.
+This log was last generated on Mon, 23 Dec 2024 07:22:58 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [8.12.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-file-type-icons_v8.12.7)
+
+Mon, 23 Dec 2024 07:22:58 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-file-type-icons_v8.12.6..@fluentui/react-file-type-icons_v8.12.7)
+
+### Patches
+
+- Bump @fluentui/style-utilities to v8.11.6 ([PR #33445](https://github.com/microsoft/fluentui/pull/33445) by beachball)
+
 ## [8.12.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-file-type-icons_v8.12.6)
 
 Fri, 13 Dec 2024 07:23:12 GMT 
diff --git a/packages/react-file-type-icons/package.json b/packages/react-file-type-icons/package.json
index 7828077df3dcb..d6daa5e700488 100644
--- a/packages/react-file-type-icons/package.json
+++ b/packages/react-file-type-icons/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-file-type-icons",
-  "version": "8.12.6",
+  "version": "8.12.7",
   "description": "Fluent UI React file type icon set.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -28,7 +28,7 @@
   },
   "dependencies": {
     "@fluentui/set-version": "^8.2.23",
-    "@fluentui/style-utilities": "^8.11.5",
+    "@fluentui/style-utilities": "^8.11.6",
     "tslib": "^2.1.0"
   },
   "peerDependencies": {
diff --git a/packages/react-focus/CHANGELOG.json b/packages/react-focus/CHANGELOG.json
index b15de9b3c8a50..151892d1415cd 100644
--- a/packages/react-focus/CHANGELOG.json
+++ b/packages/react-focus/CHANGELOG.json
@@ -1,6 +1,21 @@
 {
   "name": "@fluentui/react-focus",
   "entries": [
+    {
+      "date": "Mon, 23 Dec 2024 07:22:58 GMT",
+      "tag": "@fluentui/react-focus_v8.9.20",
+      "version": "8.9.20",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-focus",
+            "comment": "Bump @fluentui/style-utilities to v8.11.6",
+            "commit": "7b4a3785c6c1d7c207602cad0a1795e3df9122ee"
+          }
+        ]
+      }
+    },
     {
       "date": "Fri, 13 Dec 2024 07:23:12 GMT",
       "tag": "@fluentui/react-focus_v8.9.19",
diff --git a/packages/react-focus/CHANGELOG.md b/packages/react-focus/CHANGELOG.md
index 2d05140c9d56c..0905a2bebf260 100644
--- a/packages/react-focus/CHANGELOG.md
+++ b/packages/react-focus/CHANGELOG.md
@@ -1,9 +1,18 @@
 # Change Log - @fluentui/react-focus
 
-This log was last generated on Fri, 13 Dec 2024 07:23:12 GMT and should not be manually modified.
+This log was last generated on Mon, 23 Dec 2024 07:22:58 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [8.9.20](https://github.com/microsoft/fluentui/tree/@fluentui/react-focus_v8.9.20)
+
+Mon, 23 Dec 2024 07:22:58 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-focus_v8.9.19..@fluentui/react-focus_v8.9.20)
+
+### Patches
+
+- Bump @fluentui/style-utilities to v8.11.6 ([PR #33445](https://github.com/microsoft/fluentui/pull/33445) by beachball)
+
 ## [8.9.19](https://github.com/microsoft/fluentui/tree/@fluentui/react-focus_v8.9.19)
 
 Fri, 13 Dec 2024 07:23:12 GMT 
diff --git a/packages/react-focus/package.json b/packages/react-focus/package.json
index 77e8958bb5eb8..c96fce9f88f01 100644
--- a/packages/react-focus/package.json
+++ b/packages/react-focus/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-focus",
-  "version": "8.9.19",
+  "version": "8.9.20",
   "description": "Focus helpers to be used in React applications.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -38,7 +38,7 @@
     "@fluentui/keyboard-key": "^0.4.23",
     "@fluentui/merge-styles": "^8.6.13",
     "@fluentui/set-version": "^8.2.23",
-    "@fluentui/style-utilities": "^8.11.5",
+    "@fluentui/style-utilities": "^8.11.6",
     "@fluentui/utilities": "^8.15.19",
     "tslib": "^2.1.0"
   },
diff --git a/packages/react-icon-provider/CHANGELOG.json b/packages/react-icon-provider/CHANGELOG.json
index e56287fc560af..279b00f9d91cd 100644
--- a/packages/react-icon-provider/CHANGELOG.json
+++ b/packages/react-icon-provider/CHANGELOG.json
@@ -1,6 +1,27 @@
 {
   "name": "@fluentui/react-icon-provider",
   "entries": [
+    {
+      "date": "Mon, 23 Dec 2024 07:22:57 GMT",
+      "tag": "@fluentui/react-icon-provider_v1.3.78",
+      "version": "1.3.78",
+      "comments": {
+        "patch": [
+          {
+            "author": "olfedias@microsoft.com",
+            "package": "@fluentui/react-icon-provider",
+            "commit": "dc7bb663e3d93a19b611cf1892556d69c57b1269",
+            "comment": "chore: remove usage of \"export *\""
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-icon-provider",
+            "comment": "Bump @fluentui/style-utilities to v8.11.6",
+            "commit": "7b4a3785c6c1d7c207602cad0a1795e3df9122ee"
+          }
+        ]
+      }
+    },
     {
       "date": "Fri, 13 Dec 2024 07:23:12 GMT",
       "tag": "@fluentui/react-icon-provider_v1.3.77",
diff --git a/packages/react-icon-provider/CHANGELOG.md b/packages/react-icon-provider/CHANGELOG.md
index d76f29b8bdc46..581fad04ef790 100644
--- a/packages/react-icon-provider/CHANGELOG.md
+++ b/packages/react-icon-provider/CHANGELOG.md
@@ -1,9 +1,19 @@
 # Change Log - @fluentui/react-icon-provider
 
-This log was last generated on Fri, 13 Dec 2024 07:23:12 GMT and should not be manually modified.
+This log was last generated on Mon, 23 Dec 2024 07:22:57 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [1.3.78](https://github.com/microsoft/fluentui/tree/@fluentui/react-icon-provider_v1.3.78)
+
+Mon, 23 Dec 2024 07:22:57 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-icon-provider_v1.3.77..@fluentui/react-icon-provider_v1.3.78)
+
+### Patches
+
+- chore: remove usage of "export *" ([PR #33448](https://github.com/microsoft/fluentui/pull/33448) by olfedias@microsoft.com)
+- Bump @fluentui/style-utilities to v8.11.6 ([PR #33445](https://github.com/microsoft/fluentui/pull/33445) by beachball)
+
 ## [1.3.77](https://github.com/microsoft/fluentui/tree/@fluentui/react-icon-provider_v1.3.77)
 
 Fri, 13 Dec 2024 07:23:12 GMT 
diff --git a/packages/react-icon-provider/package.json b/packages/react-icon-provider/package.json
index 90170cc79f37c..1887d0aa9743b 100644
--- a/packages/react-icon-provider/package.json
+++ b/packages/react-icon-provider/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-icon-provider",
-  "version": "1.3.77",
+  "version": "1.3.78",
   "description": "Package for applying icon overrides to Fluent UI React SVG icons",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -30,7 +30,7 @@
   },
   "dependencies": {
     "@fluentui/set-version": "^8.2.23",
-    "@fluentui/style-utilities": "^8.11.5",
+    "@fluentui/style-utilities": "^8.11.6",
     "tslib": "^2.1.0"
   },
   "peerDependencies": {
diff --git a/packages/react-icons-mdl2-branded/CHANGELOG.json b/packages/react-icons-mdl2-branded/CHANGELOG.json
index 2e095626b23d9..3b43601e0d564 100644
--- a/packages/react-icons-mdl2-branded/CHANGELOG.json
+++ b/packages/react-icons-mdl2-branded/CHANGELOG.json
@@ -1,6 +1,21 @@
 {
   "name": "@fluentui/react-icons-mdl2-branded",
   "entries": [
+    {
+      "date": "Mon, 23 Dec 2024 07:22:58 GMT",
+      "tag": "@fluentui/react-icons-mdl2-branded_v1.2.84",
+      "version": "1.2.84",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-icons-mdl2-branded",
+            "comment": "Bump @fluentui/react-icons-mdl2 to v1.3.82",
+            "commit": "7b4a3785c6c1d7c207602cad0a1795e3df9122ee"
+          }
+        ]
+      }
+    },
     {
       "date": "Fri, 13 Dec 2024 07:23:12 GMT",
       "tag": "@fluentui/react-icons-mdl2-branded_v1.2.83",
diff --git a/packages/react-icons-mdl2-branded/CHANGELOG.md b/packages/react-icons-mdl2-branded/CHANGELOG.md
index 65be76ca927a4..ac6983eb3f8db 100644
--- a/packages/react-icons-mdl2-branded/CHANGELOG.md
+++ b/packages/react-icons-mdl2-branded/CHANGELOG.md
@@ -1,9 +1,18 @@
 # Change Log - @fluentui/react-icons-mdl2-branded
 
-This log was last generated on Fri, 13 Dec 2024 07:23:12 GMT and should not be manually modified.
+This log was last generated on Mon, 23 Dec 2024 07:22:58 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [1.2.84](https://github.com/microsoft/fluentui/tree/@fluentui/react-icons-mdl2-branded_v1.2.84)
+
+Mon, 23 Dec 2024 07:22:58 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-icons-mdl2-branded_v1.2.83..@fluentui/react-icons-mdl2-branded_v1.2.84)
+
+### Patches
+
+- Bump @fluentui/react-icons-mdl2 to v1.3.82 ([PR #33445](https://github.com/microsoft/fluentui/pull/33445) by beachball)
+
 ## [1.2.83](https://github.com/microsoft/fluentui/tree/@fluentui/react-icons-mdl2-branded_v1.2.83)
 
 Fri, 13 Dec 2024 07:23:12 GMT 
diff --git a/packages/react-icons-mdl2-branded/package.json b/packages/react-icons-mdl2-branded/package.json
index cc6afcf48e61a..55901e2cff2b1 100644
--- a/packages/react-icons-mdl2-branded/package.json
+++ b/packages/react-icons-mdl2-branded/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-icons-mdl2-branded",
-  "version": "1.2.83",
+  "version": "1.2.84",
   "description": "Branded SVG icons from the MDL2 icon set",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -26,7 +26,7 @@
   },
   "dependencies": {
     "@fluentui/set-version": "^8.2.23",
-    "@fluentui/react-icons-mdl2": "^1.3.81",
+    "@fluentui/react-icons-mdl2": "^1.3.82",
     "tslib": "^2.1.0"
   },
   "peerDependencies": {
diff --git a/packages/react-icons-mdl2/CHANGELOG.json b/packages/react-icons-mdl2/CHANGELOG.json
index 2d0eabf3d4577..c88e85870ebf0 100644
--- a/packages/react-icons-mdl2/CHANGELOG.json
+++ b/packages/react-icons-mdl2/CHANGELOG.json
@@ -1,6 +1,21 @@
 {
   "name": "@fluentui/react-icons-mdl2",
   "entries": [
+    {
+      "date": "Mon, 23 Dec 2024 07:22:58 GMT",
+      "tag": "@fluentui/react-icons-mdl2_v1.3.82",
+      "version": "1.3.82",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-icons-mdl2",
+            "comment": "Bump @fluentui/react-icon-provider to v1.3.78",
+            "commit": "7b4a3785c6c1d7c207602cad0a1795e3df9122ee"
+          }
+        ]
+      }
+    },
     {
       "date": "Fri, 13 Dec 2024 07:23:12 GMT",
       "tag": "@fluentui/react-icons-mdl2_v1.3.81",
diff --git a/packages/react-icons-mdl2/CHANGELOG.md b/packages/react-icons-mdl2/CHANGELOG.md
index 922b24ecbf6d2..ffdc164ec2720 100644
--- a/packages/react-icons-mdl2/CHANGELOG.md
+++ b/packages/react-icons-mdl2/CHANGELOG.md
@@ -1,9 +1,18 @@
 # Change Log - @fluentui/react-icons-mdl2
 
-This log was last generated on Fri, 13 Dec 2024 07:23:12 GMT and should not be manually modified.
+This log was last generated on Mon, 23 Dec 2024 07:22:58 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [1.3.82](https://github.com/microsoft/fluentui/tree/@fluentui/react-icons-mdl2_v1.3.82)
+
+Mon, 23 Dec 2024 07:22:58 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-icons-mdl2_v1.3.81..@fluentui/react-icons-mdl2_v1.3.82)
+
+### Patches
+
+- Bump @fluentui/react-icon-provider to v1.3.78 ([PR #33445](https://github.com/microsoft/fluentui/pull/33445) by beachball)
+
 ## [1.3.81](https://github.com/microsoft/fluentui/tree/@fluentui/react-icons-mdl2_v1.3.81)
 
 Fri, 13 Dec 2024 07:23:12 GMT 
diff --git a/packages/react-icons-mdl2/package.json b/packages/react-icons-mdl2/package.json
index 95d461669d6d0..a624f56180a31 100644
--- a/packages/react-icons-mdl2/package.json
+++ b/packages/react-icons-mdl2/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-icons-mdl2",
-  "version": "1.3.81",
+  "version": "1.3.82",
   "description": "SVG icon components for @fluentui/react",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -31,7 +31,7 @@
   },
   "dependencies": {
     "@microsoft/load-themed-styles": "^1.10.26",
-    "@fluentui/react-icon-provider": "^1.3.77",
+    "@fluentui/react-icon-provider": "^1.3.78",
     "@fluentui/set-version": "^8.2.23",
     "@fluentui/utilities": "^8.15.19",
     "tslib": "^2.1.0"
diff --git a/packages/react-monaco-editor/CHANGELOG.json b/packages/react-monaco-editor/CHANGELOG.json
index 740f2aa7273fb..30e96ac4c0ae7 100644
--- a/packages/react-monaco-editor/CHANGELOG.json
+++ b/packages/react-monaco-editor/CHANGELOG.json
@@ -1,6 +1,27 @@
 {
   "name": "@fluentui/react-monaco-editor",
   "entries": [
+    {
+      "date": "Mon, 23 Dec 2024 07:22:58 GMT",
+      "tag": "@fluentui/react-monaco-editor_v1.7.267",
+      "version": "1.7.267",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-monaco-editor",
+            "comment": "Bump @fluentui/react to v8.122.2",
+            "commit": "7b4a3785c6c1d7c207602cad0a1795e3df9122ee"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-monaco-editor",
+            "comment": "Bump @fluentui/react-charting to v5.23.29",
+            "commit": "7b4a3785c6c1d7c207602cad0a1795e3df9122ee"
+          }
+        ]
+      }
+    },
     {
       "date": "Fri, 20 Dec 2024 07:20:01 GMT",
       "tag": "@fluentui/react-monaco-editor_v1.7.266",
diff --git a/packages/react-monaco-editor/CHANGELOG.md b/packages/react-monaco-editor/CHANGELOG.md
index 5e394b3022200..e997cc0806155 100644
--- a/packages/react-monaco-editor/CHANGELOG.md
+++ b/packages/react-monaco-editor/CHANGELOG.md
@@ -1,9 +1,19 @@
 # Change Log - @fluentui/react-monaco-editor
 
-This log was last generated on Fri, 20 Dec 2024 07:20:01 GMT and should not be manually modified.
+This log was last generated on Mon, 23 Dec 2024 07:22:58 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [1.7.267](https://github.com/microsoft/fluentui/tree/@fluentui/react-monaco-editor_v1.7.267)
+
+Mon, 23 Dec 2024 07:22:58 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-monaco-editor_v1.7.266..@fluentui/react-monaco-editor_v1.7.267)
+
+### Patches
+
+- Bump @fluentui/react to v8.122.2 ([PR #33445](https://github.com/microsoft/fluentui/pull/33445) by beachball)
+- Bump @fluentui/react-charting to v5.23.29 ([PR #33445](https://github.com/microsoft/fluentui/pull/33445) by beachball)
+
 ## [1.7.266](https://github.com/microsoft/fluentui/tree/@fluentui/react-monaco-editor_v1.7.266)
 
 Fri, 20 Dec 2024 07:20:01 GMT 
diff --git a/packages/react-monaco-editor/package.json b/packages/react-monaco-editor/package.json
index a2341d0e51366..663949c176638 100644
--- a/packages/react-monaco-editor/package.json
+++ b/packages/react-monaco-editor/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-monaco-editor",
-  "version": "1.7.266",
+  "version": "1.7.267",
   "description": "Live React example editing using monaco",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -29,12 +29,12 @@
     "@fluentui/scripts-webpack": "*"
   },
   "dependencies": {
-    "@fluentui/react": "^8.122.1",
+    "@fluentui/react": "^8.122.2",
     "@microsoft/load-themed-styles": "^1.10.26",
     "@fluentui/example-data": "^8.4.25",
     "@fluentui/monaco-editor": "^1.3.24",
     "@fluentui/react-hooks": "^8.8.16",
-    "@fluentui/react-charting": "^5.23.28",
+    "@fluentui/react-charting": "^5.23.29",
     "raw-loader": "4.0.2",
     "react-syntax-highlighter": "^10.1.3",
     "tslib": "^2.1.0"
diff --git a/packages/react/CHANGELOG.json b/packages/react/CHANGELOG.json
index 36540852fabb6..c948f42776450 100644
--- a/packages/react/CHANGELOG.json
+++ b/packages/react/CHANGELOG.json
@@ -1,6 +1,45 @@
 {
   "name": "@fluentui/react",
   "entries": [
+    {
+      "date": "Mon, 23 Dec 2024 07:22:58 GMT",
+      "tag": "@fluentui/react_v8.122.2",
+      "version": "8.122.2",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react",
+            "comment": "Bump @fluentui/foundation-legacy to v8.4.23",
+            "commit": "7b4a3785c6c1d7c207602cad0a1795e3df9122ee"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react",
+            "comment": "Bump @fluentui/font-icons-mdl2 to v8.5.57",
+            "commit": "7b4a3785c6c1d7c207602cad0a1795e3df9122ee"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react",
+            "comment": "Bump @fluentui/react-focus to v8.9.20",
+            "commit": "7b4a3785c6c1d7c207602cad0a1795e3df9122ee"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react",
+            "comment": "Bump @fluentui/style-utilities to v8.11.6",
+            "commit": "7b4a3785c6c1d7c207602cad0a1795e3df9122ee"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react",
+            "comment": "Bump @fluentui/theme to v2.6.64",
+            "commit": "7b4a3785c6c1d7c207602cad0a1795e3df9122ee"
+          }
+        ]
+      }
+    },
     {
       "date": "Fri, 20 Dec 2024 07:20:00 GMT",
       "tag": "@fluentui/react_v8.122.1",
diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
index d1c8e9d03ad91..c8404343b171a 100644
--- a/packages/react/CHANGELOG.md
+++ b/packages/react/CHANGELOG.md
@@ -1,9 +1,22 @@
 # Change Log - @fluentui/react
 
-This log was last generated on Fri, 13 Dec 2024 07:23:12 GMT and should not be manually modified.
+This log was last generated on Mon, 23 Dec 2024 07:22:58 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [8.122.2](https://github.com/microsoft/fluentui/tree/@fluentui/react_v8.122.2)
+
+Mon, 23 Dec 2024 07:22:58 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react_v8.122.1..@fluentui/react_v8.122.2)
+
+### Patches
+
+- Bump @fluentui/foundation-legacy to v8.4.23 ([PR #33445](https://github.com/microsoft/fluentui/pull/33445) by beachball)
+- Bump @fluentui/font-icons-mdl2 to v8.5.57 ([PR #33445](https://github.com/microsoft/fluentui/pull/33445) by beachball)
+- Bump @fluentui/react-focus to v8.9.20 ([PR #33445](https://github.com/microsoft/fluentui/pull/33445) by beachball)
+- Bump @fluentui/style-utilities to v8.11.6 ([PR #33445](https://github.com/microsoft/fluentui/pull/33445) by beachball)
+- Bump @fluentui/theme to v2.6.64 ([PR #33445](https://github.com/microsoft/fluentui/pull/33445) by beachball)
+
 ## [8.122.1](https://github.com/microsoft/fluentui/tree/@fluentui/react_v8.122.1)
 
 Fri, 13 Dec 2024 07:23:12 GMT 
diff --git a/packages/react/package.json b/packages/react/package.json
index 3f47bf8370927..aadd5c64e631d 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react",
-  "version": "8.122.1",
+  "version": "8.122.2",
   "description": "Reusable React components for building web experiences.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -49,16 +49,16 @@
   },
   "dependencies": {
     "@fluentui/date-time-utilities": "^8.6.9",
-    "@fluentui/foundation-legacy": "^8.4.22",
-    "@fluentui/font-icons-mdl2": "^8.5.56",
+    "@fluentui/foundation-legacy": "^8.4.23",
+    "@fluentui/font-icons-mdl2": "^8.5.57",
     "@fluentui/merge-styles": "^8.6.13",
-    "@fluentui/react-focus": "^8.9.19",
+    "@fluentui/react-focus": "^8.9.20",
     "@fluentui/react-hooks": "^8.8.16",
     "@fluentui/react-portal-compat-context": "^9.0.13",
     "@fluentui/react-window-provider": "^2.2.28",
     "@fluentui/set-version": "^8.2.23",
-    "@fluentui/style-utilities": "^8.11.5",
-    "@fluentui/theme": "^2.6.63",
+    "@fluentui/style-utilities": "^8.11.6",
+    "@fluentui/theme": "^2.6.64",
     "@fluentui/utilities": "^8.15.19",
     "@microsoft/load-themed-styles": "^1.10.26",
     "tslib": "^2.1.0"
diff --git a/packages/scheme-utilities/CHANGELOG.json b/packages/scheme-utilities/CHANGELOG.json
index e32b174e3b411..286d4a7cce389 100644
--- a/packages/scheme-utilities/CHANGELOG.json
+++ b/packages/scheme-utilities/CHANGELOG.json
@@ -1,6 +1,21 @@
 {
   "name": "@fluentui/scheme-utilities",
   "entries": [
+    {
+      "date": "Mon, 23 Dec 2024 07:22:58 GMT",
+      "tag": "@fluentui/scheme-utilities_v8.3.65",
+      "version": "8.3.65",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/scheme-utilities",
+            "comment": "Bump @fluentui/theme to v2.6.64",
+            "commit": "7b4a3785c6c1d7c207602cad0a1795e3df9122ee"
+          }
+        ]
+      }
+    },
     {
       "date": "Fri, 11 Oct 2024 16:51:54 GMT",
       "tag": "@fluentui/scheme-utilities_v8.3.64",
diff --git a/packages/scheme-utilities/CHANGELOG.md b/packages/scheme-utilities/CHANGELOG.md
index b29a08fa5eca2..672ba9930d593 100644
--- a/packages/scheme-utilities/CHANGELOG.md
+++ b/packages/scheme-utilities/CHANGELOG.md
@@ -1,9 +1,18 @@
 # Change Log - @fluentui/scheme-utilities
 
-This log was last generated on Fri, 11 Oct 2024 16:51:54 GMT and should not be manually modified.
+This log was last generated on Mon, 23 Dec 2024 07:22:58 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [8.3.65](https://github.com/microsoft/fluentui/tree/@fluentui/scheme-utilities_v8.3.65)
+
+Mon, 23 Dec 2024 07:22:58 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/scheme-utilities_v8.3.64..@fluentui/scheme-utilities_v8.3.65)
+
+### Patches
+
+- Bump @fluentui/theme to v2.6.64 ([PR #33445](https://github.com/microsoft/fluentui/pull/33445) by beachball)
+
 ## [8.3.64](https://github.com/microsoft/fluentui/tree/@fluentui/scheme-utilities_v8.3.64)
 
 Fri, 11 Oct 2024 16:51:54 GMT 
diff --git a/packages/scheme-utilities/package.json b/packages/scheme-utilities/package.json
index 8c4ac73026bed..6e9000458bf0f 100644
--- a/packages/scheme-utilities/package.json
+++ b/packages/scheme-utilities/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/scheme-utilities",
-  "version": "8.3.64",
+  "version": "8.3.65",
   "description": "Fluent UI React subtheme generator.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -27,7 +27,7 @@
     "@fluentui/scripts-webpack": "*"
   },
   "dependencies": {
-    "@fluentui/theme": "^2.6.63",
+    "@fluentui/theme": "^2.6.64",
     "@fluentui/set-version": "^8.2.23",
     "tslib": "^2.1.0"
   },
diff --git a/packages/storybook/package.json b/packages/storybook/package.json
index 84dddf49a54ff..475a239e4ec6b 100644
--- a/packages/storybook/package.json
+++ b/packages/storybook/package.json
@@ -22,11 +22,11 @@
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/react": "^8.122.1",
-    "@fluentui/theme": "^2.6.63",
+    "@fluentui/react": "^8.122.2",
+    "@fluentui/theme": "^2.6.64",
     "@storybook/addon-essentials": "7.6.20",
-    "@fluentui/azure-themes": "^8.6.114",
-    "@fluentui/theme-samples": "^8.7.190",
+    "@fluentui/azure-themes": "^8.6.115",
+    "@fluentui/theme-samples": "^8.7.191",
     "tslib": "^2.1.0"
   },
   "peerDependencies": {
diff --git a/packages/style-utilities/CHANGELOG.json b/packages/style-utilities/CHANGELOG.json
index 73a4347b05adc..bd87297069b25 100644
--- a/packages/style-utilities/CHANGELOG.json
+++ b/packages/style-utilities/CHANGELOG.json
@@ -1,6 +1,21 @@
 {
   "name": "@fluentui/style-utilities",
   "entries": [
+    {
+      "date": "Mon, 23 Dec 2024 07:22:58 GMT",
+      "tag": "@fluentui/style-utilities_v8.11.6",
+      "version": "8.11.6",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/style-utilities",
+            "comment": "Bump @fluentui/theme to v2.6.64",
+            "commit": "7b4a3785c6c1d7c207602cad0a1795e3df9122ee"
+          }
+        ]
+      }
+    },
     {
       "date": "Fri, 13 Dec 2024 07:23:12 GMT",
       "tag": "@fluentui/style-utilities_v8.11.5",
diff --git a/packages/style-utilities/CHANGELOG.md b/packages/style-utilities/CHANGELOG.md
index 83f44fad2be29..6f6a079756c1b 100644
--- a/packages/style-utilities/CHANGELOG.md
+++ b/packages/style-utilities/CHANGELOG.md
@@ -1,9 +1,18 @@
 # Change Log - @fluentui/style-utilities
 
-This log was last generated on Fri, 13 Dec 2024 07:23:12 GMT and should not be manually modified.
+This log was last generated on Mon, 23 Dec 2024 07:22:58 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [8.11.6](https://github.com/microsoft/fluentui/tree/@fluentui/style-utilities_v8.11.6)
+
+Mon, 23 Dec 2024 07:22:58 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/style-utilities_v8.11.5..@fluentui/style-utilities_v8.11.6)
+
+### Patches
+
+- Bump @fluentui/theme to v2.6.64 ([PR #33445](https://github.com/microsoft/fluentui/pull/33445) by beachball)
+
 ## [8.11.5](https://github.com/microsoft/fluentui/tree/@fluentui/style-utilities_v8.11.5)
 
 Fri, 13 Dec 2024 07:23:12 GMT 
diff --git a/packages/style-utilities/package.json b/packages/style-utilities/package.json
index cb3191659822c..334e74ff56327 100644
--- a/packages/style-utilities/package.json
+++ b/packages/style-utilities/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/style-utilities",
-  "version": "8.11.5",
+  "version": "8.11.6",
   "description": "Styling helpers for Fluent UI React.",
   "repository": {
     "type": "git",
@@ -32,7 +32,7 @@
   },
   "dependencies": {
     "@microsoft/load-themed-styles": "^1.10.26",
-    "@fluentui/theme": "^2.6.63",
+    "@fluentui/theme": "^2.6.64",
     "@fluentui/merge-styles": "^8.6.13",
     "@fluentui/set-version": "^8.2.23",
     "@fluentui/utilities": "^8.15.19",
diff --git a/packages/theme-samples/CHANGELOG.json b/packages/theme-samples/CHANGELOG.json
index f94148ab5eeb5..c46b6beef089a 100644
--- a/packages/theme-samples/CHANGELOG.json
+++ b/packages/theme-samples/CHANGELOG.json
@@ -1,6 +1,27 @@
 {
   "name": "@fluentui/theme-samples",
   "entries": [
+    {
+      "date": "Mon, 23 Dec 2024 07:22:58 GMT",
+      "tag": "@fluentui/theme-samples_v8.7.191",
+      "version": "8.7.191",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/theme-samples",
+            "comment": "Bump @fluentui/react to v8.122.2",
+            "commit": "7b4a3785c6c1d7c207602cad0a1795e3df9122ee"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/theme-samples",
+            "comment": "Bump @fluentui/scheme-utilities to v8.3.65",
+            "commit": "7b4a3785c6c1d7c207602cad0a1795e3df9122ee"
+          }
+        ]
+      }
+    },
     {
       "date": "Fri, 13 Dec 2024 07:23:12 GMT",
       "tag": "@fluentui/theme-samples_v8.7.190",
diff --git a/packages/theme-samples/CHANGELOG.md b/packages/theme-samples/CHANGELOG.md
index 065794127c86c..2b26dea032ea9 100644
--- a/packages/theme-samples/CHANGELOG.md
+++ b/packages/theme-samples/CHANGELOG.md
@@ -1,9 +1,19 @@
 # Change Log - @fluentui/theme-samples
 
-This log was last generated on Fri, 13 Dec 2024 07:23:12 GMT and should not be manually modified.
+This log was last generated on Mon, 23 Dec 2024 07:22:58 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [8.7.191](https://github.com/microsoft/fluentui/tree/@fluentui/theme-samples_v8.7.191)
+
+Mon, 23 Dec 2024 07:22:58 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/theme-samples_v8.7.190..@fluentui/theme-samples_v8.7.191)
+
+### Patches
+
+- Bump @fluentui/react to v8.122.2 ([PR #33445](https://github.com/microsoft/fluentui/pull/33445) by beachball)
+- Bump @fluentui/scheme-utilities to v8.3.65 ([PR #33445](https://github.com/microsoft/fluentui/pull/33445) by beachball)
+
 ## [8.7.190](https://github.com/microsoft/fluentui/tree/@fluentui/theme-samples_v8.7.190)
 
 Fri, 13 Dec 2024 07:23:12 GMT 
diff --git a/packages/theme-samples/package.json b/packages/theme-samples/package.json
index da948c6ead801..f6e4dddae6f30 100644
--- a/packages/theme-samples/package.json
+++ b/packages/theme-samples/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/theme-samples",
-  "version": "8.7.190",
+  "version": "8.7.191",
   "description": "Sample themes for use with Fabric components.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -26,9 +26,9 @@
     "@fluentui/scripts-webpack": "*"
   },
   "dependencies": {
-    "@fluentui/react": "^8.122.1",
+    "@fluentui/react": "^8.122.2",
     "@fluentui/set-version": "^8.2.23",
-    "@fluentui/scheme-utilities": "^8.3.64",
+    "@fluentui/scheme-utilities": "^8.3.65",
     "tslib": "^2.1.0"
   },
   "exports": {
diff --git a/packages/theme/CHANGELOG.json b/packages/theme/CHANGELOG.json
index 94b391e3427fd..383c73f51fa8f 100644
--- a/packages/theme/CHANGELOG.json
+++ b/packages/theme/CHANGELOG.json
@@ -1,6 +1,21 @@
 {
   "name": "@fluentui/theme",
   "entries": [
+    {
+      "date": "Mon, 23 Dec 2024 07:22:58 GMT",
+      "tag": "@fluentui/theme_v2.6.64",
+      "version": "2.6.64",
+      "comments": {
+        "patch": [
+          {
+            "author": "olfedias@microsoft.com",
+            "package": "@fluentui/theme",
+            "commit": "dc7bb663e3d93a19b611cf1892556d69c57b1269",
+            "comment": "chore: remove usage of \"export *\""
+          }
+        ]
+      }
+    },
     {
       "date": "Tue, 05 Nov 2024 00:59:52 GMT",
       "tag": "@fluentui/theme_v2.6.63",
diff --git a/packages/theme/CHANGELOG.md b/packages/theme/CHANGELOG.md
index 3bc704261e691..a6e4242eb6dce 100644
--- a/packages/theme/CHANGELOG.md
+++ b/packages/theme/CHANGELOG.md
@@ -1,9 +1,18 @@
 # Change Log - @fluentui/theme
 
-This log was last generated on Fri, 11 Oct 2024 16:51:54 GMT and should not be manually modified.
+This log was last generated on Mon, 23 Dec 2024 07:22:58 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [2.6.64](https://github.com/microsoft/fluentui/tree/@fluentui/theme_v2.6.64)
+
+Mon, 23 Dec 2024 07:22:58 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/theme_v2.6.63..@fluentui/theme_v2.6.64)
+
+### Patches
+
+- chore: remove usage of "export *" ([PR #33448](https://github.com/microsoft/fluentui/pull/33448) by olfedias@microsoft.com)
+
 ## [2.6.63](https://github.com/microsoft/fluentui/tree/@fluentui/theme_v2.6.63)
 
 Fri, 11 Oct 2024 16:51:54 GMT 
diff --git a/packages/theme/package.json b/packages/theme/package.json
index f5c8396cf6f5a..268aac8ec4cfe 100644
--- a/packages/theme/package.json
+++ b/packages/theme/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/theme",
-  "version": "2.6.63",
+  "version": "2.6.64",
   "description": "Basic building blocks for Fluent UI React Component themes",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",

From fa08fec97a5bc070e2866633c792f7066f0c86e8 Mon Sep 17 00:00:00 2001
From: srmukher <120183316+srmukher@users.noreply.github.com>
Date: Tue, 24 Dec 2024 22:57:46 +0530
Subject: [PATCH 29/42] [Donut] Legends multi selection for Donut Charts
 (#33447)

---
 ...-57a1c519-224f-4da6-bdd9-bfc7decab0f7.json |  7 ++
 .../DeclarativeChart/DeclarativeChart.tsx     |  2 +-
 .../src/components/DonutChart/Arc/Arc.tsx     | 20 +++--
 .../components/DonutChart/Arc/Arc.types.ts    |  2 +-
 .../components/DonutChart/DonutChart.base.tsx | 75 +++++++++++++------
 .../DonutChart/DonutChartRTL.test.tsx         | 40 +++++++++-
 .../components/DonutChart/Pie/Pie.types.ts    |  2 +-
 .../DonutChart/DonutChart.Basic.Example.tsx   | 75 ++++++++++++++++++-
 8 files changed, 183 insertions(+), 40 deletions(-)
 create mode 100644 change/@fluentui-react-charting-57a1c519-224f-4da6-bdd9-bfc7decab0f7.json

diff --git a/change/@fluentui-react-charting-57a1c519-224f-4da6-bdd9-bfc7decab0f7.json b/change/@fluentui-react-charting-57a1c519-224f-4da6-bdd9-bfc7decab0f7.json
new file mode 100644
index 0000000000000..79123ffb677ff
--- /dev/null
+++ b/change/@fluentui-react-charting-57a1c519-224f-4da6-bdd9-bfc7decab0f7.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Legends multi selection for Donut Charts",
+  "packageName": "@fluentui/react-charting",
+  "email": "120183316+srmukher@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/charts/react-charting/src/components/DeclarativeChart/DeclarativeChart.tsx b/packages/charts/react-charting/src/components/DeclarativeChart/DeclarativeChart.tsx
index 9929b993f178a..5ee0c2e35ebb3 100644
--- a/packages/charts/react-charting/src/components/DeclarativeChart/DeclarativeChart.tsx
+++ b/packages/charts/react-charting/src/components/DeclarativeChart/DeclarativeChart.tsx
@@ -129,7 +129,7 @@ export const DeclarativeChart: React.FunctionComponent<DeclarativeChartProps> =
       return (
         <DonutChart
           {...transformPlotlyJsonToDonutProps(plotlySchema, colorMap, isDarkTheme)}
-          legendProps={legendProps}
+          legendProps={{ ...legendProps, canSelectMultipleLegends: true }}
           componentRef={chartRef}
         />
       );
diff --git a/packages/charts/react-charting/src/components/DonutChart/Arc/Arc.tsx b/packages/charts/react-charting/src/components/DonutChart/Arc/Arc.tsx
index 7d7baef968045..ff1b9a261948b 100644
--- a/packages/charts/react-charting/src/components/DonutChart/Arc/Arc.tsx
+++ b/packages/charts/react-charting/src/components/DonutChart/Arc/Arc.tsx
@@ -31,12 +31,11 @@ export class Arc extends React.Component<IArcProps, IArcState> {
   }
 
   public render(): JSX.Element {
-    const { arc, href, focusedArcId } = this.props;
+    const { arc, href, focusedArcId, activeArc } = this.props;
     const getClassNames = classNamesFunction<IArcStyleProps, IArcStyles>();
     const id = this.props.uniqText! + this.props.data!.data.legend!.replace(/\s+/, '') + this.props.data!.data.data;
     const opacity: number =
-      this.props.activeArc === this.props.data!.data.legend || this.props.activeArc === '' ? 1 : 0.1;
-
+      activeArc && activeArc.length > 0 ? (activeArc.includes(this.props.data?.data.legend!) ? 1 : 0.1) : 1;
     const startAngle = this.props.data?.startAngle ?? 0;
     const endAngle = (this.props.data?.endAngle ?? 0) - startAngle;
     const cornerRadius = this.props.roundCorners ? 3 : 0;
@@ -70,7 +69,9 @@ export class Arc extends React.Component<IArcProps, IArcState> {
           d={arc.cornerRadius(cornerRadius)(this.props.data)}
           onFocus={this._onFocus.bind(this, this.props.data!.data, id)}
           className={classNames.root}
-          data-is-focusable={this.props.activeArc === this.props.data!.data.legend || this.props.activeArc === ''}
+          data-is-focusable={
+            this._shouldHighlightArc(this.props.data!.data.legend!) || this.props.activeArc?.length === 0
+          }
           onMouseOver={this._hoverOn.bind(this, this.props.data!.data)}
           onMouseMove={this._hoverOn.bind(this, this.props.data!.data)}
           onMouseLeave={this._hoverOff}
@@ -123,13 +124,18 @@ export class Arc extends React.Component<IArcProps, IArcState> {
     return point.callOutAccessibilityData?.ariaLabel || (legend ? `${legend}, ` : '') + `${yValue}.`;
   };
 
-  private _renderArcLabel = (className: string) => {
-    const { arc, data, innerRadius, outerRadius, showLabelsInPercent, totalValue, hideLabels, activeArc } = this.props;
+  private _shouldHighlightArc = (legend?: string): boolean => {
+    const { activeArc } = this.props;
+    // If no activeArc is provided, highlight all arcs. Otherwise, only highlight the arcs that are active.
+    return !activeArc || activeArc.length === 0 || legend === undefined || activeArc.includes(legend);
+  };
 
+  private _renderArcLabel = (className: string) => {
+    const { arc, data, innerRadius, outerRadius, showLabelsInPercent, totalValue, hideLabels } = this.props;
     if (
       hideLabels ||
       Math.abs(data!.endAngle - data!.startAngle) < Math.PI / 12 ||
-      (activeArc !== data!.data.legend && activeArc !== '')
+      !this._shouldHighlightArc(data!.data.legend!)
     ) {
       return null;
     }
diff --git a/packages/charts/react-charting/src/components/DonutChart/Arc/Arc.types.ts b/packages/charts/react-charting/src/components/DonutChart/Arc/Arc.types.ts
index 6de0cdd0afc77..6bff5071cd7e6 100644
--- a/packages/charts/react-charting/src/components/DonutChart/Arc/Arc.types.ts
+++ b/packages/charts/react-charting/src/components/DonutChart/Arc/Arc.types.ts
@@ -73,7 +73,7 @@ export interface IArcProps {
   /**
    * Active Arc for chart
    */
-  activeArc?: string;
+  activeArc?: string[];
 
   /**
    * internal prop for href
diff --git a/packages/charts/react-charting/src/components/DonutChart/DonutChart.base.tsx b/packages/charts/react-charting/src/components/DonutChart/DonutChart.base.tsx
index ff04507c955bb..fb747b57d5fef 100644
--- a/packages/charts/react-charting/src/components/DonutChart/DonutChart.base.tsx
+++ b/packages/charts/react-charting/src/components/DonutChart/DonutChart.base.tsx
@@ -25,9 +25,9 @@ export interface IDonutChartState {
   xCalloutValue?: string;
   yCalloutValue?: string;
   focusedArcId?: string;
-  selectedLegend: string;
   dataPointCalloutProps?: IChartDataPoint;
   callOutAccessibilityData?: IAccessibilityProps;
+  selectedLegends: string[];
 }
 
 export class DonutChartBase extends React.Component<IDonutChartProps, IDonutChartState> implements IChart {
@@ -73,12 +73,12 @@ export class DonutChartBase extends React.Component<IDonutChartProps, IDonutChar
       legend: '',
       _width: this.props.width || 200,
       _height: this.props.height || 200,
-      activeLegend: '',
+      activeLegend: undefined,
       color: '',
       xCalloutValue: '',
       yCalloutValue: '',
-      selectedLegend: props.legendProps?.selectedLegend ?? '',
       focusedArcId: '',
+      selectedLegends: [],
     };
     this._hoverCallback = this._hoverCallback.bind(this);
     this._focusCallback = this._focusCallback.bind(this);
@@ -115,7 +115,6 @@ export class DonutChartBase extends React.Component<IDonutChartProps, IDonutChar
       Math.min(this.state._width! - donutMarginHorizontal, this.state._height! - donutMarginVertical) / 2;
     const chartData = this._elevateToMinimums(points.filter((d: IChartDataPoint) => d.data! >= 0));
     const valueInsideDonut = this._valueInsideDonut(this.props.valueInsideDonut!, chartData!);
-
     return !this._isChartEmpty() ? (
       <div
         className={this._classNames.root}
@@ -248,23 +247,17 @@ export class DonutChartBase extends React.Component<IDonutChartProps, IDonutChar
       const legend: ILegend = {
         title: point.legend!,
         color,
-        action: () => {
-          if (this.state.selectedLegend === point.legend) {
-            this.setState({ selectedLegend: '' });
-          } else {
-            this.setState({ selectedLegend: point.legend! });
-          }
-        },
         hoverAction: () => {
           this._handleChartMouseLeave();
           this.setState({ activeLegend: point.legend! });
         },
         onMouseOutAction: () => {
-          this.setState({ activeLegend: '' });
+          this.setState({ activeLegend: undefined });
         },
       };
       return legend;
     });
+
     const legends = (
       <Legends
         legends={legendDataItems}
@@ -273,16 +266,33 @@ export class DonutChartBase extends React.Component<IDonutChartProps, IDonutChar
         focusZonePropsInHoverCard={this.props.focusZonePropsForLegendsInHoverCard}
         overflowText={this.props.legendsOverflowText}
         {...this.props.legendProps}
+        // eslint-disable-next-line react/jsx-no-bind
+        onChange={this._onLegendSelectionChange.bind(this)}
       />
     );
     return legends;
   }
 
+  private _onLegendSelectionChange(
+    selectedLegends: string[],
+    event: React.MouseEvent<HTMLButtonElement>,
+    currentLegend?: ILegend,
+  ): void {
+    if (this.props.legendProps && this.props.legendProps?.canSelectMultipleLegends) {
+      this.setState({ selectedLegends });
+    } else {
+      this.setState({ selectedLegends: selectedLegends.slice(-1) });
+    }
+    if (this.props.legendProps?.onChange) {
+      this.props.legendProps.onChange(selectedLegends, event, currentLegend);
+    }
+  }
+
   private _focusCallback = (data: IChartDataPoint, id: string, element: SVGPathElement): void => {
     this._currentHoverElement = element;
     this.setState({
       /** Show the callout if highlighted arc is focused and Hide it if unhighlighted arc is focused */
-      showHover: this.state.selectedLegend === '' || this.state.selectedLegend === data.legend,
+      showHover: this._noLegendsHighlighted() || this._isLegendHighlighted(data.legend),
       value: data.data!.toString(),
       legend: data.legend,
       color: data.color!,
@@ -307,7 +317,7 @@ export class DonutChartBase extends React.Component<IDonutChartProps, IDonutChar
 
       this.setState({
         /** Show the callout if highlighted arc is hovered and Hide it if unhighlighted arc is hovered */
-        showHover: this.state.selectedLegend === '' || this.state.selectedLegend === data.legend,
+        showHover: this._noLegendsHighlighted() || this._isLegendHighlighted(data.legend),
         value: data.data!.toString(),
         legend: data.legend,
         color,
@@ -332,16 +342,22 @@ export class DonutChartBase extends React.Component<IDonutChartProps, IDonutChar
   };
 
   private _valueInsideDonut(valueInsideDonut: string | number | undefined, data: IChartDataPoint[]) {
-    const highlightedLegend = this._getHighlightedLegend();
-    if (valueInsideDonut !== undefined && (highlightedLegend !== '' || this.state.showHover)) {
-      let legendValue = valueInsideDonut;
-      data!.map((point: IChartDataPoint, index: number) => {
-        if (point.legend === highlightedLegend || (this.state.showHover && point.legend === this.state.legend)) {
-          legendValue = point.yAxisCalloutData ? point.yAxisCalloutData : point.data!;
+    const highlightedLegends = this._getHighlightedLegend();
+    if (valueInsideDonut !== undefined && (highlightedLegends.length === 1 || this.state.showHover)) {
+      const pointValue = data.find(point => this._isLegendHighlighted(point.legend));
+      return pointValue
+        ? pointValue.yAxisCalloutData
+          ? pointValue.yAxisCalloutData
+          : pointValue.data!
+        : valueInsideDonut;
+    } else if (highlightedLegends.length > 0) {
+      let totalValue = 0;
+      data.forEach(point => {
+        if (highlightedLegends.includes(point.legend!)) {
+          totalValue += point.data!;
         }
-        return;
       });
-      return legendValue;
+      return totalValue;
     } else {
       return valueInsideDonut;
     }
@@ -359,12 +375,23 @@ export class DonutChartBase extends React.Component<IDonutChartProps, IDonutChar
    * This function returns
    * the selected legend if there is one
    * or the hovered legend if none of the legends is selected.
-   * Note: This won't work in case of multiple legends selection.
    */
   private _getHighlightedLegend() {
-    return this.state.selectedLegend || this.state.activeLegend;
+    return this.state.selectedLegends.length > 0
+      ? this.state.selectedLegends
+      : this.state.activeLegend
+      ? [this.state.activeLegend]
+      : [];
   }
 
+  private _isLegendHighlighted = (legend: string | undefined): boolean => {
+    return this._getHighlightedLegend().includes(legend!);
+  };
+
+  private _noLegendsHighlighted = (): boolean => {
+    return this._getHighlightedLegend().length === 0;
+  };
+
   private _isChartEmpty(): boolean {
     return !(
       this.props.data &&
diff --git a/packages/charts/react-charting/src/components/DonutChart/DonutChartRTL.test.tsx b/packages/charts/react-charting/src/components/DonutChart/DonutChartRTL.test.tsx
index db7dcb00b7e58..16bb8f56bc206 100644
--- a/packages/charts/react-charting/src/components/DonutChart/DonutChartRTL.test.tsx
+++ b/packages/charts/react-charting/src/components/DonutChart/DonutChartRTL.test.tsx
@@ -18,6 +18,9 @@ describe('Donut chart interactions', () => {
   beforeEach(() => {
     sharedBeforeEach();
     jest.spyOn(global.Math, 'random').mockReturnValue(0.1);
+    // Mock the implementation of wrapTextInsideDonut as it internally calls a Browser Function like
+    // getComputedTextLength() which will otherwise lead to a crash if mounted
+    jest.spyOn(utils, 'wrapTextInsideDonut').mockImplementation(() => '20000');
   });
   afterEach(() => {
     jest.spyOn(global.Math, 'random').mockRestore();
@@ -70,7 +73,7 @@ describe('Donut chart interactions', () => {
 
   test('Should highlight the corresponding Pie on mouse over on legends', () => {
     // Arrange
-    const { container } = render(<DonutChart data={chartPointsDC} innerRadius={55} hideLegend={false} />);
+    const { container } = render(<DonutChart data={chartPointsDC} innerRadius={55} hideLabels={false} />);
 
     // Act
     const legend = screen.queryByText('first');
@@ -157,9 +160,6 @@ describe('Donut chart interactions', () => {
   });
 
   test('Should change value inside donut with the legend value on mouseOver legend ', () => {
-    // Mock the implementation of wrapTextInsideDonut as it internally calls a Browser Function like
-    // getComputedTextLength() which will otherwise lead to a crash if mounted
-    jest.spyOn(utils, 'wrapTextInsideDonut').mockImplementation(() => '1000');
     // Arrange
     const { container } = render(
       <DonutChart data={chartPointsDC} innerRadius={55} hideLegend={false} valueInsideDonut={1000} />,
@@ -184,6 +184,38 @@ describe('Donut chart interactions', () => {
     // Assert
     expect(container).toMatchSnapshot();
   });
+
+  // add test for legend multi select
+  test('Should select multiple legends on click', () => {
+    // Arrange
+    const { container } = render(
+      <DonutChart
+        data={chartPointsDC}
+        innerRadius={55}
+        hideLegend={false}
+        legendProps={{
+          canSelectMultipleLegends: true,
+        }}
+      />,
+    );
+
+    // Act
+    const firstLegend = screen.queryByText('first')?.closest('button');
+    const secondLegend = screen.queryByText('second')?.closest('button');
+    expect(firstLegend).toBeDefined();
+    expect(secondLegend).toBeDefined();
+    fireEvent.click(firstLegend!);
+    fireEvent.click(secondLegend!);
+
+    // Assert
+    expect(firstLegend).toHaveAttribute('aria-selected', 'true');
+    expect(secondLegend).toHaveAttribute('aria-selected', 'true');
+
+    const getById = queryAllByAttribute.bind(null, 'id');
+    expect(getById(container, /Pie.*?first/i)[0]).toHaveStyle('opacity: 1.0');
+    expect(getById(container, /Pie.*?second/i)[0]).toHaveStyle('opacity: 1.0');
+    expect(getById(container, /Pie.*?third/i)[0]).toHaveStyle('opacity: 0.1');
+  });
 });
 
 describe('Donut Chart - axe-core', () => {
diff --git a/packages/charts/react-charting/src/components/DonutChart/Pie/Pie.types.ts b/packages/charts/react-charting/src/components/DonutChart/Pie/Pie.types.ts
index aa9ca9b2dc44a..f5629edf8aede 100644
--- a/packages/charts/react-charting/src/components/DonutChart/Pie/Pie.types.ts
+++ b/packages/charts/react-charting/src/components/DonutChart/Pie/Pie.types.ts
@@ -54,7 +54,7 @@ export interface IPieProps {
   /**
    * Active Arc for chart
    */
-  activeArc?: string;
+  activeArc?: string[];
 
   /**
    * string for callout id
diff --git a/packages/react-examples/src/react-charting/DonutChart/DonutChart.Basic.Example.tsx b/packages/react-examples/src/react-charting/DonutChart/DonutChart.Basic.Example.tsx
index 71be65bd695da..ac96c767bef0e 100644
--- a/packages/react-examples/src/react-charting/DonutChart/DonutChart.Basic.Example.tsx
+++ b/packages/react-examples/src/react-charting/DonutChart/DonutChart.Basic.Example.tsx
@@ -14,6 +14,7 @@ import { Toggle } from '@fluentui/react/lib/Toggle';
 interface IDonutChartState {
   enableGradient: boolean;
   roundCorners: boolean;
+  legendMultiSelect: boolean;
 }
 
 export class DonutChartBasicExample extends React.Component<IDonutChartProps, IDonutChartState> {
@@ -22,6 +23,7 @@ export class DonutChartBasicExample extends React.Component<IDonutChartProps, ID
     this.state = {
       enableGradient: false,
       roundCorners: false,
+      legendMultiSelect: false,
     };
   }
 
@@ -41,6 +43,62 @@ export class DonutChartBasicExample extends React.Component<IDonutChartProps, ID
         gradient: getGradientFromToken(DataVizGradientPalette.gradient2),
         xAxisCalloutData: '2020/04/20',
       },
+      {
+        legend: 'third',
+        data: 12000,
+        color: getColorFromToken(DataVizPalette.color3),
+        gradient: getGradientFromToken(DataVizGradientPalette.gradient2),
+        xAxisCalloutData: '2020/04/20',
+      },
+      {
+        legend: 'fourth',
+        data: 2000,
+        color: getColorFromToken(DataVizPalette.color4),
+        gradient: getGradientFromToken(DataVizGradientPalette.gradient2),
+        xAxisCalloutData: '2020/04/20',
+      },
+      {
+        legend: 'fifth',
+        data: 5000,
+        color: getColorFromToken(DataVizPalette.color5),
+        gradient: getGradientFromToken(DataVizGradientPalette.gradient2),
+        xAxisCalloutData: '2020/04/20',
+      },
+      {
+        legend: 'sixth',
+        data: 6000,
+        color: getColorFromToken(DataVizPalette.color6),
+        gradient: getGradientFromToken(DataVizGradientPalette.gradient2),
+        xAxisCalloutData: '2020/04/20',
+      },
+      {
+        legend: 'seventh',
+        data: 7000,
+        color: getColorFromToken(DataVizPalette.color7),
+        gradient: getGradientFromToken(DataVizGradientPalette.gradient2),
+        xAxisCalloutData: '2020/04/20',
+      },
+      {
+        legend: 'eighth',
+        data: 8000,
+        color: getColorFromToken(DataVizPalette.color8),
+        gradient: getGradientFromToken(DataVizGradientPalette.gradient2),
+        xAxisCalloutData: '2020/04/20',
+      },
+      {
+        legend: 'ninth',
+        data: 9000,
+        color: getColorFromToken(DataVizPalette.color9),
+        gradient: getGradientFromToken(DataVizGradientPalette.gradient2),
+        xAxisCalloutData: '2020/04/20',
+      },
+      {
+        legend: 'tenth',
+        data: 10000,
+        color: getColorFromToken(DataVizPalette.color10),
+        gradient: getGradientFromToken(DataVizGradientPalette.gradient2),
+        xAxisCalloutData: '2020/04/20',
+      },
     ];
 
     const data: IChartProps = {
@@ -66,6 +124,14 @@ export class DonutChartBasicExample extends React.Component<IDonutChartProps, ID
             onChange={this._onToggleRoundCorners}
             checked={this.state.roundCorners}
           />
+          &nbsp;&nbsp;
+          <Toggle
+            label="Select Multiple Legends"
+            onText="ON"
+            offText="OFF"
+            onChange={this._onToggleLegendMultiSelect}
+            checked={this.state.legendMultiSelect}
+          />
         </div>
 
         <DonutChart
@@ -75,11 +141,12 @@ export class DonutChartBasicExample extends React.Component<IDonutChartProps, ID
           href={'https://developer.microsoft.com/en-us/'}
           legendsOverflowText={'overflow Items'}
           hideLegend={false}
-          height={220}
-          width={176}
           valueInsideDonut={39000}
           enableGradient={this.state.enableGradient}
           roundCorners={this.state.roundCorners}
+          legendProps={{
+            canSelectMultipleLegends: this.state.legendMultiSelect,
+          }}
         />
       </>
     );
@@ -92,4 +159,8 @@ export class DonutChartBasicExample extends React.Component<IDonutChartProps, ID
   private _onToggleRoundCorners = (ev: React.MouseEvent<HTMLElement>, checked: boolean) => {
     this.setState({ roundCorners: checked });
   };
+
+  private _onToggleLegendMultiSelect = (ev: React.MouseEvent<HTMLElement>, checked: boolean) => {
+    this.setState({ legendMultiSelect: checked });
+  };
 }

From a4ad322515aa69f99e244899a12338df6e2ee0a6 Mon Sep 17 00:00:00 2001
From: Fluent UI Build <fluentui-internal@service.microsoft.com>
Date: Wed, 25 Dec 2024 07:22:14 +0000
Subject: [PATCH 30/42] release: applying package updates - react v8

---
 ...ting-57a1c519-224f-4da6-bdd9-bfc7decab0f7.json |  7 -------
 packages/charts/react-charting/CHANGELOG.json     | 15 +++++++++++++++
 packages/charts/react-charting/CHANGELOG.md       | 11 ++++++++++-
 packages/charts/react-charting/package.json       |  2 +-
 packages/react-docsite-components/CHANGELOG.json  | 15 +++++++++++++++
 packages/react-docsite-components/CHANGELOG.md    | 11 ++++++++++-
 packages/react-docsite-components/package.json    |  4 ++--
 packages/react-examples/package.json              |  4 ++--
 packages/react-monaco-editor/CHANGELOG.json       | 15 +++++++++++++++
 packages/react-monaco-editor/CHANGELOG.md         | 11 ++++++++++-
 packages/react-monaco-editor/package.json         |  4 ++--
 11 files changed, 82 insertions(+), 17 deletions(-)
 delete mode 100644 change/@fluentui-react-charting-57a1c519-224f-4da6-bdd9-bfc7decab0f7.json

diff --git a/change/@fluentui-react-charting-57a1c519-224f-4da6-bdd9-bfc7decab0f7.json b/change/@fluentui-react-charting-57a1c519-224f-4da6-bdd9-bfc7decab0f7.json
deleted file mode 100644
index 79123ffb677ff..0000000000000
--- a/change/@fluentui-react-charting-57a1c519-224f-4da6-bdd9-bfc7decab0f7.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "type": "patch",
-  "comment": "Legends multi selection for Donut Charts",
-  "packageName": "@fluentui/react-charting",
-  "email": "120183316+srmukher@users.noreply.github.com",
-  "dependentChangeType": "patch"
-}
diff --git a/packages/charts/react-charting/CHANGELOG.json b/packages/charts/react-charting/CHANGELOG.json
index 62c4a5ee6b2b3..a1290a4174195 100644
--- a/packages/charts/react-charting/CHANGELOG.json
+++ b/packages/charts/react-charting/CHANGELOG.json
@@ -1,6 +1,21 @@
 {
   "name": "@fluentui/react-charting",
   "entries": [
+    {
+      "date": "Wed, 25 Dec 2024 07:21:55 GMT",
+      "tag": "@fluentui/react-charting_v5.23.30",
+      "version": "5.23.30",
+      "comments": {
+        "patch": [
+          {
+            "author": "120183316+srmukher@users.noreply.github.com",
+            "package": "@fluentui/react-charting",
+            "commit": "fa08fec97a5bc070e2866633c792f7066f0c86e8",
+            "comment": "Legends multi selection for Donut Charts"
+          }
+        ]
+      }
+    },
     {
       "date": "Mon, 23 Dec 2024 07:22:57 GMT",
       "tag": "@fluentui/react-charting_v5.23.29",
diff --git a/packages/charts/react-charting/CHANGELOG.md b/packages/charts/react-charting/CHANGELOG.md
index 9bdb6d599f8e0..297a6499e5848 100644
--- a/packages/charts/react-charting/CHANGELOG.md
+++ b/packages/charts/react-charting/CHANGELOG.md
@@ -1,9 +1,18 @@
 # Change Log - @fluentui/react-charting
 
-This log was last generated on Mon, 23 Dec 2024 07:22:57 GMT and should not be manually modified.
+This log was last generated on Wed, 25 Dec 2024 07:21:55 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [5.23.30](https://github.com/microsoft/fluentui/tree/@fluentui/react-charting_v5.23.30)
+
+Wed, 25 Dec 2024 07:21:55 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-charting_v5.23.29..@fluentui/react-charting_v5.23.30)
+
+### Patches
+
+- Legends multi selection for Donut Charts ([PR #33447](https://github.com/microsoft/fluentui/pull/33447) by 120183316+srmukher@users.noreply.github.com)
+
 ## [5.23.29](https://github.com/microsoft/fluentui/tree/@fluentui/react-charting_v5.23.29)
 
 Mon, 23 Dec 2024 07:22:57 GMT 
diff --git a/packages/charts/react-charting/package.json b/packages/charts/react-charting/package.json
index 420f95e214f4e..5d352d2237ed9 100644
--- a/packages/charts/react-charting/package.json
+++ b/packages/charts/react-charting/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-charting",
-  "version": "5.23.29",
+  "version": "5.23.30",
   "description": "React web charting controls for Microsoft fluentui system.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
diff --git a/packages/react-docsite-components/CHANGELOG.json b/packages/react-docsite-components/CHANGELOG.json
index bc9a43ebeed16..47cdf4f6d6e57 100644
--- a/packages/react-docsite-components/CHANGELOG.json
+++ b/packages/react-docsite-components/CHANGELOG.json
@@ -1,6 +1,21 @@
 {
   "name": "@fluentui/react-docsite-components",
   "entries": [
+    {
+      "date": "Wed, 25 Dec 2024 07:21:56 GMT",
+      "tag": "@fluentui/react-docsite-components_v8.13.150",
+      "version": "8.13.150",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-docsite-components",
+            "comment": "Bump @fluentui/react-monaco-editor to v1.7.268",
+            "commit": "fa08fec97a5bc070e2866633c792f7066f0c86e8"
+          }
+        ]
+      }
+    },
     {
       "date": "Mon, 23 Dec 2024 07:22:58 GMT",
       "tag": "@fluentui/react-docsite-components_v8.13.149",
diff --git a/packages/react-docsite-components/CHANGELOG.md b/packages/react-docsite-components/CHANGELOG.md
index f71fd3cbdf35c..a9f8fee7d6bdc 100644
--- a/packages/react-docsite-components/CHANGELOG.md
+++ b/packages/react-docsite-components/CHANGELOG.md
@@ -1,9 +1,18 @@
 # Change Log - @fluentui/react-docsite-components
 
-This log was last generated on Mon, 23 Dec 2024 07:22:58 GMT and should not be manually modified.
+This log was last generated on Wed, 25 Dec 2024 07:21:56 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [8.13.150](https://github.com/microsoft/fluentui/tree/@fluentui/react-docsite-components_v8.13.150)
+
+Wed, 25 Dec 2024 07:21:56 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-docsite-components_v8.13.149..@fluentui/react-docsite-components_v8.13.150)
+
+### Patches
+
+- Bump @fluentui/react-monaco-editor to v1.7.268 ([PR #33447](https://github.com/microsoft/fluentui/pull/33447) by beachball)
+
 ## [8.13.149](https://github.com/microsoft/fluentui/tree/@fluentui/react-docsite-components_v8.13.149)
 
 Mon, 23 Dec 2024 07:22:58 GMT 
diff --git a/packages/react-docsite-components/package.json b/packages/react-docsite-components/package.json
index 8a4f24a6c2162..3c3d59cde2526 100644
--- a/packages/react-docsite-components/package.json
+++ b/packages/react-docsite-components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-docsite-components",
-  "version": "8.13.149",
+  "version": "8.13.150",
   "description": "Fluent UI React components for building documentation sites.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -42,7 +42,7 @@
     "@fluentui/public-docsite-setup": "^0.3.34",
     "@fluentui/react-hooks": "^8.8.16",
     "@fluentui/set-version": "^8.2.23",
-    "@fluentui/react-monaco-editor": "^1.7.267",
+    "@fluentui/react-monaco-editor": "^1.7.268",
     "color-check": "0.0.2",
     "markdown-to-jsx": "^7.0.0",
     "office-ui-fabric-core": "^11.0.0",
diff --git a/packages/react-examples/package.json b/packages/react-examples/package.json
index f1089434d4c4c..7500fb3bdea62 100644
--- a/packages/react-examples/package.json
+++ b/packages/react-examples/package.json
@@ -36,8 +36,8 @@
     "@fluentui/merge-styles": "^8.6.13",
     "@fluentui/react": "^8.122.2",
     "@fluentui/react-cards": "^0.205.191",
-    "@fluentui/react-charting": "^5.23.29",
-    "@fluentui/react-docsite-components": "^8.13.149",
+    "@fluentui/react-charting": "^5.23.30",
+    "@fluentui/react-docsite-components": "^8.13.150",
     "@fluentui/react-experiments": "^8.14.188",
     "@fluentui/react-file-type-icons": "^8.12.7",
     "@fluentui/react-focus": "^8.9.20",
diff --git a/packages/react-monaco-editor/CHANGELOG.json b/packages/react-monaco-editor/CHANGELOG.json
index 30e96ac4c0ae7..de58bcfb15944 100644
--- a/packages/react-monaco-editor/CHANGELOG.json
+++ b/packages/react-monaco-editor/CHANGELOG.json
@@ -1,6 +1,21 @@
 {
   "name": "@fluentui/react-monaco-editor",
   "entries": [
+    {
+      "date": "Wed, 25 Dec 2024 07:21:56 GMT",
+      "tag": "@fluentui/react-monaco-editor_v1.7.268",
+      "version": "1.7.268",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-monaco-editor",
+            "comment": "Bump @fluentui/react-charting to v5.23.30",
+            "commit": "fa08fec97a5bc070e2866633c792f7066f0c86e8"
+          }
+        ]
+      }
+    },
     {
       "date": "Mon, 23 Dec 2024 07:22:58 GMT",
       "tag": "@fluentui/react-monaco-editor_v1.7.267",
diff --git a/packages/react-monaco-editor/CHANGELOG.md b/packages/react-monaco-editor/CHANGELOG.md
index e997cc0806155..248cdd46384ed 100644
--- a/packages/react-monaco-editor/CHANGELOG.md
+++ b/packages/react-monaco-editor/CHANGELOG.md
@@ -1,9 +1,18 @@
 # Change Log - @fluentui/react-monaco-editor
 
-This log was last generated on Mon, 23 Dec 2024 07:22:58 GMT and should not be manually modified.
+This log was last generated on Wed, 25 Dec 2024 07:21:56 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [1.7.268](https://github.com/microsoft/fluentui/tree/@fluentui/react-monaco-editor_v1.7.268)
+
+Wed, 25 Dec 2024 07:21:56 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-monaco-editor_v1.7.267..@fluentui/react-monaco-editor_v1.7.268)
+
+### Patches
+
+- Bump @fluentui/react-charting to v5.23.30 ([PR #33447](https://github.com/microsoft/fluentui/pull/33447) by beachball)
+
 ## [1.7.267](https://github.com/microsoft/fluentui/tree/@fluentui/react-monaco-editor_v1.7.267)
 
 Mon, 23 Dec 2024 07:22:58 GMT 
diff --git a/packages/react-monaco-editor/package.json b/packages/react-monaco-editor/package.json
index 663949c176638..627aac1d5546b 100644
--- a/packages/react-monaco-editor/package.json
+++ b/packages/react-monaco-editor/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-monaco-editor",
-  "version": "1.7.267",
+  "version": "1.7.268",
   "description": "Live React example editing using monaco",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -34,7 +34,7 @@
     "@fluentui/example-data": "^8.4.25",
     "@fluentui/monaco-editor": "^1.3.24",
     "@fluentui/react-hooks": "^8.8.16",
-    "@fluentui/react-charting": "^5.23.29",
+    "@fluentui/react-charting": "^5.23.30",
     "raw-loader": "4.0.2",
     "react-syntax-highlighter": "^10.1.3",
     "tslib": "^2.1.0"

From 524e65e70d0bf54e594a8f3d6e087c7ea49fd845 Mon Sep 17 00:00:00 2001
From: Caitlin Hogan <caitlin.hogan@swiftsolar.com>
Date: Wed, 25 Dec 2024 02:48:12 -0800
Subject: [PATCH 31/42] Remove typo in DismissAll.stories.tsx (#33504)

---
 .../react-toast/stories/src/Toast/DismissAll.stories.tsx        | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/react-components/react-toast/stories/src/Toast/DismissAll.stories.tsx b/packages/react-components/react-toast/stories/src/Toast/DismissAll.stories.tsx
index a7788ea9cc833..6bda21d352b60 100644
--- a/packages/react-components/react-toast/stories/src/Toast/DismissAll.stories.tsx
+++ b/packages/react-components/react-toast/stories/src/Toast/DismissAll.stories.tsx
@@ -7,7 +7,7 @@ export const DismissAll = () => {
   const notify = () =>
     dispatchToast(
       <Toast>
-        <ToastTitle>'This is a toast</ToastTitle>
+        <ToastTitle>This is a toast</ToastTitle>
       </Toast>,
       { intent: 'info' },
     );

From 0dd9a713b54a6d5b5929ac7febd1c7e44c83efca Mon Sep 17 00:00:00 2001
From: krkshitij <110246001+krkshitij@users.noreply.github.com>
Date: Thu, 26 Dec 2024 11:07:36 +0530
Subject: [PATCH 32/42] fix(react-charting): remove duplicate legends in
 vertical bar chart (#33518)

---
 ...-a75da9fd-a90e-4ca9-818e-c51075622f51.json |   7 +
 .../DeclarativeChart/PlotlySchemaAdapter.ts   |   2 +-
 .../VerticalBarChart.base.tsx                 |  10 +-
 .../VerticalBarChartRTL.test.tsx.snap         | 300 +-----------------
 4 files changed, 19 insertions(+), 300 deletions(-)
 create mode 100644 change/@fluentui-react-charting-a75da9fd-a90e-4ca9-818e-c51075622f51.json

diff --git a/change/@fluentui-react-charting-a75da9fd-a90e-4ca9-818e-c51075622f51.json b/change/@fluentui-react-charting-a75da9fd-a90e-4ca9-818e-c51075622f51.json
new file mode 100644
index 0000000000000..5c658af25bb30
--- /dev/null
+++ b/change/@fluentui-react-charting-a75da9fd-a90e-4ca9-818e-c51075622f51.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "fix: remove duplicate legends in vertical bar chart",
+  "packageName": "@fluentui/react-charting",
+  "email": "110246001+krkshitij@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/charts/react-charting/src/components/DeclarativeChart/PlotlySchemaAdapter.ts b/packages/charts/react-charting/src/components/DeclarativeChart/PlotlySchemaAdapter.ts
index 368fbda214df2..1339f1827c2be 100644
--- a/packages/charts/react-charting/src/components/DeclarativeChart/PlotlySchemaAdapter.ts
+++ b/packages/charts/react-charting/src/components/DeclarativeChart/PlotlySchemaAdapter.ts
@@ -259,7 +259,7 @@ export const transformPlotlyJsonToVBCProps = (
     chartTitle: typeof layout?.title === 'string' ? layout?.title : '',
     // width: layout?.width,
     // height: layout?.height,
-    hideLegend: true,
+    // hideLegend: true,
     barWidth: 24,
     supportNegativeData: true,
   };
diff --git a/packages/charts/react-charting/src/components/VerticalBarChart/VerticalBarChart.base.tsx b/packages/charts/react-charting/src/components/VerticalBarChart/VerticalBarChart.base.tsx
index 0132072838762..5159a77012108 100644
--- a/packages/charts/react-charting/src/components/VerticalBarChart/VerticalBarChart.base.tsx
+++ b/packages/charts/react-charting/src/components/VerticalBarChart/VerticalBarChart.base.tsx
@@ -1079,6 +1079,7 @@ export class VerticalBarChartBase
     const { theme, useSingleColor } = this.props;
     const { lineLegendText, lineLegendColor = theme!.palette.yellow } = this.props;
     const actions: ILegend[] = [];
+    const mapLegendToColor: Record<string, string> = {};
     data.forEach((point: IVerticalBarChartDataPoint, _index: number) => {
       let color: string = !useSingleColor ? point.color! : this._createColors()(1);
 
@@ -1090,16 +1091,19 @@ export class VerticalBarChartBase
         }
       }
 
+      mapLegendToColor[point.legend!] = color;
+    });
+    Object.entries(mapLegendToColor).forEach(([legendTitle, color]) => {
       // mapping data to the format Legends component needs
       const legend: ILegend = {
-        title: point.legend!,
+        title: legendTitle,
         color,
         action: () => {
-          this._onLegendClick(point.legend!);
+          this._onLegendClick(legendTitle);
         },
         hoverAction: () => {
           this._handleChartMouseLeave();
-          this._onLegendHover(point.legend!);
+          this._onLegendHover(legendTitle);
         },
         onMouseOutAction: () => {
           this._onLegendLeave();
diff --git a/packages/charts/react-charting/src/components/VerticalBarChart/__snapshots__/VerticalBarChartRTL.test.tsx.snap b/packages/charts/react-charting/src/components/VerticalBarChart/__snapshots__/VerticalBarChartRTL.test.tsx.snap
index 885b42fed8c1d..7107331244fac 100644
--- a/packages/charts/react-charting/src/components/VerticalBarChart/__snapshots__/VerticalBarChartRTL.test.tsx.snap
+++ b/packages/charts/react-charting/src/components/VerticalBarChart/__snapshots__/VerticalBarChartRTL.test.tsx.snap
@@ -14400,7 +14400,7 @@ exports[`Vertical bar chart rendering Should render the vertical bar chart with
                       aria-label="undefined"
                       aria-posinset="1"
                       aria-selected="false"
-                      aria-setsize="4"
+                      aria-setsize="1"
                       class=
 
                           {
@@ -14455,300 +14455,6 @@ exports[`Vertical bar chart rendering Should render the vertical bar chart with
                       <div
                         class=
 
-                            {
-                              background-color: #627CEF;
-                              border-color: #627CEF;
-                              border: 1px solid;
-                              content: ;
-                              height: 12px;
-                              margin-right: 8px;
-                              width: 12px;
-                            }
-                            @media screen and (-ms-high-contrast: active), screen and (forced-colors: active){& {
-                              content: linear-gradient(to right, #627CEF, #627CEF);
-                              opacity: ;
-                            }
-                      />
-                      <div
-                        class=
-
-                            {
-                              -moz-osx-font-smoothing: grayscale;
-                              -webkit-font-smoothing: antialiased;
-                              color: #323130;
-                              font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
-                              font-size: 12px;
-                              font-weight: 400;
-                              line-height: 16px;
-                              opacity: ;
-                            }
-                      />
-                    </button>
-                  </div>
-                  <div
-                    class=
-                        ms-OverflowSet-item
-                        {
-                          display: inherit;
-                          flex-shrink: 0;
-                        }
-                    role="none"
-                  >
-                    <button
-                      aria-label="undefined"
-                      aria-posinset="2"
-                      aria-selected="false"
-                      aria-setsize="4"
-                      class=
-
-                          {
-                            align-items: center;
-                            background: none;
-                            border: none;
-                            cursor: pointer;
-                            display: flex;
-                            outline: transparent;
-                            padding-bottom: 8px;
-                            padding-left: 8px;
-                            padding-right: 8px;
-                            padding-top: 8px;
-                            position: relative;
-                            text-transform: capitalize;
-                          }
-                          &::-moz-focus-inner {
-                            border: 0;
-                          }
-                          .ms-Fabric--isFocusVisible &:focus:after {
-                            border: 1px solid transparent;
-                            bottom: 1px;
-                            content: "";
-                            left: 1px;
-                            outline: 1px solid #605e5c;
-                            position: absolute;
-                            right: 1px;
-                            top: 1px;
-                            z-index: 1;
-                          }
-                          @media screen and (-ms-high-contrast: active), screen and (forced-colors: active){.ms-Fabric--isFocusVisible &:focus:after {
-                            outline-color: #605e5c;
-                          }
-                          :host(.ms-Fabric--isFocusVisible) &:focus:after {
-                            border: 1px solid transparent;
-                            bottom: 1px;
-                            content: "";
-                            left: 1px;
-                            outline: 1px solid #605e5c;
-                            position: absolute;
-                            right: 1px;
-                            top: 1px;
-                            z-index: 1;
-                          }
-                          @media screen and (-ms-high-contrast: active), screen and (forced-colors: active){:host(.ms-Fabric--isFocusVisible) &:focus:after {
-                            outline-color: #605e5c;
-                          }
-                      data-is-focusable="true"
-                      role="option"
-                      tabindex="-1"
-                    >
-                      <div
-                        class=
-
-                            {
-                              background-color: #C19C00;
-                              border-color: #C19C00;
-                              border: 1px solid;
-                              content: ;
-                              height: 12px;
-                              margin-right: 8px;
-                              width: 12px;
-                            }
-                            @media screen and (-ms-high-contrast: active), screen and (forced-colors: active){& {
-                              content: linear-gradient(to right, #C19C00, #C19C00);
-                              opacity: ;
-                            }
-                      />
-                      <div
-                        class=
-
-                            {
-                              -moz-osx-font-smoothing: grayscale;
-                              -webkit-font-smoothing: antialiased;
-                              color: #323130;
-                              font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
-                              font-size: 12px;
-                              font-weight: 400;
-                              line-height: 16px;
-                              opacity: ;
-                            }
-                      />
-                    </button>
-                  </div>
-                  <div
-                    class=
-                        ms-OverflowSet-item
-                        {
-                          display: inherit;
-                          flex-shrink: 0;
-                        }
-                    role="none"
-                  >
-                    <button
-                      aria-label="undefined"
-                      aria-posinset="3"
-                      aria-selected="false"
-                      aria-setsize="4"
-                      class=
-
-                          {
-                            align-items: center;
-                            background: none;
-                            border: none;
-                            cursor: pointer;
-                            display: flex;
-                            outline: transparent;
-                            padding-bottom: 8px;
-                            padding-left: 8px;
-                            padding-right: 8px;
-                            padding-top: 8px;
-                            position: relative;
-                            text-transform: capitalize;
-                          }
-                          &::-moz-focus-inner {
-                            border: 0;
-                          }
-                          .ms-Fabric--isFocusVisible &:focus:after {
-                            border: 1px solid transparent;
-                            bottom: 1px;
-                            content: "";
-                            left: 1px;
-                            outline: 1px solid #605e5c;
-                            position: absolute;
-                            right: 1px;
-                            top: 1px;
-                            z-index: 1;
-                          }
-                          @media screen and (-ms-high-contrast: active), screen and (forced-colors: active){.ms-Fabric--isFocusVisible &:focus:after {
-                            outline-color: #605e5c;
-                          }
-                          :host(.ms-Fabric--isFocusVisible) &:focus:after {
-                            border: 1px solid transparent;
-                            bottom: 1px;
-                            content: "";
-                            left: 1px;
-                            outline: 1px solid #605e5c;
-                            position: absolute;
-                            right: 1px;
-                            top: 1px;
-                            z-index: 1;
-                          }
-                          @media screen and (-ms-high-contrast: active), screen and (forced-colors: active){:host(.ms-Fabric--isFocusVisible) &:focus:after {
-                            outline-color: #605e5c;
-                          }
-                      data-is-focusable="true"
-                      role="option"
-                      tabindex="-1"
-                    >
-                      <div
-                        class=
-
-                            {
-                              background-color: #E650AF;
-                              border-color: #E650AF;
-                              border: 1px solid;
-                              content: ;
-                              height: 12px;
-                              margin-right: 8px;
-                              width: 12px;
-                            }
-                            @media screen and (-ms-high-contrast: active), screen and (forced-colors: active){& {
-                              content: linear-gradient(to right, #E650AF, #E650AF);
-                              opacity: ;
-                            }
-                      />
-                      <div
-                        class=
-
-                            {
-                              -moz-osx-font-smoothing: grayscale;
-                              -webkit-font-smoothing: antialiased;
-                              color: #323130;
-                              font-family: 'Segoe UI', 'Segoe UI Web (West European)', 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif;
-                              font-size: 12px;
-                              font-weight: 400;
-                              line-height: 16px;
-                              opacity: ;
-                            }
-                      />
-                    </button>
-                  </div>
-                  <div
-                    class=
-                        ms-OverflowSet-item
-                        {
-                          display: inherit;
-                          flex-shrink: 0;
-                        }
-                    role="none"
-                  >
-                    <button
-                      aria-label="undefined"
-                      aria-posinset="4"
-                      aria-selected="false"
-                      aria-setsize="4"
-                      class=
-
-                          {
-                            align-items: center;
-                            background: none;
-                            border: none;
-                            cursor: pointer;
-                            display: flex;
-                            outline: transparent;
-                            padding-bottom: 8px;
-                            padding-left: 8px;
-                            padding-right: 8px;
-                            padding-top: 8px;
-                            position: relative;
-                            text-transform: capitalize;
-                          }
-                          &::-moz-focus-inner {
-                            border: 0;
-                          }
-                          .ms-Fabric--isFocusVisible &:focus:after {
-                            border: 1px solid transparent;
-                            bottom: 1px;
-                            content: "";
-                            left: 1px;
-                            outline: 1px solid #605e5c;
-                            position: absolute;
-                            right: 1px;
-                            top: 1px;
-                            z-index: 1;
-                          }
-                          @media screen and (-ms-high-contrast: active), screen and (forced-colors: active){.ms-Fabric--isFocusVisible &:focus:after {
-                            outline-color: #605e5c;
-                          }
-                          :host(.ms-Fabric--isFocusVisible) &:focus:after {
-                            border: 1px solid transparent;
-                            bottom: 1px;
-                            content: "";
-                            left: 1px;
-                            outline: 1px solid #605e5c;
-                            position: absolute;
-                            right: 1px;
-                            top: 1px;
-                            z-index: 1;
-                          }
-                          @media screen and (-ms-high-contrast: active), screen and (forced-colors: active){:host(.ms-Fabric--isFocusVisible) &:focus:after {
-                            outline-color: #605e5c;
-                          }
-                      data-is-focusable="true"
-                      role="option"
-                      tabindex="-1"
-                    >
-                      <div
-                        class=
-
                             {
                               background-color: #0E7878;
                               border-color: #0E7878;
@@ -14776,7 +14482,9 @@ exports[`Vertical bar chart rendering Should render the vertical bar chart with
                               line-height: 16px;
                               opacity: ;
                             }
-                      />
+                      >
+                        undefined
+                      </div>
                     </button>
                   </div>
                 </div>

From bdba671e2e009a5530ac700ee62840b649b685b3 Mon Sep 17 00:00:00 2001
From: Fluent UI Build <fluentui-internal@service.microsoft.com>
Date: Thu, 26 Dec 2024 07:21:32 +0000
Subject: [PATCH 33/42] release: applying package updates - react v8

---
 ...ting-a75da9fd-a90e-4ca9-818e-c51075622f51.json |  7 -------
 packages/charts/react-charting/CHANGELOG.json     | 15 +++++++++++++++
 packages/charts/react-charting/CHANGELOG.md       | 11 ++++++++++-
 packages/charts/react-charting/package.json       |  2 +-
 packages/react-docsite-components/CHANGELOG.json  | 15 +++++++++++++++
 packages/react-docsite-components/CHANGELOG.md    | 11 ++++++++++-
 packages/react-docsite-components/package.json    |  4 ++--
 packages/react-examples/package.json              |  4 ++--
 packages/react-monaco-editor/CHANGELOG.json       | 15 +++++++++++++++
 packages/react-monaco-editor/CHANGELOG.md         | 11 ++++++++++-
 packages/react-monaco-editor/package.json         |  4 ++--
 11 files changed, 82 insertions(+), 17 deletions(-)
 delete mode 100644 change/@fluentui-react-charting-a75da9fd-a90e-4ca9-818e-c51075622f51.json

diff --git a/change/@fluentui-react-charting-a75da9fd-a90e-4ca9-818e-c51075622f51.json b/change/@fluentui-react-charting-a75da9fd-a90e-4ca9-818e-c51075622f51.json
deleted file mode 100644
index 5c658af25bb30..0000000000000
--- a/change/@fluentui-react-charting-a75da9fd-a90e-4ca9-818e-c51075622f51.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "type": "patch",
-  "comment": "fix: remove duplicate legends in vertical bar chart",
-  "packageName": "@fluentui/react-charting",
-  "email": "110246001+krkshitij@users.noreply.github.com",
-  "dependentChangeType": "patch"
-}
diff --git a/packages/charts/react-charting/CHANGELOG.json b/packages/charts/react-charting/CHANGELOG.json
index a1290a4174195..544d5695e1975 100644
--- a/packages/charts/react-charting/CHANGELOG.json
+++ b/packages/charts/react-charting/CHANGELOG.json
@@ -1,6 +1,21 @@
 {
   "name": "@fluentui/react-charting",
   "entries": [
+    {
+      "date": "Thu, 26 Dec 2024 07:21:14 GMT",
+      "tag": "@fluentui/react-charting_v5.23.31",
+      "version": "5.23.31",
+      "comments": {
+        "patch": [
+          {
+            "author": "110246001+krkshitij@users.noreply.github.com",
+            "package": "@fluentui/react-charting",
+            "commit": "0dd9a713b54a6d5b5929ac7febd1c7e44c83efca",
+            "comment": "fix: remove duplicate legends in vertical bar chart"
+          }
+        ]
+      }
+    },
     {
       "date": "Wed, 25 Dec 2024 07:21:55 GMT",
       "tag": "@fluentui/react-charting_v5.23.30",
diff --git a/packages/charts/react-charting/CHANGELOG.md b/packages/charts/react-charting/CHANGELOG.md
index 297a6499e5848..b442b9b82e387 100644
--- a/packages/charts/react-charting/CHANGELOG.md
+++ b/packages/charts/react-charting/CHANGELOG.md
@@ -1,9 +1,18 @@
 # Change Log - @fluentui/react-charting
 
-This log was last generated on Wed, 25 Dec 2024 07:21:55 GMT and should not be manually modified.
+This log was last generated on Thu, 26 Dec 2024 07:21:14 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [5.23.31](https://github.com/microsoft/fluentui/tree/@fluentui/react-charting_v5.23.31)
+
+Thu, 26 Dec 2024 07:21:14 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-charting_v5.23.30..@fluentui/react-charting_v5.23.31)
+
+### Patches
+
+- fix: remove duplicate legends in vertical bar chart ([PR #33518](https://github.com/microsoft/fluentui/pull/33518) by 110246001+krkshitij@users.noreply.github.com)
+
 ## [5.23.30](https://github.com/microsoft/fluentui/tree/@fluentui/react-charting_v5.23.30)
 
 Wed, 25 Dec 2024 07:21:55 GMT 
diff --git a/packages/charts/react-charting/package.json b/packages/charts/react-charting/package.json
index 5d352d2237ed9..2cd7632a4fd70 100644
--- a/packages/charts/react-charting/package.json
+++ b/packages/charts/react-charting/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-charting",
-  "version": "5.23.30",
+  "version": "5.23.31",
   "description": "React web charting controls for Microsoft fluentui system.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
diff --git a/packages/react-docsite-components/CHANGELOG.json b/packages/react-docsite-components/CHANGELOG.json
index 47cdf4f6d6e57..78bf626151878 100644
--- a/packages/react-docsite-components/CHANGELOG.json
+++ b/packages/react-docsite-components/CHANGELOG.json
@@ -1,6 +1,21 @@
 {
   "name": "@fluentui/react-docsite-components",
   "entries": [
+    {
+      "date": "Thu, 26 Dec 2024 07:21:14 GMT",
+      "tag": "@fluentui/react-docsite-components_v8.13.151",
+      "version": "8.13.151",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-docsite-components",
+            "comment": "Bump @fluentui/react-monaco-editor to v1.7.269",
+            "commit": "0dd9a713b54a6d5b5929ac7febd1c7e44c83efca"
+          }
+        ]
+      }
+    },
     {
       "date": "Wed, 25 Dec 2024 07:21:56 GMT",
       "tag": "@fluentui/react-docsite-components_v8.13.150",
diff --git a/packages/react-docsite-components/CHANGELOG.md b/packages/react-docsite-components/CHANGELOG.md
index a9f8fee7d6bdc..f7655bfe68fee 100644
--- a/packages/react-docsite-components/CHANGELOG.md
+++ b/packages/react-docsite-components/CHANGELOG.md
@@ -1,9 +1,18 @@
 # Change Log - @fluentui/react-docsite-components
 
-This log was last generated on Wed, 25 Dec 2024 07:21:56 GMT and should not be manually modified.
+This log was last generated on Thu, 26 Dec 2024 07:21:14 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [8.13.151](https://github.com/microsoft/fluentui/tree/@fluentui/react-docsite-components_v8.13.151)
+
+Thu, 26 Dec 2024 07:21:14 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-docsite-components_v8.13.150..@fluentui/react-docsite-components_v8.13.151)
+
+### Patches
+
+- Bump @fluentui/react-monaco-editor to v1.7.269 ([PR #33518](https://github.com/microsoft/fluentui/pull/33518) by beachball)
+
 ## [8.13.150](https://github.com/microsoft/fluentui/tree/@fluentui/react-docsite-components_v8.13.150)
 
 Wed, 25 Dec 2024 07:21:56 GMT 
diff --git a/packages/react-docsite-components/package.json b/packages/react-docsite-components/package.json
index 3c3d59cde2526..270e70065522b 100644
--- a/packages/react-docsite-components/package.json
+++ b/packages/react-docsite-components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-docsite-components",
-  "version": "8.13.150",
+  "version": "8.13.151",
   "description": "Fluent UI React components for building documentation sites.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -42,7 +42,7 @@
     "@fluentui/public-docsite-setup": "^0.3.34",
     "@fluentui/react-hooks": "^8.8.16",
     "@fluentui/set-version": "^8.2.23",
-    "@fluentui/react-monaco-editor": "^1.7.268",
+    "@fluentui/react-monaco-editor": "^1.7.269",
     "color-check": "0.0.2",
     "markdown-to-jsx": "^7.0.0",
     "office-ui-fabric-core": "^11.0.0",
diff --git a/packages/react-examples/package.json b/packages/react-examples/package.json
index 7500fb3bdea62..e1f86fe7dba5b 100644
--- a/packages/react-examples/package.json
+++ b/packages/react-examples/package.json
@@ -36,8 +36,8 @@
     "@fluentui/merge-styles": "^8.6.13",
     "@fluentui/react": "^8.122.2",
     "@fluentui/react-cards": "^0.205.191",
-    "@fluentui/react-charting": "^5.23.30",
-    "@fluentui/react-docsite-components": "^8.13.150",
+    "@fluentui/react-charting": "^5.23.31",
+    "@fluentui/react-docsite-components": "^8.13.151",
     "@fluentui/react-experiments": "^8.14.188",
     "@fluentui/react-file-type-icons": "^8.12.7",
     "@fluentui/react-focus": "^8.9.20",
diff --git a/packages/react-monaco-editor/CHANGELOG.json b/packages/react-monaco-editor/CHANGELOG.json
index de58bcfb15944..a7a0bd2fd0049 100644
--- a/packages/react-monaco-editor/CHANGELOG.json
+++ b/packages/react-monaco-editor/CHANGELOG.json
@@ -1,6 +1,21 @@
 {
   "name": "@fluentui/react-monaco-editor",
   "entries": [
+    {
+      "date": "Thu, 26 Dec 2024 07:21:14 GMT",
+      "tag": "@fluentui/react-monaco-editor_v1.7.269",
+      "version": "1.7.269",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-monaco-editor",
+            "comment": "Bump @fluentui/react-charting to v5.23.31",
+            "commit": "0dd9a713b54a6d5b5929ac7febd1c7e44c83efca"
+          }
+        ]
+      }
+    },
     {
       "date": "Wed, 25 Dec 2024 07:21:56 GMT",
       "tag": "@fluentui/react-monaco-editor_v1.7.268",
diff --git a/packages/react-monaco-editor/CHANGELOG.md b/packages/react-monaco-editor/CHANGELOG.md
index 248cdd46384ed..57d5169f3a74b 100644
--- a/packages/react-monaco-editor/CHANGELOG.md
+++ b/packages/react-monaco-editor/CHANGELOG.md
@@ -1,9 +1,18 @@
 # Change Log - @fluentui/react-monaco-editor
 
-This log was last generated on Wed, 25 Dec 2024 07:21:56 GMT and should not be manually modified.
+This log was last generated on Thu, 26 Dec 2024 07:21:14 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [1.7.269](https://github.com/microsoft/fluentui/tree/@fluentui/react-monaco-editor_v1.7.269)
+
+Thu, 26 Dec 2024 07:21:14 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-monaco-editor_v1.7.268..@fluentui/react-monaco-editor_v1.7.269)
+
+### Patches
+
+- Bump @fluentui/react-charting to v5.23.31 ([PR #33518](https://github.com/microsoft/fluentui/pull/33518) by beachball)
+
 ## [1.7.268](https://github.com/microsoft/fluentui/tree/@fluentui/react-monaco-editor_v1.7.268)
 
 Wed, 25 Dec 2024 07:21:56 GMT 
diff --git a/packages/react-monaco-editor/package.json b/packages/react-monaco-editor/package.json
index 627aac1d5546b..863b640d1168a 100644
--- a/packages/react-monaco-editor/package.json
+++ b/packages/react-monaco-editor/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-monaco-editor",
-  "version": "1.7.268",
+  "version": "1.7.269",
   "description": "Live React example editing using monaco",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -34,7 +34,7 @@
     "@fluentui/example-data": "^8.4.25",
     "@fluentui/monaco-editor": "^1.3.24",
     "@fluentui/react-hooks": "^8.8.16",
-    "@fluentui/react-charting": "^5.23.30",
+    "@fluentui/react-charting": "^5.23.31",
     "raw-loader": "4.0.2",
     "react-syntax-highlighter": "^10.1.3",
     "tslib": "^2.1.0"

From 6a70a11ddb8bac592c4c9b4c12a2705a9ace6686 Mon Sep 17 00:00:00 2001
From: "Atishay Jain (atisjai)" <98592573+AtishayMsft@users.noreply.github.com>
Date: Thu, 26 Dec 2024 18:31:23 +0530
Subject: [PATCH 34/42] feat(react-charting): Support changing legends
 programatically at runtime and bug fixes (#33519)

---
 ...-14c34b26-6050-4fa3-8ab9-ccfc1661f953.json |   7 ++
 .../react-charting/etc/react-charting.api.md  |   1 +
 .../components/AreaChart/AreaChart.base.tsx   |   8 +-
 .../DeclarativeChart/DeclarativeChart.tsx     |  49 ++++++---
 .../DeclarativeChart/PlotlySchemaAdapter.ts   |  24 ++++-
 .../components/DonutChart/DonutChart.base.tsx |  11 +-
 .../components/GaugeChart/GaugeChart.base.tsx |   8 ++
 .../GroupedVerticalBarChart.base.tsx          |   8 ++
 .../HeatMapChart/HeatMapChart.base.tsx        |   8 ++
 .../HorizontalBarChartWithAxis.base.tsx       |   8 ++
 .../components/LineChart/LineChart.base.tsx   |  13 ++-
 .../SankeyChart/SankeyChart.base.tsx          |   1 +
 .../SankeyChart/SankeyChart.types.ts          |   6 ++
 .../VerticalBarChart.base.tsx                 |   8 ++
 .../VerticalStackedBarChart.base.tsx          |   6 ++
 .../DeclarativeChart.Basic.Example.tsx        | 101 +++++++++++++-----
 16 files changed, 223 insertions(+), 44 deletions(-)
 create mode 100644 change/@fluentui-react-charting-14c34b26-6050-4fa3-8ab9-ccfc1661f953.json

diff --git a/change/@fluentui-react-charting-14c34b26-6050-4fa3-8ab9-ccfc1661f953.json b/change/@fluentui-react-charting-14c34b26-6050-4fa3-8ab9-ccfc1661f953.json
new file mode 100644
index 0000000000000..dc02c066b09c8
--- /dev/null
+++ b/change/@fluentui-react-charting-14c34b26-6050-4fa3-8ab9-ccfc1661f953.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Support changing legends programatically at runtime and bug fixes",
+  "packageName": "@fluentui/react-charting",
+  "email": "atishay.jain@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/charts/react-charting/etc/react-charting.api.md b/packages/charts/react-charting/etc/react-charting.api.md
index f07cb027b9303..a9793c3c65d41 100644
--- a/packages/charts/react-charting/etc/react-charting.api.md
+++ b/packages/charts/react-charting/etc/react-charting.api.md
@@ -1228,6 +1228,7 @@ export interface ISankeyChartData {
 export interface ISankeyChartProps {
     accessibility?: ISankeyChartAccessibilityProps;
     borderColorsForNodes?: string[];
+    calloutProps?: Partial<ICalloutProps>;
     className?: string;
     colorsForNodes?: string[];
     componentRef?: IRefObject<IChart>;
diff --git a/packages/charts/react-charting/src/components/AreaChart/AreaChart.base.tsx b/packages/charts/react-charting/src/components/AreaChart/AreaChart.base.tsx
index 578261e346084..227eb8686eaac 100644
--- a/packages/charts/react-charting/src/components/AreaChart/AreaChart.base.tsx
+++ b/packages/charts/react-charting/src/components/AreaChart/AreaChart.base.tsx
@@ -162,7 +162,13 @@ export class AreaChartBase extends React.Component<IAreaChartProps, IAreaChartSt
     this._cartesianChartRef = React.createRef();
   }
 
-  public componentDidUpdate() {
+  public componentDidUpdate(prevProps: IAreaChartProps): void {
+    if (prevProps.legendProps?.selectedLegend !== this.props.legendProps?.selectedLegend) {
+      this.setState({
+        selectedLegend: this.props.legendProps?.selectedLegend ?? '',
+      });
+    }
+
     if (this.state.isShowCalloutPending) {
       this.setState({
         refSelected: `#${this._highlightedCircleId}`,
diff --git a/packages/charts/react-charting/src/components/DeclarativeChart/DeclarativeChart.tsx b/packages/charts/react-charting/src/components/DeclarativeChart/DeclarativeChart.tsx
index 5ee0c2e35ebb3..dd95be6c4768b 100644
--- a/packages/charts/react-charting/src/components/DeclarativeChart/DeclarativeChart.tsx
+++ b/packages/charts/react-charting/src/components/DeclarativeChart/DeclarativeChart.tsx
@@ -6,12 +6,14 @@ import { IRefObject } from '@fluentui/react/lib/Utilities';
 import { DonutChart } from '../DonutChart/index';
 import { VerticalStackedBarChart } from '../VerticalStackedBarChart/index';
 import {
+  isArrayOrTypedArray,
+  isDateArray,
+  isNumberArray,
+  sanitizeJson,
   transformPlotlyJsonToDonutProps,
   transformPlotlyJsonToVSBCProps,
   transformPlotlyJsonToScatterChartProps,
   transformPlotlyJsonToHorizontalBarWithAxisProps,
-  isDateArray,
-  isNumberArray,
   transformPlotlyJsonToHeatmapProps,
   transformPlotlyJsonToSankeyProps,
   transformPlotlyJsonToGaugeProps,
@@ -82,8 +84,9 @@ export const DeclarativeChart: React.FunctionComponent<DeclarativeChartProps> =
   HTMLDivElement,
   DeclarativeChartProps
 >((props, forwardedRef) => {
-  const { plotlySchema } = props.chartSchema;
-  const { data, layout, selectedLegends } = plotlySchema;
+  const { plotlySchema } = sanitizeJson(props.chartSchema);
+  const { data, layout } = plotlySchema;
+  let { selectedLegends } = plotlySchema;
   const xValues = data[0].x;
   const isXDate = isDateArray(xValues);
   const isXNumber = isNumberArray(xValues);
@@ -92,7 +95,11 @@ export const DeclarativeChart: React.FunctionComponent<DeclarativeChartProps> =
   const isDarkTheme = theme?.isInverted ?? false;
   const chartRef = React.useRef<IChart>(null);
 
-  const [activeLegends, setActiveLegends] = React.useState<string[]>(selectedLegends ?? []);
+  if (!isArrayOrTypedArray(selectedLegends)) {
+    selectedLegends = [];
+  }
+
+  const [activeLegends, setActiveLegends] = React.useState<string[]>(selectedLegends);
   const onActiveLegendsChange = (keys: string[]) => {
     setActiveLegends(keys);
     if (props.onSchemaChange) {
@@ -100,10 +107,18 @@ export const DeclarativeChart: React.FunctionComponent<DeclarativeChartProps> =
     }
   };
 
+  React.useEffect(() => {
+    // eslint-disable-next-line @typescript-eslint/no-shadow
+    const { plotlySchema } = sanitizeJson(props.chartSchema);
+    // eslint-disable-next-line @typescript-eslint/no-shadow
+    const { selectedLegends } = plotlySchema;
+    setActiveLegends(selectedLegends ?? []);
+  }, [props.chartSchema]);
+
   const legendProps = {
     canSelectMultipleLegends: false,
     onChange: onActiveLegendsChange,
-    ...(activeLegends.length > 0 && { selectedLegend: activeLegends[0] }),
+    selectedLegend: activeLegends.slice(0, 1)[0],
   };
 
   const exportAsImage = React.useCallback(
@@ -129,8 +144,10 @@ export const DeclarativeChart: React.FunctionComponent<DeclarativeChartProps> =
       return (
         <DonutChart
           {...transformPlotlyJsonToDonutProps(plotlySchema, colorMap, isDarkTheme)}
-          legendProps={{ ...legendProps, canSelectMultipleLegends: true }}
+          legendProps={{ ...legendProps, canSelectMultipleLegends: true, selectedLegends: activeLegends }}
           componentRef={chartRef}
+          // Bubble event to prevent right click to open menu on the callout
+          calloutProps={{ layerProps: { eventBubblingEnabled: true } }}
         />
       );
     case 'bar':
@@ -141,6 +158,7 @@ export const DeclarativeChart: React.FunctionComponent<DeclarativeChartProps> =
             {...transformPlotlyJsonToHorizontalBarWithAxisProps(plotlySchema, colorMap, isDarkTheme)}
             legendProps={legendProps}
             componentRef={chartRef}
+            calloutProps={{ layerProps: { eventBubblingEnabled: true } }}
           />
         );
       } else {
@@ -150,6 +168,7 @@ export const DeclarativeChart: React.FunctionComponent<DeclarativeChartProps> =
               {...transformPlotlyJsonToGVBCProps(plotlySchema, colorMap, isDarkTheme)}
               legendProps={legendProps}
               componentRef={chartRef}
+              calloutProps={{ layerProps: { eventBubblingEnabled: true } }}
             />
           );
         }
@@ -158,6 +177,7 @@ export const DeclarativeChart: React.FunctionComponent<DeclarativeChartProps> =
             {...transformPlotlyJsonToVSBCProps(plotlySchema, colorMap, isDarkTheme)}
             legendProps={legendProps}
             componentRef={chartRef}
+            calloutProps={{ layerProps: { eventBubblingEnabled: true } }}
           />
         );
       }
@@ -170,18 +190,16 @@ export const DeclarativeChart: React.FunctionComponent<DeclarativeChartProps> =
               {...transformPlotlyJsonToScatterChartProps({ data, layout }, true, colorMap, isDarkTheme)}
               legendProps={legendProps}
               componentRef={chartRef}
+              calloutProps={{ layerProps: { eventBubblingEnabled: true } }}
             />
           );
         }
         return (
           <LineChart
             {...transformPlotlyJsonToScatterChartProps({ data, layout }, false, colorMap, isDarkTheme)}
-            legendProps={{
-              onChange: onActiveLegendsChange,
-              canSelectMultipleLegends: true,
-              selectedLegends: activeLegends,
-            }}
+            legendProps={{ ...legendProps, canSelectMultipleLegends: true, selectedLegends: activeLegends }}
             componentRef={chartRef}
+            calloutProps={{ layerProps: { eventBubblingEnabled: true } }}
           />
         );
       }
@@ -190,6 +208,7 @@ export const DeclarativeChart: React.FunctionComponent<DeclarativeChartProps> =
           {...transformPlotlyJsonToVSBCProps(plotlySchema, colorMap, isDarkTheme)}
           legendProps={legendProps}
           componentRef={chartRef}
+          calloutProps={{ layerProps: { eventBubblingEnabled: true } }}
         />
       );
     case 'heatmap':
@@ -198,6 +217,7 @@ export const DeclarativeChart: React.FunctionComponent<DeclarativeChartProps> =
           {...transformPlotlyJsonToHeatmapProps(plotlySchema)}
           legendProps={legendProps}
           componentRef={chartRef}
+          calloutProps={{ layerProps: { eventBubblingEnabled: true } }}
         />
       );
     case 'sankey':
@@ -205,6 +225,7 @@ export const DeclarativeChart: React.FunctionComponent<DeclarativeChartProps> =
         <SankeyChart
           {...transformPlotlyJsonToSankeyProps(plotlySchema, colorMap, isDarkTheme)}
           componentRef={chartRef}
+          calloutProps={{ layerProps: { eventBubblingEnabled: true } }}
         />
       );
     case 'indicator':
@@ -214,6 +235,7 @@ export const DeclarativeChart: React.FunctionComponent<DeclarativeChartProps> =
             {...transformPlotlyJsonToGaugeProps(plotlySchema, colorMap, isDarkTheme)}
             legendProps={legendProps}
             componentRef={chartRef}
+            calloutProps={{ layerProps: { eventBubblingEnabled: true } }}
           />
         );
       }
@@ -224,10 +246,11 @@ export const DeclarativeChart: React.FunctionComponent<DeclarativeChartProps> =
           {...transformPlotlyJsonToVBCProps(plotlySchema, colorMap, isDarkTheme)}
           legendProps={legendProps}
           componentRef={chartRef}
+          calloutProps={{ layerProps: { eventBubblingEnabled: true } }}
         />
       );
     default:
-      return <div>Unsupported Schema</div>;
+      throw new Error('Unsupported chart schema');
   }
 });
 DeclarativeChart.displayName = 'DeclarativeChart';
diff --git a/packages/charts/react-charting/src/components/DeclarativeChart/PlotlySchemaAdapter.ts b/packages/charts/react-charting/src/components/DeclarativeChart/PlotlySchemaAdapter.ts
index 1339f1827c2be..471db94b0c098 100644
--- a/packages/charts/react-charting/src/components/DeclarativeChart/PlotlySchemaAdapter.ts
+++ b/packages/charts/react-charting/src/components/DeclarativeChart/PlotlySchemaAdapter.ts
@@ -259,7 +259,6 @@ export const transformPlotlyJsonToVBCProps = (
     chartTitle: typeof layout?.title === 'string' ? layout?.title : '',
     // width: layout?.width,
     // height: layout?.height,
-    // hideLegend: true,
     barWidth: 24,
     supportNegativeData: true,
   };
@@ -505,11 +504,32 @@ export const transformPlotlyJsonToGaugeProps = (
   };
 };
 
+const MAX_DEPTH = 8;
+export const sanitizeJson = (jsonObject: any, depth: number = 0): any => {
+  if (depth > MAX_DEPTH) {
+    throw new Error('Maximum json depth exceeded');
+  }
+
+  if (typeof jsonObject === 'object' && jsonObject !== null) {
+    for (const key in jsonObject) {
+      if (jsonObject.hasOwnProperty(key)) {
+        if (typeof jsonObject[key] === 'string') {
+          jsonObject[key] = jsonObject[key].replace(/</g, '&lt;').replace(/>/g, '&gt;');
+        } else {
+          jsonObject[key] = sanitizeJson(jsonObject[key], depth + 1);
+        }
+      }
+    }
+  }
+
+  return jsonObject;
+};
+
 function isTypedArray(a: any) {
   return ArrayBuffer.isView(a) && !(a instanceof DataView);
 }
 
-function isArrayOrTypedArray(a: any) {
+export function isArrayOrTypedArray(a: any) {
   return Array.isArray(a) || isTypedArray(a);
 }
 
diff --git a/packages/charts/react-charting/src/components/DonutChart/DonutChart.base.tsx b/packages/charts/react-charting/src/components/DonutChart/DonutChart.base.tsx
index fb747b57d5fef..e1bdcc6cef078 100644
--- a/packages/charts/react-charting/src/components/DonutChart/DonutChart.base.tsx
+++ b/packages/charts/react-charting/src/components/DonutChart/DonutChart.base.tsx
@@ -78,7 +78,7 @@ export class DonutChartBase extends React.Component<IDonutChartProps, IDonutChar
       xCalloutValue: '',
       yCalloutValue: '',
       focusedArcId: '',
-      selectedLegends: [],
+      selectedLegends: props.legendProps?.selectedLegends || [],
     };
     this._hoverCallback = this._hoverCallback.bind(this);
     this._focusCallback = this._focusCallback.bind(this);
@@ -87,6 +87,7 @@ export class DonutChartBase extends React.Component<IDonutChartProps, IDonutChar
     this._uniqText = getId('_Pie_');
     this._emptyChartId = getId('_DonutChart_empty');
   }
+
   public componentDidMount(): void {
     if (this._rootElem) {
       this.setState({
@@ -96,6 +97,14 @@ export class DonutChartBase extends React.Component<IDonutChartProps, IDonutChar
     }
   }
 
+  public componentDidUpdate(prevProps: IDonutChartProps): void {
+    if (prevProps.legendProps?.selectedLegends !== this.props.legendProps?.selectedLegends) {
+      this.setState({
+        selectedLegends: this.props.legendProps?.selectedLegends || [],
+      });
+    }
+  }
+
   public render(): JSX.Element {
     const { data, hideLegend = false } = this.props;
     const points = this._addDefaultColors(data?.chartData);
diff --git a/packages/charts/react-charting/src/components/GaugeChart/GaugeChart.base.tsx b/packages/charts/react-charting/src/components/GaugeChart/GaugeChart.base.tsx
index 2636bb56f3a97..238b14273b69a 100644
--- a/packages/charts/react-charting/src/components/GaugeChart/GaugeChart.base.tsx
+++ b/packages/charts/react-charting/src/components/GaugeChart/GaugeChart.base.tsx
@@ -167,6 +167,14 @@ export class GaugeChartBase extends React.Component<IGaugeChartProps, IGaugeChar
     }
   }
 
+  public componentDidUpdate(prevProps: IGaugeChartProps): void {
+    if (prevProps.legendProps?.selectedLegend !== this.props.legendProps?.selectedLegend) {
+      this.setState({
+        selectedLegend: this.props.legendProps?.selectedLegend ?? '',
+      });
+    }
+  }
+
   public render(): React.ReactNode {
     this._margins = this._getMargins();
     this._legendsHeight = !this.props.hideLegend ? 24 : 0;
diff --git a/packages/charts/react-charting/src/components/GroupedVerticalBarChart/GroupedVerticalBarChart.base.tsx b/packages/charts/react-charting/src/components/GroupedVerticalBarChart/GroupedVerticalBarChart.base.tsx
index 3e3daa0f0731e..a4ba080d57b17 100644
--- a/packages/charts/react-charting/src/components/GroupedVerticalBarChart/GroupedVerticalBarChart.base.tsx
+++ b/packages/charts/react-charting/src/components/GroupedVerticalBarChart/GroupedVerticalBarChart.base.tsx
@@ -144,6 +144,14 @@ export class GroupedVerticalBarChartBase
     this._cartesianChartRef = React.createRef();
   }
 
+  public componentDidUpdate(prevProps: IGroupedVerticalBarChartProps): void {
+    if (prevProps.legendProps?.selectedLegend !== this.props.legendProps?.selectedLegend) {
+      this.setState({
+        selectedLegend: this.props.legendProps?.selectedLegend ?? '',
+      });
+    }
+  }
+
   public render(): React.ReactNode {
     const points = this.props.data;
     const { keys, xAxisLabels, datasetForBars } = this._createSet(points);
diff --git a/packages/charts/react-charting/src/components/HeatMapChart/HeatMapChart.base.tsx b/packages/charts/react-charting/src/components/HeatMapChart/HeatMapChart.base.tsx
index 5a967214ceefc..21b11b28a01f6 100644
--- a/packages/charts/react-charting/src/components/HeatMapChart/HeatMapChart.base.tsx
+++ b/packages/charts/react-charting/src/components/HeatMapChart/HeatMapChart.base.tsx
@@ -153,6 +153,14 @@ export class HeatMapChartBase extends React.Component<IHeatMapChartProps, IHeatM
     this._cartesianChartRef = React.createRef();
   }
 
+  public componentDidUpdate(prevProps: IHeatMapChartProps): void {
+    if (prevProps.legendProps?.selectedLegend !== this.props.legendProps?.selectedLegend) {
+      this.setState({
+        selectedLegend: this.props.legendProps?.selectedLegend ?? '',
+      });
+    }
+  }
+
   public render(): React.ReactNode {
     const { x, y } = this._getXandY();
     this._xAxisType = getTypeOfAxis(x, true) as XAxisTypes;
diff --git a/packages/charts/react-charting/src/components/HorizontalBarChartWithAxis/HorizontalBarChartWithAxis.base.tsx b/packages/charts/react-charting/src/components/HorizontalBarChartWithAxis/HorizontalBarChartWithAxis.base.tsx
index c84654b03726c..ad609a82fb5a3 100644
--- a/packages/charts/react-charting/src/components/HorizontalBarChartWithAxis/HorizontalBarChartWithAxis.base.tsx
+++ b/packages/charts/react-charting/src/components/HorizontalBarChartWithAxis/HorizontalBarChartWithAxis.base.tsx
@@ -113,6 +113,14 @@ export class HorizontalBarChartWithAxisBase
     this._cartesianChartRef = React.createRef();
   }
 
+  public componentDidUpdate(prevProps: IHorizontalBarChartWithAxisProps): void {
+    if (prevProps.legendProps?.selectedLegend !== this.props.legendProps?.selectedLegend) {
+      this.setState({
+        selectedLegend: this.props.legendProps?.selectedLegend ?? '',
+      });
+    }
+  }
+
   public render(): JSX.Element {
     this._adjustProps();
     const reversedBars = [...this._points].reverse();
diff --git a/packages/charts/react-charting/src/components/LineChart/LineChart.base.tsx b/packages/charts/react-charting/src/components/LineChart/LineChart.base.tsx
index c0dcab6b52dc4..0e1f48c853f56 100644
--- a/packages/charts/react-charting/src/components/LineChart/LineChart.base.tsx
+++ b/packages/charts/react-charting/src/components/LineChart/LineChart.base.tsx
@@ -230,8 +230,19 @@ export class LineChartBase extends React.Component<ILineChartProps, ILineChartSt
   }
 
   public componentDidUpdate(prevProps: ILineChartProps): void {
+    if (
+      prevProps.legendProps?.selectedLegend !== this.props.legendProps?.selectedLegend ||
+      prevProps.legendProps?.selectedLegends !== this.props.legendProps?.selectedLegends
+    ) {
+      this.setState({
+        selectedLegend: this.props.legendProps?.selectedLegend ?? '',
+        selectedLegendPoints: this._injectIndexPropertyInLineChartData(this.props.data.lineChartData, true),
+        isSelectedLegend: (this.props.legendProps?.selectedLegends?.length ?? 0) > 0,
+      });
+    }
+
     /** note that height and width are not used to resize or set as dimesions of the chart,
-     * fitParentContainer is responisble for setting the height and width or resizing of the svg/chart
+     * fitParentContainer is responsible for setting the height and width or resizing of the svg/chart
      */
     if (
       prevProps.height !== this.props.height ||
diff --git a/packages/charts/react-charting/src/components/SankeyChart/SankeyChart.base.tsx b/packages/charts/react-charting/src/components/SankeyChart/SankeyChart.base.tsx
index 721d9ea33f543..163ce0796fb1e 100644
--- a/packages/charts/react-charting/src/components/SankeyChart/SankeyChart.base.tsx
+++ b/packages/charts/react-charting/src/components/SankeyChart/SankeyChart.base.tsx
@@ -834,6 +834,7 @@ export class SankeyChartBase extends React.Component<ISankeyChartProps, ISankeyC
         onDismiss: this._onCloseCallout,
         className: classNames.calloutContentRoot,
         preventDismissOnLostFocus: true,
+        ...this.props.calloutProps!,
       };
       return (
         <div
diff --git a/packages/charts/react-charting/src/components/SankeyChart/SankeyChart.types.ts b/packages/charts/react-charting/src/components/SankeyChart/SankeyChart.types.ts
index ef70f68a81dcd..b69c1d7deab52 100644
--- a/packages/charts/react-charting/src/components/SankeyChart/SankeyChart.types.ts
+++ b/packages/charts/react-charting/src/components/SankeyChart/SankeyChart.types.ts
@@ -1,5 +1,6 @@
 import { IStyle, ITheme } from '@fluentui/react/lib/Styling';
 import { IRefObject, IStyleFunctionOrObject } from '@fluentui/react/lib/Utilities';
+import { ICalloutProps } from '@fluentui/react/lib/Callout';
 import { IChart, IChartProps } from '../../types/IDataPoint';
 
 export type { IChartProps, IDataPoint, ISankeyChartData } from '../../types/IDataPoint';
@@ -90,6 +91,11 @@ export interface ISankeyChartProps {
    * the public methods and properties of the component.
    */
   componentRef?: IRefObject<IChart>;
+
+  /**
+   * props for the callout in the chart
+   */
+  calloutProps?: Partial<ICalloutProps>;
 }
 
 /**
diff --git a/packages/charts/react-charting/src/components/VerticalBarChart/VerticalBarChart.base.tsx b/packages/charts/react-charting/src/components/VerticalBarChart/VerticalBarChart.base.tsx
index 5159a77012108..5a01b1ac417d6 100644
--- a/packages/charts/react-charting/src/components/VerticalBarChart/VerticalBarChart.base.tsx
+++ b/packages/charts/react-charting/src/components/VerticalBarChart/VerticalBarChart.base.tsx
@@ -140,6 +140,14 @@ export class VerticalBarChartBase
     this._cartesianChartRef = React.createRef();
   }
 
+  public componentDidUpdate(prevProps: IVerticalBarChartProps): void {
+    if (prevProps.legendProps?.selectedLegend !== this.props.legendProps?.selectedLegend) {
+      this.setState({
+        selectedLegend: this.props.legendProps?.selectedLegend ?? '',
+      });
+    }
+  }
+
   public render(): JSX.Element {
     this._adjustProps();
     this._xAxisLabels = this._points.map((point: IVerticalBarChartDataPoint) => point.x as string);
diff --git a/packages/charts/react-charting/src/components/VerticalStackedBarChart/VerticalStackedBarChart.base.tsx b/packages/charts/react-charting/src/components/VerticalStackedBarChart/VerticalStackedBarChart.base.tsx
index 72f8436f71293..06bcd655861c8 100644
--- a/packages/charts/react-charting/src/components/VerticalStackedBarChart/VerticalStackedBarChart.base.tsx
+++ b/packages/charts/react-charting/src/components/VerticalStackedBarChart/VerticalStackedBarChart.base.tsx
@@ -170,6 +170,12 @@ export class VerticalStackedBarChartBase
   }
 
   public componentDidUpdate(prevProps: IVerticalStackedBarChartProps): void {
+    if (prevProps.legendProps?.selectedLegend !== this.props.legendProps?.selectedLegend) {
+      this.setState({
+        selectedLegend: this.props.legendProps?.selectedLegend ?? '',
+      });
+    }
+
     if (
       prevProps.height !== this.props.height ||
       prevProps.width !== this.props.width ||
diff --git a/packages/react-examples/src/react-charting/DeclarativeChart/DeclarativeChart.Basic.Example.tsx b/packages/react-examples/src/react-charting/DeclarativeChart/DeclarativeChart.Basic.Example.tsx
index ec0d58eabee23..4009fddcc5287 100644
--- a/packages/react-examples/src/react-charting/DeclarativeChart/DeclarativeChart.Basic.Example.tsx
+++ b/packages/react-examples/src/react-charting/DeclarativeChart/DeclarativeChart.Basic.Example.tsx
@@ -1,11 +1,39 @@
 import * as React from 'react';
 import { Dropdown, IDropdownOption } from '@fluentui/react/lib/Dropdown';
-import { Toggle } from '@fluentui/react/lib/Toggle';
+import { TextField, ITextFieldStyles } from '@fluentui/react/lib/TextField';
 import { DeclarativeChart, DeclarativeChartProps, IDeclarativeChart, Schema } from '@fluentui/react-charting';
 
+interface IErrorBoundaryProps {
+  children: React.ReactNode;
+}
+
+interface IErrorBoundaryState {
+  hasError: boolean;
+  error: string;
+}
+
+class ErrorBoundary extends React.Component<IErrorBoundaryProps, IErrorBoundaryState> {
+  public static getDerivedStateFromError(error: Error) {
+    // Update state so the next render will show the fallback UI.
+    return { hasError: true, error: `${error.message} ${error.stack}` };
+  }
+
+  constructor(props: IErrorBoundaryProps) {
+    super(props);
+    this.state = { hasError: false, error: '' };
+  }
+
+  public render() {
+    if (this.state.hasError) {
+      return <h1>${this.state.error}</h1>;
+    }
+
+    return this.props.children;
+  }
+}
+
 interface IDeclarativeChartState {
   selectedChoice: string;
-  preSelectLegends: boolean;
   selectedLegends: string;
 }
 
@@ -37,6 +65,8 @@ const schemas: any[] = [
 
 const dropdownStyles = { dropdown: { width: 200 } };
 
+const textFieldStyles: Partial<ITextFieldStyles> = { root: { maxWidth: 300 } };
+
 function fileSaver(url: string) {
   const saveLink = document.createElement('a');
   saveLink.href = url;
@@ -48,16 +78,26 @@ function fileSaver(url: string) {
 
 export class DeclarativeChartBasicExample extends React.Component<{}, IDeclarativeChartState> {
   private _declarativeChartRef: React.RefObject<IDeclarativeChart>;
+  private _lastKnownValidLegends: string[] | undefined;
 
   constructor(props: DeclarativeChartProps) {
     super(props);
+    const defaultselection = 'donutchart';
+    const selectedPlotlySchema = this._getSchemaByKey(defaultselection);
+    const { selectedLegends } = selectedPlotlySchema;
     this.state = {
-      selectedChoice: 'donutchart',
-      preSelectLegends: false,
-      selectedLegends: '',
+      selectedChoice: defaultselection,
+      selectedLegends: JSON.stringify(selectedLegends),
     };
 
     this._declarativeChartRef = React.createRef();
+    this._lastKnownValidLegends = selectedLegends;
+  }
+
+  public componentDidMount() {
+    document.addEventListener('contextmenu', e => {
+      e.preventDefault();
+    });
   }
 
   public render(): JSX.Element {
@@ -65,16 +105,21 @@ export class DeclarativeChartBasicExample extends React.Component<{}, IDeclarati
   }
 
   private _onChange = (ev: React.FormEvent<HTMLInputElement>, option: IDropdownOption): void => {
-    this.setState({ selectedChoice: option.key as string, selectedLegends: '' });
+    const selectedPlotlySchema = this._getSchemaByKey(option.key as string);
+    const { selectedLegends } = selectedPlotlySchema;
+    this.setState({ selectedChoice: option.key as string, selectedLegends: JSON.stringify(selectedLegends) });
   };
 
-  private _onTogglePreselectLegends = (ev: React.MouseEvent<HTMLElement>, checked: boolean) => {
-    this.setState({ preSelectLegends: checked });
+  private _onSelectedLegendsEdited = (
+    event: React.FormEvent<HTMLInputElement | HTMLTextAreaElement>,
+    newValue?: string,
+  ): void => {
+    this.setState({ selectedLegends: newValue ?? '' });
   };
 
   private _handleChartSchemaChanged = (eventData: Schema) => {
     const { selectedLegends } = eventData.plotlySchema;
-    this.setState({ selectedLegends: selectedLegends.join(', ') });
+    this.setState({ selectedLegends: JSON.stringify(selectedLegends) });
   };
 
   private _getSchemaByKey(key: string): any {
@@ -83,17 +128,23 @@ export class DeclarativeChartBasicExample extends React.Component<{}, IDeclarati
   }
 
   private _createDeclarativeChart(): JSX.Element {
-    const selectedPlotlySchema = this._getSchemaByKey(this.state.selectedChoice);
-    const uniqueKey = `${this.state.selectedChoice}_${this.state.preSelectLegends}`;
-    let inputSchema: Schema = { plotlySchema: selectedPlotlySchema };
-
-    if (this.state.preSelectLegends === false) {
-      const { data, layout } = selectedPlotlySchema;
-      inputSchema = { plotlySchema: { data, layout } };
+    const uniqueKey = `${this.state.selectedChoice}`;
+    const currentPlotlySchema = this._getSchemaByKey(this.state.selectedChoice);
+    const { data, layout } = currentPlotlySchema;
+    if (this.state.selectedLegends === '') {
+      this._lastKnownValidLegends = undefined;
+    } else {
+      try {
+        this._lastKnownValidLegends = JSON.parse(this.state.selectedLegends);
+      } catch (error) {
+        // Nothing to do here
+      }
     }
+    const plotlySchema = { data, layout, selectedLegends: this._lastKnownValidLegends };
+    const inputSchema: Schema = { plotlySchema };
 
     return (
-      <>
+      <ErrorBoundary>
         <div style={{ display: 'flex' }}>
           <Dropdown
             label="Select a schema"
@@ -103,13 +154,6 @@ export class DeclarativeChartBasicExample extends React.Component<{}, IDeclarati
             styles={dropdownStyles}
           />
           &nbsp;&nbsp;&nbsp;
-          <Toggle
-            label="Pre select legends"
-            onText="ON"
-            offText="OFF"
-            onChange={this._onTogglePreselectLegends}
-            checked={this.state.preSelectLegends}
-          />
         </div>
         <br />
         <button
@@ -129,8 +173,13 @@ export class DeclarativeChartBasicExample extends React.Component<{}, IDeclarati
           componentRef={this._declarativeChartRef}
         />
         <br />
-        Legend selection changed : {this.state.selectedLegends}
-      </>
+        <TextField
+          label="Current Legend selection"
+          value={this.state.selectedLegends}
+          onChange={this._onSelectedLegendsEdited}
+          styles={textFieldStyles}
+        />
+      </ErrorBoundary>
     );
   }
 }

From 37e5f0bc0cfef1a57d9bd9659217c0ccaabf1030 Mon Sep 17 00:00:00 2001
From: srmukher <120183316+srmukher@users.noreply.github.com>
Date: Thu, 26 Dec 2024 18:40:36 +0530
Subject: [PATCH 35/42] [GVBC] Enabling multiple legend selection for Grouped
 Vertical Bar Chart (#33511)

---
 ...-d99f14e6-dd3a-4f33-a8b3-9e28ea5bcfab.json |   7 +
 .../GroupedVerticalBarChart.base.tsx          |  53 ++--
 .../GroupedVerticalBarChartRTL.test.tsx       | 234 ++++++++++++++++++
 .../GroupedVerticalBarChart.Basic.Example.tsx | 104 ++++++++
 4 files changed, 375 insertions(+), 23 deletions(-)
 create mode 100644 change/@fluentui-react-charting-d99f14e6-dd3a-4f33-a8b3-9e28ea5bcfab.json

diff --git a/change/@fluentui-react-charting-d99f14e6-dd3a-4f33-a8b3-9e28ea5bcfab.json b/change/@fluentui-react-charting-d99f14e6-dd3a-4f33-a8b3-9e28ea5bcfab.json
new file mode 100644
index 0000000000000..a1be1b61112df
--- /dev/null
+++ b/change/@fluentui-react-charting-d99f14e6-dd3a-4f33-a8b3-9e28ea5bcfab.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Enabling multiple legend selection for Grouped Vertical Bar Chart",
+  "packageName": "@fluentui/react-charting",
+  "email": "120183316+srmukher@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/charts/react-charting/src/components/GroupedVerticalBarChart/GroupedVerticalBarChart.base.tsx b/packages/charts/react-charting/src/components/GroupedVerticalBarChart/GroupedVerticalBarChart.base.tsx
index a4ba080d57b17..5463ed42f02e5 100644
--- a/packages/charts/react-charting/src/components/GroupedVerticalBarChart/GroupedVerticalBarChart.base.tsx
+++ b/packages/charts/react-charting/src/components/GroupedVerticalBarChart/GroupedVerticalBarChart.base.tsx
@@ -73,6 +73,7 @@ export interface IGroupedVerticalBarChartState extends IBasestate {
   dataPointCalloutProps?: IGVBarChartSeriesPoint;
   callOutAccessibilityData?: IAccessibilityProps;
   calloutLegend: string;
+  selectedLegends: string[];
 }
 
 export class GroupedVerticalBarChartBase
@@ -121,7 +122,7 @@ export class GroupedVerticalBarChartBase
       dataForHoverCard: 0,
       isCalloutVisible: false,
       refSelected: null,
-      selectedLegend: props.legendProps?.selectedLegend ?? '',
+      selectedLegends: props.legendProps?.selectedLegends || [],
       xCalloutValue: '',
       yCalloutValue: '',
       YValueHover: [],
@@ -333,7 +334,7 @@ export class GroupedVerticalBarChartBase
       this.setState({
         refSelected: mouseEvent,
         /** Show the callout if highlighted bar is hovered and Hide it if unhighlighted bar is hovered */
-        isCalloutVisible: this.state.selectedLegend === '' || this.state.selectedLegend === pointData.legend,
+        isCalloutVisible: this._noLegendHighlighted() || this._legendHighlighted(pointData.legend),
         calloutLegend: pointData.legend,
         dataForHoverCard: pointData.data,
         color: pointData.color,
@@ -369,7 +370,7 @@ export class GroupedVerticalBarChartBase
         this.setState({
           refSelected: obj.refElement,
           /** Show the callout if highlighted bar is focused and Hide it if unhighlighted bar is focused */
-          isCalloutVisible: this.state.selectedLegend === '' || this.state.selectedLegend === pointData.legend,
+          isCalloutVisible: this._noLegendHighlighted() || this._legendHighlighted(pointData.legend),
           calloutLegend: pointData.legend,
           dataForHoverCard: pointData.data,
           color: pointData.color,
@@ -581,18 +582,6 @@ export class GroupedVerticalBarChartBase
     });
   };
 
-  private _onLegendClick(legendTitle: string): void {
-    if (this.state.selectedLegend === legendTitle) {
-      this.setState({
-        selectedLegend: '',
-      });
-    } else {
-      this.setState({
-        selectedLegend: legendTitle,
-      });
-    }
-  }
-
   private _onLegendHover(legendTitle: string): void {
     this.setState({
       activeLegend: legendTitle,
@@ -624,9 +613,6 @@ export class GroupedVerticalBarChartBase
         const legend: ILegend = {
           title: point.legend,
           color,
-          action: () => {
-            this._onLegendClick(point.legend);
-          },
           hoverAction: () => {
             this._handleChartMouseLeave();
             this._onLegendHover(point.legend);
@@ -646,10 +632,26 @@ export class GroupedVerticalBarChartBase
         enabledWrapLines={this.props.enabledLegendsWrapLines}
         focusZonePropsInHoverCard={this.props.focusZonePropsForLegendsInHoverCard}
         {...this.props.legendProps}
+        onChange={this._onLegendSelectionChange.bind(this)}
       />
     );
   };
 
+  private _onLegendSelectionChange(
+    selectedLegends: string[],
+    event: React.MouseEvent<HTMLButtonElement>,
+    currentLegend?: ILegend,
+  ): void {
+    if (this.props.legendProps?.canSelectMultipleLegends) {
+      this.setState({ selectedLegends });
+    } else {
+      this.setState({ selectedLegends: selectedLegends.slice(-1) });
+    }
+    if (this.props.legendProps?.onChange) {
+      this.props.legendProps.onChange(selectedLegends, event, currentLegend);
+    }
+  }
+
   private _getAxisData = (yAxisData: IAxisData) => {
     if (yAxisData && yAxisData.yAxisDomainValues.length) {
       const { yAxisDomainValues: domainValue } = yAxisData;
@@ -664,19 +666,24 @@ export class GroupedVerticalBarChartBase
    * 2. hovering: if there is no selected legend and the user hovers over it
    */
   private _legendHighlighted = (legendTitle: string) => {
-    return (
-      this.state.selectedLegend === legendTitle ||
-      (this.state.selectedLegend === '' && this.state.activeLegend === legendTitle)
-    );
+    return this._getHighlightedLegend().includes(legendTitle!);
   };
 
   /**
    * This function checks if none of the legends is selected or hovered.
    */
   private _noLegendHighlighted = () => {
-    return this.state.selectedLegend === '' && this.state.activeLegend === '';
+    return this._getHighlightedLegend().length === 0;
   };
 
+  private _getHighlightedLegend() {
+    return this.state.selectedLegends.length > 0
+      ? this.state.selectedLegends
+      : this.state.activeLegend
+      ? [this.state.activeLegend]
+      : [];
+  }
+
   private _getAriaLabel = (point: IGVBarChartSeriesPoint, xAxisPoint: string): string => {
     const xValue = point.xAxisCalloutData || xAxisPoint;
     const legend = point.legend;
diff --git a/packages/charts/react-charting/src/components/GroupedVerticalBarChart/GroupedVerticalBarChartRTL.test.tsx b/packages/charts/react-charting/src/components/GroupedVerticalBarChart/GroupedVerticalBarChartRTL.test.tsx
index 5797d95beeb16..b6ed4f6f7ef09 100644
--- a/packages/charts/react-charting/src/components/GroupedVerticalBarChart/GroupedVerticalBarChartRTL.test.tsx
+++ b/packages/charts/react-charting/src/components/GroupedVerticalBarChart/GroupedVerticalBarChartRTL.test.tsx
@@ -139,6 +139,206 @@ const chartPoints = [
   },
 ];
 
+const dataGVBC = [
+  {
+    name: 'Jan - Mar',
+    series: [
+      {
+        key: 'series1',
+        data: 33000,
+        color: DefaultPalette.blue,
+        legend: '2022',
+        xAxisCalloutData: '2022/04/30',
+        yAxisCalloutData: '29%',
+        callOutAccessibilityData: {
+          ariaLabel: 'Group Jan - Mar 1 of 4, Bar series 1 of 2 2022, x value 2022/04/30, y value 29%',
+        },
+      },
+      {
+        key: 'series2',
+        data: 44000,
+        color: DefaultPalette.green,
+        legend: '2023',
+        xAxisCalloutData: '2023/04/30',
+        yAxisCalloutData: '44%',
+        callOutAccessibilityData: {
+          ariaLabel: 'Group Jan - Mar 1 of 4, Bar series 2 of 2 2023, x value 2023/04/30, y value 44%',
+        },
+      },
+      {
+        key: 'series3',
+        data: 54000,
+        color: DefaultPalette.red,
+        legend: '2024',
+        xAxisCalloutData: '2024/04/30',
+        yAxisCalloutData: '44%',
+        callOutAccessibilityData: {
+          ariaLabel: 'Group Jan - Mar 1 of 4, Bar series 3 of 4 2022, x value 2024/04/30, y value 44%',
+        },
+      },
+      {
+        key: 'series4',
+        data: 24000,
+        color: DefaultPalette.yellow,
+        legend: '2021',
+        xAxisCalloutData: '2021/04/30',
+        yAxisCalloutData: '44%',
+        callOutAccessibilityData: {
+          ariaLabel: 'Group Jan - Mar 1 of 4, Bar series 4 of 4 2021, x value 2021/04/30, y value 44%',
+        },
+      },
+    ],
+  },
+  {
+    name: 'Apr - Jun',
+    series: [
+      {
+        key: 'series1',
+        data: 33000,
+        color: DefaultPalette.blue,
+        legend: '2022',
+        xAxisCalloutData: '2022/05/30',
+        yAxisCalloutData: '29%',
+        callOutAccessibilityData: {
+          ariaLabel: 'Group Apr - Jun 2 of 4, Bar series 1 of 2 2022, x value 2022/05/30, y value 29%',
+        },
+      },
+      {
+        key: 'series2',
+        data: 3000,
+        color: DefaultPalette.green,
+        legend: '2023',
+        xAxisCalloutData: '2023/05/30',
+        yAxisCalloutData: '3%',
+        callOutAccessibilityData: {
+          ariaLabel: 'Group Apr - Jun 2 of 4, Bar series 2 of 2 2023, x value 2023/05/30, y value 3%',
+        },
+      },
+      {
+        key: 'series3',
+        data: 9000,
+        color: DefaultPalette.red,
+        legend: '2024',
+        xAxisCalloutData: '2024/05/30',
+        yAxisCalloutData: '3%',
+        callOutAccessibilityData: {
+          ariaLabel: 'Group Apr - Jun 2 of 4, Bar series 3 of 4 2024, x value 2024/05/30, y value 3%',
+        },
+      },
+      {
+        key: 'series4',
+        data: 12000,
+        color: DefaultPalette.yellow,
+        legend: '2021',
+        xAxisCalloutData: '2021/05/30',
+        yAxisCalloutData: '3%',
+        callOutAccessibilityData: {
+          ariaLabel: 'Group Apr - Jun 2 of 4, Bar series 4 of 4 2021, x value 2021/05/30, y value 3%',
+        },
+      },
+    ],
+  },
+
+  {
+    name: 'Jul - Sep',
+    series: [
+      {
+        key: 'series1',
+        data: 14000,
+        color: DefaultPalette.blue,
+        legend: '2022',
+        xAxisCalloutData: '2022/06/30',
+        yAxisCalloutData: '13%',
+        callOutAccessibilityData: {
+          ariaLabel: 'Group Jul - Sep 3 of 4, Bar series 1 of 2 2022, x value 2022/06/30, y value 13%',
+        },
+      },
+      {
+        key: 'series2',
+        data: 50000,
+        color: DefaultPalette.green,
+        legend: '2023',
+        xAxisCalloutData: '2023/06/30',
+        yAxisCalloutData: '50%',
+        callOutAccessibilityData: {
+          ariaLabel: 'Group Jul - Sep 3 of 4, Bar series 2 of 2 2023, x value 2023/06/30, y value 50%',
+        },
+      },
+      {
+        key: 'series3',
+        data: 60000,
+        color: DefaultPalette.red,
+        legend: '2024',
+        xAxisCalloutData: '2024/06/30',
+        yAxisCalloutData: '50%',
+        callOutAccessibilityData: {
+          ariaLabel: 'Group Jul - Sep 3 of 4, Bar series 3 of 4 2024, x value 2024/06/30, y value 50%',
+        },
+      },
+      {
+        key: 'series4',
+        data: 10000,
+        color: DefaultPalette.yellow,
+        legend: '2021',
+        xAxisCalloutData: '2021/06/30',
+        yAxisCalloutData: '50%',
+        callOutAccessibilityData: {
+          ariaLabel: 'Group Jul - Sep 3 of 4, Bar series 4 of 4 2021, x value 2021/06/30, y value 50%',
+        },
+      },
+    ],
+  },
+  {
+    name: 'Oct - Dec',
+    series: [
+      {
+        key: 'series1',
+        data: 33000,
+        color: DefaultPalette.blue,
+        legend: '2022',
+        xAxisCalloutData: '2022/07/30',
+        yAxisCalloutData: '29%',
+        callOutAccessibilityData: {
+          ariaLabel: 'Group Oct - Dec 4 of 4, Bar series 1 of 2 2022, x value 2022/07/30, y value 29%',
+        },
+      },
+      {
+        key: 'series2',
+        data: 3000,
+        color: DefaultPalette.green,
+        legend: '2023',
+        xAxisCalloutData: '2023/07/30',
+        yAxisCalloutData: '3%',
+        callOutAccessibilityData: {
+          ariaLabel: 'Group Oct - Dec 4 of 4, Bar series 2 of 2 2023, x value 2023/07/30, y value 3%',
+        },
+      },
+      {
+        key: 'series3',
+        data: 6000,
+        color: DefaultPalette.red,
+        legend: '2024',
+        xAxisCalloutData: '2024/07/30',
+        yAxisCalloutData: '3%',
+        callOutAccessibilityData: {
+          ariaLabel: 'Group Oct - Dec 4 of 4, Bar series 3 of 4 2024, x value 2024/07/30, y value 3%',
+        },
+      },
+      {
+        key: 'series4',
+        data: 15000,
+        color: DefaultPalette.yellow,
+        legend: '2021',
+        xAxisCalloutData: '2021/07/30',
+        yAxisCalloutData: '3%',
+        callOutAccessibilityData: {
+          ariaLabel: 'Group Oct - Dec 4 of 4, Bar series 4 of 4 2021, x value 2021/07/30, y value 3%',
+        },
+      },
+    ],
+  },
+];
+
 describe('Grouped Vertical bar chart rendering', () => {
   beforeEach(updateChartWidthAndHeight);
   afterEach(sharedAfterEach);
@@ -350,6 +550,40 @@ describe('Grouped vertical bar chart - Subcomponent Legends', () => {
       expect(bars[5]).toHaveAttribute('opacity', '');
     },
   );
+
+  testWithoutWait(
+    'Should select multiple legends on click',
+    GroupedVerticalBarChart,
+    { data: dataGVBC, legendProps: { canSelectMultipleLegends: true } },
+    container => {
+      const firstLegend = screen.queryByText('2023')?.closest('button');
+      const secondLegend = screen.queryByText('2024')?.closest('button');
+
+      expect(firstLegend).toBeDefined();
+      expect(secondLegend).toBeDefined();
+
+      fireEvent.click(firstLegend!);
+      fireEvent.click(secondLegend!);
+
+      // Assert
+      expect(firstLegend).toHaveAttribute('aria-selected', 'true');
+      expect(secondLegend).toHaveAttribute('aria-selected', 'true');
+
+      const bars = screen.getAllByText((content, element) => element!.tagName.toLowerCase() === 'rect');
+      expect(bars[0]).toHaveAttribute('opacity', '0.1');
+      expect(bars[1]).toHaveAttribute('opacity', '');
+      expect(bars[2]).toHaveAttribute('opacity', '');
+      expect(bars[3]).toHaveAttribute('opacity', '0.1');
+      expect(bars[4]).toHaveAttribute('opacity', '0.1');
+      expect(bars[5]).toHaveAttribute('opacity', '');
+      expect(bars[6]).toHaveAttribute('opacity', '');
+      expect(bars[7]).toHaveAttribute('opacity', '0.1');
+      expect(bars[8]).toHaveAttribute('opacity', '0.1');
+      expect(bars[9]).toHaveAttribute('opacity', '');
+      expect(bars[10]).toHaveAttribute('opacity', '');
+      expect(bars[11]).toHaveAttribute('opacity', '0.1');
+    },
+  );
 });
 
 describe('Grouped vertical bar chart - Subcomponent callout', () => {
diff --git a/packages/react-examples/src/react-charting/GroupedVerticalBarChart/GroupedVerticalBarChart.Basic.Example.tsx b/packages/react-examples/src/react-charting/GroupedVerticalBarChart/GroupedVerticalBarChart.Basic.Example.tsx
index d514c24099ff2..be8a4d5999a24 100644
--- a/packages/react-examples/src/react-charting/GroupedVerticalBarChart/GroupedVerticalBarChart.Basic.Example.tsx
+++ b/packages/react-examples/src/react-charting/GroupedVerticalBarChart/GroupedVerticalBarChart.Basic.Example.tsx
@@ -16,6 +16,7 @@ interface IGroupedBarChartState {
   hideLabels: boolean;
   enableGradient: boolean;
   roundCorners: boolean;
+  selectMultipleLegends: boolean;
 }
 
 export class GroupedVerticalBarChartBasicExample extends React.Component<{}, IGroupedBarChartState> {
@@ -29,6 +30,7 @@ export class GroupedVerticalBarChartBasicExample extends React.Component<{}, IGr
       hideLabels: false,
       enableGradient: false,
       roundCorners: false,
+      selectMultipleLegends: false,
     };
   }
 
@@ -60,6 +62,10 @@ export class GroupedVerticalBarChartBasicExample extends React.Component<{}, IGr
     this.setState({ roundCorners: checked });
   };
 
+  private _onLegendMultiSelectChange = (ev: React.MouseEvent<HTMLElement>, checked: boolean) => {
+    this.setState({ selectMultipleLegends: checked });
+  };
+
   private _basicExample(): JSX.Element {
     const data = [
       {
@@ -87,6 +93,28 @@ export class GroupedVerticalBarChartBasicExample extends React.Component<{}, IGr
               ariaLabel: 'Group Jan - Mar 1 of 4, Bar series 2 of 2 2023, x value 2023/04/30, y value 44%',
             },
           },
+          {
+            key: 'series3',
+            data: 54000,
+            color: getColorFromToken(DataVizPalette.color5),
+            legend: '2024',
+            xAxisCalloutData: '2024/04/30',
+            yAxisCalloutData: '44%',
+            callOutAccessibilityData: {
+              ariaLabel: 'Group Jan - Mar 1 of 4, Bar series 3 of 4 2022, x value 2024/04/30, y value 44%',
+            },
+          },
+          {
+            key: 'series4',
+            data: 24000,
+            color: getColorFromToken(DataVizPalette.color6),
+            legend: '2021',
+            xAxisCalloutData: '2021/04/30',
+            yAxisCalloutData: '44%',
+            callOutAccessibilityData: {
+              ariaLabel: 'Group Jan - Mar 1 of 4, Bar series 4 of 4 2021, x value 2021/04/30, y value 44%',
+            },
+          },
         ],
       },
       {
@@ -114,6 +142,28 @@ export class GroupedVerticalBarChartBasicExample extends React.Component<{}, IGr
               ariaLabel: 'Group Apr - Jun 2 of 4, Bar series 2 of 2 2023, x value 2023/05/30, y value 3%',
             },
           },
+          {
+            key: 'series3',
+            data: 9000,
+            color: getColorFromToken(DataVizPalette.color5),
+            legend: '2024',
+            xAxisCalloutData: '2024/05/30',
+            yAxisCalloutData: '3%',
+            callOutAccessibilityData: {
+              ariaLabel: 'Group Apr - Jun 2 of 4, Bar series 3 of 4 2024, x value 2024/05/30, y value 3%',
+            },
+          },
+          {
+            key: 'series4',
+            data: 12000,
+            color: getColorFromToken(DataVizPalette.color6),
+            legend: '2021',
+            xAxisCalloutData: '2021/05/30',
+            yAxisCalloutData: '3%',
+            callOutAccessibilityData: {
+              ariaLabel: 'Group Apr - Jun 2 of 4, Bar series 4 of 4 2021, x value 2021/05/30, y value 3%',
+            },
+          },
         ],
       },
 
@@ -142,6 +192,28 @@ export class GroupedVerticalBarChartBasicExample extends React.Component<{}, IGr
               ariaLabel: 'Group Jul - Sep 3 of 4, Bar series 2 of 2 2023, x value 2023/06/30, y value 50%',
             },
           },
+          {
+            key: 'series3',
+            data: 60000,
+            color: getColorFromToken(DataVizPalette.color5),
+            legend: '2024',
+            xAxisCalloutData: '2024/06/30',
+            yAxisCalloutData: '50%',
+            callOutAccessibilityData: {
+              ariaLabel: 'Group Jul - Sep 3 of 4, Bar series 3 of 4 2024, x value 2024/06/30, y value 50%',
+            },
+          },
+          {
+            key: 'series4',
+            data: 10000,
+            color: getColorFromToken(DataVizPalette.color6),
+            legend: '2021',
+            xAxisCalloutData: '2021/06/30',
+            yAxisCalloutData: '50%',
+            callOutAccessibilityData: {
+              ariaLabel: 'Group Jul - Sep 3 of 4, Bar series 4 of 4 2021, x value 2021/06/30, y value 50%',
+            },
+          },
         ],
       },
       {
@@ -169,6 +241,28 @@ export class GroupedVerticalBarChartBasicExample extends React.Component<{}, IGr
               ariaLabel: 'Group Oct - Dec 4 of 4, Bar series 2 of 2 2023, x value 2023/07/30, y value 3%',
             },
           },
+          {
+            key: 'series3',
+            data: 6000,
+            color: getColorFromToken(DataVizPalette.color5),
+            legend: '2024',
+            xAxisCalloutData: '2024/07/30',
+            yAxisCalloutData: '3%',
+            callOutAccessibilityData: {
+              ariaLabel: 'Group Oct - Dec 4 of 4, Bar series 3 of 4 2024, x value 2024/07/30, y value 3%',
+            },
+          },
+          {
+            key: 'series4',
+            data: 15000,
+            color: getColorFromToken(DataVizPalette.color6),
+            legend: '2021',
+            xAxisCalloutData: '2021/07/30',
+            yAxisCalloutData: '3%',
+            callOutAccessibilityData: {
+              ariaLabel: 'Group Oct - Dec 4 of 4, Bar series 4 of 4 2021, x value 2021/07/30, y value 3%',
+            },
+          },
         ],
       },
     ];
@@ -234,6 +328,13 @@ export class GroupedVerticalBarChartBasicExample extends React.Component<{}, IGr
           <Toggle label="Enable Gradient" onText="ON" offText="OFF" onChange={this._onEnableGradientChange} />
           &nbsp;&nbsp;
           <Toggle label="Rounded Corners" onText="ON" offText="OFF" onChange={this._onRoundCornersChange} />
+          &nbsp;&nbsp;
+          <Toggle
+            label="Select Multiple Legends"
+            onText="ON"
+            offText="OFF"
+            onChange={this._onLegendMultiSelectChange}
+          />
         </div>
         <div style={rootStyle}>
           <GroupedVerticalBarChart
@@ -248,6 +349,9 @@ export class GroupedVerticalBarChartBasicExample extends React.Component<{}, IGr
             enableReflow={true}
             enableGradient={this.state.enableGradient}
             roundCorners={this.state.roundCorners}
+            legendProps={{
+              canSelectMultipleLegends: this.state.selectMultipleLegends,
+            }}
           />
         </div>
       </>

From 864f029751937946ae89425120483d58f2d0875a Mon Sep 17 00:00:00 2001
From: srmukher <120183316+srmukher@users.noreply.github.com>
Date: Thu, 26 Dec 2024 18:56:10 +0530
Subject: [PATCH 36/42] [VSBC] Support for multiple legend selection for
 Vertical Stacked Bar Chart (#33466)

---
 ...-891c4db7-8af3-489e-80f8-b8a02b227536.json |  7 ++
 .../VerticalStackedBarChart.base.tsx          | 94 +++++++++++--------
 .../VerticalStackedBarChartRTL.test.tsx       | 19 +++-
 .../VerticalStackedBarChart.Basic.Example.tsx | 15 +++
 4 files changed, 93 insertions(+), 42 deletions(-)
 create mode 100644 change/@fluentui-react-charting-891c4db7-8af3-489e-80f8-b8a02b227536.json

diff --git a/change/@fluentui-react-charting-891c4db7-8af3-489e-80f8-b8a02b227536.json b/change/@fluentui-react-charting-891c4db7-8af3-489e-80f8-b8a02b227536.json
new file mode 100644
index 0000000000000..9c9a1d6e8eddd
--- /dev/null
+++ b/change/@fluentui-react-charting-891c4db7-8af3-489e-80f8-b8a02b227536.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Support for multiple legend selection for Vertical Stacked Bar Chart ",
+  "packageName": "@fluentui/react-charting",
+  "email": "120183316+srmukher@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/charts/react-charting/src/components/VerticalStackedBarChart/VerticalStackedBarChart.base.tsx b/packages/charts/react-charting/src/components/VerticalStackedBarChart/VerticalStackedBarChart.base.tsx
index 06bcd655861c8..a8ac01812bc96 100644
--- a/packages/charts/react-charting/src/components/VerticalStackedBarChart/VerticalStackedBarChart.base.tsx
+++ b/packages/charts/react-charting/src/components/VerticalStackedBarChart/VerticalStackedBarChart.base.tsx
@@ -101,6 +101,7 @@ export interface IVerticalStackedBarChartState extends IBasestate {
   activeXAxisDataPoint: number | string | Date;
   callOutAccessibilityData?: IAccessibilityProps;
   calloutLegend: string;
+  selectedLegends: string[];
 }
 export class VerticalStackedBarChartBase
   extends React.Component<IVerticalStackedBarChartProps, IVerticalStackedBarChartState>
@@ -140,8 +141,8 @@ export class VerticalStackedBarChartBase
 
     this.state = {
       isCalloutVisible: false,
-      selectedLegend: props.legendProps?.selectedLegend ?? '',
-      activeLegend: '',
+      selectedLegends: props.legendProps?.selectedLegends || [],
+      activeLegend: undefined,
       refSelected: null,
       dataForHoverCard: 0,
       color: '',
@@ -305,7 +306,7 @@ export class VerticalStackedBarChartBase
     const { isCalloutForStack = false } = this.props;
     let shouldFocusStackOnly: boolean = false;
     if (_isHavingLines) {
-      if (this.state.selectedLegend !== '') {
+      if (this._getHighlightedLegend().length === 1) {
         shouldFocusStackOnly = false;
       } else {
         shouldFocusStackOnly = true;
@@ -404,7 +405,7 @@ export class VerticalStackedBarChartBase
 
     const xScaleBandwidthTranslate = this._xAxisType !== XAxisTypes.StringAxis ? 0 : xScale.bandwidth() / 2;
     Object.keys(lineObject).forEach((item: string, index: number) => {
-      const shouldHighlight = this._legendHighlighted(item) || this._noLegendHighlighted(); // item is legend name
+      const shouldHighlight = this._isLegendHighlighted(item) || this._noLegendHighlighted(); // item is legend name
       for (let i = 1; i < lineObject[item].length; i++) {
         const x1 = xScale(lineObject[item][i - 1].xItem.xAxisPoint);
         const useSecondaryYScale =
@@ -442,7 +443,7 @@ export class VerticalStackedBarChartBase
             strokeLinecap="round"
             stroke={lineObject[item][i].color}
             transform={`translate(${xScaleBandwidthTranslate}, 0)`}
-            {...(this.state.selectedLegend === item && {
+            {...(this._isLegendHighlighted(item) && {
               onMouseOver: this._lineHover.bind(this, lineObject[item][i - 1]),
               onMouseLeave: this._lineHoverOut,
             })}
@@ -462,11 +463,11 @@ export class VerticalStackedBarChartBase
               circlePoint.useSecondaryYScale && secondaryYScale ? secondaryYScale(circlePoint.y) : yScale(circlePoint.y)
             }
             onMouseOver={
-              this.state.selectedLegend === item
+              this._isLegendHighlighted(item)
                 ? this._lineHover.bind(this, circlePoint)
                 : this._onStackHover.bind(this, circlePoint.xItem)
             }
-            {...(this.state.selectedLegend === item && {
+            {...(this._isLegendHighlighted(item) && {
               onMouseLeave: this._lineHoverOut,
             })}
             r={this._getCircleVisibilityAndRadius(circlePoint.xItem.xAxisPoint, circlePoint.legend).radius}
@@ -478,7 +479,7 @@ export class VerticalStackedBarChartBase
             // When no legend is highlighted: Line points are automatically displayed along with the bars
             // at the same x-axis point in the stack callout. So to prevent an increase in focusable elements
             // and avoid conveying duplicate info, make these line points non-focusable.
-            data-is-focusable={this._legendHighlighted(item)}
+            data-is-focusable={this._isLegendHighlighted(item)}
             ref={e => (circleRef.refElement = e)}
             onFocus={this._lineFocus.bind(this, circlePoint, circleRef)}
             onBlur={this._lineHoverOut}
@@ -499,11 +500,11 @@ export class VerticalStackedBarChartBase
     xAxisPoint: string | number | Date,
     legend: string,
   ): { visibility: CircleVisbility; radius: number } => {
-    const { selectedLegend, activeXAxisDataPoint } = this.state;
-    if (selectedLegend !== '') {
-      if (xAxisPoint === activeXAxisDataPoint && selectedLegend === legend) {
+    const { activeXAxisDataPoint } = this.state;
+    if (!this._noLegendHighlighted()) {
+      if (xAxisPoint === activeXAxisDataPoint && this._isLegendHighlighted(legend)) {
         return { visibility: CircleVisbility.show, radius: 8 };
-      } else if (selectedLegend === legend) {
+      } else if (this._isLegendHighlighted(legend)) {
         return { visibility: CircleVisbility.show, radius: 0.3 };
       } else {
         return { visibility: CircleVisbility.hide, radius: 0 };
@@ -573,18 +574,6 @@ export class VerticalStackedBarChartBase
       : null;
   };
 
-  private _onLegendClick(legendTitle: string): void {
-    if (this.state.selectedLegend === legendTitle) {
-      this.setState({
-        selectedLegend: '',
-      });
-    } else {
-      this.setState({
-        selectedLegend: legendTitle,
-      });
-    }
-  }
-
   private _onLegendHover(legendTitle: string): void {
     this.setState({
       activeLegend: legendTitle,
@@ -593,7 +582,7 @@ export class VerticalStackedBarChartBase
 
   private _onLegendLeave(): void {
     this.setState({
-      activeLegend: '',
+      activeLegend: undefined,
     });
   }
 
@@ -628,9 +617,6 @@ export class VerticalStackedBarChartBase
         const legend: ILegend = {
           title: point.legend,
           color,
-          action: () => {
-            this._onLegendClick(point.legend);
-          },
           hoverAction: allowHoverOnLegend
             ? () => {
                 this._handleChartMouseLeave();
@@ -650,9 +636,6 @@ export class VerticalStackedBarChartBase
           title: point.title,
           color: point.color,
           isLineLegendInBarChart: true,
-          action: () => {
-            this._onLegendClick(point.title);
-          },
           hoverAction: allowHoverOnLegend
             ? () => {
                 this._handleChartMouseLeave();
@@ -673,10 +656,34 @@ export class VerticalStackedBarChartBase
         focusZonePropsInHoverCard={this.props.focusZonePropsForLegendsInHoverCard}
         overflowText={this.props.legendsOverflowText}
         {...this.props.legendProps}
+        onChange={this._onLegendSelectionChange.bind(this)}
       />
     );
   }
 
+  private _onLegendSelectionChange(
+    selectedLegends: string[],
+    event: React.MouseEvent<HTMLButtonElement>,
+    currentLegend?: ILegend,
+  ): void {
+    if (this.props.legendProps?.canSelectMultipleLegends) {
+      this.setState({ selectedLegends });
+    } else {
+      this.setState({ selectedLegends: selectedLegends.slice(-1) });
+    }
+    if (this.props.legendProps?.onChange) {
+      this.props.legendProps.onChange(selectedLegends, event, currentLegend);
+    }
+  }
+
+  private _getHighlightedLegend() {
+    return this.state.selectedLegends.length > 0
+      ? this.state.selectedLegends
+      : this.state.activeLegend
+      ? [this.state.activeLegend]
+      : [];
+  }
+
   private _onRectHover(
     xAxisPoint: string,
     point: IVSChartDataPoint,
@@ -704,7 +711,7 @@ export class VerticalStackedBarChartBase
          * Show the callout if highlighted bar is focused/hovered
          * and Hide it if unhighlighted bar is focused/hovered
          */
-        isCalloutVisible: this.state.selectedLegend === '' || this.state.selectedLegend === point.legend,
+        isCalloutVisible: this._noLegendHighlighted() || this._isLegendHighlighted(point.legend),
         calloutLegend: point.legend,
         dataForHoverCard: point.data,
         color,
@@ -758,6 +765,13 @@ export class VerticalStackedBarChartBase
     stack: IVerticalStackedChartProps,
     refSelected: React.MouseEvent<SVGElement> | SVGGElement,
   ): void {
+    if (!this._noLegendHighlighted()) {
+      stack = {
+        ...stack,
+        chartData: stack.chartData.filter(dataPoint => this._isLegendHighlighted(dataPoint.legend)),
+        lineData: stack.lineData?.filter(dataPoint => this._isLegendHighlighted(dataPoint.legend)),
+      };
+    }
     const lineData = stack.lineData;
     const isLinesPresent: boolean = lineData !== undefined && lineData.length > 0;
     if (isLinesPresent) {
@@ -766,9 +780,10 @@ export class VerticalStackedBarChartBase
         item.shouldDrawBorderBottom = true;
       });
     }
+
     this.setState({
       refSelected,
-      isCalloutVisible: true,
+      isCalloutVisible: stack.chartData.length > 0 || (stack.lineData?.length ?? 0) > 0,
       YValueHover: isLinesPresent
         ? [...lineData!.sort((a, b) => (a.data! < b.data! ? 1 : -1)), ...stack.chartData.slice().reverse()]
         : stack.chartData.slice().reverse(),
@@ -894,7 +909,7 @@ export class VerticalStackedBarChartBase
 
         const ref: IRefArrayData = {};
 
-        const shouldHighlight = this._legendHighlighted(point.legend) || this._noLegendHighlighted() ? true : false;
+        const shouldHighlight = this._isLegendHighlighted(point.legend) || this._noLegendHighlighted() ? true : false;
         this._classNames = getClassNames(this.props.styles!, {
           theme: this.props.theme!,
           shouldHighlight,
@@ -1001,7 +1016,7 @@ export class VerticalStackedBarChartBase
           barLabel = barTotalValue;
         } else {
           barsToDisplay.forEach(point => {
-            if (this._legendHighlighted(point.legend)) {
+            if (this._isLegendHighlighted(point.legend)) {
               showLabel = true;
               barLabel += point.data;
             }
@@ -1127,18 +1142,15 @@ export class VerticalStackedBarChartBase
    * 1. selection: if the user clicks on it
    * 2. hovering: if there is no selected legend and the user hovers over it
    */
-  private _legendHighlighted = (legendTitle: string) => {
-    return (
-      this.state.selectedLegend === legendTitle ||
-      (this.state.selectedLegend === '' && this.state.activeLegend === legendTitle)
-    );
+  private _isLegendHighlighted = (legendTitle: string): boolean => {
+    return this._getHighlightedLegend().includes(legendTitle);
   };
 
   /**
    * This function checks if none of the legends is selected or hovered.
    */
   private _noLegendHighlighted = () => {
-    return this.state.selectedLegend === '' && this.state.activeLegend === '';
+    return this._getHighlightedLegend().length === 0;
   };
 
   private _getAriaLabel = (singleChartData: IVerticalStackedChartProps, point?: IVSChartDataPoint): string => {
diff --git a/packages/charts/react-charting/src/components/VerticalStackedBarChart/VerticalStackedBarChartRTL.test.tsx b/packages/charts/react-charting/src/components/VerticalStackedBarChart/VerticalStackedBarChartRTL.test.tsx
index d3a36f9ac55d9..025dc39d66596 100644
--- a/packages/charts/react-charting/src/components/VerticalStackedBarChart/VerticalStackedBarChartRTL.test.tsx
+++ b/packages/charts/react-charting/src/components/VerticalStackedBarChart/VerticalStackedBarChartRTL.test.tsx
@@ -503,13 +503,30 @@ describe('Vertical stacked bar chart - Subcomponent Legends', () => {
     { data: simplePointsWithLine, calloutProps: { doNotLayer: true } },
     container => {
       // eslint-disable-next-line
-      const handleMouseClick = jest.spyOn(VerticalStackedBarChartBase.prototype as any, '_onLegendClick');
+      const handleMouseClick = jest.spyOn(VerticalStackedBarChartBase.prototype as any, '_onLegendSelectionChange');
       const legends = screen.getAllByText((content, element) => element!.tagName.toLowerCase() === 'button');
       fireEvent.click(legends[0]);
       // Assert
       expect(handleMouseClick).toHaveBeenCalled();
     },
   );
+
+  testWithoutWait(
+    'Should select multiple legends on click',
+    VerticalStackedBarChart,
+    { data: simplePoints, legendProps: { canSelectMultipleLegends: true }, calloutProps: { doNotLayer: true } },
+    container => {
+      const firstLegend = screen.queryByText('Metadata1')?.closest('button');
+      const secondLegend = screen.queryByText('Metadata2')?.closest('button');
+      expect(firstLegend).toBeDefined();
+      expect(secondLegend).toBeDefined();
+      fireEvent.click(firstLegend!);
+      fireEvent.click(secondLegend!);
+      //Assert
+      expect(firstLegend).toHaveAttribute('aria-selected', 'true');
+      expect(secondLegend).toHaveAttribute('aria-selected', 'true');
+    },
+  );
 });
 
 describe('Vertical stacked bar chart - Subcomponent callout', () => {
diff --git a/packages/react-examples/src/react-charting/VerticalStackedBarChart/VerticalStackedBarChart.Basic.Example.tsx b/packages/react-examples/src/react-charting/VerticalStackedBarChart/VerticalStackedBarChart.Basic.Example.tsx
index d8c71162218f1..d90e45872e488 100644
--- a/packages/react-examples/src/react-charting/VerticalStackedBarChart/VerticalStackedBarChart.Basic.Example.tsx
+++ b/packages/react-examples/src/react-charting/VerticalStackedBarChart/VerticalStackedBarChart.Basic.Example.tsx
@@ -21,6 +21,7 @@ interface IVerticalStackedBarState {
   margins: {};
   enableGradient: boolean;
   roundCorners: boolean;
+  legendMultiSelect: boolean;
 }
 
 export class VerticalStackedBarChartBasicExample extends React.Component<{}, IVerticalStackedBarState> {
@@ -41,6 +42,7 @@ export class VerticalStackedBarChartBasicExample extends React.Component<{}, IVe
       },
       enableGradient: false,
       roundCorners: false,
+      legendMultiSelect: false,
     };
   }
 
@@ -94,6 +96,10 @@ export class VerticalStackedBarChartBasicExample extends React.Component<{}, IVe
     this.setState({ roundCorners: checked });
   };
 
+  private _onToggleLegendMultiSelect = (ev: React.MouseEvent<HTMLElement>, checked: boolean) => {
+    this.setState({ legendMultiSelect: checked });
+  };
+
   private _basicExample(): JSX.Element {
     const { showLine } = this.state;
     const firstChartPoints: IVSChartDataPoint[] = [
@@ -307,6 +313,13 @@ export class VerticalStackedBarChartBasicExample extends React.Component<{}, IVe
           <Toggle label="Enable Gradient" onText="ON" offText="OFF" onChange={this._onEnableGradientChange} />
           &nbsp;&nbsp;
           <Toggle label="Rounded Corners" onText="ON" offText="OFF" onChange={this._onRoundCornersChange} />
+          &nbsp;&nbsp;
+          <Toggle
+            label="Select Multiple Legends"
+            onText="ON"
+            offText="OFF"
+            onChange={this._onToggleLegendMultiSelect}
+          />
         </div>
         {this.state.showAxisTitles && (
           <div style={rootStyle}>
@@ -321,6 +334,7 @@ export class VerticalStackedBarChartBasicExample extends React.Component<{}, IVe
               lineOptions={lineOptions}
               legendProps={{
                 allowFocusOnLegends: true,
+                canSelectMultipleLegends: this.state.legendMultiSelect,
               }}
               hideLabels={this.state.hideLabels}
               enableReflow={true}
@@ -344,6 +358,7 @@ export class VerticalStackedBarChartBasicExample extends React.Component<{}, IVe
               lineOptions={lineOptions}
               legendProps={{
                 allowFocusOnLegends: true,
+                canSelectMultipleLegends: this.state.legendMultiSelect,
               }}
               hideLabels={this.state.hideLabels}
               enableReflow={true}

From 3e4cc988ffaad3f5e7b0cfa30fb4ba792a0e01c9 Mon Sep 17 00:00:00 2001
From: Anush Gupta <74965306+Anush2303@users.noreply.github.com>
Date: Thu, 26 Dec 2024 21:18:02 +0530
Subject: [PATCH 37/42] Full y axis labels in Heatmap chart (#33509)

---
 ...-4a2b4230-b5e3-4cea-9777-4e1670b33156.json |  7 +++
 .../react-charting/etc/react-charting.api.md  |  1 +
 .../CommonComponents/CartesianChart.base.tsx  | 51 ++++++++++------
 .../DeclarativeChart/PlotlySchemaAdapter.ts   |  1 +
 .../HeatMapChart/HeatMapChart.base.tsx        |  8 ++-
 .../HeatMapChart/HeatMapChart.types.ts        |  5 ++
 .../HeatMapChartRTL.test.tsx.snap             | 60 +++++++++++++++++--
 7 files changed, 110 insertions(+), 23 deletions(-)
 create mode 100644 change/@fluentui-react-charting-4a2b4230-b5e3-4cea-9777-4e1670b33156.json

diff --git a/change/@fluentui-react-charting-4a2b4230-b5e3-4cea-9777-4e1670b33156.json b/change/@fluentui-react-charting-4a2b4230-b5e3-4cea-9777-4e1670b33156.json
new file mode 100644
index 0000000000000..d0644dd55b79b
--- /dev/null
+++ b/change/@fluentui-react-charting-4a2b4230-b5e3-4cea-9777-4e1670b33156.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Full Yaxis labels in HeatMap chart",
+  "packageName": "@fluentui/react-charting",
+  "email": "74965306+Anush2303@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/charts/react-charting/etc/react-charting.api.md b/packages/charts/react-charting/etc/react-charting.api.md
index a9793c3c65d41..aab87b0a2ee12 100644
--- a/packages/charts/react-charting/etc/react-charting.api.md
+++ b/packages/charts/react-charting/etc/react-charting.api.md
@@ -721,6 +721,7 @@ export interface IHeatMapChartProps extends Pick<ICartesianChartProps, Exclude<k
     domainValuesForColorScale: number[];
     legendProps?: Partial<ILegendsProps>;
     rangeValuesForColorScale: string[];
+    showYAxisLables?: boolean;
     styles?: IStyleFunctionOrObject<IHeatMapChartStyleProps, IHeatMapChartStyles>;
     xAxisDateFormatString?: string;
     xAxisNumberFormatString?: string;
diff --git a/packages/charts/react-charting/src/components/CommonComponents/CartesianChart.base.tsx b/packages/charts/react-charting/src/components/CommonComponents/CartesianChart.base.tsx
index b68a136ed3b8b..a38917dbbe8cf 100644
--- a/packages/charts/react-charting/src/components/CommonComponents/CartesianChart.base.tsx
+++ b/packages/charts/react-charting/src/components/CommonComponents/CartesianChart.base.tsx
@@ -9,6 +9,7 @@ import {
   IModifiedCartesianChartProps,
   IYValueHover,
   IHorizontalBarChartWithAxisDataPoint,
+  IHeatMapChartDataPoint,
 } from '../../index';
 import { convertToLocaleString } from '../../utilities/locale-util';
 import {
@@ -38,6 +39,7 @@ const getClassNames = classNamesFunction<ICartesianChartStyleProps, ICartesianCh
 const ChartHoverCard = React.lazy(() =>
   import('../../utilities/ChartHoverCard/ChartHoverCard').then(module => ({ default: module.ChartHoverCard })),
 );
+const chartTypesToCheck = [ChartTypes.HorizontalBarChartWithAxis, ChartTypes.HeatMapChart];
 
 export interface ICartesianChartState {
   containerWidth: number;
@@ -141,14 +143,11 @@ export class CartesianChartBase
 
   public componentDidMount(): void {
     this._fitParentContainer();
-    if (
-      this.props.chartType === ChartTypes.HorizontalBarChartWithAxis &&
-      this.props.showYAxisLables &&
-      this.yAxisElement
-    ) {
-      const maxYAxisLabelLength = calculateLongestLabelWidth(
-        this.props.points.map((point: IHorizontalBarChartWithAxisDataPoint) => point.y),
-        `.${this._classNames.yAxis} text`,
+    if (chartTypesToCheck.includes(this.props.chartType) && this.props.showYAxisLables && this.yAxisElement) {
+      const maxYAxisLabelLength = this.calculateMaxYAxisLabelLength(
+        this.props.chartType,
+        this.props.points,
+        this._classNames.yAxis!,
       );
       if (this.state.startFromX !== maxYAxisLabelLength) {
         this.setState({
@@ -194,14 +193,11 @@ export class CartesianChartBase
         });
       }
     }
-    if (
-      this.props.chartType === ChartTypes.HorizontalBarChartWithAxis &&
-      this.props.showYAxisLables &&
-      this.yAxisElement
-    ) {
-      const maxYAxisLabelLength = calculateLongestLabelWidth(
-        this.props.points.map((point: IHorizontalBarChartWithAxisDataPoint) => point.y),
-        `.${this._classNames.yAxis} text`,
+    if (chartTypesToCheck.includes(this.props.chartType) && this.props.showYAxisLables && this.yAxisElement) {
+      const maxYAxisLabelLength = this.calculateMaxYAxisLabelLength(
+        this.props.chartType,
+        this.props.points,
+        this._classNames.yAxis!,
       );
       if (this.state.startFromX !== maxYAxisLabelLength) {
         this.setState({
@@ -220,6 +216,25 @@ export class CartesianChartBase
     }
   }
 
+  public calculateMaxYAxisLabelLength = (
+    chartType: ChartTypes,
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    points: any[],
+    className: string,
+  ): number => {
+    if (chartType === ChartTypes.HeatMapChart) {
+      return calculateLongestLabelWidth(
+        points[0].data.map((point: IHeatMapChartDataPoint) => point.y),
+        `.${className} text`,
+      );
+    } else {
+      return calculateLongestLabelWidth(
+        points.map((point: IHorizontalBarChartWithAxisDataPoint) => point.y),
+        `.${className} text`,
+      );
+    }
+  };
+
   public render(): JSX.Element {
     const {
       calloutProps,
@@ -238,7 +253,7 @@ export class CartesianChartBase
     }
 
     const margin = { ...this.margins };
-    if (this.props.chartType === ChartTypes.HorizontalBarChartWithAxis) {
+    if (chartTypesToCheck.includes(this.props.chartType)) {
       if (!this._isRtl) {
         margin.left! += this.state.startFromX;
       } else {
@@ -415,7 +430,7 @@ export class CartesianChartBase
     truncating the rest of the text and showing elipsis
     or showing the whole string,
      * */
-      this.props.chartType === ChartTypes.HorizontalBarChartWithAxis &&
+      chartTypesToCheck.includes(this.props.chartType) &&
         yScale &&
         createYAxisLabels(
           this.yAxisElement,
diff --git a/packages/charts/react-charting/src/components/DeclarativeChart/PlotlySchemaAdapter.ts b/packages/charts/react-charting/src/components/DeclarativeChart/PlotlySchemaAdapter.ts
index 471db94b0c098..a405d1a78cd83 100644
--- a/packages/charts/react-charting/src/components/DeclarativeChart/PlotlySchemaAdapter.ts
+++ b/packages/charts/react-charting/src/components/DeclarativeChart/PlotlySchemaAdapter.ts
@@ -390,6 +390,7 @@ export const transformPlotlyJsonToHeatmapProps = (jsonObj: any): IHeatMapChartPr
     domainValuesForColorScale,
     rangeValuesForColorScale,
     hideLegend: true,
+    showYAxisLables: true,
   };
 };
 
diff --git a/packages/charts/react-charting/src/components/HeatMapChart/HeatMapChart.base.tsx b/packages/charts/react-charting/src/components/HeatMapChart/HeatMapChart.base.tsx
index 21b11b28a01f6..d9cb9969c73c7 100644
--- a/packages/charts/react-charting/src/components/HeatMapChart/HeatMapChart.base.tsx
+++ b/packages/charts/react-charting/src/components/HeatMapChart/HeatMapChart.base.tsx
@@ -114,6 +114,7 @@ export class HeatMapChartBase extends React.Component<IHeatMapChartProps, IHeatM
   private _yAxisType: YAxisType;
   private _calloutAnchorPoint: FlattenData | null;
   private _emptyChartId: string;
+  private margins: IMargins;
   private _cartesianChartRef: React.RefObject<IChart>;
 
   public constructor(props: IHeatMapChartProps) {
@@ -218,6 +219,7 @@ export class HeatMapChartBase extends React.Component<IHeatMapChartProps, IHeatM
         createStringYAxis={createStringYAxis}
         getDomainNRangeValues={this._getDomainNRangeValues}
         getMinMaxOfYAxis={this._getMinMaxOfYAxis}
+        getmargins={this._getMargins}
         xAxisTickCount={this._stringXAxisDataPoints.length}
         xAxistickSize={0}
         xAxisPadding={0.02}
@@ -269,7 +271,7 @@ export class HeatMapChartBase extends React.Component<IHeatMapChartProps, IHeatM
     if (xAxisType === XAxisTypes.NumericAxis || xAxisType === XAxisTypes.DateAxis) {
       domainNRangeValue = { dStartValue: 0, dEndValue: 0, rStartValue: 0, rEndValue: 0 };
     } else {
-      domainNRangeValue = domainRangeOfXStringAxis(margins, width, isRTL);
+      domainNRangeValue = domainRangeOfXStringAxis(this.margins, width, isRTL);
     }
     return domainNRangeValue;
   };
@@ -287,6 +289,10 @@ export class HeatMapChartBase extends React.Component<IHeatMapChartProps, IHeatM
     return { x, y };
   };
 
+  private _getMargins = (margins: IMargins) => {
+    this.margins = margins;
+  };
+
   private _getOpacity = (legendTitle: string): string => {
     const opacity = this._legendHighlighted(legendTitle) || this._noLegendHighlighted() ? '1' : '0.1';
     return opacity;
diff --git a/packages/charts/react-charting/src/components/HeatMapChart/HeatMapChart.types.ts b/packages/charts/react-charting/src/components/HeatMapChart/HeatMapChart.types.ts
index 178f3aa7dfa37..6593212253b7c 100644
--- a/packages/charts/react-charting/src/components/HeatMapChart/HeatMapChart.types.ts
+++ b/packages/charts/react-charting/src/components/HeatMapChart/HeatMapChart.types.ts
@@ -108,6 +108,11 @@ export interface IHeatMapChartProps extends Pick<ICartesianChartProps, Exclude<k
    * The prop used to define the culture to localized the numbers
    */
   culture?: string;
+
+  /**
+   *@default false
+   *Used for showing complete y axis lables   */
+  showYAxisLables?: boolean;
 }
 
 /**
diff --git a/packages/charts/react-charting/src/components/HeatMapChart/__snapshots__/HeatMapChartRTL.test.tsx.snap b/packages/charts/react-charting/src/components/HeatMapChart/__snapshots__/HeatMapChartRTL.test.tsx.snap
index 866ce00497503..6234c32896463 100644
--- a/packages/charts/react-charting/src/components/HeatMapChart/__snapshots__/HeatMapChartRTL.test.tsx.snap
+++ b/packages/charts/react-charting/src/components/HeatMapChart/__snapshots__/HeatMapChartRTL.test.tsx.snap
@@ -760,9 +760,22 @@ exports[`HeatMapChart snapshot tests should render HeatMapChart correctly with n
             <text
               dy="0.32em"
               fill="currentColor"
+              text-align="start"
               x="-10"
             >
-              10
+              <tspan
+                data-="10"
+                dy="0.32em"
+                id="BaseSpan"
+                x="-10"
+              />
+              <tspan
+                dx="1em"
+                id="LessLength"
+                x="-10"
+              >
+                10
+              </tspan>
             </text>
           </g>
           <g
@@ -777,9 +790,22 @@ exports[`HeatMapChart snapshot tests should render HeatMapChart correctly with n
             <text
               dy="0.32em"
               fill="currentColor"
+              text-align="start"
               x="-10"
             >
-              20
+              <tspan
+                data-="20"
+                dy="0.32em"
+                id="BaseSpan"
+                x="-10"
+              />
+              <tspan
+                dx="1em"
+                id="LessLength"
+                x="-10"
+              >
+                20
+              </tspan>
             </text>
           </g>
         </g>
@@ -1334,9 +1360,22 @@ exports[`HeatMapChart snapshot tests should render axis labels correctly When cu
             <text
               dy="0.32em"
               fill="currentColor"
+              text-align="start"
               x="-10"
             >
-              yPoint p1
+              <tspan
+                data-="yPoint p1"
+                dy="0.32em"
+                id="BaseSpan"
+                x="-10"
+              />
+              <tspan
+                dx="1em"
+                id="LessLength"
+                x="-10"
+              >
+                yPoint p1
+              </tspan>
             </text>
           </g>
           <g
@@ -1351,9 +1390,22 @@ exports[`HeatMapChart snapshot tests should render axis labels correctly When cu
             <text
               dy="0.32em"
               fill="currentColor"
+              text-align="start"
               x="-10"
             >
-              yPoint p2
+              <tspan
+                data-="yPoint p2"
+                dy="0.32em"
+                id="BaseSpan"
+                x="-10"
+              />
+              <tspan
+                dx="1em"
+                id="LessLength"
+                x="-10"
+              >
+                yPoint p2
+              </tspan>
             </text>
           </g>
         </g>

From 99cbe5c9cc9c298d78e10301b37d314b68ba8c52 Mon Sep 17 00:00:00 2001
From: Anush Gupta <74965306+Anush2303@users.noreply.github.com>
Date: Fri, 27 Dec 2024 09:29:08 +0530
Subject: [PATCH 38/42] bug(react-charting): Bug fixes for declarative chart
 control (#33507)

Co-authored-by: Atishay Jain (atisjai) <98592573+AtishayMsft@users.noreply.github.com>
---
 ...-93685ac9-5787-4456-9159-5670992837e0.json |  7 +++
 .../DeclarativeChart/DeclarativeChart.tsx     | 53 +++++++++++-----
 .../DeclarativeChart/PlotlySchemaAdapter.ts   | 61 +++++++++++++++----
 .../DeclarativeChart/imageExporter.ts         |  2 +-
 .../components/DonutChart/DonutChart.base.tsx | 10 ++-
 .../GroupedVerticalBarChart.base.tsx          |  5 +-
 .../components/LineChart/LineChart.base.tsx   |  3 +-
 .../VerticalStackedBarChart.base.tsx          |  5 +-
 .../src/utilities/UtilityUnitTests.test.ts    | 22 +++++++
 .../react-charting/src/utilities/utilities.ts | 18 ++++++
 10 files changed, 151 insertions(+), 35 deletions(-)
 create mode 100644 change/@fluentui-react-charting-93685ac9-5787-4456-9159-5670992837e0.json

diff --git a/change/@fluentui-react-charting-93685ac9-5787-4456-9159-5670992837e0.json b/change/@fluentui-react-charting-93685ac9-5787-4456-9159-5670992837e0.json
new file mode 100644
index 0000000000000..47948b855772f
--- /dev/null
+++ b/change/@fluentui-react-charting-93685ac9-5787-4456-9159-5670992837e0.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "plotly examples bug fixes",
+  "packageName": "@fluentui/react-charting",
+  "email": "74965306+Anush2303@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/charts/react-charting/src/components/DeclarativeChart/DeclarativeChart.tsx b/packages/charts/react-charting/src/components/DeclarativeChart/DeclarativeChart.tsx
index dd95be6c4768b..58b49824fa392 100644
--- a/packages/charts/react-charting/src/components/DeclarativeChart/DeclarativeChart.tsx
+++ b/packages/charts/react-charting/src/components/DeclarativeChart/DeclarativeChart.tsx
@@ -9,7 +9,9 @@ import {
   isArrayOrTypedArray,
   isDateArray,
   isNumberArray,
+  isMonthArray,
   sanitizeJson,
+  updateXValues,
   transformPlotlyJsonToDonutProps,
   transformPlotlyJsonToVSBCProps,
   transformPlotlyJsonToScatterChartProps,
@@ -90,6 +92,7 @@ export const DeclarativeChart: React.FunctionComponent<DeclarativeChartProps> =
   const xValues = data[0].x;
   const isXDate = isDateArray(xValues);
   const isXNumber = isNumberArray(xValues);
+  const isXMonth = isMonthArray(xValues);
   const colorMap = useColorMapping();
   const theme = useTheme();
   const isDarkTheme = theme?.isInverted ?? false;
@@ -166,7 +169,7 @@ export const DeclarativeChart: React.FunctionComponent<DeclarativeChartProps> =
           return (
             <GroupedVerticalBarChart
               {...transformPlotlyJsonToGVBCProps(plotlySchema, colorMap, isDarkTheme)}
-              legendProps={legendProps}
+              legendProps={{ ...legendProps, canSelectMultipleLegends: true, selectedLegends: activeLegends }}
               componentRef={chartRef}
               calloutProps={{ layerProps: { eventBubblingEnabled: true } }}
             />
@@ -175,7 +178,7 @@ export const DeclarativeChart: React.FunctionComponent<DeclarativeChartProps> =
         return (
           <VerticalStackedBarChart
             {...transformPlotlyJsonToVSBCProps(plotlySchema, colorMap, isDarkTheme)}
-            legendProps={legendProps}
+            legendProps={{ ...legendProps, canSelectMultipleLegends: true, selectedLegends: activeLegends }}
             componentRef={chartRef}
             calloutProps={{ layerProps: { eventBubblingEnabled: true } }}
           />
@@ -183,30 +186,48 @@ export const DeclarativeChart: React.FunctionComponent<DeclarativeChartProps> =
       }
     case 'scatter':
       const isAreaChart = data.some((series: any) => series.fill === 'tonexty' || series.fill === 'tozeroy');
-      if (isXDate || isXNumber) {
+      const renderChart = (chartProps: any) => {
         if (isAreaChart) {
-          return (
-            <AreaChart
-              {...transformPlotlyJsonToScatterChartProps({ data, layout }, true, colorMap, isDarkTheme)}
-              legendProps={legendProps}
-              componentRef={chartRef}
-              calloutProps={{ layerProps: { eventBubblingEnabled: true } }}
-            />
-          );
+          return <AreaChart {...chartProps} />;
         }
         return (
           <LineChart
-            {...transformPlotlyJsonToScatterChartProps({ data, layout }, false, colorMap, isDarkTheme)}
-            legendProps={{ ...legendProps, canSelectMultipleLegends: true, selectedLegends: activeLegends }}
-            componentRef={chartRef}
-            calloutProps={{ layerProps: { eventBubblingEnabled: true } }}
+            {...{
+              ...chartProps,
+              legendProps: {
+                onChange: onActiveLegendsChange,
+                canSelectMultipleLegends: true,
+                selectedLegends: activeLegends,
+              },
+            }}
           />
         );
+      };
+      if (isXDate || isXNumber) {
+        const chartProps = {
+          ...transformPlotlyJsonToScatterChartProps({ data, layout }, isAreaChart, colorMap, isDarkTheme),
+          legendProps,
+          componentRef: chartRef,
+          calloutProps: { layerProps: { eventBubblingEnabled: true } },
+        };
+        return renderChart(chartProps);
+      } else if (isXMonth) {
+        const updatedData = data.map((dataPoint: any) => ({
+          ...dataPoint,
+          x: updateXValues(dataPoint.x),
+        }));
+        const chartProps = {
+          ...transformPlotlyJsonToScatterChartProps({ data: updatedData, layout }, isAreaChart, colorMap, isDarkTheme),
+          legendProps,
+          componentRef: chartRef,
+          calloutProps: { layerProps: { eventBubblingEnabled: true } },
+        };
+        return renderChart(chartProps);
       }
       return (
         <VerticalStackedBarChart
           {...transformPlotlyJsonToVSBCProps(plotlySchema, colorMap, isDarkTheme)}
-          legendProps={legendProps}
+          legendProps={{ ...legendProps, canSelectMultipleLegends: true, selectedLegends: activeLegends }}
           componentRef={chartRef}
           calloutProps={{ layerProps: { eventBubblingEnabled: true } }}
         />
diff --git a/packages/charts/react-charting/src/components/DeclarativeChart/PlotlySchemaAdapter.ts b/packages/charts/react-charting/src/components/DeclarativeChart/PlotlySchemaAdapter.ts
index a405d1a78cd83..da6c97e12fbdb 100644
--- a/packages/charts/react-charting/src/components/DeclarativeChart/PlotlySchemaAdapter.ts
+++ b/packages/charts/react-charting/src/components/DeclarativeChart/PlotlySchemaAdapter.ts
@@ -33,7 +33,38 @@ const isDate = (value: any): boolean => !isNaN(Date.parse(value));
 const isNumber = (value: any): boolean => !isNaN(parseFloat(value)) && isFinite(value);
 export const isDateArray = (array: any[]): boolean => isArrayOrTypedArray(array) && array.every(isDate);
 export const isNumberArray = (array: any[]): boolean => isArrayOrTypedArray(array) && array.every(isNumber);
+export const isMonthArray = (array: any[]): boolean => {
+  if (array && array.length > 0) {
+    const presentYear = new Date().getFullYear();
+    return array.every(possiblyMonthValue => {
+      return isDate(`${possiblyMonthValue} 01, ${presentYear}`);
+    });
+  }
+  return false;
+};
 
+export const updateXValues = (xValues: any[]): any[] => {
+  const presentYear = new Date().getFullYear();
+  const dates = xValues.map(possiblyMonthValue => {
+    const parsedDate = `${possiblyMonthValue} 01, ${presentYear}`;
+    return isDate(parsedDate) ? new Date(parsedDate) : null;
+  });
+  for (let i = dates.length - 1; i > 0; i--) {
+    const currentMonth = dates[i]!.getMonth();
+    const previousMonth = dates[i - 1]!.getMonth();
+    const currentYear = dates[i]!.getFullYear();
+    const previousYear = dates[i - 1]!.getFullYear();
+    if (previousMonth >= currentMonth) {
+      dates[i - 1]!.setFullYear(dates[i]!.getFullYear() - 1);
+    } else if (previousYear > currentYear) {
+      dates[i - 1]!.setFullYear(currentYear);
+    }
+  }
+  xValues = xValues.map((month, index) => {
+    return `${month} 01, ${dates[index]!.getFullYear()}`;
+  });
+  return xValues;
+};
 export const getColor = (
   legendLabel: string,
   colorMap: React.MutableRefObject<Map<string, string>>,
@@ -112,7 +143,7 @@ export const transformPlotlyJsonToVSBCProps = (
         mapXToDataPoints[x] = { xAxisPoint: x, chartData: [], lineData: [] };
       }
       const legend: string = series.name || `Series ${index1 + 1}`;
-      if (series.type === 'bar') {
+      if (series.type === 'bar' || series.type === 'scatter') {
         const color = getColor(legend, colorMap, isDarkTheme);
         mapXToDataPoints[x].chartData.push({
           legend,
@@ -162,6 +193,7 @@ export const transformPlotlyJsonToGVBCProps = (
         mapXToDataPoints[x].series.push({
           key: legend,
           data: series.y?.[index2],
+          xAxisCalloutData: x as string,
           color,
           legend,
         });
@@ -458,15 +490,23 @@ export const transformPlotlyJsonToGaugeProps = (
   const { data, layout } = jsonObj;
   const firstData = data[0];
 
-  const segments = firstData.gauge?.steps?.map((step: any, index: number): IGaugeChartSegment => {
-    const legend = step.name || `Segment ${index + 1}`;
-    const color = getColor(legend, colorMap, isDarkTheme);
-    return {
-      legend,
-      size: step.range?.[1] - step.range?.[0],
-      color,
-    };
-  });
+  const segments = firstData.gauge?.steps?.length
+    ? firstData.gauge.steps.map((step: any, index: number): IGaugeChartSegment => {
+        const legend = step.name || `Segment ${index + 1}`;
+        const color = getColor(legend, colorMap, isDarkTheme);
+        return {
+          legend,
+          size: step.range?.[1] - step.range?.[0],
+          color,
+        };
+      })
+    : [
+        {
+          legend: 'Segment 1',
+          size: (firstData.gauge?.range?.[1] ?? 0) - (firstData.gauge?.range?.[0] ?? 0),
+          color: getColor('Segment 1', colorMap, isDarkTheme),
+        },
+      ];
 
   let sublabel: string | undefined;
   let sublabelColor: string | undefined;
@@ -500,7 +540,6 @@ export const transformPlotlyJsonToGaugeProps = (
     chartValueFormat: () => firstData.value,
     width: typeof layout?.width === 'number' ? layout?.width : 0,
     height: typeof layout?.height === 'number' ? layout?.height : 0,
-    hideLegend: true,
     styles,
   };
 };
diff --git a/packages/charts/react-charting/src/components/DeclarativeChart/imageExporter.ts b/packages/charts/react-charting/src/components/DeclarativeChart/imageExporter.ts
index a51400a5582a2..3bad277b20a08 100644
--- a/packages/charts/react-charting/src/components/DeclarativeChart/imageExporter.ts
+++ b/packages/charts/react-charting/src/components/DeclarativeChart/imageExporter.ts
@@ -17,7 +17,7 @@ export function toImage(chartContainer?: HTMLElement | null, opts: IImageExportO
     }
 
     try {
-      const background = opts.background || 'white';
+      const background = 'white'; // Background is coming as --var(xxx) when used with v8 wrapper in v9
       const svg = toSVG(chartContainer, background);
 
       const svgData = new XMLSerializer().serializeToString(svg.node);
diff --git a/packages/charts/react-charting/src/components/DonutChart/DonutChart.base.tsx b/packages/charts/react-charting/src/components/DonutChart/DonutChart.base.tsx
index e1bdcc6cef078..083ea31524ddc 100644
--- a/packages/charts/react-charting/src/components/DonutChart/DonutChart.base.tsx
+++ b/packages/charts/react-charting/src/components/DonutChart/DonutChart.base.tsx
@@ -7,7 +7,13 @@ import { FocusZone, FocusZoneDirection, FocusZoneTabbableElements } from '@fluen
 import { IAccessibilityProps, ChartHoverCard, ILegend, Legends } from '../../index';
 import { Pie } from './Pie/index';
 import { IChartDataPoint, IDonutChartProps, IDonutChartStyleProps, IDonutChartStyles } from './index';
-import { getAccessibleDataObject, getColorFromToken, getNextColor, getNextGradient } from '../../utilities/index';
+import {
+  getAccessibleDataObject,
+  getColorFromToken,
+  getNextColor,
+  getNextGradient,
+  areArraysEqual,
+} from '../../utilities/index';
 import { convertToLocaleString } from '../../utilities/locale-util';
 import { IChart } from '../../types/index';
 
@@ -98,7 +104,7 @@ export class DonutChartBase extends React.Component<IDonutChartProps, IDonutChar
   }
 
   public componentDidUpdate(prevProps: IDonutChartProps): void {
-    if (prevProps.legendProps?.selectedLegends !== this.props.legendProps?.selectedLegends) {
+    if (!areArraysEqual(prevProps.legendProps?.selectedLegends, this.props.legendProps?.selectedLegends)) {
       this.setState({
         selectedLegends: this.props.legendProps?.selectedLegends || [],
       });
diff --git a/packages/charts/react-charting/src/components/GroupedVerticalBarChart/GroupedVerticalBarChart.base.tsx b/packages/charts/react-charting/src/components/GroupedVerticalBarChart/GroupedVerticalBarChart.base.tsx
index 5463ed42f02e5..9f45393ea1b22 100644
--- a/packages/charts/react-charting/src/components/GroupedVerticalBarChart/GroupedVerticalBarChart.base.tsx
+++ b/packages/charts/react-charting/src/components/GroupedVerticalBarChart/GroupedVerticalBarChart.base.tsx
@@ -31,6 +31,7 @@ import {
   createStringYAxis,
   getNextGradient,
   getNextColor,
+  areArraysEqual,
 } from '../../utilities/index';
 import {
   IAccessibilityProps,
@@ -146,9 +147,9 @@ export class GroupedVerticalBarChartBase
   }
 
   public componentDidUpdate(prevProps: IGroupedVerticalBarChartProps): void {
-    if (prevProps.legendProps?.selectedLegend !== this.props.legendProps?.selectedLegend) {
+    if (!areArraysEqual(prevProps.legendProps?.selectedLegends, this.props.legendProps?.selectedLegends)) {
       this.setState({
-        selectedLegend: this.props.legendProps?.selectedLegend ?? '',
+        selectedLegends: this.props.legendProps?.selectedLegends || [],
       });
     }
   }
diff --git a/packages/charts/react-charting/src/components/LineChart/LineChart.base.tsx b/packages/charts/react-charting/src/components/LineChart/LineChart.base.tsx
index 0e1f48c853f56..6485b13338fa1 100644
--- a/packages/charts/react-charting/src/components/LineChart/LineChart.base.tsx
+++ b/packages/charts/react-charting/src/components/LineChart/LineChart.base.tsx
@@ -48,6 +48,7 @@ import {
   domainRangeOfNumericForAreaChart,
   createStringYAxis,
   formatDate,
+  areArraysEqual,
 } from '../../utilities/index';
 import { IChart } from '../../types/index';
 
@@ -232,7 +233,7 @@ export class LineChartBase extends React.Component<ILineChartProps, ILineChartSt
   public componentDidUpdate(prevProps: ILineChartProps): void {
     if (
       prevProps.legendProps?.selectedLegend !== this.props.legendProps?.selectedLegend ||
-      prevProps.legendProps?.selectedLegends !== this.props.legendProps?.selectedLegends
+      !areArraysEqual(prevProps.legendProps?.selectedLegends, this.props.legendProps?.selectedLegends)
     ) {
       this.setState({
         selectedLegend: this.props.legendProps?.selectedLegend ?? '',
diff --git a/packages/charts/react-charting/src/components/VerticalStackedBarChart/VerticalStackedBarChart.base.tsx b/packages/charts/react-charting/src/components/VerticalStackedBarChart/VerticalStackedBarChart.base.tsx
index a8ac01812bc96..3a45277290bdd 100644
--- a/packages/charts/react-charting/src/components/VerticalStackedBarChart/VerticalStackedBarChart.base.tsx
+++ b/packages/charts/react-charting/src/components/VerticalStackedBarChart/VerticalStackedBarChart.base.tsx
@@ -59,6 +59,7 @@ import {
   createStringYAxis,
   formatDate,
   getNextGradient,
+  areArraysEqual,
 } from '../../utilities/index';
 import { IChart } from '../../types/index';
 
@@ -171,9 +172,9 @@ export class VerticalStackedBarChartBase
   }
 
   public componentDidUpdate(prevProps: IVerticalStackedBarChartProps): void {
-    if (prevProps.legendProps?.selectedLegend !== this.props.legendProps?.selectedLegend) {
+    if (!areArraysEqual(prevProps.legendProps?.selectedLegends, this.props.legendProps?.selectedLegends)) {
       this.setState({
-        selectedLegend: this.props.legendProps?.selectedLegend ?? '',
+        selectedLegends: this.props.legendProps?.selectedLegends || [],
       });
     }
 
diff --git a/packages/charts/react-charting/src/utilities/UtilityUnitTests.test.ts b/packages/charts/react-charting/src/utilities/UtilityUnitTests.test.ts
index 4f2a6990c36d7..4ba0d27f07ca4 100644
--- a/packages/charts/react-charting/src/utilities/UtilityUnitTests.test.ts
+++ b/packages/charts/react-charting/src/utilities/UtilityUnitTests.test.ts
@@ -1182,3 +1182,25 @@ describe('getGradientFromToken', () => {
     expect(result).toEqual(['invalidTokenWithoutDot', 'invalidTokenWithoutDot']);
   });
 });
+
+describe('test array equality utility', () => {
+  it('both arrays are undefined', () => {
+    expect(utils.areArraysEqual(undefined, undefined) === true);
+  });
+
+  it('second array is undefined', () => {
+    expect(utils.areArraysEqual(['ac', 'bd'], undefined) === true);
+  });
+
+  it('first array is undefined', () => {
+    expect(utils.areArraysEqual(undefined, ['cg', 'df']) === false);
+  });
+
+  it('both arrays are unequal', () => {
+    expect(utils.areArraysEqual(['ae', 'bf'], ['cg', 'dh']) === false);
+  });
+
+  it('both arrays are equal', () => {
+    expect(utils.areArraysEqual(['ab', 'cd', 'ef', 'gh'], ['ab', 'cd', 'ef', 'gh']) === true);
+  });
+});
diff --git a/packages/charts/react-charting/src/utilities/utilities.ts b/packages/charts/react-charting/src/utilities/utilities.ts
index 76105824f4e9c..735024e852f98 100644
--- a/packages/charts/react-charting/src/utilities/utilities.ts
+++ b/packages/charts/react-charting/src/utilities/utilities.ts
@@ -1415,3 +1415,21 @@ export function getSecureProps(props: Record<string, any> = {}): Record<string,
   const { dangerouslySetInnerHTML, ...result } = props;
   return result;
 }
+
+export function areArraysEqual(arr1?: string[], arr2?: string[]): boolean {
+  if (arr1 === arr2) {
+    return true;
+  }
+  if (!arr1 && !arr2) {
+    return true;
+  }
+  if (!arr1 || !arr2 || arr1.length !== arr2.length) {
+    return false;
+  }
+  for (let i = 0; i < arr1.length; i++) {
+    if (arr1[i] !== arr2[i]) {
+      return false;
+    }
+  }
+  return true;
+}

From 4172f93ce8dbdcfe8272d22389999f10505f6eaf Mon Sep 17 00:00:00 2001
From: Fluent UI Build <fluentui-internal@service.microsoft.com>
Date: Fri, 27 Dec 2024 07:21:17 +0000
Subject: [PATCH 39/42] release: applying package updates - react v8

---
 ...-14c34b26-6050-4fa3-8ab9-ccfc1661f953.json |  7 ----
 ...-4a2b4230-b5e3-4cea-9777-4e1670b33156.json |  7 ----
 ...-891c4db7-8af3-489e-80f8-b8a02b227536.json |  7 ----
 ...-93685ac9-5787-4456-9159-5670992837e0.json |  7 ----
 ...-d99f14e6-dd3a-4f33-a8b3-9e28ea5bcfab.json |  7 ----
 packages/charts/react-charting/CHANGELOG.json | 39 +++++++++++++++++++
 packages/charts/react-charting/CHANGELOG.md   | 15 ++++++-
 packages/charts/react-charting/package.json   |  2 +-
 .../react-docsite-components/CHANGELOG.json   | 15 +++++++
 .../react-docsite-components/CHANGELOG.md     | 11 +++++-
 .../react-docsite-components/package.json     |  4 +-
 packages/react-examples/package.json          |  4 +-
 packages/react-monaco-editor/CHANGELOG.json   | 15 +++++++
 packages/react-monaco-editor/CHANGELOG.md     | 11 +++++-
 packages/react-monaco-editor/package.json     |  4 +-
 15 files changed, 110 insertions(+), 45 deletions(-)
 delete mode 100644 change/@fluentui-react-charting-14c34b26-6050-4fa3-8ab9-ccfc1661f953.json
 delete mode 100644 change/@fluentui-react-charting-4a2b4230-b5e3-4cea-9777-4e1670b33156.json
 delete mode 100644 change/@fluentui-react-charting-891c4db7-8af3-489e-80f8-b8a02b227536.json
 delete mode 100644 change/@fluentui-react-charting-93685ac9-5787-4456-9159-5670992837e0.json
 delete mode 100644 change/@fluentui-react-charting-d99f14e6-dd3a-4f33-a8b3-9e28ea5bcfab.json

diff --git a/change/@fluentui-react-charting-14c34b26-6050-4fa3-8ab9-ccfc1661f953.json b/change/@fluentui-react-charting-14c34b26-6050-4fa3-8ab9-ccfc1661f953.json
deleted file mode 100644
index dc02c066b09c8..0000000000000
--- a/change/@fluentui-react-charting-14c34b26-6050-4fa3-8ab9-ccfc1661f953.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "type": "patch",
-  "comment": "Support changing legends programatically at runtime and bug fixes",
-  "packageName": "@fluentui/react-charting",
-  "email": "atishay.jain@microsoft.com",
-  "dependentChangeType": "patch"
-}
diff --git a/change/@fluentui-react-charting-4a2b4230-b5e3-4cea-9777-4e1670b33156.json b/change/@fluentui-react-charting-4a2b4230-b5e3-4cea-9777-4e1670b33156.json
deleted file mode 100644
index d0644dd55b79b..0000000000000
--- a/change/@fluentui-react-charting-4a2b4230-b5e3-4cea-9777-4e1670b33156.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "type": "patch",
-  "comment": "Full Yaxis labels in HeatMap chart",
-  "packageName": "@fluentui/react-charting",
-  "email": "74965306+Anush2303@users.noreply.github.com",
-  "dependentChangeType": "patch"
-}
diff --git a/change/@fluentui-react-charting-891c4db7-8af3-489e-80f8-b8a02b227536.json b/change/@fluentui-react-charting-891c4db7-8af3-489e-80f8-b8a02b227536.json
deleted file mode 100644
index 9c9a1d6e8eddd..0000000000000
--- a/change/@fluentui-react-charting-891c4db7-8af3-489e-80f8-b8a02b227536.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "type": "patch",
-  "comment": "Support for multiple legend selection for Vertical Stacked Bar Chart ",
-  "packageName": "@fluentui/react-charting",
-  "email": "120183316+srmukher@users.noreply.github.com",
-  "dependentChangeType": "patch"
-}
diff --git a/change/@fluentui-react-charting-93685ac9-5787-4456-9159-5670992837e0.json b/change/@fluentui-react-charting-93685ac9-5787-4456-9159-5670992837e0.json
deleted file mode 100644
index 47948b855772f..0000000000000
--- a/change/@fluentui-react-charting-93685ac9-5787-4456-9159-5670992837e0.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "type": "patch",
-  "comment": "plotly examples bug fixes",
-  "packageName": "@fluentui/react-charting",
-  "email": "74965306+Anush2303@users.noreply.github.com",
-  "dependentChangeType": "patch"
-}
diff --git a/change/@fluentui-react-charting-d99f14e6-dd3a-4f33-a8b3-9e28ea5bcfab.json b/change/@fluentui-react-charting-d99f14e6-dd3a-4f33-a8b3-9e28ea5bcfab.json
deleted file mode 100644
index a1be1b61112df..0000000000000
--- a/change/@fluentui-react-charting-d99f14e6-dd3a-4f33-a8b3-9e28ea5bcfab.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "type": "patch",
-  "comment": "Enabling multiple legend selection for Grouped Vertical Bar Chart",
-  "packageName": "@fluentui/react-charting",
-  "email": "120183316+srmukher@users.noreply.github.com",
-  "dependentChangeType": "patch"
-}
diff --git a/packages/charts/react-charting/CHANGELOG.json b/packages/charts/react-charting/CHANGELOG.json
index 544d5695e1975..f971139461101 100644
--- a/packages/charts/react-charting/CHANGELOG.json
+++ b/packages/charts/react-charting/CHANGELOG.json
@@ -1,6 +1,45 @@
 {
   "name": "@fluentui/react-charting",
   "entries": [
+    {
+      "date": "Fri, 27 Dec 2024 07:20:57 GMT",
+      "tag": "@fluentui/react-charting_v5.23.32",
+      "version": "5.23.32",
+      "comments": {
+        "patch": [
+          {
+            "author": "atishay.jain@microsoft.com",
+            "package": "@fluentui/react-charting",
+            "commit": "6a70a11ddb8bac592c4c9b4c12a2705a9ace6686",
+            "comment": "Support changing legends programatically at runtime and bug fixes"
+          },
+          {
+            "author": "74965306+Anush2303@users.noreply.github.com",
+            "package": "@fluentui/react-charting",
+            "commit": "3e4cc988ffaad3f5e7b0cfa30fb4ba792a0e01c9",
+            "comment": "Full Yaxis labels in HeatMap chart"
+          },
+          {
+            "author": "120183316+srmukher@users.noreply.github.com",
+            "package": "@fluentui/react-charting",
+            "commit": "864f029751937946ae89425120483d58f2d0875a",
+            "comment": "Support for multiple legend selection for Vertical Stacked Bar Chart "
+          },
+          {
+            "author": "74965306+Anush2303@users.noreply.github.com",
+            "package": "@fluentui/react-charting",
+            "commit": "99cbe5c9cc9c298d78e10301b37d314b68ba8c52",
+            "comment": "plotly examples bug fixes"
+          },
+          {
+            "author": "120183316+srmukher@users.noreply.github.com",
+            "package": "@fluentui/react-charting",
+            "commit": "37e5f0bc0cfef1a57d9bd9659217c0ccaabf1030",
+            "comment": "Enabling multiple legend selection for Grouped Vertical Bar Chart"
+          }
+        ]
+      }
+    },
     {
       "date": "Thu, 26 Dec 2024 07:21:14 GMT",
       "tag": "@fluentui/react-charting_v5.23.31",
diff --git a/packages/charts/react-charting/CHANGELOG.md b/packages/charts/react-charting/CHANGELOG.md
index b442b9b82e387..6257f89bd680a 100644
--- a/packages/charts/react-charting/CHANGELOG.md
+++ b/packages/charts/react-charting/CHANGELOG.md
@@ -1,9 +1,22 @@
 # Change Log - @fluentui/react-charting
 
-This log was last generated on Thu, 26 Dec 2024 07:21:14 GMT and should not be manually modified.
+This log was last generated on Fri, 27 Dec 2024 07:20:57 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [5.23.32](https://github.com/microsoft/fluentui/tree/@fluentui/react-charting_v5.23.32)
+
+Fri, 27 Dec 2024 07:20:57 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-charting_v5.23.31..@fluentui/react-charting_v5.23.32)
+
+### Patches
+
+- Support changing legends programatically at runtime and bug fixes ([PR #33519](https://github.com/microsoft/fluentui/pull/33519) by atishay.jain@microsoft.com)
+- Full Yaxis labels in HeatMap chart ([PR #33509](https://github.com/microsoft/fluentui/pull/33509) by 74965306+Anush2303@users.noreply.github.com)
+- Support for multiple legend selection for Vertical Stacked Bar Chart  ([PR #33466](https://github.com/microsoft/fluentui/pull/33466) by 120183316+srmukher@users.noreply.github.com)
+- plotly examples bug fixes ([PR #33507](https://github.com/microsoft/fluentui/pull/33507) by 74965306+Anush2303@users.noreply.github.com)
+- Enabling multiple legend selection for Grouped Vertical Bar Chart ([PR #33511](https://github.com/microsoft/fluentui/pull/33511) by 120183316+srmukher@users.noreply.github.com)
+
 ## [5.23.31](https://github.com/microsoft/fluentui/tree/@fluentui/react-charting_v5.23.31)
 
 Thu, 26 Dec 2024 07:21:14 GMT 
diff --git a/packages/charts/react-charting/package.json b/packages/charts/react-charting/package.json
index 2cd7632a4fd70..8b30d7d41ef3a 100644
--- a/packages/charts/react-charting/package.json
+++ b/packages/charts/react-charting/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-charting",
-  "version": "5.23.31",
+  "version": "5.23.32",
   "description": "React web charting controls for Microsoft fluentui system.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
diff --git a/packages/react-docsite-components/CHANGELOG.json b/packages/react-docsite-components/CHANGELOG.json
index 78bf626151878..1d9a5ee157323 100644
--- a/packages/react-docsite-components/CHANGELOG.json
+++ b/packages/react-docsite-components/CHANGELOG.json
@@ -1,6 +1,21 @@
 {
   "name": "@fluentui/react-docsite-components",
   "entries": [
+    {
+      "date": "Fri, 27 Dec 2024 07:20:59 GMT",
+      "tag": "@fluentui/react-docsite-components_v8.13.152",
+      "version": "8.13.152",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-docsite-components",
+            "comment": "Bump @fluentui/react-monaco-editor to v1.7.270",
+            "commit": "99cbe5c9cc9c298d78e10301b37d314b68ba8c52"
+          }
+        ]
+      }
+    },
     {
       "date": "Thu, 26 Dec 2024 07:21:14 GMT",
       "tag": "@fluentui/react-docsite-components_v8.13.151",
diff --git a/packages/react-docsite-components/CHANGELOG.md b/packages/react-docsite-components/CHANGELOG.md
index f7655bfe68fee..ed2fbd1daa849 100644
--- a/packages/react-docsite-components/CHANGELOG.md
+++ b/packages/react-docsite-components/CHANGELOG.md
@@ -1,9 +1,18 @@
 # Change Log - @fluentui/react-docsite-components
 
-This log was last generated on Thu, 26 Dec 2024 07:21:14 GMT and should not be manually modified.
+This log was last generated on Fri, 27 Dec 2024 07:20:59 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [8.13.152](https://github.com/microsoft/fluentui/tree/@fluentui/react-docsite-components_v8.13.152)
+
+Fri, 27 Dec 2024 07:20:59 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-docsite-components_v8.13.151..@fluentui/react-docsite-components_v8.13.152)
+
+### Patches
+
+- Bump @fluentui/react-monaco-editor to v1.7.270 ([PR #33507](https://github.com/microsoft/fluentui/pull/33507) by beachball)
+
 ## [8.13.151](https://github.com/microsoft/fluentui/tree/@fluentui/react-docsite-components_v8.13.151)
 
 Thu, 26 Dec 2024 07:21:14 GMT 
diff --git a/packages/react-docsite-components/package.json b/packages/react-docsite-components/package.json
index 270e70065522b..11be8787c0f80 100644
--- a/packages/react-docsite-components/package.json
+++ b/packages/react-docsite-components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-docsite-components",
-  "version": "8.13.151",
+  "version": "8.13.152",
   "description": "Fluent UI React components for building documentation sites.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -42,7 +42,7 @@
     "@fluentui/public-docsite-setup": "^0.3.34",
     "@fluentui/react-hooks": "^8.8.16",
     "@fluentui/set-version": "^8.2.23",
-    "@fluentui/react-monaco-editor": "^1.7.269",
+    "@fluentui/react-monaco-editor": "^1.7.270",
     "color-check": "0.0.2",
     "markdown-to-jsx": "^7.0.0",
     "office-ui-fabric-core": "^11.0.0",
diff --git a/packages/react-examples/package.json b/packages/react-examples/package.json
index e1f86fe7dba5b..b957e8d03a86f 100644
--- a/packages/react-examples/package.json
+++ b/packages/react-examples/package.json
@@ -36,8 +36,8 @@
     "@fluentui/merge-styles": "^8.6.13",
     "@fluentui/react": "^8.122.2",
     "@fluentui/react-cards": "^0.205.191",
-    "@fluentui/react-charting": "^5.23.31",
-    "@fluentui/react-docsite-components": "^8.13.151",
+    "@fluentui/react-charting": "^5.23.32",
+    "@fluentui/react-docsite-components": "^8.13.152",
     "@fluentui/react-experiments": "^8.14.188",
     "@fluentui/react-file-type-icons": "^8.12.7",
     "@fluentui/react-focus": "^8.9.20",
diff --git a/packages/react-monaco-editor/CHANGELOG.json b/packages/react-monaco-editor/CHANGELOG.json
index a7a0bd2fd0049..d2bd7bd503ce1 100644
--- a/packages/react-monaco-editor/CHANGELOG.json
+++ b/packages/react-monaco-editor/CHANGELOG.json
@@ -1,6 +1,21 @@
 {
   "name": "@fluentui/react-monaco-editor",
   "entries": [
+    {
+      "date": "Fri, 27 Dec 2024 07:20:59 GMT",
+      "tag": "@fluentui/react-monaco-editor_v1.7.270",
+      "version": "1.7.270",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-monaco-editor",
+            "comment": "Bump @fluentui/react-charting to v5.23.32",
+            "commit": "99cbe5c9cc9c298d78e10301b37d314b68ba8c52"
+          }
+        ]
+      }
+    },
     {
       "date": "Thu, 26 Dec 2024 07:21:14 GMT",
       "tag": "@fluentui/react-monaco-editor_v1.7.269",
diff --git a/packages/react-monaco-editor/CHANGELOG.md b/packages/react-monaco-editor/CHANGELOG.md
index 57d5169f3a74b..20365252476a1 100644
--- a/packages/react-monaco-editor/CHANGELOG.md
+++ b/packages/react-monaco-editor/CHANGELOG.md
@@ -1,9 +1,18 @@
 # Change Log - @fluentui/react-monaco-editor
 
-This log was last generated on Thu, 26 Dec 2024 07:21:14 GMT and should not be manually modified.
+This log was last generated on Fri, 27 Dec 2024 07:20:59 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [1.7.270](https://github.com/microsoft/fluentui/tree/@fluentui/react-monaco-editor_v1.7.270)
+
+Fri, 27 Dec 2024 07:20:59 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-monaco-editor_v1.7.269..@fluentui/react-monaco-editor_v1.7.270)
+
+### Patches
+
+- Bump @fluentui/react-charting to v5.23.32 ([PR #33507](https://github.com/microsoft/fluentui/pull/33507) by beachball)
+
 ## [1.7.269](https://github.com/microsoft/fluentui/tree/@fluentui/react-monaco-editor_v1.7.269)
 
 Thu, 26 Dec 2024 07:21:14 GMT 
diff --git a/packages/react-monaco-editor/package.json b/packages/react-monaco-editor/package.json
index 863b640d1168a..d1aaa8d0fe7ed 100644
--- a/packages/react-monaco-editor/package.json
+++ b/packages/react-monaco-editor/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-monaco-editor",
-  "version": "1.7.269",
+  "version": "1.7.270",
   "description": "Live React example editing using monaco",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -34,7 +34,7 @@
     "@fluentui/example-data": "^8.4.25",
     "@fluentui/monaco-editor": "^1.3.24",
     "@fluentui/react-hooks": "^8.8.16",
-    "@fluentui/react-charting": "^5.23.31",
+    "@fluentui/react-charting": "^5.23.32",
     "raw-loader": "4.0.2",
     "react-syntax-highlighter": "^10.1.3",
     "tslib": "^2.1.0"

From fc161e171a408f8993c08840a2cce3e6c5f6df33 Mon Sep 17 00:00:00 2001
From: Valentyna <vkozlova@microsoft.com>
Date: Fri, 27 Dec 2024 01:49:30 -0800
Subject: [PATCH 40/42] test(react-swatch-picker): fixed VR tests. (#33513)

---
 .../stories/SwatchPicker/SwatchPicker.stories.tsx   | 12 +++++++-----
 .../src/stories/SwatchPicker/utils.tsx              | 13 +------------
 2 files changed, 8 insertions(+), 17 deletions(-)

diff --git a/apps/vr-tests-react-components/src/stories/SwatchPicker/SwatchPicker.stories.tsx b/apps/vr-tests-react-components/src/stories/SwatchPicker/SwatchPicker.stories.tsx
index dea1b91753f6f..9b91ede32dd3c 100644
--- a/apps/vr-tests-react-components/src/stories/SwatchPicker/SwatchPicker.stories.tsx
+++ b/apps/vr-tests-react-components/src/stories/SwatchPicker/SwatchPicker.stories.tsx
@@ -1,13 +1,16 @@
 import * as React from 'react';
 import type { Meta } from '@storybook/react';
 import { SwatchPicker } from '@fluentui/react-swatch-picker';
-import { SampleSwatchPickerColors, SampleSwatchPickerImages, SampleSwatchPickerGrid, steps } from './utils';
+import { SampleSwatchPickerColors, SampleSwatchPickerImages, SampleSwatchPickerGrid } from './utils';
+import { Steps } from 'storywright';
 
 import { DARK_MODE, getStoryVariant, HIGH_CONTRAST, RTL, withStoryWrightSteps } from '../../utilities';
 
 export default {
   title: 'SwatchPicker Converged',
-  decorators: [story => withStoryWrightSteps({ story, steps })],
+  decorators: [
+    story => withStoryWrightSteps({ story, steps: new Steps().snapshot('default', { cropTo: '.testWrapper' }).end() }),
+  ],
 } satisfies Meta<typeof SwatchPicker>;
 
 export const Default = () => (
@@ -20,7 +23,6 @@ export const Default = () => (
     <SampleSwatchPickerGrid />
   </>
 );
-Default.storyName = 'default';
 
 export const DefaultDarkMode = getStoryVariant(Default, DARK_MODE);
 
@@ -64,7 +66,7 @@ export const Shape = () => (
     <SampleSwatchPickerGrid shape="circular" />
   </>
 );
-Size.storyName = 'shape';
+Shape.storyName = 'shape';
 
 export const Spacing = () => (
   <>
@@ -79,4 +81,4 @@ export const Spacing = () => (
     <SampleSwatchPickerGrid spacing="small" />
   </>
 );
-Size.storyName = 'spacing';
+Spacing.storyName = 'spacing';
diff --git a/apps/vr-tests-react-components/src/stories/SwatchPicker/utils.tsx b/apps/vr-tests-react-components/src/stories/SwatchPicker/utils.tsx
index d39f7b8378a07..67bc8b5cdef18 100644
--- a/apps/vr-tests-react-components/src/stories/SwatchPicker/utils.tsx
+++ b/apps/vr-tests-react-components/src/stories/SwatchPicker/utils.tsx
@@ -1,25 +1,14 @@
 import * as React from 'react';
-import { Steps } from 'storywright';
 import {
   SwatchPicker,
   ColorSwatch,
-  SwatchPickerProps,
+  type SwatchPickerProps,
   ImageSwatch,
   EmptySwatch,
   SwatchPickerRow,
 } from '@fluentui/react-swatch-picker';
 import { HeartRegular } from '@fluentui/react-icons';
 
-export const steps = new Steps()
-  .snapshot('default', { cropTo: '.testWrapper' })
-  .hover('.breadcrumb-sample')
-  .snapshot('hover', { cropTo: '.testWrapper' })
-  .mouseDown('.breadcrumb-sample')
-  .snapshot('pressed', { cropTo: '.testWrapper' })
-  .focus('.breadcrumb-sample')
-  .snapshot('focused', { cropTo: '.testWrapper' })
-  .end();
-
 export const SampleSwatchPickerColors = (props: SwatchPickerProps) => (
   <SwatchPicker defaultSelectedValue="00B053" {...props}>
     <ColorSwatch color="#FF1921" value="FF1921" aria-label="red" />

From 18396b74cf71291caa41b8ad44c011e96ed5ddaa Mon Sep 17 00:00:00 2001
From: Valentyna <vkozlova@microsoft.com>
Date: Fri, 27 Dec 2024 01:50:01 -0800
Subject: [PATCH 41/42] docs(react-color-picker): Added RGB fields to stories.
 (#33469)

---
 .../ColorPickerDefault.stories.tsx            | 71 ++++++++++++++++++-
 1 file changed, 70 insertions(+), 1 deletion(-)

diff --git a/packages/react-components/react-color-picker-preview/stories/src/ColorPicker/ColorPickerDefault.stories.tsx b/packages/react-components/react-color-picker-preview/stories/src/ColorPicker/ColorPickerDefault.stories.tsx
index 4ba93f4bbf939..4902f0cf02eb8 100644
--- a/packages/react-components/react-color-picker-preview/stories/src/ColorPicker/ColorPickerDefault.stories.tsx
+++ b/packages/react-components/react-color-picker-preview/stories/src/ColorPicker/ColorPickerDefault.stories.tsx
@@ -1,6 +1,16 @@
 import * as React from 'react';
 import { tinycolor } from '@ctrl/tinycolor';
-import { makeStyles, useId, Input, type InputProps, Label } from '@fluentui/react-components';
+import {
+  makeStyles,
+  useId,
+  Input,
+  type InputProps,
+  Label,
+  SpinButton,
+  type SpinButtonProps,
+  type SpinButtonOnChangeData,
+  type SpinButtonChangeEvent,
+} from '@fluentui/react-components';
 import {
   ColorPicker,
   ColorSlider,
@@ -36,21 +46,46 @@ const useStyles = makeStyles({
   input: {
     width: '80px',
   },
+  spinButton: {
+    width: '50px',
+  },
 });
 
 const HEX_COLOR_REGEX = /^#?([0-9A-Fa-f]{0,6})$/;
+const NUMBER_REGEX = /^\d+$/;
 const DEFAULT_COLOR_HSV = tinycolor('#2be700').toHsv();
 
+type RgbKey = 'r' | 'g' | 'b';
+
 export const Default = () => {
   const hexId = useId('hex-input');
 
   const styles = useStyles();
   const [color, setColor] = React.useState(DEFAULT_COLOR_HSV);
   const [hex, setHex] = React.useState(tinycolor(color).toHexString());
+  const [rgb, setRgb] = React.useState(tinycolor(color).toRgb());
 
   const handleChange: ColorPickerProps['onColorChange'] = (_, data) => {
     setColor({ ...data.color, a: data.color.a ?? 1 });
     setHex(tinycolor(data.color).toHexString());
+    setRgb(tinycolor(data.color).toRgb());
+  };
+
+  const onRgbChange = (event: SpinButtonChangeEvent, data: SpinButtonOnChangeData) => {
+    const value = data.value ?? (data.displayValue !== undefined ? parseFloat(data.displayValue) : null);
+
+    if (value === null || Number.isNaN(value) || !NUMBER_REGEX.test(value.toString())) {
+      return;
+    }
+
+    const colorKey = (event.target as HTMLInputElement).name as RgbKey;
+
+    const newColor = tinycolor({ ...rgb, [colorKey]: value });
+    if (newColor.isValid) {
+      setColor(newColor.toHsv());
+      setHex(newColor.toHex());
+      setRgb(newColor.toRgb());
+    }
   };
 
   return (
@@ -74,7 +109,11 @@ export const Default = () => {
             setHex(oldValue => (HEX_COLOR_REGEX.test(value) ? value : oldValue));
           }}
         />
+        <InputRgbField label="Red" value={rgb.r} name="r" onChange={onRgbChange} />
+        <InputRgbField label="Green" value={rgb.g} name="g" onChange={onRgbChange} />
+        <InputRgbField label="Blue" value={rgb.b} name="b" onChange={onRgbChange} />
       </div>
+      <div className={styles.previewColor} style={{ backgroundColor: tinycolor(color).toHexString() }} />
     </div>
   );
 };
@@ -99,6 +138,36 @@ const InputHexField = ({
   );
 };
 
+const InputRgbField = ({
+  value,
+  onChange,
+  label,
+  name,
+}: {
+  value: number;
+  label: string;
+  name: RgbKey;
+  onChange?: SpinButtonProps['onChange'];
+}) => {
+  const id = useId(`${label.toLowerCase()}-input`);
+  const styles = useStyles();
+
+  return (
+    <div className={styles.colorFieldWrapper}>
+      <Label htmlFor={id}>{label}</Label>
+      <SpinButton
+        className={styles.spinButton}
+        min={0}
+        max={255}
+        value={value}
+        id={id}
+        onChange={onChange}
+        name={name}
+      />
+    </div>
+  );
+};
+
 const handleOnBlur = (e: React.FocusEvent<HTMLInputElement>) => {
   const value = tinycolor(e.target.value);
   if (!value.isValid) {

From fc4f676790e169455da7391a45f086f76abc19a3 Mon Sep 17 00:00:00 2001
From: srmukher <120183316+srmukher@users.noreply.github.com>
Date: Fri, 27 Dec 2024 17:02:31 +0530
Subject: [PATCH 42/42] [VBC] Select multiple legends for Vertical bar chart
 (#33510)

---
 ...-6eac8468-8081-4f90-953a-7675bed19f9d.json |   7 ++
 .../DeclarativeChart/DeclarativeChart.tsx     |  16 ++-
 .../VerticalBarChart.base.tsx                 | 112 ++++++++++--------
 .../VerticalBarChartRTL.test.tsx              |  81 +++++++++++++
 .../VerticalBarChart.Basic.Example.tsx        |  19 +++
 5 files changed, 180 insertions(+), 55 deletions(-)
 create mode 100644 change/@fluentui-react-charting-6eac8468-8081-4f90-953a-7675bed19f9d.json

diff --git a/change/@fluentui-react-charting-6eac8468-8081-4f90-953a-7675bed19f9d.json b/change/@fluentui-react-charting-6eac8468-8081-4f90-953a-7675bed19f9d.json
new file mode 100644
index 0000000000000..f9459f534c55b
--- /dev/null
+++ b/change/@fluentui-react-charting-6eac8468-8081-4f90-953a-7675bed19f9d.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Select multiple legends for Vertical bar chart",
+  "packageName": "@fluentui/react-charting",
+  "email": "120183316+srmukher@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/charts/react-charting/src/components/DeclarativeChart/DeclarativeChart.tsx b/packages/charts/react-charting/src/components/DeclarativeChart/DeclarativeChart.tsx
index 58b49824fa392..9d39565bf1772 100644
--- a/packages/charts/react-charting/src/components/DeclarativeChart/DeclarativeChart.tsx
+++ b/packages/charts/react-charting/src/components/DeclarativeChart/DeclarativeChart.tsx
@@ -142,12 +142,18 @@ export const DeclarativeChart: React.FunctionComponent<DeclarativeChartProps> =
     [exportAsImage],
   );
 
+  const multiSelectLegendProps = {
+    ...legendProps,
+    canSelectMultipleLegends: true,
+    selectedLegends: activeLegends,
+  };
+
   switch (data[0].type) {
     case 'pie':
       return (
         <DonutChart
           {...transformPlotlyJsonToDonutProps(plotlySchema, colorMap, isDarkTheme)}
-          legendProps={{ ...legendProps, canSelectMultipleLegends: true, selectedLegends: activeLegends }}
+          legendProps={multiSelectLegendProps}
           componentRef={chartRef}
           // Bubble event to prevent right click to open menu on the callout
           calloutProps={{ layerProps: { eventBubblingEnabled: true } }}
@@ -169,7 +175,7 @@ export const DeclarativeChart: React.FunctionComponent<DeclarativeChartProps> =
           return (
             <GroupedVerticalBarChart
               {...transformPlotlyJsonToGVBCProps(plotlySchema, colorMap, isDarkTheme)}
-              legendProps={{ ...legendProps, canSelectMultipleLegends: true, selectedLegends: activeLegends }}
+              legendProps={multiSelectLegendProps}
               componentRef={chartRef}
               calloutProps={{ layerProps: { eventBubblingEnabled: true } }}
             />
@@ -178,7 +184,7 @@ export const DeclarativeChart: React.FunctionComponent<DeclarativeChartProps> =
         return (
           <VerticalStackedBarChart
             {...transformPlotlyJsonToVSBCProps(plotlySchema, colorMap, isDarkTheme)}
-            legendProps={{ ...legendProps, canSelectMultipleLegends: true, selectedLegends: activeLegends }}
+            legendProps={multiSelectLegendProps}
             componentRef={chartRef}
             calloutProps={{ layerProps: { eventBubblingEnabled: true } }}
           />
@@ -227,7 +233,7 @@ export const DeclarativeChart: React.FunctionComponent<DeclarativeChartProps> =
       return (
         <VerticalStackedBarChart
           {...transformPlotlyJsonToVSBCProps(plotlySchema, colorMap, isDarkTheme)}
-          legendProps={{ ...legendProps, canSelectMultipleLegends: true, selectedLegends: activeLegends }}
+          legendProps={multiSelectLegendProps}
           componentRef={chartRef}
           calloutProps={{ layerProps: { eventBubblingEnabled: true } }}
         />
@@ -265,7 +271,7 @@ export const DeclarativeChart: React.FunctionComponent<DeclarativeChartProps> =
       return (
         <VerticalBarChart
           {...transformPlotlyJsonToVBCProps(plotlySchema, colorMap, isDarkTheme)}
-          legendProps={legendProps}
+          legendProps={multiSelectLegendProps}
           componentRef={chartRef}
           calloutProps={{ layerProps: { eventBubblingEnabled: true } }}
         />
diff --git a/packages/charts/react-charting/src/components/VerticalBarChart/VerticalBarChart.base.tsx b/packages/charts/react-charting/src/components/VerticalBarChart/VerticalBarChart.base.tsx
index 5a01b1ac417d6..1f17a5f43ea11 100644
--- a/packages/charts/react-charting/src/components/VerticalBarChart/VerticalBarChart.base.tsx
+++ b/packages/charts/react-charting/src/components/VerticalBarChart/VerticalBarChart.base.tsx
@@ -52,6 +52,7 @@ import {
   createStringYAxis,
   formatDate,
   getNextGradient,
+  areArraysEqual,
 } from '../../utilities/index';
 import { IChart } from '../../types/index';
 
@@ -73,6 +74,7 @@ export interface IVerticalBarChartState extends IBasestate {
   hoverXValue?: string | number | null;
   callOutAccessibilityData?: IAccessibilityProps;
   calloutLegend: string;
+  selectedLegends: string[];
 }
 
 type ColorScale = (_p?: number) => string;
@@ -118,8 +120,8 @@ export class VerticalBarChartBase
       dataForHoverCard: 0,
       isCalloutVisible: false,
       refSelected: null,
-      selectedLegend: props.legendProps?.selectedLegend ?? '',
-      activeLegend: '',
+      selectedLegends: props.legendProps?.selectedLegends || [],
+      activeLegend: undefined,
       xCalloutValue: '',
       yCalloutValue: '',
       activeXdataPoint: null,
@@ -141,9 +143,9 @@ export class VerticalBarChartBase
   }
 
   public componentDidUpdate(prevProps: IVerticalBarChartProps): void {
-    if (prevProps.legendProps?.selectedLegend !== this.props.legendProps?.selectedLegend) {
+    if (!areArraysEqual(prevProps.legendProps?.selectedLegends, this.props.legendProps?.selectedLegends)) {
       this.setState({
-        selectedLegend: this.props.legendProps?.selectedLegend ?? '',
+        selectedLegends: this.props.legendProps?.selectedLegends || [],
       });
     }
   }
@@ -199,7 +201,8 @@ export class VerticalBarChartBase
         createYAxis={createNumericYAxis}
         calloutProps={calloutProps}
         tickParams={tickParams}
-        {...(this._isHavingLine && this._noLegendHighlighted() && { isCalloutForStack: true })}
+        {...(this._isHavingLine &&
+          (this._noLegendHighlighted() || this._getHighlightedLegend().length > 1) && { isCalloutForStack: true })}
         legendBars={legendBars}
         datasetForXAxisDomain={this._xAxisLabels}
         barwidth={this._barWidth}
@@ -404,11 +407,11 @@ export class VerticalBarChartBase
     xAxisPoint: string | number | Date,
     legend: string,
   ): { visibility: CircleVisbility; radius: number } => {
-    const { selectedLegend, activeXdataPoint } = this.state;
-    if (selectedLegend !== '') {
-      if (xAxisPoint === activeXdataPoint && selectedLegend === legend) {
+    const { activeXdataPoint } = this.state;
+    if (!this._noLegendHighlighted()) {
+      if (xAxisPoint === activeXdataPoint && this._legendHighlighted(legend)) {
         return { visibility: CircleVisbility.show, radius: 8 };
-      } else if (selectedLegend === legend) {
+      } else if (this._legendHighlighted(legend)) {
         // Don't hide the circle to keep it focusable. For more information,
         // see https://fuzzbomb.github.io/accessibility-demos/visually-hidden-focus-test.html
         return { visibility: CircleVisbility.show, radius: 0.3 };
@@ -539,7 +542,11 @@ export class VerticalBarChartBase
       : this._createColors()(1);
 
     // there might be no y value of the line for the hovered bar. so we need to check this condition
-    if (this._isHavingLine && selectedPoint[0].lineData?.y !== undefined) {
+    if (
+      this._isHavingLine &&
+      selectedPoint[0].lineData?.y !== undefined &&
+      (this._legendHighlighted(lineLegendText) || this._noLegendHighlighted())
+    ) {
       // callout data for the  line
       YValueHover.push({
         legend: lineLegendText,
@@ -549,18 +556,20 @@ export class VerticalBarChartBase
         yAxisCalloutData: selectedPoint[0].lineData?.yAxisCalloutData,
       });
     }
-    // callout data for the bar
-    YValueHover.push({
-      legend: selectedPoint[0].legend,
-      y: selectedPoint[0].y,
-      color: enableGradient
-        ? useSingleColor
-          ? getNextGradient(0, 0)[0]
-          : selectedPoint[0].gradient?.[0] || getNextGradient(pointIndex, 0)[0]
-        : calloutColor,
-      data: selectedPoint[0].yAxisCalloutData,
-      yAxisCalloutData: selectedPoint[0].yAxisCalloutData,
-    });
+    if (this._legendHighlighted(selectedPoint[0].legend) || this._noLegendHighlighted()) {
+      // callout data for the bar
+      YValueHover.push({
+        legend: selectedPoint[0].legend,
+        y: selectedPoint[0].y,
+        color: enableGradient
+          ? useSingleColor
+            ? getNextGradient(0, 0)[0]
+            : selectedPoint[0].gradient?.[0] || getNextGradient(pointIndex, 0)[0]
+          : calloutColor,
+        data: selectedPoint[0].yAxisCalloutData,
+        yAxisCalloutData: selectedPoint[0].yAxisCalloutData,
+      });
+    }
     const hoverXValue = point.x instanceof Date ? formatDate(point.x, this.props.useUTC) : point.x.toString();
     return {
       YValueHover,
@@ -581,7 +590,7 @@ export class VerticalBarChartBase
       this.setState({
         refSelected: mouseEvent,
         /** Show the callout if highlighted bar is hovered and Hide it if unhighlighted bar is hovered */
-        isCalloutVisible: this.state.selectedLegend === '' || this.state.selectedLegend === point.legend,
+        isCalloutVisible: this._noLegendHighlighted() || this._legendHighlighted(point.legend),
         dataForHoverCard: point.y,
         calloutLegend: point.legend!,
         color: point.color || color,
@@ -592,7 +601,7 @@ export class VerticalBarChartBase
         yCalloutValue: point.yAxisCalloutData!,
         dataPointCalloutProps: point,
         // Hovering over a bar should highlight corresponding line points only when no legend is selected
-        activeXdataPoint: this._noLegendHighlighted() ? point.x : null,
+        activeXdataPoint: this._noLegendHighlighted() || this._legendHighlighted(point.legend) ? point.x : null,
         YValueHover,
         hoverXValue,
         callOutAccessibilityData: point.callOutAccessibilityData,
@@ -621,7 +630,7 @@ export class VerticalBarChartBase
         this.setState({
           refSelected: obj.refElement,
           /** Show the callout if highlighted bar is focused and Hide it if unhighlighted bar is focused */
-          isCalloutVisible: this.state.selectedLegend === '' || this.state.selectedLegend === point.legend,
+          isCalloutVisible: this._noLegendHighlighted() || this._legendHighlighted(point.legend),
           calloutLegend: point.legend!,
           dataForHoverCard: point.y,
           color: point.color || color,
@@ -1059,18 +1068,6 @@ export class VerticalBarChartBase
     });
   };
 
-  private _onLegendClick(legendTitle: string): void {
-    if (this.state.selectedLegend === legendTitle) {
-      this.setState({
-        selectedLegend: '',
-      });
-    } else {
-      this.setState({
-        selectedLegend: legendTitle,
-      });
-    }
-  }
-
   private _onLegendHover(legendTitle: string): void {
     this.setState({
       activeLegend: legendTitle,
@@ -1079,7 +1076,7 @@ export class VerticalBarChartBase
 
   private _onLegendLeave(): void {
     this.setState({
-      activeLegend: '',
+      activeLegend: undefined,
     });
   }
 
@@ -1106,9 +1103,6 @@ export class VerticalBarChartBase
       const legend: ILegend = {
         title: legendTitle,
         color,
-        action: () => {
-          this._onLegendClick(legendTitle);
-        },
         hoverAction: () => {
           this._handleChartMouseLeave();
           this._onLegendHover(legendTitle);
@@ -1123,9 +1117,6 @@ export class VerticalBarChartBase
       const lineLegend: ILegend = {
         title: lineLegendText,
         color: lineLegendColor,
-        action: () => {
-          this._onLegendClick(lineLegendText);
-        },
         hoverAction: () => {
           this._handleChartMouseLeave();
           this._onLegendHover(lineLegendText);
@@ -1145,11 +1136,27 @@ export class VerticalBarChartBase
         focusZonePropsInHoverCard={this.props.focusZonePropsForLegendsInHoverCard}
         overflowText={this.props.legendsOverflowText}
         {...this.props.legendProps}
+        onChange={this._onLegendSelectionChange.bind(this)}
       />
     );
     return legends;
   };
 
+  private _onLegendSelectionChange(
+    selectedLegends: string[],
+    event: React.MouseEvent<HTMLButtonElement>,
+    currentLegend?: ILegend,
+  ): void {
+    if (this.props.legendProps?.canSelectMultipleLegends) {
+      this.setState({ selectedLegends });
+    } else {
+      this.setState({ selectedLegends: selectedLegends.slice(-1) });
+    }
+    if (this.props.legendProps?.onChange) {
+      this.props.legendProps.onChange(selectedLegends, event, currentLegend);
+    }
+  }
+
   private _getAxisData = (yAxisData: IAxisData) => {
     if (yAxisData && yAxisData.yAxisDomainValues.length) {
       const { yAxisDomainValues: domainValue } = yAxisData;
@@ -1164,20 +1171,25 @@ export class VerticalBarChartBase
    * 1. selection: if the user clicks on it
    * 2. hovering: if there is no selected legend and the user hovers over it
    */
-  private _legendHighlighted = (legendTitle: string) => {
-    return (
-      this.state.selectedLegend === legendTitle ||
-      (this.state.selectedLegend === '' && this.state.activeLegend === legendTitle)
-    );
+  private _legendHighlighted = (legendTitle: string | undefined) => {
+    return this._getHighlightedLegend().includes(legendTitle!);
   };
 
   /**
    * This function checks if none of the legends is selected or hovered.
    */
   private _noLegendHighlighted = () => {
-    return this.state.selectedLegend === '' && this.state.activeLegend === '';
+    return this._getHighlightedLegend().length === 0;
   };
 
+  private _getHighlightedLegend() {
+    return this.state.selectedLegends.length > 0
+      ? this.state.selectedLegends
+      : this.state.activeLegend
+      ? [this.state.activeLegend]
+      : [];
+  }
+
   private _getAriaLabel = (point: IVerticalBarChartDataPoint): string => {
     const xValue = point.xAxisCalloutData
       ? point.xAxisCalloutData
diff --git a/packages/charts/react-charting/src/components/VerticalBarChart/VerticalBarChartRTL.test.tsx b/packages/charts/react-charting/src/components/VerticalBarChart/VerticalBarChartRTL.test.tsx
index c677c11883ab4..7a4c6180deeaf 100644
--- a/packages/charts/react-charting/src/components/VerticalBarChart/VerticalBarChartRTL.test.tsx
+++ b/packages/charts/react-charting/src/components/VerticalBarChart/VerticalBarChartRTL.test.tsx
@@ -652,6 +652,87 @@ describe('Vertical bar chart - Subcomponent Legends', () => {
       expect(bars[7]).toHaveStyle('opacity: 0.1');
     },
   );
+
+  testWithWait(
+    'Should reduce the opacity of the other bars/lines and their legends on mouse over multiple legends',
+    VerticalBarChart,
+    { data: pointsWithLine, lineLegendText: 'just line', legendProps: { canSelectMultipleLegends: true } },
+    container => {
+      const bars = getById(container, /_VBC_bar/i);
+      const line = getById(container, /_VBC_line/i)[0];
+      const legends = screen.getAllByText((content, element) => element!.tagName.toLowerCase() === 'button');
+      expect(line).toBeDefined();
+      expect(bars).toHaveLength(8);
+      expect(legends).toHaveLength(9);
+      fireEvent.click(screen.getByText('just line'));
+      fireEvent.click(screen.getByText('Oranges'));
+      expect(line.getAttribute('opacity')).toEqual('1');
+      expect(screen.getByText('Oranges')).not.toHaveAttribute('opacity');
+      expect(screen.getByText('Dogs')).toHaveStyle('opacity: 0.67');
+      expect(screen.getByText('Apples')).toHaveStyle('opacity: 0.67');
+      expect(screen.getByText('Bananas')).toHaveStyle('opacity: 0.67');
+      expect(screen.getByText('Giraffes')).toHaveStyle('opacity: 0.67');
+      expect(screen.getByText('Cats')).toHaveStyle('opacity: 0.67');
+      expect(screen.getByText('Elephants')).toHaveStyle('opacity: 0.67');
+      expect(screen.getByText('Monkeys')).toHaveStyle('opacity: 0.67');
+      expect(line).toBeDefined();
+      expect(bars[0]).toBeDefined();
+      expect(bars[0]).not.toHaveAttribute('opacity');
+      expect(bars[1]).toBeDefined();
+      expect(bars[1]).toHaveStyle('opacity: 0.1');
+      expect(bars[2]).toBeDefined();
+      expect(bars[2]).toHaveStyle('opacity: 0.1');
+      expect(bars[3]).toBeDefined();
+      expect(bars[3]).toHaveStyle('opacity: 0.1');
+      expect(bars[4]).toBeDefined();
+      expect(bars[4]).toHaveStyle('opacity: 0.1');
+      expect(bars[5]).toBeDefined();
+      expect(bars[5]).toHaveStyle('opacity: 0.1');
+      expect(bars[6]).toBeDefined();
+      expect(bars[6]).toHaveStyle('opacity: 0.1');
+      expect(bars[7]).toBeDefined();
+      expect(bars[7]).toHaveStyle('opacity: 0.1');
+    },
+  );
+
+  testWithWait(
+    'Should reduce the opacity of the other bars/lines and their legends on mouse over multiple legends',
+    VerticalBarChart,
+    { data: pointsWithLine, lineLegendText: 'just line', legendProps: { canSelectMultipleLegends: true } },
+    container => {
+      const bars = getById(container, /_VBC_bar/i);
+      const line = getById(container, /_VBC_line/i)[0];
+      const legends = screen.getAllByText((content, element) => element!.tagName.toLowerCase() === 'button');
+      expect(line).toBeDefined();
+      expect(bars).toHaveLength(8);
+      expect(legends).toHaveLength(9);
+      fireEvent.click(screen.getByText('just line'));
+      fireEvent.click(screen.getByText('Oranges'));
+      expect(line.getAttribute('opacity')).toEqual('1');
+      expect(screen.getByText('Dogs')).toHaveStyle('opacity: 0.67');
+      expect(screen.getByText('Apples')).toHaveStyle('opacity: 0.67');
+      expect(screen.getByText('Bananas')).toHaveStyle('opacity: 0.67');
+      expect(screen.getByText('Giraffes')).toHaveStyle('opacity: 0.67');
+      expect(screen.getByText('Cats')).toHaveStyle('opacity: 0.67');
+      expect(screen.getByText('Elephants')).toHaveStyle('opacity: 0.67');
+      expect(screen.getByText('Monkeys')).toHaveStyle('opacity: 0.67');
+      expect(line).toBeDefined();
+      expect(bars[1]).toBeDefined();
+      expect(bars[1]).toHaveStyle('opacity: 0.1');
+      expect(bars[2]).toBeDefined();
+      expect(bars[2]).toHaveStyle('opacity: 0.1');
+      expect(bars[3]).toBeDefined();
+      expect(bars[3]).toHaveStyle('opacity: 0.1');
+      expect(bars[4]).toBeDefined();
+      expect(bars[4]).toHaveStyle('opacity: 0.1');
+      expect(bars[5]).toBeDefined();
+      expect(bars[5]).toHaveStyle('opacity: 0.1');
+      expect(bars[6]).toBeDefined();
+      expect(bars[6]).toHaveStyle('opacity: 0.1');
+      expect(bars[7]).toBeDefined();
+      expect(bars[7]).toHaveStyle('opacity: 0.1');
+    },
+  );
 });
 
 describe('Vertical bar chart - Subcomponent callout', () => {
diff --git a/packages/react-examples/src/react-charting/VerticalBarChart/VerticalBarChart.Basic.Example.tsx b/packages/react-examples/src/react-charting/VerticalBarChart/VerticalBarChart.Basic.Example.tsx
index e9cbcb71d7828..045c52bbad61a 100644
--- a/packages/react-examples/src/react-charting/VerticalBarChart/VerticalBarChart.Basic.Example.tsx
+++ b/packages/react-examples/src/react-charting/VerticalBarChart/VerticalBarChart.Basic.Example.tsx
@@ -23,6 +23,7 @@ interface IVerticalChartState {
   showAxisTitles: boolean;
   enableGradient: boolean;
   roundCorners: boolean;
+  selectMultipleLegends: boolean;
 }
 
 const options: IChoiceGroupOption[] = [
@@ -42,6 +43,7 @@ export class VerticalBarChartBasicExample extends React.Component<IVerticalBarCh
       showAxisTitles: true,
       enableGradient: false,
       roundCorners: false,
+      selectMultipleLegends: false,
     };
   }
 
@@ -82,6 +84,10 @@ export class VerticalBarChartBasicExample extends React.Component<IVerticalBarCh
     this.setState({ roundCorners: checked });
   };
 
+  private _onToggleMultiLegendSelection = (ev: React.MouseEvent<HTMLElement>, checked: boolean) => {
+    this.setState({ selectMultipleLegends: checked });
+  };
+
   private _basicExample(): JSX.Element {
     const points: IVerticalBarChartDataPoint[] = [
       {
@@ -234,6 +240,13 @@ export class VerticalBarChartBasicExample extends React.Component<IVerticalBarCh
           <Toggle label="Enable Gradient" onText="ON" offText="OFF" onChange={this._onToggleGradient} />
           &nbsp;&nbsp;
           <Toggle label="Rounded Corners" onText="ON" offText="OFF" onChange={this._onToggleRoundCorners} />
+          &nbsp;&nbsp;
+          <Toggle
+            label="Select Multiple Legends"
+            onText="ON"
+            offText="OFF"
+            onChange={this._onToggleMultiLegendSelection}
+          />
         </div>
         {this.state.showAxisTitles && (
           <div style={rootStyle}>
@@ -259,6 +272,9 @@ export class VerticalBarChartBasicExample extends React.Component<IVerticalBarCh
               xAxisTitle={this.state.showAxisTitles ? 'Values of each category' : undefined}
               enableGradient={this.state.enableGradient}
               roundCorners={this.state.roundCorners}
+              legendProps={{
+                canSelectMultipleLegends: this.state.selectMultipleLegends,
+              }}
             />
           </div>
         )}
@@ -284,6 +300,9 @@ export class VerticalBarChartBasicExample extends React.Component<IVerticalBarCh
               enableReflow={true}
               enableGradient={this.state.enableGradient}
               roundCorners={this.state.roundCorners}
+              legendProps={{
+                canSelectMultipleLegends: this.state.selectMultipleLegends,
+              }}
             />
           </div>
         )}