modern-text 2.0.9 → 2.1.1

package/README.md

@@ -19,17 +19,16 @@
 </p>
 
 `modern-text` measures and renders rich text on Canvas with a layout model that
-mirrors the browser's. It has no React/Vue dependency, ships ESM + CJS, and can
-run **either in the browser (using the DOM as ground truth) or fully DOM-free in
-Node / SSR / Web Workers**.
+mirrors the browser's. It has no React/Vue dependency, ships ESM + CJS, and is
+**fully DOM-free** — the same measure → render pipeline runs in the browser,
+Node, SSR or Web Workers.
 
 ## Features
 
 - 📐 **DOM-accurate layout** — paragraphs, line wrapping, baselines, alignment.
-- 🧩 **Two interchangeable layout backends**
-  - `DomMeasurer` — measures via a hidden DOM tree + `getBoundingClientRect()`.
-  - `FontMeasurer` — pure-JS, computes layout from font glyph metrics; runs with
-    no `document`, so it works in **Node / SSR / Workers** and is deterministic.
+- 🧩 **Pure-JS, DOM-free layout** — the built-in `Measurer` computes layout from
+  `modern-font` glyph metrics + kerning with no `document`, so it works in **Node
+  / SSR / Workers**, is deterministic, and measures the exact font it renders.
 - ↔️ **Horizontal & vertical** writing modes (`horizontal-tb`, `vertical-rl`).
 - 🅰️ **Rich inline styling** — per-fragment font size/family/weight/style, color,
   letter-spacing, line-height, text-indent, text-align, vertical-align,
@@ -81,23 +80,23 @@ renderText({
 })
 ```
 
-## Layout backends
+## Layout backend
 
-By default `modern-text` uses the pure-JS **`'font'`** backend (`FontMeasurer`),
-which resolves fonts from the `fonts` you pass or from `modern-font`'s global
-registry. Pass `'dom'` to use the browser as ground truth, or a custom
-`TextMeasurer`:
+`modern-text` measures with a single built-in **`Measurer`** — pure-JS and
+DOM-free — which resolves fonts from the `fonts` you pass or from `modern-font`'s
+global registry. It's the default; to plug in your own engine, pass any object
+implementing `TextMeasurer`:
 
 ```ts
-new Text({ fonts, measurer: 'font' }) // pure-JS, DOM-free (default)
-new Text({ fonts, measurer: 'dom' }) //  browser ground truth
+new Text({ fonts }) // uses the built-in Measurer (default)
 new Text({ measurer: myCustomMeasurer }) // any object implementing TextMeasurer
 ```
 
 ### Node / SSR / Workers
 
-`FontMeasurer` needs no `document`, so the whole measure → render pipeline runs
-outside the browser. Register fonts from a buffer with `modern-font`:
+The built-in `Measurer` needs no `document`, so the whole measure → render
+pipeline runs outside the browser. Register fonts from a buffer with
+`modern-font`:
 
 ```ts
 import { readFileSync } from 'node:fs'
@@ -232,11 +231,21 @@ renderText({
   view,
   fonts,
   content: 'Deformation',
-  style: { fontSize: 100 },
-  deformation: { type: 'arch-curve' },
+  style: { fontSize: 64 },
+  deformation: { type: 'arch-curve', intensities: [50] },
 })
 ```
 
+`intensities` is the strength of the effect, `0`–`100` per axis. Most presets
+read a single value (`intensities[0]`); a few are **two-axis** and also read
+`intensities[1]` — e.g. `skew` and `trapezoid` slant/taper independently on the
+x and y axes. A missing axis is treated as `0`.
+
+Deformation is **scale-invariant**: the geometry is derived from the text's own
+font size, so the same `intensities` produce the same shape at any `fontSize` —
+you don't pass a reference size. (The legacy `deformation.maxFontSize` field is
+no longer needed and is only used as a fallback when no glyphs are measurable.)
+
 <details>
 <summary>Available presets (34)</summary>
 

package/dist/deformations/index.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
 const modernPath2d = require('modern-path2d');
-const deformation = require('../shared/modern-text.DQWdaYoZ.cjs');
+const deformation = require('../shared/modern-text._10DVHum.cjs');
 const curves = require('../shared/modern-text.MC5bIC9E.cjs');
 require('modern-idoc');
 

package/dist/deformations/index.d.cts

@@ -1,6 +1,6 @@
-import { c as DeformationPreset } from '../shared/modern-text.Dmjryk8u.cjs';
+import { c as DeformationPreset } from '../shared/modern-text.DzBaDwbG.cjs';
 import 'modern-path2d';
-import '../shared/modern-text.DPlppHEM.cjs';
+import '../shared/modern-text.DG27jpKj.cjs';
 import 'modern-idoc';
 import 'modern-font';
 

package/dist/deformations/index.d.mts

@@ -1,6 +1,6 @@
-import { c as DeformationPreset } from '../shared/modern-text.BzOupiZm.mjs';
+import { c as DeformationPreset } from '../shared/modern-text.DNXfZmiT.mjs';
 import 'modern-path2d';
-import '../shared/modern-text.DPlppHEM.mjs';
+import '../shared/modern-text.DG27jpKj.mjs';
 import 'modern-idoc';
 import 'modern-font';
 

package/dist/deformations/index.d.ts

@@ -1,6 +1,6 @@
-import { c as DeformationPreset } from '../shared/modern-text.CwEJ2EZq.js';
+import { c as DeformationPreset } from '../shared/modern-text.CGZmjNV0.js';
 import 'modern-path2d';
-import '../shared/modern-text.DPlppHEM.js';
+import '../shared/modern-text.DG27jpKj.js';
 import 'modern-idoc';
 import 'modern-font';
 

package/dist/deformations/index.mjs

@@ -1,5 +1,5 @@
 import { Vector2 } from 'modern-path2d';
-import { d as defineDeformation } from '../shared/modern-text.K8BlyK2j.mjs';
+import { d as defineDeformation } from '../shared/modern-text.CdKp2H-o.mjs';
 import { H as HeartCurve, R as RectangularCurve, E as EllipseCurve, C as CircleCurve, P as PolygonCurve } from '../shared/modern-text.fT17R5HY.mjs';
 import 'modern-idoc';
 

package/dist/index.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
-const Text = require('./shared/modern-text.CKFvdNej.cjs');
-const deformation = require('./shared/modern-text.DQWdaYoZ.cjs');
+const Text = require('./shared/modern-text.BAnUZM0U.cjs');
+const deformation = require('./shared/modern-text._10DVHum.cjs');
 const curves = require('./shared/modern-text.MC5bIC9E.cjs');
 require('modern-font');
 require('modern-idoc');
@@ -29,9 +29,8 @@ function renderText(options, load) {
 
 exports.Canvas2DRenderer = Text.Canvas2DRenderer;
 exports.Character = Text.Character;
-exports.DomMeasurer = Text.DomMeasurer;
-exports.FontMeasurer = Text.FontMeasurer;
 exports.Fragment = Text.Fragment;
+exports.Measurer = Text.Measurer;
 exports.Paragraph = Text.Paragraph;
 exports.Text = Text.Text;
 exports.backgroundPlugin = Text.backgroundPlugin;

package/dist/index.d.cts

@@ -1,21 +1,20 @@
-import { i as Plugin, k as TextMeasurer, P as Paragraph, M as MeasureDomResult, a as Character, O as Options, c as MeasureResult, R as RenderOptions, T as Text } from './shared/modern-text.DPlppHEM.cjs';
-export { C as Canvas2DRenderer, D as DomMeasurer, b as DrawShapePathsOptions, F as Fragment, d as MeasuredCharacter, e as MeasuredCharacterRect, f as MeasuredFragment, g as MeasuredParagraph, h as MeasurerKind, j as TextEvents, t as textDefaultStyle } from './shared/modern-text.DPlppHEM.cjs';
+import { c as Plugin, e as TextMeasurer, P as Paragraph, b as MeasurerResult, a as Character, O as Options, M as MeasureResult, R as RenderOptions, T as Text } from './shared/modern-text.DG27jpKj.cjs';
+export { C as Canvas2DRenderer, D as DrawShapePathsOptions, F as Fragment, d as TextEvents, t as textDefaultStyle } from './shared/modern-text.DG27jpKj.cjs';
 import { Fonts } from 'modern-font';
 import { FullStyle, NormalizedStyle, NormalizedHighlight, NormalizedEffect } from 'modern-idoc';
 import { BoundingBox, Vector2, Path2DSet, Transform2D } from 'modern-path2d';
-import { c as DeformationPreset } from './shared/modern-text.Dmjryk8u.cjs';
-export { B as BendContext, a as BendPreset, C as CurvePreset, D as DeformationCharInfo, b as DeformationCurve, F as FfdContext, d as FfdPreset, O as OffsetPreset, V as VerbatimContext } from './shared/modern-text.Dmjryk8u.cjs';
+import { c as DeformationPreset } from './shared/modern-text.DzBaDwbG.cjs';
+export { B as BendContext, a as BendPreset, C as CurvePreset, D as DeformationCharInfo, b as DeformationCurve, F as FfdContext, d as FfdPreset, O as OffsetPreset, V as VerbatimContext } from './shared/modern-text.DzBaDwbG.cjs';
 
 declare function definePlugin(options: Plugin): Plugin;
 
 /**
- * Pure-JS, DOM-free text measurer — a drop-in alternative to {@link DomMeasurer}.
+ * The pure-JS, DOM-free text measurer (the only built-in backend).
  *
- * Instead of mounting a `<section>/<ul>/<li>/<span>` tree and reading
- * `getBoundingClientRect()`, it computes the same four-level boxes
- * (`character.inlineBox`/`lineBox`, `fragment.inlineBox`, `paragraph.lineBox`)
- * from `modern-font` glyph advances, so the downstream
- * measure → glyph → plugin pipeline is unchanged and it runs in Node/SSR/Worker.
+ * It computes the four-level boxes (`character.inlineBox`/`lineBox`, `fragment.inlineBox`,
+ * `paragraph.lineBox`) directly from `modern-font` glyph advances + kerning — no DOM, so it
+ * runs in Node/SSR/Worker and measures the *exact* font that is rendered (advances come from
+ * the same SFNT the glyph paths do, so layout and rendering are pixel-consistent by construction).
  *
  * ## Scope
  * - `horizontal-tb` (LTR) and `vertical-rl` (columns right-to-left, glyphs top↓)
@@ -23,37 +22,36 @@ declare function definePlugin(options: Plugin): Plugin;
  * - per-line `text-align` (start/left/center/end/right), `text-indent` (first line)
  * - box model: root + paragraph `padding`/`margin` (horizontal), `letter-spacing`,
  *   `line-height`; block `vertical-align` (top/middle/bottom) at fixed height
+ * - pair kerning (GPOS `kern` feature / legacy `kern` table) folded into break + positioning
  *
  * ## Not yet implemented (TODO)
  * - UAX#14 `word-break: normal` + 避头尾/kinsoku (`line-break`)
  * - BiDi, per-fragment inline `vertical-align`, borders
  * - vertical: per-paragraph margin/padding and block alignment
- * - kerning/ligatures (GSUB/GPOS) — fine for CJK, diverges for proportional Latin
+ * - ligatures (GSUB) — fine for CJK and most UI Latin
  *
- * Coordinates are relative to the root border-box top-left (matching the DOM
- * measurer, whose rects are taken relative to `section.getBoundingClientRect()`).
+ * Coordinates are relative to the root border-box top-left.
  */
-declare class FontMeasurer implements TextMeasurer {
-    measure(paragraphs: Paragraph[], rootStyle: FullStyle, _dom?: HTMLElement, fonts?: Fonts): MeasureDomResult;
+declare class Measurer implements TextMeasurer {
+    measure(paragraphs: Paragraph[], rootStyle: FullStyle, _dom?: HTMLElement, fonts?: Fonts): MeasurerResult;
     protected _rootPadding(rootStyle: FullStyle): {
         top: number;
         right: number;
         bottom: number;
         left: number;
     };
-    protected _measureHorizontal(paragraphs: Paragraph[], rootStyle: FullStyle): MeasureDomResult;
+    protected _measureHorizontal(paragraphs: Paragraph[], rootStyle: FullStyle): MeasurerResult;
     /**
      * Vertical writing-mode (`vertical-rl`): columns stack right-to-left, glyphs
      * flow top→bottom. It is the horizontal layout with the inline and block axes
      * swapped — the inline (down-column) advance is `advanceWidth` (CJK upright = em;
      * Latin is rotated, so its advance ≈ its width), the cross-axis content box is
-     * `advanceHeight`, and the column thickness is `fontHeight`. The lineBox is
-     * derived exactly as DomMeasurer.measureParagraphDom's vertical branch, so it
-     * stays accurate even though inlineBox carries the content-box rounding residual.
+     * `advanceHeight`, and the column thickness is `fontHeight`. The lineBox stays
+     * accurate even though inlineBox carries the content-box rounding residual.
      *
      * v1: `vertical-rl` only; no per-paragraph margin/padding or block alignment.
      */
-    protected _measureVertical(paragraphs: Paragraph[], rootStyle: FullStyle): MeasureDomResult;
+    protected _measureVertical(paragraphs: Paragraph[], rootStyle: FullStyle): MeasurerResult;
     /** Advance step including CSS letter-spacing (px). */
     protected _advance(character: Character): number;
     /**
@@ -62,6 +60,7 @@ declare class FontMeasurer implements TextMeasurer {
      * plus explicit `\n`/`\r` hard breaks. The newline itself occupies no line box.
      */
     protected _breakLines(paragraph: Paragraph, avail: number): Character[][];
+    protected _applyKerning(paragraphs: Paragraph[]): void;
     protected _unionInto(target: BoundingBox, boxes: BoundingBox[]): void;
     protected _shiftAll(paragraphs: Paragraph[], dy: number): void;
     dispose(): void;
@@ -240,5 +239,5 @@ declare function parseColormap(colormap: 'none' | Record<string, string>): Recor
 declare function isEqualObject(obj1: Record<string, any>, obj2: Record<string, any>): boolean;
 declare function isEqualValue(val1: any, val2: any): boolean;
 
-export { Character, CircleCurve, DeformationPreset, EllipseCurve, FontMeasurer, HeartCurve, MeasureDomResult, MeasureResult, Options, Paragraph, Plugin, PolygonCurve, RectangularCurve, RenderOptions, Text, TextMeasurer, backgroundPlugin, createSvgLoader, createSvgParser, defineDeformation, definePlugin, deformationPlugin, getDeformationNames, getEffectTransform2D, getHighlightStyle, highlightPlugin, isEqualObject, isEqualValue, listStylePlugin, measureText, outlinePlugin, parseColormap, parseTransformOrigin, parseValueNumber, removeDeformation, renderPlugin, renderText, textDecorationPlugin };
+export { Character, CircleCurve, DeformationPreset, EllipseCurve, HeartCurve, MeasureResult, Measurer, MeasurerResult, Options, Paragraph, Plugin, PolygonCurve, RectangularCurve, RenderOptions, Text, TextMeasurer, backgroundPlugin, createSvgLoader, createSvgParser, defineDeformation, definePlugin, deformationPlugin, getDeformationNames, getEffectTransform2D, getHighlightStyle, highlightPlugin, isEqualObject, isEqualValue, listStylePlugin, measureText, outlinePlugin, parseColormap, parseTransformOrigin, parseValueNumber, removeDeformation, renderPlugin, renderText, textDecorationPlugin };
 export type { RenderTextOptions, SvgLoader, SvgParser };

package/dist/index.d.mts

@@ -1,21 +1,20 @@
-import { i as Plugin, k as TextMeasurer, P as Paragraph, M as MeasureDomResult, a as Character, O as Options, c as MeasureResult, R as RenderOptions, T as Text } from './shared/modern-text.DPlppHEM.mjs';
-export { C as Canvas2DRenderer, D as DomMeasurer, b as DrawShapePathsOptions, F as Fragment, d as MeasuredCharacter, e as MeasuredCharacterRect, f as MeasuredFragment, g as MeasuredParagraph, h as MeasurerKind, j as TextEvents, t as textDefaultStyle } from './shared/modern-text.DPlppHEM.mjs';
+import { c as Plugin, e as TextMeasurer, P as Paragraph, b as MeasurerResult, a as Character, O as Options, M as MeasureResult, R as RenderOptions, T as Text } from './shared/modern-text.DG27jpKj.mjs';
+export { C as Canvas2DRenderer, D as DrawShapePathsOptions, F as Fragment, d as TextEvents, t as textDefaultStyle } from './shared/modern-text.DG27jpKj.mjs';
 import { Fonts } from 'modern-font';
 import { FullStyle, NormalizedStyle, NormalizedHighlight, NormalizedEffect } from 'modern-idoc';
 import { BoundingBox, Vector2, Path2DSet, Transform2D } from 'modern-path2d';
-import { c as DeformationPreset } from './shared/modern-text.BzOupiZm.mjs';
-export { B as BendContext, a as BendPreset, C as CurvePreset, D as DeformationCharInfo, b as DeformationCurve, F as FfdContext, d as FfdPreset, O as OffsetPreset, V as VerbatimContext } from './shared/modern-text.BzOupiZm.mjs';
+import { c as DeformationPreset } from './shared/modern-text.DNXfZmiT.mjs';
+export { B as BendContext, a as BendPreset, C as CurvePreset, D as DeformationCharInfo, b as DeformationCurve, F as FfdContext, d as FfdPreset, O as OffsetPreset, V as VerbatimContext } from './shared/modern-text.DNXfZmiT.mjs';
 
 declare function definePlugin(options: Plugin): Plugin;
 
 /**
- * Pure-JS, DOM-free text measurer — a drop-in alternative to {@link DomMeasurer}.
+ * The pure-JS, DOM-free text measurer (the only built-in backend).
  *
- * Instead of mounting a `<section>/<ul>/<li>/<span>` tree and reading
- * `getBoundingClientRect()`, it computes the same four-level boxes
- * (`character.inlineBox`/`lineBox`, `fragment.inlineBox`, `paragraph.lineBox`)
- * from `modern-font` glyph advances, so the downstream
- * measure → glyph → plugin pipeline is unchanged and it runs in Node/SSR/Worker.
+ * It computes the four-level boxes (`character.inlineBox`/`lineBox`, `fragment.inlineBox`,
+ * `paragraph.lineBox`) directly from `modern-font` glyph advances + kerning — no DOM, so it
+ * runs in Node/SSR/Worker and measures the *exact* font that is rendered (advances come from
+ * the same SFNT the glyph paths do, so layout and rendering are pixel-consistent by construction).
  *
  * ## Scope
  * - `horizontal-tb` (LTR) and `vertical-rl` (columns right-to-left, glyphs top↓)
@@ -23,37 +22,36 @@ declare function definePlugin(options: Plugin): Plugin;
  * - per-line `text-align` (start/left/center/end/right), `text-indent` (first line)
  * - box model: root + paragraph `padding`/`margin` (horizontal), `letter-spacing`,
  *   `line-height`; block `vertical-align` (top/middle/bottom) at fixed height
+ * - pair kerning (GPOS `kern` feature / legacy `kern` table) folded into break + positioning
  *
  * ## Not yet implemented (TODO)
  * - UAX#14 `word-break: normal` + 避头尾/kinsoku (`line-break`)
  * - BiDi, per-fragment inline `vertical-align`, borders
  * - vertical: per-paragraph margin/padding and block alignment
- * - kerning/ligatures (GSUB/GPOS) — fine for CJK, diverges for proportional Latin
+ * - ligatures (GSUB) — fine for CJK and most UI Latin
  *
- * Coordinates are relative to the root border-box top-left (matching the DOM
- * measurer, whose rects are taken relative to `section.getBoundingClientRect()`).
+ * Coordinates are relative to the root border-box top-left.
  */
-declare class FontMeasurer implements TextMeasurer {
-    measure(paragraphs: Paragraph[], rootStyle: FullStyle, _dom?: HTMLElement, fonts?: Fonts): MeasureDomResult;
+declare class Measurer implements TextMeasurer {
+    measure(paragraphs: Paragraph[], rootStyle: FullStyle, _dom?: HTMLElement, fonts?: Fonts): MeasurerResult;
     protected _rootPadding(rootStyle: FullStyle): {
         top: number;
         right: number;
         bottom: number;
         left: number;
     };
-    protected _measureHorizontal(paragraphs: Paragraph[], rootStyle: FullStyle): MeasureDomResult;
+    protected _measureHorizontal(paragraphs: Paragraph[], rootStyle: FullStyle): MeasurerResult;
     /**
      * Vertical writing-mode (`vertical-rl`): columns stack right-to-left, glyphs
      * flow top→bottom. It is the horizontal layout with the inline and block axes
      * swapped — the inline (down-column) advance is `advanceWidth` (CJK upright = em;
      * Latin is rotated, so its advance ≈ its width), the cross-axis content box is
-     * `advanceHeight`, and the column thickness is `fontHeight`. The lineBox is
-     * derived exactly as DomMeasurer.measureParagraphDom's vertical branch, so it
-     * stays accurate even though inlineBox carries the content-box rounding residual.
+     * `advanceHeight`, and the column thickness is `fontHeight`. The lineBox stays
+     * accurate even though inlineBox carries the content-box rounding residual.
      *
      * v1: `vertical-rl` only; no per-paragraph margin/padding or block alignment.
      */
-    protected _measureVertical(paragraphs: Paragraph[], rootStyle: FullStyle): MeasureDomResult;
+    protected _measureVertical(paragraphs: Paragraph[], rootStyle: FullStyle): MeasurerResult;
     /** Advance step including CSS letter-spacing (px). */
     protected _advance(character: Character): number;
     /**
@@ -62,6 +60,7 @@ declare class FontMeasurer implements TextMeasurer {
      * plus explicit `\n`/`\r` hard breaks. The newline itself occupies no line box.
      */
     protected _breakLines(paragraph: Paragraph, avail: number): Character[][];
+    protected _applyKerning(paragraphs: Paragraph[]): void;
     protected _unionInto(target: BoundingBox, boxes: BoundingBox[]): void;
     protected _shiftAll(paragraphs: Paragraph[], dy: number): void;
     dispose(): void;
@@ -240,5 +239,5 @@ declare function parseColormap(colormap: 'none' | Record<string, string>): Recor
 declare function isEqualObject(obj1: Record<string, any>, obj2: Record<string, any>): boolean;
 declare function isEqualValue(val1: any, val2: any): boolean;
 
-export { Character, CircleCurve, DeformationPreset, EllipseCurve, FontMeasurer, HeartCurve, MeasureDomResult, MeasureResult, Options, Paragraph, Plugin, PolygonCurve, RectangularCurve, RenderOptions, Text, TextMeasurer, backgroundPlugin, createSvgLoader, createSvgParser, defineDeformation, definePlugin, deformationPlugin, getDeformationNames, getEffectTransform2D, getHighlightStyle, highlightPlugin, isEqualObject, isEqualValue, listStylePlugin, measureText, outlinePlugin, parseColormap, parseTransformOrigin, parseValueNumber, removeDeformation, renderPlugin, renderText, textDecorationPlugin };
+export { Character, CircleCurve, DeformationPreset, EllipseCurve, HeartCurve, MeasureResult, Measurer, MeasurerResult, Options, Paragraph, Plugin, PolygonCurve, RectangularCurve, RenderOptions, Text, TextMeasurer, backgroundPlugin, createSvgLoader, createSvgParser, defineDeformation, definePlugin, deformationPlugin, getDeformationNames, getEffectTransform2D, getHighlightStyle, highlightPlugin, isEqualObject, isEqualValue, listStylePlugin, measureText, outlinePlugin, parseColormap, parseTransformOrigin, parseValueNumber, removeDeformation, renderPlugin, renderText, textDecorationPlugin };
 export type { RenderTextOptions, SvgLoader, SvgParser };

package/dist/index.d.ts

@@ -1,21 +1,20 @@
-import { i as Plugin, k as TextMeasurer, P as Paragraph, M as MeasureDomResult, a as Character, O as Options, c as MeasureResult, R as RenderOptions, T as Text } from './shared/modern-text.DPlppHEM.js';
-export { C as Canvas2DRenderer, D as DomMeasurer, b as DrawShapePathsOptions, F as Fragment, d as MeasuredCharacter, e as MeasuredCharacterRect, f as MeasuredFragment, g as MeasuredParagraph, h as MeasurerKind, j as TextEvents, t as textDefaultStyle } from './shared/modern-text.DPlppHEM.js';
+import { c as Plugin, e as TextMeasurer, P as Paragraph, b as MeasurerResult, a as Character, O as Options, M as MeasureResult, R as RenderOptions, T as Text } from './shared/modern-text.DG27jpKj.js';
+export { C as Canvas2DRenderer, D as DrawShapePathsOptions, F as Fragment, d as TextEvents, t as textDefaultStyle } from './shared/modern-text.DG27jpKj.js';
 import { Fonts } from 'modern-font';
 import { FullStyle, NormalizedStyle, NormalizedHighlight, NormalizedEffect } from 'modern-idoc';
 import { BoundingBox, Vector2, Path2DSet, Transform2D } from 'modern-path2d';
-import { c as DeformationPreset } from './shared/modern-text.CwEJ2EZq.js';
-export { B as BendContext, a as BendPreset, C as CurvePreset, D as DeformationCharInfo, b as DeformationCurve, F as FfdContext, d as FfdPreset, O as OffsetPreset, V as VerbatimContext } from './shared/modern-text.CwEJ2EZq.js';
+import { c as DeformationPreset } from './shared/modern-text.CGZmjNV0.js';
+export { B as BendContext, a as BendPreset, C as CurvePreset, D as DeformationCharInfo, b as DeformationCurve, F as FfdContext, d as FfdPreset, O as OffsetPreset, V as VerbatimContext } from './shared/modern-text.CGZmjNV0.js';
 
 declare function definePlugin(options: Plugin): Plugin;
 
 /**
- * Pure-JS, DOM-free text measurer — a drop-in alternative to {@link DomMeasurer}.
+ * The pure-JS, DOM-free text measurer (the only built-in backend).
  *
- * Instead of mounting a `<section>/<ul>/<li>/<span>` tree and reading
- * `getBoundingClientRect()`, it computes the same four-level boxes
- * (`character.inlineBox`/`lineBox`, `fragment.inlineBox`, `paragraph.lineBox`)
- * from `modern-font` glyph advances, so the downstream
- * measure → glyph → plugin pipeline is unchanged and it runs in Node/SSR/Worker.
+ * It computes the four-level boxes (`character.inlineBox`/`lineBox`, `fragment.inlineBox`,
+ * `paragraph.lineBox`) directly from `modern-font` glyph advances + kerning — no DOM, so it
+ * runs in Node/SSR/Worker and measures the *exact* font that is rendered (advances come from
+ * the same SFNT the glyph paths do, so layout and rendering are pixel-consistent by construction).
  *
  * ## Scope
  * - `horizontal-tb` (LTR) and `vertical-rl` (columns right-to-left, glyphs top↓)
@@ -23,37 +22,36 @@ declare function definePlugin(options: Plugin): Plugin;
  * - per-line `text-align` (start/left/center/end/right), `text-indent` (first line)
  * - box model: root + paragraph `padding`/`margin` (horizontal), `letter-spacing`,
  *   `line-height`; block `vertical-align` (top/middle/bottom) at fixed height
+ * - pair kerning (GPOS `kern` feature / legacy `kern` table) folded into break + positioning
  *
  * ## Not yet implemented (TODO)
  * - UAX#14 `word-break: normal` + 避头尾/kinsoku (`line-break`)
  * - BiDi, per-fragment inline `vertical-align`, borders
  * - vertical: per-paragraph margin/padding and block alignment
- * - kerning/ligatures (GSUB/GPOS) — fine for CJK, diverges for proportional Latin
+ * - ligatures (GSUB) — fine for CJK and most UI Latin
  *
- * Coordinates are relative to the root border-box top-left (matching the DOM
- * measurer, whose rects are taken relative to `section.getBoundingClientRect()`).
+ * Coordinates are relative to the root border-box top-left.
  */
-declare class FontMeasurer implements TextMeasurer {
-    measure(paragraphs: Paragraph[], rootStyle: FullStyle, _dom?: HTMLElement, fonts?: Fonts): MeasureDomResult;
+declare class Measurer implements TextMeasurer {
+    measure(paragraphs: Paragraph[], rootStyle: FullStyle, _dom?: HTMLElement, fonts?: Fonts): MeasurerResult;
     protected _rootPadding(rootStyle: FullStyle): {
         top: number;
         right: number;
         bottom: number;
         left: number;
     };
-    protected _measureHorizontal(paragraphs: Paragraph[], rootStyle: FullStyle): MeasureDomResult;
+    protected _measureHorizontal(paragraphs: Paragraph[], rootStyle: FullStyle): MeasurerResult;
     /**
      * Vertical writing-mode (`vertical-rl`): columns stack right-to-left, glyphs
      * flow top→bottom. It is the horizontal layout with the inline and block axes
      * swapped — the inline (down-column) advance is `advanceWidth` (CJK upright = em;
      * Latin is rotated, so its advance ≈ its width), the cross-axis content box is
-     * `advanceHeight`, and the column thickness is `fontHeight`. The lineBox is
-     * derived exactly as DomMeasurer.measureParagraphDom's vertical branch, so it
-     * stays accurate even though inlineBox carries the content-box rounding residual.
+     * `advanceHeight`, and the column thickness is `fontHeight`. The lineBox stays
+     * accurate even though inlineBox carries the content-box rounding residual.
      *
      * v1: `vertical-rl` only; no per-paragraph margin/padding or block alignment.
      */
-    protected _measureVertical(paragraphs: Paragraph[], rootStyle: FullStyle): MeasureDomResult;
+    protected _measureVertical(paragraphs: Paragraph[], rootStyle: FullStyle): MeasurerResult;
     /** Advance step including CSS letter-spacing (px). */
     protected _advance(character: Character): number;
     /**
@@ -62,6 +60,7 @@ declare class FontMeasurer implements TextMeasurer {
      * plus explicit `\n`/`\r` hard breaks. The newline itself occupies no line box.
      */
     protected _breakLines(paragraph: Paragraph, avail: number): Character[][];
+    protected _applyKerning(paragraphs: Paragraph[]): void;
     protected _unionInto(target: BoundingBox, boxes: BoundingBox[]): void;
     protected _shiftAll(paragraphs: Paragraph[], dy: number): void;
     dispose(): void;
@@ -240,5 +239,5 @@ declare function parseColormap(colormap: 'none' | Record<string, string>): Recor
 declare function isEqualObject(obj1: Record<string, any>, obj2: Record<string, any>): boolean;
 declare function isEqualValue(val1: any, val2: any): boolean;
 
-export { Character, CircleCurve, DeformationPreset, EllipseCurve, FontMeasurer, HeartCurve, MeasureDomResult, MeasureResult, Options, Paragraph, Plugin, PolygonCurve, RectangularCurve, RenderOptions, Text, TextMeasurer, backgroundPlugin, createSvgLoader, createSvgParser, defineDeformation, definePlugin, deformationPlugin, getDeformationNames, getEffectTransform2D, getHighlightStyle, highlightPlugin, isEqualObject, isEqualValue, listStylePlugin, measureText, outlinePlugin, parseColormap, parseTransformOrigin, parseValueNumber, removeDeformation, renderPlugin, renderText, textDecorationPlugin };
+export { Character, CircleCurve, DeformationPreset, EllipseCurve, HeartCurve, MeasureResult, Measurer, MeasurerResult, Options, Paragraph, Plugin, PolygonCurve, RectangularCurve, RenderOptions, Text, TextMeasurer, backgroundPlugin, createSvgLoader, createSvgParser, defineDeformation, definePlugin, deformationPlugin, getDeformationNames, getEffectTransform2D, getHighlightStyle, highlightPlugin, isEqualObject, isEqualValue, listStylePlugin, measureText, outlinePlugin, parseColormap, parseTransformOrigin, parseValueNumber, removeDeformation, renderPlugin, renderText, textDecorationPlugin };
 export type { RenderTextOptions, SvgLoader, SvgParser };