coily 0.12.2 → 0.14.0

package/dist/system-BXxAHM2a.js

@@ -0,0 +1,1758 @@
+//#region src/flush-queue.ts
+/**
+* Defers callbacks while inside a batch or tick: `request` runs the
+* callback immediately at depth 0 and queues it — deduplicated — until
+* the outermost exit otherwise. Composite springs use it to coalesce
+* per-channel events into composite ones.
+*/
+var FlushQueue = class {
+	#callbacks = /* @__PURE__ */ new Set();
+	#depth = 0;
+	request(callback) {
+		if (this.#depth > 0) this.#callbacks.add(callback);
+		else callback();
+	}
+	batch(fn) {
+		this.enter();
+		try {
+			fn();
+		} finally {
+			this.exit();
+		}
+	}
+	enter() {
+		this.#depth++;
+	}
+	exit() {
+		this.#depth--;
+		if (this.#depth === 0) for (const callback of this.#callbacks) {
+			this.#callbacks.delete(callback);
+			callback();
+		}
+	}
+};
+//#endregion
+//#region src/motion-set.ts
+/**
+* The set of motions currently moving. Motions leave the set as they
+* rest and re-enter on any write that disturbs them; `onWake` tells the
+* ticker the set became non-empty so it can stop sleeping.
+*/
+var MotionSet = class {
+	reduced = false;
+	onWake = null;
+	flushes = new FlushQueue();
+	#motions = /* @__PURE__ */ new Set();
+	#debug;
+	#lastSize = 0;
+	#pass = 0;
+	constructor(debug = false) {
+		this.#debug = debug;
+	}
+	get size() {
+		return this.#motions.size;
+	}
+	add(motion) {
+		const wasEmpty = this.#motions.size === 0;
+		this.#motions.add(motion);
+		if (wasEmpty) this.onWake?.();
+	}
+	remove(motion) {
+		this.#motions.delete(motion);
+	}
+	finishAll() {
+		this.flushes.batch(() => {
+			for (const motion of this.#motions) {
+				if (!motion.respectsReducedMotion) continue;
+				motion.finish();
+				this.#motions.delete(motion);
+			}
+		});
+	}
+	tick(dt) {
+		this.#pass++;
+		this.flushes.enter();
+		try {
+			for (const motion of this.#motions) {
+				if (motion._pass === this.#pass) continue;
+				motion._pass = this.#pass;
+				motion.tick(dt);
+				if (motion.isResting) this.#motions.delete(motion);
+			}
+		} finally {
+			this.flushes.exit();
+		}
+		if (this.#debug && this.#motions.size !== this.#lastSize) {
+			this.#lastSize = this.#motions.size;
+			console.log(`coily: ${this.#lastSize} active motions`);
+		}
+	}
+};
+//#endregion
+//#region src/util.ts
+function invariant(condition, message) {
+	if (condition) return;
+	const resolved = typeof message === "function" ? message() : message;
+	throw new Error(resolved ?? "Invariant Failed");
+}
+/**
+* True for plain objects only. Class instances are excluded so shape
+* walks reject values like a `Spring` instead of descending into their
+* fields as if they were nested shapes.
+*/
+function isRecord(value) {
+	if (typeof value !== "object" || value === null) return false;
+	const proto = Object.getPrototypeOf(value);
+	return proto === Object.prototype || proto === null;
+}
+function isRecordOrArray(value) {
+	return isRecord(value) || Array.isArray(value);
+}
+function isArray(value) {
+	return Array.isArray(value);
+}
+function isNumber(value) {
+	return typeof value === "number";
+}
+const RESOLVED = Promise.resolve();
+//#endregion
+//#region src/config.ts
+/**
+* Immutable, resolved spring parameters. Whatever `defineSpring` input
+* shape produced it, a config carries concrete `mass`, `tension`,
+* `damping`, and `precision`, plus the quantities derived from them.
+* Instances are frozen and safe to share between springs; to change a
+* spring's behavior, assign a new config via `spring.config`.
+*/
+var SpringDefinition = class SpringDefinition {
+	/** The config for springs created without one: critically damped, settling in about 500ms. */
+	static default = new SpringDefinition({
+		dampingRatio: 1,
+		duration: 500
+	});
+	/** Mass of the moving value, as provided or derived. */
+	mass;
+	/** Spring stiffness, as provided or derived. */
+	tension;
+	/** Friction strength, as provided or derived. */
+	damping;
+	/** Decimal places of the resting threshold — see `restingMagnitude`. */
+	precision;
+	/** Oscillation rate with no damping: `sqrt(tension / mass)`, in radians per second. */
+	naturalFrequency;
+	/** The damping at which bounce disappears: `2 * mass * naturalFrequency`. */
+	criticalDamping;
+	/**
+	* `damping / criticalDamping`. Below 1 the spring overshoots and
+	* bounces, at 1 it settles fastest without overshooting, above 1 it
+	* settles slower.
+	*/
+	dampingRatio;
+	/** Resting threshold in value units: half a unit in the last `precision` place. */
+	restingMagnitude;
+	constructor(input) {
+		const raw = input;
+		const mass = raw.mass;
+		const tension = raw.tension;
+		const damping = raw.damping;
+		const bounce = raw.bounce;
+		const duration = raw.duration !== void 0 ? raw.duration / 1e3 : void 0;
+		const displacement = raw.displacement ?? 1;
+		const precision = raw.precision ?? 2;
+		for (const key of Object.keys(raw)) {
+			const value = raw[key];
+			if (value !== void 0) invariant(Number.isFinite(value), () => `Invalid ${key}: expected a finite number`);
+		}
+		if (mass !== void 0) invariant(mass > 0, "Mass must be greater than 0");
+		if (tension !== void 0) invariant(tension > 0, "Tension must be greater than 0");
+		if (damping !== void 0) invariant(damping >= 0, "Damping must be greater than or equal to 0");
+		if (bounce !== void 0) invariant(bounce >= -1 && bounce <= 1, "Bounce must be between -1 and 1");
+		invariant(raw.dampingRatio === void 0 || bounce === void 0, "Provide either dampingRatio or bounce, not both");
+		const dampingRatio = raw.dampingRatio ?? (bounce !== void 0 ? Math.max(1e-4, 1 - bounce) : void 0);
+		if (dampingRatio !== void 0) invariant(dampingRatio >= 0, "Damping ratio must be greater than or equal to 0");
+		if (duration !== void 0) invariant(duration > 0, "Duration must be greater than 0");
+		invariant(displacement !== 0, "Displacement must not be 0");
+		invariant(precision >= 0, "Precision must be greater than or equal to 0");
+		this.precision = precision;
+		this.restingMagnitude = .5 / 10 ** precision;
+		const hasM = mass !== void 0;
+		const hasK = tension !== void 0;
+		const hasC = damping !== void 0;
+		const hasZ = dampingRatio !== void 0;
+		const hasT = duration !== void 0;
+		if (hasK && hasC && !hasZ && !hasT) {
+			this.mass = mass ?? 1;
+			this.tension = tension;
+			this.damping = damping;
+		} else if (hasK && hasZ && !hasC && !hasT) {
+			this.mass = mass ?? 1;
+			this.tension = tension;
+			this.damping = 2 * dampingRatio * Math.sqrt(this.mass * tension);
+		} else if (hasC && hasZ && !hasK && !hasT) {
+			invariant(dampingRatio > 0, "dampingRatio must be > 0 to derive tension");
+			this.mass = mass ?? 1;
+			this.tension = damping ** 2 / (4 * dampingRatio ** 2 * this.mass);
+			this.damping = damping;
+		} else if (hasK && hasC && hasZ && !hasT) {
+			invariant(!hasM, "mass is derived when tension, damping, and dampingRatio are all provided");
+			invariant(dampingRatio > 0, "dampingRatio must be > 0 to derive mass");
+			this.mass = damping ** 2 / (4 * dampingRatio ** 2 * tension);
+			this.tension = tension;
+			this.damping = damping;
+		} else if (hasZ && hasT) {
+			const threshold = .005;
+			const x0 = Math.abs(displacement);
+			invariant(x0 > threshold, "displacement must be greater than the precision threshold");
+			let sigmaCoeff;
+			if (dampingRatio < 1) sigmaCoeff = dampingRatio;
+			else if (dampingRatio === 1) sigmaCoeff = 1;
+			else sigmaCoeff = dampingRatio - Math.sqrt(dampingRatio ** 2 - 1);
+			invariant(sigmaCoeff > 0, "dampingRatio must be > 0 for duration-based config");
+			const wn = 2 * Math.log(x0 / threshold) / (sigmaCoeff * duration);
+			if (!hasK && !hasC) {
+				this.mass = mass ?? 1;
+				this.tension = wn ** 2 * this.mass;
+				this.damping = 2 * dampingRatio * this.mass * wn;
+			} else if (hasK && !hasC) {
+				invariant(!hasM, "mass is derived in duration-based configs with tension");
+				this.mass = tension / wn ** 2;
+				this.tension = tension;
+				this.damping = 2 * dampingRatio * this.mass * wn;
+			} else if (hasC && !hasK) {
+				invariant(!hasM, "mass is derived in duration-based configs with damping");
+				this.mass = damping / (2 * dampingRatio * wn);
+				this.tension = wn ** 2 * this.mass;
+				this.damping = damping;
+			} else throw new Error("Invalid spring config: provide one of the supported input shapes.");
+		} else throw new Error("Invalid spring config: provide one of the supported input shapes.");
+		this.naturalFrequency = Math.sqrt(this.tension / this.mass);
+		this.criticalDamping = 2 * this.mass * this.naturalFrequency;
+		this.dampingRatio = this.damping / this.criticalDamping;
+		Object.freeze(this);
+	}
+	/**
+	* Estimates how long a spring with this config takes to come to rest
+	* from `state`, in milliseconds.
+	*
+	* The estimate follows the motion's decay envelope with a 2x safety
+	* margin, so actual rest usually lands earlier. Returns 0 when `state`
+	* is already inside the resting threshold, and Infinity when the config
+	* never settles (a `dampingRatio` of 0).
+	*/
+	computeTimeRemaining(state) {
+		const { position, velocity } = state;
+		const a0 = Math.abs(position) + Math.abs(velocity) / this.naturalFrequency;
+		if (a0 <= this.restingMagnitude) return 0;
+		let sigma;
+		if (this.dampingRatio < 1) sigma = this.dampingRatio * this.naturalFrequency;
+		else if (this.dampingRatio === 1) sigma = this.naturalFrequency;
+		else sigma = (this.dampingRatio - Math.sqrt(this.dampingRatio * this.dampingRatio - 1)) * this.naturalFrequency;
+		if (sigma <= 0) return Infinity;
+		return 2 * Math.log(a0 / this.restingMagnitude) / sigma * 1e3;
+	}
+};
+function defineSpring(input) {
+	return new SpringDefinition(input);
+}
+//#endregion
+//#region src/emitter.ts
+/** Minimal fixed-event emitter behind motions and composite springs. */
+var Emitter = class {
+	#update = [];
+	#start = [];
+	#stop = [];
+	#dispose = [];
+	on(type, handler) {
+		this.#list(type).push(handler);
+		return () => {
+			this.off(type, handler);
+		};
+	}
+	off(type, handler) {
+		const list = this.#list(type);
+		if (handler) list.splice(list.indexOf(handler) >>> 0, 1);
+		else list.length = 0;
+	}
+	clear() {
+		this.#update.length = 0;
+		this.#start.length = 0;
+		this.#stop.length = 0;
+		this.#dispose.length = 0;
+	}
+	emit(type) {
+		const list = this.#list(type);
+		if (list.length === 1) list[0]();
+		else if (list.length > 1) for (const handler of list.slice()) handler();
+	}
+	#list(type) {
+		switch (type) {
+			case "update": return this.#update;
+			case "start": return this.#start;
+			case "stop": return this.#stop;
+			case "dispose": return this.#dispose;
+		}
+	}
+};
+//#endregion
+//#region src/state.ts
+/**
+* The mutable position/velocity pair a motion and its solvers share, in
+* displacement space: position 0 means at the target.
+*/
+var State = class {
+	#config;
+	#position;
+	#velocity;
+	constructor(config, position, velocity) {
+		this.#config = config;
+		this.#position = position;
+		this.#velocity = velocity;
+	}
+	configure(config) {
+		this.#config = config;
+	}
+	get position() {
+		return this.#position;
+	}
+	set position(value) {
+		this.#position = value;
+	}
+	get velocity() {
+		return this.#velocity;
+	}
+	set velocity(value) {
+		this.#velocity = value;
+	}
+	/**
+	* The rest test: displacement, plus the displacement the current
+	* velocity could still convert into (|x| + |v| / wn), is inside the
+	* config's resting threshold.
+	*/
+	get isResting() {
+		return Math.abs(this.#position) + Math.abs(this.#velocity) / this.#config.naturalFrequency <= this.#config.restingMagnitude;
+	}
+};
+//#endregion
+//#region src/solver.ts
+/** dampingRatio < 1: decaying oscillation, x(t) = exp(-sigma*t) * (c1*cos(wd*t) + c2*sin(wd*t)). */
+var UnderdampedSolver = class {
+	#state;
+	#dampedFrequency = 0;
+	#decayRate = 0;
+	#t = 0;
+	#c1 = 0;
+	#c2 = 0;
+	constructor(state) {
+		this.#state = state;
+	}
+	configure(config) {
+		if (config) {
+			this.#decayRate = config.dampingRatio * config.naturalFrequency;
+			this.#dampedFrequency = config.naturalFrequency * Math.sqrt(1 - config.dampingRatio ** 2);
+		}
+		this.#t = 0;
+		this.#c1 = this.#state.position;
+		this.#c2 = (this.#state.velocity + this.#decayRate * this.#state.position) / this.#dampedFrequency;
+	}
+	tick(dt) {
+		this.#t += dt;
+		const sin = Math.sin(this.#dampedFrequency * this.#t);
+		const cos = Math.cos(this.#dampedFrequency * this.#t);
+		const decay = Math.exp(-this.#decayRate * this.#t);
+		const decayVelocity = -this.#decayRate * decay;
+		const oscillation = this.#c1 * cos + this.#c2 * sin;
+		const oscillationVelocity = -this.#c1 * this.#dampedFrequency * sin + this.#c2 * this.#dampedFrequency * cos;
+		this.#state.position = decay * oscillation;
+		this.#state.velocity = decay * oscillationVelocity + decayVelocity * oscillation;
+	}
+};
+/** dampingRatio = 1: fastest non-oscillating decay, x(t) = (c1 + c2*t) * exp(-wn*t). */
+var CriticallyDampedSolver = class {
+	#state;
+	#naturalFrequency = 0;
+	#t = 0;
+	#c1 = 0;
+	#c2 = 0;
+	constructor(state) {
+		this.#state = state;
+	}
+	configure(config) {
+		if (config) this.#naturalFrequency = config.naturalFrequency;
+		this.#t = 0;
+		this.#c1 = this.#state.position;
+		this.#c2 = this.#state.velocity + this.#naturalFrequency * this.#state.position;
+	}
+	tick(dt) {
+		this.#t += dt;
+		const decay = Math.exp(-this.#naturalFrequency * this.#t);
+		const decayVelocity = -this.#naturalFrequency * decay;
+		const scale = this.#c1 + this.#c2 * this.#t;
+		const scaleVelocity = this.#c2;
+		this.#state.position = scale * decay;
+		this.#state.velocity = scaleVelocity * decay + decayVelocity * scale;
+	}
+};
+/** dampingRatio > 1: slow non-oscillating decay, x(t) = exp(-sigma*t) * (c1*sinh(wd*t) + c2*cosh(wd*t)) / wd. */
+var OverdampedSolver = class {
+	#state;
+	#dampedFrequency = 0;
+	#decayRate = 0;
+	#t = 0;
+	#c1 = 0;
+	#c2 = 0;
+	constructor(state) {
+		this.#state = state;
+	}
+	configure(config) {
+		if (config) {
+			this.#decayRate = config.dampingRatio * config.naturalFrequency;
+			this.#dampedFrequency = config.naturalFrequency * Math.sqrt(config.dampingRatio ** 2 - 1);
+		}
+		this.#t = 0;
+		this.#c1 = this.#state.velocity + this.#decayRate * this.#state.position;
+		this.#c2 = this.#state.position * this.#dampedFrequency;
+	}
+	tick(dt) {
+		this.#t += dt;
+		const decay = Math.exp(-this.#decayRate * this.#t);
+		const decayVelocity = -this.#decayRate * decay;
+		const clamped = Math.min(this.#dampedFrequency * this.#t, 300);
+		const sinh = Math.sinh(clamped);
+		const cosh = Math.cosh(clamped);
+		const scale = this.#c1 * sinh + this.#c2 * cosh;
+		const scaleVelocity = this.#c1 * this.#dampedFrequency * cosh + this.#c2 * this.#dampedFrequency * sinh;
+		this.#state.position = scale * decay / this.#dampedFrequency;
+		this.#state.velocity = (scale * decayVelocity + scaleVelocity * decay) / this.#dampedFrequency;
+	}
+};
+//#endregion
+//#region src/motion.ts
+/**
+* One spring simulation in displacement space: position is measured from
+* the target (0 means settled), so retargeting is a rebase performed by
+* the owning `Spring`. Picks the closed-form solver for the config's
+* damping regime and emits update/start/stop/dispose events.
+*/
+var Motion = class {
+	/** Tick-pass marker written by `MotionSet` so a motion re-added mid-pass isn't ticked twice. */
+	_pass = 0;
+	respectsReducedMotion = true;
+	#config;
+	#state;
+	#underdampedSolver = null;
+	#criticallyDampedSolver = null;
+	#overdampedSolver = null;
+	#currentSolver = null;
+	#needsUpdate = false;
+	#needsReset = false;
+	#timeRemaining = 0;
+	#running;
+	#emitter;
+	constructor(config, position, velocity) {
+		this.#config = config;
+		this.#state = new State(config, position, velocity);
+		this.#emitter = new Emitter();
+		this.#running = !this.#state.isResting;
+		this.#updateSolver();
+		this.#timeRemaining = this.#config.computeTimeRemaining(this.#state);
+	}
+	get position() {
+		return this.#state.position;
+	}
+	set position(value) {
+		this.#state.position = value;
+		this.#needsReset = true;
+		this.#syncStart();
+	}
+	get velocity() {
+		return this.#state.velocity;
+	}
+	set velocity(value) {
+		this.#state.velocity = value;
+		this.#needsReset = true;
+		this.#syncStart();
+	}
+	get timeRemaining() {
+		return this.#timeRemaining;
+	}
+	get isResting() {
+		return this.#state.isResting;
+	}
+	configure(config) {
+		this.#config = config;
+		this.#state.configure(config);
+		this.#needsUpdate = true;
+		this.#syncStart();
+	}
+	tick(dt, emit = true) {
+		invariant(this.#currentSolver, "Cannot tick a disposed motion");
+		const needsTimeRemaining = this.#needsUpdate || this.#needsReset;
+		if (this.#needsUpdate) {
+			this.#updateSolver();
+			this.#needsUpdate = false;
+			this.#needsReset = false;
+		} else if (this.#needsReset) {
+			this.#currentSolver.configure();
+			this.#needsReset = false;
+		}
+		if (needsTimeRemaining) this.#timeRemaining = this.#config.computeTimeRemaining(this.#state);
+		this.#currentSolver.tick(dt);
+		this.#timeRemaining = Math.max(0, this.#timeRemaining - dt * 1e3);
+		if (this.#state.isResting) {
+			this.#state.position = 0;
+			this.#state.velocity = 0;
+			this.#needsReset = true;
+		}
+		if (emit) this.#emitter.emit("update");
+		if (this.#state.isResting) {
+			if (this.#running) {
+				this.#running = false;
+				this.#timeRemaining = 0;
+				this.#emitter.emit("stop");
+			}
+		} else if (!this.#running) {
+			this.#running = true;
+			this.#emitter.emit("start");
+		}
+	}
+	finish() {
+		this.position = 0;
+		this.velocity = 0;
+		this.tick(0);
+	}
+	onUpdate(callback) {
+		return this.#emitter.on("update", callback);
+	}
+	onStart(callback) {
+		return this.#emitter.on("start", callback);
+	}
+	onStop(callback) {
+		return this.#emitter.on("stop", callback);
+	}
+	onDispose(callback) {
+		return this.#emitter.on("dispose", callback);
+	}
+	dispose() {
+		this.#emitter.emit("dispose");
+		this.#emitter.clear();
+		this.#underdampedSolver = null;
+		this.#criticallyDampedSolver = null;
+		this.#overdampedSolver = null;
+		this.#currentSolver = null;
+	}
+	#syncStart() {
+		if (!this.#running && !this.#state.isResting) {
+			this.#running = true;
+			this.#emitter.emit("start");
+		}
+	}
+	#updateSolver() {
+		if (this.#config.dampingRatio < 1) {
+			this.#underdampedSolver ||= new UnderdampedSolver(this.#state);
+			this.#currentSolver = this.#underdampedSolver;
+		} else if (this.#config.dampingRatio === 1) {
+			this.#criticallyDampedSolver ||= new CriticallyDampedSolver(this.#state);
+			this.#currentSolver = this.#criticallyDampedSolver;
+		} else {
+			this.#overdampedSolver ||= new OverdampedSolver(this.#state);
+			this.#currentSolver = this.#overdampedSolver;
+		}
+		this.#currentSolver.configure(this.#config);
+	}
+};
+//#endregion
+//#region src/shape-tree.ts
+function joinPath(path, key) {
+	return path ? `${path}.${key}` : String(key);
+}
+function describePath(path) {
+	return path ? `'${path}'` : "the root";
+}
+/** The sentinel a resolver returns to descend into a node instead of covering it. */
+const BRANCH = Symbol("branch");
+/** The standard scatter leaf guard: partial numeric shapes take only finite numbers at channels. */
+function acceptNumber(input, path) {
+	invariant(isNumber(input) && Number.isFinite(input), () => `Expected a finite number for channel '${path}'`);
+	return input;
+}
+/**
+* The canonical numeric `LeafParser`: finite-number leaves built through
+* `factory`, named "channels" in structural errors. The default for value
+* shapes, whose leaves are all numbers.
+*/
+function channelParser(factory) {
+	return {
+		match(value, path) {
+			if (!isNumber(value)) return void 0;
+			invariant(Number.isFinite(value), () => `Invalid value at '${path}': channel values must be finite`);
+			return factory(value, path);
+		},
+		mismatch: (path) => `Invalid value at '${path}': expected a number or a nested shape of numbers`,
+		empty: (path) => `Invalid value at ${describePath(path)}: a shape must contain at least one channel`
+	};
+}
+var LeafNode = class LeafNode {
+	path;
+	leaf;
+	constructor(leaf, path) {
+		this.path = path;
+		this.leaf = leaf;
+	}
+	mirror(read, slots, carrier, key) {
+		carrier[key] = read(this.leaf);
+		slots.push({
+			leaf: this.leaf,
+			key,
+			carrier
+		});
+	}
+	scatter(input, accept, apply) {
+		apply(this.leaf, accept(input, this.path));
+	}
+	zip(theirs, fn) {
+		invariant(theirs instanceof LeafNode, () => `Shape mismatch at ${describePath(this.path)}`);
+		fn(this.leaf, theirs.leaf);
+	}
+	broadcast(input, resolve, apply, _label) {
+		const resolved = resolve(input, this.path);
+		invariant(resolved !== BRANCH, `Cannot descend into channel '${this.path}'`);
+		apply(this.leaf, resolved);
+	}
+	cover(value, apply) {
+		apply(this.leaf, value);
+	}
+};
+var ListNode = class ListNode {
+	path;
+	children;
+	constructor(children, path) {
+		this.path = path;
+		this.children = children;
+	}
+	mirror(read, slots, carrier, key) {
+		const mine = [];
+		carrier[key] = mine;
+		const slotcarrier = mine;
+		for (let i = 0; i < this.children.length; i++) this.children[i].mirror(read, slots, slotcarrier, i);
+	}
+	scatter(input, accept, apply) {
+		invariant(isArray(input), () => `Expected an array at ${describePath(this.path)}`);
+		invariant(input.length <= this.children.length, `Unknown channel '${joinPath(this.path, this.children.length)}'`);
+		for (let i = 0; i < input.length; i++) {
+			if (input[i] === void 0) continue;
+			this.children[i].scatter(input[i], accept, apply);
+		}
+	}
+	zip(theirs, fn) {
+		invariant(theirs instanceof ListNode && theirs.children.length === this.children.length, () => `Shape mismatch at ${describePath(this.path)}`);
+		for (let i = 0; i < this.children.length; i++) this.children[i].zip(theirs.children[i], fn);
+	}
+	broadcast(input, resolve, apply, label) {
+		const resolved = resolve(input, this.path);
+		if (resolved !== BRANCH) {
+			this.cover(resolved, apply);
+			return;
+		}
+		invariant(isArray(input), () => `Expected an array at ${describePath(this.path)} in ${label}`);
+		invariant(input.length <= this.children.length, () => `Unknown channel '${joinPath(this.path, this.children.length)}' in ${label}`);
+		for (let i = 0; i < input.length; i++) {
+			if (input[i] === void 0) continue;
+			this.children[i].broadcast(input[i], resolve, apply, label);
+		}
+	}
+	cover(value, apply) {
+		for (const child of this.children) child.cover(value, apply);
+	}
+};
+var RecordNode = class RecordNode {
+	path;
+	children;
+	constructor(children, path) {
+		this.path = path;
+		this.children = children;
+	}
+	mirror(read, slots, carrier, key) {
+		const mine = {};
+		carrier[key] = mine;
+		for (const [childKey, child] of this.children) child.mirror(read, slots, mine, childKey);
+	}
+	scatter(input, accept, apply) {
+		invariant(isRecord(input), () => `Expected an object at ${describePath(this.path)}`);
+		for (const key of Object.keys(input)) {
+			const value = input[key];
+			if (value === void 0) continue;
+			const child = this.children.get(key);
+			invariant(child !== void 0, () => `Unknown channel '${joinPath(this.path, key)}'`);
+			child.scatter(value, accept, apply);
+		}
+	}
+	zip(theirs, fn) {
+		invariant(theirs instanceof RecordNode && theirs.children.size === this.children.size, () => `Shape mismatch at ${describePath(this.path)}`);
+		for (const [key, child] of this.children) {
+			const their = theirs.children.get(key);
+			invariant(their !== void 0, () => `Shape mismatch at ${describePath(this.path)}`);
+			child.zip(their, fn);
+		}
+	}
+	broadcast(input, resolve, apply, label) {
+		const resolved = resolve(input, this.path);
+		if (resolved !== BRANCH) {
+			this.cover(resolved, apply);
+			return;
+		}
+		invariant(isRecord(input), () => `Expected an object at ${describePath(this.path)} in ${label}`);
+		for (const key of Object.keys(input)) {
+			const value = input[key];
+			if (value === void 0) continue;
+			const child = this.children.get(key);
+			invariant(child !== void 0, () => `Unknown channel '${joinPath(this.path, key)}' in ${label}`);
+			child.broadcast(value, resolve, apply, label);
+		}
+	}
+	cover(value, apply) {
+		for (const child of this.children.values()) child.cover(value, apply);
+	}
+};
+/**
+* A shape parsed into a node tree, paired with its leaves flattened in
+* depth-first shape order. `parser.match` decides leaf vs branch at every
+* position; the root must already be a container — callers validate that
+* (with their own message) before building. Nested non-containers and
+* empty nodes throw through `parser.mismatch`/`parser.empty`.
+*
+* Holds no behavior of its own: traversals run through `root`, and a live
+* view comes from `new ShapeView(root, read)`.
+*/
+var ShapeTree = class {
+	root;
+	leaves;
+	constructor(shape, parser) {
+		const leaves = [];
+		this.root = buildContainer(shape, "", parser, leaves);
+		this.leaves = leaves;
+	}
+};
+function buildContainer(shape, path, parser, leaves) {
+	if (isArray(shape)) {
+		invariant(shape.length > 0, () => parser.empty(path));
+		return new ListNode(shape.map((child, i) => buildChild(child, joinPath(path, i), parser, leaves)), path);
+	}
+	const keys = Object.keys(shape);
+	invariant(keys.length > 0, () => parser.empty(path));
+	const children = /* @__PURE__ */ new Map();
+	for (const key of keys) children.set(key, buildChild(shape[key], joinPath(path, key), parser, leaves));
+	return new RecordNode(children, path);
+}
+function buildChild(value, path, parser, leaves) {
+	const leaf = parser.match(value, path);
+	if (leaf !== void 0) {
+		leaves.push(leaf);
+		return new LeafNode(leaf, path);
+	}
+	invariant(isRecordOrArray(value), () => parser.mismatch(path));
+	return buildContainer(value, path, parser, leaves);
+}
+/**
+* A live view of a shape: `read(leaf)` at every leaf, mirrored into a stable
+* object — `refresh` rewrites the values in place through slots recorded at
+* construction, so per-frame reads do no traversal or allocation.
+*/
+var ShapeView = class {
+	root;
+	#read;
+	#slots = [];
+	constructor(root, read) {
+		this.#read = read;
+		const scratch = {};
+		root.mirror(read, this.#slots, scratch, "root");
+		this.root = scratch["root"];
+	}
+	/** Re-reads every leaf into the view. */
+	refresh() {
+		for (const slot of this.#slots) slot.carrier[slot.key] = this.#read(slot.leaf);
+	}
+};
+//#endregion
+//#region src/spring-source.ts
+/**
+* The property key that brands a `SpringSource` and holds the channel its
+* followers read. A registry symbol (`Symbol.for('coily/spring-source')`),
+* so sources from one copy of coily are recognized by another when a
+* bundle duplicates the library.
+*/
+const SpringSourceSymbol = Symbol.for("coily/spring-source");
+function isSpringSource(value) {
+	return typeof value === "object" && value !== null && SpringSourceSymbol in value;
+}
+const RECIPES = /* @__PURE__ */ new WeakMap();
+function applyFns(fns, value) {
+	let result = value;
+	for (const fn of fns) result = fn(result);
+	return result;
+}
+function sourceMismatch(path) {
+	return `Invalid value at ${describePath(path)}: expected a SpringSource or a nested shape of SpringSources`;
+}
+/**
+* Parses a shape of sources into a live view, collecting subscription
+* roots along the way (a mapped leaf contributes its recipe's roots and
+* reads through its pipeline). Structure is validated once at creation;
+* reads refresh a stable mirror through the view's slots, so per-update
+* reads do no traversal or allocation.
+*/
+function compileShape(shape, roots) {
+	const { root } = new ShapeTree(shape, {
+		match(value) {
+			if (!isSpringSource(value)) return void 0;
+			const recipe = RECIPES.get(value);
+			if (recipe) {
+				roots.push(...recipe.sources);
+				return () => applyFns(recipe.fns, recipe.read());
+			}
+			roots.push(value);
+			const api = value[SpringSourceSymbol];
+			return () => api.value;
+		},
+		mismatch: sourceMismatch,
+		empty: (path) => `Invalid value at ${describePath(path)}: a shape must contain at least one source`
+	});
+	return new ShapeView(root, (leaf) => leaf());
+}
+function mapSpring(source, map) {
+	const compute = map;
+	let recipe;
+	if (isSpringSource(source)) {
+		const flat = RECIPES.get(source);
+		if (flat) recipe = {
+			sources: flat.sources,
+			read: flat.read,
+			fns: [...flat.fns, compute]
+		};
+		else {
+			const api = source[SpringSourceSymbol];
+			recipe = {
+				sources: [source],
+				read: () => api.value,
+				fns: [compute]
+			};
+		}
+	} else {
+		invariant(isRecordOrArray(source), () => sourceMismatch(""));
+		const roots = [];
+		const view = compileShape(source, roots);
+		recipe = {
+			sources: [...new Set(roots)],
+			read: () => {
+				view.refresh();
+				return view.root;
+			},
+			fns: [compute]
+		};
+	}
+	const { sources, read, fns } = recipe;
+	const single = sources.length === 1 ? sources[0][SpringSourceSymbol] : null;
+	const apis = single ? null : sources.map((leaf) => leaf[SpringSourceSymbol]);
+	const mapped = Object.freeze({ [SpringSourceSymbol]: Object.freeze({
+		get value() {
+			return applyFns(fns, read());
+		},
+		onUpdate: single ? (callback) => single.onUpdate(callback) : (callback) => {
+			const unsubscribes = apis.map((api) => api.onUpdate(callback));
+			return () => {
+				for (const unsubscribe of unsubscribes) unsubscribe();
+			};
+		},
+		onDispose: single ? (callback) => single.onDispose(callback) : (callback) => {
+			let fired = false;
+			const unsubscribes = apis.map((api) => api.onDispose(() => {
+				if (fired) return;
+				fired = true;
+				for (const unsubscribe of unsubscribes) unsubscribe();
+				callback();
+			}));
+			return () => {
+				for (const unsubscribe of unsubscribes) unsubscribe();
+			};
+		}
+	}) });
+	RECIPES.set(mapped, recipe);
+	return mapped;
+}
+//#endregion
+//#region src/spring.ts
+/**
+* One animated number, driven toward its target with damped spring
+* motion. Create springs with `SpringSystem.createSpring`; the owning
+* system advances them, so a spring only moves while its system runs.
+*
+* Reads return the exact simulated state; nothing is rounded. Numeric
+* writes — `target`, `value`, `velocity`, `jumpTo` — require finite
+* numbers: `NaN` or an infinity throws rather than poisoning the
+* simulation. See
+* https://github.com/tkofh/coily/blob/main/PRECISION.md for the
+* numerical contract.
+*/
+var Spring = class {
+	/** Brands the spring as a `KinematicSource` whose api is the spring itself. */
+	get [SpringSourceSymbol]() {
+		return this;
+	}
+	#target;
+	#config;
+	#purpose;
+	#motion;
+	#motions;
+	#leader = null;
+	#unsubLeader = null;
+	#settled = null;
+	#resolveSettled = null;
+	#disposed = false;
+	constructor(motions, value, config, purpose = "motion") {
+		invariant(Number.isFinite(value), "Spring value must be a finite number");
+		invariant(purpose === "motion" || purpose === "appearance", "Spring purpose must be 'motion' or 'appearance'");
+		this.#motions = motions;
+		this.#config = config ?? SpringDefinition.default;
+		this.#target = value;
+		this.#purpose = purpose;
+		this.#motion = new Motion(this.#config, 0, 0);
+		this.#motion.respectsReducedMotion = purpose === "motion";
+	}
+	/**
+	* The value the spring is animating toward. While following a source,
+	* reads return the source's value as of its last update.
+	*
+	* Assignment accepts any `SpringTarget`:
+	* - A number retargets the spring. The current value and momentum carry
+	*   over, so mid-flight retargets stay smooth. Assigning a number while
+	*   following also stops the following.
+	* - A `SpringSource` — a `Spring`, or a value derived with `mapSpring` —
+	*   makes this spring follow the source's live value.
+	*
+	* Under reduced motion, retargets apply instantly — unless `purpose` is
+	* `'appearance'`, in which case they animate as normal.
+	*/
+	get target() {
+		return this.#target;
+	}
+	set target(value) {
+		if (typeof value === "number") {
+			this.#unfollow();
+			this.#setTarget(value);
+		} else {
+			invariant(isSpringSource(value), "Spring target must be a number or a SpringSource");
+			invariant(typeof value[SpringSourceSymbol].value === "number", "A spring can only follow a scalar SpringSource; derive one from a composite with mapSpring");
+			this.#follow(value);
+		}
+	}
+	/**
+	* The current animated value: the target plus the remaining
+	* displacement.
+	*
+	* Writing displaces the spring: it keeps its target and springs back
+	* from the written value, notifying update listeners synchronously.
+	* Writing the current value is a no-op. Under reduced motion a write
+	* jumps the spring — target included — to the written value, unless
+	* `purpose` is `'appearance'`, in which case it displaces as normal.
+	*/
+	get value() {
+		return this.#target + this.#motion.position;
+	}
+	set value(value) {
+		invariant(Number.isFinite(value), "Spring value must be a finite number");
+		if (this.#motions.reduced && this.#purpose === "motion") {
+			if (value !== this.value) this.jumpTo(value);
+			return;
+		}
+		const position = value - this.#target;
+		if (position !== this.#motion.position) {
+			this.#motions.add(this.#motion);
+			this.#motion.position = position;
+			this.#motion.tick(0);
+		}
+	}
+	/**
+	* The current velocity, in value units per second.
+	*
+	* Writing flings the spring: motion continues from the current value
+	* with the written velocity, then settles back to the target. Under
+	* reduced motion writes are ignored, unless `purpose` is `'appearance'`,
+	* in which case the fling applies as normal.
+	*/
+	get velocity() {
+		return this.#motion.velocity;
+	}
+	set velocity(value) {
+		invariant(Number.isFinite(value), "Spring velocity must be a finite number");
+		if (this.#motions.reduced && this.#purpose === "motion") return;
+		this.#motions.add(this.#motion);
+		this.#motion.velocity = value;
+	}
+	/**
+	* The current acceleration, in value units per second squared — how
+	* fast the velocity is changing. Read-only: acceleration is the
+	* spring's stiffness and friction acting on its current displacement
+	* and velocity, so it follows from the motion rather than being set.
+	* To fling the spring, write `velocity` instead.
+	*/
+	get acceleration() {
+		const { tension, damping, mass } = this.#config;
+		return -(tension * this.#motion.position + damping * this.#motion.velocity) / mass;
+	}
+	/**
+	* What the spring animates — `'motion'` or `'appearance'` — fixed when
+	* it was created. An `'appearance'` spring opts out of reduced motion:
+	* it keeps animating where a `'motion'` spring snaps to its target. See
+	* `Purpose`.
+	*/
+	get purpose() {
+		return this.#purpose;
+	}
+	/**
+	* The spring's `SpringDefinition`: the one it was created with or last
+	* assigned, otherwise `SpringDefinition.default`. Following a source
+	* never changes it — how a spring chases its target is the spring's
+	* own setting.
+	*
+	* Assigning a config reconfigures the spring in place — value and
+	* velocity are preserved, so mid-flight reconfigures stay smooth.
+	* Assigning `null` reverts to the default.
+	*/
+	get config() {
+		return this.#config;
+	}
+	/** The config's mass. */
+	get mass() {
+		return this.#config.mass;
+	}
+	/** The config's tension (stiffness). */
+	get tension() {
+		return this.#config.tension;
+	}
+	/** The config's damping (friction). */
+	get damping() {
+		return this.#config.damping;
+	}
+	/** The config's damping ratio. */
+	get dampingRatio() {
+		return this.#config.dampingRatio;
+	}
+	/** The config's resting precision. */
+	get precision() {
+		return this.#config.precision;
+	}
+	set config(value) {
+		const next = value ?? SpringDefinition.default;
+		if (this.#config === next) return;
+		this.#config = next;
+		this.#motion.configure(next);
+		if (!this.#motion.isResting) this.#motions.add(this.#motion);
+	}
+	/**
+	* Estimated milliseconds until the spring rests: 0 while resting,
+	* Infinity when undamped. The estimate carries a safety margin, so
+	* actual rest usually lands earlier.
+	*/
+	get timeRemaining() {
+		return this.#motion.timeRemaining;
+	}
+	/**
+	* Whether the spring's remaining motion is inside its resting
+	* threshold. Resting springs cost nothing until the next write. See
+	* https://github.com/tkofh/coily/blob/main/PRECISION.md for the rest
+	* test.
+	*/
+	get isResting() {
+		return this.#motion.isResting;
+	}
+	/**
+	* A promise that resolves when the spring next comes to rest — already
+	* resolved while resting or after dispose. Retargeting mid-flight
+	* extends the wait; disposing resolves it.
+	*
+	* @example
+	* ```ts
+	* spring.target = 300
+	* await spring.settled
+	* // the spring is at 300 and resting
+	* ```
+	*/
+	get settled() {
+		if (this.#disposed || this.#motion.isResting) return RESOLVED;
+		this.#settled ??= new Promise((resolve) => {
+			this.#resolveSettled = resolve;
+			const unsubscribe = this.onStop(() => {
+				unsubscribe();
+				this.#settled = null;
+				this.#resolveSettled = null;
+				resolve();
+			});
+		});
+		return this.#settled;
+	}
+	/**
+	* Snaps the spring to `value` with no animation: target and value both
+	* become `value` and velocity clears. Listeners are notified
+	* synchronously — `update`, plus `stop` if the spring was moving.
+	*/
+	jumpTo(value) {
+		invariant(Number.isFinite(value), "Spring value must be a finite number");
+		this.#target = value;
+		this.#motion.finish();
+	}
+	/**
+	* Releases the spring permanently: stops following, detaches followers
+	* (each keeps its current target), resolves `settled`, and notifies
+	* dispose listeners. Calling it again is a no-op.
+	*
+	* A disposed spring keeps its final value readable; writes throw.
+	*/
+	dispose() {
+		if (this.#disposed) return;
+		this.#disposed = true;
+		if (this.#resolveSettled) {
+			this.#resolveSettled();
+			this.#settled = null;
+			this.#resolveSettled = null;
+		}
+		if (this.#unsubLeader) {
+			this.#unsubLeader();
+			this.#unsubLeader = null;
+			this.#leader = null;
+		}
+		this.#motions.remove(this.#motion);
+		this.#motion.dispose();
+	}
+	/**
+	* Subscribes to value changes: every tick the spring moves, plus
+	* synchronous `value` writes and `jumpTo` calls. Returns an unsubscribe
+	* function.
+	*/
+	onUpdate(callback) {
+		return this.#motion.onUpdate(callback);
+	}
+	/**
+	* Subscribes to the spring leaving rest. `start` and `stop` always
+	* alternate; retargeting mid-flight fires neither. Returns an
+	* unsubscribe function.
+	*/
+	onStart(callback) {
+		return this.#motion.onStart(callback);
+	}
+	/**
+	* Subscribes to the spring coming to rest, whether by settling or by
+	* `jumpTo`. Always alternates with `start`. Returns an unsubscribe
+	* function.
+	*/
+	onStop(callback) {
+		return this.#motion.onStop(callback);
+	}
+	/** Subscribes to `dispose`, which fires once. Returns an unsubscribe function. */
+	onDispose(callback) {
+		return this.#motion.onDispose(callback);
+	}
+	#setTarget(value) {
+		invariant(Number.isFinite(value), "Spring target must be a finite number");
+		if (value !== this.#target) {
+			if (this.#motions.reduced && this.#purpose === "motion") {
+				this.jumpTo(value);
+				return;
+			}
+			this.#motions.add(this.#motion);
+			const current = this.value;
+			this.#target = value;
+			this.#motion.position = current - this.#target;
+			this.#motion.tick(0, false);
+		}
+	}
+	#follow(source) {
+		this.#unsubLeader?.();
+		this.#leader = source;
+		const api = source[SpringSourceSymbol];
+		const unsubUpdate = api.onUpdate(() => {
+			this.#setTarget(api.value);
+		});
+		const unsubDispose = api.onDispose(() => {
+			this.#unfollow();
+		});
+		this.#unsubLeader = () => {
+			unsubUpdate();
+			unsubDispose();
+		};
+		this.#setTarget(api.value);
+	}
+	#unfollow() {
+		if (!this.#leader) return;
+		this.#unsubLeader();
+		this.#unsubLeader = null;
+		this.#leader = null;
+	}
+};
+//#endregion
+//#region src/composite-spring.ts
+function invalidConfig(path) {
+	return `Invalid config for ${describePath(path)}: expected a SpringDefinition, null, or a config shape matching the value`;
+}
+/**
+* Decides what a config node means: `null` and `SpringDefinition` instances are
+* configs covering the whole subtree, any other object or array is a config
+* shape to descend into (its structure is checked on the way down), and
+* anything else — a bare number, string, or options object — is invalid.
+*/
+function resolveConfigNode(node, path) {
+	if (node === null) return null;
+	if (node instanceof SpringDefinition) return node;
+	if (isRecordOrArray(node)) return BRANCH;
+	throw new Error(invalidConfig(path));
+}
+function invalidPurpose(path) {
+	return `Invalid purpose for ${describePath(path)}: expected 'motion', 'appearance', or a purpose shape matching the value`;
+}
+/**
+* Decides what a purpose node means: a `Purpose` string covers the whole
+* subtree, any object or array is a purpose shape to descend into, and
+* anything else is invalid.
+*/
+function resolvePurposeNode(node, path) {
+	if (node === "motion" || node === "appearance") return node;
+	if (isRecordOrArray(node)) return BRANCH;
+	throw new Error(invalidPurpose(path));
+}
+const readTarget = (spring) => spring.target;
+const readValue = (spring) => spring.value;
+const readVelocity = (spring) => spring.velocity;
+const readAcceleration = (spring) => spring.acceleration;
+/**
+* The target scatter's leaf guard: a channel animates toward a number,
+* or follows a scalar source. Checked here so the error carries the
+* channel's path.
+*/
+function acceptChannelTarget(input, path) {
+	invariant(isNumber(input) && Number.isFinite(input) || isSpringSource(input) && typeof input[SpringSourceSymbol].value === "number", () => `Invalid value at '${path}': expected a finite number or a scalar SpringSource`);
+	return input;
+}
+const assignTarget = (spring, value) => {
+	spring.target = value;
+};
+const assignValue = (spring, value) => {
+	spring.value = value;
+};
+const assignVelocity = (spring, value) => {
+	spring.velocity = value;
+};
+const applyJump = (spring, value) => {
+	spring.jumpTo(value);
+};
+const assignConfig = (spring, config) => {
+	spring.config = config;
+};
+const followChannel = (mine, theirs) => {
+	mine.target = theirs;
+};
+/**
+* A composite spring over a fixed numeric shape — a nested plain object
+* or array whose leaves are all numbers. Each leaf runs an independent
+* spring, called a channel, behind one API: targets, values, velocities,
+* and configs read and write as (partial) shapes, and events are
+* coalesced across channels. Create composite springs with
+* `SpringSystem.createSpring`.
+*
+* A composite spring is a `SpringSource` of its value shape: `mapSpring`
+* derives scalar sources from it — alone or at the leaves of a shape —
+* which springs can then follow. Only scalar sources are followable
+* directly.
+*
+* The shape is fixed at construction. Writes naming unknown channels
+* throw with the channel's path (`position.z`), and so do non-finite
+* channel values.
+*/
+var CompositeSpring = class CompositeSpring {
+	/** Brands the composite as a `KinematicSource` whose api is the composite itself. */
+	get [SpringSourceSymbol]() {
+		return this;
+	}
+	#motions;
+	#tree;
+	#valueView;
+	#targetView = null;
+	#velocityView = null;
+	#accelerationView = null;
+	#emitter = new Emitter();
+	#running = false;
+	#dirty = false;
+	#settled = null;
+	#resolveSettled = null;
+	#disposed = false;
+	#flush = () => {
+		if (this.#disposed) return;
+		if (this.#dirty) {
+			this.#dirty = false;
+			this.#emitter.emit("update");
+		}
+		if (this.#running) {
+			if (this.isResting) {
+				this.#running = false;
+				this.#emitter.emit("stop");
+			}
+		} else if (!this.isResting) {
+			this.#running = true;
+			this.#emitter.emit("start");
+		}
+	};
+	constructor(motions, value, config, purpose) {
+		this.#motions = motions;
+		invariant(isRecordOrArray(value), "Composite spring value must be a plain object or an array of numeric channels");
+		let purposeByPath = null;
+		if (purpose !== void 0) {
+			const byPath = /* @__PURE__ */ new Map();
+			new ShapeTree(value, channelParser((_leafValue, path) => path)).root.broadcast(purpose, resolvePurposeNode, (path, p) => byPath.set(path, p), "purpose");
+			purposeByPath = byPath;
+		}
+		this.#tree = new ShapeTree(value, channelParser((leafValue, path) => new Spring(motions, leafValue, void 0, purposeByPath?.get(path) ?? "motion")));
+		if (config !== void 0) this.#tree.root.broadcast(config, resolveConfigNode, assignConfig, "config");
+		this.#valueView = new ShapeView(this.#tree.root, readValue);
+		const markDirty = () => {
+			this.#dirty = true;
+			this.#motions.flushes.request(this.#flush);
+		};
+		const schedule = () => {
+			this.#motions.flushes.request(this.#flush);
+		};
+		for (const channel of this.#tree.leaves) {
+			channel.onUpdate(markDirty);
+			channel.onStart(schedule);
+			channel.onStop(schedule);
+		}
+	}
+	/**
+	* The value each channel is animating toward, as a read-only mirror of
+	* the shape. The mirror object is reused: every read refreshes its
+	* numbers in place, so read it fresh rather than holding it across
+	* frames.
+	*
+	* Assignment accepts a `CompositeSpringTarget`:
+	* - A partial shape retargets the channels it names and leaves the
+	*   others alone. Each named channel takes a number, or a scalar
+	*   `SpringSource` to follow — a `Spring`, or a value derived with
+	*   `mapSpring`. While following a leader, naming a channel also
+	*   detaches that channel from it.
+	* - A `CompositeSpring` of the same shape follows the leader channel by
+	*   channel.
+	*
+	* Unknown channels throw with their path.
+	*/
+	get target() {
+		const view = this.#targetView ??= new ShapeView(this.#tree.root, readTarget);
+		view.refresh();
+		return view.root;
+	}
+	set target(value) {
+		if (value instanceof CompositeSpring) this.#follow(value);
+		else this.#motions.flushes.batch(() => {
+			this.#tree.root.scatter(value, acceptChannelTarget, assignTarget);
+		});
+	}
+	/**
+	* The current animated value of every channel, as a read-only mirror of
+	* the shape. The mirror object is reused: every read refreshes its
+	* numbers in place, so read it fresh rather than holding it across
+	* frames.
+	*
+	* Assignment takes a partial shape and displaces the channels it names:
+	* each keeps its target and springs back from the written value, with
+	* one coalesced `update` fired synchronously. Under reduced motion a
+	* write jumps the named channels — targets included — except channels
+	* whose `purpose` is `'appearance'`, which displace as normal.
+	*/
+	get value() {
+		this.#valueView.refresh();
+		return this.#valueView.root;
+	}
+	set value(value) {
+		this.#motions.flushes.batch(() => {
+			this.#tree.root.scatter(value, acceptNumber, assignValue);
+		});
+	}
+	/**
+	* The current velocity of every channel in value units per second, as a
+	* read-only mirror of the shape — reused and refreshed in place on each
+	* read.
+	*
+	* Assignment takes a partial shape and flings the channels it names;
+	* the rest are untouched. Under reduced motion writes are ignored,
+	* except on channels whose `purpose` is `'appearance'`.
+	*/
+	get velocity() {
+		const view = this.#velocityView ??= new ShapeView(this.#tree.root, readVelocity);
+		view.refresh();
+		return view.root;
+	}
+	set velocity(value) {
+		this.#motions.flushes.batch(() => {
+			this.#tree.root.scatter(value, acceptNumber, assignVelocity);
+		});
+	}
+	/**
+	* The current acceleration of every channel in value units per second
+	* squared, as a read-only mirror of the shape — reused and refreshed in
+	* place on each read. Read-only, like each channel's: acceleration
+	* follows from the motion. To fling channels, write `velocity`.
+	*/
+	get acceleration() {
+		const view = this.#accelerationView ??= new ShapeView(this.#tree.root, readAcceleration);
+		view.refresh();
+		return view.root;
+	}
+	/**
+	* The shared config when every channel resolves to the same
+	* `SpringDefinition`, and `null` when they differ.
+	*
+	* Assignment accepts a `ConfigShape`: one config for every channel,
+	* `null` to revert every channel to the default, or a shape mirroring
+	* the value with configs at any level — a config at a subtree covers
+	* every channel below it. Non-config leaves throw with their path.
+	*/
+	get config() {
+		const channels = this.#tree.leaves;
+		const first = channels[0].config;
+		for (let i = 1; i < channels.length; i++) if (channels[i].config !== first) return null;
+		return first;
+	}
+	set config(value) {
+		this.#motions.flushes.batch(() => {
+			this.#tree.root.broadcast(value ?? null, resolveConfigNode, assignConfig, "config");
+		});
+	}
+	/**
+	* The shared purpose when every channel resolves to the same `Purpose`,
+	* and `null` when they differ. Fixed when the spring is created — an
+	* `'appearance'` channel opts out of reduced motion. See `Purpose`.
+	*/
+	get purpose() {
+		const channels = this.#tree.leaves;
+		const first = channels[0].purpose;
+		for (let i = 1; i < channels.length; i++) if (channels[i].purpose !== first) return null;
+		return first;
+	}
+	/** The largest `timeRemaining` across channels, in milliseconds. */
+	get timeRemaining() {
+		let max = 0;
+		for (const channel of this.#tree.leaves) {
+			const remaining = channel.timeRemaining;
+			if (remaining > max) max = remaining;
+		}
+		return max;
+	}
+	/** Whether every channel is resting. */
+	get isResting() {
+		for (const channel of this.#tree.leaves) if (!channel.isResting) return false;
+		return true;
+	}
+	/**
+	* A promise that resolves when every channel next rests — already
+	* resolved while resting or after dispose. Retargeting any channel
+	* mid-flight extends the wait; disposing resolves it.
+	*/
+	get settled() {
+		if (this.#disposed || this.isResting) return RESOLVED;
+		this.#settled ??= new Promise((resolve) => {
+			this.#resolveSettled = resolve;
+			const unsubscribe = this.onStop(() => {
+				unsubscribe();
+				this.#settled = null;
+				this.#resolveSettled = null;
+				resolve();
+			});
+		});
+		return this.#settled;
+	}
+	/**
+	* Snaps the channels the partial shape names to the given values with
+	* no animation, notifying listeners synchronously. Channels it leaves
+	* out are untouched.
+	*/
+	jumpTo(value) {
+		this.#motions.flushes.batch(() => {
+			this.#tree.root.scatter(value, acceptNumber, applyJump);
+		});
+	}
+	/**
+	* Releases every channel permanently: resolves `settled` and notifies
+	* dispose listeners. Calling it again is a no-op.
+	*
+	* A disposed composite spring keeps its final values readable; writes
+	* throw.
+	*/
+	dispose() {
+		if (this.#disposed) return;
+		this.#disposed = true;
+		if (this.#resolveSettled) {
+			this.#resolveSettled();
+			this.#settled = null;
+			this.#resolveSettled = null;
+		}
+		for (const channel of this.#tree.leaves) channel.dispose();
+		this.#emitter.clear();
+	}
+	/**
+	* Subscribes to coalesced value changes: at most one `update` per tick,
+	* fired after every channel has advanced, plus one per synchronous
+	* write. Returns an unsubscribe function.
+	*/
+	onUpdate(callback) {
+		return this.#emitter.on("update", callback);
+	}
+	/**
+	* Subscribes to the composite leaving rest: a channel starts moving
+	* while all were resting. Always alternates with `stop`. Returns an
+	* unsubscribe function.
+	*/
+	onStart(callback) {
+		return this.#emitter.on("start", callback);
+	}
+	/**
+	* Subscribes to the composite coming to rest: every channel resting,
+	* fired after that tick's final `update`. Always alternates with
+	* `start`. Returns an unsubscribe function.
+	*/
+	onStop(callback) {
+		return this.#emitter.on("stop", callback);
+	}
+	/** Subscribes to `dispose`, which fires once. Returns an unsubscribe function. */
+	onDispose(callback) {
+		return this.#tree.leaves[0].onDispose(callback);
+	}
+	#follow(leader) {
+		this.#motions.flushes.batch(() => {
+			this.#tree.root.zip(leader.#tree.root, followChannel);
+		});
+	}
+};
+//#endregion
+//#region src/ticker.ts
+const request = (callback) => typeof window !== "undefined" ? window.requestAnimationFrame(callback) : setTimeout(() => callback(performance.now()), 16);
+const cancel = (id) => {
+	if (typeof window !== "undefined") window.cancelAnimationFrame(id);
+	else clearTimeout(id);
+};
+/**
+* Drives a `MotionSet` from animation frames. Schedules frames only
+* while motions exist — otherwise it sleeps and the set's `onWake`
+* rearms it — paces fps caps to whole display frames, and clamps lag
+* gaps.
+*/
+var Ticker = class {
+	#fps;
+	#gap;
+	#capGap;
+	#lagThreshold;
+	#adjustedLag;
+	#motion;
+	#frame = 0;
+	#time = 0;
+	#delta = 0;
+	#acc = 0;
+	#lastWallTime = 0;
+	#primed = false;
+	#id = 0;
+	#stopped = true;
+	#sleeping = false;
+	constructor(motions, options) {
+		this.#motion = motions;
+		const fps = options?.fps ?? 0;
+		const lagThreshold = options?.lagThreshold ?? 500;
+		const adjustedLag = options?.adjustedLag ?? 33;
+		invariant(fps >= 0, "FPS must be greater than or equal to 0");
+		invariant(lagThreshold >= 0, "Lag threshold must be greater than or equal to 0");
+		invariant(adjustedLag >= 0, "Adjusted lag must be greater than or equal to 0");
+		this.#fps = fps;
+		this.#gap = fps === 0 ? 1e3 / 60 : 1e3 / fps;
+		this.#capGap = fps === 0 ? 0 : 1e3 / fps;
+		this.#lagThreshold = lagThreshold === 0 ? 1e8 : lagThreshold;
+		this.#adjustedLag = Math.min(adjustedLag, this.#lagThreshold);
+		motions.onWake = () => this.#wake();
+	}
+	get fps() {
+		return this.#fps;
+	}
+	set fps(value) {
+		invariant(value >= 0, "FPS must be greater than or equal to 0");
+		this.#fps = value;
+		this.#gap = value === 0 ? 1e3 / 60 : 1e3 / value;
+		this.#capGap = value === 0 ? 0 : 1e3 / value;
+	}
+	get lagThreshold() {
+		return this.#lagThreshold;
+	}
+	set lagThreshold(value) {
+		invariant(value >= 0, "Lag threshold must be greater than or equal to 0");
+		this.#lagThreshold = value === 0 ? 1e8 : value;
+		this.#adjustedLag = Math.min(this.#adjustedLag, this.#lagThreshold);
+	}
+	get adjustedLag() {
+		return this.#adjustedLag;
+	}
+	set adjustedLag(value) {
+		invariant(value >= 0, "Adjusted lag must be greater than or equal to 0");
+		this.#adjustedLag = Math.min(value, this.#lagThreshold);
+	}
+	get time() {
+		return this.#time;
+	}
+	get frame() {
+		return this.#frame;
+	}
+	get delta() {
+		return this.#delta;
+	}
+	get deltaRatio() {
+		return this.#delta / this.#gap;
+	}
+	get stopped() {
+		return this.#stopped;
+	}
+	start() {
+		if (this.#stopped) {
+			this.#stopped = false;
+			this.#primed = false;
+			this.#acc = 0;
+			this.#schedule();
+		}
+	}
+	stop() {
+		if (!this.#stopped) {
+			if (!this.#sleeping) cancel(this.#id);
+			this.#stopped = true;
+			this.#sleeping = false;
+		}
+	}
+	tick() {
+		this.#step(this.#gap);
+	}
+	#schedule() {
+		if (this.#motion.size === 0) {
+			this.#sleeping = true;
+			this.#acc = 0;
+		} else {
+			this.#sleeping = false;
+			this.#id = request((t) => this.#onFrame(t));
+		}
+	}
+	#wake() {
+		if (!this.#stopped && this.#sleeping) {
+			this.#primed = false;
+			this.#schedule();
+		}
+	}
+	#onFrame(timestamp) {
+		if (this.#stopped) return;
+		try {
+			if (this.#primed) {
+				const wallElapsed = timestamp - this.#lastWallTime;
+				const elapsed = wallElapsed > this.#lagThreshold ? this.#adjustedLag : wallElapsed;
+				this.#acc += elapsed;
+				if (this.#acc + elapsed / 2 >= this.#capGap) {
+					const delta = this.#acc;
+					this.#acc = 0;
+					this.#step(delta);
+				}
+			} else this.#primed = true;
+		} finally {
+			this.#lastWallTime = timestamp;
+			if (!this.#stopped) this.#schedule();
+		}
+	}
+	#step(dt) {
+		this.#time += dt;
+		this.#frame++;
+		this.#delta = dt;
+		this.#motion.tick(dt / 1e3);
+	}
+};
+//#endregion
+//#region src/system.ts
+var SpringSystemImpl = class {
+	#motion;
+	#ticker;
+	constructor(options) {
+		this.#motion = new MotionSet(options?.debug);
+		this.#ticker = new Ticker(this.#motion, options);
+		const mode = options?.reducedMotion ?? "user";
+		if (mode === "always") this.#motion.reduced = true;
+		else if (mode === "user" && typeof window !== "undefined" && typeof window.matchMedia === "function") {
+			const query = window.matchMedia("(prefers-reduced-motion: reduce)");
+			this.#applyReducedMotion(query.matches);
+			query.addEventListener("change", (event) => {
+				this.#applyReducedMotion(event.matches);
+			});
+		}
+	}
+	#applyReducedMotion(reduced) {
+		this.#motion.reduced = reduced;
+		if (reduced) this.#motion.finishAll();
+	}
+	get reducedMotion() {
+		return this.#motion.reduced;
+	}
+	createSpring(value, config, options) {
+		if (typeof value === "number") return new Spring(this.#motion, value, config, options?.purpose);
+		if (isSpringSource(value)) {
+			const api = value[SpringSourceSymbol];
+			invariant(typeof api.value === "number", "A spring can only follow a scalar SpringSource; derive one from a composite with mapSpring");
+			const spring = new Spring(this.#motion, api.value, config, options?.purpose);
+			spring.target = value;
+			return spring;
+		}
+		return new CompositeSpring(this.#motion, value, config, options?.purpose);
+	}
+	advance(dt) {
+		invariant(Number.isFinite(dt), "dt must be a finite number of milliseconds");
+		this.#motion.tick(dt / 1e3);
+	}
+	start() {
+		this.#ticker.start();
+	}
+	stop() {
+		this.#ticker.stop();
+	}
+	get running() {
+		return !this.#ticker.stopped;
+	}
+	get fps() {
+		return this.#ticker.fps;
+	}
+	set fps(value) {
+		this.#ticker.fps = value;
+	}
+	get lagThreshold() {
+		return this.#ticker.lagThreshold;
+	}
+	set lagThreshold(value) {
+		this.#ticker.lagThreshold = value;
+	}
+	get adjustedLag() {
+		return this.#ticker.adjustedLag;
+	}
+	set adjustedLag(value) {
+		this.#ticker.adjustedLag = value;
+	}
+};
+/**
+* Creates a spring system: the entry point of the library.
+*
+* @example
+* ```ts
+* const system = createSpringSystem()
+* system.start()
+*
+* const spring = system.createSpring(0)
+* spring.onUpdate(() => {
+*   element.style.translate = `${spring.value}px 0`
+* })
+* spring.target = 300
+* ```
+*/
+function createSpringSystem(options) {
+	return new SpringSystemImpl(options);
+}
+//#endregion
+export { SpringDefinition as a, mapSpring as i, SpringSourceSymbol as n, defineSpring as o, isSpringSource as r, invariant as s, createSpringSystem as t };