Version Packages (#64)

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

Author: github-actions[bot]

.tegami/letter-spacing.md

@@ -1,42 +1,49 @@
 core:changelogs:
-  - content: "---\npackages:\n  tegaki:\n    type: minor\n---\n\n## Add `TegakiEngine.toSVG()` and a `canvas` accessor\n\nThe engine can now serialize its current text to a standalone SVG string via `toSVG({ animated, loop })` — either self-drawing (SMIL mask reveal, variable stroke width) or looping (CSS keyframes, constant width), with the viewBox cropped to the ink. The backing `<canvas>` is also exposed through a `canvas` getter so export tooling can read pixels without reaching through the DOM.\n"
-    filename: engine-to-svg-export.md
+  - content: "---\npackages:\n  tegaki:\n    type: minor\n---\n\n## Infer and apply CSS `letter-spacing`\n\nThe renderer now reads `letter-spacing` from the container's computed style — alongside `font-size`, `line-height`, and `color` — and applies it to the animated strokes, re-measuring when it changes. Spacing is inserted between clusters in the shaper pen-walk (matching the browser exactly for Latin, CJK, and non-cursive RTL like Hebrew) and picked up automatically from the DOM-measured offsets on the char-keyed fallback path, so line wrapping, glyph positions, and the drawn text stay in sync. The headless `textToSvg` export gained a matching `letterSpacing` option.\n"
+    filename: letter-spacing.md
     v: 0.0.0
-  - content: "---\npackages:\n  tegaki:\n    type: minor\n---\n\n## Add a `tegaki` CLI and a `textToSvg()` export\n\n`npx tegaki` renders text to an animated handwriting SVG straight from the command line. The same output is available programmatically through the new `textToSvg()` export, along with its `TextToSvgMode` and `TextToSvgOptions` types.\n"
-    filename: cli-and-text-to-svg.md
+  - content: "---\npackages:\n  tegaki:\n    type: patch\n---\n\n## Fix the React `TegakiRenderer` ref handle on React 18\n\n`TegakiRenderer` exposed its imperative handle via React 19's ref-as-prop, which React 18 silently drops (`ref is not a prop`), leaving the ref `null` despite the declared `react: >=18` support. It now uses `forwardRef`, so the `{ engine, element }` handle works on both React 18 and 19 (the generic component API is preserved).\n"
+    filename: react-forwardref.md
+    v: 0.0.0
+  - content: "---\npackages:\n  tegaki:\n    type: patch\n---\n\n## Fix doubled ghost text when exporting through DOM rasterizers\n\nThe DOM text overlay (kept for selection, accessibility and layout measurement) was hidden only with `-webkit-text-fill-color: transparent`. DOM-to-image/video rasterizers that don't implement that non-standard property — Editframe, html-to-image, Satori, headless-screenshot pipelines — repainted the overlay text in the inherited color and a default font, doubled on top of the canvas handwriting. It is now hidden with the standard `color: transparent`, which those exporters honor. (In `editable` mode the caret follows `currentColor`, so it is no longer independently visible — an accepted trade-off for correct exports.)\n"
+    filename: overlay-export-color.md
     v: 0.0.0
 core:packages:
   - id: npm:@tegaki/root
     updated: true
-  - changelogIds:
-      - engine-to-svg-export.md
-      - cli-and-text-to-svg.md
-    id: npm:tegaki
+  - id: npm:@tegaki/example-nuxt
     updated: true
-  - id: npm:@tegaki/website
+  - id: npm:@tegaki/example-next
     updated: true
-  - id: npm:tegaki-generator
+  - id: npm:@tegaki/example-remotion
     updated: true
   - id: npm:@tegaki/example-e2e
     updated: true
-  - id: npm:@tegaki/example-next
-    updated: true
-  - id: npm:@tegaki/example-nuxt
+  - id: npm:hyperframes
     updated: true
-  - id: npm:@tegaki/example-remotion
+  - id: npm:tegaki-generator
     updated: true
   - id: npm:@tegaki/example-vite
     updated: true
-  - id: npm:hyperframes
+  - id: npm:@tegaki/website
+    updated: true
+  - changelogIds:
+      - letter-spacing.md
+      - react-forwardref.md
+      - overlay-export-color.md
+    id: npm:tegaki
+    updated: true
+  - id: npm:@tegaki/example-editframe
     updated: true
 npm:packages:
   - id: npm:@tegaki/root
-  - id: npm:tegaki
-  - id: npm:@tegaki/website
-  - id: npm:tegaki-generator
-  - id: npm:@tegaki/example-e2e
-  - id: npm:@tegaki/example-next
   - id: npm:@tegaki/example-nuxt
+  - id: npm:@tegaki/example-next
   - id: npm:@tegaki/example-remotion
-  - id: npm:@tegaki/example-vite
+  - id: npm:@tegaki/example-e2e
   - id: npm:hyperframes
+  - id: npm:tegaki-generator
+  - id: npm:@tegaki/example-vite
+  - id: npm:@tegaki/website
+  - id: npm:tegaki
+  - id: npm:@tegaki/example-editframe

.tegami/overlay-export-color.md

@@ -1,6 +1,6 @@
 {
   "name": "@tegaki/example-e2e",
-  "version": "0.20.0",
+  "version": "0.21.0",
   "private": true,
   "type": "module",
   "scripts": {

.tegami/publish-lock.yaml

@@ -1,6 +1,6 @@
 {
   "name": "@tegaki/example-editframe",
-  "version": "0.21.0",
+  "version": "0.22.0",
   "private": true,
   "type": "module",
   "description": "Tegaki handwriting animations composed into a promo video with Editframe.",

.tegami/react-forwardref.md

@@ -8,5 +8,5 @@
     "render": "npx --yes hyperframes@0.5.3 render",
     "publish": "npx --yes hyperframes@0.5.3 publish"
   },
-  "version": "0.20.0"
+  "version": "0.21.0"
 }

bun.lock

@@ -1,6 +1,6 @@
 {
   "name": "@tegaki/example-next",
-  "version": "0.20.0",
+  "version": "0.21.0",
   "private": true,
   "type": "module",
   "scripts": {

e2e/examples/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tegaki/example-nuxt",
-  "version": "0.20.0",
+  "version": "0.21.0",
   "private": true,
   "type": "module",
   "scripts": {