build with esbuild?

packages/docs/esbuild.config.ts

@@ -0,0 +1,12 @@
+import type { BuildOptions } from "esbuild"
+import packageJson from "./package.json"
+
+export const esbuildConfig: BuildOptions = {
+  entryPoints: [packageJson.source],
+  bundle: true,
+  outfile: packageJson.main,
+  format: "esm",
+  target: "node16",
+  platform: "node",
+  external: Object.keys(packageJson.dependencies),
+}

packages/docs/package.json

@@ -2,9 +2,10 @@
   "name": "reacord-docs-new",
   "type": "module",
   "private": true,
+  "source": "./src/main.tsx",
   "main": "./dist/main.js",
   "scripts": {
-    "build": "tsup --minify",
+    "build": "esmo --no-warnings scripts/build.ts",
     "dev": "esmo --no-warnings scripts/dev.ts | pino-colada",
     "start": "NODE_ENV=production pnpm serve | pino-colada",
     "serve": "node --experimental-import-meta-resolve --experimental-json-modules --no-warnings --enable-source-maps dist/main.js",

packages/docs/scripts/build.ts

@@ -0,0 +1,3 @@
+import { build } from "esbuild"
+import { esbuildConfig } from "../esbuild.config"
+await build(esbuildConfig)

packages/docs/src/components/popover-menu.tsx

@@ -1,4 +1,4 @@
-import { MenuAlt4Icon } from "@heroicons/react/outline"
+import { MenuAlt4Icon } from "@heroicons/react/outline/esm"
 import clsx from "clsx"
 import React from "react"
 import { linkClass } from "../styles/components"

packages/docs/src/data/main-links.tsx

@@ -2,7 +2,7 @@ import {
   CodeIcon,
   DocumentTextIcon,
   ExternalLinkIcon,
-} from "@heroicons/react/solid"
+} from "@heroicons/react/solid/esm"
 import React from "react"
 import type { AppLinkProps } from "../components/app-link"
 import { inlineIconClass } from "../styles/components"

packages/docs/tsup.config.js

@@ -1,8 +0,0 @@
-import { defineConfig } from "tsup"
-
-export default defineConfig({
-  entry: ["./src/main.tsx"],
-  target: "node16",
-  format: ["esm"],
-  sourcemap: true,
-})