Move @fluentui/react-visual-refresh-preview to @fluentui/react-provider

See https://teams.microsoft.com/l/message/19:bd5660a820c140c7aa6a1b932029e4e6@thread.v2/1763635469070?context=%7B%22contextType%22%3A%22chat%22%7D

Author: David Zukowski

.github/CODEOWNERS

@@ -331,10 +331,6 @@ packages/react-components/component-selector-preview/library @microsoft/teams-pr
 packages/react-components/component-selector-preview/stories @microsoft/teams-prg
 packages/react-components/react-menu-grid-preview/library @microsoft/teams-prg
 packages/react-components/react-menu-grid-preview/stories @microsoft/teams-prg
-packages/react-components/visual-refresh-preview/library @microsoft/teams-prg
-packages/react-components/visual-refresh-preview/stories @microsoft/teams-prg
-packages/react-components/react-visual-refresh-preview/library @microsoft/teams-prg
-packages/react-components/react-visual-refresh-preview/stories @microsoft/teams-prg
 # <%= NX-CODEOWNER-PLACEHOLDER %>
 
 # Deprecated v9 packages - exposed as part of `/unstable` api

packages/react-components/react-visual-refresh-preview/library/src/CAPTheme.tsx renamed to packages/react-components/react-provider/library/src/components/CAPThemeProvider/CAPTheme.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { BadgeState, ButtonState, CardState, FluentProvider, InputState, Theme } from '@fluentui/react-components';
 import { useCAPButtonStylesHook } from './components/CAPButton';
-import { CustomStyleHooksContextValue } from '../../../react-shared-contexts/library/src/CustomStyleHooksContext';
+import { CustomStyleHooksContext_unstable } from '@fluentui/react-shared-contexts';
 import { CAPTheme } from './CAPTheme';
 import { useCAPBadgeStylesHook } from './components/CAPBadge';
 import { useCAPInputStylesHook } from './components/CAPInput';
@@ -14,7 +14,7 @@ export const CAPThemeProvider = ({
   children: React.ReactElement;
   theme: Partial<Theme> & Partial<CAPTheme>;
 }) => {
-  const customStyleHooks = React.useMemo((): CustomStyleHooksContextValue => {
+  const customStyleHooks = React.useMemo((): React.ContextType<typeof CustomStyleHooksContext_unstable> => {
     return {
       useBadgeStyles_unstable: state => useCAPBadgeStylesHook(state as BadgeState),
       useButtonStyles_unstable: state => useCAPButtonStylesHook(state as ButtonState),

packages/react-components/react-visual-refresh-preview/library/src/CAPThemeProvider.tsx renamed to packages/react-components/react-provider/library/src/components/CAPThemeProvider/CAPThemeProvider.tsx

@@ -15,3 +15,5 @@ export type {
   FluentProviderState,
   FluentProviderSlots,
 } from './FluentProvider';
+export { CAPThemeProvider } from './components/CAPThemeProvider/CAPThemeProvider';
+export { CAP_THEME_ONE_DRIVE, CAP_THEME_SHAREPOINT, CAP_THEME_TEAMS } from './components/CAPThemeProvider/CAPTheme';

packages/react-components/react-visual-refresh-preview/library/src/components/CAPBadge.tsx renamed to packages/react-components/react-provider/library/src/components/CAPThemeProvider/components/CAPBadge.tsx

@@ -1,11 +1,11 @@
 import * as React from 'react';
 import { Badge } from '@fluentui/react-components';
-import { VisualRefreshExamples } from './StorybookUtil';
+import { CAPThemeExamples } from './CAPStorybookUtil';
 import { CircleRegular } from '@fluentui/react-icons';
 
 export const CAPBadgeStory = () => {
   return (
-    <VisualRefreshExamples
+    <CAPThemeExamples
       examples={[
         {
           title: 'Tiny',