diff --git a/.github/CODEOWNERS b/.github/CODEOWNERS
index ec6d5c0298ace1..ea4d09bd01cbf2 100644
--- a/.github/CODEOWNERS
+++ b/.github/CODEOWNERS
@@ -242,7 +242,7 @@ packages/react-components/react-colorpicker-compat @microsoft/cxe-red @sopranopi
 packages/react-components/react-nav-preview @microsoft/cxe-red @mltejera
 packages/react-components/react-motion-preview @microsoft/cxe-prg @marcosmoura
 packages/react-components/react-message-bar @microsoft/teams-prg
-packages/react-components/react-rating-preview @microsoft/cxe-red @tomi-msft
+packages/react-components/react-rating @microsoft/cxe-red @tomi-msft
 packages/react-components/react-swatch-picker-preview @microsoft/cxe-prg
 packages/react-components/react-calendar-compat @microsoft/cxe-red @sopranopillow
 packages/react-components/react-infolabel @microsoft/cxe-red @sopranopillow
diff --git a/apps/public-docsite-v9/package.json b/apps/public-docsite-v9/package.json
index 5a3b05b83a6a29..b7f95ff741feaa 100644
--- a/apps/public-docsite-v9/package.json
+++ b/apps/public-docsite-v9/package.json
@@ -34,7 +34,6 @@
     "@fluentui/react-storybook-addon": "*",
     "@fluentui/react-storybook-addon-export-to-sandbox": "*",
     "@fluentui/theme-designer": "*",
-    "@fluentui/react-rating-preview": "*",
     "@fluentui/react-search-preview": "*",
     "@fluentui/react-motion-preview": "*",
     "@fluentui/react-motions-preview": "*",
diff --git a/apps/vr-tests-react-components/package.json b/apps/vr-tests-react-components/package.json
index d94c76f2ef254a..1c8c65d30465c7 100644
--- a/apps/vr-tests-react-components/package.json
+++ b/apps/vr-tests-react-components/package.json
@@ -49,7 +49,6 @@
     "@fluentui/react-progress": "*",
     "@fluentui/react-provider": "*",
     "@fluentui/react-radio": "*",
-    "@fluentui/react-rating-preview": "*",
     "@fluentui/react-search-preview": "*",
     "@fluentui/react-select": "*",
     "@fluentui/react-shared-contexts": "*",
@@ -76,6 +75,7 @@
     "react": "17.0.2",
     "react-dom": "17.0.2",
     "tslib": "^2.1.0",
-    "@fluentui/react-breadcrumb": "*"
+    "@fluentui/react-breadcrumb": "*",
+    "@fluentui/react-rating": ">=9.0.0-alpha"
   }
 }
diff --git a/apps/vr-tests-react-components/src/stories/Rating.stories.tsx b/apps/vr-tests-react-components/src/stories/Rating.stories.tsx
index 07b4a1dcb4f03c..c60e402d11c56a 100644
--- a/apps/vr-tests-react-components/src/stories/Rating.stories.tsx
+++ b/apps/vr-tests-react-components/src/stories/Rating.stories.tsx
@@ -2,7 +2,7 @@ import * as React from 'react';
 import { Steps, StoryWright } from 'storywright';
 import { storiesOf } from '@storybook/react';
 import { CircleRegular, CircleFilled, SquareRegular, SquareFilled } from '@fluentui/react-icons';
-import { Rating } from '@fluentui/react-rating-preview';
+import { Rating } from '@fluentui/react-rating';
 import { TestWrapperDecoratorFixedWidth } from '../utilities/TestWrapperDecorator';
 
 storiesOf('Rating Converged', module)
diff --git a/apps/vr-tests-react-components/src/stories/RatingDisplay.stories.tsx b/apps/vr-tests-react-components/src/stories/RatingDisplay.stories.tsx
index ce4fbdd7acc91f..4546d8161f71e2 100644
--- a/apps/vr-tests-react-components/src/stories/RatingDisplay.stories.tsx
+++ b/apps/vr-tests-react-components/src/stories/RatingDisplay.stories.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { storiesOf } from '@storybook/react';
 import { CircleFilled, SquareFilled } from '@fluentui/react-icons';
-import { RatingDisplay } from '@fluentui/react-rating-preview';
+import { RatingDisplay } from '@fluentui/react-rating';
 import { TestWrapperDecoratorFixedWidth } from '../utilities/TestWrapperDecorator';
 import { Steps, StoryWright } from 'storywright';
 
diff --git a/change/@fluentui-react-components-087b13a4-0891-45b2-9166-3f35a1d04ff8.json b/change/@fluentui-react-components-087b13a4-0891-45b2-9166-3f35a1d04ff8.json
new file mode 100644
index 00000000000000..462e1e97bbb1c7
--- /dev/null
+++ b/change/@fluentui-react-components-087b13a4-0891-45b2-9166-3f35a1d04ff8.json
@@ -0,0 +1,7 @@
+{
+  "type": "minor",
+  "comment": "'feat: add @fluentui/react-rating to suite.",
+  "packageName": "@fluentui/react-components",
+  "email": "ololubek@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-rating-933218f5-78b2-46e6-80c6-491a3ac2fde8.json b/change/@fluentui-react-rating-933218f5-78b2-46e6-80c6-491a3ac2fde8.json
new file mode 100644
index 00000000000000..7bc3fe17febb05
--- /dev/null
+++ b/change/@fluentui-react-rating-933218f5-78b2-46e6-80c6-491a3ac2fde8.json
@@ -0,0 +1,7 @@
+{
+  "type": "minor",
+  "comment": "'feat: Release Rating to stable.",
+  "packageName": "@fluentui/react-rating",
+  "email": "ololubek@microsoft.com",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/react-components/react-components/etc/react-components.api.md b/packages/react-components/react-components/etc/react-components.api.md
index 39899cf84cea2c..467cb330c398da 100644
--- a/packages/react-components/react-components/etc/react-components.api.md
+++ b/packages/react-components/react-components/etc/react-components.api.md
@@ -633,6 +633,25 @@ import { RadioOnChangeData } from '@fluentui/react-radio';
 import { RadioProps } from '@fluentui/react-radio';
 import { RadioSlots } from '@fluentui/react-radio';
 import { RadioState } from '@fluentui/react-radio';
+import { Rating } from '@fluentui/react-rating';
+import { ratingClassNames } from '@fluentui/react-rating';
+import { RatingContextValues } from '@fluentui/react-rating';
+import { RatingDisplay } from '@fluentui/react-rating';
+import { ratingDisplayClassNames } from '@fluentui/react-rating';
+import { RatingDisplayContextValues } from '@fluentui/react-rating';
+import { RatingDisplayProps } from '@fluentui/react-rating';
+import { RatingDisplaySlots } from '@fluentui/react-rating';
+import { RatingDisplayState } from '@fluentui/react-rating';
+import { RatingItem } from '@fluentui/react-rating';
+import { ratingItemClassNames } from '@fluentui/react-rating';
+import { RatingItemProps } from '@fluentui/react-rating';
+import { RatingItemProvider } from '@fluentui/react-rating';
+import { RatingItemSlots } from '@fluentui/react-rating';
+import { RatingItemState } from '@fluentui/react-rating';
+import { RatingOnChangeEventData } from '@fluentui/react-rating';
+import { RatingProps } from '@fluentui/react-rating';
+import { RatingSlots } from '@fluentui/react-rating';
+import { RatingState } from '@fluentui/react-rating';
 import { RegisterTabEventHandler } from '@fluentui/react-tabs';
 import { renderAccordion_unstable } from '@fluentui/react-accordion';
 import { renderAccordionHeader_unstable } from '@fluentui/react-accordion';
@@ -721,6 +740,9 @@ import { renderPortal_unstable } from '@fluentui/react-portal';
 import { renderProgressBar_unstable } from '@fluentui/react-progress';
 import { renderRadio_unstable } from '@fluentui/react-radio';
 import { renderRadioGroup_unstable } from '@fluentui/react-radio';
+import { renderRating_unstable } from '@fluentui/react-rating';
+import { renderRatingDisplay_unstable } from '@fluentui/react-rating';
+import { renderRatingItem_unstable } from '@fluentui/react-rating';
 import { renderSelect_unstable } from '@fluentui/react-select';
 import { renderSkeleton_unstable } from '@fluentui/react-skeleton';
 import { renderSkeletonItem_unstable } from '@fluentui/react-skeleton';
@@ -1316,6 +1338,15 @@ import { useRadioGroupContextValue_unstable } from '@fluentui/react-radio';
 import { useRadioGroupContextValues } from '@fluentui/react-radio';
 import { useRadioGroupStyles_unstable } from '@fluentui/react-radio';
 import { useRadioStyles_unstable } from '@fluentui/react-radio';
+import { useRating_unstable } from '@fluentui/react-rating';
+import { useRatingContextValues } from '@fluentui/react-rating';
+import { useRatingDisplay_unstable } from '@fluentui/react-rating';
+import { useRatingDisplayContextValues } from '@fluentui/react-rating';
+import { useRatingDisplayStyles_unstable } from '@fluentui/react-rating';
+import { useRatingItem_unstable } from '@fluentui/react-rating';
+import { useRatingItemContextValue_unstable } from '@fluentui/react-rating';
+import { useRatingItemStyles_unstable } from '@fluentui/react-rating';
+import { useRatingStyles_unstable } from '@fluentui/react-rating';
 import { useRestoreFocusSource } from '@fluentui/react-tabster';
 import { useRestoreFocusTarget } from '@fluentui/react-tabster';
 import { useScrollbarWidth } from '@fluentui/react-utilities';
@@ -2689,6 +2720,44 @@ export { RadioSlots }
 
 export { RadioState }
 
+export { Rating }
+
+export { ratingClassNames }
+
+export { RatingContextValues }
+
+export { RatingDisplay }
+
+export { ratingDisplayClassNames }
+
+export { RatingDisplayContextValues }
+
+export { RatingDisplayProps }
+
+export { RatingDisplaySlots }
+
+export { RatingDisplayState }
+
+export { RatingItem }
+
+export { ratingItemClassNames }
+
+export { RatingItemProps }
+
+export { RatingItemProvider }
+
+export { RatingItemSlots }
+
+export { RatingItemState }
+
+export { RatingOnChangeEventData }
+
+export { RatingProps }
+
+export { RatingSlots }
+
+export { RatingState }
+
 export { RegisterTabEventHandler }
 
 export { renderAccordion_unstable }
@@ -2865,6 +2934,12 @@ export { renderRadio_unstable }
 
 export { renderRadioGroup_unstable }
 
+export { renderRating_unstable }
+
+export { renderRatingDisplay_unstable }
+
+export { renderRatingItem_unstable }
+
 export { renderSelect_unstable }
 
 export { renderSkeleton_unstable }
@@ -4055,6 +4130,24 @@ export { useRadioGroupStyles_unstable }
 
 export { useRadioStyles_unstable }
 
+export { useRating_unstable }
+
+export { useRatingContextValues }
+
+export { useRatingDisplay_unstable }
+
+export { useRatingDisplayContextValues }
+
+export { useRatingDisplayStyles_unstable }
+
+export { useRatingItem_unstable }
+
+export { useRatingItemContextValue_unstable }
+
+export { useRatingItemStyles_unstable }
+
+export { useRatingStyles_unstable }
+
 export { useRestoreFocusSource }
 
 export { useRestoreFocusTarget }
diff --git a/packages/react-components/react-components/package.json b/packages/react-components/react-components/package.json
index e612b780d65274..1f63526ef10c86 100644
--- a/packages/react-components/react-components/package.json
+++ b/packages/react-components/react-components/package.json
@@ -83,7 +83,8 @@
     "@swc/helpers": "^0.5.1",
     "@fluentui/react-message-bar": "^9.0.22",
     "@fluentui/react-breadcrumb": "^9.0.17",
-    "@fluentui/react-aria": "^9.10.0"
+    "@fluentui/react-aria": "^9.10.0",
+    "@fluentui/react-rating": "9.0.0-alpha.0"
   },
   "peerDependencies": {
     "@types/react": ">=16.14.0 <19.0.0",
diff --git a/packages/react-components/react-components/src/index.ts b/packages/react-components/react-components/src/index.ts
index 10cc1c0a2df8da..6201d8295a46bc 100644
--- a/packages/react-components/react-components/src/index.ts
+++ b/packages/react-components/react-components/src/index.ts
@@ -1572,3 +1572,39 @@ export {
   useAriaLiveAnnouncerContextValues_unstable,
 } from '@fluentui/react-aria';
 export type { AriaLiveAnnouncerProps, AriaLiveAnnouncerState } from '@fluentui/react-aria';
+
+export {
+  Rating,
+  ratingClassNames,
+  renderRating_unstable,
+  useRatingStyles_unstable,
+  useRating_unstable,
+  useRatingContextValues,
+  RatingItem,
+  ratingItemClassNames,
+  renderRatingItem_unstable,
+  useRatingItemStyles_unstable,
+  useRatingItem_unstable,
+  RatingItemProvider,
+  useRatingItemContextValue_unstable,
+  RatingDisplay,
+  ratingDisplayClassNames,
+  renderRatingDisplay_unstable,
+  useRatingDisplayStyles_unstable,
+  useRatingDisplay_unstable,
+  useRatingDisplayContextValues,
+} from '@fluentui/react-rating';
+export type {
+  RatingProps,
+  RatingSlots,
+  RatingState,
+  RatingOnChangeEventData,
+  RatingContextValues,
+  RatingItemProps,
+  RatingItemSlots,
+  RatingItemState,
+  RatingDisplayProps,
+  RatingDisplaySlots,
+  RatingDisplayState,
+  RatingDisplayContextValues,
+} from '@fluentui/react-rating';
diff --git a/packages/react-components/react-rating-preview/README.md b/packages/react-components/react-rating-preview/README.md
deleted file mode 100644
index 636e2fef4374af..00000000000000
--- a/packages/react-components/react-rating-preview/README.md
+++ /dev/null
@@ -1,5 +0,0 @@
-# @fluentui/react-rating-preview
-
-**React Rating components for [Fluent UI React](https://react.fluentui.dev/)**
-
-These are not production-ready components and **should never be used in product**. This space is useful for testing new components whose APIs might change before final release.
diff --git a/packages/react-components/react-rating-preview/.babelrc.json b/packages/react-components/react-rating/.babelrc.json
similarity index 100%
rename from packages/react-components/react-rating-preview/.babelrc.json
rename to packages/react-components/react-rating/.babelrc.json
diff --git a/packages/react-components/react-rating-preview/.eslintrc.json b/packages/react-components/react-rating/.eslintrc.json
similarity index 100%
rename from packages/react-components/react-rating-preview/.eslintrc.json
rename to packages/react-components/react-rating/.eslintrc.json
diff --git a/packages/react-components/react-rating-preview/.storybook/main.js b/packages/react-components/react-rating/.storybook/main.js
similarity index 100%
rename from packages/react-components/react-rating-preview/.storybook/main.js
rename to packages/react-components/react-rating/.storybook/main.js
diff --git a/packages/react-components/react-rating-preview/.storybook/preview.js b/packages/react-components/react-rating/.storybook/preview.js
similarity index 100%
rename from packages/react-components/react-rating-preview/.storybook/preview.js
rename to packages/react-components/react-rating/.storybook/preview.js
diff --git a/packages/react-components/react-rating-preview/.storybook/tsconfig.json b/packages/react-components/react-rating/.storybook/tsconfig.json
similarity index 100%
rename from packages/react-components/react-rating-preview/.storybook/tsconfig.json
rename to packages/react-components/react-rating/.storybook/tsconfig.json
diff --git a/packages/react-components/react-rating-preview/.swcrc b/packages/react-components/react-rating/.swcrc
similarity index 100%
rename from packages/react-components/react-rating-preview/.swcrc
rename to packages/react-components/react-rating/.swcrc
diff --git a/packages/react-components/react-rating-preview/CHANGELOG.json b/packages/react-components/react-rating/CHANGELOG.json
similarity index 100%
rename from packages/react-components/react-rating-preview/CHANGELOG.json
rename to packages/react-components/react-rating/CHANGELOG.json
diff --git a/packages/react-components/react-rating-preview/CHANGELOG.md b/packages/react-components/react-rating/CHANGELOG.md
similarity index 96%
rename from packages/react-components/react-rating-preview/CHANGELOG.md
rename to packages/react-components/react-rating/CHANGELOG.md
index 46ec9dd3fd0aba..2a054f55bf89ef 100644
--- a/packages/react-components/react-rating-preview/CHANGELOG.md
+++ b/packages/react-components/react-rating/CHANGELOG.md
@@ -6,7 +6,7 @@ This log was last generated on Thu, 07 Mar 2024 19:33:24 GMT and should not be m
 
 ## [0.4.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-rating-preview_v0.4.0)
 
-Thu, 07 Mar 2024 19:33:24 GMT 
+Thu, 07 Mar 2024 19:33:24 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-rating-preview_v0.3.2..@fluentui/react-rating-preview_v0.4.0)
 
 ### Minor changes
@@ -23,7 +23,7 @@ Thu, 07 Mar 2024 19:33:24 GMT
 
 ## [0.3.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-rating-preview_v0.3.2)
 
-Wed, 28 Feb 2024 02:34:18 GMT 
+Wed, 28 Feb 2024 02:34:18 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-rating-preview_v0.3.1..@fluentui/react-rating-preview_v0.3.2)
 
 ### Patches
@@ -37,7 +37,7 @@ Wed, 28 Feb 2024 02:34:18 GMT
 
 ## [0.3.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-rating-preview_v0.3.1)
 
-Tue, 20 Feb 2024 14:22:24 GMT 
+Tue, 20 Feb 2024 14:22:24 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-rating-preview_v0.3.0..@fluentui/react-rating-preview_v0.3.1)
 
 ### Patches
@@ -50,7 +50,7 @@ Tue, 20 Feb 2024 14:22:24 GMT
 
 ## [0.3.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-rating-preview_v0.3.0)
 
-Tue, 06 Feb 2024 17:55:19 GMT 
+Tue, 06 Feb 2024 17:55:19 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-rating-preview_v0.2.1..@fluentui/react-rating-preview_v0.3.0)
 
 ### Minor changes
@@ -65,7 +65,7 @@ Tue, 06 Feb 2024 17:55:19 GMT
 
 ## [0.2.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-rating-preview_v0.2.1)
 
-Tue, 30 Jan 2024 23:16:54 GMT 
+Tue, 30 Jan 2024 23:16:54 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-rating-preview_v0.2.0..@fluentui/react-rating-preview_v0.2.1)
 
 ### Patches
@@ -76,7 +76,7 @@ Tue, 30 Jan 2024 23:16:54 GMT
 
 ## [0.2.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-rating-preview_v0.2.0)
 
-Fri, 26 Jan 2024 10:40:21 GMT 
+Fri, 26 Jan 2024 10:40:21 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-rating-preview_v0.1.6..@fluentui/react-rating-preview_v0.2.0)
 
 ### Minor changes
@@ -85,7 +85,7 @@ Fri, 26 Jan 2024 10:40:21 GMT
 
 ## [0.1.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-rating-preview_v0.1.6)
 
-Tue, 23 Jan 2024 15:11:00 GMT 
+Tue, 23 Jan 2024 15:11:00 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-rating-preview_v0.1.5..@fluentui/react-rating-preview_v0.1.6)
 
 ### Patches
@@ -96,7 +96,7 @@ Tue, 23 Jan 2024 15:11:00 GMT
 
 ## [0.1.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-rating-preview_v0.1.5)
 
-Thu, 18 Jan 2024 14:25:03 GMT 
+Thu, 18 Jan 2024 14:25:03 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-rating-preview_v0.1.4..@fluentui/react-rating-preview_v0.1.5)
 
 ### Patches
@@ -107,7 +107,7 @@ Thu, 18 Jan 2024 14:25:03 GMT
 
 ## [0.1.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-rating-preview_v0.1.4)
 
-Wed, 17 Jan 2024 16:18:50 GMT 
+Wed, 17 Jan 2024 16:18:50 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-rating-preview_v0.1.3..@fluentui/react-rating-preview_v0.1.4)
 
 ### Patches
@@ -118,7 +118,7 @@ Wed, 17 Jan 2024 16:18:50 GMT
 
 ## [0.1.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-rating-preview_v0.1.3)
 
-Tue, 16 Jan 2024 13:14:23 GMT 
+Tue, 16 Jan 2024 13:14:23 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-rating-preview_v0.1.2..@fluentui/react-rating-preview_v0.1.3)
 
 ### Patches
@@ -129,7 +129,7 @@ Tue, 16 Jan 2024 13:14:23 GMT
 
 ## [0.1.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-rating-preview_v0.1.2)
 
-Thu, 11 Jan 2024 09:04:29 GMT 
+Thu, 11 Jan 2024 09:04:29 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-rating-preview_v0.1.1..@fluentui/react-rating-preview_v0.1.2)
 
 ### Patches
@@ -138,7 +138,7 @@ Thu, 11 Jan 2024 09:04:29 GMT
 
 ## [0.1.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-rating-preview_v0.1.1)
 
-Mon, 08 Jan 2024 16:24:24 GMT 
+Mon, 08 Jan 2024 16:24:24 GMT
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-rating-preview_v0.1.0..@fluentui/react-rating-preview_v0.1.1)
 
 ### Patches
diff --git a/packages/react-components/react-rating-preview/LICENSE b/packages/react-components/react-rating/LICENSE
similarity index 100%
rename from packages/react-components/react-rating-preview/LICENSE
rename to packages/react-components/react-rating/LICENSE
diff --git a/packages/react-components/react-rating/README.md b/packages/react-components/react-rating/README.md
new file mode 100644
index 00000000000000..1462ed28f9429d
--- /dev/null
+++ b/packages/react-components/react-rating/README.md
@@ -0,0 +1,38 @@
+# @fluentui/react-rating
+
+**React Rating components for [Fluent UI React](https://react.fluentui.dev)**
+
+A `Rating` component allows users to provide a rating for a particular item.
+
+This component displays a set of stars or other symbols that represent the rating value. Users can interact with the component to select a rating by clicking on the stars or using touch gestures.
+
+### Usage
+
+Import `Rating` or `RatingDisplay`:
+
+```js
+// From @fluentui/react-components
+import { Rating, RatingDisplay } from '@fluentui/react-components';
+
+// Directly from @fluentui/react-rating
+import { Rating, RatingDisplay } from '@fluentui/react-rating';
+```
+
+#### Examples
+
+```jsx
+<Rating />
+
+<RatingDisplay />
+```
+
+See [Fluent UI Storybook](https://react.fluentui.dev/) for more detailed usage examples.
+
+Alternatively, run Storybook locally with:
+
+1. `yarn start`
+2. Select `react-rating` from the list.
+
+### Specification
+
+See [Spec.md](./docs/Spec.md).
diff --git a/packages/react-components/react-rating-preview/config/api-extractor.json b/packages/react-components/react-rating/config/api-extractor.json
similarity index 100%
rename from packages/react-components/react-rating-preview/config/api-extractor.json
rename to packages/react-components/react-rating/config/api-extractor.json
diff --git a/packages/react-components/react-rating-preview/config/tests.js b/packages/react-components/react-rating/config/tests.js
similarity index 100%
rename from packages/react-components/react-rating-preview/config/tests.js
rename to packages/react-components/react-rating/config/tests.js
diff --git a/packages/react-components/react-rating-preview/docs/Spec.md b/packages/react-components/react-rating/docs/Spec.md
similarity index 100%
rename from packages/react-components/react-rating-preview/docs/Spec.md
rename to packages/react-components/react-rating/docs/Spec.md
diff --git a/packages/react-components/react-rating-preview/etc/react-rating-preview.api.md b/packages/react-components/react-rating/etc/react-rating.api.md
similarity index 98%
rename from packages/react-components/react-rating-preview/etc/react-rating-preview.api.md
rename to packages/react-components/react-rating/etc/react-rating.api.md
index 8157775a7c8b9c..e8ab0ca0b0674c 100644
--- a/packages/react-components/react-rating-preview/etc/react-rating-preview.api.md
+++ b/packages/react-components/react-rating/etc/react-rating.api.md
@@ -1,4 +1,4 @@
-## API Report File for "@fluentui/react-rating-preview"
+## API Report File for "@fluentui/react-rating"
 
 > Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
 
diff --git a/packages/react-components/react-rating-preview/jest.config.js b/packages/react-components/react-rating/jest.config.js
similarity index 91%
rename from packages/react-components/react-rating-preview/jest.config.js
rename to packages/react-components/react-rating/jest.config.js
index 2e803f870822db..f83b67f15631d5 100644
--- a/packages/react-components/react-rating-preview/jest.config.js
+++ b/packages/react-components/react-rating/jest.config.js
@@ -4,7 +4,7 @@
  * @type {import('@jest/types').Config.InitialOptions}
  */
 module.exports = {
-  displayName: 'react-rating-preview',
+  displayName: 'react-rating',
   preset: '../../../jest.preset.js',
   transform: {
     '^.+\\.tsx?$': [
diff --git a/packages/react-components/react-rating-preview/just.config.ts b/packages/react-components/react-rating/just.config.ts
similarity index 100%
rename from packages/react-components/react-rating-preview/just.config.ts
rename to packages/react-components/react-rating/just.config.ts
diff --git a/packages/react-components/react-rating-preview/package.json b/packages/react-components/react-rating/package.json
similarity index 96%
rename from packages/react-components/react-rating-preview/package.json
rename to packages/react-components/react-rating/package.json
index 262c38d211d35f..adda09daafc761 100644
--- a/packages/react-components/react-rating-preview/package.json
+++ b/packages/react-components/react-rating/package.json
@@ -1,6 +1,6 @@
 {
-  "name": "@fluentui/react-rating-preview",
-  "version": "0.4.0",
+  "name": "@fluentui/react-rating",
+  "version": "9.0.0-alpha.0",
   "description": "Rating component for building web experiences",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
diff --git a/packages/react-components/react-rating-preview/project.json b/packages/react-components/react-rating/project.json
similarity index 59%
rename from packages/react-components/react-rating-preview/project.json
rename to packages/react-components/react-rating/project.json
index 7a43ef0bb2d738..74ff2feef64797 100644
--- a/packages/react-components/react-rating-preview/project.json
+++ b/packages/react-components/react-rating/project.json
@@ -1,8 +1,8 @@
 {
-  "name": "@fluentui/react-rating-preview",
+  "name": "@fluentui/react-rating",
   "$schema": "../../../node_modules/nx/schemas/project-schema.json",
   "projectType": "library",
-  "sourceRoot": "packages/react-components/react-rating-preview/src",
+  "sourceRoot": "packages/react-components/react-rating/src",
   "tags": ["platform:web", "vNext"],
   "implicitDependencies": []
 }
diff --git a/packages/react-components/react-rating-preview/src/Rating.ts b/packages/react-components/react-rating/src/Rating.ts
similarity index 100%
rename from packages/react-components/react-rating-preview/src/Rating.ts
rename to packages/react-components/react-rating/src/Rating.ts
diff --git a/packages/react-components/react-rating-preview/src/RatingDisplay.ts b/packages/react-components/react-rating/src/RatingDisplay.ts
similarity index 100%
rename from packages/react-components/react-rating-preview/src/RatingDisplay.ts
rename to packages/react-components/react-rating/src/RatingDisplay.ts
diff --git a/packages/react-components/react-rating-preview/src/RatingItem.ts b/packages/react-components/react-rating/src/RatingItem.ts
similarity index 100%
rename from packages/react-components/react-rating-preview/src/RatingItem.ts
rename to packages/react-components/react-rating/src/RatingItem.ts
diff --git a/packages/react-components/react-rating-preview/src/components/Rating/Rating.test.tsx b/packages/react-components/react-rating/src/components/Rating/Rating.test.tsx
similarity index 100%
rename from packages/react-components/react-rating-preview/src/components/Rating/Rating.test.tsx
rename to packages/react-components/react-rating/src/components/Rating/Rating.test.tsx
diff --git a/packages/react-components/react-rating-preview/src/components/Rating/Rating.tsx b/packages/react-components/react-rating/src/components/Rating/Rating.tsx
similarity index 100%
rename from packages/react-components/react-rating-preview/src/components/Rating/Rating.tsx
rename to packages/react-components/react-rating/src/components/Rating/Rating.tsx
diff --git a/packages/react-components/react-rating-preview/src/components/Rating/Rating.types.ts b/packages/react-components/react-rating/src/components/Rating/Rating.types.ts
similarity index 100%
rename from packages/react-components/react-rating-preview/src/components/Rating/Rating.types.ts
rename to packages/react-components/react-rating/src/components/Rating/Rating.types.ts
diff --git a/packages/react-components/react-rating-preview/src/components/Rating/index.ts b/packages/react-components/react-rating/src/components/Rating/index.ts
similarity index 100%
rename from packages/react-components/react-rating-preview/src/components/Rating/index.ts
rename to packages/react-components/react-rating/src/components/Rating/index.ts
diff --git a/packages/react-components/react-rating-preview/src/components/Rating/renderRating.tsx b/packages/react-components/react-rating/src/components/Rating/renderRating.tsx
similarity index 100%
rename from packages/react-components/react-rating-preview/src/components/Rating/renderRating.tsx
rename to packages/react-components/react-rating/src/components/Rating/renderRating.tsx
diff --git a/packages/react-components/react-rating-preview/src/components/Rating/useRating.tsx b/packages/react-components/react-rating/src/components/Rating/useRating.tsx
similarity index 100%
rename from packages/react-components/react-rating-preview/src/components/Rating/useRating.tsx
rename to packages/react-components/react-rating/src/components/Rating/useRating.tsx
diff --git a/packages/react-components/react-rating-preview/src/components/Rating/useRatingContextValues.ts b/packages/react-components/react-rating/src/components/Rating/useRatingContextValues.ts
similarity index 100%
rename from packages/react-components/react-rating-preview/src/components/Rating/useRatingContextValues.ts
rename to packages/react-components/react-rating/src/components/Rating/useRatingContextValues.ts
diff --git a/packages/react-components/react-rating-preview/src/components/Rating/useRatingStyles.styles.ts b/packages/react-components/react-rating/src/components/Rating/useRatingStyles.styles.ts
similarity index 100%
rename from packages/react-components/react-rating-preview/src/components/Rating/useRatingStyles.styles.ts
rename to packages/react-components/react-rating/src/components/Rating/useRatingStyles.styles.ts
diff --git a/packages/react-components/react-rating-preview/src/components/RatingDisplay/RatingDisplay.test.tsx b/packages/react-components/react-rating/src/components/RatingDisplay/RatingDisplay.test.tsx
similarity index 100%
rename from packages/react-components/react-rating-preview/src/components/RatingDisplay/RatingDisplay.test.tsx
rename to packages/react-components/react-rating/src/components/RatingDisplay/RatingDisplay.test.tsx
diff --git a/packages/react-components/react-rating-preview/src/components/RatingDisplay/RatingDisplay.tsx b/packages/react-components/react-rating/src/components/RatingDisplay/RatingDisplay.tsx
similarity index 100%
rename from packages/react-components/react-rating-preview/src/components/RatingDisplay/RatingDisplay.tsx
rename to packages/react-components/react-rating/src/components/RatingDisplay/RatingDisplay.tsx
diff --git a/packages/react-components/react-rating-preview/src/components/RatingDisplay/RatingDisplay.types.ts b/packages/react-components/react-rating/src/components/RatingDisplay/RatingDisplay.types.ts
similarity index 100%
rename from packages/react-components/react-rating-preview/src/components/RatingDisplay/RatingDisplay.types.ts
rename to packages/react-components/react-rating/src/components/RatingDisplay/RatingDisplay.types.ts
diff --git a/packages/react-components/react-rating-preview/src/components/RatingDisplay/index.ts b/packages/react-components/react-rating/src/components/RatingDisplay/index.ts
similarity index 100%
rename from packages/react-components/react-rating-preview/src/components/RatingDisplay/index.ts
rename to packages/react-components/react-rating/src/components/RatingDisplay/index.ts
diff --git a/packages/react-components/react-rating-preview/src/components/RatingDisplay/renderRatingDisplay.tsx b/packages/react-components/react-rating/src/components/RatingDisplay/renderRatingDisplay.tsx
similarity index 100%
rename from packages/react-components/react-rating-preview/src/components/RatingDisplay/renderRatingDisplay.tsx
rename to packages/react-components/react-rating/src/components/RatingDisplay/renderRatingDisplay.tsx
diff --git a/packages/react-components/react-rating-preview/src/components/RatingDisplay/useRatingDisplay.tsx b/packages/react-components/react-rating/src/components/RatingDisplay/useRatingDisplay.tsx
similarity index 100%
rename from packages/react-components/react-rating-preview/src/components/RatingDisplay/useRatingDisplay.tsx
rename to packages/react-components/react-rating/src/components/RatingDisplay/useRatingDisplay.tsx
diff --git a/packages/react-components/react-rating-preview/src/components/RatingDisplay/useRatingDisplayContextValues.ts b/packages/react-components/react-rating/src/components/RatingDisplay/useRatingDisplayContextValues.ts
similarity index 100%
rename from packages/react-components/react-rating-preview/src/components/RatingDisplay/useRatingDisplayContextValues.ts
rename to packages/react-components/react-rating/src/components/RatingDisplay/useRatingDisplayContextValues.ts
diff --git a/packages/react-components/react-rating-preview/src/components/RatingDisplay/useRatingDisplayStyles.styles.ts b/packages/react-components/react-rating/src/components/RatingDisplay/useRatingDisplayStyles.styles.ts
similarity index 100%
rename from packages/react-components/react-rating-preview/src/components/RatingDisplay/useRatingDisplayStyles.styles.ts
rename to packages/react-components/react-rating/src/components/RatingDisplay/useRatingDisplayStyles.styles.ts
diff --git a/packages/react-components/react-rating-preview/src/components/RatingItem/RatingItem.test.tsx b/packages/react-components/react-rating/src/components/RatingItem/RatingItem.test.tsx
similarity index 100%
rename from packages/react-components/react-rating-preview/src/components/RatingItem/RatingItem.test.tsx
rename to packages/react-components/react-rating/src/components/RatingItem/RatingItem.test.tsx
diff --git a/packages/react-components/react-rating-preview/src/components/RatingItem/RatingItem.tsx b/packages/react-components/react-rating/src/components/RatingItem/RatingItem.tsx
similarity index 100%
rename from packages/react-components/react-rating-preview/src/components/RatingItem/RatingItem.tsx
rename to packages/react-components/react-rating/src/components/RatingItem/RatingItem.tsx
diff --git a/packages/react-components/react-rating-preview/src/components/RatingItem/RatingItem.types.ts b/packages/react-components/react-rating/src/components/RatingItem/RatingItem.types.ts
similarity index 100%
rename from packages/react-components/react-rating-preview/src/components/RatingItem/RatingItem.types.ts
rename to packages/react-components/react-rating/src/components/RatingItem/RatingItem.types.ts
diff --git a/packages/react-components/react-rating-preview/src/components/RatingItem/index.ts b/packages/react-components/react-rating/src/components/RatingItem/index.ts
similarity index 100%
rename from packages/react-components/react-rating-preview/src/components/RatingItem/index.ts
rename to packages/react-components/react-rating/src/components/RatingItem/index.ts
diff --git a/packages/react-components/react-rating-preview/src/components/RatingItem/renderRatingItem.tsx b/packages/react-components/react-rating/src/components/RatingItem/renderRatingItem.tsx
similarity index 100%
rename from packages/react-components/react-rating-preview/src/components/RatingItem/renderRatingItem.tsx
rename to packages/react-components/react-rating/src/components/RatingItem/renderRatingItem.tsx
diff --git a/packages/react-components/react-rating-preview/src/components/RatingItem/useRatingItem.tsx b/packages/react-components/react-rating/src/components/RatingItem/useRatingItem.tsx
similarity index 100%
rename from packages/react-components/react-rating-preview/src/components/RatingItem/useRatingItem.tsx
rename to packages/react-components/react-rating/src/components/RatingItem/useRatingItem.tsx
diff --git a/packages/react-components/react-rating-preview/src/components/RatingItem/useRatingItemStyles.styles.ts b/packages/react-components/react-rating/src/components/RatingItem/useRatingItemStyles.styles.ts
similarity index 100%
rename from packages/react-components/react-rating-preview/src/components/RatingItem/useRatingItemStyles.styles.ts
rename to packages/react-components/react-rating/src/components/RatingItem/useRatingItemStyles.styles.ts
diff --git a/packages/react-components/react-rating-preview/src/contexts/RatingItemContext.tsx b/packages/react-components/react-rating/src/contexts/RatingItemContext.tsx
similarity index 100%
rename from packages/react-components/react-rating-preview/src/contexts/RatingItemContext.tsx
rename to packages/react-components/react-rating/src/contexts/RatingItemContext.tsx
diff --git a/packages/react-components/react-rating-preview/src/contexts/index.ts b/packages/react-components/react-rating/src/contexts/index.ts
similarity index 100%
rename from packages/react-components/react-rating-preview/src/contexts/index.ts
rename to packages/react-components/react-rating/src/contexts/index.ts
diff --git a/packages/react-components/react-rating-preview/src/index.ts b/packages/react-components/react-rating/src/index.ts
similarity index 100%
rename from packages/react-components/react-rating-preview/src/index.ts
rename to packages/react-components/react-rating/src/index.ts
diff --git a/packages/react-components/react-rating-preview/src/testing/isConformant.ts b/packages/react-components/react-rating/src/testing/isConformant.ts
similarity index 100%
rename from packages/react-components/react-rating-preview/src/testing/isConformant.ts
rename to packages/react-components/react-rating/src/testing/isConformant.ts
diff --git a/packages/react-components/react-rating-preview/stories/Rating/RatingBestPractices.md b/packages/react-components/react-rating/stories/Rating/RatingBestPractices.md
similarity index 100%
rename from packages/react-components/react-rating-preview/stories/Rating/RatingBestPractices.md
rename to packages/react-components/react-rating/stories/Rating/RatingBestPractices.md
diff --git a/packages/react-components/react-rating-preview/stories/Rating/RatingColor.stories.tsx b/packages/react-components/react-rating/stories/Rating/RatingColor.stories.tsx
similarity index 91%
rename from packages/react-components/react-rating-preview/stories/Rating/RatingColor.stories.tsx
rename to packages/react-components/react-rating/stories/Rating/RatingColor.stories.tsx
index 610ba9aa3927ea..75104c03b73781 100644
--- a/packages/react-components/react-rating-preview/stories/Rating/RatingColor.stories.tsx
+++ b/packages/react-components/react-rating/stories/Rating/RatingColor.stories.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Rating } from '@fluentui/react-rating-preview';
+import { Rating } from '@fluentui/react-components';
 import { makeStyles, shorthands } from '@fluentui/react-components';
 
 const useStyles = makeStyles({
diff --git a/packages/react-components/react-rating-preview/stories/Rating/RatingControlledValue.stories.tsx b/packages/react-components/react-rating/stories/Rating/RatingControlledValue.stories.tsx
similarity index 90%
rename from packages/react-components/react-rating-preview/stories/Rating/RatingControlledValue.stories.tsx
rename to packages/react-components/react-rating/stories/Rating/RatingControlledValue.stories.tsx
index 8d094b6388b5d3..8c090ca68059f9 100644
--- a/packages/react-components/react-rating-preview/stories/Rating/RatingControlledValue.stories.tsx
+++ b/packages/react-components/react-rating/stories/Rating/RatingControlledValue.stories.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Rating } from '@fluentui/react-rating-preview';
+import { Rating } from '@fluentui/react-components';
 import { Button } from '@fluentui/react-components';
 
 export const ControlledValue = () => {
diff --git a/packages/react-components/react-rating-preview/stories/Rating/RatingDefault.stories.tsx b/packages/react-components/react-rating/stories/Rating/RatingDefault.stories.tsx
similarity index 64%
rename from packages/react-components/react-rating-preview/stories/Rating/RatingDefault.stories.tsx
rename to packages/react-components/react-rating/stories/Rating/RatingDefault.stories.tsx
index 65da552b342a8f..610bfde31b1bff 100644
--- a/packages/react-components/react-rating-preview/stories/Rating/RatingDefault.stories.tsx
+++ b/packages/react-components/react-rating/stories/Rating/RatingDefault.stories.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Rating, RatingProps } from '@fluentui/react-rating-preview';
+import { Rating, RatingProps } from '@fluentui/react-components';
 
 export const Default = (props: Partial<RatingProps>) => {
   return <Rating {...props} />;
diff --git a/packages/react-components/react-rating-preview/stories/Rating/RatingDescription.md b/packages/react-components/react-rating/stories/Rating/RatingDescription.md
similarity index 100%
rename from packages/react-components/react-rating-preview/stories/Rating/RatingDescription.md
rename to packages/react-components/react-rating/stories/Rating/RatingDescription.md
diff --git a/packages/react-components/react-rating-preview/stories/Rating/RatingMax.stories.tsx b/packages/react-components/react-rating/stories/Rating/RatingMax.stories.tsx
similarity index 82%
rename from packages/react-components/react-rating-preview/stories/Rating/RatingMax.stories.tsx
rename to packages/react-components/react-rating/stories/Rating/RatingMax.stories.tsx
index f62ddaaa8a9abc..f8af3c7fe9e4af 100644
--- a/packages/react-components/react-rating-preview/stories/Rating/RatingMax.stories.tsx
+++ b/packages/react-components/react-rating/stories/Rating/RatingMax.stories.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Rating } from '@fluentui/react-rating-preview';
+import { Rating } from '@fluentui/react-components';
 
 export const Max = () => {
   return <Rating max={10} defaultValue={5} />;
diff --git a/packages/react-components/react-rating-preview/stories/Rating/RatingShape.stories.tsx b/packages/react-components/react-rating/stories/Rating/RatingShape.stories.tsx
similarity index 93%
rename from packages/react-components/react-rating-preview/stories/Rating/RatingShape.stories.tsx
rename to packages/react-components/react-rating/stories/Rating/RatingShape.stories.tsx
index 0c1785a5479e76..2738fed77a9bc5 100644
--- a/packages/react-components/react-rating-preview/stories/Rating/RatingShape.stories.tsx
+++ b/packages/react-components/react-rating/stories/Rating/RatingShape.stories.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Rating } from '@fluentui/react-rating-preview';
+import { Rating } from '@fluentui/react-components';
 import { CircleFilled, CircleRegular, SquareFilled, SquareRegular } from '@fluentui/react-icons';
 import { makeStyles, shorthands } from '@fluentui/react-components';
 
diff --git a/packages/react-components/react-rating-preview/stories/Rating/RatingSize.stories.tsx b/packages/react-components/react-rating/stories/Rating/RatingSize.stories.tsx
similarity index 92%
rename from packages/react-components/react-rating-preview/stories/Rating/RatingSize.stories.tsx
rename to packages/react-components/react-rating/stories/Rating/RatingSize.stories.tsx
index e085bd9cd3af4d..caefbedb4f25d2 100644
--- a/packages/react-components/react-rating-preview/stories/Rating/RatingSize.stories.tsx
+++ b/packages/react-components/react-rating/stories/Rating/RatingSize.stories.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Rating } from '@fluentui/react-rating-preview';
+import { Rating } from '@fluentui/react-components';
 import { makeStyles, shorthands } from '@fluentui/react-components';
 
 const useStyles = makeStyles({
diff --git a/packages/react-components/react-rating-preview/stories/Rating/RatingStep.stories.tsx b/packages/react-components/react-rating/stories/Rating/RatingStep.stories.tsx
similarity index 81%
rename from packages/react-components/react-rating-preview/stories/Rating/RatingStep.stories.tsx
rename to packages/react-components/react-rating/stories/Rating/RatingStep.stories.tsx
index b709956704aead..6d9d07c8daa0b0 100644
--- a/packages/react-components/react-rating-preview/stories/Rating/RatingStep.stories.tsx
+++ b/packages/react-components/react-rating/stories/Rating/RatingStep.stories.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Rating } from '@fluentui/react-rating-preview';
+import { Rating } from '@fluentui/react-components';
 
 export const Step = () => {
   return <Rating step={0.5} defaultValue={3.5} />;
diff --git a/packages/react-components/react-rating-preview/stories/Rating/index.stories.tsx b/packages/react-components/react-rating/stories/Rating/index.stories.tsx
similarity index 86%
rename from packages/react-components/react-rating-preview/stories/Rating/index.stories.tsx
rename to packages/react-components/react-rating/stories/Rating/index.stories.tsx
index 5395a4c62eb0c3..43785bb97adddc 100644
--- a/packages/react-components/react-rating-preview/stories/Rating/index.stories.tsx
+++ b/packages/react-components/react-rating/stories/Rating/index.stories.tsx
@@ -1,4 +1,4 @@
-import { Rating, RatingItem } from '@fluentui/react-rating-preview';
+import { Rating, RatingItem } from '@fluentui/react-components';
 
 import descriptionMd from './RatingDescription.md';
 import bestPracticesMd from './RatingBestPractices.md';
@@ -12,7 +12,7 @@ export { Color } from './RatingColor.stories';
 export { Shape } from './RatingShape.stories';
 
 export default {
-  title: 'Preview Components/Rating',
+  title: 'Components/Rating',
   component: Rating,
   subcomponents: {
     RatingItem,
diff --git a/packages/react-components/react-rating-preview/stories/RatingDisplay/RatingDisplayBestPractices.md b/packages/react-components/react-rating/stories/RatingDisplay/RatingDisplayBestPractices.md
similarity index 100%
rename from packages/react-components/react-rating-preview/stories/RatingDisplay/RatingDisplayBestPractices.md
rename to packages/react-components/react-rating/stories/RatingDisplay/RatingDisplayBestPractices.md
diff --git a/packages/react-components/react-rating-preview/stories/RatingDisplay/RatingDisplayColor.stories.tsx b/packages/react-components/react-rating/stories/RatingDisplay/RatingDisplayColor.stories.tsx
similarity index 91%
rename from packages/react-components/react-rating-preview/stories/RatingDisplay/RatingDisplayColor.stories.tsx
rename to packages/react-components/react-rating/stories/RatingDisplay/RatingDisplayColor.stories.tsx
index 3b8b2dbf677e2e..c8157b11aa2dd0 100644
--- a/packages/react-components/react-rating-preview/stories/RatingDisplay/RatingDisplayColor.stories.tsx
+++ b/packages/react-components/react-rating/stories/RatingDisplay/RatingDisplayColor.stories.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { RatingDisplay } from '@fluentui/react-rating-preview';
+import { RatingDisplay } from '@fluentui/react-components';
 import { makeStyles, shorthands } from '@fluentui/react-components';
 
 const useStyles = makeStyles({
diff --git a/packages/react-components/react-rating-preview/stories/RatingDisplay/RatingDisplayCompact.stories.tsx b/packages/react-components/react-rating/stories/RatingDisplay/RatingDisplayCompact.stories.tsx
similarity index 79%
rename from packages/react-components/react-rating-preview/stories/RatingDisplay/RatingDisplayCompact.stories.tsx
rename to packages/react-components/react-rating/stories/RatingDisplay/RatingDisplayCompact.stories.tsx
index ffdf714dba3aca..1cfd9a3b75a112 100644
--- a/packages/react-components/react-rating-preview/stories/RatingDisplay/RatingDisplayCompact.stories.tsx
+++ b/packages/react-components/react-rating/stories/RatingDisplay/RatingDisplayCompact.stories.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { RatingDisplay } from '@fluentui/react-rating-preview';
+import { RatingDisplay } from '@fluentui/react-components';
 
 export const Compact = () => <RatingDisplay compact value={3} count={1160} />;
 
diff --git a/packages/react-components/react-rating-preview/stories/RatingDisplay/RatingDisplayCount.stories.tsx b/packages/react-components/react-rating/stories/RatingDisplay/RatingDisplayCount.stories.tsx
similarity index 85%
rename from packages/react-components/react-rating-preview/stories/RatingDisplay/RatingDisplayCount.stories.tsx
rename to packages/react-components/react-rating/stories/RatingDisplay/RatingDisplayCount.stories.tsx
index 626dfa1dcc6358..0cee19373f86b9 100644
--- a/packages/react-components/react-rating-preview/stories/RatingDisplay/RatingDisplayCount.stories.tsx
+++ b/packages/react-components/react-rating/stories/RatingDisplay/RatingDisplayCount.stories.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { RatingDisplay } from '@fluentui/react-rating-preview';
+import { RatingDisplay } from '@fluentui/react-components';
 
 export const Count = () => {
   return <RatingDisplay value={5} count={1160} />;
diff --git a/packages/react-components/react-rating-preview/stories/RatingDisplay/RatingDisplayDefault.stories.tsx b/packages/react-components/react-rating/stories/RatingDisplay/RatingDisplayDefault.stories.tsx
similarity index 58%
rename from packages/react-components/react-rating-preview/stories/RatingDisplay/RatingDisplayDefault.stories.tsx
rename to packages/react-components/react-rating/stories/RatingDisplay/RatingDisplayDefault.stories.tsx
index a4b6592feab1be..d800fcf71d7511 100644
--- a/packages/react-components/react-rating-preview/stories/RatingDisplay/RatingDisplayDefault.stories.tsx
+++ b/packages/react-components/react-rating/stories/RatingDisplay/RatingDisplayDefault.stories.tsx
@@ -1,4 +1,4 @@
 import * as React from 'react';
-import { RatingDisplay } from '@fluentui/react-rating-preview';
+import { RatingDisplay } from '@fluentui/react-components';
 
 export const Default = () => <RatingDisplay value={4} />;
diff --git a/packages/react-components/react-rating-preview/stories/RatingDisplay/RatingDisplayDescription.md b/packages/react-components/react-rating/stories/RatingDisplay/RatingDisplayDescription.md
similarity index 100%
rename from packages/react-components/react-rating-preview/stories/RatingDisplay/RatingDisplayDescription.md
rename to packages/react-components/react-rating/stories/RatingDisplay/RatingDisplayDescription.md
diff --git a/packages/react-components/react-rating-preview/stories/RatingDisplay/RatingDisplayMax.stories.tsx b/packages/react-components/react-rating/stories/RatingDisplay/RatingDisplayMax.stories.tsx
similarity index 80%
rename from packages/react-components/react-rating-preview/stories/RatingDisplay/RatingDisplayMax.stories.tsx
rename to packages/react-components/react-rating/stories/RatingDisplay/RatingDisplayMax.stories.tsx
index 00e2a07deb6fb3..e864978be409b2 100644
--- a/packages/react-components/react-rating-preview/stories/RatingDisplay/RatingDisplayMax.stories.tsx
+++ b/packages/react-components/react-rating/stories/RatingDisplay/RatingDisplayMax.stories.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { RatingDisplay } from '@fluentui/react-rating-preview';
+import { RatingDisplay } from '@fluentui/react-components';
 
 export const Max = () => {
   return <RatingDisplay max={10} value={5} />;
diff --git a/packages/react-components/react-rating-preview/stories/RatingDisplay/RatingDisplayShape.stories.tsx b/packages/react-components/react-rating/stories/RatingDisplay/RatingDisplayShape.stories.tsx
similarity index 91%
rename from packages/react-components/react-rating-preview/stories/RatingDisplay/RatingDisplayShape.stories.tsx
rename to packages/react-components/react-rating/stories/RatingDisplay/RatingDisplayShape.stories.tsx
index fc58d87daa0595..fcab73648721c9 100644
--- a/packages/react-components/react-rating-preview/stories/RatingDisplay/RatingDisplayShape.stories.tsx
+++ b/packages/react-components/react-rating/stories/RatingDisplay/RatingDisplayShape.stories.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { RatingDisplay } from '@fluentui/react-rating-preview';
+import { RatingDisplay } from '@fluentui/react-components';
 import { CircleFilled, SquareFilled } from '@fluentui/react-icons';
 import { makeStyles, shorthands } from '@fluentui/react-components';
 
diff --git a/packages/react-components/react-rating-preview/stories/RatingDisplay/RatingDisplaySize.stories.tsx b/packages/react-components/react-rating/stories/RatingDisplay/RatingDisplaySize.stories.tsx
similarity index 91%
rename from packages/react-components/react-rating-preview/stories/RatingDisplay/RatingDisplaySize.stories.tsx
rename to packages/react-components/react-rating/stories/RatingDisplay/RatingDisplaySize.stories.tsx
index 79581a270bc526..af2d11ac8ae5bc 100644
--- a/packages/react-components/react-rating-preview/stories/RatingDisplay/RatingDisplaySize.stories.tsx
+++ b/packages/react-components/react-rating/stories/RatingDisplay/RatingDisplaySize.stories.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { RatingDisplay } from '@fluentui/react-rating-preview';
+import { RatingDisplay } from '@fluentui/react-components';
 import { makeStyles, shorthands } from '@fluentui/react-components';
 
 const useStyles = makeStyles({
diff --git a/packages/react-components/react-rating-preview/stories/RatingDisplay/RatingDisplayValue.stories.tsx b/packages/react-components/react-rating/stories/RatingDisplay/RatingDisplayValue.stories.tsx
similarity index 92%
rename from packages/react-components/react-rating-preview/stories/RatingDisplay/RatingDisplayValue.stories.tsx
rename to packages/react-components/react-rating/stories/RatingDisplay/RatingDisplayValue.stories.tsx
index 66ab66a79987f1..221563dcdd8676 100644
--- a/packages/react-components/react-rating-preview/stories/RatingDisplay/RatingDisplayValue.stories.tsx
+++ b/packages/react-components/react-rating/stories/RatingDisplay/RatingDisplayValue.stories.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { RatingDisplay } from '@fluentui/react-rating-preview';
+import { RatingDisplay } from '@fluentui/react-components';
 import { makeStyles, shorthands } from '@fluentui/react-components';
 
 const useStyles = makeStyles({
diff --git a/packages/react-components/react-rating-preview/stories/RatingDisplay/index.stories.tsx b/packages/react-components/react-rating/stories/RatingDisplay/index.stories.tsx
similarity index 87%
rename from packages/react-components/react-rating-preview/stories/RatingDisplay/index.stories.tsx
rename to packages/react-components/react-rating/stories/RatingDisplay/index.stories.tsx
index 3758c2776b96dc..5347cc88a9c474 100644
--- a/packages/react-components/react-rating-preview/stories/RatingDisplay/index.stories.tsx
+++ b/packages/react-components/react-rating/stories/RatingDisplay/index.stories.tsx
@@ -1,4 +1,4 @@
-import { RatingDisplay } from '@fluentui/react-rating-preview';
+import { RatingDisplay } from '@fluentui/react-components';
 
 import descriptionMd from './RatingDisplayDescription.md';
 import bestPracticesMd from './RatingDisplayBestPractices.md';
@@ -13,7 +13,7 @@ export { Color } from './RatingDisplayColor.stories';
 export { Shape } from './RatingDisplayShape.stories';
 
 export default {
-  title: 'Preview Components/RatingDisplay',
+  title: 'Components/RatingDisplay',
   component: RatingDisplay,
   parameters: {
     docs: {
diff --git a/packages/react-components/react-rating-preview/tsconfig.json b/packages/react-components/react-rating/tsconfig.json
similarity index 100%
rename from packages/react-components/react-rating-preview/tsconfig.json
rename to packages/react-components/react-rating/tsconfig.json
diff --git a/packages/react-components/react-rating-preview/tsconfig.lib.json b/packages/react-components/react-rating/tsconfig.lib.json
similarity index 100%
rename from packages/react-components/react-rating-preview/tsconfig.lib.json
rename to packages/react-components/react-rating/tsconfig.lib.json
diff --git a/packages/react-components/react-rating-preview/tsconfig.spec.json b/packages/react-components/react-rating/tsconfig.spec.json
similarity index 100%
rename from packages/react-components/react-rating-preview/tsconfig.spec.json
rename to packages/react-components/react-rating/tsconfig.spec.json
diff --git a/tsconfig.base.all.json b/tsconfig.base.all.json
index 5c20cd87154e70..7958021e68a9ac 100644
--- a/tsconfig.base.all.json
+++ b/tsconfig.base.all.json
@@ -139,7 +139,6 @@
       "@fluentui/react-progress": ["packages/react-components/react-progress/src/index.ts"],
       "@fluentui/react-provider": ["packages/react-components/react-provider/src/index.ts"],
       "@fluentui/react-radio": ["packages/react-components/react-radio/src/index.ts"],
-      "@fluentui/react-rating-preview": ["packages/react-components/react-rating-preview/src/index.ts"],
       "@fluentui/react-search-preview": ["packages/react-components/react-search-preview/src/index.ts"],
       "@fluentui/react-select": ["packages/react-components/react-select/src/index.ts"],
       "@fluentui/react-shared-contexts": ["packages/react-components/react-shared-contexts/src/index.ts"],
@@ -156,6 +155,7 @@
       "@fluentui/react-table": ["packages/react-components/react-table/src/index.ts"],
       "@fluentui/react-tabs": ["packages/react-components/react-tabs/src/index.ts"],
       "@fluentui/react-tabster": ["packages/react-components/react-tabster/src/index.ts"],
+      "@fluentui/react-tag-picker-preview": ["packages/react-components/react-tag-picker-preview/src/index.ts"],
       "@fluentui/react-tags": ["packages/react-components/react-tags/src/index.ts"],
       "@fluentui/react-teaching-popover-preview": [
         "packages/react-components/react-teaching-popover-preview/src/index.ts"
@@ -174,7 +174,7 @@
       "@fluentui/theme-designer": ["packages/react-components/theme-designer/src/index.ts"],
       "@fluentui/tokens": ["packages/tokens/src/index.ts"],
       "@fluentui/workspace-plugin": ["tools/workspace-plugin/src/index.ts"],
-      "@fluentui/react-tag-picker-preview": ["packages/react-components/react-tag-picker-preview/src/index.ts"]
+      "@fluentui/react-rating": ["packages/react-components/react-rating/src/index.ts"]
     }
   }
 }
diff --git a/tsconfig.base.json b/tsconfig.base.json
index 9368284a5d0b9c..5f9853e7ca8496 100644
--- a/tsconfig.base.json
+++ b/tsconfig.base.json
@@ -74,7 +74,7 @@
       "@fluentui/react-progress": ["packages/react-components/react-progress/src/index.ts"],
       "@fluentui/react-provider": ["packages/react-components/react-provider/src/index.ts"],
       "@fluentui/react-radio": ["packages/react-components/react-radio/src/index.ts"],
-      "@fluentui/react-rating-preview": ["packages/react-components/react-rating-preview/src/index.ts"],
+      "@fluentui/react-rating": ["packages/react-components/react-rating/src/index.ts"],
       "@fluentui/react-search-preview": ["packages/react-components/react-search-preview/src/index.ts"],
       "@fluentui/react-select": ["packages/react-components/react-select/src/index.ts"],
       "@fluentui/react-shared-contexts": ["packages/react-components/react-shared-contexts/src/index.ts"],