Merge branch 'main' into fix-keypaths-type

Author: jclem

docs/content/drafts/ActionList2.mdx

@@ -43,10 +43,7 @@ import InlineCode from '@primer/gatsby-theme-doctocat/src/components/inline-code
 </Box>
 
 ```js
-// ESM
-import {ActionList} from '@primer/react/lib-esm/drafts'
-// or commonjs:
-import {ActionList} from '@primer/react/lib/drafts'
+import {ActionList} from '@primer/react/drafts'
 ```
 
 ## Examples

docs/content/drafts/ActionMenu2.mdx

@@ -43,10 +43,7 @@ import {Props} from '../../src/props'
 <br />
 
 ```js
-// ESM
-import {ActionMenu} from '@primer/react/lib-esm/drafts'
-// or commonjs:
-import {ActionMenu} from '@primer/react/lib/drafts'
+import {ActionMenu} from '@primer/react/drafts'
 ```
 
 <br />

docs/content/drafts/Button2.mdx

@@ -16,10 +16,7 @@ import {Button, IconButton, LinkButton} from '@primer/react/drafts'
 ### Installation
 
 ```js
-// ESM
-import {Button} from '@primer/react/lib-esm/drafts'
-// or commonjs:
-import {Button} from '@primer/react/lib/drafts'
+import {Button} from '@primer/react/drafts'
 ```
 
 ### Default button

docs/content/drafts/IconButton.mdx

@@ -14,9 +14,7 @@ import {ComponentChecklist} from '../../src/component-checklist'
 ### Installation
 
 ```js
-import {IconButton} from '@primer/react/lib-esm/drafts'
-// or commonjs:
-import {IconButton} from '@primer/react/lib/drafts'
+import {IconButton} from '@primer/react/drafts'
 ```
 
 ### Icon only button

docs/content/drafts/LinkButton.mdx

@@ -15,9 +15,7 @@ import {ArrowRightIcon} from '@primer/octicons-react'
 ### Installation
 
 ```js
-import {LinkButton} from '@primer/react/lib-esm/drafts'
-// or commonjs:
-import {LinkButton} from '@primer/react/lib/drafts'
+import {LinkButton} from '@primer/react/drafts'
 ```
 
 ### Default

drafts/package.json

@@ -0,0 +1,9 @@
+{
+    "_comment1": "this is required only for typescript. once this is fixed https://github.com/microsoft/TypeScript/issues/33079 we can remove this hack",
+    "name": "@primer/react/drafts",
+    "types": "../lib-esm/drafts/index.d.ts",
+    "main": "../lib-esm/drafts/index.js",
+    "type": "module",
+    "sideEffects": false
+  }
+  

package-lock.json

@@ -4,6 +4,20 @@
   "description": "An implementation of GitHub's Primer Design System using React",
   "main": "lib/index.js",
   "module": "lib-esm/index.js",
+  "exports": {
+    ".": {
+      "node": "./lib/index.js",
+      "default": "./lib-esm/index.js"
+    },
+    "./drafts": {
+      "node": "./lib/drafts/index.js",
+      "default": "./lib-esm/drafts/index.js"
+    },
+    "./lib-esm/*": {
+      "node": ["./lib/*.js","./lib/*/index.js"],
+      "default": ["./lib-esm/*.js","./lib-esm/*/index.js"]
+    }
+  },
   "typings": "lib/index.d.ts",
   "sideEffects": false,
   "scripts": {
@@ -34,6 +48,7 @@
     "lib",
     "lib-esm",
     "index.d.ts",
+    "drafts/package.json",
     "!lib/__tests__",
     "!lib/stories",
     "!lib-esm/__tests__",

package.json

@@ -6,8 +6,8 @@
  */
 
 // Components
-export * from './ActionList2'
-export * from './Button2'
-export * from './ActionMenu2'
-export * from './DropdownMenu2'
-export * from './Label2'
+export * from '../ActionList2'
+export * from '../Button2'
+export * from '../ActionMenu2'
+export * from '../DropdownMenu2'
+export * from '../Label2'