@harmonics/lattice-ui 0.5.0 → 0.5.1

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

@@ -1,4 +1,4 @@
-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";
+import { A as e, N as t, P as n, a as r, f as i, o as a, s as o, y as s } from "./hexes-B4uCADpF.js";
 //#region ../../node_modules/.bun/solid-js@1.9.17/node_modules/solid-js/dist/solid.js
 var c = {
 	context: void 0,
@@ -19,7 +19,7 @@ function l(e) {
 function u(e) {
 	c.context = e;
 }
-var d = (e, t) => e === t, f = Symbol("solid-track"), p = { equals: d }, m = null, h = me, g = 1, _ = 2, v = {
+var d = (e, t) => e === t, f = Symbol("solid-track"), p = { equals: d }, m = null, h = he, g = 1, _ = 2, v = {
 	owned: null,
 	cleanups: null,
 	context: null,
@@ -31,10 +31,10 @@ function w(e, t) {
 		cleanups: null,
 		context: a ? a.context : null,
 		owner: a
-	}, s = i ? e : () => e(() => O(() => M(o)));
+	}, s = i ? e : () => e(() => O(() => j(o)));
 	y = o, x = null;
 	try {
-		return j(s, !0);
+		return A(s, !0);
 	} finally {
 		x = n, y = r;
 	}
@@ -50,17 +50,17 @@ function T(e, t) {
 	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 E(e, t, n) {
-	A(de(e, t, !1, g));
+	ue(fe(e, t, !1, g));
 }
 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);
+	h = ge;
+	let r = fe(e, t, !1, g), i = se && ae(se);
+	i && (r.suspense = i), (!n || !n.render) && (r.user = !0), C ? C.push(r) : ue(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);
+	let r = fe(e, t, !0, 0);
+	return r.observers = null, r.observerSlots = null, r.comparator = n.equals || void 0, ue(r), ce.bind(r);
 }
 function O(e) {
 	if (x === null) return e();
@@ -94,7 +94,7 @@ function ae(e) {
 	return y && y.context && (t = y.context[e.id]) !== void 0 ? t : e.defaultValue;
 }
 function oe(e) {
-	let t = D(e), n = D(() => Se(t()));
+	let t = D(e), n = D(() => Ce(t()));
 	return n.toArray = () => {
 		let e = n();
 		return Array.isArray(e) ? e : e == null ? [] : [e];
@@ -104,10 +104,10 @@ var se;
 function ce() {
 	let e = b && b.running;
 	if (this.sources && (e ? this.tState : this.state)) {
-		if ((e ? this.tState : this.state) === g) A(this);
+		if ((e ? this.tState : this.state) === g) ue(this);
 		else {
 			let e = S;
-			S = null, j(() => ge(this), !1), S = e;
+			S = null, A(() => _e(this), !1), S = e;
 		}
 	}
 	if (x) {
@@ -126,39 +126,39 @@ function le(e, t, n) {
 			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 && j(() => {
+		e.observers && e.observers.length && A(() => {
 			for (let t = 0; t < e.observers.length; t += 1) {
 				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);
+				r && b.disposed.has(n) || ((r ? !n.tState : !n.state) && (n.pure ? S.push(n) : C.push(n), n.observers && ve(n)), r ? n.tState = g : n.state = g);
 			}
 			if (S.length > 1e6) throw S = [], Error();
 		}, !1);
 	}
 	return t;
 }
-function A(e) {
+function ue(e) {
 	if (!e.fn) return;
-	M(e);
+	j(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;
+	de(e, b && b.running && b.sources.has(e) ? e.tValue : e.value, t), b && !b.running && b.sources.has(e) && queueMicrotask(() => {
+		A(() => {
+			b && (b.running = !0), x = y = e, de(e, e.tValue, t), x = y = null;
 		}, !1);
 	});
 }
-function ue(e, t, n) {
+function de(e, t, n) {
 	let r, i = y, a = x;
 	x = y = e;
 	try {
 		r = e.fn(t);
 	} catch (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);
+		return e.pure && (b && b.running ? (e.tState = g, e.tOwned && e.tOwned.forEach(j), e.tOwned = void 0) : (e.state = g, e.owned && e.owned.forEach(j), e.owned = null)), e.updatedAt = n + 1, Se(t);
 	} finally {
 		x = a, y = i;
 	}
 	(!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 de(e, t, n, r = g, i) {
+function fe(e, t, n, r = g, i) {
 	let a = {
 		fn: e,
 		state: r,
@@ -174,10 +174,10 @@ function de(e, t, n, r = g, i) {
 	};
 	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 fe(e) {
+function pe(e) {
 	let t = b && b.running;
 	if ((t ? e.tState : e.state) === 0) return;
-	if ((t ? e.tState : e.state) === _) return ge(e);
+	if ((t ? e.tState : e.state) === _) return _e(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 < ee);) {
@@ -189,36 +189,36 @@ function fe(e) {
 			let t = e, i = n[r + 1];
 			for (; (t = t.owner) && t !== i;) if (b.disposed.has(t)) return;
 		}
-		if ((t ? e.tState : e.state) === g) A(e);
+		if ((t ? e.tState : e.state) === g) ue(e);
 		else if ((t ? e.tState : e.state) === _) {
 			let t = S;
-			S = null, j(() => ge(e, n[0]), !1), S = t;
+			S = null, A(() => _e(e, n[0]), !1), S = t;
 		}
 	}
 }
-function j(e, t) {
+function A(e, t) {
 	if (S) return e();
 	let n = !1;
 	t || (S = []), C ? n = !0 : C = [], ee++;
 	try {
 		let t = e();
-		return pe(n), t;
+		return me(n), t;
 	} catch (e) {
-		n || (C = null), S = null, xe(e);
+		n || (C = null), S = null, Se(e);
 	}
 }
-function pe(e) {
-	if (S &&= (me(S), null), e) return;
+function me(e) {
+	if (S &&= (he(S), null), e) return;
 	let t;
 	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);
+			b = null, A(() => {
+				for (let e of n) j(e);
 				for (let t of e) {
-					if (t.value = t.tValue, t.owned) for (let e = 0, n = t.owned.length; e < n; e++) M(t.owned[e]);
+					if (t.value = t.tValue, t.owned) for (let e = 0, n = t.owned.length; e < n; e++) j(t.owned[e]);
 					t.tOwned && (t.owned = t.tOwned), delete t.tValue, delete t.tOwned, t.tState = 0;
 				}
 				ie(!1);
@@ -229,16 +229,16 @@ function pe(e) {
 		}
 	}
 	let n = C;
-	C = null, n.length && j(() => h(n), !1), t && t();
-}
-function me(e) {
-	for (let t = 0; t < e.length; t++) fe(e[t]);
+	C = null, n.length && A(() => h(n), !1), t && t();
 }
 function he(e) {
+	for (let t = 0; t < e.length; t++) pe(e[t]);
+}
+function ge(e) {
 	let t, n = 0;
 	for (t = 0; t < e.length; t++) {
 		let r = e[t];
-		r.user ? e[n++] = r : fe(r);
+		r.user ? e[n++] = r : pe(r);
 	}
 	if (c.context) {
 		if (c.count) {
@@ -247,27 +247,27 @@ function he(e) {
 		}
 		u();
 	}
-	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]);
+	for (c.effects && (c.done || !c.count) && (e = [...c.effects, ...e], n += c.effects.length, delete c.effects), t = 0; t < n; t++) pe(e[t]);
 }
-function ge(e, t) {
+function _e(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 === g ? i !== t && (!i.updatedAt || i.updatedAt < ee) && fe(i) : e === _ && ge(i, t);
+			e === g ? i !== t && (!i.updatedAt || i.updatedAt < ee) && pe(i) : e === _ && _e(i, t);
 		}
 	}
 }
-function _e(e) {
+function ve(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 = _ : r.state = _, r.pure ? S.push(r) : C.push(r), r.observers && _e(r));
+		(t ? !r.tState : !r.state) && (t ? r.tState = _ : r.state = _, r.pure ? S.push(r) : C.push(r), r.observers && ve(r));
 	}
 }
-function M(e) {
+function j(e) {
 	let t;
 	if (e.sources) for (; e.sources.length;) {
 		let t = e.sources.pop(), n = e.sourceSlots.pop(), r = t.observers;
@@ -277,12 +277,12 @@ function M(e) {
 		}
 	}
 	if (e.tOwned) {
-		for (t = e.tOwned.length - 1; t >= 0; t--) M(e.tOwned[t]);
+		for (t = e.tOwned.length - 1; t >= 0; t--) j(e.tOwned[t]);
 		delete e.tOwned;
 	}
-	if (b && b.running && e.pure) ve(e, !0);
+	if (b && b.running && e.pure) ye(e, !0);
 	else if (e.owned) {
-		for (t = e.owned.length - 1; t >= 0; t--) M(e.owned[t]);
+		for (t = e.owned.length - 1; t >= 0; t--) j(e.owned[t]);
 		e.owned = null;
 	}
 	if (e.cleanups) {
@@ -291,35 +291,35 @@ function M(e) {
 	}
 	b && b.running ? e.tState = 0 : e.state = 0;
 }
-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 ye(e, t) {
+	if (t || (e.tState = 0, b.disposed.add(e)), e.owned) for (let t = 0; t < e.owned.length; t++) ye(e.owned[t]);
 }
-function ye(e) {
+function be(e) {
 	return e instanceof Error ? e : Error(typeof e == "string" ? e : "Unknown error", { cause: e });
 }
-function be(e, t, n) {
+function xe(e, t, n) {
 	try {
 		for (let n of t) n(e);
 	} catch (e) {
-		xe(e, n && n.owner || null);
+		Se(e, n && n.owner || null);
 	}
 }
-function xe(e, t = y) {
-	let n = m && t && t.context && t.context[m], r = ye(e);
+function Se(e, t = y) {
+	let n = m && t && t.context && t.context[m], r = be(e);
 	if (!n) throw r;
 	C ? C.push({
 		fn() {
-			be(r, n, t);
+			xe(r, n, t);
 		},
 		state: g
-	}) : be(r, n, t);
+	}) : xe(r, n, t);
 }
-function Se(e) {
-	if (typeof e == "function" && !e.length) return Se(e());
+function Ce(e) {
+	if (typeof e == "function" && !e.length) return Ce(e());
 	if (Array.isArray(e)) {
 		let t = [];
 		for (let n = 0; n < e.length; n++) {
-			let r = Se(e[n]);
+			let r = Ce(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]);
@@ -329,17 +329,17 @@ function Se(e) {
 	}
 	return e;
 }
-var Ce = Symbol("fallback");
-function we(e) {
+var we = Symbol("fallback");
+function Te(e) {
 	for (let t = 0; t < e.length; t++) e[t]();
 }
-function Te(e, t, n = {}) {
+function Ee(e, t, n = {}) {
 	let r = [], i = [], a = [], o = 0, s = t.length > 1 ? [] : null;
-	return k(() => we(a)), () => {
+	return k(() => Te(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);
+			if (l === 0) o !== 0 && (Te(a), a = [], r = [], i = [], o = 0, s &&= []), n.fallback && (r = [we], 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;
@@ -362,13 +362,13 @@ function Te(e, t, n = {}) {
 		}
 	};
 }
-function Ee(e, t, n = {}) {
+function De(e, t, n = {}) {
 	let r = [], i = [], a = [], o = [], s = 0, c;
-	return k(() => we(a)), () => {
+	return k(() => Te(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));
+			if (u === 0) return s !== 0 && (Te(a), a = [], r = [], i = [], s = 0, o = []), n.fallback && (r = [we], i[0] = w((e) => (a[0] = e, n.fallback())), s = 1), i;
+			for (r[0] === we && (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);
 		});
@@ -379,33 +379,33 @@ function Ee(e, t, n = {}) {
 		}
 	};
 }
-function N(e, t) {
+function M(e, t) {
 	return O(() => e(t || {}));
 }
-var De = (e) => `Stale read from <${e}>.`;
-function Oe(e) {
-	let t = "fallback" in e && { fallback: () => e.fallback };
-	return D(Te(() => e.each, e.children, t || void 0));
-}
+var Oe = (e) => `Stale read from <${e}>.`;
 function ke(e) {
 	let t = "fallback" in e && { fallback: () => e.fallback };
 	return D(Ee(() => e.each, e.children, t || void 0));
 }
 function Ae(e) {
+	let t = "fallback" in e && { fallback: () => e.fallback };
+	return D(De(() => e.each, e.children, t || void 0));
+}
+function je(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 ? O(() => a(t ? i : () => {
-				if (!O(r)) throw De("Show");
+				if (!O(r)) throw Oe("Show");
 				return n();
 			})) : a;
 		}
 		return e.fallback;
 	}, void 0, void 0);
 }
-function je(e) {
+function Me(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++) {
@@ -423,17 +423,17 @@ function je(e) {
 		if (!t) return e.fallback;
 		let [r, i, a] = t, o = a.children;
 		return typeof o == "function" && o.length > 0 ? O(() => o(a.keyed ? i() : () => {
-			if (O(n)()?.[0] !== r) throw De("Match");
+			if (O(n)()?.[0] !== r) throw Oe("Match");
 			return i();
 		})) : o;
 	}, void 0, void 0);
 }
-function Me(e) {
+function Ne(e) {
 	return e;
 }
 //#endregion
 //#region ../../node_modules/.bun/solid-js@1.9.17/node_modules/solid-js/web/dist/web.js
-function Ne(e, t, n) {
+function Pe(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 {
@@ -465,33 +465,33 @@ function Ne(e, t, n) {
 		}
 	}
 }
-function Pe(e, t, n, r = {}) {
+function Fe(e, t, n, r = {}) {
 	let i;
 	return w((r) => {
-		i = r, t === document ? e() : I(t, e(), !n && t.firstChild ? null : void 0, n);
+		i = r, t === document ? e() : F(t, e(), !n && t.firstChild ? null : void 0, n);
 	}, r.owner), () => {
 		i(), t.textContent = "";
 	};
 }
-function P(e, t, n, r) {
+function N(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 ? () => O(() => document.importNode(i ||= a(), !0)) : () => (i ||= a()).cloneNode(!0);
 	return o.cloneNode = o, o;
 }
-function F(e, t, n) {
-	Fe(e) || (n == null ? e.removeAttribute(t) : e.setAttribute(t, n));
+function P(e, t, n) {
+	Ie(e) || (n == null ? e.removeAttribute(t) : e.setAttribute(t, n));
 }
-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 F(e, t, n, r) {
+	if (n !== void 0 && !r && (r = []), typeof t != "function") return Le(e, t, r, n);
+	E((r) => Le(e, t(), r, n), r);
 }
-function Fe(e) {
+function Ie(e) {
 	return !!c.context && !c.done && (!e || e.isConnected);
 }
-function Ie(e, t, n, r, i) {
-	let a = Fe(e);
+function Le(e, t, n, r, i) {
+	let a = Ie(e);
 	if (a) {
 		!n && (n = [...e.childNodes]);
 		let t = [];
@@ -508,19 +508,19 @@ function Ie(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 = L(e, n, r, i);
+			i && i.nodeType === 3 ? i.data !== t && (i.data = t) : i = document.createTextNode(t), n = I(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 = L(e, n, r);
+		n = I(e, n, r);
 	} else if (o === "function") return E(() => {
 		let i = t();
 		for (; typeof i == "function";) i = i();
-		n = Ie(e, i, n, r);
+		n = Le(e, i, n, r);
 	}), () => n;
 	else if (Array.isArray(t)) {
 		let o = [], c = n && Array.isArray(n);
-		if (Le(o, t, n, i)) return E(() => n = Ie(e, o, n, r, !0)), () => n;
+		if (Re(o, t, n, i)) return E(() => n = Le(e, o, n, r, !0)), () => n;
 		if (a) {
 			if (!o.length) return n;
 			if (r === void 0) return n = [...e.childNodes];
@@ -531,30 +531,30 @@ function Ie(e, t, n, r, i) {
 			return n = i;
 		}
 		if (o.length === 0) {
-			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));
+			if (n = I(e, n, r), s) return n;
+		} else c ? n.length === 0 ? ze(e, o, r) : Pe(e, n, o) : (n && I(e), ze(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 = L(e, n, r, t);
-			L(e, n, null, t);
+			if (s) return n = I(e, n, r, t);
+			I(e, n, null, t);
 		} else n == null || n === "" || !e.firstChild ? e.appendChild(t) : e.replaceChild(t, e.firstChild);
 		n = t;
 	}
 	return n;
 }
-function Le(e, t, n, r) {
+function Re(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 = Le(e, o, s) || i;
+			else if (Array.isArray(o)) i = Re(e, o, s) || i;
 			else if (c === "function") {
 				if (r) {
 					for (; typeof o == "function";) o = o();
-					i = Le(e, Array.isArray(o) ? o : [o], Array.isArray(s) ? s : [s]) || i;
+					i = Re(e, Array.isArray(o) ? o : [o], Array.isArray(s) ? s : [s]) || i;
 				} else e.push(o), i = !0;
 			} else {
 				let t = String(o);
@@ -564,10 +564,10 @@ function Le(e, t, n, r) {
 	}
 	return i;
 }
-function Re(e, t, n = null) {
+function ze(e, t, n = null) {
 	for (let r = 0, i = t.length; r < i; r++) e.insertBefore(t[r], n);
 }
-function L(e, t, n, r) {
+function I(e, t, n, r) {
 	if (n === void 0) return e.textContent = "";
 	let i = r || document.createTextNode("");
 	if (t.length) {
@@ -584,7 +584,7 @@ function L(e, t, n, r) {
 }
 //#endregion
 //#region src/draw.ts
-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`;
+var L = (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
@@ -1061,7 +1061,7 @@ function lt(e, t, n) {
 }
 //#endregion
 //#region src/faceDrawing.tsx
-var ut = /*#__PURE__*/ P("<svg><path class=facet></svg>", !1, !0, !1), dt = 16, ft = 1400, pt = 300, mt = 100;
+var ut = /*#__PURE__*/ N("<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,
@@ -1096,30 +1096,41 @@ 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));
+function xt() {
+	let [e, t] = T(Be());
+	if (typeof window < "u" && typeof window.matchMedia == "function") {
+		let e = window.matchMedia("(prefers-reduced-motion: reduce)"), n = () => t(e.matches);
+		e.addEventListener("change", n), k(() => e.removeEventListener("change", n));
+	}
+	return e;
+}
+function St(e) {
+	let t = xt(), n = () => t() || (e.still?.() ?? !1), [r, i] = T(!1), a;
+	te(ne(e.pulse, (e, t) => {
+		t === void 0 || e === t || n() || (i(!0), clearTimeout(a), a = setTimeout(() => i(!1), ft));
 	}));
-	let [a, o] = T(0);
+	let [o, s] = T(0);
 	te(() => {
-		if (t()) {
-			o(0);
+		if (n()) {
+			s(0);
 			return;
 		}
-		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
+		if (!(e.shown?.() ?? !0)) return;
+		let t = performance.now() - O(o) * 1e3, r = performance.now(), i = requestAnimationFrame(function e(n) {
+			n - r >= mt && (r = n, s((n - t) / 1e3)), i = requestAnimationFrame(e);
+		});
+		k(() => cancelAnimationFrame(i));
+	}), k(() => clearTimeout(a));
+	let c = D(() => r() ? yt : e.expression()), l = D(() => bt(c(), o())), [u, d] = T(), f;
+	return te(ne(c, (e, t) => {
+		t && !n() && (d(bt(t, o())), clearTimeout(f), f = setTimeout(() => d(void 0), pt));
+	})), k(() => clearTimeout(f)), {
+		face: l,
+		leaving: u
 	};
 }
-function St(e) {
-	return N(ke, {
+function Ct(e) {
+	return M(Ae, {
 		get each() {
 			return e.drawing;
 		},
@@ -1127,7 +1138,7 @@ function St(e) {
 			var t = ut();
 			return E((n) => {
 				var r = e().ink, i = e().shade, a = e().d;
-				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;
+				return r !== n.e && P(t, "data-ink", n.e = r), i !== n.t && P(t, "data-shade", n.t = i), a !== n.a && P(t, "d", n.a = a), n;
 			}, {
 				e: void 0,
 				t: void 0,
@@ -1138,18 +1149,20 @@ function St(e) {
 }
 //#endregion
 //#region src/elements/face.css?inline
-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) {
+var wt = ".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}}", Tt = ":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}}", Et = ":host{--sky:var(--color-tree-sky);vertical-align:middle;display:inline-block}:host([hidden]){display:none}svg{display:block;overflow:visible}", Dt = typeof HTMLElement > "u" ? class {} : HTMLElement, Ot = Tt.replaceAll(":root", ":host");
+function kt(e) {
 	let t;
-	return () => (t || (t = new CSSStyleSheet(), t.replaceSync(`${Dt}\n${Tt}\n${e}`)), t);
+	return () => (t || (t = new CSSStyleSheet(), t.replaceSync(`${Ot}\n${Et}\n${e}`)), t);
 }
-function kt(e, t) {
-	typeof customElements < "u" && (customElements.get(e) || customElements.define(e, t));
+function At(e, t, n = e) {
+	if (typeof customElements > "u") return;
+	let r = customElements.get(n);
+	r ? r !== t && !(r.prototype instanceof t) && console.warn(`<${n}> is already defined by another element; define ${e} as another name`) : customElements.define(n, n === e ? t : class extends t {});
 }
 var Y = (e, t) => {
 	let n = typeof e == "number" ? e : Number.parseFloat(String(e ?? ""));
 	return Number.isFinite(n) ? n : t;
-}, At = (e) => typeof e == "boolean" ? e : e != null && e !== "false", jt = class extends Et {
+}, jt = (e) => typeof e == "boolean" ? e : e != null && e !== "false", Mt = class extends Dt {
 	dispose;
 	connectedCallback() {
 		for (let e of this.inputs) if (Object.hasOwn(this, e)) {
@@ -1158,10 +1171,12 @@ var Y = (e, t) => {
 		}
 		if (this.dispose) return;
 		let e = this.shadowRoot ?? this.attachShadow({ mode: "open" });
-		e.adoptedStyleSheets = [this.sheet()], this.dispose = Pe(() => this.draw(), e);
+		e.adoptedStyleSheets = [this.sheet()], this.dispose = Fe(() => this.draw(), e);
 	}
 	disconnectedCallback() {
-		this.dispose?.(), this.dispose = void 0;
+		queueMicrotask(() => {
+			this.isConnected || (this.dispose?.(), this.dispose = void 0);
+		});
 	}
 	tell(e, t) {
 		this.dispatchEvent(new CustomEvent(e, {
@@ -1170,7 +1185,7 @@ var Y = (e, t) => {
 			composed: !0
 		}));
 	}
-}, 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([
+}, Nt = /*#__PURE__*/ N("<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>"), Pt = /*#__PURE__*/ N("<svg><g class=face-leaving></svg>", !1, !0, !1), Ft = "lattice-face", It = Object.keys(gt), Lt = (e) => It.includes(e), Rt = 10, zt = 2, X = 120 * Ve / 2, Bt = ht([
 	{
 		x: 0,
 		y: -120
@@ -1195,12 +1210,12 @@ var Y = (e, t) => {
 		x: -X,
 		y: -60
 	}
-], 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 {
+], Rt), Z = {
+	x: -X - zt,
+	y: -120 - Rt - zt,
+	width: 2 * (X + zt),
+	height: 240 + Rt + 4
+}, Vt = kt(`${wt}\n.plate-top { vector-effect: non-scaling-stroke; }`), Ht = class e extends Mt {
 	static observedAttributes = [
 		"mood",
 		"expression",
@@ -1223,7 +1238,7 @@ var Y = (e, t) => {
 	}
 	set mood(e) {
 		let t = String(e ?? "").toLowerCase();
-		this.moodSignal[1](It(t) ? t : "happy");
+		this.moodSignal[1](Lt(t) ? t : "happy");
 	}
 	get expression() {
 		return this.expressionSignal[0]();
@@ -1241,7 +1256,7 @@ var Y = (e, t) => {
 		return this.stillSignal[0]();
 	}
 	set still(e) {
-		this.stillSignal[1](At(e));
+		this.stillSignal[1](jt(e));
 	}
 	get size() {
 		return this.sizeSignal[0]();
@@ -1259,37 +1274,46 @@ var Y = (e, t) => {
 		return this.decorativeSignal[0]();
 	}
 	set decorative(e) {
-		this.decorativeSignal[1](At(e));
+		this.decorativeSignal[1](jt(e));
 	}
 	attributeChangedCallback(e, t, n) {
 		e === "still" || e === "decorative" ? Reflect.set(this, e, n) : Reflect.set(this, e, n ?? "");
 	}
 	sheet() {
-		return Bt();
+		return Vt();
 	}
 	draw() {
-		let e = D(() => _t(this.expression) ?? vt(this.mood)), { face: t, leaving: n } = xt({
+		let e = D(() => _t(this.expression) ?? vt(this.mood)), [t, n] = T(!0);
+		if (typeof IntersectionObserver < "u") {
+			let e = new IntersectionObserver((e) => {
+				let t = e.at(-1);
+				t && n(t.isIntersecting);
+			});
+			e.observe(this), k(() => e.disconnect());
+		}
+		let { face: r, leaving: i } = St({
 			expression: e,
 			pulse: () => this.pulse,
-			still: () => this.still
-		}), r = () => this.label || `A ${e().name.toLowerCase()} face`, i = this;
+			still: () => this.still,
+			shown: t
+		}), a = () => this.label || `A ${e().name.toLowerCase()} face`, o = this;
 		return (() => {
-			var e = Mt(), a = e.firstChild, o = a.nextSibling, s = o.nextSibling, c = s.nextSibling, l = c.firstChild;
-			return I(c, N(Ae, {
+			var e = Nt(), t = e.firstChild, n = t.nextSibling, s = n.nextSibling, c = s.nextSibling, l = c.firstChild;
+			return F(c, M(je, {
 				get when() {
-					return n();
+					return i();
 				},
 				children: (e) => (() => {
-					var t = Nt();
-					return I(t, N(St, { get drawing() {
+					var t = Pt();
+					return F(t, M(Ct, { get drawing() {
 						return e();
 					} })), t;
 				})()
-			}), l), I(l, N(St, { get drawing() {
-				return 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;
+			}), l), F(l, M(Ct, { get drawing() {
+				return r();
+			} })), E((r) => {
+				var i = o.size, c = o.size * Z.height / Z.width, l = `${Z.x} ${Z.y} ${Z.width} ${Z.height}`, u = o.decorative ? void 0 : "img", d = o.decorative ? void 0 : a(), f = o.decorative ? "true" : void 0, p = Bt.shade, m = Bt.shadow, h = Bt.top;
+				return i !== r.e && P(e, "width", r.e = i), c !== r.t && P(e, "height", r.t = c), l !== r.a && P(e, "viewBox", r.a = l), u !== r.o && P(e, "role", r.o = u), d !== r.i && P(e, "aria-label", r.i = d), f !== r.n && P(e, "aria-hidden", r.n = f), p !== r.s && P(t, "d", r.s = p), m !== r.h && P(n, "d", r.h = m), h !== r.r && P(s, "d", r.r = h), r;
 			}, {
 				e: void 0,
 				t: void 0,
@@ -1303,7 +1327,7 @@ var Y = (e, t) => {
 			}), e;
 		})();
 	}
-}, 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) => {
+}, Ut = (e) => At(Ft, Ht, e), Wt = /*#__PURE__*/ N("<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>"), Gt = /*#__PURE__*/ N("<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\">"), Kt = (e, t, n) => {
 	let r = n * Math.sqrt(3) / 2;
 	return [
 		{
@@ -1332,7 +1356,7 @@ var Y = (e, t) => {
 		}
 	];
 };
-function Kt() {
+function qt() {
 	let e = (e, t) => [
 		e,
 		{
@@ -1349,16 +1373,16 @@ function Kt() {
 		}
 	];
 	return (() => {
-		var t = Ut(), n = t.firstChild, r = n.nextSibling, i = r.nextSibling, a = i.nextSibling;
+		var t = Wt(), n = t.firstChild, r = n.nextSibling, i = r.nextSibling, a = i.nextSibling;
 		return E((t) => {
-			var o = ze(e({
+			var o = L(e({
 				x: 4.6,
 				y: 10
-			}, 1)), s = ze(e({
+			}, 1)), s = L(e({
 				x: 11.4,
 				y: 10
-			}, -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;
+			}, -1)), c = L(Kt(4.6, 12.6, 2.6)), l = L(Kt(11.4, 12.6, 2.6));
+			return o !== t.e && P(n, "d", t.e = o), s !== t.t && P(r, "d", t.t = s), c !== t.a && P(i, "d", t.a = c), l !== t.o && P(a, "d", t.o = l), t;
 		}, {
 			e: void 0,
 			t: void 0,
@@ -1367,15 +1391,15 @@ function Kt() {
 		}), t;
 	})();
 }
-function qt() {
+function Jt() {
 	return (() => {
-		var e = Wt(), t = e.firstChild;
-		return E(() => F(t, "d", ze(Gt(8, 8, 7)))), e;
+		var e = Gt(), t = e.firstChild;
+		return E(() => P(t, "d", L(Kt(8, 8, 7)))), e;
 	})();
 }
 //#endregion
 //#region src/elements/icon.css?inline
-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 {
+var Yt = ":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}", Xt = /*#__PURE__*/ N("<span part=icon>"), Zt = /*#__PURE__*/ N("<span part=icon role=img>"), Qt = "lattice-icon", $t = ["shears", "done"], en = kt(Yt), tn = class e extends Mt {
 	static observedAttributes = ["name", "label"];
 	inputs = e.observedAttributes;
 	nameSignal = T("shears");
@@ -1396,46 +1420,46 @@ var Jt = ":host{width:var(--lattice-icon-size,var(--space-tree-4));height:var(--
 		Reflect.set(this, e, n ?? "");
 	}
 	sheet() {
-		return $t();
+		return en();
 	}
 	draw() {
 		let e = () => {
 			let e = this;
-			return N(je, { get children() {
-				return [N(Me, {
+			return M(Me, { get children() {
+				return [M(Ne, {
 					get when() {
 						return e.name === "done";
 					},
 					get children() {
-						return N(qt, {});
+						return M(Jt, {});
 					}
-				}), N(Me, {
+				}), M(Ne, {
 					get when() {
 						return e.name === "shears";
 					},
 					get children() {
-						return N(Kt, {});
+						return M(qt, {});
 					}
 				})];
 			} });
 		}, t = this;
-		return N(Ae, {
+		return M(je, {
 			get when() {
 				return t.label;
 			},
 			get fallback() {
 				return (() => {
-					var t = Yt();
-					return I(t, e), t;
+					var t = Xt();
+					return F(t, e), t;
 				})();
 			},
 			children: (t) => (() => {
-				var n = Xt();
-				return I(n, e), E(() => F(n, "aria-label", t())), n;
+				var n = Zt();
+				return F(n, e), E(() => P(n, "aria-label", 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) => ({
+}, nn = (e) => At(Qt, tn, e), rn = ".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}", an = 8, Q = (e, t, n) => ({
 	kind: "cell",
 	at: {
 		q: e,
@@ -1450,7 +1474,7 @@ var Jt = ":host{width:var(--lattice-icon-size,var(--space-tree-4));height:var(--
 		k: n
 	},
 	tone: r
-}), an = [
+}), on = [
 	{
 		q: 1,
 		r: 0
@@ -1475,7 +1499,7 @@ var Jt = ":host{width:var(--lattice-icon-size,var(--space-tree-4));height:var(--
 		q: 1,
 		r: -1
 	}
-], on = {
+], sn = {
 	cell: (e) => [Q(0, 0, e)],
 	pair: (e) => [Q(0, 0, e), Q(1, 0, e)],
 	line: (e) => [
@@ -1483,7 +1507,7 @@ var Jt = ":host{width:var(--lattice-icon-size,var(--space-tree-4));height:var(--
 		Q(0, 0, e),
 		Q(1, 0, e)
 	],
-	flower: (e) => [Q(0, 0, e), ...an.map((t) => Q(t.q, t.r, e))],
+	flower: (e) => [Q(0, 0, e), ...on.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) => [
@@ -1497,25 +1521,27 @@ var Jt = ":host{width:var(--lattice-icon-size,var(--space-tree-4));height:var(--
 		$(1, 0, 0, e),
 		$(0, 0, 1, e)
 	],
-	hexagon: (e) => t({
+	hexagon: (t) => e({
 		q: 0,
 		r: 0
-	}).map((t) => $(t.i, t.j, t.k, e))
-}, 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) {
+	}).map((e) => $(e.i, e.j, e.k, t))
+}, cn = Object.keys(sn), ln = (e) => Math.min(7, Math.max(0, Math.round(Number.isFinite(e) ? e : 0))), un = (e) => typeof e == "number" && Number.isInteger(e), dn = !1, fn = (e) => {
+	dn || (dn = !0, console.warn(`<lattice-shape> parts is not JSON (${e.slice(0, 40)}): set parts as a property, and define the elements before the page first draws them`));
+};
+function pn(e, t) {
 	let n = e;
 	if (typeof n == "string") try {
 		n = JSON.parse(n);
 	} catch {
-		return [];
+		return fn(n), [];
 	}
 	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 && 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)] : [];
+		let { kind: n, at: r, tone: i } = e, a = ln(typeof i == "number" ? i : t);
+		return n === "cell" && r && un(r.q) && un(r.r) ? [Q(r.q, r.r, a)] : n === "tri" && r && un(r.i) && un(r.j) && (r.k === 0 || r.k === 1) ? [$(r.i, r.j, r.k, a)] : [];
 	}) : [];
 }
-function dn(e, t, i = 2) {
+function mn(e, t, n = 2) {
 	if (e.length === 0) return {
 		faces: [],
 		seams: "",
@@ -1526,20 +1552,20 @@ function dn(e, t, i = 2) {
 			height: 0
 		}
 	};
-	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 = {
+	let c = s("shape", e), l = o(c).flatMap((e) => a(e).map(r)), u = l.map((e) => e.x), d = l.map((e) => e.y), f = Math.min(...u) - n, p = Math.min(...d) - t - n, m = {
 		x: f,
 		y: p,
-		width: Math.max(...u) + i - f,
-		height: Math.max(...d) + i - p
+		width: Math.max(...u) + n - f,
+		height: Math.max(...d) + n - p
 	};
 	return {
-		...a(c, t),
+		...i(c, t),
 		box: m
 	};
 }
 //#endregion
 //#region src/elements/woods.css?inline
-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 {
+var hn = ".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)}", gn = /*#__PURE__*/ N("<svg class=\"shape woods\"part=shape><path class=seams>"), _n = /*#__PURE__*/ N("<svg><path></svg>", !1, !0, !1), vn = "lattice-shape", yn = (e) => Object.hasOwn(sn, e), bn = kt(`${hn}\n${rn}`), xn = class e extends Mt {
 	static observedAttributes = [
 		"shape",
 		"parts",
@@ -1560,11 +1586,23 @@ var fn = ".woods [data-tone]{--wood:var(--color-tree-wood-0)}.woods [data-tone=\
 	}
 	set shape(e) {
 		let t = String(e ?? "").toLowerCase();
-		this.shapeSignal[1](gn(t) ? t : "cell");
+		this.shapeSignal[1](yn(t) ? t : "cell");
 	}
+	made;
 	get parts() {
-		let e = this.partsSignal[0]();
-		return e === void 0 ? on[this.shape](this.tone) : un(e, this.tone);
+		let e = [
+			this.partsSignal[0](),
+			this.shape,
+			this.tone
+		];
+		if (!this.made || e.some((e, t) => e !== this.made?.from[t])) {
+			let [t, n, r] = e, i = t === void 0 ? sn[n](r) : pn(t, r);
+			this.made = {
+				from: e,
+				parts: i
+			};
+		}
+		return this.made.parts;
 	}
 	set parts(e) {
 		this.partsSignal[1](() => e === null || e === "" ? void 0 : e);
@@ -1573,7 +1611,7 @@ var fn = ".woods [data-tone]{--wood:var(--color-tree-wood-0)}.woods [data-tone=\
 		return this.toneSignal[0]();
 	}
 	set tone(e) {
-		this.toneSignal[1](cn(Y(e, 0)));
+		this.toneSignal[1](ln(Y(e, 0)));
 	}
 	get lift() {
 		return this.liftSignal[0]();
@@ -1598,21 +1636,21 @@ var fn = ".woods [data-tone]{--wood:var(--color-tree-wood-0)}.woods [data-tone=\
 		e === "parts" ? this.parts = n : Reflect.set(this, e, n ?? "");
 	}
 	sheet() {
-		return _n();
+		return bn();
 	}
 	draw() {
-		let e = D(() => dn(this.parts, this.lift)), t = () => e().box, n = this;
+		let e = D(() => mn(this.parts, this.lift)), t = () => e().box, n = this;
 		return (() => {
-			var r = pn(), i = r.firstChild;
-			return I(r, N(Oe, {
+			var r = gn(), i = r.firstChild;
+			return F(r, M(ke, {
 				get each() {
 					return e().faces;
 				},
 				children: (e) => (() => {
-					var t = mn();
+					var t = _n();
 					return E((n) => {
 						var r = `flat-${e.kind}`, i = e.tone, a = e.d;
-						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;
+						return r !== n.e && P(t, "class", n.e = r), i !== n.t && P(t, "data-tone", n.t = i), a !== n.a && P(t, "d", n.a = a), n;
 					}, {
 						e: void 0,
 						t: void 0,
@@ -1621,7 +1659,7 @@ var fn = ".woods [data-tone]{--wood:var(--color-tree-wood-0)}.woods [data-tone=\
 				})()
 			}), 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 && 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;
+				return o !== a.e && P(r, "width", a.e = o), s !== a.t && P(r, "height", a.t = s), c !== a.a && P(r, "viewBox", a.a = c), l !== a.o && P(r, "role", a.o = l), u !== a.i && P(r, "aria-label", a.i = u), d !== a.n && P(r, "aria-hidden", a.n = d), f !== a.s && P(i, "d", a.s = f), a;
 			}, {
 				e: void 0,
 				t: void 0,
@@ -1633,11 +1671,11 @@ var fn = ".woods [data-tone]{--wood:var(--color-tree-wood-0)}.woods [data-tone=\
 			}), 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() {
+}, Sn = (e) => At(vn, xn, e), Cn = ":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}", wn = 220;
+function Tn() {
 	let [e, t] = T([]), n, r = () => {
 		let i = performance.now();
-		t((e) => e.filter((e) => i - e.at < xn)), n = e().length > 0 ? requestAnimationFrame(r) : void 0;
+		t((e) => e.filter((e) => i - e.at < wn)), n = e().length > 0 ? requestAnimationFrame(r) : void 0;
 	};
 	return k(() => {
 		n !== void 0 && cancelAnimationFrame(n);
@@ -1653,7 +1691,7 @@ function Sn() {
 }
 //#endregion
 //#region src/elements/shears.tsx
-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 {
+var En = /*#__PURE__*/ N("<svg class=trail part=trail aria-hidden=true><polyline class=blade>"), Dn = "shears-pad", On = kt(Cn), kn = class e extends Mt {
 	static observedAttributes = ["disabled"];
 	inputs = e.observedAttributes;
 	disabledSignal = T(!1);
@@ -1661,52 +1699,64 @@ var Cn = /*#__PURE__*/ P("<svg class=trail part=trail aria-hidden=true><polyline
 		return this.disabledSignal[0]();
 	}
 	set disabled(e) {
-		this.disabledSignal[1](At(e));
+		this.disabledSignal[1](jt(e));
 	}
 	attributeChangedCallback(e, t, n) {
 		this.disabled = n;
 	}
 	sheet() {
-		return Tn();
+		return On();
 	}
 	draw() {
-		let e = Sn(), t, n, r = (e) => {
+		let e = Tn(), t, n, r = (e) => {
 			let t = this.getBoundingClientRect();
 			return {
 				x: e.clientX - t.left,
 				y: e.clientY - t.top
 			};
 		}, i = (e) => {
-			this.disabled || e.button !== 0 || t || (e.preventDefault(), n = e.pointerId, this.setPointerCapture(n), t = [r(e)], this.tell("stroke", {
-				points: [...t],
+			if (!t || n === void 0) return;
+			let r = t, i = n;
+			t = void 0, n = void 0, this.hasPointerCapture(i) && this.releasePointerCapture(i), this.tell("strokeend", {
+				points: r,
+				cancelled: e
+			});
+		}, a = (e) => {
+			if (this.disabled || e.button !== 0 || t) return;
+			e.preventDefault(), n = e.pointerId, this.setPointerCapture(n);
+			let i = r(e);
+			t = [i], this.tell("stroke", {
+				points: [i],
+				point: i,
 				fresh: !0
-			}));
-		}, a = (i) => {
+			});
+		}, o = (i) => {
 			if (!t || i.pointerId !== n) return;
 			let a = r(i);
 			t.push(a), e.add(a), this.tell("stroke", {
 				points: [...t],
+				point: a,
 				fresh: !1
 			});
-		}, o = (e) => {
-			if (!t || e.pointerId !== n) return;
-			let r = t;
-			t = void 0, this.hasPointerCapture(e.pointerId) && this.releasePointerCapture(e.pointerId), this.tell("strokeend", { points: r });
-		}, s = [
-			["pointerdown", i],
-			["pointermove", a],
-			["pointerup", o],
-			["pointercancel", o]
+		}, s = (e) => (t) => {
+			t.pointerId === n && i(e);
+		}, c = [
+			["pointerdown", a],
+			["pointermove", o],
+			["pointerup", s(!1)],
+			["pointercancel", s(!0)],
+			["lostpointercapture", s(!0)]
 		];
-		for (let [e, t] of s) this.addEventListener(e, t);
-		return k(() => {
-			for (let [e, t] of s) this.removeEventListener(e, t);
+		for (let [e, t] of c) this.addEventListener(e, t);
+		return te(ne(() => this.disabled, (e) => e && i(!0), { defer: !0 })), k(() => {
+			i(!0);
+			for (let [e, t] of c) this.removeEventListener(e, t);
 		}), (() => {
-			var t = Cn(), n = t.firstChild;
-			return E(() => F(n, "points", e.points())), t;
+			var t = En(), n = t.firstChild;
+			return E(() => P(n, "points", e.points())), t;
 		})();
 	}
-}, 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 {
+}, An = (e) => At(Dn, kn, e), jn = ":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)}", Mn = /*#__PURE__*/ N("<svg class=sky part=sky aria-hidden=true><defs><pattern patternUnits=userSpaceOnUse><path class=line></path></pattern></defs><rect width=100% height=100%>"), Nn = "hex-sky", Pn = kt(jn), Fn = 0, In = class e extends Mt {
 	static observedAttributes = [
 		"kind",
 		"orient",
@@ -1714,7 +1764,7 @@ var Cn = /*#__PURE__*/ P("<svg class=trail part=trail aria-hidden=true><polyline
 		"x",
 		"y"
 	];
-	inputs = t.observedAttributes;
+	inputs = e.observedAttributes;
 	kindSignal = T("sky");
 	orientSignal = T("pointy");
 	scaleSignal = T(1);
@@ -1755,28 +1805,28 @@ var Cn = /*#__PURE__*/ P("<svg class=trail part=trail aria-hidden=true><polyline
 		Reflect.set(this, e, n ?? "");
 	}
 	sheet() {
-		return jn();
+		return Pn();
 	}
 	draw() {
-		let t = `${An}-${++Mn}`, n = this;
+		let e = `${Nn}-${++Fn}`, r = this;
 		return (() => {
-			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;
+			var i = Mn(), a = i.firstChild, o = a.firstChild, s = o.firstChild, c = a.nextSibling;
+			return P(o, "id", e), P(c, "fill", `url(#${e})`), E((e) => {
+				var i = t.width, a = t.height, c = `translate(${r.x} ${r.y})${r.orient === "flat" ? " rotate(90)" : ""} scale(${r.scale})`, l = n[r.kind];
+				return i !== e.e && P(o, "width", e.e = i), a !== e.t && P(o, "height", e.t = a), c !== e.a && P(o, "patternTransform", e.a = c), l !== e.o && P(s, "d", e.o = l), e;
 			}, {
 				e: void 0,
 				t: void 0,
 				a: void 0,
 				o: void 0
-			}), r;
+			}), i;
 		})();
 	}
-}, Pn = () => kt(An, Nn);
+}, Ln = (e) => At(Nn, In, e);
 //#endregion
 //#region src/elements/index.ts
-function Fn() {
-	Ht(), Pn(), yn(), Dn(), tn();
+function Rn() {
+	Ut(), Ln(), Sn(), An(), nn();
 }
 //#endregion
-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 };
+export { Ft as _, Dn as a, Ut as b, xn as c, cn as d, an as f, nn as g, tn as h, Ln as i, vn as l, Qt as m, In as n, kn as o, $t as p, Nn as r, An as s, Rn as t, Sn as u, Ht as v, at as x, It as y };