@object-ui/plugin-form 5.0.2 → 5.2.1

package/dist/index.js

@@ -4,44 +4,64 @@ 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";
+import { Check as ee, CheckCircle2 as V, ChevronDown as H, ChevronLeft as te, ChevronRight as U, Loader2 as W, Lock as G, ShieldCheck as K } from "lucide-react";
+import { Fragment as q, jsx as J, jsxs as Y } from "react/jsx-runtime";
 //#region src/FormSection.tsx
-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__ */ q("span", {
-				className: "mt-0.5 text-muted-foreground",
-				children: q(l ? U : H, { className: "h-4 w-4" })
-			}), /* @__PURE__ */ J("div", {
-				className: "flex-1",
-				children: [e && /* @__PURE__ */ q("h3", {
-					className: "text-base font-semibold text-foreground",
-					children: e
-				}), t && /* @__PURE__ */ q("p", {
-					className: "text-sm text-muted-foreground mt-0.5",
-					children: t
-				})]
+var X = ({ label: e, description: t, collapsible: n = !1, collapsed: r = !1, columns: i = 1, children: a, className: s, gridClassName: c, showBorder: l }) => {
+	let [u, d] = o(r), f = {
+		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"
+	}, p = () => {
+		n && d(!u);
+	}, m = l ?? !!e, b = e || t ? /* @__PURE__ */ Y("div", {
+		className: R("flex items-start gap-2", !m && "mb-4", n && "cursor-pointer select-none"),
+		onClick: p,
+		role: n ? "button" : void 0,
+		"aria-expanded": n ? !u : void 0,
+		children: [n && /* @__PURE__ */ J("span", {
+			className: "mt-0.5 text-muted-foreground",
+			children: J(u ? U : H, { className: "h-4 w-4" })
+		}), /* @__PURE__ */ Y("div", {
+			className: "flex-1",
+			children: [e && /* @__PURE__ */ J("h3", {
+				className: "text-base font-semibold text-foreground",
+				children: e
+			}), t && /* @__PURE__ */ J("p", {
+				className: "text-sm text-muted-foreground mt-0.5",
+				children: t
 			})]
-		}), !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: a
 		})]
+	}) : null, x = u ? null : /* @__PURE__ */ J("div", {
+		className: R("grid gap-4", c || f[i]),
+		children: a
+	});
+	return m ? /* @__PURE__ */ Y(h, {
+		className: R("form-section", s),
+		children: [b && /* @__PURE__ */ Y(v, {
+			className: "pb-3",
+			children: [
+				e && /* @__PURE__ */ J(y, {
+					className: "text-base",
+					children: e
+				}),
+				t && /* @__PURE__ */ J(_, { children: t }),
+				n && /* @__PURE__ */ J("button", {
+					type: "button",
+					className: "absolute right-4 top-4 text-muted-foreground",
+					onClick: p,
+					"aria-expanded": !u,
+					"aria-label": u ? "Expand section" : "Collapse section",
+					children: J(u ? U : H, { className: "h-4 w-4" })
+				})
+			]
+		}), x && /* @__PURE__ */ J(g, { children: x })]
+	}) : /* @__PURE__ */ Y("div", {
+		className: R("form-section", s),
+		children: [b, x]
 	});
-}, X = ({ schema: n, dataSource: r, className: i }) => {
+}, Z = ({ 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 () => {
@@ -120,19 +140,19 @@ var Y = ({ 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__ */ J("div", {
+	if (_) return /* @__PURE__ */ Y("div", {
 		className: "p-4 border border-red-300 bg-red-50 rounded-md",
-		children: [/* @__PURE__ */ q("h3", {
+		children: [/* @__PURE__ */ J("h3", {
 			className: "text-red-800 font-semibold",
 			children: "Error loading form"
-		}), /* @__PURE__ */ q("p", {
+		}), /* @__PURE__ */ J("p", {
 			className: "text-red-600 text-sm mt-1",
 			children: _.message
 		})]
 	});
-	if (h) return /* @__PURE__ */ J("div", {
+	if (h) return /* @__PURE__ */ Y("div", {
 		className: "p-8 text-center",
-		children: [/* @__PURE__ */ q("div", { className: "inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900" }), /* @__PURE__ */ q("p", {
+		children: [/* @__PURE__ */ J("div", { className: "inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900" }), /* @__PURE__ */ J("p", {
 			className: "mt-2 text-sm text-gray-600",
 			children: "Loading form..."
 		})]
@@ -149,29 +169,29 @@ var Y = ({ label: e, description: t, collapsible: n = !1, collapsed: r = !1, col
 		onSubmit: S,
 		onCancel: C
 	}, E = n.tabPosition === "left" || n.tabPosition === "right";
-	return /* @__PURE__ */ q("div", {
+	return /* @__PURE__ */ J("div", {
 		className: R("w-full", i, n.className),
-		children: /* @__PURE__ */ J(P, {
+		children: /* @__PURE__ */ Y(P, {
 			value: y,
 			onValueChange: b,
 			orientation: E ? "vertical" : "horizontal",
 			className: R(E && "flex gap-4"),
-			children: [/* @__PURE__ */ q(I, {
+			children: [/* @__PURE__ */ J(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, {
+				children: n.sections.map((e, t) => /* @__PURE__ */ J(L, {
 					value: w(e, t),
 					className: E ? "w-full justify-start" : "",
 					children: e.label || `Tab ${t + 1}`
 				}, w(e, t)))
-			}), /* @__PURE__ */ q("div", {
+			}), /* @__PURE__ */ J("div", {
 				className: "flex-1",
-				children: n.sections.map((e, t) => /* @__PURE__ */ q(F, {
+				children: n.sections.map((e, t) => /* @__PURE__ */ J(F, {
 					value: w(e, t),
 					className: "mt-0",
-					children: /* @__PURE__ */ q(Y, {
+					children: /* @__PURE__ */ J(X, {
 						description: e.description,
 						columns: e.columns || 1,
-						children: /* @__PURE__ */ q(c, { schema: {
+						children: /* @__PURE__ */ J(c, { schema: {
 							...T,
 							fields: x(e),
 							showSubmit: n.showSubmit !== !1 && n.mode !== "view",
@@ -182,7 +202,7 @@ var Y = ({ label: e, description: t, collapsible: n = !1, collapsed: r = !1, col
 			})]
 		})
 	});
-}, Z = ({ schema: n, dataSource: r, className: a }) => {
+}, Q = ({ 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 () => {
@@ -296,51 +316,51 @@ var Y = ({ label: e, description: t, collapsible: n = !1, collapsed: r = !1, col
 		S,
 		P
 	]);
-	if (b) return /* @__PURE__ */ J("div", {
+	if (b) return /* @__PURE__ */ Y("div", {
 		className: "p-4 border border-red-300 bg-red-50 rounded-md",
-		children: [/* @__PURE__ */ q("h3", {
+		children: [/* @__PURE__ */ J("h3", {
 			className: "text-red-800 font-semibold",
 			children: "Error loading form"
-		}), /* @__PURE__ */ q("p", {
+		}), /* @__PURE__ */ J("p", {
 			className: "text-red-600 text-sm mt-1",
 			children: b.message
 		})]
 	});
-	if (v) return /* @__PURE__ */ J("div", {
+	if (v) return /* @__PURE__ */ Y("div", {
 		className: "p-8 text-center",
-		children: [/* @__PURE__ */ q("div", { className: "inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900" }), /* @__PURE__ */ q("p", {
+		children: [/* @__PURE__ */ J("div", { className: "inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900" }), /* @__PURE__ */ J("p", {
 			className: "mt-2 text-sm text-gray-600",
 			children: "Loading form..."
 		})]
 	});
 	let z = n.sections[S];
-	return /* @__PURE__ */ J("div", {
+	return /* @__PURE__ */ Y("div", {
 		className: R("w-full", a, n.className),
 		children: [
-			n.showStepIndicator !== !1 && /* @__PURE__ */ q("nav", {
+			n.showStepIndicator !== !1 && /* @__PURE__ */ J("nav", {
 				"aria-label": "Progress",
 				className: "mb-8",
-				children: /* @__PURE__ */ q("ol", {
+				children: /* @__PURE__ */ J("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__ */ J("li", {
+						return /* @__PURE__ */ Y("li", {
 							className: R("relative flex-1", t !== O - 1 && "pr-8 sm:pr-12"),
-							children: [t !== O - 1 && /* @__PURE__ */ q("div", {
+							children: [t !== O - 1 && /* @__PURE__ */ J("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__ */ q("div", { className: R("h-full", i ? "bg-primary" : "bg-muted") })
-							}), /* @__PURE__ */ J("button", {
+								children: /* @__PURE__ */ J("div", { className: R("h-full", i ? "bg-primary" : "bg-muted") })
+							}), /* @__PURE__ */ Y("button", {
 								type: "button",
 								className: R("group relative flex items-center", a ? "cursor-pointer" : "cursor-not-allowed"),
 								onClick: () => L(t),
 								disabled: !a,
-								children: [/* @__PURE__ */ q("span", {
+								children: [/* @__PURE__ */ J("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", {
+									children: i ? /* @__PURE__ */ J(ee, { className: "h-3 w-3 sm:h-4 sm:w-4" }) : t + 1
+								}), /* @__PURE__ */ J("span", {
 									className: "ml-2 sm:ml-3 text-xs sm:text-sm font-medium hidden sm:block",
-									children: /* @__PURE__ */ q("span", {
+									children: /* @__PURE__ */ J("span", {
 										className: R(r ? "text-foreground" : "text-muted-foreground"),
 										children: e.label || `Step ${t + 1}`
 									})
@@ -350,13 +370,13 @@ var Y = ({ label: e, description: t, collapsible: n = !1, collapsed: r = !1, col
 					})
 				})
 			}),
-			/* @__PURE__ */ q("div", {
+			/* @__PURE__ */ J("div", {
 				className: "min-h-[200px]",
-				children: z && /* @__PURE__ */ q(Y, {
+				children: z && /* @__PURE__ */ J(X, {
 					label: z.label,
 					description: z.description,
 					columns: z.columns || 1,
-					children: M.length > 0 ? /* @__PURE__ */ q(c, { schema: {
+					children: M.length > 0 ? /* @__PURE__ */ J(c, { schema: {
 						type: "form",
 						fields: M,
 						layout: "vertical",
@@ -364,22 +384,22 @@ var Y = ({ label: e, description: t, collapsible: n = !1, collapsed: r = !1, col
 						showSubmit: !1,
 						showCancel: !1,
 						onSubmit: N
-					} }) : /* @__PURE__ */ q("div", {
+					} }) : /* @__PURE__ */ J("div", {
 						className: "text-center py-8 text-muted-foreground",
 						children: "No fields configured for this step"
 					})
 				})
 			}),
-			/* @__PURE__ */ J("div", {
+			/* @__PURE__ */ Y("div", {
 				className: "flex items-center justify-between mt-6 pt-4 border-t",
-				children: [/* @__PURE__ */ q("div", { children: n.showCancel !== !1 && /* @__PURE__ */ q(m, {
+				children: [/* @__PURE__ */ J("div", { children: n.showCancel !== !1 && /* @__PURE__ */ J(m, {
 					variant: "ghost",
 					onClick: I,
 					children: n.cancelText || "Cancel"
-				}) }), /* @__PURE__ */ J("div", {
+				}) }), /* @__PURE__ */ Y("div", {
 					className: "flex items-center gap-2",
 					children: [
-						/* @__PURE__ */ J("span", {
+						/* @__PURE__ */ Y("span", {
 							className: "text-sm text-muted-foreground mr-2",
 							children: [
 								"Step ",
@@ -388,25 +408,28 @@ var Y = ({ label: e, description: t, collapsible: n = !1, collapsed: r = !1, col
 								O
 							]
 						}),
-						!k && /* @__PURE__ */ J(m, {
+						!k && /* @__PURE__ */ Y(m, {
 							variant: "outline",
 							onClick: F,
-							children: [/* @__PURE__ */ q(te, { className: "h-4 w-4 mr-1" }), n.prevText || "Back"]
+							children: [/* @__PURE__ */ J(te, { className: "h-4 w-4 mr-1" }), n.prevText || "Back"]
 						}),
-						A ? /* @__PURE__ */ q(m, {
+						A ? /* @__PURE__ */ Y(m, {
 							onClick: () => N(g),
 							disabled: E || n.mode === "view",
-							children: E ? "Submitting..." : n.submitText || (n.mode === "create" ? "Create" : "Update")
-						}) : /* @__PURE__ */ J(m, {
+							children: [E && /* @__PURE__ */ J(W, {
+								className: "mr-2 h-4 w-4 animate-spin",
+								"aria-hidden": !0
+							}), E ? "Submitting..." : n.submitText || (n.mode === "create" ? "Create" : "Update")]
+						}) : /* @__PURE__ */ Y(m, {
 							onClick: () => N(g),
-							children: [n.nextText || "Next", /* @__PURE__ */ q(U, { className: "h-4 w-4 ml-1" })]
+							children: [n.nextText || "Next", /* @__PURE__ */ J(U, { className: "h-4 w-4 ml-1" })]
 						})
 					]
 				})]
 			})
 		]
 	});
-}, Q = ({ schema: e, dataSource: r, className: a }) => {
+}, ne = ({ 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 () => {
@@ -495,19 +518,19 @@ var Y = ({ label: e, description: t, collapsible: n = !1, collapsed: r = !1, col
 	}, [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__ */ J("div", {
+	if (y) return /* @__PURE__ */ Y("div", {
 		className: "p-4 border border-red-300 bg-red-50 rounded-md",
-		children: [/* @__PURE__ */ q("h3", {
+		children: [/* @__PURE__ */ J("h3", {
 			className: "text-red-800 font-semibold",
 			children: "Error loading form"
-		}), /* @__PURE__ */ q("p", {
+		}), /* @__PURE__ */ J("p", {
 			className: "text-red-600 text-sm mt-1",
 			children: y.message
 		})]
 	});
-	if (_) return /* @__PURE__ */ J("div", {
+	if (_) return /* @__PURE__ */ Y("div", {
 		className: "p-8 text-center",
-		children: [/* @__PURE__ */ q("div", { className: "inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900" }), /* @__PURE__ */ q("p", {
+		children: [/* @__PURE__ */ J("div", { className: "inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900" }), /* @__PURE__ */ J("p", {
 			className: "mt-2 text-sm text-gray-600",
 			children: "Loading form..."
 		})]
@@ -518,13 +541,13 @@ var Y = ({ label: e, description: t, collapsible: n = !1, collapsed: r = !1, col
 		defaultValues: h,
 		onSubmit: S,
 		onCancel: C
-	}, M = (t, n) => /* @__PURE__ */ q("div", {
+	}, M = (t, n) => /* @__PURE__ */ J("div", {
 		className: "space-y-4 p-4",
-		children: t.map((t, r) => /* @__PURE__ */ q(Y, {
+		children: t.map((t, r) => /* @__PURE__ */ J(X, {
 			label: t.label,
 			description: t.description,
 			columns: t.columns || 1,
-			children: /* @__PURE__ */ q(c, { schema: {
+			children: /* @__PURE__ */ J(c, { schema: {
 				...j,
 				fields: x(t),
 				showSubmit: n && e.showSubmit !== !1 && e.mode !== "view",
@@ -534,16 +557,16 @@ var Y = ({ label: e, description: t, collapsible: n = !1, collapsed: r = !1, col
 			} })
 		}, t.name || t.label || r))
 	});
-	return /* @__PURE__ */ q("div", {
+	return /* @__PURE__ */ J("div", {
 		className: R("w-full", a, e.className),
-		children: /* @__PURE__ */ J(D, {
+		children: /* @__PURE__ */ Y(D, {
 			orientation: k,
 			className: "min-h-[300px] rounded-lg border",
-			children: [/* @__PURE__ */ q(E, {
+			children: [/* @__PURE__ */ J(E, {
 				defaultSize: A,
 				minSize: 20,
 				children: M(w, O.length === 0)
-			}), O.length > 0 && /* @__PURE__ */ J(K, { children: [/* @__PURE__ */ q(T, { withHandle: e.splitResizable !== !1 }), /* @__PURE__ */ q(E, {
+			}), O.length > 0 && /* @__PURE__ */ Y(q, { children: [/* @__PURE__ */ J(T, { withHandle: e.splitResizable !== !1 }), /* @__PURE__ */ J(E, {
 				defaultSize: 100 - A,
 				minSize: 20,
 				children: M(O, !0)
@@ -839,29 +862,29 @@ var ve = {
 		onSubmit: D,
 		onCancel: N
 	};
-	return /* @__PURE__ */ q(O, {
+	return /* @__PURE__ */ J(O, {
 		open: S,
 		onOpenChange: e.onOpenChange,
-		children: /* @__PURE__ */ J(k, {
+		children: /* @__PURE__ */ Y(k, {
 			side: C,
 			className: R("overflow-y-auto", a, e.className),
 			style: P,
-			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", {
+			children: [(e.title || e.description) && /* @__PURE__ */ Y(j, { children: [e.title && /* @__PURE__ */ J(M, { children: e.title }), e.description && /* @__PURE__ */ J(A, { children: e.description })] }), /* @__PURE__ */ J("div", {
 				className: "@container py-4",
 				children: (() => {
-					if (b) return /* @__PURE__ */ J("div", {
+					if (b) return /* @__PURE__ */ Y("div", {
 						className: "p-4 border border-red-300 bg-red-50 rounded-md",
-						children: [/* @__PURE__ */ q("h3", {
+						children: [/* @__PURE__ */ J("h3", {
 							className: "text-red-800 font-semibold",
 							children: "Error loading form"
-						}), /* @__PURE__ */ q("p", {
+						}), /* @__PURE__ */ J("p", {
 							className: "text-red-600 text-sm mt-1",
 							children: b.message
 						})]
 					});
-					if (v) return /* @__PURE__ */ J("div", {
+					if (v) return /* @__PURE__ */ Y("div", {
 						className: "p-8 text-center",
-						children: [/* @__PURE__ */ q("div", { className: "inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900" }), /* @__PURE__ */ q("p", {
+						children: [/* @__PURE__ */ J("div", { className: "inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900" }), /* @__PURE__ */ J("p", {
 							className: "mt-2 text-sm text-gray-600",
 							children: "Loading form..."
 						})]
@@ -887,13 +910,13 @@ var ve = {
 								...e,
 								hidden: !0
 							}))) : t.push(...a);
-						}), /* @__PURE__ */ q(c, { schema: {
+						}), /* @__PURE__ */ J(c, { schema: {
 							...F,
 							fields: t
 						} });
 					}
 					let t = $(m, d, e.columns, e.mode), n = ve[t.columns || 1];
-					return /* @__PURE__ */ q(c, { schema: {
+					return /* @__PURE__ */ J(c, { schema: {
 						...F,
 						fields: t.fields,
 						columns: t.columns,
@@ -1092,97 +1115,97 @@ var ve = {
 		h
 	]), H = t(() => {
 		e.onCancel && e.onCancel(), e.onOpenChange?.(!1);
-	}, [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 = {
+	}, [e]), te = e.layout === "vertical" || e.layout === "horizontal" ? e.layout : "vertical", U = e.showSubmit !== !1 && e.mode !== "view", G = e.showCancel !== !1, K = e.submitText || (e.mode === "create" ? "Create" : "Update"), q = e.cancelText || "Cancel", Z = {
 		type: "form",
 		layout: te,
 		defaultValues: E,
-		submitLabel: G,
-		cancelLabel: K,
+		submitLabel: K,
+		cancelLabel: q,
 		showSubmit: U,
-		showCancel: W,
+		showCancel: G,
 		onSubmit: V,
 		onCancel: H,
 		showActions: !1,
 		id: I
-	}, Z = () => {
-		if (A) return /* @__PURE__ */ J("div", {
+	}, Q = () => {
+		if (A) return /* @__PURE__ */ Y("div", {
 			className: "p-4 border border-red-300 bg-red-50 rounded-md",
-			children: [/* @__PURE__ */ q("h3", {
+			children: [/* @__PURE__ */ J("h3", {
 				className: "text-red-800 font-semibold",
 				children: "Error loading form"
-			}), /* @__PURE__ */ q("p", {
+			}), /* @__PURE__ */ J("p", {
 				className: "text-red-600 text-sm mt-1",
 				children: A.message
 			})]
 		});
-		if (O) return /* @__PURE__ */ q("div", {
+		if (O) return /* @__PURE__ */ J("div", {
 			className: "space-y-4",
 			"data-testid": "modal-form-skeleton",
 			children: [
 				1,
 				2,
 				3
-			].map((e) => /* @__PURE__ */ J("div", {
+			].map((e) => /* @__PURE__ */ Y("div", {
 				className: "space-y-2",
-				children: [/* @__PURE__ */ q(N, { className: "h-4 w-24" }), /* @__PURE__ */ q(N, { className: "h-10 w-full" })]
+				children: [/* @__PURE__ */ J(N, { className: "h-4 w-24" }), /* @__PURE__ */ J(N, { className: "h-10 w-full" })]
 			}, e))
 		});
-		if (e.sections?.length) return /* @__PURE__ */ q("div", {
+		if (e.sections?.length) return /* @__PURE__ */ J("div", {
 			className: "space-y-6",
 			children: e.sections.map((e, t) => {
 				let n = e.columns || 1;
-				return /* @__PURE__ */ q(Y, {
+				return /* @__PURE__ */ J(X, {
 					label: e.label,
 					description: e.description,
 					columns: n,
 					gridClassName: xe[n],
-					children: /* @__PURE__ */ q(c, { schema: {
-						...X,
+					children: /* @__PURE__ */ J(c, { schema: {
+						...Z,
 						fields: g(ee(e))
 					} })
 				}, e.name || e.label || t);
 			})
 		});
 		let t = L ?? $(y, _, e.columns, e.mode), n = xe[t.columns || 1];
-		return /* @__PURE__ */ q(c, { schema: {
-			...X,
+		return /* @__PURE__ */ J(c, { schema: {
+			...Z,
 			fields: g(t.fields),
 			columns: t.columns,
 			...n ? { fieldContainerClass: n } : {}
 		} });
-	}, Q = !O && !A && (U || W);
-	return /* @__PURE__ */ q(b, {
+	}, ne = !O && !A && (U || G);
+	return /* @__PURE__ */ J(b, {
 		open: F,
 		onOpenChange: e.onOpenChange,
-		children: /* @__PURE__ */ J(w, {
+		children: /* @__PURE__ */ Y(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__ */ J(S, {
+				(e.title || e.description) && /* @__PURE__ */ Y(S, {
 					className: "shrink-0 px-4 pt-4 sm:px-6 sm:pt-6 pb-2 border-b",
-					children: [e.title && /* @__PURE__ */ q(C, { children: e.title }), e.description && /* @__PURE__ */ q(x, { children: e.description })]
+					children: [e.title && /* @__PURE__ */ J(C, { children: e.title }), e.description && /* @__PURE__ */ J(x, { children: e.description })]
 				}),
-				/* @__PURE__ */ q("div", {
+				/* @__PURE__ */ J("div", {
 					className: "@container flex-1 overflow-y-auto px-4 sm:px-6 py-4",
-					children: Z()
+					children: Q()
 				}),
-				Q && /* @__PURE__ */ q("div", {
+				ne && /* @__PURE__ */ J("div", {
 					className: "shrink-0 border-t px-4 sm:px-6 py-3 bg-background",
 					"data-testid": "modal-form-footer",
-					children: /* @__PURE__ */ J("div", {
+					children: /* @__PURE__ */ Y("div", {
 						className: "flex flex-col sm:flex-row gap-2 sm:justify-end",
-						children: [W && /* @__PURE__ */ q(m, {
+						children: [G && /* @__PURE__ */ J(m, {
 							type: "button",
 							variant: "outline",
 							onClick: H,
 							disabled: M,
 							className: "w-full sm:w-auto",
-							children: K
-						}), U && /* @__PURE__ */ J(m, {
+							children: q
+						}), U && /* @__PURE__ */ Y(m, {
 							type: "submit",
 							form: I,
 							disabled: M,
 							className: "w-full sm:w-auto",
-							children: [M && /* @__PURE__ */ q(ne, { className: "mr-2 h-4 w-4 animate-spin" }), G]
+							children: [M && /* @__PURE__ */ J(W, { className: "mr-2 h-4 w-4 animate-spin" }), K]
 						})]
 					})
 				})
@@ -1206,7 +1229,7 @@ var ve = {
 			}))
 		};
 	}, [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, {
+	if (r.formType === "tabbed" && r.sections?.length) return /* @__PURE__ */ J(Z, {
 		schema: {
 			...r,
 			formType: "tabbed",
@@ -1223,7 +1246,7 @@ var ve = {
 		dataSource: t,
 		className: r.className
 	});
-	if (r.formType === "wizard" && r.sections?.length) return /* @__PURE__ */ q(Z, {
+	if (r.formType === "wizard" && r.sections?.length) return /* @__PURE__ */ J(Q, {
 		schema: {
 			...r,
 			formType: "wizard",
@@ -1243,7 +1266,7 @@ var ve = {
 		dataSource: t,
 		className: r.className
 	});
-	if (r.formType === "split" && r.sections?.length) return /* @__PURE__ */ q(Q, {
+	if (r.formType === "split" && r.sections?.length) return /* @__PURE__ */ J(ne, {
 		schema: {
 			...r,
 			formType: "split",
@@ -1263,7 +1286,7 @@ var ve = {
 	});
 	if (r.formType === "drawer") {
 		let { layout: e, ...n } = r, i = r.layout === "vertical" || r.layout === "horizontal" ? r.layout : void 0;
-		return /* @__PURE__ */ q(ye, {
+		return /* @__PURE__ */ J(ye, {
 			schema: {
 				...n,
 				layout: i,
@@ -1288,7 +1311,7 @@ var ve = {
 	}
 	if (r.formType === "modal") {
 		let { layout: e, ...n } = r, i = r.layout === "vertical" || r.layout === "horizontal" ? r.layout : void 0;
-		return /* @__PURE__ */ q(Se, {
+		return /* @__PURE__ */ J(Se, {
 			schema: {
 				...n,
 				layout: i,
@@ -1309,7 +1332,7 @@ var ve = {
 			className: r.className
 		});
 	}
-	return /* @__PURE__ */ q(we, {
+	return /* @__PURE__ */ J(we, {
 		schema: r,
 		dataSource: t
 	});
@@ -1472,35 +1495,36 @@ var ve = {
 		}, [_]),
 		...x
 	};
-	if (T) return /* @__PURE__ */ J("div", {
+	if (T) return /* @__PURE__ */ Y("div", {
 		className: "p-3 sm:p-4 border border-red-300 bg-red-50 rounded-md",
-		children: [/* @__PURE__ */ q("h3", {
+		children: [/* @__PURE__ */ J("h3", {
 			className: "text-red-800 font-semibold",
 			children: "Error loading form"
-		}), /* @__PURE__ */ q("p", {
+		}), /* @__PURE__ */ J("p", {
 			className: "text-red-600 text-sm mt-1",
 			children: T.message
 		})]
 	});
-	if (C) return /* @__PURE__ */ J("div", {
+	if (C) return /* @__PURE__ */ Y("div", {
 		className: "p-4 sm:p-8 text-center",
-		children: [/* @__PURE__ */ q("div", { className: "inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900" }), /* @__PURE__ */ q("p", {
+		children: [/* @__PURE__ */ J("div", { className: "inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900" }), /* @__PURE__ */ J("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__ */ q("div", {
+	if (r.sections?.length && (!r.formType || r.formType === "simple")) return /* @__PURE__ */ J("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__ */ q(Y, {
+			return /* @__PURE__ */ J(X, {
 				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__ */ q(c, { schema: {
+				showBorder: e.showBorder,
+				children: /* @__PURE__ */ J(c, { schema: {
 					type: "form",
 					fields: i,
 					layout: M,
@@ -1535,7 +1559,7 @@ var ve = {
 				fields: r
 			});
 		}
-		return /* @__PURE__ */ q(Z, {
+		return /* @__PURE__ */ J(Q, {
 			schema: {
 				...r,
 				formType: "wizard",
@@ -1562,10 +1586,10 @@ var ve = {
 		className: r.className,
 		mobileStickyActions: !!I?.stickyActions
 	};
-	return /* @__PURE__ */ q("div", {
+	return /* @__PURE__ */ J("div", {
 		className: I?.stickyActions ? "w-full pb-20 md:pb-0" : "w-full",
 		"data-mobile-form": I ? "true" : void 0,
-		children: /* @__PURE__ */ q(c, { schema: H })
+		children: /* @__PURE__ */ J(c, { schema: H })
 	});
 }, Te = {
 	text: 200,
@@ -1671,35 +1695,35 @@ var Ae = ({ config: e, dataSource: r, prefillParams: s, className: c }) => {
 	}, [e.branding]);
 	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", {
+		return /* @__PURE__ */ J("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", {
+			children: /* @__PURE__ */ Y("div", {
 				className: "max-w-md w-full bg-card border rounded-xl shadow-sm p-8 text-center space-y-4",
 				children: [
-					/* @__PURE__ */ q("div", {
+					/* @__PURE__ */ J("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, {
+						children: /* @__PURE__ */ J(V, {
 							className: "h-8 w-8",
 							"aria-hidden": "true"
 						})
 					}),
-					/* @__PURE__ */ q("h2", {
+					/* @__PURE__ */ J("h2", {
 						className: "text-xl font-semibold text-foreground",
 						children: t?.title || n.thankYouTitle || "Thank You!"
 					}),
-					/* @__PURE__ */ q("p", {
+					/* @__PURE__ */ J("p", {
 						className: "text-sm text-muted-foreground",
 						children: t?.message || n.thankYouMessage || "Your submission has been received successfully."
 					}),
-					e.allowMultiple && /* @__PURE__ */ q(m, {
+					e.allowMultiple && /* @__PURE__ */ J(m, {
 						variant: "outline",
 						size: "sm",
 						onClick: O,
 						className: "mt-2",
 						children: n.submitAnother ?? "Submit Another Response"
 					}),
-					t?.redirectUrl && /* @__PURE__ */ q("p", {
+					t?.redirectUrl && /* @__PURE__ */ J("p", {
 						className: "text-xs text-muted-foreground",
 						children: i
 					})
@@ -1708,51 +1732,51 @@ var Ae = ({ config: e, dataSource: r, prefillParams: s, className: c }) => {
 		});
 	}
 	let A = e.texts ?? {}, j = !!e.consent?.required, M = `${e.formId}-consent`;
-	return /* @__PURE__ */ q("div", {
+	return /* @__PURE__ */ J("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", {
+		children: /* @__PURE__ */ Y("div", {
 			className: "max-w-2xl w-full bg-card border rounded-xl shadow-sm overflow-hidden",
 			children: [
-				e.branding?.coverImage && /* @__PURE__ */ q("div", {
+				e.branding?.coverImage && /* @__PURE__ */ J("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", {
+				/* @__PURE__ */ Y("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__ */ q("img", {
+						e.branding?.logo && /* @__PURE__ */ J("img", {
 							src: e.branding.logo,
 							alt: "",
 							className: "h-8 mb-4"
 						}),
-						e.title && /* @__PURE__ */ q("h1", {
+						e.title && /* @__PURE__ */ J("h1", {
 							className: "text-2xl font-semibold tracking-tight text-foreground",
 							children: e.title
 						}),
-						e.description && /* @__PURE__ */ q("p", {
+						e.description && /* @__PURE__ */ J("p", {
 							className: "text-sm text-muted-foreground mt-2 leading-relaxed",
 							children: e.description
 						}),
-						/* @__PURE__ */ q("p", {
+						/* @__PURE__ */ J("p", {
 							className: "text-[11px] text-muted-foreground/70 mt-3",
 							"aria-hidden": "true",
 							children: A.requiredHint ?? "* Required field"
 						})
 					]
 				}),
-				/* @__PURE__ */ J("div", {
+				/* @__PURE__ */ Y("div", {
 					className: "relative px-6 sm:px-8 py-6",
 					children: [
-						p && /* @__PURE__ */ q("div", {
+						p && /* @__PURE__ */ J("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, {
+						/* @__PURE__ */ J(Ce, {
 							schema: {
 								type: "object-form",
 								objectName: e.objectName,
@@ -1765,13 +1789,13 @@ var Ae = ({ config: e, dataSource: r, prefillParams: s, className: c }) => {
 							},
 							dataSource: T
 						}),
-						S && /* @__PURE__ */ J("div", {
+						S && /* @__PURE__ */ Y("div", {
 							"aria-hidden": "true",
 							className: "absolute left-[-10000px] top-auto h-px w-px overflow-hidden",
-							children: [/* @__PURE__ */ q("label", {
+							children: [/* @__PURE__ */ J("label", {
 								htmlFor: `${e.formId}-${S}`,
 								children: "Do not fill this field"
-							}), /* @__PURE__ */ q("input", {
+							}), /* @__PURE__ */ J("input", {
 								ref: b,
 								id: `${e.formId}-${S}`,
 								type: "text",
@@ -1781,11 +1805,11 @@ var Ae = ({ config: e, dataSource: r, prefillParams: s, className: c }) => {
 								defaultValue: ""
 							})]
 						}),
-						e.consent && /* @__PURE__ */ J("div", {
+						e.consent && /* @__PURE__ */ Y("div", {
 							className: "mt-4",
-							children: [/* @__PURE__ */ J("label", {
+							children: [/* @__PURE__ */ Y("label", {
 								className: "flex items-start gap-2 text-sm text-foreground cursor-pointer select-none",
-								children: [/* @__PURE__ */ q("input", {
+								children: [/* @__PURE__ */ J("input", {
 									type: "checkbox",
 									id: M,
 									checked: g,
@@ -1796,16 +1820,16 @@ var Ae = ({ config: e, dataSource: r, prefillParams: s, className: c }) => {
 									"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", {
+								}), /* @__PURE__ */ Y("span", {
 									className: "leading-relaxed",
 									children: [
 										e.consent.label ?? A.consentLabelDefault ?? "I agree to the privacy policy.",
-										j && /* @__PURE__ */ q("span", {
+										j && /* @__PURE__ */ J("span", {
 											"aria-hidden": "true",
 											className: "text-destructive ml-0.5",
 											children: "*"
 										}),
-										e.consent.privacyUrl && /* @__PURE__ */ J(K, { children: [" ", /* @__PURE__ */ q("a", {
+										e.consent.privacyUrl && /* @__PURE__ */ Y(q, { children: [" ", /* @__PURE__ */ J("a", {
 											href: e.consent.privacyUrl,
 											target: "_blank",
 											rel: "noopener noreferrer",
@@ -1814,42 +1838,42 @@ var Ae = ({ config: e, dataSource: r, prefillParams: s, className: c }) => {
 										})] })
 									]
 								})]
-							}), v && /* @__PURE__ */ q("p", {
+							}), v && /* @__PURE__ */ J("p", {
 								id: `${M}-error`,
 								role: "alert",
 								className: "mt-1.5 text-xs text-destructive",
 								children: v
 							})]
 						}),
-						d && /* @__PURE__ */ J("div", {
+						d && /* @__PURE__ */ Y("div", {
 							className: "mt-3 flex items-center gap-2 text-xs text-muted-foreground",
-							children: [/* @__PURE__ */ q(ne, {
+							children: [/* @__PURE__ */ J(W, {
 								className: "h-3.5 w-3.5 animate-spin",
 								"aria-hidden": "true"
-							}), /* @__PURE__ */ q("span", { children: A.submitting ?? "Submitting…" })]
+							}), /* @__PURE__ */ J("span", { children: A.submitting ?? "Submitting…" })]
 						})
 					]
 				}),
-				/* @__PURE__ */ J("div", {
+				/* @__PURE__ */ Y("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", {
+					children: [/* @__PURE__ */ Y("p", {
 						className: "inline-flex items-center gap-1.5 text-xs text-muted-foreground",
-						children: [/* @__PURE__ */ q(W, {
+						children: [/* @__PURE__ */ J(G, {
 							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", {
+						}), /* @__PURE__ */ J("span", { children: A.secureNotice ?? "Your information is transmitted securely and only used to respond to your request." })]
+					}), /* @__PURE__ */ Y("div", {
 						className: "flex items-center gap-3 text-xs text-muted-foreground/80",
-						children: [e.privacyPolicyUrl && /* @__PURE__ */ J("a", {
+						children: [e.privacyPolicyUrl && /* @__PURE__ */ Y("a", {
 							href: e.privacyPolicyUrl,
 							target: "_blank",
 							rel: "noopener noreferrer",
 							className: "inline-flex items-center gap-1 underline hover:text-foreground",
-							children: [/* @__PURE__ */ q(G, {
+							children: [/* @__PURE__ */ J(K, {
 								className: "h-3 w-3",
 								"aria-hidden": "true"
 							}), A.consentLink ?? "Privacy policy"]
-						}), /* @__PURE__ */ q("span", { children: A.poweredBy ?? "Powered by ObjectStack" })]
+						}), /* @__PURE__ */ J("span", { children: A.poweredBy ?? "Powered by ObjectStack" })]
 					})]
 				})
 			]
@@ -1867,87 +1891,87 @@ var Me = ({ formId: e, formTitle: t, metrics: n, className: r }) => {
 		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__ */ J("div", {
+	return /* @__PURE__ */ Y("div", {
 		className: `space-y-4 ${r || ""}`,
 		children: [
-			/* @__PURE__ */ J("div", { children: [/* @__PURE__ */ q("h2", {
+			/* @__PURE__ */ Y("div", { children: [/* @__PURE__ */ J("h2", {
 				className: "text-lg font-semibold text-foreground",
 				children: t || "Form Analytics"
-			}), /* @__PURE__ */ J("p", {
+			}), /* @__PURE__ */ Y("p", {
 				className: "text-sm text-muted-foreground",
 				children: ["Form ID: ", e]
 			})] }),
-			/* @__PURE__ */ J("div", {
+			/* @__PURE__ */ Y("div", {
 				className: "grid grid-cols-1 sm:grid-cols-3 gap-4",
 				children: [
-					/* @__PURE__ */ q(h, { children: /* @__PURE__ */ J(v, {
+					/* @__PURE__ */ J(h, { children: /* @__PURE__ */ Y(v, {
 						className: "pb-2",
-						children: [/* @__PURE__ */ q(_, { children: "Total Submissions" }), /* @__PURE__ */ q(y, {
+						children: [/* @__PURE__ */ J(_, { children: "Total Submissions" }), /* @__PURE__ */ J(y, {
 							className: "text-2xl",
 							children: n.totalSubmissions.toLocaleString()
 						})]
 					}) }),
-					/* @__PURE__ */ J(h, { children: [/* @__PURE__ */ J(v, {
+					/* @__PURE__ */ Y(h, { children: [/* @__PURE__ */ Y(v, {
 						className: "pb-2",
-						children: [/* @__PURE__ */ q(_, { children: "Fill Rate" }), /* @__PURE__ */ J(y, {
+						children: [/* @__PURE__ */ J(_, { children: "Fill Rate" }), /* @__PURE__ */ Y(y, {
 							className: "text-2xl",
 							children: [a, "%"]
 						})]
-					}), /* @__PURE__ */ q(g, { children: /* @__PURE__ */ q("div", {
+					}), /* @__PURE__ */ J(g, { children: /* @__PURE__ */ J("div", {
 						className: "w-full bg-muted rounded-full h-2",
-						children: /* @__PURE__ */ q("div", {
+						children: /* @__PURE__ */ J("div", {
 							className: "bg-primary rounded-full h-2 transition-all",
 							style: { width: `${a}%` }
 						})
 					}) })] }),
-					/* @__PURE__ */ q(h, { children: /* @__PURE__ */ J(v, {
+					/* @__PURE__ */ J(h, { children: /* @__PURE__ */ Y(v, {
 						className: "pb-2",
-						children: [/* @__PURE__ */ q(_, { children: "Avg. Completion Time" }), /* @__PURE__ */ q(y, {
+						children: [/* @__PURE__ */ J(_, { children: "Avg. Completion Time" }), /* @__PURE__ */ J(y, {
 							className: "text-2xl",
 							children: n.avgCompletionTime ? je(n.avgCompletionTime) : "—"
 						})]
 					}) })
 				]
 			}),
-			n.dailySubmissions && n.dailySubmissions.length > 0 && /* @__PURE__ */ J(h, { children: [/* @__PURE__ */ q(v, { children: /* @__PURE__ */ q(y, {
+			n.dailySubmissions && n.dailySubmissions.length > 0 && /* @__PURE__ */ Y(h, { children: [/* @__PURE__ */ J(v, { children: /* @__PURE__ */ J(y, {
 				className: "text-sm font-medium",
 				children: "Daily Submissions"
-			}) }), /* @__PURE__ */ q(g, { children: /* @__PURE__ */ q("div", {
+			}) }), /* @__PURE__ */ J(g, { children: /* @__PURE__ */ J("div", {
 				className: "flex items-end gap-1 h-32",
-				children: n.dailySubmissions.map((e, t) => /* @__PURE__ */ J("div", {
+				children: n.dailySubmissions.map((e, t) => /* @__PURE__ */ Y("div", {
 					className: "flex-1 flex flex-col items-center gap-1",
-					children: [/* @__PURE__ */ q("div", {
+					children: [/* @__PURE__ */ J("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__ */ q("span", {
+					}), /* @__PURE__ */ J("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__ */ J(h, { children: [/* @__PURE__ */ J(v, { children: [/* @__PURE__ */ q(y, {
+			n.fieldDropOff && n.fieldDropOff.length > 0 && /* @__PURE__ */ Y(h, { children: [/* @__PURE__ */ Y(v, { children: [/* @__PURE__ */ J(y, {
 				className: "text-sm font-medium",
 				children: "Field Completion Rates"
-			}), /* @__PURE__ */ q(_, { children: "Percentage of users who completed each field" })] }), /* @__PURE__ */ q(g, { children: /* @__PURE__ */ q("div", {
+			}), /* @__PURE__ */ J(_, { children: "Percentage of users who completed each field" })] }), /* @__PURE__ */ J(g, { children: /* @__PURE__ */ J("div", {
 				className: "space-y-3",
-				children: n.fieldDropOff.map((e, t) => /* @__PURE__ */ J("div", {
+				children: n.fieldDropOff.map((e, t) => /* @__PURE__ */ Y("div", {
 					className: "space-y-1",
-					children: [/* @__PURE__ */ J("div", {
+					children: [/* @__PURE__ */ Y("div", {
 						className: "flex justify-between text-sm",
-						children: [/* @__PURE__ */ q("span", {
+						children: [/* @__PURE__ */ J("span", {
 							className: "text-foreground",
 							children: e.label
-						}), /* @__PURE__ */ J("span", {
+						}), /* @__PURE__ */ Y("span", {
 							className: "text-muted-foreground",
 							children: [e.completionRate, "%"]
 						})]
-					}), /* @__PURE__ */ q("div", {
+					}), /* @__PURE__ */ J("div", {
 						className: "w-full bg-muted rounded-full h-1.5",
-						children: /* @__PURE__ */ q("div", {
+						children: /* @__PURE__ */ J("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}%` }
 						})
@@ -1956,7 +1980,7 @@ var Me = ({ formId: e, formTitle: t, metrics: n, className: r }) => {
 			}) })] })
 		]
 	});
-}, Ne = ({ schema: e }) => /* @__PURE__ */ q(Ce, { schema: e });
+}, Ne = ({ schema: e }) => /* @__PURE__ */ J(Ce, { schema: e });
 s.register("object-form", Ne, {
 	namespace: "plugin-form",
 	label: "Object Form",
@@ -2126,7 +2150,7 @@ s.register("object-form", Ne, {
 			]
 		}
 	]
-}), s.register("embeddable-form", ({ schema: e }) => /* @__PURE__ */ q(Ae, { config: e }), {
+}), s.register("embeddable-form", ({ schema: e }) => /* @__PURE__ */ J(Ae, { config: e }), {
 	namespace: "plugin-form",
 	label: "Embeddable Form",
 	category: "plugin",
@@ -2164,7 +2188,7 @@ s.register("object-form", Ne, {
 			label: "Allow Multiple Submissions"
 		}
 	]
-}), s.register("form-analytics", ({ schema: e }) => /* @__PURE__ */ q(Me, {
+}), s.register("form-analytics", ({ schema: e }) => /* @__PURE__ */ J(Me, {
 	formId: e.formId,
 	formTitle: e.formTitle,
 	metrics: e.metrics || { totalSubmissions: 0 }
@@ -2192,4 +2216,4 @@ s.register("object-form", Ne, {
 	]
 });
 //#endregion
-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 };
+export { ye as DrawerForm, Ae as EmbeddableForm, Me as FormAnalytics, X as FormSection, Se as ModalForm, Ce as ObjectForm, ne as SplitForm, Z as TabbedForm, Q 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 };