@harmonics/lattice-ui 0.6.0 → 0.7.0

package/dist/{woods-FI5aDpfQ.js → woods-C8W11GkD.js}

@@ -19,7 +19,7 @@ function s(e) {
 function c(e) {
 	o.context = e;
 }
-var l = (e, t) => e === t, u = Symbol("solid-track"), d = { equals: l }, f = null, p = ce, m = 1, h = 2, g = {
+var l = (e, t) => e === t, u = Symbol("solid-track"), d = { equals: l }, f = null, p = oe, m = 1, h = 2, g = {
 	owned: null,
 	cleanups: null,
 	context: null,
@@ -31,10 +31,10 @@ function C(e, t) {
 		cleanups: null,
 		context: a ? a.context : null,
 		owner: a
-	}, s = i ? e : () => e(() => D(() => R(o)));
+	}, s = i ? e : () => e(() => D(() => z(o)));
 	_ = o, y = null;
 	try {
-		return F(s, !0);
+		return I(s, !0);
 	} finally {
 		y = n, _ = r;
 	}
@@ -50,16 +50,16 @@ function w(e, t) {
 	return [A.bind(n), (e) => (typeof e == "function" && (e = v && v.running && v.sources.has(n) ? e(n.tValue) : e(n.value)), j(n, e))];
 }
 function T(e, t, n) {
-	M(N(e, t, !1, m));
+	M(P(e, t, !1, m));
 }
 function ee(e, t, n) {
-	p = le;
-	let r = N(e, t, !1, m), i = k && ie(k);
+	p = se;
+	let r = P(e, t, !1, m), i = k && ie(k);
 	i && (r.suspense = i), (!n || !n.render) && (r.user = !0), x ? x.push(r) : M(r);
 }
 function E(e, t, n) {
 	n = n ? Object.assign({}, d, n) : d;
-	let r = N(e, t, !0, 0);
+	let r = P(e, t, !0, 0);
 	return r.observers = null, r.observerSlots = null, r.comparator = n.equals || void 0, M(r), A.bind(r);
 }
 function D(e) {
@@ -93,13 +93,6 @@ function ie(e) {
 	let t;
 	return _ && _.context && (t = _.context[e.id]) !== void 0 ? t : e.defaultValue;
 }
-function ae(e) {
-	let t = E(e), n = E(() => H(t()));
-	return n.toArray = () => {
-		let e = n();
-		return Array.isArray(e) ? e : e == null ? [] : [e];
-	}, n;
-}
 var k;
 function A() {
 	let e = v && v.running;
@@ -107,7 +100,7 @@ function A() {
 		if ((e ? this.tState : this.state) === m) M(this);
 		else {
 			let e = b;
-			b = null, F(() => I(this), !1), b = e;
+			b = null, I(() => L(this), !1), b = e;
 		}
 	}
 	if (y) {
@@ -126,10 +119,10 @@ function j(e, t, n) {
 			let r = v.running;
 			(r || !n && v.sources.has(e)) && (v.sources.add(e), e.tValue = t), r || (e.value = t);
 		} else e.value = t;
-		e.observers && e.observers.length && F(() => {
+		e.observers && e.observers.length && I(() => {
 			for (let t = 0; t < e.observers.length; t += 1) {
 				let n = e.observers[t], r = v && v.running;
-				r && v.disposed.has(n) || ((r ? !n.tState : !n.state) && (n.pure ? b.push(n) : x.push(n), n.observers && L(n)), r ? n.tState = m : n.state = m);
+				r && v.disposed.has(n) || ((r ? !n.tState : !n.state) && (n.pure ? b.push(n) : x.push(n), n.observers && R(n)), r ? n.tState = m : n.state = m);
 			}
 			if (b.length > 1e6) throw b = [], Error();
 		}, !1);
@@ -138,27 +131,27 @@ function j(e, t, n) {
 }
 function M(e) {
 	if (!e.fn) return;
-	R(e);
+	z(e);
 	let t = S;
-	oe(e, v && v.running && v.sources.has(e) ? e.tValue : e.value, t), v && !v.running && v.sources.has(e) && queueMicrotask(() => {
-		F(() => {
-			v && (v.running = !0), y = _ = e, oe(e, e.tValue, t), y = _ = null;
+	N(e, v && v.running && v.sources.has(e) ? e.tValue : e.value, t), v && !v.running && v.sources.has(e) && queueMicrotask(() => {
+		I(() => {
+			v && (v.running = !0), y = _ = e, N(e, e.tValue, t), y = _ = null;
 		}, !1);
 	});
 }
-function oe(e, t, n) {
+function N(e, t, n) {
 	let r, i = _, a = y;
 	y = _ = e;
 	try {
 		r = e.fn(t);
 	} catch (t) {
-		return e.pure && (v && v.running ? (e.tState = m, e.tOwned && e.tOwned.forEach(R), e.tOwned = void 0) : (e.state = m, e.owned && e.owned.forEach(R), e.owned = null)), e.updatedAt = n + 1, V(t);
+		return e.pure && (v && v.running ? (e.tState = m, e.tOwned && e.tOwned.forEach(z), e.tOwned = void 0) : (e.state = m, e.owned && e.owned.forEach(z), e.owned = null)), e.updatedAt = n + 1, H(t);
 	} finally {
 		y = a, _ = i;
 	}
 	(!e.updatedAt || e.updatedAt <= n) && (e.updatedAt != null && "observers" in e ? j(e, r, !0) : v && v.running && e.pure ? (v.sources.has(e) || (e.value = r), v.sources.add(e), e.tValue = r) : e.value = r, e.updatedAt = n);
 }
-function N(e, t, n, r = m, i) {
+function P(e, t, n, r = m, i) {
 	let a = {
 		fn: e,
 		state: r,
@@ -174,10 +167,10 @@ function N(e, t, n, r = m, i) {
 	};
 	return v && v.running && (a.state = 0, a.tState = r), _ === null || _ !== g && (v && v.running && _.pure ? _.tOwned ? _.tOwned.push(a) : _.tOwned = [a] : _.owned ? _.owned.push(a) : _.owned = [a]), a;
 }
-function P(e) {
+function F(e) {
 	let t = v && v.running;
 	if ((t ? e.tState : e.state) === 0) return;
-	if ((t ? e.tState : e.state) === h) return I(e);
+	if ((t ? e.tState : e.state) === h) return L(e);
 	if (e.suspense && D(e.suspense.inFallback)) return e.suspense.effects.push(e);
 	let n = [e];
 	for (; (e = e.owner) && (!e.updatedAt || e.updatedAt < S);) {
@@ -192,33 +185,33 @@ function P(e) {
 		if ((t ? e.tState : e.state) === m) M(e);
 		else if ((t ? e.tState : e.state) === h) {
 			let t = b;
-			b = null, F(() => I(e, n[0]), !1), b = t;
+			b = null, I(() => L(e, n[0]), !1), b = t;
 		}
 	}
 }
-function F(e, t) {
+function I(e, t) {
 	if (b) return e();
 	let n = !1;
 	t || (b = []), x ? n = !0 : x = [], S++;
 	try {
 		let t = e();
-		return se(n), t;
+		return ae(n), t;
 	} catch (e) {
-		n || (x = null), b = null, V(e);
+		n || (x = null), b = null, H(e);
 	}
 }
-function se(e) {
-	if (b &&= (ce(b), null), e) return;
+function ae(e) {
+	if (b &&= (oe(b), null), e) return;
 	let t;
 	if (v) {
 		if (!v.promises.size && !v.queue.size) {
 			let e = v.sources, n = v.disposed;
 			x.push.apply(x, v.effects), t = v.resolve;
 			for (let e of x) "tState" in e && (e.state = e.tState), delete e.tState;
-			v = null, F(() => {
-				for (let e of n) R(e);
+			v = null, I(() => {
+				for (let e of n) z(e);
 				for (let t of e) {
-					if (t.value = t.tValue, t.owned) for (let e = 0, n = t.owned.length; e < n; e++) R(t.owned[e]);
+					if (t.value = t.tValue, t.owned) for (let e = 0, n = t.owned.length; e < n; e++) z(t.owned[e]);
 					t.tOwned && (t.owned = t.tOwned), delete t.tValue, delete t.tOwned, t.tState = 0;
 				}
 				re(!1);
@@ -229,16 +222,16 @@ function se(e) {
 		}
 	}
 	let n = x;
-	x = null, n.length && F(() => p(n), !1), t && t();
+	x = null, n.length && I(() => p(n), !1), t && t();
 }
-function ce(e) {
-	for (let t = 0; t < e.length; t++) P(e[t]);
+function oe(e) {
+	for (let t = 0; t < e.length; t++) F(e[t]);
 }
-function le(e) {
+function se(e) {
 	let t, n = 0;
 	for (t = 0; t < e.length; t++) {
 		let r = e[t];
-		r.user ? e[n++] = r : P(r);
+		r.user ? e[n++] = r : F(r);
 	}
 	if (o.context) {
 		if (o.count) {
@@ -247,27 +240,27 @@ function le(e) {
 		}
 		c();
 	}
-	for (o.effects && (o.done || !o.count) && (e = [...o.effects, ...e], n += o.effects.length, delete o.effects), t = 0; t < n; t++) P(e[t]);
+	for (o.effects && (o.done || !o.count) && (e = [...o.effects, ...e], n += o.effects.length, delete o.effects), t = 0; t < n; t++) F(e[t]);
 }
-function I(e, t) {
+function L(e, t) {
 	let n = v && v.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 === m ? i !== t && (!i.updatedAt || i.updatedAt < S) && P(i) : e === h && I(i, t);
+			e === m ? i !== t && (!i.updatedAt || i.updatedAt < S) && F(i) : e === h && L(i, t);
 		}
 	}
 }
-function L(e) {
+function R(e) {
 	let t = v && v.running;
 	for (let n = 0; n < e.observers.length; n += 1) {
 		let r = e.observers[n];
-		(t ? !r.tState : !r.state) && (t ? r.tState = h : r.state = h, r.pure ? b.push(r) : x.push(r), r.observers && L(r));
+		(t ? !r.tState : !r.state) && (t ? r.tState = h : r.state = h, r.pure ? b.push(r) : x.push(r), r.observers && R(r));
 	}
 }
-function R(e) {
+function z(e) {
 	let t;
 	if (e.sources) for (; e.sources.length;) {
 		let t = e.sources.pop(), n = e.sourceSlots.pop(), r = t.observers;
@@ -277,12 +270,12 @@ function R(e) {
 		}
 	}
 	if (e.tOwned) {
-		for (t = e.tOwned.length - 1; t >= 0; t--) R(e.tOwned[t]);
+		for (t = e.tOwned.length - 1; t >= 0; t--) z(e.tOwned[t]);
 		delete e.tOwned;
 	}
-	if (v && v.running && e.pure) z(e, !0);
+	if (v && v.running && e.pure) B(e, !0);
 	else if (e.owned) {
-		for (t = e.owned.length - 1; t >= 0; t--) R(e.owned[t]);
+		for (t = e.owned.length - 1; t >= 0; t--) z(e.owned[t]);
 		e.owned = null;
 	}
 	if (e.cleanups) {
@@ -291,49 +284,34 @@ function R(e) {
 	}
 	v && v.running ? e.tState = 0 : e.state = 0;
 }
-function z(e, t) {
-	if (t || (e.tState = 0, v.disposed.add(e)), e.owned) for (let t = 0; t < e.owned.length; t++) z(e.owned[t]);
+function B(e, t) {
+	if (t || (e.tState = 0, v.disposed.add(e)), e.owned) for (let t = 0; t < e.owned.length; t++) B(e.owned[t]);
 }
-function ue(e) {
+function ce(e) {
 	return e instanceof Error ? e : Error(typeof e == "string" ? e : "Unknown error", { cause: e });
 }
-function B(e, t, n) {
+function V(e, t, n) {
 	try {
 		for (let n of t) n(e);
 	} catch (e) {
-		V(e, n && n.owner || null);
+		H(e, n && n.owner || null);
 	}
 }
-function V(e, t = _) {
-	let n = f && t && t.context && t.context[f], r = ue(e);
+function H(e, t = _) {
+	let n = f && t && t.context && t.context[f], r = ce(e);
 	if (!n) throw r;
 	x ? x.push({
 		fn() {
-			B(r, n, t);
+			V(r, n, t);
 		},
 		state: m
-	}) : B(r, n, t);
-}
-function H(e) {
-	if (typeof e == "function" && !e.length) return H(e());
-	if (Array.isArray(e)) {
-		let t = [];
-		for (let n = 0; n < e.length; n++) {
-			let r = H(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;
+	}) : V(r, n, t);
 }
 var U = Symbol("fallback");
 function W(e) {
 	for (let t = 0; t < e.length; t++) e[t]();
 }
-function de(e, t, n = {}) {
+function le(e, t, n = {}) {
 	let r = [], i = [], a = [], o = 0, s = t.length > 1 ? [] : null;
 	return O(() => W(a)), () => {
 		let c = e() || [], l = c.length, d, f;
@@ -362,7 +340,7 @@ function de(e, t, n = {}) {
 		}
 	};
 }
-function fe(e, t, n = {}) {
+function ue(e, t, n = {}) {
 	let r = [], i = [], a = [], o = [], s = 0, c;
 	return O(() => W(a)), () => {
 		let l = e() || [], d = l.length;
@@ -379,62 +357,36 @@ function fe(e, t, n = {}) {
 		}
 	};
 }
-function pe(e, t) {
+function de(e, t) {
 	return D(() => e(t || {}));
 }
-var G = (e) => `Stale read from <${e}>.`;
-function me(e) {
+var fe = (e) => `Stale read from <${e}>.`;
+function pe(e) {
 	let t = "fallback" in e && { fallback: () => e.fallback };
-	return E(de(() => e.each, e.children, t || void 0));
+	return E(le(() => e.each, e.children, t || void 0));
 }
-function he(e) {
+function me(e) {
 	let t = "fallback" in e && { fallback: () => e.fallback };
-	return E(fe(() => e.each, e.children, t || void 0));
+	return E(ue(() => e.each, e.children, t || void 0));
 }
-function ge(e) {
+function he(e) {
 	let t = e.keyed, n = E(() => e.when, void 0, void 0), r = t ? n : E(n, void 0, { equals: (e, t) => !e == !t });
 	return E(() => {
 		let i = r();
 		if (i) {
 			let a = e.children;
 			return typeof a == "function" && a.length > 0 ? D(() => a(t ? i : () => {
-				if (!D(r)) throw G("Show");
+				if (!D(r)) throw fe("Show");
 				return n();
 			})) : a;
 		}
 		return e.fallback;
 	}, void 0, void 0);
 }
-function _e(e) {
-	let t = ae(() => e.children), n = E(() => {
-		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 = E(() => a() ? void 0 : i.when, void 0, void 0), s = i.keyed ? o : E(o, void 0, { equals: (e, t) => !e == !t });
-			r = () => a() || (s() ? [
-				t,
-				o,
-				i
-			] : void 0);
-		}
-		return r;
-	});
-	return E(() => {
-		let t = n()();
-		if (!t) return e.fallback;
-		let [r, i, a] = t, o = a.children;
-		return typeof o == "function" && o.length > 0 ? D(() => o(a.keyed ? i() : () => {
-			if (D(n)()?.[0] !== r) throw G("Match");
-			return i();
-		})) : o;
-	}, void 0, void 0);
-}
-function ve(e) {
-	return e;
-}
 //#endregion
 //#region ../../node_modules/.bun/solid-js@1.9.17/node_modules/solid-js/web/dist/web.js
-var ye = (e) => E(() => e());
-function be(e, t, n) {
+var ge = (e) => E(() => e());
+function _e(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 {
@@ -466,43 +418,43 @@ function be(e, t, n) {
 		}
 	}
 }
-function xe(e, t, n, r = {}) {
+function ve(e, t, n, r = {}) {
 	let i;
 	return C((r) => {
-		i = r, t === document ? e() : K(t, e(), !n && t.firstChild ? null : void 0, n);
+		i = r, t === document ? e() : G(t, e(), !n && t.firstChild ? null : void 0, n);
 	}, r.owner), () => {
 		i(), t.textContent = "";
 	};
 }
-function Se(e, t, n, r) {
+function ye(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 ? () => D(() => document.importNode(i ||= a(), !0)) : () => (i ||= a()).cloneNode(!0);
 	return o.cloneNode = o, o;
 }
-function Ce(e, t, n) {
-	Ee(e) || (n == null ? e.removeAttribute(t) : e.setAttribute(t, n));
+function be(e, t, n) {
+	K(e) || (n == null ? e.removeAttribute(t) : e.setAttribute(t, n));
 }
-function we(e, t, n, r) {
+function xe(e, t, n, r) {
 	if (r) Array.isArray(n) ? (e[`$$${t}`] = n[0], e[`$$${t}Data`] = n[1]) : e[`$$${t}`] = n;
 	else if (Array.isArray(n)) {
 		let r = n[0];
 		e.addEventListener(t, n[0] = (t) => r.call(e, n[1], t));
 	} else e.addEventListener(t, n, typeof n != "function" && n);
 }
-function Te(e, t, n) {
+function Se(e, t, n) {
 	return D(() => e(t, n));
 }
-function K(e, t, n, r) {
+function G(e, t, n, r) {
 	if (n !== void 0 && !r && (r = []), typeof t != "function") return q(e, t, r, n);
 	T((r) => q(e, t(), r, n), r);
 }
-function Ee(e) {
+function K(e) {
 	return !!o.context && !o.done && (!e || e.isConnected);
 }
 function q(e, t, n, r, i) {
-	let a = Ee(e);
+	let a = K(e);
 	if (a) {
 		!n && (n = [...e.childNodes]);
 		let t = [];
@@ -543,7 +495,7 @@ function q(e, t, n, r, i) {
 		}
 		if (o.length === 0) {
 			if (n = Y(e, n, r), s) return n;
-		} else c ? n.length === 0 ? De(e, o, r) : be(e, n, o) : (n && Y(e), De(e, o));
+		} else c ? n.length === 0 ? Ce(e, o, r) : _e(e, n, o) : (n && Y(e), Ce(e, o));
 		n = o;
 	} else if (t.nodeType) {
 		if (a && t.parentNode) return n = s ? [t] : t;
@@ -575,7 +527,7 @@ function J(e, t, n, r) {
 	}
 	return i;
 }
-function De(e, t, n = null) {
+function Ce(e, t, n = null) {
 	for (let r = 0, i = t.length; r < i; r++) e.insertBefore(t[r], n);
 }
 function Y(e, t, n, r) {
@@ -595,11 +547,11 @@ function Y(e, t, n, r) {
 }
 //#endregion
 //#region src/draw.ts
-var Oe = (e) => `M ${e.map((e) => `${e.x} ${e.y}`).join(" L ")} Z`, ke = () => typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+var we = (e) => `M ${e.map((e) => `${e.x} ${e.y}`).join(" L ")} Z`, Te = () => typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
 //#endregion
 //#region src/calm.ts
-function Ae() {
-	let [e, t] = w(ke());
+function Ee() {
+	let [e, t] = w(Te());
 	if (typeof window < "u" && typeof window.matchMedia == "function") {
 		let e = window.matchMedia("(prefers-reduced-motion: reduce)"), n = () => t(e.matches);
 		e.addEventListener("change", n), O(() => e.removeEventListener("change", n));
@@ -608,20 +560,20 @@ function Ae() {
 }
 //#endregion
 //#region ../client/src/tokens.css?inline
-var je = ":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}}", Me = ":host{--sky:var(--color-tree-sky);vertical-align:middle;display:inline-block}:host([hidden]){display:none}svg{display:block;overflow:visible}", Ne = typeof HTMLElement > "u" ? class {} : HTMLElement, Pe = je.replaceAll(":root", ":host");
-function Fe(e) {
+var De = ":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}}", Oe = ":host{--sky:var(--color-tree-sky);vertical-align:middle;display:inline-block}:host([hidden]){display:none}svg{display:block;overflow:visible}", ke = typeof HTMLElement > "u" ? class {} : HTMLElement, Ae = De.replaceAll(":root", ":host");
+function je(e) {
 	let t;
-	return () => (t || (t = new CSSStyleSheet(), t.replaceSync(`${Pe}\n${Me}\n${e}`)), t);
+	return () => (t || (t = new CSSStyleSheet(), t.replaceSync(`${Ae}\n${Oe}\n${e}`)), t);
 }
-function Ie(e, t, n = e) {
+function Me(e, t, n = e) {
 	if (typeof customElements > "u") return;
 	let r = customElements.get(n);
 	r ? r !== t && !(r.prototype instanceof t) && console.warn(`<${n}> is already defined by another element; define ${e} as another name`) : customElements.define(n, n === e ? t : class extends t {});
 }
-var Le = (e, t) => {
+var Ne = (e, t) => {
 	let n = typeof e == "number" ? e : Number.parseFloat(String(e ?? ""));
 	return Number.isFinite(n) ? n : t;
-}, Re = (e) => typeof e == "boolean" ? e : e != null && e !== "false", ze = class extends Ne {
+}, Pe = (e) => typeof e == "boolean" ? e : e != null && e !== "false", Fe = class extends ke {
 	dispose;
 	connectedCallback() {
 		for (let e of this.inputs) if (Object.hasOwn(this, e)) {
@@ -630,7 +582,7 @@ var Le = (e, t) => {
 		}
 		if (this.dispose) return;
 		let e = this.shadowRoot ?? this.attachShadow({ mode: "open" });
-		e.adoptedStyleSheets = [this.sheet()], this.dispose = xe(() => this.draw(), e);
+		e.adoptedStyleSheets = [this.sheet()], this.dispose = ve(() => this.draw(), e);
 	}
 	disconnectedCallback() {
 		queueMicrotask(() => {
@@ -645,7 +597,7 @@ var Le = (e, t) => {
 			cancelable: n
 		}));
 	}
-}, Be = ".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}", Ve = 8, X = (e, t, n) => ({
+}, Ie = ".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}:host([pressable]){pointer-events:none;outline:none}:host([pressable]) .faces path{pointer-events:visiblePainted;cursor:pointer}:host([pressable][aria-disabled=true]) .faces path{cursor:default}:host([pressable][aria-disabled=true]) .shape{opacity:.45}.ring{visibility:hidden}.ring line{stroke:var(--color-tree-ink);stroke-width:var(--tree-rule-thick-width);stroke-linecap:round;vector-effect:non-scaling-stroke}:host([aria-pressed=true]) .ring{visibility:visible}:host([aria-pressed=true]) .ring line{stroke:var(--color-tree-ink-soft);stroke-width:var(--tree-rule-width)}:host(:focus-visible) .ring{visibility:visible}:host(:focus-visible) .ring line{stroke:var(--color-tree-ink);stroke-width:var(--tree-rule-thick-width)}", Le = 8, X = (e, t, n) => ({
 	kind: "cell",
 	at: {
 		q: e,
@@ -660,7 +612,7 @@ var Le = (e, t) => {
 		k: n
 	},
 	tone: r
-}), He = [
+}), Re = [
 	{
 		q: 1,
 		r: 0
@@ -693,7 +645,7 @@ var Le = (e, t) => {
 		X(0, 0, e),
 		X(1, 0, e)
 	],
-	flower: (e) => [X(0, 0, e), ...He.map((t) => X(t.q, t.r, e))],
+	flower: (e) => [X(0, 0, e), ...Re.map((t) => X(t.q, t.r, e))],
 	triangle: (e) => [Z(0, 0, 0, e)],
 	diamond: (e) => [Z(0, 0, 0, e), Z(0, 0, 1, e)],
 	trapezoid: (e) => [
@@ -711,23 +663,23 @@ var Le = (e, t) => {
 		q: 0,
 		r: 0
 	}).map((e) => Z(e.i, e.j, e.k, t))
-}, Ue = Object.keys(Q), We = (e) => Math.min(7, Math.max(0, Math.round(Number.isFinite(e) ? e : 0))), $ = (e) => typeof e == "number" && Number.isInteger(e), Ge = !1, Ke = (e) => {
-	Ge || (Ge = !0, console.warn(`<lattice-shape> parts is not JSON (${e.slice(0, 40)}): set parts as a property, and define the elements before the page first draws them`));
+}, ze = Object.keys(Q), Be = (e) => Math.min(7, Math.max(0, Math.round(Number.isFinite(e) ? e : 0))), $ = (e) => typeof e == "number" && Number.isInteger(e), Ve = !1, He = (e) => {
+	Ve || (Ve = !0, console.warn(`<lattice-shape> parts is not JSON (${e.slice(0, 40)}): set parts as a property, and define the elements before the page first draws them`));
 };
-function qe(e, t) {
+function Ue(e, t) {
 	let n = e;
 	if (typeof n == "string") try {
 		n = JSON.parse(n);
 	} catch {
-		return Ke(n), [];
+		return He(n), [];
 	}
 	return Array.isArray(n) ? n.flatMap((e) => {
 		if (typeof e != "object" || !e) return [];
-		let { kind: n, at: r, tone: i } = e, a = We(typeof i == "number" ? i : t);
+		let { kind: n, at: r, tone: i } = e, a = Be(typeof i == "number" ? i : t);
 		return n === "cell" && r && $(r.q) && $(r.r) ? [X(r.q, r.r, a)] : n === "tri" && r && $(r.i) && $(r.j) && (r.k === 0 || r.k === 1) ? [Z(r.i, r.j, r.k, a)] : [];
 	}) : [];
 }
-function Je(e, o, s = 2) {
+function We(e, o, s = 2) {
 	if (e.length === 0) return {
 		faces: [],
 		seams: "",
@@ -751,6 +703,6 @@ function Je(e, o, s = 2) {
 }
 //#endregion
 //#region src/elements/woods.css?inline
-var Ye = ".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)}";
+var Ge = ".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)}";
 //#endregion
-export { T as A, he as C, pe as D, _e as E, te as M, O as N, ee as O, D as P, me as S, ge as T, K as _, Je as a, Se as b, Be as c, Re as d, Le as f, we as g, Oe as h, Ve as i, w as j, E as k, ze as l, Ae as m, Q as n, qe as o, Fe as p, Ue as r, We as s, Ye as t, Ie as u, ye as v, ve as w, Te as x, Ce as y };
+export { te as A, me as C, E as D, ee as E, D as M, T as O, pe as S, de as T, G as _, We as a, ye as b, Ie as c, Pe as d, Ne as f, xe as g, we as h, Le as i, O as j, w as k, Fe as l, Ee as m, Q as n, Ue as o, je as p, ze as r, Be as s, Ge as t, Me as u, ge as v, he as w, Se as x, be as y };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@harmonics/lattice-ui",
-  "version": "0.6.0",
+  "version": "0.7.0",
   "description": "The Harmonics tree's look as Custom Elements: a lattice face, the hexagon sky, raised lattice shapes, a shears cut gesture, two marks and a board of pieces to build on. Any page, any framework.",
   "license": "MIT",
   "type": "module",

package/react.d.ts

@@ -13,6 +13,7 @@ import type {
   LatticeIcon,
   LatticeShape,
   Part,
+  PressDetail,
   ShapeName,
   ShearsPadElement,
   StrokeDetail,
@@ -47,6 +48,10 @@ declare module "react" {
         lift?: number;
         scale?: number;
         label?: string;
+        pressable?: boolean;
+        pressed?: boolean;
+        disabled?: boolean;
+        onpress?: (event: CustomEvent<PressDetail>) => void;
       };
       "shears-pad": Base<ShearsPadElement> & {
         disabled?: boolean;