@object-ui/plugin-form 3.1.3 → 3.1.4

package/dist/index.js

@@ -1,1870 +1,1988 @@
-import K, { useState as C, useCallback as A, useMemo as G, useEffect as H, useId as Fe } from "react";
-import { ComponentRegistry as ue } from "@object-ui/core";
-import { useSafeFieldLabel as ee, SchemaRenderer as J } from "@object-ui/react";
-import { buildValidationRules as B, mapFieldTypeToFormType as X, formatFileSize as Re, evaluateCondition as De } from "@object-ui/fields";
-import { cn as W, Tabs as ke, TabsList as _e, TabsTrigger as Ie, TabsContent as Le, Button as Z, ResizablePanelGroup as Pe, ResizablePanel as be, ResizableHandle as Ae, Sheet as ze, SheetContent as Ve, SheetHeader as Me, SheetTitle as $e, SheetDescription as qe, Dialog as Ye, MobileDialogContent as We, DialogHeader as Ue, DialogTitle as He, DialogDescription as Ge, Skeleton as xe, Card as re, CardHeader as le, CardDescription as ae, CardTitle as ne, CardContent as me } from "@object-ui/components";
-import { ChevronRight as Te, ChevronDown as Je, Check as Be, ChevronLeft as Xe, Loader2 as Qe } from "lucide-react";
-var de = { exports: {} }, ie = {};
-var ye;
-function Ze() {
-  if (ye) return ie;
-  ye = 1;
-  var e = /* @__PURE__ */ Symbol.for("react.transitional.element"), r = /* @__PURE__ */ Symbol.for("react.fragment");
-  function i(b, o, p) {
-    var x = null;
-    if (p !== void 0 && (x = "" + p), o.key !== void 0 && (x = "" + o.key), "key" in o) {
-      p = {};
-      for (var E in o)
-        E !== "key" && (p[E] = o[E]);
-    } else p = o;
-    return o = p.ref, {
-      $$typeof: e,
-      type: b,
-      key: x,
-      ref: o !== void 0 ? o : null,
-      props: p
-    };
-  }
-  return ie.Fragment = r, ie.jsx = i, ie.jsxs = i, ie;
-}
-var oe = {};
-var ge;
-function Ke() {
-  return ge || (ge = 1, process.env.NODE_ENV !== "production" && (function() {
-    function e(l) {
-      if (l == null) return null;
-      if (typeof l == "function")
-        return l.$$typeof === y ? null : l.displayName || l.name || null;
-      if (typeof l == "string") return l;
-      switch (l) {
-        case z:
-          return "Fragment";
-        case k:
-          return "Profiler";
-        case L:
-          return "StrictMode";
-        case n:
-          return "Suspense";
-        case a:
-          return "SuspenseList";
-        case S:
-          return "Activity";
-      }
-      if (typeof l == "object")
-        switch (typeof l.tag == "number" && console.error(
-          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), l.$$typeof) {
-          case D:
-            return "Portal";
-          case M:
-            return l.displayName || "Context";
-          case U:
-            return (l._context.displayName || "Context") + ".Consumer";
-          case f:
-            var w = l.render;
-            return l = l.displayName, l || (l = w.displayName || w.name || "", l = l !== "" ? "ForwardRef(" + l + ")" : "ForwardRef"), l;
-          case s:
-            return w = l.displayName || null, w !== null ? w : e(l.type) || "Memo";
-          case c:
-            w = l._payload, l = l._init;
-            try {
-              return e(l(w));
-            } catch {
-            }
-        }
-      return null;
-    }
-    function r(l) {
-      return "" + l;
-    }
-    function i(l) {
-      try {
-        r(l);
-        var w = !1;
-      } catch {
-        w = !0;
-      }
-      if (w) {
-        w = console;
-        var P = w.error, $ = typeof Symbol == "function" && Symbol.toStringTag && l[Symbol.toStringTag] || l.constructor.name || "Object";
-        return P.call(
-          w,
-          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          $
-        ), r(l);
-      }
-    }
-    function b(l) {
-      if (l === z) return "<>";
-      if (typeof l == "object" && l !== null && l.$$typeof === c)
-        return "<...>";
-      try {
-        var w = e(l);
-        return w ? "<" + w + ">" : "<...>";
-      } catch {
-        return "<...>";
-      }
-    }
-    function o() {
-      var l = d.A;
-      return l === null ? null : l.getOwner();
-    }
-    function p() {
-      return Error("react-stack-top-frame");
-    }
-    function x(l) {
-      if (_.call(l, "key")) {
-        var w = Object.getOwnPropertyDescriptor(l, "key").get;
-        if (w && w.isReactWarning) return !1;
-      }
-      return l.key !== void 0;
-    }
-    function E(l, w) {
-      function P() {
-        g || (g = !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)",
-          w
-        ));
-      }
-      P.isReactWarning = !0, Object.defineProperty(l, "key", {
-        get: P,
-        configurable: !0
-      });
-    }
-    function I() {
-      var l = e(this.type);
-      return m[l] || (m[l] = !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."
-      )), l = this.props.ref, l !== void 0 ? l : null;
-    }
-    function O(l, w, P, $, se, fe) {
-      var q = P.ref;
-      return l = {
-        $$typeof: v,
-        type: l,
-        key: w,
-        props: P,
-        _owner: $
-      }, (q !== void 0 ? q : null) !== null ? Object.defineProperty(l, "ref", {
-        enumerable: !1,
-        get: I
-      }) : Object.defineProperty(l, "ref", { enumerable: !1, value: null }), l._store = {}, Object.defineProperty(l._store, "validated", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: 0
-      }), Object.defineProperty(l, "_debugInfo", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: null
-      }), Object.defineProperty(l, "_debugStack", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: se
-      }), Object.defineProperty(l, "_debugTask", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: fe
-      }), Object.freeze && (Object.freeze(l.props), Object.freeze(l)), l;
-    }
-    function F(l, w, P, $, se, fe) {
-      var q = w.children;
-      if (q !== void 0)
-        if ($)
-          if (T(q)) {
-            for ($ = 0; $ < q.length; $++)
-              N(q[$]);
-            Object.freeze && Object.freeze(q);
-          } 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 N(q);
-      if (_.call(w, "key")) {
-        q = e(l);
-        var Q = Object.keys(w).filter(function(Oe) {
-          return Oe !== "key";
-        });
-        $ = 0 < Q.length ? "{key: someKey, " + Q.join(": ..., ") + ": ...}" : "{key: someKey}", R[q + $] || (Q = 0 < Q.length ? "{" + Q.join(": ..., ") + ": ...}" : "{}", console.error(
-          `A props object containing a "key" prop is being spread into JSX:
-  let props = %s;
-  <%s {...props} />
-React keys must be passed directly to JSX without using spread:
-  let props = %s;
-  <%s key={someKey} {...props} />`,
-          $,
-          q,
-          Q,
-          q
-        ), R[q + $] = !0);
-      }
-      if (q = null, P !== void 0 && (i(P), q = "" + P), x(w) && (i(w.key), q = "" + w.key), "key" in w) {
-        P = {};
-        for (var pe in w)
-          pe !== "key" && (P[pe] = w[pe]);
-      } else P = w;
-      return q && E(
-        P,
-        typeof l == "function" ? l.displayName || l.name || "Unknown" : l
-      ), O(
-        l,
-        q,
-        P,
-        o(),
-        se,
-        fe
-      );
-    }
-    function N(l) {
-      j(l) ? l._store && (l._store.validated = 1) : typeof l == "object" && l !== null && l.$$typeof === c && (l._payload.status === "fulfilled" ? j(l._payload.value) && l._payload.value._store && (l._payload.value._store.validated = 1) : l._store && (l._store.validated = 1));
-    }
-    function j(l) {
-      return typeof l == "object" && l !== null && l.$$typeof === v;
-    }
-    var h = K, v = /* @__PURE__ */ Symbol.for("react.transitional.element"), D = /* @__PURE__ */ Symbol.for("react.portal"), z = /* @__PURE__ */ Symbol.for("react.fragment"), L = /* @__PURE__ */ Symbol.for("react.strict_mode"), k = /* @__PURE__ */ Symbol.for("react.profiler"), U = /* @__PURE__ */ Symbol.for("react.consumer"), M = /* @__PURE__ */ Symbol.for("react.context"), f = /* @__PURE__ */ Symbol.for("react.forward_ref"), n = /* @__PURE__ */ Symbol.for("react.suspense"), a = /* @__PURE__ */ Symbol.for("react.suspense_list"), s = /* @__PURE__ */ Symbol.for("react.memo"), c = /* @__PURE__ */ Symbol.for("react.lazy"), S = /* @__PURE__ */ Symbol.for("react.activity"), y = /* @__PURE__ */ Symbol.for("react.client.reference"), d = h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, _ = Object.prototype.hasOwnProperty, T = Array.isArray, u = console.createTask ? console.createTask : function() {
-      return null;
-    };
-    h = {
-      react_stack_bottom_frame: function(l) {
-        return l();
-      }
-    };
-    var g, m = {}, V = h.react_stack_bottom_frame.bind(
-      h,
-      p
-    )(), Y = u(b(p)), R = {};
-    oe.Fragment = z, oe.jsx = function(l, w, P) {
-      var $ = 1e4 > d.recentlyCreatedOwnerStacks++;
-      return F(
-        l,
-        w,
-        P,
-        !1,
-        $ ? Error("react-stack-top-frame") : V,
-        $ ? u(b(l)) : Y
-      );
-    }, oe.jsxs = function(l, w, P) {
-      var $ = 1e4 > d.recentlyCreatedOwnerStacks++;
-      return F(
-        l,
-        w,
-        P,
-        !0,
-        $ ? Error("react-stack-top-frame") : V,
-        $ ? u(b(l)) : Y
-      );
-    };
-  })()), oe;
-}
-var je;
-function et() {
-  return je || (je = 1, process.env.NODE_ENV === "production" ? de.exports = Ze() : de.exports = Ke()), de.exports;
-}
-var t = et();
-const te = ({
-  label: e,
-  description: r,
-  collapsible: i = !1,
-  collapsed: b = !1,
-  columns: o = 1,
-  children: p,
-  className: x,
-  gridClassName: E
-}) => {
-  const [I, O] = C(b), F = {
-    1: "grid-cols-1",
-    2: "grid-cols-1 md:grid-cols-2",
-    3: "grid-cols-1 md:grid-cols-2 lg:grid-cols-3",
-    4: "grid-cols-1 md:grid-cols-2 lg:grid-cols-4"
-  }, N = () => {
-    i && O(!I);
-  };
-  return /* @__PURE__ */ t.jsxs("div", { className: W("form-section", x), children: [
-    (e || r) && /* @__PURE__ */ t.jsxs(
-      "div",
-      {
-        className: W(
-          "flex items-start gap-2 mb-4",
-          i && "cursor-pointer select-none"
-        ),
-        onClick: N,
-        role: i ? "button" : void 0,
-        "aria-expanded": i ? !I : void 0,
-        children: [
-          i && /* @__PURE__ */ t.jsx("span", { className: "mt-0.5 text-muted-foreground", children: I ? /* @__PURE__ */ t.jsx(Te, { className: "h-4 w-4" }) : /* @__PURE__ */ t.jsx(Je, { className: "h-4 w-4" }) }),
-          /* @__PURE__ */ t.jsxs("div", { className: "flex-1", children: [
-            e && /* @__PURE__ */ t.jsx("h3", { className: "text-base font-semibold text-foreground", children: e }),
-            r && /* @__PURE__ */ t.jsx("p", { className: "text-sm text-muted-foreground mt-0.5", children: r })
-          ] })
-        ]
-      }
-    ),
-    !I && /* @__PURE__ */ t.jsx("div", { className: W("grid gap-4", E || F[o]), children: p })
-  ] });
-}, tt = ({
-  schema: e,
-  dataSource: r,
-  className: i
-}) => {
-  const { fieldLabel: b } = ee(), [o, p] = C(null), [x, E] = C({}), [I, O] = C(!0), [F, N] = C(null), [j, h] = C(
-    e.defaultTab || e.sections[0]?.name || e.sections[0]?.label || "tab-0"
-  );
-  K.useEffect(() => {
-    (async () => {
-      if (!r) {
-        O(!1);
-        return;
-      }
-      try {
-        const n = await r.getObjectSchema(e.objectName);
-        p(n);
-      } catch (n) {
-        N(n);
-      }
-    })();
-  }, [e.objectName, r]), K.useEffect(() => {
-    (o || !r) && (async () => {
-      if (e.mode === "create" || !e.recordId || !r) {
-        E(e.initialData || e.initialValues || {}), O(!1);
-        return;
-      }
-      try {
-        const n = await r.findOne(e.objectName, e.recordId);
-        E(n || {});
-      } catch (n) {
-        N(n);
-      } finally {
-        O(!1);
-      }
-    })();
-  }, [o, e.mode, e.recordId, e.initialData, e.initialValues, r, e.objectName]);
-  const v = A((f) => {
-    const n = [];
-    for (const a of f.fields) {
-      const s = typeof a == "string" ? a : a.name;
-      if (typeof a == "object")
-        n.push(a);
-      else if (o?.fields?.[s]) {
-        const c = o.fields[s];
-        n.push({
-          name: s,
-          label: b(e.objectName, s, c.label || s),
-          type: X(c.type),
-          required: c.required || !1,
-          disabled: e.readOnly || e.mode === "view" || c.readonly,
-          placeholder: c.placeholder,
-          description: c.help || c.description,
-          validation: B(c),
-          field: c,
-          options: c.options,
-          multiple: c.multiple
-        });
-      } else
-        n.push({
-          name: s,
-          label: s,
-          type: "input"
-        });
-    }
-    return n;
-  }, [o, e.readOnly, e.mode]), D = A(async (f) => {
-    if (!r)
-      return e.onSuccess && await e.onSuccess(f), f;
-    try {
-      let n;
-      return e.mode === "create" ? n = await r.create(e.objectName, f) : e.mode === "edit" && e.recordId && (n = await r.update(e.objectName, e.recordId, f)), e.onSuccess && await e.onSuccess(n), n;
-    } catch (n) {
-      throw e.onError && e.onError(n), n;
-    }
-  }, [e, r]), z = A(() => {
-    e.onCancel && e.onCancel();
-  }, [e]), L = (f, n) => f.name || f.label || `tab-${n}`;
-  if (F)
-    return /* @__PURE__ */ t.jsxs("div", { className: "p-4 border border-red-300 bg-red-50 rounded-md", children: [
-      /* @__PURE__ */ t.jsx("h3", { className: "text-red-800 font-semibold", children: "Error loading form" }),
-      /* @__PURE__ */ t.jsx("p", { className: "text-red-600 text-sm mt-1", children: F.message })
-    ] });
-  if (I)
-    return /* @__PURE__ */ t.jsxs("div", { className: "p-8 text-center", children: [
-      /* @__PURE__ */ t.jsx("div", { className: "inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900" }),
-      /* @__PURE__ */ t.jsx("p", { className: "mt-2 text-sm text-gray-600", children: "Loading form..." })
-    ] });
-  const U = {
-    type: "form",
-    fields: e.sections.flatMap((f) => v(f)),
-    layout: "vertical",
-    defaultValues: x,
-    submitLabel: e.submitText || (e.mode === "create" ? "Create" : "Update"),
-    cancelLabel: e.cancelText,
-    showSubmit: e.showSubmit !== !1 && e.mode !== "view",
-    showCancel: e.showCancel !== !1,
-    onSubmit: D,
-    onCancel: z
-  }, M = e.tabPosition === "left" || e.tabPosition === "right";
-  return /* @__PURE__ */ t.jsx("div", { className: W("w-full", i, e.className), children: /* @__PURE__ */ t.jsxs(
-    ke,
-    {
-      value: j,
-      onValueChange: h,
-      orientation: M ? "vertical" : "horizontal",
-      className: W(M && "flex gap-4"),
-      children: [
-        /* @__PURE__ */ t.jsx(_e, { className: W(
-          M ? "flex-col h-auto" : "",
-          e.tabPosition === "bottom" && "order-last",
-          e.tabPosition === "right" && "order-last"
-        ), children: e.sections.map((f, n) => /* @__PURE__ */ t.jsx(
-          Ie,
-          {
-            value: L(f, n),
-            className: M ? "w-full justify-start" : "",
-            children: f.label || `Tab ${n + 1}`
-          },
-          L(f, n)
-        )) }),
-        /* @__PURE__ */ t.jsx("div", { className: "flex-1", children: e.sections.map((f, n) => /* @__PURE__ */ t.jsx(
-          Le,
-          {
-            value: L(f, n),
-            className: "mt-0",
-            children: /* @__PURE__ */ t.jsx(
-              te,
-              {
-                description: f.description,
-                columns: f.columns || 1,
-                children: /* @__PURE__ */ t.jsx(
-                  J,
-                  {
-                    schema: {
-                      ...U,
-                      fields: v(f),
-                      // Only show buttons on the last tab or always visible
-                      showSubmit: e.showSubmit !== !1 && e.mode !== "view",
-                      showCancel: e.showCancel !== !1
-                    }
-                  }
-                )
-              }
-            )
-          },
-          L(f, n)
-        )) })
-      ]
-    }
-  ) });
-}, rt = ({
-  schema: e,
-  dataSource: r,
-  className: i
-}) => {
-  const { fieldLabel: b } = ee(), [o, p] = C(null), [x, E] = C({}), [I, O] = C(!0), [F, N] = C(null), [j, h] = C(0), [v, D] = C(/* @__PURE__ */ new Set()), [z, L] = C(!1), k = e.sections.length, U = j === 0, M = j === k - 1;
-  K.useEffect(() => {
-    (async () => {
-      if (!r) {
-        O(!1);
-        return;
-      }
-      try {
-        const T = await r.getObjectSchema(e.objectName);
-        p(T);
-      } catch (T) {
-        N(T);
-      }
-    })();
-  }, [e.objectName, r]), K.useEffect(() => {
-    (o || !r) && (async () => {
-      if (e.mode === "create" || !e.recordId || !r) {
-        E(e.initialData || e.initialValues || {}), O(!1);
-        return;
-      }
-      try {
-        const T = await r.findOne(e.objectName, e.recordId);
-        E(T || {});
-      } catch (T) {
-        N(T);
-      } finally {
-        O(!1);
-      }
-    })();
-  }, [o, e.mode, e.recordId, e.initialData, e.initialValues, r, e.objectName]);
-  const f = A((_) => {
-    const T = [];
-    for (const u of _.fields) {
-      const g = typeof u == "string" ? u : u.name;
-      if (typeof u == "object")
-        T.push(u);
-      else if (o?.fields?.[g]) {
-        const m = o.fields[g];
-        T.push({
-          name: g,
-          label: b(e.objectName, g, m.label || g),
-          type: X(m.type),
-          required: m.required || !1,
-          disabled: e.readOnly || e.mode === "view" || m.readonly,
-          placeholder: m.placeholder,
-          description: m.help || m.description,
-          validation: B(m),
-          field: m,
-          options: m.options,
-          multiple: m.multiple
-        });
-      } else
-        T.push({
-          name: g,
-          label: g,
-          type: "input"
-        });
-    }
-    return T;
-  }, [o, e.readOnly, e.mode]), n = G(() => j >= 0 && j < k ? f(e.sections[j]) : [], [j, k, e.sections, f]), a = A(async (_) => {
-    const T = { ...x, ..._ };
-    if (E(T), D((u) => new Set(u).add(j)), M) {
-      L(!0);
-      try {
-        if (!r)
-          return e.onSuccess && await e.onSuccess(T), T;
-        let u;
-        return e.mode === "create" ? u = await r.create(e.objectName, T) : e.mode === "edit" && e.recordId && (u = await r.update(e.objectName, e.recordId, T)), e.onSuccess && await e.onSuccess(u), u;
-      } catch (u) {
-        throw e.onError && e.onError(u), u;
-      } finally {
-        L(!1);
-      }
-    } else
-      s(j + 1);
-  }, [x, j, M, e, r]), s = A((_) => {
-    _ >= 0 && _ < k && (h(_), e.onStepChange && e.onStepChange(_));
-  }, [k, e]), c = A(() => {
-    s(j - 1);
-  }, [j, s]), S = A(() => {
-    e.onCancel && e.onCancel();
-  }, [e]), y = A((_) => {
-    (e.allowSkip || v.has(_) || _ <= j) && s(_);
-  }, [e.allowSkip, v, j, s]);
-  if (F)
-    return /* @__PURE__ */ t.jsxs("div", { className: "p-4 border border-red-300 bg-red-50 rounded-md", children: [
-      /* @__PURE__ */ t.jsx("h3", { className: "text-red-800 font-semibold", children: "Error loading form" }),
-      /* @__PURE__ */ t.jsx("p", { className: "text-red-600 text-sm mt-1", children: F.message })
-    ] });
-  if (I)
-    return /* @__PURE__ */ t.jsxs("div", { className: "p-8 text-center", children: [
-      /* @__PURE__ */ t.jsx("div", { className: "inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900" }),
-      /* @__PURE__ */ t.jsx("p", { className: "mt-2 text-sm text-gray-600", children: "Loading form..." })
-    ] });
-  const d = e.sections[j];
-  return /* @__PURE__ */ t.jsxs("div", { className: W("w-full", i, e.className), children: [
-    e.showStepIndicator !== !1 && /* @__PURE__ */ t.jsx("nav", { "aria-label": "Progress", className: "mb-8", children: /* @__PURE__ */ t.jsx("ol", { className: "flex items-center", children: e.sections.map((_, T) => {
-      const u = T === j, g = v.has(T), m = e.allowSkip || g || T <= j;
-      return /* @__PURE__ */ t.jsxs(
-        "li",
-        {
-          className: W(
-            "relative flex-1",
-            T !== k - 1 && "pr-8 sm:pr-12"
-          ),
-          children: [
-            T !== k - 1 && /* @__PURE__ */ t.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__ */ t.jsx(
-                  "div",
-                  {
-                    className: W(
-                      "h-full",
-                      g ? "bg-primary" : "bg-muted"
-                    )
-                  }
-                )
-              }
-            ),
-            /* @__PURE__ */ t.jsxs(
-              "button",
-              {
-                type: "button",
-                className: W(
-                  "group relative flex items-center",
-                  m ? "cursor-pointer" : "cursor-not-allowed"
-                ),
-                onClick: () => y(T),
-                disabled: !m,
-                children: [
-                  /* @__PURE__ */ t.jsx(
-                    "span",
-                    {
-                      className: W(
-                        "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",
-                        g && "bg-primary text-primary-foreground",
-                        u && !g && "border-2 border-primary bg-background text-primary",
-                        !u && !g && "border-2 border-muted bg-background text-muted-foreground"
-                      ),
-                      children: g ? /* @__PURE__ */ t.jsx(Be, { className: "h-3 w-3 sm:h-4 sm:w-4" }) : T + 1
-                    }
-                  ),
-                  /* @__PURE__ */ t.jsx("span", { className: "ml-2 sm:ml-3 text-xs sm:text-sm font-medium hidden sm:block", children: /* @__PURE__ */ t.jsx(
-                    "span",
-                    {
-                      className: W(
-                        u ? "text-foreground" : "text-muted-foreground"
-                      ),
-                      children: _.label || `Step ${T + 1}`
-                    }
-                  ) })
-                ]
-              }
-            )
-          ]
-        },
-        T
-      );
-    }) }) }),
-    /* @__PURE__ */ t.jsx("div", { className: "min-h-[200px]", children: d && /* @__PURE__ */ t.jsx(
-      te,
-      {
-        label: d.label,
-        description: d.description,
-        columns: d.columns || 1,
-        children: n.length > 0 ? /* @__PURE__ */ t.jsx(
-          J,
-          {
-            schema: {
-              type: "form",
-              fields: n,
-              layout: "vertical",
-              defaultValues: x,
-              showSubmit: !1,
-              showCancel: !1,
-              onSubmit: a
-            }
-          }
-        ) : /* @__PURE__ */ t.jsx("div", { className: "text-center py-8 text-muted-foreground", children: "No fields configured for this step" })
-      }
-    ) }),
-    /* @__PURE__ */ t.jsxs("div", { className: "flex items-center justify-between mt-6 pt-4 border-t", children: [
-      /* @__PURE__ */ t.jsx("div", { children: e.showCancel !== !1 && /* @__PURE__ */ t.jsx(
-        Z,
-        {
-          variant: "ghost",
-          onClick: S,
-          children: e.cancelText || "Cancel"
-        }
-      ) }),
-      /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ t.jsxs("span", { className: "text-sm text-muted-foreground mr-2", children: [
-          "Step ",
-          j + 1,
-          " of ",
-          k
-        ] }),
-        !U && /* @__PURE__ */ t.jsxs(
-          Z,
-          {
-            variant: "outline",
-            onClick: c,
-            children: [
-              /* @__PURE__ */ t.jsx(Xe, { className: "h-4 w-4 mr-1" }),
-              e.prevText || "Back"
-            ]
-          }
-        ),
-        M ? /* @__PURE__ */ t.jsx(
-          Z,
-          {
-            onClick: () => a(x),
-            disabled: z || e.mode === "view",
-            children: z ? "Submitting..." : e.submitText || (e.mode === "create" ? "Create" : "Update")
-          }
-        ) : /* @__PURE__ */ t.jsxs(
-          Z,
-          {
-            onClick: () => a(x),
-            children: [
-              e.nextText || "Next",
-              /* @__PURE__ */ t.jsx(Te, { className: "h-4 w-4 ml-1" })
-            ]
-          }
-        )
-      ] })
-    ] })
-  ] });
-}, lt = ({
-  schema: e,
-  dataSource: r,
-  className: i
-}) => {
-  const { fieldLabel: b } = ee(), [o, p] = C(null), [x, E] = C({}), [I, O] = C(!0), [F, N] = C(null);
-  H(() => {
-    (async () => {
-      if (!r) {
-        O(!1);
-        return;
-      }
-      try {
-        const n = await r.getObjectSchema(e.objectName);
-        p(n);
-      } catch (n) {
-        N(n), O(!1);
-      }
-    })();
-  }, [e.objectName, r]), H(() => {
-    (o || !r) && (async () => {
-      if (e.mode === "create" || !e.recordId) {
-        E(e.initialData || e.initialValues || {}), O(!1);
-        return;
-      }
-      if (!r) {
-        E(e.initialData || e.initialValues || {}), O(!1);
-        return;
-      }
-      try {
-        const n = await r.findOne(e.objectName, e.recordId);
-        E(n || {});
-      } catch (n) {
-        N(n);
-      } finally {
-        O(!1);
-      }
-    })();
-  }, [o, e.mode, e.recordId, e.initialData, e.initialValues, r, e.objectName]);
-  const j = A((f) => {
-    const n = [];
-    for (const a of f.fields) {
-      const s = typeof a == "string" ? a : a.name;
-      if (typeof a == "object")
-        n.push(a);
-      else if (o?.fields?.[s]) {
-        const c = o.fields[s];
-        n.push({
-          name: s,
-          label: b(e.objectName, s, c.label || s),
-          type: X(c.type),
-          required: c.required || !1,
-          disabled: e.readOnly || e.mode === "view" || c.readonly,
-          placeholder: c.placeholder,
-          description: c.help || c.description,
-          validation: B(c),
-          field: c,
-          options: c.options,
-          multiple: c.multiple
-        });
-      } else
-        n.push({
-          name: s,
-          label: s,
-          type: "input"
-        });
-    }
-    return n;
-  }, [o, e.readOnly, e.mode]), h = A(async (f) => {
-    if (!r)
-      return e.onSuccess && await e.onSuccess(f), f;
-    try {
-      let n;
-      return e.mode === "create" ? n = await r.create(e.objectName, f) : e.mode === "edit" && e.recordId && (n = await r.update(e.objectName, e.recordId, f)), e.onSuccess && await e.onSuccess(n), n;
-    } catch (n) {
-      throw e.onError && e.onError(n), n;
-    }
-  }, [e, r]), v = A(() => {
-    e.onCancel && e.onCancel();
-  }, [e]), D = G(() => e.sections.slice(0, 1), [e.sections]), z = G(() => e.sections.slice(1), [e.sections]);
-  G(
-    () => e.sections.flatMap((f) => j(f)),
-    [e.sections, j]
-  );
-  const L = e.splitDirection || "horizontal", k = e.splitSize || 50;
-  if (F)
-    return /* @__PURE__ */ t.jsxs("div", { className: "p-4 border border-red-300 bg-red-50 rounded-md", children: [
-      /* @__PURE__ */ t.jsx("h3", { className: "text-red-800 font-semibold", children: "Error loading form" }),
-      /* @__PURE__ */ t.jsx("p", { className: "text-red-600 text-sm mt-1", children: F.message })
-    ] });
-  if (I)
-    return /* @__PURE__ */ t.jsxs("div", { className: "p-8 text-center", children: [
-      /* @__PURE__ */ t.jsx("div", { className: "inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900" }),
-      /* @__PURE__ */ t.jsx("p", { className: "mt-2 text-sm text-gray-600", children: "Loading form..." })
-    ] });
-  const U = {
-    type: "form",
-    layout: "vertical",
-    defaultValues: x,
-    onSubmit: h,
-    onCancel: v
-  }, M = (f, n) => /* @__PURE__ */ t.jsx("div", { className: "space-y-4 p-4", children: f.map((a, s) => /* @__PURE__ */ t.jsx(
-    te,
-    {
-      label: a.label,
-      description: a.description,
-      columns: a.columns || 1,
-      children: /* @__PURE__ */ t.jsx(
-        J,
-        {
-          schema: {
-            ...U,
-            fields: j(a),
-            showSubmit: n && e.showSubmit !== !1 && e.mode !== "view",
-            showCancel: n && e.showCancel !== !1,
-            submitLabel: e.submitText || (e.mode === "create" ? "Create" : "Update"),
-            cancelLabel: e.cancelText
-          }
-        }
-      )
-    },
-    a.name || a.label || s
-  )) });
-  return /* @__PURE__ */ t.jsx("div", { className: W("w-full", i, e.className), children: /* @__PURE__ */ t.jsxs(Pe, { orientation: L, className: "min-h-[300px] rounded-lg border", children: [
-    /* @__PURE__ */ t.jsx(be, { defaultSize: k, minSize: 20, children: M(D, z.length === 0) }),
-    z.length > 0 && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-      /* @__PURE__ */ t.jsx(Ae, { withHandle: e.splitResizable !== !1 }),
-      /* @__PURE__ */ t.jsx(be, { defaultSize: 100 - k, minSize: 20, children: M(z, !0) })
-    ] })
-  ] }) });
-}, nt = /* @__PURE__ */ new Set([
-  "field:textarea",
-  "field:markdown",
-  "field:html",
-  "field:grid",
-  "field:rich-text",
-  "textarea",
-  "markdown",
-  "html",
-  "grid",
-  "rich-text"
-]), it = /* @__PURE__ */ new Set([
-  "formula",
-  "summary",
-  "auto_number",
-  "autonumber"
+import e, { useCallback as t, useEffect as n, useId as r, useMemo as i, useState as a } from "react";
+import { ComponentRegistry as o } from "@object-ui/core";
+import { SchemaRenderer as s, useSafeFieldLabel as c } from "@object-ui/react";
+import { buildValidationRules as l, evaluateCondition as u, formatFileSize as d, mapFieldTypeToFormType as f } from "@object-ui/fields";
+import { Button as p, Card as m, CardContent as h, CardDescription as g, CardHeader as _, CardTitle as v, Dialog as y, DialogDescription as b, DialogHeader as x, DialogTitle as S, MobileDialogContent as C, ResizableHandle as w, ResizablePanel as T, ResizablePanelGroup as E, Sheet as D, SheetContent as O, SheetDescription as k, SheetHeader as A, SheetTitle as j, Skeleton as M, Tabs as N, TabsContent as P, TabsList as F, TabsTrigger as I, cn as L } from "@object-ui/components";
+import { Check as R, ChevronDown as z, ChevronLeft as B, ChevronRight as V, Loader2 as ee } from "lucide-react";
+//#region \0rolldown/runtime.js
+var H = (e, t) => () => (t || e((t = { exports: {} }).exports, t), 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;
+})), G = /* @__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);
+		};
+	})();
+})), 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 }) => {
+	let [l, u] = a(r), d = {
+		1: "grid-cols-1",
+		2: "grid-cols-1 md:grid-cols-2",
+		3: "grid-cols-1 md:grid-cols-2 lg:grid-cols-3",
+		4: "grid-cols-1 md:grid-cols-2 lg:grid-cols-4"
+	};
+	return /* @__PURE__ */ (0, K.jsxs)("div", {
+		className: L("form-section", s),
+		children: [(e || t) && /* @__PURE__ */ (0, K.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", {
+				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", {
+				className: "flex-1",
+				children: [e && /* @__PURE__ */ (0, K.jsx)("h3", {
+					className: "text-base font-semibold text-foreground",
+					children: e
+				}), t && /* @__PURE__ */ (0, K.jsx)("p", {
+					className: "text-sm text-muted-foreground mt-0.5",
+					children: t
+				})]
+			})]
+		}), !l && /* @__PURE__ */ (0, K.jsx)("div", {
+			className: L("grid gap-4", c || d[i]),
+			children: o
+		})]
+	});
+}, J = ({ 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 () => {
+			if (!r) {
+				g(!1);
+				return;
+			}
+			try {
+				d(await r.getObjectSchema(n.objectName));
+			} catch (e) {
+				v(e);
+			}
+		})();
+	}, [n.objectName, r]), e.useEffect(() => {
+		(u || !r) && (async () => {
+			if (n.mode === "create" || !n.recordId || !r) {
+				m(n.initialData || n.initialValues || {}), g(!1);
+				return;
+			}
+			try {
+				m(await r.findOne(n.objectName, n.recordId) || {});
+			} catch (e) {
+				v(e);
+			} finally {
+				g(!1);
+			}
+		})();
+	}, [
+		u,
+		n.mode,
+		n.recordId,
+		n.initialData,
+		n.initialValues,
+		r,
+		n.objectName
+	]);
+	let x = t((e) => {
+		let t = [];
+		for (let r of e.fields) {
+			let e = typeof r == "string" ? r : r.name;
+			if (typeof r == "object") t.push(r);
+			else if (u?.fields?.[e]) {
+				let r = u.fields[e];
+				t.push({
+					name: e,
+					label: o(n.objectName, e, r.label || e),
+					type: f(r.type),
+					required: r.required || !1,
+					disabled: n.readOnly || n.mode === "view" || r.readonly,
+					placeholder: r.placeholder,
+					description: r.help || r.description,
+					validation: l(r),
+					field: r,
+					options: r.options,
+					multiple: r.multiple
+				});
+			} else t.push({
+				name: e,
+				label: e,
+				type: "input"
+			});
+		}
+		return t;
+	}, [
+		u,
+		n.readOnly,
+		n.mode
+	]), S = t(async (e) => {
+		if (!r) return n.onSuccess && await n.onSuccess(e), e;
+		try {
+			let t;
+			return n.mode === "create" ? t = await r.create(n.objectName, e) : n.mode === "edit" && n.recordId && (t = await r.update(n.objectName, n.recordId, e)), n.onSuccess && await n.onSuccess(t), t;
+		} catch (e) {
+			throw n.onError && n.onError(e), e;
+		}
+	}, [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", {
+		className: "p-4 border border-red-300 bg-red-50 rounded-md",
+		children: [/* @__PURE__ */ (0, K.jsx)("h3", {
+			className: "text-red-800 font-semibold",
+			children: "Error loading form"
+		}), /* @__PURE__ */ (0, K.jsx)("p", {
+			className: "text-red-600 text-sm mt-1",
+			children: _.message
+		})]
+	});
+	if (h) return /* @__PURE__ */ (0, K.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", {
+			className: "mt-2 text-sm text-gray-600",
+			children: "Loading form..."
+		})]
+	});
+	let T = {
+		type: "form",
+		fields: n.sections.flatMap((e) => x(e)),
+		layout: "vertical",
+		defaultValues: p,
+		submitLabel: n.submitText || (n.mode === "create" ? "Create" : "Update"),
+		cancelLabel: n.cancelText,
+		showSubmit: n.showSubmit !== !1 && n.mode !== "view",
+		showCancel: n.showCancel !== !1,
+		onSubmit: S,
+		onCancel: C
+	}, E = n.tabPosition === "left" || n.tabPosition === "right";
+	return /* @__PURE__ */ (0, K.jsx)("div", {
+		className: L("w-full", i, n.className),
+		children: /* @__PURE__ */ (0, K.jsxs)(N, {
+			value: y,
+			onValueChange: b,
+			orientation: E ? "vertical" : "horizontal",
+			className: L(E && "flex gap-4"),
+			children: [/* @__PURE__ */ (0, K.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, {
+					value: w(e, t),
+					className: E ? "w-full justify-start" : "",
+					children: e.label || `Tab ${t + 1}`
+				}, w(e, t)))
+			}), /* @__PURE__ */ (0, K.jsx)("div", {
+				className: "flex-1",
+				children: n.sections.map((e, t) => /* @__PURE__ */ (0, K.jsx)(P, {
+					value: w(e, t),
+					className: "mt-0",
+					children: /* @__PURE__ */ (0, K.jsx)(q, {
+						description: e.description,
+						columns: e.columns || 1,
+						children: /* @__PURE__ */ (0, K.jsx)(s, { schema: {
+							...T,
+							fields: x(e),
+							showSubmit: n.showSubmit !== !1 && n.mode !== "view",
+							showCancel: n.showCancel !== !1
+						} })
+					})
+				}, w(e, t)))
+			})]
+		})
+	});
+}, Y = ({ 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 () => {
+			if (!r) {
+				v(!1);
+				return;
+			}
+			try {
+				m(await r.getObjectSchema(n.objectName));
+			} catch (e) {
+				b(e);
+			}
+		})();
+	}, [n.objectName, r]), e.useEffect(() => {
+		(d || !r) && (async () => {
+			if (n.mode === "create" || !n.recordId || !r) {
+				g(n.initialData || n.initialValues || {}), v(!1);
+				return;
+			}
+			try {
+				g(await r.findOne(n.objectName, n.recordId) || {});
+			} catch (e) {
+				b(e);
+			} finally {
+				v(!1);
+			}
+		})();
+	}, [
+		d,
+		n.mode,
+		n.recordId,
+		n.initialData,
+		n.initialValues,
+		r,
+		n.objectName
+	]);
+	let A = t((e) => {
+		let t = [];
+		for (let r of e.fields) {
+			let e = typeof r == "string" ? r : r.name;
+			if (typeof r == "object") t.push(r);
+			else if (d?.fields?.[e]) {
+				let r = d.fields[e];
+				t.push({
+					name: e,
+					label: u(n.objectName, e, r.label || e),
+					type: f(r.type),
+					required: r.required || !1,
+					disabled: n.readOnly || n.mode === "view" || r.readonly,
+					placeholder: r.placeholder,
+					description: r.help || r.description,
+					validation: l(r),
+					field: r,
+					options: r.options,
+					multiple: r.multiple
+				});
+			} else t.push({
+				name: e,
+				label: e,
+				type: "input"
+			});
+		}
+		return t;
+	}, [
+		d,
+		n.readOnly,
+		n.mode
+	]), j = i(() => x >= 0 && x < D ? A(n.sections[x]) : [], [
+		x,
+		D,
+		n.sections,
+		A
+	]), M = t(async (e) => {
+		let t = {
+			...h,
+			...e
+		};
+		if (g(t), w((e) => new Set(e).add(x)), k) {
+			E(!0);
+			try {
+				if (!r) return n.onSuccess && await n.onSuccess(t), t;
+				let e;
+				return n.mode === "create" ? e = await r.create(n.objectName, t) : n.mode === "edit" && n.recordId && (e = await r.update(n.objectName, n.recordId, t)), n.onSuccess && await n.onSuccess(e), e;
+			} catch (e) {
+				throw n.onError && n.onError(e), e;
+			} finally {
+				E(!1);
+			}
+		} else N(x + 1);
+	}, [
+		h,
+		x,
+		k,
+		n,
+		r
+	]), N = t((e) => {
+		e >= 0 && e < D && (S(e), n.onStepChange && n.onStepChange(e));
+	}, [D, n]), P = t(() => {
+		N(x - 1);
+	}, [x, N]), F = t(() => {
+		n.onCancel && n.onCancel();
+	}, [n]), I = t((e) => {
+		(n.allowSkip || C.has(e) || e <= x) && N(e);
+	}, [
+		n.allowSkip,
+		C,
+		x,
+		N
+	]);
+	if (y) return /* @__PURE__ */ (0, K.jsxs)("div", {
+		className: "p-4 border border-red-300 bg-red-50 rounded-md",
+		children: [/* @__PURE__ */ (0, K.jsx)("h3", {
+			className: "text-red-800 font-semibold",
+			children: "Error loading form"
+		}), /* @__PURE__ */ (0, K.jsx)("p", {
+			className: "text-red-600 text-sm mt-1",
+			children: y.message
+		})]
+	});
+	if (_) return /* @__PURE__ */ (0, K.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", {
+			className: "mt-2 text-sm text-gray-600",
+			children: "Loading form..."
+		})]
+	});
+	let z = n.sections[x];
+	return /* @__PURE__ */ (0, K.jsxs)("div", {
+		className: L("w-full", o, n.className),
+		children: [
+			n.showStepIndicator !== !1 && /* @__PURE__ */ (0, K.jsx)("nav", {
+				"aria-label": "Progress",
+				className: "mb-8",
+				children: /* @__PURE__ */ (0, K.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", {
+							className: L("relative flex-1", t !== D - 1 && "pr-8 sm:pr-12"),
+							children: [t !== D - 1 && /* @__PURE__ */ (0, K.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", {
+								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", {
+									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", {
+									className: "ml-2 sm:ml-3 text-xs sm:text-sm font-medium hidden sm:block",
+									children: /* @__PURE__ */ (0, K.jsx)("span", {
+										className: L(r ? "text-foreground" : "text-muted-foreground"),
+										children: e.label || `Step ${t + 1}`
+									})
+								})]
+							})]
+						}, t);
+					})
+				})
+			}),
+			/* @__PURE__ */ (0, K.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: {
+						type: "form",
+						fields: j,
+						layout: "vertical",
+						defaultValues: h,
+						showSubmit: !1,
+						showCancel: !1,
+						onSubmit: M
+					} }) : /* @__PURE__ */ (0, K.jsx)("div", {
+						className: "text-center py-8 text-muted-foreground",
+						children: "No fields configured for this step"
+					})
+				})
+			}),
+			/* @__PURE__ */ (0, K.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, {
+					variant: "ghost",
+					onClick: F,
+					children: n.cancelText || "Cancel"
+				}) }), /* @__PURE__ */ (0, K.jsxs)("div", {
+					className: "flex items-center gap-2",
+					children: [
+						/* @__PURE__ */ (0, K.jsxs)("span", {
+							className: "text-sm text-muted-foreground mr-2",
+							children: [
+								"Step ",
+								x + 1,
+								" of ",
+								D
+							]
+						}),
+						!O && /* @__PURE__ */ (0, K.jsxs)(p, {
+							variant: "outline",
+							onClick: P,
+							children: [/* @__PURE__ */ (0, K.jsx)(B, { className: "h-4 w-4 mr-1" }), n.prevText || "Back"]
+						}),
+						k ? /* @__PURE__ */ (0, K.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, {
+							onClick: () => M(h),
+							children: [n.nextText || "Next", /* @__PURE__ */ (0, K.jsx)(V, { className: "h-4 w-4 ml-1" })]
+						})
+					]
+				})]
+			})
+		]
+	});
+}, te = ({ 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 () => {
+			if (!r) {
+				_(!1);
+				return;
+			}
+			try {
+				p(await r.getObjectSchema(e.objectName));
+			} catch (e) {
+				y(e), _(!1);
+			}
+		})();
+	}, [e.objectName, r]), n(() => {
+		(d || !r) && (async () => {
+			if (e.mode === "create" || !e.recordId) {
+				h(e.initialData || e.initialValues || {}), _(!1);
+				return;
+			}
+			if (!r) {
+				h(e.initialData || e.initialValues || {}), _(!1);
+				return;
+			}
+			try {
+				h(await r.findOne(e.objectName, e.recordId) || {});
+			} catch (e) {
+				y(e);
+			} finally {
+				_(!1);
+			}
+		})();
+	}, [
+		d,
+		e.mode,
+		e.recordId,
+		e.initialData,
+		e.initialValues,
+		r,
+		e.objectName
+	]);
+	let b = t((t) => {
+		let n = [];
+		for (let r of t.fields) {
+			let t = typeof r == "string" ? r : r.name;
+			if (typeof r == "object") n.push(r);
+			else if (d?.fields?.[t]) {
+				let r = d.fields[t];
+				n.push({
+					name: t,
+					label: u(e.objectName, t, r.label || t),
+					type: f(r.type),
+					required: r.required || !1,
+					disabled: e.readOnly || e.mode === "view" || r.readonly,
+					placeholder: r.placeholder,
+					description: r.help || r.description,
+					validation: l(r),
+					field: r,
+					options: r.options,
+					multiple: r.multiple
+				});
+			} else n.push({
+				name: t,
+				label: t,
+				type: "input"
+			});
+		}
+		return n;
+	}, [
+		d,
+		e.readOnly,
+		e.mode
+	]), x = t(async (t) => {
+		if (!r) return e.onSuccess && await e.onSuccess(t), t;
+		try {
+			let n;
+			return e.mode === "create" ? n = await r.create(e.objectName, t) : e.mode === "edit" && e.recordId && (n = await r.update(e.objectName, e.recordId, t)), e.onSuccess && await e.onSuccess(n), n;
+		} catch (t) {
+			throw e.onError && e.onError(t), t;
+		}
+	}, [e, r]), S = t(() => {
+		e.onCancel && e.onCancel();
+	}, [e]), C = i(() => e.sections.slice(0, 1), [e.sections]), D = i(() => e.sections.slice(1), [e.sections]);
+	i(() => e.sections.flatMap((e) => b(e)), [e.sections, b]);
+	let O = e.splitDirection || "horizontal", k = e.splitSize || 50;
+	if (v) return /* @__PURE__ */ (0, K.jsxs)("div", {
+		className: "p-4 border border-red-300 bg-red-50 rounded-md",
+		children: [/* @__PURE__ */ (0, K.jsx)("h3", {
+			className: "text-red-800 font-semibold",
+			children: "Error loading form"
+		}), /* @__PURE__ */ (0, K.jsx)("p", {
+			className: "text-red-600 text-sm mt-1",
+			children: v.message
+		})]
+	});
+	if (g) return /* @__PURE__ */ (0, K.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", {
+			className: "mt-2 text-sm text-gray-600",
+			children: "Loading form..."
+		})]
+	});
+	let A = {
+		type: "form",
+		layout: "vertical",
+		defaultValues: m,
+		onSubmit: x,
+		onCancel: S
+	}, j = (t, n) => /* @__PURE__ */ (0, K.jsx)("div", {
+		className: "space-y-4 p-4",
+		children: t.map((t, r) => /* @__PURE__ */ (0, K.jsx)(q, {
+			label: t.label,
+			description: t.description,
+			columns: t.columns || 1,
+			children: /* @__PURE__ */ (0, K.jsx)(s, { schema: {
+				...A,
+				fields: b(t),
+				showSubmit: n && e.showSubmit !== !1 && e.mode !== "view",
+				showCancel: n && e.showCancel !== !1,
+				submitLabel: e.submitText || (e.mode === "create" ? "Create" : "Update"),
+				cancelLabel: e.cancelText
+			} })
+		}, t.name || t.label || r))
+	});
+	return /* @__PURE__ */ (0, K.jsx)("div", {
+		className: L("w-full", o, e.className),
+		children: /* @__PURE__ */ (0, K.jsxs)(E, {
+			orientation: O,
+			className: "min-h-[300px] rounded-lg border",
+			children: [/* @__PURE__ */ (0, K.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, {
+				defaultSize: 100 - k,
+				minSize: 20,
+				children: j(D, !0)
+			})] })]
+		})
+	});
+}, ne = new Set([
+	"field:textarea",
+	"field:markdown",
+	"field:html",
+	"field:grid",
+	"field:rich-text",
+	"textarea",
+	"markdown",
+	"html",
+	"grid",
+	"rich-text"
+]), re = new Set([
+	"formula",
+	"summary",
+	"auto_number",
+	"autonumber"
 ]);
-function ot(e) {
-  return nt.has(e);
+function ie(e) {
+	return ne.has(e);
 }
-function st(e) {
-  return it.has(e);
+function ae(e) {
+	return re.has(e);
 }
-function at(e) {
-  return e <= 3 ? 1 : 2;
+function oe(e) {
+	return e <= 3 ? 1 : 2;
 }
-function we(e, r) {
-  return r <= 1 ? e : e.map((i) => i.colSpan !== void 0 ? i : i.type && ot(i.type) ? { ...i, colSpan: r } : i);
+function X(e, t) {
+	return t <= 1 ? e : e.map((e) => e.colSpan === void 0 && e.type && ie(e.type) ? {
+		...e,
+		colSpan: t
+	} : e);
 }
-function dt(e, r) {
-  return r?.fields ? e.filter((i) => {
-    const b = r.fields[i.name];
-    return b ? !st(b.type) : !0;
-  }) : e;
+function se(e, t) {
+	return t?.fields ? e.filter((e) => {
+		let n = t.fields[e.name];
+		return n ? !ae(n.type) : !0;
+	}) : e;
 }
-function Ne(e) {
-  return e <= 1 ? "default" : e === 2 ? "xl" : "full";
+function Z(e) {
+	return e <= 1 ? "default" : e === 2 ? "xl" : "full";
 }
-function ce(e, r, i, b) {
-  let o = [...e];
-  if (b === "create" && (o = dt(o, r)), i !== void 0)
-    return o = we(o, i), { fields: o, columns: i };
-  const p = at(o.length);
-  return o = we(o, p), { fields: o, columns: p };
+function Q(e, t, n, r) {
+	let i = [...e];
+	if (r === "create" && (i = se(i, t)), n !== void 0) return i = X(i, n), {
+		fields: i,
+		columns: n
+	};
+	let a = oe(i.length);
+	return i = X(i, a), {
+		fields: i,
+		columns: a
+	};
 }
-const ve = {
-  1: void 0,
-  2: "grid gap-4 grid-cols-1 @md:grid-cols-2",
-  3: "grid gap-4 grid-cols-1 @md:grid-cols-2 @2xl:grid-cols-3",
-  4: "grid gap-4 grid-cols-1 @md:grid-cols-2 @2xl:grid-cols-3 @4xl:grid-cols-4"
-}, ct = ({
-  schema: e,
-  dataSource: r,
-  className: i
-}) => {
-  const { fieldLabel: b } = ee(), [o, p] = C(null), [x, E] = C([]), [I, O] = C({}), [F, N] = C(!0), [j, h] = C(null), v = e.open !== !1, D = e.drawerSide || "right";
-  H(() => {
-    (async () => {
-      if (!r) {
-        N(!1);
-        return;
-      }
-      try {
-        const s = await r.getObjectSchema(e.objectName);
-        p(s);
-      } catch (s) {
-        h(s), N(!1);
-      }
-    })();
-  }, [e.objectName, r]), H(() => {
-    (o || !r) && (async () => {
-      if (e.mode === "create" || !e.recordId) {
-        O(e.initialData || e.initialValues || {}), N(!1);
-        return;
-      }
-      if (!r) {
-        O(e.initialData || e.initialValues || {}), N(!1);
-        return;
-      }
-      try {
-        const s = await r.findOne(e.objectName, e.recordId);
-        O(s || {});
-      } catch (s) {
-        h(s);
-      } finally {
-        N(!1);
-      }
-    })();
-  }, [o, e.mode, e.recordId, e.initialData, e.initialValues, r, e.objectName]);
-  const z = A((a) => {
-    const s = [];
-    for (const c of a.fields) {
-      const S = typeof c == "string" ? c : c.name;
-      if (typeof c == "object")
-        s.push(c);
-      else if (o?.fields?.[S]) {
-        const y = o.fields[S];
-        s.push({
-          name: S,
-          label: b(e.objectName, S, y.label || S),
-          type: X(y.type),
-          required: y.required || !1,
-          disabled: e.readOnly || e.mode === "view" || y.readonly,
-          placeholder: y.placeholder,
-          description: y.help || y.description,
-          validation: B(y),
-          field: y,
-          options: y.options,
-          multiple: y.multiple
-        });
-      } else
-        s.push({
-          name: S,
-          label: S,
-          type: "input"
-        });
-    }
-    return s;
-  }, [o, e.readOnly, e.mode]);
-  H(() => {
-    if (!o && r) return;
-    if (e.customFields?.length) {
-      E(e.customFields), N(!1);
-      return;
-    }
-    if (e.sections?.length) {
-      N(!1);
-      return;
-    }
-    if (!o) return;
-    const a = e.fields || Object.keys(o.fields || {}), s = [];
-    for (const c of a) {
-      const S = typeof c == "string" ? c : c.name;
-      if (!S) continue;
-      const y = o.fields?.[S];
-      y && s.push({
-        name: S,
-        label: b(e.objectName, S, y.label || S),
-        type: X(y.type),
-        required: y.required || !1,
-        disabled: e.readOnly || e.mode === "view" || y.readonly,
-        placeholder: y.placeholder,
-        description: y.help || y.description,
-        validation: B(y),
-        field: y,
-        options: y.options,
-        multiple: y.multiple
-      });
-    }
-    E(s), N(!1);
-  }, [o, e.fields, e.customFields, e.sections, e.readOnly, e.mode, r]);
-  const L = A(async (a) => {
-    if (!r)
-      return e.onSuccess && await e.onSuccess(a), e.onOpenChange?.(!1), a;
-    try {
-      let s;
-      return e.mode === "create" ? s = await r.create(e.objectName, a) : e.mode === "edit" && e.recordId && (s = await r.update(e.objectName, e.recordId, a)), e.onSuccess && await e.onSuccess(s), e.onOpenChange?.(!1), s;
-    } catch (s) {
-      throw e.onError && e.onError(s), s;
-    }
-  }, [e, r]), k = A(() => {
-    e.onCancel && e.onCancel(), e.onOpenChange?.(!1);
-  }, [e]), U = G(() => e.drawerWidth ? D === "left" || D === "right" ? { width: e.drawerWidth, maxWidth: e.drawerWidth } : { height: e.drawerWidth, maxHeight: e.drawerWidth } : void 0, [e.drawerWidth, D]), f = {
-    type: "form",
-    layout: e.layout === "vertical" || e.layout === "horizontal" ? e.layout : "vertical",
-    defaultValues: I,
-    submitLabel: e.submitText || (e.mode === "create" ? "Create" : "Update"),
-    cancelLabel: e.cancelText,
-    showSubmit: e.showSubmit !== !1 && e.mode !== "view",
-    showCancel: e.showCancel !== !1,
-    onSubmit: L,
-    onCancel: k
-  }, n = () => {
-    if (j)
-      return /* @__PURE__ */ t.jsxs("div", { className: "p-4 border border-red-300 bg-red-50 rounded-md", children: [
-        /* @__PURE__ */ t.jsx("h3", { className: "text-red-800 font-semibold", children: "Error loading form" }),
-        /* @__PURE__ */ t.jsx("p", { className: "text-red-600 text-sm mt-1", children: j.message })
-      ] });
-    if (F)
-      return /* @__PURE__ */ t.jsxs("div", { className: "p-8 text-center", children: [
-        /* @__PURE__ */ t.jsx("div", { className: "inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900" }),
-        /* @__PURE__ */ t.jsx("p", { className: "mt-2 text-sm text-gray-600", children: "Loading form..." })
-      ] });
-    if (e.sections?.length)
-      return /* @__PURE__ */ t.jsx("div", { className: "space-y-6", children: e.sections.map((c, S) => {
-        const y = c.columns || 1;
-        return /* @__PURE__ */ t.jsx(
-          te,
-          {
-            label: c.label,
-            description: c.description,
-            columns: y,
-            gridClassName: ve[y],
-            children: /* @__PURE__ */ t.jsx(
-              J,
-              {
-                schema: {
-                  ...f,
-                  fields: z(c),
-                  showSubmit: S === e.sections.length - 1 && f.showSubmit,
-                  showCancel: S === e.sections.length - 1 && f.showCancel
-                }
-              }
-            )
-          },
-          c.name || c.label || S
-        );
-      }) });
-    const a = ce(x, o, e.columns, e.mode), s = ve[a.columns || 1];
-    return /* @__PURE__ */ t.jsx(
-      J,
-      {
-        schema: {
-          ...f,
-          fields: a.fields,
-          columns: a.columns,
-          ...s ? { fieldContainerClass: s } : {}
-        }
-      }
-    );
-  };
-  return /* @__PURE__ */ t.jsx(ze, { open: v, onOpenChange: e.onOpenChange, children: /* @__PURE__ */ t.jsxs(
-    Ve,
-    {
-      side: D,
-      className: W("overflow-y-auto", i, e.className),
-      style: U,
-      children: [
-        (e.title || e.description) && /* @__PURE__ */ t.jsxs(Me, { children: [
-          e.title && /* @__PURE__ */ t.jsx($e, { children: e.title }),
-          e.description && /* @__PURE__ */ t.jsx(qe, { children: e.description })
-        ] }),
-        /* @__PURE__ */ t.jsx("div", { className: "@container py-4", children: n() })
-      ]
-    }
-  ) });
-}, Se = {
-  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"
-}, Ce = {
-  1: void 0,
-  // let the form renderer use its default (space-y-4)
-  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"
-}, ut = ({
-  schema: e,
-  dataSource: r,
-  className: i
-}) => {
-  const { fieldLabel: b } = ee(), [o, p] = C(null), [x, E] = C([]), [I, O] = C({}), [F, N] = C(!0), [j, h] = C(null), [v, D] = C(!1), z = e.open !== !1, L = Fe(), k = G(() => e.sections?.length || e.customFields?.length ? null : ce(x, o, e.columns, e.mode), [x, o, e.columns, e.mode, e.sections, e.customFields]), U = G(() => {
-    if (e.modalSize) return e.modalSize;
-    if (k?.columns && k.columns > 1)
-      return Ne(k.columns);
-    if (e.sections?.length) {
-      const g = Math.max(...e.sections.map((m) => Number(m.columns) || 1));
-      if (g > 1) return Ne(g);
-    }
-    return "default";
-  }, [e.modalSize, k, e.sections]), M = Se[U] || Se.default;
-  H(() => {
-    (async () => {
-      if (!r) {
-        N(!1);
-        return;
-      }
-      try {
-        const m = await r.getObjectSchema(e.objectName);
-        p(m);
-      } catch (m) {
-        h(m), N(!1);
-      }
-    })();
-  }, [e.objectName, r]), H(() => {
-    (o || !r) && (async () => {
-      if (e.mode === "create" || !e.recordId) {
-        O(e.initialData || e.initialValues || {}), N(!1);
-        return;
-      }
-      if (!r) {
-        O(e.initialData || e.initialValues || {}), N(!1);
-        return;
-      }
-      try {
-        const m = await r.findOne(e.objectName, e.recordId);
-        O(m || {});
-      } catch (m) {
-        h(m);
-      } finally {
-        N(!1);
-      }
-    })();
-  }, [o, e.mode, e.recordId, e.initialData, e.initialValues, r, e.objectName]);
-  const f = A((g) => {
-    const m = [];
-    for (const V of g.fields) {
-      const Y = typeof V == "string" ? V : V.name;
-      if (typeof V == "object")
-        m.push(V);
-      else if (o?.fields?.[Y]) {
-        const R = o.fields[Y];
-        m.push({
-          name: Y,
-          label: b(e.objectName, Y, R.label || Y),
-          type: X(R.type),
-          required: R.required || !1,
-          disabled: e.readOnly || e.mode === "view" || R.readonly,
-          placeholder: R.placeholder,
-          description: R.help || R.description,
-          validation: B(R),
-          field: R,
-          options: R.options,
-          multiple: R.multiple
-        });
-      } else
-        m.push({
-          name: Y,
-          label: Y,
-          type: "input"
-        });
-    }
-    return m;
-  }, [o, e.readOnly, e.mode]);
-  H(() => {
-    if (!o && r) return;
-    if (e.customFields?.length) {
-      E(e.customFields), N(!1);
-      return;
-    }
-    if (e.sections?.length) {
-      N(!1);
-      return;
-    }
-    if (!o) return;
-    const g = e.fields || Object.keys(o.fields || {}), m = [];
-    for (const V of g) {
-      const Y = typeof V == "string" ? V : V.name;
-      if (!Y) continue;
-      const R = o.fields?.[Y];
-      R && m.push({
-        name: Y,
-        label: b(e.objectName, Y, R.label || Y),
-        type: X(R.type),
-        required: R.required || !1,
-        disabled: e.readOnly || e.mode === "view" || R.readonly,
-        placeholder: R.placeholder,
-        description: R.help || R.description,
-        validation: B(R),
-        field: R,
-        options: R.options,
-        multiple: R.multiple
-      });
-    }
-    E(m), N(!1);
-  }, [o, e.fields, e.customFields, e.sections, e.readOnly, e.mode, r]);
-  const n = A(async (g) => {
-    D(!0);
-    try {
-      if (!r)
-        return e.onSuccess && await e.onSuccess(g), e.onOpenChange?.(!1), g;
-      let m;
-      return e.mode === "create" ? m = await r.create(e.objectName, g) : e.mode === "edit" && e.recordId && (m = await r.update(e.objectName, e.recordId, g)), e.onSuccess && await e.onSuccess(m), e.onOpenChange?.(!1), m;
-    } catch (m) {
-      throw e.onError && e.onError(m), m;
-    } finally {
-      D(!1);
-    }
-  }, [e, r]), a = A(() => {
-    e.onCancel && e.onCancel(), e.onOpenChange?.(!1);
-  }, [e]), s = e.layout === "vertical" || e.layout === "horizontal" ? e.layout : "vertical", c = e.showSubmit !== !1 && e.mode !== "view", S = e.showCancel !== !1, y = e.submitText || (e.mode === "create" ? "Create" : "Update"), d = e.cancelText || "Cancel", _ = {
-    type: "form",
-    layout: s,
-    defaultValues: I,
-    submitLabel: y,
-    cancelLabel: d,
-    showSubmit: c,
-    showCancel: S,
-    onSubmit: n,
-    onCancel: a,
-    showActions: !1,
-    // Hide actions — rendered in sticky footer
-    id: L
-    // Link external submit button via form attribute
-  }, T = () => {
-    if (j)
-      return /* @__PURE__ */ t.jsxs("div", { className: "p-4 border border-red-300 bg-red-50 rounded-md", children: [
-        /* @__PURE__ */ t.jsx("h3", { className: "text-red-800 font-semibold", children: "Error loading form" }),
-        /* @__PURE__ */ t.jsx("p", { className: "text-red-600 text-sm mt-1", children: j.message })
-      ] });
-    if (F)
-      return /* @__PURE__ */ t.jsx("div", { className: "space-y-4", "data-testid": "modal-form-skeleton", children: [1, 2, 3].map((V) => /* @__PURE__ */ t.jsxs("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ t.jsx(xe, { className: "h-4 w-24" }),
-        /* @__PURE__ */ t.jsx(xe, { className: "h-10 w-full" })
-      ] }, V)) });
-    if (e.sections?.length)
-      return /* @__PURE__ */ t.jsx("div", { className: "space-y-6", children: e.sections.map((V, Y) => {
-        const R = V.columns || 1;
-        return /* @__PURE__ */ t.jsx(
-          te,
-          {
-            label: V.label,
-            description: V.description,
-            columns: R,
-            gridClassName: Ce[R],
-            children: /* @__PURE__ */ t.jsx(
-              J,
-              {
-                schema: {
-                  ..._,
-                  fields: f(V)
-                  // Actions are in the sticky footer, not inside sections
-                }
-              }
-            )
-          },
-          V.name || V.label || Y
-        );
-      }) });
-    const g = k ?? ce(x, o, e.columns, e.mode), m = Ce[g.columns || 1];
-    return /* @__PURE__ */ t.jsx(
-      J,
-      {
-        schema: {
-          ..._,
-          fields: g.fields,
-          columns: g.columns,
-          ...m ? { fieldContainerClass: m } : {}
-        }
-      }
-    );
-  }, u = !F && !j && (c || S);
-  return /* @__PURE__ */ t.jsx(Ye, { open: z, onOpenChange: e.onOpenChange, children: /* @__PURE__ */ t.jsxs(We, { className: W(M, "flex flex-col h-[100dvh] sm:h-auto sm:max-h-[90vh] overflow-hidden p-0", i, e.className), children: [
-    (e.title || e.description) && /* @__PURE__ */ t.jsxs(Ue, { className: "shrink-0 px-4 pt-4 sm:px-6 sm:pt-6 pb-2 border-b", children: [
-      e.title && /* @__PURE__ */ t.jsx(He, { children: e.title }),
-      e.description && /* @__PURE__ */ t.jsx(Ge, { children: e.description })
-    ] }),
-    /* @__PURE__ */ t.jsx("div", { className: "@container flex-1 overflow-y-auto px-4 sm:px-6 py-4", children: T() }),
-    u && /* @__PURE__ */ t.jsx("div", { className: "shrink-0 border-t px-4 sm:px-6 py-3 bg-background", "data-testid": "modal-form-footer", children: /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col sm:flex-row gap-2 sm:justify-end", children: [
-      S && /* @__PURE__ */ t.jsx(
-        Z,
-        {
-          type: "button",
-          variant: "outline",
-          onClick: a,
-          disabled: v,
-          className: "w-full sm:w-auto",
-          children: d
-        }
-      ),
-      c && /* @__PURE__ */ t.jsxs(
-        Z,
-        {
-          type: "submit",
-          form: L,
-          disabled: v,
-          className: "w-full sm:w-auto",
-          children: [
-            v && /* @__PURE__ */ t.jsx(Qe, { className: "mr-2 h-4 w-4 animate-spin" }),
-            y
-          ]
-        }
-      )
-    ] }) })
-  ] }) });
-}, he = ({
-  schema: e,
-  dataSource: r
-}) => {
-  if (e.formType === "tabbed" && e.sections?.length)
-    return /* @__PURE__ */ t.jsx(
-      tt,
-      {
-        schema: {
-          ...e,
-          formType: "tabbed",
-          sections: e.sections.map((i) => ({
-            name: i.name,
-            label: i.label,
-            description: i.description,
-            columns: i.columns,
-            fields: i.fields
-          })),
-          defaultTab: e.defaultTab,
-          tabPosition: e.tabPosition
-        },
-        dataSource: r,
-        className: e.className
-      }
-    );
-  if (e.formType === "wizard" && e.sections?.length)
-    return /* @__PURE__ */ t.jsx(
-      rt,
-      {
-        schema: {
-          ...e,
-          formType: "wizard",
-          sections: e.sections.map((i) => ({
-            name: i.name,
-            label: i.label,
-            description: i.description,
-            columns: i.columns,
-            fields: i.fields
-          })),
-          allowSkip: e.allowSkip,
-          showStepIndicator: e.showStepIndicator,
-          nextText: e.nextText,
-          prevText: e.prevText,
-          onStepChange: e.onStepChange
-        },
-        dataSource: r,
-        className: e.className
-      }
-    );
-  if (e.formType === "split" && e.sections?.length)
-    return /* @__PURE__ */ t.jsx(
-      lt,
-      {
-        schema: {
-          ...e,
-          formType: "split",
-          sections: e.sections.map((i) => ({
-            name: i.name,
-            label: i.label,
-            description: i.description,
-            columns: i.columns,
-            fields: i.fields
-          })),
-          splitDirection: e.splitDirection,
-          splitSize: e.splitSize,
-          splitResizable: e.splitResizable
-        },
-        dataSource: r,
-        className: e.className
-      }
-    );
-  if (e.formType === "drawer") {
-    const { layout: i, ...b } = e, o = e.layout === "vertical" || e.layout === "horizontal" ? e.layout : void 0;
-    return /* @__PURE__ */ t.jsx(
-      ct,
-      {
-        schema: {
-          ...b,
-          layout: o,
-          formType: "drawer",
-          sections: e.sections?.map((p) => ({
-            name: p.name,
-            label: p.label,
-            description: p.description,
-            columns: p.columns,
-            fields: p.fields
-          })),
-          open: e.open,
-          onOpenChange: e.onOpenChange,
-          drawerSide: e.drawerSide,
-          drawerWidth: e.drawerWidth
-        },
-        dataSource: r,
-        className: e.className
-      }
-    );
-  }
-  if (e.formType === "modal") {
-    const { layout: i, ...b } = e, o = e.layout === "vertical" || e.layout === "horizontal" ? e.layout : void 0;
-    return /* @__PURE__ */ t.jsx(
-      ut,
-      {
-        schema: {
-          ...b,
-          layout: o,
-          formType: "modal",
-          sections: e.sections?.map((p) => ({
-            name: p.name,
-            label: p.label,
-            description: p.description,
-            columns: p.columns,
-            fields: p.fields
-          })),
-          open: e.open,
-          onOpenChange: e.onOpenChange,
-          modalSize: e.modalSize,
-          modalCloseButton: e.modalCloseButton
-        },
-        dataSource: r,
-        className: e.className
-      }
-    );
-  }
-  return /* @__PURE__ */ t.jsx(ft, { schema: e, dataSource: r });
-}, ft = ({
-  schema: e,
-  dataSource: r
-}) => {
-  const { fieldLabel: i } = ee(), [b, o] = C(null), [p, x] = C([]), [E, I] = C(null), [O, F] = C(!0), [N, j] = C(null), h = e.customFields && e.customFields.length > 0;
-  H(() => {
-    h && (I(e.initialData || e.initialValues || {}), F(!1));
-  }, [h, e.initialData, e.initialValues]), H(() => {
-    const n = async () => {
-      try {
-        if (!r)
-          throw new Error("DataSource is required when using ObjectQL schema fetching (inline fields not provided)");
-        const a = await r.getObjectSchema(e.objectName);
-        if (!a)
-          throw new Error(`No schema found for object "${e.objectName}"`);
-        o(a);
-      } catch (a) {
-        j(a), F(!1);
-      }
-    };
-    h ? o({
-      name: e.objectName,
-      fields: {}
-    }) : e.objectName && r ? n() : h || F(!1);
-  }, [e.objectName, r, h]), H(() => {
-    b && !h && (async () => {
-      if (!e.recordId || e.mode === "create") {
-        I(e.initialData || e.initialValues || {}), F(!1);
-        return;
-      }
-      if (!h) {
-        if (!r) {
-          j(new Error("DataSource is required for fetching record data (inline data not provided)")), F(!1);
-          return;
-        }
-        F(!0);
-        try {
-          const a = await r.findOne(e.objectName, e.recordId);
-          I(a);
-        } catch (a) {
-          console.error("Failed to fetch record:", a), j(a);
-        } finally {
-          F(!1);
-        }
-      }
-    })();
-  }, [e.objectName, e.recordId, e.mode, e.initialValues, e.initialData, r, b, h]), H(() => {
-    if (h && e.customFields) {
-      x(e.customFields), F(!1);
-      return;
-    }
-    if (!b) return;
-    const n = [], a = e.fields || Object.keys(b.fields || {});
-    (Array.isArray(a) ? a : Object.keys(a)).forEach((S) => {
-      const y = typeof S == "string" ? S : S.name;
-      if (!y) return;
-      const d = b.fields?.[y];
-      if (!d && !h) return;
-      const _ = !d?.permissions || d?.permissions.write !== !1;
-      if (e.mode !== "view" && !_) return;
-      const T = e.customFields?.find((u) => u.name === y);
-      if (T)
-        n.push(T);
-      else if (d) {
-        const u = {
-          name: y,
-          label: i(e.objectName, y, d.label || S),
-          type: X(d.type),
-          required: d.required || !1,
-          disabled: e.readOnly || e.mode === "view" || d.readonly,
-          placeholder: d.placeholder,
-          description: d.help || d.description,
-          validation: B(d),
-          // Important: Pass the original field metadata so widgets can access properties like precision, currency, etc.
-          field: d
-        };
-        if ((d.type === "select" || d.type === "lookup" || d.type === "master_detail") && (u.options = d.options || [], u.multiple = d.multiple), (d.type === "number" || d.type === "currency" || d.type === "percent") && (u.inputType = "number", u.min = d.min, u.max = d.max, u.step = d.precision ? Math.pow(10, -d.precision) : void 0), d.type === "date" && (u.inputType = "date"), d.type === "datetime" && (u.inputType = "datetime-local"), (d.type === "text" || d.type === "textarea" || d.type === "markdown" || d.type === "html") && (u.maxLength = d.max_length, u.minLength = d.min_length), (d.type === "file" || d.type === "image") && (u.inputType = "file", u.multiple = d.multiple, u.accept = d.accept ? d.accept.join(",") : void 0, d.max_size)) {
-          const g = `Max size: ${Re(d.max_size)}`;
-          u.description = u.description ? `${u.description} (${g})` : g;
-        }
-        d.type === "email" && (u.inputType = "email"), d.type === "phone" && (u.inputType = "tel"), d.type === "url" && (u.inputType = "url"), d.type === "password" && (u.inputType = "password"), d.type === "time" && (u.inputType = "time"), (d.type === "formula" || d.type === "summary" || d.type === "auto_number") && (u.disabled = !0), d.visible_on && (u.visible = (g) => De(d.visible_on, g)), n.push(u);
-      }
-    }), x(n), !h && e.recordId && e.mode !== "create" && r || F(!1);
-  }, [b, e.fields, e.customFields, e.readOnly, e.mode, h, e.recordId, r]);
-  const v = A(async (n, a) => {
-    if (n && (n.nativeEvent || n._reactName === "onSubmit") && (console.warn("ObjectForm: Received Event instead of data in handleSubmit! This suggests a Form renderer issue."), a === void 0 && (a = n, n = {})), h && !r)
-      return e.onSuccess && await e.onSuccess(n), n;
-    if (!r)
-      throw new Error("DataSource is required for form submission (inline mode not configured)");
-    try {
-      let s;
-      if (e.mode === "create")
-        s = await r.create(e.objectName, n);
-      else if (e.mode === "edit" && e.recordId)
-        s = await r.update(e.objectName, e.recordId, n);
-      else
-        throw new Error("Invalid form mode or missing record ID");
-      return e.onSuccess && await e.onSuccess(s), s;
-    } catch (s) {
-      throw console.error("Failed to submit form:", s), e.onError && e.onError(s), s;
-    }
-  }, [e, r, h]), D = A(() => {
-    e.onCancel && e.onCancel();
-  }, [e]), L = {
-    ...K.useMemo(() => {
-      if (!b?.fields) return {};
-      const n = {};
-      return Object.keys(b.fields).forEach((a) => {
-        const s = b.fields[a];
-        s.defaultValue !== void 0 && (n[a] = s.defaultValue);
-      }), n;
-    }, [b]),
-    ...E
-  };
-  if (N)
-    return /* @__PURE__ */ t.jsxs("div", { className: "p-3 sm:p-4 border border-red-300 bg-red-50 rounded-md", children: [
-      /* @__PURE__ */ t.jsx("h3", { className: "text-red-800 font-semibold", children: "Error loading form" }),
-      /* @__PURE__ */ t.jsx("p", { className: "text-red-600 text-sm mt-1", children: N.message })
-    ] });
-  if (O)
-    return /* @__PURE__ */ t.jsxs("div", { className: "p-4 sm:p-8 text-center", children: [
-      /* @__PURE__ */ t.jsx("div", { className: "inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900" }),
-      /* @__PURE__ */ t.jsx("p", { className: "mt-2 text-sm text-gray-600", children: "Loading form..." })
-    ] });
-  const k = e.layout === "vertical" || e.layout === "horizontal" ? e.layout : "vertical";
-  if (e.sections?.length && (!e.formType || e.formType === "simple"))
-    return /* @__PURE__ */ t.jsx("div", { className: "w-full space-y-6", children: e.sections.map((n, a) => {
-      const s = n.fields.map((S) => typeof S == "string" ? S : S.name), c = p.filter((S) => s.includes(S.name));
-      return /* @__PURE__ */ t.jsx(
-        te,
-        {
-          label: n.label,
-          description: n.description,
-          collapsible: n.collapsible,
-          collapsed: n.collapsed,
-          columns: n.columns,
-          children: /* @__PURE__ */ t.jsx(
-            J,
-            {
-              schema: {
-                type: "form",
-                fields: c,
-                layout: k,
-                defaultValues: L,
-                // Only show action buttons after the last section
-                showSubmit: a === e.sections.length - 1 && e.showSubmit !== !1 && e.mode !== "view",
-                showCancel: a === e.sections.length - 1 && e.showCancel !== !1,
-                submitLabel: e.submitText || (e.mode === "create" ? "Create" : "Update"),
-                cancelLabel: e.cancelText,
-                onSubmit: v,
-                onCancel: D
-              }
-            }
-          )
-        },
-        n.name || n.label || a
-      );
-    }) });
-  const M = e.sections?.length ? { fields: p, columns: e.columns } : ce(p, b, e.columns, e.mode), f = {
-    type: "form",
-    fields: M.fields,
-    layout: k,
-    columns: M.columns,
-    submitLabel: e.submitText || (e.mode === "create" ? "Create" : "Update"),
-    cancelLabel: e.cancelText,
-    showSubmit: e.showSubmit !== !1 && e.mode !== "view",
-    showCancel: e.showCancel !== !1,
-    resetOnSubmit: e.showReset,
-    defaultValues: L,
-    onSubmit: v,
-    onCancel: D,
-    className: e.className
-  };
-  return /* @__PURE__ */ t.jsx("div", { className: "w-full", children: /* @__PURE__ */ t.jsx(J, { schema: f }) });
-}, pt = ({
-  config: e,
-  dataSource: r,
-  prefillParams: i,
-  className: b
-}) => {
-  const [o, p] = C(!1), [x, E] = C(!1), [I, O] = C(null), F = G(() => {
-    const v = {};
-    if (i)
-      for (const [D, z] of Object.entries(i))
-        v[D] = z;
-    return typeof window < "u" && new URLSearchParams(window.location.search).forEach((z, L) => {
-      L in v || (v[L] = z);
-    }), Object.keys(v).length > 0 ? v : void 0;
-  }, [i]), N = A(async (v) => {
-    E(!0), O(null);
-    try {
-      if (r && await r.create(e.objectName, v), p(!0), e.thankYouPage?.redirectUrl) {
-        const D = e.thankYouPage.redirectDelay ?? 3e3;
-        setTimeout(() => {
-          window.location.href = e.thankYouPage.redirectUrl;
-        }, D);
-      }
-    } catch (D) {
-      O(D instanceof Error ? D.message : "Failed to submit form. Please try again.");
-    } finally {
-      E(!1);
-    }
-  }, [r, e]), j = A(() => {
-    p(!1), O(null);
-  }, []), h = G(() => {
-    const v = {};
-    return e.branding?.backgroundColor && (v.backgroundColor = e.branding.backgroundColor), v;
-  }, [e.branding]);
-  if (o) {
-    const v = e.thankYouPage;
-    return /* @__PURE__ */ t.jsx(
-      "div",
-      {
-        className: `min-h-screen flex items-center justify-center p-4 ${b || ""}`,
-        style: h,
-        children: /* @__PURE__ */ t.jsxs("div", { className: "max-w-md w-full bg-card rounded-lg shadow-lg p-8 text-center space-y-4", children: [
-          /* @__PURE__ */ t.jsx("div", { className: "text-4xl", children: "✓" }),
-          /* @__PURE__ */ t.jsx("h2", { className: "text-xl font-semibold text-foreground", children: v?.title || "Thank You!" }),
-          /* @__PURE__ */ t.jsx("p", { className: "text-muted-foreground", children: v?.message || "Your submission has been received successfully." }),
-          e.allowMultiple && /* @__PURE__ */ t.jsx(
-            "button",
-            {
-              onClick: j,
-              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"
-            }
-          ),
-          v?.redirectUrl && /* @__PURE__ */ t.jsxs("p", { className: "text-xs text-muted-foreground", children: [
-            "Redirecting in ",
-            Math.ceil((v.redirectDelay ?? 3e3) / 1e3),
-            " seconds..."
-          ] })
-        ] })
-      }
-    );
-  }
-  return /* @__PURE__ */ t.jsx(
-    "div",
-    {
-      className: `min-h-screen flex items-center justify-center p-4 ${b || ""}`,
-      style: h,
-      children: /* @__PURE__ */ t.jsxs("div", { className: "max-w-2xl w-full bg-card rounded-lg shadow-lg overflow-hidden", children: [
-        /* @__PURE__ */ t.jsxs(
-          "div",
-          {
-            className: "p-6 border-b",
-            style: e.branding?.primaryColor ? { borderBottomColor: e.branding.primaryColor } : void 0,
-            children: [
-              e.branding?.logo && /* @__PURE__ */ t.jsx(
-                "img",
-                {
-                  src: e.branding.logo,
-                  alt: "Logo",
-                  className: "h-8 mb-4"
-                }
-              ),
-              e.title && /* @__PURE__ */ t.jsx("h1", { className: "text-xl font-semibold text-foreground", children: e.title }),
-              e.description && /* @__PURE__ */ t.jsx("p", { className: "text-sm text-muted-foreground mt-1", children: e.description })
-            ]
-          }
-        ),
-        /* @__PURE__ */ t.jsxs("div", { className: "p-6", children: [
-          I && /* @__PURE__ */ t.jsx("div", { className: "mb-4 p-3 bg-destructive/10 border border-destructive/30 rounded-md text-sm text-destructive", children: I }),
-          /* @__PURE__ */ t.jsx(
-            he,
-            {
-              schema: {
-                type: "object-form",
-                objectName: e.objectName,
-                mode: "create",
-                fields: e.fields,
-                customFields: e.customFields,
-                initialData: F,
-                onSuccess: N,
-                submitLabel: x ? "Submitting..." : "Submit"
-              },
-              dataSource: r
-            }
-          )
-        ] }),
-        /* @__PURE__ */ t.jsx("div", { className: "px-6 py-3 border-t bg-muted/20 text-center", children: /* @__PURE__ */ t.jsx("p", { className: "text-xs text-muted-foreground", children: "Powered by ObjectStack" }) })
-      ] })
-    }
-  );
+//#endregion
+//#region src/DrawerForm.tsx
+var ce = {
+	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"
+}, le = ({ 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";
+	n(() => {
+		(async () => {
+			if (!r) {
+				y(!1);
+				return;
+			}
+			try {
+				p(await r.getObjectSchema(e.objectName));
+			} catch (e) {
+				x(e), y(!1);
+			}
+		})();
+	}, [e.objectName, r]), n(() => {
+		(d || !r) && (async () => {
+			if (e.mode === "create" || !e.recordId) {
+				_(e.initialData || e.initialValues || {}), y(!1);
+				return;
+			}
+			if (!r) {
+				_(e.initialData || e.initialValues || {}), y(!1);
+				return;
+			}
+			try {
+				_(await r.findOne(e.objectName, e.recordId) || {});
+			} catch (e) {
+				x(e);
+			} finally {
+				y(!1);
+			}
+		})();
+	}, [
+		d,
+		e.mode,
+		e.recordId,
+		e.initialData,
+		e.initialValues,
+		r,
+		e.objectName
+	]);
+	let w = t((t) => {
+		let n = [];
+		for (let r of t.fields) {
+			let t = typeof r == "string" ? r : r.name;
+			if (typeof r == "object") n.push(r);
+			else if (d?.fields?.[t]) {
+				let r = d.fields[t];
+				n.push({
+					name: t,
+					label: u(e.objectName, t, r.label || t),
+					type: f(r.type),
+					required: r.required || !1,
+					disabled: e.readOnly || e.mode === "view" || r.readonly,
+					placeholder: r.placeholder,
+					description: r.help || r.description,
+					validation: l(r),
+					field: r,
+					options: r.options,
+					multiple: r.multiple
+				});
+			} else n.push({
+				name: t,
+				label: t,
+				type: "input"
+			});
+		}
+		return n;
+	}, [
+		d,
+		e.readOnly,
+		e.mode
+	]);
+	n(() => {
+		if (!d && r) return;
+		if (e.customFields?.length) {
+			h(e.customFields), y(!1);
+			return;
+		}
+		if (e.sections?.length) {
+			y(!1);
+			return;
+		}
+		if (!d) return;
+		let t = e.fields || Object.keys(d.fields || {}), n = [];
+		for (let r of t) {
+			let t = typeof r == "string" ? r : r.name;
+			if (!t) continue;
+			let i = d.fields?.[t];
+			i && n.push({
+				name: t,
+				label: u(e.objectName, t, i.label || t),
+				type: f(i.type),
+				required: i.required || !1,
+				disabled: e.readOnly || e.mode === "view" || i.readonly,
+				placeholder: i.placeholder,
+				description: i.help || i.description,
+				validation: l(i),
+				field: i,
+				options: i.options,
+				multiple: i.multiple
+			});
+		}
+		h(n), y(!1);
+	}, [
+		d,
+		e.fields,
+		e.customFields,
+		e.sections,
+		e.readOnly,
+		e.mode,
+		r
+	]);
+	let T = t(async (t) => {
+		if (!r) return e.onSuccess && await e.onSuccess(t), e.onOpenChange?.(!1), t;
+		try {
+			let n;
+			return e.mode === "create" ? n = await r.create(e.objectName, t) : e.mode === "edit" && e.recordId && (n = await r.update(e.objectName, e.recordId, t)), e.onSuccess && await e.onSuccess(n), e.onOpenChange?.(!1), n;
+		} catch (t) {
+			throw e.onError && e.onError(t), t;
+		}
+	}, [e, r]), E = t(() => {
+		e.onCancel && e.onCancel(), e.onOpenChange?.(!1);
+	}, [e]), M = i(() => {
+		if (e.drawerWidth) return C === "left" || C === "right" ? {
+			width: e.drawerWidth,
+			maxWidth: e.drawerWidth
+		} : {
+			height: e.drawerWidth,
+			maxHeight: e.drawerWidth
+		};
+	}, [e.drawerWidth, C]), N = {
+		type: "form",
+		layout: e.layout === "vertical" || e.layout === "horizontal" ? e.layout : "vertical",
+		defaultValues: g,
+		submitLabel: e.submitText || (e.mode === "create" ? "Create" : "Update"),
+		cancelLabel: e.cancelText,
+		showSubmit: e.showSubmit !== !1 && e.mode !== "view",
+		showCancel: e.showCancel !== !1,
+		onSubmit: T,
+		onCancel: E
+	};
+	return /* @__PURE__ */ (0, K.jsx)(D, {
+		open: S,
+		onOpenChange: e.onOpenChange,
+		children: /* @__PURE__ */ (0, K.jsxs)(O, {
+			side: C,
+			className: L("overflow-y-auto", o, e.className),
+			style: M,
+			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", {
+				className: "@container py-4",
+				children: (() => {
+					if (b) return /* @__PURE__ */ (0, K.jsxs)("div", {
+						className: "p-4 border border-red-300 bg-red-50 rounded-md",
+						children: [/* @__PURE__ */ (0, K.jsx)("h3", {
+							className: "text-red-800 font-semibold",
+							children: "Error loading form"
+						}), /* @__PURE__ */ (0, K.jsx)("p", {
+							className: "text-red-600 text-sm mt-1",
+							children: b.message
+						})]
+					});
+					if (v) return /* @__PURE__ */ (0, K.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", {
+							className: "mt-2 text-sm text-gray-600",
+							children: "Loading form..."
+						})]
+					});
+					if (e.sections?.length) return /* @__PURE__ */ (0, K.jsx)("div", {
+						className: "space-y-6",
+						children: e.sections.map((t, n) => {
+							let r = t.columns || 1;
+							return /* @__PURE__ */ (0, K.jsx)(q, {
+								label: t.label,
+								description: t.description,
+								columns: r,
+								gridClassName: ce[r],
+								children: /* @__PURE__ */ (0, K.jsx)(s, { schema: {
+									...N,
+									fields: w(t),
+									showSubmit: n === e.sections.length - 1 && N.showSubmit,
+									showCancel: n === e.sections.length - 1 && N.showCancel
+								} })
+							}, t.name || t.label || n);
+						})
+					});
+					let t = Q(m, d, e.columns, e.mode), n = ce[t.columns || 1];
+					return /* @__PURE__ */ (0, K.jsx)(s, { schema: {
+						...N,
+						fields: t.fields,
+						columns: t.columns,
+						...n ? { fieldContainerClass: n } : {}
+					} });
+				})()
+			})]
+		})
+	});
+}, ue = {
+	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"
+}, de = {
+	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"
+}, fe = ({ 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), [
+		g,
+		m,
+		e.columns,
+		e.mode,
+		e.sections,
+		e.customFields
+	]), F = ue[i(() => {
+		if (e.modalSize) return e.modalSize;
+		if (P?.columns && P.columns > 1) return Z(P.columns);
+		if (e.sections?.length) {
+			let t = Math.max(...e.sections.map((e) => Number(e.columns) || 1));
+			if (t > 1) return Z(t);
+		}
+		return "default";
+	}, [
+		e.modalSize,
+		P,
+		e.sections
+	])] || ue.default;
+	n(() => {
+		(async () => {
+			if (!o) {
+				E(!1);
+				return;
+			}
+			try {
+				h(await o.getObjectSchema(e.objectName));
+			} catch (e) {
+				O(e), E(!1);
+			}
+		})();
+	}, [e.objectName, o]), n(() => {
+		(m || !o) && (async () => {
+			if (e.mode === "create" || !e.recordId) {
+				w(e.initialData || e.initialValues || {}), E(!1);
+				return;
+			}
+			if (!o) {
+				w(e.initialData || e.initialValues || {}), E(!1);
+				return;
+			}
+			try {
+				w(await o.findOne(e.objectName, e.recordId) || {});
+			} catch (e) {
+				O(e);
+			} finally {
+				E(!1);
+			}
+		})();
+	}, [
+		m,
+		e.mode,
+		e.recordId,
+		e.initialData,
+		e.initialValues,
+		o,
+		e.objectName
+	]);
+	let I = t((t) => {
+		let n = [];
+		for (let r of t.fields) {
+			let t = typeof r == "string" ? r : r.name;
+			if (typeof r == "object") n.push(r);
+			else if (m?.fields?.[t]) {
+				let r = m.fields[t];
+				n.push({
+					name: t,
+					label: d(e.objectName, t, r.label || t),
+					type: f(r.type),
+					required: r.required || !1,
+					disabled: e.readOnly || e.mode === "view" || r.readonly,
+					placeholder: r.placeholder,
+					description: r.help || r.description,
+					validation: l(r),
+					field: r,
+					options: r.options,
+					multiple: r.multiple
+				});
+			} else n.push({
+				name: t,
+				label: t,
+				type: "input"
+			});
+		}
+		return n;
+	}, [
+		m,
+		e.readOnly,
+		e.mode
+	]);
+	n(() => {
+		if (!m && o) return;
+		if (e.customFields?.length) {
+			_(e.customFields), E(!1);
+			return;
+		}
+		if (e.sections?.length) {
+			E(!1);
+			return;
+		}
+		if (!m) return;
+		let t = e.fields || Object.keys(m.fields || {}), n = [];
+		for (let r of t) {
+			let t = typeof r == "string" ? r : r.name;
+			if (!t) continue;
+			let i = m.fields?.[t];
+			i && n.push({
+				name: t,
+				label: d(e.objectName, t, i.label || t),
+				type: f(i.type),
+				required: i.required || !1,
+				disabled: e.readOnly || e.mode === "view" || i.readonly,
+				placeholder: i.placeholder,
+				description: i.help || i.description,
+				validation: l(i),
+				field: i,
+				options: i.options,
+				multiple: i.multiple
+			});
+		}
+		_(n), E(!1);
+	}, [
+		m,
+		e.fields,
+		e.customFields,
+		e.sections,
+		e.readOnly,
+		e.mode,
+		o
+	]);
+	let R = t(async (t) => {
+		A(!0);
+		try {
+			if (!o) return e.onSuccess && await e.onSuccess(t), e.onOpenChange?.(!1), t;
+			let n;
+			return e.mode === "create" ? n = await o.create(e.objectName, t) : e.mode === "edit" && e.recordId && (n = await o.update(e.objectName, e.recordId, t)), e.onSuccess && await e.onSuccess(n), e.onOpenChange?.(!1), n;
+		} catch (t) {
+			throw e.onError && e.onError(t), t;
+		} finally {
+			A(!1);
+		}
+	}, [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 = {
+		type: "form",
+		layout: B,
+		defaultValues: v,
+		submitLabel: U,
+		cancelLabel: W,
+		showSubmit: V,
+		showCancel: H,
+		onSubmit: R,
+		onCancel: z,
+		showActions: !1,
+		id: N
+	}, J = () => {
+		if (D) return /* @__PURE__ */ (0, K.jsxs)("div", {
+			className: "p-4 border border-red-300 bg-red-50 rounded-md",
+			children: [/* @__PURE__ */ (0, K.jsx)("h3", {
+				className: "text-red-800 font-semibold",
+				children: "Error loading form"
+			}), /* @__PURE__ */ (0, K.jsx)("p", {
+				className: "text-red-600 text-sm mt-1",
+				children: D.message
+			})]
+		});
+		if (T) return /* @__PURE__ */ (0, K.jsx)("div", {
+			className: "space-y-4",
+			"data-testid": "modal-form-skeleton",
+			children: [
+				1,
+				2,
+				3
+			].map((e) => /* @__PURE__ */ (0, K.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" })]
+			}, e))
+		});
+		if (e.sections?.length) return /* @__PURE__ */ (0, K.jsx)("div", {
+			className: "space-y-6",
+			children: e.sections.map((e, t) => {
+				let n = e.columns || 1;
+				return /* @__PURE__ */ (0, K.jsx)(q, {
+					label: e.label,
+					description: e.description,
+					columns: n,
+					gridClassName: de[n],
+					children: /* @__PURE__ */ (0, K.jsx)(s, { schema: {
+						...G,
+						fields: I(e)
+					} })
+				}, e.name || e.label || t);
+			})
+		});
+		let t = P ?? Q(g, m, e.columns, e.mode), n = de[t.columns || 1];
+		return /* @__PURE__ */ (0, K.jsx)(s, { schema: {
+			...G,
+			fields: t.fields,
+			columns: t.columns,
+			...n ? { fieldContainerClass: n } : {}
+		} });
+	}, Y = !T && !D && (V || H);
+	return /* @__PURE__ */ (0, K.jsx)(y, {
+		open: j,
+		onOpenChange: e.onOpenChange,
+		children: /* @__PURE__ */ (0, K.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, {
+					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 })]
+				}),
+				/* @__PURE__ */ (0, K.jsx)("div", {
+					className: "@container flex-1 overflow-y-auto px-4 sm:px-6 py-4",
+					children: J()
+				}),
+				Y && /* @__PURE__ */ (0, K.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", {
+						className: "flex flex-col sm:flex-row gap-2 sm:justify-end",
+						children: [H && /* @__PURE__ */ (0, K.jsx)(p, {
+							type: "button",
+							variant: "outline",
+							onClick: z,
+							disabled: k,
+							className: "w-full sm:w-auto",
+							children: W
+						}), V && /* @__PURE__ */ (0, K.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]
+						})]
+					})
+				})
+			]
+		})
+	});
+}, $ = ({ schema: e, dataSource: t }) => {
+	if (e.formType === "tabbed" && e.sections?.length) return /* @__PURE__ */ (0, K.jsx)(J, {
+		schema: {
+			...e,
+			formType: "tabbed",
+			sections: e.sections.map((e) => ({
+				name: e.name,
+				label: e.label,
+				description: e.description,
+				columns: e.columns,
+				fields: e.fields
+			})),
+			defaultTab: e.defaultTab,
+			tabPosition: e.tabPosition
+		},
+		dataSource: t,
+		className: e.className
+	});
+	if (e.formType === "wizard" && e.sections?.length) return /* @__PURE__ */ (0, K.jsx)(Y, {
+		schema: {
+			...e,
+			formType: "wizard",
+			sections: e.sections.map((e) => ({
+				name: e.name,
+				label: e.label,
+				description: e.description,
+				columns: e.columns,
+				fields: e.fields
+			})),
+			allowSkip: e.allowSkip,
+			showStepIndicator: e.showStepIndicator,
+			nextText: e.nextText,
+			prevText: e.prevText,
+			onStepChange: e.onStepChange
+		},
+		dataSource: t,
+		className: e.className
+	});
+	if (e.formType === "split" && e.sections?.length) return /* @__PURE__ */ (0, K.jsx)(te, {
+		schema: {
+			...e,
+			formType: "split",
+			sections: e.sections.map((e) => ({
+				name: e.name,
+				label: e.label,
+				description: e.description,
+				columns: e.columns,
+				fields: e.fields
+			})),
+			splitDirection: e.splitDirection,
+			splitSize: e.splitSize,
+			splitResizable: e.splitResizable
+		},
+		dataSource: t,
+		className: e.className
+	});
+	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)(le, {
+			schema: {
+				...r,
+				layout: i,
+				formType: "drawer",
+				sections: e.sections?.map((e) => ({
+					name: e.name,
+					label: e.label,
+					description: e.description,
+					columns: e.columns,
+					fields: e.fields
+				})),
+				open: e.open,
+				onOpenChange: e.onOpenChange,
+				drawerSide: e.drawerSide,
+				drawerWidth: e.drawerWidth
+			},
+			dataSource: t,
+			className: e.className
+		});
+	}
+	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)(fe, {
+			schema: {
+				...r,
+				layout: i,
+				formType: "modal",
+				sections: e.sections?.map((e) => ({
+					name: e.name,
+					label: e.label,
+					description: e.description,
+					columns: e.columns,
+					fields: e.fields
+				})),
+				open: e.open,
+				onOpenChange: e.onOpenChange,
+				modalSize: e.modalSize,
+				modalCloseButton: e.modalCloseButton
+			},
+			dataSource: t,
+			className: e.className
+		});
+	}
+	return /* @__PURE__ */ (0, K.jsx)(pe, {
+		schema: e,
+		dataSource: t
+	});
+}, pe = ({ 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;
+	n(() => {
+		C && (v(r.initialData || r.initialValues || {}), b(!1));
+	}, [
+		C,
+		r.initialData,
+		r.initialValues
+	]), n(() => {
+		C ? m({
+			name: r.objectName,
+			fields: {}
+		}) : r.objectName && i ? (async () => {
+			try {
+				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);
+			} catch (e) {
+				S(e), b(!1);
+			}
+		})() : C || b(!1);
+	}, [
+		r.objectName,
+		i,
+		C
+	]), n(() => {
+		p && !C && (async () => {
+			if (!r.recordId || r.mode === "create") {
+				v(r.initialData || r.initialValues || {}), b(!1);
+				return;
+			}
+			if (!C) {
+				if (!i) {
+					S(/* @__PURE__ */ Error("DataSource is required for fetching record data (inline data not provided)")), b(!1);
+					return;
+				}
+				b(!0);
+				try {
+					v(await i.findOne(r.objectName, r.recordId));
+				} catch (e) {
+					console.error("Failed to fetch record:", e), S(e);
+				} finally {
+					b(!1);
+				}
+			}
+		})();
+	}, [
+		r.objectName,
+		r.recordId,
+		r.mode,
+		r.initialValues,
+		r.initialData,
+		i,
+		p,
+		C
+	]), n(() => {
+		if (C && r.customFields) {
+			g(r.customFields), b(!1);
+			return;
+		}
+		if (!p) return;
+		let e = [], t = r.fields || Object.keys(p.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 a = !i?.permissions || i?.permissions.write !== !1;
+			if (r.mode !== "view" && !a) return;
+			let s = r.customFields?.find((e) => e.name === n);
+			if (s) e.push(s);
+			else if (i) {
+				let a = {
+					name: n,
+					label: o(r.objectName, n, i.label || t),
+					type: f(i.type),
+					required: i.required || !1,
+					disabled: r.readOnly || r.mode === "view" || i.readonly,
+					placeholder: i.placeholder,
+					description: i.help || i.description,
+					validation: l(i),
+					field: i
+				};
+				if ((i.type === "select" || i.type === "lookup" || i.type === "master_detail") && (a.options = i.options || [], a.multiple = i.multiple), (i.type === "number" || i.type === "currency" || i.type === "percent") && (a.inputType = "number", a.min = i.min, a.max = i.max, a.step = i.precision ? 10 ** -i.precision : void 0), i.type === "date" && (a.inputType = "date"), i.type === "datetime" && (a.inputType = "datetime-local"), (i.type === "text" || i.type === "textarea" || i.type === "markdown" || i.type === "html") && (a.maxLength = i.max_length, a.minLength = i.min_length), (i.type === "file" || i.type === "image") && (a.inputType = "file", a.multiple = i.multiple, a.accept = i.accept ? i.accept.join(",") : void 0, i.max_size)) {
+					let e = `Max size: ${d(i.max_size)}`;
+					a.description = a.description ? `${a.description} (${e})` : e;
+				}
+				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);
+	}, [
+		p,
+		r.fields,
+		r.customFields,
+		r.readOnly,
+		r.mode,
+		C,
+		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;
+		if (!i) throw Error("DataSource is required for form submission (inline mode not configured)");
+		try {
+			let t;
+			if (r.mode === "create") t = await i.create(r.objectName, e);
+			else if (r.mode === "edit" && r.recordId) t = await i.update(r.objectName, r.recordId, e);
+			else throw Error("Invalid form mode or missing record ID");
+			return r.onSuccess && await r.onSuccess(t), t;
+		} catch (e) {
+			throw console.error("Failed to submit form:", e), r.onError && r.onError(e), e;
+		}
+	}, [
+		r,
+		i,
+		C
+	]), T = t(() => {
+		r.onCancel && r.onCancel();
+	}, [r]), E = {
+		...e.useMemo(() => {
+			if (!p?.fields) return {};
+			let e = {};
+			return Object.keys(p.fields).forEach((t) => {
+				let n = p.fields[t];
+				n.defaultValue !== void 0 && (e[t] = n.defaultValue);
+			}), e;
+		}, [p]),
+		..._
+	};
+	if (x) return /* @__PURE__ */ (0, K.jsxs)("div", {
+		className: "p-3 sm:p-4 border border-red-300 bg-red-50 rounded-md",
+		children: [/* @__PURE__ */ (0, K.jsx)("h3", {
+			className: "text-red-800 font-semibold",
+			children: "Error loading form"
+		}), /* @__PURE__ */ (0, K.jsx)("p", {
+			className: "text-red-600 text-sm mt-1",
+			children: x.message
+		})]
+	});
+	if (y) return /* @__PURE__ */ (0, K.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", {
+			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", {
+		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, {
+				label: e.label,
+				description: e.description,
+				collapsible: e.collapsible,
+				collapsed: e.collapsed,
+				columns: e.columns,
+				children: /* @__PURE__ */ (0, K.jsx)(s, { schema: {
+					type: "form",
+					fields: i,
+					layout: D,
+					defaultValues: E,
+					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
+				} })
+			}, e.name || e.label || t);
+		})
+	});
+	let O = r.sections?.length ? {
+		fields: h,
+		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,
+			className: r.className
+		} })
+	});
+}, me = ({ config: e, dataSource: n, prefillParams: r, className: o }) => {
+	let [s, c] = a(!1), [l, u] = a(!1), [d, f] = a(null), p = i(() => {
+		let e = {};
+		if (r) for (let [t, n] of Object.entries(r)) e[t] = n;
+		return typeof window < "u" && new URLSearchParams(window.location.search).forEach((t, n) => {
+			n in e || (e[n] = t);
+		}), Object.keys(e).length > 0 ? e : void 0;
+	}, [r]), m = t(async (t) => {
+		u(!0), f(null);
+		try {
+			if (n && await n.create(e.objectName, t), c(!0), e.thankYouPage?.redirectUrl) {
+				let t = e.thankYouPage.redirectDelay ?? 3e3;
+				setTimeout(() => {
+					window.location.href = e.thankYouPage.redirectUrl;
+				}, t);
+			}
+		} catch (e) {
+			f(e instanceof Error ? e.message : "Failed to submit form. Please try again.");
+		} finally {
+			u(!1);
+		}
+	}, [n, e]), h = t(() => {
+		c(!1), f(null);
+	}, []), g = i(() => {
+		let t = {};
+		return e.branding?.backgroundColor && (t.backgroundColor = e.branding.backgroundColor), t;
+	}, [e.branding]);
+	if (s) {
+		let t = e.thankYouPage;
+		return /* @__PURE__ */ (0, K.jsx)("div", {
+			className: `min-h-screen flex items-center justify-center p-4 ${o || ""}`,
+			style: g,
+			children: /* @__PURE__ */ (0, K.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", {
+						className: "text-4xl",
+						children: "✓"
+					}),
+					/* @__PURE__ */ (0, K.jsx)("h2", {
+						className: "text-xl font-semibold text-foreground",
+						children: t?.title || "Thank You!"
+					}),
+					/* @__PURE__ */ (0, K.jsx)("p", {
+						className: "text-muted-foreground",
+						children: t?.message || "Your submission has been received successfully."
+					}),
+					e.allowMultiple && /* @__PURE__ */ (0, K.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", {
+						className: "text-xs text-muted-foreground",
+						children: [
+							"Redirecting in ",
+							Math.ceil((t.redirectDelay ?? 3e3) / 1e3),
+							" seconds..."
+						]
+					})
+				]
+			})
+		});
+	}
+	return /* @__PURE__ */ (0, K.jsx)("div", {
+		className: `min-h-screen flex items-center justify-center p-4 ${o || ""}`,
+		style: g,
+		children: /* @__PURE__ */ (0, K.jsxs)("div", {
+			className: "max-w-2xl w-full bg-card rounded-lg shadow-lg overflow-hidden",
+			children: [
+				/* @__PURE__ */ (0, K.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", {
+							src: e.branding.logo,
+							alt: "Logo",
+							className: "h-8 mb-4"
+						}),
+						e.title && /* @__PURE__ */ (0, K.jsx)("h1", {
+							className: "text-xl font-semibold text-foreground",
+							children: e.title
+						}),
+						e.description && /* @__PURE__ */ (0, K.jsx)("p", {
+							className: "text-sm text-muted-foreground mt-1",
+							children: e.description
+						})
+					]
+				}),
+				/* @__PURE__ */ (0, K.jsxs)("div", {
+					className: "p-6",
+					children: [d && /* @__PURE__ */ (0, K.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)($, {
+						schema: {
+							type: "object-form",
+							objectName: e.objectName,
+							mode: "create",
+							fields: e.fields,
+							customFields: e.customFields,
+							initialData: p,
+							onSuccess: m,
+							submitLabel: l ? "Submitting..." : "Submit"
+						},
+						dataSource: n
+					})]
+				}),
+				/* @__PURE__ */ (0, K.jsx)("div", {
+					className: "px-6 py-3 border-t bg-muted/20 text-center",
+					children: /* @__PURE__ */ (0, K.jsx)("p", {
+						className: "text-xs text-muted-foreground",
+						children: "Powered by ObjectStack"
+					})
+				})
+			]
+		})
+	});
 };
-function mt(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`;
+//#endregion
+//#region src/FormAnalytics.tsx
+function he(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`;
 }
-const bt = ({
-  formId: e,
-  formTitle: r,
-  metrics: i,
-  className: b
-}) => {
-  const o = G(() => {
-    if (!i.abandonedSubmissions) return 100;
-    const x = i.totalSubmissions + i.abandonedSubmissions;
-    return x === 0 ? 0 : Math.round(i.totalSubmissions / x * 100);
-  }, [i.totalSubmissions, i.abandonedSubmissions]), p = G(() => i.dailySubmissions?.length ? Math.max(...i.dailySubmissions.map((x) => x.count), 1) : 1, [i.dailySubmissions]);
-  return /* @__PURE__ */ t.jsxs("div", { className: `space-y-4 ${b || ""}`, children: [
-    /* @__PURE__ */ t.jsxs("div", { children: [
-      /* @__PURE__ */ t.jsx("h2", { className: "text-lg font-semibold text-foreground", children: r || "Form Analytics" }),
-      /* @__PURE__ */ t.jsxs("p", { className: "text-sm text-muted-foreground", children: [
-        "Form ID: ",
-        e
-      ] })
-    ] }),
-    /* @__PURE__ */ t.jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-3 gap-4", children: [
-      /* @__PURE__ */ t.jsx(re, { children: /* @__PURE__ */ t.jsxs(le, { className: "pb-2", children: [
-        /* @__PURE__ */ t.jsx(ae, { children: "Total Submissions" }),
-        /* @__PURE__ */ t.jsx(ne, { className: "text-2xl", children: i.totalSubmissions.toLocaleString() })
-      ] }) }),
-      /* @__PURE__ */ t.jsxs(re, { children: [
-        /* @__PURE__ */ t.jsxs(le, { className: "pb-2", children: [
-          /* @__PURE__ */ t.jsx(ae, { children: "Fill Rate" }),
-          /* @__PURE__ */ t.jsxs(ne, { className: "text-2xl", children: [
-            o,
-            "%"
-          ] })
-        ] }),
-        /* @__PURE__ */ t.jsx(me, { children: /* @__PURE__ */ t.jsx("div", { className: "w-full bg-muted rounded-full h-2", children: /* @__PURE__ */ t.jsx(
-          "div",
-          {
-            className: "bg-primary rounded-full h-2 transition-all",
-            style: { width: `${o}%` }
-          }
-        ) }) })
-      ] }),
-      /* @__PURE__ */ t.jsx(re, { children: /* @__PURE__ */ t.jsxs(le, { className: "pb-2", children: [
-        /* @__PURE__ */ t.jsx(ae, { children: "Avg. Completion Time" }),
-        /* @__PURE__ */ t.jsx(ne, { className: "text-2xl", children: i.avgCompletionTime ? mt(i.avgCompletionTime) : "—" })
-      ] }) })
-    ] }),
-    i.dailySubmissions && i.dailySubmissions.length > 0 && /* @__PURE__ */ t.jsxs(re, { children: [
-      /* @__PURE__ */ t.jsx(le, { children: /* @__PURE__ */ t.jsx(ne, { className: "text-sm font-medium", children: "Daily Submissions" }) }),
-      /* @__PURE__ */ t.jsx(me, { children: /* @__PURE__ */ t.jsx("div", { className: "flex items-end gap-1 h-32", children: i.dailySubmissions.map((x, E) => /* @__PURE__ */ t.jsxs("div", { className: "flex-1 flex flex-col items-center gap-1", children: [
-        /* @__PURE__ */ t.jsx(
-          "div",
-          {
-            className: "w-full bg-primary/80 rounded-t transition-all hover:bg-primary",
-            style: { height: `${x.count / p * 100}%`, minHeight: x.count > 0 ? "4px" : "0" },
-            title: `${x.date}: ${x.count} submissions`
-          }
-        ),
-        /* @__PURE__ */ t.jsx("span", { className: "text-[10px] text-muted-foreground truncate w-full text-center", children: x.date.slice(-5) })
-      ] }, E)) }) })
-    ] }),
-    i.fieldDropOff && i.fieldDropOff.length > 0 && /* @__PURE__ */ t.jsxs(re, { children: [
-      /* @__PURE__ */ t.jsxs(le, { children: [
-        /* @__PURE__ */ t.jsx(ne, { className: "text-sm font-medium", children: "Field Completion Rates" }),
-        /* @__PURE__ */ t.jsx(ae, { children: "Percentage of users who completed each field" })
-      ] }),
-      /* @__PURE__ */ t.jsx(me, { children: /* @__PURE__ */ t.jsx("div", { className: "space-y-3", children: i.fieldDropOff.map((x, E) => /* @__PURE__ */ t.jsxs("div", { className: "space-y-1", children: [
-        /* @__PURE__ */ t.jsxs("div", { className: "flex justify-between text-sm", children: [
-          /* @__PURE__ */ t.jsx("span", { className: "text-foreground", children: x.label }),
-          /* @__PURE__ */ t.jsxs("span", { className: "text-muted-foreground", children: [
-            x.completionRate,
-            "%"
-          ] })
-        ] }),
-        /* @__PURE__ */ t.jsx("div", { className: "w-full bg-muted rounded-full h-1.5", children: /* @__PURE__ */ t.jsx(
-          "div",
-          {
-            className: `rounded-full h-1.5 transition-all ${x.completionRate >= 80 ? "bg-green-500" : x.completionRate >= 50 ? "bg-yellow-500" : "bg-destructive"}`,
-            style: { width: `${x.completionRate}%` }
-          }
-        ) })
-      ] }, E)) }) })
-    ] })
-  ] });
-}, Ee = ({ schema: e }) => /* @__PURE__ */ t.jsx(he, { schema: e });
-ue.register("object-form", Ee, {
-  namespace: "plugin-form",
-  label: "Object Form",
-  category: "plugin",
-  inputs: [
-    { name: "objectName", type: "string", label: "Object Name", required: !0 },
-    { name: "fields", type: "array", label: "Fields" },
-    { name: "mode", type: "enum", label: "Mode", enum: ["create", "edit", "view"] },
-    { name: "formType", type: "enum", label: "Form Type", enum: ["simple", "tabbed", "wizard", "split", "drawer", "modal"] },
-    { name: "sections", type: "array", label: "Sections" },
-    { name: "title", type: "string", label: "Title" },
-    { name: "description", type: "string", label: "Description" },
-    { name: "layout", type: "enum", label: "Layout", enum: ["vertical", "horizontal", "inline", "grid"] },
-    { name: "columns", type: "number", label: "Columns" },
-    // Tabbed
-    { name: "defaultTab", type: "string", label: "Default Tab" },
-    { name: "tabPosition", type: "enum", label: "Tab Position", enum: ["top", "bottom", "left", "right"] },
-    // Wizard
-    { name: "allowSkip", type: "boolean", label: "Allow Skip Steps" },
-    { name: "showStepIndicator", type: "boolean", label: "Show Step Indicator" },
-    // Split
-    { name: "splitDirection", type: "enum", label: "Split Direction", enum: ["horizontal", "vertical"] },
-    { name: "splitSize", type: "number", label: "Split Panel Size (%)" },
-    { name: "splitResizable", type: "boolean", label: "Split Resizable" },
-    // Drawer
-    { name: "drawerSide", type: "enum", label: "Drawer Side", enum: ["top", "bottom", "left", "right"] },
-    { name: "drawerWidth", type: "string", label: "Drawer Width" },
-    // Modal
-    { name: "modalSize", type: "enum", label: "Modal Size", enum: ["sm", "default", "lg", "xl", "full"] }
-  ]
-});
-ue.register("form", Ee, {
-  namespace: "view",
-  skipFallback: !0,
-  label: "Data Form View",
-  category: "view",
-  inputs: [
-    { name: "objectName", type: "string", label: "Object Name", required: !0 },
-    { name: "fields", type: "array", label: "Fields" },
-    { name: "mode", type: "enum", label: "Mode", enum: ["create", "edit", "view"] }
-  ]
+var ge = ({ 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", {
+		className: `space-y-4 ${r || ""}`,
+		children: [
+			/* @__PURE__ */ (0, K.jsxs)("div", { children: [/* @__PURE__ */ (0, K.jsx)("h2", {
+				className: "text-lg font-semibold text-foreground",
+				children: t || "Form Analytics"
+			}), /* @__PURE__ */ (0, K.jsxs)("p", {
+				className: "text-sm text-muted-foreground",
+				children: ["Form ID: ", e]
+			})] }),
+			/* @__PURE__ */ (0, K.jsxs)("div", {
+				className: "grid grid-cols-1 sm:grid-cols-3 gap-4",
+				children: [
+					/* @__PURE__ */ (0, K.jsx)(m, { children: /* @__PURE__ */ (0, K.jsxs)(_, {
+						className: "pb-2",
+						children: [/* @__PURE__ */ (0, K.jsx)(g, { children: "Total Submissions" }), /* @__PURE__ */ (0, K.jsx)(v, {
+							className: "text-2xl",
+							children: n.totalSubmissions.toLocaleString()
+						})]
+					}) }),
+					/* @__PURE__ */ (0, K.jsxs)(m, { children: [/* @__PURE__ */ (0, K.jsxs)(_, {
+						className: "pb-2",
+						children: [/* @__PURE__ */ (0, K.jsx)(g, { children: "Fill Rate" }), /* @__PURE__ */ (0, K.jsxs)(v, {
+							className: "text-2xl",
+							children: [a, "%"]
+						})]
+					}), /* @__PURE__ */ (0, K.jsx)(h, { children: /* @__PURE__ */ (0, K.jsx)("div", {
+						className: "w-full bg-muted rounded-full h-2",
+						children: /* @__PURE__ */ (0, K.jsx)("div", {
+							className: "bg-primary rounded-full h-2 transition-all",
+							style: { width: `${a}%` }
+						})
+					}) })] }),
+					/* @__PURE__ */ (0, K.jsx)(m, { children: /* @__PURE__ */ (0, K.jsxs)(_, {
+						className: "pb-2",
+						children: [/* @__PURE__ */ (0, K.jsx)(g, { children: "Avg. Completion Time" }), /* @__PURE__ */ (0, K.jsx)(v, {
+							className: "text-2xl",
+							children: n.avgCompletionTime ? he(n.avgCompletionTime) : "—"
+						})]
+					}) })
+				]
+			}),
+			n.dailySubmissions && n.dailySubmissions.length > 0 && /* @__PURE__ */ (0, K.jsxs)(m, { children: [/* @__PURE__ */ (0, K.jsx)(_, { children: /* @__PURE__ */ (0, K.jsx)(v, {
+				className: "text-sm font-medium",
+				children: "Daily Submissions"
+			}) }), /* @__PURE__ */ (0, K.jsx)(h, { children: /* @__PURE__ */ (0, K.jsx)("div", {
+				className: "flex items-end gap-1 h-32",
+				children: n.dailySubmissions.map((e, t) => /* @__PURE__ */ (0, K.jsxs)("div", {
+					className: "flex-1 flex flex-col items-center gap-1",
+					children: [/* @__PURE__ */ (0, K.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", {
+						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, {
+				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", {
+				className: "space-y-3",
+				children: n.fieldDropOff.map((e, t) => /* @__PURE__ */ (0, K.jsxs)("div", {
+					className: "space-y-1",
+					children: [/* @__PURE__ */ (0, K.jsxs)("div", {
+						className: "flex justify-between text-sm",
+						children: [/* @__PURE__ */ (0, K.jsx)("span", {
+							className: "text-foreground",
+							children: e.label
+						}), /* @__PURE__ */ (0, K.jsxs)("span", {
+							className: "text-muted-foreground",
+							children: [e.completionRate, "%"]
+						})]
+					}), /* @__PURE__ */ (0, K.jsx)("div", {
+						className: "w-full bg-muted rounded-full h-1.5",
+						children: /* @__PURE__ */ (0, K.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}%` }
+						})
+					})]
+				}, t))
+			}) })] })
+		]
+	});
+}, _e = ({ schema: e }) => /* @__PURE__ */ (0, K.jsx)($, { schema: e });
+o.register("object-form", _e, {
+	namespace: "plugin-form",
+	label: "Object Form",
+	category: "plugin",
+	inputs: [
+		{
+			name: "objectName",
+			type: "string",
+			label: "Object Name",
+			required: !0
+		},
+		{
+			name: "fields",
+			type: "array",
+			label: "Fields"
+		},
+		{
+			name: "mode",
+			type: "enum",
+			label: "Mode",
+			enum: [
+				"create",
+				"edit",
+				"view"
+			]
+		},
+		{
+			name: "formType",
+			type: "enum",
+			label: "Form Type",
+			enum: [
+				"simple",
+				"tabbed",
+				"wizard",
+				"split",
+				"drawer",
+				"modal"
+			]
+		},
+		{
+			name: "sections",
+			type: "array",
+			label: "Sections"
+		},
+		{
+			name: "title",
+			type: "string",
+			label: "Title"
+		},
+		{
+			name: "description",
+			type: "string",
+			label: "Description"
+		},
+		{
+			name: "layout",
+			type: "enum",
+			label: "Layout",
+			enum: [
+				"vertical",
+				"horizontal",
+				"inline",
+				"grid"
+			]
+		},
+		{
+			name: "columns",
+			type: "number",
+			label: "Columns"
+		},
+		{
+			name: "defaultTab",
+			type: "string",
+			label: "Default Tab"
+		},
+		{
+			name: "tabPosition",
+			type: "enum",
+			label: "Tab Position",
+			enum: [
+				"top",
+				"bottom",
+				"left",
+				"right"
+			]
+		},
+		{
+			name: "allowSkip",
+			type: "boolean",
+			label: "Allow Skip Steps"
+		},
+		{
+			name: "showStepIndicator",
+			type: "boolean",
+			label: "Show Step Indicator"
+		},
+		{
+			name: "splitDirection",
+			type: "enum",
+			label: "Split Direction",
+			enum: ["horizontal", "vertical"]
+		},
+		{
+			name: "splitSize",
+			type: "number",
+			label: "Split Panel Size (%)"
+		},
+		{
+			name: "splitResizable",
+			type: "boolean",
+			label: "Split Resizable"
+		},
+		{
+			name: "drawerSide",
+			type: "enum",
+			label: "Drawer Side",
+			enum: [
+				"top",
+				"bottom",
+				"left",
+				"right"
+			]
+		},
+		{
+			name: "drawerWidth",
+			type: "string",
+			label: "Drawer Width"
+		},
+		{
+			name: "modalSize",
+			type: "enum",
+			label: "Modal Size",
+			enum: [
+				"sm",
+				"default",
+				"lg",
+				"xl",
+				"full"
+			]
+		}
+	]
+}), o.register("form", _e, {
+	namespace: "view",
+	skipFallback: !0,
+	label: "Data Form View",
+	category: "view",
+	inputs: [
+		{
+			name: "objectName",
+			type: "string",
+			label: "Object Name",
+			required: !0
+		},
+		{
+			name: "fields",
+			type: "array",
+			label: "Fields"
+		},
+		{
+			name: "mode",
+			type: "enum",
+			label: "Mode",
+			enum: [
+				"create",
+				"edit",
+				"view"
+			]
+		}
+	]
+}), o.register("embeddable-form", ({ schema: e }) => /* @__PURE__ */ (0, K.jsx)(me, { config: e }), {
+	namespace: "plugin-form",
+	label: "Embeddable Form",
+	category: "plugin",
+	inputs: [
+		{
+			name: "formId",
+			type: "string",
+			label: "Form ID",
+			required: !0
+		},
+		{
+			name: "objectName",
+			type: "string",
+			label: "Object Name",
+			required: !0
+		},
+		{
+			name: "title",
+			type: "string",
+			label: "Form Title"
+		},
+		{
+			name: "description",
+			type: "string",
+			label: "Description"
+		},
+		{
+			name: "fields",
+			type: "array",
+			label: "Fields"
+		},
+		{
+			name: "allowMultiple",
+			type: "boolean",
+			label: "Allow Multiple Submissions"
+		}
+	]
+}), o.register("form-analytics", ({ schema: e }) => /* @__PURE__ */ (0, K.jsx)(ge, {
+	formId: e.formId,
+	formTitle: e.formTitle,
+	metrics: e.metrics || { totalSubmissions: 0 }
+}), {
+	namespace: "plugin-form",
+	label: "Form Analytics",
+	category: "plugin",
+	inputs: [
+		{
+			name: "formId",
+			type: "string",
+			label: "Form ID",
+			required: !0
+		},
+		{
+			name: "formTitle",
+			type: "string",
+			label: "Form Title"
+		},
+		{
+			name: "metrics",
+			type: "object",
+			label: "Submission Metrics"
+		}
+	]
 });
-const xt = ({ schema: e }) => /* @__PURE__ */ t.jsx(pt, { config: e });
-ue.register("embeddable-form", xt, {
-  namespace: "plugin-form",
-  label: "Embeddable Form",
-  category: "plugin",
-  inputs: [
-    { name: "formId", type: "string", label: "Form ID", required: !0 },
-    { name: "objectName", type: "string", label: "Object Name", required: !0 },
-    { name: "title", type: "string", label: "Form Title" },
-    { name: "description", type: "string", label: "Description" },
-    { name: "fields", type: "array", label: "Fields" },
-    { name: "allowMultiple", type: "boolean", label: "Allow Multiple Submissions" }
-  ]
-});
-const yt = ({ schema: e }) => /* @__PURE__ */ t.jsx(bt, { formId: e.formId, formTitle: e.formTitle, metrics: e.metrics || { totalSubmissions: 0 } });
-ue.register("form-analytics", yt, {
-  namespace: "plugin-form",
-  label: "Form Analytics",
-  category: "plugin",
-  inputs: [
-    { name: "formId", type: "string", label: "Form ID", required: !0 },
-    { name: "formTitle", type: "string", label: "Form Title" },
-    { name: "metrics", type: "object", label: "Submission Metrics" }
-  ]
-});
-export {
-  ct as DrawerForm,
-  pt as EmbeddableForm,
-  bt as FormAnalytics,
-  te as FormSection,
-  ut as ModalForm,
-  he as ObjectForm,
-  lt as SplitForm,
-  tt as TabbedForm,
-  rt as WizardForm,
-  we as applyAutoColSpan,
-  ce as applyAutoLayout,
-  dt as filterCreateModeFields,
-  at as inferColumns,
-  Ne as inferModalSize,
-  st as isAutoGeneratedFieldType,
-  ot as isWideFieldType
-};
+//#endregion
+export { le as DrawerForm, me as EmbeddableForm, ge as FormAnalytics, q as FormSection, fe as ModalForm, $ as ObjectForm, te as SplitForm, J as TabbedForm, Y as WizardForm, X as applyAutoColSpan, Q as applyAutoLayout, se as filterCreateModeFields, oe as inferColumns, Z as inferModalSize, ae as isAutoGeneratedFieldType, ie as isWideFieldType };