framefields 2.0.10 → 2.1.0

package/dist/{dist-BFjSQP7i.mjs → dist-DlzqyRar.mjs}

@@ -1,6 +1,6 @@
-import { Ft as resolveMediaMimeType, Kt as updateClockSignals, Ot as isSignal, bt as getActiveMediaMetadata, f as DEFAULT_DURATION_MS, wt as getMediaType } from "./dist-B9Afsv83.mjs";
-import { i as webgpuRegistry, t as audioRegistry } from "./renderer-CtVkU_GA.mjs";
-import { A as drawLottieNode, B as inputStore, D as drawCaptionNode, L as getHeadlessFontPath, M as drawSignalNode, N as drawSvgNode, O as drawGifNode, P as drawVideoNode, at as GetFontAssetUrl, b as SlugGeometry, et as registerHeadlessFont, j as drawParagraphNode, k as drawImageNode, nt as signalRegistry, ot as getEnv, st as resolveMediaSourceUrl, tt as shaderStore, y as SlugFontCache } from "./dist-B9PkqWnN.mjs";
+import { Ot as getMediaType, Pt as isSignal, on as updateClockSignals, p as DEFAULT_DURATION_MS, qt as resolveMediaMimeType, wt as getActiveMediaMetadata } from "./dist-fjKpBYkc.mjs";
+import { t as audioRegistry, u as webgpuRegistry } from "./renderer-BSitV56h.mjs";
+import { A as getHeadlessFontPath, An as signalRegistry, C as drawParagraphNode, E as drawVideoNode, J as registerHeadlessFont, P as inputStore, S as drawLottieNode, T as drawSvgNode, X as shaderStore, b as drawGifNode, et as GetFontAssetUrl, m as SlugGeometry, nt as resolveMediaSourceUrl, p as SlugFontCache, tt as getEnv, w as drawSignalNode, x as drawImageNode, y as drawCaptionNode } from "./dist-Bun_TUvZ.mjs";
 import { AudioSampleSink } from "mediabunny";
 
 //#region ../renderers/dist/index.mjs
@@ -166,531 +166,6 @@ function interpolate(value, inputRange, outputRange, options) {
 	if (options?.easing) progress = options.easing(progress);
 	return y0 + progress * (y1 - y0);
 }
-const Vector3Math = {
-	create(x = 0, y = 0, z = 0) {
-		return [
-			x,
-			y,
-			z
-		];
-	},
-	copy(v) {
-		return [
-			v[0],
-			v[1],
-			v[2]
-		];
-	},
-	set(out, x, y, z) {
-		out[0] = x;
-		out[1] = y;
-		out[2] = z;
-		return out;
-	},
-	add(a, b) {
-		return [
-			a[0] + b[0],
-			a[1] + b[1],
-			a[2] + b[2]
-		];
-	},
-	subtract(a, b) {
-		return [
-			a[0] - b[0],
-			a[1] - b[1],
-			a[2] - b[2]
-		];
-	},
-	multiplyScalar(v, s) {
-		return [
-			v[0] * s,
-			v[1] * s,
-			v[2] * s
-		];
-	},
-	dot(a, b) {
-		return a[0] * b[0] + a[1] * b[1] + a[2] * b[2];
-	},
-	cross(a, b) {
-		return [
-			a[1] * b[2] - a[2] * b[1],
-			a[2] * b[0] - a[0] * b[2],
-			a[0] * b[1] - a[1] * b[0]
-		];
-	},
-	lengthSq(v) {
-		return v[0] * v[0] + v[1] * v[1] + v[2] * v[2];
-	},
-	length(v) {
-		return Math.hypot(v[0], v[1], v[2]);
-	},
-	distance(a, b) {
-		return Math.hypot(a[0] - b[0], a[1] - b[1], a[2] - b[2]);
-	},
-	normalize(v) {
-		const len = Math.hypot(v[0], v[1], v[2]);
-		if (len === 0) return [
-			0,
-			0,
-			0
-		];
-		const inv = 1 / len;
-		return [
-			v[0] * inv,
-			v[1] * inv,
-			v[2] * inv
-		];
-	},
-	lerp(a, b, t) {
-		return [
-			a[0] + (b[0] - a[0]) * t,
-			a[1] + (b[1] - a[1]) * t,
-			a[2] + (b[2] - a[2]) * t
-		];
-	},
-	equals(a, b, epsilon = 1e-6) {
-		return Math.abs(a[0] - b[0]) <= epsilon && Math.abs(a[1] - b[1]) <= epsilon && Math.abs(a[2] - b[2]) <= epsilon;
-	}
-};
-/**
-* Column-major 4x4 matrix mathematics for WebGPU 3D rendering and camera projections.
-* Memory layout matches WGSL `mat4x4<f32>`:
-* [ 0,  4,  8, 12 ]
-* [ 1,  5,  9, 13 ]
-* [ 2,  6, 10, 14 ]
-* [ 3,  7, 11, 15 ]
-*/
-const Matrix4Math = {
-	identity() {
-		return [
-			1,
-			0,
-			0,
-			0,
-			0,
-			1,
-			0,
-			0,
-			0,
-			0,
-			1,
-			0,
-			0,
-			0,
-			0,
-			1
-		];
-	},
-	copy(m) {
-		return [...m];
-	},
-	multiply(a, b) {
-		const out = new Array(16);
-		for (let row = 0; row < 4; row++) for (let col = 0; col < 4; col++) out[col * 4 + row] = a[0 + row] * b[col * 4 + 0] + a[4 + row] * b[col * 4 + 1] + a[8 + row] * b[col * 4 + 2] + a[12 + row] * b[col * 4 + 3];
-		return out;
-	},
-	translate(tx, ty, tz = 0) {
-		return [
-			1,
-			0,
-			0,
-			0,
-			0,
-			1,
-			0,
-			0,
-			0,
-			0,
-			1,
-			0,
-			tx,
-			ty,
-			tz,
-			1
-		];
-	},
-	scale(sx, sy, sz = 1) {
-		return [
-			sx,
-			0,
-			0,
-			0,
-			0,
-			sy,
-			0,
-			0,
-			0,
-			0,
-			sz,
-			0,
-			0,
-			0,
-			0,
-			1
-		];
-	},
-	rotateX(rad) {
-		const c = Math.cos(rad);
-		const s = Math.sin(rad);
-		return [
-			1,
-			0,
-			0,
-			0,
-			0,
-			c,
-			s,
-			0,
-			0,
-			-s,
-			c,
-			0,
-			0,
-			0,
-			0,
-			1
-		];
-	},
-	rotateY(rad) {
-		const c = Math.cos(rad);
-		const s = Math.sin(rad);
-		return [
-			c,
-			0,
-			-s,
-			0,
-			0,
-			1,
-			0,
-			0,
-			s,
-			0,
-			c,
-			0,
-			0,
-			0,
-			0,
-			1
-		];
-	},
-	rotateZ(rad) {
-		const c = Math.cos(rad);
-		const s = Math.sin(rad);
-		return [
-			c,
-			s,
-			0,
-			0,
-			-s,
-			c,
-			0,
-			0,
-			0,
-			0,
-			1,
-			0,
-			0,
-			0,
-			0,
-			1
-		];
-	},
-	rotateAxis(axis, rad) {
-		const norm = Vector3Math.normalize(axis);
-		const x = norm[0];
-		const y = norm[1];
-		const z = norm[2];
-		const c = Math.cos(rad);
-		const s = Math.sin(rad);
-		const t = 1 - c;
-		return [
-			t * x * x + c,
-			t * x * y + s * z,
-			t * x * z - s * y,
-			0,
-			t * x * y - s * z,
-			t * y * y + c,
-			t * y * z + s * x,
-			0,
-			t * x * z + s * y,
-			t * y * z - s * x,
-			t * z * z + c,
-			0,
-			0,
-			0,
-			0,
-			1
-		];
-	},
-	lookAt(eye, target, up = [
-		0,
-		-1,
-		0
-	]) {
-		let f = Vector3Math.subtract(target, eye);
-		if (Vector3Math.lengthSq(f) === 0) f = [
-			0,
-			0,
-			1
-		];
-		else f = Vector3Math.normalize(f);
-		let r = Vector3Math.cross(f, up);
-		if (Vector3Math.lengthSq(r) === 0) r = [
-			1,
-			0,
-			0
-		];
-		else r = Vector3Math.normalize(r);
-		const u = Vector3Math.cross(r, f);
-		return [
-			r[0],
-			u[0],
-			f[0],
-			0,
-			r[1],
-			u[1],
-			f[1],
-			0,
-			r[2],
-			u[2],
-			f[2],
-			0,
-			-Vector3Math.dot(r, eye),
-			-Vector3Math.dot(u, eye),
-			-Vector3Math.dot(f, eye),
-			1
-		];
-	},
-	perspective(fovYRad, aspect, near, far) {
-		const f = 1 / Math.tan(fovYRad / 2);
-		const rangeInv = 1 / (far - near);
-		return [
-			f / aspect,
-			0,
-			0,
-			0,
-			0,
-			f,
-			0,
-			0,
-			0,
-			0,
-			far * rangeInv,
-			1,
-			0,
-			0,
-			-near * far * rangeInv,
-			0
-		];
-	},
-	orthographic(left, right, bottom, top, near, far) {
-		const lr = 1 / (right - left);
-		const bt = 1 / (top - bottom);
-		const nf = 1 / (far - near);
-		return [
-			2 * lr,
-			0,
-			0,
-			0,
-			0,
-			2 * bt,
-			0,
-			0,
-			0,
-			0,
-			nf,
-			0,
-			-(right + left) * lr,
-			-(top + bottom) * bt,
-			-near * nf,
-			1
-		];
-	},
-	invert(m) {
-		const inv = new Array(16);
-		inv[0] = m[5] * m[10] * m[15] - m[5] * m[11] * m[14] - m[9] * m[6] * m[15] + m[9] * m[7] * m[14] + m[13] * m[6] * m[11] - m[13] * m[7] * m[10];
-		inv[4] = -m[4] * m[10] * m[15] + m[4] * m[11] * m[14] + m[8] * m[6] * m[15] - m[8] * m[7] * m[14] - m[12] * m[6] * m[11] + m[12] * m[7] * m[10];
-		inv[8] = m[4] * m[9] * m[15] - m[4] * m[11] * m[13] - m[8] * m[5] * m[15] + m[8] * m[7] * m[13] + m[12] * m[5] * m[11] - m[12] * m[7] * m[9];
-		inv[12] = -m[4] * m[9] * m[14] + m[4] * m[10] * m[13] + m[8] * m[5] * m[14] - m[8] * m[6] * m[13] - m[12] * m[5] * m[10] + m[12] * m[6] * m[9];
-		inv[1] = -m[1] * m[10] * m[15] + m[1] * m[11] * m[14] + m[9] * m[2] * m[15] - m[9] * m[3] * m[14] - m[13] * m[2] * m[11] + m[13] * m[3] * m[10];
-		inv[5] = m[0] * m[10] * m[15] - m[0] * m[11] * m[14] - m[8] * m[2] * m[15] + m[8] * m[3] * m[14] + m[12] * m[2] * m[11] - m[12] * m[3] * m[10];
-		inv[9] = -m[0] * m[9] * m[15] + m[0] * m[11] * m[13] + m[8] * m[1] * m[15] - m[8] * m[3] * m[13] - m[12] * m[1] * m[11] + m[12] * m[3] * m[9];
-		inv[13] = m[0] * m[9] * m[14] - m[0] * m[10] * m[13] - m[8] * m[1] * m[14] + m[8] * m[2] * m[13] + m[12] * m[1] * m[10] - m[12] * m[2] * m[9];
-		inv[2] = m[1] * m[6] * m[15] - m[1] * m[7] * m[14] - m[5] * m[2] * m[15] + m[5] * m[3] * m[14] + m[13] * m[2] * m[7] - m[13] * m[3] * m[6];
-		inv[6] = -m[0] * m[6] * m[15] + m[0] * m[7] * m[14] + m[4] * m[2] * m[15] - m[4] * m[3] * m[14] - m[12] * m[2] * m[7] + m[12] * m[3] * m[6];
-		inv[10] = m[0] * m[5] * m[15] - m[0] * m[7] * m[13] - m[4] * m[1] * m[15] + m[4] * m[3] * m[13] + m[12] * m[1] * m[7] - m[12] * m[3] * m[5];
-		inv[14] = -m[0] * m[5] * m[14] + m[0] * m[6] * m[13] + m[4] * m[1] * m[14] - m[4] * m[2] * m[13] - m[12] * m[1] * m[6] + m[12] * m[2] * m[5];
-		inv[3] = -m[1] * m[6] * m[11] + m[1] * m[7] * m[10] + m[5] * m[2] * m[11] - m[5] * m[3] * m[10] - m[9] * m[2] * m[7] + m[9] * m[3] * m[6];
-		inv[7] = m[0] * m[6] * m[11] - m[0] * m[7] * m[10] - m[4] * m[2] * m[11] + m[4] * m[3] * m[10] + m[8] * m[2] * m[7] - m[8] * m[3] * m[6];
-		inv[11] = -m[0] * m[5] * m[11] + m[0] * m[7] * m[9] + m[4] * m[1] * m[11] - m[4] * m[3] * m[9] - m[8] * m[1] * m[7] + m[8] * m[3] * m[5];
-		inv[15] = m[0] * m[5] * m[10] - m[0] * m[6] * m[9] - m[4] * m[1] * m[10] + m[4] * m[2] * m[9] + m[8] * m[1] * m[6] - m[8] * m[2] * m[5];
-		let det = m[0] * inv[0] + m[1] * inv[4] + m[2] * inv[8] + m[3] * inv[12];
-		if (Math.abs(det) < 1e-12) return null;
-		det = 1 / det;
-		for (let i = 0; i < 16; i++) inv[i] *= det;
-		return inv;
-	},
-	transpose(m) {
-		return [
-			m[0],
-			m[4],
-			m[8],
-			m[12],
-			m[1],
-			m[5],
-			m[9],
-			m[13],
-			m[2],
-			m[6],
-			m[10],
-			m[14],
-			m[3],
-			m[7],
-			m[11],
-			m[15]
-		];
-	},
-	projectPoint(m, p) {
-		const x = p[0];
-		const y = p[1];
-		const z = p[2];
-		const X = m[0] * x + m[4] * y + m[8] * z + m[12];
-		const Y$1 = m[1] * x + m[5] * y + m[9] * z + m[13];
-		const Z = m[2] * x + m[6] * y + m[10] * z + m[14];
-		const W = m[3] * x + m[7] * y + m[11] * z + m[15];
-		const wInv = Math.abs(W) > 1e-6 ? 1 / W : 1;
-		return [
-			X * wInv,
-			Y$1 * wInv,
-			Z * wInv
-		];
-	},
-	projectRectangle(m, width, height) {
-		return [
-			Matrix4Math.projectPoint(m, [
-				0,
-				0,
-				0
-			]),
-			Matrix4Math.projectPoint(m, [
-				width,
-				0,
-				0
-			]),
-			Matrix4Math.projectPoint(m, [
-				width,
-				height,
-				0
-			]),
-			Matrix4Math.projectPoint(m, [
-				0,
-				height,
-				0
-			])
-		];
-	},
-	toFloat32Array(m) {
-		return new Float32Array(m);
-	}
-};
-/**
-* WebGPU 3D Lighting & Material Shading engine.
-* Supports Ambient, Directional, Point, and Spot light sources,
-* normal matrix computation for non-uniform surface scaling,
-* and binary uniform buffer packing for WGSL shaders.
-*/
-const MAX_LIGHTS = 8;
-const LIGHT_UNIFORM_SIZE_BYTES = 544;
-/**
-* Parses CSS / hex / rgb color strings, arrays, or color objects into normalized linear [r, g, b] floats in [0, 1].
-*/
-function parseColorToRgb(color) {
-	if (!color) return [
-		1,
-		1,
-		1
-	];
-	if (Array.isArray(color)) {
-		const r = color[0] ?? 1;
-		const g = color[1] ?? 1;
-		const b = color[2] ?? 1;
-		return [
-			r > 1 ? r / 255 : r,
-			g > 1 ? g / 255 : g,
-			b > 1 ? b / 255 : b
-		];
-	}
-	if (typeof color === "object" && color !== null) {
-		const r = color.r ?? 1;
-		const g = color.g ?? 1;
-		const b = color.b ?? 1;
-		return [
-			r > 1 ? r / 255 : r,
-			g > 1 ? g / 255 : g,
-			b > 1 ? b / 255 : b
-		];
-	}
-	if (typeof color !== "string") return [
-		1,
-		1,
-		1
-	];
-	const str = color.trim().toLowerCase();
-	if (str.startsWith("#")) {
-		const hex = str.slice(1);
-		if (hex.length === 3) return [
-			Number.parseInt(hex[0] + hex[0], 16) / 255,
-			Number.parseInt(hex[1] + hex[1], 16) / 255,
-			Number.parseInt(hex[2] + hex[2], 16) / 255
-		];
-		if (hex.length >= 6) return [
-			Number.parseInt(hex.slice(0, 2), 16) / 255,
-			Number.parseInt(hex.slice(2, 4), 16) / 255,
-			Number.parseInt(hex.slice(4, 6), 16) / 255
-		];
-	}
-	const rgbMatch = str.match(/rgba?\s*\(\s*([\d.]+)\s*,\s*([\d.]+)\s*,\s*([\d.]+)/);
-	if (rgbMatch) {
-		const r = Number.parseFloat(rgbMatch[1]) / 255;
-		const g = Number.parseFloat(rgbMatch[2]) / 255;
-		const b = Number.parseFloat(rgbMatch[3]) / 255;
-		return [
-			Math.max(0, Math.min(1, r)),
-			Math.max(0, Math.min(1, g)),
-			Math.max(0, Math.min(1, b))
-		];
-	}
-	const hslMatch = str.match(/hsla?\s*\(\s*([\d.]+)\s*,\s*([\d.]+)%?\s*,\s*([\d.]+)%?/);
-	if (hslMatch) return hslToRgb(Number.parseFloat(hslMatch[1]) / 360, Number.parseFloat(hslMatch[2]) / 100, Number.parseFloat(hslMatch[3]) / 100);
-	return [
-		1,
-		1,
-		1
-	];
-}
-function hslToRgb(h, s, l) {
-	if (s === 0) return [
-		l,
-		l,
-		l
-	];
-	const hue2rgb = (p$1, q$1, t) => {
-		let tt = t;
-		if (tt < 0) tt += 1;
-		if (tt > 1) tt -= 1;
-		if (tt < 1 / 6) return p$1 + (q$1 - p$1) * 6 * tt;
-		if (tt < 1 / 2) return q$1;
-		if (tt < 2 / 3) return p$1 + (q$1 - p$1) * (2 / 3 - tt) * 6;
-		return p$1;
-	};
-	const q = l < .5 ? l * (1 + s) : l + s - l * s;
-	const p = 2 * l - q;
-	return [
-		hue2rgb(p, q, h + 1 / 3),
-		hue2rgb(p, q, h),
-		hue2rgb(p, q, h - 1 / 3)
-	];
-}
 /**
 * Preloads a font into the browser or headless environment.
 */
@@ -949,7 +424,7 @@ function measureText(text, style) {
 		cache.set(cacheKey, result$1);
 		return result$1;
 	}
-	const measured = SlugGeometry.measure(safeText, slugFont, fontSize, letterSpacing, calculatedLineHeight, style.width !== void 0 ? Math.max(0, style.width - padding * 2) : void 0, style.spans);
+	const measured = SlugGeometry.measure(safeText, slugFont, fontSize, letterSpacing, calculatedLineHeight, style.width !== void 0 ? Math.max(0, style.width - padding * 2) : void 0, style.spans, style.direction);
 	const result = {
 		width: style.width !== void 0 && !style.keepNaturalWidth ? style.width : Math.ceil(measured.width) + padding * 2,
 		height: style.height !== void 0 ? style.height : Math.ceil(measured.height) + padding * 2
@@ -969,7 +444,7 @@ function measureTextAsync(text, style) {
 }
 
 //#endregion
-//#region ../compositions/dist/layer-logic-DBs4NHoi.mjs
+//#region ../compositions/dist/layer-logic-BhwmzPIV.mjs
 const BASE_URL = getEnv("BASE_URL");
 const CDN_DOMAIN = getEnv("R2_CUSTOM_DOMAIN");
 /**
@@ -1059,6 +534,52 @@ function resolveSignalOperation(virtualMedia, frameCtx) {
 		operation: resolved
 	};
 }
+/** The paragraph props a text operation maps to, shared by both text paths. */
+function paragraphPropsFromTextOp(opText, props, timing) {
+	return {
+		text: opText.text || "",
+		dstRect: {
+			x: Number(opText.x ?? 0),
+			y: Number(opText.y ?? 0),
+			width: Number(opText.width ?? timing.containerWidth),
+			height: Number(opText.height ?? timing.containerHeight)
+		},
+		fontFamily: opText.fontFamily,
+		fontSize: Number(opText.fontSize ?? 48),
+		color: opText.fill ?? opText.color ?? "white",
+		width: opText.width ? Number(opText.width) : void 0,
+		height: opText.height ? Number(opText.height) : void 0,
+		lineHeight: Number(opText.lineHeight ?? 1.2),
+		align: opText.align,
+		direction: opText.direction,
+		verticalAlign: opText.verticalAlign,
+		fontWeight: opText.fontWeight,
+		fontStyle: opText.fontStyle,
+		letterSpacing: opText.letterSpacing,
+		shadows: opText.shadows,
+		textBackgroundColor: opText.textBackgroundColor,
+		padding: opText.padding != null ? Number(opText.padding) : void 0,
+		stroke: opText.stroke,
+		strokeWidth: opText.strokeWidth ?? opText.strokeThickness ? Number(opText.strokeWidth ?? opText.strokeThickness) : void 0,
+		strokeAlign: opText.strokeAlign,
+		opacity: Number(opText.opacity ?? 1) * Number(props.opacity ?? 1),
+		isHeadless: props.isHeadless,
+		animation: opText.animation ?? opText.textAnimation,
+		animators: opText.animators,
+		pathOptions: opText.pathOptions,
+		typewriter: opText.typewriter,
+		marquee: opText.marquee,
+		signals: props.signals ?? opText.signals,
+		firstMargin: opText.firstMargin != null ? Number(opText.firstMargin) : void 0,
+		lastMargin: opText.lastMargin != null ? Number(opText.lastMargin) : void 0,
+		baselineShift: opText.baselineShift != null ? Number(opText.baselineShift) : void 0,
+		frame: timing.frame,
+		fps: timing.fps,
+		durationMs: timing.durationMs,
+		elapsedMs: timing.elapsedMs,
+		isVideoMode: props.isVideoMode
+	};
+}
 async function drawCompositionTree(ctx, encoder, targetView, targetTexture, targetWidth, targetHeight, virtualMedia, props, inheritedSeekOffset = 0, inheritedClockOffset = 0) {
 	const fps = props.fps ?? 24;
 	const op = virtualMedia.operation;
@@ -1257,7 +778,8 @@ async function drawCompositionTree(ctx, encoder, targetView, targetTexture, targ
 					frame: segmentLocalFrame + Math.round(accumulatedSeekOffsetSec * fps),
 					fps,
 					opacity: Number(op.opacity ?? 1) * Number(props.opacity ?? 1),
-					isHeadless: props.isHeadless
+					isHeadless: props.isHeadless,
+					dpr: typeof props.dpr === "number" ? props.dpr : typeof op.dpr === "number" ? op.dpr : void 0
 				});
 				else if (mediaType === "GIF") await drawGifNode(ctx, pass, {
 					src: params.sourceUrl,
@@ -1275,48 +797,16 @@ async function drawCompositionTree(ctx, encoder, targetView, targetTexture, targ
 				else if (mediaType === "Text") {
 					const opText = { ...op };
 					drawParagraphNode(ctx, pass, {
-						text: opText.text || "",
-						dstRect: {
-							x: Number(opText.x ?? 0),
-							y: Number(opText.y ?? 0),
-							width: Number(opText.width ?? containerWidth),
-							height: Number(opText.height ?? containerHeight)
-						},
-						fontFamily: opText.fontFamily,
-						fontSize: Number(opText.fontSize ?? 48),
-						color: opText.fill ?? opText.color ?? "white",
-						width: opText.width ? Number(opText.width) : void 0,
-						height: opText.height ? Number(opText.height) : void 0,
-						lineHeight: Number(opText.lineHeight ?? 1.2),
-						align: opText.align,
-						verticalAlign: opText.verticalAlign,
-						fontWeight: opText.fontWeight,
-						fontStyle: opText.fontStyle,
-						letterSpacing: opText.letterSpacing,
-						shadows: opText.shadows,
-						textBackgroundColor: opText.textBackgroundColor,
+						...paragraphPropsFromTextOp(opText, props, {
+							containerWidth,
+							containerHeight,
+							frame: localFrame,
+							fps,
+							durationMs: resolvedDurationMs,
+							elapsedMs: resolvedElapsedMs
+						}),
 						borderRadius: opText.borderRadius != null ? Number(opText.borderRadius) : void 0,
-						padding: opText.padding != null ? Number(opText.padding) : void 0,
-						stroke: opText.stroke,
-						strokeWidth: opText.strokeWidth ?? opText.strokeThickness ? Number(opText.strokeWidth ?? opText.strokeThickness) : void 0,
-						strokeAlign: opText.strokeAlign,
-						opacity: Number(opText.opacity ?? 1) * Number(props.opacity ?? 1),
-						isHeadless: props.isHeadless,
-						animation: opText.animation ?? opText.textAnimation,
-						animators: opText.animators,
-						pathOptions: opText.pathOptions,
-						typewriter: opText.typewriter,
-						marquee: opText.marquee,
-						textProgress: opText.textProgress != null ? Number(opText.textProgress) : void 0,
-						signals: props.signals ?? opText.signals,
-						firstMargin: opText.firstMargin != null ? Number(opText.firstMargin) : void 0,
-						lastMargin: opText.lastMargin != null ? Number(opText.lastMargin) : void 0,
-						baselineShift: opText.baselineShift != null ? Number(opText.baselineShift) : void 0,
-						frame: localFrame,
-						fps,
-						durationMs: resolvedDurationMs,
-						elapsedMs: resolvedElapsedMs,
-						isVideoMode: props.isVideoMode
+						textProgress: opText.textProgress != null ? Number(opText.textProgress) : void 0
 					});
 				} else if (mediaType === "Video") {
 					const finalPlaybackRate = Math.max(.01, (Number(props.playbackRateOverride) || 1) * (Number(params.speed) || 1));
@@ -1359,7 +849,8 @@ async function drawCompositionTree(ctx, encoder, targetView, targetTexture, targ
 						fontSize: Number(opCap.fontSize ?? 48),
 						color: opCap.fill ?? opCap.color ?? "white",
 						lineHeight: Number(opCap.lineHeight ?? 1.2),
-						align: opCap.align === "start" ? "left" : opCap.align === "end" ? "right" : opCap.align ?? "center",
+						align: opCap.align ?? "center",
+						direction: opCap.direction,
 						textAlignVertical: opCap.verticalAlign ?? opCap.textAlignVertical,
 						fontWeight: opCap.fontWeight,
 						fontStyle: opCap.fontStyle,
@@ -1380,53 +871,19 @@ async function drawCompositionTree(ctx, encoder, targetView, targetTexture, targ
 			}
 		} else if (op.op === "text") {
 			const opText = { ...op };
-			const containerWidth = props.containerWidth ?? ctx.surface.width;
-			const containerHeight = props.containerHeight ?? ctx.surface.height;
 			drawParagraphNode(ctx, pass, {
+				...paragraphPropsFromTextOp(opText, props, {
+					containerWidth: props.containerWidth ?? ctx.surface.width,
+					containerHeight: props.containerHeight ?? ctx.surface.height,
+					frame: localFrame,
+					fps,
+					durationMs: resolvedDurationMs,
+					elapsedMs: resolvedElapsedMs
+				}),
 				renderId: props.renderId,
-				text: opText.text || "",
-				dstRect: {
-					x: Number(opText.x ?? 0),
-					y: Number(opText.y ?? 0),
-					width: Number(opText.width ?? containerWidth),
-					height: Number(opText.height ?? containerHeight)
-				},
 				spans: opText.spans,
-				fontFamily: opText.fontFamily,
-				fontSize: Number(opText.fontSize ?? 48),
-				color: opText.fill ?? opText.color ?? "white",
-				width: opText.width ? Number(opText.width) : void 0,
-				height: opText.height ? Number(opText.height) : void 0,
-				lineHeight: Number(opText.lineHeight ?? 1.2),
-				align: opText.align,
-				verticalAlign: opText.verticalAlign,
-				fontWeight: opText.fontWeight,
-				fontStyle: opText.fontStyle,
-				letterSpacing: opText.letterSpacing,
-				shadows: opText.shadows,
-				textBackgroundColor: opText.textBackgroundColor,
 				borderRadius: (opText.borderRadius ?? opText.strokeRadius) != null ? Number(opText.borderRadius ?? opText.strokeRadius) : void 0,
-				strokeRadius: (opText.strokeRadius ?? opText.borderRadius) != null ? Number(opText.strokeRadius ?? opText.borderRadius) : void 0,
-				padding: opText.padding != null ? Number(opText.padding) : void 0,
-				stroke: opText.stroke,
-				strokeWidth: opText.strokeWidth ?? opText.strokeThickness ? Number(opText.strokeWidth ?? opText.strokeThickness) : void 0,
-				strokeAlign: opText.strokeAlign,
-				opacity: Number(opText.opacity ?? 1) * Number(props.opacity ?? 1),
-				isHeadless: props.isHeadless,
-				animation: opText.animation ?? opText.textAnimation,
-				animators: opText.animators,
-				pathOptions: opText.pathOptions,
-				typewriter: opText.typewriter,
-				marquee: opText.marquee,
-				signals: props.signals ?? opText.signals,
-				firstMargin: opText.firstMargin != null ? Number(opText.firstMargin) : void 0,
-				lastMargin: opText.lastMargin != null ? Number(opText.lastMargin) : void 0,
-				baselineShift: opText.baselineShift != null ? Number(opText.baselineShift) : void 0,
-				frame: localFrame,
-				fps,
-				durationMs: resolvedDurationMs,
-				elapsedMs: resolvedElapsedMs,
-				isVideoMode: props.isVideoMode
+				strokeRadius: (opText.strokeRadius ?? opText.borderRadius) != null ? Number(opText.strokeRadius ?? opText.borderRadius) : void 0
 			});
 		}
 		pass.end();
@@ -1908,5 +1365,5 @@ async function mixAudioTracks(virtualMedia, fps, targetSampleRate = 48e3, device
 }
 
 //#endregion
-export { springCalculation as C, spring as S, measureTextAsync as _, resolveLayerDuration as a, preloadFont as b, MAX_LIGHTS as c, bezier as d, computeStrokeRect as f, measureText as g, measureSpring as h, mixAudioTracks as i, Matrix4Math as l, mapBlendModeToSkia as m, decodeAudioSource as n, Easing as o, interpolate as p, drawCompositionTree as r, LIGHT_UNIFORM_SIZE_BYTES as s, compositionStateStore as t, Vector3Math as u, parseColorToRgb as v, requiresIsolation as x, preloadCompositionFonts as y };
-//# sourceMappingURL=dist-BFjSQP7i.mjs.map
+export { spring as _, resolveLayerDuration as a, computeStrokeRect as c, measureSpring as d, measureText as f, requiresIsolation as g, preloadFont as h, mixAudioTracks as i, interpolate as l, preloadCompositionFonts as m, decodeAudioSource as n, Easing as o, measureTextAsync as p, drawCompositionTree as r, bezier as s, compositionStateStore as t, mapBlendModeToSkia as u, springCalculation as v };
+//# sourceMappingURL=dist-DlzqyRar.mjs.map