@harmonics/lattice-ui 0.5.1 → 0.6.0

package/dist/elements-GhyUSrb9.js

@@ -0,0 +1,1099 @@
+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 };