@object-ui/fields 4.0.7 → 4.0.9

package/dist/index.js

@@ -1,21 +1,21 @@
 import e, { Suspense as t, lazy as n, useCallback as r, useContext as i, useEffect as a, useId as o, useMemo as s, useRef as c, useState as l } from "react";
 import { ComponentRegistry as u } from "@object-ui/core";
-import { Avatar as d, AvatarFallback as f, AvatarImage as p, Badge as m, Button as h, Checkbox as g, Dialog as _, DialogContent as v, DialogDescription as y, DialogFooter as b, DialogHeader as ee, DialogTitle as x, EmptyValue as S, Input as C, Label as w, Popover as T, PopoverContent as E, PopoverTrigger as te, Select as D, SelectContent as ne, SelectItem as re, SelectTrigger as ie, SelectValue as ae, Skeleton as O, Slider as k, Switch as oe, Table as se, TableBody as ce, TableCell as A, TableHead as le, TableHeader as j, TableRow as M, Textarea as N, cn as P } from "@object-ui/components";
-import { AlertCircle as ue, ArrowDown as de, ArrowUp as fe, ArrowUpDown as pe, Camera as F, Check as I, ChevronLeft as me, ChevronRight as he, Copy as L, Crop as ge, Crosshair as R, Eraser as z, ExternalLink as B, Eye as V, EyeOff as _e, File as ve, Image as ye, ImageIcon as H, Loader2 as be, MapPin as U, Maximize2 as W, Phone as xe, Plus as Se, QrCode as G, RotateCw as K, Search as Ce, SlidersHorizontal as we, Star as Te, TableProperties as Ee, Upload as De, X as Oe } from "lucide-react";
-import { Fragment as ke, jsx as q, jsxs as J } from "react/jsx-runtime";
-import { createSafeTranslation as Y } from "@object-ui/i18n";
-import { SchemaRendererContext as Ae } from "@object-ui/react";
-import { useUpload as je } from "@object-ui/providers";
+import { Avatar as d, AvatarFallback as f, AvatarImage as p, Badge as m, Button as h, Checkbox as g, Dialog as _, DialogContent as v, DialogDescription as y, DialogFooter as b, DialogHeader as ee, DialogTitle as x, EmptyValue as S, Input as C, Label as w, Popover as te, PopoverContent as ne, PopoverTrigger as T, Select as E, SelectContent as re, SelectItem as ie, SelectTrigger as ae, SelectValue as oe, Skeleton as D, Slider as O, Switch as k, Table as se, TableBody as ce, TableCell as A, TableHead as le, TableHeader as j, TableRow as M, Textarea as N, cn as P } from "@object-ui/components";
+import { AlertCircle as ue, ArrowDown as F, ArrowUp as de, ArrowUpDown as fe, Camera as pe, Check as I, ChevronLeft as me, ChevronRight as he, Copy as L, Crop as ge, Crosshair as R, Eraser as _e, ExternalLink as z, Eye as B, EyeOff as ve, File as ye, Image as V, ImageIcon as be, Loader2 as xe, MapPin as H, Maximize2 as U, Phone as Se, Plus as Ce, QrCode as W, RotateCw as G, Search as we, SlidersHorizontal as Te, Star as Ee, TableProperties as De, Upload as K, X as Oe } from "lucide-react";
+import { SchemaRendererContext as ke, useObjectTranslation as Ae } from "@object-ui/react";
+import { Fragment as je, jsx as q, jsxs as J } from "react/jsx-runtime";
+import { createSafeTranslation as Me } from "@object-ui/i18n";
+import { useUpload as Ne } from "@object-ui/providers";
 //#region \0rolldown/runtime.js
-var Me = Object.defineProperty, X = (e, t) => () => (e && (t = e(e = 0)), t), Z = (e, t) => {
+var Pe = Object.defineProperty, Y = (e, t) => () => (e && (t = e(e = 0)), t), X = (e, t) => {
 	let n = {};
-	for (var r in e) Me(n, r, {
+	for (var r in e) Pe(n, r, {
 		get: e[r],
 		enumerable: !0
 	});
-	return t || Me(n, Symbol.toStringTag, { value: "Module" }), n;
-}, Ne = /* @__PURE__ */ Z({ TextField: () => Pe });
-function Pe({ value: e, onChange: t, field: n, readonly: r, ...i }) {
+	return t || Pe(n, Symbol.toStringTag, { value: "Module" }), n;
+}, Fe = /* @__PURE__ */ X({ TextField: () => Ie });
+function Ie({ value: e, onChange: t, field: n, readonly: r, ...i }) {
 	let a = n || i.schema;
 	if (r) return /* @__PURE__ */ q("span", {
 		className: "text-sm",
@@ -37,8 +37,8 @@ function Pe({ value: e, onChange: t, field: n, readonly: r, ...i }) {
 		disabled: r || c.disabled
 	});
 }
-var Fe = X((() => {})), Ie = /* @__PURE__ */ Z({ NumberField: () => Le });
-function Le({ value: e, onChange: t, field: n, readonly: r, ...i }) {
+var Le = Y((() => {})), Re = /* @__PURE__ */ X({ NumberField: () => ze });
+function ze({ value: e, onChange: t, field: n, readonly: r, ...i }) {
 	if (r) return e == null ? /* @__PURE__ */ q(S, {}) : /* @__PURE__ */ q("span", {
 		className: "text-sm",
 		children: e
@@ -57,8 +57,8 @@ function Le({ value: e, onChange: t, field: n, readonly: r, ...i }) {
 		step: o ? 10 ** -o : "any"
 	});
 }
-var Re = X((() => {})), ze = /* @__PURE__ */ Z({ BooleanField: () => Be });
-function Be({ value: e, onChange: t, field: n, readonly: r, ...i }) {
+var Be = Y((() => {})), Ve = /* @__PURE__ */ X({ BooleanField: () => Z });
+function Z({ value: e, onChange: t, field: n, readonly: r, ...i }) {
 	let a = n || i.schema, s = a?.widget, c = o(), l = a?.name || c, u = a?.label || "Checkbox";
 	if (r) return /* @__PURE__ */ q("span", {
 		className: "text-sm",
@@ -79,7 +79,7 @@ function Be({ value: e, onChange: t, field: n, readonly: r, ...i }) {
 		})]
 	}) : /* @__PURE__ */ J("div", {
 		className: "flex items-center space-x-2",
-		children: [/* @__PURE__ */ q(oe, {
+		children: [/* @__PURE__ */ q(k, {
 			...f,
 			id: l,
 			checked: !!e,
@@ -91,16 +91,16 @@ function Be({ value: e, onChange: t, field: n, readonly: r, ...i }) {
 		})]
 	});
 }
-var Ve = X((() => {})), He, Ue, We = X((() => {
-	He = {
+var He = Y((() => {})), Ue, We, Ge = Y((() => {
+	Ue = {
 		"common.selectOption": "Select an option",
 		"common.select": "Select...",
 		"common.search": "Search",
 		"table.selected": "{{count}} selected"
-	}, Ue = Y(He, "common.selectOption");
-})), Ge = /* @__PURE__ */ Z({ SelectField: () => Ke });
-function Ke({ value: e, onChange: t, field: n, readonly: r, ...i }) {
-	let a = n || i.schema, o = a?.options || [], { t: s } = Ue();
+	}, We = Me(Ue, "common.selectOption");
+})), Ke = /* @__PURE__ */ X({ SelectField: () => qe });
+function qe({ value: e, onChange: t, field: n, readonly: r, ...i }) {
+	let a = n || i.schema, o = a?.options || [], { t: s } = We();
 	if (r) {
 		let t = o.find((t) => t.value === e)?.label || e;
 		return t ? /* @__PURE__ */ q("span", {
@@ -108,28 +108,28 @@ function Ke({ value: e, onChange: t, field: n, readonly: r, ...i }) {
 			children: t
 		}) : /* @__PURE__ */ q(S, {});
 	}
-	return /* @__PURE__ */ J(D, {
+	return /* @__PURE__ */ J(E, {
 		...i,
 		value: e,
 		onValueChange: t,
 		disabled: r || i.disabled,
-		children: [/* @__PURE__ */ q(ie, {
+		children: [/* @__PURE__ */ q(ae, {
 			className: i.className,
 			id: i.id,
-			children: /* @__PURE__ */ q(ae, { placeholder: a?.placeholder || s("common.selectOption") })
-		}), /* @__PURE__ */ q(ne, {
+			children: /* @__PURE__ */ q(oe, { placeholder: a?.placeholder || s("common.selectOption") })
+		}), /* @__PURE__ */ q(re, {
 			position: "popper",
-			children: o.map((e) => /* @__PURE__ */ q(re, {
+			children: o.map((e) => /* @__PURE__ */ q(ie, {
 				value: e.value,
 				children: e.label
 			}, e.value))
 		})]
 	});
 }
-var qe = X((() => {
-	We();
-})), Je = /* @__PURE__ */ Z({ DateField: () => Ye });
-function Ye({ value: e, onChange: t, field: n, readonly: r, ...i }) {
+var Je = Y((() => {
+	Ge();
+})), Ye = /* @__PURE__ */ X({ DateField: () => Xe });
+function Xe({ value: e, onChange: t, field: n, readonly: r, ...i }) {
 	if (r) return e ? /* @__PURE__ */ q("span", {
 		className: "text-sm",
 		children: new Date(e).toLocaleDateString()
@@ -143,8 +143,8 @@ function Ye({ value: e, onChange: t, field: n, readonly: r, ...i }) {
 		disabled: r || o.disabled
 	});
 }
-var Xe = X((() => {})), Ze = /* @__PURE__ */ Z({ EmailField: () => Qe });
-function Qe({ value: e, onChange: t, field: n, readonly: r, errorMessage: i, ...a }) {
+var Ze = Y((() => {})), Qe = /* @__PURE__ */ X({ EmailField: () => $e });
+function $e({ value: e, onChange: t, field: n, readonly: r, errorMessage: i, ...a }) {
 	let o = n || a.schema;
 	if (r) return e ? /* @__PURE__ */ q("a", {
 		href: `mailto:${e}`,
@@ -162,8 +162,8 @@ function Qe({ value: e, onChange: t, field: n, readonly: r, errorMessage: i, ...
 		"aria-invalid": !!i
 	});
 }
-var $e = X((() => {})), et = /* @__PURE__ */ Z({ PhoneField: () => tt });
-function tt({ value: e, onChange: t, field: n, readonly: r, errorMessage: i, ...a }) {
+var et = Y((() => {})), tt = /* @__PURE__ */ X({ PhoneField: () => nt });
+function nt({ value: e, onChange: t, field: n, readonly: r, errorMessage: i, ...a }) {
 	let o = n || a.schema;
 	if (r) return e ? /* @__PURE__ */ q("a", {
 		href: `tel:${e}`,
@@ -181,8 +181,8 @@ function tt({ value: e, onChange: t, field: n, readonly: r, errorMessage: i, ...
 		"aria-invalid": !!i
 	});
 }
-var nt = X((() => {})), rt = /* @__PURE__ */ Z({ UrlField: () => it });
-function it({ value: e, onChange: t, field: n, readonly: r, errorMessage: i, ...a }) {
+var rt = Y((() => {})), it = /* @__PURE__ */ X({ UrlField: () => at });
+function at({ value: e, onChange: t, field: n, readonly: r, errorMessage: i, ...a }) {
 	let o = n || a.schema;
 	if (r) return e ? e.startsWith("http://") || e.startsWith("https://") ? /* @__PURE__ */ q("a", {
 		href: e,
@@ -205,32 +205,42 @@ function it({ value: e, onChange: t, field: n, readonly: r, errorMessage: i, ...
 		"aria-invalid": !!i
 	});
 }
-var at = X((() => {})), ot = /* @__PURE__ */ Z({ CurrencyField: () => ct });
-function st(e, t = "USD") {
-	try {
+var ot = Y((() => {})), st = /* @__PURE__ */ X({ CurrencyField: () => lt });
+function ct(e, t, n) {
+	if (t) try {
 		return new Intl.NumberFormat("en-US", {
 			style: "currency",
-			currency: t
+			currency: t,
+			minimumFractionDigits: n,
+			maximumFractionDigits: n
 		}).format(e);
 	} catch {
-		return `${t} ${e.toFixed(2)}`;
+		return `${t} ${e.toFixed(n)}`;
+	}
+	try {
+		return new Intl.NumberFormat("en-US", {
+			minimumFractionDigits: n,
+			maximumFractionDigits: n
+		}).format(e);
+	} catch {
+		return e.toFixed(n);
 	}
 }
-function ct({ value: e, onChange: t, field: n, readonly: r, errorMessage: i, className: a, ...o }) {
-	let s = n || o.schema, c = s?.currency || "USD", l = s?.precision ?? 2;
+function lt({ value: e, onChange: t, field: n, readonly: r, errorMessage: i, className: a, ...o }) {
+	let s = n || o.schema, c = s?.currency, l = s?.precision ?? 2;
 	if (r) return e == null ? /* @__PURE__ */ q(S, {}) : /* @__PURE__ */ q("span", {
 		className: "text-sm font-medium tabular-nums",
-		children: st(Number(e), c)
+		children: ct(Number(e), c, l)
 	});
 	let u = (e) => {
 		let n = parseFloat(e.target.value);
 		isNaN(n) || t(parseFloat(n.toFixed(l)));
-	};
+	}, d = c ? c === "USD" ? "$" : c : "";
 	return /* @__PURE__ */ J("div", {
 		className: "relative",
-		children: [/* @__PURE__ */ q("span", {
+		children: [d && /* @__PURE__ */ q("span", {
 			className: "absolute left-3 top-1/2 -translate-y-1/2 text-sm text-gray-500",
-			children: c === "USD" ? "$" : c
+			children: d
 		}), /* @__PURE__ */ q(C, {
 			...o,
 			type: "number",
@@ -241,14 +251,14 @@ function ct({ value: e, onChange: t, field: n, readonly: r, errorMessage: i, cla
 			onBlur: u,
 			placeholder: s?.placeholder || "0.00",
 			disabled: r || o.disabled,
-			className: `pl-8 ${a || ""}`,
+			className: `${d ? "pl-8" : ""} ${a || ""}`,
 			step: (10 ** -l).toFixed(l),
 			"aria-invalid": !!i
 		})]
 	});
 }
-var lt = X((() => {})), ut = /* @__PURE__ */ Z({ TextAreaField: () => dt });
-function dt({ value: e, onChange: t, field: n, readonly: r, errorMessage: i, ...a }) {
+var ut = Y((() => {})), dt = /* @__PURE__ */ X({ TextAreaField: () => ft });
+function ft({ value: e, onChange: t, field: n, readonly: r, errorMessage: i, ...a }) {
 	if (r) return /* @__PURE__ */ q("div", {
 		className: "text-sm whitespace-pre-wrap",
 		children: e || /* @__PURE__ */ q(S, {})
@@ -257,20 +267,20 @@ function dt({ value: e, onChange: t, field: n, readonly: r, errorMessage: i, ...
 		m(e ?? ""), f(!0);
 	}, y = () => f(!1), C = () => {
 		t(p), f(!1);
-	}, { inputType: w, mobileFullscreen: T, ...E } = a;
+	}, { inputType: w, mobileFullscreen: te, ...ne } = a;
 	return /* @__PURE__ */ J("div", {
 		className: "relative",
 		children: [
 			/* @__PURE__ */ q(N, {
-				...E,
+				...ne,
 				value: e || "",
 				onChange: (e) => t(e.target.value),
 				placeholder: o?.placeholder,
-				disabled: r || E.disabled,
+				disabled: r || ne.disabled,
 				rows: s,
 				maxLength: c,
 				"aria-invalid": !!i,
-				className: E.className
+				className: ne.className
 			}),
 			u && /* @__PURE__ */ q("button", {
 				type: "button",
@@ -278,7 +288,7 @@ function dt({ value: e, onChange: t, field: n, readonly: r, errorMessage: i, ...
 				className: "absolute top-1.5 right-1.5 inline-flex items-center justify-center size-7 rounded-md bg-background/80 text-muted-foreground hover:text-foreground hover:bg-background border shadow-sm transition-colors",
 				"aria-label": `Edit ${o?.label ?? "text"} fullscreen`,
 				"data-testid": "textarea-fullscreen-toggle",
-				children: /* @__PURE__ */ q(W, { className: "size-3.5" })
+				children: /* @__PURE__ */ q(U, { className: "size-3.5" })
 			}),
 			c && /* @__PURE__ */ J("div", {
 				className: "absolute bottom-2 right-2 text-xs text-gray-400",
@@ -346,8 +356,8 @@ function dt({ value: e, onChange: t, field: n, readonly: r, errorMessage: i, ...
 		]
 	});
 }
-var ft = X((() => {})), pt = /* @__PURE__ */ Z({ RichTextField: () => mt });
-function mt({ value: e, onChange: t, field: n, readonly: r, errorMessage: i, ...a }) {
+var pt = Y((() => {})), mt = /* @__PURE__ */ X({ RichTextField: () => ht });
+function ht({ value: e, onChange: t, field: n, readonly: r, errorMessage: i, ...a }) {
 	if (r) return /* @__PURE__ */ q("div", {
 		className: "text-sm prose prose-sm max-w-none",
 		children: e || /* @__PURE__ */ q(S, {})
@@ -372,16 +382,16 @@ function mt({ value: e, onChange: t, field: n, readonly: r, errorMessage: i, ...
 		})]
 	});
 }
-var ht = X((() => {}));
+var gt = Y((() => {}));
 //#endregion
 //#region src/widgets/RecordPickerDialog.tsx
-function gt(e) {
+function _t(e) {
 	return typeof e == "string" ? { field: e } : e;
 }
-function _t(e) {
+function vt(e) {
 	return e.replace(/_/g, " ").replace(/([a-z])([A-Z])/g, "$1 $2").replace(/\b\w/g, (e) => e.toUpperCase());
 }
-function vt(e) {
+function yt(e) {
 	let t = {};
 	for (let n of e) switch (n.operator) {
 		case "eq":
@@ -414,7 +424,7 @@ function vt(e) {
 	}
 	return t;
 }
-function yt(e, t) {
+function bt(e, t) {
 	let n = {};
 	for (let r of t) {
 		let t = e[r.field];
@@ -422,17 +432,17 @@ function yt(e, t) {
 	}
 	return n;
 }
-function bt({ open: e, onOpenChange: t, title: n = "Select Record", multiple: i = !1, dataSource: o, objectName: u, columns: d, displayField: f = "name", idField: p = "id", pageSize: m = xt, value: y, onSelect: S, onSelectRecords: T, lookupFilters: E, cellRenderer: te, filterColumns: k, renderFilterBar: oe, renderGrid: N }) {
-	let [F, L] = l([]), [ge, R] = l(!1), [z, B] = l(null), [V, _e] = l(0), [ve, ye] = l(""), [H, U] = l(1), W = c(null), [xe, Se] = l(null), [G, K] = l("asc"), [Te, Ee] = l(/* @__PURE__ */ new Set()), De = c(/* @__PURE__ */ new Map()), [Y, Ae] = l(-1), je = c(null), [Me, X] = l(!1), [Z, Ne] = l({}), [Pe, Fe] = l({}), Ie = c(null), [Le, Re] = l(""), ze = s(() => d && d.length > 0 ? d.map(gt) : [{
+function xt({ open: e, onOpenChange: t, title: n = "Select Record", multiple: i = !1, dataSource: o, objectName: u, columns: d, displayField: f = "name", titleFormat: p, idField: m = "id", pageSize: y = St, value: S, onSelect: te, onSelectRecords: ne, lookupFilters: T, cellRenderer: O, filterColumns: k, renderFilterBar: N, renderGrid: pe }) {
+	let [L, ge] = l([]), [R, _e] = l(!1), [z, B] = l(null), [ve, ye] = l(0), [V, be] = l(""), [H, U] = l(1), Se = c(null), [Ce, W] = l(null), [G, Ee] = l("asc"), [De, K] = l(/* @__PURE__ */ new Set()), ke = c(/* @__PURE__ */ new Map()), [Ae, Me] = l(-1), Ne = c(null), [Pe, Y] = l(!1), [X, Fe] = l({}), [Ie, Le] = l({}), Re = c(null), [ze, Be] = l(""), Ve = s(() => d && d.length > 0 ? d.map(_t) : [{
 		field: f,
-		label: _t(f)
-	}], [d, f]), Be = s(() => {
+		label: vt(f)
+	}], [d, f]), Z = s(() => {
 		if (k && k.length > 0) return k;
-		if (E && E.length > 0) return E.map((e) => {
+		if (T && T.length > 0) return T.map((e) => {
 			let t = "text";
 			return typeof e.value == "boolean" ? t = "boolean" : Array.isArray(e.value) ? t = "select" : typeof e.value == "number" || e.operator === "gt" || e.operator === "lt" || e.operator === "gte" || e.operator === "lte" ? t = "number" : (e.operator === "in" || e.operator === "notIn") && (t = "select"), {
 				field: e.field,
-				label: _t(e.field),
+				label: vt(e.field),
 				type: t,
 				...Array.isArray(e.value) ? { options: e.value.map((e) => {
 					if (typeof e == "object" && e) {
@@ -449,125 +459,135 @@ function bt({ open: e, onOpenChange: t, title: n = "Select Record", multiple: i
 				}) } : {}
 			};
 		});
-	}, [k, E]), Ve = s(() => {
-		let e = E?.length ? vt(E) : {}, t = Be?.length ? yt(Z, Be) : {}, n = {
+	}, [k, T]), He = s(() => {
+		let e = T?.length ? yt(T) : {}, t = Z?.length ? bt(X, Z) : {}, n = {
 			...e,
 			...t
 		};
 		return Object.keys(n).length > 0 ? n : void 0;
 	}, [
-		E,
-		Be,
-		Z
-	]), He = Math.max(1, Math.ceil(V / m)), Ue = r(async (e, t = 1, n, r) => {
+		T,
+		Z,
+		X
+	]), Ue = Math.max(1, Math.ceil(ve / y)), We = r(async (e, t = 1, n, r) => {
 		if (!(!o || !u)) {
-			R(!0), B(null);
+			_e(!0), B(null);
 			try {
 				let i = {
-					$top: m,
-					$skip: (t - 1) * m
+					$top: y,
+					$skip: (t - 1) * y
 				};
 				e && e.trim() && (i.$search = e.trim()), n && (i.$orderby = { [n.field]: n.direction });
-				let a = r === void 0 ? Ve : r;
+				let a = r === void 0 ? He : r;
 				a && Object.keys(a).length > 0 && (i.$filter = a);
 				let s = await o.find(u, i), c = s?.data ?? s ?? [];
-				L(c), _e(s?.total ?? c.length), Ae(-1);
+				ge(c), ye(s?.total ?? c.length), Me(-1);
 			} catch (e) {
-				B(e instanceof Error ? e.message : String(e)), L([]);
+				B(e instanceof Error ? e.message : String(e)), ge([]);
 			} finally {
-				R(!1);
+				_e(!1);
 			}
 		}
 	}, [
 		o,
 		u,
-		m,
-		Ve
-	]), We = s(() => xe ? {
-		field: xe,
+		y,
+		He
+	]), Ge = s(() => Ce ? {
+		field: Ce,
 		direction: G
-	} : null, [xe, G]);
+	} : null, [Ce, G]);
 	a(() => {
-		e || (ye(""), U(1), B(null), L([]), Se(null), K("asc"), Ae(-1), X(!1), Ne({}), Fe({}), Re(""), Ee(new Set(i && Array.isArray(y) ? y : [])), De.current.clear());
+		e || (be(""), U(1), B(null), ge([]), W(null), Ee("asc"), Me(-1), Y(!1), Fe({}), Le({}), Be(""), K(new Set(i && Array.isArray(S) ? S : [])), ke.current.clear());
 	}, [e]), a(() => {
-		e && Ue(ve || void 0, H, We);
+		e && We(V || void 0, H, Ge);
 	}, [
 		e,
 		H,
-		We,
-		Ve
+		Ge,
+		He
 	]), a(() => {
-		e && i && Ee(new Set(Array.isArray(y) ? y : []));
+		e && i && K(new Set(Array.isArray(S) ? S : []));
 	}, [
 		e,
 		i,
-		y
+		S
 	]);
-	let Ge = r((e) => {
-		ye(e), U(1), W.current && clearTimeout(W.current), W.current = setTimeout(() => {
-			Ue(e || void 0, 1, We);
+	let Ke = r((e) => {
+		be(e), U(1), Se.current && clearTimeout(Se.current), Se.current = setTimeout(() => {
+			We(e || void 0, 1, Ge);
 		}, 300);
-	}, [Ue, We]);
+	}, [We, Ge]);
 	a(() => () => {
-		W.current && clearTimeout(W.current);
+		Se.current && clearTimeout(Se.current);
 	}, []);
-	let Ke = r((e) => {
-		Se((t) => t === e ? (K((e) => e === "asc" ? "desc" : "asc"), e) : (K("asc"), e)), U(1);
-	}, []), qe = r((e) => e[p] ?? e.id ?? e._id, [p]), Je = r((e) => {
-		let t = qe(e);
-		return i ? Te.has(t) : y === t;
+	let qe = r((e) => {
+		W((t) => t === e ? (Ee((e) => e === "asc" ? "desc" : "asc"), e) : (Ee("asc"), e)), U(1);
+	}, []), Je = r((e) => e[m] ?? e.id ?? e._id, [m]), Ye = r((e) => {
+		let t = Je(e);
+		return i ? De.has(t) : S === t;
 	}, [
 		i,
-		y,
-		Te,
-		qe
-	]), Ye = r((e) => {
-		let n = qe(e);
-		i ? Ee((t) => {
+		S,
+		De,
+		Je
+	]), Xe = r((e) => {
+		let n = Je(e);
+		i ? K((t) => {
 			let r = new Set(t);
-			return r.has(n) ? (r.delete(n), De.current.delete(n)) : (r.add(n), De.current.set(n, e)), r;
-		}) : (S(n), T?.([e]), t(!1));
+			return r.has(n) ? (r.delete(n), ke.current.delete(n)) : (r.add(n), ke.current.set(n, e)), r;
+		}) : (te(n), ne?.([e]), t(!1));
 	}, [
 		i,
-		qe,
-		S,
-		T,
+		Je,
+		te,
+		ne,
 		t
-	]), Xe = r(() => {
-		let e = Array.from(Te);
-		S(e);
-		let n = e.map((e) => De.current.get(e)).filter(Boolean);
-		T?.(n), t(!1);
+	]), Ze = r(() => {
+		let e = Array.from(De);
+		te(e);
+		let n = e.map((e) => ke.current.get(e)).filter(Boolean);
+		ne?.(n), t(!1);
 	}, [
-		Te,
-		S,
-		T,
+		De,
+		te,
+		ne,
 		t
-	]), Ze = r(() => {
+	]), Qe = r(() => {
 		U((e) => Math.max(1, e - 1));
-	}, []), Qe = r(() => {
-		U((e) => Math.min(He, e + 1));
-	}, [He]), $e = r((e) => {
+	}, []), $e = r(() => {
+		U((e) => Math.min(Ue, e + 1));
+	}, [Ue]), et = r((e) => {
 		if (e.key !== "Enter") return;
-		let t = parseInt(Le, 10);
-		!isNaN(t) && t >= 1 && t <= He && U(t), Re("");
-	}, [Le, He]), et = r((e) => {
-		F.length !== 0 && (e.key === "ArrowDown" ? (e.preventDefault(), Ae((e) => Math.min(e + 1, F.length - 1))) : e.key === "ArrowUp" ? (e.preventDefault(), Ae((e) => Math.max(e - 1, 0))) : (e.key === "Enter" || e.key === " ") && (e.preventDefault(), Y >= 0 && Y < F.length && Ye(F[Y])));
+		let t = parseInt(ze, 10);
+		!isNaN(t) && t >= 1 && t <= Ue && U(t), Be("");
+	}, [ze, Ue]), tt = r((e) => {
+		L.length !== 0 && (e.key === "ArrowDown" ? (e.preventDefault(), Me((e) => Math.min(e + 1, L.length - 1))) : e.key === "ArrowUp" ? (e.preventDefault(), Me((e) => Math.max(e - 1, 0))) : (e.key === "Enter" || e.key === " ") && (e.preventDefault(), Ae >= 0 && Ae < L.length && Xe(L[Ae])));
 	}, [
-		F,
-		Y,
-		Ye
+		L,
+		Ae,
+		Xe
 	]);
 	a(() => {
-		if (Y >= 0 && je.current) {
-			let e = je.current.querySelector(`[data-row-index="${Y}"]`);
+		if (Ae >= 0 && Ne.current) {
+			let e = Ne.current.querySelector(`[data-row-index="${Ae}"]`);
 			e && typeof e.scrollIntoView == "function" && e.scrollIntoView({ block: "nearest" });
 		}
-	}, [Y]);
-	let tt = r((e, t) => {
+	}, [Ae]);
+	let nt = r((e, t) => {
+		if (p && t.field === f) {
+			let t = "[-\\u2013\\u2014|/·,:]", n = !1, r = p.replace(/\{([^{}]+)\}/g, (t, r) => {
+				let i = e[r.trim()];
+				return i != null && i !== "" ? (n = !0, String(i)) : "\0";
+			});
+			if (n) {
+				let e = r.replace(RegExp(`\\s*${t}\\s*`, "g"), "").replace(RegExp(`\\s*${t}\\s*`, "g"), "").replace(RegExp("\0", "g"), "").replace(/\s+/g, " ").trim();
+				if (e) return e;
+			}
+		}
 		let n = e[t.field];
-		if (t.type && te) {
-			let e = te(t.type);
+		if (t.type && O) {
+			let e = O(t.type);
 			if (e) return /* @__PURE__ */ q(e, {
 				value: n,
 				field: {
@@ -577,45 +597,49 @@ function bt({ open: e, onOpenChange: t, title: n = "Select Record", multiple: i
 			});
 		}
 		return n == null ? "" : typeof n == "object" ? n.$numberDecimal ? String(Number(n.$numberDecimal)) : n.$oid ? String(n.$oid) : n.$date ? new Date(n.$date).toLocaleDateString() : n.name || n.label ? String(n.name || n.label) : JSON.stringify(n) : typeof n == "boolean" ? n ? "Yes" : "No" : String(n);
-	}, [te]), nt = r((e) => xe === e ? q(G === "asc" ? fe : de, { className: "ml-1 size-3" }) : /* @__PURE__ */ q(pe, { className: "ml-1 size-3 opacity-40" }), [xe, G]), rt = r((e, t, n) => {
-		e.preventDefault(), e.stopPropagation(), Ie.current = {
+	}, [
+		O,
+		p,
+		f
+	]), rt = r((e) => Ce === e ? q(G === "asc" ? de : F, { className: "ml-1 size-3" }) : /* @__PURE__ */ q(fe, { className: "ml-1 size-3 opacity-40" }), [Ce, G]), it = r((e, t, n) => {
+		e.preventDefault(), e.stopPropagation(), Re.current = {
 			field: t,
 			startX: e.clientX,
 			startWidth: n
 		};
 		let r = (e) => {
-			if (!Ie.current) return;
-			let t = e.clientX - Ie.current.startX, n = Math.max(St, Ie.current.startWidth + t);
-			Fe((e) => ({
+			if (!Re.current) return;
+			let t = e.clientX - Re.current.startX, n = Math.max(Ct, Re.current.startWidth + t);
+			Le((e) => ({
 				...e,
-				[Ie.current.field]: n
+				[Re.current.field]: n
 			}));
 		}, i = () => {
-			Ie.current = null, document.removeEventListener("mousemove", r), document.removeEventListener("mouseup", i);
+			Re.current = null, document.removeEventListener("mousemove", r), document.removeEventListener("mouseup", i);
 		};
 		document.addEventListener("mousemove", r), document.addEventListener("mouseup", i);
-	}, []), it = r((e, t) => {
-		Ne((n) => ({
+	}, []), at = r((e, t) => {
+		Fe((n) => ({
 			...n,
 			[e]: t
 		})), U(1);
-	}, []), at = r(() => {
-		Ne({}), U(1);
-	}, []), ot = s(() => Object.values(Z).filter((e) => e != null && e !== "").length, [Z]), st = r((e) => {
-		let t = Z[e.field], n = e.label || _t(e.field);
+	}, []), ot = r(() => {
+		Fe({}), U(1);
+	}, []), st = s(() => Object.values(X).filter((e) => e != null && e !== "").length, [X]), ct = r((e) => {
+		let t = X[e.field], n = e.label || vt(e.field);
 		switch (e.type) {
 			case "select": return /* @__PURE__ */ J("div", {
 				className: "space-y-1",
 				children: [/* @__PURE__ */ q(w, {
 					className: "text-xs text-muted-foreground",
 					children: n
-				}), /* @__PURE__ */ J(D, {
+				}), /* @__PURE__ */ J(E, {
 					value: t == null ? "" : String(t),
-					onValueChange: (t) => it(e.field, t),
-					children: [/* @__PURE__ */ q(ie, {
+					onValueChange: (t) => at(e.field, t),
+					children: [/* @__PURE__ */ q(ae, {
 						className: "h-8 text-xs",
-						children: /* @__PURE__ */ q(ae, { placeholder: `Filter ${n}` })
-					}), /* @__PURE__ */ q(ne, { children: e.options?.map((e) => /* @__PURE__ */ q(re, {
+						children: /* @__PURE__ */ q(oe, { placeholder: `Filter ${n}` })
+					}), /* @__PURE__ */ q(re, { children: e.options?.map((e) => /* @__PURE__ */ q(ie, {
 						value: String(e.value),
 						children: e.label
 					}, String(e.value))) })]
@@ -633,7 +657,7 @@ function bt({ open: e, onOpenChange: t, title: n = "Select Record", multiple: i
 					placeholder: `Filter ${n}`,
 					onChange: (t) => {
 						let n = t.target.value;
-						it(e.field, n === "" ? "" : Number(n));
+						at(e.field, n === "" ? "" : Number(n));
 					}
 				})]
 			});
@@ -646,7 +670,7 @@ function bt({ open: e, onOpenChange: t, title: n = "Select Record", multiple: i
 					type: "date",
 					className: "h-8 text-xs",
 					value: t ?? "",
-					onChange: (t) => it(e.field, t.target.value)
+					onChange: (t) => at(e.field, t.target.value)
 				})]
 			});
 			case "boolean": return /* @__PURE__ */ J("div", {
@@ -658,7 +682,7 @@ function bt({ open: e, onOpenChange: t, title: n = "Select Record", multiple: i
 					className: "flex items-center gap-2 h-8",
 					children: [/* @__PURE__ */ q(g, {
 						checked: !!t,
-						onCheckedChange: (t) => it(e.field, !!t)
+						onCheckedChange: (t) => at(e.field, !!t)
 					}), /* @__PURE__ */ q("span", {
 						className: "text-xs text-muted-foreground",
 						children: "Yes"
@@ -674,11 +698,11 @@ function bt({ open: e, onOpenChange: t, title: n = "Select Record", multiple: i
 					className: "h-8 text-xs",
 					value: t ?? "",
 					placeholder: `Filter ${n}`,
-					onChange: (t) => it(e.field, t.target.value)
+					onChange: (t) => at(e.field, t.target.value)
 				})]
 			});
 		}
-	}, [Z, it]), ct = r((e, t) => e ? "bg-primary/5 hover:bg-primary/10" : t % 2 == 1 ? "bg-muted/20 hover:bg-accent/30" : "hover:bg-accent/30", []);
+	}, [X, at]), lt = r((e, t) => e ? "bg-primary/5 hover:bg-primary/10" : t % 2 == 1 ? "bg-muted/20 hover:bg-accent/30" : "hover:bg-accent/30", []);
 	return /* @__PURE__ */ q(_, {
 		open: e,
 		onOpenChange: t,
@@ -693,60 +717,60 @@ function bt({ open: e, onOpenChange: t, title: n = "Select Record", multiple: i
 				/* @__PURE__ */ J("div", {
 					className: "relative rounded-md border bg-muted/30 mb-3",
 					children: [
-						/* @__PURE__ */ q(Ce, { className: "absolute left-3 top-1/2 -translate-y-1/2 size-4 text-muted-foreground" }),
+						/* @__PURE__ */ q(we, { className: "absolute left-3 top-1/2 -translate-y-1/2 size-4 text-muted-foreground" }),
 						/* @__PURE__ */ q(C, {
 							placeholder: "Search...",
-							value: ve,
-							onChange: (e) => Ge(e.target.value),
+							value: V,
+							onChange: (e) => Ke(e.target.value),
 							className: "pl-9 border-0 bg-transparent shadow-none focus-visible:ring-0",
 							"data-testid": "record-picker-search"
 						}),
-						ge && /* @__PURE__ */ q(be, {
+						R && /* @__PURE__ */ q(xe, {
 							className: "absolute right-3 top-1/2 -translate-y-1/2 size-4 animate-spin text-muted-foreground",
 							"data-testid": "record-picker-loading-indicator"
 						})
 					]
 				}),
-				Be && Be.length > 0 && /* @__PURE__ */ q("div", {
+				Z && Z.length > 0 && /* @__PURE__ */ q("div", {
 					className: "py-2",
-					children: oe ? /* @__PURE__ */ q("div", {
+					children: N ? /* @__PURE__ */ q("div", {
 						"data-testid": "record-picker-filter-bar",
-						children: oe({
-							filterColumns: Be,
-							values: Z,
-							onChange: it,
-							onClear: at,
-							activeCount: ot
+						children: N({
+							filterColumns: Z,
+							values: X,
+							onChange: at,
+							onClear: ot,
+							activeCount: st
 						})
-					}) : /* @__PURE__ */ J(ke, { children: [/* @__PURE__ */ J("div", {
+					}) : /* @__PURE__ */ J(je, { children: [/* @__PURE__ */ J("div", {
 						className: "flex items-center gap-2",
 						"data-testid": "record-picker-filter-bar",
 						children: [/* @__PURE__ */ J(h, {
 							type: "button",
-							variant: ot > 0 ? "secondary" : "outline",
+							variant: st > 0 ? "secondary" : "outline",
 							size: "sm",
 							className: "gap-1.5 shrink-0",
-							onClick: () => X((e) => !e),
+							onClick: () => Y((e) => !e),
 							children: [
-								/* @__PURE__ */ q(we, { className: "size-3.5" }),
+								/* @__PURE__ */ q(Te, { className: "size-3.5" }),
 								"Filters",
-								ot > 0 && /* @__PURE__ */ q("span", {
+								st > 0 && /* @__PURE__ */ q("span", {
 									className: "inline-flex h-5 min-w-[20px] items-center justify-center rounded-full bg-primary/10 px-1 text-xs font-medium text-primary",
-									children: ot
+									children: st
 								})
 							]
-						}), ot > 0 && /* @__PURE__ */ J(h, {
+						}), st > 0 && /* @__PURE__ */ J(h, {
 							type: "button",
 							variant: "ghost",
 							size: "sm",
 							className: "gap-1 text-xs",
-							onClick: at,
+							onClick: ot,
 							children: [/* @__PURE__ */ q(Oe, { className: "size-3" }), "Clear"]
 						})]
-					}), Me && /* @__PURE__ */ q("div", {
+					}), Pe && /* @__PURE__ */ q("div", {
 						className: "mt-2 grid gap-3 sm:grid-cols-2 lg:grid-cols-3 border rounded-md p-3 bg-muted/30",
 						"data-testid": "record-picker-filter-panel",
-						children: Be.map((e) => /* @__PURE__ */ q("div", { children: st(e) }, e.field))
+						children: Z.map((e) => /* @__PURE__ */ q("div", { children: ct(e) }, e.field))
 					})] })
 				}),
 				z && /* @__PURE__ */ J("div", {
@@ -761,88 +785,88 @@ function bt({ open: e, onOpenChange: t, title: n = "Select Record", multiple: i
 						/* @__PURE__ */ q(h, {
 							variant: "outline",
 							size: "sm",
-							onClick: () => Ue(ve || void 0, H, We),
+							onClick: () => We(V || void 0, H, Ge),
 							type: "button",
 							children: "Retry"
 						})
 					]
 				}),
-				N ? /* @__PURE__ */ q("div", {
+				pe ? /* @__PURE__ */ q("div", {
 					className: "flex-1 min-h-0",
 					"data-testid": "record-picker-grid-slot",
-					children: N({
-						columns: ze,
-						records: F,
-						loading: ge,
-						totalCount: V,
+					children: pe({
+						columns: Ve,
+						records: L,
+						loading: R,
+						totalCount: ve,
 						currentPage: H,
-						pageSize: m,
-						sortField: xe,
+						pageSize: y,
+						sortField: Ce,
 						sortDirection: G,
-						onSort: Ke,
+						onSort: qe,
 						onPageChange: U,
-						onRowClick: Ye,
-						isSelected: Je,
+						onRowClick: Xe,
+						isSelected: Ye,
 						multiple: i,
-						idField: p,
-						cellRenderer: te
+						idField: m,
+						cellRenderer: O
 					})
-				}) : /* @__PURE__ */ J(ke, { children: [
-					ge && F.length === 0 && !z && /* @__PURE__ */ q("div", {
+				}) : /* @__PURE__ */ J(je, { children: [
+					R && L.length === 0 && !z && /* @__PURE__ */ q("div", {
 						className: "flex-1 overflow-hidden min-h-0 border rounded-md",
 						role: "status",
 						"aria-live": "polite",
 						"data-testid": "record-picker-skeleton",
 						children: /* @__PURE__ */ J(se, { children: [/* @__PURE__ */ q(j, { children: /* @__PURE__ */ J(M, {
 							className: "bg-muted/40",
-							children: [i && /* @__PURE__ */ q(le, { className: "w-10" }), ze.map((e) => /* @__PURE__ */ q(le, { children: /* @__PURE__ */ q(O, { className: "h-4 w-20" }) }, e.field))]
-						}) }), /* @__PURE__ */ q(ce, { children: Array.from({ length: Ct }, (e, t) => /* @__PURE__ */ J(M, { children: [i && /* @__PURE__ */ q(A, {
+							children: [i && /* @__PURE__ */ q(le, { className: "w-10" }), Ve.map((e) => /* @__PURE__ */ q(le, { children: /* @__PURE__ */ q(D, { className: "h-4 w-20" }) }, e.field))]
+						}) }), /* @__PURE__ */ q(ce, { children: Array.from({ length: wt }, (e, t) => /* @__PURE__ */ J(M, { children: [i && /* @__PURE__ */ q(A, {
 							className: "w-10",
-							children: /* @__PURE__ */ q(O, { className: "size-4 rounded" })
-						}), ze.map((e) => /* @__PURE__ */ q(A, { children: /* @__PURE__ */ q(O, { className: "h-4 w-full" }) }, e.field))] }, t)) })] })
+							children: /* @__PURE__ */ q(D, { className: "size-4 rounded" })
+						}), Ve.map((e) => /* @__PURE__ */ q(A, { children: /* @__PURE__ */ q(D, { className: "h-4 w-full" }) }, e.field))] }, t)) })] })
 					}),
-					!ge && !z && F.length === 0 && /* @__PURE__ */ q("div", {
+					!R && !z && L.length === 0 && /* @__PURE__ */ q("div", {
 						className: "py-8 text-center",
 						children: /* @__PURE__ */ q("p", {
 							className: "text-sm text-muted-foreground",
 							children: "No records found"
 						})
 					}),
-					!z && F.length > 0 && /* @__PURE__ */ J("div", {
+					!z && L.length > 0 && /* @__PURE__ */ J("div", {
 						className: "relative flex-1 overflow-auto min-h-0 border rounded-md",
 						tabIndex: 0,
-						onKeyDown: et,
+						onKeyDown: tt,
 						role: "grid",
 						"aria-label": "Records",
-						children: [ge && /* @__PURE__ */ q("div", {
+						children: [R && /* @__PURE__ */ q("div", {
 							className: "absolute inset-0 z-10 flex items-center justify-center bg-background/60",
 							"data-testid": "record-picker-loading-overlay",
-							children: /* @__PURE__ */ q(be, { className: "size-6 animate-spin text-muted-foreground" })
+							children: /* @__PURE__ */ q(xe, { className: "size-6 animate-spin text-muted-foreground" })
 						}), /* @__PURE__ */ J(se, {
-							style: Object.keys(Pe).length > 0 ? { tableLayout: "fixed" } : void 0,
+							style: Object.keys(Ie).length > 0 ? { tableLayout: "fixed" } : void 0,
 							children: [/* @__PURE__ */ q(j, {
 								className: "sticky top-0 z-[5] bg-muted/50 [&_tr]:border-b",
 								"data-testid": "record-picker-sticky-header",
-								children: /* @__PURE__ */ J(M, { children: [i && /* @__PURE__ */ q(le, { className: "w-10" }), ze.map((e) => {
-									let t = Pe[e.field];
+								children: /* @__PURE__ */ J(M, { children: [i && /* @__PURE__ */ q(le, { className: "w-10" }), Ve.map((e) => {
+									let t = Ie[e.field];
 									return /* @__PURE__ */ J(le, {
 										style: t ? {
 											width: `${t}px`,
 											minWidth: `${t}px`
 										} : e.width ? { width: e.width } : void 0,
 										className: "cursor-pointer select-none relative group text-xs font-semibold uppercase tracking-wider",
-										onClick: () => Ke(e.field),
-										"aria-sort": xe === e.field ? G === "asc" ? "ascending" : "descending" : "none",
+										onClick: () => qe(e.field),
+										"aria-sort": Ce === e.field ? G === "asc" ? "ascending" : "descending" : "none",
 										children: [/* @__PURE__ */ J("span", {
 											className: "inline-flex items-center",
-											children: [e.label || _t(e.field), nt(e.field)]
+											children: [e.label || vt(e.field), rt(e.field)]
 										}), /* @__PURE__ */ q("span", {
 											role: "separator",
 											"aria-orientation": "vertical",
 											className: "absolute right-0 top-0 bottom-0 w-1 cursor-col-resize opacity-0 group-hover:opacity-100 bg-border hover:bg-primary/50 transition-opacity",
 											onMouseDown: (t) => {
 												let n = t.currentTarget.parentElement?.getBoundingClientRect();
-												rt(t, e.field, n?.width ?? 100);
+												it(t, e.field, n?.width ?? 100);
 											},
 											onClick: (e) => e.stopPropagation(),
 											"data-testid": `resize-handle-${e.field}`
@@ -850,43 +874,43 @@ function bt({ open: e, onOpenChange: t, title: n = "Select Record", multiple: i
 									}, e.field);
 								})] })
 							}), /* @__PURE__ */ q(ce, {
-								ref: je,
-								children: F.map((e, t) => {
-									let n = qe(e), r = Je(e), a = t === Y;
+								ref: Ne,
+								children: L.map((e, t) => {
+									let n = Je(e), r = Ye(e), a = t === Ae;
 									return /* @__PURE__ */ J(M, {
 										"data-row-index": t,
-										className: P("cursor-pointer transition-colors", ct(r, t), a && "ring-2 ring-primary ring-inset"),
-										onClick: () => Ye(e),
+										className: P("cursor-pointer transition-colors", lt(r, t), a && "ring-2 ring-primary ring-inset"),
+										onClick: () => Xe(e),
 										"data-testid": `record-row-${n}`,
 										"aria-selected": r,
 										children: [i && /* @__PURE__ */ q(A, {
 											className: "w-10",
 											children: r && /* @__PURE__ */ q(I, { className: "size-4 text-primary" })
-										}), ze.map((t) => /* @__PURE__ */ q(A, {
+										}), Ve.map((t) => /* @__PURE__ */ q(A, {
 											className: "py-2.5",
-											children: tt(e, t)
+											children: nt(e, t)
 										}, t.field))]
 									}, n ?? t);
 								})
 							})]
 						})]
 					}),
-					!z && V > 0 && /* @__PURE__ */ J("div", {
+					!z && ve > 0 && /* @__PURE__ */ J("div", {
 						className: "flex items-center justify-between text-sm text-muted-foreground border-t pt-3 mt-2 px-1",
 						"data-testid": "record-picker-pagination",
 						children: [/* @__PURE__ */ J("span", { children: [
-							V,
+							ve,
 							" ",
-							V === 1 ? "record" : "records",
-							He > 1 && ` · Page ${H} of ${He}`
-						] }), He > 1 && /* @__PURE__ */ J("div", {
+							ve === 1 ? "record" : "records",
+							Ue > 1 && ` · Page ${H} of ${Ue}`
+						] }), Ue > 1 && /* @__PURE__ */ J("div", {
 							className: "flex items-center gap-1.5",
 							children: [
 								/* @__PURE__ */ q(h, {
 									variant: "outline",
 									size: "icon",
 									className: "size-7",
-									onClick: Ze,
+									onClick: Qe,
 									disabled: H <= 1,
 									type: "button",
 									"aria-label": "Previous page",
@@ -895,9 +919,9 @@ function bt({ open: e, onOpenChange: t, title: n = "Select Record", multiple: i
 								/* @__PURE__ */ q(C, {
 									className: "h-7 w-12 text-center text-xs px-1",
 									placeholder: String(H),
-									value: Le,
-									onChange: (e) => Re(e.target.value),
-									onKeyDown: $e,
+									value: ze,
+									onChange: (e) => Be(e.target.value),
+									onKeyDown: et,
 									"aria-label": "Jump to page",
 									"data-testid": "record-picker-page-jump"
 								}),
@@ -905,8 +929,8 @@ function bt({ open: e, onOpenChange: t, title: n = "Select Record", multiple: i
 									variant: "outline",
 									size: "icon",
 									className: "size-7",
-									onClick: Qe,
-									disabled: H >= He,
+									onClick: $e,
+									disabled: H >= Ue,
 									type: "button",
 									"aria-label": "Next page",
 									children: /* @__PURE__ */ q(he, { className: "size-4" })
@@ -919,7 +943,7 @@ function bt({ open: e, onOpenChange: t, title: n = "Select Record", multiple: i
 					className: "flex items-center gap-2 w-full justify-between",
 					children: [/* @__PURE__ */ J("span", {
 						className: "text-sm text-muted-foreground",
-						children: [Te.size, " selected"]
+						children: [De.size, " selected"]
 					}), /* @__PURE__ */ J("div", {
 						className: "flex gap-2",
 						children: [/* @__PURE__ */ q(h, {
@@ -929,7 +953,7 @@ function bt({ open: e, onOpenChange: t, title: n = "Select Record", multiple: i
 							children: "Cancel"
 						}), /* @__PURE__ */ q(h, {
 							type: "button",
-							onClick: Xe,
+							onClick: Ze,
 							children: "Confirm"
 						})]
 					})]
@@ -938,28 +962,36 @@ function bt({ open: e, onOpenChange: t, title: n = "Select Record", multiple: i
 		})
 	});
 }
-var xt, St, Ct, wt = X((() => {
-	xt = 10, St = 60, Ct = 5;
+var St, Ct, wt, Tt = Y((() => {
+	St = 10, Ct = 60, wt = 5;
 }));
 //#endregion
 //#region src/widgets/_cell-renderer-bridge.ts
-function Tt(e) {
-	Dt = e;
+function Et(e) {
+	Ot = e;
 }
-function Et() {
-	return Dt;
+function Dt() {
+	return Ot;
 }
-var Dt, Ot = X((() => {})), kt = /* @__PURE__ */ Z({ LookupField: () => Mt });
-function At(e, t, n, r) {
-	let i = e[n] ?? e.id ?? e._id, a = e[t] ?? e.label ?? e.name ?? String(i), o = r ? e[r] : void 0;
+var Ot, kt = Y((() => {})), At = /* @__PURE__ */ X({ LookupField: () => Pt });
+function jt(e, t) {
+	if (!e || typeof e != "object" || !t) return null;
+	let n = "[-\\u2013\\u2014|/·,:]", r = !1, i = t.replace(/\{([^{}]+)\}/g, (t, n) => {
+		let i = e[n.trim()];
+		return i != null && i !== "" ? (r = !0, String(i)) : "\0";
+	});
+	return r && i.replace(RegExp(`\\s*${n}\\s*`, "g"), "").replace(RegExp(`\\s*${n}\\s*`, "g"), "").replace(RegExp("\0", "g"), "").replace(/\s+/g, " ").trim() || null;
+}
+function Mt(e, t, n, r, i) {
+	let a = e[n] ?? e.id ?? e._id, o = (i ? jt(e, i) : null) ?? e[t] ?? e.label ?? e.name ?? e.full_name ?? e.title ?? e.subject ?? String(a), s = r ? e[r] : void 0;
 	return {
-		value: i,
-		label: String(a),
-		description: o,
+		value: a,
+		label: String(o),
+		description: s,
 		...e
 	};
 }
-function jt(e) {
+function Nt(e) {
 	return {
 		text: "text",
 		number: "number",
@@ -972,8 +1004,8 @@ function jt(e) {
 		boolean: "boolean"
 	}[e];
 }
-function Mt({ value: e, onChange: t, field: n, readonly: o, ...u }) {
-	let [d, f] = l(!1), [p, g] = l(""), { t: _ } = Ue(), [v, y] = l([]), [b, ee] = l(!1), [x, w] = l(null), [D, ne] = l(0), re = c(null), [ie, ae] = l([]), [O, k] = l(-1), oe = c(null), se = n || u.schema, ce = se?.field, A = ce && typeof ce == "object" && ("reference_to" in ce || "reference" in ce || "type" in ce) ? ce : se, le = A?.options || [], j = A?.multiple || !1, M = A?.display_field || A?.reference_field || "name", N = A?.description_field, P = A?.id_field || "id", de = A?.reference_to || A?.reference, fe = A?.lookup_columns, pe = A?.lookup_page_size, F = A?.lookup_filters, I = s(() => {
+function Pt({ value: e, onChange: t, field: n, readonly: o, ...u }) {
+	let [d, f] = l(!1), [p, g] = l(""), { t: _ } = We(), [v, y] = l([]), [b, ee] = l(!1), [x, w] = l(null), [E, re] = l(0), ie = c(null), [ae, oe] = l([]), [D, O] = l(-1), k = c(null), se = n || u.schema, ce = se?.field, A = ce && typeof ce == "object" && ("reference_to" in ce || "reference" in ce || "type" in ce) ? ce : se, le = A?.options || [], j = A?.multiple || !1, M = A?.display_field || A?.reference_field || "name", N = A?.description_field, P = A?.id_field || "id", F = A?.reference_to || A?.reference, de = A?.lookup_columns, fe = A?.lookup_page_size, pe = A?.lookup_filters, I = s(() => {
 		let e = A?.depends_on ?? A?.dependsOn;
 		return e && Array.isArray(e) ? e.map((e) => typeof e == "string" ? {
 			field: e,
@@ -983,10 +1015,10 @@ function Mt({ value: e, onChange: t, field: n, readonly: o, ...u }) {
 			param: e.param ?? e.field
 		}) : [];
 	}, [A?.depends_on, A?.dependsOn]), me = u.dependentValues, he = s(() => {
-		if (!fe) return;
+		if (!de) return;
 		let e = [];
-		for (let t of fe) if (typeof t == "object" && t.type) {
-			let n = jt(t.type);
+		for (let t of de) if (typeof t == "object" && t.type) {
+			let n = Nt(t.type);
 			n && e.push({
 				field: t.field,
 				label: t.label,
@@ -994,44 +1026,59 @@ function Mt({ value: e, onChange: t, field: n, readonly: o, ...u }) {
 			});
 		}
 		return e.length > 0 ? e : void 0;
-	}, [fe]), L = i(Pt), ge = L?.dataSource ?? null, R = u.dataSource ?? se?.dataSource ?? A?.dataSource ?? ge, z = s(() => me || (L?.formValues ?? L?.data ?? {}), [
+	}, [de]), L = i(It), ge = L?.dataSource ?? null, R = u.dataSource ?? se?.dataSource ?? A?.dataSource ?? ge, _e = s(() => me || (L?.formValues ?? L?.data ?? {}), [
 		me,
 		L?.formValues,
 		L?.data
-	]), B = s(() => I.length === 0 ? !1 : I.some(({ field: e }) => {
-		let t = z[e];
+	]), z = s(() => I.length === 0 ? !1 : I.some(({ field: e }) => {
+		let t = _e[e];
 		return t == null || t === "" || Array.isArray(t) && t.length === 0;
-	}), [I, z]), V = R != null && typeof R.find == "function" && !!de, _e = u.onCreateNew ?? se?.onCreateNew, [ve, ye] = l(!1), H = V ? v : le, U = s(() => {
-		if (V || !p) return H;
+	}), [I, _e]), B = R != null && typeof R.find == "function" && !!F, [ve, ye] = l(null);
+	a(() => {
+		if (!R || !F) return;
+		let e = R.getObjectSchema;
+		if (typeof e != "function") return;
+		let t = !0;
+		return Promise.resolve(e.call(R, F)).then((e) => {
+			t && ye(e);
+		}).catch(() => {}), () => {
+			t = !1;
+		};
+	}, [R, F]);
+	let V = s(() => {
+		let e = ve?.titleFormat;
+		return typeof e == "string" ? e : e && typeof e == "object" && typeof e.source == "string" ? e.source : null;
+	}, [ve]), be = u.onCreateNew ?? se?.onCreateNew, [H, U] = l(!1), Se = B ? v : le, W = s(() => {
+		if (B || !p) return Se;
 		let e = p.toLowerCase();
-		return H.filter((t) => t.label.toLowerCase().includes(e) || t.description && t.description.toLowerCase().includes(e));
+		return Se.filter((t) => t.label.toLowerCase().includes(e) || t.description && t.description.toLowerCase().includes(e));
 	}, [
-		V,
-		H,
+		B,
+		Se,
 		p
 	]);
 	a(() => {
-		k(-1);
-	}, [U.length]);
-	let W = r(async (e) => {
-		if (!(!R || !de)) {
-			if (B) {
-				y([]), ne(0);
+		O(-1);
+	}, [W.length]);
+	let G = r(async (e) => {
+		if (!(!R || !F)) {
+			if (z) {
+				y([]), re(0);
 				return;
 			}
 			ee(!0), w(null);
 			try {
-				let t = { $top: Nt };
+				let t = { $top: Ft };
 				if (e && e.trim() && (t.$search = e.trim()), I.length > 0) {
 					let e = {};
 					for (let { field: t, param: n } of I) {
-						let r = z[t];
+						let r = _e[t];
 						r == null || r === "" || (e[n] = typeof r == "number" ? r : String(r));
 					}
 					Object.keys(e).length > 0 && (t.$filter = e);
 				}
-				let n = await R.find(de, t), r = n?.data ?? n ?? [];
-				y(r.map((e) => At(e, M, P, N))), ne(n?.total ?? r.length);
+				let n = await R.find(F, t), r = n?.data ?? n ?? [];
+				y(r.map((e) => Mt(e, M, P, N, V))), re(n?.total ?? r.length);
 			} catch (e) {
 				w(e instanceof Error ? e.message : String(e)), y([]);
 			} finally {
@@ -1040,32 +1087,70 @@ function Mt({ value: e, onChange: t, field: n, readonly: o, ...u }) {
 		}
 	}, [
 		R,
-		de,
+		F,
 		M,
 		P,
 		N,
-		B,
+		V,
+		z,
 		I,
-		z
+		_e
 	]);
 	a(() => {
-		d && V && I.length > 0 && W(p || void 0);
-	}, [s(() => I.map((e) => `${e.param}=${z[e.field] ?? ""}`).join("|"), [I, z])]), a(() => {
-		d && V && W(p || void 0), d || (g(""), w(null), k(-1));
+		d && B && I.length > 0 && G(p || void 0);
+	}, [s(() => I.map((e) => `${e.param}=${_e[e.field] ?? ""}`).join("|"), [I, _e])]), a(() => {
+		d && B && G(p || void 0), d || (g(""), w(null), O(-1));
 	}, [d]);
-	let xe = r((e) => {
-		g(e), V && (re.current && clearTimeout(re.current), re.current = setTimeout(() => {
-			W(e || void 0);
+	let Te = r((e) => {
+		g(e), B && (ie.current && clearTimeout(ie.current), ie.current = setTimeout(() => {
+			G(e || void 0);
 		}, 300));
-	}, [V, W]);
+	}, [B, G]);
 	a(() => () => {
-		re.current && clearTimeout(re.current);
-	}, []);
-	let G = r((e) => le.find((t) => t.value === e) ?? v.find((t) => t.value === e) ?? ie.find((t) => t.value === e), [
+		ie.current && clearTimeout(ie.current);
+	}, []), a(() => {
+		if (!B || !R || !F) return;
+		let t = j ? Array.isArray(e) ? e : [] : e != null && e !== "" ? [e] : [];
+		if (!t.length) return;
+		let n = t.filter((e) => !Ee(e));
+		if (!n.length) return;
+		let r = !1;
+		return (async () => {
+			try {
+				let e = [];
+				for (let t of n) if (typeof R.findOne == "function") {
+					let n = await R.findOne(F, t);
+					n && e.push(Mt(n, M, P, N, V));
+				} else {
+					let n = await R.find(F, {
+						$filter: { [P]: t },
+						$top: 1
+					}), r = n?.data ?? n ?? [];
+					r[0] && e.push(Mt(r[0], M, P, N, V));
+				}
+				!r && e.length && oe((t) => {
+					let n = new Map(t.map((e) => [e.value, e]));
+					for (let t of e) n.set(t.value, t);
+					return Array.from(n.values());
+				});
+			} catch {}
+		})(), () => {
+			r = !0;
+		};
+	}, [
+		e,
+		B,
+		F,
+		M,
+		P,
+		N,
+		j
+	]);
+	let Ee = r((e) => le.find((t) => t.value === e) ?? v.find((t) => t.value === e) ?? ae.find((t) => t.value === e), [
 		le,
 		v,
-		ie
-	]), K = j ? (Array.isArray(e) ? e : []).map(G).filter(Boolean) : e ? [G(e)].filter(Boolean) : [], we = r((n) => {
+		ae
+	]), K = j ? (Array.isArray(e) ? e : []).map(Ee).filter(Boolean) : e ? [Ee(e)].filter(Boolean) : [], ke = r((n) => {
 		if (j) {
 			let r = Array.isArray(e) ? e : [];
 			r.includes(n.value) ? t(r.filter((e) => e !== n.value)) : t([...r, n.value]);
@@ -1074,32 +1159,33 @@ function Mt({ value: e, onChange: t, field: n, readonly: o, ...u }) {
 		j,
 		e,
 		t
-	]), Te = (n) => {
+	]), Ae = (n) => {
 		t(j ? (Array.isArray(e) ? e : []).filter((e) => e !== n) : null);
-	}, De = r((e) => {
-		ae(e.map((e) => At(e, M, P, N)));
+	}, Me = r((e) => {
+		oe(e.map((e) => Mt(e, M, P, N, V)));
 	}, [
 		M,
 		P,
-		N
-	]), Y = r((e) => {
-		e.key === "ArrowDown" ? (e.preventDefault(), k((e) => e < U.length - 1 ? e + 1 : e)) : e.key === "ArrowUp" ? (e.preventDefault(), k((e) => e > 0 ? e - 1 : 0)) : e.key === "Enter" && (e.preventDefault(), O >= 0 && O < U.length && we(U[O]));
+		N,
+		V
+	]), Ne = r((e) => {
+		e.key === "ArrowDown" ? (e.preventDefault(), O((e) => e < W.length - 1 ? e + 1 : e)) : e.key === "ArrowUp" ? (e.preventDefault(), O((e) => e > 0 ? e - 1 : 0)) : e.key === "Enter" && (e.preventDefault(), D >= 0 && D < W.length && ke(W[D]));
 	}, [
-		U,
-		O,
-		we
+		W,
+		D,
+		ke
 	]);
 	return a(() => {
-		O >= 0 && oe.current && oe.current.querySelector(`[data-lookup-index="${O}"]`)?.scrollIntoView({ block: "nearest" });
-	}, [O]), o ? K.length ? j ? /* @__PURE__ */ q("div", {
+		D >= 0 && k.current && k.current.querySelector(`[data-lookup-index="${D}"]`)?.scrollIntoView({ block: "nearest" });
+	}, [D]), o ? K.length ? j ? /* @__PURE__ */ q("div", {
 		className: "flex flex-wrap gap-1",
 		children: K.map((e, t) => /* @__PURE__ */ q(m, {
 			variant: "outline",
-			children: e?.[M] || e?.label
+			children: e?.label || e?.[M]
 		}, t))
 	}) : /* @__PURE__ */ q("span", {
 		className: "text-sm",
-		children: K[0]?.[M] || K[0]?.label
+		children: K[0]?.label || K[0]?.[M]
 	}) : /* @__PURE__ */ q(S, {}) : /* @__PURE__ */ J("div", {
 		className: "space-y-2",
 		children: [
@@ -1108,32 +1194,32 @@ function Mt({ value: e, onChange: t, field: n, readonly: o, ...u }) {
 				children: K.map((e, t) => /* @__PURE__ */ J(m, {
 					variant: "outline",
 					className: "gap-1",
-					children: [e?.[M] || e?.label, /* @__PURE__ */ q("button", {
-						onClick: () => Te(e?.value),
+					children: [e?.label || e?.[M], /* @__PURE__ */ q("button", {
+						onClick: () => Ae(e?.value),
 						className: "ml-1 hover:text-destructive",
 						type: "button",
-						"aria-label": `Remove ${e?.[M] || e?.label}`,
+						"aria-label": `Remove ${e?.label || e?.[M]}`,
 						children: /* @__PURE__ */ q(Oe, { className: "size-3" })
 					})]
 				}, t))
 			}),
 			/* @__PURE__ */ J("div", {
 				className: "flex items-center gap-1.5",
-				children: [/* @__PURE__ */ J(T, {
+				children: [/* @__PURE__ */ J(te, {
 					open: d,
-					onOpenChange: (e) => !B && f(e),
-					children: [/* @__PURE__ */ q(te, {
+					onOpenChange: (e) => !z && f(e),
+					children: [/* @__PURE__ */ q(T, {
 						asChild: !0,
 						children: /* @__PURE__ */ J(h, {
 							variant: "outline",
 							className: "min-w-0 flex-1 justify-start text-left font-normal",
 							type: "button",
-							disabled: B || u.disabled,
-							"data-testid": B ? "lookup-trigger-gated" : void 0,
-							title: B ? `Select ${I.map((e) => e.field).join(", ")} first` : void 0,
-							children: [/* @__PURE__ */ q(Ce, { className: "mr-2 size-4" }), B ? `Select ${I.map((e) => e.field).join(", ")} first` : K.length === 0 ? se?.placeholder || _("common.select") : j ? _("table.selected", { count: K.length }) : _("common.select")]
+							disabled: z || u.disabled,
+							"data-testid": z ? "lookup-trigger-gated" : void 0,
+							title: z ? `Select ${I.map((e) => e.field).join(", ")} first` : void 0,
+							children: [/* @__PURE__ */ q(we, { className: "mr-2 size-4" }), z ? `Select ${I.map((e) => e.field).join(", ")} first` : K.length === 0 ? se?.placeholder || _("common.select") : j ? _("table.selected", { count: K.length }) : _("common.select")]
 						})
-					}), /* @__PURE__ */ J(E, {
+					}), /* @__PURE__ */ J(ne, {
 						className: "w-[var(--radix-popover-trigger-width)] p-0",
 						align: "start",
 						children: [
@@ -1142,15 +1228,15 @@ function Mt({ value: e, onChange: t, field: n, readonly: o, ...u }) {
 								children: /* @__PURE__ */ J("div", {
 									className: "relative",
 									children: [
-										/* @__PURE__ */ q(Ce, { className: "absolute left-3 top-1/2 -translate-y-1/2 size-4 text-muted-foreground" }),
+										/* @__PURE__ */ q(we, { className: "absolute left-3 top-1/2 -translate-y-1/2 size-4 text-muted-foreground" }),
 										/* @__PURE__ */ q(C, {
 											placeholder: _("common.search") + "...",
 											value: p,
-											onChange: (e) => xe(e.target.value),
-											onKeyDown: Y,
+											onChange: (e) => Te(e.target.value),
+											onKeyDown: Ne,
 											className: "w-full pl-9 h-8 text-sm"
 										}),
-										b && /* @__PURE__ */ q(be, {
+										b && /* @__PURE__ */ q(xe, {
 											className: "absolute right-3 top-1/2 -translate-y-1/2 size-4 animate-spin text-muted-foreground",
 											"data-testid": "lookup-loading"
 										})
@@ -1169,49 +1255,49 @@ function Mt({ value: e, onChange: t, field: n, readonly: o, ...u }) {
 									/* @__PURE__ */ q(h, {
 										variant: "outline",
 										size: "sm",
-										onClick: () => W(p || void 0),
+										onClick: () => G(p || void 0),
 										type: "button",
 										children: "Retry"
 									})
 								]
 							}),
-							b && U.length === 0 && !x && /* @__PURE__ */ J("div", {
+							b && W.length === 0 && !x && /* @__PURE__ */ J("div", {
 								className: "flex flex-col items-center gap-2 py-6",
 								role: "status",
 								"aria-live": "polite",
-								children: [/* @__PURE__ */ q(be, { className: "size-6 animate-spin text-muted-foreground" }), /* @__PURE__ */ q("p", {
+								children: [/* @__PURE__ */ q(xe, { className: "size-6 animate-spin text-muted-foreground" }), /* @__PURE__ */ q("p", {
 									className: "text-sm text-muted-foreground",
 									children: "Loading…"
 								})]
 							}),
-							!x && !(b && U.length === 0) && /* @__PURE__ */ q("div", {
-								ref: oe,
+							!x && !(b && W.length === 0) && /* @__PURE__ */ q("div", {
+								ref: k,
 								className: "max-h-64 overflow-y-auto px-1 pb-1",
 								role: "listbox",
-								children: U.length === 0 ? /* @__PURE__ */ J("div", {
+								children: W.length === 0 ? /* @__PURE__ */ J("div", {
 									className: "py-4 text-center",
 									children: [/* @__PURE__ */ q("p", {
 										className: "text-sm text-muted-foreground",
 										children: "No options found"
-									}), _e && /* @__PURE__ */ J(h, {
+									}), be && /* @__PURE__ */ J(h, {
 										variant: "ghost",
 										size: "sm",
 										className: "mt-2 gap-1",
 										type: "button",
 										onClick: () => {
-											_e(p), f(!1);
+											be(p), f(!1);
 										},
-										children: [/* @__PURE__ */ q(Se, { className: "size-4" }), "Create new"]
+										children: [/* @__PURE__ */ q(Ce, { className: "size-4" }), "Create new"]
 									})]
-								}) : /* @__PURE__ */ J(ke, { children: [
-									U.map((t, n) => {
+								}) : /* @__PURE__ */ J(je, { children: [
+									W.map((t, n) => {
 										let r = j ? (Array.isArray(e) ? e : []).includes(t.value) : e === t.value;
 										return /* @__PURE__ */ J("button", {
 											"data-lookup-index": n,
 											role: "option",
 											"aria-selected": r,
-											onClick: () => we(t),
-											className: `w-full text-left px-3 py-2 rounded-md text-sm hover:bg-accent flex items-center justify-between ${n === O ? "bg-accent text-accent-foreground" : r ? "bg-accent/50 text-accent-foreground" : ""}`,
+											onClick: () => ke(t),
+											className: `w-full text-left px-3 py-2 rounded-md text-sm hover:bg-accent flex items-center justify-between ${n === D ? "bg-accent text-accent-foreground" : r ? "bg-accent/50 text-accent-foreground" : ""}`,
 											type: "button",
 											children: [/* @__PURE__ */ J("div", {
 												className: "min-w-0 flex-1",
@@ -1229,38 +1315,38 @@ function Mt({ value: e, onChange: t, field: n, readonly: o, ...u }) {
 											})]
 										}, t.value);
 									}),
-									V && D > U.length && /* @__PURE__ */ J("p", {
+									B && E > W.length && /* @__PURE__ */ J("p", {
 										className: "text-xs text-muted-foreground text-center py-2",
 										children: [
 											"Showing ",
-											U.length,
+											W.length,
 											" of ",
-											D,
+											E,
 											" results."
 										]
 									}),
-									V && D > U.length && /* @__PURE__ */ J("button", {
+									B && E > W.length && /* @__PURE__ */ J("button", {
 										type: "button",
 										className: "w-full text-center px-3 py-2 rounded-md text-sm font-medium text-primary hover:bg-accent flex items-center justify-center gap-1.5",
 										onClick: () => {
-											f(!1), ye(!0);
+											f(!1), U(!0);
 										},
 										"data-testid": "show-all-results",
 										children: [
-											/* @__PURE__ */ q(Ee, { className: "size-3.5" }),
+											/* @__PURE__ */ q(De, { className: "size-3.5" }),
 											"Show All Results (",
-											D,
+											E,
 											")"
 										]
 									}),
-									_e && /* @__PURE__ */ J("button", {
+									be && /* @__PURE__ */ J("button", {
 										type: "button",
 										className: "w-full text-left px-3 py-2 rounded-md text-sm hover:bg-accent flex items-center gap-1.5 text-muted-foreground",
 										onClick: () => {
-											_e(p), f(!1);
+											be(p), f(!1);
 										},
 										children: [
-											/* @__PURE__ */ q(Se, { className: "size-3.5" }),
+											/* @__PURE__ */ q(Ce, { className: "size-3.5" }),
 											"Create new",
 											p ? ` "${p}"` : ""
 										]
@@ -1269,43 +1355,44 @@ function Mt({ value: e, onChange: t, field: n, readonly: o, ...u }) {
 							})
 						]
 					})]
-				}), V && /* @__PURE__ */ q(h, {
+				}), B && /* @__PURE__ */ q(h, {
 					variant: "outline",
 					size: "icon",
 					className: "shrink-0",
 					type: "button",
-					onClick: () => ye(!0),
+					onClick: () => U(!0),
 					"aria-label": "Browse all records",
 					title: "Browse all records",
 					"data-testid": "browse-all-records",
-					children: /* @__PURE__ */ q(Ee, { className: "size-4" })
+					children: /* @__PURE__ */ q(De, { className: "size-4" })
 				})]
 			}),
-			V && R && de && /* @__PURE__ */ q(bt, {
-				open: ve,
-				onOpenChange: ye,
+			B && R && F && /* @__PURE__ */ q(xt, {
+				open: H,
+				onOpenChange: U,
 				title: se?.label || "Select",
 				multiple: j,
 				dataSource: R,
-				objectName: de,
-				columns: fe,
+				objectName: F,
+				columns: de,
 				displayField: M,
+				titleFormat: V,
 				idField: P,
-				pageSize: pe,
+				pageSize: fe,
 				value: e,
 				onSelect: t,
-				onSelectRecords: De,
-				lookupFilters: F,
-				cellRenderer: Et(),
+				onSelectRecords: Me,
+				lookupFilters: pe,
+				cellRenderer: Dt(),
 				filterColumns: he
 			})
 		]
 	});
 }
-var Nt, Pt, Ft = X((() => {
-	wt(), Ot(), We(), Nt = 50, Pt = Ae;
-})), It = /* @__PURE__ */ Z({ DateTimeField: () => Lt });
-function Lt({ value: e, onChange: t, field: n, readonly: r, ...i }) {
+var Ft, It, Lt = Y((() => {
+	Tt(), kt(), Ge(), Ft = 50, It = ke;
+})), Rt = /* @__PURE__ */ X({ DateTimeField: () => zt });
+function zt({ value: e, onChange: t, field: n, readonly: r, ...i }) {
 	if (r) {
 		if (!e) return /* @__PURE__ */ q(S, {});
 		let t = new Date(e);
@@ -1327,8 +1414,8 @@ function Lt({ value: e, onChange: t, field: n, readonly: r, ...i }) {
 		disabled: r || o.disabled
 	});
 }
-var Rt = X((() => {})), zt = /* @__PURE__ */ Z({ TimeField: () => Bt });
-function Bt({ value: e, onChange: t, field: n, readonly: r, ...i }) {
+var Bt = Y((() => {})), Vt = /* @__PURE__ */ X({ TimeField: () => Ht });
+function Ht({ value: e, onChange: t, field: n, readonly: r, ...i }) {
 	if (r) return /* @__PURE__ */ q("span", {
 		className: "text-sm",
 		children: e || /* @__PURE__ */ q(S, {})
@@ -1342,8 +1429,8 @@ function Bt({ value: e, onChange: t, field: n, readonly: r, ...i }) {
 		disabled: r || o.disabled
 	});
 }
-var Vt = X((() => {})), Ht = /* @__PURE__ */ Z({ PercentField: () => Ut });
-function Ut({ value: e, onChange: t, field: n, readonly: r, errorMessage: i, className: a, ...o }) {
+var Ut = Y((() => {})), Wt = /* @__PURE__ */ X({ PercentField: () => Gt });
+function Gt({ value: e, onChange: t, field: n, readonly: r, errorMessage: i, className: a, ...o }) {
 	let s = n || o.schema, c = s?.precision ?? 2;
 	if (r) return e == null ? /* @__PURE__ */ q(S, {}) : /* @__PURE__ */ J("span", {
 		className: "text-sm font-medium tabular-nums",
@@ -1383,7 +1470,7 @@ function Ut({ value: e, onChange: t, field: n, readonly: r, errorMessage: i, cla
 				className: "absolute right-3 top-1/2 -translate-y-1/2 text-sm text-gray-500",
 				children: "%"
 			})]
-		}), /* @__PURE__ */ q(k, {
+		}), /* @__PURE__ */ q(O, {
 			value: [u],
 			onValueChange: f,
 			min: 0,
@@ -1396,8 +1483,8 @@ function Ut({ value: e, onChange: t, field: n, readonly: r, errorMessage: i, cla
 		})]
 	});
 }
-var Wt = X((() => {})), Gt = /* @__PURE__ */ Z({ PasswordField: () => Kt });
-function Kt({ value: e, onChange: t, field: n, readonly: r, className: i, ...a }) {
+var Kt = Y((() => {})), qt = /* @__PURE__ */ X({ PasswordField: () => Jt });
+function Jt({ value: e, onChange: t, field: n, readonly: r, className: i, ...a }) {
 	let [o, s] = l(!1), c = n || a.schema;
 	if (r) return /* @__PURE__ */ q("span", {
 		className: "text-sm",
@@ -1421,13 +1508,13 @@ function Kt({ value: e, onChange: t, field: n, readonly: r, className: i, ...a }
 			className: "absolute right-0 top-0 h-full px-3 py-2 hover:bg-transparent",
 			onClick: () => s(!o),
 			tabIndex: -1,
-			children: q(o ? _e : V, { className: "size-4 text-gray-500" })
+			children: q(o ? ve : B, { className: "size-4 text-gray-500" })
 		})]
 	});
 }
-var qt = X((() => {})), Jt = /* @__PURE__ */ Z({ FileField: () => Yt });
-function Yt({ value: e, onChange: t, field: n, readonly: i, ...a }) {
-	let o = c(null), s = c(null), u = n || a.schema, d = u?.multiple || !1, f = u?.accept ? u.accept.join(",") : void 0, p = u?.maxSize, m = u?.capture ?? null, g = !f || f.split(",").some((e) => e.trim().startsWith("image/") || e.trim() === "image/*" || e.trim().startsWith(".jp") || e.trim().startsWith(".png") || e.trim().startsWith(".gif") || e.trim().startsWith(".webp")), _ = typeof navigator < "u" && (navigator.maxTouchPoints > 0 || /Mobi|Android/i.test(navigator.userAgent)), v = m === !1 ? !1 : m ?? (g && _ ? "environment" : null), [y, b] = l(!1), [ee, x] = l([]), { upload: C } = je(), [w, T] = l({}), [E, te] = l(!1), D = e ? Array.isArray(e) ? e : [e] : [], ne = r(async (e) => {
+var Yt = Y((() => {})), Xt = /* @__PURE__ */ X({ FileField: () => Zt });
+function Zt({ value: e, onChange: t, field: n, readonly: i, ...a }) {
+	let o = c(null), s = c(null), u = n || a.schema, d = u?.multiple || !1, f = u?.accept ? u.accept.join(",") : void 0, p = u?.maxSize, m = u?.capture ?? null, g = !f || f.split(",").some((e) => e.trim().startsWith("image/") || e.trim() === "image/*" || e.trim().startsWith(".jp") || e.trim().startsWith(".png") || e.trim().startsWith(".gif") || e.trim().startsWith(".webp")), _ = typeof navigator < "u" && (navigator.maxTouchPoints > 0 || /Mobi|Android/i.test(navigator.userAgent)), v = m === !1 ? !1 : m ?? (g && _ ? "environment" : null), [y, b] = l(!1), [ee, x] = l([]), { upload: C } = Ne(), [w, te] = l({}), [ne, T] = l(!1), E = e ? Array.isArray(e) ? e : [e] : [], re = r(async (e) => {
 		if (e.length === 0) return;
 		let n = [], r = e.filter((e) => {
 			if (p && e.size > p) {
@@ -1437,11 +1524,11 @@ function Yt({ value: e, onChange: t, field: n, readonly: i, ...a }) {
 			return !0;
 		});
 		if (x(n), r.length !== 0) {
-			te(!0);
+			T(!0);
 			try {
 				let e = (await Promise.all(r.map(async (e) => {
 					try {
-						let t = await C(e, { onProgress: (t) => T((n) => ({
+						let t = await C(e, { onProgress: (t) => te((n) => ({
 							...n,
 							[e.name]: t
 						})) });
@@ -1457,32 +1544,32 @@ function Yt({ value: e, onChange: t, field: n, readonly: i, ...a }) {
 					}
 				}))).filter(Boolean);
 				if (e.length === 0) return;
-				t(d ? [...D, ...e] : e[0]);
+				t(d ? [...E, ...e] : e[0]);
 			} finally {
-				te(!1), T({});
+				T(!1), te({});
 			}
 		}
 	}, [
-		D,
+		E,
 		d,
 		t,
 		p,
 		C
-	]), re = r((e) => {
+	]), ie = r((e) => {
 		e.preventDefault(), e.stopPropagation(), b(!0);
-	}, []), ie = r((e) => {
-		e.preventDefault(), e.stopPropagation(), b(!1);
 	}, []), ae = r((e) => {
 		e.preventDefault(), e.stopPropagation(), b(!1);
+	}, []), oe = r((e) => {
+		e.preventDefault(), e.stopPropagation(), b(!1);
 		let t = Array.from(e.dataTransfer.files);
 		if (f) {
 			let e = f.split(",").map((e) => e.trim().toLowerCase());
-			ne(t.filter((t) => {
+			re(t.filter((t) => {
 				let n = t.name.split("."), r = n.length > 1 ? "." + n.pop()?.toLowerCase() : "";
 				return e.some((e) => e === t.type || r && e === r || e.endsWith("/*") && t.type.startsWith(e.replace("/*", "/")));
 			}));
-		} else ne(t);
-	}, [f, ne]);
+		} else re(t);
+	}, [f, re]);
 	if (i) return e ? /* @__PURE__ */ q("div", {
 		className: "flex flex-wrap gap-2",
 		children: (Array.isArray(e) ? e : [e]).map((e, t) => /* @__PURE__ */ q("span", {
@@ -1490,14 +1577,14 @@ function Yt({ value: e, onChange: t, field: n, readonly: i, ...a }) {
 			children: e.name || e.original_name || "File"
 		}, t))
 	}) : /* @__PURE__ */ q(S, {});
-	let O = (e) => {
-		ne(Array.from(e.target.files || []));
-	}, k = (e) => {
+	let D = (e) => {
+		re(Array.from(e.target.files || []));
+	}, O = (e) => {
 		if (d) {
-			let n = D.filter((t, n) => n !== e);
+			let n = E.filter((t, n) => n !== e);
 			t(n.length > 0 ? n : null);
 		} else t(null);
-	}, oe = (e) => (e.mime_type || "").startsWith("image/");
+	}, k = (e) => (e.mime_type || "").startsWith("image/");
 	return /* @__PURE__ */ J("div", {
 		className: a.className,
 		children: [
@@ -1506,7 +1593,7 @@ function Yt({ value: e, onChange: t, field: n, readonly: i, ...a }) {
 				type: "file",
 				multiple: d,
 				accept: f,
-				onChange: O,
+				onChange: D,
 				className: "hidden"
 			}),
 			v && /* @__PURE__ */ q("input", {
@@ -1514,7 +1601,7 @@ function Yt({ value: e, onChange: t, field: n, readonly: i, ...a }) {
 				type: "file",
 				accept: "image/*",
 				capture: v,
-				onChange: O,
+				onChange: D,
 				className: "hidden",
 				"aria-label": "Camera capture",
 				"data-testid": "file-field-camera-input"
@@ -1523,9 +1610,9 @@ function Yt({ value: e, onChange: t, field: n, readonly: i, ...a }) {
 				className: "space-y-2",
 				children: [
 					/* @__PURE__ */ J("div", {
-						onDragOver: re,
-						onDragLeave: ie,
-						onDrop: ae,
+						onDragOver: ie,
+						onDragLeave: ae,
+						onDrop: oe,
 						onClick: () => o.current?.click(),
 						className: `
             flex flex-col items-center justify-center gap-2 p-6 
@@ -1538,7 +1625,7 @@ function Yt({ value: e, onChange: t, field: n, readonly: i, ...a }) {
 						onKeyDown: (e) => {
 							(e.key === "Enter" || e.key === " ") && (e.preventDefault(), o.current?.click());
 						},
-						children: [/* @__PURE__ */ q(De, { className: `size-8 ${y ? "text-primary" : "text-muted-foreground"}` }), /* @__PURE__ */ J("div", {
+						children: [/* @__PURE__ */ q(K, { className: `size-8 ${y ? "text-primary" : "text-muted-foreground"}` }), /* @__PURE__ */ J("div", {
 							className: "text-center",
 							children: [/* @__PURE__ */ q("p", {
 								className: "text-sm font-medium",
@@ -1558,12 +1645,12 @@ function Yt({ value: e, onChange: t, field: n, readonly: i, ...a }) {
 							e.stopPropagation(), s.current?.click();
 						},
 						"data-testid": "file-field-camera-button",
-						children: [/* @__PURE__ */ q(F, { className: "size-4 mr-2" }), v === "user" ? "Take selfie" : "Take photo"]
+						children: [/* @__PURE__ */ q(pe, { className: "size-4 mr-2" }), v === "user" ? "Take selfie" : "Take photo"]
 					}),
-					E && /* @__PURE__ */ J("div", {
+					ne && /* @__PURE__ */ J("div", {
 						className: "flex items-center gap-2 text-xs text-muted-foreground",
 						"data-testid": "file-field-uploading",
-						children: [/* @__PURE__ */ q(be, { className: "size-3 animate-spin" }), /* @__PURE__ */ J("span", { children: ["Uploading…", Object.keys(w).length > 0 && ` (${Math.round(Object.values(w).reduce((e, t) => e + t, 0) / Object.keys(w).length * 100)}%)`] })]
+						children: [/* @__PURE__ */ q(xe, { className: "size-3 animate-spin" }), /* @__PURE__ */ J("span", { children: ["Uploading…", Object.keys(w).length > 0 && ` (${Math.round(Object.values(w).reduce((e, t) => e + t, 0) / Object.keys(w).length * 100)}%)`] })]
 					}),
 					ee.length > 0 && /* @__PURE__ */ q("div", {
 						className: "space-y-0.5",
@@ -1572,18 +1659,18 @@ function Yt({ value: e, onChange: t, field: n, readonly: i, ...a }) {
 							children: e
 						}, t))
 					}),
-					D.length > 0 && /* @__PURE__ */ q("div", {
+					E.length > 0 && /* @__PURE__ */ q("div", {
 						className: "space-y-1",
-						children: D.map((e, t) => /* @__PURE__ */ J("div", {
+						children: E.map((e, t) => /* @__PURE__ */ J("div", {
 							className: "flex items-center justify-between gap-2 p-2 bg-muted/50 rounded-md border",
 							children: [/* @__PURE__ */ J("div", {
 								className: "flex items-center gap-2 flex-1 min-w-0",
 								children: [
-									oe(e) && e.url ? /* @__PURE__ */ q("img", {
+									k(e) && e.url ? /* @__PURE__ */ q("img", {
 										src: e.url,
 										alt: e.name,
 										className: "size-8 object-cover rounded shrink-0"
-									}) : oe(e) ? /* @__PURE__ */ q(H, { className: "size-4 text-muted-foreground shrink-0" }) : /* @__PURE__ */ q(ve, { className: "size-4 text-muted-foreground shrink-0" }),
+									}) : k(e) ? /* @__PURE__ */ q(be, { className: "size-4 text-muted-foreground shrink-0" }) : /* @__PURE__ */ q(ye, { className: "size-4 text-muted-foreground shrink-0" }),
 									/* @__PURE__ */ q("span", {
 										className: "text-sm truncate",
 										children: e.name || e.original_name || "File"
@@ -1602,7 +1689,7 @@ function Yt({ value: e, onChange: t, field: n, readonly: i, ...a }) {
 								variant: "ghost",
 								size: "sm",
 								onClick: (e) => {
-									e.stopPropagation(), k(t);
+									e.stopPropagation(), O(t);
 								},
 								className: "h-6 w-6 p-0",
 								children: /* @__PURE__ */ q(Oe, { className: "size-3" })
@@ -1614,17 +1701,17 @@ function Yt({ value: e, onChange: t, field: n, readonly: i, ...a }) {
 		]
 	});
 }
-var Xt = X((() => {})), Zt = /* @__PURE__ */ Z({ ImageCropperDialog: () => Qt }), Qt, $t = X((() => {
-	Qt = ({ open: e, onOpenChange: t, src: n, outputType: i = "image/png", outputName: o = "cropped.png", onConfirm: s }) => {
+var Qt = Y((() => {})), $t = /* @__PURE__ */ X({ ImageCropperDialog: () => en }), en, tn = Y((() => {
+	en = ({ open: e, onOpenChange: t, src: n, outputType: i = "image/png", outputName: o = "cropped.png", onConfirm: s }) => {
 		let u = c(null), d = c(null), [f, p] = l(0), [m, g] = l({
 			x: 0,
 			y: 0,
 			width: 100,
 			height: 100
-		}), [S, C] = l(null), [w, T] = l(!1);
+		}), [S, C] = l(null), [w, te] = l(!1);
 		a(() => {
 			if (!e || !n) return;
-			T(!1);
+			te(!1);
 			let t = new Image();
 			t.crossOrigin = "anonymous", t.onload = () => {
 				d.current = t;
@@ -1634,8 +1721,8 @@ var Xt = X((() => {})), Zt = /* @__PURE__ */ Z({ ImageCropperDialog: () => Qt })
 					y: (t.naturalHeight - n) / 2,
 					width: e,
 					height: n
-				}), p(0), T(!0);
-			}, t.onerror = () => T(!1), t.src = n;
+				}), p(0), te(!0);
+			}, t.onerror = () => te(!1), t.src = n;
 		}, [e, n]), a(() => {
 			if (!w || !d.current || !u.current) return;
 			let e = d.current, t = u.current, n = t.getContext("2d");
@@ -1651,7 +1738,7 @@ var Xt = X((() => {})), Zt = /* @__PURE__ */ Z({ ImageCropperDialog: () => Qt })
 			m,
 			f
 		]);
-		let E = r((e) => {
+		let ne = r((e) => {
 			if (!d.current || !u.current) return;
 			let t = u.current.getBoundingClientRect(), n = d.current.naturalWidth / t.width;
 			C({
@@ -1660,7 +1747,7 @@ var Xt = X((() => {})), Zt = /* @__PURE__ */ Z({ ImageCropperDialog: () => Qt })
 				cx: m.x,
 				cy: m.y
 			}), e.target.setPointerCapture(e.pointerId);
-		}, [m]), te = r((e) => {
+		}, [m]), T = r((e) => {
 			if (!S || !d.current || !u.current) return;
 			let t = u.current.getBoundingClientRect(), n = d.current.naturalWidth / t.width, r = (e.clientX - t.left) * n - S.ox, i = (e.clientY - t.top) * n - S.oy, a = Math.max(0, Math.min(S.cx + r, d.current.naturalWidth - m.width)), o = Math.max(0, Math.min(S.cy + i, d.current.naturalHeight - m.height));
 			g((e) => ({
@@ -1672,7 +1759,7 @@ var Xt = X((() => {})), Zt = /* @__PURE__ */ Z({ ImageCropperDialog: () => Qt })
 			S,
 			m.width,
 			m.height
-		]), D = r(() => C(null), []), ne = r(() => p((e) => (e + 90) % 360), []), re = r(async () => {
+		]), E = r(() => C(null), []), re = r(() => p((e) => (e + 90) % 360), []), ie = r(async () => {
 			if (!d.current) return;
 			let e = d.current, n = document.createElement("canvas"), r = m.width, a = m.height;
 			n.width = f % 180 == 0 ? r : a, n.height = f % 180 == 0 ? a : r;
@@ -1704,10 +1791,10 @@ var Xt = X((() => {})), Zt = /* @__PURE__ */ Z({ ImageCropperDialog: () => Qt })
 							role: "img",
 							"aria-label": "Image crop preview",
 							className: "border rounded-md cursor-move touch-none max-w-full",
-							onPointerDown: E,
-							onPointerMove: te,
-							onPointerUp: D,
-							onPointerCancel: D
+							onPointerDown: ne,
+							onPointerMove: T,
+							onPointerUp: E,
+							onPointerCancel: E
 						}) : /* @__PURE__ */ q("div", {
 							className: "flex h-[270px] w-full items-center justify-center text-sm text-muted-foreground",
 							children: "Loading image…"
@@ -1731,9 +1818,9 @@ var Xt = X((() => {})), Zt = /* @__PURE__ */ Z({ ImageCropperDialog: () => Qt })
 						children: [/* @__PURE__ */ J(h, {
 							type: "button",
 							variant: "outline",
-							onClick: ne,
+							onClick: re,
 							"data-testid": "image-cropper-rotate",
-							children: [/* @__PURE__ */ q(K, { className: "size-4 mr-2" }), "Rotate 90°"]
+							children: [/* @__PURE__ */ q(G, { className: "size-4 mr-2" }), "Rotate 90°"]
 						}), /* @__PURE__ */ J("div", {
 							className: "flex gap-2",
 							children: [/* @__PURE__ */ q(h, {
@@ -1743,7 +1830,7 @@ var Xt = X((() => {})), Zt = /* @__PURE__ */ Z({ ImageCropperDialog: () => Qt })
 								children: "Cancel"
 							}), /* @__PURE__ */ J(h, {
 								type: "button",
-								onClick: re,
+								onClick: ie,
 								disabled: !w,
 								"data-testid": "image-cropper-confirm",
 								children: [/* @__PURE__ */ q(ge, { className: "size-4 mr-2" }), "Apply crop"]
@@ -1754,9 +1841,9 @@ var Xt = X((() => {})), Zt = /* @__PURE__ */ Z({ ImageCropperDialog: () => Qt })
 			})
 		});
 	};
-})), en = /* @__PURE__ */ Z({ ImageField: () => tn });
-function tn({ value: e, onChange: n, field: i, readonly: a, ...o }) {
-	let s = c(null), u = i || o.schema, d = u?.multiple || !1, f = u?.accept ? u.accept.join(",") : "image/*", p = u?.crop !== !1, [m, g] = l(null), { upload: _ } = je(), [v, y] = l(!1);
+})), nn = /* @__PURE__ */ X({ ImageField: () => rn });
+function rn({ value: e, onChange: n, field: i, readonly: a, ...o }) {
+	let s = c(null), u = i || o.schema, d = u?.multiple || !1, f = u?.accept ? u.accept.join(",") : "image/*", p = u?.crop !== !1, [m, g] = l(null), { upload: _ } = Ne(), [v, y] = l(!1);
 	if (a) return e ? /* @__PURE__ */ q("div", {
 		className: "flex flex-wrap gap-2",
 		children: (Array.isArray(e) ? e : [e]).map((e, t) => /* @__PURE__ */ q("img", {
@@ -1872,12 +1959,12 @@ function tn({ value: e, onChange: n, field: i, readonly: a, ...o }) {
 					className: "w-full",
 					disabled: v,
 					"data-testid": "image-field-upload-button",
-					children: [v ? /* @__PURE__ */ q(be, { className: "size-4 mr-2 animate-spin" }) : /* @__PURE__ */ q(ye, { className: "size-4 mr-2" }), v ? "Uploading…" : b.length > 0 ? "Add More Images" : "Upload Image"]
+					children: [v ? /* @__PURE__ */ q(xe, { className: "size-4 mr-2 animate-spin" }) : /* @__PURE__ */ q(V, { className: "size-4 mr-2" }), v ? "Uploading…" : b.length > 0 ? "Add More Images" : "Upload Image"]
 				})]
 			}),
 			p && m && /* @__PURE__ */ q(t, {
 				fallback: null,
-				children: /* @__PURE__ */ q(nn, {
+				children: /* @__PURE__ */ q(an, {
 					open: !0,
 					onOpenChange: (e) => !e && g(null),
 					src: m.src,
@@ -1888,10 +1975,10 @@ function tn({ value: e, onChange: n, field: i, readonly: a, ...o }) {
 		]
 	});
 }
-var nn, rn = X((() => {
-	nn = n(() => Promise.resolve().then(() => ($t(), Zt)).then((e) => ({ default: e.ImageCropperDialog })));
-})), an = /* @__PURE__ */ Z({ LocationField: () => on });
-function on({ value: e, onChange: t, field: n, readonly: r, ...i }) {
+var an, on = Y((() => {
+	an = n(() => Promise.resolve().then(() => (tn(), $t)).then((e) => ({ default: e.ImageCropperDialog })));
+})), sn = /* @__PURE__ */ X({ LocationField: () => cn });
+function cn({ value: e, onChange: t, field: n, readonly: r, ...i }) {
 	let a = n || i.schema, o = e && typeof e == "object" ? `${e.latitude || 0}, ${e.longitude || 0}` : "";
 	return r ? /* @__PURE__ */ q("span", {
 		className: "text-sm",
@@ -1919,8 +2006,8 @@ function on({ value: e, onChange: t, field: n, readonly: r, ...i }) {
 		className: i.className
 	});
 }
-var sn = X((() => {})), cn = /* @__PURE__ */ Z({ FormulaField: () => ln });
-function ln({ value: e, field: t, ...n }) {
+var ln = Y((() => {})), un = /* @__PURE__ */ X({ FormulaField: () => dn });
+function dn({ value: e, field: t, ...n }) {
 	let r = (t || n.schema)?.return_type || "text";
 	if (e == null) return /* @__PURE__ */ q(S, { className: n.className });
 	let i;
@@ -1929,8 +2016,8 @@ function ln({ value: e, field: t, ...n }) {
 		children: i
 	});
 }
-var un = X((() => {})), dn = /* @__PURE__ */ Z({ SummaryField: () => fn });
-function fn({ value: e, field: t, ...n }) {
+var fn = Y((() => {})), pn = /* @__PURE__ */ X({ SummaryField: () => mn });
+function mn({ value: e, field: t, ...n }) {
 	let r = (t || n.schema)?.summary_type || "count";
 	if (e == null) return /* @__PURE__ */ q(S, { className: n.className });
 	let i;
@@ -1944,15 +2031,15 @@ function fn({ value: e, field: t, ...n }) {
 		children: i
 	});
 }
-var pn = X((() => {})), mn = /* @__PURE__ */ Z({ AutoNumberField: () => hn });
-function hn({ value: e, field: t, ...n }) {
+var hn = Y((() => {})), gn = /* @__PURE__ */ X({ AutoNumberField: () => _n });
+function _n({ value: e, field: t, ...n }) {
 	return e == null ? /* @__PURE__ */ q(S, { className: n.className }) : /* @__PURE__ */ q("span", {
 		className: `text-sm font-mono text-gray-700 ${n.className || ""}`,
 		children: String(e)
 	});
 }
-var gn = X((() => {})), _n = /* @__PURE__ */ Z({ UserField: () => vn });
-function vn({ value: e, onChange: t, field: n, readonly: r, ...i }) {
+var vn = Y((() => {})), yn = /* @__PURE__ */ X({ UserField: () => bn });
+function bn({ value: e, onChange: t, field: n, readonly: r, ...i }) {
 	let a = (n || i.schema)?.multiple || !1;
 	if (r) {
 		if (!e) return /* @__PURE__ */ q(S, {});
@@ -2020,8 +2107,8 @@ function vn({ value: e, onChange: t, field: n, readonly: r, ...i }) {
 		})]
 	});
 }
-var yn = X((() => {})), bn = /* @__PURE__ */ Z({ ObjectField: () => xn });
-function xn({ value: e, onChange: t, field: n, readonly: r, ...i }) {
+var xn = Y((() => {})), Sn = /* @__PURE__ */ X({ ObjectField: () => Cn });
+function Cn({ value: e, onChange: t, field: n, readonly: r, ...i }) {
 	let o = n || i.schema, [s, c] = l(() => e == null ? "" : JSON.stringify(e, null, 2)), [u, d] = l(null);
 	return a(() => {
 		try {
@@ -2063,8 +2150,8 @@ function xn({ value: e, onChange: t, field: n, readonly: r, ...i }) {
 		})]
 	});
 }
-var Sn = X((() => {})), Cn = /* @__PURE__ */ Z({ VectorField: () => wn });
-function wn({ value: e, field: t, ...n }) {
+var wn = Y((() => {})), Tn = /* @__PURE__ */ X({ VectorField: () => En });
+function En({ value: e, field: t, ...n }) {
 	let r = (t || n.schema)?.dimensions || (Array.isArray(e) ? e.length : 0);
 	if (!e || !Array.isArray(e)) return /* @__PURE__ */ q(S, {});
 	let i = e.slice(0, 3).map((e) => {
@@ -2090,8 +2177,8 @@ function wn({ value: e, field: t, ...n }) {
 		})]
 	});
 }
-var Tn = X((() => {})), En = /* @__PURE__ */ Z({ GridField: () => Dn });
-function Dn({ value: e, field: t, readonly: n, ...r }) {
+var Dn = Y((() => {})), On = /* @__PURE__ */ X({ GridField: () => kn });
+function kn({ value: e, field: t, readonly: n, ...r }) {
 	let i = (t || r.schema)?.columns || [];
 	return !e || !Array.isArray(e) ? /* @__PURE__ */ q(S, {}) : n ? /* @__PURE__ */ q("div", {
 		className: P("text-sm", r.className),
@@ -2132,8 +2219,8 @@ function Dn({ value: e, field: t, readonly: n, ...r }) {
 		})]
 	});
 }
-var On = X((() => {})), kn = /* @__PURE__ */ Z({ ColorField: () => An });
-function An({ value: e, onChange: t, field: n, readonly: r, ...i }) {
+var An = Y((() => {})), jn = /* @__PURE__ */ X({ ColorField: () => Mn });
+function Mn({ value: e, onChange: t, field: n, readonly: r, ...i }) {
 	let a = n || i.schema;
 	return r ? /* @__PURE__ */ J("div", {
 		className: "flex items-center gap-2",
@@ -2163,8 +2250,8 @@ function An({ value: e, onChange: t, field: n, readonly: r, ...i }) {
 		})]
 	});
 }
-var jn = X((() => {})), Mn = /* @__PURE__ */ Z({ SliderField: () => Nn });
-function Nn({ value: e, onChange: t, field: n, readonly: r, ...i }) {
+var Nn = Y((() => {})), Pn = /* @__PURE__ */ X({ SliderField: () => Fn });
+function Fn({ value: e, onChange: t, field: n, readonly: r, ...i }) {
 	let a = n || i.schema, o = a?.min ?? 0, s = a?.max ?? 100, c = a?.step ?? 1;
 	return r ? /* @__PURE__ */ J("div", {
 		className: "flex items-center gap-2",
@@ -2177,7 +2264,7 @@ function Nn({ value: e, onChange: t, field: n, readonly: r, ...i }) {
 		})]
 	}) : /* @__PURE__ */ J("div", {
 		className: "flex items-center gap-4",
-		children: [/* @__PURE__ */ q(k, {
+		children: [/* @__PURE__ */ q(O, {
 			value: [e ?? o],
 			onValueChange: (e) => t(e[0]),
 			min: o,
@@ -2191,12 +2278,12 @@ function Nn({ value: e, onChange: t, field: n, readonly: r, ...i }) {
 		})]
 	});
 }
-var Pn = X((() => {})), Fn = /* @__PURE__ */ Z({ RatingField: () => In });
-function In({ value: t, onChange: n, field: r, readonly: i, className: a, ...o }) {
+var In = Y((() => {})), Ln = /* @__PURE__ */ X({ RatingField: () => Rn });
+function Rn({ value: t, onChange: n, field: r, readonly: i, className: a, ...o }) {
 	let s = (r || o.schema)?.max ?? 5, c = t ?? 0, [l, u] = e.useState(null), d = l === null ? c : l;
 	return i ? /* @__PURE__ */ J("div", {
 		className: P("flex items-center gap-1", a),
-		children: [Array.from({ length: s }, (e, t) => /* @__PURE__ */ q(Te, { className: `w-5 h-5 ${t < c ? "fill-yellow-400 text-yellow-400" : "text-muted-foreground"}` }, t)), /* @__PURE__ */ J("span", {
+		children: [Array.from({ length: s }, (e, t) => /* @__PURE__ */ q(Ee, { className: `w-5 h-5 ${t < c ? "fill-yellow-400 text-yellow-400" : "text-muted-foreground"}` }, t)), /* @__PURE__ */ J("span", {
 			className: "ml-2 text-sm text-muted-foreground",
 			children: [
 				c,
@@ -2213,7 +2300,7 @@ function In({ value: t, onChange: n, field: r, readonly: i, className: a, ...o }
 			onMouseLeave: () => u(null),
 			className: "focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 rounded",
 			disabled: i || o.disabled,
-			children: /* @__PURE__ */ q(Te, { className: `w-5 h-5 transition-colors ${t < d ? "fill-yellow-400 text-yellow-400 hover:fill-yellow-500 hover:text-yellow-500" : "text-muted-foreground hover:text-yellow-400"}` })
+			children: /* @__PURE__ */ q(Ee, { className: `w-5 h-5 transition-colors ${t < d ? "fill-yellow-400 text-yellow-400 hover:fill-yellow-500 hover:text-yellow-500" : "text-muted-foreground hover:text-yellow-400"}` })
 		}, t)), /* @__PURE__ */ J("span", {
 			className: "ml-2 text-sm text-muted-foreground",
 			children: [
@@ -2224,8 +2311,8 @@ function In({ value: t, onChange: n, field: r, readonly: i, className: a, ...o }
 		})]
 	});
 }
-var Ln = X((() => {})), Rn = /* @__PURE__ */ Z({ CodeField: () => zn });
-function zn({ value: e, onChange: t, field: n, readonly: r, ...i }) {
+var zn = Y((() => {})), Bn = /* @__PURE__ */ X({ CodeField: () => Vn });
+function Vn({ value: e, onChange: t, field: n, readonly: r, ...i }) {
 	let a = n || i.schema, o = a?.language ?? "javascript";
 	return r ? /* @__PURE__ */ q("pre", {
 		className: P("text-sm bg-muted p-2 rounded overflow-x-auto border", i.className),
@@ -2240,8 +2327,8 @@ function zn({ value: e, onChange: t, field: n, readonly: r, ...i }) {
 		spellCheck: !1
 	});
 }
-var Bn = X((() => {})), Vn = /* @__PURE__ */ Z({ AvatarField: () => Hn });
-function Hn({ value: t, onChange: n, field: r, readonly: i, ...a }) {
+var Hn = Y((() => {})), Un = /* @__PURE__ */ X({ AvatarField: () => Wn });
+function Wn({ value: t, onChange: n, field: r, readonly: i, ...a }) {
 	let [o, s] = e.useState(!1), c = e.useRef(null), l = r || a.schema, u = (e) => {
 		let t = e.target.files?.[0];
 		if (!t) return;
@@ -2301,7 +2388,7 @@ function Hn({ value: t, onChange: n, field: r, readonly: i, ...a }) {
 					onClick: () => c.current?.click(),
 					disabled: i || a.disabled,
 					children: [
-						/* @__PURE__ */ q(De, { className: "w-4 h-4 mr-2" }),
+						/* @__PURE__ */ q(K, { className: "w-4 h-4 mr-2" }),
 						t ? "Change" : "Upload",
 						" Avatar"
 					]
@@ -2314,8 +2401,8 @@ function Hn({ value: t, onChange: n, field: r, readonly: i, ...a }) {
 		})]
 	});
 }
-var Un = X((() => {})), Wn = /* @__PURE__ */ Z({ AddressField: () => Gn });
-function Gn({ value: e, onChange: t, field: n, readonly: r, ...i }) {
+var Gn = Y((() => {})), Kn = /* @__PURE__ */ X({ AddressField: () => qn });
+function qn({ value: e, onChange: t, field: n, readonly: r, ...i }) {
 	let a = e || {}, o = (e, n) => {
 		t({
 			...a,
@@ -2405,8 +2492,8 @@ function Gn({ value: e, onChange: t, field: n, readonly: r, ...i }) {
 		]
 	});
 }
-var Kn = X((() => {})), qn = /* @__PURE__ */ Z({ GeolocationField: () => Jn });
-function Jn({ value: t, onChange: n, field: r, readonly: i, ...a }) {
+var Jn = Y((() => {})), Yn = /* @__PURE__ */ X({ GeolocationField: () => Xn });
+function Xn({ value: t, onChange: n, field: r, readonly: i, ...a }) {
 	let [o, s] = e.useState(!1), c = t || {}, l = (e, t) => {
 		n({
 			...c,
@@ -2440,7 +2527,7 @@ function Jn({ value: t, onChange: n, field: r, readonly: i, ...a }) {
 		return /* @__PURE__ */ J("div", {
 			className: "flex items-center gap-2",
 			children: [
-				/* @__PURE__ */ q(U, { className: "w-4 h-4 text-muted-foreground" }),
+				/* @__PURE__ */ q(H, { className: "w-4 h-4 text-muted-foreground" }),
 				e ? /* @__PURE__ */ q("span", {
 					className: "text-sm",
 					children: e
@@ -2473,7 +2560,7 @@ function Jn({ value: t, onChange: n, field: r, readonly: i, ...a }) {
 					variant: "link",
 					size: "sm",
 					onClick: f,
-					children: [/* @__PURE__ */ q(U, { className: "w-4 h-4 mr-2" }), "View on map"]
+					children: [/* @__PURE__ */ q(H, { className: "w-4 h-4 mr-2" }), "View on map"]
 				})]
 			}),
 			/* @__PURE__ */ J("div", {
@@ -2516,8 +2603,8 @@ function Jn({ value: t, onChange: n, field: r, readonly: i, ...a }) {
 		]
 	});
 }
-var Yn = X((() => {})), Xn = /* @__PURE__ */ Z({ SignatureField: () => Zn });
-function Zn({ value: t, onChange: n, readonly: r }) {
+var Zn = Y((() => {})), Qn = /* @__PURE__ */ X({ SignatureField: () => $n });
+function $n({ value: t, onChange: n, readonly: r }) {
 	let i = c(null), [o, s] = e.useState(!1), [l, u] = e.useState(!t);
 	a(() => {
 		if (t && i.current) {
@@ -2597,13 +2684,13 @@ function Zn({ value: t, onChange: n, readonly: r }) {
 					t && (t.clearRect(0, 0, e.width, e.height), u(!0), n(""));
 				},
 				disabled: r || l,
-				children: [/* @__PURE__ */ q(z, { className: "w-4 h-4 mr-2" }), "Clear"]
+				children: [/* @__PURE__ */ q(_e, { className: "w-4 h-4 mr-2" }), "Clear"]
 			})]
 		})]
 	});
 }
-var Qn = X((() => {})), $n = /* @__PURE__ */ Z({ QRCodeField: () => er });
-function er({ value: t, onChange: n, field: r, readonly: i, ...a }) {
+var er = Y((() => {})), tr = /* @__PURE__ */ X({ QRCodeField: () => nr });
+function nr({ value: t, onChange: n, field: r, readonly: i, ...a }) {
 	let [o, s] = e.useState(!1), c = r || a.schema;
 	return i ? /* @__PURE__ */ J("div", {
 		className: "flex items-center gap-3",
@@ -2616,7 +2703,7 @@ function er({ value: t, onChange: n, field: r, readonly: i, ...a }) {
 			size: "sm",
 			onClick: () => s(!o),
 			children: [
-				/* @__PURE__ */ q(G, { className: "w-4 h-4 mr-2" }),
+				/* @__PURE__ */ q(W, { className: "w-4 h-4 mr-2" }),
 				o ? "Hide" : "Show",
 				" QR"
 			]
@@ -2633,7 +2720,7 @@ function er({ value: t, onChange: n, field: r, readonly: i, ...a }) {
 					placeholder: c?.placeholder || "Enter text for QR code",
 					disabled: i || a.disabled,
 					className: a.className
-				}), t && /* @__PURE__ */ J(ke, { children: [/* @__PURE__ */ q(h, {
+				}), t && /* @__PURE__ */ J(je, { children: [/* @__PURE__ */ q(h, {
 					type: "button",
 					variant: "outline",
 					size: "sm",
@@ -2646,7 +2733,7 @@ function er({ value: t, onChange: n, field: r, readonly: i, ...a }) {
 					variant: "outline",
 					size: "sm",
 					onClick: () => s(!o),
-					children: /* @__PURE__ */ q(G, { className: "w-4 h-4" })
+					children: /* @__PURE__ */ q(W, { className: "w-4 h-4" })
 				})] })]
 			}),
 			o && t && /* @__PURE__ */ q("div", {
@@ -2668,11 +2755,11 @@ function er({ value: t, onChange: n, field: r, readonly: i, ...a }) {
 		]
 	});
 }
-var tr = X((() => {}));
+var rr = Y((() => {}));
 //#endregion
 //#region src/widgets/MasterDetailField.tsx
-Fe(), Re(), Ve(), qe(), Xe(), $e(), nt(), at(), lt(), ft(), ht(), Ft(), Rt(), Vt(), Wt(), qt(), Xt(), rn(), sn(), un(), pn(), gn(), yn(), Sn(), Tn(), On(), jn(), Pn(), Ln(), Bn(), Un(), Kn(), Yn(), Qn(), tr(), $t();
-function nr({ value: e, onChange: t, field: n, readonly: r, className: i, ...a }) {
+Le(), Be(), He(), Je(), Ze(), et(), rt(), ot(), ut(), pt(), gt(), Lt(), Bt(), Ut(), Kt(), Yt(), Qt(), on(), ln(), fn(), hn(), vn(), xn(), wn(), Dn(), An(), Nn(), In(), zn(), Hn(), Gn(), Jn(), Zn(), er(), rr(), tn();
+function ir({ value: e, onChange: t, field: n, readonly: r, className: i, ...a }) {
 	let o = e || [], s = n || a.schema, c = () => {
 		let e = {
 			id: `new-${Date.now()}`,
@@ -2699,7 +2786,7 @@ function nr({ value: e, onChange: t, field: n, readonly: r, className: i, ...a }
 				variant: "ghost",
 				size: "sm",
 				onClick: () => u(e),
-				children: /* @__PURE__ */ q(B, { className: "w-4 h-4" })
+				children: /* @__PURE__ */ q(z, { className: "w-4 h-4" })
 			})]
 		}, e.id)), /* @__PURE__ */ J("p", {
 			className: "text-xs text-muted-foreground",
@@ -2731,7 +2818,7 @@ function nr({ value: e, onChange: t, field: n, readonly: r, className: i, ...a }
 						variant: "ghost",
 						size: "sm",
 						onClick: () => u(e),
-						children: /* @__PURE__ */ q(B, { className: "w-4 h-4" })
+						children: /* @__PURE__ */ q(z, { className: "w-4 h-4" })
 					}), /* @__PURE__ */ q(h, {
 						type: "button",
 						variant: "ghost",
@@ -2752,14 +2839,88 @@ function nr({ value: e, onChange: t, field: n, readonly: r, className: i, ...a }
 			onClick: c,
 			disabled: a.disabled,
 			children: [
-				/* @__PURE__ */ q(Se, { className: "w-4 h-4 mr-2" }),
+				/* @__PURE__ */ q(Ce, { className: "w-4 h-4 mr-2" }),
 				"Add ",
 				s?.label || "Record"
 			]
 		})]
 	});
 }
-Ot(), Fe(), Re(), Ve(), qe(), Xe(), Rt(), Vt(), $e(), nt(), at(), lt(), Wt(), qt(), ft(), ht(), Ft(), wt(), Xt(), rn(), sn(), un(), pn(), gn(), yn(), Sn(), Tn(), On(), jn(), Pn(), Ln(), Bn(), Un(), Kn(), Yn(), Qn(), tr();
+kt(), Le(), Be(), He(), Je(), Ze(), Bt(), Ut(), et(), rt(), ot(), ut(), Kt(), Yt(), pt(), gt(), Lt(), Tt(), Qt(), on(), ln(), fn(), hn(), vn(), xn(), wn(), Dn(), An(), Nn(), In(), zn(), Hn(), Gn(), Jn(), Zn(), er(), rr();
+var ar = /* @__PURE__ */ new Map();
+function or(e) {
+	if (!(!e || typeof e != "object")) for (let t of [
+		"name",
+		"full_name",
+		"display_name",
+		"label",
+		"title",
+		"subject",
+		"username",
+		"email"
+	]) {
+		let n = e[t];
+		if (typeof n == "string" && n.trim()) return n.trim();
+		if (typeof n == "number") return String(n);
+	}
+}
+function sr(e) {
+	if (typeof e != "string" || !/^[A-Za-z0-9_-]{12,32}$/.test(e)) return !1;
+	let t = /[A-Z]/.test(e), n = /[a-z]/.test(e), r = /[0-9_-]/.test(e);
+	return t && n || t && r || n && r;
+}
+function cr(t, n) {
+	let r = e.useContext(ke)?.dataSource, [, i] = e.useState(0), a = !!t && !!r && typeof r.find == "function" && (typeof n == "string" || typeof n == "number") && n !== "", o = a ? `${t}:${String(n)}` : "";
+	if (e.useEffect(() => {
+		if (!a) return;
+		let e = ar.get(o);
+		if (e && e.state !== "pending" && e.promise == null || e?.state === "pending") return;
+		let s = (async () => {
+			try {
+				let e;
+				if (typeof r.findOne == "function") e = await r.findOne(t, n);
+				else {
+					let i = await r.find(t, {
+						$filter: { id: n },
+						options: { $top: 1 }
+					});
+					e = (Array.isArray(i) ? i : i?.value || i?.data || [])[0];
+				}
+				let i = or(e);
+				ar.set(o, {
+					state: "ok",
+					name: i
+				});
+			} catch {
+				ar.set(o, { state: "err" });
+			}
+			i((e) => e + 1);
+		})();
+		ar.set(o, {
+			state: "pending",
+			promise: s
+		});
+	}, [
+		o,
+		a,
+		t,
+		n,
+		r
+	]), !a) return;
+	let s = ar.get(o);
+	return s?.state === "ok" ? s.name : void 0;
+}
+function lr() {
+	try {
+		let { t: e } = Ae();
+		return (t, n) => {
+			let r = e(t);
+			return !r || r === t ? n : r;
+		};
+	} catch {
+		return (e, t) => t;
+	}
+}
 function Q(e) {
 	if (e == null || typeof e == "string" || typeof e == "number" || typeof e == "boolean") return e;
 	if (e instanceof Date) return e.toISOString();
@@ -2776,7 +2937,7 @@ function Q(e) {
 	}
 	return String(e);
 }
-function rr(e, t = "USD") {
+function ur(e, t = "USD") {
 	try {
 		return new Intl.NumberFormat("en-US", {
 			style: "currency",
@@ -2786,7 +2947,7 @@ function rr(e, t = "USD") {
 		return `${t} ${e.toFixed(2)}`;
 	}
 }
-function ir(e, t = "USD") {
+function dr(e, t = "USD") {
 	try {
 		return new Intl.NumberFormat("en-US", {
 			style: "currency",
@@ -2798,39 +2959,49 @@ function ir(e, t = "USD") {
 		return `${t} ${e}`;
 	}
 }
-function ar(e, t = 0) {
+function fr(e, t = 2) {
+	try {
+		return new Intl.NumberFormat("en-US", {
+			minimumFractionDigits: t,
+			maximumFractionDigits: t
+		}).format(e);
+	} catch {
+		return e.toFixed(t);
+	}
+}
+function pr(e, t = 0) {
 	return `${(e > -1 && e < 1 ? e * 100 : e).toFixed(t)}%`;
 }
-function or(e) {
+function mr(e) {
 	return e.replace(/[_-]/g, " ").replace(/\b\w/g, (e) => e.toUpperCase());
 }
-function sr(e) {
-	if (!e) return "—";
-	let t = typeof e == "string" ? new Date(e) : e;
-	if (isNaN(t.getTime())) return "—";
+function hr(e) {
+	if (e == null || e === "") return "—";
+	let t = e instanceof Date ? e : new Date(e);
+	if (!(t instanceof Date) || isNaN(t.getTime())) return "—";
 	let n = /* @__PURE__ */ new Date(), r = new Date(n.getFullYear(), n.getMonth(), n.getDate()), i = new Date(t.getFullYear(), t.getMonth(), t.getDate()).getTime() - r.getTime(), a = Math.round(i / (1e3 * 60 * 60 * 24));
 	if (a === 0) return "Today";
 	if (a === 1) return "Tomorrow";
 	if (a === -1) return "Yesterday";
 	if (a < -1) {
 		let e = Math.abs(a);
-		return e <= 7 ? `Overdue ${e}d` : cr(t);
+		return e <= 7 ? `Overdue ${e}d` : gr(t);
 	}
-	return a > 1 && a <= 7 ? `In ${a} days` : cr(t);
+	return a > 1 && a <= 7 ? `In ${a} days` : gr(t);
 }
-function cr(e, t) {
-	if (!e) return "—";
-	let n = typeof e == "string" ? new Date(e) : e;
-	return isNaN(n.getTime()) ? "—" : t === "short" ? `${n.toLocaleDateString("en-US", { month: "short" })} ${n.getDate()}, '${String(n.getFullYear()).slice(-2)}` : t === "relative" ? sr(n) : n.toLocaleDateString(void 0, {
+function gr(e, t) {
+	if (e == null || e === "") return "—";
+	let n = e instanceof Date ? e : new Date(e);
+	return !(n instanceof Date) || isNaN(n.getTime()) ? "—" : t === "short" ? `${n.toLocaleDateString("en-US", { month: "short" })} ${n.getDate()}, '${String(n.getFullYear()).slice(-2)}` : t === "relative" ? hr(n) : n.toLocaleDateString(void 0, {
 		year: "numeric",
 		month: "short",
 		day: "numeric"
 	});
 }
-function lr(e) {
-	if (!e) return "—";
-	let t = typeof e == "string" ? new Date(e) : e;
-	return isNaN(t.getTime()) ? "—" : t.toLocaleDateString(void 0, {
+function _r(e) {
+	if (e == null || e === "") return "—";
+	let t = e instanceof Date ? e : new Date(e);
+	return !(t instanceof Date) || isNaN(t.getTime()) ? "—" : t.toLocaleDateString(void 0, {
 		year: "numeric",
 		month: "short",
 		day: "numeric",
@@ -2838,14 +3009,14 @@ function lr(e) {
 		minute: "2-digit"
 	});
 }
-function ur({ value: e }) {
+function vr({ value: e }) {
 	let t = Q(e);
 	return t == null || t === "" ? /* @__PURE__ */ q(S, {}) : /* @__PURE__ */ q("span", {
 		className: "truncate",
 		children: String(t)
 	});
 }
-function dr({ value: e, field: t }) {
+function yr({ value: e, field: t }) {
 	if (e == null) return /* @__PURE__ */ q(S, {});
 	let n = Q(e), r = t.precision ?? 0, i = Number(n);
 	return /* @__PURE__ */ q("span", {
@@ -2856,27 +3027,27 @@ function dr({ value: e, field: t }) {
 		}).format(i)
 	});
 }
-function fr({ value: e, field: t }) {
+function br({ value: e, field: t }) {
 	if (e == null) return /* @__PURE__ */ q(S, {});
-	let n = Q(e), r = t.currency || "USD", i = Number(n);
+	let n = Q(e), r = t, i = r.currency || r.defaultCurrency, a = Number(n), o = r.precision ?? r.scale ?? r.decimals ?? 2;
 	return /* @__PURE__ */ q("span", {
 		className: "tabular-nums font-medium whitespace-nowrap",
-		children: isNaN(i) ? String(n) : rr(i, r)
+		children: isNaN(a) ? String(n) : i ? ur(a, i) : fr(a, o)
 	});
 }
-var pr = /progress|completion/;
-function mr({ value: e, field: t }) {
+var xr = /progress|completion/;
+function Sr({ value: e, field: t }) {
 	if (e == null) return /* @__PURE__ */ q(S, {});
 	let n = Q(e), r = t.precision ?? 0, i = Number(n);
 	if (isNaN(i)) return /* @__PURE__ */ q("span", {
 		className: "tabular-nums whitespace-nowrap",
 		children: String(n)
 	});
-	let a = pr.test(t?.name?.toLowerCase() || ""), o = a ? i : i > -1 && i < 1 ? i * 100 : i, s = a ? `${i.toFixed(r)}%` : ar(i, r), c = Math.max(0, Math.min(100, o));
+	let a = xr.test(t?.name?.toLowerCase() || ""), o = a ? i : i > -1 && i < 1 ? i * 100 : i, s = a ? `${i.toFixed(r)}%` : pr(i, r), c = Math.max(0, Math.min(100, o));
 	return /* @__PURE__ */ J("div", {
 		className: "flex items-center gap-2",
 		children: [/* @__PURE__ */ q("div", {
-			className: "h-1.5 w-16 rounded-full bg-muted overflow-hidden shrink-0",
+			className: "h-1.5 w-16 rounded-full bg-muted ring-1 ring-inset ring-border/60 overflow-hidden shrink-0",
 			role: "progressbar",
 			"aria-valuenow": c,
 			"aria-valuemin": 0,
@@ -2891,7 +3062,7 @@ function mr({ value: e, field: t }) {
 		})]
 	});
 }
-var hr = new Set([
+var Cr = new Set([
 	"active",
 	"is_active",
 	"enabled",
@@ -2899,7 +3070,7 @@ var hr = new Set([
 	"verified",
 	"is_verified"
 ]);
-function gr({ value: e, field: t }) {
+function wr({ value: e, field: t }) {
 	if (e == null) return /* @__PURE__ */ q("span", {
 		className: "flex items-center justify-center",
 		children: /* @__PURE__ */ q(S, {})
@@ -2919,13 +3090,13 @@ function gr({ value: e, field: t }) {
 			"aria-label": "Not completed",
 			"data-testid": "completion-indicator"
 		})
-	}) : hr.has(n) && !e ? /* @__PURE__ */ J(m, {
+	}) : Cr.has(n) && !e ? /* @__PURE__ */ J(m, {
 		variant: "destructive",
 		className: "text-xs",
 		"data-testid": "boolean-warning-badge",
-		children: [t?.label || or(n), " — Off"]
+		children: [t?.label || mr(n), " — Off"]
 	}) : /* @__PURE__ */ q("div", {
-		className: "flex items-center justify-center",
+		className: "flex items-center justify-start",
 		children: /* @__PURE__ */ q(g, {
 			checked: !!e,
 			disabled: !0,
@@ -2933,9 +3104,9 @@ function gr({ value: e, field: t }) {
 		})
 	});
 }
-function _r({ value: e, field: t }) {
+function Tr({ value: e, field: t }) {
 	if (!e) return /* @__PURE__ */ q(S, {});
-	let n = Q(e), r = t, i = cr(n, r.format || "relative"), a = typeof n == "string" ? new Date(n) : n, o = a instanceof Date && !isNaN(a.getTime()), s = /* @__PURE__ */ new Date();
+	let n = Q(e), r = t, i = gr(n, r.format || "relative"), a = n == null ? null : new Date(n), o = a !== null && !isNaN(a.getTime()), s = /* @__PURE__ */ new Date();
 	s.setHours(0, 0, 0, 0);
 	let c = String(r?.name || r?.accessorKey || r?.key || "").toLowerCase(), l = (r?.dueLike === !0 || /(^|_)(due|deadline|expires?|expiry|expiration|expected_close|target_close|sla|return_by|renewal|next_action)(_|$)/.test(c)) && o && a < s, u = o ? a.toISOString() : String(n);
 	return /* @__PURE__ */ q("span", {
@@ -2944,10 +3115,10 @@ function _r({ value: e, field: t }) {
 		children: i
 	});
 }
-function vr({ value: e }) {
+function Er({ value: e }) {
 	if (!e) return /* @__PURE__ */ q(S, {});
-	let t = Q(e), n = typeof t == "string" ? new Date(t) : t;
-	if (!(n instanceof Date) || isNaN(n.getTime())) return /* @__PURE__ */ q(S, {});
+	let t = Q(e), n = t == null ? null : new Date(t);
+	if (n === null || isNaN(n.getTime())) return /* @__PURE__ */ q(S, {});
 	let r = n.toLocaleDateString(void 0, {
 		month: "numeric",
 		day: "numeric",
@@ -2965,7 +3136,7 @@ function vr({ value: e }) {
 		})]
 	});
 }
-var yr = {
+var Dr = {
 	critical: "red",
 	urgent: "red",
 	high: "orange",
@@ -2996,8 +3167,51 @@ var yr = {
 	failed: "red",
 	overdue: "red",
 	delivered: "purple",
-	archived: "indigo"
-}, br = {
+	archived: "indigo",
+	contacted: "blue",
+	qualified: "purple",
+	converted: "green",
+	won: "green",
+	lost: "red",
+	紧急: "red",
+	严重: "red",
+	高: "orange",
+	中: "yellow",
+	普通: "blue",
+	低: "gray",
+	无: "gray",
+	新建: "gray",
+	草稿: "gray",
+	待处理: "yellow",
+	待审核: "yellow",
+	待联系: "yellow",
+	挂起: "yellow",
+	进行中: "blue",
+	处理中: "blue",
+	已联系: "blue",
+	跟进中: "blue",
+	已发货: "blue",
+	打开: "blue",
+	已确认: "green",
+	已审核: "green",
+	已通过: "green",
+	已完成: "green",
+	已支付: "green",
+	已签收: "green",
+	已转化: "green",
+	成单: "green",
+	赢得: "green",
+	已签约: "green",
+	已交付: "purple",
+	已归档: "indigo",
+	已关闭: "gray",
+	已取消: "red",
+	已拒绝: "red",
+	失败: "red",
+	逾期: "red",
+	流失: "red",
+	丢失: "red"
+}, Or = {
 	gray: "bg-gray-50 text-gray-700 border-gray-200 dark:bg-gray-800/50 dark:text-gray-200 dark:border-gray-700/60",
 	red: "bg-red-50 text-red-700 border-red-200 dark:bg-red-950/40 dark:text-red-300 dark:border-red-900/60",
 	orange: "bg-orange-50 text-orange-700 border-orange-200 dark:bg-orange-950/40 dark:text-orange-300 dark:border-orange-900/60",
@@ -3007,7 +3221,17 @@ var yr = {
 	indigo: "bg-indigo-50 text-indigo-700 border-indigo-200 dark:bg-indigo-950/40 dark:text-indigo-300 dark:border-indigo-900/60",
 	purple: "bg-purple-50 text-purple-700 border-purple-200 dark:bg-purple-950/40 dark:text-purple-300 dark:border-purple-900/60",
 	pink: "bg-pink-50 text-pink-700 border-pink-200 dark:bg-pink-950/40 dark:text-pink-300 dark:border-pink-900/60"
-}, xr = [
+}, kr = {
+	gray: "bg-gray-400 dark:bg-gray-500",
+	red: "bg-red-500",
+	orange: "bg-orange-500",
+	yellow: "bg-yellow-500",
+	green: "bg-green-500",
+	blue: "bg-blue-500",
+	indigo: "bg-indigo-500",
+	purple: "bg-purple-500",
+	pink: "bg-pink-500"
+}, Ar = [
 	"blue",
 	"green",
 	"purple",
@@ -3017,41 +3241,70 @@ var yr = {
 	"yellow",
 	"red"
 ];
-function Sr(e) {
+function jr(e) {
 	let t = 5381;
 	for (let n = 0; n < e.length; n++) t = (t << 5) + t ^ e.charCodeAt(n);
-	return xr[Math.abs(t) % xr.length];
+	return Ar[Math.abs(t) % Ar.length];
 }
-function Cr(e, t) {
-	if (e && br[e]) return br[e];
+function Mr(e, t) {
+	if (e && Or[e]) return Or[e];
 	if (t == null || t === "") return "bg-muted text-muted-foreground border-border";
-	let n = String(t).toLowerCase().replace(/[\s-]/g, "_"), r = yr[n];
-	return r && br[r] ? br[r] : br[Sr(n)];
+	let n = String(t).toLowerCase().replace(/[\s-]/g, "_"), r = Dr[n];
+	return r && Or[r] ? Or[r] : Or[jr(n)];
+}
+function Nr(e, t) {
+	if (e && Or[e]) return e;
+	if (t == null || t === "") return;
+	let n = String(t).toLowerCase().replace(/[\s-]/g, "_");
+	return Dr[n] || jr(n);
+}
+var Pr = {
+	gray: "#6b7280",
+	red: "#ef4444",
+	orange: "#f97316",
+	yellow: "#eab308",
+	green: "#22c55e",
+	blue: "#3b82f6",
+	indigo: "#6366f1",
+	purple: "#a855f7",
+	pink: "#ec4899"
+};
+function Fr(e, t = "#3b82f6") {
+	return e ? Pr[e] ?? t : t;
 }
-function wr({ value: e, field: t }) {
-	let n = t.options || [];
+function Ir({ value: e, field: t }) {
+	let n = t, r = n.options || [], i = n.appearance === "dot" ? "dot" : "badge";
 	if (e == null || e === "") return /* @__PURE__ */ q(S, {});
-	if (Array.isArray(e)) return /* @__PURE__ */ q("div", {
-		className: "flex flex-wrap gap-1",
-		children: e.map((e, t) => {
-			let r = n.find((t) => t.value === e), i = r?.label || or(String(e));
-			return /* @__PURE__ */ q(m, {
-				variant: "outline",
-				className: Cr(r?.color, e),
-				children: i
-			}, t);
-		})
-	});
-	let r = n.find((t) => t.value === e), i = r?.label || or(String(e));
-	return /* @__PURE__ */ q(m, {
-		variant: "outline",
-		className: Cr(r?.color, e),
-		children: i
-	});
+	let a = (e) => {
+		let t = r.find((t) => t.value === e);
+		if (t) return t;
+		let n = String(e).toLowerCase();
+		return r.find((e) => String(e.value).toLowerCase() === n);
+	}, o = (e, t) => {
+		let n = a(e), r = n?.label || mr(String(e));
+		return i === "dot" ? /* @__PURE__ */ J("span", {
+			className: "inline-flex items-center gap-1.5 text-sm",
+			children: [/* @__PURE__ */ q("span", {
+				className: P("h-1.5 w-1.5 rounded-full shrink-0", kr[n?.color || Dr[String(e).toLowerCase().replace(/[\s-]/g, "_")] || jr(String(e).toLowerCase().replace(/[\s-]/g, "_"))] || kr.gray),
+				"aria-hidden": "true"
+			}), /* @__PURE__ */ q("span", {
+				className: "truncate",
+				children: r
+			})]
+		}, t) : /* @__PURE__ */ q(m, {
+			variant: "outline",
+			className: Mr(n?.color, e),
+			children: r
+		}, t);
+	};
+	return Array.isArray(e) ? /* @__PURE__ */ q("div", {
+		className: P("flex flex-wrap", i === "dot" ? "gap-x-3 gap-y-1" : "gap-1"),
+		children: e.map((e, t) => o(e, t))
+	}) : o(e);
 }
-function Tr({ value: t }) {
+function Lr({ value: t }) {
 	if (!t) return /* @__PURE__ */ q(S, {});
-	let n = String(Q(t) ?? ""), [r, i] = e.useState(!1);
+	let n = lr(), r = String(Q(t) ?? ""), [i, a] = e.useState(!1);
 	return /* @__PURE__ */ J("span", {
 		className: "inline-flex items-center gap-1 group/email",
 		children: [/* @__PURE__ */ q(h, {
@@ -3059,24 +3312,24 @@ function Tr({ value: t }) {
 			className: "p-0 h-auto font-normal text-blue-600 hover:text-blue-800",
 			asChild: !0,
 			children: /* @__PURE__ */ q("a", {
-				href: `mailto:${n}`,
+				href: `mailto:${r}`,
 				onClick: (e) => e.stopPropagation(),
-				children: n
+				children: r
 			})
 		}), /* @__PURE__ */ q("button", {
 			type: "button",
 			className: "opacity-0 group-hover/email:opacity-100 transition-opacity p-0.5 rounded hover:bg-muted",
 			onClick: (e) => {
-				e.stopPropagation(), e.preventDefault(), navigator.clipboard.writeText(n).then(() => {
-					i(!0), setTimeout(() => i(!1), 2e3);
+				e.stopPropagation(), e.preventDefault(), navigator.clipboard.writeText(r).then(() => {
+					a(!0), setTimeout(() => a(!1), 2e3);
 				}).catch(() => {});
 			},
-			"aria-label": "Copy email",
-			children: r ? /* @__PURE__ */ q(I, { className: "h-3 w-3 text-green-600" }) : /* @__PURE__ */ q(L, { className: "h-3 w-3 text-muted-foreground" })
+			"aria-label": n("detail.copyEmail", "Copy email"),
+			children: i ? /* @__PURE__ */ q(I, { className: "h-3 w-3 text-green-600" }) : /* @__PURE__ */ q(L, { className: "h-3 w-3 text-muted-foreground" })
 		})]
 	});
 }
-function Er({ value: e }) {
+function Rr({ value: e }) {
 	if (!e) return /* @__PURE__ */ q(S, {});
 	let t = String(Q(e) ?? "");
 	return /* @__PURE__ */ q(h, {
@@ -3092,30 +3345,30 @@ function Er({ value: e }) {
 		})
 	});
 }
-function Dr({ value: t }) {
+function zr({ value: t }) {
 	if (!t) return /* @__PURE__ */ q(S, {});
-	let n = String(Q(t) ?? ""), [r, i] = e.useState(!1);
+	let n = lr(), r = String(Q(t) ?? ""), [i, a] = e.useState(!1);
 	return /* @__PURE__ */ J("span", {
 		className: "inline-flex items-center gap-1 group/phone",
 		children: [/* @__PURE__ */ J("a", {
-			href: `tel:${n}`,
+			href: `tel:${r}`,
 			className: "inline-flex items-center gap-1 text-blue-600 hover:text-blue-800",
 			onClick: (e) => e.stopPropagation(),
-			children: [/* @__PURE__ */ q(xe, { className: "h-3 w-3" }), n]
+			children: [/* @__PURE__ */ q(Se, { className: "h-3 w-3" }), r]
 		}), /* @__PURE__ */ q("button", {
 			type: "button",
 			className: "opacity-0 group-hover/phone:opacity-100 transition-opacity p-0.5 rounded hover:bg-muted",
 			onClick: (e) => {
-				e.stopPropagation(), e.preventDefault(), navigator.clipboard.writeText(n).then(() => {
-					i(!0), setTimeout(() => i(!1), 2e3);
+				e.stopPropagation(), e.preventDefault(), navigator.clipboard.writeText(r).then(() => {
+					a(!0), setTimeout(() => a(!1), 2e3);
 				}).catch(() => {});
 			},
-			"aria-label": "Copy phone number",
-			children: r ? /* @__PURE__ */ q(I, { className: "h-3 w-3 text-green-600" }) : /* @__PURE__ */ q(L, { className: "h-3 w-3 text-muted-foreground" })
+			"aria-label": n("detail.copyPhone", "Copy phone number"),
+			children: i ? /* @__PURE__ */ q(I, { className: "h-3 w-3 text-green-600" }) : /* @__PURE__ */ q(L, { className: "h-3 w-3 text-muted-foreground" })
 		})]
 	});
 }
-function Or({ value: e, field: t }) {
+function Br({ value: e, field: t }) {
 	if (!e) return /* @__PURE__ */ q(S, {});
 	if (t.multiple, Array.isArray(e)) {
 		let t = e.length;
@@ -3133,7 +3386,7 @@ function Or({ value: e, field: t }) {
 		children: e.name || e.original_name || "File"
 	});
 }
-function kr({ value: e }) {
+function Vr({ value: e }) {
 	return e ? Array.isArray(e) ? /* @__PURE__ */ J("div", {
 		className: "flex -space-x-2",
 		children: [e.slice(0, 3).map((e, t) => /* @__PURE__ */ q("img", {
@@ -3150,40 +3403,64 @@ function kr({ value: e }) {
 		className: "size-10 rounded-md object-cover"
 	}) : /* @__PURE__ */ q(S, {});
 }
-function Ar({ value: e, field: t }) {
+function Hr({ value: e, field: t }) {
+	let n = t.reference_to, r = (() => {
+		if (Array.isArray(e)) return e.find((e) => e != null && (typeof e == "string" || typeof e == "number") && e !== "");
+		if (e != null && e !== "" && (typeof e == "string" || typeof e == "number") && typeof e != "object") return e;
+	})(), i = cr(n, r);
 	if (e == null || e === "") return /* @__PURE__ */ q(S, {});
-	let n = t.options || [], r = (e) => {
-		if (n.length > 0) {
-			let t = n.find((t) => String(t.value) === String(e));
-			if (t) return t.label;
+	let a = t.options || [], o = (e) => {
+		if (a.length > 0) {
+			let t = a.find((t) => String(t.value) === String(e));
+			if (t) return {
+				text: t.label,
+				muted: !1
+			};
 		}
-		return String(e);
+		return e === r && i ? {
+			text: i,
+			muted: !1
+		} : sr(e) ? {
+			text: "—",
+			muted: !0
+		} : {
+			text: String(e),
+			muted: !1
+		};
 	};
-	return Array.isArray(e) ? /* @__PURE__ */ q("div", {
+	if (Array.isArray(e)) return /* @__PURE__ */ q("div", {
 		className: "flex flex-wrap gap-1",
 		children: e.map((e, t) => {
-			let n;
-			return n = typeof e == "object" && e ? e.name || e.label || e.id || e._id || String(e) : r(e), /* @__PURE__ */ q("span", {
-				className: "inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-gray-50 text-gray-700 dark:bg-gray-800/50 dark:text-gray-200",
+			let n, r = !1;
+			if (typeof e == "object" && e) n = or(e) || String(e.id || e._id || "[Object]");
+			else {
+				let t = o(e);
+				n = t.text, r = t.muted;
+			}
+			return /* @__PURE__ */ q("span", {
+				className: P("inline-flex items-center px-2 py-0.5 rounded text-xs font-medium", r ? "bg-muted/40 text-muted-foreground" : "bg-gray-50 text-gray-700 dark:bg-gray-800/50 dark:text-gray-200"),
 				children: n
 			}, t);
 		})
-	}) : typeof e == "object" && e ? /* @__PURE__ */ q("span", {
-		className: "truncate",
-		children: e.name || e.label || e.id || e._id || "[Object]"
-	}) : /* @__PURE__ */ q("span", {
+	});
+	if (typeof e == "object" && e) return /* @__PURE__ */ q("span", {
 		className: "truncate",
-		children: r(e)
+		children: or(e) || String(e.id || e._id || "[Object]")
+	});
+	let { text: s, muted: c } = o(e);
+	return /* @__PURE__ */ q("span", {
+		className: P("truncate", c && "text-muted-foreground"),
+		children: s
 	});
 }
-function jr({ value: e }) {
+function Ur({ value: e }) {
 	let t = Q(e);
 	return t == null || t === "" ? /* @__PURE__ */ q(S, {}) : /* @__PURE__ */ q("span", {
 		className: "text-gray-700 font-mono text-sm",
 		children: String(t)
 	});
 }
-function Mr({ value: e }) {
+function Wr({ value: e }) {
 	if (!e) return /* @__PURE__ */ q(S, {});
 	if (typeof e != "object") return /* @__PURE__ */ q("span", {
 		className: "truncate",
@@ -3228,39 +3505,64 @@ function Mr({ value: e }) {
 		})]
 	});
 }
-var Nr = /* @__PURE__ */ new Map();
-function Pr(e, t) {
-	Nr.set(e, t);
-}
-function Fr(e) {
-	return Nr.has(e) ? Nr.get(e) : {
-		text: ur,
-		textarea: ur,
-		markdown: ur,
-		html: ur,
-		number: dr,
-		currency: fr,
-		percent: mr,
-		boolean: gr,
-		date: _r,
-		datetime: vr,
-		time: ur,
-		select: wr,
-		status: wr,
-		lookup: Ar,
-		master_detail: Ar,
-		email: Tr,
-		url: Er,
-		phone: Dr,
-		file: Or,
-		image: kr,
-		formula: jr,
-		summary: jr,
-		auto_number: ur,
-		user: Mr,
-		owner: Mr,
+var Gr = /* @__PURE__ */ new Map();
+function Kr(e, t) {
+	Gr.set(e, t);
+}
+var qr = {
+	phone: "phone",
+	tel: "phone",
+	telephone: "phone",
+	email: "email",
+	url: "url",
+	uri: "url",
+	link: "url",
+	currency: "currency",
+	money: "currency",
+	percent: "percent",
+	percentage: "percent"
+}, Jr = new Set([
+	"text",
+	"textarea",
+	"string",
+	"longtext",
+	""
+]);
+function Yr(e) {
+	if (!e) return "text";
+	if (typeof e == "string") return e;
+	let t = (e.type || "").toLowerCase(), n = e.format, r = typeof n == "string" ? n.toLowerCase() : "";
+	return r && qr[r] && Jr.has(t) ? qr[r] : e.type || "text";
+}
+function Xr(e) {
+	return Gr.has(e) ? Gr.get(e) : {
+		text: vr,
+		textarea: vr,
+		markdown: vr,
+		html: vr,
+		number: yr,
+		currency: br,
+		percent: Sr,
+		boolean: wr,
+		date: Tr,
+		datetime: Er,
+		time: vr,
+		select: Ir,
+		status: Ir,
+		lookup: Hr,
+		master_detail: Hr,
+		email: Lr,
+		url: Rr,
+		phone: zr,
+		file: Br,
+		image: Vr,
+		formula: Ur,
+		summary: Ur,
+		auto_number: vr,
+		user: Wr,
+		owner: Wr,
 		password: () => /* @__PURE__ */ q("span", { children: "••••••" }),
-		location: ur,
+		location: vr,
 		object: () => /* @__PURE__ */ q("span", {
 			className: "text-gray-500 italic",
 			children: "[Object]"
@@ -3273,10 +3575,10 @@ function Fr(e) {
 			className: "text-gray-500 italic",
 			children: "[Grid]"
 		})
-	}[e] || ur;
+	}[e] || vr;
 }
-Pr("lookup", Ar), Pr("master_detail", Ar), Pr("select", wr), Pr("status", wr), Pr("user", Mr), Pr("owner", Mr), Tt(Fr);
-function Ir(e) {
+Kr("lookup", Hr), Kr("master_detail", Hr), Kr("select", Ir), Kr("status", Ir), Kr("user", Wr), Kr("owner", Wr), Et(Xr);
+function Zr(e) {
 	return {
 		text: "field:text",
 		textarea: "field:textarea",
@@ -3304,7 +3606,7 @@ function Ir(e) {
 		auto_number: "field:auto_number"
 	}[e] || "field:text";
 }
-function Lr(e) {
+function Qr(e) {
 	if (e < 0 || !Number.isFinite(e) || e === 0) return "0 B";
 	let t = [
 		"B",
@@ -3316,7 +3618,7 @@ function Lr(e) {
 	for (; n >= 1024 && r < t.length - 1;) n /= 1024, r++;
 	return `${n.toFixed(+(r > 0))} ${t[r]}`;
 }
-function Rr(e) {
+function $r(e) {
 	let t = {};
 	return e.required && (t.required = typeof e.required_message == "string" ? e.required_message : `${e.label || e.name} is required`), e.min_length && (t.minLength = {
 		value: e.min_length,
@@ -3341,7 +3643,7 @@ function Rr(e) {
 		message: "Please enter a valid URL"
 	}), e.validate && (t.validate = e.validate), Object.keys(t).length > 0 ? t : void 0;
 }
-function zr(e, t) {
+function ei(e, t) {
 	if (!e) return !0;
 	if (e.field && e.value !== void 0) {
 		let n = t[e.field];
@@ -3353,7 +3655,7 @@ function zr(e, t) {
 		if (e.operator === "<=") return n <= e.value;
 		if (e.operator === "in") return Array.isArray(e.value) && e.value.includes(n);
 	}
-	return e.and && Array.isArray(e.and) ? e.and.every((e) => zr(e, t)) : e.or && Array.isArray(e.or) ? e.or.some((e) => zr(e, t)) : !0;
+	return e.and && Array.isArray(e.and) ? e.and.every((e) => ei(e, t)) : e.or && Array.isArray(e.or) ? e.or.some((e) => ei(e, t)) : !0;
 }
 function $(t) {
 	let n = ({ schema: n, className: r, value: i, ...a }) => {
@@ -3397,48 +3699,48 @@ function $(t) {
 	};
 	return n.displayName = `FieldRenderer(${t.displayName || t.name || "Component"})`, n;
 }
-var Br = {
-	text: () => Promise.resolve().then(() => (Fe(), Ne)).then((e) => ({ default: e.TextField })),
-	textarea: () => Promise.resolve().then(() => (ft(), ut)).then((e) => ({ default: e.TextAreaField })),
-	number: () => Promise.resolve().then(() => (Re(), Ie)).then((e) => ({ default: e.NumberField })),
-	boolean: () => Promise.resolve().then(() => (Ve(), ze)).then((e) => ({ default: e.BooleanField })),
-	select: () => Promise.resolve().then(() => (qe(), Ge)).then((e) => ({ default: e.SelectField })),
-	date: () => Promise.resolve().then(() => (Xe(), Je)).then((e) => ({ default: e.DateField })),
-	datetime: () => Promise.resolve().then(() => (Rt(), It)).then((e) => ({ default: e.DateTimeField })),
-	time: () => Promise.resolve().then(() => (Vt(), zt)).then((e) => ({ default: e.TimeField })),
-	email: () => Promise.resolve().then(() => ($e(), Ze)).then((e) => ({ default: e.EmailField })),
-	phone: () => Promise.resolve().then(() => (nt(), et)).then((e) => ({ default: e.PhoneField })),
-	url: () => Promise.resolve().then(() => (at(), rt)).then((e) => ({ default: e.UrlField })),
-	currency: () => Promise.resolve().then(() => (lt(), ot)).then((e) => ({ default: e.CurrencyField })),
-	percent: () => Promise.resolve().then(() => (Wt(), Ht)).then((e) => ({ default: e.PercentField })),
-	password: () => Promise.resolve().then(() => (qt(), Gt)).then((e) => ({ default: e.PasswordField })),
-	markdown: () => Promise.resolve().then(() => (ht(), pt)).then((e) => ({ default: e.RichTextField })),
-	html: () => Promise.resolve().then(() => (ht(), pt)).then((e) => ({ default: e.RichTextField })),
-	lookup: () => Promise.resolve().then(() => (Ft(), kt)).then((e) => ({ default: e.LookupField })),
-	master_detail: () => Promise.resolve().then(() => (Ft(), kt)).then((e) => ({ default: e.LookupField })),
-	file: () => Promise.resolve().then(() => (Xt(), Jt)).then((e) => ({ default: e.FileField })),
-	image: () => Promise.resolve().then(() => (rn(), en)).then((e) => ({ default: e.ImageField })),
-	location: () => Promise.resolve().then(() => (sn(), an)).then((e) => ({ default: e.LocationField })),
-	formula: () => Promise.resolve().then(() => (un(), cn)).then((e) => ({ default: e.FormulaField })),
-	summary: () => Promise.resolve().then(() => (pn(), dn)).then((e) => ({ default: e.SummaryField })),
-	auto_number: () => Promise.resolve().then(() => (gn(), mn)).then((e) => ({ default: e.AutoNumberField })),
-	user: () => Promise.resolve().then(() => (yn(), _n)).then((e) => ({ default: e.UserField })),
-	owner: () => Promise.resolve().then(() => (yn(), _n)).then((e) => ({ default: e.UserField })),
-	object: () => Promise.resolve().then(() => (Sn(), bn)).then((e) => ({ default: e.ObjectField })),
-	vector: () => Promise.resolve().then(() => (Tn(), Cn)).then((e) => ({ default: e.VectorField })),
-	grid: () => Promise.resolve().then(() => (On(), En)).then((e) => ({ default: e.GridField })),
-	color: () => Promise.resolve().then(() => (jn(), kn)).then((e) => ({ default: e.ColorField })),
-	slider: () => Promise.resolve().then(() => (Pn(), Mn)).then((e) => ({ default: e.SliderField })),
-	rating: () => Promise.resolve().then(() => (Ln(), Fn)).then((e) => ({ default: e.RatingField })),
-	code: () => Promise.resolve().then(() => (Bn(), Rn)).then((e) => ({ default: e.CodeField })),
-	avatar: () => Promise.resolve().then(() => (Un(), Vn)).then((e) => ({ default: e.AvatarField })),
-	address: () => Promise.resolve().then(() => (Kn(), Wn)).then((e) => ({ default: e.AddressField })),
-	geolocation: () => Promise.resolve().then(() => (Yn(), qn)).then((e) => ({ default: e.GeolocationField })),
-	signature: () => Promise.resolve().then(() => (Qn(), Xn)).then((e) => ({ default: e.SignatureField })),
-	qrcode: () => Promise.resolve().then(() => (tr(), $n)).then((e) => ({ default: e.QRCodeField }))
+var ti = {
+	text: () => Promise.resolve().then(() => (Le(), Fe)).then((e) => ({ default: e.TextField })),
+	textarea: () => Promise.resolve().then(() => (pt(), dt)).then((e) => ({ default: e.TextAreaField })),
+	number: () => Promise.resolve().then(() => (Be(), Re)).then((e) => ({ default: e.NumberField })),
+	boolean: () => Promise.resolve().then(() => (He(), Ve)).then((e) => ({ default: e.BooleanField })),
+	select: () => Promise.resolve().then(() => (Je(), Ke)).then((e) => ({ default: e.SelectField })),
+	date: () => Promise.resolve().then(() => (Ze(), Ye)).then((e) => ({ default: e.DateField })),
+	datetime: () => Promise.resolve().then(() => (Bt(), Rt)).then((e) => ({ default: e.DateTimeField })),
+	time: () => Promise.resolve().then(() => (Ut(), Vt)).then((e) => ({ default: e.TimeField })),
+	email: () => Promise.resolve().then(() => (et(), Qe)).then((e) => ({ default: e.EmailField })),
+	phone: () => Promise.resolve().then(() => (rt(), tt)).then((e) => ({ default: e.PhoneField })),
+	url: () => Promise.resolve().then(() => (ot(), it)).then((e) => ({ default: e.UrlField })),
+	currency: () => Promise.resolve().then(() => (ut(), st)).then((e) => ({ default: e.CurrencyField })),
+	percent: () => Promise.resolve().then(() => (Kt(), Wt)).then((e) => ({ default: e.PercentField })),
+	password: () => Promise.resolve().then(() => (Yt(), qt)).then((e) => ({ default: e.PasswordField })),
+	markdown: () => Promise.resolve().then(() => (gt(), mt)).then((e) => ({ default: e.RichTextField })),
+	html: () => Promise.resolve().then(() => (gt(), mt)).then((e) => ({ default: e.RichTextField })),
+	lookup: () => Promise.resolve().then(() => (Lt(), At)).then((e) => ({ default: e.LookupField })),
+	master_detail: () => Promise.resolve().then(() => (Lt(), At)).then((e) => ({ default: e.LookupField })),
+	file: () => Promise.resolve().then(() => (Qt(), Xt)).then((e) => ({ default: e.FileField })),
+	image: () => Promise.resolve().then(() => (on(), nn)).then((e) => ({ default: e.ImageField })),
+	location: () => Promise.resolve().then(() => (ln(), sn)).then((e) => ({ default: e.LocationField })),
+	formula: () => Promise.resolve().then(() => (fn(), un)).then((e) => ({ default: e.FormulaField })),
+	summary: () => Promise.resolve().then(() => (hn(), pn)).then((e) => ({ default: e.SummaryField })),
+	auto_number: () => Promise.resolve().then(() => (vn(), gn)).then((e) => ({ default: e.AutoNumberField })),
+	user: () => Promise.resolve().then(() => (xn(), yn)).then((e) => ({ default: e.UserField })),
+	owner: () => Promise.resolve().then(() => (xn(), yn)).then((e) => ({ default: e.UserField })),
+	object: () => Promise.resolve().then(() => (wn(), Sn)).then((e) => ({ default: e.ObjectField })),
+	vector: () => Promise.resolve().then(() => (Dn(), Tn)).then((e) => ({ default: e.VectorField })),
+	grid: () => Promise.resolve().then(() => (An(), On)).then((e) => ({ default: e.GridField })),
+	color: () => Promise.resolve().then(() => (Nn(), jn)).then((e) => ({ default: e.ColorField })),
+	slider: () => Promise.resolve().then(() => (In(), Pn)).then((e) => ({ default: e.SliderField })),
+	rating: () => Promise.resolve().then(() => (zn(), Ln)).then((e) => ({ default: e.RatingField })),
+	code: () => Promise.resolve().then(() => (Hn(), Bn)).then((e) => ({ default: e.CodeField })),
+	avatar: () => Promise.resolve().then(() => (Gn(), Un)).then((e) => ({ default: e.AvatarField })),
+	address: () => Promise.resolve().then(() => (Jn(), Kn)).then((e) => ({ default: e.AddressField })),
+	geolocation: () => Promise.resolve().then(() => (Zn(), Yn)).then((e) => ({ default: e.GeolocationField })),
+	signature: () => Promise.resolve().then(() => (er(), Qn)).then((e) => ({ default: e.SignatureField })),
+	qrcode: () => Promise.resolve().then(() => (rr(), tr)).then((e) => ({ default: e.QRCodeField }))
 };
-function Vr(t) {
-	let n = Br[t];
+function ni(t) {
+	let n = ti[t];
 	if (!n) {
 		console.warn(`Unknown field type: ${t}`);
 		return;
@@ -3446,14 +3748,14 @@ function Vr(t) {
 	let r = e.lazy(n);
 	u.register(t, r, { namespace: "field" });
 }
-function Hr() {
-	Object.keys(Br).forEach((e) => {
-		Vr(e);
+function ri() {
+	Object.keys(ti).forEach((e) => {
+		ni(e);
 	});
 }
-function Ur() {
-	u.register("text", $(Pe), { namespace: "field" }), u.register("textarea", $(dt), { namespace: "field" }), u.register("number", $(Le), { namespace: "field" }), u.register("boolean", $(Be), { namespace: "field" }), u.register("select", $(Ke), { namespace: "field" }), u.register("date", $(Ye), { namespace: "field" }), u.register("datetime", $(Lt), { namespace: "field" }), u.register("time", $(Bt), { namespace: "field" }), u.register("email", $(Qe), { namespace: "field" }), u.register("phone", $(tt), { namespace: "field" }), u.register("url", $(it), { namespace: "field" }), u.register("currency", $(ct), { namespace: "field" }), u.register("percent", $(Ut), { namespace: "field" }), u.register("password", $(Kt), { namespace: "field" }), u.register("markdown", $(mt), { namespace: "field" }), u.register("html", $(mt), { namespace: "field" }), u.register("lookup", $(Mt), { namespace: "field" }), u.register("master_detail", $(Mt), { namespace: "field" }), u.register("file", $(Yt), { namespace: "field" }), u.register("image", $(tn), { namespace: "field" }), u.register("location", $(on), { namespace: "field" }), u.register("formula", $(ln), { namespace: "field" }), u.register("summary", $(fn), { namespace: "field" }), u.register("auto_number", $(hn), { namespace: "field" }), u.register("user", $(vn), { namespace: "field" }), u.register("owner", $(vn), { namespace: "field" }), u.register("object", $(xn), { namespace: "field" }), u.register("vector", $(wn), { namespace: "field" }), u.register("grid", $(Dn), { namespace: "field" }), u.register("color", $(An), { namespace: "field" }), u.register("slider", $(Nn), { namespace: "field" }), u.register("rating", $(In), { namespace: "field" }), u.register("code", $(zn), { namespace: "field" }), u.register("avatar", $(Hn), { namespace: "field" }), u.register("address", $(Gn), { namespace: "field" }), u.register("geolocation", $(Jn), { namespace: "field" }), u.register("signature", $(Zn), { namespace: "field" }), u.register("qrcode", $(er), { namespace: "field" });
+function ii() {
+	u.register("text", $(Ie), { namespace: "field" }), u.register("textarea", $(ft), { namespace: "field" }), u.register("number", $(ze), { namespace: "field" }), u.register("boolean", $(Z), { namespace: "field" }), u.register("select", $(qe), { namespace: "field" }), u.register("date", $(Xe), { namespace: "field" }), u.register("datetime", $(zt), { namespace: "field" }), u.register("time", $(Ht), { namespace: "field" }), u.register("email", $($e), { namespace: "field" }), u.register("phone", $(nt), { namespace: "field" }), u.register("url", $(at), { namespace: "field" }), u.register("currency", $(lt), { namespace: "field" }), u.register("percent", $(Gt), { namespace: "field" }), u.register("password", $(Jt), { namespace: "field" }), u.register("markdown", $(ht), { namespace: "field" }), u.register("html", $(ht), { namespace: "field" }), u.register("lookup", $(Pt), { namespace: "field" }), u.register("master_detail", $(Pt), { namespace: "field" }), u.register("file", $(Zt), { namespace: "field" }), u.register("image", $(rn), { namespace: "field" }), u.register("location", $(cn), { namespace: "field" }), u.register("formula", $(dn), { namespace: "field" }), u.register("summary", $(mn), { namespace: "field" }), u.register("auto_number", $(_n), { namespace: "field" }), u.register("user", $(bn), { namespace: "field" }), u.register("owner", $(bn), { namespace: "field" }), u.register("object", $(Cn), { namespace: "field" }), u.register("vector", $(En), { namespace: "field" }), u.register("grid", $(kn), { namespace: "field" }), u.register("color", $(Mn), { namespace: "field" }), u.register("slider", $(Fn), { namespace: "field" }), u.register("rating", $(Rn), { namespace: "field" }), u.register("code", $(Vn), { namespace: "field" }), u.register("avatar", $(Wn), { namespace: "field" }), u.register("address", $(qn), { namespace: "field" }), u.register("geolocation", $(Xn), { namespace: "field" }), u.register("signature", $($n), { namespace: "field" }), u.register("qrcode", $(nr), { namespace: "field" });
 }
-Hr();
+ri();
 //#endregion
-export { Gn as AddressField, hn as AutoNumberField, Hn as AvatarField, gr as BooleanCellRenderer, Be as BooleanField, zn as CodeField, An as ColorField, fr as CurrencyCellRenderer, ct as CurrencyField, _r as DateCellRenderer, Ye as DateField, vr as DateTimeCellRenderer, Lt as DateTimeField, Tr as EmailCellRenderer, Qe as EmailField, Or as FileCellRenderer, Yt as FileField, jr as FormulaCellRenderer, ln as FormulaField, Jn as GeolocationField, Dn as GridField, kr as ImageCellRenderer, Qt as ImageCropperDialog, tn as ImageField, on as LocationField, Ar as LookupCellRenderer, Mt as LookupField, nr as MasterDetailField, dr as NumberCellRenderer, Le as NumberField, xn as ObjectField, Kt as PasswordField, mr as PercentCellRenderer, Ut as PercentField, Dr as PhoneCellRenderer, tt as PhoneField, er as QRCodeField, In as RatingField, bt as RecordPickerDialog, mt as RichTextField, wr as SelectCellRenderer, Ke as SelectField, Zn as SignatureField, Nn as SliderField, fn as SummaryField, dt as TextAreaField, ur as TextCellRenderer, Pe as TextField, Bt as TimeField, Er as UrlCellRenderer, it as UrlField, Mr as UserCellRenderer, vn as UserField, wn as VectorField, Rr as buildValidationRules, Q as coerceToSafeValue, zr as evaluateCondition, ir as formatCompactCurrency, rr as formatCurrency, cr as formatDate, lr as formatDateTime, Lr as formatFileSize, ar as formatPercent, sr as formatRelativeDate, Fr as getCellRenderer, or as humanizeLabel, Ir as mapFieldTypeToFormType, Hr as registerAllFields, Vr as registerField, Pr as registerFieldRenderer, Ur as registerFields };
+export { qn as AddressField, _n as AutoNumberField, Wn as AvatarField, wr as BooleanCellRenderer, Z as BooleanField, Vn as CodeField, Mn as ColorField, br as CurrencyCellRenderer, lt as CurrencyField, Tr as DateCellRenderer, Xe as DateField, Er as DateTimeCellRenderer, zt as DateTimeField, Lr as EmailCellRenderer, $e as EmailField, Br as FileCellRenderer, Zt as FileField, Ur as FormulaCellRenderer, dn as FormulaField, Xn as GeolocationField, kn as GridField, Vr as ImageCellRenderer, en as ImageCropperDialog, rn as ImageField, cn as LocationField, Hr as LookupCellRenderer, Pt as LookupField, ir as MasterDetailField, yr as NumberCellRenderer, ze as NumberField, Cn as ObjectField, Jt as PasswordField, Sr as PercentCellRenderer, Gt as PercentField, zr as PhoneCellRenderer, nt as PhoneField, nr as QRCodeField, Rn as RatingField, xt as RecordPickerDialog, ht as RichTextField, Ir as SelectCellRenderer, qe as SelectField, $n as SignatureField, Fn as SliderField, mn as SummaryField, ft as TextAreaField, vr as TextCellRenderer, Ie as TextField, Ht as TimeField, Rr as UrlCellRenderer, at as UrlField, Wr as UserCellRenderer, bn as UserField, En as VectorField, $r as buildValidationRules, Q as coerceToSafeValue, ei as evaluateCondition, dr as formatCompactCurrency, ur as formatCurrency, gr as formatDate, _r as formatDateTime, Qr as formatFileSize, fr as formatNumber, pr as formatPercent, hr as formatRelativeDate, Mr as getBadgeColorClasses, Xr as getCellRenderer, Nr as getSemanticColorName, Fr as getSemanticHex, mr as humanizeLabel, sr as isLikelyOpaqueId, Zr as mapFieldTypeToFormType, ri as registerAllFields, ni as registerField, Kr as registerFieldRenderer, ii as registerFields, Yr as resolveCellRendererType };