@seedprotocol/mapping 0.5.3 → 0.6.0

package/dist/react.js

@@ -0,0 +1,1617 @@
+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";
+//#region src/react/fieldMapperControls.tsx
+function v({ className: e, value: t, onChange: n, children: r, disabled: i, "aria-label": a }) {
+	return /* @__PURE__ */ g("select", {
+		className: e,
+		"aria-label": a,
+		disabled: i,
+		value: t,
+		onChange: (e) => n(e.target.value),
+		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", {
+		type: t,
+		className: e,
+		onClick: n,
+		disabled: i,
+		"aria-label": a,
+		"aria-pressed": o,
+		children: r
+	});
+}
+function b({ className: e, children: t }) {
+	return /* @__PURE__ */ g("span", {
+		className: e,
+		children: t
+	});
+}
+//#endregion
+//#region src/react/fieldMapperSlots.ts
+var x = {
+	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 S(e, t, n) {
+	return [
+		x[e],
+		t?.[e],
+		n
+	].filter(Boolean).join(" ");
+}
+function C(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 w(e) {
+	return e === "row" || e === "both";
+}
+function T(e) {
+	return e === "json" || e === "both";
+}
+//#endregion
+//#region src/react/fieldMapperCore.ts
+function E(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);
+	return n ? `${t} · "${n}"` : t;
+}
+function O(e) {
+	return e.filter((e) => e.kind !== "resolved");
+}
+function k(e) {
+	return O(e).map((e) => ({
+		value: e.id,
+		label: D(e),
+		sample: e.value,
+		kind: e.kind
+	}));
+}
+function A(e) {
+	return e.map((e) => ({
+		value: e.name,
+		label: e.required ? `${e.name} *` : e.name,
+		dataType: e.dataType
+	}));
+}
+function j(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);
+}
+function M(e, t) {
+	if (!e || !t) return null;
+	if (o(t)) return "lookup";
+	if (j(e)) {
+		if (t.dataType === "Image" || t.dataType === "File") return "file";
+		if (t.dataType === "Html") return "extract";
+	}
+	return null;
+}
+function N(e, t, a) {
+	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 === "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);
+		}
+		return `‹lookup uid for "${E(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 (typeof n == "number" || typeof n == "boolean") return String(n);
+		try {
+			return E(JSON.stringify(n), 80);
+		} catch {
+			return E(String(n), 80);
+		}
+	}
+	return E(e.value, 80);
+}
+function P(e, t, n) {
+	let r = s(e, t, n), i = t.filter((e) => e.resolve);
+	return i.length === 0 ? r : {
+		...r,
+		_pendingResolve: i.map((e) => ({
+			propertyName: e.propertyName,
+			sourceId: e.sourceId,
+			resolve: e.resolve
+		}))
+	};
+}
+function F(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";
+}
+function I(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 L(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 R(e, t) {
+	return e.resolve ? e : t && o(t) ? {
+		...e,
+		resolve: "lookup"
+	} : e;
+}
+function z(e, t) {
+	let n = e.filter((e) => e.propertyName !== t.propertyName);
+	return n.push(t), n;
+}
+function B(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 = [];
+	return c?.resolve === "lookup" && s.resolve !== "lookup" && u.push(a), {
+		mappings: l,
+		clearedLookupProps: u
+	};
+}
+function ee(e, t) {
+	let n = a(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 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]));
+	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({
+			mapping: t,
+			requiredResolve: r
+		});
+		return {
+			id: e.name,
+			target: e,
+			mapping: t,
+			source: n,
+			preview: N(n, t?.resolve, {
+				target: e,
+				lookups: i,
+				propertyName: e.name
+			}),
+			requiredResolve: r,
+			state: s
+		};
+	});
+}
+function U(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 = L(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({
+				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;
+			return {
+				id: e.id,
+				target: e.target,
+				mapping: a,
+				source: e.source,
+				preview: N(e.source, a?.resolve, {
+					target: e.target,
+					lookups: o,
+					propertyName: a?.propertyName
+				}),
+				requiredResolve: t,
+				state: i
+			};
+		}),
+		conflicts: u
+	};
+}
+function W(e) {
+	return `${e}-${Math.random().toString(36).slice(2, 10)}`;
+}
+function G(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"));
+	return n;
+}
+function K(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 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));
+	c && u.add(c);
+	let d = [...u], f = n.get(e.propertyName);
+	return /* @__PURE__ */ _("div", {
+		className: "fm-lookup-block",
+		children: [
+			!o && /* @__PURE__ */ _("h4", { children: [e.propertyName, f?.ref ? ` → ${f.ref}` : ""] }),
+			/* @__PURE__ */ _("div", {
+				className: "fm-lookup-hint",
+				children: [
+					"Map source strings to seed UIDs",
+					f?.dataType === "List" ? " (comma-separate for multiple)" : "",
+					". Host owns Identity search/create."
+				]
+			}),
+			d.length === 0 ? /* @__PURE__ */ g("div", {
+				className: "fm-lookup-hint",
+				children: "No sample value yet — paste a source string key after connecting."
+			}) : d.map((t) => /* @__PURE__ */ _("div", {
+				className: "fm-lookup-row",
+				children: [/* @__PURE__ */ g("div", {
+					className: "fm-lookup-key",
+					title: t,
+					children: t || "(empty)"
+				}), /* @__PURE__ */ g("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)),
+					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(() => {
+		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),
+		e === "row" ? "fm-lookups--row" : null,
+		s
+	].filter(Boolean).join(" ");
+	return /* @__PURE__ */ _("div", {
+		className: u,
+		children: [e === "section" && /* @__PURE__ */ g("div", {
+			className: "fm-lookups-title",
+			children: "Relation lookups"
+		}), c.map((t) => /* @__PURE__ */ g(J, {
+			mapping: t,
+			sources: n,
+			targetsByName: l,
+			lookups: i,
+			onLookupsChange: a,
+			compact: e === "row"
+		}, `${t.sourceId}-${t.propertyName}`))]
+	});
+}
+//#endregion
+//#region src/react/fieldMapperTheme.ts
+var re = 8, X = "seed-field-mapper-theme";
+function Z(e) {
+	return e % 8;
+}
+function ie(e, t) {
+	if (t && t.length > 0) return t[e % t.length];
+	let n = Z(e) + 1;
+	return `var(--fm-map-${n}, var(--map-${n}, currentColor))`;
+}
+function ae(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 = `
+.seed-field-mapper {
+${oe}
+  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 le(e) {
+	return `@layer seed-field-mapper {\n${e}\n}`;
+}
+function ue(e) {
+	return e === "none" ? "" : le(e === "structural" ? se : `${se}\n${ce}`);
+}
+var de = ue("default"), Q = null;
+function fe(e) {
+	if (typeof document > "u" || e === "none") return;
+	let t = ue(e), n = document.getElementById(X);
+	if (n) {
+		Q !== e && (n.textContent = t, Q = e);
+		return;
+	}
+	let r = document.createElement("style");
+	r.id = X, r.textContent = t, document.head.appendChild(r), Q = e;
+}
+function pe() {
+	if (Q = null, typeof document > "u") return;
+	let e = document.getElementById(X);
+	e && (typeof e.remove == "function" ? e.remove() : e.parentNode && e.parentNode.removeChild(e));
+}
+//#endregion
+//#region src/react/FieldMapperWires.tsx
+function $(e, n) {
+	if (!e.resolve) return e.sourceId;
+	let r = t(e.sourceId, e.resolve);
+	return n.some((e) => e.id === r) ? r : e.sourceId;
+}
+function me(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
+} }) {
+	let C = x.Button, [w, E] = m(null), [D, O] = m(null), [k, A] = m(null), [j, M] = m(!1), [N, F] = m({
+		width: 0,
+		height: 0
+	}), [I, L] = m([]), R = p(null), z = p({}), B = p({}), V = f(() => {
+		let e = /* @__PURE__ */ new Map();
+		return n.forEach((t, n) => {
+			e.set(t.propertyName, n);
+		}), e;
+	}, [n]), ee = f(() => {
+		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]), H = u(() => {
+		if (!R.current) return [];
+		let t = R.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();
+			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),
+				mappingIndex: r,
+				mapping: n
+			};
+		}).filter((e) => e !== null);
+	}, [
+		n,
+		s,
+		e
+	]);
+	d(() => {
+		let e = () => {
+			if (R.current) {
+				let e = R.current.getBoundingClientRect();
+				F({
+					width: e.width,
+					height: e.height
+				});
+			}
+			L(H());
+		};
+		e(), window.addEventListener("resize", e);
+		let t = setInterval(e, 200);
+		return () => {
+			window.removeEventListener("resize", e), clearInterval(t);
+		};
+	}, [
+		H,
+		n,
+		e,
+		t
+	]);
+	let U = (e) => {
+		E((t) => t === e ? null : e);
+	}, W = (e) => {
+		w && r.connect(w, e);
+	}, G = (e) => {
+		let t = a(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) {
+			let n = $(t, e);
+			return t.sourceId === k || n === k;
+		}
+		return !1;
+	}, te = D != null || k != null, ne = f(() => P(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),
+				onClick: () => r.autoMap(),
+				children: "Auto-map"
+			}), /* @__PURE__ */ _("span", {
+				className: S("coverage", l),
+				children: [
+					J.mapped,
+					" / ",
+					J.total,
+					" mapped",
+					J.missingRequired.length > 0 ? ` · ${J.missingRequired.length} required missing` : "",
+					w ? " · click properties (source stays selected)" : " · click a source"
+				]
+			})]
+		}),
+		/* @__PURE__ */ _("div", {
+			className: "fm-grid",
+			ref: R,
+			children: [
+				/* @__PURE__ */ g("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", {
+							className: "fm-connector",
+							"data-mapping-index": e.mappingIndex,
+							"data-pair": Z(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
+						}, `${e.mapping.sourceId}-${e.mapping.propertyName}-${e.mapping.resolve ?? "copy"}`);
+					})
+				}),
+				/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("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 r = $(n, e);
+						return (n.sourceId === t.id || r === t.id) && n.propertyName === D;
+					});
+					return /* @__PURE__ */ _("div", {
+						ref: (e) => {
+							z.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))
+						} : {},
+						onClick: () => U(t.id),
+						onMouseEnter: () => A(t.id),
+						onMouseLeave: () => A(null),
+						children: [/* @__PURE__ */ _("div", {
+							className: "fm-prop-row",
+							children: [/* @__PURE__ */ _("div", {
+								className: "fm-label",
+								children: [
+									t.label,
+									t.subtitle ? /* @__PURE__ */ g("span", {
+										className: "fm-kind",
+										children: t.subtitle
+									}) : null,
+									/* @__PURE__ */ g("span", {
+										className: "fm-kind",
+										children: t.kind
+									})
+								]
+							}), i && /* @__PURE__ */ g(C, {
+								className: S("removeButton", l),
+								"aria-label": "Remove all mappings for source",
+								onClick: (e) => {
+									e.stopPropagation(), r.removeBySource(t.id);
+								},
+								children: "×"
+							})]
+						}), /* @__PURE__ */ g("div", {
+							className: "fm-value",
+							children: me(t.value, 80)
+						})]
+					}, t.id);
+				})] }),
+				/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("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", {
+						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(Z(i))
+						},
+						onClick: () => W(t.name),
+						onMouseEnter: () => O(t.name),
+						onMouseLeave: () => O(null),
+						children: [/* @__PURE__ */ _("div", {
+							className: "fm-prop-row",
+							children: [/* @__PURE__ */ g("div", {
+								className: "fm-label",
+								children: t.name
+							}), /* @__PURE__ */ _("div", {
+								style: {
+									display: "flex",
+									alignItems: "center",
+									gap: 4
+								},
+								children: [/* @__PURE__ */ _("span", {
+									className: "fm-dtype",
+									children: [t.dataType, t.ref ? ` → ${t.ref}` : ""]
+								}), n && /* @__PURE__ */ g(C, {
+									className: S("removeButton", l),
+									"aria-label": "Remove mapping for property",
+									onClick: (e) => {
+										e.stopPropagation(), r.removeRow(t.name);
+									},
+									children: "×"
+								})]
+							})]
+						}), n && /* @__PURE__ */ _("div", {
+							className: "fm-value",
+							children: [
+								"← ",
+								n.sourceId,
+								n.resolve ? ` (${n.resolve})` : ""
+							]
+						})]
+					}, t.name);
+				})] })
+			]
+		}),
+		c.lookups === "section" && o && /* @__PURE__ */ g(Y, {
+			mode: "section",
+			mappings: n,
+			sources: e,
+			targets: t,
+			lookups: i,
+			onLookupsChange: o,
+			classNames: l
+		}),
+		re && /* @__PURE__ */ _("details", {
+			className: S("jsonPreview", l),
+			open: j,
+			onToggle: (e) => M(e.target.open),
+			children: [/* @__PURE__ */ g("summary", { children: "Preview JSON" }), /* @__PURE__ */ g("pre", {
+				className: "fm-preview-body",
+				children: JSON.stringify(ne, null, 2)
+			})]
+		})
+	] });
+}
+//#endregion
+//#region src/react/PropertyRows.tsx
+var ge = [
+	{
+		value: "",
+		label: "copy"
+	},
+	{
+		value: "extract",
+		label: "extract"
+	},
+	{
+		value: "file",
+		label: "file"
+	},
+	{
+		value: "lookup",
+		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), [
+		t,
+		n,
+		C,
+		k
+	]), V = f(() => B == null ? r.rows : r.rows.filter((e) => B.has(e.id)), [r.rows, B]), ee = f(() => {
+		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), [
+		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));
+	};
+	return /* @__PURE__ */ _(h, { children: [
+		/* @__PURE__ */ _("div", {
+			className: S("toolbar", c),
+			children: [s.autoMap && /* @__PURE__ */ g(p, {
+				className: S("autoMapButton", c),
+				onClick: () => r.autoMap(),
+				children: "Auto-map"
+			}), /* @__PURE__ */ _("span", {
+				className: S("coverage", c),
+				children: [
+					U.mapped,
+					" of ",
+					U.total,
+					" properties mapped",
+					U.missingRequired.length > 0 ? ` · ${U.missingRequired.length} required missing` : ""
+				]
+			})]
+		}),
+		s.filter && /* @__PURE__ */ _("div", {
+			className: S("filter", c),
+			role: "group",
+			"aria-label": "Row filter",
+			children: [/* @__PURE__ */ g(p, {
+				className: "fm-btn",
+				"aria-pressed": C === "requiredAndMapped",
+				onClick: () => D("requiredAndMapped"),
+				children: "Mapped + required"
+			}), /* @__PURE__ */ _(p, {
+				className: "fm-btn",
+				"aria-pressed": C === "all",
+				onClick: () => D("all"),
+				children: [
+					"All ",
+					t.length,
+					" properties"
+				]
+			})]
+		}),
+		/* @__PURE__ */ g("div", {
+			className: S("rowList", c),
+			children: V.map((n) => {
+				let i = n.mapping?.resolve ?? "";
+				return /* @__PURE__ */ _("div", {
+					className: S("row", c),
+					"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", {
+							className: "fm-row-main",
+							children: [
+								/* @__PURE__ */ _("div", {
+									className: "fm-row-prop",
+									children: [/* @__PURE__ */ _("div", {
+										className: S("propertyLabel", c),
+										children: [n.target?.name, n.target?.required ? " *" : ""]
+									}), /* @__PURE__ */ g(x, {
+										className: S("dataType", c),
+										children: n.target?.dataType
+									})]
+								}),
+								/* @__PURE__ */ _(d, {
+									className: S("sourceSelect", c),
+									"aria-label": `Source for ${n.id}`,
+									value: n.mapping?.sourceId ?? "",
+									onChange: (e) => {
+										r.setSource(n.id, e || null);
+									},
+									children: [/* @__PURE__ */ g("option", {
+										value: "",
+										children: "Choose a source field…"
+									}), W.map((e) => /* @__PURE__ */ g("option", {
+										value: e.value,
+										children: e.label
+									}, e.value))]
+								}),
+								n.mapping?.sourceId ? /* @__PURE__ */ g(d, {
+									className: S("transformSelect", c),
+									"aria-label": `Transform for ${n.id}`,
+									value: i,
+									onChange: (e) => {
+										r.setTransform(n.id, e || null);
+									},
+									children: ge.map((e) => /* @__PURE__ */ g("option", {
+										value: e.value,
+										children: e.label
+									}, e.label))
+								}) : /* @__PURE__ */ g(x, {
+									className: S("dataType", c),
+									children: n.target?.dataType
+								}),
+								/* @__PURE__ */ g("div", {
+									className: S("rowAccessory", c),
+									children: u?.(n) ?? null
+								}),
+								/* @__PURE__ */ g(p, {
+									className: S("removeButton", c),
+									"aria-label": `Remove mapping for ${n.id}`,
+									onClick: () => r.removeRow(n.id),
+									children: "×"
+								})
+							]
+						}),
+						te && n.preview && /* @__PURE__ */ g("div", {
+							className: S("preview", c),
+							children: n.preview
+						}),
+						n.state === "needsResolve" && n.requiredResolve && /* @__PURE__ */ _("div", {
+							className: S("validation", c),
+							children: ["needs ", n.requiredResolve]
+						}),
+						ne && n.mapping?.resolve === "lookup" && n.mapping && /* @__PURE__ */ g(Y, {
+							mode: "row",
+							mappings: [n.mapping],
+							sources: e,
+							targets: t,
+							lookups: a,
+							onLookupsChange: o,
+							classNames: c
+						})
+					]
+				}, n.id);
+			})
+		}),
+		/* @__PURE__ */ g("div", {
+			style: { marginTop: 10 },
+			children: N ? /* @__PURE__ */ _(d, {
+				className: S("sourceSelect", c),
+				"aria-label": "Add property mapping",
+				value: "",
+				onChange: (e) => {
+					e && Z(e);
+				},
+				children: [/* @__PURE__ */ g("option", {
+					value: "",
+					children: "Choose a property…"
+				}), G.map((e) => /* @__PURE__ */ _("option", {
+					value: e.name,
+					children: [
+						e.name,
+						e.required ? " *" : "",
+						" (",
+						e.dataType,
+						")"
+					]
+				}, e.name))]
+			}) : /* @__PURE__ */ g(p, {
+				className: S("addButton", c),
+				onClick: () => F(!0),
+				disabled: G.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: [
+				"Source fields (",
+				O(e).length,
+				")"
+			] }), O(e).map((e) => {
+				let t = ee.get(e.id) ?? [];
+				return /* @__PURE__ */ _("div", {
+					className: "fm-inspector-row",
+					children: [
+						/* @__PURE__ */ _("div", { children: [
+							/* @__PURE__ */ g("strong", { children: e.label }),
+							e.subtitle ? /* @__PURE__ */ g("div", {
+								className: "fm-value",
+								children: e.subtitle
+							}) : null,
+							/* @__PURE__ */ g("div", {
+								className: "fm-value",
+								children: E(e.value, 60)
+							})
+						] }),
+						/* @__PURE__ */ g("div", {
+							className: "fm-value",
+							children: t.length > 0 ? `→ ${t.join(", ")}` : "unused"
+						}),
+						/* @__PURE__ */ g(p, {
+							className: "fm-btn",
+							onClick: () => X(e.id),
+							children: "Map this"
+						})
+					]
+				}, e.id);
+			})]
+		}),
+		J && /* @__PURE__ */ g(Y, {
+			mode: "section",
+			mappings: n,
+			sources: e,
+			targets: t,
+			lookups: a,
+			onLookupsChange: o,
+			classNames: c
+		}),
+		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", {
+				className: "fm-preview-body",
+				children: JSON.stringify(H, null, 2)
+			})]
+		})
+	] });
+}
+//#endregion
+//#region src/react/SourceRows.tsx
+var ve = [
+	{
+		value: "",
+		label: "copy"
+	},
+	{
+		value: "extract",
+		label: "extract"
+	},
+	{
+		value: "file",
+		label: "file"
+	},
+	{
+		value: "lookup",
+		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), [
+		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(),
+				children: "Auto-map"
+			}), /* @__PURE__ */ _("span", {
+				className: S("coverage", s),
+				children: [
+					O.mapped,
+					" of ",
+					O.total,
+					" mapped",
+					O.missingRequired.length > 0 ? ` · ${O.missingRequired.length} required missing: ${O.missingRequired.join(", ")}` : ""
+				]
+			})]
+		}),
+		k.size > 0 && /* @__PURE__ */ _("div", {
+			className: "fm-banner fm-banner-danger",
+			role: "alert",
+			children: [
+				k.size,
+				" row",
+				k.size === 1 ? "" : "s",
+				" claim the same property — each property can only have one source."
+			]
+		}),
+		O.missingRequired.length > 0 && /* @__PURE__ */ _("div", {
+			className: "fm-banner fm-banner-warn",
+			role: "status",
+			children: ["Required missing: ", O.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),
+					"data-state": n.state,
+					"data-property-name": c || void 0,
+					"data-required": n.target?.required ? "true" : void 0,
+					"data-resolve": n.mapping?.resolve,
+					"data-source-kind": n.source?.kind,
+					children: [
+						/* @__PURE__ */ _("div", {
+							className: "fm-row-main fm-row-main-source",
+							children: [
+								/* @__PURE__ */ _(u, {
+									className: S("sourceSelect", s),
+									"aria-label": "Source field",
+									value: o,
+									onChange: (e) => {
+										A(n.id, e || null);
+									},
+									children: [/* @__PURE__ */ g("option", {
+										value: "",
+										children: "Choose a source field…"
+									}), E.map((e) => /* @__PURE__ */ g("option", {
+										value: e.value,
+										children: e.label
+									}, e.value))]
+								}),
+								o ? /* @__PURE__ */ g(u, {
+									className: S("transformSelect", s),
+									"aria-label": "Transform",
+									value: r,
+									onChange: (e) => {
+										M(n.id, e || null);
+									},
+									children: ve.map((e) => /* @__PURE__ */ g("option", {
+										value: e.value,
+										children: e.label
+									}, e.label))
+								}) : /* @__PURE__ */ g("span", { className: "fm-into" }),
+								/* @__PURE__ */ g("span", {
+									className: "fm-into",
+									children: "into"
+								}),
+								/* @__PURE__ */ _(u, {
+									className: S("sourceSelect", s),
+									"aria-label": "Target property",
+									value: c,
+									onChange: (e) => {
+										e && j(n.id, e);
+									},
+									children: [/* @__PURE__ */ g("option", {
+										value: "",
+										children: "Choose a property…"
+									}), D.map((e) => /* @__PURE__ */ g("option", {
+										value: e.value,
+										children: e.label
+									}, e.value))]
+								}),
+								/* @__PURE__ */ g("div", {
+									className: S("rowAccessory", s),
+									children: l?.(n) ?? null
+								}),
+								/* @__PURE__ */ g(d, {
+									className: S("removeButton", s),
+									"aria-label": "Remove row",
+									onClick: () => F(n.id),
+									children: "×"
+								})
+							]
+						}),
+						z && n.preview && /* @__PURE__ */ g("div", {
+							className: S("preview", s),
+							children: n.preview
+						}),
+						n.state === "needsResolve" && n.requiredResolve && /* @__PURE__ */ _("div", {
+							className: S("validation", s),
+							children: ["needs ", n.requiredResolve]
+						}),
+						n.state === "conflict" && /* @__PURE__ */ g("div", {
+							className: S("validation", s),
+							style: { color: "var(--fm-danger)" },
+							children: "property already mapped by another row"
+						}),
+						B && n.mapping?.resolve === "lookup" && n.mapping && /* @__PURE__ */ g(Y, {
+							mode: "row",
+							mappings: [n.mapping],
+							sources: e,
+							targets: t,
+							lookups: i,
+							onLookupsChange: a,
+							classNames: s
+						})
+					]
+				}, n.id);
+			})
+		}),
+		/* @__PURE__ */ g("div", {
+			style: { marginTop: 10 },
+			children: /* @__PURE__ */ g(d, {
+				className: S("addButton", s),
+				onClick: () => N(),
+				children: "+ Add mapping"
+			})
+		}),
+		V && /* @__PURE__ */ g(Y, {
+			mode: "section",
+			mappings: n,
+			sources: e,
+			targets: t,
+			lookups: i,
+			onLookupsChange: a,
+			classNames: s
+		}),
+		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", {
+				className: "fm-preview-body",
+				children: JSON.stringify(L, 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) => {
+		if (!a || e.length === 0) return;
+		let t = B(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)), [
+		t,
+		C,
+		c
+	]), T = f(() => H({
+		targets: t,
+		mappings: n,
+		sources: e,
+		lookups: i
+	}), [
+		t,
+		n,
+		e,
+		i
+	]), E = f(() => U({
+		mappings: n,
+		edgeIds: v,
+		drafts: h,
+		sources: e,
+		targets: t,
+		lookups: i
+	}), [
+		n,
+		v,
+		h,
+		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);
+	}, [
+		n,
+		e,
+		t,
+		r,
+		y
+	]), P = u((e) => {
+		let t = ee(n, e);
+		r(t.mappings), y(t.clearedLookupProps);
+	}, [
+		n,
+		r,
+		y
+	]), F = u(() => {
+		r(s ? s() : l(e, t)), g([]), d(/* @__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);
+				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]);
+					return;
+				}
+				let i = n[s], o = t.find((e) => e.name === i.propertyName), c = {
+					sourceId: a,
+					propertyName: i.propertyName
+				};
+				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;
+			}
+			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) => ({
+					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;
+			}
+			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) => {
+			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]);
+				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]);
+				return;
+			}
+			g((n) => n.map((n) => n.id === e ? {
+				...n,
+				resolve: t ?? void 0
+			} : n));
+		}, [
+			o,
+			n,
+			v,
+			r,
+			y
+		]),
+		addRow: u((e) => {
+			if (o === "property") {
+				e && d((t) => new Set(t).add(e));
+				return;
+			}
+			g((t) => [...t, {
+				id: W("draft"),
+				...e ? { propertyName: e } : {}
+			}]);
+		}, [o]),
+		removeRow: u((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) => {
+					if (!t.has(e)) return t;
+					let n = new Set(t);
+					return n.delete(e), n;
+				});
+				return;
+			}
+			let t = v.indexOf(e);
+			if (t >= 0) {
+				let e = n[t];
+				r(n.filter((e, n) => n !== t)), e?.resolve === "lookup" && y([e.propertyName]);
+				return;
+			}
+			g((t) => t.filter((t) => t.id !== e));
+		}, [
+			o,
+			n,
+			v,
+			r,
+			y
+		]),
+		autoMap: F,
+		connect: N,
+		removeBySource: P
+	};
+}
+//#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({
+		sources: e,
+		targets: t,
+		mappings: n,
+		onChange: r,
+		lookups: i,
+		onLookupsChange: a,
+		rowKey: p === "rows" ? m : "property",
+		onAutoMap: o
+	}), D = ae(c), O = f(() => C(w, u, { layout: p }), [
+		w,
+		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",
+		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, {
+			sources: e,
+			targets: t,
+			mappings: n,
+			mapper: E,
+			lookups: i,
+			onLookupsChange: a,
+			connectionColors: l,
+			slots: O,
+			classNames: _,
+			ui: k
+		}) : m === "source" ? /* @__PURE__ */ g(ye, {
+			sources: e,
+			targets: t,
+			mappings: n,
+			mapper: E,
+			lookups: i,
+			onLookupsChange: a,
+			slots: O,
+			classNames: _,
+			ui: k,
+			renderRowAccessory: T
+		}) : /* @__PURE__ */ g(_e, {
+			sources: e,
+			targets: t,
+			mappings: n,
+			mapper: E,
+			defaultRows: h,
+			lookups: i,
+			onLookupsChange: a,
+			slots: O,
+			classNames: _,
+			ui: k,
+			renderRowAccessory: T
+		})
+	});
+}
+//#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 };
+
+//# sourceMappingURL=react.js.map