fix(github-callouts): bundle only the theme from comark-zoom, so callouts don't install zoom or ship its styles

AGENTS.md

@@ -17,6 +17,7 @@ A pnpm workspace. Every package in `packages/` is published to npm under its own
 - `packages/zoom` is `comark-zoom`.
   - `src/index.ts` is the parse plugin. It marks content images and adds one `zoom-runtime` node to a document with anything to zoom.
   - `src/script.ts` is the browser script. `script()` is self-contained because the HTML renderer inlines its source. `src/client.ts` exports `start()`, which runs it with the bundled styles; Vue, React, and Svelte components call it on mount and stop it on unmount.
+  - `src/theme.ts` resolves the shared `--comark-*` tokens, and `comark-zoom/theme` exports it alone. `comark-github-callouts` has it as a dev dependency and bundles only this entry, so callouts don't install zoom or carry its styles.
   - `src/html.ts`, `src/vue.ts`, `src/react.ts`, and `src/svelte/` are the renderers. They all output the same markup.
 - `docs/` builds the docs site with the plugins themselves. Cloudflare serves it from `docs/dist`.
 

packages/github-callouts/package.json

@@ -55,16 +55,14 @@
     "doctor": "vite-doctor . --no-cache --max-warnings 0 --format text",
     "prepack": "pnpm --filter comark-github-callouts... build"
   },
-  "dependencies": {
-    "comark-zoom": "workspace:*"
-  },
   "devDependencies": {
     "@comark/html": "catalog:",
     "@comark/react": "catalog:",
     "@comark/vue": "catalog:",
     "@types/react": "catalog:",
     "@types/react-dom": "catalog:",
     "comark": "catalog:",
+    "comark-zoom": "workspace:*",
     "react": "catalog:",
     "react-dom": "catalog:",
     "svelte": "catalog:",

packages/github-callouts/src/styles.ts

@@ -1,4 +1,4 @@
-import { theme } from "comark-zoom/client";
+import { theme } from "comark-zoom/theme";
 
 const types = ["note", "tip", "important", "warning", "caution"];
 

packages/zoom/package.json

@@ -41,6 +41,7 @@
       "svelte": "./dist/svelte/index.js",
       "default": "./dist/svelte/index.js"
     },
+    "./theme": "./dist/theme.mjs",
     "./vue": "./dist/vue.mjs",
     "./package.json": "./package.json"
   },

packages/zoom/tsdown.config.ts

@@ -2,7 +2,14 @@ import { defineConfig } from "tsdown";
 import { css } from "./src/styles.ts";
 
 export default defineConfig({
-  entry: ["src/index.ts", "src/html.ts", "src/client.ts", "src/vue.ts", "src/react.ts"],
+  entry: [
+    "src/index.ts",
+    "src/html.ts",
+    "src/client.ts",
+    "src/theme.ts",
+    "src/vue.ts",
+    "src/react.ts",
+  ],
   format: ["esm"],
   dts: true,
   clean: true,