@weasel-js/ui 1.5.2 → 1.6.0

package/dist/chunks/model-13kZ_-mE.js

@@ -1,483 +0,0 @@
-import { a as e, t } from "./Icon-DT0x6HaQ.js";
-import { t as n } from "./ToggleBar-CClus5Cd.js";
-import { n as r, r as i } from "./schema-Dft4Cu2p.js";
-import { t as a } from "./InlineRange-DdIlfGqG.js";
-import { t as o } from "./ColorField-BYzgZM9o.js";
-import { t as s } from "./Select-BEope086.js";
-import { t as c } from "./FontFamilySelect-DxfgTC3G.js";
-import { t as l } from "./PaintInput-Qs7Rul5R.js";
-import { t as u } from "./Input-DbMKpkXy.js";
-import { n as d, t as f } from "./NumberField-CCjEDZCg.js";
-import { t as p } from "./Switch-DH5POG0T.js";
-import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
-import { MIXED as _, isBuiltinToolPref as v } from "@weasel-js/core";
-import { Fragment as y, useState as b } from "react";
-var x = {
-	root: "_root_elklk_1",
-	header: "_header_elklk_8",
-	kind: "_kind_elklk_16",
-	breakdown: "_breakdown_elklk_21",
-	section: "_section_elklk_26",
-	sectionTitle: "_sectionTitle_elklk_35",
-	row: "_row_elklk_44",
-	rowLabel: "_rowLabel_elklk_52",
-	rowControls: "_rowControls_elklk_56",
-	namedField: "_namedField_elklk_66",
-	blockRow: "_blockRow_elklk_78",
-	toggle: "_toggle_elklk_89",
-	flagToggle: "_flagToggle_elklk_111",
-	number: "_number_elklk_115",
-	select: "_select_elklk_116",
-	unitSuffix: "_unitSuffix_elklk_120",
-	mixedSwitch: "_mixedSwitch_elklk_126",
-	unrenderable: "_unrenderable_elklk_130",
-	objectLeaf: "_objectLeaf_elklk_137",
-	objectGroup: "_objectGroup_elklk_146",
-	slider: "_slider_elklk_153",
-	sliderReadout: "_sliderReadout_elklk_157"
-};
-//#endregion
-//#region src/components/SelectionPanel/renderLeaf.tsx
-function S(e, t) {
-	let { leaf: n } = e;
-	return n.kind === "boolean" && n.control === "toggle" && n.pair !== void 0 && t?.[e.ctx.path] === void 0 && t?.[n.kind] === void 0;
-}
-function C(e, t) {
-	let n = [];
-	for (let r = 0; r < e.length;) {
-		let i = e[r];
-		if (!S(i, t)) {
-			let e = i.render();
-			e != null && n.push({
-				key: i.key,
-				leaf: i.leaf,
-				block: i.leaf.block === !0,
-				content: e
-			}), r += 1;
-			continue;
-		}
-		let a = r + 1;
-		for (; a < e.length && S(e[a], t) && e[a].leaf.pair === i.leaf.pair;) a += 1;
-		let o = e.slice(r, a);
-		n.push({
-			key: i.key,
-			leaf: i.leaf,
-			block: o.every((e) => e.leaf.block === !0),
-			content: /* @__PURE__ */ h(w, {
-				run: o,
-				ariaLabel: i.leaf.pair
-			})
-		}), r = a;
-	}
-	return n;
-}
-function w({ run: r, ariaLabel: i }) {
-	let a = r.filter((e) => e.ctx.value === !0).map((e) => e.key);
-	return /* @__PURE__ */ h(n, {
-		mode: "multiple",
-		size: "sm",
-		variant: "flat",
-		className: x.flagToggle,
-		ariaLabel: i,
-		items: r.map((n) => {
-			let r = n.leaf;
-			return {
-				value: n.key,
-				label: r.icon && r.icon in e ? /* @__PURE__ */ h(t, {
-					name: r.icon,
-					size: 14
-				}) : r.short ?? r.name.slice(0, 1),
-				ariaLabel: n.ariaLabel
-			};
-		}),
-		value: a,
-		mixedValues: r.filter((e) => e.ctx.mixed).map((e) => e.key),
-		onChange: (e) => {
-			for (let t of r) {
-				let n = e.includes(t.key);
-				n !== a.includes(t.key) && t.ctx.setValue(n);
-			}
-		}
-	});
-}
-function T(u, _, y, b = "", S = !1) {
-	let { pref: C, value: w, mixed: T, unset: O, setValue: k } = u;
-	if (C.kind === "font-family") {
-		let e = u.valueAt("data.style.fontWeight"), t = u.valueAt("data.style.fontStyle");
-		return /* @__PURE__ */ h(c, {
-			className: x.select,
-			value: T || typeof w != "string" ? void 0 : w,
-			mixed: T,
-			onChange: k,
-			weight: typeof e.value == "number" ? e.value : void 0,
-			fontStyle: t.value === "italic" ? "italic" : void 0,
-			"aria-label": _
-		});
-	}
-	if (!v(C)) return /* @__PURE__ */ g("span", {
-		className: x.unrenderable,
-		children: [
-			"(",
-			C.kind,
-			": no renderer)"
-		]
-	});
-	switch (C.kind) {
-		case "number": {
-			let e = C, t = typeof w == "number" && Number.isFinite(w) ? w : void 0, n = t === void 0 ? NaN : e.unit ? e.unit.toDisplay(t) : t, o = r(e);
-			if (e.control === "slider") {
-				let r = o.min ?? 0, i = o.max ?? 100, s = !T && t !== void 0;
-				return /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(a, {
-					min: r,
-					max: i,
-					step: o.step,
-					value: s ? Math.min(Math.max(n, r), i) : r,
-					disabled: T,
-					className: x.slider,
-					"aria-label": _,
-					onChange: (t) => {
-						let n = Number(t.target.value);
-						k(e.unit ? e.unit.fromDisplay(n) : n);
-					}
-				}), /* @__PURE__ */ h("span", {
-					className: x.sliderReadout,
-					"aria-hidden": "true",
-					children: s ? e.unit?.format?.(t) ?? `${n}${e.unit?.suffix ?? ""}` : "—"
-				})] });
-			}
-			let s = e.unit, c = s ? /* @__PURE__ */ h(f, {
-				className: x.number,
-				value: T || t === void 0 ? NaN : n,
-				placeholder: T ? "Mixed" : void 0,
-				minValue: o.min,
-				maxValue: o.max,
-				step: o.step,
-				accepts: i(s),
-				"aria-label": _,
-				onChange: (e) => k(s.fromDisplay(e))
-			}) : /* @__PURE__ */ h(d, {
-				className: x.number,
-				value: T || t === void 0 ? NaN : n,
-				placeholder: T ? "Mixed" : void 0,
-				minValue: o.min,
-				maxValue: o.max,
-				step: o.step,
-				hideSteppers: !0,
-				"aria-label": _,
-				onChange: (e) => {
-					Number.isNaN(e) || k(e);
-				}
-			});
-			return s?.suffix === void 0 ? c : /* @__PURE__ */ g(m, { children: [c, /* @__PURE__ */ h("span", {
-				className: x.unitSuffix,
-				"aria-hidden": "true",
-				children: s.suffix
-			})] });
-		}
-		case "string": return /* @__PURE__ */ h(D, {
-			text: T ? void 0 : typeof w == "string" ? w : "",
-			placeholder: T ? "Mixed" : void 0,
-			ariaLabel: _,
-			onCommit: k
-		});
-		case "boolean": {
-			let r = C;
-			if (r.control === "toggle") return /* @__PURE__ */ h(n, {
-				mode: "multiple",
-				size: "sm",
-				variant: "flat",
-				className: x.flagToggle,
-				ariaLabel: _,
-				items: [{
-					value: u.path,
-					label: r.icon && r.icon in e ? /* @__PURE__ */ h(t, {
-						name: r.icon,
-						size: 14
-					}) : r.short ?? r.name.slice(0, 1),
-					ariaLabel: _
-				}],
-				value: w === !0 ? [u.path] : [],
-				mixedValues: T ? [u.path] : [],
-				onChange: (e) => k(e.includes(u.path))
-			});
-			let i = /* @__PURE__ */ h(p, {
-				isSelected: !!w,
-				onChange: k,
-				"aria-label": _
-			});
-			return !T && !O ? i : /* @__PURE__ */ h("span", {
-				className: x.mixedSwitch,
-				title: T ? "Mixed" : "Not set",
-				children: i
-			});
-		}
-		case "enum": {
-			let r = C, i = r.encoding ? T ? void 0 : r.encoding.read(w, u.siblings) : T || O ? void 0 : typeof w == "string" ? w : r.default, a = (e) => k(r.encoding ? r.encoding.write(e, u.siblings) : e);
-			return r.control === "toggle" ? /* @__PURE__ */ h(n, {
-				size: "sm",
-				variant: "flat",
-				className: x.toggle,
-				ariaLabel: _,
-				items: r.options.map((n) => ({
-					value: n.value,
-					label: n.icon && n.icon in e ? /* @__PURE__ */ h(t, {
-						name: n.icon,
-						size: 14
-					}) : n.short ?? n.label,
-					ariaLabel: n.label,
-					disabled: n.disabled
-				})),
-				value: i ?? null,
-				onChange: (e) => {
-					e !== null && a(e);
-				}
-			}) : /* @__PURE__ */ h(s, {
-				className: x.select,
-				options: r.options.map((e) => ({
-					value: e.value,
-					label: e.label,
-					isDisabled: e.disabled
-				})),
-				selectedKey: i ?? null,
-				placeholder: T ? "Mixed" : O ? "—" : void 0,
-				onSelectionChange: a,
-				"aria-label": _
-			});
-		}
-		case "color": {
-			let e = C;
-			return /* @__PURE__ */ h(o, {
-				value: T ? void 0 : typeof w == "string" ? w : e.default,
-				mixed: T,
-				alpha: e.alpha,
-				onChange: k,
-				"aria-label": _
-			});
-		}
-		case "paint": return /* @__PURE__ */ h(l, {
-			value: w === null ? null : w ?? (T ? void 0 : C.default),
-			mixed: T,
-			unset: O,
-			allowNone: !S,
-			onChange: k,
-			"aria-label": _
-		}, b);
-		case "object": return /* @__PURE__ */ h(E, {
-			ctx: u,
-			renderers: y,
-			selectionKey: b
-		});
-		default: throw Error(`SelectionPanel: no control for built-in pref kind "${C.kind}"`);
-	}
-}
-function E({ ctx: n, renderers: r, selectionKey: i = "" }) {
-	let a = n.pref, o = typeof n.value == "object" && n.value !== null ? n.value : void 0, s = Object.values(a.children).every((e) => !("kind" in e)), c = (s, l) => {
-		let u = [], d = (e) => typeof e == "object" && !!e && "controls" in e, f = [], p = () => {
-			for (let { key: e, leaf: t, block: n, content: i } of C(f, r)) {
-				let r = u[u.length - 1];
-				if (t.pair !== void 0 && d(r) && r.pair === t.pair) {
-					r.controls.push(/* @__PURE__ */ h(y, { children: i }, e)), r.block &&= n;
-					continue;
-				}
-				u.push({
-					key: e,
-					pair: t.pair,
-					label: t.pair ?? t.name,
-					title: t.description,
-					block: n,
-					controls: [/* @__PURE__ */ h(y, { children: i }, e)]
-				});
-			}
-			f = [];
-		};
-		for (let [d, m] of Object.entries(s)) {
-			if (!("kind" in m)) {
-				let e = m.name !== "", t = c(m.children, e);
-				if (t.length === 0) continue;
-				p(), u.push(/* @__PURE__ */ g("div", {
-					className: e && l ? x.objectGroup : void 0,
-					children: [e && /* @__PURE__ */ h("h5", {
-						className: x.sectionTitle,
-						children: m.name
-					}), t]
-				}, `group:${d}`));
-				continue;
-			}
-			let s = `${n.path}.${d}`, _ = {
-				path: s,
-				pref: m,
-				value: o?.[d],
-				mixed: n.mixed,
-				unset: !n.mixed && o?.[d] === void 0,
-				siblings: o,
-				valueAt: n.valueAt,
-				setValue: (e) => {
-					let t = o ?? a.fromScalar?.(n.value) ?? (typeof a.default == "object" && a.default !== null ? { ...a.default } : {});
-					if (e === void 0) {
-						let { [d]: e, ...r } = t;
-						n.setValue(r);
-						return;
-					}
-					n.setValue({
-						...t,
-						[d]: e
-					});
-				}
-			};
-			f.push({
-				key: s,
-				leaf: m,
-				ctx: _,
-				ariaLabel: m.name,
-				render: () => {
-					let n = r?.[s] ?? r?.[m.kind], a = n ? n(_) : T(_, m.name, r, i, !0);
-					return a == null ? null : (m.pair !== void 0 || m.block === !0) && m.icon && m.icon in e ? /* @__PURE__ */ g("span", {
-						className: x.namedField,
-						children: [/* @__PURE__ */ h(t, {
-							name: m.icon,
-							size: 14
-						}), a]
-					}) : a;
-				}
-			});
-		}
-		return p(), u.map((e) => typeof e == "object" && e && "controls" in e ? e.block ? /* @__PURE__ */ h("div", {
-			className: `${x.rowControls} ${x.blockRow}`,
-			title: e.title,
-			children: e.controls
-		}, e.key) : /* @__PURE__ */ g("div", {
-			className: x.row,
-			children: [/* @__PURE__ */ h("span", {
-				className: x.rowLabel,
-				title: e.title,
-				children: e.label
-			}), /* @__PURE__ */ h("span", {
-				className: x.rowControls,
-				children: e.controls
-			})]
-		}, e.key) : e);
-	}, l = c(a.children, !s);
-	return l.length === 0 ? null : /* @__PURE__ */ g("div", {
-		className: x.objectLeaf,
-		children: [!s && /* @__PURE__ */ h("h4", {
-			className: x.sectionTitle,
-			children: a.name
-		}), l]
-	});
-}
-function D({ text: e, placeholder: t, ariaLabel: n, onCommit: r }) {
-	let [i, a] = b(null);
-	return /* @__PURE__ */ h(u, {
-		value: i ?? e ?? "",
-		placeholder: t,
-		"aria-label": n,
-		onChange: a,
-		onBlur: () => {
-			i !== null && i !== e && r(i), a(null);
-		},
-		onKeyDown: (e) => {
-			e.key === "Enter" && e.target.blur();
-		}
-	});
-}
-//#endregion
-//#region src/components/SelectionPanel/model.ts
-function O(e, t) {
-	if (e.kind === "container") return "group";
-	for (let n of t) if (n.matches(e.data)) return n.name;
-	return "unknown";
-}
-function k(e) {
-	return !("kind" in e);
-}
-function A(e) {
-	let t = [], n = [], r = (e, t) => {
-		for (let [n, i] of Object.entries(e.children)) k(i) ? r(i, t) : t.push({
-			path: n,
-			leaf: i
-		});
-	};
-	for (let [i, a] of Object.entries(e.children)) if (k(a)) {
-		let e = [];
-		r(a, e), t.push({
-			key: i,
-			name: a.name,
-			rows: j(e)
-		});
-	} else n.push({
-		path: i,
-		leaf: a
-	});
-	return n.length > 0 && t.unshift({
-		key: "",
-		name: "",
-		rows: j(n)
-	}), t;
-}
-function j(e) {
-	let t = [];
-	for (let n of e) {
-		let e = n.leaf.pair, r = t[t.length - 1];
-		e !== void 0 && r !== void 0 && r.label === e ? r.leaves.push(n) : t.push({
-			label: e ?? n.leaf.name,
-			leaves: [n]
-		});
-	}
-	return t;
-}
-function M(e, t) {
-	let n = [...new Set(e)];
-	if (n.length === 0) return [];
-	let r = new Map(t.map((e) => [e.name, e])), i = n.map((e) => r.get(e)?.schema);
-	if (i.some((e) => e === void 0)) return [];
-	let [a, ...o] = i, s = A(a);
-	if (o.length === 0) return s;
-	let c = (e) => `${e.path}\0${e.leaf.kind}`, l = o.map((e) => new Set(A(e).flatMap((e) => e.rows).flatMap((e) => e.leaves).map(c))), u = (e) => l.every((t) => t.has(c(e)));
-	return s.map((e) => ({
-		...e,
-		rows: e.rows.map((e) => ({
-			...e,
-			leaves: e.leaves.filter(u)
-		})).filter((e) => e.leaves.length > 0)
-	})).filter((e) => e.rows.length > 0);
-}
-function N(e, t) {
-	let n = t.split(".");
-	if (n.length < 2) return;
-	let r = n[0], i = r === "pose" ? e.pose : r === "data" ? e.data : void 0;
-	for (let e = 1; e < n.length; e++) {
-		if (typeof i != "object" || !i) return;
-		i = i[n[e]];
-	}
-	return i;
-}
-function P(e, t, n) {
-	let [r, ...i] = t;
-	if (i.length === 0) return Array.isArray(e) ? Object.assign([...e], { [r]: n }) : {
-		...e,
-		[r]: n
-	};
-	let a = e[r], o = P(Array.isArray(a) ? [...a] : typeof a == "object" && a ? { ...a } : {}, i, n);
-	return Array.isArray(e) ? Object.assign([...e], { [r]: o }) : {
-		...e,
-		[r]: o
-	};
-}
-function F(e, t) {
-	let n, r = !0;
-	for (let i of e) {
-		let e = N(i, t);
-		if (r) n = e, r = !1;
-		else if (!Object.is(e, n)) return _;
-	}
-	return n;
-}
-function I(e) {
-	let t = /* @__PURE__ */ new Map();
-	for (let n of e) t.set(n, (t.get(n) ?? 0) + 1);
-	return [...t.entries()].map(([e, t]) => t > 1 ? `${e} ×${t}` : e).join(" · ");
-}
-//#endregion
-export { k as a, j as c, C as d, x as f, M as i, P as l, F as n, I as o, O as r, N as s, _ as t, T as u };
-
-//# sourceMappingURL=model-13kZ_-mE.js.map

package/dist/chunks/model-13kZ_-mE.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"model-13kZ_-mE.js","names":[],"sources":["../../src/components/SelectionPanel/SelectionPanel.module.css","../../src/components/SelectionPanel/renderLeaf.tsx","../../src/components/SelectionPanel/model.ts"],"sourcesContent":[".root {\n  display: flex;\n  flex-direction: column;\n  font-size: var(--wzl-font-size-sm);\n  color: var(--wzl-fg);\n}\n\n.header {\n  display: flex;\n  align-items: baseline;\n  gap: var(--wzl-space-4);\n  padding: var(--wzl-space-4) 0;\n  border-block-end: 1px solid var(--wzl-border);\n}\n\n.kind {\n  font-weight: var(--wzl-font-weight-bold);\n  font-size: var(--wzl-font-size);\n}\n\n.breakdown {\n  font-size: var(--wzl-font-size-sm);\n  opacity: 0.6;\n}\n\n.section {\n  padding: var(--wzl-space-3) 0 var(--wzl-space-4);\n  border-block-end: 1px solid var(--wzl-border);\n}\n\n.section:last-child {\n  border-block-end: none;\n}\n\n.sectionTitle {\n  margin: 0 0 var(--wzl-space-3);\n  font-size: var(--wzl-font-size-xs);\n  font-weight: var(--wzl-font-weight-bold);\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  opacity: 0.55;\n}\n\n.row {\n  display: grid;\n  grid-template-columns: 64px 1fr;\n  gap: var(--wzl-space-3);\n  align-items: center;\n  margin-block-end: 5px;\n}\n\n.rowLabel {\n  opacity: 0.75;\n}\n\n.rowControls {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--wzl-space-3);\n  align-items: center;\n  min-inline-size: 0;\n}\n\n/* Glyph plus its control, held together so the pair row wraps between\n   fields rather than between a field and the icon naming it. */\n.namedField {\n  display: flex;\n  align-items: center;\n  gap: var(--wzl-space-2);\n  min-inline-size: 0;\n}\n\n.namedField > svg {\n  flex: none;\n  opacity: 0.75;\n}\n\n.blockRow {\n  margin-block-end: 5px;\n}\n\n/* Fields paired into one row split it evenly, the way Position's x/y do. */\n.rowControls > .namedField {\n  flex: 1 1 0;\n}\n\n/* Except around a segmented bar, which is sized by its segments: an equal\n   share of the row is wider than the buttons want to be. */\n.rowControls > .namedField:has(> .toggle) {\n  flex: 0 1 auto;\n}\n\n.rowControls > * {\n  flex: 1;\n  min-inline-size: 0;\n}\n\n/* Bars sharing a row split the leftover between them, so the gap stays fixed\n   and the width lands on the segments. A bar with the row to itself is sized\n   by its segments instead — a third of 240px is a plate, not a button. */\n.rowControls > .toggle {\n  flex: 1 1 auto;\n}\n\n.rowControls > .toggle:only-child {\n  flex: 0 1 auto;\n}\n\n/* A flag bar is sized by its glyphs rather than by a share of the row: an\n   even split would fling one-letter segments to the margins. */\n.rowControls > .flagToggle {\n  flex: 0 0 auto;\n}\n\n.number :global(input),\n.select {\n  font-size: var(--wzl-font-size-sm);\n}\n\n.unitSuffix {\n  flex: none;\n  font-size: var(--wzl-font-size-sm);\n  opacity: 0.6;\n}\n\n.mixedSwitch {\n  opacity: 0.55;\n}\n\n.unrenderable {\n  font-size: var(--wzl-font-size-sm);\n  opacity: 0.5;\n  font-style: italic;\n}\n\n/* A `block` leaf that renders its own rows — an object leaf's fields. */\n.objectLeaf {\n  margin-block: var(--wzl-space-4) var(--wzl-space-2);\n}\n\n.objectLeaf .sectionTitle {\n  margin-block: 7px 5px;\n}\n\n/* Fields under a heading inside an object read as belonging to it. */\n.objectGroup {\n  padding-inline-start: var(--wzl-space-4);\n  border-inline-start: 1px solid var(--wzl-border);\n  margin-block-end: var(--wzl-space-2);\n}\n\n/* `InlineRange` owns the track; the row only says how it shares the space. */\n.slider {\n  flex: 1;\n}\n\n.sliderReadout {\n  flex: none;\n  min-inline-size: 3ch;\n  text-align: end;\n  font-size: var(--wzl-font-size-sm);\n  opacity: 0.7;\n}\n","/**\n * The leaf → control mapping: one `ToolPrefLeaf` and its value in, one\n * rendered control out, plus the run logic that turns a row of paired\n * toggles into a single segmented bar.\n *\n * It lives beside `SelectionPanel` because it grew there and still draws on\n * that stylesheet, but it is not the panel's: `ToolOptionsBar` renders a\n * tool's options through the same function, so a leaf kind gets its control\n * decided once rather than once per surface.\n */\nimport { Fragment, useState, type ReactNode } from 'react';\nimport {\n  isBuiltinToolPref,\n  type FillStyle,\n  type ToolPrefBoolean,\n  type ToolPrefColor,\n  type ToolPrefEnum,\n  type ToolPrefLeaf,\n  type ToolPrefNumber,\n  type ToolPrefPaint,\n  type ToolPrefGroup,\n  type ToolPrefObject,\n} from '@weasel-js/core';\nimport { prefDisplayBounds, prefUnitAccepts } from '../Prefs/schema';\nimport { ColorField } from '../ColorField';\nimport { FontFamilySelect } from '../FontFamilySelect';\nimport { PaintInput } from '../PaintInput';\nimport { InlineRange } from '../InlineRange';\nimport { Input } from '../Input';\nimport { NumberField, UnitField } from '../NumberField';\nimport { Select } from '../Select';\nimport { Switch } from '../Switch';\nimport { ToggleBar } from '../ToggleBar';\nimport { Icon } from '../../icons/Icon';\nimport { ICON_PATHS, type IconName } from '../../icons/paths';\nimport s from './SelectionPanel.module.css';\n\n\n/** What a {@link PropertyRenderer} is given for the property it is rendering. */\nexport interface PropertyRenderContext {\n  /** Dotted node path of the leaf (`pose.x`, `data.fill`). */\n  path: string;\n  /** The schema leaf. App renderers narrow it to their own kind shape. */\n  pref: ToolPrefLeaf;\n  /** Aggregated value across the selection; `undefined` when mixed or unset. */\n  value: unknown;\n  /** True when selected nodes disagree at this path. */\n  mixed: boolean;\n  /**\n   * True when the nodes agree and what they agree on is nothing — the field\n   * is absent, and whatever paints comes from a fallback further down.\n   *\n   * Distinct from `mixed`, and both leave `value` undefined. A control must\n   * not substitute its schema default here: doing so shows a value the node\n   * does not hold, and the next edit writes that invention back.\n   */\n  unset: boolean;\n  /**\n   * The fields of the object this leaf is a field of — `undefined` for a\n   * top-level leaf, and for a field of an object the node does not hold.\n   *\n   * What a control needs when its own field doesn't carry the whole answer:\n   * a stroke's dash lengths are multiples of the stroke's width, so reading\n   * the array as a style takes both.\n   */\n  siblings?: Record<string, unknown>;\n  /** Commit a value — fans out to every selected node in one undo step. */\n  setValue: (value: unknown) => void;\n  /**\n   * The aggregated value at another node path — what `value` and `mixed` are\n   * for this leaf's own path, for any path.\n   *\n   * A control whose subject spans more than one field needs it: a font picker\n   * reporting which variant will actually paint has to read the node's weight\n   * and style. Reading it off `value` is impossible — a leaf is handed one\n   * field.\n   */\n  valueAt: (path: string) => { value: unknown; mixed: boolean };\n}\n\n/**\n * Renders the control for one property across the whole selection.\n * Returning `null` collapses the leaf.\n */\nexport type PropertyRenderer = (ctx: PropertyRenderContext) => ReactNode;\n\n\n/**\n * One leaf with its context built but nothing rendered yet.\n *\n * Deferring the render is what lets a run of sibling flags become one bar:\n * whether a leaf joins its neighbors is a fact about the run, which no leaf\n * rendering itself can see.\n */\nexport interface LeafCell {\n  key: string;\n  leaf: ToolPrefLeaf;\n  ctx: PropertyRenderContext;\n  /** The accessible name this leaf's control carries — qualified by the row's\n   *  pair where the row holds more than one leaf. */\n  ariaLabel: string;\n  /** Renders the leaf on its own, chrome and all. */\n  render: () => ReactNode;\n}\n\n/** A cell's content, once the run it belongs to has been decided. */\nexport interface RenderedCell {\n  key: string;\n  /** The leaf that names the cell — the run's first, for a flag bar. */\n  leaf: ToolPrefLeaf;\n  block: boolean;\n  content: ReactNode;\n}\n\n/**\n * True for a leaf that can join a flag bar: a paired toggle boolean the\n * consumer has not claimed with a renderer of its own.\n */\nexport function isFlagCell(cell: LeafCell, renderers?: Record<string, PropertyRenderer>): boolean {\n  const { leaf } = cell;\n  return (\n    leaf.kind === 'boolean' &&\n    (leaf as ToolPrefBoolean).control === 'toggle' &&\n    leaf.pair !== undefined &&\n    renderers?.[cell.ctx.path] === undefined &&\n    renderers?.[leaf.kind] === undefined\n  );\n}\n\n/**\n * Renders a row's cells, collapsing each run of adjacent same-`pair` toggle\n * booleans into one segmented bar — the idiom the enum toggle a row away\n * already uses, rather than one detached pill per flag.\n */\nexport function renderCells(\n  cells: readonly LeafCell[],\n  renderers?: Record<string, PropertyRenderer>,\n): RenderedCell[] {\n  const out: RenderedCell[] = [];\n  for (let i = 0; i < cells.length; ) {\n    const cell = cells[i];\n    if (!isFlagCell(cell, renderers)) {\n      const content = cell.render();\n      if (content != null) {\n        out.push({ key: cell.key, leaf: cell.leaf, block: cell.leaf.block === true, content });\n      }\n      i += 1;\n      continue;\n    }\n    let j = i + 1;\n    while (\n      j < cells.length &&\n      isFlagCell(cells[j], renderers) &&\n      cells[j].leaf.pair === cell.leaf.pair\n    ) {\n      j += 1;\n    }\n    const run = cells.slice(i, j);\n    out.push({\n      key: cell.key,\n      leaf: cell.leaf,\n      block: run.every((c) => c.leaf.block === true),\n      content: <FlagBar run={run} ariaLabel={cell.leaf.pair as string} />,\n    });\n    i = j;\n  }\n  return out;\n}\n\n/**\n * A run of paired boolean flags as one multi-select bar — U / S / O, the way\n * every text editor draws them.\n */\nfunction FlagBar({ run, ariaLabel }: { run: readonly LeafCell[]; ariaLabel: string }): ReactNode {\n  const on = run.filter((c) => c.ctx.value === true).map((c) => c.key);\n  return (\n    <ToggleBar<string>\n      mode=\"multiple\"\n      size=\"sm\"\n      variant=\"flat\"\n      className={s.flagToggle}\n      ariaLabel={ariaLabel}\n      items={run.map((c) => {\n        const p = c.leaf as ToolPrefBoolean;\n        return {\n          value: c.key,\n          label:\n            p.icon && p.icon in ICON_PATHS ? (\n              <Icon name={p.icon as IconName} size={14} />\n            ) : (\n              (p.short ?? p.name.slice(0, 1))\n            ),\n          ariaLabel: c.ariaLabel,\n        };\n      })}\n      value={on}\n      // Each flag owns its own path, so only the segment that moved is\n      // written — committing the run would write two fields nobody touched,\n      // and inside an object leaf would fabricate values for the other two.\n      mixedValues={run.filter((c) => c.ctx.mixed).map((c) => c.key)}\n      onChange={(next) => {\n        for (const c of run) {\n          const now = next.includes(c.key);\n          if (now !== on.includes(c.key)) c.ctx.setValue(now);\n        }\n      }}\n    />\n  );\n}\n\nexport function renderBuiltin(\n  ctx: PropertyRenderContext,\n  ariaLabel: string,\n  renderers?: Record<string, PropertyRenderer>,\n  /** Identifies the current selection, so a control holding per-selection\n   *  scratch (the paint kind memory) is remounted rather than carried over. */\n  selectionKey = '',\n  /** True for a field of an object leaf. Such a field writes itself into its\n   *  parent, so it can only hold values its parent's type permits — which is\n   *  what rules \"none\" out for a nested paint. */\n  nested = false,\n): ReactNode {\n  const { pref, value, mixed, unset, setValue } = ctx;\n  if (pref.kind === 'font-family') {\n    // Not a `ToolPref` kind: its options are the live font registry, which no\n    // static schema can carry. Core's own text schema still declares it, so\n    // the panel ships the control rather than leaving every consumer to.\n    //\n    // The substitution probe runs at the node's own weight and style, so the\n    // label names the variant that will actually paint. A mixed selection has\n    // no single one; the probe falls back to 400/normal there.\n    const weight = ctx.valueAt('data.style.fontWeight');\n    const style = ctx.valueAt('data.style.fontStyle');\n    return (\n      <FontFamilySelect\n        className={s.select}\n        value={mixed || typeof value !== 'string' ? undefined : value}\n        mixed={mixed}\n        onChange={setValue}\n        weight={typeof weight.value === 'number' ? weight.value : undefined}\n        fontStyle={style.value === 'italic' ? 'italic' : undefined}\n        aria-label={ariaLabel}\n      />\n    );\n  }\n  if (!isBuiltinToolPref(pref)) {\n    return <span className={s.unrenderable}>({pref.kind}: no renderer)</span>;\n  }\n  switch (pref.kind) {\n    case 'number': {\n      const p = pref as ToolPrefNumber;\n      const stored = typeof value === 'number' && Number.isFinite(value) ? value : undefined;\n      const display = stored !== undefined ? (p.unit ? p.unit.toDisplay(stored) : stored) : NaN;\n      // `min`/`max`/`step` are declared in the stored unit, like the value, so\n      // they convert with it — a leaf storing radians and showing degrees was\n      // clamping typed degrees against 0..6.28. Only declared bounds convert:\n      // the slider's 0..100 fallback is a display-space number with no stored\n      // counterpart to put through the conversion.\n      const bounds = prefDisplayBounds(p);\n      if (p.control === 'slider') {\n        const min = bounds.min ?? 0;\n        const max = bounds.max ?? 100;\n        const known = !mixed && stored !== undefined;\n        return (\n          <>\n            <InlineRange\n              min={min}\n              max={max}\n              step={bounds.step}\n              // The thumb clamps to the track; the readout beside it does not,\n              // so a value past `max` is still reported as what it is.\n              value={known ? Math.min(Math.max(display, min), max) : min}\n              disabled={mixed}\n              className={s.slider}\n              aria-label={ariaLabel}\n              onChange={(e) => {\n                const next = Number(e.target.value);\n                setValue(p.unit ? p.unit.fromDisplay(next) : next);\n              }}\n            />\n            <span className={s.sliderReadout} aria-hidden=\"true\">\n              {known\n                ? (p.unit?.format?.(stored as number) ?? `${display}${p.unit?.suffix ?? ''}`)\n                : '—'}\n            </span>\n          </>\n        );\n      }\n      const unit = p.unit;\n      const field = unit ? (\n        <UnitField\n          className={s.number}\n          value={mixed || stored === undefined ? NaN : display}\n          placeholder={mixed ? 'Mixed' : undefined}\n          minValue={bounds.min}\n          maxValue={bounds.max}\n          step={bounds.step}\n          accepts={prefUnitAccepts(unit)}\n          aria-label={ariaLabel}\n          onChange={(n) => setValue(unit.fromDisplay(n))}\n        />\n      ) : (\n        <NumberField\n          className={s.number}\n          value={mixed || stored === undefined ? NaN : display}\n          placeholder={mixed ? 'Mixed' : undefined}\n          minValue={bounds.min}\n          maxValue={bounds.max}\n          step={bounds.step}\n          hideSteppers\n          aria-label={ariaLabel}\n          onChange={(n) => {\n            if (Number.isNaN(n)) return;\n            setValue(n);\n          }}\n        />\n      );\n      if (unit?.suffix === undefined) return field;\n      return (\n        <>\n          {field}\n          <span className={s.unitSuffix} aria-hidden=\"true\">\n            {unit.suffix}\n          </span>\n        </>\n      );\n    }\n    case 'string': {\n      return (\n        <DraftInput\n          text={mixed ? undefined : typeof value === 'string' ? value : ''}\n          placeholder={mixed ? 'Mixed' : undefined}\n          ariaLabel={ariaLabel}\n          onCommit={setValue}\n        />\n      );\n    }\n    case 'boolean': {\n      const p = pref as ToolPrefBoolean;\n      if (p.control === 'toggle') {\n        // One segment, so the bar is the flag: `short` (else the initial of\n        // `name`) is all a paired row has room for, and `name` stays the\n        // accessible name.\n        //\n        // No dimming wrapper here. Unselected already *is* how a toggle button\n        // says \"not set\", and dimming it reads as disabled; mixed has an ARIA\n        // form on a toggle — `mixedValues` — which the `Switch` below has to\n        // fake for want of one.\n        return (\n          <ToggleBar<string>\n            mode=\"multiple\"\n            size=\"sm\"\n            variant=\"flat\"\n            className={s.flagToggle}\n            ariaLabel={ariaLabel}\n            items={[{\n              value: ctx.path,\n              label:\n                p.icon && p.icon in ICON_PATHS ? (\n                  <Icon name={p.icon as IconName} size={14} />\n                ) : (\n                  (p.short ?? p.name.slice(0, 1))\n                ),\n              ariaLabel,\n            }]}\n            value={value === true ? [ctx.path] : []}\n            mixedValues={mixed ? [ctx.path] : []}\n            onChange={(next) => setValue(next.includes(ctx.path))}\n          />\n        );\n      }\n      const control = <Switch isSelected={Boolean(value)} onChange={setValue} aria-label={ariaLabel} />;\n      // Neither `Switch`'s indeterminate gap nor \"unset\" has an ARIA form, so\n      // a reduced-opacity wrapper with a title is the cue for both — a mixed\n      // selection, and a field the node leaves to its fallback.\n      if (!mixed && !unset) return control;\n      return (\n        <span className={s.mixedSwitch} title={mixed ? 'Mixed' : 'Not set'}>\n          {control}\n        </span>\n      );\n    }\n    case 'enum': {\n      const p = pref as ToolPrefEnum;\n      // An encoded leaf stores something other than the option string, so the\n      // option comes from the encoding rather than from the value — and an\n      // absent field is one of the things it reads (no dash is `solid`), which\n      // is why `unset` doesn't blank the control here.\n      const option = p.encoding\n        ? (mixed ? undefined : p.encoding.read(value, ctx.siblings))\n        : mixed || unset\n          ? undefined\n          : typeof value === 'string'\n            ? value\n            : p.default;\n      const choose = (next: string): void =>\n        setValue(p.encoding ? p.encoding.write(next, ctx.siblings) : next);\n      if (p.control === 'toggle') {\n        // Every option visible at once, which is the point of a segmented\n        // control: a glyph, else `short`, keeps it to the width a property row\n        // has, and the full label stays the accessible name. A mixed selection\n        // selects nothing rather than picking a winner.\n        return (\n          <ToggleBar<string>\n            size=\"sm\"\n            variant=\"flat\"\n            className={s.toggle}\n            ariaLabel={ariaLabel}\n            items={p.options.map((o) => ({\n              value: o.value,\n              label:\n                o.icon && o.icon in ICON_PATHS ? (\n                  <Icon name={o.icon as IconName} size={14} />\n                ) : (\n                  (o.short ?? o.label)\n                ),\n              ariaLabel: o.label,\n              disabled: o.disabled,\n            }))}\n            value={option ?? null}\n            onChange={(next) => { if (next !== null) choose(next); }}\n          />\n        );\n      }\n      return (\n        <Select<string>\n          className={s.select}\n          options={p.options.map((o) => ({ value: o.value, label: o.label, isDisabled: o.disabled }))}\n          selectedKey={option ?? null}\n          placeholder={mixed ? 'Mixed' : unset ? '—' : undefined}\n          onSelectionChange={choose}\n          aria-label={ariaLabel}\n        />\n      );\n    }\n    case 'color': {\n      const p = pref as ToolPrefColor;\n      return (\n        <ColorField\n          value={mixed ? undefined : typeof value === 'string' ? value : p.default}\n          mixed={mixed}\n          alpha={p.alpha}\n          onChange={setValue}\n          aria-label={ariaLabel}\n        />\n      );\n    }\n    case 'paint': {\n      // The value is a whole `FillStyle`, and `PaintInput` edits it as one —\n      // previewing a gradient as a gradient rather than degrading it to the\n      // indeterminate chip. That leaves the checkerboard meaning `mixed` and\n      // nothing else.\n      const p = pref as ToolPrefPaint;\n      // `??` would read an explicit `null` — \"no paint\" — as absent and show\n      // the schema default over it, so the None segment could never stay lit.\n      // Unset shows the fallback that is actually on the canvas, dimmed: true,\n      // but not chosen, which is what the dimming says.\n      const paint = (value === null\n        ? null\n        : (value ?? (mixed ? undefined : p.default))) as FillStyle | null | undefined;\n      return (\n        <PaintInput\n          // Per-kind switch memory is scratch for one selection; carrying it\n          // across would recall the previous node's gradient.\n          key={selectionKey}\n          value={paint}\n          mixed={mixed}\n          unset={unset}\n          // A nested paint writes one field of its parent, and no kit paint\n          // field is optional — `Stroke.paint` is required. Removing the\n          // whole parent is a different edit than repainting it, so the\n          // control must not offer one as the other. A consumer whose\n          // renderer owns the parent key (WeaselDraw's `setStroke`) can.\n          allowNone={!nested}\n          onChange={setValue}\n          aria-label={ariaLabel}\n        />\n      );\n    }\n    case 'object': {\n      // One value with fields hanging off it. Each child writes the parent\n      // whole, so a field is never set on a half-built object.\n      return <ObjectLeaf ctx={ctx} renderers={renderers} selectionKey={selectionKey} />;\n    }\n    default: {\n      // Not reachable while every built-in kind has an arm — and a new kind\n      // that lacks one is a compile error here, never a blank cell.\n      const _exhaustive: never = pref;\n      throw new Error(\n        `SelectionPanel: no control for built-in pref kind \"${(_exhaustive as { kind: string }).kind}\"`,\n      );\n    }\n  }\n}\n\n/**\n * Renders an object leaf: a titled block whose rows are the object's own\n * fields. A child's edit commits the parent object, never the child's path —\n * writing into a path whose value is not an object yet would corrupt it.\n */\n/** One labeled row inside an object leaf; `pair` merges adjacent fields into\n *  it, exactly as the section rows merge theirs. */\ninterface ObjectRow {\n  key: string;\n  pair?: string;\n  label: string;\n  title?: string;\n  /** Every field in the row brought its own chrome, so the row drops the\n   *  label column and spans the block. One unlabeled field in an otherwise\n   *  labeled pair would leave the row named after half of itself. */\n  block: boolean;\n  controls: ReactNode[];\n}\n\n/**\n * Renders an object leaf: the object's own fields, as rows. A child's edit\n * commits the parent object, never the child's path — writing into a path\n * whose value is not an object yet would corrupt it.\n */\nfunction ObjectLeaf({\n  ctx,\n  renderers,\n  selectionKey = '',\n}: {\n  ctx: PropertyRenderContext;\n  renderers?: Record<string, PropertyRenderer>;\n  selectionKey?: string;\n}): ReactNode {\n  const pref = ctx.pref as ToolPrefObject;\n  const held = typeof ctx.value === 'object' && ctx.value !== null\n    ? (ctx.value as Record<string, unknown>)\n    : undefined;\n\n  // A value whose fields are entirely grouped is titled by those groups — its\n  // own heading would stack onto the first one and name nothing new.\n  const allGrouped = Object.values(pref.children).every((child) => !('kind' in child));\n\n  // `indent` is false when nothing visible sits above these rows: depth is\n  // drawn only where a label marks it.\n  const rowsOf = (\n    children: Record<string, ToolPrefLeaf | ToolPrefGroup>,\n    indent: boolean,\n  ): ReactNode[] => {\n    const out: (ReactNode | ObjectRow)[] = [];\n    const isRow = (v: ReactNode | ObjectRow): v is ObjectRow =>\n      typeof v === 'object' && v !== null && 'controls' in v;\n\n    // Cells accumulate unrendered so a run of adjacent same-`pair` flags can\n    // be seen as a run before any of them draws; a group heading between two\n    // fields ends the run, exactly as it ends a paired row.\n    let pending: LeafCell[] = [];\n    const flush = (): void => {\n      for (const { key, leaf, block, content } of renderCells(pending, renderers)) {\n        const prev = out[out.length - 1];\n        if (leaf.pair !== undefined && isRow(prev) && prev.pair === leaf.pair) {\n          prev.controls.push(<Fragment key={key}>{content}</Fragment>);\n          prev.block &&= block;\n          continue;\n        }\n        out.push({\n          key,\n          pair: leaf.pair,\n          label: leaf.pair ?? leaf.name,\n          title: leaf.description,\n          block,\n          controls: [<Fragment key={key}>{content}</Fragment>],\n        });\n      }\n      pending = [];\n    };\n\n    for (const [key, child] of Object.entries(children)) {\n      // A group among the children organises the fields under a heading\n      // without contributing to the path — the rule group keys follow at the\n      // top level.\n      if (!('kind' in child)) {\n        const labeled = child.name !== '';\n        const inner = rowsOf(child.children, labeled);\n        if (inner.length === 0) continue;\n        flush();\n        out.push(\n          <div key={`group:${key}`} className={labeled && indent ? s.objectGroup : undefined}>\n            {labeled && <h5 className={s.sectionTitle}>{child.name}</h5>}\n            {inner}\n          </div>,\n        );\n        continue;\n      }\n      const childPath = `${ctx.path}.${key}`;\n      const childCtx: PropertyRenderContext = {\n        path: childPath,\n        pref: child,\n        value: held?.[key],\n        mixed: ctx.mixed,\n        // A field of an object the node does not hold is unset, and so is one\n        // the object omits — `data.stroke` absent leaves every stroke field\n        // with nothing behind it, not with the schema's defaults.\n        unset: !ctx.mixed && held?.[key] === undefined,\n        siblings: held,\n        valueAt: ctx.valueAt,\n        setValue: (v) => {\n          // The node holds no object yet, so writing one field has to\n          // materialize the rest: the leaf's `default` is what a complete\n          // value looks like. Starting from `{}` instead committed the one\n          // field on its own — a `data.stroke` of `{ width: 2 }` with no\n          // `paint`, which the type forbids and the painter threw on, taking\n          // the whole frame and the visible document with it.\n          const base = held\n            ?? pref.fromScalar?.(ctx.value)\n            ?? (typeof pref.default === 'object' && pref.default !== null\n              ? { ...(pref.default as Record<string, unknown>) }\n              : {});\n          if (v === undefined) {\n            // A field written as absent is absent — leaving the key holding\n            // `undefined` says the object has a dash of nothing.\n            const { [key]: _dropped, ...rest } = base;\n            ctx.setValue(rest);\n            return;\n          }\n          ctx.setValue({ ...base, [key]: v });\n        },\n      };\n      pending.push({\n        key: childPath,\n        leaf: child,\n        ctx: childCtx,\n        ariaLabel: child.name,\n        render: () => {\n          const custom = renderers?.[childPath] ?? renderers?.[child.kind];\n          const rendered = custom\n            ? custom(childCtx)\n            : renderBuiltin(childCtx, child.name, renderers, selectionKey, true);\n          if (rendered == null) return null;\n          // Neither a paired row nor a block one gives a field its own label\n          // column, so the glyph is all that names it on screen. The control\n          // already carries `name` as its accessible name, which leaves the\n          // glyph decorative.\n          const unlabeled = child.pair !== undefined || child.block === true;\n          const glyph = unlabeled && child.icon && child.icon in ICON_PATHS;\n          if (!glyph) return rendered;\n          return (\n            <span className={s.namedField}>\n              <Icon name={child.icon as IconName} size={14} />\n              {rendered}\n            </span>\n          );\n        },\n      });\n    }\n    flush();\n    return out.map((entry) =>\n      typeof entry === 'object' && entry !== null && 'controls' in entry ? (\n        entry.block ? (\n          <div key={entry.key} className={`${s.rowControls} ${s.blockRow}`} title={entry.title}>\n            {entry.controls}\n          </div>\n        ) : (\n          <div key={entry.key} className={s.row}>\n            <span className={s.rowLabel} title={entry.title}>{entry.label}</span>\n            <span className={s.rowControls}>{entry.controls}</span>\n          </div>\n        )\n      ) : (\n        entry\n      ),\n    );\n  };\n\n  const rows = rowsOf(pref.children, !allGrouped);\n  if (rows.length === 0) return null;\n  return (\n    <div className={s.objectLeaf}>\n      {!allGrouped && <h4 className={s.sectionTitle}>{pref.name}</h4>}\n      {rows}\n    </div>\n  );\n}\n\n/** Text input with commit-on-blur/Enter semantics — live-per-keystroke\n *  writes would emit one undo step per character. */\nfunction DraftInput({\n  text,\n  placeholder,\n  ariaLabel,\n  onCommit,\n}: {\n  text: string | undefined;\n  placeholder?: string;\n  ariaLabel: string;\n  onCommit: (v: string) => void;\n}) {\n  const [draft, setDraft] = useState<string | null>(null);\n  return (\n    <Input\n      value={draft ?? text ?? ''}\n      placeholder={placeholder}\n      aria-label={ariaLabel}\n      onChange={setDraft}\n      onBlur={() => {\n        if (draft !== null && draft !== text) onCommit(draft);\n        setDraft(null);\n      }}\n      onKeyDown={(e) => {\n        if (e.key === 'Enter') (e.target as HTMLInputElement).blur();\n      }}\n    />\n  );\n}\n","// Pure selection→panel derivations for SelectionPanel. Kept free of\n// React so intersection/aggregation semantics are unit-testable.\n//\n// Path convention (see core `NodePropertiesEntry`): a leaf's OWN KEY in\n// the schema is its node path — a dotted path of any depth rooted at\n// `pose` or `data` (`pose.x`, `data.fill`, `data.style.fontSize`). Group\n// keys are organizational only.\n\nimport {\n  MIXED,\n  type Mixed,\n  type NodePropertiesEntry,\n  type NodeRoutingEntry,\n  type SceneNode,\n  type ToolPrefGroup,\n  type ToolPrefLeaf,\n} from '@weasel-js/core';\n\n// Re-exported under its existing public name here: the kit-wide \"these\n// values disagree\" sentinel (`@weasel-js/core`'s `MIXED`) also covers\n// multi-node aggregation, so this panel doesn't get its own symbol.\nexport { MIXED };\nexport type { Mixed };\n\nexport type AnyNode = SceneNode<unknown, string, unknown>;\n\n/**\n * One editable property in a {@link SelectionPanel}, paired with the dotted\n * node path it reads and writes.\n */\nexport interface PanelLeaf {\n  /** Dotted node path — the leaf's key in the schema. */\n  path: string;\n  leaf: ToolPrefLeaf;\n}\n\n/**\n * One labeled row of a panel section. Holds several leaves when the schema\n * paired them.\n */\nexport interface PanelRow {\n  label: string;\n  leaves: PanelLeaf[];\n}\n\n/**\n * A titled block of rows, derived from one top-level group of a properties\n * schema. `key` is that group's schema key.\n */\nexport interface PanelSection {\n  key: string;\n  name: string;\n  rows: PanelRow[];\n}\n\n/** Derive a node's kind: containers are `'group'`; leaves classify their\n *  `data` through the routing entries (first match wins, `'unknown'`\n *  otherwise) — same semantics as core's `NodeRouting.classify`. */\nexport function classifyKind(\n  node: AnyNode,\n  routing: readonly NodeRoutingEntry[],\n): string {\n  if (node.kind === 'container') return 'group';\n  for (const entry of routing) {\n    if (entry.matches(node.data)) return entry.name;\n  }\n  return 'unknown';\n}\n\nexport function isGroup(n: ToolPrefLeaf | ToolPrefGroup): n is ToolPrefGroup {\n  return !('kind' in n);\n}\n\n/** Flatten a schema to sections of leaves. Nested groups fold into their\n *  top-level section; top-level leaves get an untitled leading section. */\nfunction flatten(schema: ToolPrefGroup): PanelSection[] {\n  const sections: PanelSection[] = [];\n  const untitled: PanelLeaf[] = [];\n\n  const collect = (group: ToolPrefGroup, into: PanelLeaf[]): void => {\n    for (const [key, child] of Object.entries(group.children)) {\n      if (isGroup(child)) collect(child, into);\n      else into.push({ path: key, leaf: child });\n    }\n  };\n\n  for (const [key, child] of Object.entries(schema.children)) {\n    if (isGroup(child)) {\n      const leaves: PanelLeaf[] = [];\n      collect(child, leaves);\n      sections.push({ key, name: child.name, rows: pairRows(leaves) });\n    } else {\n      untitled.push({ path: key, leaf: child });\n    }\n  }\n  if (untitled.length > 0) {\n    sections.unshift({ key: '', name: '', rows: pairRows(untitled) });\n  }\n  return sections;\n}\n\n/** Merge consecutive leaves sharing a `pair` id into one labeled row. */\nexport function pairRows(leaves: readonly PanelLeaf[]): PanelRow[] {\n  const rows: PanelRow[] = [];\n  for (const item of leaves) {\n    const pair = item.leaf.pair;\n    const prev = rows[rows.length - 1];\n    if (pair !== undefined && prev !== undefined && prev.label === pair) {\n      prev.leaves.push(item);\n    } else {\n      rows.push({ label: pair ?? item.leaf.name, leaves: [item] });\n    }\n  }\n  return rows;\n}\n\n/**\n * The schema the panel shows for a set of kinds: one kind → its full\n * schema; several → the intersection by (path, leaf kind), shaped by the\n * first kind's section/row layout. Kinds without a registered schema\n * contribute nothing, so their presence collapses the intersection.\n */\nexport function effectiveSections(\n  kinds: readonly string[],\n  entries: readonly NodePropertiesEntry[],\n): PanelSection[] {\n  const uniq = [...new Set(kinds)];\n  if (uniq.length === 0) return [];\n  const byName = new Map(entries.map((e) => [e.name, e]));\n  const schemas = uniq.map((k) => byName.get(k)?.schema);\n  if (schemas.some((s) => s === undefined)) return [];\n  const [first, ...rest] = schemas as ToolPrefGroup[];\n\n  const flatFirst = flatten(first);\n  if (rest.length === 0) return flatFirst;\n\n  // '\\0' delimiter: path and kind strings are unconstrained, so a\n  // printable separator could collide with real content.\n  const leafKey = (l: PanelLeaf): string => `${l.path}\\0${l.leaf.kind}`;\n  const restKeys = rest.map(\n    (schema) =>\n      new Set(\n        flatten(schema)\n          .flatMap((s) => s.rows)\n          .flatMap((r) => r.leaves)\n          .map(leafKey),\n      ),\n  );\n  const keep = (l: PanelLeaf): boolean =>\n    restKeys.every((set) => set.has(leafKey(l)));\n\n  return flatFirst\n    .map((section) => ({\n      ...section,\n      rows: section.rows\n        .map((row) => ({ ...row, leaves: row.leaves.filter(keep) }))\n        .filter((row) => row.leaves.length > 0),\n    }))\n    .filter((section) => section.rows.length > 0);\n}\n\n/** Read a node value at a dotted path of any depth (`pose.x`,\n *  `data.style.fontSize`, `data.style.fill.color`). Returns `undefined` if\n *  the path is dotless (mirrors `commit`'s no-op on a malformed schema\n *  key) or if any intermediate segment is missing or not an object. */\nexport function nodeValueAt(node: AnyNode, path: string): unknown {\n  const segments = path.split('.');\n  if (segments.length < 2) return undefined;\n  const head = segments[0];\n  let cursor: unknown = head === 'pose' ? node.pose : head === 'data' ? node.data : undefined;\n  for (let i = 1; i < segments.length; i++) {\n    if (cursor == null || typeof cursor !== 'object') return undefined;\n    cursor = (cursor as Record<string, unknown>)[segments[i]];\n  }\n  return cursor;\n}\n\n/** Immutably set `value` at a dotted path within `root`, cloning each level\n *  on the way down so React sees new object identities. Arrays stay arrays\n *  (an array intermediate is shallow-copied, not flattened into `{0: ...}`)\n *  — this is the write-side twin of `nodeValueAt`, so a schema author who\n *  gets a working read gets a working write. */\nexport function setAtPath(root: object, segments: readonly string[], value: unknown): object {\n  const [head, ...rest] = segments;\n  if (rest.length === 0) {\n    return Array.isArray(root)\n      ? Object.assign([...root], { [head]: value })\n      : { ...root, [head]: value };\n  }\n  const child = (root as Record<string, unknown>)[head];\n  const childObj = Array.isArray(child)\n    ? [...child]\n    : child != null && typeof child === 'object'\n      ? { ...child }\n      : {};\n  const nested = setAtPath(childObj, rest, value);\n  return Array.isArray(root)\n    ? Object.assign([...root], { [head]: nested })\n    : { ...root, [head]: nested };\n}\n\n/** Aggregate a path across nodes: the shared value, or `MIXED`. */\nexport function aggregateValue(\n  nodes: readonly AnyNode[],\n  path: string,\n): unknown | Mixed {\n  let value: unknown;\n  let first = true;\n  for (const node of nodes) {\n    const v = nodeValueAt(node, path);\n    if (first) {\n      value = v;\n      first = false;\n    } else if (!Object.is(v, value)) {\n      return MIXED;\n    }\n  }\n  return value;\n}\n\n/** `'rect ×2 · text'` — kinds in first-seen order with counts. */\nexport function kindBreakdown(kinds: readonly string[]): string {\n  const counts = new Map<string, number>();\n  for (const k of kinds) counts.set(k, (counts.get(k) ?? 0) + 1);\n  return [...counts.entries()]\n    .map(([k, n]) => (n > 1 ? `${k} ×${n}` : k))\n    .join(' · ');\n}\n"],"mappings":"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"}

package/dist/chunks/number-BHz66zQO.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"number-BHz66zQO.js","names":[],"sources":["../../src/format/number.ts"],"sourcesContent":["/**\n * Display-formatter for numbers. Use this anywhere a number is shown to\n * a user. The whole point: negative values get prefixed with the real\n * MINUS SIGN (U+2212) instead of the ASCII HYPHEN-MINUS (U+002D) that\n * `toLocaleString` and template literals produce by default.\n *\n * U+2212 is the same visual width as `+` and reads as a sign rather\n * than a hyphen — columns of signed numbers align cleanly and the\n * glyph doesn't get confused with a bullet or list dash.\n */\nexport const MINUS_SIGN = '−';\n\n/**\n * Formats a number for display, substituting {@link MINUS_SIGN} for the ASCII\n * hyphen `toLocaleString` emits. Non-finite values stringify as-is.\n */\nexport function formatNumber(value: number, options?: Intl.NumberFormatOptions): string {\n  const formatted = Number.isFinite(value)\n    ? value.toLocaleString(undefined, options)\n    : String(value);\n  return formatted.replace(/^-/, MINUS_SIGN);\n}\n\n/**\n * Parses a string that may carry {@link MINUS_SIGN} in place of the ASCII\n * hyphen. The inverse of {@link formatNumber} for any editing surface that\n * renders its value through it and reads the edited text back.\n */\nexport function parseSignedNumber(text: string): number {\n  return Number(text.replace(MINUS_SIGN, '-'));\n}\n\n/** Powers of ten a typed magnitude suffix stands for. */\nconst EXPONENTS: Record<string, number> = { k: 3, m: 6, b: 9, t: 12 };\n\n/**\n * Formats a number the way a `compact` readout shows it: below 1,000 at\n * `decimals` places, from 1,000 up at one decimal with a magnitude suffix\n * (`40.0K`, `2.0M`). Always `en-US`, so {@link parseNumber} reads it back.\n */\nexport function formatCompact(value: number, decimals = 0): string {\n  if (!Number.isFinite(value)) return formatNumber(value);\n  const options: Intl.NumberFormatOptions =\n    Math.abs(value) < 1000\n      ? { useGrouping: false, minimumFractionDigits: decimals, maximumFractionDigits: decimals }\n      : { notation: 'compact', minimumFractionDigits: 1, maximumFractionDigits: 1 };\n  return value.toLocaleString('en-US', options).replace(/^-/, MINUS_SIGN);\n}\n\n/**\n * Reads a typed number: anything {@link parseSignedNumber} reads, plus\n * thousands commas in the `40,000` shape and a `k`/`m`/`b`/`t` suffix in either\n * case (`2.5m` is 2,500,000). Empty text is NaN rather than zero.\n *\n * Given `units` — a suffix mapped to the factor it scales by — a trailing unit\n * name is read first: the longest match wins, exact case before any case, and\n * a unit beats a magnitude suffix, so with `m` accepted `2m` is `2 * units.m`.\n */\nexport function parseNumber(text: string, units?: Readonly<UnitTable>): number {\n  if (units) {\n    const trimmed = text.trim();\n    const name = unitSuffixOf(trimmed, units);\n    if (name !== undefined) {\n      const terms = compoundTermsOf(trimmed, units);\n      if (terms !== undefined && terms.length > 1) return compoundValue(terms, trimmed, units);\n      const { factor, offset } = scaleOf(units[name]!);\n      return scaled(parseNumber(trimmed.slice(0, -name.length)), factor) + offset;\n    }\n  }\n  let t = text.trim().replace(MINUS_SIGN, '-');\n  const exponent = EXPONENTS[t.slice(-1).toLowerCase()];\n  if (exponent !== undefined) t = t.slice(0, -1).trimEnd();\n  if (/^[-+]?\\d{1,3}(,\\d{3})+(\\.\\d*)?$/.test(t)) t = t.replace(/,/g, '');\n  if (!/\\d/.test(t)) return Number.NaN;\n  // Scaled through the exponent rather than by multiplying: 1.1 * 1000 is 1100.0000000000002.\n  return Number(exponent === undefined ? t : `${t}e${exponent}`);\n}\n\n/** One unit's conversion into the shown unit: a bare factor, or a scale that\n *  also moves zero. Structurally the kit's `UnitEntry`, kept local so this\n *  formatting helper stays free of the scene vocabulary. */\nexport type UnitTableEntry = number | { factor: number; offset?: number };\n/** Suffixes a person may type, each mapped to its conversion. */\nexport type UnitTable = Record<string, UnitTableEntry>;\n\n/** Divided by the reciprocal below 1: 12 * 0.1 is 1.2000000000000002, 12 / 10 is 1.2. */\nfunction scaled(n: number, factor: number): number {\n  return factor < 1 ? n / (1 / factor) : n * factor;\n}\n\n/** A unit table entry's scale, with the bare-factor shorthand widened. */\nfunction scaleOf(entry: UnitTableEntry): { factor: number; offset: number } {\n  return typeof entry === 'number'\n    ? { factor: entry, offset: 0 }\n    : { factor: entry.factor, offset: entry.offset ?? 0 };\n}\n\n/**\n * The unit names in `text`, in reading order, when every one of them closes a\n * `<number><unit>` term — which is what tells `5ft 3in` from a malformed\n * `5ft 3`. Undefined when the text is not a run of whole terms.\n */\nfunction compoundTermsOf(text: string, units: Readonly<UnitTable>): string[] | undefined {\n  const names: string[] = [];\n  let rest = text.trimEnd();\n  while (rest !== '') {\n    const name = unitSuffixOf(rest, units);\n    if (name === undefined) return undefined;\n    names.push(name);\n    const before = rest.slice(0, -name.length);\n    const m = /(\\d+(?:\\.\\d+)?|\\.\\d+)\\s*$/.exec(before);\n    if (!m) return undefined;\n    rest = before.slice(0, m.index).trimEnd();\n    // A sign leads the whole value, so it ends the walk rather than a term.\n    if (rest === '-' || rest === '+' || rest === MINUS_SIGN) rest = '';\n  }\n  return names.length === 0 ? undefined : names.reverse();\n}\n\n/**\n * `5ft 3in` as one number in the shown unit. Every term scales and they sum;\n * a leading sign carries across all of them, so `-5ft 3in` is −63in and not\n * −57. Offsets have no meaning in a sum — 1K + 2degC is not a temperature —\n * so a term carrying one makes the whole value unreadable.\n */\nfunction compoundValue(names: string[], text: string, units: Readonly<UnitTable>): number {\n  const digits = text.match(/\\d+(?:\\.\\d+)?|\\.\\d+/g);\n  if (!digits || digits.length !== names.length) return Number.NaN;\n  const sign = /^\\s*[-\\u2212]/.test(text) ? -1 : 1;\n  let total = 0;\n  for (const [i, name] of names.entries()) {\n    const { factor, offset } = scaleOf(units[name]!);\n    if (offset !== 0) return Number.NaN;\n    total += scaled(Number(digits[i]), factor);\n  }\n  return sign * total;\n}\n\n/** The longest unit name `text` ends with — exact case first, then any case. */\nfunction unitSuffixOf(text: string, units: Readonly<UnitTable>): string | undefined {\n  const names = Object.keys(units).filter((n) => n !== '').sort((a, b) => b.length - a.length);\n  const lower = text.toLowerCase();\n  return names.find((n) => text.endsWith(n)) ?? names.find((n) => lower.endsWith(n.toLowerCase()));\n}\n\n/** {@link String} with the leading ASCII hyphen swapped for {@link MINUS_SIGN}.\n *  Locale-independent, unlike `toLocaleString`. */\nfunction signedString(value: number): string {\n  return String(value).replace(/^-/, MINUS_SIGN);\n}\n\n/**\n * Formats a zoom factor for display. Below 2x a percentage reads naturally;\n * past it the numbers get long and a multiplier is what people say out loud,\n * so 250% shows as `2.5x`. Past 100x a tenth is noise, so the decimal is\n * dropped and thousands are grouped: `1009.74` reads as `1,010x`.\n */\nexport function formatZoom(zoom: number): string {\n  if (!Number.isFinite(zoom)) return String(zoom);\n  if (zoom <= 2) return `${signedString(Math.round(zoom * 100))}%`;\n  if (zoom >= 100) return `${Math.round(zoom).toLocaleString('en-US')}x`;\n  return `${signedString(Math.round(zoom * 10) / 10)}x`;\n}\n"],"mappings":"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"}

package/dist/chunks/range.module-DSsOIq1R.js

@@ -1,8 +0,0 @@
-var e = {
-	range: "_range_g7ip1_9",
-	alpha: "_alpha_g7ip1_74"
-};
-//#endregion
-export { e as t };
-
-//# sourceMappingURL=range.module-DSsOIq1R.js.map

package/dist/chunks/range.module-DSsOIq1R.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"range.module-DSsOIq1R.js","names":[],"sources":["../../src/components/range.module.css"],"sourcesContent":["/* The one skin for a native <input type=\"range\">. Imported by InlineRange and\n   by the property rows, which render the same DOM and used to carry three\n   independently authored copies of these rules.\n\n   The track is painted here rather than left to `accent-color`: a UA fills the\n   left of the track with the accent but draws the remainder near-white on a\n   dark surface whatever `color-scheme` says, and overriding the track's\n   background removes the accent fill instead of recolouring the remainder. */\n.range {\n  appearance: none;\n  -webkit-appearance: none;\n  width: 100%;\n  min-inline-size: 48px;\n  /* The box is taller than the track so the thumb has room to spill; a surface\n     where the element itself IS the track overrides this. */\n  height: var(--wzl-range-box-h, 12px);\n  margin: 0;\n  padding: 0;\n  /* Transparent so the track pseudo-element shows; a surface that paints the element itself overrides it. */\n  background: var(--wzl-range-bg, transparent);\n  cursor: pointer;\n}\n\n.range::-webkit-slider-runnable-track {\n  height: var(--wzl-slider-track-h, 4px);\n  border-radius: var(--wzl-radius-sm);\n  background: var(\n    --wzl-range-track-bg,\n    color-mix(in srgb, var(--wzl-accent) var(--wzl-slider-track-mix, 18%), transparent)\n  );\n}\n\n.range::-moz-range-track {\n  height: var(--wzl-slider-track-h, 4px);\n  border-radius: var(--wzl-radius-sm);\n  background: var(\n    --wzl-range-track-bg,\n    color-mix(in srgb, var(--wzl-accent) var(--wzl-slider-track-mix, 18%), transparent)\n  );\n}\n\n.range::-webkit-slider-thumb {\n  appearance: none;\n  -webkit-appearance: none;\n  width: var(--wzl-slider-thumb-size, 8px);\n  height: var(--wzl-slider-thumb-size, 8px);\n  border: none;\n  border-radius: 50%;\n  background: color-mix(in srgb, var(--wzl-accent) var(--wzl-slider-thumb-mix, 70%), transparent);\n  /* Centres an 8px thumb on a 4px track. Webkit does not centre it for you. */\n  margin-top: calc((var(--wzl-slider-track-h, 4px) - var(--wzl-slider-thumb-size, 8px)) / 2);\n}\n\n.range::-moz-range-thumb {\n  width: var(--wzl-slider-thumb-size, 8px);\n  height: var(--wzl-slider-thumb-size, 8px);\n  border: none;\n  border-radius: 50%;\n  background: color-mix(in srgb, var(--wzl-accent) var(--wzl-slider-thumb-mix, 70%), transparent);\n}\n\n.range:focus-visible {\n  outline: 2px solid var(--wzl-focus-ring);\n  outline-offset: 2px;\n}\n\n.range:disabled {\n  cursor: not-allowed;\n  opacity: 0.55;\n}\n\n/* Alpha variant: a fainter track, used where the row already carries a colour\n   swatch and the slider must not compete with it. */\n.alpha::-webkit-slider-runnable-track {\n  background: var(--wzl-range-track-bg, color-mix(in srgb, var(--wzl-accent) 10%, transparent));\n}\n\n.alpha::-moz-range-track {\n  background: var(--wzl-range-track-bg, color-mix(in srgb, var(--wzl-accent) 10%, transparent));\n}\n\n/* A dead alpha track keeps its groove but loses its thumb, so the affordance\n   reads inert rather than merely dimmed. Keyed off `:disabled`, which ColorRow\n   already sets on the input — not off a class on the row. */\n.alpha:disabled::-webkit-slider-runnable-track,\n.alpha:disabled::-moz-range-track {\n  background: color-mix(in srgb, var(--wzl-fg) 5%, transparent);\n}\n\n.alpha:disabled::-webkit-slider-thumb,\n.alpha:disabled::-moz-range-thumb {\n  background: transparent;\n}\n"],"mappings":""}