diff --git a/apps/vr-tests-react-components/src/stories/Field.stories.tsx b/apps/vr-tests-react-components/src/stories/Field.stories.tsx
index 663edb6328523..5dfbd5608bded 100644
--- a/apps/vr-tests-react-components/src/stories/Field.stories.tsx
+++ b/apps/vr-tests-react-components/src/stories/Field.stories.tsx
@@ -15,17 +15,17 @@ import {
   TextareaField,
 } from '@fluentui/react-field';
 import { SparkleFilled } from '@fluentui/react-icons';
-import { FieldComponent, FieldPropsWithOptionalComponentProps } from '@fluentui/react-field/src/Field';
+import { FieldControl, FieldPropsWithOptionalComponentProps } from '@fluentui/react-field/src/Field';
 
-type FieldComponentProps = Pick<
-  FieldPropsWithOptionalComponentProps<FieldComponent>,
+type FieldControlProps = Pick<
+  FieldPropsWithOptionalComponentProps<FieldControl>,
   'orientation' | 'required' | 'label' | 'validationState' | 'validationMessage' | 'validationMessageIcon' | 'hint'
 >;
 
 /**
  * Common VR tests for all field components. Pass the given Field component (or a wrapper around it).
  */
-const storiesOfField = (name: string, Field: React.VoidFunctionComponent<FieldComponentProps>) =>
+const storiesOfField = (name: string, Field: React.VoidFunctionComponent<FieldControlProps>) =>
   storiesOf(name, module)
     .addDecorator(story => <Screener steps={new Steps().snapshot('default').end()}>{story()}</Screener>)
     .addDecorator(story => (
@@ -65,7 +65,7 @@ const storiesOfField = (name: string, Field: React.VoidFunctionComponent<FieldCo
  */
 const storiesOfFieldWithSize = (
   name: string,
-  Field: React.VoidFunctionComponent<FieldComponentProps & { size?: 'small' | 'medium' | 'large' }>,
+  Field: React.VoidFunctionComponent<FieldControlProps & { size?: 'small' | 'medium' | 'large' }>,
 ) =>
   storiesOfField(name, Field)
     .addStory('size:small', () => <Field label="Example field" size="small" />)
diff --git a/change/@fluentui-react-field-3b26a8a7-ed4d-445f-92c9-818f523ef4b4.json b/change/@fluentui-react-field-3b26a8a7-ed4d-445f-92c9-818f523ef4b4.json
new file mode 100644
index 0000000000000..7e1219e93c352
--- /dev/null
+++ b/change/@fluentui-react-field-3b26a8a7-ed4d-445f-92c9-818f523ef4b4.json
@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "chore: Clean up Field tests and story imports in preparation of moving to individual packages",
+  "packageName": "@fluentui/react-field",
+  "email": "behowell@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/react-components/react-field/etc/react-field.api.md b/packages/react-components/react-field/etc/react-field.api.md
index fdace08fb846f..6f6faa615973c 100644
--- a/packages/react-components/react-field/etc/react-field.api.md
+++ b/packages/react-components/react-field/etc/react-field.api.md
@@ -31,7 +31,7 @@ import { Textarea } from '@fluentui/react-textarea';
 export const CheckboxField: ForwardRefComponent<CheckboxFieldProps>;
 
 // @public (undocumented)
-export const checkboxFieldClassNames: SlotClassNames<FieldSlots<FieldComponent>>;
+export const checkboxFieldClassNames: SlotClassNames<FieldSlots<FieldControl>>;
 
 // @public (undocumented)
 export type CheckboxFieldProps = Omit<FieldProps<typeof Checkbox>, 'label'> & {
@@ -43,13 +43,13 @@ export type CheckboxFieldProps = Omit<FieldProps<typeof Checkbox>, 'label'> & {
 export const ComboboxField: ForwardRefComponent<ComboboxFieldProps>;
 
 // @public (undocumented)
-export const comboboxFieldClassNames: SlotClassNames<FieldSlots<FieldComponent>>;
+export const comboboxFieldClassNames: SlotClassNames<FieldSlots<FieldControl>>;
 
 // @public (undocumented)
 export type ComboboxFieldProps = FieldProps<typeof Combobox>;
 
 // @public
-export type FieldConfig<T extends FieldComponent> = {
+export type FieldConfig<T extends FieldControl> = {
     component: T;
     classNames: SlotClassNames<FieldSlots<T>>;
     labelConnection?: 'htmlFor' | 'aria-labelledby';
@@ -57,13 +57,13 @@ export type FieldConfig<T extends FieldComponent> = {
 };
 
 // @public
-export type FieldProps<T extends FieldComponent> = ComponentProps<Partial<FieldSlots<T>>, 'control'> & {
+export type FieldProps<T extends FieldControl> = ComponentProps<Partial<FieldSlots<T>>, 'control'> & {
     orientation?: 'vertical' | 'horizontal';
     validationState?: 'error' | 'warning' | 'success';
 };
 
 // @public
-export type FieldSlots<T extends FieldComponent> = {
+export type FieldSlots<T extends FieldControl> = {
     root: NonNullable<Slot<'div'>>;
     control: SlotComponent<T>;
     label?: Slot<typeof Label>;
@@ -73,18 +73,18 @@ export type FieldSlots<T extends FieldComponent> = {
 };
 
 // @public
-export type FieldState<T extends FieldComponent> = ComponentState<Required<FieldSlots<T>>> & Pick<FieldProps<T>, 'orientation' | 'validationState'> & {
+export type FieldState<T extends FieldControl> = ComponentState<Required<FieldSlots<T>>> & Pick<FieldProps<T>, 'orientation' | 'validationState'> & {
     classNames: SlotClassNames<FieldSlots<T>>;
 };
 
 // @public (undocumented)
-export const getFieldClassNames: (name: string) => SlotClassNames<FieldSlots<FieldComponent>>;
+export const getFieldClassNames: (name: string) => SlotClassNames<FieldSlots<FieldControl>>;
 
 // @public (undocumented)
 export const InputField: ForwardRefComponent<InputFieldProps>;
 
 // @public (undocumented)
-export const inputFieldClassNames: SlotClassNames<FieldSlots<FieldComponent>>;
+export const inputFieldClassNames: SlotClassNames<FieldSlots<FieldControl>>;
 
 // @public (undocumented)
 export type InputFieldProps = FieldProps<typeof Input>;
@@ -93,7 +93,7 @@ export type InputFieldProps = FieldProps<typeof Input>;
 export const ProgressField: ForwardRefComponent<ProgressFieldProps>;
 
 // @public (undocumented)
-export const progressFieldClassNames: SlotClassNames<FieldSlots<FieldComponent>>;
+export const progressFieldClassNames: SlotClassNames<FieldSlots<FieldControl>>;
 
 // @public (undocumented)
 export type ProgressFieldProps = FieldProps<typeof Progress>;
@@ -102,19 +102,19 @@ export type ProgressFieldProps = FieldProps<typeof Progress>;
 export const RadioGroupField: ForwardRefComponent<RadioGroupFieldProps>;
 
 // @public (undocumented)
-export const radioGroupFieldClassNames: SlotClassNames<FieldSlots<FieldComponent>>;
+export const radioGroupFieldClassNames: SlotClassNames<FieldSlots<FieldControl>>;
 
 // @public (undocumented)
 export type RadioGroupFieldProps = FieldProps<typeof RadioGroup>;
 
 // @public
-export const renderField_unstable: <T extends FieldComponent>(state: FieldState<T>) => JSX.Element;
+export const renderField_unstable: <T extends FieldControl>(state: FieldState<T>) => JSX.Element;
 
 // @public (undocumented)
 export const SelectField: ForwardRefComponent<SelectFieldProps>;
 
 // @public (undocumented)
-export const selectFieldClassNames: SlotClassNames<FieldSlots<FieldComponent>>;
+export const selectFieldClassNames: SlotClassNames<FieldSlots<FieldControl>>;
 
 // @public (undocumented)
 export type SelectFieldProps = FieldProps<typeof Select>;
@@ -123,7 +123,7 @@ export type SelectFieldProps = FieldProps<typeof Select>;
 export const SliderField: ForwardRefComponent<SliderFieldProps>;
 
 // @public (undocumented)
-export const sliderFieldClassNames: SlotClassNames<FieldSlots<FieldComponent>>;
+export const sliderFieldClassNames: SlotClassNames<FieldSlots<FieldControl>>;
 
 // @public (undocumented)
 export type SliderFieldProps = FieldProps<typeof Slider>;
@@ -132,7 +132,7 @@ export type SliderFieldProps = FieldProps<typeof Slider>;
 export const SpinButtonField: ForwardRefComponent<SpinButtonFieldProps>;
 
 // @public (undocumented)
-export const spinButtonFieldClassNames: SlotClassNames<FieldSlots<FieldComponent>>;
+export const spinButtonFieldClassNames: SlotClassNames<FieldSlots<FieldControl>>;
 
 // @public (undocumented)
 export type SpinButtonFieldProps = FieldProps<typeof SpinButton>;
@@ -141,7 +141,7 @@ export type SpinButtonFieldProps = FieldProps<typeof SpinButton>;
 export const SwitchField: ForwardRefComponent<SwitchFieldProps>;
 
 // @public (undocumented)
-export const switchFieldClassNames: SlotClassNames<FieldSlots<FieldComponent>>;
+export const switchFieldClassNames: SlotClassNames<FieldSlots<FieldControl>>;
 
 // @public (undocumented)
 export type SwitchFieldProps = Omit<FieldProps<typeof Switch>, 'labelPosition'>;
@@ -150,16 +150,16 @@ export type SwitchFieldProps = Omit<FieldProps<typeof Switch>, 'labelPosition'>;
 export const TextareaField: ForwardRefComponent<TextareaFieldProps>;
 
 // @public (undocumented)
-export const textareaFieldClassNames: SlotClassNames<FieldSlots<FieldComponent>>;
+export const textareaFieldClassNames: SlotClassNames<FieldSlots<FieldControl>>;
 
 // @public (undocumented)
 export type TextareaFieldProps = FieldProps<typeof Textarea>;
 
 // @public
-export const useField_unstable: <T extends FieldComponent>(props: FieldPropsWithOptionalComponentProps<T>, ref: React_2.Ref<HTMLElement>, params: FieldConfig<T>) => FieldState<T>;
+export const useField_unstable: <T extends FieldControl>(props: FieldPropsWithOptionalComponentProps<T>, ref: React_2.Ref<HTMLElement>, params: FieldConfig<T>) => FieldState<T>;
 
 // @public
-export const useFieldStyles_unstable: <T extends FieldComponent>(state: FieldState<T>) => void;
+export const useFieldStyles_unstable: <T extends FieldControl>(state: FieldState<T>) => void;
 
 // (No @packageDocumentation comment for this package)
 
diff --git a/packages/react-components/react-field/src/common/isConformant.ts b/packages/react-components/react-field/src/common/isConformant.ts
index f3c09edfdd4d8..77f88408cbd83 100644
--- a/packages/react-components/react-field/src/common/isConformant.ts
+++ b/packages/react-components/react-field/src/common/isConformant.ts
@@ -8,23 +8,6 @@ export function isConformant<TProps = {}>(
   const defaultOptions: Partial<IsConformantOptions<TProps>> = {
     componentPath: require.main?.filename.replace('.test', ''),
     extraTests: griffelTests as TestObject<TProps>,
-
-    // Field-specific defaults
-    primarySlot: 'control' as keyof TProps,
-    testOptions: testInfo.testOptions?.['has-static-classnames']
-      ? undefined
-      : {
-          'has-static-classnames': [
-            {
-              props: {
-                label: 'label text',
-                validationState: 'error',
-                validationMessage: 'validation message text',
-                hint: 'hint text',
-              },
-            },
-          ],
-        },
   };
 
   baseIsConformant(defaultOptions, testInfo);
diff --git a/packages/react-components/react-field/src/components/CheckboxField/CheckboxField.test.tsx b/packages/react-components/react-field/src/components/CheckboxField/CheckboxField.test.tsx
index 41c99c1d55379..6e9617c1eb90f 100644
--- a/packages/react-components/react-field/src/components/CheckboxField/CheckboxField.test.tsx
+++ b/packages/react-components/react-field/src/components/CheckboxField/CheckboxField.test.tsx
@@ -7,6 +7,7 @@ describe('CheckboxField', () => {
   isConformant({
     Component: CheckboxField,
     displayName: 'CheckboxField',
+    primarySlot: 'control',
     testOptions: {
       'has-static-classnames': [
         {
@@ -20,6 +21,7 @@ describe('CheckboxField', () => {
         },
       ],
     },
+    disabledTests: ['exported-top-level'], // TODO re-enable once component is exported without _unstable
   });
 
   // Most functionality is tested by Field.test.tsx, and Checkbox's tests
diff --git a/packages/react-components/react-field/src/components/ComboboxField/ComboboxField.test.tsx b/packages/react-components/react-field/src/components/ComboboxField/ComboboxField.test.tsx
index f15221eb2bac7..63fcb3bf6331f 100644
--- a/packages/react-components/react-field/src/components/ComboboxField/ComboboxField.test.tsx
+++ b/packages/react-components/react-field/src/components/ComboboxField/ComboboxField.test.tsx
@@ -5,6 +5,20 @@ describe('ComboboxField', () => {
   isConformant({
     Component: ComboboxField,
     displayName: 'ComboboxField',
+    primarySlot: 'control',
+    testOptions: {
+      'has-static-classnames': [
+        {
+          props: {
+            label: 'label text',
+            validationState: 'error',
+            validationMessage: 'validation message text',
+            hint: 'hint text',
+          },
+        },
+      ],
+    },
+    disabledTests: ['exported-top-level'], // TODO re-enable once component is exported without _unstable
   });
 
   // Most functionality is tested by Field.test.tsx, and Combobox's tests
diff --git a/packages/react-components/react-field/src/components/Field/Field.types.ts b/packages/react-components/react-field/src/components/Field/Field.types.ts
index f1644d289d9ae..c5103fe179864 100644
--- a/packages/react-components/react-field/src/components/Field/Field.types.ts
+++ b/packages/react-components/react-field/src/components/Field/Field.types.ts
@@ -9,7 +9,7 @@ import type { SlotComponent } from './SlotComponent.types';
  * Note: the use of VoidFunctionComponent means that component is not *required* to have a children prop,
  * but it is still allowed to have a children prop.
  */
-export type FieldComponent = React.VoidFunctionComponent<
+export type FieldControl = React.VoidFunctionComponent<
   Pick<
     React.HTMLAttributes<HTMLElement>,
     'id' | 'className' | 'style' | 'aria-labelledby' | 'aria-describedby' | 'aria-invalid' | 'aria-errormessage'
@@ -19,7 +19,7 @@ export type FieldComponent = React.VoidFunctionComponent<
 /**
  * Slots added by Field
  */
-export type FieldSlots<T extends FieldComponent> = {
+export type FieldSlots<T extends FieldControl> = {
   root: NonNullable<Slot<'div'>>;
 
   /**
@@ -54,7 +54,7 @@ export type FieldSlots<T extends FieldComponent> = {
 /**
  * Field Props
  */
-export type FieldProps<T extends FieldComponent> = ComponentProps<Partial<FieldSlots<T>>, 'control'> & {
+export type FieldProps<T extends FieldControl> = ComponentProps<Partial<FieldSlots<T>>, 'control'> & {
   /**
    * The orientation of the label relative to the field component.
    * This only affects the label, and not the validationMessage or hint (which always appear below the field component).
@@ -79,7 +79,7 @@ export type FieldProps<T extends FieldComponent> = ComponentProps<Partial<FieldS
  * This allows Field to forward the required and size props to the label if the underlying component supports them,
  * but doesn't add them to the public API of fields that don't support them.
  */
-export type FieldPropsWithOptionalComponentProps<T extends FieldComponent> = FieldProps<T> & {
+export type FieldPropsWithOptionalComponentProps<T extends FieldControl> = FieldProps<T> & {
   /**
    * Whether the field label should be marked as required.
    */
@@ -96,7 +96,7 @@ export type FieldPropsWithOptionalComponentProps<T extends FieldComponent> = Fie
 /**
  * Configuration parameters for a Field class, passed to useField_unstable
  */
-export type FieldConfig<T extends FieldComponent> = {
+export type FieldConfig<T extends FieldControl> = {
   /**
    * The underlying input component that this field is wrapping.
    */
@@ -129,7 +129,7 @@ export type FieldConfig<T extends FieldComponent> = {
 /**
  * State used in rendering Field
  */
-export type FieldState<T extends FieldComponent> = ComponentState<Required<FieldSlots<T>>> &
+export type FieldState<T extends FieldControl> = ComponentState<Required<FieldSlots<T>>> &
   Pick<FieldProps<T>, 'orientation' | 'validationState'> & {
     classNames: SlotClassNames<FieldSlots<T>>;
   };
diff --git a/packages/react-components/react-field/src/components/Field/renderField.tsx b/packages/react-components/react-field/src/components/Field/renderField.tsx
index c3a5c6e2577ff..4727909444e6f 100644
--- a/packages/react-components/react-field/src/components/Field/renderField.tsx
+++ b/packages/react-components/react-field/src/components/Field/renderField.tsx
@@ -1,12 +1,12 @@
 import * as React from 'react';
 import { getSlots } from '@fluentui/react-utilities';
-import type { FieldComponent, FieldSlots, FieldState } from './Field.types';
+import type { FieldControl, FieldSlots, FieldState } from './Field.types';
 
 /**
  * Render the final JSX of Field
  */
-export const renderField_unstable = <T extends FieldComponent>(state: FieldState<T>) => {
-  const { slots, slotProps } = getSlots<FieldSlots<FieldComponent>>(state as FieldState<FieldComponent>);
+export const renderField_unstable = <T extends FieldControl>(state: FieldState<T>) => {
+  const { slots, slotProps } = getSlots<FieldSlots<FieldControl>>(state as FieldState<FieldControl>);
 
   return (
     <slots.root {...slotProps.root}>
diff --git a/packages/react-components/react-field/src/components/Field/useField.tsx b/packages/react-components/react-field/src/components/Field/useField.tsx
index acd4da41721ca..c88fad0b33492 100644
--- a/packages/react-components/react-field/src/components/Field/useField.tsx
+++ b/packages/react-components/react-field/src/components/Field/useField.tsx
@@ -3,8 +3,8 @@ import { CheckmarkCircle12Filled, ErrorCircle12Filled, Warning12Filled } from '@
 import { Label } from '@fluentui/react-label';
 import { getNativeElementProps, resolveShorthand, useId } from '@fluentui/react-utilities';
 import type {
-  FieldComponent,
   FieldConfig,
+  FieldControl,
   FieldProps,
   FieldPropsWithOptionalComponentProps,
   FieldState,
@@ -19,7 +19,7 @@ const validationMessageIcons = {
 /**
  * Partition the props used by the Field itself, from the props that are passed to the underlying field component.
  */
-export const getPartitionedFieldProps = <Props extends FieldProps<FieldComponent>>(props: Props) => {
+export const getPartitionedFieldProps = <Props extends FieldProps<FieldControl>>(props: Props) => {
   const {
     className,
     control,
@@ -60,7 +60,7 @@ export const getPartitionedFieldProps = <Props extends FieldProps<FieldComponent
  * @param ref - Ref to the control slot (primary slot)
  * @param params - Configuration parameters for this Field
  */
-export const useField_unstable = <T extends FieldComponent>(
+export const useField_unstable = <T extends FieldControl>(
   props: FieldPropsWithOptionalComponentProps<T>,
   ref: React.Ref<HTMLElement>,
   params: FieldConfig<T>,
@@ -134,7 +134,7 @@ export const useField_unstable = <T extends FieldComponent>(
     }
   }
 
-  const state: FieldState<FieldComponent> = {
+  const state: FieldState<FieldControl> = {
     orientation,
     validationState,
     classNames: params.classNames,
diff --git a/packages/react-components/react-field/src/components/Field/useFieldStyles.ts b/packages/react-components/react-field/src/components/Field/useFieldStyles.ts
index 005ac098c8853..964cb96eb7b3c 100644
--- a/packages/react-components/react-field/src/components/Field/useFieldStyles.ts
+++ b/packages/react-components/react-field/src/components/Field/useFieldStyles.ts
@@ -1,9 +1,9 @@
 import { makeStyles, mergeClasses } from '@griffel/react';
-import type { FieldComponent, FieldProps, FieldSlots, FieldState } from './Field.types';
+import type { FieldControl, FieldProps, FieldSlots, FieldState } from './Field.types';
 import type { SlotClassNames } from '@fluentui/react-utilities';
 import { tokens, typographyStyles } from '@fluentui/react-theme';
 
-export const getFieldClassNames = (name: string): SlotClassNames<FieldSlots<FieldComponent>> => ({
+export const getFieldClassNames = (name: string): SlotClassNames<FieldSlots<FieldControl>> => ({
   root: `fui-${name}`,
   control: `fui-${name}__control`,
   label: `fui-${name}__label`,
@@ -81,9 +81,9 @@ const useValidationMessageIconStyles = makeStyles({
 /**
  * Apply styling to the Field slots based on the state
  */
-export const useFieldStyles_unstable = <T extends FieldComponent>(state: FieldState<T>) => {
+export const useFieldStyles_unstable = <T extends FieldControl>(state: FieldState<T>) => {
   const classNames = state.classNames;
-  const validationState: FieldProps<FieldComponent>['validationState'] = state.validationState;
+  const validationState: FieldProps<FieldControl>['validationState'] = state.validationState;
   const horizontal = state.orientation === 'horizontal';
 
   const rootStyles = useRootStyles();
diff --git a/packages/react-components/react-field/src/components/InputField/InputField.test.tsx b/packages/react-components/react-field/src/components/InputField/InputField.test.tsx
index 05219e41786fd..6d558646db91f 100644
--- a/packages/react-components/react-field/src/components/InputField/InputField.test.tsx
+++ b/packages/react-components/react-field/src/components/InputField/InputField.test.tsx
@@ -5,6 +5,20 @@ describe('InputField', () => {
   isConformant({
     Component: InputField,
     displayName: 'InputField',
+    primarySlot: 'control',
+    testOptions: {
+      'has-static-classnames': [
+        {
+          props: {
+            label: 'label text',
+            validationState: 'error',
+            validationMessage: 'validation message text',
+            hint: 'hint text',
+          },
+        },
+      ],
+    },
+    disabledTests: ['exported-top-level'], // TODO re-enable once component is exported without _unstable
   });
 
   // Most functionality is tested by Field.test.tsx, and Input's tests
diff --git a/packages/react-components/react-field/src/components/ProgressField/ProgressField.test.tsx b/packages/react-components/react-field/src/components/ProgressField/ProgressField.test.tsx
index 71d0adff6888f..f4d428a293cee 100644
--- a/packages/react-components/react-field/src/components/ProgressField/ProgressField.test.tsx
+++ b/packages/react-components/react-field/src/components/ProgressField/ProgressField.test.tsx
@@ -7,6 +7,20 @@ describe('ProgressField', () => {
   isConformant({
     Component: ProgressField,
     displayName: 'ProgressField',
+    primarySlot: 'control',
+    testOptions: {
+      'has-static-classnames': [
+        {
+          props: {
+            label: 'label text',
+            validationState: 'error',
+            validationMessage: 'validation message text',
+            hint: 'hint text',
+          },
+        },
+      ],
+    },
+    disabledTests: ['exported-top-level'], // TODO re-enable once component is exported without _unstable
   });
 
   // Most functionality is tested by Field.test.tsx and Progress.test.tsx
diff --git a/packages/react-components/react-field/src/components/RadioGroupField/RadioGroupField.test.tsx b/packages/react-components/react-field/src/components/RadioGroupField/RadioGroupField.test.tsx
index 2f4c981b14ee8..c5647f8bd2a66 100644
--- a/packages/react-components/react-field/src/components/RadioGroupField/RadioGroupField.test.tsx
+++ b/packages/react-components/react-field/src/components/RadioGroupField/RadioGroupField.test.tsx
@@ -8,6 +8,20 @@ describe('RadioGroupField', () => {
   isConformant({
     Component: RadioGroupField,
     displayName: 'RadioGroupField',
+    primarySlot: 'control',
+    testOptions: {
+      'has-static-classnames': [
+        {
+          props: {
+            label: 'label text',
+            validationState: 'error',
+            validationMessage: 'validation message text',
+            hint: 'hint text',
+          },
+        },
+      ],
+    },
+    disabledTests: ['exported-top-level'], // TODO re-enable once component is exported without _unstable
   });
 
   // Most functionality is tested by Field.test.tsx, and RadioGroup's tests
diff --git a/packages/react-components/react-field/src/components/SelectField/SelectField.test.tsx b/packages/react-components/react-field/src/components/SelectField/SelectField.test.tsx
index b64bd86dfc68a..b4786ea4a6842 100644
--- a/packages/react-components/react-field/src/components/SelectField/SelectField.test.tsx
+++ b/packages/react-components/react-field/src/components/SelectField/SelectField.test.tsx
@@ -5,6 +5,20 @@ describe('SelectField', () => {
   isConformant({
     Component: SelectField,
     displayName: 'SelectField',
+    primarySlot: 'control',
+    testOptions: {
+      'has-static-classnames': [
+        {
+          props: {
+            label: 'label text',
+            validationState: 'error',
+            validationMessage: 'validation message text',
+            hint: 'hint text',
+          },
+        },
+      ],
+    },
+    disabledTests: ['exported-top-level'], // TODO re-enable once component is exported without _unstable
   });
 
   // Most functionality is tested by Field.test.tsx, and Select's tests
diff --git a/packages/react-components/react-field/src/components/SliderField/SliderField.test.tsx b/packages/react-components/react-field/src/components/SliderField/SliderField.test.tsx
index f4d931234d86c..93710ecfcb669 100644
--- a/packages/react-components/react-field/src/components/SliderField/SliderField.test.tsx
+++ b/packages/react-components/react-field/src/components/SliderField/SliderField.test.tsx
@@ -5,6 +5,20 @@ describe('SliderField', () => {
   isConformant({
     Component: SliderField,
     displayName: 'SliderField',
+    primarySlot: 'control',
+    testOptions: {
+      'has-static-classnames': [
+        {
+          props: {
+            label: 'label text',
+            validationState: 'error',
+            validationMessage: 'validation message text',
+            hint: 'hint text',
+          },
+        },
+      ],
+    },
+    disabledTests: ['exported-top-level'], // TODO re-enable once component is exported without _unstable
   });
 
   // Most functionality is tested by Field.test.tsx, and Slider's tests
diff --git a/packages/react-components/react-field/src/components/SpinButtonField/SpinButtonField.test.tsx b/packages/react-components/react-field/src/components/SpinButtonField/SpinButtonField.test.tsx
index 0d9d2d87eb5b5..d78df05fd8423 100644
--- a/packages/react-components/react-field/src/components/SpinButtonField/SpinButtonField.test.tsx
+++ b/packages/react-components/react-field/src/components/SpinButtonField/SpinButtonField.test.tsx
@@ -5,6 +5,20 @@ describe('SpinButtonField', () => {
   isConformant({
     Component: SpinButtonField,
     displayName: 'SpinButtonField',
+    primarySlot: 'control',
+    testOptions: {
+      'has-static-classnames': [
+        {
+          props: {
+            label: 'label text',
+            validationState: 'error',
+            validationMessage: 'validation message text',
+            hint: 'hint text',
+          },
+        },
+      ],
+    },
+    disabledTests: ['exported-top-level'], // TODO re-enable once component is exported without _unstable
   });
 
   // Most functionality is tested by Field.test.tsx, and SpinButton's tests
diff --git a/packages/react-components/react-field/src/components/SwitchField/SwitchField.test.tsx b/packages/react-components/react-field/src/components/SwitchField/SwitchField.test.tsx
index 0d2f4b1101768..624e647345aed 100644
--- a/packages/react-components/react-field/src/components/SwitchField/SwitchField.test.tsx
+++ b/packages/react-components/react-field/src/components/SwitchField/SwitchField.test.tsx
@@ -5,6 +5,20 @@ describe('SwitchField', () => {
   isConformant({
     Component: SwitchField,
     displayName: 'SwitchField',
+    primarySlot: 'control',
+    testOptions: {
+      'has-static-classnames': [
+        {
+          props: {
+            label: 'label text',
+            validationState: 'error',
+            validationMessage: 'validation message text',
+            hint: 'hint text',
+          },
+        },
+      ],
+    },
+    disabledTests: ['exported-top-level'], // TODO re-enable once component is exported without _unstable
   });
 
   // Most functionality is tested by Field.test.tsx, and Switch's tests
diff --git a/packages/react-components/react-field/src/components/TextareaField/TextareaField.test.tsx b/packages/react-components/react-field/src/components/TextareaField/TextareaField.test.tsx
index 2f4f4806819be..7b1ca24a96567 100644
--- a/packages/react-components/react-field/src/components/TextareaField/TextareaField.test.tsx
+++ b/packages/react-components/react-field/src/components/TextareaField/TextareaField.test.tsx
@@ -5,6 +5,20 @@ describe('TextareaField', () => {
   isConformant({
     Component: TextareaField,
     displayName: 'TextareaField',
+    primarySlot: 'control',
+    testOptions: {
+      'has-static-classnames': [
+        {
+          props: {
+            label: 'label text',
+            validationState: 'error',
+            validationMessage: 'validation message text',
+            hint: 'hint text',
+          },
+        },
+      ],
+    },
+    disabledTests: ['exported-top-level'], // TODO re-enable once component is exported without _unstable
   });
 
   // Most functionality is tested by Field.test.tsx, and Textarea's tests
diff --git a/packages/react-components/react-field/src/stories/CheckboxField/CheckboxFieldDefault.stories.tsx b/packages/react-components/react-field/src/stories/CheckboxField/CheckboxFieldDefault.stories.tsx
index 5a15a4792746a..0ec85e63acc88 100644
--- a/packages/react-components/react-field/src/stories/CheckboxField/CheckboxFieldDefault.stories.tsx
+++ b/packages/react-components/react-field/src/stories/CheckboxField/CheckboxFieldDefault.stories.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
-import type { CheckboxFieldProps } from '@fluentui/react-field';
-import { CheckboxField } from '@fluentui/react-field';
+import type { CheckboxFieldProps } from '@fluentui/react-components/unstable';
+import { CheckboxField } from '@fluentui/react-components/unstable';
 
 export const Default = (props: Partial<CheckboxFieldProps>) => (
   <CheckboxField
diff --git a/packages/react-components/react-field/src/stories/CheckboxField/CheckboxFieldFieldLabel.stories.tsx b/packages/react-components/react-field/src/stories/CheckboxField/CheckboxFieldFieldLabel.stories.tsx
index c1576c6386905..a56cd2548b3b4 100644
--- a/packages/react-components/react-field/src/stories/CheckboxField/CheckboxFieldFieldLabel.stories.tsx
+++ b/packages/react-components/react-field/src/stories/CheckboxField/CheckboxFieldFieldLabel.stories.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { CheckboxField } from '@fluentui/react-field';
+import { CheckboxField } from '@fluentui/react-components/unstable';
 
 export const FieldLabel = () => <CheckboxField fieldLabel="Example checkbox field label" />;
 
diff --git a/packages/react-components/react-field/src/stories/CheckboxField/index.stories.tsx b/packages/react-components/react-field/src/stories/CheckboxField/index.stories.tsx
index 760e3cee55f28..5f93fe32574d6 100644
--- a/packages/react-components/react-field/src/stories/CheckboxField/index.stories.tsx
+++ b/packages/react-components/react-field/src/stories/CheckboxField/index.stories.tsx
@@ -1,4 +1,4 @@
-import { CheckboxField } from '@fluentui/react-field';
+import { CheckboxField } from '@fluentui/react-components/unstable';
 
 import descriptionMd from './CheckboxFieldDescription.md';
 
diff --git a/packages/react-components/react-field/src/stories/ComboboxField/ComboboxFieldDefault.stories.tsx b/packages/react-components/react-field/src/stories/ComboboxField/ComboboxFieldDefault.stories.tsx
index 55c5916861853..385ec203cb0f1 100644
--- a/packages/react-components/react-field/src/stories/ComboboxField/ComboboxFieldDefault.stories.tsx
+++ b/packages/react-components/react-field/src/stories/ComboboxField/ComboboxFieldDefault.stories.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { Option } from '@fluentui/react-combobox';
-import type { ComboboxFieldProps } from '@fluentui/react-field';
-import { ComboboxField } from '@fluentui/react-field';
+import type { ComboboxFieldProps } from '@fluentui/react-components/unstable';
+import { ComboboxField } from '@fluentui/react-components/unstable';
 
 export const Default = (props: Partial<ComboboxFieldProps>) => (
   <ComboboxField
diff --git a/packages/react-components/react-field/src/stories/ComboboxField/index.stories.tsx b/packages/react-components/react-field/src/stories/ComboboxField/index.stories.tsx
index 6b9b343747b53..ae171cb3cb3f6 100644
--- a/packages/react-components/react-field/src/stories/ComboboxField/index.stories.tsx
+++ b/packages/react-components/react-field/src/stories/ComboboxField/index.stories.tsx
@@ -1,4 +1,4 @@
-import { ComboboxField } from '@fluentui/react-field';
+import { ComboboxField } from '@fluentui/react-components/unstable';
 
 import descriptionMd from './ComboboxFieldDescription.md';
 
diff --git a/packages/react-components/react-field/src/stories/Field/FieldDefault.stories.tsx b/packages/react-components/react-field/src/stories/Field/FieldDefault.stories.tsx
index f1ccbda6e2f32..3b96d442c5a00 100644
--- a/packages/react-components/react-field/src/stories/Field/FieldDefault.stories.tsx
+++ b/packages/react-components/react-field/src/stories/Field/FieldDefault.stories.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { InputField, InputFieldProps } from '@fluentui/react-field';
+import { InputField, InputFieldProps } from '@fluentui/react-components/unstable';
 
 export const Default = (props: Partial<InputFieldProps>) => (
   <InputField
diff --git a/packages/react-components/react-field/src/stories/Field/FieldHint.stories.tsx b/packages/react-components/react-field/src/stories/Field/FieldHint.stories.tsx
index 074c449d53f1b..c2e5058ce1e60 100644
--- a/packages/react-components/react-field/src/stories/Field/FieldHint.stories.tsx
+++ b/packages/react-components/react-field/src/stories/Field/FieldHint.stories.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { InputField } from '@fluentui/react-field';
+import { InputField } from '@fluentui/react-components/unstable';
 
 export const Hint = () => <InputField label="Example with hint" hint="Hint text should be used sparingly" />;
 
diff --git a/packages/react-components/react-field/src/stories/Field/FieldHorizontal.stories.tsx b/packages/react-components/react-field/src/stories/Field/FieldHorizontal.stories.tsx
index 06023c8756367..17a6f98ac65cf 100644
--- a/packages/react-components/react-field/src/stories/Field/FieldHorizontal.stories.tsx
+++ b/packages/react-components/react-field/src/stories/Field/FieldHorizontal.stories.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { makeStyles, tokens } from '@fluentui/react-components';
-import { InputField } from '@fluentui/react-field';
+import { InputField } from '@fluentui/react-components/unstable';
 
 const useStyles = makeStyles({
   stack: {
diff --git a/packages/react-components/react-field/src/stories/Field/FieldLabel.stories.tsx b/packages/react-components/react-field/src/stories/Field/FieldLabel.stories.tsx
index e943bf7f39d5e..9935999d29083 100644
--- a/packages/react-components/react-field/src/stories/Field/FieldLabel.stories.tsx
+++ b/packages/react-components/react-field/src/stories/Field/FieldLabel.stories.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { InputField } from '@fluentui/react-field';
+import { InputField } from '@fluentui/react-components/unstable';
 
 export const Label = () => <InputField label="Field label" />;
 
diff --git a/packages/react-components/react-field/src/stories/Field/FieldRequired.stories.tsx b/packages/react-components/react-field/src/stories/Field/FieldRequired.stories.tsx
index 2259f02bc7997..0ebdfccec8131 100644
--- a/packages/react-components/react-field/src/stories/Field/FieldRequired.stories.tsx
+++ b/packages/react-components/react-field/src/stories/Field/FieldRequired.stories.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { InputField } from '@fluentui/react-field';
+import { InputField } from '@fluentui/react-components/unstable';
 
 export const Required = () => <InputField label="Required field" required />;
 
diff --git a/packages/react-components/react-field/src/stories/Field/FieldSize.stories.tsx b/packages/react-components/react-field/src/stories/Field/FieldSize.stories.tsx
index 9cd39ab5d2221..27cdf90fc8ab1 100644
--- a/packages/react-components/react-field/src/stories/Field/FieldSize.stories.tsx
+++ b/packages/react-components/react-field/src/stories/Field/FieldSize.stories.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { makeStyles, tokens } from '@fluentui/react-components';
-import { InputField } from '@fluentui/react-field';
+import { InputField } from '@fluentui/react-components/unstable';
 
 const useStyles = makeStyles({
   stack: {
diff --git a/packages/react-components/react-field/src/stories/Field/FieldValidationState.stories.tsx b/packages/react-components/react-field/src/stories/Field/FieldValidationState.stories.tsx
index c3c9560e13636..042ce9a30d56a 100644
--- a/packages/react-components/react-field/src/stories/Field/FieldValidationState.stories.tsx
+++ b/packages/react-components/react-field/src/stories/Field/FieldValidationState.stories.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { makeStyles, tokens } from '@fluentui/react-components';
-import { InputField } from '@fluentui/react-field';
+import { InputField } from '@fluentui/react-components/unstable';
 import { SparkleFilled } from '@fluentui/react-icons';
 
 const useStyles = makeStyles({
diff --git a/packages/react-components/react-field/src/stories/InputField/InputFieldDefault.stories.tsx b/packages/react-components/react-field/src/stories/InputField/InputFieldDefault.stories.tsx
index 50a9e11e7d81a..c91243d493f49 100644
--- a/packages/react-components/react-field/src/stories/InputField/InputFieldDefault.stories.tsx
+++ b/packages/react-components/react-field/src/stories/InputField/InputFieldDefault.stories.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
-import type { InputFieldProps } from '@fluentui/react-field';
-import { InputField } from '@fluentui/react-field';
+import type { InputFieldProps } from '@fluentui/react-components/unstable';
+import { InputField } from '@fluentui/react-components/unstable';
 
 export const Default = (props: Partial<InputFieldProps>) => (
   <InputField
diff --git a/packages/react-components/react-field/src/stories/InputField/index.stories.tsx b/packages/react-components/react-field/src/stories/InputField/index.stories.tsx
index 9e398ae323456..5eff561b51133 100644
--- a/packages/react-components/react-field/src/stories/InputField/index.stories.tsx
+++ b/packages/react-components/react-field/src/stories/InputField/index.stories.tsx
@@ -1,4 +1,4 @@
-import { InputField } from '@fluentui/react-field';
+import { InputField } from '@fluentui/react-components/unstable';
 
 import descriptionMd from './InputFieldDescription.md';
 
diff --git a/packages/react-components/react-field/src/stories/ProgressField/ProgressFieldDefault.stories.tsx b/packages/react-components/react-field/src/stories/ProgressField/ProgressFieldDefault.stories.tsx
index 0753955e94549..c97b15d0b7c3a 100644
--- a/packages/react-components/react-field/src/stories/ProgressField/ProgressFieldDefault.stories.tsx
+++ b/packages/react-components/react-field/src/stories/ProgressField/ProgressFieldDefault.stories.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
-import type { ProgressFieldProps } from '@fluentui/react-field';
-import { ProgressField } from '@fluentui/react-field';
+import type { ProgressFieldProps } from '@fluentui/react-components/unstable';
+import { ProgressField } from '@fluentui/react-components/unstable';
 
 export const Default = (props: Partial<ProgressFieldProps>) => (
   <ProgressField
diff --git a/packages/react-components/react-field/src/stories/ProgressField/index.stories.tsx b/packages/react-components/react-field/src/stories/ProgressField/index.stories.tsx
index 7437111945529..e04841afeac49 100644
--- a/packages/react-components/react-field/src/stories/ProgressField/index.stories.tsx
+++ b/packages/react-components/react-field/src/stories/ProgressField/index.stories.tsx
@@ -1,4 +1,4 @@
-import { ProgressField } from '@fluentui/react-field';
+import { ProgressField } from '@fluentui/react-components/unstable';
 
 import descriptionMd from './ProgressFieldDescription.md';
 
diff --git a/packages/react-components/react-field/src/stories/RadioGroupField/RadioGroupFieldDefault.stories.tsx b/packages/react-components/react-field/src/stories/RadioGroupField/RadioGroupFieldDefault.stories.tsx
index 82d93f4a098cd..21837e5b487c9 100644
--- a/packages/react-components/react-field/src/stories/RadioGroupField/RadioGroupFieldDefault.stories.tsx
+++ b/packages/react-components/react-field/src/stories/RadioGroupField/RadioGroupFieldDefault.stories.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { Radio } from '@fluentui/react-components';
-import type { RadioGroupFieldProps } from '@fluentui/react-field';
-import { RadioGroupField } from '@fluentui/react-field';
+import type { RadioGroupFieldProps } from '@fluentui/react-components/unstable';
+import { RadioGroupField } from '@fluentui/react-components/unstable';
 
 export const Default = (props: Partial<RadioGroupFieldProps>) => (
   <RadioGroupField
diff --git a/packages/react-components/react-field/src/stories/RadioGroupField/index.stories.tsx b/packages/react-components/react-field/src/stories/RadioGroupField/index.stories.tsx
index d34afcd1484fa..60cf8e24f718a 100644
--- a/packages/react-components/react-field/src/stories/RadioGroupField/index.stories.tsx
+++ b/packages/react-components/react-field/src/stories/RadioGroupField/index.stories.tsx
@@ -1,4 +1,4 @@
-import { RadioGroupField } from '@fluentui/react-field';
+import { RadioGroupField } from '@fluentui/react-components/unstable';
 
 import descriptionMd from './RadioGroupFieldDescription.md';
 
diff --git a/packages/react-components/react-field/src/stories/SelectField/SelectFieldDefault.stories.tsx b/packages/react-components/react-field/src/stories/SelectField/SelectFieldDefault.stories.tsx
index e60c75361f714..ecde8d705b396 100644
--- a/packages/react-components/react-field/src/stories/SelectField/SelectFieldDefault.stories.tsx
+++ b/packages/react-components/react-field/src/stories/SelectField/SelectFieldDefault.stories.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
-import type { SelectFieldProps } from '@fluentui/react-field';
-import { SelectField } from '@fluentui/react-field';
+import type { SelectFieldProps } from '@fluentui/react-components/unstable';
+import { SelectField } from '@fluentui/react-components/unstable';
 
 export const Default = (props: Partial<SelectFieldProps>) => (
   <SelectField
diff --git a/packages/react-components/react-field/src/stories/SelectField/index.stories.tsx b/packages/react-components/react-field/src/stories/SelectField/index.stories.tsx
index 7067de50b572f..617a02c2e85c2 100644
--- a/packages/react-components/react-field/src/stories/SelectField/index.stories.tsx
+++ b/packages/react-components/react-field/src/stories/SelectField/index.stories.tsx
@@ -1,4 +1,4 @@
-import { SelectField } from '@fluentui/react-field';
+import { SelectField } from '@fluentui/react-components/unstable';
 
 import descriptionMd from './SelectFieldDescription.md';
 
diff --git a/packages/react-components/react-field/src/stories/SliderField/SliderFieldDefault.stories.tsx b/packages/react-components/react-field/src/stories/SliderField/SliderFieldDefault.stories.tsx
index 379213912df5b..244d293216ac3 100644
--- a/packages/react-components/react-field/src/stories/SliderField/SliderFieldDefault.stories.tsx
+++ b/packages/react-components/react-field/src/stories/SliderField/SliderFieldDefault.stories.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
-import type { SliderFieldProps } from '@fluentui/react-field';
-import { SliderField } from '@fluentui/react-field';
+import type { SliderFieldProps } from '@fluentui/react-components/unstable';
+import { SliderField } from '@fluentui/react-components/unstable';
 
 export const Default = (props: Partial<SliderFieldProps>) => (
   <SliderField
diff --git a/packages/react-components/react-field/src/stories/SliderField/index.stories.tsx b/packages/react-components/react-field/src/stories/SliderField/index.stories.tsx
index 4c886cd192994..387b3a5059cff 100644
--- a/packages/react-components/react-field/src/stories/SliderField/index.stories.tsx
+++ b/packages/react-components/react-field/src/stories/SliderField/index.stories.tsx
@@ -1,4 +1,4 @@
-import { SliderField } from '@fluentui/react-field';
+import { SliderField } from '@fluentui/react-components/unstable';
 
 import descriptionMd from './SliderFieldDescription.md';
 
diff --git a/packages/react-components/react-field/src/stories/SpinButtonField/SpinButtonFieldDefault.stories.tsx b/packages/react-components/react-field/src/stories/SpinButtonField/SpinButtonFieldDefault.stories.tsx
index d6f13812086b9..d3187db0f38e6 100644
--- a/packages/react-components/react-field/src/stories/SpinButtonField/SpinButtonFieldDefault.stories.tsx
+++ b/packages/react-components/react-field/src/stories/SpinButtonField/SpinButtonFieldDefault.stories.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
-import type { SpinButtonFieldProps } from '@fluentui/react-field';
-import { SpinButtonField } from '@fluentui/react-field';
+import type { SpinButtonFieldProps } from '@fluentui/react-components/unstable';
+import { SpinButtonField } from '@fluentui/react-components/unstable';
 
 export const Default = (props: Partial<SpinButtonFieldProps>) => (
   <SpinButtonField
diff --git a/packages/react-components/react-field/src/stories/SpinButtonField/index.stories.tsx b/packages/react-components/react-field/src/stories/SpinButtonField/index.stories.tsx
index 93218c24502cf..e69f2a9fc2a34 100644
--- a/packages/react-components/react-field/src/stories/SpinButtonField/index.stories.tsx
+++ b/packages/react-components/react-field/src/stories/SpinButtonField/index.stories.tsx
@@ -1,4 +1,4 @@
-import { SpinButtonField } from '@fluentui/react-field';
+import { SpinButtonField } from '@fluentui/react-components/unstable';
 
 import descriptionMd from './SpinButtonFieldDescription.md';
 
diff --git a/packages/react-components/react-field/src/stories/SwitchField/SwitchFieldDefault.stories.tsx b/packages/react-components/react-field/src/stories/SwitchField/SwitchFieldDefault.stories.tsx
index 83ed3b328182e..5a1f434c8544f 100644
--- a/packages/react-components/react-field/src/stories/SwitchField/SwitchFieldDefault.stories.tsx
+++ b/packages/react-components/react-field/src/stories/SwitchField/SwitchFieldDefault.stories.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
-import type { SwitchFieldProps } from '@fluentui/react-field';
-import { SwitchField } from '@fluentui/react-field';
+import type { SwitchFieldProps } from '@fluentui/react-components/unstable';
+import { SwitchField } from '@fluentui/react-components/unstable';
 
 export const Default = (props: Partial<SwitchFieldProps>) => (
   <SwitchField
diff --git a/packages/react-components/react-field/src/stories/SwitchField/index.stories.tsx b/packages/react-components/react-field/src/stories/SwitchField/index.stories.tsx
index f4b62fcdcee93..1e70ca050fb5d 100644
--- a/packages/react-components/react-field/src/stories/SwitchField/index.stories.tsx
+++ b/packages/react-components/react-field/src/stories/SwitchField/index.stories.tsx
@@ -1,4 +1,4 @@
-import { SwitchField } from '@fluentui/react-field';
+import { SwitchField } from '@fluentui/react-components/unstable';
 
 import descriptionMd from './SwitchFieldDescription.md';
 
diff --git a/packages/react-components/react-field/src/stories/TextareaField/TextareaFieldDefault.stories.tsx b/packages/react-components/react-field/src/stories/TextareaField/TextareaFieldDefault.stories.tsx
index 2bdb8620221e4..136174597577f 100644
--- a/packages/react-components/react-field/src/stories/TextareaField/TextareaFieldDefault.stories.tsx
+++ b/packages/react-components/react-field/src/stories/TextareaField/TextareaFieldDefault.stories.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
-import type { TextareaFieldProps } from '@fluentui/react-field';
-import { TextareaField } from '@fluentui/react-field';
+import type { TextareaFieldProps } from '@fluentui/react-components/unstable';
+import { TextareaField } from '@fluentui/react-components/unstable';
 
 export const Default = (props: Partial<TextareaFieldProps>) => (
   <TextareaField
diff --git a/packages/react-components/react-field/src/stories/TextareaField/index.stories.tsx b/packages/react-components/react-field/src/stories/TextareaField/index.stories.tsx
index 8baf44f3967b2..51d423bf7ba97 100644
--- a/packages/react-components/react-field/src/stories/TextareaField/index.stories.tsx
+++ b/packages/react-components/react-field/src/stories/TextareaField/index.stories.tsx
@@ -1,4 +1,4 @@
-import { TextareaField } from '@fluentui/react-field';
+import { TextareaField } from '@fluentui/react-components/unstable';
 
 import descriptionMd from './TextareaFieldDescription.md';