@object-ui/plugin-form 4.3.0 → 4.5.0

package/dist/index.js

@@ -3,34 +3,35 @@ import { ComponentRegistry as o } from "@object-ui/core";
 import { SchemaRenderer as s, useSafeFieldLabel as c } from "@object-ui/react";
 import { buildValidationRules as l, evaluateCondition as u, formatFileSize as d, mapFieldTypeToFormType as f } from "@object-ui/fields";
 import { Button as p, Card as m, CardContent as h, CardDescription as g, CardHeader as _, CardTitle as v, Dialog as y, DialogDescription as b, DialogHeader as x, DialogTitle as S, MobileDialogContent as C, ResizableHandle as w, ResizablePanel as T, ResizablePanelGroup as E, Sheet as D, SheetContent as O, SheetDescription as k, SheetHeader as A, SheetTitle as j, Skeleton as M, Tabs as N, TabsContent as P, TabsList as F, TabsTrigger as I, cn as L, useIsMobile as R } from "@object-ui/components";
-import { Check as z, ChevronDown as ee, ChevronLeft as B, ChevronRight as V, Loader2 as te } from "lucide-react";
-import { Fragment as H, jsx as U, jsxs as W } from "react/jsx-runtime";
+import { usePermissions as z } from "@object-ui/permissions";
+import { Check as B, ChevronDown as V, ChevronLeft as H, ChevronRight as U, Loader2 as ee } from "lucide-react";
+import { Fragment as te, jsx as W, jsxs as G } from "react/jsx-runtime";
 //#region src/FormSection.tsx
-var G = ({ label: e, description: t, collapsible: n = !1, collapsed: r = !1, columns: i = 1, children: o, className: s, gridClassName: c }) => {
+var K = ({ label: e, description: t, collapsible: n = !1, collapsed: r = !1, columns: i = 1, children: o, className: s, gridClassName: c }) => {
 	let [l, u] = a(r);
-	return /* @__PURE__ */ W("div", {
+	return /* @__PURE__ */ G("div", {
 		className: L("form-section", s),
-		children: [(e || t) && /* @__PURE__ */ W("div", {
+		children: [(e || t) && /* @__PURE__ */ G("div", {
 			className: L("flex items-start gap-2 mb-4", n && "cursor-pointer select-none"),
 			onClick: () => {
 				n && u(!l);
 			},
 			role: n ? "button" : void 0,
 			"aria-expanded": n ? !l : void 0,
-			children: [n && /* @__PURE__ */ U("span", {
+			children: [n && /* @__PURE__ */ W("span", {
 				className: "mt-0.5 text-muted-foreground",
-				children: U(l ? V : ee, { className: "h-4 w-4" })
-			}), /* @__PURE__ */ W("div", {
+				children: W(l ? U : V, { className: "h-4 w-4" })
+			}), /* @__PURE__ */ G("div", {
 				className: "flex-1",
-				children: [e && /* @__PURE__ */ U("h3", {
+				children: [e && /* @__PURE__ */ W("h3", {
 					className: "text-base font-semibold text-foreground",
 					children: e
-				}), t && /* @__PURE__ */ U("p", {
+				}), t && /* @__PURE__ */ W("p", {
 					className: "text-sm text-muted-foreground mt-0.5",
 					children: t
 				})]
 			})]
-		}), !l && /* @__PURE__ */ U("div", {
+		}), !l && /* @__PURE__ */ W("div", {
 			className: L("grid gap-4", c || {
 				1: "grid-cols-1",
 				2: "grid-cols-1 md:grid-cols-2",
@@ -40,7 +41,7 @@ var G = ({ label: e, description: t, collapsible: n = !1, collapsed: r = !1, col
 			children: o
 		})]
 	});
-}, K = ({ schema: n, dataSource: r, className: i }) => {
+}, q = ({ schema: n, dataSource: r, className: i }) => {
 	let { fieldLabel: o } = c(), [u, d] = a(null), [p, m] = a({}), [h, g] = a(!0), [_, v] = a(null), [y, b] = a(n.defaultTab || n.sections[0]?.name || n.sections[0]?.label || "tab-0");
 	e.useEffect(() => {
 		(async () => {
@@ -119,19 +120,19 @@ var G = ({ label: e, description: t, collapsible: n = !1, collapsed: r = !1, col
 	}, [n, r]), C = t(() => {
 		n.onCancel && n.onCancel();
 	}, [n]), w = (e, t) => e.name || e.label || `tab-${t}`;
-	if (_) return /* @__PURE__ */ W("div", {
+	if (_) return /* @__PURE__ */ G("div", {
 		className: "p-4 border border-red-300 bg-red-50 rounded-md",
-		children: [/* @__PURE__ */ U("h3", {
+		children: [/* @__PURE__ */ W("h3", {
 			className: "text-red-800 font-semibold",
 			children: "Error loading form"
-		}), /* @__PURE__ */ U("p", {
+		}), /* @__PURE__ */ W("p", {
 			className: "text-red-600 text-sm mt-1",
 			children: _.message
 		})]
 	});
-	if (h) return /* @__PURE__ */ W("div", {
+	if (h) return /* @__PURE__ */ G("div", {
 		className: "p-8 text-center",
-		children: [/* @__PURE__ */ U("div", { className: "inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900" }), /* @__PURE__ */ U("p", {
+		children: [/* @__PURE__ */ W("div", { className: "inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900" }), /* @__PURE__ */ W("p", {
 			className: "mt-2 text-sm text-gray-600",
 			children: "Loading form..."
 		})]
@@ -148,29 +149,29 @@ var G = ({ label: e, description: t, collapsible: n = !1, collapsed: r = !1, col
 		onSubmit: S,
 		onCancel: C
 	}, E = n.tabPosition === "left" || n.tabPosition === "right";
-	return /* @__PURE__ */ U("div", {
+	return /* @__PURE__ */ W("div", {
 		className: L("w-full", i, n.className),
-		children: /* @__PURE__ */ W(N, {
+		children: /* @__PURE__ */ G(N, {
 			value: y,
 			onValueChange: b,
 			orientation: E ? "vertical" : "horizontal",
 			className: L(E && "flex gap-4"),
-			children: [/* @__PURE__ */ U(F, {
+			children: [/* @__PURE__ */ W(F, {
 				className: L(E ? "flex-col h-auto" : "", n.tabPosition === "bottom" && "order-last", n.tabPosition === "right" && "order-last"),
-				children: n.sections.map((e, t) => /* @__PURE__ */ U(I, {
+				children: n.sections.map((e, t) => /* @__PURE__ */ W(I, {
 					value: w(e, t),
 					className: E ? "w-full justify-start" : "",
 					children: e.label || `Tab ${t + 1}`
 				}, w(e, t)))
-			}), /* @__PURE__ */ U("div", {
+			}), /* @__PURE__ */ W("div", {
 				className: "flex-1",
-				children: n.sections.map((e, t) => /* @__PURE__ */ U(P, {
+				children: n.sections.map((e, t) => /* @__PURE__ */ W(P, {
 					value: w(e, t),
 					className: "mt-0",
-					children: /* @__PURE__ */ U(G, {
+					children: /* @__PURE__ */ W(K, {
 						description: e.description,
 						columns: e.columns || 1,
-						children: /* @__PURE__ */ U(s, { schema: {
+						children: /* @__PURE__ */ W(s, { schema: {
 							...T,
 							fields: x(e),
 							showSubmit: n.showSubmit !== !1 && n.mode !== "view",
@@ -181,36 +182,36 @@ var G = ({ label: e, description: t, collapsible: n = !1, collapsed: r = !1, col
 			})]
 		})
 	});
-}, q = ({ schema: n, dataSource: r, className: o }) => {
-	let { fieldLabel: u } = c(), [d, m] = a(null), [h, g] = a({}), [_, v] = a(!0), [y, b] = a(null), [x, S] = a(0), [C, w] = a(/* @__PURE__ */ new Set()), [T, E] = a(!1), D = n.sections.length, O = x === 0, k = x === D - 1;
+}, J = ({ schema: n, dataSource: r, className: o }) => {
+	let { fieldLabel: d } = c(), [m, h] = a(null), [g, _] = a({}), [v, y] = a(!0), [b, x] = a(null), [S, C] = a(0), [w, T] = a(/* @__PURE__ */ new Set()), [E, D] = a(!1), O = n.sections.length, k = S === 0, A = S === O - 1;
 	e.useEffect(() => {
 		(async () => {
 			if (!r) {
-				v(!1);
+				y(!1);
 				return;
 			}
 			try {
-				m(await r.getObjectSchema(n.objectName));
+				h(await r.getObjectSchema(n.objectName));
 			} catch (e) {
-				b(e);
+				x(e);
 			}
 		})();
 	}, [n.objectName, r]), e.useEffect(() => {
-		(d || !r) && (async () => {
+		(m || !r) && (async () => {
 			if (n.mode === "create" || !n.recordId || !r) {
-				g(n.initialData || n.initialValues || {}), v(!1);
+				_(n.initialData || n.initialValues || {}), y(!1);
 				return;
 			}
 			try {
-				g(await r.findOne(n.objectName, n.recordId) || {});
+				_(await r.findOne(n.objectName, n.recordId) || {});
 			} catch (e) {
-				b(e);
+				x(e);
 			} finally {
-				v(!1);
+				y(!1);
 			}
 		})();
 	}, [
-		d,
+		m,
 		n.mode,
 		n.recordId,
 		n.initialData,
@@ -218,26 +219,29 @@ var G = ({ label: e, description: t, collapsible: n = !1, collapsed: r = !1, col
 		r,
 		n.objectName
 	]);
-	let A = t((e) => {
-		let t = [];
-		for (let r of e.fields) {
-			let e = typeof r == "string" ? r : r.name;
-			if (typeof r == "object") t.push(r);
-			else if (d?.fields?.[e]) {
-				let r = d.fields[e];
-				t.push({
+	let j = t((e) => {
+		let t = [], r = (e, t) => typeof t == "string" && t.trim() ? {
+			...e,
+			visible: (e) => u(t, e)
+		} : e;
+		for (let i of e.fields) {
+			let e = typeof i == "string" ? i : i.name;
+			if (typeof i == "object") t.push(r(i, i.visibleOn));
+			else if (m?.fields?.[e]) {
+				let i = m.fields[e];
+				t.push(r({
 					name: e,
-					label: u(n.objectName, e, r.label || e),
-					type: f(r.type),
-					required: r.required || !1,
-					disabled: n.readOnly || n.mode === "view" || r.readonly,
-					placeholder: r.placeholder,
-					description: r.help || r.description,
-					validation: l(r),
-					field: r,
-					options: r.options,
-					multiple: r.multiple
-				});
+					label: d(n.objectName, e, i.label || e),
+					type: f(i.type),
+					required: i.required || !1,
+					disabled: n.readOnly || n.mode === "view" || i.readonly,
+					placeholder: i.placeholder,
+					description: i.help || i.description,
+					validation: l(i),
+					field: i,
+					options: i.options,
+					multiple: i.multiple
+				}, i.visible_on ?? i.visibleOn));
 			} else t.push({
 				name: e,
 				label: e,
@@ -246,21 +250,22 @@ var G = ({ label: e, description: t, collapsible: n = !1, collapsed: r = !1, col
 		}
 		return t;
 	}, [
-		d,
+		m,
 		n.readOnly,
-		n.mode
-	]), j = i(() => x >= 0 && x < D ? A(n.sections[x]) : [], [
-		x,
-		D,
+		n.mode,
+		n.objectName
+	]), M = i(() => S >= 0 && S < O ? j(n.sections[S]) : [], [
+		S,
+		O,
 		n.sections,
-		A
-	]), M = t(async (e) => {
+		j
+	]), N = t(async (e) => {
 		let t = {
-			...h,
+			...g,
 			...e
 		};
-		if (g(t), w((e) => new Set(e).add(x)), k) {
-			E(!0);
+		if (_(t), T((e) => new Set(e).add(S)), A) {
+			D(!0);
 			try {
 				if (!r) return n.onSuccess && await n.onSuccess(t), t;
 				let e;
@@ -268,74 +273,74 @@ var G = ({ label: e, description: t, collapsible: n = !1, collapsed: r = !1, col
 			} catch (e) {
 				throw n.onError && n.onError(e), e;
 			} finally {
-				E(!1);
+				D(!1);
 			}
-		} else N(x + 1);
+		} else P(S + 1);
 	}, [
-		h,
-		x,
-		k,
+		g,
+		S,
+		A,
 		n,
 		r
-	]), N = t((e) => {
-		e >= 0 && e < D && (S(e), n.onStepChange && n.onStepChange(e));
-	}, [D, n]), P = t(() => {
-		N(x - 1);
-	}, [x, N]), F = t(() => {
+	]), P = t((e) => {
+		e >= 0 && e < O && (C(e), n.onStepChange && n.onStepChange(e));
+	}, [O, n]), F = t(() => {
+		P(S - 1);
+	}, [S, P]), I = t(() => {
 		n.onCancel && n.onCancel();
-	}, [n]), I = t((e) => {
-		(n.allowSkip || C.has(e) || e <= x) && N(e);
+	}, [n]), R = t((e) => {
+		(n.allowSkip || w.has(e) || e <= S) && P(e);
 	}, [
 		n.allowSkip,
-		C,
-		x,
-		N
+		w,
+		S,
+		P
 	]);
-	if (y) return /* @__PURE__ */ W("div", {
+	if (b) return /* @__PURE__ */ G("div", {
 		className: "p-4 border border-red-300 bg-red-50 rounded-md",
-		children: [/* @__PURE__ */ U("h3", {
+		children: [/* @__PURE__ */ W("h3", {
 			className: "text-red-800 font-semibold",
 			children: "Error loading form"
-		}), /* @__PURE__ */ U("p", {
+		}), /* @__PURE__ */ W("p", {
 			className: "text-red-600 text-sm mt-1",
-			children: y.message
+			children: b.message
 		})]
 	});
-	if (_) return /* @__PURE__ */ W("div", {
+	if (v) return /* @__PURE__ */ G("div", {
 		className: "p-8 text-center",
-		children: [/* @__PURE__ */ U("div", { className: "inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900" }), /* @__PURE__ */ U("p", {
+		children: [/* @__PURE__ */ W("div", { className: "inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900" }), /* @__PURE__ */ W("p", {
 			className: "mt-2 text-sm text-gray-600",
 			children: "Loading form..."
 		})]
 	});
-	let R = n.sections[x];
-	return /* @__PURE__ */ W("div", {
+	let z = n.sections[S];
+	return /* @__PURE__ */ G("div", {
 		className: L("w-full", o, n.className),
 		children: [
-			n.showStepIndicator !== !1 && /* @__PURE__ */ U("nav", {
+			n.showStepIndicator !== !1 && /* @__PURE__ */ W("nav", {
 				"aria-label": "Progress",
 				className: "mb-8",
-				children: /* @__PURE__ */ U("ol", {
+				children: /* @__PURE__ */ W("ol", {
 					className: "flex items-center",
 					children: n.sections.map((e, t) => {
-						let r = t === x, i = C.has(t), a = n.allowSkip || i || t <= x;
-						return /* @__PURE__ */ W("li", {
-							className: L("relative flex-1", t !== D - 1 && "pr-8 sm:pr-12"),
-							children: [t !== D - 1 && /* @__PURE__ */ U("div", {
+						let r = t === S, i = w.has(t), a = n.allowSkip || i || t <= S;
+						return /* @__PURE__ */ G("li", {
+							className: L("relative flex-1", t !== O - 1 && "pr-8 sm:pr-12"),
+							children: [t !== O - 1 && /* @__PURE__ */ W("div", {
 								className: "absolute top-3 sm:top-4 left-6 -right-4 sm:left-10 sm:-right-2 h-0.5",
 								"aria-hidden": "true",
-								children: /* @__PURE__ */ U("div", { className: L("h-full", i ? "bg-primary" : "bg-muted") })
-							}), /* @__PURE__ */ W("button", {
+								children: /* @__PURE__ */ W("div", { className: L("h-full", i ? "bg-primary" : "bg-muted") })
+							}), /* @__PURE__ */ G("button", {
 								type: "button",
 								className: L("group relative flex items-center", a ? "cursor-pointer" : "cursor-not-allowed"),
-								onClick: () => I(t),
+								onClick: () => R(t),
 								disabled: !a,
-								children: [/* @__PURE__ */ U("span", {
+								children: [/* @__PURE__ */ W("span", {
 									className: L("flex h-6 w-6 sm:h-8 sm:w-8 items-center justify-center rounded-full text-xs sm:text-sm font-medium transition-colors", i && "bg-primary text-primary-foreground", r && !i && "border-2 border-primary bg-background text-primary", !r && !i && "border-2 border-muted bg-background text-muted-foreground"),
-									children: i ? /* @__PURE__ */ U(z, { className: "h-3 w-3 sm:h-4 sm:w-4" }) : t + 1
-								}), /* @__PURE__ */ U("span", {
+									children: i ? /* @__PURE__ */ W(B, { className: "h-3 w-3 sm:h-4 sm:w-4" }) : t + 1
+								}), /* @__PURE__ */ W("span", {
 									className: "ml-2 sm:ml-3 text-xs sm:text-sm font-medium hidden sm:block",
-									children: /* @__PURE__ */ U("span", {
+									children: /* @__PURE__ */ W("span", {
 										className: L(r ? "text-foreground" : "text-muted-foreground"),
 										children: e.label || `Step ${t + 1}`
 									})
@@ -345,96 +350,96 @@ var G = ({ label: e, description: t, collapsible: n = !1, collapsed: r = !1, col
 					})
 				})
 			}),
-			/* @__PURE__ */ U("div", {
+			/* @__PURE__ */ W("div", {
 				className: "min-h-[200px]",
-				children: R && /* @__PURE__ */ U(G, {
-					label: R.label,
-					description: R.description,
-					columns: R.columns || 1,
-					children: j.length > 0 ? /* @__PURE__ */ U(s, { schema: {
+				children: z && /* @__PURE__ */ W(K, {
+					label: z.label,
+					description: z.description,
+					columns: z.columns || 1,
+					children: M.length > 0 ? /* @__PURE__ */ W(s, { schema: {
 						type: "form",
-						fields: j,
+						fields: M,
 						layout: "vertical",
-						defaultValues: h,
+						defaultValues: g,
 						showSubmit: !1,
 						showCancel: !1,
-						onSubmit: M
-					} }) : /* @__PURE__ */ U("div", {
+						onSubmit: N
+					} }) : /* @__PURE__ */ W("div", {
 						className: "text-center py-8 text-muted-foreground",
 						children: "No fields configured for this step"
 					})
 				})
 			}),
-			/* @__PURE__ */ W("div", {
+			/* @__PURE__ */ G("div", {
 				className: "flex items-center justify-between mt-6 pt-4 border-t",
-				children: [/* @__PURE__ */ U("div", { children: n.showCancel !== !1 && /* @__PURE__ */ U(p, {
+				children: [/* @__PURE__ */ W("div", { children: n.showCancel !== !1 && /* @__PURE__ */ W(p, {
 					variant: "ghost",
-					onClick: F,
+					onClick: I,
 					children: n.cancelText || "Cancel"
-				}) }), /* @__PURE__ */ W("div", {
+				}) }), /* @__PURE__ */ G("div", {
 					className: "flex items-center gap-2",
 					children: [
-						/* @__PURE__ */ W("span", {
+						/* @__PURE__ */ G("span", {
 							className: "text-sm text-muted-foreground mr-2",
 							children: [
 								"Step ",
-								x + 1,
+								S + 1,
 								" of ",
-								D
+								O
 							]
 						}),
-						!O && /* @__PURE__ */ W(p, {
+						!k && /* @__PURE__ */ G(p, {
 							variant: "outline",
-							onClick: P,
-							children: [/* @__PURE__ */ U(B, { className: "h-4 w-4 mr-1" }), n.prevText || "Back"]
+							onClick: F,
+							children: [/* @__PURE__ */ W(H, { className: "h-4 w-4 mr-1" }), n.prevText || "Back"]
 						}),
-						k ? /* @__PURE__ */ U(p, {
-							onClick: () => M(h),
-							disabled: T || n.mode === "view",
-							children: T ? "Submitting..." : n.submitText || (n.mode === "create" ? "Create" : "Update")
-						}) : /* @__PURE__ */ W(p, {
-							onClick: () => M(h),
-							children: [n.nextText || "Next", /* @__PURE__ */ U(V, { className: "h-4 w-4 ml-1" })]
+						A ? /* @__PURE__ */ W(p, {
+							onClick: () => N(g),
+							disabled: E || n.mode === "view",
+							children: E ? "Submitting..." : n.submitText || (n.mode === "create" ? "Create" : "Update")
+						}) : /* @__PURE__ */ G(p, {
+							onClick: () => N(g),
+							children: [n.nextText || "Next", /* @__PURE__ */ W(U, { className: "h-4 w-4 ml-1" })]
 						})
 					]
 				})]
 			})
 		]
 	});
-}, J = ({ schema: e, dataSource: r, className: o }) => {
-	let { fieldLabel: u } = c(), [d, p] = a(null), [m, h] = a({}), [g, _] = a(!0), [v, y] = a(null);
+}, Y = ({ schema: e, dataSource: r, className: o }) => {
+	let { fieldLabel: d } = c(), [p, m] = a(null), [h, g] = a({}), [_, v] = a(!0), [y, b] = a(null);
 	n(() => {
 		(async () => {
 			if (!r) {
-				_(!1);
+				v(!1);
 				return;
 			}
 			try {
-				p(await r.getObjectSchema(e.objectName));
+				m(await r.getObjectSchema(e.objectName));
 			} catch (e) {
-				y(e), _(!1);
+				b(e), v(!1);
 			}
 		})();
 	}, [e.objectName, r]), n(() => {
-		(d || !r) && (async () => {
+		(p || !r) && (async () => {
 			if (e.mode === "create" || !e.recordId) {
-				h(e.initialData || e.initialValues || {}), _(!1);
+				g(e.initialData || e.initialValues || {}), v(!1);
 				return;
 			}
 			if (!r) {
-				h(e.initialData || e.initialValues || {}), _(!1);
+				g(e.initialData || e.initialValues || {}), v(!1);
 				return;
 			}
 			try {
-				h(await r.findOne(e.objectName, e.recordId) || {});
+				g(await r.findOne(e.objectName, e.recordId) || {});
 			} catch (e) {
-				y(e);
+				b(e);
 			} finally {
-				_(!1);
+				v(!1);
 			}
 		})();
 	}, [
-		d,
+		p,
 		e.mode,
 		e.recordId,
 		e.initialData,
@@ -442,26 +447,29 @@ var G = ({ label: e, description: t, collapsible: n = !1, collapsed: r = !1, col
 		r,
 		e.objectName
 	]);
-	let b = t((t) => {
-		let n = [];
-		for (let r of t.fields) {
-			let t = typeof r == "string" ? r : r.name;
-			if (typeof r == "object") n.push(r);
-			else if (d?.fields?.[t]) {
-				let r = d.fields[t];
-				n.push({
+	let x = t((t) => {
+		let n = [], r = (e, t) => typeof t == "string" && t.trim() ? {
+			...e,
+			visible: (e) => u(t, e)
+		} : e;
+		for (let i of t.fields) {
+			let t = typeof i == "string" ? i : i.name;
+			if (typeof i == "object") n.push(r(i, i.visibleOn));
+			else if (p?.fields?.[t]) {
+				let i = p.fields[t];
+				n.push(r({
 					name: t,
-					label: u(e.objectName, t, r.label || t),
-					type: f(r.type),
-					required: r.required || !1,
-					disabled: e.readOnly || e.mode === "view" || r.readonly,
-					placeholder: r.placeholder,
-					description: r.help || r.description,
-					validation: l(r),
-					field: r,
-					options: r.options,
-					multiple: r.multiple
-				});
+					label: d(e.objectName, t, i.label || t),
+					type: f(i.type),
+					required: i.required || !1,
+					disabled: e.readOnly || e.mode === "view" || i.readonly,
+					placeholder: i.placeholder,
+					description: i.help || i.description,
+					validation: l(i),
+					field: i,
+					options: i.options,
+					multiple: i.multiple
+				}, i.visible_on ?? i.visibleOn));
 			} else n.push({
 				name: t,
 				label: t,
@@ -470,10 +478,11 @@ var G = ({ label: e, description: t, collapsible: n = !1, collapsed: r = !1, col
 		}
 		return n;
 	}, [
-		d,
+		p,
 		e.readOnly,
-		e.mode
-	]), x = t(async (t) => {
+		e.mode,
+		e.objectName
+	]), S = t(async (t) => {
 		if (!r) return e.onSuccess && await e.onSuccess(t), t;
 		try {
 			let n;
@@ -481,43 +490,43 @@ var G = ({ label: e, description: t, collapsible: n = !1, collapsed: r = !1, col
 		} catch (t) {
 			throw e.onError && e.onError(t), t;
 		}
-	}, [e, r]), S = t(() => {
+	}, [e, r]), C = t(() => {
 		e.onCancel && e.onCancel();
-	}, [e]), C = i(() => e.sections.slice(0, 1), [e.sections]), D = i(() => e.sections.slice(1), [e.sections]);
-	i(() => e.sections.flatMap((e) => b(e)), [e.sections, b]);
-	let O = e.splitDirection || "horizontal", k = e.splitSize || 50;
-	if (v) return /* @__PURE__ */ W("div", {
+	}, [e]), D = i(() => e.sections.slice(0, 1), [e.sections]), O = i(() => e.sections.slice(1), [e.sections]);
+	i(() => e.sections.flatMap((e) => x(e)), [e.sections, x]);
+	let k = e.splitDirection || "horizontal", A = e.splitSize || 50;
+	if (y) return /* @__PURE__ */ G("div", {
 		className: "p-4 border border-red-300 bg-red-50 rounded-md",
-		children: [/* @__PURE__ */ U("h3", {
+		children: [/* @__PURE__ */ W("h3", {
 			className: "text-red-800 font-semibold",
 			children: "Error loading form"
-		}), /* @__PURE__ */ U("p", {
+		}), /* @__PURE__ */ W("p", {
 			className: "text-red-600 text-sm mt-1",
-			children: v.message
+			children: y.message
 		})]
 	});
-	if (g) return /* @__PURE__ */ W("div", {
+	if (_) return /* @__PURE__ */ G("div", {
 		className: "p-8 text-center",
-		children: [/* @__PURE__ */ U("div", { className: "inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900" }), /* @__PURE__ */ U("p", {
+		children: [/* @__PURE__ */ W("div", { className: "inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900" }), /* @__PURE__ */ W("p", {
 			className: "mt-2 text-sm text-gray-600",
 			children: "Loading form..."
 		})]
 	});
-	let A = {
+	let j = {
 		type: "form",
 		layout: "vertical",
-		defaultValues: m,
-		onSubmit: x,
-		onCancel: S
-	}, j = (t, n) => /* @__PURE__ */ U("div", {
+		defaultValues: h,
+		onSubmit: S,
+		onCancel: C
+	}, M = (t, n) => /* @__PURE__ */ W("div", {
 		className: "space-y-4 p-4",
-		children: t.map((t, r) => /* @__PURE__ */ U(G, {
+		children: t.map((t, r) => /* @__PURE__ */ W(K, {
 			label: t.label,
 			description: t.description,
 			columns: t.columns || 1,
-			children: /* @__PURE__ */ U(s, { schema: {
-				...A,
-				fields: b(t),
+			children: /* @__PURE__ */ W(s, { schema: {
+				...j,
+				fields: x(t),
 				showSubmit: n && e.showSubmit !== !1 && e.mode !== "view",
 				showCancel: n && e.showCancel !== !1,
 				submitLabel: e.submitText || (e.mode === "create" ? "Create" : "Update"),
@@ -525,28 +534,28 @@ var G = ({ label: e, description: t, collapsible: n = !1, collapsed: r = !1, col
 			} })
 		}, t.name || t.label || r))
 	});
-	return /* @__PURE__ */ U("div", {
+	return /* @__PURE__ */ W("div", {
 		className: L("w-full", o, e.className),
-		children: /* @__PURE__ */ W(E, {
-			orientation: O,
+		children: /* @__PURE__ */ G(E, {
+			orientation: k,
 			className: "min-h-[300px] rounded-lg border",
-			children: [/* @__PURE__ */ U(T, {
-				defaultSize: k,
+			children: [/* @__PURE__ */ W(T, {
+				defaultSize: A,
 				minSize: 20,
-				children: j(C, D.length === 0)
-			}), D.length > 0 && /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U(w, { withHandle: e.splitResizable !== !1 }), /* @__PURE__ */ U(T, {
-				defaultSize: 100 - k,
+				children: M(D, O.length === 0)
+			}), O.length > 0 && /* @__PURE__ */ G(te, { children: [/* @__PURE__ */ W(w, { withHandle: e.splitResizable !== !1 }), /* @__PURE__ */ W(T, {
+				defaultSize: 100 - A,
 				minSize: 20,
-				children: j(D, !0)
+				children: M(O, !0)
 			})] })]
 		})
 	});
-}, ne = new Set([
+}, X = new Set([
 	"field:formula",
 	"field:summary",
 	"field:auto_number",
 	"field:autonumber"
-]), re = new Set([
+]), Z = new Set([
 	"field:textarea",
 	"field:markdown",
 	"field:html",
@@ -557,70 +566,90 @@ var G = ({ label: e, description: t, collapsible: n = !1, collapsed: r = !1, col
 	"html",
 	"grid",
 	"rich-text"
-]), ie = new Set([
+]), ne = new Set([
 	"formula",
 	"summary",
 	"auto_number",
 	"autonumber"
 ]);
-function ae(e) {
-	return re.has(e);
+function Q(e) {
+	return Z.has(e);
 }
-function oe(e) {
-	return ie.has(e);
+function re(e) {
+	return ne.has(e);
 }
-function se(e) {
+function ie(e) {
 	return e <= 3 ? 1 : 2;
 }
-function Y(e, t) {
-	return t <= 1 ? e : e.map((e) => e.colSpan === void 0 && e.type && ae(e.type) ? {
+function ae(e, t) {
+	return t <= 1 ? e : e.map((e) => e.colSpan === void 0 && e.type && Q(e.type) ? {
 		...e,
 		colSpan: t
 	} : e);
 }
-var ce = new Set([
+var oe = new Set([
 	"id",
 	"created_at",
 	"createdAt",
 	"updated_at",
 	"updatedAt",
+	"last_modified_at",
+	"lastModifiedAt",
 	"deleted_at",
 	"deletedAt",
 	"created_by",
 	"createdBy",
 	"updated_by",
 	"updatedBy",
+	"last_modified_by",
+	"lastModifiedBy",
+	"organization_id",
+	"organizationId",
+	"org_id",
+	"orgId",
+	"tenant_id",
+	"tenantId",
 	"owner",
 	"owner_id",
 	"_version",
 	"_rev"
 ]);
-function le(e, t) {
+function se(e, t) {
+	return e.filter((e) => !(oe.has(e.name) || t?.fields?.[e.name]?.readonly === !0));
+}
+function ce(e, t) {
 	return e.filter((e) => {
-		if (ce.has(e.name) || e.type && ne.has(e.type)) return !1;
+		if (oe.has(e.name) || e.type && X.has(e.type)) return !1;
 		if (!t?.fields) return !0;
 		let n = t.fields[e.name];
-		return n ? n.readonly === !0 ? !1 : !oe(n.type) : !0;
+		return n ? n.readonly === !0 ? !1 : !re(n.type) : !0;
 	});
 }
-function X(e) {
+function le(e, t) {
+	return e.filter((e) => {
+		if (e.type && X.has(e.type)) return !1;
+		let n = t?.fields?.[e.name];
+		return n ? !re(n.type) : !0;
+	});
+}
+function ue(e) {
 	return e <= 1 ? "default" : e === 2 ? "xl" : "full";
 }
-function Z(e, t, n, r) {
+function $(e, t, n, r) {
 	let i = [...e];
-	if (r === "create" && (i = le(i, t)), n !== void 0) return i = Y(i, n), {
+	if (i = se(i, t), r === "create" && (i = le(i, t)), n !== void 0) return i = ae(i, n), {
 		fields: i,
 		columns: n
 	};
-	let a = se(i.length);
-	return i = Y(i, a), {
+	let a = ie(i.length);
+	return i = ae(i, a), {
 		fields: i,
 		columns: a
 	};
 }
 //#endregion
 //#region src/sanitize.ts
-var ue = new Set([
+var de = new Set([
 	"id",
 	"_id",
 	"created_at",
@@ -629,7 +658,7 @@ var ue = new Set([
 	"updatedAt",
 	"organization_id",
 	"organizationId"
-]), de = new Set([
+]), fe = new Set([
 	"formula",
 	"rollup",
 	"lookup_value",
@@ -637,15 +666,15 @@ var ue = new Set([
 	"autonumber",
 	"computed"
 ]);
-function fe(e, t) {
+function pe(e, t) {
 	if (!e || typeof e != "object") return e;
 	let n = {}, r = t?.fields;
-	for (let [t, i] of Object.entries(e)) if (!ue.has(t)) {
+	for (let [t, i] of Object.entries(e)) if (!de.has(t)) {
 		if (r) {
 			let e = r[t];
 			if (!e) continue;
 			let n = String(e.type || "").toLowerCase();
-			if (de.has(n) || e.computed === !0 || e.formula || e.readOnly === !0 || e.readonly === !0) continue;
+			if (fe.has(n) || e.computed === !0 || e.formula || e.readOnly === !0 || e.readonly === !0) continue;
 		}
 		n[t] = i;
 	}
@@ -653,12 +682,12 @@ function fe(e, t) {
 }
 //#endregion
 //#region src/DrawerForm.tsx
-var pe = {
+var me = {
 	1: void 0,
 	2: "grid gap-4 grid-cols-1 @md:grid-cols-2",
 	3: "grid gap-4 grid-cols-1 @md:grid-cols-2 @2xl:grid-cols-3",
 	4: "grid gap-4 grid-cols-1 @md:grid-cols-2 @2xl:grid-cols-3 @4xl:grid-cols-4"
-}, me = ({ schema: e, dataSource: r, className: o }) => {
+}, he = ({ schema: e, dataSource: r, className: o }) => {
 	let { fieldLabel: u } = c(), [d, p] = a(null), [m, h] = a([]), [g, _] = a({}), [v, y] = a(!0), [b, x] = a(null), S = e.open !== !1, C = e.drawerSide || "right", [w, T] = a(() => {
 		let t = {};
 		return e.sections?.forEach((e, n) => {
@@ -780,7 +809,7 @@ var pe = {
 	let M = t(async (t) => {
 		if (!r) return e.onSuccess && await e.onSuccess(t), e.onOpenChange?.(!1), t;
 		try {
-			let n, i = fe(t, d);
+			let n, i = pe(t, d);
 			return e.mode === "create" ? n = await r.create(e.objectName, i) : e.mode === "edit" && e.recordId && (n = await r.update(e.objectName, e.recordId, i)), e.onSuccess && await e.onSuccess(n), e.onOpenChange?.(!1), n;
 		} catch (t) {
 			throw e.onError && e.onError(t), t;
@@ -810,29 +839,29 @@ var pe = {
 		onSubmit: M,
 		onCancel: N
 	};
-	return /* @__PURE__ */ U(D, {
+	return /* @__PURE__ */ W(D, {
 		open: S,
 		onOpenChange: e.onOpenChange,
-		children: /* @__PURE__ */ W(O, {
+		children: /* @__PURE__ */ G(O, {
 			side: C,
 			className: L("overflow-y-auto", o, e.className),
 			style: P,
-			children: [(e.title || e.description) && /* @__PURE__ */ W(A, { children: [e.title && /* @__PURE__ */ U(j, { children: e.title }), e.description && /* @__PURE__ */ U(k, { children: e.description })] }), /* @__PURE__ */ U("div", {
+			children: [(e.title || e.description) && /* @__PURE__ */ G(A, { children: [e.title && /* @__PURE__ */ W(j, { children: e.title }), e.description && /* @__PURE__ */ W(k, { children: e.description })] }), /* @__PURE__ */ W("div", {
 				className: "@container py-4",
 				children: (() => {
-					if (b) return /* @__PURE__ */ W("div", {
+					if (b) return /* @__PURE__ */ G("div", {
 						className: "p-4 border border-red-300 bg-red-50 rounded-md",
-						children: [/* @__PURE__ */ U("h3", {
+						children: [/* @__PURE__ */ W("h3", {
 							className: "text-red-800 font-semibold",
 							children: "Error loading form"
-						}), /* @__PURE__ */ U("p", {
+						}), /* @__PURE__ */ W("p", {
 							className: "text-red-600 text-sm mt-1",
 							children: b.message
 						})]
 					});
-					if (v) return /* @__PURE__ */ W("div", {
+					if (v) return /* @__PURE__ */ G("div", {
 						className: "p-8 text-center",
-						children: [/* @__PURE__ */ U("div", { className: "inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900" }), /* @__PURE__ */ U("p", {
+						children: [/* @__PURE__ */ W("div", { className: "inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900" }), /* @__PURE__ */ W("p", {
 							className: "mt-2 text-sm text-gray-600",
 							children: "Loading form..."
 						})]
@@ -858,13 +887,13 @@ var pe = {
 								...e,
 								hidden: !0
 							}))) : t.push(...a);
-						}), /* @__PURE__ */ U(s, { schema: {
+						}), /* @__PURE__ */ W(s, { schema: {
 							...F,
 							fields: t
 						} });
 					}
-					let t = Z(m, d, e.columns, e.mode), n = pe[t.columns || 1];
-					return /* @__PURE__ */ U(s, { schema: {
+					let t = $(m, d, e.columns, e.mode), n = me[t.columns || 1];
+					return /* @__PURE__ */ W(s, { schema: {
 						...F,
 						fields: t.fields,
 						columns: t.columns,
@@ -874,70 +903,89 @@ var pe = {
 			})]
 		})
 	});
-}, Q = {
+}, ge = {
 	sm: "sm:max-w-sm",
 	default: "sm:max-w-lg",
 	lg: "sm:max-w-2xl",
 	xl: "sm:max-w-5xl",
 	full: "sm:max-w-[95vw] sm:w-full"
-}, he = {
+}, _e = {
 	1: void 0,
 	2: "grid gap-4 grid-cols-1 @md:grid-cols-2",
 	3: "grid gap-4 grid-cols-1 @md:grid-cols-2 @2xl:grid-cols-3",
 	4: "grid gap-4 grid-cols-1 @md:grid-cols-2 @2xl:grid-cols-3 @4xl:grid-cols-4"
-}, ge = ({ schema: e, dataSource: o, className: u }) => {
-	let { fieldLabel: d } = c(), [m, h] = a(null), [g, _] = a([]), [v, w] = a({}), [T, E] = a(!0), [D, O] = a(null), [k, A] = a(!1), j = e.open !== !1, N = r(), P = i(() => e.sections?.length || e.customFields?.length ? null : Z(g, m, e.columns, e.mode), [
-		g,
-		m,
+}, ve = ({ schema: e, dataSource: o, className: d }) => {
+	let { fieldLabel: m } = c(), h = z(), g = t((t) => {
+		if (!h?.isLoaded) return t;
+		let n = [];
+		for (let r of t) {
+			if (!r?.name) {
+				n.push(r);
+				continue;
+			}
+			h.checkField(e.objectName, r.name, "read") && (!h.checkField(e.objectName, r.name, "write") && e.mode !== "view" ? n.push({
+				...r,
+				readOnly: !0,
+				disabled: !0
+			}) : n.push(r));
+		}
+		return n;
+	}, [
+		h,
+		e.objectName,
+		e.mode
+	]), [_, v] = a(null), [w, T] = a([]), [E, D] = a({}), [O, k] = a(!0), [A, j] = a(null), [N, P] = a(!1), F = e.open !== !1, I = r(), R = i(() => e.sections?.length || e.customFields?.length ? null : $(w, _, e.columns, e.mode), [
+		w,
+		_,
 		e.columns,
 		e.mode,
 		e.sections,
 		e.customFields
-	]), F = Q[i(() => {
+	]), B = ge[i(() => {
 		if (e.modalSize) return e.modalSize;
-		if (P?.columns && P.columns > 1) return X(P.columns);
+		if (R?.columns && R.columns > 1) return ue(R.columns);
 		if (e.sections?.length) {
 			let t = Math.max(...e.sections.map((e) => Number(e.columns) || 1));
-			if (t > 1) return X(t);
+			if (t > 1) return ue(t);
 		}
 		return "default";
 	}, [
 		e.modalSize,
-		P,
+		R,
 		e.sections
-	])] || Q.default;
+	])] || ge.default;
 	n(() => {
 		(async () => {
 			if (!o) {
-				E(!1);
+				k(!1);
 				return;
 			}
 			try {
-				h(await o.getObjectSchema(e.objectName));
+				v(await o.getObjectSchema(e.objectName));
 			} catch (e) {
-				O(e), E(!1);
+				j(e), k(!1);
 			}
 		})();
 	}, [e.objectName, o]), n(() => {
-		(m || !o) && (async () => {
+		(_ || !o) && (async () => {
 			if (e.mode === "create" || !e.recordId) {
-				w(e.initialData || e.initialValues || {}), E(!1);
+				D(e.initialData || e.initialValues || {}), k(!1);
 				return;
 			}
 			if (!o) {
-				w(e.initialData || e.initialValues || {}), E(!1);
+				D(e.initialData || e.initialValues || {}), k(!1);
 				return;
 			}
 			try {
-				w(await o.findOne(e.objectName, e.recordId) || {});
+				D(await o.findOne(e.objectName, e.recordId) || {});
 			} catch (e) {
-				O(e);
+				j(e);
 			} finally {
-				E(!1);
+				k(!1);
 			}
 		})();
 	}, [
-		m,
+		_,
 		e.mode,
 		e.recordId,
 		e.initialData,
@@ -945,26 +993,29 @@ var pe = {
 		o,
 		e.objectName
 	]);
-	let I = t((t) => {
-		let n = [];
-		for (let r of t.fields) {
-			let t = typeof r == "string" ? r : r.name;
-			if (typeof r == "object") n.push(r);
-			else if (m?.fields?.[t]) {
-				let r = m.fields[t];
-				n.push({
+	let V = t((t) => {
+		let n = [], r = (e, t) => typeof t == "string" && t.trim() ? {
+			...e,
+			visible: (e) => u(t, e)
+		} : e;
+		for (let i of t.fields) {
+			let t = typeof i == "string" ? i : i.name;
+			if (typeof i == "object") n.push(r(i, i.visibleOn));
+			else if (_?.fields?.[t]) {
+				let i = _.fields[t];
+				n.push(r({
 					name: t,
-					label: d(e.objectName, t, r.label || t),
-					type: f(r.type),
-					required: r.required || !1,
-					disabled: e.readOnly || e.mode === "view" || r.readonly,
-					placeholder: r.placeholder,
-					description: r.help || r.description,
-					validation: l(r),
-					field: r,
-					options: r.options,
-					multiple: r.multiple
-				});
+					label: m(e.objectName, t, i.label || t),
+					type: f(i.type),
+					required: i.required || !1,
+					disabled: e.readOnly || e.mode === "view" || i.readonly,
+					placeholder: i.placeholder,
+					description: i.help || i.description,
+					validation: l(i),
+					field: i,
+					options: i.options,
+					multiple: i.multiple
+				}, i.visible_on ?? i.visibleOn));
 			} else n.push({
 				name: t,
 				label: t,
@@ -973,29 +1024,30 @@ var pe = {
 		}
 		return n;
 	}, [
-		m,
+		_,
 		e.readOnly,
-		e.mode
+		e.mode,
+		e.objectName
 	]);
 	n(() => {
-		if (!m && o) return;
+		if (!_ && o) return;
 		if (e.customFields?.length) {
-			_(e.customFields), E(!1);
+			T(e.customFields), k(!1);
 			return;
 		}
 		if (e.sections?.length) {
-			E(!1);
+			k(!1);
 			return;
 		}
-		if (!m) return;
-		let t = e.fields || Object.keys(m.fields || {}), n = [];
+		if (!_) return;
+		let t = e.fields || Object.keys(_.fields || {}), n = [];
 		for (let r of t) {
 			let t = typeof r == "string" ? r : r.name;
 			if (!t) continue;
-			let i = m.fields?.[t];
+			let i = _.fields?.[t];
 			i && n.push({
 				name: t,
-				label: d(e.objectName, t, i.label || t),
+				label: m(e.objectName, t, i.label || t),
 				type: f(i.type),
 				required: i.required || !1,
 				disabled: e.readOnly || e.mode === "view" || i.readonly,
@@ -1007,9 +1059,9 @@ var pe = {
 				multiple: i.multiple
 			});
 		}
-		_(n), E(!1);
+		T(n), k(!1);
 	}, [
-		m,
+		_,
 		e.fields,
 		e.customFields,
 		e.sections,
@@ -1017,239 +1069,274 @@ var pe = {
 		e.mode,
 		o
 	]);
-	let R = t(async (t) => {
-		A(!0);
+	let H = t(async (t) => {
+		P(!0);
 		try {
 			if (!o) return e.onSuccess && await e.onSuccess(t), e.onOpenChange?.(!1), t;
-			let n, r = fe(t, m);
+			let n, r = pe(t, _);
+			if (h?.isLoaded) {
+				let t = {};
+				for (let n of Object.keys(r)) h.checkField(e.objectName, n, "write") && (t[n] = r[n]);
+				r = t;
+			}
 			return e.mode === "create" ? n = await o.create(e.objectName, r) : e.mode === "edit" && e.recordId && (n = await o.update(e.objectName, e.recordId, r)), e.onSuccess && await e.onSuccess(n), e.onOpenChange?.(!1), n;
 		} catch (t) {
 			throw e.onError && e.onError(t), t;
 		} finally {
-			A(!1);
+			P(!1);
 		}
 	}, [
 		e,
 		o,
-		m
-	]), z = t(() => {
+		_,
+		h
+	]), U = t(() => {
 		e.onCancel && e.onCancel(), e.onOpenChange?.(!1);
-	}, [e]), ee = e.layout === "vertical" || e.layout === "horizontal" ? e.layout : "vertical", B = e.showSubmit !== !1 && e.mode !== "view", V = e.showCancel !== !1, H = e.submitText || (e.mode === "create" ? "Create" : "Update"), K = e.cancelText || "Cancel", q = {
+	}, [e]), te = e.layout === "vertical" || e.layout === "horizontal" ? e.layout : "vertical", q = e.showSubmit !== !1 && e.mode !== "view", J = e.showCancel !== !1, Y = e.submitText || (e.mode === "create" ? "Create" : "Update"), X = e.cancelText || "Cancel", Z = {
 		type: "form",
-		layout: ee,
-		defaultValues: v,
-		submitLabel: H,
-		cancelLabel: K,
-		showSubmit: B,
-		showCancel: V,
-		onSubmit: R,
-		onCancel: z,
+		layout: te,
+		defaultValues: E,
+		submitLabel: Y,
+		cancelLabel: X,
+		showSubmit: q,
+		showCancel: J,
+		onSubmit: H,
+		onCancel: U,
 		showActions: !1,
-		id: N
-	}, J = () => {
-		if (D) return /* @__PURE__ */ W("div", {
+		id: I
+	}, ne = () => {
+		if (A) return /* @__PURE__ */ G("div", {
 			className: "p-4 border border-red-300 bg-red-50 rounded-md",
-			children: [/* @__PURE__ */ U("h3", {
+			children: [/* @__PURE__ */ W("h3", {
 				className: "text-red-800 font-semibold",
 				children: "Error loading form"
-			}), /* @__PURE__ */ U("p", {
+			}), /* @__PURE__ */ W("p", {
 				className: "text-red-600 text-sm mt-1",
-				children: D.message
+				children: A.message
 			})]
 		});
-		if (T) return /* @__PURE__ */ U("div", {
+		if (O) return /* @__PURE__ */ W("div", {
 			className: "space-y-4",
 			"data-testid": "modal-form-skeleton",
 			children: [
 				1,
 				2,
 				3
-			].map((e) => /* @__PURE__ */ W("div", {
+			].map((e) => /* @__PURE__ */ G("div", {
 				className: "space-y-2",
-				children: [/* @__PURE__ */ U(M, { className: "h-4 w-24" }), /* @__PURE__ */ U(M, { className: "h-10 w-full" })]
+				children: [/* @__PURE__ */ W(M, { className: "h-4 w-24" }), /* @__PURE__ */ W(M, { className: "h-10 w-full" })]
 			}, e))
 		});
-		if (e.sections?.length) return /* @__PURE__ */ U("div", {
+		if (e.sections?.length) return /* @__PURE__ */ W("div", {
 			className: "space-y-6",
 			children: e.sections.map((e, t) => {
 				let n = e.columns || 1;
-				return /* @__PURE__ */ U(G, {
+				return /* @__PURE__ */ W(K, {
 					label: e.label,
 					description: e.description,
 					columns: n,
-					gridClassName: he[n],
-					children: /* @__PURE__ */ U(s, { schema: {
-						...q,
-						fields: I(e)
+					gridClassName: _e[n],
+					children: /* @__PURE__ */ W(s, { schema: {
+						...Z,
+						fields: g(V(e))
 					} })
 				}, e.name || e.label || t);
 			})
 		});
-		let t = P ?? Z(g, m, e.columns, e.mode), n = he[t.columns || 1];
-		return /* @__PURE__ */ U(s, { schema: {
-			...q,
-			fields: t.fields,
+		let t = R ?? $(w, _, e.columns, e.mode), n = _e[t.columns || 1];
+		return /* @__PURE__ */ W(s, { schema: {
+			...Z,
+			fields: g(t.fields),
 			columns: t.columns,
 			...n ? { fieldContainerClass: n } : {}
 		} });
-	}, ne = !T && !D && (B || V);
-	return /* @__PURE__ */ U(y, {
-		open: j,
+	}, Q = !O && !A && (q || J);
+	return /* @__PURE__ */ W(y, {
+		open: F,
 		onOpenChange: e.onOpenChange,
-		children: /* @__PURE__ */ W(C, {
-			className: L(F, "flex flex-col h-[100dvh] sm:h-auto sm:max-h-[90vh] overflow-hidden p-0", u, e.className),
+		children: /* @__PURE__ */ G(C, {
+			className: L(B, "flex flex-col h-[100dvh] sm:h-auto sm:max-h-[90vh] overflow-hidden p-0", d, e.className),
 			children: [
-				(e.title || e.description) && /* @__PURE__ */ W(x, {
+				(e.title || e.description) && /* @__PURE__ */ G(x, {
 					className: "shrink-0 px-4 pt-4 sm:px-6 sm:pt-6 pb-2 border-b",
-					children: [e.title && /* @__PURE__ */ U(S, { children: e.title }), e.description && /* @__PURE__ */ U(b, { children: e.description })]
+					children: [e.title && /* @__PURE__ */ W(S, { children: e.title }), e.description && /* @__PURE__ */ W(b, { children: e.description })]
 				}),
-				/* @__PURE__ */ U("div", {
+				/* @__PURE__ */ W("div", {
 					className: "@container flex-1 overflow-y-auto px-4 sm:px-6 py-4",
-					children: J()
+					children: ne()
 				}),
-				ne && /* @__PURE__ */ U("div", {
+				Q && /* @__PURE__ */ W("div", {
 					className: "shrink-0 border-t px-4 sm:px-6 py-3 bg-background",
 					"data-testid": "modal-form-footer",
-					children: /* @__PURE__ */ W("div", {
+					children: /* @__PURE__ */ G("div", {
 						className: "flex flex-col sm:flex-row gap-2 sm:justify-end",
-						children: [V && /* @__PURE__ */ U(p, {
+						children: [J && /* @__PURE__ */ W(p, {
 							type: "button",
 							variant: "outline",
-							onClick: z,
-							disabled: k,
+							onClick: U,
+							disabled: N,
 							className: "w-full sm:w-auto",
-							children: K
-						}), B && /* @__PURE__ */ W(p, {
+							children: X
+						}), q && /* @__PURE__ */ G(p, {
 							type: "submit",
-							form: N,
-							disabled: k,
+							form: I,
+							disabled: N,
 							className: "w-full sm:w-auto",
-							children: [k && /* @__PURE__ */ U(te, { className: "mr-2 h-4 w-4 animate-spin" }), H]
+							children: [N && /* @__PURE__ */ W(ee, { className: "mr-2 h-4 w-4 animate-spin" }), Y]
 						})]
 					})
 				})
 			]
 		})
 	});
-}, $ = ({ schema: e, dataSource: t }) => {
-	let { sectionLabel: n } = c(), r = (t) => t?.name ? n(e.objectName, t.name, t.label || t.name) : t?.label;
-	if (e.formType === "tabbed" && e.sections?.length) return /* @__PURE__ */ U(K, {
-		schema: {
+}, ye = ({ schema: e, dataSource: t }) => {
+	let n = z(), r = i(() => {
+		if (!n?.isLoaded) return e;
+		let t = (t) => t?.name ? n.checkField(e.objectName, t.name, "read") ? !n.checkField(e.objectName, t.name, "write") && e.mode !== "view" ? {
+			...t,
+			readOnly: !0,
+			disabled: !0
+		} : t : null : t, r = (e) => Array.isArray(e) ? e.map(t).filter(Boolean) : e;
+		return {
 			...e,
+			fields: r(e.fields),
+			sections: e.sections?.map((e) => ({
+				...e,
+				fields: r(e.fields)
+			}))
+		};
+	}, [e, n]), { sectionLabel: a } = c(), o = (e) => e?.name ? a(r.objectName, e.name, e.label || e.name) : e?.label;
+	if (r.formType === "tabbed" && r.sections?.length) return /* @__PURE__ */ W(q, {
+		schema: {
+			...r,
 			formType: "tabbed",
-			sections: e.sections.map((e) => ({
+			sections: r.sections.map((e) => ({
 				name: e.name,
-				label: r(e),
+				label: o(e),
 				description: e.description,
 				columns: e.columns,
 				fields: e.fields
 			})),
-			defaultTab: e.defaultTab,
-			tabPosition: e.tabPosition
+			defaultTab: r.defaultTab,
+			tabPosition: r.tabPosition
 		},
 		dataSource: t,
-		className: e.className
+		className: r.className
 	});
-	if (e.formType === "wizard" && e.sections?.length) return /* @__PURE__ */ U(q, {
+	if (r.formType === "wizard" && r.sections?.length) return /* @__PURE__ */ W(J, {
 		schema: {
-			...e,
+			...r,
 			formType: "wizard",
-			sections: e.sections.map((e) => ({
+			sections: r.sections.map((e) => ({
 				name: e.name,
-				label: r(e),
+				label: o(e),
 				description: e.description,
 				columns: e.columns,
 				fields: e.fields
 			})),
-			allowSkip: e.allowSkip,
-			showStepIndicator: e.showStepIndicator,
-			nextText: e.nextText,
-			prevText: e.prevText,
-			onStepChange: e.onStepChange
+			allowSkip: r.allowSkip,
+			showStepIndicator: r.showStepIndicator,
+			nextText: r.nextText,
+			prevText: r.prevText,
+			onStepChange: r.onStepChange
 		},
 		dataSource: t,
-		className: e.className
+		className: r.className
 	});
-	if (e.formType === "split" && e.sections?.length) return /* @__PURE__ */ U(J, {
+	if (r.formType === "split" && r.sections?.length) return /* @__PURE__ */ W(Y, {
 		schema: {
-			...e,
+			...r,
 			formType: "split",
-			sections: e.sections.map((e) => ({
+			sections: r.sections.map((e) => ({
 				name: e.name,
-				label: r(e),
+				label: o(e),
 				description: e.description,
 				columns: e.columns,
 				fields: e.fields
 			})),
-			splitDirection: e.splitDirection,
-			splitSize: e.splitSize,
-			splitResizable: e.splitResizable
+			splitDirection: r.splitDirection,
+			splitSize: r.splitSize,
+			splitResizable: r.splitResizable
 		},
 		dataSource: t,
-		className: e.className
+		className: r.className
 	});
-	if (e.formType === "drawer") {
-		let { layout: n, ...i } = e, a = e.layout === "vertical" || e.layout === "horizontal" ? e.layout : void 0;
-		return /* @__PURE__ */ U(me, {
+	if (r.formType === "drawer") {
+		let { layout: e, ...n } = r, i = r.layout === "vertical" || r.layout === "horizontal" ? r.layout : void 0;
+		return /* @__PURE__ */ W(he, {
 			schema: {
-				...i,
-				layout: a,
+				...n,
+				layout: i,
 				formType: "drawer",
-				sections: e.sections?.map((e) => ({
+				sections: r.sections?.map((e) => ({
 					name: e.name,
-					label: r(e),
+					label: o(e),
 					description: e.description,
 					columns: e.columns,
 					fields: e.fields,
 					collapsible: e.collapsible,
 					collapsed: e.collapsed
 				})),
-				open: e.open,
-				onOpenChange: e.onOpenChange,
-				drawerSide: e.drawerSide,
-				drawerWidth: e.drawerWidth
+				open: r.open,
+				onOpenChange: r.onOpenChange,
+				drawerSide: r.drawerSide,
+				drawerWidth: r.drawerWidth
 			},
 			dataSource: t,
-			className: e.className
+			className: r.className
 		});
 	}
-	if (e.formType === "modal") {
-		let { layout: n, ...i } = e, a = e.layout === "vertical" || e.layout === "horizontal" ? e.layout : void 0;
-		return /* @__PURE__ */ U(ge, {
+	if (r.formType === "modal") {
+		let { layout: e, ...n } = r, i = r.layout === "vertical" || r.layout === "horizontal" ? r.layout : void 0;
+		return /* @__PURE__ */ W(ve, {
 			schema: {
-				...i,
-				layout: a,
+				...n,
+				layout: i,
 				formType: "modal",
-				sections: e.sections?.map((e) => ({
+				sections: r.sections?.map((e) => ({
 					name: e.name,
-					label: r(e),
+					label: o(e),
 					description: e.description,
 					columns: e.columns,
 					fields: e.fields
 				})),
-				open: e.open,
-				onOpenChange: e.onOpenChange,
-				modalSize: e.modalSize,
-				modalCloseButton: e.modalCloseButton
+				open: r.open,
+				onOpenChange: r.onOpenChange,
+				modalSize: r.modalSize,
+				modalCloseButton: r.modalCloseButton
 			},
 			dataSource: t,
-			className: e.className
+			className: r.className
 		});
 	}
-	return /* @__PURE__ */ U(_e, {
-		schema: e,
+	return /* @__PURE__ */ W(be, {
+		schema: r,
 		dataSource: t
 	});
-}, _e = ({ schema: r, dataSource: i }) => {
-	let { fieldLabel: o, sectionLabel: p } = c(), m = R(), [h, g] = a(null), [_, v] = a([]), [y, b] = a(null), [x, S] = a(!0), [C, w] = a(null), T = r.customFields && r.customFields.length > 0;
+}, be = ({ schema: r, dataSource: i }) => {
+	let { fieldLabel: o, sectionLabel: p } = c(), m = R(), h = z(), g = t((e) => {
+		if (!h?.isLoaded) return e;
+		let t = [];
+		for (let n of e) h.checkField(r.objectName, n.name, "read") && (!h.checkField(r.objectName, n.name, "write") && r.mode !== "view" ? t.push({
+			...n,
+			readOnly: !0,
+			disabled: !0,
+			description: n.description ?? "You do not have edit access to this field."
+		}) : t.push(n));
+		return t;
+	}, [
+		h,
+		r.objectName,
+		r.mode
+	]), [_, v] = a(null), [y, b] = a([]), [x, S] = a(null), [C, w] = a(!0), [T, E] = a(null), D = r.customFields && r.customFields.length > 0;
 	n(() => {
-		T && (b(r.initialData || r.initialValues || {}), S(!1));
+		D && (S(r.initialData || r.initialValues || {}), w(!1));
 	}, [
-		T,
+		D,
 		r.initialData,
 		r.initialValues
 	]), n(() => {
-		T ? g({
+		D ? v({
 			name: r.objectName,
 			fields: {}
 		}) : r.objectName && i ? (async () => {
@@ -1257,33 +1344,33 @@ var pe = {
 				if (!i) throw Error("DataSource is required when using ObjectQL schema fetching (inline fields not provided)");
 				let e = await i.getObjectSchema(r.objectName);
 				if (!e) throw Error(`No schema found for object "${r.objectName}"`);
-				g(e);
+				v(e);
 			} catch (e) {
-				w(e), S(!1);
+				E(e), w(!1);
 			}
-		})() : T || S(!1);
+		})() : D || w(!1);
 	}, [
 		r.objectName,
 		i,
-		T
+		D
 	]), n(() => {
-		h && !T && (async () => {
+		_ && !D && (async () => {
 			if (!r.recordId || r.mode === "create") {
-				b(r.initialData || r.initialValues || {}), S(!1);
+				S(r.initialData || r.initialValues || {}), w(!1);
 				return;
 			}
-			if (!T) {
+			if (!D) {
 				if (!i) {
-					w(/* @__PURE__ */ Error("DataSource is required for fetching record data (inline data not provided)")), S(!1);
+					E(/* @__PURE__ */ Error("DataSource is required for fetching record data (inline data not provided)")), w(!1);
 					return;
 				}
-				S(!0);
+				w(!0);
 				try {
-					b(await i.findOne(r.objectName, r.recordId));
+					S(await i.findOne(r.objectName, r.recordId));
 				} catch (e) {
-					console.error("Failed to fetch record:", e), w(e);
+					console.error("Failed to fetch record:", e), E(e);
 				} finally {
-					S(!1);
+					w(!1);
 				}
 			}
 		})();
@@ -1294,31 +1381,40 @@ var pe = {
 		r.initialValues,
 		r.initialData,
 		i,
-		h,
-		T
-	]), n(() => {
-		if (T && r.customFields) {
-			v(r.customFields), S(!1);
+		_,
+		D
+	]);
+	let O = t((e) => {
+		if (!e || typeof e.visible == "function") return e;
+		let t = e.visibleOn;
+		return typeof t == "string" && t.trim() ? {
+			...e,
+			visible: (e) => u(t, e)
+		} : e;
+	}, []);
+	n(() => {
+		if (D && r.customFields) {
+			b(r.customFields.map(O)), w(!1);
 			return;
 		}
-		if (!h) return;
-		let e = [], t = r.fields || Object.keys(h.fields || {});
+		if (!_) return;
+		let e = [], t = r.fields || Object.keys(_.fields || {});
 		(Array.isArray(t) ? t : Object.keys(t)).forEach((t) => {
 			let n = typeof t == "string" ? t : t.name;
 			if (!n) return;
-			let i = h.fields?.[n];
-			if (!i && !T) return;
+			let i = _.fields?.[n];
+			if (!i && !D) return;
 			let a = !i?.permissions || i?.permissions.write !== !1;
 			if (r.mode !== "view" && !a) return;
 			let s = r.customFields?.find((e) => e.name === n);
-			if (s) e.push(s);
+			if (s) e.push(O(s));
 			else if (i) {
 				let a = {
 					name: n,
 					label: o(r.objectName, n, i.label || t),
 					type: f(i.type),
 					required: i.required || !1,
-					disabled: r.readOnly || r.mode === "view" || i.readonly || h?.managedBy && h.managedBy !== "platform",
+					disabled: r.readOnly || r.mode === "view" || i.readonly || _?.managedBy && _.managedBy !== "platform",
 					placeholder: i.placeholder,
 					description: i.help || i.description,
 					validation: l(i),
@@ -1330,110 +1426,116 @@ var pe = {
 				}
 				i.type === "email" && (a.inputType = "email"), i.type === "phone" && (a.inputType = "tel"), i.type === "url" && (a.inputType = "url"), i.type === "password" && (a.inputType = "password"), i.type === "time" && (a.inputType = "time"), (i.type === "formula" || i.type === "summary" || i.type === "auto_number") && (a.disabled = !0), i.visible_on && (a.visible = (e) => u(i.visible_on, e)), e.push(a);
 			}
-		}), v(e), !T && r.recordId && r.mode !== "create" && i || S(!1);
+		}), b(e), !D && r.recordId && r.mode !== "create" && i || w(!1);
 	}, [
-		h,
+		_,
 		r.fields,
 		r.customFields,
 		r.readOnly,
 		r.mode,
-		T,
+		D,
 		r.recordId,
 		i
 	]);
-	let E = t(async (e, t) => {
-		if (e && (e.nativeEvent || e._reactName === "onSubmit") && (console.warn("ObjectForm: Received Event instead of data in handleSubmit! This suggests a Form renderer issue."), t === void 0 && (t = e, e = {})), T && !i) return r.onSuccess && await r.onSuccess(e), e;
+	let k = t(async (e, t) => {
+		if (e && (e.nativeEvent || e._reactName === "onSubmit") && (console.warn("ObjectForm: Received Event instead of data in handleSubmit! This suggests a Form renderer issue."), t === void 0 && (t = e, e = {})), D && !i) return r.onSuccess && await r.onSuccess(e), e;
 		if (!i) throw Error("DataSource is required for form submission (inline mode not configured)");
+		let n = e;
+		if (h?.isLoaded && e && typeof e == "object") {
+			n = {};
+			for (let t of Object.keys(e)) h.checkField(r.objectName, t, "write") && (n[t] = e[t]);
+		}
 		try {
-			let t;
-			if (r.mode === "create") t = await i.create(r.objectName, e);
-			else if (r.mode === "edit" && r.recordId) t = await i.update(r.objectName, r.recordId, e);
+			let e;
+			if (r.mode === "create") e = await i.create(r.objectName, n);
+			else if (r.mode === "edit" && r.recordId) e = await i.update(r.objectName, r.recordId, n);
 			else throw Error("Invalid form mode or missing record ID");
-			return r.onSuccess && await r.onSuccess(t), t;
+			return r.onSuccess && await r.onSuccess(e), e;
 		} catch (e) {
 			throw console.error("Failed to submit form:", e), r.onError && r.onError(e), e;
 		}
 	}, [
 		r,
 		i,
-		T
-	]), D = t(() => {
+		D,
+		h
+	]), A = t(() => {
 		r.onCancel && r.onCancel();
-	}, [r]), O = {
+	}, [r]), j = {
 		...e.useMemo(() => {
-			if (!h?.fields) return {};
+			if (!_?.fields) return {};
 			let e = {};
-			return Object.keys(h.fields).forEach((t) => {
-				let n = h.fields[t];
+			return Object.keys(_.fields).forEach((t) => {
+				let n = _.fields[t];
 				n.defaultValue !== void 0 && (e[t] = n.defaultValue);
 			}), e;
-		}, [h]),
-		...y
+		}, [_]),
+		...x
 	};
-	if (C) return /* @__PURE__ */ W("div", {
+	if (T) return /* @__PURE__ */ G("div", {
 		className: "p-3 sm:p-4 border border-red-300 bg-red-50 rounded-md",
-		children: [/* @__PURE__ */ U("h3", {
+		children: [/* @__PURE__ */ W("h3", {
 			className: "text-red-800 font-semibold",
 			children: "Error loading form"
-		}), /* @__PURE__ */ U("p", {
+		}), /* @__PURE__ */ W("p", {
 			className: "text-red-600 text-sm mt-1",
-			children: C.message
+			children: T.message
 		})]
 	});
-	if (x) return /* @__PURE__ */ W("div", {
+	if (C) return /* @__PURE__ */ G("div", {
 		className: "p-4 sm:p-8 text-center",
-		children: [/* @__PURE__ */ U("div", { className: "inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900" }), /* @__PURE__ */ U("p", {
+		children: [/* @__PURE__ */ W("div", { className: "inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900" }), /* @__PURE__ */ W("p", {
 			className: "mt-2 text-sm text-gray-600",
 			children: "Loading form..."
 		})]
 	});
-	let k = r.layout === "vertical" || r.layout === "horizontal" ? r.layout : "vertical";
-	if (r.sections?.length && (!r.formType || r.formType === "simple")) return /* @__PURE__ */ U("div", {
+	let M = r.layout === "vertical" || r.layout === "horizontal" ? r.layout : "vertical";
+	if (r.sections?.length && (!r.formType || r.formType === "simple")) return /* @__PURE__ */ W("div", {
 		className: "w-full space-y-6",
 		children: r.sections.map((e, t) => {
-			let n = e.fields.map((e) => typeof e == "string" ? e : e.name), i = _.filter((e) => n.includes(e.name));
-			return /* @__PURE__ */ U(G, {
+			let n = e.fields.map((e) => typeof e == "string" ? e : e.name), i = g(y.filter((e) => n.includes(e.name)));
+			return /* @__PURE__ */ W(K, {
 				label: e.name ? p(r.objectName, e.name, e.label || e.name) : e.label,
 				description: e.description,
 				collapsible: e.collapsible,
 				collapsed: e.collapsed,
 				columns: e.columns,
-				children: /* @__PURE__ */ U(s, { schema: {
+				children: /* @__PURE__ */ W(s, { schema: {
 					type: "form",
 					fields: i,
-					layout: k,
-					defaultValues: O,
+					layout: M,
+					defaultValues: j,
 					showSubmit: t === r.sections.length - 1 && r.showSubmit !== !1 && r.mode !== "view",
 					showCancel: t === r.sections.length - 1 && r.showCancel !== !1,
 					submitLabel: r.submitText || (r.mode === "create" ? "Create" : "Update"),
 					cancelLabel: r.cancelText,
-					onSubmit: E,
-					onCancel: D
+					onSubmit: k,
+					onCancel: A
 				} })
 			}, e.name || e.label || t);
 		})
 	});
-	let A = r.sections?.length, j = A ? {
-		fields: _,
+	let N = r.sections?.length, P = g(y), F = N ? {
+		fields: P,
 		columns: r.columns
-	} : Z(_, h, r.columns, r.mode), M = r.mobile, N = M?.fullscreenLongText ? j.fields.map((e) => {
+	} : $(P, _, r.columns, r.mode), I = r.mobile, L = I?.fullscreenLongText ? F.fields.map((e) => {
 		let t = e.type;
 		return t === "textarea" || t === "field:textarea" || t === "string-multiline" || t === "field:markdown" || t === "field:html" ? {
 			...e,
 			mobile_fullscreen: !0
 		} : e;
-	}) : j.fields, P = M?.stepper, F = M?.stepperMinFields ?? 8, I = Math.max(1, M?.stepperFieldsPerStep ?? 1);
-	if (!r.formType && !A && N.length >= 2 && (P === !0 || P === "auto" && m && N.length >= F)) {
-		let e = N, t = [];
-		for (let n = 0; n < e.length; n += I) {
-			let r = e.slice(n, n + I);
+	}) : F.fields, B = I?.stepper, V = I?.stepperMinFields ?? 8, H = Math.max(1, I?.stepperFieldsPerStep ?? 1);
+	if (!r.formType && !N && L.length >= 2 && (B === !0 || B === "auto" && m && L.length >= V)) {
+		let e = L, t = [];
+		for (let n = 0; n < e.length; n += H) {
+			let r = e.slice(n, n + H);
 			t.push({
-				name: `step-${Math.floor(n / I) + 1}`,
-				label: r[0]?.label || r[0]?.name || `Step ${Math.floor(n / I) + 1}`,
+				name: `step-${Math.floor(n / H) + 1}`,
+				label: r[0]?.label || r[0]?.name || `Step ${Math.floor(n / H) + 1}`,
 				fields: r
 			});
 		}
-		return /* @__PURE__ */ U(q, {
+		return /* @__PURE__ */ W(J, {
 			schema: {
 				...r,
 				formType: "wizard",
@@ -1444,28 +1546,28 @@ var pe = {
 			className: r.className
 		});
 	}
-	let L = {
+	let U = {
 		type: "form",
-		fields: N,
-		layout: k,
-		columns: j.columns,
+		fields: L,
+		layout: M,
+		columns: F.columns,
 		submitLabel: r.submitText || (r.mode === "create" ? "Create" : "Update"),
 		cancelLabel: r.cancelText,
 		showSubmit: r.showSubmit !== !1 && r.mode !== "view",
 		showCancel: r.showCancel !== !1,
 		resetOnSubmit: r.showReset,
-		defaultValues: O,
-		onSubmit: E,
-		onCancel: D,
+		defaultValues: j,
+		onSubmit: k,
+		onCancel: A,
 		className: r.className,
-		mobileStickyActions: !!M?.stickyActions
+		mobileStickyActions: !!I?.stickyActions
 	};
-	return /* @__PURE__ */ U("div", {
-		className: M?.stickyActions ? "w-full pb-20 md:pb-0" : "w-full",
-		"data-mobile-form": M ? "true" : void 0,
-		children: /* @__PURE__ */ U(s, { schema: L })
+	return /* @__PURE__ */ W("div", {
+		className: I?.stickyActions ? "w-full pb-20 md:pb-0" : "w-full",
+		"data-mobile-form": I ? "true" : void 0,
+		children: /* @__PURE__ */ W(s, { schema: U })
 	});
-}, ve = ({ config: e, dataSource: n, prefillParams: r, className: o }) => {
+}, xe = ({ config: e, dataSource: n, prefillParams: r, className: o }) => {
 	let [s, c] = a(!1), [l, u] = a(!1), [d, f] = a(null), p = i(() => {
 		let e = {};
 		if (r) for (let [t, n] of Object.entries(r)) e[t] = n;
@@ -1494,30 +1596,30 @@ var pe = {
 	}, [e.branding]);
 	if (s) {
 		let t = e.thankYouPage;
-		return /* @__PURE__ */ U("div", {
+		return /* @__PURE__ */ W("div", {
 			className: `min-h-screen flex items-center justify-center p-4 ${o || ""}`,
 			style: g,
-			children: /* @__PURE__ */ W("div", {
+			children: /* @__PURE__ */ G("div", {
 				className: "max-w-md w-full bg-card rounded-lg shadow-lg p-8 text-center space-y-4",
 				children: [
-					/* @__PURE__ */ U("div", {
+					/* @__PURE__ */ W("div", {
 						className: "text-4xl",
 						children: "✓"
 					}),
-					/* @__PURE__ */ U("h2", {
+					/* @__PURE__ */ W("h2", {
 						className: "text-xl font-semibold text-foreground",
 						children: t?.title || "Thank You!"
 					}),
-					/* @__PURE__ */ U("p", {
+					/* @__PURE__ */ W("p", {
 						className: "text-muted-foreground",
 						children: t?.message || "Your submission has been received successfully."
 					}),
-					e.allowMultiple && /* @__PURE__ */ U("button", {
+					e.allowMultiple && /* @__PURE__ */ W("button", {
 						onClick: h,
 						className: "mt-4 px-4 py-2 text-sm font-medium rounded-md border border-input bg-background hover:bg-accent hover:text-accent-foreground transition-colors",
 						children: "Submit Another Response"
 					}),
-					t?.redirectUrl && /* @__PURE__ */ W("p", {
+					t?.redirectUrl && /* @__PURE__ */ G("p", {
 						className: "text-xs text-muted-foreground",
 						children: [
 							"Redirecting in ",
@@ -1529,37 +1631,37 @@ var pe = {
 			})
 		});
 	}
-	return /* @__PURE__ */ U("div", {
+	return /* @__PURE__ */ W("div", {
 		className: `min-h-screen flex items-center justify-center p-4 ${o || ""}`,
 		style: g,
-		children: /* @__PURE__ */ W("div", {
+		children: /* @__PURE__ */ G("div", {
 			className: "max-w-2xl w-full bg-card rounded-lg shadow-lg overflow-hidden",
 			children: [
-				/* @__PURE__ */ W("div", {
+				/* @__PURE__ */ G("div", {
 					className: "p-6 border-b",
 					style: e.branding?.primaryColor ? { borderBottomColor: e.branding.primaryColor } : void 0,
 					children: [
-						e.branding?.logo && /* @__PURE__ */ U("img", {
+						e.branding?.logo && /* @__PURE__ */ W("img", {
 							src: e.branding.logo,
 							alt: "Logo",
 							className: "h-8 mb-4"
 						}),
-						e.title && /* @__PURE__ */ U("h1", {
+						e.title && /* @__PURE__ */ W("h1", {
 							className: "text-xl font-semibold text-foreground",
 							children: e.title
 						}),
-						e.description && /* @__PURE__ */ U("p", {
+						e.description && /* @__PURE__ */ W("p", {
 							className: "text-sm text-muted-foreground mt-1",
 							children: e.description
 						})
 					]
 				}),
-				/* @__PURE__ */ W("div", {
+				/* @__PURE__ */ G("div", {
 					className: "p-6",
-					children: [d && /* @__PURE__ */ U("div", {
+					children: [d && /* @__PURE__ */ W("div", {
 						className: "mb-4 p-3 bg-destructive/10 border border-destructive/30 rounded-md text-sm text-destructive",
 						children: d
-					}), /* @__PURE__ */ U($, {
+					}), /* @__PURE__ */ W(ye, {
 						schema: {
 							type: "object-form",
 							objectName: e.objectName,
@@ -1573,9 +1675,9 @@ var pe = {
 						dataSource: n
 					})]
 				}),
-				/* @__PURE__ */ U("div", {
+				/* @__PURE__ */ W("div", {
 					className: "px-6 py-3 border-t bg-muted/20 text-center",
-					children: /* @__PURE__ */ U("p", {
+					children: /* @__PURE__ */ W("p", {
 						className: "text-xs text-muted-foreground",
 						children: "Powered by ObjectStack"
 					})
@@ -1586,96 +1688,96 @@ var pe = {
 };
 //#endregion
 //#region src/FormAnalytics.tsx
-function ye(e) {
+function Se(e) {
 	return e < 60 ? `${Math.round(e)}s` : e < 3600 ? `${Math.floor(e / 60)}m ${Math.round(e % 60)}s` : `${Math.floor(e / 3600)}h ${Math.floor(e % 3600 / 60)}m`;
 }
-var be = ({ formId: e, formTitle: t, metrics: n, className: r }) => {
+var Ce = ({ formId: e, formTitle: t, metrics: n, className: r }) => {
 	let a = i(() => {
 		if (!n.abandonedSubmissions) return 100;
 		let e = n.totalSubmissions + n.abandonedSubmissions;
 		return e === 0 ? 0 : Math.round(n.totalSubmissions / e * 100);
 	}, [n.totalSubmissions, n.abandonedSubmissions]), o = i(() => n.dailySubmissions?.length ? Math.max(...n.dailySubmissions.map((e) => e.count), 1) : 1, [n.dailySubmissions]);
-	return /* @__PURE__ */ W("div", {
+	return /* @__PURE__ */ G("div", {
 		className: `space-y-4 ${r || ""}`,
 		children: [
-			/* @__PURE__ */ W("div", { children: [/* @__PURE__ */ U("h2", {
+			/* @__PURE__ */ G("div", { children: [/* @__PURE__ */ W("h2", {
 				className: "text-lg font-semibold text-foreground",
 				children: t || "Form Analytics"
-			}), /* @__PURE__ */ W("p", {
+			}), /* @__PURE__ */ G("p", {
 				className: "text-sm text-muted-foreground",
 				children: ["Form ID: ", e]
 			})] }),
-			/* @__PURE__ */ W("div", {
+			/* @__PURE__ */ G("div", {
 				className: "grid grid-cols-1 sm:grid-cols-3 gap-4",
 				children: [
-					/* @__PURE__ */ U(m, { children: /* @__PURE__ */ W(_, {
+					/* @__PURE__ */ W(m, { children: /* @__PURE__ */ G(_, {
 						className: "pb-2",
-						children: [/* @__PURE__ */ U(g, { children: "Total Submissions" }), /* @__PURE__ */ U(v, {
+						children: [/* @__PURE__ */ W(g, { children: "Total Submissions" }), /* @__PURE__ */ W(v, {
 							className: "text-2xl",
 							children: n.totalSubmissions.toLocaleString()
 						})]
 					}) }),
-					/* @__PURE__ */ W(m, { children: [/* @__PURE__ */ W(_, {
+					/* @__PURE__ */ G(m, { children: [/* @__PURE__ */ G(_, {
 						className: "pb-2",
-						children: [/* @__PURE__ */ U(g, { children: "Fill Rate" }), /* @__PURE__ */ W(v, {
+						children: [/* @__PURE__ */ W(g, { children: "Fill Rate" }), /* @__PURE__ */ G(v, {
 							className: "text-2xl",
 							children: [a, "%"]
 						})]
-					}), /* @__PURE__ */ U(h, { children: /* @__PURE__ */ U("div", {
+					}), /* @__PURE__ */ W(h, { children: /* @__PURE__ */ W("div", {
 						className: "w-full bg-muted rounded-full h-2",
-						children: /* @__PURE__ */ U("div", {
+						children: /* @__PURE__ */ W("div", {
 							className: "bg-primary rounded-full h-2 transition-all",
 							style: { width: `${a}%` }
 						})
 					}) })] }),
-					/* @__PURE__ */ U(m, { children: /* @__PURE__ */ W(_, {
+					/* @__PURE__ */ W(m, { children: /* @__PURE__ */ G(_, {
 						className: "pb-2",
-						children: [/* @__PURE__ */ U(g, { children: "Avg. Completion Time" }), /* @__PURE__ */ U(v, {
+						children: [/* @__PURE__ */ W(g, { children: "Avg. Completion Time" }), /* @__PURE__ */ W(v, {
 							className: "text-2xl",
-							children: n.avgCompletionTime ? ye(n.avgCompletionTime) : "—"
+							children: n.avgCompletionTime ? Se(n.avgCompletionTime) : "—"
 						})]
 					}) })
 				]
 			}),
-			n.dailySubmissions && n.dailySubmissions.length > 0 && /* @__PURE__ */ W(m, { children: [/* @__PURE__ */ U(_, { children: /* @__PURE__ */ U(v, {
+			n.dailySubmissions && n.dailySubmissions.length > 0 && /* @__PURE__ */ G(m, { children: [/* @__PURE__ */ W(_, { children: /* @__PURE__ */ W(v, {
 				className: "text-sm font-medium",
 				children: "Daily Submissions"
-			}) }), /* @__PURE__ */ U(h, { children: /* @__PURE__ */ U("div", {
+			}) }), /* @__PURE__ */ W(h, { children: /* @__PURE__ */ W("div", {
 				className: "flex items-end gap-1 h-32",
-				children: n.dailySubmissions.map((e, t) => /* @__PURE__ */ W("div", {
+				children: n.dailySubmissions.map((e, t) => /* @__PURE__ */ G("div", {
 					className: "flex-1 flex flex-col items-center gap-1",
-					children: [/* @__PURE__ */ U("div", {
+					children: [/* @__PURE__ */ W("div", {
 						className: "w-full bg-primary/80 rounded-t transition-all hover:bg-primary",
 						style: {
 							height: `${e.count / o * 100}%`,
 							minHeight: e.count > 0 ? "4px" : "0"
 						},
 						title: `${e.date}: ${e.count} submissions`
-					}), /* @__PURE__ */ U("span", {
+					}), /* @__PURE__ */ W("span", {
 						className: "text-[10px] text-muted-foreground truncate w-full text-center",
 						children: e.date.slice(-5)
 					})]
 				}, t))
 			}) })] }),
-			n.fieldDropOff && n.fieldDropOff.length > 0 && /* @__PURE__ */ W(m, { children: [/* @__PURE__ */ W(_, { children: [/* @__PURE__ */ U(v, {
+			n.fieldDropOff && n.fieldDropOff.length > 0 && /* @__PURE__ */ G(m, { children: [/* @__PURE__ */ G(_, { children: [/* @__PURE__ */ W(v, {
 				className: "text-sm font-medium",
 				children: "Field Completion Rates"
-			}), /* @__PURE__ */ U(g, { children: "Percentage of users who completed each field" })] }), /* @__PURE__ */ U(h, { children: /* @__PURE__ */ U("div", {
+			}), /* @__PURE__ */ W(g, { children: "Percentage of users who completed each field" })] }), /* @__PURE__ */ W(h, { children: /* @__PURE__ */ W("div", {
 				className: "space-y-3",
-				children: n.fieldDropOff.map((e, t) => /* @__PURE__ */ W("div", {
+				children: n.fieldDropOff.map((e, t) => /* @__PURE__ */ G("div", {
 					className: "space-y-1",
-					children: [/* @__PURE__ */ W("div", {
+					children: [/* @__PURE__ */ G("div", {
 						className: "flex justify-between text-sm",
-						children: [/* @__PURE__ */ U("span", {
+						children: [/* @__PURE__ */ W("span", {
 							className: "text-foreground",
 							children: e.label
-						}), /* @__PURE__ */ W("span", {
+						}), /* @__PURE__ */ G("span", {
 							className: "text-muted-foreground",
 							children: [e.completionRate, "%"]
 						})]
-					}), /* @__PURE__ */ U("div", {
+					}), /* @__PURE__ */ W("div", {
 						className: "w-full bg-muted rounded-full h-1.5",
-						children: /* @__PURE__ */ U("div", {
+						children: /* @__PURE__ */ W("div", {
 							className: `rounded-full h-1.5 transition-all ${e.completionRate >= 80 ? "bg-green-500" : e.completionRate >= 50 ? "bg-yellow-500" : "bg-destructive"}`,
 							style: { width: `${e.completionRate}%` }
 						})
@@ -1684,8 +1786,8 @@ var be = ({ formId: e, formTitle: t, metrics: n, className: r }) => {
 			}) })] })
 		]
 	});
-}, xe = ({ schema: e }) => /* @__PURE__ */ U($, { schema: e });
-o.register("object-form", xe, {
+}, we = ({ schema: e }) => /* @__PURE__ */ W(ye, { schema: e });
+o.register("object-form", we, {
 	namespace: "plugin-form",
 	label: "Object Form",
 	category: "plugin",
@@ -1826,7 +1928,7 @@ o.register("object-form", xe, {
 			]
 		}
 	]
-}), o.register("form", xe, {
+}), o.register("form", we, {
 	namespace: "view",
 	skipFallback: !0,
 	label: "Data Form View",
@@ -1854,7 +1956,7 @@ o.register("object-form", xe, {
 			]
 		}
 	]
-}), o.register("embeddable-form", ({ schema: e }) => /* @__PURE__ */ U(ve, { config: e }), {
+}), o.register("embeddable-form", ({ schema: e }) => /* @__PURE__ */ W(xe, { config: e }), {
 	namespace: "plugin-form",
 	label: "Embeddable Form",
 	category: "plugin",
@@ -1892,7 +1994,7 @@ o.register("object-form", xe, {
 			label: "Allow Multiple Submissions"
 		}
 	]
-}), o.register("form-analytics", ({ schema: e }) => /* @__PURE__ */ U(be, {
+}), o.register("form-analytics", ({ schema: e }) => /* @__PURE__ */ W(Ce, {
 	formId: e.formId,
 	formTitle: e.formTitle,
 	metrics: e.metrics || { totalSubmissions: 0 }
@@ -1920,4 +2022,4 @@ o.register("object-form", xe, {
 	]
 });
 //#endregion
-export { me as DrawerForm, ve as EmbeddableForm, be as FormAnalytics, G as FormSection, ge as ModalForm, $ as ObjectForm, J as SplitForm, K as TabbedForm, q as WizardForm, Y as applyAutoColSpan, Z as applyAutoLayout, le as filterCreateModeFields, se as inferColumns, X as inferModalSize, oe as isAutoGeneratedFieldType, ae as isWideFieldType };
+export { he as DrawerForm, xe as EmbeddableForm, Ce as FormAnalytics, K as FormSection, ve as ModalForm, ye as ObjectForm, Y as SplitForm, q as TabbedForm, J as WizardForm, ae as applyAutoColSpan, $ as applyAutoLayout, le as filterAutoGeneratedFields, ce as filterCreateModeFields, se as filterSystemFields, ie as inferColumns, ue as inferModalSize, re as isAutoGeneratedFieldType, Q as isWideFieldType };