tegaki 0.6.0 → 0.7.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # tegaki
 
+## 0.7.0
+
+### Minor Changes
+
+- [`be540e1`](https://github.com/KurtGokhan/tegaki/commit/be540e13d47804b2068ee111f0297ef4809d6550) Thanks [@KurtGokhan](https://github.com/KurtGokhan)! - Remove extra wrapper div from TegakiRenderer DOM output. The engine now uses the adapter's container element directly as its root (`data-tegaki="root"`), eliminating a redundant nested div. This fixes CSS-controlled animations where styles applied to the `<TegakiRenderer>` component (like `animation-timeline`) weren't reaching the engine's root element. `renderElements` now returns `{ rootProps, content }` instead of a single element tree.
+
 ## 0.6.0
 
 ### Minor Changes

package/README.md

@@ -1,18 +1,14 @@
-<p align="center">
-  <img src="media/tegaki-card.png" alt="Tegaki" width="640" />
-</p>
+# Tegaki
 
-<h3 align="center">Handwriting animation for any font</h3>
+**Handwriting animation for any font**
 
-<p align="center">
-  Tegaki (手書き) turns any Google Font into animated handwriting.<br />
-  No manual path authoring. No native dependencies. Just pick a font.
-</p>
+Tegaki (手書き) turns any Google Font into animated handwriting.
+No manual path authoring. No native dependencies. Just pick a font.
 
-<p align="center">
-  <a href="https://www.npmjs.com/package/tegaki"><img src="https://img.shields.io/npm/v/tegaki" alt="npm" /></a>
-  <a href="https://github.com/KurtGokhan/tegaki/blob/main/LICENSE"><img src="https://img.shields.io/npm/l/tegaki" alt="license" /></a>
-</p>
+[![npm](https://img.shields.io/npm/v/tegaki)](https://www.npmjs.com/package/tegaki)
+[![license](https://img.shields.io/npm/l/tegaki)](https://github.com/KurtGokhan/tegaki/blob/main/LICENSE)
+
+<br clear="both" />
 
 <p align="center">
   <img src="media/hello-world.svg" alt="Hello World handwriting animation" width="500" />

package/dist/core/index.d.mts

@@ -1,2 +1,2 @@
-import { A as TegakiSingletonEffectName, C as Stroke, D as TegakiEffects, E as TegakiEffectName, O as TegakiGlyphData, S as Point, T as TegakiEffectConfigs, _ as CSSLength, a as TimeControlProp, b as LineCap, c as TimelineEntry, d as computeTextLayout, f as ensureFontFace, g as BBox, h as resolveEffects, i as TimeControlMode, j as TimedPoint, k as TegakiMultiEffectName, l as computeTimeline, m as ResolvedEffect, n as TegakiEngine, o as Timeline, p as drawGlyph, r as TegakiEngineOptions, s as TimelineConfig, t as CreateElementFn, u as TextLayout, v as FontOutput, w as TegakiBundle, x as PathCommand, y as GlyphData } from "../index-Bzxy01Zq.mjs";
+import { A as TegakiSingletonEffectName, C as Stroke, D as TegakiEffects, E as TegakiEffectName, O as TegakiGlyphData, S as Point, T as TegakiEffectConfigs, _ as CSSLength, a as TimeControlProp, b as LineCap, c as TimelineEntry, d as computeTextLayout, f as ensureFontFace, g as BBox, h as resolveEffects, i as TimeControlMode, j as TimedPoint, k as TegakiMultiEffectName, l as computeTimeline, m as ResolvedEffect, n as TegakiEngine, o as Timeline, p as drawGlyph, r as TegakiEngineOptions, s as TimelineConfig, t as CreateElementFn, u as TextLayout, v as FontOutput, w as TegakiBundle, x as PathCommand, y as GlyphData } from "../index-YdGpXlqf.mjs";
 export { BBox, CSSLength, CreateElementFn, FontOutput, GlyphData, LineCap, PathCommand, Point, ResolvedEffect, Stroke, TegakiBundle, TegakiEffectConfigs, TegakiEffectName, TegakiEffects, TegakiEngine, TegakiEngineOptions, TegakiGlyphData, TegakiMultiEffectName, TegakiSingletonEffectName, TextLayout, TimeControlMode, TimeControlProp, TimedPoint, Timeline, TimelineConfig, TimelineEntry, computeTextLayout, computeTimeline, drawGlyph, ensureFontFace, resolveEffects };

package/dist/core/index.mjs

@@ -1,2 +1,2 @@
-import { a as drawGlyph, i as ensureFontFace, n as computeTimeline, r as computeTextLayout, s as resolveEffects, t as TegakiEngine } from "../core-aZknK_0L.mjs";
+import { a as drawGlyph, i as ensureFontFace, n as computeTimeline, r as computeTextLayout, s as resolveEffects, t as TegakiEngine } from "../core-Cw5jNWFa.mjs";
 export { TegakiEngine, computeTextLayout, computeTimeline, drawGlyph, ensureFontFace, resolveEffects };

package/dist/{core-aZknK_0L.mjs → core-Cw5jNWFa.mjs}

@@ -566,16 +566,14 @@ function drawFallbackGlyph(ctx, char, x, baseline, fontSize, fontFamily, color,
 //#endregion
 //#region src/core/engine.ts
 const PAD_V_CSS = "max(0.2em, 0.9em - 0.5lh)";
-function buildElements(options, h) {
+function buildRootProps(options) {
 	const text = options.text ?? "";
 	const font = resolveBundle(options.font);
 	const fontFamily = font?.family;
-	const isCss = options.time === "css" || typeof options.time === "object" && options.time?.mode === "css";
-	const showOverlay = options.showOverlay;
 	const duration = text && font ? computeTimeline(text, font, options.timing).totalDuration : 0;
 	const time = typeof options.time === "number" ? options.time : typeof options.time === "object" && options.time?.mode === "controlled" ? options.time.value : typeof options.time === "object" && options.time?.mode === "uncontrolled" ? options.time.initialTime ?? 0 : 0;
 	const progress = duration > 0 ? time / duration : 0;
-	return h("div", {
+	return {
 		"data-tegaki": "root",
 		style: {
 			position: "relative",
@@ -587,7 +585,13 @@ function buildElements(options, h) {
 			[CSS_TIME]: time,
 			[CSS_PROGRESS]: progress
 		}
-	}, h("div", { style: { position: "relative" } }, h("span", {
+	};
+}
+function buildChildren(options, h) {
+	const text = options.text ?? "";
+	const isCss = options.time === "css" || typeof options.time === "object" && options.time?.mode === "css";
+	const showOverlay = options.showOverlay;
+	return h("div", { style: { position: "relative" } }, h("span", {
 		"data-tegaki": "sentinel",
 		"aria-hidden": "true",
 		style: {
@@ -627,7 +631,7 @@ function buildElements(options, h) {
 			WebkitTextFillColor: showOverlay ? void 0 : "transparent",
 			color: showOverlay ? "rgba(255, 0, 0, 0.4)" : void 0
 		}
-	}, text)));
+	}, text));
 }
 function domCreateElement(tag, props, ...children) {
 	const el = document.createElement(tag);
@@ -668,6 +672,7 @@ var TegakiEngine = class TegakiEngine {
 		return TegakiEngine._bundles.get(family);
 	}
 	_rootEl;
+	_contentEl = null;
 	_sentinelEl;
 	_canvasEl;
 	_overlayEl;
@@ -704,33 +709,35 @@ var TegakiEngine = class TegakiEngine {
 	_resizeObserver;
 	_mql = null;
 	/**
-	* Renders the engine's element tree using a framework-provided `createElement` callback.
-	* This method requires no DOM and can run during SSR.
+	* Returns the props (including style) that should be applied to the container element,
+	* plus the inner content tree rendered via a framework `createElement` callback.
 	*
-	* Each element receives a `data-tegaki` attribute so the engine can adopt
+	* Each child element receives a `data-tegaki` attribute so the engine can adopt
 	* pre-rendered elements later via `new TegakiEngine(container, { adopt: true })`.
 	*/
 	static renderElements(options, createElement) {
-		return buildElements(options, createElement);
+		return {
+			rootProps: buildRootProps(options),
+			content: buildChildren(options, createElement)
+		};
 	}
 	constructor(container, options) {
 		registerCssProperties();
 		this._seed = Math.random() * 1e3;
-		if (options?.adopt) {
-			this._rootEl = container.querySelector("[data-tegaki=\"root\"]");
-			this._sentinelEl = container.querySelector("[data-tegaki=\"sentinel\"]");
-			this._canvasEl = container.querySelector("[data-tegaki=\"canvas\"]");
-			this._canvasFallbackEl = container.querySelector("[data-tegaki=\"canvas-fallback\"]");
-			this._overlayEl = container.querySelector("[data-tegaki=\"overlay\"]");
-		} else {
-			const root = buildElements(options ?? {}, domCreateElement);
-			container.appendChild(root);
-			this._rootEl = root;
-			this._sentinelEl = root.querySelector("[data-tegaki=\"sentinel\"]");
-			this._canvasEl = root.querySelector("[data-tegaki=\"canvas\"]");
-			this._canvasFallbackEl = root.querySelector("[data-tegaki=\"canvas-fallback\"]");
-			this._overlayEl = root.querySelector("[data-tegaki=\"overlay\"]");
+		this._rootEl = container;
+		if (options?.adopt) {} else {
+			const content = buildChildren(options ?? {}, domCreateElement);
+			container.appendChild(content);
+			this._contentEl = content;
+			const rootProps = buildRootProps(options ?? {});
+			for (const [key, value] of Object.entries(rootProps.style)) if (value !== void 0 && value !== null) if (key.startsWith("--")) container.style.setProperty(key, String(value));
+			else container.style[key] = typeof value === "number" && key !== "opacity" && key !== "zIndex" ? `${value}px` : value;
+			container.dataset.tegaki = "root";
 		}
+		this._sentinelEl = container.querySelector("[data-tegaki=\"sentinel\"]");
+		this._canvasEl = container.querySelector("[data-tegaki=\"canvas\"]");
+		this._canvasFallbackEl = container.querySelector("[data-tegaki=\"canvas-fallback\"]");
+		this._overlayEl = container.querySelector("[data-tegaki=\"overlay\"]");
 		this._resizeObserver = new ResizeObserver(this._onResize);
 		this._resizeObserver.observe(this._rootEl);
 		this._sentinelEl.addEventListener("transitionend", this._onSentinelTransition);
@@ -853,7 +860,7 @@ var TegakiEngine = class TegakiEngine {
 		this._resizeObserver.disconnect();
 		this._sentinelEl.removeEventListener("transitionend", this._onSentinelTransition);
 		this._mql?.removeEventListener("change", this._onReducedMotionChange);
-		this._rootEl.remove();
+		this._contentEl?.remove();
 	}
 	/** Estimate line-height from font metrics when CSS returns "normal". */
 	_fallbackLineHeight(fontSize) {
@@ -1118,4 +1125,4 @@ var TegakiEngine = class TegakiEngine {
 //#endregion
 export { drawGlyph as a, ensureFontFace as i, computeTimeline as n, coerceToString as o, computeTextLayout as r, resolveEffects as s, TegakiEngine as t };
 
-//# sourceMappingURL=core-aZknK_0L.mjs.map
+//# sourceMappingURL=core-Cw5jNWFa.mjs.map

package/dist/core-Cw5jNWFa.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"core-Cw5jNWFa.mjs","names":[],"sources":["../src/lib/effects.ts","../src/lib/utils.ts","../src/lib/drawGlyph.ts","../src/lib/font.ts","../src/lib/textLayout.ts","../src/lib/timeline.ts","../src/lib/css-properties.ts","../src/lib/drawFallbackGlyph.ts","../src/core/engine.ts"],"sourcesContent":["import type { TegakiEffectConfigs, TegakiEffectName } from '../types.ts';\n\nexport interface ResolvedEffect<K extends TegakiEffectName = TegakiEffectName> {\n  effect: K;\n  order: number;\n  config: TegakiEffectConfigs[K];\n}\n\nconst defaultEffects: Record<string, any> = { pressureWidth: true };\nconst knownEffects: Set<string> = new Set(['glow', 'wobble', 'pressureWidth', 'taper', 'gradient']);\n\n/**\n * Normalizes an effects record into a sorted array of resolved effects.\n * Known keys infer the effect name; custom keys read it from the `effect` field.\n * Boolean `true` becomes an empty config. `false`/absent entries are skipped.\n */\nexport function resolveEffects(effects: Record<string, any> | undefined): ResolvedEffect[] {\n  const merged = { ...defaultEffects, ...effects };\n\n  const result: ResolvedEffect[] = [];\n\n  for (const [key, value] of Object.entries(merged)) {\n    if (value === false || value == null) continue;\n\n    let effectName: TegakiEffectName;\n    let config: Record<string, any>;\n    let order: number;\n\n    if (value === true) {\n      effectName = (knownEffects.has(key) ? key : undefined) as TegakiEffectName;\n      if (!effectName) continue;\n      config = {};\n      order = 0;\n    } else {\n      if (value.enabled === false) continue;\n      effectName = value.effect ?? (knownEffects.has(key) ? key : undefined);\n      if (!effectName) continue;\n      const { effect: _, order: o, enabled: __, ...rest } = value;\n      config = rest;\n      order = o ?? 0;\n    }\n\n    result.push({ effect: effectName, order, config });\n  }\n\n  result.sort((a, b) => a.order - b.order);\n  return result;\n}\n\n/** Check if a specific effect is active. */\nexport function findEffect<K extends TegakiEffectName>(effects: ResolvedEffect[], name: K): ResolvedEffect<K> | undefined {\n  return effects.find((e) => e.effect === name) as ResolvedEffect<K> | undefined;\n}\n\n/** Get all instances of a specific effect (for duplicates). */\nexport function findEffects<K extends TegakiEffectName>(effects: ResolvedEffect[], name: K): ResolvedEffect<K>[] {\n  return effects.filter((e) => e.effect === name) as ResolvedEffect<K>[];\n}\n","import type { CSSLength } from '../types.ts';\n\nconst segmenter = new Intl.Segmenter(undefined, { granularity: 'grapheme' });\n\n/** Resolve a CSSLength to pixels. Plain numbers are px, `\"Nem\"` is N * fontSize. */\nexport function resolveCSSLength(value: CSSLength, fontSize: number): number {\n  if (typeof value === 'number') return value;\n  return parseFloat(value) * fontSize;\n}\n\nexport function graphemes(text: string): string[] {\n  return Array.from(segmenter.segment(text), (s) => s.segment);\n}\nexport type Coercible = string | number | boolean | null | undefined | readonly Coercible[];\n\nexport function coerceToString(value: unknown): string {\n  if (value == null || typeof value === 'boolean') return '';\n  if (typeof value === 'string') return value;\n  if (typeof value === 'number' || typeof value === 'bigint') return String(value);\n  if (Array.isArray(value)) return value.map(coerceToString).join('');\n  return '';\n}\n","import type { LineCap, TegakiGlyphData } from '../types.ts';\nimport { findEffect, findEffects, type ResolvedEffect } from './effects.ts';\nimport { resolveCSSLength } from './utils.ts';\n\ninterface GlyphPosition {\n  /** X offset in CSS pixels */\n  x: number;\n  /** Y offset in CSS pixels (top of em square) */\n  y: number;\n  /** Font size in CSS pixels */\n  fontSize: number;\n  /** Units per em from the font */\n  unitsPerEm: number;\n  /** Font ascender in font units */\n  ascender: number;\n  /** Font descender in font units (negative) */\n  descender: number;\n}\n\n// --- Color helpers ---\n\nfunction parseColor(color: string): [number, number, number, number] {\n  const h = color.replace('#', '');\n  if (h.length === 3) {\n    return [parseInt(h[0]! + h[0]!, 16), parseInt(h[1]! + h[1]!, 16), parseInt(h[2]! + h[2]!, 16), 1];\n  }\n  if (h.length === 4) {\n    return [parseInt(h[0]! + h[0]!, 16), parseInt(h[1]! + h[1]!, 16), parseInt(h[2]! + h[2]!, 16), parseInt(h[3]! + h[3]!, 16) / 255];\n  }\n  if (h.length === 8) {\n    return [parseInt(h.slice(0, 2), 16), parseInt(h.slice(2, 4), 16), parseInt(h.slice(4, 6), 16), parseInt(h.slice(6, 8), 16) / 255];\n  }\n  return [parseInt(h.slice(0, 2), 16), parseInt(h.slice(2, 4), 16), parseInt(h.slice(4, 6), 16), 1];\n}\n\nfunction lerpColor(a: [number, number, number, number], b: [number, number, number, number], t: number): string {\n  const r = Math.round(a[0] + (b[0] - a[0]) * t);\n  const g = Math.round(a[1] + (b[1] - a[1]) * t);\n  const bl = Math.round(a[2] + (b[2] - a[2]) * t);\n  const al = a[3] + (b[3] - a[3]) * t;\n  if (al >= 1) return `rgb(${r},${g},${bl})`;\n  return `rgba(${r},${g},${bl},${al.toFixed(3)})`;\n}\n\nfunction gradientColor(progress: number, colors: string[], seed: number): string {\n  if (colors.length === 0) return '#000';\n  if (colors.length === 1) return colors[0]!;\n  const t = (((progress + seed * 0.1) % 1) + 1) % 1;\n  const scaledT = t * (colors.length - 1);\n  const i = Math.min(Math.floor(scaledT), colors.length - 2);\n  const frac = scaledT - i;\n  return lerpColor(parseColor(colors[i]!), parseColor(colors[i + 1]!), frac);\n}\n\nfunction rainbowColor(progress: number, saturation: number, lightness: number, seed: number): string {\n  const hue = (progress * 360 + seed * 137.5) % 360;\n  return `hsl(${hue}, ${saturation}%, ${lightness}%)`;\n}\n\n// --- Noise helper for wobble ---\n\nfunction hash(x: number): number {\n  let h = (x * 2654435761) | 0;\n  h = ((h >>> 16) ^ h) * 0x45d9f3b;\n  h = ((h >>> 16) ^ h) * 0x45d9f3b;\n  h = (h >>> 16) ^ h;\n  return (h & 0x7fffffff) / 0x7fffffff; // 0-1\n}\n\nfunction noise1d(x: number, seed: number): number {\n  const i = Math.floor(x);\n  const f = x - i;\n  const t = f * f * (3 - 2 * f); // smoothstep\n  return hash(i + seed * 7919) * (1 - t) + hash(i + 1 + seed * 7919) * t;\n}\n\n/**\n * Draw a single glyph's strokes onto a canvas context, animated up to `localTime`.\n * `localTime` is seconds relative to this glyph's start (0 = glyph begins).\n */\nexport function drawGlyph(\n  ctx: CanvasRenderingContext2D,\n  glyph: TegakiGlyphData,\n  pos: GlyphPosition,\n  localTime: number,\n  lineCap: LineCap,\n  color: string,\n  effects: ResolvedEffect[] = [],\n  seed = 0,\n  segmentSize?: number,\n) {\n  const scale = pos.fontSize / pos.unitsPerEm;\n  const ox = pos.x;\n  const oy = pos.y;\n\n  const glowEffects = findEffects(effects, 'glow');\n  const wobbleEffect = findEffect(effects, 'wobble');\n  const pressureEffect = findEffect(effects, 'pressureWidth');\n  const taperEffect = findEffect(effects, 'taper');\n  const gradientEffect = findEffect(effects, 'gradient');\n\n  // Pressure params (0 = uniform avg width, 1 = fully per-point width)\n  const pressureAmount = pressureEffect ? Math.max(0, Math.min(pressureEffect.config.strength ?? 1, 1)) : 0;\n\n  // Wobble params\n  const wobbleAmplitude = wobbleEffect ? (wobbleEffect.config.amplitude ?? 1.5) : 0;\n  const wobbleFrequency = wobbleEffect ? (wobbleEffect.config.frequency ?? 8) : 0;\n  const wobbleMode = wobbleEffect?.config.mode ?? 'sine';\n\n  // Taper params\n  const taperStart = taperEffect ? Math.max(0, Math.min(taperEffect.config.startLength ?? 0.15, 1)) : 0;\n  const taperEnd = taperEffect ? Math.max(0, Math.min(taperEffect.config.endLength ?? 0.15, 1)) : 0;\n\n  // Gradient params\n  const gradientColors = gradientEffect?.config.colors;\n  const isRainbow = gradientColors === 'rainbow';\n  const gradientColorStops = Array.isArray(gradientColors) ? gradientColors : undefined;\n  const gradientSaturation = gradientEffect?.config.saturation ?? 80;\n  const gradientLightness = gradientEffect?.config.lightness ?? 55;\n\n  // Helper: apply wobble offset to a point in font units\n  const wobbleX = (x: number, y: number, idx: number) => {\n    if (!wobbleEffect) return x;\n    if (wobbleMode === 'noise') {\n      return x + wobbleAmplitude * (noise1d(y * 0.1 + idx * 0.7, seed) * 2 - 1);\n    }\n    return x + wobbleAmplitude * Math.sin(wobbleFrequency * (y * 0.01 + idx * 0.7) + seed);\n  };\n  const wobbleY = (x: number, y: number, idx: number) => {\n    if (!wobbleEffect) return y;\n    if (wobbleMode === 'noise') {\n      return y + wobbleAmplitude * (noise1d(x * 0.1 + idx * 0.5, seed * 1.3 + 1000) * 2 - 1);\n    }\n    return y + wobbleAmplitude * Math.cos(wobbleFrequency * (x * 0.01 + idx * 0.5) + seed * 1.3);\n  };\n\n  // Helper: convert font-unit point to pixel\n  const px = (x: number) => ox + x * scale;\n  const py = (y: number) => oy + (y + pos.ascender) * scale;\n\n  // Helper: get color for a given stroke progress\n  const colorAt = (progress: number): string => {\n    if (isRainbow) return rainbowColor(progress, gradientSaturation, gradientLightness, seed);\n    if (gradientColorStops) return gradientColor(progress, gradientColorStops, seed);\n    return color;\n  };\n  const hasGradient = !!gradientEffect;\n\n  // Helper: taper multiplier (0-1) for a given stroke progress\n  const taperMultiplier = (progress: number): number => {\n    let m = 1;\n    if (taperStart > 0 && progress < taperStart) m = Math.min(m, progress / taperStart);\n    if (taperEnd > 0 && progress > 1 - taperEnd) m = Math.min(m, (1 - progress) / taperEnd);\n    return m;\n  };\n\n  for (const stroke of glyph.s) {\n    if (localTime < stroke.d) continue;\n    const elapsed = localTime - stroke.d;\n    const progress = Math.min(elapsed / stroke.a, 1);\n\n    const pts = stroke.p;\n    if (pts.length === 0) continue;\n\n    const avgWidth = pts.reduce((s, p) => s + p[2], 0) / pts.length;\n    const baseLineWidth = Math.max(avgWidth, 0.5) * scale;\n\n    // --- Single-point dot ---\n    if (pts.length === 1) {\n      if (progress <= 0) continue;\n      const p = pts[0]!;\n      const dotX = px(wobbleX(p[0], p[1], 0));\n      const dotY = py(wobbleY(p[0], p[1], 0));\n      const perPointDot = Math.max(p[2], 0.5) * scale;\n      let dotWidth = baseLineWidth + (perPointDot - baseLineWidth) * pressureAmount;\n      dotWidth *= taperMultiplier(0.5);\n\n      // Glow passes for dots\n      for (const glow of glowEffects) {\n        ctx.save();\n        ctx.shadowBlur = resolveCSSLength(glow.config.radius ?? 8, pos.fontSize);\n        ctx.shadowColor = glow.config.color ?? color;\n        ctx.shadowOffsetX = (glow.config.offsetX ?? 0) * scale;\n        ctx.shadowOffsetY = (glow.config.offsetY ?? 0) * scale;\n        ctx.fillStyle = glow.config.color ?? color;\n        ctx.beginPath();\n        if (lineCap === 'round') {\n          ctx.arc(dotX, dotY, dotWidth / 2, 0, Math.PI * 2);\n        } else {\n          ctx.rect(dotX - dotWidth / 2, dotY - dotWidth / 2, dotWidth, dotWidth);\n        }\n        ctx.fill();\n        ctx.restore();\n      }\n\n      // Main dot\n      ctx.fillStyle = colorAt(0);\n      ctx.beginPath();\n      if (lineCap === 'round') {\n        ctx.arc(dotX, dotY, dotWidth / 2, 0, Math.PI * 2);\n        ctx.fill();\n      } else {\n        ctx.fillRect(dotX - dotWidth / 2, dotY - dotWidth / 2, dotWidth, dotWidth);\n      }\n      continue;\n    }\n\n    // --- Compute total path length ---\n    let totalLen = 0;\n    for (let j = 1; j < pts.length; j++) {\n      const dx = pts[j]![0] - pts[j - 1]![0];\n      const dy = pts[j]![1] - pts[j - 1]![1];\n      totalLen += Math.sqrt(dx * dx + dy * dy);\n    }\n\n    const drawLen = totalLen * progress;\n    if (drawLen <= 0) continue;\n\n    // --- Collect drawable segments ---\n    const segments: {\n      x0: number;\n      y0: number;\n      x1: number;\n      y1: number;\n      width0: number;\n      width1: number;\n      segProgress: number;\n    }[] = [];\n\n    let accumulated = 0;\n    for (let j = 1; j < pts.length; j++) {\n      const prev = pts[j - 1]!;\n      const cur = pts[j]!;\n      const dx = cur[0] - prev[0];\n      const dy = cur[1] - prev[1];\n      const segLen = Math.sqrt(dx * dx + dy * dy);\n\n      if (accumulated + segLen <= drawLen) {\n        segments.push({\n          x0: px(wobbleX(prev[0], prev[1], j - 1)),\n          y0: py(wobbleY(prev[0], prev[1], j - 1)),\n          x1: px(wobbleX(cur[0], cur[1], j)),\n          y1: py(wobbleY(cur[0], cur[1], j)),\n          width0: prev[2],\n          width1: cur[2],\n          segProgress: (accumulated + segLen / 2) / totalLen,\n        });\n        accumulated += segLen;\n      } else {\n        const remaining = drawLen - accumulated;\n        const frac = segLen > 0 ? remaining / segLen : 0;\n        const ix = prev[0] + dx * frac;\n        const iy = prev[1] + dy * frac;\n        const iw = prev[2] + (cur[2] - prev[2]) * frac;\n        segments.push({\n          x0: px(wobbleX(prev[0], prev[1], j - 1)),\n          y0: py(wobbleY(prev[0], prev[1], j - 1)),\n          x1: px(wobbleX(ix, iy, j)),\n          y1: py(wobbleY(ix, iy, j)),\n          width0: prev[2],\n          width1: iw,\n          segProgress: (accumulated + remaining / 2) / totalLen,\n        });\n        break;\n      }\n    }\n\n    if (segments.length === 0) continue;\n\n    // Keep coarse segments for glow (shadowBlur is expensive per draw call)\n    const coarseSegments = segments.slice();\n\n    // --- Subdivide long segments for smooth effect transitions ---\n    const effectsNeedSubdivision = pressureAmount > 0 || hasGradient || !!wobbleEffect || !!taperEffect;\n    const resolvedSegmentSize = segmentSize ?? (effectsNeedSubdivision ? 2 : undefined);\n    if (resolvedSegmentSize != null) {\n      const maxSegLen = resolvedSegmentSize * scale;\n      const subdivided: typeof segments = [];\n      for (const seg of segments) {\n        const dx = seg.x1 - seg.x0;\n        const dy = seg.y1 - seg.y0;\n        const len = Math.sqrt(dx * dx + dy * dy);\n        const count = Math.max(1, Math.ceil(len / maxSegLen));\n        for (let k = 0; k < count; k++) {\n          const t0 = k / count;\n          const t1 = (k + 1) / count;\n          subdivided.push({\n            x0: seg.x0 + dx * t0,\n            y0: seg.y0 + dy * t0,\n            x1: seg.x0 + dx * t1,\n            y1: seg.y0 + dy * t1,\n            width0: seg.width0 + (seg.width1 - seg.width0) * t0,\n            width1: seg.width0 + (seg.width1 - seg.width0) * t1,\n            segProgress: seg.segProgress,\n          });\n        }\n      }\n      for (let k = 0; k < subdivided.length; k++) {\n        subdivided[k]!.segProgress = subdivided.length > 1 ? k / (subdivided.length - 1) : 0;\n      }\n      segments.length = 0;\n      segments.push(...subdivided);\n    }\n\n    // Helper: compute segment line width with pressure and taper\n    const segWidth = (seg: (typeof segments)[0]) => {\n      const perPoint = ((seg.width0 + seg.width1) / 2) * scale;\n      const w = Math.max(baseLineWidth + (perPoint - baseLineWidth) * pressureAmount, 0.5 * scale);\n      return w * taperMultiplier(seg.segProgress);\n    };\n\n    const needsPerSegment = pressureAmount > 0 || taperEffect;\n\n    const drawStrokePath = () => {\n      if (needsPerSegment) {\n        for (const seg of segments) {\n          ctx.lineWidth = segWidth(seg);\n          ctx.beginPath();\n          ctx.moveTo(seg.x0, seg.y0);\n          ctx.lineTo(seg.x1, seg.y1);\n          ctx.stroke();\n        }\n      } else {\n        ctx.lineWidth = baseLineWidth;\n        ctx.beginPath();\n        ctx.moveTo(segments[0]!.x0, segments[0]!.y0);\n        for (const seg of segments) {\n          ctx.lineTo(seg.x1, seg.y1);\n        }\n        ctx.stroke();\n      }\n    };\n\n    const drawGradientPath = () => {\n      for (const seg of segments) {\n        ctx.strokeStyle = colorAt(seg.segProgress);\n        if (needsPerSegment) ctx.lineWidth = segWidth(seg);\n        ctx.beginPath();\n        ctx.moveTo(seg.x0, seg.y0);\n        ctx.lineTo(seg.x1, seg.y1);\n        ctx.stroke();\n      }\n    };\n\n    ctx.lineCap = lineCap;\n    ctx.lineJoin = 'round';\n\n    // --- Glow passes (use coarse segments to avoid expensive per-subsegment shadowBlur) ---\n    for (const glow of glowEffects) {\n      ctx.save();\n      ctx.shadowBlur = resolveCSSLength(glow.config.radius ?? 8, pos.fontSize);\n      ctx.shadowColor = glow.config.color ?? color;\n      ctx.shadowOffsetX = (glow.config.offsetX ?? 0) * scale;\n      ctx.shadowOffsetY = (glow.config.offsetY ?? 0) * scale;\n      ctx.strokeStyle = glow.config.color ?? color;\n      ctx.lineWidth = baseLineWidth;\n      ctx.beginPath();\n      ctx.moveTo(coarseSegments[0]!.x0, coarseSegments[0]!.y0);\n      for (const seg of coarseSegments) {\n        ctx.lineTo(seg.x1, seg.y1);\n      }\n      ctx.stroke();\n      ctx.restore();\n    }\n\n    // --- Main stroke ---\n    if (hasGradient) {\n      drawGradientPath();\n    } else {\n      ctx.strokeStyle = color;\n      drawStrokePath();\n    }\n  }\n}\n","import type { TegakiBundle } from '../types.ts';\n\nconst fontFaceCache = new Map<string, Promise<void>>();\n\n/**\n * Ensures the bundle's font face is loaded and available for rendering.\n * Resolves immediately if the font is already loaded.\n */\nexport async function ensureFontFace(bundle: TegakiBundle): Promise<void> {\n  await ensureFont(bundle.family, bundle.fontUrl);\n}\n\nexport function ensureFont(family: string, url: string): Promise<void> | null {\n  if (typeof document === 'undefined') return Promise.resolve();\n  for (const face of document.fonts) {\n    if (face.family === family) {\n      if (face.status === 'loaded') return null;\n      if (face.status === 'loading') return face.loaded.then(() => {});\n    }\n  }\n  let cached = fontFaceCache.get(url);\n  if (!cached) {\n    cached = new FontFace(family, `url(${url})`, { featureSettings: \"'calt' 0, 'liga' 0\" }).load().then((loaded) => {\n      document.fonts.add(loaded);\n    });\n    fontFaceCache.set(url, cached);\n  }\n  return cached;\n}\n","import { layoutWithLines, prepareWithSegments } from '@chenglou/pretext';\nimport { graphemes } from './utils.ts';\n\nexport interface TextLayout {\n  /** Character indices per line */\n  lines: number[][];\n  /** Width in em per character index */\n  charWidths: number[];\n  /** Kerning adjustment in em between character at index i and i+1 */\n  kernings: number[];\n  /** Intrinsic (single-line) width in em */\n  intrinsicWidth: number;\n}\n\nexport function computeTextLayout(text: string, fontFamily: string, fontSize: number, lineHeight: number, maxWidth: number): TextLayout {\n  const fontStr = `${fontSize}px ${fontFamily}`;\n  const chars = graphemes(text);\n\n  // Measure unique character widths\n  const widthCache = new Map<string, number>();\n  const charWidths: number[] = [];\n  for (const char of chars) {\n    let w = widthCache.get(char);\n    if (w === undefined) {\n      if (char === '\\n') {\n        w = 0;\n      } else {\n        const p = prepareWithSegments(char, fontStr, { whiteSpace: 'pre-wrap' });\n        const r = layoutWithLines(p, Infinity, lineHeight);\n        w = r.lines.length > 0 ? r.lines[0]!.width / fontSize : 0;\n      }\n      widthCache.set(char, w);\n    }\n    charWidths.push(w);\n  }\n\n  // Compute intrinsic width (single-line, no wrapping)\n  const prepared = prepareWithSegments(text, fontStr, { whiteSpace: 'pre-wrap' });\n  const singleLineResult = layoutWithLines(prepared, Infinity, lineHeight);\n  const intrinsicWidth = Math.max(0, ...singleLineResult.lines.map((l) => l.width)) / fontSize;\n\n  // Line breaking at actual available width\n  const result = layoutWithLines(prepared, maxWidth, lineHeight);\n\n  // Map line texts back to character indices (grapheme-based)\n  // Build a mapping from UTF-16 offset to grapheme index\n  const utf16ToCodePoint: number[] = [];\n  for (let ci = 0; ci < chars.length; ci++) {\n    for (let j = 0; j < chars[ci]!.length; j++) {\n      utf16ToCodePoint.push(ci);\n    }\n  }\n\n  const lines: number[][] = [];\n  let utf16Offset = 0;\n  for (const line of result.lines) {\n    const indices: number[] = [];\n    const seen = new Set<number>();\n    for (let i = 0; i < line.text.length; i++) {\n      const cpIdx = utf16ToCodePoint[utf16Offset + i]!;\n      if (!seen.has(cpIdx)) {\n        seen.add(cpIdx);\n        indices.push(cpIdx);\n      }\n    }\n    utf16Offset += line.text.length;\n    // Consume the newline that caused this line break\n    if (utf16Offset < text.length && text[utf16Offset] === '\\n') {\n      const cpIdx = utf16ToCodePoint[utf16Offset]!;\n      indices.push(cpIdx);\n      utf16Offset++;\n    }\n    lines.push(indices);\n  }\n\n  // Any remaining characters (shouldn't happen, but safety)\n  if (utf16Offset < text.length) {\n    const indices: number[] = [];\n    const seen = new Set<number>();\n    for (let i = utf16Offset; i < text.length; i++) {\n      const cpIdx = utf16ToCodePoint[i]!;\n      if (!seen.has(cpIdx)) {\n        seen.add(cpIdx);\n        indices.push(cpIdx);\n      }\n    }\n    lines.push(indices);\n  }\n\n  // Measure kerning between adjacent character pairs\n  const kernings: number[] = [];\n  const pairCache = new Map<string, number>();\n  for (let i = 0; i < chars.length - 1; i++) {\n    const a = chars[i]!;\n    const b = chars[i + 1]!;\n    if (a === '\\n' || b === '\\n') {\n      kernings.push(0);\n      continue;\n    }\n    const pair = `${a}${b}`;\n    let k = pairCache.get(pair);\n    if (k === undefined) {\n      const p = prepareWithSegments(pair, fontStr, { whiteSpace: 'pre-wrap' });\n      const r = layoutWithLines(p, Infinity, lineHeight);\n      const pairWidth = r.lines.length > 0 ? r.lines[0]!.width / fontSize : 0;\n      k = pairWidth - (widthCache.get(a) ?? 0) - (widthCache.get(b) ?? 0);\n      if (Math.abs(k) < 0.001) k = 0;\n      pairCache.set(pair, k);\n    }\n    kernings.push(k);\n  }\n\n  return { lines, charWidths, kernings, intrinsicWidth };\n}\n","import type { TegakiBundle } from '../types.ts';\nimport { graphemes } from './utils.ts';\n\nexport interface TimelineConfig {\n  /** Pause between glyphs (seconds). Default: `0.1` */\n  glyphGap?: number;\n  /** Pause after a space character (seconds). Default: `0.15` */\n  wordGap?: number;\n  /** Pause after a newline / line break (seconds). Default: `0.3` */\n  lineGap?: number;\n  /** Duration for characters without glyph data (seconds). Default: `0.2` */\n  unknownDuration?: number;\n}\n\nconst DEFAULTS: Required<TimelineConfig> = {\n  glyphGap: 0.1,\n  wordGap: 0.15,\n  lineGap: 0.3,\n  unknownDuration: 0.2,\n};\n\nexport interface TimelineEntry {\n  char: string;\n  offset: number;\n  duration: number;\n  hasGlyph: boolean;\n}\n\nexport interface Timeline {\n  entries: TimelineEntry[];\n  totalDuration: number;\n}\n\nexport function computeTimeline(text: string, font: TegakiBundle, config?: TimelineConfig): Timeline {\n  const glyphGap = config?.glyphGap ?? DEFAULTS.glyphGap;\n  const wordGap = config?.wordGap ?? DEFAULTS.wordGap;\n  const lineGap = config?.lineGap ?? DEFAULTS.lineGap;\n  const unknownDuration = config?.unknownDuration ?? DEFAULTS.unknownDuration;\n\n  const chars = graphemes(text);\n  const entries: TimelineEntry[] = [];\n  let offset = 0;\n  for (const char of chars) {\n    const glyph = font.glyphData[char];\n    const hasGlyph = !!glyph;\n    const duration = hasGlyph ? (glyph.t ?? 1) : unknownDuration;\n    entries.push({ char, offset, duration, hasGlyph });\n    offset += duration;\n\n    // Gap after this character\n    if (char === '\\n') {\n      offset += lineGap;\n    } else if (char === ' ') {\n      offset += wordGap;\n    } else {\n      offset += glyphGap;\n    }\n  }\n  // Remove trailing gap\n  if (entries.length > 0) {\n    const lastChar = chars[chars.length - 1]!;\n    const trailingGap = lastChar === '\\n' ? lineGap : lastChar === ' ' ? wordGap : glyphGap;\n    offset -= trailingGap;\n  }\n  return { entries, totalDuration: Math.max(0, offset) };\n}\n","export const CSS_TIME = '--tegaki-time';\nexport const CSS_PROGRESS = '--tegaki-progress';\nexport const CSS_DURATION = '--tegaki-duration';\n\nexport const PADDING_H_EM = 0.2;\nexport const MIN_LINE_HEIGHT_EM = 1.8;\nexport const MIN_PADDING_V_EM = 0.2;\n\n// Register custom properties so they are animatable (typed as <number>).\n// Deferred to first use to avoid running at import time during SSR.\nlet cssPropertiesRegistered = false;\nexport function registerCssProperties() {\n  if (cssPropertiesRegistered) return;\n  cssPropertiesRegistered = true;\n  if (typeof CSS !== 'undefined' && 'registerProperty' in CSS) {\n    for (const prop of [CSS_TIME, CSS_PROGRESS, CSS_DURATION]) {\n      try {\n        CSS.registerProperty({ name: prop, syntax: '<number>', inherits: true, initialValue: '0' });\n      } catch {\n        // Already registered — ignore.\n      }\n    }\n  }\n}\n","import { findEffect, findEffects, type ResolvedEffect } from './effects.ts';\nimport { resolveCSSLength } from './utils.ts';\n\n/**\n * Draw a fallback glyph (plain text) with applicable effects (glow, gradient, wobble).\n */\nexport function drawFallbackGlyph(\n  ctx: CanvasRenderingContext2D,\n  char: string,\n  x: number,\n  baseline: number,\n  fontSize: number,\n  fontFamily: string,\n  color: string,\n  effects: ResolvedEffect[] = [],\n  seed = 0,\n) {\n  const glowEffects = findEffects(effects, 'glow');\n  const wobbleEffect = findEffect(effects, 'wobble');\n  const gradientEffect = findEffect(effects, 'gradient');\n\n  // Wobble offsets\n  let dx = 0;\n  let dy = 0;\n  if (wobbleEffect) {\n    const amplitude = (wobbleEffect.config.amplitude ?? 1.5) * (fontSize / 100);\n    const frequency = wobbleEffect.config.frequency ?? 8;\n    dx = amplitude * Math.sin(frequency * (baseline * 0.01) + seed);\n    dy = amplitude * Math.cos(frequency * (x * 0.01) + seed * 1.3);\n  }\n\n  const drawX = x + dx;\n  const drawY = baseline + dy;\n\n  // Gradient / rainbow color\n  let fillColor = color;\n  if (gradientEffect) {\n    const colors = gradientEffect.config.colors;\n    if (colors === 'rainbow') {\n      const saturation = gradientEffect.config.saturation ?? 80;\n      const lightness = gradientEffect.config.lightness ?? 55;\n      const hue = (seed * 137.5) % 360;\n      fillColor = `hsl(${hue}, ${saturation}%, ${lightness}%)`;\n    } else if (Array.isArray(colors) && colors.length > 0) {\n      fillColor = colors[Math.floor(seed) % colors.length]!;\n    }\n  }\n\n  ctx.save();\n  ctx.font = `${fontSize}px ${fontFamily}`;\n  ctx.textBaseline = 'alphabetic';\n\n  // Glow passes\n  for (const glow of glowEffects) {\n    ctx.save();\n    ctx.shadowBlur = resolveCSSLength(glow.config.radius ?? 8, fontSize);\n    ctx.shadowColor = glow.config.color ?? color;\n    ctx.shadowOffsetX = glow.config.offsetX ?? 0;\n    ctx.shadowOffsetY = glow.config.offsetY ?? 0;\n    ctx.fillStyle = glow.config.color ?? color;\n    ctx.fillText(char, drawX, drawY);\n    ctx.restore();\n  }\n\n  // Main text\n  ctx.fillStyle = fillColor;\n  ctx.fillText(char, drawX, drawY);\n\n  ctx.restore();\n}\n","import {\n  CSS_DURATION,\n  CSS_PROGRESS,\n  CSS_TIME,\n  MIN_LINE_HEIGHT_EM,\n  MIN_PADDING_V_EM,\n  PADDING_H_EM,\n  registerCssProperties,\n} from '../lib/css-properties.ts';\nimport { drawFallbackGlyph } from '../lib/drawFallbackGlyph.ts';\nimport { drawGlyph } from '../lib/drawGlyph.ts';\nimport { type ResolvedEffect, resolveEffects } from '../lib/effects.ts';\nimport { ensureFont } from '../lib/font.ts';\nimport type { TextLayout } from '../lib/textLayout.ts';\nimport { computeTextLayout } from '../lib/textLayout.ts';\nimport type { Timeline, TimelineConfig, TimelineEntry } from '../lib/timeline.ts';\nimport { computeTimeline } from '../lib/timeline.ts';\nimport { graphemes } from '../lib/utils.ts';\nimport type { TegakiBundle, TegakiEffects } from '../types.ts';\n\n// ---------------------------------------------------------------------------\n// Time control types (shared with adapters)\n// ---------------------------------------------------------------------------\n\nexport type TimeControlMode = {\n  controlled: {\n    mode: 'controlled';\n    /** Current time in seconds. */\n    value: number;\n  };\n  uncontrolled: {\n    mode: 'uncontrolled';\n    /** Initial time in seconds. Default: `0` */\n    initialTime?: number;\n    /** Playback speed multiplier. Default: `1` */\n    speed?: number;\n    /** Whether animation is playing. Default: `true` */\n    playing?: boolean;\n    /** Loop animation when it reaches the end. Default: `false` */\n    loop?: boolean;\n    /**\n     * Catch-up strength. When positive, playback speeds up when there is a\n     * large amount of remaining animation and decays back to normal gradually.\n     * `0` disables catch-up (default). Higher values ramp up more aggressively.\n     * Typical range: `0.2` – `2`.\n     */\n    catchUp?: number;\n    /** Called on every frame with the current time. */\n    onTimeChange?: (time: number) => void;\n  };\n  css: {\n    mode: 'css';\n  };\n};\n\n/**\n * A plain number is shorthand for `{ mode: 'controlled', value: number }`.\n * `'css'` is shorthand for `{ mode: 'css' }`.\n * Omit for uncontrolled mode with default settings.\n */\nexport type TimeControlProp = null | undefined | number | 'css' | TimeControlMode[keyof TimeControlMode];\n\n// ---------------------------------------------------------------------------\n// Engine options\n// ---------------------------------------------------------------------------\n\nexport interface TegakiEngineOptions {\n  text?: string;\n  /** A font bundle, or a registered bundle name (see {@link TegakiEngine.registerBundle}). */\n  font?: TegakiBundle | string;\n  time?: TimeControlProp;\n  effects?: TegakiEffects<Record<string, any>>;\n  timing?: TimelineConfig;\n  segmentSize?: number;\n  showOverlay?: boolean;\n  onComplete?: () => void;\n}\n\n// ---------------------------------------------------------------------------\n// Render elements\n// ---------------------------------------------------------------------------\n\nexport type CreateElementFn<T> = (tag: string, props: Record<string, any>, ...children: (T | string)[]) => T;\n\nconst PAD_V_CSS = 'max(0.2em, 0.9em - 0.5lh)';\n\nfunction buildRootProps(options: TegakiEngineOptions): Record<string, any> {\n  const text = options.text ?? '';\n  const font = resolveBundle(options.font);\n  const fontFamily = font?.family;\n\n  const duration = text && font ? computeTimeline(text, font, options.timing).totalDuration : 0;\n  const time =\n    typeof options.time === 'number'\n      ? options.time\n      : typeof options.time === 'object' && options.time?.mode === 'controlled'\n        ? options.time.value\n        : typeof options.time === 'object' && options.time?.mode === 'uncontrolled'\n          ? (options.time.initialTime ?? 0)\n          : 0;\n  const progress = duration > 0 ? time / duration : 0;\n\n  return {\n    'data-tegaki': 'root',\n    style: {\n      position: 'relative',\n      maxWidth: '100%',\n      width: 'auto',\n      height: 'auto',\n      fontFamily: fontFamily ?? undefined,\n      [CSS_DURATION]: duration,\n      [CSS_TIME]: time,\n      [CSS_PROGRESS]: progress,\n    },\n  };\n}\n\nfunction buildChildren<T>(options: TegakiEngineOptions, h: CreateElementFn<T>): T {\n  const text = options.text ?? '';\n  const isCss = options.time === 'css' || (typeof options.time === 'object' && options.time?.mode === 'css');\n  const showOverlay = options.showOverlay;\n\n  return h(\n    'div',\n    { style: { position: 'relative' } },\n    h('span', {\n      'data-tegaki': 'sentinel',\n      'aria-hidden': 'true',\n      style: {\n        position: 'absolute',\n        width: 0,\n        overflow: 'hidden',\n        pointerEvents: 'none',\n        fontSize: 'inherit',\n        lineHeight: 'inherit',\n        visibility: 'hidden',\n        transition: isCss\n          ? `font-size 0.001s, line-height 0.001s, color 0.001s, ${CSS_PROGRESS} 0.001s`\n          : 'font-size 0.001s, line-height 0.001s, color 0.001s',\n      },\n    }),\n    h(\n      'canvas',\n      {\n        'data-tegaki': 'canvas',\n        'aria-hidden': 'true',\n        style: {\n          position: 'absolute',\n          inset: `calc(-1 * ${PAD_V_CSS}) -0.2em`,\n          width: 'calc(100% + 0.4em)',\n          height: `calc(100% + 2 * ${PAD_V_CSS})`,\n          pointerEvents: 'none',\n          overflow: 'visible',\n        },\n      },\n      h(\n        'span',\n        {\n          'data-tegaki': 'canvas-fallback',\n          style: { display: 'inline-block', padding: `${PAD_V_CSS} 0.2em` },\n        },\n        text,\n      ),\n    ),\n    h(\n      'div',\n      {\n        'data-tegaki': 'overlay',\n        style: {\n          userSelect: 'auto',\n          whiteSpace: 'pre-wrap',\n          overflowWrap: 'break-word',\n          paddingRight: 1,\n          WebkitTextFillColor: showOverlay ? undefined : 'transparent',\n          color: showOverlay ? 'rgba(255, 0, 0, 0.4)' : undefined,\n        },\n      },\n      text,\n    ),\n  );\n}\n\n// ---------------------------------------------------------------------------\n// DOM createElement helper (for vanilla JS constructor)\n// ---------------------------------------------------------------------------\n\nfunction domCreateElement(tag: string, props: Record<string, any>, ...children: (HTMLElement | string)[]): HTMLElement {\n  const el = document.createElement(tag);\n  for (const [key, value] of Object.entries(props)) {\n    if (key === 'style' && typeof value === 'object') {\n      for (const [k, v] of Object.entries(value as Record<string, any>)) {\n        if (v !== undefined && v !== null) {\n          if (k.startsWith('--')) {\n            el.style.setProperty(k, String(v));\n          } else {\n            (el.style as any)[k] = typeof v === 'number' && k !== 'opacity' && k !== 'zIndex' ? `${v}px` : v;\n          }\n        }\n      }\n    } else if (key === 'aria-hidden') {\n      el.setAttribute('aria-hidden', String(value));\n    } else if (key.startsWith('data-')) {\n      el.setAttribute(key, String(value));\n    }\n  }\n  for (const child of children) {\n    if (typeof child === 'string') {\n      el.appendChild(document.createTextNode(child));\n    } else {\n      el.appendChild(child);\n    }\n  }\n  return el;\n}\n\n// ---------------------------------------------------------------------------\n// Helpers\n// ---------------------------------------------------------------------------\n\nfunction resolveTimeControl(prop: TimeControlProp): TimeControlMode[keyof TimeControlMode] {\n  if (prop == null) return { mode: 'uncontrolled' };\n  if (typeof prop === 'number') return { mode: 'controlled', value: prop };\n  if (prop === 'css') return { mode: 'css' };\n  return prop;\n}\n\n// ---------------------------------------------------------------------------\n// TegakiEngine\n// ---------------------------------------------------------------------------\n\nfunction resolveBundle(font: TegakiBundle | string | undefined): TegakiBundle | undefined {\n  if (typeof font === 'string') {\n    const bundle = TegakiEngine.getBundle(font);\n    if (!bundle) throw new Error(`TegakiEngine: no bundle registered for \"${font}\". Call TegakiEngine.registerBundle() first.`);\n    return bundle;\n  }\n  return font;\n}\n\nexport class TegakiEngine {\n  // --- Bundle registry ---\n  private static _bundles = new Map<string, TegakiBundle>();\n\n  /** Register a font bundle so it can be referenced by family name. */\n  static registerBundle(bundle: TegakiBundle): void {\n    TegakiEngine._bundles.set(bundle.family, bundle);\n  }\n\n  /** Look up a registered bundle by family name. */\n  static getBundle(family: string): TegakiBundle | undefined {\n    return TegakiEngine._bundles.get(family);\n  }\n\n  // --- DOM elements ---\n  private _rootEl: HTMLElement;\n  private _contentEl: HTMLElement | null = null; // non-null only in non-adopt mode\n  private _sentinelEl: HTMLSpanElement;\n  private _canvasEl: HTMLCanvasElement;\n  private _overlayEl: HTMLDivElement;\n  private _canvasFallbackEl: HTMLSpanElement;\n\n  // --- Options ---\n  private _text = '';\n  private _font: TegakiBundle | null = null;\n  private _timeControl: TimeControlMode[keyof TimeControlMode] = { mode: 'uncontrolled' };\n  private _effects: Record<string, any> | undefined;\n  private _timing: TimelineConfig | undefined;\n  private _segmentSize: number | undefined;\n  private _showOverlay = false;\n  private _onComplete: (() => void) | undefined;\n\n  // --- Derived / cached ---\n  private _resolvedEffects: ResolvedEffect[] = resolveEffects(undefined);\n  private _seed: number;\n  private _timeline: Timeline = { entries: [] as TimelineEntry[], totalDuration: 0 };\n  private _layout: TextLayout | null = null;\n  private _fontReady = false;\n\n  // --- Measured from DOM ---\n  private _containerWidth = 0;\n  private _fontSize = 0;\n  private _lineHeight = 0;\n  private _currentColor = '';\n\n  // --- Playback state ---\n  private _internalTime = 0;\n  private _cssTime = 0;\n  private _playing = true;\n  private _smoothedBoost = 0;\n  private _lastTs: number | null = null;\n  private _rafId = 0;\n  private _prevCompleted = false;\n  private _prefersReducedMotion = false;\n  private _destroyed = false;\n\n  // --- Observers & listeners ---\n  private _resizeObserver: ResizeObserver;\n  private _mql: MediaQueryList | null = null;\n\n  /**\n   * Returns the props (including style) that should be applied to the container element,\n   * plus the inner content tree rendered via a framework `createElement` callback.\n   *\n   * Each child element receives a `data-tegaki` attribute so the engine can adopt\n   * pre-rendered elements later via `new TegakiEngine(container, { adopt: true })`.\n   */\n  static renderElements<T>(\n    options: TegakiEngineOptions,\n    createElement: CreateElementFn<T>,\n  ): { rootProps: Record<string, any>; content: T } {\n    return {\n      rootProps: buildRootProps(options),\n      content: buildChildren(options, createElement),\n    };\n  }\n\n  constructor(container: HTMLElement, options?: TegakiEngineOptions & { adopt?: boolean }) {\n    registerCssProperties();\n    this._seed = Math.random() * 1000;\n\n    // --- Resolve DOM elements ---\n    // The container itself is the root element. In adopt mode, the adapter has\n    // already rendered children inside it. In non-adopt mode, we create them.\n    this._rootEl = container;\n\n    if (options?.adopt) {\n      // Adopt pre-rendered children (created by renderElements)\n    } else {\n      // Create DOM from scratch\n      const content = buildChildren(options ?? {}, domCreateElement);\n      container.appendChild(content);\n      this._contentEl = content;\n      // Apply root styles to the container\n      const rootProps = buildRootProps(options ?? {});\n      for (const [key, value] of Object.entries(rootProps.style as Record<string, any>)) {\n        if (value !== undefined && value !== null) {\n          if (key.startsWith('--')) {\n            container.style.setProperty(key, String(value));\n          } else {\n            (container.style as any)[key] = typeof value === 'number' && key !== 'opacity' && key !== 'zIndex' ? `${value}px` : value;\n          }\n        }\n      }\n      container.dataset.tegaki = 'root';\n    }\n\n    this._sentinelEl = container.querySelector('[data-tegaki=\"sentinel\"]') as HTMLSpanElement;\n    this._canvasEl = container.querySelector('[data-tegaki=\"canvas\"]') as HTMLCanvasElement;\n    this._canvasFallbackEl = container.querySelector('[data-tegaki=\"canvas-fallback\"]') as HTMLSpanElement;\n    this._overlayEl = container.querySelector('[data-tegaki=\"overlay\"]') as HTMLDivElement;\n\n    // --- ResizeObserver ---\n    this._resizeObserver = new ResizeObserver(this._onResize);\n    this._resizeObserver.observe(this._rootEl);\n\n    // --- Sentinel transitions ---\n    this._sentinelEl.addEventListener('transitionend', this._onSentinelTransition);\n\n    // --- Reduced motion ---\n    if (typeof window !== 'undefined') {\n      this._mql = window.matchMedia('(prefers-reduced-motion: reduce)');\n      this._prefersReducedMotion = this._mql.matches;\n      this._mql.addEventListener('change', this._onReducedMotionChange);\n    }\n\n    // --- Initial measurement (must run before update so layout has valid dimensions) ---\n    this._measure();\n\n    // --- Apply initial options ---\n    if (options) this.update(options);\n  }\n\n  // =========================================================================\n  // Public API\n  // =========================================================================\n\n  get currentTime(): number {\n    const tc = this._timeControl;\n    if (tc.mode === 'css') return this._cssTime;\n    if (tc.mode === 'controlled') return tc.value;\n    return this._internalTime;\n  }\n\n  get duration(): number {\n    return this._timeline.totalDuration;\n  }\n\n  get isPlaying(): boolean {\n    return this._playing;\n  }\n\n  get isComplete(): boolean {\n    return this._timeline.totalDuration > 0 && this.currentTime >= this._timeline.totalDuration;\n  }\n\n  get element(): HTMLElement {\n    return this._rootEl;\n  }\n\n  play(): void {\n    if (this._timeControl.mode !== 'uncontrolled') return;\n    this._playing = true;\n    this._evaluatePlayback();\n  }\n\n  pause(): void {\n    if (this._timeControl.mode !== 'uncontrolled') return;\n    this._playing = false;\n    this._evaluatePlayback();\n  }\n\n  seek(time: number): void {\n    if (this._timeControl.mode !== 'uncontrolled') return;\n    this._internalTime = Math.max(0, Math.min(time, this._timeline.totalDuration));\n    this._checkCompletion();\n    this._notifyTimeChange();\n    this._render();\n    this._updateCssProperties();\n  }\n\n  restart(): void {\n    if (this._timeControl.mode !== 'uncontrolled') return;\n    this._internalTime = 0;\n    this._playing = true;\n    this._prevCompleted = false;\n    this._notifyTimeChange();\n    this._evaluatePlayback();\n  }\n\n  update(options: Partial<TegakiEngineOptions>): void {\n    if (this._destroyed) return;\n\n    let dirtyTimeline = false;\n    let dirtyLayout = false;\n    let dirtyRender = false;\n    let dirtyPlayback = false;\n\n    if ('text' in options && options.text !== this._text) {\n      this._text = options.text ?? '';\n      dirtyTimeline = true;\n      dirtyLayout = true;\n    }\n\n    if ('font' in options) {\n      const resolved = resolveBundle(options.font) ?? null;\n      if (resolved !== this._font) {\n        this._loadFont(resolved);\n        dirtyTimeline = true;\n        dirtyLayout = true;\n        dirtyPlayback = true;\n      }\n    }\n\n    if ('time' in options) {\n      const newTc = resolveTimeControl(options.time);\n      const oldTc = this._timeControl;\n\n      // Detect meaningful changes\n      const modeChanged = newTc.mode !== oldTc.mode;\n      const controlledValueChanged = newTc.mode === 'controlled' && oldTc.mode === 'controlled' && newTc.value !== oldTc.value;\n      const uncontrolledChanged =\n        newTc.mode === 'uncontrolled' &&\n        oldTc.mode === 'uncontrolled' &&\n        (newTc.speed !== oldTc.speed || newTc.playing !== oldTc.playing || newTc.loop !== oldTc.loop || newTc.catchUp !== oldTc.catchUp);\n\n      if (modeChanged || controlledValueChanged || uncontrolledChanged) {\n        this._timeControl = newTc;\n\n        if (newTc.mode === 'uncontrolled') {\n          this._playing = newTc.playing ?? true;\n        }\n\n        dirtyPlayback = true;\n        dirtyRender = true;\n\n        // Update sentinel transition for css mode\n        this._updateSentinelTransition();\n      }\n    }\n\n    if ('effects' in options && options.effects !== this._effects) {\n      this._effects = options.effects as Record<string, any>;\n      this._resolvedEffects = resolveEffects(this._effects);\n      dirtyRender = true;\n    }\n\n    if ('timing' in options && options.timing !== this._timing) {\n      this._timing = options.timing;\n      dirtyTimeline = true;\n    }\n\n    if ('segmentSize' in options && options.segmentSize !== this._segmentSize) {\n      this._segmentSize = options.segmentSize;\n      dirtyRender = true;\n    }\n\n    if ('showOverlay' in options && options.showOverlay !== this._showOverlay) {\n      this._showOverlay = options.showOverlay ?? false;\n      this._updateOverlayStyle();\n      dirtyRender = true;\n    }\n\n    if ('onComplete' in options) {\n      this._onComplete = options.onComplete;\n    }\n\n    // --- Recompute ---\n    if (dirtyTimeline) this._recomputeTimeline();\n    if (dirtyLayout) this._recomputeLayout();\n    if (dirtyPlayback) this._evaluatePlayback();\n    if (dirtyRender || dirtyTimeline || dirtyLayout) {\n      this._updateDom();\n      this._render();\n    }\n  }\n\n  destroy(): void {\n    this._destroyed = true;\n    this._stopLoop();\n    this._resizeObserver.disconnect();\n    this._sentinelEl.removeEventListener('transitionend', this._onSentinelTransition);\n    this._mql?.removeEventListener('change', this._onReducedMotionChange);\n    // Only remove content we created (non-adopt mode). The container is owned by the caller.\n    this._contentEl?.remove();\n  }\n\n  // =========================================================================\n  // Internal: DOM updates\n  // =========================================================================\n\n  /** Estimate line-height from font metrics when CSS returns \"normal\". */\n  private _fallbackLineHeight(fontSize: number): number {\n    if (this._font) {\n      return ((this._font.ascender - this._font.descender) / this._font.unitsPerEm) * fontSize;\n    }\n    return fontSize * 1.2;\n  }\n\n  private _measure(): void {\n    const styles = getComputedStyle(this._rootEl);\n    this._containerWidth = this._rootEl.getBoundingClientRect().width;\n    this._fontSize = Number.parseFloat(styles.fontSize);\n    const parsedLh = Number.parseFloat(styles.lineHeight);\n    this._lineHeight = Number.isNaN(parsedLh) ? this._fallbackLineHeight(this._fontSize) : parsedLh;\n    this._currentColor = styles.color;\n  }\n\n  private _updateDom(): void {\n    // Font family\n    this._rootEl.style.fontFamily = this._font?.family ?? '';\n\n    // CSS custom properties\n    this._updateCssProperties();\n\n    // Overlay text\n    this._overlayEl.textContent = this._text;\n    this._canvasFallbackEl.textContent = this._text;\n  }\n\n  private _updateCssProperties(): void {\n    const time = this.currentTime;\n    const dur = this._timeline.totalDuration;\n    this._rootEl.style.setProperty(CSS_DURATION, String(dur));\n    this._rootEl.style.setProperty(CSS_TIME, String(time));\n    this._rootEl.style.setProperty(CSS_PROGRESS, String(dur > 0 ? time / dur : 0));\n  }\n\n  private _updateOverlayStyle(): void {\n    if (this._showOverlay) {\n      this._overlayEl.style.webkitTextFillColor = '';\n      this._overlayEl.style.color = 'rgba(255, 0, 0, 0.4)';\n    } else {\n      this._overlayEl.style.webkitTextFillColor = 'transparent';\n      this._overlayEl.style.color = '';\n    }\n  }\n\n  private _updateSentinelTransition(): void {\n    const isCss = this._timeControl.mode === 'css';\n    this._sentinelEl.style.transition = isCss\n      ? `font-size 0.001s, line-height 0.001s, color 0.001s, ${CSS_PROGRESS} 0.001s`\n      : 'font-size 0.001s, line-height 0.001s, color 0.001s';\n  }\n\n  // =========================================================================\n  // Internal: Resize & sentinel observers\n  // =========================================================================\n\n  private _onResize = (entries: ResizeObserverEntry[]): void => {\n    const entry = entries[0];\n    if (!entry) return;\n    const newWidth = entry.contentRect.width;\n    const styles = getComputedStyle(this._rootEl);\n    const newFontSize = Number.parseFloat(styles.fontSize);\n    const parsedLh = Number.parseFloat(styles.lineHeight);\n    const newLineHeight = Number.isNaN(parsedLh) ? this._fallbackLineHeight(newFontSize) : parsedLh;\n    const newColor = styles.color;\n\n    let changed = false;\n    let layoutChanged = false;\n\n    if (newWidth !== this._containerWidth) {\n      this._containerWidth = newWidth;\n      layoutChanged = true;\n      changed = true;\n    }\n    if (newFontSize !== this._fontSize) {\n      this._fontSize = newFontSize;\n      layoutChanged = true;\n      changed = true;\n    }\n    if (newLineHeight !== this._lineHeight) {\n      this._lineHeight = newLineHeight;\n      layoutChanged = true;\n      changed = true;\n    }\n    if (newColor !== this._currentColor) {\n      this._currentColor = newColor;\n      changed = true;\n    }\n\n    if (layoutChanged) this._recomputeLayout();\n    if (changed) this._render();\n  };\n\n  private _onSentinelTransition = (e: TransitionEvent): void => {\n    const styles = getComputedStyle(this._sentinelEl);\n    let changed = false;\n\n    if (e.propertyName === 'font-size' || e.propertyName === 'line-height') {\n      const newFontSize = Number.parseFloat(styles.fontSize);\n      const parsedLh = Number.parseFloat(styles.lineHeight);\n      const newLineHeight = Number.isNaN(parsedLh) ? this._fallbackLineHeight(newFontSize) : parsedLh;\n      if (newFontSize !== this._fontSize || newLineHeight !== this._lineHeight) {\n        this._fontSize = newFontSize;\n        this._lineHeight = newLineHeight;\n        this._recomputeLayout();\n        changed = true;\n      }\n    }\n\n    if (e.propertyName === 'color') {\n      const newColor = styles.color;\n      if (newColor !== this._currentColor) {\n        this._currentColor = newColor;\n        changed = true;\n      }\n    }\n\n    if (e.propertyName === CSS_PROGRESS) {\n      const rawProgress = Number(styles.getPropertyValue(CSS_PROGRESS));\n      this._cssTime = rawProgress * this._timeline.totalDuration;\n      changed = true;\n    }\n\n    if (changed) this._render();\n  };\n\n  // =========================================================================\n  // Internal: Reduced motion\n  // =========================================================================\n\n  private _onReducedMotionChange = (e: MediaQueryListEvent): void => {\n    this._prefersReducedMotion = e.matches;\n    if (this._prefersReducedMotion && this._timeControl.mode === 'uncontrolled' && this._timeline.totalDuration > 0) {\n      this._internalTime = this._timeline.totalDuration;\n    }\n    this._evaluatePlayback();\n    this._render();\n  };\n\n  // =========================================================================\n  // Internal: Font loading\n  // =========================================================================\n\n  private _loadFont(font: TegakiBundle | null): void {\n    this._font = font;\n    this._fontReady = false;\n\n    if (!font) return;\n\n    const pending = ensureFont(font.family, font.fontUrl);\n    if (pending === null) {\n      this._fontReady = true;\n      return;\n    }\n\n    const currentFont = font;\n    pending.then(() => {\n      if (this._font === currentFont && !this._destroyed) {\n        this._fontReady = true;\n        this._recomputeTimeline();\n        this._recomputeLayout();\n        this._evaluatePlayback();\n        this._updateDom();\n        this._render();\n      }\n    });\n  }\n\n  // =========================================================================\n  // Internal: Recomputation\n  // =========================================================================\n\n  private _recomputeTimeline(): void {\n    if (this._font && this._text) {\n      this._timeline = computeTimeline(this._text, this._font, this._timing);\n    } else {\n      this._timeline = { entries: [] as TimelineEntry[], totalDuration: 0 };\n    }\n  }\n\n  private _recomputeLayout(): void {\n    const fontFamily = this._font?.family;\n    if (this._fontReady && fontFamily && this._fontSize && this._containerWidth && this._text) {\n      this._layout = computeTextLayout(this._text, fontFamily, this._fontSize, this._lineHeight, this._containerWidth);\n    } else {\n      this._layout = null;\n    }\n  }\n\n  // =========================================================================\n  // Internal: Playback loop\n  // =========================================================================\n\n  private _evaluatePlayback(): void {\n    const tc = this._timeControl;\n    const shouldRun = tc.mode === 'uncontrolled' && this._playing && !!this._font && this._fontReady && !this._prefersReducedMotion;\n\n    if (shouldRun) {\n      this._startLoop();\n    } else {\n      this._stopLoop();\n    }\n  }\n\n  private _startLoop(): void {\n    if (this._rafId) return;\n    this._lastTs = null;\n    this._smoothedBoost = 0;\n    this._rafId = requestAnimationFrame(this._tick);\n  }\n\n  private _stopLoop(): void {\n    if (this._rafId) {\n      cancelAnimationFrame(this._rafId);\n      this._rafId = 0;\n    }\n  }\n\n  private _tick = (ts: number): void => {\n    if (this._destroyed) return;\n\n    if (this._lastTs === null) this._lastTs = ts;\n    const dtSec = (ts - this._lastTs) / 1000;\n    this._lastTs = ts;\n\n    const tc = this._timeControl;\n    if (tc.mode !== 'uncontrolled') return;\n\n    const speed = tc.speed ?? 1;\n    const loop = tc.loop ?? false;\n    const catchUp = tc.catchUp ?? 0;\n    const totalDur = this._timeline.totalDuration;\n\n    if (totalDur === 0 || (!loop && this._internalTime >= totalDur)) {\n      this._internalTime = totalDur;\n      this._rafId = requestAnimationFrame(this._tick);\n      return;\n    }\n\n    // Compute effective speed with catch-up\n    let effectiveSpeed = speed;\n    if (catchUp > 0) {\n      const remaining = Math.max(0, totalDur - this._internalTime);\n      const excess = Math.max(0, remaining - 2);\n      const targetBoost = catchUp * excess;\n      const attackRate = 4;\n      const releaseRate = loop ? 30 : 2;\n      const rate = targetBoost > this._smoothedBoost ? attackRate : releaseRate;\n      this._smoothedBoost += (targetBoost - this._smoothedBoost) * (1 - Math.exp(-rate * dtSec));\n      effectiveSpeed = speed + this._smoothedBoost;\n    }\n\n    let next = this._internalTime + dtSec * effectiveSpeed;\n    if (next >= totalDur) {\n      next = loop ? next % totalDur : totalDur;\n      this._smoothedBoost = 0;\n    }\n    this._internalTime = next;\n\n    this._notifyTimeChange();\n    this._checkCompletion();\n    this._render();\n    this._updateCssProperties();\n\n    this._rafId = requestAnimationFrame(this._tick);\n  };\n\n  private _notifyTimeChange(): void {\n    const tc = this._timeControl;\n    if (tc.mode === 'uncontrolled' && tc.onTimeChange) {\n      tc.onTimeChange(this._internalTime);\n    }\n  }\n\n  private _checkCompletion(): void {\n    const complete = this._timeline.totalDuration > 0 && this.currentTime >= this._timeline.totalDuration;\n    if (complete && !this._prevCompleted) {\n      this._prevCompleted = true;\n      this._onComplete?.();\n    } else if (!complete) {\n      this._prevCompleted = false;\n    }\n  }\n\n  // =========================================================================\n  // Internal: Canvas rendering\n  // =========================================================================\n\n  private _render(): void {\n    const canvas = this._canvasEl;\n    const font = this._font;\n    const layout = this._layout;\n    const fontSize = this._fontSize;\n\n    if (!font?.glyphData || !layout || !fontSize) return;\n\n    const dpr = window.devicePixelRatio || 1;\n    const canvasRect = canvas.getBoundingClientRect();\n    const w = canvasRect.width;\n    const h = canvasRect.height;\n\n    const needsResize = canvas.width !== Math.round(w * dpr) || canvas.height !== Math.round(h * dpr);\n    if (needsResize) {\n      canvas.width = Math.round(w * dpr);\n      canvas.height = Math.round(h * dpr);\n    }\n\n    const ctx = canvas.getContext('2d');\n    if (!ctx) return;\n\n    ctx.setTransform(dpr, 0, 0, dpr, 0, 0);\n    ctx.clearRect(0, 0, w, h);\n\n    const padH = PADDING_H_EM * fontSize;\n    const lineHeight = this._lineHeight;\n    const padV = Math.max(MIN_PADDING_V_EM * fontSize, (MIN_LINE_HEIGHT_EM * fontSize - lineHeight) / 2);\n    ctx.translate(padH, padV);\n\n    const color = this._currentColor || 'black';\n    const emHeight = (font.ascender - font.descender) / font.unitsPerEm;\n    const emHeightPx = emHeight * fontSize;\n    const halfLeading = (lineHeight - emHeightPx) / 2;\n    const characters = graphemes(this._text);\n    const currentTime = this.currentTime;\n\n    let y = 0;\n    for (const lineIndices of layout.lines) {\n      let x = 0;\n      for (const charIdx of lineIndices) {\n        const char = characters[charIdx]!;\n        if (char === '\\n') continue;\n        const entry = this._timeline.entries[charIdx]!;\n        const charWidth = layout.charWidths[charIdx] ?? 0;\n        const kerning = layout.kernings[charIdx] ?? 0;\n        const glyph = font.glyphData[char];\n\n        if (glyph && entry.hasGlyph) {\n          const localTime = Math.max(0, Math.min(currentTime - entry.offset, entry.duration));\n          const glyphY = y + halfLeading;\n          drawGlyph(\n            ctx,\n            glyph,\n            {\n              x,\n              y: glyphY,\n              fontSize,\n              unitsPerEm: font.unitsPerEm,\n              ascender: font.ascender,\n              descender: font.descender,\n            },\n            localTime,\n            font.lineCap,\n            color,\n            this._resolvedEffects,\n            this._seed + charIdx,\n            this._segmentSize,\n          );\n        } else if (!entry.hasGlyph && currentTime >= entry.offset + entry.duration) {\n          const baseline = y + halfLeading + (font.ascender / font.unitsPerEm) * fontSize;\n          drawFallbackGlyph(ctx, char, x, baseline, fontSize, font.family, color, this._resolvedEffects, this._seed + charIdx);\n        }\n\n        x += (charWidth + kerning) * fontSize;\n      }\n      y += lineHeight;\n    }\n  }\n}\n"],"mappings":"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"}

package/dist/{index-BUNd9bnS.d.mts → index-Bmbc0eTI.d.mts}

@@ -1,4 +1,4 @@
-import { D as TegakiEffects, n as TegakiEngine, r as TegakiEngineOptions } from "./index-Bzxy01Zq.mjs";
+import { D as TegakiEffects, n as TegakiEngine, r as TegakiEngineOptions } from "./index-YdGpXlqf.mjs";
 import { ComponentProps, Ref } from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
@@ -36,4 +36,4 @@ declare function TegakiRenderer<const E extends TegakiEffects<E> = Record<string
 }: TegakiRendererProps<E>): _$react_jsx_runtime0.JSX.Element;
 //#endregion
 export { TegakiRendererHandle as n, TegakiRendererProps as r, TegakiRenderer as t };
-//# sourceMappingURL=index-BUNd9bnS.d.mts.map
+//# sourceMappingURL=index-Bmbc0eTI.d.mts.map

package/dist/{index-Bzxy01Zq.d.mts → index-YdGpXlqf.d.mts}

@@ -249,6 +249,7 @@ declare class TegakiEngine {
   /** Look up a registered bundle by family name. */
   static getBundle(family: string): TegakiBundle | undefined;
   private _rootEl;
+  private _contentEl;
   private _sentinelEl;
   private _canvasEl;
   private _overlayEl;
@@ -282,13 +283,16 @@ declare class TegakiEngine {
   private _resizeObserver;
   private _mql;
   /**
-   * Renders the engine's element tree using a framework-provided `createElement` callback.
-   * This method requires no DOM and can run during SSR.
+   * Returns the props (including style) that should be applied to the container element,
+   * plus the inner content tree rendered via a framework `createElement` callback.
    *
-   * Each element receives a `data-tegaki` attribute so the engine can adopt
+   * Each child element receives a `data-tegaki` attribute so the engine can adopt
    * pre-rendered elements later via `new TegakiEngine(container, { adopt: true })`.
    */
-  static renderElements<T>(options: TegakiEngineOptions, createElement: CreateElementFn<T>): T;
+  static renderElements<T>(options: TegakiEngineOptions, createElement: CreateElementFn<T>): {
+    rootProps: Record<string, any>;
+    content: T;
+  };
   constructor(container: HTMLElement, options?: TegakiEngineOptions & {
     adopt?: boolean;
   });
@@ -296,7 +300,7 @@ declare class TegakiEngine {
   get duration(): number;
   get isPlaying(): boolean;
   get isComplete(): boolean;
-  get element(): HTMLDivElement;
+  get element(): HTMLElement;
   play(): void;
   pause(): void;
   seek(time: number): void;
@@ -326,4 +330,4 @@ declare class TegakiEngine {
 }
 //#endregion
 export { TegakiSingletonEffectName as A, Stroke as C, TegakiEffects as D, TegakiEffectName as E, TegakiGlyphData as O, Point as S, TegakiEffectConfigs as T, CSSLength as _, TimeControlProp as a, LineCap as b, TimelineEntry as c, computeTextLayout as d, ensureFontFace as f, BBox as g, resolveEffects as h, TimeControlMode as i, TimedPoint as j, TegakiMultiEffectName as k, computeTimeline as l, ResolvedEffect as m, TegakiEngine as n, Timeline as o, drawGlyph as p, TegakiEngineOptions as r, TimelineConfig as s, CreateElementFn as t, TextLayout as u, FontOutput as v, TegakiBundle as w, PathCommand as x, GlyphData as y };
-//# sourceMappingURL=index-Bzxy01Zq.d.mts.map
+//# sourceMappingURL=index-YdGpXlqf.d.mts.map

package/dist/index.d.mts

@@ -1,3 +1,3 @@
-import { A as TegakiSingletonEffectName, C as Stroke, D as TegakiEffects, E as TegakiEffectName, O as TegakiGlyphData, S as Point, T as TegakiEffectConfigs, _ as CSSLength, a as TimeControlProp, b as LineCap, c as TimelineEntry, d as computeTextLayout, f as ensureFontFace, g as BBox, h as resolveEffects, i as TimeControlMode, j as TimedPoint, k as TegakiMultiEffectName, l as computeTimeline, m as ResolvedEffect, n as TegakiEngine, o as Timeline, p as drawGlyph, r as TegakiEngineOptions, s as TimelineConfig, t as CreateElementFn, u as TextLayout, v as FontOutput, w as TegakiBundle, x as PathCommand, y as GlyphData } from "./index-Bzxy01Zq.mjs";
-import { n as TegakiRendererHandle, r as TegakiRendererProps, t as TegakiRenderer } from "./index-BUNd9bnS.mjs";
+import { A as TegakiSingletonEffectName, C as Stroke, D as TegakiEffects, E as TegakiEffectName, O as TegakiGlyphData, S as Point, T as TegakiEffectConfigs, _ as CSSLength, a as TimeControlProp, b as LineCap, c as TimelineEntry, d as computeTextLayout, f as ensureFontFace, g as BBox, h as resolveEffects, i as TimeControlMode, j as TimedPoint, k as TegakiMultiEffectName, l as computeTimeline, m as ResolvedEffect, n as TegakiEngine, o as Timeline, p as drawGlyph, r as TegakiEngineOptions, s as TimelineConfig, t as CreateElementFn, u as TextLayout, v as FontOutput, w as TegakiBundle, x as PathCommand, y as GlyphData } from "./index-YdGpXlqf.mjs";
+import { n as TegakiRendererHandle, r as TegakiRendererProps, t as TegakiRenderer } from "./index-Bmbc0eTI.mjs";
 export { BBox, CSSLength, CreateElementFn, FontOutput, GlyphData, LineCap, PathCommand, Point, ResolvedEffect, Stroke, TegakiBundle, TegakiEffectConfigs, TegakiEffectName, TegakiEffects, TegakiEngine, TegakiEngineOptions, TegakiGlyphData, TegakiMultiEffectName, TegakiRenderer, TegakiRendererHandle, TegakiRendererProps, TegakiSingletonEffectName, TextLayout, TimeControlMode, TimeControlProp, TimedPoint, Timeline, TimelineConfig, TimelineEntry, computeTextLayout, computeTimeline, drawGlyph, ensureFontFace, resolveEffects };

package/dist/index.mjs

@@ -1,3 +1,3 @@
-import { a as drawGlyph, i as ensureFontFace, n as computeTimeline, r as computeTextLayout, s as resolveEffects, t as TegakiEngine } from "./core-aZknK_0L.mjs";
-import { t as TegakiRenderer } from "./react-Ddx6VfJc.mjs";
+import { a as drawGlyph, i as ensureFontFace, n as computeTimeline, r as computeTextLayout, s as resolveEffects, t as TegakiEngine } from "./core-Cw5jNWFa.mjs";
+import { t as TegakiRenderer } from "./react-DfB_wEik.mjs";
 export { TegakiEngine, TegakiRenderer, computeTextLayout, computeTimeline, drawGlyph, ensureFontFace, resolveEffects };

package/dist/react/index.d.mts

@@ -1,3 +1,3 @@
-import { A as TegakiSingletonEffectName, C as Stroke, D as TegakiEffects, E as TegakiEffectName, O as TegakiGlyphData, S as Point, T as TegakiEffectConfigs, _ as CSSLength, a as TimeControlProp, b as LineCap, c as TimelineEntry, d as computeTextLayout, f as ensureFontFace, g as BBox, h as resolveEffects, i as TimeControlMode, j as TimedPoint, k as TegakiMultiEffectName, l as computeTimeline, m as ResolvedEffect, n as TegakiEngine, o as Timeline, p as drawGlyph, r as TegakiEngineOptions, s as TimelineConfig, t as CreateElementFn, u as TextLayout, v as FontOutput, w as TegakiBundle, x as PathCommand, y as GlyphData } from "../index-Bzxy01Zq.mjs";
-import { n as TegakiRendererHandle, r as TegakiRendererProps, t as TegakiRenderer } from "../index-BUNd9bnS.mjs";
+import { A as TegakiSingletonEffectName, C as Stroke, D as TegakiEffects, E as TegakiEffectName, O as TegakiGlyphData, S as Point, T as TegakiEffectConfigs, _ as CSSLength, a as TimeControlProp, b as LineCap, c as TimelineEntry, d as computeTextLayout, f as ensureFontFace, g as BBox, h as resolveEffects, i as TimeControlMode, j as TimedPoint, k as TegakiMultiEffectName, l as computeTimeline, m as ResolvedEffect, n as TegakiEngine, o as Timeline, p as drawGlyph, r as TegakiEngineOptions, s as TimelineConfig, t as CreateElementFn, u as TextLayout, v as FontOutput, w as TegakiBundle, x as PathCommand, y as GlyphData } from "../index-YdGpXlqf.mjs";
+import { n as TegakiRendererHandle, r as TegakiRendererProps, t as TegakiRenderer } from "../index-Bmbc0eTI.mjs";
 export { BBox, CSSLength, CreateElementFn, FontOutput, GlyphData, LineCap, PathCommand, Point, ResolvedEffect, Stroke, TegakiBundle, TegakiEffectConfigs, TegakiEffectName, TegakiEffects, TegakiEngine, TegakiEngineOptions, TegakiGlyphData, TegakiMultiEffectName, TegakiRenderer, TegakiRendererHandle, TegakiRendererProps, TegakiSingletonEffectName, TextLayout, TimeControlMode, TimeControlProp, TimedPoint, Timeline, TimelineConfig, TimelineEntry, computeTextLayout, computeTimeline, drawGlyph, ensureFontFace, resolveEffects };

package/dist/react/index.mjs

@@ -1,3 +1,3 @@
-import { a as drawGlyph, i as ensureFontFace, n as computeTimeline, r as computeTextLayout, s as resolveEffects, t as TegakiEngine } from "../core-aZknK_0L.mjs";
-import { t as TegakiRenderer } from "../react-Ddx6VfJc.mjs";
+import { a as drawGlyph, i as ensureFontFace, n as computeTimeline, r as computeTextLayout, s as resolveEffects, t as TegakiEngine } from "../core-Cw5jNWFa.mjs";
+import { t as TegakiRenderer } from "../react-DfB_wEik.mjs";
 export { TegakiEngine, TegakiRenderer, computeTextLayout, computeTimeline, drawGlyph, ensureFontFace, resolveEffects };

package/dist/{react-Ddx6VfJc.mjs → react-DfB_wEik.mjs}

@@ -1,4 +1,4 @@
-import { o as coerceToString, t as TegakiEngine } from "./core-aZknK_0L.mjs";
+import { o as coerceToString, t as TegakiEngine } from "./core-Cw5jNWFa.mjs";
 import { createElement, useEffect, useImperativeHandle, useRef } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/react/TegakiRenderer.tsx
@@ -21,7 +21,8 @@ function TegakiRenderer({ ref, font, text, children, time: timeProp, onComplete,
 		showOverlay,
 		onComplete
 	};
-	const elements = TegakiEngine.renderElements(engineOptions, reactCreateElement);
+	const { rootProps, content } = TegakiEngine.renderElements(engineOptions, reactCreateElement);
+	const { style: rootStyle, ...rootAttrs } = rootProps;
 	useEffect(() => {
 		const engine = new TegakiEngine(containerRef.current, { adopt: true });
 		engineRef.current = engine;
@@ -41,13 +42,19 @@ function TegakiRenderer({ ref, font, text, children, time: timeProp, onComplete,
 			return containerRef.current;
 		}
 	}), []);
+	const mergedStyle = {
+		...rootStyle,
+		...divProps.style
+	};
 	return /* @__PURE__ */ jsx("div", {
 		ref: containerRef,
+		...rootAttrs,
 		...divProps,
-		children: elements
+		style: mergedStyle,
+		children: content
 	});
 }
 //#endregion
 export { TegakiRenderer as t };
 
-//# sourceMappingURL=react-Ddx6VfJc.mjs.map
+//# sourceMappingURL=react-DfB_wEik.mjs.map

package/dist/{react-Ddx6VfJc.mjs.map → react-DfB_wEik.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"react-Ddx6VfJc.mjs","names":[],"sources":["../src/react/TegakiRenderer.tsx"],"sourcesContent":["'use client';\n\nimport { type ComponentProps, createElement, type ReactNode, type Ref, useEffect, useImperativeHandle, useRef } from 'react';\nimport { TegakiEngine, type TegakiEngineOptions } from '../core/engine.ts';\nimport type { Coercible } from '../lib/utils.ts';\nimport { coerceToString } from '../lib/utils.ts';\nimport type { TegakiEffects } from '../types.ts';\n\n/** Imperative handle exposed via the `ref` prop. */\nexport interface TegakiRendererHandle {\n  /** The underlying engine instance. `null` before mount and after unmount. */\n  readonly engine: TegakiEngine | null;\n  /** The container DOM element. */\n  readonly element: HTMLDivElement | null;\n}\n\nexport interface TegakiRendererProps<E extends TegakiEffects<E> = Record<string, never>>\n  extends Omit<TegakiEngineOptions, 'effects'>,\n    Omit<ComponentProps<'div'>, 'children' | 'ref'> {\n  /** Imperative handle ref for playback controls and DOM access. */\n  ref?: Ref<TegakiRendererHandle>;\n\n  /** Children coerced to string. Strings and numbers are kept; everything else is ignored. */\n  children?: Coercible;\n\n  /** Visual effects applied during canvas rendering. */\n  effects?: E;\n}\n\nfunction reactCreateElement(tag: string, props: Record<string, any>, ...children: (ReactNode | string)[]): ReactNode {\n  return createElement(tag, { ...props, key: props['data-tegaki'] }, ...children);\n}\n\nexport function TegakiRenderer<const E extends TegakiEffects<E> = Record<string, never>>({\n  ref,\n  font,\n  text,\n  children,\n  time: timeProp,\n  onComplete,\n  effects,\n  segmentSize,\n  timing,\n  showOverlay,\n  ...divProps\n}: TegakiRendererProps<E>) {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const engineRef = useRef<TegakiEngine | null>(null);\n  const resolvedText = text ?? coerceToString(children);\n\n  // Render the element tree via the engine's static method (SSR-safe)\n  const engineOptions: TegakiEngineOptions = {\n    text: resolvedText,\n    font,\n    time: timeProp,\n    effects: effects as Record<string, any>,\n    segmentSize,\n    timing,\n    showOverlay,\n    onComplete,\n  };\n  const elements = TegakiEngine.renderElements(engineOptions, reactCreateElement);\n\n  // Create engine on mount, adopting the pre-rendered elements\n  useEffect(() => {\n    const engine = new TegakiEngine(containerRef.current!, { adopt: true });\n    engineRef.current = engine;\n    return () => {\n      engine.destroy();\n      engineRef.current = null;\n    };\n  }, []);\n\n  // Update engine with current props every render\n  useEffect(() => {\n    engineRef.current?.update(engineOptions);\n  });\n\n  // Imperative handle\n  useImperativeHandle(\n    ref,\n    () => ({\n      get engine() {\n        return engineRef.current;\n      },\n      get element() {\n        return containerRef.current;\n      },\n    }),\n    [],\n  );\n\n  return (\n    <div ref={containerRef} {...divProps}>\n      {elements}\n    </div>\n  );\n}\n"],"mappings":";;;;AA6BA,SAAS,mBAAmB,KAAa,OAA4B,GAAG,UAA6C;AACnH,QAAO,cAAc,KAAK;EAAE,GAAG;EAAO,KAAK,MAAM;EAAgB,EAAE,GAAG,SAAS;;AAGjF,SAAgB,eAAyE,EACvF,KACA,MACA,MACA,UACA,MAAM,UACN,YACA,SACA,aACA,QACA,aACA,GAAG,YACsB;CACzB,MAAM,eAAe,OAAuB,KAAK;CACjD,MAAM,YAAY,OAA4B,KAAK;CAInD,MAAM,gBAAqC;EACzC,MAJmB,QAAQ,eAAe,SAAS;EAKnD;EACA,MAAM;EACG;EACT;EACA;EACA;EACA;EACD;CACD,MAAM,WAAW,aAAa,eAAe,eAAe,mBAAmB;AAG/E,iBAAgB;EACd,MAAM,SAAS,IAAI,aAAa,aAAa,SAAU,EAAE,OAAO,MAAM,CAAC;AACvE,YAAU,UAAU;AACpB,eAAa;AACX,UAAO,SAAS;AAChB,aAAU,UAAU;;IAErB,EAAE,CAAC;AAGN,iBAAgB;AACd,YAAU,SAAS,OAAO,cAAc;GACxC;AAGF,qBACE,YACO;EACL,IAAI,SAAS;AACX,UAAO,UAAU;;EAEnB,IAAI,UAAU;AACZ,UAAO,aAAa;;EAEvB,GACD,EAAE,CACH;AAED,QACE,oBAAC,OAAD;EAAK,KAAK;EAAc,GAAI;YACzB;EACG,CAAA"}
+{"version":3,"file":"react-DfB_wEik.mjs","names":[],"sources":["../src/react/TegakiRenderer.tsx"],"sourcesContent":["'use client';\n\nimport { type ComponentProps, createElement, type ReactNode, type Ref, useEffect, useImperativeHandle, useRef } from 'react';\nimport { TegakiEngine, type TegakiEngineOptions } from '../core/engine.ts';\nimport type { Coercible } from '../lib/utils.ts';\nimport { coerceToString } from '../lib/utils.ts';\nimport type { TegakiEffects } from '../types.ts';\n\n/** Imperative handle exposed via the `ref` prop. */\nexport interface TegakiRendererHandle {\n  /** The underlying engine instance. `null` before mount and after unmount. */\n  readonly engine: TegakiEngine | null;\n  /** The container DOM element. */\n  readonly element: HTMLDivElement | null;\n}\n\nexport interface TegakiRendererProps<E extends TegakiEffects<E> = Record<string, never>>\n  extends Omit<TegakiEngineOptions, 'effects'>,\n    Omit<ComponentProps<'div'>, 'children' | 'ref'> {\n  /** Imperative handle ref for playback controls and DOM access. */\n  ref?: Ref<TegakiRendererHandle>;\n\n  /** Children coerced to string. Strings and numbers are kept; everything else is ignored. */\n  children?: Coercible;\n\n  /** Visual effects applied during canvas rendering. */\n  effects?: E;\n}\n\nfunction reactCreateElement(tag: string, props: Record<string, any>, ...children: (ReactNode | string)[]): ReactNode {\n  return createElement(tag, { ...props, key: props['data-tegaki'] }, ...children);\n}\n\nexport function TegakiRenderer<const E extends TegakiEffects<E> = Record<string, never>>({\n  ref,\n  font,\n  text,\n  children,\n  time: timeProp,\n  onComplete,\n  effects,\n  segmentSize,\n  timing,\n  showOverlay,\n  ...divProps\n}: TegakiRendererProps<E>) {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const engineRef = useRef<TegakiEngine | null>(null);\n  const resolvedText = text ?? coerceToString(children);\n\n  // Render the element tree via the engine's static method (SSR-safe)\n  const engineOptions: TegakiEngineOptions = {\n    text: resolvedText,\n    font,\n    time: timeProp,\n    effects: effects as Record<string, any>,\n    segmentSize,\n    timing,\n    showOverlay,\n    onComplete,\n  };\n  const { rootProps, content } = TegakiEngine.renderElements(engineOptions, reactCreateElement);\n  const { style: rootStyle, ...rootAttrs } = rootProps;\n\n  // Create engine on mount, adopting the pre-rendered elements\n  useEffect(() => {\n    const engine = new TegakiEngine(containerRef.current!, { adopt: true });\n    engineRef.current = engine;\n    return () => {\n      engine.destroy();\n      engineRef.current = null;\n    };\n  }, []);\n\n  // Update engine with current props every render\n  useEffect(() => {\n    engineRef.current?.update(engineOptions);\n  });\n\n  // Imperative handle\n  useImperativeHandle(\n    ref,\n    () => ({\n      get engine() {\n        return engineRef.current;\n      },\n      get element() {\n        return containerRef.current;\n      },\n    }),\n    [],\n  );\n\n  // Merge engine root styles with user-provided styles\n  const mergedStyle = { ...rootStyle, ...divProps.style };\n\n  return (\n    <div ref={containerRef} {...rootAttrs} {...divProps} style={mergedStyle}>\n      {content}\n    </div>\n  );\n}\n"],"mappings":";;;;AA6BA,SAAS,mBAAmB,KAAa,OAA4B,GAAG,UAA6C;AACnH,QAAO,cAAc,KAAK;EAAE,GAAG;EAAO,KAAK,MAAM;EAAgB,EAAE,GAAG,SAAS;;AAGjF,SAAgB,eAAyE,EACvF,KACA,MACA,MACA,UACA,MAAM,UACN,YACA,SACA,aACA,QACA,aACA,GAAG,YACsB;CACzB,MAAM,eAAe,OAAuB,KAAK;CACjD,MAAM,YAAY,OAA4B,KAAK;CAInD,MAAM,gBAAqC;EACzC,MAJmB,QAAQ,eAAe,SAAS;EAKnD;EACA,MAAM;EACG;EACT;EACA;EACA;EACA;EACD;CACD,MAAM,EAAE,WAAW,YAAY,aAAa,eAAe,eAAe,mBAAmB;CAC7F,MAAM,EAAE,OAAO,WAAW,GAAG,cAAc;AAG3C,iBAAgB;EACd,MAAM,SAAS,IAAI,aAAa,aAAa,SAAU,EAAE,OAAO,MAAM,CAAC;AACvE,YAAU,UAAU;AACpB,eAAa;AACX,UAAO,SAAS;AAChB,aAAU,UAAU;;IAErB,EAAE,CAAC;AAGN,iBAAgB;AACd,YAAU,SAAS,OAAO,cAAc;GACxC;AAGF,qBACE,YACO;EACL,IAAI,SAAS;AACX,UAAO,UAAU;;EAEnB,IAAI,UAAU;AACZ,UAAO,aAAa;;EAEvB,GACD,EAAE,CACH;CAGD,MAAM,cAAc;EAAE,GAAG;EAAW,GAAG,SAAS;EAAO;AAEvD,QACE,oBAAC,OAAD;EAAK,KAAK;EAAc,GAAI;EAAW,GAAI;EAAU,OAAO;YACzD;EACG,CAAA"}

package/dist/solid/index.d.mts

@@ -1,4 +1,4 @@
-import { A as TegakiSingletonEffectName, C as Stroke, D as TegakiEffects, E as TegakiEffectName, O as TegakiGlyphData, S as Point, T as TegakiEffectConfigs, _ as CSSLength, a as TimeControlProp, b as LineCap, c as TimelineEntry, d as computeTextLayout, f as ensureFontFace, g as BBox, h as resolveEffects, i as TimeControlMode, j as TimedPoint, k as TegakiMultiEffectName, l as computeTimeline, m as ResolvedEffect, n as TegakiEngine, o as Timeline, p as drawGlyph, r as TegakiEngineOptions, s as TimelineConfig, t as CreateElementFn, u as TextLayout, v as FontOutput, w as TegakiBundle, x as PathCommand, y as GlyphData } from "../index-Bzxy01Zq.mjs";
+import { A as TegakiSingletonEffectName, C as Stroke, D as TegakiEffects, E as TegakiEffectName, O as TegakiGlyphData, S as Point, T as TegakiEffectConfigs, _ as CSSLength, a as TimeControlProp, b as LineCap, c as TimelineEntry, d as computeTextLayout, f as ensureFontFace, g as BBox, h as resolveEffects, i as TimeControlMode, j as TimedPoint, k as TegakiMultiEffectName, l as computeTimeline, m as ResolvedEffect, n as TegakiEngine, o as Timeline, p as drawGlyph, r as TegakiEngineOptions, s as TimelineConfig, t as CreateElementFn, u as TextLayout, v as FontOutput, w as TegakiBundle, x as PathCommand, y as GlyphData } from "../index-YdGpXlqf.mjs";
 import { JSX } from "solid-js";
 
 //#region src/solid/TegakiRenderer.d.ts

package/dist/solid/index.mjs

@@ -1,4 +1,4 @@
-import { a as drawGlyph, i as ensureFontFace, n as computeTimeline, r as computeTextLayout, s as resolveEffects, t as TegakiEngine } from "../core-aZknK_0L.mjs";
+import { a as drawGlyph, i as ensureFontFace, n as computeTimeline, r as computeTextLayout, s as resolveEffects, t as TegakiEngine } from "../core-Cw5jNWFa.mjs";
 import { createEffect, createMemo, on, onCleanup, onMount, splitProps } from "solid-js";
 import { jsx } from "solid-js/jsx-runtime";
 //#region src/solid/TegakiRenderer.tsx
@@ -47,7 +47,8 @@ function TegakiRenderer(props) {
 		showOverlay: local.showOverlay,
 		onComplete: local.onComplete
 	}));
-	const innerHTML = TegakiEngine.renderElements(engineOptions(), solidCreateElement);
+	const { rootProps, content } = TegakiEngine.renderElements(engineOptions(), solidCreateElement);
+	const innerHTML = content;
 	onMount(() => {
 		engine = new TegakiEngine(container, {
 			...engineOptions(),
@@ -67,6 +68,8 @@ function TegakiRenderer(props) {
 	}));
 	return /* @__PURE__ */ jsx("div", {
 		ref: container,
+		"data-tegaki": "root",
+		style: rootProps.style,
 		...divProps,
 		innerHTML
 	});

package/dist/solid/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../../src/solid/TegakiRenderer.tsx"],"sourcesContent":["/** @jsxImportSource solid-js */\nimport { createEffect, createMemo, type JSX, on, onCleanup, onMount, splitProps } from 'solid-js';\nimport { TegakiEngine, type TegakiEngineOptions } from '../core/engine.ts';\nimport type { TegakiEffects } from '../types.ts';\n\nexport interface TegakiRendererProps extends Omit<TegakiEngineOptions, 'effects'> {\n  /** Visual effects applied during canvas rendering. */\n  effects?: TegakiEffects<Record<string, any>>;\n  class?: string;\n  ref?: (handle: TegakiRendererHandle) => void;\n  [key: string]: any;\n}\n\nexport interface TegakiRendererHandle {\n  readonly engine: TegakiEngine | null;\n  readonly element: HTMLDivElement | null;\n}\n\nfunction solidCreateElement(tag: string, props: Record<string, any>, ...children: (JSX.Element | string)[]): JSX.Element {\n  const parts: string[] = [];\n  for (const [key, value] of Object.entries(props)) {\n    if (value == null || value === false) continue;\n    if (key === 'style' && typeof value === 'object') {\n      const css = Object.entries(value)\n        .filter(([, v]) => v != null)\n        .map(([k, v]) => {\n          const prop = k.startsWith('--') ? k : k.replace(/[A-Z]/g, (m) => `-${m.toLowerCase()}`);\n          const val = typeof v === 'number' && !k.startsWith('--') ? `${v}px` : String(v);\n          return `${prop}:${val}`;\n        })\n        .join(';');\n      if (css) parts.push(`style=\"${escapeAttr(css)}\"`);\n    } else if (typeof value === 'boolean') {\n      parts.push(key);\n    } else {\n      parts.push(`${key}=\"${escapeAttr(String(value))}\"`);\n    }\n  }\n  const open = parts.length > 0 ? `<${tag} ${parts.join(' ')}>` : `<${tag}>`;\n  const content = children.map((c) => (typeof c === 'string' && !c.startsWith('<') ? escapeHtml(c) : (c as string))).join('');\n  return `${open}${content}</${tag}>` as unknown as JSX.Element;\n}\n\nfunction escapeAttr(s: string): string {\n  return s.replace(/&/g, '&amp;').replace(/\"/g, '&quot;').replace(/</g, '&lt;').replace(/>/g, '&gt;');\n}\n\nfunction escapeHtml(s: string): string {\n  return s.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');\n}\n\nexport function TegakiRenderer(props: TegakiRendererProps) {\n  const [local, divProps] = splitProps(props, [\n    'text',\n    'font',\n    'time',\n    'onComplete',\n    'effects',\n    'segmentSize',\n    'timing',\n    'showOverlay',\n    'ref',\n  ]);\n\n  let container!: HTMLDivElement;\n  let engine: TegakiEngine | null = null;\n\n  const engineOptions = createMemo<TegakiEngineOptions>(() => ({\n    text: local.text,\n    font: local.font,\n    time: local.time,\n    effects: local.effects as Record<string, any>,\n    segmentSize: local.segmentSize,\n    timing: local.timing,\n    showOverlay: local.showOverlay,\n    onComplete: local.onComplete,\n  }));\n\n  // Compute initial HTML once — after the engine adopts, all updates go through engine.update().\n  const innerHTML = TegakiEngine.renderElements(engineOptions(), solidCreateElement) as unknown as string;\n\n  onMount(() => {\n    engine = new TegakiEngine(container, { ...engineOptions(), adopt: true });\n    local.ref?.({ engine, element: container });\n  });\n\n  onCleanup(() => {\n    engine?.destroy();\n    engine = null;\n  });\n\n  createEffect(\n    on(engineOptions, (options) => {\n      engine?.update(options);\n    }),\n  );\n\n  return <div ref={container!} {...divProps} innerHTML={innerHTML} />;\n}\n"],"mappings":";;;;;AAkBA,SAAS,mBAAmB,KAAa,OAA4B,GAAG,UAAiD;CACvH,MAAM,QAAkB,EAAE;AAC1B,MAAK,MAAM,CAAC,KAAK,UAAU,OAAO,QAAQ,MAAM,EAAE;AAChD,MAAI,SAAS,QAAQ,UAAU,MAAO;AACtC,MAAI,QAAQ,WAAW,OAAO,UAAU,UAAU;GAChD,MAAM,MAAM,OAAO,QAAQ,MAAM,CAC9B,QAAQ,GAAG,OAAO,KAAK,KAAK,CAC5B,KAAK,CAAC,GAAG,OAAO;AAGf,WAAO,GAFM,EAAE,WAAW,KAAK,GAAG,IAAI,EAAE,QAAQ,WAAW,MAAM,IAAI,EAAE,aAAa,GAAG,CAExE,GADH,OAAO,MAAM,YAAY,CAAC,EAAE,WAAW,KAAK,GAAG,GAAG,EAAE,MAAM,OAAO,EAAE;KAE/E,CACD,KAAK,IAAI;AACZ,OAAI,IAAK,OAAM,KAAK,UAAU,WAAW,IAAI,CAAC,GAAG;aACxC,OAAO,UAAU,UAC1B,OAAM,KAAK,IAAI;MAEf,OAAM,KAAK,GAAG,IAAI,IAAI,WAAW,OAAO,MAAM,CAAC,CAAC,GAAG;;AAKvD,QAAO,GAFM,MAAM,SAAS,IAAI,IAAI,IAAI,GAAG,MAAM,KAAK,IAAI,CAAC,KAAK,IAAI,IAAI,KACxD,SAAS,KAAK,MAAO,OAAO,MAAM,YAAY,CAAC,EAAE,WAAW,IAAI,GAAG,WAAW,EAAE,GAAI,EAAc,CAAC,KAAK,GAAG,CAClG,IAAI,IAAI;;AAGnC,SAAS,WAAW,GAAmB;AACrC,QAAO,EAAE,QAAQ,MAAM,QAAQ,CAAC,QAAQ,MAAM,SAAS,CAAC,QAAQ,MAAM,OAAO,CAAC,QAAQ,MAAM,OAAO;;AAGrG,SAAS,WAAW,GAAmB;AACrC,QAAO,EAAE,QAAQ,MAAM,QAAQ,CAAC,QAAQ,MAAM,OAAO,CAAC,QAAQ,MAAM,OAAO;;AAG7E,SAAgB,eAAe,OAA4B;CACzD,MAAM,CAAC,OAAO,YAAY,WAAW,OAAO;EAC1C;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CAEF,IAAI;CACJ,IAAI,SAA8B;CAElC,MAAM,gBAAgB,kBAAuC;EAC3D,MAAM,MAAM;EACZ,MAAM,MAAM;EACZ,MAAM,MAAM;EACZ,SAAS,MAAM;EACf,aAAa,MAAM;EACnB,QAAQ,MAAM;EACd,aAAa,MAAM;EACnB,YAAY,MAAM;EACnB,EAAE;CAGH,MAAM,YAAY,aAAa,eAAe,eAAe,EAAE,mBAAmB;AAElF,eAAc;AACZ,WAAS,IAAI,aAAa,WAAW;GAAE,GAAG,eAAe;GAAE,OAAO;GAAM,CAAC;AACzE,QAAM,MAAM;GAAE;GAAQ,SAAS;GAAW,CAAC;GAC3C;AAEF,iBAAgB;AACd,UAAQ,SAAS;AACjB,WAAS;GACT;AAEF,cACE,GAAG,gBAAgB,YAAY;AAC7B,UAAQ,OAAO,QAAQ;GACvB,CACH;AAED,QAAO,oBAAC,OAAD;EAAK,KAAK;EAAY,GAAI;EAAqB;EAAa,CAAA"}
+{"version":3,"file":"index.mjs","names":[],"sources":["../../src/solid/TegakiRenderer.tsx"],"sourcesContent":["/** @jsxImportSource solid-js */\nimport { createEffect, createMemo, type JSX, on, onCleanup, onMount, splitProps } from 'solid-js';\nimport { TegakiEngine, type TegakiEngineOptions } from '../core/engine.ts';\nimport type { TegakiEffects } from '../types.ts';\n\nexport interface TegakiRendererProps extends Omit<TegakiEngineOptions, 'effects'> {\n  /** Visual effects applied during canvas rendering. */\n  effects?: TegakiEffects<Record<string, any>>;\n  class?: string;\n  ref?: (handle: TegakiRendererHandle) => void;\n  [key: string]: any;\n}\n\nexport interface TegakiRendererHandle {\n  readonly engine: TegakiEngine | null;\n  readonly element: HTMLDivElement | null;\n}\n\nfunction solidCreateElement(tag: string, props: Record<string, any>, ...children: (JSX.Element | string)[]): JSX.Element {\n  const parts: string[] = [];\n  for (const [key, value] of Object.entries(props)) {\n    if (value == null || value === false) continue;\n    if (key === 'style' && typeof value === 'object') {\n      const css = Object.entries(value)\n        .filter(([, v]) => v != null)\n        .map(([k, v]) => {\n          const prop = k.startsWith('--') ? k : k.replace(/[A-Z]/g, (m) => `-${m.toLowerCase()}`);\n          const val = typeof v === 'number' && !k.startsWith('--') ? `${v}px` : String(v);\n          return `${prop}:${val}`;\n        })\n        .join(';');\n      if (css) parts.push(`style=\"${escapeAttr(css)}\"`);\n    } else if (typeof value === 'boolean') {\n      parts.push(key);\n    } else {\n      parts.push(`${key}=\"${escapeAttr(String(value))}\"`);\n    }\n  }\n  const open = parts.length > 0 ? `<${tag} ${parts.join(' ')}>` : `<${tag}>`;\n  const content = children.map((c) => (typeof c === 'string' && !c.startsWith('<') ? escapeHtml(c) : (c as string))).join('');\n  return `${open}${content}</${tag}>` as unknown as JSX.Element;\n}\n\nfunction escapeAttr(s: string): string {\n  return s.replace(/&/g, '&amp;').replace(/\"/g, '&quot;').replace(/</g, '&lt;').replace(/>/g, '&gt;');\n}\n\nfunction escapeHtml(s: string): string {\n  return s.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');\n}\n\nexport function TegakiRenderer(props: TegakiRendererProps) {\n  const [local, divProps] = splitProps(props, [\n    'text',\n    'font',\n    'time',\n    'onComplete',\n    'effects',\n    'segmentSize',\n    'timing',\n    'showOverlay',\n    'ref',\n  ]);\n\n  let container!: HTMLDivElement;\n  let engine: TegakiEngine | null = null;\n\n  const engineOptions = createMemo<TegakiEngineOptions>(() => ({\n    text: local.text,\n    font: local.font,\n    time: local.time,\n    effects: local.effects as Record<string, any>,\n    segmentSize: local.segmentSize,\n    timing: local.timing,\n    showOverlay: local.showOverlay,\n    onComplete: local.onComplete,\n  }));\n\n  // Compute initial HTML once — after the engine adopts, all updates go through engine.update().\n  const { rootProps, content } = TegakiEngine.renderElements(engineOptions(), solidCreateElement);\n  const innerHTML = content as unknown as string;\n\n  onMount(() => {\n    engine = new TegakiEngine(container, { ...engineOptions(), adopt: true });\n    local.ref?.({ engine, element: container });\n  });\n\n  onCleanup(() => {\n    engine?.destroy();\n    engine = null;\n  });\n\n  createEffect(\n    on(engineOptions, (options) => {\n      engine?.update(options);\n    }),\n  );\n\n  return <div ref={container!} data-tegaki=\"root\" style={rootProps.style} {...divProps} innerHTML={innerHTML} />;\n}\n"],"mappings":";;;;;AAkBA,SAAS,mBAAmB,KAAa,OAA4B,GAAG,UAAiD;CACvH,MAAM,QAAkB,EAAE;AAC1B,MAAK,MAAM,CAAC,KAAK,UAAU,OAAO,QAAQ,MAAM,EAAE;AAChD,MAAI,SAAS,QAAQ,UAAU,MAAO;AACtC,MAAI,QAAQ,WAAW,OAAO,UAAU,UAAU;GAChD,MAAM,MAAM,OAAO,QAAQ,MAAM,CAC9B,QAAQ,GAAG,OAAO,KAAK,KAAK,CAC5B,KAAK,CAAC,GAAG,OAAO;AAGf,WAAO,GAFM,EAAE,WAAW,KAAK,GAAG,IAAI,EAAE,QAAQ,WAAW,MAAM,IAAI,EAAE,aAAa,GAAG,CAExE,GADH,OAAO,MAAM,YAAY,CAAC,EAAE,WAAW,KAAK,GAAG,GAAG,EAAE,MAAM,OAAO,EAAE;KAE/E,CACD,KAAK,IAAI;AACZ,OAAI,IAAK,OAAM,KAAK,UAAU,WAAW,IAAI,CAAC,GAAG;aACxC,OAAO,UAAU,UAC1B,OAAM,KAAK,IAAI;MAEf,OAAM,KAAK,GAAG,IAAI,IAAI,WAAW,OAAO,MAAM,CAAC,CAAC,GAAG;;AAKvD,QAAO,GAFM,MAAM,SAAS,IAAI,IAAI,IAAI,GAAG,MAAM,KAAK,IAAI,CAAC,KAAK,IAAI,IAAI,KACxD,SAAS,KAAK,MAAO,OAAO,MAAM,YAAY,CAAC,EAAE,WAAW,IAAI,GAAG,WAAW,EAAE,GAAI,EAAc,CAAC,KAAK,GAAG,CAClG,IAAI,IAAI;;AAGnC,SAAS,WAAW,GAAmB;AACrC,QAAO,EAAE,QAAQ,MAAM,QAAQ,CAAC,QAAQ,MAAM,SAAS,CAAC,QAAQ,MAAM,OAAO,CAAC,QAAQ,MAAM,OAAO;;AAGrG,SAAS,WAAW,GAAmB;AACrC,QAAO,EAAE,QAAQ,MAAM,QAAQ,CAAC,QAAQ,MAAM,OAAO,CAAC,QAAQ,MAAM,OAAO;;AAG7E,SAAgB,eAAe,OAA4B;CACzD,MAAM,CAAC,OAAO,YAAY,WAAW,OAAO;EAC1C;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CAEF,IAAI;CACJ,IAAI,SAA8B;CAElC,MAAM,gBAAgB,kBAAuC;EAC3D,MAAM,MAAM;EACZ,MAAM,MAAM;EACZ,MAAM,MAAM;EACZ,SAAS,MAAM;EACf,aAAa,MAAM;EACnB,QAAQ,MAAM;EACd,aAAa,MAAM;EACnB,YAAY,MAAM;EACnB,EAAE;CAGH,MAAM,EAAE,WAAW,YAAY,aAAa,eAAe,eAAe,EAAE,mBAAmB;CAC/F,MAAM,YAAY;AAElB,eAAc;AACZ,WAAS,IAAI,aAAa,WAAW;GAAE,GAAG,eAAe;GAAE,OAAO;GAAM,CAAC;AACzE,QAAM,MAAM;GAAE;GAAQ,SAAS;GAAW,CAAC;GAC3C;AAEF,iBAAgB;AACd,UAAQ,SAAS;AACjB,WAAS;GACT;AAEF,cACE,GAAG,gBAAgB,YAAY;AAC7B,UAAQ,OAAO,QAAQ;GACvB,CACH;AAED,QAAO,oBAAC,OAAD;EAAK,KAAK;EAAY,eAAY;EAAO,OAAO,UAAU;EAAO,GAAI;EAAqB;EAAa,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tegaki",
-  "version": "0.6.0",
+  "version": "0.7.0",
   "type": "module",
   "description": "Framework-agnostic animated handwriting renderer with React, Svelte, Vue, SolidJS, and Astro adapters",
   "keywords": [

package/src/astro/TegakiRenderer.astro

@@ -71,7 +71,9 @@ function htmlCreateElement(tag: string, props: Record<string, any>, ...children:
   return `${open}${content}</${tag}>`;
 }
 
-const innerHtml = shouldRender ? TegakiEngine.renderElements(engineOptions, htmlCreateElement) : '';
+const renderResult = shouldRender ? TegakiEngine.renderElements(engineOptions, htmlCreateElement) : null;
+const innerHtml = renderResult?.content ?? '';
+const rootStyle = renderResult ? styleToString(renderResult.rootProps.style) : '';
 
 // For serialization, replace the full bundle with just the family name.
 const clientOptions = {
@@ -89,7 +91,7 @@ const clientOptions = {
 )}
 
 {shouldRender && (
-  <div class={className} {...attrs} data-tegaki-options={JSON.stringify(clientOptions)} set:html={innerHtml} />
+  <div class={className} {...attrs} data-tegaki="root" style={rootStyle} data-tegaki-options={JSON.stringify(clientOptions)} set:html={innerHtml} />
 )}
 
 <script>

package/src/core/engine.ts

@@ -84,12 +84,10 @@ export type CreateElementFn<T> = (tag: string, props: Record<string, any>, ...ch
 
 const PAD_V_CSS = 'max(0.2em, 0.9em - 0.5lh)';
 
-function buildElements<T>(options: TegakiEngineOptions, h: CreateElementFn<T>): T {
+function buildRootProps(options: TegakiEngineOptions): Record<string, any> {
   const text = options.text ?? '';
   const font = resolveBundle(options.font);
   const fontFamily = font?.family;
-  const isCss = options.time === 'css' || (typeof options.time === 'object' && options.time?.mode === 'css');
-  const showOverlay = options.showOverlay;
 
   const duration = text && font ? computeTimeline(text, font, options.timing).totalDuration : 0;
   const time =
@@ -102,79 +100,83 @@ function buildElements<T>(options: TegakiEngineOptions, h: CreateElementFn<T>):
           : 0;
   const progress = duration > 0 ? time / duration : 0;
 
+  return {
+    'data-tegaki': 'root',
+    style: {
+      position: 'relative',
+      maxWidth: '100%',
+      width: 'auto',
+      height: 'auto',
+      fontFamily: fontFamily ?? undefined,
+      [CSS_DURATION]: duration,
+      [CSS_TIME]: time,
+      [CSS_PROGRESS]: progress,
+    },
+  };
+}
+
+function buildChildren<T>(options: TegakiEngineOptions, h: CreateElementFn<T>): T {
+  const text = options.text ?? '';
+  const isCss = options.time === 'css' || (typeof options.time === 'object' && options.time?.mode === 'css');
+  const showOverlay = options.showOverlay;
+
   return h(
     'div',
-    {
-      'data-tegaki': 'root',
+    { style: { position: 'relative' } },
+    h('span', {
+      'data-tegaki': 'sentinel',
+      'aria-hidden': 'true',
       style: {
-        position: 'relative',
-        maxWidth: '100%',
-        width: 'auto',
-        height: 'auto',
-        fontFamily: fontFamily ?? undefined,
-        [CSS_DURATION]: duration,
-        [CSS_TIME]: time,
-        [CSS_PROGRESS]: progress,
+        position: 'absolute',
+        width: 0,
+        overflow: 'hidden',
+        pointerEvents: 'none',
+        fontSize: 'inherit',
+        lineHeight: 'inherit',
+        visibility: 'hidden',
+        transition: isCss
+          ? `font-size 0.001s, line-height 0.001s, color 0.001s, ${CSS_PROGRESS} 0.001s`
+          : 'font-size 0.001s, line-height 0.001s, color 0.001s',
       },
-    },
+    }),
     h(
-      'div',
-      { style: { position: 'relative' } },
-      h('span', {
-        'data-tegaki': 'sentinel',
+      'canvas',
+      {
+        'data-tegaki': 'canvas',
         'aria-hidden': 'true',
         style: {
           position: 'absolute',
-          width: 0,
-          overflow: 'hidden',
+          inset: `calc(-1 * ${PAD_V_CSS}) -0.2em`,
+          width: 'calc(100% + 0.4em)',
+          height: `calc(100% + 2 * ${PAD_V_CSS})`,
           pointerEvents: 'none',
-          fontSize: 'inherit',
-          lineHeight: 'inherit',
-          visibility: 'hidden',
-          transition: isCss
-            ? `font-size 0.001s, line-height 0.001s, color 0.001s, ${CSS_PROGRESS} 0.001s`
-            : 'font-size 0.001s, line-height 0.001s, color 0.001s',
-        },
-      }),
-      h(
-        'canvas',
-        {
-          'data-tegaki': 'canvas',
-          'aria-hidden': 'true',
-          style: {
-            position: 'absolute',
-            inset: `calc(-1 * ${PAD_V_CSS}) -0.2em`,
-            width: 'calc(100% + 0.4em)',
-            height: `calc(100% + 2 * ${PAD_V_CSS})`,
-            pointerEvents: 'none',
-            overflow: 'visible',
-          },
+          overflow: 'visible',
         },
-        h(
-          'span',
-          {
-            'data-tegaki': 'canvas-fallback',
-            style: { display: 'inline-block', padding: `${PAD_V_CSS} 0.2em` },
-          },
-          text,
-        ),
-      ),
+      },
       h(
-        'div',
+        'span',
         {
-          'data-tegaki': 'overlay',
-          style: {
-            userSelect: 'auto',
-            whiteSpace: 'pre-wrap',
-            overflowWrap: 'break-word',
-            paddingRight: 1,
-            WebkitTextFillColor: showOverlay ? undefined : 'transparent',
-            color: showOverlay ? 'rgba(255, 0, 0, 0.4)' : undefined,
-          },
+          'data-tegaki': 'canvas-fallback',
+          style: { display: 'inline-block', padding: `${PAD_V_CSS} 0.2em` },
         },
         text,
       ),
     ),
+    h(
+      'div',
+      {
+        'data-tegaki': 'overlay',
+        style: {
+          userSelect: 'auto',
+          whiteSpace: 'pre-wrap',
+          overflowWrap: 'break-word',
+          paddingRight: 1,
+          WebkitTextFillColor: showOverlay ? undefined : 'transparent',
+          color: showOverlay ? 'rgba(255, 0, 0, 0.4)' : undefined,
+        },
+      },
+      text,
+    ),
   );
 }
 
@@ -250,7 +252,8 @@ export class TegakiEngine {
   }
 
   // --- DOM elements ---
-  private _rootEl: HTMLDivElement;
+  private _rootEl: HTMLElement;
+  private _contentEl: HTMLElement | null = null; // non-null only in non-adopt mode
   private _sentinelEl: HTMLSpanElement;
   private _canvasEl: HTMLCanvasElement;
   private _overlayEl: HTMLDivElement;
@@ -295,14 +298,20 @@ export class TegakiEngine {
   private _mql: MediaQueryList | null = null;
 
   /**
-   * Renders the engine's element tree using a framework-provided `createElement` callback.
-   * This method requires no DOM and can run during SSR.
+   * Returns the props (including style) that should be applied to the container element,
+   * plus the inner content tree rendered via a framework `createElement` callback.
    *
-   * Each element receives a `data-tegaki` attribute so the engine can adopt
+   * Each child element receives a `data-tegaki` attribute so the engine can adopt
    * pre-rendered elements later via `new TegakiEngine(container, { adopt: true })`.
    */
-  static renderElements<T>(options: TegakiEngineOptions, createElement: CreateElementFn<T>): T {
-    return buildElements(options, createElement);
+  static renderElements<T>(
+    options: TegakiEngineOptions,
+    createElement: CreateElementFn<T>,
+  ): { rootProps: Record<string, any>; content: T } {
+    return {
+      rootProps: buildRootProps(options),
+      content: buildChildren(options, createElement),
+    };
   }
 
   constructor(container: HTMLElement, options?: TegakiEngineOptions & { adopt?: boolean }) {
@@ -310,24 +319,36 @@ export class TegakiEngine {
     this._seed = Math.random() * 1000;
 
     // --- Resolve DOM elements ---
+    // The container itself is the root element. In adopt mode, the adapter has
+    // already rendered children inside it. In non-adopt mode, we create them.
+    this._rootEl = container;
+
     if (options?.adopt) {
-      // Adopt pre-rendered elements (created by renderElements)
-      this._rootEl = container.querySelector('[data-tegaki="root"]') as HTMLDivElement;
-      this._sentinelEl = container.querySelector('[data-tegaki="sentinel"]') as HTMLSpanElement;
-      this._canvasEl = container.querySelector('[data-tegaki="canvas"]') as HTMLCanvasElement;
-      this._canvasFallbackEl = container.querySelector('[data-tegaki="canvas-fallback"]') as HTMLSpanElement;
-      this._overlayEl = container.querySelector('[data-tegaki="overlay"]') as HTMLDivElement;
+      // Adopt pre-rendered children (created by renderElements)
     } else {
-      // Create DOM from scratch using the same element structure
-      const root = buildElements(options ?? {}, domCreateElement);
-      container.appendChild(root);
-      this._rootEl = root as unknown as HTMLDivElement;
-      this._sentinelEl = root.querySelector('[data-tegaki="sentinel"]') as HTMLSpanElement;
-      this._canvasEl = root.querySelector('[data-tegaki="canvas"]') as HTMLCanvasElement;
-      this._canvasFallbackEl = root.querySelector('[data-tegaki="canvas-fallback"]') as HTMLSpanElement;
-      this._overlayEl = root.querySelector('[data-tegaki="overlay"]') as HTMLDivElement;
+      // Create DOM from scratch
+      const content = buildChildren(options ?? {}, domCreateElement);
+      container.appendChild(content);
+      this._contentEl = content;
+      // Apply root styles to the container
+      const rootProps = buildRootProps(options ?? {});
+      for (const [key, value] of Object.entries(rootProps.style as Record<string, any>)) {
+        if (value !== undefined && value !== null) {
+          if (key.startsWith('--')) {
+            container.style.setProperty(key, String(value));
+          } else {
+            (container.style as any)[key] = typeof value === 'number' && key !== 'opacity' && key !== 'zIndex' ? `${value}px` : value;
+          }
+        }
+      }
+      container.dataset.tegaki = 'root';
     }
 
+    this._sentinelEl = container.querySelector('[data-tegaki="sentinel"]') as HTMLSpanElement;
+    this._canvasEl = container.querySelector('[data-tegaki="canvas"]') as HTMLCanvasElement;
+    this._canvasFallbackEl = container.querySelector('[data-tegaki="canvas-fallback"]') as HTMLSpanElement;
+    this._overlayEl = container.querySelector('[data-tegaki="overlay"]') as HTMLDivElement;
+
     // --- ResizeObserver ---
     this._resizeObserver = new ResizeObserver(this._onResize);
     this._resizeObserver.observe(this._rootEl);
@@ -372,7 +393,7 @@ export class TegakiEngine {
     return this._timeline.totalDuration > 0 && this.currentTime >= this._timeline.totalDuration;
   }
 
-  get element(): HTMLDivElement {
+  get element(): HTMLElement {
     return this._rootEl;
   }
 
@@ -499,7 +520,8 @@ export class TegakiEngine {
     this._resizeObserver.disconnect();
     this._sentinelEl.removeEventListener('transitionend', this._onSentinelTransition);
     this._mql?.removeEventListener('change', this._onReducedMotionChange);
-    this._rootEl.remove();
+    // Only remove content we created (non-adopt mode). The container is owned by the caller.
+    this._contentEl?.remove();
   }
 
   // =========================================================================

package/src/react/TegakiRenderer.tsx

@@ -59,7 +59,8 @@ export function TegakiRenderer<const E extends TegakiEffects<E> = Record<string,
     showOverlay,
     onComplete,
   };
-  const elements = TegakiEngine.renderElements(engineOptions, reactCreateElement);
+  const { rootProps, content } = TegakiEngine.renderElements(engineOptions, reactCreateElement);
+  const { style: rootStyle, ...rootAttrs } = rootProps;
 
   // Create engine on mount, adopting the pre-rendered elements
   useEffect(() => {
@@ -90,9 +91,12 @@ export function TegakiRenderer<const E extends TegakiEffects<E> = Record<string,
     [],
   );
 
+  // Merge engine root styles with user-provided styles
+  const mergedStyle = { ...rootStyle, ...divProps.style };
+
   return (
-    <div ref={containerRef} {...divProps}>
-      {elements}
+    <div ref={containerRef} {...rootAttrs} {...divProps} style={mergedStyle}>
+      {content}
     </div>
   );
 }

package/src/solid/TegakiRenderer.tsx

@@ -77,7 +77,8 @@ export function TegakiRenderer(props: TegakiRendererProps) {
   }));
 
   // Compute initial HTML once — after the engine adopts, all updates go through engine.update().
-  const innerHTML = TegakiEngine.renderElements(engineOptions(), solidCreateElement) as unknown as string;
+  const { rootProps, content } = TegakiEngine.renderElements(engineOptions(), solidCreateElement);
+  const innerHTML = content as unknown as string;
 
   onMount(() => {
     engine = new TegakiEngine(container, { ...engineOptions(), adopt: true });
@@ -95,5 +96,5 @@ export function TegakiRenderer(props: TegakiRendererProps) {
     }),
   );
 
-  return <div ref={container!} {...divProps} innerHTML={innerHTML} />;
+  return <div ref={container!} data-tegaki="root" style={rootProps.style} {...divProps} innerHTML={innerHTML} />;
 }

package/src/svelte/TegakiRenderer.svelte

@@ -61,12 +61,25 @@ function escapeHtml(s: string): string {
 }
 
 // Compute initial HTML once — after the engine adopts, all updates go through engine.update().
-// biome-ignore lint/correctness/noUnusedVariables: used in Svelte template
-const innerHtml: string = TegakiEngine.renderElements(
+const { rootProps, content: innerHtml } = TegakiEngine.renderElements(
   { text, font, time: timeProp, effects: effects as Record<string, any>, segmentSize, timing, showOverlay, onComplete },
   svelteCreateElement,
 );
 
+function styleToString(style: Record<string, any>): string {
+  return Object.entries(style)
+    .filter(([, v]) => v != null)
+    .map(([k, v]) => {
+      const prop = k.startsWith('--') ? k : k.replace(/[A-Z]/g, (m: string) => `-${m.toLowerCase()}`);
+      const val = typeof v === 'number' && !k.startsWith('--') ? `${v}px` : String(v);
+      return `${prop}:${val}`;
+    })
+    .join(';');
+}
+
+// biome-ignore lint/correctness/noUnusedVariables: used in Svelte template
+const rootStyleStr = styleToString(rootProps.style);
+
 $effect(() => {
   if (!container) return;
   // Read engineOptions outside tracking to avoid re-running this effect on prop changes.
@@ -85,6 +98,6 @@ $effect(() => {
 });
 </script>
 
-<div bind:this={container} class={className} {...attrs}>
+<div bind:this={container} data-tegaki="root" style={rootStyleStr} class={className} {...attrs}>
   {@html innerHtml}
 </div>

package/src/vue/TegakiRenderer.vue

@@ -66,8 +66,7 @@ function htmlCreateElement(tag: string, nodeProps: Record<string, any>, ...child
 }
 
 // Compute initial HTML once — after the engine adopts, all updates go through engine.update().
-// biome-ignore lint/correctness/noUnusedVariables: used in Vue template
-const innerHtml = TegakiEngine.renderElements(engineOptions.value, htmlCreateElement);
+const { rootProps, content: innerHtml } = TegakiEngine.renderElements(engineOptions.value, htmlCreateElement);
 
 onMounted(() => {
   if (!container.value) return;
@@ -91,5 +90,5 @@ defineExpose({ engine, element: container });
 </script>
 
 <template>
-  <div ref="container" v-bind="$attrs" v-html="innerHtml" />
+  <div ref="container" data-tegaki="root" :style="rootProps.style" v-bind="$attrs" v-html="innerHtml" />
 </template>

package/dist/core-aZknK_0L.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"core-aZknK_0L.mjs","names":[],"sources":["../src/lib/effects.ts","../src/lib/utils.ts","../src/lib/drawGlyph.ts","../src/lib/font.ts","../src/lib/textLayout.ts","../src/lib/timeline.ts","../src/lib/css-properties.ts","../src/lib/drawFallbackGlyph.ts","../src/core/engine.ts"],"sourcesContent":["import type { TegakiEffectConfigs, TegakiEffectName } from '../types.ts';\n\nexport interface ResolvedEffect<K extends TegakiEffectName = TegakiEffectName> {\n  effect: K;\n  order: number;\n  config: TegakiEffectConfigs[K];\n}\n\nconst defaultEffects: Record<string, any> = { pressureWidth: true };\nconst knownEffects: Set<string> = new Set(['glow', 'wobble', 'pressureWidth', 'taper', 'gradient']);\n\n/**\n * Normalizes an effects record into a sorted array of resolved effects.\n * Known keys infer the effect name; custom keys read it from the `effect` field.\n * Boolean `true` becomes an empty config. `false`/absent entries are skipped.\n */\nexport function resolveEffects(effects: Record<string, any> | undefined): ResolvedEffect[] {\n  const merged = { ...defaultEffects, ...effects };\n\n  const result: ResolvedEffect[] = [];\n\n  for (const [key, value] of Object.entries(merged)) {\n    if (value === false || value == null) continue;\n\n    let effectName: TegakiEffectName;\n    let config: Record<string, any>;\n    let order: number;\n\n    if (value === true) {\n      effectName = (knownEffects.has(key) ? key : undefined) as TegakiEffectName;\n      if (!effectName) continue;\n      config = {};\n      order = 0;\n    } else {\n      if (value.enabled === false) continue;\n      effectName = value.effect ?? (knownEffects.has(key) ? key : undefined);\n      if (!effectName) continue;\n      const { effect: _, order: o, enabled: __, ...rest } = value;\n      config = rest;\n      order = o ?? 0;\n    }\n\n    result.push({ effect: effectName, order, config });\n  }\n\n  result.sort((a, b) => a.order - b.order);\n  return result;\n}\n\n/** Check if a specific effect is active. */\nexport function findEffect<K extends TegakiEffectName>(effects: ResolvedEffect[], name: K): ResolvedEffect<K> | undefined {\n  return effects.find((e) => e.effect === name) as ResolvedEffect<K> | undefined;\n}\n\n/** Get all instances of a specific effect (for duplicates). */\nexport function findEffects<K extends TegakiEffectName>(effects: ResolvedEffect[], name: K): ResolvedEffect<K>[] {\n  return effects.filter((e) => e.effect === name) as ResolvedEffect<K>[];\n}\n","import type { CSSLength } from '../types.ts';\n\nconst segmenter = new Intl.Segmenter(undefined, { granularity: 'grapheme' });\n\n/** Resolve a CSSLength to pixels. Plain numbers are px, `\"Nem\"` is N * fontSize. */\nexport function resolveCSSLength(value: CSSLength, fontSize: number): number {\n  if (typeof value === 'number') return value;\n  return parseFloat(value) * fontSize;\n}\n\nexport function graphemes(text: string): string[] {\n  return Array.from(segmenter.segment(text), (s) => s.segment);\n}\nexport type Coercible = string | number | boolean | null | undefined | readonly Coercible[];\n\nexport function coerceToString(value: unknown): string {\n  if (value == null || typeof value === 'boolean') return '';\n  if (typeof value === 'string') return value;\n  if (typeof value === 'number' || typeof value === 'bigint') return String(value);\n  if (Array.isArray(value)) return value.map(coerceToString).join('');\n  return '';\n}\n","import type { LineCap, TegakiGlyphData } from '../types.ts';\nimport { findEffect, findEffects, type ResolvedEffect } from './effects.ts';\nimport { resolveCSSLength } from './utils.ts';\n\ninterface GlyphPosition {\n  /** X offset in CSS pixels */\n  x: number;\n  /** Y offset in CSS pixels (top of em square) */\n  y: number;\n  /** Font size in CSS pixels */\n  fontSize: number;\n  /** Units per em from the font */\n  unitsPerEm: number;\n  /** Font ascender in font units */\n  ascender: number;\n  /** Font descender in font units (negative) */\n  descender: number;\n}\n\n// --- Color helpers ---\n\nfunction parseColor(color: string): [number, number, number, number] {\n  const h = color.replace('#', '');\n  if (h.length === 3) {\n    return [parseInt(h[0]! + h[0]!, 16), parseInt(h[1]! + h[1]!, 16), parseInt(h[2]! + h[2]!, 16), 1];\n  }\n  if (h.length === 4) {\n    return [parseInt(h[0]! + h[0]!, 16), parseInt(h[1]! + h[1]!, 16), parseInt(h[2]! + h[2]!, 16), parseInt(h[3]! + h[3]!, 16) / 255];\n  }\n  if (h.length === 8) {\n    return [parseInt(h.slice(0, 2), 16), parseInt(h.slice(2, 4), 16), parseInt(h.slice(4, 6), 16), parseInt(h.slice(6, 8), 16) / 255];\n  }\n  return [parseInt(h.slice(0, 2), 16), parseInt(h.slice(2, 4), 16), parseInt(h.slice(4, 6), 16), 1];\n}\n\nfunction lerpColor(a: [number, number, number, number], b: [number, number, number, number], t: number): string {\n  const r = Math.round(a[0] + (b[0] - a[0]) * t);\n  const g = Math.round(a[1] + (b[1] - a[1]) * t);\n  const bl = Math.round(a[2] + (b[2] - a[2]) * t);\n  const al = a[3] + (b[3] - a[3]) * t;\n  if (al >= 1) return `rgb(${r},${g},${bl})`;\n  return `rgba(${r},${g},${bl},${al.toFixed(3)})`;\n}\n\nfunction gradientColor(progress: number, colors: string[], seed: number): string {\n  if (colors.length === 0) return '#000';\n  if (colors.length === 1) return colors[0]!;\n  const t = (((progress + seed * 0.1) % 1) + 1) % 1;\n  const scaledT = t * (colors.length - 1);\n  const i = Math.min(Math.floor(scaledT), colors.length - 2);\n  const frac = scaledT - i;\n  return lerpColor(parseColor(colors[i]!), parseColor(colors[i + 1]!), frac);\n}\n\nfunction rainbowColor(progress: number, saturation: number, lightness: number, seed: number): string {\n  const hue = (progress * 360 + seed * 137.5) % 360;\n  return `hsl(${hue}, ${saturation}%, ${lightness}%)`;\n}\n\n// --- Noise helper for wobble ---\n\nfunction hash(x: number): number {\n  let h = (x * 2654435761) | 0;\n  h = ((h >>> 16) ^ h) * 0x45d9f3b;\n  h = ((h >>> 16) ^ h) * 0x45d9f3b;\n  h = (h >>> 16) ^ h;\n  return (h & 0x7fffffff) / 0x7fffffff; // 0-1\n}\n\nfunction noise1d(x: number, seed: number): number {\n  const i = Math.floor(x);\n  const f = x - i;\n  const t = f * f * (3 - 2 * f); // smoothstep\n  return hash(i + seed * 7919) * (1 - t) + hash(i + 1 + seed * 7919) * t;\n}\n\n/**\n * Draw a single glyph's strokes onto a canvas context, animated up to `localTime`.\n * `localTime` is seconds relative to this glyph's start (0 = glyph begins).\n */\nexport function drawGlyph(\n  ctx: CanvasRenderingContext2D,\n  glyph: TegakiGlyphData,\n  pos: GlyphPosition,\n  localTime: number,\n  lineCap: LineCap,\n  color: string,\n  effects: ResolvedEffect[] = [],\n  seed = 0,\n  segmentSize?: number,\n) {\n  const scale = pos.fontSize / pos.unitsPerEm;\n  const ox = pos.x;\n  const oy = pos.y;\n\n  const glowEffects = findEffects(effects, 'glow');\n  const wobbleEffect = findEffect(effects, 'wobble');\n  const pressureEffect = findEffect(effects, 'pressureWidth');\n  const taperEffect = findEffect(effects, 'taper');\n  const gradientEffect = findEffect(effects, 'gradient');\n\n  // Pressure params (0 = uniform avg width, 1 = fully per-point width)\n  const pressureAmount = pressureEffect ? Math.max(0, Math.min(pressureEffect.config.strength ?? 1, 1)) : 0;\n\n  // Wobble params\n  const wobbleAmplitude = wobbleEffect ? (wobbleEffect.config.amplitude ?? 1.5) : 0;\n  const wobbleFrequency = wobbleEffect ? (wobbleEffect.config.frequency ?? 8) : 0;\n  const wobbleMode = wobbleEffect?.config.mode ?? 'sine';\n\n  // Taper params\n  const taperStart = taperEffect ? Math.max(0, Math.min(taperEffect.config.startLength ?? 0.15, 1)) : 0;\n  const taperEnd = taperEffect ? Math.max(0, Math.min(taperEffect.config.endLength ?? 0.15, 1)) : 0;\n\n  // Gradient params\n  const gradientColors = gradientEffect?.config.colors;\n  const isRainbow = gradientColors === 'rainbow';\n  const gradientColorStops = Array.isArray(gradientColors) ? gradientColors : undefined;\n  const gradientSaturation = gradientEffect?.config.saturation ?? 80;\n  const gradientLightness = gradientEffect?.config.lightness ?? 55;\n\n  // Helper: apply wobble offset to a point in font units\n  const wobbleX = (x: number, y: number, idx: number) => {\n    if (!wobbleEffect) return x;\n    if (wobbleMode === 'noise') {\n      return x + wobbleAmplitude * (noise1d(y * 0.1 + idx * 0.7, seed) * 2 - 1);\n    }\n    return x + wobbleAmplitude * Math.sin(wobbleFrequency * (y * 0.01 + idx * 0.7) + seed);\n  };\n  const wobbleY = (x: number, y: number, idx: number) => {\n    if (!wobbleEffect) return y;\n    if (wobbleMode === 'noise') {\n      return y + wobbleAmplitude * (noise1d(x * 0.1 + idx * 0.5, seed * 1.3 + 1000) * 2 - 1);\n    }\n    return y + wobbleAmplitude * Math.cos(wobbleFrequency * (x * 0.01 + idx * 0.5) + seed * 1.3);\n  };\n\n  // Helper: convert font-unit point to pixel\n  const px = (x: number) => ox + x * scale;\n  const py = (y: number) => oy + (y + pos.ascender) * scale;\n\n  // Helper: get color for a given stroke progress\n  const colorAt = (progress: number): string => {\n    if (isRainbow) return rainbowColor(progress, gradientSaturation, gradientLightness, seed);\n    if (gradientColorStops) return gradientColor(progress, gradientColorStops, seed);\n    return color;\n  };\n  const hasGradient = !!gradientEffect;\n\n  // Helper: taper multiplier (0-1) for a given stroke progress\n  const taperMultiplier = (progress: number): number => {\n    let m = 1;\n    if (taperStart > 0 && progress < taperStart) m = Math.min(m, progress / taperStart);\n    if (taperEnd > 0 && progress > 1 - taperEnd) m = Math.min(m, (1 - progress) / taperEnd);\n    return m;\n  };\n\n  for (const stroke of glyph.s) {\n    if (localTime < stroke.d) continue;\n    const elapsed = localTime - stroke.d;\n    const progress = Math.min(elapsed / stroke.a, 1);\n\n    const pts = stroke.p;\n    if (pts.length === 0) continue;\n\n    const avgWidth = pts.reduce((s, p) => s + p[2], 0) / pts.length;\n    const baseLineWidth = Math.max(avgWidth, 0.5) * scale;\n\n    // --- Single-point dot ---\n    if (pts.length === 1) {\n      if (progress <= 0) continue;\n      const p = pts[0]!;\n      const dotX = px(wobbleX(p[0], p[1], 0));\n      const dotY = py(wobbleY(p[0], p[1], 0));\n      const perPointDot = Math.max(p[2], 0.5) * scale;\n      let dotWidth = baseLineWidth + (perPointDot - baseLineWidth) * pressureAmount;\n      dotWidth *= taperMultiplier(0.5);\n\n      // Glow passes for dots\n      for (const glow of glowEffects) {\n        ctx.save();\n        ctx.shadowBlur = resolveCSSLength(glow.config.radius ?? 8, pos.fontSize);\n        ctx.shadowColor = glow.config.color ?? color;\n        ctx.shadowOffsetX = (glow.config.offsetX ?? 0) * scale;\n        ctx.shadowOffsetY = (glow.config.offsetY ?? 0) * scale;\n        ctx.fillStyle = glow.config.color ?? color;\n        ctx.beginPath();\n        if (lineCap === 'round') {\n          ctx.arc(dotX, dotY, dotWidth / 2, 0, Math.PI * 2);\n        } else {\n          ctx.rect(dotX - dotWidth / 2, dotY - dotWidth / 2, dotWidth, dotWidth);\n        }\n        ctx.fill();\n        ctx.restore();\n      }\n\n      // Main dot\n      ctx.fillStyle = colorAt(0);\n      ctx.beginPath();\n      if (lineCap === 'round') {\n        ctx.arc(dotX, dotY, dotWidth / 2, 0, Math.PI * 2);\n        ctx.fill();\n      } else {\n        ctx.fillRect(dotX - dotWidth / 2, dotY - dotWidth / 2, dotWidth, dotWidth);\n      }\n      continue;\n    }\n\n    // --- Compute total path length ---\n    let totalLen = 0;\n    for (let j = 1; j < pts.length; j++) {\n      const dx = pts[j]![0] - pts[j - 1]![0];\n      const dy = pts[j]![1] - pts[j - 1]![1];\n      totalLen += Math.sqrt(dx * dx + dy * dy);\n    }\n\n    const drawLen = totalLen * progress;\n    if (drawLen <= 0) continue;\n\n    // --- Collect drawable segments ---\n    const segments: {\n      x0: number;\n      y0: number;\n      x1: number;\n      y1: number;\n      width0: number;\n      width1: number;\n      segProgress: number;\n    }[] = [];\n\n    let accumulated = 0;\n    for (let j = 1; j < pts.length; j++) {\n      const prev = pts[j - 1]!;\n      const cur = pts[j]!;\n      const dx = cur[0] - prev[0];\n      const dy = cur[1] - prev[1];\n      const segLen = Math.sqrt(dx * dx + dy * dy);\n\n      if (accumulated + segLen <= drawLen) {\n        segments.push({\n          x0: px(wobbleX(prev[0], prev[1], j - 1)),\n          y0: py(wobbleY(prev[0], prev[1], j - 1)),\n          x1: px(wobbleX(cur[0], cur[1], j)),\n          y1: py(wobbleY(cur[0], cur[1], j)),\n          width0: prev[2],\n          width1: cur[2],\n          segProgress: (accumulated + segLen / 2) / totalLen,\n        });\n        accumulated += segLen;\n      } else {\n        const remaining = drawLen - accumulated;\n        const frac = segLen > 0 ? remaining / segLen : 0;\n        const ix = prev[0] + dx * frac;\n        const iy = prev[1] + dy * frac;\n        const iw = prev[2] + (cur[2] - prev[2]) * frac;\n        segments.push({\n          x0: px(wobbleX(prev[0], prev[1], j - 1)),\n          y0: py(wobbleY(prev[0], prev[1], j - 1)),\n          x1: px(wobbleX(ix, iy, j)),\n          y1: py(wobbleY(ix, iy, j)),\n          width0: prev[2],\n          width1: iw,\n          segProgress: (accumulated + remaining / 2) / totalLen,\n        });\n        break;\n      }\n    }\n\n    if (segments.length === 0) continue;\n\n    // Keep coarse segments for glow (shadowBlur is expensive per draw call)\n    const coarseSegments = segments.slice();\n\n    // --- Subdivide long segments for smooth effect transitions ---\n    const effectsNeedSubdivision = pressureAmount > 0 || hasGradient || !!wobbleEffect || !!taperEffect;\n    const resolvedSegmentSize = segmentSize ?? (effectsNeedSubdivision ? 2 : undefined);\n    if (resolvedSegmentSize != null) {\n      const maxSegLen = resolvedSegmentSize * scale;\n      const subdivided: typeof segments = [];\n      for (const seg of segments) {\n        const dx = seg.x1 - seg.x0;\n        const dy = seg.y1 - seg.y0;\n        const len = Math.sqrt(dx * dx + dy * dy);\n        const count = Math.max(1, Math.ceil(len / maxSegLen));\n        for (let k = 0; k < count; k++) {\n          const t0 = k / count;\n          const t1 = (k + 1) / count;\n          subdivided.push({\n            x0: seg.x0 + dx * t0,\n            y0: seg.y0 + dy * t0,\n            x1: seg.x0 + dx * t1,\n            y1: seg.y0 + dy * t1,\n            width0: seg.width0 + (seg.width1 - seg.width0) * t0,\n            width1: seg.width0 + (seg.width1 - seg.width0) * t1,\n            segProgress: seg.segProgress,\n          });\n        }\n      }\n      for (let k = 0; k < subdivided.length; k++) {\n        subdivided[k]!.segProgress = subdivided.length > 1 ? k / (subdivided.length - 1) : 0;\n      }\n      segments.length = 0;\n      segments.push(...subdivided);\n    }\n\n    // Helper: compute segment line width with pressure and taper\n    const segWidth = (seg: (typeof segments)[0]) => {\n      const perPoint = ((seg.width0 + seg.width1) / 2) * scale;\n      const w = Math.max(baseLineWidth + (perPoint - baseLineWidth) * pressureAmount, 0.5 * scale);\n      return w * taperMultiplier(seg.segProgress);\n    };\n\n    const needsPerSegment = pressureAmount > 0 || taperEffect;\n\n    const drawStrokePath = () => {\n      if (needsPerSegment) {\n        for (const seg of segments) {\n          ctx.lineWidth = segWidth(seg);\n          ctx.beginPath();\n          ctx.moveTo(seg.x0, seg.y0);\n          ctx.lineTo(seg.x1, seg.y1);\n          ctx.stroke();\n        }\n      } else {\n        ctx.lineWidth = baseLineWidth;\n        ctx.beginPath();\n        ctx.moveTo(segments[0]!.x0, segments[0]!.y0);\n        for (const seg of segments) {\n          ctx.lineTo(seg.x1, seg.y1);\n        }\n        ctx.stroke();\n      }\n    };\n\n    const drawGradientPath = () => {\n      for (const seg of segments) {\n        ctx.strokeStyle = colorAt(seg.segProgress);\n        if (needsPerSegment) ctx.lineWidth = segWidth(seg);\n        ctx.beginPath();\n        ctx.moveTo(seg.x0, seg.y0);\n        ctx.lineTo(seg.x1, seg.y1);\n        ctx.stroke();\n      }\n    };\n\n    ctx.lineCap = lineCap;\n    ctx.lineJoin = 'round';\n\n    // --- Glow passes (use coarse segments to avoid expensive per-subsegment shadowBlur) ---\n    for (const glow of glowEffects) {\n      ctx.save();\n      ctx.shadowBlur = resolveCSSLength(glow.config.radius ?? 8, pos.fontSize);\n      ctx.shadowColor = glow.config.color ?? color;\n      ctx.shadowOffsetX = (glow.config.offsetX ?? 0) * scale;\n      ctx.shadowOffsetY = (glow.config.offsetY ?? 0) * scale;\n      ctx.strokeStyle = glow.config.color ?? color;\n      ctx.lineWidth = baseLineWidth;\n      ctx.beginPath();\n      ctx.moveTo(coarseSegments[0]!.x0, coarseSegments[0]!.y0);\n      for (const seg of coarseSegments) {\n        ctx.lineTo(seg.x1, seg.y1);\n      }\n      ctx.stroke();\n      ctx.restore();\n    }\n\n    // --- Main stroke ---\n    if (hasGradient) {\n      drawGradientPath();\n    } else {\n      ctx.strokeStyle = color;\n      drawStrokePath();\n    }\n  }\n}\n","import type { TegakiBundle } from '../types.ts';\n\nconst fontFaceCache = new Map<string, Promise<void>>();\n\n/**\n * Ensures the bundle's font face is loaded and available for rendering.\n * Resolves immediately if the font is already loaded.\n */\nexport async function ensureFontFace(bundle: TegakiBundle): Promise<void> {\n  await ensureFont(bundle.family, bundle.fontUrl);\n}\n\nexport function ensureFont(family: string, url: string): Promise<void> | null {\n  if (typeof document === 'undefined') return Promise.resolve();\n  for (const face of document.fonts) {\n    if (face.family === family) {\n      if (face.status === 'loaded') return null;\n      if (face.status === 'loading') return face.loaded.then(() => {});\n    }\n  }\n  let cached = fontFaceCache.get(url);\n  if (!cached) {\n    cached = new FontFace(family, `url(${url})`, { featureSettings: \"'calt' 0, 'liga' 0\" }).load().then((loaded) => {\n      document.fonts.add(loaded);\n    });\n    fontFaceCache.set(url, cached);\n  }\n  return cached;\n}\n","import { layoutWithLines, prepareWithSegments } from '@chenglou/pretext';\nimport { graphemes } from './utils.ts';\n\nexport interface TextLayout {\n  /** Character indices per line */\n  lines: number[][];\n  /** Width in em per character index */\n  charWidths: number[];\n  /** Kerning adjustment in em between character at index i and i+1 */\n  kernings: number[];\n  /** Intrinsic (single-line) width in em */\n  intrinsicWidth: number;\n}\n\nexport function computeTextLayout(text: string, fontFamily: string, fontSize: number, lineHeight: number, maxWidth: number): TextLayout {\n  const fontStr = `${fontSize}px ${fontFamily}`;\n  const chars = graphemes(text);\n\n  // Measure unique character widths\n  const widthCache = new Map<string, number>();\n  const charWidths: number[] = [];\n  for (const char of chars) {\n    let w = widthCache.get(char);\n    if (w === undefined) {\n      if (char === '\\n') {\n        w = 0;\n      } else {\n        const p = prepareWithSegments(char, fontStr, { whiteSpace: 'pre-wrap' });\n        const r = layoutWithLines(p, Infinity, lineHeight);\n        w = r.lines.length > 0 ? r.lines[0]!.width / fontSize : 0;\n      }\n      widthCache.set(char, w);\n    }\n    charWidths.push(w);\n  }\n\n  // Compute intrinsic width (single-line, no wrapping)\n  const prepared = prepareWithSegments(text, fontStr, { whiteSpace: 'pre-wrap' });\n  const singleLineResult = layoutWithLines(prepared, Infinity, lineHeight);\n  const intrinsicWidth = Math.max(0, ...singleLineResult.lines.map((l) => l.width)) / fontSize;\n\n  // Line breaking at actual available width\n  const result = layoutWithLines(prepared, maxWidth, lineHeight);\n\n  // Map line texts back to character indices (grapheme-based)\n  // Build a mapping from UTF-16 offset to grapheme index\n  const utf16ToCodePoint: number[] = [];\n  for (let ci = 0; ci < chars.length; ci++) {\n    for (let j = 0; j < chars[ci]!.length; j++) {\n      utf16ToCodePoint.push(ci);\n    }\n  }\n\n  const lines: number[][] = [];\n  let utf16Offset = 0;\n  for (const line of result.lines) {\n    const indices: number[] = [];\n    const seen = new Set<number>();\n    for (let i = 0; i < line.text.length; i++) {\n      const cpIdx = utf16ToCodePoint[utf16Offset + i]!;\n      if (!seen.has(cpIdx)) {\n        seen.add(cpIdx);\n        indices.push(cpIdx);\n      }\n    }\n    utf16Offset += line.text.length;\n    // Consume the newline that caused this line break\n    if (utf16Offset < text.length && text[utf16Offset] === '\\n') {\n      const cpIdx = utf16ToCodePoint[utf16Offset]!;\n      indices.push(cpIdx);\n      utf16Offset++;\n    }\n    lines.push(indices);\n  }\n\n  // Any remaining characters (shouldn't happen, but safety)\n  if (utf16Offset < text.length) {\n    const indices: number[] = [];\n    const seen = new Set<number>();\n    for (let i = utf16Offset; i < text.length; i++) {\n      const cpIdx = utf16ToCodePoint[i]!;\n      if (!seen.has(cpIdx)) {\n        seen.add(cpIdx);\n        indices.push(cpIdx);\n      }\n    }\n    lines.push(indices);\n  }\n\n  // Measure kerning between adjacent character pairs\n  const kernings: number[] = [];\n  const pairCache = new Map<string, number>();\n  for (let i = 0; i < chars.length - 1; i++) {\n    const a = chars[i]!;\n    const b = chars[i + 1]!;\n    if (a === '\\n' || b === '\\n') {\n      kernings.push(0);\n      continue;\n    }\n    const pair = `${a}${b}`;\n    let k = pairCache.get(pair);\n    if (k === undefined) {\n      const p = prepareWithSegments(pair, fontStr, { whiteSpace: 'pre-wrap' });\n      const r = layoutWithLines(p, Infinity, lineHeight);\n      const pairWidth = r.lines.length > 0 ? r.lines[0]!.width / fontSize : 0;\n      k = pairWidth - (widthCache.get(a) ?? 0) - (widthCache.get(b) ?? 0);\n      if (Math.abs(k) < 0.001) k = 0;\n      pairCache.set(pair, k);\n    }\n    kernings.push(k);\n  }\n\n  return { lines, charWidths, kernings, intrinsicWidth };\n}\n","import type { TegakiBundle } from '../types.ts';\nimport { graphemes } from './utils.ts';\n\nexport interface TimelineConfig {\n  /** Pause between glyphs (seconds). Default: `0.1` */\n  glyphGap?: number;\n  /** Pause after a space character (seconds). Default: `0.15` */\n  wordGap?: number;\n  /** Pause after a newline / line break (seconds). Default: `0.3` */\n  lineGap?: number;\n  /** Duration for characters without glyph data (seconds). Default: `0.2` */\n  unknownDuration?: number;\n}\n\nconst DEFAULTS: Required<TimelineConfig> = {\n  glyphGap: 0.1,\n  wordGap: 0.15,\n  lineGap: 0.3,\n  unknownDuration: 0.2,\n};\n\nexport interface TimelineEntry {\n  char: string;\n  offset: number;\n  duration: number;\n  hasGlyph: boolean;\n}\n\nexport interface Timeline {\n  entries: TimelineEntry[];\n  totalDuration: number;\n}\n\nexport function computeTimeline(text: string, font: TegakiBundle, config?: TimelineConfig): Timeline {\n  const glyphGap = config?.glyphGap ?? DEFAULTS.glyphGap;\n  const wordGap = config?.wordGap ?? DEFAULTS.wordGap;\n  const lineGap = config?.lineGap ?? DEFAULTS.lineGap;\n  const unknownDuration = config?.unknownDuration ?? DEFAULTS.unknownDuration;\n\n  const chars = graphemes(text);\n  const entries: TimelineEntry[] = [];\n  let offset = 0;\n  for (const char of chars) {\n    const glyph = font.glyphData[char];\n    const hasGlyph = !!glyph;\n    const duration = hasGlyph ? (glyph.t ?? 1) : unknownDuration;\n    entries.push({ char, offset, duration, hasGlyph });\n    offset += duration;\n\n    // Gap after this character\n    if (char === '\\n') {\n      offset += lineGap;\n    } else if (char === ' ') {\n      offset += wordGap;\n    } else {\n      offset += glyphGap;\n    }\n  }\n  // Remove trailing gap\n  if (entries.length > 0) {\n    const lastChar = chars[chars.length - 1]!;\n    const trailingGap = lastChar === '\\n' ? lineGap : lastChar === ' ' ? wordGap : glyphGap;\n    offset -= trailingGap;\n  }\n  return { entries, totalDuration: Math.max(0, offset) };\n}\n","export const CSS_TIME = '--tegaki-time';\nexport const CSS_PROGRESS = '--tegaki-progress';\nexport const CSS_DURATION = '--tegaki-duration';\n\nexport const PADDING_H_EM = 0.2;\nexport const MIN_LINE_HEIGHT_EM = 1.8;\nexport const MIN_PADDING_V_EM = 0.2;\n\n// Register custom properties so they are animatable (typed as <number>).\n// Deferred to first use to avoid running at import time during SSR.\nlet cssPropertiesRegistered = false;\nexport function registerCssProperties() {\n  if (cssPropertiesRegistered) return;\n  cssPropertiesRegistered = true;\n  if (typeof CSS !== 'undefined' && 'registerProperty' in CSS) {\n    for (const prop of [CSS_TIME, CSS_PROGRESS, CSS_DURATION]) {\n      try {\n        CSS.registerProperty({ name: prop, syntax: '<number>', inherits: true, initialValue: '0' });\n      } catch {\n        // Already registered — ignore.\n      }\n    }\n  }\n}\n","import { findEffect, findEffects, type ResolvedEffect } from './effects.ts';\nimport { resolveCSSLength } from './utils.ts';\n\n/**\n * Draw a fallback glyph (plain text) with applicable effects (glow, gradient, wobble).\n */\nexport function drawFallbackGlyph(\n  ctx: CanvasRenderingContext2D,\n  char: string,\n  x: number,\n  baseline: number,\n  fontSize: number,\n  fontFamily: string,\n  color: string,\n  effects: ResolvedEffect[] = [],\n  seed = 0,\n) {\n  const glowEffects = findEffects(effects, 'glow');\n  const wobbleEffect = findEffect(effects, 'wobble');\n  const gradientEffect = findEffect(effects, 'gradient');\n\n  // Wobble offsets\n  let dx = 0;\n  let dy = 0;\n  if (wobbleEffect) {\n    const amplitude = (wobbleEffect.config.amplitude ?? 1.5) * (fontSize / 100);\n    const frequency = wobbleEffect.config.frequency ?? 8;\n    dx = amplitude * Math.sin(frequency * (baseline * 0.01) + seed);\n    dy = amplitude * Math.cos(frequency * (x * 0.01) + seed * 1.3);\n  }\n\n  const drawX = x + dx;\n  const drawY = baseline + dy;\n\n  // Gradient / rainbow color\n  let fillColor = color;\n  if (gradientEffect) {\n    const colors = gradientEffect.config.colors;\n    if (colors === 'rainbow') {\n      const saturation = gradientEffect.config.saturation ?? 80;\n      const lightness = gradientEffect.config.lightness ?? 55;\n      const hue = (seed * 137.5) % 360;\n      fillColor = `hsl(${hue}, ${saturation}%, ${lightness}%)`;\n    } else if (Array.isArray(colors) && colors.length > 0) {\n      fillColor = colors[Math.floor(seed) % colors.length]!;\n    }\n  }\n\n  ctx.save();\n  ctx.font = `${fontSize}px ${fontFamily}`;\n  ctx.textBaseline = 'alphabetic';\n\n  // Glow passes\n  for (const glow of glowEffects) {\n    ctx.save();\n    ctx.shadowBlur = resolveCSSLength(glow.config.radius ?? 8, fontSize);\n    ctx.shadowColor = glow.config.color ?? color;\n    ctx.shadowOffsetX = glow.config.offsetX ?? 0;\n    ctx.shadowOffsetY = glow.config.offsetY ?? 0;\n    ctx.fillStyle = glow.config.color ?? color;\n    ctx.fillText(char, drawX, drawY);\n    ctx.restore();\n  }\n\n  // Main text\n  ctx.fillStyle = fillColor;\n  ctx.fillText(char, drawX, drawY);\n\n  ctx.restore();\n}\n","import {\n  CSS_DURATION,\n  CSS_PROGRESS,\n  CSS_TIME,\n  MIN_LINE_HEIGHT_EM,\n  MIN_PADDING_V_EM,\n  PADDING_H_EM,\n  registerCssProperties,\n} from '../lib/css-properties.ts';\nimport { drawFallbackGlyph } from '../lib/drawFallbackGlyph.ts';\nimport { drawGlyph } from '../lib/drawGlyph.ts';\nimport { type ResolvedEffect, resolveEffects } from '../lib/effects.ts';\nimport { ensureFont } from '../lib/font.ts';\nimport type { TextLayout } from '../lib/textLayout.ts';\nimport { computeTextLayout } from '../lib/textLayout.ts';\nimport type { Timeline, TimelineConfig, TimelineEntry } from '../lib/timeline.ts';\nimport { computeTimeline } from '../lib/timeline.ts';\nimport { graphemes } from '../lib/utils.ts';\nimport type { TegakiBundle, TegakiEffects } from '../types.ts';\n\n// ---------------------------------------------------------------------------\n// Time control types (shared with adapters)\n// ---------------------------------------------------------------------------\n\nexport type TimeControlMode = {\n  controlled: {\n    mode: 'controlled';\n    /** Current time in seconds. */\n    value: number;\n  };\n  uncontrolled: {\n    mode: 'uncontrolled';\n    /** Initial time in seconds. Default: `0` */\n    initialTime?: number;\n    /** Playback speed multiplier. Default: `1` */\n    speed?: number;\n    /** Whether animation is playing. Default: `true` */\n    playing?: boolean;\n    /** Loop animation when it reaches the end. Default: `false` */\n    loop?: boolean;\n    /**\n     * Catch-up strength. When positive, playback speeds up when there is a\n     * large amount of remaining animation and decays back to normal gradually.\n     * `0` disables catch-up (default). Higher values ramp up more aggressively.\n     * Typical range: `0.2` – `2`.\n     */\n    catchUp?: number;\n    /** Called on every frame with the current time. */\n    onTimeChange?: (time: number) => void;\n  };\n  css: {\n    mode: 'css';\n  };\n};\n\n/**\n * A plain number is shorthand for `{ mode: 'controlled', value: number }`.\n * `'css'` is shorthand for `{ mode: 'css' }`.\n * Omit for uncontrolled mode with default settings.\n */\nexport type TimeControlProp = null | undefined | number | 'css' | TimeControlMode[keyof TimeControlMode];\n\n// ---------------------------------------------------------------------------\n// Engine options\n// ---------------------------------------------------------------------------\n\nexport interface TegakiEngineOptions {\n  text?: string;\n  /** A font bundle, or a registered bundle name (see {@link TegakiEngine.registerBundle}). */\n  font?: TegakiBundle | string;\n  time?: TimeControlProp;\n  effects?: TegakiEffects<Record<string, any>>;\n  timing?: TimelineConfig;\n  segmentSize?: number;\n  showOverlay?: boolean;\n  onComplete?: () => void;\n}\n\n// ---------------------------------------------------------------------------\n// Render elements\n// ---------------------------------------------------------------------------\n\nexport type CreateElementFn<T> = (tag: string, props: Record<string, any>, ...children: (T | string)[]) => T;\n\nconst PAD_V_CSS = 'max(0.2em, 0.9em - 0.5lh)';\n\nfunction buildElements<T>(options: TegakiEngineOptions, h: CreateElementFn<T>): T {\n  const text = options.text ?? '';\n  const font = resolveBundle(options.font);\n  const fontFamily = font?.family;\n  const isCss = options.time === 'css' || (typeof options.time === 'object' && options.time?.mode === 'css');\n  const showOverlay = options.showOverlay;\n\n  const duration = text && font ? computeTimeline(text, font, options.timing).totalDuration : 0;\n  const time =\n    typeof options.time === 'number'\n      ? options.time\n      : typeof options.time === 'object' && options.time?.mode === 'controlled'\n        ? options.time.value\n        : typeof options.time === 'object' && options.time?.mode === 'uncontrolled'\n          ? (options.time.initialTime ?? 0)\n          : 0;\n  const progress = duration > 0 ? time / duration : 0;\n\n  return h(\n    'div',\n    {\n      'data-tegaki': 'root',\n      style: {\n        position: 'relative',\n        maxWidth: '100%',\n        width: 'auto',\n        height: 'auto',\n        fontFamily: fontFamily ?? undefined,\n        [CSS_DURATION]: duration,\n        [CSS_TIME]: time,\n        [CSS_PROGRESS]: progress,\n      },\n    },\n    h(\n      'div',\n      { style: { position: 'relative' } },\n      h('span', {\n        'data-tegaki': 'sentinel',\n        'aria-hidden': 'true',\n        style: {\n          position: 'absolute',\n          width: 0,\n          overflow: 'hidden',\n          pointerEvents: 'none',\n          fontSize: 'inherit',\n          lineHeight: 'inherit',\n          visibility: 'hidden',\n          transition: isCss\n            ? `font-size 0.001s, line-height 0.001s, color 0.001s, ${CSS_PROGRESS} 0.001s`\n            : 'font-size 0.001s, line-height 0.001s, color 0.001s',\n        },\n      }),\n      h(\n        'canvas',\n        {\n          'data-tegaki': 'canvas',\n          'aria-hidden': 'true',\n          style: {\n            position: 'absolute',\n            inset: `calc(-1 * ${PAD_V_CSS}) -0.2em`,\n            width: 'calc(100% + 0.4em)',\n            height: `calc(100% + 2 * ${PAD_V_CSS})`,\n            pointerEvents: 'none',\n            overflow: 'visible',\n          },\n        },\n        h(\n          'span',\n          {\n            'data-tegaki': 'canvas-fallback',\n            style: { display: 'inline-block', padding: `${PAD_V_CSS} 0.2em` },\n          },\n          text,\n        ),\n      ),\n      h(\n        'div',\n        {\n          'data-tegaki': 'overlay',\n          style: {\n            userSelect: 'auto',\n            whiteSpace: 'pre-wrap',\n            overflowWrap: 'break-word',\n            paddingRight: 1,\n            WebkitTextFillColor: showOverlay ? undefined : 'transparent',\n            color: showOverlay ? 'rgba(255, 0, 0, 0.4)' : undefined,\n          },\n        },\n        text,\n      ),\n    ),\n  );\n}\n\n// ---------------------------------------------------------------------------\n// DOM createElement helper (for vanilla JS constructor)\n// ---------------------------------------------------------------------------\n\nfunction domCreateElement(tag: string, props: Record<string, any>, ...children: (HTMLElement | string)[]): HTMLElement {\n  const el = document.createElement(tag);\n  for (const [key, value] of Object.entries(props)) {\n    if (key === 'style' && typeof value === 'object') {\n      for (const [k, v] of Object.entries(value as Record<string, any>)) {\n        if (v !== undefined && v !== null) {\n          if (k.startsWith('--')) {\n            el.style.setProperty(k, String(v));\n          } else {\n            (el.style as any)[k] = typeof v === 'number' && k !== 'opacity' && k !== 'zIndex' ? `${v}px` : v;\n          }\n        }\n      }\n    } else if (key === 'aria-hidden') {\n      el.setAttribute('aria-hidden', String(value));\n    } else if (key.startsWith('data-')) {\n      el.setAttribute(key, String(value));\n    }\n  }\n  for (const child of children) {\n    if (typeof child === 'string') {\n      el.appendChild(document.createTextNode(child));\n    } else {\n      el.appendChild(child);\n    }\n  }\n  return el;\n}\n\n// ---------------------------------------------------------------------------\n// Helpers\n// ---------------------------------------------------------------------------\n\nfunction resolveTimeControl(prop: TimeControlProp): TimeControlMode[keyof TimeControlMode] {\n  if (prop == null) return { mode: 'uncontrolled' };\n  if (typeof prop === 'number') return { mode: 'controlled', value: prop };\n  if (prop === 'css') return { mode: 'css' };\n  return prop;\n}\n\n// ---------------------------------------------------------------------------\n// TegakiEngine\n// ---------------------------------------------------------------------------\n\nfunction resolveBundle(font: TegakiBundle | string | undefined): TegakiBundle | undefined {\n  if (typeof font === 'string') {\n    const bundle = TegakiEngine.getBundle(font);\n    if (!bundle) throw new Error(`TegakiEngine: no bundle registered for \"${font}\". Call TegakiEngine.registerBundle() first.`);\n    return bundle;\n  }\n  return font;\n}\n\nexport class TegakiEngine {\n  // --- Bundle registry ---\n  private static _bundles = new Map<string, TegakiBundle>();\n\n  /** Register a font bundle so it can be referenced by family name. */\n  static registerBundle(bundle: TegakiBundle): void {\n    TegakiEngine._bundles.set(bundle.family, bundle);\n  }\n\n  /** Look up a registered bundle by family name. */\n  static getBundle(family: string): TegakiBundle | undefined {\n    return TegakiEngine._bundles.get(family);\n  }\n\n  // --- DOM elements ---\n  private _rootEl: HTMLDivElement;\n  private _sentinelEl: HTMLSpanElement;\n  private _canvasEl: HTMLCanvasElement;\n  private _overlayEl: HTMLDivElement;\n  private _canvasFallbackEl: HTMLSpanElement;\n\n  // --- Options ---\n  private _text = '';\n  private _font: TegakiBundle | null = null;\n  private _timeControl: TimeControlMode[keyof TimeControlMode] = { mode: 'uncontrolled' };\n  private _effects: Record<string, any> | undefined;\n  private _timing: TimelineConfig | undefined;\n  private _segmentSize: number | undefined;\n  private _showOverlay = false;\n  private _onComplete: (() => void) | undefined;\n\n  // --- Derived / cached ---\n  private _resolvedEffects: ResolvedEffect[] = resolveEffects(undefined);\n  private _seed: number;\n  private _timeline: Timeline = { entries: [] as TimelineEntry[], totalDuration: 0 };\n  private _layout: TextLayout | null = null;\n  private _fontReady = false;\n\n  // --- Measured from DOM ---\n  private _containerWidth = 0;\n  private _fontSize = 0;\n  private _lineHeight = 0;\n  private _currentColor = '';\n\n  // --- Playback state ---\n  private _internalTime = 0;\n  private _cssTime = 0;\n  private _playing = true;\n  private _smoothedBoost = 0;\n  private _lastTs: number | null = null;\n  private _rafId = 0;\n  private _prevCompleted = false;\n  private _prefersReducedMotion = false;\n  private _destroyed = false;\n\n  // --- Observers & listeners ---\n  private _resizeObserver: ResizeObserver;\n  private _mql: MediaQueryList | null = null;\n\n  /**\n   * Renders the engine's element tree using a framework-provided `createElement` callback.\n   * This method requires no DOM and can run during SSR.\n   *\n   * Each element receives a `data-tegaki` attribute so the engine can adopt\n   * pre-rendered elements later via `new TegakiEngine(container, { adopt: true })`.\n   */\n  static renderElements<T>(options: TegakiEngineOptions, createElement: CreateElementFn<T>): T {\n    return buildElements(options, createElement);\n  }\n\n  constructor(container: HTMLElement, options?: TegakiEngineOptions & { adopt?: boolean }) {\n    registerCssProperties();\n    this._seed = Math.random() * 1000;\n\n    // --- Resolve DOM elements ---\n    if (options?.adopt) {\n      // Adopt pre-rendered elements (created by renderElements)\n      this._rootEl = container.querySelector('[data-tegaki=\"root\"]') as HTMLDivElement;\n      this._sentinelEl = container.querySelector('[data-tegaki=\"sentinel\"]') as HTMLSpanElement;\n      this._canvasEl = container.querySelector('[data-tegaki=\"canvas\"]') as HTMLCanvasElement;\n      this._canvasFallbackEl = container.querySelector('[data-tegaki=\"canvas-fallback\"]') as HTMLSpanElement;\n      this._overlayEl = container.querySelector('[data-tegaki=\"overlay\"]') as HTMLDivElement;\n    } else {\n      // Create DOM from scratch using the same element structure\n      const root = buildElements(options ?? {}, domCreateElement);\n      container.appendChild(root);\n      this._rootEl = root as unknown as HTMLDivElement;\n      this._sentinelEl = root.querySelector('[data-tegaki=\"sentinel\"]') as HTMLSpanElement;\n      this._canvasEl = root.querySelector('[data-tegaki=\"canvas\"]') as HTMLCanvasElement;\n      this._canvasFallbackEl = root.querySelector('[data-tegaki=\"canvas-fallback\"]') as HTMLSpanElement;\n      this._overlayEl = root.querySelector('[data-tegaki=\"overlay\"]') as HTMLDivElement;\n    }\n\n    // --- ResizeObserver ---\n    this._resizeObserver = new ResizeObserver(this._onResize);\n    this._resizeObserver.observe(this._rootEl);\n\n    // --- Sentinel transitions ---\n    this._sentinelEl.addEventListener('transitionend', this._onSentinelTransition);\n\n    // --- Reduced motion ---\n    if (typeof window !== 'undefined') {\n      this._mql = window.matchMedia('(prefers-reduced-motion: reduce)');\n      this._prefersReducedMotion = this._mql.matches;\n      this._mql.addEventListener('change', this._onReducedMotionChange);\n    }\n\n    // --- Initial measurement (must run before update so layout has valid dimensions) ---\n    this._measure();\n\n    // --- Apply initial options ---\n    if (options) this.update(options);\n  }\n\n  // =========================================================================\n  // Public API\n  // =========================================================================\n\n  get currentTime(): number {\n    const tc = this._timeControl;\n    if (tc.mode === 'css') return this._cssTime;\n    if (tc.mode === 'controlled') return tc.value;\n    return this._internalTime;\n  }\n\n  get duration(): number {\n    return this._timeline.totalDuration;\n  }\n\n  get isPlaying(): boolean {\n    return this._playing;\n  }\n\n  get isComplete(): boolean {\n    return this._timeline.totalDuration > 0 && this.currentTime >= this._timeline.totalDuration;\n  }\n\n  get element(): HTMLDivElement {\n    return this._rootEl;\n  }\n\n  play(): void {\n    if (this._timeControl.mode !== 'uncontrolled') return;\n    this._playing = true;\n    this._evaluatePlayback();\n  }\n\n  pause(): void {\n    if (this._timeControl.mode !== 'uncontrolled') return;\n    this._playing = false;\n    this._evaluatePlayback();\n  }\n\n  seek(time: number): void {\n    if (this._timeControl.mode !== 'uncontrolled') return;\n    this._internalTime = Math.max(0, Math.min(time, this._timeline.totalDuration));\n    this._checkCompletion();\n    this._notifyTimeChange();\n    this._render();\n    this._updateCssProperties();\n  }\n\n  restart(): void {\n    if (this._timeControl.mode !== 'uncontrolled') return;\n    this._internalTime = 0;\n    this._playing = true;\n    this._prevCompleted = false;\n    this._notifyTimeChange();\n    this._evaluatePlayback();\n  }\n\n  update(options: Partial<TegakiEngineOptions>): void {\n    if (this._destroyed) return;\n\n    let dirtyTimeline = false;\n    let dirtyLayout = false;\n    let dirtyRender = false;\n    let dirtyPlayback = false;\n\n    if ('text' in options && options.text !== this._text) {\n      this._text = options.text ?? '';\n      dirtyTimeline = true;\n      dirtyLayout = true;\n    }\n\n    if ('font' in options) {\n      const resolved = resolveBundle(options.font) ?? null;\n      if (resolved !== this._font) {\n        this._loadFont(resolved);\n        dirtyTimeline = true;\n        dirtyLayout = true;\n        dirtyPlayback = true;\n      }\n    }\n\n    if ('time' in options) {\n      const newTc = resolveTimeControl(options.time);\n      const oldTc = this._timeControl;\n\n      // Detect meaningful changes\n      const modeChanged = newTc.mode !== oldTc.mode;\n      const controlledValueChanged = newTc.mode === 'controlled' && oldTc.mode === 'controlled' && newTc.value !== oldTc.value;\n      const uncontrolledChanged =\n        newTc.mode === 'uncontrolled' &&\n        oldTc.mode === 'uncontrolled' &&\n        (newTc.speed !== oldTc.speed || newTc.playing !== oldTc.playing || newTc.loop !== oldTc.loop || newTc.catchUp !== oldTc.catchUp);\n\n      if (modeChanged || controlledValueChanged || uncontrolledChanged) {\n        this._timeControl = newTc;\n\n        if (newTc.mode === 'uncontrolled') {\n          this._playing = newTc.playing ?? true;\n        }\n\n        dirtyPlayback = true;\n        dirtyRender = true;\n\n        // Update sentinel transition for css mode\n        this._updateSentinelTransition();\n      }\n    }\n\n    if ('effects' in options && options.effects !== this._effects) {\n      this._effects = options.effects as Record<string, any>;\n      this._resolvedEffects = resolveEffects(this._effects);\n      dirtyRender = true;\n    }\n\n    if ('timing' in options && options.timing !== this._timing) {\n      this._timing = options.timing;\n      dirtyTimeline = true;\n    }\n\n    if ('segmentSize' in options && options.segmentSize !== this._segmentSize) {\n      this._segmentSize = options.segmentSize;\n      dirtyRender = true;\n    }\n\n    if ('showOverlay' in options && options.showOverlay !== this._showOverlay) {\n      this._showOverlay = options.showOverlay ?? false;\n      this._updateOverlayStyle();\n      dirtyRender = true;\n    }\n\n    if ('onComplete' in options) {\n      this._onComplete = options.onComplete;\n    }\n\n    // --- Recompute ---\n    if (dirtyTimeline) this._recomputeTimeline();\n    if (dirtyLayout) this._recomputeLayout();\n    if (dirtyPlayback) this._evaluatePlayback();\n    if (dirtyRender || dirtyTimeline || dirtyLayout) {\n      this._updateDom();\n      this._render();\n    }\n  }\n\n  destroy(): void {\n    this._destroyed = true;\n    this._stopLoop();\n    this._resizeObserver.disconnect();\n    this._sentinelEl.removeEventListener('transitionend', this._onSentinelTransition);\n    this._mql?.removeEventListener('change', this._onReducedMotionChange);\n    this._rootEl.remove();\n  }\n\n  // =========================================================================\n  // Internal: DOM updates\n  // =========================================================================\n\n  /** Estimate line-height from font metrics when CSS returns \"normal\". */\n  private _fallbackLineHeight(fontSize: number): number {\n    if (this._font) {\n      return ((this._font.ascender - this._font.descender) / this._font.unitsPerEm) * fontSize;\n    }\n    return fontSize * 1.2;\n  }\n\n  private _measure(): void {\n    const styles = getComputedStyle(this._rootEl);\n    this._containerWidth = this._rootEl.getBoundingClientRect().width;\n    this._fontSize = Number.parseFloat(styles.fontSize);\n    const parsedLh = Number.parseFloat(styles.lineHeight);\n    this._lineHeight = Number.isNaN(parsedLh) ? this._fallbackLineHeight(this._fontSize) : parsedLh;\n    this._currentColor = styles.color;\n  }\n\n  private _updateDom(): void {\n    // Font family\n    this._rootEl.style.fontFamily = this._font?.family ?? '';\n\n    // CSS custom properties\n    this._updateCssProperties();\n\n    // Overlay text\n    this._overlayEl.textContent = this._text;\n    this._canvasFallbackEl.textContent = this._text;\n  }\n\n  private _updateCssProperties(): void {\n    const time = this.currentTime;\n    const dur = this._timeline.totalDuration;\n    this._rootEl.style.setProperty(CSS_DURATION, String(dur));\n    this._rootEl.style.setProperty(CSS_TIME, String(time));\n    this._rootEl.style.setProperty(CSS_PROGRESS, String(dur > 0 ? time / dur : 0));\n  }\n\n  private _updateOverlayStyle(): void {\n    if (this._showOverlay) {\n      this._overlayEl.style.webkitTextFillColor = '';\n      this._overlayEl.style.color = 'rgba(255, 0, 0, 0.4)';\n    } else {\n      this._overlayEl.style.webkitTextFillColor = 'transparent';\n      this._overlayEl.style.color = '';\n    }\n  }\n\n  private _updateSentinelTransition(): void {\n    const isCss = this._timeControl.mode === 'css';\n    this._sentinelEl.style.transition = isCss\n      ? `font-size 0.001s, line-height 0.001s, color 0.001s, ${CSS_PROGRESS} 0.001s`\n      : 'font-size 0.001s, line-height 0.001s, color 0.001s';\n  }\n\n  // =========================================================================\n  // Internal: Resize & sentinel observers\n  // =========================================================================\n\n  private _onResize = (entries: ResizeObserverEntry[]): void => {\n    const entry = entries[0];\n    if (!entry) return;\n    const newWidth = entry.contentRect.width;\n    const styles = getComputedStyle(this._rootEl);\n    const newFontSize = Number.parseFloat(styles.fontSize);\n    const parsedLh = Number.parseFloat(styles.lineHeight);\n    const newLineHeight = Number.isNaN(parsedLh) ? this._fallbackLineHeight(newFontSize) : parsedLh;\n    const newColor = styles.color;\n\n    let changed = false;\n    let layoutChanged = false;\n\n    if (newWidth !== this._containerWidth) {\n      this._containerWidth = newWidth;\n      layoutChanged = true;\n      changed = true;\n    }\n    if (newFontSize !== this._fontSize) {\n      this._fontSize = newFontSize;\n      layoutChanged = true;\n      changed = true;\n    }\n    if (newLineHeight !== this._lineHeight) {\n      this._lineHeight = newLineHeight;\n      layoutChanged = true;\n      changed = true;\n    }\n    if (newColor !== this._currentColor) {\n      this._currentColor = newColor;\n      changed = true;\n    }\n\n    if (layoutChanged) this._recomputeLayout();\n    if (changed) this._render();\n  };\n\n  private _onSentinelTransition = (e: TransitionEvent): void => {\n    const styles = getComputedStyle(this._sentinelEl);\n    let changed = false;\n\n    if (e.propertyName === 'font-size' || e.propertyName === 'line-height') {\n      const newFontSize = Number.parseFloat(styles.fontSize);\n      const parsedLh = Number.parseFloat(styles.lineHeight);\n      const newLineHeight = Number.isNaN(parsedLh) ? this._fallbackLineHeight(newFontSize) : parsedLh;\n      if (newFontSize !== this._fontSize || newLineHeight !== this._lineHeight) {\n        this._fontSize = newFontSize;\n        this._lineHeight = newLineHeight;\n        this._recomputeLayout();\n        changed = true;\n      }\n    }\n\n    if (e.propertyName === 'color') {\n      const newColor = styles.color;\n      if (newColor !== this._currentColor) {\n        this._currentColor = newColor;\n        changed = true;\n      }\n    }\n\n    if (e.propertyName === CSS_PROGRESS) {\n      const rawProgress = Number(styles.getPropertyValue(CSS_PROGRESS));\n      this._cssTime = rawProgress * this._timeline.totalDuration;\n      changed = true;\n    }\n\n    if (changed) this._render();\n  };\n\n  // =========================================================================\n  // Internal: Reduced motion\n  // =========================================================================\n\n  private _onReducedMotionChange = (e: MediaQueryListEvent): void => {\n    this._prefersReducedMotion = e.matches;\n    if (this._prefersReducedMotion && this._timeControl.mode === 'uncontrolled' && this._timeline.totalDuration > 0) {\n      this._internalTime = this._timeline.totalDuration;\n    }\n    this._evaluatePlayback();\n    this._render();\n  };\n\n  // =========================================================================\n  // Internal: Font loading\n  // =========================================================================\n\n  private _loadFont(font: TegakiBundle | null): void {\n    this._font = font;\n    this._fontReady = false;\n\n    if (!font) return;\n\n    const pending = ensureFont(font.family, font.fontUrl);\n    if (pending === null) {\n      this._fontReady = true;\n      return;\n    }\n\n    const currentFont = font;\n    pending.then(() => {\n      if (this._font === currentFont && !this._destroyed) {\n        this._fontReady = true;\n        this._recomputeTimeline();\n        this._recomputeLayout();\n        this._evaluatePlayback();\n        this._updateDom();\n        this._render();\n      }\n    });\n  }\n\n  // =========================================================================\n  // Internal: Recomputation\n  // =========================================================================\n\n  private _recomputeTimeline(): void {\n    if (this._font && this._text) {\n      this._timeline = computeTimeline(this._text, this._font, this._timing);\n    } else {\n      this._timeline = { entries: [] as TimelineEntry[], totalDuration: 0 };\n    }\n  }\n\n  private _recomputeLayout(): void {\n    const fontFamily = this._font?.family;\n    if (this._fontReady && fontFamily && this._fontSize && this._containerWidth && this._text) {\n      this._layout = computeTextLayout(this._text, fontFamily, this._fontSize, this._lineHeight, this._containerWidth);\n    } else {\n      this._layout = null;\n    }\n  }\n\n  // =========================================================================\n  // Internal: Playback loop\n  // =========================================================================\n\n  private _evaluatePlayback(): void {\n    const tc = this._timeControl;\n    const shouldRun = tc.mode === 'uncontrolled' && this._playing && !!this._font && this._fontReady && !this._prefersReducedMotion;\n\n    if (shouldRun) {\n      this._startLoop();\n    } else {\n      this._stopLoop();\n    }\n  }\n\n  private _startLoop(): void {\n    if (this._rafId) return;\n    this._lastTs = null;\n    this._smoothedBoost = 0;\n    this._rafId = requestAnimationFrame(this._tick);\n  }\n\n  private _stopLoop(): void {\n    if (this._rafId) {\n      cancelAnimationFrame(this._rafId);\n      this._rafId = 0;\n    }\n  }\n\n  private _tick = (ts: number): void => {\n    if (this._destroyed) return;\n\n    if (this._lastTs === null) this._lastTs = ts;\n    const dtSec = (ts - this._lastTs) / 1000;\n    this._lastTs = ts;\n\n    const tc = this._timeControl;\n    if (tc.mode !== 'uncontrolled') return;\n\n    const speed = tc.speed ?? 1;\n    const loop = tc.loop ?? false;\n    const catchUp = tc.catchUp ?? 0;\n    const totalDur = this._timeline.totalDuration;\n\n    if (totalDur === 0 || (!loop && this._internalTime >= totalDur)) {\n      this._internalTime = totalDur;\n      this._rafId = requestAnimationFrame(this._tick);\n      return;\n    }\n\n    // Compute effective speed with catch-up\n    let effectiveSpeed = speed;\n    if (catchUp > 0) {\n      const remaining = Math.max(0, totalDur - this._internalTime);\n      const excess = Math.max(0, remaining - 2);\n      const targetBoost = catchUp * excess;\n      const attackRate = 4;\n      const releaseRate = loop ? 30 : 2;\n      const rate = targetBoost > this._smoothedBoost ? attackRate : releaseRate;\n      this._smoothedBoost += (targetBoost - this._smoothedBoost) * (1 - Math.exp(-rate * dtSec));\n      effectiveSpeed = speed + this._smoothedBoost;\n    }\n\n    let next = this._internalTime + dtSec * effectiveSpeed;\n    if (next >= totalDur) {\n      next = loop ? next % totalDur : totalDur;\n      this._smoothedBoost = 0;\n    }\n    this._internalTime = next;\n\n    this._notifyTimeChange();\n    this._checkCompletion();\n    this._render();\n    this._updateCssProperties();\n\n    this._rafId = requestAnimationFrame(this._tick);\n  };\n\n  private _notifyTimeChange(): void {\n    const tc = this._timeControl;\n    if (tc.mode === 'uncontrolled' && tc.onTimeChange) {\n      tc.onTimeChange(this._internalTime);\n    }\n  }\n\n  private _checkCompletion(): void {\n    const complete = this._timeline.totalDuration > 0 && this.currentTime >= this._timeline.totalDuration;\n    if (complete && !this._prevCompleted) {\n      this._prevCompleted = true;\n      this._onComplete?.();\n    } else if (!complete) {\n      this._prevCompleted = false;\n    }\n  }\n\n  // =========================================================================\n  // Internal: Canvas rendering\n  // =========================================================================\n\n  private _render(): void {\n    const canvas = this._canvasEl;\n    const font = this._font;\n    const layout = this._layout;\n    const fontSize = this._fontSize;\n\n    if (!font?.glyphData || !layout || !fontSize) return;\n\n    const dpr = window.devicePixelRatio || 1;\n    const canvasRect = canvas.getBoundingClientRect();\n    const w = canvasRect.width;\n    const h = canvasRect.height;\n\n    const needsResize = canvas.width !== Math.round(w * dpr) || canvas.height !== Math.round(h * dpr);\n    if (needsResize) {\n      canvas.width = Math.round(w * dpr);\n      canvas.height = Math.round(h * dpr);\n    }\n\n    const ctx = canvas.getContext('2d');\n    if (!ctx) return;\n\n    ctx.setTransform(dpr, 0, 0, dpr, 0, 0);\n    ctx.clearRect(0, 0, w, h);\n\n    const padH = PADDING_H_EM * fontSize;\n    const lineHeight = this._lineHeight;\n    const padV = Math.max(MIN_PADDING_V_EM * fontSize, (MIN_LINE_HEIGHT_EM * fontSize - lineHeight) / 2);\n    ctx.translate(padH, padV);\n\n    const color = this._currentColor || 'black';\n    const emHeight = (font.ascender - font.descender) / font.unitsPerEm;\n    const emHeightPx = emHeight * fontSize;\n    const halfLeading = (lineHeight - emHeightPx) / 2;\n    const characters = graphemes(this._text);\n    const currentTime = this.currentTime;\n\n    let y = 0;\n    for (const lineIndices of layout.lines) {\n      let x = 0;\n      for (const charIdx of lineIndices) {\n        const char = characters[charIdx]!;\n        if (char === '\\n') continue;\n        const entry = this._timeline.entries[charIdx]!;\n        const charWidth = layout.charWidths[charIdx] ?? 0;\n        const kerning = layout.kernings[charIdx] ?? 0;\n        const glyph = font.glyphData[char];\n\n        if (glyph && entry.hasGlyph) {\n          const localTime = Math.max(0, Math.min(currentTime - entry.offset, entry.duration));\n          const glyphY = y + halfLeading;\n          drawGlyph(\n            ctx,\n            glyph,\n            {\n              x,\n              y: glyphY,\n              fontSize,\n              unitsPerEm: font.unitsPerEm,\n              ascender: font.ascender,\n              descender: font.descender,\n            },\n            localTime,\n            font.lineCap,\n            color,\n            this._resolvedEffects,\n            this._seed + charIdx,\n            this._segmentSize,\n          );\n        } else if (!entry.hasGlyph && currentTime >= entry.offset + entry.duration) {\n          const baseline = y + halfLeading + (font.ascender / font.unitsPerEm) * fontSize;\n          drawFallbackGlyph(ctx, char, x, baseline, fontSize, font.family, color, this._resolvedEffects, this._seed + charIdx);\n        }\n\n        x += (charWidth + kerning) * fontSize;\n      }\n      y += lineHeight;\n    }\n  }\n}\n"],"mappings":";;AAQA,MAAM,iBAAsC,EAAE,eAAe,MAAM;AACnE,MAAM,eAA4B,IAAI,IAAI;CAAC;CAAQ;CAAU;CAAiB;CAAS;CAAW,CAAC;;;;;;AAOnG,SAAgB,eAAe,SAA4D;CACzF,MAAM,SAAS;EAAE,GAAG;EAAgB,GAAG;EAAS;CAEhD,MAAM,SAA2B,EAAE;AAEnC,MAAK,MAAM,CAAC,KAAK,UAAU,OAAO,QAAQ,OAAO,EAAE;AACjD,MAAI,UAAU,SAAS,SAAS,KAAM;EAEtC,IAAI;EACJ,IAAI;EACJ,IAAI;AAEJ,MAAI,UAAU,MAAM;AAClB,gBAAc,aAAa,IAAI,IAAI,GAAG,MAAM,KAAA;AAC5C,OAAI,CAAC,WAAY;AACjB,YAAS,EAAE;AACX,WAAQ;SACH;AACL,OAAI,MAAM,YAAY,MAAO;AAC7B,gBAAa,MAAM,WAAW,aAAa,IAAI,IAAI,GAAG,MAAM,KAAA;AAC5D,OAAI,CAAC,WAAY;GACjB,MAAM,EAAE,QAAQ,GAAG,OAAO,GAAG,SAAS,IAAI,GAAG,SAAS;AACtD,YAAS;AACT,WAAQ,KAAK;;AAGf,SAAO,KAAK;GAAE,QAAQ;GAAY;GAAO;GAAQ,CAAC;;AAGpD,QAAO,MAAM,GAAG,MAAM,EAAE,QAAQ,EAAE,MAAM;AACxC,QAAO;;;AAIT,SAAgB,WAAuC,SAA2B,MAAwC;AACxH,QAAO,QAAQ,MAAM,MAAM,EAAE,WAAW,KAAK;;;AAI/C,SAAgB,YAAwC,SAA2B,MAA8B;AAC/G,QAAO,QAAQ,QAAQ,MAAM,EAAE,WAAW,KAAK;;;;ACtDjD,MAAM,YAAY,IAAI,KAAK,UAAU,KAAA,GAAW,EAAE,aAAa,YAAY,CAAC;;AAG5E,SAAgB,iBAAiB,OAAkB,UAA0B;AAC3E,KAAI,OAAO,UAAU,SAAU,QAAO;AACtC,QAAO,WAAW,MAAM,GAAG;;AAG7B,SAAgB,UAAU,MAAwB;AAChD,QAAO,MAAM,KAAK,UAAU,QAAQ,KAAK,GAAG,MAAM,EAAE,QAAQ;;AAI9D,SAAgB,eAAe,OAAwB;AACrD,KAAI,SAAS,QAAQ,OAAO,UAAU,UAAW,QAAO;AACxD,KAAI,OAAO,UAAU,SAAU,QAAO;AACtC,KAAI,OAAO,UAAU,YAAY,OAAO,UAAU,SAAU,QAAO,OAAO,MAAM;AAChF,KAAI,MAAM,QAAQ,MAAM,CAAE,QAAO,MAAM,IAAI,eAAe,CAAC,KAAK,GAAG;AACnE,QAAO;;;;ACCT,SAAS,WAAW,OAAiD;CACnE,MAAM,IAAI,MAAM,QAAQ,KAAK,GAAG;AAChC,KAAI,EAAE,WAAW,EACf,QAAO;EAAC,SAAS,EAAE,KAAM,EAAE,IAAK,GAAG;EAAE,SAAS,EAAE,KAAM,EAAE,IAAK,GAAG;EAAE,SAAS,EAAE,KAAM,EAAE,IAAK,GAAG;EAAE;EAAE;AAEnG,KAAI,EAAE,WAAW,EACf,QAAO;EAAC,SAAS,EAAE,KAAM,EAAE,IAAK,GAAG;EAAE,SAAS,EAAE,KAAM,EAAE,IAAK,GAAG;EAAE,SAAS,EAAE,KAAM,EAAE,IAAK,GAAG;EAAE,SAAS,EAAE,KAAM,EAAE,IAAK,GAAG,GAAG;EAAI;AAEnI,KAAI,EAAE,WAAW,EACf,QAAO;EAAC,SAAS,EAAE,MAAM,GAAG,EAAE,EAAE,GAAG;EAAE,SAAS,EAAE,MAAM,GAAG,EAAE,EAAE,GAAG;EAAE,SAAS,EAAE,MAAM,GAAG,EAAE,EAAE,GAAG;EAAE,SAAS,EAAE,MAAM,GAAG,EAAE,EAAE,GAAG,GAAG;EAAI;AAEnI,QAAO;EAAC,SAAS,EAAE,MAAM,GAAG,EAAE,EAAE,GAAG;EAAE,SAAS,EAAE,MAAM,GAAG,EAAE,EAAE,GAAG;EAAE,SAAS,EAAE,MAAM,GAAG,EAAE,EAAE,GAAG;EAAE;EAAE;;AAGnG,SAAS,UAAU,GAAqC,GAAqC,GAAmB;CAC9G,MAAM,IAAI,KAAK,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;CAC9C,MAAM,IAAI,KAAK,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;CAC9C,MAAM,KAAK,KAAK,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;CAC/C,MAAM,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM;AAClC,KAAI,MAAM,EAAG,QAAO,OAAO,EAAE,GAAG,EAAE,GAAG,GAAG;AACxC,QAAO,QAAQ,EAAE,GAAG,EAAE,GAAG,GAAG,GAAG,GAAG,QAAQ,EAAE,CAAC;;AAG/C,SAAS,cAAc,UAAkB,QAAkB,MAAsB;AAC/E,KAAI,OAAO,WAAW,EAAG,QAAO;AAChC,KAAI,OAAO,WAAW,EAAG,QAAO,OAAO;CAEvC,MAAM,YADO,WAAW,OAAO,MAAO,IAAK,KAAK,KAC3B,OAAO,SAAS;CACrC,MAAM,IAAI,KAAK,IAAI,KAAK,MAAM,QAAQ,EAAE,OAAO,SAAS,EAAE;CAC1D,MAAM,OAAO,UAAU;AACvB,QAAO,UAAU,WAAW,OAAO,GAAI,EAAE,WAAW,OAAO,IAAI,GAAI,EAAE,KAAK;;AAG5E,SAAS,aAAa,UAAkB,YAAoB,WAAmB,MAAsB;AAEnG,QAAO,QADM,WAAW,MAAM,OAAO,SAAS,IAC5B,IAAI,WAAW,KAAK,UAAU;;AAKlD,SAAS,KAAK,GAAmB;CAC/B,IAAI,IAAK,IAAI,aAAc;AAC3B,MAAM,MAAM,KAAM,KAAK;AACvB,MAAM,MAAM,KAAM,KAAK;AACvB,KAAK,MAAM,KAAM;AACjB,SAAQ,IAAI,cAAc;;AAG5B,SAAS,QAAQ,GAAW,MAAsB;CAChD,MAAM,IAAI,KAAK,MAAM,EAAE;CACvB,MAAM,IAAI,IAAI;CACd,MAAM,IAAI,IAAI,KAAK,IAAI,IAAI;AAC3B,QAAO,KAAK,IAAI,OAAO,KAAK,IAAI,IAAI,KAAK,KAAK,IAAI,IAAI,OAAO,KAAK,GAAG;;;;;;AAOvE,SAAgB,UACd,KACA,OACA,KACA,WACA,SACA,OACA,UAA4B,EAAE,EAC9B,OAAO,GACP,aACA;CACA,MAAM,QAAQ,IAAI,WAAW,IAAI;CACjC,MAAM,KAAK,IAAI;CACf,MAAM,KAAK,IAAI;CAEf,MAAM,cAAc,YAAY,SAAS,OAAO;CAChD,MAAM,eAAe,WAAW,SAAS,SAAS;CAClD,MAAM,iBAAiB,WAAW,SAAS,gBAAgB;CAC3D,MAAM,cAAc,WAAW,SAAS,QAAQ;CAChD,MAAM,iBAAiB,WAAW,SAAS,WAAW;CAGtD,MAAM,iBAAiB,iBAAiB,KAAK,IAAI,GAAG,KAAK,IAAI,eAAe,OAAO,YAAY,GAAG,EAAE,CAAC,GAAG;CAGxG,MAAM,kBAAkB,eAAgB,aAAa,OAAO,aAAa,MAAO;CAChF,MAAM,kBAAkB,eAAgB,aAAa,OAAO,aAAa,IAAK;CAC9E,MAAM,aAAa,cAAc,OAAO,QAAQ;CAGhD,MAAM,aAAa,cAAc,KAAK,IAAI,GAAG,KAAK,IAAI,YAAY,OAAO,eAAe,KAAM,EAAE,CAAC,GAAG;CACpG,MAAM,WAAW,cAAc,KAAK,IAAI,GAAG,KAAK,IAAI,YAAY,OAAO,aAAa,KAAM,EAAE,CAAC,GAAG;CAGhG,MAAM,iBAAiB,gBAAgB,OAAO;CAC9C,MAAM,YAAY,mBAAmB;CACrC,MAAM,qBAAqB,MAAM,QAAQ,eAAe,GAAG,iBAAiB,KAAA;CAC5E,MAAM,qBAAqB,gBAAgB,OAAO,cAAc;CAChE,MAAM,oBAAoB,gBAAgB,OAAO,aAAa;CAG9D,MAAM,WAAW,GAAW,GAAW,QAAgB;AACrD,MAAI,CAAC,aAAc,QAAO;AAC1B,MAAI,eAAe,QACjB,QAAO,IAAI,mBAAmB,QAAQ,IAAI,KAAM,MAAM,IAAK,KAAK,GAAG,IAAI;AAEzE,SAAO,IAAI,kBAAkB,KAAK,IAAI,mBAAmB,IAAI,MAAO,MAAM,MAAO,KAAK;;CAExF,MAAM,WAAW,GAAW,GAAW,QAAgB;AACrD,MAAI,CAAC,aAAc,QAAO;AAC1B,MAAI,eAAe,QACjB,QAAO,IAAI,mBAAmB,QAAQ,IAAI,KAAM,MAAM,IAAK,OAAO,MAAM,IAAK,GAAG,IAAI;AAEtF,SAAO,IAAI,kBAAkB,KAAK,IAAI,mBAAmB,IAAI,MAAO,MAAM,MAAO,OAAO,IAAI;;CAI9F,MAAM,MAAM,MAAc,KAAK,IAAI;CACnC,MAAM,MAAM,MAAc,MAAM,IAAI,IAAI,YAAY;CAGpD,MAAM,WAAW,aAA6B;AAC5C,MAAI,UAAW,QAAO,aAAa,UAAU,oBAAoB,mBAAmB,KAAK;AACzF,MAAI,mBAAoB,QAAO,cAAc,UAAU,oBAAoB,KAAK;AAChF,SAAO;;CAET,MAAM,cAAc,CAAC,CAAC;CAGtB,MAAM,mBAAmB,aAA6B;EACpD,IAAI,IAAI;AACR,MAAI,aAAa,KAAK,WAAW,WAAY,KAAI,KAAK,IAAI,GAAG,WAAW,WAAW;AACnF,MAAI,WAAW,KAAK,WAAW,IAAI,SAAU,KAAI,KAAK,IAAI,IAAI,IAAI,YAAY,SAAS;AACvF,SAAO;;AAGT,MAAK,MAAM,UAAU,MAAM,GAAG;AAC5B,MAAI,YAAY,OAAO,EAAG;EAC1B,MAAM,UAAU,YAAY,OAAO;EACnC,MAAM,WAAW,KAAK,IAAI,UAAU,OAAO,GAAG,EAAE;EAEhD,MAAM,MAAM,OAAO;AACnB,MAAI,IAAI,WAAW,EAAG;EAEtB,MAAM,WAAW,IAAI,QAAQ,GAAG,MAAM,IAAI,EAAE,IAAI,EAAE,GAAG,IAAI;EACzD,MAAM,gBAAgB,KAAK,IAAI,UAAU,GAAI,GAAG;AAGhD,MAAI,IAAI,WAAW,GAAG;AACpB,OAAI,YAAY,EAAG;GACnB,MAAM,IAAI,IAAI;GACd,MAAM,OAAO,GAAG,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;GACvC,MAAM,OAAO,GAAG,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;GAEvC,IAAI,WAAW,iBADK,KAAK,IAAI,EAAE,IAAI,GAAI,GAAG,QACI,iBAAiB;AAC/D,eAAY,gBAAgB,GAAI;AAGhC,QAAK,MAAM,QAAQ,aAAa;AAC9B,QAAI,MAAM;AACV,QAAI,aAAa,iBAAiB,KAAK,OAAO,UAAU,GAAG,IAAI,SAAS;AACxE,QAAI,cAAc,KAAK,OAAO,SAAS;AACvC,QAAI,iBAAiB,KAAK,OAAO,WAAW,KAAK;AACjD,QAAI,iBAAiB,KAAK,OAAO,WAAW,KAAK;AACjD,QAAI,YAAY,KAAK,OAAO,SAAS;AACrC,QAAI,WAAW;AACf,QAAI,YAAY,QACd,KAAI,IAAI,MAAM,MAAM,WAAW,GAAG,GAAG,KAAK,KAAK,EAAE;QAEjD,KAAI,KAAK,OAAO,WAAW,GAAG,OAAO,WAAW,GAAG,UAAU,SAAS;AAExE,QAAI,MAAM;AACV,QAAI,SAAS;;AAIf,OAAI,YAAY,QAAQ,EAAE;AAC1B,OAAI,WAAW;AACf,OAAI,YAAY,SAAS;AACvB,QAAI,IAAI,MAAM,MAAM,WAAW,GAAG,GAAG,KAAK,KAAK,EAAE;AACjD,QAAI,MAAM;SAEV,KAAI,SAAS,OAAO,WAAW,GAAG,OAAO,WAAW,GAAG,UAAU,SAAS;AAE5E;;EAIF,IAAI,WAAW;AACf,OAAK,IAAI,IAAI,GAAG,IAAI,IAAI,QAAQ,KAAK;GACnC,MAAM,KAAK,IAAI,GAAI,KAAK,IAAI,IAAI,GAAI;GACpC,MAAM,KAAK,IAAI,GAAI,KAAK,IAAI,IAAI,GAAI;AACpC,eAAY,KAAK,KAAK,KAAK,KAAK,KAAK,GAAG;;EAG1C,MAAM,UAAU,WAAW;AAC3B,MAAI,WAAW,EAAG;EAGlB,MAAM,WAQA,EAAE;EAER,IAAI,cAAc;AAClB,OAAK,IAAI,IAAI,GAAG,IAAI,IAAI,QAAQ,KAAK;GACnC,MAAM,OAAO,IAAI,IAAI;GACrB,MAAM,MAAM,IAAI;GAChB,MAAM,KAAK,IAAI,KAAK,KAAK;GACzB,MAAM,KAAK,IAAI,KAAK,KAAK;GACzB,MAAM,SAAS,KAAK,KAAK,KAAK,KAAK,KAAK,GAAG;AAE3C,OAAI,cAAc,UAAU,SAAS;AACnC,aAAS,KAAK;KACZ,IAAI,GAAG,QAAQ,KAAK,IAAI,KAAK,IAAI,IAAI,EAAE,CAAC;KACxC,IAAI,GAAG,QAAQ,KAAK,IAAI,KAAK,IAAI,IAAI,EAAE,CAAC;KACxC,IAAI,GAAG,QAAQ,IAAI,IAAI,IAAI,IAAI,EAAE,CAAC;KAClC,IAAI,GAAG,QAAQ,IAAI,IAAI,IAAI,IAAI,EAAE,CAAC;KAClC,QAAQ,KAAK;KACb,QAAQ,IAAI;KACZ,cAAc,cAAc,SAAS,KAAK;KAC3C,CAAC;AACF,mBAAe;UACV;IACL,MAAM,YAAY,UAAU;IAC5B,MAAM,OAAO,SAAS,IAAI,YAAY,SAAS;IAC/C,MAAM,KAAK,KAAK,KAAK,KAAK;IAC1B,MAAM,KAAK,KAAK,KAAK,KAAK;IAC1B,MAAM,KAAK,KAAK,MAAM,IAAI,KAAK,KAAK,MAAM;AAC1C,aAAS,KAAK;KACZ,IAAI,GAAG,QAAQ,KAAK,IAAI,KAAK,IAAI,IAAI,EAAE,CAAC;KACxC,IAAI,GAAG,QAAQ,KAAK,IAAI,KAAK,IAAI,IAAI,EAAE,CAAC;KACxC,IAAI,GAAG,QAAQ,IAAI,IAAI,EAAE,CAAC;KAC1B,IAAI,GAAG,QAAQ,IAAI,IAAI,EAAE,CAAC;KAC1B,QAAQ,KAAK;KACb,QAAQ;KACR,cAAc,cAAc,YAAY,KAAK;KAC9C,CAAC;AACF;;;AAIJ,MAAI,SAAS,WAAW,EAAG;EAG3B,MAAM,iBAAiB,SAAS,OAAO;EAIvC,MAAM,sBAAsB,gBADG,iBAAiB,KAAK,eAAe,CAAC,CAAC,gBAAgB,CAAC,CAAC,cACnB,IAAI,KAAA;AACzE,MAAI,uBAAuB,MAAM;GAC/B,MAAM,YAAY,sBAAsB;GACxC,MAAM,aAA8B,EAAE;AACtC,QAAK,MAAM,OAAO,UAAU;IAC1B,MAAM,KAAK,IAAI,KAAK,IAAI;IACxB,MAAM,KAAK,IAAI,KAAK,IAAI;IACxB,MAAM,MAAM,KAAK,KAAK,KAAK,KAAK,KAAK,GAAG;IACxC,MAAM,QAAQ,KAAK,IAAI,GAAG,KAAK,KAAK,MAAM,UAAU,CAAC;AACrD,SAAK,IAAI,IAAI,GAAG,IAAI,OAAO,KAAK;KAC9B,MAAM,KAAK,IAAI;KACf,MAAM,MAAM,IAAI,KAAK;AACrB,gBAAW,KAAK;MACd,IAAI,IAAI,KAAK,KAAK;MAClB,IAAI,IAAI,KAAK,KAAK;MAClB,IAAI,IAAI,KAAK,KAAK;MAClB,IAAI,IAAI,KAAK,KAAK;MAClB,QAAQ,IAAI,UAAU,IAAI,SAAS,IAAI,UAAU;MACjD,QAAQ,IAAI,UAAU,IAAI,SAAS,IAAI,UAAU;MACjD,aAAa,IAAI;MAClB,CAAC;;;AAGN,QAAK,IAAI,IAAI,GAAG,IAAI,WAAW,QAAQ,IACrC,YAAW,GAAI,cAAc,WAAW,SAAS,IAAI,KAAK,WAAW,SAAS,KAAK;AAErF,YAAS,SAAS;AAClB,YAAS,KAAK,GAAG,WAAW;;EAI9B,MAAM,YAAY,QAA8B;GAC9C,MAAM,YAAa,IAAI,SAAS,IAAI,UAAU,IAAK;AAEnD,UADU,KAAK,IAAI,iBAAiB,WAAW,iBAAiB,gBAAgB,KAAM,MAAM,GACjF,gBAAgB,IAAI,YAAY;;EAG7C,MAAM,kBAAkB,iBAAiB,KAAK;EAE9C,MAAM,uBAAuB;AAC3B,OAAI,gBACF,MAAK,MAAM,OAAO,UAAU;AAC1B,QAAI,YAAY,SAAS,IAAI;AAC7B,QAAI,WAAW;AACf,QAAI,OAAO,IAAI,IAAI,IAAI,GAAG;AAC1B,QAAI,OAAO,IAAI,IAAI,IAAI,GAAG;AAC1B,QAAI,QAAQ;;QAET;AACL,QAAI,YAAY;AAChB,QAAI,WAAW;AACf,QAAI,OAAO,SAAS,GAAI,IAAI,SAAS,GAAI,GAAG;AAC5C,SAAK,MAAM,OAAO,SAChB,KAAI,OAAO,IAAI,IAAI,IAAI,GAAG;AAE5B,QAAI,QAAQ;;;EAIhB,MAAM,yBAAyB;AAC7B,QAAK,MAAM,OAAO,UAAU;AAC1B,QAAI,cAAc,QAAQ,IAAI,YAAY;AAC1C,QAAI,gBAAiB,KAAI,YAAY,SAAS,IAAI;AAClD,QAAI,WAAW;AACf,QAAI,OAAO,IAAI,IAAI,IAAI,GAAG;AAC1B,QAAI,OAAO,IAAI,IAAI,IAAI,GAAG;AAC1B,QAAI,QAAQ;;;AAIhB,MAAI,UAAU;AACd,MAAI,WAAW;AAGf,OAAK,MAAM,QAAQ,aAAa;AAC9B,OAAI,MAAM;AACV,OAAI,aAAa,iBAAiB,KAAK,OAAO,UAAU,GAAG,IAAI,SAAS;AACxE,OAAI,cAAc,KAAK,OAAO,SAAS;AACvC,OAAI,iBAAiB,KAAK,OAAO,WAAW,KAAK;AACjD,OAAI,iBAAiB,KAAK,OAAO,WAAW,KAAK;AACjD,OAAI,cAAc,KAAK,OAAO,SAAS;AACvC,OAAI,YAAY;AAChB,OAAI,WAAW;AACf,OAAI,OAAO,eAAe,GAAI,IAAI,eAAe,GAAI,GAAG;AACxD,QAAK,MAAM,OAAO,eAChB,KAAI,OAAO,IAAI,IAAI,IAAI,GAAG;AAE5B,OAAI,QAAQ;AACZ,OAAI,SAAS;;AAIf,MAAI,YACF,mBAAkB;OACb;AACL,OAAI,cAAc;AAClB,mBAAgB;;;;;;AChXtB,MAAM,gCAAgB,IAAI,KAA4B;;;;;AAMtD,eAAsB,eAAe,QAAqC;AACxE,OAAM,WAAW,OAAO,QAAQ,OAAO,QAAQ;;AAGjD,SAAgB,WAAW,QAAgB,KAAmC;AAC5E,KAAI,OAAO,aAAa,YAAa,QAAO,QAAQ,SAAS;AAC7D,MAAK,MAAM,QAAQ,SAAS,MAC1B,KAAI,KAAK,WAAW,QAAQ;AAC1B,MAAI,KAAK,WAAW,SAAU,QAAO;AACrC,MAAI,KAAK,WAAW,UAAW,QAAO,KAAK,OAAO,WAAW,GAAG;;CAGpE,IAAI,SAAS,cAAc,IAAI,IAAI;AACnC,KAAI,CAAC,QAAQ;AACX,WAAS,IAAI,SAAS,QAAQ,OAAO,IAAI,IAAI,EAAE,iBAAiB,sBAAsB,CAAC,CAAC,MAAM,CAAC,MAAM,WAAW;AAC9G,YAAS,MAAM,IAAI,OAAO;IAC1B;AACF,gBAAc,IAAI,KAAK,OAAO;;AAEhC,QAAO;;;;ACbT,SAAgB,kBAAkB,MAAc,YAAoB,UAAkB,YAAoB,UAA8B;CACtI,MAAM,UAAU,GAAG,SAAS,KAAK;CACjC,MAAM,QAAQ,UAAU,KAAK;CAG7B,MAAM,6BAAa,IAAI,KAAqB;CAC5C,MAAM,aAAuB,EAAE;AAC/B,MAAK,MAAM,QAAQ,OAAO;EACxB,IAAI,IAAI,WAAW,IAAI,KAAK;AAC5B,MAAI,MAAM,KAAA,GAAW;AACnB,OAAI,SAAS,KACX,KAAI;QACC;IAEL,MAAM,IAAI,gBADA,oBAAoB,MAAM,SAAS,EAAE,YAAY,YAAY,CAAC,EAC3C,UAAU,WAAW;AAClD,QAAI,EAAE,MAAM,SAAS,IAAI,EAAE,MAAM,GAAI,QAAQ,WAAW;;AAE1D,cAAW,IAAI,MAAM,EAAE;;AAEzB,aAAW,KAAK,EAAE;;CAIpB,MAAM,WAAW,oBAAoB,MAAM,SAAS,EAAE,YAAY,YAAY,CAAC;CAC/E,MAAM,mBAAmB,gBAAgB,UAAU,UAAU,WAAW;CACxE,MAAM,iBAAiB,KAAK,IAAI,GAAG,GAAG,iBAAiB,MAAM,KAAK,MAAM,EAAE,MAAM,CAAC,GAAG;CAGpF,MAAM,SAAS,gBAAgB,UAAU,UAAU,WAAW;CAI9D,MAAM,mBAA6B,EAAE;AACrC,MAAK,IAAI,KAAK,GAAG,KAAK,MAAM,QAAQ,KAClC,MAAK,IAAI,IAAI,GAAG,IAAI,MAAM,IAAK,QAAQ,IACrC,kBAAiB,KAAK,GAAG;CAI7B,MAAM,QAAoB,EAAE;CAC5B,IAAI,cAAc;AAClB,MAAK,MAAM,QAAQ,OAAO,OAAO;EAC/B,MAAM,UAAoB,EAAE;EAC5B,MAAM,uBAAO,IAAI,KAAa;AAC9B,OAAK,IAAI,IAAI,GAAG,IAAI,KAAK,KAAK,QAAQ,KAAK;GACzC,MAAM,QAAQ,iBAAiB,cAAc;AAC7C,OAAI,CAAC,KAAK,IAAI,MAAM,EAAE;AACpB,SAAK,IAAI,MAAM;AACf,YAAQ,KAAK,MAAM;;;AAGvB,iBAAe,KAAK,KAAK;AAEzB,MAAI,cAAc,KAAK,UAAU,KAAK,iBAAiB,MAAM;GAC3D,MAAM,QAAQ,iBAAiB;AAC/B,WAAQ,KAAK,MAAM;AACnB;;AAEF,QAAM,KAAK,QAAQ;;AAIrB,KAAI,cAAc,KAAK,QAAQ;EAC7B,MAAM,UAAoB,EAAE;EAC5B,MAAM,uBAAO,IAAI,KAAa;AAC9B,OAAK,IAAI,IAAI,aAAa,IAAI,KAAK,QAAQ,KAAK;GAC9C,MAAM,QAAQ,iBAAiB;AAC/B,OAAI,CAAC,KAAK,IAAI,MAAM,EAAE;AACpB,SAAK,IAAI,MAAM;AACf,YAAQ,KAAK,MAAM;;;AAGvB,QAAM,KAAK,QAAQ;;CAIrB,MAAM,WAAqB,EAAE;CAC7B,MAAM,4BAAY,IAAI,KAAqB;AAC3C,MAAK,IAAI,IAAI,GAAG,IAAI,MAAM,SAAS,GAAG,KAAK;EACzC,MAAM,IAAI,MAAM;EAChB,MAAM,IAAI,MAAM,IAAI;AACpB,MAAI,MAAM,QAAQ,MAAM,MAAM;AAC5B,YAAS,KAAK,EAAE;AAChB;;EAEF,MAAM,OAAO,GAAG,IAAI;EACpB,IAAI,IAAI,UAAU,IAAI,KAAK;AAC3B,MAAI,MAAM,KAAA,GAAW;GAEnB,MAAM,IAAI,gBADA,oBAAoB,MAAM,SAAS,EAAE,YAAY,YAAY,CAAC,EAC3C,UAAU,WAAW;AAElD,QADkB,EAAE,MAAM,SAAS,IAAI,EAAE,MAAM,GAAI,QAAQ,WAAW,MACrD,WAAW,IAAI,EAAE,IAAI,MAAM,WAAW,IAAI,EAAE,IAAI;AACjE,OAAI,KAAK,IAAI,EAAE,GAAG,KAAO,KAAI;AAC7B,aAAU,IAAI,MAAM,EAAE;;AAExB,WAAS,KAAK,EAAE;;AAGlB,QAAO;EAAE;EAAO;EAAY;EAAU;EAAgB;;;;AClGxD,MAAM,WAAqC;CACzC,UAAU;CACV,SAAS;CACT,SAAS;CACT,iBAAiB;CAClB;AAcD,SAAgB,gBAAgB,MAAc,MAAoB,QAAmC;CACnG,MAAM,WAAW,QAAQ,YAAY,SAAS;CAC9C,MAAM,UAAU,QAAQ,WAAW,SAAS;CAC5C,MAAM,UAAU,QAAQ,WAAW,SAAS;CAC5C,MAAM,kBAAkB,QAAQ,mBAAmB,SAAS;CAE5D,MAAM,QAAQ,UAAU,KAAK;CAC7B,MAAM,UAA2B,EAAE;CACnC,IAAI,SAAS;AACb,MAAK,MAAM,QAAQ,OAAO;EACxB,MAAM,QAAQ,KAAK,UAAU;EAC7B,MAAM,WAAW,CAAC,CAAC;EACnB,MAAM,WAAW,WAAY,MAAM,KAAK,IAAK;AAC7C,UAAQ,KAAK;GAAE;GAAM;GAAQ;GAAU;GAAU,CAAC;AAClD,YAAU;AAGV,MAAI,SAAS,KACX,WAAU;WACD,SAAS,IAClB,WAAU;MAEV,WAAU;;AAId,KAAI,QAAQ,SAAS,GAAG;EACtB,MAAM,WAAW,MAAM,MAAM,SAAS;AAEtC,YADoB,aAAa,OAAO,UAAU,aAAa,MAAM,UAAU;;AAGjF,QAAO;EAAE;EAAS,eAAe,KAAK,IAAI,GAAG,OAAO;EAAE;;;;AChExD,MAAa,WAAW;AACxB,MAAa,eAAe;AAC5B,MAAa,eAAe;AAE5B,MAAa,eAAe;AAC5B,MAAa,qBAAqB;AAClC,MAAa,mBAAmB;AAIhC,IAAI,0BAA0B;AAC9B,SAAgB,wBAAwB;AACtC,KAAI,wBAAyB;AAC7B,2BAA0B;AAC1B,KAAI,OAAO,QAAQ,eAAe,sBAAsB,IACtD,MAAK,MAAM,QAAQ;EAAC;EAAU;EAAc;EAAa,CACvD,KAAI;AACF,MAAI,iBAAiB;GAAE,MAAM;GAAM,QAAQ;GAAY,UAAU;GAAM,cAAc;GAAK,CAAC;SACrF;;;;;;;ACZd,SAAgB,kBACd,KACA,MACA,GACA,UACA,UACA,YACA,OACA,UAA4B,EAAE,EAC9B,OAAO,GACP;CACA,MAAM,cAAc,YAAY,SAAS,OAAO;CAChD,MAAM,eAAe,WAAW,SAAS,SAAS;CAClD,MAAM,iBAAiB,WAAW,SAAS,WAAW;CAGtD,IAAI,KAAK;CACT,IAAI,KAAK;AACT,KAAI,cAAc;EAChB,MAAM,aAAa,aAAa,OAAO,aAAa,QAAQ,WAAW;EACvE,MAAM,YAAY,aAAa,OAAO,aAAa;AACnD,OAAK,YAAY,KAAK,IAAI,aAAa,WAAW,OAAQ,KAAK;AAC/D,OAAK,YAAY,KAAK,IAAI,aAAa,IAAI,OAAQ,OAAO,IAAI;;CAGhE,MAAM,QAAQ,IAAI;CAClB,MAAM,QAAQ,WAAW;CAGzB,IAAI,YAAY;AAChB,KAAI,gBAAgB;EAClB,MAAM,SAAS,eAAe,OAAO;AACrC,MAAI,WAAW,WAAW;GACxB,MAAM,aAAa,eAAe,OAAO,cAAc;GACvD,MAAM,YAAY,eAAe,OAAO,aAAa;AAErD,eAAY,OADC,OAAO,QAAS,IACN,IAAI,WAAW,KAAK,UAAU;aAC5C,MAAM,QAAQ,OAAO,IAAI,OAAO,SAAS,EAClD,aAAY,OAAO,KAAK,MAAM,KAAK,GAAG,OAAO;;AAIjD,KAAI,MAAM;AACV,KAAI,OAAO,GAAG,SAAS,KAAK;AAC5B,KAAI,eAAe;AAGnB,MAAK,MAAM,QAAQ,aAAa;AAC9B,MAAI,MAAM;AACV,MAAI,aAAa,iBAAiB,KAAK,OAAO,UAAU,GAAG,SAAS;AACpE,MAAI,cAAc,KAAK,OAAO,SAAS;AACvC,MAAI,gBAAgB,KAAK,OAAO,WAAW;AAC3C,MAAI,gBAAgB,KAAK,OAAO,WAAW;AAC3C,MAAI,YAAY,KAAK,OAAO,SAAS;AACrC,MAAI,SAAS,MAAM,OAAO,MAAM;AAChC,MAAI,SAAS;;AAIf,KAAI,YAAY;AAChB,KAAI,SAAS,MAAM,OAAO,MAAM;AAEhC,KAAI,SAAS;;;;ACgBf,MAAM,YAAY;AAElB,SAAS,cAAiB,SAA8B,GAA0B;CAChF,MAAM,OAAO,QAAQ,QAAQ;CAC7B,MAAM,OAAO,cAAc,QAAQ,KAAK;CACxC,MAAM,aAAa,MAAM;CACzB,MAAM,QAAQ,QAAQ,SAAS,SAAU,OAAO,QAAQ,SAAS,YAAY,QAAQ,MAAM,SAAS;CACpG,MAAM,cAAc,QAAQ;CAE5B,MAAM,WAAW,QAAQ,OAAO,gBAAgB,MAAM,MAAM,QAAQ,OAAO,CAAC,gBAAgB;CAC5F,MAAM,OACJ,OAAO,QAAQ,SAAS,WACpB,QAAQ,OACR,OAAO,QAAQ,SAAS,YAAY,QAAQ,MAAM,SAAS,eACzD,QAAQ,KAAK,QACb,OAAO,QAAQ,SAAS,YAAY,QAAQ,MAAM,SAAS,iBACxD,QAAQ,KAAK,eAAe,IAC7B;CACV,MAAM,WAAW,WAAW,IAAI,OAAO,WAAW;AAElD,QAAO,EACL,OACA;EACE,eAAe;EACf,OAAO;GACL,UAAU;GACV,UAAU;GACV,OAAO;GACP,QAAQ;GACR,YAAY,cAAc,KAAA;IACzB,eAAe;IACf,WAAW;IACX,eAAe;GACjB;EACF,EACD,EACE,OACA,EAAE,OAAO,EAAE,UAAU,YAAY,EAAE,EACnC,EAAE,QAAQ;EACR,eAAe;EACf,eAAe;EACf,OAAO;GACL,UAAU;GACV,OAAO;GACP,UAAU;GACV,eAAe;GACf,UAAU;GACV,YAAY;GACZ,YAAY;GACZ,YAAY,QACR,uDAAuD,aAAa,WACpE;GACL;EACF,CAAC,EACF,EACE,UACA;EACE,eAAe;EACf,eAAe;EACf,OAAO;GACL,UAAU;GACV,OAAO,aAAa,UAAU;GAC9B,OAAO;GACP,QAAQ,mBAAmB,UAAU;GACrC,eAAe;GACf,UAAU;GACX;EACF,EACD,EACE,QACA;EACE,eAAe;EACf,OAAO;GAAE,SAAS;GAAgB,SAAS,GAAG,UAAU;GAAS;EAClE,EACD,KACD,CACF,EACD,EACE,OACA;EACE,eAAe;EACf,OAAO;GACL,YAAY;GACZ,YAAY;GACZ,cAAc;GACd,cAAc;GACd,qBAAqB,cAAc,KAAA,IAAY;GAC/C,OAAO,cAAc,yBAAyB,KAAA;GAC/C;EACF,EACD,KACD,CACF,CACF;;AAOH,SAAS,iBAAiB,KAAa,OAA4B,GAAG,UAAiD;CACrH,MAAM,KAAK,SAAS,cAAc,IAAI;AACtC,MAAK,MAAM,CAAC,KAAK,UAAU,OAAO,QAAQ,MAAM,CAC9C,KAAI,QAAQ,WAAW,OAAO,UAAU;OACjC,MAAM,CAAC,GAAG,MAAM,OAAO,QAAQ,MAA6B,CAC/D,KAAI,MAAM,KAAA,KAAa,MAAM,KAC3B,KAAI,EAAE,WAAW,KAAK,CACpB,IAAG,MAAM,YAAY,GAAG,OAAO,EAAE,CAAC;MAEjC,IAAG,MAAc,KAAK,OAAO,MAAM,YAAY,MAAM,aAAa,MAAM,WAAW,GAAG,EAAE,MAAM;YAI5F,QAAQ,cACjB,IAAG,aAAa,eAAe,OAAO,MAAM,CAAC;UACpC,IAAI,WAAW,QAAQ,CAChC,IAAG,aAAa,KAAK,OAAO,MAAM,CAAC;AAGvC,MAAK,MAAM,SAAS,SAClB,KAAI,OAAO,UAAU,SACnB,IAAG,YAAY,SAAS,eAAe,MAAM,CAAC;KAE9C,IAAG,YAAY,MAAM;AAGzB,QAAO;;AAOT,SAAS,mBAAmB,MAA+D;AACzF,KAAI,QAAQ,KAAM,QAAO,EAAE,MAAM,gBAAgB;AACjD,KAAI,OAAO,SAAS,SAAU,QAAO;EAAE,MAAM;EAAc,OAAO;EAAM;AACxE,KAAI,SAAS,MAAO,QAAO,EAAE,MAAM,OAAO;AAC1C,QAAO;;AAOT,SAAS,cAAc,MAAmE;AACxF,KAAI,OAAO,SAAS,UAAU;EAC5B,MAAM,SAAS,aAAa,UAAU,KAAK;AAC3C,MAAI,CAAC,OAAQ,OAAM,IAAI,MAAM,2CAA2C,KAAK,8CAA8C;AAC3H,SAAO;;AAET,QAAO;;AAGT,IAAa,eAAb,MAAa,aAAa;CAExB,OAAe,2BAAW,IAAI,KAA2B;;CAGzD,OAAO,eAAe,QAA4B;AAChD,eAAa,SAAS,IAAI,OAAO,QAAQ,OAAO;;;CAIlD,OAAO,UAAU,QAA0C;AACzD,SAAO,aAAa,SAAS,IAAI,OAAO;;CAI1C;CACA;CACA;CACA;CACA;CAGA,QAAgB;CAChB,QAAqC;CACrC,eAA+D,EAAE,MAAM,gBAAgB;CACvF;CACA;CACA;CACA,eAAuB;CACvB;CAGA,mBAA6C,eAAe,KAAA,EAAU;CACtE;CACA,YAA8B;EAAE,SAAS,EAAE;EAAqB,eAAe;EAAG;CAClF,UAAqC;CACrC,aAAqB;CAGrB,kBAA0B;CAC1B,YAAoB;CACpB,cAAsB;CACtB,gBAAwB;CAGxB,gBAAwB;CACxB,WAAmB;CACnB,WAAmB;CACnB,iBAAyB;CACzB,UAAiC;CACjC,SAAiB;CACjB,iBAAyB;CACzB,wBAAgC;CAChC,aAAqB;CAGrB;CACA,OAAsC;;;;;;;;CAStC,OAAO,eAAkB,SAA8B,eAAsC;AAC3F,SAAO,cAAc,SAAS,cAAc;;CAG9C,YAAY,WAAwB,SAAqD;AACvF,yBAAuB;AACvB,OAAK,QAAQ,KAAK,QAAQ,GAAG;AAG7B,MAAI,SAAS,OAAO;AAElB,QAAK,UAAU,UAAU,cAAc,yBAAuB;AAC9D,QAAK,cAAc,UAAU,cAAc,6BAA2B;AACtE,QAAK,YAAY,UAAU,cAAc,2BAAyB;AAClE,QAAK,oBAAoB,UAAU,cAAc,oCAAkC;AACnF,QAAK,aAAa,UAAU,cAAc,4BAA0B;SAC/D;GAEL,MAAM,OAAO,cAAc,WAAW,EAAE,EAAE,iBAAiB;AAC3D,aAAU,YAAY,KAAK;AAC3B,QAAK,UAAU;AACf,QAAK,cAAc,KAAK,cAAc,6BAA2B;AACjE,QAAK,YAAY,KAAK,cAAc,2BAAyB;AAC7D,QAAK,oBAAoB,KAAK,cAAc,oCAAkC;AAC9E,QAAK,aAAa,KAAK,cAAc,4BAA0B;;AAIjE,OAAK,kBAAkB,IAAI,eAAe,KAAK,UAAU;AACzD,OAAK,gBAAgB,QAAQ,KAAK,QAAQ;AAG1C,OAAK,YAAY,iBAAiB,iBAAiB,KAAK,sBAAsB;AAG9E,MAAI,OAAO,WAAW,aAAa;AACjC,QAAK,OAAO,OAAO,WAAW,mCAAmC;AACjE,QAAK,wBAAwB,KAAK,KAAK;AACvC,QAAK,KAAK,iBAAiB,UAAU,KAAK,uBAAuB;;AAInE,OAAK,UAAU;AAGf,MAAI,QAAS,MAAK,OAAO,QAAQ;;CAOnC,IAAI,cAAsB;EACxB,MAAM,KAAK,KAAK;AAChB,MAAI,GAAG,SAAS,MAAO,QAAO,KAAK;AACnC,MAAI,GAAG,SAAS,aAAc,QAAO,GAAG;AACxC,SAAO,KAAK;;CAGd,IAAI,WAAmB;AACrB,SAAO,KAAK,UAAU;;CAGxB,IAAI,YAAqB;AACvB,SAAO,KAAK;;CAGd,IAAI,aAAsB;AACxB,SAAO,KAAK,UAAU,gBAAgB,KAAK,KAAK,eAAe,KAAK,UAAU;;CAGhF,IAAI,UAA0B;AAC5B,SAAO,KAAK;;CAGd,OAAa;AACX,MAAI,KAAK,aAAa,SAAS,eAAgB;AAC/C,OAAK,WAAW;AAChB,OAAK,mBAAmB;;CAG1B,QAAc;AACZ,MAAI,KAAK,aAAa,SAAS,eAAgB;AAC/C,OAAK,WAAW;AAChB,OAAK,mBAAmB;;CAG1B,KAAK,MAAoB;AACvB,MAAI,KAAK,aAAa,SAAS,eAAgB;AAC/C,OAAK,gBAAgB,KAAK,IAAI,GAAG,KAAK,IAAI,MAAM,KAAK,UAAU,cAAc,CAAC;AAC9E,OAAK,kBAAkB;AACvB,OAAK,mBAAmB;AACxB,OAAK,SAAS;AACd,OAAK,sBAAsB;;CAG7B,UAAgB;AACd,MAAI,KAAK,aAAa,SAAS,eAAgB;AAC/C,OAAK,gBAAgB;AACrB,OAAK,WAAW;AAChB,OAAK,iBAAiB;AACtB,OAAK,mBAAmB;AACxB,OAAK,mBAAmB;;CAG1B,OAAO,SAA6C;AAClD,MAAI,KAAK,WAAY;EAErB,IAAI,gBAAgB;EACpB,IAAI,cAAc;EAClB,IAAI,cAAc;EAClB,IAAI,gBAAgB;AAEpB,MAAI,UAAU,WAAW,QAAQ,SAAS,KAAK,OAAO;AACpD,QAAK,QAAQ,QAAQ,QAAQ;AAC7B,mBAAgB;AAChB,iBAAc;;AAGhB,MAAI,UAAU,SAAS;GACrB,MAAM,WAAW,cAAc,QAAQ,KAAK,IAAI;AAChD,OAAI,aAAa,KAAK,OAAO;AAC3B,SAAK,UAAU,SAAS;AACxB,oBAAgB;AAChB,kBAAc;AACd,oBAAgB;;;AAIpB,MAAI,UAAU,SAAS;GACrB,MAAM,QAAQ,mBAAmB,QAAQ,KAAK;GAC9C,MAAM,QAAQ,KAAK;GAGnB,MAAM,cAAc,MAAM,SAAS,MAAM;GACzC,MAAM,yBAAyB,MAAM,SAAS,gBAAgB,MAAM,SAAS,gBAAgB,MAAM,UAAU,MAAM;GACnH,MAAM,sBACJ,MAAM,SAAS,kBACf,MAAM,SAAS,mBACd,MAAM,UAAU,MAAM,SAAS,MAAM,YAAY,MAAM,WAAW,MAAM,SAAS,MAAM,QAAQ,MAAM,YAAY,MAAM;AAE1H,OAAI,eAAe,0BAA0B,qBAAqB;AAChE,SAAK,eAAe;AAEpB,QAAI,MAAM,SAAS,eACjB,MAAK,WAAW,MAAM,WAAW;AAGnC,oBAAgB;AAChB,kBAAc;AAGd,SAAK,2BAA2B;;;AAIpC,MAAI,aAAa,WAAW,QAAQ,YAAY,KAAK,UAAU;AAC7D,QAAK,WAAW,QAAQ;AACxB,QAAK,mBAAmB,eAAe,KAAK,SAAS;AACrD,iBAAc;;AAGhB,MAAI,YAAY,WAAW,QAAQ,WAAW,KAAK,SAAS;AAC1D,QAAK,UAAU,QAAQ;AACvB,mBAAgB;;AAGlB,MAAI,iBAAiB,WAAW,QAAQ,gBAAgB,KAAK,cAAc;AACzE,QAAK,eAAe,QAAQ;AAC5B,iBAAc;;AAGhB,MAAI,iBAAiB,WAAW,QAAQ,gBAAgB,KAAK,cAAc;AACzE,QAAK,eAAe,QAAQ,eAAe;AAC3C,QAAK,qBAAqB;AAC1B,iBAAc;;AAGhB,MAAI,gBAAgB,QAClB,MAAK,cAAc,QAAQ;AAI7B,MAAI,cAAe,MAAK,oBAAoB;AAC5C,MAAI,YAAa,MAAK,kBAAkB;AACxC,MAAI,cAAe,MAAK,mBAAmB;AAC3C,MAAI,eAAe,iBAAiB,aAAa;AAC/C,QAAK,YAAY;AACjB,QAAK,SAAS;;;CAIlB,UAAgB;AACd,OAAK,aAAa;AAClB,OAAK,WAAW;AAChB,OAAK,gBAAgB,YAAY;AACjC,OAAK,YAAY,oBAAoB,iBAAiB,KAAK,sBAAsB;AACjF,OAAK,MAAM,oBAAoB,UAAU,KAAK,uBAAuB;AACrE,OAAK,QAAQ,QAAQ;;;CAQvB,oBAA4B,UAA0B;AACpD,MAAI,KAAK,MACP,SAAS,KAAK,MAAM,WAAW,KAAK,MAAM,aAAa,KAAK,MAAM,aAAc;AAElF,SAAO,WAAW;;CAGpB,WAAyB;EACvB,MAAM,SAAS,iBAAiB,KAAK,QAAQ;AAC7C,OAAK,kBAAkB,KAAK,QAAQ,uBAAuB,CAAC;AAC5D,OAAK,YAAY,OAAO,WAAW,OAAO,SAAS;EACnD,MAAM,WAAW,OAAO,WAAW,OAAO,WAAW;AACrD,OAAK,cAAc,OAAO,MAAM,SAAS,GAAG,KAAK,oBAAoB,KAAK,UAAU,GAAG;AACvF,OAAK,gBAAgB,OAAO;;CAG9B,aAA2B;AAEzB,OAAK,QAAQ,MAAM,aAAa,KAAK,OAAO,UAAU;AAGtD,OAAK,sBAAsB;AAG3B,OAAK,WAAW,cAAc,KAAK;AACnC,OAAK,kBAAkB,cAAc,KAAK;;CAG5C,uBAAqC;EACnC,MAAM,OAAO,KAAK;EAClB,MAAM,MAAM,KAAK,UAAU;AAC3B,OAAK,QAAQ,MAAM,YAAY,cAAc,OAAO,IAAI,CAAC;AACzD,OAAK,QAAQ,MAAM,YAAY,UAAU,OAAO,KAAK,CAAC;AACtD,OAAK,QAAQ,MAAM,YAAY,cAAc,OAAO,MAAM,IAAI,OAAO,MAAM,EAAE,CAAC;;CAGhF,sBAAoC;AAClC,MAAI,KAAK,cAAc;AACrB,QAAK,WAAW,MAAM,sBAAsB;AAC5C,QAAK,WAAW,MAAM,QAAQ;SACzB;AACL,QAAK,WAAW,MAAM,sBAAsB;AAC5C,QAAK,WAAW,MAAM,QAAQ;;;CAIlC,4BAA0C;EACxC,MAAM,QAAQ,KAAK,aAAa,SAAS;AACzC,OAAK,YAAY,MAAM,aAAa,QAChC,uDAAuD,aAAa,WACpE;;CAON,aAAqB,YAAyC;EAC5D,MAAM,QAAQ,QAAQ;AACtB,MAAI,CAAC,MAAO;EACZ,MAAM,WAAW,MAAM,YAAY;EACnC,MAAM,SAAS,iBAAiB,KAAK,QAAQ;EAC7C,MAAM,cAAc,OAAO,WAAW,OAAO,SAAS;EACtD,MAAM,WAAW,OAAO,WAAW,OAAO,WAAW;EACrD,MAAM,gBAAgB,OAAO,MAAM,SAAS,GAAG,KAAK,oBAAoB,YAAY,GAAG;EACvF,MAAM,WAAW,OAAO;EAExB,IAAI,UAAU;EACd,IAAI,gBAAgB;AAEpB,MAAI,aAAa,KAAK,iBAAiB;AACrC,QAAK,kBAAkB;AACvB,mBAAgB;AAChB,aAAU;;AAEZ,MAAI,gBAAgB,KAAK,WAAW;AAClC,QAAK,YAAY;AACjB,mBAAgB;AAChB,aAAU;;AAEZ,MAAI,kBAAkB,KAAK,aAAa;AACtC,QAAK,cAAc;AACnB,mBAAgB;AAChB,aAAU;;AAEZ,MAAI,aAAa,KAAK,eAAe;AACnC,QAAK,gBAAgB;AACrB,aAAU;;AAGZ,MAAI,cAAe,MAAK,kBAAkB;AAC1C,MAAI,QAAS,MAAK,SAAS;;CAG7B,yBAAiC,MAA6B;EAC5D,MAAM,SAAS,iBAAiB,KAAK,YAAY;EACjD,IAAI,UAAU;AAEd,MAAI,EAAE,iBAAiB,eAAe,EAAE,iBAAiB,eAAe;GACtE,MAAM,cAAc,OAAO,WAAW,OAAO,SAAS;GACtD,MAAM,WAAW,OAAO,WAAW,OAAO,WAAW;GACrD,MAAM,gBAAgB,OAAO,MAAM,SAAS,GAAG,KAAK,oBAAoB,YAAY,GAAG;AACvF,OAAI,gBAAgB,KAAK,aAAa,kBAAkB,KAAK,aAAa;AACxE,SAAK,YAAY;AACjB,SAAK,cAAc;AACnB,SAAK,kBAAkB;AACvB,cAAU;;;AAId,MAAI,EAAE,iBAAiB,SAAS;GAC9B,MAAM,WAAW,OAAO;AACxB,OAAI,aAAa,KAAK,eAAe;AACnC,SAAK,gBAAgB;AACrB,cAAU;;;AAId,MAAI,EAAE,iBAAA,qBAA+B;AAEnC,QAAK,WADe,OAAO,OAAO,iBAAiB,aAAa,CAAC,GACnC,KAAK,UAAU;AAC7C,aAAU;;AAGZ,MAAI,QAAS,MAAK,SAAS;;CAO7B,0BAAkC,MAAiC;AACjE,OAAK,wBAAwB,EAAE;AAC/B,MAAI,KAAK,yBAAyB,KAAK,aAAa,SAAS,kBAAkB,KAAK,UAAU,gBAAgB,EAC5G,MAAK,gBAAgB,KAAK,UAAU;AAEtC,OAAK,mBAAmB;AACxB,OAAK,SAAS;;CAOhB,UAAkB,MAAiC;AACjD,OAAK,QAAQ;AACb,OAAK,aAAa;AAElB,MAAI,CAAC,KAAM;EAEX,MAAM,UAAU,WAAW,KAAK,QAAQ,KAAK,QAAQ;AACrD,MAAI,YAAY,MAAM;AACpB,QAAK,aAAa;AAClB;;EAGF,MAAM,cAAc;AACpB,UAAQ,WAAW;AACjB,OAAI,KAAK,UAAU,eAAe,CAAC,KAAK,YAAY;AAClD,SAAK,aAAa;AAClB,SAAK,oBAAoB;AACzB,SAAK,kBAAkB;AACvB,SAAK,mBAAmB;AACxB,SAAK,YAAY;AACjB,SAAK,SAAS;;IAEhB;;CAOJ,qBAAmC;AACjC,MAAI,KAAK,SAAS,KAAK,MACrB,MAAK,YAAY,gBAAgB,KAAK,OAAO,KAAK,OAAO,KAAK,QAAQ;MAEtE,MAAK,YAAY;GAAE,SAAS,EAAE;GAAqB,eAAe;GAAG;;CAIzE,mBAAiC;EAC/B,MAAM,aAAa,KAAK,OAAO;AAC/B,MAAI,KAAK,cAAc,cAAc,KAAK,aAAa,KAAK,mBAAmB,KAAK,MAClF,MAAK,UAAU,kBAAkB,KAAK,OAAO,YAAY,KAAK,WAAW,KAAK,aAAa,KAAK,gBAAgB;MAEhH,MAAK,UAAU;;CAQnB,oBAAkC;AAIhC,MAHW,KAAK,aACK,SAAS,kBAAkB,KAAK,YAAY,CAAC,CAAC,KAAK,SAAS,KAAK,cAAc,CAAC,KAAK,sBAGxG,MAAK,YAAY;MAEjB,MAAK,WAAW;;CAIpB,aAA2B;AACzB,MAAI,KAAK,OAAQ;AACjB,OAAK,UAAU;AACf,OAAK,iBAAiB;AACtB,OAAK,SAAS,sBAAsB,KAAK,MAAM;;CAGjD,YAA0B;AACxB,MAAI,KAAK,QAAQ;AACf,wBAAqB,KAAK,OAAO;AACjC,QAAK,SAAS;;;CAIlB,SAAiB,OAAqB;AACpC,MAAI,KAAK,WAAY;AAErB,MAAI,KAAK,YAAY,KAAM,MAAK,UAAU;EAC1C,MAAM,SAAS,KAAK,KAAK,WAAW;AACpC,OAAK,UAAU;EAEf,MAAM,KAAK,KAAK;AAChB,MAAI,GAAG,SAAS,eAAgB;EAEhC,MAAM,QAAQ,GAAG,SAAS;EAC1B,MAAM,OAAO,GAAG,QAAQ;EACxB,MAAM,UAAU,GAAG,WAAW;EAC9B,MAAM,WAAW,KAAK,UAAU;AAEhC,MAAI,aAAa,KAAM,CAAC,QAAQ,KAAK,iBAAiB,UAAW;AAC/D,QAAK,gBAAgB;AACrB,QAAK,SAAS,sBAAsB,KAAK,MAAM;AAC/C;;EAIF,IAAI,iBAAiB;AACrB,MAAI,UAAU,GAAG;GACf,MAAM,YAAY,KAAK,IAAI,GAAG,WAAW,KAAK,cAAc;GAE5D,MAAM,cAAc,UADL,KAAK,IAAI,GAAG,YAAY,EAAE;GAEzC,MAAM,aAAa;GACnB,MAAM,cAAc,OAAO,KAAK;GAChC,MAAM,OAAO,cAAc,KAAK,iBAAiB,aAAa;AAC9D,QAAK,mBAAmB,cAAc,KAAK,mBAAmB,IAAI,KAAK,IAAI,CAAC,OAAO,MAAM;AACzF,oBAAiB,QAAQ,KAAK;;EAGhC,IAAI,OAAO,KAAK,gBAAgB,QAAQ;AACxC,MAAI,QAAQ,UAAU;AACpB,UAAO,OAAO,OAAO,WAAW;AAChC,QAAK,iBAAiB;;AAExB,OAAK,gBAAgB;AAErB,OAAK,mBAAmB;AACxB,OAAK,kBAAkB;AACvB,OAAK,SAAS;AACd,OAAK,sBAAsB;AAE3B,OAAK,SAAS,sBAAsB,KAAK,MAAM;;CAGjD,oBAAkC;EAChC,MAAM,KAAK,KAAK;AAChB,MAAI,GAAG,SAAS,kBAAkB,GAAG,aACnC,IAAG,aAAa,KAAK,cAAc;;CAIvC,mBAAiC;EAC/B,MAAM,WAAW,KAAK,UAAU,gBAAgB,KAAK,KAAK,eAAe,KAAK,UAAU;AACxF,MAAI,YAAY,CAAC,KAAK,gBAAgB;AACpC,QAAK,iBAAiB;AACtB,QAAK,eAAe;aACX,CAAC,SACV,MAAK,iBAAiB;;CAQ1B,UAAwB;EACtB,MAAM,SAAS,KAAK;EACpB,MAAM,OAAO,KAAK;EAClB,MAAM,SAAS,KAAK;EACpB,MAAM,WAAW,KAAK;AAEtB,MAAI,CAAC,MAAM,aAAa,CAAC,UAAU,CAAC,SAAU;EAE9C,MAAM,MAAM,OAAO,oBAAoB;EACvC,MAAM,aAAa,OAAO,uBAAuB;EACjD,MAAM,IAAI,WAAW;EACrB,MAAM,IAAI,WAAW;AAGrB,MADoB,OAAO,UAAU,KAAK,MAAM,IAAI,IAAI,IAAI,OAAO,WAAW,KAAK,MAAM,IAAI,IAAI,EAChF;AACf,UAAO,QAAQ,KAAK,MAAM,IAAI,IAAI;AAClC,UAAO,SAAS,KAAK,MAAM,IAAI,IAAI;;EAGrC,MAAM,MAAM,OAAO,WAAW,KAAK;AACnC,MAAI,CAAC,IAAK;AAEV,MAAI,aAAa,KAAK,GAAG,GAAG,KAAK,GAAG,EAAE;AACtC,MAAI,UAAU,GAAG,GAAG,GAAG,EAAE;EAEzB,MAAM,OAAO,eAAe;EAC5B,MAAM,aAAa,KAAK;EACxB,MAAM,OAAO,KAAK,IAAI,mBAAmB,WAAW,qBAAqB,WAAW,cAAc,EAAE;AACpG,MAAI,UAAU,MAAM,KAAK;EAEzB,MAAM,QAAQ,KAAK,iBAAiB;EAGpC,MAAM,eAAe,cAFH,KAAK,WAAW,KAAK,aAAa,KAAK,aAC3B,YACkB;EAChD,MAAM,aAAa,UAAU,KAAK,MAAM;EACxC,MAAM,cAAc,KAAK;EAEzB,IAAI,IAAI;AACR,OAAK,MAAM,eAAe,OAAO,OAAO;GACtC,IAAI,IAAI;AACR,QAAK,MAAM,WAAW,aAAa;IACjC,MAAM,OAAO,WAAW;AACxB,QAAI,SAAS,KAAM;IACnB,MAAM,QAAQ,KAAK,UAAU,QAAQ;IACrC,MAAM,YAAY,OAAO,WAAW,YAAY;IAChD,MAAM,UAAU,OAAO,SAAS,YAAY;IAC5C,MAAM,QAAQ,KAAK,UAAU;AAE7B,QAAI,SAAS,MAAM,UAAU;KAC3B,MAAM,YAAY,KAAK,IAAI,GAAG,KAAK,IAAI,cAAc,MAAM,QAAQ,MAAM,SAAS,CAAC;KACnF,MAAM,SAAS,IAAI;AACnB,eACE,KACA,OACA;MACE;MACA,GAAG;MACH;MACA,YAAY,KAAK;MACjB,UAAU,KAAK;MACf,WAAW,KAAK;MACjB,EACD,WACA,KAAK,SACL,OACA,KAAK,kBACL,KAAK,QAAQ,SACb,KAAK,aACN;eACQ,CAAC,MAAM,YAAY,eAAe,MAAM,SAAS,MAAM,UAAU;KAC1E,MAAM,WAAW,IAAI,cAAe,KAAK,WAAW,KAAK,aAAc;AACvE,uBAAkB,KAAK,MAAM,GAAG,UAAU,UAAU,KAAK,QAAQ,OAAO,KAAK,kBAAkB,KAAK,QAAQ,QAAQ;;AAGtH,UAAM,YAAY,WAAW;;AAE/B,QAAK"}