framefields 2.2.0-beta.4 → 2.3.0

package/dist/preview-engine/renderers-ZSENYGIY.mjs

@@ -0,0 +1,84 @@
+import{a as S,d as U,f as R,h as T,j as G,m as k}from"./chunk-ENKKLU7B.mjs";import"./chunk-6YJP57MZ.mjs";import{z as P}from"./chunk-63SFBHEH.mjs";import{e as u}from"./chunk-BVF64D6H.mjs";u();u();var p="Posterize",N=76,_=[`struct U { v : array<vec4<f32>, 19> };
+@group(0) @binding(0) var<uniform> u : U;
+@group(0) @binding(1) var src : texture_2d<f32>;
+@group(0) @binding(2) var prev : texture_2d<f32>;
+@group(0) @binding(3) var samp : sampler;
+${S}
+
+fn straight(c : vec4<f32>) -> vec4<f32> {
+	if (c.a <= 0.0001) { return vec4<f32>(0.0); }
+	return vec4<f32>(c.rgb / c.a, c.a);
+}
+fn premul(c : vec4<f32>) -> vec4<f32> { return vec4<f32>(c.rgb * c.a, c.a); }
+fn res() -> vec2<f32> { return vec2<f32>(textureDimensions(src)); }
+/** Straight-alpha color of the layer at a uv (filtered). */
+fn sampleS(uv : vec2<f32>) -> vec4<f32> { return straight(textureSampleLevel(src, samp, uv, 0.0)); }
+/** Premultiplied color of the layer at a uv (filtered). */
+fn sampleP(uv : vec2<f32>) -> vec4<f32> { return textureSampleLevel(src, samp, uv, 0.0); }
+/** Straight-alpha color of the layer's texel at a pixel position (nearest). */
+fn texelS(p : vec2<f32>) -> vec4<f32> {
+	let d = vec2<i32>(textureDimensions(src));
+	let q = clamp(vec2<i32>(floor(p)), vec2<i32>(0), d - vec2<i32>(1));
+	return straight(textureLoad(src, q, 0));
+}
+fn luma(c : vec3<f32>) -> f32 { return dot(c, vec3<f32>(0.2126, 0.7152, 0.0722)); }
+fn hash12(p : vec2<f32>) -> f32 {
+	var p3 = fract(vec3<f32>(p.xyx) * 0.1031);
+	p3 += dot(p3, p3.yzx + 33.33);
+	return fract((p3.x + p3.y) * p3.z);
+}
+fn vnoise(p : vec2<f32>) -> f32 {
+	let i = floor(p);
+	let f = fract(p);
+	let u = f * f * (3.0 - 2.0 * f);
+	return mix(mix(hash12(i), hash12(i + vec2<f32>(1.0, 0.0)), u.x),
+		mix(hash12(i + vec2<f32>(0.0, 1.0)), hash12(i + vec2<f32>(1.0, 1.0)), u.x), u.y);
+}
+/** 8x8 ordered-dither threshold, 0..1. */
+fn bayer8(p : vec2<f32>) -> f32 {
+	let x = u32(p.x) & 7u;
+	let y = u32(p.y) & 7u;
+	var v = 0u;
+	for (var k = 0u; k < 3u; k++) {
+		let bx = (x >> k) & 1u;
+		let by = (y >> k) & 1u;
+		let m = ((bx ^ by) << 1u) | by;
+		v += m * (1u << (2u * (2u - k)));
+	}
+	return (f32(v) + 0.5) / 64.0;
+}
+fn rot2(a : f32) -> mat2x2<f32> { let c = cos(a); let s = sin(a); return mat2x2<f32>(c, s, -s, c); }
+fn paletteColor(i : u32) -> vec3<f32> { return u.v[3u + i].rgb; }
+@fragment fn fs(in : VSOut) -> @location(0) vec4<f32> {
+	let time = u.v[0].x;
+	let frame = u.v[0].y;
+	let levels = u.v[1].x;
+	let palette = u32(u.v[1].y + 0.5);
+	let dither = u.v[1].z;
+	let pixelSize = u.v[1].w;
+	let paletteCount = u.v[2].x;
+
+	let R = res();
+	let ps = max(pixelSize, 1.0);
+	let cellp = floor(in.uv * R / ps);
+	let c = texelS(cellp * ps + ps * 0.5);
+	let t = bayer8(cellp) - 0.5;
+	var rgb = c.rgb;
+	if (paletteCount > 0.5) {
+		rgb = clamp(rgb + t * dither * 0.35, vec3<f32>(0.0), vec3<f32>(1.0));
+		var best = paletteColor(0u);
+		var bestD = 1e9;
+		for (var i = 0u; i < u32(paletteCount); i++) {
+			let pc = paletteColor(i);
+			let d = rgb - pc;
+			let dd = dot(d * d, vec3<f32>(0.3, 0.59, 0.11));
+			if (dd < bestD) { bestD = dd; best = pc; }
+		}
+		rgb = best;
+	} else {
+		let n = max(levels - 1.0, 1.0);
+		rgb = clamp(floor(rgb * n + 0.5 + t * dither) / n, vec3<f32>(0.0), vec3<f32>(1.0));
+	}
+	return premul(vec4<f32>(rgb, c.a));
+}
+`],W={gameboy:["#0f380f","#306230","#8bac0f","#9bbc0f"],teletext:["#000000","#ff0000","#00ff00","#ffff00","#0000ff","#ff00ff","#00ffff","#ffffff"],cga:["#000000","#55ffff","#ff55ff","#ffffff"],pico8:["#000000","#1d2b53","#7e2553","#008751","#ab5236","#5f574f","#c2c3c7","#fff1e8","#ff004d","#ffa300","#ffec27","#00e436","#29adff","#83769c","#ff77a8","#ffccaa"],c64:["#000000","#ffffff","#880000","#aaffee","#cc44cc","#00cc55","#0000aa","#eeee77","#dd8855","#664400","#ff7777","#333333","#777777","#aaff66","#0088ff","#bbbbbb"],grayscale:["#000000","#555555","#aaaaaa","#ffffff"],sepia:["#2b1d0e","#6b4a2b","#b08a5a","#efe0c0"]},F=R(r=>({layout:U(r,["uniform","texture","texture","sampler"],`${p}_layout`),pipelines:new Map,sampler:r.createSampler({magFilter:"linear",minFilter:"linear",addressModeU:"clamp-to-edge",addressModeV:"clamp-to-edge"})}));function A(r,e){let t=F(r),n=t.pipelines.get(e);return n||(n=_.map((a,o)=>{let i=r.createShaderModule({code:a,label:`${p}_${o}.wgsl`});return r.createRenderPipeline({label:`${p}_${o}`,layout:r.createPipelineLayout({bindGroupLayouts:[t.layout]}),vertex:{module:i,entryPoint:"vs"},fragment:{module:i,entryPoint:"fs",targets:[{format:e}]},primitive:{topology:"triangle-strip"}})}),t.pipelines.set(e,n)),n}function b(r,e){let t=typeof r=="number"?r:Number(r);return Number.isFinite(t)?t:e}function E(r){let e=r.trim().replace("#","");(e.length===3||e.length===4)&&(e=[...e].map(n=>n+n).join(""));let t=n=>Number.parseInt(e.slice(n,n+2),16)/255;return[t(0),t(2),t(4),e.length>=8?t(6):1]}function $(r,e,t,n){e.fill(0),e[0]=t,e[1]=n,e[4]=b(r.levels,6),e[5]=Math.max(0,["none","gameboy","teletext","cga","pico8","c64","grayscale","sepia","custom"].indexOf(String(r.palette??"none"))),e[6]=b(r.dither,0),e[7]=b(r.pixelSize,1);let a=String(r.palette??"none"),o=a==="custom"?r.colors??[]:W[a]??[];e[8]=Math.min(o.length,16),o.slice(0,16).forEach((i,f)=>{e.set(E(i),12+f*4)})}var w=async r=>{let{ctx:e,encoder:t,pass:n,targetTexture:a,targetWidth:o,targetHeight:i,props:f}=r,c=f.virtualMedia?.operation;if(c?.op!==p)return;let g=f.virtualMedia?.children?.[0];if(!g)return;n.end();let d=f.fps||30,l=Math.round(f.compositionFrame??f.frame??0),L=c.effect?.resolveUniforms?c.effect.resolveUniforms({frame:l,fps:d,time:l/d}):c,x=new Float32Array(N);$(L,x,l/d,l);let{texture:m}=await T(r,g),v=e.device,h=F(v),M=A(v,e.renderer.format),z=e.renderer.getTemporaryBuffer(x),s=m;for(let D of M){let y=e.renderer.getTemporaryTexture(o,i,[m,s,a,...f.excludeTextures||[]]);k(t,y.createView(),D,[v.createBindGroup({layout:h.layout,entries:[{binding:0,resource:{buffer:z}},{binding:1,resource:m.createView()},{binding:2,resource:s.createView()},{binding:3,resource:h.sampler}]})]),s=y}G(r,s)};var j=P({WebGPURenderer:w});export{w as PosterizeWebGPURenderer,j as default};

package/dist/preview-engine/signals.mjs

@@ -1 +1 @@
-import{a as l,b as m,c as n,d as o}from"./chunk-GMGGDADT.mjs";import"./chunk-7J2FWGVD.mjs";import{a as p}from"./chunk-7B5S5D4N.mjs";import{a as k}from"./chunk-PFA427ZC.mjs";import"./chunk-FLPSWDX4.mjs";import"./chunk-NQZKBFC6.mjs";import"./chunk-ENKKLU7B.mjs";import"./chunk-VUFDQJ2B.mjs";import"./chunk-PR2BUYCL.mjs";import"./chunk-G4K6TLNA.mjs";import"./chunk-37EFVZWT.mjs";import"./chunk-2SJ4BBMT.mjs";import"./chunk-24P6DAB3.mjs";import"./chunk-NIRW77QA.mjs";import"./chunk-Q4Z54DQ7.mjs";import{a as g,b as h,c as i,d as j}from"./chunk-6YJP57MZ.mjs";import{i as a,j as b,p as c,q as d,r as e,s as f}from"./chunk-63SFBHEH.mjs";import"./chunk-BVF64D6H.mjs";export{p as AudioSignal,g as AudioSignalComputePipeline,l as AudioSignalExtractorNode,f as Signal,n as SignalGateNode,o as SignalMathNode,m as SignalNode,i as SignalRegistry,h as buildWGSLSignalFn,b as computed,e as cosineSignal,k as modulateRenderer,a as signal,c as signalBuilder,j as signalRegistry,d as sineSignal};
+import{a as l,b as m,c as n,d as o}from"./chunk-GMGGDADT.mjs";import"./chunk-7J2FWGVD.mjs";import{a as p}from"./chunk-TPAEN6VV.mjs";import{a as k}from"./chunk-PFA427ZC.mjs";import"./chunk-FLPSWDX4.mjs";import"./chunk-NQZKBFC6.mjs";import"./chunk-ENKKLU7B.mjs";import"./chunk-VUFDQJ2B.mjs";import"./chunk-PR2BUYCL.mjs";import"./chunk-BVA5NGSH.mjs";import"./chunk-37EFVZWT.mjs";import"./chunk-2SJ4BBMT.mjs";import"./chunk-24P6DAB3.mjs";import"./chunk-NIRW77QA.mjs";import"./chunk-Q4Z54DQ7.mjs";import{a as g,b as h,c as i,d as j}from"./chunk-6YJP57MZ.mjs";import{i as a,j as b,p as c,q as d,r as e,s as f}from"./chunk-63SFBHEH.mjs";import"./chunk-BVF64D6H.mjs";export{p as AudioSignal,g as AudioSignalComputePipeline,l as AudioSignalExtractorNode,f as Signal,n as SignalGateNode,o as SignalMathNode,m as SignalNode,i as SignalRegistry,h as buildWGSLSignalFn,b as computed,e as cosineSignal,k as modulateRenderer,a as signal,c as signalBuilder,j as signalRegistry,d as sineSignal};

package/dist/{program-DzknMiY0.mjs → program-Dd9tJFkY.mjs}

@@ -1,6 +1,6 @@
 import { Bt as parseCssColor, Lt as mixColors, Vt as parseCssGradient, ht as createVirtualMedia, l as Color, wt as getActiveMediaMetadata } from "./dist-fjKpBYkc.mjs";
 import { t as ColorSchema } from "./dist-BY0bIWgr.mjs";
-import { At as KineticMarqueeConfigSchema, en as TypewriterAnimatorSchema, gt as AdvancedTextAnimatorSchema, jn as signalRegistry, mt as AETextAnimatorSchema, qt as TextPathOptionsSchema } from "./dist-cjxDXQdx.mjs";
+import { Mt as KineticMarqueeConfigSchema, Nn as signalRegistry, Yt as TextPathOptionsSchema, gt as AETextAnimatorSchema, nn as TypewriterAnimatorSchema, vt as AdvancedTextAnimatorSchema } from "./dist-PwT_Vmax.mjs";
 import { z } from "zod";
 import { loadYoga } from "yoga-layout/load";
 
@@ -77,15 +77,15 @@ function containerStyle(node) {
 	}
 	let justify = "start";
 	if (node.kind === "flex") justify = node.justify ?? "start";
-	let align = "start";
-	if (node.kind === "flex" || node.kind === "block") align = node.align ?? "start";
+	let align$1 = "start";
+	if (node.kind === "flex" || node.kind === "block") align$1 = node.align ?? "start";
 	let wrap = false;
 	if (node.kind === "flex") wrap = typeof node.wrap === "boolean" ? node.wrap : false;
 	return {
 		gap,
 		padding,
 		justify,
-		align,
+		align: align$1,
 		wrap
 	};
 }
@@ -510,12 +510,28 @@ function parseEase(ease) {
 */
 var LayerAnimation = class LayerAnimation$1 {
 	tracks = [];
+	/** Hold each value for this many frames (see {@link LayerAnimation.stepped}). */
+	frameStep;
 	constructor(tracks = []) {
 		this.tracks = [...tracks];
 	}
 	static create() {
 		return new LayerAnimation$1();
 	}
+	/**
+	* Stepped timing for the whole layer: every animated value is held for
+	* `frames` frames ("on twos" = 2, "on threes" = 3), the choppy, hand-made
+	* look of stop motion and cel animation. Applies to all of the layer's
+	* tracks, including ones added by other `.animate()` calls.
+	*/
+	static stepped(frames = 2) {
+		return new LayerAnimation$1().stepped(frames);
+	}
+	/** See {@link LayerAnimation.stepped}. */
+	stepped(frames = 2) {
+		this.frameStep = Math.max(1, Math.min(24, Math.round(frames)));
+		return this;
+	}
 	static fromTo(prop, fromValue, toValue, options = {}) {
 		return new LayerAnimation$1().fromTo(prop, fromValue, toValue, options);
 	}
@@ -828,8 +844,8 @@ var LayerAnimation = class LayerAnimation$1 {
 		const source = {
 			type: "signal",
 			inputHandleId: handleId,
-			multiplier: 1,
-			offset: 0,
+			multiplier: options.multiplier ?? 1,
+			offset: options.offset ?? 0,
 			smoothingWindowFrames: options.smoothing ?? 0,
 			colorMode: options.colorMode ?? "interpolate",
 			colorA: options.colorA,
@@ -1166,6 +1182,315 @@ var CameraAnimation = class CameraAnimation$1 extends LayerAnimation {
 		return this;
 	}
 };
+const SAMPLES = 128;
+const CURVE_STEPS = 16;
+const NUM_RE = /-?(?:\d+\.?\d*|\.\d+)(?:e[-+]?\d+)?/gi;
+const CMD_RE = /([MmLlHhVvCcSsQqTtAaZz])([^MmLlHhVvCcSsQqTtAaZz]*)/g;
+/** Flattens an SVG path into polylines, one per subpath. */
+function flattenPath(d) {
+	const subs = [];
+	let cur = [];
+	let x = 0;
+	let y = 0;
+	let sx = 0;
+	let sy = 0;
+	let cx = 0;
+	let cy = 0;
+	let prev = "";
+	const end = (closed) => {
+		if (cur.length > 1) subs.push({
+			pts: cur,
+			closed
+		});
+		cur = [];
+	};
+	for (const m of d.matchAll(CMD_RE)) {
+		const cmd = m[1];
+		const nums = (m[2].match(NUM_RE) ?? []).map(Number);
+		const rel = cmd === cmd.toLowerCase();
+		const C = cmd.toUpperCase();
+		let i = 0;
+		const take = (n) => {
+			const v = nums.slice(i, i + n);
+			i += n;
+			return v;
+		};
+		const has = (n) => i + n <= nums.length;
+		if (C === "Z") {
+			x = sx;
+			y = sy;
+			end(true);
+			cur = [[x, y]];
+			prev = C;
+			continue;
+		}
+		let first = true;
+		while (has(C === "H" || C === "V" ? 1 : C === "A" ? 7 : C === "C" ? 6 : C === "S" || C === "Q" ? 4 : 2)) {
+			if (C === "M") {
+				const [a, b] = take(2);
+				x = rel ? x + a : a;
+				y = rel ? y + b : b;
+				if (first) {
+					end(false);
+					sx = x;
+					sy = y;
+					cur = [[x, y]];
+				} else cur.push([x, y]);
+			} else if (C === "L" || C === "T") {
+				const [a, b] = take(2);
+				const nx = rel ? x + a : a;
+				const ny = rel ? y + b : b;
+				if (C === "T") {
+					const qx = prev === "Q" || prev === "T" ? 2 * x - cx : x;
+					const qy = prev === "Q" || prev === "T" ? 2 * y - cy : y;
+					quad(cur, x, y, qx, qy, nx, ny);
+					cx = qx;
+					cy = qy;
+				} else cur.push([nx, ny]);
+				x = nx;
+				y = ny;
+			} else if (C === "H") {
+				const [a] = take(1);
+				x = rel ? x + a : a;
+				cur.push([x, y]);
+			} else if (C === "V") {
+				const [a] = take(1);
+				y = rel ? y + a : a;
+				cur.push([x, y]);
+			} else if (C === "C" || C === "S") {
+				let x1;
+				let y1;
+				if (C === "C") {
+					const [a, b] = take(2);
+					x1 = rel ? x + a : a;
+					y1 = rel ? y + b : b;
+				} else {
+					x1 = prev === "C" || prev === "S" ? 2 * x - cx : x;
+					y1 = prev === "C" || prev === "S" ? 2 * y - cy : y;
+				}
+				const [c, e, f, g] = take(4);
+				const x2 = rel ? x + c : c;
+				const y2 = rel ? y + e : e;
+				const nx = rel ? x + f : f;
+				const ny = rel ? y + g : g;
+				for (let k = 1; k <= CURVE_STEPS; k++) {
+					const t = k / CURVE_STEPS;
+					const u = 1 - t;
+					cur.push([u * u * u * x + 3 * u * u * t * x1 + 3 * u * t * t * x2 + t * t * t * nx, u * u * u * y + 3 * u * u * t * y1 + 3 * u * t * t * y2 + t * t * t * ny]);
+				}
+				cx = x2;
+				cy = y2;
+				x = nx;
+				y = ny;
+			} else if (C === "Q") {
+				const [a, b, c, e] = take(4);
+				const qx = rel ? x + a : a;
+				const qy = rel ? y + b : b;
+				const nx = rel ? x + c : c;
+				const ny = rel ? y + e : e;
+				quad(cur, x, y, qx, qy, nx, ny);
+				cx = qx;
+				cy = qy;
+				x = nx;
+				y = ny;
+			} else if (C === "A") {
+				const [rx, ry, rot, large, sweep, a, b] = take(7);
+				const nx = rel ? x + a : a;
+				const ny = rel ? y + b : b;
+				arc(cur, x, y, rx, ry, rot, large !== 0, sweep !== 0, nx, ny);
+				x = nx;
+				y = ny;
+			}
+			first = false;
+			prev = C;
+			if (C === "M") prev = "L";
+		}
+		prev = C;
+	}
+	end(false);
+	return subs;
+}
+function quad(out, x0, y0, qx, qy, x1, y1) {
+	for (let k = 1; k <= CURVE_STEPS; k++) {
+		const t = k / CURVE_STEPS;
+		const u = 1 - t;
+		out.push([u * u * x0 + 2 * u * t * qx + t * t * x1, u * u * y0 + 2 * u * t * qy + t * t * y1]);
+	}
+}
+/** SVG endpoint arc → points (spec F.6.5). */
+function arc(out, x1, y1, rxIn, ryIn, rotDeg, large, sweep, x2, y2) {
+	let rx = Math.abs(rxIn);
+	let ry = Math.abs(ryIn);
+	if (rx === 0 || ry === 0) {
+		out.push([x2, y2]);
+		return;
+	}
+	const phi = rotDeg * Math.PI / 180;
+	const cos = Math.cos(phi);
+	const sin = Math.sin(phi);
+	const dx = (x1 - x2) / 2;
+	const dy = (y1 - y2) / 2;
+	const xp = cos * dx + sin * dy;
+	const yp = -sin * dx + cos * dy;
+	const lam = xp * xp / (rx * rx) + yp * yp / (ry * ry);
+	if (lam > 1) {
+		rx *= Math.sqrt(lam);
+		ry *= Math.sqrt(lam);
+	}
+	const num = rx * rx * ry * ry - rx * rx * yp * yp - ry * ry * xp * xp;
+	const den = rx * rx * yp * yp + ry * ry * xp * xp;
+	let co = Math.sqrt(Math.max(0, num / den));
+	if (large === sweep) co = -co;
+	const cxp = co * rx * yp / ry;
+	const cyp = -co * ry * xp / rx;
+	const ccx = cos * cxp - sin * cyp + (x1 + x2) / 2;
+	const ccy = sin * cxp + cos * cyp + (y1 + y2) / 2;
+	const ang = (ux, uy, vx, vy) => Math.atan2(ux * vy - uy * vx, ux * vx + uy * vy);
+	const t1 = ang(1, 0, (xp - cxp) / rx, (yp - cyp) / ry);
+	let dt = ang((xp - cxp) / rx, (yp - cyp) / ry, (-xp - cxp) / rx, (-yp - cyp) / ry);
+	if (!sweep && dt > 0) dt -= 2 * Math.PI;
+	if (sweep && dt < 0) dt += 2 * Math.PI;
+	const steps = Math.max(4, Math.ceil(Math.abs(dt) / (Math.PI / 2) * CURVE_STEPS));
+	for (let k = 1; k <= steps; k++) {
+		const t = t1 + dt * k / steps;
+		const ex = rx * Math.cos(t);
+		const ey = ry * Math.sin(t);
+		out.push([cos * ex - sin * ey + ccx, sin * ex + cos * ey + ccy]);
+	}
+}
+/** `n` points evenly spaced along a polyline (closed: around the loop). */
+function resample(sub, n) {
+	const pts = sub.closed ? [...sub.pts, sub.pts[0]] : sub.pts;
+	const cum = [0];
+	for (let i = 1; i < pts.length; i++) cum.push(cum[i - 1] + Math.hypot(pts[i][0] - pts[i - 1][0], pts[i][1] - pts[i - 1][1]));
+	const total = cum[cum.length - 1];
+	const out = [];
+	if (total <= 0) {
+		for (let i = 0; i < n; i++) out.push([pts[0][0], pts[0][1]]);
+		return out;
+	}
+	const count = sub.closed ? n : n - 1;
+	let j = 0;
+	for (let i = 0; i < n; i++) {
+		const s = total * i / count;
+		while (j < cum.length - 2 && cum[j + 1] < s) j++;
+		const seg = cum[j + 1] - cum[j];
+		const t = seg > 0 ? (s - cum[j]) / seg : 0;
+		out.push([pts[j][0] + (pts[j + 1][0] - pts[j][0]) * t, pts[j][1] + (pts[j + 1][1] - pts[j][1]) * t]);
+	}
+	return out;
+}
+function area(p) {
+	let a = 0;
+	for (let i = 0; i < p.length; i++) {
+		const q = p[(i + 1) % p.length];
+		a += p[i][0] * q[1] - q[0] * p[i][1];
+	}
+	return a / 2;
+}
+function centroid(p) {
+	let x = 0;
+	let y = 0;
+	for (const q of p) {
+		x += q[0];
+		y += q[1];
+	}
+	return [x / p.length, y / p.length];
+}
+/** Rotates (and maybe reverses) `b` so its points line up with `a`'s. */
+function align(a, b, closed) {
+	if (!closed) {
+		const d0 = Math.hypot(a[0][0] - b[0][0], a[0][1] - b[0][1]);
+		return Math.hypot(a[0][0] - b[b.length - 1][0], a[0][1] - b[b.length - 1][1]) < d0 ? [...b].reverse() : b;
+	}
+	const bb = Math.sign(area(a)) !== Math.sign(area(b)) ? [...b].reverse() : b;
+	const n = a.length;
+	let best = 0;
+	let bestD = Number.POSITIVE_INFINITY;
+	const score = (k) => {
+		let s = 0;
+		for (let i = 0; i < n; i += 2) {
+			const q = bb[(i + k) % n];
+			s += (a[i][0] - q[0]) ** 2 + (a[i][1] - q[1]) ** 2;
+		}
+		return s;
+	};
+	for (let k = 0; k < n; k += 4) {
+		const s = score(k);
+		if (s < bestD) {
+			bestD = s;
+			best = k;
+		}
+	}
+	for (let k = best - 3; k <= best + 3; k++) {
+		const kk = (k + n) % n;
+		const s = score(kk);
+		if (s < bestD) {
+			bestD = s;
+			best = kk;
+		}
+	}
+	return a.map((_, i) => bb[(i + best) % n]);
+}
+const memo = /* @__PURE__ */ new Map();
+function prepare(from, to) {
+	const key = `${from}\u0000${to}`;
+	const hit = memo.get(key);
+	if (hit) return hit;
+	const sa = flattenPath(from);
+	const sb = flattenPath(to);
+	const n = Math.max(sa.length, sb.length);
+	const out = {
+		a: [],
+		b: [],
+		closed: []
+	};
+	for (let i = 0; i < n; i++) {
+		const A = sa[i];
+		const B = sb[i];
+		const closed = (A?.closed ?? true) && (B?.closed ?? true);
+		let pa = A ? resample(A, SAMPLES) : void 0;
+		let pb = B ? resample(B, SAMPLES) : void 0;
+		if (!pa && pb) {
+			const c = centroid(pb);
+			pa = pb.map(() => [c[0], c[1]]);
+		}
+		if (!pb && pa) {
+			const c = centroid(pa);
+			pb = pa.map(() => [c[0], c[1]]);
+		}
+		if (!pa || !pb) continue;
+		out.a.push(pa);
+		out.b.push(align(pa, pb, closed));
+		out.closed.push(closed);
+	}
+	if (memo.size > 256) memo.clear();
+	memo.set(key, out);
+	return out;
+}
+const fmt = (v) => (Math.round(v * 100) / 100).toString();
+/**
+* The path `t` of the way from `from` to `to` (0 = `from`, 1 = `to`; `t`
+* may overshoot for back / elastic eases).
+*/
+function morphPath(from, to, t) {
+	if (t <= 0) return from;
+	if (t === 1) return to;
+	const p = prepare(from, to);
+	const parts = [];
+	for (let s = 0; s < p.a.length; s++) {
+		const A = p.a[s];
+		const B = p.b[s];
+		let d = "";
+		for (let i = 0; i < A.length; i++) {
+			const x = A[i][0] + (B[i][0] - A[i][0]) * t;
+			const y = A[i][1] + (B[i][1] - A[i][1]) * t;
+			d += `${i === 0 ? "M" : "L"}${fmt(x)} ${fmt(y)}`;
+		}
+		parts.push(p.closed[s] ? `${d}Z` : d);
+	}
+	return parts.join("");
+}
 function hash1D(n, seed) {
 	let x = Math.floor(n) ^ seed * 1013 | 0;
 	x = Math.imul(x ^ x >>> 15, x | 1);
@@ -1577,7 +1902,7 @@ const COLOR_PROPS$1 = new Set([
 /**
 * Standard keyframe track evaluation.
 */
-function evaluateKeyframes(track, localFrame) {
+function evaluateKeyframes(track, localFrame, ease) {
 	const keyframes = track.keyframes ?? [];
 	if (keyframes.length === 0) return 0;
 	if (keyframes.length === 1) return keyframes[0].value;
@@ -1588,9 +1913,13 @@ function evaluateKeyframes(track, localFrame) {
 		const kf1 = keyframes[i + 1];
 		if (localFrame >= kf0.frame && localFrame <= kf1.frame) {
 			const delta = kf1.frame - kf0.frame;
-			const t = delta > 0 ? (localFrame - kf0.frame) / delta : 0;
-			if (typeof kf0.value === "boolean") return t >= 1 ? kf1.value : kf0.value;
-			if (typeof kf0.value === "string" && typeof kf1.value === "string") return lerpColor(kf0.value, kf1.value, t);
+			const linear = delta > 0 ? (localFrame - kf0.frame) / delta : 0;
+			const t = ease ? ease(kf1.ease ?? kf0.ease, delta, linear) : linear;
+			if (typeof kf0.value === "boolean") return linear >= 1 ? kf1.value : kf0.value;
+			if (typeof kf0.value === "string" && typeof kf1.value === "string") {
+				if (track.prop === "d") return morphPath(kf0.value, kf1.value, t);
+				return lerpColor(kf0.value, kf1.value, t);
+			}
 			return lerp(Number(kf0.value) || 0, Number(kf1.value) || 0, t);
 		}
 	}
@@ -1852,6 +2181,7 @@ const AnimatablePropSchema = z.enum([
 	"fill",
 	"color",
 	"letterSpacing",
+	"d",
 	"trimStart",
 	"trimEnd",
 	"trimOffset",
@@ -2173,7 +2503,10 @@ const AnimationTrackSchema = z.object({
 	yoyo: z.boolean().optional(),
 	durationFrames: z.number().int().min(1).optional()
 }).strict();
-const LayerAnimationSchema = z.object({ tracks: z.array(AnimationTrackSchema).max(24) }).strict().superRefine(animationInvariants);
+const LayerAnimationSchema = z.object({
+	tracks: z.array(AnimationTrackSchema).max(24),
+	frameStep: z.number().int().min(1).max(24).optional()
+}).strict().superRefine(animationInvariants);
 const BaseNodeFields = {
 	id: z.string().min(1),
 	inputHandleId: z.string().optional(),
@@ -3200,5 +3533,5 @@ function collectNodeOps(nodes) {
 }
 
 //#endregion
-export { applyStaggerToChildren as A, hoistMattes as B, ShapeNodeSchema as C, TextSpanMarkSchema as D, TextNodeSchema as E, computeLayout as F, lintComposition as H, computeLayoutSync as I, computeStaggerDelay as L, collectNodeOps as M, compositorToProgram as N, TextSpanSchema as O, computeCarrierContinuity as P, evaluateAnimationAtFrame as R, Sequence as S, TextAnimatorSchema as T, mergeAnimationTracks as U, initLayout as V, MediaNodeSchema as _, CarrierHandoffConfigSchema as a, SceneDefinitionSchema as b, EnvironmentFogSchema as c, LayerAnimation as d, LayoutNodeSchema as f, MatteModeSchema as g, MaterialTypeSchema as h, CameraNodeSchema as i, calculateSequenceTimeline as j, ToneMappingSchema as k, EnvironmentPresetSchema as l, LightTypeSchema as m, BoxNodeSchema as n, ColorStopSchema as o, LightNodeSchema as p, CameraAnimation as r, CompositorProgramSchema as s, BloomConfigSchema as t, FlexNodeSchema as u, Model3DNodeSchema as v, TextAnimator as w, SceneTransitionTypeSchema as x, Scene as y, evaluateTrackAtFrame as z };
-//# sourceMappingURL=program-DzknMiY0.mjs.map
+export { applyStaggerToChildren as A, evaluateTrackAtFrame as B, ShapeNodeSchema as C, TextSpanMarkSchema as D, TextNodeSchema as E, computeLayout as F, initLayout as H, computeLayoutSync as I, computeStaggerDelay as L, collectNodeOps as M, compositorToProgram as N, TextSpanSchema as O, computeCarrierContinuity as P, evaluateAnimationAtFrame as R, Sequence as S, TextAnimatorSchema as T, lintComposition as U, hoistMattes as V, mergeAnimationTracks as W, MediaNodeSchema as _, CarrierHandoffConfigSchema as a, SceneDefinitionSchema as b, EnvironmentFogSchema as c, LayerAnimation as d, LayoutNodeSchema as f, MatteModeSchema as g, MaterialTypeSchema as h, CameraNodeSchema as i, calculateSequenceTimeline as j, ToneMappingSchema as k, EnvironmentPresetSchema as l, LightTypeSchema as m, BoxNodeSchema as n, ColorStopSchema as o, LightNodeSchema as p, CameraAnimation as r, CompositorProgramSchema as s, BloomConfigSchema as t, FlexNodeSchema as u, Model3DNodeSchema as v, TextAnimator as w, SceneTransitionTypeSchema as x, Scene as y, evaluateKeyframes as z };
+//# sourceMappingURL=program-Dd9tJFkY.mjs.map