@harmonics/lattice-ui 0.1.0 → 0.5.0

package/dist/{elements-DMimFemm.js → elements-Czlt91Ar.js}

@@ -1,77 +1,78 @@
+import { A as e, D as t, a as n, g as r, j as i, l as a, o, s } from "./hexes-DN9eyQho.js";
 //#region ../../node_modules/.bun/solid-js@1.9.17/node_modules/solid-js/dist/solid.js
-var e = {
+var c = {
 	context: void 0,
 	registry: void 0,
 	effects: void 0,
 	done: !1,
 	getContextId() {
-		return t(this.context.count);
+		return l(this.context.count);
 	},
 	getNextContextId() {
-		return t(this.context.count++);
+		return l(this.context.count++);
 	}
 };
-function t(t) {
-	let n = String(t), r = n.length - 1;
-	return e.context.id + (r ? String.fromCharCode(96 + r) : "") + n;
+function l(e) {
+	let t = String(e), n = t.length - 1;
+	return c.context.id + (n ? String.fromCharCode(96 + n) : "") + t;
 }
-function n(t) {
-	e.context = t;
+function u(e) {
+	c.context = e;
 }
-var r = (e, t) => e === t, i = Symbol("solid-track"), a = { equals: r }, o = null, s = fe, c = 1, l = 2, u = {
+var d = (e, t) => e === t, f = Symbol("solid-track"), p = { equals: d }, m = null, h = me, g = 1, _ = 2, v = {
 	owned: null,
 	cleanups: null,
 	context: null,
 	owner: null
-}, d = null, f = null, p = null, m = null, h = null, g = 0;
-function _(e, t) {
-	let n = p, r = d, i = e.length === 0, a = t === void 0 ? r : t, o = i ? u : {
+}, y = null, b = null, x = null, S = null, C = null, ee = 0;
+function w(e, t) {
+	let n = x, r = y, i = e.length === 0, a = t === void 0 ? r : t, o = i ? v : {
 		owned: null,
 		cleanups: null,
 		context: a ? a.context : null,
 		owner: a
-	}, s = i ? e : () => e(() => S(() => E(o)));
-	d = o, p = null;
+	}, s = i ? e : () => e(() => O(() => M(o)));
+	y = o, x = null;
 	try {
-		return T(s, !0);
+		return j(s, !0);
 	} finally {
-		p = n, d = r;
+		x = n, y = r;
 	}
 }
-function v(e, t) {
-	t = t ? Object.assign({}, a, t) : a;
+function T(e, t) {
+	t = t ? Object.assign({}, p, t) : p;
 	let n = {
 		value: e,
 		observers: null,
 		observerSlots: null,
 		comparator: t.equals || void 0
 	};
-	return [oe.bind(n), (e) => (typeof e == "function" && (e = f && f.running && f.sources.has(n) ? e(n.tValue) : e(n.value)), se(n, e))];
+	return [ce.bind(n), (e) => (typeof e == "function" && (e = b && b.running && b.sources.has(n) ? e(n.tValue) : e(n.value)), le(n, e))];
 }
-function y(e, t, n) {
-	w(le(e, t, !1, c));
+function E(e, t, n) {
+	A(de(e, t, !1, g));
 }
-function b(e, t, n) {
-	s = pe;
-	let r = le(e, t, !1, c), i = ae && re(ae);
-	i && (r.suspense = i), (!n || !n.render) && (r.user = !0), h ? h.push(r) : w(r);
+function te(e, t, n) {
+	h = he;
+	let r = de(e, t, !1, g), i = se && ae(se);
+	i && (r.suspense = i), (!n || !n.render) && (r.user = !0), C ? C.push(r) : A(r);
 }
-function x(e, t, n) {
-	n = n ? Object.assign({}, a, n) : a;
-	let r = le(e, t, !0, 0);
-	return r.observers = null, r.observerSlots = null, r.comparator = n.equals || void 0, w(r), oe.bind(r);
+function D(e, t, n) {
+	n = n ? Object.assign({}, p, n) : p;
+	let r = de(e, t, !0, 0);
+	return r.observers = null, r.observerSlots = null, r.comparator = n.equals || void 0, A(r), ce.bind(r);
 }
-function S(e) {
-	if (p === null) return e();
-	let t = p;
-	p = null;
+function O(e) {
+	if (x === null) return e();
+	let t = x;
+	x = null;
 	try {
 		return e();
 	} finally {
-		p = t;
+		x = t;
 	}
 }
-function ee(e, t, n) {
+function ne(e, t, n) {
 	let r = Array.isArray(e), i, a = n && n.defer;
 	return (n) => {
 		let o;
@@ -80,84 +81,84 @@ function ee(e, t, n) {
 			for (let t = 0; t < e.length; t++) o[t] = e[t]();
 		} else o = e();
 		if (a) return a = !1, n;
-		let s = S(() => t(o, i, n));
+		let s = O(() => t(o, i, n));
 		return i = o, s;
 	};
 }
-function C(e) {
-	return d === null || (d.cleanups === null ? d.cleanups = [e] : d.cleanups.push(e)), e;
+function k(e) {
+	return y === null || (y.cleanups === null ? y.cleanups = [e] : y.cleanups.push(e)), e;
 }
-var [te, ne] = /*@__PURE__*/ v(!1);
-function re(e) {
+var [re, ie] = /*@__PURE__*/ T(!1);
+function ae(e) {
 	let t;
-	return d && d.context && (t = d.context[e.id]) !== void 0 ? t : e.defaultValue;
+	return y && y.context && (t = y.context[e.id]) !== void 0 ? t : e.defaultValue;
 }
-function ie(e) {
-	let t = x(e), n = x(() => be(t()));
+function oe(e) {
+	let t = D(e), n = D(() => Se(t()));
 	return n.toArray = () => {
 		let e = n();
 		return Array.isArray(e) ? e : e == null ? [] : [e];
 	}, n;
 }
-var ae;
-function oe() {
-	let e = f && f.running;
+var se;
+function ce() {
+	let e = b && b.running;
 	if (this.sources && (e ? this.tState : this.state)) {
-		if ((e ? this.tState : this.state) === c) w(this);
+		if ((e ? this.tState : this.state) === g) A(this);
 		else {
-			let e = m;
-			m = null, T(() => me(this), !1), m = e;
+			let e = S;
+			S = null, j(() => ge(this), !1), S = e;
 		}
 	}
-	if (p) {
+	if (x) {
 		let e = this.observers;
-		if (!e || e[e.length - 1] !== p) {
+		if (!e || e[e.length - 1] !== x) {
 			let t = e ? e.length : 0;
-			p.sources ? (p.sources.push(this), p.sourceSlots.push(t)) : (p.sources = [this], p.sourceSlots = [t]), e ? (e.push(p), this.observerSlots.push(p.sources.length - 1)) : (this.observers = [p], this.observerSlots = [p.sources.length - 1]);
+			x.sources ? (x.sources.push(this), x.sourceSlots.push(t)) : (x.sources = [this], x.sourceSlots = [t]), e ? (e.push(x), this.observerSlots.push(x.sources.length - 1)) : (this.observers = [x], this.observerSlots = [x.sources.length - 1]);
 		}
 	}
-	return e && f.sources.has(this) ? this.tValue : this.value;
+	return e && b.sources.has(this) ? this.tValue : this.value;
 }
-function se(e, t, n) {
-	let r = f && f.running && f.sources.has(e) ? e.tValue : e.value;
+function le(e, t, n) {
+	let r = b && b.running && b.sources.has(e) ? e.tValue : e.value;
 	if (!e.comparator || !e.comparator(r, t)) {
-		if (f) {
-			let r = f.running;
-			(r || !n && f.sources.has(e)) && (f.sources.add(e), e.tValue = t), r || (e.value = t);
+		if (b) {
+			let r = b.running;
+			(r || !n && b.sources.has(e)) && (b.sources.add(e), e.tValue = t), r || (e.value = t);
 		} else e.value = t;
-		e.observers && e.observers.length && T(() => {
+		e.observers && e.observers.length && j(() => {
 			for (let t = 0; t < e.observers.length; t += 1) {
-				let n = e.observers[t], r = f && f.running;
-				r && f.disposed.has(n) || ((r ? !n.tState : !n.state) && (n.pure ? m.push(n) : h.push(n), n.observers && he(n)), r ? n.tState = c : n.state = c);
+				let n = e.observers[t], r = b && b.running;
+				r && b.disposed.has(n) || ((r ? !n.tState : !n.state) && (n.pure ? S.push(n) : C.push(n), n.observers && _e(n)), r ? n.tState = g : n.state = g);
 			}
-			if (m.length > 1e6) throw m = [], Error();
+			if (S.length > 1e6) throw S = [], Error();
 		}, !1);
 	}
 	return t;
 }
-function w(e) {
+function A(e) {
 	if (!e.fn) return;
-	E(e);
-	let t = g;
-	ce(e, f && f.running && f.sources.has(e) ? e.tValue : e.value, t), f && !f.running && f.sources.has(e) && queueMicrotask(() => {
-		T(() => {
-			f && (f.running = !0), p = d = e, ce(e, e.tValue, t), p = d = null;
+	M(e);
+	let t = ee;
+	ue(e, b && b.running && b.sources.has(e) ? e.tValue : e.value, t), b && !b.running && b.sources.has(e) && queueMicrotask(() => {
+		j(() => {
+			b && (b.running = !0), x = y = e, ue(e, e.tValue, t), x = y = null;
 		}, !1);
 	});
 }
-function ce(e, t, n) {
-	let r, i = d, a = p;
-	p = d = e;
+function ue(e, t, n) {
+	let r, i = y, a = x;
+	x = y = e;
 	try {
 		r = e.fn(t);
 	} catch (t) {
-		return e.pure && (f && f.running ? (e.tState = c, e.tOwned && e.tOwned.forEach(E), e.tOwned = void 0) : (e.state = c, e.owned && e.owned.forEach(E), e.owned = null)), e.updatedAt = n + 1, ye(t);
+		return e.pure && (b && b.running ? (e.tState = g, e.tOwned && e.tOwned.forEach(M), e.tOwned = void 0) : (e.state = g, e.owned && e.owned.forEach(M), e.owned = null)), e.updatedAt = n + 1, xe(t);
 	} finally {
-		p = a, d = i;
+		x = a, y = i;
 	}
-	(!e.updatedAt || e.updatedAt <= n) && (e.updatedAt != null && "observers" in e ? se(e, r, !0) : f && f.running && e.pure ? (f.sources.has(e) || (e.value = r), f.sources.add(e), e.tValue = r) : e.value = r, e.updatedAt = n);
+	(!e.updatedAt || e.updatedAt <= n) && (e.updatedAt != null && "observers" in e ? le(e, r, !0) : b && b.running && e.pure ? (b.sources.has(e) || (e.value = r), b.sources.add(e), e.tValue = r) : e.value = r, e.updatedAt = n);
 }
-function le(e, t, n, r = c, i) {
+function de(e, t, n, r = g, i) {
 	let a = {
 		fn: e,
 		state: r,
@@ -167,106 +168,106 @@ function le(e, t, n, r = c, i) {
 		sourceSlots: null,
 		cleanups: null,
 		value: t,
-		owner: d,
-		context: d ? d.context : null,
+		owner: y,
+		context: y ? y.context : null,
 		pure: n
 	};
-	return f && f.running && (a.state = 0, a.tState = r), d === null || d !== u && (f && f.running && d.pure ? d.tOwned ? d.tOwned.push(a) : d.tOwned = [a] : d.owned ? d.owned.push(a) : d.owned = [a]), a;
+	return b && b.running && (a.state = 0, a.tState = r), y === null || y !== v && (b && b.running && y.pure ? y.tOwned ? y.tOwned.push(a) : y.tOwned = [a] : y.owned ? y.owned.push(a) : y.owned = [a]), a;
 }
-function ue(e) {
-	let t = f && f.running;
+function fe(e) {
+	let t = b && b.running;
 	if ((t ? e.tState : e.state) === 0) return;
-	if ((t ? e.tState : e.state) === l) return me(e);
-	if (e.suspense && S(e.suspense.inFallback)) return e.suspense.effects.push(e);
+	if ((t ? e.tState : e.state) === _) return ge(e);
+	if (e.suspense && O(e.suspense.inFallback)) return e.suspense.effects.push(e);
 	let n = [e];
-	for (; (e = e.owner) && (!e.updatedAt || e.updatedAt < g);) {
-		if (t && f.disposed.has(e)) return;
+	for (; (e = e.owner) && (!e.updatedAt || e.updatedAt < ee);) {
+		if (t && b.disposed.has(e)) return;
 		(t ? e.tState : e.state) && n.push(e);
 	}
 	for (let r = n.length - 1; r >= 0; r--) {
 		if (e = n[r], t) {
 			let t = e, i = n[r + 1];
-			for (; (t = t.owner) && t !== i;) if (f.disposed.has(t)) return;
+			for (; (t = t.owner) && t !== i;) if (b.disposed.has(t)) return;
 		}
-		if ((t ? e.tState : e.state) === c) w(e);
-		else if ((t ? e.tState : e.state) === l) {
-			let t = m;
-			m = null, T(() => me(e, n[0]), !1), m = t;
+		if ((t ? e.tState : e.state) === g) A(e);
+		else if ((t ? e.tState : e.state) === _) {
+			let t = S;
+			S = null, j(() => ge(e, n[0]), !1), S = t;
 		}
 	}
 }
-function T(e, t) {
-	if (m) return e();
+function j(e, t) {
+	if (S) return e();
 	let n = !1;
-	t || (m = []), h ? n = !0 : h = [], g++;
+	t || (S = []), C ? n = !0 : C = [], ee++;
 	try {
 		let t = e();
-		return de(n), t;
+		return pe(n), t;
 	} catch (e) {
-		n || (h = null), m = null, ye(e);
+		n || (C = null), S = null, xe(e);
 	}
 }
-function de(e) {
-	if (m &&= (fe(m), null), e) return;
+function pe(e) {
+	if (S &&= (me(S), null), e) return;
 	let t;
-	if (f) {
-		if (!f.promises.size && !f.queue.size) {
-			let e = f.sources, n = f.disposed;
-			h.push.apply(h, f.effects), t = f.resolve;
-			for (let e of h) "tState" in e && (e.state = e.tState), delete e.tState;
-			f = null, T(() => {
-				for (let e of n) E(e);
+	if (b) {
+		if (!b.promises.size && !b.queue.size) {
+			let e = b.sources, n = b.disposed;
+			C.push.apply(C, b.effects), t = b.resolve;
+			for (let e of C) "tState" in e && (e.state = e.tState), delete e.tState;
+			b = null, j(() => {
+				for (let e of n) M(e);
 				for (let t of e) {
-					if (t.value = t.tValue, t.owned) for (let e = 0, n = t.owned.length; e < n; e++) E(t.owned[e]);
+					if (t.value = t.tValue, t.owned) for (let e = 0, n = t.owned.length; e < n; e++) M(t.owned[e]);
 					t.tOwned && (t.owned = t.tOwned), delete t.tValue, delete t.tOwned, t.tState = 0;
 				}
-				ne(!1);
+				ie(!1);
 			}, !1);
-		} else if (f.running) {
-			f.running = !1, f.effects.push.apply(f.effects, h), h = null, ne(!0);
+		} else if (b.running) {
+			b.running = !1, b.effects.push.apply(b.effects, C), C = null, ie(!0);
 			return;
 		}
 	}
-	let n = h;
-	h = null, n.length && T(() => s(n), !1), t && t();
+	let n = C;
+	C = null, n.length && j(() => h(n), !1), t && t();
 }
-function fe(e) {
-	for (let t = 0; t < e.length; t++) ue(e[t]);
+function me(e) {
+	for (let t = 0; t < e.length; t++) fe(e[t]);
 }
-function pe(t) {
-	let r, i = 0;
-	for (r = 0; r < t.length; r++) {
-		let e = t[r];
-		e.user ? t[i++] = e : ue(e);
-	}
-	if (e.context) {
-		if (e.count) {
-			e.effects ||= [], e.effects.push(...t.slice(0, i));
+function he(e) {
+	let t, n = 0;
+	for (t = 0; t < e.length; t++) {
+		let r = e[t];
+		r.user ? e[n++] = r : fe(r);
+	}
+	if (c.context) {
+		if (c.count) {
+			c.effects ||= [], c.effects.push(...e.slice(0, n));
 			return;
 		}
-		n();
+		u();
 	}
-	for (e.effects && (e.done || !e.count) && (t = [...e.effects, ...t], i += e.effects.length, delete e.effects), r = 0; r < i; r++) ue(t[r]);
+	for (c.effects && (c.done || !c.count) && (e = [...c.effects, ...e], n += c.effects.length, delete c.effects), t = 0; t < n; t++) fe(e[t]);
 }
-function me(e, t) {
-	let n = f && f.running;
+function ge(e, t) {
+	let n = b && b.running;
 	n ? e.tState = 0 : e.state = 0;
 	for (let r = 0; r < e.sources.length; r += 1) {
 		let i = e.sources[r];
 		if (i.sources) {
 			let e = n ? i.tState : i.state;
-			e === c ? i !== t && (!i.updatedAt || i.updatedAt < g) && ue(i) : e === l && me(i, t);
+			e === g ? i !== t && (!i.updatedAt || i.updatedAt < ee) && fe(i) : e === _ && ge(i, t);
 		}
 	}
 }
-function he(e) {
-	let t = f && f.running;
+function _e(e) {
+	let t = b && b.running;
 	for (let n = 0; n < e.observers.length; n += 1) {
 		let r = e.observers[n];
-		(t ? !r.tState : !r.state) && (t ? r.tState = l : r.state = l, r.pure ? m.push(r) : h.push(r), r.observers && he(r));
+		(t ? !r.tState : !r.state) && (t ? r.tState = _ : r.state = _, r.pure ? S.push(r) : C.push(r), r.observers && _e(r));
 	}
 }
-function E(e) {
+function M(e) {
 	let t;
 	if (e.sources) for (; e.sources.length;) {
 		let t = e.sources.pop(), n = e.sourceSlots.pop(), r = t.observers;
@@ -276,49 +277,49 @@ function E(e) {
 		}
 	}
 	if (e.tOwned) {
-		for (t = e.tOwned.length - 1; t >= 0; t--) E(e.tOwned[t]);
+		for (t = e.tOwned.length - 1; t >= 0; t--) M(e.tOwned[t]);
 		delete e.tOwned;
 	}
-	if (f && f.running && e.pure) ge(e, !0);
+	if (b && b.running && e.pure) ve(e, !0);
 	else if (e.owned) {
-		for (t = e.owned.length - 1; t >= 0; t--) E(e.owned[t]);
+		for (t = e.owned.length - 1; t >= 0; t--) M(e.owned[t]);
 		e.owned = null;
 	}
 	if (e.cleanups) {
 		for (t = e.cleanups.length - 1; t >= 0; t--) e.cleanups[t]();
 		e.cleanups = null;
 	}
-	f && f.running ? e.tState = 0 : e.state = 0;
+	b && b.running ? e.tState = 0 : e.state = 0;
 }
-function ge(e, t) {
-	if (t || (e.tState = 0, f.disposed.add(e)), e.owned) for (let t = 0; t < e.owned.length; t++) ge(e.owned[t]);
+function ve(e, t) {
+	if (t || (e.tState = 0, b.disposed.add(e)), e.owned) for (let t = 0; t < e.owned.length; t++) ve(e.owned[t]);
 }
-function _e(e) {
+function ye(e) {
 	return e instanceof Error ? e : Error(typeof e == "string" ? e : "Unknown error", { cause: e });
 }
-function ve(e, t, n) {
+function be(e, t, n) {
 	try {
 		for (let n of t) n(e);
 	} catch (e) {
-		ye(e, n && n.owner || null);
+		xe(e, n && n.owner || null);
 	}
 }
-function ye(e, t = d) {
-	let n = o && t && t.context && t.context[o], r = _e(e);
+function xe(e, t = y) {
+	let n = m && t && t.context && t.context[m], r = ye(e);
 	if (!n) throw r;
-	h ? h.push({
+	C ? C.push({
 		fn() {
-			ve(r, n, t);
+			be(r, n, t);
 		},
-		state: c
-	}) : ve(r, n, t);
+		state: g
+	}) : be(r, n, t);
 }
-function be(e) {
-	if (typeof e == "function" && !e.length) return be(e());
+function Se(e) {
+	if (typeof e == "function" && !e.length) return Se(e());
 	if (Array.isArray(e)) {
 		let t = [];
 		for (let n = 0; n < e.length; n++) {
-			let r = be(e[n]);
+			let r = Se(e[n]);
 			if (Array.isArray(r)) {
 				if (r.length < 32768) t.push.apply(t, r);
 				else for (let e = 0; e < r.length; e++) t.push(r[e]);
@@ -328,87 +329,87 @@ function be(e) {
 	}
 	return e;
 }
-var xe = Symbol("fallback");
-function Se(e) {
+var Ce = Symbol("fallback");
+function we(e) {
 	for (let t = 0; t < e.length; t++) e[t]();
 }
-function Ce(e, t, n = {}) {
-	let r = [], a = [], o = [], s = 0, c = t.length > 1 ? [] : null;
-	return C(() => Se(o)), () => {
-		let l = e() || [], u = l.length, d, f;
-		return l[i], S(() => {
-			let e, t, i, m, h, g, v, y, b;
-			if (u === 0) s !== 0 && (Se(o), o = [], r = [], a = [], s = 0, c &&= []), n.fallback && (r = [xe], a[0] = _((e) => (o[0] = e, n.fallback())), s = 1);
-			else if (s === 0) {
-				for (a = Array(u), f = 0; f < u; f++) r[f] = l[f], a[f] = _(p);
-				s = u;
+function Te(e, t, n = {}) {
+	let r = [], i = [], a = [], o = 0, s = t.length > 1 ? [] : null;
+	return k(() => we(a)), () => {
+		let c = e() || [], l = c.length, u, d;
+		return c[f], O(() => {
+			let e, t, f, m, h, g, _, v, y;
+			if (l === 0) o !== 0 && (we(a), a = [], r = [], i = [], o = 0, s &&= []), n.fallback && (r = [Ce], i[0] = w((e) => (a[0] = e, n.fallback())), o = 1);
+			else if (o === 0) {
+				for (i = Array(l), d = 0; d < l; d++) r[d] = c[d], i[d] = w(p);
+				o = l;
 			} else {
-				for (i = Array(u), m = Array(u), c && (h = Array(u)), g = 0, v = Math.min(s, u); g < v && r[g] === l[g]; g++);
-				for (v = s - 1, y = u - 1; v >= g && y >= g && r[v] === l[y]; v--, y--) i[y] = a[v], m[y] = o[v], c && (h[y] = c[v]);
-				for (e = /* @__PURE__ */ new Map(), t = Array(y + 1), f = y; f >= g; f--) b = l[f], d = e.get(b), t[f] = d === void 0 ? -1 : d, e.set(b, f);
-				for (d = g; d <= v; d++) b = r[d], f = e.get(b), f !== void 0 && f !== -1 ? (i[f] = a[d], m[f] = o[d], c && (h[f] = c[d]), f = t[f], e.set(b, f)) : o[d]();
-				for (f = g; f < u; f++) f in i ? (a[f] = i[f], o[f] = m[f], c && (c[f] = h[f], c[f](f))) : a[f] = _(p);
-				a = a.slice(0, s = u), r = l.slice(0);
+				for (f = Array(l), m = Array(l), s && (h = Array(l)), g = 0, _ = Math.min(o, l); g < _ && r[g] === c[g]; g++);
+				for (_ = o - 1, v = l - 1; _ >= g && v >= g && r[_] === c[v]; _--, v--) f[v] = i[_], m[v] = a[_], s && (h[v] = s[_]);
+				for (e = /* @__PURE__ */ new Map(), t = Array(v + 1), d = v; d >= g; d--) y = c[d], u = e.get(y), t[d] = u === void 0 ? -1 : u, e.set(y, d);
+				for (u = g; u <= _; u++) y = r[u], d = e.get(y), d !== void 0 && d !== -1 ? (f[d] = i[u], m[d] = a[u], s && (h[d] = s[u]), d = t[d], e.set(y, d)) : a[u]();
+				for (d = g; d < l; d++) d in f ? (i[d] = f[d], a[d] = m[d], s && (s[d] = h[d], s[d](d))) : i[d] = w(p);
+				i = i.slice(0, o = l), r = c.slice(0);
 			}
-			return a;
+			return i;
 		});
 		function p(e) {
-			if (o[f] = e, c) {
-				let [e, n] = v(f);
-				return c[f] = n, t(l[f], e);
+			if (a[d] = e, s) {
+				let [e, n] = T(d);
+				return s[d] = n, t(c[d], e);
 			}
-			return t(l[f]);
+			return t(c[d]);
 		}
 	};
 }
-function we(e, t, n = {}) {
-	let r = [], a = [], o = [], s = [], c = 0, l;
-	return C(() => Se(o)), () => {
-		let u = e() || [], d = u.length;
-		return u[i], S(() => {
-			if (d === 0) return c !== 0 && (Se(o), o = [], r = [], a = [], c = 0, s = []), n.fallback && (r = [xe], a[0] = _((e) => (o[0] = e, n.fallback())), c = 1), a;
-			for (r[0] === xe && (o[0](), o = [], r = [], a = [], c = 0), l = 0; l < d; l++) l < r.length && r[l] !== u[l] ? s[l](() => u[l]) : l >= r.length && (a[l] = _(f));
-			for (; l < r.length; l++) o[l]();
-			return c = s.length = o.length = d, r = u.slice(0), a = a.slice(0, c);
+function Ee(e, t, n = {}) {
+	let r = [], i = [], a = [], o = [], s = 0, c;
+	return k(() => we(a)), () => {
+		let l = e() || [], u = l.length;
+		return l[f], O(() => {
+			if (u === 0) return s !== 0 && (we(a), a = [], r = [], i = [], s = 0, o = []), n.fallback && (r = [Ce], i[0] = w((e) => (a[0] = e, n.fallback())), s = 1), i;
+			for (r[0] === Ce && (a[0](), a = [], r = [], i = [], s = 0), c = 0; c < u; c++) c < r.length && r[c] !== l[c] ? o[c](() => l[c]) : c >= r.length && (i[c] = w(d));
+			for (; c < r.length; c++) a[c]();
+			return s = o.length = a.length = u, r = l.slice(0), i = i.slice(0, s);
 		});
-		function f(e) {
-			o[l] = e;
-			let [n, r] = v(u[l]);
-			return s[l] = r, t(n, l);
+		function d(e) {
+			a[c] = e;
+			let [n, r] = T(l[c]);
+			return o[c] = r, t(n, c);
 		}
 	};
 }
-function D(e, t) {
-	return S(() => e(t || {}));
+function N(e, t) {
+	return O(() => e(t || {}));
 }
-var Te = (e) => `Stale read from <${e}>.`;
-function Ee(e) {
+var De = (e) => `Stale read from <${e}>.`;
+function Oe(e) {
 	let t = "fallback" in e && { fallback: () => e.fallback };
-	return x(Ce(() => e.each, e.children, t || void 0));
+	return D(Te(() => e.each, e.children, t || void 0));
 }
-function De(e) {
+function ke(e) {
 	let t = "fallback" in e && { fallback: () => e.fallback };
-	return x(we(() => e.each, e.children, t || void 0));
+	return D(Ee(() => e.each, e.children, t || void 0));
 }
-function Oe(e) {
-	let t = e.keyed, n = x(() => e.when, void 0, void 0), r = t ? n : x(n, void 0, { equals: (e, t) => !e == !t });
-	return x(() => {
+function Ae(e) {
+	let t = e.keyed, n = D(() => e.when, void 0, void 0), r = t ? n : D(n, void 0, { equals: (e, t) => !e == !t });
+	return D(() => {
 		let i = r();
 		if (i) {
 			let a = e.children;
-			return typeof a == "function" && a.length > 0 ? S(() => a(t ? i : () => {
-				if (!S(r)) throw Te("Show");
+			return typeof a == "function" && a.length > 0 ? O(() => a(t ? i : () => {
+				if (!O(r)) throw De("Show");
 				return n();
 			})) : a;
 		}
 		return e.fallback;
 	}, void 0, void 0);
 }
-function ke(e) {
-	let t = ie(() => e.children), n = x(() => {
+function je(e) {
+	let t = oe(() => e.children), n = D(() => {
 		let e = t(), n = Array.isArray(e) ? e : [e], r = () => void 0;
 		for (let e = 0; e < n.length; e++) {
-			let t = e, i = n[e], a = r, o = x(() => a() ? void 0 : i.when, void 0, void 0), s = i.keyed ? o : x(o, void 0, { equals: (e, t) => !e == !t });
+			let t = e, i = n[e], a = r, o = D(() => a() ? void 0 : i.when, void 0, void 0), s = i.keyed ? o : D(o, void 0, { equals: (e, t) => !e == !t });
 			r = () => a() || (s() ? [
 				t,
 				o,
@@ -417,22 +418,22 @@ function ke(e) {
 		}
 		return r;
 	});
-	return x(() => {
+	return D(() => {
 		let t = n()();
 		if (!t) return e.fallback;
 		let [r, i, a] = t, o = a.children;
-		return typeof o == "function" && o.length > 0 ? S(() => o(a.keyed ? i() : () => {
-			if (S(n)()?.[0] !== r) throw Te("Match");
+		return typeof o == "function" && o.length > 0 ? O(() => o(a.keyed ? i() : () => {
+			if (O(n)()?.[0] !== r) throw De("Match");
 			return i();
 		})) : o;
 	}, void 0, void 0);
 }
-function Ae(e) {
+function Me(e) {
 	return e;
 }
 //#endregion
 //#region ../../node_modules/.bun/solid-js@1.9.17/node_modules/solid-js/web/dist/web.js
-function je(e, t, n) {
+function Ne(e, t, n) {
 	let r = n.length, i = t.length, a = r, o = 0, s = 0, c = t[i - 1].nextSibling, l = null;
 	for (; o < i || s < a;) if (t[o] === n[s]) o++, s++;
 	else {
@@ -464,33 +465,33 @@ function je(e, t, n) {
 		}
 	}
 }
-function Me(e, t, n, r = {}) {
+function Pe(e, t, n, r = {}) {
 	let i;
-	return _((r) => {
-		i = r, t === document ? e() : A(t, e(), !n && t.firstChild ? null : void 0, n);
+	return w((r) => {
+		i = r, t === document ? e() : I(t, e(), !n && t.firstChild ? null : void 0, n);
 	}, r.owner), () => {
 		i(), t.textContent = "";
 	};
 }
-function O(e, t, n, r) {
+function P(e, t, n, r) {
 	let i, a = () => {
 		let t = r ? document.createElementNS("http://www.w3.org/1998/Math/MathML", "template") : document.createElement("template");
 		return t.innerHTML = e, n ? t.content.firstChild.firstChild : r ? t.firstChild : t.content.firstChild;
-	}, o = t ? () => S(() => document.importNode(i ||= a(), !0)) : () => (i ||= a()).cloneNode(!0);
+	}, o = t ? () => O(() => document.importNode(i ||= a(), !0)) : () => (i ||= a()).cloneNode(!0);
 	return o.cloneNode = o, o;
 }
-function k(e, t, n) {
-	Ne(e) || (n == null ? e.removeAttribute(t) : e.setAttribute(t, n));
+function F(e, t, n) {
+	Fe(e) || (n == null ? e.removeAttribute(t) : e.setAttribute(t, n));
 }
-function A(e, t, n, r) {
-	if (n !== void 0 && !r && (r = []), typeof t != "function") return Pe(e, t, r, n);
-	y((r) => Pe(e, t(), r, n), r);
+function I(e, t, n, r) {
+	if (n !== void 0 && !r && (r = []), typeof t != "function") return Ie(e, t, r, n);
+	E((r) => Ie(e, t(), r, n), r);
 }
-function Ne(t) {
-	return !!e.context && !e.done && (!t || t.isConnected);
+function Fe(e) {
+	return !!c.context && !c.done && (!e || e.isConnected);
 }
-function Pe(e, t, n, r, i) {
-	let a = Ne(e);
+function Ie(e, t, n, r, i) {
+	let a = Fe(e);
 	if (a) {
 		!n && (n = [...e.childNodes]);
 		let t = [];
@@ -507,19 +508,19 @@ function Pe(e, t, n, r, i) {
 		if (a || o === "number" && (t = t.toString(), t === n)) return n;
 		if (s) {
 			let i = n[0];
-			i && i.nodeType === 3 ? i.data !== t && (i.data = t) : i = document.createTextNode(t), n = j(e, n, r, i);
+			i && i.nodeType === 3 ? i.data !== t && (i.data = t) : i = document.createTextNode(t), n = L(e, n, r, i);
 		} else n = n !== "" && typeof n == "string" ? e.firstChild.data = t : e.textContent = t;
 	} else if (t == null || o === "boolean") {
 		if (a) return n;
-		n = j(e, n, r);
-	} else if (o === "function") return y(() => {
+		n = L(e, n, r);
+	} else if (o === "function") return E(() => {
 		let i = t();
 		for (; typeof i == "function";) i = i();
-		n = Pe(e, i, n, r);
+		n = Ie(e, i, n, r);
 	}), () => n;
 	else if (Array.isArray(t)) {
 		let o = [], c = n && Array.isArray(n);
-		if (Fe(o, t, n, i)) return y(() => n = Pe(e, o, n, r, !0)), () => n;
+		if (Le(o, t, n, i)) return E(() => n = Ie(e, o, n, r, !0)), () => n;
 		if (a) {
 			if (!o.length) return n;
 			if (r === void 0) return n = [...e.childNodes];
@@ -530,30 +531,30 @@ function Pe(e, t, n, r, i) {
 			return n = i;
 		}
 		if (o.length === 0) {
-			if (n = j(e, n, r), s) return n;
-		} else c ? n.length === 0 ? Ie(e, o, r) : je(e, n, o) : (n && j(e), Ie(e, o));
+			if (n = L(e, n, r), s) return n;
+		} else c ? n.length === 0 ? Re(e, o, r) : Ne(e, n, o) : (n && L(e), Re(e, o));
 		n = o;
 	} else if (t.nodeType) {
 		if (a && t.parentNode) return n = s ? [t] : t;
 		if (Array.isArray(n)) {
-			if (s) return n = j(e, n, r, t);
-			j(e, n, null, t);
+			if (s) return n = L(e, n, r, t);
+			L(e, n, null, t);
 		} else n == null || n === "" || !e.firstChild ? e.appendChild(t) : e.replaceChild(t, e.firstChild);
 		n = t;
 	}
 	return n;
 }
-function Fe(e, t, n, r) {
+function Le(e, t, n, r) {
 	let i = !1;
 	for (let a = 0, o = t.length; a < o; a++) {
 		let o = t[a], s = n && n[e.length], c;
 		if (o != null && o !== !0 && o !== !1) {
 			if ((c = typeof o) == "object" && o.nodeType) e.push(o);
-			else if (Array.isArray(o)) i = Fe(e, o, s) || i;
+			else if (Array.isArray(o)) i = Le(e, o, s) || i;
 			else if (c === "function") {
 				if (r) {
 					for (; typeof o == "function";) o = o();
-					i = Fe(e, Array.isArray(o) ? o : [o], Array.isArray(s) ? s : [s]) || i;
+					i = Le(e, Array.isArray(o) ? o : [o], Array.isArray(s) ? s : [s]) || i;
 				} else e.push(o), i = !0;
 			} else {
 				let t = String(o);
@@ -563,10 +564,10 @@ function Fe(e, t, n, r) {
 	}
 	return i;
 }
-function Ie(e, t, n = null) {
+function Re(e, t, n = null) {
 	for (let r = 0, i = t.length; r < i; r++) e.insertBefore(t[r], n);
 }
-function j(e, t, n, r) {
+function L(e, t, n, r) {
 	if (n === void 0) return e.textContent = "";
 	let i = r || document.createTextNode("");
 	if (t.length) {
@@ -583,8 +584,8 @@ function j(e, t, n, r) {
 }
 //#endregion
 //#region src/draw.ts
-var Le = (e) => `M ${e.map((e) => `${e.x} ${e.y}`).join(" L ")} Z`, Re = () => typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches, M = Math.sqrt(3), ze = (e) => `M${e.map((e) => `${Math.round(e.x * 100) / 100} ${Math.round(e.y * 100) / 100}`).join("L")}Z`;
-function Be(e, t = {
+var ze = (e) => `M ${e.map((e) => `${e.x} ${e.y}`).join(" L ")} Z`, Be = () => typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches, Ve = Math.sqrt(3), He = (e) => `M${e.map((e) => `${Math.round(e.x * 100) / 100} ${Math.round(e.y * 100) / 100}`).join("L")}Z`;
+function Ue(e, t = {
 	x: 0,
 	y: 0
 }) {
@@ -596,13 +597,13 @@ function Be(e, t = {
 		let t = e * Math.PI / 180;
 		return Math.abs(n * Math.cos(t) + r * Math.sin(t));
 	});
-	return Math.max(...i) / (M / 2);
+	return Math.max(...i) / (Ve / 2);
 }
-var Ve = /* @__PURE__ */ new Map();
-function He(e) {
-	let t = Ve.get(e);
+var We = /* @__PURE__ */ new Map();
+function Ge(e) {
+	let t = We.get(e);
 	if (t) return t;
-	let n = 120 / e, r = n * M / 2, i = (e, t) => ({
+	let n = 120 / e, r = n * Ve / 2, i = (e, t) => ({
 		x: r * t,
 		y: n * e + n / 2 * t
 	}), a = [];
@@ -619,7 +620,7 @@ function He(e) {
 			x: r.reduce((e, t) => e + t.x, 0) / 3 / 120,
 			y: r.reduce((e, t) => e + t.y, 0) / 3 / 120
 		};
-		Be(o) < .999 && a.push({
+		Ue(o) < .999 && a.push({
 			corners: r,
 			mid: o,
 			i: n,
@@ -627,25 +628,25 @@ function He(e) {
 			k: e
 		});
 	}
-	return Ve.set(e, a), a;
+	return We.set(e, a), a;
 }
-var N = 1 / 16, Ue = () => N * M / 2, We = (e) => {
-	let t = Math.round(e.x / Ue()), n = Math.round((e.y - N / 2 * t) / N);
+var R = 1 / 16, Ke = () => R * Ve / 2, qe = (e) => {
+	let t = Math.round(e.x / Ke()), n = Math.round((e.y - R / 2 * t) / R);
 	return {
-		x: Ue() * t,
-		y: N * n + N / 2 * t
+		x: Ke() * t,
+		y: R * n + R / 2 * t
 	};
-}, P = (e, t) => (n) => Be(n, We(e)) < Math.max(1, Math.round(t / N)) * N - 1e-6, Ge = (e, t, n) => (r) => ((r.x - e.x) / t) ** 2 + ((r.y - e.y) / n) ** 2 < 1, F = (e, t) => (n) => e.slice(1).some((r, i) => {
+}, z = (e, t) => (n) => Ue(n, qe(e)) < Math.max(1, Math.round(t / R)) * R - 1e-6, Je = (e, t, n) => (r) => ((r.x - e.x) / t) ** 2 + ((r.y - e.y) / n) ** 2 < 1, B = (e, t) => (n) => e.slice(1).some((r, i) => {
 	let a = e[i], o = r.x - a.x, s = r.y - a.y, c = Math.max(0, Math.min(1, ((n.x - a.x) * o + (n.y - a.y) * s) / (o * o + s * s)));
 	return Math.hypot(n.x - (a.x + c * o), n.y - (a.y + c * s)) < t;
-}), I = (e, t, n, r = 16) => Array.from({ length: r + 1 }, (i, a) => {
+}), V = (e, t, n, r = 16) => Array.from({ length: r + 1 }, (i, a) => {
 	let o = a / r, s = 1 - o;
 	return {
 		x: s * s * e.x + 2 * s * o * t.x + o * o * n.x,
 		y: s * s * e.y + 2 * s * o * t.y + o * o * n.y
 	};
-}), L = (...e) => (t) => e.every((e) => e(t)), Ke = (e) => (t) => !e(t), R = (...e) => (t) => e.some((e) => e(t)), qe = (e) => (t) => {
-	let n = e.map(We);
+}), H = (...e) => (t) => e.every((e) => e(t)), Ye = (e) => (t) => !e(t), U = (...e) => (t) => e.some((e) => e(t)), Xe = (e) => (t) => {
+	let n = e.map(qe);
 	return n.slice(1).some((e, r) => {
 		let i = n[r], a = e.x - i.x, o = e.y - i.y, s = ((t.x - i.x) * a + (t.y - i.y) * o) / (a * a + o * o);
 		if (s < 0 || s > 1) return !1;
@@ -653,9 +654,9 @@ var N = 1 / 16, Ue = () => N * M / 2, We = (e) => {
 			x: t.x - (i.x + s * a),
 			y: t.y - (i.y + s * o)
 		};
-		return (Math.abs(a) < 1e-9 ? c.x * Math.sign(i.x || 1) > 0 : c.y > 0) && Math.hypot(c.x, c.y) < Ue() * .999;
+		return (Math.abs(a) < 1e-9 ? c.x * Math.sign(i.x || 1) > 0 : c.y > 0) && Math.hypot(c.x, c.y) < Ke() * .999;
 	});
-}, Je = (e, t) => {
+}, Ze = (e, t) => {
 	let n = t * Math.tan(Math.PI / 6);
 	return [
 		{
@@ -668,34 +669,34 @@ var N = 1 / 16, Ue = () => N * M / 2, We = (e) => {
 			y: e.y - n
 		}
 	];
-}, z = (e) => R(e(-1), e(1)), B = -.18, V = .34, H = (e) => ({
-	x: e * V,
-	y: B
-}), Ye = (e) => (t) => Math.hypot(t.x - e.x, t.y - e.y) < N * .58, U = (e, t, n = 0) => (r) => e({
-	x: r.x - n * Ue(),
-	y: r.y - t * N - n * N / 2
-}), Xe = (e, t, n = 0) => e.map(([e, r]) => [e, U(r, t, n)]), Ze = (e, t, n = 0) => e > 0 && (e + n) % t < .16, W = (e, t) => e % t / t, Qe = (e, t) => Math.floor(e / t) % 2, $e = (e, t = .04) => qe(Je({
-	x: e * V,
-	y: B + t
-}, .14)), et = (e, t) => R(P({
+}, W = (e) => U(e(-1), e(1)), Qe = -.18, G = .34, K = (e) => ({
+	x: e * G,
+	y: Qe
+}), $e = (e) => (t) => Math.hypot(t.x - e.x, t.y - e.y) < R * .58, q = (e, t, n = 0) => (r) => e({
+	x: r.x - n * Ke(),
+	y: r.y - t * R - n * R / 2
+}), et = (e, t, n = 0) => e.map(([e, r]) => [e, q(r, t, n)]), tt = (e, t, n = 0) => e > 0 && (e + n) % t < .16, J = (e, t) => e % t / t, nt = (e, t) => Math.floor(e / t) % 2, rt = (e, t = .04) => Xe(Ze({
+	x: e * G,
+	y: Qe + t
+}, .14)), it = (e, t) => U(z({
 	x: e.x - .07 * t,
 	y: e.y - .04 * t
-}, .09 * t), P({
+}, .09 * t), z({
 	x: e.x + .07 * t,
 	y: e.y - .04 * t
-}, .09 * t), (n) => n.y > e.y - .04 * t && n.y < e.y + .2 * t && Math.abs(n.x - e.x) < .16 * t * (1 - (n.y - e.y + .04 * t) / (.24 * t))), tt = [
+}, .09 * t), (n) => n.y > e.y - .04 * t && n.y < e.y + .2 * t && Math.abs(n.x - e.x) < .16 * t * (1 - (n.y - e.y + .04 * t) / (.24 * t))), at = [
 	{
 		name: "Happy",
 		idle: "Bobs, blinks, cheeks glow",
 		at: (e) => {
-			let t = Ze(e, 3.4, 1), n = e > 0 && W(e, 2.4) < .5 ? .11 : .09;
-			return Xe([
-				["ink", z((e) => t ? $e(e) : P(H(e), .15))],
-				["glint", z((e) => t ? () => !1 : Ye({
-					x: e * V + .05,
+			let t = tt(e, 3.4, 1), n = e > 0 && J(e, 2.4) < .5 ? .11 : .09;
+			return et([
+				["ink", W((e) => t ? rt(e) : z(K(e), .15))],
+				["glint", W((e) => t ? () => !1 : $e({
+					x: e * G + .05,
 					y: -.22999999999999998
 				}))],
-				["ink", F(I({
+				["ink", B(V({
 					x: -.4,
 					y: .2
 				}, {
@@ -705,45 +706,45 @@ var N = 1 / 16, Ue = () => N * M / 2, We = (e) => {
 					x: .4,
 					y: .2
 				}), .045)],
-				["blush", z((e) => P({
+				["blush", W((e) => z({
 					x: e * .6,
 					y: .1
 				}, n))]
-			], e > 0 && W(e, 1.2) < .5 ? -1 : 0);
+			], e > 0 && J(e, 1.2) < .5 ? -1 : 0);
 		}
 	},
 	{
 		name: "Laughing",
 		idle: "Shakes with each ha",
 		at: (e) => {
-			let t = e > 0 && W(e, 1.8) < .6 ? Qe(e, .12) : 0, n = t ? .04 : 0;
-			return Xe([
-				["ink", z((e) => F(I({
-					x: e * V - .13,
+			let t = e > 0 && J(e, 1.8) < .6 ? nt(e, .12) : 0, n = t ? .04 : 0;
+			return et([
+				["ink", W((e) => B(V({
+					x: e * G - .13,
 					y: -.12
 				}, {
-					x: e * V,
+					x: e * G,
 					y: -.36
 				}, {
-					x: e * V + .13,
+					x: e * G + .13,
 					y: -.12
 				}), .04))],
-				["ink", L(Ge({
+				["ink", H(Je({
 					x: 0,
 					y: .16
 				}, .42, .36 + n), (e) => e.y > .16)],
-				["tongue", L(Ge({
+				["tongue", H(Je({
 					x: 0,
 					y: .16
-				}, .42, .36 + n), Ge({
+				}, .42, .36 + n), Je({
 					x: 0,
 					y: .5 + n
 				}, .22, .12))],
-				["glint", L(Ge({
+				["glint", H(Je({
 					x: 0,
 					y: .16
 				}, .42, .36), (e) => e.y > .16 && e.y < .22)],
-				["blush", z((e) => P({
+				["blush", W((e) => z({
 					x: e * .62,
 					y: .06
 				}, .09))]
@@ -754,21 +755,21 @@ var N = 1 / 16, Ue = () => N * M / 2, We = (e) => {
 		name: "Sad",
 		idle: "A tear runs down; the lip trembles",
 		at: (e) => {
-			let t = Ze(e, 4.2, 2), n = .06 + (e > 0 ? W(e, 2) : 0) * .5, r = e > 0 ? Qe(e, .2) : 0;
+			let t = tt(e, 4.2, 2), n = .06 + (e > 0 ? J(e, 2) : 0) * .5, r = e > 0 ? nt(e, .2) : 0;
 			return [
-				["ink", z((e) => t ? $e(e) : P(H(e), .13))],
-				["glint", z((e) => t ? () => !1 : Ye({
-					x: e * V + .04,
+				["ink", W((e) => t ? rt(e) : z(K(e), .13))],
+				["glint", W((e) => t ? () => !1 : $e({
+					x: e * G + .04,
 					y: -.22
 				}))],
-				["ink", z((e) => F([{
+				["ink", W((e) => B([{
 					x: e * .52,
 					y: -.36
 				}, {
 					x: e * .2,
 					y: -.46
 				}], .035))],
-				["ink", U(F(I({
+				["ink", q(B(V({
 					x: -.3,
 					y: .46
 				}, {
@@ -778,10 +779,10 @@ var N = 1 / 16, Ue = () => N * M / 2, We = (e) => {
 					x: .3,
 					y: .46
 				}), .04), r)],
-				["tear", R(P({
+				["tear", U(z({
 					x: -.34,
 					y: n
-				}, .06), P({
+				}, .06), z({
 					x: -.34,
 					y: n + .12
 				}, .08))]
@@ -797,11 +798,11 @@ var N = 1 / 16, Ue = () => N * M / 2, We = (e) => {
 				-1,
 				0,
 				1
-			][Math.floor(W(e, 3.2) * 4)] : 0, n = e > 0 && W(e, 1.6) < .18 ? -1 : 0;
+			][Math.floor(J(e, 3.2) * 4)] : 0, n = e > 0 && J(e, 1.6) < .18 ? -1 : 0;
 			return [
-				["ink", z((e) => L(P(H(e), .19), Ke(P(H(e), .14))))],
-				["ink", z((e) => U(P(H(e), .07), 0, t))],
-				["ink", z((e) => U(F(I({
+				["ink", W((e) => H(z(K(e), .19), Ye(z(K(e), .14))))],
+				["ink", W((e) => q(z(K(e), .07), 0, t))],
+				["ink", W((e) => q(B(V({
 					x: e * .52,
 					y: -.42
 				}, {
@@ -811,10 +812,10 @@ var N = 1 / 16, Ue = () => N * M / 2, We = (e) => {
 					x: e * .16,
 					y: -.44
 				}), .035), n))],
-				["ink", L(P({
+				["ink", H(z({
 					x: 0,
 					y: .36
-				}, .17), Ke(P({
+				}, .17), Ye(z({
 					x: 0,
 					y: .36
 				}, .09)))]
@@ -825,16 +826,16 @@ var N = 1 / 16, Ue = () => N * M / 2, We = (e) => {
 		name: "Angry",
 		idle: "Fumes and shakes",
 		at: (e) => {
-			let t = e > 0 && W(e, 2) < .4 ? Qe(e, .07) ? 1 : -1 : 0, n = +(e > 0 && W(e, 2) > .5), r = e > 0 ? W(e, 1) : -1, i = [
-				["ink", z((e) => L(P(H(e), .15), (t) => t.y > -.26 + .4 * (-e * (t.x - e * V))))],
-				["ink", z((e) => U(F([{
+			let t = e > 0 && J(e, 2) < .4 ? nt(e, .07) ? 1 : -1 : 0, n = +(e > 0 && J(e, 2) > .5), r = e > 0 ? J(e, 1) : -1, i = [
+				["ink", W((e) => H(z(K(e), .15), (t) => t.y > -.26 + .4 * (-e * (t.x - e * G))))],
+				["ink", W((e) => q(B([{
 					x: e * .58,
 					y: -.44
 				}, {
 					x: e * .12,
 					y: -.28
 				}], .045), n))],
-				["ink", F(I({
+				["ink", B(V({
 					x: -.32,
 					y: .42
 				}, {
@@ -845,10 +846,10 @@ var N = 1 / 16, Ue = () => N * M / 2, We = (e) => {
 					y: .42
 				}), .045)]
 			];
-			return r >= 0 && i.push(["tear", z((e) => P({
+			return r >= 0 && i.push(["tear", W((e) => z({
 				x: e * (.5 + r * .04),
 				y: -.46 - r * .14
-			}, .05 + r * .03))]), Xe(i, 0, t);
+			}, .05 + r * .03))]), et(i, 0, t);
 		}
 	},
 	{
@@ -862,28 +863,28 @@ var N = 1 / 16, Ue = () => N * M / 2, We = (e) => {
 				0,
 				1,
 				1
-			][Math.floor(W(e, 3) * 6)] : 0, n = e > 0 ? W(e, 2.2) : 0, r = e > 0 && Qe(e, .3) ? -1 : 1;
+			][Math.floor(J(e, 3) * 6)] : 0, n = e > 0 ? J(e, 2.2) : 0, r = e > 0 && nt(e, .3) ? -1 : 1;
 			return [
-				["ink", z((e) => U(P(H(e), .14), 0, t))],
-				["glint", z((e) => U(Ye({
-					x: e * V + .04,
+				["ink", W((e) => q(z(K(e), .14), 0, t))],
+				["glint", W((e) => q($e({
+					x: e * G + .04,
 					y: -.22999999999999998
 				}), 0, t))],
-				["ink", z((e) => F([{
+				["ink", W((e) => B([{
 					x: e * .54,
 					y: -.38
 				}, {
 					x: e * .16,
 					y: -.5
 				}], .035))],
-				["ink", F(Array.from({ length: 9 }, (e, t) => ({
+				["ink", B(Array.from({ length: 9 }, (e, t) => ({
 					x: -.4 + t * .1,
 					y: .36 + (t % 2 == 0 ? .04 : -.04) * r
 				})), .035)],
-				["tear", R(P({
+				["tear", U(z({
 					x: .66,
 					y: -.46 + n * .3
-				}, .06), P({
+				}, .06), z({
 					x: .66,
 					y: -.34 + n * .3
 				}, .08))]
@@ -894,14 +895,14 @@ var N = 1 / 16, Ue = () => N * M / 2, We = (e) => {
 		name: "Sleepy",
 		idle: "Breathes in its bubble",
 		at: (e) => {
-			let t = e > 0 ? W(e, 3) : .3, n = t > .92, r = .13 + Math.sin(Math.PI * Math.min(1, t / .92)) * .09, i = e > 0 ? W(e, 2.4) : 0, a = [
-				["ink", z((e) => {
-					let t = Je({
-						x: e * V,
+			let t = e > 0 ? J(e, 3) : .3, n = t > .92, r = .13 + Math.sin(Math.PI * Math.min(1, t / .92)) * .09, i = e > 0 ? J(e, 2.4) : 0, a = [
+				["ink", W((e) => {
+					let t = Ze({
+						x: e * G,
 						y: -.13
 					}, .16), n = Math.tan(Math.PI / 6), r = (t, r) => {
-						let i = e * (V + t), a = -.13 - t * n;
-						return qe([{
+						let i = e * (G + t), a = -.13 - t * n;
+						return Xe([{
 							x: i,
 							y: a + .02
 						}, {
@@ -909,31 +910,31 @@ var N = 1 / 16, Ue = () => N * M / 2, We = (e) => {
 							y: a + .02 + r
 						}]);
 					};
-					return R(qe(t), r(.04, .05), r(.09, .06), r(.14, .05));
+					return U(Xe(t), r(.04, .05), r(.09, .06), r(.14, .05));
 				})],
-				["blush", z((e) => P({
+				["blush", W((e) => z({
 					x: e * .56,
 					y: .16
 				}, .09))],
-				["ink", L(P({
+				["ink", H(z({
 					x: 0,
 					y: .42
-				}, .12), Ke(P({
+				}, .12), Ye(z({
 					x: 0,
 					y: .42
 				}, .06)))],
-				["tear", R(P({
+				["tear", U(z({
 					x: .42,
 					y: -.44 - i * .1
-				}, .04), P({
+				}, .04), z({
 					x: .5,
 					y: -.58 - i * .1
 				}, .06))]
 			];
-			return n || a.push(["tear", L(P({
+			return n || a.push(["tear", H(z({
 				x: .2,
 				y: .18
-			}, r), Ke(P({
+			}, r), Ye(z({
 				x: .2,
 				y: .18
 			}, r - .06)))]), a;
@@ -943,24 +944,24 @@ var N = 1 / 16, Ue = () => N * M / 2, We = (e) => {
 		name: "Wink",
 		idle: "Winks again",
 		at: (e) => {
-			let t = e > 0 && W(e, 2.6) > .7 && W(e, 2.6) < .85, n = e > 0 && W(e, 2.6) < .3 ? .11 : .09;
+			let t = e > 0 && J(e, 2.6) > .7 && J(e, 2.6) < .85, n = e > 0 && J(e, 2.6) < .3 ? .11 : .09;
 			return [
-				["ink", P(H(-1), .15)],
-				["glint", Ye({
+				["ink", z(K(-1), .15)],
+				["glint", $e({
 					x: -.34 + .05,
 					y: -.22999999999999998
 				})],
-				t ? ["ink", P(H(1), .15)] : ["ink", F(I({
+				t ? ["ink", z(K(1), .15)] : ["ink", B(V({
 					x: .19000000000000003,
-					y: B
+					y: Qe
 				}, {
-					x: V,
+					x: G,
 					y: -.3
 				}, {
 					x: .49,
-					y: B
+					y: Qe
 				}), .04)],
-				["ink", F(I({
+				["ink", B(V({
 					x: -.3,
 					y: .32
 				}, {
@@ -970,7 +971,7 @@ var N = 1 / 16, Ue = () => N * M / 2, We = (e) => {
 					x: .38,
 					y: .22
 				}), .045)],
-				["blush", P({
+				["blush", z({
 					x: .6,
 					y: .1
 				}, n)]
@@ -981,11 +982,11 @@ var N = 1 / 16, Ue = () => N * M / 2, We = (e) => {
 		name: "Smitten",
 		idle: "Hearts beat",
 		at: (e) => {
-			let t = e > 0 ? W(e, 1.1) : .9, n = t < .12 || t > .24 && t < .36 ? 1.3 : 1;
-			return [["blush", z((e) => et({
-				x: e * V,
-				y: B
-			}, n))], ["ink", F(I({
+			let t = e > 0 ? J(e, 1.1) : .9, n = t < .12 || t > .24 && t < .36 ? 1.3 : 1;
+			return [["blush", W((e) => it({
+				x: e * G,
+				y: Qe
+			}, n))], ["ink", B(V({
 				x: -.34,
 				y: .24
 			}, {
@@ -997,30 +998,30 @@ var N = 1 / 16, Ue = () => N * M / 2, We = (e) => {
 			}), .045)]];
 		}
 	}
-], nt = (e, t) => {
+], ot = (e, t) => {
 	let n = "plate";
 	for (let [r, i] of e) i(t) && (n = r);
 	return n;
-}, rt = (e) => e.k === 0 ? "right" : "left";
-function it(e, t, n) {
-	let r = He(t);
-	N = 1 / t;
-	let i = r.map((t) => nt(e, t.mid)), a = r.map(() => "top"), o = Math.max(1, Math.round(.035 / N)), s = (t, n) => nt(e, {
+}, st = (e) => e.k === 0 ? "right" : "left";
+function ct(e, t, n) {
+	let r = Ge(t);
+	R = 1 / t;
+	let i = r.map((t) => ot(e, t.mid)), a = r.map(() => "top"), o = Math.max(1, Math.round(.035 / R)), s = (t, n) => ot(e, {
 		x: t.mid.x,
-		y: t.mid.y - n * N
+		y: t.mid.y - n * R
 	});
 	return r.forEach((e, t) => {
 		let r = i[t];
 		if (n === "raised" && r === "plate") for (let n = 1; n <= o; n++) {
 			let r = s(e, n);
 			if (r !== "plate" && r !== "glint") {
-				i[t] = r, a[t] = rt(e);
+				i[t] = r, a[t] = st(e);
 				break;
 			}
 		}
 		else if (n === "carved" && r !== "plate" && r !== "glint") {
 			for (let n = 1; n <= o; n++) if (s(e, n) === "plate") {
-				a[t] = rt(e);
+				a[t] = st(e);
 				break;
 			}
 		} else if (n === "cubes" && r !== "plate" && r !== "glint") {
@@ -1033,8 +1034,8 @@ function it(e, t, n) {
 				[e.i + 1, e.j + 1],
 				[e.i + 1, e.j]
 			]).find(([e, t]) => ((t - e) % 3 + 3) % 3 == 0), r = {
-				x: M / 2 * N * n[1],
-				y: N * n[0] + N / 2 * n[1]
+				x: Ve / 2 * R * n[1],
+				y: R * n[0] + R / 2 * n[1]
 			}, i = (Math.atan2(e.mid.x - r.x, -(e.mid.y - r.y)) * 180 / Math.PI + 360) % 360;
 			a[t] = i < 60 || i >= 300 ? "top" : i < 180 ? "right" : "left";
 		}
@@ -1043,7 +1044,7 @@ function it(e, t, n) {
 		shades: a
 	};
 }
-function at(e, t, n) {
+function lt(e, t, n) {
 	let r = /* @__PURE__ */ new Map();
 	return e.forEach((e, i) => {
 		let a = t[i], o = n?.[i] ?? "top", s = `${a}:${o}`, c = r.get(s) ?? {
@@ -1051,7 +1052,7 @@ function at(e, t, n) {
 			shade: o,
 			d: []
 		};
-		c.d.push(ze(e.corners)), r.set(s, c);
+		c.d.push(He(e.corners)), r.set(s, c);
 	}), [...r.values()].map((e) => ({
 		ink: e.ink,
 		shade: e.shade,
@@ -1060,29 +1061,29 @@ function at(e, t, n) {
 }
 //#endregion
 //#region src/faceDrawing.tsx
-var ot = /*#__PURE__*/ O("<svg><path class=facet></svg>", !1, !0, !1), st = 16, ct = 1400, lt = 300, ut = 100;
-function dt(e, t) {
+var ut = /*#__PURE__*/ P("<svg><path class=facet></svg>", !1, !0, !1), dt = 16, ft = 1400, pt = 300, mt = 100;
+function ht(e, t) {
 	let n = (e) => ({
 		x: e.x,
 		y: e.y - t
 	}), [, , r, i, a] = e;
 	return {
-		shade: ze([
+		shade: He([
 			a,
 			i,
 			n(i),
 			n(a)
 		]),
-		shadow: ze([
+		shadow: He([
 			i,
 			r,
 			n(r),
 			n(i)
 		]),
-		top: ze(e.map(n))
+		top: He(e.map(n))
 	};
 }
-var ft = {
+var gt = {
 	happy: "Happy",
 	content: "Happy",
 	asleep: "Sleepy",
@@ -1090,43 +1091,43 @@ var ft = {
 	distressed: "Worried",
 	puzzled: "Surprised",
 	relieved: "Laughing"
-}, pt = (e) => tt.find((t) => t.name.toLowerCase() === e.trim().toLowerCase()), mt = (e) => pt(ft[e]) ?? tt[0], ht = pt("Laughing");
-function gt(e, t) {
-	let n = it(e.at(t), st, "raised");
-	return at(He(st), n.inks, n.shades);
-}
-function _t(e) {
-	let t = () => Re() || (e.still?.() ?? !1), [n, r] = v(!1), i;
-	b(ee(e.pulse, (e, n) => {
-		n === void 0 || e === n || t() || (r(!0), clearTimeout(i), i = setTimeout(() => r(!1), ct));
+}, _t = (e) => at.find((t) => t.name.toLowerCase() === e.trim().toLowerCase()), vt = (e) => _t(gt[e]) ?? at[0], yt = _t("Laughing");
+function bt(e, t) {
+	let n = ct(e.at(t), dt, "raised");
+	return lt(Ge(dt), n.inks, n.shades);
+}
+function xt(e) {
+	let t = () => Be() || (e.still?.() ?? !1), [n, r] = T(!1), i;
+	te(ne(e.pulse, (e, n) => {
+		n === void 0 || e === n || t() || (r(!0), clearTimeout(i), i = setTimeout(() => r(!1), ft));
 	}));
-	let [a, o] = v(0);
-	b(() => {
+	let [a, o] = T(0);
+	te(() => {
 		if (t()) {
 			o(0);
 			return;
 		}
-		let e = performance.now(), n = setInterval(() => o((performance.now() - e) / 1e3), ut);
-		C(() => clearInterval(n));
-	}), C(() => clearTimeout(i));
-	let s = x(() => n() ? ht : e.expression()), c = x(() => gt(s(), a())), [l, u] = v(), d;
-	return b(ee(s, (e, n) => {
-		n && !t() && (u(gt(n, a())), clearTimeout(d), d = setTimeout(() => u(void 0), lt));
-	})), C(() => clearTimeout(d)), {
+		let e = performance.now(), n = setInterval(() => o((performance.now() - e) / 1e3), mt);
+		k(() => clearInterval(n));
+	}), k(() => clearTimeout(i));
+	let s = D(() => n() ? yt : e.expression()), c = D(() => bt(s(), a())), [l, u] = T(), d;
+	return te(ne(s, (e, n) => {
+		n && !t() && (u(bt(n, a())), clearTimeout(d), d = setTimeout(() => u(void 0), pt));
+	})), k(() => clearTimeout(d)), {
 		face: c,
 		leaving: l
 	};
 }
-function vt(e) {
-	return D(De, {
+function St(e) {
+	return N(ke, {
 		get each() {
 			return e.drawing;
 		},
 		children: (e) => (() => {
-			var t = ot();
-			return y((n) => {
+			var t = ut();
+			return E((n) => {
 				var r = e().ink, i = e().shade, a = e().d;
-				return r !== n.e && k(t, "data-ink", n.e = r), i !== n.t && k(t, "data-shade", n.t = i), a !== n.a && k(t, "d", n.a = a), n;
+				return r !== n.e && F(t, "data-ink", n.e = r), i !== n.t && F(t, "data-shade", n.t = i), a !== n.a && F(t, "d", n.a = a), n;
 			}, {
 				e: void 0,
 				t: void 0,
@@ -1137,18 +1138,18 @@ function vt(e) {
 }
 //#endregion
 //#region src/elements/face.css?inline
-var yt = ".face .plate-top{fill:var(--color-tree-raised);stroke:color-mix(in srgb, var(--color-tree-wood-0) 60%, var(--sky));stroke-width:var(--tree-rule-width);stroke-linejoin:round}.face .plate-shade{fill:color-mix(in srgb, var(--color-tree-wood-0) 45%, var(--sky))}.face .plate-shadow{fill:color-mix(in srgb, var(--color-tree-wood-0) 70%, var(--sky))}.face .facet{--ink:color-mix(in srgb, var(--color-tree-wood-0) 40%, var(--color-tree-ink));fill:var(--ink);stroke:var(--ink);stroke-width:var(--tree-rule-width);stroke-linejoin:round;vector-effect:non-scaling-stroke}.face .facet[data-ink=plate]{fill:none;stroke:color-mix(in srgb, var(--color-tree-wood-0) 14%, var(--color-tree-raised))}.face .facet[data-ink=glint]{--ink:var(--color-tree-raised)}.face .facet[data-ink=blush]{--ink:color-mix(in srgb, var(--color-tree-alert) 55%, var(--color-tree-raised))}.face .facet[data-ink=tear]{--ink:var(--color-tree-wood-2)}.face .facet[data-ink=tongue]{--ink:color-mix(in srgb, var(--color-tree-alert) 75%, var(--color-tree-raised))}.face .facet[data-shade=left]{fill:color-mix(in srgb, var(--ink) 72%, var(--color-tree-ink));stroke:color-mix(in srgb, var(--ink) 72%, var(--color-tree-ink))}.face .facet[data-shade=right]{fill:color-mix(in srgb, var(--ink) 48%, var(--color-tree-ink));stroke:color-mix(in srgb, var(--ink) 48%, var(--color-tree-ink))}.face .facet[data-ink=ink][data-shade=top]{fill:color-mix(in srgb, var(--color-tree-wood-0) 70%, var(--color-tree-ink));stroke:color-mix(in srgb, var(--color-tree-wood-0) 70%, var(--color-tree-ink))}.face .facet[data-ink=ink][data-shade=left]{fill:color-mix(in srgb, var(--color-tree-wood-0) 35%, var(--color-tree-ink));stroke:color-mix(in srgb, var(--color-tree-wood-0) 35%, var(--color-tree-ink))}.face .facet[data-ink=ink][data-shade=right]{fill:var(--color-tree-ink);stroke:var(--color-tree-ink)}.face .face-leaving{animation:.3s ease-in forwards face-sink}@keyframes face-sink{to{opacity:0;transform:translateY(var(--space-tree-2))}}@media (prefers-reduced-motion:reduce){.face .face-leaving{animation:none}}", bt = ":root{--color-primary:#6f9584;--color-secondary:#55524b;--color-neutral:#f7f5f0;--color-surface:var(--color-neutral);--color-on-surface:#2b2a27;--color-on-surface-muted:var(--color-secondary);--color-edge:var(--color-neutral);--color-error:#b3261e;--color-depth-0:#c9d6cf;--color-depth-1:#b7c9c0;--color-depth-2:#a5bcb1;--color-depth-3:#93afa2;--color-depth-4:#81a293;--color-depth-5:var(--color-primary);--color-cell-empty:#e4ebe6;--color-tree-sky:#f4f4f0;--color-tree-earth:#2a302c;--color-tree-topsoil:#1f2522;--color-tree-raised:#fff;--color-tree-ink:#1e2219;--color-tree-ink-soft:#565c50;--color-tree-rule:#cfd1c9;--color-tree-on-ink:#f7f6f0;--color-tree-ink-under:#e8eae2;--color-tree-ink-under-soft:#b4bbae;--color-tree-rule-under:#414945;--color-tree-raised-under:#343b37;--color-tree-alert:#a3441e;--color-tree-wood-0:#705f4a;--color-tree-wood-1:#9a7b3c;--color-tree-wood-2:#566c78;--color-tree-wood-3:#6f5873;--color-tree-wood-4:#5f7a57;--color-tree-wood-under-0:#b5a48e;--color-tree-wood-under-1:#d4b26a;--color-tree-wood-under-2:#97b2c0;--color-tree-wood-under-3:#b79bbe;--color-tree-wood-under-4:#9dbb94;--color-tree-leaf:#546d41;--color-tree-leaf-under:#9dbb94;--color-tree-olive:#3e3348;--color-tree-olive-under:#b7a9cf;--color-tree-shadow:#00000040;--color-tree-lattice-sky:#1e22190d;--color-tree-lattice-earth:#e8eae20f;--font-body:400 15px/1.5 Atkinson Hyperlegible Next Variable, system-ui, sans-serif;--font-body-family:Atkinson Hyperlegible Next Variable, system-ui, sans-serif;--font-body-size:15px;--font-body-weight:400;--font-body-leading:1.5;--font-goal:600 15px/1.3 Atkinson Hyperlegible Next Variable, system-ui, sans-serif;--font-goal-family:Atkinson Hyperlegible Next Variable, system-ui, sans-serif;--font-goal-size:15px;--font-goal-weight:600;--font-goal-leading:1.3;--font-label:400 14px/1.3 Atkinson Hyperlegible Next Variable, system-ui, sans-serif;--font-label-family:Atkinson Hyperlegible Next Variable, system-ui, sans-serif;--font-label-size:14px;--font-label-weight:400;--font-label-leading:1.3;--font-excerpt:400 13px/1.4 Atkinson Hyperlegible Next Variable, system-ui, sans-serif;--font-excerpt-family:Atkinson Hyperlegible Next Variable, system-ui, sans-serif;--font-excerpt-size:13px;--font-excerpt-weight:400;--font-excerpt-leading:1.4;--font-tree-body:400 .8125rem/1.5 Roboto Mono Variable, Menlo, monospace;--font-tree-body-family:Roboto Mono Variable, Menlo, monospace;--font-tree-body-size:.8125rem;--font-tree-body-weight:400;--font-tree-body-leading:1.5;--font-tree-tight:400 .8125rem/1.1 Roboto Mono Variable, Menlo, monospace;--font-tree-tight-family:Roboto Mono Variable, Menlo, monospace;--font-tree-tight-size:.8125rem;--font-tree-tight-weight:400;--font-tree-tight-leading:1.1;--font-tree-small:400 .75rem Roboto Mono Variable, Menlo, monospace;--font-tree-small-family:Roboto Mono Variable, Menlo, monospace;--font-tree-small-size:.75rem;--font-tree-small-weight:400;--font-tree-lead:400 .875rem Roboto Mono Variable, Menlo, monospace;--font-tree-lead-family:Roboto Mono Variable, Menlo, monospace;--font-tree-lead-size:.875rem;--font-tree-lead-weight:400;--font-tree-title:400 1rem Roboto Mono Variable, Menlo, monospace;--font-tree-title-family:Roboto Mono Variable, Menlo, monospace;--font-tree-title-size:1rem;--font-tree-title-weight:400;--font-tree-italic:400 .8125rem Victor Mono Variable, Menlo, monospace;--font-tree-italic-family:Victor Mono Variable, Menlo, monospace;--font-tree-italic-size:.8125rem;--font-tree-italic-weight:400;--font-tree-voice:600 1.125rem/1.2 Roboto Mono Variable, Menlo, monospace;--font-tree-voice-family:Roboto Mono Variable, Menlo, monospace;--font-tree-voice-size:1.125rem;--font-tree-voice-weight:600;--font-tree-voice-leading:1.2;--font-tree-voice-lead:600 .9375rem Roboto Mono Variable, Menlo, monospace;--font-tree-voice-lead-family:Roboto Mono Variable, Menlo, monospace;--font-tree-voice-lead-size:.9375rem;--font-tree-voice-lead-weight:600;--font-tree-label:400 12px Roboto Mono Variable, Menlo, monospace;--font-tree-label-family:Roboto Mono Variable, Menlo, monospace;--font-tree-label-size:12px;--font-tree-label-weight:400;--font-tree-heading:400 12px Roboto Mono Variable, Menlo, monospace;--font-tree-heading-family:Roboto Mono Variable, Menlo, monospace;--font-tree-heading-size:12px;--font-tree-heading-weight:400;--font-tree-section:400 14px Roboto Mono Variable, Menlo, monospace;--font-tree-section-family:Roboto Mono Variable, Menlo, monospace;--font-tree-section-size:14px;--font-tree-section-weight:400;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-tree-1:.25rem;--space-tree-2:.5rem;--space-tree-3:.75rem;--space-tree-4:1rem;--space-tree-5:1.5rem;--space-tree-6:2.5rem;--space-tree-7:4rem;--radius-tree:.375rem;--canvas-background-color:var(--color-surface);--canvas-text-color:var(--color-on-surface);--canvas-typography:var(--font-body);--canvas-padding:var(--space-md);--goal-background-color:var(--color-surface);--goal-text-color:var(--color-on-surface);--goal-typography:var(--font-goal);--goal-padding:var(--space-sm);--goal-base-edge-width:225px;--corner-text-color:var(--color-on-surface);--corner-typography:var(--font-label);--corner-padding:var(--space-sm);--corner-excerpt-text-color:var(--color-on-surface-muted);--corner-excerpt-typography:var(--font-excerpt);--depth-0-background-color:var(--color-depth-0);--depth-1-background-color:var(--color-depth-1);--depth-2-background-color:var(--color-depth-2);--depth-3-background-color:var(--color-depth-3);--depth-4-background-color:var(--color-depth-4);--depth-5-background-color:var(--color-depth-5);--cell-empty-background-color:var(--color-cell-empty);--triangle-edge-background-color:var(--color-edge);--triangle-edge-width:1.5px;--selection-ring-background-color:var(--color-on-surface-muted);--selection-ring-width:1.5px;--hex-width:320px;--breadcrumb-background-color:var(--color-surface);--breadcrumb-text-color:var(--color-on-surface-muted);--breadcrumb-typography:var(--font-body);--breadcrumb-padding:var(--space-md);--breadcrumb-error-background-color:var(--color-surface);--breadcrumb-error-text-color:var(--color-error);--tree-column-width:26rem;--tree-measure-width:34rem;--tree-drawing-width:790px;--tree-sheet-height:70dvh;--tree-sheet-small-height:9rem;--tree-swatch-width:4rem;--tree-swatch-height:1.5rem;--tree-todo-height:26px;--tree-select-height:2rem;--tree-target-size:2.75rem;--tree-icon-target-size:2.5rem;--tree-row-icon-size:1.5rem;--tree-rootrow-box-size:40px;--tree-marker-size:.4rem;--tree-dot-size:.5rem;--tree-legend-inset-width:240px;--tree-legend-inset-narrow-width:128px;--tree-root-name-width:280px;--tree-count-width:104px;--tree-count-narrow-width:44px;--tree-comb-over-width:26px;--tree-topsoil-height:10px;--tree-rule-width:1px;--tree-rule-thick-width:3px;--tree-rule-thicker-width:6px;--tree-ground-line-width:1.5px;--tree-sprig-width:1.4px;--tree-halo-width:4px;--tree-focus-width:2px;--tree-focus-offset-width:2px;--tree-paper-background-color:var(--color-tree-sky);--tree-paper-text-color:var(--color-tree-ink);--tree-paper-soft-background-color:var(--color-tree-sky);--tree-paper-soft-text-color:var(--color-tree-ink-soft);--tree-box-background-color:var(--color-tree-raised);--tree-box-text-color:var(--color-tree-ink);--tree-toast-background-color:var(--color-tree-ink);--tree-toast-text-color:var(--color-tree-on-ink);--tree-alert-background-color:var(--color-tree-sky);--tree-alert-text-color:var(--color-tree-alert);--tree-ground-background-color:var(--color-tree-earth);--tree-ground-text-color:var(--color-tree-ink-under);--tree-ground-soft-background-color:var(--color-tree-earth);--tree-ground-soft-text-color:var(--color-tree-ink-under-soft);--tree-ground-box-background-color:var(--color-tree-raised-under);--tree-ground-box-text-color:var(--color-tree-ink-under);--tree-ground-topsoil-background-color:var(--color-tree-topsoil);--tree-ground-topsoil-text-color:var(--color-tree-ink-under);--tree-wood-0-background-color:var(--color-tree-sky);--tree-wood-0-text-color:var(--color-tree-wood-0);--tree-wood-1-background-color:var(--color-tree-sky);--tree-wood-1-text-color:var(--color-tree-wood-1);--tree-wood-2-background-color:var(--color-tree-sky);--tree-wood-2-text-color:var(--color-tree-wood-2);--tree-wood-3-background-color:var(--color-tree-sky);--tree-wood-3-text-color:var(--color-tree-wood-3);--tree-wood-4-background-color:var(--color-tree-sky);--tree-wood-4-text-color:var(--color-tree-wood-4);--tree-wood-under-0-background-color:var(--color-tree-earth);--tree-wood-under-0-text-color:var(--color-tree-wood-under-0);--tree-wood-under-1-background-color:var(--color-tree-earth);--tree-wood-under-1-text-color:var(--color-tree-wood-under-1);--tree-wood-under-2-background-color:var(--color-tree-earth);--tree-wood-under-2-text-color:var(--color-tree-wood-under-2);--tree-wood-under-3-background-color:var(--color-tree-earth);--tree-wood-under-3-text-color:var(--color-tree-wood-under-3);--tree-wood-under-4-background-color:var(--color-tree-earth);--tree-wood-under-4-text-color:var(--color-tree-wood-under-4);--tree-leaf-background-color:var(--color-tree-sky);--tree-leaf-text-color:var(--color-tree-leaf);--tree-leaf-under-background-color:var(--color-tree-earth);--tree-leaf-under-text-color:var(--color-tree-leaf-under);--tree-olive-background-color:var(--color-tree-sky);--tree-olive-text-color:var(--color-tree-olive);--tree-olive-under-background-color:var(--color-tree-earth);--tree-olive-under-text-color:var(--color-tree-olive-under);--tree-rule-line-background-color:var(--color-tree-rule);--tree-rule-under-background-color:var(--color-tree-rule-under);--tree-toast-shadow-background-color:var(--color-tree-shadow);--tree-lattice-sky-background-color:var(--color-tree-lattice-sky);--tree-lattice-earth-background-color:var(--color-tree-lattice-earth);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--color-surface:#1b1c1e;--color-on-surface:#e6e4df;--color-on-surface-muted:#aeaba3;--color-edge:#1b1c1e;--color-error:#f2b8b5;--color-depth-0:#2e3a35;--color-depth-1:#34433c;--color-depth-2:#3a4c44;--color-depth-3:#40554b;--color-depth-4:#465e53;--color-depth-5:#4c675a;--color-cell-empty:#232a27;--color-tree-sky:#1a1e21;--color-tree-earth:#0c0f0e;--color-tree-topsoil:#060807;--color-tree-raised:#22272a;--color-tree-ink:#e6e7de;--color-tree-ink-soft:#a6ab9f;--color-tree-rule:#353a38;--color-tree-on-ink:#131513;--color-tree-ink-under:#e6e7de;--color-tree-ink-under-soft:#a6ab9f;--color-tree-rule-under:#2a302d;--color-tree-raised-under:#1e2224;--color-tree-alert:#f09a74;--color-tree-wood-0:#a3907b;--color-tree-wood-1:#c9a65c;--color-tree-wood-2:#8aa5b3;--color-tree-wood-3:#a98db0;--color-tree-wood-4:#8fae86;--color-tree-wood-under-0:#a3907b;--color-tree-wood-under-1:#c9a65c;--color-tree-wood-under-2:#8aa5b3;--color-tree-wood-under-3:#a98db0;--color-tree-wood-under-4:#8fae86;--color-tree-leaf:#8aa373;--color-tree-leaf-under:#8aa373;--color-tree-olive:#9b8db5;--color-tree-olive-under:#9b8db5;--color-tree-shadow:#00000040;--color-tree-lattice-sky:#e6e7de0d;--color-tree-lattice-earth:#e6e7de0d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}", xt = ":host{--sky:var(--color-tree-sky);vertical-align:middle;display:inline-block}:host([hidden]){display:none}svg{display:block;overflow:visible}", St = typeof HTMLElement > "u" ? class {} : HTMLElement, Ct = bt.replaceAll(":root", ":host");
-function G(e) {
+var Ct = ".face .plate-top{fill:var(--color-tree-raised);stroke:color-mix(in srgb, var(--color-tree-wood-0) 60%, var(--sky));stroke-width:var(--tree-rule-width);stroke-linejoin:round}.face .plate-shade{fill:color-mix(in srgb, var(--color-tree-wood-0) 45%, var(--sky))}.face .plate-shadow{fill:color-mix(in srgb, var(--color-tree-wood-0) 70%, var(--sky))}.face .facet{--ink:color-mix(in srgb, var(--color-tree-wood-0) 40%, var(--color-tree-ink));fill:var(--ink);stroke:var(--ink);stroke-width:var(--tree-rule-width);stroke-linejoin:round;vector-effect:non-scaling-stroke}.face .facet[data-ink=plate]{fill:none;stroke:color-mix(in srgb, var(--color-tree-wood-0) 14%, var(--color-tree-raised))}.face .facet[data-ink=glint]{--ink:var(--color-tree-raised)}.face .facet[data-ink=blush]{--ink:color-mix(in srgb, var(--color-tree-alert) 55%, var(--color-tree-raised))}.face .facet[data-ink=tear]{--ink:var(--color-tree-wood-2)}.face .facet[data-ink=tongue]{--ink:color-mix(in srgb, var(--color-tree-alert) 75%, var(--color-tree-raised))}.face .facet[data-shade=left]{fill:color-mix(in srgb, var(--ink) 72%, var(--color-tree-ink));stroke:color-mix(in srgb, var(--ink) 72%, var(--color-tree-ink))}.face .facet[data-shade=right]{fill:color-mix(in srgb, var(--ink) 48%, var(--color-tree-ink));stroke:color-mix(in srgb, var(--ink) 48%, var(--color-tree-ink))}.face .facet[data-ink=ink][data-shade=top]{fill:color-mix(in srgb, var(--color-tree-wood-0) 70%, var(--color-tree-ink));stroke:color-mix(in srgb, var(--color-tree-wood-0) 70%, var(--color-tree-ink))}.face .facet[data-ink=ink][data-shade=left]{fill:color-mix(in srgb, var(--color-tree-wood-0) 35%, var(--color-tree-ink));stroke:color-mix(in srgb, var(--color-tree-wood-0) 35%, var(--color-tree-ink))}.face .facet[data-ink=ink][data-shade=right]{fill:var(--color-tree-ink);stroke:var(--color-tree-ink)}.face .face-leaving{animation:.3s ease-in forwards face-sink}@keyframes face-sink{to{opacity:0;transform:translateY(var(--space-tree-2))}}@media (prefers-reduced-motion:reduce){.face .face-leaving{animation:none}}", wt = ":root{--color-primary:#6f9584;--color-secondary:#55524b;--color-neutral:#f7f5f0;--color-surface:var(--color-neutral);--color-on-surface:#2b2a27;--color-on-surface-muted:var(--color-secondary);--color-edge:var(--color-neutral);--color-error:#b3261e;--color-depth-0:#c9d6cf;--color-depth-1:#b7c9c0;--color-depth-2:#a5bcb1;--color-depth-3:#93afa2;--color-depth-4:#81a293;--color-depth-5:var(--color-primary);--color-cell-empty:#e4ebe6;--color-tree-sky:#f4f4f0;--color-tree-earth:#2a302c;--color-tree-topsoil:#1f2522;--color-tree-raised:#fff;--color-tree-ink:#1e2219;--color-tree-ink-soft:#565c50;--color-tree-rule:#cfd1c9;--color-tree-on-ink:#f7f6f0;--color-tree-ink-under:#e8eae2;--color-tree-ink-under-soft:#b4bbae;--color-tree-rule-under:#414945;--color-tree-raised-under:#343b37;--color-tree-alert:#a3441e;--color-tree-wood-0:#705f4a;--color-tree-wood-1:#9a7b3c;--color-tree-wood-2:#566c78;--color-tree-wood-3:#6f5873;--color-tree-wood-4:#5f7a57;--color-tree-wood-under-0:#b5a48e;--color-tree-wood-under-1:#d4b26a;--color-tree-wood-under-2:#97b2c0;--color-tree-wood-under-3:#b79bbe;--color-tree-wood-under-4:#9dbb94;--color-tree-leaf:#546d41;--color-tree-leaf-under:#9dbb94;--color-tree-olive:#3e3348;--color-tree-olive-under:#b7a9cf;--color-tree-shadow:#00000040;--color-tree-lattice-sky:#1e22190d;--color-tree-lattice-earth:#e8eae20f;--font-body:400 15px/1.5 Atkinson Hyperlegible Next Variable, system-ui, sans-serif;--font-body-family:Atkinson Hyperlegible Next Variable, system-ui, sans-serif;--font-body-size:15px;--font-body-weight:400;--font-body-leading:1.5;--font-goal:600 15px/1.3 Atkinson Hyperlegible Next Variable, system-ui, sans-serif;--font-goal-family:Atkinson Hyperlegible Next Variable, system-ui, sans-serif;--font-goal-size:15px;--font-goal-weight:600;--font-goal-leading:1.3;--font-label:400 14px/1.3 Atkinson Hyperlegible Next Variable, system-ui, sans-serif;--font-label-family:Atkinson Hyperlegible Next Variable, system-ui, sans-serif;--font-label-size:14px;--font-label-weight:400;--font-label-leading:1.3;--font-excerpt:400 13px/1.4 Atkinson Hyperlegible Next Variable, system-ui, sans-serif;--font-excerpt-family:Atkinson Hyperlegible Next Variable, system-ui, sans-serif;--font-excerpt-size:13px;--font-excerpt-weight:400;--font-excerpt-leading:1.4;--font-tree-body:400 .8125rem/1.5 Roboto Mono Variable, Menlo, monospace;--font-tree-body-family:Roboto Mono Variable, Menlo, monospace;--font-tree-body-size:.8125rem;--font-tree-body-weight:400;--font-tree-body-leading:1.5;--font-tree-tight:400 .8125rem/1.1 Roboto Mono Variable, Menlo, monospace;--font-tree-tight-family:Roboto Mono Variable, Menlo, monospace;--font-tree-tight-size:.8125rem;--font-tree-tight-weight:400;--font-tree-tight-leading:1.1;--font-tree-small:400 .75rem Roboto Mono Variable, Menlo, monospace;--font-tree-small-family:Roboto Mono Variable, Menlo, monospace;--font-tree-small-size:.75rem;--font-tree-small-weight:400;--font-tree-lead:400 .875rem Roboto Mono Variable, Menlo, monospace;--font-tree-lead-family:Roboto Mono Variable, Menlo, monospace;--font-tree-lead-size:.875rem;--font-tree-lead-weight:400;--font-tree-title:400 1rem Roboto Mono Variable, Menlo, monospace;--font-tree-title-family:Roboto Mono Variable, Menlo, monospace;--font-tree-title-size:1rem;--font-tree-title-weight:400;--font-tree-italic:400 .8125rem Victor Mono Variable, Menlo, monospace;--font-tree-italic-family:Victor Mono Variable, Menlo, monospace;--font-tree-italic-size:.8125rem;--font-tree-italic-weight:400;--font-tree-voice:600 1.125rem/1.2 Roboto Mono Variable, Menlo, monospace;--font-tree-voice-family:Roboto Mono Variable, Menlo, monospace;--font-tree-voice-size:1.125rem;--font-tree-voice-weight:600;--font-tree-voice-leading:1.2;--font-tree-voice-lead:600 .9375rem Roboto Mono Variable, Menlo, monospace;--font-tree-voice-lead-family:Roboto Mono Variable, Menlo, monospace;--font-tree-voice-lead-size:.9375rem;--font-tree-voice-lead-weight:600;--font-tree-label:400 12px Roboto Mono Variable, Menlo, monospace;--font-tree-label-family:Roboto Mono Variable, Menlo, monospace;--font-tree-label-size:12px;--font-tree-label-weight:400;--font-tree-heading:400 12px Roboto Mono Variable, Menlo, monospace;--font-tree-heading-family:Roboto Mono Variable, Menlo, monospace;--font-tree-heading-size:12px;--font-tree-heading-weight:400;--font-tree-section:400 14px Roboto Mono Variable, Menlo, monospace;--font-tree-section-family:Roboto Mono Variable, Menlo, monospace;--font-tree-section-size:14px;--font-tree-section-weight:400;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-tree-1:.25rem;--space-tree-2:.5rem;--space-tree-3:.75rem;--space-tree-4:1rem;--space-tree-5:1.5rem;--space-tree-6:2.5rem;--space-tree-7:4rem;--radius-tree:.375rem;--canvas-background-color:var(--color-surface);--canvas-text-color:var(--color-on-surface);--canvas-typography:var(--font-body);--canvas-padding:var(--space-md);--goal-background-color:var(--color-surface);--goal-text-color:var(--color-on-surface);--goal-typography:var(--font-goal);--goal-padding:var(--space-sm);--goal-base-edge-width:225px;--corner-text-color:var(--color-on-surface);--corner-typography:var(--font-label);--corner-padding:var(--space-sm);--corner-excerpt-text-color:var(--color-on-surface-muted);--corner-excerpt-typography:var(--font-excerpt);--depth-0-background-color:var(--color-depth-0);--depth-1-background-color:var(--color-depth-1);--depth-2-background-color:var(--color-depth-2);--depth-3-background-color:var(--color-depth-3);--depth-4-background-color:var(--color-depth-4);--depth-5-background-color:var(--color-depth-5);--cell-empty-background-color:var(--color-cell-empty);--triangle-edge-background-color:var(--color-edge);--triangle-edge-width:1.5px;--selection-ring-background-color:var(--color-on-surface-muted);--selection-ring-width:1.5px;--hex-width:320px;--breadcrumb-background-color:var(--color-surface);--breadcrumb-text-color:var(--color-on-surface-muted);--breadcrumb-typography:var(--font-body);--breadcrumb-padding:var(--space-md);--breadcrumb-error-background-color:var(--color-surface);--breadcrumb-error-text-color:var(--color-error);--tree-column-width:26rem;--tree-measure-width:34rem;--tree-drawing-width:790px;--tree-sheet-height:70dvh;--tree-sheet-small-height:9rem;--tree-swatch-width:4rem;--tree-swatch-height:1.5rem;--tree-todo-height:26px;--tree-select-height:2rem;--tree-target-size:2.75rem;--tree-icon-target-size:2.5rem;--tree-row-icon-size:1.5rem;--tree-rootrow-box-size:40px;--tree-marker-size:.4rem;--tree-dot-size:.5rem;--tree-legend-inset-width:240px;--tree-legend-inset-narrow-width:128px;--tree-root-name-width:280px;--tree-count-width:104px;--tree-count-narrow-width:44px;--tree-comb-over-width:26px;--tree-topsoil-height:10px;--tree-rule-width:1px;--tree-rule-thick-width:3px;--tree-rule-thicker-width:6px;--tree-ground-line-width:1.5px;--tree-sprig-width:1.4px;--tree-halo-width:4px;--tree-focus-width:2px;--tree-focus-offset-width:2px;--tree-paper-background-color:var(--color-tree-sky);--tree-paper-text-color:var(--color-tree-ink);--tree-paper-soft-background-color:var(--color-tree-sky);--tree-paper-soft-text-color:var(--color-tree-ink-soft);--tree-box-background-color:var(--color-tree-raised);--tree-box-text-color:var(--color-tree-ink);--tree-toast-background-color:var(--color-tree-ink);--tree-toast-text-color:var(--color-tree-on-ink);--tree-alert-background-color:var(--color-tree-sky);--tree-alert-text-color:var(--color-tree-alert);--tree-ground-background-color:var(--color-tree-earth);--tree-ground-text-color:var(--color-tree-ink-under);--tree-ground-soft-background-color:var(--color-tree-earth);--tree-ground-soft-text-color:var(--color-tree-ink-under-soft);--tree-ground-box-background-color:var(--color-tree-raised-under);--tree-ground-box-text-color:var(--color-tree-ink-under);--tree-ground-topsoil-background-color:var(--color-tree-topsoil);--tree-ground-topsoil-text-color:var(--color-tree-ink-under);--tree-wood-0-background-color:var(--color-tree-sky);--tree-wood-0-text-color:var(--color-tree-wood-0);--tree-wood-1-background-color:var(--color-tree-sky);--tree-wood-1-text-color:var(--color-tree-wood-1);--tree-wood-2-background-color:var(--color-tree-sky);--tree-wood-2-text-color:var(--color-tree-wood-2);--tree-wood-3-background-color:var(--color-tree-sky);--tree-wood-3-text-color:var(--color-tree-wood-3);--tree-wood-4-background-color:var(--color-tree-sky);--tree-wood-4-text-color:var(--color-tree-wood-4);--tree-wood-under-0-background-color:var(--color-tree-earth);--tree-wood-under-0-text-color:var(--color-tree-wood-under-0);--tree-wood-under-1-background-color:var(--color-tree-earth);--tree-wood-under-1-text-color:var(--color-tree-wood-under-1);--tree-wood-under-2-background-color:var(--color-tree-earth);--tree-wood-under-2-text-color:var(--color-tree-wood-under-2);--tree-wood-under-3-background-color:var(--color-tree-earth);--tree-wood-under-3-text-color:var(--color-tree-wood-under-3);--tree-wood-under-4-background-color:var(--color-tree-earth);--tree-wood-under-4-text-color:var(--color-tree-wood-under-4);--tree-leaf-background-color:var(--color-tree-sky);--tree-leaf-text-color:var(--color-tree-leaf);--tree-leaf-under-background-color:var(--color-tree-earth);--tree-leaf-under-text-color:var(--color-tree-leaf-under);--tree-olive-background-color:var(--color-tree-sky);--tree-olive-text-color:var(--color-tree-olive);--tree-olive-under-background-color:var(--color-tree-earth);--tree-olive-under-text-color:var(--color-tree-olive-under);--tree-rule-line-background-color:var(--color-tree-rule);--tree-rule-under-background-color:var(--color-tree-rule-under);--tree-toast-shadow-background-color:var(--color-tree-shadow);--tree-lattice-sky-background-color:var(--color-tree-lattice-sky);--tree-lattice-earth-background-color:var(--color-tree-lattice-earth);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--color-surface:#1b1c1e;--color-on-surface:#e6e4df;--color-on-surface-muted:#aeaba3;--color-edge:#1b1c1e;--color-error:#f2b8b5;--color-depth-0:#2e3a35;--color-depth-1:#34433c;--color-depth-2:#3a4c44;--color-depth-3:#40554b;--color-depth-4:#465e53;--color-depth-5:#4c675a;--color-cell-empty:#232a27;--color-tree-sky:#1a1e21;--color-tree-earth:#0c0f0e;--color-tree-topsoil:#060807;--color-tree-raised:#22272a;--color-tree-ink:#e6e7de;--color-tree-ink-soft:#a6ab9f;--color-tree-rule:#353a38;--color-tree-on-ink:#131513;--color-tree-ink-under:#e6e7de;--color-tree-ink-under-soft:#a6ab9f;--color-tree-rule-under:#2a302d;--color-tree-raised-under:#1e2224;--color-tree-alert:#f09a74;--color-tree-wood-0:#a3907b;--color-tree-wood-1:#c9a65c;--color-tree-wood-2:#8aa5b3;--color-tree-wood-3:#a98db0;--color-tree-wood-4:#8fae86;--color-tree-wood-under-0:#a3907b;--color-tree-wood-under-1:#c9a65c;--color-tree-wood-under-2:#8aa5b3;--color-tree-wood-under-3:#a98db0;--color-tree-wood-under-4:#8fae86;--color-tree-leaf:#8aa373;--color-tree-leaf-under:#8aa373;--color-tree-olive:#9b8db5;--color-tree-olive-under:#9b8db5;--color-tree-shadow:#00000040;--color-tree-lattice-sky:#e6e7de0d;--color-tree-lattice-earth:#e6e7de0d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}", Tt = ":host{--sky:var(--color-tree-sky);vertical-align:middle;display:inline-block}:host([hidden]){display:none}svg{display:block;overflow:visible}", Et = typeof HTMLElement > "u" ? class {} : HTMLElement, Dt = wt.replaceAll(":root", ":host");
+function Ot(e) {
 	let t;
-	return () => (t || (t = new CSSStyleSheet(), t.replaceSync(`${Ct}\n${xt}\n${e}`)), t);
+	return () => (t || (t = new CSSStyleSheet(), t.replaceSync(`${Dt}\n${Tt}\n${e}`)), t);
 }
-function wt(e, t) {
+function kt(e, t) {
 	typeof customElements < "u" && (customElements.get(e) || customElements.define(e, t));
 }
-var K = (e, t) => {
+var Y = (e, t) => {
 	let n = typeof e == "number" ? e : Number.parseFloat(String(e ?? ""));
 	return Number.isFinite(n) ? n : t;
-}, Tt = (e) => typeof e == "boolean" ? e : e != null && e !== "false", q = class extends St {
+}, At = (e) => typeof e == "boolean" ? e : e != null && e !== "false", jt = class extends Et {
 	dispose;
 	connectedCallback() {
 		for (let e of this.inputs) if (Object.hasOwn(this, e)) {
@@ -1157,7 +1158,7 @@ var K = (e, t) => {
 		}
 		if (this.dispose) return;
 		let e = this.shadowRoot ?? this.attachShadow({ mode: "open" });
-		e.adoptedStyleSheets = [this.sheet()], this.dispose = Me(() => this.draw(), e);
+		e.adoptedStyleSheets = [this.sheet()], this.dispose = Pe(() => this.draw(), e);
 	}
 	disconnectedCallback() {
 		this.dispose?.(), this.dispose = void 0;
@@ -1169,17 +1170,17 @@ var K = (e, t) => {
 			composed: !0
 		}));
 	}
-}, Et = /*#__PURE__*/ O("<svg class=face part=face><path class=plate-shade></path><path class=plate-shadow></path><path class=plate-top></path><g transform=\"translate(0 -10)\"><g>"), Dt = /*#__PURE__*/ O("<svg><g class=face-leaving></svg>", !1, !0, !1), Ot = "lattice-face", kt = Object.keys(ft), At = (e) => kt.includes(e), jt = 10, Mt = 2, J = 120 * M / 2, Nt = dt([
+}, Mt = /*#__PURE__*/ P("<svg class=face part=face><path class=plate-shade></path><path class=plate-shadow></path><path class=plate-top></path><g transform=\"translate(0 -10)\"><g>"), Nt = /*#__PURE__*/ P("<svg><g class=face-leaving></svg>", !1, !0, !1), Pt = "lattice-face", Ft = Object.keys(gt), It = (e) => Ft.includes(e), Lt = 10, Rt = 2, X = 120 * Ve / 2, zt = ht([
 	{
 		x: 0,
 		y: -120
 	},
 	{
-		x: J,
+		x: X,
 		y: -60
 	},
 	{
-		x: J,
+		x: X,
 		y: 60
 	},
 	{
@@ -1187,19 +1188,19 @@ var K = (e, t) => {
 		y: 120
 	},
 	{
-		x: -J,
+		x: -X,
 		y: 60
 	},
 	{
-		x: -J,
+		x: -X,
 		y: -60
 	}
-], jt), Y = {
-	x: -J - Mt,
-	y: -120 - jt - Mt,
-	width: 2 * (J + Mt),
-	height: 240 + jt + 4
-}, Pt = G(`${yt}\n.plate-top { vector-effect: non-scaling-stroke; }`), Ft = class e extends q {
+], Lt), Z = {
+	x: -X - Rt,
+	y: -120 - Lt - Rt,
+	width: 2 * (X + Rt),
+	height: 240 + Lt + 4
+}, Bt = Ot(`${Ct}\n.plate-top { vector-effect: non-scaling-stroke; }`), Vt = class e extends jt {
 	static observedAttributes = [
 		"mood",
 		"expression",
@@ -1210,19 +1211,19 @@ var K = (e, t) => {
 		"decorative"
 	];
 	inputs = e.observedAttributes;
-	moodSignal = v("happy");
-	expressionSignal = v("");
-	pulseSignal = v(0);
-	stillSignal = v(!1);
-	sizeSignal = v(96);
-	labelSignal = v("");
-	decorativeSignal = v(!1);
+	moodSignal = T("happy");
+	expressionSignal = T("");
+	pulseSignal = T(0);
+	stillSignal = T(!1);
+	sizeSignal = T(96);
+	labelSignal = T("");
+	decorativeSignal = T(!1);
 	get mood() {
 		return this.moodSignal[0]();
 	}
 	set mood(e) {
 		let t = String(e ?? "").toLowerCase();
-		this.moodSignal[1](At(t) ? t : "happy");
+		this.moodSignal[1](It(t) ? t : "happy");
 	}
 	get expression() {
 		return this.expressionSignal[0]();
@@ -1234,19 +1235,19 @@ var K = (e, t) => {
 		return this.pulseSignal[0]();
 	}
 	set pulse(e) {
-		this.pulseSignal[1](K(e, 0));
+		this.pulseSignal[1](Y(e, 0));
 	}
 	get still() {
 		return this.stillSignal[0]();
 	}
 	set still(e) {
-		this.stillSignal[1](Tt(e));
+		this.stillSignal[1](At(e));
 	}
 	get size() {
 		return this.sizeSignal[0]();
 	}
 	set size(e) {
-		this.sizeSignal[1](Math.max(1, K(e, 96)));
+		this.sizeSignal[1](Math.max(1, Y(e, 96)));
 	}
 	get label() {
 		return this.labelSignal[0]();
@@ -1258,37 +1259,37 @@ var K = (e, t) => {
 		return this.decorativeSignal[0]();
 	}
 	set decorative(e) {
-		this.decorativeSignal[1](Tt(e));
+		this.decorativeSignal[1](At(e));
 	}
 	attributeChangedCallback(e, t, n) {
 		e === "still" || e === "decorative" ? Reflect.set(this, e, n) : Reflect.set(this, e, n ?? "");
 	}
 	sheet() {
-		return Pt();
+		return Bt();
 	}
 	draw() {
-		let e = x(() => pt(this.expression) ?? mt(this.mood)), { face: t, leaving: n } = _t({
+		let e = D(() => _t(this.expression) ?? vt(this.mood)), { face: t, leaving: n } = xt({
 			expression: e,
 			pulse: () => this.pulse,
 			still: () => this.still
 		}), r = () => this.label || `A ${e().name.toLowerCase()} face`, i = this;
 		return (() => {
-			var e = Et(), a = e.firstChild, o = a.nextSibling, s = o.nextSibling, c = s.nextSibling, l = c.firstChild;
-			return A(c, D(Oe, {
+			var e = Mt(), a = e.firstChild, o = a.nextSibling, s = o.nextSibling, c = s.nextSibling, l = c.firstChild;
+			return I(c, N(Ae, {
 				get when() {
 					return n();
 				},
 				children: (e) => (() => {
-					var t = Dt();
-					return A(t, D(vt, { get drawing() {
+					var t = Nt();
+					return I(t, N(St, { get drawing() {
 						return e();
 					} })), t;
 				})()
-			}), l), A(l, D(vt, { get drawing() {
+			}), l), I(l, N(St, { get drawing() {
 				return t();
-			} })), y((t) => {
-				var n = i.size, c = i.size * Y.height / Y.width, l = `${Y.x} ${Y.y} ${Y.width} ${Y.height}`, u = i.decorative ? void 0 : "img", d = i.decorative ? void 0 : r(), f = i.decorative ? "true" : void 0, p = Nt.shade, m = Nt.shadow, h = Nt.top;
-				return n !== t.e && k(e, "width", t.e = n), c !== t.t && k(e, "height", t.t = c), l !== t.a && k(e, "viewBox", t.a = l), u !== t.o && k(e, "role", t.o = u), d !== t.i && k(e, "aria-label", t.i = d), f !== t.n && k(e, "aria-hidden", t.n = f), p !== t.s && k(a, "d", t.s = p), m !== t.h && k(o, "d", t.h = m), h !== t.r && k(s, "d", t.r = h), t;
+			} })), E((t) => {
+				var n = i.size, c = i.size * Z.height / Z.width, l = `${Z.x} ${Z.y} ${Z.width} ${Z.height}`, u = i.decorative ? void 0 : "img", d = i.decorative ? void 0 : r(), f = i.decorative ? "true" : void 0, p = zt.shade, m = zt.shadow, h = zt.top;
+				return n !== t.e && F(e, "width", t.e = n), c !== t.t && F(e, "height", t.t = c), l !== t.a && F(e, "viewBox", t.a = l), u !== t.o && F(e, "role", t.o = u), d !== t.i && F(e, "aria-label", t.i = d), f !== t.n && F(e, "aria-hidden", t.n = f), p !== t.s && F(a, "d", t.s = p), m !== t.h && F(o, "d", t.h = m), h !== t.r && F(s, "d", t.r = h), t;
 			}, {
 				e: void 0,
 				t: void 0,
@@ -1302,7 +1303,7 @@ var K = (e, t) => {
 			}), e;
 		})();
 	}
-}, It = () => wt(Ot, Ft), Lt = /*#__PURE__*/ O("<svg class=mark-shears viewBox=\"0 0 16 16\"aria-hidden=true><path class=shears-blade part=shears-blade></path><path class=shears-blade part=shears-blade></path><path class=shears-handle part=shears-handle></path><path class=shears-handle part=shears-handle>"), Rt = /*#__PURE__*/ O("<svg class=mark-done viewBox=\"0 0 16 16\"aria-hidden=true><path class=done-cell part=done-cell></path><path class=done-check part=done-check d=\"M 4.3 8.4 L 7 9.96 L 11.8 7.19\">"), zt = (e, t, n) => {
+}, Ht = () => kt(Pt, Vt), Ut = /*#__PURE__*/ P("<svg class=mark-shears viewBox=\"0 0 16 16\"aria-hidden=true><path class=shears-blade part=shears-blade></path><path class=shears-blade part=shears-blade></path><path class=shears-handle part=shears-handle></path><path class=shears-handle part=shears-handle>"), Wt = /*#__PURE__*/ P("<svg class=mark-done viewBox=\"0 0 16 16\"aria-hidden=true><path class=done-cell part=done-cell></path><path class=done-check part=done-check d=\"M 4.3 8.4 L 7 9.96 L 11.8 7.19\">"), Gt = (e, t, n) => {
 	let r = n * Math.sqrt(3) / 2;
 	return [
 		{
@@ -1331,7 +1332,7 @@ var K = (e, t) => {
 		}
 	];
 };
-function Bt() {
+function Kt() {
 	let e = (e, t) => [
 		e,
 		{
@@ -1348,16 +1349,16 @@ function Bt() {
 		}
 	];
 	return (() => {
-		var t = Lt(), n = t.firstChild, r = n.nextSibling, i = r.nextSibling, a = i.nextSibling;
-		return y((t) => {
-			var o = Le(e({
+		var t = Ut(), n = t.firstChild, r = n.nextSibling, i = r.nextSibling, a = i.nextSibling;
+		return E((t) => {
+			var o = ze(e({
 				x: 4.6,
 				y: 10
-			}, 1)), s = Le(e({
+			}, 1)), s = ze(e({
 				x: 11.4,
 				y: 10
-			}, -1)), c = Le(zt(4.6, 12.6, 2.6)), l = Le(zt(11.4, 12.6, 2.6));
-			return o !== t.e && k(n, "d", t.e = o), s !== t.t && k(r, "d", t.t = s), c !== t.a && k(i, "d", t.a = c), l !== t.o && k(a, "d", t.o = l), t;
+			}, -1)), c = ze(Gt(4.6, 12.6, 2.6)), l = ze(Gt(11.4, 12.6, 2.6));
+			return o !== t.e && F(n, "d", t.e = o), s !== t.t && F(r, "d", t.t = s), c !== t.a && F(i, "d", t.a = c), l !== t.o && F(a, "d", t.o = l), t;
 		}, {
 			e: void 0,
 			t: void 0,
@@ -1366,19 +1367,19 @@ function Bt() {
 		}), t;
 	})();
 }
-function Vt() {
+function qt() {
 	return (() => {
-		var e = Rt(), t = e.firstChild;
-		return y(() => k(t, "d", Le(zt(8, 8, 7)))), e;
+		var e = Wt(), t = e.firstChild;
+		return E(() => F(t, "d", ze(Gt(8, 8, 7)))), e;
 	})();
 }
 //#endregion
 //#region src/elements/icon.css?inline
-var Ht = ":host{width:var(--lattice-icon-size,var(--space-tree-4));height:var(--lattice-icon-size,var(--space-tree-4))}span{width:100%;height:100%;display:block}svg{width:100%;height:100%}.mark-shears,.mark-done{stroke:currentColor;stroke-width:1.3px;stroke-linejoin:miter}.shears-blade{fill:currentColor}.shears-handle,.done-cell,.done-check{fill:none}.done-check{stroke-width:1.6px}", Ut = /*#__PURE__*/ O("<span part=icon>"), Wt = /*#__PURE__*/ O("<span part=icon role=img>"), Gt = "lattice-icon", Kt = ["shears", "done"], qt = G(Ht), Jt = class e extends q {
+var Jt = ":host{width:var(--lattice-icon-size,var(--space-tree-4));height:var(--lattice-icon-size,var(--space-tree-4))}span{width:100%;height:100%;display:block}svg{width:100%;height:100%}.mark-shears,.mark-done{stroke:currentColor;stroke-width:1.3px;stroke-linejoin:miter}.shears-blade{fill:currentColor}.shears-handle,.done-cell,.done-check{fill:none}.done-check{stroke-width:1.6px}", Yt = /*#__PURE__*/ P("<span part=icon>"), Xt = /*#__PURE__*/ P("<span part=icon role=img>"), Zt = "lattice-icon", Qt = ["shears", "done"], $t = Ot(Jt), en = class e extends jt {
 	static observedAttributes = ["name", "label"];
 	inputs = e.observedAttributes;
-	nameSignal = v("shears");
-	labelSignal = v("");
+	nameSignal = T("shears");
+	labelSignal = T("");
 	get name() {
 		return this.nameSignal[0]();
 	}
@@ -1395,296 +1396,46 @@ var Ht = ":host{width:var(--lattice-icon-size,var(--space-tree-4));height:var(--
 		Reflect.set(this, e, n ?? "");
 	}
 	sheet() {
-		return qt();
+		return $t();
 	}
 	draw() {
 		let e = () => {
 			let e = this;
-			return D(ke, { get children() {
-				return [D(Ae, {
+			return N(je, { get children() {
+				return [N(Me, {
 					get when() {
 						return e.name === "done";
 					},
 					get children() {
-						return D(Vt, {});
+						return N(qt, {});
 					}
-				}), D(Ae, {
+				}), N(Me, {
 					get when() {
 						return e.name === "shears";
 					},
 					get children() {
-						return D(Bt, {});
+						return N(Kt, {});
 					}
 				})];
 			} });
 		}, t = this;
-		return D(Oe, {
+		return N(Ae, {
 			get when() {
 				return t.label;
 			},
 			get fallback() {
 				return (() => {
-					var t = Ut();
-					return A(t, e), t;
+					var t = Yt();
+					return I(t, e), t;
 				})();
 			},
 			children: (t) => (() => {
-				var n = Wt();
-				return A(n, e), y(() => k(n, "aria-label", t())), n;
+				var n = Xt();
+				return I(n, e), E(() => F(n, "aria-label", t())), n;
 			})()
 		});
 	}
-}, Yt = () => wt(Gt, Jt), Xt = ".shape .flat-top{fill:color-mix(in srgb, var(--wood) 28%, var(--sky));stroke:color-mix(in srgb, var(--wood) 55%, var(--sky));stroke-width:var(--tree-rule-width);stroke-linejoin:round;vector-effect:non-scaling-stroke}.shape .flat-top[data-tone=\"5\"],.shape .flat-top[data-tone=\"6\"]{fill:var(--wood)}.shape .flat-top[data-tone=\"7\"]{fill:var(--color-tree-raised)}.shape .flat-shade{fill:color-mix(in srgb, var(--wood) 70%, var(--sky))}.shape .flat-shadow{fill:var(--wood)}.shape .seams{fill:none;stroke:color-mix(in srgb, var(--color-tree-ink) 18%, transparent);stroke-width:var(--tree-rule-width);stroke-linecap:round;vector-effect:non-scaling-stroke}", Zt = {
-	width: 76.21,
-	height: 132,
-	half: 38.11
-}, Qt = {
-	sky: "M 76.21 66.00 L 38.11 88.00 L -0.00 66.00 L 0.00 22.00 L 38.11 0.00 L 76.21 22.00 Z M 38.11 132.00 L 0.00 154.00 L -38.11 132.00 L -38.11 88.00 L -0.00 66.00 L 38.11 88.00 Z M 114.32 132.00 L 76.21 154.00 L 38.11 132.00 L 38.11 88.00 L 76.21 66.00 L 114.32 88.00 Z",
-	earth: "M 76.21 66.00 L 38.11 88.00 L -0.00 66.00 L 0.00 22.00 L 38.11 0.00 L 76.21 22.00 Z M 38.11 44.00 L 76.21 66.00 M 57.16 55.00 L 57.16 77.00 L 38.11 66.00 Z M 38.11 44.00 L 38.11 88.00 M 38.11 66.00 L 19.05 77.00 L 19.05 55.00 Z M 38.11 44.00 L -0.00 66.00 M 19.05 55.00 L -0.00 44.00 L 19.05 33.00 Z M 38.11 44.00 L 0.00 22.00 M 19.05 33.00 L 19.05 11.00 L 38.11 22.00 Z M 38.11 44.00 L 38.11 0.00 M 38.11 22.00 L 57.16 11.00 L 57.16 33.00 Z M 38.11 44.00 L 76.21 22.00 M 57.16 33.00 L 76.21 44.00 L 57.16 55.00 Z M 38.11 132.00 L 0.00 154.00 L -38.11 132.00 L -38.11 88.00 L -0.00 66.00 L 38.11 88.00 Z M 0.00 110.00 L 38.11 132.00 M 19.05 121.00 L 19.05 143.00 L 0.00 132.00 Z M 0.00 110.00 L 0.00 154.00 M 0.00 132.00 L -19.05 143.00 L -19.05 121.00 Z M 0.00 110.00 L -38.11 132.00 M -19.05 121.00 L -38.11 110.00 L -19.05 99.00 Z M 0.00 110.00 L -38.11 88.00 M -19.05 99.00 L -19.05 77.00 L -0.00 88.00 Z M 0.00 110.00 L -0.00 66.00 M -0.00 88.00 L 19.05 77.00 L 19.05 99.00 Z M 0.00 110.00 L 38.11 88.00 M 19.05 99.00 L 38.11 110.00 L 19.05 121.00 Z M 114.32 132.00 L 76.21 154.00 L 38.11 132.00 L 38.11 88.00 L 76.21 66.00 L 114.32 88.00 Z M 76.21 110.00 L 114.32 132.00 M 95.26 121.00 L 95.26 143.00 L 76.21 132.00 Z M 76.21 110.00 L 76.21 154.00 M 76.21 132.00 L 57.16 143.00 L 57.16 121.00 Z M 76.21 110.00 L 38.11 132.00 M 57.16 121.00 L 38.11 110.00 L 57.16 99.00 Z M 76.21 110.00 L 38.11 88.00 M 57.16 99.00 L 57.16 77.00 L 76.21 88.00 Z M 76.21 110.00 L 76.21 66.00 M 76.21 88.00 L 95.26 77.00 L 95.26 99.00 Z M 76.21 110.00 L 114.32 88.00 M 95.26 99.00 L 114.32 110.00 L 95.26 121.00 Z"
-}, $t = 44, { width: X } = Zt, Z = X / 2;
-function en(e) {
-	return {
-		x: X * (e.q + e.r / 2),
-		y: 66 * e.r
-	};
-}
-function tn(e) {
-	return {
-		x: Z * e.j,
-		y: $t * e.i + 22 * e.j
-	};
-}
-function nn(e) {
-	let t = tn(e);
-	return {
-		x: t.x,
-		y: 22 + t.y
-	};
-}
-function rn(e) {
-	let { i: t, j: n } = e;
-	return e.k === 0 ? [
-		{
-			i: t,
-			j: n
-		},
-		{
-			i: t,
-			j: n + 1
-		},
-		{
-			i: t + 1,
-			j: n
-		}
-	] : [
-		{
-			i: t,
-			j: n + 1
-		},
-		{
-			i: t + 1,
-			j: n + 1
-		},
-		{
-			i: t + 1,
-			j: n
-		}
-	];
-}
-function an(e, t) {
-	let n = e - Z, r = 2 / 3 * ((t - 44) / $t), i = Math.sqrt(3) / 3 * (n / $t) - r / 2, a = -i - r, o = Math.round(i), s = Math.round(r), c = Math.round(a), l = Math.abs(o - i), u = Math.abs(s - r), d = Math.abs(c - a);
-	return l > u && l > d ? o = -s - c : u > d && (s = -o - c), {
-		q: o + 0,
-		r: s + 0
-	};
-}
-function on(e, t) {
-	let n = Math.round(e / Z);
-	return {
-		i: Math.round((t - 22 - 22 * n) / $t) + 0,
-		j: n + 0
-	};
-}
-function sn(e) {
-	return {
-		i: e.r - e.q,
-		j: 1 + 2 * e.q + e.r
-	};
-}
-function cn(e) {
-	let { i: t, j: n } = sn(e);
-	return [
-		{
-			i: t,
-			j: n,
-			k: 0
-		},
-		{
-			i: t - 1,
-			j: n,
-			k: 0
-		},
-		{
-			i: t,
-			j: n - 1,
-			k: 0
-		},
-		{
-			i: t - 1,
-			j: n,
-			k: 1
-		},
-		{
-			i: t,
-			j: n - 1,
-			k: 1
-		},
-		{
-			i: t - 1,
-			j: n - 1,
-			k: 1
-		}
-	];
-}
-function ln(e) {
-	let { i: t, j: n } = e;
-	return e.k === 0 ? [
-		{
-			i: t - 1,
-			j: n,
-			k: 1
-		},
-		{
-			i: t,
-			j: n,
-			k: 1
-		},
-		{
-			i: t,
-			j: n - 1,
-			k: 1
-		}
-	] : [
-		{
-			i: t,
-			j: n + 1,
-			k: 0
-		},
-		{
-			i: t + 1,
-			j: n,
-			k: 0
-		},
-		{
-			i: t,
-			j: n,
-			k: 0
-		}
-	];
-}
-var un = (e) => `${e.i},${e.j},${e.k}`, dn = (e) => `${e.i},${e.j}`, fn = (e) => e.kind === "cell" ? cn(e.at) : [e.at], pn = /* @__PURE__ */ new WeakMap();
-function mn(e) {
-	let t = pn.get(e);
-	return t || (t = e.parts.flatMap(fn), pn.set(e, t)), t;
-}
-function hn(e) {
-	let t = e.flatMap(fn).flatMap((e) => rn(e).map(nn)), n = {
-		x: t.reduce((e, t) => e + t.x, 0) / t.length,
-		y: t.reduce((e, t) => e + t.y, 0) / t.length
-	};
-	return e.some((e) => e.kind === "cell") ? sn(an(n.x, n.y)) : on(n.x, n.y);
-}
-var gn = (e, t) => ({
-	id: e,
-	parts: t,
-	pivot: hn(t)
-});
-function _n(e) {
-	let t = /* @__PURE__ */ new Map();
-	e.parts.forEach((e, n) => {
-		for (let r of fn(e)) t.set(un(r), n);
-	});
-	let n = [];
-	for (let [e, r] of t) {
-		let [i, a, o] = e.split(",").map(Number), s = {
-			i,
-			j: a,
-			k: o
-		};
-		for (let e of ln(s)) {
-			let i = t.get(un(e));
-			if (i === void 0 || i <= r) continue;
-			let a = new Set(rn(s).map(dn)), o = rn(e).filter((e) => a.has(dn(e)));
-			o.length === 2 && n.push([nn(o[0]), nn(o[1])]);
-		}
-	}
-	return n;
-}
-function vn(e, t) {
-	let n = (e) => Math.round(e * 100) / 100, r = (e) => `M${e.map((e) => `${n(e.x)} ${n(e.y)}`).join("L")}Z`, i = (e) => ({
-		x: e.x,
-		y: e.y - t
-	}), a = /* @__PURE__ */ new Map(), o = (e, t, n) => {
-		let r = `${e}:${t}`, i = a.get(r) ?? {
-			tone: t,
-			kind: e,
-			d: []
-		};
-		i.d.push(n), a.set(r, i);
-	};
-	for (let t of e.parts) if (t.kind === "cell") {
-		let { x: e, y: n } = en(t.at), a = (t, r) => ({
-			x: e + t,
-			y: n + r
-		}), [s, c, l] = [
-			a(0, 66),
-			a(Z, 88),
-			a(X, 66)
-		];
-		o("shade", t.tone, r([
-			s,
-			c,
-			i(c),
-			i(s)
-		])), o("shadow", t.tone, r([
-			c,
-			l,
-			i(l),
-			i(c)
-		])), o("top", t.tone, r([
-			a(Z, 0),
-			a(X, 22),
-			a(X, 66),
-			a(Z, 88),
-			a(0, 66),
-			a(0, 22)
-		].map(i)));
-	} else {
-		let e = rn(t.at).map(nn), n = e[2], a = e[1];
-		o(t.at.k === 0 ? "shadow" : "shade", t.tone, r([
-			n,
-			a,
-			i(a),
-			i(n)
-		])), o("top", t.tone, r(e.map(i)));
-	}
-	let s = [
-		"shade",
-		"shadow",
-		"top"
-	];
-	return {
-		faces: [...a.values()].sort((e, t) => s.indexOf(e.kind) - s.indexOf(t.kind) || e.tone - t.tone).map((e) => ({
-			tone: e.tone,
-			kind: e.kind,
-			d: e.d.join("")
-		})),
-		seams: _n(e).map(([e, r]) => `M${n(e.x)} ${n(e.y - t)}L${n(r.x)} ${n(r.y - t)}`).join("")
-	};
-}
-//#endregion
-//#region src/elements/shapes.ts
-var yn = 8, Q = (e, t, n) => ({
+}, tn = () => kt(Zt, en), nn = ".shape .flat-top{fill:color-mix(in srgb, var(--wood) 28%, var(--sky));stroke:color-mix(in srgb, var(--wood) 55%, var(--sky));stroke-width:var(--tree-rule-width);stroke-linejoin:round;vector-effect:non-scaling-stroke}.shape .flat-top[data-tone=\"5\"],.shape .flat-top[data-tone=\"6\"]{fill:var(--wood)}.shape .flat-top[data-tone=\"7\"]{fill:var(--color-tree-raised)}.shape .flat-shade{fill:color-mix(in srgb, var(--wood) 70%, var(--sky))}.shape .flat-shadow{fill:var(--wood)}.shape .seams{fill:none;stroke:color-mix(in srgb, var(--color-tree-ink) 18%, transparent);stroke-width:var(--tree-rule-width);stroke-linecap:round;vector-effect:non-scaling-stroke}", rn = 8, Q = (e, t, n) => ({
 	kind: "cell",
 	at: {
 		q: e,
@@ -1699,7 +1450,7 @@ var yn = 8, Q = (e, t, n) => ({
 		k: n
 	},
 	tone: r
-}), bn = [
+}), an = [
 	{
 		q: 1,
 		r: 0
@@ -1724,7 +1475,7 @@ var yn = 8, Q = (e, t, n) => ({
 		q: 1,
 		r: -1
 	}
-], xn = {
+], on = {
 	cell: (e) => [Q(0, 0, e)],
 	pair: (e) => [Q(0, 0, e), Q(1, 0, e)],
 	line: (e) => [
@@ -1732,7 +1483,7 @@ var yn = 8, Q = (e, t, n) => ({
 		Q(0, 0, e),
 		Q(1, 0, e)
 	],
-	flower: (e) => [Q(0, 0, e), ...bn.map((t) => Q(t.q, t.r, e))],
+	flower: (e) => [Q(0, 0, e), ...an.map((t) => Q(t.q, t.r, e))],
 	triangle: (e) => [$(0, 0, 0, e)],
 	diamond: (e) => [$(0, 0, 0, e), $(0, 0, 1, e)],
 	trapezoid: (e) => [
@@ -1746,12 +1497,12 @@ var yn = 8, Q = (e, t, n) => ({
 		$(1, 0, 0, e),
 		$(0, 0, 1, e)
 	],
-	hexagon: (e) => cn({
+	hexagon: (e) => t({
 		q: 0,
 		r: 0
 	}).map((t) => $(t.i, t.j, t.k, e))
-}, Sn = Object.keys(xn), Cn = (e) => Math.min(7, Math.max(0, Math.round(Number.isFinite(e) ? e : 0))), wn = (e) => typeof e == "number" && Number.isInteger(e);
-function Tn(e, t) {
+}, sn = Object.keys(on), cn = (e) => Math.min(7, Math.max(0, Math.round(Number.isFinite(e) ? e : 0))), ln = (e) => typeof e == "number" && Number.isInteger(e);
+function un(e, t) {
 	let n = e;
 	if (typeof n == "string") try {
 		n = JSON.parse(n);
@@ -1760,11 +1511,11 @@ function Tn(e, t) {
 	}
 	return Array.isArray(n) ? n.flatMap((e) => {
 		if (typeof e != "object" || !e) return [];
-		let { kind: n, at: r, tone: i } = e, a = Cn(typeof i == "number" ? i : t);
-		return n === "cell" && r && wn(r.q) && wn(r.r) ? [Q(r.q, r.r, a)] : n === "tri" && r && wn(r.i) && wn(r.j) && (r.k === 0 || r.k === 1) ? [$(r.i, r.j, r.k, a)] : [];
+		let { kind: n, at: r, tone: i } = e, a = cn(typeof i == "number" ? i : t);
+		return n === "cell" && r && ln(r.q) && ln(r.r) ? [Q(r.q, r.r, a)] : n === "tri" && r && ln(r.i) && ln(r.j) && (r.k === 0 || r.k === 1) ? [$(r.i, r.j, r.k, a)] : [];
 	}) : [];
 }
-function En(e, t, n = 2) {
+function dn(e, t, i = 2) {
 	if (e.length === 0) return {
 		faces: [],
 		seams: "",
@@ -1775,20 +1526,20 @@ function En(e, t, n = 2) {
 			height: 0
 		}
 	};
-	let r = gn("shape", e), i = mn(r).flatMap((e) => rn(e).map(nn)), a = i.map((e) => e.x), o = i.map((e) => e.y), s = Math.min(...a) - n, c = Math.min(...o) - t - n, l = {
-		x: s,
-		y: c,
-		width: Math.max(...a) + n - s,
-		height: Math.max(...o) + n - c
+	let c = r("shape", e), l = s(c).flatMap((e) => o(e).map(n)), u = l.map((e) => e.x), d = l.map((e) => e.y), f = Math.min(...u) - i, p = Math.min(...d) - t - i, m = {
+		x: f,
+		y: p,
+		width: Math.max(...u) + i - f,
+		height: Math.max(...d) + i - p
 	};
 	return {
-		...vn(r, t),
-		box: l
+		...a(c, t),
+		box: m
 	};
 }
 //#endregion
 //#region src/elements/woods.css?inline
-var Dn = ".woods [data-tone]{--wood:var(--color-tree-wood-0)}.woods [data-tone=\"1\"]{--wood:var(--color-tree-wood-1)}.woods [data-tone=\"2\"]{--wood:var(--color-tree-wood-2)}.woods [data-tone=\"3\"]{--wood:var(--color-tree-wood-3)}.woods [data-tone=\"4\"]{--wood:var(--color-tree-wood-4)}.woods [data-tone=\"5\"],.woods [data-tone=\"7\"]{--wood:var(--color-tree-olive)}", On = /*#__PURE__*/ O("<svg class=\"shape woods\"part=shape><path class=seams>"), kn = /*#__PURE__*/ O("<svg><path></svg>", !1, !0, !1), An = "lattice-shape", jn = (e) => Object.hasOwn(xn, e), Mn = G(`${Dn}\n${Xt}`), Nn = class e extends q {
+var fn = ".woods [data-tone]{--wood:var(--color-tree-wood-0)}.woods [data-tone=\"1\"]{--wood:var(--color-tree-wood-1)}.woods [data-tone=\"2\"]{--wood:var(--color-tree-wood-2)}.woods [data-tone=\"3\"]{--wood:var(--color-tree-wood-3)}.woods [data-tone=\"4\"]{--wood:var(--color-tree-wood-4)}.woods [data-tone=\"5\"],.woods [data-tone=\"7\"]{--wood:var(--color-tree-olive)}", pn = /*#__PURE__*/ P("<svg class=\"shape woods\"part=shape><path class=seams>"), mn = /*#__PURE__*/ P("<svg><path></svg>", !1, !0, !1), hn = "lattice-shape", gn = (e) => Object.hasOwn(on, e), _n = Ot(`${fn}\n${nn}`), vn = class e extends jt {
 	static observedAttributes = [
 		"shape",
 		"parts",
@@ -1798,22 +1549,22 @@ var Dn = ".woods [data-tone]{--wood:var(--color-tree-wood-0)}.woods [data-tone=\
 		"label"
 	];
 	inputs = e.observedAttributes;
-	shapeSignal = v("cell");
-	partsSignal = v();
-	toneSignal = v(0);
-	liftSignal = v(8);
-	scaleSignal = v(1);
-	labelSignal = v("");
+	shapeSignal = T("cell");
+	partsSignal = T();
+	toneSignal = T(0);
+	liftSignal = T(8);
+	scaleSignal = T(1);
+	labelSignal = T("");
 	get shape() {
 		return this.shapeSignal[0]();
 	}
 	set shape(e) {
 		let t = String(e ?? "").toLowerCase();
-		this.shapeSignal[1](jn(t) ? t : "cell");
+		this.shapeSignal[1](gn(t) ? t : "cell");
 	}
 	get parts() {
 		let e = this.partsSignal[0]();
-		return e === void 0 ? xn[this.shape](this.tone) : Tn(e, this.tone);
+		return e === void 0 ? on[this.shape](this.tone) : un(e, this.tone);
 	}
 	set parts(e) {
 		this.partsSignal[1](() => e === null || e === "" ? void 0 : e);
@@ -1822,19 +1573,19 @@ var Dn = ".woods [data-tone]{--wood:var(--color-tree-wood-0)}.woods [data-tone=\
 		return this.toneSignal[0]();
 	}
 	set tone(e) {
-		this.toneSignal[1](Cn(K(e, 0)));
+		this.toneSignal[1](cn(Y(e, 0)));
 	}
 	get lift() {
 		return this.liftSignal[0]();
 	}
 	set lift(e) {
-		this.liftSignal[1](Math.max(0, K(e, 8)));
+		this.liftSignal[1](Math.max(0, Y(e, 8)));
 	}
 	get scale() {
 		return this.scaleSignal[0]();
 	}
 	set scale(e) {
-		let t = K(e, 1);
+		let t = Y(e, 1);
 		this.scaleSignal[1](t > 0 ? t : 1);
 	}
 	get label() {
@@ -1847,30 +1598,30 @@ var Dn = ".woods [data-tone]{--wood:var(--color-tree-wood-0)}.woods [data-tone=\
 		e === "parts" ? this.parts = n : Reflect.set(this, e, n ?? "");
 	}
 	sheet() {
-		return Mn();
+		return _n();
 	}
 	draw() {
-		let e = x(() => En(this.parts, this.lift)), t = () => e().box, n = this;
+		let e = D(() => dn(this.parts, this.lift)), t = () => e().box, n = this;
 		return (() => {
-			var r = On(), i = r.firstChild;
-			return A(r, D(Ee, {
+			var r = pn(), i = r.firstChild;
+			return I(r, N(Oe, {
 				get each() {
 					return e().faces;
 				},
 				children: (e) => (() => {
-					var t = kn();
-					return y((n) => {
+					var t = mn();
+					return E((n) => {
 						var r = `flat-${e.kind}`, i = e.tone, a = e.d;
-						return r !== n.e && k(t, "class", n.e = r), i !== n.t && k(t, "data-tone", n.t = i), a !== n.a && k(t, "d", n.a = a), n;
+						return r !== n.e && F(t, "class", n.e = r), i !== n.t && F(t, "data-tone", n.t = i), a !== n.a && F(t, "d", n.a = a), n;
 					}, {
 						e: void 0,
 						t: void 0,
 						a: void 0
 					}), t;
 				})()
-			}), i), y((a) => {
+			}), i), E((a) => {
 				var o = t().width * n.scale, s = t().height * n.scale, c = `${t().x} ${t().y} ${t().width} ${t().height}`, l = n.label ? "img" : void 0, u = n.label || void 0, d = n.label ? void 0 : "true", f = e().seams;
-				return o !== a.e && k(r, "width", a.e = o), s !== a.t && k(r, "height", a.t = s), c !== a.a && k(r, "viewBox", a.a = c), l !== a.o && k(r, "role", a.o = l), u !== a.i && k(r, "aria-label", a.i = u), d !== a.n && k(r, "aria-hidden", a.n = d), f !== a.s && k(i, "d", a.s = f), a;
+				return o !== a.e && F(r, "width", a.e = o), s !== a.t && F(r, "height", a.t = s), c !== a.a && F(r, "viewBox", a.a = c), l !== a.o && F(r, "role", a.o = l), u !== a.i && F(r, "aria-label", a.i = u), d !== a.n && F(r, "aria-hidden", a.n = d), f !== a.s && F(i, "d", a.s = f), a;
 			}, {
 				e: void 0,
 				t: void 0,
@@ -1882,13 +1633,13 @@ var Dn = ".woods [data-tone]{--wood:var(--color-tree-wood-0)}.woods [data-tone=\
 			}), r;
 		})();
 	}
-}, Pn = () => wt(An, Nn), Fn = ":host{touch-action:none;cursor:crosshair;display:block;position:relative}:host([disabled]){cursor:auto;pointer-events:none}.trail{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.blade{fill:none;stroke:var(--color-tree-alert);stroke-width:var(--tree-rule-thick-width);stroke-linecap:round;stroke-linejoin:round}", In = 220;
-function Ln() {
-	let [e, t] = v([]), n, r = () => {
+}, yn = () => kt(hn, vn), bn = ":host{touch-action:none;cursor:crosshair;display:block;position:relative}:host([disabled]){cursor:auto;pointer-events:none}.trail{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.blade{fill:none;stroke:var(--color-tree-alert);stroke-width:var(--tree-rule-thick-width);stroke-linecap:round;stroke-linejoin:round}", xn = 220;
+function Sn() {
+	let [e, t] = T([]), n, r = () => {
 		let i = performance.now();
-		t((e) => e.filter((e) => i - e.at < In)), n = e().length > 0 ? requestAnimationFrame(r) : void 0;
+		t((e) => e.filter((e) => i - e.at < xn)), n = e().length > 0 ? requestAnimationFrame(r) : void 0;
 	};
-	return C(() => {
+	return k(() => {
 		n !== void 0 && cancelAnimationFrame(n);
 	}), {
 		points: () => e().map((e) => `${e.p.x},${e.p.y}`).join(" "),
@@ -1902,24 +1653,24 @@ function Ln() {
 }
 //#endregion
 //#region src/elements/shears.tsx
-var Rn = /*#__PURE__*/ O("<svg class=trail part=trail aria-hidden=true><polyline class=blade>"), zn = "shears-pad", Bn = G(Fn), Vn = class e extends q {
+var Cn = /*#__PURE__*/ P("<svg class=trail part=trail aria-hidden=true><polyline class=blade>"), wn = "shears-pad", Tn = Ot(bn), En = class e extends jt {
 	static observedAttributes = ["disabled"];
 	inputs = e.observedAttributes;
-	disabledSignal = v(!1);
+	disabledSignal = T(!1);
 	get disabled() {
 		return this.disabledSignal[0]();
 	}
 	set disabled(e) {
-		this.disabledSignal[1](Tt(e));
+		this.disabledSignal[1](At(e));
 	}
 	attributeChangedCallback(e, t, n) {
 		this.disabled = n;
 	}
 	sheet() {
-		return Bn();
+		return Tn();
 	}
 	draw() {
-		let e = Ln(), t, n, r = (e) => {
+		let e = Sn(), t, n, r = (e) => {
 			let t = this.getBoundingClientRect();
 			return {
 				x: e.clientX - t.left,
@@ -1948,76 +1699,84 @@ var Rn = /*#__PURE__*/ O("<svg class=trail part=trail aria-hidden=true><polyline
 			["pointercancel", o]
 		];
 		for (let [e, t] of s) this.addEventListener(e, t);
-		return C(() => {
+		return k(() => {
 			for (let [e, t] of s) this.removeEventListener(e, t);
 		}), (() => {
-			var t = Rn(), n = t.firstChild;
-			return y(() => k(n, "points", e.points())), t;
+			var t = Cn(), n = t.firstChild;
+			return E(() => F(n, "points", e.points())), t;
 		})();
 	}
-}, Hn = () => wt(zn, Vn), Un = ":host{background:var(--color-tree-sky);display:block;position:relative}:host([kind=earth]){background:var(--color-tree-earth)}.sky{width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.line{fill:none;stroke:var(--color-tree-lattice-sky);stroke-width:var(--tree-rule-width)}:host([kind=earth]) .line{stroke:var(--color-tree-lattice-earth)}", Wn = /*#__PURE__*/ O("<svg class=sky part=sky aria-hidden=true><defs><pattern patternUnits=userSpaceOnUse><path class=line></path></pattern></defs><rect width=100% height=100%>"), Gn = "hex-sky", Kn = G(Un), qn = 0, Jn = class e extends q {
+}, Dn = () => kt(wn, En), On = ":host{background:var(--color-tree-sky);display:block;position:relative}:host([kind=earth]){background:var(--color-tree-earth)}.sky{width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.line{fill:none;stroke:var(--color-tree-lattice-sky);stroke-width:var(--tree-rule-width)}:host([kind=earth]) .line{stroke:var(--color-tree-lattice-earth)}", kn = /*#__PURE__*/ P("<svg class=sky part=sky aria-hidden=true><defs><pattern patternUnits=userSpaceOnUse><path class=line></path></pattern></defs><rect width=100% height=100%>"), An = "hex-sky", jn = Ot(On), Mn = 0, Nn = class t extends jt {
 	static observedAttributes = [
 		"kind",
+		"orient",
 		"scale",
 		"x",
 		"y"
 	];
-	inputs = e.observedAttributes;
-	kindSignal = v("sky");
-	scaleSignal = v(1);
-	xSignal = v(0);
-	ySignal = v(0);
+	inputs = t.observedAttributes;
+	kindSignal = T("sky");
+	orientSignal = T("pointy");
+	scaleSignal = T(1);
+	xSignal = T(0);
+	ySignal = T(0);
 	get kind() {
 		return this.kindSignal[0]();
 	}
 	set kind(e) {
 		this.kindSignal[1](String(e ?? "").toLowerCase() === "earth" ? "earth" : "sky");
 	}
+	get orient() {
+		return this.orientSignal[0]();
+	}
+	set orient(e) {
+		this.orientSignal[1](String(e ?? "").toLowerCase() === "flat" ? "flat" : "pointy");
+	}
 	get scale() {
 		return this.scaleSignal[0]();
 	}
 	set scale(e) {
-		let t = K(e, 1);
+		let t = Y(e, 1);
 		this.scaleSignal[1](t > 0 ? t : 1);
 	}
 	get x() {
 		return this.xSignal[0]();
 	}
 	set x(e) {
-		this.xSignal[1](K(e, 0));
+		this.xSignal[1](Y(e, 0));
 	}
 	get y() {
 		return this.ySignal[0]();
 	}
 	set y(e) {
-		this.ySignal[1](K(e, 0));
+		this.ySignal[1](Y(e, 0));
 	}
 	attributeChangedCallback(e, t, n) {
 		Reflect.set(this, e, n ?? "");
 	}
 	sheet() {
-		return Kn();
+		return jn();
 	}
 	draw() {
-		let e = `${Gn}-${++qn}`, t = this;
+		let t = `${An}-${++Mn}`, n = this;
 		return (() => {
-			var n = Wn(), r = n.firstChild, i = r.firstChild, a = i.firstChild, o = r.nextSibling;
-			return k(i, "id", e), k(o, "fill", `url(#${e})`), y((e) => {
-				var n = Zt.width, r = Zt.height, o = `translate(${t.x} ${t.y}) scale(${t.scale})`, s = Qt[t.kind];
-				return n !== e.e && k(i, "width", e.e = n), r !== e.t && k(i, "height", e.t = r), o !== e.a && k(i, "patternTransform", e.a = o), s !== e.o && k(a, "d", e.o = s), e;
+			var r = kn(), a = r.firstChild, o = a.firstChild, s = o.firstChild, c = a.nextSibling;
+			return F(o, "id", t), F(c, "fill", `url(#${t})`), E((t) => {
+				var r = e.width, a = e.height, c = `translate(${n.x} ${n.y})${n.orient === "flat" ? " rotate(90)" : ""} scale(${n.scale})`, l = i[n.kind];
+				return r !== t.e && F(o, "width", t.e = r), a !== t.t && F(o, "height", t.t = a), c !== t.a && F(o, "patternTransform", t.a = c), l !== t.o && F(s, "d", t.o = l), t;
 			}, {
 				e: void 0,
 				t: void 0,
 				a: void 0,
 				o: void 0
-			}), n;
+			}), r;
 		})();
 	}
-}, Yn = () => wt(Gn, Jn);
+}, Pn = () => kt(An, Nn);
 //#endregion
 //#region src/elements/index.ts
-function Xn() {
-	It(), Yn(), Pn(), Hn(), Yt();
+function Fn() {
+	Ht(), Pn(), yn(), Dn(), tn();
 }
 //#endregion
-export { Ot as _, zn as a, It as b, Nn as c, Sn as d, yn as f, Yt as g, Jt as h, Yn as i, An as l, Gt as m, Jn as n, Vn as o, Kt as p, Gn as r, Hn as s, Xn as t, Pn as u, Ft as v, tt as x, kt as y };
+export { Pt as _, wn as a, Ht as b, vn as c, sn as d, rn as f, tn as g, en as h, Pn as i, hn as l, Zt as m, Nn as n, En as o, Qt as p, An as r, Dn as s, Fn as t, yn as u, Vt as v, at as x, Ft as y };