Refactor components and stories

.changeset/little-pillows-tell.md

@@ -0,0 +1,5 @@
+---
+'@primer/react': minor
+---
+
+Refactores stories and tests into folders

docs/content/drafts/InlineAutocomplete.mdx

@@ -10,7 +10,7 @@ storybook: '/react/storybook?path=/story/components-forms-inlineautocomplete--de
 import data from '../../../src/drafts/InlineAutocomplete/InlineAutocomplete.docs.json'
 
 ```js
-import {InlineAutocomplete} from '@primer/react/drafts'
+import {InlineAutocomplete} from '@primer/react/src/drafts'
 ```
 
 The `InlineAutocomplete` component extends an `Input` or `Textarea` component to provide inline suggestions, similar to those provided by a code editor.

docs/content/drafts/MarkdownEditor.mdx

@@ -9,7 +9,7 @@ storybook: '/react/storybook?path=/story/components-forms-markdowneditor--defaul
 import data from '../../../src/drafts/MarkdownEditor/MarkdownEditor.docs.json'
 
 ```js
-import {MarkdownEditor} from '@primer/react/drafts'
+import {MarkdownEditor} from '@primer/react/src/drafts'
 ```
 
 `MarkdownEditor` is a full-featured editor for GitHub Flavored Markdown, with support for:

docs/content/drafts/MarkdownViewer.mdx

@@ -8,7 +8,7 @@ description: Displays rendered Markdown and facilitates interaction.
 import data from '../../../src/drafts/MarkdownViewer/MarkdownViewer.docs.json'
 
 ```js
-import {MarkdownViewer} from '@primer/react/drafts'
+import {MarkdownViewer} from '@primer/react/src/drafts'
 ```
 
 The `MarkdownViewer` displays rendered Markdown and handles interaction (link clicking and checkbox checking/unchecking) with that content.

docs/content/drafts/PageHeader.mdx

@@ -7,10 +7,10 @@ source: https://github.com/primer/react/tree/main/src/PageHeader
 storybook: '/react/storybook/?path=/story/drafts-components-pageheader--playground'
 ---
 
-import data from '../../../src/PageHeader/PageHeader.docs.json'
+import data from '@primer/react/src/PageHeader/PageHeader.docs.json'
 
 ```js
-import {PageHeader} from '@primer/react/drafts'
+import {PageHeader} from '@primer/react/src/PageHeader'
 ```
 
 ## Examples

docs/content/drafts/UnderlineNav2.mdx

@@ -8,10 +8,10 @@ source: https://github.com/primer/react/tree/main/src/UnderlineNav2
 storybook: '/react/storybook/?path=/story/drafts-components-underlinenav--playground'
 ---
 
-import data from '../../../src/UnderlineNav2/UnderlineNav2.docs.json'
+import data from '@primer/react/src/UnderlineNav2/UnderlineNav2.docs.json'
 
 ```js
-import {UnderlineNav} from '@primer/react/drafts'
+import {UnderlineNav} from '@@primer/react/src/UnderlineNav2'
 ```
 
 ## Examples
@@ -107,7 +107,7 @@ render(<Navigation />)
 
 ```jsx
 import {Link, useMatch, useResolvedPath} from 'react-router-dom'
-import {UnderlineNav} from '@primer/react/drafts'
+import {UnderlineNav} from '@primer/react/src/UnderlineNav2'
 
 function UnderlineNavItem({to, children, ...rest}) {
   const resolved = useResolvedPath(to)
@@ -139,7 +139,7 @@ const Navigation = () => {
 ```jsx
 import {useRouter} from 'next/router'
 import Link from 'next/link'
-import {UnderlineNav} from '@primer/react/drafts'
+import {UnderlineNav} from '@primer/react/src/UnderlineNav2'
 
 function UnderlineNavItem({href, children, ...rest}) {
   const router = useRouter()