@object-ui/plugin-form 5.0.1 → 5.0.2

package/dist/index.js

@@ -1,48 +1,48 @@
-import e, { useCallback as t, useEffect as n, useId as r, useMemo as i, useState as a } from "react";
-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 { 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";
+import e, { useCallback as t, useEffect as n, useId as r, useMemo as i, useRef as a, useState as o } from "react";
+import { ComponentRegistry as s } from "@object-ui/core";
+import { SchemaRenderer as c, useSafeFieldLabel as l } from "@object-ui/react";
+import { buildValidationRules as u, evaluateCondition as d, formatFileSize as f, mapFieldTypeToFormType as p } from "@object-ui/fields";
+import { Button as m, Card as h, CardContent as g, CardDescription as _, CardHeader as v, CardTitle as y, Dialog as b, DialogDescription as x, DialogHeader as S, DialogTitle as C, MobileDialogContent as w, ResizableHandle as T, ResizablePanel as E, ResizablePanelGroup as D, Sheet as O, SheetContent as k, SheetDescription as A, SheetHeader as j, SheetTitle as M, Skeleton as N, Tabs as P, TabsContent as F, TabsList as I, TabsTrigger as L, cn as R, useIsMobile as z } from "@object-ui/components";
+import { usePermissions as B } from "@object-ui/permissions";
+import { Check as ee, CheckCircle2 as V, ChevronDown as H, ChevronLeft as te, ChevronRight as U, Loader2 as ne, Lock as W, ShieldCheck as G } from "lucide-react";
+import { Fragment as K, jsx as q, jsxs as J } from "react/jsx-runtime";
 //#region src/FormSection.tsx
-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__ */ G("div", {
-		className: L("form-section", s),
-		children: [(e || t) && /* @__PURE__ */ G("div", {
-			className: L("flex items-start gap-2 mb-4", n && "cursor-pointer select-none"),
+var Y = ({ label: e, description: t, collapsible: n = !1, collapsed: r = !1, columns: i = 1, children: a, className: s, gridClassName: c }) => {
+	let [l, u] = o(r);
+	return /* @__PURE__ */ J("div", {
+		className: R("form-section", s),
+		children: [(e || t) && /* @__PURE__ */ J("div", {
+			className: R("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__ */ W("span", {
+			children: [n && /* @__PURE__ */ q("span", {
 				className: "mt-0.5 text-muted-foreground",
-				children: W(l ? U : V, { className: "h-4 w-4" })
-			}), /* @__PURE__ */ G("div", {
+				children: q(l ? U : H, { className: "h-4 w-4" })
+			}), /* @__PURE__ */ J("div", {
 				className: "flex-1",
-				children: [e && /* @__PURE__ */ W("h3", {
+				children: [e && /* @__PURE__ */ q("h3", {
 					className: "text-base font-semibold text-foreground",
 					children: e
-				}), t && /* @__PURE__ */ W("p", {
+				}), t && /* @__PURE__ */ q("p", {
 					className: "text-sm text-muted-foreground mt-0.5",
 					children: t
 				})]
 			})]
-		}), !l && /* @__PURE__ */ W("div", {
-			className: L("grid gap-4", c || {
+		}), !l && /* @__PURE__ */ q("div", {
+			className: R("grid gap-4", c || {
 				1: "grid-cols-1",
 				2: "grid-cols-1 md:grid-cols-2",
 				3: "grid-cols-1 md:grid-cols-2 lg:grid-cols-3",
 				4: "grid-cols-1 md:grid-cols-2 lg:grid-cols-4"
 			}[i]),
-			children: o
+			children: a
 		})]
 	});
-}, 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");
+}, X = ({ schema: n, dataSource: r, className: i }) => {
+	let { fieldLabel: a } = l(), [s, d] = o(null), [f, m] = o({}), [h, g] = o(!0), [_, v] = o(null), [y, b] = o(n.defaultTab || n.sections[0]?.name || n.sections[0]?.label || "tab-0");
 	e.useEffect(() => {
 		(async () => {
 			if (!r) {
@@ -56,7 +56,7 @@ var K = ({ label: e, description: t, collapsible: n = !1, collapsed: r = !1, col
 			}
 		})();
 	}, [n.objectName, r]), e.useEffect(() => {
-		(u || !r) && (async () => {
+		(s || !r) && (async () => {
 			if (n.mode === "create" || !n.recordId || !r) {
 				m(n.initialData || n.initialValues || {}), g(!1);
 				return;
@@ -70,7 +70,7 @@ var K = ({ label: e, description: t, collapsible: n = !1, collapsed: r = !1, col
 			}
 		})();
 	}, [
-		u,
+		s,
 		n.mode,
 		n.recordId,
 		n.initialData,
@@ -83,17 +83,17 @@ var K = ({ label: e, description: t, collapsible: n = !1, collapsed: r = !1, col
 		for (let r of e.fields) {
 			let e = typeof r == "string" ? r : r.name;
 			if (typeof r == "object") t.push(r);
-			else if (u?.fields?.[e]) {
-				let r = u.fields[e];
+			else if (s?.fields?.[e]) {
+				let r = s.fields[e];
 				t.push({
 					name: e,
-					label: o(n.objectName, e, r.label || e),
-					type: f(r.type),
+					label: a(n.objectName, e, r.label || e),
+					type: p(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),
+					validation: u(r),
 					field: r,
 					options: r.options,
 					multiple: r.multiple
@@ -106,7 +106,7 @@ var K = ({ label: e, description: t, collapsible: n = !1, collapsed: r = !1, col
 		}
 		return t;
 	}, [
-		u,
+		s,
 		n.readOnly,
 		n.mode
 	]), S = t(async (e) => {
@@ -120,19 +120,19 @@ var K = ({ 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__ */ G("div", {
+	if (_) return /* @__PURE__ */ J("div", {
 		className: "p-4 border border-red-300 bg-red-50 rounded-md",
-		children: [/* @__PURE__ */ W("h3", {
+		children: [/* @__PURE__ */ q("h3", {
 			className: "text-red-800 font-semibold",
 			children: "Error loading form"
-		}), /* @__PURE__ */ W("p", {
+		}), /* @__PURE__ */ q("p", {
 			className: "text-red-600 text-sm mt-1",
 			children: _.message
 		})]
 	});
-	if (h) return /* @__PURE__ */ G("div", {
+	if (h) return /* @__PURE__ */ J("div", {
 		className: "p-8 text-center",
-		children: [/* @__PURE__ */ W("div", { className: "inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900" }), /* @__PURE__ */ W("p", {
+		children: [/* @__PURE__ */ q("div", { className: "inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900" }), /* @__PURE__ */ q("p", {
 			className: "mt-2 text-sm text-gray-600",
 			children: "Loading form..."
 		})]
@@ -141,7 +141,7 @@ var K = ({ label: e, description: t, collapsible: n = !1, collapsed: r = !1, col
 		type: "form",
 		fields: n.sections.flatMap((e) => x(e)),
 		layout: "vertical",
-		defaultValues: p,
+		defaultValues: f,
 		submitLabel: n.submitText || (n.mode === "create" ? "Create" : "Update"),
 		cancelLabel: n.cancelText,
 		showSubmit: n.showSubmit !== !1 && n.mode !== "view",
@@ -149,29 +149,29 @@ var K = ({ label: e, description: t, collapsible: n = !1, collapsed: r = !1, col
 		onSubmit: S,
 		onCancel: C
 	}, E = n.tabPosition === "left" || n.tabPosition === "right";
-	return /* @__PURE__ */ W("div", {
-		className: L("w-full", i, n.className),
-		children: /* @__PURE__ */ G(N, {
+	return /* @__PURE__ */ q("div", {
+		className: R("w-full", i, n.className),
+		children: /* @__PURE__ */ J(P, {
 			value: y,
 			onValueChange: b,
 			orientation: E ? "vertical" : "horizontal",
-			className: L(E && "flex gap-4"),
-			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__ */ W(I, {
+			className: R(E && "flex gap-4"),
+			children: [/* @__PURE__ */ q(I, {
+				className: R(E ? "flex-col h-auto" : "", n.tabPosition === "bottom" && "order-last", n.tabPosition === "right" && "order-last"),
+				children: n.sections.map((e, t) => /* @__PURE__ */ q(L, {
 					value: w(e, t),
 					className: E ? "w-full justify-start" : "",
 					children: e.label || `Tab ${t + 1}`
 				}, w(e, t)))
-			}), /* @__PURE__ */ W("div", {
+			}), /* @__PURE__ */ q("div", {
 				className: "flex-1",
-				children: n.sections.map((e, t) => /* @__PURE__ */ W(P, {
+				children: n.sections.map((e, t) => /* @__PURE__ */ q(F, {
 					value: w(e, t),
 					className: "mt-0",
-					children: /* @__PURE__ */ W(K, {
+					children: /* @__PURE__ */ q(Y, {
 						description: e.description,
 						columns: e.columns || 1,
-						children: /* @__PURE__ */ W(s, { schema: {
+						children: /* @__PURE__ */ q(c, { schema: {
 							...T,
 							fields: x(e),
 							showSubmit: n.showSubmit !== !1 && n.mode !== "view",
@@ -182,8 +182,8 @@ var K = ({ label: e, description: t, collapsible: n = !1, collapsed: r = !1, col
 			})]
 		})
 	});
-}, 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;
+}, Z = ({ schema: n, dataSource: r, className: a }) => {
+	let { fieldLabel: s } = l(), [f, h] = o(null), [g, _] = o({}), [v, y] = o(!0), [b, x] = o(null), [S, C] = o(0), [w, T] = o(/* @__PURE__ */ new Set()), [E, D] = o(!1), O = n.sections.length, k = S === 0, A = S === O - 1;
 	e.useEffect(() => {
 		(async () => {
 			if (!r) {
@@ -197,7 +197,7 @@ var K = ({ label: e, description: t, collapsible: n = !1, collapsed: r = !1, col
 			}
 		})();
 	}, [n.objectName, r]), e.useEffect(() => {
-		(m || !r) && (async () => {
+		(f || !r) && (async () => {
 			if (n.mode === "create" || !n.recordId || !r) {
 				_(n.initialData || n.initialValues || {}), y(!1);
 				return;
@@ -211,7 +211,7 @@ var K = ({ label: e, description: t, collapsible: n = !1, collapsed: r = !1, col
 			}
 		})();
 	}, [
-		m,
+		f,
 		n.mode,
 		n.recordId,
 		n.initialData,
@@ -222,22 +222,22 @@ var K = ({ label: e, description: t, collapsible: n = !1, collapsed: r = !1, col
 	let j = t((e) => {
 		let t = [], r = (e, t) => typeof t == "string" && t.trim() ? {
 			...e,
-			visible: (e) => u(t, e)
+			visible: (e) => d(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];
+			else if (f?.fields?.[e]) {
+				let i = f.fields[e];
 				t.push(r({
 					name: e,
-					label: d(n.objectName, e, i.label || e),
-					type: f(i.type),
+					label: s(n.objectName, e, i.label || e),
+					type: p(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),
+					validation: u(i),
 					field: i,
 					options: i.options,
 					multiple: i.multiple
@@ -250,7 +250,7 @@ var K = ({ label: e, description: t, collapsible: n = !1, collapsed: r = !1, col
 		}
 		return t;
 	}, [
-		m,
+		f,
 		n.readOnly,
 		n.mode,
 		n.objectName
@@ -288,7 +288,7 @@ var K = ({ label: e, description: t, collapsible: n = !1, collapsed: r = !1, col
 		P(S - 1);
 	}, [S, P]), I = t(() => {
 		n.onCancel && n.onCancel();
-	}, [n]), R = t((e) => {
+	}, [n]), L = t((e) => {
 		(n.allowSkip || w.has(e) || e <= S) && P(e);
 	}, [
 		n.allowSkip,
@@ -296,52 +296,52 @@ var K = ({ label: e, description: t, collapsible: n = !1, collapsed: r = !1, col
 		S,
 		P
 	]);
-	if (b) return /* @__PURE__ */ G("div", {
+	if (b) return /* @__PURE__ */ J("div", {
 		className: "p-4 border border-red-300 bg-red-50 rounded-md",
-		children: [/* @__PURE__ */ W("h3", {
+		children: [/* @__PURE__ */ q("h3", {
 			className: "text-red-800 font-semibold",
 			children: "Error loading form"
-		}), /* @__PURE__ */ W("p", {
+		}), /* @__PURE__ */ q("p", {
 			className: "text-red-600 text-sm mt-1",
 			children: b.message
 		})]
 	});
-	if (v) return /* @__PURE__ */ G("div", {
+	if (v) return /* @__PURE__ */ J("div", {
 		className: "p-8 text-center",
-		children: [/* @__PURE__ */ W("div", { className: "inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900" }), /* @__PURE__ */ W("p", {
+		children: [/* @__PURE__ */ q("div", { className: "inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900" }), /* @__PURE__ */ q("p", {
 			className: "mt-2 text-sm text-gray-600",
 			children: "Loading form..."
 		})]
 	});
 	let z = n.sections[S];
-	return /* @__PURE__ */ G("div", {
-		className: L("w-full", o, n.className),
+	return /* @__PURE__ */ J("div", {
+		className: R("w-full", a, n.className),
 		children: [
-			n.showStepIndicator !== !1 && /* @__PURE__ */ W("nav", {
+			n.showStepIndicator !== !1 && /* @__PURE__ */ q("nav", {
 				"aria-label": "Progress",
 				className: "mb-8",
-				children: /* @__PURE__ */ W("ol", {
+				children: /* @__PURE__ */ q("ol", {
 					className: "flex items-center",
 					children: n.sections.map((e, t) => {
 						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", {
+						return /* @__PURE__ */ J("li", {
+							className: R("relative flex-1", t !== O - 1 && "pr-8 sm:pr-12"),
+							children: [t !== O - 1 && /* @__PURE__ */ q("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__ */ W("div", { className: L("h-full", i ? "bg-primary" : "bg-muted") })
-							}), /* @__PURE__ */ G("button", {
+								children: /* @__PURE__ */ q("div", { className: R("h-full", i ? "bg-primary" : "bg-muted") })
+							}), /* @__PURE__ */ J("button", {
 								type: "button",
-								className: L("group relative flex items-center", a ? "cursor-pointer" : "cursor-not-allowed"),
-								onClick: () => R(t),
+								className: R("group relative flex items-center", a ? "cursor-pointer" : "cursor-not-allowed"),
+								onClick: () => L(t),
 								disabled: !a,
-								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__ */ W(B, { className: "h-3 w-3 sm:h-4 sm:w-4" }) : t + 1
-								}), /* @__PURE__ */ W("span", {
+								children: [/* @__PURE__ */ q("span", {
+									className: R("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__ */ q(ee, { className: "h-3 w-3 sm:h-4 sm:w-4" }) : t + 1
+								}), /* @__PURE__ */ q("span", {
 									className: "ml-2 sm:ml-3 text-xs sm:text-sm font-medium hidden sm:block",
-									children: /* @__PURE__ */ W("span", {
-										className: L(r ? "text-foreground" : "text-muted-foreground"),
+									children: /* @__PURE__ */ q("span", {
+										className: R(r ? "text-foreground" : "text-muted-foreground"),
 										children: e.label || `Step ${t + 1}`
 									})
 								})]
@@ -350,13 +350,13 @@ var K = ({ label: e, description: t, collapsible: n = !1, collapsed: r = !1, col
 					})
 				})
 			}),
-			/* @__PURE__ */ W("div", {
+			/* @__PURE__ */ q("div", {
 				className: "min-h-[200px]",
-				children: z && /* @__PURE__ */ W(K, {
+				children: z && /* @__PURE__ */ q(Y, {
 					label: z.label,
 					description: z.description,
 					columns: z.columns || 1,
-					children: M.length > 0 ? /* @__PURE__ */ W(s, { schema: {
+					children: M.length > 0 ? /* @__PURE__ */ q(c, { schema: {
 						type: "form",
 						fields: M,
 						layout: "vertical",
@@ -364,22 +364,22 @@ var K = ({ label: e, description: t, collapsible: n = !1, collapsed: r = !1, col
 						showSubmit: !1,
 						showCancel: !1,
 						onSubmit: N
-					} }) : /* @__PURE__ */ W("div", {
+					} }) : /* @__PURE__ */ q("div", {
 						className: "text-center py-8 text-muted-foreground",
 						children: "No fields configured for this step"
 					})
 				})
 			}),
-			/* @__PURE__ */ G("div", {
+			/* @__PURE__ */ J("div", {
 				className: "flex items-center justify-between mt-6 pt-4 border-t",
-				children: [/* @__PURE__ */ W("div", { children: n.showCancel !== !1 && /* @__PURE__ */ W(p, {
+				children: [/* @__PURE__ */ q("div", { children: n.showCancel !== !1 && /* @__PURE__ */ q(m, {
 					variant: "ghost",
 					onClick: I,
 					children: n.cancelText || "Cancel"
-				}) }), /* @__PURE__ */ G("div", {
+				}) }), /* @__PURE__ */ J("div", {
 					className: "flex items-center gap-2",
 					children: [
-						/* @__PURE__ */ G("span", {
+						/* @__PURE__ */ J("span", {
 							className: "text-sm text-muted-foreground mr-2",
 							children: [
 								"Step ",
@@ -388,26 +388,26 @@ var K = ({ label: e, description: t, collapsible: n = !1, collapsed: r = !1, col
 								O
 							]
 						}),
-						!k && /* @__PURE__ */ G(p, {
+						!k && /* @__PURE__ */ J(m, {
 							variant: "outline",
 							onClick: F,
-							children: [/* @__PURE__ */ W(H, { className: "h-4 w-4 mr-1" }), n.prevText || "Back"]
+							children: [/* @__PURE__ */ q(te, { className: "h-4 w-4 mr-1" }), n.prevText || "Back"]
 						}),
-						A ? /* @__PURE__ */ W(p, {
+						A ? /* @__PURE__ */ q(m, {
 							onClick: () => N(g),
 							disabled: E || n.mode === "view",
 							children: E ? "Submitting..." : n.submitText || (n.mode === "create" ? "Create" : "Update")
-						}) : /* @__PURE__ */ G(p, {
+						}) : /* @__PURE__ */ J(m, {
 							onClick: () => N(g),
-							children: [n.nextText || "Next", /* @__PURE__ */ W(U, { className: "h-4 w-4 ml-1" })]
+							children: [n.nextText || "Next", /* @__PURE__ */ q(U, { className: "h-4 w-4 ml-1" })]
 						})
 					]
 				})]
 			})
 		]
 	});
-}, 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);
+}, Q = ({ schema: e, dataSource: r, className: a }) => {
+	let { fieldLabel: s } = l(), [f, m] = o(null), [h, g] = o({}), [_, v] = o(!0), [y, b] = o(null);
 	n(() => {
 		(async () => {
 			if (!r) {
@@ -421,7 +421,7 @@ var K = ({ label: e, description: t, collapsible: n = !1, collapsed: r = !1, col
 			}
 		})();
 	}, [e.objectName, r]), n(() => {
-		(p || !r) && (async () => {
+		(f || !r) && (async () => {
 			if (e.mode === "create" || !e.recordId) {
 				g(e.initialData || e.initialValues || {}), v(!1);
 				return;
@@ -439,7 +439,7 @@ var K = ({ label: e, description: t, collapsible: n = !1, collapsed: r = !1, col
 			}
 		})();
 	}, [
-		p,
+		f,
 		e.mode,
 		e.recordId,
 		e.initialData,
@@ -450,22 +450,22 @@ var K = ({ label: e, description: t, collapsible: n = !1, collapsed: r = !1, col
 	let x = t((t) => {
 		let n = [], r = (e, t) => typeof t == "string" && t.trim() ? {
 			...e,
-			visible: (e) => u(t, e)
+			visible: (e) => d(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];
+			else if (f?.fields?.[t]) {
+				let i = f.fields[t];
 				n.push(r({
 					name: t,
-					label: d(e.objectName, t, i.label || t),
-					type: f(i.type),
+					label: s(e.objectName, t, i.label || t),
+					type: p(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),
+					validation: u(i),
 					field: i,
 					options: i.options,
 					multiple: i.multiple
@@ -478,7 +478,7 @@ var K = ({ label: e, description: t, collapsible: n = !1, collapsed: r = !1, col
 		}
 		return n;
 	}, [
-		p,
+		f,
 		e.readOnly,
 		e.mode,
 		e.objectName
@@ -492,22 +492,22 @@ var K = ({ label: e, description: t, collapsible: n = !1, collapsed: r = !1, col
 		}
 	}, [e, r]), C = t(() => {
 		e.onCancel && e.onCancel();
-	}, [e]), D = i(() => e.sections.slice(0, 1), [e.sections]), O = i(() => e.sections.slice(1), [e.sections]);
+	}, [e]), w = 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", {
+	if (y) return /* @__PURE__ */ J("div", {
 		className: "p-4 border border-red-300 bg-red-50 rounded-md",
-		children: [/* @__PURE__ */ W("h3", {
+		children: [/* @__PURE__ */ q("h3", {
 			className: "text-red-800 font-semibold",
 			children: "Error loading form"
-		}), /* @__PURE__ */ W("p", {
+		}), /* @__PURE__ */ q("p", {
 			className: "text-red-600 text-sm mt-1",
 			children: y.message
 		})]
 	});
-	if (_) return /* @__PURE__ */ G("div", {
+	if (_) return /* @__PURE__ */ J("div", {
 		className: "p-8 text-center",
-		children: [/* @__PURE__ */ W("div", { className: "inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900" }), /* @__PURE__ */ W("p", {
+		children: [/* @__PURE__ */ q("div", { className: "inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900" }), /* @__PURE__ */ q("p", {
 			className: "mt-2 text-sm text-gray-600",
 			children: "Loading form..."
 		})]
@@ -518,13 +518,13 @@ var K = ({ label: e, description: t, collapsible: n = !1, collapsed: r = !1, col
 		defaultValues: h,
 		onSubmit: S,
 		onCancel: C
-	}, M = (t, n) => /* @__PURE__ */ W("div", {
+	}, M = (t, n) => /* @__PURE__ */ q("div", {
 		className: "space-y-4 p-4",
-		children: t.map((t, r) => /* @__PURE__ */ W(K, {
+		children: t.map((t, r) => /* @__PURE__ */ q(Y, {
 			label: t.label,
 			description: t.description,
 			columns: t.columns || 1,
-			children: /* @__PURE__ */ W(s, { schema: {
+			children: /* @__PURE__ */ q(c, { schema: {
 				...j,
 				fields: x(t),
 				showSubmit: n && e.showSubmit !== !1 && e.mode !== "view",
@@ -534,28 +534,28 @@ var K = ({ label: e, description: t, collapsible: n = !1, collapsed: r = !1, col
 			} })
 		}, t.name || t.label || r))
 	});
-	return /* @__PURE__ */ W("div", {
-		className: L("w-full", o, e.className),
-		children: /* @__PURE__ */ G(E, {
+	return /* @__PURE__ */ q("div", {
+		className: R("w-full", a, e.className),
+		children: /* @__PURE__ */ J(D, {
 			orientation: k,
 			className: "min-h-[300px] rounded-lg border",
-			children: [/* @__PURE__ */ W(T, {
+			children: [/* @__PURE__ */ q(E, {
 				defaultSize: A,
 				minSize: 20,
-				children: M(D, O.length === 0)
-			}), O.length > 0 && /* @__PURE__ */ G(te, { children: [/* @__PURE__ */ W(w, { withHandle: e.splitResizable !== !1 }), /* @__PURE__ */ W(T, {
+				children: M(w, O.length === 0)
+			}), O.length > 0 && /* @__PURE__ */ J(K, { children: [/* @__PURE__ */ q(T, { withHandle: e.splitResizable !== !1 }), /* @__PURE__ */ q(E, {
 				defaultSize: 100 - A,
 				minSize: 20,
 				children: M(O, !0)
 			})] })]
 		})
 	});
-}, X = new Set([
+}, re = new Set([
 	"field:formula",
 	"field:summary",
 	"field:auto_number",
 	"field:autonumber"
-]), Z = new Set([
+]), ie = new Set([
 	"field:textarea",
 	"field:markdown",
 	"field:html",
@@ -566,28 +566,28 @@ var K = ({ label: e, description: t, collapsible: n = !1, collapsed: r = !1, col
 	"html",
 	"grid",
 	"rich-text"
-]), ne = new Set([
+]), ae = new Set([
 	"formula",
 	"summary",
 	"auto_number",
 	"autonumber"
 ]);
-function Q(e) {
-	return Z.has(e);
+function oe(e) {
+	return ie.has(e);
 }
-function re(e) {
-	return ne.has(e);
+function se(e) {
+	return ae.has(e);
 }
-function ie(e) {
+function ce(e) {
 	return e <= 3 ? 1 : 2;
 }
-function ae(e, t) {
-	return t <= 1 ? e : e.map((e) => e.colSpan === void 0 && e.type && Q(e.type) ? {
+function le(e, t) {
+	return t <= 1 ? e : e.map((e) => e.colSpan === void 0 && e.type && oe(e.type) ? {
 		...e,
 		colSpan: t
 	} : e);
 }
-var oe = new Set([
+var ue = new Set([
 	"id",
 	"created_at",
 	"createdAt",
@@ -614,42 +614,42 @@ var oe = new Set([
 	"_version",
 	"_rev"
 ]);
-function se(e, t) {
-	return e.filter((e) => !(oe.has(e.name) || t?.fields?.[e.name]?.readonly === !0));
+function de(e, t) {
+	return e.filter((e) => !(ue.has(e.name) || t?.fields?.[e.name]?.readonly === !0));
 }
-function ce(e, t) {
+function fe(e, t) {
 	return e.filter((e) => {
-		if (oe.has(e.name) || e.type && X.has(e.type)) return !1;
+		if (ue.has(e.name) || e.type && re.has(e.type)) return !1;
 		if (!t?.fields) return !0;
 		let n = t.fields[e.name];
-		return n ? n.readonly === !0 ? !1 : !re(n.type) : !0;
+		return n ? n.readonly === !0 ? !1 : !se(n.type) : !0;
 	});
 }
-function le(e, t) {
+function pe(e, t) {
 	return e.filter((e) => {
-		if (e.type && X.has(e.type)) return !1;
+		if (e.type && re.has(e.type)) return !1;
 		let n = t?.fields?.[e.name];
-		return n ? !re(n.type) : !0;
+		return n ? !se(n.type) : !0;
 	});
 }
-function ue(e) {
+function me(e) {
 	return e <= 1 ? "default" : e === 2 ? "xl" : "full";
 }
 function $(e, t, n, r) {
 	let i = [...e];
-	if (i = se(i, t), r === "create" && (i = le(i, t)), n !== void 0) return i = ae(i, n), {
+	if (i = de(i, t), r === "create" && (i = pe(i, t)), n !== void 0) return i = le(i, n), {
 		fields: i,
 		columns: n
 	};
-	let a = ie(i.length);
-	return i = ae(i, a), {
+	let a = ce(i.length);
+	return i = le(i, a), {
 		fields: i,
 		columns: a
 	};
 }
 //#endregion
 //#region src/sanitize.ts
-var de = new Set([
+var he = new Set([
 	"id",
 	"_id",
 	"created_at",
@@ -658,7 +658,7 @@ var de = new Set([
 	"updatedAt",
 	"organization_id",
 	"organizationId"
-]), fe = new Set([
+]), ge = new Set([
 	"formula",
 	"rollup",
 	"lookup_value",
@@ -666,15 +666,15 @@ var de = new Set([
 	"autonumber",
 	"computed"
 ]);
-function pe(e, t) {
+function _e(e, t) {
 	if (!e || typeof e != "object") return e;
 	let n = {}, r = t?.fields;
-	for (let [t, i] of Object.entries(e)) if (!de.has(t)) {
+	for (let [t, i] of Object.entries(e)) if (!he.has(t)) {
 		if (r) {
 			let e = r[t];
 			if (!e) continue;
 			let n = String(e.type || "").toLowerCase();
-			if (fe.has(n) || e.computed === !0 || e.formula || e.readOnly === !0 || e.readonly === !0) continue;
+			if (ge.has(n) || e.computed === !0 || e.formula || e.readOnly === !0 || e.readonly === !0) continue;
 		}
 		n[t] = i;
 	}
@@ -682,13 +682,13 @@ function pe(e, t) {
 }
 //#endregion
 //#region src/DrawerForm.tsx
-var me = {
+var ve = {
 	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"
-}, 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(() => {
+}, ye = ({ schema: e, dataSource: r, className: a }) => {
+	let { fieldLabel: s } = l(), [d, f] = o(null), [m, h] = o([]), [g, _] = o({}), [v, y] = o(!0), [b, x] = o(null), S = e.open !== !1, C = e.drawerSide || "right", [w, T] = o(() => {
 		let t = {};
 		return e.sections?.forEach((e, n) => {
 			let r = e.name || String(n);
@@ -702,7 +702,7 @@ var me = {
 				return;
 			}
 			try {
-				p(await r.getObjectSchema(e.objectName));
+				f(await r.getObjectSchema(e.objectName));
 			} catch (e) {
 				x(e), y(!1);
 			}
@@ -743,13 +743,13 @@ var me = {
 				let r = d.fields[t];
 				n.push({
 					name: t,
-					label: u(e.objectName, t, r.label || t),
-					type: f(r.type),
+					label: s(e.objectName, t, r.label || t),
+					type: p(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),
+					validation: u(r),
 					field: r,
 					options: r.options,
 					multiple: r.multiple
@@ -784,13 +784,13 @@ var me = {
 			let i = d.fields?.[t];
 			i && n.push({
 				name: t,
-				label: u(e.objectName, t, i.label || t),
-				type: f(i.type),
+				label: s(e.objectName, t, i.label || t),
+				type: p(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),
+				validation: u(i),
 				field: i,
 				options: i.options,
 				multiple: i.multiple
@@ -806,10 +806,10 @@ var me = {
 		e.mode,
 		r
 	]);
-	let M = t(async (t) => {
+	let D = t(async (t) => {
 		if (!r) return e.onSuccess && await e.onSuccess(t), e.onOpenChange?.(!1), t;
 		try {
-			let n, i = pe(t, d);
+			let n, i = _e(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;
@@ -836,32 +836,32 @@ var me = {
 		cancelLabel: e.cancelText,
 		showSubmit: e.showSubmit !== !1 && e.mode !== "view",
 		showCancel: e.showCancel !== !1,
-		onSubmit: M,
+		onSubmit: D,
 		onCancel: N
 	};
-	return /* @__PURE__ */ W(D, {
+	return /* @__PURE__ */ q(O, {
 		open: S,
 		onOpenChange: e.onOpenChange,
-		children: /* @__PURE__ */ G(O, {
+		children: /* @__PURE__ */ J(k, {
 			side: C,
-			className: L("overflow-y-auto", o, e.className),
+			className: R("overflow-y-auto", a, e.className),
 			style: P,
-			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", {
+			children: [(e.title || e.description) && /* @__PURE__ */ J(j, { children: [e.title && /* @__PURE__ */ q(M, { children: e.title }), e.description && /* @__PURE__ */ q(A, { children: e.description })] }), /* @__PURE__ */ q("div", {
 				className: "@container py-4",
 				children: (() => {
-					if (b) return /* @__PURE__ */ G("div", {
+					if (b) return /* @__PURE__ */ J("div", {
 						className: "p-4 border border-red-300 bg-red-50 rounded-md",
-						children: [/* @__PURE__ */ W("h3", {
+						children: [/* @__PURE__ */ q("h3", {
 							className: "text-red-800 font-semibold",
 							children: "Error loading form"
-						}), /* @__PURE__ */ W("p", {
+						}), /* @__PURE__ */ q("p", {
 							className: "text-red-600 text-sm mt-1",
 							children: b.message
 						})]
 					});
-					if (v) return /* @__PURE__ */ G("div", {
+					if (v) return /* @__PURE__ */ J("div", {
 						className: "p-8 text-center",
-						children: [/* @__PURE__ */ W("div", { className: "inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900" }), /* @__PURE__ */ W("p", {
+						children: [/* @__PURE__ */ q("div", { className: "inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900" }), /* @__PURE__ */ q("p", {
 							className: "mt-2 text-sm text-gray-600",
 							children: "Loading form..."
 						})]
@@ -887,13 +887,13 @@ var me = {
 								...e,
 								hidden: !0
 							}))) : t.push(...a);
-						}), /* @__PURE__ */ W(s, { schema: {
+						}), /* @__PURE__ */ q(c, { schema: {
 							...F,
 							fields: t
 						} });
 					}
-					let t = $(m, d, e.columns, e.mode), n = me[t.columns || 1];
-					return /* @__PURE__ */ W(s, { schema: {
+					let t = $(m, d, e.columns, e.mode), n = ve[t.columns || 1];
+					return /* @__PURE__ */ q(c, { schema: {
 						...F,
 						fields: t.fields,
 						columns: t.columns,
@@ -903,19 +903,19 @@ var me = {
 			})]
 		})
 	});
-}, ge = {
+}, be = {
 	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"
-}, _e = {
+}, xe = {
 	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"
-}, ve = ({ schema: e, dataSource: o, className: d }) => {
-	let { fieldLabel: m } = c(), h = z(), g = t((t) => {
+}, Se = ({ schema: e, dataSource: a, className: s }) => {
+	let { fieldLabel: f } = l(), h = B(), g = t((t) => {
 		if (!h?.isLoaded) return t;
 		let n = [];
 		for (let r of t) {
@@ -934,50 +934,50 @@ var me = {
 		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,
+	]), [_, v] = o(null), [y, T] = o([]), [E, D] = o({}), [O, k] = o(!0), [A, j] = o(null), [M, P] = o(!1), F = e.open !== !1, I = r(), L = i(() => e.sections?.length || e.customFields?.length ? null : $(y, _, e.columns, e.mode), [
+		y,
 		_,
 		e.columns,
 		e.mode,
 		e.sections,
 		e.customFields
-	]), B = ge[i(() => {
+	]), z = be[i(() => {
 		if (e.modalSize) return e.modalSize;
-		if (R?.columns && R.columns > 1) return ue(R.columns);
+		if (L?.columns && L.columns > 1) return me(L.columns);
 		if (e.sections?.length) {
 			let t = Math.max(...e.sections.map((e) => Number(e.columns) || 1));
-			if (t > 1) return ue(t);
+			if (t > 1) return me(t);
 		}
 		return "default";
 	}, [
 		e.modalSize,
-		R,
+		L,
 		e.sections
-	])] || ge.default;
+	])] || be.default;
 	n(() => {
 		(async () => {
-			if (!o) {
+			if (!a) {
 				k(!1);
 				return;
 			}
 			try {
-				v(await o.getObjectSchema(e.objectName));
+				v(await a.getObjectSchema(e.objectName));
 			} catch (e) {
 				j(e), k(!1);
 			}
 		})();
-	}, [e.objectName, o]), n(() => {
-		(_ || !o) && (async () => {
+	}, [e.objectName, a]), n(() => {
+		(_ || !a) && (async () => {
 			if (e.mode === "create" || !e.recordId) {
 				D(e.initialData || e.initialValues || {}), k(!1);
 				return;
 			}
-			if (!o) {
+			if (!a) {
 				D(e.initialData || e.initialValues || {}), k(!1);
 				return;
 			}
 			try {
-				D(await o.findOne(e.objectName, e.recordId) || {});
+				D(await a.findOne(e.objectName, e.recordId) || {});
 			} catch (e) {
 				j(e);
 			} finally {
@@ -990,13 +990,13 @@ var me = {
 		e.recordId,
 		e.initialData,
 		e.initialValues,
-		o,
+		a,
 		e.objectName
 	]);
-	let V = t((t) => {
+	let ee = t((t) => {
 		let n = [], r = (e, t) => typeof t == "string" && t.trim() ? {
 			...e,
-			visible: (e) => u(t, e)
+			visible: (e) => d(t, e)
 		} : e;
 		for (let i of t.fields) {
 			let t = typeof i == "string" ? i : i.name;
@@ -1005,13 +1005,13 @@ var me = {
 				let i = _.fields[t];
 				n.push(r({
 					name: t,
-					label: m(e.objectName, t, i.label || t),
-					type: f(i.type),
+					label: f(e.objectName, t, i.label || t),
+					type: p(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),
+					validation: u(i),
 					field: i,
 					options: i.options,
 					multiple: i.multiple
@@ -1030,7 +1030,7 @@ var me = {
 		e.objectName
 	]);
 	n(() => {
-		if (!_ && o) return;
+		if (!_ && a) return;
 		if (e.customFields?.length) {
 			T(e.customFields), k(!1);
 			return;
@@ -1047,13 +1047,13 @@ var me = {
 			let i = _.fields?.[t];
 			i && n.push({
 				name: t,
-				label: m(e.objectName, t, i.label || t),
-				type: f(i.type),
+				label: f(e.objectName, t, i.label || t),
+				type: p(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),
+				validation: u(i),
 				field: i,
 				options: i.options,
 				multiple: i.multiple
@@ -1067,19 +1067,19 @@ var me = {
 		e.sections,
 		e.readOnly,
 		e.mode,
-		o
+		a
 	]);
-	let H = t(async (t) => {
+	let V = t(async (t) => {
 		P(!0);
 		try {
-			if (!o) return e.onSuccess && await e.onSuccess(t), e.onOpenChange?.(!1), t;
-			let n, r = pe(t, _);
+			if (!a) return e.onSuccess && await e.onSuccess(t), e.onOpenChange?.(!1), t;
+			let n, r = _e(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;
+			return e.mode === "create" ? n = await a.create(e.objectName, r) : e.mode === "edit" && e.recordId && (n = await a.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 {
@@ -1087,110 +1087,110 @@ var me = {
 		}
 	}, [
 		e,
-		o,
+		a,
 		_,
 		h
-	]), U = t(() => {
+	]), H = t(() => {
 		e.onCancel && e.onCancel(), e.onOpenChange?.(!1);
-	}, [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 = {
+	}, [e]), te = e.layout === "vertical" || e.layout === "horizontal" ? e.layout : "vertical", U = e.showSubmit !== !1 && e.mode !== "view", W = e.showCancel !== !1, G = e.submitText || (e.mode === "create" ? "Create" : "Update"), K = e.cancelText || "Cancel", X = {
 		type: "form",
 		layout: te,
 		defaultValues: E,
-		submitLabel: Y,
-		cancelLabel: X,
-		showSubmit: q,
-		showCancel: J,
-		onSubmit: H,
-		onCancel: U,
+		submitLabel: G,
+		cancelLabel: K,
+		showSubmit: U,
+		showCancel: W,
+		onSubmit: V,
+		onCancel: H,
 		showActions: !1,
 		id: I
-	}, ne = () => {
-		if (A) return /* @__PURE__ */ G("div", {
+	}, Z = () => {
+		if (A) return /* @__PURE__ */ J("div", {
 			className: "p-4 border border-red-300 bg-red-50 rounded-md",
-			children: [/* @__PURE__ */ W("h3", {
+			children: [/* @__PURE__ */ q("h3", {
 				className: "text-red-800 font-semibold",
 				children: "Error loading form"
-			}), /* @__PURE__ */ W("p", {
+			}), /* @__PURE__ */ q("p", {
 				className: "text-red-600 text-sm mt-1",
 				children: A.message
 			})]
 		});
-		if (O) return /* @__PURE__ */ W("div", {
+		if (O) return /* @__PURE__ */ q("div", {
 			className: "space-y-4",
 			"data-testid": "modal-form-skeleton",
 			children: [
 				1,
 				2,
 				3
-			].map((e) => /* @__PURE__ */ G("div", {
+			].map((e) => /* @__PURE__ */ J("div", {
 				className: "space-y-2",
-				children: [/* @__PURE__ */ W(M, { className: "h-4 w-24" }), /* @__PURE__ */ W(M, { className: "h-10 w-full" })]
+				children: [/* @__PURE__ */ q(N, { className: "h-4 w-24" }), /* @__PURE__ */ q(N, { className: "h-10 w-full" })]
 			}, e))
 		});
-		if (e.sections?.length) return /* @__PURE__ */ W("div", {
+		if (e.sections?.length) return /* @__PURE__ */ q("div", {
 			className: "space-y-6",
 			children: e.sections.map((e, t) => {
 				let n = e.columns || 1;
-				return /* @__PURE__ */ W(K, {
+				return /* @__PURE__ */ q(Y, {
 					label: e.label,
 					description: e.description,
 					columns: n,
-					gridClassName: _e[n],
-					children: /* @__PURE__ */ W(s, { schema: {
-						...Z,
-						fields: g(V(e))
+					gridClassName: xe[n],
+					children: /* @__PURE__ */ q(c, { schema: {
+						...X,
+						fields: g(ee(e))
 					} })
 				}, e.name || e.label || t);
 			})
 		});
-		let t = R ?? $(w, _, e.columns, e.mode), n = _e[t.columns || 1];
-		return /* @__PURE__ */ W(s, { schema: {
-			...Z,
+		let t = L ?? $(y, _, e.columns, e.mode), n = xe[t.columns || 1];
+		return /* @__PURE__ */ q(c, { schema: {
+			...X,
 			fields: g(t.fields),
 			columns: t.columns,
 			...n ? { fieldContainerClass: n } : {}
 		} });
-	}, Q = !O && !A && (q || J);
-	return /* @__PURE__ */ W(y, {
+	}, Q = !O && !A && (U || W);
+	return /* @__PURE__ */ q(b, {
 		open: F,
 		onOpenChange: e.onOpenChange,
-		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: /* @__PURE__ */ J(w, {
+			className: R(z, "flex flex-col h-[100dvh] sm:h-auto sm:max-h-[90vh] overflow-hidden p-0", s, e.className),
 			children: [
-				(e.title || e.description) && /* @__PURE__ */ G(x, {
+				(e.title || e.description) && /* @__PURE__ */ J(S, {
 					className: "shrink-0 px-4 pt-4 sm:px-6 sm:pt-6 pb-2 border-b",
-					children: [e.title && /* @__PURE__ */ W(S, { children: e.title }), e.description && /* @__PURE__ */ W(b, { children: e.description })]
+					children: [e.title && /* @__PURE__ */ q(C, { children: e.title }), e.description && /* @__PURE__ */ q(x, { children: e.description })]
 				}),
-				/* @__PURE__ */ W("div", {
+				/* @__PURE__ */ q("div", {
 					className: "@container flex-1 overflow-y-auto px-4 sm:px-6 py-4",
-					children: ne()
+					children: Z()
 				}),
-				Q && /* @__PURE__ */ W("div", {
+				Q && /* @__PURE__ */ q("div", {
 					className: "shrink-0 border-t px-4 sm:px-6 py-3 bg-background",
 					"data-testid": "modal-form-footer",
-					children: /* @__PURE__ */ G("div", {
+					children: /* @__PURE__ */ J("div", {
 						className: "flex flex-col sm:flex-row gap-2 sm:justify-end",
-						children: [J && /* @__PURE__ */ W(p, {
+						children: [W && /* @__PURE__ */ q(m, {
 							type: "button",
 							variant: "outline",
-							onClick: U,
-							disabled: N,
+							onClick: H,
+							disabled: M,
 							className: "w-full sm:w-auto",
-							children: X
-						}), q && /* @__PURE__ */ G(p, {
+							children: K
+						}), U && /* @__PURE__ */ J(m, {
 							type: "submit",
 							form: I,
-							disabled: N,
+							disabled: M,
 							className: "w-full sm:w-auto",
-							children: [N && /* @__PURE__ */ W(ee, { className: "mr-2 h-4 w-4 animate-spin" }), Y]
+							children: [M && /* @__PURE__ */ q(ne, { className: "mr-2 h-4 w-4 animate-spin" }), G]
 						})]
 					})
 				})
 			]
 		})
 	});
-}, ye = ({ schema: e, dataSource: t }) => {
-	let n = z(), r = i(() => {
+}, Ce = ({ schema: e, dataSource: t }) => {
+	let n = B(), 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,
@@ -1205,8 +1205,8 @@ var me = {
 				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, {
+	}, [e, n]), { sectionLabel: a } = l(), o = (e) => e?.name ? a(r.objectName, e.name, e.label || e.name) : e?.label;
+	if (r.formType === "tabbed" && r.sections?.length) return /* @__PURE__ */ q(X, {
 		schema: {
 			...r,
 			formType: "tabbed",
@@ -1223,7 +1223,7 @@ var me = {
 		dataSource: t,
 		className: r.className
 	});
-	if (r.formType === "wizard" && r.sections?.length) return /* @__PURE__ */ W(J, {
+	if (r.formType === "wizard" && r.sections?.length) return /* @__PURE__ */ q(Z, {
 		schema: {
 			...r,
 			formType: "wizard",
@@ -1243,7 +1243,7 @@ var me = {
 		dataSource: t,
 		className: r.className
 	});
-	if (r.formType === "split" && r.sections?.length) return /* @__PURE__ */ W(Y, {
+	if (r.formType === "split" && r.sections?.length) return /* @__PURE__ */ q(Q, {
 		schema: {
 			...r,
 			formType: "split",
@@ -1263,7 +1263,7 @@ var 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, {
+		return /* @__PURE__ */ q(ye, {
 			schema: {
 				...n,
 				layout: i,
@@ -1288,7 +1288,7 @@ var me = {
 	}
 	if (r.formType === "modal") {
 		let { layout: e, ...n } = r, i = r.layout === "vertical" || r.layout === "horizontal" ? r.layout : void 0;
-		return /* @__PURE__ */ W(ve, {
+		return /* @__PURE__ */ q(Se, {
 			schema: {
 				...n,
 				layout: i,
@@ -1309,12 +1309,12 @@ var me = {
 			className: r.className
 		});
 	}
-	return /* @__PURE__ */ W(be, {
+	return /* @__PURE__ */ q(we, {
 		schema: r,
 		dataSource: t
 	});
-}, be = ({ schema: r, dataSource: i }) => {
-	let { fieldLabel: o, sectionLabel: p } = c(), m = R(), h = z(), g = t((e) => {
+}, we = ({ schema: r, dataSource: i }) => {
+	let { fieldLabel: a, sectionLabel: s } = l(), m = z(), h = B(), 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({
@@ -1328,7 +1328,7 @@ var me = {
 		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;
+	]), [_, v] = o(null), [y, b] = o([]), [x, S] = o(null), [C, w] = o(!0), [T, E] = o(null), D = r.customFields && r.customFields.length > 0;
 	n(() => {
 		D && (S(r.initialData || r.initialValues || {}), w(!1));
 	}, [
@@ -1389,7 +1389,7 @@ var me = {
 		let t = e.visibleOn;
 		return typeof t == "string" && t.trim() ? {
 			...e,
-			visible: (e) => u(t, e)
+			visible: (e) => d(t, e)
 		} : e;
 	}, []);
 	n(() => {
@@ -1404,27 +1404,27 @@ var me = {
 			if (!n) return;
 			let i = _.fields?.[n];
 			if (!i && !D) return;
-			let a = !i?.permissions || i?.permissions.write !== !1;
-			if (r.mode !== "view" && !a) return;
+			let o = !i?.permissions || i?.permissions.write !== !1;
+			if (r.mode !== "view" && !o) return;
 			let s = r.customFields?.find((e) => e.name === n);
 			if (s) e.push(O(s));
 			else if (i) {
-				let a = {
+				let o = {
 					name: n,
-					label: o(r.objectName, n, i.label || t),
-					type: f(i.type),
+					label: a(r.objectName, n, i.label || t),
+					type: p(i.type),
 					required: i.required || !1,
 					disabled: r.readOnly || r.mode === "view" || i.readonly || _?.managedBy && _.managedBy !== "platform",
 					placeholder: i.placeholder,
 					description: i.help || i.description,
-					validation: l(i),
+					validation: u(i),
 					field: i
 				};
-				if ((i.type === "select" || i.type === "lookup" || i.type === "master_detail") && (a.options = i.options || [], a.multiple = i.multiple), (i.type === "number" || i.type === "currency" || i.type === "percent") && (a.inputType = "number", a.min = i.min, a.max = i.max, a.step = i.precision ? 10 ** -i.precision : void 0), i.type === "date" && (a.inputType = "date"), i.type === "datetime" && (a.inputType = "datetime-local"), (i.type === "text" || i.type === "textarea" || i.type === "markdown" || i.type === "html") && (a.maxLength = i.max_length, a.minLength = i.min_length), (i.type === "file" || i.type === "image") && (a.inputType = "file", a.multiple = i.multiple, a.accept = i.accept ? i.accept.join(",") : void 0, i.max_size)) {
-					let e = `Max size: ${d(i.max_size)}`;
-					a.description = a.description ? `${a.description} (${e})` : e;
+				if ((i.type === "select" || i.type === "lookup" || i.type === "master_detail") && (o.options = i.options || [], o.multiple = i.multiple), (i.type === "number" || i.type === "currency" || i.type === "percent") && (o.inputType = "number", o.min = i.min, o.max = i.max, o.step = i.precision ? 10 ** -i.precision : void 0), i.type === "date" && (o.inputType = "date"), i.type === "datetime" && (o.inputType = "datetime-local"), (i.type === "text" || i.type === "textarea" || i.type === "markdown" || i.type === "html") && (o.maxLength = i.max_length, o.minLength = i.min_length), (i.type === "file" || i.type === "image") && (o.inputType = "file", o.multiple = i.multiple, o.accept = i.accept ? i.accept.join(",") : void 0, i.max_size)) {
+					let e = `Max size: ${f(i.max_size)}`;
+					o.description = o.description ? `${o.description} (${e})` : e;
 				}
-				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);
+				i.type === "email" && (o.inputType = "email"), i.type === "phone" && (o.inputType = "tel"), i.type === "url" && (o.inputType = "url"), i.type === "password" && (o.inputType = "password"), i.type === "time" && (o.inputType = "time"), (i.type === "formula" || i.type === "summary" || i.type === "auto_number") && (o.disabled = !0), i.visible_on && (o.visible = (e) => d(i.visible_on, e)), e.push(o);
 			}
 		}), b(e), !D && r.recordId && r.mode !== "create" && i || w(!1);
 	}, [
@@ -1472,35 +1472,35 @@ var me = {
 		}, [_]),
 		...x
 	};
-	if (T) return /* @__PURE__ */ G("div", {
+	if (T) return /* @__PURE__ */ J("div", {
 		className: "p-3 sm:p-4 border border-red-300 bg-red-50 rounded-md",
-		children: [/* @__PURE__ */ W("h3", {
+		children: [/* @__PURE__ */ q("h3", {
 			className: "text-red-800 font-semibold",
 			children: "Error loading form"
-		}), /* @__PURE__ */ W("p", {
+		}), /* @__PURE__ */ q("p", {
 			className: "text-red-600 text-sm mt-1",
 			children: T.message
 		})]
 	});
-	if (C) return /* @__PURE__ */ G("div", {
+	if (C) return /* @__PURE__ */ J("div", {
 		className: "p-4 sm:p-8 text-center",
-		children: [/* @__PURE__ */ W("div", { className: "inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900" }), /* @__PURE__ */ W("p", {
+		children: [/* @__PURE__ */ q("div", { className: "inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900" }), /* @__PURE__ */ q("p", {
 			className: "mt-2 text-sm text-gray-600",
 			children: "Loading form..."
 		})]
 	});
 	let M = r.layout === "vertical" || r.layout === "horizontal" ? r.layout : "vertical";
-	if (r.sections?.length && (!r.formType || r.formType === "simple")) return /* @__PURE__ */ W("div", {
+	if (r.sections?.length && (!r.formType || r.formType === "simple")) return /* @__PURE__ */ q("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 = 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,
+			return /* @__PURE__ */ q(Y, {
+				label: e.name ? s(r.objectName, e.name, e.label || e.name) : e.label,
 				description: e.description,
 				collapsible: e.collapsible,
 				collapsed: e.collapsed,
 				columns: e.columns,
-				children: /* @__PURE__ */ W(s, { schema: {
+				children: /* @__PURE__ */ q(c, { schema: {
 					type: "form",
 					fields: i,
 					layout: M,
@@ -1524,18 +1524,18 @@ var me = {
 			...e,
 			mobile_fullscreen: !0
 		} : e;
-	}) : 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)) {
+	}) : F.fields, R = I?.stepper, ee = I?.stepperMinFields ?? 8, V = Math.max(1, I?.stepperFieldsPerStep ?? 1);
+	if (!r.formType && !N && L.length >= 2 && (R === !0 || R === "auto" && m && L.length >= ee)) {
 		let e = L, t = [];
-		for (let n = 0; n < e.length; n += H) {
-			let r = e.slice(n, n + H);
+		for (let n = 0; n < e.length; n += V) {
+			let r = e.slice(n, n + V);
 			t.push({
-				name: `step-${Math.floor(n / H) + 1}`,
-				label: r[0]?.label || r[0]?.name || `Step ${Math.floor(n / H) + 1}`,
+				name: `step-${Math.floor(n / V) + 1}`,
+				label: r[0]?.label || r[0]?.name || `Step ${Math.floor(n / V) + 1}`,
 				fields: r
 			});
 		}
-		return /* @__PURE__ */ W(J, {
+		return /* @__PURE__ */ q(Z, {
 			schema: {
 				...r,
 				formType: "wizard",
@@ -1546,7 +1546,7 @@ var me = {
 			className: r.className
 		});
 	}
-	let U = {
+	let H = {
 		type: "form",
 		fields: L,
 		layout: M,
@@ -1562,125 +1562,295 @@ var me = {
 		className: r.className,
 		mobileStickyActions: !!I?.stickyActions
 	};
-	return /* @__PURE__ */ W("div", {
+	return /* @__PURE__ */ q("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 })
+		children: /* @__PURE__ */ q(c, { schema: H })
+	});
+}, Te = {
+	text: 200,
+	email: 254,
+	url: 2048,
+	phone: 32,
+	textarea: 5e3,
+	markdown: 5e3,
+	html: 5e3
+}, Ee = "_company_website_2", De = 1500;
+function Oe(e, t = []) {
+	try {
+		let n = new URL(e, typeof window < "u" ? window.location.href : "http://localhost");
+		return typeof window < "u" && n.origin === window.location.origin ? !0 : n.protocol !== "https:" && n.protocol !== "http:" ? !1 : t.some((e) => {
+			if (e === n.host) return !0;
+			if (e.startsWith("*.")) {
+				let t = e.slice(1);
+				return n.host.endsWith(t) && n.host.length > t.length;
+			}
+			return !1;
+		});
+	} catch {
+		return !1;
+	}
+}
+function ke(e) {
+	return e && e.map((e) => {
+		let t = Te[String(e.type || "").toLowerCase()];
+		return !t || (e.maxLength ?? e.max_length) ? e : {
+			...e,
+			maxLength: t
+		};
 	});
-}, 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;
-		return typeof window < "u" && new URLSearchParams(window.location.search).forEach((t, n) => {
-			n in e || (e[n] = t);
-		}), Object.keys(e).length > 0 ? e : void 0;
-	}, [r]), m = t(async (t) => {
-		u(!0), f(null);
+}
+var Ae = ({ config: e, dataSource: r, prefillParams: s, className: c }) => {
+	let [l, u] = o(!1), [d, f] = o(!1), [p, h] = o(null), [g, _] = o(!(e.consent?.required ?? !!e.consent)), [v, y] = o(null), b = a(null), x = a(Date.now());
+	n(() => {
+		l || (x.current = Date.now());
+	}, [l]);
+	let S = e.honeypot === !1 ? null : e.honeypot || Ee, C = e.minFillTime ?? De, w = i(() => ke(e.customFields), [e.customFields]), T = i(() => {
+		if (!r || w && w.length > 0 || !e.fields || e.fields.length === 0) return;
+		let t = async (e, t) => t;
+		return {
+			...r,
+			create: t,
+			update: (e, t, n) => Promise.resolve(n),
+			delete: () => Promise.reject(/* @__PURE__ */ Error("Not permitted on public form"))
+		};
+	}, [
+		r,
+		w,
+		e.fields
+	]), E = i(() => {
+		let t = {};
+		if (s) for (let [e, n] of Object.entries(s)) t[e] = n;
+		if (typeof window < "u" && e.allowedPrefillFields?.length) {
+			let n = new Set(e.allowedPrefillFields);
+			new URLSearchParams(window.location.search).forEach((e, r) => {
+				n.has(r) && !(r in t) && (t[r] = e);
+			});
+		}
+		return Object.keys(t).length > 0 ? t : void 0;
+	}, [s, e.allowedPrefillFields]), D = t(async (t) => {
+		if (e.consent?.required && !g) {
+			y(e.texts?.consentRequired ?? "Please accept the privacy policy to continue.");
+			return;
+		}
+		if (y(null), S && b.current?.value) {
+			u(!0);
+			return;
+		}
+		if (C > 0 && Date.now() - x.current < C) {
+			h(e.texts?.rateLimited ?? "Please take a moment to review your answers before submitting.");
+			return;
+		}
+		let n = { ...t };
+		S && delete n[S], e.captchaToken && (n._captcha = e.captchaToken), f(!0), h(null);
 		try {
-			if (n && await n.create(e.objectName, t), c(!0), e.thankYouPage?.redirectUrl) {
-				let t = e.thankYouPage.redirectDelay ?? 3e3;
+			r && await r.create(e.objectName, n), u(!0);
+			let t = e.thankYouPage?.redirectUrl;
+			if (t) if (Oe(t, e.allowedRedirectHosts)) {
+				let n = e.thankYouPage?.redirectDelay ?? 3e3;
 				setTimeout(() => {
-					window.location.href = e.thankYouPage.redirectUrl;
-				}, t);
-			}
+					window.location.href = t;
+				}, n);
+			} else console.warn("[EmbeddableForm] Blocked unsafe redirect target:", t), h(e.texts?.redirectBlocked ?? null);
 		} catch (e) {
-			f(e instanceof Error ? e.message : "Failed to submit form. Please try again.");
+			h(e instanceof Error ? e.message : "Failed to submit form. Please try again.");
 		} finally {
-			u(!1);
+			f(!1);
 		}
-	}, [n, e]), h = t(() => {
-		c(!1), f(null);
-	}, []), g = i(() => {
+	}, [
+		r,
+		e,
+		g,
+		S,
+		C
+	]), O = t(() => {
+		u(!1), h(null);
+	}, []), k = i(() => {
 		let t = {};
 		return e.branding?.backgroundColor && (t.backgroundColor = e.branding.backgroundColor), t;
 	}, [e.branding]);
-	if (s) {
-		let t = e.thankYouPage;
-		return /* @__PURE__ */ W("div", {
-			className: `min-h-screen flex items-center justify-center p-4 ${o || ""}`,
-			style: g,
-			children: /* @__PURE__ */ G("div", {
-				className: "max-w-md w-full bg-card rounded-lg shadow-lg p-8 text-center space-y-4",
+	if (l) {
+		let t = e.thankYouPage, n = e.texts ?? {}, r = Math.ceil((t?.redirectDelay ?? 3e3) / 1e3), i = (n.redirecting ?? "Redirecting in {{seconds}} seconds…").replace("{{seconds}}", String(r));
+		return /* @__PURE__ */ q("div", {
+			className: `min-h-screen flex items-center justify-center p-4 bg-gradient-to-b from-muted/40 via-background to-background ${c || ""}`,
+			style: k,
+			children: /* @__PURE__ */ J("div", {
+				className: "max-w-md w-full bg-card border rounded-xl shadow-sm p-8 text-center space-y-4",
 				children: [
-					/* @__PURE__ */ W("div", {
-						className: "text-4xl",
-						children: "✓"
+					/* @__PURE__ */ q("div", {
+						className: "mx-auto inline-flex h-14 w-14 items-center justify-center rounded-full bg-emerald-50 text-emerald-600 dark:bg-emerald-500/10 dark:text-emerald-400",
+						children: /* @__PURE__ */ q(V, {
+							className: "h-8 w-8",
+							"aria-hidden": "true"
+						})
 					}),
-					/* @__PURE__ */ W("h2", {
+					/* @__PURE__ */ q("h2", {
 						className: "text-xl font-semibold text-foreground",
-						children: t?.title || "Thank You!"
+						children: t?.title || n.thankYouTitle || "Thank You!"
 					}),
-					/* @__PURE__ */ W("p", {
-						className: "text-muted-foreground",
-						children: t?.message || "Your submission has been received successfully."
+					/* @__PURE__ */ q("p", {
+						className: "text-sm text-muted-foreground",
+						children: t?.message || n.thankYouMessage || "Your submission has been received successfully."
 					}),
-					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"
+					e.allowMultiple && /* @__PURE__ */ q(m, {
+						variant: "outline",
+						size: "sm",
+						onClick: O,
+						className: "mt-2",
+						children: n.submitAnother ?? "Submit Another Response"
 					}),
-					t?.redirectUrl && /* @__PURE__ */ G("p", {
+					t?.redirectUrl && /* @__PURE__ */ q("p", {
 						className: "text-xs text-muted-foreground",
-						children: [
-							"Redirecting in ",
-							Math.ceil((t.redirectDelay ?? 3e3) / 1e3),
-							" seconds..."
-						]
+						children: i
 					})
 				]
 			})
 		});
 	}
-	return /* @__PURE__ */ W("div", {
-		className: `min-h-screen flex items-center justify-center p-4 ${o || ""}`,
-		style: g,
-		children: /* @__PURE__ */ G("div", {
-			className: "max-w-2xl w-full bg-card rounded-lg shadow-lg overflow-hidden",
+	let A = e.texts ?? {}, j = !!e.consent?.required, M = `${e.formId}-consent`;
+	return /* @__PURE__ */ q("div", {
+		className: `min-h-screen flex items-center justify-center p-4 sm:p-6 bg-gradient-to-b from-muted/40 via-background to-background ${c || ""}`,
+		style: k,
+		children: /* @__PURE__ */ J("div", {
+			className: "max-w-2xl w-full bg-card border rounded-xl shadow-sm overflow-hidden",
 			children: [
-				/* @__PURE__ */ G("div", {
-					className: "p-6 border-b",
+				e.branding?.coverImage && /* @__PURE__ */ q("div", {
+					className: "h-28 sm:h-32 w-full bg-cover bg-center",
+					style: { backgroundImage: `url(${JSON.stringify(e.branding.coverImage)})` },
+					role: "presentation"
+				}),
+				/* @__PURE__ */ J("div", {
+					className: "px-6 sm:px-8 pt-7 pb-5 border-b bg-muted/20",
 					style: e.branding?.primaryColor ? { borderBottomColor: e.branding.primaryColor } : void 0,
 					children: [
-						e.branding?.logo && /* @__PURE__ */ W("img", {
+						e.branding?.logo && /* @__PURE__ */ q("img", {
 							src: e.branding.logo,
-							alt: "Logo",
+							alt: "",
 							className: "h-8 mb-4"
 						}),
-						e.title && /* @__PURE__ */ W("h1", {
-							className: "text-xl font-semibold text-foreground",
+						e.title && /* @__PURE__ */ q("h1", {
+							className: "text-2xl font-semibold tracking-tight text-foreground",
 							children: e.title
 						}),
-						e.description && /* @__PURE__ */ W("p", {
-							className: "text-sm text-muted-foreground mt-1",
+						e.description && /* @__PURE__ */ q("p", {
+							className: "text-sm text-muted-foreground mt-2 leading-relaxed",
 							children: e.description
+						}),
+						/* @__PURE__ */ q("p", {
+							className: "text-[11px] text-muted-foreground/70 mt-3",
+							"aria-hidden": "true",
+							children: A.requiredHint ?? "* Required field"
 						})
 					]
 				}),
-				/* @__PURE__ */ G("div", {
-					className: "p-6",
-					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__ */ W(ye, {
-						schema: {
-							type: "object-form",
-							objectName: e.objectName,
-							mode: "create",
-							fields: e.fields,
-							customFields: e.customFields,
-							initialData: p,
-							onSuccess: m,
-							submitLabel: l ? "Submitting..." : "Submit"
-						},
-						dataSource: n
-					})]
+				/* @__PURE__ */ J("div", {
+					className: "relative px-6 sm:px-8 py-6",
+					children: [
+						p && /* @__PURE__ */ q("div", {
+							role: "alert",
+							"aria-live": "assertive",
+							className: "mb-4 p-3 bg-destructive/10 border border-destructive/30 rounded-md text-sm text-destructive",
+							children: p
+						}),
+						/* @__PURE__ */ q(Ce, {
+							schema: {
+								type: "object-form",
+								objectName: e.objectName,
+								mode: "create",
+								fields: e.fields,
+								customFields: w,
+								initialData: E,
+								onSuccess: D,
+								submitText: d ? A.submitting ?? "Submitting..." : A.submit ?? "Submit"
+							},
+							dataSource: T
+						}),
+						S && /* @__PURE__ */ J("div", {
+							"aria-hidden": "true",
+							className: "absolute left-[-10000px] top-auto h-px w-px overflow-hidden",
+							children: [/* @__PURE__ */ q("label", {
+								htmlFor: `${e.formId}-${S}`,
+								children: "Do not fill this field"
+							}), /* @__PURE__ */ q("input", {
+								ref: b,
+								id: `${e.formId}-${S}`,
+								type: "text",
+								name: S,
+								tabIndex: -1,
+								autoComplete: "off",
+								defaultValue: ""
+							})]
+						}),
+						e.consent && /* @__PURE__ */ J("div", {
+							className: "mt-4",
+							children: [/* @__PURE__ */ J("label", {
+								className: "flex items-start gap-2 text-sm text-foreground cursor-pointer select-none",
+								children: [/* @__PURE__ */ q("input", {
+									type: "checkbox",
+									id: M,
+									checked: g,
+									onChange: (e) => {
+										_(e.target.checked), e.target.checked && y(null);
+									},
+									"aria-required": j || void 0,
+									"aria-invalid": v ? "true" : void 0,
+									"aria-describedby": v ? `${M}-error` : void 0,
+									className: "mt-0.5 h-4 w-4 rounded border-input accent-primary"
+								}), /* @__PURE__ */ J("span", {
+									className: "leading-relaxed",
+									children: [
+										e.consent.label ?? A.consentLabelDefault ?? "I agree to the privacy policy.",
+										j && /* @__PURE__ */ q("span", {
+											"aria-hidden": "true",
+											className: "text-destructive ml-0.5",
+											children: "*"
+										}),
+										e.consent.privacyUrl && /* @__PURE__ */ J(K, { children: [" ", /* @__PURE__ */ q("a", {
+											href: e.consent.privacyUrl,
+											target: "_blank",
+											rel: "noopener noreferrer",
+											className: "underline text-primary hover:opacity-80",
+											children: A.consentLink ?? "Privacy policy"
+										})] })
+									]
+								})]
+							}), v && /* @__PURE__ */ q("p", {
+								id: `${M}-error`,
+								role: "alert",
+								className: "mt-1.5 text-xs text-destructive",
+								children: v
+							})]
+						}),
+						d && /* @__PURE__ */ J("div", {
+							className: "mt-3 flex items-center gap-2 text-xs text-muted-foreground",
+							children: [/* @__PURE__ */ q(ne, {
+								className: "h-3.5 w-3.5 animate-spin",
+								"aria-hidden": "true"
+							}), /* @__PURE__ */ q("span", { children: A.submitting ?? "Submitting…" })]
+						})
+					]
 				}),
-				/* @__PURE__ */ W("div", {
-					className: "px-6 py-3 border-t bg-muted/20 text-center",
-					children: /* @__PURE__ */ W("p", {
-						className: "text-xs text-muted-foreground",
-						children: "Powered by ObjectStack"
-					})
+				/* @__PURE__ */ J("div", {
+					className: "px-6 sm:px-8 py-4 border-t bg-muted/20 flex flex-col sm:flex-row items-center justify-between gap-2",
+					children: [/* @__PURE__ */ J("p", {
+						className: "inline-flex items-center gap-1.5 text-xs text-muted-foreground",
+						children: [/* @__PURE__ */ q(W, {
+							className: "h-3 w-3",
+							"aria-hidden": "true"
+						}), /* @__PURE__ */ q("span", { children: A.secureNotice ?? "Your information is transmitted securely and only used to respond to your request." })]
+					}), /* @__PURE__ */ J("div", {
+						className: "flex items-center gap-3 text-xs text-muted-foreground/80",
+						children: [e.privacyPolicyUrl && /* @__PURE__ */ J("a", {
+							href: e.privacyPolicyUrl,
+							target: "_blank",
+							rel: "noopener noreferrer",
+							className: "inline-flex items-center gap-1 underline hover:text-foreground",
+							children: [/* @__PURE__ */ q(G, {
+								className: "h-3 w-3",
+								"aria-hidden": "true"
+							}), A.consentLink ?? "Privacy policy"]
+						}), /* @__PURE__ */ q("span", { children: A.poweredBy ?? "Powered by ObjectStack" })]
+					})]
 				})
 			]
 		})
@@ -1688,96 +1858,96 @@ var me = {
 };
 //#endregion
 //#region src/FormAnalytics.tsx
-function Se(e) {
+function je(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 Ce = ({ formId: e, formTitle: t, metrics: n, className: r }) => {
+var Me = ({ 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__ */ G("div", {
+	return /* @__PURE__ */ J("div", {
 		className: `space-y-4 ${r || ""}`,
 		children: [
-			/* @__PURE__ */ G("div", { children: [/* @__PURE__ */ W("h2", {
+			/* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q("h2", {
 				className: "text-lg font-semibold text-foreground",
 				children: t || "Form Analytics"
-			}), /* @__PURE__ */ G("p", {
+			}), /* @__PURE__ */ J("p", {
 				className: "text-sm text-muted-foreground",
 				children: ["Form ID: ", e]
 			})] }),
-			/* @__PURE__ */ G("div", {
+			/* @__PURE__ */ J("div", {
 				className: "grid grid-cols-1 sm:grid-cols-3 gap-4",
 				children: [
-					/* @__PURE__ */ W(m, { children: /* @__PURE__ */ G(_, {
+					/* @__PURE__ */ q(h, { children: /* @__PURE__ */ J(v, {
 						className: "pb-2",
-						children: [/* @__PURE__ */ W(g, { children: "Total Submissions" }), /* @__PURE__ */ W(v, {
+						children: [/* @__PURE__ */ q(_, { children: "Total Submissions" }), /* @__PURE__ */ q(y, {
 							className: "text-2xl",
 							children: n.totalSubmissions.toLocaleString()
 						})]
 					}) }),
-					/* @__PURE__ */ G(m, { children: [/* @__PURE__ */ G(_, {
+					/* @__PURE__ */ J(h, { children: [/* @__PURE__ */ J(v, {
 						className: "pb-2",
-						children: [/* @__PURE__ */ W(g, { children: "Fill Rate" }), /* @__PURE__ */ G(v, {
+						children: [/* @__PURE__ */ q(_, { children: "Fill Rate" }), /* @__PURE__ */ J(y, {
 							className: "text-2xl",
 							children: [a, "%"]
 						})]
-					}), /* @__PURE__ */ W(h, { children: /* @__PURE__ */ W("div", {
+					}), /* @__PURE__ */ q(g, { children: /* @__PURE__ */ q("div", {
 						className: "w-full bg-muted rounded-full h-2",
-						children: /* @__PURE__ */ W("div", {
+						children: /* @__PURE__ */ q("div", {
 							className: "bg-primary rounded-full h-2 transition-all",
 							style: { width: `${a}%` }
 						})
 					}) })] }),
-					/* @__PURE__ */ W(m, { children: /* @__PURE__ */ G(_, {
+					/* @__PURE__ */ q(h, { children: /* @__PURE__ */ J(v, {
 						className: "pb-2",
-						children: [/* @__PURE__ */ W(g, { children: "Avg. Completion Time" }), /* @__PURE__ */ W(v, {
+						children: [/* @__PURE__ */ q(_, { children: "Avg. Completion Time" }), /* @__PURE__ */ q(y, {
 							className: "text-2xl",
-							children: n.avgCompletionTime ? Se(n.avgCompletionTime) : "—"
+							children: n.avgCompletionTime ? je(n.avgCompletionTime) : "—"
 						})]
 					}) })
 				]
 			}),
-			n.dailySubmissions && n.dailySubmissions.length > 0 && /* @__PURE__ */ G(m, { children: [/* @__PURE__ */ W(_, { children: /* @__PURE__ */ W(v, {
+			n.dailySubmissions && n.dailySubmissions.length > 0 && /* @__PURE__ */ J(h, { children: [/* @__PURE__ */ q(v, { children: /* @__PURE__ */ q(y, {
 				className: "text-sm font-medium",
 				children: "Daily Submissions"
-			}) }), /* @__PURE__ */ W(h, { children: /* @__PURE__ */ W("div", {
+			}) }), /* @__PURE__ */ q(g, { children: /* @__PURE__ */ q("div", {
 				className: "flex items-end gap-1 h-32",
-				children: n.dailySubmissions.map((e, t) => /* @__PURE__ */ G("div", {
+				children: n.dailySubmissions.map((e, t) => /* @__PURE__ */ J("div", {
 					className: "flex-1 flex flex-col items-center gap-1",
-					children: [/* @__PURE__ */ W("div", {
+					children: [/* @__PURE__ */ q("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__ */ W("span", {
+					}), /* @__PURE__ */ q("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__ */ G(m, { children: [/* @__PURE__ */ G(_, { children: [/* @__PURE__ */ W(v, {
+			n.fieldDropOff && n.fieldDropOff.length > 0 && /* @__PURE__ */ J(h, { children: [/* @__PURE__ */ J(v, { children: [/* @__PURE__ */ q(y, {
 				className: "text-sm font-medium",
 				children: "Field Completion Rates"
-			}), /* @__PURE__ */ W(g, { children: "Percentage of users who completed each field" })] }), /* @__PURE__ */ W(h, { children: /* @__PURE__ */ W("div", {
+			}), /* @__PURE__ */ q(_, { children: "Percentage of users who completed each field" })] }), /* @__PURE__ */ q(g, { children: /* @__PURE__ */ q("div", {
 				className: "space-y-3",
-				children: n.fieldDropOff.map((e, t) => /* @__PURE__ */ G("div", {
+				children: n.fieldDropOff.map((e, t) => /* @__PURE__ */ J("div", {
 					className: "space-y-1",
-					children: [/* @__PURE__ */ G("div", {
+					children: [/* @__PURE__ */ J("div", {
 						className: "flex justify-between text-sm",
-						children: [/* @__PURE__ */ W("span", {
+						children: [/* @__PURE__ */ q("span", {
 							className: "text-foreground",
 							children: e.label
-						}), /* @__PURE__ */ G("span", {
+						}), /* @__PURE__ */ J("span", {
 							className: "text-muted-foreground",
 							children: [e.completionRate, "%"]
 						})]
-					}), /* @__PURE__ */ W("div", {
+					}), /* @__PURE__ */ q("div", {
 						className: "w-full bg-muted rounded-full h-1.5",
-						children: /* @__PURE__ */ W("div", {
+						children: /* @__PURE__ */ q("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}%` }
 						})
@@ -1786,8 +1956,8 @@ var Ce = ({ formId: e, formTitle: t, metrics: n, className: r }) => {
 			}) })] })
 		]
 	});
-}, we = ({ schema: e }) => /* @__PURE__ */ W(ye, { schema: e });
-o.register("object-form", we, {
+}, Ne = ({ schema: e }) => /* @__PURE__ */ q(Ce, { schema: e });
+s.register("object-form", Ne, {
 	namespace: "plugin-form",
 	label: "Object Form",
 	category: "plugin",
@@ -1928,7 +2098,7 @@ o.register("object-form", we, {
 			]
 		}
 	]
-}), o.register("form", we, {
+}), s.register("form", Ne, {
 	namespace: "view",
 	skipFallback: !0,
 	label: "Data Form View",
@@ -1956,7 +2126,7 @@ o.register("object-form", we, {
 			]
 		}
 	]
-}), o.register("embeddable-form", ({ schema: e }) => /* @__PURE__ */ W(xe, { config: e }), {
+}), s.register("embeddable-form", ({ schema: e }) => /* @__PURE__ */ q(Ae, { config: e }), {
 	namespace: "plugin-form",
 	label: "Embeddable Form",
 	category: "plugin",
@@ -1994,7 +2164,7 @@ o.register("object-form", we, {
 			label: "Allow Multiple Submissions"
 		}
 	]
-}), o.register("form-analytics", ({ schema: e }) => /* @__PURE__ */ W(Ce, {
+}), s.register("form-analytics", ({ schema: e }) => /* @__PURE__ */ q(Me, {
 	formId: e.formId,
 	formTitle: e.formTitle,
 	metrics: e.metrics || { totalSubmissions: 0 }
@@ -2022,4 +2192,4 @@ o.register("object-form", we, {
 	]
 });
 //#endregion
-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 };
+export { ye as DrawerForm, Ae as EmbeddableForm, Me as FormAnalytics, Y as FormSection, Se as ModalForm, Ce as ObjectForm, Q as SplitForm, X as TabbedForm, Z as WizardForm, le as applyAutoColSpan, $ as applyAutoLayout, pe as filterAutoGeneratedFields, fe as filterCreateModeFields, de as filterSystemFields, ce as inferColumns, me as inferModalSize, se as isAutoGeneratedFieldType, oe as isWideFieldType };