@object-ui/fields 3.3.2 → 3.4.0

package/dist/index.js

@@ -1,27 +1,29 @@
 import { t as e } from "./rolldown-runtime-CAFD8bLK.js";
 import { t } from "./useFieldTranslation-Bv3oUVgb.js";
-import { i as n, r, t as i } from "./LookupField-De-GqsfT.js";
-import a, { useCallback as o, useEffect as s, useId as c, useRef as l, useState as u } from "react";
-import { ComponentRegistry as d } from "@object-ui/core";
-import { Avatar as f, AvatarFallback as p, AvatarImage as m, Badge as h, Button as g, Checkbox as _, EmptyValue as v, Input as y, Label as b, Select as ee, SelectContent as te, SelectItem as ne, SelectTrigger as re, SelectValue as ie, Slider as x, Switch as ae, Textarea as S, cn as C } from "@object-ui/components";
-import { Check as oe, Copy as se, Crosshair as ce, Eraser as le, ExternalLink as ue, Eye as de, EyeOff as fe, File as pe, Image as me, ImageIcon as he, MapPin as ge, Phone as _e, Plus as ve, QrCode as ye, Star as be, Upload as xe, X as w } from "lucide-react";
-import { Fragment as Se, jsx as T, jsxs as E } from "react/jsx-runtime";
+import { i as n, r, t as i } from "./LookupField-XRxsGgLS.js";
+import { t as a } from "./dist-qtNk7SzD.js";
+import { t as o } from "./ImageCropperDialog-BYRMqcYm.js";
+import s, { Suspense as c, lazy as l, useCallback as u, useEffect as d, useId as f, useRef as p, useState as m } from "react";
+import { ComponentRegistry as h } from "@object-ui/core";
+import { Avatar as g, AvatarFallback as _, AvatarImage as v, Badge as y, Button as b, Checkbox as x, Dialog as S, DialogContent as C, DialogFooter as w, DialogHeader as T, DialogTitle as ee, EmptyValue as E, Input as D, Label as O, Select as k, SelectContent as A, SelectItem as te, SelectTrigger as ne, SelectValue as re, Slider as j, Switch as ie, Textarea as M, cn as N } from "@object-ui/components";
+import { Camera as ae, Check as P, Copy as oe, Crop as se, Crosshair as ce, Eraser as le, ExternalLink as ue, Eye as de, EyeOff as fe, File as pe, Image as me, ImageIcon as he, Loader2 as ge, MapPin as _e, Maximize2 as ve, Phone as ye, Plus as be, QrCode as xe, Star as Se, Upload as Ce, X as F } from "lucide-react";
+import { Fragment as we, jsx as I, jsxs as L } from "react/jsx-runtime";
 //#region src/widgets/TextField.tsx
-var Ce = /* @__PURE__ */ e({ TextField: () => D });
-function D({ value: e, onChange: t, field: n, readonly: r, ...i }) {
+var Te = /* @__PURE__ */ e({ TextField: () => Ee });
+function Ee({ value: e, onChange: t, field: n, readonly: r, ...i }) {
 	let a = n || i.schema;
-	if (r) return /* @__PURE__ */ T("span", {
+	if (r) return /* @__PURE__ */ I("span", {
 		className: "text-sm",
-		children: e || /* @__PURE__ */ T(v, {})
+		children: e || /* @__PURE__ */ I(E, {})
 	});
 	let o = a?.rows, { inputType: s, ...c } = i;
-	return o && o > 1 ? /* @__PURE__ */ T(S, {
+	return o && o > 1 ? /* @__PURE__ */ I(M, {
 		...c,
 		value: e || "",
 		onChange: (e) => t(e.target.value),
 		placeholder: a?.placeholder,
 		disabled: r || c.disabled
-	}) : /* @__PURE__ */ T(y, {
+	}) : /* @__PURE__ */ I(D, {
 		...c,
 		type: a?.type === "password" ? "password" : "text",
 		value: e || "",
@@ -32,14 +34,14 @@ function D({ value: e, onChange: t, field: n, readonly: r, ...i }) {
 }
 //#endregion
 //#region src/widgets/NumberField.tsx
-var we = /* @__PURE__ */ e({ NumberField: () => O });
-function O({ value: e, onChange: t, field: n, readonly: r, ...i }) {
-	if (r) return e == null ? /* @__PURE__ */ T(v, {}) : /* @__PURE__ */ T("span", {
+var De = /* @__PURE__ */ e({ NumberField: () => Oe });
+function Oe({ value: e, onChange: t, field: n, readonly: r, ...i }) {
+	if (r) return e == null ? /* @__PURE__ */ I(E, {}) : /* @__PURE__ */ I("span", {
 		className: "text-sm",
 		children: e
 	});
 	let a = n || i.schema, o = a?.precision, { inputType: s, ...c } = i;
-	return /* @__PURE__ */ T(y, {
+	return /* @__PURE__ */ I(D, {
 		...c,
 		type: "number",
 		value: e ?? "",
@@ -54,64 +56,64 @@ function O({ value: e, onChange: t, field: n, readonly: r, ...i }) {
 }
 //#endregion
 //#region src/widgets/BooleanField.tsx
-var Te = /* @__PURE__ */ e({ BooleanField: () => k });
-function k({ value: e, onChange: t, field: n, readonly: r, ...i }) {
-	let a = n || i.schema, o = a?.widget, s = c(), l = a?.name || s, u = a?.label || "Checkbox";
-	if (r) return /* @__PURE__ */ T("span", {
+var ke = /* @__PURE__ */ e({ BooleanField: () => Ae });
+function Ae({ value: e, onChange: t, field: n, readonly: r, ...i }) {
+	let a = n || i.schema, o = a?.widget, s = f(), c = a?.name || s, l = a?.label || "Checkbox";
+	if (r) return /* @__PURE__ */ I("span", {
 		className: "text-sm",
 		children: e ? "Yes" : "No"
 	});
-	let { inputType: d, ...f } = i;
-	return o === "checkbox" ? /* @__PURE__ */ E("div", {
+	let { inputType: u, ...d } = i;
+	return o === "checkbox" ? /* @__PURE__ */ L("div", {
 		className: "flex items-center space-x-2",
-		children: [/* @__PURE__ */ T(_, {
-			...f,
-			id: l,
+		children: [/* @__PURE__ */ I(x, {
+			...d,
+			id: c,
 			checked: !!e,
 			onCheckedChange: (e) => t(!!e),
-			disabled: r || f.disabled
-		}), /* @__PURE__ */ T(b, {
-			htmlFor: l,
-			children: u
+			disabled: r || d.disabled
+		}), /* @__PURE__ */ I(O, {
+			htmlFor: c,
+			children: l
 		})]
-	}) : /* @__PURE__ */ E("div", {
+	}) : /* @__PURE__ */ L("div", {
 		className: "flex items-center space-x-2",
-		children: [/* @__PURE__ */ T(ae, {
-			...f,
-			id: l,
+		children: [/* @__PURE__ */ I(ie, {
+			...d,
+			id: c,
 			checked: !!e,
 			onCheckedChange: t,
-			disabled: r || f.disabled
-		}), /* @__PURE__ */ T(b, {
-			htmlFor: l,
-			children: u
+			disabled: r || d.disabled
+		}), /* @__PURE__ */ I(O, {
+			htmlFor: c,
+			children: l
 		})]
 	});
 }
 //#endregion
 //#region src/widgets/SelectField.tsx
-var Ee = /* @__PURE__ */ e({ SelectField: () => A });
-function A({ value: e, onChange: n, field: r, readonly: i, ...a }) {
+var je = /* @__PURE__ */ e({ SelectField: () => Me });
+function Me({ value: e, onChange: n, field: r, readonly: i, ...a }) {
 	let o = r || a.schema, s = o?.options || [], { t: c } = t();
 	if (i) {
 		let t = s.find((t) => t.value === e)?.label || e;
-		return t ? /* @__PURE__ */ T("span", {
+		return t ? /* @__PURE__ */ I("span", {
 			className: "text-sm",
 			children: t
-		}) : /* @__PURE__ */ T(v, {});
+		}) : /* @__PURE__ */ I(E, {});
 	}
-	return /* @__PURE__ */ E(ee, {
+	return /* @__PURE__ */ L(k, {
 		...a,
 		value: e,
 		onValueChange: n,
 		disabled: i || a.disabled,
-		children: [/* @__PURE__ */ T(re, {
+		children: [/* @__PURE__ */ I(ne, {
 			className: a.className,
 			id: a.id,
-			children: /* @__PURE__ */ T(ie, { placeholder: o?.placeholder || c("common.selectOption") })
-		}), /* @__PURE__ */ T(te, {
+			children: /* @__PURE__ */ I(re, { placeholder: o?.placeholder || c("common.selectOption") })
+		}), /* @__PURE__ */ I(A, {
 			position: "popper",
-			children: s.map((e) => /* @__PURE__ */ T(ne, {
+			children: s.map((e) => /* @__PURE__ */ I(te, {
 				value: e.value,
 				children: e.label
 			}, e.value))
@@ -120,14 +122,14 @@ function A({ value: e, onChange: n, field: r, readonly: i, ...a }) {
 }
 //#endregion
 //#region src/widgets/DateField.tsx
-var De = /* @__PURE__ */ e({ DateField: () => j });
-function j({ value: e, onChange: t, field: n, readonly: r, ...i }) {
-	if (r) return e ? /* @__PURE__ */ T("span", {
+var Ne = /* @__PURE__ */ e({ DateField: () => Pe });
+function Pe({ value: e, onChange: t, field: n, readonly: r, ...i }) {
+	if (r) return e ? /* @__PURE__ */ I("span", {
 		className: "text-sm",
 		children: new Date(e).toLocaleDateString()
-	}) : /* @__PURE__ */ T(v, {});
+	}) : /* @__PURE__ */ I(E, {});
 	let { inputType: a, ...o } = i;
-	return /* @__PURE__ */ T(y, {
+	return /* @__PURE__ */ I(D, {
 		...o,
 		type: "date",
 		value: e || "",
@@ -137,16 +139,16 @@ function j({ value: e, onChange: t, field: n, readonly: r, ...i }) {
 }
 //#endregion
 //#region src/widgets/EmailField.tsx
-var Oe = /* @__PURE__ */ e({ EmailField: () => M });
-function M({ value: e, onChange: t, field: n, readonly: r, errorMessage: i, ...a }) {
+var Fe = /* @__PURE__ */ e({ EmailField: () => Ie });
+function Ie({ value: e, onChange: t, field: n, readonly: r, errorMessage: i, ...a }) {
 	let o = n || a.schema;
-	if (r) return e ? /* @__PURE__ */ T("a", {
+	if (r) return e ? /* @__PURE__ */ I("a", {
 		href: `mailto:${e}`,
 		className: "text-sm text-blue-600 hover:text-blue-800 hover:underline",
 		children: e
-	}) : /* @__PURE__ */ T(v, {});
+	}) : /* @__PURE__ */ I(E, {});
 	let { inputType: s, ...c } = a;
-	return /* @__PURE__ */ T(y, {
+	return /* @__PURE__ */ I(D, {
 		...c,
 		type: "email",
 		value: e || "",
@@ -158,16 +160,16 @@ function M({ value: e, onChange: t, field: n, readonly: r, errorMessage: i, ...a
 }
 //#endregion
 //#region src/widgets/PhoneField.tsx
-var ke = /* @__PURE__ */ e({ PhoneField: () => N });
-function N({ value: e, onChange: t, field: n, readonly: r, errorMessage: i, ...a }) {
+var Le = /* @__PURE__ */ e({ PhoneField: () => Re });
+function Re({ value: e, onChange: t, field: n, readonly: r, errorMessage: i, ...a }) {
 	let o = n || a.schema;
-	if (r) return e ? /* @__PURE__ */ T("a", {
+	if (r) return e ? /* @__PURE__ */ I("a", {
 		href: `tel:${e}`,
 		className: "text-sm text-blue-600 hover:text-blue-800 hover:underline",
 		children: e
-	}) : /* @__PURE__ */ T(v, {});
+	}) : /* @__PURE__ */ I(E, {});
 	let { inputType: s, ...c } = a;
-	return /* @__PURE__ */ T(y, {
+	return /* @__PURE__ */ I(D, {
 		...c,
 		type: "tel",
 		value: e || "",
@@ -179,21 +181,21 @@ function N({ value: e, onChange: t, field: n, readonly: r, errorMessage: i, ...a
 }
 //#endregion
 //#region src/widgets/UrlField.tsx
-var Ae = /* @__PURE__ */ e({ UrlField: () => P });
-function P({ value: e, onChange: t, field: n, readonly: r, errorMessage: i, ...a }) {
+var ze = /* @__PURE__ */ e({ UrlField: () => Be });
+function Be({ 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__ */ T("a", {
+	if (r) return e ? e.startsWith("http://") || e.startsWith("https://") ? /* @__PURE__ */ I("a", {
 		href: e,
 		target: "_blank",
 		rel: "noopener noreferrer",
 		className: "text-sm text-blue-600 hover:text-blue-800 hover:underline",
 		children: e
-	}) : /* @__PURE__ */ T("span", {
+	}) : /* @__PURE__ */ I("span", {
 		className: "text-sm",
 		children: e
-	}) : /* @__PURE__ */ T(v, {});
+	}) : /* @__PURE__ */ I(E, {});
 	let { inputType: s, ...c } = a;
-	return /* @__PURE__ */ T(y, {
+	return /* @__PURE__ */ I(D, {
 		...c,
 		type: "url",
 		value: e || "",
@@ -205,8 +207,8 @@ function P({ value: e, onChange: t, field: n, readonly: r, errorMessage: i, ...a
 }
 //#endregion
 //#region src/widgets/CurrencyField.tsx
-var je = /* @__PURE__ */ e({ CurrencyField: () => F });
-function Me(e, t = "USD") {
+var Ve = /* @__PURE__ */ e({ CurrencyField: () => Ue });
+function He(e, t = "USD") {
 	try {
 		return new Intl.NumberFormat("en-US", {
 			style: "currency",
@@ -216,22 +218,22 @@ function Me(e, t = "USD") {
 		return `${t} ${e.toFixed(2)}`;
 	}
 }
-function F({ value: e, onChange: t, field: n, readonly: r, errorMessage: i, className: a, ...o }) {
+function Ue({ value: e, onChange: t, field: n, readonly: r, errorMessage: i, className: a, ...o }) {
 	let s = n || o.schema, c = s?.currency || "USD", l = s?.precision ?? 2;
-	if (r) return e == null ? /* @__PURE__ */ T(v, {}) : /* @__PURE__ */ T("span", {
+	if (r) return e == null ? /* @__PURE__ */ I(E, {}) : /* @__PURE__ */ I("span", {
 		className: "text-sm font-medium tabular-nums",
-		children: Me(Number(e), c)
+		children: He(Number(e), c)
 	});
 	let u = (e) => {
 		let n = parseFloat(e.target.value);
 		isNaN(n) || t(parseFloat(n.toFixed(l)));
 	};
-	return /* @__PURE__ */ E("div", {
+	return /* @__PURE__ */ L("div", {
 		className: "relative",
-		children: [/* @__PURE__ */ T("span", {
+		children: [/* @__PURE__ */ I("span", {
 			className: "absolute left-3 top-1/2 -translate-y-1/2 text-sm text-gray-500",
 			children: c === "USD" ? "$" : c
-		}), /* @__PURE__ */ T(y, {
+		}), /* @__PURE__ */ I(D, {
 			...o,
 			type: "number",
 			value: e ?? "",
@@ -249,54 +251,123 @@ function F({ value: e, onChange: t, field: n, readonly: r, errorMessage: i, clas
 }
 //#endregion
 //#region src/widgets/TextAreaField.tsx
-var Ne = /* @__PURE__ */ e({ TextAreaField: () => I });
-function I({ value: e, onChange: t, field: n, readonly: r, errorMessage: i, ...a }) {
-	if (r) return /* @__PURE__ */ T("div", {
+var We = /* @__PURE__ */ e({ TextAreaField: () => Ge });
+function Ge({ value: e, onChange: t, field: n, readonly: r, errorMessage: i, ...a }) {
+	if (r) return /* @__PURE__ */ I("div", {
 		className: "text-sm whitespace-pre-wrap",
-		children: e || /* @__PURE__ */ T(v, {})
-	});
-	let o = n || a.schema, s = o?.rows || 4, c = o?.max_length, { inputType: l, ...u } = a;
-	return /* @__PURE__ */ E("div", {
+		children: e || /* @__PURE__ */ I(E, {})
+	});
+	let o = n || a.schema, s = o?.rows || 4, c = o?.max_length, l = !!(a.mobileFullscreen ?? o?.mobile_fullscreen ?? a.mobile_fullscreen ?? a.schema?.mobile_fullscreen), [u, d] = m(!1), [f, p] = m(e ?? ""), h = () => {
+		p(e ?? ""), d(!0);
+	}, g = () => d(!1), _ = () => {
+		t(f), d(!1);
+	}, { inputType: v, mobileFullscreen: y, ...x } = a;
+	return /* @__PURE__ */ L("div", {
 		className: "relative",
-		children: [/* @__PURE__ */ T(S, {
-			...u,
-			value: e || "",
-			onChange: (e) => t(e.target.value),
-			placeholder: o?.placeholder,
-			disabled: r || u.disabled,
-			rows: s,
-			maxLength: c,
-			"aria-invalid": !!i
-		}), c && /* @__PURE__ */ E("div", {
-			className: "absolute bottom-2 right-2 text-xs text-gray-400",
-			"aria-live": "polite",
-			"aria-label": `Character count: ${(e || "").length} of ${c}`,
-			children: [
-				(e || "").length,
-				"/",
-				c
-			]
-		})]
+		children: [
+			/* @__PURE__ */ I(M, {
+				...x,
+				value: e || "",
+				onChange: (e) => t(e.target.value),
+				placeholder: o?.placeholder,
+				disabled: r || x.disabled,
+				rows: s,
+				maxLength: c,
+				"aria-invalid": !!i,
+				className: x.className
+			}),
+			l && /* @__PURE__ */ I("button", {
+				type: "button",
+				onClick: h,
+				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__ */ I(ve, { className: "size-3.5" })
+			}),
+			c && /* @__PURE__ */ L("div", {
+				className: "absolute bottom-2 right-2 text-xs text-gray-400",
+				"aria-live": "polite",
+				"aria-label": `Character count: ${(e || "").length} of ${c}`,
+				children: [
+					(e || "").length,
+					"/",
+					c
+				]
+			}),
+			l && /* @__PURE__ */ I(S, {
+				open: u,
+				onOpenChange: d,
+				children: /* @__PURE__ */ L(C, {
+					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__ */ I(T, {
+							className: "p-4 border-b",
+							children: /* @__PURE__ */ I(ee, {
+								className: "text-base",
+								children: o?.label ?? "Edit text"
+							})
+						}),
+						/* @__PURE__ */ I("div", {
+							className: "flex-1 min-h-0 p-4",
+							children: /* @__PURE__ */ I(M, {
+								autoFocus: !0,
+								value: f,
+								onChange: (e) => p(e.target.value),
+								maxLength: c,
+								placeholder: o?.placeholder,
+								className: "h-full min-h-full resize-none text-base",
+								"data-testid": "textarea-fullscreen-input"
+							})
+						}),
+						/* @__PURE__ */ L(w, {
+							className: "p-3 border-t flex-row justify-between sm:justify-end gap-2",
+							children: [c && /* @__PURE__ */ L("span", {
+								className: "text-xs text-muted-foreground self-center",
+								children: [
+									f.length,
+									"/",
+									c
+								]
+							}), /* @__PURE__ */ L("div", {
+								className: "flex gap-2 ml-auto",
+								children: [/* @__PURE__ */ L(b, {
+									type: "button",
+									variant: "ghost",
+									onClick: g,
+									children: [/* @__PURE__ */ I(F, { className: "size-4 mr-1" }), " Cancel"]
+								}), /* @__PURE__ */ L(b, {
+									type: "button",
+									onClick: _,
+									"data-testid": "textarea-fullscreen-save",
+									children: [/* @__PURE__ */ I(P, { className: "size-4 mr-1" }), " Done"]
+								})]
+							})]
+						})
+					]
+				})
+			})
+		]
 	});
 }
 //#endregion
 //#region src/widgets/RichTextField.tsx
-var Pe = /* @__PURE__ */ e({ RichTextField: () => L });
-function L({ value: e, onChange: t, field: n, readonly: r, errorMessage: i, ...a }) {
-	if (r) return /* @__PURE__ */ T("div", {
+var Ke = /* @__PURE__ */ e({ RichTextField: () => R });
+function R({ value: e, onChange: t, field: n, readonly: r, errorMessage: i, ...a }) {
+	if (r) return /* @__PURE__ */ I("div", {
 		className: "text-sm prose prose-sm max-w-none",
-		children: e || /* @__PURE__ */ T(v, {})
+		children: e || /* @__PURE__ */ I(E, {})
 	});
 	let o = n || a.schema, s = o?.rows || 8;
-	return /* @__PURE__ */ E("div", {
+	return /* @__PURE__ */ L("div", {
 		className: "space-y-2",
-		children: [/* @__PURE__ */ E("div", {
+		children: [/* @__PURE__ */ L("div", {
 			className: "flex items-center justify-between text-xs text-gray-500",
-			children: [/* @__PURE__ */ E("span", { children: ["Format: ", o?.format || "markdown"] }), /* @__PURE__ */ T("span", {
+			children: [/* @__PURE__ */ L("span", { children: ["Format: ", o?.format || "markdown"] }), /* @__PURE__ */ I("span", {
 				className: "italic",
 				children: "Rich text editor (basic)"
 			})]
-		}), /* @__PURE__ */ T(S, {
+		}), /* @__PURE__ */ I(M, {
 			value: e || "",
 			onChange: (e) => t(e.target.value),
 			placeholder: o?.placeholder || "Enter text...",
@@ -309,12 +380,12 @@ function L({ value: e, onChange: t, field: n, readonly: r, errorMessage: i, ...a
 }
 //#endregion
 //#region src/widgets/DateTimeField.tsx
-var Fe = /* @__PURE__ */ e({ DateTimeField: () => R });
-function R({ value: e, onChange: t, field: n, readonly: r, ...i }) {
+var qe = /* @__PURE__ */ e({ DateTimeField: () => Je });
+function Je({ value: e, onChange: t, field: n, readonly: r, ...i }) {
 	if (r) {
-		if (!e) return /* @__PURE__ */ T(v, {});
+		if (!e) return /* @__PURE__ */ I(E, {});
 		let t = new Date(e);
-		return /* @__PURE__ */ E("span", {
+		return /* @__PURE__ */ L("span", {
 			className: "text-sm",
 			children: [
 				t.toLocaleDateString(),
@@ -324,7 +395,7 @@ function R({ value: e, onChange: t, field: n, readonly: r, ...i }) {
 		});
 	}
 	let { inputType: a, ...o } = i;
-	return /* @__PURE__ */ T(y, {
+	return /* @__PURE__ */ I(D, {
 		...o,
 		type: "datetime-local",
 		value: e || "",
@@ -334,14 +405,14 @@ function R({ value: e, onChange: t, field: n, readonly: r, ...i }) {
 }
 //#endregion
 //#region src/widgets/TimeField.tsx
-var Ie = /* @__PURE__ */ e({ TimeField: () => z });
-function z({ value: e, onChange: t, field: n, readonly: r, ...i }) {
-	if (r) return /* @__PURE__ */ T("span", {
+var Ye = /* @__PURE__ */ e({ TimeField: () => Xe });
+function Xe({ value: e, onChange: t, field: n, readonly: r, ...i }) {
+	if (r) return /* @__PURE__ */ I("span", {
 		className: "text-sm",
-		children: e || /* @__PURE__ */ T(v, {})
+		children: e || /* @__PURE__ */ I(E, {})
 	});
 	let { inputType: a, ...o } = i;
-	return /* @__PURE__ */ T(y, {
+	return /* @__PURE__ */ I(D, {
 		...o,
 		type: "time",
 		value: e || "",
@@ -351,10 +422,10 @@ function z({ value: e, onChange: t, field: n, readonly: r, ...i }) {
 }
 //#endregion
 //#region src/widgets/PercentField.tsx
-var Le = /* @__PURE__ */ e({ PercentField: () => B });
-function B({ value: e, onChange: t, field: n, readonly: r, errorMessage: i, className: a, ...o }) {
+var Ze = /* @__PURE__ */ e({ PercentField: () => z });
+function z({ 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__ */ T(v, {}) : /* @__PURE__ */ E("span", {
+	if (r) return e == null ? /* @__PURE__ */ I(E, {}) : /* @__PURE__ */ L("span", {
 		className: "text-sm font-medium tabular-nums",
 		children: [(e * 100).toFixed(c), "%"]
 	});
@@ -374,11 +445,11 @@ function B({ value: e, onChange: t, field: n, readonly: r, errorMessage: i, clas
 		let n = e[0];
 		t(typeof n == "number" ? n / 100 : null);
 	}, p = 10 ** -c;
-	return /* @__PURE__ */ E("div", {
+	return /* @__PURE__ */ L("div", {
 		className: "space-y-2",
-		children: [/* @__PURE__ */ E("div", {
+		children: [/* @__PURE__ */ L("div", {
 			className: "relative",
-			children: [/* @__PURE__ */ T(y, {
+			children: [/* @__PURE__ */ I(D, {
 				...o,
 				type: "number",
 				value: l,
@@ -388,11 +459,11 @@ function B({ value: e, onChange: t, field: n, readonly: r, errorMessage: i, clas
 				className: `pr-8 ${a || ""}`,
 				step: (10 ** -c).toFixed(c),
 				"aria-invalid": !!i
-			}), /* @__PURE__ */ T("span", {
+			}), /* @__PURE__ */ I("span", {
 				className: "absolute right-3 top-1/2 -translate-y-1/2 text-sm text-gray-500",
 				children: "%"
 			})]
-		}), /* @__PURE__ */ T(x, {
+		}), /* @__PURE__ */ I(j, {
 			value: [u],
 			onValueChange: f,
 			min: 0,
@@ -407,40 +478,40 @@ function B({ value: e, onChange: t, field: n, readonly: r, errorMessage: i, clas
 }
 //#endregion
 //#region src/widgets/PasswordField.tsx
-var Re = /* @__PURE__ */ e({ PasswordField: () => V });
-function V({ value: e, onChange: t, field: n, readonly: r, className: i, ...a }) {
-	let [o, s] = u(!1), c = n || a.schema;
-	if (r) return /* @__PURE__ */ T("span", {
+var Qe = /* @__PURE__ */ e({ PasswordField: () => B });
+function B({ value: e, onChange: t, field: n, readonly: r, className: i, ...a }) {
+	let [o, s] = m(!1), c = n || a.schema;
+	if (r) return /* @__PURE__ */ I("span", {
 		className: "text-sm",
 		children: "••••••••"
 	});
-	let { inputType: l, ...d } = a;
-	return /* @__PURE__ */ E("div", {
+	let { inputType: l, ...u } = a;
+	return /* @__PURE__ */ L("div", {
 		className: "relative",
-		children: [/* @__PURE__ */ T(y, {
-			...d,
+		children: [/* @__PURE__ */ I(D, {
+			...u,
 			type: o ? "text" : "password",
 			value: e || "",
 			onChange: (e) => t(e.target.value),
 			placeholder: c?.placeholder,
-			disabled: r || d.disabled,
+			disabled: r || u.disabled,
 			className: `pr-10 ${i || ""}`
-		}), /* @__PURE__ */ T(g, {
+		}), /* @__PURE__ */ I(b, {
 			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: T(o ? fe : de, { className: "size-4 text-gray-500" })
+			children: I(o ? fe : de, { className: "size-4 text-gray-500" })
 		})]
 	});
 }
 //#endregion
 //#region src/widgets/FileField.tsx
-var ze = /* @__PURE__ */ e({ FileField: () => Be });
-function Be({ value: e, onChange: t, field: n, readonly: r, ...i }) {
-	let a = l(null), s = n || i.schema, c = s?.multiple || !1, d = s?.accept ? s.accept.join(",") : void 0, f = s?.maxSize, [p, m] = u(!1), [h, _] = u([]), y = e ? Array.isArray(e) ? e : [e] : [], b = o((e) => {
+var $e = /* @__PURE__ */ e({ FileField: () => V });
+function V({ value: e, onChange: t, field: n, readonly: r, ...i }) {
+	let o = p(null), s = p(null), c = n || i.schema, l = c?.multiple || !1, d = c?.accept ? c.accept.join(",") : void 0, f = c?.maxSize, h = c?.capture ?? null, g = !d || d.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 = h === !1 ? !1 : h ?? (g && _ ? "environment" : null), [y, x] = m(!1), [S, C] = m([]), { upload: w } = a(), [T, ee] = m({}), [D, O] = m(!1), k = e ? Array.isArray(e) ? e : [e] : [], A = u(async (e) => {
 		if (e.length === 0) return;
 		let n = [], r = e.filter((e) => {
 			if (f && e.size > f) {
@@ -449,214 +520,329 @@ function Be({ value: e, onChange: t, field: n, readonly: r, ...i }) {
 			}
 			return !0;
 		});
-		if (_(n), r.length === 0) return;
-		let i = r.map((e) => ({
-			name: e.name,
-			original_name: e.name,
-			size: e.size,
-			mime_type: e.type,
-			url: URL.createObjectURL(e)
-		}));
-		t(c ? [...y, ...i] : i[0]);
+		if (C(n), r.length !== 0) {
+			O(!0);
+			try {
+				let e = (await Promise.all(r.map(async (e) => {
+					try {
+						let t = await w(e, { onProgress: (t) => ee((n) => ({
+							...n,
+							[e.name]: t
+						})) });
+						return {
+							name: t.name,
+							original_name: e.name,
+							size: t.size,
+							mime_type: t.mimeType,
+							url: t.url
+						};
+					} catch (t) {
+						return n.push(`Failed to upload "${e.name}": ${t.message}`), C([...n]), null;
+					}
+				}))).filter(Boolean);
+				if (e.length === 0) return;
+				t(l ? [...k, ...e] : e[0]);
+			} finally {
+				O(!1), ee({});
+			}
+		}
 	}, [
-		y,
-		c,
+		k,
+		l,
 		t,
-		f
-	]), ee = o((e) => {
-		e.preventDefault(), e.stopPropagation(), m(!0);
-	}, []), te = o((e) => {
-		e.preventDefault(), e.stopPropagation(), m(!1);
-	}, []), ne = o((e) => {
-		e.preventDefault(), e.stopPropagation(), m(!1);
+		f,
+		w
+	]), te = u((e) => {
+		e.preventDefault(), e.stopPropagation(), x(!0);
+	}, []), ne = u((e) => {
+		e.preventDefault(), e.stopPropagation(), x(!1);
+	}, []), re = u((e) => {
+		e.preventDefault(), e.stopPropagation(), x(!1);
 		let t = Array.from(e.dataTransfer.files);
 		if (d) {
 			let e = d.split(",").map((e) => e.trim().toLowerCase());
-			b(t.filter((t) => {
+			A(t.filter((t) => {
 				let n = t.name.split("."), r = n.length > 1 ? "." + n.pop()?.toLowerCase() : "";
 				return e.some((e) => e === t.type || r && e === r || e.endsWith("/*") && t.type.startsWith(e.replace("/*", "/")));
 			}));
-		} else b(t);
-	}, [d, b]);
-	if (r) return e ? /* @__PURE__ */ T("div", {
+		} else A(t);
+	}, [d, A]);
+	if (r) return e ? /* @__PURE__ */ I("div", {
 		className: "flex flex-wrap gap-2",
-		children: (Array.isArray(e) ? e : [e]).map((e, t) => /* @__PURE__ */ T("span", {
+		children: (Array.isArray(e) ? e : [e]).map((e, t) => /* @__PURE__ */ I("span", {
 			className: "text-sm truncate max-w-xs",
 			children: e.name || e.original_name || "File"
 		}, t))
-	}) : /* @__PURE__ */ T(v, {});
-	let re = (e) => {
-		b(Array.from(e.target.files || []));
+	}) : /* @__PURE__ */ I(E, {});
+	let j = (e) => {
+		A(Array.from(e.target.files || []));
 	}, ie = (e) => {
-		if (c) {
-			let n = y.filter((t, n) => n !== e);
+		if (l) {
+			let n = k.filter((t, n) => n !== e);
 			t(n.length > 0 ? n : null);
 		} else t(null);
-	}, x = (e) => (e.mime_type || "").startsWith("image/");
-	return /* @__PURE__ */ E("div", {
+	}, M = (e) => (e.mime_type || "").startsWith("image/");
+	return /* @__PURE__ */ L("div", {
 		className: i.className,
-		children: [/* @__PURE__ */ T("input", {
-			ref: a,
-			type: "file",
-			multiple: c,
-			accept: d,
-			onChange: re,
-			className: "hidden"
-		}), /* @__PURE__ */ E("div", {
-			className: "space-y-2",
-			children: [
-				/* @__PURE__ */ E("div", {
-					onDragOver: ee,
-					onDragLeave: te,
-					onDrop: ne,
-					onClick: () => a.current?.click(),
-					className: `
+		children: [
+			/* @__PURE__ */ I("input", {
+				ref: o,
+				type: "file",
+				multiple: l,
+				accept: d,
+				onChange: j,
+				className: "hidden"
+			}),
+			v && /* @__PURE__ */ I("input", {
+				ref: s,
+				type: "file",
+				accept: "image/*",
+				capture: v,
+				onChange: j,
+				className: "hidden",
+				"aria-label": "Camera capture",
+				"data-testid": "file-field-camera-input"
+			}),
+			/* @__PURE__ */ L("div", {
+				className: "space-y-2",
+				children: [
+					/* @__PURE__ */ L("div", {
+						onDragOver: te,
+						onDragLeave: ne,
+						onDrop: re,
+						onClick: () => o.current?.click(),
+						className: `
             flex flex-col items-center justify-center gap-2 p-6 
             border-2 border-dashed rounded-lg cursor-pointer
             transition-colors duration-200
-            ${p ? "border-primary bg-primary/5 text-primary" : "border-muted-foreground/25 hover:border-primary/50 text-muted-foreground hover:text-foreground"}
+            ${y ? "border-primary bg-primary/5 text-primary" : "border-muted-foreground/25 hover:border-primary/50 text-muted-foreground hover:text-foreground"}
           `,
-					role: "button",
-					tabIndex: 0,
-					onKeyDown: (e) => {
-						(e.key === "Enter" || e.key === " ") && (e.preventDefault(), a.current?.click());
-					},
-					children: [/* @__PURE__ */ T(xe, { className: `size-8 ${p ? "text-primary" : "text-muted-foreground"}` }), /* @__PURE__ */ E("div", {
-						className: "text-center",
-						children: [/* @__PURE__ */ T("p", {
-							className: "text-sm font-medium",
-							children: p ? "Drop files here" : "Drag & drop files here"
-						}), /* @__PURE__ */ T("p", {
-							className: "text-xs text-muted-foreground mt-1",
-							children: "or click to browse"
-						})]
-					})]
-				}),
-				h.length > 0 && /* @__PURE__ */ T("div", {
-					className: "space-y-0.5",
-					children: h.map((e, t) => /* @__PURE__ */ T("p", {
-						className: "text-xs text-destructive",
-						children: e
-					}, t))
-				}),
-				y.length > 0 && /* @__PURE__ */ T("div", {
-					className: "space-y-1",
-					children: y.map((e, t) => /* @__PURE__ */ E("div", {
-						className: "flex items-center justify-between gap-2 p-2 bg-muted/50 rounded-md border",
-						children: [/* @__PURE__ */ E("div", {
-							className: "flex items-center gap-2 flex-1 min-w-0",
-							children: [
-								x(e) && e.url ? /* @__PURE__ */ T("img", {
-									src: e.url,
-									alt: e.name,
-									className: "size-8 object-cover rounded flex-shrink-0"
-								}) : x(e) ? /* @__PURE__ */ T(he, { className: "size-4 text-muted-foreground flex-shrink-0" }) : /* @__PURE__ */ T(pe, { className: "size-4 text-muted-foreground flex-shrink-0" }),
-								/* @__PURE__ */ T("span", {
-									className: "text-sm truncate",
-									children: e.name || e.original_name || "File"
-								}),
-								e.size && /* @__PURE__ */ E("span", {
-									className: "text-xs text-muted-foreground",
-									children: [
-										"(",
-										(e.size / 1024).toFixed(1),
-										" KB)"
-									]
-								})
-							]
-						}), /* @__PURE__ */ T(g, {
-							type: "button",
-							variant: "ghost",
-							size: "sm",
-							onClick: (e) => {
-								e.stopPropagation(), ie(t);
-							},
-							className: "h-6 w-6 p-0",
-							children: /* @__PURE__ */ T(w, { className: "size-3" })
+						role: "button",
+						tabIndex: 0,
+						onKeyDown: (e) => {
+							(e.key === "Enter" || e.key === " ") && (e.preventDefault(), o.current?.click());
+						},
+						children: [/* @__PURE__ */ I(Ce, { className: `size-8 ${y ? "text-primary" : "text-muted-foreground"}` }), /* @__PURE__ */ L("div", {
+							className: "text-center",
+							children: [/* @__PURE__ */ I("p", {
+								className: "text-sm font-medium",
+								children: y ? "Drop files here" : "Drag & drop files here"
+							}), /* @__PURE__ */ L("p", {
+								className: "text-xs text-muted-foreground mt-1",
+								children: ["or click to browse", v ? " • use the camera button below" : ""]
+							})]
 						})]
-					}, t))
-				})
-			]
-		})]
+					}),
+					v && /* @__PURE__ */ L(b, {
+						type: "button",
+						variant: "outline",
+						size: "sm",
+						className: "w-full",
+						onClick: (e) => {
+							e.stopPropagation(), s.current?.click();
+						},
+						"data-testid": "file-field-camera-button",
+						children: [/* @__PURE__ */ I(ae, { className: "size-4 mr-2" }), v === "user" ? "Take selfie" : "Take photo"]
+					}),
+					D && /* @__PURE__ */ L("div", {
+						className: "flex items-center gap-2 text-xs text-muted-foreground",
+						"data-testid": "file-field-uploading",
+						children: [/* @__PURE__ */ I(ge, { className: "size-3 animate-spin" }), /* @__PURE__ */ L("span", { children: ["Uploading…", Object.keys(T).length > 0 && ` (${Math.round(Object.values(T).reduce((e, t) => e + t, 0) / Object.keys(T).length * 100)}%)`] })]
+					}),
+					S.length > 0 && /* @__PURE__ */ I("div", {
+						className: "space-y-0.5",
+						children: S.map((e, t) => /* @__PURE__ */ I("p", {
+							className: "text-xs text-destructive",
+							children: e
+						}, t))
+					}),
+					k.length > 0 && /* @__PURE__ */ I("div", {
+						className: "space-y-1",
+						children: k.map((e, t) => /* @__PURE__ */ L("div", {
+							className: "flex items-center justify-between gap-2 p-2 bg-muted/50 rounded-md border",
+							children: [/* @__PURE__ */ L("div", {
+								className: "flex items-center gap-2 flex-1 min-w-0",
+								children: [
+									M(e) && e.url ? /* @__PURE__ */ I("img", {
+										src: e.url,
+										alt: e.name,
+										className: "size-8 object-cover rounded flex-shrink-0"
+									}) : M(e) ? /* @__PURE__ */ I(he, { className: "size-4 text-muted-foreground flex-shrink-0" }) : /* @__PURE__ */ I(pe, { className: "size-4 text-muted-foreground flex-shrink-0" }),
+									/* @__PURE__ */ I("span", {
+										className: "text-sm truncate",
+										children: e.name || e.original_name || "File"
+									}),
+									e.size && /* @__PURE__ */ L("span", {
+										className: "text-xs text-muted-foreground",
+										children: [
+											"(",
+											(e.size / 1024).toFixed(1),
+											" KB)"
+										]
+									})
+								]
+							}), /* @__PURE__ */ I(b, {
+								type: "button",
+								variant: "ghost",
+								size: "sm",
+								onClick: (e) => {
+									e.stopPropagation(), ie(t);
+								},
+								className: "h-6 w-6 p-0",
+								children: /* @__PURE__ */ I(F, { className: "size-3" })
+							})]
+						}, t))
+					})
+				]
+			})
+		]
 	});
 }
 //#endregion
 //#region src/widgets/ImageField.tsx
-var Ve = /* @__PURE__ */ e({ ImageField: () => He });
-function He({ value: e, onChange: t, field: n, readonly: r, ...i }) {
-	let a = l(null), o = n || i.schema, s = o?.multiple || !1, c = o?.accept ? o.accept.join(",") : "image/*";
-	if (r) return e ? /* @__PURE__ */ T("div", {
+var et = /* @__PURE__ */ e({ ImageField: () => nt }), tt = l(() => import("./ImageCropperDialog-BYRMqcYm.js").then((e) => e.n).then((e) => ({ default: e.ImageCropperDialog })));
+function nt({ value: e, onChange: t, field: n, readonly: r, ...i }) {
+	let o = p(null), s = n || i.schema, l = s?.multiple || !1, d = s?.accept ? s.accept.join(",") : "image/*", f = s?.crop !== !1, [h, g] = m(null), { upload: _ } = a(), [v, y] = m(!1);
+	if (r) return e ? /* @__PURE__ */ I("div", {
 		className: "flex flex-wrap gap-2",
-		children: (Array.isArray(e) ? e : [e]).map((e, t) => /* @__PURE__ */ T("img", {
+		children: (Array.isArray(e) ? e : [e]).map((e, t) => /* @__PURE__ */ I("img", {
 			src: e.url || "",
 			alt: e.name || `Image ${t + 1}`,
 			className: "size-20 rounded-md object-cover border border-gray-200"
 		}, t))
-	}) : /* @__PURE__ */ T(v, {});
-	let u = e ? Array.isArray(e) ? e : [e] : [], d = (e) => {
+	}) : /* @__PURE__ */ I(E, {});
+	let x = e ? Array.isArray(e) ? e : [e] : [], S = async (e) => {
 		let n = Array.from(e.target.files || []);
-		if (n.length === 0) return;
-		let r = n.map((e) => ({
-			name: e.name,
-			original_name: e.name,
-			size: e.size,
-			mime_type: e.type,
-			url: URL.createObjectURL(e)
-		}));
-		t(s ? [...u, ...r] : r[0]);
-	}, f = (e) => {
-		if (s) {
-			let n = u.filter((t, n) => n !== e);
+		if (n.length !== 0) {
+			y(!0);
+			try {
+				let e = await Promise.all(n.map(async (e) => {
+					let t = await _(e);
+					return {
+						name: t.name,
+						original_name: e.name,
+						size: t.size,
+						mime_type: t.mimeType,
+						url: t.url
+					};
+				}));
+				t(l ? [...x, ...e] : e[0]);
+			} finally {
+				y(!1), o.current && (o.current.value = "");
+			}
+		}
+	}, C = (e) => {
+		if (l) {
+			let n = x.filter((t, n) => n !== e);
 			t(n.length > 0 ? n : null);
 		} else t(null);
-	};
-	return /* @__PURE__ */ E("div", {
+	}, w = u(async (e, n) => {
+		if (h) {
+			y(!0);
+			try {
+				let r = await _(e), i = {
+					name: r.name || n,
+					original_name: n,
+					size: r.size,
+					mime_type: r.mimeType,
+					url: r.url
+				};
+				if (l) {
+					let e = [...x];
+					e[h.index] = i, t(e);
+				} else t(i);
+			} finally {
+				y(!1), g(null);
+			}
+		}
+	}, [
+		h,
+		x,
+		l,
+		t,
+		_
+	]), T = u((e) => {
+		let t = x[e];
+		t?.url && g({
+			index: e,
+			src: t.url,
+			name: t.name || `image-${e}.png`
+		});
+	}, [x]);
+	return /* @__PURE__ */ L("div", {
 		className: i.className,
-		children: [/* @__PURE__ */ T("input", {
-			ref: a,
-			type: "file",
-			multiple: s,
-			accept: c,
-			onChange: d,
-			className: "hidden"
-		}), /* @__PURE__ */ E("div", {
-			className: "space-y-2",
-			children: [u.length > 0 && /* @__PURE__ */ T("div", {
-				className: "grid grid-cols-4 gap-2",
-				children: u.map((e, t) => /* @__PURE__ */ E("div", {
-					className: "relative group",
-					children: [/* @__PURE__ */ T("img", {
-						src: e.url || "",
-						alt: e.name || `Image ${t + 1}`,
-						className: "size-20 rounded-md object-cover border border-gray-200"
-					}), /* @__PURE__ */ T(g, {
-						type: "button",
-						variant: "destructive",
-						size: "sm",
-						onClick: () => f(t),
-						className: "absolute top-1 right-1 h-6 w-6 p-0 opacity-0 group-hover:opacity-100 transition-opacity",
-						children: /* @__PURE__ */ T(w, { className: "size-3" })
-					})]
-				}, t))
-			}), /* @__PURE__ */ E(g, {
-				type: "button",
-				variant: "outline",
-				onClick: () => a.current?.click(),
-				className: "w-full",
-				children: [/* @__PURE__ */ T(me, { className: "size-4 mr-2" }), u.length > 0 ? "Add More Images" : "Upload Image"]
-			})]
-		})]
+		children: [
+			/* @__PURE__ */ I("input", {
+				ref: o,
+				type: "file",
+				multiple: l,
+				accept: d,
+				onChange: S,
+				className: "hidden"
+			}),
+			/* @__PURE__ */ L("div", {
+				className: "space-y-2",
+				children: [x.length > 0 && /* @__PURE__ */ I("div", {
+					className: "grid grid-cols-4 gap-2",
+					children: x.map((e, t) => /* @__PURE__ */ L("div", {
+						className: "relative group",
+						children: [/* @__PURE__ */ I("img", {
+							src: e.url || "",
+							alt: e.name || `Image ${t + 1}`,
+							className: "size-20 rounded-md object-cover border border-gray-200"
+						}), /* @__PURE__ */ L("div", {
+							className: "absolute top-1 right-1 flex gap-1 opacity-0 group-hover:opacity-100 transition-opacity",
+							children: [f && /* @__PURE__ */ I(b, {
+								type: "button",
+								variant: "secondary",
+								size: "sm",
+								onClick: () => T(t),
+								className: "h-6 w-6 p-0",
+								"aria-label": `Crop image ${t + 1}`,
+								"data-testid": `image-field-crop-${t}`,
+								children: /* @__PURE__ */ I(se, { className: "size-3" })
+							}), /* @__PURE__ */ I(b, {
+								type: "button",
+								variant: "destructive",
+								size: "sm",
+								onClick: () => C(t),
+								className: "h-6 w-6 p-0",
+								children: /* @__PURE__ */ I(F, { className: "size-3" })
+							})]
+						})]
+					}, t))
+				}), /* @__PURE__ */ L(b, {
+					type: "button",
+					variant: "outline",
+					onClick: () => o.current?.click(),
+					className: "w-full",
+					disabled: v,
+					"data-testid": "image-field-upload-button",
+					children: [v ? /* @__PURE__ */ I(ge, { className: "size-4 mr-2 animate-spin" }) : /* @__PURE__ */ I(me, { className: "size-4 mr-2" }), v ? "Uploading…" : x.length > 0 ? "Add More Images" : "Upload Image"]
+				})]
+			}),
+			f && h && /* @__PURE__ */ I(c, {
+				fallback: null,
+				children: /* @__PURE__ */ I(tt, {
+					open: !0,
+					onOpenChange: (e) => !e && g(null),
+					src: h.src,
+					outputName: h.name,
+					onConfirm: w
+				})
+			})
+		]
 	});
 }
 //#endregion
 //#region src/widgets/LocationField.tsx
-var Ue = /* @__PURE__ */ e({ LocationField: () => We });
-function We({ value: e, onChange: t, field: n, readonly: r, ...i }) {
+var rt = /* @__PURE__ */ e({ LocationField: () => it });
+function it({ 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__ */ T("span", {
+	return r ? /* @__PURE__ */ I("span", {
 		className: "text-sm",
-		children: o || /* @__PURE__ */ T(v, {})
-	}) : /* @__PURE__ */ T(y, {
+		children: o || /* @__PURE__ */ I(E, {})
+	}) : /* @__PURE__ */ I(D, {
 		type: "text",
 		value: o,
 		onChange: (e) => {
@@ -681,65 +867,65 @@ function We({ value: e, onChange: t, field: n, readonly: r, ...i }) {
 }
 //#endregion
 //#region src/widgets/FormulaField.tsx
-var Ge = /* @__PURE__ */ e({ FormulaField: () => H });
-function H({ value: e, field: t, ...n }) {
+var at = /* @__PURE__ */ e({ FormulaField: () => ot });
+function ot({ value: e, field: t, ...n }) {
 	let r = (t || n.schema)?.return_type || "text";
-	if (e == null) return /* @__PURE__ */ T(v, { className: n.className });
+	if (e == null) return /* @__PURE__ */ I(E, { 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__ */ T("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__ */ I("span", {
 		className: `text-sm font-mono text-gray-700 ${n.className || ""}`,
 		children: i
 	});
 }
 //#endregion
 //#region src/widgets/SummaryField.tsx
-var Ke = /* @__PURE__ */ e({ SummaryField: () => qe });
-function qe({ value: e, field: t, ...n }) {
+var st = /* @__PURE__ */ e({ SummaryField: () => ct });
+function ct({ value: e, field: t, ...n }) {
 	let r = (t || n.schema)?.summary_type || "count";
-	if (e == null) return /* @__PURE__ */ T(v, { className: n.className });
+	if (e == null) return /* @__PURE__ */ I(E, { 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__ */ T("span", {
+	].includes(r) && typeof e == "number" ? e.toFixed(2) : String(e), /* @__PURE__ */ I("span", {
 		className: `text-sm font-medium tabular-nums text-gray-700 ${n.className || ""}`,
 		children: i
 	});
 }
 //#endregion
 //#region src/widgets/AutoNumberField.tsx
-var Je = /* @__PURE__ */ e({ AutoNumberField: () => Ye });
-function Ye({ value: e, field: t, ...n }) {
-	return e == null ? /* @__PURE__ */ T(v, { className: n.className }) : /* @__PURE__ */ T("span", {
+var lt = /* @__PURE__ */ e({ AutoNumberField: () => ut });
+function ut({ value: e, field: t, ...n }) {
+	return e == null ? /* @__PURE__ */ I(E, { className: n.className }) : /* @__PURE__ */ I("span", {
 		className: `text-sm font-mono text-gray-700 ${n.className || ""}`,
 		children: String(e)
 	});
 }
 //#endregion
 //#region src/widgets/UserField.tsx
-var Xe = /* @__PURE__ */ e({ UserField: () => U });
-function U({ value: e, onChange: t, field: n, readonly: r, ...i }) {
+var dt = /* @__PURE__ */ e({ UserField: () => H });
+function H({ value: e, onChange: t, field: n, readonly: r, ...i }) {
 	let a = (n || i.schema)?.multiple || !1;
 	if (r) {
-		if (!e) return /* @__PURE__ */ T(v, {});
+		if (!e) return /* @__PURE__ */ I(E, {});
 		let t = Array.isArray(e) ? e : [e];
-		return /* @__PURE__ */ E("div", {
+		return /* @__PURE__ */ L("div", {
 			className: "flex -space-x-2",
 			children: [t.slice(0, 3).map((e, t) => {
 				let n = e.name || e.username || "User";
-				return /* @__PURE__ */ T(f, {
+				return /* @__PURE__ */ I(g, {
 					className: "size-8 border-2 border-white",
 					title: n,
-					children: /* @__PURE__ */ T(p, {
+					children: /* @__PURE__ */ I(_, {
 						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__ */ T(f, {
+			}), t.length > 3 && /* @__PURE__ */ I(g, {
 				className: "size-8 border-2 border-white",
-				children: /* @__PURE__ */ E(p, {
+				children: /* @__PURE__ */ L(_, {
 					className: "bg-gray-200 text-gray-600 text-xs",
 					children: ["+", t.length - 3]
 				})
@@ -752,37 +938,37 @@ function U({ value: e, onChange: t, field: n, readonly: r, ...i }) {
 			t(n.length > 0 ? n : null);
 		} else t(null);
 	};
-	return /* @__PURE__ */ E("div", {
+	return /* @__PURE__ */ L("div", {
 		className: i.className,
-		children: [o.length > 0 && /* @__PURE__ */ T("div", {
+		children: [o.length > 0 && /* @__PURE__ */ I("div", {
 			className: "flex flex-wrap gap-2 mb-2",
 			children: o.map((e, t) => {
 				let n = e.name || e.username || "User";
-				return /* @__PURE__ */ E(h, {
+				return /* @__PURE__ */ L(y, {
 					variant: "outline",
 					className: "gap-2 pr-1",
 					children: [
-						/* @__PURE__ */ T(f, {
+						/* @__PURE__ */ I(g, {
 							className: "size-5",
-							children: /* @__PURE__ */ T(p, {
+							children: /* @__PURE__ */ I(_, {
 								className: "bg-blue-500 text-white text-xs",
 								children: n.split(" ").map((e) => e[0]).join("").toUpperCase().slice(0, 2)
 							})
 						}),
-						/* @__PURE__ */ T("span", {
+						/* @__PURE__ */ I("span", {
 							className: "text-sm",
 							children: n
 						}),
-						/* @__PURE__ */ T("button", {
+						/* @__PURE__ */ I("button", {
 							type: "button",
 							onClick: () => s(t),
 							className: "ml-1 rounded-full hover:bg-gray-200 p-0.5",
-							children: /* @__PURE__ */ T(w, { className: "size-3" })
+							children: /* @__PURE__ */ I(F, { className: "size-3" })
 						})
 					]
 				}, t);
 			})
-		}), /* @__PURE__ */ T("div", {
+		}), /* @__PURE__ */ I("div", {
 			className: "text-sm text-gray-500 italic",
 			children: "User selection component requires integration with user management system"
 		})]
@@ -790,69 +976,69 @@ function U({ value: e, onChange: t, field: n, readonly: r, ...i }) {
 }
 //#endregion
 //#region src/widgets/ObjectField.tsx
-var Ze = /* @__PURE__ */ e({ ObjectField: () => Qe });
-function Qe({ value: e, onChange: t, field: n, readonly: r, ...i }) {
-	let a = n || i.schema, [o, c] = u(() => e == null ? "" : JSON.stringify(e, null, 2)), [l, d] = u(null);
-	return s(() => {
+var ft = /* @__PURE__ */ e({ ObjectField: () => pt });
+function pt({ value: e, onChange: t, field: n, readonly: r, ...i }) {
+	let a = n || i.schema, [o, s] = m(() => e == null ? "" : JSON.stringify(e, null, 2)), [c, l] = m(null);
+	return d(() => {
 		try {
 			if (e == null) {
-				c("");
+				s("");
 				return;
 			}
 			let t = o ? JSON.parse(o) : null;
-			JSON.stringify(t) !== JSON.stringify(e) && c(JSON.stringify(e, null, 2));
+			JSON.stringify(t) !== JSON.stringify(e) && s(JSON.stringify(e, null, 2));
 		} catch {
-			c(JSON.stringify(e, null, 2));
+			s(JSON.stringify(e, null, 2));
 		}
-	}, [e, o]), r ? e ? /* @__PURE__ */ T("pre", {
-		className: C("text-xs bg-gray-50 p-2 rounded border border-gray-200 overflow-auto max-h-40", i.className),
+	}, [e, o]), r ? e ? /* @__PURE__ */ I("pre", {
+		className: N("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__ */ T(v, {}) : /* @__PURE__ */ E("div", {
+	}) : /* @__PURE__ */ I(E, {}) : /* @__PURE__ */ L("div", {
 		className: "space-y-1",
-		children: [/* @__PURE__ */ T(S, {
+		children: [/* @__PURE__ */ I(M, {
 			value: o,
 			onChange: (e) => {
 				let n = e.target.value;
-				if (c(n), d(null), !n.trim()) {
+				if (s(n), l(null), !n.trim()) {
 					t(null);
 					return;
 				}
 				try {
 					t(JSON.parse(n));
 				} catch {
-					d("Invalid JSON");
+					l("Invalid JSON");
 				}
 			},
 			placeholder: a?.placeholder || "{\n  \"key\": \"value\"\n}",
 			disabled: r || i.disabled,
-			className: C("font-mono text-xs", l ? "border-red-500 focus-visible:ring-red-500" : "", i.className),
+			className: N("font-mono text-xs", c ? "border-red-500 focus-visible:ring-red-500" : "", i.className),
 			rows: 6
-		}), l && /* @__PURE__ */ T("p", {
+		}), c && /* @__PURE__ */ I("p", {
 			className: "text-xs text-red-500",
-			children: l
+			children: c
 		})]
 	});
 }
 //#endregion
 //#region src/widgets/VectorField.tsx
-var $e = /* @__PURE__ */ e({ VectorField: () => et });
-function et({ value: e, field: t, ...n }) {
+var mt = /* @__PURE__ */ e({ VectorField: () => ht });
+function ht({ value: e, field: t, ...n }) {
 	let r = (t || n.schema)?.dimensions || (Array.isArray(e) ? e.length : 0);
-	if (!e || !Array.isArray(e)) return /* @__PURE__ */ T(v, {});
+	if (!e || !Array.isArray(e)) return /* @__PURE__ */ I(E, {});
 	let i = e.slice(0, 3).map((e) => {
 		let t = Number(e);
 		return isNaN(t) ? "0" : t.toFixed(4);
 	}).join(", ");
-	return /* @__PURE__ */ E("div", {
+	return /* @__PURE__ */ L("div", {
 		className: `text-sm ${n.className || ""}`,
-		children: [/* @__PURE__ */ E("span", {
+		children: [/* @__PURE__ */ L("span", {
 			className: "font-mono text-gray-700",
 			children: [
 				"[",
 				i,
 				"...]"
 			]
-		}), /* @__PURE__ */ E("span", {
+		}), /* @__PURE__ */ L("span", {
 			className: "text-gray-500 ml-2",
 			children: [
 				"(",
@@ -864,39 +1050,39 @@ function et({ value: e, field: t, ...n }) {
 }
 //#endregion
 //#region src/widgets/GridField.tsx
-var tt = /* @__PURE__ */ e({ GridField: () => nt });
-function nt({ value: e, field: t, readonly: n, ...r }) {
+var gt = /* @__PURE__ */ e({ GridField: () => _t });
+function _t({ value: e, field: t, readonly: n, ...r }) {
 	let i = (t || r.schema)?.columns || [];
-	return !e || !Array.isArray(e) ? /* @__PURE__ */ T(v, {}) : n ? /* @__PURE__ */ T("div", {
-		className: C("text-sm", r.className),
-		children: /* @__PURE__ */ E("span", {
+	return !e || !Array.isArray(e) ? /* @__PURE__ */ I(E, {}) : n ? /* @__PURE__ */ I("div", {
+		className: N("text-sm", r.className),
+		children: /* @__PURE__ */ L("span", {
 			className: "text-foreground",
 			children: [e.length, " rows"]
 		})
-	}) : /* @__PURE__ */ E("div", {
-		className: C("border border-border rounded-lg overflow-hidden", r.className),
-		children: [/* @__PURE__ */ T("div", {
+	}) : /* @__PURE__ */ L("div", {
+		className: N("border border-border rounded-lg overflow-hidden", r.className),
+		children: [/* @__PURE__ */ I("div", {
 			className: "overflow-auto max-h-60",
-			children: /* @__PURE__ */ E("table", {
+			children: /* @__PURE__ */ L("table", {
 				className: "w-full text-sm",
-				children: [/* @__PURE__ */ T("thead", {
+				children: [/* @__PURE__ */ I("thead", {
 					className: "bg-muted border-b border-border",
-					children: /* @__PURE__ */ T("tr", { children: i.map((e, t) => /* @__PURE__ */ T("th", {
+					children: /* @__PURE__ */ I("tr", { children: i.map((e, t) => /* @__PURE__ */ I("th", {
 						className: "px-3 py-2 text-left text-xs font-medium text-muted-foreground",
 						children: e.label || e.name
 					}, t)) })
-				}), /* @__PURE__ */ T("tbody", {
+				}), /* @__PURE__ */ I("tbody", {
 					className: "divide-y divide-border",
-					children: e.slice(0, 5).map((e, t) => /* @__PURE__ */ T("tr", {
+					children: e.slice(0, 5).map((e, t) => /* @__PURE__ */ I("tr", {
 						className: "hover:bg-muted/50 transition-colors",
-						children: i.map((t, n) => /* @__PURE__ */ T("td", {
+						children: i.map((t, n) => /* @__PURE__ */ I("td", {
 							className: "px-3 py-2 text-foreground",
-							children: e[t.name] == null ? /* @__PURE__ */ T(v, {}) : String(e[t.name])
+							children: e[t.name] == null ? /* @__PURE__ */ I(E, {}) : String(e[t.name])
 						}, n))
 					}, t))
 				})]
 			})
-		}), e.length > 5 && /* @__PURE__ */ E("div", {
+		}), e.length > 5 && /* @__PURE__ */ L("div", {
 			className: "bg-muted px-3 py-2 text-xs text-muted-foreground border-t border-border",
 			children: [
 				"Showing 5 of ",
@@ -908,27 +1094,27 @@ function nt({ value: e, field: t, readonly: n, ...r }) {
 }
 //#endregion
 //#region src/widgets/ColorField.tsx
-var rt = /* @__PURE__ */ e({ ColorField: () => it });
-function it({ value: e, onChange: t, field: n, readonly: r, ...i }) {
+var vt = /* @__PURE__ */ e({ ColorField: () => yt });
+function yt({ value: e, onChange: t, field: n, readonly: r, ...i }) {
 	let a = n || i.schema;
-	return r ? /* @__PURE__ */ E("div", {
+	return r ? /* @__PURE__ */ L("div", {
 		className: "flex items-center gap-2",
-		children: [/* @__PURE__ */ T("div", {
+		children: [/* @__PURE__ */ I("div", {
 			className: "w-6 h-6 rounded border border-input",
 			style: { backgroundColor: e || "#000000" }
-		}), /* @__PURE__ */ T("span", {
+		}), /* @__PURE__ */ I("span", {
 			className: "text-sm",
-			children: e || /* @__PURE__ */ T(v, {})
+			children: e || /* @__PURE__ */ I(E, {})
 		})]
-	}) : /* @__PURE__ */ E("div", {
+	}) : /* @__PURE__ */ L("div", {
 		className: "flex items-center gap-2",
-		children: [/* @__PURE__ */ T("input", {
+		children: [/* @__PURE__ */ I("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__ */ T(y, {
+		}), /* @__PURE__ */ I(D, {
 			type: "text",
 			value: e || "",
 			onChange: (e) => t(e.target.value),
@@ -941,21 +1127,21 @@ function it({ value: e, onChange: t, field: n, readonly: r, ...i }) {
 }
 //#endregion
 //#region src/widgets/SliderField.tsx
-var at = /* @__PURE__ */ e({ SliderField: () => ot });
-function ot({ value: e, onChange: t, field: n, readonly: r, ...i }) {
+var bt = /* @__PURE__ */ e({ SliderField: () => xt });
+function xt({ 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__ */ E("div", {
+	return r ? /* @__PURE__ */ L("div", {
 		className: "flex items-center gap-2",
-		children: [/* @__PURE__ */ T("span", {
+		children: [/* @__PURE__ */ I("span", {
 			className: "text-sm font-medium",
 			children: e ?? o
-		}), /* @__PURE__ */ E("span", {
+		}), /* @__PURE__ */ L("span", {
 			className: "text-xs text-muted-foreground",
 			children: ["/ ", s]
 		})]
-	}) : /* @__PURE__ */ E("div", {
+	}) : /* @__PURE__ */ L("div", {
 		className: "flex items-center gap-4",
-		children: [/* @__PURE__ */ T(x, {
+		children: [/* @__PURE__ */ I(j, {
 			value: [e ?? o],
 			onValueChange: (e) => t(e[0]),
 			min: o,
@@ -963,7 +1149,7 @@ function ot({ value: e, onChange: t, field: n, readonly: r, ...i }) {
 			step: c,
 			disabled: r || i.disabled,
 			className: i.className
-		}), /* @__PURE__ */ T("span", {
+		}), /* @__PURE__ */ I("span", {
 			className: "text-sm font-medium w-12 text-right",
 			children: e ?? o
 		})]
@@ -971,62 +1157,62 @@ function ot({ value: e, onChange: t, field: n, readonly: r, ...i }) {
 }
 //#endregion
 //#region src/widgets/RatingField.tsx
-var st = /* @__PURE__ */ e({ RatingField: () => ct });
-function ct({ value: e, onChange: t, field: n, readonly: r, className: i, ...o }) {
-	let s = (n || o.schema)?.max ?? 5, c = e ?? 0, [l, u] = a.useState(null), d = l === null ? c : l;
-	return r ? /* @__PURE__ */ E("div", {
-		className: C("flex items-center gap-1", i),
-		children: [Array.from({ length: s }, (e, t) => /* @__PURE__ */ T(be, { className: `w-5 h-5 ${t < c ? "fill-yellow-400 text-yellow-400" : "text-muted-foreground"}` }, t)), /* @__PURE__ */ E("span", {
+var St = /* @__PURE__ */ e({ RatingField: () => U });
+function U({ value: e, onChange: t, field: n, readonly: r, className: i, ...a }) {
+	let o = (n || a.schema)?.max ?? 5, c = e ?? 0, [l, u] = s.useState(null), d = l === null ? c : l;
+	return r ? /* @__PURE__ */ L("div", {
+		className: N("flex items-center gap-1", i),
+		children: [Array.from({ length: o }, (e, t) => /* @__PURE__ */ I(Se, { className: `w-5 h-5 ${t < c ? "fill-yellow-400 text-yellow-400" : "text-muted-foreground"}` }, t)), /* @__PURE__ */ L("span", {
 			className: "ml-2 text-sm text-muted-foreground",
 			children: [
 				c,
 				" / ",
-				s
+				o
 			]
 		})]
-	}) : /* @__PURE__ */ E("div", {
-		className: C("flex items-center gap-1", i),
-		children: [Array.from({ length: s }, (e, n) => /* @__PURE__ */ T("button", {
+	}) : /* @__PURE__ */ L("div", {
+		className: N("flex items-center gap-1", i),
+		children: [Array.from({ length: o }, (e, n) => /* @__PURE__ */ I("button", {
 			type: "button",
 			onClick: () => t(n + 1),
 			onMouseEnter: () => u(n + 1),
 			onMouseLeave: () => u(null),
 			className: "focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 rounded",
-			disabled: r || o.disabled,
-			children: /* @__PURE__ */ T(be, { className: `w-5 h-5 transition-colors ${n < d ? "fill-yellow-400 text-yellow-400 hover:fill-yellow-500 hover:text-yellow-500" : "text-muted-foreground hover:text-yellow-400"}` })
-		}, n)), /* @__PURE__ */ E("span", {
+			disabled: r || a.disabled,
+			children: /* @__PURE__ */ I(Se, { className: `w-5 h-5 transition-colors ${n < d ? "fill-yellow-400 text-yellow-400 hover:fill-yellow-500 hover:text-yellow-500" : "text-muted-foreground hover:text-yellow-400"}` })
+		}, n)), /* @__PURE__ */ L("span", {
 			className: "ml-2 text-sm text-muted-foreground",
 			children: [
 				c,
 				" / ",
-				s
+				o
 			]
 		})]
 	});
 }
 //#endregion
 //#region src/widgets/CodeField.tsx
-var lt = /* @__PURE__ */ e({ CodeField: () => ut });
-function ut({ value: e, onChange: t, field: n, readonly: r, ...i }) {
+var Ct = /* @__PURE__ */ e({ CodeField: () => wt });
+function wt({ value: e, onChange: t, field: n, readonly: r, ...i }) {
 	let a = n || i.schema, o = a?.language ?? "javascript";
-	return r ? /* @__PURE__ */ T("pre", {
-		className: C("text-sm bg-muted p-2 rounded overflow-x-auto border", i.className),
-		children: /* @__PURE__ */ T("code", { children: e || /* @__PURE__ */ T(v, {}) })
-	}) : /* @__PURE__ */ T(S, {
+	return r ? /* @__PURE__ */ I("pre", {
+		className: N("text-sm bg-muted p-2 rounded overflow-x-auto border", i.className),
+		children: /* @__PURE__ */ I("code", { children: e || /* @__PURE__ */ I(E, {}) })
+	}) : /* @__PURE__ */ I(M, {
 		value: e || "",
 		onChange: (e) => t(e.target.value),
 		placeholder: a?.placeholder || `// Write ${o} code here...`,
 		disabled: r || i.disabled,
-		className: C("font-mono text-sm", i.className),
+		className: N("font-mono text-sm", i.className),
 		rows: 12,
 		spellCheck: !1
 	});
 }
 //#endregion
 //#region src/widgets/AvatarField.tsx
-var dt = /* @__PURE__ */ e({ AvatarField: () => ft });
-function ft({ value: e, onChange: t, field: n, readonly: r, ...i }) {
-	let [o, s] = a.useState(!1), c = a.useRef(null), l = n || i.schema, u = (e) => {
+var Tt = /* @__PURE__ */ e({ AvatarField: () => Et });
+function Et({ value: e, onChange: t, field: n, readonly: r, ...i }) {
+	let [a, o] = s.useState(!1), c = s.useRef(null), l = n || i.schema, u = (e) => {
 		let n = e.target.files?.[0];
 		if (!n) return;
 		if (!n.type.startsWith("image/")) {
@@ -1043,54 +1229,54 @@ function ft({ value: e, onChange: t, field: n, readonly: r, ...i }) {
 		}, r.readAsDataURL(n);
 	}, d = () => {
 		t("");
-	}, h = () => (l?.defaultName || l?.label || "User").split(" ").map((e) => e[0]).join("").toUpperCase().slice(0, 2);
-	return r ? /* @__PURE__ */ E(f, {
+	}, f = () => (l?.defaultName || l?.label || "User").split(" ").map((e) => e[0]).join("").toUpperCase().slice(0, 2);
+	return r ? /* @__PURE__ */ L(g, {
 		className: "w-16 h-16",
-		children: [e && /* @__PURE__ */ T(m, {
+		children: [e && /* @__PURE__ */ I(v, {
 			src: e,
 			alt: l?.label
-		}), /* @__PURE__ */ T(p, { children: h() })]
-	}) : /* @__PURE__ */ E("div", {
+		}), /* @__PURE__ */ I(_, { children: f() })]
+	}) : /* @__PURE__ */ L("div", {
 		className: "flex items-center gap-4",
-		children: [/* @__PURE__ */ E("div", {
+		children: [/* @__PURE__ */ L("div", {
 			className: "relative",
-			onMouseEnter: () => s(!0),
-			onMouseLeave: () => s(!1),
-			children: [/* @__PURE__ */ E(f, {
+			onMouseEnter: () => o(!0),
+			onMouseLeave: () => o(!1),
+			children: [/* @__PURE__ */ L(g, {
 				className: "w-16 h-16",
-				children: [e && /* @__PURE__ */ T(m, {
+				children: [e && /* @__PURE__ */ I(v, {
 					src: e,
 					alt: l?.label
-				}), /* @__PURE__ */ T(p, { children: h() })]
-			}), !r && o && e && /* @__PURE__ */ T("button", {
+				}), /* @__PURE__ */ I(_, { children: f() })]
+			}), !r && a && e && /* @__PURE__ */ I("button", {
 				type: "button",
 				onClick: d,
 				className: "absolute -top-1 -right-1 bg-destructive text-destructive-foreground rounded-full p-1 hover:bg-destructive/90",
-				children: /* @__PURE__ */ T(w, { className: "w-3 h-3" })
+				children: /* @__PURE__ */ I(F, { className: "w-3 h-3" })
 			})]
-		}), /* @__PURE__ */ E("div", {
+		}), /* @__PURE__ */ L("div", {
 			className: "flex flex-col gap-2",
 			children: [
-				/* @__PURE__ */ T("input", {
+				/* @__PURE__ */ I("input", {
 					ref: c,
 					type: "file",
 					accept: "image/*",
 					onChange: u,
 					className: "hidden"
 				}),
-				/* @__PURE__ */ E(g, {
+				/* @__PURE__ */ L(b, {
 					type: "button",
 					variant: "outline",
 					size: "sm",
 					onClick: () => c.current?.click(),
 					disabled: r || i.disabled,
 					children: [
-						/* @__PURE__ */ T(xe, { className: "w-4 h-4 mr-2" }),
+						/* @__PURE__ */ I(Ce, { className: "w-4 h-4 mr-2" }),
 						e ? "Change" : "Upload",
 						" Avatar"
 					]
 				}),
-				/* @__PURE__ */ T("p", {
+				/* @__PURE__ */ I("p", {
 					className: "text-xs text-muted-foreground",
 					children: "PNG, JPG up to 5MB"
 				})
@@ -1100,8 +1286,8 @@ function ft({ value: e, onChange: t, field: n, readonly: r, ...i }) {
 }
 //#endregion
 //#region src/widgets/AddressField.tsx
-var pt = /* @__PURE__ */ e({ AddressField: () => mt });
-function mt({ value: e, onChange: t, field: n, readonly: r, ...i }) {
+var Dt = /* @__PURE__ */ e({ AddressField: () => Ot });
+function Ot({ value: e, onChange: t, field: n, readonly: r, ...i }) {
 	let a = e || {}, o = (e, n) => {
 		t({
 			...a,
@@ -1115,19 +1301,19 @@ function mt({ value: e, onChange: t, field: n, readonly: r, ...i }) {
 	].filter(Boolean).join(", ");
 	if (r) {
 		let e = s(a);
-		return e ? /* @__PURE__ */ T("span", {
+		return e ? /* @__PURE__ */ I("span", {
 			className: "text-sm",
 			children: e
-		}) : /* @__PURE__ */ T(v, {});
+		}) : /* @__PURE__ */ I(E, {});
 	}
-	return /* @__PURE__ */ E("div", {
+	return /* @__PURE__ */ L("div", {
 		className: "space-y-3",
 		children: [
-			/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T(b, {
+			/* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I(O, {
 				htmlFor: "street",
 				className: "text-xs",
 				children: "Street Address"
-			}), /* @__PURE__ */ T(y, {
+			}), /* @__PURE__ */ I(D, {
 				id: "street",
 				type: "text",
 				value: a.street || "",
@@ -1136,24 +1322,24 @@ function mt({ value: e, onChange: t, field: n, readonly: r, ...i }) {
 				disabled: r || i.disabled,
 				className: i.className
 			})] }),
-			/* @__PURE__ */ E("div", {
+			/* @__PURE__ */ L("div", {
 				className: "grid grid-cols-2 gap-3",
-				children: [/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T(b, {
+				children: [/* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I(O, {
 					htmlFor: "city",
 					className: "text-xs",
 					children: "City"
-				}), /* @__PURE__ */ T(y, {
+				}), /* @__PURE__ */ I(D, {
 					id: "city",
 					type: "text",
 					value: a.city || "",
 					onChange: (e) => o("city", e.target.value),
 					placeholder: "San Francisco",
 					disabled: r || i.disabled
-				})] }), /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T(b, {
+				})] }), /* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I(O, {
 					htmlFor: "state",
 					className: "text-xs",
 					children: "State / Province"
-				}), /* @__PURE__ */ T(y, {
+				}), /* @__PURE__ */ I(D, {
 					id: "state",
 					type: "text",
 					value: a.state || "",
@@ -1162,24 +1348,24 @@ function mt({ value: e, onChange: t, field: n, readonly: r, ...i }) {
 					disabled: r || i.disabled
 				})] })]
 			}),
-			/* @__PURE__ */ E("div", {
+			/* @__PURE__ */ L("div", {
 				className: "grid grid-cols-2 gap-3",
-				children: [/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T(b, {
+				children: [/* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I(O, {
 					htmlFor: "zipCode",
 					className: "text-xs",
 					children: "ZIP / Postal Code"
-				}), /* @__PURE__ */ T(y, {
+				}), /* @__PURE__ */ I(D, {
 					id: "zipCode",
 					type: "text",
 					value: a.zipCode || "",
 					onChange: (e) => o("zipCode", e.target.value),
 					placeholder: "94102",
 					disabled: r || i.disabled
-				})] }), /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T(b, {
+				})] }), /* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I(O, {
 					htmlFor: "country",
 					className: "text-xs",
 					children: "Country"
-				}), /* @__PURE__ */ T(y, {
+				}), /* @__PURE__ */ I(D, {
 					id: "country",
 					type: "text",
 					value: a.country || "",
@@ -1193,9 +1379,9 @@ function mt({ value: e, onChange: t, field: n, readonly: r, ...i }) {
 }
 //#endregion
 //#region src/widgets/GeolocationField.tsx
-var ht = /* @__PURE__ */ e({ GeolocationField: () => gt });
-function gt({ value: e, onChange: t, field: n, readonly: r, ...i }) {
-	let [o, s] = a.useState(!1), c = e || {}, l = (e, n) => {
+var kt = /* @__PURE__ */ e({ GeolocationField: () => At });
+function At({ value: e, onChange: t, field: n, readonly: r, ...i }) {
+	let [a, o] = s.useState(!1), c = e || {}, l = (e, n) => {
 		t({
 			...c,
 			[e]: n ? Number(n) : void 0
@@ -1205,14 +1391,14 @@ function gt({ value: e, onChange: t, field: n, readonly: r, ...i }) {
 			console.error("Geolocation is not supported by this browser");
 			return;
 		}
-		s(!0), navigator.geolocation.getCurrentPosition((e) => {
+		o(!0), navigator.geolocation.getCurrentPosition((e) => {
 			t({
 				latitude: e.coords.latitude,
 				longitude: e.coords.longitude,
 				accuracy: e.coords.accuracy
-			}), s(!1);
+			}), o(!1);
 		}, (e) => {
-			console.error("Error getting location:", e.message), s(!1);
+			console.error("Error getting location:", e.message), o(!1);
 		}, {
 			enableHighAccuracy: !0,
 			timeout: 5e3,
@@ -1225,15 +1411,15 @@ function gt({ value: e, onChange: t, field: n, readonly: r, ...i }) {
 	};
 	if (r) {
 		let e = d(c);
-		return /* @__PURE__ */ E("div", {
+		return /* @__PURE__ */ L("div", {
 			className: "flex items-center gap-2",
 			children: [
-				/* @__PURE__ */ T(ge, { className: "w-4 h-4 text-muted-foreground" }),
-				e ? /* @__PURE__ */ T("span", {
+				/* @__PURE__ */ I(_e, { className: "w-4 h-4 text-muted-foreground" }),
+				e ? /* @__PURE__ */ I("span", {
 					className: "text-sm",
 					children: e
-				}) : /* @__PURE__ */ T(v, {}),
-				c.latitude && c.longitude && /* @__PURE__ */ T(g, {
+				}) : /* @__PURE__ */ I(E, {}),
+				c.latitude && c.longitude && /* @__PURE__ */ I(b, {
 					type: "button",
 					variant: "link",
 					size: "sm",
@@ -1244,33 +1430,33 @@ function gt({ value: e, onChange: t, field: n, readonly: r, ...i }) {
 			]
 		});
 	}
-	return /* @__PURE__ */ E("div", {
+	return /* @__PURE__ */ L("div", {
 		className: "space-y-3",
 		children: [
-			/* @__PURE__ */ E("div", {
+			/* @__PURE__ */ L("div", {
 				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ E(g, {
+				children: [/* @__PURE__ */ L(b, {
 					type: "button",
 					variant: "outline",
 					size: "sm",
 					onClick: u,
-					disabled: r || o,
-					children: [/* @__PURE__ */ T(ce, { className: "w-4 h-4 mr-2" }), o ? "Getting location..." : "Use Current Location"]
-				}), c.latitude && c.longitude && /* @__PURE__ */ E(g, {
+					disabled: r || a,
+					children: [/* @__PURE__ */ I(ce, { className: "w-4 h-4 mr-2" }), a ? "Getting location..." : "Use Current Location"]
+				}), c.latitude && c.longitude && /* @__PURE__ */ L(b, {
 					type: "button",
 					variant: "link",
 					size: "sm",
 					onClick: f,
-					children: [/* @__PURE__ */ T(ge, { className: "w-4 h-4 mr-2" }), "View on map"]
+					children: [/* @__PURE__ */ I(_e, { className: "w-4 h-4 mr-2" }), "View on map"]
 				})]
 			}),
-			/* @__PURE__ */ E("div", {
+			/* @__PURE__ */ L("div", {
 				className: "grid grid-cols-2 gap-3",
-				children: [/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T(b, {
+				children: [/* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I(O, {
 					htmlFor: "latitude",
 					className: "text-xs",
 					children: "Latitude"
-				}), /* @__PURE__ */ T(y, {
+				}), /* @__PURE__ */ I(D, {
 					id: "latitude",
 					type: "number",
 					value: c.latitude ?? "",
@@ -1279,11 +1465,11 @@ function gt({ value: e, onChange: t, field: n, readonly: r, ...i }) {
 					disabled: r || i.disabled,
 					step: "any",
 					className: i.className
-				})] }), /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T(b, {
+				})] }), /* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I(O, {
 					htmlFor: "longitude",
 					className: "text-xs",
 					children: "Longitude"
-				}), /* @__PURE__ */ T(y, {
+				}), /* @__PURE__ */ I(D, {
 					id: "longitude",
 					type: "number",
 					value: c.longitude ?? "",
@@ -1293,7 +1479,7 @@ function gt({ value: e, onChange: t, field: n, readonly: r, ...i }) {
 					step: "any"
 				})] })]
 			}),
-			c.accuracy && /* @__PURE__ */ E("p", {
+			c.accuracy && /* @__PURE__ */ L("p", {
 				className: "text-xs text-muted-foreground",
 				children: [
 					"Accuracy: ±",
@@ -1306,30 +1492,30 @@ function gt({ value: e, onChange: t, field: n, readonly: r, ...i }) {
 }
 //#endregion
 //#region src/widgets/SignatureField.tsx
-var _t = /* @__PURE__ */ e({ SignatureField: () => vt });
-function vt({ value: e, onChange: t, readonly: n }) {
-	let r = l(null), [i, o] = a.useState(!1), [c, u] = a.useState(!e);
-	s(() => {
+var jt = /* @__PURE__ */ e({ SignatureField: () => Mt });
+function Mt({ value: e, onChange: t, readonly: n }) {
+	let r = p(null), [i, a] = s.useState(!1), [o, c] = s.useState(!e);
+	d(() => {
 		if (e && r.current) {
 			let t = r.current.getContext("2d");
 			if (t) {
 				let n = new Image();
 				n.onload = () => {
-					t.drawImage(n, 0, 0), u(!1);
+					t.drawImage(n, 0, 0), c(!1);
 				}, n.src = e;
 			}
 		}
 	}, [e]);
-	let d = (e) => {
+	let l = (e) => {
 		if (n) return;
-		o(!0), u(!1);
+		a(!0), c(!1);
 		let t = r.current;
 		if (!t) return;
 		let i = t.getContext("2d");
 		if (!i) return;
-		let a = t.getBoundingClientRect(), s = "touches" in e ? e.touches[0].clientX - a.left : e.clientX - a.left, c = "touches" in e ? e.touches[0].clientY - a.top : e.clientY - a.top;
-		i.beginPath(), i.moveTo(s, c);
-	}, f = (e) => {
+		let o = t.getBoundingClientRect(), s = "touches" in e ? e.touches[0].clientX - o.left : e.clientX - o.left, l = "touches" in e ? e.touches[0].clientY - o.top : e.clientY - o.top;
+		i.beginPath(), i.moveTo(s, l);
+	}, u = (e) => {
 		if (!i || n) return;
 		let t = r.current;
 		if (!t) return;
@@ -1337,46 +1523,46 @@ function vt({ value: e, onChange: t, readonly: n }) {
 		if (!a) return;
 		let o = t.getBoundingClientRect(), s = "touches" in e ? e.touches[0].clientX - o.left : e.clientX - o.left, c = "touches" in e ? e.touches[0].clientY - o.top : e.clientY - o.top;
 		a.lineTo(s, c), a.strokeStyle = "#000", a.lineWidth = 2, a.lineCap = "round", a.lineJoin = "round", a.stroke();
-	}, p = () => {
+	}, f = () => {
 		if (!i) return;
-		o(!1);
+		a(!1);
 		let e = r.current;
 		e && t(e.toDataURL("image/png"));
 	};
-	return n && e ? /* @__PURE__ */ T("div", {
+	return n && e ? /* @__PURE__ */ I("div", {
 		className: "border rounded p-2 bg-white",
-		children: /* @__PURE__ */ T("img", {
+		children: /* @__PURE__ */ I("img", {
 			src: e,
 			alt: "Signature",
 			loading: "lazy",
 			className: "max-w-full h-auto"
 		})
-	}) : n && !e ? /* @__PURE__ */ T("span", {
+	}) : n && !e ? /* @__PURE__ */ I("span", {
 		className: "text-sm text-muted-foreground",
 		children: "No signature"
-	}) : /* @__PURE__ */ E("div", {
+	}) : /* @__PURE__ */ L("div", {
 		className: "space-y-2",
-		children: [/* @__PURE__ */ T("div", {
+		children: [/* @__PURE__ */ I("div", {
 			className: "border rounded bg-white",
-			children: /* @__PURE__ */ T("canvas", {
+			children: /* @__PURE__ */ I("canvas", {
 				ref: r,
 				width: 400,
 				height: 200,
 				className: "w-full touch-none cursor-crosshair",
-				onMouseDown: d,
-				onMouseMove: f,
-				onMouseUp: p,
-				onMouseLeave: p,
-				onTouchStart: d,
-				onTouchMove: f,
-				onTouchEnd: p
+				onMouseDown: l,
+				onMouseMove: u,
+				onMouseUp: f,
+				onMouseLeave: f,
+				onTouchStart: l,
+				onTouchMove: u,
+				onTouchEnd: f
 			})
-		}), /* @__PURE__ */ E("div", {
+		}), /* @__PURE__ */ L("div", {
 			className: "flex justify-between items-center",
-			children: [/* @__PURE__ */ T("p", {
+			children: [/* @__PURE__ */ I("p", {
 				className: "text-xs text-muted-foreground",
-				children: c ? "Sign above" : "Signature captured"
-			}), /* @__PURE__ */ E(g, {
+				children: o ? "Sign above" : "Signature captured"
+			}), /* @__PURE__ */ L(b, {
 				type: "button",
 				variant: "outline",
 				size: "sm",
@@ -1384,72 +1570,72 @@ function vt({ value: e, onChange: t, readonly: n }) {
 					let e = r.current;
 					if (!e) return;
 					let n = e.getContext("2d");
-					n && (n.clearRect(0, 0, e.width, e.height), u(!0), t(""));
+					n && (n.clearRect(0, 0, e.width, e.height), c(!0), t(""));
 				},
-				disabled: n || c,
-				children: [/* @__PURE__ */ T(le, { className: "w-4 h-4 mr-2" }), "Clear"]
+				disabled: n || o,
+				children: [/* @__PURE__ */ I(le, { className: "w-4 h-4 mr-2" }), "Clear"]
 			})]
 		})]
 	});
 }
 //#endregion
 //#region src/widgets/QRCodeField.tsx
-var yt = /* @__PURE__ */ e({ QRCodeField: () => bt });
-function bt({ value: e, onChange: t, field: n, readonly: r, ...i }) {
-	let [o, s] = a.useState(!1), c = n || i.schema;
-	return r ? /* @__PURE__ */ E("div", {
+var Nt = /* @__PURE__ */ e({ QRCodeField: () => Pt });
+function Pt({ value: e, onChange: t, field: n, readonly: r, ...i }) {
+	let [a, o] = s.useState(!1), c = n || i.schema;
+	return r ? /* @__PURE__ */ L("div", {
 		className: "flex items-center gap-3",
-		children: [/* @__PURE__ */ T("span", {
+		children: [/* @__PURE__ */ I("span", {
 			className: "text-sm flex-1 truncate",
-			children: e || /* @__PURE__ */ T(v, {})
-		}), e && /* @__PURE__ */ E(g, {
+			children: e || /* @__PURE__ */ I(E, {})
+		}), e && /* @__PURE__ */ L(b, {
 			type: "button",
 			variant: "outline",
 			size: "sm",
-			onClick: () => s(!o),
+			onClick: () => o(!a),
 			children: [
-				/* @__PURE__ */ T(ye, { className: "w-4 h-4 mr-2" }),
-				o ? "Hide" : "Show",
+				/* @__PURE__ */ I(xe, { className: "w-4 h-4 mr-2" }),
+				a ? "Hide" : "Show",
 				" QR"
 			]
 		})]
-	}) : /* @__PURE__ */ E("div", {
+	}) : /* @__PURE__ */ L("div", {
 		className: "space-y-3",
 		children: [
-			/* @__PURE__ */ E("div", {
+			/* @__PURE__ */ L("div", {
 				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ T(y, {
+				children: [/* @__PURE__ */ I(D, {
 					type: "text",
 					value: e || "",
 					onChange: (e) => t(e.target.value),
 					placeholder: c?.placeholder || "Enter text for QR code",
 					disabled: r || i.disabled,
 					className: i.className
-				}), e && /* @__PURE__ */ E(Se, { children: [/* @__PURE__ */ T(g, {
+				}), e && /* @__PURE__ */ L(we, { children: [/* @__PURE__ */ I(b, {
 					type: "button",
 					variant: "outline",
 					size: "sm",
 					onClick: () => {
 						e && navigator.clipboard.writeText(e);
 					},
-					children: /* @__PURE__ */ T(se, { className: "w-4 h-4" })
-				}), /* @__PURE__ */ T(g, {
+					children: /* @__PURE__ */ I(oe, { className: "w-4 h-4" })
+				}), /* @__PURE__ */ I(b, {
 					type: "button",
 					variant: "outline",
 					size: "sm",
-					onClick: () => s(!o),
-					children: /* @__PURE__ */ T(ye, { className: "w-4 h-4" })
+					onClick: () => o(!a),
+					children: /* @__PURE__ */ I(xe, { className: "w-4 h-4" })
 				})] })]
 			}),
-			o && e && /* @__PURE__ */ T("div", {
+			a && e && /* @__PURE__ */ I("div", {
 				className: "border rounded p-4 bg-white flex justify-center",
-				children: /* @__PURE__ */ T("img", {
+				children: /* @__PURE__ */ I("img", {
 					src: ((e) => `https://api.qrserver.com/v1/create-qr-code/?size=200x200&data=${encodeURIComponent(e)}`)(e),
 					alt: "QR Code",
 					className: "w-48 h-48"
 				})
 			}),
-			e && /* @__PURE__ */ E("p", {
+			e && /* @__PURE__ */ L("p", {
 				className: "text-xs text-muted-foreground",
 				children: [
 					"QR code contains: ",
@@ -1462,8 +1648,8 @@ function bt({ value: e, onChange: t, field: n, readonly: r, ...i }) {
 }
 //#endregion
 //#region src/widgets/MasterDetailField.tsx
-var xt = /* @__PURE__ */ e({ MasterDetailField: () => St });
-function St({ value: e, onChange: t, field: n, readonly: r, className: i, ...a }) {
+var Ft = /* @__PURE__ */ e({ MasterDetailField: () => It });
+function It({ value: e, onChange: t, field: n, readonly: r, className: i, ...a }) {
 	let o = e || [], s = n || a.schema, c = () => {
 		let e = {
 			id: `new-${Date.now()}`,
@@ -1475,24 +1661,24 @@ function St({ value: e, onChange: t, field: n, readonly: r, className: i, ...a }
 	}, u = (e) => {
 		console.log("View detail:", e);
 	};
-	return r ? /* @__PURE__ */ E("div", {
-		className: C("space-y-2", i),
-		children: [o.length === 0 ? /* @__PURE__ */ T("span", {
+	return r ? /* @__PURE__ */ L("div", {
+		className: N("space-y-2", i),
+		children: [o.length === 0 ? /* @__PURE__ */ I("span", {
 			className: "text-sm text-muted-foreground",
 			children: "No related records"
-		}) : o.map((e) => /* @__PURE__ */ E("div", {
+		}) : o.map((e) => /* @__PURE__ */ L("div", {
 			className: "flex items-center justify-between p-2 border rounded hover:bg-muted/50",
-			children: [/* @__PURE__ */ T("span", {
+			children: [/* @__PURE__ */ I("span", {
 				className: "text-sm",
 				children: e.label
-			}), /* @__PURE__ */ T(g, {
+			}), /* @__PURE__ */ I(b, {
 				type: "button",
 				variant: "ghost",
 				size: "sm",
 				onClick: () => u(e),
-				children: /* @__PURE__ */ T(ue, { className: "w-4 h-4" })
+				children: /* @__PURE__ */ I(ue, { className: "w-4 h-4" })
 			})]
-		}, e.id)), /* @__PURE__ */ E("p", {
+		}, e.id)), /* @__PURE__ */ L("p", {
 			className: "text-xs text-muted-foreground",
 			children: [
 				o.length,
@@ -1500,50 +1686,50 @@ function St({ value: e, onChange: t, field: n, readonly: r, className: i, ...a }
 				o.length === 1 ? "record" : "records"
 			]
 		})]
-	}) : /* @__PURE__ */ E("div", {
-		className: C("space-y-3", i),
-		children: [/* @__PURE__ */ E("div", {
+	}) : /* @__PURE__ */ L("div", {
+		className: N("space-y-3", i),
+		children: [/* @__PURE__ */ L("div", {
 			className: "space-y-2",
-			children: [o.map((e) => /* @__PURE__ */ E("div", {
+			children: [o.map((e) => /* @__PURE__ */ L("div", {
 				className: "flex items-center justify-between gap-2 p-2 border rounded hover:bg-muted/50",
-				children: [/* @__PURE__ */ E("div", {
+				children: [/* @__PURE__ */ L("div", {
 					className: "flex items-center gap-2 flex-1",
-					children: [/* @__PURE__ */ T(h, {
+					children: [/* @__PURE__ */ I(y, {
 						variant: "outline",
 						children: e.id
-					}), /* @__PURE__ */ T("span", {
+					}), /* @__PURE__ */ I("span", {
 						className: "text-sm flex-1",
 						children: e.label
 					})]
-				}), /* @__PURE__ */ E("div", {
+				}), /* @__PURE__ */ L("div", {
 					className: "flex items-center gap-1",
-					children: [/* @__PURE__ */ T(g, {
+					children: [/* @__PURE__ */ I(b, {
 						type: "button",
 						variant: "ghost",
 						size: "sm",
 						onClick: () => u(e),
-						children: /* @__PURE__ */ T(ue, { className: "w-4 h-4" })
-					}), /* @__PURE__ */ T(g, {
+						children: /* @__PURE__ */ I(ue, { className: "w-4 h-4" })
+					}), /* @__PURE__ */ I(b, {
 						type: "button",
 						variant: "ghost",
 						size: "sm",
 						onClick: () => l(e.id),
 						disabled: a.disabled,
-						children: /* @__PURE__ */ T(w, { className: "w-4 h-4" })
+						children: /* @__PURE__ */ I(F, { className: "w-4 h-4" })
 					})]
 				})]
-			}, e.id)), o.length === 0 && /* @__PURE__ */ T("div", {
+			}, e.id)), o.length === 0 && /* @__PURE__ */ I("div", {
 				className: "text-sm text-muted-foreground text-center py-4 border border-dashed rounded bg-muted/20",
 				children: "No related records"
 			})]
-		}), /* @__PURE__ */ E(g, {
+		}), /* @__PURE__ */ L(b, {
 			type: "button",
 			variant: "outline",
 			className: "w-full",
 			onClick: c,
 			disabled: a.disabled,
 			children: [
-				/* @__PURE__ */ T(ve, { className: "w-4 h-4 mr-2" }),
+				/* @__PURE__ */ I(be, { className: "w-4 h-4 mr-2" }),
 				"Add ",
 				s?.label || "Record"
 			]
@@ -1568,7 +1754,7 @@ function W(e) {
 	}
 	return String(e);
 }
-function Ct(e, t = "USD") {
+function Lt(e, t = "USD") {
 	try {
 		return new Intl.NumberFormat("en-US", {
 			style: "currency",
@@ -1578,7 +1764,7 @@ function Ct(e, t = "USD") {
 		return `${t} ${e.toFixed(2)}`;
 	}
 }
-function wt(e, t = "USD") {
+function Rt(e, t = "USD") {
 	try {
 		return new Intl.NumberFormat("en-US", {
 			style: "currency",
@@ -1590,13 +1776,13 @@ function wt(e, t = "USD") {
 		return `${t} ${e}`;
 	}
 }
-function Tt(e, t = 0) {
+function zt(e, t = 0) {
 	return `${(e > -1 && e < 1 ? e * 100 : e).toFixed(t)}%`;
 }
 function G(e) {
 	return e.replace(/[_-]/g, " ").replace(/\b\w/g, (e) => e.toUpperCase());
 }
-function Et(e) {
+function Bt(e) {
 	if (!e) return "—";
 	let t = typeof e == "string" ? new Date(e) : e;
 	if (isNaN(t.getTime())) return "—";
@@ -1613,13 +1799,13 @@ function Et(e) {
 function K(e, t) {
 	if (!e) return "—";
 	let n = typeof e == "string" ? new Date(e) : e;
-	return isNaN(n.getTime()) ? "—" : t === "short" ? `${n.toLocaleDateString("en-US", { month: "short" })} ${n.getDate()}, '${String(n.getFullYear()).slice(-2)}` : t === "relative" ? Et(n) : n.toLocaleDateString(void 0, {
+	return isNaN(n.getTime()) ? "—" : t === "short" ? `${n.toLocaleDateString("en-US", { month: "short" })} ${n.getDate()}, '${String(n.getFullYear()).slice(-2)}` : t === "relative" ? Bt(n) : n.toLocaleDateString(void 0, {
 		year: "numeric",
 		month: "short",
 		day: "numeric"
 	});
 }
-function Dt(e) {
+function Vt(e) {
 	if (!e) return "—";
 	let t = typeof e == "string" ? new Date(e) : e;
 	return isNaN(t.getTime()) ? "—" : t.toLocaleDateString(void 0, {
@@ -1632,15 +1818,15 @@ function Dt(e) {
 }
 function q({ value: e }) {
 	let t = W(e);
-	return t == null || t === "" ? /* @__PURE__ */ T(v, {}) : /* @__PURE__ */ T("span", {
+	return t == null || t === "" ? /* @__PURE__ */ I(E, {}) : /* @__PURE__ */ I("span", {
 		className: "truncate",
 		children: String(t)
 	});
 }
-function Ot({ value: e, field: t }) {
-	if (e == null) return /* @__PURE__ */ T(v, {});
+function Ht({ value: e, field: t }) {
+	if (e == null) return /* @__PURE__ */ I(E, {});
 	let n = W(e), r = t.precision ?? 0, i = Number(n);
-	return /* @__PURE__ */ T("span", {
+	return /* @__PURE__ */ I("span", {
 		className: "tabular-nums",
 		children: isNaN(i) ? String(n) : new Intl.NumberFormat("en-US", {
 			minimumFractionDigits: r,
@@ -1648,42 +1834,42 @@ function Ot({ value: e, field: t }) {
 		}).format(i)
 	});
 }
-function kt({ value: e, field: t }) {
-	if (e == null) return /* @__PURE__ */ T(v, {});
+function Ut({ value: e, field: t }) {
+	if (e == null) return /* @__PURE__ */ I(E, {});
 	let n = W(e), r = t.currency || "USD", i = Number(n);
-	return /* @__PURE__ */ T("span", {
+	return /* @__PURE__ */ I("span", {
 		className: "tabular-nums font-medium whitespace-nowrap",
-		children: isNaN(i) ? String(n) : Ct(i, r)
+		children: isNaN(i) ? String(n) : Lt(i, r)
 	});
 }
-var At = /progress|completion/;
-function jt({ value: e, field: t }) {
-	if (e == null) return /* @__PURE__ */ T(v, {});
+var Wt = /progress|completion/;
+function Gt({ value: e, field: t }) {
+	if (e == null) return /* @__PURE__ */ I(E, {});
 	let n = W(e), r = t.precision ?? 0, i = Number(n);
-	if (isNaN(i)) return /* @__PURE__ */ T("span", {
+	if (isNaN(i)) return /* @__PURE__ */ I("span", {
 		className: "tabular-nums whitespace-nowrap",
 		children: String(n)
 	});
-	let a = At.test(t?.name?.toLowerCase() || ""), o = a ? i : i > -1 && i < 1 ? i * 100 : i, s = a ? `${i.toFixed(r)}%` : Tt(i, r), c = Math.max(0, Math.min(100, o));
-	return /* @__PURE__ */ E("div", {
+	let a = Wt.test(t?.name?.toLowerCase() || ""), o = a ? i : i > -1 && i < 1 ? i * 100 : i, s = a ? `${i.toFixed(r)}%` : zt(i, r), c = Math.max(0, Math.min(100, o));
+	return /* @__PURE__ */ L("div", {
 		className: "flex items-center gap-2",
-		children: [/* @__PURE__ */ T("div", {
+		children: [/* @__PURE__ */ I("div", {
 			className: "h-1.5 w-16 rounded-full bg-muted overflow-hidden flex-shrink-0",
 			role: "progressbar",
 			"aria-valuenow": c,
 			"aria-valuemin": 0,
 			"aria-valuemax": 100,
-			children: /* @__PURE__ */ T("div", {
+			children: /* @__PURE__ */ I("div", {
 				className: "h-full rounded-full bg-primary transition-all",
 				style: { width: `${c}%` }
 			})
-		}), /* @__PURE__ */ T("span", {
+		}), /* @__PURE__ */ I("span", {
 			className: "tabular-nums whitespace-nowrap",
 			children: s
 		})]
 	});
 }
-var Mt = new Set([
+var Kt = new Set([
 	"active",
 	"is_active",
 	"enabled",
@@ -1691,55 +1877,55 @@ var Mt = new Set([
 	"verified",
 	"is_verified"
 ]);
-function Nt({ value: e, field: t }) {
-	if (e == null) return /* @__PURE__ */ T("span", {
+function qt({ value: e, field: t }) {
+	if (e == null) return /* @__PURE__ */ I("span", {
 		className: "flex items-center justify-center",
-		children: /* @__PURE__ */ T(v, {})
+		children: /* @__PURE__ */ I(E, {})
 	});
 	let n = t?.name?.toLowerCase() || "";
-	return n === "completed" || n === "is_completed" || n === "done" || n === "is_done" ? /* @__PURE__ */ T("div", {
+	return n === "completed" || n === "is_completed" || n === "done" || n === "is_done" ? /* @__PURE__ */ I("div", {
 		className: "flex items-center justify-center",
-		children: e ? /* @__PURE__ */ T("div", {
+		children: e ? /* @__PURE__ */ I("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__ */ T(oe, { className: "size-3 text-white" })
-		}) : /* @__PURE__ */ T("div", {
+			children: /* @__PURE__ */ I(P, { className: "size-3 text-white" })
+		}) : /* @__PURE__ */ I("div", {
 			className: "size-5 rounded-full border-2 border-muted-foreground/30",
 			role: "img",
 			"aria-label": "Not completed",
 			"data-testid": "completion-indicator"
 		})
-	}) : Mt.has(n) && !e ? /* @__PURE__ */ E(h, {
+	}) : Kt.has(n) && !e ? /* @__PURE__ */ L(y, {
 		variant: "destructive",
 		className: "text-xs",
 		"data-testid": "boolean-warning-badge",
 		children: [t?.label || G(n), " — Off"]
-	}) : /* @__PURE__ */ T("div", {
+	}) : /* @__PURE__ */ I("div", {
 		className: "flex items-center justify-center",
-		children: /* @__PURE__ */ T(_, {
+		children: /* @__PURE__ */ I(x, {
 			checked: !!e,
 			disabled: !0,
 			className: "pointer-events-none"
 		})
 	});
 }
-function Pt({ value: e, field: t }) {
-	if (!e) return /* @__PURE__ */ T(v, {});
-	let n = W(e), r = K(n, t.format || "relative"), i = typeof n == "string" ? new Date(n) : n, a = i instanceof Date && !isNaN(i.getTime()), o = /* @__PURE__ */ new Date();
-	o.setHours(0, 0, 0, 0);
-	let s = a && i < o, c = a ? i.toISOString() : String(n);
-	return /* @__PURE__ */ T("span", {
-		className: `tabular-nums${s ? " text-red-600" : ""}`,
-		title: c,
-		children: r
+function Jt({ value: e, field: t }) {
+	if (!e) return /* @__PURE__ */ I(E, {});
+	let n = W(e), r = t, i = K(n, r.format || "relative"), a = typeof n == "string" ? new Date(n) : n, o = a instanceof Date && !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__ */ I("span", {
+		className: `tabular-nums${l ? " text-red-600" : ""}`,
+		title: u,
+		children: i
 	});
 }
-function Ft({ value: e }) {
-	if (!e) return /* @__PURE__ */ T(v, {});
+function Yt({ value: e }) {
+	if (!e) return /* @__PURE__ */ I(E, {});
 	let t = W(e), n = typeof t == "string" ? new Date(t) : t;
-	if (!(n instanceof Date) || isNaN(n.getTime())) return /* @__PURE__ */ T(v, {});
+	if (!(n instanceof Date) || isNaN(n.getTime())) return /* @__PURE__ */ I(E, {});
 	let r = n.toLocaleDateString(void 0, {
 		month: "numeric",
 		day: "numeric",
@@ -1749,15 +1935,15 @@ function Ft({ value: e }) {
 		minute: "2-digit",
 		hour12: !0
 	}).toLowerCase();
-	return /* @__PURE__ */ E("span", {
+	return /* @__PURE__ */ L("span", {
 		className: "tabular-nums text-sm whitespace-nowrap",
-		children: [/* @__PURE__ */ T("span", { children: r }), /* @__PURE__ */ T("span", {
+		children: [/* @__PURE__ */ I("span", { children: r }), /* @__PURE__ */ I("span", {
 			className: "ml-2 text-muted-foreground",
 			children: i
 		})]
 	});
 }
-var It = {
+var Xt = {
 	critical: "red",
 	urgent: "red",
 	high: "orange",
@@ -1790,16 +1976,16 @@ var It = {
 	delivered: "purple",
 	archived: "indigo"
 }, J = {
-	gray: "bg-gray-100 text-gray-800 border-gray-300",
-	red: "bg-red-100 text-red-800 border-red-300",
-	orange: "bg-orange-100 text-orange-800 border-orange-300",
-	yellow: "bg-yellow-100 text-yellow-800 border-yellow-300",
-	green: "bg-green-100 text-green-800 border-green-300",
-	blue: "bg-blue-100 text-blue-800 border-blue-300",
-	indigo: "bg-indigo-100 text-indigo-800 border-indigo-300",
-	purple: "bg-purple-100 text-purple-800 border-purple-300",
-	pink: "bg-pink-100 text-pink-800 border-pink-300"
-}, Lt = [
+	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",
+	yellow: "bg-yellow-50 text-yellow-800 border-yellow-200 dark:bg-yellow-950/40 dark:text-yellow-300 dark:border-yellow-900/60",
+	green: "bg-green-50 text-green-700 border-green-200 dark:bg-green-950/40 dark:text-green-300 dark:border-green-900/60",
+	blue: "bg-blue-50 text-blue-700 border-blue-200 dark:bg-blue-950/40 dark:text-blue-300 dark:border-blue-900/60",
+	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"
+}, Zt = [
 	"blue",
 	"green",
 	"purple",
@@ -1809,53 +1995,53 @@ var It = {
 	"yellow",
 	"red"
 ];
-function Rt(e) {
+function Qt(e) {
 	let t = 5381;
 	for (let n = 0; n < e.length; n++) t = (t << 5) + t ^ e.charCodeAt(n);
-	return Lt[Math.abs(t) % Lt.length];
+	return Zt[Math.abs(t) % Zt.length];
 }
-function zt(e, t) {
+function $t(e, t) {
 	if (e && J[e]) return J[e];
 	if (t == null || t === "") return "bg-muted text-muted-foreground border-border";
-	let n = String(t).toLowerCase().replace(/[\s-]/g, "_"), r = It[n];
-	return r && J[r] ? J[r] : J[Rt(n)];
+	let n = String(t).toLowerCase().replace(/[\s-]/g, "_"), r = Xt[n];
+	return r && J[r] ? J[r] : J[Qt(n)];
 }
 function Y({ value: e, field: t }) {
 	let n = t.options || [];
-	if (e == null || e === "") return /* @__PURE__ */ T(v, {});
-	if (Array.isArray(e)) return /* @__PURE__ */ T("div", {
+	if (e == null || e === "") return /* @__PURE__ */ I(E, {});
+	if (Array.isArray(e)) return /* @__PURE__ */ I("div", {
 		className: "flex flex-wrap gap-1",
 		children: e.map((e, t) => {
 			let r = n.find((t) => t.value === e), i = r?.label || G(String(e));
-			return /* @__PURE__ */ T(h, {
+			return /* @__PURE__ */ I(y, {
 				variant: "outline",
-				className: zt(r?.color, e),
+				className: $t(r?.color, e),
 				children: i
 			}, t);
 		})
 	});
 	let r = n.find((t) => t.value === e), i = r?.label || G(String(e));
-	return /* @__PURE__ */ T(h, {
+	return /* @__PURE__ */ I(y, {
 		variant: "outline",
-		className: zt(r?.color, e),
+		className: $t(r?.color, e),
 		children: i
 	});
 }
-function Bt({ value: e }) {
-	if (!e) return /* @__PURE__ */ T(v, {});
-	let t = String(W(e) ?? ""), [n, r] = a.useState(!1);
-	return /* @__PURE__ */ E("span", {
+function en({ value: e }) {
+	if (!e) return /* @__PURE__ */ I(E, {});
+	let t = String(W(e) ?? ""), [n, r] = s.useState(!1);
+	return /* @__PURE__ */ L("span", {
 		className: "inline-flex items-center gap-1 group/email",
-		children: [/* @__PURE__ */ T(g, {
+		children: [/* @__PURE__ */ I(b, {
 			variant: "link",
 			className: "p-0 h-auto font-normal text-blue-600 hover:text-blue-800",
 			asChild: !0,
-			children: /* @__PURE__ */ T("a", {
+			children: /* @__PURE__ */ I("a", {
 				href: `mailto:${t}`,
 				onClick: (e) => e.stopPropagation(),
 				children: t
 			})
-		}), /* @__PURE__ */ T("button", {
+		}), /* @__PURE__ */ I("button", {
 			type: "button",
 			className: "opacity-0 group-hover/email:opacity-100 transition-opacity p-0.5 rounded hover:bg-muted",
 			onClick: (e) => {
@@ -1864,18 +2050,18 @@ function Bt({ value: e }) {
 				}).catch(() => {});
 			},
 			"aria-label": "Copy email",
-			children: n ? /* @__PURE__ */ T(oe, { className: "h-3 w-3 text-green-600" }) : /* @__PURE__ */ T(se, { className: "h-3 w-3 text-muted-foreground" })
+			children: n ? /* @__PURE__ */ I(P, { className: "h-3 w-3 text-green-600" }) : /* @__PURE__ */ I(oe, { className: "h-3 w-3 text-muted-foreground" })
 		})]
 	});
 }
-function Vt({ value: e }) {
-	if (!e) return /* @__PURE__ */ T(v, {});
+function tn({ value: e }) {
+	if (!e) return /* @__PURE__ */ I(E, {});
 	let t = String(W(e) ?? "");
-	return /* @__PURE__ */ T(g, {
+	return /* @__PURE__ */ I(b, {
 		variant: "link",
 		className: "p-0 h-auto font-normal text-blue-600 hover:text-blue-800",
 		asChild: !0,
-		children: /* @__PURE__ */ T("a", {
+		children: /* @__PURE__ */ I("a", {
 			href: t,
 			target: "_blank",
 			rel: "noopener noreferrer",
@@ -1884,17 +2070,17 @@ function Vt({ value: e }) {
 		})
 	});
 }
-function Ht({ value: e }) {
-	if (!e) return /* @__PURE__ */ T(v, {});
-	let t = String(W(e) ?? ""), [n, r] = a.useState(!1);
-	return /* @__PURE__ */ E("span", {
+function nn({ value: e }) {
+	if (!e) return /* @__PURE__ */ I(E, {});
+	let t = String(W(e) ?? ""), [n, r] = s.useState(!1);
+	return /* @__PURE__ */ L("span", {
 		className: "inline-flex items-center gap-1 group/phone",
-		children: [/* @__PURE__ */ E("a", {
+		children: [/* @__PURE__ */ L("a", {
 			href: `tel:${t}`,
 			className: "inline-flex items-center gap-1 text-blue-600 hover:text-blue-800",
 			onClick: (e) => e.stopPropagation(),
-			children: [/* @__PURE__ */ T(_e, { className: "h-3 w-3" }), t]
-		}), /* @__PURE__ */ T("button", {
+			children: [/* @__PURE__ */ I(ye, { className: "h-3 w-3" }), t]
+		}), /* @__PURE__ */ I("button", {
 			type: "button",
 			className: "opacity-0 group-hover/phone:opacity-100 transition-opacity p-0.5 rounded hover:bg-muted",
 			onClick: (e) => {
@@ -1903,15 +2089,15 @@ function Ht({ value: e }) {
 				}).catch(() => {});
 			},
 			"aria-label": "Copy phone number",
-			children: n ? /* @__PURE__ */ T(oe, { className: "h-3 w-3 text-green-600" }) : /* @__PURE__ */ T(se, { className: "h-3 w-3 text-muted-foreground" })
+			children: n ? /* @__PURE__ */ I(P, { className: "h-3 w-3 text-green-600" }) : /* @__PURE__ */ I(oe, { className: "h-3 w-3 text-muted-foreground" })
 		})]
 	});
 }
-function Ut({ value: e, field: t }) {
-	if (!e) return /* @__PURE__ */ T(v, {});
+function rn({ value: e, field: t }) {
+	if (!e) return /* @__PURE__ */ I(E, {});
 	if (t.multiple, Array.isArray(e)) {
 		let t = e.length;
-		return /* @__PURE__ */ E("span", {
+		return /* @__PURE__ */ L("span", {
 			className: "text-sm text-gray-600",
 			children: [
 				t,
@@ -1920,30 +2106,30 @@ function Ut({ value: e, field: t }) {
 			]
 		});
 	}
-	return /* @__PURE__ */ T("span", {
+	return /* @__PURE__ */ I("span", {
 		className: "text-sm truncate",
 		children: e.name || e.original_name || "File"
 	});
 }
-function Wt({ value: e }) {
-	return e ? Array.isArray(e) ? /* @__PURE__ */ E("div", {
+function an({ value: e }) {
+	return e ? Array.isArray(e) ? /* @__PURE__ */ L("div", {
 		className: "flex -space-x-2",
-		children: [e.slice(0, 3).map((e, t) => /* @__PURE__ */ T("img", {
+		children: [e.slice(0, 3).map((e, t) => /* @__PURE__ */ I("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__ */ E("div", {
+		}, t)), e.length > 3 && /* @__PURE__ */ L("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__ */ T("img", {
+	}) : /* @__PURE__ */ I("img", {
 		src: e.url || "",
 		alt: e.name || "Image",
 		className: "size-10 rounded-md object-cover"
-	}) : /* @__PURE__ */ T(v, {});
+	}) : /* @__PURE__ */ I(E, {});
 }
 function X({ value: e, field: t }) {
-	if (e == null || e === "") return /* @__PURE__ */ T(v, {});
+	if (e == null || e === "") return /* @__PURE__ */ I(E, {});
 	let n = t.options || [], r = (e) => {
 		if (n.length > 0) {
 			let t = n.find((t) => String(t.value) === String(e));
@@ -1951,124 +2137,124 @@ function X({ value: e, field: t }) {
 		}
 		return String(e);
 	};
-	return Array.isArray(e) ? /* @__PURE__ */ T("div", {
+	return Array.isArray(e) ? /* @__PURE__ */ I("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__ */ T("span", {
-				className: "inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-gray-100 text-gray-800",
+			return n = typeof e == "object" && e ? e.name || e.label || e.id || e._id || String(e) : r(e), /* @__PURE__ */ I("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",
 				children: n
 			}, t);
 		})
-	}) : typeof e == "object" && e ? /* @__PURE__ */ T("span", {
+	}) : typeof e == "object" && e ? /* @__PURE__ */ I("span", {
 		className: "truncate",
 		children: e.name || e.label || e.id || e._id || "[Object]"
-	}) : /* @__PURE__ */ T("span", {
+	}) : /* @__PURE__ */ I("span", {
 		className: "truncate",
 		children: r(e)
 	});
 }
-function Gt({ value: e }) {
+function on({ value: e }) {
 	let t = W(e);
-	return t == null || t === "" ? /* @__PURE__ */ T(v, {}) : /* @__PURE__ */ T("span", {
+	return t == null || t === "" ? /* @__PURE__ */ I(E, {}) : /* @__PURE__ */ I("span", {
 		className: "text-gray-700 font-mono text-sm",
 		children: String(t)
 	});
 }
 function Z({ value: e }) {
-	if (!e) return /* @__PURE__ */ T(v, {});
-	if (typeof e != "object") return /* @__PURE__ */ T("span", {
+	if (!e) return /* @__PURE__ */ I(E, {});
+	if (typeof e != "object") return /* @__PURE__ */ I("span", {
 		className: "truncate",
 		children: String(e)
 	});
-	if (Array.isArray(e)) return /* @__PURE__ */ E("div", {
+	if (Array.isArray(e)) return /* @__PURE__ */ L("div", {
 		className: "flex -space-x-2",
 		children: [e.slice(0, 3).map((e, t) => {
-			if (typeof e != "object" || !e) return /* @__PURE__ */ T("span", {
+			if (typeof e != "object" || !e) return /* @__PURE__ */ I("span", {
 				className: "truncate text-sm",
 				children: String(e)
 			}, t);
 			let n = e.name || e.username || "User";
-			return /* @__PURE__ */ T(f, {
+			return /* @__PURE__ */ I(g, {
 				className: "size-8 border-2 border-white",
 				title: n,
-				children: /* @__PURE__ */ T(p, {
+				children: /* @__PURE__ */ I(_, {
 					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__ */ T(f, {
+		}), e.length > 3 && /* @__PURE__ */ I(g, {
 			className: "size-8 border-2 border-white",
-			children: /* @__PURE__ */ E(p, {
+			children: /* @__PURE__ */ L(_, {
 				className: "bg-gray-200 text-gray-600 text-xs",
 				children: ["+", e.length - 3]
 			})
 		})]
 	});
 	let t = e.name || e.username || "User";
-	return /* @__PURE__ */ E("div", {
+	return /* @__PURE__ */ L("div", {
 		className: "flex items-center gap-2",
-		children: [/* @__PURE__ */ T(f, {
+		children: [/* @__PURE__ */ I(g, {
 			className: "size-8",
-			children: /* @__PURE__ */ T(p, {
+			children: /* @__PURE__ */ I(_, {
 				className: "bg-blue-500 text-white text-xs",
 				children: t.split(" ").map((e) => e[0]).join("").toUpperCase().slice(0, 2)
 			})
-		}), /* @__PURE__ */ T("span", {
+		}), /* @__PURE__ */ I("span", {
 			className: "truncate",
 			children: t
 		})]
 	});
 }
-var Kt = /* @__PURE__ */ new Map();
+var sn = /* @__PURE__ */ new Map();
 function Q(e, t) {
-	Kt.set(e, t);
+	sn.set(e, t);
 }
-function qt(e) {
-	return Kt.has(e) ? Kt.get(e) : {
+function cn(e) {
+	return sn.has(e) ? sn.get(e) : {
 		text: q,
 		textarea: q,
 		markdown: q,
 		html: q,
-		number: Ot,
-		currency: kt,
-		percent: jt,
-		boolean: Nt,
-		date: Pt,
-		datetime: Ft,
+		number: Ht,
+		currency: Ut,
+		percent: Gt,
+		boolean: qt,
+		date: Jt,
+		datetime: Yt,
 		time: q,
 		select: Y,
 		status: Y,
 		lookup: X,
 		master_detail: X,
-		email: Bt,
-		url: Vt,
-		phone: Ht,
-		file: Ut,
-		image: Wt,
-		formula: Gt,
-		summary: Gt,
+		email: en,
+		url: tn,
+		phone: nn,
+		file: rn,
+		image: an,
+		formula: on,
+		summary: on,
 		auto_number: q,
 		user: Z,
 		owner: Z,
-		password: () => /* @__PURE__ */ T("span", { children: "••••••" }),
+		password: () => /* @__PURE__ */ I("span", { children: "••••••" }),
 		location: q,
-		object: () => /* @__PURE__ */ T("span", {
+		object: () => /* @__PURE__ */ I("span", {
 			className: "text-gray-500 italic",
 			children: "[Object]"
 		}),
-		vector: () => /* @__PURE__ */ T("span", {
+		vector: () => /* @__PURE__ */ I("span", {
 			className: "text-gray-500 italic",
 			children: "[Vector]"
 		}),
-		grid: () => /* @__PURE__ */ T("span", {
+		grid: () => /* @__PURE__ */ I("span", {
 			className: "text-gray-500 italic",
 			children: "[Grid]"
 		})
 	}[e] || q;
 }
-Q("lookup", X), Q("master_detail", X), Q("select", Y), Q("status", Y), Q("user", Z), Q("owner", Z), r(qt);
-function Jt(e) {
+Q("lookup", X), Q("master_detail", X), Q("select", Y), Q("status", Y), Q("user", Z), Q("owner", Z), r(cn);
+function ln(e) {
 	return {
 		text: "field:text",
 		textarea: "field:textarea",
@@ -2096,7 +2282,7 @@ function Jt(e) {
 		auto_number: "field:auto_number"
 	}[e] || "field:text";
 }
-function Yt(e) {
+function un(e) {
 	if (e < 0 || !Number.isFinite(e) || e === 0) return "0 B";
 	let t = [
 		"B",
@@ -2108,7 +2294,7 @@ function Yt(e) {
 	for (; n >= 1024 && r < t.length - 1;) n /= 1024, r++;
 	return `${n.toFixed(+(r > 0))} ${t[r]}`;
 }
-function Xt(e) {
+function dn(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,
@@ -2133,7 +2319,7 @@ function Xt(e) {
 		message: "Please enter a valid URL"
 	}), e.validate && (t.validate = e.validate), Object.keys(t).length > 0 ? t : void 0;
 }
-function Zt(e, t) {
+function fn(e, t) {
 	if (!e) return !0;
 	if (e.field && e.value !== void 0) {
 		let n = t[e.field];
@@ -2145,11 +2331,11 @@ function Zt(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) => Zt(e, t)) : e.or && Array.isArray(e.or) ? e.or.some((e) => Zt(e, t)) : !0;
+	return e.and && Array.isArray(e.and) ? e.and.every((e) => fn(e, t)) : e.or && Array.isArray(e.or) ? e.or.some((e) => fn(e, t)) : !0;
 }
 function $(e) {
 	let t = ({ schema: t, className: n, value: r, ...i }) => {
-		let [o, s] = a.useState(r ?? t?.value ?? ""), c = {
+		let [a, o] = s.useState(r ?? t?.value ?? ""), c = {
 			name: t?.name || "field",
 			label: t?.label,
 			type: t?.type,
@@ -2160,27 +2346,27 @@ function $(e) {
 			description: t?.description,
 			defaultValue: t?.defaultValue || t?.value,
 			...t
-		}, l = a.useCallback((e) => {
-			s(e), i.onChange && i.onChange(e);
+		}, l = s.useCallback((e) => {
+			o(e), i.onChange && i.onChange(e);
 		}, [i]), u = t?.readonly || t?.readOnly || !1;
-		return /* @__PURE__ */ E("div", {
+		return /* @__PURE__ */ L("div", {
 			className: "grid w-full items-center gap-1.5",
 			"data-obj-id": t?.id,
 			"data-obj-type": t?.type,
 			children: [
-				t?.label && /* @__PURE__ */ T("label", {
+				t?.label && /* @__PURE__ */ I("label", {
 					htmlFor: t.id,
 					className: t.required ? "after:content-['*'] after:ml-0.5 after:text-red-500" : "",
 					children: t.label
 				}),
-				/* @__PURE__ */ T(e, {
-					value: o,
+				/* @__PURE__ */ I(e, {
+					value: a,
 					onChange: l,
 					field: c,
 					readonly: u,
 					className: n
 				}),
-				t?.description && /* @__PURE__ */ T("p", {
+				t?.description && /* @__PURE__ */ I("p", {
 					className: "text-sm text-gray-500",
 					children: t.description
 				})
@@ -2189,63 +2375,63 @@ function $(e) {
 	};
 	return t.displayName = `FieldRenderer(${e.displayName || e.name || "Component"})`, t;
 }
-var Qt = {
-	text: () => Promise.resolve().then(() => Ce).then((e) => ({ default: e.TextField })),
-	textarea: () => Promise.resolve().then(() => Ne).then((e) => ({ default: e.TextAreaField })),
-	number: () => Promise.resolve().then(() => we).then((e) => ({ default: e.NumberField })),
-	boolean: () => Promise.resolve().then(() => Te).then((e) => ({ default: e.BooleanField })),
-	select: () => Promise.resolve().then(() => Ee).then((e) => ({ default: e.SelectField })),
-	date: () => Promise.resolve().then(() => De).then((e) => ({ default: e.DateField })),
-	datetime: () => Promise.resolve().then(() => Fe).then((e) => ({ default: e.DateTimeField })),
-	time: () => Promise.resolve().then(() => Ie).then((e) => ({ default: e.TimeField })),
-	email: () => Promise.resolve().then(() => Oe).then((e) => ({ default: e.EmailField })),
-	phone: () => Promise.resolve().then(() => ke).then((e) => ({ default: e.PhoneField })),
-	url: () => Promise.resolve().then(() => Ae).then((e) => ({ default: e.UrlField })),
-	currency: () => Promise.resolve().then(() => je).then((e) => ({ default: e.CurrencyField })),
-	percent: () => Promise.resolve().then(() => Le).then((e) => ({ default: e.PercentField })),
-	password: () => Promise.resolve().then(() => Re).then((e) => ({ default: e.PasswordField })),
-	markdown: () => Promise.resolve().then(() => Pe).then((e) => ({ default: e.RichTextField })),
-	html: () => Promise.resolve().then(() => Pe).then((e) => ({ default: e.RichTextField })),
-	lookup: () => import("./LookupField-De-GqsfT.js").then((e) => e.n).then((e) => ({ default: e.LookupField })),
-	master_detail: () => Promise.resolve().then(() => xt).then((e) => ({ default: e.MasterDetailField })),
-	file: () => Promise.resolve().then(() => ze).then((e) => ({ default: e.FileField })),
-	image: () => Promise.resolve().then(() => Ve).then((e) => ({ default: e.ImageField })),
-	location: () => Promise.resolve().then(() => Ue).then((e) => ({ default: e.LocationField })),
-	formula: () => Promise.resolve().then(() => Ge).then((e) => ({ default: e.FormulaField })),
-	summary: () => Promise.resolve().then(() => Ke).then((e) => ({ default: e.SummaryField })),
-	auto_number: () => Promise.resolve().then(() => Je).then((e) => ({ default: e.AutoNumberField })),
-	user: () => Promise.resolve().then(() => Xe).then((e) => ({ default: e.UserField })),
-	owner: () => Promise.resolve().then(() => Xe).then((e) => ({ default: e.UserField })),
-	object: () => Promise.resolve().then(() => Ze).then((e) => ({ default: e.ObjectField })),
-	vector: () => Promise.resolve().then(() => $e).then((e) => ({ default: e.VectorField })),
-	grid: () => Promise.resolve().then(() => tt).then((e) => ({ default: e.GridField })),
-	color: () => Promise.resolve().then(() => rt).then((e) => ({ default: e.ColorField })),
-	slider: () => Promise.resolve().then(() => at).then((e) => ({ default: e.SliderField })),
-	rating: () => Promise.resolve().then(() => st).then((e) => ({ default: e.RatingField })),
-	code: () => Promise.resolve().then(() => lt).then((e) => ({ default: e.CodeField })),
-	avatar: () => Promise.resolve().then(() => dt).then((e) => ({ default: e.AvatarField })),
-	address: () => Promise.resolve().then(() => pt).then((e) => ({ default: e.AddressField })),
-	geolocation: () => Promise.resolve().then(() => ht).then((e) => ({ default: e.GeolocationField })),
-	signature: () => Promise.resolve().then(() => _t).then((e) => ({ default: e.SignatureField })),
-	qrcode: () => Promise.resolve().then(() => yt).then((e) => ({ default: e.QRCodeField }))
+var pn = {
+	text: () => Promise.resolve().then(() => Te).then((e) => ({ default: e.TextField })),
+	textarea: () => Promise.resolve().then(() => We).then((e) => ({ default: e.TextAreaField })),
+	number: () => Promise.resolve().then(() => De).then((e) => ({ default: e.NumberField })),
+	boolean: () => Promise.resolve().then(() => ke).then((e) => ({ default: e.BooleanField })),
+	select: () => Promise.resolve().then(() => je).then((e) => ({ default: e.SelectField })),
+	date: () => Promise.resolve().then(() => Ne).then((e) => ({ default: e.DateField })),
+	datetime: () => Promise.resolve().then(() => qe).then((e) => ({ default: e.DateTimeField })),
+	time: () => Promise.resolve().then(() => Ye).then((e) => ({ default: e.TimeField })),
+	email: () => Promise.resolve().then(() => Fe).then((e) => ({ default: e.EmailField })),
+	phone: () => Promise.resolve().then(() => Le).then((e) => ({ default: e.PhoneField })),
+	url: () => Promise.resolve().then(() => ze).then((e) => ({ default: e.UrlField })),
+	currency: () => Promise.resolve().then(() => Ve).then((e) => ({ default: e.CurrencyField })),
+	percent: () => Promise.resolve().then(() => Ze).then((e) => ({ default: e.PercentField })),
+	password: () => Promise.resolve().then(() => Qe).then((e) => ({ default: e.PasswordField })),
+	markdown: () => Promise.resolve().then(() => Ke).then((e) => ({ default: e.RichTextField })),
+	html: () => Promise.resolve().then(() => Ke).then((e) => ({ default: e.RichTextField })),
+	lookup: () => import("./LookupField-XRxsGgLS.js").then((e) => e.n).then((e) => ({ default: e.LookupField })),
+	master_detail: () => Promise.resolve().then(() => Ft).then((e) => ({ default: e.MasterDetailField })),
+	file: () => Promise.resolve().then(() => $e).then((e) => ({ default: e.FileField })),
+	image: () => Promise.resolve().then(() => et).then((e) => ({ default: e.ImageField })),
+	location: () => Promise.resolve().then(() => rt).then((e) => ({ default: e.LocationField })),
+	formula: () => Promise.resolve().then(() => at).then((e) => ({ default: e.FormulaField })),
+	summary: () => Promise.resolve().then(() => st).then((e) => ({ default: e.SummaryField })),
+	auto_number: () => Promise.resolve().then(() => lt).then((e) => ({ default: e.AutoNumberField })),
+	user: () => Promise.resolve().then(() => dt).then((e) => ({ default: e.UserField })),
+	owner: () => Promise.resolve().then(() => dt).then((e) => ({ default: e.UserField })),
+	object: () => Promise.resolve().then(() => ft).then((e) => ({ default: e.ObjectField })),
+	vector: () => Promise.resolve().then(() => mt).then((e) => ({ default: e.VectorField })),
+	grid: () => Promise.resolve().then(() => gt).then((e) => ({ default: e.GridField })),
+	color: () => Promise.resolve().then(() => vt).then((e) => ({ default: e.ColorField })),
+	slider: () => Promise.resolve().then(() => bt).then((e) => ({ default: e.SliderField })),
+	rating: () => Promise.resolve().then(() => St).then((e) => ({ default: e.RatingField })),
+	code: () => Promise.resolve().then(() => Ct).then((e) => ({ default: e.CodeField })),
+	avatar: () => Promise.resolve().then(() => Tt).then((e) => ({ default: e.AvatarField })),
+	address: () => Promise.resolve().then(() => Dt).then((e) => ({ default: e.AddressField })),
+	geolocation: () => Promise.resolve().then(() => kt).then((e) => ({ default: e.GeolocationField })),
+	signature: () => Promise.resolve().then(() => jt).then((e) => ({ default: e.SignatureField })),
+	qrcode: () => Promise.resolve().then(() => Nt).then((e) => ({ default: e.QRCodeField }))
 };
-function $t(e) {
-	let t = Qt[e];
+function mn(e) {
+	let t = pn[e];
 	if (!t) {
 		console.warn(`Unknown field type: ${e}`);
 		return;
 	}
-	let n = a.lazy(t);
-	d.register(e, n, { namespace: "field" });
+	let n = s.lazy(t);
+	h.register(e, n, { namespace: "field" });
 }
-function en() {
-	Object.keys(Qt).forEach((e) => {
-		$t(e);
+function hn() {
+	Object.keys(pn).forEach((e) => {
+		mn(e);
 	});
 }
-function tn() {
-	d.register("text", $(D), { namespace: "field" }), d.register("textarea", $(I), { namespace: "field" }), d.register("number", $(O), { namespace: "field" }), d.register("boolean", $(k), { namespace: "field" }), d.register("select", $(A), { namespace: "field" }), d.register("date", $(j), { namespace: "field" }), d.register("datetime", $(R), { namespace: "field" }), d.register("time", $(z), { namespace: "field" }), d.register("email", $(M), { namespace: "field" }), d.register("phone", $(N), { namespace: "field" }), d.register("url", $(P), { namespace: "field" }), d.register("currency", $(F), { namespace: "field" }), d.register("percent", $(B), { namespace: "field" }), d.register("password", $(V), { namespace: "field" }), d.register("markdown", $(L), { namespace: "field" }), d.register("html", $(L), { namespace: "field" }), d.register("lookup", $(i), { namespace: "field" }), d.register("master_detail", $(St), { namespace: "field" }), d.register("file", $(Be), { namespace: "field" }), d.register("image", $(He), { namespace: "field" }), d.register("location", $(We), { namespace: "field" }), d.register("formula", $(H), { namespace: "field" }), d.register("summary", $(qe), { namespace: "field" }), d.register("auto_number", $(Ye), { namespace: "field" }), d.register("user", $(U), { namespace: "field" }), d.register("owner", $(U), { namespace: "field" }), d.register("object", $(Qe), { namespace: "field" }), d.register("vector", $(et), { namespace: "field" }), d.register("grid", $(nt), { namespace: "field" }), d.register("color", $(it), { namespace: "field" }), d.register("slider", $(ot), { namespace: "field" }), d.register("rating", $(ct), { namespace: "field" }), d.register("code", $(ut), { namespace: "field" }), d.register("avatar", $(ft), { namespace: "field" }), d.register("address", $(mt), { namespace: "field" }), d.register("geolocation", $(gt), { namespace: "field" }), d.register("signature", $(vt), { namespace: "field" }), d.register("qrcode", $(bt), { namespace: "field" });
+function gn() {
+	h.register("text", $(Ee), { namespace: "field" }), h.register("textarea", $(Ge), { namespace: "field" }), h.register("number", $(Oe), { namespace: "field" }), h.register("boolean", $(Ae), { namespace: "field" }), h.register("select", $(Me), { namespace: "field" }), h.register("date", $(Pe), { namespace: "field" }), h.register("datetime", $(Je), { namespace: "field" }), h.register("time", $(Xe), { namespace: "field" }), h.register("email", $(Ie), { namespace: "field" }), h.register("phone", $(Re), { namespace: "field" }), h.register("url", $(Be), { namespace: "field" }), h.register("currency", $(Ue), { namespace: "field" }), h.register("percent", $(z), { namespace: "field" }), h.register("password", $(B), { namespace: "field" }), h.register("markdown", $(R), { namespace: "field" }), h.register("html", $(R), { namespace: "field" }), h.register("lookup", $(i), { namespace: "field" }), h.register("master_detail", $(It), { namespace: "field" }), h.register("file", $(V), { namespace: "field" }), h.register("image", $(nt), { namespace: "field" }), h.register("location", $(it), { namespace: "field" }), h.register("formula", $(ot), { namespace: "field" }), h.register("summary", $(ct), { namespace: "field" }), h.register("auto_number", $(ut), { namespace: "field" }), h.register("user", $(H), { namespace: "field" }), h.register("owner", $(H), { namespace: "field" }), h.register("object", $(pt), { namespace: "field" }), h.register("vector", $(ht), { namespace: "field" }), h.register("grid", $(_t), { namespace: "field" }), h.register("color", $(yt), { namespace: "field" }), h.register("slider", $(xt), { namespace: "field" }), h.register("rating", $(U), { namespace: "field" }), h.register("code", $(wt), { namespace: "field" }), h.register("avatar", $(Et), { namespace: "field" }), h.register("address", $(Ot), { namespace: "field" }), h.register("geolocation", $(At), { namespace: "field" }), h.register("signature", $(Mt), { namespace: "field" }), h.register("qrcode", $(Pt), { namespace: "field" });
 }
-en();
+hn();
 //#endregion
-export { mt as AddressField, Ye as AutoNumberField, ft as AvatarField, Nt as BooleanCellRenderer, k as BooleanField, ut as CodeField, it as ColorField, kt as CurrencyCellRenderer, F as CurrencyField, Pt as DateCellRenderer, j as DateField, Ft as DateTimeCellRenderer, R as DateTimeField, Bt as EmailCellRenderer, M as EmailField, Ut as FileCellRenderer, Be as FileField, Gt as FormulaCellRenderer, H as FormulaField, gt as GeolocationField, nt as GridField, Wt as ImageCellRenderer, He as ImageField, We as LocationField, X as LookupCellRenderer, i as LookupField, St as MasterDetailField, Ot as NumberCellRenderer, O as NumberField, Qe as ObjectField, V as PasswordField, jt as PercentCellRenderer, B as PercentField, Ht as PhoneCellRenderer, N as PhoneField, bt as QRCodeField, ct as RatingField, n as RecordPickerDialog, L as RichTextField, Y as SelectCellRenderer, A as SelectField, vt as SignatureField, ot as SliderField, qe as SummaryField, I as TextAreaField, q as TextCellRenderer, D as TextField, z as TimeField, Vt as UrlCellRenderer, P as UrlField, Z as UserCellRenderer, U as UserField, et as VectorField, Xt as buildValidationRules, W as coerceToSafeValue, Zt as evaluateCondition, wt as formatCompactCurrency, Ct as formatCurrency, K as formatDate, Dt as formatDateTime, Yt as formatFileSize, Tt as formatPercent, Et as formatRelativeDate, qt as getCellRenderer, G as humanizeLabel, Jt as mapFieldTypeToFormType, en as registerAllFields, $t as registerField, Q as registerFieldRenderer, tn as registerFields };
+export { Ot as AddressField, ut as AutoNumberField, Et as AvatarField, qt as BooleanCellRenderer, Ae as BooleanField, wt as CodeField, yt as ColorField, Ut as CurrencyCellRenderer, Ue as CurrencyField, Jt as DateCellRenderer, Pe as DateField, Yt as DateTimeCellRenderer, Je as DateTimeField, en as EmailCellRenderer, Ie as EmailField, rn as FileCellRenderer, V as FileField, on as FormulaCellRenderer, ot as FormulaField, At as GeolocationField, _t as GridField, an as ImageCellRenderer, o as ImageCropperDialog, nt as ImageField, it as LocationField, X as LookupCellRenderer, i as LookupField, It as MasterDetailField, Ht as NumberCellRenderer, Oe as NumberField, pt as ObjectField, B as PasswordField, Gt as PercentCellRenderer, z as PercentField, nn as PhoneCellRenderer, Re as PhoneField, Pt as QRCodeField, U as RatingField, n as RecordPickerDialog, R as RichTextField, Y as SelectCellRenderer, Me as SelectField, Mt as SignatureField, xt as SliderField, ct as SummaryField, Ge as TextAreaField, q as TextCellRenderer, Ee as TextField, Xe as TimeField, tn as UrlCellRenderer, Be as UrlField, Z as UserCellRenderer, H as UserField, ht as VectorField, dn as buildValidationRules, W as coerceToSafeValue, fn as evaluateCondition, Rt as formatCompactCurrency, Lt as formatCurrency, K as formatDate, Vt as formatDateTime, un as formatFileSize, zt as formatPercent, Bt as formatRelativeDate, cn as getCellRenderer, G as humanizeLabel, ln as mapFieldTypeToFormType, hn as registerAllFields, mn as registerField, Q as registerFieldRenderer, gn as registerFields };