[pull] master from microsoft:master

change/@fluentui-react-components-3f1c8a7e-6b02-4d9a-9c41-8e5b0a2d7c14.json

@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "chore: verify bundle isolation of base hooks",
+  "packageName": "@fluentui/react-components",
+  "email": "martinhochel@microsoft.com",
+  "dependentChangeType": "none"
+}

change/@fluentui-react-headless-components-preview-b41d2e90-7c35-4a18-9f6e-2d0c81a4f7b3.json

@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "chore: infer verify-bundle-isolation target from workspace plugin",
+  "packageName": "@fluentui/react-headless-components-preview",
+  "email": "martinhochel@microsoft.com",
+  "dependentChangeType": "none"
+}

change/@fluentui-react-headless-components-preview-fix-subpath-exports.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "fix: correct component subpath exports",
+  "packageName": "@fluentui/react-headless-components-preview",
+  "email": "dmytrokirpa@microsoft.com",
+  "dependentChangeType": "patch"
+}

packages/react-components/react-components/bundle-isolation.config.json

@@ -0,0 +1,11 @@
+{
+  "$schema": "../../../tools/verify-bundle-isolation/schema.json",
+  "fixturesRoot": "./bundle-size",
+  "externals": ["react", "react-dom", "react/jsx-runtime", "react/compiler-runtime"],
+  "forbiddenPackages": ["tabster", "@griffel/*", "@fluentui/react-icons", "@fluentui/react-motion"],
+  "fixtures": {
+    "BaseHooks.fixture.js": {
+      "allowedViolations": ["@fluentui/react-motion", "@griffel/core", "@griffel/react", "tabster"]
+    }
+  }
+}

packages/react-components/react-components/bundle-size/BaseHooks.fixture.js

@@ -0,0 +1,237 @@
+// Named imports only - a namespace import would retain every styled component and defeat the isolation check.
+import {
+  useAccordionBase_unstable,
+  useAccordionHeaderBase_unstable,
+  useAccordionPanelBase_unstable,
+} from '@fluentui/react-accordion';
+import {
+  useAvatarBase_unstable,
+  useAvatarGroupBase_unstable,
+  useAvatarGroupItemBase_unstable,
+  useAvatarGroupPopoverBase_unstable,
+} from '@fluentui/react-avatar';
+import {
+  useBadgeBase_unstable,
+  useCounterBadgeBase_unstable,
+  usePresenceBadgeBase_unstable,
+} from '@fluentui/react-badge';
+import {
+  useBreadcrumbBase_unstable,
+  useBreadcrumbButtonBase_unstable,
+  useBreadcrumbDividerBase_unstable,
+  useBreadcrumbItemBase_unstable,
+} from '@fluentui/react-breadcrumb';
+import {
+  useButtonBase_unstable,
+  useCompoundButtonBase_unstable,
+  useMenuButtonBase_unstable,
+  useSplitButtonBase_unstable,
+  useToggleButtonBase_unstable,
+} from '@fluentui/react-button';
+import {
+  useCardBase_unstable,
+  useCardFooterBase_unstable,
+  useCardHeaderBase_unstable,
+  useCardPreviewBase_unstable,
+} from '@fluentui/react-card';
+import { useCheckboxBase_unstable } from '@fluentui/react-checkbox';
+import {
+  useAlphaSliderBase_unstable,
+  useColorAreaBase_unstable,
+  useColorPickerBase_unstable,
+  useColorSliderBase_unstable,
+} from '@fluentui/react-color-picker';
+import { useComboboxBase_unstable, useDropdownBase_unstable, useOptionBase_unstable } from '@fluentui/react-combobox';
+import { useDividerBase_unstable } from '@fluentui/react-divider';
+import { useInlineDrawerBase_unstable } from '@fluentui/react-drawer';
+import { useFieldBase_unstable } from '@fluentui/react-field';
+import { useImageBase_unstable } from '@fluentui/react-image';
+import { useInputBase_unstable } from '@fluentui/react-input';
+import { useLabelBase_unstable } from '@fluentui/react-label';
+import { useLinkBase_unstable } from '@fluentui/react-link';
+import {
+  useMenuBase_unstable,
+  useMenuItemBase_unstable,
+  useMenuItemCheckboxBase_unstable,
+  useMenuItemLinkBase_unstable,
+  useMenuItemRadioBase_unstable,
+  useMenuItemSwitchBase_unstable,
+  useMenuListBase_unstable,
+  useMenuPopoverBase_unstable,
+  useMenuTriggerBase_unstable,
+} from '@fluentui/react-menu';
+import { useMessageBarBase_unstable } from '@fluentui/react-message-bar';
+import {
+  useAppItemBase_unstable,
+  useAppItemStaticBase_unstable,
+  useNavBase_unstable,
+  useNavCategoryItemBase_unstable,
+  useNavItemBase_unstable,
+  useNavSubItemBase_unstable,
+  useNavSubItemGroupBase_unstable,
+} from '@fluentui/react-nav';
+import { usePersonaBase_unstable } from '@fluentui/react-persona';
+import { useProgressBarBase_unstable } from '@fluentui/react-progress';
+import { useRadioBase_unstable, useRadioGroupBase_unstable } from '@fluentui/react-radio';
+import {
+  useRatingBase_unstable,
+  useRatingDisplayBase_unstable,
+  useRatingItemBase_unstable,
+} from '@fluentui/react-rating';
+import { useSearchBoxBase_unstable } from '@fluentui/react-search';
+import { useSelectBase_unstable } from '@fluentui/react-select';
+import { useSkeletonBase_unstable, useSkeletonItemBase_unstable } from '@fluentui/react-skeleton';
+import { useSliderBase_unstable } from '@fluentui/react-slider';
+import { useSpinButtonBase_unstable } from '@fluentui/react-spinbutton';
+import { useSpinnerBase_unstable } from '@fluentui/react-spinner';
+import {
+  useColorSwatchBase_unstable,
+  useEmptySwatchBase_unstable,
+  useImageSwatchBase_unstable,
+  useSwatchPickerBase_unstable,
+  useSwatchPickerRowBase_unstable,
+} from '@fluentui/react-swatch-picker';
+import { useSwitchBase_unstable } from '@fluentui/react-switch';
+import { useTabBase_unstable, useTabListBase_unstable } from '@fluentui/react-tabs';
+import {
+  useTagPickerBase_unstable,
+  useTagPickerButtonBase_unstable,
+  useTagPickerControlBase_unstable,
+  useTagPickerInputBase_unstable,
+} from '@fluentui/react-tag-picker';
+import {
+  useInteractionTagBase_unstable,
+  useInteractionTagPrimaryBase_unstable,
+  useInteractionTagSecondaryBase_unstable,
+  useTagBase_unstable,
+  useTagGroupBase_unstable,
+} from '@fluentui/react-tags';
+import {
+  useTeachingPopoverCarouselBase_unstable,
+  useTeachingPopoverCarouselFooterButtonBase_unstable,
+  useTeachingPopoverCarouselNavBase_unstable,
+  useTeachingPopoverCarouselNavButtonBase_unstable,
+  useTeachingPopoverFooterBase_unstable,
+  useTeachingPopoverHeaderBase_unstable,
+  useTeachingPopoverTitleBase_unstable,
+} from '@fluentui/react-teaching-popover';
+import { useTextareaBase_unstable } from '@fluentui/react-textarea';
+import { useToastBase_unstable, useToastBodyBase_unstable, useToastTitleBase_unstable } from '@fluentui/react-toast';
+import {
+  useToolbarBase_unstable,
+  useToolbarButtonBase_unstable,
+  useToolbarDividerBase_unstable,
+  useToolbarRadioButtonBase_unstable,
+  useToolbarToggleButtonBase_unstable,
+} from '@fluentui/react-toolbar';
+import { useTooltipBase_unstable } from '@fluentui/react-tooltip';
+
+console.log(
+  useAccordionBase_unstable,
+  useAccordionHeaderBase_unstable,
+  useAccordionPanelBase_unstable,
+  useAvatarBase_unstable,
+  useAvatarGroupBase_unstable,
+  useAvatarGroupItemBase_unstable,
+  useAvatarGroupPopoverBase_unstable,
+  useBadgeBase_unstable,
+  useCounterBadgeBase_unstable,
+  usePresenceBadgeBase_unstable,
+  useBreadcrumbBase_unstable,
+  useBreadcrumbButtonBase_unstable,
+  useBreadcrumbDividerBase_unstable,
+  useBreadcrumbItemBase_unstable,
+  useButtonBase_unstable,
+  useCompoundButtonBase_unstable,
+  useMenuButtonBase_unstable,
+  useSplitButtonBase_unstable,
+  useToggleButtonBase_unstable,
+  useCardBase_unstable,
+  useCardFooterBase_unstable,
+  useCardHeaderBase_unstable,
+  useCardPreviewBase_unstable,
+  useCheckboxBase_unstable,
+  useAlphaSliderBase_unstable,
+  useColorAreaBase_unstable,
+  useColorPickerBase_unstable,
+  useColorSliderBase_unstable,
+  useComboboxBase_unstable,
+  useDropdownBase_unstable,
+  useOptionBase_unstable,
+  useDividerBase_unstable,
+  useInlineDrawerBase_unstable,
+  useFieldBase_unstable,
+  useImageBase_unstable,
+  useInputBase_unstable,
+  useLabelBase_unstable,
+  useLinkBase_unstable,
+  useMenuBase_unstable,
+  useMenuItemBase_unstable,
+  useMenuItemCheckboxBase_unstable,
+  useMenuItemLinkBase_unstable,
+  useMenuItemRadioBase_unstable,
+  useMenuItemSwitchBase_unstable,
+  useMenuListBase_unstable,
+  useMenuPopoverBase_unstable,
+  useMenuTriggerBase_unstable,
+  useMessageBarBase_unstable,
+  useAppItemBase_unstable,
+  useAppItemStaticBase_unstable,
+  useNavBase_unstable,
+  useNavCategoryItemBase_unstable,
+  useNavItemBase_unstable,
+  useNavSubItemBase_unstable,
+  useNavSubItemGroupBase_unstable,
+  usePersonaBase_unstable,
+  useProgressBarBase_unstable,
+  useRadioBase_unstable,
+  useRadioGroupBase_unstable,
+  useRatingBase_unstable,
+  useRatingDisplayBase_unstable,
+  useRatingItemBase_unstable,
+  useSearchBoxBase_unstable,
+  useSelectBase_unstable,
+  useSkeletonBase_unstable,
+  useSkeletonItemBase_unstable,
+  useSliderBase_unstable,
+  useSpinButtonBase_unstable,
+  useSpinnerBase_unstable,
+  useColorSwatchBase_unstable,
+  useEmptySwatchBase_unstable,
+  useImageSwatchBase_unstable,
+  useSwatchPickerBase_unstable,
+  useSwatchPickerRowBase_unstable,
+  useSwitchBase_unstable,
+  useTabBase_unstable,
+  useTabListBase_unstable,
+  useTagPickerBase_unstable,
+  useTagPickerButtonBase_unstable,
+  useTagPickerControlBase_unstable,
+  useTagPickerInputBase_unstable,
+  useInteractionTagBase_unstable,
+  useInteractionTagPrimaryBase_unstable,
+  useInteractionTagSecondaryBase_unstable,
+  useTagBase_unstable,
+  useTagGroupBase_unstable,
+  useTeachingPopoverCarouselBase_unstable,
+  useTeachingPopoverCarouselFooterButtonBase_unstable,
+  useTeachingPopoverCarouselNavBase_unstable,
+  useTeachingPopoverCarouselNavButtonBase_unstable,
+  useTeachingPopoverFooterBase_unstable,
+  useTeachingPopoverHeaderBase_unstable,
+  useTeachingPopoverTitleBase_unstable,
+  useTextareaBase_unstable,
+  useToastBase_unstable,
+  useToastBodyBase_unstable,
+  useToastTitleBase_unstable,
+  useToolbarBase_unstable,
+  useToolbarButtonBase_unstable,
+  useToolbarDividerBase_unstable,
+  useToolbarRadioButtonBase_unstable,
+  useToolbarToggleButtonBase_unstable,
+  useTooltipBase_unstable,
+);
+
+export default {
+  name: 'react-components: all base hooks',
+};