@weasel-js/ui 1.4.2 → 1.4.3

package/dist/chunks/{SelectionPanel-BwBevj5F.js → SelectionPanel-BWXU8BqW.js}

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