@harmonics/lattice-ui 0.0.0-stage → 0.4.0

package/dist/elements-BJBhL4LI.js

@@ -0,0 +1,1774 @@
+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",
+		"scale",
+		"x",
+		"y"
+	];
+	inputs = t.observedAttributes;
+	kindSignal = T("sky");
+	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 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}) 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 };