@weasel-js/ui 1.4.4 → 1.5.1

package/dist/chunks/{SelectionPanel-C59wavdA.js → SelectionPanel-DTpcQidl.js}

@@ -1,39 +1,39 @@
-import { n as e, t } from "./Icon-DBXtBB1f.js";
-import { t as n } from "./ToggleBar-Bxwv6xvj.js";
-import { t as r } from "./InlineRange-CcfzY80y.js";
-import { t as i } from "./ColorField-C20aRvCg.js";
-import { t as a } from "./PaintInput-B7AScmHN.js";
-import { t as o } from "./Select-CacMfs4v.js";
-import { t as s } from "./FontFamilySelect-DIJ4phXz.js";
-import { t as c } from "./Input-CoKOtyD0.js";
-import { t as l } from "./NumberField-DBowmOfe.js";
-import { t as u } from "./Switch-C4NU-me1.js";
-import { n as d } from "./schema-CtWwGbqJ.js";
-import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
-import { MIXED as h, asNodeId as g, isBuiltinToolPref as _ } from "@weasel-js/core";
-import { Fragment as v, useState as y, useSyncExternalStore as b } from "react";
+import { a as e, t } from "./Icon-QhLhaGFe.js";
+import { t as n } from "./ToggleBar--9As2PWG.js";
+import { t as r } from "./InlineRange-DdIlfGqG.js";
+import { t as i } from "./ColorField-YVf8irfr.js";
+import { t as a } from "./PaintInput-BzAHCKro.js";
+import { t as o } from "./Select-BMYVh10x.js";
+import { t as s } from "./FontFamilySelect-CO19kyOO.js";
+import { t as c } from "./Input-B9Vh7ASP.js";
+import { n as l, t as u } from "./NumberField-CQzS6TjF.js";
+import { t as d } from "./Switch-Om3t3ASc.js";
+import { n as f, r as p } from "./schema-MCVT1MLv.js";
+import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
+import { MIXED as _, asNodeId as v, isBuiltinToolPref as y } from "@weasel-js/core";
+import { Fragment as b, useState as x, useSyncExternalStore as S } from "react";
 //#region src/components/SelectionPanel/model.ts
-function x(e, t) {
+function C(e, t) {
 	if (e.kind === "container") return "group";
 	for (let n of t) if (n.matches(e.data)) return n.name;
 	return "unknown";
 }
-function S(e) {
+function w(e) {
 	return !("kind" in e);
 }
-function C(e) {
+function T(e) {
 	let t = [], n = [], r = (e, t) => {
-		for (let [n, i] of Object.entries(e.children)) S(i) ? r(i, t) : t.push({
+		for (let [n, i] of Object.entries(e.children)) w(i) ? r(i, t) : t.push({
 			path: n,
 			leaf: i
 		});
 	};
-	for (let [i, a] of Object.entries(e.children)) if (S(a)) {
+	for (let [i, a] of Object.entries(e.children)) if (w(a)) {
 		let e = [];
 		r(a, e), t.push({
 			key: i,
 			name: a.name,
-			rows: w(e)
+			rows: E(e)
 		});
 	} else n.push({
 		path: i,
@@ -42,10 +42,10 @@ function C(e) {
 	return n.length > 0 && t.unshift({
 		key: "",
 		name: "",
-		rows: w(n)
+		rows: E(n)
 	}), t;
 }
-function w(e) {
+function E(e) {
 	let t = [];
 	for (let n of e) {
 		let e = n.leaf.pair, r = t[t.length - 1];
@@ -56,14 +56,14 @@ function w(e) {
 	}
 	return t;
 }
-function T(e, t) {
+function D(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 = C(a);
+	let [a, ...o] = i, s = T(a);
 	if (o.length === 0) return s;
-	let c = (e) => `${e.path}\0${e.leaf.kind}`, l = o.map((e) => new Set(C(e).flatMap((e) => e.rows).flatMap((e) => e.leaves).map(c))), u = (e) => l.every((t) => t.has(c(e)));
+	let c = (e) => `${e.path}\0${e.leaf.kind}`, l = o.map((e) => new Set(T(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) => ({
@@ -72,7 +72,7 @@ function T(e, t) {
 		})).filter((e) => e.leaves.length > 0)
 	})).filter((e) => e.rows.length > 0);
 }
-function E(e, t) {
+function O(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;
@@ -82,33 +82,33 @@ function E(e, t) {
 	}
 	return i;
 }
-function D(e, t, n) {
+function k(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 = D(Array.isArray(a) ? [...a] : typeof a == "object" && a ? { ...a } : {}, i, n);
+	let a = e[r], o = k(Array.isArray(a) ? [...a] : typeof a == "object" && a ? { ...a } : {}, i, n);
 	return Array.isArray(e) ? Object.assign([...e], { [r]: o }) : {
 		...e,
 		[r]: o
 	};
 }
-function O(e, t) {
+function A(e, t) {
 	let n, r = !0;
 	for (let i of e) {
-		let e = E(i, t);
+		let e = O(i, t);
 		if (r) n = e, r = !1;
-		else if (!Object.is(e, n)) return h;
+		else if (!Object.is(e, n)) return _;
 	}
 	return n;
 }
-function k(e) {
+function j(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(" · ");
 }
-var A = {
+var M = {
 	root: "_root_q9h3j_1",
 	header: "_header_q9h3j_8",
 	kind: "_kind_q9h3j_16",
@@ -131,71 +131,71 @@ var A = {
 	objectGroup: "_objectGroup_q9h3j_146",
 	slider: "_slider_q9h3j_153",
 	sliderReadout: "_sliderReadout_q9h3j_157"
-}, j = (e) => e.length === 0 ? e : e[0].toUpperCase() + e.slice(1);
-function M(e) {
-	let { scene: t, selection: n, properties: r, routing: i, renderers: a, kindLabel: o = j, emptyState: s = null, className: c } = e;
-	b(t.subscribe, t.getVersion, t.getVersion);
-	let l = n.current.map((e) => t.get(g(e))).filter((e) => e != null), u = l.map((e) => x(e, i)), d = l.map((e) => e.id).join(","), h = T(u, r);
-	if (l.length === 0) return /* @__PURE__ */ p("div", {
-		className: [A.root, c].filter(Boolean).join(" "),
+}, N = (e) => e.length === 0 ? e : e[0].toUpperCase() + e.slice(1);
+function P(e) {
+	let { scene: t, selection: n, properties: r, routing: i, renderers: a, kindLabel: o = N, emptyState: s = null, className: c } = e;
+	S(t.subscribe, t.getVersion, t.getVersion);
+	let l = n.current.map((e) => t.get(v(e))).filter((e) => e != null), u = l.map((e) => C(e, i)), d = l.map((e) => e.id).join(","), f = D(u, r);
+	if (l.length === 0) return /* @__PURE__ */ h("div", {
+		className: [M.root, c].filter(Boolean).join(" "),
 		children: s
 	});
-	let _ = (e, r) => {
+	let p = (e, r) => {
 		let [i, ...a] = e.path.split(".");
 		if (a.length === 0) return;
-		let o = n.current.map(g);
+		let o = n.current.map(v);
 		t.batch(`Edit ${e.leaf.name}`, () => {
 			for (let e of o) {
 				let n = t.get(e);
-				n && (i === "pose" ? t.setPose(e, D(n.pose, a, r)) : i === "data" && t.update(e, { data: D(n.data, a, r) }));
+				n && (i === "pose" ? t.setPose(e, k(n.pose, a, r)) : i === "data" && t.update(e, { data: k(n.data, a, r) }));
 			}
 		});
 	};
-	return /* @__PURE__ */ m("div", {
-		className: [A.root, c].filter(Boolean).join(" "),
-		children: [/* @__PURE__ */ p("header", {
-			className: A.header,
-			children: l.length === 1 ? /* @__PURE__ */ p("span", {
-				className: A.kind,
+	return /* @__PURE__ */ g("div", {
+		className: [M.root, c].filter(Boolean).join(" "),
+		children: [/* @__PURE__ */ h("header", {
+			className: M.header,
+			children: l.length === 1 ? /* @__PURE__ */ h("span", {
+				className: M.kind,
 				children: o(u[0])
-			}) : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ m("span", {
-				className: A.kind,
+			}) : /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ g("span", {
+				className: M.kind,
 				children: [l.length, " selected"]
-			}), /* @__PURE__ */ p("span", {
-				className: A.breakdown,
-				children: k(u)
+			}), /* @__PURE__ */ h("span", {
+				className: M.breakdown,
+				children: j(u)
 			})] })
-		}), h.map((e) => {
+		}), f.map((e) => {
 			let t = e.rows.map((e) => ({
 				row: e,
-				controls: F(e.leaves.map((t) => N(t, e.leaves.length > 1 ? `${e.label} ${t.leaf.name}` : t.leaf.name, l, a, _, d)), a)
+				controls: L(e.leaves.map((t) => F(t, e.leaves.length > 1 ? `${e.label} ${t.leaf.name}` : t.leaf.name, l, a, p, d)), a)
 			})).filter(({ controls: e }) => e.length > 0);
-			return t.length === 0 ? null : /* @__PURE__ */ m("section", {
-				className: A.section,
-				children: [e.name !== "" && /* @__PURE__ */ p("h3", {
-					className: A.sectionTitle,
+			return t.length === 0 ? null : /* @__PURE__ */ g("section", {
+				className: M.section,
+				children: [e.name !== "" && /* @__PURE__ */ h("h3", {
+					className: M.sectionTitle,
 					children: e.name
-				}), t.map(({ row: t, controls: n }) => t.leaves.length === 1 && t.leaves[0].leaf.block ? /* @__PURE__ */ m("div", { children: [e.name === "" && t.leaves[0].leaf.kind !== "object" && /* @__PURE__ */ p("h4", {
-					className: A.sectionTitle,
+				}), t.map(({ row: t, controls: n }) => t.leaves.length === 1 && t.leaves[0].leaf.block ? /* @__PURE__ */ g("div", { children: [e.name === "" && t.leaves[0].leaf.kind !== "object" && /* @__PURE__ */ h("h4", {
+					className: M.sectionTitle,
 					title: t.leaves[0].leaf.description,
 					children: t.leaves[0].leaf.name
-				}), n[0].content] }, t.leaves[0].path) : /* @__PURE__ */ m("div", {
-					className: A.row,
-					children: [/* @__PURE__ */ p("span", {
-						className: A.rowLabel,
+				}), n[0].content] }, t.leaves[0].path) : /* @__PURE__ */ g("div", {
+					className: M.row,
+					children: [/* @__PURE__ */ h("span", {
+						className: M.rowLabel,
 						title: t.leaves[0].leaf.description,
 						children: t.label
-					}), /* @__PURE__ */ p("span", {
-						className: A.rowControls,
-						children: n.map(({ key: e, content: t }) => /* @__PURE__ */ p(v, { children: t }, e))
+					}), /* @__PURE__ */ h("span", {
+						className: M.rowControls,
+						children: n.map(({ key: e, content: t }) => /* @__PURE__ */ h(b, { children: t }, e))
 					})]
 				}, t.leaves[0].path))]
 			}, e.key);
 		})]
 	});
 }
-function N(e, t, n, r, i, a) {
-	let { path: o, leaf: s } = e, c = O(n, o), l = c === h, u = {
+function F(e, t, n, r, i, a) {
+	let { path: o, leaf: s } = e, c = A(n, o), l = c === _, u = {
 		path: o,
 		pref: s,
 		value: l ? void 0 : c,
@@ -203,8 +203,8 @@ function N(e, t, n, r, i, a) {
 		unset: !l && c === void 0,
 		setValue: (t) => i(e, t),
 		valueAt: (e) => {
-			let t = O(n, e);
-			return t === h ? {
+			let t = A(n, e);
+			return t === _ ? {
 				value: void 0,
 				mixed: !0
 			} : {
@@ -220,19 +220,19 @@ function N(e, t, n, r, i, a) {
 		ariaLabel: t,
 		render: () => {
 			let e = r?.[o] ?? r?.[s.kind];
-			return e ? e(u) : L(u, t, r, a);
+			return e ? e(u) : z(u, t, r, a);
 		}
 	};
 }
-function P(e, t) {
+function I(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 F(e, t) {
+function L(e, t) {
 	let n = [];
 	for (let r = 0; r < e.length;) {
 		let i = e[r];
-		if (!P(i, t)) {
+		if (!I(i, t)) {
 			let e = i.render();
 			e != null && n.push({
 				key: i.key,
@@ -243,13 +243,13 @@ function F(e, t) {
 			continue;
 		}
 		let a = r + 1;
-		for (; a < e.length && P(e[a], t) && e[a].leaf.pair === i.leaf.pair;) a += 1;
+		for (; a < e.length && I(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__ */ p(I, {
+			content: /* @__PURE__ */ h(R, {
 				run: o,
 				ariaLabel: i.leaf.pair
 			})
@@ -257,19 +257,19 @@ function F(e, t) {
 	}
 	return n;
 }
-function I({ run: r, ariaLabel: i }) {
+function R({ run: r, ariaLabel: i }) {
 	let a = r.filter((e) => e.ctx.value === !0).map((e) => e.key);
-	return /* @__PURE__ */ p(n, {
+	return /* @__PURE__ */ h(n, {
 		mode: "multiple",
 		size: "sm",
 		variant: "flat",
-		className: A.flagToggle,
+		className: M.flagToggle,
 		ariaLabel: i,
 		items: r.map((n) => {
 			let r = n.leaf;
 			return {
 				value: n.key,
-				label: r.icon && r.icon in e ? /* @__PURE__ */ p(t, {
+				label: r.icon && r.icon in e ? /* @__PURE__ */ h(t, {
 					name: r.icon,
 					size: 14
 				}) : r.short ?? r.name.slice(0, 1),
@@ -286,117 +286,127 @@ function I({ run: r, ariaLabel: i }) {
 		}
 	});
 }
-function L(c, h, g, v = "", y = !1) {
-	let { pref: b, value: x, mixed: S, unset: C, setValue: w } = c;
-	if (b.kind === "font-family") {
+function z(c, _, v, b = "", x = !1) {
+	let { pref: S, value: C, mixed: w, unset: T, setValue: E } = c;
+	if (S.kind === "font-family") {
 		let e = c.valueAt("data.style.fontWeight"), t = c.valueAt("data.style.fontStyle");
-		return /* @__PURE__ */ p(s, {
-			className: A.select,
-			value: S || typeof x != "string" ? void 0 : x,
-			mixed: S,
-			onChange: w,
+		return /* @__PURE__ */ h(s, {
+			className: M.select,
+			value: w || typeof C != "string" ? void 0 : C,
+			mixed: w,
+			onChange: E,
 			weight: typeof e.value == "number" ? e.value : void 0,
 			fontStyle: t.value === "italic" ? "italic" : void 0,
-			"aria-label": h
+			"aria-label": _
 		});
 	}
-	if (!_(b)) return /* @__PURE__ */ m("span", {
-		className: A.unrenderable,
+	if (!y(S)) return /* @__PURE__ */ g("span", {
+		className: M.unrenderable,
 		children: [
 			"(",
-			b.kind,
+			S.kind,
 			": no renderer)"
 		]
 	});
-	switch (b.kind) {
+	switch (S.kind) {
 		case "number": {
-			let e = b, t = typeof x == "number" && Number.isFinite(x) ? x : void 0, n = t === void 0 ? NaN : e.unit ? e.unit.toDisplay(t) : t, i = d(e);
+			let e = S, t = typeof C == "number" && Number.isFinite(C) ? C : void 0, n = t === void 0 ? NaN : e.unit ? e.unit.toDisplay(t) : t, i = f(e);
 			if (e.control === "slider") {
-				let a = i.min ?? 0, o = i.max ?? 100, s = !S && t !== void 0;
-				return /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(r, {
+				let a = i.min ?? 0, o = i.max ?? 100, s = !w && t !== void 0;
+				return /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(r, {
 					min: a,
 					max: o,
 					step: i.step,
 					value: s ? Math.min(Math.max(n, a), o) : a,
-					disabled: S,
-					className: A.slider,
-					"aria-label": h,
+					disabled: w,
+					className: M.slider,
+					"aria-label": _,
 					onChange: (t) => {
 						let n = Number(t.target.value);
-						w(e.unit ? e.unit.fromDisplay(n) : n);
+						E(e.unit ? e.unit.fromDisplay(n) : n);
 					}
-				}), /* @__PURE__ */ p("span", {
-					className: A.sliderReadout,
+				}), /* @__PURE__ */ h("span", {
+					className: M.sliderReadout,
 					"aria-hidden": "true",
 					children: s ? `${n}${e.unit?.suffix ?? ""}` : "—"
 				})] });
 			}
-			let a = /* @__PURE__ */ p(l, {
-				className: A.number,
-				value: S || t === void 0 ? NaN : n,
-				placeholder: S ? "Mixed" : void 0,
+			let a = e.unit, o = a ? /* @__PURE__ */ h(u, {
+				className: M.number,
+				value: w || t === void 0 ? NaN : n,
+				placeholder: w ? "Mixed" : void 0,
+				minValue: i.min,
+				maxValue: i.max,
+				step: i.step,
+				accepts: p(a),
+				"aria-label": _,
+				onChange: (e) => E(a.fromDisplay(e))
+			}) : /* @__PURE__ */ h(l, {
+				className: M.number,
+				value: w || t === void 0 ? NaN : n,
+				placeholder: w ? "Mixed" : void 0,
 				minValue: i.min,
 				maxValue: i.max,
 				step: i.step,
 				hideSteppers: !0,
-				"aria-label": h,
-				onChange: (t) => {
-					Number.isNaN(t) || w(e.unit ? e.unit.fromDisplay(t) : t);
+				"aria-label": _,
+				onChange: (e) => {
+					Number.isNaN(e) || E(e);
 				}
 			});
-			return e.unit?.suffix === void 0 ? a : /* @__PURE__ */ m(f, { children: [a, /* @__PURE__ */ p("span", {
-				className: A.unitSuffix,
+			return a?.suffix === void 0 ? o : /* @__PURE__ */ g(m, { children: [o, /* @__PURE__ */ h("span", {
+				className: M.unitSuffix,
 				"aria-hidden": "true",
-				children: e.unit.suffix
+				children: a.suffix
 			})] });
 		}
-		case "string": return /* @__PURE__ */ p(z, {
-			text: S ? void 0 : typeof x == "string" ? x : "",
-			placeholder: S ? "Mixed" : void 0,
-			ariaLabel: h,
-			onCommit: w
+		case "string": return /* @__PURE__ */ h(V, {
+			text: w ? void 0 : typeof C == "string" ? C : "",
+			placeholder: w ? "Mixed" : void 0,
+			ariaLabel: _,
+			onCommit: E
 		});
 		case "boolean": {
-			let r = b;
-			if (r.control === "toggle") return /* @__PURE__ */ p(n, {
+			let r = S;
+			if (r.control === "toggle") return /* @__PURE__ */ h(n, {
 				mode: "multiple",
 				size: "sm",
 				variant: "flat",
-				className: A.flagToggle,
-				ariaLabel: h,
+				className: M.flagToggle,
+				ariaLabel: _,
 				items: [{
 					value: c.path,
-					label: r.icon && r.icon in e ? /* @__PURE__ */ p(t, {
+					label: r.icon && r.icon in e ? /* @__PURE__ */ h(t, {
 						name: r.icon,
 						size: 14
 					}) : r.short ?? r.name.slice(0, 1),
-					ariaLabel: h
+					ariaLabel: _
 				}],
-				value: x === !0 ? [c.path] : [],
-				mixedValues: S ? [c.path] : [],
-				onChange: (e) => w(e.includes(c.path))
+				value: C === !0 ? [c.path] : [],
+				mixedValues: w ? [c.path] : [],
+				onChange: (e) => E(e.includes(c.path))
 			});
-			let i = /* @__PURE__ */ p(u, {
-				isSelected: !!x,
-				onChange: w,
-				"aria-label": h
+			let i = /* @__PURE__ */ h(d, {
+				isSelected: !!C,
+				onChange: E,
+				"aria-label": _
 			});
-			return !S && !C ? i : /* @__PURE__ */ p("span", {
-				className: A.mixedSwitch,
-				title: S ? "Mixed" : "Not set",
+			return !w && !T ? i : /* @__PURE__ */ h("span", {
+				className: M.mixedSwitch,
+				title: w ? "Mixed" : "Not set",
 				children: i
 			});
 		}
 		case "enum": {
-			let r = b, i = r.encoding ? S ? void 0 : r.encoding.read(x, c.siblings) : S || C ? void 0 : typeof x == "string" ? x : r.default, a = (e) => w(r.encoding ? r.encoding.write(e, c.siblings) : e);
-			return r.control === "toggle" ? /* @__PURE__ */ p(n, {
+			let r = S, i = r.encoding ? w ? void 0 : r.encoding.read(C, c.siblings) : w || T ? void 0 : typeof C == "string" ? C : r.default, a = (e) => E(r.encoding ? r.encoding.write(e, c.siblings) : e);
+			return r.control === "toggle" ? /* @__PURE__ */ h(n, {
 				size: "sm",
 				variant: "flat",
-				className: A.toggle,
-				ariaLabel: h,
+				className: M.toggle,
+				ariaLabel: _,
 				items: r.options.map((n) => ({
 					value: n.value,
-					label: n.icon && n.icon in e ? /* @__PURE__ */ p(t, {
+					label: n.icon && n.icon in e ? /* @__PURE__ */ h(t, {
 						name: n.icon,
 						size: 14
 					}) : n.short ?? n.label,
@@ -407,52 +417,52 @@ function L(c, h, g, v = "", y = !1) {
 				onChange: (e) => {
 					e !== null && a(e);
 				}
-			}) : /* @__PURE__ */ p(o, {
-				className: A.select,
+			}) : /* @__PURE__ */ h(o, {
+				className: M.select,
 				options: r.options.map((e) => ({
 					value: e.value,
 					label: e.label,
 					isDisabled: e.disabled
 				})),
 				selectedKey: i ?? null,
-				placeholder: S ? "Mixed" : C ? "—" : void 0,
+				placeholder: w ? "Mixed" : T ? "—" : void 0,
 				onSelectionChange: a,
-				"aria-label": h
+				"aria-label": _
 			});
 		}
 		case "color": {
-			let e = b;
-			return /* @__PURE__ */ p(i, {
-				value: S ? void 0 : typeof x == "string" ? x : e.default,
-				mixed: S,
+			let e = S;
+			return /* @__PURE__ */ h(i, {
+				value: w ? void 0 : typeof C == "string" ? C : e.default,
+				mixed: w,
 				alpha: e.alpha,
-				onChange: w,
-				"aria-label": h
+				onChange: E,
+				"aria-label": _
 			});
 		}
-		case "paint": return /* @__PURE__ */ p(a, {
-			value: x === null ? null : x ?? (S ? void 0 : b.default),
-			mixed: S,
-			unset: C,
-			allowNone: !y,
-			onChange: w,
-			"aria-label": h
-		}, v);
-		case "object": return /* @__PURE__ */ p(R, {
+		case "paint": return /* @__PURE__ */ h(a, {
+			value: C === null ? null : C ?? (w ? void 0 : S.default),
+			mixed: w,
+			unset: T,
+			allowNone: !x,
+			onChange: E,
+			"aria-label": _
+		}, b);
+		case "object": return /* @__PURE__ */ h(B, {
 			ctx: c,
-			renderers: g,
-			selectionKey: v
+			renderers: v,
+			selectionKey: b
 		});
-		default: throw Error(`SelectionPanel: no control for built-in pref kind "${b.kind}"`);
+		default: throw Error(`SelectionPanel: no control for built-in pref kind "${S.kind}"`);
 	}
 }
-function R({ ctx: n, renderers: r, selectionKey: i = "" }) {
+function B({ 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 = [], h = () => {
-			for (let { key: e, leaf: t, block: n, content: i } of F(f, r)) {
+		let u = [], d = (e) => typeof e == "object" && !!e && "controls" in e, f = [], p = () => {
+			for (let { key: e, leaf: t, block: n, content: i } of L(f, r)) {
 				let r = u[u.length - 1];
 				if (t.pair !== void 0 && d(r) && r.pair === t.pair) {
-					r.controls.push(/* @__PURE__ */ p(v, { children: i }, e)), r.block &&= n;
+					r.controls.push(/* @__PURE__ */ h(b, { children: i }, e)), r.block &&= n;
 					continue;
 				}
 				u.push({
@@ -461,27 +471,27 @@ function R({ ctx: n, renderers: r, selectionKey: i = "" }) {
 					label: t.pair ?? t.name,
 					title: t.description,
 					block: n,
-					controls: [/* @__PURE__ */ p(v, { children: i }, e)]
+					controls: [/* @__PURE__ */ h(b, { children: i }, e)]
 				});
 			}
 			f = [];
 		};
-		for (let [d, g] of Object.entries(s)) {
-			if (!("kind" in g)) {
-				let e = g.name !== "", t = c(g.children, e);
+		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;
-				h(), u.push(/* @__PURE__ */ m("div", {
-					className: e && l ? A.objectGroup : void 0,
-					children: [e && /* @__PURE__ */ p("h5", {
-						className: A.sectionTitle,
-						children: g.name
+				p(), u.push(/* @__PURE__ */ g("div", {
+					className: e && l ? M.objectGroup : void 0,
+					children: [e && /* @__PURE__ */ h("h5", {
+						className: M.sectionTitle,
+						children: m.name
 					}), t]
 				}, `group:${d}`));
 				continue;
 			}
 			let s = `${n.path}.${d}`, _ = {
 				path: s,
-				pref: g,
+				pref: m,
 				value: o?.[d],
 				mixed: n.mixed,
 				unset: !n.mixed && o?.[d] === void 0,
@@ -502,48 +512,48 @@ function R({ ctx: n, renderers: r, selectionKey: i = "" }) {
 			};
 			f.push({
 				key: s,
-				leaf: g,
+				leaf: m,
 				ctx: _,
-				ariaLabel: g.name,
+				ariaLabel: m.name,
 				render: () => {
-					let n = r?.[s] ?? r?.[g.kind], a = n ? n(_) : L(_, g.name, r, i, !0);
-					return a == null ? null : (g.pair !== void 0 || g.block === !0) && g.icon && g.icon in e ? /* @__PURE__ */ m("span", {
-						className: A.namedField,
-						children: [/* @__PURE__ */ p(t, {
-							name: g.icon,
+					let n = r?.[s] ?? r?.[m.kind], a = n ? n(_) : z(_, 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: M.namedField,
+						children: [/* @__PURE__ */ h(t, {
+							name: m.icon,
 							size: 14
 						}), a]
 					}) : a;
 				}
 			});
 		}
-		return h(), u.map((e) => typeof e == "object" && e && "controls" in e ? e.block ? /* @__PURE__ */ p("div", {
-			className: `${A.rowControls} ${A.blockRow}`,
+		return p(), u.map((e) => typeof e == "object" && e && "controls" in e ? e.block ? /* @__PURE__ */ h("div", {
+			className: `${M.rowControls} ${M.blockRow}`,
 			title: e.title,
 			children: e.controls
-		}, e.key) : /* @__PURE__ */ m("div", {
-			className: A.row,
-			children: [/* @__PURE__ */ p("span", {
-				className: A.rowLabel,
+		}, e.key) : /* @__PURE__ */ g("div", {
+			className: M.row,
+			children: [/* @__PURE__ */ h("span", {
+				className: M.rowLabel,
 				title: e.title,
 				children: e.label
-			}), /* @__PURE__ */ p("span", {
-				className: A.rowControls,
+			}), /* @__PURE__ */ h("span", {
+				className: M.rowControls,
 				children: e.controls
 			})]
 		}, e.key) : e);
 	}, l = c(a.children, !s);
-	return l.length === 0 ? null : /* @__PURE__ */ m("div", {
-		className: A.objectLeaf,
-		children: [!s && /* @__PURE__ */ p("h4", {
-			className: A.sectionTitle,
+	return l.length === 0 ? null : /* @__PURE__ */ g("div", {
+		className: M.objectLeaf,
+		children: [!s && /* @__PURE__ */ h("h4", {
+			className: M.sectionTitle,
 			children: a.name
 		}), l]
 	});
 }
-function z({ text: e, placeholder: t, ariaLabel: n, onCommit: r }) {
-	let [i, a] = y(null);
-	return /* @__PURE__ */ p(c, {
+function V({ text: e, placeholder: t, ariaLabel: n, onCommit: r }) {
+	let [i, a] = x(null);
+	return /* @__PURE__ */ h(c, {
 		value: i ?? e ?? "",
 		placeholder: t,
 		"aria-label": n,
@@ -557,6 +567,6 @@ function z({ text: e, placeholder: t, ariaLabel: n, onCommit: r }) {
 	});
 }
 //#endregion
-export { T as a, D as c, x as i, h as n, k as o, O as r, E as s, M as t };
+export { D as a, k as c, C as i, _ as n, j as o, A as r, O as s, P as t };
 
-//# sourceMappingURL=SelectionPanel-C59wavdA.js.map
+//# sourceMappingURL=SelectionPanel-DTpcQidl.js.map