move design system to use babel for readable component names

closes #6

package.json

@@ -10,14 +10,18 @@
     "format": "prettier '**/*' --write --ignore-unknown"
   },
   "devDependencies": {
-    "@types/node": "^18.0.3",
+    "@babel/cli": "^7.18.10",
+    "@babel/core": "^7.18.10",
+    "@babel/preset-react": "^7.18.6",
+    "@babel/plugin-transform-react-display-name": "^7.18.6",
+    "@babel/preset-typescript": "^7.18.6",
+    "@types/node": "^18.6.3",
     "@types/react": "^18.0.15",
     "@types/react-dom": "^18.0.6",
     "prettier": "^2.7.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "tsup": "^6.1.3",
-    "turbo": "1.3.1",
+    "turbo": "1.4.2",
     "typescript": "^4.7.4"
   }
 }

packages/overboard/.babelrc

@@ -0,0 +1,3 @@
+{
+  "presets": ["@babel/preset-typescript", "@babel/preset-react"]
+}

packages/overboard/package.json

@@ -3,7 +3,6 @@
   "version": "0.4.1",
   "description": "The offical design system for the fictitious Replay Overboard store.",
   "main": "dist/index.js",
-  "module": "dist/esm/index.js",
   "typings": "dist/index.d.ts",
   "sideEffects": false,
   "files": [
@@ -13,8 +12,8 @@
   ],
   "scripts": {
     "prepublishOnly": "yarn build",
-    "build": "tsup src/index.ts --dts --format esm,cjs --legacy-output",
-    "dev": "yarn build --watch --sourcemap"
+    "build": "babel src --extensions '.ts,.tsx' --out-dir dist && tsc --outFile dist/index.d.ts",
+    "dev": "yarn build --watch"
   },
   "repository": {
     "type": "git",

packages/overboard/tsconfig.json

@@ -1,6 +1,7 @@
 {
   "include": ["src/index.ts"],
   "compilerOptions": {
+    "emitDeclarationOnly": true,
     "target": "es2019",
     "module": "esnext",
     "lib": ["dom", "esnext"],

packages/site/package.json

@@ -9,10 +9,8 @@
     "build": "next build"
   },
   "dependencies": {
-    "@babel/core": "^7.18.6",
-    "@babel/plugin-transform-react-display-name": "^7.18.6",
     "@replayio/overboard": "*",
-    "next": "^12.2.2",
+    "next": "^12.2.4",
     "next-transpile-modules": "^9.0.0",
     "react": "*",
     "react-dom": "*",