@weasel-js/ui 1.7.0 → 1.7.2

package/dist/chunks/model-qsAFK7_0.js

@@ -0,0 +1,386 @@
+import { a as e, t } from "./Icon--B1ME-6c.js";
+import { r as n, t as r } from "./PropertyField-BbNqK8xr.js";
+import { t as i } from "./ToggleBar-Z2jZiguF.js";
+import { t as a } from "./prefField-BE_Ytr2H.js";
+import { MIXED as o } from "@weasel-js/core";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { Fragment as l, createElement as u } from "react";
+var d = {
+	root: "_root_11o7u_1",
+	header: "_header_11o7u_8",
+	kind: "_kind_11o7u_16",
+	breakdown: "_breakdown_11o7u_21",
+	section: "_section_11o7u_26",
+	sectionTitle: "_sectionTitle_11o7u_35",
+	row: "_row_11o7u_44",
+	rowLabel: "_rowLabel_11o7u_52",
+	rowControls: "_rowControls_11o7u_56",
+	namedField: "_namedField_11o7u_66",
+	blockRow: "_blockRow_11o7u_78",
+	toggle: "_toggle_11o7u_89",
+	flagToggle: "_flagToggle_11o7u_111",
+	number: "_number_11o7u_115",
+	select: "_select_11o7u_116",
+	unrenderable: "_unrenderable_11o7u_120",
+	objectLeaf: "_objectLeaf_11o7u_127",
+	objectGroup: "_objectGroup_11o7u_136",
+	slider: "_slider_11o7u_143"
+};
+//#endregion
+//#region src/components/SelectionPanel/renderLeaf.tsx
+function f(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) {
+	let n = [];
+	for (let r = 0; r < e.length;) {
+		let i = e[r];
+		if (!f(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 && f(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__ */ s(m, {
+				run: o,
+				ariaLabel: i.leaf.pair
+			})
+		}), r = a;
+	}
+	return n;
+}
+function m({ run: e, ariaLabel: t }) {
+	let r = e.map((e) => ({
+		cell: e,
+		field: a(e.leaf, {
+			value: e.ctx.value,
+			mixed: e.ctx.mixed,
+			unset: e.ctx.unset,
+			siblings: e.ctx.siblings,
+			setValue: e.ctx.setValue,
+			...v(e.ctx)
+		})
+	})), o = r.filter((e) => !e.field.mixed && e.field.value === !0).map((e) => e.cell.key);
+	return /* @__PURE__ */ s(i, {
+		mode: "multiple",
+		size: "sm",
+		variant: "flat",
+		className: d.flagToggle,
+		ariaLabel: t,
+		items: r.map(({ cell: e, field: t }) => ({
+			value: e.key,
+			label: t.glyph ?? e.leaf.name.slice(0, 1),
+			ariaLabel: e.ariaLabel,
+			tooltip: n(t.glyph) === void 0 ? void 0 : e.leaf.name
+		})),
+		value: o,
+		mixedValues: r.filter((e) => e.field.mixed).map((e) => e.cell.key),
+		onChange: (e) => {
+			for (let { cell: t, field: n } of r) {
+				let r = e.includes(t.key);
+				r !== o.includes(t.key) && n.onChange(r);
+			}
+		}
+	});
+}
+function h(e, t, n, i = "", o = !1) {
+	let { pref: l, value: f, mixed: p, unset: m, setValue: h } = e;
+	if (l.kind === "object") return /* @__PURE__ */ s(y, {
+		ctx: e,
+		renderers: n,
+		selectionKey: i
+	});
+	let b = a(l, {
+		value: f,
+		mixed: p,
+		unset: m,
+		siblings: e.siblings,
+		setValue: h,
+		...v(e),
+		fontVariant: {
+			weight: e.valueAt(_(e.path, "fontWeight")).value,
+			style: e.valueAt(_(e.path, "fontStyle")).value
+		},
+		fontFamily: e.valueAt(_(e.path, "fontFamily")).value
+	});
+	if (b === null) return /* @__PURE__ */ c("span", {
+		className: d.unrenderable,
+		children: [
+			"(",
+			l.kind,
+			": no renderer)"
+		]
+	});
+	switch (b.kind) {
+		case "boolean": return /* @__PURE__ */ s(r, {
+			...b,
+			name: t,
+			control: b.control ?? "switch",
+			className: b.control === "toggle" ? d.flagToggle : void 0
+		});
+		case "number": return /* @__PURE__ */ s(r, {
+			...b,
+			name: t,
+			className: b.control === "slider" ? d.slider : d.number,
+			onInput: b.control === "slider" ? b.onInput : g
+		});
+		case "string": return /* @__PURE__ */ s(r, {
+			...b,
+			name: t,
+			onInput: g
+		});
+		case "enum": return /* @__PURE__ */ s(r, {
+			...b,
+			name: t,
+			className: b.control === "toggle" ? b.onClear ? d.flagToggle : d.toggle : b.control === "radio" ? void 0 : d.select
+		});
+		case "font-family":
+		case "font-weight": return /* @__PURE__ */ s(r, {
+			...b,
+			name: t,
+			className: d.select
+		});
+		case "paint": return /* @__PURE__ */ u(r, {
+			...b,
+			name: t,
+			key: i,
+			control: "inline",
+			allowNone: !o
+		});
+		case "color": return /* @__PURE__ */ s(r, {
+			...b,
+			name: t,
+			onInput: g
+		});
+	}
+}
+var g = () => {};
+function _(e, t) {
+	let n = e.lastIndexOf(".");
+	return n < 0 ? t : `${e.slice(0, n + 1)}${t}`;
+}
+function v(e) {
+	if (e.eachSiblings === void 0) return {};
+	let t = e.eachSiblings;
+	return {
+		perNode: e.each.map((e, n) => ({
+			value: e,
+			siblings: t[n]
+		})),
+		update: e.update
+	};
+}
+function y({ ctx: n, renderers: r, selectionKey: i = "" }) {
+	let a = n.pref, o = typeof n.value == "object" && n.value !== null ? n.value : void 0, u = n.each.map((e) => typeof e == "object" && e ? e : void 0), f = Object.values(a.children).every((e) => !("kind" in e)), m = (f, g) => {
+		let _ = [], v = (e) => typeof e == "object" && !!e && "controls" in e, y = [], b = () => {
+			for (let { key: e, leaf: t, block: n, content: i } of p(y, r)) {
+				let r = _[_.length - 1];
+				if (t.pair !== void 0 && v(r) && r.pair === t.pair) {
+					r.controls.push(/* @__PURE__ */ s(l, { children: i }, e)), r.block &&= n;
+					continue;
+				}
+				_.push({
+					key: e,
+					pair: t.pair,
+					label: t.pair ?? t.name,
+					title: t.description,
+					block: n,
+					controls: [/* @__PURE__ */ s(l, { children: i }, e)]
+				});
+			}
+			y = [];
+		};
+		for (let [l, p] of Object.entries(f)) {
+			if (!("kind" in p)) {
+				let e = p.name !== "", t = m(p.children, e);
+				if (t.length === 0) continue;
+				b(), _.push(/* @__PURE__ */ c("div", {
+					className: e && g ? d.objectGroup : void 0,
+					children: [e && /* @__PURE__ */ s("h5", {
+						className: d.sectionTitle,
+						children: p.name
+					}), t]
+				}, `group:${l}`));
+				continue;
+			}
+			let f = `${n.path}.${l}`, v = n.mixed ? n.valueAt(f) : {
+				value: o?.[l],
+				mixed: !1
+			}, x = (e) => n.update((t) => {
+				let n = typeof t == "object" && t ? t : a.fromScalar?.(t) ?? (typeof a.default == "object" && a.default !== null ? { ...a.default } : {}), r = e(n[l], n);
+				if (r === void 0) {
+					let { [l]: e, ...t } = n;
+					return t;
+				}
+				return {
+					...n,
+					[l]: r
+				};
+			}), S = {
+				path: f,
+				pref: p,
+				value: v.mixed ? void 0 : v.value,
+				mixed: v.mixed,
+				unset: !v.mixed && v.value === void 0,
+				siblings: o,
+				each: u.map((e) => e?.[l]),
+				eachSiblings: u,
+				valueAt: n.valueAt,
+				selectionKey: n.selectionKey,
+				update: x,
+				setValue: (e) => x(() => e)
+			};
+			y.push({
+				key: f,
+				leaf: p,
+				ctx: S,
+				ariaLabel: p.name,
+				render: () => {
+					let n = r?.[f] ?? r?.[p.kind], a = n ? n(S) : h(S, p.name, r, i, !0);
+					return a == null ? null : (p.pair !== void 0 || p.block === !0) && p.icon && p.icon in e ? /* @__PURE__ */ c("span", {
+						className: d.namedField,
+						children: [/* @__PURE__ */ s(t, {
+							name: p.icon,
+							size: 14
+						}), a]
+					}) : a;
+				}
+			});
+		}
+		return b(), _.map((e) => typeof e == "object" && e && "controls" in e ? e.block ? /* @__PURE__ */ s("div", {
+			className: `${d.rowControls} ${d.blockRow}`,
+			title: e.title,
+			children: e.controls
+		}, e.key) : /* @__PURE__ */ c("div", {
+			className: d.row,
+			children: [/* @__PURE__ */ s("span", {
+				className: d.rowLabel,
+				title: e.title,
+				children: e.label
+			}), /* @__PURE__ */ s("span", {
+				className: d.rowControls,
+				children: e.controls
+			})]
+		}, e.key) : e);
+	}, g = m(a.children, !f);
+	return g.length === 0 ? null : /* @__PURE__ */ c("div", {
+		className: d.objectLeaf,
+		children: [!f && /* @__PURE__ */ s("h4", {
+			className: d.sectionTitle,
+			children: a.name
+		}), g]
+	});
+}
+//#endregion
+//#region src/components/SelectionPanel/model.ts
+function b(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) {
+	return !("kind" in e);
+}
+function S(e) {
+	let t = [], n = [], r = (e, t) => {
+		for (let [n, i] of Object.entries(e.children)) x(i) ? r(i, t) : t.push({
+			path: n,
+			leaf: i
+		});
+	};
+	for (let [i, a] of Object.entries(e.children)) if (x(a)) {
+		let e = [];
+		r(a, e), t.push({
+			key: i,
+			name: a.name,
+			rows: C(e)
+		});
+	} else n.push({
+		path: i,
+		leaf: a
+	});
+	return n.length > 0 && t.unshift({
+		key: "",
+		name: "",
+		rows: C(n)
+	}), t;
+}
+function C(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 w(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);
+	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)));
+	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 T(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 E(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);
+	return Array.isArray(e) ? Object.assign([...e], { [r]: o }) : {
+		...e,
+		[r]: o
+	};
+}
+function D(e, t) {
+	let n, r = !0;
+	for (let i of e) {
+		let e = T(i, t);
+		if (r) n = e, r = !1;
+		else if (!Object.is(e, n)) return o;
+	}
+	return n;
+}
+function O(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 { x as a, C as c, p as d, d as f, w as i, E as l, D as n, O as o, b as r, T as s, o as t, h as u };
+
+//# sourceMappingURL=model-qsAFK7_0.js.map

package/dist/chunks/model-qsAFK7_0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"model-qsAFK7_0.js","names":["s","Fragment","ICON_PATHS","drawnGlyph","PropertyControl","ToggleBar","prefFieldProps","Fragment$1","SelectionPanel_module_default","isFlagCell","cell","leaf","renderers","renderCells","out","i","cells","content","j","run","c","FlagBar","flags","perNodeState","on","f","field","now","next","renderBuiltin","ctx","pref","ObjectLeaf","siblingPath","ariaLabel","settledOnly","selectionKey","nested","dot","path","key","siblings","held","eachObject","v","allGrouped","child","rowsOf","isRow","pending","flush","prev","block","children","labeled","inner","indent","childPath","update","base","fn","_dropped","rest","childCtx","o","custom","rendered","Icon","entry","rows","classifyKind","node","routing","isGroup","n","flatten","sections","untitled","collect","group","into","schema","leaves","pairRows","item","pair","effectiveSections","uniq","kinds","byName","entries","schemas","k","s","first","flatFirst","leafKey","l","restKeys","r","keep","set","section","row","nodeValueAt","segments","head","cursor","setAtPath","root","value","aggregateValue","nodes","MIXED","kindBreakdown","counts"],"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.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/* The slider's track; the row only says how it shares the space. */\n.slider {\n  flex: 1;\n}\n","/**\n * A selection's leaves as cells: one `ToolPrefLeaf` and its aggregated value\n * in, one rendered cell out, plus the run logic that turns a row of paired\n * toggles into a single segmented bar and the rows of an object leaf.\n *\n * The control itself is `PropertyControl`'s, through `prefFieldProps`; what\n * is decided here is how a selection surface sizes and composes it.\n * `ToolOptionsBar` renders a tool's options through the same functions.\n */\nimport { Fragment, type ReactNode } from 'react';\nimport type {\n  ToolPrefBoolean,\n  ToolPrefGroup,\n  ToolPrefLeaf,\n  ToolPrefObject,\n} from '@weasel-js/core';\nimport { prefFieldProps, type PrefFieldState } from '../Prefs/prefField';\nimport { drawnGlyph, PropertyControl, type PropertyBooleanFieldProps } from '../Properties/PropertyField';\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  /** The value each selected node holds at this path, in selection order —\n   *  what `value` aggregates, and what a mixed selection still has. */\n  each: readonly unknown[];\n  /**\n   * For a field of an object leaf, each node's own object (parallel to\n   * `each`), which is still there when the nodes' objects differ and\n   * `siblings` is not.\n   */\n  eachSiblings?: readonly (Record<string, unknown> | undefined)[];\n  /** Commit a value — fans out to every selected node in one undo step. */\n  setValue: (value: unknown) => void;\n  /**\n   * Commit a value derived from what each node holds at this path, in one undo\n   * step. What `setValue` cannot do across a selection whose nodes differ: a\n   * field of an object leaf has to land in each node's own object, not in one\n   * object written over all of them. `siblings` is that node's object, for a\n   * field of an object leaf.\n   */\n  update: (fn: (prev: unknown, siblings?: Record<string, unknown>) => 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   * The ids of the nodes the values were read from, joined. It changes exactly\n   * when the selection does, so a control holding scratch that belongs to one\n   * selection can key on it and be remounted rather than carry it to the next.\n   * Absent where the values come from no selection, as in a tool options bar.\n   */\n  selectionKey?: string;\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  // Each flag through the same field props a lone one gets, so an `encoding`\n  // (Italic stored as `fontStyle`) reads and writes the same way in a bar.\n  const flags = run.map((c) => {\n    const field = prefFieldProps(c.leaf, {\n      value: c.ctx.value,\n      mixed: c.ctx.mixed,\n      unset: c.ctx.unset,\n      siblings: c.ctx.siblings,\n      setValue: c.ctx.setValue,\n      ...perNodeState(c.ctx),\n    }) as PropertyBooleanFieldProps;\n    return { cell: c, field };\n  });\n  const on = flags.filter((f) => !f.field.mixed && f.field.value === true).map((f) => f.cell.key);\n  return (\n    <ToggleBar<string>\n      mode=\"multiple\"\n      size=\"sm\"\n      variant=\"flat\"\n      className={s.flagToggle}\n      ariaLabel={ariaLabel}\n      items={flags.map(({ cell, field }) => ({\n        value: cell.key,\n        label: field.glyph ?? cell.leaf.name.slice(0, 1),\n        ariaLabel: cell.ariaLabel,\n        tooltip: drawnGlyph(field.glyph) === undefined ? undefined : cell.leaf.name,\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={flags.filter((f) => f.field.mixed).map((f) => f.cell.key)}\n      onChange={(next) => {\n        for (const { cell, field } of flags) {\n          const now = next.includes(cell.key);\n          if (now !== on.includes(cell.key)) field.onChange(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 === '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  const field = prefFieldProps(pref, {\n    value,\n    mixed,\n    unset,\n    siblings: ctx.siblings,\n    setValue,\n    ...perNodeState(ctx),\n    // The font pickers read the rest of the font from the leaves beside\n    // them: the family's substitution probe runs at the weight and style\n    // that will paint, and a weight lists what its family has. A mixed\n    // selection has no single one; the probe falls back to 400/normal there.\n    fontVariant: {\n      weight: ctx.valueAt(siblingPath(ctx.path, 'fontWeight')).value,\n      style: ctx.valueAt(siblingPath(ctx.path, 'fontStyle')).value,\n    },\n    fontFamily: ctx.valueAt(siblingPath(ctx.path, 'fontFamily')).value,\n  });\n  if (field === null) {\n    return <span className={s.unrenderable}>({pref.kind}: no renderer)</span>;\n  }\n  switch (field.kind) {\n    case 'boolean':\n      // A panel's flag is a switch unless it asks otherwise.\n      return (\n        <PropertyControl\n          {...field}\n          name={ariaLabel}\n          control={field.control ?? 'switch'}\n          className={field.control === 'toggle' ? s.flagToggle : undefined}\n        />\n      );\n    case 'number':\n      return (\n        <PropertyControl\n          {...field}\n          name={ariaLabel}\n          className={field.control === 'slider' ? s.slider : s.number}\n          // A typed number writes once it is entered, as text does; a slider\n          // writes as it moves.\n          onInput={field.control === 'slider' ? field.onInput : settledOnly}\n        />\n      );\n    case 'string':\n      // Settled values only: a live write per keystroke would be one undo\n      // step per character.\n      return <PropertyControl {...field} name={ariaLabel} onInput={settledOnly} />;\n    case 'enum':\n      return (\n        <PropertyControl\n          {...field}\n          name={ariaLabel}\n          // A clearable toggle is a set of exclusive flags, and sits beside\n          // other flags sized the way they are.\n          className={\n            field.control === 'toggle'\n              ? field.onClear ? s.flagToggle : s.toggle\n              : field.control === 'radio' ? undefined : s.select\n          }\n        />\n      );\n    case 'font-family':\n    case 'font-weight':\n      return <PropertyControl {...field} name={ariaLabel} className={s.select} />;\n    case 'paint':\n      return (\n        <PropertyControl\n          {...field}\n          name={ariaLabel}\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          control=\"inline\"\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.\n          allowNone={!nested}\n        />\n      );\n    case 'color':\n      // One write per gesture, not one per step of the picker.\n      return <PropertyControl {...field} name={ariaLabel} onInput={settledOnly} />;\n  }\n}\n\nconst settledOnly = (): void => {};\n\n/** The dotted path of the leaf `key` beside the one at `path`. */\nfunction siblingPath(path: string, key: string): string {\n  const dot = path.lastIndexOf('.');\n  return dot < 0 ? key : `${path.slice(0, dot + 1)}${key}`;\n}\n\n/** What an `encoding` needs to read and write each node against its own\n *  object — nothing for a leaf that is not a field of one. */\nfunction perNodeState(ctx: PropertyRenderContext): Pick<PrefFieldState, 'perNode' | 'update'> {\n  if (ctx.eachSiblings === undefined) return {};\n  const siblings = ctx.eachSiblings;\n  return {\n    perNode: ctx.each.map((value, i) => ({ value, siblings: siblings[i] })),\n    update: ctx.update,\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  const eachObject = ctx.each.map((v) =>\n    typeof v === 'object' && v !== null ? (v as Record<string, unknown>) : undefined,\n  );\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      // Nodes whose objects differ still agree or disagree field by field: two\n      // styles at different sizes are both upright, and saying \"mixed\" for\n      // every field of them hides that.\n      const field = ctx.mixed ? ctx.valueAt(childPath) : { value: held?.[key], mixed: false };\n      // Each node's own object, with this one field changed. Deriving it per\n      // node is what keeps a multi-selection edit from writing one node's\n      // object over all the others.\n      const update = (fn: (prev: unknown, siblings?: Record<string, unknown>) => unknown): void =>\n        ctx.update((prev) => {\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: Record<string, unknown> =\n            typeof prev === 'object' && prev !== null\n              ? (prev as Record<string, unknown>)\n              : (pref.fromScalar?.(prev)\n                ?? (typeof pref.default === 'object' && pref.default !== null\n                  ? { ...(pref.default as Record<string, unknown>) }\n                  : {}));\n          const v = fn(base[key], base);\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            return rest;\n          }\n          return { ...base, [key]: v };\n        });\n      const childCtx: PropertyRenderContext = {\n        path: childPath,\n        pref: child,\n        value: field.mixed ? undefined : field.value,\n        mixed: field.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: !field.mixed && field.value === undefined,\n        siblings: held,\n        each: eachObject.map((o) => o?.[key]),\n        eachSiblings: eachObject,\n        valueAt: ctx.valueAt,\n        selectionKey: ctx.selectionKey,\n        update,\n        setValue: (v) => update(() => v),\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","// 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/{portalHost-yTOVuCej.js → portalHost-CE70wLzo.js}

@@ -12,17 +12,21 @@ function s({ container: t, children: n }) {
 		children: n
 	});
 }
-function c(t) {
-	let [i, s] = r(null), c = n(o), l = t === void 0 ? c === void 0 ? a(i) : c : t;
+function c(e) {
+	let t = n(o);
+	return e === void 0 ? t : e;
+}
+function l(t) {
+	let [n, i] = r(null), o = c(t), s = o === void 0 ? a(n) : o;
 	return {
 		anchor: /* @__PURE__ */ e("span", {
 			hidden: !0,
-			ref: s
+			ref: i
 		}),
-		portalProps: { UNSTABLE_portalContainer: l ?? void 0 }
+		portalProps: { UNSTABLE_portalContainer: s ?? void 0 }
 	};
 }
 //#endregion
-export { a as n, c as r, s as t };
+export { l as i, a as n, c as r, s as t };
 
-//# sourceMappingURL=portalHost-yTOVuCej.js.map
+//# sourceMappingURL=portalHost-CE70wLzo.js.map

package/dist/chunks/portalHost-CE70wLzo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"portalHost-CE70wLzo.js","names":["HOST_SELECTOR","nearestPortalHost","from","OverlayPortalContext","createContext","OverlayPortalProvider","container","useAssignedPortalContainer","fromProvider","useContext","explicit","useOverlayPortal","anchorEl","setAnchorEl","useState","assigned","resolved"],"sources":["../../src/overlays/portalHost.tsx"],"sourcesContent":["import { createContext, useContext, useState, type ReactElement, type ReactNode } from 'react';\n\n/**\n * Elements an overlay may portal into: anything a theme has been stamped on\n * (`applyTheme` / `<ThemeProvider>` write both attributes), plus anything\n * opting in with `data-wzl-portal-host`. The opt-in exists for a styling root\n * that sits *below* the themed element — labkit's `.lk-root` carries element\n * defaults the themed wrapper does not.\n */\nconst HOST_SELECTOR = '[data-wzl-portal-host],[data-wzl-theme],[data-wzl-mode]';\n\n/**\n * The nearest element `from` sits inside that can host a portalled overlay,\n * or `null` when there is none and the body is the only answer.\n */\nexport function nearestPortalHost(from: Element | null | undefined): HTMLElement | null {\n  return (from?.closest(HOST_SELECTOR) as HTMLElement | null) ?? null;\n}\n\n/** `undefined` distinguishes \"no provider\" from a provider saying `null`. */\nconst OverlayPortalContext = createContext<Element | null | undefined>(undefined);\n\n/** Props for {@link OverlayPortalProvider}. */\nexport interface OverlayPortalProviderProps {\n  /** Where overlays in this subtree portal. `null` means `document.body`. */\n  container: Element | null;\n  children: ReactNode;\n}\n\n/**\n * Sets the portal container for every weasel overlay rendered below it,\n * overriding the nearest-themed-ancestor default. An individual overlay's\n * own `portalContainer` prop still wins.\n */\nexport function OverlayPortalProvider({ container, children }: OverlayPortalProviderProps) {\n  return (\n    <OverlayPortalContext.Provider value={container}>{children}</OverlayPortalContext.Provider>\n  );\n}\n\n/**\n * The container an overlay has been *told* to use: its own `portalContainer`\n * prop, else the nearest {@link OverlayPortalProvider}. `undefined` when\n * neither said, which leaves the choice to the overlay.\n */\nexport function useAssignedPortalContainer(explicit?: Element | null): Element | null | undefined {\n  const fromProvider = useContext(OverlayPortalContext);\n  return explicit !== undefined ? explicit : fromProvider;\n}\n\n/** The `portalContainer` prop every weasel overlay accepts. */\nexport interface OverlayPortalProps {\n  /**\n   * Where the overlay's portal mounts. Defaults to the nearest ancestor of\n   * the overlay's own position that carries a weasel theme, so the overlay\n   * resolves the same `--wzl-*` tokens as the control it belongs to. Pass\n   * `null` for `document.body`.\n   */\n  portalContainer?: Element | null;\n}\n\n/** React Aria props minus the portal key a weasel overlay owns. */\nexport type WithoutPortalTarget<T> = Omit<T, 'UNSTABLE_portalContainer'>;\n\n/** Spread onto the React Aria overlay. The unstable key is spelled here and\n *  nowhere else in the package, so an upstream rename lands in one file. */\nexport interface OverlayPortalTarget {\n  UNSTABLE_portalContainer: Element | undefined;\n}\n\n/**\n * Resolves where an overlay should portal, and the anchor that answers it.\n *\n * The result goes to React Aria as `UNSTABLE_portalContainer`. Its documented\n * replacement, `UNSAFE_PortalProvider`, is not re-exported by\n * react-aria-components 1.18, and reaching past it to `react-aria` for the\n * provider risks a second copy of that package whose context the overlays\n * never read — a failure that shows up as an unthemed overlay, not an error.\n *\n * Render `anchor` at the component's own position in the tree — outside the\n * portal — and spread `portalProps` onto the React Aria overlay. The anchor\n * is what \"nearest themed ancestor\" is measured from; the first render has\n * none yet, so an overlay that mounts already open lands in its host on the\n * following render, before paint.\n */\nexport function useOverlayPortal(explicit?: Element | null): {\n  anchor: ReactElement;\n  portalProps: OverlayPortalTarget;\n} {\n  const [anchorEl, setAnchorEl] = useState<HTMLElement | null>(null);\n  const assigned = useAssignedPortalContainer(explicit);\n  const resolved = assigned !== undefined ? assigned : nearestPortalHost(anchorEl);\n\n  return {\n    anchor: <span hidden ref={setAnchorEl} />,\n    portalProps: { UNSTABLE_portalContainer: resolved ?? undefined },\n  };\n}\n"],"mappings":";;;AASA,IAAMA,IAAgB;AAMtB,SAAgBC,EAAkB,GAAsD;CACtF,OAAQC,GAAM,QAAQF,CAAa,KAA4B;AACjE;AAGA,IAAMG,IAAuBC,EAA0C,KAAA,CAAS;AAchF,SAAgBC,EAAsB,EAAE,cAAW,eAAwC;CACzF,OACE,kBAACF,EAAqB,UAAtB;EAA+B,OAAOG;EAAY;CAAwC,CAAA;AAE9F;AAOA,SAAgBC,EAA2B,GAAuD;CAChG,IAAMC,IAAeC,EAAWN,CAAoB;CACpD,OAAOO,MAAa,KAAA,IAAuBF,IAAXE;AAClC;AAqCA,SAAgBC,EAAiB,GAG/B;CACA,IAAM,CAACC,GAAUC,KAAeC,EAA6B,IAAI,GAC3DC,IAAWR,EAA2BG,CAAQ,GAC9CM,IAAWD,MAAa,KAAA,IAAuBd,EAAkBW,CAAQ,IAArCG;CAE1C,OAAO;EACL,QAAQ,kBAAC,QAAD;GAAM,QAAA;GAAO,KAAKF;EAAc,CAAA;EACxC,aAAa,EAAE,0BAA0BG,KAAY,KAAA,EAAU;CACjE;AACF"}