@object-ui/fields 0.3.0 → 0.5.0

package/dist/index.js

@@ -1,622 +1,688 @@
-import Ee, { useState as ee } from "react";
-import { Textarea as q, Input as _, Checkbox as Ce, Label as re, Switch as Se, Select as Te, SelectTrigger as Fe, SelectValue as Ae, SelectContent as Oe, SelectItem as Pe, Badge as w, Dialog as $e, DialogTrigger as De, Button as W, DialogContent as Ue, DialogHeader as Ie, DialogTitle as Me, Avatar as Y, AvatarFallback as z } from "@object-ui/components";
-import { X as he, Search as Le, Check as Ye } from "lucide-react";
-import { ComponentRegistry as x } from "@object-ui/core";
-var A = { exports: {} }, C = {};
-var te;
-function ze() {
-  if (te) return C;
-  te = 1;
-  var e = /* @__PURE__ */ Symbol.for("react.transitional.element"), t = /* @__PURE__ */ Symbol.for("react.fragment");
-  function n(s, l, i) {
-    var c = null;
-    if (i !== void 0 && (c = "" + i), l.key !== void 0 && (c = "" + l.key), "key" in l) {
-      i = {};
-      for (var m in l)
-        m !== "key" && (i[m] = l[m]);
-    } else i = l;
-    return l = i.ref, {
+import P, { useId as xt, useState as L, useRef as te, useEffect as ve } from "react";
+import { ComponentRegistry as g } from "@object-ui/core";
+import { Textarea as V, Input as _, Checkbox as ht, Label as R, Switch as pt, Select as gt, SelectTrigger as bt, SelectValue as jt, SelectContent as yt, SelectItem as Nt, Badge as k, Dialog as vt, DialogTrigger as _t, Button as F, DialogContent as Ft, DialogHeader as wt, DialogTitle as St, Avatar as $, AvatarFallback as z, cn as O, Slider as Ct, AvatarImage as ce } from "@object-ui/components";
+import { X as E, Search as Pt, EyeOff as Ot, Eye as Tt, File as Rt, Upload as _e, Image as kt, Star as de, MapPin as ue, Crosshair as At, Eraser as $t, QrCode as me, Copy as zt, ExternalLink as fe, Plus as Et, Check as Mt } from "lucide-react";
+var Y = { exports: {} }, D = {};
+var xe;
+function Ut() {
+  if (xe) return D;
+  xe = 1;
+  var e = /* @__PURE__ */ Symbol.for("react.transitional.element"), r = /* @__PURE__ */ Symbol.for("react.fragment");
+  function n(s, a, l) {
+    var i = null;
+    if (l !== void 0 && (i = "" + l), a.key !== void 0 && (i = "" + a.key), "key" in a) {
+      l = {};
+      for (var o in a)
+        o !== "key" && (l[o] = a[o]);
+    } else l = a;
+    return a = l.ref, {
       $$typeof: e,
       type: s,
-      key: c,
-      ref: l !== void 0 ? l : null,
-      props: i
+      key: i,
+      ref: a !== void 0 ? a : null,
+      props: l
     };
   }
-  return C.Fragment = t, C.jsx = n, C.jsxs = n, C;
-}
-var S = {};
-var ae;
-function Be() {
-  return ae || (ae = 1, process.env.NODE_ENV !== "production" && (function() {
-    function e(a) {
-      if (a == null) return null;
-      if (typeof a == "function")
-        return a.$$typeof === Re ? null : a.displayName || a.name || null;
-      if (typeof a == "string") return a;
-      switch (a) {
-        case u:
+  return D.Fragment = r, D.jsx = n, D.jsxs = n, D;
+}
+var I = {};
+var he;
+function Dt() {
+  return he || (he = 1, process.env.NODE_ENV !== "production" && (function() {
+    function e(u) {
+      if (u == null) return null;
+      if (typeof u == "function")
+        return u.$$typeof === ut ? null : u.displayName || u.name || null;
+      if (typeof u == "string") return u;
+      switch (u) {
+        case T:
           return "Fragment";
-        case E:
+        case C:
           return "Profiler";
-        case j:
+        case y:
           return "StrictMode";
-        case Ne:
+        case it:
           return "Suspense";
-        case ye:
+        case ot:
           return "SuspenseList";
-        case _e:
+        case dt:
           return "Activity";
       }
-      if (typeof a == "object")
-        switch (typeof a.tag == "number" && console.error(
+      if (typeof u == "object")
+        switch (typeof u.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), a.$$typeof) {
-          case P:
+        ), u.$$typeof) {
+          case N:
             return "Portal";
-          case be:
-            return a.displayName || "Context";
-          case $:
-            return (a._context.displayName || "Context") + ".Consumer";
-          case je:
-            var o = a.render;
-            return a = a.displayName, a || (a = o.displayName || o.name || "", a = a !== "" ? "ForwardRef(" + a + ")" : "ForwardRef"), a;
-          case ve:
-            return o = a.displayName || null, o !== null ? o : e(a.type) || "Memo";
-          case D:
-            o = a._payload, a = a._init;
+          case J:
+            return u.displayName || "Context";
+          case U:
+            return (u._context.displayName || "Context") + ".Consumer";
+          case lt:
+            var b = u.render;
+            return u = u.displayName, u || (u = b.displayName || b.name || "", u = u !== "" ? "ForwardRef(" + u + ")" : "ForwardRef"), u;
+          case ct:
+            return b = u.displayName || null, b !== null ? b : e(u.type) || "Memo";
+          case G:
+            b = u._payload, u = u._init;
             try {
-              return e(a(o));
+              return e(u(b));
             } catch {
             }
         }
       return null;
     }
-    function t(a) {
-      return "" + a;
+    function r(u) {
+      return "" + u;
     }
-    function n(a) {
+    function n(u) {
       try {
-        t(a);
-        var o = !1;
+        r(u);
+        var b = !1;
       } catch {
-        o = !0;
+        b = !0;
       }
-      if (o) {
-        o = console;
-        var p = o.error, f = typeof Symbol == "function" && Symbol.toStringTag && a[Symbol.toStringTag] || a.constructor.name || "Object";
-        return p.call(
-          o,
+      if (b) {
+        b = console;
+        var v = b.error, w = typeof Symbol == "function" && Symbol.toStringTag && u[Symbol.toStringTag] || u.constructor.name || "Object";
+        return v.call(
+          b,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          f
-        ), t(a);
+          w
+        ), r(u);
       }
     }
-    function s(a) {
-      if (a === u) return "<>";
-      if (typeof a == "object" && a !== null && a.$$typeof === D)
+    function s(u) {
+      if (u === T) return "<>";
+      if (typeof u == "object" && u !== null && u.$$typeof === G)
         return "<...>";
       try {
-        var o = e(a);
-        return o ? "<" + o + ">" : "<...>";
+        var b = e(u);
+        return b ? "<" + b + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function l() {
-      var a = U.A;
-      return a === null ? null : a.getOwner();
+    function a() {
+      var u = W.A;
+      return u === null ? null : u.getOwner();
     }
-    function i() {
+    function l() {
       return Error("react-stack-top-frame");
     }
-    function c(a) {
-      if (J.call(a, "key")) {
-        var o = Object.getOwnPropertyDescriptor(a, "key").get;
-        if (o && o.isReactWarning) return !1;
+    function i(u) {
+      if (se.call(u, "key")) {
+        var b = Object.getOwnPropertyDescriptor(u, "key").get;
+        if (b && b.isReactWarning) return !1;
       }
-      return a.key !== void 0;
+      return u.key !== void 0;
     }
-    function m(a, o) {
-      function p() {
-        X || (X = !0, console.error(
+    function o(u, b) {
+      function v() {
+        ne || (ne = !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)",
-          o
+          b
         ));
       }
-      p.isReactWarning = !0, Object.defineProperty(a, "key", {
-        get: p,
+      v.isReactWarning = !0, Object.defineProperty(u, "key", {
+        get: v,
         configurable: !0
       });
     }
-    function d() {
-      var a = e(this.type);
-      return H[a] || (H[a] = !0, console.error(
+    function c() {
+      var u = e(this.type);
+      return ae[u] || (ae[u] = !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."
-      )), a = this.props.ref, a !== void 0 ? a : null;
+      )), u = this.props.ref, u !== void 0 ? u : null;
     }
-    function b(a, o, p, f, F, M) {
-      var h = p.ref;
-      return a = {
-        $$typeof: T,
-        type: a,
-        key: o,
-        props: p,
-        _owner: f
-      }, (h !== void 0 ? h : null) !== null ? Object.defineProperty(a, "ref", {
+    function m(u, b, v, w, B, X) {
+      var S = v.ref;
+      return u = {
+        $$typeof: p,
+        type: u,
+        key: b,
+        props: v,
+        _owner: w
+      }, (S !== void 0 ? S : null) !== null ? Object.defineProperty(u, "ref", {
         enumerable: !1,
-        get: d
-      }) : Object.defineProperty(a, "ref", { enumerable: !1, value: null }), a._store = {}, Object.defineProperty(a._store, "validated", {
+        get: c
+      }) : Object.defineProperty(u, "ref", { enumerable: !1, value: null }), u._store = {}, Object.defineProperty(u._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(a, "_debugInfo", {
+      }), Object.defineProperty(u, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(a, "_debugStack", {
+      }), Object.defineProperty(u, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: F
-      }), Object.defineProperty(a, "_debugTask", {
+        value: B
+      }), Object.defineProperty(u, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: M
-      }), Object.freeze && (Object.freeze(a.props), Object.freeze(a)), a;
+        value: X
+      }), Object.freeze && (Object.freeze(u.props), Object.freeze(u)), u;
     }
-    function g(a, o, p, f, F, M) {
-      var h = o.children;
-      if (h !== void 0)
-        if (f)
-          if (we(h)) {
-            for (f = 0; f < h.length; f++)
-              y(h[f]);
-            Object.freeze && Object.freeze(h);
+    function h(u, b, v, w, B, X) {
+      var S = b.children;
+      if (S !== void 0)
+        if (w)
+          if (mt(S)) {
+            for (w = 0; w < S.length; w++)
+              x(S[w]);
+            Object.freeze && Object.freeze(S);
           } 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(h);
-      if (J.call(o, "key")) {
-        h = e(a);
-        var k = Object.keys(o).filter(function(ke) {
-          return ke !== "key";
+        else x(S);
+      if (se.call(b, "key")) {
+        S = e(u);
+        var M = Object.keys(b).filter(function(ft) {
+          return ft !== "key";
         });
-        f = 0 < k.length ? "{key: someKey, " + k.join(": ..., ") + ": ...}" : "{key: someKey}", K[h + f] || (k = 0 < k.length ? "{" + k.join(": ..., ") + ": ...}" : "{}", console.error(
+        w = 0 < M.length ? "{key: someKey, " + M.join(": ..., ") + ": ...}" : "{key: someKey}", oe[S + w] || (M = 0 < M.length ? "{" + M.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} />`,
-          f,
-          h,
-          k,
-          h
-        ), K[h + f] = !0);
+          w,
+          S,
+          M,
+          S
+        ), oe[S + w] = !0);
       }
-      if (h = null, p !== void 0 && (n(p), h = "" + p), c(o) && (n(o.key), h = "" + o.key), "key" in o) {
-        p = {};
-        for (var L in o)
-          L !== "key" && (p[L] = o[L]);
-      } else p = o;
-      return h && m(
-        p,
-        typeof a == "function" ? a.displayName || a.name || "Unknown" : a
-      ), b(
-        a,
-        h,
-        p,
-        l(),
-        F,
-        M
+      if (S = null, v !== void 0 && (n(v), S = "" + v), i(b) && (n(b.key), S = "" + b.key), "key" in b) {
+        v = {};
+        for (var H in b)
+          H !== "key" && (v[H] = b[H]);
+      } else v = b;
+      return S && o(
+        v,
+        typeof u == "function" ? u.displayName || u.name || "Unknown" : u
+      ), m(
+        u,
+        S,
+        v,
+        a(),
+        B,
+        X
       );
     }
-    function y(a) {
-      R(a) ? a._store && (a._store.validated = 1) : typeof a == "object" && a !== null && a.$$typeof === D && (a._payload.status === "fulfilled" ? R(a._payload.value) && a._payload.value._store && (a._payload.value._store.validated = 1) : a._store && (a._store.validated = 1));
+    function x(u) {
+      d(u) ? u._store && (u._store.validated = 1) : typeof u == "object" && u !== null && u.$$typeof === G && (u._payload.status === "fulfilled" ? d(u._payload.value) && u._payload.value._store && (u._payload.value._store.validated = 1) : u._store && (u._store.validated = 1));
     }
-    function R(a) {
-      return typeof a == "object" && a !== null && a.$$typeof === T;
+    function d(u) {
+      return typeof u == "object" && u !== null && u.$$typeof === p;
     }
-    var N = Ee, T = /* @__PURE__ */ Symbol.for("react.transitional.element"), P = /* @__PURE__ */ Symbol.for("react.portal"), u = /* @__PURE__ */ Symbol.for("react.fragment"), j = /* @__PURE__ */ Symbol.for("react.strict_mode"), E = /* @__PURE__ */ Symbol.for("react.profiler"), $ = /* @__PURE__ */ Symbol.for("react.consumer"), be = /* @__PURE__ */ Symbol.for("react.context"), je = /* @__PURE__ */ Symbol.for("react.forward_ref"), Ne = /* @__PURE__ */ Symbol.for("react.suspense"), ye = /* @__PURE__ */ Symbol.for("react.suspense_list"), ve = /* @__PURE__ */ Symbol.for("react.memo"), D = /* @__PURE__ */ Symbol.for("react.lazy"), _e = /* @__PURE__ */ Symbol.for("react.activity"), Re = /* @__PURE__ */ Symbol.for("react.client.reference"), U = N.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, J = Object.prototype.hasOwnProperty, we = Array.isArray, I = console.createTask ? console.createTask : function() {
+    var f = P, p = /* @__PURE__ */ Symbol.for("react.transitional.element"), N = /* @__PURE__ */ Symbol.for("react.portal"), T = /* @__PURE__ */ Symbol.for("react.fragment"), y = /* @__PURE__ */ Symbol.for("react.strict_mode"), C = /* @__PURE__ */ Symbol.for("react.profiler"), U = /* @__PURE__ */ Symbol.for("react.consumer"), J = /* @__PURE__ */ Symbol.for("react.context"), lt = /* @__PURE__ */ Symbol.for("react.forward_ref"), it = /* @__PURE__ */ Symbol.for("react.suspense"), ot = /* @__PURE__ */ Symbol.for("react.suspense_list"), ct = /* @__PURE__ */ Symbol.for("react.memo"), G = /* @__PURE__ */ Symbol.for("react.lazy"), dt = /* @__PURE__ */ Symbol.for("react.activity"), ut = /* @__PURE__ */ Symbol.for("react.client.reference"), W = f.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, se = Object.prototype.hasOwnProperty, mt = Array.isArray, Q = console.createTask ? console.createTask : function() {
       return null;
     };
-    N = {
-      react_stack_bottom_frame: function(a) {
-        return a();
+    f = {
+      react_stack_bottom_frame: function(u) {
+        return u();
       }
     };
-    var X, H = {}, Q = N.react_stack_bottom_frame.bind(
-      N,
-      i
-    )(), Z = I(s(i)), K = {};
-    S.Fragment = u, S.jsx = function(a, o, p) {
-      var f = 1e4 > U.recentlyCreatedOwnerStacks++;
-      return g(
-        a,
-        o,
-        p,
+    var ne, ae = {}, le = f.react_stack_bottom_frame.bind(
+      f,
+      l
+    )(), ie = Q(s(l)), oe = {};
+    I.Fragment = T, I.jsx = function(u, b, v) {
+      var w = 1e4 > W.recentlyCreatedOwnerStacks++;
+      return h(
+        u,
+        b,
+        v,
         !1,
-        f ? Error("react-stack-top-frame") : Q,
-        f ? I(s(a)) : Z
+        w ? Error("react-stack-top-frame") : le,
+        w ? Q(s(u)) : ie
       );
-    }, S.jsxs = function(a, o, p) {
-      var f = 1e4 > U.recentlyCreatedOwnerStacks++;
-      return g(
-        a,
-        o,
-        p,
+    }, I.jsxs = function(u, b, v) {
+      var w = 1e4 > W.recentlyCreatedOwnerStacks++;
+      return h(
+        u,
+        b,
+        v,
         !0,
-        f ? Error("react-stack-top-frame") : Q,
-        f ? I(s(a)) : Z
+        w ? Error("react-stack-top-frame") : le,
+        w ? Q(s(u)) : ie
       );
     };
-  })()), S;
+  })()), I;
 }
-var ne;
-function Ve() {
-  return ne || (ne = 1, process.env.NODE_ENV === "production" ? A.exports = ze() : A.exports = Be()), A.exports;
+var pe;
+function It() {
+  return pe || (pe = 1, process.env.NODE_ENV === "production" ? Y.exports = Ut() : Y.exports = Dt()), Y.exports;
 }
-var r = Ve();
-function se({ value: e, onChange: t, field: n, readonly: s, ...l }) {
+var t = It();
+function Fe({ value: e, onChange: r, field: n, readonly: s, ...a }) {
+  const l = n || a.schema;
   if (s)
-    return /* @__PURE__ */ r.jsx("span", { className: "text-sm", children: e || "-" });
-  const i = n.rows;
-  return i && i > 1 ? /* @__PURE__ */ r.jsx(
-    q,
+    return /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: e || "-" });
+  const i = l?.rows, { inputType: o, ...c } = a;
+  return i && i > 1 ? /* @__PURE__ */ t.jsx(
+    V,
     {
+      ...c,
       value: e || "",
-      onChange: (c) => t(c.target.value),
-      placeholder: n.placeholder,
-      disabled: s,
-      className: l.className
+      onChange: (m) => r(m.target.value),
+      placeholder: l?.placeholder,
+      disabled: s || c.disabled
     }
-  ) : /* @__PURE__ */ r.jsx(
+  ) : /* @__PURE__ */ t.jsx(
     _,
     {
-      type: n.type === "password" ? "password" : "text",
+      ...c,
+      type: l?.type === "password" ? "password" : "text",
       value: e || "",
-      onChange: (c) => t(c.target.value),
-      placeholder: n.placeholder,
-      disabled: s,
-      className: l.className
+      onChange: (m) => r(m.target.value),
+      placeholder: l?.placeholder,
+      disabled: s || c.disabled
     }
   );
 }
-function le({ value: e, onChange: t, field: n, readonly: s, ...l }) {
+const Lt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  TextField: Fe
+}, Symbol.toStringTag, { value: "Module" }));
+function we({ value: e, onChange: r, field: n, readonly: s, ...a }) {
   if (s)
-    return /* @__PURE__ */ r.jsx("span", { className: "text-sm", children: e ?? "-" });
-  const i = n.precision;
-  return /* @__PURE__ */ r.jsx(
+    return /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: e ?? "-" });
+  const l = n || a.schema, i = l?.precision, { inputType: o, ...c } = a;
+  return /* @__PURE__ */ t.jsx(
     _,
     {
+      ...c,
       type: "number",
       value: e ?? "",
-      onChange: (c) => {
-        const m = c.target.value;
-        t(m === "" ? null : Number(m));
+      onChange: (m) => {
+        const h = m.target.value;
+        r(h === "" ? null : Number(h));
       },
-      placeholder: n.placeholder,
-      disabled: s,
-      step: i ? Math.pow(10, -i) : "any",
-      className: l.className
+      placeholder: l?.placeholder,
+      disabled: s || c.disabled,
+      step: i ? Math.pow(10, -i) : "any"
     }
   );
 }
-function qe({ value: e, onChange: t, field: n, readonly: s, ...l }) {
-  return s ? /* @__PURE__ */ r.jsx("span", { className: "text-sm", children: e ? "Yes" : "No" }) : n.widget === "checkbox" ? /* @__PURE__ */ r.jsxs("div", { className: "flex items-center space-x-2", children: [
-    /* @__PURE__ */ r.jsx(
-      Ce,
+const Vt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  NumberField: we
+}, Symbol.toStringTag, { value: "Module" }));
+function Se({ value: e, onChange: r, field: n, readonly: s, ...a }) {
+  const l = n || a.schema, i = l?.widget, o = xt(), c = l?.name || o, m = l?.label || "Checkbox";
+  if (s)
+    return /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: e ? "Yes" : "No" });
+  const { inputType: h, ...x } = a;
+  return i === "checkbox" ? /* @__PURE__ */ t.jsxs("div", { className: "flex items-center space-x-2", children: [
+    /* @__PURE__ */ t.jsx(
+      ht,
       {
-        id: n.name,
+        ...x,
+        id: c,
         checked: !!e,
-        onCheckedChange: (c) => t(!!c),
-        disabled: s,
-        className: l.className
+        onCheckedChange: (d) => r(!!d),
+        disabled: s || x.disabled
       }
     ),
-    /* @__PURE__ */ r.jsx(re, { htmlFor: n.name, children: n.label })
-  ] }) : /* @__PURE__ */ r.jsxs("div", { className: "flex items-center space-x-2", children: [
-    /* @__PURE__ */ r.jsx(
-      Se,
+    /* @__PURE__ */ t.jsx(R, { htmlFor: c, children: m })
+  ] }) : /* @__PURE__ */ t.jsxs("div", { className: "flex items-center space-x-2", children: [
+    /* @__PURE__ */ t.jsx(
+      pt,
       {
-        id: n.name,
+        ...x,
+        id: c,
         checked: !!e,
-        onCheckedChange: t,
-        disabled: s,
-        className: l.className
+        onCheckedChange: r,
+        disabled: s || x.disabled
       }
     ),
-    /* @__PURE__ */ r.jsx(re, { htmlFor: n.name, children: n.label })
+    /* @__PURE__ */ t.jsx(R, { htmlFor: c, children: m })
   ] });
 }
-function We({ value: e, onChange: t, field: n, readonly: s, ...l }) {
-  const i = n.options || [];
+const Bt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  BooleanField: Se
+}, Symbol.toStringTag, { value: "Module" }));
+function Ce({ value: e, onChange: r, field: n, readonly: s, ...a }) {
+  const l = n || a.schema, i = l?.options || [];
   if (s) {
-    const c = i.find((m) => m.value === e);
-    return /* @__PURE__ */ r.jsx("span", { className: "text-sm", children: c?.label || e || "-" });
+    const o = i.find((c) => c.value === e);
+    return /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: o?.label || e || "-" });
   }
-  return /* @__PURE__ */ r.jsxs(
-    Te,
+  return /* @__PURE__ */ t.jsxs(
+    gt,
     {
+      ...a,
       value: e,
-      onValueChange: t,
-      disabled: s,
+      onValueChange: r,
+      disabled: s || a.disabled,
       children: [
-        /* @__PURE__ */ r.jsx(Fe, { className: l.className, children: /* @__PURE__ */ r.jsx(Ae, { placeholder: n.placeholder || "Select an option" }) }),
-        /* @__PURE__ */ r.jsx(Oe, { children: i.map((c) => /* @__PURE__ */ r.jsx(Pe, { value: c.value, children: c.label }, c.value)) })
+        /* @__PURE__ */ t.jsx(bt, { className: a.className, id: a.id, children: /* @__PURE__ */ t.jsx(jt, { placeholder: l?.placeholder || "Select an option" }) }),
+        /* @__PURE__ */ t.jsx(yt, { position: "popper", children: i.map((o) => /* @__PURE__ */ t.jsx(Nt, { value: o.value, children: o.label }, o.value)) })
       ]
     }
   );
 }
-function Ge({ value: e, onChange: t, field: n, readonly: s, ...l }) {
-  return s ? /* @__PURE__ */ r.jsx("span", { className: "text-sm", children: e ? new Date(e).toLocaleDateString() : "-" }) : /* @__PURE__ */ r.jsx(
+const Yt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  SelectField: Ce
+}, Symbol.toStringTag, { value: "Module" }));
+function Pe({ value: e, onChange: r, field: n, readonly: s, ...a }) {
+  if (s)
+    return /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: e ? new Date(e).toLocaleDateString() : "-" });
+  const { inputType: l, ...i } = a;
+  return /* @__PURE__ */ t.jsx(
     _,
     {
+      ...i,
       type: "date",
       value: e || "",
-      onChange: (i) => t(i.target.value),
-      disabled: s,
-      className: l.className
+      onChange: (o) => r(o.target.value),
+      disabled: s || i.disabled
     }
   );
 }
-function ie({ value: e, onChange: t, field: n, readonly: s, errorMessage: l, ...i }) {
-  return s ? e ? /* @__PURE__ */ r.jsx(
-    "a",
-    {
-      href: `mailto:${e}`,
-      className: "text-sm text-blue-600 hover:text-blue-800 hover:underline",
-      children: e
-    }
-  ) : /* @__PURE__ */ r.jsx("span", { className: "text-sm", children: "-" }) : /* @__PURE__ */ r.jsx(
+const qt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  DateField: Pe
+}, Symbol.toStringTag, { value: "Module" }));
+function Oe({ value: e, onChange: r, field: n, readonly: s, errorMessage: a, ...l }) {
+  const i = n || l.schema;
+  if (s)
+    return e ? /* @__PURE__ */ t.jsx(
+      "a",
+      {
+        href: `mailto:${e}`,
+        className: "text-sm text-blue-600 hover:text-blue-800 hover:underline",
+        children: e
+      }
+    ) : /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: "-" });
+  const { inputType: o, ...c } = l;
+  return /* @__PURE__ */ t.jsx(
     _,
     {
+      ...c,
       type: "email",
       value: e || "",
-      onChange: (c) => t(c.target.value),
-      placeholder: n.placeholder || "email@example.com",
-      disabled: s,
-      className: i.className,
-      "aria-invalid": !!l
+      onChange: (m) => r(m.target.value),
+      placeholder: i?.placeholder || "email@example.com",
+      disabled: s || c.disabled,
+      "aria-invalid": !!a
     }
   );
 }
-function ce({ value: e, onChange: t, field: n, readonly: s, errorMessage: l, ...i }) {
-  return s ? e ? /* @__PURE__ */ r.jsx(
-    "a",
-    {
-      href: `tel:${e}`,
-      className: "text-sm text-blue-600 hover:text-blue-800 hover:underline",
-      children: e
-    }
-  ) : /* @__PURE__ */ r.jsx("span", { className: "text-sm", children: "-" }) : /* @__PURE__ */ r.jsx(
+const Jt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  EmailField: Oe
+}, Symbol.toStringTag, { value: "Module" }));
+function Te({ value: e, onChange: r, field: n, readonly: s, errorMessage: a, ...l }) {
+  const i = n || l.schema;
+  if (s)
+    return e ? /* @__PURE__ */ t.jsx(
+      "a",
+      {
+        href: `tel:${e}`,
+        className: "text-sm text-blue-600 hover:text-blue-800 hover:underline",
+        children: e
+      }
+    ) : /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: "-" });
+  const { inputType: o, ...c } = l;
+  return /* @__PURE__ */ t.jsx(
     _,
     {
+      ...c,
       type: "tel",
       value: e || "",
-      onChange: (c) => t(c.target.value),
-      placeholder: n.placeholder || "(555) 123-4567",
-      disabled: s,
-      className: i.className,
-      "aria-invalid": !!l
+      onChange: (m) => r(m.target.value),
+      placeholder: i?.placeholder || "(555) 123-4567",
+      disabled: s || c.disabled,
+      "aria-invalid": !!a
     }
   );
 }
-function oe({ value: e, onChange: t, field: n, readonly: s, errorMessage: l, ...i }) {
-  return s ? e ? e.startsWith("http://") || e.startsWith("https://") ? /* @__PURE__ */ r.jsx(
-    "a",
-    {
-      href: e,
-      target: "_blank",
-      rel: "noopener noreferrer",
-      className: "text-sm text-blue-600 hover:text-blue-800 hover:underline",
-      children: e
-    }
-  ) : /* @__PURE__ */ r.jsx("span", { className: "text-sm", children: e }) : /* @__PURE__ */ r.jsx("span", { className: "text-sm", children: "-" }) : /* @__PURE__ */ r.jsx(
+const Gt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  PhoneField: Te
+}, Symbol.toStringTag, { value: "Module" }));
+function Re({ value: e, onChange: r, field: n, readonly: s, errorMessage: a, ...l }) {
+  const i = n || l.schema;
+  if (s)
+    return e ? e.startsWith("http://") || e.startsWith("https://") ? /* @__PURE__ */ t.jsx(
+      "a",
+      {
+        href: e,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        className: "text-sm text-blue-600 hover:text-blue-800 hover:underline",
+        children: e
+      }
+    ) : /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: e }) : /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: "-" });
+  const { inputType: o, ...c } = l;
+  return /* @__PURE__ */ t.jsx(
     _,
     {
+      ...c,
       type: "url",
       value: e || "",
-      onChange: (c) => t(c.target.value),
-      placeholder: n.placeholder || "https://example.com",
-      disabled: s,
-      className: i.className,
-      "aria-invalid": !!l
+      onChange: (m) => r(m.target.value),
+      placeholder: i?.placeholder || "https://example.com",
+      disabled: s || c.disabled,
+      "aria-invalid": !!a
     }
   );
 }
-function Je(e, t = "USD") {
+const Wt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  UrlField: Re
+}, Symbol.toStringTag, { value: "Module" }));
+function Qt(e, r = "USD") {
   try {
     return new Intl.NumberFormat("en-US", {
       style: "currency",
-      currency: t
+      currency: r
     }).format(e);
   } catch {
-    return `${t} ${e.toFixed(2)}`;
+    return `${r} ${e.toFixed(2)}`;
   }
 }
-function ue({ value: e, onChange: t, field: n, readonly: s, errorMessage: l, ...i }) {
-  const c = n, m = c.currency || "USD", d = c.precision ?? 2;
+function ke({ value: e, onChange: r, field: n, readonly: s, errorMessage: a, className: l, ...i }) {
+  const o = n || i.schema, c = o?.currency || "USD", m = o?.precision ?? 2;
   if (s)
-    return e == null ? /* @__PURE__ */ r.jsx("span", { className: "text-sm", children: "-" }) : /* @__PURE__ */ r.jsx("span", { className: "text-sm font-medium tabular-nums", children: Je(Number(e), m) });
-  const b = (g) => {
-    const y = parseFloat(g.target.value);
-    isNaN(y) || t(parseFloat(y.toFixed(d)));
+    return e == null ? /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: "-" }) : /* @__PURE__ */ t.jsx("span", { className: "text-sm font-medium tabular-nums", children: Qt(Number(e), c) });
+  const h = (x) => {
+    const d = parseFloat(x.target.value);
+    isNaN(d) || r(parseFloat(d.toFixed(m)));
   };
-  return /* @__PURE__ */ r.jsxs("div", { className: "relative", children: [
-    /* @__PURE__ */ r.jsx("span", { className: "absolute left-3 top-1/2 -translate-y-1/2 text-sm text-gray-500", children: m === "USD" ? "$" : m }),
-    /* @__PURE__ */ r.jsx(
+  return /* @__PURE__ */ t.jsxs("div", { className: "relative", children: [
+    /* @__PURE__ */ t.jsx("span", { className: "absolute left-3 top-1/2 -translate-y-1/2 text-sm text-gray-500", children: c === "USD" ? "$" : c }),
+    /* @__PURE__ */ t.jsx(
       _,
       {
+        ...i,
         type: "number",
         value: e ?? "",
-        onChange: (g) => {
-          const y = g.target.value === "" ? null : parseFloat(g.target.value);
-          t(y);
+        onChange: (x) => {
+          const d = x.target.value === "" ? null : parseFloat(x.target.value);
+          r(d);
         },
-        onBlur: b,
-        placeholder: n.placeholder || "0.00",
-        disabled: s,
-        className: `pl-8 ${i.className || ""}`,
-        step: Math.pow(10, -d).toFixed(d),
-        "aria-invalid": !!l
+        onBlur: h,
+        placeholder: o?.placeholder || "0.00",
+        disabled: s || i.disabled,
+        className: `pl-8 ${l || ""}`,
+        step: Math.pow(10, -m).toFixed(m),
+        "aria-invalid": !!a
       }
     )
   ] });
 }
-function me({ value: e, onChange: t, field: n, readonly: s, errorMessage: l, ...i }) {
+const Xt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  CurrencyField: ke
+}, Symbol.toStringTag, { value: "Module" }));
+function Ae({ value: e, onChange: r, field: n, readonly: s, errorMessage: a, ...l }) {
   if (s)
-    return /* @__PURE__ */ r.jsx("div", { className: "text-sm whitespace-pre-wrap", children: e || "-" });
-  const c = n, m = c.rows || 4, d = c.max_length;
-  return /* @__PURE__ */ r.jsxs("div", { className: "relative", children: [
-    /* @__PURE__ */ r.jsx(
-      q,
+    return /* @__PURE__ */ t.jsx("div", { className: "text-sm whitespace-pre-wrap", children: e || "-" });
+  const i = n || l.schema, o = i?.rows || 4, c = i?.max_length, { inputType: m, ...h } = l;
+  return /* @__PURE__ */ t.jsxs("div", { className: "relative", children: [
+    /* @__PURE__ */ t.jsx(
+      V,
       {
+        ...h,
         value: e || "",
-        onChange: (b) => t(b.target.value),
-        placeholder: n.placeholder,
-        disabled: s,
-        rows: m,
-        maxLength: d,
-        className: i.className,
-        "aria-invalid": !!l
+        onChange: (x) => r(x.target.value),
+        placeholder: i?.placeholder,
+        disabled: s || h.disabled,
+        rows: o,
+        maxLength: c,
+        "aria-invalid": !!a
       }
     ),
-    d && /* @__PURE__ */ r.jsxs(
+    c && /* @__PURE__ */ t.jsxs(
       "div",
       {
         className: "absolute bottom-2 right-2 text-xs text-gray-400",
         "aria-live": "polite",
-        "aria-label": `Character count: ${(e || "").length} of ${d}`,
+        "aria-label": `Character count: ${(e || "").length} of ${c}`,
         children: [
           (e || "").length,
           "/",
-          d
+          c
         ]
       }
     )
   ] });
 }
-function de({ value: e, onChange: t, field: n, readonly: s, errorMessage: l, ...i }) {
+const Ht = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  TextAreaField: Ae
+}, Symbol.toStringTag, { value: "Module" }));
+function Z({ value: e, onChange: r, field: n, readonly: s, errorMessage: a, ...l }) {
   if (s)
-    return /* @__PURE__ */ r.jsx(
+    return /* @__PURE__ */ t.jsx(
       "div",
       {
         className: "text-sm prose prose-sm max-w-none",
         children: e || "-"
       }
     );
-  const c = n, m = c.rows || 8, d = c.format || "markdown";
-  return /* @__PURE__ */ r.jsxs("div", { className: "space-y-2", children: [
-    /* @__PURE__ */ r.jsxs("div", { className: "flex items-center justify-between text-xs text-gray-500", children: [
-      /* @__PURE__ */ r.jsxs("span", { children: [
+  const i = n || l.schema, o = i?.rows || 8, c = i?.format || "markdown";
+  return /* @__PURE__ */ t.jsxs("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ t.jsxs("div", { className: "flex items-center justify-between text-xs text-gray-500", children: [
+      /* @__PURE__ */ t.jsxs("span", { children: [
         "Format: ",
-        d
+        c
       ] }),
-      /* @__PURE__ */ r.jsx("span", { className: "italic", children: "Rich text editor (basic)" })
+      /* @__PURE__ */ t.jsx("span", { className: "italic", children: "Rich text editor (basic)" })
     ] }),
-    /* @__PURE__ */ r.jsx(
-      q,
+    /* @__PURE__ */ t.jsx(
+      V,
       {
         value: e || "",
-        onChange: (b) => t(b.target.value),
-        placeholder: n.placeholder || "Enter text...",
-        disabled: s,
-        rows: m,
-        className: `font-mono text-sm ${i.className || ""}`,
-        "aria-invalid": !!l
+        onChange: (m) => r(m.target.value),
+        placeholder: i?.placeholder || "Enter text...",
+        disabled: s || l.disabled,
+        rows: o,
+        className: `font-mono text-sm ${l.className || ""}`,
+        "aria-invalid": !!a
       }
     )
   ] });
 }
-function B({ value: e, onChange: t, field: n, readonly: s }) {
-  const [l, i] = ee(!1), [c, m] = ee(""), d = n, b = d.options || [], g = d.multiple || !1, y = d.display_field || "label", R = b.filter(
-    (u) => u.label.toLowerCase().includes(c.toLowerCase())
-  ), N = g ? (Array.isArray(e) ? e : []).map(
-    (u) => b.find((j) => j.value === u)
-  ).filter(Boolean) : e ? [b.find((u) => u.value === e)].filter(Boolean) : [], T = (u) => {
-    if (g) {
-      const j = Array.isArray(e) ? e : [], E = j.includes(u.value);
-      t(E ? j.filter(($) => $ !== u.value) : [...j, u.value]);
+const ge = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  RichTextField: Z
+}, Symbol.toStringTag, { value: "Module" }));
+function $e({ value: e, onChange: r, field: n, readonly: s, ...a }) {
+  const [l, i] = L(!1), [o, c] = L(""), m = n || a.schema, h = m?.options || [], x = m.multiple || !1, d = m.display_field || "label", f = h.filter(
+    (y) => y.label.toLowerCase().includes(o.toLowerCase())
+  ), p = x ? (Array.isArray(e) ? e : []).map(
+    (y) => h.find((C) => C.value === y)
+  ).filter(Boolean) : e ? [h.find((y) => y.value === e)].filter(Boolean) : [], N = (y) => {
+    if (x) {
+      const C = Array.isArray(e) ? e : [], U = C.includes(y.value);
+      r(U ? C.filter((J) => J !== y.value) : [...C, y.value]);
     } else
-      t(u.value), i(!1);
-  }, P = (u) => {
-    if (g) {
-      const j = Array.isArray(e) ? e : [];
-      t(j.filter((E) => E !== u));
+      r(y.value), i(!1);
+  }, T = (y) => {
+    if (x) {
+      const C = Array.isArray(e) ? e : [];
+      r(C.filter((U) => U !== y));
     } else
-      t(null);
+      r(null);
   };
-  return s ? N.length ? g ? /* @__PURE__ */ r.jsx("div", { className: "flex flex-wrap gap-1", children: N.map((u, j) => /* @__PURE__ */ r.jsx(w, { variant: "outline", children: u?.[y] || u?.label }, j)) }) : /* @__PURE__ */ r.jsx("span", { className: "text-sm", children: N[0]?.[y] || N[0]?.label }) : /* @__PURE__ */ r.jsx("span", { className: "text-sm", children: "-" }) : /* @__PURE__ */ r.jsxs("div", { className: "space-y-2", children: [
-    N.length > 0 && /* @__PURE__ */ r.jsx("div", { className: "flex flex-wrap gap-1", children: N.map((u, j) => /* @__PURE__ */ r.jsxs(
-      w,
+  return s ? p.length ? x ? /* @__PURE__ */ t.jsx("div", { className: "flex flex-wrap gap-1", children: p.map((y, C) => /* @__PURE__ */ t.jsx(k, { variant: "outline", children: y?.[d] || y?.label }, C)) }) : /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: p[0]?.[d] || p[0]?.label }) : /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: "-" }) : /* @__PURE__ */ t.jsxs("div", { className: "space-y-2", children: [
+    p.length > 0 && /* @__PURE__ */ t.jsx("div", { className: "flex flex-wrap gap-1", children: p.map((y, C) => /* @__PURE__ */ t.jsxs(
+      k,
       {
         variant: "outline",
         className: "gap-1",
         children: [
-          u?.[y] || u?.label,
-          /* @__PURE__ */ r.jsx(
+          y?.[d] || y?.label,
+          /* @__PURE__ */ t.jsx(
             "button",
             {
-              onClick: () => P(u?.value),
+              onClick: () => T(y?.value),
               className: "ml-1 hover:text-destructive",
               type: "button",
-              "aria-label": `Remove ${u?.[y] || u?.label}`,
-              children: /* @__PURE__ */ r.jsx(he, { className: "size-3" })
+              "aria-label": `Remove ${y?.[d] || y?.label}`,
+              children: /* @__PURE__ */ t.jsx(E, { className: "size-3" })
             }
           )
         ]
       },
-      j
+      C
     )) }),
-    /* @__PURE__ */ r.jsxs($e, { open: l, onOpenChange: i, children: [
-      /* @__PURE__ */ r.jsx(De, { asChild: !0, children: /* @__PURE__ */ r.jsxs(
-        W,
+    /* @__PURE__ */ t.jsxs(vt, { open: l, onOpenChange: i, children: [
+      /* @__PURE__ */ t.jsx(_t, { asChild: !0, children: /* @__PURE__ */ t.jsxs(
+        F,
         {
           variant: "outline",
           className: "w-full justify-start text-left font-normal",
           type: "button",
           children: [
-            /* @__PURE__ */ r.jsx(Le, { className: "mr-2 size-4" }),
-            N.length === 0 ? n.placeholder || "Select..." : g ? `${N.length} selected` : "Change selection"
+            /* @__PURE__ */ t.jsx(Pt, { className: "mr-2 size-4" }),
+            p.length === 0 ? m?.placeholder || "Select..." : x ? `${p.length} selected` : "Change selection"
           ]
         }
       ) }),
-      /* @__PURE__ */ r.jsxs(Ue, { className: "max-w-md", children: [
-        /* @__PURE__ */ r.jsx(Ie, { children: /* @__PURE__ */ r.jsxs(Me, { children: [
-          n.label || "Select",
+      /* @__PURE__ */ t.jsxs(Ft, { className: "max-w-md", children: [
+        /* @__PURE__ */ t.jsx(wt, { children: /* @__PURE__ */ t.jsxs(St, { children: [
+          m?.label || "Select",
           " ",
-          g && "(multiple)"
+          x && "(multiple)"
         ] }) }),
-        /* @__PURE__ */ r.jsxs("div", { className: "space-y-4", children: [
-          /* @__PURE__ */ r.jsx(
+        /* @__PURE__ */ t.jsxs("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ t.jsx(
             _,
             {
               placeholder: "Search...",
-              value: c,
-              onChange: (u) => m(u.target.value),
+              value: o,
+              onChange: (y) => c(y.target.value),
               className: "w-full"
             }
           ),
-          /* @__PURE__ */ r.jsx("div", { className: "max-h-64 overflow-y-auto space-y-1", children: R.length === 0 ? /* @__PURE__ */ r.jsx("p", { className: "text-sm text-gray-500 text-center py-4", children: "No options found" }) : R.map((u) => {
-            const j = g ? (Array.isArray(e) ? e : []).includes(u.value) : e === u.value;
-            return /* @__PURE__ */ r.jsxs(
+          /* @__PURE__ */ t.jsx("div", { className: "max-h-64 overflow-y-auto space-y-1", children: f.length === 0 ? /* @__PURE__ */ t.jsx("p", { className: "text-sm text-gray-500 text-center py-4", children: "No options found" }) : f.map((y) => {
+            const C = x ? (Array.isArray(e) ? e : []).includes(y.value) : e === y.value;
+            return /* @__PURE__ */ t.jsxs(
               "button",
               {
-                onClick: () => T(u),
-                className: `w-full text-left px-3 py-2 rounded-md text-sm hover:bg-gray-100 flex items-center justify-between ${j ? "bg-blue-50 text-blue-700" : ""}`,
+                onClick: () => N(y),
+                className: `w-full text-left px-3 py-2 rounded-md text-sm hover:bg-gray-100 flex items-center justify-between ${C ? "bg-blue-50 text-blue-700" : ""}`,
                 type: "button",
                 children: [
-                  /* @__PURE__ */ r.jsx("span", { children: u.label }),
-                  j && /* @__PURE__ */ r.jsx(w, { variant: "default", className: "ml-2", children: "Selected" })
+                  /* @__PURE__ */ t.jsx("span", { children: y.label }),
+                  C && /* @__PURE__ */ t.jsx(k, { variant: "default", className: "ml-2", children: "Selected" })
                 ]
               },
-              u.value
+              y.value
             );
           }) })
         ] })
@@ -624,20 +690,1216 @@ function B({ value: e, onChange: t, field: n, readonly: s }) {
     ] })
   ] });
 }
-function Xe(e, t = "USD") {
+const Zt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  LookupField: $e
+}, Symbol.toStringTag, { value: "Module" }));
+function ze({ value: e, onChange: r, field: n, readonly: s, ...a }) {
+  if (s) {
+    if (!e) return /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: "-" });
+    const o = new Date(e);
+    return /* @__PURE__ */ t.jsxs("span", { className: "text-sm", children: [
+      o.toLocaleDateString(),
+      " ",
+      o.toLocaleTimeString()
+    ] });
+  }
+  const { inputType: l, ...i } = a;
+  return /* @__PURE__ */ t.jsx(
+    _,
+    {
+      ...i,
+      type: "datetime-local",
+      value: e || "",
+      onChange: (o) => r(o.target.value),
+      disabled: s || i.disabled
+    }
+  );
+}
+const Kt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  DateTimeField: ze
+}, Symbol.toStringTag, { value: "Module" }));
+function Ee({ value: e, onChange: r, field: n, readonly: s, ...a }) {
+  if (s)
+    return /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: e || "-" });
+  const { inputType: l, ...i } = a;
+  return /* @__PURE__ */ t.jsx(
+    _,
+    {
+      ...i,
+      type: "time",
+      value: e || "",
+      onChange: (o) => r(o.target.value),
+      disabled: s || i.disabled
+    }
+  );
+}
+const er = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  TimeField: Ee
+}, Symbol.toStringTag, { value: "Module" }));
+function Me({ value: e, onChange: r, field: n, readonly: s, errorMessage: a, className: l, ...i }) {
+  const o = n || i.schema, c = o?.precision ?? 2;
+  if (s)
+    return e == null ? /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: "-" }) : /* @__PURE__ */ t.jsxs("span", { className: "text-sm font-medium tabular-nums", children: [
+      (e * 100).toFixed(c),
+      "%"
+    ] });
+  const m = e != null ? e * 100 : "", h = (x) => {
+    if (x.target.value === "") {
+      r(null);
+      return;
+    }
+    const d = parseFloat(x.target.value), f = isNaN(d) ? null : d / 100;
+    r(f);
+  };
+  return /* @__PURE__ */ t.jsxs("div", { className: "relative", children: [
+    /* @__PURE__ */ t.jsx(
+      _,
+      {
+        ...i,
+        type: "number",
+        value: m,
+        onChange: h,
+        placeholder: o?.placeholder || "0",
+        disabled: s || i.disabled,
+        className: `pr-8 ${l || ""}`,
+        step: Math.pow(10, -c).toFixed(c),
+        "aria-invalid": !!a
+      }
+    ),
+    /* @__PURE__ */ t.jsx("span", { className: "absolute right-3 top-1/2 -translate-y-1/2 text-sm text-gray-500", children: "%" })
+  ] });
+}
+const tr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  PercentField: Me
+}, Symbol.toStringTag, { value: "Module" }));
+function Ue({ value: e, onChange: r, field: n, readonly: s, className: a, ...l }) {
+  const [i, o] = L(!1), c = n || l.schema;
+  if (s)
+    return /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: "••••••••" });
+  const { inputType: m, ...h } = l;
+  return /* @__PURE__ */ t.jsxs("div", { className: "relative", children: [
+    /* @__PURE__ */ t.jsx(
+      _,
+      {
+        ...h,
+        type: i ? "text" : "password",
+        value: e || "",
+        onChange: (x) => r(x.target.value),
+        placeholder: c?.placeholder,
+        disabled: s || h.disabled,
+        className: `pr-10 ${a || ""}`
+      }
+    ),
+    /* @__PURE__ */ t.jsx(
+      F,
+      {
+        type: "button",
+        variant: "ghost",
+        size: "sm",
+        className: "absolute right-0 top-0 h-full px-3 py-2 hover:bg-transparent",
+        onClick: () => o(!i),
+        tabIndex: -1,
+        children: i ? /* @__PURE__ */ t.jsx(Ot, { className: "size-4 text-gray-500" }) : /* @__PURE__ */ t.jsx(Tt, { className: "size-4 text-gray-500" })
+      }
+    )
+  ] });
+}
+const rr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  PasswordField: Ue
+}, Symbol.toStringTag, { value: "Module" }));
+function De({ value: e, onChange: r, field: n, readonly: s, ...a }) {
+  const l = te(null), i = n || a.schema, o = i?.multiple || !1, c = i?.accept ? i.accept.join(",") : void 0;
+  if (s) {
+    if (!e) return /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: "-" });
+    const d = Array.isArray(e) ? e : [e];
+    return /* @__PURE__ */ t.jsx("div", { className: "flex flex-wrap gap-2", children: d.map((f, p) => /* @__PURE__ */ t.jsx("span", { className: "text-sm truncate max-w-xs", children: f.name || f.original_name || "File" }, p)) });
+  }
+  const m = e ? Array.isArray(e) ? e : [e] : [], h = (d) => {
+    const f = Array.from(d.target.files || []);
+    if (f.length === 0) return;
+    const p = f.map((N) => ({
+      name: N.name,
+      original_name: N.name,
+      size: N.size,
+      mime_type: N.type,
+      // In a real implementation, this would upload the file and return a URL
+      url: URL.createObjectURL(N)
+    }));
+    r(o ? [...m, ...p] : p[0]);
+  }, x = (d) => {
+    if (o) {
+      const f = m.filter((p, N) => N !== d);
+      r(f.length > 0 ? f : null);
+    } else
+      r(null);
+  };
+  return /* @__PURE__ */ t.jsxs("div", { className: a.className, children: [
+    /* @__PURE__ */ t.jsx(
+      "input",
+      {
+        ref: l,
+        type: "file",
+        multiple: o,
+        accept: c,
+        onChange: h,
+        className: "hidden"
+      }
+    ),
+    /* @__PURE__ */ t.jsxs("div", { className: "space-y-2", children: [
+      m.length > 0 && /* @__PURE__ */ t.jsx("div", { className: "space-y-1", children: m.map((d, f) => /* @__PURE__ */ t.jsxs(
+        "div",
+        {
+          className: "flex items-center justify-between gap-2 p-2 bg-gray-50 rounded-md border border-gray-200",
+          children: [
+            /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-2 flex-1 min-w-0", children: [
+              /* @__PURE__ */ t.jsx(Rt, { className: "size-4 text-gray-500 flex-shrink-0" }),
+              /* @__PURE__ */ t.jsx("span", { className: "text-sm truncate", children: d.name || d.original_name || "File" }),
+              d.size && /* @__PURE__ */ t.jsxs("span", { className: "text-xs text-gray-500", children: [
+                "(",
+                (d.size / 1024).toFixed(1),
+                " KB)"
+              ] })
+            ] }),
+            /* @__PURE__ */ t.jsx(
+              F,
+              {
+                type: "button",
+                variant: "ghost",
+                size: "sm",
+                onClick: () => x(f),
+                className: "h-6 w-6 p-0",
+                children: /* @__PURE__ */ t.jsx(E, { className: "size-3" })
+              }
+            )
+          ]
+        },
+        f
+      )) }),
+      /* @__PURE__ */ t.jsxs(
+        F,
+        {
+          type: "button",
+          variant: "outline",
+          onClick: () => l.current?.click(),
+          className: "w-full",
+          children: [
+            /* @__PURE__ */ t.jsx(_e, { className: "size-4 mr-2" }),
+            m.length > 0 ? "Add More Files" : "Upload File"
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+const sr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  FileField: De
+}, Symbol.toStringTag, { value: "Module" }));
+function Ie({ value: e, onChange: r, field: n, readonly: s, ...a }) {
+  const l = te(null), i = n || a.schema, o = i?.multiple || !1, c = i?.accept ? i.accept.join(",") : "image/*";
+  if (s) {
+    if (!e) return /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: "-" });
+    const d = Array.isArray(e) ? e : [e];
+    return /* @__PURE__ */ t.jsx("div", { className: "flex flex-wrap gap-2", children: d.map((f, p) => /* @__PURE__ */ t.jsx(
+      "img",
+      {
+        src: f.url || "",
+        alt: f.name || `Image ${p + 1}`,
+        className: "size-20 rounded-md object-cover border border-gray-200"
+      },
+      p
+    )) });
+  }
+  const m = e ? Array.isArray(e) ? e : [e] : [], h = (d) => {
+    const f = Array.from(d.target.files || []);
+    if (f.length === 0) return;
+    const p = f.map((N) => ({
+      name: N.name,
+      original_name: N.name,
+      size: N.size,
+      mime_type: N.type,
+      // In a real implementation, this would upload the image and return a URL
+      url: URL.createObjectURL(N)
+    }));
+    r(o ? [...m, ...p] : p[0]);
+  }, x = (d) => {
+    if (o) {
+      const f = m.filter((p, N) => N !== d);
+      r(f.length > 0 ? f : null);
+    } else
+      r(null);
+  };
+  return /* @__PURE__ */ t.jsxs("div", { className: a.className, children: [
+    /* @__PURE__ */ t.jsx(
+      "input",
+      {
+        ref: l,
+        type: "file",
+        multiple: o,
+        accept: c,
+        onChange: h,
+        className: "hidden"
+      }
+    ),
+    /* @__PURE__ */ t.jsxs("div", { className: "space-y-2", children: [
+      m.length > 0 && /* @__PURE__ */ t.jsx("div", { className: "grid grid-cols-4 gap-2", children: m.map((d, f) => /* @__PURE__ */ t.jsxs("div", { className: "relative group", children: [
+        /* @__PURE__ */ t.jsx(
+          "img",
+          {
+            src: d.url || "",
+            alt: d.name || `Image ${f + 1}`,
+            className: "size-20 rounded-md object-cover border border-gray-200"
+          }
+        ),
+        /* @__PURE__ */ t.jsx(
+          F,
+          {
+            type: "button",
+            variant: "destructive",
+            size: "sm",
+            onClick: () => x(f),
+            className: "absolute top-1 right-1 h-6 w-6 p-0 opacity-0 group-hover:opacity-100 transition-opacity",
+            children: /* @__PURE__ */ t.jsx(E, { className: "size-3" })
+          }
+        )
+      ] }, f)) }),
+      /* @__PURE__ */ t.jsxs(
+        F,
+        {
+          type: "button",
+          variant: "outline",
+          onClick: () => l.current?.click(),
+          className: "w-full",
+          children: [
+            /* @__PURE__ */ t.jsx(kt, { className: "size-4 mr-2" }),
+            m.length > 0 ? "Add More Images" : "Upload Image"
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+const nr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  ImageField: Ie
+}, Symbol.toStringTag, { value: "Module" }));
+function Le({ value: e, onChange: r, field: n, readonly: s, ...a }) {
+  const l = n || a.schema, i = e && typeof e == "object" ? `${e.latitude || 0}, ${e.longitude || 0}` : "";
+  if (s)
+    return /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: i || "-" });
+  const o = (c) => {
+    const m = c.target.value;
+    if (!m.trim()) {
+      r(null);
+      return;
+    }
+    const h = m.split(",").map((x) => x.trim());
+    if (h.length === 2) {
+      const x = parseFloat(h[0]), d = parseFloat(h[1]);
+      !isNaN(x) && !isNaN(d) && r({ latitude: x, longitude: d });
+    }
+  };
+  return /* @__PURE__ */ t.jsx(
+    _,
+    {
+      type: "text",
+      value: i,
+      onChange: o,
+      placeholder: l?.placeholder || "latitude, longitude",
+      disabled: s || a.disabled,
+      className: a.className
+    }
+  );
+}
+const ar = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  LocationField: Le
+}, Symbol.toStringTag, { value: "Module" }));
+function Ve({ value: e, field: r, ...n }) {
+  const a = (r || n.schema)?.return_type || "text";
+  let l = "-";
+  return e != null && (a === "number" || a === "currency" ? l = typeof e == "number" ? e.toFixed(2) : String(e) : a === "boolean" ? l = e ? "Yes" : "No" : a === "date" ? l = new Date(e).toLocaleDateString() : l = String(e)), /* @__PURE__ */ t.jsx("span", { className: `text-sm font-mono text-gray-700 ${n.className || ""}`, children: l });
+}
+const lr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  FormulaField: Ve
+}, Symbol.toStringTag, { value: "Module" }));
+function Be({ value: e, field: r, ...n }) {
+  const a = (r || n.schema)?.summary_type || "count";
+  let l = "-";
+  return e != null && (a === "count" ? l = String(e) : ["sum", "avg", "min", "max"].includes(a) ? l = typeof e == "number" ? e.toFixed(2) : String(e) : l = String(e)), /* @__PURE__ */ t.jsx("span", { className: `text-sm font-medium tabular-nums text-gray-700 ${n.className || ""}`, children: l });
+}
+const ir = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  SummaryField: Be
+}, Symbol.toStringTag, { value: "Module" }));
+function Ye({ value: e, field: r, ...n }) {
+  const s = e != null ? String(e) : "-";
+  return /* @__PURE__ */ t.jsx("span", { className: `text-sm font-mono text-gray-700 ${n.className || ""}`, children: s });
+}
+const or = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  AutoNumberField: Ye
+}, Symbol.toStringTag, { value: "Module" }));
+function K({ value: e, onChange: r, field: n, readonly: s, ...a }) {
+  const i = (n || a.schema)?.multiple || !1;
+  if (s) {
+    if (!e) return /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: "-" });
+    const m = Array.isArray(e) ? e : [e];
+    return /* @__PURE__ */ t.jsxs("div", { className: "flex -space-x-2", children: [
+      m.slice(0, 3).map((h, x) => {
+        const d = h.name || h.username || "User", f = d.split(" ").map((p) => p[0]).join("").toUpperCase().slice(0, 2);
+        return /* @__PURE__ */ t.jsx($, { className: "size-8 border-2 border-white", title: d, children: /* @__PURE__ */ t.jsx(z, { className: "bg-blue-500 text-white text-xs", children: f }) }, x);
+      }),
+      m.length > 3 && /* @__PURE__ */ t.jsx($, { className: "size-8 border-2 border-white", children: /* @__PURE__ */ t.jsxs(z, { className: "bg-gray-200 text-gray-600 text-xs", children: [
+        "+",
+        m.length - 3
+      ] }) })
+    ] });
+  }
+  const o = e ? Array.isArray(e) ? e : [e] : [], c = (m) => {
+    if (i) {
+      const h = o.filter((x, d) => d !== m);
+      r(h.length > 0 ? h : null);
+    } else
+      r(null);
+  };
+  return /* @__PURE__ */ t.jsxs("div", { className: a.className, children: [
+    o.length > 0 && /* @__PURE__ */ t.jsx("div", { className: "flex flex-wrap gap-2 mb-2", children: o.map((m, h) => {
+      const x = m.name || m.username || "User", d = x.split(" ").map((f) => f[0]).join("").toUpperCase().slice(0, 2);
+      return /* @__PURE__ */ t.jsxs(k, { variant: "outline", className: "gap-2 pr-1", children: [
+        /* @__PURE__ */ t.jsx($, { className: "size-5", children: /* @__PURE__ */ t.jsx(z, { className: "bg-blue-500 text-white text-xs", children: d }) }),
+        /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: x }),
+        /* @__PURE__ */ t.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => c(h),
+            className: "ml-1 rounded-full hover:bg-gray-200 p-0.5",
+            children: /* @__PURE__ */ t.jsx(E, { className: "size-3" })
+          }
+        )
+      ] }, h);
+    }) }),
+    /* @__PURE__ */ t.jsx("div", { className: "text-sm text-gray-500 italic", children: "User selection component requires integration with user management system" })
+  ] });
+}
+const be = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  UserField: K
+}, Symbol.toStringTag, { value: "Module" }));
+function qe({ value: e, onChange: r, field: n, readonly: s, ...a }) {
+  const l = n || a.schema, i = () => e == null ? "" : JSON.stringify(e, null, 2), [o, c] = L(i), [m, h] = L(null);
+  if (ve(() => {
+    try {
+      if (e == null) {
+        c("");
+        return;
+      }
+      const d = o ? JSON.parse(o) : null;
+      JSON.stringify(d) !== JSON.stringify(e) && c(JSON.stringify(e, null, 2));
+    } catch {
+      c(JSON.stringify(e, null, 2));
+    }
+  }, [e, o]), s)
+    return e ? /* @__PURE__ */ t.jsx("pre", { className: O("text-xs bg-gray-50 p-2 rounded border border-gray-200 overflow-auto max-h-40", a.className), children: JSON.stringify(e, null, 2) }) : /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: "-" });
+  const x = (d) => {
+    const f = d.target.value;
+    if (c(f), h(null), !f.trim()) {
+      r(null);
+      return;
+    }
+    try {
+      const p = JSON.parse(f);
+      r(p);
+    } catch {
+      h("Invalid JSON");
+    }
+  };
+  return /* @__PURE__ */ t.jsxs("div", { className: "space-y-1", children: [
+    /* @__PURE__ */ t.jsx(
+      V,
+      {
+        value: o,
+        onChange: x,
+        placeholder: l?.placeholder || `{
+  "key": "value"
+}`,
+        disabled: s || a.disabled,
+        className: O("font-mono text-xs", m ? "border-red-500 focus-visible:ring-red-500" : "", a.className),
+        rows: 6
+      }
+    ),
+    m && /* @__PURE__ */ t.jsx("p", { className: "text-xs text-red-500", children: m })
+  ] });
+}
+const cr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  ObjectField: qe
+}, Symbol.toStringTag, { value: "Module" }));
+function Je({ value: e, field: r, ...n }) {
+  const a = (r || n.schema)?.dimensions || (Array.isArray(e) ? e.length : 0);
+  if (!e || !Array.isArray(e))
+    return /* @__PURE__ */ t.jsx("span", { className: "text-sm text-gray-500", children: "-" });
+  const l = e.slice(0, 3).map((i) => {
+    const o = Number(i);
+    return isNaN(o) ? "0" : o.toFixed(4);
+  }).join(", ");
+  return /* @__PURE__ */ t.jsxs("div", { className: `text-sm ${n.className || ""}`, children: [
+    /* @__PURE__ */ t.jsxs("span", { className: "font-mono text-gray-700", children: [
+      "[",
+      l,
+      "...]"
+    ] }),
+    /* @__PURE__ */ t.jsxs("span", { className: "text-gray-500 ml-2", children: [
+      "(",
+      a,
+      "D)"
+    ] })
+  ] });
+}
+const dr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  VectorField: Je
+}, Symbol.toStringTag, { value: "Module" }));
+function Ge({ value: e, field: r, readonly: n, ...s }) {
+  const l = (r || s.schema)?.columns || [];
+  return !e || !Array.isArray(e) ? /* @__PURE__ */ t.jsx("span", { className: "text-sm text-gray-500", children: "-" }) : n ? /* @__PURE__ */ t.jsx("div", { className: O("text-sm", s.className), children: /* @__PURE__ */ t.jsxs("span", { className: "text-gray-700", children: [
+    e.length,
+    " rows"
+  ] }) }) : /* @__PURE__ */ t.jsxs("div", { className: O("border border-gray-200 rounded-md overflow-hidden", s.className), children: [
+    /* @__PURE__ */ t.jsx("div", { className: "overflow-auto max-h-60", children: /* @__PURE__ */ t.jsxs("table", { className: "w-full text-sm", children: [
+      /* @__PURE__ */ t.jsx("thead", { className: "bg-gray-50 border-b border-gray-200", children: /* @__PURE__ */ t.jsx("tr", { children: l.map((i, o) => /* @__PURE__ */ t.jsx(
+        "th",
+        {
+          className: "px-3 py-2 text-left text-xs font-medium text-gray-700",
+          children: i.label || i.name
+        },
+        o
+      )) }) }),
+      /* @__PURE__ */ t.jsx("tbody", { className: "divide-y divide-gray-200", children: e.slice(0, 5).map((i, o) => /* @__PURE__ */ t.jsx("tr", { className: "hover:bg-gray-50", children: l.map((c, m) => /* @__PURE__ */ t.jsx("td", { className: "px-3 py-2 text-gray-900", children: i[c.name] != null ? String(i[c.name]) : "-" }, m)) }, o)) })
+    ] }) }),
+    e.length > 5 && /* @__PURE__ */ t.jsxs("div", { className: "bg-gray-50 px-3 py-2 text-xs text-gray-500 border-t border-gray-200", children: [
+      "Showing 5 of ",
+      e.length,
+      " rows"
+    ] })
+  ] });
+}
+const ur = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  GridField: Ge
+}, Symbol.toStringTag, { value: "Module" }));
+function We({ value: e, onChange: r, field: n, readonly: s, ...a }) {
+  const l = n || a.schema;
+  return s ? /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ t.jsx(
+      "div",
+      {
+        className: "w-6 h-6 rounded border border-input",
+        style: { backgroundColor: e || "#000000" }
+      }
+    ),
+    /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: e || "-" })
+  ] }) : /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ t.jsx(
+      "input",
+      {
+        type: "color",
+        value: e || "#000000",
+        onChange: (i) => r(i.target.value),
+        disabled: s || a.disabled,
+        className: "w-10 h-10 rounded border border-input cursor-pointer"
+      }
+    ),
+    /* @__PURE__ */ t.jsx(
+      _,
+      {
+        type: "text",
+        value: e || "",
+        onChange: (i) => r(i.target.value),
+        placeholder: l?.placeholder || "#000000",
+        disabled: s || a.disabled,
+        className: a.className,
+        pattern: "^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$"
+      }
+    )
+  ] });
+}
+const mr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  ColorField: We
+}, Symbol.toStringTag, { value: "Module" }));
+function Qe({ value: e, onChange: r, field: n, readonly: s, ...a }) {
+  const l = n || a.schema, i = l?.min ?? 0, o = l?.max ?? 100, c = l?.step ?? 1;
+  return s ? /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ t.jsx("span", { className: "text-sm font-medium", children: e ?? i }),
+    /* @__PURE__ */ t.jsxs("span", { className: "text-xs text-muted-foreground", children: [
+      "/ ",
+      o
+    ] })
+  ] }) : /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-4", children: [
+    /* @__PURE__ */ t.jsx(
+      Ct,
+      {
+        value: [e ?? i],
+        onValueChange: (m) => r(m[0]),
+        min: i,
+        max: o,
+        step: c,
+        disabled: s || a.disabled,
+        className: a.className
+      }
+    ),
+    /* @__PURE__ */ t.jsx("span", { className: "text-sm font-medium w-12 text-right", children: e ?? i })
+  ] });
+}
+const fr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  SliderField: Qe
+}, Symbol.toStringTag, { value: "Module" }));
+function Xe({ value: e, onChange: r, field: n, readonly: s, className: a, ...l }) {
+  const o = (n || l.schema)?.max ?? 5, c = e ?? 0, [m, h] = P.useState(null), x = m !== null ? m : c;
+  return s ? /* @__PURE__ */ t.jsxs("div", { className: O("flex items-center gap-1", a), children: [
+    Array.from({ length: o }, (d, f) => /* @__PURE__ */ t.jsx(
+      de,
+      {
+        className: `w-5 h-5 ${f < c ? "fill-yellow-400 text-yellow-400" : "text-muted-foreground"}`
+      },
+      f
+    )),
+    /* @__PURE__ */ t.jsxs("span", { className: "ml-2 text-sm text-muted-foreground", children: [
+      c,
+      " / ",
+      o
+    ] })
+  ] }) : /* @__PURE__ */ t.jsxs("div", { className: O("flex items-center gap-1", a), children: [
+    Array.from({ length: o }, (d, f) => /* @__PURE__ */ t.jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => r(f + 1),
+        onMouseEnter: () => h(f + 1),
+        onMouseLeave: () => h(null),
+        className: "focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 rounded",
+        disabled: s || l.disabled,
+        children: /* @__PURE__ */ t.jsx(
+          de,
+          {
+            className: `w-5 h-5 transition-colors ${f < x ? "fill-yellow-400 text-yellow-400 hover:fill-yellow-500 hover:text-yellow-500" : "text-muted-foreground hover:text-yellow-400"}`
+          }
+        )
+      },
+      f
+    )),
+    /* @__PURE__ */ t.jsxs("span", { className: "ml-2 text-sm text-muted-foreground", children: [
+      c,
+      " / ",
+      o
+    ] })
+  ] });
+}
+const xr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  RatingField: Xe
+}, Symbol.toStringTag, { value: "Module" }));
+function He({ value: e, onChange: r, field: n, readonly: s, ...a }) {
+  const l = n || a.schema, i = l?.language ?? "javascript";
+  return s ? /* @__PURE__ */ t.jsx("pre", { className: O("text-sm bg-muted p-2 rounded overflow-x-auto border", a.className), children: /* @__PURE__ */ t.jsx("code", { children: e || "-" }) }) : /* @__PURE__ */ t.jsx(
+    V,
+    {
+      value: e || "",
+      onChange: (o) => r(o.target.value),
+      placeholder: l?.placeholder || `// Write ${i} code here...`,
+      disabled: s || a.disabled,
+      className: O("font-mono text-sm", a.className),
+      rows: 12,
+      spellCheck: !1
+    }
+  );
+}
+const hr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  CodeField: He
+}, Symbol.toStringTag, { value: "Module" }));
+function Ze({ value: e, onChange: r, field: n, readonly: s, ...a }) {
+  const [l, i] = P.useState(!1), o = P.useRef(null), c = n || a.schema, m = (d) => {
+    const f = d.target.files?.[0];
+    if (!f) return;
+    if (!f.type.startsWith("image/")) {
+      console.error("Please select an image file");
+      return;
+    }
+    if (f.size > 5 * 1024 * 1024) {
+      console.error("File size must be less than 5MB");
+      return;
+    }
+    const p = new FileReader();
+    p.onloadend = () => {
+      r(p.result);
+    }, p.readAsDataURL(f);
+  }, h = () => {
+    r("");
+  }, x = () => (c?.defaultName || c?.label || "User").split(" ").map((f) => f[0]).join("").toUpperCase().slice(0, 2);
+  return s ? /* @__PURE__ */ t.jsxs($, { className: "w-16 h-16", children: [
+    e && /* @__PURE__ */ t.jsx(ce, { src: e, alt: c?.label }),
+    /* @__PURE__ */ t.jsx(z, { children: x() })
+  ] }) : /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-4", children: [
+    /* @__PURE__ */ t.jsxs(
+      "div",
+      {
+        className: "relative",
+        onMouseEnter: () => i(!0),
+        onMouseLeave: () => i(!1),
+        children: [
+          /* @__PURE__ */ t.jsxs($, { className: "w-16 h-16", children: [
+            e && /* @__PURE__ */ t.jsx(ce, { src: e, alt: c?.label }),
+            /* @__PURE__ */ t.jsx(z, { children: x() })
+          ] }),
+          !s && l && e && /* @__PURE__ */ t.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: h,
+              className: "absolute -top-1 -right-1 bg-destructive text-destructive-foreground rounded-full p-1 hover:bg-destructive/90",
+              children: /* @__PURE__ */ t.jsx(E, { className: "w-3 h-3" })
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ t.jsx(
+        "input",
+        {
+          ref: o,
+          type: "file",
+          accept: "image/*",
+          onChange: m,
+          className: "hidden"
+        }
+      ),
+      /* @__PURE__ */ t.jsxs(
+        F,
+        {
+          type: "button",
+          variant: "outline",
+          size: "sm",
+          onClick: () => o.current?.click(),
+          disabled: s || a.disabled,
+          children: [
+            /* @__PURE__ */ t.jsx(_e, { className: "w-4 h-4 mr-2" }),
+            e ? "Change" : "Upload",
+            " Avatar"
+          ]
+        }
+      ),
+      /* @__PURE__ */ t.jsx("p", { className: "text-xs text-muted-foreground", children: "PNG, JPG up to 5MB" })
+    ] })
+  ] });
+}
+const pr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  AvatarField: Ze
+}, Symbol.toStringTag, { value: "Module" }));
+function Ke({ value: e, onChange: r, field: n, readonly: s, ...a }) {
+  const l = e || {}, i = (c, m) => {
+    r({
+      ...l,
+      [c]: m
+    });
+  }, o = (c) => [
+    c.street,
+    c.city,
+    [c.state, c.zipCode].filter(Boolean).join(" "),
+    c.country
+  ].filter(Boolean).join(", ") || "-";
+  return s ? /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: o(l) }) : /* @__PURE__ */ t.jsxs("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ t.jsxs("div", { children: [
+      /* @__PURE__ */ t.jsx(R, { htmlFor: "street", className: "text-xs", children: "Street Address" }),
+      /* @__PURE__ */ t.jsx(
+        _,
+        {
+          id: "street",
+          type: "text",
+          value: l.street || "",
+          onChange: (c) => i("street", c.target.value),
+          placeholder: "123 Main St",
+          disabled: s || a.disabled,
+          className: a.className
+        }
+      )
+    ] }),
+    /* @__PURE__ */ t.jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
+      /* @__PURE__ */ t.jsxs("div", { children: [
+        /* @__PURE__ */ t.jsx(R, { htmlFor: "city", className: "text-xs", children: "City" }),
+        /* @__PURE__ */ t.jsx(
+          _,
+          {
+            id: "city",
+            type: "text",
+            value: l.city || "",
+            onChange: (c) => i("city", c.target.value),
+            placeholder: "San Francisco",
+            disabled: s || a.disabled
+          }
+        )
+      ] }),
+      /* @__PURE__ */ t.jsxs("div", { children: [
+        /* @__PURE__ */ t.jsx(R, { htmlFor: "state", className: "text-xs", children: "State / Province" }),
+        /* @__PURE__ */ t.jsx(
+          _,
+          {
+            id: "state",
+            type: "text",
+            value: l.state || "",
+            onChange: (c) => i("state", c.target.value),
+            placeholder: "CA",
+            disabled: s || a.disabled
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ t.jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
+      /* @__PURE__ */ t.jsxs("div", { children: [
+        /* @__PURE__ */ t.jsx(R, { htmlFor: "zipCode", className: "text-xs", children: "ZIP / Postal Code" }),
+        /* @__PURE__ */ t.jsx(
+          _,
+          {
+            id: "zipCode",
+            type: "text",
+            value: l.zipCode || "",
+            onChange: (c) => i("zipCode", c.target.value),
+            placeholder: "94102",
+            disabled: s || a.disabled
+          }
+        )
+      ] }),
+      /* @__PURE__ */ t.jsxs("div", { children: [
+        /* @__PURE__ */ t.jsx(R, { htmlFor: "country", className: "text-xs", children: "Country" }),
+        /* @__PURE__ */ t.jsx(
+          _,
+          {
+            id: "country",
+            type: "text",
+            value: l.country || "",
+            onChange: (c) => i("country", c.target.value),
+            placeholder: "United States",
+            disabled: s || a.disabled
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+const gr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  AddressField: Ke
+}, Symbol.toStringTag, { value: "Module" }));
+function et({ value: e, onChange: r, field: n, readonly: s, ...a }) {
+  const [l, i] = P.useState(!1), o = e || {}, c = (d, f) => {
+    r({
+      ...o,
+      [d]: f ? Number(f) : void 0
+    });
+  }, m = () => {
+    if (!navigator.geolocation) {
+      console.error("Geolocation is not supported by this browser");
+      return;
+    }
+    i(!0), navigator.geolocation.getCurrentPosition(
+      (d) => {
+        r({
+          latitude: d.coords.latitude,
+          longitude: d.coords.longitude,
+          accuracy: d.coords.accuracy
+        }), i(!1);
+      },
+      (d) => {
+        console.error("Error getting location:", d.message), i(!1);
+      },
+      {
+        enableHighAccuracy: !0,
+        timeout: 5e3,
+        maximumAge: 0
+      }
+    );
+  }, h = (d) => !d.latitude || !d.longitude ? "-" : `${d.latitude.toFixed(6)}, ${d.longitude.toFixed(6)}`, x = () => {
+    if (!o.latitude || !o.longitude) return;
+    const d = `https://www.google.com/maps?q=${o.latitude},${o.longitude}`;
+    window.open(d, "_blank");
+  };
+  return s ? /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ t.jsx(ue, { className: "w-4 h-4 text-muted-foreground" }),
+    /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: h(o) }),
+    o.latitude && o.longitude && /* @__PURE__ */ t.jsx(
+      F,
+      {
+        type: "button",
+        variant: "link",
+        size: "sm",
+        onClick: x,
+        className: "p-0 h-auto",
+        children: "View on map"
+      }
+    )
+  ] }) : /* @__PURE__ */ t.jsxs("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ t.jsxs(
+        F,
+        {
+          type: "button",
+          variant: "outline",
+          size: "sm",
+          onClick: m,
+          disabled: s || l,
+          children: [
+            /* @__PURE__ */ t.jsx(At, { className: "w-4 h-4 mr-2" }),
+            l ? "Getting location..." : "Use Current Location"
+          ]
+        }
+      ),
+      o.latitude && o.longitude && /* @__PURE__ */ t.jsxs(
+        F,
+        {
+          type: "button",
+          variant: "link",
+          size: "sm",
+          onClick: x,
+          children: [
+            /* @__PURE__ */ t.jsx(ue, { className: "w-4 h-4 mr-2" }),
+            "View on map"
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ t.jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
+      /* @__PURE__ */ t.jsxs("div", { children: [
+        /* @__PURE__ */ t.jsx(R, { htmlFor: "latitude", className: "text-xs", children: "Latitude" }),
+        /* @__PURE__ */ t.jsx(
+          _,
+          {
+            id: "latitude",
+            type: "number",
+            value: o.latitude ?? "",
+            onChange: (d) => c("latitude", d.target.value),
+            placeholder: "37.7749",
+            disabled: s || a.disabled,
+            step: "any",
+            className: a.className
+          }
+        )
+      ] }),
+      /* @__PURE__ */ t.jsxs("div", { children: [
+        /* @__PURE__ */ t.jsx(R, { htmlFor: "longitude", className: "text-xs", children: "Longitude" }),
+        /* @__PURE__ */ t.jsx(
+          _,
+          {
+            id: "longitude",
+            type: "number",
+            value: o.longitude ?? "",
+            onChange: (d) => c("longitude", d.target.value),
+            placeholder: "-122.4194",
+            disabled: s || a.disabled,
+            step: "any"
+          }
+        )
+      ] })
+    ] }),
+    o.accuracy && /* @__PURE__ */ t.jsxs("p", { className: "text-xs text-muted-foreground", children: [
+      "Accuracy: ±",
+      o.accuracy.toFixed(0),
+      "m"
+    ] })
+  ] });
+}
+const br = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  GeolocationField: et
+}, Symbol.toStringTag, { value: "Module" }));
+function tt({ value: e, onChange: r, readonly: n }) {
+  const s = te(null), [a, l] = P.useState(!1), [i, o] = P.useState(!e);
+  ve(() => {
+    if (e && s.current) {
+      const f = s.current.getContext("2d");
+      if (f) {
+        const p = new Image();
+        p.onload = () => {
+          f.drawImage(p, 0, 0), o(!1);
+        }, p.src = e;
+      }
+    }
+  }, [e]);
+  const c = (d) => {
+    if (n) return;
+    l(!0), o(!1);
+    const f = s.current;
+    if (!f) return;
+    const p = f.getContext("2d");
+    if (!p) return;
+    const N = f.getBoundingClientRect(), T = "touches" in d ? d.touches[0].clientX - N.left : d.clientX - N.left, y = "touches" in d ? d.touches[0].clientY - N.top : d.clientY - N.top;
+    p.beginPath(), p.moveTo(T, y);
+  }, m = (d) => {
+    if (!a || n) return;
+    const f = s.current;
+    if (!f) return;
+    const p = f.getContext("2d");
+    if (!p) return;
+    const N = f.getBoundingClientRect(), T = "touches" in d ? d.touches[0].clientX - N.left : d.clientX - N.left, y = "touches" in d ? d.touches[0].clientY - N.top : d.clientY - N.top;
+    p.lineTo(T, y), p.strokeStyle = "#000", p.lineWidth = 2, p.lineCap = "round", p.lineJoin = "round", p.stroke();
+  }, h = () => {
+    if (!a) return;
+    l(!1);
+    const d = s.current;
+    if (!d) return;
+    const f = d.toDataURL("image/png");
+    r(f);
+  }, x = () => {
+    const d = s.current;
+    if (!d) return;
+    const f = d.getContext("2d");
+    f && (f.clearRect(0, 0, d.width, d.height), o(!0), r(""));
+  };
+  return n && e ? /* @__PURE__ */ t.jsx("div", { className: "border rounded p-2 bg-white", children: /* @__PURE__ */ t.jsx("img", { src: e, alt: "Signature", className: "max-w-full h-auto" }) }) : n && !e ? /* @__PURE__ */ t.jsx("span", { className: "text-sm text-muted-foreground", children: "No signature" }) : /* @__PURE__ */ t.jsxs("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ t.jsx("div", { className: "border rounded bg-white", children: /* @__PURE__ */ t.jsx(
+      "canvas",
+      {
+        ref: s,
+        width: 400,
+        height: 200,
+        className: "w-full touch-none cursor-crosshair",
+        onMouseDown: c,
+        onMouseMove: m,
+        onMouseUp: h,
+        onMouseLeave: h,
+        onTouchStart: c,
+        onTouchMove: m,
+        onTouchEnd: h
+      }
+    ) }),
+    /* @__PURE__ */ t.jsxs("div", { className: "flex justify-between items-center", children: [
+      /* @__PURE__ */ t.jsx("p", { className: "text-xs text-muted-foreground", children: i ? "Sign above" : "Signature captured" }),
+      /* @__PURE__ */ t.jsxs(
+        F,
+        {
+          type: "button",
+          variant: "outline",
+          size: "sm",
+          onClick: x,
+          disabled: n || i,
+          children: [
+            /* @__PURE__ */ t.jsx($t, { className: "w-4 h-4 mr-2" }),
+            "Clear"
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+const jr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  SignatureField: tt
+}, Symbol.toStringTag, { value: "Module" }));
+function rt({ value: e, onChange: r, field: n, readonly: s, ...a }) {
+  const [l, i] = P.useState(!1), o = n || a.schema, c = (h) => `https://api.qrserver.com/v1/create-qr-code/?size=200x200&data=${encodeURIComponent(h)}`, m = () => {
+    e && navigator.clipboard.writeText(e);
+  };
+  return s ? /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-3", children: [
+    /* @__PURE__ */ t.jsx("span", { className: "text-sm flex-1 truncate", children: e || "-" }),
+    e && /* @__PURE__ */ t.jsxs(
+      F,
+      {
+        type: "button",
+        variant: "outline",
+        size: "sm",
+        onClick: () => i(!l),
+        children: [
+          /* @__PURE__ */ t.jsx(me, { className: "w-4 h-4 mr-2" }),
+          l ? "Hide" : "Show",
+          " QR"
+        ]
+      }
+    )
+  ] }) : /* @__PURE__ */ t.jsxs("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ t.jsx(
+        _,
+        {
+          type: "text",
+          value: e || "",
+          onChange: (h) => r(h.target.value),
+          placeholder: o?.placeholder || "Enter text for QR code",
+          disabled: s || a.disabled,
+          className: a.className
+        }
+      ),
+      e && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+        /* @__PURE__ */ t.jsx(
+          F,
+          {
+            type: "button",
+            variant: "outline",
+            size: "sm",
+            onClick: m,
+            children: /* @__PURE__ */ t.jsx(zt, { className: "w-4 h-4" })
+          }
+        ),
+        /* @__PURE__ */ t.jsx(
+          F,
+          {
+            type: "button",
+            variant: "outline",
+            size: "sm",
+            onClick: () => i(!l),
+            children: /* @__PURE__ */ t.jsx(me, { className: "w-4 h-4" })
+          }
+        )
+      ] })
+    ] }),
+    l && e && /* @__PURE__ */ t.jsx("div", { className: "border rounded p-4 bg-white flex justify-center", children: /* @__PURE__ */ t.jsx(
+      "img",
+      {
+        src: c(e),
+        alt: "QR Code",
+        className: "w-48 h-48"
+      }
+    ) }),
+    e && /* @__PURE__ */ t.jsxs("p", { className: "text-xs text-muted-foreground", children: [
+      "QR code contains: ",
+      e.length,
+      " characters"
+    ] })
+  ] });
+}
+const yr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  QRCodeField: rt
+}, Symbol.toStringTag, { value: "Module" }));
+function st({
+  value: e,
+  onChange: r,
+  field: n,
+  readonly: s,
+  className: a,
+  ...l
+}) {
+  const i = e || [], o = n || l.schema, c = () => {
+    const x = {
+      id: `new-${Date.now()}`,
+      label: "New Related Record"
+    };
+    r([...i, x]);
+  }, m = (x) => {
+    r(i.filter((d) => d.id !== x));
+  }, h = (x) => {
+    console.log("View detail:", x);
+  };
+  return s ? /* @__PURE__ */ t.jsxs("div", { className: O("space-y-2", a), children: [
+    i.length === 0 ? /* @__PURE__ */ t.jsx("span", { className: "text-sm text-muted-foreground", children: "No related records" }) : i.map((x) => /* @__PURE__ */ t.jsxs(
+      "div",
+      {
+        className: "flex items-center justify-between p-2 border rounded hover:bg-muted/50",
+        children: [
+          /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: x.label }),
+          /* @__PURE__ */ t.jsx(
+            F,
+            {
+              type: "button",
+              variant: "ghost",
+              size: "sm",
+              onClick: () => h(x),
+              children: /* @__PURE__ */ t.jsx(fe, { className: "w-4 h-4" })
+            }
+          )
+        ]
+      },
+      x.id
+    )),
+    /* @__PURE__ */ t.jsxs("p", { className: "text-xs text-muted-foreground", children: [
+      i.length,
+      " ",
+      i.length === 1 ? "record" : "records"
+    ] })
+  ] }) : /* @__PURE__ */ t.jsxs("div", { className: O("space-y-3", a), children: [
+    /* @__PURE__ */ t.jsxs("div", { className: "space-y-2", children: [
+      i.map((x) => /* @__PURE__ */ t.jsxs(
+        "div",
+        {
+          className: "flex items-center justify-between gap-2 p-2 border rounded hover:bg-muted/50",
+          children: [
+            /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-2 flex-1", children: [
+              /* @__PURE__ */ t.jsx(k, { variant: "outline", children: x.id }),
+              /* @__PURE__ */ t.jsx("span", { className: "text-sm flex-1", children: x.label })
+            ] }),
+            /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-1", children: [
+              /* @__PURE__ */ t.jsx(
+                F,
+                {
+                  type: "button",
+                  variant: "ghost",
+                  size: "sm",
+                  onClick: () => h(x),
+                  children: /* @__PURE__ */ t.jsx(fe, { className: "w-4 h-4" })
+                }
+              ),
+              /* @__PURE__ */ t.jsx(
+                F,
+                {
+                  type: "button",
+                  variant: "ghost",
+                  size: "sm",
+                  onClick: () => m(x.id),
+                  disabled: l.disabled,
+                  children: /* @__PURE__ */ t.jsx(E, { className: "w-4 h-4" })
+                }
+              )
+            ] })
+          ]
+        },
+        x.id
+      )),
+      i.length === 0 && /* @__PURE__ */ t.jsx("div", { className: "text-sm text-muted-foreground text-center py-4 border border-dashed rounded bg-muted/20", children: "No related records" })
+    ] }),
+    /* @__PURE__ */ t.jsxs(
+      F,
+      {
+        type: "button",
+        variant: "outline",
+        className: "w-full",
+        onClick: c,
+        disabled: l.disabled,
+        children: [
+          /* @__PURE__ */ t.jsx(Et, { className: "w-4 h-4 mr-2" }),
+          "Add ",
+          o?.label || "Record"
+        ]
+      }
+    )
+  ] });
+}
+const Nr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  MasterDetailField: st
+}, Symbol.toStringTag, { value: "Module" }));
+function vr(e, r = "USD") {
   try {
     return new Intl.NumberFormat("en-US", {
       style: "currency",
-      currency: t
+      currency: r
     }).format(e);
   } catch {
-    return `${t} ${e.toFixed(2)}`;
+    return `${r} ${e.toFixed(2)}`;
   }
 }
-function He(e, t = 2) {
-  return `${(e * 100).toFixed(t)}%`;
+function _r(e, r = 2) {
+  return `${(e * 100).toFixed(r)}%`;
 }
-function Qe(e, t) {
+function Fr(e, r) {
   if (!e) return "-";
   const n = typeof e == "string" ? new Date(e) : e;
   return isNaN(n.getTime()) ? "-" : n.toLocaleDateString("en-US", {
@@ -646,10 +1908,10 @@ function Qe(e, t) {
     day: "numeric"
   });
 }
-function Ze(e) {
+function wr(e) {
   if (!e) return "-";
-  const t = typeof e == "string" ? new Date(e) : e;
-  return isNaN(t.getTime()) ? "-" : t.toLocaleDateString("en-US", {
+  const r = typeof e == "string" ? new Date(e) : e;
+  return isNaN(r.getTime()) ? "-" : r.toLocaleDateString("en-US", {
     year: "numeric",
     month: "short",
     day: "numeric",
@@ -657,46 +1919,46 @@ function Ze(e) {
     minute: "2-digit"
   });
 }
-function v({ value: e }) {
-  return /* @__PURE__ */ r.jsx("span", { className: "truncate", children: e || "-" });
+function A({ value: e }) {
+  return /* @__PURE__ */ t.jsx("span", { className: "truncate", children: e || "-" });
 }
-function Ke({ value: e, field: t }) {
-  if (e == null) return /* @__PURE__ */ r.jsx("span", { children: "-" });
-  const s = t.precision ?? 0, l = typeof e == "number" ? e.toFixed(s) : e;
-  return /* @__PURE__ */ r.jsx("span", { className: "tabular-nums", children: l });
+function Sr({ value: e, field: r }) {
+  if (e == null) return /* @__PURE__ */ t.jsx("span", { children: "-" });
+  const s = r.precision ?? 0, a = typeof e == "number" ? e.toFixed(s) : e;
+  return /* @__PURE__ */ t.jsx("span", { className: "tabular-nums", children: a });
 }
-function er({ value: e, field: t }) {
-  if (e == null) return /* @__PURE__ */ r.jsx("span", { children: "-" });
-  const s = t.currency || "USD", l = Xe(Number(e), s);
-  return /* @__PURE__ */ r.jsx("span", { className: "tabular-nums font-medium", children: l });
+function Cr({ value: e, field: r }) {
+  if (e == null) return /* @__PURE__ */ t.jsx("span", { children: "-" });
+  const s = r.currency || "USD", a = vr(Number(e), s);
+  return /* @__PURE__ */ t.jsx("span", { className: "tabular-nums font-medium", children: a });
 }
-function rr({ value: e, field: t }) {
-  if (e == null) return /* @__PURE__ */ r.jsx("span", { children: "-" });
-  const s = t.precision ?? 2, l = He(Number(e), s);
-  return /* @__PURE__ */ r.jsx("span", { className: "tabular-nums", children: l });
+function Pr({ value: e, field: r }) {
+  if (e == null) return /* @__PURE__ */ t.jsx("span", { children: "-" });
+  const s = r.precision ?? 2, a = _r(Number(e), s);
+  return /* @__PURE__ */ t.jsx("span", { className: "tabular-nums", children: a });
 }
-function tr({ value: e }) {
-  return /* @__PURE__ */ r.jsx("div", { className: "flex items-center", children: e ? /* @__PURE__ */ r.jsxs(w, { variant: "outline", className: "bg-green-50 text-green-700 border-green-200 gap-1", children: [
-    /* @__PURE__ */ r.jsx(Ye, { className: "size-3" }),
+function Or({ value: e }) {
+  return /* @__PURE__ */ t.jsx("div", { className: "flex items-center", children: e ? /* @__PURE__ */ t.jsxs(k, { variant: "outline", className: "bg-green-50 text-green-700 border-green-200 gap-1", children: [
+    /* @__PURE__ */ t.jsx(Mt, { className: "size-3" }),
     "True"
-  ] }) : /* @__PURE__ */ r.jsxs(w, { variant: "outline", className: "bg-gray-50 text-gray-500 border-gray-200 gap-1", children: [
-    /* @__PURE__ */ r.jsx(he, { className: "size-3" }),
+  ] }) : /* @__PURE__ */ t.jsxs(k, { variant: "outline", className: "bg-gray-50 text-gray-500 border-gray-200 gap-1", children: [
+    /* @__PURE__ */ t.jsx(E, { className: "size-3" }),
     "False"
   ] }) });
 }
-function ar({ value: e, field: t }) {
-  const s = Qe(e, t.format);
-  return /* @__PURE__ */ r.jsx("span", { className: "tabular-nums", children: s });
+function Tr({ value: e, field: r }) {
+  const s = Fr(e, r.format);
+  return /* @__PURE__ */ t.jsx("span", { className: "tabular-nums", children: s });
 }
-function nr({ value: e }) {
-  const t = Ze(e);
-  return /* @__PURE__ */ r.jsx("span", { className: "tabular-nums text-sm", children: t });
+function Rr({ value: e }) {
+  const r = wr(e);
+  return /* @__PURE__ */ t.jsx("span", { className: "tabular-nums text-sm", children: r });
 }
-function O({ value: e, field: t }) {
-  const s = t.options || [];
-  if (!e) return /* @__PURE__ */ r.jsx("span", { children: "-" });
-  const l = (d) => {
-    const b = {
+function q({ value: e, field: r }) {
+  const s = r.options || [];
+  if (!e) return /* @__PURE__ */ t.jsx("span", { children: "-" });
+  const a = (c) => {
+    const m = {
       gray: "bg-gray-100 text-gray-800 border-gray-300",
       red: "bg-red-100 text-red-800 border-red-300",
       orange: "bg-orange-100 text-orange-800 border-orange-300",
@@ -707,123 +1969,123 @@ function O({ value: e, field: t }) {
       purple: "bg-purple-100 text-purple-800 border-purple-300",
       pink: "bg-pink-100 text-pink-800 border-pink-300"
     };
-    return b[d || "blue"] || b.blue;
+    return m[c || "blue"] || m.blue;
   };
   if (Array.isArray(e))
-    return /* @__PURE__ */ r.jsx("div", { className: "flex flex-wrap gap-1", children: e.map((d, b) => {
-      const g = s.find((N) => N.value === d), y = g?.label || d, R = l(g?.color);
-      return /* @__PURE__ */ r.jsx(
-        w,
+    return /* @__PURE__ */ t.jsx("div", { className: "flex flex-wrap gap-1", children: e.map((c, m) => {
+      const h = s.find((f) => f.value === c), x = h?.label || c, d = a(h?.color);
+      return /* @__PURE__ */ t.jsx(
+        k,
         {
           variant: "outline",
-          className: R,
-          children: y
+          className: d,
+          children: x
         },
-        b
+        m
       );
     }) });
-  const i = s.find((d) => d.value === e), c = i?.label || e, m = l(i?.color);
-  return /* @__PURE__ */ r.jsx(
-    w,
+  const l = s.find((c) => c.value === e), i = l?.label || e, o = a(l?.color);
+  return /* @__PURE__ */ t.jsx(
+    k,
     {
       variant: "outline",
-      className: m,
-      children: c
+      className: o,
+      children: i
     }
   );
 }
-function sr({ value: e }) {
-  return e ? /* @__PURE__ */ r.jsx(
-    W,
+function kr({ value: e }) {
+  return e ? /* @__PURE__ */ t.jsx(
+    F,
     {
       variant: "link",
       className: "p-0 h-auto font-normal text-blue-600 hover:text-blue-800",
       asChild: !0,
-      children: /* @__PURE__ */ r.jsx(
+      children: /* @__PURE__ */ t.jsx(
         "a",
         {
           href: `mailto:${e}`,
-          onClick: (t) => t.stopPropagation(),
+          onClick: (r) => r.stopPropagation(),
           children: e
         }
       )
     }
-  ) : /* @__PURE__ */ r.jsx("span", { children: "-" });
+  ) : /* @__PURE__ */ t.jsx("span", { children: "-" });
 }
-function lr({ value: e }) {
-  return e ? /* @__PURE__ */ r.jsx(
-    W,
+function Ar({ value: e }) {
+  return e ? /* @__PURE__ */ t.jsx(
+    F,
     {
       variant: "link",
       className: "p-0 h-auto font-normal text-blue-600 hover:text-blue-800",
       asChild: !0,
-      children: /* @__PURE__ */ r.jsx(
+      children: /* @__PURE__ */ t.jsx(
         "a",
         {
           href: e,
           target: "_blank",
           rel: "noopener noreferrer",
-          onClick: (t) => t.stopPropagation(),
+          onClick: (r) => r.stopPropagation(),
           children: e
         }
       )
     }
-  ) : /* @__PURE__ */ r.jsx("span", { children: "-" });
+  ) : /* @__PURE__ */ t.jsx("span", { children: "-" });
 }
-function ir({ value: e }) {
-  return e ? /* @__PURE__ */ r.jsx(
+function $r({ value: e }) {
+  return e ? /* @__PURE__ */ t.jsx(
     "a",
     {
       href: `tel:${e}`,
       className: "text-blue-600 hover:text-blue-800",
-      onClick: (t) => t.stopPropagation(),
+      onClick: (r) => r.stopPropagation(),
       children: e
     }
-  ) : /* @__PURE__ */ r.jsx("span", { children: "-" });
+  ) : /* @__PURE__ */ t.jsx("span", { children: "-" });
 }
-function cr({ value: e, field: t }) {
-  if (!e) return /* @__PURE__ */ r.jsx("span", { children: "-" });
-  if (t.multiple, Array.isArray(e)) {
-    const l = e.length;
-    return /* @__PURE__ */ r.jsxs("span", { className: "text-sm text-gray-600", children: [
-      l,
+function zr({ value: e, field: r }) {
+  if (!e) return /* @__PURE__ */ t.jsx("span", { children: "-" });
+  if (r.multiple, Array.isArray(e)) {
+    const a = e.length;
+    return /* @__PURE__ */ t.jsxs("span", { className: "text-sm text-gray-600", children: [
+      a,
       " ",
-      l === 1 ? "file" : "files"
+      a === 1 ? "file" : "files"
     ] });
   }
   const s = e.name || e.original_name || "File";
-  return /* @__PURE__ */ r.jsx("span", { className: "text-sm truncate", children: s });
+  return /* @__PURE__ */ t.jsx("span", { className: "text-sm truncate", children: s });
 }
-function or({ value: e }) {
-  return e ? Array.isArray(e) ? /* @__PURE__ */ r.jsxs("div", { className: "flex -space-x-2", children: [
-    e.slice(0, 3).map((t, n) => /* @__PURE__ */ r.jsx(
+function Er({ value: e }) {
+  return e ? Array.isArray(e) ? /* @__PURE__ */ t.jsxs("div", { className: "flex -space-x-2", children: [
+    e.slice(0, 3).map((r, n) => /* @__PURE__ */ t.jsx(
       "img",
       {
-        src: t.url || "",
-        alt: t.name || `Image ${n + 1}`,
+        src: r.url || "",
+        alt: r.name || `Image ${n + 1}`,
         className: "size-8 rounded-md border-2 border-white object-cover"
       },
       n
     )),
-    e.length > 3 && /* @__PURE__ */ r.jsxs("div", { className: "size-8 rounded-md border-2 border-white bg-gray-100 flex items-center justify-center text-xs font-medium text-gray-600", children: [
+    e.length > 3 && /* @__PURE__ */ t.jsxs("div", { className: "size-8 rounded-md border-2 border-white bg-gray-100 flex items-center justify-center text-xs font-medium text-gray-600", children: [
       "+",
       e.length - 3
     ] })
-  ] }) : /* @__PURE__ */ r.jsx(
+  ] }) : /* @__PURE__ */ t.jsx(
     "img",
     {
       src: e.url || "",
       alt: e.name || "Image",
       className: "size-10 rounded-md object-cover"
     }
-  ) : /* @__PURE__ */ r.jsx("span", { children: "-" });
+  ) : /* @__PURE__ */ t.jsx("span", { children: "-" });
 }
-function ge({ value: e }) {
-  if (!e) return /* @__PURE__ */ r.jsx("span", { children: "-" });
+function nt({ value: e }) {
+  if (!e) return /* @__PURE__ */ t.jsx("span", { children: "-" });
   if (Array.isArray(e))
-    return /* @__PURE__ */ r.jsx("div", { className: "flex flex-wrap gap-1", children: e.map((t, n) => {
-      const s = t.name || t.label || t._id || String(t);
-      return /* @__PURE__ */ r.jsx(
+    return /* @__PURE__ */ t.jsx("div", { className: "flex flex-wrap gap-1", children: e.map((r, n) => {
+      const s = r.name || r.label || r._id || String(r);
+      return /* @__PURE__ */ t.jsx(
         "span",
         {
           className: "inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-gray-100 text-gray-800",
@@ -833,170 +2095,162 @@ function ge({ value: e }) {
       );
     }) });
   if (typeof e == "object" && e !== null) {
-    const t = e.name || e.label || e._id || "[Object]";
-    return /* @__PURE__ */ r.jsx("span", { className: "truncate", children: t });
+    const r = e.name || e.label || e._id || "[Object]";
+    return /* @__PURE__ */ t.jsx("span", { className: "truncate", children: r });
   }
-  return /* @__PURE__ */ r.jsx("span", { className: "truncate", children: String(e) });
+  return /* @__PURE__ */ t.jsx("span", { className: "truncate", children: String(e) });
 }
-function pe({ value: e }) {
-  return /* @__PURE__ */ r.jsx("span", { className: "text-gray-700 font-mono text-sm", children: e != null ? String(e) : "-" });
+function je({ value: e }) {
+  return /* @__PURE__ */ t.jsx("span", { className: "text-gray-700 font-mono text-sm", children: e != null ? String(e) : "-" });
 }
-function xe({ value: e }) {
-  if (!e) return /* @__PURE__ */ r.jsx("span", { children: "-" });
+function ye({ value: e }) {
+  if (!e) return /* @__PURE__ */ t.jsx("span", { children: "-" });
   if (Array.isArray(e))
-    return /* @__PURE__ */ r.jsxs("div", { className: "flex -space-x-2", children: [
-      e.slice(0, 3).map((s, l) => {
-        const i = s.name || s.username || "User", c = i.split(" ").map((m) => m[0]).join("").toUpperCase().slice(0, 2);
-        return /* @__PURE__ */ r.jsx(
-          Y,
+    return /* @__PURE__ */ t.jsxs("div", { className: "flex -space-x-2", children: [
+      e.slice(0, 3).map((s, a) => {
+        const l = s.name || s.username || "User", i = l.split(" ").map((o) => o[0]).join("").toUpperCase().slice(0, 2);
+        return /* @__PURE__ */ t.jsx(
+          $,
           {
             className: "size-8 border-2 border-white",
-            title: i,
-            children: /* @__PURE__ */ r.jsx(z, { className: "bg-blue-500 text-white text-xs", children: c })
+            title: l,
+            children: /* @__PURE__ */ t.jsx(z, { className: "bg-blue-500 text-white text-xs", children: i })
           },
-          l
+          a
         );
       }),
-      e.length > 3 && /* @__PURE__ */ r.jsx(Y, { className: "size-8 border-2 border-white", children: /* @__PURE__ */ r.jsxs(z, { className: "bg-gray-200 text-gray-600 text-xs", children: [
+      e.length > 3 && /* @__PURE__ */ t.jsx($, { className: "size-8 border-2 border-white", children: /* @__PURE__ */ t.jsxs(z, { className: "bg-gray-200 text-gray-600 text-xs", children: [
         "+",
         e.length - 3
       ] }) })
     ] });
-  const t = e.name || e.username || "User", n = t.split(" ").map((s) => s[0]).join("").toUpperCase().slice(0, 2);
-  return /* @__PURE__ */ r.jsxs("div", { className: "flex items-center gap-2", children: [
-    /* @__PURE__ */ r.jsx(Y, { className: "size-8", children: /* @__PURE__ */ r.jsx(z, { className: "bg-blue-500 text-white text-xs", children: n }) }),
-    /* @__PURE__ */ r.jsx("span", { className: "truncate", children: t })
+  const r = e.name || e.username || "User", n = r.split(" ").map((s) => s[0]).join("").toUpperCase().slice(0, 2);
+  return /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ t.jsx($, { className: "size-8", children: /* @__PURE__ */ t.jsx(z, { className: "bg-blue-500 text-white text-xs", children: n }) }),
+    /* @__PURE__ */ t.jsx("span", { className: "truncate", children: r })
   ] });
 }
-const V = /* @__PURE__ */ new Map();
-function G(e, t) {
-  V.set(e, t);
-}
-function xr(e) {
-  return V.has(e) ? V.get(e) : {
-    text: v,
-    textarea: v,
-    markdown: v,
-    html: v,
-    number: Ke,
-    currency: er,
-    percent: rr,
-    boolean: tr,
-    date: ar,
-    datetime: nr,
-    time: v,
-    select: O,
-    lookup: O,
+const ee = /* @__PURE__ */ new Map();
+function re(e, r) {
+  ee.set(e, r);
+}
+function Br(e) {
+  return ee.has(e) ? ee.get(e) : {
+    text: A,
+    textarea: A,
+    markdown: A,
+    html: A,
+    number: Sr,
+    currency: Cr,
+    percent: Pr,
+    boolean: Or,
+    date: Tr,
+    datetime: Rr,
+    time: A,
+    select: q,
+    lookup: q,
     // Default fallback
-    master_detail: O,
+    master_detail: q,
     // Default fallback
-    email: sr,
-    url: lr,
-    phone: ir,
-    file: cr,
-    image: or,
-    formula: pe,
-    summary: pe,
-    auto_number: v,
-    user: xe,
-    owner: xe,
-    password: () => /* @__PURE__ */ r.jsx("span", { children: "••••••" }),
-    location: v,
+    email: kr,
+    url: Ar,
+    phone: $r,
+    file: zr,
+    image: Er,
+    formula: je,
+    summary: je,
+    auto_number: A,
+    user: ye,
+    owner: ye,
+    password: () => /* @__PURE__ */ t.jsx("span", { children: "••••••" }),
+    location: A,
     // Default fallback
-    object: () => /* @__PURE__ */ r.jsx("span", { className: "text-gray-500 italic", children: "[Object]" }),
-    vector: () => /* @__PURE__ */ r.jsx("span", { className: "text-gray-500 italic", children: "[Vector]" }),
-    grid: () => /* @__PURE__ */ r.jsx("span", { className: "text-gray-500 italic", children: "[Grid]" })
-  }[e] || v;
-}
-G("lookup", ge);
-G("master_detail", ge);
-G("select", O);
-function fr(e) {
+    object: () => /* @__PURE__ */ t.jsx("span", { className: "text-gray-500 italic", children: "[Object]" }),
+    vector: () => /* @__PURE__ */ t.jsx("span", { className: "text-gray-500 italic", children: "[Vector]" }),
+    grid: () => /* @__PURE__ */ t.jsx("span", { className: "text-gray-500 italic", children: "[Grid]" })
+  }[e] || A;
+}
+re("lookup", nt);
+re("master_detail", nt);
+re("select", q);
+function Yr(e) {
   return {
     // Text-based fields
-    text: "input",
-    textarea: "textarea",
-    markdown: "textarea",
+    text: "field:text",
+    textarea: "field:textarea",
+    markdown: "field:markdown",
     // Markdown editor (fallback to textarea)
-    html: "textarea",
+    html: "field:html",
     // Rich text editor (fallback to textarea)
     // Numeric fields
-    number: "input",
-    currency: "input",
-    percent: "input",
+    number: "field:number",
+    currency: "field:currency",
+    percent: "field:percent",
     // Date/Time fields
-    date: "date-picker",
-    datetime: "date-picker",
-    time: "input",
-    // Time picker (fallback to input with type="time")
+    date: "field:date",
+    datetime: "field:datetime",
+    time: "field:time",
     // Boolean
-    boolean: "switch",
+    boolean: "field:boolean",
     // Selection fields
-    select: "select",
-    lookup: "select",
-    master_detail: "select",
+    select: "field:select",
+    lookup: "field:lookup",
+    master_detail: "field:master_detail",
     // Contact fields
-    email: "input",
-    phone: "input",
-    url: "input",
+    email: "field:email",
+    phone: "field:phone",
+    url: "field:url",
     // File fields
-    file: "file-upload",
-    image: "file-upload",
+    file: "field:file",
+    image: "field:image",
     // Special fields
-    password: "input",
-    location: "input",
+    password: "field:password",
+    location: "field:location",
     // Location/map field (fallback to input)
     // Auto-generated/computed fields (typically read-only)
-    formula: "input",
-    summary: "input",
-    auto_number: "input",
-    // Complex data types
-    object: "input",
-    // JSON object (fallback to input)
-    vector: "input",
-    // Vector/embedding data (fallback to input)
-    grid: "input"
-    // Grid/table data (fallback to input)
-  }[e] || "input";
-}
-function hr(e) {
+    formula: "field:formula",
+    summary: "field:summary",
+    auto_number: "field:auto_number"
+  }[e] || "field:text";
+}
+function qr(e) {
   if (e < 0 || !Number.isFinite(e) || e === 0)
     return "0 B";
-  const t = ["B", "KB", "MB", "GB", "TB"];
+  const r = ["B", "KB", "MB", "GB", "TB"];
   let n = e, s = 0;
-  for (; n >= 1024 && s < t.length - 1; )
+  for (; n >= 1024 && s < r.length - 1; )
     n /= 1024, s++;
-  return `${n.toFixed(s > 0 ? 1 : 0)} ${t[s]}`;
+  return `${n.toFixed(s > 0 ? 1 : 0)} ${r[s]}`;
 }
-function gr(e) {
-  const t = {};
-  return e.required && (t.required = typeof e.required_message == "string" ? e.required_message : `${e.label || e.name} is required`), e.min_length && (t.minLength = {
+function Jr(e) {
+  const r = {};
+  return e.required && (r.required = typeof e.required_message == "string" ? e.required_message : `${e.label || e.name} is required`), e.min_length && (r.minLength = {
     value: e.min_length,
     message: e.min_length_message || `Minimum length is ${e.min_length} characters`
-  }), e.max_length && (t.maxLength = {
+  }), e.max_length && (r.maxLength = {
     value: e.max_length,
     message: e.max_length_message || `Maximum length is ${e.max_length} characters`
-  }), e.min !== void 0 && (t.min = {
+  }), e.min !== void 0 && (r.min = {
     value: e.min,
     message: e.min_message || `Minimum value is ${e.min}`
-  }), e.max !== void 0 && (t.max = {
+  }), e.max !== void 0 && (r.max = {
     value: e.max,
     message: e.max_message || `Maximum value is ${e.max}`
-  }), e.pattern && (t.pattern = {
+  }), e.pattern && (r.pattern = {
     value: typeof e.pattern == "string" ? new RegExp(e.pattern) : e.pattern,
     message: e.pattern_message || "Invalid format"
-  }), e.type === "email" && (t.pattern = {
+  }), e.type === "email" && (r.pattern = {
     value: /^[^\s@]+@[^\s@]+\.[^\s@]+$/,
     message: "Please enter a valid email address"
-  }), e.type === "url" && (t.pattern = {
+  }), e.type === "url" && (r.pattern = {
     value: /^https?:\/\/.+/,
     message: "Please enter a valid URL"
-  }), e.validate && (t.validate = e.validate), Object.keys(t).length > 0 ? t : void 0;
+  }), e.validate && (r.validate = e.validate), Object.keys(r).length > 0 ? r : void 0;
 }
-function fe(e, t) {
+function Ne(e, r) {
   if (!e) return !0;
   if (e.field && e.value !== void 0) {
-    const n = t[e.field];
+    const n = r[e.field];
     if (e.operator === "=" || e.operator === "==")
       return n === e.value;
     if (e.operator === "!=")
@@ -1012,49 +2266,180 @@ function fe(e, t) {
     if (e.operator === "in")
       return Array.isArray(e.value) && e.value.includes(n);
   }
-  return e.and && Array.isArray(e.and) ? e.and.every((n) => fe(n, t)) : e.or && Array.isArray(e.or) ? e.or.some((n) => fe(n, t)) : !0;
+  return e.and && Array.isArray(e.and) ? e.and.every((n) => Ne(n, r)) : e.or && Array.isArray(e.or) ? e.or.some((n) => Ne(n, r)) : !0;
+}
+function j(e) {
+  const r = ({ schema: n, className: s, value: a, ...l }) => {
+    const [i, o] = P.useState(a ?? n?.value ?? ""), c = {
+      name: n?.name || "field",
+      label: n?.label,
+      type: n?.type,
+      placeholder: n?.placeholder,
+      required: n?.required,
+      readonly: n?.readonly || n?.readOnly,
+      help: n?.help,
+      description: n?.description,
+      defaultValue: n?.defaultValue || n?.value,
+      ...n
+    }, m = P.useCallback((x) => {
+      o(x), l.onChange && l.onChange(x);
+    }, [l]), h = n?.readonly || n?.readOnly || !1;
+    return /* @__PURE__ */ t.jsxs(
+      "div",
+      {
+        className: "grid w-full items-center gap-1.5",
+        "data-obj-id": n?.id,
+        "data-obj-type": n?.type,
+        children: [
+          n?.label && /* @__PURE__ */ t.jsx("label", { htmlFor: n.id, className: n.required ? "after:content-['*'] after:ml-0.5 after:text-red-500" : "", children: n.label }),
+          /* @__PURE__ */ t.jsx(
+            e,
+            {
+              value: i,
+              onChange: m,
+              field: c,
+              readonly: h,
+              className: s
+            }
+          ),
+          n?.description && /* @__PURE__ */ t.jsx("p", { className: "text-sm text-gray-500", children: n.description })
+        ]
+      }
+    );
+  };
+  return r.displayName = `FieldRenderer(${e.displayName || e.name || "Component"})`, r;
+}
+const at = {
+  // Basic fields
+  text: () => Promise.resolve().then(() => Lt).then((e) => ({ default: e.TextField })),
+  textarea: () => Promise.resolve().then(() => Ht).then((e) => ({ default: e.TextAreaField })),
+  number: () => Promise.resolve().then(() => Vt).then((e) => ({ default: e.NumberField })),
+  boolean: () => Promise.resolve().then(() => Bt).then((e) => ({ default: e.BooleanField })),
+  select: () => Promise.resolve().then(() => Yt).then((e) => ({ default: e.SelectField })),
+  date: () => Promise.resolve().then(() => qt).then((e) => ({ default: e.DateField })),
+  datetime: () => Promise.resolve().then(() => Kt).then((e) => ({ default: e.DateTimeField })),
+  time: () => Promise.resolve().then(() => er).then((e) => ({ default: e.TimeField })),
+  // Contact fields
+  email: () => Promise.resolve().then(() => Jt).then((e) => ({ default: e.EmailField })),
+  phone: () => Promise.resolve().then(() => Gt).then((e) => ({ default: e.PhoneField })),
+  url: () => Promise.resolve().then(() => Wt).then((e) => ({ default: e.UrlField })),
+  // Specialized fields
+  currency: () => Promise.resolve().then(() => Xt).then((e) => ({ default: e.CurrencyField })),
+  percent: () => Promise.resolve().then(() => tr).then((e) => ({ default: e.PercentField })),
+  password: () => Promise.resolve().then(() => rr).then((e) => ({ default: e.PasswordField })),
+  markdown: () => Promise.resolve().then(() => ge).then((e) => ({ default: e.RichTextField })),
+  html: () => Promise.resolve().then(() => ge).then((e) => ({ default: e.RichTextField })),
+  lookup: () => Promise.resolve().then(() => Zt).then((e) => ({ default: e.LookupField })),
+  master_detail: () => Promise.resolve().then(() => Nr).then((e) => ({ default: e.MasterDetailField })),
+  // File fields
+  file: () => Promise.resolve().then(() => sr).then((e) => ({ default: e.FileField })),
+  image: () => Promise.resolve().then(() => nr).then((e) => ({ default: e.ImageField })),
+  // Location field
+  location: () => Promise.resolve().then(() => ar).then((e) => ({ default: e.LocationField })),
+  // Computed/Read-only fields
+  formula: () => Promise.resolve().then(() => lr).then((e) => ({ default: e.FormulaField })),
+  summary: () => Promise.resolve().then(() => ir).then((e) => ({ default: e.SummaryField })),
+  auto_number: () => Promise.resolve().then(() => or).then((e) => ({ default: e.AutoNumberField })),
+  // User fields
+  user: () => Promise.resolve().then(() => be).then((e) => ({ default: e.UserField })),
+  owner: () => Promise.resolve().then(() => be).then((e) => ({ default: e.UserField })),
+  // Complex data types
+  object: () => Promise.resolve().then(() => cr).then((e) => ({ default: e.ObjectField })),
+  vector: () => Promise.resolve().then(() => dr).then((e) => ({ default: e.VectorField })),
+  grid: () => Promise.resolve().then(() => ur).then((e) => ({ default: e.GridField })),
+  // Additional field types from @objectstack/spec
+  color: () => Promise.resolve().then(() => mr).then((e) => ({ default: e.ColorField })),
+  slider: () => Promise.resolve().then(() => fr).then((e) => ({ default: e.SliderField })),
+  rating: () => Promise.resolve().then(() => xr).then((e) => ({ default: e.RatingField })),
+  code: () => Promise.resolve().then(() => hr).then((e) => ({ default: e.CodeField })),
+  avatar: () => Promise.resolve().then(() => pr).then((e) => ({ default: e.AvatarField })),
+  address: () => Promise.resolve().then(() => gr).then((e) => ({ default: e.AddressField })),
+  geolocation: () => Promise.resolve().then(() => br).then((e) => ({ default: e.GeolocationField })),
+  signature: () => Promise.resolve().then(() => jr).then((e) => ({ default: e.SignatureField })),
+  qrcode: () => Promise.resolve().then(() => yr).then((e) => ({ default: e.QRCodeField }))
+};
+function Mr(e) {
+  const r = at[e];
+  if (!r) {
+    console.warn(`Unknown field type: ${e}`);
+    return;
+  }
+  const n = P.lazy(r);
+  g.register(e, n, { namespace: "field" });
+}
+function Ur() {
+  Object.keys(at).forEach((e) => {
+    Mr(e);
+  });
 }
-function br() {
-  x.register("text", se), x.register("textarea", me), x.register("number", le), x.register("boolean", qe), x.register("select", We), x.register("date", Ge), x.register("email", ie), x.register("phone", ce), x.register("url", oe), x.register("currency", ue), x.register("markdown", de), x.register("html", de), x.register("lookup", B), x.register("master_detail", B), x.register("field:text", se), x.register("field:textarea", me), x.register("field:number", le), x.register("field:email", ie), x.register("field:phone", ce), x.register("field:url", oe), x.register("field:currency", ue), x.register("field:lookup", B);
+function Gr() {
+  g.register("text", j(Fe), { namespace: "field" }), g.register("textarea", j(Ae), { namespace: "field" }), g.register("number", j(we), { namespace: "field" }), g.register("boolean", j(Se), { namespace: "field" }), g.register("select", j(Ce), { namespace: "field" }), g.register("date", j(Pe), { namespace: "field" }), g.register("datetime", j(ze), { namespace: "field" }), g.register("time", j(Ee), { namespace: "field" }), g.register("email", j(Oe), { namespace: "field" }), g.register("phone", j(Te), { namespace: "field" }), g.register("url", j(Re), { namespace: "field" }), g.register("currency", j(ke), { namespace: "field" }), g.register("percent", j(Me), { namespace: "field" }), g.register("password", j(Ue), { namespace: "field" }), g.register("markdown", j(Z), { namespace: "field" }), g.register("html", j(Z), { namespace: "field" }), g.register("lookup", j($e), { namespace: "field" }), g.register("master_detail", j(st), { namespace: "field" }), g.register("file", j(De), { namespace: "field" }), g.register("image", j(Ie), { namespace: "field" }), g.register("location", j(Le), { namespace: "field" }), g.register("formula", j(Ve), { namespace: "field" }), g.register("summary", j(Be), { namespace: "field" }), g.register("auto_number", j(Ye), { namespace: "field" }), g.register("user", j(K), { namespace: "field" }), g.register("owner", j(K), { namespace: "field" }), g.register("object", j(qe), { namespace: "field" }), g.register("vector", j(Je), { namespace: "field" }), g.register("grid", j(Ge), { namespace: "field" }), g.register("color", j(We), { namespace: "field" }), g.register("slider", j(Qe), { namespace: "field" }), g.register("rating", j(Xe), { namespace: "field" }), g.register("code", j(He), { namespace: "field" }), g.register("avatar", j(Ze), { namespace: "field" }), g.register("address", j(Ke), { namespace: "field" }), g.register("geolocation", j(et), { namespace: "field" }), g.register("signature", j(tt), { namespace: "field" }), g.register("qrcode", j(rt), { namespace: "field" });
 }
+Ur();
 export {
-  tr as BooleanCellRenderer,
-  qe as BooleanField,
-  er as CurrencyCellRenderer,
-  ue as CurrencyField,
-  ar as DateCellRenderer,
-  Ge as DateField,
-  nr as DateTimeCellRenderer,
-  sr as EmailCellRenderer,
-  ie as EmailField,
-  cr as FileCellRenderer,
-  pe as FormulaCellRenderer,
-  or as ImageCellRenderer,
-  ge as LookupCellRenderer,
-  B as LookupField,
-  Ke as NumberCellRenderer,
-  le as NumberField,
-  rr as PercentCellRenderer,
-  ir as PhoneCellRenderer,
-  ce as PhoneField,
-  de as RichTextField,
-  O as SelectCellRenderer,
-  We as SelectField,
-  me as TextAreaField,
-  v as TextCellRenderer,
-  se as TextField,
-  lr as UrlCellRenderer,
-  oe as UrlField,
-  xe as UserCellRenderer,
-  gr as buildValidationRules,
-  fe as evaluateCondition,
-  Xe as formatCurrency,
-  Qe as formatDate,
-  Ze as formatDateTime,
-  hr as formatFileSize,
-  He as formatPercent,
-  xr as getCellRenderer,
-  fr as mapFieldTypeToFormType,
-  G as registerFieldRenderer,
-  br as registerFields
+  Ke as AddressField,
+  Ye as AutoNumberField,
+  Ze as AvatarField,
+  Or as BooleanCellRenderer,
+  Se as BooleanField,
+  He as CodeField,
+  We as ColorField,
+  Cr as CurrencyCellRenderer,
+  ke as CurrencyField,
+  Tr as DateCellRenderer,
+  Pe as DateField,
+  Rr as DateTimeCellRenderer,
+  ze as DateTimeField,
+  kr as EmailCellRenderer,
+  Oe as EmailField,
+  zr as FileCellRenderer,
+  De as FileField,
+  je as FormulaCellRenderer,
+  Ve as FormulaField,
+  et as GeolocationField,
+  Ge as GridField,
+  Er as ImageCellRenderer,
+  Ie as ImageField,
+  Le as LocationField,
+  nt as LookupCellRenderer,
+  $e as LookupField,
+  st as MasterDetailField,
+  Sr as NumberCellRenderer,
+  we as NumberField,
+  qe as ObjectField,
+  Ue as PasswordField,
+  Pr as PercentCellRenderer,
+  Me as PercentField,
+  $r as PhoneCellRenderer,
+  Te as PhoneField,
+  rt as QRCodeField,
+  Xe as RatingField,
+  Z as RichTextField,
+  q as SelectCellRenderer,
+  Ce as SelectField,
+  tt as SignatureField,
+  Qe as SliderField,
+  Be as SummaryField,
+  Ae as TextAreaField,
+  A as TextCellRenderer,
+  Fe as TextField,
+  Ee as TimeField,
+  Ar as UrlCellRenderer,
+  Re as UrlField,
+  ye as UserCellRenderer,
+  K as UserField,
+  Je as VectorField,
+  Jr as buildValidationRules,
+  Ne as evaluateCondition,
+  vr as formatCurrency,
+  Fr as formatDate,
+  wr as formatDateTime,
+  qr as formatFileSize,
+  _r as formatPercent,
+  Br as getCellRenderer,
+  Yr as mapFieldTypeToFormType,
+  Ur as registerAllFields,
+  Mr as registerField,
+  re as registerFieldRenderer,
+  Gr as registerFields
 };