@object-ui/plugin-form 0.5.0 → 2.0.0

package/dist/index.js

@@ -1,409 +1,1514 @@
-import re, { useState as A, useEffect as I, useCallback as Q } from "react";
-import { ComponentRegistry as oe } from "@object-ui/core";
-import { SchemaRenderer as ie } from "@object-ui/react";
-import { buildValidationRules as ae, mapFieldTypeToFormType as le, formatFileSize as se, evaluateCondition as ue } from "@object-ui/fields";
-var D = { exports: {} }, P = {};
-var Z;
-function ce() {
-  if (Z) return P;
-  Z = 1;
-  var r = /* @__PURE__ */ Symbol.for("react.transitional.element"), c = /* @__PURE__ */ Symbol.for("react.fragment");
-  function f(_, m, b) {
+import J, { useState as g, useCallback as k, useMemo as Q, useEffect as W } from "react";
+import { ComponentRegistry as ue } from "@object-ui/core";
+import { SchemaRenderer as M } from "@object-ui/react";
+import { buildValidationRules as Y, mapFieldTypeToFormType as U, formatFileSize as ye, evaluateCondition as xe } from "@object-ui/fields";
+import { cn as V, Tabs as je, TabsList as ge, TabsTrigger as we, TabsContent as ve, Button as K, ResizablePanelGroup as Ne, ResizablePanel as se, ResizableHandle as Se, Sheet as Te, SheetContent as Ce, SheetHeader as Ee, SheetTitle as Oe, SheetDescription as _e, Dialog as Re, DialogContent as De, DialogHeader as Fe, DialogTitle as ke, DialogDescription as Ie } from "@object-ui/components";
+import { ChevronRight as pe, ChevronDown as ze, Check as Pe, ChevronLeft as Le } from "lucide-react";
+var ee = { exports: {} }, B = {};
+var ae;
+function Ae() {
+  if (ae) return B;
+  ae = 1;
+  var e = /* @__PURE__ */ Symbol.for("react.transitional.element"), l = /* @__PURE__ */ Symbol.for("react.fragment");
+  function f(d, w, b) {
     var T = null;
-    if (b !== void 0 && (T = "" + b), m.key !== void 0 && (T = "" + m.key), "key" in m) {
+    if (b !== void 0 && (T = "" + b), w.key !== void 0 && (T = "" + w.key), "key" in w) {
       b = {};
-      for (var y in m)
-        y !== "key" && (b[y] = m[y]);
-    } else b = m;
-    return m = b.ref, {
-      $$typeof: r,
-      type: _,
+      for (var E in w)
+        E !== "key" && (b[E] = w[E]);
+    } else b = w;
+    return w = b.ref, {
+      $$typeof: e,
+      type: d,
       key: T,
-      ref: m !== void 0 ? m : null,
+      ref: w !== void 0 ? w : null,
       props: b
     };
   }
-  return P.Fragment = c, P.jsx = f, P.jsxs = f, P;
+  return B.Fragment = l, B.jsx = f, B.jsxs = f, B;
 }
-var F = {};
-var K;
-function fe() {
-  return K || (K = 1, process.env.NODE_ENV !== "production" && (function() {
-    function r(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 N:
+var X = {};
+var de;
+function he() {
+  return de || (de = 1, process.env.NODE_ENV !== "production" && (function() {
+    function e(r) {
+      if (r == null) return null;
+      if (typeof r == "function")
+        return r.$$typeof === $ ? null : r.displayName || r.name || null;
+      if (typeof r == "string") return r;
+      switch (r) {
+        case F:
           return "Fragment";
-        case a:
+        case q:
           return "Profiler";
-        case $:
+        case _:
           return "StrictMode";
-        case x:
+        case o:
           return "Suspense";
-        case t:
+        case a:
           return "SuspenseList";
-        case o:
+        case v:
           return "Activity";
       }
-      if (typeof e == "object")
-        switch (typeof e.tag == "number" && console.error(
+      if (typeof r == "object")
+        switch (typeof r.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), e.$$typeof) {
-          case W:
+        ), r.$$typeof) {
+          case h:
             return "Portal";
-          case p:
-            return e.displayName || "Context";
-          case l:
-            return (e._context.displayName || "Context") + ".Consumer";
-          case j:
-            var n = e.render;
-            return e = e.displayName, e || (e = n.displayName || n.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case V:
-            return n = e.displayName || null, n !== null ? n : r(e.type) || "Memo";
-          case g:
-            n = e._payload, e = e._init;
+          case s:
+            return r.displayName || "Context";
+          case u:
+            return (r._context.displayName || "Context") + ".Consumer";
+          case n:
+            var m = r.render;
+            return r = r.displayName, r || (r = m.displayName || m.name || "", r = r !== "" ? "ForwardRef(" + r + ")" : "ForwardRef"), r;
+          case c:
+            return m = r.displayName || null, m !== null ? m : e(r.type) || "Memo";
+          case i:
+            m = r._payload, r = r._init;
             try {
-              return r(e(n));
+              return e(r(m));
             } catch {
             }
         }
       return null;
     }
-    function c(e) {
-      return "" + e;
+    function l(r) {
+      return "" + r;
     }
-    function f(e) {
+    function f(r) {
       try {
-        c(e);
-        var n = !1;
+        l(r);
+        var m = !1;
       } catch {
-        n = !0;
+        m = !0;
       }
-      if (n) {
-        n = console;
-        var i = n.error, s = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return i.call(
-          n,
+      if (m) {
+        m = console;
+        var O = m.error, I = typeof Symbol == "function" && Symbol.toStringTag && r[Symbol.toStringTag] || r.constructor.name || "Object";
+        return O.call(
+          m,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          s
-        ), c(e);
+          I
+        ), l(r);
       }
     }
-    function _(e) {
-      if (e === N) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === g)
+    function d(r) {
+      if (r === F) return "<>";
+      if (typeof r == "object" && r !== null && r.$$typeof === i)
         return "<...>";
       try {
-        var n = r(e);
-        return n ? "<" + n + ">" : "<...>";
+        var m = e(r);
+        return m ? "<" + m + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function m() {
-      var e = L.A;
-      return e === null ? null : e.getOwner();
+    function w() {
+      var r = p.A;
+      return r === null ? null : r.getOwner();
     }
     function b() {
       return Error("react-stack-top-frame");
     }
-    function T(e) {
-      if (U.call(e, "key")) {
-        var n = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (n && n.isReactWarning) return !1;
+    function T(r) {
+      if (x.call(r, "key")) {
+        var m = Object.getOwnPropertyDescriptor(r, "key").get;
+        if (m && m.isReactWarning) return !1;
       }
-      return e.key !== void 0;
+      return r.key !== void 0;
     }
-    function y(e, n) {
-      function i() {
-        J || (J = !0, console.error(
+    function E(r, m) {
+      function O() {
+        A || (A = !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)",
-          n
+          m
         ));
       }
-      i.isReactWarning = !0, Object.defineProperty(e, "key", {
-        get: i,
+      O.isReactWarning = !0, Object.defineProperty(r, "key", {
+        get: O,
         configurable: !0
       });
     }
-    function Y() {
-      var e = r(this.type);
-      return G[e] || (G[e] = !0, console.error(
+    function S() {
+      var r = e(this.type);
+      return le[r] || (le[r] = !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 ? e : null;
-    }
-    function v(e, n, i, s, C, q) {
-      var u = i.ref;
-      return e = {
-        $$typeof: h,
-        type: e,
-        key: n,
-        props: i,
-        _owner: s
-      }, (u !== void 0 ? u : null) !== null ? Object.defineProperty(e, "ref", {
+      )), r = this.props.ref, r !== void 0 ? r : null;
+    }
+    function C(r, m, O, I, Z, te) {
+      var z = O.ref;
+      return r = {
+        $$typeof: P,
+        type: r,
+        key: m,
+        props: O,
+        _owner: I
+      }, (z !== void 0 ? z : null) !== null ? Object.defineProperty(r, "ref", {
         enumerable: !1,
-        get: Y
-      }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
+        get: S
+      }) : Object.defineProperty(r, "ref", { enumerable: !1, value: null }), r._store = {}, Object.defineProperty(r._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(e, "_debugInfo", {
+      }), Object.defineProperty(r, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(e, "_debugStack", {
+      }), Object.defineProperty(r, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: C
-      }), Object.defineProperty(e, "_debugTask", {
+        value: Z
+      }), Object.defineProperty(r, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: q
-      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
-    }
-    function S(e, n, i, s, C, q) {
-      var u = n.children;
-      if (u !== void 0)
-        if (s)
-          if (te(u)) {
-            for (s = 0; s < u.length; s++)
-              R(u[s]);
-            Object.freeze && Object.freeze(u);
+        value: te
+      }), Object.freeze && (Object.freeze(r.props), Object.freeze(r)), r;
+    }
+    function j(r, m, O, I, Z, te) {
+      var z = m.children;
+      if (z !== void 0)
+        if (I)
+          if (R(z)) {
+            for (I = 0; I < z.length; I++)
+              y(z[I]);
+            Object.freeze && Object.freeze(z);
           } 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 R(u);
-      if (U.call(n, "key")) {
-        u = r(e);
-        var k = Object.keys(n).filter(function(ne) {
-          return ne !== "key";
+        else y(z);
+      if (x.call(m, "key")) {
+        z = e(r);
+        var H = Object.keys(m).filter(function(me) {
+          return me !== "key";
         });
-        s = 0 < k.length ? "{key: someKey, " + k.join(": ..., ") + ": ...}" : "{key: someKey}", B[u + s] || (k = 0 < k.length ? "{" + k.join(": ..., ") + ": ...}" : "{}", console.error(
+        I = 0 < H.length ? "{key: someKey, " + H.join(": ..., ") + ": ...}" : "{key: someKey}", oe[z + I] || (H = 0 < H.length ? "{" + H.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} />`,
-          s,
-          u,
-          k,
-          u
-        ), B[u + s] = !0);
-      }
-      if (u = null, i !== void 0 && (f(i), u = "" + i), T(n) && (f(n.key), u = "" + n.key), "key" in n) {
-        i = {};
-        for (var z in n)
-          z !== "key" && (i[z] = n[z]);
-      } else i = n;
-      return u && y(
-        i,
-        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), v(
-        e,
-        u,
-        i,
-        m(),
-        C,
-        q
+          I,
+          z,
+          H,
+          z
+        ), oe[z + I] = !0);
+      }
+      if (z = null, O !== void 0 && (f(O), z = "" + O), T(m) && (f(m.key), z = "" + m.key), "key" in m) {
+        O = {};
+        for (var re in m)
+          re !== "key" && (O[re] = m[re]);
+      } else O = m;
+      return z && E(
+        O,
+        typeof r == "function" ? r.displayName || r.name || "Unknown" : r
+      ), C(
+        r,
+        z,
+        O,
+        w(),
+        Z,
+        te
       );
     }
-    function R(e) {
-      d(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === g && (e._payload.status === "fulfilled" ? d(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+    function y(r) {
+      N(r) ? r._store && (r._store.validated = 1) : typeof r == "object" && r !== null && r.$$typeof === i && (r._payload.status === "fulfilled" ? N(r._payload.value) && r._payload.value._store && (r._payload.value._store.validated = 1) : r._store && (r._store.validated = 1));
     }
-    function d(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === h;
+    function N(r) {
+      return typeof r == "object" && r !== null && r.$$typeof === P;
     }
-    var w = re, h = /* @__PURE__ */ Symbol.for("react.transitional.element"), W = /* @__PURE__ */ Symbol.for("react.portal"), N = /* @__PURE__ */ Symbol.for("react.fragment"), $ = /* @__PURE__ */ Symbol.for("react.strict_mode"), a = /* @__PURE__ */ Symbol.for("react.profiler"), l = /* @__PURE__ */ Symbol.for("react.consumer"), p = /* @__PURE__ */ Symbol.for("react.context"), j = /* @__PURE__ */ Symbol.for("react.forward_ref"), x = /* @__PURE__ */ Symbol.for("react.suspense"), t = /* @__PURE__ */ Symbol.for("react.suspense_list"), V = /* @__PURE__ */ Symbol.for("react.memo"), g = /* @__PURE__ */ Symbol.for("react.lazy"), o = /* @__PURE__ */ Symbol.for("react.activity"), O = /* @__PURE__ */ Symbol.for("react.client.reference"), L = w.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, U = Object.prototype.hasOwnProperty, te = Array.isArray, M = console.createTask ? console.createTask : function() {
+    var D = J, P = /* @__PURE__ */ Symbol.for("react.transitional.element"), h = /* @__PURE__ */ Symbol.for("react.portal"), F = /* @__PURE__ */ Symbol.for("react.fragment"), _ = /* @__PURE__ */ Symbol.for("react.strict_mode"), q = /* @__PURE__ */ Symbol.for("react.profiler"), u = /* @__PURE__ */ Symbol.for("react.consumer"), s = /* @__PURE__ */ Symbol.for("react.context"), n = /* @__PURE__ */ Symbol.for("react.forward_ref"), o = /* @__PURE__ */ Symbol.for("react.suspense"), a = /* @__PURE__ */ Symbol.for("react.suspense_list"), c = /* @__PURE__ */ Symbol.for("react.memo"), i = /* @__PURE__ */ Symbol.for("react.lazy"), v = /* @__PURE__ */ Symbol.for("react.activity"), $ = /* @__PURE__ */ Symbol.for("react.client.reference"), p = D.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, x = Object.prototype.hasOwnProperty, R = Array.isArray, L = console.createTask ? console.createTask : function() {
       return null;
     };
-    w = {
-      react_stack_bottom_frame: function(e) {
-        return e();
+    D = {
+      react_stack_bottom_frame: function(r) {
+        return r();
       }
     };
-    var J, G = {}, X = w.react_stack_bottom_frame.bind(
-      w,
+    var A, le = {}, ne = D.react_stack_bottom_frame.bind(
+      D,
       b
-    )(), H = M(_(b)), B = {};
-    F.Fragment = N, F.jsx = function(e, n, i) {
-      var s = 1e4 > L.recentlyCreatedOwnerStacks++;
-      return S(
-        e,
-        n,
-        i,
+    )(), ie = L(d(b)), oe = {};
+    X.Fragment = F, X.jsx = function(r, m, O) {
+      var I = 1e4 > p.recentlyCreatedOwnerStacks++;
+      return j(
+        r,
+        m,
+        O,
         !1,
-        s ? Error("react-stack-top-frame") : X,
-        s ? M(_(e)) : H
+        I ? Error("react-stack-top-frame") : ne,
+        I ? L(d(r)) : ie
       );
-    }, F.jsxs = function(e, n, i) {
-      var s = 1e4 > L.recentlyCreatedOwnerStacks++;
-      return S(
-        e,
-        n,
-        i,
+    }, X.jsxs = function(r, m, O) {
+      var I = 1e4 > p.recentlyCreatedOwnerStacks++;
+      return j(
+        r,
+        m,
+        O,
         !0,
-        s ? Error("react-stack-top-frame") : X,
-        s ? M(_(e)) : H
+        I ? Error("react-stack-top-frame") : ne,
+        I ? L(d(r)) : ie
       );
     };
-  })()), F;
+  })()), X;
 }
-var ee;
-function de() {
-  return ee || (ee = 1, process.env.NODE_ENV === "production" ? D.exports = ce() : D.exports = fe()), D.exports;
+var ce;
+function Ve() {
+  return ce || (ce = 1, process.env.NODE_ENV === "production" ? ee.exports = Ae() : ee.exports = he()), ee.exports;
 }
-var E = de();
-const pe = ({
-  schema: r,
-  dataSource: c
+var t = Ve();
+const G = ({
+  label: e,
+  description: l,
+  collapsible: f = !1,
+  collapsed: d = !1,
+  columns: w = 1,
+  children: b,
+  className: T
+}) => {
+  const [E, S] = g(d), C = {
+    1: "grid-cols-1",
+    2: "grid-cols-1 md:grid-cols-2",
+    3: "grid-cols-1 md:grid-cols-2 lg:grid-cols-3",
+    4: "grid-cols-1 md:grid-cols-2 lg:grid-cols-4"
+  }, j = () => {
+    f && S(!E);
+  };
+  return /* @__PURE__ */ t.jsxs("div", { className: V("form-section", T), children: [
+    (e || l) && /* @__PURE__ */ t.jsxs(
+      "div",
+      {
+        className: V(
+          "flex items-start gap-2 mb-4",
+          f && "cursor-pointer select-none"
+        ),
+        onClick: j,
+        role: f ? "button" : void 0,
+        "aria-expanded": f ? !E : void 0,
+        children: [
+          f && /* @__PURE__ */ t.jsx("span", { className: "mt-0.5 text-muted-foreground", children: E ? /* @__PURE__ */ t.jsx(pe, { className: "h-4 w-4" }) : /* @__PURE__ */ t.jsx(ze, { 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 }),
+            l && /* @__PURE__ */ t.jsx("p", { className: "text-sm text-muted-foreground mt-0.5", children: l })
+          ] })
+        ]
+      }
+    ),
+    !E && /* @__PURE__ */ t.jsx("div", { className: V("grid gap-4", C[w]), children: b })
+  ] });
+}, qe = ({
+  schema: e,
+  dataSource: l,
+  className: f
+}) => {
+  const [d, w] = g(null), [b, T] = g({}), [E, S] = g(!0), [C, j] = g(null), [y, N] = g(
+    e.defaultTab || e.sections[0]?.name || e.sections[0]?.label || "tab-0"
+  );
+  J.useEffect(() => {
+    (async () => {
+      if (!l) {
+        S(!1);
+        return;
+      }
+      try {
+        const n = await l.getObjectSchema(e.objectName);
+        w(n);
+      } catch (n) {
+        j(n);
+      }
+    })();
+  }, [e.objectName, l]), J.useEffect(() => {
+    (d || !l) && (async () => {
+      if (e.mode === "create" || !e.recordId || !l) {
+        T(e.initialData || e.initialValues || {}), S(!1);
+        return;
+      }
+      try {
+        const n = await l.findOne(e.objectName, e.recordId);
+        T(n || {});
+      } catch (n) {
+        j(n);
+      } finally {
+        S(!1);
+      }
+    })();
+  }, [d, e.mode, e.recordId, e.initialData, e.initialValues, l, e.objectName]);
+  const D = k((s) => {
+    const n = [];
+    for (const o of s.fields) {
+      const a = typeof o == "string" ? o : o.name;
+      if (typeof o == "object")
+        n.push(o);
+      else if (d?.fields?.[a]) {
+        const c = d.fields[a];
+        n.push({
+          name: a,
+          label: c.label || a,
+          type: U(c.type),
+          required: c.required || !1,
+          disabled: e.readOnly || e.mode === "view" || c.readonly,
+          placeholder: c.placeholder,
+          description: c.help || c.description,
+          validation: Y(c),
+          field: c,
+          options: c.options,
+          multiple: c.multiple
+        });
+      } else
+        n.push({
+          name: a,
+          label: a,
+          type: "input"
+        });
+    }
+    return n;
+  }, [d, e.readOnly, e.mode]), P = k(async (s) => {
+    if (!l)
+      return e.onSuccess && await e.onSuccess(s), s;
+    try {
+      let n;
+      return e.mode === "create" ? n = await l.create(e.objectName, s) : e.mode === "edit" && e.recordId && (n = await l.update(e.objectName, e.recordId, s)), e.onSuccess && await e.onSuccess(n), n;
+    } catch (n) {
+      throw e.onError && e.onError(n), n;
+    }
+  }, [e, l]), h = k(() => {
+    e.onCancel && e.onCancel();
+  }, [e]), F = (s, n) => s.name || s.label || `tab-${n}`;
+  if (C)
+    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: C.message })
+    ] });
+  if (E)
+    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 q = {
+    type: "form",
+    fields: e.sections.flatMap((s) => D(s)),
+    layout: "vertical",
+    defaultValues: b,
+    submitLabel: e.submitText || (e.mode === "create" ? "Create" : "Update"),
+    cancelLabel: e.cancelText,
+    showSubmit: e.showSubmit !== !1 && e.mode !== "view",
+    showCancel: e.showCancel !== !1,
+    onSubmit: P,
+    onCancel: h
+  }, u = e.tabPosition === "left" || e.tabPosition === "right";
+  return /* @__PURE__ */ t.jsx("div", { className: V("w-full", f, e.className), children: /* @__PURE__ */ t.jsxs(
+    je,
+    {
+      value: y,
+      onValueChange: N,
+      orientation: u ? "vertical" : "horizontal",
+      className: V(u && "flex gap-4"),
+      children: [
+        /* @__PURE__ */ t.jsx(ge, { className: V(
+          u ? "flex-col h-auto" : "",
+          e.tabPosition === "bottom" && "order-last",
+          e.tabPosition === "right" && "order-last"
+        ), children: e.sections.map((s, n) => /* @__PURE__ */ t.jsx(
+          we,
+          {
+            value: F(s, n),
+            className: u ? "w-full justify-start" : "",
+            children: s.label || `Tab ${n + 1}`
+          },
+          F(s, n)
+        )) }),
+        /* @__PURE__ */ t.jsx("div", { className: "flex-1", children: e.sections.map((s, n) => /* @__PURE__ */ t.jsx(
+          ve,
+          {
+            value: F(s, n),
+            className: "mt-0",
+            children: /* @__PURE__ */ t.jsx(
+              G,
+              {
+                description: s.description,
+                columns: s.columns || 1,
+                children: /* @__PURE__ */ t.jsx(
+                  M,
+                  {
+                    schema: {
+                      ...q,
+                      fields: D(s),
+                      // Only show buttons on the last tab or always visible
+                      showSubmit: e.showSubmit !== !1 && e.mode !== "view",
+                      showCancel: e.showCancel !== !1
+                    }
+                  }
+                )
+              }
+            )
+          },
+          F(s, n)
+        )) })
+      ]
+    }
+  ) });
+}, We = ({
+  schema: e,
+  dataSource: l,
+  className: f
+}) => {
+  const [d, w] = g(null), [b, T] = g({}), [E, S] = g(!0), [C, j] = g(null), [y, N] = g(0), [D, P] = g(/* @__PURE__ */ new Set()), [h, F] = g(!1), _ = e.sections.length, q = y === 0, u = y === _ - 1;
+  J.useEffect(() => {
+    (async () => {
+      if (!l) {
+        S(!1);
+        return;
+      }
+      try {
+        const x = await l.getObjectSchema(e.objectName);
+        w(x);
+      } catch (x) {
+        j(x);
+      }
+    })();
+  }, [e.objectName, l]), J.useEffect(() => {
+    (d || !l) && (async () => {
+      if (e.mode === "create" || !e.recordId || !l) {
+        T(e.initialData || e.initialValues || {}), S(!1);
+        return;
+      }
+      try {
+        const x = await l.findOne(e.objectName, e.recordId);
+        T(x || {});
+      } catch (x) {
+        j(x);
+      } finally {
+        S(!1);
+      }
+    })();
+  }, [d, e.mode, e.recordId, e.initialData, e.initialValues, l, e.objectName]);
+  const s = k((p) => {
+    const x = [];
+    for (const R of p.fields) {
+      const L = typeof R == "string" ? R : R.name;
+      if (typeof R == "object")
+        x.push(R);
+      else if (d?.fields?.[L]) {
+        const A = d.fields[L];
+        x.push({
+          name: L,
+          label: A.label || L,
+          type: U(A.type),
+          required: A.required || !1,
+          disabled: e.readOnly || e.mode === "view" || A.readonly,
+          placeholder: A.placeholder,
+          description: A.help || A.description,
+          validation: Y(A),
+          field: A,
+          options: A.options,
+          multiple: A.multiple
+        });
+      } else
+        x.push({
+          name: L,
+          label: L,
+          type: "input"
+        });
+    }
+    return x;
+  }, [d, e.readOnly, e.mode]), n = Q(() => y >= 0 && y < _ ? s(e.sections[y]) : [], [y, _, e.sections, s]), o = k(async (p) => {
+    const x = { ...b, ...p };
+    if (T(x), P((R) => new Set(R).add(y)), u) {
+      F(!0);
+      try {
+        if (!l)
+          return e.onSuccess && await e.onSuccess(x), x;
+        let R;
+        return e.mode === "create" ? R = await l.create(e.objectName, x) : e.mode === "edit" && e.recordId && (R = await l.update(e.objectName, e.recordId, x)), e.onSuccess && await e.onSuccess(R), R;
+      } catch (R) {
+        throw e.onError && e.onError(R), R;
+      } finally {
+        F(!1);
+      }
+    } else
+      a(y + 1);
+  }, [b, y, u, e, l]), a = k((p) => {
+    p >= 0 && p < _ && (N(p), e.onStepChange && e.onStepChange(p));
+  }, [_, e]), c = k(() => {
+    a(y - 1);
+  }, [y, a]), i = k(() => {
+    e.onCancel && e.onCancel();
+  }, [e]), v = k((p) => {
+    (e.allowSkip || D.has(p) || p <= y) && a(p);
+  }, [e.allowSkip, D, y, a]);
+  if (C)
+    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: C.message })
+    ] });
+  if (E)
+    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 $ = e.sections[y];
+  return /* @__PURE__ */ t.jsxs("div", { className: V("w-full", f, 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((p, x) => {
+      const R = x === y, L = D.has(x), A = e.allowSkip || L || x <= y;
+      return /* @__PURE__ */ t.jsxs(
+        "li",
+        {
+          className: V(
+            "relative flex-1",
+            x !== _ - 1 && "pr-8 sm:pr-12"
+          ),
+          children: [
+            x !== _ - 1 && /* @__PURE__ */ t.jsx(
+              "div",
+              {
+                className: "absolute top-4 left-8 -right-4 sm:left-10 sm:-right-2 h-0.5",
+                "aria-hidden": "true",
+                children: /* @__PURE__ */ t.jsx(
+                  "div",
+                  {
+                    className: V(
+                      "h-full",
+                      L ? "bg-primary" : "bg-muted"
+                    )
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ t.jsxs(
+              "button",
+              {
+                type: "button",
+                className: V(
+                  "group relative flex items-center",
+                  A ? "cursor-pointer" : "cursor-not-allowed"
+                ),
+                onClick: () => v(x),
+                disabled: !A,
+                children: [
+                  /* @__PURE__ */ t.jsx(
+                    "span",
+                    {
+                      className: V(
+                        "flex h-8 w-8 items-center justify-center rounded-full text-sm font-medium transition-colors",
+                        L && "bg-primary text-primary-foreground",
+                        R && !L && "border-2 border-primary bg-background text-primary",
+                        !R && !L && "border-2 border-muted bg-background text-muted-foreground"
+                      ),
+                      children: L ? /* @__PURE__ */ t.jsx(Pe, { className: "h-4 w-4" }) : x + 1
+                    }
+                  ),
+                  /* @__PURE__ */ t.jsx("span", { className: "ml-3 text-sm font-medium hidden sm:block", children: /* @__PURE__ */ t.jsx(
+                    "span",
+                    {
+                      className: V(
+                        R ? "text-foreground" : "text-muted-foreground"
+                      ),
+                      children: p.label || `Step ${x + 1}`
+                    }
+                  ) })
+                ]
+              }
+            )
+          ]
+        },
+        x
+      );
+    }) }) }),
+    /* @__PURE__ */ t.jsx("div", { className: "min-h-[200px]", children: $ && /* @__PURE__ */ t.jsx(
+      G,
+      {
+        label: $.label,
+        description: $.description,
+        columns: $.columns || 1,
+        children: n.length > 0 ? /* @__PURE__ */ t.jsx(
+          M,
+          {
+            schema: {
+              type: "form",
+              fields: n,
+              layout: "vertical",
+              defaultValues: b,
+              showSubmit: !1,
+              showCancel: !1,
+              onSubmit: o
+            }
+          }
+        ) : /* @__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(
+        K,
+        {
+          variant: "ghost",
+          onClick: i,
+          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 ",
+          y + 1,
+          " of ",
+          _
+        ] }),
+        !q && /* @__PURE__ */ t.jsxs(
+          K,
+          {
+            variant: "outline",
+            onClick: c,
+            children: [
+              /* @__PURE__ */ t.jsx(Le, { className: "h-4 w-4 mr-1" }),
+              e.prevText || "Back"
+            ]
+          }
+        ),
+        u ? /* @__PURE__ */ t.jsx(
+          K,
+          {
+            onClick: () => o(b),
+            disabled: h || e.mode === "view",
+            children: h ? "Submitting..." : e.submitText || (e.mode === "create" ? "Create" : "Update")
+          }
+        ) : /* @__PURE__ */ t.jsxs(
+          K,
+          {
+            onClick: () => o(b),
+            children: [
+              e.nextText || "Next",
+              /* @__PURE__ */ t.jsx(pe, { className: "h-4 w-4 ml-1" })
+            ]
+          }
+        )
+      ] })
+    ] })
+  ] });
+}, $e = ({
+  schema: e,
+  dataSource: l,
+  className: f
+}) => {
+  const [d, w] = g(null), [b, T] = g({}), [E, S] = g(!0), [C, j] = g(null);
+  W(() => {
+    (async () => {
+      if (!l) {
+        S(!1);
+        return;
+      }
+      try {
+        const n = await l.getObjectSchema(e.objectName);
+        w(n);
+      } catch (n) {
+        j(n), S(!1);
+      }
+    })();
+  }, [e.objectName, l]), W(() => {
+    (d || !l) && (async () => {
+      if (e.mode === "create" || !e.recordId) {
+        T(e.initialData || e.initialValues || {}), S(!1);
+        return;
+      }
+      if (!l) {
+        T(e.initialData || e.initialValues || {}), S(!1);
+        return;
+      }
+      try {
+        const n = await l.findOne(e.objectName, e.recordId);
+        T(n || {});
+      } catch (n) {
+        j(n);
+      } finally {
+        S(!1);
+      }
+    })();
+  }, [d, e.mode, e.recordId, e.initialData, e.initialValues, l, e.objectName]);
+  const y = k((s) => {
+    const n = [];
+    for (const o of s.fields) {
+      const a = typeof o == "string" ? o : o.name;
+      if (typeof o == "object")
+        n.push(o);
+      else if (d?.fields?.[a]) {
+        const c = d.fields[a];
+        n.push({
+          name: a,
+          label: c.label || a,
+          type: U(c.type),
+          required: c.required || !1,
+          disabled: e.readOnly || e.mode === "view" || c.readonly,
+          placeholder: c.placeholder,
+          description: c.help || c.description,
+          validation: Y(c),
+          field: c,
+          options: c.options,
+          multiple: c.multiple
+        });
+      } else
+        n.push({
+          name: a,
+          label: a,
+          type: "input"
+        });
+    }
+    return n;
+  }, [d, e.readOnly, e.mode]), N = k(async (s) => {
+    if (!l)
+      return e.onSuccess && await e.onSuccess(s), s;
+    try {
+      let n;
+      return e.mode === "create" ? n = await l.create(e.objectName, s) : e.mode === "edit" && e.recordId && (n = await l.update(e.objectName, e.recordId, s)), e.onSuccess && await e.onSuccess(n), n;
+    } catch (n) {
+      throw e.onError && e.onError(n), n;
+    }
+  }, [e, l]), D = k(() => {
+    e.onCancel && e.onCancel();
+  }, [e]), P = Q(() => e.sections.slice(0, 1), [e.sections]), h = Q(() => e.sections.slice(1), [e.sections]);
+  Q(
+    () => e.sections.flatMap((s) => y(s)),
+    [e.sections, y]
+  );
+  const F = e.splitDirection || "horizontal", _ = e.splitSize || 50;
+  if (C)
+    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: C.message })
+    ] });
+  if (E)
+    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 q = {
+    type: "form",
+    layout: "vertical",
+    defaultValues: b,
+    onSubmit: N,
+    onCancel: D
+  }, u = (s, n) => /* @__PURE__ */ t.jsx("div", { className: "space-y-4 p-4", children: s.map((o, a) => /* @__PURE__ */ t.jsx(
+    G,
+    {
+      label: o.label,
+      description: o.description,
+      columns: o.columns || 1,
+      children: /* @__PURE__ */ t.jsx(
+        M,
+        {
+          schema: {
+            ...q,
+            fields: y(o),
+            showSubmit: n && e.showSubmit !== !1 && e.mode !== "view",
+            showCancel: n && e.showCancel !== !1,
+            submitLabel: e.submitText || (e.mode === "create" ? "Create" : "Update"),
+            cancelLabel: e.cancelText
+          }
+        }
+      )
+    },
+    o.name || o.label || a
+  )) });
+  return /* @__PURE__ */ t.jsx("div", { className: V("w-full", f, e.className), children: /* @__PURE__ */ t.jsxs(Ne, { orientation: F, className: "min-h-[300px] rounded-lg border", children: [
+    /* @__PURE__ */ t.jsx(se, { defaultSize: _, minSize: 20, children: u(P, h.length === 0) }),
+    h.length > 0 && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      /* @__PURE__ */ t.jsx(Se, { withHandle: e.splitResizable !== !1 }),
+      /* @__PURE__ */ t.jsx(se, { defaultSize: 100 - _, minSize: 20, children: u(h, !0) })
+    ] })
+  ] }) });
+}, Me = ({
+  schema: e,
+  dataSource: l,
+  className: f
 }) => {
-  const [f, _] = A(null), [m, b] = A([]), [T, y] = A(null), [Y, v] = A(!0), [S, R] = A(null), d = r.customFields && r.customFields.length > 0;
-  I(() => {
-    d && (y(r.initialData || r.initialValues || {}), v(!1));
-  }, [d, r.initialData, r.initialValues]), I(() => {
-    const a = async () => {
+  const [d, w] = g(null), [b, T] = g([]), [E, S] = g({}), [C, j] = g(!0), [y, N] = g(null), D = e.open !== !1, P = e.drawerSide || "right";
+  W(() => {
+    (async () => {
+      if (!l) {
+        j(!1);
+        return;
+      }
+      try {
+        const a = await l.getObjectSchema(e.objectName);
+        w(a);
+      } catch (a) {
+        N(a), j(!1);
+      }
+    })();
+  }, [e.objectName, l]), W(() => {
+    (d || !l) && (async () => {
+      if (e.mode === "create" || !e.recordId) {
+        S(e.initialData || e.initialValues || {}), j(!1);
+        return;
+      }
+      if (!l) {
+        S(e.initialData || e.initialValues || {}), j(!1);
+        return;
+      }
       try {
-        if (!c)
+        const a = await l.findOne(e.objectName, e.recordId);
+        S(a || {});
+      } catch (a) {
+        N(a);
+      } finally {
+        j(!1);
+      }
+    })();
+  }, [d, e.mode, e.recordId, e.initialData, e.initialValues, l, e.objectName]);
+  const h = k((o) => {
+    const a = [];
+    for (const c of o.fields) {
+      const i = typeof c == "string" ? c : c.name;
+      if (typeof c == "object")
+        a.push(c);
+      else if (d?.fields?.[i]) {
+        const v = d.fields[i];
+        a.push({
+          name: i,
+          label: v.label || i,
+          type: U(v.type),
+          required: v.required || !1,
+          disabled: e.readOnly || e.mode === "view" || v.readonly,
+          placeholder: v.placeholder,
+          description: v.help || v.description,
+          validation: Y(v),
+          field: v,
+          options: v.options,
+          multiple: v.multiple
+        });
+      } else
+        a.push({
+          name: i,
+          label: i,
+          type: "input"
+        });
+    }
+    return a;
+  }, [d, e.readOnly, e.mode]);
+  W(() => {
+    if (!d && l) return;
+    if (e.customFields?.length) {
+      T(e.customFields), j(!1);
+      return;
+    }
+    if (e.sections?.length) {
+      j(!1);
+      return;
+    }
+    if (!d) return;
+    const o = e.fields || Object.keys(d.fields || {}), a = [];
+    for (const c of o) {
+      const i = typeof c == "string" ? c : c.name;
+      if (!i) continue;
+      const v = d.fields?.[i];
+      v && a.push({
+        name: i,
+        label: v.label || i,
+        type: U(v.type),
+        required: v.required || !1,
+        disabled: e.readOnly || e.mode === "view" || v.readonly,
+        placeholder: v.placeholder,
+        description: v.help || v.description,
+        validation: Y(v),
+        field: v,
+        options: v.options,
+        multiple: v.multiple
+      });
+    }
+    T(a), j(!1);
+  }, [d, e.fields, e.customFields, e.sections, e.readOnly, e.mode, l]);
+  const F = k(async (o) => {
+    if (!l)
+      return e.onSuccess && await e.onSuccess(o), e.onOpenChange?.(!1), o;
+    try {
+      let a;
+      return e.mode === "create" ? a = await l.create(e.objectName, o) : e.mode === "edit" && e.recordId && (a = await l.update(e.objectName, e.recordId, o)), e.onSuccess && await e.onSuccess(a), e.onOpenChange?.(!1), a;
+    } catch (a) {
+      throw e.onError && e.onError(a), a;
+    }
+  }, [e, l]), _ = k(() => {
+    e.onCancel && e.onCancel(), e.onOpenChange?.(!1);
+  }, [e]), q = Q(() => e.drawerWidth ? P === "left" || P === "right" ? { width: e.drawerWidth, maxWidth: e.drawerWidth } : { height: e.drawerWidth, maxHeight: e.drawerWidth } : void 0, [e.drawerWidth, P]), s = {
+    type: "form",
+    layout: e.layout === "vertical" || e.layout === "horizontal" ? e.layout : "vertical",
+    defaultValues: E,
+    submitLabel: e.submitText || (e.mode === "create" ? "Create" : "Update"),
+    cancelLabel: e.cancelText,
+    showSubmit: e.showSubmit !== !1 && e.mode !== "view",
+    showCancel: e.showCancel !== !1,
+    onSubmit: F,
+    onCancel: _
+  }, n = () => y ? /* @__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: y.message })
+  ] }) : C ? /* @__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..." })
+  ] }) : e.sections?.length ? /* @__PURE__ */ t.jsx("div", { className: "space-y-6", children: e.sections.map((o, a) => /* @__PURE__ */ t.jsx(
+    G,
+    {
+      label: o.label,
+      description: o.description,
+      columns: o.columns || 1,
+      children: /* @__PURE__ */ t.jsx(
+        M,
+        {
+          schema: {
+            ...s,
+            fields: h(o),
+            showSubmit: a === e.sections.length - 1 && s.showSubmit,
+            showCancel: a === e.sections.length - 1 && s.showCancel
+          }
+        }
+      )
+    },
+    o.name || o.label || a
+  )) }) : /* @__PURE__ */ t.jsx(
+    M,
+    {
+      schema: {
+        ...s,
+        fields: b,
+        columns: e.columns
+      }
+    }
+  );
+  return /* @__PURE__ */ t.jsx(Te, { open: D, onOpenChange: e.onOpenChange, children: /* @__PURE__ */ t.jsxs(
+    Ce,
+    {
+      side: P,
+      className: V("overflow-y-auto", f, e.className),
+      style: q,
+      children: [
+        (e.title || e.description) && /* @__PURE__ */ t.jsxs(Ee, { children: [
+          e.title && /* @__PURE__ */ t.jsx(Oe, { children: e.title }),
+          e.description && /* @__PURE__ */ t.jsx(_e, { children: e.description })
+        ] }),
+        /* @__PURE__ */ t.jsx("div", { className: "py-4", children: n() })
+      ]
+    }
+  ) });
+}, fe = {
+  sm: "max-w-sm",
+  default: "max-w-lg",
+  lg: "max-w-2xl",
+  xl: "max-w-4xl",
+  full: "max-w-[95vw] w-full"
+}, Ye = ({
+  schema: e,
+  dataSource: l,
+  className: f
+}) => {
+  const [d, w] = g(null), [b, T] = g([]), [E, S] = g({}), [C, j] = g(!0), [y, N] = g(null), D = e.open !== !1, P = fe[e.modalSize || "default"] || fe.default;
+  W(() => {
+    (async () => {
+      if (!l) {
+        j(!1);
+        return;
+      }
+      try {
+        const o = await l.getObjectSchema(e.objectName);
+        w(o);
+      } catch (o) {
+        N(o), j(!1);
+      }
+    })();
+  }, [e.objectName, l]), W(() => {
+    (d || !l) && (async () => {
+      if (e.mode === "create" || !e.recordId) {
+        S(e.initialData || e.initialValues || {}), j(!1);
+        return;
+      }
+      if (!l) {
+        S(e.initialData || e.initialValues || {}), j(!1);
+        return;
+      }
+      try {
+        const o = await l.findOne(e.objectName, e.recordId);
+        S(o || {});
+      } catch (o) {
+        N(o);
+      } finally {
+        j(!1);
+      }
+    })();
+  }, [d, e.mode, e.recordId, e.initialData, e.initialValues, l, e.objectName]);
+  const h = k((n) => {
+    const o = [];
+    for (const a of n.fields) {
+      const c = typeof a == "string" ? a : a.name;
+      if (typeof a == "object")
+        o.push(a);
+      else if (d?.fields?.[c]) {
+        const i = d.fields[c];
+        o.push({
+          name: c,
+          label: i.label || c,
+          type: U(i.type),
+          required: i.required || !1,
+          disabled: e.readOnly || e.mode === "view" || i.readonly,
+          placeholder: i.placeholder,
+          description: i.help || i.description,
+          validation: Y(i),
+          field: i,
+          options: i.options,
+          multiple: i.multiple
+        });
+      } else
+        o.push({
+          name: c,
+          label: c,
+          type: "input"
+        });
+    }
+    return o;
+  }, [d, e.readOnly, e.mode]);
+  W(() => {
+    if (!d && l) return;
+    if (e.customFields?.length) {
+      T(e.customFields), j(!1);
+      return;
+    }
+    if (e.sections?.length) {
+      j(!1);
+      return;
+    }
+    if (!d) return;
+    const n = e.fields || Object.keys(d.fields || {}), o = [];
+    for (const a of n) {
+      const c = typeof a == "string" ? a : a.name;
+      if (!c) continue;
+      const i = d.fields?.[c];
+      i && o.push({
+        name: c,
+        label: i.label || c,
+        type: U(i.type),
+        required: i.required || !1,
+        disabled: e.readOnly || e.mode === "view" || i.readonly,
+        placeholder: i.placeholder,
+        description: i.help || i.description,
+        validation: Y(i),
+        field: i,
+        options: i.options,
+        multiple: i.multiple
+      });
+    }
+    T(o), j(!1);
+  }, [d, e.fields, e.customFields, e.sections, e.readOnly, e.mode, l]);
+  const F = k(async (n) => {
+    if (!l)
+      return e.onSuccess && await e.onSuccess(n), e.onOpenChange?.(!1), n;
+    try {
+      let o;
+      return e.mode === "create" ? o = await l.create(e.objectName, n) : e.mode === "edit" && e.recordId && (o = await l.update(e.objectName, e.recordId, n)), e.onSuccess && await e.onSuccess(o), e.onOpenChange?.(!1), o;
+    } catch (o) {
+      throw e.onError && e.onError(o), o;
+    }
+  }, [e, l]), _ = k(() => {
+    e.onCancel && e.onCancel(), e.onOpenChange?.(!1);
+  }, [e]), u = {
+    type: "form",
+    layout: e.layout === "vertical" || e.layout === "horizontal" ? e.layout : "vertical",
+    defaultValues: E,
+    submitLabel: e.submitText || (e.mode === "create" ? "Create" : "Update"),
+    cancelLabel: e.cancelText,
+    showSubmit: e.showSubmit !== !1 && e.mode !== "view",
+    showCancel: e.showCancel !== !1,
+    onSubmit: F,
+    onCancel: _
+  }, s = () => y ? /* @__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: y.message })
+  ] }) : C ? /* @__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..." })
+  ] }) : e.sections?.length ? /* @__PURE__ */ t.jsx("div", { className: "space-y-6", children: e.sections.map((n, o) => /* @__PURE__ */ t.jsx(
+    G,
+    {
+      label: n.label,
+      description: n.description,
+      columns: n.columns || 1,
+      children: /* @__PURE__ */ t.jsx(
+        M,
+        {
+          schema: {
+            ...u,
+            fields: h(n),
+            showSubmit: o === e.sections.length - 1 && u.showSubmit,
+            showCancel: o === e.sections.length - 1 && u.showCancel
+          }
+        }
+      )
+    },
+    n.name || n.label || o
+  )) }) : /* @__PURE__ */ t.jsx(
+    M,
+    {
+      schema: {
+        ...u,
+        fields: b,
+        columns: e.columns
+      }
+    }
+  );
+  return /* @__PURE__ */ t.jsx(Re, { open: D, onOpenChange: e.onOpenChange, children: /* @__PURE__ */ t.jsxs(De, { className: V(P, "max-h-[90vh] overflow-y-auto", f, e.className), children: [
+    (e.title || e.description) && /* @__PURE__ */ t.jsxs(Fe, { children: [
+      e.title && /* @__PURE__ */ t.jsx(ke, { children: e.title }),
+      e.description && /* @__PURE__ */ t.jsx(Ie, { children: e.description })
+    ] }),
+    /* @__PURE__ */ t.jsx("div", { className: "py-2", children: s() })
+  ] }) });
+}, Ue = ({
+  schema: e,
+  dataSource: l
+}) => {
+  if (e.formType === "tabbed" && e.sections?.length)
+    return /* @__PURE__ */ t.jsx(
+      qe,
+      {
+        schema: {
+          ...e,
+          formType: "tabbed",
+          sections: e.sections.map((f) => ({
+            name: f.name,
+            label: f.label,
+            description: f.description,
+            columns: f.columns,
+            fields: f.fields
+          })),
+          defaultTab: e.defaultTab,
+          tabPosition: e.tabPosition
+        },
+        dataSource: l,
+        className: e.className
+      }
+    );
+  if (e.formType === "wizard" && e.sections?.length)
+    return /* @__PURE__ */ t.jsx(
+      We,
+      {
+        schema: {
+          ...e,
+          formType: "wizard",
+          sections: e.sections.map((f) => ({
+            name: f.name,
+            label: f.label,
+            description: f.description,
+            columns: f.columns,
+            fields: f.fields
+          })),
+          allowSkip: e.allowSkip,
+          showStepIndicator: e.showStepIndicator,
+          nextText: e.nextText,
+          prevText: e.prevText,
+          onStepChange: e.onStepChange
+        },
+        dataSource: l,
+        className: e.className
+      }
+    );
+  if (e.formType === "split" && e.sections?.length)
+    return /* @__PURE__ */ t.jsx(
+      $e,
+      {
+        schema: {
+          ...e,
+          formType: "split",
+          sections: e.sections.map((f) => ({
+            name: f.name,
+            label: f.label,
+            description: f.description,
+            columns: f.columns,
+            fields: f.fields
+          })),
+          splitDirection: e.splitDirection,
+          splitSize: e.splitSize,
+          splitResizable: e.splitResizable
+        },
+        dataSource: l,
+        className: e.className
+      }
+    );
+  if (e.formType === "drawer") {
+    const { layout: f, ...d } = e, w = e.layout === "vertical" || e.layout === "horizontal" ? e.layout : void 0;
+    return /* @__PURE__ */ t.jsx(
+      Me,
+      {
+        schema: {
+          ...d,
+          layout: w,
+          formType: "drawer",
+          sections: e.sections?.map((b) => ({
+            name: b.name,
+            label: b.label,
+            description: b.description,
+            columns: b.columns,
+            fields: b.fields
+          })),
+          open: e.open,
+          onOpenChange: e.onOpenChange,
+          drawerSide: e.drawerSide,
+          drawerWidth: e.drawerWidth
+        },
+        dataSource: l,
+        className: e.className
+      }
+    );
+  }
+  if (e.formType === "modal") {
+    const { layout: f, ...d } = e, w = e.layout === "vertical" || e.layout === "horizontal" ? e.layout : void 0;
+    return /* @__PURE__ */ t.jsx(
+      Ye,
+      {
+        schema: {
+          ...d,
+          layout: w,
+          formType: "modal",
+          sections: e.sections?.map((b) => ({
+            name: b.name,
+            label: b.label,
+            description: b.description,
+            columns: b.columns,
+            fields: b.fields
+          })),
+          open: e.open,
+          onOpenChange: e.onOpenChange,
+          modalSize: e.modalSize,
+          modalCloseButton: e.modalCloseButton
+        },
+        dataSource: l,
+        className: e.className
+      }
+    );
+  }
+  return /* @__PURE__ */ t.jsx(He, { schema: e, dataSource: l });
+}, He = ({
+  schema: e,
+  dataSource: l
+}) => {
+  const [f, d] = g(null), [w, b] = g([]), [T, E] = g(null), [S, C] = g(!0), [j, y] = g(null), N = e.customFields && e.customFields.length > 0;
+  W(() => {
+    N && (E(e.initialData || e.initialValues || {}), C(!1));
+  }, [N, e.initialData, e.initialValues]), W(() => {
+    const u = async () => {
+      try {
+        if (!l)
           throw new Error("DataSource is required when using ObjectQL schema fetching (inline fields not provided)");
-        const l = await c.getObjectSchema(r.objectName);
-        _(l);
-      } catch (l) {
-        console.error("Failed to fetch object schema:", l), R(l);
+        const s = await l.getObjectSchema(e.objectName);
+        if (!s)
+          throw new Error(`No schema found for object "${e.objectName}"`);
+        d(s);
+      } catch (s) {
+        y(s), C(!1);
       }
     };
-    d ? _({
-      name: r.objectName,
+    N ? d({
+      name: e.objectName,
       fields: {}
-    }) : r.objectName && c && a();
-  }, [r.objectName, c, d]), I(() => {
-    f && !d && (async () => {
-      if (!r.recordId || r.mode === "create") {
-        y(r.initialData || r.initialValues || {}), v(!1);
+    }) : e.objectName && l ? u() : N || C(!1);
+  }, [e.objectName, l, N]), W(() => {
+    f && !N && (async () => {
+      if (!e.recordId || e.mode === "create") {
+        E(e.initialData || e.initialValues || {}), C(!1);
         return;
       }
-      if (!d) {
-        if (!c) {
-          R(new Error("DataSource is required for fetching record data (inline data not provided)")), v(!1);
+      if (!N) {
+        if (!l) {
+          y(new Error("DataSource is required for fetching record data (inline data not provided)")), C(!1);
           return;
         }
-        v(!0);
+        C(!0);
         try {
-          const l = await c.findOne(r.objectName, r.recordId);
-          y(l);
-        } catch (l) {
-          console.error("Failed to fetch record:", l), R(l);
+          const s = await l.findOne(e.objectName, e.recordId);
+          E(s);
+        } catch (s) {
+          console.error("Failed to fetch record:", s), y(s);
         } finally {
-          v(!1);
+          C(!1);
         }
       }
     })();
-  }, [r.objectName, r.recordId, r.mode, r.initialValues, r.initialData, c, f, d]), I(() => {
-    if (d && r.customFields) {
-      b(r.customFields), v(!1);
+  }, [e.objectName, e.recordId, e.mode, e.initialValues, e.initialData, l, f, N]), W(() => {
+    if (N && e.customFields) {
+      b(e.customFields), C(!1);
       return;
     }
     if (!f) return;
-    const a = [], l = r.fields || Object.keys(f.fields || {});
-    (Array.isArray(l) ? l : Object.keys(l)).forEach((j) => {
-      const x = typeof j == "string" ? j : j.name;
-      if (!x) return;
-      const t = f.fields?.[x];
-      if (!t && !d) return;
-      const V = !t?.permissions || t?.permissions.write !== !1;
-      if (r.mode !== "view" && !V) return;
-      const g = r.customFields?.find((o) => o.name === x);
-      if (g)
-        a.push(g);
-      else if (t) {
-        const o = {
-          name: x,
-          label: t.label || j,
-          type: le(t.type),
-          required: t.required || !1,
-          disabled: r.readOnly || r.mode === "view" || t.readonly,
-          placeholder: t.placeholder,
-          description: t.help || t.description,
-          validation: ae(t),
+    const u = [], s = e.fields || Object.keys(f.fields || {});
+    (Array.isArray(s) ? s : Object.keys(s)).forEach((a) => {
+      const c = typeof a == "string" ? a : a.name;
+      if (!c) return;
+      const i = f.fields?.[c];
+      if (!i && !N) return;
+      const v = !i?.permissions || i?.permissions.write !== !1;
+      if (e.mode !== "view" && !v) return;
+      const $ = e.customFields?.find((p) => p.name === c);
+      if ($)
+        u.push($);
+      else if (i) {
+        const p = {
+          name: c,
+          label: i.label || a,
+          type: U(i.type),
+          required: i.required || !1,
+          disabled: e.readOnly || e.mode === "view" || i.readonly,
+          placeholder: i.placeholder,
+          description: i.help || i.description,
+          validation: Y(i),
           // Important: Pass the original field metadata so widgets can access properties like precision, currency, etc.
-          field: t
+          field: i
         };
-        if ((t.type === "select" || t.type === "lookup" || t.type === "master_detail") && (o.options = t.options || [], o.multiple = t.multiple), (t.type === "number" || t.type === "currency" || t.type === "percent") && (o.inputType = "number", o.min = t.min, o.max = t.max, o.step = t.precision ? Math.pow(10, -t.precision) : void 0), t.type === "date" && (o.inputType = "date"), t.type === "datetime" && (o.inputType = "datetime-local"), (t.type === "text" || t.type === "textarea" || t.type === "markdown" || t.type === "html") && (o.maxLength = t.max_length, o.minLength = t.min_length), (t.type === "file" || t.type === "image") && (o.inputType = "file", o.multiple = t.multiple, o.accept = t.accept ? t.accept.join(",") : void 0, t.max_size)) {
-          const O = `Max size: ${se(t.max_size)}`;
-          o.description = o.description ? `${o.description} (${O})` : O;
+        if ((i.type === "select" || i.type === "lookup" || i.type === "master_detail") && (p.options = i.options || [], p.multiple = i.multiple), (i.type === "number" || i.type === "currency" || i.type === "percent") && (p.inputType = "number", p.min = i.min, p.max = i.max, p.step = i.precision ? Math.pow(10, -i.precision) : void 0), i.type === "date" && (p.inputType = "date"), i.type === "datetime" && (p.inputType = "datetime-local"), (i.type === "text" || i.type === "textarea" || i.type === "markdown" || i.type === "html") && (p.maxLength = i.max_length, p.minLength = i.min_length), (i.type === "file" || i.type === "image") && (p.inputType = "file", p.multiple = i.multiple, p.accept = i.accept ? i.accept.join(",") : void 0, i.max_size)) {
+          const x = `Max size: ${ye(i.max_size)}`;
+          p.description = p.description ? `${p.description} (${x})` : x;
         }
-        t.type === "email" && (o.inputType = "email"), t.type === "phone" && (o.inputType = "tel"), t.type === "url" && (o.inputType = "url"), t.type === "password" && (o.inputType = "password"), t.type === "time" && (o.inputType = "time"), (t.type === "formula" || t.type === "summary" || t.type === "auto_number") && (o.disabled = !0), t.visible_on && (o.visible = (O) => ue(t.visible_on, O)), a.push(o);
-      }
-    }), b(a), v(!1);
-  }, [f, r.fields, r.customFields, r.readOnly, r.mode, d]);
-  const w = Q(async (a, l) => {
-    if (a && (a.nativeEvent || a._reactName === "onSubmit") && (console.warn("ObjectForm: Received Event instead of data in handleSubmit! This suggests a Form renderer issue."), l === void 0 && (l = a, a = {})), d && !c)
-      return r.onSuccess && await r.onSuccess(a), a;
-    if (!c)
+        i.type === "email" && (p.inputType = "email"), i.type === "phone" && (p.inputType = "tel"), i.type === "url" && (p.inputType = "url"), i.type === "password" && (p.inputType = "password"), i.type === "time" && (p.inputType = "time"), (i.type === "formula" || i.type === "summary" || i.type === "auto_number") && (p.disabled = !0), i.visible_on && (p.visible = (x) => xe(i.visible_on, x)), u.push(p);
+      }
+    }), b(u), !N && e.recordId && e.mode !== "create" && l || C(!1);
+  }, [f, e.fields, e.customFields, e.readOnly, e.mode, N, e.recordId, l]);
+  const D = k(async (u, s) => {
+    if (u && (u.nativeEvent || u._reactName === "onSubmit") && (console.warn("ObjectForm: Received Event instead of data in handleSubmit! This suggests a Form renderer issue."), s === void 0 && (s = u, u = {})), N && !l)
+      return e.onSuccess && await e.onSuccess(u), u;
+    if (!l)
       throw new Error("DataSource is required for form submission (inline mode not configured)");
     try {
-      let p;
-      if (r.mode === "create")
-        p = await c.create(r.objectName, a);
-      else if (r.mode === "edit" && r.recordId)
-        p = await c.update(r.objectName, r.recordId, a);
+      let n;
+      if (e.mode === "create")
+        n = await l.create(e.objectName, u);
+      else if (e.mode === "edit" && e.recordId)
+        n = await l.update(e.objectName, e.recordId, u);
       else
         throw new Error("Invalid form mode or missing record ID");
-      return r.onSuccess && await r.onSuccess(p), p;
-    } catch (p) {
-      throw console.error("Failed to submit form:", p), r.onError && r.onError(p), p;
-    }
-  }, [r, c, d]), h = Q(() => {
-    r.onCancel && r.onCancel();
-  }, [r]), N = {
-    ...re.useMemo(() => {
+      return e.onSuccess && await e.onSuccess(n), n;
+    } catch (n) {
+      throw console.error("Failed to submit form:", n), e.onError && e.onError(n), n;
+    }
+  }, [e, l, N]), P = k(() => {
+    e.onCancel && e.onCancel();
+  }, [e]), F = {
+    ...J.useMemo(() => {
       if (!f?.fields) return {};
-      const a = {};
-      return Object.keys(f.fields).forEach((l) => {
-        const p = f.fields[l];
-        p.defaultValue !== void 0 && (a[l] = p.defaultValue);
-      }), a;
+      const u = {};
+      return Object.keys(f.fields).forEach((s) => {
+        const n = f.fields[s];
+        n.defaultValue !== void 0 && (u[s] = n.defaultValue);
+      }), u;
     }, [f]),
     ...T
   };
-  if (S)
-    return /* @__PURE__ */ E.jsxs("div", { className: "p-4 border border-red-300 bg-red-50 rounded-md", children: [
-      /* @__PURE__ */ E.jsx("h3", { className: "text-red-800 font-semibold", children: "Error loading form" }),
-      /* @__PURE__ */ E.jsx("p", { className: "text-red-600 text-sm mt-1", children: S.message })
+  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 (Y)
-    return /* @__PURE__ */ E.jsxs("div", { className: "p-8 text-center", children: [
-      /* @__PURE__ */ E.jsx("div", { className: "inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900" }),
-      /* @__PURE__ */ E.jsx("p", { className: "mt-2 text-sm text-gray-600", children: "Loading form..." })
+  if (S)
+    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 $ = {
+  const _ = 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((u, s) => {
+      const n = u.fields.map((a) => typeof a == "string" ? a : a.name), o = w.filter((a) => n.includes(a.name));
+      return /* @__PURE__ */ t.jsx(
+        G,
+        {
+          label: u.label,
+          description: u.description,
+          collapsible: u.collapsible,
+          collapsed: u.collapsed,
+          columns: u.columns,
+          children: /* @__PURE__ */ t.jsx(
+            M,
+            {
+              schema: {
+                type: "form",
+                fields: o,
+                layout: _,
+                defaultValues: F,
+                // Only show action buttons after the last section
+                showSubmit: s === e.sections.length - 1 && e.showSubmit !== !1 && e.mode !== "view",
+                showCancel: s === e.sections.length - 1 && e.showCancel !== !1,
+                submitLabel: e.submitText || (e.mode === "create" ? "Create" : "Update"),
+                cancelLabel: e.cancelText,
+                onSubmit: D,
+                onCancel: P
+              }
+            }
+          )
+        },
+        u.name || u.label || s
+      );
+    }) });
+  const q = {
     type: "form",
-    fields: m,
-    layout: r.layout === "vertical" || r.layout === "horizontal" ? r.layout : "vertical",
-    columns: r.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: N,
-    onSubmit: w,
-    onCancel: h,
-    className: r.className
+    fields: w,
+    layout: _,
+    columns: e.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: F,
+    onSubmit: D,
+    onCancel: P,
+    className: e.className
   };
-  return /* @__PURE__ */ E.jsx("div", { className: "w-full", children: /* @__PURE__ */ E.jsx(ie, { schema: $ }) });
-}, me = ({ schema: r }) => /* @__PURE__ */ E.jsx(pe, { schema: r });
-oe.register("object-form", me, {
-  namespace: "plugin-form"
+  return /* @__PURE__ */ t.jsx("div", { className: "w-full", children: /* @__PURE__ */ t.jsx(M, { schema: q }) });
+}, be = ({ schema: e }) => /* @__PURE__ */ t.jsx(Ue, { schema: e });
+ue.register("object-form", be, {
+  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", be, {
+  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"] }
+  ]
 });
 export {
-  pe as ObjectForm
+  Me as DrawerForm,
+  G as FormSection,
+  Ye as ModalForm,
+  Ue as ObjectForm,
+  $e as SplitForm,
+  qe as TabbedForm,
+  We as WizardForm
 };