@harmonics/lattice-ui 0.5.0 → 0.6.0

package/dist/elements-Czlt91Ar.js

@@ -1,1782 +0,0 @@
-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 c = {
-	context: void 0,
-	registry: void 0,
-	effects: void 0,
-	done: !1,
-	getContextId() {
-		return l(this.context.count);
-	},
-	getNextContextId() {
-		return l(this.context.count++);
-	}
-};
-function l(e) {
-	let t = String(e), n = t.length - 1;
-	return c.context.id + (n ? String.fromCharCode(96 + n) : "") + t;
-}
-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 = {
-	owned: null,
-	cleanups: null,
-	context: null,
-	owner: null
-}, 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(() => O(() => M(o)));
-	y = o, x = null;
-	try {
-		return j(s, !0);
-	} finally {
-		x = n, y = r;
-	}
-}
-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 [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));
-}
-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 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 O(e) {
-	if (x === null) return e();
-	let t = x;
-	x = null;
-	try {
-		return e();
-	} finally {
-		x = t;
-	}
-}
-function ne(e, t, n) {
-	let r = Array.isArray(e), i, a = n && n.defer;
-	return (n) => {
-		let o;
-		if (r) {
-			o = Array(e.length);
-			for (let t = 0; t < e.length; t++) o[t] = e[t]();
-		} else o = e();
-		if (a) return a = !1, n;
-		let s = O(() => t(o, i, n));
-		return i = o, s;
-	};
-}
-function k(e) {
-	return y === null || (y.cleanups === null ? y.cleanups = [e] : y.cleanups.push(e)), e;
-}
-var [re, ie] = /*@__PURE__*/ T(!1);
-function ae(e) {
-	let t;
-	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()));
-	return n.toArray = () => {
-		let e = n();
-		return Array.isArray(e) ? e : e == null ? [] : [e];
-	}, n;
-}
-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);
-		else {
-			let e = S;
-			S = null, j(() => ge(this), !1), S = e;
-		}
-	}
-	if (x) {
-		let e = this.observers;
-		if (!e || e[e.length - 1] !== x) {
-			let t = e ? e.length : 0;
-			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 && b.sources.has(this) ? this.tValue : this.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 (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 && j(() => {
-			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);
-			}
-			if (S.length > 1e6) throw S = [], Error();
-		}, !1);
-	}
-	return t;
-}
-function A(e) {
-	if (!e.fn) return;
-	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 ue(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);
-	} 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) {
-	let a = {
-		fn: e,
-		state: r,
-		updatedAt: null,
-		owned: null,
-		sources: null,
-		sourceSlots: null,
-		cleanups: null,
-		value: t,
-		owner: y,
-		context: y ? y.context : null,
-		pure: n
-	};
-	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) {
-	let t = b && b.running;
-	if ((t ? e.tState : e.state) === 0) return;
-	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 < 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 (b.disposed.has(t)) return;
-		}
-		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 j(e, t) {
-	if (S) return e();
-	let n = !1;
-	t || (S = []), C ? n = !0 : C = [], ee++;
-	try {
-		let t = e();
-		return pe(n), t;
-	} catch (e) {
-		n || (C = null), S = null, xe(e);
-	}
-}
-function pe(e) {
-	if (S &&= (me(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);
-				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]);
-					t.tOwned && (t.owned = t.tOwned), delete t.tValue, delete t.tOwned, t.tState = 0;
-				}
-				ie(!1);
-			}, !1);
-		} else if (b.running) {
-			b.running = !1, b.effects.push.apply(b.effects, C), C = null, ie(!0);
-			return;
-		}
-	}
-	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]);
-}
-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;
-		}
-		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]);
-}
-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 === g ? i !== t && (!i.updatedAt || i.updatedAt < ee) && fe(i) : e === _ && ge(i, t);
-		}
-	}
-}
-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 = _ : r.state = _, r.pure ? S.push(r) : C.push(r), r.observers && _e(r));
-	}
-}
-function M(e) {
-	let t;
-	if (e.sources) for (; e.sources.length;) {
-		let t = e.sources.pop(), n = e.sourceSlots.pop(), r = t.observers;
-		if (r && r.length) {
-			let e = r.pop(), i = t.observerSlots.pop();
-			n < r.length && (e.sourceSlots[i] = n, r[n] = e, t.observerSlots[n] = i);
-		}
-	}
-	if (e.tOwned) {
-		for (t = e.tOwned.length - 1; t >= 0; t--) M(e.tOwned[t]);
-		delete e.tOwned;
-	}
-	if (b && b.running && e.pure) ve(e, !0);
-	else if (e.owned) {
-		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;
-	}
-	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) {
-	return e instanceof Error ? e : Error(typeof e == "string" ? e : "Unknown error", { cause: e });
-}
-function be(e, t, n) {
-	try {
-		for (let n of t) n(e);
-	} catch (e) {
-		xe(e, n && n.owner || null);
-	}
-}
-function xe(e, t = y) {
-	let n = m && t && t.context && t.context[m], r = ye(e);
-	if (!n) throw r;
-	C ? C.push({
-		fn() {
-			be(r, n, t);
-		},
-		state: g
-	}) : be(r, n, t);
-}
-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 = 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]);
-			} else t.push(r);
-		}
-		return t;
-	}
-	return e;
-}
-var Ce = Symbol("fallback");
-function we(e) {
-	for (let t = 0; t < e.length; t++) e[t]();
-}
-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 (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 i;
-		});
-		function p(e) {
-			if (a[d] = e, s) {
-				let [e, n] = T(d);
-				return s[d] = n, t(c[d], e);
-			}
-			return t(c[d]);
-		}
-	};
-}
-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 d(e) {
-			a[c] = e;
-			let [n, r] = T(l[c]);
-			return o[c] = r, t(n, c);
-		}
-	};
-}
-function N(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));
-}
-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 = 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");
-				return n();
-			})) : a;
-		}
-		return e.fallback;
-	}, void 0, void 0);
-}
-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 = 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,
-				i
-			] : void 0);
-		}
-		return r;
-	});
-	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 ? O(() => o(a.keyed ? i() : () => {
-			if (O(n)()?.[0] !== r) throw De("Match");
-			return i();
-		})) : o;
-	}, void 0, void 0);
-}
-function Me(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) {
-	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 {
-		for (; t[i - 1] === n[a - 1];) i--, a--;
-		if (i === o) {
-			let t = a < r ? s ? n[s - 1].nextSibling : n[a - s] : c;
-			for (; s < a;) e.insertBefore(n[s++], t);
-		} else if (a === s) for (; o < i;) (!l || !l.has(t[o])) && t[o].remove(), o++;
-		else if (t[o] === n[a - 1] && n[s] === t[i - 1]) {
-			let r = t[--i].nextSibling;
-			e.insertBefore(n[s++], t[o++].nextSibling), e.insertBefore(n[--a], r), t[i] = n[a];
-		} else {
-			if (!l) {
-				l = /* @__PURE__ */ new Map();
-				let e = s;
-				for (; e < a;) l.set(n[e], e++);
-			}
-			let r = l.get(t[o]);
-			if (r != null) {
-				if (s < r && r < a) {
-					let c = o, u = 1, d;
-					for (; ++c < i && c < a && (d = l.get(t[c])) != null && d === r + u;) u++;
-					if (u > r - s) {
-						let i = t[o];
-						for (; s < r;) e.insertBefore(n[s++], i);
-					} else e.replaceChild(n[s++], t[o++]);
-				} else o++;
-			} else t[o++].remove();
-		}
-	}
-}
-function Pe(e, t, n, r = {}) {
-	let i;
-	return w((r) => {
-		i = r, t === document ? e() : I(t, e(), !n && t.firstChild ? null : void 0, n);
-	}, r.owner), () => {
-		i(), t.textContent = "";
-	};
-}
-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 ? () => 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 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 Fe(e) {
-	return !!c.context && !c.done && (!e || e.isConnected);
-}
-function Ie(e, t, n, r, i) {
-	let a = Fe(e);
-	if (a) {
-		!n && (n = [...e.childNodes]);
-		let t = [];
-		for (let e = 0; e < n.length; e++) {
-			let r = n[e];
-			r.nodeType === 8 && r.data.slice(0, 2) === "!$" ? r.remove() : t.push(r);
-		}
-		n = t;
-	}
-	for (; typeof n == "function";) n = n();
-	if (t === n) return n;
-	let o = typeof t, s = r !== void 0;
-	if (e = s && n[0] && n[0].parentNode || e, o === "string" || o === "number") {
-		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);
-		} 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);
-	} else if (o === "function") return E(() => {
-		let i = t();
-		for (; typeof i == "function";) i = i();
-		n = Ie(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 (a) {
-			if (!o.length) return n;
-			if (r === void 0) return n = [...e.childNodes];
-			let t = o[0];
-			if (t.parentNode !== e) return n;
-			let i = [t];
-			for (; (t = t.nextSibling) !== r;) i.push(t);
-			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));
-		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);
-		} else n == null || n === "" || !e.firstChild ? e.appendChild(t) : e.replaceChild(t, e.firstChild);
-		n = t;
-	}
-	return n;
-}
-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 = Le(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;
-				} else e.push(o), i = !0;
-			} else {
-				let t = String(o);
-				s && s.nodeType === 3 && s.data === t ? e.push(s) : e.push(document.createTextNode(t));
-			}
-		}
-	}
-	return i;
-}
-function Re(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) {
-	if (n === void 0) return e.textContent = "";
-	let i = r || document.createTextNode("");
-	if (t.length) {
-		let r = !1;
-		for (let a = t.length - 1; a >= 0; a--) {
-			let o = t[a];
-			if (i !== o) {
-				let t = o.parentNode === e;
-				!r && !a ? t ? e.replaceChild(i, o) : e.insertBefore(i, n) : t && o.remove();
-			} else r = !0;
-		}
-	} else e.insertBefore(i, n);
-	return [i];
-}
-//#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`;
-function Ue(e, t = {
-	x: 0,
-	y: 0
-}) {
-	let n = e.x - t.x, r = e.y - t.y, i = [
-		0,
-		60,
-		120
-	].map((e) => {
-		let t = e * Math.PI / 180;
-		return Math.abs(n * Math.cos(t) + r * Math.sin(t));
-	});
-	return Math.max(...i) / (Ve / 2);
-}
-var We = /* @__PURE__ */ new Map();
-function Ge(e) {
-	let t = We.get(e);
-	if (t) return t;
-	let n = 120 / e, r = n * Ve / 2, i = (e, t) => ({
-		x: r * t,
-		y: n * e + n / 2 * t
-	}), a = [];
-	for (let t = -2 * e; t <= 2 * e; t++) for (let n = -3 * e; n <= 3 * e; n++) for (let e of [0, 1]) {
-		let r = e === 0 ? [
-			i(n, t),
-			i(n, t + 1),
-			i(n + 1, t)
-		] : [
-			i(n, t + 1),
-			i(n + 1, t + 1),
-			i(n + 1, t)
-		], o = {
-			x: r.reduce((e, t) => e + t.x, 0) / 3 / 120,
-			y: r.reduce((e, t) => e + t.y, 0) / 3 / 120
-		};
-		Ue(o) < .999 && a.push({
-			corners: r,
-			mid: o,
-			i: n,
-			j: t,
-			k: e
-		});
-	}
-	return We.set(e, a), a;
-}
-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: Ke() * t,
-		y: R * n + R / 2 * t
-	};
-}, 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;
-}), 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
-	};
-}), 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;
-		let c = {
-			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) < Ke() * .999;
-	});
-}, Ze = (e, t) => {
-	let n = t * Math.tan(Math.PI / 6);
-	return [
-		{
-			x: e.x - t,
-			y: e.y - n
-		},
-		e,
-		{
-			x: e.x + t,
-			y: e.y - n
-		}
-	];
-}, 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), 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))), at = [
-	{
-		name: "Happy",
-		idle: "Bobs, blinks, cheeks glow",
-		at: (e) => {
-			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", B(V({
-					x: -.4,
-					y: .2
-				}, {
-					x: 0,
-					y: .5
-				}, {
-					x: .4,
-					y: .2
-				}), .045)],
-				["blush", W((e) => z({
-					x: e * .6,
-					y: .1
-				}, n))]
-			], e > 0 && J(e, 1.2) < .5 ? -1 : 0);
-		}
-	},
-	{
-		name: "Laughing",
-		idle: "Shakes with each ha",
-		at: (e) => {
-			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 * G,
-					y: -.36
-				}, {
-					x: e * G + .13,
-					y: -.12
-				}), .04))],
-				["ink", H(Je({
-					x: 0,
-					y: .16
-				}, .42, .36 + n), (e) => e.y > .16)],
-				["tongue", H(Je({
-					x: 0,
-					y: .16
-				}, .42, .36 + n), Je({
-					x: 0,
-					y: .5 + n
-				}, .22, .12))],
-				["glint", H(Je({
-					x: 0,
-					y: .16
-				}, .42, .36), (e) => e.y > .16 && e.y < .22)],
-				["blush", W((e) => z({
-					x: e * .62,
-					y: .06
-				}, .09))]
-			], -t);
-		}
-	},
-	{
-		name: "Sad",
-		idle: "A tear runs down; the lip trembles",
-		at: (e) => {
-			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", W((e) => t ? rt(e) : z(K(e), .13))],
-				["glint", W((e) => t ? () => !1 : $e({
-					x: e * G + .04,
-					y: -.22
-				}))],
-				["ink", W((e) => B([{
-					x: e * .52,
-					y: -.36
-				}, {
-					x: e * .2,
-					y: -.46
-				}], .035))],
-				["ink", q(B(V({
-					x: -.3,
-					y: .46
-				}, {
-					x: 0,
-					y: .18
-				}, {
-					x: .3,
-					y: .46
-				}), .04), r)],
-				["tear", U(z({
-					x: -.34,
-					y: n
-				}, .06), z({
-					x: -.34,
-					y: n + .12
-				}, .08))]
-			];
-		}
-	},
-	{
-		name: "Surprised",
-		idle: "Eyes dart; brows jump",
-		at: (e) => {
-			let t = e > 0 ? [
-				0,
-				-1,
-				0,
-				1
-			][Math.floor(J(e, 3.2) * 4)] : 0, n = e > 0 && J(e, 1.6) < .18 ? -1 : 0;
-			return [
-				["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
-				}, {
-					x: e * .34,
-					y: -.58
-				}, {
-					x: e * .16,
-					y: -.44
-				}), .035), n))],
-				["ink", H(z({
-					x: 0,
-					y: .36
-				}, .17), Ye(z({
-					x: 0,
-					y: .36
-				}, .09)))]
-			];
-		}
-	},
-	{
-		name: "Angry",
-		idle: "Fumes and shakes",
-		at: (e) => {
-			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", B(V({
-					x: -.32,
-					y: .42
-				}, {
-					x: 0,
-					y: .3
-				}, {
-					x: .32,
-					y: .42
-				}), .045)]
-			];
-			return r >= 0 && i.push(["tear", W((e) => z({
-				x: e * (.5 + r * .04),
-				y: -.46 - r * .14
-			}, .05 + r * .03))]), et(i, 0, t);
-		}
-	},
-	{
-		name: "Worried",
-		idle: "Sweats; glances about",
-		at: (e) => {
-			let t = e > 0 ? [
-				0,
-				-1,
-				-1,
-				0,
-				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", W((e) => q(z(K(e), .14), 0, t))],
-				["glint", W((e) => q($e({
-					x: e * G + .04,
-					y: -.22999999999999998
-				}), 0, t))],
-				["ink", W((e) => B([{
-					x: e * .54,
-					y: -.38
-				}, {
-					x: e * .16,
-					y: -.5
-				}], .035))],
-				["ink", B(Array.from({ length: 9 }, (e, t) => ({
-					x: -.4 + t * .1,
-					y: .36 + (t % 2 == 0 ? .04 : -.04) * r
-				})), .035)],
-				["tear", U(z({
-					x: .66,
-					y: -.46 + n * .3
-				}, .06), z({
-					x: .66,
-					y: -.34 + n * .3
-				}, .08))]
-			];
-		}
-	},
-	{
-		name: "Sleepy",
-		idle: "Breathes in its bubble",
-		at: (e) => {
-			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 * (G + t), a = -.13 - t * n;
-						return Xe([{
-							x: i,
-							y: a + .02
-						}, {
-							x: i,
-							y: a + .02 + r
-						}]);
-					};
-					return U(Xe(t), r(.04, .05), r(.09, .06), r(.14, .05));
-				})],
-				["blush", W((e) => z({
-					x: e * .56,
-					y: .16
-				}, .09))],
-				["ink", H(z({
-					x: 0,
-					y: .42
-				}, .12), Ye(z({
-					x: 0,
-					y: .42
-				}, .06)))],
-				["tear", U(z({
-					x: .42,
-					y: -.44 - i * .1
-				}, .04), z({
-					x: .5,
-					y: -.58 - i * .1
-				}, .06))]
-			];
-			return n || a.push(["tear", H(z({
-				x: .2,
-				y: .18
-			}, r), Ye(z({
-				x: .2,
-				y: .18
-			}, r - .06)))]), a;
-		}
-	},
-	{
-		name: "Wink",
-		idle: "Winks again",
-		at: (e) => {
-			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", z(K(-1), .15)],
-				["glint", $e({
-					x: -.34 + .05,
-					y: -.22999999999999998
-				})],
-				t ? ["ink", z(K(1), .15)] : ["ink", B(V({
-					x: .19000000000000003,
-					y: Qe
-				}, {
-					x: G,
-					y: -.3
-				}, {
-					x: .49,
-					y: Qe
-				}), .04)],
-				["ink", B(V({
-					x: -.3,
-					y: .32
-				}, {
-					x: .06,
-					y: .5
-				}, {
-					x: .38,
-					y: .22
-				}), .045)],
-				["blush", z({
-					x: .6,
-					y: .1
-				}, n)]
-			];
-		}
-	},
-	{
-		name: "Smitten",
-		idle: "Hearts beat",
-		at: (e) => {
-			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
-			}, {
-				x: 0,
-				y: .5
-			}, {
-				x: .34,
-				y: .24
-			}), .045)]];
-		}
-	}
-], ot = (e, t) => {
-	let n = "plate";
-	for (let [r, i] of e) i(t) && (n = r);
-	return n;
-}, 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 * 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] = 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] = st(e);
-				break;
-			}
-		} else if (n === "cubes" && r !== "plate" && r !== "glint") {
-			let n = (e.k === 0 ? [
-				[e.i, e.j],
-				[e.i, e.j + 1],
-				[e.i + 1, e.j]
-			] : [
-				[e.i, e.j + 1],
-				[e.i + 1, e.j + 1],
-				[e.i + 1, e.j]
-			]).find(([e, t]) => ((t - e) % 3 + 3) % 3 == 0), r = {
-				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";
-		}
-	}), {
-		inks: i,
-		shades: a
-	};
-}
-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) ?? {
-			ink: a,
-			shade: o,
-			d: []
-		};
-		c.d.push(He(e.corners)), r.set(s, c);
-	}), [...r.values()].map((e) => ({
-		ink: e.ink,
-		shade: e.shade,
-		d: e.d.join("")
-	}));
-}
-//#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;
-function ht(e, t) {
-	let n = (e) => ({
-		x: e.x,
-		y: e.y - t
-	}), [, , r, i, a] = e;
-	return {
-		shade: He([
-			a,
-			i,
-			n(i),
-			n(a)
-		]),
-		shadow: He([
-			i,
-			r,
-			n(r),
-			n(i)
-		]),
-		top: He(e.map(n))
-	};
-}
-var gt = {
-	happy: "Happy",
-	content: "Happy",
-	asleep: "Sleepy",
-	sad: "Sad",
-	distressed: "Worried",
-	puzzled: "Surprised",
-	relieved: "Laughing"
-}, _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] = T(0);
-	te(() => {
-		if (t()) {
-			o(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
-	};
-}
-function St(e) {
-	return N(ke, {
-		get each() {
-			return e.drawing;
-		},
-		children: (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;
-			}, {
-				e: void 0,
-				t: void 0,
-				a: void 0
-			}), t;
-		})()
-	});
-}
-//#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) {
-	let t;
-	return () => (t || (t = new CSSStyleSheet(), t.replaceSync(`${Dt}\n${Tt}\n${e}`)), t);
-}
-function kt(e, t) {
-	typeof customElements < "u" && (customElements.get(e) || customElements.define(e, 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 {
-	dispose;
-	connectedCallback() {
-		for (let e of this.inputs) if (Object.hasOwn(this, e)) {
-			let t = Reflect.get(this, e);
-			Reflect.deleteProperty(this, e), Reflect.set(this, e, t);
-		}
-		if (this.dispose) return;
-		let e = this.shadowRoot ?? this.attachShadow({ mode: "open" });
-		e.adoptedStyleSheets = [this.sheet()], this.dispose = Pe(() => this.draw(), e);
-	}
-	disconnectedCallback() {
-		this.dispose?.(), this.dispose = void 0;
-	}
-	tell(e, t) {
-		this.dispatchEvent(new CustomEvent(e, {
-			detail: t,
-			bubbles: !0,
-			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([
-	{
-		x: 0,
-		y: -120
-	},
-	{
-		x: X,
-		y: -60
-	},
-	{
-		x: X,
-		y: 60
-	},
-	{
-		x: 0,
-		y: 120
-	},
-	{
-		x: -X,
-		y: 60
-	},
-	{
-		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 {
-	static observedAttributes = [
-		"mood",
-		"expression",
-		"pulse",
-		"still",
-		"size",
-		"label",
-		"decorative"
-	];
-	inputs = e.observedAttributes;
-	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](It(t) ? t : "happy");
-	}
-	get expression() {
-		return this.expressionSignal[0]();
-	}
-	set expression(e) {
-		this.expressionSignal[1](String(e ?? ""));
-	}
-	get pulse() {
-		return this.pulseSignal[0]();
-	}
-	set pulse(e) {
-		this.pulseSignal[1](Y(e, 0));
-	}
-	get still() {
-		return this.stillSignal[0]();
-	}
-	set still(e) {
-		this.stillSignal[1](At(e));
-	}
-	get size() {
-		return this.sizeSignal[0]();
-	}
-	set size(e) {
-		this.sizeSignal[1](Math.max(1, Y(e, 96)));
-	}
-	get label() {
-		return this.labelSignal[0]();
-	}
-	set label(e) {
-		this.labelSignal[1](String(e ?? ""));
-	}
-	get decorative() {
-		return this.decorativeSignal[0]();
-	}
-	set decorative(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 Bt();
-	}
-	draw() {
-		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 = 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 = Nt();
-					return I(t, N(St, { 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;
-			}, {
-				e: void 0,
-				t: void 0,
-				a: void 0,
-				o: void 0,
-				i: void 0,
-				n: void 0,
-				s: void 0,
-				h: void 0,
-				r: void 0
-			}), 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) => {
-	let r = n * Math.sqrt(3) / 2;
-	return [
-		{
-			x: e,
-			y: t - n
-		},
-		{
-			x: e + r,
-			y: t - n / 2
-		},
-		{
-			x: e + r,
-			y: t + n / 2
-		},
-		{
-			x: e,
-			y: t + n
-		},
-		{
-			x: e - r,
-			y: t + n / 2
-		},
-		{
-			x: e - r,
-			y: t - n / 2
-		}
-	];
-};
-function Kt() {
-	let e = (e, t) => [
-		e,
-		{
-			x: e.x + t * 8.66,
-			y: e.y - 5
-		},
-		{
-			x: e.x + t * 8.66,
-			y: e.y - 6.6
-		},
-		{
-			x: e.x,
-			y: e.y - 1.6
-		}
-	];
-	return (() => {
-		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 = ze(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;
-		}, {
-			e: void 0,
-			t: void 0,
-			a: void 0,
-			o: void 0
-		}), t;
-	})();
-}
-function qt() {
-	return (() => {
-		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 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 = T("shears");
-	labelSignal = T("");
-	get name() {
-		return this.nameSignal[0]();
-	}
-	set name(e) {
-		this.nameSignal[1](String(e ?? "").toLowerCase() === "done" ? "done" : "shears");
-	}
-	get label() {
-		return this.labelSignal[0]();
-	}
-	set label(e) {
-		this.labelSignal[1](String(e ?? ""));
-	}
-	attributeChangedCallback(e, t, n) {
-		Reflect.set(this, e, n ?? "");
-	}
-	sheet() {
-		return $t();
-	}
-	draw() {
-		let e = () => {
-			let e = this;
-			return N(je, { get children() {
-				return [N(Me, {
-					get when() {
-						return e.name === "done";
-					},
-					get children() {
-						return N(qt, {});
-					}
-				}), N(Me, {
-					get when() {
-						return e.name === "shears";
-					},
-					get children() {
-						return N(Kt, {});
-					}
-				})];
-			} });
-		}, t = this;
-		return N(Ae, {
-			get when() {
-				return t.label;
-			},
-			get fallback() {
-				return (() => {
-					var t = Yt();
-					return I(t, e), t;
-				})();
-			},
-			children: (t) => (() => {
-				var n = Xt();
-				return I(n, e), E(() => F(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) => ({
-	kind: "cell",
-	at: {
-		q: e,
-		r: t
-	},
-	tone: n
-}), $ = (e, t, n, r) => ({
-	kind: "tri",
-	at: {
-		i: e,
-		j: t,
-		k: n
-	},
-	tone: r
-}), an = [
-	{
-		q: 1,
-		r: 0
-	},
-	{
-		q: 0,
-		r: 1
-	},
-	{
-		q: -1,
-		r: 1
-	},
-	{
-		q: -1,
-		r: 0
-	},
-	{
-		q: 0,
-		r: -1
-	},
-	{
-		q: 1,
-		r: -1
-	}
-], on = {
-	cell: (e) => [Q(0, 0, e)],
-	pair: (e) => [Q(0, 0, e), Q(1, 0, e)],
-	line: (e) => [
-		Q(-1, 0, e),
-		Q(0, 0, e),
-		Q(1, 0, 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) => [
-		$(0, 0, 0, e),
-		$(0, 0, 1, e),
-		$(0, 1, 0, e)
-	],
-	"big-triangle": (e) => [
-		$(0, 0, 0, e),
-		$(0, 1, 0, e),
-		$(1, 0, 0, e),
-		$(0, 0, 1, e)
-	],
-	hexagon: (e) => t({
-		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) {
-	let n = e;
-	if (typeof n == "string") try {
-		n = JSON.parse(n);
-	} catch {
-		return [];
-	}
-	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)] : [];
-	}) : [];
-}
-function dn(e, t, i = 2) {
-	if (e.length === 0) return {
-		faces: [],
-		seams: "",
-		box: {
-			x: 0,
-			y: 0,
-			width: 0,
-			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 = {
-		x: f,
-		y: p,
-		width: Math.max(...u) + i - f,
-		height: Math.max(...d) + i - p
-	};
-	return {
-		...a(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 {
-	static observedAttributes = [
-		"shape",
-		"parts",
-		"tone",
-		"lift",
-		"scale",
-		"label"
-	];
-	inputs = e.observedAttributes;
-	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](gn(t) ? t : "cell");
-	}
-	get parts() {
-		let e = this.partsSignal[0]();
-		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);
-	}
-	get tone() {
-		return this.toneSignal[0]();
-	}
-	set tone(e) {
-		this.toneSignal[1](cn(Y(e, 0)));
-	}
-	get lift() {
-		return this.liftSignal[0]();
-	}
-	set lift(e) {
-		this.liftSignal[1](Math.max(0, Y(e, 8)));
-	}
-	get scale() {
-		return this.scaleSignal[0]();
-	}
-	set scale(e) {
-		let t = Y(e, 1);
-		this.scaleSignal[1](t > 0 ? t : 1);
-	}
-	get label() {
-		return this.labelSignal[0]();
-	}
-	set label(e) {
-		this.labelSignal[1](String(e ?? ""));
-	}
-	attributeChangedCallback(e, t, n) {
-		e === "parts" ? this.parts = n : Reflect.set(this, e, n ?? "");
-	}
-	sheet() {
-		return _n();
-	}
-	draw() {
-		let e = D(() => dn(this.parts, this.lift)), t = () => e().box, n = this;
-		return (() => {
-			var r = pn(), i = r.firstChild;
-			return I(r, N(Oe, {
-				get each() {
-					return e().faces;
-				},
-				children: (e) => (() => {
-					var t = mn();
-					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;
-					}, {
-						e: void 0,
-						t: void 0,
-						a: void 0
-					}), t;
-				})()
-			}), 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;
-			}, {
-				e: void 0,
-				t: void 0,
-				a: void 0,
-				o: void 0,
-				i: void 0,
-				n: void 0,
-				s: void 0
-			}), 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 < xn)), n = e().length > 0 ? requestAnimationFrame(r) : void 0;
-	};
-	return k(() => {
-		n !== void 0 && cancelAnimationFrame(n);
-	}), {
-		points: () => e().map((e) => `${e.p.x},${e.p.y}`).join(" "),
-		add: (e) => {
-			t((t) => [...t, {
-				p: e,
-				at: performance.now()
-			}]), n ??= requestAnimationFrame(r);
-		}
-	};
-}
-//#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 {
-	static observedAttributes = ["disabled"];
-	inputs = e.observedAttributes;
-	disabledSignal = T(!1);
-	get disabled() {
-		return this.disabledSignal[0]();
-	}
-	set disabled(e) {
-		this.disabledSignal[1](At(e));
-	}
-	attributeChangedCallback(e, t, n) {
-		this.disabled = n;
-	}
-	sheet() {
-		return Tn();
-	}
-	draw() {
-		let e = Sn(), 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],
-				fresh: !0
-			}));
-		}, a = (i) => {
-			if (!t || i.pointerId !== n) return;
-			let a = r(i);
-			t.push(a), e.add(a), this.tell("stroke", {
-				points: [...t],
-				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]
-		];
-		for (let [e, t] of s) this.addEventListener(e, t);
-		return k(() => {
-			for (let [e, t] of s) this.removeEventListener(e, t);
-		}), (() => {
-			var t = Cn(), n = t.firstChild;
-			return E(() => F(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 {
-	static observedAttributes = [
-		"kind",
-		"orient",
-		"scale",
-		"x",
-		"y"
-	];
-	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 = Y(e, 1);
-		this.scaleSignal[1](t > 0 ? t : 1);
-	}
-	get x() {
-		return this.xSignal[0]();
-	}
-	set x(e) {
-		this.xSignal[1](Y(e, 0));
-	}
-	get y() {
-		return this.ySignal[0]();
-	}
-	set y(e) {
-		this.ySignal[1](Y(e, 0));
-	}
-	attributeChangedCallback(e, t, n) {
-		Reflect.set(this, e, n ?? "");
-	}
-	sheet() {
-		return jn();
-	}
-	draw() {
-		let t = `${An}-${++Mn}`, n = 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;
-			}, {
-				e: void 0,
-				t: void 0,
-				a: void 0,
-				o: void 0
-			}), r;
-		})();
-	}
-}, Pn = () => kt(An, Nn);
-//#endregion
-//#region src/elements/index.ts
-function Fn() {
-	Ht(), Pn(), yn(), Dn(), tn();
-}
-//#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 };