@object-ui/plugin-form 3.3.2 → 4.0.1

package/dist/index.js

@@ -2,8 +2,8 @@ import e, { useCallback as t, useEffect as n, useId as r, useMemo as i, useState
 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 } from "@object-ui/components";
-import { Check as R, ChevronDown as z, ChevronLeft as B, ChevronRight as V, Loader2 as ee } from "lucide-react";
+import { Button as p, Card as m, CardContent as h, CardDescription as g, CardHeader as _, CardTitle as v, Dialog as y, DialogDescription as b, DialogHeader as x, DialogTitle as S, MobileDialogContent as C, ResizableHandle as w, ResizablePanel as T, ResizablePanelGroup as E, Sheet as D, SheetContent as O, SheetDescription as k, SheetHeader as A, SheetTitle as j, Skeleton as M, Tabs as N, TabsContent as P, TabsList as F, TabsTrigger as I, cn as L, useIsMobile as R } from "@object-ui/components";
+import { Check as z, ChevronDown as ee, ChevronLeft as B, ChevronRight as V, Loader2 as te } from "lucide-react";
 //#region \0rolldown/runtime.js
 var H = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), U = /* @__PURE__ */ ((e) => typeof require < "u" ? require : typeof Proxy < "u" ? new Proxy(e, { get: (e, t) => (typeof require < "u" ? require : e)[t] }) : e)(function(e) {
 	if (typeof require < "u") return require.apply(this, arguments);
@@ -23,7 +23,7 @@ var H = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t
 		};
 	}
 	e.Fragment = n, e.jsx = r, e.jsxs = r;
-})), G = /* @__PURE__ */ H(((e) => {
+})), ne = /* @__PURE__ */ H(((e) => {
 	process.env.NODE_ENV !== "production" && (function() {
 		function t(e) {
 			if (e == null) return null;
@@ -181,33 +181,33 @@ var H = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t
 			return d(e, t, n, !0, r ? Error("react-stack-top-frame") : F, r ? M(i(e)) : I);
 		};
 	})();
-})), K = (/* @__PURE__ */ H(((e, t) => {
-	process.env.NODE_ENV === "production" ? t.exports = W() : t.exports = G();
-})))(), q = ({ label: e, description: t, collapsible: n = !1, collapsed: r = !1, columns: i = 1, children: o, className: s, gridClassName: c }) => {
+})), G = (/* @__PURE__ */ H(((e, t) => {
+	process.env.NODE_ENV === "production" ? t.exports = W() : t.exports = ne();
+})))(), 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__ */ (0, K.jsxs)("div", {
+	return /* @__PURE__ */ (0, G.jsxs)("div", {
 		className: L("form-section", s),
-		children: [(e || t) && /* @__PURE__ */ (0, K.jsxs)("div", {
+		children: [(e || t) && /* @__PURE__ */ (0, G.jsxs)("div", {
 			className: L("flex items-start gap-2 mb-4", n && "cursor-pointer select-none"),
 			onClick: () => {
 				n && u(!l);
 			},
 			role: n ? "button" : void 0,
 			"aria-expanded": n ? !l : void 0,
-			children: [n && /* @__PURE__ */ (0, K.jsx)("span", {
+			children: [n && /* @__PURE__ */ (0, G.jsx)("span", {
 				className: "mt-0.5 text-muted-foreground",
-				children: l ? /* @__PURE__ */ (0, K.jsx)(V, { className: "h-4 w-4" }) : /* @__PURE__ */ (0, K.jsx)(z, { className: "h-4 w-4" })
-			}), /* @__PURE__ */ (0, K.jsxs)("div", {
+				children: l ? /* @__PURE__ */ (0, G.jsx)(V, { className: "h-4 w-4" }) : /* @__PURE__ */ (0, G.jsx)(ee, { className: "h-4 w-4" })
+			}), /* @__PURE__ */ (0, G.jsxs)("div", {
 				className: "flex-1",
-				children: [e && /* @__PURE__ */ (0, K.jsx)("h3", {
+				children: [e && /* @__PURE__ */ (0, G.jsx)("h3", {
 					className: "text-base font-semibold text-foreground",
 					children: e
-				}), t && /* @__PURE__ */ (0, K.jsx)("p", {
+				}), t && /* @__PURE__ */ (0, G.jsx)("p", {
 					className: "text-sm text-muted-foreground mt-0.5",
 					children: t
 				})]
 			})]
-		}), !l && /* @__PURE__ */ (0, K.jsx)("div", {
+		}), !l && /* @__PURE__ */ (0, G.jsx)("div", {
 			className: L("grid gap-4", c || {
 				1: "grid-cols-1",
 				2: "grid-cols-1 md:grid-cols-2",
@@ -217,7 +217,7 @@ var H = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t
 			children: o
 		})]
 	});
-}, J = ({ schema: n, dataSource: r, className: i }) => {
+}, q = ({ schema: n, dataSource: r, className: i }) => {
 	let { fieldLabel: o } = c(), [u, d] = a(null), [p, m] = a({}), [h, g] = a(!0), [_, v] = a(null), [y, b] = a(n.defaultTab || n.sections[0]?.name || n.sections[0]?.label || "tab-0");
 	e.useEffect(() => {
 		(async () => {
@@ -296,19 +296,19 @@ var H = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t
 	}, [n, r]), C = t(() => {
 		n.onCancel && n.onCancel();
 	}, [n]), w = (e, t) => e.name || e.label || `tab-${t}`;
-	if (_) return /* @__PURE__ */ (0, K.jsxs)("div", {
+	if (_) return /* @__PURE__ */ (0, G.jsxs)("div", {
 		className: "p-4 border border-red-300 bg-red-50 rounded-md",
-		children: [/* @__PURE__ */ (0, K.jsx)("h3", {
+		children: [/* @__PURE__ */ (0, G.jsx)("h3", {
 			className: "text-red-800 font-semibold",
 			children: "Error loading form"
-		}), /* @__PURE__ */ (0, K.jsx)("p", {
+		}), /* @__PURE__ */ (0, G.jsx)("p", {
 			className: "text-red-600 text-sm mt-1",
 			children: _.message
 		})]
 	});
-	if (h) return /* @__PURE__ */ (0, K.jsxs)("div", {
+	if (h) return /* @__PURE__ */ (0, G.jsxs)("div", {
 		className: "p-8 text-center",
-		children: [/* @__PURE__ */ (0, K.jsx)("div", { className: "inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900" }), /* @__PURE__ */ (0, K.jsx)("p", {
+		children: [/* @__PURE__ */ (0, G.jsx)("div", { className: "inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900" }), /* @__PURE__ */ (0, G.jsx)("p", {
 			className: "mt-2 text-sm text-gray-600",
 			children: "Loading form..."
 		})]
@@ -325,29 +325,29 @@ var H = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t
 		onSubmit: S,
 		onCancel: C
 	}, E = n.tabPosition === "left" || n.tabPosition === "right";
-	return /* @__PURE__ */ (0, K.jsx)("div", {
+	return /* @__PURE__ */ (0, G.jsx)("div", {
 		className: L("w-full", i, n.className),
-		children: /* @__PURE__ */ (0, K.jsxs)(N, {
+		children: /* @__PURE__ */ (0, G.jsxs)(N, {
 			value: y,
 			onValueChange: b,
 			orientation: E ? "vertical" : "horizontal",
 			className: L(E && "flex gap-4"),
-			children: [/* @__PURE__ */ (0, K.jsx)(F, {
+			children: [/* @__PURE__ */ (0, G.jsx)(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__ */ (0, K.jsx)(I, {
+				children: n.sections.map((e, t) => /* @__PURE__ */ (0, G.jsx)(I, {
 					value: w(e, t),
 					className: E ? "w-full justify-start" : "",
 					children: e.label || `Tab ${t + 1}`
 				}, w(e, t)))
-			}), /* @__PURE__ */ (0, K.jsx)("div", {
+			}), /* @__PURE__ */ (0, G.jsx)("div", {
 				className: "flex-1",
-				children: n.sections.map((e, t) => /* @__PURE__ */ (0, K.jsx)(P, {
+				children: n.sections.map((e, t) => /* @__PURE__ */ (0, G.jsx)(P, {
 					value: w(e, t),
 					className: "mt-0",
-					children: /* @__PURE__ */ (0, K.jsx)(q, {
+					children: /* @__PURE__ */ (0, G.jsx)(K, {
 						description: e.description,
 						columns: e.columns || 1,
-						children: /* @__PURE__ */ (0, K.jsx)(s, { schema: {
+						children: /* @__PURE__ */ (0, G.jsx)(s, { schema: {
 							...T,
 							fields: x(e),
 							showSubmit: n.showSubmit !== !1 && n.mode !== "view",
@@ -358,7 +358,7 @@ var H = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t
 			})]
 		})
 	});
-}, Y = ({ schema: n, dataSource: r, className: o }) => {
+}, J = ({ schema: n, dataSource: r, className: o }) => {
 	let { fieldLabel: u } = c(), [d, m] = a(null), [h, g] = a({}), [_, v] = a(!0), [y, b] = a(null), [x, S] = a(0), [C, w] = a(/* @__PURE__ */ new Set()), [T, E] = a(!1), D = n.sections.length, O = x === 0, k = x === D - 1;
 	e.useEffect(() => {
 		(async () => {
@@ -468,51 +468,51 @@ var H = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t
 		x,
 		N
 	]);
-	if (y) return /* @__PURE__ */ (0, K.jsxs)("div", {
+	if (y) return /* @__PURE__ */ (0, G.jsxs)("div", {
 		className: "p-4 border border-red-300 bg-red-50 rounded-md",
-		children: [/* @__PURE__ */ (0, K.jsx)("h3", {
+		children: [/* @__PURE__ */ (0, G.jsx)("h3", {
 			className: "text-red-800 font-semibold",
 			children: "Error loading form"
-		}), /* @__PURE__ */ (0, K.jsx)("p", {
+		}), /* @__PURE__ */ (0, G.jsx)("p", {
 			className: "text-red-600 text-sm mt-1",
 			children: y.message
 		})]
 	});
-	if (_) return /* @__PURE__ */ (0, K.jsxs)("div", {
+	if (_) return /* @__PURE__ */ (0, G.jsxs)("div", {
 		className: "p-8 text-center",
-		children: [/* @__PURE__ */ (0, K.jsx)("div", { className: "inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900" }), /* @__PURE__ */ (0, K.jsx)("p", {
+		children: [/* @__PURE__ */ (0, G.jsx)("div", { className: "inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900" }), /* @__PURE__ */ (0, G.jsx)("p", {
 			className: "mt-2 text-sm text-gray-600",
 			children: "Loading form..."
 		})]
 	});
-	let z = n.sections[x];
-	return /* @__PURE__ */ (0, K.jsxs)("div", {
+	let R = n.sections[x];
+	return /* @__PURE__ */ (0, G.jsxs)("div", {
 		className: L("w-full", o, n.className),
 		children: [
-			n.showStepIndicator !== !1 && /* @__PURE__ */ (0, K.jsx)("nav", {
+			n.showStepIndicator !== !1 && /* @__PURE__ */ (0, G.jsx)("nav", {
 				"aria-label": "Progress",
 				className: "mb-8",
-				children: /* @__PURE__ */ (0, K.jsx)("ol", {
+				children: /* @__PURE__ */ (0, G.jsx)("ol", {
 					className: "flex items-center",
 					children: n.sections.map((e, t) => {
 						let r = t === x, i = C.has(t), a = n.allowSkip || i || t <= x;
-						return /* @__PURE__ */ (0, K.jsxs)("li", {
+						return /* @__PURE__ */ (0, G.jsxs)("li", {
 							className: L("relative flex-1", t !== D - 1 && "pr-8 sm:pr-12"),
-							children: [t !== D - 1 && /* @__PURE__ */ (0, K.jsx)("div", {
+							children: [t !== D - 1 && /* @__PURE__ */ (0, G.jsx)("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__ */ (0, K.jsx)("div", { className: L("h-full", i ? "bg-primary" : "bg-muted") })
-							}), /* @__PURE__ */ (0, K.jsxs)("button", {
+								children: /* @__PURE__ */ (0, G.jsx)("div", { className: L("h-full", i ? "bg-primary" : "bg-muted") })
+							}), /* @__PURE__ */ (0, G.jsxs)("button", {
 								type: "button",
 								className: L("group relative flex items-center", a ? "cursor-pointer" : "cursor-not-allowed"),
 								onClick: () => I(t),
 								disabled: !a,
-								children: [/* @__PURE__ */ (0, K.jsx)("span", {
+								children: [/* @__PURE__ */ (0, G.jsx)("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__ */ (0, K.jsx)(R, { className: "h-3 w-3 sm:h-4 sm:w-4" }) : t + 1
-								}), /* @__PURE__ */ (0, K.jsx)("span", {
+									children: i ? /* @__PURE__ */ (0, G.jsx)(z, { className: "h-3 w-3 sm:h-4 sm:w-4" }) : t + 1
+								}), /* @__PURE__ */ (0, G.jsx)("span", {
 									className: "ml-2 sm:ml-3 text-xs sm:text-sm font-medium hidden sm:block",
-									children: /* @__PURE__ */ (0, K.jsx)("span", {
+									children: /* @__PURE__ */ (0, G.jsx)("span", {
 										className: L(r ? "text-foreground" : "text-muted-foreground"),
 										children: e.label || `Step ${t + 1}`
 									})
@@ -522,13 +522,13 @@ var H = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t
 					})
 				})
 			}),
-			/* @__PURE__ */ (0, K.jsx)("div", {
+			/* @__PURE__ */ (0, G.jsx)("div", {
 				className: "min-h-[200px]",
-				children: z && /* @__PURE__ */ (0, K.jsx)(q, {
-					label: z.label,
-					description: z.description,
-					columns: z.columns || 1,
-					children: j.length > 0 ? /* @__PURE__ */ (0, K.jsx)(s, { schema: {
+				children: R && /* @__PURE__ */ (0, G.jsx)(K, {
+					label: R.label,
+					description: R.description,
+					columns: R.columns || 1,
+					children: j.length > 0 ? /* @__PURE__ */ (0, G.jsx)(s, { schema: {
 						type: "form",
 						fields: j,
 						layout: "vertical",
@@ -536,22 +536,22 @@ var H = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t
 						showSubmit: !1,
 						showCancel: !1,
 						onSubmit: M
-					} }) : /* @__PURE__ */ (0, K.jsx)("div", {
+					} }) : /* @__PURE__ */ (0, G.jsx)("div", {
 						className: "text-center py-8 text-muted-foreground",
 						children: "No fields configured for this step"
 					})
 				})
 			}),
-			/* @__PURE__ */ (0, K.jsxs)("div", {
+			/* @__PURE__ */ (0, G.jsxs)("div", {
 				className: "flex items-center justify-between mt-6 pt-4 border-t",
-				children: [/* @__PURE__ */ (0, K.jsx)("div", { children: n.showCancel !== !1 && /* @__PURE__ */ (0, K.jsx)(p, {
+				children: [/* @__PURE__ */ (0, G.jsx)("div", { children: n.showCancel !== !1 && /* @__PURE__ */ (0, G.jsx)(p, {
 					variant: "ghost",
 					onClick: F,
 					children: n.cancelText || "Cancel"
-				}) }), /* @__PURE__ */ (0, K.jsxs)("div", {
+				}) }), /* @__PURE__ */ (0, G.jsxs)("div", {
 					className: "flex items-center gap-2",
 					children: [
-						/* @__PURE__ */ (0, K.jsxs)("span", {
+						/* @__PURE__ */ (0, G.jsxs)("span", {
 							className: "text-sm text-muted-foreground mr-2",
 							children: [
 								"Step ",
@@ -560,25 +560,25 @@ var H = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t
 								D
 							]
 						}),
-						!O && /* @__PURE__ */ (0, K.jsxs)(p, {
+						!O && /* @__PURE__ */ (0, G.jsxs)(p, {
 							variant: "outline",
 							onClick: P,
-							children: [/* @__PURE__ */ (0, K.jsx)(B, { className: "h-4 w-4 mr-1" }), n.prevText || "Back"]
+							children: [/* @__PURE__ */ (0, G.jsx)(B, { className: "h-4 w-4 mr-1" }), n.prevText || "Back"]
 						}),
-						k ? /* @__PURE__ */ (0, K.jsx)(p, {
+						k ? /* @__PURE__ */ (0, G.jsx)(p, {
 							onClick: () => M(h),
 							disabled: T || n.mode === "view",
 							children: T ? "Submitting..." : n.submitText || (n.mode === "create" ? "Create" : "Update")
-						}) : /* @__PURE__ */ (0, K.jsxs)(p, {
+						}) : /* @__PURE__ */ (0, G.jsxs)(p, {
 							onClick: () => M(h),
-							children: [n.nextText || "Next", /* @__PURE__ */ (0, K.jsx)(V, { className: "h-4 w-4 ml-1" })]
+							children: [n.nextText || "Next", /* @__PURE__ */ (0, G.jsx)(V, { className: "h-4 w-4 ml-1" })]
 						})
 					]
 				})]
 			})
 		]
 	});
-}, te = ({ schema: e, dataSource: r, className: o }) => {
+}, re = ({ schema: e, dataSource: r, className: o }) => {
 	let { fieldLabel: u } = c(), [d, p] = a(null), [m, h] = a({}), [g, _] = a(!0), [v, y] = a(null);
 	n(() => {
 		(async () => {
@@ -663,19 +663,19 @@ var H = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t
 	}, [e]), C = i(() => e.sections.slice(0, 1), [e.sections]), D = i(() => e.sections.slice(1), [e.sections]);
 	i(() => e.sections.flatMap((e) => b(e)), [e.sections, b]);
 	let O = e.splitDirection || "horizontal", k = e.splitSize || 50;
-	if (v) return /* @__PURE__ */ (0, K.jsxs)("div", {
+	if (v) return /* @__PURE__ */ (0, G.jsxs)("div", {
 		className: "p-4 border border-red-300 bg-red-50 rounded-md",
-		children: [/* @__PURE__ */ (0, K.jsx)("h3", {
+		children: [/* @__PURE__ */ (0, G.jsx)("h3", {
 			className: "text-red-800 font-semibold",
 			children: "Error loading form"
-		}), /* @__PURE__ */ (0, K.jsx)("p", {
+		}), /* @__PURE__ */ (0, G.jsx)("p", {
 			className: "text-red-600 text-sm mt-1",
 			children: v.message
 		})]
 	});
-	if (g) return /* @__PURE__ */ (0, K.jsxs)("div", {
+	if (g) return /* @__PURE__ */ (0, G.jsxs)("div", {
 		className: "p-8 text-center",
-		children: [/* @__PURE__ */ (0, K.jsx)("div", { className: "inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900" }), /* @__PURE__ */ (0, K.jsx)("p", {
+		children: [/* @__PURE__ */ (0, G.jsx)("div", { className: "inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900" }), /* @__PURE__ */ (0, G.jsx)("p", {
 			className: "mt-2 text-sm text-gray-600",
 			children: "Loading form..."
 		})]
@@ -686,13 +686,13 @@ var H = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t
 		defaultValues: m,
 		onSubmit: x,
 		onCancel: S
-	}, j = (t, n) => /* @__PURE__ */ (0, K.jsx)("div", {
+	}, j = (t, n) => /* @__PURE__ */ (0, G.jsx)("div", {
 		className: "space-y-4 p-4",
-		children: t.map((t, r) => /* @__PURE__ */ (0, K.jsx)(q, {
+		children: t.map((t, r) => /* @__PURE__ */ (0, G.jsx)(K, {
 			label: t.label,
 			description: t.description,
 			columns: t.columns || 1,
-			children: /* @__PURE__ */ (0, K.jsx)(s, { schema: {
+			children: /* @__PURE__ */ (0, G.jsx)(s, { schema: {
 				...A,
 				fields: b(t),
 				showSubmit: n && e.showSubmit !== !1 && e.mode !== "view",
@@ -702,29 +702,29 @@ var H = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t
 			} })
 		}, t.name || t.label || r))
 	});
-	return /* @__PURE__ */ (0, K.jsx)("div", {
+	return /* @__PURE__ */ (0, G.jsx)("div", {
 		className: L("w-full", o, e.className),
-		children: /* @__PURE__ */ (0, K.jsxs)(E, {
+		children: /* @__PURE__ */ (0, G.jsxs)(E, {
 			orientation: O,
 			className: "min-h-[300px] rounded-lg border",
-			children: [/* @__PURE__ */ (0, K.jsx)(T, {
+			children: [/* @__PURE__ */ (0, G.jsx)(T, {
 				defaultSize: k,
 				minSize: 20,
 				children: j(C, D.length === 0)
-			}), D.length > 0 && /* @__PURE__ */ (0, K.jsxs)(K.Fragment, { children: [/* @__PURE__ */ (0, K.jsx)(w, { withHandle: e.splitResizable !== !1 }), /* @__PURE__ */ (0, K.jsx)(T, {
+			}), D.length > 0 && /* @__PURE__ */ (0, G.jsxs)(G.Fragment, { children: [/* @__PURE__ */ (0, G.jsx)(w, { withHandle: e.splitResizable !== !1 }), /* @__PURE__ */ (0, G.jsx)(T, {
 				defaultSize: 100 - k,
 				minSize: 20,
 				children: j(D, !0)
 			})] })]
 		})
 	});
-}, ne = new Set([
+}, ie = new Set([
 	"field:formula",
 	"field:summary",
 	"field:auto_number",
 	"field:autonumber",
 	"field:master_detail"
-]), re = new Set([
+]), ae = new Set([
 	"field:textarea",
 	"field:markdown",
 	"field:html",
@@ -735,7 +735,7 @@ var H = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t
 	"html",
 	"grid",
 	"rich-text"
-]), ie = new Set([
+]), oe = new Set([
 	"formula",
 	"summary",
 	"auto_number",
@@ -743,22 +743,22 @@ var H = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t
 	"master_detail",
 	"masterDetail"
 ]);
-function ae(e) {
-	return re.has(e);
+function se(e) {
+	return ae.has(e);
 }
-function oe(e) {
-	return ie.has(e);
+function ce(e) {
+	return oe.has(e);
 }
-function se(e) {
+function le(e) {
 	return e <= 3 ? 1 : 2;
 }
-function X(e, t) {
-	return t <= 1 ? e : e.map((e) => e.colSpan === void 0 && e.type && ae(e.type) ? {
+function Y(e, t) {
+	return t <= 1 ? e : e.map((e) => e.colSpan === void 0 && e.type && se(e.type) ? {
 		...e,
 		colSpan: t
 	} : e);
 }
-var ce = new Set([
+var ue = new Set([
 	"id",
 	"created_at",
 	"createdAt",
@@ -775,37 +775,37 @@ var ce = new Set([
 	"_version",
 	"_rev"
 ]);
-function le(e, t) {
+function de(e, t) {
 	return e.filter((e) => {
-		if (ce.has(e.name) || e.type && ne.has(e.type)) return !1;
+		if (ue.has(e.name) || e.type && ie.has(e.type)) return !1;
 		if (!t?.fields) return !0;
 		let n = t.fields[e.name];
-		return n ? n.readonly === !0 ? !1 : !oe(n.type) : !0;
+		return n ? n.readonly === !0 ? !1 : !ce(n.type) : !0;
 	});
 }
-function Z(e) {
+function X(e) {
 	return e <= 1 ? "default" : e === 2 ? "xl" : "full";
 }
-function Q(e, t, n, r) {
+function Z(e, t, n, r) {
 	let i = [...e];
-	if (r === "create" && (i = le(i, t)), n !== void 0) return i = X(i, n), {
+	if (r === "create" && (i = de(i, t)), n !== void 0) return i = Y(i, n), {
 		fields: i,
 		columns: n
 	};
-	let a = se(i.length);
-	return i = X(i, a), {
+	let a = le(i.length);
+	return i = Y(i, a), {
 		fields: i,
 		columns: a
 	};
 }
 //#endregion
 //#region src/DrawerForm.tsx
-var ue = {
+var fe = {
 	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"
-}, de = ({ schema: e, dataSource: r, className: o }) => {
+}, pe = ({ schema: e, dataSource: r, className: o }) => {
 	let { fieldLabel: u } = c(), [d, p] = a(null), [m, h] = a([]), [g, _] = a({}), [v, y] = a(!0), [b, x] = a(null), S = e.open !== !1, C = e.drawerSide || "right", [w, T] = a(() => {
 		let t = {};
 		return e.sections?.forEach((e, n) => {
@@ -953,29 +953,29 @@ var ue = {
 		onSubmit: M,
 		onCancel: N
 	};
-	return /* @__PURE__ */ (0, K.jsx)(D, {
+	return /* @__PURE__ */ (0, G.jsx)(D, {
 		open: S,
 		onOpenChange: e.onOpenChange,
-		children: /* @__PURE__ */ (0, K.jsxs)(O, {
+		children: /* @__PURE__ */ (0, G.jsxs)(O, {
 			side: C,
 			className: L("overflow-y-auto", o, e.className),
 			style: P,
-			children: [(e.title || e.description) && /* @__PURE__ */ (0, K.jsxs)(A, { children: [e.title && /* @__PURE__ */ (0, K.jsx)(j, { children: e.title }), e.description && /* @__PURE__ */ (0, K.jsx)(k, { children: e.description })] }), /* @__PURE__ */ (0, K.jsx)("div", {
+			children: [(e.title || e.description) && /* @__PURE__ */ (0, G.jsxs)(A, { children: [e.title && /* @__PURE__ */ (0, G.jsx)(j, { children: e.title }), e.description && /* @__PURE__ */ (0, G.jsx)(k, { children: e.description })] }), /* @__PURE__ */ (0, G.jsx)("div", {
 				className: "@container py-4",
 				children: (() => {
-					if (b) return /* @__PURE__ */ (0, K.jsxs)("div", {
+					if (b) return /* @__PURE__ */ (0, G.jsxs)("div", {
 						className: "p-4 border border-red-300 bg-red-50 rounded-md",
-						children: [/* @__PURE__ */ (0, K.jsx)("h3", {
+						children: [/* @__PURE__ */ (0, G.jsx)("h3", {
 							className: "text-red-800 font-semibold",
 							children: "Error loading form"
-						}), /* @__PURE__ */ (0, K.jsx)("p", {
+						}), /* @__PURE__ */ (0, G.jsx)("p", {
 							className: "text-red-600 text-sm mt-1",
 							children: b.message
 						})]
 					});
-					if (v) return /* @__PURE__ */ (0, K.jsxs)("div", {
+					if (v) return /* @__PURE__ */ (0, G.jsxs)("div", {
 						className: "p-8 text-center",
-						children: [/* @__PURE__ */ (0, K.jsx)("div", { className: "inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900" }), /* @__PURE__ */ (0, K.jsx)("p", {
+						children: [/* @__PURE__ */ (0, G.jsx)("div", { className: "inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900" }), /* @__PURE__ */ (0, G.jsx)("p", {
 							className: "mt-2 text-sm text-gray-600",
 							children: "Loading form..."
 						})]
@@ -1001,13 +1001,13 @@ var ue = {
 								...e,
 								hidden: !0
 							}))) : t.push(...a);
-						}), /* @__PURE__ */ (0, K.jsx)(s, { schema: {
+						}), /* @__PURE__ */ (0, G.jsx)(s, { schema: {
 							...F,
 							fields: t
 						} });
 					}
-					let t = Q(m, d, e.columns, e.mode), n = ue[t.columns || 1];
-					return /* @__PURE__ */ (0, K.jsx)(s, { schema: {
+					let t = Z(m, d, e.columns, e.mode), n = fe[t.columns || 1];
+					return /* @__PURE__ */ (0, G.jsx)(s, { schema: {
 						...F,
 						fields: t.fields,
 						columns: t.columns,
@@ -1017,38 +1017,38 @@ var ue = {
 			})]
 		})
 	});
-}, fe = {
+}, me = {
 	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"
-}, pe = {
+}, Q = {
 	1: void 0,
 	2: "grid gap-4 grid-cols-1 @md:grid-cols-2",
 	3: "grid gap-4 grid-cols-1 @md:grid-cols-2 @2xl:grid-cols-3",
 	4: "grid gap-4 grid-cols-1 @md:grid-cols-2 @2xl:grid-cols-3 @4xl:grid-cols-4"
-}, me = ({ schema: e, dataSource: o, className: u }) => {
-	let { fieldLabel: d } = c(), [m, h] = a(null), [g, _] = a([]), [v, w] = a({}), [T, E] = a(!0), [D, O] = a(null), [k, A] = a(!1), j = e.open !== !1, N = r(), P = i(() => e.sections?.length || e.customFields?.length ? null : Q(g, m, e.columns, e.mode), [
+}, he = ({ schema: e, dataSource: o, className: u }) => {
+	let { fieldLabel: d } = c(), [m, h] = a(null), [g, _] = a([]), [v, w] = a({}), [T, E] = a(!0), [D, O] = a(null), [k, A] = a(!1), j = e.open !== !1, N = r(), P = i(() => e.sections?.length || e.customFields?.length ? null : Z(g, m, e.columns, e.mode), [
 		g,
 		m,
 		e.columns,
 		e.mode,
 		e.sections,
 		e.customFields
-	]), F = fe[i(() => {
+	]), F = me[i(() => {
 		if (e.modalSize) return e.modalSize;
-		if (P?.columns && P.columns > 1) return Z(P.columns);
+		if (P?.columns && P.columns > 1) return X(P.columns);
 		if (e.sections?.length) {
 			let t = Math.max(...e.sections.map((e) => Number(e.columns) || 1));
-			if (t > 1) return Z(t);
+			if (t > 1) return X(t);
 		}
 		return "default";
 	}, [
 		e.modalSize,
 		P,
 		e.sections
-	])] || fe.default;
+	])] || me.default;
 	n(() => {
 		(async () => {
 			if (!o) {
@@ -1173,97 +1173,97 @@ var ue = {
 		}
 	}, [e, o]), z = t(() => {
 		e.onCancel && e.onCancel(), e.onOpenChange?.(!1);
-	}, [e]), B = e.layout === "vertical" || e.layout === "horizontal" ? e.layout : "vertical", V = e.showSubmit !== !1 && e.mode !== "view", H = e.showCancel !== !1, U = e.submitText || (e.mode === "create" ? "Create" : "Update"), W = e.cancelText || "Cancel", G = {
+	}, [e]), ee = e.layout === "vertical" || e.layout === "horizontal" ? e.layout : "vertical", B = e.showSubmit !== !1 && e.mode !== "view", V = e.showCancel !== !1, H = e.submitText || (e.mode === "create" ? "Create" : "Update"), U = e.cancelText || "Cancel", W = {
 		type: "form",
-		layout: B,
+		layout: ee,
 		defaultValues: v,
-		submitLabel: U,
-		cancelLabel: W,
-		showSubmit: V,
-		showCancel: H,
+		submitLabel: H,
+		cancelLabel: U,
+		showSubmit: B,
+		showCancel: V,
 		onSubmit: R,
 		onCancel: z,
 		showActions: !1,
 		id: N
-	}, J = () => {
-		if (D) return /* @__PURE__ */ (0, K.jsxs)("div", {
+	}, ne = () => {
+		if (D) return /* @__PURE__ */ (0, G.jsxs)("div", {
 			className: "p-4 border border-red-300 bg-red-50 rounded-md",
-			children: [/* @__PURE__ */ (0, K.jsx)("h3", {
+			children: [/* @__PURE__ */ (0, G.jsx)("h3", {
 				className: "text-red-800 font-semibold",
 				children: "Error loading form"
-			}), /* @__PURE__ */ (0, K.jsx)("p", {
+			}), /* @__PURE__ */ (0, G.jsx)("p", {
 				className: "text-red-600 text-sm mt-1",
 				children: D.message
 			})]
 		});
-		if (T) return /* @__PURE__ */ (0, K.jsx)("div", {
+		if (T) return /* @__PURE__ */ (0, G.jsx)("div", {
 			className: "space-y-4",
 			"data-testid": "modal-form-skeleton",
 			children: [
 				1,
 				2,
 				3
-			].map((e) => /* @__PURE__ */ (0, K.jsxs)("div", {
+			].map((e) => /* @__PURE__ */ (0, G.jsxs)("div", {
 				className: "space-y-2",
-				children: [/* @__PURE__ */ (0, K.jsx)(M, { className: "h-4 w-24" }), /* @__PURE__ */ (0, K.jsx)(M, { className: "h-10 w-full" })]
+				children: [/* @__PURE__ */ (0, G.jsx)(M, { className: "h-4 w-24" }), /* @__PURE__ */ (0, G.jsx)(M, { className: "h-10 w-full" })]
 			}, e))
 		});
-		if (e.sections?.length) return /* @__PURE__ */ (0, K.jsx)("div", {
+		if (e.sections?.length) return /* @__PURE__ */ (0, G.jsx)("div", {
 			className: "space-y-6",
 			children: e.sections.map((e, t) => {
 				let n = e.columns || 1;
-				return /* @__PURE__ */ (0, K.jsx)(q, {
+				return /* @__PURE__ */ (0, G.jsx)(K, {
 					label: e.label,
 					description: e.description,
 					columns: n,
-					gridClassName: pe[n],
-					children: /* @__PURE__ */ (0, K.jsx)(s, { schema: {
-						...G,
+					gridClassName: Q[n],
+					children: /* @__PURE__ */ (0, G.jsx)(s, { schema: {
+						...W,
 						fields: I(e)
 					} })
 				}, e.name || e.label || t);
 			})
 		});
-		let t = P ?? Q(g, m, e.columns, e.mode), n = pe[t.columns || 1];
-		return /* @__PURE__ */ (0, K.jsx)(s, { schema: {
-			...G,
+		let t = P ?? Z(g, m, e.columns, e.mode), n = Q[t.columns || 1];
+		return /* @__PURE__ */ (0, G.jsx)(s, { schema: {
+			...W,
 			fields: t.fields,
 			columns: t.columns,
 			...n ? { fieldContainerClass: n } : {}
 		} });
-	}, Y = !T && !D && (V || H);
-	return /* @__PURE__ */ (0, K.jsx)(y, {
+	}, q = !T && !D && (B || V);
+	return /* @__PURE__ */ (0, G.jsx)(y, {
 		open: j,
 		onOpenChange: e.onOpenChange,
-		children: /* @__PURE__ */ (0, K.jsxs)(C, {
+		children: /* @__PURE__ */ (0, G.jsxs)(C, {
 			className: L(F, "flex flex-col h-[100dvh] sm:h-auto sm:max-h-[90vh] overflow-hidden p-0", u, e.className),
 			children: [
-				(e.title || e.description) && /* @__PURE__ */ (0, K.jsxs)(x, {
+				(e.title || e.description) && /* @__PURE__ */ (0, G.jsxs)(x, {
 					className: "shrink-0 px-4 pt-4 sm:px-6 sm:pt-6 pb-2 border-b",
-					children: [e.title && /* @__PURE__ */ (0, K.jsx)(S, { children: e.title }), e.description && /* @__PURE__ */ (0, K.jsx)(b, { children: e.description })]
+					children: [e.title && /* @__PURE__ */ (0, G.jsx)(S, { children: e.title }), e.description && /* @__PURE__ */ (0, G.jsx)(b, { children: e.description })]
 				}),
-				/* @__PURE__ */ (0, K.jsx)("div", {
+				/* @__PURE__ */ (0, G.jsx)("div", {
 					className: "@container flex-1 overflow-y-auto px-4 sm:px-6 py-4",
-					children: J()
+					children: ne()
 				}),
-				Y && /* @__PURE__ */ (0, K.jsx)("div", {
+				q && /* @__PURE__ */ (0, G.jsx)("div", {
 					className: "shrink-0 border-t px-4 sm:px-6 py-3 bg-background",
 					"data-testid": "modal-form-footer",
-					children: /* @__PURE__ */ (0, K.jsxs)("div", {
+					children: /* @__PURE__ */ (0, G.jsxs)("div", {
 						className: "flex flex-col sm:flex-row gap-2 sm:justify-end",
-						children: [H && /* @__PURE__ */ (0, K.jsx)(p, {
+						children: [V && /* @__PURE__ */ (0, G.jsx)(p, {
 							type: "button",
 							variant: "outline",
 							onClick: z,
 							disabled: k,
 							className: "w-full sm:w-auto",
-							children: W
-						}), V && /* @__PURE__ */ (0, K.jsxs)(p, {
+							children: U
+						}), B && /* @__PURE__ */ (0, G.jsxs)(p, {
 							type: "submit",
 							form: N,
 							disabled: k,
 							className: "w-full sm:w-auto",
-							children: [k && /* @__PURE__ */ (0, K.jsx)(ee, { className: "mr-2 h-4 w-4 animate-spin" }), U]
+							children: [k && /* @__PURE__ */ (0, G.jsx)(te, { className: "mr-2 h-4 w-4 animate-spin" }), H]
 						})]
 					})
 				})
@@ -1271,7 +1271,7 @@ var ue = {
 		})
 	});
 }, $ = ({ schema: e, dataSource: t }) => {
-	if (e.formType === "tabbed" && e.sections?.length) return /* @__PURE__ */ (0, K.jsx)(J, {
+	if (e.formType === "tabbed" && e.sections?.length) return /* @__PURE__ */ (0, G.jsx)(q, {
 		schema: {
 			...e,
 			formType: "tabbed",
@@ -1288,7 +1288,7 @@ var ue = {
 		dataSource: t,
 		className: e.className
 	});
-	if (e.formType === "wizard" && e.sections?.length) return /* @__PURE__ */ (0, K.jsx)(Y, {
+	if (e.formType === "wizard" && e.sections?.length) return /* @__PURE__ */ (0, G.jsx)(J, {
 		schema: {
 			...e,
 			formType: "wizard",
@@ -1308,7 +1308,7 @@ var ue = {
 		dataSource: t,
 		className: e.className
 	});
-	if (e.formType === "split" && e.sections?.length) return /* @__PURE__ */ (0, K.jsx)(te, {
+	if (e.formType === "split" && e.sections?.length) return /* @__PURE__ */ (0, G.jsx)(re, {
 		schema: {
 			...e,
 			formType: "split",
@@ -1328,7 +1328,7 @@ var ue = {
 	});
 	if (e.formType === "drawer") {
 		let { layout: n, ...r } = e, i = e.layout === "vertical" || e.layout === "horizontal" ? e.layout : void 0;
-		return /* @__PURE__ */ (0, K.jsx)(de, {
+		return /* @__PURE__ */ (0, G.jsx)(pe, {
 			schema: {
 				...r,
 				layout: i,
@@ -1353,7 +1353,7 @@ var ue = {
 	}
 	if (e.formType === "modal") {
 		let { layout: n, ...r } = e, i = e.layout === "vertical" || e.layout === "horizontal" ? e.layout : void 0;
-		return /* @__PURE__ */ (0, K.jsx)(me, {
+		return /* @__PURE__ */ (0, G.jsx)(he, {
 			schema: {
 				...r,
 				layout: i,
@@ -1374,20 +1374,20 @@ var ue = {
 			className: e.className
 		});
 	}
-	return /* @__PURE__ */ (0, K.jsx)(he, {
+	return /* @__PURE__ */ (0, G.jsx)(ge, {
 		schema: e,
 		dataSource: t
 	});
-}, he = ({ schema: r, dataSource: i }) => {
-	let { fieldLabel: o } = c(), [p, m] = a(null), [h, g] = a([]), [_, v] = a(null), [y, b] = a(!0), [x, S] = a(null), C = r.customFields && r.customFields.length > 0;
+}, ge = ({ schema: r, dataSource: i }) => {
+	let { fieldLabel: o } = c(), p = R(), [m, h] = a(null), [g, _] = a([]), [v, y] = a(null), [b, x] = a(!0), [S, C] = a(null), w = r.customFields && r.customFields.length > 0;
 	n(() => {
-		C && (v(r.initialData || r.initialValues || {}), b(!1));
+		w && (y(r.initialData || r.initialValues || {}), x(!1));
 	}, [
-		C,
+		w,
 		r.initialData,
 		r.initialValues
 	]), n(() => {
-		C ? m({
+		w ? h({
 			name: r.objectName,
 			fields: {}
 		}) : r.objectName && i ? (async () => {
@@ -1395,33 +1395,33 @@ var ue = {
 				if (!i) throw Error("DataSource is required when using ObjectQL schema fetching (inline fields not provided)");
 				let e = await i.getObjectSchema(r.objectName);
 				if (!e) throw Error(`No schema found for object "${r.objectName}"`);
-				m(e);
+				h(e);
 			} catch (e) {
-				S(e), b(!1);
+				C(e), x(!1);
 			}
-		})() : C || b(!1);
+		})() : w || x(!1);
 	}, [
 		r.objectName,
 		i,
-		C
+		w
 	]), n(() => {
-		p && !C && (async () => {
+		m && !w && (async () => {
 			if (!r.recordId || r.mode === "create") {
-				v(r.initialData || r.initialValues || {}), b(!1);
+				y(r.initialData || r.initialValues || {}), x(!1);
 				return;
 			}
-			if (!C) {
+			if (!w) {
 				if (!i) {
-					S(/* @__PURE__ */ Error("DataSource is required for fetching record data (inline data not provided)")), b(!1);
+					C(/* @__PURE__ */ Error("DataSource is required for fetching record data (inline data not provided)")), x(!1);
 					return;
 				}
-				b(!0);
+				x(!0);
 				try {
-					v(await i.findOne(r.objectName, r.recordId));
+					y(await i.findOne(r.objectName, r.recordId));
 				} catch (e) {
-					console.error("Failed to fetch record:", e), S(e);
+					console.error("Failed to fetch record:", e), C(e);
 				} finally {
-					b(!1);
+					x(!1);
 				}
 			}
 		})();
@@ -1432,20 +1432,20 @@ var ue = {
 		r.initialValues,
 		r.initialData,
 		i,
-		p,
-		C
+		m,
+		w
 	]), n(() => {
-		if (C && r.customFields) {
-			g(r.customFields), b(!1);
+		if (w && r.customFields) {
+			_(r.customFields), x(!1);
 			return;
 		}
-		if (!p) return;
-		let e = [], t = r.fields || Object.keys(p.fields || {});
+		if (!m) return;
+		let e = [], t = r.fields || Object.keys(m.fields || {});
 		(Array.isArray(t) ? t : Object.keys(t)).forEach((t) => {
 			let n = typeof t == "string" ? t : t.name;
 			if (!n) return;
-			let i = p.fields?.[n];
-			if (!i && !C) return;
+			let i = m.fields?.[n];
+			if (!i && !w) return;
 			let a = !i?.permissions || i?.permissions.write !== !1;
 			if (r.mode !== "view" && !a) return;
 			let s = r.customFields?.find((e) => e.name === n);
@@ -1468,19 +1468,19 @@ var ue = {
 				}
 				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);
 			}
-		}), g(e), !C && r.recordId && r.mode !== "create" && i || b(!1);
+		}), _(e), !w && r.recordId && r.mode !== "create" && i || x(!1);
 	}, [
-		p,
+		m,
 		r.fields,
 		r.customFields,
 		r.readOnly,
 		r.mode,
-		C,
+		w,
 		r.recordId,
 		i
 	]);
-	let w = t(async (e, t) => {
-		if (e && (e.nativeEvent || e._reactName === "onSubmit") && (console.warn("ObjectForm: Received Event instead of data in handleSubmit! This suggests a Form renderer issue."), t === void 0 && (t = e, e = {})), C && !i) return r.onSuccess && await r.onSuccess(e), e;
+	let T = t(async (e, t) => {
+		if (e && (e.nativeEvent || e._reactName === "onSubmit") && (console.warn("ObjectForm: Received Event instead of data in handleSubmit! This suggests a Form renderer issue."), t === void 0 && (t = e, e = {})), w && !i) return r.onSuccess && await r.onSuccess(e), e;
 		if (!i) throw Error("DataSource is required for form submission (inline mode not configured)");
 		try {
 			let t;
@@ -1494,86 +1494,116 @@ var ue = {
 	}, [
 		r,
 		i,
-		C
-	]), T = t(() => {
+		w
+	]), E = t(() => {
 		r.onCancel && r.onCancel();
-	}, [r]), E = {
+	}, [r]), D = {
 		...e.useMemo(() => {
-			if (!p?.fields) return {};
+			if (!m?.fields) return {};
 			let e = {};
-			return Object.keys(p.fields).forEach((t) => {
-				let n = p.fields[t];
+			return Object.keys(m.fields).forEach((t) => {
+				let n = m.fields[t];
 				n.defaultValue !== void 0 && (e[t] = n.defaultValue);
 			}), e;
-		}, [p]),
-		..._
+		}, [m]),
+		...v
 	};
-	if (x) return /* @__PURE__ */ (0, K.jsxs)("div", {
+	if (S) return /* @__PURE__ */ (0, G.jsxs)("div", {
 		className: "p-3 sm:p-4 border border-red-300 bg-red-50 rounded-md",
-		children: [/* @__PURE__ */ (0, K.jsx)("h3", {
+		children: [/* @__PURE__ */ (0, G.jsx)("h3", {
 			className: "text-red-800 font-semibold",
 			children: "Error loading form"
-		}), /* @__PURE__ */ (0, K.jsx)("p", {
+		}), /* @__PURE__ */ (0, G.jsx)("p", {
 			className: "text-red-600 text-sm mt-1",
-			children: x.message
+			children: S.message
 		})]
 	});
-	if (y) return /* @__PURE__ */ (0, K.jsxs)("div", {
+	if (b) return /* @__PURE__ */ (0, G.jsxs)("div", {
 		className: "p-4 sm:p-8 text-center",
-		children: [/* @__PURE__ */ (0, K.jsx)("div", { className: "inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900" }), /* @__PURE__ */ (0, K.jsx)("p", {
+		children: [/* @__PURE__ */ (0, G.jsx)("div", { className: "inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900" }), /* @__PURE__ */ (0, G.jsx)("p", {
 			className: "mt-2 text-sm text-gray-600",
 			children: "Loading form..."
 		})]
 	});
-	let D = r.layout === "vertical" || r.layout === "horizontal" ? r.layout : "vertical";
-	if (r.sections?.length && (!r.formType || r.formType === "simple")) return /* @__PURE__ */ (0, K.jsx)("div", {
+	let O = r.layout === "vertical" || r.layout === "horizontal" ? r.layout : "vertical";
+	if (r.sections?.length && (!r.formType || r.formType === "simple")) return /* @__PURE__ */ (0, G.jsx)("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 = h.filter((e) => n.includes(e.name));
-			return /* @__PURE__ */ (0, K.jsx)(q, {
+			let n = e.fields.map((e) => typeof e == "string" ? e : e.name), i = g.filter((e) => n.includes(e.name));
+			return /* @__PURE__ */ (0, G.jsx)(K, {
 				label: e.label,
 				description: e.description,
 				collapsible: e.collapsible,
 				collapsed: e.collapsed,
 				columns: e.columns,
-				children: /* @__PURE__ */ (0, K.jsx)(s, { schema: {
+				children: /* @__PURE__ */ (0, G.jsx)(s, { schema: {
 					type: "form",
 					fields: i,
-					layout: D,
-					defaultValues: E,
+					layout: O,
+					defaultValues: D,
 					showSubmit: t === r.sections.length - 1 && r.showSubmit !== !1 && r.mode !== "view",
 					showCancel: t === r.sections.length - 1 && r.showCancel !== !1,
 					submitLabel: r.submitText || (r.mode === "create" ? "Create" : "Update"),
 					cancelLabel: r.cancelText,
-					onSubmit: w,
-					onCancel: T
+					onSubmit: T,
+					onCancel: E
 				} })
 			}, e.name || e.label || t);
 		})
 	});
-	let O = r.sections?.length ? {
-		fields: h,
+	let k = r.sections?.length, A = k ? {
+		fields: g,
 		columns: r.columns
-	} : Q(h, p, r.columns, r.mode);
-	return /* @__PURE__ */ (0, K.jsx)("div", {
-		className: "w-full",
-		children: /* @__PURE__ */ (0, K.jsx)(s, { schema: {
-			type: "form",
-			fields: O.fields,
-			layout: D,
-			columns: O.columns,
-			submitLabel: r.submitText || (r.mode === "create" ? "Create" : "Update"),
-			cancelLabel: r.cancelText,
-			showSubmit: r.showSubmit !== !1 && r.mode !== "view",
-			showCancel: r.showCancel !== !1,
-			resetOnSubmit: r.showReset,
-			defaultValues: E,
-			onSubmit: w,
-			onCancel: T,
+	} : Z(g, m, r.columns, r.mode), j = r.mobile, M = j?.fullscreenLongText ? A.fields.map((e) => {
+		let t = e.type;
+		return t === "textarea" || t === "field:textarea" || t === "string-multiline" || t === "field:markdown" || t === "field:html" ? {
+			...e,
+			mobile_fullscreen: !0
+		} : e;
+	}) : A.fields, N = j?.stepper, P = j?.stepperMinFields ?? 8, F = Math.max(1, j?.stepperFieldsPerStep ?? 1);
+	if (!r.formType && !k && M.length >= 2 && (N === !0 || N === "auto" && p && M.length >= P)) {
+		let e = M, t = [];
+		for (let n = 0; n < e.length; n += F) {
+			let r = e.slice(n, n + F);
+			t.push({
+				name: `step-${Math.floor(n / F) + 1}`,
+				label: r[0]?.label || r[0]?.name || `Step ${Math.floor(n / F) + 1}`,
+				fields: r
+			});
+		}
+		return /* @__PURE__ */ (0, G.jsx)(J, {
+			schema: {
+				...r,
+				formType: "wizard",
+				sections: t,
+				showStepIndicator: !0
+			},
+			dataSource: i,
 			className: r.className
-		} })
+		});
+	}
+	let I = {
+		type: "form",
+		fields: M,
+		layout: O,
+		columns: A.columns,
+		submitLabel: r.submitText || (r.mode === "create" ? "Create" : "Update"),
+		cancelLabel: r.cancelText,
+		showSubmit: r.showSubmit !== !1 && r.mode !== "view",
+		showCancel: r.showCancel !== !1,
+		resetOnSubmit: r.showReset,
+		defaultValues: D,
+		onSubmit: T,
+		onCancel: E,
+		className: r.className,
+		mobileStickyActions: !!j?.stickyActions
+	};
+	return /* @__PURE__ */ (0, G.jsx)("div", {
+		className: j?.stickyActions ? "w-full pb-20 md:pb-0" : "w-full",
+		"data-mobile-form": j ? "true" : void 0,
+		children: /* @__PURE__ */ (0, G.jsx)(s, { schema: I })
 	});
-}, ge = ({ config: e, dataSource: n, prefillParams: r, className: o }) => {
+}, _e = ({ 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;
@@ -1602,30 +1632,30 @@ var ue = {
 	}, [e.branding]);
 	if (s) {
 		let t = e.thankYouPage;
-		return /* @__PURE__ */ (0, K.jsx)("div", {
+		return /* @__PURE__ */ (0, G.jsx)("div", {
 			className: `min-h-screen flex items-center justify-center p-4 ${o || ""}`,
 			style: g,
-			children: /* @__PURE__ */ (0, K.jsxs)("div", {
+			children: /* @__PURE__ */ (0, G.jsxs)("div", {
 				className: "max-w-md w-full bg-card rounded-lg shadow-lg p-8 text-center space-y-4",
 				children: [
-					/* @__PURE__ */ (0, K.jsx)("div", {
+					/* @__PURE__ */ (0, G.jsx)("div", {
 						className: "text-4xl",
 						children: "✓"
 					}),
-					/* @__PURE__ */ (0, K.jsx)("h2", {
+					/* @__PURE__ */ (0, G.jsx)("h2", {
 						className: "text-xl font-semibold text-foreground",
 						children: t?.title || "Thank You!"
 					}),
-					/* @__PURE__ */ (0, K.jsx)("p", {
+					/* @__PURE__ */ (0, G.jsx)("p", {
 						className: "text-muted-foreground",
 						children: t?.message || "Your submission has been received successfully."
 					}),
-					e.allowMultiple && /* @__PURE__ */ (0, K.jsx)("button", {
+					e.allowMultiple && /* @__PURE__ */ (0, G.jsx)("button", {
 						onClick: h,
 						className: "mt-4 px-4 py-2 text-sm font-medium rounded-md border border-input bg-background hover:bg-accent hover:text-accent-foreground transition-colors",
 						children: "Submit Another Response"
 					}),
-					t?.redirectUrl && /* @__PURE__ */ (0, K.jsxs)("p", {
+					t?.redirectUrl && /* @__PURE__ */ (0, G.jsxs)("p", {
 						className: "text-xs text-muted-foreground",
 						children: [
 							"Redirecting in ",
@@ -1637,37 +1667,37 @@ var ue = {
 			})
 		});
 	}
-	return /* @__PURE__ */ (0, K.jsx)("div", {
+	return /* @__PURE__ */ (0, G.jsx)("div", {
 		className: `min-h-screen flex items-center justify-center p-4 ${o || ""}`,
 		style: g,
-		children: /* @__PURE__ */ (0, K.jsxs)("div", {
+		children: /* @__PURE__ */ (0, G.jsxs)("div", {
 			className: "max-w-2xl w-full bg-card rounded-lg shadow-lg overflow-hidden",
 			children: [
-				/* @__PURE__ */ (0, K.jsxs)("div", {
+				/* @__PURE__ */ (0, G.jsxs)("div", {
 					className: "p-6 border-b",
 					style: e.branding?.primaryColor ? { borderBottomColor: e.branding.primaryColor } : void 0,
 					children: [
-						e.branding?.logo && /* @__PURE__ */ (0, K.jsx)("img", {
+						e.branding?.logo && /* @__PURE__ */ (0, G.jsx)("img", {
 							src: e.branding.logo,
 							alt: "Logo",
 							className: "h-8 mb-4"
 						}),
-						e.title && /* @__PURE__ */ (0, K.jsx)("h1", {
+						e.title && /* @__PURE__ */ (0, G.jsx)("h1", {
 							className: "text-xl font-semibold text-foreground",
 							children: e.title
 						}),
-						e.description && /* @__PURE__ */ (0, K.jsx)("p", {
+						e.description && /* @__PURE__ */ (0, G.jsx)("p", {
 							className: "text-sm text-muted-foreground mt-1",
 							children: e.description
 						})
 					]
 				}),
-				/* @__PURE__ */ (0, K.jsxs)("div", {
+				/* @__PURE__ */ (0, G.jsxs)("div", {
 					className: "p-6",
-					children: [d && /* @__PURE__ */ (0, K.jsx)("div", {
+					children: [d && /* @__PURE__ */ (0, G.jsx)("div", {
 						className: "mb-4 p-3 bg-destructive/10 border border-destructive/30 rounded-md text-sm text-destructive",
 						children: d
-					}), /* @__PURE__ */ (0, K.jsx)($, {
+					}), /* @__PURE__ */ (0, G.jsx)($, {
 						schema: {
 							type: "object-form",
 							objectName: e.objectName,
@@ -1681,9 +1711,9 @@ var ue = {
 						dataSource: n
 					})]
 				}),
-				/* @__PURE__ */ (0, K.jsx)("div", {
+				/* @__PURE__ */ (0, G.jsx)("div", {
 					className: "px-6 py-3 border-t bg-muted/20 text-center",
-					children: /* @__PURE__ */ (0, K.jsx)("p", {
+					children: /* @__PURE__ */ (0, G.jsx)("p", {
 						className: "text-xs text-muted-foreground",
 						children: "Powered by ObjectStack"
 					})
@@ -1694,96 +1724,96 @@ var ue = {
 };
 //#endregion
 //#region src/FormAnalytics.tsx
-function _e(e) {
+function ve(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 ve = ({ formId: e, formTitle: t, metrics: n, className: r }) => {
+var ye = ({ 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__ */ (0, K.jsxs)("div", {
+	return /* @__PURE__ */ (0, G.jsxs)("div", {
 		className: `space-y-4 ${r || ""}`,
 		children: [
-			/* @__PURE__ */ (0, K.jsxs)("div", { children: [/* @__PURE__ */ (0, K.jsx)("h2", {
+			/* @__PURE__ */ (0, G.jsxs)("div", { children: [/* @__PURE__ */ (0, G.jsx)("h2", {
 				className: "text-lg font-semibold text-foreground",
 				children: t || "Form Analytics"
-			}), /* @__PURE__ */ (0, K.jsxs)("p", {
+			}), /* @__PURE__ */ (0, G.jsxs)("p", {
 				className: "text-sm text-muted-foreground",
 				children: ["Form ID: ", e]
 			})] }),
-			/* @__PURE__ */ (0, K.jsxs)("div", {
+			/* @__PURE__ */ (0, G.jsxs)("div", {
 				className: "grid grid-cols-1 sm:grid-cols-3 gap-4",
 				children: [
-					/* @__PURE__ */ (0, K.jsx)(m, { children: /* @__PURE__ */ (0, K.jsxs)(_, {
+					/* @__PURE__ */ (0, G.jsx)(m, { children: /* @__PURE__ */ (0, G.jsxs)(_, {
 						className: "pb-2",
-						children: [/* @__PURE__ */ (0, K.jsx)(g, { children: "Total Submissions" }), /* @__PURE__ */ (0, K.jsx)(v, {
+						children: [/* @__PURE__ */ (0, G.jsx)(g, { children: "Total Submissions" }), /* @__PURE__ */ (0, G.jsx)(v, {
 							className: "text-2xl",
 							children: n.totalSubmissions.toLocaleString()
 						})]
 					}) }),
-					/* @__PURE__ */ (0, K.jsxs)(m, { children: [/* @__PURE__ */ (0, K.jsxs)(_, {
+					/* @__PURE__ */ (0, G.jsxs)(m, { children: [/* @__PURE__ */ (0, G.jsxs)(_, {
 						className: "pb-2",
-						children: [/* @__PURE__ */ (0, K.jsx)(g, { children: "Fill Rate" }), /* @__PURE__ */ (0, K.jsxs)(v, {
+						children: [/* @__PURE__ */ (0, G.jsx)(g, { children: "Fill Rate" }), /* @__PURE__ */ (0, G.jsxs)(v, {
 							className: "text-2xl",
 							children: [a, "%"]
 						})]
-					}), /* @__PURE__ */ (0, K.jsx)(h, { children: /* @__PURE__ */ (0, K.jsx)("div", {
+					}), /* @__PURE__ */ (0, G.jsx)(h, { children: /* @__PURE__ */ (0, G.jsx)("div", {
 						className: "w-full bg-muted rounded-full h-2",
-						children: /* @__PURE__ */ (0, K.jsx)("div", {
+						children: /* @__PURE__ */ (0, G.jsx)("div", {
 							className: "bg-primary rounded-full h-2 transition-all",
 							style: { width: `${a}%` }
 						})
 					}) })] }),
-					/* @__PURE__ */ (0, K.jsx)(m, { children: /* @__PURE__ */ (0, K.jsxs)(_, {
+					/* @__PURE__ */ (0, G.jsx)(m, { children: /* @__PURE__ */ (0, G.jsxs)(_, {
 						className: "pb-2",
-						children: [/* @__PURE__ */ (0, K.jsx)(g, { children: "Avg. Completion Time" }), /* @__PURE__ */ (0, K.jsx)(v, {
+						children: [/* @__PURE__ */ (0, G.jsx)(g, { children: "Avg. Completion Time" }), /* @__PURE__ */ (0, G.jsx)(v, {
 							className: "text-2xl",
-							children: n.avgCompletionTime ? _e(n.avgCompletionTime) : "—"
+							children: n.avgCompletionTime ? ve(n.avgCompletionTime) : "—"
 						})]
 					}) })
 				]
 			}),
-			n.dailySubmissions && n.dailySubmissions.length > 0 && /* @__PURE__ */ (0, K.jsxs)(m, { children: [/* @__PURE__ */ (0, K.jsx)(_, { children: /* @__PURE__ */ (0, K.jsx)(v, {
+			n.dailySubmissions && n.dailySubmissions.length > 0 && /* @__PURE__ */ (0, G.jsxs)(m, { children: [/* @__PURE__ */ (0, G.jsx)(_, { children: /* @__PURE__ */ (0, G.jsx)(v, {
 				className: "text-sm font-medium",
 				children: "Daily Submissions"
-			}) }), /* @__PURE__ */ (0, K.jsx)(h, { children: /* @__PURE__ */ (0, K.jsx)("div", {
+			}) }), /* @__PURE__ */ (0, G.jsx)(h, { children: /* @__PURE__ */ (0, G.jsx)("div", {
 				className: "flex items-end gap-1 h-32",
-				children: n.dailySubmissions.map((e, t) => /* @__PURE__ */ (0, K.jsxs)("div", {
+				children: n.dailySubmissions.map((e, t) => /* @__PURE__ */ (0, G.jsxs)("div", {
 					className: "flex-1 flex flex-col items-center gap-1",
-					children: [/* @__PURE__ */ (0, K.jsx)("div", {
+					children: [/* @__PURE__ */ (0, G.jsx)("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__ */ (0, K.jsx)("span", {
+					}), /* @__PURE__ */ (0, G.jsx)("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__ */ (0, K.jsxs)(m, { children: [/* @__PURE__ */ (0, K.jsxs)(_, { children: [/* @__PURE__ */ (0, K.jsx)(v, {
+			n.fieldDropOff && n.fieldDropOff.length > 0 && /* @__PURE__ */ (0, G.jsxs)(m, { children: [/* @__PURE__ */ (0, G.jsxs)(_, { children: [/* @__PURE__ */ (0, G.jsx)(v, {
 				className: "text-sm font-medium",
 				children: "Field Completion Rates"
-			}), /* @__PURE__ */ (0, K.jsx)(g, { children: "Percentage of users who completed each field" })] }), /* @__PURE__ */ (0, K.jsx)(h, { children: /* @__PURE__ */ (0, K.jsx)("div", {
+			}), /* @__PURE__ */ (0, G.jsx)(g, { children: "Percentage of users who completed each field" })] }), /* @__PURE__ */ (0, G.jsx)(h, { children: /* @__PURE__ */ (0, G.jsx)("div", {
 				className: "space-y-3",
-				children: n.fieldDropOff.map((e, t) => /* @__PURE__ */ (0, K.jsxs)("div", {
+				children: n.fieldDropOff.map((e, t) => /* @__PURE__ */ (0, G.jsxs)("div", {
 					className: "space-y-1",
-					children: [/* @__PURE__ */ (0, K.jsxs)("div", {
+					children: [/* @__PURE__ */ (0, G.jsxs)("div", {
 						className: "flex justify-between text-sm",
-						children: [/* @__PURE__ */ (0, K.jsx)("span", {
+						children: [/* @__PURE__ */ (0, G.jsx)("span", {
 							className: "text-foreground",
 							children: e.label
-						}), /* @__PURE__ */ (0, K.jsxs)("span", {
+						}), /* @__PURE__ */ (0, G.jsxs)("span", {
 							className: "text-muted-foreground",
 							children: [e.completionRate, "%"]
 						})]
-					}), /* @__PURE__ */ (0, K.jsx)("div", {
+					}), /* @__PURE__ */ (0, G.jsx)("div", {
 						className: "w-full bg-muted rounded-full h-1.5",
-						children: /* @__PURE__ */ (0, K.jsx)("div", {
+						children: /* @__PURE__ */ (0, G.jsx)("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}%` }
 						})
@@ -1792,8 +1822,8 @@ var ve = ({ formId: e, formTitle: t, metrics: n, className: r }) => {
 			}) })] })
 		]
 	});
-}, ye = ({ schema: e }) => /* @__PURE__ */ (0, K.jsx)($, { schema: e });
-o.register("object-form", ye, {
+}, be = ({ schema: e }) => /* @__PURE__ */ (0, G.jsx)($, { schema: e });
+o.register("object-form", be, {
 	namespace: "plugin-form",
 	label: "Object Form",
 	category: "plugin",
@@ -1934,7 +1964,7 @@ o.register("object-form", ye, {
 			]
 		}
 	]
-}), o.register("form", ye, {
+}), o.register("form", be, {
 	namespace: "view",
 	skipFallback: !0,
 	label: "Data Form View",
@@ -1962,7 +1992,7 @@ o.register("object-form", ye, {
 			]
 		}
 	]
-}), o.register("embeddable-form", ({ schema: e }) => /* @__PURE__ */ (0, K.jsx)(ge, { config: e }), {
+}), o.register("embeddable-form", ({ schema: e }) => /* @__PURE__ */ (0, G.jsx)(_e, { config: e }), {
 	namespace: "plugin-form",
 	label: "Embeddable Form",
 	category: "plugin",
@@ -2000,7 +2030,7 @@ o.register("object-form", ye, {
 			label: "Allow Multiple Submissions"
 		}
 	]
-}), o.register("form-analytics", ({ schema: e }) => /* @__PURE__ */ (0, K.jsx)(ve, {
+}), o.register("form-analytics", ({ schema: e }) => /* @__PURE__ */ (0, G.jsx)(ye, {
 	formId: e.formId,
 	formTitle: e.formTitle,
 	metrics: e.metrics || { totalSubmissions: 0 }
@@ -2028,4 +2058,4 @@ o.register("object-form", ye, {
 	]
 });
 //#endregion
-export { de as DrawerForm, ge as EmbeddableForm, ve as FormAnalytics, q as FormSection, me as ModalForm, $ as ObjectForm, te as SplitForm, J as TabbedForm, Y as WizardForm, X as applyAutoColSpan, Q as applyAutoLayout, le as filterCreateModeFields, se as inferColumns, Z as inferModalSize, oe as isAutoGeneratedFieldType, ae as isWideFieldType };
+export { pe as DrawerForm, _e as EmbeddableForm, ye as FormAnalytics, K as FormSection, he as ModalForm, $ as ObjectForm, re as SplitForm, q as TabbedForm, J as WizardForm, Y as applyAutoColSpan, Z as applyAutoLayout, de as filterCreateModeFields, le as inferColumns, X as inferModalSize, ce as isAutoGeneratedFieldType, se as isWideFieldType };