@object-ui/plugin-form 4.0.1 → 4.0.4

package/dist/index.js

@@ -4,210 +4,33 @@ import { SchemaRenderer as s, useSafeFieldLabel as c } from "@object-ui/react";
 import { buildValidationRules as l, evaluateCondition as u, formatFileSize as d, mapFieldTypeToFormType as f } from "@object-ui/fields";
 import { Button as p, Card as m, CardContent as h, CardDescription as g, CardHeader as _, CardTitle as v, Dialog as y, DialogDescription as b, DialogHeader as x, DialogTitle as S, MobileDialogContent as C, ResizableHandle as w, ResizablePanel as T, ResizablePanelGroup as E, Sheet as D, SheetContent as O, SheetDescription as k, SheetHeader as A, SheetTitle as j, Skeleton as M, Tabs as N, TabsContent as P, TabsList as F, TabsTrigger as I, cn as L, useIsMobile as R } from "@object-ui/components";
 import { Check as z, ChevronDown as ee, ChevronLeft as B, ChevronRight as V, Loader2 as te } from "lucide-react";
-//#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);
-	throw Error("Calling `require` for \"" + e + "\" in an environment that doesn't expose the `require` function. See https://rolldown.rs/in-depth/bundling-cjs#require-external-modules for more details.");
-}), W = /* @__PURE__ */ H(((e) => {
-	var t = Symbol.for("react.transitional.element"), n = Symbol.for("react.fragment");
-	function r(e, n, r) {
-		var i = null;
-		if (r !== void 0 && (i = "" + r), n.key !== void 0 && (i = "" + n.key), "key" in n) for (var a in r = {}, n) a !== "key" && (r[a] = n[a]);
-		else r = n;
-		return n = r.ref, {
-			$$typeof: t,
-			type: e,
-			key: i,
-			ref: n === void 0 ? null : n,
-			props: r
-		};
-	}
-	e.Fragment = n, e.jsx = r, e.jsxs = r;
-})), ne = /* @__PURE__ */ H(((e) => {
-	process.env.NODE_ENV !== "production" && (function() {
-		function t(e) {
-			if (e == null) return null;
-			if (typeof e == "function") return e.$$typeof === O ? null : e.displayName || e.name || null;
-			if (typeof e == "string") return e;
-			switch (e) {
-				case _: return "Fragment";
-				case y: return "Profiler";
-				case v: return "StrictMode";
-				case C: return "Suspense";
-				case w: return "SuspenseList";
-				case D: return "Activity";
-			}
-			if (typeof e == "object") switch (typeof e.tag == "number" && console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), e.$$typeof) {
-				case g: return "Portal";
-				case x: return e.displayName || "Context";
-				case b: return (e._context.displayName || "Context") + ".Consumer";
-				case S:
-					var n = e.render;
-					return e = e.displayName, e ||= (e = n.displayName || n.name || "", e === "" ? "ForwardRef" : "ForwardRef(" + e + ")"), e;
-				case T: return n = e.displayName || null, n === null ? t(e.type) || "Memo" : n;
-				case E:
-					n = e._payload, e = e._init;
-					try {
-						return t(e(n));
-					} catch {}
-			}
-			return null;
-		}
-		function n(e) {
-			return "" + e;
-		}
-		function r(e) {
-			try {
-				n(e);
-				var t = !1;
-			} catch {
-				t = !0;
-			}
-			if (t) {
-				t = console;
-				var r = t.error, i = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
-				return r.call(t, "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.", i), n(e);
-			}
-		}
-		function i(e) {
-			if (e === _) return "<>";
-			if (typeof e == "object" && e && e.$$typeof === E) return "<...>";
-			try {
-				var n = t(e);
-				return n ? "<" + n + ">" : "<...>";
-			} catch {
-				return "<...>";
-			}
-		}
-		function a() {
-			var e = k.A;
-			return e === null ? null : e.getOwner();
-		}
-		function o() {
-			return Error("react-stack-top-frame");
-		}
-		function s(e) {
-			if (A.call(e, "key")) {
-				var t = Object.getOwnPropertyDescriptor(e, "key").get;
-				if (t && t.isReactWarning) return !1;
-			}
-			return e.key !== void 0;
-		}
-		function c(e, t) {
-			function n() {
-				N || (N = !0, console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)", t));
-			}
-			n.isReactWarning = !0, Object.defineProperty(e, "key", {
-				get: n,
-				configurable: !0
-			});
-		}
-		function l() {
-			var e = t(this.type);
-			return P[e] || (P[e] = !0, console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")), e = this.props.ref, e === void 0 ? null : e;
-		}
-		function u(e, t, n, r, i, a) {
-			var o = n.ref;
-			return e = {
-				$$typeof: h,
-				type: e,
-				key: t,
-				props: n,
-				_owner: r
-			}, (o === void 0 ? null : o) === null ? Object.defineProperty(e, "ref", {
-				enumerable: !1,
-				value: null
-			}) : Object.defineProperty(e, "ref", {
-				enumerable: !1,
-				get: l
-			}), e._store = {}, Object.defineProperty(e._store, "validated", {
-				configurable: !1,
-				enumerable: !1,
-				writable: !0,
-				value: 0
-			}), Object.defineProperty(e, "_debugInfo", {
-				configurable: !1,
-				enumerable: !1,
-				writable: !0,
-				value: null
-			}), Object.defineProperty(e, "_debugStack", {
-				configurable: !1,
-				enumerable: !1,
-				writable: !0,
-				value: i
-			}), Object.defineProperty(e, "_debugTask", {
-				configurable: !1,
-				enumerable: !1,
-				writable: !0,
-				value: a
-			}), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
-		}
-		function d(e, n, i, o, l, d) {
-			var p = n.children;
-			if (p !== void 0) if (o) if (j(p)) {
-				for (o = 0; o < p.length; o++) f(p[o]);
-				Object.freeze && Object.freeze(p);
-			} else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
-			else f(p);
-			if (A.call(n, "key")) {
-				p = t(e);
-				var m = Object.keys(n).filter(function(e) {
-					return e !== "key";
-				});
-				o = 0 < m.length ? "{key: someKey, " + m.join(": ..., ") + ": ...}" : "{key: someKey}", L[p + o] || (m = 0 < m.length ? "{" + m.join(": ..., ") + ": ...}" : "{}", console.error("A props object containing a \"key\" prop is being spread into JSX:\n  let props = %s;\n  <%s {...props} />\nReact keys must be passed directly to JSX without using spread:\n  let props = %s;\n  <%s key={someKey} {...props} />", o, p, m, p), L[p + o] = !0);
-			}
-			if (p = null, i !== void 0 && (r(i), p = "" + i), s(n) && (r(n.key), p = "" + n.key), "key" in n) for (var h in i = {}, n) h !== "key" && (i[h] = n[h]);
-			else i = n;
-			return p && c(i, typeof e == "function" ? e.displayName || e.name || "Unknown" : e), u(e, p, i, a(), l, d);
-		}
-		function f(e) {
-			p(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e && e.$$typeof === E && (e._payload.status === "fulfilled" ? p(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
-		}
-		function p(e) {
-			return typeof e == "object" && !!e && e.$$typeof === h;
-		}
-		var m = U("react"), h = Symbol.for("react.transitional.element"), g = Symbol.for("react.portal"), _ = Symbol.for("react.fragment"), v = Symbol.for("react.strict_mode"), y = Symbol.for("react.profiler"), b = Symbol.for("react.consumer"), x = Symbol.for("react.context"), S = Symbol.for("react.forward_ref"), C = Symbol.for("react.suspense"), w = Symbol.for("react.suspense_list"), T = Symbol.for("react.memo"), E = Symbol.for("react.lazy"), D = Symbol.for("react.activity"), O = Symbol.for("react.client.reference"), k = m.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, A = Object.prototype.hasOwnProperty, j = Array.isArray, M = console.createTask ? console.createTask : function() {
-			return null;
-		};
-		m = { react_stack_bottom_frame: function(e) {
-			return e();
-		} };
-		var N, P = {}, F = m.react_stack_bottom_frame.bind(m, o)(), I = M(i(o)), L = {};
-		e.Fragment = _, e.jsx = function(e, t, n) {
-			var r = 1e4 > k.recentlyCreatedOwnerStacks++;
-			return d(e, t, n, !1, r ? Error("react-stack-top-frame") : F, r ? M(i(e)) : I);
-		}, e.jsxs = function(e, t, n) {
-			var r = 1e4 > k.recentlyCreatedOwnerStacks++;
-			return d(e, t, n, !0, r ? Error("react-stack-top-frame") : F, r ? M(i(e)) : I);
-		};
-	})();
-})), 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 }) => {
+import { Fragment as H, jsx as U, jsxs as W } from "react/jsx-runtime";
+//#region src/FormSection.tsx
+var G = ({ label: e, description: t, collapsible: n = !1, collapsed: r = !1, columns: i = 1, children: o, className: s, gridClassName: c }) => {
 	let [l, u] = a(r);
-	return /* @__PURE__ */ (0, G.jsxs)("div", {
+	return /* @__PURE__ */ W("div", {
 		className: L("form-section", s),
-		children: [(e || t) && /* @__PURE__ */ (0, G.jsxs)("div", {
+		children: [(e || t) && /* @__PURE__ */ W("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, G.jsx)("span", {
+			children: [n && /* @__PURE__ */ U("span", {
 				className: "mt-0.5 text-muted-foreground",
-				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", {
+				children: U(l ? V : ee, { className: "h-4 w-4" })
+			}), /* @__PURE__ */ W("div", {
 				className: "flex-1",
-				children: [e && /* @__PURE__ */ (0, G.jsx)("h3", {
+				children: [e && /* @__PURE__ */ U("h3", {
 					className: "text-base font-semibold text-foreground",
 					children: e
-				}), t && /* @__PURE__ */ (0, G.jsx)("p", {
+				}), t && /* @__PURE__ */ U("p", {
 					className: "text-sm text-muted-foreground mt-0.5",
 					children: t
 				})]
 			})]
-		}), !l && /* @__PURE__ */ (0, G.jsx)("div", {
+		}), !l && /* @__PURE__ */ U("div", {
 			className: L("grid gap-4", c || {
 				1: "grid-cols-1",
 				2: "grid-cols-1 md:grid-cols-2",
@@ -217,7 +40,7 @@ var H = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t
 			children: o
 		})]
 	});
-}, q = ({ schema: n, dataSource: r, className: i }) => {
+}, K = ({ 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 +119,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, G.jsxs)("div", {
+	if (_) return /* @__PURE__ */ W("div", {
 		className: "p-4 border border-red-300 bg-red-50 rounded-md",
-		children: [/* @__PURE__ */ (0, G.jsx)("h3", {
+		children: [/* @__PURE__ */ U("h3", {
 			className: "text-red-800 font-semibold",
 			children: "Error loading form"
-		}), /* @__PURE__ */ (0, G.jsx)("p", {
+		}), /* @__PURE__ */ U("p", {
 			className: "text-red-600 text-sm mt-1",
 			children: _.message
 		})]
 	});
-	if (h) return /* @__PURE__ */ (0, G.jsxs)("div", {
+	if (h) return /* @__PURE__ */ W("div", {
 		className: "p-8 text-center",
-		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", {
+		children: [/* @__PURE__ */ U("div", { className: "inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900" }), /* @__PURE__ */ U("p", {
 			className: "mt-2 text-sm text-gray-600",
 			children: "Loading form..."
 		})]
@@ -325,29 +148,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, G.jsx)("div", {
+	return /* @__PURE__ */ U("div", {
 		className: L("w-full", i, n.className),
-		children: /* @__PURE__ */ (0, G.jsxs)(N, {
+		children: /* @__PURE__ */ W(N, {
 			value: y,
 			onValueChange: b,
 			orientation: E ? "vertical" : "horizontal",
 			className: L(E && "flex gap-4"),
-			children: [/* @__PURE__ */ (0, G.jsx)(F, {
+			children: [/* @__PURE__ */ U(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, G.jsx)(I, {
+				children: n.sections.map((e, t) => /* @__PURE__ */ U(I, {
 					value: w(e, t),
 					className: E ? "w-full justify-start" : "",
 					children: e.label || `Tab ${t + 1}`
 				}, w(e, t)))
-			}), /* @__PURE__ */ (0, G.jsx)("div", {
+			}), /* @__PURE__ */ U("div", {
 				className: "flex-1",
-				children: n.sections.map((e, t) => /* @__PURE__ */ (0, G.jsx)(P, {
+				children: n.sections.map((e, t) => /* @__PURE__ */ U(P, {
 					value: w(e, t),
 					className: "mt-0",
-					children: /* @__PURE__ */ (0, G.jsx)(K, {
+					children: /* @__PURE__ */ U(G, {
 						description: e.description,
 						columns: e.columns || 1,
-						children: /* @__PURE__ */ (0, G.jsx)(s, { schema: {
+						children: /* @__PURE__ */ U(s, { schema: {
 							...T,
 							fields: x(e),
 							showSubmit: n.showSubmit !== !1 && n.mode !== "view",
@@ -358,7 +181,7 @@ var H = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t
 			})]
 		})
 	});
-}, J = ({ schema: n, dataSource: r, className: o }) => {
+}, q = ({ schema: n, dataSource: r, className: o }) => {
 	let { fieldLabel: u } = c(), [d, m] = a(null), [h, g] = a({}), [_, v] = a(!0), [y, b] = a(null), [x, S] = a(0), [C, w] = a(/* @__PURE__ */ new Set()), [T, E] = a(!1), D = n.sections.length, O = x === 0, k = x === D - 1;
 	e.useEffect(() => {
 		(async () => {
@@ -468,51 +291,51 @@ var H = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t
 		x,
 		N
 	]);
-	if (y) return /* @__PURE__ */ (0, G.jsxs)("div", {
+	if (y) return /* @__PURE__ */ W("div", {
 		className: "p-4 border border-red-300 bg-red-50 rounded-md",
-		children: [/* @__PURE__ */ (0, G.jsx)("h3", {
+		children: [/* @__PURE__ */ U("h3", {
 			className: "text-red-800 font-semibold",
 			children: "Error loading form"
-		}), /* @__PURE__ */ (0, G.jsx)("p", {
+		}), /* @__PURE__ */ U("p", {
 			className: "text-red-600 text-sm mt-1",
 			children: y.message
 		})]
 	});
-	if (_) return /* @__PURE__ */ (0, G.jsxs)("div", {
+	if (_) return /* @__PURE__ */ W("div", {
 		className: "p-8 text-center",
-		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", {
+		children: [/* @__PURE__ */ U("div", { className: "inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900" }), /* @__PURE__ */ U("p", {
 			className: "mt-2 text-sm text-gray-600",
 			children: "Loading form..."
 		})]
 	});
 	let R = n.sections[x];
-	return /* @__PURE__ */ (0, G.jsxs)("div", {
+	return /* @__PURE__ */ W("div", {
 		className: L("w-full", o, n.className),
 		children: [
-			n.showStepIndicator !== !1 && /* @__PURE__ */ (0, G.jsx)("nav", {
+			n.showStepIndicator !== !1 && /* @__PURE__ */ U("nav", {
 				"aria-label": "Progress",
 				className: "mb-8",
-				children: /* @__PURE__ */ (0, G.jsx)("ol", {
+				children: /* @__PURE__ */ U("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, G.jsxs)("li", {
+						return /* @__PURE__ */ W("li", {
 							className: L("relative flex-1", t !== D - 1 && "pr-8 sm:pr-12"),
-							children: [t !== D - 1 && /* @__PURE__ */ (0, G.jsx)("div", {
+							children: [t !== D - 1 && /* @__PURE__ */ U("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, G.jsx)("div", { className: L("h-full", i ? "bg-primary" : "bg-muted") })
-							}), /* @__PURE__ */ (0, G.jsxs)("button", {
+								children: /* @__PURE__ */ U("div", { className: L("h-full", i ? "bg-primary" : "bg-muted") })
+							}), /* @__PURE__ */ W("button", {
 								type: "button",
 								className: L("group relative flex items-center", a ? "cursor-pointer" : "cursor-not-allowed"),
 								onClick: () => I(t),
 								disabled: !a,
-								children: [/* @__PURE__ */ (0, G.jsx)("span", {
+								children: [/* @__PURE__ */ U("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, G.jsx)(z, { className: "h-3 w-3 sm:h-4 sm:w-4" }) : t + 1
-								}), /* @__PURE__ */ (0, G.jsx)("span", {
+									children: i ? /* @__PURE__ */ U(z, { className: "h-3 w-3 sm:h-4 sm:w-4" }) : t + 1
+								}), /* @__PURE__ */ U("span", {
 									className: "ml-2 sm:ml-3 text-xs sm:text-sm font-medium hidden sm:block",
-									children: /* @__PURE__ */ (0, G.jsx)("span", {
+									children: /* @__PURE__ */ U("span", {
 										className: L(r ? "text-foreground" : "text-muted-foreground"),
 										children: e.label || `Step ${t + 1}`
 									})
@@ -522,13 +345,13 @@ var H = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t
 					})
 				})
 			}),
-			/* @__PURE__ */ (0, G.jsx)("div", {
+			/* @__PURE__ */ U("div", {
 				className: "min-h-[200px]",
-				children: R && /* @__PURE__ */ (0, G.jsx)(K, {
+				children: R && /* @__PURE__ */ U(G, {
 					label: R.label,
 					description: R.description,
 					columns: R.columns || 1,
-					children: j.length > 0 ? /* @__PURE__ */ (0, G.jsx)(s, { schema: {
+					children: j.length > 0 ? /* @__PURE__ */ U(s, { schema: {
 						type: "form",
 						fields: j,
 						layout: "vertical",
@@ -536,22 +359,22 @@ var H = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t
 						showSubmit: !1,
 						showCancel: !1,
 						onSubmit: M
-					} }) : /* @__PURE__ */ (0, G.jsx)("div", {
+					} }) : /* @__PURE__ */ U("div", {
 						className: "text-center py-8 text-muted-foreground",
 						children: "No fields configured for this step"
 					})
 				})
 			}),
-			/* @__PURE__ */ (0, G.jsxs)("div", {
+			/* @__PURE__ */ W("div", {
 				className: "flex items-center justify-between mt-6 pt-4 border-t",
-				children: [/* @__PURE__ */ (0, G.jsx)("div", { children: n.showCancel !== !1 && /* @__PURE__ */ (0, G.jsx)(p, {
+				children: [/* @__PURE__ */ U("div", { children: n.showCancel !== !1 && /* @__PURE__ */ U(p, {
 					variant: "ghost",
 					onClick: F,
 					children: n.cancelText || "Cancel"
-				}) }), /* @__PURE__ */ (0, G.jsxs)("div", {
+				}) }), /* @__PURE__ */ W("div", {
 					className: "flex items-center gap-2",
 					children: [
-						/* @__PURE__ */ (0, G.jsxs)("span", {
+						/* @__PURE__ */ W("span", {
 							className: "text-sm text-muted-foreground mr-2",
 							children: [
 								"Step ",
@@ -560,25 +383,25 @@ var H = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t
 								D
 							]
 						}),
-						!O && /* @__PURE__ */ (0, G.jsxs)(p, {
+						!O && /* @__PURE__ */ W(p, {
 							variant: "outline",
 							onClick: P,
-							children: [/* @__PURE__ */ (0, G.jsx)(B, { className: "h-4 w-4 mr-1" }), n.prevText || "Back"]
+							children: [/* @__PURE__ */ U(B, { className: "h-4 w-4 mr-1" }), n.prevText || "Back"]
 						}),
-						k ? /* @__PURE__ */ (0, G.jsx)(p, {
+						k ? /* @__PURE__ */ U(p, {
 							onClick: () => M(h),
 							disabled: T || n.mode === "view",
 							children: T ? "Submitting..." : n.submitText || (n.mode === "create" ? "Create" : "Update")
-						}) : /* @__PURE__ */ (0, G.jsxs)(p, {
+						}) : /* @__PURE__ */ W(p, {
 							onClick: () => M(h),
-							children: [n.nextText || "Next", /* @__PURE__ */ (0, G.jsx)(V, { className: "h-4 w-4 ml-1" })]
+							children: [n.nextText || "Next", /* @__PURE__ */ U(V, { className: "h-4 w-4 ml-1" })]
 						})
 					]
 				})]
 			})
 		]
 	});
-}, re = ({ schema: e, dataSource: r, className: o }) => {
+}, J = ({ schema: e, dataSource: r, className: o }) => {
 	let { fieldLabel: u } = c(), [d, p] = a(null), [m, h] = a({}), [g, _] = a(!0), [v, y] = a(null);
 	n(() => {
 		(async () => {
@@ -663,19 +486,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, G.jsxs)("div", {
+	if (v) return /* @__PURE__ */ W("div", {
 		className: "p-4 border border-red-300 bg-red-50 rounded-md",
-		children: [/* @__PURE__ */ (0, G.jsx)("h3", {
+		children: [/* @__PURE__ */ U("h3", {
 			className: "text-red-800 font-semibold",
 			children: "Error loading form"
-		}), /* @__PURE__ */ (0, G.jsx)("p", {
+		}), /* @__PURE__ */ U("p", {
 			className: "text-red-600 text-sm mt-1",
 			children: v.message
 		})]
 	});
-	if (g) return /* @__PURE__ */ (0, G.jsxs)("div", {
+	if (g) return /* @__PURE__ */ W("div", {
 		className: "p-8 text-center",
-		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", {
+		children: [/* @__PURE__ */ U("div", { className: "inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900" }), /* @__PURE__ */ U("p", {
 			className: "mt-2 text-sm text-gray-600",
 			children: "Loading form..."
 		})]
@@ -686,13 +509,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, G.jsx)("div", {
+	}, j = (t, n) => /* @__PURE__ */ U("div", {
 		className: "space-y-4 p-4",
-		children: t.map((t, r) => /* @__PURE__ */ (0, G.jsx)(K, {
+		children: t.map((t, r) => /* @__PURE__ */ U(G, {
 			label: t.label,
 			description: t.description,
 			columns: t.columns || 1,
-			children: /* @__PURE__ */ (0, G.jsx)(s, { schema: {
+			children: /* @__PURE__ */ U(s, { schema: {
 				...A,
 				fields: b(t),
 				showSubmit: n && e.showSubmit !== !1 && e.mode !== "view",
@@ -702,29 +525,29 @@ var H = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t
 			} })
 		}, t.name || t.label || r))
 	});
-	return /* @__PURE__ */ (0, G.jsx)("div", {
+	return /* @__PURE__ */ U("div", {
 		className: L("w-full", o, e.className),
-		children: /* @__PURE__ */ (0, G.jsxs)(E, {
+		children: /* @__PURE__ */ W(E, {
 			orientation: O,
 			className: "min-h-[300px] rounded-lg border",
-			children: [/* @__PURE__ */ (0, G.jsx)(T, {
+			children: [/* @__PURE__ */ U(T, {
 				defaultSize: k,
 				minSize: 20,
 				children: j(C, D.length === 0)
-			}), D.length > 0 && /* @__PURE__ */ (0, G.jsxs)(G.Fragment, { children: [/* @__PURE__ */ (0, G.jsx)(w, { withHandle: e.splitResizable !== !1 }), /* @__PURE__ */ (0, G.jsx)(T, {
+			}), D.length > 0 && /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U(w, { withHandle: e.splitResizable !== !1 }), /* @__PURE__ */ U(T, {
 				defaultSize: 100 - k,
 				minSize: 20,
 				children: j(D, !0)
 			})] })]
 		})
 	});
-}, ie = new Set([
+}, ne = new Set([
 	"field:formula",
 	"field:summary",
 	"field:auto_number",
 	"field:autonumber",
 	"field:master_detail"
-]), ae = new Set([
+]), re = new Set([
 	"field:textarea",
 	"field:markdown",
 	"field:html",
@@ -735,7 +558,7 @@ var H = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t
 	"html",
 	"grid",
 	"rich-text"
-]), oe = new Set([
+]), ie = new Set([
 	"formula",
 	"summary",
 	"auto_number",
@@ -743,22 +566,22 @@ var H = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t
 	"master_detail",
 	"masterDetail"
 ]);
-function se(e) {
-	return ae.has(e);
+function ae(e) {
+	return re.has(e);
 }
-function ce(e) {
-	return oe.has(e);
+function oe(e) {
+	return ie.has(e);
 }
-function le(e) {
+function se(e) {
 	return e <= 3 ? 1 : 2;
 }
 function Y(e, t) {
-	return t <= 1 ? e : e.map((e) => e.colSpan === void 0 && e.type && se(e.type) ? {
+	return t <= 1 ? e : e.map((e) => e.colSpan === void 0 && e.type && ae(e.type) ? {
 		...e,
 		colSpan: t
 	} : e);
 }
-var ue = new Set([
+var ce = new Set([
 	"id",
 	"created_at",
 	"createdAt",
@@ -775,12 +598,12 @@ var ue = new Set([
 	"_version",
 	"_rev"
 ]);
-function de(e, t) {
+function le(e, t) {
 	return e.filter((e) => {
-		if (ue.has(e.name) || e.type && ie.has(e.type)) return !1;
+		if (ce.has(e.name) || e.type && ne.has(e.type)) return !1;
 		if (!t?.fields) return !0;
 		let n = t.fields[e.name];
-		return n ? n.readonly === !0 ? !1 : !ce(n.type) : !0;
+		return n ? n.readonly === !0 ? !1 : !oe(n.type) : !0;
 	});
 }
 function X(e) {
@@ -788,11 +611,11 @@ function X(e) {
 }
 function Z(e, t, n, r) {
 	let i = [...e];
-	if (r === "create" && (i = de(i, t)), n !== void 0) return i = Y(i, n), {
+	if (r === "create" && (i = le(i, t)), n !== void 0) return i = Y(i, n), {
 		fields: i,
 		columns: n
 	};
-	let a = le(i.length);
+	let a = se(i.length);
 	return i = Y(i, a), {
 		fields: i,
 		columns: a
@@ -800,12 +623,12 @@ function Z(e, t, n, r) {
 }
 //#endregion
 //#region src/DrawerForm.tsx
-var fe = {
+var ue = {
 	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"
-}, pe = ({ schema: e, dataSource: r, className: o }) => {
+}, Q = ({ 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 +776,29 @@ var fe = {
 		onSubmit: M,
 		onCancel: N
 	};
-	return /* @__PURE__ */ (0, G.jsx)(D, {
+	return /* @__PURE__ */ U(D, {
 		open: S,
 		onOpenChange: e.onOpenChange,
-		children: /* @__PURE__ */ (0, G.jsxs)(O, {
+		children: /* @__PURE__ */ W(O, {
 			side: C,
 			className: L("overflow-y-auto", o, e.className),
 			style: P,
-			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", {
+			children: [(e.title || e.description) && /* @__PURE__ */ W(A, { children: [e.title && /* @__PURE__ */ U(j, { children: e.title }), e.description && /* @__PURE__ */ U(k, { children: e.description })] }), /* @__PURE__ */ U("div", {
 				className: "@container py-4",
 				children: (() => {
-					if (b) return /* @__PURE__ */ (0, G.jsxs)("div", {
+					if (b) return /* @__PURE__ */ W("div", {
 						className: "p-4 border border-red-300 bg-red-50 rounded-md",
-						children: [/* @__PURE__ */ (0, G.jsx)("h3", {
+						children: [/* @__PURE__ */ U("h3", {
 							className: "text-red-800 font-semibold",
 							children: "Error loading form"
-						}), /* @__PURE__ */ (0, G.jsx)("p", {
+						}), /* @__PURE__ */ U("p", {
 							className: "text-red-600 text-sm mt-1",
 							children: b.message
 						})]
 					});
-					if (v) return /* @__PURE__ */ (0, G.jsxs)("div", {
+					if (v) return /* @__PURE__ */ W("div", {
 						className: "p-8 text-center",
-						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", {
+						children: [/* @__PURE__ */ U("div", { className: "inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900" }), /* @__PURE__ */ U("p", {
 							className: "mt-2 text-sm text-gray-600",
 							children: "Loading form..."
 						})]
@@ -1001,13 +824,13 @@ var fe = {
 								...e,
 								hidden: !0
 							}))) : t.push(...a);
-						}), /* @__PURE__ */ (0, G.jsx)(s, { schema: {
+						}), /* @__PURE__ */ U(s, { schema: {
 							...F,
 							fields: t
 						} });
 					}
-					let t = Z(m, d, e.columns, e.mode), n = fe[t.columns || 1];
-					return /* @__PURE__ */ (0, G.jsx)(s, { schema: {
+					let t = Z(m, d, e.columns, e.mode), n = ue[t.columns || 1];
+					return /* @__PURE__ */ U(s, { schema: {
 						...F,
 						fields: t.fields,
 						columns: t.columns,
@@ -1017,18 +840,18 @@ var fe = {
 			})]
 		})
 	});
-}, me = {
+}, de = {
 	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"
-}, Q = {
+}, 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"
-}, he = ({ schema: e, dataSource: o, className: u }) => {
+}, pe = ({ 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,
@@ -1036,7 +859,7 @@ var fe = {
 		e.mode,
 		e.sections,
 		e.customFields
-	]), F = me[i(() => {
+	]), F = de[i(() => {
 		if (e.modalSize) return e.modalSize;
 		if (P?.columns && P.columns > 1) return X(P.columns);
 		if (e.sections?.length) {
@@ -1048,7 +871,7 @@ var fe = {
 		e.modalSize,
 		P,
 		e.sections
-	])] || me.default;
+	])] || de.default;
 	n(() => {
 		(async () => {
 			if (!o) {
@@ -1173,97 +996,97 @@ var fe = {
 		}
 	}, [e, o]), z = t(() => {
 		e.onCancel && e.onCancel(), e.onOpenChange?.(!1);
-	}, [e]), ee = e.layout === "vertical" || e.layout === "horizontal" ? e.layout : "vertical", B = e.showSubmit !== !1 && e.mode !== "view", V = e.showCancel !== !1, H = e.submitText || (e.mode === "create" ? "Create" : "Update"), U = e.cancelText || "Cancel", W = {
+	}, [e]), ee = e.layout === "vertical" || e.layout === "horizontal" ? e.layout : "vertical", B = e.showSubmit !== !1 && e.mode !== "view", V = e.showCancel !== !1, H = e.submitText || (e.mode === "create" ? "Create" : "Update"), K = e.cancelText || "Cancel", q = {
 		type: "form",
 		layout: ee,
 		defaultValues: v,
 		submitLabel: H,
-		cancelLabel: U,
+		cancelLabel: K,
 		showSubmit: B,
 		showCancel: V,
 		onSubmit: R,
 		onCancel: z,
 		showActions: !1,
 		id: N
-	}, ne = () => {
-		if (D) return /* @__PURE__ */ (0, G.jsxs)("div", {
+	}, J = () => {
+		if (D) return /* @__PURE__ */ W("div", {
 			className: "p-4 border border-red-300 bg-red-50 rounded-md",
-			children: [/* @__PURE__ */ (0, G.jsx)("h3", {
+			children: [/* @__PURE__ */ U("h3", {
 				className: "text-red-800 font-semibold",
 				children: "Error loading form"
-			}), /* @__PURE__ */ (0, G.jsx)("p", {
+			}), /* @__PURE__ */ U("p", {
 				className: "text-red-600 text-sm mt-1",
 				children: D.message
 			})]
 		});
-		if (T) return /* @__PURE__ */ (0, G.jsx)("div", {
+		if (T) return /* @__PURE__ */ U("div", {
 			className: "space-y-4",
 			"data-testid": "modal-form-skeleton",
 			children: [
 				1,
 				2,
 				3
-			].map((e) => /* @__PURE__ */ (0, G.jsxs)("div", {
+			].map((e) => /* @__PURE__ */ W("div", {
 				className: "space-y-2",
-				children: [/* @__PURE__ */ (0, G.jsx)(M, { className: "h-4 w-24" }), /* @__PURE__ */ (0, G.jsx)(M, { className: "h-10 w-full" })]
+				children: [/* @__PURE__ */ U(M, { className: "h-4 w-24" }), /* @__PURE__ */ U(M, { className: "h-10 w-full" })]
 			}, e))
 		});
-		if (e.sections?.length) return /* @__PURE__ */ (0, G.jsx)("div", {
+		if (e.sections?.length) return /* @__PURE__ */ U("div", {
 			className: "space-y-6",
 			children: e.sections.map((e, t) => {
 				let n = e.columns || 1;
-				return /* @__PURE__ */ (0, G.jsx)(K, {
+				return /* @__PURE__ */ U(G, {
 					label: e.label,
 					description: e.description,
 					columns: n,
-					gridClassName: Q[n],
-					children: /* @__PURE__ */ (0, G.jsx)(s, { schema: {
-						...W,
+					gridClassName: fe[n],
+					children: /* @__PURE__ */ U(s, { schema: {
+						...q,
 						fields: I(e)
 					} })
 				}, e.name || e.label || t);
 			})
 		});
-		let t = P ?? Z(g, m, e.columns, e.mode), n = Q[t.columns || 1];
-		return /* @__PURE__ */ (0, G.jsx)(s, { schema: {
-			...W,
+		let t = P ?? Z(g, m, e.columns, e.mode), n = fe[t.columns || 1];
+		return /* @__PURE__ */ U(s, { schema: {
+			...q,
 			fields: t.fields,
 			columns: t.columns,
 			...n ? { fieldContainerClass: n } : {}
 		} });
-	}, q = !T && !D && (B || V);
-	return /* @__PURE__ */ (0, G.jsx)(y, {
+	}, ne = !T && !D && (B || V);
+	return /* @__PURE__ */ U(y, {
 		open: j,
 		onOpenChange: e.onOpenChange,
-		children: /* @__PURE__ */ (0, G.jsxs)(C, {
+		children: /* @__PURE__ */ W(C, {
 			className: L(F, "flex flex-col h-[100dvh] sm:h-auto sm:max-h-[90vh] overflow-hidden p-0", u, e.className),
 			children: [
-				(e.title || e.description) && /* @__PURE__ */ (0, G.jsxs)(x, {
+				(e.title || e.description) && /* @__PURE__ */ W(x, {
 					className: "shrink-0 px-4 pt-4 sm:px-6 sm:pt-6 pb-2 border-b",
-					children: [e.title && /* @__PURE__ */ (0, G.jsx)(S, { children: e.title }), e.description && /* @__PURE__ */ (0, G.jsx)(b, { children: e.description })]
+					children: [e.title && /* @__PURE__ */ U(S, { children: e.title }), e.description && /* @__PURE__ */ U(b, { children: e.description })]
 				}),
-				/* @__PURE__ */ (0, G.jsx)("div", {
+				/* @__PURE__ */ U("div", {
 					className: "@container flex-1 overflow-y-auto px-4 sm:px-6 py-4",
-					children: ne()
+					children: J()
 				}),
-				q && /* @__PURE__ */ (0, G.jsx)("div", {
+				ne && /* @__PURE__ */ U("div", {
 					className: "shrink-0 border-t px-4 sm:px-6 py-3 bg-background",
 					"data-testid": "modal-form-footer",
-					children: /* @__PURE__ */ (0, G.jsxs)("div", {
+					children: /* @__PURE__ */ W("div", {
 						className: "flex flex-col sm:flex-row gap-2 sm:justify-end",
-						children: [V && /* @__PURE__ */ (0, G.jsx)(p, {
+						children: [V && /* @__PURE__ */ U(p, {
 							type: "button",
 							variant: "outline",
 							onClick: z,
 							disabled: k,
 							className: "w-full sm:w-auto",
-							children: U
-						}), B && /* @__PURE__ */ (0, G.jsxs)(p, {
+							children: K
+						}), B && /* @__PURE__ */ W(p, {
 							type: "submit",
 							form: N,
 							disabled: k,
 							className: "w-full sm:w-auto",
-							children: [k && /* @__PURE__ */ (0, G.jsx)(te, { className: "mr-2 h-4 w-4 animate-spin" }), H]
+							children: [k && /* @__PURE__ */ U(te, { className: "mr-2 h-4 w-4 animate-spin" }), H]
 						})]
 					})
 				})
@@ -1271,7 +1094,7 @@ var fe = {
 		})
 	});
 }, $ = ({ schema: e, dataSource: t }) => {
-	if (e.formType === "tabbed" && e.sections?.length) return /* @__PURE__ */ (0, G.jsx)(q, {
+	if (e.formType === "tabbed" && e.sections?.length) return /* @__PURE__ */ U(K, {
 		schema: {
 			...e,
 			formType: "tabbed",
@@ -1288,7 +1111,7 @@ var fe = {
 		dataSource: t,
 		className: e.className
 	});
-	if (e.formType === "wizard" && e.sections?.length) return /* @__PURE__ */ (0, G.jsx)(J, {
+	if (e.formType === "wizard" && e.sections?.length) return /* @__PURE__ */ U(q, {
 		schema: {
 			...e,
 			formType: "wizard",
@@ -1308,7 +1131,7 @@ var fe = {
 		dataSource: t,
 		className: e.className
 	});
-	if (e.formType === "split" && e.sections?.length) return /* @__PURE__ */ (0, G.jsx)(re, {
+	if (e.formType === "split" && e.sections?.length) return /* @__PURE__ */ U(J, {
 		schema: {
 			...e,
 			formType: "split",
@@ -1328,7 +1151,7 @@ var fe = {
 	});
 	if (e.formType === "drawer") {
 		let { layout: n, ...r } = e, i = e.layout === "vertical" || e.layout === "horizontal" ? e.layout : void 0;
-		return /* @__PURE__ */ (0, G.jsx)(pe, {
+		return /* @__PURE__ */ U(Q, {
 			schema: {
 				...r,
 				layout: i,
@@ -1353,7 +1176,7 @@ var fe = {
 	}
 	if (e.formType === "modal") {
 		let { layout: n, ...r } = e, i = e.layout === "vertical" || e.layout === "horizontal" ? e.layout : void 0;
-		return /* @__PURE__ */ (0, G.jsx)(he, {
+		return /* @__PURE__ */ U(pe, {
 			schema: {
 				...r,
 				layout: i,
@@ -1374,11 +1197,11 @@ var fe = {
 			className: e.className
 		});
 	}
-	return /* @__PURE__ */ (0, G.jsx)(ge, {
+	return /* @__PURE__ */ U(me, {
 		schema: e,
 		dataSource: t
 	});
-}, ge = ({ schema: r, dataSource: i }) => {
+}, me = ({ 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(() => {
 		w && (y(r.initialData || r.initialValues || {}), x(!1));
@@ -1508,35 +1331,35 @@ var fe = {
 		}, [m]),
 		...v
 	};
-	if (S) return /* @__PURE__ */ (0, G.jsxs)("div", {
+	if (S) return /* @__PURE__ */ W("div", {
 		className: "p-3 sm:p-4 border border-red-300 bg-red-50 rounded-md",
-		children: [/* @__PURE__ */ (0, G.jsx)("h3", {
+		children: [/* @__PURE__ */ U("h3", {
 			className: "text-red-800 font-semibold",
 			children: "Error loading form"
-		}), /* @__PURE__ */ (0, G.jsx)("p", {
+		}), /* @__PURE__ */ U("p", {
 			className: "text-red-600 text-sm mt-1",
 			children: S.message
 		})]
 	});
-	if (b) return /* @__PURE__ */ (0, G.jsxs)("div", {
+	if (b) return /* @__PURE__ */ W("div", {
 		className: "p-4 sm:p-8 text-center",
-		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", {
+		children: [/* @__PURE__ */ U("div", { className: "inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900" }), /* @__PURE__ */ U("p", {
 			className: "mt-2 text-sm text-gray-600",
 			children: "Loading form..."
 		})]
 	});
 	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", {
+	if (r.sections?.length && (!r.formType || r.formType === "simple")) return /* @__PURE__ */ U("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.filter((e) => n.includes(e.name));
-			return /* @__PURE__ */ (0, G.jsx)(K, {
+			return /* @__PURE__ */ U(G, {
 				label: e.label,
 				description: e.description,
 				collapsible: e.collapsible,
 				collapsed: e.collapsed,
 				columns: e.columns,
-				children: /* @__PURE__ */ (0, G.jsx)(s, { schema: {
+				children: /* @__PURE__ */ U(s, { schema: {
 					type: "form",
 					fields: i,
 					layout: O,
@@ -1571,7 +1394,7 @@ var fe = {
 				fields: r
 			});
 		}
-		return /* @__PURE__ */ (0, G.jsx)(J, {
+		return /* @__PURE__ */ U(q, {
 			schema: {
 				...r,
 				formType: "wizard",
@@ -1598,12 +1421,12 @@ var fe = {
 		className: r.className,
 		mobileStickyActions: !!j?.stickyActions
 	};
-	return /* @__PURE__ */ (0, G.jsx)("div", {
+	return /* @__PURE__ */ U("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 })
+		children: /* @__PURE__ */ U(s, { schema: I })
 	});
-}, _e = ({ config: e, dataSource: n, prefillParams: r, className: o }) => {
+}, he = ({ 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;
@@ -1632,30 +1455,30 @@ var fe = {
 	}, [e.branding]);
 	if (s) {
 		let t = e.thankYouPage;
-		return /* @__PURE__ */ (0, G.jsx)("div", {
+		return /* @__PURE__ */ U("div", {
 			className: `min-h-screen flex items-center justify-center p-4 ${o || ""}`,
 			style: g,
-			children: /* @__PURE__ */ (0, G.jsxs)("div", {
+			children: /* @__PURE__ */ W("div", {
 				className: "max-w-md w-full bg-card rounded-lg shadow-lg p-8 text-center space-y-4",
 				children: [
-					/* @__PURE__ */ (0, G.jsx)("div", {
+					/* @__PURE__ */ U("div", {
 						className: "text-4xl",
 						children: "✓"
 					}),
-					/* @__PURE__ */ (0, G.jsx)("h2", {
+					/* @__PURE__ */ U("h2", {
 						className: "text-xl font-semibold text-foreground",
 						children: t?.title || "Thank You!"
 					}),
-					/* @__PURE__ */ (0, G.jsx)("p", {
+					/* @__PURE__ */ U("p", {
 						className: "text-muted-foreground",
 						children: t?.message || "Your submission has been received successfully."
 					}),
-					e.allowMultiple && /* @__PURE__ */ (0, G.jsx)("button", {
+					e.allowMultiple && /* @__PURE__ */ U("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, G.jsxs)("p", {
+					t?.redirectUrl && /* @__PURE__ */ W("p", {
 						className: "text-xs text-muted-foreground",
 						children: [
 							"Redirecting in ",
@@ -1667,37 +1490,37 @@ var fe = {
 			})
 		});
 	}
-	return /* @__PURE__ */ (0, G.jsx)("div", {
+	return /* @__PURE__ */ U("div", {
 		className: `min-h-screen flex items-center justify-center p-4 ${o || ""}`,
 		style: g,
-		children: /* @__PURE__ */ (0, G.jsxs)("div", {
+		children: /* @__PURE__ */ W("div", {
 			className: "max-w-2xl w-full bg-card rounded-lg shadow-lg overflow-hidden",
 			children: [
-				/* @__PURE__ */ (0, G.jsxs)("div", {
+				/* @__PURE__ */ W("div", {
 					className: "p-6 border-b",
 					style: e.branding?.primaryColor ? { borderBottomColor: e.branding.primaryColor } : void 0,
 					children: [
-						e.branding?.logo && /* @__PURE__ */ (0, G.jsx)("img", {
+						e.branding?.logo && /* @__PURE__ */ U("img", {
 							src: e.branding.logo,
 							alt: "Logo",
 							className: "h-8 mb-4"
 						}),
-						e.title && /* @__PURE__ */ (0, G.jsx)("h1", {
+						e.title && /* @__PURE__ */ U("h1", {
 							className: "text-xl font-semibold text-foreground",
 							children: e.title
 						}),
-						e.description && /* @__PURE__ */ (0, G.jsx)("p", {
+						e.description && /* @__PURE__ */ U("p", {
 							className: "text-sm text-muted-foreground mt-1",
 							children: e.description
 						})
 					]
 				}),
-				/* @__PURE__ */ (0, G.jsxs)("div", {
+				/* @__PURE__ */ W("div", {
 					className: "p-6",
-					children: [d && /* @__PURE__ */ (0, G.jsx)("div", {
+					children: [d && /* @__PURE__ */ U("div", {
 						className: "mb-4 p-3 bg-destructive/10 border border-destructive/30 rounded-md text-sm text-destructive",
 						children: d
-					}), /* @__PURE__ */ (0, G.jsx)($, {
+					}), /* @__PURE__ */ U($, {
 						schema: {
 							type: "object-form",
 							objectName: e.objectName,
@@ -1711,9 +1534,9 @@ var fe = {
 						dataSource: n
 					})]
 				}),
-				/* @__PURE__ */ (0, G.jsx)("div", {
+				/* @__PURE__ */ U("div", {
 					className: "px-6 py-3 border-t bg-muted/20 text-center",
-					children: /* @__PURE__ */ (0, G.jsx)("p", {
+					children: /* @__PURE__ */ U("p", {
 						className: "text-xs text-muted-foreground",
 						children: "Powered by ObjectStack"
 					})
@@ -1724,96 +1547,96 @@ var fe = {
 };
 //#endregion
 //#region src/FormAnalytics.tsx
-function ve(e) {
+function ge(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 ye = ({ formId: e, formTitle: t, metrics: n, className: r }) => {
+var _e = ({ 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, G.jsxs)("div", {
+	return /* @__PURE__ */ W("div", {
 		className: `space-y-4 ${r || ""}`,
 		children: [
-			/* @__PURE__ */ (0, G.jsxs)("div", { children: [/* @__PURE__ */ (0, G.jsx)("h2", {
+			/* @__PURE__ */ W("div", { children: [/* @__PURE__ */ U("h2", {
 				className: "text-lg font-semibold text-foreground",
 				children: t || "Form Analytics"
-			}), /* @__PURE__ */ (0, G.jsxs)("p", {
+			}), /* @__PURE__ */ W("p", {
 				className: "text-sm text-muted-foreground",
 				children: ["Form ID: ", e]
 			})] }),
-			/* @__PURE__ */ (0, G.jsxs)("div", {
+			/* @__PURE__ */ W("div", {
 				className: "grid grid-cols-1 sm:grid-cols-3 gap-4",
 				children: [
-					/* @__PURE__ */ (0, G.jsx)(m, { children: /* @__PURE__ */ (0, G.jsxs)(_, {
+					/* @__PURE__ */ U(m, { children: /* @__PURE__ */ W(_, {
 						className: "pb-2",
-						children: [/* @__PURE__ */ (0, G.jsx)(g, { children: "Total Submissions" }), /* @__PURE__ */ (0, G.jsx)(v, {
+						children: [/* @__PURE__ */ U(g, { children: "Total Submissions" }), /* @__PURE__ */ U(v, {
 							className: "text-2xl",
 							children: n.totalSubmissions.toLocaleString()
 						})]
 					}) }),
-					/* @__PURE__ */ (0, G.jsxs)(m, { children: [/* @__PURE__ */ (0, G.jsxs)(_, {
+					/* @__PURE__ */ W(m, { children: [/* @__PURE__ */ W(_, {
 						className: "pb-2",
-						children: [/* @__PURE__ */ (0, G.jsx)(g, { children: "Fill Rate" }), /* @__PURE__ */ (0, G.jsxs)(v, {
+						children: [/* @__PURE__ */ U(g, { children: "Fill Rate" }), /* @__PURE__ */ W(v, {
 							className: "text-2xl",
 							children: [a, "%"]
 						})]
-					}), /* @__PURE__ */ (0, G.jsx)(h, { children: /* @__PURE__ */ (0, G.jsx)("div", {
+					}), /* @__PURE__ */ U(h, { children: /* @__PURE__ */ U("div", {
 						className: "w-full bg-muted rounded-full h-2",
-						children: /* @__PURE__ */ (0, G.jsx)("div", {
+						children: /* @__PURE__ */ U("div", {
 							className: "bg-primary rounded-full h-2 transition-all",
 							style: { width: `${a}%` }
 						})
 					}) })] }),
-					/* @__PURE__ */ (0, G.jsx)(m, { children: /* @__PURE__ */ (0, G.jsxs)(_, {
+					/* @__PURE__ */ U(m, { children: /* @__PURE__ */ W(_, {
 						className: "pb-2",
-						children: [/* @__PURE__ */ (0, G.jsx)(g, { children: "Avg. Completion Time" }), /* @__PURE__ */ (0, G.jsx)(v, {
+						children: [/* @__PURE__ */ U(g, { children: "Avg. Completion Time" }), /* @__PURE__ */ U(v, {
 							className: "text-2xl",
-							children: n.avgCompletionTime ? ve(n.avgCompletionTime) : "—"
+							children: n.avgCompletionTime ? ge(n.avgCompletionTime) : "—"
 						})]
 					}) })
 				]
 			}),
-			n.dailySubmissions && n.dailySubmissions.length > 0 && /* @__PURE__ */ (0, G.jsxs)(m, { children: [/* @__PURE__ */ (0, G.jsx)(_, { children: /* @__PURE__ */ (0, G.jsx)(v, {
+			n.dailySubmissions && n.dailySubmissions.length > 0 && /* @__PURE__ */ W(m, { children: [/* @__PURE__ */ U(_, { children: /* @__PURE__ */ U(v, {
 				className: "text-sm font-medium",
 				children: "Daily Submissions"
-			}) }), /* @__PURE__ */ (0, G.jsx)(h, { children: /* @__PURE__ */ (0, G.jsx)("div", {
+			}) }), /* @__PURE__ */ U(h, { children: /* @__PURE__ */ U("div", {
 				className: "flex items-end gap-1 h-32",
-				children: n.dailySubmissions.map((e, t) => /* @__PURE__ */ (0, G.jsxs)("div", {
+				children: n.dailySubmissions.map((e, t) => /* @__PURE__ */ W("div", {
 					className: "flex-1 flex flex-col items-center gap-1",
-					children: [/* @__PURE__ */ (0, G.jsx)("div", {
+					children: [/* @__PURE__ */ U("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, G.jsx)("span", {
+					}), /* @__PURE__ */ U("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, G.jsxs)(m, { children: [/* @__PURE__ */ (0, G.jsxs)(_, { children: [/* @__PURE__ */ (0, G.jsx)(v, {
+			n.fieldDropOff && n.fieldDropOff.length > 0 && /* @__PURE__ */ W(m, { children: [/* @__PURE__ */ W(_, { children: [/* @__PURE__ */ U(v, {
 				className: "text-sm font-medium",
 				children: "Field Completion Rates"
-			}), /* @__PURE__ */ (0, G.jsx)(g, { children: "Percentage of users who completed each field" })] }), /* @__PURE__ */ (0, G.jsx)(h, { children: /* @__PURE__ */ (0, G.jsx)("div", {
+			}), /* @__PURE__ */ U(g, { children: "Percentage of users who completed each field" })] }), /* @__PURE__ */ U(h, { children: /* @__PURE__ */ U("div", {
 				className: "space-y-3",
-				children: n.fieldDropOff.map((e, t) => /* @__PURE__ */ (0, G.jsxs)("div", {
+				children: n.fieldDropOff.map((e, t) => /* @__PURE__ */ W("div", {
 					className: "space-y-1",
-					children: [/* @__PURE__ */ (0, G.jsxs)("div", {
+					children: [/* @__PURE__ */ W("div", {
 						className: "flex justify-between text-sm",
-						children: [/* @__PURE__ */ (0, G.jsx)("span", {
+						children: [/* @__PURE__ */ U("span", {
 							className: "text-foreground",
 							children: e.label
-						}), /* @__PURE__ */ (0, G.jsxs)("span", {
+						}), /* @__PURE__ */ W("span", {
 							className: "text-muted-foreground",
 							children: [e.completionRate, "%"]
 						})]
-					}), /* @__PURE__ */ (0, G.jsx)("div", {
+					}), /* @__PURE__ */ U("div", {
 						className: "w-full bg-muted rounded-full h-1.5",
-						children: /* @__PURE__ */ (0, G.jsx)("div", {
+						children: /* @__PURE__ */ U("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}%` }
 						})
@@ -1822,8 +1645,8 @@ var ye = ({ formId: e, formTitle: t, metrics: n, className: r }) => {
 			}) })] })
 		]
 	});
-}, be = ({ schema: e }) => /* @__PURE__ */ (0, G.jsx)($, { schema: e });
-o.register("object-form", be, {
+}, ve = ({ schema: e }) => /* @__PURE__ */ U($, { schema: e });
+o.register("object-form", ve, {
 	namespace: "plugin-form",
 	label: "Object Form",
 	category: "plugin",
@@ -1964,7 +1787,7 @@ o.register("object-form", be, {
 			]
 		}
 	]
-}), o.register("form", be, {
+}), o.register("form", ve, {
 	namespace: "view",
 	skipFallback: !0,
 	label: "Data Form View",
@@ -1992,7 +1815,7 @@ o.register("object-form", be, {
 			]
 		}
 	]
-}), o.register("embeddable-form", ({ schema: e }) => /* @__PURE__ */ (0, G.jsx)(_e, { config: e }), {
+}), o.register("embeddable-form", ({ schema: e }) => /* @__PURE__ */ U(he, { config: e }), {
 	namespace: "plugin-form",
 	label: "Embeddable Form",
 	category: "plugin",
@@ -2030,7 +1853,7 @@ o.register("object-form", be, {
 			label: "Allow Multiple Submissions"
 		}
 	]
-}), o.register("form-analytics", ({ schema: e }) => /* @__PURE__ */ (0, G.jsx)(ye, {
+}), o.register("form-analytics", ({ schema: e }) => /* @__PURE__ */ U(_e, {
 	formId: e.formId,
 	formTitle: e.formTitle,
 	metrics: e.metrics || { totalSubmissions: 0 }
@@ -2058,4 +1881,4 @@ o.register("object-form", be, {
 	]
 });
 //#endregion
-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 };
+export { Q as DrawerForm, he as EmbeddableForm, _e as FormAnalytics, G as FormSection, pe as ModalForm, $ as ObjectForm, J as SplitForm, K as TabbedForm, q as WizardForm, Y as applyAutoColSpan, Z as applyAutoLayout, le as filterCreateModeFields, se as inferColumns, X as inferModalSize, oe as isAutoGeneratedFieldType, ae as isWideFieldType };