Updated to use single hook selector

change/@fluentui-react-accordion-7979203f-77d1-434d-83a4-d6c6b82cff92.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Update to use single hook selector",
+  "packageName": "@fluentui/react-accordion",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-avatar-410511e9-48ba-4a8e-ad67-49398e93c4c9.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Update to use single hook selector",
+  "packageName": "@fluentui/react-avatar",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-badge-02074864-69a0-4b49-8806-ca7fbee6a2ff.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Update to use single hook selector",
+  "packageName": "@fluentui/react-badge",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-button-a418e04f-553e-43b3-995a-6ccbcf1ea081.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Update to use single hook selector",
+  "packageName": "@fluentui/react-button",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-checkbox-154b90a6-17c3-4c5d-8609-fc1438460273.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Update to use single hook selector",
+  "packageName": "@fluentui/react-checkbox",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-combobox-cac5541c-d84d-430d-95d0-e54a46aab88f.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Update to use single hook selector",
+  "packageName": "@fluentui/react-combobox",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-dialog-91eec82a-0ce5-472b-a3ee-fffe02628a9e.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Update to use single hook selector",
+  "packageName": "@fluentui/react-dialog",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-divider-70c81c00-b1cf-4322-8344-dc0ea8613f3b.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Update to use single hook selector",
+  "packageName": "@fluentui/react-divider",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-image-963a7dc3-d44a-40fd-838c-5d2746dfdb06.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Update to use single hook selector",
+  "packageName": "@fluentui/react-image",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-input-74af82c7-b28a-4aa5-92a6-f14903faeece.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Update to use single hook selector",
+  "packageName": "@fluentui/react-input",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-label-7d5e12b6-6fc3-450a-a2f6-49ce816011fa.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Update to use single hook selector",
+  "packageName": "@fluentui/react-label",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-menu-4cdd5c1d-0404-420f-b984-861538a209a8.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Update to use single hook selector",
+  "packageName": "@fluentui/react-menu",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-persona-5acc929d-c45f-4975-bc3a-fcdc3b643769.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Update to use single hook selector",
+  "packageName": "@fluentui/react-persona",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-popover-327e6424-ea83-444e-a490-abe84aa5cccf.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Update to use single hook selector",
+  "packageName": "@fluentui/react-popover",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-progress-1df15ae2-e24b-4805-b369-4b67395cfcf6.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Update to use single hook selector",
+  "packageName": "@fluentui/react-progress",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-provider-52269bd1-3dfa-4225-a528-7edc96211a5f.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Update to use single hook selector",
+  "packageName": "@fluentui/react-provider",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-radio-1392ccd9-a854-44f1-b915-908c11e414aa.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Update to use single hook selector",
+  "packageName": "@fluentui/react-radio",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-select-52a430c2-9512-46ee-9dd1-261a2659f86b.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Update to use single hook selector",
+  "packageName": "@fluentui/react-select",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-shared-contexts-3de40e97-26fd-408f-985c-50fded79967c.json

@@ -0,0 +1,7 @@
+{
+  "type": "minor",
+  "comment": "Updated to provide single hook for noop tree-shaking",
+  "packageName": "@fluentui/react-shared-contexts",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-slider-d6ce4d43-f065-4f30-8712-9967e3316358.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Update to use single hook selector",
+  "packageName": "@fluentui/react-slider",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-spinbutton-77ad3b93-a4fa-4bd1-bc51-397a4b9cd82a.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Update to use single hook selector",
+  "packageName": "@fluentui/react-spinbutton",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-spinner-8a73a610-d0d6-4e11-9494-104bd865147d.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Update to use single hook selector",
+  "packageName": "@fluentui/react-spinner",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-switch-5a80e932-3327-4c33-9fd7-e18705834ee1.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Update to use single hook selector",
+  "packageName": "@fluentui/react-switch",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-table-01084d02-30e2-4c40-87e3-1712e09feb03.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Update to use single hook selector",
+  "packageName": "@fluentui/react-table",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-tabs-18090de5-624d-4d4b-a292-8857a76026f6.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Update to use single hook selector",
+  "packageName": "@fluentui/react-tabs",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-text-2011f896-0e0d-4c45-89e7-66b4763fb5da.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Update to use single hook selector",
+  "packageName": "@fluentui/react-text",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-textarea-27974bbc-d69c-4c5b-9ad8-5f331a25fcd7.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Update to use single hook selector",
+  "packageName": "@fluentui/react-textarea",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-toolbar-9055847a-c5db-4e39-9320-34bb4d94525f.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Update to use single hook selector",
+  "packageName": "@fluentui/react-toolbar",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-tooltip-db63968f-9b0e-4bfd-ae01-f690f2f933b0.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Update to use single hook selector",
+  "packageName": "@fluentui/react-tooltip",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

packages/react-components/react-accordion/src/components/Accordion/Accordion.tsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { renderAccordion_unstable } from './renderAccordion';
 import { useAccordion_unstable } from './useAccordion';
 import { useAccordionContextValues_unstable } from './useAccordionContextValues';
-import { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';
+import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
 import { useAccordionStyles_unstable } from './useAccordionStyles';
 import type { AccordionProps } from './Accordion.types';
 import type { ForwardRefComponent } from '@fluentui/react-utilities';
@@ -17,8 +17,7 @@ export const Accordion: ForwardRefComponent<AccordionProps> = React.forwardRef<H
 
     useAccordionStyles_unstable(state);
 
-    const { useAccordionStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();
-    useCustomStyles(state);
+    useCustomStyleHook_unstable('useAccordionStyles_unstable')(state);
 
     return renderAccordion_unstable(state, contextValues);
   },

packages/react-components/react-accordion/src/components/AccordionHeader/AccordionHeader.tsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { useAccordionHeader_unstable } from './useAccordionHeader';
 import { renderAccordionHeader_unstable } from './renderAccordionHeader';
 import { useAccordionHeaderStyles_unstable } from './useAccordionHeaderStyles';
-import { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';
+import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
 import { useAccordionHeaderContextValues_unstable } from './useAccordionHeaderContextValues';
 import type { AccordionHeaderProps } from './AccordionHeader.types';
 import type { ForwardRefComponent } from '@fluentui/react-utilities';
@@ -17,8 +17,7 @@ export const AccordionHeader: ForwardRefComponent<AccordionHeaderProps> = React.
 
   useAccordionHeaderStyles_unstable(state);
 
-  const { useAccordionHeaderStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();
-  useCustomStyles(state);
+  useCustomStyleHook_unstable('useAccordionHeaderStyles_unstable')(state);
 
   return renderAccordionHeader_unstable(state, contextValues);
 });

packages/react-components/react-accordion/src/components/AccordionItem/AccordionItem.tsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { useAccordionItem_unstable } from './useAccordionItem';
 import { useAccordionItemContextValues_unstable } from './useAccordionItemContextValues';
 import { renderAccordionItem_unstable } from './renderAccordionItem';
-import { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';
+import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
 import { useAccordionItemStyles_unstable } from './useAccordionItemStyles';
 import type { AccordionItemProps } from './AccordionItem.types';
 import type { ForwardRefComponent } from '@fluentui/react-utilities';
@@ -16,8 +16,7 @@ export const AccordionItem: ForwardRefComponent<AccordionItemProps> = React.forw
 
   useAccordionItemStyles_unstable(state);
 
-  const { useAccordionItemStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();
-  useCustomStyles(state);
+  useCustomStyleHook_unstable('useAccordionItemStyles_unstable')(state);
 
   return renderAccordionItem_unstable(state, contextValues);
 });

packages/react-components/react-accordion/src/components/AccordionPanel/AccordionPanel.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { useAccordionPanel_unstable } from './useAccordionPanel';
 import { renderAccordionPanel_unstable } from './renderAccordionPanel';
-import { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';
+import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
 import { useAccordionPanelStyles_unstable } from './useAccordionPanelStyles';
 import type { AccordionPanelProps } from './AccordionPanel.types';
 import type { ForwardRefComponent } from '@fluentui/react-utilities';
@@ -14,8 +14,7 @@ export const AccordionPanel: ForwardRefComponent<AccordionPanelProps> = React.fo
 
   useAccordionPanelStyles_unstable(state);
 
-  const { useAccordionPanelStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();
-  useCustomStyles(state);
+  useCustomStyleHook_unstable('useAccordionPanelStyles_unstable')(state);
 
   return renderAccordionPanel_unstable(state);
 });

packages/react-components/react-avatar/src/components/Avatar/Avatar.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { renderAvatar_unstable } from './renderAvatar';
 import { useAvatar_unstable } from './useAvatar';
-import { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';
+import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
 import { useAvatarStyles_unstable } from './useAvatarStyles';
 import type { AvatarProps } from './Avatar.types';
 import type { ForwardRefComponent } from '@fluentui/react-utilities';
@@ -11,8 +11,7 @@ export const Avatar: ForwardRefComponent<AvatarProps> = React.forwardRef((props,
 
   useAvatarStyles_unstable(state);
 
-  const { useAvatarStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();
-  useCustomStyles(state);
+  useCustomStyleHook_unstable('useAvatarStyles_unstable')(state);
 
   return renderAvatar_unstable(state);
 });

packages/react-components/react-avatar/src/components/AvatarGroup/AvatarGroup.tsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { renderAvatarGroup_unstable } from './renderAvatarGroup';
 import { useAvatarGroup_unstable } from './useAvatarGroup';
 import { useAvatarGroupContextValues } from './useAvatarGroupContextValues';
-import { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';
+import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
 import { useAvatarGroupStyles_unstable } from './useAvatarGroupStyles';
 import type { AvatarGroupProps } from './AvatarGroup.types';
 import type { ForwardRefComponent } from '@fluentui/react-utilities';
@@ -17,8 +17,7 @@ export const AvatarGroup: ForwardRefComponent<AvatarGroupProps> = React.forwardR
 
   useAvatarGroupStyles_unstable(state);
 
-  const { useAvatarGroupStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();
-  useCustomStyles(state);
+  useCustomStyleHook_unstable('useAvatarGroupStyles_unstable')(state);
 
   return renderAvatarGroup_unstable(state, contextValues);
 });

packages/react-components/react-avatar/src/components/AvatarGroupItem/AvatarGroupItem.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { renderAvatarGroupItem_unstable } from './renderAvatarGroupItem';
 import { useAvatarGroupItem_unstable } from './useAvatarGroupItem';
-import { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';
+import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
 import { useAvatarGroupItemStyles_unstable } from './useAvatarGroupItemStyles';
 import type { AvatarGroupItemProps } from './AvatarGroupItem.types';
 import type { ForwardRefComponent } from '@fluentui/react-utilities';
@@ -15,8 +15,7 @@ export const AvatarGroupItem: ForwardRefComponent<AvatarGroupItemProps> = React.
 
   useAvatarGroupItemStyles_unstable(state);
 
-  const { useAvatarGroupItemStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();
-  useCustomStyles(state);
+  useCustomStyleHook_unstable('useAvatarGroupItemStyles_unstable')(state);
 
   return renderAvatarGroupItem_unstable(state);
 });

packages/react-components/react-avatar/src/components/AvatarGroupPopover/AvatarGroupPopover.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { renderAvatarGroupPopover_unstable } from './renderAvatarGroupPopover';
 import { useAvatarGroupPopoverContextValues } from './useAvatarGroupPopoverContextValues';
-import { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';
+import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
 import { useAvatarGroupPopover_unstable } from './useAvatarGroupPopover';
 import { useAvatarGroupPopoverStyles_unstable } from './useAvatarGroupPopoverStyles';
 import type { AvatarGroupPopoverProps } from './AvatarGroupPopover.types';
@@ -15,8 +15,7 @@ export const AvatarGroupPopover: React.FC<AvatarGroupPopoverProps> = props => {
 
   useAvatarGroupPopoverStyles_unstable(state);
 
-  const { useAvatarGroupPopoverStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();
-  useCustomStyles(state);
+  useCustomStyleHook_unstable('useAvatarGroupPopoverStyles_unstable')(state);
 
   return renderAvatarGroupPopover_unstable(state, contextValues);
 };