@harmonics/lattice-ui 0.0.0-stage → 0.1.0

package/dist/elements-DMimFemm.js

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