move the src code out of drafts and update docs

Author: broccolinisoup

docs/content/TooltipV2.mdx

@@ -1,12 +1,12 @@
 ---
 componentId: tooltip_v2
 title: Tooltip v2
-status: Draft
+status: Beta
 a11yReviewed: true
-source: https://github.com/primer/react/tree/main/packages/react/src/drafts/Tooltip.tsx
+source: https://github.com/primer/react/tree/main/packages/react/src/TooltipV2/Tooltip.tsx
 ---
 
-import data from '../../packages/react/src/drafts/Tooltip/Tooltip.docs.json'
+import data from '../../packages/react/src/TooltipV2/Tooltip.docs.json'
 
 ```js
 import {Tooltip} from '@primer/react/next'
@@ -30,7 +30,7 @@ Tooltip should only be used on an element that is interactive such as a button o
 
 Default tooltip is suitable for interactive controls that require additional context.
 
-```jsx live
+```jsx live next
 <Tooltip text="This change cannot be undone.">
   <Button>Delete</Button>
 </Tooltip>
@@ -40,7 +40,7 @@ Default tooltip is suitable for interactive controls that require additional con
 
 Tooltip can be used to label interactive controls that has no visible text label such as interactive icon links.
 
-```jsx live
+```jsx live next
 <Tooltip text="Contribution Documentation for 'Primer React'" type="label">
   <Link href="https://github.com/primer/react/contributor-docs/CONTRIBUTING.md" sx={{ml: 1, color: 'fg.muted'}}>
     <Octicon icon={BookIcon} sx={{color: 'fg.muted'}} />
@@ -50,7 +50,7 @@ Tooltip can be used to label interactive controls that has no visible text label
 
 ### With direction
 
-```jsx live
+```jsx live next
 <Box sx={{padding: 5, display: 'flex', gap: '8px'}}>
   <Tooltip direction="n" text="Supplementary text">
     <Button>North</Button>

docs/src/@primer/gatsby-theme-doctocat/live-code-scope.js

@@ -3,6 +3,8 @@ import * as octicons from '@primer/octicons-react'
 import * as primerComponents from '@primer/react'
 import * as drafts from '@primer/react/drafts'
 import * as deprecated from '@primer/react/deprecated'
+import * as experimental from '@primer/react/experimental'
+import * as next from '@primer/react/next'
 import {Placeholder} from '@primer/react/Placeholder'
 import React from 'react'
 import State from '../../../components/State'
@@ -24,7 +26,9 @@ export default function resolveScope(metastring) {
     ...primerComponents,
     ...octiconComponents,
     ...(metastring.includes('drafts') ? drafts : {}),
+    ...(metastring.includes('experimental') ? experimental : {}),
     ...(metastring.includes('deprecated') ? deprecated : {}),
+    ...(metastring.includes('next') ? next : {}),
     ReactRouterLink,
     State,
     Placeholder,

packages/react/src/ActionList/Item.tsx

@@ -2,7 +2,7 @@ import React from 'react'
 import styled from 'styled-components'
 import {AlertIcon} from '@primer/octicons-react'
 import Box, {BoxProps} from '../Box'
-import {Tooltip, TooltipProps} from '../drafts/Tooltip/Tooltip'
+import {Tooltip, TooltipProps} from '../TooltipV2/Tooltip'
 import {useId} from '../hooks/useId'
 import {useSlots} from '../hooks/useSlots'
 import sx, {BetterSystemStyleObject, merge, SxProp} from '../sx'

packages/react/src/ActionMenu/ActionMenu.tsx

@@ -9,7 +9,7 @@ import {Button, ButtonProps} from '../Button'
 import {useId} from '../hooks/useId'
 import {MandateProps} from '../utils/types'
 import {ForwardRefComponent as PolymorphicForwardRefComponent} from '../utils/polymorphic'
-import {Tooltip} from '../drafts/Tooltip/Tooltip'
+import {Tooltip} from '../TooltipV2/Tooltip'
 
 export type MenuContextProps = Pick<
   AnchoredOverlayProps,

packages/react/src/drafts/Tooltip/Tooltip.docs.json renamed to packages/react/src/TooltipV2/Tooltip.docs.json

@@ -1,7 +1,7 @@
 {
   "id": "tooltip_v2",
   "name": "Tooltip",
-  "status": "draft",
+  "status": "beta",
   "a11yReviewed": true,
   "stories": [],
   "props": [

packages/react/src/drafts/Tooltip/Tooltip.examples.stories.tsx renamed to packages/react/src/TooltipV2/Tooltip.examples.stories.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
-import {Button, IconButton, Breadcrumbs, ActionMenu, ActionList, NavList} from '../..'
-import {PageHeader} from '../../PageHeader'
+import {Button, IconButton, Breadcrumbs, ActionMenu, ActionList, NavList} from '..'
+import {PageHeader} from '../PageHeader'
 import {Tooltip} from './Tooltip'
 import {
   GitBranchIcon,
@@ -13,7 +13,7 @@ import {
   CommentIcon,
   XIcon,
 } from '@primer/octicons-react'
-import {default as VisuallyHidden} from '../../_VisuallyHidden'
+import {default as VisuallyHidden} from '../_VisuallyHidden'
 
 export default {
   title: 'Components/TooltipV2/Examples',

packages/react/src/drafts/Tooltip/Tooltip.features.stories.tsx renamed to packages/react/src/TooltipV2/Tooltip.features.stories.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import {IconButton, Button, Box, Link, Octicon, ActionMenu, ActionList} from '../..'
+import {IconButton, Button, Box, Link, Octicon, ActionMenu, ActionList} from '..'
 import {Tooltip} from './Tooltip'
 import {SearchIcon, BookIcon, CheckIcon, TriangleDownIcon, GitBranchIcon} from '@primer/octicons-react'
 

packages/react/src/drafts/Tooltip/Tooltip.playground.stories.tsx renamed to packages/react/src/TooltipV2/Tooltip.playground.stories.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import {Button, Box} from '../..'
+import {Button, Box} from '..'
 import {Tooltip} from './Tooltip'
 import {Meta, StoryFn} from '@storybook/react'
 

packages/react/src/drafts/Tooltip/Tooltip.stories.tsx renamed to packages/react/src/TooltipV2/Tooltip.stories.tsx

@@ -1,9 +1,9 @@
 import React from 'react'
-import {Button, Box} from '../..'
+import {Button, Box} from '..'
 import {Tooltip} from './Tooltip'
 
 export default {
-  title: 'Components/TooltipV2',
+  title: 'Components/Tooltip v2',
   component: Tooltip,
 }
 

packages/react/src/drafts/Tooltip/Tooltip.tsx renamed to packages/react/src/TooltipV2/Tooltip.tsx

@@ -1,11 +1,11 @@
 import React, {Children, useEffect, useRef, useState} from 'react'
-import sx, {SxProp} from '../../sx'
-import {useId, useProvidedRefOrCreate} from '../../hooks'
-import {invariant} from '../../utils/invariant'
-import {warning} from '../../utils/warning'
+import sx, {SxProp} from '../sx'
+import {useId, useProvidedRefOrCreate} from '../hooks'
+import {invariant} from '../utils/invariant'
+import {warning} from '../utils/warning'
 import styled from 'styled-components'
-import {get} from '../../constants'
-import {ComponentProps} from '../../utils/types'
+import {get} from '../constants'
+import {ComponentProps} from '../utils/types'
 import {getAnchoredPosition} from '@primer/behaviors'
 import type {AnchorSide, AnchorAlignment} from '@primer/behaviors'
 import {isSupported, apply} from '@oddbird/popover-polyfill/fn'