@harmonics/lattice-ui 0.6.0 → 0.7.0

package/dist/elements-GhyUSrb9.js

@@ -1,1099 +0,0 @@
-import { A as e, C as t, D as n, E as r, M as i, N as a, O as o, P as s, S as c, T as l, _ as u, a as d, b as f, c as p, d as m, f as h, h as g, j as _, k as v, l as y, m as ee, n as te, o as ne, p as b, s as re, t as ie, u as x, w as ae, y as S } from "./woods-FI5aDpfQ.js";
-import { L as oe, z as se } from "./hexes-DwdbCYSF.js";
-//#region src/faceLattice.ts
-var C = Math.sqrt(3), w = (e) => `M${e.map((e) => `${Math.round(e.x * 100) / 100} ${Math.round(e.y * 100) / 100}`).join("L")}Z`;
-function ce(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) / (C / 2);
-}
-var le = /* @__PURE__ */ new Map();
-function ue(e) {
-	let t = le.get(e);
-	if (t) return t;
-	let n = 120 / e, r = n * C / 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
-		};
-		ce(o) < .999 && a.push({
-			corners: r,
-			mid: o,
-			i: n,
-			j: t,
-			k: e
-		});
-	}
-	return le.set(e, a), a;
-}
-var T = 1 / 16, E = () => T * C / 2, de = (e) => {
-	let t = Math.round(e.x / E()), n = Math.round((e.y - T / 2 * t) / T);
-	return {
-		x: E() * t,
-		y: T * n + T / 2 * t
-	};
-}, D = (e, t) => (n) => ce(n, de(e)) < Math.max(1, Math.round(t / T)) * T - 1e-6, O = (e, t, n) => (r) => ((r.x - e.x) / t) ** 2 + ((r.y - e.y) / n) ** 2 < 1, k = (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;
-}), A = (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
-	};
-}), j = (...e) => (t) => e.every((e) => e(t)), M = (e) => (t) => !e(t), N = (...e) => (t) => e.some((e) => e(t)), P = (e) => (t) => {
-	let n = e.map(de);
-	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) < E() * .999;
-	});
-}, fe = (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
-		}
-	];
-}, F = (e) => N(e(-1), e(1)), I = -.18, L = .34, R = (e) => ({
-	x: e * L,
-	y: I
-}), z = (e) => (t) => Math.hypot(t.x - e.x, t.y - e.y) < T * .58, B = (e, t, n = 0) => (r) => e({
-	x: r.x - n * E(),
-	y: r.y - t * T - n * T / 2
-}), V = (e, t, n = 0) => e.map(([e, r]) => [e, B(r, t, n)]), pe = (e, t, n = 0) => e > 0 && (e + n) % t < .16, H = (e, t) => e % t / t, U = (e, t) => Math.floor(e / t) % 2, me = (e, t = .04) => P(fe({
-	x: e * L,
-	y: I + t
-}, .14)), he = (e, t) => N(D({
-	x: e.x - .07 * t,
-	y: e.y - .04 * t
-}, .09 * t), D({
-	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))), W = [
-	{
-		name: "Happy",
-		idle: "Bobs, blinks, cheeks glow",
-		at: (e) => {
-			let t = pe(e, 3.4, 1), n = e > 0 && H(e, 2.4) < .5 ? .11 : .09;
-			return V([
-				["ink", F((e) => t ? me(e) : D(R(e), .15))],
-				["glint", F((e) => t ? () => !1 : z({
-					x: e * L + .05,
-					y: -.22999999999999998
-				}))],
-				["ink", k(A({
-					x: -.4,
-					y: .2
-				}, {
-					x: 0,
-					y: .5
-				}, {
-					x: .4,
-					y: .2
-				}), .045)],
-				["blush", F((e) => D({
-					x: e * .6,
-					y: .1
-				}, n))]
-			], e > 0 && H(e, 1.2) < .5 ? -1 : 0);
-		}
-	},
-	{
-		name: "Laughing",
-		idle: "Shakes with each ha",
-		at: (e) => {
-			let t = e > 0 && H(e, 1.8) < .6 ? U(e, .12) : 0, n = t ? .04 : 0;
-			return V([
-				["ink", F((e) => k(A({
-					x: e * L - .13,
-					y: -.12
-				}, {
-					x: e * L,
-					y: -.36
-				}, {
-					x: e * L + .13,
-					y: -.12
-				}), .04))],
-				["ink", j(O({
-					x: 0,
-					y: .16
-				}, .42, .36 + n), (e) => e.y > .16)],
-				["tongue", j(O({
-					x: 0,
-					y: .16
-				}, .42, .36 + n), O({
-					x: 0,
-					y: .5 + n
-				}, .22, .12))],
-				["glint", j(O({
-					x: 0,
-					y: .16
-				}, .42, .36), (e) => e.y > .16 && e.y < .22)],
-				["blush", F((e) => D({
-					x: e * .62,
-					y: .06
-				}, .09))]
-			], -t);
-		}
-	},
-	{
-		name: "Sad",
-		idle: "A tear runs down; the lip trembles",
-		at: (e) => {
-			let t = pe(e, 4.2, 2), n = .06 + (e > 0 ? H(e, 2) : 0) * .5, r = e > 0 ? U(e, .2) : 0;
-			return [
-				["ink", F((e) => t ? me(e) : D(R(e), .13))],
-				["glint", F((e) => t ? () => !1 : z({
-					x: e * L + .04,
-					y: -.22
-				}))],
-				["ink", F((e) => k([{
-					x: e * .52,
-					y: -.36
-				}, {
-					x: e * .2,
-					y: -.46
-				}], .035))],
-				["ink", B(k(A({
-					x: -.3,
-					y: .46
-				}, {
-					x: 0,
-					y: .18
-				}, {
-					x: .3,
-					y: .46
-				}), .04), r)],
-				["tear", N(D({
-					x: -.34,
-					y: n
-				}, .06), D({
-					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(H(e, 3.2) * 4)] : 0, n = e > 0 && H(e, 1.6) < .18 ? -1 : 0;
-			return [
-				["ink", F((e) => j(D(R(e), .19), M(D(R(e), .14))))],
-				["ink", F((e) => B(D(R(e), .07), 0, t))],
-				["ink", F((e) => B(k(A({
-					x: e * .52,
-					y: -.42
-				}, {
-					x: e * .34,
-					y: -.58
-				}, {
-					x: e * .16,
-					y: -.44
-				}), .035), n))],
-				["ink", j(D({
-					x: 0,
-					y: .36
-				}, .17), M(D({
-					x: 0,
-					y: .36
-				}, .09)))]
-			];
-		}
-	},
-	{
-		name: "Angry",
-		idle: "Fumes and shakes",
-		at: (e) => {
-			let t = e > 0 && H(e, 2) < .4 ? U(e, .07) ? 1 : -1 : 0, n = +(e > 0 && H(e, 2) > .5), r = e > 0 ? H(e, 1) : -1, i = [
-				["ink", F((e) => j(D(R(e), .15), (t) => t.y > -.26 + .4 * (-e * (t.x - e * L))))],
-				["ink", F((e) => B(k([{
-					x: e * .58,
-					y: -.44
-				}, {
-					x: e * .12,
-					y: -.28
-				}], .045), n))],
-				["ink", k(A({
-					x: -.32,
-					y: .42
-				}, {
-					x: 0,
-					y: .3
-				}, {
-					x: .32,
-					y: .42
-				}), .045)]
-			];
-			return r >= 0 && i.push(["tear", F((e) => D({
-				x: e * (.5 + r * .04),
-				y: -.46 - r * .14
-			}, .05 + r * .03))]), V(i, 0, t);
-		}
-	},
-	{
-		name: "Worried",
-		idle: "Sweats; glances about",
-		at: (e) => {
-			let t = e > 0 ? [
-				0,
-				-1,
-				-1,
-				0,
-				1,
-				1
-			][Math.floor(H(e, 3) * 6)] : 0, n = e > 0 ? H(e, 2.2) : 0, r = e > 0 && U(e, .3) ? -1 : 1;
-			return [
-				["ink", F((e) => B(D(R(e), .14), 0, t))],
-				["glint", F((e) => B(z({
-					x: e * L + .04,
-					y: -.22999999999999998
-				}), 0, t))],
-				["ink", F((e) => k([{
-					x: e * .54,
-					y: -.38
-				}, {
-					x: e * .16,
-					y: -.5
-				}], .035))],
-				["ink", k(Array.from({ length: 9 }, (e, t) => ({
-					x: -.4 + t * .1,
-					y: .36 + (t % 2 == 0 ? .04 : -.04) * r
-				})), .035)],
-				["tear", N(D({
-					x: .66,
-					y: -.46 + n * .3
-				}, .06), D({
-					x: .66,
-					y: -.34 + n * .3
-				}, .08))]
-			];
-		}
-	},
-	{
-		name: "Sleepy",
-		idle: "Breathes in its bubble",
-		at: (e) => {
-			let t = e > 0 ? H(e, 3) : .3, n = t > .92, r = .13 + Math.sin(Math.PI * Math.min(1, t / .92)) * .09, i = e > 0 ? H(e, 2.4) : 0, a = [
-				["ink", F((e) => {
-					let t = fe({
-						x: e * L,
-						y: -.13
-					}, .16), n = Math.tan(Math.PI / 6), r = (t, r) => {
-						let i = e * (L + t), a = -.13 - t * n;
-						return P([{
-							x: i,
-							y: a + .02
-						}, {
-							x: i,
-							y: a + .02 + r
-						}]);
-					};
-					return N(P(t), r(.04, .05), r(.09, .06), r(.14, .05));
-				})],
-				["blush", F((e) => D({
-					x: e * .56,
-					y: .16
-				}, .09))],
-				["ink", j(D({
-					x: 0,
-					y: .42
-				}, .12), M(D({
-					x: 0,
-					y: .42
-				}, .06)))],
-				["tear", N(D({
-					x: .42,
-					y: -.44 - i * .1
-				}, .04), D({
-					x: .5,
-					y: -.58 - i * .1
-				}, .06))]
-			];
-			return n || a.push(["tear", j(D({
-				x: .2,
-				y: .18
-			}, r), M(D({
-				x: .2,
-				y: .18
-			}, r - .06)))]), a;
-		}
-	},
-	{
-		name: "Wink",
-		idle: "Winks again",
-		at: (e) => {
-			let t = e > 0 && H(e, 2.6) > .7 && H(e, 2.6) < .85, n = e > 0 && H(e, 2.6) < .3 ? .11 : .09;
-			return [
-				["ink", D(R(-1), .15)],
-				["glint", z({
-					x: -.34 + .05,
-					y: -.22999999999999998
-				})],
-				t ? ["ink", D(R(1), .15)] : ["ink", k(A({
-					x: .19000000000000003,
-					y: I
-				}, {
-					x: L,
-					y: -.3
-				}, {
-					x: .49,
-					y: I
-				}), .04)],
-				["ink", k(A({
-					x: -.3,
-					y: .32
-				}, {
-					x: .06,
-					y: .5
-				}, {
-					x: .38,
-					y: .22
-				}), .045)],
-				["blush", D({
-					x: .6,
-					y: .1
-				}, n)]
-			];
-		}
-	},
-	{
-		name: "Smitten",
-		idle: "Hearts beat",
-		at: (e) => {
-			let t = e > 0 ? H(e, 1.1) : .9, n = t < .12 || t > .24 && t < .36 ? 1.3 : 1;
-			return [["blush", F((e) => he({
-				x: e * L,
-				y: I
-			}, n))], ["ink", k(A({
-				x: -.34,
-				y: .24
-			}, {
-				x: 0,
-				y: .5
-			}, {
-				x: .34,
-				y: .24
-			}), .045)]];
-		}
-	}
-], ge = (e, t) => {
-	let n = "plate";
-	for (let [r, i] of e) i(t) && (n = r);
-	return n;
-}, G = (e) => e.k === 0 ? "right" : "left";
-function _e(e, t, n) {
-	let r = ue(t);
-	T = 1 / t;
-	let i = r.map((t) => ge(e, t.mid)), a = r.map(() => "top"), o = Math.max(1, Math.round(.035 / T)), s = (t, n) => ge(e, {
-		x: t.mid.x,
-		y: t.mid.y - n * T
-	});
-	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] = G(e);
-				break;
-			}
-		}
-		else if (n === "carved" && r !== "plate" && r !== "glint") {
-			for (let n = 1; n <= o; n++) if (s(e, n) === "plate") {
-				a[t] = G(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: C / 2 * T * n[1],
-				y: T * n[0] + T / 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 ve(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(w(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 ye = /*#__PURE__*/ f("<svg><path class=facet></svg>", !1, !0, !1), be = 16, xe = 1400, Se = 300, Ce = 100;
-function we(e, t) {
-	let n = (e) => ({
-		x: e.x,
-		y: e.y - t
-	}), [, , r, i, a] = e;
-	return {
-		shade: w([
-			a,
-			i,
-			n(i),
-			n(a)
-		]),
-		shadow: w([
-			i,
-			r,
-			n(r),
-			n(i)
-		]),
-		top: w(e.map(n))
-	};
-}
-var Te = {
-	happy: "Happy",
-	content: "Happy",
-	asleep: "Sleepy",
-	sad: "Sad",
-	distressed: "Worried",
-	puzzled: "Surprised",
-	relieved: "Laughing"
-}, K = (e) => W.find((t) => t.name.toLowerCase() === e.trim().toLowerCase()), Ee = (e) => K(Te[e]) ?? W[0], De = K("Laughing");
-function Oe(e, t) {
-	let n = _e(e.at(t), be, "raised");
-	return ve(ue(be), n.inks, n.shades);
-}
-function ke(e) {
-	let t = ee(), n = () => t() || (e.still?.() ?? !1), [r, c] = _(!1), l;
-	o(i(e.pulse, (e, t) => {
-		t === void 0 || e === t || n() || (c(!0), clearTimeout(l), l = setTimeout(() => c(!1), xe));
-	}));
-	let [u, d] = _(0);
-	o(() => {
-		if (n()) {
-			d(0);
-			return;
-		}
-		if (!(e.shown?.() ?? !0)) return;
-		let t = performance.now() - s(u) * 1e3, r = performance.now(), i = requestAnimationFrame(function e(n) {
-			n - r >= Ce && (r = n, d((n - t) / 1e3)), i = requestAnimationFrame(e);
-		});
-		a(() => cancelAnimationFrame(i));
-	}), a(() => clearTimeout(l));
-	let f = v(() => r() ? De : e.expression()), p = v(() => Oe(f(), u())), [m, h] = _(), g;
-	return o(i(f, (e, t) => {
-		t && !n() && (h(Oe(t, u())), clearTimeout(g), g = setTimeout(() => h(void 0), Se));
-	})), a(() => clearTimeout(g)), {
-		face: p,
-		leaving: m
-	};
-}
-function Ae(r) {
-	return n(t, {
-		get each() {
-			return r.drawing;
-		},
-		children: (t) => (() => {
-			var n = ye();
-			return e((e) => {
-				var r = t().ink, i = t().shade, a = t().d;
-				return r !== e.e && S(n, "data-ink", e.e = r), i !== e.t && S(n, "data-shade", e.t = i), a !== e.a && S(n, "d", e.a = a), e;
-			}, {
-				e: void 0,
-				t: void 0,
-				a: void 0
-			}), n;
-		})()
-	});
-}
-//#endregion
-//#region src/elements/face.css?inline
-var je = ".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}}", Me = /*#__PURE__*/ f("<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>"), Ne = /*#__PURE__*/ f("<svg><g class=face-leaving></svg>", !1, !0, !1), Pe = "lattice-face", Fe = Object.keys(Te), Ie = (e) => Fe.includes(e), q = 10, J = 2, Y = 120 * C / 2, X = we([
-	{
-		x: 0,
-		y: -120
-	},
-	{
-		x: Y,
-		y: -60
-	},
-	{
-		x: Y,
-		y: 60
-	},
-	{
-		x: 0,
-		y: 120
-	},
-	{
-		x: -Y,
-		y: 60
-	},
-	{
-		x: -Y,
-		y: -60
-	}
-], q), Z = {
-	x: -Y - J,
-	y: -120 - q - J,
-	width: 2 * (Y + J),
-	height: 240 + q + 4
-}, Le = b(`${je}\n.plate-top { vector-effect: non-scaling-stroke; }`), Re = class t extends y {
-	static observedAttributes = [
-		"mood",
-		"expression",
-		"pulse",
-		"still",
-		"size",
-		"label",
-		"decorative"
-	];
-	inputs = t.observedAttributes;
-	moodSignal = _("happy");
-	expressionSignal = _("");
-	pulseSignal = _(0);
-	stillSignal = _(!1);
-	sizeSignal = _(96);
-	labelSignal = _("");
-	decorativeSignal = _(!1);
-	get mood() {
-		return this.moodSignal[0]();
-	}
-	set mood(e) {
-		let t = String(e ?? "").toLowerCase();
-		this.moodSignal[1](Ie(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](h(e, 0));
-	}
-	get still() {
-		return this.stillSignal[0]();
-	}
-	set still(e) {
-		this.stillSignal[1](m(e));
-	}
-	get size() {
-		return this.sizeSignal[0]();
-	}
-	set size(e) {
-		this.sizeSignal[1](Math.max(1, h(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](m(e));
-	}
-	attributeChangedCallback(e, t, n) {
-		e === "still" || e === "decorative" ? Reflect.set(this, e, n) : Reflect.set(this, e, n ?? "");
-	}
-	sheet() {
-		return Le();
-	}
-	draw() {
-		let t = v(() => K(this.expression) ?? Ee(this.mood)), [r, i] = _(!0);
-		if (typeof IntersectionObserver < "u") {
-			let e = new IntersectionObserver((e) => {
-				let t = e.at(-1);
-				t && i(t.isIntersecting);
-			});
-			e.observe(this), a(() => e.disconnect());
-		}
-		let { face: o, leaving: s } = ke({
-			expression: t,
-			pulse: () => this.pulse,
-			still: () => this.still,
-			shown: r
-		}), c = () => this.label || `A ${t().name.toLowerCase()} face`, d = this;
-		return (() => {
-			var t = Me(), r = t.firstChild, i = r.nextSibling, a = i.nextSibling, f = a.nextSibling, p = f.firstChild;
-			return u(f, n(l, {
-				get when() {
-					return s();
-				},
-				children: (e) => (() => {
-					var t = Ne();
-					return u(t, n(Ae, { get drawing() {
-						return e();
-					} })), t;
-				})()
-			}), p), u(p, n(Ae, { get drawing() {
-				return o();
-			} })), e((e) => {
-				var n = d.size, o = d.size * Z.height / Z.width, s = `${Z.x} ${Z.y} ${Z.width} ${Z.height}`, l = d.decorative ? void 0 : "img", u = d.decorative ? void 0 : c(), f = d.decorative ? "true" : void 0, p = X.shade, m = X.shadow, h = X.top;
-				return n !== e.e && S(t, "width", e.e = n), o !== e.t && S(t, "height", e.t = o), s !== e.a && S(t, "viewBox", e.a = s), l !== e.o && S(t, "role", e.o = l), u !== e.i && S(t, "aria-label", e.i = u), f !== e.n && S(t, "aria-hidden", e.n = f), p !== e.s && S(r, "d", e.s = p), m !== e.h && S(i, "d", e.h = m), h !== e.r && S(a, "d", e.r = h), e;
-			}, {
-				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
-			}), t;
-		})();
-	}
-}, ze = (e) => x(Pe, Re, e), Be = /*#__PURE__*/ f("<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>"), Ve = /*#__PURE__*/ f("<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\">"), Q = (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 He() {
-	let t = (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 n = Be(), r = n.firstChild, i = r.nextSibling, a = i.nextSibling, o = a.nextSibling;
-		return e((e) => {
-			var n = g(t({
-				x: 4.6,
-				y: 10
-			}, 1)), s = g(t({
-				x: 11.4,
-				y: 10
-			}, -1)), c = g(Q(4.6, 12.6, 2.6)), l = g(Q(11.4, 12.6, 2.6));
-			return n !== e.e && S(r, "d", e.e = n), s !== e.t && S(i, "d", e.t = s), c !== e.a && S(a, "d", e.a = c), l !== e.o && S(o, "d", e.o = l), e;
-		}, {
-			e: void 0,
-			t: void 0,
-			a: void 0,
-			o: void 0
-		}), n;
-	})();
-}
-function Ue() {
-	return (() => {
-		var t = Ve(), n = t.firstChild;
-		return e(() => S(n, "d", g(Q(8, 8, 7)))), t;
-	})();
-}
-//#endregion
-//#region src/elements/icon.css?inline
-var We = ":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}", Ge = /*#__PURE__*/ f("<span part=icon>"), Ke = /*#__PURE__*/ f("<span part=icon role=img>"), qe = "lattice-icon", Je = ["shears", "done"], Ye = b(We), Xe = class t extends y {
-	static observedAttributes = ["name", "label"];
-	inputs = t.observedAttributes;
-	nameSignal = _("shears");
-	labelSignal = _("");
-	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 Ye();
-	}
-	draw() {
-		let t = () => {
-			let e = this;
-			return n(r, { get children() {
-				return [n(ae, {
-					get when() {
-						return e.name === "done";
-					},
-					get children() {
-						return n(Ue, {});
-					}
-				}), n(ae, {
-					get when() {
-						return e.name === "shears";
-					},
-					get children() {
-						return n(He, {});
-					}
-				})];
-			} });
-		}, i = this;
-		return n(l, {
-			get when() {
-				return i.label;
-			},
-			get fallback() {
-				return (() => {
-					var e = Ge();
-					return u(e, t), e;
-				})();
-			},
-			children: (n) => (() => {
-				var r = Ke();
-				return u(r, t), e(() => S(r, "aria-label", n())), r;
-			})()
-		});
-	}
-}, Ze = (e) => x(qe, Xe, e), Qe = /*#__PURE__*/ f("<svg class=\"shape woods\"part=shape><path class=seams>"), $e = /*#__PURE__*/ f("<svg><path></svg>", !1, !0, !1), et = "lattice-shape", tt = (e) => Object.hasOwn(te, e), nt = b(`${ie}\n${p}`), rt = class t extends y {
-	static observedAttributes = [
-		"shape",
-		"parts",
-		"tone",
-		"lift",
-		"scale",
-		"label"
-	];
-	inputs = t.observedAttributes;
-	shapeSignal = _("cell");
-	partsSignal = _();
-	toneSignal = _(0);
-	liftSignal = _(8);
-	scaleSignal = _(1);
-	labelSignal = _("");
-	get shape() {
-		return this.shapeSignal[0]();
-	}
-	set shape(e) {
-		let t = String(e ?? "").toLowerCase();
-		this.shapeSignal[1](tt(t) ? t : "cell");
-	}
-	made;
-	get parts() {
-		let e = [
-			this.partsSignal[0](),
-			this.shape,
-			this.tone
-		];
-		if (!this.made || e.some((e, t) => e !== this.made?.from[t])) {
-			let [t, n, r] = e, i = t === void 0 ? te[n](r) : ne(t, r);
-			this.made = {
-				from: e,
-				parts: i
-			};
-		}
-		return this.made.parts;
-	}
-	set parts(e) {
-		this.partsSignal[1](() => e === null || e === "" ? void 0 : e);
-	}
-	get tone() {
-		return this.toneSignal[0]();
-	}
-	set tone(e) {
-		this.toneSignal[1](re(h(e, 0)));
-	}
-	get lift() {
-		return this.liftSignal[0]();
-	}
-	set lift(e) {
-		this.liftSignal[1](Math.max(0, h(e, 8)));
-	}
-	get scale() {
-		return this.scaleSignal[0]();
-	}
-	set scale(e) {
-		let t = h(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 nt();
-	}
-	draw() {
-		let t = v(() => d(this.parts, this.lift)), r = () => t().box, i = this;
-		return (() => {
-			var a = Qe(), o = a.firstChild;
-			return u(a, n(c, {
-				get each() {
-					return t().faces;
-				},
-				children: (t) => (() => {
-					var n = $e();
-					return e((e) => {
-						var r = `flat-${t.kind}`, i = t.tone, a = t.d;
-						return r !== e.e && S(n, "class", e.e = r), i !== e.t && S(n, "data-tone", e.t = i), a !== e.a && S(n, "d", e.a = a), e;
-					}, {
-						e: void 0,
-						t: void 0,
-						a: void 0
-					}), n;
-				})()
-			}), o), e((e) => {
-				var n = r().width * i.scale, s = r().height * i.scale, c = `${r().x} ${r().y} ${r().width} ${r().height}`, l = i.label ? "img" : void 0, u = i.label || void 0, d = i.label ? void 0 : "true", f = t().seams;
-				return n !== e.e && S(a, "width", e.e = n), s !== e.t && S(a, "height", e.t = s), c !== e.a && S(a, "viewBox", e.a = c), l !== e.o && S(a, "role", e.o = l), u !== e.i && S(a, "aria-label", e.i = u), d !== e.n && S(a, "aria-hidden", e.n = d), f !== e.s && S(o, "d", e.s = f), e;
-			}, {
-				e: void 0,
-				t: void 0,
-				a: void 0,
-				o: void 0,
-				i: void 0,
-				n: void 0,
-				s: void 0
-			}), a;
-		})();
-	}
-}, it = (e) => x(et, rt, e), at = ":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}", ot = 220;
-function st() {
-	let [e, t] = _([]), n, r = () => {
-		let i = performance.now();
-		t((e) => e.filter((e) => i - e.at < ot)), n = e().length > 0 ? requestAnimationFrame(r) : void 0;
-	};
-	return a(() => {
-		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 ct = /*#__PURE__*/ f("<svg class=trail part=trail aria-hidden=true><polyline class=blade>"), lt = "shears-pad", ut = b(at), dt = class t extends y {
-	static observedAttributes = ["disabled"];
-	inputs = t.observedAttributes;
-	disabledSignal = _(!1);
-	get disabled() {
-		return this.disabledSignal[0]();
-	}
-	set disabled(e) {
-		this.disabledSignal[1](m(e));
-	}
-	attributeChangedCallback(e, t, n) {
-		this.disabled = n;
-	}
-	sheet() {
-		return ut();
-	}
-	draw() {
-		let t = st(), n, r, s = (e) => {
-			let t = this.getBoundingClientRect();
-			return {
-				x: e.clientX - t.left,
-				y: e.clientY - t.top
-			};
-		}, c = (e) => {
-			if (!n || r === void 0) return;
-			let t = n, i = r;
-			n = void 0, r = void 0, this.hasPointerCapture(i) && this.releasePointerCapture(i), this.tell("strokeend", {
-				points: t,
-				cancelled: e
-			});
-		}, l = (e) => {
-			if (this.disabled || e.button !== 0 || n) return;
-			e.preventDefault(), r = e.pointerId, this.setPointerCapture(r);
-			let t = s(e);
-			n = [t], this.tell("stroke", {
-				points: [t],
-				point: t,
-				fresh: !0
-			});
-		}, u = (e) => {
-			if (!n || e.pointerId !== r) return;
-			let i = s(e);
-			n.push(i), t.add(i), this.tell("stroke", {
-				points: [...n],
-				point: i,
-				fresh: !1
-			});
-		}, d = (e) => (t) => {
-			t.pointerId === r && c(e);
-		}, f = [
-			["pointerdown", l],
-			["pointermove", u],
-			["pointerup", d(!1)],
-			["pointercancel", d(!0)],
-			["lostpointercapture", d(!0)]
-		];
-		for (let [e, t] of f) this.addEventListener(e, t);
-		return o(i(() => this.disabled, (e) => e && c(!0), { defer: !0 })), a(() => {
-			c(!0);
-			for (let [e, t] of f) this.removeEventListener(e, t);
-		}), (() => {
-			var n = ct(), r = n.firstChild;
-			return e(() => S(r, "points", t.points())), n;
-		})();
-	}
-}, ft = (e) => x(lt, dt, e), pt = ":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)}", mt = /*#__PURE__*/ f("<svg class=sky part=sky aria-hidden=true><defs><pattern patternUnits=userSpaceOnUse><path class=line></path></pattern></defs><rect width=100% height=100%>"), $ = "hex-sky", ht = b(pt), gt = 0, _t = class t extends y {
-	static observedAttributes = [
-		"kind",
-		"orient",
-		"scale",
-		"x",
-		"y"
-	];
-	inputs = t.observedAttributes;
-	kindSignal = _("sky");
-	orientSignal = _("pointy");
-	scaleSignal = _(1);
-	xSignal = _(0);
-	ySignal = _(0);
-	get kind() {
-		return this.kindSignal[0]();
-	}
-	set kind(e) {
-		this.kindSignal[1](String(e ?? "").toLowerCase() === "earth" ? "earth" : "sky");
-	}
-	get orient() {
-		return this.orientSignal[0]();
-	}
-	set orient(e) {
-		this.orientSignal[1](String(e ?? "").toLowerCase() === "flat" ? "flat" : "pointy");
-	}
-	get scale() {
-		return this.scaleSignal[0]();
-	}
-	set scale(e) {
-		let t = h(e, 1);
-		this.scaleSignal[1](t > 0 ? t : 1);
-	}
-	get x() {
-		return this.xSignal[0]();
-	}
-	set x(e) {
-		this.xSignal[1](h(e, 0));
-	}
-	get y() {
-		return this.ySignal[0]();
-	}
-	set y(e) {
-		this.ySignal[1](h(e, 0));
-	}
-	attributeChangedCallback(e, t, n) {
-		Reflect.set(this, e, n ?? "");
-	}
-	sheet() {
-		return ht();
-	}
-	draw() {
-		let t = `${$}-${++gt}`, n = this;
-		return (() => {
-			var r = mt(), i = r.firstChild, a = i.firstChild, o = a.firstChild, s = i.nextSibling;
-			return S(a, "id", t), S(s, "fill", `url(#${t})`), e((e) => {
-				var t = oe.width, r = oe.height, i = `translate(${n.x} ${n.y})${n.orient === "flat" ? " rotate(90)" : ""} scale(${n.scale})`, s = se[n.kind];
-				return t !== e.e && S(a, "width", e.e = t), r !== e.t && S(a, "height", e.t = r), i !== e.a && S(a, "patternTransform", e.a = i), s !== e.o && S(o, "d", e.o = s), e;
-			}, {
-				e: void 0,
-				t: void 0,
-				a: void 0,
-				o: void 0
-			}), r;
-		})();
-	}
-}, vt = (e) => x($, _t, e);
-//#endregion
-//#region src/elements/index.ts
-function yt() {
-	ze(), vt(), it(), ft(), Ze();
-}
-//#endregion
-export { Fe as _, lt as a, rt as c, Je as d, qe as f, Re as g, Pe as h, vt as i, et as l, Ze as m, _t as n, dt as o, Xe as p, $ as r, ft as s, yt as t, it as u, ze as v, W as y };