@seedprotocol/mapping 0.6.0 → 0.6.1

package/dist/react.js

@@ -1,9 +1,9 @@
-import { c as e, d as t, g as n, h as r, i, l as a, m as o, n as s, p as c, t as l } from "./autoMap-PTFd4l-9.js";
-import { useCallback as u, useEffect as d, useMemo as f, useRef as p, useState as m } from "react";
-import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
+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";
 //#region src/react/fieldMapperControls.tsx
-function v({ className: e, value: t, onChange: n, children: r, disabled: i, "aria-label": a }) {
-	return /* @__PURE__ */ g("select", {
+function C({ className: e, value: t, onChange: n, children: r, disabled: i, "aria-label": a }) {
+	return /* @__PURE__ */ x("select", {
 		className: e,
 		"aria-label": a,
 		disabled: i,
@@ -12,8 +12,8 @@ function v({ className: e, value: t, onChange: n, children: r, disabled: i, "ari
 		children: r
 	});
 }
-function y({ className: e, type: t = "button", onClick: n, children: r, disabled: i, "aria-label": a, "aria-pressed": o }) {
-	return /* @__PURE__ */ g("button", {
+function w({ className: e, type: t = "button", onClick: n, children: r, disabled: i, "aria-label": a, "aria-pressed": o }) {
+	return /* @__PURE__ */ x("button", {
 		type: t,
 		className: e,
 		onClick: n,
@@ -23,15 +23,15 @@ function y({ className: e, type: t = "button", onClick: n, children: r, disabled
 		children: r
 	});
 }
-function b({ className: e, children: t }) {
-	return /* @__PURE__ */ g("span", {
+function T({ className: e, children: t }) {
+	return /* @__PURE__ */ x("span", {
 		className: e,
 		children: t
 	});
 }
 //#endregion
 //#region src/react/fieldMapperSlots.ts
-var x = {
+var E = {
 	root: "seed-field-mapper",
 	toolbar: "fm-toolbar",
 	filter: "fm-filter",
@@ -52,14 +52,14 @@ var x = {
 	lookupEditor: "fm-lookups",
 	jsonPreview: "fm-preview"
 };
-function S(e, t, n) {
+function D(e, t, n) {
 	return [
-		x[e],
+		E[e],
 		t?.[e],
 		n
 	].filter(Boolean).join(" ");
 }
-function C(e, t, n) {
+function O(e, t, n) {
 	let r;
 	r = e?.preview === void 0 ? t !== !1 && "both" : e.preview;
 	let i;
@@ -71,81 +71,85 @@ function C(e, t, n) {
 		lookups: i
 	};
 }
-function w(e) {
+function k(e) {
 	return e === "row" || e === "both";
 }
-function T(e) {
+function A(e) {
 	return e === "json" || e === "both";
 }
 //#endregion
 //#region src/react/fieldMapperCore.ts
-function E(e, t = 40) {
+function j(e, t = 40) {
 	let n = e.replace(/\s+/g, " ").trim();
 	return n.length <= t ? n : `${n.slice(0, t)}…`;
 }
-function D(e) {
-	let t = e.subtitle ? `${e.label} · ${e.subtitle}` : e.label, n = E(e.value, 36);
+function M(e) {
+	let t = e.subtitle ? `${e.label} · ${e.subtitle}` : e.label, n = j(e.value, 36);
 	return n ? `${t} · "${n}"` : t;
 }
-function O(e) {
+function N(e) {
 	return e.filter((e) => e.kind !== "resolved");
 }
-function k(e) {
-	return O(e).map((e) => ({
+function P(e) {
+	return N(e).map((e) => ({
 		value: e.id,
-		label: D(e),
+		label: M(e),
 		sample: e.value,
 		kind: e.kind
 	}));
 }
-function A(e) {
+function F(e) {
 	return e.map((e) => ({
 		value: e.name,
 		label: e.required ? `${e.name} *` : e.name,
 		dataType: e.dataType
 	}));
 }
-function j(e) {
+function I(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("<") && c(t);
+	return !t.trim().includes("<") && u(t);
 }
-function M(e, t) {
+function L(e, t) {
 	if (!e || !t) return null;
-	if (o(t)) return "lookup";
-	if (j(e)) {
+	if (c(t)) return "lookup";
+	if (I(e)) {
 		if (t.dataType === "Image" || t.dataType === "File") return "file";
 		if (t.dataType === "Html") return "extract";
 	}
 	return null;
 }
-function N(e, t, a) {
+function R(e, t, r) {
 	if (!e) return "";
-	if (t === "extract") return `‹extract HTML from ${E(e.value, 48)}›`;
-	if (t === "file") return `‹file stored from ${E(e.value, 48)}›`;
+	if (t === "extract") return `‹extract HTML from ${j(e.value, 48)}›`;
+	if (t === "file") return `‹file stored from ${j(e.value, 48)}›`;
 	if (t === "lookup") {
-		let t = a?.propertyName ?? a?.target?.name, i = r(e.value || e.label), o = t ? a?.lookups?.[t] : void 0;
-		if (o && Object.prototype.hasOwnProperty.call(o, i)) {
-			let e = o[i], t = a?.target ? n(e, a.target) : e;
-			return E(Array.isArray(t) ? t.join(", ") : String(t), 80);
+		let t = e.value || e.label, i = r?.mapping ?? {
+			sourceId: e.id,
+			propertyName: r?.propertyName ?? r?.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);
 		}
-		return `‹lookup uid for "${E(e.value, 48)}"›`;
+		return `‹lookup ref for "${j(e.value, 48)}"›`;
 	}
-	if (a?.target && o(a.target)) return "";
-	if (a?.target) {
-		let t = e.value || e.label, n = i(t, a.target.dataType);
-		if (typeof n == "string") return E(n, 80);
+	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);
 		try {
-			return E(JSON.stringify(n), 80);
+			return j(JSON.stringify(n), 80);
 		} catch {
-			return E(String(n), 80);
+			return j(String(n), 80);
 		}
 	}
-	return E(e.value, 80);
+	return j(e.value, 80);
 }
-function P(e, t, n) {
-	let r = s(e, t, n), i = t.filter((e) => e.resolve);
+function z(e, t, n) {
+	let r = l(e, t, n), i = t.filter((e) => e.resolve && e.resolve !== "lookup");
 	return i.length === 0 ? r : {
 		...r,
 		_pendingResolve: i.map((e) => ({
@@ -155,13 +159,18 @@ function P(e, t, n) {
 		}))
 	};
 }
-function F(e) {
+function B(e) {
 	if (e.conflict) return "conflict";
 	if (!e.mapping?.sourceId || !e.mapping.propertyName) return "empty";
 	let t = e.mapping.resolve ?? null;
-	return e.requiredResolve && t !== e.requiredResolve ? "needsResolve" : "mapped";
+	if (e.requiredResolve && t !== e.requiredResolve) return "needsResolve";
+	if (t === "lookup") {
+		let t = e.sampleValue ?? "";
+		if (!t || f(e.mapping, t, e.lookups) === void 0) return "needsLookup";
+	}
+	return "mapped";
 }
-function I(e, t) {
+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);
 	return {
 		mapped: n.size,
@@ -169,7 +178,7 @@ function I(e, t) {
 		missingRequired: r
 	};
 }
-function L(e) {
+function H(e) {
 	let t = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Set();
 	for (let r of e) {
 		let e = r.propertyName;
@@ -179,33 +188,49 @@ function L(e) {
 	}
 	return n;
 }
-function R(e, t) {
-	return e.resolve ? e : t && o(t) ? {
-		...e,
+function U(e, t) {
+	return e.resolve ? e.resolve === "lookup" ? e : p(e) : t && c(t) ? {
+		...p(e),
 		resolve: "lookup"
-	} : e;
+	} : p(e);
+}
+function W(t, n, r, i, a) {
+	if (n === "property") {
+		let n = t.findIndex((e) => e.propertyName === r);
+		if (n < 0) return null;
+		let i = t[n];
+		if (i.resolve !== "lookup") return null;
+		let o = [...t];
+		return o[n] = e(i, a), o;
+	}
+	let o = i.indexOf(r);
+	if (o < 0) return null;
+	let s = t[o];
+	if (!s || s.resolve !== "lookup") return null;
+	let c = [...t];
+	return c[o] = e(s, a), c;
 }
-function z(e, t) {
+function G(e, t) {
 	let n = e.filter((e) => e.propertyName !== t.propertyName);
 	return n.push(t), n;
 }
-function B(e, t) {
+function K(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 V(t, n, r, i, a) {
-	let o = new Map(r.map((e) => [e.name, e])), s = e(i, a);
-	s = R(s, o.get(a)), n.some((e) => e.id === s.sourceId) || !O(n).find((e) => e.id === s.sourceId) && n.some((e) => e.id === i);
-	let c = t.find((e) => e.propertyName === a), l = z(t, s), u = [];
+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 ee(e, t) {
-	let n = a(t), r = [];
+	let n = s(t), r = [];
 	return {
 		mappings: e.filter((e) => {
 			let i;
@@ -214,30 +239,34 @@ function ee(e, t) {
 		clearedLookupProps: r
 	};
 }
-function H(e) {
-	let { targets: t, mappings: n, sources: r, lookups: i } = e, a = new Map(n.map((e) => [e.propertyName, e])), o = new Map(O(r).map((e) => [e.id, e]));
+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);
 	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 = M(n, e), s = F({
+		let t = a.get(e.name), n = t ? o.get(t.sourceId) : void 0, r = L(n, e), s = m(n), c = B({
 			mapping: t,
-			requiredResolve: r
+			requiredResolve: r,
+			sampleValue: s,
+			lookups: i
 		});
 		return {
 			id: e.name,
 			target: e,
 			mapping: t,
 			source: n,
-			preview: N(n, t?.resolve, {
+			sampleValue: s,
+			preview: R(n, t?.resolve, {
 				target: e,
 				lookups: i,
-				propertyName: e.name
+				propertyName: e.name,
+				mapping: t
 			}),
 			requiredResolve: r,
-			state: s
+			state: c
 		};
 	});
 }
-function U(e) {
+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 = [];
 	for (let e = 0; e < t.length; e++) {
 		let r = t[e], i = n[e] ?? `edge-${e}`;
@@ -264,42 +293,46 @@ function U(e) {
 		source: e.sourceId ? s.get(e.sourceId) : void 0,
 		target: e.propertyName ? c.get(e.propertyName) : void 0
 	});
-	let u = L(l);
+	let u = H(l);
 	return {
 		rows: l.map((e) => {
-			let t = M(e.source, e.target), n = (e.mapping && e.mapping.sourceId && e.mapping.propertyName, e.mapping), r = F({
+			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,
 				requiredResolve: t,
-				conflict: u.has(e.id)
-			}), i = !n?.sourceId || !n?.propertyName ? u.has(e.id) ? "conflict" : "empty" : r, a = n && n.sourceId && n.propertyName ? n : void 0;
+				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;
 			return {
 				id: e.id,
 				target: e.target,
-				mapping: a,
+				mapping: s,
 				source: e.source,
-				preview: N(e.source, a?.resolve, {
+				sampleValue: r,
+				preview: R(e.source, s?.resolve, {
 					target: e.target,
 					lookups: o,
-					propertyName: a?.propertyName
+					propertyName: s?.propertyName,
+					mapping: s
 				}),
 				requiredResolve: t,
-				state: i
+				state: a
 			};
 		}),
 		conflicts: u
 	};
 }
-function W(e) {
+function Y(e) {
 	return `${e}-${Math.random().toString(36).slice(2, 10)}`;
 }
-function G(e, t) {
+function ne(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(W("edge"));
+	for (; n.length < t;) n.push(Y("edge"));
 	return n;
 }
-function K(e, t, n, r) {
+function re(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);
@@ -307,100 +340,89 @@ function K(e, t, n, r) {
 }
 //#endregion
 //#region src/react/LookupEditor.tsx
-function q(e) {
-	let t = e.split(",").map((e) => e.trim()).filter(Boolean);
-	return t.length === 0 ? "" : t.length === 1 ? t[0] : t;
-}
-function te(e) {
-	return e == null ? "" : Array.isArray(e) ? e.join(", ") : e;
-}
-function ne(e, t, n, r) {
-	let i = { ...e[t] ?? {} }, a = q(r);
-	a === "" || Array.isArray(a) && a.length === 0 ? delete i[n] : i[n] = a;
-	let o = { ...e };
-	return Object.keys(i).length === 0 ? delete o[t] : o[t] = i, o;
-}
-function J({ mapping: e, sources: t, targetsByName: n, lookups: i, onLookupsChange: a, compact: o }) {
-	let s = t.find((t) => t.id === e.sourceId), c = r(s?.value || s?.label || ""), l = i[e.propertyName] ?? {}, u = new Set(Object.keys(l));
+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));
 	c && u.add(c);
-	let d = [...u], f = n.get(e.propertyName);
-	return /* @__PURE__ */ _("div", {
+	let d = [...u], f = r.get(e.propertyName), p = new Map(l.map((e) => [t(e.value), e.ref]));
+	return /* @__PURE__ */ S("div", {
 		className: "fm-lookup-block",
 		children: [
-			!o && /* @__PURE__ */ _("h4", { children: [e.propertyName, f?.ref ? ` → ${f.ref}` : ""] }),
-			/* @__PURE__ */ _("div", {
+			!o && /* @__PURE__ */ S("h4", { children: [e.propertyName, f?.ref ? ` → ${f.ref}` : ""] }),
+			/* @__PURE__ */ x("div", {
 				className: "fm-lookup-hint",
-				children: [
-					"Map source strings to seed UIDs",
-					f?.dataType === "List" ? " (comma-separate for multiple)" : "",
-					". Host owns Identity search/create."
-				]
+				children: "Map source strings to refs. Host owns Identity search/create."
 			}),
-			d.length === 0 ? /* @__PURE__ */ g("div", {
+			d.length === 0 ? /* @__PURE__ */ x("div", {
 				className: "fm-lookup-hint",
 				children: "No sample value yet — paste a source string key after connecting."
-			}) : d.map((t) => /* @__PURE__ */ _("div", {
+			}) : d.map((t) => /* @__PURE__ */ S("div", {
 				className: "fm-lookup-row",
-				children: [/* @__PURE__ */ g("div", {
+				children: [/* @__PURE__ */ x("div", {
 					className: "fm-lookup-key",
 					title: t,
 					children: t || "(empty)"
-				}), /* @__PURE__ */ g("input", {
+				}), /* @__PURE__ */ x("input", {
 					className: "fm-lookup-input",
 					type: "text",
-					placeholder: "seed uid",
-					value: te(l[t]),
-					onChange: (n) => a(ne(i, e.propertyName, t, n.target.value)),
+					placeholder: "ref",
+					value: p.get(t) ?? "",
+					onChange: (n) => i(e, ie(l, t, n.target.value)),
 					onClick: (e) => e.stopPropagation()
 				})]
 			}, t))
 		]
 	});
 }
-function Y({ mode: e, mappings: t, sources: n, targets: r, lookups: i, onLookupsChange: a, classNames: o, className: s }) {
-	let c = f(() => t.filter((e) => e.resolve === "lookup"), [t]), l = f(() => {
+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 = _(() => {
 		let e = /* @__PURE__ */ new Map();
 		for (let t of r) e.set(t.name, t);
 		return e;
 	}, [r]);
-	if (c.length === 0) return null;
-	let u = [
-		S("lookupEditor", o),
+	if (s.length === 0) return null;
+	let l = [
+		D("lookupEditor", a),
 		e === "row" ? "fm-lookups--row" : null,
-		s
+		o
 	].filter(Boolean).join(" ");
-	return /* @__PURE__ */ _("div", {
-		className: u,
-		children: [e === "section" && /* @__PURE__ */ g("div", {
+	return /* @__PURE__ */ S("div", {
+		className: l,
+		children: [e === "section" && /* @__PURE__ */ x("div", {
 			className: "fm-lookups-title",
 			children: "Relation lookups"
-		}), c.map((t) => /* @__PURE__ */ g(J, {
+		}), s.map((t) => /* @__PURE__ */ x(ae, {
 			mapping: t,
 			sources: n,
-			targetsByName: l,
-			lookups: i,
-			onLookupsChange: a,
+			targetsByName: c,
+			onLookupChange: i,
 			compact: e === "row"
 		}, `${t.sourceId}-${t.propertyName}`))]
 	});
 }
 //#endregion
 //#region src/react/fieldMapperTheme.ts
-var re = 8, X = "seed-field-mapper-theme";
-function Z(e) {
+var oe = 8, Z = "seed-field-mapper-theme";
+function Q(e) {
 	return e % 8;
 }
-function ie(e, t) {
+function se(e, t) {
 	if (t && t.length > 0) return t[e % t.length];
-	let n = Z(e) + 1;
+	let n = Q(e) + 1;
 	return `var(--fm-map-${n}, var(--map-${n}, currentColor))`;
 }
-function ae(e = "default") {
+function ce(e = "default") {
 	return e === "unstyled" ? "none" : e;
 }
-var oe = "\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", se = "\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", ce = `
+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 = `
 .seed-field-mapper {
-${oe}
+${le}
   color: var(--sfm-color-ink);
   background: var(--sfm-color-ground);
 }
@@ -535,53 +557,53 @@ ${oe}
   color: var(--sfm-color-faint);
 }
 `;
-function le(e) {
+function fe(e) {
 	return `@layer seed-field-mapper {\n${e}\n}`;
 }
-function ue(e) {
-	return e === "none" ? "" : le(e === "structural" ? se : `${se}\n${ce}`);
+function pe(e) {
+	return e === "none" ? "" : fe(e === "structural" ? ue : `${ue}\n${de}`);
 }
-var de = ue("default"), Q = null;
-function fe(e) {
+var me = pe("default"), he = null;
+function ge(e) {
 	if (typeof document > "u" || e === "none") return;
-	let t = ue(e), n = document.getElementById(X);
+	let t = pe(e), n = document.getElementById(Z);
 	if (n) {
-		Q !== e && (n.textContent = t, Q = e);
+		he !== e && (n.textContent = t, he = e);
 		return;
 	}
 	let r = document.createElement("style");
-	r.id = X, r.textContent = t, document.head.appendChild(r), Q = e;
+	r.id = Z, r.textContent = t, document.head.appendChild(r), he = e;
 }
-function pe() {
-	if (Q = null, typeof document > "u") return;
-	let e = document.getElementById(X);
+function _e() {
+	if (he = null, typeof document > "u") return;
+	let e = document.getElementById(Z);
 	e && (typeof e.remove == "function" ? e.remove() : e.parentNode && e.parentNode.removeChild(e));
 }
 //#endregion
 //#region src/react/FieldMapperWires.tsx
-function $(e, n) {
+function $(e, t) {
 	if (!e.resolve) return e.sourceId;
-	let r = t(e.sourceId, e.resolve);
-	return n.some((e) => e.id === r) ? r : e.sourceId;
+	let n = i(e.sourceId, e.resolve);
+	return t.some((e) => e.id === n) ? n : e.sourceId;
 }
-function me(e, t) {
+function ve(e, t) {
 	let n = e.replace(/\s+/g, " ").trim();
 	return n.length <= t ? n : `${n.slice(0, t)}…`;
 }
-function he({ sources: e, targets: t, mappings: n, mapper: r, lookups: i = {}, onLookupsChange: o, connectionColors: s, slots: c, classNames: l, ui: x = {
-	Select: v,
-	Button: y,
-	Pill: b
+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
 } }) {
-	let C = x.Button, [w, E] = m(null), [D, O] = m(null), [k, A] = m(null), [j, M] = m(!1), [N, F] = m({
+	let d = u.Button, [f, p] = y(null), [m, E] = y(null), [O, k] = y(null), [j, M] = y(!1), [N, P] = y({
 		width: 0,
 		height: 0
-	}), [I, L] = m([]), R = p(null), z = p({}), B = p({}), V = f(() => {
+	}), [F, I] = y([]), L = v(null), R = v({}), B = v({}), V = _(() => {
 		let e = /* @__PURE__ */ new Map();
 		return n.forEach((t, n) => {
 			e.set(t.propertyName, n);
 		}), e;
-	}, [n]), ee = f(() => {
+	}, [n]), H = _(() => {
 		let t = /* @__PURE__ */ new Map();
 		return n.forEach((n, r) => {
 			let i = $(n, e);
@@ -590,38 +612,38 @@ function he({ sources: e, targets: t, mappings: n, mapper: r, lookups: i = {}, o
 				n.push(r), t.set(e, n);
 			}
 		}), t;
-	}, [n, e]), H = u(() => {
-		if (!R.current) return [];
-		let t = R.current.getBoundingClientRect();
+	}, [n, e]), U = h(() => {
+		if (!L.current) return [];
+		let t = L.current.getBoundingClientRect();
 		return n.map((n, r) => {
-			let i = $(n, e), a = z.current[i] ?? z.current[n.sourceId], o = B.current[n.propertyName];
-			if (!a || !o) return null;
-			let c = a.getBoundingClientRect(), l = o.getBoundingClientRect();
+			let i = $(n, e), a = R.current[i] ?? R.current[n.sourceId], s = B.current[n.propertyName];
+			if (!a || !s) return null;
+			let c = a.getBoundingClientRect(), l = s.getBoundingClientRect();
 			return {
 				x1: c.right - t.left,
 				y1: c.top + c.height / 2 - t.top,
 				x2: l.left - t.left,
 				y2: l.top + l.height / 2 - t.top,
-				stroke: ie(r, s),
+				stroke: se(r, o),
 				mappingIndex: r,
 				mapping: n
 			};
 		}).filter((e) => e !== null);
 	}, [
 		n,
-		s,
+		o,
 		e
 	]);
-	d(() => {
+	g(() => {
 		let e = () => {
-			if (R.current) {
-				let e = R.current.getBoundingClientRect();
-				F({
+			if (L.current) {
+				let e = L.current.getBoundingClientRect();
+				P({
 					width: e.width,
 					height: e.height
 				});
 			}
-			L(H());
+			I(U());
 		};
 		e(), window.addEventListener("resize", e);
 		let t = setInterval(e, 200);
@@ -629,127 +651,127 @@ function he({ sources: e, targets: t, mappings: n, mapper: r, lookups: i = {}, o
 			window.removeEventListener("resize", e), clearInterval(t);
 		};
 	}, [
-		H,
+		U,
 		n,
 		e,
 		t
 	]);
-	let U = (e) => {
-		E((t) => t === e ? null : e);
-	}, W = (e) => {
-		w && r.connect(w, e);
+	let W = (e) => {
+		p((t) => t === e ? null : e);
 	}, G = (e) => {
-		let t = a(e);
+		f && r.connect(f, e);
+	}, K = (e) => {
+		let t = s(e);
 		return t ? n.some((e) => e.sourceId === t.originId && e.resolve === t.resolve) : n.some((t) => t.sourceId === e);
-	}, K = (e) => n.find((t) => t.propertyName === e), q = (t) => {
-		if (D) return t.propertyName === D;
-		if (k) {
+	}, q = (e) => n.find((t) => t.propertyName === e), ee = (t) => {
+		if (m) return t.propertyName === m;
+		if (O) {
 			let n = $(t, e);
-			return t.sourceId === k || n === k;
+			return t.sourceId === O || n === O;
 		}
 		return !1;
-	}, te = D != null || k != null, ne = f(() => P(e, n, t), [
+	}, J = m != null || O != null, te = _(() => z(e, n, t), [
 		e,
 		n,
 		t
-	]), { coverage: J } = r, re = T(c.preview);
-	return /* @__PURE__ */ _(h, { children: [
-		/* @__PURE__ */ _("div", {
-			className: S("toolbar", l),
-			children: [c.autoMap && /* @__PURE__ */ g(C, {
-				className: S("autoMapButton", l),
+	]), { 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),
 				onClick: () => r.autoMap(),
 				children: "Auto-map"
-			}), /* @__PURE__ */ _("span", {
-				className: S("coverage", l),
+			}), /* @__PURE__ */ S("span", {
+				className: D("coverage", l),
 				children: [
-					J.mapped,
+					Y.mapped,
 					" / ",
-					J.total,
+					Y.total,
 					" mapped",
-					J.missingRequired.length > 0 ? ` · ${J.missingRequired.length} required missing` : "",
-					w ? " · click properties (source stays selected)" : " · click a source"
+					Y.missingRequired.length > 0 ? ` · ${Y.missingRequired.length} required missing` : "",
+					f ? " · click properties (source stays selected)" : " · click a source"
 				]
 			})]
 		}),
-		/* @__PURE__ */ _("div", {
+		/* @__PURE__ */ S("div", {
 			className: "fm-grid",
-			ref: R,
+			ref: L,
 			children: [
-				/* @__PURE__ */ g("svg", {
+				/* @__PURE__ */ x("svg", {
 					className: "fm-svg",
 					width: N.width,
 					height: N.height,
-					children: I.map((e) => {
-						let t = q(e.mapping), n = (e.x1 + e.x2) / 2;
-						return /* @__PURE__ */ g("path", {
+					children: F.map((e) => {
+						let t = ee(e.mapping), n = (e.x1 + e.x2) / 2;
+						return /* @__PURE__ */ x("path", {
 							className: "fm-connector",
 							"data-mapping-index": e.mappingIndex,
-							"data-pair": Z(e.mappingIndex),
+							"data-pair": Q(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: te && !t ? .25 : .85
+							opacity: J && !t ? .25 : .85
 						}, `${e.mapping.sourceId}-${e.mapping.propertyName}-${e.mapping.resolve ?? "copy"}`);
 					})
 				}),
-				/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("div", {
+				/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("div", {
 					className: "fm-col-title",
 					children: "Sources"
 				}), e.map((t) => {
-					let i = G(t.id), a = w === t.id, o = ee.get(t.id) ?? [], s = o[0], c = k === t.id || D != null && n.some((n) => {
+					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 r = $(n, e);
-						return (n.sourceId === t.id || r === t.id) && n.propertyName === D;
+						return (n.sourceId === t.id || r === t.id) && n.propertyName === m;
 					});
-					return /* @__PURE__ */ _("div", {
+					return /* @__PURE__ */ S("div", {
 						ref: (e) => {
-							z.current[t.id] = e;
+							R.current[t.id] = e;
 						},
 						className: `fm-card${a ? " active pending" : ""}${i ? " mapped" : ""}${c ? " highlight" : ""}`,
 						"data-source-id": t.id,
 						...o.length > 0 ? {
 							"data-mapping-index": o.join(" "),
-							"data-pair": String(Z(s))
+							"data-pair": String(Q(s))
 						} : {},
-						onClick: () => U(t.id),
-						onMouseEnter: () => A(t.id),
-						onMouseLeave: () => A(null),
-						children: [/* @__PURE__ */ _("div", {
+						onClick: () => W(t.id),
+						onMouseEnter: () => k(t.id),
+						onMouseLeave: () => k(null),
+						children: [/* @__PURE__ */ S("div", {
 							className: "fm-prop-row",
-							children: [/* @__PURE__ */ _("div", {
+							children: [/* @__PURE__ */ S("div", {
 								className: "fm-label",
 								children: [
 									t.label,
-									t.subtitle ? /* @__PURE__ */ g("span", {
+									t.subtitle ? /* @__PURE__ */ x("span", {
 										className: "fm-kind",
 										children: t.subtitle
 									}) : null,
-									/* @__PURE__ */ g("span", {
+									/* @__PURE__ */ x("span", {
 										className: "fm-kind",
 										children: t.kind
 									})
 								]
-							}), i && /* @__PURE__ */ g(C, {
-								className: S("removeButton", l),
+							}), i && /* @__PURE__ */ x(d, {
+								className: D("removeButton", l),
 								"aria-label": "Remove all mappings for source",
 								onClick: (e) => {
 									e.stopPropagation(), r.removeBySource(t.id);
 								},
 								children: "×"
 							})]
-						}), /* @__PURE__ */ g("div", {
+						}), /* @__PURE__ */ x("div", {
 							className: "fm-value",
-							children: me(t.value, 80)
+							children: ve(t.value, 80)
 						})]
 					}, t.id);
 				})] }),
-				/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("div", {
+				/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("div", {
 					className: "fm-col-title",
 					children: "Model properties"
 				}), t.map((t) => {
-					let n = K(t.name), i = V.get(t.name), a = D === t.name || k != null && n != null && (n.sourceId === k || $(n, e) === k);
-					return /* @__PURE__ */ _("div", {
+					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", {
 						ref: (e) => {
 							B.current[t.name] = e;
 						},
@@ -757,27 +779,27 @@ function he({ sources: e, targets: t, mappings: n, mapper: r, lookups: i = {}, o
 						"data-property-name": t.name,
 						...i == null ? {} : {
 							"data-mapping-index": String(i),
-							"data-pair": String(Z(i))
+							"data-pair": String(Q(i))
 						},
-						onClick: () => W(t.name),
-						onMouseEnter: () => O(t.name),
-						onMouseLeave: () => O(null),
-						children: [/* @__PURE__ */ _("div", {
+						onClick: () => G(t.name),
+						onMouseEnter: () => E(t.name),
+						onMouseLeave: () => E(null),
+						children: [/* @__PURE__ */ S("div", {
 							className: "fm-prop-row",
-							children: [/* @__PURE__ */ g("div", {
+							children: [/* @__PURE__ */ x("div", {
 								className: "fm-label",
 								children: t.name
-							}), /* @__PURE__ */ _("div", {
+							}), /* @__PURE__ */ S("div", {
 								style: {
 									display: "flex",
 									alignItems: "center",
 									gap: 4
 								},
-								children: [/* @__PURE__ */ _("span", {
+								children: [/* @__PURE__ */ S("span", {
 									className: "fm-dtype",
 									children: [t.dataType, t.ref ? ` → ${t.ref}` : ""]
-								}), n && /* @__PURE__ */ g(C, {
-									className: S("removeButton", l),
+								}), n && /* @__PURE__ */ x(d, {
+									className: D("removeButton", l),
 									"aria-label": "Remove mapping for property",
 									onClick: (e) => {
 										e.stopPropagation(), r.removeRow(t.name);
@@ -785,7 +807,7 @@ function he({ sources: e, targets: t, mappings: n, mapper: r, lookups: i = {}, o
 									children: "×"
 								})]
 							})]
-						}), n && /* @__PURE__ */ _("div", {
+						}), n && /* @__PURE__ */ S("div", {
 							className: "fm-value",
 							children: [
 								"← ",
@@ -797,29 +819,39 @@ function he({ sources: e, targets: t, mappings: n, mapper: r, lookups: i = {}, o
 				})] })
 			]
 		}),
-		c.lookups === "section" && o && /* @__PURE__ */ g(Y, {
+		c.lookups === "section" && a && r.rows.filter((e) => e.mapping?.resolve === "lookup").map((e) => /* @__PURE__ */ x("div", {
+			className: D("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, {
 			mode: "section",
 			mappings: n,
 			sources: e,
 			targets: t,
-			lookups: i,
-			onLookupsChange: o,
+			onLookupChange: (e, t) => {
+				let n = r.rows.find((t) => t.mapping?.sourceId === e.sourceId && t.mapping?.propertyName === e.propertyName);
+				n && r.setLookupEntries(n.id, t);
+			},
 			classNames: l
 		}),
-		re && /* @__PURE__ */ _("details", {
-			className: S("jsonPreview", l),
+		ne && /* @__PURE__ */ S("details", {
+			className: D("jsonPreview", l),
 			open: j,
 			onToggle: (e) => M(e.target.open),
-			children: [/* @__PURE__ */ g("summary", { children: "Preview JSON" }), /* @__PURE__ */ g("pre", {
+			children: [/* @__PURE__ */ x("summary", { children: "Preview JSON" }), /* @__PURE__ */ x("pre", {
 				className: "fm-preview-body",
-				children: JSON.stringify(ne, null, 2)
+				children: JSON.stringify(te, null, 2)
 			})]
 		})
 	] });
 }
 //#endregion
 //#region src/react/PropertyRows.tsx
-var ge = [
+var be = [
 	{
 		value: "",
 		label: "copy"
@@ -837,65 +869,65 @@ var ge = [
 		label: "lookup"
 	}
 ];
-function _e({ sources: e, targets: t, mappings: n, mapper: r, defaultRows: i = "requiredAndMapped", lookups: a = {}, onLookupsChange: o, slots: s, classNames: c, ui: l = {
-	Select: v,
-	Button: y,
-	Pill: b
-}, renderRowAccessory: u }) {
-	let d = l.Select, p = l.Button, x = l.Pill, [C, D] = m(i), [k, A] = m(() => /* @__PURE__ */ new Set()), [j, M] = m(!1), [N, F] = m(!1), [I, L] = m(null), [R, z] = m(!1), B = f(() => K(t, n, C, k), [
+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), [
 		t,
 		n,
-		C,
-		k
-	]), V = f(() => B == null ? r.rows : r.rows.filter((e) => B.has(e.id)), [r.rows, B]), ee = f(() => {
+		m,
+		g
+	]), V = _(() => B == null ? r.rows : r.rows.filter((e) => B.has(e.id)), [r.rows, B]), H = _(() => {
 		let e = /* @__PURE__ */ new Map();
 		for (let t of n) {
 			let n = e.get(t.sourceId) ?? [];
 			n.push(t.propertyName), e.set(t.sourceId, n);
 		}
 		return e;
-	}, [n]), H = f(() => P(e, n, t), [
+	}, [n]), U = _(() => z(e, n, t), [
 		e,
 		n,
 		t
-	]), { coverage: U, sourceOptions: W, addableProperties: G } = r, q = T(s.preview), te = w(s.preview), ne = s.lookups === "row" && !!o, J = s.lookups === "section" && !!o, re = (e) => {
-		r.addRow(e), A((t) => new Set(t).add(e)), F(!1);
-	}, X = (e) => {
-		L(e), F(!0);
-	}, Z = (e) => {
-		re(e), I && (r.setSource(e, I), L(null));
+	]), { 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);
+	}, ie = (e) => {
+		Y(e), F && (r.setSource(e, F), I(null));
 	};
-	return /* @__PURE__ */ _(h, { children: [
-		/* @__PURE__ */ _("div", {
-			className: S("toolbar", c),
-			children: [s.autoMap && /* @__PURE__ */ g(p, {
-				className: S("autoMapButton", c),
+	return /* @__PURE__ */ S(b, { children: [
+		/* @__PURE__ */ S("div", {
+			className: D("toolbar", s),
+			children: [o.autoMap && /* @__PURE__ */ x(f, {
+				className: D("autoMapButton", s),
 				onClick: () => r.autoMap(),
 				children: "Auto-map"
-			}), /* @__PURE__ */ _("span", {
-				className: S("coverage", c),
+			}), /* @__PURE__ */ S("span", {
+				className: D("coverage", s),
 				children: [
-					U.mapped,
+					W.mapped,
 					" of ",
-					U.total,
+					W.total,
 					" properties mapped",
-					U.missingRequired.length > 0 ? ` · ${U.missingRequired.length} required missing` : ""
+					W.missingRequired.length > 0 ? ` · ${W.missingRequired.length} required missing` : ""
 				]
 			})]
 		}),
-		s.filter && /* @__PURE__ */ _("div", {
-			className: S("filter", c),
+		o.filter && /* @__PURE__ */ S("div", {
+			className: D("filter", s),
 			role: "group",
 			"aria-label": "Row filter",
-			children: [/* @__PURE__ */ g(p, {
+			children: [/* @__PURE__ */ x(f, {
 				className: "fm-btn",
-				"aria-pressed": C === "requiredAndMapped",
-				onClick: () => D("requiredAndMapped"),
+				"aria-pressed": m === "requiredAndMapped",
+				onClick: () => h("requiredAndMapped"),
 				children: "Mapped + required"
-			}), /* @__PURE__ */ _(p, {
+			}), /* @__PURE__ */ S(f, {
 				className: "fm-btn",
-				"aria-pressed": C === "all",
-				onClick: () => D("all"),
+				"aria-pressed": m === "all",
+				onClick: () => h("all"),
 				children: [
 					"All ",
 					t.length,
@@ -903,107 +935,117 @@ function _e({ sources: e, targets: t, mappings: n, mapper: r, defaultRows: i = "
 				]
 			})]
 		}),
-		/* @__PURE__ */ g("div", {
-			className: S("rowList", c),
+		/* @__PURE__ */ x("div", {
+			className: D("rowList", s),
 			children: V.map((n) => {
 				let i = n.mapping?.resolve ?? "";
-				return /* @__PURE__ */ _("div", {
-					className: S("row", c),
+				return /* @__PURE__ */ S("div", {
+					className: D("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__ */ _("div", {
+						/* @__PURE__ */ S("div", {
 							className: "fm-row-main",
 							children: [
-								/* @__PURE__ */ _("div", {
+								/* @__PURE__ */ S("div", {
 									className: "fm-row-prop",
-									children: [/* @__PURE__ */ _("div", {
-										className: S("propertyLabel", c),
+									children: [/* @__PURE__ */ S("div", {
+										className: D("propertyLabel", s),
 										children: [n.target?.name, n.target?.required ? " *" : ""]
-									}), /* @__PURE__ */ g(x, {
-										className: S("dataType", c),
+									}), /* @__PURE__ */ x(p, {
+										className: D("dataType", s),
 										children: n.target?.dataType
 									})]
 								}),
-								/* @__PURE__ */ _(d, {
-									className: S("sourceSelect", c),
+								/* @__PURE__ */ S(d, {
+									className: D("sourceSelect", s),
 									"aria-label": `Source for ${n.id}`,
 									value: n.mapping?.sourceId ?? "",
 									onChange: (e) => {
 										r.setSource(n.id, e || null);
 									},
-									children: [/* @__PURE__ */ g("option", {
+									children: [/* @__PURE__ */ x("option", {
 										value: "",
 										children: "Choose a source field…"
-									}), W.map((e) => /* @__PURE__ */ g("option", {
+									}), G.map((e) => /* @__PURE__ */ x("option", {
 										value: e.value,
 										children: e.label
 									}, e.value))]
 								}),
-								n.mapping?.sourceId ? /* @__PURE__ */ g(d, {
-									className: S("transformSelect", c),
+								n.mapping?.sourceId ? /* @__PURE__ */ x(d, {
+									className: D("transformSelect", s),
 									"aria-label": `Transform for ${n.id}`,
 									value: i,
 									onChange: (e) => {
 										r.setTransform(n.id, e || null);
 									},
-									children: ge.map((e) => /* @__PURE__ */ g("option", {
+									children: be.map((e) => /* @__PURE__ */ x("option", {
 										value: e.value,
 										children: e.label
 									}, e.label))
-								}) : /* @__PURE__ */ g(x, {
-									className: S("dataType", c),
+								}) : /* @__PURE__ */ x(p, {
+									className: D("dataType", s),
 									children: n.target?.dataType
 								}),
-								/* @__PURE__ */ g("div", {
-									className: S("rowAccessory", c),
-									children: u?.(n) ?? null
+								/* @__PURE__ */ x("div", {
+									className: D("rowAccessory", s),
+									children: l?.(n) ?? null
 								}),
-								/* @__PURE__ */ g(p, {
-									className: S("removeButton", c),
+								/* @__PURE__ */ x(f, {
+									className: D("removeButton", s),
 									"aria-label": `Remove mapping for ${n.id}`,
 									onClick: () => r.removeRow(n.id),
 									children: "×"
 								})
 							]
 						}),
-						te && n.preview && /* @__PURE__ */ g("div", {
-							className: S("preview", c),
+						ee && n.preview && /* @__PURE__ */ x("div", {
+							className: D("preview", s),
 							children: n.preview
 						}),
-						n.state === "needsResolve" && n.requiredResolve && /* @__PURE__ */ _("div", {
-							className: S("validation", c),
+						n.state === "needsResolve" && n.requiredResolve && /* @__PURE__ */ S("div", {
+							className: D("validation", s),
 							children: ["needs ", n.requiredResolve]
 						}),
-						ne && n.mapping?.resolve === "lookup" && n.mapping && /* @__PURE__ */ g(Y, {
+						n.state === "needsLookup" && /* @__PURE__ */ x("div", {
+							className: D("validation", s),
+							children: "needs lookup"
+						}),
+						J && n.mapping?.resolve === "lookup" && n.mapping && (u ? /* @__PURE__ */ x("div", {
+							className: D("lookupEditor", s),
+							children: u({
+								...n,
+								sampleValue: n.sampleValue ?? "",
+								onLookupChange: (e) => r.setLookupEntries(n.id, e)
+							})
+						}) : /* @__PURE__ */ x(X, {
 							mode: "row",
 							mappings: [n.mapping],
 							sources: e,
 							targets: t,
-							lookups: a,
-							onLookupsChange: o,
-							classNames: c
-						})
+							onLookupChange: (e, t) => r.setLookupEntries(n.id, t),
+							classNames: s
+						}))
 					]
 				}, n.id);
 			})
 		}),
-		/* @__PURE__ */ g("div", {
+		/* @__PURE__ */ x("div", {
 			style: { marginTop: 10 },
-			children: N ? /* @__PURE__ */ _(d, {
-				className: S("sourceSelect", c),
+			children: M ? /* @__PURE__ */ S(d, {
+				className: D("sourceSelect", s),
 				"aria-label": "Add property mapping",
 				value: "",
 				onChange: (e) => {
-					e && Z(e);
+					e && ie(e);
 				},
-				children: [/* @__PURE__ */ g("option", {
+				children: [/* @__PURE__ */ x("option", {
 					value: "",
 					children: "Choose a property…"
-				}), G.map((e) => /* @__PURE__ */ _("option", {
+				}), K.map((e) => /* @__PURE__ */ S("option", {
 					value: e.name,
 					children: [
 						e.name,
@@ -1013,73 +1055,75 @@ function _e({ sources: e, targets: t, mappings: n, mapper: r, defaultRows: i = "
 						")"
 					]
 				}, e.name))]
-			}) : /* @__PURE__ */ g(p, {
-				className: S("addButton", c),
-				onClick: () => F(!0),
-				disabled: G.length === 0,
+			}) : /* @__PURE__ */ x(f, {
+				className: D("addButton", s),
+				onClick: () => P(!0),
+				disabled: K.length === 0,
 				children: "+ Add mapping"
 			})
 		}),
-		s.inspector && /* @__PURE__ */ _("details", {
-			className: S("inspector", c),
-			open: j,
-			onToggle: (e) => M(e.target.open),
-			children: [/* @__PURE__ */ _("summary", { children: [
+		o.inspector && /* @__PURE__ */ S("details", {
+			className: D("inspector", s),
+			open: E,
+			onToggle: (e) => O(e.target.open),
+			children: [/* @__PURE__ */ S("summary", { children: [
 				"Source fields (",
-				O(e).length,
+				N(e).length,
 				")"
-			] }), O(e).map((e) => {
-				let t = ee.get(e.id) ?? [];
-				return /* @__PURE__ */ _("div", {
+			] }), N(e).map((e) => {
+				let t = H.get(e.id) ?? [];
+				return /* @__PURE__ */ S("div", {
 					className: "fm-inspector-row",
 					children: [
-						/* @__PURE__ */ _("div", { children: [
-							/* @__PURE__ */ g("strong", { children: e.label }),
-							e.subtitle ? /* @__PURE__ */ g("div", {
+						/* @__PURE__ */ S("div", { children: [
+							/* @__PURE__ */ x("strong", { children: e.label }),
+							e.subtitle ? /* @__PURE__ */ x("div", {
 								className: "fm-value",
 								children: e.subtitle
 							}) : null,
-							/* @__PURE__ */ g("div", {
+							/* @__PURE__ */ x("div", {
 								className: "fm-value",
-								children: E(e.value, 60)
+								children: j(e.value, 60)
 							})
 						] }),
-						/* @__PURE__ */ g("div", {
+						/* @__PURE__ */ x("div", {
 							className: "fm-value",
 							children: t.length > 0 ? `→ ${t.join(", ")}` : "unused"
 						}),
-						/* @__PURE__ */ g(p, {
+						/* @__PURE__ */ x(f, {
 							className: "fm-btn",
-							onClick: () => X(e.id),
+							onClick: () => ne(e.id),
 							children: "Map this"
 						})
 					]
 				}, e.id);
 			})]
 		}),
-		J && /* @__PURE__ */ g(Y, {
+		te && /* @__PURE__ */ x(X, {
 			mode: "section",
 			mappings: n,
 			sources: e,
 			targets: t,
-			lookups: a,
-			onLookupsChange: o,
-			classNames: c
+			onLookupChange: (e, t) => {
+				let n = r.rows.find((t) => t.mapping?.sourceId === e.sourceId && t.mapping?.propertyName === e.propertyName);
+				n && r.setLookupEntries(n.id, t);
+			},
+			classNames: s
 		}),
-		q && /* @__PURE__ */ _("details", {
-			className: S("jsonPreview", c),
-			open: R,
-			onToggle: (e) => z(e.target.open),
-			children: [/* @__PURE__ */ g("summary", { children: "Preview JSON" }), /* @__PURE__ */ g("pre", {
+		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", {
 				className: "fm-preview-body",
-				children: JSON.stringify(H, null, 2)
+				children: JSON.stringify(U, null, 2)
 			})]
 		})
 	] });
 }
 //#endregion
 //#region src/react/SourceRows.tsx
-var ve = [
+var Se = [
 	{
 		value: "",
 		label: "copy"
@@ -1097,190 +1141,202 @@ var ve = [
 		label: "lookup"
 	}
 ];
-function ye({ sources: e, targets: t, mappings: n, mapper: r, lookups: i = {}, onLookupsChange: a, slots: o, classNames: s, ui: c = {
-	Select: v,
-	Button: y,
-	Pill: b
-}, renderRowAccessory: l }) {
-	let u = c.Select, d = c.Button, [p, x] = m(!1), { rows: C, sourceOptions: E, propertyOptions: D, coverage: O, conflicts: k, setSource: A, setProperty: j, setTransform: M, addRow: N, removeRow: F, autoMap: I } = r, L = f(() => P(e, n, t), [
+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), [
 		e,
 		n,
 		t
-	]), R = T(o.preview), z = w(o.preview), B = o.lookups === "row" && !!a, V = o.lookups === "section" && !!a;
-	return /* @__PURE__ */ _(h, { children: [
-		/* @__PURE__ */ _("div", {
-			className: S("toolbar", s),
-			children: [o.autoMap && /* @__PURE__ */ g(d, {
-				className: S("autoMapButton", s),
-				onClick: () => I(),
+	]), 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),
+				onClick: () => F(),
 				children: "Auto-map"
-			}), /* @__PURE__ */ _("span", {
-				className: S("coverage", s),
+			}), /* @__PURE__ */ S("span", {
+				className: D("coverage", o),
 				children: [
-					O.mapped,
+					v.mapped,
 					" of ",
-					O.total,
+					v.total,
 					" mapped",
-					O.missingRequired.length > 0 ? ` · ${O.missingRequired.length} required missing: ${O.missingRequired.join(", ")}` : ""
+					v.missingRequired.length > 0 ? ` · ${v.missingRequired.length} required missing: ${v.missingRequired.join(", ")}` : ""
 				]
 			})]
 		}),
-		k.size > 0 && /* @__PURE__ */ _("div", {
+		E.size > 0 && /* @__PURE__ */ S("div", {
 			className: "fm-banner fm-banner-danger",
 			role: "alert",
 			children: [
-				k.size,
+				E.size,
 				" row",
-				k.size === 1 ? "" : "s",
+				E.size === 1 ? "" : "s",
 				" claim the same property — each property can only have one source."
 			]
 		}),
-		O.missingRequired.length > 0 && /* @__PURE__ */ _("div", {
+		v.missingRequired.length > 0 && /* @__PURE__ */ S("div", {
 			className: "fm-banner fm-banner-warn",
 			role: "status",
-			children: ["Required missing: ", O.missingRequired.join(", ")]
+			children: ["Required missing: ", v.missingRequired.join(", ")]
 		}),
-		/* @__PURE__ */ g("div", {
-			className: S("rowList", s),
-			children: C.map((n) => {
-				let r = n.mapping?.resolve ?? "", o = n.source?.id ?? n.mapping?.sourceId ?? "", c = n.target?.name ?? n.mapping?.propertyName ?? "";
-				return /* @__PURE__ */ _("div", {
-					className: S("row", s),
+		/* @__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),
 					"data-state": n.state,
-					"data-property-name": c || void 0,
+					"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__ */ _("div", {
+						/* @__PURE__ */ S("div", {
 							className: "fm-row-main fm-row-main-source",
 							children: [
-								/* @__PURE__ */ _(u, {
-									className: S("sourceSelect", s),
+								/* @__PURE__ */ S(u, {
+									className: D("sourceSelect", o),
 									"aria-label": "Source field",
-									value: o,
+									value: a,
 									onChange: (e) => {
-										A(n.id, e || null);
+										O(n.id, e || null);
 									},
-									children: [/* @__PURE__ */ g("option", {
+									children: [/* @__PURE__ */ x("option", {
 										value: "",
 										children: "Choose a source field…"
-									}), E.map((e) => /* @__PURE__ */ g("option", {
+									}), h.map((e) => /* @__PURE__ */ x("option", {
 										value: e.value,
 										children: e.label
 									}, e.value))]
 								}),
-								o ? /* @__PURE__ */ g(u, {
-									className: S("transformSelect", s),
+								a ? /* @__PURE__ */ x(u, {
+									className: D("transformSelect", o),
 									"aria-label": "Transform",
-									value: r,
+									value: i,
 									onChange: (e) => {
 										M(n.id, e || null);
 									},
-									children: ve.map((e) => /* @__PURE__ */ g("option", {
+									children: Se.map((e) => /* @__PURE__ */ x("option", {
 										value: e.value,
 										children: e.label
 									}, e.label))
-								}) : /* @__PURE__ */ g("span", { className: "fm-into" }),
-								/* @__PURE__ */ g("span", {
+								}) : /* @__PURE__ */ x("span", { className: "fm-into" }),
+								/* @__PURE__ */ x("span", {
 									className: "fm-into",
 									children: "into"
 								}),
-								/* @__PURE__ */ _(u, {
-									className: S("sourceSelect", s),
+								/* @__PURE__ */ S(u, {
+									className: D("sourceSelect", o),
 									"aria-label": "Target property",
-									value: c,
+									value: s,
 									onChange: (e) => {
 										e && j(n.id, e);
 									},
-									children: [/* @__PURE__ */ g("option", {
+									children: [/* @__PURE__ */ x("option", {
 										value: "",
 										children: "Choose a property…"
-									}), D.map((e) => /* @__PURE__ */ g("option", {
+									}), g.map((e) => /* @__PURE__ */ x("option", {
 										value: e.value,
 										children: e.label
 									}, e.value))]
 								}),
-								/* @__PURE__ */ g("div", {
-									className: S("rowAccessory", s),
-									children: l?.(n) ?? null
+								/* @__PURE__ */ x("div", {
+									className: D("rowAccessory", o),
+									children: c?.(n) ?? null
 								}),
-								/* @__PURE__ */ g(d, {
-									className: S("removeButton", s),
+								/* @__PURE__ */ x(d, {
+									className: D("removeButton", o),
 									"aria-label": "Remove row",
-									onClick: () => F(n.id),
+									onClick: () => P(n.id),
 									children: "×"
 								})
 							]
 						}),
-						z && n.preview && /* @__PURE__ */ g("div", {
-							className: S("preview", s),
+						R && n.preview && /* @__PURE__ */ x("div", {
+							className: D("preview", o),
 							children: n.preview
 						}),
-						n.state === "needsResolve" && n.requiredResolve && /* @__PURE__ */ _("div", {
-							className: S("validation", s),
+						n.state === "needsResolve" && n.requiredResolve && /* @__PURE__ */ S("div", {
+							className: D("validation", o),
 							children: ["needs ", n.requiredResolve]
 						}),
-						n.state === "conflict" && /* @__PURE__ */ g("div", {
-							className: S("validation", s),
+						n.state === "needsLookup" && /* @__PURE__ */ x("div", {
+							className: D("validation", o),
+							children: "needs lookup"
+						}),
+						n.state === "conflict" && /* @__PURE__ */ x("div", {
+							className: D("validation", o),
 							style: { color: "var(--fm-danger)" },
 							children: "property already mapped by another row"
 						}),
-						B && n.mapping?.resolve === "lookup" && n.mapping && /* @__PURE__ */ g(Y, {
+						B && n.mapping?.resolve === "lookup" && n.mapping && (l ? /* @__PURE__ */ x("div", {
+							className: D("lookupEditor", o),
+							children: l({
+								...n,
+								sampleValue: n.sampleValue ?? "",
+								onLookupChange: (e) => r.setLookupEntries(n.id, e)
+							})
+						}) : /* @__PURE__ */ x(X, {
 							mode: "row",
 							mappings: [n.mapping],
 							sources: e,
 							targets: t,
-							lookups: i,
-							onLookupsChange: a,
-							classNames: s
-						})
+							onLookupChange: (e, t) => r.setLookupEntries(n.id, t),
+							classNames: o
+						}))
 					]
 				}, n.id);
 			})
 		}),
-		/* @__PURE__ */ g("div", {
+		/* @__PURE__ */ x("div", {
 			style: { marginTop: 10 },
-			children: /* @__PURE__ */ g(d, {
-				className: S("addButton", s),
+			children: /* @__PURE__ */ x(d, {
+				className: D("addButton", o),
 				onClick: () => N(),
 				children: "+ Add mapping"
 			})
 		}),
-		V && /* @__PURE__ */ g(Y, {
+		V && /* @__PURE__ */ x(X, {
 			mode: "section",
 			mappings: n,
 			sources: e,
 			targets: t,
-			lookups: i,
-			onLookupsChange: a,
-			classNames: s
+			onLookupChange: (e, t) => {
+				let n = r.rows.find((t) => t.mapping?.sourceId === e.sourceId && t.mapping?.propertyName === e.propertyName);
+				n && r.setLookupEntries(n.id, t);
+			},
+			classNames: o
 		}),
-		R && /* @__PURE__ */ _("details", {
-			className: S("jsonPreview", s),
-			open: p,
-			onToggle: (e) => x(e.target.open),
-			children: [/* @__PURE__ */ g("summary", { children: "Preview JSON" }), /* @__PURE__ */ g("pre", {
+		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", {
 				className: "fm-preview-body",
-				children: JSON.stringify(L, null, 2)
+				children: JSON.stringify(I, null, 2)
 			})]
 		})
 	] });
 }
 //#endregion
 //#region src/react/useFieldMapper.ts
-function be({ sources: e, targets: t, mappings: n, onChange: r, lookups: i = {}, onLookupsChange: a, rowKey: o = "property", onAutoMap: s }) {
-	let [c, d] = m(() => /* @__PURE__ */ new Set()), [h, g] = m([]), _ = p([]);
-	_.current = G(_.current, n.length);
-	let v = _.current, y = u((e) => {
+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) => {
 		if (!a || e.length === 0) return;
-		let t = B(i, e);
+		let t = K(i, e);
 		t && a(t);
-	}, [i, a]), b = f(() => k(e), [e]), x = f(() => A(t), [t]), S = f(() => I(t, n), [t, n]), C = f(() => new Set(n.map((e) => e.propertyName)), [n]), w = f(() => t.filter((e) => !C.has(e.name) && !c.has(e.name)), [
+	}, [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)), [
 		t,
-		C,
+		w,
 		c
-	]), T = f(() => H({
+	]), E = _(() => J({
 		targets: t,
 		mappings: n,
 		sources: e,
@@ -1290,328 +1346,345 @@ function be({ sources: e, targets: t, mappings: n, onChange: r, lookups: i = {},
 		n,
 		e,
 		i
-	]), E = f(() => U({
+	]), D = _(() => te({
 		mappings: n,
-		edgeIds: v,
-		drafts: h,
+		edgeIds: g,
+		drafts: u,
 		sources: e,
 		targets: t,
 		lookups: i
 	}), [
 		n,
-		v,
-		h,
+		g,
+		u,
 		e,
 		t,
 		i
-	]), D = o === "property" ? T : E.rows, j = o === "property" ? /* @__PURE__ */ new Set() : E.conflicts, N = u((i, a) => {
-		let o = V(n, e, t, i, a);
-		r(o.mappings), y(o.clearedLookupProps);
+	]), 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);
 	}, [
 		n,
 		e,
 		t,
 		r,
-		y
-	]), P = u((e) => {
+		b
+	]), j = h((e) => {
 		let t = ee(n, e);
-		r(t.mappings), y(t.clearedLookupProps);
+		r(t.mappings), b(t.clearedLookupProps);
 	}, [
 		n,
 		r,
-		y
-	]), F = u(() => {
-		r(s ? s() : l(e, t)), g([]), d(/* @__PURE__ */ new Set());
+		b
+	]), M = h(() => {
+		r(s ? s() : d(e, t)), f([]), l(/* @__PURE__ */ new Set());
 	}, [
 		s,
 		e,
 		t,
 		r
-	]);
-	return {
-		rows: D,
-		sourceOptions: b,
-		propertyOptions: x,
-		addableProperties: w,
-		coverage: S,
-		conflicts: j,
-		setSource: u((i, a) => {
-			if (o === "property") {
-				if (!a) {
-					let e = n.find((e) => e.propertyName === i);
-					r(n.filter((e) => e.propertyName !== i)), e?.resolve === "lookup" && y([i]);
-					return;
-				}
-				let o = V(n, e, t, a, i), s = t.find((e) => e.name === i), c = O(e).find((e) => e.id === a), l = o.mappings.find((e) => e.propertyName === i);
-				if (!l.resolve) {
-					let e = M(c, s);
-					if (e) {
-						l = {
-							...l,
-							resolve: e
-						}, r(z(o.mappings, l)), y(o.clearedLookupProps);
-						return;
-					}
-				}
-				r(o.mappings), y(o.clearedLookupProps);
+	]), I = h((i, a) => {
+		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]);
 				return;
 			}
-			let s = v.indexOf(i);
-			if (s >= 0) {
-				if (!a) {
-					let e = n[s];
-					r(n.filter((e, t) => t !== s)), e?.resolve === "lookup" && y([e.propertyName]);
+			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);
+				if (e) {
+					l = {
+						...l,
+						resolve: e
+					}, r(G(o.mappings, l)), b(o.clearedLookupProps);
 					return;
 				}
-				let i = n[s], o = t.find((e) => e.name === i.propertyName), c = {
+			}
+			r(o.mappings), b(o.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]);
+				return;
+			}
+			let i = n[s], o = t.find((e) => e.name === i.propertyName), c = {
+				sourceId: a,
+				propertyName: i.propertyName
+			};
+			if (c = U(c, o), !c.resolve) {
+				let t = L(N(e).find((e) => e.id === a), o);
+				t && (c = {
+					...c,
+					resolve: t
+				});
+			}
+			let l = [...n];
+			l[s] = c, r(l), i.resolve === "lookup" && c.resolve !== "lookup" && b([i.propertyName]);
+			return;
+		}
+		f((o) => {
+			let s = o.map((n) => {
+				if (n.id !== i) return n;
+				if (!a) return {
+					id: n.id,
+					propertyName: n.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: i.propertyName
+					propertyName: n.propertyName ?? ""
+				}, r).resolve || o || void 0;
+				return {
+					id: n.id,
+					sourceId: a,
+					propertyName: n.propertyName,
+					resolve: s
 				};
-				if (c = R(c, o), !c.resolve) {
-					let t = M(O(e).find((e) => e.id === a), o);
-					t && (c = {
-						...c,
-						resolve: t
-					});
-				}
-				let l = [...n];
-				l[s] = c, r(l), i.resolve === "lookup" && c.resolve !== "lookup" && y([i.propertyName]);
-				return;
+			}), 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,
+				propertyName: e.propertyName,
+				...e.resolve ? { resolve: e.resolve } : {}
+			}))]), l) : s;
+		});
+	}, [
+		o,
+		n,
+		e,
+		t,
+		r,
+		b,
+		g
+	]), R = h((i, a) => {
+		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
+			};
+			if (l = U(l, o), !l.resolve) {
+				let e = L(c, o);
+				e && (l = {
+					...l,
+					resolve: e
+				});
 			}
-			g((o) => {
-				let s = o.map((n) => {
-					if (n.id !== i) return n;
-					if (!a) return {
-						id: n.id,
-						propertyName: n.propertyName
-					};
-					let r = n.propertyName ? t.find((e) => e.name === n.propertyName) : void 0, o = M(O(e).find((e) => e.id === a), r), s = r && R({
-						sourceId: a,
-						propertyName: n.propertyName ?? ""
-					}, r).resolve || o || void 0;
-					return {
-						id: n.id,
-						sourceId: a,
-						propertyName: n.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) => ({
+			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]);
+			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);
+				let c = {
+					id: n.id,
+					sourceId: n.sourceId,
+					propertyName: a,
+					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,
 					propertyName: e.propertyName,
 					...e.resolve ? { resolve: e.resolve } : {}
-				}))]), l) : s;
-			});
-		}, [
-			o,
-			n,
-			e,
-			t,
-			r,
-			y,
-			v
-		]),
-		setProperty: u((i, a) => {
-			if (o === "property") return;
-			let s = v.indexOf(i);
-			if (s >= 0) {
-				let i = n[s], o = t.find((e) => e.name === a), c = O(e).find((e) => e.id === i.sourceId), l = {
-					sourceId: i.sourceId,
-					propertyName: a
-				};
-				if (l = R(l, o), !l.resolve) {
-					let e = M(c, o);
-					e && (l = {
-						...l,
-						resolve: e
-					});
-				}
-				let u = [...n];
-				u[s] = l, r(u), i.resolve === "lookup" && l.resolve !== "lookup" && y([i.propertyName]), i.propertyName !== a && i.resolve === "lookup" && l.resolve === "lookup" && y([i.propertyName]);
-				return;
+				}));
+				return r([...n, ...e]), l;
 			}
-			g((o) => {
-				let s = o.map((n) => {
-					if (n.id !== i) return n;
-					let r = t.find((e) => e.name === a), o = n.sourceId ? O(e).find((e) => e.id === n.sourceId) : void 0, s = n.resolve;
-					n.sourceId && r && (s = R({
-						sourceId: n.sourceId,
-						propertyName: a
-					}, r).resolve ?? M(o, r) ?? void 0);
-					let c = {
-						id: n.id,
-						sourceId: n.sourceId,
-						propertyName: a,
-						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,
-						propertyName: e.propertyName,
-						...e.resolve ? { resolve: e.resolve } : {}
-					}));
-					return r([...n, ...e]), l;
-				}
-				return s;
-			});
-		}, [
-			o,
-			v,
-			n,
-			t,
-			e,
-			r,
-			y
-		]),
-		setTransform: u((e, t) => {
+			return s;
+		});
+	}, [
+		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);
+	}, [
+		n,
+		o,
+		g,
+		r,
+		a,
+		i
+	]);
+	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
+			};
 			if (o === "property") {
-				let i = n.find((t) => t.propertyName === e);
-				if (!i) return;
-				r(z(n, t ? {
-					...i,
-					resolve: t
-				} : {
-					sourceId: i.sourceId,
-					propertyName: i.propertyName
-				})), i.resolve === "lookup" && t !== "lookup" && y([e]);
+				let a = n.find((t) => t.propertyName === e);
+				if (!a) return;
+				r(G(n, i(a, t))), a.resolve === "lookup" && t !== "lookup" && b([e]);
 				return;
 			}
-			let i = v.indexOf(e);
-			if (i >= 0) {
-				let e = n[i], a = t ? {
-					...e,
-					resolve: t
-				} : {
-					sourceId: e.sourceId,
-					propertyName: e.propertyName
-				}, o = [...n];
-				o[i] = a, r(o), e.resolve === "lookup" && t !== "lookup" && y([e.propertyName]);
+			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]);
 				return;
 			}
-			g((n) => n.map((n) => n.id === e ? {
+			f((n) => n.map((n) => n.id === e ? {
 				...n,
 				resolve: t ?? void 0
 			} : n));
 		}, [
 			o,
 			n,
-			v,
+			g,
 			r,
-			y
+			b
 		]),
-		addRow: u((e) => {
+		setLookupEntries: z,
+		addRow: h((e) => {
 			if (o === "property") {
-				e && d((t) => new Set(t).add(e));
+				e && l((t) => new Set(t).add(e));
 				return;
 			}
-			g((t) => [...t, {
-				id: W("draft"),
+			f((t) => [...t, {
+				id: Y("draft"),
 				...e ? { propertyName: e } : {}
 			}]);
 		}, [o]),
-		removeRow: u((e) => {
+		removeRow: h((e) => {
 			if (o === "property") {
 				let t = n.find((t) => t.propertyName === e);
-				r(n.filter((t) => t.propertyName !== e)), t?.resolve === "lookup" && y([e]), d((t) => {
+				r(n.filter((t) => t.propertyName !== e)), t?.resolve === "lookup" && b([e]), l((t) => {
 					if (!t.has(e)) return t;
 					let n = new Set(t);
 					return n.delete(e), n;
 				});
 				return;
 			}
-			let t = v.indexOf(e);
+			let t = g.indexOf(e);
 			if (t >= 0) {
 				let e = n[t];
-				r(n.filter((e, n) => n !== t)), e?.resolve === "lookup" && y([e.propertyName]);
+				r(n.filter((e, n) => n !== t)), e?.resolve === "lookup" && b([e.propertyName]);
 				return;
 			}
-			g((t) => t.filter((t) => t.id !== e));
+			f((t) => t.filter((t) => t.id !== e));
 		}, [
 			o,
 			n,
-			v,
+			g,
 			r,
-			y
+			b
 		]),
-		autoMap: F,
-		connect: N,
-		removeBySource: P
+		autoMap: M,
+		connect: A,
+		removeBySource: j
 	};
 }
 //#endregion
 //#region src/react/FieldMapper.tsx
-function xe({ sources: e, targets: t, mappings: n, onChange: r, lookups: i = {}, onLookupsChange: a, onAutoMap: o, className: s, theme: c = "default", connectionColors: l, showPreview: u, layout: p = "rows", rowKey: m = "property", defaultRows: h = "requiredAndMapped", classNames: _, components: x, slots: w, renderRowAccessory: T }) {
-	let E = be({
+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({
 		sources: e,
 		targets: t,
 		mappings: n,
 		onChange: r,
 		lookups: i,
 		onLookupsChange: a,
-		rowKey: p === "rows" ? m : "property",
+		rowKey: d === "rows" ? f : "property",
 		onAutoMap: o
-	}), D = ae(c), O = f(() => C(w, u, { layout: p }), [
-		w,
+	}), E = ce(c), k = _(() => O(v, u, { layout: d }), [
+		v,
 		u,
-		p
-	]), k = f(() => ({
-		Select: x?.Select ?? v,
-		Button: x?.Button ?? y,
-		Pill: x?.Pill ?? b
-	}), [x]);
-	d(() => {
-		fe(D);
-	}, [D]);
-	let A = S("root", _, [
-		D === "none" || c === "unstyled" || c === "none" ? "seed-field-mapper--unstyled" : null,
-		p === "rows" ? "seed-field-mapper--rows" : "seed-field-mapper--wires",
+		d
+	]), A = _(() => ({
+		Select: h?.Select ?? C,
+		Button: h?.Button ?? w,
+		Pill: h?.Pill ?? T
+	}), [h]);
+	g(() => {
+		ge(E);
+	}, [E]);
+	let j = D("root", m, [
+		E === "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__ */ g("div", {
-		className: A,
-		"data-theme": D,
-		"data-layout": p,
-		"data-row-key": p === "rows" ? m : void 0,
-		children: p === "wires" ? /* @__PURE__ */ g(he, {
+	return /* @__PURE__ */ x("div", {
+		className: j,
+		"data-theme": E,
+		"data-layout": d,
+		"data-row-key": d === "rows" ? f : void 0,
+		children: d === "wires" ? /* @__PURE__ */ x(ye, {
 			sources: e,
 			targets: t,
 			mappings: n,
-			mapper: E,
+			mapper: S,
 			lookups: i,
 			onLookupsChange: a,
+			renderLookup: b,
 			connectionColors: l,
-			slots: O,
-			classNames: _,
-			ui: k
-		}) : m === "source" ? /* @__PURE__ */ g(ye, {
+			slots: k,
+			classNames: m,
+			ui: A
+		}) : f === "source" ? /* @__PURE__ */ x(Ce, {
 			sources: e,
 			targets: t,
 			mappings: n,
-			mapper: E,
+			mapper: S,
 			lookups: i,
 			onLookupsChange: a,
-			slots: O,
-			classNames: _,
-			ui: k,
-			renderRowAccessory: T
-		}) : /* @__PURE__ */ g(_e, {
+			slots: k,
+			classNames: m,
+			ui: A,
+			renderRowAccessory: y,
+			renderLookup: b
+		}) : /* @__PURE__ */ x(xe, {
 			sources: e,
 			targets: t,
 			mappings: n,
-			mapper: E,
-			defaultRows: h,
+			mapper: S,
+			defaultRows: p,
 			lookups: i,
 			onLookupsChange: a,
-			slots: O,
-			classNames: _,
-			ui: k,
-			renderRowAccessory: T
+			slots: k,
+			classNames: m,
+			ui: A,
+			renderRowAccessory: y,
+			renderLookup: b
 		})
 	});
 }
 //#endregion
-export { de as DEFAULT_THEME_CSS, re as FIELD_MAPPER_PAIR_SLOTS, xe as FieldMapper, ce as PAINT_THEME_CSS, x as SLOT_BASE_CLASS, se as STRUCTURAL_THEME_CSS, X as THEME_STYLE_ID, H as buildPropertyModeRows, k as buildSourceOptions, P as buildSyncPreviewBag, ue as buildThemeCss, I as computeCoverage, M as computeRequiredResolve, V as connectSourceToProperty, ie as connectionStrokeForIndex, fe as ensureThemeInjected, K as filterPropertyNames, L as findConflicts, N as previewForEdge, pe as resetThemeInjectionForTests, C as resolveSlots, ae as resolveTheme, T as showJsonPreview, w as showRowPreview, S as slotClass, be as useFieldMapper, le as wrapInThemeLayer };
+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 };
 
 //# sourceMappingURL=react.js.map