phoria2 1.3.0 → 1.4.1

package/dist/core.js

@@ -1311,8 +1311,32 @@ var Ke = [
 	...Ke,
 	...Je,
 	...Object.keys(Ye),
-	"blending"
-], $e = {
+	"blending",
+	"shader"
+], $e = [
+	"vertex",
+	"fragment",
+	"lit",
+	"uniforms",
+	"bounds"
+], et = [
+	"hash",
+	"vnoise",
+	"snoise",
+	"snoised",
+	"vfbm",
+	"sfbm",
+	"sfbmd",
+	"voronoi",
+	"srgb",
+	"hsv2rgb",
+	"palette",
+	"fresnel",
+	"rotate2",
+	"rotate3",
+	"remap",
+	"saturate"
+], tt = RegExp(`^(gl_|phoria)|^(uTime|cameraPosition|${et.join("|")})$`), nt = {
 	type: "phoria2 has one material - drop 'type' and set 'unlit: true' for a flat colour",
 	side: "use 'doubleSided: true'",
 	wireframe: "use new Lines({ geometry: edges(geometry) }) for a wireframe",
@@ -1330,10 +1354,14 @@ var Ke = [
 	subsurface: "use 'translucency' for light through thin surfaces",
 	colour: "use 'color'",
 	emissiveColor: "use 'emissive'",
-	alpha: "use 'opacity'"
-}, et = class e {
+	alpha: "use 'opacity'",
+	onBeforeCompile: "use 'shader': { vertex, fragment, lit, uniforms } - GLSL run inside phoria2's own shader",
+	vertexShader: "use 'shader': { vertex: 'local.y += sin(local.x + uTime);' } - a hook, not a whole shader",
+	fragmentShader: "use 'shader': { fragment: 'base.rgb *= 0.5;' } - a hook, not a whole shader",
+	uniforms: "use 'shader': { uniforms: { uAmount: 1 } }"
+}, rt = class e {
 	static OPTIONS = Qe;
-	static HINTS = $e;
+	static HINTS = nt;
 	name;
 	opacity;
 	alphaTest;
@@ -1375,13 +1403,24 @@ var Ke = [
 	#t = !1;
 	#n = Object.fromEntries(Ke.map((e) => [e, null]));
 	#r = /* @__PURE__ */ new Set();
+	#i = null;
 	constructor(e = {}) {
-		A("Material", e, Qe, $e), Object.assign(this, Ze);
-		for (let [t, n] of Object.entries(e)) n !== void 0 && (t in Xe ? this.#e[t].set(n, "Material") : Ke.includes(t) ? this.setMap(t, n) : Je.includes(t) ? this[t] = tt(t, n) : t in Ye ? this[t] = nt(t, n, Ye[t]) : t === "blending" ? this.blending = P("Material", "blending", n, [
+		A("Material", e, Qe, nt), Object.assign(this, Ze);
+		for (let [t, n] of Object.entries(e)) n !== void 0 && (t in Xe ? this.#e[t].set(n, "Material") : Ke.includes(t) ? this.setMap(t, n) : Je.includes(t) ? this[t] = it(t, n) : t in Ye ? this[t] = at(t, n, Ye[t]) : t === "blending" ? this.blending = P("Material", "blending", n, [
 			"normal",
 			"additive",
 			"multiply"
-		]) : t === "name" && (this.name = String(n)));
+		]) : t === "name" ? this.name = String(n) : t === "shader" && (this.shader = n));
+	}
+	get shader() {
+		return this.#i;
+	}
+	set shader(e) {
+		this.#i = ot(e);
+	}
+	get allTextures() {
+		let e = this.textures, t = this.#i?.uniforms;
+		return t ? [...e, ...Object.entries(t).filter(([, e]) => e instanceof W).map(([e, t]) => [`shader.${e}`, t])] : e;
 	}
 	static fromInput(t) {
 		return t instanceof e ? t : ((!t || typeof t != "object" || Array.isArray(t)) && E("Material", `expected material options such as { color: 'orange' }, got ${j(t)}`), new e(t));
@@ -1497,10 +1536,10 @@ var Ke = [
 	get variant() {
 		let e = [this.unlit ? "unlit" : "lit"];
 		for (let [t] of this.textures) e.push(t);
-		return this.alphaTest > 0 && e.push("cutout"), this.transmission > 0 && e.push("glass"), this.clearcoat > 0 && e.push("clearcoat"), this.sheen > 0 && e.push("sheen"), this.anisotropy > 0 && e.push("brushed"), this.translucency > 0 && e.push("translucent"), this.toon > 0 && e.push("toon"), this.flatShading && e.push("flat"), this.vertexColors && e.push("vcolor"), e.join("+");
+		return this.alphaTest > 0 && e.push("cutout"), this.transmission > 0 && e.push("glass"), this.clearcoat > 0 && e.push("clearcoat"), this.sheen > 0 && e.push("sheen"), this.anisotropy > 0 && e.push("brushed"), this.translucency > 0 && e.push("translucent"), this.toon > 0 && e.push("toon"), this.flatShading && e.push("flat"), this.vertexColors && e.push("vcolor"), this.#i && e.push("hooks"), e.join("+");
 	}
 	async ready() {
-		await Promise.all(this.textures.map(([, e]) => e.ready));
+		await Promise.all(this.allTextures.map(([, e]) => e.ready));
 	}
 	clone() {
 		let t = new e(this.toJSON(!0));
@@ -1522,19 +1561,58 @@ var Ke = [
 			let i = e ? r : r.toJSON();
 			i && (t[n] = i);
 		}
+		let n = this.#i;
+		if (n) {
+			let r = {};
+			for (let e of [
+				"vertex",
+				"fragment",
+				"lit"
+			]) n[e] && (r[e] = n[e]);
+			let i = Object.entries(n.uniforms).map(([t, n]) => [t, n instanceof W ? e ? n : n.toJSON() : n instanceof H ? n.getStyle() : Array.isArray(n) || ArrayBuffer.isView(n) ? Array.from(n) : n]);
+			i.length && (r.uniforms = Object.fromEntries(i.filter(([, e]) => e != null))), n.bounds !== null && (r.bounds = n.bounds), t.shader = r;
+		}
 		return t;
 	}
 };
-function tt(e, t) {
+function it(e, t) {
 	return typeof t != "boolean" && E("Material", `'${e}' must be true or false, got ${j(t)}`), t;
 }
-function nt(e, t, [n, r]) {
+function at(e, t, [n, r]) {
 	M("Material", e, t);
 	let i = t;
 	return (i < n || i > r) && E("Material", `'${e}' must be ${r === Infinity ? `${n} or more` : `${n}-${r}`}, got ${i}`), i;
 }
+function ot(e) {
+	if (e == null) return null;
+	(typeof e != "object" || Array.isArray(e)) && E("Material", `'shader' is { vertex, fragment, lit, uniforms, bounds } - GLSL hooks - got ${j(e)}`), A("Material shader", e, $e, {
+		vertexShader: "use 'vertex' - a few lines run on each vertex, not a whole shader",
+		fragmentShader: "use 'fragment' (before lighting) or 'lit' (after) - a few lines, not a whole shader"
+	});
+	for (let t of [
+		"vertex",
+		"fragment",
+		"lit"
+	]) e[t] !== void 0 && typeof e[t] != "string" && E("Material", `shader '${t}' is GLSL as a string, got ${j(e[t])}`);
+	e.vertex || e.fragment || e.lit || E("Material", "'shader' needs at least one of 'vertex', 'fragment' or 'lit'");
+	let t = e.uniforms ?? {};
+	(typeof t != "object" || Array.isArray(t)) && E("Material", `shader 'uniforms' is an object of name: value, got ${j(t)}`);
+	let n = {};
+	for (let [e, r] of Object.entries(t)) /^[A-Za-z_]\w*$/.test(e) || E("Material", `shader uniform '${e}' isn't a GLSL name - letters, digits and _, not starting with a digit`), tt.test(e) && E("Material", `shader uniform '${e}' is a name phoria2 keeps${e === "uTime" ? " - uTime is there already, the View's clock in seconds" : e === "cameraPosition" ? " - cameraPosition is there already, the camera's world position" : et.includes(e) ? ` - ${e}() is a function every hook can call` : ""}`), n[e] = st(e, r);
+	let r = e.bounds === void 0 || e.bounds === null ? null : Math.max(0, M("Material", "shader bounds", e.bounds));
+	return {
+		vertex: e.vertex ?? "",
+		fragment: e.fragment ?? "",
+		lit: e.lit ?? "",
+		uniforms: n,
+		bounds: r
+	};
+}
+function st(e, t) {
+	return typeof t == "number" && Number.isFinite(t) ? t : (Array.isArray(t) || ArrayBuffer.isView(t)) && t.length >= 2 && t.length <= 4 && Array.from(t).every((e) => typeof e == "number" && Number.isFinite(e)) ? Array.from(t) : t instanceof W || t instanceof H ? t : t && typeof t == "object" && "url" in t ? new W(t) : typeof t == "string" ? H.fromInput(t, "Material") : E("Material", `shader uniform '${e}' is a number, two to four numbers, a colour or a Texture, got ${j(t)}`);
+}
 // src/resolve.js
-function rt(e, t) {
+function ct(e, t) {
 	if (e instanceof U) return e;
 	if ((!e || typeof e != "object" || Array.isArray(e)) && E(t, `'geometry' must be a Geometry such as box(2), got ${j(e)}`), "type" in e) {
 		let n = e.type;
@@ -1542,18 +1620,18 @@ function rt(e, t) {
 	}
 	return new U(e);
 }
-function it(e) {
-	return e === void 0 ? new et() : et.fromInput(e);
+function lt(e) {
+	return e === void 0 ? new rt() : rt.fromInput(e);
 }
 // src/math/mat3.js
-function at(e) {
+function ut(e) {
 	return e.fill(0), e[0] = e[4] = e[8] = 1, e;
 }
-function ot(e, t) {
+function dt(e, t) {
 	let n = t[0], r = t[1], i = t[2], a = t[3], o = t[4], s = t[5], c = t[6], l = t[7], u = t[8], d = t[9], f = t[10], p = t[11], m = t[12], h = t[13], g = t[14], _ = t[15], v = n * s - r * o, y = n * c - i * o, b = n * l - a * o, x = r * c - i * s, S = r * l - a * s, C = i * l - a * c, w = u * h - d * m, T = u * g - f * m, E = u * _ - p * m, D = d * g - f * h, O = d * _ - p * h, k = f * _ - p * g, A = v * k - y * O + b * D + x * E - S * T + C * w;
 	return A ? (A = 1 / A, e[0] = (s * k - c * O + l * D) * A, e[1] = (c * E - o * k - l * T) * A, e[2] = (o * O - s * E + l * w) * A, e[3] = (i * O - r * k - a * D) * A, e[4] = (n * k - i * E + a * T) * A, e[5] = (r * E - n * O - a * w) * A, e[6] = (h * C - g * S + _ * x) * A, e[7] = (g * b - m * C - _ * y) * A, e[8] = (m * S - h * b + _ * v) * A, e) : null;
 }
-function st(e, t) {
+function ft(e, t) {
 	return e[0] = t[0], e[1] = t[1], e[2] = t[2], e[3] = t[4], e[4] = t[5], e[5] = t[6], e[6] = t[8], e[7] = t[9], e[8] = t[10], e;
 }
 // src/scene/Node.js
@@ -1578,7 +1656,7 @@ var G = [
 	"clip",
 	"onDrag",
 	"outline"
-], ct = {
+], pt = {
 	rotationX: "use rotation: [x, y, z] (radians)",
 	scaleX: "use scale: [x, y, z] or a single number",
 	translate: "use position: [x, y, z]",
@@ -1589,14 +1667,14 @@ var G = [
 	onDragStart: "use onDrag - drag.phase is 'start', 'move' or 'end'",
 	onDragEnd: "use onDrag - drag.phase is 'start', 'move' or 'end'",
 	selected: "outline what's selected: node.outline = '#ffcc00'"
-}, lt = [], ut = new Float32Array([
+}, mt = [], ht = new Float32Array([
 	0,
 	1,
 	0
-]), dt = /* @__PURE__ */ new Float32Array(16), ft = /* @__PURE__ */ new Float32Array(9), K = class e {
+]), gt = /* @__PURE__ */ new Float32Array(16), _t = /* @__PURE__ */ new Float32Array(9), K = class e {
 	static type = "node";
 	static OPTIONS = G;
-	static HINTS = ct;
+	static HINTS = pt;
 	name = "";
 	#e = new z();
 	#t = new z(1, 1, 1);
@@ -1649,7 +1727,7 @@ var G = [
 	constructor(e = {}) {
 		let t = new.target;
 		A(t.name, e, t.OPTIONS, {
-			...ct,
+			...pt,
 			...t.HINTS
 		}), this.rotation.onChange = () => Me(this.quaternion, this.rotation.x, this.rotation.y, this.rotation.z), this.quaternion.onChange = () => this.rotation.setFromQuat(this.quaternion);
 		let n = t.name;
@@ -1714,7 +1792,7 @@ var G = [
 	}
 	add(e, ...t) {
 		e === void 0 && E(this.constructor.name, "add() needs a node to add - add(new Mesh({...})), or add(...nodes) for several");
-		let n = [e, ...t].map((e) => ht(e));
+		let n = [e, ...t].map((e) => bt(e));
 		for (let e of n) {
 			e === this && E(this.constructor.name, "can't add a node to itself");
 			for (let t = this.#c; t; t = t.#c) t === e && E(this.constructor.name, "can't add an ancestor as a child - that would make a loop");
@@ -1771,7 +1849,7 @@ var G = [
 	}
 	handlersFor(e) {
 		let t = e === "hover" ? this.onHover : this.onClick, n = this.#s?.[e];
-		return n?.size ? t ? [t, ...n] : [...n] : t ? [t] : lt;
+		return n?.size ? t ? [t, ...n] : [...n] : t ? [t] : mt;
 	}
 	runHandlers(e, t) {
 		for (let n of this.#u) n(this, e, t);
@@ -1818,19 +1896,19 @@ var G = [
 		], e);
 	}
 	lookAt(t, n) {
-		let r = t instanceof e ? t.updateWorld().worldPosition : z.fromInput(t, this.constructor.name), i = n === void 0 ? ut : z.fromInput(n, `${this.constructor.name}.lookAt() up`).normalize();
+		let r = t instanceof e ? t.updateWorld().worldPosition : z.fromInput(t, this.constructor.name), i = n === void 0 ? ht : z.fromInput(n, `${this.constructor.name}.lookAt() up`).normalize();
 		this.updateWorld();
 		let a = this.worldPosition;
 		if (a.equals(r, 1e-9)) return this;
 		let o = r.clone().sub(a).normalize();
-		f(dt, a, r, Math.abs(o.dot(i)) > .9999 ? Math.abs(i[1]) > .9 ? [
+		f(gt, a, r, Math.abs(o.dot(i)) > .9999 ? Math.abs(i[1]) > .9 ? [
 			0,
 			0,
 			-1
-		] : ut : i);
-		let s = je(/* @__PURE__ */ new Float32Array(4), st(ft, dt));
+		] : ht : i);
+		let s = je(/* @__PURE__ */ new Float32Array(4), ft(_t, gt));
 		if (this.#c) {
-			let e = Oe(/* @__PURE__ */ new Float32Array(4), je(/* @__PURE__ */ new Float32Array(4), gt(this.#c.worldMatrix)));
+			let e = Oe(/* @__PURE__ */ new Float32Array(4), je(/* @__PURE__ */ new Float32Array(4), xt(this.#c.worldMatrix)));
 			De(s, ke(e, e), s);
 		}
 		return this.quaternion.copy(Oe(s, s)), this;
@@ -1855,7 +1933,7 @@ var G = [
 		return this.worldMatrix.getPosition();
 	}
 	get worldQuaternion() {
-		let e = je(/* @__PURE__ */ new Float32Array(4), gt(this.worldMatrix));
+		let e = je(/* @__PURE__ */ new Float32Array(4), xt(this.worldMatrix));
 		return new Ne(e[0], e[1], e[2], e[3]).normalize();
 	}
 	get worldScale() {
@@ -1934,33 +2012,33 @@ var G = [
 		this.traverse((e) => e !== this && e.dispose());
 	}
 };
-function pt(e, t, n) {
+function vt(e, t, n) {
 	return t == null ? null : e ? e.copy(t, n) : z.fromInput(t, n);
 }
-function mt(e, t) {
+function yt(e, t) {
 	let n = t instanceof K ? t.updateWorld().worldPosition : z.fromInput(t, `${e.constructor.name}.lookAt()`), r = e.parent;
 	return r ? n.applyMatrix4(r.updateWorld().worldMatrix.clone().invert()) : n;
 }
-function ht(e) {
+function bt(e) {
 	return e instanceof K ? e : e && typeof e == "object" && "type" in e ? E("Node", `add() takes nodes - build one from a description with add(create({ type: '${e.type}', ... }))`) : E("Node", `add() expects nodes, got ${j(e)}`);
 }
-function gt(e) {
-	let t = st(/* @__PURE__ */ new Float32Array(9), e);
+function xt(e) {
+	let t = ft(/* @__PURE__ */ new Float32Array(9), e);
 	for (let e = 0; e < 3; e++) {
 		let n = Math.hypot(t[e * 3], t[e * 3 + 1], t[e * 3 + 2]) || 1;
 		t[e * 3] /= n, t[e * 3 + 1] /= n, t[e * 3 + 2] /= n;
 	}
 	return t;
 }
-var _t = class extends K {
+var St = class extends K {
 	static type = "group";
-}, vt = [
+}, Ct = [
 	"center",
 	"above",
 	"below",
 	"left",
 	"right"
-], yt = [
+], wt = [
 	"place",
 	"offset",
 	"className",
@@ -1970,7 +2048,7 @@ var _t = class extends K {
 	"leader",
 	"edge",
 	"minScale"
-], bt = {
+], Tt = {
 	line: "use leader: true - a line from the point to the label",
 	callout: "use leader: true, with edge: 'left' | 'right' to line the labels up down the side",
 	column: "use edge: 'left' | 'right' - the label sits at that edge of the view, level with its point",
@@ -1981,14 +2059,14 @@ var _t = class extends K {
 	minZoom: "use 'minScale': CSS pixels to one world unit at the label's point",
 	lod: "use 'minScale': the label shows when zoomed in at least this far (CSS pixels to one world unit)",
 	collision: "use overlap: 'hide' | 'dim' | 'show'"
-}, xt = {
-	...bt,
+}, Et = {
+	...Tt,
 	position: "labels per instance sit on their instance - offset moves them in pixels"
 };
-function St(e, t) {
+function Dt(e, t) {
 	let n = t.offset ?? [0, 0];
 	return Array.isArray(n) && n.length === 2 && n.every(Number.isFinite) || E(e, `'offset' must be [x, y] in pixels, got ${j(n)}`), {
-		place: t.place === void 0 ? "center" : P(e, "place", t.place, vt),
+		place: t.place === void 0 ? "center" : P(e, "place", t.place, Ct),
 		offset: [n[0], n[1]],
 		className: t.className ? String(t.className) : "",
 		priority: t.priority === void 0 ? 0 : M(e, "priority", t.priority),
@@ -2000,20 +2078,20 @@ function St(e, t) {
 		occlude: !!t.occlude,
 		leader: !!t.leader,
 		edge: t.edge == null ? null : P(e, "edge", t.edge, ["left", "right"]),
-		minScale: t.minScale === void 0 ? 0 : Ct(e, t.minScale)
+		minScale: t.minScale === void 0 ? 0 : Ot(e, t.minScale)
 	};
 }
-function Ct(e, t) {
+function Ot(e, t) {
 	let n = M(e, "minScale", t);
 	return n >= 0 || E(e, `'minScale' is CSS pixels to one world unit, 0 or more, got ${n}`), n;
 }
-function wt(e, t) {
+function kt(e, t) {
 	if (t == null) return null;
-	if (Array.isArray(t)) return t.length || E(e, "'labels' as a list needs at least one { text: (datum, index) => string, ... }"), t.map((t) => wt(e, t));
+	if (Array.isArray(t)) return t.length || E(e, "'labels' as a list needs at least one { text: (datum, index) => string, ... }"), t.map((t) => kt(e, t));
 	(typeof t != "object" || typeof t.text != "function") && E(e, `'labels' must be { text: (datum, index) => string, ... }, got ${j(t)}`);
 	let n = t;
-	for (let t of Object.keys(n)) t !== "text" && t !== "at" && !yt.includes(t) && E(e, `unknown labels option '${t}'${xt[t] ? ` - ${xt[t]}` : ` - expected text, at, ${yt.join(", ")}`}`);
-	let r = n.at === void 0 ? "top" : P(e, "labels.at", n.at, ["top", "center"]), i = typeof n.priority == "function", a = St(e, i ? {
+	for (let t of Object.keys(n)) t !== "text" && t !== "at" && !wt.includes(t) && E(e, `unknown labels option '${t}'${Et[t] ? ` - ${Et[t]}` : ` - expected text, at, ${wt.join(", ")}`}`);
+	let r = n.at === void 0 ? "top" : P(e, "labels.at", n.at, ["top", "center"]), i = typeof n.priority == "function", a = Dt(e, i ? {
 		...n,
 		priority: 0
 	} : n);
@@ -2024,7 +2102,7 @@ function wt(e, t) {
 		priority: i ? n.priority : a.priority
 	};
 }
-var Tt = [
+var At = [
 	...G,
 	"geometry",
 	"material",
@@ -2033,13 +2111,13 @@ var Tt = [
 	"renderOrder",
 	"frustumCulled",
 	"data"
-], Et = {
+], jt = {
 	mesh: "pass 'geometry' and 'material' directly",
 	materials: "one 'material' per node - use a Group of meshes for several",
 	rows: "use 'data' - one row per instance or point"
-}, Dt = class extends K {
-	static OPTIONS = Tt;
-	static HINTS = Et;
+}, Mt = class extends K {
+	static OPTIONS = At;
+	static HINTS = jt;
 	#e;
 	#t;
 	castShadow = !1;
@@ -2050,19 +2128,19 @@ var Tt = [
 	constructor(e) {
 		super(e);
 		let t = this.constructor.name;
-		e && e.geometry !== void 0 || E(t, `'geometry' is required, e.g. new ${t}({ geometry: box(1), material: { color: 'orange' } })`), this.#e = rt(e.geometry, t), this.#t = it(e.material), e.castShadow !== void 0 && (this.castShadow = !!e.castShadow), e.receiveShadow !== void 0 && (this.receiveShadow = !!e.receiveShadow), e.renderOrder !== void 0 && (this.renderOrder = M(t, "renderOrder", e.renderOrder)), e.frustumCulled !== void 0 && (this.frustumCulled = !!e.frustumCulled), e.data !== void 0 && (this.data = e.data), this.checkGeometry();
+		e && e.geometry !== void 0 || E(t, `'geometry' is required, e.g. new ${t}({ geometry: box(1), material: { color: 'orange' } })`), this.#e = ct(e.geometry, t), this.#t = lt(e.material), e.castShadow !== void 0 && (this.castShadow = !!e.castShadow), e.receiveShadow !== void 0 && (this.receiveShadow = !!e.receiveShadow), e.renderOrder !== void 0 && (this.renderOrder = M(t, "renderOrder", e.renderOrder)), e.frustumCulled !== void 0 && (this.frustumCulled = !!e.frustumCulled), e.data !== void 0 && (this.data = e.data), this.checkGeometry();
 	}
 	get geometry() {
 		return this.#e;
 	}
 	set geometry(e) {
-		this.#e = rt(e, this.constructor.name), this.checkGeometry();
+		this.#e = ct(e, this.constructor.name), this.checkGeometry();
 	}
 	get material() {
 		return this.#t;
 	}
 	set material(e) {
-		this.#t = it(e);
+		this.#t = lt(e);
 	}
 	datumAt(e) {
 		return ("instanceMatrices" in this || this.drawMode !== "triangles") && Array.isArray(this.data) ? e === null ? null : this.data[e] ?? null : this.data ?? null;
@@ -2075,7 +2153,9 @@ var Tt = [
 	}
 	checkGeometry() {}
 	expandBounds(e) {
-		return this.geometry.vertexCount && e.union(this.geometry.bounds.clone().applyMatrix4(this.worldMatrix)), e;
+		if (!this.geometry.vertexCount) return e;
+		let t = this.geometry.bounds.clone().applyMatrix4(this.worldMatrix);
+		return e.union(Wt(t, this.material)), e;
 	}
 	cloneOptions() {
 		return {
@@ -2098,36 +2178,36 @@ var Tt = [
 	}
 	dispose() {
 		this.geometry.dispose(), this.material.dispose();
-		for (let [, e] of this.material.textures) e.dispose();
+		for (let [, e] of this.material.allTextures) e.dispose();
 		super.dispose();
 	}
-}, Ot = class extends Dt {
+}, Nt = class extends Mt {
 	static type = "mesh";
 	checkGeometry() {
 		let e = this.geometry.elementCount;
 		e % 3 != 0 && E("Mesh", `geometry has ${e} ${this.geometry.indices ? "indices" : "vertices"}, not a multiple of 3 - triangles need three each (use Lines for pairs, Points for single vertices)`);
 	}
-}, kt = /* @__PURE__ */ new Set([
+}, Pt = /* @__PURE__ */ new Set([
 	"position",
 	"rotation",
 	"quaternion",
 	"scale",
 	"color"
-]), At = {
+]), Ft = {
 	position: new z(),
 	scale: new z(),
 	quaternion: new Ne(),
 	rotation: new Te()
-}, jt = new H(), Mt = /* @__PURE__ */ new Float32Array(16);
-function Nt(e, t) {
+}, It = new H(), Lt = /* @__PURE__ */ new Float32Array(16);
+function Rt(e, t) {
 	let n = t * 16;
 	return !e[n] && !e[n + 1] && !e[n + 2] && !e[n + 4] && !e[n + 5] && !e[n + 6] && !e[n + 8] && !e[n + 9] && !e[n + 10];
 }
-var Pt = class extends Ot {
+var zt = class extends Nt {
 	static type = "instanced-mesh";
 	static get OPTIONS() {
 		return [
-			...Tt,
+			...At,
 			"count",
 			"instances",
 			"instanceMatrices",
@@ -2141,7 +2221,7 @@ var Pt = class extends Ot {
 	version = 0;
 	labels = null;
 	constructor(e) {
-		super(e), this.labels = wt("InstancedMesh", e.labels);
+		super(e), this.labels = kt("InstancedMesh", e.labels);
 		let t = e.count ?? e.instances?.length ?? (Array.isArray(e.data) ? e.data.length : void 0);
 		(!Number.isInteger(t) || t < 0) && E("InstancedMesh", `'count' must be a whole number, got ${j(t)}`), this.count = t, this.instanceMatrices = new Float32Array(t * 16);
 		let n = this.instanceMatrices;
@@ -2150,11 +2230,11 @@ var Pt = class extends Ot {
 	}
 	setInstance(e, t) {
 		this.#e(e);
-		for (let e in t) kt.has(e) || E("InstancedMesh", `unknown instance option '${e}' - expected position, rotation, quaternion, scale or color`);
-		let { position: n, scale: r, quaternion: i } = At;
+		for (let e in t) Pt.has(e) || E("InstancedMesh", `unknown instance option '${e}' - expected position, rotation, quaternion, scale or color`);
+		let { position: n, scale: r, quaternion: i } = Ft;
 		if (t.position === void 0 ? n.set(0, 0, 0) : n.copy(t.position, "InstancedMesh"), t.scale === void 0 ? r.set(1, 1, 1) : typeof t.scale == "number" ? r.set(t.scale, t.scale, t.scale) : r.copy(t.scale, "InstancedMesh"), i.set(0, 0, 0, 1), t.quaternion) i.copy(t.quaternion, "InstancedMesh").normalize();
 		else if (t.rotation) {
-			let e = t.rotation instanceof Te ? t.rotation : At.rotation.copy(t.rotation, "InstancedMesh");
+			let e = t.rotation instanceof Te ? t.rotation : Ft.rotation.copy(t.rotation, "InstancedMesh");
 			i.setFromEuler(e.x, e.y, e.z);
 		}
 		return u(this.instanceMatrices.subarray(e * 16, e * 16 + 16), i, n, r), t.color !== void 0 && this.#t(e, t.color), this.version++, this;
@@ -2169,18 +2249,19 @@ var Pt = class extends Ot {
 		(!Number.isInteger(e) || e < 0 || e >= this.instanceMatrices.length / 16) && E("InstancedMesh", `instance ${j(e)} is out of range 0-${this.instanceMatrices.length / 16 - 1}`);
 	}
 	#t(e, t) {
-		this.instanceColors ||= new Float32Array(this.instanceMatrices.length / 16 * 3).fill(1), this.instanceColors.set(jt.set(t, "InstancedMesh"), e * 3);
+		this.instanceColors ||= new Float32Array(this.instanceMatrices.length / 16 * 3).fill(1), this.instanceColors.set(It.set(t, "InstancedMesh"), e * 3);
 	}
 	expandBounds(e) {
-		return this.eachInstanceBox((t, n, r, i, a, o) => {
-			e.expandByXYZ(t, n, r), e.expandByXYZ(i, a, o);
+		let t = this.material.shader?.vertex ? this.material.shader.bounds ?? 0 : 0;
+		return this.eachInstanceBox((n, r, i, a, o, s) => {
+			e.expandByXYZ(n - t, r - t, i - t), e.expandByXYZ(a + t, o + t, s + t);
 		}), e;
 	}
 	eachInstanceBox(e) {
 		if (!this.count || !this.geometry.vertexCount) return;
-		let t = this.geometry.bounds, n = (t.min[0] + t.max[0]) / 2, r = (t.min[1] + t.max[1]) / 2, i = (t.min[2] + t.max[2]) / 2, a = (t.max[0] - t.min[0]) / 2, o = (t.max[1] - t.min[1]) / 2, c = (t.max[2] - t.min[2]) / 2, l = this.worldMatrix, u = this.instanceMatrices, d = Mt;
+		let t = this.geometry.bounds, n = (t.min[0] + t.max[0]) / 2, r = (t.min[1] + t.max[1]) / 2, i = (t.min[2] + t.max[2]) / 2, a = (t.max[0] - t.min[0]) / 2, o = (t.max[1] - t.min[1]) / 2, c = (t.max[2] - t.min[2]) / 2, l = this.worldMatrix, u = this.instanceMatrices, d = Lt;
 		for (let t = 0; t < this.count; t++) {
-			if (Nt(u, t)) continue;
+			if (Rt(u, t)) continue;
 			s(d, l, u.subarray(t * 16, t * 16 + 16));
 			let f = d[0] * n + d[4] * r + d[8] * i + d[12], p = d[1] * n + d[5] * r + d[9] * i + d[13], m = d[2] * n + d[6] * r + d[10] * i + d[14], h = Math.abs(d[0]) * a + Math.abs(d[4]) * o + Math.abs(d[8]) * c, g = Math.abs(d[1]) * a + Math.abs(d[5]) * o + Math.abs(d[9]) * c, _ = Math.abs(d[2]) * a + Math.abs(d[6]) * o + Math.abs(d[10]) * c;
 			e(f - h, p - g, m - _, f + h, p + g, m + _);
@@ -2205,11 +2286,11 @@ var Pt = class extends Ot {
 			...this.instanceColors ? { instanceColors: Array.from(this.instanceColors) } : {}
 		};
 	}
-}, Ft = class extends Dt {
+}, Bt = class extends Mt {
 	static type = "points";
 	static get OPTIONS() {
 		return [
-			...Tt,
+			...At,
 			"labels",
 			"sort"
 		];
@@ -2217,7 +2298,7 @@ var Pt = class extends Ot {
 	labels = null;
 	sort = !1;
 	constructor(e) {
-		super(e), this.labels = wt(this.constructor.name, e?.labels), e?.sort !== void 0 && (typeof e.sort != "boolean" && E(this.constructor.name, `'sort' is true or false, got ${j(e.sort)}`), this.sort = e.sort);
+		super(e), this.labels = kt(this.constructor.name, e?.labels), e?.sort !== void 0 && (typeof e.sort != "boolean" && E(this.constructor.name, `'sort' is true or false, got ${j(e.sort)}`), this.sort = e.sort);
 	}
 	get drawsSprites() {
 		let e = this.geometry;
@@ -2239,16 +2320,16 @@ var Pt = class extends Ot {
 	get drawMode() {
 		return "points";
 	}
-}, It = [
+}, Vt = [
 	"none",
 	"start",
 	"end",
 	"both"
-], Lt = class extends Dt {
+], Ht = class extends Mt {
 	static type = "lines";
 	static get OPTIONS() {
 		return [
-			...Tt,
+			...At,
 			"arrows",
 			"arrowSize"
 		];
@@ -2256,10 +2337,10 @@ var Pt = class extends Ot {
 	arrows = "none";
 	arrowSize = 0;
 	constructor(e) {
-		super(e), e?.arrows !== void 0 && (this.arrows = P("Lines", "arrows", e.arrows, It)), e?.arrowSize !== void 0 && (this.arrowSize = Math.max(0, M("Lines", "arrowSize", e.arrowSize)));
+		super(e), e?.arrows !== void 0 && (this.arrows = P("Lines", "arrows", e.arrows, Vt)), e?.arrowSize !== void 0 && (this.arrowSize = Math.max(0, M("Lines", "arrowSize", e.arrowSize)));
 	}
 	get arrowBits() {
-		return It.indexOf(this.arrows);
+		return Vt.indexOf(this.arrows);
 	}
 	arrowPixels(e) {
 		return this.arrowSize || 6 + e * 3;
@@ -2285,17 +2366,17 @@ var Pt = class extends Ot {
 		let e = this.geometry.elementCount;
 		e % 2 != 0 && E("Lines", `geometry has ${e} ${this.geometry.indices ? "indices" : "vertices"} - segments need them in pairs`);
 	}
-}, Rt = class extends K {
+}, Ut = class extends K {
 	static type = "label";
 	static get OPTIONS() {
 		return [
 			...G,
 			"text",
-			...yt
+			...wt
 		];
 	}
 	static get HINTS() {
-		return bt;
+		return Tt;
 	}
 	text = "";
 	className = "";
@@ -2308,7 +2389,7 @@ var Pt = class extends Ot {
 	edge = null;
 	minScale = 0;
 	constructor(e) {
-		super(e), typeof e?.text != "string" && typeof e?.text != "number" && E("Label", `'text' is required, got ${j(e?.text)}`), this.text = String(e.text), Object.assign(this, St("Label", e));
+		super(e), typeof e?.text != "string" && typeof e?.text != "number" && E("Label", `'text' is required, got ${j(e?.text)}`), this.text = String(e.text), Object.assign(this, Dt("Label", e));
 	}
 	get isLabel() {
 		return !0;
@@ -2335,13 +2416,19 @@ var Pt = class extends Ot {
 		let e = { text: this.text };
 		return this.className && (e.className = this.className), this.place !== "center" && (e.place = this.place), (this.offset[0] || this.offset[1]) && (e.offset = [...this.offset]), this.priority && (e.priority = this.priority), this.overlap !== "hide" && (e.overlap = this.overlap), this.occlude && (e.occlude = !0), this.leader && (e.leader = !0), this.edge && (e.edge = this.edge), this.minScale && (e.minScale = this.minScale), e;
 	}
-}, zt = {
+};
+function Wt(e, t) {
+	let n = t.shader?.vertex ? t.shader.bounds ?? 0 : 0;
+	return n > 0 && !e.isEmpty() && (e.min.set(e.min[0] - n, e.min[1] - n, e.min[2] - n), e.max.set(e.max[0] + n, e.max[1] + n, e.max[2] + n)), e;
+}
+// src/frame.js
+var Gt = {
 	punctual: 4,
 	directional: 2
 };
-function Bt(e, t) {
+function Kt(e, t) {
 	t.updateWorld();
-	let n = t.viewMatrix, r = t.projectionMatrix, i = new B().multiplyMatrices(r, n), a = Yt(i), o = {
+	let n = t.viewMatrix, r = t.projectionMatrix, i = new B().multiplyMatrices(r, n), a = tn(i), o = {
 		camera: {
 			view: n,
 			projection: r,
@@ -2368,6 +2455,7 @@ function Bt(e, t) {
 			drawn: 0,
 			culled: 0
 		},
+		time: 0,
 		highlight: null,
 		overlays: [],
 		interactive: !1,
@@ -2385,14 +2473,14 @@ function Bt(e, t) {
 				items: []
 			}, o.outlines.push(c)), e.overlay && o.overlays.push(e.overlay), e.onDrag && (o.interactive = o.draggable = !0), e.tooltip ? o.interactive = o.tooltips = !0 : (e.highlight || e.handlersFor("hover").length || e.handlersFor("click").length) && (o.interactive = !0), e.isDrawable) {
 				e.castShadow && e.drawMode !== "points" && e.drawMode !== "lines" && l.push([e, s]), e.receiveShadow && u.push(e);
-				let t = Vt(e, n, a, s);
+				let t = qt(e, n, a, s);
 				if (t) {
 					let a = e.material.transparent || e.drawMode === "points" && e.material.map;
 					if ((a ? o.transparent : o.opaque).push(t), c && e.drawMode === "triangles" && c.items.push(t), t.clip?.cap && !a) {
 						let e = d.get(t.clip);
 						e ? e.push(t) : d.set(t.clip, [t]);
 					}
-					o.stats.drawn++, e.labels && Gt(e, i, n, r[5], o.labels);
+					o.stats.drawn++, e.labels && Zt(e, i, n, r[5], o.labels);
 				} else o.stats.culled++;
 			} else if (e.isLabel) {
 				let t = e.worldPosition;
@@ -2403,7 +2491,7 @@ function Bt(e, t) {
 					text: e.text,
 					style: e,
 					position: t,
-					...Jt(t, i, n, r[5])
+					...en(t, i, n, r[5])
 				});
 			} else e.lightKind && p(e);
 			for (let t of e.children) f(t, s, c);
@@ -2421,14 +2509,14 @@ function Bt(e, t) {
 			color: t.sky,
 			ground: t.ground,
 			intensity: t.intensity
-		}) : n === "directional" ? ++c > zt.directional ? F(e, `more than ${zt.directional} directional lights - the extras are ignored; use scene.environment for more light`) : o.lights.push({
+		}) : n === "directional" ? ++c > Gt.directional ? F(e, `more than ${Gt.directional} directional lights - the extras are ignored; use scene.environment for more light`) : o.lights.push({
 			kind: "directional",
 			node: t,
 			color: t.color,
 			intensity: t.intensity,
 			direction: t.worldDirection,
 			castShadow: t.castShadow
-		}) : ++s > zt.punctual ? F(e, `more than ${zt.punctual} point and spot lights - the extras are ignored`) : n === "spot" ? o.lights.push({
+		}) : ++s > Gt.punctual ? F(e, `more than ${Gt.punctual} point and spot lights - the extras are ignored`) : n === "spot" ? o.lights.push({
 			kind: "spot",
 			node: t,
 			color: t.color,
@@ -2451,17 +2539,17 @@ function Bt(e, t) {
 		});
 	};
 	f(e, null, null), o.outlines = o.outlines.filter((e) => e.items.length);
-	for (let [e, t] of d) o.caps.push(Ht(e, t));
-	let m = o.lights.findIndex((e) => e.kind === "directional" && e.castShadow), h = o.lights.filter((e) => e.kind === "spot" && e.castShadow), g = o.lights.filter((e) => e.kind === "point" && e.castShadow), _ = m >= 0 || h.length || g.length ? l.map(([e, t]) => Vt(e, n, null, t)).filter(Boolean) : [];
+	for (let [e, t] of d) o.caps.push(Jt(e, t));
+	let m = o.lights.findIndex((e) => e.kind === "directional" && e.castShadow), h = o.lights.filter((e) => e.kind === "spot" && e.castShadow), g = o.lights.filter((e) => e.kind === "point" && e.castShadow), _ = m >= 0 || h.length || g.length ? l.map(([e, t]) => qt(e, n, null, t)).filter(Boolean) : [];
 	if (h.length > 4 && F(e, "more than 4 spot lights cast shadows - the extras don't"), g.length > 1 && F(e, "more than one point light casts shadows - only the first does"), _.length && g.length) {
 		let e = g[0], t = _.map((e) => e.node.expandBounds(new V())), n = le(e.position, e.range ?? 0, t, u.map((e) => e.expandBounds(new V())));
 		n && (o.pointShadow = {
 			light: e,
 			faces: n.viewProjections.map((e) => {
-				let n = Yt(e);
+				let n = tn(e);
 				return {
 					viewProjection: e,
-					casters: _.filter((e, r) => Xt(n, t[r].getCenter(), t[r].getRadius()))
+					casters: _.filter((e, r) => nn(n, t[r].getCenter(), t[r].getRadius()))
 				};
 			}),
 			near: n.near,
@@ -2474,10 +2562,10 @@ function Bt(e, t) {
 		for (let n of h.slice(0, 4)) {
 			let r = n.position, i = e.map((e) => e.containsPoint(r)), a = oe(r, n.direction, n.angle, n.range ?? 0, e.filter((e, t) => !i[t]), t);
 			if (!a) continue;
-			let s = Yt(a.viewProjection), c = _.filter((t, n) => {
+			let s = tn(a.viewProjection), c = _.filter((t, n) => {
 				if (i[n]) return !1;
 				let r = e[n];
-				return Xt(s, r.getCenter(), r.getRadius());
+				return nn(s, r.getCenter(), r.getRadius());
 			});
 			n.shadowTile = o.spotShadows.length, o.spotShadows.push({
 				light: n,
@@ -2498,14 +2586,14 @@ function Bt(e, t) {
 	}
 	return o.opaque.sort((e, t) => e.node.renderOrder - t.node.renderOrder || (e.material.variant < t.material.variant ? -1 : +(e.material.variant > t.material.variant)) || e.depth - t.depth), o.transparent.sort((e, t) => e.node.renderOrder - t.node.renderOrder || t.depth - e.depth), o;
 }
-function Vt(e, t, n, r) {
+function qt(e, t, n, r) {
 	let { geometry: i, material: a, worldMatrix: o } = e, s = "instanceMatrices" in e ? e : null;
 	if (s && s.count === 0 || !i.vertexCount) return null;
-	let c = i.bounds, l = c.getCenter().applyMatrix4(o), u = Math.max(Math.hypot(o[0], o[1], o[2]), Math.hypot(o[4], o[5], o[6]), Math.hypot(o[8], o[9], o[10]));
-	if (n && e.frustumCulled && !s && !Xt(n, l, c.getRadius() * u)) return null;
-	let d = r && e.drawMode === "triangles" ? r : null;
-	if (d && !s) {
-		let e = d.plane;
+	let c = i.bounds, l = c.getCenter().applyMatrix4(o), u = Math.max(Math.hypot(o[0], o[1], o[2]), Math.hypot(o[4], o[5], o[6]), Math.hypot(o[8], o[9], o[10])), d = a.shader?.vertex ? a.shader : null, f = d ? d.bounds : 0;
+	if (n && e.frustumCulled && !s && f !== null && !nn(n, l, c.getRadius() * u + f)) return null;
+	let p = r && e.drawMode === "triangles" ? r : null;
+	if (p && !s) {
+		let e = p.plane;
 		if (e[0] * l[0] + e[1] * l[1] + e[2] * l[2] + e[3] > c.getRadius() * u) return null;
 	}
 	return {
@@ -2515,10 +2603,10 @@ function Vt(e, t, n, r) {
 		worldMatrix: o,
 		instances: s,
 		depth: -(t[2] * l[0] + t[6] * l[1] + t[10] * l[2] + t[14]),
-		clip: d
+		clip: p
 	};
 }
-function Ht(e, t) {
+function Jt(e, t) {
 	let n = new V();
 	for (let e of t) e.node.expandBounds(n);
 	let r = n.getCenter(), i = e.plane, a = i[0] * r[0] + i[1] * r[1] + i[2] * r[2] + i[3], o = new z(r[0] - i[0] * a, r[1] - i[1] * a, r[2] - i[2] * a);
@@ -2530,13 +2618,13 @@ function Ht(e, t) {
 		radius: n.getRadius()
 	};
 }
-var Ut = /* @__PURE__ */ new WeakMap(), Wt = 1;
-function Gt(e, t, n, r, i) {
-	Array.isArray(e.labels) ? e.labels.forEach((a, o) => Kt(e, a, o, t, n, r, i)) : Kt(e, e.labels, 0, t, n, r, i);
+var Yt = /* @__PURE__ */ new WeakMap(), Xt = 1;
+function Zt(e, t, n, r, i) {
+	Array.isArray(e.labels) ? e.labels.forEach((a, o) => Qt(e, a, o, t, n, r, i)) : Qt(e, e.labels, 0, t, n, r, i);
 }
-function Kt(e, t, n, r, i, a, o) {
-	let { worldMatrix: s } = e, c = Ut.get(e);
-	c === void 0 && Ut.set(e, c = Wt++);
+function Qt(e, t, n, r, i, a, o) {
+	let { worldMatrix: s } = e, c = Yt.get(e);
+	c === void 0 && Yt.set(e, c = Xt++);
 	let l = "instanceMatrices" in e, u = l ? e.count : e.geometry.drawnVertices, d = 0, f = 0, p = 0;
 	if (l) {
 		let n = e.geometry.bounds, r = n.getCenter();
@@ -2544,7 +2632,7 @@ function Kt(e, t, n, r, i, a, o) {
 	}
 	let m = Array.isArray(e.data) ? e.data : null, h = typeof t.priority == "function";
 	for (let g = 0; g < u; g++) {
-		if (l && Nt(e.instanceMatrices, g)) continue;
+		if (l && Rt(e.instanceMatrices, g)) continue;
 		let u = m ? m[g] : null, _ = t.text(u, g);
 		if (_ == null || _ === "") continue;
 		let v, y, b;
@@ -2566,11 +2654,11 @@ function Kt(e, t, n, r, i, a, o) {
 			text: String(_),
 			style: S,
 			position: x,
-			...Jt(x, r, i, a)
+			...en(x, r, i, a)
 		});
 	}
 }
-function qt(e, t) {
+function $t(e, t) {
 	let n = t, r = n[0] * e[0] + n[4] * e[1] + n[8] * e[2] + n[12], i = n[1] * e[0] + n[5] * e[1] + n[9] * e[2] + n[13], a = n[2] * e[0] + n[6] * e[1] + n[10] * e[2] + n[14], o = n[3] * e[0] + n[7] * e[1] + n[11] * e[2] + n[15], s = [
 		r / o,
 		i / o,
@@ -2581,8 +2669,8 @@ function qt(e, t) {
 		visible: o > 0 && Math.abs(s[0]) <= 1 && Math.abs(s[1]) <= 1 && Math.abs(s[2]) <= 1
 	};
 }
-function Jt(e, t, n, r) {
-	let { ndc: i, visible: a } = qt(e, t), o = -(n[2] * e[0] + n[6] * e[1] + n[10] * e[2] + n[14]), s = t, c = s[3] * e[0] + s[7] * e[1] + s[11] * e[2] + s[15];
+function en(e, t, n, r) {
+	let { ndc: i, visible: a } = $t(e, t), o = -(n[2] * e[0] + n[6] * e[1] + n[10] * e[2] + n[14]), s = t, c = s[3] * e[0] + s[7] * e[1] + s[11] * e[2] + s[15];
 	return {
 		ndc: [i[0], i[1]],
 		depth: o,
@@ -2590,7 +2678,7 @@ function Jt(e, t, n, r) {
 		scale: c > 0 ? r / c : 0
 	};
 }
-function Yt(e) {
+function tn(e) {
 	let t = (t) => [
 		e[t],
 		e[4 + t],
@@ -2644,27 +2732,27 @@ function Yt(e) {
 		]);
 	});
 }
-function Xt(e, t, n) {
+function nn(e, t, n) {
 	for (let r of e) if (r[0] * t[0] + r[1] * t[1] + r[2] * t[2] + r[3] < -n) return !1;
 	return !0;
 }
-var Zt = class {
+var rn = class {
 	lastFrame = null;
 	frameCount = 0;
 	render(e, t) {
-		return e.updateWorldTree(), this.renderFrame(Bt(e, t));
+		return e.updateWorldTree(), this.renderFrame(Kt(e, t));
 	}
 	renderFrame(e) {
 		return this.lastFrame = e, this.frameCount++, e;
 	}
 	dispose() {}
-}, Qt = 6, $t = 16, en = 64, tn = .2, nn = .5;
-function rn(e, t, n, r, i, a, o = null, s = 0) {
-	if (o) return [o === "left" ? $t + a[0] : s - $t - n - a[0], t - r / 2 + a[1]];
+}, an = 6, on = 16, sn = 64, cn = .2, ln = .5;
+function un(e, t, n, r, i, a, o = null, s = 0) {
+	if (o) return [o === "left" ? on + a[0] : s - on - n - a[0], t - r / 2 + a[1]];
 	let c = e - n / 2, l = t - r / 2;
-	return i === "above" ? l = t - r - Qt : i === "below" ? l = t + Qt : i === "left" ? c = e - n - Qt : i === "right" && (c = e + Qt), [c + a[0], l + a[1]];
+	return i === "above" ? l = t - r - an : i === "below" ? l = t + an : i === "left" ? c = e - n - an : i === "right" && (c = e + an), [c + a[0], l + a[1]];
 }
-function an(e, t, n = 4) {
+function dn(e, t, n = 4) {
 	for (let r of ["left", "right"]) {
 		let i = e.filter((e) => e.edge === r).sort((e, t) => e.top - t.top), a = [];
 		for (let e of i) {
@@ -2696,23 +2784,23 @@ function an(e, t, n = 4) {
 		}
 	}
 }
-function on(e) {
+function fn(e) {
 	for (let t of ["left", "right"]) {
 		let n = e.filter((e) => e.edge === t), r = Math.max(0, ...n.map((e) => e.width));
 		for (let e of n) t === "right" && (e.left -= r - e.width), e.width = r;
 	}
 }
-function sn(e, t, n, r = null, i = 0) {
+function pn(e, t, n, r = null, i = 0) {
 	if (r) return [r === "left" ? n.left + n.width : n.left, n.top + n.height - i / 2];
 	let a = Math.min(Math.max(e, n.left), n.left + n.width), o = Math.min(Math.max(t, n.top), n.top + n.height);
 	return Math.hypot(a - e, o - t) < 2 ? null : [a, o];
 }
-function cn(e) {
+function mn(e) {
 	let t = e.map((e, t) => t).sort((t, n) => {
 		let r = e[t], i = e[n];
 		return +(i.overlap === "show") - (r.overlap === "show") || i.priority - r.priority || +!!i.sticky - !!r.sticky || r.depth - i.depth || t - n;
 	}), n = Array(e.length).fill("hide"), r = /* @__PURE__ */ new Map(), i = (e, t) => {
-		let n = Math.floor(e.left / en), r = Math.floor((e.left + e.width) / en), i = Math.floor(e.top / en), a = Math.floor((e.top + e.height) / en);
+		let n = Math.floor(e.left / sn), r = Math.floor((e.left + e.width) / sn), i = Math.floor(e.top / sn), a = Math.floor((e.top + e.height) / sn);
 		for (let e = n; e <= r; e++) for (let n = i; n <= a; n++) t(`${e},${n}`);
 	}, a = (e, t) => {
 		let n = Math.min(e.left + e.width, t.left + t.width) - Math.max(e.left, t.left), r = Math.min(e.top + e.height, t.top + t.height) - Math.max(e.top, t.top);
@@ -2721,7 +2809,7 @@ function cn(e) {
 	for (let o of t) {
 		let t = e[o];
 		if (t.overlap !== "show") {
-			let e = t.sticky ? nn : tn, s = !!t.covered;
+			let e = t.sticky ? ln : cn, s = !!t.covered;
 			if (i(t, (n) => {
 				s ||= (r.get(n) ?? []).some((n) => a(t, n) > e);
 			}), s) {
@@ -2737,7 +2825,7 @@ function cn(e) {
 	return n;
 }
 // src/labels.js
-var ln = "http://www.w3.org/2000/svg", un = "0.4", dn = class {
+var hn = "http://www.w3.org/2000/svg", gn = "0.4", _n = class {
 	#e = null;
 	#t = /* @__PURE__ */ new Map();
 	shown = [];
@@ -2776,7 +2864,7 @@ var ln = "http://www.w3.org/2000/svg", un = "0.4", dn = class {
 		for (let { entry: e } of o) e.width < 0 && (e.el.style.display = "");
 		for (let { entry: e } of o) e.width >= 0 || (e.el.style.minWidth = "", e.width = e.el.offsetWidth, e.height = e.el.offsetHeight);
 		let s = o.map(({ label: e, entry: t }) => {
-			let n = (e.ndc[0] * .5 + .5) * i.width, r = (.5 - e.ndc[1] * .5) * i.height, [a, o] = rn(n, r, t.width, t.height, e.style.place, e.style.offset, e.style.edge, i.width);
+			let n = (e.ndc[0] * .5 + .5) * i.width, r = (.5 - e.ndc[1] * .5) * i.height, [a, o] = un(n, r, t.width, t.height, e.style.place, e.style.offset, e.style.edge, i.width);
 			return {
 				left: a,
 				top: o,
@@ -2792,8 +2880,8 @@ var ln = "http://www.w3.org/2000/svg", un = "0.4", dn = class {
 				edge: e.style.edge
 			};
 		});
-		on(s), an(s, i.height);
-		let c = cn(s);
+		fn(s), dn(s, i.height);
+		let c = mn(s);
 		for (let e of this.#t.values()) e.showing = !1;
 		let l = new Set(this.#t.values());
 		o.forEach(({ label: e, entry: t }, r) => {
@@ -2806,7 +2894,7 @@ var ln = "http://www.w3.org/2000/svg", un = "0.4", dn = class {
 			let a = !!this.pointer?.interactive(e);
 			a !== t.interactive && (t.interactive = a, t.el.style.pointerEvents = a ? "auto" : "", a ? t.el.dataset.interactive = "" : (delete t.el.dataset.interactive, this.#l(t))), i === "dim" ? n.dimmed++ : n.shown++, this.shown.push(t.el);
 			let o = t.el, u = s[r];
-			o.style.display = "", o.style.opacity = i === "dim" ? un : "", u.left = Math.round(u.left), u.top = Math.round(u.top), o.style.transform = `translate(${u.left}px, ${u.top}px)`;
+			o.style.display = "", o.style.opacity = i === "dim" ? gn : "", u.left = Math.round(u.left), u.top = Math.round(u.top), o.style.transform = `translate(${u.left}px, ${u.top}px)`;
 			let d = e.style.edge, f = d && t.width !== u.width ? `${u.width}px` : "", p = d === "right" ? "right" : "";
 			(o.style.minWidth !== f || o.style.textAlign !== p) && Object.assign(o.style, {
 				minWidth: f,
@@ -2830,8 +2918,8 @@ var ln = "http://www.w3.org/2000/svg", un = "0.4", dn = class {
 			let t = getComputedStyle(e.el);
 			e.color = t.color, e.rule = t.borderBottomStyle === "none" ? 0 : parseFloat(t.borderBottomWidth) || 0;
 		}
-		let a = sn(r, i, t, t.edge, e.rule), o = e.leader;
-		o || (o = document.createElementNS(ln, "g"), o.append(document.createElementNS(ln, "line"), document.createElementNS(ln, "circle")), this.#c().append(o), e.leader = o);
+		let a = pn(r, i, t, t.edge, e.rule), o = e.leader;
+		o || (o = document.createElementNS(hn, "g"), o.append(document.createElementNS(hn, "line"), document.createElementNS(hn, "circle")), this.#c().append(o), e.leader = o);
 		let s = e.color;
 		o.setAttribute("class", `phoria-leader${e.className.slice(12)}`), o.setAttribute("stroke", s), o.setAttribute("fill", s), o.style.display = "", o.style.opacity = String(n);
 		let [c, l] = [...o.children];
@@ -2844,7 +2932,7 @@ var ln = "http://www.w3.org/2000/svg", un = "0.4", dn = class {
 	}
 	#c() {
 		if (this.#n) return this.#n;
-		let e = document.createElementNS(ln, "svg");
+		let e = document.createElementNS(hn, "svg");
 		return e.setAttribute("class", "phoria-leaders"), Object.assign(e.style, {
 			position: "absolute",
 			left: "0",
@@ -2925,7 +3013,7 @@ var ln = "http://www.w3.org/2000/svg", un = "0.4", dn = class {
 		let t = this.canvas;
 		e.style.position = getComputedStyle(t).position === "fixed" ? "fixed" : "absolute", e.style.left = `${t.offsetLeft + t.clientLeft}px`, e.style.top = `${t.offsetTop + t.clientTop}px`, e.style.width = `${t.clientWidth}px`, e.style.height = `${t.clientHeight}px`;
 	}
-}, fn = [
+}, vn = [
 	"enabled",
 	"mode",
 	"rotateSpeed",
@@ -2939,7 +3027,7 @@ var ln = "http://www.w3.org/2000/svg", un = "0.4", dn = class {
 	"maxDistance",
 	"minPitch",
 	"maxPitch"
-], pn = {
+], yn = {
 	enableDamping: "use 'inertia' (0 to turn it off)",
 	enableRotate: "use mode: 'map' to make dragging pan instead of turning",
 	rotate: "use mode: 'map' to make dragging pan instead of turning",
@@ -2948,14 +3036,14 @@ var ln = "http://www.w3.org/2000/svg", un = "0.4", dn = class {
 	screenSpacePanning: "panning always follows the screen",
 	dampingFactor: "use 'inertia': the fraction of speed kept each 1/60 s (default 0.85)",
 	target: "set camera.target - the control orbits around it"
-}, mn = Math.PI / 2 - .001, hn = 4;
-function gn(e) {
+}, bn = Math.PI / 2 - .001, xn = 4;
+function Sn(e) {
 	let t = "OrbitControl";
 	e.mode !== void 0 && P(t, "mode", e.mode, ["orbit", "map"]), e.rotateSpeed !== void 0 && N(t, "rotateSpeed", e.rotateSpeed, 0), e.zoomSpeed !== void 0 && N(t, "zoomSpeed", e.zoomSpeed, 0), e.inertia !== void 0 && N(t, "inertia", e.inertia, 0, .99), e.autoRotate === void 0 || typeof e.autoRotate == "boolean" || typeof e.autoRotate == "number" && Number.isFinite(e.autoRotate) || E(t, `'autoRotate' is true, false or a speed in radians per second, got ${j(e.autoRotate)}`), e.minDistance !== void 0 && N(t, "minDistance", e.minDistance, 0), e.maxDistance !== void 0 && N(t, "maxDistance", e.maxDistance, 0, Infinity, { above: !0 }), e.minPitch !== void 0 && N(t, "minPitch", e.minPitch, -Math.PI / 2, Math.PI / 2), e.maxPitch !== void 0 && N(t, "maxPitch", e.maxPitch, -Math.PI / 2, Math.PI / 2);
 }
-var _n = class {
-	static OPTIONS = fn;
-	static HINTS = pn;
+var Cn = class {
+	static OPTIONS = vn;
+	static HINTS = yn;
 	enabled = !0;
 	mode = "orbit";
 	rotateSpeed = .005;
@@ -2967,8 +3055,8 @@ var _n = class {
 	autoRotate = !1;
 	minDistance = .1;
 	maxDistance = Infinity;
-	minPitch = -mn;
-	maxPitch = mn;
+	minPitch = -bn;
+	maxPitch = bn;
 	camera;
 	element;
 	#e = /* @__PURE__ */ new Map();
@@ -2987,7 +3075,7 @@ var _n = class {
 	#s;
 	#c = null;
 	constructor(e, t, n = {}) {
-		A("OrbitControl", n, fn, pn), e && "target" in e || E("OrbitControl", "expects a camera, e.g. new OrbitControl(view.camera, view.canvas)"), this.camera = e, this.element = t, gn(n), Object.assign(this, n), this.minDistance > this.maxDistance && E("OrbitControl", `'minDistance' (${this.minDistance}) is more than 'maxDistance' (${this.maxDistance})`), this.minPitch > this.maxPitch && E("OrbitControl", `'minPitch' (${this.minPitch}) is more than 'maxPitch' (${this.maxPitch})`), e.target ??= new z(), t.style.touchAction = "none";
+		A("OrbitControl", n, vn, yn), e && "target" in e || E("OrbitControl", "expects a camera, e.g. new OrbitControl(view.camera, view.canvas)"), this.camera = e, this.element = t, Sn(n), Object.assign(this, n), this.minDistance > this.maxDistance && E("OrbitControl", `'minDistance' (${this.minDistance}) is more than 'maxDistance' (${this.maxDistance})`), this.minPitch > this.maxPitch && E("OrbitControl", `'minPitch' (${this.minPitch}) is more than 'maxPitch' (${this.maxPitch})`), e.target ??= new z(), t.style.touchAction = "none";
 		let r = (e) => this.#f(e), i = (e) => this.#p(e), a = (e) => this.#m(e), o = (e) => this.#h(e), s = (e) => {
 			this.enabled && this.pan && e.preventDefault();
 		}, c = (e) => {
@@ -3112,7 +3200,7 @@ var _n = class {
 		else {
 			let e = -n * this.rotateSpeed, t = r * this.rotateSpeed;
 			this.rotate(e, t);
-			let i = performance.now(), a = Math.max(1 / 60, (i - this.#n) / 1e3), o = (e) => Math.max(-4, Math.min(hn, e / a));
+			let i = performance.now(), a = Math.max(1 / 60, (i - this.#n) / 1e3), o = (e) => Math.max(-4, Math.min(xn, e / a));
 			this.#t = {
 				yaw: o(e),
 				pitch: o(t)
@@ -3138,34 +3226,34 @@ var _n = class {
 		let [e, t] = [...this.#e.values()];
 		return Math.hypot(e.x - t.x, e.y - t.y);
 	}
-}, vn = new Float32Array([
+}, wn = new Float32Array([
 	0,
 	1,
 	0
-]), yn = /* @__PURE__ */ new Float32Array(16), bn = /* @__PURE__ */ new Float32Array(9);
-function xn(e, t) {
+]), Tn = /* @__PURE__ */ new Float32Array(16), En = /* @__PURE__ */ new Float32Array(9);
+function Dn(e, t) {
 	if (e.position.equals(t, 1e-9)) return;
 	let n = t.clone().sub(e.position).normalize(), r = Math.hypot(n[0], n[2]) < 5e-4 ? [
 		0,
 		0,
 		-1
-	] : vn;
-	f(yn, e.position, t, r);
-	let i = Oe(/* @__PURE__ */ new Float32Array(4), je(/* @__PURE__ */ new Float32Array(4), st(bn, yn)));
+	] : wn;
+	f(Tn, e.position, t, r);
+	let i = Oe(/* @__PURE__ */ new Float32Array(4), je(/* @__PURE__ */ new Float32Array(4), ft(En, Tn)));
 	e.quaternion.copy(i);
 }
-var Sn = [
+var On = [
 	...G,
 	"near",
 	"far",
 	"target",
 	"aspect"
-], Cn = {
+], kn = {
 	lookAt: "use target: [x, y, z], or call camera.lookAt(...) after creating it",
 	zoom: "move the camera, or change 'fov' (perspective) or 'height' (orthographic)"
-}, wn = class extends K {
-	static OPTIONS = Sn;
-	static HINTS = Cn;
+}, An = class extends K {
+	static OPTIONS = On;
+	static HINTS = kn;
 	near = .1;
 	far = 1e3;
 	aspect = 1;
@@ -3179,13 +3267,13 @@ var Sn = [
 		return this.#e;
 	}
 	set target(e) {
-		this.#e = pt(this.#e, e, this.constructor.name);
+		this.#e = vt(this.#e, e, this.constructor.name);
 	}
 	updateMatrix() {
-		return this.target && xn(this, this.target), super.updateMatrix();
+		return this.target && Dn(this, this.target), super.updateMatrix();
 	}
 	lookAt(e, t) {
-		return this.target ? (this.target.copy(mt(this, e)), this) : super.lookAt(e, t);
+		return this.target ? (this.target.copy(yt(this, e)), this) : super.lookAt(e, t);
 	}
 	get projectionMatrix() {
 		return new B();
@@ -3206,10 +3294,10 @@ var Sn = [
 		let e = {};
 		return this.near !== .1 && (e.near = this.near), this.far !== 1e3 && (e.far = this.far), this.target && (e.target = this.target.toArray()), e;
 	}
-}, Tn = class extends wn {
+}, jn = class extends An {
 	static type = "perspective-camera";
 	static get OPTIONS() {
-		return [...Sn, "fov"];
+		return [...On, "fov"];
 	}
 	fov = 50;
 	constructor(e = {}) {
@@ -3230,10 +3318,10 @@ var Sn = [
 			...this.fov === 50 ? {} : { fov: this.fov }
 		};
 	}
-}, En = class extends wn {
+}, Mn = class extends An {
 	static type = "orthographic-camera";
 	static get OPTIONS() {
-		return [...Sn, "height"];
+		return [...On, "height"];
 	}
 	height = 10;
 	constructor(e = {}) {
@@ -3255,7 +3343,7 @@ var Sn = [
 			...this.height === 10 ? {} : { height: this.height }
 		};
 	}
-}, Dn = {
+}, Nn = {
 	perspective: [
 		.6,
 		.45,
@@ -3281,7 +3369,7 @@ var Sn = [
 		0,
 		0
 	]
-}, On = Object.keys(Dn), kn = {
+}, Pn = Object.keys(Nn), Fn = {
 	ortho: "isometric",
 	orthographic: "isometric",
 	iso: "isometric",
@@ -3295,13 +3383,13 @@ var Sn = [
 	persp: "perspective",
 	"3d": "perspective"
 };
-function An(e, { target: t = [
+function In(e, { target: t = [
 	0,
 	0,
 	0
 ], distance: n = 10 } = {}) {
-	let r = jn(e), i = new z(t[0], t[1], t[2]).add(r.multiplyScalar(n));
-	return e === "perspective" ? new Tn({
+	let r = Ln(e), i = new z(t[0], t[1], t[2]).add(r.multiplyScalar(n));
+	return e === "perspective" ? new jn({
 		fov: 45,
 		position: i,
 		target: [
@@ -3309,7 +3397,7 @@ function An(e, { target: t = [
 			t[1],
 			t[2]
 		]
-	}) : new En({
+	}) : new Mn({
 		height: n,
 		position: i,
 		target: [
@@ -3320,15 +3408,15 @@ function An(e, { target: t = [
 		far: Math.max(1e3, n * 20)
 	});
 }
-function jn(e) {
-	if (!(e in Dn)) {
-		let t = kn[String(e).toLowerCase()];
-		E("View", `camera '${e}' is not a preset - ${t ? `use '${t}'` : `expected one of ${On.map((e) => `'${e}'`).join(", ")}${k(String(e), On)}`}`);
+function Ln(e) {
+	if (!(e in Nn)) {
+		let t = Fn[String(e).toLowerCase()];
+		E("View", `camera '${e}' is not a preset - ${t ? `use '${t}'` : `expected one of ${Pn.map((e) => `'${e}'`).join(", ")}${k(String(e), Pn)}`}`);
 	}
-	return new z(...Dn[e]).normalize();
+	return new z(...Nn[e]).normalize();
 }
-var Mn = .12;
-function Nn(e, t, { aspect: n, fov: r, padding: i = 0 }) {
+var Rn = .12;
+function zn(e, t, { aspect: n, fov: r, padding: i = 0 }) {
 	let a = 1 + i, o = n > 0 ? n : 1, s = new z(-t[0], -t[1], -t[2]), c = s.clone().cross(Math.abs(s[1]) > .9999 ? [
 		0,
 		0,
@@ -3375,7 +3463,7 @@ function Nn(e, t, { aspect: n, fov: r, padding: i = 0 }) {
 			let a = x + i[2] - m[2], o = (i[0] - m[0]) / a / v, s = (i[1] - m[1]) / a / _;
 			e = Math.min(e, o), t = Math.max(t, o), n = Math.min(n, s), r = Math.max(r, s);
 		}
-		let i = (e + t) / 2, a = (n + r) / 2 + Mn;
+		let i = (e + t) / 2, a = (n + r) / 2 + Rn;
 		if (Math.abs(i) < 1e-4 && Math.abs(a) < 1e-4) break;
 		m[0] += i * v * x, m[1] += a * _ * x, x = b();
 	}
@@ -3384,18 +3472,18 @@ function Nn(e, t, { aspect: n, fov: r, padding: i = 0 }) {
 		size: x
 	};
 }
-function Pn(e, t, n) {
+function Bn(e, t, n) {
 	if (e === "height" || !(n > 0) || !(t > 0)) return 1;
 	let r = t / n;
 	return e === "width" ? r : Math.max(1, r);
 }
 // src/ease.js
-var Fn = {
+var Vn = {
 	linear: (e) => e,
 	in: (e) => e * e * e,
 	out: (e) => 1 - (1 - e) ** 3,
 	inOut: (e) => e < .5 ? 4 * e * e * e : 1 - (-2 * e + 2) ** 3 / 2
-}, In = new z(), Ln = new z(), Rn = new z(), q = new z(), zn = new z(), Bn = class e {
+}, Hn = new z(), Un = new z(), Wn = new z(), q = new z(), Gn = new z(), Kn = class e {
 	origin = new z();
 	direction = new z(0, 0, -1);
 	constructor(e, t) {
@@ -3425,17 +3513,17 @@ var Fn = {
 		return r >= 0 ? r : null;
 	}
 	intersectTriangle(e, t, n, r) {
-		In.set(t[0] - e[0], t[1] - e[1], t[2] - e[2]), Ln.set(n[0] - e[0], n[1] - e[1], n[2] - e[2]), Rn.copy(this.direction).cross(Ln);
-		let i = In.dot(Rn);
+		Hn.set(t[0] - e[0], t[1] - e[1], t[2] - e[2]), Un.set(n[0] - e[0], n[1] - e[1], n[2] - e[2]), Wn.copy(this.direction).cross(Un);
+		let i = Hn.dot(Wn);
 		if (r ? i < 1e-10 : Math.abs(i) < 1e-10) return null;
 		let a = 1 / i;
 		q.set(this.origin[0] - e[0], this.origin[1] - e[1], this.origin[2] - e[2]);
-		let o = q.dot(Rn) * a;
+		let o = q.dot(Wn) * a;
 		if (o < 0 || o > 1) return null;
-		zn.copy(q).cross(In);
-		let s = this.direction.dot(zn) * a;
+		Gn.copy(q).cross(Hn);
+		let s = this.direction.dot(Gn) * a;
 		if (s < 0 || o + s > 1) return null;
-		let c = Ln.dot(zn) * a;
+		let c = Un.dot(Gn) * a;
 		return c >= 0 ? {
 			t: c,
 			u: o,
@@ -3444,7 +3532,7 @@ var Fn = {
 	}
 	distanceSqToPoint(e) {
 		q.set(e[0] - this.origin[0], e[1] - this.origin[1], e[2] - this.origin[2]);
-		let t = Math.max(0, q.dot(this.direction)), n = this.at(t, zn);
+		let t = Math.max(0, q.dot(this.direction)), n = this.at(t, Gn);
 		return {
 			distanceSq: (e[0] - n[0]) ** 2 + (e[1] - n[1]) ** 2 + (e[2] - n[2]) ** 2,
 			t
@@ -3462,18 +3550,18 @@ var Fn = {
 			s: m
 		};
 	}
-}, Vn = 8, Hn = /* @__PURE__ */ new WeakMap();
-function Un(e, t) {
-	let n = Hn.get(e);
+}, qn = 8, Jn = /* @__PURE__ */ new WeakMap();
+function Yn(e, t) {
+	let n = Jn.get(e);
 	if (n && n.version === e.version && n.count === t) return n.bvh;
-	let r = Wn(e, t);
-	return Hn.set(e, {
+	let r = Xn(e, t);
+	return Jn.set(e, {
 		version: e.version,
 		count: t,
 		bvh: r
 	}), r;
 }
-function Wn(e, t) {
+function Xn(e, t) {
 	let n = e.positions, r = e.indices, i = (e, t) => (r ? r[e * 3 + t] : e * 3 + t) * 3, a = new Float32Array(t * 9);
 	for (let e = 0; e < t; e++) {
 		let t = i(e, 0), r = i(e, 1), o = i(e, 2);
@@ -3484,7 +3572,7 @@ function Wn(e, t) {
 	}
 	let o = new Uint32Array(t);
 	for (let e = 0; e < t; e++) o[e] = e;
-	let s = Math.max(1, 2 * Math.ceil(t / Vn) * 2), c = new Float32Array(s * 6), l = new Int32Array(s * 2), u = 0, d = () => {
+	let s = Math.max(1, 2 * Math.ceil(t / qn) * 2), c = new Float32Array(s * 6), l = new Int32Array(s * 2), u = 0, d = () => {
 		let e = new Float32Array(c.length * 2), t = new Int32Array(l.length * 2);
 		e.set(c), t.set(l), c = e, l = t;
 	}, f = () => ((u + 1) * 2 > l.length && d(), u++), p = [[
@@ -3507,12 +3595,12 @@ function Wn(e, t) {
 			m
 		], e * 6);
 		let x = v - h, S = y - g, C = b - _;
-		if (n - t <= Vn || Math.max(x, S, C) <= 0) {
+		if (n - t <= qn || Math.max(x, S, C) <= 0) {
 			l[e * 2] = t, l[e * 2 + 1] = n - t;
 			continue;
 		}
 		let w = x >= S && x >= C ? 6 : S >= C ? 7 : 8, T = t + n >> 1;
-		Gn(o, a, w, t, n, T);
+		Zn(o, a, w, t, n, T);
 		let E = f();
 		f(), l[e * 2] = E, l[e * 2 + 1] = 0, p.push([
 			E,
@@ -3530,7 +3618,7 @@ function Wn(e, t) {
 		order: o
 	};
 }
-function Gn(e, t, n, r, i, a) {
+function Zn(e, t, n, r, i, a) {
 	let o = r, s = i - 1;
 	for (; o < s;) {
 		let r = t[e[o + s >> 1] * 9 + n], i = o, c = s;
@@ -3547,7 +3635,7 @@ function Gn(e, t, n, r, i, a) {
 		else break;
 	}
 }
-function Kn(e, t, n, r) {
+function Qn(e, t, n, r) {
 	let { boxes: i, nodes: a, order: o } = e, s = 1 / n[0], c = 1 / n[1], l = 1 / n[2], u = (e) => {
 		let n = e * 6, r = (i[n] - t[0]) * s, a = (i[n + 3] - t[0]) * s, o = Math.min(r, a), u = Math.max(r, a);
 		return r = (i[n + 1] - t[1]) * c, a = (i[n + 4] - t[1]) * c, o = Math.max(o, Math.min(r, a)), u = Math.min(u, Math.max(r, a)), r = (i[n + 2] - t[2]) * l, a = (i[n + 5] - t[2]) * l, o = Math.max(o, Math.min(r, a)), u = Math.min(u, Math.max(r, a)), u >= Math.max(o, 0) || Number.isNaN(o) || Number.isNaN(u) ? Math.max(o, 0) || 0 : Infinity;
@@ -3567,11 +3655,11 @@ function Kn(e, t, n, r) {
 	}
 }
 // src/Raycaster.js
-var qn = /* @__PURE__ */ new Float32Array(16), Jn = /* @__PURE__ */ new Float32Array(16), J = new z(), Y = new z(), Yn = new z(), Xn = /* @__PURE__ */ new Float32Array(4), Zn = (e) => e?.clip ? {
+var $n = /* @__PURE__ */ new Float32Array(16), er = /* @__PURE__ */ new Float32Array(16), J = new z(), Y = new z(), tr = new z(), nr = /* @__PURE__ */ new Float32Array(4), rr = (e) => e?.clip ? {
 	plane: Ce(e),
 	cap: !!e.clip.cap
-} : null, Qn = class {
-	ray = new Bn();
+} : null, ir = class {
+	ray = new Kn();
 	near = 0;
 	far = Infinity;
 	threshold = .1;
@@ -3588,7 +3676,7 @@ var qn = /* @__PURE__ */ new Float32Array(16), Jn = /* @__PURE__ */ new Float32A
 	}
 	intersect(e) {
 		let t = [];
-		for (let n of [e].flat()) n.updateWorld(), this.#e(n, t, Zn(we(n.parent)));
+		for (let n of [e].flat()) n.updateWorld(), this.#e(n, t, rr(we(n.parent)));
 		return t.filter((e) => e.distance >= this.near && e.distance <= this.far).sort((e, t) => e.distance - t.distance);
 	}
 	intersectDrawn(e) {
@@ -3600,7 +3688,7 @@ var qn = /* @__PURE__ */ new Float32Array(16), Jn = /* @__PURE__ */ new Float32A
 				plane: n.clip.plane,
 				cap: !!n.clip.cap
 			} : null;
-			if (n.instances) for (let i = 0; i < n.instances.count; i++) s(Jn, n.worldMatrix, n.instances.instanceMatrices.subarray(i * 16, i * 16 + 16)), this.#t(e, Jn, i, t, r);
+			if (n.instances) for (let i = 0; i < n.instances.count; i++) s(er, n.worldMatrix, n.instances.instanceMatrices.subarray(i * 16, i * 16 + 16)), this.#t(e, er, i, t, r);
 			else this.#t(e, n.worldMatrix, null, t, r);
 		}
 		return t.filter((e) => e.distance >= this.near && e.distance <= this.far).sort((e, t) => e.distance - t.distance);
@@ -3644,10 +3732,10 @@ var qn = /* @__PURE__ */ new Float32Array(16), Jn = /* @__PURE__ */ new Float32A
 	}
 	intersectElement(e, t) {
 		e.updateWorld();
-		let n = e, r = [], i = Zn(we(e));
+		let n = e, r = [], i = rr(we(e));
 		if (n.drawMode === "triangles" && n.instanceMatrices) {
 			if (t >= n.count) return null;
-			s(Jn, n.worldMatrix, n.instanceMatrices.subarray(t * 16, t * 16 + 16)), this.#t(n, Jn, t, r, i);
+			s(er, n.worldMatrix, n.instanceMatrices.subarray(t * 16, t * 16 + 16)), this.#t(n, er, t, r, i);
 		} else if (n.drawMode === "triangles") this.#t(n, n.worldMatrix, null, r, i);
 		else if (n.drawMode === "points") {
 			let e = n.geometry.positions;
@@ -3683,9 +3771,9 @@ var qn = /* @__PURE__ */ new Float32Array(16), Jn = /* @__PURE__ */ new Float32A
 	}
 	#e(e, t, n) {
 		if (!(this.camera ? e.shownTo(this.camera) : e.visible) || !e.pickable) return;
-		e.clip && (n = Zn(e));
+		e.clip && (n = rr(e));
 		let r = e;
-		if (r.drawMode === "triangles" && r.instanceMatrices) for (let e = 0; e < r.count; e++) s(Jn, r.worldMatrix, r.instanceMatrices.subarray(e * 16, e * 16 + 16)), this.#t(r, Jn, e, t, n);
+		if (r.drawMode === "triangles" && r.instanceMatrices) for (let e = 0; e < r.count; e++) s(er, r.worldMatrix, r.instanceMatrices.subarray(e * 16, e * 16 + 16)), this.#t(r, er, e, t, n);
 		else r.drawMode === "triangles" ? this.#t(r, r.worldMatrix, null, t, n) : r.drawMode === "points" ? this.#n(r, t) : r.drawMode === "lines" && this.#r(r, t);
 		for (let r of e.children) this.#e(r, t, n);
 	}
@@ -3693,26 +3781,26 @@ var qn = /* @__PURE__ */ new Float32Array(16), Jn = /* @__PURE__ */ new Float32A
 		let o = e.geometry;
 		if (!o.vertexCount) return;
 		let s = o.bounds, c = s.getCenter().applyMatrix4(t), l = Math.max(Math.hypot(t[0], t[1], t[2]), Math.hypot(t[4], t[5], t[6]), Math.hypot(t[8], t[9], t[10]));
-		if (this.ray.intersectSphere(c, s.getRadius() * l) === null || !a(qn, t)) return;
-		let u = this.ray.clone().applyMatrix4(qn), d = o.positions, f = o.indices, p = !e.material.doubleSided && !i?.cap;
-		if (i) for (let e = 0; e < 4; e++) Xn[e] = i.plane[0] * t[e * 4] + i.plane[1] * t[e * 4 + 1] + i.plane[2] * t[e * 4 + 2] + i.plane[3] * t[e * 4 + 3];
+		if (this.ray.intersectSphere(c, s.getRadius() * l) === null || !a($n, t)) return;
+		let u = this.ray.clone().applyMatrix4($n), d = o.positions, f = o.indices, p = !e.material.doubleSided && !i?.cap;
+		if (i) for (let e = 0; e < 4; e++) nr[e] = i.plane[0] * t[e * 4] + i.plane[1] * t[e * 4 + 1] + i.plane[2] * t[e * 4 + 2] + i.plane[3] * t[e * 4 + 3];
 		let m = u.origin, h = u.direction, g = null, _ = Infinity, v = -1, y = (e) => {
 			let t = f ? f[e * 3] : e * 3, n = f ? f[e * 3 + 1] : e * 3 + 1, r = f ? f[e * 3 + 2] : e * 3 + 2;
-			J.set(d[t * 3], d[t * 3 + 1], d[t * 3 + 2]), Y.set(d[n * 3], d[n * 3 + 1], d[n * 3 + 2]), Yn.set(d[r * 3], d[r * 3 + 1], d[r * 3 + 2]);
-			let a = u.intersectTriangle(J, Y, Yn, p);
-			return a && i && Xn[0] * (m[0] + h[0] * a.t) + Xn[1] * (m[1] + h[1] * a.t) + Xn[2] * (m[2] + h[2] * a.t) + Xn[3] > 0 || a && (a.t < _ || a.t === _ && e < v) && (g = {
+			J.set(d[t * 3], d[t * 3 + 1], d[t * 3 + 2]), Y.set(d[n * 3], d[n * 3 + 1], d[n * 3 + 2]), tr.set(d[r * 3], d[r * 3 + 1], d[r * 3 + 2]);
+			let a = u.intersectTriangle(J, Y, tr, p);
+			return a && i && nr[0] * (m[0] + h[0] * a.t) + nr[1] * (m[1] + h[1] * a.t) + nr[2] * (m[2] + h[2] * a.t) + nr[3] > 0 || a && (a.t < _ || a.t === _ && e < v) && (g = {
 				...a,
 				i0: t,
 				i1: n,
 				i2: r
 			}, _ = a.t, v = e), _;
 		}, b = Math.floor(o.drawnCount / 3);
-		if (b >= 128) Kn(Un(o, b), m, h, y);
+		if (b >= 128) Qn(Yn(o, b), m, h, y);
 		else for (let e = 0; e < b; e++) y(e);
 		if (!g) return;
 		let x = u.at(g.t).applyMatrix4(t);
-		J.set(d[g.i0 * 3], d[g.i0 * 3 + 1], d[g.i0 * 3 + 2]), Y.set(d[g.i1 * 3], d[g.i1 * 3 + 1], d[g.i1 * 3 + 2]).sub(J), Yn.set(d[g.i2 * 3], d[g.i2 * 3 + 1], d[g.i2 * 3 + 2]).sub(J);
-		let S = Y.clone().cross(Yn), C = ot(/* @__PURE__ */ new Float32Array(9), t), w = C ? new z(C[0] * S[0] + C[3] * S[1] + C[6] * S[2], C[1] * S[0] + C[4] * S[1] + C[7] * S[2], C[2] * S[0] + C[5] * S[1] + C[8] * S[2]).normalize() : null;
+		J.set(d[g.i0 * 3], d[g.i0 * 3 + 1], d[g.i0 * 3 + 2]), Y.set(d[g.i1 * 3], d[g.i1 * 3 + 1], d[g.i1 * 3 + 2]).sub(J), tr.set(d[g.i2 * 3], d[g.i2 * 3 + 1], d[g.i2 * 3 + 2]).sub(J);
+		let S = Y.clone().cross(tr), C = dt(/* @__PURE__ */ new Float32Array(9), t), w = C ? new z(C[0] * S[0] + C[3] * S[1] + C[6] * S[2], C[1] * S[0] + C[4] * S[1] + C[7] * S[2], C[2] * S[0] + C[5] * S[1] + C[8] * S[2]).normalize() : null;
 		if (i?.cap && w && w.dot(this.ray.direction) > 0) {
 			let e = i.plane, { origin: t, direction: n } = this.ray, r = e[0] * n[0] + e[1] * n[1] + e[2] * n[2];
 			r < 0 && (x = this.ray.at(-(e[0] * t[0] + e[1] * t[1] + e[2] * t[2] + e[3]) / r)), w = new z(e[0], e[1], e[2]);
@@ -3777,8 +3865,8 @@ var qn = /* @__PURE__ */ new Float32Array(16), Jn = /* @__PURE__ */ new Float32A
 		}
 		s && t.push(s);
 	}
-}, $n = /* @__PURE__ */ new Float32Array(16);
-function er(e) {
+}, ar = /* @__PURE__ */ new Float32Array(16);
+function or(e) {
 	let t;
 	if (Array.isArray(e)) (e.length < 3 || !e.every((e) => Array.isArray(e) && e.length === 2 && e.every(Number.isFinite))) && E("View", `pickArea() takes a box { x, y, width, height } or a lasso of three or more [x, y] points, got ${j(e)}`), t = e.flat();
 	else {
@@ -3809,7 +3897,7 @@ function er(e) {
 		bottom: a
 	};
 }
-function tr(e, t, n) {
+function sr(e, t, n) {
 	let r = !1;
 	for (let i = 0, a = e.length - 2; i < e.length; a = i, i += 2) {
 		let o = e[i + 1], s = e[a + 1];
@@ -3817,14 +3905,14 @@ function tr(e, t, n) {
 	}
 	return r;
 }
-function nr(e, t, n, r, i, a) {
-	let o = er(a), c = t.worldPosition, l = n, u = [], d = (e, t, n) => {
+function cr(e, t, n, r, i, a) {
+	let o = or(a), c = t.worldPosition, l = n, u = [], d = (e, t, n) => {
 		let a = l[3] * e + l[7] * t + l[11] * n + l[15];
 		if (a <= 0) return !1;
 		let s = (l[2] * e + l[6] * t + l[10] * n + l[14]) / a;
 		if (s < -1 || s > 1) return !1;
 		let c = ((l[0] * e + l[4] * t + l[8] * n + l[12]) / a * .5 + .5) * r, u = (.5 - (l[1] * e + l[5] * t + l[9] * n + l[13]) / a * .5) * i;
-		return c >= o.left && c <= o.right && u >= o.top && u <= o.bottom && tr(o.points, c, u);
+		return c >= o.left && c <= o.right && u >= o.top && u <= o.bottom && sr(o.points, c, u);
 	}, f = (e, t, n, r, i, a) => {
 		let o = new z(t, n, r);
 		u.push({
@@ -3853,7 +3941,7 @@ function nr(e, t, n, r, i, a) {
 				}
 			} else if (n.instanceMatrices) {
 				let r = e.bounds.getCenter();
-				for (let e = 0; e < n.count; e++) Nt(n.instanceMatrices, e) || (s($n, t, n.instanceMatrices.subarray(e * 16, e * 16 + 16)), p.copy(r).applyMatrix4($n), d(p[0], p[1], p[2]) && f(n, p[0], p[1], p[2], null, e));
+				for (let e = 0; e < n.count; e++) Rt(n.instanceMatrices, e) || (s(ar, t, n.instanceMatrices.subarray(e * 16, e * 16 + 16)), p.copy(r).applyMatrix4(ar), d(p[0], p[1], p[2]) && f(n, p[0], p[1], p[2], null, e));
 			} else p.copy(e.bounds.getCenter()).applyMatrix4(t), d(p[0], p[1], p[2]) && f(n, p[0], p[1], p[2], null, null);
 		}
 		for (let t of e.children) m(t);
@@ -3861,27 +3949,28 @@ function nr(e, t, n, r, i, a) {
 	return m(e), u.sort((e, t) => e.distance - t.distance);
 }
 // src/watch.js
-var rr = /* @__PURE__ */ new WeakMap(), ir = 1, X = (e) => {
-	let t = rr.get(e);
-	return t === void 0 && rr.set(e, t = ir++), t;
-}, ar = class {
+var lr = /* @__PURE__ */ new WeakMap(), ur = 1, dr = (e) => /\buTime\b/.test(e.vertex + e.fragment + e.lit), X = (e) => {
+	let t = lr.get(e);
+	return t === void 0 && lr.set(e, t = ur++), t;
+}, fr = class {
 	#e = /* @__PURE__ */ new Float64Array(256);
 	#t = /* @__PURE__ */ new Float64Array(256);
 	#n = 0;
 	#r = -1;
 	#i = [];
 	#a = [];
-	changed(e, t) {
-		this.#n = 0, this.#i = [], this.#c(t), this.#l(e, t);
-		let n = this.#n !== this.#r || this.#i.length !== this.#a.length;
-		for (let e = 0; !n && e < this.#n; e++) n = this.#e[e] !== this.#t[e];
-		for (let e = 0; !n && e < this.#i.length; e++) n = this.#i[e] !== this.#a[e];
-		return [this.#t, this.#e] = [this.#e, this.#t], this.#r = this.#n, this.#a = this.#i, n;
+	#o = 0;
+	changed(e, t, n = 0) {
+		this.#o = n, this.#n = 0, this.#i = [], this.#l(t), this.#u(e, t);
+		let r = this.#n !== this.#r || this.#i.length !== this.#a.length;
+		for (let e = 0; !r && e < this.#n; e++) r = this.#e[e] !== this.#t[e];
+		for (let e = 0; !r && e < this.#i.length; e++) r = this.#i[e] !== this.#a[e];
+		return [this.#t, this.#e] = [this.#e, this.#t], this.#r = this.#n, this.#a = this.#i, r;
 	}
 	reset() {
 		this.#r = -1;
 	}
-	#o(e) {
+	#s(e) {
 		if (this.#n === this.#e.length) {
 			let e = new Float64Array(this.#e.length * 2);
 			e.set(this.#e), this.#e = e;
@@ -3890,63 +3979,69 @@ var rr = /* @__PURE__ */ new WeakMap(), ir = 1, X = (e) => {
 		}
 		this.#e[this.#n++] = e;
 	}
-	#s(e) {
-		for (let t = 0; t < e.length; t++) this.#o(e[t]);
-	}
 	#c(e) {
-		this.#o(X(e)), this.#s(e.position), this.#s(e.quaternion), e.target && this.#s(e.target), this.#o(e.fov ?? e.height), this.#o(e.near), this.#o(e.far), this.#o(e.aspect);
+		for (let t = 0; t < e.length; t++) this.#s(e[t]);
+	}
+	#l(e) {
+		this.#s(X(e)), this.#c(e.position), this.#c(e.quaternion), e.target && this.#c(e.target), this.#s(e.fov ?? e.height), this.#s(e.near), this.#s(e.far), this.#s(e.aspect);
 	}
-	#l(e, t) {
+	#u(e, t) {
 		let n = e.background;
-		n ? "getHex" in n ? this.#s(n) : this.#f(n) : this.#o(-1);
+		n ? "getHex" in n ? this.#c(n) : this.#p(n) : this.#s(-1);
 		let r = e.environment;
-		typeof r == "string" ? this.#i.push(r) : this.#f(r), this.#o(e.environmentIntensity), this.#o(e.backgroundBlur);
+		typeof r == "string" ? this.#i.push(r) : this.#p(r), this.#s(e.environmentIntensity), this.#s(e.backgroundBlur);
 		let i = e.fog;
-		i ? (this.#s(i.color), this.#o(i.density), this.#o(i.near), this.#o(i.far)) : this.#o(-1), this.#u(e, t);
+		i ? (this.#c(i.color), this.#s(i.density), this.#s(i.near), this.#s(i.far)) : this.#s(-1), this.#d(e, t);
 	}
-	#u(e, t) {
-		this.#o(X(e));
+	#d(e, t) {
+		this.#s(X(e));
 		let n = e.shownTo(t);
-		if (this.#o(+!!n), !n) return;
-		this.#o(e.overlay ? X(e.overlay) : 0);
+		if (this.#s(+!!n), !n) return;
+		this.#s(e.overlay ? X(e.overlay) : 0);
 		let r = e.clip;
-		r ? (this.#s(r.normal), this.#o(r.offset), this.#o(r.cap ? r.cap.getHex() : -1)) : this.#o(-2), this.#o(+!!e.handlersFor("click").length | (e.handlersFor("hover").length ? 2 : 0) | (e.tooltip ? 4 : 0) | (e.onDrag ? 8 : 0) | (e.highlightWhole ? 16 : 0)), e.highlight ? this.#s(e.highlight) : this.#o(e.highlight === !1 ? -5 : -4);
+		r ? (this.#c(r.normal), this.#s(r.offset), this.#s(r.cap ? r.cap.getHex() : -1)) : this.#s(-2), this.#s(+!!e.handlersFor("click").length | (e.handlersFor("hover").length ? 2 : 0) | (e.tooltip ? 4 : 0) | (e.onDrag ? 8 : 0) | (e.highlightWhole ? 16 : 0)), e.highlight ? this.#c(e.highlight) : this.#s(e.highlight === !1 ? -5 : -4);
 		let i = e.outline;
-		i ? (this.#s(i.color), this.#o(i.width)) : this.#o(-3), this.#s(e.position), this.#s(e.quaternion), this.#s(e.scale), e.matrixAutoUpdate || this.#s(e.matrix), e.isDrawable ? this.#d(e) : e.isLabel ? this.#p(e) : e.lightKind && this.#m(e);
-		for (let n of e.children) this.#u(n, t);
-	}
-	#d(e) {
-		let t = e.geometry, n = e.material;
-		this.#o(X(t)), this.#o(t.version), this.#o(t.drawCount ?? -1), this.#o(e.renderOrder), this.#o(+!!e.castShadow | (e.receiveShadow ? 2 : 0) | (e.sort ? 4 : 0)), "arrowBits" in e && (this.#o(e.arrowBits), this.#o(e.arrowSize)), this.#o(e.labels ? X(e.labels) : 0), this.#o(e.data && typeof e.data == "object" ? X(e.data) : 0), "instanceMatrices" in e && (this.#o(e.count), this.#o(e.version)), this.#o(X(n)), this.#s(n.color), this.#s(n.emissive), this.#o(n.emissiveIntensity), this.#o(n.opacity), this.#o(n.roughness), this.#o(n.metalness), this.#o(n.size), this.#o(n.width), this.#o(n.dash), this.#o(n.gap), this.#o(n.dashOffset), this.#o(n.alphaTest), this.#o(n.normalScale), this.#o(n.aoMapIntensity), this.#o(n.triplanar), this.#o(n.bumpScale), this.#o(n.transmission), this.#o(n.clearcoat), this.#o(n.clearcoatRoughness), this.#o(n.sheen), this.#s(n.sheenColor), this.#o(n.sheenRoughness), this.#o(n.ior), this.#o(n.specularIntensity), this.#s(n.specularColor), this.#o(n.anisotropy), this.#o(n.anisotropyRotation), this.#o(n.translucency), this.#o(n.toon), this.#o(n.lightMapIntensity), this.#o(n.environmentIntensity), this.#s(n.translucencyColor), this.#o(+!!n.unlit | (n.flatShading ? 2 : 0) | (n.doubleSided ? 4 : 0) | (n.vertexColors ? 8 : 0) | (n.depthWrite ? 16 : 0) | (n.depthTest ? 32 : 0) | (n.sizeAttenuation ? 64 : 0) | (n.blending === "additive" ? 128 : n.blending === "multiply" ? 1024 : 0) | (n.transparent ? 256 : 0) | (n.fog ? 512 : 0));
-		for (let [, e] of n.textures) this.#f(e);
+		i ? (this.#c(i.color), this.#s(i.width)) : this.#s(-3), this.#c(e.position), this.#c(e.quaternion), this.#c(e.scale), e.matrixAutoUpdate || this.#c(e.matrix), e.isDrawable ? this.#f(e) : e.isLabel ? this.#m(e) : e.lightKind && this.#h(e);
+		for (let n of e.children) this.#d(n, t);
 	}
 	#f(e) {
-		this.#o(X(e)), this.#o(e.version), this.#s(e.repeat), this.#o(e.rotation), this.#s(e.center), this.#o(e.uvSet), this.#s(e.offset);
+		let t = e.geometry, n = e.material;
+		this.#s(X(t)), this.#s(t.version), this.#s(t.drawCount ?? -1), this.#s(e.renderOrder), this.#s(+!!e.castShadow | (e.receiveShadow ? 2 : 0) | (e.sort ? 4 : 0)), "arrowBits" in e && (this.#s(e.arrowBits), this.#s(e.arrowSize)), this.#s(e.labels ? X(e.labels) : 0), this.#s(e.data && typeof e.data == "object" ? X(e.data) : 0), "instanceMatrices" in e && (this.#s(e.count), this.#s(e.version)), this.#s(X(n)), this.#c(n.color), this.#c(n.emissive), this.#s(n.emissiveIntensity), this.#s(n.opacity), this.#s(n.roughness), this.#s(n.metalness), this.#s(n.size), this.#s(n.width), this.#s(n.dash), this.#s(n.gap), this.#s(n.dashOffset), this.#s(n.alphaTest), this.#s(n.normalScale), this.#s(n.aoMapIntensity), this.#s(n.triplanar), this.#s(n.bumpScale), this.#s(n.transmission), this.#s(n.clearcoat), this.#s(n.clearcoatRoughness), this.#s(n.sheen), this.#c(n.sheenColor), this.#s(n.sheenRoughness), this.#s(n.ior), this.#s(n.specularIntensity), this.#c(n.specularColor), this.#s(n.anisotropy), this.#s(n.anisotropyRotation), this.#s(n.translucency), this.#s(n.toon), this.#s(n.lightMapIntensity), this.#s(n.environmentIntensity), this.#c(n.translucencyColor), this.#s(+!!n.unlit | (n.flatShading ? 2 : 0) | (n.doubleSided ? 4 : 0) | (n.vertexColors ? 8 : 0) | (n.depthWrite ? 16 : 0) | (n.depthTest ? 32 : 0) | (n.sizeAttenuation ? 64 : 0) | (n.blending === "additive" ? 128 : n.blending === "multiply" ? 1024 : 0) | (n.transparent ? 256 : 0) | (n.fog ? 512 : 0));
+		for (let [, e] of n.allTextures) this.#p(e);
+		let r = n.shader;
+		if (r) {
+			this.#s(X(r));
+			for (let e of Object.values(r.uniforms)) typeof e == "number" ? this.#s(e) : (Array.isArray(e) || ArrayBuffer.isView(e)) && this.#c(e);
+			dr(r) && this.#s(this.#o);
+		}
 	}
 	#p(e) {
-		this.#i.push(e.text, e.className, e.place, e.overlap, e.edge ?? ""), this.#s(e.offset), this.#o(e.priority), this.#o(+!!e.occlude), this.#o(+!!e.leader), this.#o(e.minScale);
+		this.#s(X(e)), this.#s(e.version), this.#c(e.repeat), this.#s(e.rotation), this.#c(e.center), this.#s(e.uvSet), this.#c(e.offset);
 	}
 	#m(e) {
-		this.#s(e.color), this.#o(e.intensity), e.ground && this.#s(e.ground), e.direction && this.#s(e.direction), e.target && this.#s(e.target), e.castShadow && this.#o(1), e.shadowBounds && (this.#s(e.shadowBounds.min), this.#s(e.shadowBounds.max)), "range" in e && this.#o(e.range), "angle" in e && (this.#o(e.angle), this.#o(e.penumbra));
+		this.#i.push(e.text, e.className, e.place, e.overlap, e.edge ?? ""), this.#c(e.offset), this.#s(e.priority), this.#s(+!!e.occlude), this.#s(+!!e.leader), this.#s(e.minScale);
 	}
-}, or = [
+	#h(e) {
+		this.#c(e.color), this.#s(e.intensity), e.ground && this.#c(e.ground), e.direction && this.#c(e.direction), e.target && this.#c(e.target), e.castShadow && this.#s(1), e.shadowBounds && (this.#c(e.shadowBounds.min), this.#c(e.shadowBounds.max)), "range" in e && this.#s(e.range), "angle" in e && (this.#s(e.angle), this.#s(e.penumbra));
+	}
+}, pr = [
 	"color",
 	"density",
 	"near",
 	"far"
-], sr = {
+], mr = {
 	start: "use 'near' for where linear fog starts",
 	end: "use 'far' for where linear fog is complete",
 	type: "give 'density' for exponential fog, or 'near' and 'far' for linear",
 	exp2: "give 'density' for exponential fog",
 	colour: "use 'color'"
-}, cr = class e {
+}, hr = class e {
 	color = new H(8421504);
 	density = .05;
 	near = 0;
 	far = 100;
 	constructor(e = {}) {
-		A("fog", e, or, sr), e.color !== void 0 && this.color.set(e.color, "fog");
+		A("fog", e, pr, mr), e.color !== void 0 && this.color.set(e.color, "fog");
 		let t = e.near !== void 0 || e.far !== void 0;
 		t && e.density !== void 0 && E("fog", "give 'density' for exponential fog, or 'near' and 'far' for linear - not both"), t ? (this.density = 0, e.near !== void 0 && (this.near = M("fog", "near", e.near)), e.far !== void 0 && (this.far = M("fog", "far", e.far)), this.near >= 0 && this.far > this.near || E("fog", `'near' must be 0 or more and 'far' beyond it, got near ${this.near}, far ${this.far}`)) : e.density !== void 0 && (this.density = M("fog", "density", e.density), this.density > 0 || E("fog", `'density' must be more than 0, got ${this.density}`));
 	}
@@ -3967,7 +4062,7 @@ var rr = /* @__PURE__ */ new WeakMap(), ir = 1, X = (e) => {
 			density: this.density
 		};
 	}
-}, lr = class extends K {
+}, gr = class extends K {
 	static type = "scene";
 	static get OPTIONS() {
 		return [
@@ -3993,13 +4088,13 @@ var rr = /* @__PURE__ */ new WeakMap(), ir = 1, X = (e) => {
 	motionReduced = !1;
 	#n = null;
 	constructor(e = {}) {
-		super(e), e.background !== void 0 && this.#r(e.background), e.environment !== void 0 && this.#i(e.environment), e.environmentIntensity !== void 0 && (this.environmentIntensity = M("Scene", "environmentIntensity", e.environmentIntensity)), e.backgroundBlur !== void 0 && (this.backgroundBlur = M("Scene", "backgroundBlur", e.backgroundBlur)), e.fog != null && (this.#n = cr.fromInput(e.fog, "Scene"));
+		super(e), e.background !== void 0 && this.#r(e.background), e.environment !== void 0 && this.#i(e.environment), e.environmentIntensity !== void 0 && (this.environmentIntensity = M("Scene", "environmentIntensity", e.environmentIntensity)), e.backgroundBlur !== void 0 && (this.backgroundBlur = M("Scene", "backgroundBlur", e.backgroundBlur)), e.fog != null && (this.#n = hr.fromInput(e.fog, "Scene"));
 	}
 	get fog() {
 		return this.#n;
 	}
 	set fog(e) {
-		this.#n = e == null ? null : cr.fromInput(e, "Scene");
+		this.#n = e == null ? null : hr.fromInput(e, "Scene");
 	}
 	get background() {
 		return this.#e;
@@ -4028,7 +4123,7 @@ var rr = /* @__PURE__ */ new WeakMap(), ir = 1, X = (e) => {
 		}) : E("Scene", `'environment' must be 'studio', 'none', an .hdr url or a texture, got ${j(e)}`);
 	}
 	update(e, t) {
-		return ur(this, e, t, /* @__PURE__ */ new Set()), this.updateWorldTree(), this;
+		return _r(this, e, t, /* @__PURE__ */ new Set()), this.updateWorldTree(), this;
 	}
 	get ready() {
 		let e = [];
@@ -4057,24 +4152,24 @@ var rr = /* @__PURE__ */ new WeakMap(), ir = 1, X = (e) => {
 		return this.environmentIntensity !== 1 && (e.environmentIntensity = this.environmentIntensity), this.backgroundBlur && (e.backgroundBlur = this.backgroundBlur), this.#n && (e.fog = this.#n.toJSON()), e;
 	}
 };
-function ur(e, t, n, r) {
+function _r(e, t, n, r) {
 	e.hasHandlers && !r.has(e) && (r.add(e), e.runHandlers(t, n));
 	let i = e.children;
-	if (i.length) for (let e of [...i]) ur(e, t, n, r);
+	if (i.length) for (let e of [...i]) _r(e, t, n, r);
 }
 // src/scene/lights.js
-var dr = [
+var vr = [
 	...G,
 	"color",
 	"intensity"
-], fr = {
+], yr = {
 	distance: "use 'range' (0 = infinite)",
 	decay: "falloff is physical (inverse square), as in glTF - limit it with range",
 	attenuation: "use 'range' - falloff is physical (inverse square)",
 	shadow: "use 'castShadow: true' (directional, spot and point lights)"
-}, pr = class extends K {
-	static OPTIONS = dr;
-	static HINTS = fr;
+}, br = class extends K {
+	static OPTIONS = vr;
+	static HINTS = yr;
 	static kind = "ambient";
 	get lightKind() {
 		return this.constructor.kind;
@@ -4103,10 +4198,10 @@ var dr = [
 		let e = {};
 		return this.#e.getHex() !== 16777215 && (e.color = this.#e.getStyle()), this.intensity !== 1 && (e.intensity = this.intensity), e;
 	}
-}, mr = class extends pr {
+}, xr = class extends br {
 	static type = "ambient-light";
 	static kind = "ambient";
-}, hr = class extends pr {
+}, Sr = class extends br {
 	static type = "hemisphere-light";
 	static kind = "hemisphere";
 	static get OPTIONS() {
@@ -4154,7 +4249,7 @@ var dr = [
 			...this.#e.getHex() === 4473924 ? {} : { ground: this.#e.getStyle() }
 		};
 	}
-}, gr = class extends pr {
+}, Cr = class extends br {
 	#e = new z(0, -1, 0);
 	#t = null;
 	get direction() {
@@ -4168,7 +4263,7 @@ var dr = [
 		return this.#t;
 	}
 	set target(e) {
-		this.#t = pt(this.#t, e, this.constructor.name);
+		this.#t = vt(this.#t, e, this.constructor.name);
 	}
 	constructor(e = {}) {
 		super(e);
@@ -4176,7 +4271,7 @@ var dr = [
 		e.direction !== void 0 && e.target !== void 0 && E(t, "give 'direction' or 'target', not both"), e.direction !== void 0 && (this.direction = e.direction), e.target !== void 0 && (this.target = e.target);
 	}
 	lookAt(e) {
-		let t = mt(this, e);
+		let t = yt(this, e);
 		return this.target ? this.target.copy(t) : t.equals(this.position, 1e-9) || this.direction.copy(t.sub(this.position).normalize()), this;
 	}
 	get worldDirection() {
@@ -4199,12 +4294,12 @@ var dr = [
 			...this.target ? { target: this.target.toArray() } : { direction: this.direction.toArray() }
 		};
 	}
-}, _r = class extends gr {
+}, wr = class extends Cr {
 	static type = "directional-light";
 	static kind = "directional";
 	static get OPTIONS() {
 		return [
-			...dr,
+			...vr,
 			"direction",
 			"target",
 			"castShadow",
@@ -4250,12 +4345,12 @@ var dr = [
 			} } : {}
 		};
 	}
-}, vr = class extends pr {
+}, Tr = class extends br {
 	static type = "point-light";
 	static kind = "point";
 	static get OPTIONS() {
 		return [
-			...dr,
+			...vr,
 			"range",
 			"castShadow"
 		];
@@ -4263,7 +4358,7 @@ var dr = [
 	range = 0;
 	castShadow = !1;
 	constructor(e = {}) {
-		super(e), e.range !== void 0 && (this.range = br(this.constructor.name, e.range)), e.castShadow !== void 0 && (this.castShadow = !!e.castShadow);
+		super(e), e.range !== void 0 && (this.range = Dr(this.constructor.name, e.range)), e.castShadow !== void 0 && (this.castShadow = !!e.castShadow);
 	}
 	cloneOptions() {
 		return {
@@ -4279,12 +4374,12 @@ var dr = [
 			...this.castShadow ? { castShadow: !0 } : {}
 		};
 	}
-}, yr = class extends gr {
+}, Er = class extends Cr {
 	static type = "spot-light";
 	static kind = "spot";
 	static get OPTIONS() {
 		return [
-			...dr,
+			...vr,
 			"direction",
 			"target",
 			"range",
@@ -4298,7 +4393,7 @@ var dr = [
 	angle = Math.PI / 6;
 	penumbra = .1;
 	constructor(e = {}) {
-		super(e), e.castShadow !== void 0 && (this.castShadow = !!e.castShadow), e.range !== void 0 && (this.range = br("SpotLight", e.range)), e.angle !== void 0 && (this.angle = M("SpotLight", "angle", e.angle), (this.angle <= 0 || this.angle > Math.PI / 2) && E("SpotLight", `'angle' is the cone's half-angle in radians, above 0 and up to PI/2, got ${this.angle}`)), e.penumbra !== void 0 && (this.penumbra = M("SpotLight", "penumbra", e.penumbra), (this.penumbra < 0 || this.penumbra > 1) && E("SpotLight", `'penumbra' must be 0-1, got ${this.penumbra}`));
+		super(e), e.castShadow !== void 0 && (this.castShadow = !!e.castShadow), e.range !== void 0 && (this.range = Dr("SpotLight", e.range)), e.angle !== void 0 && (this.angle = M("SpotLight", "angle", e.angle), (this.angle <= 0 || this.angle > Math.PI / 2) && E("SpotLight", `'angle' is the cone's half-angle in radians, above 0 and up to PI/2, got ${this.angle}`)), e.penumbra !== void 0 && (this.penumbra = M("SpotLight", "penumbra", e.penumbra), (this.penumbra < 0 || this.penumbra > 1) && E("SpotLight", `'penumbra' must be 0-1, got ${this.penumbra}`));
 	}
 	cloneOptions() {
 		return {
@@ -4314,7 +4409,7 @@ var dr = [
 		return this.range && (e.range = this.range), this.angle !== Math.PI / 6 && (e.angle = this.angle), this.penumbra !== .1 && (e.penumbra = this.penumbra), this.castShadow && (e.castShadow = !0), e;
 	}
 };
-function br(e, t) {
+function Dr(e, t) {
 	let n = M(e, "range", t);
 	return n < 0 && E(e, `'range' can't be negative (0 means unlimited), got ${n}`), n;
 }
@@ -4338,7 +4433,7 @@ var Z = {
 	segmentColorEnd: 3,
 	corner: 4,
 	segmentInfo: 5
-}, xr = "#ifdef CLIP\nuniform vec4 uClipPlane;\nvoid clipAway(vec3 p) {\nif (dot(uClipPlane.xyz, p) + uClipPlane.w > 0.0) discard;\n}\n#else\nvoid clipAway(vec3 p) {}\n#endif\n", Sr = "#ifdef FOG\nuniform vec3 uFogColor;\nuniform vec2 uFogRange;\nuniform float uFogDensity;\nin float vFogDepth;\nvec3 fogged(vec3 c) {\n#ifdef FOG_LINEAR\nfloat f = clamp((vFogDepth - uFogRange.x) / max(uFogRange.y - uFogRange.x, 1e-4), 0.0, 1.0);\n#else\nfloat d = uFogDensity * vFogDepth;\nfloat f = 1.0 - exp(-d * d);\n#endif\n#ifdef FOG_ADD\nreturn c * (1.0 - f);\n#elif defined(FOG_MULTIPLY)\nreturn mix(c, vec3(1.0), f);\n#else\nreturn mix(c, uFogColor, f);\n#endif\n}\n#else\nvec3 fogged(vec3 c) { return c; }\n#endif\n", Cr = [
+}, Or = "#ifdef CLIP\nuniform vec4 uClipPlane;\nvoid clipAway(vec3 p) {\nif (dot(uClipPlane.xyz, p) + uClipPlane.w > 0.0) discard;\n}\n#else\nvoid clipAway(vec3 p) {}\n#endif\n", kr = "#ifdef FOG\nuniform vec3 uFogColor;\nuniform vec2 uFogRange;\nuniform float uFogDensity;\nin float vFogDepth;\nvec3 fogged(vec3 c) {\n#ifdef FOG_LINEAR\nfloat f = clamp((vFogDepth - uFogRange.x) / max(uFogRange.y - uFogRange.x, 1e-4), 0.0, 1.0);\n#else\nfloat d = uFogDensity * vFogDepth;\nfloat f = 1.0 - exp(-d * d);\n#endif\n#ifdef FOG_ADD\nreturn c * (1.0 - f);\n#elif defined(FOG_MULTIPLY)\nreturn mix(c, vec3(1.0), f);\n#else\nreturn mix(c, uFogColor, f);\n#endif\n}\n#else\nvec3 fogged(vec3 c) { return c; }\n#endif\n", Ar = [
 	"uMap",
 	"uRoughnessMap",
 	"uMetalnessMap",
@@ -4347,10 +4442,10 @@ var Z = {
 	"uAoMap",
 	"uEmissiveMap",
 	"uLightMap"
-], wr = `#ifdef UV2
+], jr = `#ifdef UV2
 in vec2 vUv2;
 #endif
-${Cr.map((e) => `uniform mat3 ${e}Uv;
+${Ar.map((e) => `uniform mat3 ${e}Uv;
 #ifndef ${e}Set
 #define ${e}Set vUv
 #endif
@@ -4376,25 +4471,41 @@ vec4 triplanar(sampler2D s, mat3 t) {
   vec3 p = vObjectPosition * uTriplanar, w = triplanarWeights(normalize(vObjectNormal));
   return texture(s, projected(p.zy, t)) * w.x + texture(s, projected(p.xz, t)) * w.y + texture(s, projected(p.xy, t)) * w.z;
 }
-${Cr.map((e) => `#define ${e}Texel triplanar(${e}, ${e}Uv)`).join("\n")}
+${Ar.map((e) => `#define ${e}Texel triplanar(${e}, ${e}Uv)`).join("\n")}
 #else
-${Cr.map((e) => `#define ${e}Texel texture(${e}, ${e}Coord)`).join("\n")}
+${Ar.map((e) => `#define ${e}Texel texture(${e}, ${e}Coord)`).join("\n")}
 #endif
-`, Tr = `precision highp float;
+`, Mr = `precision highp float;
 in vec3 vWorldPosition;
 out vec4 fragColor;
-#ifdef ALPHA_TEST
+#if defined(ALPHA_TEST) || defined(HOOK_FRAGMENT)
 in vec2 vUv;
+#endif
+#ifdef HOOK_FRAGMENT
+in vec3 vNormal;
+in vec3 vColor;
+//@hook uniforms
+#endif
+#ifdef ALPHA_TEST
 uniform float uOpacity;
 uniform float uAlphaTest;
 #ifdef MAP
 uniform sampler2D uMap;
-${wr}
+${jr}
 #endif
 #endif
-${xr}
+${Or}
 void main() {
 clipAway(vWorldPosition);
+#ifdef HOOK_FRAGMENT
+{
+vec4 base = vec4(vColor, 1.0);
+vec3 emissive = vec3(0.0);
+vec3 normal = normalize(vNormal);
+//@hook fragment
+if (base.a <= 0.0) discard;
+}
+#endif
 #ifdef ALPHA_TEST
 float alpha = uOpacity;
 #ifdef MAP
@@ -4404,7 +4515,7 @@ if (alpha < uAlphaTest) discard;
 #endif
 fragColor = vec4(1.0);
 }
-`, Er = "vec3 srgbToLinear(vec3 c) {\nreturn mix(c / 12.92, pow((c + 0.055) / 1.055, vec3(2.4)), step(0.04045, c));\n}\nvec3 linearToSrgb(vec3 c) {\nc = clamp(c, 0.0, 1.0);\nreturn mix(c * 12.92, 1.055 * pow(c, vec3(1.0 / 2.4)) - 0.055, step(0.0031308, c));\n}\n", Dr = "vec2 equirectUv(vec3 d) {\nreturn vec2(atan(d.z, d.x) * 0.15915494 + 0.5, acos(clamp(d.y, -1.0, 1.0)) * 0.31830989);\n}\nvec3 equirectDirection(vec2 uv) {\nfloat phi = (uv.x - 0.5) * 6.28318531, theta = uv.y * 3.14159265;\nreturn vec3(cos(phi) * sin(theta), cos(theta), sin(phi) * sin(theta));\n}\n", Or = "out vec2 vUv;\nvoid main() {\nvec2 p = vec2(float((gl_VertexID << 1) & 2), float(gl_VertexID & 2));\nvUv = p;\ngl_Position = vec4(p * 2.0 - 1.0, 0.0, 1.0);\n}\n", kr = "uniform float uExposure;\nuniform int uToneMapping;\nvec3 toneMap(vec3 c) {\nc *= uExposure;\nif (uToneMapping == 1) {\nc = clamp((c * (2.51 * c + 0.03)) / (c * (2.43 * c + 0.59) + 0.14), 0.0, 1.0);\n} else if (uToneMapping == 2) {\nfloat x = min(c.r, min(c.g, c.b));\nfloat offset = x < 0.08 ? x - 6.25 * x * x : 0.04;\nc -= offset;\nfloat peak = max(c.r, max(c.g, c.b));\nif (peak > 0.8) {\nfloat d = 0.2;\nfloat newPeak = 1.0 - d * d / (peak + d - 0.8);\nc *= newPeak / peak;\nfloat g = 1.0 - 1.0 / (0.15 * (peak - newPeak) + 1.0);\nc = mix(c, vec3(newPeak), g);\n}\n}\nreturn c;\n}\n", Ar = `layout(location = 0) in vec3 position;
+`, Nr = "vec3 srgbToLinear(vec3 c) {\nreturn mix(c / 12.92, pow((c + 0.055) / 1.055, vec3(2.4)), step(0.04045, c));\n}\nvec3 linearToSrgb(vec3 c) {\nc = clamp(c, 0.0, 1.0);\nreturn mix(c * 12.92, 1.055 * pow(c, vec3(1.0 / 2.4)) - 0.055, step(0.0031308, c));\n}\n", Pr = "vec2 equirectUv(vec3 d) {\nreturn vec2(atan(d.z, d.x) * 0.15915494 + 0.5, acos(clamp(d.y, -1.0, 1.0)) * 0.31830989);\n}\nvec3 equirectDirection(vec2 uv) {\nfloat phi = (uv.x - 0.5) * 6.28318531, theta = uv.y * 3.14159265;\nreturn vec3(cos(phi) * sin(theta), cos(theta), sin(phi) * sin(theta));\n}\n", Fr = "out vec2 vUv;\nvoid main() {\nvec2 p = vec2(float((gl_VertexID << 1) & 2), float(gl_VertexID & 2));\nvUv = p;\ngl_Position = vec4(p * 2.0 - 1.0, 0.0, 1.0);\n}\n", Ir = "uniform float uExposure;\nuniform int uToneMapping;\nvec3 toneMap(vec3 c) {\nc *= uExposure;\nif (uToneMapping == 1) {\nc = clamp((c * (2.51 * c + 0.03)) / (c * (2.43 * c + 0.59) + 0.14), 0.0, 1.0);\n} else if (uToneMapping == 2) {\nfloat x = min(c.r, min(c.g, c.b));\nfloat offset = x < 0.08 ? x - 6.25 * x * x : 0.04;\nc -= offset;\nfloat peak = max(c.r, max(c.g, c.b));\nif (peak > 0.8) {\nfloat d = 0.2;\nfloat newPeak = 1.0 - d * d / (peak + d - 0.8);\nc *= newPeak / peak;\nfloat g = 1.0 - 1.0 / (0.15 * (peak - newPeak) + 1.0);\nc = mix(c, vec3(newPeak), g);\n}\n}\nreturn c;\n}\n", Lr = `layout(location = 0) in vec3 position;
 layout(location = 1) in vec3 normal;
 layout(location = 2) in vec2 uv;
 layout(location = 3) in vec3 color;
@@ -4428,6 +4539,7 @@ uniform int uHighlightIndex;
 uniform mat4 uView;
 out float vFogDepth;
 #endif
+//@hook uniforms
 out vec3 vWorldPosition;
 out vec3 vNormal;
 out vec2 vUv;
@@ -4441,27 +4553,35 @@ out mat3 vObjectToWorld;
 #ifdef PICK
 flat out uint vPickElement;
 #endif
-${Er}
+${Nr}
 void main() {
 vColor = vec3(1.0);
 vHighlight = uHighlightIndex == -1 ? 1.0 : 0.0;
+vec3 local = position;
+vec3 n = normal;
+#ifdef HOOK_VERTEX
+{
+int index = gl_InstanceID;
+//@hook vertex
+}
+#endif
 #ifdef INSTANCED
-vec4 local = instanceMatrix * vec4(position, 1.0);
+vec4 placed = instanceMatrix * vec4(local, 1.0);
 mat3 m = mat3(instanceMatrix);
 mat3 instanceNormal = mat3(cross(m[1], m[2]), cross(m[2], m[0]), cross(m[0], m[1])) * sign(dot(m[0], cross(m[1], m[2])));
-vec3 n = instanceNormal * normal;
+vec3 placedNormal = instanceNormal * n;
 vColor *= instanceColor;
 if (gl_InstanceID == uHighlightIndex) vHighlight = 1.0;
 #else
-vec4 local = vec4(position, 1.0);
-vec3 n = normal;
+vec4 placed = vec4(local, 1.0);
+vec3 placedNormal = n;
 #endif
 #ifdef VERTEX_COLORS
 vColor *= srgbToLinear(color);
 #endif
-vec4 world = uModel * local;
+vec4 world = uModel * placed;
 vWorldPosition = world.xyz;
-vNormal = uNormalMatrix * n;
+vNormal = uNormalMatrix * placedNormal;
 vUv = uv;
 #ifdef UV2
 vUv2 = uv2;
@@ -4474,8 +4594,8 @@ vTangent = vec4(mat3(uModel) * tangent.xyz, tangent.w);
 #endif
 #endif
 #ifdef TRIPLANAR
-vObjectPosition = position;
-vObjectNormal = normal;
+vObjectPosition = local;
+vObjectNormal = n;
 #ifdef INSTANCED
 vObjectToWorld = uNormalMatrix * instanceNormal;
 #else
@@ -4490,7 +4610,7 @@ vFogDepth = -(uView * world).z;
 vPickElement = uint(gl_InstanceID);
 #endif
 }
-`, jr = `precision highp float;
+`, Rr = `precision highp float;
 precision highp sampler2DShadow;
 precision highp samplerCubeShadow;
 in vec3 vWorldPosition;
@@ -4511,7 +4631,8 @@ uniform float uAlphaTest;
 #ifdef EMISSIVE_MAP
 uniform sampler2D uEmissiveMap;
 #endif
-${wr}
+//@hook uniforms
+${jr}
 #ifdef LIT
 uniform vec3 uCameraPosition;
 uniform float uRoughness;
@@ -4609,10 +4730,10 @@ uniform float uPointShadowBias;
 #endif
 #endif
 out vec4 fragColor;
-${Er}
-${xr}
-${Sr}
+${Nr}
+${Or}
 ${kr}
+${Ir}
 #ifdef LIT
 const float PI = 3.14159265359;
 float D_GGX(float NoH, float a) {
@@ -4721,7 +4842,7 @@ vec2 ab = vec2(-1.04, 1.04) * a004 + r.zw;
 return f0 * ab.x + ab.y * f90;
 }
 #ifdef ENV_MAP
-${Dr}
+${Pr}
 vec3 envIrradiance(vec3 n) {
 return uEnvSH[0]
 + uEnvSH[1] * n.y + uEnvSH[2] * n.z + uEnvSH[3] * n.x
@@ -4854,22 +4975,37 @@ vec4 base = vec4(uColor * vColor, uOpacity);
 #ifdef MAP
 base *= uMapTexel;
 #endif
+vec3 emissive = uEmissive;
+#ifdef EMISSIVE_MAP
+emissive *= uEmissiveMapTexel.rgb;
+#endif
+#ifdef HOOK_FRAGMENT
+#ifdef FLAT_SHADING
+vec3 normal = normalize(cross(dFdx(vWorldPosition), dFdy(vWorldPosition)));
+#else
+vec3 normal = normalize(vNormal);
+#ifdef DOUBLE_SIDED
+if (!gl_FrontFacing) normal = -normal;
+#endif
+#endif
+{
+//@hook fragment
+}
+#endif
 #ifdef ALPHA_TEST
 if (base.a < uAlphaTest) discard;
 base.a = 1.0;
 #endif
 float coverage = base.a;
-vec3 emissive = uEmissive;
-#ifdef EMISSIVE_MAP
-emissive *= uEmissiveMapTexel.rgb;
-#endif
 #ifdef LIT
-#ifdef FLAT_SHADING
+#ifdef HOOK_FRAGMENT
+vec3 n = normalize(normal);
+#elif defined(FLAT_SHADING)
 vec3 n = normalize(cross(dFdx(vWorldPosition), dFdy(vWorldPosition)));
 #else
 vec3 n = normalize(vNormal);
 #endif
-#if defined(DOUBLE_SIDED) && !defined(FLAT_SHADING)
+#if defined(DOUBLE_SIDED) && !defined(FLAT_SHADING) && !defined(HOOK_FRAGMENT)
 if (!gl_FrontFacing) n = -n;
 #endif
 vec3 surfaceNormal = n;
@@ -5042,12 +5178,19 @@ color = toneMap(color);
 #else
 vec3 color = base.rgb + emissive;
 #endif
+#ifdef HOOK_LIT
+{
+float before = max(base.a, 1e-5);
+//@hook lit
+coverage *= clamp(base.a / before, 0.0, 1.0);
+}
+#endif
 color = mix(color, uHighlight.rgb, vHighlight * uHighlight.a);
 coverage = mix(coverage, base.a, vHighlight * uHighlight.a);
 color = fogged(color);
 fragColor = vec4(linearToSrgb(color) * base.a, coverage);
 }
-`, Mr = `layout(location = 0) in vec3 position;
+`, zr = `layout(location = 0) in vec3 position;
 layout(location = 3) in vec3 color;
 #ifdef SPRITES
 layout(location = 4) in vec2 corner;
@@ -5065,35 +5208,54 @@ uniform mat4 uProjection;
 uniform float uSize;
 uniform float uScale;
 uniform int uHighlightIndex;
+//@hook uniforms
 out vec3 vColor;
 flat out float vHighlight;
+#ifdef HOOK_FRAGMENT
+flat out float vPointIndex;
+#endif
 #ifdef PICK
 flat out uint vPickElement;
 #endif
 #ifdef FOG
 out float vFogDepth;
 #endif
-${Er}
+${Nr}
 void main() {
-vec4 viewPosition = uView * (uModel * vec4(position, 1.0));
+vec3 local = position;
+#ifdef SPRITES
+int self = int(pointIndex + 0.5);
+float size = pointSize;
+#else
+int self = gl_VertexID;
+float size = 1.0;
+#endif
+#ifdef HOOK_VERTEX
+{
+int index = self;
+//@hook vertex
+}
+#endif
+#ifdef HOOK_FRAGMENT
+vPointIndex = float(self);
+#endif
+vec4 viewPosition = uView * (uModel * vec4(local, 1.0));
 #ifdef SPRITES
 vec2 c = vec2(corner.x * 2.0 - 1.0, corner.y);
 float s = sin(pointAngle), k = cos(pointAngle);
 vec2 turned = vec2(c.x * k - c.y * s, c.x * s + c.y * k);
-float size = uSize * pointSize;
+float across = uSize * size;
 #ifdef SIZE_ATTENUATION
-viewPosition.xy += turned * size * 0.5;
+viewPosition.xy += turned * across * 0.5;
 gl_Position = uProjection * viewPosition;
 #else
 gl_Position = uProjection * viewPosition;
-gl_Position.xy += turned * size / uResolution * gl_Position.w;
+gl_Position.xy += turned * across / uResolution * gl_Position.w;
 #endif
 vUv = vec2(c.x * 0.5 + 0.5, 0.5 - c.y * 0.5);
 vOpacity = pointOpacity;
-int self = int(pointIndex + 0.5);
 #else
 gl_Position = uProjection * viewPosition;
-int self = gl_VertexID;
 #endif
 #ifdef FOG
 vFogDepth = -viewPosition.z;
@@ -5101,9 +5263,9 @@ vFogDepth = -viewPosition.z;
 #ifdef SPRITES
 #elif defined(SIZE_ATTENUATION)
 float depth = uProjection[3][3] == 1.0 ? 1.0 : max(-viewPosition.z, 1e-4);
-gl_PointSize = uSize * uScale / depth;
+gl_PointSize = uSize * size * uScale / depth;
 #else
-gl_PointSize = uSize;
+gl_PointSize = uSize * size;
 #endif
 vColor = vec3(1.0);
 #ifdef VERTEX_COLORS
@@ -5114,7 +5276,7 @@ vHighlight = uHighlightIndex == -1 || self == uHighlightIndex ? 1.0 : 0.0;
 vPickElement = uint(self);
 #endif
 }
-`, Nr = `precision highp float;
+`, Br = `precision highp float;
 in vec3 vColor;
 flat in float vHighlight;
 #ifdef SPRITES
@@ -5127,9 +5289,13 @@ uniform float uOpacity;
 #ifdef MAP
 uniform sampler2D uMap;
 #endif
+#ifdef HOOK_FRAGMENT
+flat in float vPointIndex;
+#endif
+//@hook uniforms
 out vec4 fragColor;
-${Er}
-${Sr}
+${Nr}
+${kr}
 void main() {
 #ifdef SPRITES
 vec2 at = vUv;
@@ -5146,11 +5312,23 @@ float r = dot(p, p);
 float edge = fwidth(r);
 base.a *= 1.0 - smoothstep(1.0 - edge, 1.0, r);
 #endif
+#ifdef HOOK_FRAGMENT
+{
+vec2 pointUv = at;
+int index = int(vPointIndex + 0.5);
+//@hook fragment
+}
+#endif
 if (base.a <= 0.0) discard;
-base.rgb = fogged(mix(base.rgb, uHighlight.rgb, vHighlight * uHighlight.a));
-fragColor = vec4(linearToSrgb(base.rgb) * base.a, base.a);
+vec3 color = fogged(mix(base.rgb, uHighlight.rgb, vHighlight * uHighlight.a));
+#ifdef HOOK_LIT
+{
+//@hook lit
+}
+#endif
+fragColor = vec4(linearToSrgb(color) * base.a, base.a);
 }
-`, Pr = `layout(location = 0) in vec3 segmentStart;
+`, Vr = `layout(location = 0) in vec3 segmentStart;
 layout(location = 1) in vec3 segmentEnd;
 layout(location = 2) in vec3 segmentColorStart;
 layout(location = 3) in vec3 segmentColorEnd;
@@ -5163,10 +5341,16 @@ uniform float uWidth;
 uniform float uNear;
 uniform int uArrows;
 uniform float uArrowSize;
+//@hook uniforms
 const vec2 QUAD[6] = vec2[6](vec2(0.0, -1.0), vec2(0.0, 1.0), vec2(1.0, -1.0), vec2(1.0, -1.0), vec2(0.0, 1.0), vec2(1.0, 1.0));
 out vec3 vColor;
-#ifdef DASHED
+#if defined(DASHED) || defined(HOOK_FRAGMENT)
 out float vDistance;
+#endif
+#ifdef HOOK_FRAGMENT
+flat out float vSegment;
+#endif
+#ifdef DASHED
 flat out float vArrow;
 #endif
 #ifdef PICK
@@ -5175,10 +5359,21 @@ flat out uint vPickElement;
 #ifdef FOG
 out float vFogDepth;
 #endif
-${Er}
+${Nr}
+#ifdef HOOK_VERTEX
+vec3 hookVertex(vec3 local, float along, int index) {
+//@hook vertex
+return local;
+}
+#endif
 void main() {
-vec4 a = uView * (uModel * vec4(segmentStart, 1.0));
-vec4 b = uView * (uModel * vec4(segmentEnd, 1.0));
+vec3 start = segmentStart, end = segmentEnd;
+#ifdef HOOK_VERTEX
+start = hookVertex(segmentStart, 0.0, gl_InstanceID);
+end = hookVertex(segmentEnd, 1.0, gl_InstanceID);
+#endif
+vec4 a = uView * (uModel * vec4(start, 1.0));
+vec4 b = uView * (uModel * vec4(end, 1.0));
 float clipZ = -uNear;
 if (a.z > clipZ && b.z > clipZ) {
 gl_Position = vec4(2.0, 2.0, 2.0, 1.0);
@@ -5222,8 +5417,13 @@ vFogDepth = -mix(a.z, b.z, along);
 #endif
 clip.xy += offset / (uResolution * 0.5) * clip.w;
 gl_Position = clip;
+#if defined(DASHED) || defined(HOOK_FRAGMENT)
+vDistance = segmentInfo.x + length(end - start) * along;
+#endif
+#ifdef HOOK_FRAGMENT
+vSegment = float(gl_InstanceID);
+#endif
 #ifdef DASHED
-vDistance = segmentInfo.x + length(segmentEnd - segmentStart) * along;
 vArrow = arrow;
 #endif
 #ifdef PICK
@@ -5234,38 +5434,143 @@ vColor = vec3(1.0);
 vColor = srgbToLinear(mix(segmentColorStart, segmentColorEnd, along));
 #endif
 }
-`, Fr = `precision highp float;
+`, Hr = `precision highp float;
 in vec3 vColor;
 uniform vec3 uColor;
 uniform float uOpacity;
-#ifdef DASHED
+#if defined(DASHED) || defined(HOOK_FRAGMENT)
 in float vDistance;
+#endif
+#ifdef HOOK_FRAGMENT
+flat in float vSegment;
+#endif
+//@hook uniforms
+#ifdef DASHED
 flat in float vArrow;
 uniform float uDash;
 uniform float uGap;
 uniform float uDashOffset;
 #endif
 out vec4 fragColor;
-${Er}
-${Sr}
+${Nr}
+${kr}
 void main() {
 #ifdef DASHED
 if (vArrow < 0.5 && mod(vDistance - uDashOffset, uDash + uGap) >= uDash) discard;
 #endif
-vec3 color = fogged(uColor * vColor);
-fragColor = vec4(linearToSrgb(color) * uOpacity, uOpacity);
+vec4 base = vec4(uColor * vColor, uOpacity);
+#ifdef HOOK_FRAGMENT
+{
+float distance = vDistance;
+int index = int(vSegment + 0.5);
+//@hook fragment
 }
-`, Ir = {
-	mesh: [Ar, jr],
-	points: [Mr, Nr],
-	lines: [Pr, Fr]
+if (base.a <= 0.0) discard;
+#endif
+vec3 color = fogged(base.rgb);
+#ifdef HOOK_LIT
+{
+//@hook lit
+}
+#endif
+fragColor = vec4(linearToSrgb(color) * base.a, base.a);
+}
+`, Ur = {
+	mesh: [Lr, Rr],
+	points: [zr, Br],
+	lines: [Vr, Hr]
+}, Wr = "highp uint phoriaMix(highp uint h) {\nh ^= h >> 16u; h *= 0x7feb352du; h ^= h >> 15u; h *= 0x846ca68bu; h ^= h >> 16u;\nreturn h;\n}\nfloat phoriaUnit(highp uint h) { return float(h >> 8u) * (1.0 / 16777216.0); }\nfloat hash(float x) { return phoriaUnit(phoriaMix(floatBitsToUint(x))); }\nfloat hash(vec2 p) { highp uvec2 u = floatBitsToUint(p); return phoriaUnit(phoriaMix(u.x ^ phoriaMix(u.y + 0x9e3779b9u))); }\nfloat hash(vec3 p) { highp uvec3 u = floatBitsToUint(p); return phoriaUnit(phoriaMix(u.x ^ phoriaMix(u.y ^ phoriaMix(u.z + 0x9e3779b9u)))); }\nhighp uint phoriaCell(highp ivec3 c) {\nhighp uvec3 u = uvec3(c) * uvec3(0x8da6b343u, 0xd8163841u, 0xcb1ab31fu);\nreturn phoriaMix(u.x ^ u.y ^ u.z);\n}\nfloat vnoise(vec3 p) {\nvec3 i = floor(p), f = p - i;\nvec3 s = f * f * f * (f * (f * 6.0 - 15.0) + 10.0);\nhighp ivec3 c = ivec3(i);\nfloat a = mix(phoriaUnit(phoriaCell(c)), phoriaUnit(phoriaCell(c + ivec3(1, 0, 0))), s.x);\nfloat b = mix(phoriaUnit(phoriaCell(c + ivec3(0, 1, 0))), phoriaUnit(phoriaCell(c + ivec3(1, 1, 0))), s.x);\nfloat d = mix(phoriaUnit(phoriaCell(c + ivec3(0, 0, 1))), phoriaUnit(phoriaCell(c + ivec3(1, 0, 1))), s.x);\nfloat e = mix(phoriaUnit(phoriaCell(c + ivec3(0, 1, 1))), phoriaUnit(phoriaCell(c + ivec3(1, 1, 1))), s.x);\nreturn mix(mix(a, b, s.y), mix(d, e, s.y), s.z);\n}\nfloat vnoise(vec2 p) {\nvec2 i = floor(p), f = p - i;\nvec2 s = f * f * f * (f * (f * 6.0 - 15.0) + 10.0);\nhighp ivec3 c = ivec3(ivec2(i), 0);\nreturn mix(mix(phoriaUnit(phoriaCell(c)), phoriaUnit(phoriaCell(c + ivec3(1, 0, 0))), s.x),\nmix(phoriaUnit(phoriaCell(c + ivec3(0, 1, 0))), phoriaUnit(phoriaCell(c + ivec3(1, 1, 0))), s.x), s.y);\n}\nvec2 phoriaGrad2(highp ivec2 c) {\nfloat a = phoriaUnit(phoriaCell(ivec3(c, 7))) * 6.28318530718;\nreturn vec2(cos(a), sin(a));\n}\nvoid phoriaCorner2(vec2 x, highp ivec2 c, inout float n, inout vec2 d) {\nfloat t = 0.5 - dot(x, x);\nif (t <= 0.0) return;\nvec2 g = phoriaGrad2(c);\nfloat t2 = t * t, gx = dot(g, x);\nn += t2 * t2 * gx;\nd += t2 * t2 * g - 8.0 * t2 * t * gx * x;\n}\nvec3 snoised(vec2 p) {\nconst float F = 0.366025403784, G = 0.211324865405;\nvec2 i = floor(p + (p.x + p.y) * F);\nvec2 x0 = p - i + (i.x + i.y) * G;\nvec2 o = x0.x > x0.y ? vec2(1.0, 0.0) : vec2(0.0, 1.0);\nhighp ivec2 c = ivec2(i);\nfloat n = 0.0;\nvec2 d = vec2(0.0);\nphoriaCorner2(x0, c, n, d);\nphoriaCorner2(x0 - o + G, c + ivec2(o), n, d);\nphoriaCorner2(x0 - 1.0 + 2.0 * G, c + 1, n, d);\nreturn vec3(0.5 + 35.0 * n, 35.0 * d);\n}\nfloat snoise(vec2 p) { return snoised(p).x; }\nconst vec3 PHORIA_EDGES[12] = vec3[12](vec3(1, 1, 0), vec3(-1, 1, 0), vec3(1, -1, 0), vec3(-1, -1, 0),\nvec3(1, 0, 1), vec3(-1, 0, 1), vec3(1, 0, -1), vec3(-1, 0, -1), vec3(0, 1, 1), vec3(0, -1, 1), vec3(0, 1, -1), vec3(0, -1, -1));\nvoid phoriaCorner3(vec3 x, highp ivec3 c, inout float n, inout vec3 d) {\nfloat t = 0.6 - dot(x, x);\nif (t <= 0.0) return;\nvec3 g = PHORIA_EDGES[phoriaCell(c) % 12u];\nfloat t2 = t * t, gx = dot(g, x);\nn += t2 * t2 * gx;\nd += t2 * t2 * g - 8.0 * t2 * t * gx * x;\n}\nvec4 snoised(vec3 p) {\nconst float F = 1.0 / 3.0, G = 1.0 / 6.0;\nvec3 i = floor(p + dot(p, vec3(F)));\nvec3 x0 = p - i + dot(i, vec3(G));\nvec3 g = step(x0.yzx, x0.xyz), l = 1.0 - g;\nvec3 i1 = min(g, l.zxy), i2 = max(g, l.zxy);\nhighp ivec3 c = ivec3(i);\nfloat n = 0.0;\nvec3 d = vec3(0.0);\nphoriaCorner3(x0, c, n, d);\nphoriaCorner3(x0 - i1 + G, c + ivec3(i1), n, d);\nphoriaCorner3(x0 - i2 + 2.0 * G, c + ivec3(i2), n, d);\nphoriaCorner3(x0 - 1.0 + 3.0 * G, c + 1, n, d);\nreturn vec4(0.5 + 16.0 * n, 16.0 * d);\n}\nfloat snoise(vec3 p) { return snoised(p).x; }\nconst mat2 PHORIA_TURN2 = mat2(0.8, 0.6, -0.6, 0.8);\nconst mat3 PHORIA_TURN3 = mat3(0.00, 0.80, 0.60, -0.80, 0.36, -0.48, -0.60, -0.48, 0.64);\nfloat vfbm(vec2 p, int octaves) {\nfloat v = 0.0, a = 0.5, sum = 0.0;\nfor (int i = 0; i < clamp(octaves, 1, 12); i++) { v += a * vnoise(p); sum += a; p = PHORIA_TURN2 * p * 2.03 + 17.0; a *= 0.5; }\nreturn v / sum;\n}\nfloat vfbm(vec3 p, int octaves) {\nfloat v = 0.0, a = 0.5, sum = 0.0;\nfor (int i = 0; i < clamp(octaves, 1, 12); i++) { v += a * vnoise(p); sum += a; p = PHORIA_TURN3 * p * 2.03 + 17.0; a *= 0.5; }\nreturn v / sum;\n}\nfloat sfbm(vec2 p, int octaves) {\nfloat v = 0.0, a = 0.5, sum = 0.0;\nfor (int i = 0; i < clamp(octaves, 1, 12); i++) { v += a * snoise(p); sum += a; p = PHORIA_TURN2 * p * 2.03 + 17.0; a *= 0.5; }\nreturn v / sum;\n}\nfloat sfbm(vec3 p, int octaves) {\nfloat v = 0.0, a = 0.5, sum = 0.0;\nfor (int i = 0; i < clamp(octaves, 1, 12); i++) { v += a * snoise(p); sum += a; p = PHORIA_TURN3 * p * 2.03 + 17.0; a *= 0.5; }\nreturn v / sum;\n}\nvec3 sfbmd(vec2 p, int octaves) {\nfloat v = 0.0, a = 0.5, sum = 0.0;\nvec2 d = vec2(0.0);\nmat2 m = mat2(1.0);\nfor (int i = 0; i < clamp(octaves, 1, 12); i++) {\nvec3 n = snoised(p);\nv += a * n.x;\nd += a * (transpose(m) * n.yz);\nsum += a;\np = PHORIA_TURN2 * p * 2.03 + 17.0;\nm = PHORIA_TURN2 * m * 2.03;\na *= 0.5;\n}\nreturn vec3(v, d) / sum;\n}\nvec4 sfbmd(vec3 p, int octaves) {\nfloat v = 0.0, a = 0.5, sum = 0.0;\nvec3 d = vec3(0.0);\nmat3 m = mat3(1.0);\nfor (int i = 0; i < clamp(octaves, 1, 12); i++) {\nvec4 n = snoised(p);\nv += a * n.x;\nd += a * (transpose(m) * n.yzw);\nsum += a;\np = PHORIA_TURN3 * p * 2.03 + 17.0;\nm = PHORIA_TURN3 * m * 2.03;\na *= 0.5;\n}\nreturn vec4(v, d) / sum;\n}\nfloat vfbm(vec2 p) { return vfbm(p, 5); }\nfloat vfbm(vec3 p) { return vfbm(p, 5); }\nfloat sfbm(vec2 p) { return sfbm(p, 5); }\nfloat sfbm(vec3 p) { return sfbm(p, 5); }\nvec3 sfbmd(vec2 p) { return sfbmd(p, 5); }\nvec4 sfbmd(vec3 p) { return sfbmd(p, 5); }\nvec3 voronoi(vec2 p) {\nvec2 i = floor(p), f = p - i;\nhighp ivec2 c = ivec2(i);\nfloat f1 = 8.0, f2 = 8.0, id = 0.0;\nfor (int y = -1; y <= 1; y++) {\nfor (int x = -1; x <= 1; x++) {\nhighp uint h = phoriaCell(ivec3(c + ivec2(x, y), 11));\nvec2 o = vec2(float(x), float(y)) + vec2(phoriaUnit(h), phoriaUnit(phoriaMix(h ^ 0x68e31da4u))) - f;\nfloat d = dot(o, o);\nif (d < f1) { f2 = f1; f1 = d; id = phoriaUnit(phoriaMix(h + 0x1b56c4e9u)); }\nelse if (d < f2) f2 = d;\n}\n}\nreturn vec3(sqrt(f1), sqrt(f2), id);\n}\nvec3 voronoi(vec3 p) {\nvec3 i = floor(p), f = p - i;\nhighp ivec3 c = ivec3(i);\nfloat f1 = 8.0, f2 = 8.0, id = 0.0;\nfor (int z = -1; z <= 1; z++) {\nfor (int y = -1; y <= 1; y++) {\nfor (int x = -1; x <= 1; x++) {\nhighp uint h = phoriaCell(c + ivec3(x, y, z)) ^ 0x2545f491u;\nh = phoriaMix(h);\nvec3 o = vec3(float(x), float(y), float(z)) - f\n+ vec3(phoriaUnit(h), phoriaUnit(phoriaMix(h ^ 0x68e31da4u)), phoriaUnit(phoriaMix(h ^ 0xb5297a4du)));\nfloat d = dot(o, o);\nif (d < f1) { f2 = f1; f1 = d; id = phoriaUnit(phoriaMix(h + 0x1b56c4e9u)); }\nelse if (d < f2) f2 = d;\n}\n}\n}\nreturn vec3(sqrt(f1), sqrt(f2), id);\n}\nvec3 srgb(vec3 c) { return mix(c / 12.92, pow((c + 0.055) / 1.055, vec3(2.4)), step(vec3(0.04045), c)); }\nvec3 hsv2rgb(vec3 hsv) {\nvec3 k = clamp(abs(mod(hsv.x * 6.0 + vec3(0.0, 4.0, 2.0), 6.0) - 3.0) - 1.0, 0.0, 1.0);\nreturn srgb(hsv.z * mix(vec3(1.0), k, hsv.y));\n}\nvec3 hsv2rgb(float h, float s, float v) { return hsv2rgb(vec3(h, s, v)); }\nvec3 palette(float t, vec3 a, vec3 b, vec3 c, vec3 d) { return srgb(clamp(a + b * cos(6.28318530718 * (c * t + d)), 0.0, 1.0)); }\nfloat fresnel(vec3 normal, vec3 position, float power) {\nvec3 v = normalize(cameraPosition - position);\nreturn pow(1.0 - clamp(abs(dot(normalize(normal), v)), 0.0, 1.0), power);\n}\nmat2 rotate2(float a) { float s = sin(a), c = cos(a); return mat2(c, s, -s, c); }\nmat3 rotate3(vec3 axis, float a) {\nvec3 u = normalize(axis);\nfloat s = sin(a), c = cos(a), t = 1.0 - c;\nreturn mat3(t * u.x * u.x + c, t * u.x * u.y + s * u.z, t * u.x * u.z - s * u.y,\nt * u.x * u.y - s * u.z, t * u.y * u.y + c, t * u.y * u.z + s * u.x,\nt * u.x * u.z + s * u.y, t * u.y * u.z - s * u.x, t * u.z * u.z + c);\n}\nfloat remap(float x, float a, float b, float c, float d) { return c + (x - a) * (d - c) / (b - a); }\nvec2 remap(vec2 x, float a, float b, float c, float d) { return c + (x - a) * (d - c) / (b - a); }\nvec3 remap(vec3 x, float a, float b, float c, float d) { return c + (x - a) * (d - c) / (b - a); }\nfloat saturate(float x) { return clamp(x, 0.0, 1.0); }\nvec2 saturate(vec2 x) { return clamp(x, 0.0, 1.0); }\nvec3 saturate(vec3 x) { return clamp(x, 0.0, 1.0); }\nvec4 saturate(vec4 x) { return clamp(x, 0.0, 1.0); }\n", Gr = {
+	vertex: 101,
+	fragment: 102,
+	lit: 103
 };
-function Lr(e, t) {
-	let n = `#version 300 es\n${t.map((e) => `#define ${e}\n`).join("")}`, [r, i] = typeof e == "string" ? Ir[e] : e;
-	return [n + r, n + i];
+function Kr(e, t, n = null) {
+	let r = `#version 300 es\n${t.map((e) => `#define ${e}\n`).join("")}`, [i, a] = typeof e == "string" ? Ur[e] : e;
+	if (!n) return [r + i, r + a];
+	let o = 2 + t.length;
+	return [r + qr(i, n, o), r + qr(a, n, o)];
+}
+function qr(e, t, n) {
+	return e.split("\n").map((e, r) => {
+		let i = /^\s*\/\/@hook (\w+)$/.exec(e);
+		if (!i) return e;
+		let a = i[1], o = `#line ${n + r + 1} 0`;
+		return a === "uniforms" ? `${t.uniforms}\n${t.helpers ?? ""}\n${o}` : `#line 1 ${Gr[a]}\n${t[a]}\n${o}`;
+	}).join("\n");
+}
+// src/webgl/hooks.js
+var Jr = /* @__PURE__ */ new Map(), Yr = /* @__PURE__ */ new Set(), Xr = /* @__PURE__ */ new WeakMap();
+function Zr(e) {
+	return typeof e == "number" ? "float" : e instanceof W ? "sampler2D" : `vec${e.length}`;
+}
+var Qr = null, $r = () => Qr ??= new Set([
+	Lr,
+	zr,
+	Vr,
+	Mr,
+	...[
+		"mesh",
+		"points",
+		"lines"
+	].flatMap((e) => Kr(e, []))
+].flatMap((e) => [...e.matchAll(/uniform\s+\w+\s+(\w+)/g)].map((e) => e[1])));
+function ei(e) {
+	let t = e.shader;
+	if (!t) return null;
+	let n = Object.entries(t.uniforms).map(([e, t]) => `${Zr(t)} ${e}`).join(";"), r = Xr.get(t);
+	if (r && r.types === n) return r.hook;
+	let i = JSON.stringify([
+		t.vertex,
+		t.fragment,
+		t.lit,
+		n
+	]), a = Yr.has(i) ? null : Jr.get(i) ?? null;
+	if (!a && !Yr.has(i)) {
+		let r = Object.keys(t.uniforms).find((e) => $r().has(e));
+		r ? (Yr.add(i), F(e, `shader uniform '${r}' is one of phoria2's own - give it another name; the material is drawn without its shader hooks`)) : (a = {
+			signature: i,
+			defines: [
+				...t.vertex ? ["HOOK_VERTEX"] : [],
+				...t.fragment ? ["HOOK_FRAGMENT"] : [],
+				...t.lit ? ["HOOK_LIT"] : [],
+				`HOOKS ${Jr.size + 1}`
+			],
+			source: {
+				uniforms: [
+					"uniform float uTime;",
+					"uniform vec3 cameraPosition;",
+					...n.split(";").filter(Boolean).map((e) => `uniform ${e};`)
+				].join("\n"),
+				helpers: Wr,
+				vertex: t.vertex,
+				fragment: t.fragment,
+				lit: t.lit
+			},
+			moves: !!t.vertex
+		}, Jr.set(i, a));
+	}
+	return Xr.set(t, {
+		types: n,
+		hook: a
+	}), a;
 }
-// src/webgl/programs.js
-var Rr = class {
+function ti(e, t) {
+	return e.defines.filter((e) => e !== "HOOK_LIT" && (t || e !== "HOOK_FRAGMENT"));
+}
+function ni(e, t, n, r, i) {
+	e.set("uTime", n), e.set("cameraPosition", r);
+	let a = t.shader.uniforms;
+	for (let t in a) {
+		let n = a[t];
+		e.set(t, n instanceof W ? i(n) : n);
+	}
+}
+function ri(e, t, n) {
+	Yr.add(t.signature), Xr.delete(e.shader);
+	let r = Object.fromEntries(Object.entries(Gr).map(([e, t]) => [t, e])), i = n.split("\n").map((e) => /ERROR:\s*(\d+):(\d+):\s*(.*)/.exec(e)).filter((e) => !!e), a = i.filter((e) => r[e[1]]), o = a.length ? a.map((e) => `shader.${r[e[1]]} line ${e[2]}: ${e[3]}`).join("; ") : `in phoria2's shader around the hook: ${i[0]?.[3] ?? n.trim().split("\n")[0]}`, s = Object.keys(e.shader.uniforms);
+	F(e, `a shader hook doesn't compile - ${o}. Hooks can use ${ii}, uTime${s.length ? `, ${s.join(", ")}` : ""}, cameraPosition, and call hash, vnoise, snoise, snoised, vfbm, sfbm, sfbmd, voronoi, srgb, hsv2rgb, palette, fresnel, rotate2, rotate3, remap and saturate. The material is drawn without its hooks`);
+}
+var ii = "local, n, uv, index, size, along (vertex); base, emissive, normal, vUv, vWorldPosition, vNormal, vColor, pointUv, distance (fragment); color, base (lit)", ai = class {
 	#e = /* @__PURE__ */ new Map();
 	#t;
 	#n = null;
@@ -5280,13 +5585,13 @@ var Rr = class {
 		for (let t of this.#e.values()) !t.ready && !this.isReady(t) && e++;
 		return e;
 	}
-	get(e, t, n) {
-		let r = `${e}|${t.join(",")}`, i = this.#e.get(r);
-		return i || (i = this.#r(r, Lr(n ?? e, t)), this.#e.set(r, i)), i;
+	get(e, t, n, r = null) {
+		let i = `${e}|${t.join(",")}`, a = this.#e.get(i);
+		return a || (a = this.#r(i, Kr(n ?? e, t, r), !!r), this.#e.set(i, a)), a;
 	}
-	ready(e, t, n) {
-		let r = this.get(e, t, n);
-		return r.ready || this.#i(r), r;
+	ready(e, t, n, r = null) {
+		let i = this.get(e, t, n, r);
+		return i.ready || this.#i(i), i;
 	}
 	isReady(e) {
 		return e.ready ? !0 : this.#t && !this.gl.getProgramParameter(e.program, 37297) ? !1 : (this.#i(e), !0);
@@ -5302,38 +5607,45 @@ var Rr = class {
 		for (let e of this.#e.values()) this.gl.deleteProgram(e.program);
 		this.#e.clear(), this.#n && this.gl.deleteVertexArray(this.#n), this.#n = null;
 	}
-	#r(e, t) {
-		let n = this.gl, r = (e, t) => {
-			let r = n.createShader(e);
-			return n.shaderSource(r, t), n.compileShader(r), r;
-		}, i = n.createProgram(), a = r(n.VERTEX_SHADER, t[0]), o = r(n.FRAGMENT_SHADER, t[1]);
-		n.attachShader(i, a), n.attachShader(i, o), n.linkProgram(i);
-		let s = {
-			program: i,
+	#r(e, t, n = !1) {
+		let r = this.gl, i = (e, t) => {
+			let n = r.createShader(e);
+			return r.shaderSource(n, t), r.compileShader(n), n;
+		}, a = r.createProgram(), o = i(r.VERTEX_SHADER, t[0]), s = i(r.FRAGMENT_SHADER, t[1]);
+		r.attachShader(a, o), r.attachShader(a, s), r.linkProgram(a);
+		let c = {
+			program: a,
 			key: e,
 			frame: -1,
 			ready: !1,
 			set() {},
-			shaders: [a, o],
-			sources: t
+			shaders: [o, s],
+			sources: t,
+			hooked: n
 		};
-		return this.#t || this.#i(s), s;
+		return this.#t || this.#i(c), c;
 	}
 	#i(e) {
 		let t = this.gl, { program: n, key: r, shaders: i, sources: a } = e;
-		if (!t.getProgramParameter(n, t.LINK_STATUS) && !t.isContextLost()) throw i.forEach((e, n) => {
-			if (!t.getShaderParameter(e, t.COMPILE_STATUS)) throw Error(`phoria2: ${n ? "fragment" : "vertex"} shader '${r}' failed to compile:\n${t.getShaderInfoLog(e)}\n${Br(a[n])}`);
-		}), Error(`phoria2: shader program '${r}' failed to link: ${t.getProgramInfoLog(n)}`);
+		if (!t.getProgramParameter(n, t.LINK_STATUS) && !t.isContextLost()) {
+			if (e.hooked) {
+				e.failed = i.map((e) => t.getShaderParameter(e, t.COMPILE_STATUS) ? "" : t.getShaderInfoLog(e) ?? "").join("\n") || (t.getProgramInfoLog(n) ?? "failed to link"), e.ready = !0;
+				return;
+			}
+			throw i.forEach((e, n) => {
+				if (!t.getShaderParameter(e, t.COMPILE_STATUS)) throw Error(`phoria2: ${n ? "fragment" : "vertex"} shader '${r}' failed to compile:\n${t.getShaderInfoLog(e)}\n${si(a[n])}`);
+			}), Error(`phoria2: shader program '${r}' failed to link: ${t.getProgramInfoLog(n)}`);
+		}
 		for (let e of i) t.deleteShader(e);
 		let o = /* @__PURE__ */ new Map(), s = t.getProgramParameter(n, t.ACTIVE_UNIFORMS), c = 0;
 		for (let e = 0; e < s; e++) {
 			let r = t.getActiveUniform(n, e), i = r.name.replace(/\[0\]$/, ""), a = t.getUniformLocation(n, r.name), s = r.type === t.SAMPLER_2D || r.type === t.SAMPLER_2D_SHADOW || r.type === t.SAMPLER_CUBE_SHADOW;
-			o.set(i, zr(t, r.type, a, s ? c++ : 0));
+			o.set(i, oi(t, r.type, a, s ? c++ : 0));
 		}
 		e.set = (e, t) => o.get(e)?.(t), e.ready = !0;
 	}
 };
-function zr(e, t, n, r) {
+function oi(e, t, n, r) {
 	switch (t) {
 		case e.FLOAT: return (t) => typeof t == "number" ? e.uniform1f(n, t) : e.uniform1fv(n, t);
 		case e.FLOAT_VEC2: return (t) => e.uniform2fv(n, t);
@@ -5354,8 +5666,8 @@ function zr(e, t, n, r) {
 		default: return () => {};
 	}
 }
-var Br = (e) => e.split("\n").map((e, t) => `${String(t + 1).padStart(4)}  ${e}`).join("\n"), Vr = 15, Hr = 16, Ur = 4;
-function Wr(e, t, n, r) {
+var si = (e) => e.split("\n").map((e, t) => `${String(t + 1).padStart(4)}  ${e}`).join("\n"), ci = 15, li = 16, ui = 4;
+function di(e, t, n, r) {
 	return [
 		e.positions.length,
 		n,
@@ -5368,7 +5680,7 @@ function Wr(e, t, n, r) {
 		r
 	].join();
 }
-function Gr(e) {
+function fi(e) {
 	let t = e.positions, n = e.normals, r = e.uvs, i = t.length / 3, a = new Float32Array(i * 4), o = new Float32Array(i * 3), s = new Float32Array(i * 3);
 	if (r) {
 		let n = e.indices, a = (n ? n.length : i) / 3;
@@ -5398,12 +5710,12 @@ function Gr(e) {
 	}
 	return a;
 }
-var Kr = /* @__PURE__ */ new Float32Array(9);
-function qr(e) {
-	let t = Math.cos(e.rotation), n = Math.sin(e.rotation), [r, i] = e.repeat, [a, o] = e.center, s = Kr;
+var pi = /* @__PURE__ */ new Float32Array(9);
+function mi(e) {
+	let t = Math.cos(e.rotation), n = Math.sin(e.rotation), [r, i] = e.repeat, [a, o] = e.center, s = pi;
 	return s[0] = t * r, s[1] = -n * r, s[2] = 0, s[3] = n * i, s[4] = t * i, s[5] = 0, s[6] = a - t * a - n * o + e.offset[0], s[7] = o + n * a - t * o + e.offset[1], s[8] = 1, s;
 }
-var Jr = new Float32Array([
+var hi = new Float32Array([
 	0,
 	-1,
 	0,
@@ -5412,7 +5724,7 @@ var Jr = new Float32Array([
 	-1,
 	1,
 	1
-]), Yr = [
+]), gi = [
 	[
 		Z.position,
 		3,
@@ -5443,7 +5755,7 @@ var Jr = new Float32Array([
 		1,
 		9
 	]
-], Xr = 10, Zr = class {
+], _i = 10, vi = class {
 	gl;
 	#e = /* @__PURE__ */ new WeakMap();
 	#t = /* @__PURE__ */ new WeakMap();
@@ -5475,11 +5787,11 @@ var Jr = new Float32Array([
 		this.#d(i);
 		let a = n ? this.#e : this.#t, o = a.get(i), s = o?.geometry === e;
 		if (r = n && (r || s && !!o?.attributes?.tangent), o && s && o.version === e.version && (!t || o.instanceVersion === t.version) && r === !!o.attributes?.tangent) return o;
-		let c = Wr(e, t, n, r);
+		let c = di(e, t, n, r);
 		if (o && s && o.layout === c) {
 			if (o.version !== e.version) {
 				let t = o.attributes;
-				this.#u(t.position, e.positions), n && this.#u(t.normal, e.normals), e.uvs && this.#u(t.uv, e.uvs), e.uvs2 && this.#u(t.uv2, e.uvs2), e.colors && this.#u(t.color, e.colors), r && this.#u(t.tangent, Gr(e)), e.indices && (this.gl.bindVertexArray(o.vao), this.gl.bufferSubData(this.gl.ELEMENT_ARRAY_BUFFER, 0, e.indices), this.gl.bindVertexArray(null)), o.version = e.version;
+				this.#u(t.position, e.positions), n && this.#u(t.normal, e.normals), e.uvs && this.#u(t.uv, e.uvs), e.uvs2 && this.#u(t.uv2, e.uvs2), e.colors && this.#u(t.color, e.colors), r && this.#u(t.tangent, fi(e)), e.indices && (this.gl.bindVertexArray(o.vao), this.gl.bufferSubData(this.gl.ELEMENT_ARRAY_BUFFER, 0, e.indices), this.gl.bindVertexArray(null)), o.version = e.version;
 			}
 			return t && o.instanceVersion !== t.version && (this.#u(o.matrixBuffer, t.instanceMatrices), t.instanceColors && this.#u(o.colorBuffer, t.instanceColors), o.instanceVersion = t.version), o;
 		}
@@ -5490,7 +5802,7 @@ var Jr = new Float32Array([
 			let i = l.createBuffer();
 			return l.bindBuffer(l.ARRAY_BUFFER, i), l.bufferData(l.ARRAY_BUFFER, t, l.STATIC_DRAW), l.enableVertexAttribArray(e), l.vertexAttribPointer(e, n, l.FLOAT, !1, 0, 0), r && l.vertexAttribDivisor(e, r), d.push(i), i;
 		}, p = {};
-		p.position = f(Z.position, e.positions, 3), n && (p.normal = f(Z.normal, e.normals, 3)), e.uvs ? p.uv = f(Z.uv, e.uvs, 2) : l.vertexAttrib2f(Z.uv, 0, 0), e.uvs2 && (p.uv2 = f(Z.uv2, e.uvs2, 2)), e.colors ? p.color = f(Z.color, e.colors, 3) : l.vertexAttrib3f(Z.color, 1, 1, 1), r && (p.tangent = f(Z.tangent, Gr(e), 4));
+		p.position = f(Z.position, e.positions, 3), n && (p.normal = f(Z.normal, e.normals, 3)), e.uvs ? p.uv = f(Z.uv, e.uvs, 2) : l.vertexAttrib2f(Z.uv, 0, 0), e.uvs2 && (p.uv2 = f(Z.uv2, e.uvs2, 2)), e.colors ? p.color = f(Z.color, e.colors, 3) : l.vertexAttrib3f(Z.color, 1, 1, 1), r && (p.tangent = f(Z.tangent, fi(e), 4));
 		let m = null, h = null;
 		if (t) {
 			m = l.createBuffer(), l.bindBuffer(l.ARRAY_BUFFER, m), l.bufferData(l.ARRAY_BUFFER, t.instanceMatrices, l.STATIC_DRAW);
@@ -5573,8 +5885,8 @@ var Jr = new Float32Array([
 			width: 0,
 			height: 0,
 			internal: 0
-		}, this.#i.set(e, n), this.counts.textures++, e.onDispose(() => this.#f(e))), t.activeTexture(t.TEXTURE0 + Vr), t.bindTexture(t.TEXTURE_2D, n.texture), t.pixelStorei(t.UNPACK_FLIP_Y_WEBGL, e.flipY), t.pixelStorei(t.UNPACK_PREMULTIPLY_ALPHA_WEBGL, !1);
-		let r = e.image, i = "data" in r ? r : null, a = !!i && i.data instanceof Float32Array, o = a ? t.RGBA16F : e.colorSpace === "srgb" ? t.SRGB8_ALPHA8 : t.RGBA8, s = a ? t.FLOAT : t.UNSIGNED_BYTE, [c, l] = Qr(r);
+		}, this.#i.set(e, n), this.counts.textures++, e.onDispose(() => this.#f(e))), t.activeTexture(t.TEXTURE0 + ci), t.bindTexture(t.TEXTURE_2D, n.texture), t.pixelStorei(t.UNPACK_FLIP_Y_WEBGL, e.flipY), t.pixelStorei(t.UNPACK_PREMULTIPLY_ALPHA_WEBGL, !1);
+		let r = e.image, i = "data" in r ? r : null, a = !!i && i.data instanceof Float32Array, o = a ? t.RGBA16F : e.colorSpace === "srgb" ? t.SRGB8_ALPHA8 : t.RGBA8, s = a ? t.FLOAT : t.UNSIGNED_BYTE, [c, l] = yi(r);
 		if (n.version < 0 || n.width !== c || n.height !== l || n.internal !== o) i ? t.texImage2D(t.TEXTURE_2D, 0, o, c, l, 0, t.RGBA, s, i.data) : t.texImage2D(t.TEXTURE_2D, 0, o, t.RGBA, s, r), Object.assign(n, {
 			width: c,
 			height: l,
@@ -5582,7 +5894,7 @@ var Jr = new Float32Array([
 		});
 		else {
 			let a = e.flipY ? null : e.changedSince(n.version);
-			a && a.length > Hr && (a = $r(a, c, l));
+			a && a.length > li && (a = bi(a, c, l));
 			for (let e of a ?? [{
 				x: 0,
 				y: 0,
@@ -5614,7 +5926,7 @@ var Jr = new Float32Array([
 			let t = e;
 			if (t.isDrawable) {
 				n.add(t.geometry), "instanceMatrices" in t && n.add(t);
-				for (let [, e] of t.material.textures) n.add(e);
+				for (let [, e] of t.material.allTextures) n.add(e);
 			}
 		});
 		for (let t of n) {
@@ -5649,8 +5961,8 @@ var Jr = new Float32Array([
 			let t = n.createVertexArray();
 			n.bindVertexArray(t);
 			let i = n.createBuffer();
-			n.bindBuffer(n.ARRAY_BUFFER, i), n.bufferData(n.ARRAY_BUFFER, o * Xr * 4, n.DYNAMIC_DRAW);
-			for (let [e, t, r] of Yr) n.enableVertexAttribArray(e), n.vertexAttribPointer(e, t, n.FLOAT, !1, 40, r * 4), n.vertexAttribDivisor(e, 1);
+			n.bindBuffer(n.ARRAY_BUFFER, i), n.bufferData(n.ARRAY_BUFFER, o * _i * 4, n.DYNAMIC_DRAW);
+			for (let [e, t, r] of gi) n.enableVertexAttribArray(e), n.vertexAttribPointer(e, t, n.FLOAT, !1, 40, r * 4), n.vertexAttribDivisor(e, 1);
 			n.bindBuffer(n.ARRAY_BUFFER, this.#g()), n.enableVertexAttribArray(Z.corner), n.vertexAttribPointer(Z.corner, 2, n.FLOAT, !1, 0, 0), n.bindVertexArray(null), r = {
 				vao: t,
 				buffers: [i],
@@ -5661,15 +5973,15 @@ var Jr = new Float32Array([
 				instanceVersion: 0,
 				capacity: o,
 				sorted: !1,
-				data: new Float32Array(o * Xr)
+				data: new Float32Array(o * _i)
 			}, this.#r.set(e, r);
 		}
-		let s = i ? ei(e.positions, a, t) : null, c = e.positions, l = e.colors, u = e.sizes, d = e.opacities, f = e.angles, p = r.data;
+		let s = i ? xi(e.positions, a, t) : null, c = e.positions, l = e.colors, u = e.sizes, d = e.opacities, f = e.angles, p = r.data;
 		for (let e = 0; e < a; e++) {
-			let t = s ? s[e] : e, n = e * Xr;
+			let t = s ? s[e] : e, n = e * _i;
 			p[n] = c[t * 3], p[n + 1] = c[t * 3 + 1], p[n + 2] = c[t * 3 + 2], p[n + 3] = l ? l[t * 3] : 1, p[n + 4] = l ? l[t * 3 + 1] : 1, p[n + 5] = l ? l[t * 3 + 2] : 1, p[n + 6] = u ? u[t] : 1, p[n + 7] = d ? d[t] : 1, p[n + 8] = f ? f[t] : 0, p[n + 9] = t;
 		}
-		return n.bindBuffer(n.ARRAY_BUFFER, r.buffers[0]), n.bufferSubData(n.ARRAY_BUFFER, 0, p, 0, a * Xr), Object.assign(r, {
+		return n.bindBuffer(n.ARRAY_BUFFER, r.buffers[0]), n.bufferSubData(n.ARRAY_BUFFER, 0, p, 0, a * _i), Object.assign(r, {
 			count: a,
 			version: e.version,
 			sorted: i
@@ -5699,7 +6011,7 @@ var Jr = new Float32Array([
 	#h() {
 		if (this.#a) return this.#a;
 		let e = this.gl;
-		return this.#a = e.createTexture(), e.activeTexture(e.TEXTURE0 + Vr), e.bindTexture(e.TEXTURE_2D, this.#a), e.texImage2D(e.TEXTURE_2D, 0, e.RGBA8, 1, 1, 0, e.RGBA, e.UNSIGNED_BYTE, new Uint8Array([
+		return this.#a = e.createTexture(), e.activeTexture(e.TEXTURE0 + ci), e.bindTexture(e.TEXTURE_2D, this.#a), e.texImage2D(e.TEXTURE_2D, 0, e.RGBA8, 1, 1, 0, e.RGBA, e.UNSIGNED_BYTE, new Uint8Array([
 			255,
 			255,
 			255,
@@ -5709,16 +6021,16 @@ var Jr = new Float32Array([
 	#g() {
 		if (this.#o) return this.#o;
 		let e = this.gl;
-		return this.#o = e.createBuffer(), e.bindBuffer(e.ARRAY_BUFFER, this.#o), e.bufferData(e.ARRAY_BUFFER, Jr, e.STATIC_DRAW), this.#o;
+		return this.#o = e.createBuffer(), e.bindBuffer(e.ARRAY_BUFFER, this.#o), e.bufferData(e.ARRAY_BUFFER, hi, e.STATIC_DRAW), this.#o;
 	}
 };
-function Qr(e) {
+function yi(e) {
 	return He(e) ? [e.videoWidth, e.videoHeight] : "naturalWidth" in e ? [e.naturalWidth, e.naturalHeight] : [e.width, e.height];
 }
-function $r(e, t, n) {
+function bi(e, t, n) {
 	let r = /* @__PURE__ */ new Map();
 	for (let i of e) {
-		let e = Math.min(3, Math.max(0, Math.floor((i.x + i.width / 2) / t * Ur))), a = Math.min(3, Math.max(0, Math.floor((i.y + i.height / 2) / n * Ur))) * Ur + e, o = r.get(a);
+		let e = Math.min(3, Math.max(0, Math.floor((i.x + i.width / 2) / t * ui))), a = Math.min(3, Math.max(0, Math.floor((i.y + i.height / 2) / n * ui))) * ui + e, o = r.get(a);
 		o ? (o[0] = Math.min(o[0], i.x), o[1] = Math.min(o[1], i.y), o[2] = Math.max(o[2], i.x + i.width), o[3] = Math.max(o[3], i.y + i.height)) : r.set(a, [
 			i.x,
 			i.y,
@@ -5733,13 +6045,13 @@ function $r(e, t, n) {
 		height: r - t
 	}));
 }
-function ei(e, t, n) {
+function xi(e, t, n) {
 	let r = new Float32Array(t), i = new Uint32Array(t);
 	for (let a = 0; a < t; a++) r[a] = n[2] * e[a * 3] + n[6] * e[a * 3 + 1] + n[10] * e[a * 3 + 2] + n[14], i[a] = a;
 	return i.sort((e, t) => r[e] - r[t]);
 }
 // src/webgl/context.js
-var ti = null, ni = class e {
+var Si = null, Ci = class e {
 	canvas;
 	gl;
 	programs;
@@ -5758,8 +6070,8 @@ var ti = null, ni = class e {
 	#i;
 	constructor(e, { antialias: t = !0, shared: n = !1 } = {}) {
 		this.canvas = e, this.isShared = n;
-		let r = ri.get(e);
-		r && (clearTimeout(r.timer), ri.delete(e));
+		let r = wi.get(e);
+		r && (clearTimeout(r.timer), wi.delete(e));
 		let i = e.getContext("webgl2", {
 			antialias: t,
 			alpha: !0,
@@ -5767,7 +6079,7 @@ var ti = null, ni = class e {
 			stencil: !0,
 			powerPreference: "high-performance"
 		});
-		i || E("WebGLRenderer", "WebGL 2 is not available in this browser or on this device"), this.gl = i, this.programs = new Rr(this.gl), this.resources = new Zr(this.gl);
+		i || E("WebGLRenderer", "WebGL 2 is not available in this browser or on this device"), this.gl = i, this.programs = new ai(this.gl), this.resources = new vi(this.gl);
 		let a = (e) => {
 			e.preventDefault(), this.lost = !0;
 		}, o = () => {
@@ -5779,11 +6091,11 @@ var ti = null, ni = class e {
 		}, r && i.isContextLost() && (this.lost = !0, r.lose?.restoreContext());
 	}
 	static shared() {
-		if (!ti) {
+		if (!Si) {
 			let t = typeof document < "u" ? document.createElement("canvas") : new OffscreenCanvas(1, 1);
-			ti = new e(t, { shared: !0 });
+			Si = new e(t, { shared: !0 });
 		}
-		return ti;
+		return Si;
 	}
 	fit(e, t) {
 		let n = this.canvas;
@@ -5824,12 +6136,12 @@ var ti = null, ni = class e {
 		if (this.users.delete(e), t && this.resources.release(e, t), this.users.size) return;
 		this.programs.dispose(), this.resources.reset(), this.passes?.reset(), this.bloom?.dispose(), this.#i();
 		let n = this.gl.getExtension("WEBGL_lose_context");
-		this === ti ? (n?.loseContext(), ti = null) : ri.set(this.canvas, {
+		this === Si ? (n?.loseContext(), Si = null) : wi.set(this.canvas, {
 			lose: n,
 			timer: setTimeout(() => n?.loseContext())
 		});
 	}
-}, ri = /* @__PURE__ */ new WeakMap(), ii = [
+}, wi = /* @__PURE__ */ new WeakMap(), Ti = [
 	"canvas",
 	"shared",
 	"antialias",
@@ -5838,40 +6150,40 @@ var ti = null, ni = class e {
 	"exposure",
 	"pixelRatio",
 	"bloom"
-], ai = {
+], Ei = {
 	strength: 1,
 	radius: .6,
 	threshold: .6
-}, oi = Object.keys(ai), si = {
+}, Di = Object.keys(Ei), Oi = {
 	intensity: "use 'strength'",
 	amount: "use 'strength'",
 	size: "use 'radius'",
 	blur: "use 'radius'"
-}, ci = { alpha: "the canvas is always transparent where the scene has no background" };
-function li(e, t) {
+}, ki = { alpha: "the canvas is always transparent where the scene has no background" };
+function Ai(e, t) {
 	if (t == null || t === !1) return null;
-	if (t === !0) return { ...ai };
-	typeof t != "object" && E(e, `bloom is true, false or { strength, radius, threshold }, got ${j(t)}`), A(`${e} bloom`, t, oi, si);
-	let n = { ...ai };
-	for (let r of Object.keys(ai)) t[r] !== void 0 && (n[r] = M(`${e} bloom`, r, t[r]));
+	if (t === !0) return { ...Ei };
+	typeof t != "object" && E(e, `bloom is true, false or { strength, radius, threshold }, got ${j(t)}`), A(`${e} bloom`, t, Di, Oi);
+	let n = { ...Ei };
+	for (let r of Object.keys(Ei)) t[r] !== void 0 && (n[r] = M(`${e} bloom`, r, t[r]));
 	return n;
 }
-var ui = {
+var ji = {
 	none: 0,
 	aces: 1,
 	neutral: 2
-}, di = [], fi = {
+}, Mi = [], Ni = {
 	roughnessMap: "ROUGHNESS_MAP",
 	metalnessMap: "METALNESS_MAP",
 	normalMap: "NORMAL_MAP",
 	bumpMap: "BUMP_MAP",
 	aoMap: "AO_MAP",
 	lightMap: "LIGHT_MAP"
-}, pi = [
+}, Pi = [
 	"map",
 	"emissiveMap",
-	...Object.keys(fi)
-], mi = {
+	...Object.keys(Ni)
+], Fi = {
 	matcap: "uMatcap",
 	map: "uMap",
 	roughnessMap: "uRoughnessMap",
@@ -5881,7 +6193,7 @@ var ui = {
 	aoMap: "uAoMap",
 	emissiveMap: "uEmissiveMap",
 	lightMap: "uLightMap"
-}, hi = [Ar, Tr], gi = new U({
+}, Ii = [Lr, Mr], Li = new U({
 	positions: [
 		-1,
 		0,
@@ -5928,14 +6240,14 @@ var ui = {
 		3,
 		2
 	]
-}), _i = {
+}), Ri = {
 	drawMode: "triangles",
 	receiveShadow: !0,
 	castShadow: !1,
 	renderOrder: 0
-}, vi = class {
-	static OPTIONS = ii;
-	static HINTS = ci;
+}, zi = class {
+	static OPTIONS = Ti;
+	static HINTS = ki;
 	canvas;
 	toneMapping = "neutral";
 	exposure = 1;
@@ -5963,22 +6275,22 @@ var ui = {
 	#u = !1;
 	#d = /* @__PURE__ */ new Map();
 	constructor(e) {
-		if (A("WebGLRenderer", e, ii, ci), e?.canvas || E("WebGLRenderer", "'canvas' is required"), this.canvas = e.canvas, e.toneMapping !== void 0 && (this.toneMapping = P("WebGLRenderer", "toneMapping", e.toneMapping, [
+		if (A("WebGLRenderer", e, Ti, ki), e?.canvas || E("WebGLRenderer", "'canvas' is required"), this.canvas = e.canvas, e.toneMapping !== void 0 && (this.toneMapping = P("WebGLRenderer", "toneMapping", e.toneMapping, [
 			"aces",
 			"neutral",
 			"none"
-		])), e.exposure !== void 0 && (this.exposure = N("WebGLRenderer", "exposure", e.exposure, 0)), e.pixelRatio !== void 0 && (this.pixelRatio = N("WebGLRenderer", "pixelRatio", e.pixelRatio, 0, Infinity, { above: !0 })), this.#e = li("WebGLRenderer", e.bloom), this.outlineAntialias = e.outlineAntialias === void 0 ? e.shared || e.antialias !== !1 : !!e.outlineAntialias, e.shared) {
-			this.#t = ni.shared();
+		])), e.exposure !== void 0 && (this.exposure = N("WebGLRenderer", "exposure", e.exposure, 0)), e.pixelRatio !== void 0 && (this.pixelRatio = N("WebGLRenderer", "pixelRatio", e.pixelRatio, 0, Infinity, { above: !0 })), this.#e = Ai("WebGLRenderer", e.bloom), this.outlineAntialias = e.outlineAntialias === void 0 ? e.shared || e.antialias !== !1 : !!e.outlineAntialias, e.shared) {
+			this.#t = Ci.shared();
 			let e = this.canvas.getContext("2d");
 			e || E("WebGLRenderer", "a shared renderer's canvas needs a 2D context - give it a canvas that has no WebGL context yet"), this.#n = e;
-		} else this.#t = new ni(this.canvas, { antialias: e.antialias });
+		} else this.#t = new Ci(this.canvas, { antialias: e.antialias });
 		this.#t.users.add(this);
 	}
 	get bloom() {
 		return this.#e;
 	}
 	set bloom(e) {
-		this.#e = li("WebGLRenderer", e);
+		this.#e = Ai("WebGLRenderer", e);
 	}
 	get gl() {
 		return this.#t.gl;
@@ -5990,7 +6302,7 @@ var ui = {
 		this.pixelRatio = n, this.canvas.width = Math.max(1, Math.round(e * n)), this.canvas.height = Math.max(1, Math.round(t * n));
 	}
 	render(e, t) {
-		return e.updateWorldTree(), this.renderFrame(Bt(e, t));
+		return e.updateWorldTree(), this.renderFrame(Kt(e, t));
 	}
 	renderFrame(e, { wait: t = !1 } = {}) {
 		let n = this.#t;
@@ -6000,7 +6312,7 @@ var ui = {
 		let i = this.canvas.width, a = this.canvas.height;
 		n.isShared && n.fit(i, a);
 		let o = e.environment, s = e.background, c = n.loadPasses(!!e.shadow || e.spotShadows.length > 0 || !!e.pointShadow || e.outlines.length > 0 || typeof o == "object" && !!o.image || !!s && !("getHex" in s) && !!s.image);
-		this.#r = c && typeof o == "object" ? c.environment(o) : null, c && typeof o == "object" && o.image && !this.#r && F(o, o.isHDR ? "this device can't render to float textures, which HDR environments need - lighting without it" : "'environment' needs an HDR image (a .hdr file) - lighting without it"), c && s && !("getHex" in s) && s.isHDR && c.environment(s), this.#i = c ? [
+		c && (c.time = e.time ?? 0, c.cameraPosition = e.camera.position), this.#r = c && typeof o == "object" ? c.environment(o) : null, c && typeof o == "object" && o.image && !this.#r && F(o, o.isHDR ? "this device can't render to float textures, which HDR environments need - lighting without it" : "'environment' needs an HDR image (a .hdr file) - lighting without it"), c && s && !("getHex" in s) && s.isHDR && c.environment(s), this.#i = c ? [
 			e.shadow && c.shadowMap(e.shadow),
 			e.spotShadows.length > 0 && c.spotShadowMaps(e.spotShadows),
 			e.pointShadow && c.pointShadowMap(e.pointShadow)
@@ -6012,7 +6324,7 @@ var ui = {
 		} else r.clearColor(0, 0, 0, 0);
 		r.depthMask(!0), r.enable(r.SCISSOR_TEST), r.scissor(0, 0, i, a), r.clear(r.COLOR_BUFFER_BIT | r.DEPTH_BUFFER_BIT), r.disable(r.SCISSOR_TEST), c && s && !("getHex" in s) && s.image && c.background(e, s, {
 			exposure: this.exposure,
-			toneMapping: ui[this.toneMapping]
+			toneMapping: ji[this.toneMapping]
 		}), r.enable(r.DEPTH_TEST), r.depthFunc(r.LEQUAL), this.#f(e), r.disable(r.BLEND);
 		for (let t of e.opaque) this.#p(t, e, !1);
 		for (let t of e.caps) this.#m(t, e, i, a);
@@ -6094,81 +6406,87 @@ var ui = {
 		};
 	}
 	#p(e, t, n) {
-		let r = this.gl, { node: i, geometry: a, material: c, worldMatrix: l, instances: u } = e, d = i.drawMode, f = d === "points" ? "points" : d === "lines" ? "lines" : "mesh", p = f === "mesh" && i.receiveShadow && !c.unlit ? this.#i : di, m = f === "mesh" ? e.clip : null, h = this.#g(f, c, a.colors !== null, !!u, a.uvs2 !== null);
+		let r = this.gl, { node: i, geometry: a, material: c, worldMatrix: l, instances: u } = e, d = i.drawMode, f = d === "points" ? "points" : d === "lines" ? "lines" : "mesh", p = f === "mesh" && i.receiveShadow && !c.unlit ? this.#i : Mi, m = f === "mesh" ? e.clip : null, h = this.#g(f, c, a.colors !== null, !!u, a.uvs2 !== null);
 		f === "points" && i.drawsSprites && h.push("SPRITES");
 		for (let e of p) h.push(e.define);
 		let g = c.fog ? t.fog : null;
 		g && (h.push("FOG"), g.linear && h.push("FOG_LINEAR"), c.blending === "additive" ? h.push("FOG_ADD") : c.blending === "multiply" && h.push("FOG_MULTIPLY")), m && h.push("CLIP");
-		let _ = this.#t.programs, v = _.get(f, h);
-		if (!_.isReady(v)) {
+		let _ = ei(c);
+		_ && h.push(..._.defines);
+		let v = this.#t.programs, y = v.get(f, h, void 0, _?.source);
+		if (!v.isReady(y)) {
 			if (!this.#c) {
 				this.info.compiling++;
 				return;
 			}
-			_.ready(f, h);
+			v.ready(f, h, void 0, _?.source);
 		}
-		if (r.useProgram(v.program), v.frame !== this.#t.frame && (v.frame = this.#t.frame, v.set("uView", t.camera.view), v.set("uProjection", t.camera.projection), v.set("uViewProjection", t.camera.viewProjection), v.set("uCameraPosition", t.camera.position), v.set("uExposure", this.exposure), v.set("uToneMapping", ui[this.toneMapping]), v.set("uResolution", [this.canvas.width, this.canvas.height]), v.set("uNear", t.camera.near), v.set("uScale", t.camera.projection[5] * this.canvas.height / 2), f === "mesh" && !c.unlit)) {
-			for (let [e, t] of Object.entries(this.#s)) v.set(e, t);
+		if (y.failed) {
+			ri(c, _, y.failed), this.info.compiling++;
+			return;
+		}
+		if (r.useProgram(y.program), y.frame !== this.#t.frame && (y.frame = this.#t.frame, y.set("uView", t.camera.view), y.set("uProjection", t.camera.projection), y.set("uViewProjection", t.camera.viewProjection), y.set("uCameraPosition", t.camera.position), y.set("uExposure", this.exposure), y.set("uToneMapping", ji[this.toneMapping]), y.set("uResolution", [this.canvas.width, this.canvas.height]), y.set("uNear", t.camera.near), y.set("uScale", t.camera.projection[5] * this.canvas.height / 2), f === "mesh" && !c.unlit)) {
+			for (let [e, t] of Object.entries(this.#s)) y.set(e, t);
 			let e = this.#r;
-			e && (v.set("uEnvMaxLod", e.maxLod), v.set("uEnvSH", e.sh), v.set("uEnvIntensity", t.environmentIntensity));
-			for (let e of p) for (let [t, n] of Object.entries(e.uniforms)) v.set(t, n);
+			e && (y.set("uEnvMaxLod", e.maxLod), y.set("uEnvSH", e.sh), y.set("uEnvIntensity", t.environmentIntensity));
+			for (let e of p) for (let [t, n] of Object.entries(e.uniforms)) y.set(t, n);
 		}
 		if (f === "mesh" && !c.unlit) {
-			this.#r && v.set("uEnvMap", this.#r.prefiltered);
-			for (let e of p) v.set(e.sampler, e.texture);
-		}
-		v.set("uModel", l);
-		let y = t.highlight;
-		y && (y.nodes ? y.nodes.has(i) : y.node === i) ? (v.set("uHighlightIndex", y.index ?? -1), v.set("uHighlight", [
-			y.color[0],
-			y.color[1],
-			y.color[2],
-			y.amount
-		])) : v.set("uHighlightIndex", -2), v.set("uColor", c.color), v.set("uOpacity", c.opacity), g && (v.set("uFogColor", g.color), v.set("uFogRange", [g.near, g.far]), v.set("uFogDensity", g.density)), m && v.set("uClipPlane", m.plane);
-		let b = c.emissive, x = c.emissiveIntensity;
-		v.set("uEmissive", [
-			b[0] * x,
-			b[1] * x,
-			b[2] * x
-		]), v.set("uRoughness", c.roughness), v.set("uMetalness", c.metalness), v.set("uNormalScale", c.normalScale), c.bumpMap && v.set("uBumpScale", c.bumpScale), c.triplanar > 0 && v.set("uTriplanar", c.triplanar), v.set("uAoMapIntensity", c.aoMapIntensity), c.transmission > 0 && v.set("uTransmission", c.transmission), c.clearcoat > 0 && (v.set("uClearcoat", c.clearcoat), v.set("uClearcoatRoughness", c.clearcoatRoughness));
-		let S = (c.ior - 1) / (c.ior + 1), C = c.specularColor, w = c.specularIntensity;
-		if (v.set("uSpecular", [
-			Math.min(S * S * C[0], 1) * w,
-			Math.min(S * S * C[1], 1) * w,
-			Math.min(S * S * C[2], 1) * w,
-			w
+			this.#r && y.set("uEnvMap", this.#r.prefiltered);
+			for (let e of p) y.set(e.sampler, e.texture);
+		}
+		y.set("uModel", l);
+		let b = t.highlight;
+		b && (b.nodes ? b.nodes.has(i) : b.node === i) ? (y.set("uHighlightIndex", b.index ?? -1), y.set("uHighlight", [
+			b.color[0],
+			b.color[1],
+			b.color[2],
+			b.amount
+		])) : y.set("uHighlightIndex", -2), y.set("uColor", c.color), y.set("uOpacity", c.opacity), _ && ni(y, c, t.time ?? 0, t.camera.position, (e) => this.#t.resources.texture(e)), g && (y.set("uFogColor", g.color), y.set("uFogRange", [g.near, g.far]), y.set("uFogDensity", g.density)), m && y.set("uClipPlane", m.plane);
+		let x = c.emissive, S = c.emissiveIntensity;
+		y.set("uEmissive", [
+			x[0] * S,
+			x[1] * S,
+			x[2] * S
+		]), y.set("uRoughness", c.roughness), y.set("uMetalness", c.metalness), y.set("uNormalScale", c.normalScale), c.bumpMap && y.set("uBumpScale", c.bumpScale), c.triplanar > 0 && y.set("uTriplanar", c.triplanar), y.set("uAoMapIntensity", c.aoMapIntensity), c.transmission > 0 && y.set("uTransmission", c.transmission), c.clearcoat > 0 && (y.set("uClearcoat", c.clearcoat), y.set("uClearcoatRoughness", c.clearcoatRoughness));
+		let C = (c.ior - 1) / (c.ior + 1), w = c.specularColor, T = c.specularIntensity;
+		if (y.set("uSpecular", [
+			Math.min(C * C * w[0], 1) * T,
+			Math.min(C * C * w[1], 1) * T,
+			Math.min(C * C * w[2], 1) * T,
+			T
 		]), c.sheen > 0) {
 			let e = c.sheenColor, t = c.sheen;
-			v.set("uSheenColor", [
+			y.set("uSheenColor", [
 				e[0] * t,
 				e[1] * t,
 				e[2] * t
-			]), v.set("uSheenRoughness", c.sheenRoughness);
+			]), y.set("uSheenRoughness", c.sheenRoughness);
 		}
-		if (c.anisotropy > 0 && (v.set("uAnisotropy", c.anisotropy), v.set("uAnisotropyDirection", [Math.cos(c.anisotropyRotation), Math.sin(c.anisotropyRotation)])), c.translucency > 0) {
+		if (c.anisotropy > 0 && (y.set("uAnisotropy", c.anisotropy), y.set("uAnisotropyDirection", [Math.cos(c.anisotropyRotation), Math.sin(c.anisotropyRotation)])), c.translucency > 0) {
 			let e = c.translucencyColor, t = c.translucency;
-			v.set("uTranslucency", [
+			y.set("uTranslucency", [
 				e[0] * t,
 				e[1] * t,
 				e[2] * t,
 				t
 			]);
 		}
-		c.toon > 0 && v.set("uToon", Math.max(2, Math.round(c.toon))), v.set("uAlphaTest", c.alphaTest);
-		let T = f === "mesh" ? c.textures : c.map ? [["map", c.map]] : [], E = T.map(([e, t]) => [mi[e], this.#t.resources.texture(t)]);
-		for (let [e, t] of E) v.set(e, t);
-		for (let [e, t] of T) e !== "matcap" && v.set(`${mi[e]}Uv`, qr(t));
-		if (c.lightMap && v.set("uLightMapIntensity", c.lightMapIntensity), v.set("uEnvStrength", c.environmentIntensity), r.depthMask(!n && c.depthWrite), c.depthTest ? r.enable(r.DEPTH_TEST) : r.disable(r.DEPTH_TEST), n && (c.blending === "additive" ? r.blendFunc(r.ONE, r.ONE) : c.blending === "multiply" ? r.blendFunc(r.DST_COLOR, r.ONE_MINUS_SRC_ALPHA) : r.blendFunc(r.ONE, r.ONE_MINUS_SRC_ALPHA)), f === "lines") {
-			r.disable(r.CULL_FACE), v.set("uWidth", c.width * this.pixelRatio);
+		c.toon > 0 && y.set("uToon", Math.max(2, Math.round(c.toon))), y.set("uAlphaTest", c.alphaTest);
+		let E = f === "mesh" ? c.textures : c.map ? [["map", c.map]] : [], D = E.map(([e, t]) => [Fi[e], this.#t.resources.texture(t)]);
+		for (let [e, t] of D) y.set(e, t);
+		for (let [e, t] of E) e !== "matcap" && y.set(`${Fi[e]}Uv`, mi(t));
+		if (c.lightMap && y.set("uLightMapIntensity", c.lightMapIntensity), y.set("uEnvStrength", c.environmentIntensity), r.depthMask(!n && c.depthWrite), c.depthTest ? r.enable(r.DEPTH_TEST) : r.disable(r.DEPTH_TEST), n && (c.blending === "additive" ? r.blendFunc(r.ONE, r.ONE) : c.blending === "multiply" ? r.blendFunc(r.DST_COLOR, r.ONE_MINUS_SRC_ALPHA) : r.blendFunc(r.ONE, r.ONE_MINUS_SRC_ALPHA)), f === "lines") {
+			r.disable(r.CULL_FACE), y.set("uWidth", c.width * this.pixelRatio);
 			let e = i.arrowBits ?? 0;
-			v.set("uArrows", e), v.set("uArrowSize", i.arrowPixels?.(c.width) * this.pixelRatio || 0), c.dash > 0 && (v.set("uDash", c.dash), v.set("uGap", c.gap || c.dash), v.set("uDashOffset", c.dashOffset));
+			y.set("uArrows", e), y.set("uArrowSize", i.arrowPixels?.(c.width) * this.pixelRatio || 0), c.dash > 0 && (y.set("uDash", c.dash), y.set("uGap", c.gap || c.dash), y.set("uDashOffset", c.dashOffset));
 			let t = this.#t.resources.lines(a);
 			r.bindVertexArray(t.vao), r.drawArraysInstanced(r.TRIANGLES, 0, e ? 12 : 6, Math.min(t.count, Math.floor(a.drawnCount / 2))), this.info.drawCalls++;
 		} else if (f === "points") {
-			r.disable(r.CULL_FACE), v.set("uSize", c.sizeAttenuation ? c.size : c.size * this.pixelRatio);
+			r.disable(r.CULL_FACE), y.set("uSize", c.sizeAttenuation ? c.size : c.size * this.pixelRatio);
 			let e = !n && !c.map;
 			if (e && (r.enable(r.BLEND), r.blendFunc(r.ONE, r.ONE_MINUS_SRC_ALPHA)), i.drawsSprites) {
-				v.set("uResolution", [this.canvas.width, this.canvas.height]);
+				y.set("uResolution", [this.canvas.width, this.canvas.height]);
 				let e = i.sort ? s(this.#o, t.camera.view, l) : null, n = this.#t.resources.sprites(a, e);
 				r.bindVertexArray(n.vao), r.drawArraysInstanced(r.TRIANGLE_STRIP, 0, 4, n.count);
 			} else {
@@ -6176,16 +6494,16 @@ var ui = {
 				r.bindVertexArray(e.vao), r.drawArrays(r.POINTS, 0, a.drawnVertices);
 			}
 			e && r.disable(r.BLEND), this.info.drawCalls++;
-		} else ot(this.#a, l) || at(this.#a), v.set("uNormalMatrix", this.#a), r.frontFace(o(l) < 0 ? r.CW : r.CCW), c.doubleSided ? r.disable(r.CULL_FACE) : (r.enable(r.CULL_FACE), r.cullFace(r.BACK)), r.enable(r.POLYGON_OFFSET_FILL), r.polygonOffset(1, 2), this.info.triangles += this.#t.resources.drawTriangles(a, u, c.anisotropy > 0 && !c.unlit), r.disable(r.POLYGON_OFFSET_FILL), this.info.drawCalls++;
+		} else dt(this.#a, l) || ut(this.#a), y.set("uNormalMatrix", this.#a), r.frontFace(o(l) < 0 ? r.CW : r.CCW), c.doubleSided ? r.disable(r.CULL_FACE) : (r.enable(r.CULL_FACE), r.cullFace(r.BACK)), r.enable(r.POLYGON_OFFSET_FILL), r.polygonOffset(1, 2), this.info.triangles += this.#t.resources.drawTriangles(a, u, c.anisotropy > 0 && !c.unlit), r.disable(r.POLYGON_OFFSET_FILL), this.info.drawCalls++;
 	}
 	#m(e, t, n, r) {
-		let i = this.gl, a = this.#t.programs, s = [!1, !0].map((e) => a.get("clip-mask", e ? ["INSTANCED", "CLIP"] : ["CLIP"], hi));
+		let i = this.gl, a = this.#t.programs, s = [!1, !0].map((e) => a.get("clip-mask", e ? ["INSTANCED", "CLIP"] : ["CLIP"], Ii));
 		if (!s.every((e) => a.isReady(e))) {
 			if (!this.#c) {
 				this.info.compiling++;
 				return;
 			}
-			for (let e of [!1, !0]) a.ready("clip-mask", e ? ["INSTANCED", "CLIP"] : ["CLIP"], hi);
+			for (let e of [!1, !0]) a.ready("clip-mask", e ? ["INSTANCED", "CLIP"] : ["CLIP"], Ii);
 		}
 		i.enable(i.STENCIL_TEST), i.enable(i.SCISSOR_TEST), i.scissor(0, 0, n, r), i.clearStencil(0), i.clear(i.STENCIL_BUFFER_BIT), i.disable(i.SCISSOR_TEST), i.colorMask(!1, !1, !1, !1), i.depthMask(!1), i.disable(i.DEPTH_TEST), i.disable(i.CULL_FACE), i.stencilFunc(i.ALWAYS, 0, 255), i.stencilOpSeparate(i.BACK, i.KEEP, i.KEEP, i.INCR_WRAP), i.stencilOpSeparate(i.FRONT, i.KEEP, i.KEEP, i.DECR_WRAP);
 		for (let n of e.items) {
@@ -6196,7 +6514,7 @@ var ui = {
 	}
 	#h(e) {
 		let t = e.color.getHex(), n = this.#d.get(t);
-		n || this.#d.set(t, n = new et({
+		n || this.#d.set(t, n = new rt({
 			color: e.color.getStyle(),
 			roughness: .6
 		}));
@@ -6229,8 +6547,8 @@ var ui = {
 			1
 		]);
 		return {
-			node: _i,
-			geometry: gi,
+			node: Ri,
+			geometry: Li,
 			material: n,
 			worldMatrix: g,
 			instances: null,
@@ -6243,16 +6561,16 @@ var ui = {
 		if (t.vertexColors && n && a.push("VERTEX_COLORS"), e === "mesh") {
 			if (!t.unlit) {
 				a.push("LIT");
-				for (let [e, n] of Object.entries(fi)) t[e] && a.push(n);
+				for (let [e, n] of Object.entries(Ni)) t[e] && a.push(n);
 				a.push(...this.#l), this.#r ? a.push("ENV_MAP") : this.#u && a.push("STUDIO"), t.transmission > 0 && a.push("TRANSMISSION"), t.clearcoat > 0 && a.push("CLEARCOAT"), t.sheen > 0 && a.push("SHEEN"), t.anisotropy > 0 && a.push("ANISOTROPY"), t.translucency > 0 && a.push("TRANSLUCENCY"), t.matcap && a.push("MATCAP"), t.toon > 0 && a.push("TOON");
 			}
-			t.map && a.push("MAP"), t.emissiveMap && a.push("EMISSIVE_MAP"), t.alphaTest > 0 && a.push("ALPHA_TEST"), t.flatShading && a.push("FLAT_SHADING"), t.doubleSided && a.push("DOUBLE_SIDED"), t.triplanar > 0 && pi.some((e) => t[e]) && a.push("TRIPLANAR");
+			t.map && a.push("MAP"), t.emissiveMap && a.push("EMISSIVE_MAP"), t.alphaTest > 0 && a.push("ALPHA_TEST"), t.flatShading && a.push("FLAT_SHADING"), t.doubleSided && a.push("DOUBLE_SIDED"), t.triplanar > 0 && Pi.some((e) => t[e]) && a.push("TRIPLANAR");
 			let e = i ? t.textures.filter(([e, t]) => t.uvSet === 1 && e !== "matcap") : [];
-			e.length && a.push("UV2", ...e.map(([e]) => `${mi[e]}Set vUv2`)), r && a.push("INSTANCED");
+			e.length && a.push("UV2", ...e.map(([e]) => `${Fi[e]}Set vUv2`)), r && a.push("INSTANCED");
 		} else e === "points" ? (t.map && a.push("MAP"), t.sizeAttenuation && a.push("SIZE_ATTENUATION")) : t.dash > 0 && a.push("DASHED");
 		return a;
 	}
-}, yi = [
+}, Bi = [
 	"canvas",
 	"scene",
 	"camera",
@@ -6273,8 +6591,22 @@ var ui = {
 	"maxDelta",
 	"reducedMotion",
 	"keyboard",
-	"description"
-], bi = ["keep", "aspect"], xi = {
+	"description",
+	"debug"
+], Vi = {
+	lights: !0,
+	shadows: !0,
+	bounds: !0,
+	normals: !1,
+	axes: !0,
+	camera: !0,
+	stats: "top-left"
+}, Hi = Object.keys(Vi), Ui = [
+	"top-left",
+	"top-right",
+	"bottom-left",
+	"bottom-right"
+], Wi = ["keep", "aspect"], Gi = {
 	renderer: "the View makes its renderer - read it from view.renderer",
 	controls: "use orbit: true (or orbit options); the control is then view.controls",
 	container: "use canvas: an element or selector (a full-window canvas is made when omitted)",
@@ -6284,7 +6616,7 @@ var ui = {
 	keep: "use framing: { keep: 'width' | 'height' | 'both' }",
 	fit: "use framing: { keep: 'both' } to keep everything framed in view as the canvas changes shape",
 	aspect: "the canvas sets the aspect; framing: { aspect } says which shape the camera was set up for"
-}, Si = {
+}, Ki = {
 	mouseover: "hover",
 	mouseenter: "hover",
 	mousemove: "hover",
@@ -6298,10 +6630,10 @@ var ui = {
 	select: "click",
 	pointerdown: "click",
 	mousedown: "click"
-}, Ci = .45, wi = H.fromInput("#ffcc00"), Ti = 4, Ei = 5e3, Di = 0, Oi = class {
-	static OPTIONS = yi;
-	static HINTS = xi;
-	static FRAMING_OPTIONS = bi;
+}, qi = .45, Ji = H.fromInput("#ffcc00"), Yi = 4, Xi = 5e3, Zi = 0, Qi = class {
+	static OPTIONS = Bi;
+	static HINTS = Gi;
+	static FRAMING_OPTIONS = Wi;
 	canvas;
 	scene;
 	#e;
@@ -6330,7 +6662,7 @@ var ui = {
 	#g = "height";
 	#_ = 0;
 	#v = 1;
-	#y = new ar();
+	#y = new fr();
 	#b = [];
 	#x;
 	#S = null;
@@ -6347,24 +6679,29 @@ var ui = {
 	#A = null;
 	#j = null;
 	#M = null;
-	#N = !1;
-	#P = !1;
-	#F = null;
-	#I = !1;
-	#L = !1;
+	#N = null;
+	#P = null;
+	#F = !1;
+	#I = 0;
+	#L = 0;
 	#R = !1;
-	#z = null;
+	#z = !1;
 	#B = null;
-	#V = null;
-	#H = null;
-	#U = null;
+	#V = !1;
+	#H = !1;
+	#U = !1;
 	#W = null;
-	#G = new hr({
+	#G = null;
+	#K = null;
+	#q = null;
+	#J = null;
+	#Y = null;
+	#X = new Sr({
 		sky: "#ffffff",
 		ground: "#444444",
 		intensity: .5
 	});
-	#K = new _r({
+	#Z = new wr({
 		direction: [
 			-.5,
 			-1,
@@ -6372,9 +6709,9 @@ var ui = {
 		],
 		intensity: 1.5
 	});
-	#q = !1;
+	#Q = !1;
 	constructor(e = {}) {
-		A("View", e, yi, xi), this.canvas = Vi(e.canvas), this.#a = e.canvas === void 0, e.scene === void 0 ? this.scene = new lr() : e.scene instanceof lr ? this.scene = e.scene : E("View", `'scene' must be a Scene${e.scene && typeof e.scene == "object" && "type" in e.scene ? " - build one from a description with create({ type: 'scene', ... })" : `, got ${j(e.scene)}`}`), e.background !== void 0 && (this.scene.background = e.background), e.camera instanceof wn ? this.#e = e.camera : typeof e.camera == "string" ? (this.#e = An(e.camera), this.#m = !0) : e.camera === void 0 ? (this.#e = An("perspective"), this.#m = !0) : this.#e = new Tn({
+		A("View", e, Bi, Gi), this.canvas = da(e.canvas), this.#a = e.canvas === void 0, e.scene === void 0 ? this.scene = new gr() : e.scene instanceof gr ? this.scene = e.scene : E("View", `'scene' must be a Scene${e.scene && typeof e.scene == "object" && "type" in e.scene ? " - build one from a description with create({ type: 'scene', ... })" : `, got ${j(e.scene)}`}`), e.background !== void 0 && (this.scene.background = e.background), e.camera instanceof An ? this.#e = e.camera : typeof e.camera == "string" ? (this.#e = In(e.camera), this.#m = !0) : e.camera === void 0 ? (this.#e = In("perspective"), this.#m = !0) : this.#e = new jn({
 			position: [
 				0,
 				1.5,
@@ -6386,15 +6723,15 @@ var ui = {
 				0
 			],
 			...e.camera
-		}), this.#m && (this.#h = ki(this.#e));
+		}), this.#m && (this.#h = $i(this.#e));
 		let t = e.context === void 0 ? "auto" : P("View", "context", e.context, [
 			"auto",
 			"own",
 			"shared"
 		]);
 		e.exposure !== void 0 && N("View", "exposure", e.exposure, 0);
-		let n = t === "shared" || t === "auto" && Di >= Ti;
-		if (this.renderer = new vi({
+		let n = t === "shared" || t === "auto" && Zi >= Yi;
+		if (this.renderer = new zi({
 			canvas: this.canvas,
 			shared: n,
 			antialias: e.antialias,
@@ -6402,31 +6739,31 @@ var ui = {
 			toneMapping: e.toneMapping,
 			exposure: e.exposure,
 			bloom: e.bloom
-		}), n || (this.#i = !0, Di++), this.renderer.onReady = () => {
-			this.#I = !0, this.invalidate();
-		}, e.autoLight !== void 0 && (this.autoLight = !!e.autoLight), e.reducedMotion !== void 0 && this.#Y(e.reducedMotion), e.maxDelta !== void 0 && (this.maxDelta = N("View", "maxDelta", e.maxDelta, 0, Infinity, { above: !0 })), e.renderMode !== void 0 && (this.renderMode = P("View", "renderMode", e.renderMode, [
+		}), n || (this.#i = !0, Zi++), this.renderer.onReady = () => {
+			this.#V = !0, this.invalidate();
+		}, e.autoLight !== void 0 && (this.autoLight = !!e.autoLight), e.reducedMotion !== void 0 && this.#ee(e.reducedMotion), e.maxDelta !== void 0 && (this.maxDelta = N("View", "maxDelta", e.maxDelta, 0, Infinity, { above: !0 })), e.renderMode !== void 0 && (this.renderMode = P("View", "renderMode", e.renderMode, [
 			"auto",
 			"always",
 			"manual"
 		])), e.pixelRatio !== void 0 && (this.#f = N("View", "pixelRatio", e.pixelRatio, 0, Infinity, { above: !0 }), this.#p = !0), e.orbit !== void 0 && e.orbit !== !1 && e.orbit !== !0 && (typeof e.orbit != "object" || Array.isArray(e.orbit) || e.orbit === null) && E("View", `'orbit' must be true, false or orbit options such as { autoRotate: true }, got ${j(e.orbit)}`), e.orbit) {
 			let t = e.orbit === !0 ? {} : e.orbit, n = t.mode ?? (e.camera === "top" ? "map" : void 0);
-			this.controls = new _n(this.camera, this.canvas, n ? {
+			this.controls = new Cn(this.camera, this.canvas, n ? {
 				...t,
 				mode: n
-			} : t), this.#B = this.controls.handOverPointer();
+			} : t), this.#G = this.controls.handOverPointer();
 		}
-		if (e.highlight !== void 0 && this.#J(e.highlight), e.tooltip !== void 0 && this.tooltip(e.tooltip), e.description !== void 0 && (this.description = e.description), e.keyboard !== void 0 && e.keyboard !== !1 && this.#ae(e.keyboard), this.#x = new dn(this.canvas, {
-			interactive: (e) => zi(e, "click").length > 0 || zi(e, "hover").length > 0,
-			on: (e, t, n) => this.#me(e, t, n)
-		}), e.framing !== void 0) {
+		if (e.highlight !== void 0 && this.#$(e.highlight), e.tooltip !== void 0 && this.tooltip(e.tooltip), e.description !== void 0 && (this.description = e.description), e.keyboard !== void 0 && e.keyboard !== !1 && this.#ue(e.keyboard), this.#x = new _n(this.canvas, {
+			interactive: (e) => la(e, "click").length > 0 || la(e, "hover").length > 0,
+			on: (e, t, n) => this.#be(e, t, n)
+		}), e.debug !== void 0 && (this.debug = e.debug), e.framing !== void 0) {
 			let t = typeof e.framing == "string" ? { keep: e.framing } : e.framing;
-			A("View", t, bi, {}, "framing"), t.keep !== void 0 && (this.#g = P("View", "framing.keep", t.keep, [
+			A("View", t, Wi, {}, "framing"), t.keep !== void 0 && (this.#g = P("View", "framing.keep", t.keep, [
 				"height",
 				"width",
 				"both"
 			])), t.aspect !== void 0 && (t.aspect > 0 || E("View", `framing.aspect is a width / height above 0, got ${j(t.aspect)}`), this.#_ = t.aspect);
 		}
-		this.resize(), this.#ve(), this.#le();
+		this.resize(), this.#we(), this.#me();
 	}
 	get camera() {
 		return this.#e;
@@ -6434,12 +6771,12 @@ var ui = {
 	set camera(e) {
 		if (typeof e == "string") {
 			let t = this.#e, n = t.target ?? new z();
-			e = An(e, {
+			e = In(e, {
 				target: n,
 				distance: Math.max(.001, t.position.distanceTo(n))
 			}), this.#m = !0;
 		} else this.#m = !1;
-		e instanceof wn || E("View", `'camera' must be a camera or a preset name, got ${j(e)}`), this.#U = null, this.#e = e, this.#d && (e.aspect = this.#u / this.#d), this.#_ = e.aspect, this.#v = 1, this.controls && (e.target ??= this.controls.target.clone(), this.controls.camera = e), this.#m && (this.#h = ki(e)), this.invalidate();
+		e instanceof An || E("View", `'camera' must be a camera or a preset name, got ${j(e)}`), this.#J = null, this.#e = e, this.#d && (e.aspect = this.#u / this.#d), this.#_ = e.aspect, this.#v = 1, this.controls && (e.target ??= this.controls.target.clone(), this.controls.camera = e), this.#m && (this.#h = $i(e)), this.invalidate();
 	}
 	get bloom() {
 		return this.renderer.bloom;
@@ -6451,20 +6788,28 @@ var ui = {
 		return this.#O;
 	}
 	set highlight(e) {
-		this.#J(e);
+		this.#$(e);
 	}
-	#J(e) {
-		this.#O = e == null ? null : H.fromInput(e, "View"), this.#I = !0, this.invalidate();
+	#$(e) {
+		this.#O = e == null ? null : H.fromInput(e, "View"), this.#V = !0, this.invalidate();
 	}
 	get reducedMotion() {
-		return this.#k === "auto" ? this.#P : this.#k;
+		return this.#k === "auto" ? this.#z : this.#k;
 	}
 	set reducedMotion(e) {
-		this.#Y(e);
+		this.#ee(e);
 	}
-	#Y(e) {
+	#ee(e) {
 		e !== "auto" && typeof e != "boolean" && E("View", `'reducedMotion' is 'auto' (as the system's setting), true or false, got ${j(e)}`), this.#k = e, this.invalidate();
 	}
+	get debug() {
+		return this.#N ?? !1;
+	}
+	set debug(e) {
+		this.#N = fa(e), this.#N && !this.#P && !this.#F && (this.#F = !0, import("./debug.js").then(({ DebugDraw: e }) => {
+			this.#F = !1, !this.#r && (this.#P = new e(this.#x.root), this.invalidate());
+		})), this.#N && (this.#N.bounds === "hovered" || this.#N.normals === "hovered") && (this.#V = !0), this.#N || this.#P?.stats(!1, {}, 0, 0), this.invalidate();
+	}
 	get description() {
 		return this.#M;
 	}
@@ -6474,7 +6819,7 @@ var ui = {
 			return;
 		}
 		let t = this.canvas;
-		e === null ? (t.removeAttribute("aria-label"), this.#N && t.removeAttribute("role"), this.#N = !1) : (t.setAttribute("aria-label", e), t.hasAttribute("role") || (t.setAttribute("role", "img"), this.#N = !0));
+		e === null ? (t.removeAttribute("aria-label"), this.#R && t.removeAttribute("role"), this.#R = !1) : (t.setAttribute("aria-label", e), t.hasAttribute("role") || (t.setAttribute("role", "img"), this.#R = !0));
 	}
 	get width() {
 		return this.#u;
@@ -6486,13 +6831,13 @@ var ui = {
 		return this.scene.ready;
 	}
 	get hovered() {
-		return this.#H;
+		return this.#q;
 	}
 	get overlay() {
 		return this.#x.root;
 	}
 	start(e) {
-		return e && (this.#t = e), this.#n || (this.#n = !0, this.#s = 0), this.#le(), this;
+		return e && (this.#t = e), this.#n || (this.#n = !0, this.#s = 0), this.#me(), this;
 	}
 	stop() {
 		return this.#n = !1, this;
@@ -6501,29 +6846,39 @@ var ui = {
 		return this.#n;
 	}
 	invalidate() {
-		return this.#c = !0, this.#le(), this;
+		return this.#c = !0, this.#me(), this;
 	}
 	step(e) {
-		return this.time += e, this.#t?.(e, this.time), this.scene.motionReduced = this.reducedMotion, this.scene.update(e, this.time), this.#X(e), this.#Z(!0);
+		return this.time += e, this.#t?.(e, this.time), this.scene.motionReduced = this.reducedMotion, this.scene.update(e, this.time), this.#te(e), this.#ne(!0);
 	}
-	#X(e) {
-		if (this.#U) return this.#$(e);
+	#te(e) {
+		if (this.#J) return this.#ie(e);
 		if (!this.controls) return;
-		let t = this.#m && Ai(ki(this.camera), this.#h);
-		this.controls.update(e, this.reducedMotion), t && (this.#h = ki(this.camera));
+		let t = this.#m && ea($i(this.camera), this.#h);
+		this.controls.update(e, this.reducedMotion), t && (this.#h = $i(this.camera));
 	}
 	render() {
-		return this.#Z(!1);
+		return this.#ne(!1);
 	}
-	#Z(e) {
+	#ne(e) {
 		if (this.#m) {
 			this.resize();
 			let e = this.scene.bounds;
-			Ai(ki(this.camera), this.#h) ? e.isEmpty() || this.frame(this.scene) : this.#m = !1;
+			ea($i(this.camera), this.#h) ? e.isEmpty() || this.frame(this.scene) : this.#m = !1;
 		}
 		this.scene.updateWorldTree();
-		let t = Bt(this.scene, this.camera);
-		return this.autoLight && t.lights.length === 0 && this.#xe(t), t.highlight = this.#ge(this.#H), this.#_e(t), this.renderer.renderFrame(t, { wait: e }), this.#S = this.#x.update(t.labels, t.overlays), t.tooltips && !this.#w && this.#ie(), this.lastFrame = t, this.#c = !1, this.renderMode === "auto" && this.#y.changed(this.scene, this.camera), (this.#F || this.#j) && this.#de() && (this.#I = !0), t;
+		let t = Kt(this.scene, this.camera);
+		this.autoLight && t.lights.length === 0 && this.#De(t), t.time = this.time, t.highlight = this.#Se(this.#q), this.#Ce(t);
+		let n = this.#N && this.#P ? this.#P.add(t, this.#N, {
+			camera: this.camera,
+			hovered: this.#q,
+			bounds: this.scene.boundsFrom(this.camera)
+		}) : null, r = performance.now();
+		if (this.renderer.renderFrame(t, { wait: e }), n && (t.opaque.length -= n.opaque, t.transparent.length -= n.transparent), this.#P) {
+			let e = performance.now(), t = this.#I ? e - this.#I : 0;
+			this.#L = t > 0 && t < 250 ? this.#L * .9 + t * .1 : 0, this.#I = e, this.#P.stats(this.#N?.stats ?? !1, this.renderer.info, this.#L, e - r);
+		}
+		return this.#S = this.#x.update(t.labels, t.overlays), t.tooltips && !this.#w && this.#le(), this.lastFrame = t, this.#c = !1, this.renderMode === "auto" && this.#y.changed(this.scene, this.camera, this.time), (this.#B || this.#j) && this.#ge() && (this.#V = !0), t;
 	}
 	resize() {
 		let e = this.canvas.clientWidth, t = this.canvas.clientHeight;
@@ -6534,23 +6889,23 @@ var ui = {
 		}
 		let n = e || this.canvas.width || 1, r = t || this.canvas.height || 1;
 		this.#p || (this.#f = Math.min(globalThis.devicePixelRatio || 1, 2)), this.#u = n, this.#d = r, this.renderer.setSize(n, r, this.#f), this.camera.aspect = n / r;
-		let i = this.#m && Ai(ki(this.camera), this.#h);
-		this.#ce(), i && (this.#h = ki(this.camera)), this.#c = !0;
+		let i = this.#m && ea($i(this.camera), this.#h);
+		this.#pe(), i && (this.#h = $i(this.camera)), this.#c = !0;
 	}
 	frame(e = this.scene, { padding: t = .2, direction: n, duration: r = 0 } = {}) {
 		N("View", "frame() duration", r, 0);
-		let i = this.camera, a = Fi(i);
-		this.#U = null;
-		let o = this.#Q("frame", e, t, n);
-		return this.#m = !1, o && (Ii(i, o.place), i.near = o.near ?? i.near, i.far = Math.max(i.far, o.far), this.#_ = i.aspect, this.#v = 1, r > 0 && !this.reducedMotion && (this.#U = {
+		let i = this.camera, a = aa(i);
+		this.#J = null;
+		let o = this.#re("frame", e, t, n);
+		return this.#m = !1, o && (oa(i, o.place), i.near = o.near ?? i.near, i.far = Math.max(i.far, o.far), this.#_ = i.aspect, this.#v = 1, r > 0 && !this.reducedMotion && (this.#J = {
 			from: a,
-			to: Fi(i),
+			to: aa(i),
 			time: 0,
 			duration: r
-		}, Ii(i, a)), this.invalidate()), this;
+		}, oa(i, a)), this.invalidate()), this;
 	}
 	framing(e = this.scene, { padding: t = .2, direction: n } = {}) {
-		let r = this.#Q("framing", e, t, n);
+		let r = this.#re("framing", e, t, n);
 		if (!r) return null;
 		let { position: i, target: a, height: o } = r.place;
 		return o === void 0 ? {
@@ -6562,13 +6917,13 @@ var ui = {
 			height: o
 		};
 	}
-	#Q(e, t, n, r) {
+	#re(e, t, n, r) {
 		n >= 0 || E("View", `${e}() padding is the margin around, as a fraction of the size (0.2 = 20%), got ${j(n)}`), n >= 1 && F(this, `${e}() padding ${n} leaves a margin of ${Math.round(n * 100)}% - it is a fraction of the size (0.2 = 20%)`);
-		let i = this.camera, a = r === void 0 ? i.position.clone().sub(i.target ?? new z()).normalize() : typeof r == "string" ? jn(r) : z.fromInput(r, "View").normalize();
+		let i = this.camera, a = r === void 0 ? i.position.clone().sub(i.target ?? new z()).normalize() : typeof r == "string" ? Ln(r) : z.fromInput(r, "View").normalize();
 		r !== void 0 && !(a.len() > 0) && E("View", `${e}() direction is a preset name or a vector from the target towards the camera, got ${j(r)}`), a.len() === 0 && a.set(0, .3, 1).normalize();
-		let o = t instanceof V ? ji(t) : this.#ee(t, a);
+		let o = t instanceof V ? ta(t) : this.#ae(t, a);
 		if (!o.length) return null;
-		let s = i.constructor.type === "orthographic-camera", { center: c, size: l } = Nn(o, a, {
+		let s = i.constructor.type === "orthographic-camera", { center: c, size: l } = zn(o, a, {
 			aspect: i.aspect,
 			fov: s ? void 0 : i.fov,
 			padding: n
@@ -6592,27 +6947,27 @@ var ui = {
 			far: d * 10
 		};
 	}
-	#$(e) {
-		let t = this.#U;
+	#ie(e) {
+		let t = this.#J;
 		t.time = Math.min(t.duration, t.time + e);
-		let n = Fn.inOut(t.time / t.duration), r = this.camera, i = t.from.target.clone().lerp(t.to.target, n), a = t.from.position.clone().sub(t.from.target), o = t.to.position.clone().sub(t.to.target), s = a.len() || 1e-6, c = o.len() || 1e-6, l = Ri(a.multiplyScalar(1 / s), o.multiplyScalar(1 / c), n);
-		Li(r, i), r.position.copy(i).add(l.multiplyScalar(s * (c / s) ** n)), t.to.height !== void 0 && (r.height = t.from.height * (t.to.height / t.from.height) ** n), t.time >= t.duration && (Ii(r, t.to), this.#U = null), this.invalidate();
+		let n = Vn.inOut(t.time / t.duration), r = this.camera, i = t.from.target.clone().lerp(t.to.target, n), a = t.from.position.clone().sub(t.from.target), o = t.to.position.clone().sub(t.to.target), s = a.len() || 1e-6, c = o.len() || 1e-6, l = ca(a.multiplyScalar(1 / s), o.multiplyScalar(1 / c), n);
+		sa(r, i), r.position.copy(i).add(l.multiplyScalar(s * (c / s) ** n)), t.to.height !== void 0 && (r.height = t.from.height * (t.to.height / t.from.height) ** n), t.time >= t.duration && (oa(r, t.to), this.#J = null), this.invalidate();
 	}
-	#ee(e, t) {
+	#ae(e, t) {
 		let n = e.bounds;
 		if (n.isEmpty()) return [];
 		let r = this.camera, i = r.position.clone();
 		r.position.copy(n.getCenter()).add(t.clone().multiplyScalar(Math.max(n.getRadius(), .001) * 3)), r.updateWorld();
-		let a = Ni(e, r);
-		return r.position.copy(i), r.updateWorld(), a.length ? a : ji(n);
+		let a = ra(e, r);
+		return r.position.copy(i), r.updateWorld(), a.length ? a : ta(n);
 	}
 	pick(e, t) {
 		if (typeof e == "object") {
 			let n = this.canvas.getBoundingClientRect();
 			t = e.clientY - n.top, e = e.clientX - n.left;
 		}
-		let n = this.#te(), r = n ? this.renderer.pick(n, e, t) : void 0;
-		return r === void 0 ? this.pickAll(e, t)[0] ?? null : r && this.#ne(r, n);
+		let n = this.#oe(), r = n ? this.renderer.pick(n, e, t) : void 0;
+		return r === void 0 ? this.pickAll(e, t)[0] ?? null : r && this.#se(r, n);
 	}
 	rayAt(e, t) {
 		if (typeof e == "object") {
@@ -6620,20 +6975,21 @@ var ui = {
 			t = e.clientY - n.top, e = e.clientX - n.left;
 		}
 		let n = [e / (this.#u || 1) * 2 - 1, 1 - t / (this.#d || 1) * 2];
-		return new Qn().setFromCamera(n, this.camera).ray;
+		return new ir().setFromCamera(n, this.camera).ray;
 	}
-	#te() {
+	#oe() {
 		let e = this.lastFrame;
 		if (!e) return null;
 		let t = 0;
-		for (let { node: n, geometry: r, instances: i } of [...e.opaque, ...e.transparent]) {
-			let e = n.drawMode;
-			t += i ? i.count : e === "points" ? r.drawnVertices : e === "lines" ? r.drawnCount / 2 : r.drawnCount / 3;
+		for (let { node: n, geometry: r, instances: i, material: a } of [...e.opaque, ...e.transparent]) {
+			if (a.shader?.vertex) return e;
+			let o = n.drawMode;
+			t += i ? i.count : o === "points" ? r.drawnVertices : o === "lines" ? r.drawnCount / 2 : r.drawnCount / 3;
 		}
-		return t > Ei ? e : null;
+		return t > Xi ? e : null;
 	}
-	#ne(e, t) {
-		let n = e.item.node, r = new Qn().setFromCamera(e.ndc, this.camera), i = r.intersectElement(n, e.element);
+	#se(e, t) {
+		let n = e.item.node, r = new ir().setFromCamera(e.ndc, this.camera), i = n.material.shader?.vertex ? null : r.intersectElement(n, e.element);
 		if (i) return i;
 		let a = new B().copy(t.camera.viewProjection).invert(), o = new z(e.ndc[0], e.ndc[1], e.ndc[2]).applyMatrix4(a), s = "instanceMatrices" in n, c = e.element, l = s || n.drawMode !== "triangles";
 		return {
@@ -6648,7 +7004,7 @@ var ui = {
 		};
 	}
 	project(e) {
-		let { ndc: [t, n, r], visible: i } = qt(z.fromInput(e, "View"), this.#re());
+		let { ndc: [t, n, r], visible: i } = $t(z.fromInput(e, "View"), this.#ce());
 		return {
 			x: (t * .5 + .5) * this.#u,
 			y: (.5 - n * .5) * this.#d,
@@ -6657,7 +7013,7 @@ var ui = {
 		};
 	}
 	screenBounds(e = this.scene) {
-		let t = e instanceof V ? ji(e) : Ni(e, this.camera);
+		let t = e instanceof V ? ta(e) : ra(e, this.camera);
 		if (!t.length) return null;
 		let n = Infinity, r = Infinity, i = -Infinity, a = -Infinity;
 		for (let e of t) {
@@ -6674,19 +7030,19 @@ var ui = {
 			height: a - r
 		};
 	}
-	#re() {
+	#ce() {
 		let e = this.camera;
 		return e.updateWorld(), new B().multiplyMatrices(e.projectionMatrix, e.viewMatrix);
 	}
 	pickArea(e) {
-		return this.scene.updateWorldTree(), nr(this.scene, this.camera, this.#re(), this.#u, this.#d, e);
+		return this.scene.updateWorldTree(), cr(this.scene, this.camera, this.#ce(), this.#u, this.#d, e);
 	}
 	pickAll(e, t) {
 		if (typeof e == "object") {
 			let n = this.canvas.getBoundingClientRect();
 			t = e.clientY - n.top, e = e.clientX - n.left;
 		}
-		let n = [e / this.#u * 2 - 1, 1 - t / this.#d * 2], r = new Qn().setFromCamera(n, this.camera), i = this.camera, a = i.position.distanceTo(i.target ?? [
+		let n = [e / this.#u * 2 - 1, 1 - t / this.#d * 2], r = new ir().setFromCamera(n, this.camera), i = this.camera, a = i.position.distanceTo(i.target ?? [
 			0,
 			0,
 			0
@@ -6695,22 +7051,22 @@ var ui = {
 	}
 	on(e, t) {
 		if (!(e in this.#C)) {
-			let t = Si[e];
+			let t = Ki[e];
 			t && E("View", `on('${e}') - use '${t}'${t === "hover" ? ", which fires as the thing under the pointer changes (null when it leaves)" : ""}`), P("View", "event", e, ["click", "hover"]);
 		}
 		typeof t != "function" && E("View", `on('${e}', fn) needs a function, got ${j(t)}`);
 		let n = this.#C[e];
-		return n.add(t), this.#I = !0, () => n.delete(t);
+		return n.add(t), this.#V = !0, () => n.delete(t);
 	}
 	tooltip(e, { className: t } = {}) {
-		return e !== null && typeof e != "function" && E("View", `tooltip() takes a function (hit) => text, or null, got ${j(e)}`), this.#T = e, t !== void 0 && (this.#E = t), this.#w && (this.#w.el.className = `phoria-tooltip${this.#E ? ` ${this.#E}` : ""}`), e && this.#ie(), this.#I = !0, this;
+		return e !== null && typeof e != "function" && E("View", `tooltip() takes a function (hit) => text, or null, got ${j(e)}`), this.#T = e, t !== void 0 && (this.#E = t), this.#w && (this.#w.el.className = `phoria-tooltip${this.#E ? ` ${this.#E}` : ""}`), e && this.#le(), this.#V = !0, this;
 	}
-	#ie() {
+	#le() {
 		this.#D || (this.#D = !0, import("./tooltip.js").then(({ Tooltip: e }) => {
-			this.#r || (this.#w = new e((e) => this.#se(e)?.(e), this.#E), this.#I = !0, this.#le());
+			this.#r || (this.#w = new e((e) => this.#fe(e)?.(e), this.#E), this.#V = !0, this.#me());
 		}));
 	}
-	#ae(e) {
+	#ue(e) {
 		e !== !0 && (typeof e != "object" || !e || Array.isArray(e)) && E("View", `'keyboard' is true, false or { label: (hit) => text }, got ${j(e)}`);
 		let t = e === !0 ? {} : e;
 		A("View", t, ["label"], {
@@ -6719,18 +7075,18 @@ var ui = {
 		}, "keyboard"), t.label !== void 0 && typeof t.label != "function" && E("View", `keyboard.label is a function (hit) => text, got ${j(t.label)}`), import("./keyboard.js").then(({ Keyboard: e }) => {
 			this.#r || (this.#A = new e(this, {
 				focus: (e) => {
-					this.#j = e, this.#I = !0, this.invalidate();
+					this.#j = e, this.#V = !0, this.invalidate();
 				},
 				press: (e) => {
-					for (let t of Bi(e.node, "click")) t(e);
+					for (let t of ua(e.node, "click")) t(e);
 					for (let t of this.#C.click) t(e, null);
 				},
-				tooltip: (e) => this.#se(e)?.(e),
+				tooltip: (e) => this.#fe(e)?.(e),
 				viewWide: () => this.#C.hover.size > 0 || this.#C.click.size > 0 || !!this.#T
 			}, t), this.#A.setDescription(this.#M));
 		});
 	}
-	#oe(e) {
+	#de(e) {
 		let { x: t, y: n } = this.project(e.point), r = this.canvas.getBoundingClientRect();
 		return {
 			x: t,
@@ -6740,13 +7096,13 @@ var ui = {
 			event: null
 		};
 	}
-	#se(e) {
+	#fe(e) {
 		for (let t = e.node; t; t = t.parent) if (t.tooltip) return t.tooltip;
 		return this.#T;
 	}
 	async toImage(e) {
 		let { snapshot: t } = await import("./snapshot.js");
-		return this.#Z(!0), t(this.canvas, this.#x.shown, e ?? {}, this.#x.leaders);
+		return this.#ne(!0), t(this.canvas, this.#x.shown, e ?? {}, this.#x.leaders);
 	}
 	async explain() {
 		let { explain: e } = await import("./explain.js"), t = this.render(), n = 0, r = [];
@@ -6780,20 +7136,21 @@ var ui = {
 				keyboard: !!this.#A,
 				reducedMotion: this.reducedMotion,
 				description: this.canvas.getAttribute?.("aria-label") ?? this.#M
-			}
+			},
+			debug: this.#N
 		});
 	}
 	dispose() {
 		if (!this.#r) {
 			this.#r = !0, this.#n = !1, cancelAnimationFrame(this.#o);
 			for (let e of this.#b) e();
-			this.controls?.dispose(), this.#x.dispose(), this.#w?.dispose(), this.#A?.dispose(), this.#M !== null && !this.#A && (this.description = null), this.renderer.dispose(this.scene), this.#i && Di--, this.#a && this.canvas.remove();
+			this.controls?.dispose(), this.#x.dispose(), this.#w?.dispose(), this.#A?.dispose(), this.#P?.dispose(), this.#M !== null && !this.#A && (this.description = null), this.renderer.dispose(this.scene), this.#i && Zi--, this.#a && this.canvas.remove();
 		}
 	}
-	#ce() {
+	#pe() {
 		let e = this.#e;
 		this.#_ ||= e.aspect;
-		let t = Pn(this.#g, this.#_, e.aspect), n = t / this.#v;
+		let t = Bn(this.#g, this.#_, e.aspect), n = t / this.#v;
 		if (this.#v = t, !(Math.abs(n - 1) < 1e-9)) {
 			if (e.constructor.type === "orthographic-camera") e.height *= n;
 			else if (e.target) {
@@ -6802,49 +7159,52 @@ var ui = {
 			} else e.fov = Math.min(170, 2 * Math.atan(Math.tan(e.fov * Math.PI / 360) * n) * 360 / Math.PI);
 		}
 	}
-	#le() {
-		this.#o || this.#r || !this.#l || (this.renderMode !== "manual" || this.#n && this.#t || this.#c || this.#I) && (this.#o = requestAnimationFrame(this.#ue));
+	#me() {
+		this.#o || this.#r || !this.#l || (this.renderMode !== "manual" || this.#n && this.#t || this.#c || this.#V) && (this.#o = requestAnimationFrame(this.#he));
 	}
-	#ue = (e) => {
+	#he = (e) => {
 		this.#o = 0;
 		let t = this.#s ? Math.min(this.maxDelta, (e - this.#s) / 1e3) : 0;
 		this.#s = e;
 		try {
-			this.#n && (this.time += t, this.#t?.(t, this.time), this.scene.motionReduced = this.reducedMotion, this.scene.update(t, this.time)), this.#X(t), this.#I && this.#fe(), (this.#c || this.renderMode === "always" || this.renderMode === "auto" && this.#y.changed(this.scene, this.camera)) && this.render();
+			this.#n && (this.time += t, this.#t?.(t, this.time), this.scene.motionReduced = this.reducedMotion, this.scene.update(t, this.time)), this.#te(t), this.#V && this.#ve(), (this.#c || this.renderMode === "always" || this.renderMode === "auto" && this.#y.changed(this.scene, this.camera, this.time)) && this.render();
 		} finally {
-			(this.renderMode !== "manual" || this.#n && this.#t || this.#c || this.#I) && this.#le();
+			(this.renderMode !== "manual" || this.#n && this.#t || this.#c || this.#V) && this.#me();
 		}
 	};
-	#de() {
-		return this.#C.hover.size > 0 || !!this.#T || !!this.#O || this.#C.click.size > 0 || !!this.lastFrame?.interactive;
-	}
-	#fe() {
-		if (this.#I = !1, !this.#de()) return;
-		let e = this.#F;
-		if (this.#j) return this.#pe(this.#j, this.#oe(this.#j));
-		if (this.#W) return this.#pe(this.#W);
-		if (!e || this.#R) return this.#pe(null);
-		let t = this.#te();
-		if (t && this.#L) {
-			this.#I = !0;
+	#ge() {
+		return this.#C.hover.size > 0 || !!this.#T || !!this.#O || this.#C.click.size > 0 || !!this.lastFrame?.interactive || this.#_e();
+	}
+	#_e() {
+		return !!this.#N && (this.#N.bounds === "hovered" || this.#N.normals === "hovered");
+	}
+	#ve() {
+		if (this.#V = !1, !this.#ge()) return;
+		let e = this.#B;
+		if (this.#j) return this.#ye(this.#j, this.#de(this.#j));
+		if (this.#Y) return this.#ye(this.#Y);
+		if (!e || this.#U) return this.#ye(null);
+		let t = this.#oe();
+		if (t && this.#H) {
+			this.#V = !0;
 			return;
 		}
 		let n = t ? this.renderer.pickAsync(t, e.x, e.y) : void 0;
-		if (!n) return this.#pe(this.pick(e.x, e.y));
-		this.#L = !0, n.then((e) => {
-			this.#L = !1, !this.#r && (this.#pe(this.#W ?? (e && this.#F ? this.#ne(e, t) : null)), this.#le());
+		if (!n) return this.#ye(this.pick(e.x, e.y));
+		this.#H = !0, n.then((e) => {
+			this.#H = !1, !this.#r && (this.#ye(this.#Y ?? (e && this.#B ? this.#se(e, t) : null)), this.#me());
 		});
 	}
-	#pe(e, t = this.#F) {
-		let n = this.#H, r = n === e || n && e && n.node === e.node && n.instance === e.instance && n.datum === e.datum && (e.node.drawMode !== "points" || n.face === e.face);
-		if (this.#H = e, t && e && this.#w ? this.#w.show(e, t.clientX, t.clientY) : this.#w?.hide(), r) return;
-		(this.#ge(n) || this.#ge(e)) && this.invalidate(), (this.#C.click.size || this.lastFrame?.interactive) && (this.canvas.style.cursor = e && Pi(e.node, "onDrag") ? "grab" : e && this.#he(e) ? "pointer" : "");
-		let i = Bi(n?.node, "hover"), a = Bi(e?.node, "hover");
+	#ye(e, t = this.#B) {
+		let n = this.#q, r = n === e || n && e && n.node === e.node && n.instance === e.instance && n.datum === e.datum && (e.node.drawMode !== "points" || n.face === e.face);
+		if (this.#q = e, t && e && this.#w ? this.#w.show(e, t.clientX, t.clientY) : this.#w?.hide(), r) return;
+		(this.#Se(n) || this.#Se(e) || this.#_e()) && this.invalidate(), (this.#C.click.size || this.lastFrame?.interactive) && (this.canvas.style.cursor = e && ia(e.node, "onDrag") ? "grab" : e && this.#xe(e) ? "pointer" : "");
+		let i = ua(n?.node, "hover"), a = ua(e?.node, "hover");
 		for (let e of i) a.includes(e) || e(null);
 		for (let t of a) t(e);
 		for (let n of this.#C.hover) n(e, t?.event ?? null);
 	}
-	#me(e, t, n) {
+	#be(e, t, n) {
 		let r = t.node, i = t.index, a = i !== null && r.drawMode === "points", o = {
 			node: r,
 			point: t.position.clone(),
@@ -6856,12 +7216,12 @@ var ui = {
 			datum: r.datumAt?.(i) ?? null
 		};
 		if (e === "click") {
-			for (let e of Bi(r, "click")) e(o);
+			for (let e of ua(r, "click")) e(o);
 			for (let e of this.#C.click) e(o, n);
 		} else {
-			if (this.#W = e === "over" ? o : null, n) {
+			if (this.#Y = e === "over" ? o : null, n) {
 				let e = this.canvas.getBoundingClientRect();
-				this.#F = {
+				this.#B = {
 					x: n.clientX - e.left,
 					y: n.clientY - e.top,
 					clientX: n.clientX,
@@ -6869,17 +7229,17 @@ var ui = {
 					event: n
 				};
 			}
-			e === "out" && (this.#F = null), this.#I = !0, this.#le();
+			e === "out" && (this.#B = null), this.#V = !0, this.#me();
 		}
 	}
-	#he(e) {
-		return this.#C.click.size > 0 || Bi(e.node, "click").length > 0;
+	#xe(e) {
+		return this.#C.click.size > 0 || ua(e.node, "click").length > 0;
 	}
-	#ge(e) {
+	#Se(e) {
 		if (!e) return null;
 		let t = null, n = null;
 		for (let r = e.node; r; r = r.parent) t ??= r.highlight, n ??= r.highlightWhole ? r : null;
-		if (t ??= this.#O, !t && e === this.#j && (t = wi), !t) return null;
+		if (t ??= this.#O, !t && e === this.#j && (t = Ji), !t) return null;
 		let r = e.node;
 		if (n) {
 			let e = /* @__PURE__ */ new Set();
@@ -6890,27 +7250,27 @@ var ui = {
 				index: null,
 				nodes: e,
 				color: t,
-				amount: Ci
+				amount: qi
 			};
 		}
 		return {
 			node: r,
 			index: e.instance ?? (r.drawMode === "points" ? e.face : null),
 			color: t,
-			amount: Ci
+			amount: qi
 		};
 	}
-	#_e(e) {
+	#Ce(e) {
 		let t = e.labels, n = this.height / 2, r = t.filter((e) => e.style.occlude && e.visible && !(e.style.minScale && e.scale * n < e.style.minScale));
 		if (!r.length) return;
-		let i = Qn.solids([...e.opaque, ...e.transparent]), a = new Qn();
+		let i = ir.solids([...e.opaque, ...e.transparent]), a = new ir();
 		for (let e of r) {
 			a.setFromCamera(e.ndc, this.camera);
 			let t = e.position.distanceTo(a.ray.origin);
 			e.occluded = a.blocked(i, t * .995, e.node, e.index);
 		}
 	}
-	#ve() {
+	#we() {
 		let e = this.canvas, t = (t) => {
 			let n = e.getBoundingClientRect();
 			return {
@@ -6921,26 +7281,26 @@ var ui = {
 				event: t
 			};
 		}, n = (e) => {
-			this.#j && this.#A?.clear(), this.#F = t(e);
-			let n = this.#V;
-			n && n.id === e.pointerId && !n.moved && Math.hypot(this.#F.x - n.x, this.#F.y - n.y) >= 4 && (n.moved = !0), this.#z ? this.#ye(e, this.#F) : this.#B?.move(e), this.#R = e.buttons !== 0, this.#R ? this.#w?.hide() : this.#w?.move(e.clientX, e.clientY), this.#de() && (this.#I = !0, this.#le());
+			this.#j && this.#A?.clear(), this.#B = t(e);
+			let n = this.#K;
+			n && n.id === e.pointerId && !n.moved && Math.hypot(this.#B.x - n.x, this.#B.y - n.y) >= 4 && (n.moved = !0), this.#W ? this.#Te(e, this.#B) : this.#G?.move(e), this.#U = e.buttons !== 0, this.#U ? this.#w?.hide() : this.#w?.move(e.clientX, e.clientY), this.#ge() && (this.#V = !0, this.#me());
 		}, r = () => {
-			this.#F = null, this.#I = !0, this.#le();
+			this.#B = null, this.#V = !0, this.#me();
 		}, i = (e) => {
-			this.#z ? this.#be(e) : this.#B?.up(e), this.#R = !1, this.#I = !0, this.#le();
+			this.#W ? this.#Ee(e) : this.#G?.up(e), this.#U = !1, this.#V = !0, this.#me();
 		}, a = (n) => {
-			if (this.#z?.id === n.pointerId) return;
-			this.#U = null, this.#z = null;
+			if (this.#W?.id === n.pointerId) return;
+			this.#J = null, this.#W = null;
 			let r = t(n);
-			this.#V = {
+			this.#K = {
 				id: n.pointerId,
 				x: r.x,
 				y: r.y,
 				moved: !1
 			};
-			let i = this.lastFrame?.draggable && (n.pointerType !== "mouse" || n.button === 0) ? this.pick(n) : null, a = i && Pi(i.node, "onDrag");
+			let i = this.lastFrame?.draggable && (n.pointerType !== "mouse" || n.button === 0) ? this.pick(n) : null, a = i && ia(i.node, "onDrag");
 			if (!i || !a) {
-				this.#B?.down(n);
+				this.#G?.down(n);
 				return;
 			}
 			try {
@@ -6960,7 +7320,7 @@ var ui = {
 				delta: new z(),
 				event: n
 			};
-			this.#z = {
+			this.#W = {
 				drag: c,
 				id: n.pointerId,
 				x: o.x,
@@ -6969,18 +7329,18 @@ var ui = {
 				started: !1
 			};
 		}, o = (e) => {
-			if (this.#V?.moved) {
-				this.#V = null;
+			if (this.#K?.moved) {
+				this.#K = null;
 				return;
 			}
 			if (!this.#C.click.size && !this.lastFrame?.interactive) return;
 			let t = this.pick(e);
-			if (t) for (let e of Bi(t.node, "click")) e(t);
+			if (t) for (let e of ua(t.node, "click")) e(t);
 			for (let n of this.#C.click) n(t, e);
 		};
 		e.addEventListener("pointerdown", a), e.addEventListener("pointermove", n), e.addEventListener("pointerleave", r), e.addEventListener("pointerup", i), e.addEventListener("pointercancel", i), e.addEventListener("click", o);
 		let s = () => {
-			this.#U = null;
+			this.#J = null;
 		};
 		if (e.addEventListener("wheel", s, { passive: !0 }), this.#b.push(() => {
 			e.removeEventListener("wheel", s), e.removeEventListener("pointerdown", a), e.removeEventListener("pointermove", n), e.removeEventListener("pointerleave", r), e.removeEventListener("pointerup", i), e.removeEventListener("pointercancel", i), e.removeEventListener("click", o);
@@ -6993,9 +7353,9 @@ var ui = {
 		let c = globalThis.matchMedia?.("(prefers-reduced-motion: reduce)");
 		if (c) {
 			let e = () => {
-				this.#P = c.matches, this.invalidate();
+				this.#z = c.matches, this.invalidate();
 			};
-			this.#P = c.matches, c.addEventListener?.("change", e), this.#b.push(() => c.removeEventListener?.("change", e));
+			this.#z = c.matches, c.addEventListener?.("change", e), this.#b.push(() => c.removeEventListener?.("change", e));
 		}
 		if (typeof IntersectionObserver < "u") {
 			let t = new IntersectionObserver(([e]) => {
@@ -7004,8 +7364,8 @@ var ui = {
 			t.observe(e), this.#b.push(() => t.disconnect());
 		}
 	}
-	#ye(e, t) {
-		let n = this.#z;
+	#Te(e, t) {
+		let n = this.#W;
 		if (!n || e.pointerId !== n.id) return;
 		let { drag: r } = n;
 		if (r.event = e, r.ray = this.rayAt(t.x, t.y), !n.started) {
@@ -7025,19 +7385,19 @@ var ui = {
 		let i = r.ray.intersectPlane(r.plane.normal, r.plane.point);
 		i === null ? r.point = null : (r.point = r.ray.at(i), r.delta.copy(r.point).sub(r.start)), r.node.onDrag?.(r), this.invalidate();
 	}
-	#be(e) {
-		let t = this.#z;
+	#Ee(e) {
+		let t = this.#W;
 		if (t && e.pointerId === t.id) {
-			this.#z = null;
+			this.#W = null;
 			try {
 				this.canvas.releasePointerCapture(e.pointerId);
 			} catch {}
 			t.started && (t.drag.phase = "end", t.drag.event = e, t.drag.node.onDrag?.(t.drag), this.canvas.style.cursor = "", this.invalidate());
 		}
 	}
-	#xe(e) {
-		this.#q || (this.#q = !0, console.info("phoria2: the scene has no lights, so the View is lighting it (autoLight: false turns this off)"));
-		let t = this.#G, n = this.#K;
+	#De(e) {
+		this.#Q || (this.#Q = !0, console.info("phoria2: the scene has no lights, so the View is lighting it (autoLight: false turns this off)"));
+		let t = this.#X, n = this.#Z;
 		e.lights.push({
 			kind: "hemisphere",
 			node: t,
@@ -7053,15 +7413,15 @@ var ui = {
 		});
 	}
 };
-function ki(e) {
+function $i(e) {
 	return [
 		...e.position,
 		...e.target ?? [],
 		e.fov ?? e.height
 	];
 }
-var Ai = (e, t) => !!t && e.length === t.length && e.every((e, n) => e === t[n]);
-function ji(e) {
+var ea = (e, t) => !!t && e.length === t.length && e.every((e, n) => e === t[n]);
+function ta(e) {
 	if (e.isEmpty()) return [];
 	if (e.min.equals(e.max)) return [e.min.toArray()];
 	let t = [];
@@ -7072,14 +7432,14 @@ function ji(e) {
 	]);
 	return t;
 }
-var Mi = 4e3;
-function Ni(e, t) {
+var na = 4e3;
+function ra(e, t) {
 	e.updateWorld();
 	let n = [];
 	return e.eachShownTo(t, (e) => {
 		let t = e;
-		if ("instanceMatrices" in t && t.count <= Mi) t.eachInstanceBox((e, t, r, i, a, o) => {
-			n.push(...ji(new V([
+		if ("instanceMatrices" in t && t.count <= na) t.eachInstanceBox((e, t, r, i, a, o) => {
+			n.push(...ta(new V([
 				e,
 				t,
 				r
@@ -7089,7 +7449,7 @@ function Ni(e, t) {
 				o
 			])));
 		});
-		else if ((t.drawMode === "lines" || t.drawMode === "points") && t.geometry.vertexCount <= Mi) {
+		else if ((t.drawMode === "lines" || t.drawMode === "points") && t.geometry.vertexCount <= na) {
 			let e = t.geometry, r = e.positions, i = t.worldMatrix, a = e.indices ? e.vertexCount : e.drawnVertices;
 			for (let e = 0; e < a; e++) {
 				let t = r[e * 3], a = r[e * 3 + 1], o = r[e * 3 + 2];
@@ -7099,45 +7459,45 @@ function Ni(e, t) {
 					i[2] * t + i[6] * a + i[10] * o + i[14]
 				]);
 			}
-		} else n.push(...ji(e.expandBounds(new V())));
+		} else n.push(...ta(e.expandBounds(new V())));
 	}), n;
 }
-function Pi(e, t) {
+function ia(e, t) {
 	for (let n = e; n; n = n.parent) if (n[t]) return n;
 	return null;
 }
-function Fi(e) {
+function aa(e) {
 	return {
 		position: e.position.clone(),
 		target: (e.target ?? new z()).clone(),
 		height: e.height
 	};
 }
-function Ii(e, t) {
-	e.position.copy(t.position), Li(e, t.target), t.height !== void 0 && (e.height = t.height);
+function oa(e, t) {
+	e.position.copy(t.position), sa(e, t.target), t.height !== void 0 && (e.height = t.height);
 }
-function Li(e, t) {
+function sa(e, t) {
 	e.target ? e.target.copy(t) : e.target = t.clone();
 }
-function Ri(e, t, n) {
+function ca(e, t, n) {
 	let r = Math.max(-1, Math.min(1, e.dot(t)));
 	if (r > .9999) return e.clone().lerp(t, n).normalize();
 	if (r < -.9999) {
 		let r = Math.abs(e[1]) < .9 ? new z(0, 1, 0) : new z(1, 0, 0), i = e.clone().cross(r).normalize();
-		return n < .5 ? Ri(e, i, n * 2) : Ri(i, t, n * 2 - 1);
+		return n < .5 ? ca(e, i, n * 2) : ca(i, t, n * 2 - 1);
 	}
 	let i = Math.acos(r), a = Math.sin(i);
 	return e.clone().multiplyScalar(Math.sin((1 - n) * i) / a).add(t.clone().multiplyScalar(Math.sin(n * i) / a));
 }
-function zi(e, t) {
-	return e.index === null && !e.node.handlersFor(t).length ? [] : Bi(e.node, t);
+function la(e, t) {
+	return e.index === null && !e.node.handlersFor(t).length ? [] : ua(e.node, t);
 }
-function Bi(e, t) {
+function ua(e, t) {
 	let n = [];
 	for (let r = e; r; r = r.parent) n.push(...r.handlersFor(t));
 	return n;
 }
-function Vi(e) {
+function da(e) {
 	if (e === void 0) {
 		let e = document.createElement("canvas");
 		return Object.assign(e.style, {
@@ -7154,26 +7514,44 @@ function Vi(e) {
 	}
 	return e instanceof HTMLCanvasElement || E("View", `'canvas' must be a <canvas> element or a selector, got ${j(e)}`), e;
 }
+function fa(e) {
+	if (e === !1 || e === null) return null;
+	if (e === !0) return { ...Vi };
+	(!e || typeof e != "object" || Array.isArray(e)) && E("View", `'debug' is true, false or { ${Hi.join(", ")} }, got ${j(e)}`), A("View", e, Hi, {
+		helpers: "list what to draw: { lights: true, bounds: true, ... }",
+		fps: "use 'stats: true'",
+		wireframe: "use new Lines({ geometry: edges(geometry) }) for a wireframe"
+	}, "debug");
+	let t = {};
+	for (let n of Hi) {
+		let r = e[n];
+		t[n] = r === void 0 ? !1 : n === "bounds" || n === "normals" ? r === "hovered" ? "hovered" : pa(n, r, "true, false or 'hovered'") : n === "stats" ? r === !0 ? "top-left" : r !== !1 && P("View", "debug.stats", r, Ui) : pa(n, r, "true or false");
+	}
+	return t;
+}
+function pa(e, t, n) {
+	return typeof t != "boolean" && E("View", `debug.${e} is ${n}, got ${j(t)}`), t;
+}
 // src/geometry/triangulate.js
-function Hi(e) {
+function ma(e) {
 	let t = 0;
 	for (let n = 0, r = e.length - 1; n < e.length; r = n++) t += (e[r][0] - e[n][0]) * (e[r][1] + e[n][1]);
 	return t;
 }
-function Ui(e, t = []) {
+function ha(e, t = []) {
 	let n = [...e], r = e.map((e, t) => t);
-	Hi(e) < 0 && r.reverse();
+	ma(e) < 0 && r.reverse();
 	let i = t.map((e) => {
 		let t = n.length;
 		n.push(...e);
 		let r = e.map((e, n) => t + n);
-		return Hi(e) > 0 && r.reverse(), r;
-	}).sort((e, t) => Wi(n, t) - Wi(n, e));
-	for (let e of i) r = Gi(n, r, e, i);
-	return Ji(n, r);
+		return ma(e) > 0 && r.reverse(), r;
+	}).sort((e, t) => ga(n, t) - ga(n, e));
+	for (let e of i) r = _a(n, r, e, i);
+	return ba(n, r);
 }
-var Wi = (e, t) => Math.max(...t.map((t) => e[t][0]));
-function Gi(e, t, n, r) {
+var ga = (e, t) => Math.max(...t.map((t) => e[t][0]));
+function _a(e, t, n, r) {
 	let i = 0;
 	n.forEach((t, r) => {
 		e[t][0] > e[n[i]][0] && (i = r);
@@ -7183,7 +7561,7 @@ function Gi(e, t, n, r) {
 	let s = -1, c = Infinity;
 	t.forEach((t, n) => {
 		let r = e[t], i = ((r[0] - a[0]) ** 2 + (r[1] - a[1]) ** 2) * (r[0] >= a[0] ? 1 : 4);
-		i >= c || o.some(([e, t]) => Ki(a, r, e, t)) || (s = n, c = i);
+		i >= c || o.some(([e, t]) => va(a, r, e, t)) || (s = n, c = i);
 	}), s < 0 && (s = 0);
 	let l = [...n.slice(i), ...n.slice(0, i)];
 	return [
@@ -7194,52 +7572,52 @@ function Gi(e, t, n, r) {
 		...t.slice(s + 1)
 	];
 }
-function Ki(e, t, n, r) {
-	if (qi(e, n) || qi(e, r) || qi(t, n) || qi(t, r)) return !1;
+function va(e, t, n, r) {
+	if (ya(e, n) || ya(e, r) || ya(t, n) || ya(t, r)) return !1;
 	let i = Q(n, r, e), a = Q(n, r, t), o = Q(e, t, n), s = Q(e, t, r);
 	return i * a < 0 && o * s < 0;
 }
-var qi = (e, t) => e[0] === t[0] && e[1] === t[1], Q = (e, t, n) => (t[0] - e[0]) * (n[1] - e[1]) - (t[1] - e[1]) * (n[0] - e[0]);
-function Ji(e, t) {
+var ya = (e, t) => e[0] === t[0] && e[1] === t[1], Q = (e, t, n) => (t[0] - e[0]) * (n[1] - e[1]) - (t[1] - e[1]) * (n[0] - e[0]);
+function ba(e, t) {
 	let n = [...t], r = [];
 	for (; n.length > 3;) {
 		let t = -1;
-		for (let r = 0; r < n.length && t < 0; r++) Xi(e, n, r) && (t = r);
-		if (t < 0) for (let r = 0; r < n.length && t < 0; r++) Yi(e, n, r) && (t = r);
+		for (let r = 0; r < n.length && t < 0; r++) Sa(e, n, r) && (t = r);
+		if (t < 0) for (let r = 0; r < n.length && t < 0; r++) xa(e, n, r) && (t = r);
 		t < 0 && (t = 0);
 		let i = n.length;
 		r.push(n[(t + i - 1) % i], n[t], n[(t + 1) % i]), n.splice(t, 1);
 	}
 	return n.length === 3 && r.push(...n), r;
 }
-function Yi(e, t, n) {
+function xa(e, t, n) {
 	let r = t.length;
 	return Q(e[t[(n + r - 1) % r]], e[t[n]], e[t[(n + 1) % r]]) > 0;
 }
-function Xi(e, t, n) {
-	if (!Yi(e, t, n)) return !1;
+function Sa(e, t, n) {
+	if (!xa(e, t, n)) return !1;
 	let r = t.length, i = e[t[(n + r - 1) % r]], a = e[t[n]], o = e[t[(n + 1) % r]];
 	for (let n of t) {
 		let t = e[n];
-		if (!(qi(t, i) || qi(t, a) || qi(t, o)) && Q(i, a, t) >= 0 && Q(a, o, t) >= 0 && Q(o, i, t) >= 0) return !1;
+		if (!(ya(t, i) || ya(t, a) || ya(t, o)) && Q(i, a, t) >= 0 && Q(a, o, t) >= 0 && Q(o, i, t) >= 0) return !1;
 	}
 	return !0;
 }
 // src/geometry/generators.js
-var Zi = /* @__PURE__ */ t({
+var Ca = /* @__PURE__ */ t({
 	GENERATOR_OPTIONS: () => $,
-	axes: () => ma,
-	box: () => ea,
-	cylinder: () => ia,
-	edges: () => pa,
-	extrude: () => la,
-	grid: () => ha,
-	icosphere: () => sa,
-	lathe: () => ca,
-	plane: () => ra,
-	sphere: () => na,
-	torus: () => oa
-}), Qi = Math.PI * 2, $ = {
+	axes: () => Ba,
+	box: () => Ea,
+	cylinder: () => Aa,
+	edges: () => za,
+	extrude: () => Fa,
+	grid: () => Va,
+	icosphere: () => Na,
+	lathe: () => Pa,
+	plane: () => ka,
+	sphere: () => Oa,
+	torus: () => Ma
+}), wa = Math.PI * 2, $ = {
 	box: [
 		"size",
 		"width",
@@ -7286,18 +7664,18 @@ var Zi = /* @__PURE__ */ t({
 	],
 	axes: ["size"],
 	grid: ["size", "divisions"]
-}, $i = "has one 'segments' option, used for every face";
-function ea(e) {
+}, Ta = "has one 'segments' option, used for every face";
+function Ea(e) {
 	let t = "box()", n = I(t, e, $.box, (e) => ({ size: e }), {
-		widthSegments: `box() ${$i}`,
-		heightSegments: `box() ${$i}`,
-		depthSegments: `box() ${$i}`
+		widthSegments: `box() ${Ta}`,
+		heightSegments: `box() ${Ta}`,
+		depthSegments: `box() ${Ta}`
 	}), r = L(t, "size", n.size, 1), i = L(t, "width", n.width, r), a = L(t, "height", n.height, r), o = L(t, "depth", n.depth, r), s = R(t, "segments", n.segments, 1), c = [
 		i,
 		a,
 		o
-	], l = new ga();
-	for (let [e, t, n] of ta) {
+	], l = new Ha();
+	for (let [e, t, n] of Da) {
 		let r = l.count;
 		for (let r = 0; r <= s; r++) {
 			let i = r / s;
@@ -7320,7 +7698,7 @@ function ea(e) {
 		segments: s
 	});
 }
-var ta = [
+var Da = [
 	[
 		[
 			1,
@@ -7424,15 +7802,15 @@ var ta = [
 		]
 	]
 ];
-function na(e) {
+function Oa(e) {
 	let t = "sphere()", n = I(t, e, $.sphere, (e) => ({ radius: e }), {
 		widthSegments: "sphere(): use 'segments' for the divisions around the sphere",
 		heightSegments: "sphere(): use 'rings' for the divisions from pole to pole"
-	}), r = L(t, "radius", n.radius, 1), i = R(t, "segments", n.segments, 32, 3), a = R(t, "rings", n.rings, 16, 2), o = new ga();
+	}), r = L(t, "radius", n.radius, 1), i = R(t, "segments", n.segments, 32, 3), a = R(t, "rings", n.rings, 16, 2), o = new Ha();
 	for (let e = 0; e <= a; e++) {
 		let t = e / a, n = e === 0 || e === a, s = n ? 0 : Math.sin(t * Math.PI), c = e === 0 ? 1 : e === a ? -1 : Math.cos(t * Math.PI);
 		for (let e = 0; e <= i; e++) {
-			let a = n && e < i ? (e + .5) / i : e / i, l = e % i / i * Qi, u = -Math.cos(l) * s, d = c, f = Math.sin(l) * s;
+			let a = n && e < i ? (e + .5) / i : e / i, l = e % i / i * wa, u = -Math.cos(l) * s, d = c, f = Math.sin(l) * s;
 			o.vertex(u * r, d * r, f * r, u, d, f, a, t);
 		}
 	}
@@ -7446,12 +7824,12 @@ function na(e) {
 		rings: a
 	});
 }
-function ra(e) {
+function ka(e) {
 	let t = "plane()", n = I(t, e, $.plane, (e) => ({ size: e }), {
 		height: "plane() lies in the x-z plane - use 'depth' rather than 'height'",
-		widthSegments: `plane() ${$i}`,
-		heightSegments: `plane() ${$i}`
-	}), r = L(t, "size", n.size, 1), i = L(t, "width", n.width, r), a = L(t, "depth", n.depth, r), o = R(t, "segments", n.segments, 1), s = new ga();
+		widthSegments: `plane() ${Ta}`,
+		heightSegments: `plane() ${Ta}`
+	}), r = L(t, "size", n.size, 1), i = L(t, "width", n.width, r), a = L(t, "depth", n.depth, r), o = R(t, "segments", n.segments, 1), s = new Ha();
 	for (let e = 0; e <= o; e++) {
 		let t = e / o;
 		for (let e = 0; e <= o; e++) {
@@ -7466,7 +7844,7 @@ function ra(e) {
 		segments: o
 	});
 }
-function ia(e) {
+function Aa(e) {
 	let t = "cylinder()", n = I(t, e, $.cylinder, null, {
 		radiusBottom: "cylinder(): use 'radius' for the bottom radius",
 		radialSegments: "cylinder(): use 'segments' for the divisions around the cylinder",
@@ -7475,18 +7853,18 @@ function ia(e) {
 	r === 0 && i === 0 && E(t, "'radius' and 'radiusTop' can't both be 0");
 	let a = L(t, "height", n.height, 1), o = R(t, "segments", n.segments, 32, 3), s = n.caps ?? !0;
 	typeof s != "boolean" && E(t, `'caps' must be true or false, got ${j(s)}`);
-	let c = va(t, n.axis, "y"), l = new ga(), u = r - i, d = Math.hypot(a, u), f = a / d, p = u / d;
+	let c = Wa(t, n.axis, "y"), l = new Ha(), u = r - i, d = Math.hypot(a, u), f = a / d, p = u / d;
 	for (let e = 0; e <= 1; e++) {
 		let t = e === 0 ? i : r, n = e === 0 ? a / 2 : -a / 2;
 		for (let r = 0; r <= o; r++) {
-			let i = t === 0 && r < o ? (r + .5) / o : r / o, a = t === 0 ? i * Qi : r % o / o * Qi, s = Math.sin(a), c = Math.cos(a);
+			let i = t === 0 && r < o ? (r + .5) / o : r / o, a = t === 0 ? i * wa : r % o / o * wa, s = Math.sin(a), c = Math.cos(a);
 			l.vertex(t * s, n, t * c, f * s, p, f * c, i, e);
 		}
 	}
 	return l.grid(0, o, 1, {
 		pinchTop: i === 0,
 		pinchBottom: r === 0
-	}), s && (i > 0 && aa(l, i, a / 2, 1, o), r > 0 && aa(l, r, -a / 2, -1, o)), l.turn("y", c), l.build({
+	}), s && (i > 0 && ja(l, i, a / 2, 1, o), r > 0 && ja(l, r, -a / 2, -1, o)), l.turn("y", c), l.build({
 		type: "cylinder",
 		radius: r,
 		radiusTop: i,
@@ -7496,10 +7874,10 @@ function ia(e) {
 		...c !== "y" && { axis: c }
 	});
 }
-function aa(e, t, n, r, i) {
+function ja(e, t, n, r, i) {
 	let a = e.vertex(0, n, 0, 0, r, 0, .5, .5);
 	for (let a = 0; a < i; a++) {
-		let o = a / i * Qi, s = Math.sin(o), c = Math.cos(o);
+		let o = a / i * wa, s = Math.sin(o), c = Math.cos(o);
 		e.vertex(t * s, n, t * c, 0, r, 0, .5 + s / 2, .5 + r * c / 2);
 	}
 	for (let t = 0; t < i; t++) {
@@ -7507,15 +7885,15 @@ function aa(e, t, n, r, i) {
 		r > 0 ? e.indices.push(a, n, o) : e.indices.push(a, o, n);
 	}
 }
-function oa(e) {
+function Ma(e) {
 	let t = "torus()", n = I(t, e, $.torus, null, {
 		tubularSegments: "torus(): use 'segments' for the divisions around the ring",
 		radialSegments: "torus(): use 'tubeSegments' for the divisions around the tube"
-	}), r = L(t, "radius", n.radius, 1), i = L(t, "tube", n.tube, .4), a = R(t, "segments", n.segments, 48, 3), o = R(t, "tubeSegments", n.tubeSegments, 16, 3), s = new ga();
+	}), r = L(t, "radius", n.radius, 1), i = L(t, "tube", n.tube, .4), a = R(t, "segments", n.segments, 48, 3), o = R(t, "tubeSegments", n.tubeSegments, 16, 3), s = new Ha();
 	for (let e = 0; e <= o; e++) {
-		let t = e / o, n = -(e % o / o) * Qi, c = Math.cos(n), l = Math.sin(n);
+		let t = e / o, n = -(e % o / o) * wa, c = Math.cos(n), l = Math.sin(n);
 		for (let e = 0; e <= a; e++) {
-			let n = e / a, o = e % a / a * Qi, u = Math.sin(o), d = Math.cos(o), f = c * u, p = l, m = c * d;
+			let n = e / a, o = e % a / a * wa, u = Math.sin(o), d = Math.cos(o), f = c * u, p = l, m = c * d;
 			s.vertex(r * u + i * f, i * p, r * d + i * m, f, p, m, n, t);
 		}
 	}
@@ -7527,7 +7905,7 @@ function oa(e) {
 		tubeSegments: o
 	});
 }
-function sa(e) {
+function Na(e) {
 	let t = "icosphere()", n = I(t, e, $.icosphere, (e) => ({ radius: e }), { subdivisions: "icosphere(): use 'detail' (0-6) for the subdivision level" }), r = L(t, "radius", n.radius, 1), i = R(t, "detail", n.detail, 2, 0, 6), a = (1 + Math.sqrt(5)) / 2, o = [], s = (e, t, n) => {
 		let r = Math.hypot(e, t, n);
 		return o.push(e / r, t / r, n / r), o.length / 3 - 1;
@@ -7678,14 +8056,14 @@ function sa(e) {
 		detail: i
 	}, l;
 }
-function ca(e) {
+function Pa(e) {
 	let t = "lathe()", n = I(t, e, $.lathe, null, {
 		divisions: "lathe(): use 'segments' for the divisions around the axis",
 		phiSegments: "lathe(): use 'segments' for the divisions around the axis",
 		profile: "lathe(): use 'points' for the profile, as [radius, y] pairs"
-	}), r = fa(t, "points", n.points, 2).map(([e, t]) => [Math.abs(e) < 1e-9 ? 0 : e, t]);
+	}), r = Ra(t, "points", n.points, 2).map(([e, t]) => [Math.abs(e) < 1e-9 ? 0 : e, t]);
 	r.some(([e]) => e < 0) && E(t, "'points' are [radius, y] pairs - a radius can't be below 0");
-	let i = R(t, "segments", n.segments, 32, 3), a = va(t, n.axis, "y"), o = [];
+	let i = R(t, "segments", n.segments, 32, 3), a = Wa(t, n.axis, "y"), o = [];
 	for (let e = 0; e + 1 < r.length; e++) {
 		let [t, n] = r[e], [i, a] = r[e + 1], s = Math.hypot(i - t, a - n);
 		s !== 0 && o.push({
@@ -7696,9 +8074,9 @@ function ca(e) {
 		});
 	}
 	o.length || E(t, "'points' need at least two different points");
-	let s = o.reduce((e, t) => e + t.len, 0), c = new ga(), l = 0;
+	let s = o.reduce((e, t) => e + t.len, 0), c = new Ha(), l = 0;
 	return o.forEach((e, t) => {
-		let n = da(o[t - 1]?.normal, e.normal), r = da(o[t + 1]?.normal, e.normal), a = c.count;
+		let n = La(o[t - 1]?.normal, e.normal), r = La(o[t + 1]?.normal, e.normal), a = c.count;
 		for (let [[t, a], [o, u], d] of [[
 			e.to,
 			r,
@@ -7708,7 +8086,7 @@ function ca(e) {
 			n,
 			1 - l / s
 		]]) for (let e = 0; e <= i; e++) {
-			let n = e % i / i * Qi, r = Math.sin(n), s = Math.cos(n);
+			let n = e % i / i * wa, r = Math.sin(n), s = Math.cos(n);
 			c.vertex(t * r, a, t * s, o * r, u, o * s, e / i, d);
 		}
 		c.grid(a, i, 1, {
@@ -7722,17 +8100,17 @@ function ca(e) {
 		...a !== "y" && { axis: a }
 	});
 }
-function la(e) {
+function Fa(e) {
 	let t = "extrude()", n = I(t, e, $.extrude, null, {
 		amount: "extrude(): use 'depth'",
 		points: "extrude(): use 'shape' for the outline, as [x, y] pairs",
 		outline: "extrude(): use 'shape' for the outline, as [x, y] pairs",
 		bevelEnabled: "extrude() has no bevel - round the shape's corners instead"
-	}), r = ya(fa(t, "shape", n.shape, 3));
+	}), r = Ga(Ra(t, "shape", n.shape, 3));
 	n.holes !== void 0 && !Array.isArray(n.holes) && E(t, `'holes' must be a list of outlines, got ${j(n.holes)}`), typeof n.holes?.[0]?.[0] == "number" && E(t, "'holes' is a list of outlines - for one hole, holes: [outline]");
-	let i = (n.holes ?? []).map((e, n) => ya(fa(t, `holes[${n}]`, e, 3))), a = L(t, "depth", n.depth, 1), o = va(t, n.axis, "z"), s = a / 2, c = Hi(r) < 0 ? [...r].reverse() : r, l = i.map((e) => Hi(e) > 0 ? [...e].reverse() : e), u = [c, ...l].flat(), d = Infinity, f = -Infinity, p = Infinity, m = -Infinity;
+	let i = (n.holes ?? []).map((e, n) => Ga(Ra(t, `holes[${n}]`, e, 3))), a = L(t, "depth", n.depth, 1), o = Wa(t, n.axis, "z"), s = a / 2, c = ma(r) < 0 ? [...r].reverse() : r, l = i.map((e) => ma(e) > 0 ? [...e].reverse() : e), u = [c, ...l].flat(), d = Infinity, f = -Infinity, p = Infinity, m = -Infinity;
 	for (let [e, t] of u) d = Math.min(d, e), f = Math.max(f, e), p = Math.min(p, t), m = Math.max(m, t);
-	let h = f - d || 1, g = m - p || 1, _ = new ga(), v = Ui(c, l);
+	let h = f - d || 1, g = m - p || 1, _ = new Ha(), v = ha(c, l);
 	for (let [e, t] of [[s, 1], [-s, -1]]) {
 		let n = _.count;
 		for (let [n, r] of u) _.vertex(n, r, e, 0, 0, t, t > 0 ? (n - d) / h : (f - n) / h, (m - r) / g);
@@ -7744,7 +8122,7 @@ function la(e) {
 			return [(s - i) / c, -(o - r) / c];
 		}), i = n.reduce((e, t) => e + t, 0) || 1, a = 0;
 		for (let o = 0; o < t; o++) {
-			let c = r[o], [l, u] = [da(r[(o + t - 1) % t], c), da(r[(o + 1) % t], c)], [d, f] = e[o], [p, m] = e[(o + 1) % t], h = a / i, g = (a + n[o]) / i, v = _.vertex(d, f, s, l[0], l[1], 0, h, 0), y = _.vertex(d, f, -s, l[0], l[1], 0, h, 1), b = _.vertex(p, m, -s, u[0], u[1], 0, g, 1), x = _.vertex(p, m, s, u[0], u[1], 0, g, 0);
+			let c = r[o], [l, u] = [La(r[(o + t - 1) % t], c), La(r[(o + 1) % t], c)], [d, f] = e[o], [p, m] = e[(o + 1) % t], h = a / i, g = (a + n[o]) / i, v = _.vertex(d, f, s, l[0], l[1], 0, h, 0), y = _.vertex(d, f, -s, l[0], l[1], 0, h, 1), b = _.vertex(p, m, -s, u[0], u[1], 0, g, 1), x = _.vertex(p, m, s, u[0], u[1], 0, g, 0);
 			_.indices.push(v, y, b, v, b, x), a += n[o];
 		}
 	}
@@ -7756,13 +8134,13 @@ function la(e) {
 		...o !== "z" && { axis: o }
 	});
 }
-var ua = Math.cos(Math.PI / 6);
-function da(e, t) {
-	if (!e || e[0] * t[0] + e[1] * t[1] < ua) return t;
+var Ia = Math.cos(Math.PI / 6);
+function La(e, t) {
+	if (!e || e[0] * t[0] + e[1] * t[1] < Ia) return t;
 	let n = e[0] + t[0], r = e[1] + t[1], i = Math.hypot(n, r) || 1;
 	return [n / i, r / i];
 }
-function fa(e, t, n, r) {
+function Ra(e, t, n, r) {
 	Array.isArray(n) || E(e, `'${t}' must be a list of [x, y] pairs, got ${j(n)}`);
 	let i = n;
 	return i.length < r && E(e, `'${t}' needs at least ${r} points, got ${i.length}`), i.map((n, r) => {
@@ -7771,7 +8149,7 @@ function fa(e, t, n, r) {
 		return typeof i == "number" && typeof a == "number" && Number.isFinite(i) && Number.isFinite(a) || E(e, `'${t}' point ${r} must be two finite numbers, got ${j(n)}`), [i, a];
 	});
 }
-function pa(e, t = {}) {
+function za(e, t = {}) {
 	e instanceof U || E("edges()", `expected a Geometry, got ${j(e)}`);
 	let { angle: n = 1 } = I("edges()", t, ["angle"], null);
 	n >= 0 && n < 180 || E("edges()", `'angle' is in degrees, 0 to under 180, got ${j(n)}`);
@@ -7813,7 +8191,7 @@ function pa(e, t = {}) {
 		indices: p
 	});
 }
-function ma(e) {
+function Ba(e) {
 	let t = "axes()", n = L(t, "size", I(t, e, $.axes, (e) => ({ size: e })).size, 1), r = new U({
 		positions: [
 			0,
@@ -7861,7 +8239,7 @@ function ma(e) {
 		size: n
 	}, r;
 }
-function ha(e) {
+function Va(e) {
 	let t = "grid()", n = I(t, e, $.grid, (e) => ({ size: e }), { segments: "grid() uses 'divisions' for the number of squares along each side" }), r = L(t, "size", n.size, 10), i = R(t, "divisions", n.divisions, 10), a = r / 2, o = [];
 	for (let e = 0; e <= i; e++) {
 		let t = -a + r * e / i;
@@ -7874,7 +8252,7 @@ function ha(e) {
 		divisions: i
 	}, s;
 }
-var ga = class {
+var Ha = class {
 	positions = [];
 	normals = [];
 	uvs = [];
@@ -7894,7 +8272,7 @@ var ga = class {
 	}
 	turn(e, t) {
 		if (e === t) return;
-		let n = _a[e][t];
+		let n = Ua[e][t];
 		for (let e of [this.positions, this.normals]) for (let t = 0; t < e.length; t += 3) {
 			let [r, i, a] = n(e[t], e[t + 1], e[t + 2]);
 			e[t] = r, e[t + 1] = i, e[t + 2] = a;
@@ -7909,7 +8287,7 @@ var ga = class {
 		});
 		return a.source = e, a;
 	}
-}, _a = {
+}, Ua = {
 	y: {
 		x: (e, t, n) => [
 			t,
@@ -7935,14 +8313,14 @@ var ga = class {
 		]
 	}
 };
-function va(e, t, n) {
+function Wa(e, t, n) {
 	return t === void 0 ? n : P(e, "axis", t, [
 		"x",
 		"y",
 		"z"
 	]);
 }
-function ya(e) {
+function Ga(e) {
 	let t = e.filter((t, n) => {
 		let r = e[(n + e.length - 1) % e.length];
 		return t[0] !== r[0] || t[1] !== r[1];
@@ -7950,7 +8328,7 @@ function ya(e) {
 	return t.length >= 3 ? t : e;
 }
 // src/geometry/outline.js
-var ba = Math.PI * 2, xa = {
+var Ka = Math.PI * 2, qa = {
 	circle: [
 		"radius",
 		"segments",
@@ -7983,7 +8361,7 @@ var ba = Math.PI * 2, xa = {
 		"depth",
 		"center"
 	]
-}, Sa = {
+}, Ja = {
 	r: "use 'radius'",
 	x: "use center: [x, y]",
 	y: "use center: [x, y]",
@@ -7993,17 +8371,17 @@ var ba = Math.PI * 2, xa = {
 	cornerRadius: "use 'radius' for the corners' rounding",
 	n: "use 'sides' (polygon) or 'segments'"
 };
-function Ca(e) {
-	let t = "outline.circle()", n = ka(t, e, xa.circle, (e) => ({ radius: e })), r = L(t, "radius", n.radius, 1), i = R(t, "segments", n.segments, 32, 3), [a, o] = Aa(t, "center", n.center);
+function Ya(e) {
+	let t = "outline.circle()", n = to(t, e, qa.circle, (e) => ({ radius: e })), r = L(t, "radius", n.radius, 1), i = R(t, "segments", n.segments, 32, 3), [a, o] = no(t, "center", n.center);
 	return Array.from({ length: i }, (e, t) => {
-		let n = t / i * ba;
+		let n = t / i * Ka;
 		return [a + Math.cos(n) * r, o + Math.sin(n) * r];
 	});
 }
-function wa(e) {
-	let t = "outline.rect()", n = ka(t, e, xa.rect, (e) => ({ size: e })), r = L(t, "size", n.size, 1), i = L(t, "width", n.width, r), a = L(t, "height", n.height, r), o = n.radius === void 0 ? 0 : M(t, "radius", n.radius);
+function Xa(e) {
+	let t = "outline.rect()", n = to(t, e, qa.rect, (e) => ({ size: e })), r = L(t, "size", n.size, 1), i = L(t, "width", n.width, r), a = L(t, "height", n.height, r), o = n.radius === void 0 ? 0 : M(t, "radius", n.radius);
 	(o < 0 || o > Math.min(i, a) / 2) && E(t, `'radius' must be from 0 to half the shorter side (${Math.min(i, a) / 2}), got ${o}`);
-	let s = R(t, "segments", n.segments, 8, 1), [c, l] = Aa(t, "center", n.center), u = i / 2, d = a / 2;
+	let s = R(t, "segments", n.segments, 8, 1), [c, l] = no(t, "center", n.center), u = i / 2, d = a / 2;
 	if (o === 0) return [
 		[c - u, l - d],
 		[c + u, l - d],
@@ -8038,26 +8416,26 @@ function wa(e) {
 	}
 	return f;
 }
-function Ta(e) {
-	let t = "outline.polygon()", n = ka(t, e, xa.polygon, (e) => ({ radius: e })), r = L(t, "radius", n.radius, 1), i = R(t, "sides", n.sides, 6, 3), a = n.angle === void 0 ? 0 : M(t, "angle", n.angle), [o, s] = Aa(t, "center", n.center);
+function Za(e) {
+	let t = "outline.polygon()", n = to(t, e, qa.polygon, (e) => ({ radius: e })), r = L(t, "radius", n.radius, 1), i = R(t, "sides", n.sides, 6, 3), a = n.angle === void 0 ? 0 : M(t, "angle", n.angle), [o, s] = no(t, "center", n.center);
 	return Array.from({ length: i }, (e, t) => {
-		let n = a + t / i * ba;
+		let n = a + t / i * Ka;
 		return [o + Math.cos(n) * r, s + Math.sin(n) * r];
 	});
 }
-function Ea(e) {
-	let t = "outline.arc()", n = ka(t, e, xa.arc, null), r = L(t, "radius", n.radius, 1), i = n.from === void 0 ? 0 : M(t, "from", n.from), a = n.to === void 0 ? i + ba : M(t, "to", n.to);
+function Qa(e) {
+	let t = "outline.arc()", n = to(t, e, qa.arc, null), r = L(t, "radius", n.radius, 1), i = n.from === void 0 ? 0 : M(t, "from", n.from), a = n.to === void 0 ? i + Ka : M(t, "to", n.to);
 	a === i && E(t, "'from' and 'to' are the same angle - there's no arc between them");
-	let o = R(t, "segments", n.segments, Math.max(1, Math.ceil(Math.abs(a - i) / ba * 32)), 1), [s, c] = Aa(t, "center", n.center);
+	let o = R(t, "segments", n.segments, Math.max(1, Math.ceil(Math.abs(a - i) / Ka * 32)), 1), [s, c] = no(t, "center", n.center);
 	return Array.from({ length: o + 1 }, (e, t) => {
 		let n = i + (a - i) * t / o;
 		return [s + Math.cos(n) * r, c + Math.sin(n) * r];
 	});
 }
-function Da(e) {
-	let t = "outline.gear()", n = ka(t, e, xa.gear, (e) => ({ radius: e })), r = L(t, "radius", n.radius, 1), i = R(t, "teeth", n.teeth, 24, 3), a = L(t, "depth", n.depth, Math.min(r / 2, r * Math.PI / i));
+function $a(e) {
+	let t = "outline.gear()", n = to(t, e, qa.gear, (e) => ({ radius: e })), r = L(t, "radius", n.radius, 1), i = R(t, "teeth", n.teeth, 24, 3), a = L(t, "depth", n.depth, Math.min(r / 2, r * Math.PI / i));
 	a >= r && E(t, `'depth' must be less than the radius (${r}), got ${a}`);
-	let [o, s] = Aa(t, "center", n.center), c = r - a, l = ba / i, u = [];
+	let [o, s] = no(t, "center", n.center), c = r - a, l = Ka / i, u = [];
 	for (let e = 0; e < i; e++) for (let [t, n] of [
 		[0, c],
 		[.12, r],
@@ -8069,43 +8447,43 @@ function Da(e) {
 	}
 	return u;
 }
-var Oa = {
-	circle: Ca,
-	rect: wa,
-	polygon: Ta,
-	arc: Ea,
-	gear: Da
-}, ka = (e, t, n, r) => I(e, t, n, r, Sa);
-function Aa(e, t, n) {
+var eo = {
+	circle: Ya,
+	rect: Xa,
+	polygon: Za,
+	arc: Qa,
+	gear: $a
+}, to = (e, t, n, r) => I(e, t, n, r, Ja);
+function no(e, t, n) {
 	if (n === void 0) return [0, 0];
 	let r = n;
 	return r && typeof r == "object" && typeof r[0] == "number" && typeof r[1] == "number" && Number.isFinite(r[0]) && Number.isFinite(r[1]) || E(e, `'${t}' must be [x, y], got ${j(n)}`), [r[0], r[1]];
 }
 // src/geometry/fromPolygons.js
-var ja = "fromPolygons()";
-function Ma(e) {
-	A(ja, e, [
+var ro = "fromPolygons()";
+function io(e) {
+	A(ro, e, [
 		"points",
 		"polygons",
 		"edges",
 		"smooth"
 	]);
 	let { points: t, polygons: n } = e ?? {};
-	Array.isArray(t) || E(ja, `'points' must be an array of { x, y, z } or [x, y, z], got ${j(t)}`), Array.isArray(n) || E(ja, `'polygons' must be an array of { vertices: [...] }, got ${j(n)}`);
+	Array.isArray(t) || E(ro, `'points' must be an array of { x, y, z } or [x, y, z], got ${j(t)}`), Array.isArray(n) || E(ro, `'polygons' must be an array of { vertices: [...] }, got ${j(n)}`);
 	let r = t.map((e, t) => {
 		let n = Array.isArray(e) ? e : e && typeof e == "object" ? [
 			e.x,
 			e.y,
 			e.z
 		] : null;
-		return n && n.length === 3 && n.every(Number.isFinite) || E(ja, `point ${t} must be { x, y, z } or [x, y, z] numbers, got ${j(e)}`), n;
+		return n && n.length === 3 && n.every(Number.isFinite) || E(ro, `point ${t} must be { x, y, z } or [x, y, z] numbers, got ${j(e)}`), n;
 	});
 	n.forEach((e, t) => {
 		let n = e?.vertices;
-		(!Array.isArray(n) || n.length < 3) && E(ja, `polygon ${t} needs 'vertices' with 3 or more point indices, got ${j(n)}`);
-		for (let e of n) (!Number.isInteger(e) || e < 0 || e >= r.length) && E(ja, `polygon ${t} refers to point ${j(e)} but there are only ${r.length} points`);
+		(!Array.isArray(n) || n.length < 3) && E(ro, `polygon ${t} needs 'vertices' with 3 or more point indices, got ${j(n)}`);
+		for (let e of n) (!Number.isInteger(e) || e < 0 || e >= r.length) && E(ro, `polygon ${t} refers to point ${j(e)} but there are only ${r.length} points`);
 		let i = e.uvs;
-		i === void 0 || Array.isArray(i) && i.length === n.length * 2 && i.every(Number.isFinite) || E(ja, `polygon ${t} 'uvs' must be ${n.length * 2} numbers (a u, v pair per vertex), got ${j(i)}`);
+		i === void 0 || Array.isArray(i) && i.length === n.length * 2 && i.every(Number.isFinite) || E(ro, `polygon ${t} 'uvs' must be ${n.length * 2} numbers (a u, v pair per vertex), got ${j(i)}`);
 	});
 	let i = [];
 	n.forEach(({ vertices: e }, t) => {
@@ -8129,29 +8507,29 @@ function Ma(e) {
 	return a.computeNormals({ flat: !(e.smooth && !o) });
 }
 // src/geometry/Curve.js
-var Na = ["closed", "tension"], Pa = {
+var ao = ["closed", "tension"], oo = {
 	loop: "use 'closed: true'",
 	smooth: "the curve is always smooth - 'tension' (0-1) sets how tight"
-}, Fa = ["segments", "dash"], Ia = { dashed: "use 'dash: [on, off]' - lengths in the curve's units" }, La = [
+}, so = ["segments", "dash"], co = { dashed: "use 'dash: [on, off]' - lengths in the curve's units" }, lo = [
 	"radius",
 	"segments",
 	"sides"
-], Ra = {
+], uo = {
 	tubularSegments: "use 'segments'",
 	radialSegments: "use 'sides'"
-}, za = [
+}, fo = [
 	"plane",
 	"radius",
 	"center",
 	"tilt"
-], Ba = 48, Va = class {
+], po = 48, mo = class {
 	#e;
 	#t;
 	#n;
 	#r;
 	constructor(e, t = {}) {
-		(!Array.isArray(e) || e.length < 2) && E("curve()", `needs an array of two or more points, got ${j(e)}`), A("curve()", t, Na, Pa), this.#e = e.map((e) => z.fromInput(e, "curve()")), this.#t = !!t.closed, this.#n = t.tension === void 0 ? 0 : M("curve()", "tension", t.tension);
-		let n = this.#i() * Ba;
+		(!Array.isArray(e) || e.length < 2) && E("curve()", `needs an array of two or more points, got ${j(e)}`), A("curve()", t, ao, oo), this.#e = e.map((e) => z.fromInput(e, "curve()")), this.#t = !!t.closed, this.#n = t.tension === void 0 ? 0 : M("curve()", "tension", t.tension);
+		let n = this.#i() * po;
 		this.#r = new Float64Array(n + 1);
 		let r = this.#s(0);
 		for (let e = 1; e <= n; e++) {
@@ -8177,7 +8555,7 @@ var Na = ["closed", "tension"], Pa = {
 		return Array.from({ length: t }, (e, t) => this.at(t / n));
 	}
 	line(e = {}) {
-		A("curve.line()", e, Fa, Ia);
+		A("curve.line()", e, so, co);
 		let t = this.#a("curve.line()", e.segments), n = this.length / t, r = [], i = (e, t) => {
 			let i = Math.max(1, Math.ceil((t - e) / n - 1e-9)), a = this.at(e / this.length);
 			for (let n = 1; n <= i; n++) {
@@ -8194,7 +8572,7 @@ var Na = ["closed", "tension"], Pa = {
 		return new U({ positions: r });
 	}
 	tube(e = {}) {
-		A("curve.tube()", e, La, Ra);
+		A("curve.tube()", e, lo, uo);
 		let t = e.radius === void 0 ? .1 : M("curve.tube()", "radius", e.radius), n = R("curve.tube()", "sides", e.sides, 8, 3), r = this.#a("curve.tube()", e.segments), i = this.#t ? r : r + 1, a = [], o = [], s = this.tangentAt(0), c = new z(...Math.abs(s[1]) < .9 ? [
 			0,
 			1,
@@ -8249,17 +8627,17 @@ var Na = ["closed", "tension"], Pa = {
 		return t;
 	}
 };
-function Ha(e, t) {
-	return new Va(e, t);
+function ho(e, t) {
+	return new mo(e, t);
 }
-function Ua(e = {}) {
+function go(e = {}) {
 	let t = e.plane === void 0 ? "xz" : P("ellipse()", "plane", e.plane, [
 		"xz",
 		"xy",
 		"yz"
 	]), [n, r] = [...t].map((e) => "xyz".indexOf(e)), i = (e) => `radius${"XYZ"[e]}`, a = i(3 - n - r);
 	A("ellipse()", e, [
-		...za,
+		...fo,
 		i(n),
 		i(r)
 	], { [a]: `an ellipse in '${t}' has '${i(n)}' and '${i(r)}' - set plane for another` });
@@ -8274,21 +8652,21 @@ function Ua(e = {}) {
 	];
 	f[n] = 1;
 	let p = Ee(/* @__PURE__ */ new Float32Array(4), f, d);
-	return new Va(Array.from({ length: 64 }, (e, t) => {
+	return new mo(Array.from({ length: 64 }, (e, t) => {
 		let i = t / 64 * Math.PI * 2, a = new z();
 		return a[n] = Math.cos(i) * c, a[r] = Math.sin(i) * l, a.applyQuaternion(p).add(u);
 	}), { closed: !0 });
 }
 // src/registry.js
-var Wa = /* @__PURE__ */ new Map();
-function Ga(e) {
-	Wa.set(e.type, e);
+var _o = /* @__PURE__ */ new Map();
+function vo(e) {
+	_o.set(e.type, e);
 }
-function Ka() {
-	return Wa;
+function yo() {
+	return _o;
 }
 // src/describe.js
-var qa = [
+var bo = [
 	"box",
 	"sphere",
 	"plane",
@@ -8299,27 +8677,27 @@ var qa = [
 	"extrude",
 	"axes",
 	"grid"
-], Ja = null, Ya = () => {
-	Ja ??= new Map([
+], xo = null, So = () => {
+	xo ??= new Map([
 		K,
-		_t,
-		lr,
-		Ot,
-		Pt,
-		Ft,
-		Lt,
-		Rt,
-		Tn,
-		En,
-		mr,
-		hr,
-		_r,
-		vr,
-		yr
+		St,
+		gr,
+		Nt,
+		zt,
+		Bt,
+		Ht,
+		Ut,
+		jn,
+		Mn,
+		xr,
+		Sr,
+		wr,
+		Tr,
+		Er
 	].map((e) => [e.type, e]));
-	for (let [e, t] of Ka()) Ja.set(e, t);
-	return Ja;
-}, Xa = {
+	for (let [e, t] of yo()) xo.set(e, t);
+	return xo;
+}, Co = {
 	Mesh: "mesh",
 	Group: "group",
 	Object3D: "node",
@@ -8337,10 +8715,10 @@ var qa = [
 	Scene: "scene",
 	light: "directional-light",
 	camera: "perspective-camera"
-}, Za = {
+}, wo = {
 	chart: "import { chart } from 'phoria2/charts' first, which registers 'chart'",
 	emitter: "'emitter' descriptions aren't supported yet - use new Emitter() from 'phoria2/particles'"
-}, Qa = {
+}, To = {
 	cube: "box",
 	ball: "sphere",
 	globe: "sphere",
@@ -8360,29 +8738,29 @@ var qa = [
 	ExtrudeGeometry: "extrude",
 	ShapeGeometry: "extrude"
 };
-function $a(e) {
+function Eo(e) {
 	if (/Material$/.test(e)) return "materials aren't nodes - give a mesh material: { color, roughness, metalness, ... }";
-	let t = Qa[e];
+	let t = To[e];
 	return t ? `geometry isn't a node - give a mesh geometry: { type: '${t}', ... }` : null;
 }
-function eo(e) {
+function Do(e) {
 	if (e instanceof K) return e;
 	(!e || typeof e != "object" || Array.isArray(e)) && E("create()", `expected a description such as { type: 'mesh', ... }, got ${j(e)}`);
 	let { type: t, ...n } = e;
-	typeof t != "string" && E("create()", `a description needs a 'type': one of ${[...Ya().keys()].join(", ")}`);
-	let r = Ya().get(t);
+	typeof t != "string" && E("create()", `a description needs a 'type': one of ${[...So().keys()].join(", ")}`);
+	let r = So().get(t);
 	if (!r) {
-		let e = Xa[t], n = $a(t) ?? Za[t];
-		E("create()", `unknown type '${t}' - ${e ? `use '${e}'` : n ?? `expected one of ${[...Ya().keys()].join(", ")}${k(t, Ya().keys())}`}`);
+		let e = Co[t], n = Eo(t) ?? wo[t];
+		E("create()", `unknown type '${t}' - ${e ? `use '${e}'` : n ?? `expected one of ${[...So().keys()].join(", ")}${k(t, So().keys())}`}`);
 	}
-	return Array.isArray(n.children) && (n.children = n.children.map((e) => eo(e))), n.geometry && !(n.geometry instanceof U) && typeof n.geometry == "object" && "type" in n.geometry && (n.geometry = to(n.geometry, `create({ type: '${t}' })`)), new r(n);
+	return Array.isArray(n.children) && (n.children = n.children.map((e) => Do(e))), n.geometry && !(n.geometry instanceof U) && typeof n.geometry == "object" && "type" in n.geometry && (n.geometry = Oo(n.geometry, `create({ type: '${t}' })`)), new r(n);
 }
-function to(e, t = "createGeometry()") {
-	let { type: n, ...r } = e, i = Qa[n];
-	i && E(t, `geometry type '${n}' - use '${i}'`), P(t, "geometry.type", n, qa);
-	let a = Zi[n];
+function Oo(e, t = "createGeometry()") {
+	let { type: n, ...r } = e, i = To[n];
+	i && E(t, `geometry type '${n}' - use '${i}'`), P(t, "geometry.type", n, bo);
+	let a = Ca[n];
 	return a(Object.keys(r).length ? r : void 0);
 }
-export { Lt as $, kr as A, k as At, Bn as B, Tr as C, B as Ct, Pr as D, P as Dt, Or as E, M as Et, vr as F, o as Ft, En as G, On as H, yr as I, a as It, zt as J, Tn as K, lr as L, s as Lt, _r as M, F as Mt, hr as N, x as Nt, Ar as O, A as Ot, pr as P, r as Pt, Rt as Q, cr as R, xr as S, V as St, Dr as T, T as Tt, An as U, Fn as V, wn as W, Dt as X, Zt as Y, Pt as Z, na as _, Se as _t, Ua as a, K as at, vi as b, ne as bt, ma as c, We as ct, pa as d, je as dt, Ot as et, la as f, De as ft, ra as g, Te as gt, ca as h, Ae as ht, Ha as i, G as it, mr as j, E as jt, Mr as k, j as kt, ea as l, U as lt, sa as m, Ee as mt, Ga as n, Nt as nt, Ma as o, et as ot, ha as p, Oe as pt, _n as q, Va as r, _t as rt, Oa as s, W as st, eo as t, Ft as tt, ia as u, Ne as ut, oa as v, H as vt, Er as w, z as wt, qr as x, ae as xt, Oi as y, se as yt, Qn as z };
+export { Kt as $, Vr as A, M as At, gr as B, a as Bt, ti as C, se as Ct, Nr as D, B as Dt, Mr as E, V as Et, wr as F, E as Ft, Pn as G, ir as H, Sr as I, F as It, Mn as J, In as K, br as L, x as Lt, zr as M, A as Mt, Ir as N, j as Nt, Pr as O, z as Ot, xr as P, k as Pt, rn as Q, Tr as R, r as Rt, ei as S, H as St, Or as T, ae as Tt, Kn as U, hr as V, s as Vt, Vn as W, Cn as X, jn as Y, Gt as Z, Oa as _, Oe as _t, go as a, Bt as at, zi as b, Te as bt, Ba as c, G as ct, za as d, W as dt, Mt as et, Fa as f, We as ft, ka as g, De as gt, Pa as h, je as ht, ho as i, Nt as it, Lr as j, P as jt, Fr as k, T as kt, Ea as l, K as lt, Na as m, Ne as mt, vo as n, Ut as nt, io as o, Rt as ot, Va as p, U as pt, An as q, mo as r, Ht as rt, eo as s, St as st, Do as t, zt as tt, Aa as u, rt as ut, Ma as v, Ee as vt, ni as w, ne as wt, mi as x, Se as xt, Qi as y, Ae as yt, Er as z, o as zt };
 
 //# sourceMappingURL=core.js.map