@declarion/react 0.65.0 → 0.66.0

package/dist-lib/components/detail-layout/widgets/EntityScorecardWidget.js

@@ -0,0 +1,295 @@
+import { useText as e } from "../../../hooks/useText.js";
+import { failureTitle as t } from "../../../lib/failure.js";
+import { useTabNavigate as n } from "../../../hooks/useTabNavigate.js";
+import { useEntityData as r } from "../../../hooks/useEntityData.js";
+import { useEffect as i, useMemo as a, useState as o } from "react";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/components/detail-layout/widgets/EntityScorecardWidget.tsx
+function u(e) {
+	return e && typeof e == "object" && !Array.isArray(e) ? e : void 0;
+}
+function d(e) {
+	let t = u(e);
+	if (!t) return;
+	let n = Object.entries(t).filter((e) => typeof e[1] == "string");
+	return n.length > 0 ? Object.fromEntries(n) : void 0;
+}
+function f(e) {
+	return Array.isArray(e) ? e.flatMap((e) => {
+		let t = u(e);
+		return !t || typeof t.field != "string" ? [] : [{
+			field: t.field,
+			label: d(t.label),
+			format: t.format
+		}];
+	}) : [];
+}
+function p(e) {
+	if (!e || typeof e.entity != "string" || typeof e.scope_field != "string" || typeof e.window_field != "string") return;
+	let t = Array.isArray(e.windows) ? e.windows.flatMap((e) => {
+		let t = u(e);
+		return t && typeof t.code == "string" ? [{
+			code: t.code,
+			label: d(t.label)
+		}] : [];
+	}) : [], n = Array.isArray(e.metrics) ? e.metrics.flatMap((e) => {
+		let t = u(e);
+		if (!t || typeof t.field != "string") return [];
+		let n = u(t.filtered);
+		return [{
+			field: t.field,
+			label: d(t.label),
+			help: d(t.help),
+			format: t.format,
+			attention: t.attention === !0,
+			drillthrough_value: typeof t.drillthrough_value == "string" ? t.drillthrough_value : void 0,
+			drillthrough_filter: t.drillthrough_filter !== !1,
+			filtered: n && typeof n.field == "string" ? {
+				field: n.field,
+				where: u(n.where)
+			} : void 0
+		}];
+	}) : [];
+	if (t.length === 0 || n.length === 0) return;
+	let r = u(e.breakdown), i = r && typeof r.entity == "string" && typeof r.scope_field == "string" && typeof r.window_field == "string" ? {
+		entity: r.entity,
+		scope_field: r.scope_field,
+		window_field: r.window_field,
+		filter_field: typeof r.filter_field == "string" ? r.filter_field : void 0,
+		filter_label: d(r.filter_label),
+		all_label: d(r.all_label),
+		empty_label: d(r.empty_label),
+		columns: f(r.columns),
+		sort: typeof r.sort == "string" ? r.sort : void 0,
+		limit: typeof r.limit == "number" ? Math.min(500, Math.max(1, r.limit)) : 200
+	} : void 0, a = u(e.drillthrough), o = a && typeof a.route == "string" && typeof a.scope_field == "string" && typeof a.window_field == "string" ? {
+		route: a.route,
+		scope_field: a.scope_field,
+		window_field: a.window_field,
+		filter_field: typeof a.filter_field == "string" ? a.filter_field : void 0,
+		metric_field: typeof a.metric_field == "string" ? a.metric_field : void 0
+	} : void 0;
+	return {
+		entity: e.entity,
+		scope_field: e.scope_field,
+		window_field: e.window_field,
+		windows: t,
+		default_window: typeof e.default_window == "string" ? e.default_window : void 0,
+		metrics: n,
+		title: d(e.title),
+		description: d(e.description),
+		intended_note: d(e.intended_note),
+		empty_label: d(e.empty_label),
+		breakdown: i,
+		drillthrough: o
+	};
+}
+function m(e, t) {
+	let n = (e, n) => new Intl.NumberFormat(t, {
+		style: "unit",
+		unit: e,
+		unitDisplay: "narrow"
+	}).format(n);
+	return e >= 86400 ? n("day", Math.floor(e / 86400)) : e >= 3600 ? n("hour", Math.floor(e / 3600)) : e >= 60 ? n("minute", Math.floor(e / 60)) : n("second", Math.max(0, Math.floor(e)));
+}
+function h(e, t, n) {
+	let r = e("record.scorecard.not_available", "N/A"), i = e.language;
+	if (t == null || t === "") return r;
+	if (n === "number") return new Intl.NumberFormat(i).format(Number(t));
+	if (n === "percent_ratio") return new Intl.NumberFormat(i, {
+		style: "percent",
+		maximumFractionDigits: 2
+	}).format(Number(t));
+	if (n === "duration_seconds") {
+		let e = Number(t);
+		return Number.isFinite(e) ? m(e, i) : r;
+	}
+	if (n === "timestamp") {
+		if (typeof t != "string" && typeof t != "number" && !(t instanceof Date)) return r;
+		let e = new Date(t);
+		return Number.isNaN(e.getTime()) ? r : e.toLocaleString(i, { timeZoneName: "short" });
+	}
+	return typeof t == "string" ? t : typeof t == "number" || typeof t == "bigint" || typeof t == "boolean" ? String(t) : r;
+}
+function g(e, t) {
+	return typeof e.id == "string" || typeof e.id == "number" ? String(e.id) : `row-${t}`;
+}
+function _(e, t) {
+	return !t || Object.entries(t).every(([t, n]) => e[t] === n);
+}
+function v({ values: u, options: d }) {
+	let f = e(), m = e("errors"), v = a(() => p(d), [d]), y = n(), b = u.scope, x = v?.windows.some((e) => e.code === v.default_window) ? v.default_window : v?.windows[0]?.code ?? "", [S, C] = o(x), [w, T] = o("");
+	i(() => {
+		C(x);
+	}, [x]), i(() => {
+		T("");
+	}, [S]);
+	let E = v ? [{
+		field: v.scope_field,
+		op: "eq",
+		value: b
+	}, {
+		field: v.window_field,
+		op: "eq",
+		value: S
+	}] : [], D = r(v?.entity, {
+		per_page: 1,
+		filters: E
+	}, !!(v && b && S)), O = v?.breakdown, k = O ? [{
+		field: O.scope_field,
+		op: "eq",
+		value: b
+	}, {
+		field: O.window_field,
+		op: "eq",
+		value: S
+	}] : [], A = r(O?.entity, {
+		per_page: O?.limit ?? 200,
+		sort: O?.sort,
+		filters: k
+	}, !!(O && b && S));
+	if (!v || !b) return /* @__PURE__ */ c("div", {
+		role: "alert",
+		className: "rounded border border-destructive p-3 text-sm text-destructive",
+		children: m("record.scorecard_config_invalid", "Invalid entity_scorecard configuration.")
+	});
+	let j = D.data?.data?.[0], M = A.data?.data ?? [], N = O?.filter_field ? Array.from(new Set(M.map((e) => e[O.filter_field]).filter((e) => typeof e == "string" && e !== ""))).sort() : [], P = w && O?.filter_field ? M.filter((e) => e[O.filter_field] === w) : M, F = (e) => !w || !e.filtered || !O?.filter_field ? j?.[e.field] : M.find((t) => t[O.filter_field] === w && _(t, e.filtered?.where))?.[e.filtered.field], I = (e) => {
+		let t = v.drillthrough;
+		if (!t || !e.drillthrough_value) return;
+		let n = [{
+			field: t.scope_field,
+			op: "eq",
+			value: b
+		}, {
+			field: t.window_field,
+			op: "eq",
+			value: S
+		}];
+		t.filter_field && w && e.drillthrough_filter !== !1 && n.push({
+			field: t.filter_field,
+			op: "eq",
+			value: w
+		}), t.metric_field && n.push({
+			field: t.metric_field,
+			op: "eq",
+			value: e.drillthrough_value
+		}), y(t.route, { search: new URLSearchParams({ filters: JSON.stringify(n) }).toString() });
+	}, L = D.error ?? A.error, R = f(O?.filter_label) || f("record.scorecard.filter", "Filter");
+	return /* @__PURE__ */ l("div", {
+		className: "flex min-w-0 flex-col gap-4",
+		"aria-label": f(v.title) || f("record.scorecard.title", "Scorecard"),
+		children: [
+			/* @__PURE__ */ l("div", {
+				className: "flex flex-wrap items-start justify-between gap-3",
+				children: [/* @__PURE__ */ l("div", {
+					className: "min-w-0",
+					children: [
+						v.title && /* @__PURE__ */ c("h3", {
+							className: "text-base font-semibold text-foreground",
+							children: f(v.title)
+						}),
+						v.description && /* @__PURE__ */ c("p", {
+							className: "mt-1 text-sm text-muted-foreground",
+							children: f(v.description)
+						}),
+						v.intended_note && /* @__PURE__ */ c("p", {
+							className: "mt-1 text-xs text-muted-foreground",
+							children: f(v.intended_note)
+						})
+					]
+				}), /* @__PURE__ */ l("div", {
+					className: "flex flex-wrap items-center gap-2",
+					children: [/* @__PURE__ */ c("div", {
+						role: "group",
+						"aria-label": f("record.scorecard.window", "Scorecard window"),
+						className: "inline-flex rounded border border-border p-1",
+						children: v.windows.map((e) => /* @__PURE__ */ c("button", {
+							type: "button",
+							"aria-pressed": S === e.code,
+							onClick: () => C(e.code),
+							className: `rounded px-3 py-1.5 text-xs font-medium ${S === e.code ? "bg-accent text-accent-foreground" : "text-muted-foreground"}`,
+							children: f(e.label) || e.code
+						}, e.code))
+					}), O?.filter_field && /* @__PURE__ */ l("label", {
+						className: "flex items-center gap-2 text-xs text-muted-foreground",
+						children: [R, /* @__PURE__ */ l("select", {
+							"aria-label": R,
+							value: w,
+							onChange: (e) => T(e.target.value),
+							className: "rounded border border-border bg-background px-2 py-1.5 text-foreground",
+							children: [/* @__PURE__ */ c("option", {
+								value: "",
+								children: f(O.all_label) || f("record.scorecard.all", "All")
+							}), N.map((e) => /* @__PURE__ */ c("option", {
+								value: e,
+								children: e
+							}, e))]
+						})]
+					})]
+				})]
+			}),
+			L && /* @__PURE__ */ c("div", {
+				role: "alert",
+				className: "rounded border border-destructive p-3 text-sm text-destructive",
+				children: t(m, L)
+			}),
+			!L && !D.isLoading && !j && /* @__PURE__ */ c("div", {
+				className: "rounded border border-border p-6 text-center text-sm text-muted-foreground",
+				children: f(v.empty_label) || f("record.scorecard.empty", "No scorecard data.")
+			}),
+			j && /* @__PURE__ */ c("div", {
+				className: "grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-4",
+				children: v.metrics.map((e) => {
+					let t = F(e), n = !!(v.drillthrough && e.drillthrough_value), r = /* @__PURE__ */ l(s, { children: [
+						/* @__PURE__ */ c("span", {
+							className: "text-xs font-medium text-muted-foreground",
+							children: f(e.label) || e.field
+						}),
+						/* @__PURE__ */ c("strong", {
+							className: `mt-2 block text-2xl font-semibold ${e.attention && Number(t) > 0 ? "text-destructive" : "text-foreground"}`,
+							children: h(f, t, e.format)
+						}),
+						e.help && /* @__PURE__ */ c("span", {
+							className: "mt-1 block text-xs text-muted-foreground",
+							children: f(e.help)
+						})
+					] });
+					return n ? /* @__PURE__ */ c("button", {
+						type: "button",
+						onClick: () => I(e),
+						className: "rounded border border-border bg-card p-3 text-left hover:bg-surface",
+						children: r
+					}, e.field) : /* @__PURE__ */ c("article", {
+						className: "rounded border border-border bg-card p-3",
+						children: r
+					}, e.field);
+				})
+			}),
+			O && /* @__PURE__ */ c("div", {
+				className: "min-w-0 overflow-x-auto rounded border border-border",
+				children: /* @__PURE__ */ l("table", {
+					className: "w-full border-collapse text-sm",
+					children: [/* @__PURE__ */ c("thead", {
+						className: "bg-surface text-left text-xs text-muted-foreground",
+						children: /* @__PURE__ */ c("tr", { children: O.columns.map((e) => /* @__PURE__ */ c("th", {
+							className: "border-b border-divider px-3 py-2 font-medium",
+							children: f(e.label) || e.field
+						}, e.field)) })
+					}), /* @__PURE__ */ l("tbody", { children: [P.map((e, t) => /* @__PURE__ */ c("tr", {
+						className: "border-b border-divider last:border-0",
+						children: O.columns.map((t) => /* @__PURE__ */ c("td", {
+							className: "px-3 py-2 text-foreground",
+							children: h(f, e[t.field], t.format)
+						}, t.field))
+					}, g(e, t))), !A.isLoading && P.length === 0 && /* @__PURE__ */ c("tr", { children: /* @__PURE__ */ c("td", {
+						colSpan: Math.max(1, O.columns.length),
+						className: "px-3 py-6 text-center text-muted-foreground",
+						children: f(O.empty_label) || f("record.scorecard.breakdown_empty", "No breakdown rows.")
+					}) })] })]
+				})
+			})
+		]
+	});
+}
+//#endregion
+export { v as EntityScorecardWidget };

package/dist-lib/components/detail-layout/widgets/JsonDiffWidget.js

@@ -0,0 +1,107 @@
+import { useText as e } from "../../../hooks/useText.js";
+import { ErrorBoundary as t } from "../../shared/ErrorBoundary.js";
+import { canonicalizeJson as n } from "./canonicalizeJson.js";
+import { Suspense as r, lazy as i, useState as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/detail-layout/widgets/JsonDiffWidget.tsx
+function c(e) {
+	return e("record.diff.editor", "Audit change diff");
+}
+var l = i(() => import("./MonacoJson.js").then((e) => ({ default: e.MonacoJsonDiff }))), u = i(() => import("./MonacoJson.js").then((e) => ({ default: e.MonacoJsonSource }))), d = i(() => import("../../fields/JsonEditor.js").then((e) => ({ default: e.JsonEditor })));
+function f() {
+	let t = e();
+	return /* @__PURE__ */ o("div", {
+		className: "flex h-full w-full items-center justify-center text-sm text-muted-foreground",
+		children: t("record.diff.loading_editor", "Loading editor…")
+	});
+}
+function p({ before: t, after: n }) {
+	let i = e();
+	return /* @__PURE__ */ o(r, {
+		fallback: /* @__PURE__ */ o(f, {}),
+		children: /* @__PURE__ */ s("div", {
+			className: "flex h-full w-full gap-2",
+			role: "group",
+			"aria-label": c(i),
+			children: [/* @__PURE__ */ o("div", {
+				className: "min-w-0 flex-1",
+				children: /* @__PURE__ */ o(d, {
+					value: t,
+					readOnly: !0
+				})
+			}), /* @__PURE__ */ o("div", {
+				className: "min-w-0 flex-1",
+				children: /* @__PURE__ */ o(d, {
+					value: n,
+					readOnly: !0
+				})
+			})]
+		})
+	});
+}
+function m({ mode: t, onChange: n }) {
+	let r = e();
+	return /* @__PURE__ */ s("div", {
+		className: "inline-flex gap-1",
+		role: "group",
+		"aria-label": r("record.diff.view_mode", "Diff view mode"),
+		children: [/* @__PURE__ */ o("button", {
+			type: "button",
+			"aria-pressed": t === "diff",
+			onClick: () => n("diff"),
+			className: `rounded px-2 py-0.5 text-xs ${t === "diff" ? "bg-accent text-accent-foreground" : "text-muted-foreground"}`,
+			children: r("record.diff.diff", "Diff")
+		}), /* @__PURE__ */ o("button", {
+			type: "button",
+			"aria-pressed": t === "source",
+			onClick: () => n("source"),
+			className: `rounded px-2 py-0.5 text-xs ${t === "source" ? "bg-accent text-accent-foreground" : "text-muted-foreground"}`,
+			children: r("record.diff.source", "Source")
+		})]
+	});
+}
+function h({ values: i, options: d }) {
+	let h = e(), g = i.before, _ = i.after, v = d?.default_mode === "source" ? "source" : "diff", [y, b] = a(v), x = n(g), S = n(_);
+	return /* @__PURE__ */ s("div", {
+		className: "flex flex-col gap-2",
+		children: [/* @__PURE__ */ s("div", {
+			className: "flex items-center justify-between",
+			children: [/* @__PURE__ */ o(m, {
+				mode: y,
+				onChange: b
+			}), x === S && /* @__PURE__ */ o("span", {
+				className: "text-xs text-muted-foreground",
+				role: "status",
+				children: h("record.diff.no_changes", "No field changes")
+			})]
+		}), /* @__PURE__ */ o("div", {
+			className: "h-[480px] w-full overflow-hidden rounded border",
+			role: "group",
+			"aria-label": c(h),
+			children: /* @__PURE__ */ o(t, {
+				fallback: /* @__PURE__ */ o(p, {
+					before: g,
+					after: _
+				}),
+				children: /* @__PURE__ */ o(r, {
+					fallback: /* @__PURE__ */ o(f, {}),
+					children: y === "diff" ? /* @__PURE__ */ o(l, {
+						before: x,
+						after: S
+					}) : /* @__PURE__ */ s("div", {
+						className: "flex h-full w-full gap-2",
+						children: [/* @__PURE__ */ o("div", {
+							className: "min-w-0 flex-1",
+							children: /* @__PURE__ */ o(u, { value: x })
+						}), /* @__PURE__ */ o("div", {
+							className: "min-w-0 flex-1",
+							children: /* @__PURE__ */ o(u, { value: S })
+						})]
+					})
+				})
+			})
+		})]
+	});
+}
+//#endregion
+export { h as JsonDiffWidget };

package/dist-lib/components/detail-layout/widgets/MonacoJson.js

@@ -0,0 +1,47 @@
+import { ensureMonacoBundled as e } from "./monacoBootstrap.js";
+import { jsx as t } from "react/jsx-runtime";
+import n, { DiffEditor as r } from "@monaco-editor/react";
+//#region src/components/detail-layout/widgets/MonacoJson.tsx
+e();
+function i() {
+	return (typeof document < "u" && document.documentElement.dataset.colorScheme || "light") === "dark" ? "vs-dark" : "vs";
+}
+var a = {
+	readOnly: !0,
+	scrollBeyondLastLine: !1,
+	fontSize: 12.5,
+	fontFamily: "var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace)",
+	automaticLayout: !0,
+	tabSize: 2
+};
+function o({ before: e, after: n }) {
+	return /* @__PURE__ */ t(r, {
+		height: "100%",
+		language: "json",
+		original: e,
+		modified: n,
+		theme: i(),
+		options: {
+			...a,
+			renderSideBySide: !0,
+			minimap: { enabled: !0 }
+		}
+	});
+}
+function s({ value: e }) {
+	return /* @__PURE__ */ t(n, {
+		height: "100%",
+		language: "json",
+		value: e,
+		theme: i(),
+		options: {
+			...a,
+			minimap: { enabled: !1 },
+			lineNumbers: "on",
+			glyphMargin: !1,
+			wordWrap: "off"
+		}
+	});
+}
+//#endregion
+export { o as MonacoJsonDiff, s as MonacoJsonSource };

package/dist-lib/components/detail-layout/widgets/WidgetHost.js

@@ -0,0 +1,36 @@
+import { useText as e } from "../../../hooks/useText.js";
+import { getLayoutWidget as t } from "./registry.js";
+import { registerBuiltinLayoutWidgets as n } from "./builtins.js";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/detail-layout/widgets/WidgetHost.tsx
+n();
+function a({ config: n, ctx: a }) {
+	let o = e("errors"), s = t(n.type);
+	if (!s) return /* @__PURE__ */ i("span", {
+		className: "text-sm text-muted-foreground",
+		children: [
+			o("record.widget_unknown", "This page names a widget this deployment does not have."),
+			" ",
+			/* @__PURE__ */ r("code", { children: n.type })
+		]
+	});
+	let c = n.inputs ?? {}, l = a.record, u = {};
+	for (let [e, t] of Object.entries(c)) u[e] = l[t];
+	return /* @__PURE__ */ r("div", {
+		style: {
+			minWidth: 0,
+			maxWidth: "100%",
+			overflowX: "auto",
+			WebkitOverflowScrolling: "touch"
+		},
+		children: /* @__PURE__ */ r(s, {
+			inputs: c,
+			values: u,
+			record: l,
+			options: n.options,
+			ctx: a
+		})
+	});
+}
+//#endregion
+export { a as WidgetHost };

package/dist-lib/components/detail-layout/widgets/builtins.js

@@ -0,0 +1,10 @@
+import { registerLayoutWidget as e } from "./registry.js";
+import { JsonDiffWidget as t } from "./JsonDiffWidget.js";
+import { EntityScorecardWidget as n } from "./EntityScorecardWidget.js";
+//#region src/components/detail-layout/widgets/builtins.ts
+var r = !1;
+function i() {
+	r ||= (e("json_diff", t), e("entity_scorecard", n), !0);
+}
+//#endregion
+export { i as registerBuiltinLayoutWidgets };

package/dist-lib/components/detail-layout/widgets/canonicalizeJson.js

@@ -0,0 +1,32 @@
+//#region src/components/detail-layout/widgets/canonicalizeJson.ts
+function e(t) {
+	if (Array.isArray(t)) return t.map(e);
+	if (typeof t == "object" && t) {
+		let n = t, r = {};
+		for (let t of Object.keys(n).sort()) r[t] = e(n[t]);
+		return r;
+	}
+	return t;
+}
+function t(e) {
+	switch (typeof e) {
+		case "string": return e;
+		case "number":
+		case "boolean":
+		case "bigint":
+		case "symbol": return String(e);
+		case "function": return "[function]";
+		case "object": return "[unserializable]";
+		default: return "";
+	}
+}
+function n(n) {
+	if (n == null) return "";
+	try {
+		return JSON.stringify(e(n), null, 2) ?? t(n);
+	} catch {
+		return t(n);
+	}
+}
+//#endregion
+export { n as canonicalizeJson };

package/dist-lib/components/detail-layout/widgets/monacoBootstrap.js

@@ -0,0 +1,16 @@
+import { loader as e } from "@monaco-editor/react";
+import * as t from "monaco-editor";
+import n from "monaco-editor/editor/editor.worker.js?worker";
+//#region src/components/detail-layout/widgets/monacoBootstrap.ts
+var r = !1;
+function i() {
+	r ||= (typeof self < "u" && (self.MonacoEnvironment = { getWorker(e, t) {
+		try {
+			return new n();
+		} catch {
+			return;
+		}
+	} }), e.config({ monaco: t }), !0);
+}
+//#endregion
+export { i as ensureMonacoBundled };

package/dist-lib/components/detail-layout/widgets/registry.js

@@ -0,0 +1,13 @@
+//#region src/components/detail-layout/widgets/registry.ts
+var e = /* @__PURE__ */ new Map();
+function t(t, n) {
+	e.set(t, n);
+}
+function n(t) {
+	return e.get(t);
+}
+function r(t) {
+	return e.has(t);
+}
+//#endregion
+export { n as getLayoutWidget, r as hasLayoutWidget, t as registerLayoutWidget };

package/dist-lib/components/fields/BoolField.js

@@ -0,0 +1,13 @@
+import { BoolToggle as e } from "../primitives/BoolToggle.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/fields/BoolField.tsx
+function n({ value: n, onChange: r, fieldId: i, labelId: a }) {
+	return /* @__PURE__ */ t(e, {
+		id: i,
+		ariaLabelledby: a,
+		value: !!n,
+		onChange: (e) => r?.(e)
+	});
+}
+//#endregion
+export { n as BoolField };

package/dist-lib/components/fields/EmailField.js

@@ -0,0 +1,16 @@
+import { coerceDisplayString as e } from "../../lib/display-value.js";
+import { TextInput as t } from "../primitives/Fields.js";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/fields/EmailField.tsx
+function r({ field: r, fieldName: i, value: a, onChange: o, fieldId: s }) {
+	return /* @__PURE__ */ n(t, {
+		id: s,
+		name: i,
+		"aria-required": r.required || void 0,
+		type: "email",
+		value: e(a),
+		onChange: (e) => o?.(e)
+	});
+}
+//#endregion
+export { r as EmailField };

package/dist-lib/components/fields/EnumField.js

@@ -0,0 +1,38 @@
+import { coerceDisplayString as e } from "../../lib/display-value.js";
+import { Pill as t } from "../primitives/Pill.js";
+import { Select as n } from "../primitives/Fields.js";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/fields/EnumField.tsx
+var i = "__declarion_enum_null__";
+function a({ field: a, value: o, mode: s, onChange: c, fieldId: l, labelId: u, t: d }) {
+	let f = a.values ?? [], p = f.find((e) => e.code === o);
+	if (s === "display") return p ? /* @__PURE__ */ r(t, {
+		tone: p.color ?? "slate",
+		size: "xs",
+		children: d(p.name)
+	}) : /* @__PURE__ */ r("span", {
+		style: {
+			fontSize: 12.5,
+			color: "var(--text-4)"
+		},
+		children: "—"
+	});
+	let m = !a.required, h = o != null && o !== "" ? e(o) : i, g = [...m ? [{
+		value: i,
+		label: d("field.enum.none", "— None —")
+	}] : [], ...f.map((e) => ({
+		value: e.code,
+		label: d(e.name) || e.code
+	}))];
+	return /* @__PURE__ */ r(n, {
+		id: l,
+		"aria-labelledby": u,
+		"aria-required": a.required || void 0,
+		value: h,
+		options: g,
+		onChange: (e) => c?.(e === i ? null : e),
+		placeholder: d("field.select_placeholder", "Select…")
+	});
+}
+//#endregion
+export { a as EnumField };