@seedprotocol/mapping 0.6.2 → 0.6.4

package/dist/react.js

@@ -1,9 +1,9 @@
-import { S as e, _ as t, b as n, c as r, d as i, h as a, i as o, l as s, m as c, n as l, p as u, t as d, v as f, x as p, y as m } from "./autoMap-OMvtOG0S.js";
-import { useCallback as h, useEffect as g, useMemo as _, useRef as v, useState as y } from "react";
-import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
+import { A as e, C as t, D as n, E as r, O as i, S as a, T as o, _ as s, a as c, c as l, f as u, g as d, i as f, k as p, l as m, n as h, r as g, s as _, t as v, u as y, x as b, y as x } from "./autoMap-Dh9SiWhT.js";
+import { useCallback as S, useEffect as C, useMemo as w, useRef as T, useState as E } from "react";
+import { Fragment as D, jsx as O, jsxs as k } from "react/jsx-runtime";
 //#region src/react/fieldMapperControls.tsx
-function C({ className: e, value: t, onChange: n, children: r, disabled: i, "aria-label": a }) {
-	return /* @__PURE__ */ x("select", {
+function A({ className: e, value: t, onChange: n, children: r, disabled: i, "aria-label": a }) {
+	return /* @__PURE__ */ O("select", {
 		className: e,
 		"aria-label": a,
 		disabled: i,
@@ -12,8 +12,8 @@ function C({ className: e, value: t, onChange: n, children: r, disabled: i, "ari
 		children: r
 	});
 }
-function w({ className: e, type: t = "button", onClick: n, children: r, disabled: i, "aria-label": a, "aria-pressed": o }) {
-	return /* @__PURE__ */ x("button", {
+function j({ className: e, type: t = "button", onClick: n, children: r, disabled: i, "aria-label": a, "aria-pressed": o }) {
+	return /* @__PURE__ */ O("button", {
 		type: t,
 		className: e,
 		onClick: n,
@@ -23,15 +23,15 @@ function w({ className: e, type: t = "button", onClick: n, children: r, disabled
 		children: r
 	});
 }
-function T({ className: e, children: t }) {
-	return /* @__PURE__ */ x("span", {
+function M({ className: e, children: t }) {
+	return /* @__PURE__ */ O("span", {
 		className: e,
 		children: t
 	});
 }
 //#endregion
 //#region src/react/fieldMapperSlots.ts
-var E = {
+var N = {
 	root: "seed-field-mapper",
 	toolbar: "fm-toolbar",
 	filter: "fm-filter",
@@ -50,16 +50,17 @@ var E = {
 	addButton: "fm-btn",
 	inspector: "fm-inspector",
 	lookupEditor: "fm-lookups",
+	rowExpansion: "fm-row-expansion",
 	jsonPreview: "fm-preview"
 };
-function D(e, t, n) {
+function P(e, t, n) {
 	return [
-		E[e],
+		N[e],
 		t?.[e],
 		n
 	].filter(Boolean).join(" ");
 }
-function O(e, t, n) {
+function F(e, t, n) {
 	let r;
 	r = e?.preview === void 0 ? t !== !1 && "both" : e.preview;
 	let i;
@@ -71,85 +72,93 @@ function O(e, t, n) {
 		lookups: i
 	};
 }
-function k(e) {
+function I(e) {
 	return e === "row" || e === "both";
 }
-function A(e) {
+function L(e) {
 	return e === "json" || e === "both";
 }
 //#endregion
 //#region src/react/fieldMapperCore.ts
-function j(e, t = 40) {
+function R(e, t = 40) {
 	let n = e.replace(/\s+/g, " ").trim();
 	return n.length <= t ? n : `${n.slice(0, t)}…`;
 }
-function M(e) {
-	let t = e.subtitle ? `${e.label} · ${e.subtitle}` : e.label, n = j(e.value, 36);
+function z(e) {
+	let t = e.subtitle ? `${e.label} · ${e.subtitle}` : e.label, n = R(e.value, 36);
 	return n ? `${t} · "${n}"` : t;
 }
-function N(e) {
+function B(e) {
 	return e.filter((e) => e.kind !== "resolved");
 }
-function P(e) {
-	return N(e).map((e) => ({
+function V(e) {
+	return B(e).map((e) => ({
 		value: e.id,
-		label: M(e),
+		label: z(e),
 		sample: e.value,
 		kind: e.kind
 	}));
 }
-function F(e) {
+function H(e) {
 	return e.map((e) => ({
 		value: e.name,
 		label: e.required ? `${e.name} *` : e.name,
 		dataType: e.dataType
 	}));
 }
-function I(e) {
+function U(e) {
 	if (e.kind === "full" || e.kind === "section") return !1;
 	let t = typeof e.meta?.url == "string" && e.meta.url.trim() ? e.meta.url.trim() : e.value;
-	return !t.trim().includes("<") && u(t);
+	return !t.trim().includes("<") && b(t);
 }
-function L(e, t) {
+function W(e, t) {
 	if (!e || !t) return null;
-	if (c(t)) return "lookup";
-	if (I(e)) {
+	if (a(t)) return "lookup";
+	if (U(e)) {
 		if (t.dataType === "Image" || t.dataType === "File") return "file";
 		if (t.dataType === "Html") return "extract";
 	}
 	return null;
 }
-function R(e, t, r) {
+function G(e, t, n) {
+	if (t === "derive") {
+		let e = n?.mapping?.derive?.from;
+		return e ? `‹derive from ${e}›` : "‹derive›";
+	}
+	if (t === "assemble") {
+		let e = n?.mapping?.assemble?.blocks;
+		return e?.length ? `‹assemble ${e.join(", ")}›` : "‹assemble›";
+	}
 	if (!e) return "";
-	if (t === "extract") return `‹extract HTML from ${j(e.value, 48)}›`;
-	if (t === "file") return `‹file stored from ${j(e.value, 48)}›`;
+	if (t === "extract") return `‹extract HTML from ${R(e.value, 48)}›`;
+	if (t === "file") return `‹file stored from ${R(e.value, 48)}›`;
 	if (t === "lookup") {
-		let t = e.value || e.label, i = r?.mapping ?? {
+		let t = e.value || e.label, a = n?.mapping ?? {
 			sourceId: e.id,
-			propertyName: r?.propertyName ?? r?.target?.name ?? "",
+			propertyName: n?.propertyName ?? n?.target?.name ?? "",
 			resolve: "lookup"
-		}, a = f(i, t, r?.lookups);
-		if (a !== void 0) {
-			let e = r?.target ? n(a, r.target) : a;
-			return j(Array.isArray(e) ? e.join(", ") : String(e), 80);
+		}, o = r(a, t, n?.lookups);
+		if (o !== void 0) {
+			let e = n?.target ? i(o, n.target) : o;
+			return R(Array.isArray(e) ? e.join(", ") : String(e), 80);
 		}
-		return `‹lookup ref for "${j(e.value, 48)}"›`;
+		return `‹lookup ref for "${R(e.value, 48)}"›`;
 	}
-	if (r?.target && c(r.target)) return "";
-	if (r?.target) {
-		let t = e.value || e.label, n = o(t, r.target.dataType);
-		if (typeof n == "string") return j(n, 80);
-		if (typeof n == "number" || typeof n == "boolean") return String(n);
+	if (n?.target && a(n.target)) return "";
+	if (n?.target) {
+		let t = e.value || e.label, r = u(t, n.target.dataType);
+		if (typeof r == "string") return R(r, 80);
+		if (typeof r == "number" || typeof r == "boolean") return String(r);
 		try {
-			return j(JSON.stringify(n), 80);
+			return R(JSON.stringify(r), 80);
 		} catch {
-			return j(String(n), 80);
+			return R(String(r), 80);
 		}
 	}
-	return j(e.value, 80);
+	return R(e.value, 80);
 }
-function z(e, t, n) {
-	let r = l(e, t, n), i = t.filter((e) => e.resolve && e.resolve !== "lookup");
+function K(e, t, n) {
+	let r = y(e, t, n), i = t.filter((e) => e.resolve && e.resolve !== "lookup");
 	return i.length === 0 ? r : {
 		...r,
 		_pendingResolve: i.map((e) => ({
@@ -159,26 +168,26 @@ function z(e, t, n) {
 		}))
 	};
 }
-function B(e) {
+function q(e) {
 	if (e.conflict) return "conflict";
-	if (!e.mapping?.sourceId || !e.mapping.propertyName) return "empty";
+	if (!e.mapping || !c(e.mapping)) return "empty";
 	let t = e.mapping.resolve ?? null;
-	if (e.requiredResolve && t !== e.requiredResolve) return "needsResolve";
+	if (e.requiredResolve && t !== e.requiredResolve && (t !== "assemble" || e.requiredResolve !== "extract")) return "needsResolve";
 	if (t === "lookup") {
 		let t = e.sampleValue ?? "";
-		if (!t || f(e.mapping, t, e.lookups) === void 0) return "needsLookup";
+		if (!t || r(e.mapping, t, e.lookups) === void 0) return "needsLookup";
 	}
 	return "mapped";
 }
-function V(e, t) {
-	let n = new Set(t.filter((e) => e.sourceId && e.propertyName).map((e) => e.propertyName)), r = e.filter((e) => e.required && !n.has(e.name)).map((e) => e.name);
+function J(e, t) {
+	let n = new Set(t.filter(c).map((e) => e.propertyName)), r = e.filter((e) => e.required && !n.has(e.name)).map((e) => e.name);
 	return {
 		mapped: n.size,
 		total: e.length,
 		missingRequired: r
 	};
 }
-function H(e) {
+function ee(e) {
 	let t = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Set();
 	for (let r of e) {
 		let e = r.propertyName;
@@ -188,13 +197,41 @@ function H(e) {
 	}
 	return n;
 }
-function U(e, t) {
-	return e.resolve ? e.resolve === "lookup" ? e : p(e) : t && c(t) ? {
+function Y(e, t) {
+	return e.resolve ? e.resolve === "lookup" ? e : p(e) : t && a(t) ? {
 		...p(e),
 		resolve: "lookup"
 	} : p(e);
 }
-function W(t, n, r, i, a) {
+function X(e, t, n, r, i) {
+	let a = t === "property" ? e.findIndex((e) => e.propertyName === n) : r.indexOf(n);
+	if (a < 0) return null;
+	let o = e[a];
+	if (!o || o.resolve !== "assemble") return null;
+	let s = [...e];
+	return s[a] = _(o, i), s;
+}
+function te(e, t, n, r, i) {
+	if (t === "property") {
+		let t = e.findIndex((e) => e.propertyName === n);
+		if (t >= 0) {
+			let n = [...e];
+			return n[t] = l(e[t], i), n;
+		}
+		return i ? Z(e, {
+			propertyName: n,
+			resolve: "derive",
+			derive: i
+		}) : null;
+	}
+	let a = r.indexOf(n);
+	if (a < 0) return null;
+	let o = e[a];
+	if (!o) return null;
+	let s = [...e];
+	return s[a] = l(o, i), s;
+}
+function ne(t, n, r, i, a) {
 	if (n === "property") {
 		let n = t.findIndex((e) => e.propertyName === r);
 		if (n < 0) return null;
@@ -210,75 +247,77 @@ function W(t, n, r, i, a) {
 	let c = [...t];
 	return c[o] = e(s, a), c;
 }
-function G(e, t) {
+function Z(e, t) {
 	let n = e.filter((e) => e.propertyName !== t.propertyName);
 	return n.push(t), n;
 }
-function K(e, t) {
+function re(e, t) {
 	if (t.length === 0) return null;
 	let n = !1, r = { ...e };
 	for (let e of t) e in r && (delete r[e], n = !0);
 	return n ? r : null;
 }
-function q(e, t, n, i, a) {
-	let o = new Map(n.map((e) => [e.name, e])), s = r(i, a);
-	s = U(s, o.get(a)), t.some((e) => e.id === s.sourceId) || !N(t).find((e) => e.id === s.sourceId) && t.some((e) => e.id === i);
-	let c = e.find((e) => e.propertyName === a), l = G(e, s), u = [];
-	return c?.resolve === "lookup" && s.resolve !== "lookup" && u.push(a), {
-		mappings: l,
-		clearedLookupProps: u
+function ie(e, t, n, r, i) {
+	let a = new Map(n.map((e) => [e.name, e])), o = d(r, i);
+	o = Y(o, a.get(i)), o.sourceId && !t.some((e) => e.id === o.sourceId) && !B(t).find((e) => e.id === o.sourceId) && t.some((e) => e.id === r);
+	let s = e.find((e) => e.propertyName === i);
+	o = m(o, s);
+	let c = Z(e, o), l = [];
+	return s?.resolve === "lookup" && o.resolve !== "lookup" && l.push(i), {
+		mappings: c,
+		clearedLookupProps: l
 	};
 }
-function ee(e, t) {
+function ae(e, t) {
 	let n = s(t), r = [];
 	return {
 		mappings: e.filter((e) => {
 			let i;
-			return i = n ? e.sourceId !== n.originId || e.resolve !== n.resolve : e.sourceId !== t, !i && e.resolve === "lookup" && r.push(e.propertyName), i;
+			return i = n ? !(e.sourceId && e.sourceId === n.originId && e.resolve === n.resolve) : e.sourceId !== t, !i && e.resolve === "lookup" && r.push(e.propertyName), i;
 		}),
 		clearedLookupProps: r
 	};
 }
-function J(e) {
-	let { targets: t, mappings: n, sources: r, lookups: i } = e, a = new Map(n.map((e) => [e.propertyName, e])), o = new Map(N(r).map((e) => [e.id, e]));
-	for (let e of r) o.has(e.id) || o.set(e.id, e);
+function oe(e) {
+	let { targets: t, mappings: r, sources: i, lookups: a } = e, o = new Map(r.map((e) => [e.propertyName, e])), s = new Map(B(i).map((e) => [e.id, e]));
+	for (let e of i) s.has(e.id) || s.set(e.id, e);
 	return (e.visiblePropertyNames == null ? t : t.filter((t) => e.visiblePropertyNames.has(t.name))).map((e) => {
-		let t = a.get(e.name), n = t ? o.get(t.sourceId) : void 0, r = L(n, e), s = m(n), c = B({
+		let t = o.get(e.name), r = t?.sourceId ? s.get(t.sourceId) : void 0, i = W(r, e), c = n(r), l = q({
 			mapping: t,
-			requiredResolve: r,
-			sampleValue: s,
-			lookups: i
+			requiredResolve: i,
+			sampleValue: c,
+			lookups: a
 		});
 		return {
 			id: e.name,
 			target: e,
 			mapping: t,
-			source: n,
-			sampleValue: s,
-			preview: R(n, t?.resolve, {
+			source: r,
+			sampleValue: c,
+			preview: G(r, t?.resolve, {
 				target: e,
-				lookups: i,
+				lookups: a,
 				propertyName: e.name,
 				mapping: t
 			}),
-			requiredResolve: r,
-			state: c
+			requiredResolve: i,
+			state: l
 		};
 	});
 }
-function te(e) {
-	let { mappings: t, edgeIds: n, drafts: r, sources: i, targets: a, lookups: o } = e, s = new Map(i.map((e) => [e.id, e])), c = new Map(a.map((e) => [e.name, e])), l = [];
+function se(e) {
+	let { mappings: t, edgeIds: r, drafts: i, sources: a, targets: o, lookups: s } = e, l = new Map(a.map((e) => [e.id, e])), u = new Map(o.map((e) => [e.name, e])), d = [];
 	for (let e = 0; e < t.length; e++) {
-		let r = t[e], i = n[e] ?? `edge-${e}`;
-		l.push({
+		let n = t[e], i = r[e] ?? `edge-${e}`;
+		d.push({
 			id: i,
-			propertyName: r.propertyName,
-			mapping: r,
-			source: s.get(r.sourceId),
-			target: c.get(r.propertyName)
+			propertyName: n.propertyName,
+			mapping: n,
+			source: n.sourceId ? l.get(n.sourceId) : void 0,
+			target: u.get(n.propertyName)
 		});
 	}
-	for (let e of r) l.push({
+	for (let e of i) d.push({
 		id: e.id,
 		propertyName: e.propertyName,
 		mapping: e.sourceId && e.propertyName ? {
@@ -290,49 +329,49 @@ function te(e) {
 			propertyName: e.propertyName ?? "",
 			...e.resolve ? { resolve: e.resolve } : {}
 		} : void 0,
-		source: e.sourceId ? s.get(e.sourceId) : void 0,
-		target: e.propertyName ? c.get(e.propertyName) : void 0
+		source: e.sourceId ? l.get(e.sourceId) : void 0,
+		target: e.propertyName ? u.get(e.propertyName) : void 0
 	});
-	let u = H(l);
+	let f = ee(d);
 	return {
-		rows: l.map((e) => {
-			let t = L(e.source, e.target), n = (e.mapping && e.mapping.sourceId && e.mapping.propertyName, e.mapping), r = m(e.source), i = B({
-				mapping: n && n.sourceId && n.propertyName ? n : void 0,
+		rows: d.map((e) => {
+			let t = W(e.source, e.target), r = (e.mapping && e.mapping.propertyName, e.mapping), i = n(e.source), a = r && c(r) ? r : void 0, o = q({
+				mapping: a,
 				requiredResolve: t,
-				conflict: u.has(e.id),
-				sampleValue: r,
-				lookups: o
-			}), a = !n?.sourceId || !n?.propertyName ? u.has(e.id) ? "conflict" : "empty" : i, s = n && n.sourceId && n.propertyName ? n : void 0;
+				conflict: f.has(e.id),
+				sampleValue: i,
+				lookups: s
+			}), l = a ? o : f.has(e.id) ? "conflict" : "empty";
 			return {
 				id: e.id,
 				target: e.target,
-				mapping: s,
+				mapping: a,
 				source: e.source,
-				sampleValue: r,
-				preview: R(e.source, s?.resolve, {
+				sampleValue: i,
+				preview: G(e.source, a?.resolve, {
 					target: e.target,
-					lookups: o,
-					propertyName: s?.propertyName,
-					mapping: s
+					lookups: s,
+					propertyName: a?.propertyName,
+					mapping: a
 				}),
 				requiredResolve: t,
-				state: a
+				state: l
 			};
 		}),
-		conflicts: u
+		conflicts: f
 	};
 }
-function Y(e) {
+function ce(e) {
 	return `${e}-${Math.random().toString(36).slice(2, 10)}`;
 }
-function ne(e, t) {
+function le(e, t) {
 	if (e.length === t) return e;
 	if (e.length > t) return e.slice(0, t);
 	let n = [...e];
-	for (; n.length < t;) n.push(Y("edge"));
+	for (; n.length < t;) n.push(ce("edge"));
 	return n;
 }
-function re(e, t, n, r) {
+function ue(e, t, n, r) {
 	if (n === "all") return null;
 	let i = new Set(t.map((e) => e.propertyName)), a = new Set(r);
 	for (let t of e) (i.has(t.name) || n === "requiredAndMapped" && t.required) && a.add(t.name);
@@ -340,64 +379,64 @@ function re(e, t, n, r) {
 }
 //#endregion
 //#region src/react/LookupEditor.tsx
-function ie(e, n, r) {
-	let i = t(n), a = r.trim(), o = e.filter((e) => t(e.value) !== i);
-	return a && o.push({
-		value: i,
-		ref: a
-	}), o;
-}
-function ae({ mapping: e, sources: n, targetsByName: r, onLookupChange: i, compact: o }) {
-	let s = n.find((t) => t.id === e.sourceId), c = t(s?.value || s?.label || ""), l = a(e), u = new Set(l.map((e) => t(e.value)).filter(Boolean));
+function de(e, t, n) {
+	let r = o(t), i = n.trim(), a = e.filter((e) => o(e.value) !== r);
+	return i && a.push({
+		value: r,
+		ref: i
+	}), a;
+}
+function fe({ mapping: e, sources: n, targetsByName: r, onLookupChange: i, compact: a }) {
+	let s = n.find((t) => t.id === e.sourceId), c = o(s?.value || s?.label || ""), l = t(e), u = new Set(l.map((e) => o(e.value)).filter(Boolean));
 	c && u.add(c);
-	let d = [...u], f = r.get(e.propertyName), p = new Map(l.map((e) => [t(e.value), e.ref]));
-	return /* @__PURE__ */ S("div", {
+	let d = [...u], f = r.get(e.propertyName), p = new Map(l.map((e) => [o(e.value), e.ref]));
+	return /* @__PURE__ */ k("div", {
 		className: "fm-lookup-block",
 		children: [
-			!o && /* @__PURE__ */ S("h4", { children: [e.propertyName, f?.ref ? ` → ${f.ref}` : ""] }),
-			/* @__PURE__ */ x("div", {
+			!a && /* @__PURE__ */ k("h4", { children: [e.propertyName, f?.ref ? ` → ${f.ref}` : ""] }),
+			/* @__PURE__ */ O("div", {
 				className: "fm-lookup-hint",
 				children: "Map source strings to refs. Host owns Identity search/create."
 			}),
-			d.length === 0 ? /* @__PURE__ */ x("div", {
+			d.length === 0 ? /* @__PURE__ */ O("div", {
 				className: "fm-lookup-hint",
 				children: "No sample value yet — paste a source string key after connecting."
-			}) : d.map((t) => /* @__PURE__ */ S("div", {
+			}) : d.map((t) => /* @__PURE__ */ k("div", {
 				className: "fm-lookup-row",
-				children: [/* @__PURE__ */ x("div", {
+				children: [/* @__PURE__ */ O("div", {
 					className: "fm-lookup-key",
 					title: t,
 					children: t || "(empty)"
-				}), /* @__PURE__ */ x("input", {
+				}), /* @__PURE__ */ O("input", {
 					className: "fm-lookup-input",
 					type: "text",
 					placeholder: "ref",
 					value: p.get(t) ?? "",
-					onChange: (n) => i(e, ie(l, t, n.target.value)),
+					onChange: (n) => i(e, de(l, t, n.target.value)),
 					onClick: (e) => e.stopPropagation()
 				})]
 			}, t))
 		]
 	});
 }
-function X({ mode: e, mappings: t, sources: n, targets: r, onLookupChange: i, classNames: a, className: o }) {
-	let s = _(() => t.filter((e) => e.resolve === "lookup"), [t]), c = _(() => {
+function Q({ mode: e, mappings: t, sources: n, targets: r, onLookupChange: i, classNames: a, className: o }) {
+	let s = w(() => t.filter((e) => e.resolve === "lookup"), [t]), c = w(() => {
 		let e = /* @__PURE__ */ new Map();
 		for (let t of r) e.set(t.name, t);
 		return e;
 	}, [r]);
 	if (s.length === 0) return null;
 	let l = [
-		D("lookupEditor", a),
+		P("lookupEditor", a),
 		e === "row" ? "fm-lookups--row" : null,
 		o
 	].filter(Boolean).join(" ");
-	return /* @__PURE__ */ S("div", {
+	return /* @__PURE__ */ k("div", {
 		className: l,
-		children: [e === "section" && /* @__PURE__ */ x("div", {
+		children: [e === "section" && /* @__PURE__ */ O("div", {
 			className: "fm-lookups-title",
 			children: "Relation lookups"
-		}), s.map((t) => /* @__PURE__ */ x(ae, {
+		}), s.map((t) => /* @__PURE__ */ O(fe, {
 			mapping: t,
 			sources: n,
 			targetsByName: c,
@@ -408,21 +447,21 @@ function X({ mode: e, mappings: t, sources: n, targets: r, onLookupChange: i, cl
 }
 //#endregion
 //#region src/react/fieldMapperTheme.ts
-var oe = 8, Z = "seed-field-mapper-theme";
-function Q(e) {
+var pe = 8, me = "seed-field-mapper-theme";
+function he(e) {
 	return e % 8;
 }
-function se(e, t) {
+function ge(e, t) {
 	if (t && t.length > 0) return t[e % t.length];
-	let n = Q(e) + 1;
+	let n = he(e) + 1;
 	return `var(--fm-map-${n}, var(--map-${n}, currentColor))`;
 }
-function ce(e = "default") {
+function _e(e = "default") {
 	return e === "unstyled" ? "none" : e;
 }
-var le = "\n  --sfm-color-ground: #0f172a;\n  --sfm-color-ink: #e2e8f0;\n  --sfm-color-well: #1e293b;\n  --sfm-color-line: #334155;\n  --sfm-color-muted: #94a3b8;\n  --sfm-color-faint: #64748b;\n  --sfm-color-selection: #3b82f6;\n  --sfm-color-warning: #fbbf24;\n  --sfm-color-danger: #f87171;\n  --sfm-color-highlight: #f59e0b;\n  --sfm-map-1: #3b82f6;\n  --sfm-map-2: #8b5cf6;\n  --sfm-map-3: #ec4899;\n  --sfm-map-4: #f59e0b;\n  --sfm-map-5: #10b981;\n  --sfm-map-6: #06b6d4;\n  --sfm-map-7: #f97316;\n  --sfm-map-8: #14b8a6;\n  --fm-ground: var(--sfm-color-ground);\n  --fm-ink: var(--sfm-color-ink);\n  --fm-well: var(--sfm-color-well);\n  --fm-line: var(--sfm-color-line);\n  --fm-muted: var(--sfm-color-muted);\n  --fm-faint: var(--sfm-color-faint);\n  --fm-selection: var(--sfm-color-selection);\n  --fm-highlight: var(--sfm-color-highlight);\n  --fm-danger: var(--sfm-color-danger);\n  --fm-warning: var(--sfm-color-warning);\n  --fm-map-1: var(--sfm-map-1);\n  --fm-map-2: var(--sfm-map-2);\n  --fm-map-3: var(--sfm-map-3);\n  --fm-map-4: var(--sfm-map-4);\n  --fm-map-5: var(--sfm-map-5);\n  --fm-map-6: var(--sfm-map-6);\n  --fm-map-7: var(--sfm-map-7);\n  --fm-map-8: var(--sfm-map-8);\n", ue = "\n.seed-field-mapper {\n\n  --sfm-space-1: 4px;\n  --sfm-space-2: 8px;\n  --sfm-space-3: 12px;\n  --sfm-space-4: 16px;\n  --sfm-radius-sm: 4px;\n  --sfm-radius-md: 8px;\n  --sfm-radius-lg: 12px;\n  --sfm-font-family: inherit;\n  --sfm-font-mono: ui-monospace, monospace;\n  --sfm-font-size-sm: 11px;\n  --sfm-font-size-md: 13px;\n  --sfm-control-height: 32px;\n  --sfm-row-gap: var(--sfm-space-2);\n\n  font-family: var(--sfm-font-family);\n  border-radius: var(--sfm-radius-lg);\n  padding: var(--sfm-space-4);\n}\n.seed-field-mapper * { box-sizing: border-box; }\n.seed-field-mapper .fm-toolbar {\n  display: flex;\n  gap: var(--sfm-space-2);\n  align-items: center;\n  margin-bottom: var(--sfm-space-3);\n  flex-wrap: wrap;\n}\n.seed-field-mapper .fm-btn {\n  border: 1px solid;\n  border-radius: var(--sfm-radius-md);\n  padding: 6px var(--sfm-space-3);\n  cursor: pointer;\n  font-size: var(--sfm-font-size-md);\n  min-height: var(--sfm-control-height);\n}\n.seed-field-mapper .fm-meta {\n  font-size: 12px;\n  margin-left: auto;\n}\n.seed-field-mapper .fm-banner {\n  font-size: 12px;\n  padding: var(--sfm-space-2) 10px;\n  border-radius: var(--sfm-radius-md);\n  margin-bottom: 10px;\n  border: 1px solid;\n}\n.seed-field-mapper .fm-grid {\n  position: relative;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 48px;\n  min-height: 240px;\n}\n.seed-field-mapper .fm-col-title {\n  font-size: var(--sfm-font-size-sm);\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  margin-bottom: var(--sfm-space-2);\n}\n.seed-field-mapper .fm-card {\n  border: 1px solid;\n  border-radius: var(--sfm-radius-md);\n  padding: 10px var(--sfm-space-3);\n  margin-bottom: var(--sfm-space-2);\n  cursor: pointer;\n  transition: border-color 0.15s, box-shadow 0.15s;\n}\n.seed-field-mapper .fm-label {\n  font-weight: 600;\n  font-size: var(--sfm-font-size-md);\n  margin-bottom: var(--sfm-space-1);\n}\n.seed-field-mapper .fm-value {\n  font-family: var(--sfm-font-mono);\n  font-size: var(--sfm-font-size-sm);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.seed-field-mapper .fm-kind {\n  font-size: 10px;\n  margin-left: 6px;\n}\n.seed-field-mapper .fm-prop-row {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--sfm-space-2);\n}\n.seed-field-mapper .fm-dtype {\n  font-size: 10px;\n  padding: 2px 6px;\n  border-radius: var(--sfm-radius-sm);\n  border: 1px solid;\n}\n.seed-field-mapper .fm-remove {\n  background: transparent;\n  border: none;\n  cursor: pointer;\n  font-size: 14px;\n  padding: 0 var(--sfm-space-1);\n}\n.seed-field-mapper .fm-svg {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n  overflow: visible;\n}\n.seed-field-mapper .fm-preview {\n  margin-top: var(--sfm-space-3);\n  border: 1px solid;\n  border-radius: var(--sfm-radius-md);\n  padding: var(--sfm-space-3);\n  font-family: var(--sfm-font-mono);\n  font-size: var(--sfm-font-size-sm);\n  white-space: pre-wrap;\n  max-height: 200px;\n  overflow: auto;\n}\n.seed-field-mapper details.fm-preview {\n  font-family: var(--sfm-font-family);\n  white-space: normal;\n  max-height: none;\n  overflow: visible;\n  padding: var(--sfm-space-2) var(--sfm-space-3);\n}\n.seed-field-mapper details.fm-preview > summary {\n  cursor: pointer;\n  font-size: var(--sfm-font-size-sm);\n  list-style: disclosure-closed;\n}\n.seed-field-mapper details.fm-preview[open] > summary {\n  list-style: disclosure-open;\n  margin-bottom: var(--sfm-space-2);\n}\n.seed-field-mapper .fm-preview-body {\n  margin: 0;\n  font-family: var(--sfm-font-mono);\n  font-size: var(--sfm-font-size-sm);\n  white-space: pre-wrap;\n  max-height: 200px;\n  overflow: auto;\n}\n.seed-field-mapper .fm-lookups {\n  margin-top: var(--sfm-space-4);\n  border-top: 1px solid;\n  padding-top: var(--sfm-space-3);\n}\n.seed-field-mapper .fm-row .fm-lookups,\n.seed-field-mapper .fm-lookups--row {\n  margin-top: var(--sfm-space-2);\n  border-top: none;\n  padding-top: 0;\n}\n.seed-field-mapper .fm-row .fm-lookup-block {\n  margin-bottom: 0;\n  padding: var(--sfm-space-2);\n}\n.seed-field-mapper .fm-lookups-title {\n  font-size: var(--sfm-font-size-sm);\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  margin-bottom: var(--sfm-space-2);\n}\n.seed-field-mapper .fm-lookup-block {\n  border: 1px solid;\n  border-radius: var(--sfm-radius-md);\n  padding: 10px var(--sfm-space-3);\n  margin-bottom: var(--sfm-space-2);\n}\n.seed-field-mapper .fm-lookup-block h4 {\n  margin: 0 0 var(--sfm-space-2);\n  font-size: var(--sfm-font-size-md);\n  font-weight: 600;\n}\n.seed-field-mapper .fm-lookup-hint {\n  font-size: var(--sfm-font-size-sm);\n  margin-bottom: var(--sfm-space-2);\n}\n.seed-field-mapper .fm-lookup-row {\n  display: grid;\n  grid-template-columns: 1fr 1.4fr;\n  gap: var(--sfm-space-2);\n  align-items: center;\n  margin-bottom: 6px;\n}\n.seed-field-mapper .fm-lookup-key {\n  font-family: var(--sfm-font-mono);\n  font-size: var(--sfm-font-size-sm);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.seed-field-mapper .fm-lookup-input {\n  width: 100%;\n  border: 1px solid;\n  border-radius: 6px;\n  font-family: var(--sfm-font-mono);\n  font-size: var(--sfm-font-size-sm);\n  padding: 6px var(--sfm-space-2);\n}\n.seed-field-mapper .fm-lookup-input:focus {\n  outline: none;\n}\n.seed-field-mapper .fm-row-list {\n  display: flex;\n  flex-direction: column;\n  gap: var(--sfm-row-gap);\n}\n.seed-field-mapper .fm-row {\n  border: 1px solid;\n  border-radius: var(--sfm-radius-md);\n  padding: 10px var(--sfm-space-3);\n}\n.seed-field-mapper .fm-row-main {\n  display: grid;\n  grid-template-columns: minmax(100px, 140px) 1fr auto auto auto;\n  gap: var(--sfm-space-2);\n  align-items: center;\n}\n.seed-field-mapper .fm-row-main-source {\n  grid-template-columns: 1fr auto auto 1fr auto auto;\n}\n.seed-field-mapper .fm-row-accessory {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n}\n.seed-field-mapper .fm-row-accessory:empty {\n  display: none;\n}\n.seed-field-mapper .fm-row-prop {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  min-width: 0;\n}\n.seed-field-mapper .fm-row-prop-name {\n  font-weight: 600;\n  font-size: var(--sfm-font-size-md);\n}\n.seed-field-mapper .fm-row-preview {\n  margin-top: 6px;\n  font-family: var(--sfm-font-mono);\n  font-size: var(--sfm-font-size-sm);\n}\n.seed-field-mapper .fm-row-flag {\n  font-size: var(--sfm-font-size-sm);\n  margin-top: var(--sfm-space-1);\n}\n.seed-field-mapper .fm-select {\n  width: 100%;\n  border: 1px solid;\n  border-radius: 6px;\n  font-size: 12px;\n  padding: 6px var(--sfm-space-2);\n  min-width: 0;\n  min-height: var(--sfm-control-height);\n}\n.seed-field-mapper .fm-select:focus {\n  outline: none;\n}\n.seed-field-mapper .fm-filter {\n  display: flex;\n  gap: 6px;\n  margin-bottom: 10px;\n  flex-wrap: wrap;\n}\n.seed-field-mapper .fm-inspector {\n  margin-top: var(--sfm-space-3);\n  border-top: 1px solid;\n  padding-top: 10px;\n}\n.seed-field-mapper .fm-inspector summary {\n  cursor: pointer;\n  font-size: 12px;\n  margin-bottom: var(--sfm-space-2);\n}\n.seed-field-mapper .fm-inspector-row {\n  display: grid;\n  grid-template-columns: 1fr 1.5fr auto;\n  gap: var(--sfm-space-2);\n  align-items: center;\n  padding: 6px 0;\n  border-bottom: 1px solid;\n  font-size: 12px;\n}\n.seed-field-mapper .fm-into {\n  font-size: var(--sfm-font-size-sm);\n}\n", de = `
+var ve = "\n  --sfm-color-ground: #0f172a;\n  --sfm-color-ink: #e2e8f0;\n  --sfm-color-well: #1e293b;\n  --sfm-color-line: #334155;\n  --sfm-color-muted: #94a3b8;\n  --sfm-color-faint: #64748b;\n  --sfm-color-selection: #3b82f6;\n  --sfm-color-warning: #fbbf24;\n  --sfm-color-danger: #f87171;\n  --sfm-color-highlight: #f59e0b;\n  --sfm-map-1: #3b82f6;\n  --sfm-map-2: #8b5cf6;\n  --sfm-map-3: #ec4899;\n  --sfm-map-4: #f59e0b;\n  --sfm-map-5: #10b981;\n  --sfm-map-6: #06b6d4;\n  --sfm-map-7: #f97316;\n  --sfm-map-8: #14b8a6;\n  --fm-ground: var(--sfm-color-ground);\n  --fm-ink: var(--sfm-color-ink);\n  --fm-well: var(--sfm-color-well);\n  --fm-line: var(--sfm-color-line);\n  --fm-muted: var(--sfm-color-muted);\n  --fm-faint: var(--sfm-color-faint);\n  --fm-selection: var(--sfm-color-selection);\n  --fm-highlight: var(--sfm-color-highlight);\n  --fm-danger: var(--sfm-color-danger);\n  --fm-warning: var(--sfm-color-warning);\n  --fm-map-1: var(--sfm-map-1);\n  --fm-map-2: var(--sfm-map-2);\n  --fm-map-3: var(--sfm-map-3);\n  --fm-map-4: var(--sfm-map-4);\n  --fm-map-5: var(--sfm-map-5);\n  --fm-map-6: var(--sfm-map-6);\n  --fm-map-7: var(--sfm-map-7);\n  --fm-map-8: var(--sfm-map-8);\n", ye = "\n.seed-field-mapper {\n\n  --sfm-space-1: 4px;\n  --sfm-space-2: 8px;\n  --sfm-space-3: 12px;\n  --sfm-space-4: 16px;\n  --sfm-radius-sm: 4px;\n  --sfm-radius-md: 8px;\n  --sfm-radius-lg: 12px;\n  --sfm-font-family: inherit;\n  --sfm-font-mono: ui-monospace, monospace;\n  --sfm-font-size-sm: 11px;\n  --sfm-font-size-md: 13px;\n  --sfm-control-height: 32px;\n  --sfm-row-gap: var(--sfm-space-2);\n\n  font-family: var(--sfm-font-family);\n  border-radius: var(--sfm-radius-lg);\n  padding: var(--sfm-space-4);\n}\n.seed-field-mapper * { box-sizing: border-box; }\n.seed-field-mapper .fm-toolbar {\n  display: flex;\n  gap: var(--sfm-space-2);\n  align-items: center;\n  margin-bottom: var(--sfm-space-3);\n  flex-wrap: wrap;\n}\n.seed-field-mapper .fm-btn {\n  border: 1px solid;\n  border-radius: var(--sfm-radius-md);\n  padding: 6px var(--sfm-space-3);\n  cursor: pointer;\n  font-size: var(--sfm-font-size-md);\n  min-height: var(--sfm-control-height);\n}\n.seed-field-mapper .fm-meta {\n  font-size: 12px;\n  margin-left: auto;\n}\n.seed-field-mapper .fm-banner {\n  font-size: 12px;\n  padding: var(--sfm-space-2) 10px;\n  border-radius: var(--sfm-radius-md);\n  margin-bottom: 10px;\n  border: 1px solid;\n}\n.seed-field-mapper .fm-grid {\n  position: relative;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 48px;\n  min-height: 240px;\n}\n.seed-field-mapper .fm-col-title {\n  font-size: var(--sfm-font-size-sm);\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  margin-bottom: var(--sfm-space-2);\n}\n.seed-field-mapper .fm-card {\n  border: 1px solid;\n  border-radius: var(--sfm-radius-md);\n  padding: 10px var(--sfm-space-3);\n  margin-bottom: var(--sfm-space-2);\n  cursor: pointer;\n  transition: border-color 0.15s, box-shadow 0.15s;\n}\n.seed-field-mapper .fm-label {\n  font-weight: 600;\n  font-size: var(--sfm-font-size-md);\n  margin-bottom: var(--sfm-space-1);\n}\n.seed-field-mapper .fm-value {\n  font-family: var(--sfm-font-mono);\n  font-size: var(--sfm-font-size-sm);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.seed-field-mapper .fm-kind {\n  font-size: 10px;\n  margin-left: 6px;\n}\n.seed-field-mapper .fm-prop-row {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--sfm-space-2);\n}\n.seed-field-mapper .fm-dtype {\n  font-size: 10px;\n  padding: 2px 6px;\n  border-radius: var(--sfm-radius-sm);\n  border: 1px solid;\n}\n.seed-field-mapper .fm-remove {\n  background: transparent;\n  border: none;\n  cursor: pointer;\n  font-size: 14px;\n  padding: 0 var(--sfm-space-1);\n}\n.seed-field-mapper .fm-svg {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n  overflow: visible;\n}\n.seed-field-mapper .fm-preview {\n  margin-top: var(--sfm-space-3);\n  border: 1px solid;\n  border-radius: var(--sfm-radius-md);\n  padding: var(--sfm-space-3);\n  font-family: var(--sfm-font-mono);\n  font-size: var(--sfm-font-size-sm);\n  white-space: pre-wrap;\n  max-height: 200px;\n  overflow: auto;\n}\n.seed-field-mapper details.fm-preview {\n  font-family: var(--sfm-font-family);\n  white-space: normal;\n  max-height: none;\n  overflow: visible;\n  padding: var(--sfm-space-2) var(--sfm-space-3);\n}\n.seed-field-mapper details.fm-preview > summary {\n  cursor: pointer;\n  font-size: var(--sfm-font-size-sm);\n  list-style: disclosure-closed;\n}\n.seed-field-mapper details.fm-preview[open] > summary {\n  list-style: disclosure-open;\n  margin-bottom: var(--sfm-space-2);\n}\n.seed-field-mapper .fm-preview-body {\n  margin: 0;\n  font-family: var(--sfm-font-mono);\n  font-size: var(--sfm-font-size-sm);\n  white-space: pre-wrap;\n  max-height: 200px;\n  overflow: auto;\n}\n.seed-field-mapper .fm-lookups {\n  margin-top: var(--sfm-space-4);\n  border-top: 1px solid;\n  padding-top: var(--sfm-space-3);\n}\n.seed-field-mapper .fm-row .fm-lookups,\n.seed-field-mapper .fm-lookups--row {\n  margin-top: var(--sfm-space-2);\n  border-top: none;\n  padding-top: 0;\n}\n.seed-field-mapper .fm-row .fm-lookup-block {\n  margin-bottom: 0;\n  padding: var(--sfm-space-2);\n}\n.seed-field-mapper .fm-lookups-title {\n  font-size: var(--sfm-font-size-sm);\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  margin-bottom: var(--sfm-space-2);\n}\n.seed-field-mapper .fm-lookup-block {\n  border: 1px solid;\n  border-radius: var(--sfm-radius-md);\n  padding: 10px var(--sfm-space-3);\n  margin-bottom: var(--sfm-space-2);\n}\n.seed-field-mapper .fm-lookup-block h4 {\n  margin: 0 0 var(--sfm-space-2);\n  font-size: var(--sfm-font-size-md);\n  font-weight: 600;\n}\n.seed-field-mapper .fm-lookup-hint {\n  font-size: var(--sfm-font-size-sm);\n  margin-bottom: var(--sfm-space-2);\n}\n.seed-field-mapper .fm-lookup-row {\n  display: grid;\n  grid-template-columns: 1fr 1.4fr;\n  gap: var(--sfm-space-2);\n  align-items: center;\n  margin-bottom: 6px;\n}\n.seed-field-mapper .fm-lookup-key {\n  font-family: var(--sfm-font-mono);\n  font-size: var(--sfm-font-size-sm);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.seed-field-mapper .fm-lookup-input {\n  width: 100%;\n  border: 1px solid;\n  border-radius: 6px;\n  font-family: var(--sfm-font-mono);\n  font-size: var(--sfm-font-size-sm);\n  padding: 6px var(--sfm-space-2);\n}\n.seed-field-mapper .fm-lookup-input:focus {\n  outline: none;\n}\n.seed-field-mapper .fm-row-list {\n  display: flex;\n  flex-direction: column;\n  gap: var(--sfm-row-gap);\n}\n.seed-field-mapper .fm-row {\n  border: 1px solid;\n  border-radius: var(--sfm-radius-md);\n  padding: 10px var(--sfm-space-3);\n}\n.seed-field-mapper .fm-row-main {\n  display: grid;\n  grid-template-columns: minmax(100px, 140px) 1fr auto auto auto;\n  gap: var(--sfm-space-2);\n  align-items: center;\n}\n.seed-field-mapper .fm-row-main-source {\n  grid-template-columns: 1fr auto auto 1fr auto auto;\n}\n.seed-field-mapper .fm-row-accessory {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n}\n.seed-field-mapper .fm-row-accessory:empty {\n  display: none;\n}\n.seed-field-mapper .fm-row-prop {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  min-width: 0;\n}\n.seed-field-mapper .fm-row-prop-name {\n  font-weight: 600;\n  font-size: var(--sfm-font-size-md);\n}\n.seed-field-mapper .fm-row-preview {\n  margin-top: 6px;\n  font-family: var(--sfm-font-mono);\n  font-size: var(--sfm-font-size-sm);\n}\n.seed-field-mapper .fm-row-expansion {\n  margin-top: 8px;\n}\n.seed-field-mapper .fm-row-expansion:empty {\n  display: none;\n}\n.seed-field-mapper .fm-row-flag {\n  font-size: var(--sfm-font-size-sm);\n  margin-top: var(--sfm-space-1);\n}\n.seed-field-mapper .fm-select {\n  width: 100%;\n  border: 1px solid;\n  border-radius: 6px;\n  font-size: 12px;\n  padding: 6px var(--sfm-space-2);\n  min-width: 0;\n  min-height: var(--sfm-control-height);\n}\n.seed-field-mapper .fm-select:focus {\n  outline: none;\n}\n.seed-field-mapper .fm-filter {\n  display: flex;\n  gap: 6px;\n  margin-bottom: 10px;\n  flex-wrap: wrap;\n}\n.seed-field-mapper .fm-inspector {\n  margin-top: var(--sfm-space-3);\n  border-top: 1px solid;\n  padding-top: 10px;\n}\n.seed-field-mapper .fm-inspector summary {\n  cursor: pointer;\n  font-size: 12px;\n  margin-bottom: var(--sfm-space-2);\n}\n.seed-field-mapper .fm-inspector-row {\n  display: grid;\n  grid-template-columns: 1fr 1.5fr auto;\n  gap: var(--sfm-space-2);\n  align-items: center;\n  padding: 6px 0;\n  border-bottom: 1px solid;\n  font-size: 12px;\n}\n.seed-field-mapper .fm-into {\n  font-size: var(--sfm-font-size-sm);\n}\n", be = `
 .seed-field-mapper {
-${le}
+${ve}
   color: var(--sfm-color-ink);
   background: var(--sfm-color-ground);
 }
@@ -557,66 +596,69 @@ ${le}
   color: var(--sfm-color-faint);
 }
 `;
-function fe(e) {
+function xe(e) {
 	return `@layer seed-field-mapper {\n${e}\n}`;
 }
-function pe(e) {
-	return e === "none" ? "" : fe(e === "structural" ? ue : `${ue}\n${de}`);
+function Se(e) {
+	return e === "none" ? "" : xe(e === "structural" ? ye : `${ye}\n${be}`);
 }
-var me = pe("default"), he = null;
-function ge(e) {
+var Ce = Se("default"), we = null;
+function Te(e) {
 	if (typeof document > "u" || e === "none") return;
-	let t = pe(e), n = document.getElementById(Z);
+	let t = Se(e), n = document.getElementById(me);
 	if (n) {
-		he !== e && (n.textContent = t, he = e);
+		we !== e && (n.textContent = t, we = e);
 		return;
 	}
 	let r = document.createElement("style");
-	r.id = Z, r.textContent = t, document.head.appendChild(r), he = e;
+	r.id = me, r.textContent = t, document.head.appendChild(r), we = e;
 }
-function _e() {
-	if (he = null, typeof document > "u") return;
-	let e = document.getElementById(Z);
+function Ee() {
+	if (we = null, typeof document > "u") return;
+	let e = document.getElementById(me);
 	e && (typeof e.remove == "function" ? e.remove() : e.parentNode && e.parentNode.removeChild(e));
 }
 //#endregion
 //#region src/react/FieldMapperWires.tsx
 function $(e, t) {
+	if (!e.sourceId) return "";
 	if (!e.resolve) return e.sourceId;
-	let n = i(e.sourceId, e.resolve);
+	let n = x(e.sourceId, e.resolve);
 	return t.some((e) => e.id === n) ? n : e.sourceId;
 }
-function ve(e, t) {
+function De(e, t) {
 	let n = e.replace(/\s+/g, " ").trim();
 	return n.length <= t ? n : `${n.slice(0, t)}…`;
 }
-function ye({ sources: e, targets: t, mappings: n, mapper: r, onLookupsChange: i, renderLookup: a, connectionColors: o, slots: c, classNames: l, ui: u = {
-	Select: C,
-	Button: w,
-	Pill: T
+function Oe({ sources: e, targets: t, mappings: n, mapper: r, onLookupsChange: i, renderLookup: a, connectionColors: o, slots: c, classNames: l, ui: u = {
+	Select: A,
+	Button: j,
+	Pill: M
 } }) {
-	let d = u.Button, [f, p] = y(null), [m, E] = y(null), [O, k] = y(null), [j, M] = y(!1), [N, P] = y({
+	let d = u.Button, [f, p] = E(null), [m, h] = E(null), [g, _] = E(null), [v, y] = E(!1), [b, x] = E({
 		width: 0,
 		height: 0
-	}), [F, I] = y([]), L = v(null), R = v({}), B = v({}), V = _(() => {
+	}), [N, F] = E([]), I = T(null), R = T({}), z = T({}), B = w(() => {
 		let e = /* @__PURE__ */ new Map();
 		return n.forEach((t, n) => {
 			e.set(t.propertyName, n);
 		}), e;
-	}, [n]), H = _(() => {
+	}, [n]), V = w(() => {
 		let t = /* @__PURE__ */ new Map();
 		return n.forEach((n, r) => {
+			if (!n.sourceId) return;
 			let i = $(n, e);
 			for (let e of /* @__PURE__ */ new Set([n.sourceId, i])) {
 				let n = t.get(e) ?? [];
 				n.push(r), t.set(e, n);
 			}
 		}), t;
-	}, [n, e]), U = h(() => {
-		if (!L.current) return [];
-		let t = L.current.getBoundingClientRect();
+	}, [n, e]), H = S(() => {
+		if (!I.current) return [];
+		let t = I.current.getBoundingClientRect();
 		return n.map((n, r) => {
-			let i = $(n, e), a = R.current[i] ?? R.current[n.sourceId], s = B.current[n.propertyName];
+			if (!n.sourceId) return null;
+			let i = $(n, e), a = R.current[i] ?? R.current[n.sourceId], s = z.current[n.propertyName];
 			if (!a || !s) return null;
 			let c = a.getBoundingClientRect(), l = s.getBoundingClientRect();
 			return {
@@ -624,7 +666,7 @@ function ye({ sources: e, targets: t, mappings: n, mapper: r, onLookupsChange: i
 				y1: c.top + c.height / 2 - t.top,
 				x2: l.left - t.left,
 				y2: l.top + l.height / 2 - t.top,
-				stroke: se(r, o),
+				stroke: ge(r, o),
 				mappingIndex: r,
 				mapping: n
 			};
@@ -634,16 +676,16 @@ function ye({ sources: e, targets: t, mappings: n, mapper: r, onLookupsChange: i
 		o,
 		e
 	]);
-	g(() => {
+	C(() => {
 		let e = () => {
-			if (L.current) {
-				let e = L.current.getBoundingClientRect();
-				P({
+			if (I.current) {
+				let e = I.current.getBoundingClientRect();
+				x({
 					width: e.width,
 					height: e.height
 				});
 			}
-			I(U());
+			F(H());
 		};
 		e(), window.addEventListener("resize", e);
 		let t = setInterval(e, 200);
@@ -651,80 +693,80 @@ function ye({ sources: e, targets: t, mappings: n, mapper: r, onLookupsChange: i
 			window.removeEventListener("resize", e), clearInterval(t);
 		};
 	}, [
-		U,
+		H,
 		n,
 		e,
 		t
 	]);
-	let W = (e) => {
+	let U = (e) => {
 		p((t) => t === e ? null : e);
-	}, G = (e) => {
+	}, W = (e) => {
 		f && r.connect(f, e);
-	}, K = (e) => {
+	}, G = (e) => {
 		let t = s(e);
 		return t ? n.some((e) => e.sourceId === t.originId && e.resolve === t.resolve) : n.some((t) => t.sourceId === e);
-	}, q = (e) => n.find((t) => t.propertyName === e), ee = (t) => {
+	}, q = (e) => n.find((t) => t.propertyName === e), J = (t) => {
 		if (m) return t.propertyName === m;
-		if (O) {
+		if (g) {
 			let n = $(t, e);
-			return t.sourceId === O || n === O;
+			return t.sourceId === g || n === g;
 		}
 		return !1;
-	}, J = m != null || O != null, te = _(() => z(e, n, t), [
+	}, ee = m != null || g != null, Y = w(() => K(e, n, t), [
 		e,
 		n,
 		t
-	]), { coverage: Y } = r, ne = A(c.preview);
-	return /* @__PURE__ */ S(b, { children: [
-		/* @__PURE__ */ S("div", {
-			className: D("toolbar", l),
-			children: [c.autoMap && /* @__PURE__ */ x(d, {
-				className: D("autoMapButton", l),
+	]), { coverage: X } = r, te = L(c.preview);
+	return /* @__PURE__ */ k(D, { children: [
+		/* @__PURE__ */ k("div", {
+			className: P("toolbar", l),
+			children: [c.autoMap && /* @__PURE__ */ O(d, {
+				className: P("autoMapButton", l),
 				onClick: () => r.autoMap(),
 				children: "Auto-map"
-			}), /* @__PURE__ */ S("span", {
-				className: D("coverage", l),
+			}), /* @__PURE__ */ k("span", {
+				className: P("coverage", l),
 				children: [
-					Y.mapped,
+					X.mapped,
 					" / ",
-					Y.total,
+					X.total,
 					" mapped",
-					Y.missingRequired.length > 0 ? ` · ${Y.missingRequired.length} required missing` : "",
+					X.missingRequired.length > 0 ? ` · ${X.missingRequired.length} required missing` : "",
 					f ? " · click properties (source stays selected)" : " · click a source"
 				]
 			})]
 		}),
-		/* @__PURE__ */ S("div", {
+		/* @__PURE__ */ k("div", {
 			className: "fm-grid",
-			ref: L,
+			ref: I,
 			children: [
-				/* @__PURE__ */ x("svg", {
+				/* @__PURE__ */ O("svg", {
 					className: "fm-svg",
-					width: N.width,
-					height: N.height,
-					children: F.map((e) => {
-						let t = ee(e.mapping), n = (e.x1 + e.x2) / 2;
-						return /* @__PURE__ */ x("path", {
+					width: b.width,
+					height: b.height,
+					children: N.map((e) => {
+						let t = J(e.mapping), n = (e.x1 + e.x2) / 2;
+						return /* @__PURE__ */ O("path", {
 							className: "fm-connector",
 							"data-mapping-index": e.mappingIndex,
-							"data-pair": Q(e.mappingIndex),
+							"data-pair": he(e.mappingIndex),
 							d: `M ${e.x1} ${e.y1} C ${n} ${e.y1}, ${n} ${e.y2}, ${e.x2} ${e.y2}`,
 							stroke: e.stroke,
 							strokeWidth: t ? 3 : 2,
 							fill: "none",
-							opacity: J && !t ? .25 : .85
+							opacity: ee && !t ? .25 : .85
 						}, `${e.mapping.sourceId}-${e.mapping.propertyName}-${e.mapping.resolve ?? "copy"}`);
 					})
 				}),
-				/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("div", {
+				/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("div", {
 					className: "fm-col-title",
 					children: "Sources"
 				}), e.map((t) => {
-					let i = K(t.id), a = f === t.id, o = H.get(t.id) ?? [], s = o[0], c = O === t.id || m != null && n.some((n) => {
+					let i = G(t.id), a = f === t.id, o = V.get(t.id) ?? [], s = o[0], c = g === t.id || m != null && n.some((n) => {
 						let r = $(n, e);
 						return (n.sourceId === t.id || r === t.id) && n.propertyName === m;
 					});
-					return /* @__PURE__ */ S("div", {
+					return /* @__PURE__ */ k("div", {
 						ref: (e) => {
 							R.current[t.id] = e;
 						},
@@ -732,74 +774,74 @@ function ye({ sources: e, targets: t, mappings: n, mapper: r, onLookupsChange: i
 						"data-source-id": t.id,
 						...o.length > 0 ? {
 							"data-mapping-index": o.join(" "),
-							"data-pair": String(Q(s))
+							"data-pair": String(he(s))
 						} : {},
-						onClick: () => W(t.id),
-						onMouseEnter: () => k(t.id),
-						onMouseLeave: () => k(null),
-						children: [/* @__PURE__ */ S("div", {
+						onClick: () => U(t.id),
+						onMouseEnter: () => _(t.id),
+						onMouseLeave: () => _(null),
+						children: [/* @__PURE__ */ k("div", {
 							className: "fm-prop-row",
-							children: [/* @__PURE__ */ S("div", {
+							children: [/* @__PURE__ */ k("div", {
 								className: "fm-label",
 								children: [
 									t.label,
-									t.subtitle ? /* @__PURE__ */ x("span", {
+									t.subtitle ? /* @__PURE__ */ O("span", {
 										className: "fm-kind",
 										children: t.subtitle
 									}) : null,
-									/* @__PURE__ */ x("span", {
+									/* @__PURE__ */ O("span", {
 										className: "fm-kind",
 										children: t.kind
 									})
 								]
-							}), i && /* @__PURE__ */ x(d, {
-								className: D("removeButton", l),
+							}), i && /* @__PURE__ */ O(d, {
+								className: P("removeButton", l),
 								"aria-label": "Remove all mappings for source",
 								onClick: (e) => {
 									e.stopPropagation(), r.removeBySource(t.id);
 								},
 								children: "×"
 							})]
-						}), /* @__PURE__ */ x("div", {
+						}), /* @__PURE__ */ O("div", {
 							className: "fm-value",
-							children: ve(t.value, 80)
+							children: De(t.value, 80)
 						})]
 					}, t.id);
 				})] }),
-				/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("div", {
+				/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("div", {
 					className: "fm-col-title",
 					children: "Model properties"
 				}), t.map((t) => {
-					let n = q(t.name), i = V.get(t.name), a = m === t.name || O != null && n != null && (n.sourceId === O || $(n, e) === O);
-					return /* @__PURE__ */ S("div", {
+					let n = q(t.name), i = B.get(t.name), a = m === t.name || g != null && n != null && (n.sourceId === g || $(n, e) === g);
+					return /* @__PURE__ */ k("div", {
 						ref: (e) => {
-							B.current[t.name] = e;
+							z.current[t.name] = e;
 						},
 						className: `fm-card${n ? " mapped" : ""}${a ? " highlight" : ""}`,
 						"data-property-name": t.name,
 						...i == null ? {} : {
 							"data-mapping-index": String(i),
-							"data-pair": String(Q(i))
+							"data-pair": String(he(i))
 						},
-						onClick: () => G(t.name),
-						onMouseEnter: () => E(t.name),
-						onMouseLeave: () => E(null),
-						children: [/* @__PURE__ */ S("div", {
+						onClick: () => W(t.name),
+						onMouseEnter: () => h(t.name),
+						onMouseLeave: () => h(null),
+						children: [/* @__PURE__ */ k("div", {
 							className: "fm-prop-row",
-							children: [/* @__PURE__ */ x("div", {
+							children: [/* @__PURE__ */ O("div", {
 								className: "fm-label",
 								children: t.name
-							}), /* @__PURE__ */ S("div", {
+							}), /* @__PURE__ */ k("div", {
 								style: {
 									display: "flex",
 									alignItems: "center",
 									gap: 4
 								},
-								children: [/* @__PURE__ */ S("span", {
+								children: [/* @__PURE__ */ k("span", {
 									className: "fm-dtype",
 									children: [t.dataType, t.ref ? ` → ${t.ref}` : ""]
-								}), n && /* @__PURE__ */ x(d, {
-									className: D("removeButton", l),
+								}), n && /* @__PURE__ */ O(d, {
+									className: P("removeButton", l),
 									"aria-label": "Remove mapping for property",
 									onClick: (e) => {
 										e.stopPropagation(), r.removeRow(t.name);
@@ -807,7 +849,7 @@ function ye({ sources: e, targets: t, mappings: n, mapper: r, onLookupsChange: i
 									children: "×"
 								})]
 							})]
-						}), n && /* @__PURE__ */ S("div", {
+						}), n && /* @__PURE__ */ k("div", {
 							className: "fm-value",
 							children: [
 								"← ",
@@ -819,15 +861,15 @@ function ye({ sources: e, targets: t, mappings: n, mapper: r, onLookupsChange: i
 				})] })
 			]
 		}),
-		c.lookups === "section" && a && r.rows.filter((e) => e.mapping?.resolve === "lookup").map((e) => /* @__PURE__ */ x("div", {
-			className: D("lookupEditor", l),
+		c.lookups === "section" && a && r.rows.filter((e) => e.mapping?.resolve === "lookup").map((e) => /* @__PURE__ */ O("div", {
+			className: P("lookupEditor", l),
 			children: a({
 				...e,
 				sampleValue: e.sampleValue ?? "",
 				onLookupChange: (t) => r.setLookupEntries(e.id, t)
 			})
 		}, e.id)),
-		c.lookups === "section" && !a && i && /* @__PURE__ */ x(X, {
+		c.lookups === "section" && !a && i && /* @__PURE__ */ O(Q, {
 			mode: "section",
 			mappings: n,
 			sources: e,
@@ -838,96 +880,126 @@ function ye({ sources: e, targets: t, mappings: n, mapper: r, onLookupsChange: i
 			},
 			classNames: l
 		}),
-		ne && /* @__PURE__ */ S("details", {
-			className: D("jsonPreview", l),
-			open: j,
-			onToggle: (e) => M(e.target.open),
-			children: [/* @__PURE__ */ x("summary", { children: "Preview JSON" }), /* @__PURE__ */ x("pre", {
+		te && /* @__PURE__ */ k("details", {
+			className: P("jsonPreview", l),
+			open: v,
+			onToggle: (e) => y(e.target.open),
+			children: [/* @__PURE__ */ O("summary", { children: "Preview JSON" }), /* @__PURE__ */ O("pre", {
 				className: "fm-preview-body",
-				children: JSON.stringify(te, null, 2)
+				children: JSON.stringify(Y, null, 2)
 			})]
 		})
 	] });
 }
 //#endregion
+//#region src/react/fieldMapperTransforms.ts
+function ke(e) {
+	let t = [
+		{
+			value: "",
+			label: "copy"
+		},
+		{
+			value: "extract",
+			label: "extract"
+		},
+		{
+			value: "file",
+			label: "file"
+		},
+		{
+			value: "lookup",
+			label: "lookup"
+		}
+	];
+	e.target?.dataType === "Html" && t.push({
+		value: "assemble",
+		label: "assemble"
+	});
+	let n = e.mapping?.resolve;
+	return n && !t.some((e) => e.value === n) && t.push({
+		value: n,
+		label: n
+	}), t;
+}
+function Ae(e, t) {
+	let n = ke(e);
+	return t ? t(e, n) : n;
+}
+function je(e, t) {
+	return e.mapping?.sourceId || e.mapping?.resolve === "derive" ? !0 : t.some((e) => e.value === "derive");
+}
+function Me(e) {
+	return !e.mapping?.sourceId && e.mapping?.resolve === "derive";
+}
+//#endregion
 //#region src/react/PropertyRows.tsx
-var be = [
-	{
-		value: "",
-		label: "copy"
-	},
-	{
-		value: "extract",
-		label: "extract"
-	},
-	{
-		value: "file",
-		label: "file"
-	},
-	{
-		value: "lookup",
-		label: "lookup"
-	}
-];
-function xe({ sources: e, targets: t, mappings: n, mapper: r, defaultRows: i = "requiredAndMapped", onLookupsChange: a, slots: o, classNames: s, ui: c = {
-	Select: C,
-	Button: w,
-	Pill: T
-}, renderRowAccessory: l, renderLookup: u }) {
-	let d = c.Select, f = c.Button, p = c.Pill, [m, h] = y(i), [g, v] = y(() => /* @__PURE__ */ new Set()), [E, O] = y(!1), [M, P] = y(!1), [F, I] = y(null), [L, R] = y(!1), B = _(() => re(t, n, m, g), [
+function Ne({ sources: e, targets: t, mappings: n, mapper: r, defaultRows: i = "requiredAndMapped", onLookupsChange: a, slots: o, classNames: s, ui: c = {
+	Select: A,
+	Button: j,
+	Pill: M
+}, renderRowAccessory: l, renderLookup: u, renderRowExpansion: d, transformOptions: f }) {
+	let p = c.Select, m = c.Button, h = c.Pill, [g, _] = E(i), [v, y] = E(() => /* @__PURE__ */ new Set()), [b, x] = E(!1), [S, C] = E(!1), [T, N] = E(null), [F, z] = E(!1), V = w(() => ue(t, n, g, v), [
 		t,
 		n,
-		m,
-		g
-	]), V = _(() => B == null ? r.rows : r.rows.filter((e) => B.has(e.id)), [r.rows, B]), H = _(() => {
+		g,
+		v
+	]), H = w(() => V == null ? r.rows : r.rows.filter((e) => V.has(e.id)), [r.rows, V]), U = w(() => {
 		let e = /* @__PURE__ */ new Map();
 		for (let t of n) {
+			if (!t.sourceId) continue;
 			let n = e.get(t.sourceId) ?? [];
 			n.push(t.propertyName), e.set(t.sourceId, n);
 		}
 		return e;
-	}, [n]), U = _(() => z(e, n, t), [
+	}, [n]), W = w(() => K(e, n, t), [
 		e,
 		n,
 		t
-	]), { coverage: W, sourceOptions: G, addableProperties: K } = r, q = A(o.preview), ee = k(o.preview), J = o.lookups === "row" && (!!u || !!a), te = o.lookups === "section" && !u && !!a, Y = (e) => {
-		r.addRow(e), v((t) => new Set(t).add(e)), P(!1);
-	}, ne = (e) => {
-		I(e), P(!0);
+	]), { coverage: G, sourceOptions: q, addableProperties: J } = r, ee = L(o.preview), Y = I(o.preview), X = o.lookups === "row" && (!!u || !!a), te = o.lookups === "section" && !u && !!a, ne = (e) => {
+		r.addRow(e), y((t) => new Set(t).add(e)), C(!1);
+	}, Z = (e) => {
+		r.removeRow(e), y((t) => {
+			if (!t.has(e)) return t;
+			let n = new Set(t);
+			return n.delete(e), n;
+		});
+	}, re = (e) => {
+		N(e), C(!0);
 	}, ie = (e) => {
-		Y(e), F && (r.setSource(e, F), I(null));
+		ne(e), T && (r.setSource(e, T), N(null));
 	};
-	return /* @__PURE__ */ S(b, { children: [
-		/* @__PURE__ */ S("div", {
-			className: D("toolbar", s),
-			children: [o.autoMap && /* @__PURE__ */ x(f, {
-				className: D("autoMapButton", s),
+	return /* @__PURE__ */ k(D, { children: [
+		/* @__PURE__ */ k("div", {
+			className: P("toolbar", s),
+			children: [o.autoMap && /* @__PURE__ */ O(m, {
+				className: P("autoMapButton", s),
 				onClick: () => r.autoMap(),
 				children: "Auto-map"
-			}), /* @__PURE__ */ S("span", {
-				className: D("coverage", s),
+			}), /* @__PURE__ */ k("span", {
+				className: P("coverage", s),
 				children: [
-					W.mapped,
+					G.mapped,
 					" of ",
-					W.total,
+					G.total,
 					" properties mapped",
-					W.missingRequired.length > 0 ? ` · ${W.missingRequired.length} required missing` : ""
+					G.missingRequired.length > 0 ? ` · ${G.missingRequired.length} required missing` : ""
 				]
 			})]
 		}),
-		o.filter && /* @__PURE__ */ S("div", {
-			className: D("filter", s),
+		o.filter && /* @__PURE__ */ k("div", {
+			className: P("filter", s),
 			role: "group",
 			"aria-label": "Row filter",
-			children: [/* @__PURE__ */ x(f, {
+			children: [/* @__PURE__ */ O(m, {
 				className: "fm-btn",
-				"aria-pressed": m === "requiredAndMapped",
-				onClick: () => h("requiredAndMapped"),
+				"aria-pressed": g === "requiredAndMapped",
+				onClick: () => _("requiredAndMapped"),
 				children: "Mapped + required"
-			}), /* @__PURE__ */ S(f, {
+			}), /* @__PURE__ */ k(m, {
 				className: "fm-btn",
-				"aria-pressed": m === "all",
-				onClick: () => h("all"),
+				"aria-pressed": g === "all",
+				onClick: () => _("all"),
 				children: [
 					"All ",
 					t.length,
@@ -935,117 +1007,123 @@ function xe({ sources: e, targets: t, mappings: n, mapper: r, defaultRows: i = "
 				]
 			})]
 		}),
-		/* @__PURE__ */ x("div", {
-			className: D("rowList", s),
-			children: V.map((n) => {
-				let i = n.mapping?.resolve ?? "";
-				return /* @__PURE__ */ S("div", {
-					className: D("row", s),
+		/* @__PURE__ */ O("div", {
+			className: P("rowList", s),
+			children: H.map((n) => {
+				let i = n.mapping?.resolve ?? "", a = Ae(n, f), o = je(n, a);
+				return /* @__PURE__ */ k("div", {
+					className: P("row", s),
 					"data-state": n.state,
 					"data-property-name": n.id,
 					"data-required": n.target?.required ? "true" : void 0,
 					"data-resolve": n.mapping?.resolve,
 					"data-source-kind": n.source?.kind,
 					children: [
-						/* @__PURE__ */ S("div", {
+						/* @__PURE__ */ k("div", {
 							className: "fm-row-main",
 							children: [
-								/* @__PURE__ */ S("div", {
+								/* @__PURE__ */ k("div", {
 									className: "fm-row-prop",
-									children: [/* @__PURE__ */ S("div", {
-										className: D("propertyLabel", s),
+									children: [/* @__PURE__ */ k("div", {
+										className: P("propertyLabel", s),
 										children: [n.target?.name, n.target?.required ? " *" : ""]
-									}), /* @__PURE__ */ x(p, {
-										className: D("dataType", s),
+									}), /* @__PURE__ */ O(h, {
+										className: P("dataType", s),
 										children: n.target?.dataType
 									})]
 								}),
-								/* @__PURE__ */ S(d, {
-									className: D("sourceSelect", s),
+								/* @__PURE__ */ k(p, {
+									className: P("sourceSelect", s),
 									"aria-label": `Source for ${n.id}`,
 									value: n.mapping?.sourceId ?? "",
 									onChange: (e) => {
 										r.setSource(n.id, e || null);
 									},
-									children: [/* @__PURE__ */ x("option", {
+									children: [/* @__PURE__ */ O("option", {
 										value: "",
 										children: "Choose a source field…"
-									}), G.map((e) => /* @__PURE__ */ x("option", {
+									}), q.map((e) => /* @__PURE__ */ O("option", {
 										value: e.value,
 										children: e.label
 									}, e.value))]
 								}),
-								n.mapping?.sourceId ? /* @__PURE__ */ x(d, {
-									className: D("transformSelect", s),
+								o ? /* @__PURE__ */ O(p, {
+									className: P("transformSelect", s),
 									"aria-label": `Transform for ${n.id}`,
 									value: i,
+									disabled: Me(n),
 									onChange: (e) => {
 										r.setTransform(n.id, e || null);
 									},
-									children: be.map((e) => /* @__PURE__ */ x("option", {
+									children: a.map((e) => /* @__PURE__ */ O("option", {
 										value: e.value,
+										disabled: e.disabled,
 										children: e.label
 									}, e.label))
-								}) : /* @__PURE__ */ x(p, {
-									className: D("dataType", s),
+								}) : /* @__PURE__ */ O(h, {
+									className: P("dataType", s),
 									children: n.target?.dataType
 								}),
-								/* @__PURE__ */ x("div", {
-									className: D("rowAccessory", s),
+								/* @__PURE__ */ O("div", {
+									className: P("rowAccessory", s),
 									children: l?.(n) ?? null
 								}),
-								/* @__PURE__ */ x(f, {
-									className: D("removeButton", s),
+								/* @__PURE__ */ O(m, {
+									className: P("removeButton", s),
 									"aria-label": `Remove mapping for ${n.id}`,
-									onClick: () => r.removeRow(n.id),
+									onClick: () => Z(n.id),
 									children: "×"
 								})
 							]
 						}),
-						ee && n.preview && /* @__PURE__ */ x("div", {
-							className: D("preview", s),
+						Y && n.preview && /* @__PURE__ */ O("div", {
+							className: P("preview", s),
 							children: n.preview
 						}),
-						n.state === "needsResolve" && n.requiredResolve && /* @__PURE__ */ S("div", {
-							className: D("validation", s),
+						n.state === "needsResolve" && n.requiredResolve && /* @__PURE__ */ k("div", {
+							className: P("validation", s),
 							children: ["needs ", n.requiredResolve]
 						}),
-						n.state === "needsLookup" && /* @__PURE__ */ x("div", {
-							className: D("validation", s),
+						n.state === "needsLookup" && /* @__PURE__ */ O("div", {
+							className: P("validation", s),
 							children: "needs lookup"
 						}),
-						J && n.mapping?.resolve === "lookup" && n.mapping && (u ? /* @__PURE__ */ x("div", {
-							className: D("lookupEditor", s),
+						X && n.mapping?.resolve === "lookup" && n.mapping && (u ? /* @__PURE__ */ O("div", {
+							className: P("lookupEditor", s),
 							children: u({
 								...n,
 								sampleValue: n.sampleValue ?? "",
 								onLookupChange: (e) => r.setLookupEntries(n.id, e)
 							})
-						}) : /* @__PURE__ */ x(X, {
+						}) : /* @__PURE__ */ O(Q, {
 							mode: "row",
 							mappings: [n.mapping],
 							sources: e,
 							targets: t,
 							onLookupChange: (e, t) => r.setLookupEntries(n.id, t),
 							classNames: s
-						}))
+						})),
+						/* @__PURE__ */ O("div", {
+							className: P("rowExpansion", s),
+							children: d?.(n) ?? null
+						})
 					]
 				}, n.id);
 			})
 		}),
-		/* @__PURE__ */ x("div", {
+		/* @__PURE__ */ O("div", {
 			style: { marginTop: 10 },
-			children: M ? /* @__PURE__ */ S(d, {
-				className: D("sourceSelect", s),
+			children: S ? /* @__PURE__ */ k(p, {
+				className: P("sourceSelect", s),
 				"aria-label": "Add property mapping",
 				value: "",
 				onChange: (e) => {
 					e && ie(e);
 				},
-				children: [/* @__PURE__ */ x("option", {
+				children: [/* @__PURE__ */ O("option", {
 					value: "",
 					children: "Choose a property…"
-				}), K.map((e) => /* @__PURE__ */ S("option", {
+				}), J.map((e) => /* @__PURE__ */ k("option", {
 					value: e.name,
 					children: [
 						e.name,
@@ -1055,51 +1133,51 @@ function xe({ sources: e, targets: t, mappings: n, mapper: r, defaultRows: i = "
 						")"
 					]
 				}, e.name))]
-			}) : /* @__PURE__ */ x(f, {
-				className: D("addButton", s),
-				onClick: () => P(!0),
-				disabled: K.length === 0,
+			}) : /* @__PURE__ */ O(m, {
+				className: P("addButton", s),
+				onClick: () => C(!0),
+				disabled: J.length === 0,
 				children: "+ Add mapping"
 			})
 		}),
-		o.inspector && /* @__PURE__ */ S("details", {
-			className: D("inspector", s),
-			open: E,
-			onToggle: (e) => O(e.target.open),
-			children: [/* @__PURE__ */ S("summary", { children: [
+		o.inspector && /* @__PURE__ */ k("details", {
+			className: P("inspector", s),
+			open: b,
+			onToggle: (e) => x(e.target.open),
+			children: [/* @__PURE__ */ k("summary", { children: [
 				"Source fields (",
-				N(e).length,
+				B(e).length,
 				")"
-			] }), N(e).map((e) => {
-				let t = H.get(e.id) ?? [];
-				return /* @__PURE__ */ S("div", {
+			] }), B(e).map((e) => {
+				let t = U.get(e.id) ?? [];
+				return /* @__PURE__ */ k("div", {
 					className: "fm-inspector-row",
 					children: [
-						/* @__PURE__ */ S("div", { children: [
-							/* @__PURE__ */ x("strong", { children: e.label }),
-							e.subtitle ? /* @__PURE__ */ x("div", {
+						/* @__PURE__ */ k("div", { children: [
+							/* @__PURE__ */ O("strong", { children: e.label }),
+							e.subtitle ? /* @__PURE__ */ O("div", {
 								className: "fm-value",
 								children: e.subtitle
 							}) : null,
-							/* @__PURE__ */ x("div", {
+							/* @__PURE__ */ O("div", {
 								className: "fm-value",
-								children: j(e.value, 60)
+								children: R(e.value, 60)
 							})
 						] }),
-						/* @__PURE__ */ x("div", {
+						/* @__PURE__ */ O("div", {
 							className: "fm-value",
 							children: t.length > 0 ? `→ ${t.join(", ")}` : "unused"
 						}),
-						/* @__PURE__ */ x(f, {
+						/* @__PURE__ */ O(m, {
 							className: "fm-btn",
-							onClick: () => ne(e.id),
+							onClick: () => re(e.id),
 							children: "Map this"
 						})
 					]
 				}, e.id);
 			})]
 		}),
-		te && /* @__PURE__ */ x(X, {
+		te && /* @__PURE__ */ O(Q, {
 			mode: "section",
 			mappings: n,
 			sources: e,
@@ -1110,198 +1188,186 @@ function xe({ sources: e, targets: t, mappings: n, mapper: r, defaultRows: i = "
 			},
 			classNames: s
 		}),
-		q && /* @__PURE__ */ S("details", {
-			className: D("jsonPreview", s),
-			open: L,
-			onToggle: (e) => R(e.target.open),
-			children: [/* @__PURE__ */ x("summary", { children: "Preview JSON" }), /* @__PURE__ */ x("pre", {
+		ee && /* @__PURE__ */ k("details", {
+			className: P("jsonPreview", s),
+			open: F,
+			onToggle: (e) => z(e.target.open),
+			children: [/* @__PURE__ */ O("summary", { children: "Preview JSON" }), /* @__PURE__ */ O("pre", {
 				className: "fm-preview-body",
-				children: JSON.stringify(U, null, 2)
+				children: JSON.stringify(W, null, 2)
 			})]
 		})
 	] });
 }
 //#endregion
 //#region src/react/SourceRows.tsx
-var Se = [
-	{
-		value: "",
-		label: "copy"
-	},
-	{
-		value: "extract",
-		label: "extract"
-	},
-	{
-		value: "file",
-		label: "file"
-	},
-	{
-		value: "lookup",
-		label: "lookup"
-	}
-];
-function Ce({ sources: e, targets: t, mappings: n, mapper: r, onLookupsChange: i, slots: a, classNames: o, ui: s = {
-	Select: C,
-	Button: w,
-	Pill: T
-}, renderRowAccessory: c, renderLookup: l }) {
-	let u = s.Select, d = s.Button, [f, p] = y(!1), { rows: m, sourceOptions: h, propertyOptions: g, coverage: v, conflicts: E, setSource: O, setProperty: j, setTransform: M, addRow: N, removeRow: P, autoMap: F } = r, I = _(() => z(e, n, t), [
+function Pe({ sources: e, targets: t, mappings: n, mapper: r, onLookupsChange: i, slots: a, classNames: o, ui: s = {
+	Select: A,
+	Button: j,
+	Pill: M
+}, renderRowAccessory: c, renderLookup: l, renderRowExpansion: u, transformOptions: d }) {
+	let f = s.Select, p = s.Button, [m, h] = E(!1), { rows: g, sourceOptions: _, propertyOptions: v, coverage: y, conflicts: b, setSource: x, setProperty: S, setTransform: C, addRow: T, removeRow: N, autoMap: F } = r, R = w(() => K(e, n, t), [
 		e,
 		n,
 		t
-	]), L = A(a.preview), R = k(a.preview), B = a.lookups === "row" && (!!l || !!i), V = a.lookups === "section" && !l && !!i;
-	return /* @__PURE__ */ S(b, { children: [
-		/* @__PURE__ */ S("div", {
-			className: D("toolbar", o),
-			children: [a.autoMap && /* @__PURE__ */ x(d, {
-				className: D("autoMapButton", o),
+	]), z = L(a.preview), B = I(a.preview), V = a.lookups === "row" && (!!l || !!i), H = a.lookups === "section" && !l && !!i;
+	return /* @__PURE__ */ k(D, { children: [
+		/* @__PURE__ */ k("div", {
+			className: P("toolbar", o),
+			children: [a.autoMap && /* @__PURE__ */ O(p, {
+				className: P("autoMapButton", o),
 				onClick: () => F(),
 				children: "Auto-map"
-			}), /* @__PURE__ */ S("span", {
-				className: D("coverage", o),
+			}), /* @__PURE__ */ k("span", {
+				className: P("coverage", o),
 				children: [
-					v.mapped,
+					y.mapped,
 					" of ",
-					v.total,
+					y.total,
 					" mapped",
-					v.missingRequired.length > 0 ? ` · ${v.missingRequired.length} required missing: ${v.missingRequired.join(", ")}` : ""
+					y.missingRequired.length > 0 ? ` · ${y.missingRequired.length} required missing: ${y.missingRequired.join(", ")}` : ""
 				]
 			})]
 		}),
-		E.size > 0 && /* @__PURE__ */ S("div", {
+		b.size > 0 && /* @__PURE__ */ k("div", {
 			className: "fm-banner fm-banner-danger",
 			role: "alert",
 			children: [
-				E.size,
+				b.size,
 				" row",
-				E.size === 1 ? "" : "s",
+				b.size === 1 ? "" : "s",
 				" claim the same property — each property can only have one source."
 			]
 		}),
-		v.missingRequired.length > 0 && /* @__PURE__ */ S("div", {
+		y.missingRequired.length > 0 && /* @__PURE__ */ k("div", {
 			className: "fm-banner fm-banner-warn",
 			role: "status",
-			children: ["Required missing: ", v.missingRequired.join(", ")]
+			children: ["Required missing: ", y.missingRequired.join(", ")]
 		}),
-		/* @__PURE__ */ x("div", {
-			className: D("rowList", o),
-			children: m.map((n) => {
-				let i = n.mapping?.resolve ?? "", a = n.source?.id ?? n.mapping?.sourceId ?? "", s = n.target?.name ?? n.mapping?.propertyName ?? "";
-				return /* @__PURE__ */ S("div", {
-					className: D("row", o),
+		/* @__PURE__ */ O("div", {
+			className: P("rowList", o),
+			children: g.map((n) => {
+				let i = n.mapping?.resolve ?? "", a = n.source?.id ?? n.mapping?.sourceId ?? "", s = n.target?.name ?? n.mapping?.propertyName ?? "", m = Ae(n, d), h = je(n, m);
+				return /* @__PURE__ */ k("div", {
+					className: P("row", o),
 					"data-state": n.state,
 					"data-property-name": s || void 0,
 					"data-required": n.target?.required ? "true" : void 0,
 					"data-resolve": n.mapping?.resolve,
 					"data-source-kind": n.source?.kind,
 					children: [
-						/* @__PURE__ */ S("div", {
+						/* @__PURE__ */ k("div", {
 							className: "fm-row-main fm-row-main-source",
 							children: [
-								/* @__PURE__ */ S(u, {
-									className: D("sourceSelect", o),
+								/* @__PURE__ */ k(f, {
+									className: P("sourceSelect", o),
 									"aria-label": "Source field",
 									value: a,
 									onChange: (e) => {
-										O(n.id, e || null);
+										x(n.id, e || null);
 									},
-									children: [/* @__PURE__ */ x("option", {
+									children: [/* @__PURE__ */ O("option", {
 										value: "",
 										children: "Choose a source field…"
-									}), h.map((e) => /* @__PURE__ */ x("option", {
+									}), _.map((e) => /* @__PURE__ */ O("option", {
 										value: e.value,
 										children: e.label
 									}, e.value))]
 								}),
-								a ? /* @__PURE__ */ x(u, {
-									className: D("transformSelect", o),
+								h ? /* @__PURE__ */ O(f, {
+									className: P("transformSelect", o),
 									"aria-label": "Transform",
 									value: i,
+									disabled: Me(n),
 									onChange: (e) => {
-										M(n.id, e || null);
+										C(n.id, e || null);
 									},
-									children: Se.map((e) => /* @__PURE__ */ x("option", {
+									children: m.map((e) => /* @__PURE__ */ O("option", {
 										value: e.value,
+										disabled: e.disabled,
 										children: e.label
 									}, e.label))
-								}) : /* @__PURE__ */ x("span", { className: "fm-into" }),
-								/* @__PURE__ */ x("span", {
+								}) : /* @__PURE__ */ O("span", { className: "fm-into" }),
+								/* @__PURE__ */ O("span", {
 									className: "fm-into",
 									children: "into"
 								}),
-								/* @__PURE__ */ S(u, {
-									className: D("sourceSelect", o),
+								/* @__PURE__ */ k(f, {
+									className: P("sourceSelect", o),
 									"aria-label": "Target property",
 									value: s,
 									onChange: (e) => {
-										e && j(n.id, e);
+										e && S(n.id, e);
 									},
-									children: [/* @__PURE__ */ x("option", {
+									children: [/* @__PURE__ */ O("option", {
 										value: "",
 										children: "Choose a property…"
-									}), g.map((e) => /* @__PURE__ */ x("option", {
+									}), v.map((e) => /* @__PURE__ */ O("option", {
 										value: e.value,
 										children: e.label
 									}, e.value))]
 								}),
-								/* @__PURE__ */ x("div", {
-									className: D("rowAccessory", o),
+								/* @__PURE__ */ O("div", {
+									className: P("rowAccessory", o),
 									children: c?.(n) ?? null
 								}),
-								/* @__PURE__ */ x(d, {
-									className: D("removeButton", o),
+								/* @__PURE__ */ O(p, {
+									className: P("removeButton", o),
 									"aria-label": "Remove row",
-									onClick: () => P(n.id),
+									onClick: () => N(n.id),
 									children: "×"
 								})
 							]
 						}),
-						R && n.preview && /* @__PURE__ */ x("div", {
-							className: D("preview", o),
+						B && n.preview && /* @__PURE__ */ O("div", {
+							className: P("preview", o),
 							children: n.preview
 						}),
-						n.state === "needsResolve" && n.requiredResolve && /* @__PURE__ */ S("div", {
-							className: D("validation", o),
+						n.state === "needsResolve" && n.requiredResolve && /* @__PURE__ */ k("div", {
+							className: P("validation", o),
 							children: ["needs ", n.requiredResolve]
 						}),
-						n.state === "needsLookup" && /* @__PURE__ */ x("div", {
-							className: D("validation", o),
+						n.state === "needsLookup" && /* @__PURE__ */ O("div", {
+							className: P("validation", o),
 							children: "needs lookup"
 						}),
-						n.state === "conflict" && /* @__PURE__ */ x("div", {
-							className: D("validation", o),
+						n.state === "conflict" && /* @__PURE__ */ O("div", {
+							className: P("validation", o),
 							style: { color: "var(--fm-danger)" },
 							children: "property already mapped by another row"
 						}),
-						B && n.mapping?.resolve === "lookup" && n.mapping && (l ? /* @__PURE__ */ x("div", {
-							className: D("lookupEditor", o),
+						V && n.mapping?.resolve === "lookup" && n.mapping && (l ? /* @__PURE__ */ O("div", {
+							className: P("lookupEditor", o),
 							children: l({
 								...n,
 								sampleValue: n.sampleValue ?? "",
 								onLookupChange: (e) => r.setLookupEntries(n.id, e)
 							})
-						}) : /* @__PURE__ */ x(X, {
+						}) : /* @__PURE__ */ O(Q, {
 							mode: "row",
 							mappings: [n.mapping],
 							sources: e,
 							targets: t,
 							onLookupChange: (e, t) => r.setLookupEntries(n.id, t),
 							classNames: o
-						}))
+						})),
+						/* @__PURE__ */ O("div", {
+							className: P("rowExpansion", o),
+							children: u?.(n) ?? null
+						})
 					]
 				}, n.id);
 			})
 		}),
-		/* @__PURE__ */ x("div", {
+		/* @__PURE__ */ O("div", {
 			style: { marginTop: 10 },
-			children: /* @__PURE__ */ x(d, {
-				className: D("addButton", o),
-				onClick: () => N(),
+			children: /* @__PURE__ */ O(p, {
+				className: P("addButton", o),
+				onClick: () => T(),
 				children: "+ Add mapping"
 			})
 		}),
-		V && /* @__PURE__ */ x(X, {
+		H && /* @__PURE__ */ O(Q, {
 			mode: "section",
 			mappings: n,
 			sources: e,
@@ -1312,31 +1378,35 @@ function Ce({ sources: e, targets: t, mappings: n, mapper: r, onLookupsChange: i
 			},
 			classNames: o
 		}),
-		L && /* @__PURE__ */ S("details", {
-			className: D("jsonPreview", o),
-			open: f,
-			onToggle: (e) => p(e.target.open),
-			children: [/* @__PURE__ */ x("summary", { children: "Preview JSON" }), /* @__PURE__ */ x("pre", {
+		z && /* @__PURE__ */ k("details", {
+			className: P("jsonPreview", o),
+			open: m,
+			onToggle: (e) => h(e.target.open),
+			children: [/* @__PURE__ */ O("summary", { children: "Preview JSON" }), /* @__PURE__ */ O("pre", {
 				className: "fm-preview-body",
-				children: JSON.stringify(I, null, 2)
+				children: JSON.stringify(R, null, 2)
 			})]
 		})
 	] });
 }
 //#endregion
 //#region src/react/useFieldMapper.ts
-function we({ sources: e, targets: t, mappings: n, onChange: r, lookups: i = {}, onLookupsChange: a, rowKey: o = "property", onAutoMap: s }) {
-	let [c, l] = y(() => /* @__PURE__ */ new Set()), [u, f] = y([]), m = v([]);
-	m.current = ne(m.current, n.length);
-	let g = m.current, b = h((e) => {
+function Fe({ sources: e, targets: t, mappings: n, onChange: r, lookups: i = {}, onLookupsChange: a, rowKey: o = "property", onAutoMap: s }) {
+	let [c, l] = E(() => /* @__PURE__ */ new Set()), [u, d] = E([]), p = T(n), _ = T(n);
+	_.current !== n && (_.current = n, p.current = n);
+	let y = T([]);
+	y.current = le(y.current, p.current.length);
+	let b = y.current, x = S((e) => {
+		p.current = e, y.current = le(y.current, e.length), r(e);
+	}, [r]), C = S((e) => {
 		if (!a || e.length === 0) return;
-		let t = K(i, e);
+		let t = re(i, e);
 		t && a(t);
-	}, [i, a]), x = _(() => P(e), [e]), S = _(() => F(t), [t]), C = _(() => V(t, n), [t, n]), w = _(() => new Set(n.map((e) => e.propertyName)), [n]), T = _(() => t.filter((e) => !w.has(e.name) && !c.has(e.name)), [
+	}, [i, a]), D = w(() => V(e), [e]), O = w(() => H(t), [t]), k = w(() => J(t, n), [t, n]), A = w(() => new Set(n.map((e) => e.propertyName)), [n]), j = w(() => t.filter((e) => !A.has(e.name) && !c.has(e.name)), [
 		t,
-		w,
+		A,
 		c
-	]), E = _(() => J({
+	]), M = w(() => oe({
 		targets: t,
 		mappings: n,
 		sources: e,
@@ -1346,274 +1416,283 @@ function we({ sources: e, targets: t, mappings: n, onChange: r, lookups: i = {},
 		n,
 		e,
 		i
-	]), D = _(() => te({
+	]), N = w(() => se({
 		mappings: n,
-		edgeIds: g,
+		edgeIds: b,
 		drafts: u,
 		sources: e,
 		targets: t,
 		lookups: i
 	}), [
 		n,
-		g,
+		b,
 		u,
 		e,
 		t,
 		i
-	]), O = o === "property" ? E : D.rows, k = o === "property" ? /* @__PURE__ */ new Set() : D.conflicts, A = h((i, a) => {
-		let o = q(n, e, t, i, a);
-		r(o.mappings), b(o.clearedLookupProps);
+	]), P = o === "property" ? M : N.rows, F = o === "property" ? /* @__PURE__ */ new Set() : N.conflicts, I = S((n, r) => {
+		let i = ie(p.current, e, t, n, r);
+		x(i.mappings), C(i.clearedLookupProps);
 	}, [
-		n,
 		e,
 		t,
-		r,
-		b
-	]), j = h((e) => {
-		let t = ee(n, e);
-		r(t.mappings), b(t.clearedLookupProps);
-	}, [
-		n,
-		r,
-		b
-	]), M = h(() => {
-		r(s ? s() : d(e, t)), f([]), l(/* @__PURE__ */ new Set());
+		x,
+		C
+	]), L = S((e) => {
+		let t = ae(p.current, e);
+		x(t.mappings), C(t.clearedLookupProps);
+	}, [x, C]), R = S(() => {
+		let n = s ? s() : v(e, t);
+		x(n), d([]), l(/* @__PURE__ */ new Set());
 	}, [
 		s,
 		e,
 		t,
-		r
-	]), I = h((i, a) => {
+		x
+	]), z = S((n, r) => {
+		let i = p.current;
 		if (o === "property") {
-			if (!a) {
-				let e = n.find((e) => e.propertyName === i);
-				r(n.filter((e) => e.propertyName !== i)), e?.resolve === "lookup" && b([i]);
+			if (!r) {
+				let e = i.find((e) => e.propertyName === n);
+				if (e && f(e)) {
+					x(Z(i, g(e))), e.resolve === "lookup" && C([n]);
+					return;
+				}
+				x(i.filter((e) => e.propertyName !== n)), e?.resolve === "lookup" && C([n]);
 				return;
 			}
-			let o = q(n, e, t, a, i), s = t.find((e) => e.name === i), c = N(e).find((e) => e.id === a), l = o.mappings.find((e) => e.propertyName === i);
-			if (!l.resolve) {
-				let e = L(c, s);
+			let a = ie(i, e, t, r, n), o = t.find((e) => e.name === n), s = B(e).find((e) => e.id === r), c = a.mappings.find((e) => e.propertyName === n);
+			if (!c.resolve) {
+				let e = W(s, o);
 				if (e) {
-					l = {
-						...l,
+					c = {
+						...c,
 						resolve: e
-					}, r(G(o.mappings, l)), b(o.clearedLookupProps);
+					}, x(Z(a.mappings, c)), C(a.clearedLookupProps);
 					return;
 				}
 			}
-			r(o.mappings), b(o.clearedLookupProps);
+			x(a.mappings), C(a.clearedLookupProps);
 			return;
 		}
-		let s = g.indexOf(i);
-		if (s >= 0) {
-			if (!a) {
-				let e = n[s];
-				r(n.filter((e, t) => t !== s)), e?.resolve === "lookup" && b([e.propertyName]);
+		let a = y.current.indexOf(n);
+		if (a >= 0) {
+			if (!r) {
+				let e = i[a];
+				if (e && f(e)) {
+					let t = [...i];
+					t[a] = g(e), x(t), e.resolve === "lookup" && C([e.propertyName]);
+					return;
+				}
+				let t = i.filter((e, t) => t !== a);
+				x(t), e?.resolve === "lookup" && C([e.propertyName]);
 				return;
 			}
-			let i = n[s], o = t.find((e) => e.name === i.propertyName), c = {
-				sourceId: a,
-				propertyName: i.propertyName
+			let n = i[a], o = t.find((e) => e.name === n.propertyName), s = {
+				sourceId: r,
+				propertyName: n.propertyName
 			};
-			if (c = U(c, o), !c.resolve) {
-				let t = L(N(e).find((e) => e.id === a), o);
-				t && (c = {
-					...c,
+			if (s = Y(s, o), s = m(s, n), !s.resolve) {
+				let t = W(B(e).find((e) => e.id === r), o);
+				t && (s = {
+					...s,
 					resolve: t
 				});
 			}
-			let l = [...n];
-			l[s] = c, r(l), i.resolve === "lookup" && c.resolve !== "lookup" && b([i.propertyName]);
+			let c = [...i];
+			c[a] = s, x(c), n.resolve === "lookup" && s.resolve !== "lookup" && C([n.propertyName]);
 			return;
 		}
-		f((o) => {
-			let s = o.map((n) => {
-				if (n.id !== i) return n;
-				if (!a) return {
-					id: n.id,
-					propertyName: n.propertyName
+		d((i) => {
+			let a = i.map((i) => {
+				if (i.id !== n) return i;
+				if (!r) return {
+					id: i.id,
+					propertyName: i.propertyName
 				};
-				let r = n.propertyName ? t.find((e) => e.name === n.propertyName) : void 0, o = L(N(e).find((e) => e.id === a), r), s = r && U({
-					sourceId: a,
-					propertyName: n.propertyName ?? ""
-				}, r).resolve || o || void 0;
+				let a = i.propertyName ? t.find((e) => e.name === i.propertyName) : void 0, o = W(B(e).find((e) => e.id === r), a), s = a && Y({
+					sourceId: r,
+					propertyName: i.propertyName ?? ""
+				}, a).resolve || o || void 0;
 				return {
-					id: n.id,
-					sourceId: a,
-					propertyName: n.propertyName,
+					id: i.id,
+					sourceId: r,
+					propertyName: i.propertyName,
 					resolve: s
 				};
-			}), c = s.filter((e) => e.sourceId && e.propertyName), l = s.filter((e) => !(e.sourceId && e.propertyName));
-			return c.length > 0 ? (r([...n, ...c.map((e) => ({
-				sourceId: e.sourceId,
+			}), o = a.filter((e) => e.propertyName && (e.sourceId || e.resolve === "derive")), s = a.filter((e) => !e.propertyName || !e.sourceId && e.resolve !== "derive");
+			return o.length > 0 ? (x([...p.current, ...o.map((e) => ({
+				...e.sourceId ? { sourceId: e.sourceId } : {},
 				propertyName: e.propertyName,
 				...e.resolve ? { resolve: e.resolve } : {}
-			}))]), l) : s;
+			}))]), s) : a;
 		});
 	}, [
 		o,
-		n,
 		e,
 		t,
-		r,
-		b,
-		g
-	]), R = h((i, a) => {
+		x,
+		C
+	]), U = S((n, r) => {
 		if (o === "property") return;
-		let s = g.indexOf(i);
-		if (s >= 0) {
-			let i = n[s], o = t.find((e) => e.name === a), c = N(e).find((e) => e.id === i.sourceId), l = {
-				sourceId: i.sourceId,
-				propertyName: a
+		let i = p.current, a = y.current.indexOf(n);
+		if (a >= 0) {
+			let n = i[a], o = t.find((e) => e.name === r), s = B(e).find((e) => e.id === n.sourceId), c = {
+				...n.sourceId ? { sourceId: n.sourceId } : {},
+				propertyName: r
 			};
-			if (l = U(l, o), !l.resolve) {
-				let e = L(c, o);
-				e && (l = {
-					...l,
+			if (c = Y(c, o), c = m(c, n), !c.resolve) {
+				let e = W(s, o);
+				e && (c = {
+					...c,
 					resolve: e
 				});
 			}
-			let u = [...n];
-			u[s] = l, r(u), i.resolve === "lookup" && l.resolve !== "lookup" && b([i.propertyName]), i.propertyName !== a && i.resolve === "lookup" && l.resolve === "lookup" && b([i.propertyName]);
+			let l = [...i];
+			l[a] = c, x(l), n.resolve === "lookup" && c.resolve !== "lookup" && C([n.propertyName]), n.propertyName !== r && n.resolve === "lookup" && c.resolve === "lookup" && C([n.propertyName]);
 			return;
 		}
-		f((o) => {
-			let s = o.map((n) => {
-				if (n.id !== i) return n;
-				let r = t.find((e) => e.name === a), o = n.sourceId ? N(e).find((e) => e.id === n.sourceId) : void 0, s = n.resolve;
-				n.sourceId && r && (s = U({
-					sourceId: n.sourceId,
-					propertyName: a
-				}, r).resolve ?? L(o, r) ?? void 0);
+		d((i) => {
+			let a = i.map((i) => {
+				if (i.id !== n) return i;
+				let a = t.find((e) => e.name === r), o = i.sourceId ? B(e).find((e) => e.id === i.sourceId) : void 0, s = i.resolve;
+				i.sourceId && a && (s = Y({
+					sourceId: i.sourceId,
+					propertyName: r
+				}, a).resolve ?? W(o, a) ?? void 0);
 				let c = {
-					id: n.id,
-					sourceId: n.sourceId,
-					propertyName: a,
+					id: i.id,
+					sourceId: i.sourceId,
+					propertyName: r,
 					resolve: s
 				};
 				return c.sourceId && c.propertyName, c;
-			}), c = s.filter((e) => e.sourceId && e.propertyName), l = s.filter((e) => !(e.sourceId && e.propertyName));
-			if (c.length > 0) {
-				let e = c.map((e) => ({
-					sourceId: e.sourceId,
+			}), o = a.filter((e) => e.propertyName && (e.sourceId || e.resolve === "derive")), s = a.filter((e) => !e.propertyName || !e.sourceId && e.resolve !== "derive");
+			if (o.length > 0) {
+				let e = o.map((e) => ({
+					...e.sourceId ? { sourceId: e.sourceId } : {},
 					propertyName: e.propertyName,
 					...e.resolve ? { resolve: e.resolve } : {}
 				}));
-				return r([...n, ...e]), l;
+				return x([...p.current, ...e]), s;
 			}
-			return s;
+			return a;
 		});
 	}, [
 		o,
-		g,
-		n,
 		t,
 		e,
-		r,
-		b
-	]), z = h((e, t) => {
-		let s = W(n, o, e, g, t);
-		if (!s || (r(s), !a)) return;
-		let c = o === "property" ? s.find((t) => t.propertyName === e) : s[g.indexOf(e)];
-		if (!c) return;
-		let l = Object.fromEntries((c.lookup?.entries ?? []).map((e) => [e.value, e.ref])), u = { ...i };
-		Object.keys(l).length === 0 ? delete u[c.propertyName] : u[c.propertyName] = l, a(u);
+		x,
+		C
+	]), G = S((e, t) => {
+		let n = ne(p.current, o, e, y.current, t);
+		if (!n || (x(n), !a)) return;
+		let r = o === "property" ? n.find((t) => t.propertyName === e) : n[y.current.indexOf(e)];
+		if (!r) return;
+		let s = Object.fromEntries((r.lookup?.entries ?? []).map((e) => [e.value, e.ref])), c = { ...i };
+		Object.keys(s).length === 0 ? delete c[r.propertyName] : c[r.propertyName] = s, a(c);
 	}, [
-		n,
 		o,
-		g,
-		r,
+		x,
 		a,
 		i
-	]);
+	]), K = S((e, t) => {
+		let n = X(p.current, o, e, y.current, t);
+		n && x(n);
+	}, [o, x]), q = S((e, t) => {
+		let n = te(p.current, o, e, y.current, t);
+		n && x(n);
+	}, [o, x]);
 	return {
-		rows: O,
-		sourceOptions: x,
-		propertyOptions: S,
-		addableProperties: T,
-		coverage: C,
-		conflicts: k,
-		setSource: I,
-		setProperty: R,
-		setTransform: h((e, t) => {
-			let i = (e, t) => t ? t === "lookup" ? {
-				...e,
-				resolve: t
-			} : p({
-				sourceId: e.sourceId,
-				propertyName: e.propertyName,
-				resolve: t
-			}) : {
-				sourceId: e.sourceId,
-				propertyName: e.propertyName
-			};
+		rows: P,
+		sourceOptions: D,
+		propertyOptions: O,
+		addableProperties: j,
+		coverage: k,
+		conflicts: F,
+		setSource: z,
+		setProperty: U,
+		setTransform: S((e, t) => {
+			let n = p.current;
 			if (o === "property") {
-				let a = n.find((t) => t.propertyName === e);
-				if (!a) return;
-				r(G(n, i(a, t))), a.resolve === "lookup" && t !== "lookup" && b([e]);
+				let r = n.find((t) => t.propertyName === e);
+				if (!r) {
+					t === "derive" && x(Z(n, {
+						propertyName: e,
+						resolve: "derive"
+					}));
+					return;
+				}
+				x(Z(n, h(r, t))), r.resolve === "lookup" && t !== "lookup" && C([e]);
 				return;
 			}
-			let a = g.indexOf(e);
-			if (a >= 0) {
-				let e = n[a], o = [...n];
-				o[a] = i(e, t), r(o), e.resolve === "lookup" && t !== "lookup" && b([e.propertyName]);
+			let r = y.current.indexOf(e);
+			if (r >= 0) {
+				let e = n[r], i = [...n];
+				i[r] = h(e, t), x(i), e.resolve === "lookup" && t !== "lookup" && C([e.propertyName]);
 				return;
 			}
-			f((n) => n.map((n) => n.id === e ? {
-				...n,
-				resolve: t ?? void 0
-			} : n));
+			d((n) => {
+				let r = n.map((n) => n.id === e ? {
+					...n,
+					resolve: t ?? void 0
+				} : n), i = r.filter((e) => e.propertyName && (e.sourceId || e.resolve === "derive")), a = r.filter((e) => !e.propertyName || !e.sourceId && e.resolve !== "derive");
+				return i.length > 0 ? (x([...p.current, ...i.map((e) => ({
+					...e.sourceId ? { sourceId: e.sourceId } : {},
+					propertyName: e.propertyName,
+					...e.resolve ? { resolve: e.resolve } : {}
+				}))]), a) : r;
+			});
 		}, [
 			o,
-			n,
-			g,
-			r,
-			b
+			x,
+			C
 		]),
-		setLookupEntries: z,
-		addRow: h((e) => {
+		setLookupEntries: G,
+		setAssembleBlocks: K,
+		setDerive: q,
+		addRow: S((e) => {
 			if (o === "property") {
 				e && l((t) => new Set(t).add(e));
 				return;
 			}
-			f((t) => [...t, {
-				id: Y("draft"),
+			d((t) => [...t, {
+				id: ce("draft"),
 				...e ? { propertyName: e } : {}
 			}]);
 		}, [o]),
-		removeRow: h((e) => {
+		removeRow: S((e) => {
+			let t = p.current;
 			if (o === "property") {
-				let t = n.find((t) => t.propertyName === e);
-				r(n.filter((t) => t.propertyName !== e)), t?.resolve === "lookup" && b([e]), l((t) => {
+				let n = t.find((t) => t.propertyName === e);
+				x(t.filter((t) => t.propertyName !== e)), n?.resolve === "lookup" && C([e]), l((t) => {
 					if (!t.has(e)) return t;
 					let n = new Set(t);
 					return n.delete(e), n;
 				});
 				return;
 			}
-			let t = g.indexOf(e);
-			if (t >= 0) {
-				let e = n[t];
-				r(n.filter((e, n) => n !== t)), e?.resolve === "lookup" && b([e.propertyName]);
+			let n = y.current.indexOf(e);
+			if (n >= 0) {
+				let e = t[n];
+				x(t.filter((e, t) => t !== n)), e?.resolve === "lookup" && C([e.propertyName]);
 				return;
 			}
-			f((t) => t.filter((t) => t.id !== e));
+			d((t) => t.filter((t) => t.id !== e));
 		}, [
 			o,
-			n,
-			g,
-			r,
-			b
+			x,
+			C
 		]),
-		autoMap: M,
-		connect: A,
-		removeBySource: j
+		autoMap: R,
+		connect: I,
+		removeBySource: L
 	};
 }
 //#endregion
 //#region src/react/FieldMapper.tsx
-function Te({ sources: e, targets: t, mappings: n, onChange: r, lookups: i = {}, onLookupsChange: a, onAutoMap: o, className: s, theme: c = "default", connectionColors: l, showPreview: u, layout: d = "rows", rowKey: f = "property", defaultRows: p = "requiredAndMapped", classNames: m, components: h, slots: v, renderRowAccessory: y, renderLookup: b }) {
-	let S = we({
+function Ie({ sources: e, targets: t, mappings: n, onChange: r, lookups: i = {}, onLookupsChange: a, onAutoMap: o, className: s, theme: c = "default", connectionColors: l, showPreview: u, layout: d = "rows", rowKey: f = "property", defaultRows: p = "requiredAndMapped", classNames: m, components: h, slots: g, renderRowAccessory: _, renderLookup: v, renderRowExpansion: y, transformOptions: b }) {
+	let x = Fe({
 		sources: e,
 		targets: t,
 		mappings: n,
@@ -1622,69 +1701,73 @@ function Te({ sources: e, targets: t, mappings: n, onChange: r, lookups: i = {},
 		onLookupsChange: a,
 		rowKey: d === "rows" ? f : "property",
 		onAutoMap: o
-	}), E = ce(c), k = _(() => O(v, u, { layout: d }), [
-		v,
+	}), S = _e(c), T = w(() => F(g, u, { layout: d }), [
+		g,
 		u,
 		d
-	]), A = _(() => ({
-		Select: h?.Select ?? C,
-		Button: h?.Button ?? w,
-		Pill: h?.Pill ?? T
+	]), E = w(() => ({
+		Select: h?.Select ?? A,
+		Button: h?.Button ?? j,
+		Pill: h?.Pill ?? M
 	}), [h]);
-	g(() => {
-		ge(E);
-	}, [E]);
-	let j = D("root", m, [
-		E === "none" || c === "unstyled" || c === "none" ? "seed-field-mapper--unstyled" : null,
+	C(() => {
+		Te(S);
+	}, [S]);
+	let D = P("root", m, [
+		S === "none" || c === "unstyled" || c === "none" ? "seed-field-mapper--unstyled" : null,
 		d === "rows" ? "seed-field-mapper--rows" : "seed-field-mapper--wires",
 		s
 	].filter(Boolean).join(" ") || null);
-	return /* @__PURE__ */ x("div", {
-		className: j,
-		"data-theme": E,
+	return /* @__PURE__ */ O("div", {
+		className: D,
+		"data-theme": S,
 		"data-layout": d,
 		"data-row-key": d === "rows" ? f : void 0,
-		children: d === "wires" ? /* @__PURE__ */ x(ye, {
+		children: d === "wires" ? /* @__PURE__ */ O(Oe, {
 			sources: e,
 			targets: t,
 			mappings: n,
-			mapper: S,
+			mapper: x,
 			lookups: i,
 			onLookupsChange: a,
-			renderLookup: b,
+			renderLookup: v,
 			connectionColors: l,
-			slots: k,
+			slots: T,
 			classNames: m,
-			ui: A
-		}) : f === "source" ? /* @__PURE__ */ x(Ce, {
+			ui: E
+		}) : f === "source" ? /* @__PURE__ */ O(Pe, {
 			sources: e,
 			targets: t,
 			mappings: n,
-			mapper: S,
+			mapper: x,
 			lookups: i,
 			onLookupsChange: a,
-			slots: k,
+			slots: T,
 			classNames: m,
-			ui: A,
-			renderRowAccessory: y,
-			renderLookup: b
-		}) : /* @__PURE__ */ x(xe, {
+			ui: E,
+			renderRowAccessory: _,
+			renderLookup: v,
+			renderRowExpansion: y,
+			transformOptions: b
+		}) : /* @__PURE__ */ O(Ne, {
 			sources: e,
 			targets: t,
 			mappings: n,
-			mapper: S,
+			mapper: x,
 			defaultRows: p,
 			lookups: i,
 			onLookupsChange: a,
-			slots: k,
+			slots: T,
 			classNames: m,
-			ui: A,
-			renderRowAccessory: y,
-			renderLookup: b
+			ui: E,
+			renderRowAccessory: _,
+			renderLookup: v,
+			renderRowExpansion: y,
+			transformOptions: b
 		})
 	});
 }
 //#endregion
-export { me as DEFAULT_THEME_CSS, oe as FIELD_MAPPER_PAIR_SLOTS, Te as FieldMapper, de as PAINT_THEME_CSS, E as SLOT_BASE_CLASS, ue as STRUCTURAL_THEME_CSS, Z as THEME_STYLE_ID, J as buildPropertyModeRows, P as buildSourceOptions, z as buildSyncPreviewBag, pe as buildThemeCss, V as computeCoverage, L as computeRequiredResolve, q as connectSourceToProperty, se as connectionStrokeForIndex, ge as ensureThemeInjected, re as filterPropertyNames, H as findConflicts, R as previewForEdge, _e as resetThemeInjectionForTests, O as resolveSlots, ce as resolveTheme, A as showJsonPreview, k as showRowPreview, D as slotClass, we as useFieldMapper, fe as wrapInThemeLayer };
+export { Ce as DEFAULT_THEME_CSS, pe as FIELD_MAPPER_PAIR_SLOTS, Ie as FieldMapper, be as PAINT_THEME_CSS, N as SLOT_BASE_CLASS, ye as STRUCTURAL_THEME_CSS, me as THEME_STYLE_ID, oe as buildPropertyModeRows, V as buildSourceOptions, K as buildSyncPreviewBag, Se as buildThemeCss, J as computeCoverage, W as computeRequiredResolve, ie as connectSourceToProperty, ge as connectionStrokeForIndex, ke as defaultTransformOptions, Te as ensureThemeInjected, ue as filterPropertyNames, ee as findConflicts, Me as isTransformSelectDisabled, G as previewForEdge, Ee as resetThemeInjectionForTests, F as resolveSlots, _e as resolveTheme, Ae as resolveTransformOptions, L as showJsonPreview, I as showRowPreview, je as showTransformSelect, P as slotClass, Fe as useFieldMapper, xe as wrapInThemeLayer };
 
 //# sourceMappingURL=react.js.map