@object-ui/fields 4.0.8 → 4.0.10

package/dist/index.js

@@ -1,34 +1,34 @@
 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 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 W, QrCode as G, RotateCw as K, Search as Ce, SlidersHorizontal as we, Star as Te, TableProperties as Ee, Upload as q, X as De } from "lucide-react";
-import { SchemaRendererContext as Oe, useObjectTranslation as ke } from "@object-ui/react";
-import { Fragment as Ae, jsx as J, jsxs as Y } from "react/jsx-runtime";
-import { createSafeTranslation as je } from "@object-ui/i18n";
-import { useUpload as Me } from "@object-ui/providers";
+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 Ne = 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) Ne(n, r, {
+	for (var r in e) Pe(n, r, {
 		get: e[r],
 		enumerable: !0
 	});
-	return t || Ne(n, Symbol.toStringTag, { value: "Module" }), n;
-}, Pe = /* @__PURE__ */ Z({ TextField: () => Fe });
-function Fe({ 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__ */ J("span", {
+	if (r) return /* @__PURE__ */ q("span", {
 		className: "text-sm",
-		children: e || /* @__PURE__ */ J(S, {})
+		children: e || /* @__PURE__ */ q(S, {})
 	});
 	let o = a?.rows, { inputType: s, ...c } = i;
-	return o && o > 1 ? /* @__PURE__ */ J(N, {
+	return o && o > 1 ? /* @__PURE__ */ q(N, {
 		...c,
 		value: e || "",
 		onChange: (e) => t(e.target.value),
 		placeholder: a?.placeholder,
 		disabled: r || c.disabled
-	}) : /* @__PURE__ */ J(C, {
+	}) : /* @__PURE__ */ q(C, {
 		...c,
 		type: a?.type === "password" ? "password" : "text",
 		value: e || "",
@@ -37,14 +37,14 @@ function Fe({ value: e, onChange: t, field: n, readonly: r, ...i }) {
 		disabled: r || c.disabled
 	});
 }
-var Ie = X((() => {})), Le = /* @__PURE__ */ Z({ NumberField: () => Re });
-function Re({ value: e, onChange: t, field: n, readonly: r, ...i }) {
-	if (r) return e == null ? /* @__PURE__ */ J(S, {}) : /* @__PURE__ */ J("span", {
+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
 	});
 	let a = n || i.schema, o = a?.precision, { inputType: s, ...c } = i;
-	return /* @__PURE__ */ J(C, {
+	return /* @__PURE__ */ q(C, {
 		...c,
 		type: "number",
 		value: e ?? "",
@@ -57,85 +57,85 @@ function Re({ value: e, onChange: t, field: n, readonly: r, ...i }) {
 		step: o ? 10 ** -o : "any"
 	});
 }
-var ze = X((() => {})), Be = /* @__PURE__ */ Z({ BooleanField: () => Ve });
-function Ve({ 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__ */ J("span", {
+	if (r) return /* @__PURE__ */ q("span", {
 		className: "text-sm",
 		children: e ? "Yes" : "No"
 	});
 	let { inputType: d, ...f } = i;
-	return s === "checkbox" ? /* @__PURE__ */ Y("div", {
+	return s === "checkbox" ? /* @__PURE__ */ J("div", {
 		className: "flex items-center space-x-2",
-		children: [/* @__PURE__ */ J(g, {
+		children: [/* @__PURE__ */ q(g, {
 			...f,
 			id: l,
 			checked: !!e,
 			onCheckedChange: (e) => t(!!e),
 			disabled: r || f.disabled
-		}), /* @__PURE__ */ J(w, {
+		}), /* @__PURE__ */ q(w, {
 			htmlFor: l,
 			children: u
 		})]
-	}) : /* @__PURE__ */ Y("div", {
+	}) : /* @__PURE__ */ J("div", {
 		className: "flex items-center space-x-2",
-		children: [/* @__PURE__ */ J(k, {
+		children: [/* @__PURE__ */ q(k, {
 			...f,
 			id: l,
 			checked: !!e,
 			onCheckedChange: t,
 			disabled: r || f.disabled
-		}), /* @__PURE__ */ J(w, {
+		}), /* @__PURE__ */ q(w, {
 			htmlFor: l,
 			children: u
 		})]
 	});
 }
-var He = X((() => {})), Ue, We, Ge = X((() => {
+var He = Y((() => {})), Ue, We, Ge = Y((() => {
 	Ue = {
 		"common.selectOption": "Select an option",
 		"common.select": "Select...",
 		"common.search": "Search",
 		"table.selected": "{{count}} selected"
-	}, We = je(Ue, "common.selectOption");
-})), Ke = /* @__PURE__ */ Z({ SelectField: () => qe });
+	}, 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__ */ J("span", {
+		return t ? /* @__PURE__ */ q("span", {
 			className: "text-sm",
 			children: t
-		}) : /* @__PURE__ */ J(S, {});
+		}) : /* @__PURE__ */ q(S, {});
 	}
-	return /* @__PURE__ */ Y(E, {
+	return /* @__PURE__ */ J(E, {
 		...i,
 		value: e,
 		onValueChange: t,
 		disabled: r || i.disabled,
-		children: [/* @__PURE__ */ J(ae, {
+		children: [/* @__PURE__ */ q(ae, {
 			className: i.className,
 			id: i.id,
-			children: /* @__PURE__ */ J(oe, { placeholder: a?.placeholder || s("common.selectOption") })
-		}), /* @__PURE__ */ J(re, {
+			children: /* @__PURE__ */ q(oe, { placeholder: a?.placeholder || s("common.selectOption") })
+		}), /* @__PURE__ */ q(re, {
 			position: "popper",
-			children: o.map((e) => /* @__PURE__ */ J(ie, {
+			children: o.map((e) => /* @__PURE__ */ q(ie, {
 				value: e.value,
 				children: e.label
 			}, e.value))
 		})]
 	});
 }
-var Je = X((() => {
+var Je = Y((() => {
 	Ge();
-})), Ye = /* @__PURE__ */ Z({ DateField: () => Xe });
+})), Ye = /* @__PURE__ */ X({ DateField: () => Xe });
 function Xe({ value: e, onChange: t, field: n, readonly: r, ...i }) {
-	if (r) return e ? /* @__PURE__ */ J("span", {
+	if (r) return e ? /* @__PURE__ */ q("span", {
 		className: "text-sm",
 		children: new Date(e).toLocaleDateString()
-	}) : /* @__PURE__ */ J(S, {});
+	}) : /* @__PURE__ */ q(S, {});
 	let { inputType: a, ...o } = i;
-	return /* @__PURE__ */ J(C, {
+	return /* @__PURE__ */ q(C, {
 		...o,
 		type: "date",
 		value: e || "",
@@ -143,16 +143,16 @@ function Xe({ value: e, onChange: t, field: n, readonly: r, ...i }) {
 		disabled: r || o.disabled
 	});
 }
-var Ze = X((() => {})), Qe = /* @__PURE__ */ Z({ EmailField: () => $e });
+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__ */ J("a", {
+	if (r) return e ? /* @__PURE__ */ q("a", {
 		href: `mailto:${e}`,
 		className: "text-sm text-blue-600 hover:text-blue-800 hover:underline",
 		children: e
-	}) : /* @__PURE__ */ J(S, {});
+	}) : /* @__PURE__ */ q(S, {});
 	let { inputType: s, ...c } = a;
-	return /* @__PURE__ */ J(C, {
+	return /* @__PURE__ */ q(C, {
 		...c,
 		type: "email",
 		value: e || "",
@@ -162,16 +162,16 @@ function $e({ value: e, onChange: t, field: n, readonly: r, errorMessage: i, ...
 		"aria-invalid": !!i
 	});
 }
-var et = X((() => {})), tt = /* @__PURE__ */ Z({ PhoneField: () => nt });
+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__ */ J("a", {
+	if (r) return e ? /* @__PURE__ */ q("a", {
 		href: `tel:${e}`,
 		className: "text-sm text-blue-600 hover:text-blue-800 hover:underline",
 		children: e
-	}) : /* @__PURE__ */ J(S, {});
+	}) : /* @__PURE__ */ q(S, {});
 	let { inputType: s, ...c } = a;
-	return /* @__PURE__ */ J(C, {
+	return /* @__PURE__ */ q(C, {
 		...c,
 		type: "tel",
 		value: e || "",
@@ -181,21 +181,21 @@ function nt({ value: e, onChange: t, field: n, readonly: r, errorMessage: i, ...
 		"aria-invalid": !!i
 	});
 }
-var rt = X((() => {})), it = /* @__PURE__ */ Z({ UrlField: () => at });
+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__ */ J("a", {
+	if (r) return e ? e.startsWith("http://") || e.startsWith("https://") ? /* @__PURE__ */ q("a", {
 		href: e,
 		target: "_blank",
 		rel: "noopener noreferrer",
 		className: "text-sm text-blue-600 hover:text-blue-800 hover:underline",
 		children: e
-	}) : /* @__PURE__ */ J("span", {
+	}) : /* @__PURE__ */ q("span", {
 		className: "text-sm",
 		children: e
-	}) : /* @__PURE__ */ J(S, {});
+	}) : /* @__PURE__ */ q(S, {});
 	let { inputType: s, ...c } = a;
-	return /* @__PURE__ */ J(C, {
+	return /* @__PURE__ */ q(C, {
 		...c,
 		type: "url",
 		value: e || "",
@@ -205,7 +205,7 @@ function at({ value: e, onChange: t, field: n, readonly: r, errorMessage: i, ...
 		"aria-invalid": !!i
 	});
 }
-var ot = X((() => {})), st = /* @__PURE__ */ Z({ CurrencyField: () => lt });
+var ot = Y((() => {})), st = /* @__PURE__ */ X({ CurrencyField: () => lt });
 function ct(e, t, n) {
 	if (t) try {
 		return new Intl.NumberFormat("en-US", {
@@ -228,7 +228,7 @@ function ct(e, t, n) {
 }
 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__ */ J(S, {}) : /* @__PURE__ */ J("span", {
+	if (r) return e == null ? /* @__PURE__ */ q(S, {}) : /* @__PURE__ */ q("span", {
 		className: "text-sm font-medium tabular-nums",
 		children: ct(Number(e), c, l)
 	});
@@ -236,12 +236,12 @@ function lt({ value: e, onChange: t, field: n, readonly: r, errorMessage: i, cla
 		let n = parseFloat(e.target.value);
 		isNaN(n) || t(parseFloat(n.toFixed(l)));
 	}, d = c ? c === "USD" ? "$" : c : "";
-	return /* @__PURE__ */ Y("div", {
+	return /* @__PURE__ */ J("div", {
 		className: "relative",
-		children: [d && /* @__PURE__ */ J("span", {
+		children: [d && /* @__PURE__ */ q("span", {
 			className: "absolute left-3 top-1/2 -translate-y-1/2 text-sm text-gray-500",
 			children: d
-		}), /* @__PURE__ */ J(C, {
+		}), /* @__PURE__ */ q(C, {
 			...o,
 			type: "number",
 			value: e ?? "",
@@ -257,21 +257,21 @@ function lt({ value: e, onChange: t, field: n, readonly: r, errorMessage: i, cla
 		})]
 	});
 }
-var ut = X((() => {})), dt = /* @__PURE__ */ Z({ TextAreaField: () => ft });
+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__ */ J("div", {
+	if (r) return /* @__PURE__ */ q("div", {
 		className: "text-sm whitespace-pre-wrap",
-		children: e || /* @__PURE__ */ J(S, {})
+		children: e || /* @__PURE__ */ q(S, {})
 	});
 	let o = n || a.schema, s = o?.rows || 4, c = o?.max_length, u = !!(a.mobileFullscreen ?? o?.mobile_fullscreen ?? a.mobile_fullscreen ?? a.schema?.mobile_fullscreen), [d, f] = l(!1), [p, m] = l(e ?? ""), g = () => {
 		m(e ?? ""), f(!0);
 	}, y = () => f(!1), C = () => {
 		t(p), f(!1);
 	}, { inputType: w, mobileFullscreen: te, ...ne } = a;
-	return /* @__PURE__ */ Y("div", {
+	return /* @__PURE__ */ J("div", {
 		className: "relative",
 		children: [
-			/* @__PURE__ */ J(N, {
+			/* @__PURE__ */ q(N, {
 				...ne,
 				value: e || "",
 				onChange: (e) => t(e.target.value),
@@ -282,15 +282,15 @@ function ft({ value: e, onChange: t, field: n, readonly: r, errorMessage: i, ...
 				"aria-invalid": !!i,
 				className: ne.className
 			}),
-			u && /* @__PURE__ */ J("button", {
+			u && /* @__PURE__ */ q("button", {
 				type: "button",
 				onClick: g,
 				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__ */ J(U, { className: "size-3.5" })
+				children: /* @__PURE__ */ q(U, { className: "size-3.5" })
 			}),
-			c && /* @__PURE__ */ Y("div", {
+			c && /* @__PURE__ */ J("div", {
 				className: "absolute bottom-2 right-2 text-xs text-gray-400",
 				"aria-live": "polite",
 				"aria-label": `Character count: ${(e || "").length} of ${c}`,
@@ -300,23 +300,23 @@ function ft({ value: e, onChange: t, field: n, readonly: r, errorMessage: i, ...
 					c
 				]
 			}),
-			u && /* @__PURE__ */ J(_, {
+			u && /* @__PURE__ */ q(_, {
 				open: d,
 				onOpenChange: f,
-				children: /* @__PURE__ */ Y(v, {
+				children: /* @__PURE__ */ J(v, {
 					className: "sm:max-w-3xl h-[100dvh] sm:h-[80vh] max-h-[100dvh] sm:max-h-[80vh] flex flex-col p-0 gap-0",
 					"data-testid": "textarea-fullscreen-dialog",
 					children: [
-						/* @__PURE__ */ J(ee, {
+						/* @__PURE__ */ q(ee, {
 							className: "p-4 border-b",
-							children: /* @__PURE__ */ J(x, {
+							children: /* @__PURE__ */ q(x, {
 								className: "text-base",
 								children: o?.label ?? "Edit text"
 							})
 						}),
-						/* @__PURE__ */ J("div", {
+						/* @__PURE__ */ q("div", {
 							className: "flex-1 min-h-0 p-4",
-							children: /* @__PURE__ */ J(N, {
+							children: /* @__PURE__ */ q(N, {
 								autoFocus: !0,
 								value: p,
 								onChange: (e) => m(e.target.value),
@@ -326,27 +326,27 @@ function ft({ value: e, onChange: t, field: n, readonly: r, errorMessage: i, ...
 								"data-testid": "textarea-fullscreen-input"
 							})
 						}),
-						/* @__PURE__ */ Y(b, {
+						/* @__PURE__ */ J(b, {
 							className: "p-3 border-t flex-row justify-between sm:justify-end gap-2",
-							children: [c && /* @__PURE__ */ Y("span", {
+							children: [c && /* @__PURE__ */ J("span", {
 								className: "text-xs text-muted-foreground self-center",
 								children: [
 									p.length,
 									"/",
 									c
 								]
-							}), /* @__PURE__ */ Y("div", {
+							}), /* @__PURE__ */ J("div", {
 								className: "flex gap-2 ml-auto",
-								children: [/* @__PURE__ */ Y(h, {
+								children: [/* @__PURE__ */ J(h, {
 									type: "button",
 									variant: "ghost",
 									onClick: y,
-									children: [/* @__PURE__ */ J(De, { className: "size-4 mr-1" }), " Cancel"]
-								}), /* @__PURE__ */ Y(h, {
+									children: [/* @__PURE__ */ q(Oe, { className: "size-4 mr-1" }), " Cancel"]
+								}), /* @__PURE__ */ J(h, {
 									type: "button",
 									onClick: C,
 									"data-testid": "textarea-fullscreen-save",
-									children: [/* @__PURE__ */ J(I, { className: "size-4 mr-1" }), " Done"]
+									children: [/* @__PURE__ */ q(I, { className: "size-4 mr-1" }), " Done"]
 								})]
 							})]
 						})
@@ -356,22 +356,22 @@ function ft({ value: e, onChange: t, field: n, readonly: r, errorMessage: i, ...
 		]
 	});
 }
-var pt = X((() => {})), mt = /* @__PURE__ */ Z({ RichTextField: () => ht });
+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__ */ J("div", {
+	if (r) return /* @__PURE__ */ q("div", {
 		className: "text-sm prose prose-sm max-w-none",
-		children: e || /* @__PURE__ */ J(S, {})
+		children: e || /* @__PURE__ */ q(S, {})
 	});
 	let o = n || a.schema, s = o?.rows || 8;
-	return /* @__PURE__ */ Y("div", {
+	return /* @__PURE__ */ J("div", {
 		className: "space-y-2",
-		children: [/* @__PURE__ */ Y("div", {
+		children: [/* @__PURE__ */ J("div", {
 			className: "flex items-center justify-between text-xs text-gray-500",
-			children: [/* @__PURE__ */ Y("span", { children: ["Format: ", o?.format || "markdown"] }), /* @__PURE__ */ J("span", {
+			children: [/* @__PURE__ */ J("span", { children: ["Format: ", o?.format || "markdown"] }), /* @__PURE__ */ q("span", {
 				className: "italic",
 				children: "Rich text editor (basic)"
 			})]
-		}), /* @__PURE__ */ J(N, {
+		}), /* @__PURE__ */ q(N, {
 			value: e || "",
 			onChange: (e) => t(e.target.value),
 			placeholder: o?.placeholder || "Enter text...",
@@ -382,7 +382,7 @@ function ht({ value: e, onChange: t, field: n, readonly: r, errorMessage: i, ...
 		})]
 	});
 }
-var gt = X((() => {}));
+var gt = Y((() => {}));
 //#endregion
 //#region src/widgets/RecordPickerDialog.tsx
 function _t(e) {
@@ -433,10 +433,10 @@ function bt(e, t) {
 	return n;
 }
 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), [W, G] = l(null), [K, Te] = l("asc"), [Ee, q] = l(/* @__PURE__ */ new Set()), Oe = c(/* @__PURE__ */ new Map()), [ke, je] = l(-1), Me = c(null), [Ne, X] = l(!1), [Z, Pe] = l({}), [Fe, Ie] = l({}), Le = c(null), [Re, ze] = l(""), Be = s(() => d && d.length > 0 ? d.map(_t) : [{
+	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: vt(f)
-	}], [d, f]), Ve = s(() => {
+	}], [d, f]), Z = s(() => {
 		if (k && k.length > 0) return k;
 		if (T && T.length > 0) return T.map((e) => {
 			let t = "text";
@@ -460,15 +460,15 @@ function xt({ open: e, onOpenChange: t, title: n = "Select Record", multiple: i
 			};
 		});
 	}, [k, T]), He = s(() => {
-		let e = T?.length ? yt(T) : {}, t = Ve?.length ? bt(Z, Ve) : {}, n = {
+		let e = T?.length ? yt(T) : {}, t = Z?.length ? bt(X, Z) : {}, n = {
 			...e,
 			...t
 		};
 		return Object.keys(n).length > 0 ? n : void 0;
 	}, [
 		T,
-		Ve,
-		Z
+		Z,
+		X
 	]), Ue = Math.max(1, Math.ceil(ve / y)), We = r(async (e, t = 1, n, r) => {
 		if (!(!o || !u)) {
 			_e(!0), B(null);
@@ -481,7 +481,7 @@ function xt({ open: e, onOpenChange: t, title: n = "Select Record", multiple: i
 				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 ?? [];
-				ge(c), ye(s?.total ?? c.length), je(-1);
+				ge(c), ye(s?.total ?? c.length), Me(-1);
 			} catch (e) {
 				B(e instanceof Error ? e.message : String(e)), ge([]);
 			} finally {
@@ -493,12 +493,12 @@ function xt({ open: e, onOpenChange: t, title: n = "Select Record", multiple: i
 		u,
 		y,
 		He
-	]), Ge = s(() => W ? {
-		field: W,
-		direction: K
-	} : null, [W, K]);
+	]), Ge = s(() => Ce ? {
+		field: Ce,
+		direction: G
+	} : null, [Ce, G]);
 	a(() => {
-		e || (be(""), U(1), B(null), ge([]), G(null), Te("asc"), je(-1), X(!1), Pe({}), Ie({}), ze(""), q(new Set(i && Array.isArray(S) ? S : [])), Oe.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 && We(V || void 0, H, Ge);
 	}, [
@@ -507,7 +507,7 @@ function xt({ open: e, onOpenChange: t, title: n = "Select Record", multiple: i
 		Ge,
 		He
 	]), a(() => {
-		e && i && q(new Set(Array.isArray(S) ? S : []));
+		e && i && K(new Set(Array.isArray(S) ? S : []));
 	}, [
 		e,
 		i,
@@ -522,20 +522,20 @@ function xt({ open: e, onOpenChange: t, title: n = "Select Record", multiple: i
 		Se.current && clearTimeout(Se.current);
 	}, []);
 	let qe = r((e) => {
-		G((t) => t === e ? (Te((e) => e === "asc" ? "desc" : "asc"), e) : (Te("asc"), e)), U(1);
+		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 ? Ee.has(t) : S === t;
+		return i ? De.has(t) : S === t;
 	}, [
 		i,
 		S,
-		Ee,
+		De,
 		Je
 	]), Xe = r((e) => {
 		let n = Je(e);
-		i ? q((t) => {
+		i ? K((t) => {
 			let r = new Set(t);
-			return r.has(n) ? (r.delete(n), Oe.current.delete(n)) : (r.add(n), Oe.current.set(n, e)), r;
+			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,
@@ -544,12 +544,12 @@ function xt({ open: e, onOpenChange: t, title: n = "Select Record", multiple: i
 		ne,
 		t
 	]), Ze = r(() => {
-		let e = Array.from(Ee);
+		let e = Array.from(De);
 		te(e);
-		let n = e.map((e) => Oe.current.get(e)).filter(Boolean);
+		let n = e.map((e) => ke.current.get(e)).filter(Boolean);
 		ne?.(n), t(!1);
 	}, [
-		Ee,
+		De,
 		te,
 		ne,
 		t
@@ -559,21 +559,21 @@ function xt({ open: e, onOpenChange: t, title: n = "Select Record", multiple: i
 		U((e) => Math.min(Ue, e + 1));
 	}, [Ue]), et = r((e) => {
 		if (e.key !== "Enter") return;
-		let t = parseInt(Re, 10);
-		!isNaN(t) && t >= 1 && t <= Ue && U(t), ze("");
-	}, [Re, Ue]), tt = r((e) => {
-		L.length !== 0 && (e.key === "ArrowDown" ? (e.preventDefault(), je((e) => Math.min(e + 1, L.length - 1))) : e.key === "ArrowUp" ? (e.preventDefault(), je((e) => Math.max(e - 1, 0))) : (e.key === "Enter" || e.key === " ") && (e.preventDefault(), ke >= 0 && ke < L.length && Xe(L[ke])));
+		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])));
 	}, [
 		L,
-		ke,
+		Ae,
 		Xe
 	]);
 	a(() => {
-		if (ke >= 0 && Me.current) {
-			let e = Me.current.querySelector(`[data-row-index="${ke}"]`);
+		if (Ae >= 0 && Ne.current) {
+			let e = Ne.current.querySelector(`[data-row-index="${Ae}"]`);
 			e && typeof e.scrollIntoView == "function" && e.scrollIntoView({ block: "nearest" });
 		}
-	}, [ke]);
+	}, [Ae]);
 	let nt = r((e, t) => {
 		if (p && t.field === f) {
 			let t = "[-\\u2013\\u2014|/·,:]", n = !1, r = p.replace(/\{([^{}]+)\}/g, (t, r) => {
@@ -588,7 +588,7 @@ function xt({ open: e, onOpenChange: t, title: n = "Select Record", multiple: i
 		let n = e[t.field];
 		if (t.type && O) {
 			let e = O(t.type);
-			if (e) return /* @__PURE__ */ J(e, {
+			if (e) return /* @__PURE__ */ q(e, {
 				value: n,
 				field: {
 					name: t.field,
@@ -601,56 +601,56 @@ function xt({ open: e, onOpenChange: t, title: n = "Select Record", multiple: i
 		O,
 		p,
 		f
-	]), rt = r((e) => W === e ? J(K === "asc" ? de : F, { className: "ml-1 size-3" }) : /* @__PURE__ */ J(fe, { className: "ml-1 size-3 opacity-40" }), [W, K]), it = r((e, t, n) => {
-		e.preventDefault(), e.stopPropagation(), Le.current = {
+	]), 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 (!Le.current) return;
-			let t = e.clientX - Le.current.startX, n = Math.max(Ct, Le.current.startWidth + t);
-			Ie((e) => ({
+			if (!Re.current) return;
+			let t = e.clientX - Re.current.startX, n = Math.max(Ct, Re.current.startWidth + t);
+			Le((e) => ({
 				...e,
-				[Le.current.field]: n
+				[Re.current.field]: n
 			}));
 		}, i = () => {
-			Le.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);
 	}, []), at = r((e, t) => {
-		Pe((n) => ({
+		Fe((n) => ({
 			...n,
 			[e]: t
 		})), U(1);
 	}, []), ot = r(() => {
-		Pe({}), U(1);
-	}, []), st = s(() => Object.values(Z).filter((e) => e != null && e !== "").length, [Z]), ct = r((e) => {
-		let t = Z[e.field], n = e.label || vt(e.field);
+		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__ */ Y("div", {
+			case "select": return /* @__PURE__ */ J("div", {
 				className: "space-y-1",
-				children: [/* @__PURE__ */ J(w, {
+				children: [/* @__PURE__ */ q(w, {
 					className: "text-xs text-muted-foreground",
 					children: n
-				}), /* @__PURE__ */ Y(E, {
+				}), /* @__PURE__ */ J(E, {
 					value: t == null ? "" : String(t),
 					onValueChange: (t) => at(e.field, t),
-					children: [/* @__PURE__ */ J(ae, {
+					children: [/* @__PURE__ */ q(ae, {
 						className: "h-8 text-xs",
-						children: /* @__PURE__ */ J(oe, { placeholder: `Filter ${n}` })
-					}), /* @__PURE__ */ J(re, { children: e.options?.map((e) => /* @__PURE__ */ J(ie, {
+						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))) })]
 				})]
 			});
-			case "number": return /* @__PURE__ */ Y("div", {
+			case "number": return /* @__PURE__ */ J("div", {
 				className: "space-y-1",
-				children: [/* @__PURE__ */ J(w, {
+				children: [/* @__PURE__ */ q(w, {
 					className: "text-xs text-muted-foreground",
 					children: n
-				}), /* @__PURE__ */ J(C, {
+				}), /* @__PURE__ */ q(C, {
 					type: "number",
 					className: "h-8 text-xs",
 					value: t ?? "",
@@ -661,40 +661,40 @@ function xt({ open: e, onOpenChange: t, title: n = "Select Record", multiple: i
 					}
 				})]
 			});
-			case "date": return /* @__PURE__ */ Y("div", {
+			case "date": return /* @__PURE__ */ J("div", {
 				className: "space-y-1",
-				children: [/* @__PURE__ */ J(w, {
+				children: [/* @__PURE__ */ q(w, {
 					className: "text-xs text-muted-foreground",
 					children: n
-				}), /* @__PURE__ */ J(C, {
+				}), /* @__PURE__ */ q(C, {
 					type: "date",
 					className: "h-8 text-xs",
 					value: t ?? "",
 					onChange: (t) => at(e.field, t.target.value)
 				})]
 			});
-			case "boolean": return /* @__PURE__ */ Y("div", {
+			case "boolean": return /* @__PURE__ */ J("div", {
 				className: "space-y-1",
-				children: [/* @__PURE__ */ J(w, {
+				children: [/* @__PURE__ */ q(w, {
 					className: "text-xs text-muted-foreground",
 					children: n
-				}), /* @__PURE__ */ Y("div", {
+				}), /* @__PURE__ */ J("div", {
 					className: "flex items-center gap-2 h-8",
-					children: [/* @__PURE__ */ J(g, {
+					children: [/* @__PURE__ */ q(g, {
 						checked: !!t,
 						onCheckedChange: (t) => at(e.field, !!t)
-					}), /* @__PURE__ */ J("span", {
+					}), /* @__PURE__ */ q("span", {
 						className: "text-xs text-muted-foreground",
 						children: "Yes"
 					})]
 				})]
 			});
-			default: return /* @__PURE__ */ Y("div", {
+			default: return /* @__PURE__ */ J("div", {
 				className: "space-y-1",
-				children: [/* @__PURE__ */ J(w, {
+				children: [/* @__PURE__ */ q(w, {
 					className: "text-xs text-muted-foreground",
 					children: n
-				}), /* @__PURE__ */ J(C, {
+				}), /* @__PURE__ */ q(C, {
 					className: "h-8 text-xs",
 					value: t ?? "",
 					placeholder: `Filter ${n}`,
@@ -702,87 +702,87 @@ function xt({ open: e, onOpenChange: t, title: n = "Select Record", multiple: i
 				})]
 			});
 		}
-	}, [Z, 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__ */ J(_, {
+	}, [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,
-		children: /* @__PURE__ */ Y(v, {
+		children: /* @__PURE__ */ J(v, {
 			className: "w-[95vw] sm:max-w-3xl lg:max-w-5xl max-h-[85vh] sm:max-h-[80vh] flex flex-col gap-0",
 			"data-testid": "record-picker-dialog",
 			children: [
-				/* @__PURE__ */ J(ee, { children: /* @__PURE__ */ Y(x, { children: [n, i && /* @__PURE__ */ J("span", {
+				/* @__PURE__ */ q(ee, { children: /* @__PURE__ */ J(x, { children: [n, i && /* @__PURE__ */ q("span", {
 					className: "sr-only",
 					children: " (multiple selection)"
 				})] }) }),
-				/* @__PURE__ */ Y("div", {
+				/* @__PURE__ */ J("div", {
 					className: "relative rounded-md border bg-muted/30 mb-3",
 					children: [
-						/* @__PURE__ */ J(Ce, { className: "absolute left-3 top-1/2 -translate-y-1/2 size-4 text-muted-foreground" }),
-						/* @__PURE__ */ J(C, {
+						/* @__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: 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"
 						}),
-						R && /* @__PURE__ */ J(xe, {
+						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"
 						})
 					]
 				}),
-				Ve && Ve.length > 0 && /* @__PURE__ */ J("div", {
+				Z && Z.length > 0 && /* @__PURE__ */ q("div", {
 					className: "py-2",
-					children: N ? /* @__PURE__ */ J("div", {
+					children: N ? /* @__PURE__ */ q("div", {
 						"data-testid": "record-picker-filter-bar",
 						children: N({
-							filterColumns: Ve,
-							values: Z,
+							filterColumns: Z,
+							values: X,
 							onChange: at,
 							onClear: ot,
 							activeCount: st
 						})
-					}) : /* @__PURE__ */ Y(Ae, { children: [/* @__PURE__ */ Y("div", {
+					}) : /* @__PURE__ */ J(je, { children: [/* @__PURE__ */ J("div", {
 						className: "flex items-center gap-2",
 						"data-testid": "record-picker-filter-bar",
-						children: [/* @__PURE__ */ Y(h, {
+						children: [/* @__PURE__ */ J(h, {
 							type: "button",
 							variant: st > 0 ? "secondary" : "outline",
 							size: "sm",
 							className: "gap-1.5 shrink-0",
-							onClick: () => X((e) => !e),
+							onClick: () => Y((e) => !e),
 							children: [
-								/* @__PURE__ */ J(we, { className: "size-3.5" }),
+								/* @__PURE__ */ q(Te, { className: "size-3.5" }),
 								"Filters",
-								st > 0 && /* @__PURE__ */ J("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: st
 								})
 							]
-						}), st > 0 && /* @__PURE__ */ Y(h, {
+						}), st > 0 && /* @__PURE__ */ J(h, {
 							type: "button",
 							variant: "ghost",
 							size: "sm",
 							className: "gap-1 text-xs",
 							onClick: ot,
-							children: [/* @__PURE__ */ J(De, { className: "size-3" }), "Clear"]
+							children: [/* @__PURE__ */ q(Oe, { className: "size-3" }), "Clear"]
 						})]
-					}), Ne && /* @__PURE__ */ J("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: Ve.map((e) => /* @__PURE__ */ J("div", { children: ct(e) }, e.field))
+						children: Z.map((e) => /* @__PURE__ */ q("div", { children: ct(e) }, e.field))
 					})] })
 				}),
-				z && /* @__PURE__ */ Y("div", {
+				z && /* @__PURE__ */ J("div", {
 					className: "flex flex-col items-center gap-2 py-4",
 					role: "alert",
 					children: [
-						/* @__PURE__ */ J(ue, { className: "size-5 text-destructive" }),
-						/* @__PURE__ */ J("p", {
+						/* @__PURE__ */ q(ue, { className: "size-5 text-destructive" }),
+						/* @__PURE__ */ q("p", {
 							className: "text-sm text-destructive",
 							children: z
 						}),
-						/* @__PURE__ */ J(h, {
+						/* @__PURE__ */ q(h, {
 							variant: "outline",
 							size: "sm",
 							onClick: () => We(V || void 0, H, Ge),
@@ -791,18 +791,18 @@ function xt({ open: e, onOpenChange: t, title: n = "Select Record", multiple: i
 						})
 					]
 				}),
-				pe ? /* @__PURE__ */ J("div", {
+				pe ? /* @__PURE__ */ q("div", {
 					className: "flex-1 min-h-0",
 					"data-testid": "record-picker-grid-slot",
 					children: pe({
-						columns: Be,
+						columns: Ve,
 						records: L,
 						loading: R,
 						totalCount: ve,
 						currentPage: H,
 						pageSize: y,
-						sortField: W,
-						sortDirection: K,
+						sortField: Ce,
+						sortDirection: G,
 						onSort: qe,
 						onPageChange: U,
 						onRowClick: Xe,
@@ -811,56 +811,56 @@ function xt({ open: e, onOpenChange: t, title: n = "Select Record", multiple: i
 						idField: m,
 						cellRenderer: O
 					})
-				}) : /* @__PURE__ */ Y(Ae, { children: [
-					R && L.length === 0 && !z && /* @__PURE__ */ J("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__ */ Y(se, { children: [/* @__PURE__ */ J(j, { children: /* @__PURE__ */ Y(M, {
+						children: /* @__PURE__ */ J(se, { children: [/* @__PURE__ */ q(j, { children: /* @__PURE__ */ J(M, {
 							className: "bg-muted/40",
-							children: [i && /* @__PURE__ */ J(le, { className: "w-10" }), Be.map((e) => /* @__PURE__ */ J(le, { children: /* @__PURE__ */ J(D, { className: "h-4 w-20" }) }, e.field))]
-						}) }), /* @__PURE__ */ J(ce, { children: Array.from({ length: wt }, (e, t) => /* @__PURE__ */ Y(M, { children: [i && /* @__PURE__ */ J(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__ */ J(D, { className: "size-4 rounded" })
-						}), Be.map((e) => /* @__PURE__ */ J(A, { children: /* @__PURE__ */ J(D, { 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)) })] })
 					}),
-					!R && !z && L.length === 0 && /* @__PURE__ */ J("div", {
+					!R && !z && L.length === 0 && /* @__PURE__ */ q("div", {
 						className: "py-8 text-center",
-						children: /* @__PURE__ */ J("p", {
+						children: /* @__PURE__ */ q("p", {
 							className: "text-sm text-muted-foreground",
 							children: "No records found"
 						})
 					}),
-					!z && L.length > 0 && /* @__PURE__ */ Y("div", {
+					!z && L.length > 0 && /* @__PURE__ */ J("div", {
 						className: "relative flex-1 overflow-auto min-h-0 border rounded-md",
 						tabIndex: 0,
 						onKeyDown: tt,
 						role: "grid",
 						"aria-label": "Records",
-						children: [R && /* @__PURE__ */ J("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__ */ J(xe, { className: "size-6 animate-spin text-muted-foreground" })
-						}), /* @__PURE__ */ Y(se, {
-							style: Object.keys(Fe).length > 0 ? { tableLayout: "fixed" } : void 0,
-							children: [/* @__PURE__ */ J(j, {
+							children: /* @__PURE__ */ q(xe, { className: "size-6 animate-spin text-muted-foreground" })
+						}), /* @__PURE__ */ J(se, {
+							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__ */ Y(M, { children: [i && /* @__PURE__ */ J(le, { className: "w-10" }), Be.map((e) => {
-									let t = Fe[e.field];
-									return /* @__PURE__ */ Y(le, {
+								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: () => qe(e.field),
-										"aria-sort": W === e.field ? K === "asc" ? "ascending" : "descending" : "none",
-										children: [/* @__PURE__ */ Y("span", {
+										"aria-sort": Ce === e.field ? G === "asc" ? "ascending" : "descending" : "none",
+										children: [/* @__PURE__ */ J("span", {
 											className: "inline-flex items-center",
 											children: [e.label || vt(e.field), rt(e.field)]
-										}), /* @__PURE__ */ J("span", {
+										}), /* @__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",
@@ -873,20 +873,20 @@ function xt({ open: e, onOpenChange: t, title: n = "Select Record", multiple: i
 										})]
 									}, e.field);
 								})] })
-							}), /* @__PURE__ */ J(ce, {
-								ref: Me,
+							}), /* @__PURE__ */ q(ce, {
+								ref: Ne,
 								children: L.map((e, t) => {
-									let n = Je(e), r = Ye(e), a = t === ke;
-									return /* @__PURE__ */ Y(M, {
+									let n = Je(e), r = Ye(e), a = t === Ae;
+									return /* @__PURE__ */ J(M, {
 										"data-row-index": t,
 										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__ */ J(A, {
+										children: [i && /* @__PURE__ */ q(A, {
 											className: "w-10",
-											children: r && /* @__PURE__ */ J(I, { className: "size-4 text-primary" })
-										}), Be.map((t) => /* @__PURE__ */ J(A, {
+											children: r && /* @__PURE__ */ q(I, { className: "size-4 text-primary" })
+										}), Ve.map((t) => /* @__PURE__ */ q(A, {
 											className: "py-2.5",
 											children: nt(e, t)
 										}, t.field))]
@@ -895,18 +895,18 @@ function xt({ open: e, onOpenChange: t, title: n = "Select Record", multiple: i
 							})]
 						})]
 					}),
-					!z && ve > 0 && /* @__PURE__ */ Y("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__ */ Y("span", { children: [
+						children: [/* @__PURE__ */ J("span", { children: [
 							ve,
 							" ",
 							ve === 1 ? "record" : "records",
 							Ue > 1 && ` · Page ${H} of ${Ue}`
-						] }), Ue > 1 && /* @__PURE__ */ Y("div", {
+						] }), Ue > 1 && /* @__PURE__ */ J("div", {
 							className: "flex items-center gap-1.5",
 							children: [
-								/* @__PURE__ */ J(h, {
+								/* @__PURE__ */ q(h, {
 									variant: "outline",
 									size: "icon",
 									className: "size-7",
@@ -914,18 +914,18 @@ function xt({ open: e, onOpenChange: t, title: n = "Select Record", multiple: i
 									disabled: H <= 1,
 									type: "button",
 									"aria-label": "Previous page",
-									children: /* @__PURE__ */ J(me, { className: "size-4" })
+									children: /* @__PURE__ */ q(me, { className: "size-4" })
 								}),
-								/* @__PURE__ */ J(C, {
+								/* @__PURE__ */ q(C, {
 									className: "h-7 w-12 text-center text-xs px-1",
 									placeholder: String(H),
-									value: Re,
-									onChange: (e) => ze(e.target.value),
+									value: ze,
+									onChange: (e) => Be(e.target.value),
 									onKeyDown: et,
 									"aria-label": "Jump to page",
 									"data-testid": "record-picker-page-jump"
 								}),
-								/* @__PURE__ */ J(h, {
+								/* @__PURE__ */ q(h, {
 									variant: "outline",
 									size: "icon",
 									className: "size-7",
@@ -933,25 +933,25 @@ function xt({ open: e, onOpenChange: t, title: n = "Select Record", multiple: i
 									disabled: H >= Ue,
 									type: "button",
 									"aria-label": "Next page",
-									children: /* @__PURE__ */ J(he, { className: "size-4" })
+									children: /* @__PURE__ */ q(he, { className: "size-4" })
 								})
 							]
 						})]
 					})
 				] }),
-				i && /* @__PURE__ */ J(b, { children: /* @__PURE__ */ Y("div", {
+				i && /* @__PURE__ */ q(b, { children: /* @__PURE__ */ J("div", {
 					className: "flex items-center gap-2 w-full justify-between",
-					children: [/* @__PURE__ */ Y("span", {
+					children: [/* @__PURE__ */ J("span", {
 						className: "text-sm text-muted-foreground",
-						children: [Ee.size, " selected"]
-					}), /* @__PURE__ */ Y("div", {
+						children: [De.size, " selected"]
+					}), /* @__PURE__ */ J("div", {
 						className: "flex gap-2",
-						children: [/* @__PURE__ */ J(h, {
+						children: [/* @__PURE__ */ q(h, {
 							variant: "outline",
 							type: "button",
 							onClick: () => t(!1),
 							children: "Cancel"
-						}), /* @__PURE__ */ J(h, {
+						}), /* @__PURE__ */ q(h, {
 							type: "button",
 							onClick: Ze,
 							children: "Confirm"
@@ -962,7 +962,7 @@ function xt({ open: e, onOpenChange: t, title: n = "Select Record", multiple: i
 		})
 	});
 }
-var St, Ct, wt, Tt = X((() => {
+var St, Ct, wt, Tt = Y((() => {
 	St = 10, Ct = 60, wt = 5;
 }));
 //#endregion
@@ -973,7 +973,7 @@ function Et(e) {
 function Dt() {
 	return Ot;
 }
-var Ot, kt = X((() => {})), At = /* @__PURE__ */ Z({ LookupField: () => Pt });
+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) => {
@@ -1048,7 +1048,7 @@ function Pt({ value: e, onChange: t, field: n, readonly: o, ...u }) {
 	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, G = s(() => {
+	}, [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 Se.filter((t) => t.label.toLowerCase().includes(e) || t.description && t.description.toLowerCase().includes(e));
@@ -1059,8 +1059,8 @@ function Pt({ value: e, onChange: t, field: n, readonly: o, ...u }) {
 	]);
 	a(() => {
 		O(-1);
-	}, [G.length]);
-	let K = r(async (e) => {
+	}, [W.length]);
+	let G = r(async (e) => {
 		if (!(!R || !F)) {
 			if (z) {
 				y([]), re(0);
@@ -1097,22 +1097,22 @@ function Pt({ value: e, onChange: t, field: n, readonly: o, ...u }) {
 		_e
 	]);
 	a(() => {
-		d && B && I.length > 0 && K(p || void 0);
+		d && B && I.length > 0 && G(p || void 0);
 	}, [s(() => I.map((e) => `${e.param}=${_e[e.field] ?? ""}`).join("|"), [I, _e])]), a(() => {
-		d && B && K(p || void 0), d || (g(""), w(null), O(-1));
+		d && B && G(p || void 0), d || (g(""), w(null), O(-1));
 	}, [d]);
-	let we = r((e) => {
+	let Te = r((e) => {
 		g(e), B && (ie.current && clearTimeout(ie.current), ie.current = setTimeout(() => {
-			K(e || void 0);
+			G(e || void 0);
 		}, 300));
-	}, [B, K]);
+	}, [B, G]);
 	a(() => () => {
 		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) => !Te(e));
+		let n = t.filter((e) => !Ee(e));
 		if (!n.length) return;
 		let r = !1;
 		return (async () => {
@@ -1146,11 +1146,11 @@ function Pt({ value: e, onChange: t, field: n, readonly: o, ...u }) {
 		N,
 		j
 	]);
-	let Te = r((e) => le.find((t) => t.value === e) ?? v.find((t) => t.value === e) ?? ae.find((t) => t.value === e), [
+	let Ee = r((e) => le.find((t) => t.value === e) ?? v.find((t) => t.value === e) ?? ae.find((t) => t.value === e), [
 		le,
 		v,
 		ae
-	]), q = j ? (Array.isArray(e) ? e : []).map(Te).filter(Boolean) : e ? [Te(e)].filter(Boolean) : [], Oe = r((n) => {
+	]), 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]);
@@ -1159,127 +1159,127 @@ function Pt({ value: e, onChange: t, field: n, readonly: o, ...u }) {
 		j,
 		e,
 		t
-	]), ke = (n) => {
+	]), Ae = (n) => {
 		t(j ? (Array.isArray(e) ? e : []).filter((e) => e !== n) : null);
-	}, je = r((e) => {
+	}, Me = r((e) => {
 		oe(e.map((e) => Mt(e, M, P, N, V)));
 	}, [
 		M,
 		P,
 		N,
 		V
-	]), Me = r((e) => {
-		e.key === "ArrowDown" ? (e.preventDefault(), O((e) => e < G.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 < G.length && Oe(G[D]));
+	]), 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]));
 	}, [
-		G,
+		W,
 		D,
-		Oe
+		ke
 	]);
 	return a(() => {
 		D >= 0 && k.current && k.current.querySelector(`[data-lookup-index="${D}"]`)?.scrollIntoView({ block: "nearest" });
-	}, [D]), o ? q.length ? j ? /* @__PURE__ */ J("div", {
+	}, [D]), o ? K.length ? j ? /* @__PURE__ */ q("div", {
 		className: "flex flex-wrap gap-1",
-		children: q.map((e, t) => /* @__PURE__ */ J(m, {
+		children: K.map((e, t) => /* @__PURE__ */ q(m, {
 			variant: "outline",
 			children: e?.label || e?.[M]
 		}, t))
-	}) : /* @__PURE__ */ J("span", {
+	}) : /* @__PURE__ */ q("span", {
 		className: "text-sm",
-		children: q[0]?.label || q[0]?.[M]
-	}) : /* @__PURE__ */ J(S, {}) : /* @__PURE__ */ Y("div", {
+		children: K[0]?.label || K[0]?.[M]
+	}) : /* @__PURE__ */ q(S, {}) : /* @__PURE__ */ J("div", {
 		className: "space-y-2",
 		children: [
-			q.length > 0 && /* @__PURE__ */ J("div", {
+			K.length > 0 && /* @__PURE__ */ q("div", {
 				className: "flex flex-wrap gap-1",
-				children: q.map((e, t) => /* @__PURE__ */ Y(m, {
+				children: K.map((e, t) => /* @__PURE__ */ J(m, {
 					variant: "outline",
 					className: "gap-1",
-					children: [e?.label || e?.[M], /* @__PURE__ */ J("button", {
-						onClick: () => ke(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?.label || e?.[M]}`,
-						children: /* @__PURE__ */ J(De, { className: "size-3" })
+						children: /* @__PURE__ */ q(Oe, { className: "size-3" })
 					})]
 				}, t))
 			}),
-			/* @__PURE__ */ Y("div", {
+			/* @__PURE__ */ J("div", {
 				className: "flex items-center gap-1.5",
-				children: [/* @__PURE__ */ Y(te, {
+				children: [/* @__PURE__ */ J(te, {
 					open: d,
 					onOpenChange: (e) => !z && f(e),
-					children: [/* @__PURE__ */ J(T, {
+					children: [/* @__PURE__ */ q(T, {
 						asChild: !0,
-						children: /* @__PURE__ */ Y(h, {
+						children: /* @__PURE__ */ J(h, {
 							variant: "outline",
 							className: "min-w-0 flex-1 justify-start text-left font-normal",
 							type: "button",
 							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__ */ J(Ce, { className: "mr-2 size-4" }), z ? `Select ${I.map((e) => e.field).join(", ")} first` : q.length === 0 ? se?.placeholder || _("common.select") : j ? _("table.selected", { count: q.length }) : _("common.select")]
+							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__ */ Y(ne, {
+					}), /* @__PURE__ */ J(ne, {
 						className: "w-[var(--radix-popover-trigger-width)] p-0",
 						align: "start",
 						children: [
-							/* @__PURE__ */ J("div", {
+							/* @__PURE__ */ q("div", {
 								className: "p-2",
-								children: /* @__PURE__ */ Y("div", {
+								children: /* @__PURE__ */ J("div", {
 									className: "relative",
 									children: [
-										/* @__PURE__ */ J(Ce, { className: "absolute left-3 top-1/2 -translate-y-1/2 size-4 text-muted-foreground" }),
-										/* @__PURE__ */ J(C, {
+										/* @__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) => we(e.target.value),
-											onKeyDown: Me,
+											onChange: (e) => Te(e.target.value),
+											onKeyDown: Ne,
 											className: "w-full pl-9 h-8 text-sm"
 										}),
-										b && /* @__PURE__ */ J(xe, {
+										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"
 										})
 									]
 								})
 							}),
-							x && /* @__PURE__ */ Y("div", {
+							x && /* @__PURE__ */ J("div", {
 								className: "flex flex-col items-center gap-2 py-4 px-2",
 								role: "alert",
 								children: [
-									/* @__PURE__ */ J(ue, { className: "size-5 text-destructive" }),
-									/* @__PURE__ */ J("p", {
+									/* @__PURE__ */ q(ue, { className: "size-5 text-destructive" }),
+									/* @__PURE__ */ q("p", {
 										className: "text-sm text-destructive",
 										children: x
 									}),
-									/* @__PURE__ */ J(h, {
+									/* @__PURE__ */ q(h, {
 										variant: "outline",
 										size: "sm",
-										onClick: () => K(p || void 0),
+										onClick: () => G(p || void 0),
 										type: "button",
 										children: "Retry"
 									})
 								]
 							}),
-							b && G.length === 0 && !x && /* @__PURE__ */ Y("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__ */ J(xe, { className: "size-6 animate-spin text-muted-foreground" }), /* @__PURE__ */ J("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 && G.length === 0) && /* @__PURE__ */ J("div", {
+							!x && !(b && W.length === 0) && /* @__PURE__ */ q("div", {
 								ref: k,
 								className: "max-h-64 overflow-y-auto px-1 pb-1",
 								role: "listbox",
-								children: G.length === 0 ? /* @__PURE__ */ Y("div", {
+								children: W.length === 0 ? /* @__PURE__ */ J("div", {
 									className: "py-4 text-center",
-									children: [/* @__PURE__ */ J("p", {
+									children: [/* @__PURE__ */ q("p", {
 										className: "text-sm text-muted-foreground",
 										children: "No options found"
-									}), be && /* @__PURE__ */ Y(h, {
+									}), be && /* @__PURE__ */ J(h, {
 										variant: "ghost",
 										size: "sm",
 										className: "mt-2 gap-1",
@@ -1287,45 +1287,45 @@ function Pt({ value: e, onChange: t, field: n, readonly: o, ...u }) {
 										onClick: () => {
 											be(p), f(!1);
 										},
-										children: [/* @__PURE__ */ J(W, { className: "size-4" }), "Create new"]
+										children: [/* @__PURE__ */ q(Ce, { className: "size-4" }), "Create new"]
 									})]
-								}) : /* @__PURE__ */ Y(Ae, { children: [
-									G.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__ */ Y("button", {
+										return /* @__PURE__ */ J("button", {
 											"data-lookup-index": n,
 											role: "option",
 											"aria-selected": r,
-											onClick: () => Oe(t),
+											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__ */ Y("div", {
+											children: [/* @__PURE__ */ J("div", {
 												className: "min-w-0 flex-1",
-												children: [/* @__PURE__ */ J("span", {
+												children: [/* @__PURE__ */ q("span", {
 													className: "block truncate",
 													children: t.label
-												}), t.description && /* @__PURE__ */ J("span", {
+												}), t.description && /* @__PURE__ */ q("span", {
 													className: "block truncate text-xs text-muted-foreground",
 													children: t.description
 												})]
-											}), r && /* @__PURE__ */ J(m, {
+											}), r && /* @__PURE__ */ q(m, {
 												variant: "default",
 												className: "ml-2 shrink-0",
 												children: "Selected"
 											})]
 										}, t.value);
 									}),
-									B && E > G.length && /* @__PURE__ */ Y("p", {
+									B && E > W.length && /* @__PURE__ */ J("p", {
 										className: "text-xs text-muted-foreground text-center py-2",
 										children: [
 											"Showing ",
-											G.length,
+											W.length,
 											" of ",
 											E,
 											" results."
 										]
 									}),
-									B && E > G.length && /* @__PURE__ */ Y("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: () => {
@@ -1333,20 +1333,20 @@ function Pt({ value: e, onChange: t, field: n, readonly: o, ...u }) {
 										},
 										"data-testid": "show-all-results",
 										children: [
-											/* @__PURE__ */ J(Ee, { className: "size-3.5" }),
+											/* @__PURE__ */ q(De, { className: "size-3.5" }),
 											"Show All Results (",
 											E,
 											")"
 										]
 									}),
-									be && /* @__PURE__ */ Y("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: () => {
 											be(p), f(!1);
 										},
 										children: [
-											/* @__PURE__ */ J(W, { className: "size-3.5" }),
+											/* @__PURE__ */ q(Ce, { className: "size-3.5" }),
 											"Create new",
 											p ? ` "${p}"` : ""
 										]
@@ -1355,7 +1355,7 @@ function Pt({ value: e, onChange: t, field: n, readonly: o, ...u }) {
 							})
 						]
 					})]
-				}), B && /* @__PURE__ */ J(h, {
+				}), B && /* @__PURE__ */ q(h, {
 					variant: "outline",
 					size: "icon",
 					className: "shrink-0",
@@ -1364,10 +1364,10 @@ function Pt({ value: e, onChange: t, field: n, readonly: o, ...u }) {
 					"aria-label": "Browse all records",
 					title: "Browse all records",
 					"data-testid": "browse-all-records",
-					children: /* @__PURE__ */ J(Ee, { className: "size-4" })
+					children: /* @__PURE__ */ q(De, { className: "size-4" })
 				})]
 			}),
-			B && R && F && /* @__PURE__ */ J(xt, {
+			B && R && F && /* @__PURE__ */ q(xt, {
 				open: H,
 				onOpenChange: U,
 				title: se?.label || "Select",
@@ -1381,7 +1381,7 @@ function Pt({ value: e, onChange: t, field: n, readonly: o, ...u }) {
 				pageSize: fe,
 				value: e,
 				onSelect: t,
-				onSelectRecords: je,
+				onSelectRecords: Me,
 				lookupFilters: pe,
 				cellRenderer: Dt(),
 				filterColumns: he
@@ -1389,14 +1389,14 @@ function Pt({ value: e, onChange: t, field: n, readonly: o, ...u }) {
 		]
 	});
 }
-var Ft, It, Lt = X((() => {
-	Tt(), kt(), Ge(), Ft = 50, It = Oe;
-})), Rt = /* @__PURE__ */ Z({ DateTimeField: () => zt });
+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__ */ J(S, {});
+		if (!e) return /* @__PURE__ */ q(S, {});
 		let t = new Date(e);
-		return /* @__PURE__ */ Y("span", {
+		return /* @__PURE__ */ J("span", {
 			className: "text-sm",
 			children: [
 				t.toLocaleDateString(),
@@ -1406,7 +1406,7 @@ function zt({ value: e, onChange: t, field: n, readonly: r, ...i }) {
 		});
 	}
 	let { inputType: a, ...o } = i;
-	return /* @__PURE__ */ J(C, {
+	return /* @__PURE__ */ q(C, {
 		...o,
 		type: "datetime-local",
 		value: e || "",
@@ -1414,14 +1414,14 @@ function zt({ value: e, onChange: t, field: n, readonly: r, ...i }) {
 		disabled: r || o.disabled
 	});
 }
-var Bt = X((() => {})), Vt = /* @__PURE__ */ Z({ TimeField: () => Ht });
+var Bt = Y((() => {})), Vt = /* @__PURE__ */ X({ TimeField: () => Ht });
 function Ht({ value: e, onChange: t, field: n, readonly: r, ...i }) {
-	if (r) return /* @__PURE__ */ J("span", {
+	if (r) return /* @__PURE__ */ q("span", {
 		className: "text-sm",
-		children: e || /* @__PURE__ */ J(S, {})
+		children: e || /* @__PURE__ */ q(S, {})
 	});
 	let { inputType: a, ...o } = i;
-	return /* @__PURE__ */ J(C, {
+	return /* @__PURE__ */ q(C, {
 		...o,
 		type: "time",
 		value: e || "",
@@ -1429,10 +1429,10 @@ function Ht({ value: e, onChange: t, field: n, readonly: r, ...i }) {
 		disabled: r || o.disabled
 	});
 }
-var Ut = X((() => {})), Wt = /* @__PURE__ */ Z({ PercentField: () => Gt });
+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__ */ J(S, {}) : /* @__PURE__ */ Y("span", {
+	if (r) return e == null ? /* @__PURE__ */ q(S, {}) : /* @__PURE__ */ J("span", {
 		className: "text-sm font-medium tabular-nums",
 		children: [(e * 100).toFixed(c), "%"]
 	});
@@ -1452,11 +1452,11 @@ function Gt({ value: e, onChange: t, field: n, readonly: r, errorMessage: i, cla
 		let n = e[0];
 		t(typeof n == "number" ? n / 100 : null);
 	}, p = 10 ** -c;
-	return /* @__PURE__ */ Y("div", {
+	return /* @__PURE__ */ J("div", {
 		className: "space-y-2",
-		children: [/* @__PURE__ */ Y("div", {
+		children: [/* @__PURE__ */ J("div", {
 			className: "relative",
-			children: [/* @__PURE__ */ J(C, {
+			children: [/* @__PURE__ */ q(C, {
 				...o,
 				type: "number",
 				value: l,
@@ -1466,11 +1466,11 @@ function Gt({ value: e, onChange: t, field: n, readonly: r, errorMessage: i, cla
 				className: `pr-8 ${a || ""}`,
 				step: (10 ** -c).toFixed(c),
 				"aria-invalid": !!i
-			}), /* @__PURE__ */ J("span", {
+			}), /* @__PURE__ */ q("span", {
 				className: "absolute right-3 top-1/2 -translate-y-1/2 text-sm text-gray-500",
 				children: "%"
 			})]
-		}), /* @__PURE__ */ J(O, {
+		}), /* @__PURE__ */ q(O, {
 			value: [u],
 			onValueChange: f,
 			min: 0,
@@ -1483,17 +1483,17 @@ function Gt({ value: e, onChange: t, field: n, readonly: r, errorMessage: i, cla
 		})]
 	});
 }
-var Kt = X((() => {})), qt = /* @__PURE__ */ Z({ PasswordField: () => Jt });
+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__ */ J("span", {
+	if (r) return /* @__PURE__ */ q("span", {
 		className: "text-sm",
 		children: "••••••••"
 	});
 	let { inputType: u, ...d } = a;
-	return /* @__PURE__ */ Y("div", {
+	return /* @__PURE__ */ J("div", {
 		className: "relative",
-		children: [/* @__PURE__ */ J(C, {
+		children: [/* @__PURE__ */ q(C, {
 			...d,
 			type: o ? "text" : "password",
 			value: e || "",
@@ -1501,20 +1501,20 @@ function Jt({ value: e, onChange: t, field: n, readonly: r, className: i, ...a }
 			placeholder: c?.placeholder,
 			disabled: r || d.disabled,
 			className: `pr-10 ${i || ""}`
-		}), /* @__PURE__ */ J(h, {
+		}), /* @__PURE__ */ q(h, {
 			type: "button",
 			variant: "ghost",
 			size: "sm",
 			className: "absolute right-0 top-0 h-full px-3 py-2 hover:bg-transparent",
 			onClick: () => s(!o),
 			tabIndex: -1,
-			children: J(o ? ve : B, { className: "size-4 text-gray-500" })
+			children: q(o ? ve : B, { className: "size-4 text-gray-500" })
 		})]
 	});
 }
-var Yt = X((() => {})), Xt = /* @__PURE__ */ Z({ FileField: () => Zt });
+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 } = Me(), [w, te] = l({}), [ne, T] = l(!1), E = e ? Array.isArray(e) ? e : [e] : [], re = r(async (e) => {
+	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) {
@@ -1570,13 +1570,13 @@ function Zt({ value: e, onChange: t, field: n, readonly: i, ...a }) {
 			}));
 		} else re(t);
 	}, [f, re]);
-	if (i) return e ? /* @__PURE__ */ J("div", {
+	if (i) return e ? /* @__PURE__ */ q("div", {
 		className: "flex flex-wrap gap-2",
-		children: (Array.isArray(e) ? e : [e]).map((e, t) => /* @__PURE__ */ J("span", {
+		children: (Array.isArray(e) ? e : [e]).map((e, t) => /* @__PURE__ */ q("span", {
 			className: "text-sm truncate max-w-xs",
 			children: e.name || e.original_name || "File"
 		}, t))
-	}) : /* @__PURE__ */ J(S, {});
+	}) : /* @__PURE__ */ q(S, {});
 	let D = (e) => {
 		re(Array.from(e.target.files || []));
 	}, O = (e) => {
@@ -1585,10 +1585,10 @@ function Zt({ value: e, onChange: t, field: n, readonly: i, ...a }) {
 			t(n.length > 0 ? n : null);
 		} else t(null);
 	}, k = (e) => (e.mime_type || "").startsWith("image/");
-	return /* @__PURE__ */ Y("div", {
+	return /* @__PURE__ */ J("div", {
 		className: a.className,
 		children: [
-			/* @__PURE__ */ J("input", {
+			/* @__PURE__ */ q("input", {
 				ref: o,
 				type: "file",
 				multiple: d,
@@ -1596,7 +1596,7 @@ function Zt({ value: e, onChange: t, field: n, readonly: i, ...a }) {
 				onChange: D,
 				className: "hidden"
 			}),
-			v && /* @__PURE__ */ J("input", {
+			v && /* @__PURE__ */ q("input", {
 				ref: s,
 				type: "file",
 				accept: "image/*",
@@ -1606,10 +1606,10 @@ function Zt({ value: e, onChange: t, field: n, readonly: i, ...a }) {
 				"aria-label": "Camera capture",
 				"data-testid": "file-field-camera-input"
 			}),
-			/* @__PURE__ */ Y("div", {
+			/* @__PURE__ */ J("div", {
 				className: "space-y-2",
 				children: [
-					/* @__PURE__ */ Y("div", {
+					/* @__PURE__ */ J("div", {
 						onDragOver: ie,
 						onDragLeave: ae,
 						onDrop: oe,
@@ -1625,18 +1625,18 @@ function Zt({ value: e, onChange: t, field: n, readonly: i, ...a }) {
 						onKeyDown: (e) => {
 							(e.key === "Enter" || e.key === " ") && (e.preventDefault(), o.current?.click());
 						},
-						children: [/* @__PURE__ */ J(q, { className: `size-8 ${y ? "text-primary" : "text-muted-foreground"}` }), /* @__PURE__ */ Y("div", {
+						children: [/* @__PURE__ */ q(K, { className: `size-8 ${y ? "text-primary" : "text-muted-foreground"}` }), /* @__PURE__ */ J("div", {
 							className: "text-center",
-							children: [/* @__PURE__ */ J("p", {
+							children: [/* @__PURE__ */ q("p", {
 								className: "text-sm font-medium",
 								children: y ? "Drop files here" : "Drag & drop files here"
-							}), /* @__PURE__ */ Y("p", {
+							}), /* @__PURE__ */ J("p", {
 								className: "text-xs text-muted-foreground mt-1",
 								children: ["or click to browse", v ? " • use the camera button below" : ""]
 							})]
 						})]
 					}),
-					v && /* @__PURE__ */ Y(h, {
+					v && /* @__PURE__ */ J(h, {
 						type: "button",
 						variant: "outline",
 						size: "sm",
@@ -1645,37 +1645,37 @@ function Zt({ value: e, onChange: t, field: n, readonly: i, ...a }) {
 							e.stopPropagation(), s.current?.click();
 						},
 						"data-testid": "file-field-camera-button",
-						children: [/* @__PURE__ */ J(pe, { 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"]
 					}),
-					ne && /* @__PURE__ */ Y("div", {
+					ne && /* @__PURE__ */ J("div", {
 						className: "flex items-center gap-2 text-xs text-muted-foreground",
 						"data-testid": "file-field-uploading",
-						children: [/* @__PURE__ */ J(xe, { className: "size-3 animate-spin" }), /* @__PURE__ */ Y("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__ */ J("div", {
+					ee.length > 0 && /* @__PURE__ */ q("div", {
 						className: "space-y-0.5",
-						children: ee.map((e, t) => /* @__PURE__ */ J("p", {
+						children: ee.map((e, t) => /* @__PURE__ */ q("p", {
 							className: "text-xs text-destructive",
 							children: e
 						}, t))
 					}),
-					E.length > 0 && /* @__PURE__ */ J("div", {
+					E.length > 0 && /* @__PURE__ */ q("div", {
 						className: "space-y-1",
-						children: E.map((e, t) => /* @__PURE__ */ Y("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__ */ Y("div", {
+							children: [/* @__PURE__ */ J("div", {
 								className: "flex items-center gap-2 flex-1 min-w-0",
 								children: [
-									k(e) && e.url ? /* @__PURE__ */ J("img", {
+									k(e) && e.url ? /* @__PURE__ */ q("img", {
 										src: e.url,
 										alt: e.name,
 										className: "size-8 object-cover rounded shrink-0"
-									}) : k(e) ? /* @__PURE__ */ J(be, { className: "size-4 text-muted-foreground shrink-0" }) : /* @__PURE__ */ J(ye, { className: "size-4 text-muted-foreground shrink-0" }),
-									/* @__PURE__ */ J("span", {
+									}) : 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"
 									}),
-									e.size && /* @__PURE__ */ Y("span", {
+									e.size && /* @__PURE__ */ J("span", {
 										className: "text-xs text-muted-foreground",
 										children: [
 											"(",
@@ -1684,7 +1684,7 @@ function Zt({ value: e, onChange: t, field: n, readonly: i, ...a }) {
 										]
 									})
 								]
-							}), /* @__PURE__ */ J(h, {
+							}), /* @__PURE__ */ q(h, {
 								type: "button",
 								variant: "ghost",
 								size: "sm",
@@ -1692,7 +1692,7 @@ function Zt({ value: e, onChange: t, field: n, readonly: i, ...a }) {
 									e.stopPropagation(), O(t);
 								},
 								className: "h-6 w-6 p-0",
-								children: /* @__PURE__ */ J(De, { className: "size-3" })
+								children: /* @__PURE__ */ q(Oe, { className: "size-3" })
 							})]
 						}, t))
 					})
@@ -1701,7 +1701,7 @@ function Zt({ value: e, onChange: t, field: n, readonly: i, ...a }) {
 		]
 	});
 }
-var Qt = X((() => {})), $t = /* @__PURE__ */ Z({ ImageCropperDialog: () => en }), en, tn = X((() => {
+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,
@@ -1776,16 +1776,16 @@ var Qt = X((() => {})), $t = /* @__PURE__ */ Z({ ImageCropperDialog: () => en })
 			s,
 			t
 		]);
-		return /* @__PURE__ */ J(_, {
+		return /* @__PURE__ */ q(_, {
 			open: e,
 			onOpenChange: t,
-			children: /* @__PURE__ */ Y(v, {
+			children: /* @__PURE__ */ J(v, {
 				className: "max-w-xl",
 				children: [
-					/* @__PURE__ */ Y(ee, { children: [/* @__PURE__ */ J(x, { children: "Crop & rotate image" }), /* @__PURE__ */ J(y, { children: "Drag the highlighted box to reposition the crop. Use the rotate button to spin the image in 90° increments." })] }),
-					/* @__PURE__ */ Y("div", {
+					/* @__PURE__ */ J(ee, { children: [/* @__PURE__ */ q(x, { children: "Crop & rotate image" }), /* @__PURE__ */ q(y, { children: "Drag the highlighted box to reposition the crop. Use the rotate button to spin the image in 90° increments." })] }),
+					/* @__PURE__ */ J("div", {
 						className: "flex flex-col items-center gap-3",
-						children: [w ? /* @__PURE__ */ J("canvas", {
+						children: [w ? /* @__PURE__ */ q("canvas", {
 							ref: u,
 							"data-testid": "image-cropper-canvas",
 							role: "img",
@@ -1795,45 +1795,45 @@ var Qt = X((() => {})), $t = /* @__PURE__ */ Z({ ImageCropperDialog: () => en })
 							onPointerMove: T,
 							onPointerUp: E,
 							onPointerCancel: E
-						}) : /* @__PURE__ */ J("div", {
+						}) : /* @__PURE__ */ q("div", {
 							className: "flex h-[270px] w-full items-center justify-center text-sm text-muted-foreground",
 							children: "Loading image…"
-						}), /* @__PURE__ */ Y("div", {
+						}), /* @__PURE__ */ J("div", {
 							className: "flex w-full items-center justify-between text-xs text-muted-foreground",
-							children: [/* @__PURE__ */ Y("span", { children: [
+							children: [/* @__PURE__ */ J("span", { children: [
 								"Crop: ",
 								Math.round(m.width),
 								" × ",
 								Math.round(m.height),
 								" px"
-							] }), /* @__PURE__ */ Y("span", { children: [
+							] }), /* @__PURE__ */ J("span", { children: [
 								"Rotation: ",
 								f,
 								"°"
 							] })]
 						})]
 					}),
-					/* @__PURE__ */ Y(b, {
+					/* @__PURE__ */ J(b, {
 						className: "flex justify-between sm:justify-between",
-						children: [/* @__PURE__ */ Y(h, {
+						children: [/* @__PURE__ */ J(h, {
 							type: "button",
 							variant: "outline",
 							onClick: re,
 							"data-testid": "image-cropper-rotate",
-							children: [/* @__PURE__ */ J(K, { className: "size-4 mr-2" }), "Rotate 90°"]
-						}), /* @__PURE__ */ Y("div", {
+							children: [/* @__PURE__ */ q(G, { className: "size-4 mr-2" }), "Rotate 90°"]
+						}), /* @__PURE__ */ J("div", {
 							className: "flex gap-2",
-							children: [/* @__PURE__ */ J(h, {
+							children: [/* @__PURE__ */ q(h, {
 								type: "button",
 								variant: "ghost",
 								onClick: () => t(!1),
 								children: "Cancel"
-							}), /* @__PURE__ */ Y(h, {
+							}), /* @__PURE__ */ J(h, {
 								type: "button",
 								onClick: ie,
 								disabled: !w,
 								"data-testid": "image-cropper-confirm",
-								children: [/* @__PURE__ */ J(ge, { className: "size-4 mr-2" }), "Apply crop"]
+								children: [/* @__PURE__ */ q(ge, { className: "size-4 mr-2" }), "Apply crop"]
 							})]
 						})]
 					})
@@ -1841,17 +1841,17 @@ var Qt = X((() => {})), $t = /* @__PURE__ */ Z({ ImageCropperDialog: () => en })
 			})
 		});
 	};
-})), nn = /* @__PURE__ */ Z({ ImageField: () => rn });
+})), 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: _ } = Me(), [v, y] = l(!1);
-	if (a) return e ? /* @__PURE__ */ J("div", {
+	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__ */ J("img", {
+		children: (Array.isArray(e) ? e : [e]).map((e, t) => /* @__PURE__ */ q("img", {
 			src: e.url || "",
 			alt: e.name || `Image ${t + 1}`,
 			className: "size-20 rounded-md object-cover border border-gray-200"
 		}, t))
-	}) : /* @__PURE__ */ J(S, {});
+	}) : /* @__PURE__ */ q(S, {});
 	let b = e ? Array.isArray(e) ? e : [e] : [], ee = async (e) => {
 		let t = Array.from(e.target.files || []);
 		if (t.length !== 0) {
@@ -1910,10 +1910,10 @@ function rn({ value: e, onChange: n, field: i, readonly: a, ...o }) {
 			name: t.name || `image-${e}.png`
 		});
 	}, [b]);
-	return /* @__PURE__ */ Y("div", {
+	return /* @__PURE__ */ J("div", {
 		className: o.className,
 		children: [
-			/* @__PURE__ */ J("input", {
+			/* @__PURE__ */ q("input", {
 				ref: s,
 				type: "file",
 				multiple: d,
@@ -1921,19 +1921,19 @@ function rn({ value: e, onChange: n, field: i, readonly: a, ...o }) {
 				onChange: ee,
 				className: "hidden"
 			}),
-			/* @__PURE__ */ Y("div", {
+			/* @__PURE__ */ J("div", {
 				className: "space-y-2",
-				children: [b.length > 0 && /* @__PURE__ */ J("div", {
+				children: [b.length > 0 && /* @__PURE__ */ q("div", {
 					className: "grid grid-cols-4 gap-2",
-					children: b.map((e, t) => /* @__PURE__ */ Y("div", {
+					children: b.map((e, t) => /* @__PURE__ */ J("div", {
 						className: "relative group",
-						children: [/* @__PURE__ */ J("img", {
+						children: [/* @__PURE__ */ q("img", {
 							src: e.url || "",
 							alt: e.name || `Image ${t + 1}`,
 							className: "size-20 rounded-md object-cover border border-gray-200"
-						}), /* @__PURE__ */ Y("div", {
+						}), /* @__PURE__ */ J("div", {
 							className: "absolute top-1 right-1 flex gap-1 opacity-0 group-hover:opacity-100 transition-opacity",
-							children: [p && /* @__PURE__ */ J(h, {
+							children: [p && /* @__PURE__ */ q(h, {
 								type: "button",
 								variant: "secondary",
 								size: "sm",
@@ -1941,30 +1941,30 @@ function rn({ value: e, onChange: n, field: i, readonly: a, ...o }) {
 								className: "h-6 w-6 p-0",
 								"aria-label": `Crop image ${t + 1}`,
 								"data-testid": `image-field-crop-${t}`,
-								children: /* @__PURE__ */ J(ge, { className: "size-3" })
-							}), /* @__PURE__ */ J(h, {
+								children: /* @__PURE__ */ q(ge, { className: "size-3" })
+							}), /* @__PURE__ */ q(h, {
 								type: "button",
 								variant: "destructive",
 								size: "sm",
 								onClick: () => x(t),
 								className: "h-6 w-6 p-0",
-								children: /* @__PURE__ */ J(De, { className: "size-3" })
+								children: /* @__PURE__ */ q(Oe, { className: "size-3" })
 							})]
 						})]
 					}, t))
-				}), /* @__PURE__ */ Y(h, {
+				}), /* @__PURE__ */ J(h, {
 					type: "button",
 					variant: "outline",
 					onClick: () => s.current?.click(),
 					className: "w-full",
 					disabled: v,
 					"data-testid": "image-field-upload-button",
-					children: [v ? /* @__PURE__ */ J(xe, { className: "size-4 mr-2 animate-spin" }) : /* @__PURE__ */ J(V, { 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__ */ J(t, {
+			p && m && /* @__PURE__ */ q(t, {
 				fallback: null,
-				children: /* @__PURE__ */ J(an, {
+				children: /* @__PURE__ */ q(an, {
 					open: !0,
 					onOpenChange: (e) => !e && g(null),
 					src: m.src,
@@ -1975,15 +1975,15 @@ function rn({ value: e, onChange: n, field: i, readonly: a, ...o }) {
 		]
 	});
 }
-var an, on = X((() => {
+var an, on = Y((() => {
 	an = n(() => Promise.resolve().then(() => (tn(), $t)).then((e) => ({ default: e.ImageCropperDialog })));
-})), sn = /* @__PURE__ */ Z({ LocationField: () => cn });
+})), 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__ */ J("span", {
+	return r ? /* @__PURE__ */ q("span", {
 		className: "text-sm",
-		children: o || /* @__PURE__ */ J(S, {})
-	}) : /* @__PURE__ */ J(C, {
+		children: o || /* @__PURE__ */ q(S, {})
+	}) : /* @__PURE__ */ q(C, {
 		type: "text",
 		value: o,
 		onChange: (e) => {
@@ -2006,59 +2006,59 @@ function cn({ value: e, onChange: t, field: n, readonly: r, ...i }) {
 		className: i.className
 	});
 }
-var ln = X((() => {})), un = /* @__PURE__ */ Z({ FormulaField: () => dn });
+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__ */ J(S, { className: n.className });
+	if (e == null) return /* @__PURE__ */ q(S, { className: n.className });
 	let i;
-	return i = r === "number" || r === "currency" ? typeof e == "number" ? e.toFixed(2) : String(e) : r === "boolean" ? e ? "Yes" : "No" : r === "date" ? new Date(e).toLocaleDateString() : String(e), /* @__PURE__ */ J("span", {
+	return i = r === "number" || r === "currency" ? typeof e == "number" ? e.toFixed(2) : String(e) : r === "boolean" ? e ? "Yes" : "No" : r === "date" ? new Date(e).toLocaleDateString() : String(e), /* @__PURE__ */ q("span", {
 		className: `text-sm font-mono text-gray-700 ${n.className || ""}`,
 		children: i
 	});
 }
-var fn = X((() => {})), pn = /* @__PURE__ */ Z({ SummaryField: () => mn });
+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__ */ J(S, { className: n.className });
+	if (e == null) return /* @__PURE__ */ q(S, { className: n.className });
 	let i;
 	return i = r === "count" ? String(e) : [
 		"sum",
 		"avg",
 		"min",
 		"max"
-	].includes(r) && typeof e == "number" ? e.toFixed(2) : String(e), /* @__PURE__ */ J("span", {
+	].includes(r) && typeof e == "number" ? e.toFixed(2) : String(e), /* @__PURE__ */ q("span", {
 		className: `text-sm font-medium tabular-nums text-gray-700 ${n.className || ""}`,
 		children: i
 	});
 }
-var hn = X((() => {})), gn = /* @__PURE__ */ Z({ AutoNumberField: () => _n });
+var hn = Y((() => {})), gn = /* @__PURE__ */ X({ AutoNumberField: () => _n });
 function _n({ value: e, field: t, ...n }) {
-	return e == null ? /* @__PURE__ */ J(S, { className: n.className }) : /* @__PURE__ */ J("span", {
+	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 vn = X((() => {})), yn = /* @__PURE__ */ Z({ UserField: () => bn });
+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__ */ J(S, {});
+		if (!e) return /* @__PURE__ */ q(S, {});
 		let t = Array.isArray(e) ? e : [e];
-		return /* @__PURE__ */ Y("div", {
+		return /* @__PURE__ */ J("div", {
 			className: "flex -space-x-2",
 			children: [t.slice(0, 3).map((e, t) => {
 				let n = e.name || e.username || "User";
-				return /* @__PURE__ */ J(d, {
+				return /* @__PURE__ */ q(d, {
 					className: "size-8 border-2 border-white",
 					title: n,
-					children: /* @__PURE__ */ J(f, {
+					children: /* @__PURE__ */ q(f, {
 						className: "bg-blue-500 text-white text-xs",
 						children: n.split(" ").map((e) => e[0]).join("").toUpperCase().slice(0, 2)
 					})
 				}, t);
-			}), t.length > 3 && /* @__PURE__ */ J(d, {
+			}), t.length > 3 && /* @__PURE__ */ q(d, {
 				className: "size-8 border-2 border-white",
-				children: /* @__PURE__ */ Y(f, {
+				children: /* @__PURE__ */ J(f, {
 					className: "bg-gray-200 text-gray-600 text-xs",
 					children: ["+", t.length - 3]
 				})
@@ -2071,43 +2071,43 @@ function bn({ value: e, onChange: t, field: n, readonly: r, ...i }) {
 			t(n.length > 0 ? n : null);
 		} else t(null);
 	};
-	return /* @__PURE__ */ Y("div", {
+	return /* @__PURE__ */ J("div", {
 		className: i.className,
-		children: [o.length > 0 && /* @__PURE__ */ J("div", {
+		children: [o.length > 0 && /* @__PURE__ */ q("div", {
 			className: "flex flex-wrap gap-2 mb-2",
 			children: o.map((e, t) => {
 				let n = e.name || e.username || "User";
-				return /* @__PURE__ */ Y(m, {
+				return /* @__PURE__ */ J(m, {
 					variant: "outline",
 					className: "gap-2 pr-1",
 					children: [
-						/* @__PURE__ */ J(d, {
+						/* @__PURE__ */ q(d, {
 							className: "size-5",
-							children: /* @__PURE__ */ J(f, {
+							children: /* @__PURE__ */ q(f, {
 								className: "bg-blue-500 text-white text-xs",
 								children: n.split(" ").map((e) => e[0]).join("").toUpperCase().slice(0, 2)
 							})
 						}),
-						/* @__PURE__ */ J("span", {
+						/* @__PURE__ */ q("span", {
 							className: "text-sm",
 							children: n
 						}),
-						/* @__PURE__ */ J("button", {
+						/* @__PURE__ */ q("button", {
 							type: "button",
 							onClick: () => s(t),
 							className: "ml-1 rounded-full hover:bg-gray-200 p-0.5",
-							children: /* @__PURE__ */ J(De, { className: "size-3" })
+							children: /* @__PURE__ */ q(Oe, { className: "size-3" })
 						})
 					]
 				}, t);
 			})
-		}), /* @__PURE__ */ J("div", {
+		}), /* @__PURE__ */ q("div", {
 			className: "text-sm text-gray-500 italic",
 			children: "User selection component requires integration with user management system"
 		})]
 	});
 }
-var xn = X((() => {})), Sn = /* @__PURE__ */ Z({ ObjectField: () => Cn });
+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(() => {
@@ -2121,12 +2121,12 @@ function Cn({ value: e, onChange: t, field: n, readonly: r, ...i }) {
 		} catch {
 			c(JSON.stringify(e, null, 2));
 		}
-	}, [e, s]), r ? e ? /* @__PURE__ */ J("pre", {
+	}, [e, s]), r ? e ? /* @__PURE__ */ q("pre", {
 		className: P("text-xs bg-gray-50 p-2 rounded border border-gray-200 overflow-auto max-h-40", i.className),
 		children: JSON.stringify(e, null, 2)
-	}) : /* @__PURE__ */ J(S, {}) : /* @__PURE__ */ Y("div", {
+	}) : /* @__PURE__ */ q(S, {}) : /* @__PURE__ */ J("div", {
 		className: "space-y-1",
-		children: [/* @__PURE__ */ J(N, {
+		children: [/* @__PURE__ */ q(N, {
 			value: s,
 			onChange: (e) => {
 				let n = e.target.value;
@@ -2144,30 +2144,30 @@ function Cn({ value: e, onChange: t, field: n, readonly: r, ...i }) {
 			disabled: r || i.disabled,
 			className: P("font-mono text-xs", u ? "border-red-500 focus-visible:ring-red-500" : "", i.className),
 			rows: 6
-		}), u && /* @__PURE__ */ J("p", {
+		}), u && /* @__PURE__ */ q("p", {
 			className: "text-xs text-red-500",
 			children: u
 		})]
 	});
 }
-var wn = X((() => {})), Tn = /* @__PURE__ */ Z({ VectorField: () => En });
+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__ */ J(S, {});
+	if (!e || !Array.isArray(e)) return /* @__PURE__ */ q(S, {});
 	let i = e.slice(0, 3).map((e) => {
 		let t = Number(e);
 		return isNaN(t) ? "0" : t.toFixed(4);
 	}).join(", ");
-	return /* @__PURE__ */ Y("div", {
+	return /* @__PURE__ */ J("div", {
 		className: `text-sm ${n.className || ""}`,
-		children: [/* @__PURE__ */ Y("span", {
+		children: [/* @__PURE__ */ J("span", {
 			className: "font-mono text-gray-700",
 			children: [
 				"[",
 				i,
 				"...]"
 			]
-		}), /* @__PURE__ */ Y("span", {
+		}), /* @__PURE__ */ J("span", {
 			className: "text-gray-500 ml-2",
 			children: [
 				"(",
@@ -2177,39 +2177,39 @@ function En({ value: e, field: t, ...n }) {
 		})]
 	});
 }
-var Dn = X((() => {})), On = /* @__PURE__ */ Z({ GridField: () => kn });
+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__ */ J(S, {}) : n ? /* @__PURE__ */ J("div", {
+	return !e || !Array.isArray(e) ? /* @__PURE__ */ q(S, {}) : n ? /* @__PURE__ */ q("div", {
 		className: P("text-sm", r.className),
-		children: /* @__PURE__ */ Y("span", {
+		children: /* @__PURE__ */ J("span", {
 			className: "text-foreground",
 			children: [e.length, " rows"]
 		})
-	}) : /* @__PURE__ */ Y("div", {
+	}) : /* @__PURE__ */ J("div", {
 		className: P("border border-border rounded-lg overflow-hidden", r.className),
-		children: [/* @__PURE__ */ J("div", {
+		children: [/* @__PURE__ */ q("div", {
 			className: "overflow-auto max-h-60",
-			children: /* @__PURE__ */ Y("table", {
+			children: /* @__PURE__ */ J("table", {
 				className: "w-full text-sm",
-				children: [/* @__PURE__ */ J("thead", {
+				children: [/* @__PURE__ */ q("thead", {
 					className: "bg-muted border-b border-border",
-					children: /* @__PURE__ */ J("tr", { children: i.map((e, t) => /* @__PURE__ */ J("th", {
+					children: /* @__PURE__ */ q("tr", { children: i.map((e, t) => /* @__PURE__ */ q("th", {
 						className: "px-3 py-2 text-left text-xs font-medium text-muted-foreground",
 						children: e.label || e.name
 					}, t)) })
-				}), /* @__PURE__ */ J("tbody", {
+				}), /* @__PURE__ */ q("tbody", {
 					className: "divide-y divide-border",
-					children: e.slice(0, 5).map((e, t) => /* @__PURE__ */ J("tr", {
+					children: e.slice(0, 5).map((e, t) => /* @__PURE__ */ q("tr", {
 						className: "hover:bg-muted/50 transition-colors",
-						children: i.map((t, n) => /* @__PURE__ */ J("td", {
+						children: i.map((t, n) => /* @__PURE__ */ q("td", {
 							className: "px-3 py-2 text-foreground",
-							children: e[t.name] == null ? /* @__PURE__ */ J(S, {}) : String(e[t.name])
+							children: e[t.name] == null ? /* @__PURE__ */ q(S, {}) : String(e[t.name])
 						}, n))
 					}, t))
 				})]
 			})
-		}), e.length > 5 && /* @__PURE__ */ Y("div", {
+		}), e.length > 5 && /* @__PURE__ */ J("div", {
 			className: "bg-muted px-3 py-2 text-xs text-muted-foreground border-t border-border",
 			children: [
 				"Showing 5 of ",
@@ -2219,27 +2219,27 @@ function kn({ value: e, field: t, readonly: n, ...r }) {
 		})]
 	});
 }
-var An = X((() => {})), jn = /* @__PURE__ */ Z({ ColorField: () => Mn });
+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__ */ Y("div", {
+	return r ? /* @__PURE__ */ J("div", {
 		className: "flex items-center gap-2",
-		children: [/* @__PURE__ */ J("div", {
+		children: [/* @__PURE__ */ q("div", {
 			className: "w-6 h-6 rounded border border-input",
 			style: { backgroundColor: e || "#000000" }
-		}), /* @__PURE__ */ J("span", {
+		}), /* @__PURE__ */ q("span", {
 			className: "text-sm",
-			children: e || /* @__PURE__ */ J(S, {})
+			children: e || /* @__PURE__ */ q(S, {})
 		})]
-	}) : /* @__PURE__ */ Y("div", {
+	}) : /* @__PURE__ */ J("div", {
 		className: "flex items-center gap-2",
-		children: [/* @__PURE__ */ J("input", {
+		children: [/* @__PURE__ */ q("input", {
 			type: "color",
 			value: e || "#000000",
 			onChange: (e) => t(e.target.value),
 			disabled: r || i.disabled,
 			className: "w-10 h-10 rounded border border-input cursor-pointer"
-		}), /* @__PURE__ */ J(C, {
+		}), /* @__PURE__ */ q(C, {
 			type: "text",
 			value: e || "",
 			onChange: (e) => t(e.target.value),
@@ -2250,21 +2250,21 @@ function Mn({ value: e, onChange: t, field: n, readonly: r, ...i }) {
 		})]
 	});
 }
-var Nn = X((() => {})), Pn = /* @__PURE__ */ Z({ SliderField: () => Fn });
+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__ */ Y("div", {
+	return r ? /* @__PURE__ */ J("div", {
 		className: "flex items-center gap-2",
-		children: [/* @__PURE__ */ J("span", {
+		children: [/* @__PURE__ */ q("span", {
 			className: "text-sm font-medium",
 			children: e ?? o
-		}), /* @__PURE__ */ Y("span", {
+		}), /* @__PURE__ */ J("span", {
 			className: "text-xs text-muted-foreground",
 			children: ["/ ", s]
 		})]
-	}) : /* @__PURE__ */ Y("div", {
+	}) : /* @__PURE__ */ J("div", {
 		className: "flex items-center gap-4",
-		children: [/* @__PURE__ */ J(O, {
+		children: [/* @__PURE__ */ q(O, {
 			value: [e ?? o],
 			onValueChange: (e) => t(e[0]),
 			min: o,
@@ -2272,18 +2272,18 @@ function Fn({ value: e, onChange: t, field: n, readonly: r, ...i }) {
 			step: c,
 			disabled: r || i.disabled,
 			className: i.className
-		}), /* @__PURE__ */ J("span", {
+		}), /* @__PURE__ */ q("span", {
 			className: "text-sm font-medium w-12 text-right",
 			children: e ?? o
 		})]
 	});
 }
-var In = X((() => {})), Ln = /* @__PURE__ */ Z({ RatingField: () => Rn });
+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__ */ Y("div", {
+	return i ? /* @__PURE__ */ J("div", {
 		className: P("flex items-center gap-1", a),
-		children: [Array.from({ length: s }, (e, t) => /* @__PURE__ */ J(Te, { className: `w-5 h-5 ${t < c ? "fill-yellow-400 text-yellow-400" : "text-muted-foreground"}` }, t)), /* @__PURE__ */ Y("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,
@@ -2291,17 +2291,17 @@ function Rn({ value: t, onChange: n, field: r, readonly: i, className: a, ...o }
 				s
 			]
 		})]
-	}) : /* @__PURE__ */ Y("div", {
+	}) : /* @__PURE__ */ J("div", {
 		className: P("flex items-center gap-1", a),
-		children: [Array.from({ length: s }, (e, t) => /* @__PURE__ */ J("button", {
+		children: [Array.from({ length: s }, (e, t) => /* @__PURE__ */ q("button", {
 			type: "button",
 			onClick: () => n(t + 1),
 			onMouseEnter: () => u(t + 1),
 			onMouseLeave: () => u(null),
 			className: "focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 rounded",
 			disabled: i || o.disabled,
-			children: /* @__PURE__ */ J(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"}` })
-		}, t)), /* @__PURE__ */ Y("span", {
+			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: [
 				c,
@@ -2311,13 +2311,13 @@ function Rn({ value: t, onChange: n, field: r, readonly: i, className: a, ...o }
 		})]
 	});
 }
-var zn = X((() => {})), Bn = /* @__PURE__ */ Z({ CodeField: () => Vn });
+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__ */ J("pre", {
+	return r ? /* @__PURE__ */ q("pre", {
 		className: P("text-sm bg-muted p-2 rounded overflow-x-auto border", i.className),
-		children: /* @__PURE__ */ J("code", { children: e || /* @__PURE__ */ J(S, {}) })
-	}) : /* @__PURE__ */ J(N, {
+		children: /* @__PURE__ */ q("code", { children: e || /* @__PURE__ */ q(S, {}) })
+	}) : /* @__PURE__ */ q(N, {
 		value: e || "",
 		onChange: (e) => t(e.target.value),
 		placeholder: a?.placeholder || `// Write ${o} code here...`,
@@ -2327,7 +2327,7 @@ function Vn({ value: e, onChange: t, field: n, readonly: r, ...i }) {
 		spellCheck: !1
 	});
 }
-var Hn = X((() => {})), Un = /* @__PURE__ */ Z({ AvatarField: () => Wn });
+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];
@@ -2347,53 +2347,53 @@ function Wn({ value: t, onChange: n, field: r, readonly: i, ...a }) {
 	}, m = () => {
 		n("");
 	}, g = () => (l?.defaultName || l?.label || "User").split(" ").map((e) => e[0]).join("").toUpperCase().slice(0, 2);
-	return i ? /* @__PURE__ */ Y(d, {
+	return i ? /* @__PURE__ */ J(d, {
 		className: "w-16 h-16",
-		children: [t && /* @__PURE__ */ J(p, {
+		children: [t && /* @__PURE__ */ q(p, {
 			src: t,
 			alt: l?.label
-		}), /* @__PURE__ */ J(f, { children: g() })]
-	}) : /* @__PURE__ */ Y("div", {
+		}), /* @__PURE__ */ q(f, { children: g() })]
+	}) : /* @__PURE__ */ J("div", {
 		className: "flex items-center gap-4",
-		children: [/* @__PURE__ */ Y("div", {
+		children: [/* @__PURE__ */ J("div", {
 			className: "relative",
 			onMouseEnter: () => s(!0),
 			onMouseLeave: () => s(!1),
-			children: [/* @__PURE__ */ Y(d, {
+			children: [/* @__PURE__ */ J(d, {
 				className: "w-16 h-16",
-				children: [t && /* @__PURE__ */ J(p, {
+				children: [t && /* @__PURE__ */ q(p, {
 					src: t,
 					alt: l?.label
-				}), /* @__PURE__ */ J(f, { children: g() })]
-			}), !i && o && t && /* @__PURE__ */ J("button", {
+				}), /* @__PURE__ */ q(f, { children: g() })]
+			}), !i && o && t && /* @__PURE__ */ q("button", {
 				type: "button",
 				onClick: m,
 				className: "absolute -top-1 -right-1 bg-destructive text-destructive-foreground rounded-full p-1 hover:bg-destructive/90",
-				children: /* @__PURE__ */ J(De, { className: "w-3 h-3" })
+				children: /* @__PURE__ */ q(Oe, { className: "w-3 h-3" })
 			})]
-		}), /* @__PURE__ */ Y("div", {
+		}), /* @__PURE__ */ J("div", {
 			className: "flex flex-col gap-2",
 			children: [
-				/* @__PURE__ */ J("input", {
+				/* @__PURE__ */ q("input", {
 					ref: c,
 					type: "file",
 					accept: "image/*",
 					onChange: u,
 					className: "hidden"
 				}),
-				/* @__PURE__ */ Y(h, {
+				/* @__PURE__ */ J(h, {
 					type: "button",
 					variant: "outline",
 					size: "sm",
 					onClick: () => c.current?.click(),
 					disabled: i || a.disabled,
 					children: [
-						/* @__PURE__ */ J(q, { className: "w-4 h-4 mr-2" }),
+						/* @__PURE__ */ q(K, { className: "w-4 h-4 mr-2" }),
 						t ? "Change" : "Upload",
 						" Avatar"
 					]
 				}),
-				/* @__PURE__ */ J("p", {
+				/* @__PURE__ */ q("p", {
 					className: "text-xs text-muted-foreground",
 					children: "PNG, JPG up to 5MB"
 				})
@@ -2401,7 +2401,7 @@ function Wn({ value: t, onChange: n, field: r, readonly: i, ...a }) {
 		})]
 	});
 }
-var Gn = X((() => {})), Kn = /* @__PURE__ */ Z({ AddressField: () => qn });
+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({
@@ -2416,19 +2416,19 @@ function qn({ value: e, onChange: t, field: n, readonly: r, ...i }) {
 	].filter(Boolean).join(", ");
 	if (r) {
 		let e = s(a);
-		return e ? /* @__PURE__ */ J("span", {
+		return e ? /* @__PURE__ */ q("span", {
 			className: "text-sm",
 			children: e
-		}) : /* @__PURE__ */ J(S, {});
+		}) : /* @__PURE__ */ q(S, {});
 	}
-	return /* @__PURE__ */ Y("div", {
+	return /* @__PURE__ */ J("div", {
 		className: "space-y-3",
 		children: [
-			/* @__PURE__ */ Y("div", { children: [/* @__PURE__ */ J(w, {
+			/* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q(w, {
 				htmlFor: "street",
 				className: "text-xs",
 				children: "Street Address"
-			}), /* @__PURE__ */ J(C, {
+			}), /* @__PURE__ */ q(C, {
 				id: "street",
 				type: "text",
 				value: a.street || "",
@@ -2437,24 +2437,24 @@ function qn({ value: e, onChange: t, field: n, readonly: r, ...i }) {
 				disabled: r || i.disabled,
 				className: i.className
 			})] }),
-			/* @__PURE__ */ Y("div", {
+			/* @__PURE__ */ J("div", {
 				className: "grid grid-cols-2 gap-3",
-				children: [/* @__PURE__ */ Y("div", { children: [/* @__PURE__ */ J(w, {
+				children: [/* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q(w, {
 					htmlFor: "city",
 					className: "text-xs",
 					children: "City"
-				}), /* @__PURE__ */ J(C, {
+				}), /* @__PURE__ */ q(C, {
 					id: "city",
 					type: "text",
 					value: a.city || "",
 					onChange: (e) => o("city", e.target.value),
 					placeholder: "San Francisco",
 					disabled: r || i.disabled
-				})] }), /* @__PURE__ */ Y("div", { children: [/* @__PURE__ */ J(w, {
+				})] }), /* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q(w, {
 					htmlFor: "state",
 					className: "text-xs",
 					children: "State / Province"
-				}), /* @__PURE__ */ J(C, {
+				}), /* @__PURE__ */ q(C, {
 					id: "state",
 					type: "text",
 					value: a.state || "",
@@ -2463,24 +2463,24 @@ function qn({ value: e, onChange: t, field: n, readonly: r, ...i }) {
 					disabled: r || i.disabled
 				})] })]
 			}),
-			/* @__PURE__ */ Y("div", {
+			/* @__PURE__ */ J("div", {
 				className: "grid grid-cols-2 gap-3",
-				children: [/* @__PURE__ */ Y("div", { children: [/* @__PURE__ */ J(w, {
+				children: [/* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q(w, {
 					htmlFor: "zipCode",
 					className: "text-xs",
 					children: "ZIP / Postal Code"
-				}), /* @__PURE__ */ J(C, {
+				}), /* @__PURE__ */ q(C, {
 					id: "zipCode",
 					type: "text",
 					value: a.zipCode || "",
 					onChange: (e) => o("zipCode", e.target.value),
 					placeholder: "94102",
 					disabled: r || i.disabled
-				})] }), /* @__PURE__ */ Y("div", { children: [/* @__PURE__ */ J(w, {
+				})] }), /* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q(w, {
 					htmlFor: "country",
 					className: "text-xs",
 					children: "Country"
-				}), /* @__PURE__ */ J(C, {
+				}), /* @__PURE__ */ q(C, {
 					id: "country",
 					type: "text",
 					value: a.country || "",
@@ -2492,7 +2492,7 @@ function qn({ value: e, onChange: t, field: n, readonly: r, ...i }) {
 		]
 	});
 }
-var Jn = X((() => {})), Yn = /* @__PURE__ */ Z({ GeolocationField: () => Xn });
+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({
@@ -2524,15 +2524,15 @@ function Xn({ value: t, onChange: n, field: r, readonly: i, ...a }) {
 	};
 	if (i) {
 		let e = d(c);
-		return /* @__PURE__ */ Y("div", {
+		return /* @__PURE__ */ J("div", {
 			className: "flex items-center gap-2",
 			children: [
-				/* @__PURE__ */ J(H, { className: "w-4 h-4 text-muted-foreground" }),
-				e ? /* @__PURE__ */ J("span", {
+				/* @__PURE__ */ q(H, { className: "w-4 h-4 text-muted-foreground" }),
+				e ? /* @__PURE__ */ q("span", {
 					className: "text-sm",
 					children: e
-				}) : /* @__PURE__ */ J(S, {}),
-				c.latitude && c.longitude && /* @__PURE__ */ J(h, {
+				}) : /* @__PURE__ */ q(S, {}),
+				c.latitude && c.longitude && /* @__PURE__ */ q(h, {
 					type: "button",
 					variant: "link",
 					size: "sm",
@@ -2543,33 +2543,33 @@ function Xn({ value: t, onChange: n, field: r, readonly: i, ...a }) {
 			]
 		});
 	}
-	return /* @__PURE__ */ Y("div", {
+	return /* @__PURE__ */ J("div", {
 		className: "space-y-3",
 		children: [
-			/* @__PURE__ */ Y("div", {
+			/* @__PURE__ */ J("div", {
 				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ Y(h, {
+				children: [/* @__PURE__ */ J(h, {
 					type: "button",
 					variant: "outline",
 					size: "sm",
 					onClick: u,
 					disabled: i || o,
-					children: [/* @__PURE__ */ J(R, { className: "w-4 h-4 mr-2" }), o ? "Getting location..." : "Use Current Location"]
-				}), c.latitude && c.longitude && /* @__PURE__ */ Y(h, {
+					children: [/* @__PURE__ */ q(R, { className: "w-4 h-4 mr-2" }), o ? "Getting location..." : "Use Current Location"]
+				}), c.latitude && c.longitude && /* @__PURE__ */ J(h, {
 					type: "button",
 					variant: "link",
 					size: "sm",
 					onClick: f,
-					children: [/* @__PURE__ */ J(H, { 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__ */ Y("div", {
+			/* @__PURE__ */ J("div", {
 				className: "grid grid-cols-2 gap-3",
-				children: [/* @__PURE__ */ Y("div", { children: [/* @__PURE__ */ J(w, {
+				children: [/* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q(w, {
 					htmlFor: "latitude",
 					className: "text-xs",
 					children: "Latitude"
-				}), /* @__PURE__ */ J(C, {
+				}), /* @__PURE__ */ q(C, {
 					id: "latitude",
 					type: "number",
 					value: c.latitude ?? "",
@@ -2578,11 +2578,11 @@ function Xn({ value: t, onChange: n, field: r, readonly: i, ...a }) {
 					disabled: i || a.disabled,
 					step: "any",
 					className: a.className
-				})] }), /* @__PURE__ */ Y("div", { children: [/* @__PURE__ */ J(w, {
+				})] }), /* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q(w, {
 					htmlFor: "longitude",
 					className: "text-xs",
 					children: "Longitude"
-				}), /* @__PURE__ */ J(C, {
+				}), /* @__PURE__ */ q(C, {
 					id: "longitude",
 					type: "number",
 					value: c.longitude ?? "",
@@ -2592,7 +2592,7 @@ function Xn({ value: t, onChange: n, field: r, readonly: i, ...a }) {
 					step: "any"
 				})] })]
 			}),
-			c.accuracy && /* @__PURE__ */ Y("p", {
+			c.accuracy && /* @__PURE__ */ J("p", {
 				className: "text-xs text-muted-foreground",
 				children: [
 					"Accuracy: ±",
@@ -2603,7 +2603,7 @@ function Xn({ value: t, onChange: n, field: r, readonly: i, ...a }) {
 		]
 	});
 }
-var Zn = X((() => {})), Qn = /* @__PURE__ */ Z({ SignatureField: () => $n });
+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(() => {
@@ -2640,22 +2640,22 @@ function $n({ value: t, onChange: n, readonly: r }) {
 		let e = i.current;
 		e && n(e.toDataURL("image/png"));
 	};
-	return r && t ? /* @__PURE__ */ J("div", {
+	return r && t ? /* @__PURE__ */ q("div", {
 		className: "border rounded p-2 bg-white",
-		children: /* @__PURE__ */ J("img", {
+		children: /* @__PURE__ */ q("img", {
 			src: t,
 			alt: "Signature",
 			loading: "lazy",
 			className: "max-w-full h-auto"
 		})
-	}) : r && !t ? /* @__PURE__ */ J("span", {
+	}) : r && !t ? /* @__PURE__ */ q("span", {
 		className: "text-sm text-muted-foreground",
 		children: "No signature"
-	}) : /* @__PURE__ */ Y("div", {
+	}) : /* @__PURE__ */ J("div", {
 		className: "space-y-2",
-		children: [/* @__PURE__ */ J("div", {
+		children: [/* @__PURE__ */ q("div", {
 			className: "border rounded bg-white",
-			children: /* @__PURE__ */ J("canvas", {
+			children: /* @__PURE__ */ q("canvas", {
 				ref: i,
 				width: 400,
 				height: 200,
@@ -2668,12 +2668,12 @@ function $n({ value: t, onChange: n, readonly: r }) {
 				onTouchMove: f,
 				onTouchEnd: p
 			})
-		}), /* @__PURE__ */ Y("div", {
+		}), /* @__PURE__ */ J("div", {
 			className: "flex justify-between items-center",
-			children: [/* @__PURE__ */ J("p", {
+			children: [/* @__PURE__ */ q("p", {
 				className: "text-xs text-muted-foreground",
 				children: l ? "Sign above" : "Signature captured"
-			}), /* @__PURE__ */ Y(h, {
+			}), /* @__PURE__ */ J(h, {
 				type: "button",
 				variant: "outline",
 				size: "sm",
@@ -2684,67 +2684,67 @@ function $n({ value: t, onChange: n, readonly: r }) {
 					t && (t.clearRect(0, 0, e.width, e.height), u(!0), n(""));
 				},
 				disabled: r || l,
-				children: [/* @__PURE__ */ J(_e, { className: "w-4 h-4 mr-2" }), "Clear"]
+				children: [/* @__PURE__ */ q(_e, { className: "w-4 h-4 mr-2" }), "Clear"]
 			})]
 		})]
 	});
 }
-var er = X((() => {})), tr = /* @__PURE__ */ Z({ QRCodeField: () => nr });
+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__ */ Y("div", {
+	return i ? /* @__PURE__ */ J("div", {
 		className: "flex items-center gap-3",
-		children: [/* @__PURE__ */ J("span", {
+		children: [/* @__PURE__ */ q("span", {
 			className: "text-sm flex-1 truncate",
-			children: t || /* @__PURE__ */ J(S, {})
-		}), t && /* @__PURE__ */ Y(h, {
+			children: t || /* @__PURE__ */ q(S, {})
+		}), t && /* @__PURE__ */ J(h, {
 			type: "button",
 			variant: "outline",
 			size: "sm",
 			onClick: () => s(!o),
 			children: [
-				/* @__PURE__ */ J(G, { className: "w-4 h-4 mr-2" }),
+				/* @__PURE__ */ q(W, { className: "w-4 h-4 mr-2" }),
 				o ? "Hide" : "Show",
 				" QR"
 			]
 		})]
-	}) : /* @__PURE__ */ Y("div", {
+	}) : /* @__PURE__ */ J("div", {
 		className: "space-y-3",
 		children: [
-			/* @__PURE__ */ Y("div", {
+			/* @__PURE__ */ J("div", {
 				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ J(C, {
+				children: [/* @__PURE__ */ q(C, {
 					type: "text",
 					value: t || "",
 					onChange: (e) => n(e.target.value),
 					placeholder: c?.placeholder || "Enter text for QR code",
 					disabled: i || a.disabled,
 					className: a.className
-				}), t && /* @__PURE__ */ Y(Ae, { children: [/* @__PURE__ */ J(h, {
+				}), t && /* @__PURE__ */ J(je, { children: [/* @__PURE__ */ q(h, {
 					type: "button",
 					variant: "outline",
 					size: "sm",
 					onClick: () => {
 						t && navigator.clipboard.writeText(t);
 					},
-					children: /* @__PURE__ */ J(L, { className: "w-4 h-4" })
-				}), /* @__PURE__ */ J(h, {
+					children: /* @__PURE__ */ q(L, { className: "w-4 h-4" })
+				}), /* @__PURE__ */ q(h, {
 					type: "button",
 					variant: "outline",
 					size: "sm",
 					onClick: () => s(!o),
-					children: /* @__PURE__ */ J(G, { className: "w-4 h-4" })
+					children: /* @__PURE__ */ q(W, { className: "w-4 h-4" })
 				})] })]
 			}),
-			o && t && /* @__PURE__ */ J("div", {
+			o && t && /* @__PURE__ */ q("div", {
 				className: "border rounded p-4 bg-white flex justify-center",
-				children: /* @__PURE__ */ J("img", {
+				children: /* @__PURE__ */ q("img", {
 					src: ((e) => `https://api.qrserver.com/v1/create-qr-code/?size=200x200&data=${encodeURIComponent(e)}`)(t),
 					alt: "QR Code",
 					className: "w-48 h-48"
 				})
 			}),
-			t && /* @__PURE__ */ Y("p", {
+			t && /* @__PURE__ */ J("p", {
 				className: "text-xs text-muted-foreground",
 				children: [
 					"QR code contains: ",
@@ -2755,10 +2755,10 @@ function nr({ value: t, onChange: n, field: r, readonly: i, ...a }) {
 		]
 	});
 }
-var rr = X((() => {}));
+var rr = Y((() => {}));
 //#endregion
 //#region src/widgets/MasterDetailField.tsx
-Ie(), ze(), 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();
+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 = {
@@ -2771,24 +2771,24 @@ function ir({ value: e, onChange: t, field: n, readonly: r, className: i, ...a }
 	}, u = (e) => {
 		console.log("View detail:", e);
 	};
-	return r ? /* @__PURE__ */ Y("div", {
+	return r ? /* @__PURE__ */ J("div", {
 		className: P("space-y-2", i),
-		children: [o.length === 0 ? /* @__PURE__ */ J("span", {
+		children: [o.length === 0 ? /* @__PURE__ */ q("span", {
 			className: "text-sm text-muted-foreground",
 			children: "No related records"
-		}) : o.map((e) => /* @__PURE__ */ Y("div", {
+		}) : o.map((e) => /* @__PURE__ */ J("div", {
 			className: "flex items-center justify-between p-2 border rounded hover:bg-muted/50",
-			children: [/* @__PURE__ */ J("span", {
+			children: [/* @__PURE__ */ q("span", {
 				className: "text-sm",
 				children: e.label
-			}), /* @__PURE__ */ J(h, {
+			}), /* @__PURE__ */ q(h, {
 				type: "button",
 				variant: "ghost",
 				size: "sm",
 				onClick: () => u(e),
-				children: /* @__PURE__ */ J(z, { className: "w-4 h-4" })
+				children: /* @__PURE__ */ q(z, { className: "w-4 h-4" })
 			})]
-		}, e.id)), /* @__PURE__ */ Y("p", {
+		}, e.id)), /* @__PURE__ */ J("p", {
 			className: "text-xs text-muted-foreground",
 			children: [
 				o.length,
@@ -2796,60 +2796,123 @@ function ir({ value: e, onChange: t, field: n, readonly: r, className: i, ...a }
 				o.length === 1 ? "record" : "records"
 			]
 		})]
-	}) : /* @__PURE__ */ Y("div", {
+	}) : /* @__PURE__ */ J("div", {
 		className: P("space-y-3", i),
-		children: [/* @__PURE__ */ Y("div", {
+		children: [/* @__PURE__ */ J("div", {
 			className: "space-y-2",
-			children: [o.map((e) => /* @__PURE__ */ Y("div", {
+			children: [o.map((e) => /* @__PURE__ */ J("div", {
 				className: "flex items-center justify-between gap-2 p-2 border rounded hover:bg-muted/50",
-				children: [/* @__PURE__ */ Y("div", {
+				children: [/* @__PURE__ */ J("div", {
 					className: "flex items-center gap-2 flex-1",
-					children: [/* @__PURE__ */ J(m, {
+					children: [/* @__PURE__ */ q(m, {
 						variant: "outline",
 						children: e.id
-					}), /* @__PURE__ */ J("span", {
+					}), /* @__PURE__ */ q("span", {
 						className: "text-sm flex-1",
 						children: e.label
 					})]
-				}), /* @__PURE__ */ Y("div", {
+				}), /* @__PURE__ */ J("div", {
 					className: "flex items-center gap-1",
-					children: [/* @__PURE__ */ J(h, {
+					children: [/* @__PURE__ */ q(h, {
 						type: "button",
 						variant: "ghost",
 						size: "sm",
 						onClick: () => u(e),
-						children: /* @__PURE__ */ J(z, { className: "w-4 h-4" })
-					}), /* @__PURE__ */ J(h, {
+						children: /* @__PURE__ */ q(z, { className: "w-4 h-4" })
+					}), /* @__PURE__ */ q(h, {
 						type: "button",
 						variant: "ghost",
 						size: "sm",
 						onClick: () => l(e.id),
 						disabled: a.disabled,
-						children: /* @__PURE__ */ J(De, { className: "w-4 h-4" })
+						children: /* @__PURE__ */ q(Oe, { className: "w-4 h-4" })
 					})]
 				})]
-			}, e.id)), o.length === 0 && /* @__PURE__ */ J("div", {
+			}, e.id)), o.length === 0 && /* @__PURE__ */ q("div", {
 				className: "text-sm text-muted-foreground text-center py-4 border border-dashed rounded bg-muted/20",
 				children: "No related records"
 			})]
-		}), /* @__PURE__ */ Y(h, {
+		}), /* @__PURE__ */ J(h, {
 			type: "button",
 			variant: "outline",
 			className: "w-full",
 			onClick: c,
 			disabled: a.disabled,
 			children: [
-				/* @__PURE__ */ J(W, { className: "w-4 h-4 mr-2" }),
+				/* @__PURE__ */ q(Ce, { className: "w-4 h-4 mr-2" }),
 				"Add ",
 				s?.label || "Record"
 			]
 		})]
 	});
 }
-kt(), Ie(), ze(), 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();
-function ar() {
+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 } = ke();
+		let { t: e } = Ae();
 		return (t, n) => {
 			let r = e(t);
 			return !r || r === t ? n : r;
@@ -2874,7 +2937,7 @@ function Q(e) {
 	}
 	return String(e);
 }
-function or(e, t = "USD") {
+function ur(e, t = "USD") {
 	try {
 		return new Intl.NumberFormat("en-US", {
 			style: "currency",
@@ -2884,7 +2947,7 @@ function or(e, t = "USD") {
 		return `${t} ${e.toFixed(2)}`;
 	}
 }
-function sr(e, t = "USD") {
+function dr(e, t = "USD") {
 	try {
 		return new Intl.NumberFormat("en-US", {
 			style: "currency",
@@ -2896,7 +2959,7 @@ function sr(e, t = "USD") {
 		return `${t} ${e}`;
 	}
 }
-function cr(e, t = 2) {
+function fr(e, t = 2) {
 	try {
 		return new Intl.NumberFormat("en-US", {
 			minimumFractionDigits: t,
@@ -2906,13 +2969,13 @@ function cr(e, t = 2) {
 		return e.toFixed(t);
 	}
 }
-function lr(e, t = 0) {
+function pr(e, t = 0) {
 	return `${(e > -1 && e < 1 ? e * 100 : e).toFixed(t)}%`;
 }
-function ur(e) {
+function mr(e) {
 	return e.replace(/[_-]/g, " ").replace(/\b\w/g, (e) => e.toUpperCase());
 }
-function dr(e) {
+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 "—";
@@ -2922,20 +2985,20 @@ function dr(e) {
 	if (a === -1) return "Yesterday";
 	if (a < -1) {
 		let e = Math.abs(a);
-		return e <= 7 ? `Overdue ${e}d` : fr(t);
+		return e <= 7 ? `Overdue ${e}d` : gr(t);
 	}
-	return a > 1 && a <= 7 ? `In ${a} days` : fr(t);
+	return a > 1 && a <= 7 ? `In ${a} days` : gr(t);
 }
-function fr(e, t) {
+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" ? dr(n) : n.toLocaleDateString(void 0, {
+	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 pr(e) {
+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, {
@@ -2946,17 +3009,17 @@ function pr(e) {
 		minute: "2-digit"
 	});
 }
-function mr({ value: e }) {
+function vr({ value: e }) {
 	let t = Q(e);
-	return t == null || t === "" ? /* @__PURE__ */ J(S, {}) : /* @__PURE__ */ J("span", {
+	return t == null || t === "" ? /* @__PURE__ */ q(S, {}) : /* @__PURE__ */ q("span", {
 		className: "truncate",
 		children: String(t)
 	});
 }
-function hr({ value: e, field: t }) {
-	if (e == null) return /* @__PURE__ */ J(S, {});
+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__ */ J("span", {
+	return /* @__PURE__ */ q("span", {
 		className: "tabular-nums",
 		children: isNaN(i) ? String(n) : new Intl.NumberFormat("en-US", {
 			minimumFractionDigits: r,
@@ -2964,42 +3027,42 @@ function hr({ value: e, field: t }) {
 		}).format(i)
 	});
 }
-function gr({ value: e, field: t }) {
-	if (e == null) return /* @__PURE__ */ J(S, {});
+function br({ value: e, field: t }) {
+	if (e == null) return /* @__PURE__ */ q(S, {});
 	let n = Q(e), r = t, i = r.currency || r.defaultCurrency, a = Number(n), o = r.precision ?? r.scale ?? r.decimals ?? 2;
-	return /* @__PURE__ */ J("span", {
+	return /* @__PURE__ */ q("span", {
 		className: "tabular-nums font-medium whitespace-nowrap",
-		children: isNaN(a) ? String(n) : i ? or(a, i) : cr(a, o)
+		children: isNaN(a) ? String(n) : i ? ur(a, i) : fr(a, o)
 	});
 }
-var _r = /progress|completion/;
-function vr({ value: e, field: t }) {
-	if (e == null) return /* @__PURE__ */ J(S, {});
+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__ */ J("span", {
+	if (isNaN(i)) return /* @__PURE__ */ q("span", {
 		className: "tabular-nums whitespace-nowrap",
 		children: String(n)
 	});
-	let a = _r.test(t?.name?.toLowerCase() || ""), o = a ? i : i > -1 && i < 1 ? i * 100 : i, s = a ? `${i.toFixed(r)}%` : lr(i, r), c = Math.max(0, Math.min(100, o));
-	return /* @__PURE__ */ Y("div", {
+	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__ */ J("div", {
-			className: "h-1.5 w-16 rounded-full bg-muted overflow-hidden shrink-0",
+		children: [/* @__PURE__ */ q("div", {
+			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,
 			"aria-valuemax": 100,
-			children: /* @__PURE__ */ J("div", {
+			children: /* @__PURE__ */ q("div", {
 				className: "h-full rounded-full bg-primary transition-all",
 				style: { width: `${c}%` }
 			})
-		}), /* @__PURE__ */ J("span", {
+		}), /* @__PURE__ */ q("span", {
 			className: "tabular-nums whitespace-nowrap",
 			children: s
 		})]
 	});
 }
-var yr = new Set([
+var Cr = new Set([
 	"active",
 	"is_active",
 	"enabled",
@@ -3007,55 +3070,55 @@ var yr = new Set([
 	"verified",
 	"is_verified"
 ]);
-function br({ value: e, field: t }) {
-	if (e == null) return /* @__PURE__ */ J("span", {
+function wr({ value: e, field: t }) {
+	if (e == null) return /* @__PURE__ */ q("span", {
 		className: "flex items-center justify-center",
-		children: /* @__PURE__ */ J(S, {})
+		children: /* @__PURE__ */ q(S, {})
 	});
 	let n = t?.name?.toLowerCase() || "";
-	return n === "completed" || n === "is_completed" || n === "done" || n === "is_done" ? /* @__PURE__ */ J("div", {
+	return n === "completed" || n === "is_completed" || n === "done" || n === "is_done" ? /* @__PURE__ */ q("div", {
 		className: "flex items-center justify-center",
-		children: e ? /* @__PURE__ */ J("div", {
+		children: e ? /* @__PURE__ */ q("div", {
 			className: "size-5 rounded-full bg-green-500 flex items-center justify-center",
 			role: "img",
 			"aria-label": "Completed",
 			"data-testid": "completion-indicator",
-			children: /* @__PURE__ */ J(I, { className: "size-3 text-white" })
-		}) : /* @__PURE__ */ J("div", {
+			children: /* @__PURE__ */ q(I, { className: "size-3 text-white" })
+		}) : /* @__PURE__ */ q("div", {
 			className: "size-5 rounded-full border-2 border-muted-foreground/30",
 			role: "img",
 			"aria-label": "Not completed",
 			"data-testid": "completion-indicator"
 		})
-	}) : yr.has(n) && !e ? /* @__PURE__ */ Y(m, {
+	}) : Cr.has(n) && !e ? /* @__PURE__ */ J(m, {
 		variant: "destructive",
 		className: "text-xs",
 		"data-testid": "boolean-warning-badge",
-		children: [t?.label || ur(n), " — Off"]
-	}) : /* @__PURE__ */ J("div", {
+		children: [t?.label || mr(n), " — Off"]
+	}) : /* @__PURE__ */ q("div", {
 		className: "flex items-center justify-start",
-		children: /* @__PURE__ */ J(g, {
+		children: /* @__PURE__ */ q(g, {
 			checked: !!e,
 			disabled: !0,
 			className: "pointer-events-none"
 		})
 	});
 }
-function xr({ value: e, field: t }) {
-	if (!e) return /* @__PURE__ */ J(S, {});
-	let n = Q(e), r = t, i = fr(n, r.format || "relative"), a = n == null ? null : new Date(n), o = a !== null && !isNaN(a.getTime()), s = /* @__PURE__ */ new Date();
+function Tr({ value: e, field: t }) {
+	if (!e) return /* @__PURE__ */ q(S, {});
+	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__ */ J("span", {
+	return /* @__PURE__ */ q("span", {
 		className: `tabular-nums${l ? " text-red-600" : ""}`,
 		title: u,
 		children: i
 	});
 }
-function Sr({ value: e }) {
-	if (!e) return /* @__PURE__ */ J(S, {});
+function Er({ value: e }) {
+	if (!e) return /* @__PURE__ */ q(S, {});
 	let t = Q(e), n = t == null ? null : new Date(t);
-	if (n === null || isNaN(n.getTime())) return /* @__PURE__ */ J(S, {});
+	if (n === null || isNaN(n.getTime())) return /* @__PURE__ */ q(S, {});
 	let r = n.toLocaleDateString(void 0, {
 		month: "numeric",
 		day: "numeric",
@@ -3065,15 +3128,15 @@ function Sr({ value: e }) {
 		minute: "2-digit",
 		hour12: !0
 	}).toLowerCase();
-	return /* @__PURE__ */ Y("span", {
+	return /* @__PURE__ */ J("span", {
 		className: "tabular-nums text-sm whitespace-nowrap",
-		children: [/* @__PURE__ */ J("span", { children: r }), /* @__PURE__ */ J("span", {
+		children: [/* @__PURE__ */ q("span", { children: r }), /* @__PURE__ */ q("span", {
 			className: "ml-2 text-muted-foreground",
 			children: i
 		})]
 	});
 }
-var Cr = {
+var Dr = {
 	critical: "red",
 	urgent: "red",
 	high: "orange",
@@ -3148,7 +3211,7 @@ var Cr = {
 	逾期: "red",
 	流失: "red",
 	丢失: "red"
-}, wr = {
+}, 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",
@@ -3158,7 +3221,17 @@ var Cr = {
 	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"
-}, Tr = [
+}, 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",
@@ -3168,59 +3241,82 @@ var Cr = {
 	"yellow",
 	"red"
 ];
-function Er(e) {
+function jr(e) {
 	let t = 5381;
 	for (let n = 0; n < e.length; n++) t = (t << 5) + t ^ e.charCodeAt(n);
-	return Tr[Math.abs(t) % Tr.length];
+	return Ar[Math.abs(t) % Ar.length];
 }
-function Dr(e, t) {
-	if (e && wr[e]) return wr[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 = Cr[n];
-	return r && wr[r] ? wr[r] : wr[Er(n)];
-}
-function Or({ value: e, field: t }) {
-	let n = t.options || [];
-	if (e == null || e === "") return /* @__PURE__ */ J(S, {});
-	let r = (e) => {
-		let t = n.find((t) => t.value === e);
+	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 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, {});
+	let a = (e) => {
+		let t = r.find((t) => t.value === e);
 		if (t) return t;
-		let r = String(e).toLowerCase();
-		return n.find((e) => String(e.value).toLowerCase() === r);
+		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);
 	};
-	if (Array.isArray(e)) return /* @__PURE__ */ J("div", {
-		className: "flex flex-wrap gap-1",
-		children: e.map((e, t) => {
-			let n = r(e), i = n?.label || ur(String(e));
-			return /* @__PURE__ */ J(m, {
-				variant: "outline",
-				className: Dr(n?.color, e),
-				children: i
-			}, t);
-		})
-	});
-	let i = r(e), a = i?.label || ur(String(e));
-	return /* @__PURE__ */ J(m, {
-		variant: "outline",
-		className: Dr(i?.color, e),
-		children: a
-	});
-}
-function kr({ value: t }) {
-	if (!t) return /* @__PURE__ */ J(S, {});
-	let n = ar(), r = String(Q(t) ?? ""), [i, a] = e.useState(!1);
-	return /* @__PURE__ */ Y("span", {
+	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 Lr({ value: t }) {
+	if (!t) return /* @__PURE__ */ q(S, {});
+	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__ */ J(h, {
+		children: [/* @__PURE__ */ q(h, {
 			variant: "link",
 			className: "p-0 h-auto font-normal text-blue-600 hover:text-blue-800",
 			asChild: !0,
-			children: /* @__PURE__ */ J("a", {
+			children: /* @__PURE__ */ q("a", {
 				href: `mailto:${r}`,
 				onClick: (e) => e.stopPropagation(),
 				children: r
 			})
-		}), /* @__PURE__ */ J("button", {
+		}), /* @__PURE__ */ q("button", {
 			type: "button",
 			className: "opacity-0 group-hover/email:opacity-100 transition-opacity p-0.5 rounded hover:bg-muted",
 			onClick: (e) => {
@@ -3229,18 +3325,18 @@ function kr({ value: t }) {
 				}).catch(() => {});
 			},
 			"aria-label": n("detail.copyEmail", "Copy email"),
-			children: i ? /* @__PURE__ */ J(I, { className: "h-3 w-3 text-green-600" }) : /* @__PURE__ */ J(L, { className: "h-3 w-3 text-muted-foreground" })
+			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 Ar({ value: e }) {
-	if (!e) return /* @__PURE__ */ J(S, {});
+function Rr({ value: e }) {
+	if (!e) return /* @__PURE__ */ q(S, {});
 	let t = String(Q(e) ?? "");
-	return /* @__PURE__ */ J(h, {
+	return /* @__PURE__ */ q(h, {
 		variant: "link",
 		className: "p-0 h-auto font-normal text-blue-600 hover:text-blue-800",
 		asChild: !0,
-		children: /* @__PURE__ */ J("a", {
+		children: /* @__PURE__ */ q("a", {
 			href: t,
 			target: "_blank",
 			rel: "noopener noreferrer",
@@ -3249,17 +3345,17 @@ function Ar({ value: e }) {
 		})
 	});
 }
-function jr({ value: t }) {
-	if (!t) return /* @__PURE__ */ J(S, {});
-	let n = ar(), r = String(Q(t) ?? ""), [i, a] = e.useState(!1);
-	return /* @__PURE__ */ Y("span", {
+function zr({ value: t }) {
+	if (!t) return /* @__PURE__ */ q(S, {});
+	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__ */ Y("a", {
+		children: [/* @__PURE__ */ J("a", {
 			href: `tel:${r}`,
 			className: "inline-flex items-center gap-1 text-blue-600 hover:text-blue-800",
 			onClick: (e) => e.stopPropagation(),
-			children: [/* @__PURE__ */ J(Se, { className: "h-3 w-3" }), r]
-		}), /* @__PURE__ */ J("button", {
+			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) => {
@@ -3268,15 +3364,15 @@ function jr({ value: t }) {
 				}).catch(() => {});
 			},
 			"aria-label": n("detail.copyPhone", "Copy phone number"),
-			children: i ? /* @__PURE__ */ J(I, { className: "h-3 w-3 text-green-600" }) : /* @__PURE__ */ J(L, { className: "h-3 w-3 text-muted-foreground" })
+			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 Mr({ value: e, field: t }) {
-	if (!e) return /* @__PURE__ */ J(S, {});
+function Br({ value: e, field: t }) {
+	if (!e) return /* @__PURE__ */ q(S, {});
 	if (t.multiple, Array.isArray(e)) {
 		let t = e.length;
-		return /* @__PURE__ */ Y("span", {
+		return /* @__PURE__ */ J("span", {
 			className: "text-sm text-gray-600",
 			children: [
 				t,
@@ -3285,111 +3381,135 @@ function Mr({ value: e, field: t }) {
 			]
 		});
 	}
-	return /* @__PURE__ */ J("span", {
+	return /* @__PURE__ */ q("span", {
 		className: "text-sm truncate",
 		children: e.name || e.original_name || "File"
 	});
 }
-function Nr({ value: e }) {
-	return e ? Array.isArray(e) ? /* @__PURE__ */ Y("div", {
+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__ */ J("img", {
+		children: [e.slice(0, 3).map((e, t) => /* @__PURE__ */ q("img", {
 			src: e.url || "",
 			alt: e.name || `Image ${t + 1}`,
 			className: "size-8 rounded-md border-2 border-white object-cover"
-		}, t)), e.length > 3 && /* @__PURE__ */ Y("div", {
+		}, t)), e.length > 3 && /* @__PURE__ */ J("div", {
 			className: "size-8 rounded-md border-2 border-white bg-gray-100 flex items-center justify-center text-xs font-medium text-gray-600",
 			children: ["+", e.length - 3]
 		})]
-	}) : /* @__PURE__ */ J("img", {
+	}) : /* @__PURE__ */ q("img", {
 		src: e.url || "",
 		alt: e.name || "Image",
 		className: "size-10 rounded-md object-cover"
-	}) : /* @__PURE__ */ J(S, {});
-}
-function Pr({ value: e, field: t }) {
-	if (e == null || e === "") return /* @__PURE__ */ J(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;
+	}) : /* @__PURE__ */ q(S, {});
+}
+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 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__ */ J("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__ */ J("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__ */ J("span", {
-		className: "truncate",
-		children: e.name || e.label || e.id || e._id || "[Object]"
-	}) : /* @__PURE__ */ J("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 Fr({ value: e }) {
+function Ur({ value: e }) {
 	let t = Q(e);
-	return t == null || t === "" ? /* @__PURE__ */ J(S, {}) : /* @__PURE__ */ J("span", {
+	return t == null || t === "" ? /* @__PURE__ */ q(S, {}) : /* @__PURE__ */ q("span", {
 		className: "text-gray-700 font-mono text-sm",
 		children: String(t)
 	});
 }
-function Ir({ value: e }) {
-	if (!e) return /* @__PURE__ */ J(S, {});
-	if (typeof e != "object") return /* @__PURE__ */ J("span", {
+function Wr({ value: e }) {
+	if (!e) return /* @__PURE__ */ q(S, {});
+	if (typeof e != "object") return /* @__PURE__ */ q("span", {
 		className: "truncate",
 		children: String(e)
 	});
-	if (Array.isArray(e)) return /* @__PURE__ */ Y("div", {
+	if (Array.isArray(e)) return /* @__PURE__ */ J("div", {
 		className: "flex -space-x-2",
 		children: [e.slice(0, 3).map((e, t) => {
-			if (typeof e != "object" || !e) return /* @__PURE__ */ J("span", {
+			if (typeof e != "object" || !e) return /* @__PURE__ */ q("span", {
 				className: "truncate text-sm",
 				children: String(e)
 			}, t);
 			let n = e.name || e.username || "User";
-			return /* @__PURE__ */ J(d, {
+			return /* @__PURE__ */ q(d, {
 				className: "size-8 border-2 border-white",
 				title: n,
-				children: /* @__PURE__ */ J(f, {
+				children: /* @__PURE__ */ q(f, {
 					className: "bg-blue-500 text-white text-xs",
 					children: n.split(" ").map((e) => e[0]).join("").toUpperCase().slice(0, 2)
 				})
 			}, t);
-		}), e.length > 3 && /* @__PURE__ */ J(d, {
+		}), e.length > 3 && /* @__PURE__ */ q(d, {
 			className: "size-8 border-2 border-white",
-			children: /* @__PURE__ */ Y(f, {
+			children: /* @__PURE__ */ J(f, {
 				className: "bg-gray-200 text-gray-600 text-xs",
 				children: ["+", e.length - 3]
 			})
 		})]
 	});
 	let t = e.name || e.username || "User";
-	return /* @__PURE__ */ Y("div", {
+	return /* @__PURE__ */ J("div", {
 		className: "flex items-center gap-2",
-		children: [/* @__PURE__ */ J(d, {
+		children: [/* @__PURE__ */ q(d, {
 			className: "size-8",
-			children: /* @__PURE__ */ J(f, {
+			children: /* @__PURE__ */ q(f, {
 				className: "bg-blue-500 text-white text-xs",
 				children: t.split(" ").map((e) => e[0]).join("").toUpperCase().slice(0, 2)
 			})
-		}), /* @__PURE__ */ J("span", {
+		}), /* @__PURE__ */ q("span", {
 			className: "truncate",
 			children: t
 		})]
 	});
 }
-var Lr = /* @__PURE__ */ new Map();
-function Rr(e, t) {
-	Lr.set(e, t);
+var Gr = /* @__PURE__ */ new Map();
+function Kr(e, t) {
+	Gr.set(e, t);
 }
-var zr = {
+var qr = {
 	phone: "phone",
 	tel: "phone",
 	telephone: "phone",
@@ -3401,64 +3521,64 @@ var zr = {
 	money: "currency",
 	percent: "percent",
 	percentage: "percent"
-}, Br = new Set([
+}, Jr = new Set([
 	"text",
 	"textarea",
 	"string",
 	"longtext",
 	""
 ]);
-function Vr(e) {
+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 && zr[r] && Br.has(t) ? zr[r] : e.type || "text";
-}
-function Hr(e) {
-	return Lr.has(e) ? Lr.get(e) : {
-		text: mr,
-		textarea: mr,
-		markdown: mr,
-		html: mr,
-		number: hr,
-		currency: gr,
-		percent: vr,
-		boolean: br,
-		date: xr,
-		datetime: Sr,
-		time: mr,
-		select: Or,
-		status: Or,
-		lookup: Pr,
-		master_detail: Pr,
-		email: kr,
-		url: Ar,
-		phone: jr,
-		file: Mr,
-		image: Nr,
-		formula: Fr,
-		summary: Fr,
-		auto_number: mr,
-		user: Ir,
-		owner: Ir,
-		password: () => /* @__PURE__ */ J("span", { children: "••••••" }),
-		location: mr,
-		object: () => /* @__PURE__ */ J("span", {
+	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: vr,
+		object: () => /* @__PURE__ */ q("span", {
 			className: "text-gray-500 italic",
 			children: "[Object]"
 		}),
-		vector: () => /* @__PURE__ */ J("span", {
+		vector: () => /* @__PURE__ */ q("span", {
 			className: "text-gray-500 italic",
 			children: "[Vector]"
 		}),
-		grid: () => /* @__PURE__ */ J("span", {
+		grid: () => /* @__PURE__ */ q("span", {
 			className: "text-gray-500 italic",
 			children: "[Grid]"
 		})
-	}[e] || mr;
+	}[e] || vr;
 }
-Rr("lookup", Pr), Rr("master_detail", Pr), Rr("select", Or), Rr("status", Or), Rr("user", Ir), Rr("owner", Ir), Et(Hr);
-function Ur(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",
@@ -3486,7 +3606,7 @@ function Ur(e) {
 		auto_number: "field:auto_number"
 	}[e] || "field:text";
 }
-function Wr(e) {
+function Qr(e) {
 	if (e < 0 || !Number.isFinite(e) || e === 0) return "0 B";
 	let t = [
 		"B",
@@ -3498,7 +3618,7 @@ function Wr(e) {
 	for (; n >= 1024 && r < t.length - 1;) n /= 1024, r++;
 	return `${n.toFixed(+(r > 0))} ${t[r]}`;
 }
-function Gr(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,
@@ -3523,7 +3643,7 @@ function Gr(e) {
 		message: "Please enter a valid URL"
 	}), e.validate && (t.validate = e.validate), Object.keys(t).length > 0 ? t : void 0;
 }
-function Kr(e, t) {
+function ei(e, t) {
 	if (!e) return !0;
 	if (e.field && e.value !== void 0) {
 		let n = t[e.field];
@@ -3535,7 +3655,7 @@ function Kr(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) => Kr(e, t)) : e.or && Array.isArray(e.or) ? e.or.some((e) => Kr(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 }) => {
@@ -3553,24 +3673,24 @@ function $(t) {
 		}, l = e.useCallback((e) => {
 			s(e), a.onChange && a.onChange(e);
 		}, [a]), u = n?.readonly || n?.readOnly || !1;
-		return /* @__PURE__ */ Y("div", {
+		return /* @__PURE__ */ J("div", {
 			className: "grid w-full items-center gap-1.5",
 			"data-obj-id": n?.id,
 			"data-obj-type": n?.type,
 			children: [
-				n?.label && /* @__PURE__ */ J("label", {
+				n?.label && /* @__PURE__ */ q("label", {
 					htmlFor: n.id,
 					className: n.required ? "after:content-['*'] after:ml-0.5 after:text-red-500" : "",
 					children: n.label
 				}),
-				/* @__PURE__ */ J(t, {
+				/* @__PURE__ */ q(t, {
 					value: o,
 					onChange: l,
 					field: c,
 					readonly: u,
 					className: r
 				}),
-				n?.description && /* @__PURE__ */ J("p", {
+				n?.description && /* @__PURE__ */ q("p", {
 					className: "text-sm text-gray-500",
 					children: n.description
 				})
@@ -3579,11 +3699,11 @@ function $(t) {
 	};
 	return n.displayName = `FieldRenderer(${t.displayName || t.name || "Component"})`, n;
 }
-var qr = {
-	text: () => Promise.resolve().then(() => (Ie(), Pe)).then((e) => ({ default: e.TextField })),
+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(() => (ze(), Le)).then((e) => ({ default: e.NumberField })),
-	boolean: () => Promise.resolve().then(() => (He(), Be)).then((e) => ({ default: e.BooleanField })),
+	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 })),
@@ -3619,8 +3739,8 @@ var qr = {
 	signature: () => Promise.resolve().then(() => (er(), Qn)).then((e) => ({ default: e.SignatureField })),
 	qrcode: () => Promise.resolve().then(() => (rr(), tr)).then((e) => ({ default: e.QRCodeField }))
 };
-function Jr(t) {
-	let n = qr[t];
+function ni(t) {
+	let n = ti[t];
 	if (!n) {
 		console.warn(`Unknown field type: ${t}`);
 		return;
@@ -3628,14 +3748,14 @@ function Jr(t) {
 	let r = e.lazy(n);
 	u.register(t, r, { namespace: "field" });
 }
-function Yr() {
-	Object.keys(qr).forEach((e) => {
-		Jr(e);
+function ri() {
+	Object.keys(ti).forEach((e) => {
+		ni(e);
 	});
 }
-function Xr() {
-	u.register("text", $(Fe), { namespace: "field" }), u.register("textarea", $(ft), { namespace: "field" }), u.register("number", $(Re), { namespace: "field" }), u.register("boolean", $(Ve), { 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" });
+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" });
 }
-Yr();
+ri();
 //#endregion
-export { qn as AddressField, _n as AutoNumberField, Wn as AvatarField, br as BooleanCellRenderer, Ve as BooleanField, Vn as CodeField, Mn as ColorField, gr as CurrencyCellRenderer, lt as CurrencyField, xr as DateCellRenderer, Xe as DateField, Sr as DateTimeCellRenderer, zt as DateTimeField, kr as EmailCellRenderer, $e as EmailField, Mr as FileCellRenderer, Zt as FileField, Fr as FormulaCellRenderer, dn as FormulaField, Xn as GeolocationField, kn as GridField, Nr as ImageCellRenderer, en as ImageCropperDialog, rn as ImageField, cn as LocationField, Pr as LookupCellRenderer, Pt as LookupField, ir as MasterDetailField, hr as NumberCellRenderer, Re as NumberField, Cn as ObjectField, Jt as PasswordField, vr as PercentCellRenderer, Gt as PercentField, jr as PhoneCellRenderer, nt as PhoneField, nr as QRCodeField, Rn as RatingField, xt as RecordPickerDialog, ht as RichTextField, Or as SelectCellRenderer, qe as SelectField, $n as SignatureField, Fn as SliderField, mn as SummaryField, ft as TextAreaField, mr as TextCellRenderer, Fe as TextField, Ht as TimeField, Ar as UrlCellRenderer, at as UrlField, Ir as UserCellRenderer, bn as UserField, En as VectorField, Gr as buildValidationRules, Q as coerceToSafeValue, Kr as evaluateCondition, sr as formatCompactCurrency, or as formatCurrency, fr as formatDate, pr as formatDateTime, Wr as formatFileSize, cr as formatNumber, lr as formatPercent, dr as formatRelativeDate, Hr as getCellRenderer, ur as humanizeLabel, Ur as mapFieldTypeToFormType, Yr as registerAllFields, Jr as registerField, Rr as registerFieldRenderer, Xr as registerFields, Vr as resolveCellRendererType };
+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 };