@seedprotocol/mapping 0.5.3 → 0.6.1

package/dist/react.js

@@ -0,0 +1,1690 @@
+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 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,
+		value: t,
+		onChange: (e) => n(e.target.value),
+		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", {
+		type: t,
+		className: e,
+		onClick: n,
+		disabled: i,
+		"aria-label": a,
+		"aria-pressed": o,
+		children: r
+	});
+}
+function T({ className: e, children: t }) {
+	return /* @__PURE__ */ x("span", {
+		className: e,
+		children: t
+	});
+}
+//#endregion
+//#region src/react/fieldMapperSlots.ts
+var E = {
+	root: "seed-field-mapper",
+	toolbar: "fm-toolbar",
+	filter: "fm-filter",
+	coverage: "fm-meta",
+	autoMapButton: "fm-btn fm-btn-primary",
+	rowList: "fm-row-list",
+	row: "fm-row",
+	propertyLabel: "fm-row-prop-name",
+	dataType: "fm-dtype",
+	sourceSelect: "fm-select",
+	transformSelect: "fm-select",
+	rowAccessory: "fm-row-accessory",
+	preview: "fm-row-preview",
+	validation: "fm-row-flag",
+	removeButton: "fm-remove",
+	addButton: "fm-btn",
+	inspector: "fm-inspector",
+	lookupEditor: "fm-lookups",
+	jsonPreview: "fm-preview"
+};
+function D(e, t, n) {
+	return [
+		E[e],
+		t?.[e],
+		n
+	].filter(Boolean).join(" ");
+}
+function O(e, t, n) {
+	let r;
+	r = e?.preview === void 0 ? t !== !1 && "both" : e.preview;
+	let i;
+	return i = e?.lookups === !1 ? !1 : e?.lookups === "row" || e?.lookups === "section" ? e.lookups : n?.layout === "rows" ? "row" : "section", {
+		autoMap: e?.autoMap ?? !0,
+		filter: e?.filter ?? !0,
+		inspector: e?.inspector ?? !0,
+		preview: r,
+		lookups: i
+	};
+}
+function k(e) {
+	return e === "row" || e === "both";
+}
+function A(e) {
+	return e === "json" || e === "both";
+}
+//#endregion
+//#region src/react/fieldMapperCore.ts
+function j(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);
+	return n ? `${t} · "${n}"` : t;
+}
+function N(e) {
+	return e.filter((e) => e.kind !== "resolved");
+}
+function P(e) {
+	return N(e).map((e) => ({
+		value: e.id,
+		label: M(e),
+		sample: e.value,
+		kind: e.kind
+	}));
+}
+function F(e) {
+	return e.map((e) => ({
+		value: e.name,
+		label: e.required ? `${e.name} *` : e.name,
+		dataType: e.dataType
+	}));
+}
+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("<") && u(t);
+}
+function L(e, t) {
+	if (!e || !t) return null;
+	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 R(e, t, r) {
+	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 === "lookup") {
+		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 ref for "${j(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);
+		try {
+			return j(JSON.stringify(n), 80);
+		} catch {
+			return j(String(n), 80);
+		}
+	}
+	return j(e.value, 80);
+}
+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) => ({
+			propertyName: e.propertyName,
+			sourceId: e.sourceId,
+			resolve: e.resolve
+		}))
+	};
+}
+function B(e) {
+	if (e.conflict) return "conflict";
+	if (!e.mapping?.sourceId || !e.mapping.propertyName) return "empty";
+	let t = e.mapping.resolve ?? null;
+	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 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,
+		total: e.length,
+		missingRequired: r
+	};
+}
+function H(e) {
+	let t = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Set();
+	for (let r of e) {
+		let e = r.propertyName;
+		if (!e) continue;
+		let i = t.get(e);
+		i ? (n.add(r.id), n.add(i)) : t.set(e, r.id);
+	}
+	return n;
+}
+function U(e, t) {
+	return e.resolve ? e.resolve === "lookup" ? e : p(e) : t && c(t) ? {
+		...p(e),
+		resolve: "lookup"
+	} : 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 G(e, t) {
+	let n = e.filter((e) => e.propertyName !== t.propertyName);
+	return n.push(t), n;
+}
+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 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 = 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;
+		}),
+		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);
+	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({
+			mapping: t,
+			requiredResolve: r,
+			sampleValue: s,
+			lookups: i
+		});
+		return {
+			id: e.name,
+			target: e,
+			mapping: t,
+			source: n,
+			sampleValue: s,
+			preview: R(n, t?.resolve, {
+				target: e,
+				lookups: i,
+				propertyName: e.name,
+				mapping: t
+			}),
+			requiredResolve: r,
+			state: c
+		};
+	});
+}
+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}`;
+		l.push({
+			id: i,
+			propertyName: r.propertyName,
+			mapping: r,
+			source: s.get(r.sourceId),
+			target: c.get(r.propertyName)
+		});
+	}
+	for (let e of r) l.push({
+		id: e.id,
+		propertyName: e.propertyName,
+		mapping: e.sourceId && e.propertyName ? {
+			sourceId: e.sourceId,
+			propertyName: e.propertyName,
+			...e.resolve ? { resolve: e.resolve } : {}
+		} : e.sourceId || e.propertyName ? {
+			sourceId: e.sourceId ?? "",
+			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
+	});
+	let u = H(l);
+	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,
+				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;
+			return {
+				id: e.id,
+				target: e.target,
+				mapping: s,
+				source: e.source,
+				sampleValue: r,
+				preview: R(e.source, s?.resolve, {
+					target: e.target,
+					lookups: o,
+					propertyName: s?.propertyName,
+					mapping: s
+				}),
+				requiredResolve: t,
+				state: a
+			};
+		}),
+		conflicts: u
+	};
+}
+function Y(e) {
+	return `${e}-${Math.random().toString(36).slice(2, 10)}`;
+}
+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(Y("edge"));
+	return n;
+}
+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);
+	return a;
+}
+//#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));
+	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", {
+		className: "fm-lookup-block",
+		children: [
+			!o && /* @__PURE__ */ S("h4", { children: [e.propertyName, f?.ref ? ` → ${f.ref}` : ""] }),
+			/* @__PURE__ */ x("div", {
+				className: "fm-lookup-hint",
+				children: "Map source strings to refs. Host owns Identity search/create."
+			}),
+			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__ */ S("div", {
+				className: "fm-lookup-row",
+				children: [/* @__PURE__ */ x("div", {
+					className: "fm-lookup-key",
+					title: t,
+					children: t || "(empty)"
+				}), /* @__PURE__ */ x("input", {
+					className: "fm-lookup-input",
+					type: "text",
+					placeholder: "ref",
+					value: p.get(t) ?? "",
+					onChange: (n) => i(e, ie(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 = _(() => {
+		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),
+		e === "row" ? "fm-lookups--row" : null,
+		o
+	].filter(Boolean).join(" ");
+	return /* @__PURE__ */ S("div", {
+		className: l,
+		children: [e === "section" && /* @__PURE__ */ x("div", {
+			className: "fm-lookups-title",
+			children: "Relation lookups"
+		}), s.map((t) => /* @__PURE__ */ x(ae, {
+			mapping: t,
+			sources: n,
+			targetsByName: c,
+			onLookupChange: i,
+			compact: e === "row"
+		}, `${t.sourceId}-${t.propertyName}`))]
+	});
+}
+//#endregion
+//#region src/react/fieldMapperTheme.ts
+var oe = 8, Z = "seed-field-mapper-theme";
+function Q(e) {
+	return e % 8;
+}
+function se(e, t) {
+	if (t && t.length > 0) return t[e % t.length];
+	let n = Q(e) + 1;
+	return `var(--fm-map-${n}, var(--map-${n}, currentColor))`;
+}
+function ce(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 = `
+.seed-field-mapper {
+${le}
+  color: var(--sfm-color-ink);
+  background: var(--sfm-color-ground);
+}
+.seed-field-mapper .fm-btn {
+  background: var(--sfm-color-well);
+  border-color: var(--sfm-color-line);
+  color: var(--sfm-color-ink);
+}
+.seed-field-mapper .fm-btn:hover { border-color: var(--sfm-color-faint); }
+.seed-field-mapper .fm-btn-primary {
+  background: var(--sfm-color-selection);
+  border-color: var(--sfm-color-selection);
+}
+.seed-field-mapper .fm-meta {
+  color: var(--sfm-color-muted);
+}
+.seed-field-mapper .fm-banner {
+  border-color: var(--sfm-color-line);
+  background: var(--sfm-color-well);
+}
+.seed-field-mapper .fm-banner-warn {
+  border-color: var(--sfm-color-warning);
+  color: var(--sfm-color-warning);
+}
+.seed-field-mapper .fm-banner-danger {
+  border-color: var(--sfm-color-danger);
+  color: var(--sfm-color-danger);
+}
+.seed-field-mapper .fm-col-title {
+  color: var(--sfm-color-faint);
+}
+.seed-field-mapper .fm-card {
+  border-color: var(--sfm-color-line);
+  background: var(--sfm-color-well);
+}
+.seed-field-mapper .fm-card.active,
+.seed-field-mapper .fm-card.pending {
+  border-color: var(--sfm-color-selection);
+  box-shadow: 0 0 0 1px var(--sfm-color-selection);
+}
+.seed-field-mapper .fm-card.mapped {
+  border-color: var(--sfm-color-faint);
+}
+.seed-field-mapper .fm-card.highlight {
+  border-color: var(--sfm-color-highlight);
+}
+.seed-field-mapper .fm-value {
+  color: var(--sfm-color-muted);
+}
+.seed-field-mapper .fm-kind {
+  color: var(--sfm-color-faint);
+}
+.seed-field-mapper .fm-dtype {
+  border-color: var(--sfm-color-line);
+  color: var(--sfm-color-muted);
+  background: transparent;
+}
+.seed-field-mapper .fm-remove {
+  color: var(--sfm-color-muted);
+}
+.seed-field-mapper .fm-remove:hover { color: var(--sfm-color-danger); }
+.seed-field-mapper .fm-preview {
+  background: color-mix(in srgb, var(--sfm-color-ground) 80%, black);
+  border-color: var(--sfm-color-line);
+  color: var(--sfm-color-ink);
+}
+.seed-field-mapper details.fm-preview > summary {
+  color: var(--sfm-color-muted);
+}
+.seed-field-mapper .fm-lookups {
+  border-color: var(--sfm-color-line);
+}
+.seed-field-mapper .fm-lookups-title {
+  color: var(--sfm-color-faint);
+}
+.seed-field-mapper .fm-lookup-block {
+  border-color: var(--sfm-color-line);
+  background: var(--sfm-color-well);
+}
+.seed-field-mapper .fm-lookup-hint {
+  color: var(--sfm-color-muted);
+}
+.seed-field-mapper .fm-lookup-key {
+  color: var(--sfm-color-muted);
+}
+.seed-field-mapper .fm-lookup-input {
+  background: var(--sfm-color-ground);
+  border-color: var(--sfm-color-line);
+  color: var(--sfm-color-ink);
+}
+.seed-field-mapper .fm-lookup-input:focus {
+  border-color: var(--sfm-color-selection);
+}
+.seed-field-mapper .fm-row {
+  border-color: var(--sfm-color-line);
+  background: var(--sfm-color-well);
+}
+.seed-field-mapper .fm-row[data-state="needsResolve"] {
+  border-color: var(--sfm-color-warning);
+}
+.seed-field-mapper .fm-row[data-state="conflict"] {
+  border-color: var(--sfm-color-danger);
+}
+.seed-field-mapper .fm-row-preview {
+  color: var(--sfm-color-muted);
+}
+.seed-field-mapper .fm-row-flag {
+  color: var(--sfm-color-warning);
+}
+.seed-field-mapper .fm-select {
+  background: var(--sfm-color-ground);
+  border-color: var(--sfm-color-line);
+  color: var(--sfm-color-ink);
+}
+.seed-field-mapper .fm-select:focus {
+  border-color: var(--sfm-color-selection);
+}
+.seed-field-mapper .fm-filter .fm-btn[aria-pressed="true"] {
+  border-color: var(--sfm-color-selection);
+  color: var(--sfm-color-ink);
+}
+.seed-field-mapper .fm-inspector {
+  border-color: var(--sfm-color-line);
+}
+.seed-field-mapper .fm-inspector summary {
+  color: var(--sfm-color-muted);
+}
+.seed-field-mapper .fm-inspector-row {
+  border-color: var(--sfm-color-line);
+}
+.seed-field-mapper .fm-into {
+  color: var(--sfm-color-faint);
+}
+`;
+function fe(e) {
+	return `@layer seed-field-mapper {\n${e}\n}`;
+}
+function pe(e) {
+	return e === "none" ? "" : fe(e === "structural" ? ue : `${ue}\n${de}`);
+}
+var me = pe("default"), he = null;
+function ge(e) {
+	if (typeof document > "u" || e === "none") return;
+	let t = pe(e), n = document.getElementById(Z);
+	if (n) {
+		he !== e && (n.textContent = t, he = e);
+		return;
+	}
+	let r = document.createElement("style");
+	r.id = Z, r.textContent = t, document.head.appendChild(r), he = e;
+}
+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, t) {
+	if (!e.resolve) return e.sourceId;
+	let n = i(e.sourceId, e.resolve);
+	return t.some((e) => e.id === n) ? n : e.sourceId;
+}
+function ve(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
+} }) {
+	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
+	}), [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]), H = _(() => {
+		let t = /* @__PURE__ */ new Map();
+		return n.forEach((n, r) => {
+			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();
+		return n.map((n, r) => {
+			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: se(r, o),
+				mappingIndex: r,
+				mapping: n
+			};
+		}).filter((e) => e !== null);
+	}, [
+		n,
+		o,
+		e
+	]);
+	g(() => {
+		let e = () => {
+			if (L.current) {
+				let e = L.current.getBoundingClientRect();
+				P({
+					width: e.width,
+					height: e.height
+				});
+			}
+			I(U());
+		};
+		e(), window.addEventListener("resize", e);
+		let t = setInterval(e, 200);
+		return () => {
+			window.removeEventListener("resize", e), clearInterval(t);
+		};
+	}, [
+		U,
+		n,
+		e,
+		t
+	]);
+	let W = (e) => {
+		p((t) => t === e ? null : e);
+	}, G = (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);
+	}, 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 === O || n === O;
+		}
+		return !1;
+	}, J = m != null || O != null, te = _(() => z(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),
+				onClick: () => r.autoMap(),
+				children: "Auto-map"
+			}), /* @__PURE__ */ S("span", {
+				className: D("coverage", l),
+				children: [
+					Y.mapped,
+					" / ",
+					Y.total,
+					" mapped",
+					Y.missingRequired.length > 0 ? ` · ${Y.missingRequired.length} required missing` : "",
+					f ? " · click properties (source stays selected)" : " · click a source"
+				]
+			})]
+		}),
+		/* @__PURE__ */ S("div", {
+			className: "fm-grid",
+			ref: L,
+			children: [
+				/* @__PURE__ */ x("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", {
+							className: "fm-connector",
+							"data-mapping-index": 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: J && !t ? .25 : .85
+						}, `${e.mapping.sourceId}-${e.mapping.propertyName}-${e.mapping.resolve ?? "copy"}`);
+					})
+				}),
+				/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("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 r = $(n, e);
+						return (n.sourceId === t.id || r === t.id) && n.propertyName === m;
+					});
+					return /* @__PURE__ */ S("div", {
+						ref: (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(Q(s))
+						} : {},
+						onClick: () => W(t.id),
+						onMouseEnter: () => k(t.id),
+						onMouseLeave: () => k(null),
+						children: [/* @__PURE__ */ S("div", {
+							className: "fm-prop-row",
+							children: [/* @__PURE__ */ S("div", {
+								className: "fm-label",
+								children: [
+									t.label,
+									t.subtitle ? /* @__PURE__ */ x("span", {
+										className: "fm-kind",
+										children: t.subtitle
+									}) : null,
+									/* @__PURE__ */ x("span", {
+										className: "fm-kind",
+										children: t.kind
+									})
+								]
+							}), 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__ */ x("div", {
+							className: "fm-value",
+							children: ve(t.value, 80)
+						})]
+					}, t.id);
+				})] }),
+				/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("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", {
+						ref: (e) => {
+							B.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))
+						},
+						onClick: () => G(t.name),
+						onMouseEnter: () => E(t.name),
+						onMouseLeave: () => E(null),
+						children: [/* @__PURE__ */ S("div", {
+							className: "fm-prop-row",
+							children: [/* @__PURE__ */ x("div", {
+								className: "fm-label",
+								children: t.name
+							}), /* @__PURE__ */ S("div", {
+								style: {
+									display: "flex",
+									alignItems: "center",
+									gap: 4
+								},
+								children: [/* @__PURE__ */ S("span", {
+									className: "fm-dtype",
+									children: [t.dataType, t.ref ? ` → ${t.ref}` : ""]
+								}), n && /* @__PURE__ */ x(d, {
+									className: D("removeButton", l),
+									"aria-label": "Remove mapping for property",
+									onClick: (e) => {
+										e.stopPropagation(), r.removeRow(t.name);
+									},
+									children: "×"
+								})]
+							})]
+						}), n && /* @__PURE__ */ S("div", {
+							className: "fm-value",
+							children: [
+								"← ",
+								n.sourceId,
+								n.resolve ? ` (${n.resolve})` : ""
+							]
+						})]
+					}, t.name);
+				})] })
+			]
+		}),
+		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,
+			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
+		}),
+		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", {
+				className: "fm-preview-body",
+				children: JSON.stringify(te, null, 2)
+			})]
+		})
+	] });
+}
+//#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), [
+		t,
+		n,
+		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]), U = _(() => z(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);
+	}, ie = (e) => {
+		Y(e), F && (r.setSource(e, F), I(null));
+	};
+	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__ */ S("span", {
+				className: D("coverage", s),
+				children: [
+					W.mapped,
+					" of ",
+					W.total,
+					" properties mapped",
+					W.missingRequired.length > 0 ? ` · ${W.missingRequired.length} required missing` : ""
+				]
+			})]
+		}),
+		o.filter && /* @__PURE__ */ S("div", {
+			className: D("filter", s),
+			role: "group",
+			"aria-label": "Row filter",
+			children: [/* @__PURE__ */ x(f, {
+				className: "fm-btn",
+				"aria-pressed": m === "requiredAndMapped",
+				onClick: () => h("requiredAndMapped"),
+				children: "Mapped + required"
+			}), /* @__PURE__ */ S(f, {
+				className: "fm-btn",
+				"aria-pressed": m === "all",
+				onClick: () => h("all"),
+				children: [
+					"All ",
+					t.length,
+					" properties"
+				]
+			})]
+		}),
+		/* @__PURE__ */ x("div", {
+			className: D("rowList", s),
+			children: V.map((n) => {
+				let i = n.mapping?.resolve ?? "";
+				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__ */ S("div", {
+							className: "fm-row-main",
+							children: [
+								/* @__PURE__ */ S("div", {
+									className: "fm-row-prop",
+									children: [/* @__PURE__ */ S("div", {
+										className: D("propertyLabel", s),
+										children: [n.target?.name, n.target?.required ? " *" : ""]
+									}), /* @__PURE__ */ x(p, {
+										className: D("dataType", s),
+										children: n.target?.dataType
+									})]
+								}),
+								/* @__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__ */ x("option", {
+										value: "",
+										children: "Choose a source field…"
+									}), G.map((e) => /* @__PURE__ */ x("option", {
+										value: e.value,
+										children: e.label
+									}, e.value))]
+								}),
+								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: be.map((e) => /* @__PURE__ */ x("option", {
+										value: e.value,
+										children: e.label
+									}, e.label))
+								}) : /* @__PURE__ */ x(p, {
+									className: D("dataType", s),
+									children: n.target?.dataType
+								}),
+								/* @__PURE__ */ x("div", {
+									className: D("rowAccessory", s),
+									children: l?.(n) ?? null
+								}),
+								/* @__PURE__ */ x(f, {
+									className: D("removeButton", s),
+									"aria-label": `Remove mapping for ${n.id}`,
+									onClick: () => r.removeRow(n.id),
+									children: "×"
+								})
+							]
+						}),
+						ee && n.preview && /* @__PURE__ */ x("div", {
+							className: D("preview", s),
+							children: n.preview
+						}),
+						n.state === "needsResolve" && n.requiredResolve && /* @__PURE__ */ S("div", {
+							className: D("validation", s),
+							children: ["needs ", n.requiredResolve]
+						}),
+						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,
+							onLookupChange: (e, t) => r.setLookupEntries(n.id, t),
+							classNames: s
+						}))
+					]
+				}, n.id);
+			})
+		}),
+		/* @__PURE__ */ x("div", {
+			style: { marginTop: 10 },
+			children: M ? /* @__PURE__ */ S(d, {
+				className: D("sourceSelect", s),
+				"aria-label": "Add property mapping",
+				value: "",
+				onChange: (e) => {
+					e && ie(e);
+				},
+				children: [/* @__PURE__ */ x("option", {
+					value: "",
+					children: "Choose a property…"
+				}), K.map((e) => /* @__PURE__ */ S("option", {
+					value: e.name,
+					children: [
+						e.name,
+						e.required ? " *" : "",
+						" (",
+						e.dataType,
+						")"
+					]
+				}, e.name))]
+			}) : /* @__PURE__ */ x(f, {
+				className: D("addButton", s),
+				onClick: () => P(!0),
+				disabled: K.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: [
+				"Source fields (",
+				N(e).length,
+				")"
+			] }), N(e).map((e) => {
+				let t = H.get(e.id) ?? [];
+				return /* @__PURE__ */ S("div", {
+					className: "fm-inspector-row",
+					children: [
+						/* @__PURE__ */ S("div", { children: [
+							/* @__PURE__ */ x("strong", { children: e.label }),
+							e.subtitle ? /* @__PURE__ */ x("div", {
+								className: "fm-value",
+								children: e.subtitle
+							}) : null,
+							/* @__PURE__ */ x("div", {
+								className: "fm-value",
+								children: j(e.value, 60)
+							})
+						] }),
+						/* @__PURE__ */ x("div", {
+							className: "fm-value",
+							children: t.length > 0 ? `→ ${t.join(", ")}` : "unused"
+						}),
+						/* @__PURE__ */ x(f, {
+							className: "fm-btn",
+							onClick: () => ne(e.id),
+							children: "Map this"
+						})
+					]
+				}, e.id);
+			})]
+		}),
+		te && /* @__PURE__ */ x(X, {
+			mode: "section",
+			mappings: n,
+			sources: e,
+			targets: t,
+			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__ */ 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(U, 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), [
+		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),
+				onClick: () => F(),
+				children: "Auto-map"
+			}), /* @__PURE__ */ S("span", {
+				className: D("coverage", o),
+				children: [
+					v.mapped,
+					" of ",
+					v.total,
+					" mapped",
+					v.missingRequired.length > 0 ? ` · ${v.missingRequired.length} required missing: ${v.missingRequired.join(", ")}` : ""
+				]
+			})]
+		}),
+		E.size > 0 && /* @__PURE__ */ S("div", {
+			className: "fm-banner fm-banner-danger",
+			role: "alert",
+			children: [
+				E.size,
+				" row",
+				E.size === 1 ? "" : "s",
+				" claim the same property — each property can only have one source."
+			]
+		}),
+		v.missingRequired.length > 0 && /* @__PURE__ */ S("div", {
+			className: "fm-banner fm-banner-warn",
+			role: "status",
+			children: ["Required missing: ", v.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),
+					"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", {
+							className: "fm-row-main fm-row-main-source",
+							children: [
+								/* @__PURE__ */ S(u, {
+									className: D("sourceSelect", o),
+									"aria-label": "Source field",
+									value: a,
+									onChange: (e) => {
+										O(n.id, e || null);
+									},
+									children: [/* @__PURE__ */ x("option", {
+										value: "",
+										children: "Choose a source field…"
+									}), h.map((e) => /* @__PURE__ */ x("option", {
+										value: e.value,
+										children: e.label
+									}, e.value))]
+								}),
+								a ? /* @__PURE__ */ x(u, {
+									className: D("transformSelect", o),
+									"aria-label": "Transform",
+									value: i,
+									onChange: (e) => {
+										M(n.id, e || null);
+									},
+									children: Se.map((e) => /* @__PURE__ */ x("option", {
+										value: e.value,
+										children: e.label
+									}, e.label))
+								}) : /* @__PURE__ */ x("span", { className: "fm-into" }),
+								/* @__PURE__ */ x("span", {
+									className: "fm-into",
+									children: "into"
+								}),
+								/* @__PURE__ */ S(u, {
+									className: D("sourceSelect", o),
+									"aria-label": "Target property",
+									value: s,
+									onChange: (e) => {
+										e && j(n.id, e);
+									},
+									children: [/* @__PURE__ */ x("option", {
+										value: "",
+										children: "Choose a property…"
+									}), g.map((e) => /* @__PURE__ */ x("option", {
+										value: e.value,
+										children: e.label
+									}, e.value))]
+								}),
+								/* @__PURE__ */ x("div", {
+									className: D("rowAccessory", o),
+									children: c?.(n) ?? null
+								}),
+								/* @__PURE__ */ x(d, {
+									className: D("removeButton", o),
+									"aria-label": "Remove row",
+									onClick: () => P(n.id),
+									children: "×"
+								})
+							]
+						}),
+						R && n.preview && /* @__PURE__ */ x("div", {
+							className: D("preview", o),
+							children: n.preview
+						}),
+						n.state === "needsResolve" && n.requiredResolve && /* @__PURE__ */ S("div", {
+							className: D("validation", o),
+							children: ["needs ", n.requiredResolve]
+						}),
+						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 && (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,
+							onLookupChange: (e, t) => r.setLookupEntries(n.id, t),
+							classNames: o
+						}))
+					]
+				}, n.id);
+			})
+		}),
+		/* @__PURE__ */ x("div", {
+			style: { marginTop: 10 },
+			children: /* @__PURE__ */ x(d, {
+				className: D("addButton", o),
+				onClick: () => N(),
+				children: "+ Add mapping"
+			})
+		}),
+		V && /* @__PURE__ */ x(X, {
+			mode: "section",
+			mappings: n,
+			sources: e,
+			targets: t,
+			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
+		}),
+		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(I, 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) => {
+		if (!a || e.length === 0) return;
+		let t = K(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)), [
+		t,
+		w,
+		c
+	]), E = _(() => J({
+		targets: t,
+		mappings: n,
+		sources: e,
+		lookups: i
+	}), [
+		t,
+		n,
+		e,
+		i
+	]), D = _(() => te({
+		mappings: n,
+		edgeIds: g,
+		drafts: u,
+		sources: e,
+		targets: t,
+		lookups: i
+	}), [
+		n,
+		g,
+		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);
+	}, [
+		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());
+	}, [
+		s,
+		e,
+		t,
+		r
+	]), 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 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;
+				}
+			}
+			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: 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) => ({
+				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
+				});
+			}
+			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 } : {}
+				}));
+				return r([...n, ...e]), l;
+			}
+			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 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 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;
+			}
+			f((n) => n.map((n) => n.id === e ? {
+				...n,
+				resolve: t ?? void 0
+			} : n));
+		}, [
+			o,
+			n,
+			g,
+			r,
+			b
+		]),
+		setLookupEntries: z,
+		addRow: h((e) => {
+			if (o === "property") {
+				e && l((t) => new Set(t).add(e));
+				return;
+			}
+			f((t) => [...t, {
+				id: Y("draft"),
+				...e ? { propertyName: e } : {}
+			}]);
+		}, [o]),
+		removeRow: h((e) => {
+			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) => {
+					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]);
+				return;
+			}
+			f((t) => t.filter((t) => t.id !== e));
+		}, [
+			o,
+			n,
+			g,
+			r,
+			b
+		]),
+		autoMap: M,
+		connect: A,
+		removeBySource: j
+	};
+}
+//#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({
+		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,
+		u,
+		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__ */ 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: S,
+			lookups: i,
+			onLookupsChange: a,
+			renderLookup: b,
+			connectionColors: l,
+			slots: k,
+			classNames: m,
+			ui: A
+		}) : f === "source" ? /* @__PURE__ */ x(Ce, {
+			sources: e,
+			targets: t,
+			mappings: n,
+			mapper: S,
+			lookups: i,
+			onLookupsChange: a,
+			slots: k,
+			classNames: m,
+			ui: A,
+			renderRowAccessory: y,
+			renderLookup: b
+		}) : /* @__PURE__ */ x(xe, {
+			sources: e,
+			targets: t,
+			mappings: n,
+			mapper: S,
+			defaultRows: p,
+			lookups: i,
+			onLookupsChange: a,
+			slots: k,
+			classNames: m,
+			ui: A,
+			renderRowAccessory: y,
+			renderLookup: 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 };
+
+//# sourceMappingURL=react.js.map