@object-ui/plugin-form 3.0.3 → 3.1.1

package/dist/index.js

@@ -1,445 +1,446 @@
-import J, { useState as g, useCallback as k, useMemo as Q, useEffect as W } from "react";
+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 { 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 he() {
-  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), w.key !== void 0 && (T = "" + w.key), "key" in w) {
-      b = {};
-      for (var E in w)
-        E !== "key" && (b[E] = w[E]);
-    } else b = w;
-    return w = b.ref, {
+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: d,
-      key: T,
-      ref: w !== void 0 ? w : null,
-      props: b
+      type: b,
+      key: x,
+      ref: o !== void 0 ? o : null,
+      props: p
     };
   }
-  return B.Fragment = l, B.jsx = f, B.jsxs = f, B;
+  return ie.Fragment = r, ie.jsx = i, ie.jsxs = i, ie;
 }
-var X = {};
-var de;
-function Ae() {
-  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:
+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 q:
+        case k:
           return "Profiler";
-        case _:
+        case L:
           return "StrictMode";
-        case o:
+        case n:
           return "Suspense";
         case a:
           return "SuspenseList";
-        case v:
+        case S:
           return "Activity";
       }
-      if (typeof r == "object")
-        switch (typeof r.tag == "number" && console.error(
+      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."
-        ), r.$$typeof) {
-          case A:
+        ), 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 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;
+            return w = l.displayName || null, w !== null ? w : e(l.type) || "Memo";
           case c:
-            return m = r.displayName || null, m !== null ? m : e(r.type) || "Memo";
-          case i:
-            m = r._payload, r = r._init;
+            w = l._payload, l = l._init;
             try {
-              return e(r(m));
+              return e(l(w));
             } catch {
             }
         }
       return null;
     }
-    function l(r) {
-      return "" + r;
+    function r(l) {
+      return "" + l;
     }
-    function f(r) {
+    function i(l) {
       try {
-        l(r);
-        var m = !1;
+        r(l);
+        var w = !1;
       } catch {
-        m = !0;
+        w = !0;
       }
-      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,
+      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.",
-          I
-        ), l(r);
+          $
+        ), r(l);
       }
     }
-    function d(r) {
-      if (r === F) return "<>";
-      if (typeof r == "object" && r !== null && r.$$typeof === i)
+    function b(l) {
+      if (l === z) return "<>";
+      if (typeof l == "object" && l !== null && l.$$typeof === c)
         return "<...>";
       try {
-        var m = e(r);
-        return m ? "<" + m + ">" : "<...>";
+        var w = e(l);
+        return w ? "<" + w + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function w() {
-      var r = p.A;
-      return r === null ? null : r.getOwner();
+    function o() {
+      var l = d.A;
+      return l === null ? null : l.getOwner();
     }
-    function b() {
+    function p() {
       return Error("react-stack-top-frame");
     }
-    function T(r) {
-      if (x.call(r, "key")) {
-        var m = Object.getOwnPropertyDescriptor(r, "key").get;
-        if (m && m.isReactWarning) return !1;
+    function x(l) {
+      if (_.call(l, "key")) {
+        var w = Object.getOwnPropertyDescriptor(l, "key").get;
+        if (w && w.isReactWarning) return !1;
       }
-      return r.key !== void 0;
+      return l.key !== void 0;
     }
-    function E(r, m) {
-      function O() {
-        h || (h = !0, console.error(
+    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)",
-          m
+          w
         ));
       }
-      O.isReactWarning = !0, Object.defineProperty(r, "key", {
-        get: O,
+      P.isReactWarning = !0, Object.defineProperty(l, "key", {
+        get: P,
         configurable: !0
       });
     }
-    function S() {
-      var r = e(this.type);
-      return le[r] || (le[r] = !0, console.error(
+    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."
-      )), r = this.props.ref, r !== void 0 ? r : null;
+      )), l = this.props.ref, l !== void 0 ? l : 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", {
+    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: S
-      }) : Object.defineProperty(r, "ref", { enumerable: !1, value: null }), r._store = {}, Object.defineProperty(r._store, "validated", {
+        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(r, "_debugInfo", {
+      }), Object.defineProperty(l, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(r, "_debugStack", {
+      }), Object.defineProperty(l, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: Z
-      }), Object.defineProperty(r, "_debugTask", {
+        value: se
+      }), Object.defineProperty(l, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: te
-      }), Object.freeze && (Object.freeze(r.props), Object.freeze(r)), r;
+        value: fe
+      }), Object.freeze && (Object.freeze(l.props), Object.freeze(l)), l;
     }
-    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);
+    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 y(z);
-      if (x.call(m, "key")) {
-        z = e(r);
-        var H = Object.keys(m).filter(function(me) {
-          return me !== "key";
+        else N(q);
+      if (_.call(w, "key")) {
+        q = e(l);
+        var Q = Object.keys(w).filter(function(Oe) {
+          return Oe !== "key";
         });
-        I = 0 < H.length ? "{key: someKey, " + H.join(": ..., ") + ": ...}" : "{key: someKey}", oe[z + I] || (H = 0 < H.length ? "{" + H.join(": ..., ") + ": ...}" : "{}", console.error(
+        $ = 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} />`,
-          I,
-          z,
-          H,
-          z
-        ), oe[z + I] = !0);
+          $,
+          q,
+          Q,
+          q
+        ), R[q + $] = !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
+      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 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 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 N(r) {
-      return typeof r == "object" && r !== null && r.$$typeof === P;
+    function j(l) {
+      return typeof l == "object" && l !== null && l.$$typeof === v;
     }
-    var D = J, P = /* @__PURE__ */ Symbol.for("react.transitional.element"), A = /* @__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() {
+    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;
     };
-    D = {
-      react_stack_bottom_frame: function(r) {
-        return r();
+    h = {
+      react_stack_bottom_frame: function(l) {
+        return l();
       }
     };
-    var h, le = {}, ne = D.react_stack_bottom_frame.bind(
-      D,
-      b
-    )(), ie = L(d(b)), oe = {};
-    X.Fragment = F, X.jsx = function(r, m, O) {
-      var I = 1e4 > p.recentlyCreatedOwnerStacks++;
-      return j(
-        r,
-        m,
-        O,
+    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,
-        I ? Error("react-stack-top-frame") : ne,
-        I ? L(d(r)) : ie
+        $ ? Error("react-stack-top-frame") : V,
+        $ ? u(b(l)) : Y
       );
-    }, X.jsxs = function(r, m, O) {
-      var I = 1e4 > p.recentlyCreatedOwnerStacks++;
-      return j(
-        r,
-        m,
-        O,
+    }, oe.jsxs = function(l, w, P) {
+      var $ = 1e4 > d.recentlyCreatedOwnerStacks++;
+      return F(
+        l,
+        w,
+        P,
         !0,
-        I ? Error("react-stack-top-frame") : ne,
-        I ? L(d(r)) : ie
+        $ ? Error("react-stack-top-frame") : V,
+        $ ? u(b(l)) : Y
       );
     };
-  })()), X;
+  })()), oe;
 }
-var ce;
-function Ve() {
-  return ce || (ce = 1, process.env.NODE_ENV === "production" ? ee.exports = he() : ee.exports = Ae()), ee.exports;
+var je;
+function et() {
+  return je || (je = 1, process.env.NODE_ENV === "production" ? de.exports = Ze() : de.exports = Ke()), de.exports;
 }
-var t = Ve();
-const G = ({
+var t = et();
+const te = ({
   label: e,
-  description: l,
-  collapsible: f = !1,
-  collapsed: d = !1,
-  columns: w = 1,
-  children: b,
-  className: T
+  description: r,
+  collapsible: i = !1,
+  collapsed: b = !1,
+  columns: o = 1,
+  children: p,
+  className: x,
+  gridClassName: E
 }) => {
-  const [E, S] = g(d), C = {
+  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"
-  }, j = () => {
-    f && S(!E);
+  }, N = () => {
+    i && O(!I);
   };
-  return /* @__PURE__ */ t.jsxs("div", { className: V("form-section", T), children: [
-    (e || l) && /* @__PURE__ */ t.jsxs(
+  return /* @__PURE__ */ t.jsxs("div", { className: W("form-section", x), children: [
+    (e || r) && /* @__PURE__ */ t.jsxs(
       "div",
       {
-        className: V(
+        className: W(
           "flex items-start gap-2 mb-4",
-          f && "cursor-pointer select-none"
+          i && "cursor-pointer select-none"
         ),
-        onClick: j,
-        role: f ? "button" : void 0,
-        "aria-expanded": f ? !E : void 0,
+        onClick: N,
+        role: i ? "button" : void 0,
+        "aria-expanded": i ? !I : 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" }) }),
+          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 }),
-            l && /* @__PURE__ */ t.jsx("p", { className: "text-sm text-muted-foreground mt-0.5", children: l })
+            r && /* @__PURE__ */ t.jsx("p", { className: "text-sm text-muted-foreground mt-0.5", children: r })
           ] })
         ]
       }
     ),
-    !E && /* @__PURE__ */ t.jsx("div", { className: V("grid gap-4", C[w]), children: b })
+    !I && /* @__PURE__ */ t.jsx("div", { className: W("grid gap-4", E || F[o]), children: p })
   ] });
-}, qe = ({
+}, tt = ({
   schema: e,
-  dataSource: l,
-  className: f
+  dataSource: r,
+  className: i
 }) => {
-  const [d, w] = g(null), [b, T] = g({}), [E, S] = g(!0), [C, j] = g(null), [y, N] = g(
+  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"
   );
-  J.useEffect(() => {
+  K.useEffect(() => {
     (async () => {
-      if (!l) {
-        S(!1);
+      if (!r) {
+        O(!1);
         return;
       }
       try {
-        const n = await l.getObjectSchema(e.objectName);
-        w(n);
+        const n = await r.getObjectSchema(e.objectName);
+        p(n);
       } catch (n) {
-        j(n);
+        N(n);
       }
     })();
-  }, [e.objectName, l]), J.useEffect(() => {
-    (d || !l) && (async () => {
-      if (e.mode === "create" || !e.recordId || !l) {
-        T(e.initialData || e.initialValues || {}), S(!1);
+  }, [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 l.findOne(e.objectName, e.recordId);
-        T(n || {});
+        const n = await r.findOne(e.objectName, e.recordId);
+        E(n || {});
       } catch (n) {
-        j(n);
+        N(n);
       } finally {
-        S(!1);
+        O(!1);
       }
     })();
-  }, [d, e.mode, e.recordId, e.initialData, e.initialValues, l, e.objectName]);
-  const D = k((s) => {
+  }, [o, e.mode, e.recordId, e.initialData, e.initialValues, r, e.objectName]);
+  const v = A((f) => {
     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];
+    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: a,
-          label: c.label || a,
-          type: U(c.type),
+          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: Y(c),
+          validation: B(c),
           field: c,
           options: c.options,
           multiple: c.multiple
         });
       } else
         n.push({
-          name: a,
-          label: a,
+          name: s,
+          label: s,
           type: "input"
         });
     }
     return n;
-  }, [d, e.readOnly, e.mode]), P = k(async (s) => {
-    if (!l)
-      return e.onSuccess && await e.onSuccess(s), s;
+  }, [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 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;
+      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, l]), A = k(() => {
+  }, [e, r]), z = A(() => {
     e.onCancel && e.onCancel();
-  }, [e]), F = (s, n) => s.name || s.label || `tab-${n}`;
-  if (C)
+  }, [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: C.message })
+      /* @__PURE__ */ t.jsx("p", { className: "text-red-600 text-sm mt-1", children: F.message })
     ] });
-  if (E)
+  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 q = {
+  const U = {
     type: "form",
-    fields: e.sections.flatMap((s) => D(s)),
+    fields: e.sections.flatMap((f) => v(f)),
     layout: "vertical",
-    defaultValues: b,
+    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: P,
-    onCancel: A
-  }, u = e.tabPosition === "left" || e.tabPosition === "right";
-  return /* @__PURE__ */ t.jsx("div", { className: V("w-full", f, e.className), children: /* @__PURE__ */ t.jsxs(
-    je,
+    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: y,
-      onValueChange: N,
-      orientation: u ? "vertical" : "horizontal",
-      className: V(u && "flex gap-4"),
+      value: j,
+      onValueChange: h,
+      orientation: M ? "vertical" : "horizontal",
+      className: W(M && "flex gap-4"),
       children: [
-        /* @__PURE__ */ t.jsx(ge, { className: V(
-          u ? "flex-col h-auto" : "",
+        /* @__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((s, n) => /* @__PURE__ */ t.jsx(
-          we,
+        ), children: e.sections.map((f, n) => /* @__PURE__ */ t.jsx(
+          Ie,
           {
-            value: F(s, n),
-            className: u ? "w-full justify-start" : "",
-            children: s.label || `Tab ${n + 1}`
+            value: L(f, n),
+            className: M ? "w-full justify-start" : "",
+            children: f.label || `Tab ${n + 1}`
           },
-          F(s, n)
+          L(f, n)
         )) }),
-        /* @__PURE__ */ t.jsx("div", { className: "flex-1", children: e.sections.map((s, n) => /* @__PURE__ */ t.jsx(
-          ve,
+        /* @__PURE__ */ t.jsx("div", { className: "flex-1", children: e.sections.map((f, n) => /* @__PURE__ */ t.jsx(
+          Le,
           {
-            value: F(s, n),
+            value: L(f, n),
             className: "mt-0",
             children: /* @__PURE__ */ t.jsx(
-              G,
+              te,
               {
-                description: s.description,
-                columns: s.columns || 1,
+                description: f.description,
+                columns: f.columns || 1,
                 children: /* @__PURE__ */ t.jsx(
-                  M,
+                  J,
                   {
                     schema: {
-                      ...q,
-                      fields: D(s),
+                      ...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
@@ -449,123 +450,123 @@ const G = ({
               }
             )
           },
-          F(s, n)
+          L(f, n)
         )) })
       ]
     }
   ) });
-}, We = ({
+}, rt = ({
   schema: e,
-  dataSource: l,
-  className: f
+  dataSource: r,
+  className: i
 }) => {
-  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()), [A, F] = g(!1), _ = e.sections.length, q = y === 0, u = y === _ - 1;
-  J.useEffect(() => {
+  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 (!l) {
-        S(!1);
+      if (!r) {
+        O(!1);
         return;
       }
       try {
-        const x = await l.getObjectSchema(e.objectName);
-        w(x);
-      } catch (x) {
-        j(x);
+        const T = await r.getObjectSchema(e.objectName);
+        p(T);
+      } catch (T) {
+        N(T);
       }
     })();
-  }, [e.objectName, l]), J.useEffect(() => {
-    (d || !l) && (async () => {
-      if (e.mode === "create" || !e.recordId || !l) {
-        T(e.initialData || e.initialValues || {}), S(!1);
+  }, [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 x = await l.findOne(e.objectName, e.recordId);
-        T(x || {});
-      } catch (x) {
-        j(x);
+        const T = await r.findOne(e.objectName, e.recordId);
+        E(T || {});
+      } catch (T) {
+        N(T);
       } finally {
-        S(!1);
+        O(!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 h = d.fields[L];
-        x.push({
-          name: L,
-          label: h.label || L,
-          type: U(h.type),
-          required: h.required || !1,
-          disabled: e.readOnly || e.mode === "view" || h.readonly,
-          placeholder: h.placeholder,
-          description: h.help || h.description,
-          validation: Y(h),
-          field: h,
-          options: h.options,
-          multiple: h.multiple
+  }, [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
-        x.push({
-          name: L,
-          label: L,
+        T.push({
+          name: g,
+          label: g,
           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);
+    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 (!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;
+        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 {
-        F(!1);
+        L(!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(() => {
+      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]), v = k((p) => {
-    (e.allowSkip || D.has(p) || p <= y) && a(p);
-  }, [e.allowSkip, D, y, a]);
-  if (C)
+  }, [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: C.message })
+      /* @__PURE__ */ t.jsx("p", { className: "text-red-600 text-sm mt-1", children: F.message })
     ] });
-  if (E)
+  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 $ = 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), h = e.allowSkip || L || x <= y;
+  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: V(
+          className: W(
             "relative flex-1",
-            x !== _ - 1 && "pr-8 sm:pr-12"
+            T !== k - 1 && "pr-8 sm:pr-12"
           ),
           children: [
-            x !== _ - 1 && /* @__PURE__ */ t.jsx(
+            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",
@@ -573,9 +574,9 @@ const G = ({
                 children: /* @__PURE__ */ t.jsx(
                   "div",
                   {
-                    className: V(
+                    className: W(
                       "h-full",
-                      L ? "bg-primary" : "bg-muted"
+                      g ? "bg-primary" : "bg-muted"
                     )
                   }
                 )
@@ -585,32 +586,32 @@ const G = ({
               "button",
               {
                 type: "button",
-                className: V(
+                className: W(
                   "group relative flex items-center",
-                  h ? "cursor-pointer" : "cursor-not-allowed"
+                  m ? "cursor-pointer" : "cursor-not-allowed"
                 ),
-                onClick: () => v(x),
-                disabled: !h,
+                onClick: () => y(T),
+                disabled: !m,
                 children: [
                   /* @__PURE__ */ t.jsx(
                     "span",
                     {
-                      className: V(
+                      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",
-                        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"
+                        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: L ? /* @__PURE__ */ t.jsx(Pe, { className: "h-3 w-3 sm:h-4 sm:w-4" }) : x + 1
+                      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: V(
-                        R ? "text-foreground" : "text-muted-foreground"
+                      className: W(
+                        u ? "text-foreground" : "text-muted-foreground"
                       ),
-                      children: p.label || `Step ${x + 1}`
+                      children: _.label || `Step ${T + 1}`
                     }
                   ) })
                 ]
@@ -618,26 +619,26 @@ const G = ({
             )
           ]
         },
-        x
+        T
       );
     }) }) }),
-    /* @__PURE__ */ t.jsx("div", { className: "min-h-[200px]", children: $ && /* @__PURE__ */ t.jsx(
-      G,
+    /* @__PURE__ */ t.jsx("div", { className: "min-h-[200px]", children: d && /* @__PURE__ */ t.jsx(
+      te,
       {
-        label: $.label,
-        description: $.description,
-        columns: $.columns || 1,
+        label: d.label,
+        description: d.description,
+        columns: d.columns || 1,
         children: n.length > 0 ? /* @__PURE__ */ t.jsx(
-          M,
+          J,
           {
             schema: {
               type: "form",
               fields: n,
               layout: "vertical",
-              defaultValues: b,
+              defaultValues: x,
               showSubmit: !1,
               showCancel: !1,
-              onSubmit: o
+              onSubmit: a
             }
           }
         ) : /* @__PURE__ */ t.jsx("div", { className: "text-center py-8 text-muted-foreground", children: "No fields configured for this step" })
@@ -645,164 +646,164 @@ const G = ({
     ) }),
     /* @__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,
+        Z,
         {
           variant: "ghost",
-          onClick: i,
+          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 ",
-          y + 1,
+          j + 1,
           " of ",
-          _
+          k
         ] }),
-        !q && /* @__PURE__ */ t.jsxs(
-          K,
+        !U && /* @__PURE__ */ t.jsxs(
+          Z,
           {
             variant: "outline",
             onClick: c,
             children: [
-              /* @__PURE__ */ t.jsx(Le, { className: "h-4 w-4 mr-1" }),
+              /* @__PURE__ */ t.jsx(Xe, { className: "h-4 w-4 mr-1" }),
               e.prevText || "Back"
             ]
           }
         ),
-        u ? /* @__PURE__ */ t.jsx(
-          K,
+        M ? /* @__PURE__ */ t.jsx(
+          Z,
           {
-            onClick: () => o(b),
-            disabled: A || e.mode === "view",
-            children: A ? "Submitting..." : e.submitText || (e.mode === "create" ? "Create" : "Update")
+            onClick: () => a(x),
+            disabled: z || e.mode === "view",
+            children: z ? "Submitting..." : e.submitText || (e.mode === "create" ? "Create" : "Update")
           }
         ) : /* @__PURE__ */ t.jsxs(
-          K,
+          Z,
           {
-            onClick: () => o(b),
+            onClick: () => a(x),
             children: [
               e.nextText || "Next",
-              /* @__PURE__ */ t.jsx(pe, { className: "h-4 w-4 ml-1" })
+              /* @__PURE__ */ t.jsx(Te, { className: "h-4 w-4 ml-1" })
             ]
           }
         )
       ] })
     ] })
   ] });
-}, $e = ({
+}, lt = ({
   schema: e,
-  dataSource: l,
-  className: f
+  dataSource: r,
+  className: i
 }) => {
-  const [d, w] = g(null), [b, T] = g({}), [E, S] = g(!0), [C, j] = g(null);
-  W(() => {
+  const { fieldLabel: b } = ee(), [o, p] = C(null), [x, E] = C({}), [I, O] = C(!0), [F, N] = C(null);
+  H(() => {
     (async () => {
-      if (!l) {
-        S(!1);
+      if (!r) {
+        O(!1);
         return;
       }
       try {
-        const n = await l.getObjectSchema(e.objectName);
-        w(n);
+        const n = await r.getObjectSchema(e.objectName);
+        p(n);
       } catch (n) {
-        j(n), S(!1);
+        N(n), O(!1);
       }
     })();
-  }, [e.objectName, l]), W(() => {
-    (d || !l) && (async () => {
+  }, [e.objectName, r]), H(() => {
+    (o || !r) && (async () => {
       if (e.mode === "create" || !e.recordId) {
-        T(e.initialData || e.initialValues || {}), S(!1);
+        E(e.initialData || e.initialValues || {}), O(!1);
         return;
       }
-      if (!l) {
-        T(e.initialData || e.initialValues || {}), S(!1);
+      if (!r) {
+        E(e.initialData || e.initialValues || {}), O(!1);
         return;
       }
       try {
-        const n = await l.findOne(e.objectName, e.recordId);
-        T(n || {});
+        const n = await r.findOne(e.objectName, e.recordId);
+        E(n || {});
       } catch (n) {
-        j(n);
+        N(n);
       } finally {
-        S(!1);
+        O(!1);
       }
     })();
-  }, [d, e.mode, e.recordId, e.initialData, e.initialValues, l, e.objectName]);
-  const y = k((s) => {
+  }, [o, e.mode, e.recordId, e.initialData, e.initialValues, r, e.objectName]);
+  const j = A((f) => {
     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];
+    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: a,
-          label: c.label || a,
-          type: U(c.type),
+          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: Y(c),
+          validation: B(c),
           field: c,
           options: c.options,
           multiple: c.multiple
         });
       } else
         n.push({
-          name: a,
-          label: a,
+          name: s,
+          label: s,
           type: "input"
         });
     }
     return n;
-  }, [d, e.readOnly, e.mode]), N = k(async (s) => {
-    if (!l)
-      return e.onSuccess && await e.onSuccess(s), s;
+  }, [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 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;
+      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, l]), D = k(() => {
+  }, [e, r]), v = A(() => {
     e.onCancel && e.onCancel();
-  }, [e]), P = Q(() => e.sections.slice(0, 1), [e.sections]), A = Q(() => e.sections.slice(1), [e.sections]);
-  Q(
-    () => e.sections.flatMap((s) => y(s)),
-    [e.sections, y]
+  }, [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 F = e.splitDirection || "horizontal", _ = e.splitSize || 50;
-  if (C)
+  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: C.message })
+      /* @__PURE__ */ t.jsx("p", { className: "text-red-600 text-sm mt-1", children: F.message })
     ] });
-  if (E)
+  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 q = {
+  const U = {
     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,
+    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: o.label,
-      description: o.description,
-      columns: o.columns || 1,
+      label: a.label,
+      description: a.description,
+      columns: a.columns || 1,
       children: /* @__PURE__ */ t.jsx(
-        M,
+        J,
         {
           schema: {
-            ...q,
-            fields: y(o),
+            ...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"),
@@ -811,395 +812,520 @@ const G = ({
         }
       )
     },
-    o.name || o.label || a
+    a.name || a.label || s
   )) });
-  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, A.length === 0) }),
-    A.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(A, !0) })
+  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) })
     ] })
   ] }) });
-}, Me = ({
+}, 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"
+]);
+function ot(e) {
+  return nt.has(e);
+}
+function st(e) {
+  return it.has(e);
+}
+function at(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 dt(e, r) {
+  return r?.fields ? e.filter((i) => {
+    const b = r.fields[i.name];
+    return b ? !st(b.type) : !0;
+  }) : e;
+}
+function Ne(e) {
+  return e <= 1 ? "default" : e === 2 ? "lg" : e === 3 ? "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 };
+}
+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: l,
-  className: f
+  dataSource: r,
+  className: i
 }) => {
-  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(() => {
+  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 (!l) {
-        j(!1);
+      if (!r) {
+        N(!1);
         return;
       }
       try {
-        const a = await l.getObjectSchema(e.objectName);
-        w(a);
-      } catch (a) {
-        N(a), j(!1);
+        const s = await r.getObjectSchema(e.objectName);
+        p(s);
+      } catch (s) {
+        h(s), N(!1);
       }
     })();
-  }, [e.objectName, l]), W(() => {
-    (d || !l) && (async () => {
+  }, [e.objectName, r]), H(() => {
+    (o || !r) && (async () => {
       if (e.mode === "create" || !e.recordId) {
-        S(e.initialData || e.initialValues || {}), j(!1);
+        O(e.initialData || e.initialValues || {}), N(!1);
         return;
       }
-      if (!l) {
-        S(e.initialData || e.initialValues || {}), j(!1);
+      if (!r) {
+        O(e.initialData || e.initialValues || {}), N(!1);
         return;
       }
       try {
-        const a = await l.findOne(e.objectName, e.recordId);
-        S(a || {});
-      } catch (a) {
-        N(a);
+        const s = await r.findOne(e.objectName, e.recordId);
+        O(s || {});
+      } catch (s) {
+        h(s);
       } finally {
-        j(!1);
+        N(!1);
       }
     })();
-  }, [d, e.mode, e.recordId, e.initialData, e.initialValues, l, e.objectName]);
-  const A = k((o) => {
-    const a = [];
-    for (const c of o.fields) {
-      const i = typeof c == "string" ? c : c.name;
+  }, [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")
-        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
+        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
-        a.push({
-          name: i,
-          label: i,
+        s.push({
+          name: S,
+          label: S,
           type: "input"
         });
     }
-    return a;
-  }, [d, e.readOnly, e.mode]);
-  W(() => {
-    if (!d && l) return;
+    return s;
+  }, [o, e.readOnly, e.mode]);
+  H(() => {
+    if (!o && r) return;
     if (e.customFields?.length) {
-      T(e.customFields), j(!1);
+      E(e.customFields), N(!1);
       return;
     }
     if (e.sections?.length) {
-      j(!1);
+      N(!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
+    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
       });
     }
-    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;
+    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 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;
+      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, l]), _ = k(() => {
+  }, [e, r]), k = A(() => {
     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 = {
+  }, [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: E,
+    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: 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: A(o),
-            showSubmit: a === e.sections.length - 1 && s.showSubmit,
-            showCancel: a === e.sections.length - 1 && s.showCancel
-          }
+    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 } : {}
         }
-      )
-    },
-    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,
+    );
+  };
+  return /* @__PURE__ */ t.jsx(ze, { open: v, onOpenChange: e.onOpenChange, children: /* @__PURE__ */ t.jsxs(
+    Ve,
     {
-      side: P,
-      className: V("overflow-y-auto", f, e.className),
-      style: q,
+      side: D,
+      className: W("overflow-y-auto", i, e.className),
+      style: U,
       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 })
+        (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: "py-4", children: n() })
+        /* @__PURE__ */ t.jsx("div", { className: "@container py-4", children: n() })
       ]
     }
   ) });
-}, fe = {
+}, Se = {
   sm: "max-w-sm",
   default: "max-w-lg",
   lg: "max-w-2xl",
   xl: "max-w-4xl",
   full: "max-w-[95vw] w-full"
-}, Ye = ({
+}, 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: l,
-  className: f
+  dataSource: r,
+  className: i
 }) => {
-  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(() => {
+  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 (!l) {
-        j(!1);
+      if (!r) {
+        N(!1);
         return;
       }
       try {
-        const o = await l.getObjectSchema(e.objectName);
-        w(o);
-      } catch (o) {
-        N(o), j(!1);
+        const m = await r.getObjectSchema(e.objectName);
+        p(m);
+      } catch (m) {
+        h(m), N(!1);
       }
     })();
-  }, [e.objectName, l]), W(() => {
-    (d || !l) && (async () => {
+  }, [e.objectName, r]), H(() => {
+    (o || !r) && (async () => {
       if (e.mode === "create" || !e.recordId) {
-        S(e.initialData || e.initialValues || {}), j(!1);
+        O(e.initialData || e.initialValues || {}), N(!1);
         return;
       }
-      if (!l) {
-        S(e.initialData || e.initialValues || {}), j(!1);
+      if (!r) {
+        O(e.initialData || e.initialValues || {}), N(!1);
         return;
       }
       try {
-        const o = await l.findOne(e.objectName, e.recordId);
-        S(o || {});
-      } catch (o) {
-        N(o);
+        const m = await r.findOne(e.objectName, e.recordId);
+        O(m || {});
+      } catch (m) {
+        h(m);
       } finally {
-        j(!1);
+        N(!1);
       }
     })();
-  }, [d, e.mode, e.recordId, e.initialData, e.initialValues, l, e.objectName]);
-  const A = 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
+  }, [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
-        o.push({
-          name: c,
-          label: c,
+        m.push({
+          name: Y,
+          label: Y,
           type: "input"
         });
     }
-    return o;
-  }, [d, e.readOnly, e.mode]);
-  W(() => {
-    if (!d && l) return;
+    return m;
+  }, [o, e.readOnly, e.mode]);
+  H(() => {
+    if (!o && r) return;
     if (e.customFields?.length) {
-      T(e.customFields), j(!1);
+      E(e.customFields), N(!1);
       return;
     }
     if (e.sections?.length) {
-      j(!1);
+      N(!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
+    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
       });
     }
-    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;
+    E(m), N(!1);
+  }, [o, e.fields, e.customFields, e.sections, e.readOnly, e.mode, r]);
+  const n = A(async (g) => {
+    D(!0);
     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;
+      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, l]), _ = k(() => {
+  }, [e, r]), a = A(() => {
     e.onCancel && e.onCancel(), e.onOpenChange?.(!1);
-  }, [e]), u = {
+  }, [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: 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: A(n),
-            showSubmit: o === e.sections.length - 1 && u.showSubmit,
-            showCancel: o === e.sections.length - 1 && u.showCancel
-          }
+    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 } : {}
         }
-      )
-    },
-    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 })
+    );
+  }, 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: "py-2", children: s() })
+    /* @__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
+          ]
+        }
+      )
+    ] }) })
   ] }) });
-}, Ue = ({
+}, he = ({
   schema: e,
-  dataSource: l
+  dataSource: r
 }) => {
   if (e.formType === "tabbed" && e.sections?.length)
     return /* @__PURE__ */ t.jsx(
-      qe,
+      tt,
       {
         schema: {
           ...e,
           formType: "tabbed",
-          sections: e.sections.map((f) => ({
-            name: f.name,
-            label: f.label,
-            description: f.description,
-            columns: f.columns,
-            fields: f.fields
+          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: l,
+        dataSource: r,
         className: e.className
       }
     );
   if (e.formType === "wizard" && e.sections?.length)
     return /* @__PURE__ */ t.jsx(
-      We,
+      rt,
       {
         schema: {
           ...e,
           formType: "wizard",
-          sections: e.sections.map((f) => ({
-            name: f.name,
-            label: f.label,
-            description: f.description,
-            columns: f.columns,
-            fields: f.fields
+          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,
@@ -1207,261 +1333,457 @@ const G = ({
           prevText: e.prevText,
           onStepChange: e.onStepChange
         },
-        dataSource: l,
+        dataSource: r,
         className: e.className
       }
     );
   if (e.formType === "split" && e.sections?.length)
     return /* @__PURE__ */ t.jsx(
-      $e,
+      lt,
       {
         schema: {
           ...e,
           formType: "split",
-          sections: e.sections.map((f) => ({
-            name: f.name,
-            label: f.label,
-            description: f.description,
-            columns: f.columns,
-            fields: f.fields
+          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: l,
+        dataSource: r,
         className: e.className
       }
     );
   if (e.formType === "drawer") {
-    const { layout: f, ...d } = e, w = e.layout === "vertical" || e.layout === "horizontal" ? e.layout : void 0;
+    const { layout: i, ...b } = e, o = e.layout === "vertical" || e.layout === "horizontal" ? e.layout : void 0;
     return /* @__PURE__ */ t.jsx(
-      Me,
+      ct,
       {
         schema: {
-          ...d,
-          layout: w,
+          ...b,
+          layout: o,
           formType: "drawer",
-          sections: e.sections?.map((b) => ({
-            name: b.name,
-            label: b.label,
-            description: b.description,
-            columns: b.columns,
-            fields: b.fields
+          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: l,
+        dataSource: r,
         className: e.className
       }
     );
   }
   if (e.formType === "modal") {
-    const { layout: f, ...d } = e, w = e.layout === "vertical" || e.layout === "horizontal" ? e.layout : void 0;
+    const { layout: i, ...b } = e, o = e.layout === "vertical" || e.layout === "horizontal" ? e.layout : void 0;
     return /* @__PURE__ */ t.jsx(
-      Ye,
+      ut,
       {
         schema: {
-          ...d,
-          layout: w,
+          ...b,
+          layout: o,
           formType: "modal",
-          sections: e.sections?.map((b) => ({
-            name: b.name,
-            label: b.label,
-            description: b.description,
-            columns: b.columns,
-            fields: b.fields
+          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: l,
+        dataSource: r,
         className: e.className
       }
     );
   }
-  return /* @__PURE__ */ t.jsx(He, { schema: e, dataSource: l });
-}, He = ({
+  return /* @__PURE__ */ t.jsx(ft, { schema: e, dataSource: r });
+}, ft = ({
   schema: e,
-  dataSource: l
+  dataSource: r
 }) => {
-  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 () => {
+  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 (!l)
+        if (!r)
           throw new Error("DataSource is required when using ObjectQL schema fetching (inline fields not provided)");
-        const s = await l.getObjectSchema(e.objectName);
-        if (!s)
+        const a = await r.getObjectSchema(e.objectName);
+        if (!a)
           throw new Error(`No schema found for object "${e.objectName}"`);
-        d(s);
-      } catch (s) {
-        y(s), C(!1);
+        o(a);
+      } catch (a) {
+        j(a), F(!1);
       }
     };
-    N ? d({
+    h ? o({
       name: e.objectName,
       fields: {}
-    }) : e.objectName && l ? u() : N || C(!1);
-  }, [e.objectName, l, N]), W(() => {
-    f && !N && (async () => {
+    }) : e.objectName && r ? n() : h || F(!1);
+  }, [e.objectName, r, h]), H(() => {
+    b && !h && (async () => {
       if (!e.recordId || e.mode === "create") {
-        E(e.initialData || e.initialValues || {}), C(!1);
+        I(e.initialData || e.initialValues || {}), F(!1);
         return;
       }
-      if (!N) {
-        if (!l) {
-          y(new Error("DataSource is required for fetching record data (inline data not provided)")), C(!1);
+      if (!h) {
+        if (!r) {
+          j(new Error("DataSource is required for fetching record data (inline data not provided)")), F(!1);
           return;
         }
-        C(!0);
+        F(!0);
         try {
-          const s = await l.findOne(e.objectName, e.recordId);
-          E(s);
-        } catch (s) {
-          console.error("Failed to fetch record:", s), y(s);
+          const a = await r.findOne(e.objectName, e.recordId);
+          I(a);
+        } catch (a) {
+          console.error("Failed to fetch record:", a), j(a);
         } finally {
-          C(!1);
+          F(!1);
         }
       }
     })();
-  }, [e.objectName, e.recordId, e.mode, e.initialValues, e.initialData, l, f, N]), W(() => {
-    if (N && e.customFields) {
-      b(e.customFields), C(!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 (!f) return;
-    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),
+    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: i
+          field: d
         };
-        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;
+        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;
         }
-        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);
+        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);
       }
-    }), 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)
+    }), 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 n;
+      let s;
       if (e.mode === "create")
-        n = await l.create(e.objectName, u);
+        s = await r.create(e.objectName, n);
       else if (e.mode === "edit" && e.recordId)
-        n = await l.update(e.objectName, e.recordId, u);
+        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(n), n;
-    } catch (n) {
-      throw console.error("Failed to submit form:", n), e.onError && e.onError(n), n;
+      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, l, N]), P = k(() => {
+  }, [e, r, h]), D = A(() => {
     e.onCancel && e.onCancel();
-  }, [e]), F = {
-    ...J.useMemo(() => {
-      if (!f?.fields) return {};
-      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
+  }, [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 (j)
+  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: j.message })
+      /* @__PURE__ */ t.jsx("p", { className: "text-red-600 text-sm mt-1", children: N.message })
     ] });
-  if (S)
+  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 _ = e.layout === "vertical" || e.layout === "horizontal" ? e.layout : "vertical";
+  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((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("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(
-        G,
+        te,
         {
-          label: u.label,
-          description: u.description,
-          collapsible: u.collapsible,
-          collapsed: u.collapsed,
-          columns: u.columns,
+          label: n.label,
+          description: n.description,
+          collapsible: n.collapsible,
+          collapsed: n.collapsed,
+          columns: n.columns,
           children: /* @__PURE__ */ t.jsx(
-            M,
+            J,
             {
               schema: {
                 type: "form",
-                fields: o,
-                layout: _,
-                defaultValues: F,
+                fields: c,
+                layout: k,
+                defaultValues: L,
                 // 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,
+                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: D,
-                onCancel: P
+                onSubmit: v,
+                onCancel: D
               }
             }
           )
         },
-        u.name || u.label || s
+        n.name || n.label || a
       );
     }) });
-  const q = {
+  const M = e.sections?.length ? { fields: p, columns: e.columns } : ce(p, b, e.columns, e.mode), f = {
     type: "form",
-    fields: w,
-    layout: _,
-    columns: e.columns,
+    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: F,
-    onSubmit: D,
-    onCancel: P,
+    defaultValues: L,
+    onSubmit: v,
+    onCancel: D,
     className: e.className
   };
-  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, {
+  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" }) })
+      ] })
+    }
+  );
+};
+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`;
+}
+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",
@@ -1492,7 +1814,7 @@ ue.register("object-form", be, {
     { name: "modalSize", type: "enum", label: "Modal Size", enum: ["sm", "default", "lg", "xl", "full"] }
   ]
 });
-ue.register("form", be, {
+ue.register("form", Ee, {
   namespace: "view",
   skipFallback: !0,
   label: "Data Form View",
@@ -1503,12 +1825,46 @@ ue.register("form", be, {
     { name: "mode", type: "enum", label: "Mode", enum: ["create", "edit", "view"] }
   ]
 });
+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 {
-  Me as DrawerForm,
-  G as FormSection,
-  Ye as ModalForm,
-  Ue as ObjectForm,
-  $e as SplitForm,
-  qe as TabbedForm,
-  We as WizardForm
+  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
 };