framefields 2.0.11 → 2.1.1

package/dist/{dist-BAVZdFEJ.mjs → dist-Bb8BoMiw.mjs}

@@ -1,6 +1,6 @@
-import { Ot as getMediaType, Pt as isSignal, on as updateClockSignals, p as DEFAULT_DURATION_MS, qt as resolveMediaMimeType, wt as getActiveMediaMetadata } from "./dist-CbG3QxDw.mjs";
-import { i as webgpuRegistry, t as audioRegistry } from "./renderer-CtVkU_GA.mjs";
-import { A as drawLottieNode, D as drawCaptionNode, L as getHeadlessFontPath, M as drawSignalNode, N as drawSvgNode, O as drawGifNode, P as drawVideoNode, V as inputStore, b as SlugGeometry, ct as resolveMediaSourceUrl, j as drawParagraphNode, k as drawImageNode, nt as shaderStore, ot as GetFontAssetUrl, rt as signalRegistry, st as getEnv, tt as registerHeadlessFont, y as SlugFontCache } from "./dist-Cxi68OuY.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-DkuDAIrG.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();
@@ -1531,7 +988,7 @@ function normalizeTimeline(vv, fps, context = { timeOffsetSec: 0 }) {
 	};
 }
 const verbose = typeof process !== "undefined" && /^(debug|trace)$/i.test(process.env?.LOG_LEVEL ?? "");
-let mediaLogger = {
+const mediaLogger = {
 	debug: (msg, ...args) => {
 		if (!verbose) return;
 		if (typeof msg === "object" && msg !== null) console.info("[AudioExtractor]", msg, ...args);
@@ -1546,13 +1003,6 @@ let mediaLogger = {
 		else console.error(`[AudioExtractor] ${msg}`, ...args);
 	}
 };
-if (typeof window === "undefined" || typeof process !== "undefined" && process.versions?.node) import(
-	/* webpackIgnore: true */
-	/* @vite-ignore */
-	"@framefields/server-utils"
-).then((m) => {
-	if (m.mediaLogger) mediaLogger = m.mediaLogger;
-}).catch(() => {});
 const yieldToMain = () => {
 	if (typeof window === "undefined") return Promise.resolve();
 	const sched = globalThis.scheduler;
@@ -1908,5 +1358,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-BAVZdFEJ.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-Bb8BoMiw.mjs.map