diff --git a/change/@fluentui-react-components-3ce169ed-34cd-484c-b320-ce70c33070d6.json b/change/@fluentui-react-components-3ce169ed-34cd-484c-b320-ce70c33070d6.json
new file mode 100644
index 00000000000000..53b805131dae74
--- /dev/null
+++ b/change/@fluentui-react-components-3ce169ed-34cd-484c-b320-ce70c33070d6.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "chore: Migrate to new package structure.",
+  "packageName": "@fluentui/react-components",
+  "email": "tristan.watanabe@gmail.com",
+  "dependentChangeType": "patch"
+}
diff --git a/packages/react-components/react-components/.npmignore b/packages/react-components/react-components/.npmignore
index 52d2a7273a151d..f7ce568a6dbf7c 100644
--- a/packages/react-components/react-components/.npmignore
+++ b/packages/react-components/react-components/.npmignore
@@ -3,10 +3,11 @@
 bundle-size/
 config/
 coverage/
-e2e/
+docs/
 etc/
 node_modules/
 src/
+stories/
 dist/types/
 temp/
 __fixtures__
@@ -16,7 +17,7 @@ __tests__
 *.api.json
 *.log
 *.spec.*
-*.stories.*
+*.cy.*
 *.test.*
 *.yml
 
diff --git a/packages/react-components/react-components/.storybook/main.js b/packages/react-components/react-components/.storybook/main.js
index 4f3b346ff4b3f2..127961dbf675a9 100644
--- a/packages/react-components/react-components/.storybook/main.js
+++ b/packages/react-components/react-components/.storybook/main.js
@@ -2,7 +2,7 @@ const rootMain = require('../../../../.storybook/main');
 
 module.exports = /** @type {Omit<import('../../../../.storybook/main'), 'typescript'|'babel'>} */ ({
   ...rootMain,
-  stories: [...rootMain.stories, '../src/**/*.stories.mdx', '../src/**/index.stories.@(ts|tsx)'],
+  stories: [...rootMain.stories, '../stories/**/*.stories.mdx', '../stories/**/index.stories.@(ts|tsx)'],
   staticDirs: ['../public'],
   addons: [...rootMain.addons],
   webpackFinal: (config, options) => {
diff --git a/packages/react-components/react-components/.storybook/tsconfig.json b/packages/react-components/react-components/.storybook/tsconfig.json
index f9f60e1234ed49..ea89218a3d916f 100644
--- a/packages/react-components/react-components/.storybook/tsconfig.json
+++ b/packages/react-components/react-components/.storybook/tsconfig.json
@@ -6,5 +6,5 @@
     "checkJs": true,
     "types": ["static-assets", "environment", "storybook__addons"]
   },
-  "include": ["../src/**/*.stories.ts", "../src/**/*.stories.tsx", "*.js"]
+  "include": ["../stories/**/*.stories.ts", "../stories/**/*.stories.tsx", "*.js"]
 }
diff --git a/packages/react-components/react-components/MIGRATION-NOTES.md b/packages/react-components/react-components/docs/MIGRATION-NOTES.md
similarity index 100%
rename from packages/react-components/react-components/MIGRATION-NOTES.md
rename to packages/react-components/react-components/docs/MIGRATION-NOTES.md
diff --git a/packages/react-components/react-components/src/AccessibilityScenarios/Accordion.stories.tsx b/packages/react-components/react-components/stories/AccessibilityScenarios/Accordion.stories.tsx
similarity index 100%
rename from packages/react-components/react-components/src/AccessibilityScenarios/Accordion.stories.tsx
rename to packages/react-components/react-components/stories/AccessibilityScenarios/Accordion.stories.tsx
diff --git a/packages/react-components/react-components/src/AccessibilityScenarios/AccordionFaq.stories.tsx b/packages/react-components/react-components/stories/AccessibilityScenarios/AccordionFaq.stories.tsx
similarity index 100%
rename from packages/react-components/react-components/src/AccessibilityScenarios/AccordionFaq.stories.tsx
rename to packages/react-components/react-components/stories/AccessibilityScenarios/AccordionFaq.stories.tsx
diff --git a/packages/react-components/react-components/src/AccessibilityScenarios/Button.stories.tsx b/packages/react-components/react-components/stories/AccessibilityScenarios/Button.stories.tsx
similarity index 100%
rename from packages/react-components/react-components/src/AccessibilityScenarios/Button.stories.tsx
rename to packages/react-components/react-components/stories/AccessibilityScenarios/Button.stories.tsx
diff --git a/packages/react-components/react-components/src/AccessibilityScenarios/Checkbox.stories.tsx b/packages/react-components/react-components/stories/AccessibilityScenarios/Checkbox.stories.tsx
similarity index 100%
rename from packages/react-components/react-components/src/AccessibilityScenarios/Checkbox.stories.tsx
rename to packages/react-components/react-components/stories/AccessibilityScenarios/Checkbox.stories.tsx
diff --git a/packages/react-components/react-components/src/AccessibilityScenarios/Input.stories.tsx b/packages/react-components/react-components/stories/AccessibilityScenarios/Input.stories.tsx
similarity index 100%
rename from packages/react-components/react-components/src/AccessibilityScenarios/Input.stories.tsx
rename to packages/react-components/react-components/stories/AccessibilityScenarios/Input.stories.tsx
diff --git a/packages/react-components/react-components/src/AccessibilityScenarios/Link.stories.tsx b/packages/react-components/react-components/stories/AccessibilityScenarios/Link.stories.tsx
similarity index 100%
rename from packages/react-components/react-components/src/AccessibilityScenarios/Link.stories.tsx
rename to packages/react-components/react-components/stories/AccessibilityScenarios/Link.stories.tsx
diff --git a/packages/react-components/react-components/src/AccessibilityScenarios/ListOfScenarios.stories.mdx b/packages/react-components/react-components/stories/AccessibilityScenarios/ListOfScenarios.stories.mdx
similarity index 100%
rename from packages/react-components/react-components/src/AccessibilityScenarios/ListOfScenarios.stories.mdx
rename to packages/react-components/react-components/stories/AccessibilityScenarios/ListOfScenarios.stories.mdx
diff --git a/packages/react-components/react-components/src/AccessibilityScenarios/Menu.stories.tsx b/packages/react-components/react-components/stories/AccessibilityScenarios/Menu.stories.tsx
similarity index 100%
rename from packages/react-components/react-components/src/AccessibilityScenarios/Menu.stories.tsx
rename to packages/react-components/react-components/stories/AccessibilityScenarios/Menu.stories.tsx
diff --git a/packages/react-components/react-components/src/AccessibilityScenarios/MenuSplitGroup.stories.tsx b/packages/react-components/react-components/stories/AccessibilityScenarios/MenuSplitGroup.stories.tsx
similarity index 100%
rename from packages/react-components/react-components/src/AccessibilityScenarios/MenuSplitGroup.stories.tsx
rename to packages/react-components/react-components/stories/AccessibilityScenarios/MenuSplitGroup.stories.tsx
diff --git a/packages/react-components/react-components/src/AccessibilityScenarios/Popover.stories.tsx b/packages/react-components/react-components/stories/AccessibilityScenarios/Popover.stories.tsx
similarity index 100%
rename from packages/react-components/react-components/src/AccessibilityScenarios/Popover.stories.tsx
rename to packages/react-components/react-components/stories/AccessibilityScenarios/Popover.stories.tsx
diff --git a/packages/react-components/react-components/src/AccessibilityScenarios/RadioGroup.stories.tsx b/packages/react-components/react-components/stories/AccessibilityScenarios/RadioGroup.stories.tsx
similarity index 100%
rename from packages/react-components/react-components/src/AccessibilityScenarios/RadioGroup.stories.tsx
rename to packages/react-components/react-components/stories/AccessibilityScenarios/RadioGroup.stories.tsx
diff --git a/packages/react-components/react-components/src/AccessibilityScenarios/Slider.stories.tsx b/packages/react-components/react-components/stories/AccessibilityScenarios/Slider.stories.tsx
similarity index 100%
rename from packages/react-components/react-components/src/AccessibilityScenarios/Slider.stories.tsx
rename to packages/react-components/react-components/stories/AccessibilityScenarios/Slider.stories.tsx
diff --git a/packages/react-components/react-components/src/AccessibilityScenarios/Spinner.stories.tsx b/packages/react-components/react-components/stories/AccessibilityScenarios/Spinner.stories.tsx
similarity index 100%
rename from packages/react-components/react-components/src/AccessibilityScenarios/Spinner.stories.tsx
rename to packages/react-components/react-components/stories/AccessibilityScenarios/Spinner.stories.tsx
diff --git a/packages/react-components/react-components/src/AccessibilityScenarios/SplitButton.stories.tsx b/packages/react-components/react-components/stories/AccessibilityScenarios/SplitButton.stories.tsx
similarity index 100%
rename from packages/react-components/react-components/src/AccessibilityScenarios/SplitButton.stories.tsx
rename to packages/react-components/react-components/stories/AccessibilityScenarios/SplitButton.stories.tsx
diff --git a/packages/react-components/react-components/src/AccessibilityScenarios/Switch.stories.tsx b/packages/react-components/react-components/stories/AccessibilityScenarios/Switch.stories.tsx
similarity index 100%
rename from packages/react-components/react-components/src/AccessibilityScenarios/Switch.stories.tsx
rename to packages/react-components/react-components/stories/AccessibilityScenarios/Switch.stories.tsx
diff --git a/packages/react-components/react-components/src/AccessibilityScenarios/TabListHorizontal.stories.tsx b/packages/react-components/react-components/stories/AccessibilityScenarios/TabListHorizontal.stories.tsx
similarity index 100%
rename from packages/react-components/react-components/src/AccessibilityScenarios/TabListHorizontal.stories.tsx
rename to packages/react-components/react-components/stories/AccessibilityScenarios/TabListHorizontal.stories.tsx
diff --git a/packages/react-components/react-components/src/AccessibilityScenarios/TabListOverflow.stories.tsx b/packages/react-components/react-components/stories/AccessibilityScenarios/TabListOverflow.stories.tsx
similarity index 100%
rename from packages/react-components/react-components/src/AccessibilityScenarios/TabListOverflow.stories.tsx
rename to packages/react-components/react-components/stories/AccessibilityScenarios/TabListOverflow.stories.tsx
diff --git a/packages/react-components/react-components/src/AccessibilityScenarios/TabListVertical.stories.tsx b/packages/react-components/react-components/stories/AccessibilityScenarios/TabListVertical.stories.tsx
similarity index 100%
rename from packages/react-components/react-components/src/AccessibilityScenarios/TabListVertical.stories.tsx
rename to packages/react-components/react-components/stories/AccessibilityScenarios/TabListVertical.stories.tsx
diff --git a/packages/react-components/react-components/src/AccessibilityScenarios/Textarea.stories.tsx b/packages/react-components/react-components/stories/AccessibilityScenarios/Textarea.stories.tsx
similarity index 100%
rename from packages/react-components/react-components/src/AccessibilityScenarios/Textarea.stories.tsx
rename to packages/react-components/react-components/stories/AccessibilityScenarios/Textarea.stories.tsx
diff --git a/packages/react-components/react-components/src/AccessibilityScenarios/ToggleButton.stories.tsx b/packages/react-components/react-components/stories/AccessibilityScenarios/ToggleButton.stories.tsx
similarity index 100%
rename from packages/react-components/react-components/src/AccessibilityScenarios/ToggleButton.stories.tsx
rename to packages/react-components/react-components/stories/AccessibilityScenarios/ToggleButton.stories.tsx
diff --git a/packages/react-components/react-components/src/AccessibilityScenarios/Tooltip.stories.tsx b/packages/react-components/react-components/stories/AccessibilityScenarios/Tooltip.stories.tsx
similarity index 100%
rename from packages/react-components/react-components/src/AccessibilityScenarios/Tooltip.stories.tsx
rename to packages/react-components/react-components/stories/AccessibilityScenarios/Tooltip.stories.tsx
diff --git a/packages/react-components/react-components/src/AccessibilityScenarios/index.stories.tsx b/packages/react-components/react-components/stories/AccessibilityScenarios/index.stories.tsx
similarity index 100%
rename from packages/react-components/react-components/src/AccessibilityScenarios/index.stories.tsx
rename to packages/react-components/react-components/stories/AccessibilityScenarios/index.stories.tsx
diff --git a/packages/react-components/react-components/src/AccessibilityScenarios/utils.tsx b/packages/react-components/react-components/stories/AccessibilityScenarios/utils.tsx
similarity index 100%
rename from packages/react-components/react-components/src/AccessibilityScenarios/utils.tsx
rename to packages/react-components/react-components/stories/AccessibilityScenarios/utils.tsx
diff --git a/packages/react-components/react-components/src/Concepts/Accessibility/AccessibleComponents.stories.mdx b/packages/react-components/react-components/stories/Concepts/Accessibility/AccessibleComponents.stories.mdx
similarity index 100%
rename from packages/react-components/react-components/src/Concepts/Accessibility/AccessibleComponents.stories.mdx
rename to packages/react-components/react-components/stories/Concepts/Accessibility/AccessibleComponents.stories.mdx
diff --git a/packages/react-components/react-components/src/Concepts/Accessibility/AccessibleExperiences.stories.mdx b/packages/react-components/react-components/stories/Concepts/Accessibility/AccessibleExperiences.stories.mdx
similarity index 100%
rename from packages/react-components/react-components/src/Concepts/Accessibility/AccessibleExperiences.stories.mdx
rename to packages/react-components/react-components/stories/Concepts/Accessibility/AccessibleExperiences.stories.mdx
diff --git a/packages/react-components/react-components/src/Concepts/Accessibility/FocusIndicator.stories.mdx b/packages/react-components/react-components/stories/Concepts/Accessibility/FocusIndicator.stories.mdx
similarity index 100%
rename from packages/react-components/react-components/src/Concepts/Accessibility/FocusIndicator.stories.mdx
rename to packages/react-components/react-components/stories/Concepts/Accessibility/FocusIndicator.stories.mdx
diff --git a/packages/react-components/react-components/src/Concepts/Icons/Icon.stories.mdx b/packages/react-components/react-components/stories/Concepts/Icons/Icon.stories.mdx
similarity index 100%
rename from packages/react-components/react-components/src/Concepts/Icons/Icon.stories.mdx
rename to packages/react-components/react-components/stories/Concepts/Icons/Icon.stories.mdx
diff --git a/packages/react-components/react-components/src/Concepts/Icons/IconTable.stories.mdx b/packages/react-components/react-components/stories/Concepts/Icons/IconTable.stories.mdx
similarity index 85%
rename from packages/react-components/react-components/src/Concepts/Icons/IconTable.stories.mdx
rename to packages/react-components/react-components/stories/Concepts/Icons/IconTable.stories.mdx
index 16bb0cc18a4ae1..7b4b6ba895951e 100644
--- a/packages/react-components/react-components/src/Concepts/Icons/IconTable.stories.mdx
+++ b/packages/react-components/react-components/stories/Concepts/Icons/IconTable.stories.mdx
@@ -18,5 +18,5 @@ function App() {
 ```
 
 <React.Suspense fallback={<Spinner label="Loading..." />}>
-  {React.createElement(React.lazy(() => import('./ReactIconGrid')))}
+  {React.createElement(React.lazy(() => import('../../../src/Concepts/Icons/ReactIconGrid')))}
 </React.Suspense>
diff --git a/packages/react-components/react-components/src/Concepts/Positioning/PositioningAnchorToTarget.stories.tsx b/packages/react-components/react-components/stories/Concepts/Positioning/PositioningAnchorToTarget.stories.tsx
similarity index 100%
rename from packages/react-components/react-components/src/Concepts/Positioning/PositioningAnchorToTarget.stories.tsx
rename to packages/react-components/react-components/stories/Concepts/Positioning/PositioningAnchorToTarget.stories.tsx
diff --git a/packages/react-components/react-components/src/Concepts/Positioning/PositioningBestPractices.md b/packages/react-components/react-components/stories/Concepts/Positioning/PositioningBestPractices.md
similarity index 100%
rename from packages/react-components/react-components/src/Concepts/Positioning/PositioningBestPractices.md
rename to packages/react-components/react-components/stories/Concepts/Positioning/PositioningBestPractices.md
diff --git a/packages/react-components/react-components/src/Concepts/Positioning/PositioningCoverTarget.stories.tsx b/packages/react-components/react-components/stories/Concepts/Positioning/PositioningCoverTarget.stories.tsx
similarity index 100%
rename from packages/react-components/react-components/src/Concepts/Positioning/PositioningCoverTarget.stories.tsx
rename to packages/react-components/react-components/stories/Concepts/Positioning/PositioningCoverTarget.stories.tsx
diff --git a/packages/react-components/react-components/src/Concepts/Positioning/PositioningDefault.stories.tsx b/packages/react-components/react-components/stories/Concepts/Positioning/PositioningDefault.stories.tsx
similarity index 100%
rename from packages/react-components/react-components/src/Concepts/Positioning/PositioningDefault.stories.tsx
rename to packages/react-components/react-components/stories/Concepts/Positioning/PositioningDefault.stories.tsx
diff --git a/packages/react-components/react-components/src/Concepts/Positioning/PositioningDescription.md b/packages/react-components/react-components/stories/Concepts/Positioning/PositioningDescription.md
similarity index 100%
rename from packages/react-components/react-components/src/Concepts/Positioning/PositioningDescription.md
rename to packages/react-components/react-components/stories/Concepts/Positioning/PositioningDescription.md
diff --git a/packages/react-components/react-components/src/Concepts/Positioning/PositioningFlipBoundary.stories.tsx b/packages/react-components/react-components/stories/Concepts/Positioning/PositioningFlipBoundary.stories.tsx
similarity index 100%
rename from packages/react-components/react-components/src/Concepts/Positioning/PositioningFlipBoundary.stories.tsx
rename to packages/react-components/react-components/stories/Concepts/Positioning/PositioningFlipBoundary.stories.tsx
diff --git a/packages/react-components/react-components/src/Concepts/Positioning/PositioningImperativeAnchorTarget.stories.tsx b/packages/react-components/react-components/stories/Concepts/Positioning/PositioningImperativeAnchorTarget.stories.tsx
similarity index 100%
rename from packages/react-components/react-components/src/Concepts/Positioning/PositioningImperativeAnchorTarget.stories.tsx
rename to packages/react-components/react-components/stories/Concepts/Positioning/PositioningImperativeAnchorTarget.stories.tsx
diff --git a/packages/react-components/react-components/src/Concepts/Positioning/PositioningImperativePositionUpdate.stories.tsx b/packages/react-components/react-components/stories/Concepts/Positioning/PositioningImperativePositionUpdate.stories.tsx
similarity index 100%
rename from packages/react-components/react-components/src/Concepts/Positioning/PositioningImperativePositionUpdate.stories.tsx
rename to packages/react-components/react-components/stories/Concepts/Positioning/PositioningImperativePositionUpdate.stories.tsx
diff --git a/packages/react-components/react-components/src/Concepts/Positioning/PositioningOffsetFunction.stories.tsx b/packages/react-components/react-components/stories/Concepts/Positioning/PositioningOffsetFunction.stories.tsx
similarity index 100%
rename from packages/react-components/react-components/src/Concepts/Positioning/PositioningOffsetFunction.stories.tsx
rename to packages/react-components/react-components/stories/Concepts/Positioning/PositioningOffsetFunction.stories.tsx
diff --git a/packages/react-components/react-components/src/Concepts/Positioning/PositioningOffsetValue.stories.tsx b/packages/react-components/react-components/stories/Concepts/Positioning/PositioningOffsetValue.stories.tsx
similarity index 100%
rename from packages/react-components/react-components/src/Concepts/Positioning/PositioningOffsetValue.stories.tsx
rename to packages/react-components/react-components/stories/Concepts/Positioning/PositioningOffsetValue.stories.tsx
diff --git a/packages/react-components/react-components/src/Concepts/Positioning/PositioningOverflowBoundary.stories.tsx b/packages/react-components/react-components/stories/Concepts/Positioning/PositioningOverflowBoundary.stories.tsx
similarity index 100%
rename from packages/react-components/react-components/src/Concepts/Positioning/PositioningOverflowBoundary.stories.tsx
rename to packages/react-components/react-components/stories/Concepts/Positioning/PositioningOverflowBoundary.stories.tsx
diff --git a/packages/react-components/react-components/src/Concepts/Positioning/PositioningShorthandPositions.stories.tsx b/packages/react-components/react-components/stories/Concepts/Positioning/PositioningShorthandPositions.stories.tsx
similarity index 100%
rename from packages/react-components/react-components/src/Concepts/Positioning/PositioningShorthandPositions.stories.tsx
rename to packages/react-components/react-components/stories/Concepts/Positioning/PositioningShorthandPositions.stories.tsx
diff --git a/packages/react-components/react-components/src/Concepts/Positioning/index.stories.tsx b/packages/react-components/react-components/stories/Concepts/Positioning/index.stories.tsx
similarity index 100%
rename from packages/react-components/react-components/src/Concepts/Positioning/index.stories.tsx
rename to packages/react-components/react-components/stories/Concepts/Positioning/index.stories.tsx
diff --git a/packages/react-components/react-components/src/Concepts/Positioning/utils.stories.tsx b/packages/react-components/react-components/stories/Concepts/Positioning/utils.stories.tsx
similarity index 100%
rename from packages/react-components/react-components/src/Concepts/Positioning/utils.stories.tsx
rename to packages/react-components/react-components/stories/Concepts/Positioning/utils.stories.tsx
diff --git a/packages/react-components/react-components/src/Migrations/Flex.Flex.stories.mdx b/packages/react-components/react-components/stories/Migrations/Flex.Flex.stories.mdx
similarity index 100%
rename from packages/react-components/react-components/src/Migrations/Flex.Flex.stories.mdx
rename to packages/react-components/react-components/stories/Migrations/Flex.Flex.stories.mdx
diff --git a/packages/react-components/react-components/src/Migrations/Flex.FlexItem.stories.mdx b/packages/react-components/react-components/stories/Migrations/Flex.FlexItem.stories.mdx
similarity index 100%
rename from packages/react-components/react-components/src/Migrations/Flex.FlexItem.stories.mdx
rename to packages/react-components/react-components/stories/Migrations/Flex.FlexItem.stories.mdx
diff --git a/packages/react-components/react-components/src/Migrations/Flex.Overview.stories.mdx b/packages/react-components/react-components/stories/Migrations/Flex.Overview.stories.mdx
similarity index 100%
rename from packages/react-components/react-components/src/Migrations/Flex.Overview.stories.mdx
rename to packages/react-components/react-components/stories/Migrations/Flex.Overview.stories.mdx
diff --git a/packages/react-components/react-components/src/Migrations/Flex.Stack.stories.mdx b/packages/react-components/react-components/stories/Migrations/Flex.Stack.stories.mdx
similarity index 100%
rename from packages/react-components/react-components/src/Migrations/Flex.Stack.stories.mdx
rename to packages/react-components/react-components/stories/Migrations/Flex.Stack.stories.mdx
diff --git a/packages/react-components/react-components/src/Migrations/Flex.StackItem.stories.mdx b/packages/react-components/react-components/stories/Migrations/Flex.StackItem.stories.mdx
similarity index 100%
rename from packages/react-components/react-components/src/Migrations/Flex.StackItem.stories.mdx
rename to packages/react-components/react-components/stories/Migrations/Flex.StackItem.stories.mdx
diff --git a/packages/react-components/react-components/src/Migrations/utils.stories.test.tsx b/packages/react-components/react-components/stories/Migrations/utils.stories.test.tsx
similarity index 100%
rename from packages/react-components/react-components/src/Migrations/utils.stories.test.tsx
rename to packages/react-components/react-components/stories/Migrations/utils.stories.test.tsx
diff --git a/packages/react-components/react-components/src/Migrations/utils.stories.tsx b/packages/react-components/react-components/stories/Migrations/utils.stories.tsx
similarity index 100%
rename from packages/react-components/react-components/src/Migrations/utils.stories.tsx
rename to packages/react-components/react-components/stories/Migrations/utils.stories.tsx