@object-ui/fields 3.0.2 → 3.1.0

package/dist/index.js

@@ -1,303 +1,303 @@
-import P, { useId as xt, useState as L, useRef as te, useEffect as ve } from "react";
+import k, { useId as vt, useState as B, useRef as xe, useCallback as te, useEffect as ze } 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;
+import { Textarea as Z, Input as w, Checkbox as Ee, Label as E, Switch as _t, Select as wt, SelectTrigger as Ft, SelectValue as St, SelectContent as Ct, SelectItem as Pt, Badge as M, Dialog as Tt, DialogTrigger as Ot, Button as P, DialogContent as Rt, DialogHeader as kt, DialogTitle as At, Slider as De, Avatar as L, AvatarFallback as I, cn as z, AvatarImage as ve } from "@object-ui/components";
+import { X as W, Search as $t, EyeOff as zt, Eye as Et, Upload as Me, ImageIcon as Dt, File as Mt, Image as Lt, Star as _e, MapPin as we, Crosshair as It, Eraser as Ut, QrCode as Fe, Copy as he, ExternalLink as Se, Plus as Vt, Check as pe, Phone as Bt } from "lucide-react";
+var re = { exports: {} }, H = {};
+var Ce;
+function Yt() {
+  if (Ce) return H;
+  Ce = 1;
   var e = /* @__PURE__ */ Symbol.for("react.transitional.element"), r = /* @__PURE__ */ Symbol.for("react.fragment");
-  function a(s, n, l) {
-    var i = null;
-    if (l !== void 0 && (i = "" + l), n.key !== void 0 && (i = "" + n.key), "key" in n) {
-      l = {};
-      for (var o in n)
-        o !== "key" && (l[o] = n[o]);
-    } else l = n;
-    return n = l.ref, {
+  function n(a, s, i) {
+    var l = null;
+    if (i !== void 0 && (l = "" + i), s.key !== void 0 && (l = "" + s.key), "key" in s) {
+      i = {};
+      for (var o in s)
+        o !== "key" && (i[o] = s[o]);
+    } else i = s;
+    return s = i.ref, {
       $$typeof: e,
-      type: s,
-      key: i,
-      ref: n !== void 0 ? n : null,
-      props: l
+      type: a,
+      key: l,
+      ref: s !== void 0 ? s : null,
+      props: i
     };
   }
-  return D.Fragment = r, D.jsx = a, D.jsxs = a, 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 H.Fragment = r, H.jsx = n, H.jsxs = n, H;
+}
+var X = {};
+var Pe;
+function qt() {
+  return Pe || (Pe = 1, process.env.NODE_ENV !== "production" && (function() {
+    function e(d) {
+      if (d == null) return null;
+      if (typeof d == "function")
+        return d.$$typeof === Y ? null : d.displayName || d.name || null;
+      if (typeof d == "string") return d;
+      switch (d) {
+        case R:
           return "Fragment";
-        case C:
+        case T:
           return "Profiler";
-        case y:
+        case N:
           return "StrictMode";
-        case it:
+        case b:
           return "Suspense";
-        case ot:
+        case F:
           return "SuspenseList";
-        case dt:
+        case O:
           return "Activity";
       }
-      if (typeof u == "object")
-        switch (typeof u.tag == "number" && console.error(
+      if (typeof d == "object")
+        switch (typeof d.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), u.$$typeof) {
-          case N:
+        ), d.$$typeof) {
+          case v:
             return "Portal";
-          case J:
-            return u.displayName || "Context";
+          case Q:
+            return d.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;
+            return (d._context.displayName || "Context") + ".Consumer";
+          case K:
+            var j = d.render;
+            return d = d.displayName, d || (d = j.displayName || j.name || "", d = d !== "" ? "ForwardRef(" + d + ")" : "ForwardRef"), d;
+          case A:
+            return j = d.displayName || null, j !== null ? j : e(d.type) || "Memo";
+          case $:
+            j = d._payload, d = d._init;
             try {
-              return e(u(b));
+              return e(d(j));
             } catch {
             }
         }
       return null;
     }
-    function r(u) {
-      return "" + u;
+    function r(d) {
+      return "" + d;
     }
-    function a(u) {
+    function n(d) {
       try {
-        r(u);
-        var b = !1;
+        r(d);
+        var j = !1;
       } catch {
-        b = !0;
+        j = !0;
       }
-      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,
+      if (j) {
+        j = console;
+        var _ = j.error, S = typeof Symbol == "function" && Symbol.toStringTag && d[Symbol.toStringTag] || d.constructor.name || "Object";
+        return _.call(
+          j,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          w
-        ), r(u);
+          S
+        ), r(d);
       }
     }
-    function s(u) {
-      if (u === T) return "<>";
-      if (typeof u == "object" && u !== null && u.$$typeof === G)
+    function a(d) {
+      if (d === R) return "<>";
+      if (typeof d == "object" && d !== null && d.$$typeof === $)
         return "<...>";
       try {
-        var b = e(u);
-        return b ? "<" + b + ">" : "<...>";
+        var j = e(d);
+        return j ? "<" + j + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function n() {
-      var u = W.A;
-      return u === null ? null : u.getOwner();
+    function s() {
+      var d = q.A;
+      return d === null ? null : d.getOwner();
     }
-    function l() {
+    function i() {
       return Error("react-stack-top-frame");
     }
-    function i(u) {
-      if (se.call(u, "key")) {
-        var b = Object.getOwnPropertyDescriptor(u, "key").get;
-        if (b && b.isReactWarning) return !1;
+    function l(d) {
+      if (V.call(d, "key")) {
+        var j = Object.getOwnPropertyDescriptor(d, "key").get;
+        if (j && j.isReactWarning) return !1;
       }
-      return u.key !== void 0;
+      return d.key !== void 0;
     }
-    function o(u, b) {
-      function v() {
-        ne || (ne = !0, console.error(
+    function o(d, j) {
+      function _() {
+        ge || (ge = !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)",
-          b
+          j
         ));
       }
-      v.isReactWarning = !0, Object.defineProperty(u, "key", {
-        get: v,
+      _.isReactWarning = !0, Object.defineProperty(d, "key", {
+        get: _,
         configurable: !0
       });
     }
     function c() {
-      var u = e(this.type);
-      return ae[u] || (ae[u] = !0, console.error(
+      var d = e(this.type);
+      return be[d] || (be[d] = !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."
-      )), u = this.props.ref, u !== void 0 ? u : null;
+      )), d = this.props.ref, d !== void 0 ? d : null;
     }
-    function m(u, b, v, w, B, X) {
-      var S = v.ref;
-      return u = {
+    function m(d, j, _, S, ee, ie) {
+      var C = _.ref;
+      return d = {
         $$typeof: p,
-        type: u,
-        key: b,
-        props: v,
-        _owner: w
-      }, (S !== void 0 ? S : null) !== null ? Object.defineProperty(u, "ref", {
+        type: d,
+        key: j,
+        props: _,
+        _owner: S
+      }, (C !== void 0 ? C : null) !== null ? Object.defineProperty(d, "ref", {
         enumerable: !1,
         get: c
-      }) : Object.defineProperty(u, "ref", { enumerable: !1, value: null }), u._store = {}, Object.defineProperty(u._store, "validated", {
+      }) : Object.defineProperty(d, "ref", { enumerable: !1, value: null }), d._store = {}, Object.defineProperty(d._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(u, "_debugInfo", {
+      }), Object.defineProperty(d, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(u, "_debugStack", {
+      }), Object.defineProperty(d, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: B
-      }), Object.defineProperty(u, "_debugTask", {
+        value: ee
+      }), Object.defineProperty(d, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: X
-      }), Object.freeze && (Object.freeze(u.props), Object.freeze(u)), u;
+        value: ie
+      }), Object.freeze && (Object.freeze(d.props), Object.freeze(d)), d;
     }
-    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);
+    function h(d, j, _, S, ee, ie) {
+      var C = j.children;
+      if (C !== void 0)
+        if (S)
+          if (yt(C)) {
+            for (S = 0; S < C.length; S++)
+              f(C[S]);
+            Object.freeze && Object.freeze(C);
           } 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 x(S);
-      if (se.call(b, "key")) {
-        S = e(u);
-        var M = Object.keys(b).filter(function(ft) {
-          return ft !== "key";
+        else f(C);
+      if (V.call(j, "key")) {
+        C = e(d);
+        var J = Object.keys(j).filter(function(Nt) {
+          return Nt !== "key";
         });
-        w = 0 < M.length ? "{key: someKey, " + M.join(": ..., ") + ": ...}" : "{key: someKey}", oe[S + w] || (M = 0 < M.length ? "{" + M.join(": ..., ") + ": ...}" : "{}", console.error(
+        S = 0 < J.length ? "{key: someKey, " + J.join(": ..., ") + ": ...}" : "{key: someKey}", Ne[C + S] || (J = 0 < J.length ? "{" + J.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} />`,
-          w,
           S,
-          M,
-          S
-        ), oe[S + w] = !0);
+          C,
+          J,
+          C
+        ), Ne[C + S] = !0);
       }
-      if (S = null, v !== void 0 && (a(v), S = "" + v), i(b) && (a(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
+      if (C = null, _ !== void 0 && (n(_), C = "" + _), l(j) && (n(j.key), C = "" + j.key), "key" in j) {
+        _ = {};
+        for (var oe in j)
+          oe !== "key" && (_[oe] = j[oe]);
+      } else _ = j;
+      return C && o(
+        _,
+        typeof d == "function" ? d.displayName || d.name || "Unknown" : d
       ), m(
-        u,
-        S,
-        v,
-        n(),
-        B,
-        X
+        d,
+        C,
+        _,
+        s(),
+        ee,
+        ie
       );
     }
-    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 f(d) {
+      u(d) ? d._store && (d._store.validated = 1) : typeof d == "object" && d !== null && d.$$typeof === $ && (d._payload.status === "fulfilled" ? u(d._payload.value) && d._payload.value._store && (d._payload.value._store.validated = 1) : d._store && (d._store.validated = 1));
     }
-    function d(u) {
-      return typeof u == "object" && u !== null && u.$$typeof === p;
+    function u(d) {
+      return typeof d == "object" && d !== null && d.$$typeof === p;
     }
-    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() {
+    var x = k, p = /* @__PURE__ */ Symbol.for("react.transitional.element"), v = /* @__PURE__ */ Symbol.for("react.portal"), R = /* @__PURE__ */ Symbol.for("react.fragment"), N = /* @__PURE__ */ Symbol.for("react.strict_mode"), T = /* @__PURE__ */ Symbol.for("react.profiler"), U = /* @__PURE__ */ Symbol.for("react.consumer"), Q = /* @__PURE__ */ Symbol.for("react.context"), K = /* @__PURE__ */ Symbol.for("react.forward_ref"), b = /* @__PURE__ */ Symbol.for("react.suspense"), F = /* @__PURE__ */ Symbol.for("react.suspense_list"), A = /* @__PURE__ */ Symbol.for("react.memo"), $ = /* @__PURE__ */ Symbol.for("react.lazy"), O = /* @__PURE__ */ Symbol.for("react.activity"), Y = /* @__PURE__ */ Symbol.for("react.client.reference"), q = x.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, V = Object.prototype.hasOwnProperty, yt = Array.isArray, le = console.createTask ? console.createTask : function() {
       return null;
     };
-    f = {
-      react_stack_bottom_frame: function(u) {
-        return u();
+    x = {
+      react_stack_bottom_frame: function(d) {
+        return d();
       }
     };
-    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++;
+    var ge, be = {}, je = x.react_stack_bottom_frame.bind(
+      x,
+      i
+    )(), ye = le(a(i)), Ne = {};
+    X.Fragment = R, X.jsx = function(d, j, _) {
+      var S = 1e4 > q.recentlyCreatedOwnerStacks++;
       return h(
-        u,
-        b,
-        v,
+        d,
+        j,
+        _,
         !1,
-        w ? Error("react-stack-top-frame") : le,
-        w ? Q(s(u)) : ie
+        S ? Error("react-stack-top-frame") : je,
+        S ? le(a(d)) : ye
       );
-    }, I.jsxs = function(u, b, v) {
-      var w = 1e4 > W.recentlyCreatedOwnerStacks++;
+    }, X.jsxs = function(d, j, _) {
+      var S = 1e4 > q.recentlyCreatedOwnerStacks++;
       return h(
-        u,
-        b,
-        v,
+        d,
+        j,
+        _,
         !0,
-        w ? Error("react-stack-top-frame") : le,
-        w ? Q(s(u)) : ie
+        S ? Error("react-stack-top-frame") : je,
+        S ? le(a(d)) : ye
       );
     };
-  })()), I;
+  })()), X;
 }
-var pe;
-function It() {
-  return pe || (pe = 1, process.env.NODE_ENV === "production" ? Y.exports = Ut() : Y.exports = Dt()), Y.exports;
+var Te;
+function Jt() {
+  return Te || (Te = 1, process.env.NODE_ENV === "production" ? re.exports = Yt() : re.exports = qt()), re.exports;
 }
-var t = It();
-function Fe({ value: e, onChange: r, field: a, readonly: s, ...n }) {
-  const l = a || n.schema;
-  if (s)
+var t = Jt();
+function Le({ value: e, onChange: r, field: n, readonly: a, ...s }) {
+  const i = n || s.schema;
+  if (a)
     return /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: e || "-" });
-  const i = l?.rows, { inputType: o, ...c } = n;
-  return i && i > 1 ? /* @__PURE__ */ t.jsx(
-    V,
+  const l = i?.rows, { inputType: o, ...c } = s;
+  return l && l > 1 ? /* @__PURE__ */ t.jsx(
+    Z,
     {
       ...c,
       value: e || "",
       onChange: (m) => r(m.target.value),
-      placeholder: l?.placeholder,
-      disabled: s || c.disabled
+      placeholder: i?.placeholder,
+      disabled: a || c.disabled
     }
   ) : /* @__PURE__ */ t.jsx(
-    _,
+    w,
     {
       ...c,
-      type: l?.type === "password" ? "password" : "text",
+      type: i?.type === "password" ? "password" : "text",
       value: e || "",
       onChange: (m) => r(m.target.value),
-      placeholder: l?.placeholder,
-      disabled: s || c.disabled
+      placeholder: i?.placeholder,
+      disabled: a || c.disabled
     }
   );
 }
-const Lt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Wt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  TextField: Fe
+  TextField: Le
 }, Symbol.toStringTag, { value: "Module" }));
-function we({ value: e, onChange: r, field: a, readonly: s, ...n }) {
-  if (s)
+function Ie({ value: e, onChange: r, field: n, readonly: a, ...s }) {
+  if (a)
     return /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: e ?? "-" });
-  const l = a || n.schema, i = l?.precision, { inputType: o, ...c } = n;
+  const i = n || s.schema, l = i?.precision, { inputType: o, ...c } = s;
   return /* @__PURE__ */ t.jsx(
-    _,
+    w,
     {
       ...c,
       type: "number",
@@ -306,97 +306,97 @@ function we({ value: e, onChange: r, field: a, readonly: s, ...n }) {
         const h = m.target.value;
         r(h === "" ? null : Number(h));
       },
-      placeholder: l?.placeholder,
-      disabled: s || c.disabled,
-      step: i ? Math.pow(10, -i) : "any"
+      placeholder: i?.placeholder,
+      disabled: a || c.disabled,
+      step: l ? Math.pow(10, -l) : "any"
     }
   );
 }
-const Vt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Gt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  NumberField: we
+  NumberField: Ie
 }, Symbol.toStringTag, { value: "Module" }));
-function Se({ value: e, onChange: r, field: a, readonly: s, ...n }) {
-  const l = a || n.schema, i = l?.widget, o = xt(), c = l?.name || o, m = l?.label || "Checkbox";
-  if (s)
+function Ue({ value: e, onChange: r, field: n, readonly: a, ...s }) {
+  const i = n || s.schema, l = i?.widget, o = vt(), c = i?.name || o, m = i?.label || "Checkbox";
+  if (a)
     return /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: e ? "Yes" : "No" });
-  const { inputType: h, ...x } = n;
-  return i === "checkbox" ? /* @__PURE__ */ t.jsxs("div", { className: "flex items-center space-x-2", children: [
+  const { inputType: h, ...f } = s;
+  return l === "checkbox" ? /* @__PURE__ */ t.jsxs("div", { className: "flex items-center space-x-2", children: [
     /* @__PURE__ */ t.jsx(
-      ht,
+      Ee,
       {
-        ...x,
+        ...f,
         id: c,
         checked: !!e,
-        onCheckedChange: (d) => r(!!d),
-        disabled: s || x.disabled
+        onCheckedChange: (u) => r(!!u),
+        disabled: a || f.disabled
       }
     ),
-    /* @__PURE__ */ t.jsx(R, { htmlFor: c, children: m })
+    /* @__PURE__ */ t.jsx(E, { htmlFor: c, children: m })
   ] }) : /* @__PURE__ */ t.jsxs("div", { className: "flex items-center space-x-2", children: [
     /* @__PURE__ */ t.jsx(
-      pt,
+      _t,
       {
-        ...x,
+        ...f,
         id: c,
         checked: !!e,
         onCheckedChange: r,
-        disabled: s || x.disabled
+        disabled: a || f.disabled
       }
     ),
-    /* @__PURE__ */ t.jsx(R, { htmlFor: c, children: m })
+    /* @__PURE__ */ t.jsx(E, { htmlFor: c, children: m })
   ] });
 }
-const Bt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Qt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  BooleanField: Se
+  BooleanField: Ue
 }, Symbol.toStringTag, { value: "Module" }));
-function Ce({ value: e, onChange: r, field: a, readonly: s, ...n }) {
-  const l = a || n.schema, i = l?.options || [];
-  if (s) {
-    const o = i.find((c) => c.value === e);
+function Ve({ value: e, onChange: r, field: n, readonly: a, ...s }) {
+  const i = n || s.schema, l = i?.options || [];
+  if (a) {
+    const o = l.find((c) => c.value === e);
     return /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: o?.label || e || "-" });
   }
   return /* @__PURE__ */ t.jsxs(
-    gt,
+    wt,
     {
-      ...n,
+      ...s,
       value: e,
       onValueChange: r,
-      disabled: s || n.disabled,
+      disabled: a || s.disabled,
       children: [
-        /* @__PURE__ */ t.jsx(bt, { className: n.className, id: n.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)) })
+        /* @__PURE__ */ t.jsx(Ft, { className: s.className, id: s.id, children: /* @__PURE__ */ t.jsx(St, { placeholder: i?.placeholder || "Select an option" }) }),
+        /* @__PURE__ */ t.jsx(Ct, { position: "popper", children: l.map((o) => /* @__PURE__ */ t.jsx(Pt, { value: o.value, children: o.label }, o.value)) })
       ]
     }
   );
 }
-const Yt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Ht = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  SelectField: Ce
+  SelectField: Ve
 }, Symbol.toStringTag, { value: "Module" }));
-function Pe({ value: e, onChange: r, field: a, readonly: s, ...n }) {
-  if (s)
+function Be({ value: e, onChange: r, field: n, readonly: a, ...s }) {
+  if (a)
     return /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: e ? new Date(e).toLocaleDateString() : "-" });
-  const { inputType: l, ...i } = n;
+  const { inputType: i, ...l } = s;
   return /* @__PURE__ */ t.jsx(
-    _,
+    w,
     {
-      ...i,
+      ...l,
       type: "date",
       value: e || "",
       onChange: (o) => r(o.target.value),
-      disabled: s || i.disabled
+      disabled: a || l.disabled
     }
   );
 }
-const qt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Xt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  DateField: Pe
+  DateField: Be
 }, Symbol.toStringTag, { value: "Module" }));
-function Oe({ value: e, onChange: r, field: a, readonly: s, errorMessage: n, ...l }) {
-  const i = a || l.schema;
-  if (s)
+function Ye({ value: e, onChange: r, field: n, readonly: a, errorMessage: s, ...i }) {
+  const l = n || i.schema;
+  if (a)
     return e ? /* @__PURE__ */ t.jsx(
       "a",
       {
@@ -405,27 +405,27 @@ function Oe({ value: e, onChange: r, field: a, readonly: s, errorMessage: n, ...
         children: e
       }
     ) : /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: "-" });
-  const { inputType: o, ...c } = l;
+  const { inputType: o, ...c } = i;
   return /* @__PURE__ */ t.jsx(
-    _,
+    w,
     {
       ...c,
       type: "email",
       value: e || "",
       onChange: (m) => r(m.target.value),
-      placeholder: i?.placeholder || "email@example.com",
-      disabled: s || c.disabled,
-      "aria-invalid": !!n
+      placeholder: l?.placeholder || "email@example.com",
+      disabled: a || c.disabled,
+      "aria-invalid": !!s
     }
   );
 }
-const Jt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Zt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  EmailField: Oe
+  EmailField: Ye
 }, Symbol.toStringTag, { value: "Module" }));
-function Te({ value: e, onChange: r, field: a, readonly: s, errorMessage: n, ...l }) {
-  const i = a || l.schema;
-  if (s)
+function qe({ value: e, onChange: r, field: n, readonly: a, errorMessage: s, ...i }) {
+  const l = n || i.schema;
+  if (a)
     return e ? /* @__PURE__ */ t.jsx(
       "a",
       {
@@ -434,27 +434,27 @@ function Te({ value: e, onChange: r, field: a, readonly: s, errorMessage: n, ...
         children: e
       }
     ) : /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: "-" });
-  const { inputType: o, ...c } = l;
+  const { inputType: o, ...c } = i;
   return /* @__PURE__ */ t.jsx(
-    _,
+    w,
     {
       ...c,
       type: "tel",
       value: e || "",
       onChange: (m) => r(m.target.value),
-      placeholder: i?.placeholder || "(555) 123-4567",
-      disabled: s || c.disabled,
-      "aria-invalid": !!n
+      placeholder: l?.placeholder || "(555) 123-4567",
+      disabled: a || c.disabled,
+      "aria-invalid": !!s
     }
   );
 }
-const Gt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Kt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  PhoneField: Te
+  PhoneField: qe
 }, Symbol.toStringTag, { value: "Module" }));
-function Re({ value: e, onChange: r, field: a, readonly: s, errorMessage: n, ...l }) {
-  const i = a || l.schema;
-  if (s)
+function Je({ value: e, onChange: r, field: n, readonly: a, errorMessage: s, ...i }) {
+  const l = n || i.schema;
+  if (a)
     return e ? e.startsWith("http://") || e.startsWith("https://") ? /* @__PURE__ */ t.jsx(
       "a",
       {
@@ -465,25 +465,25 @@ function Re({ value: e, onChange: r, field: a, readonly: s, errorMessage: n, ...
         children: e
       }
     ) : /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: e }) : /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: "-" });
-  const { inputType: o, ...c } = l;
+  const { inputType: o, ...c } = i;
   return /* @__PURE__ */ t.jsx(
-    _,
+    w,
     {
       ...c,
       type: "url",
       value: e || "",
       onChange: (m) => r(m.target.value),
-      placeholder: i?.placeholder || "https://example.com",
-      disabled: s || c.disabled,
-      "aria-invalid": !!n
+      placeholder: l?.placeholder || "https://example.com",
+      disabled: a || c.disabled,
+      "aria-invalid": !!s
     }
   );
 }
-const Wt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const er = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  UrlField: Re
+  UrlField: Je
 }, Symbol.toStringTag, { value: "Module" }));
-function Qt(e, r = "USD") {
+function tr(e, r = "USD") {
   try {
     return new Intl.NumberFormat("en-US", {
       style: "currency",
@@ -493,56 +493,56 @@ function Qt(e, r = "USD") {
     return `${r} ${e.toFixed(2)}`;
   }
 }
-function ke({ value: e, onChange: r, field: a, readonly: s, errorMessage: n, className: l, ...i }) {
-  const o = a || i.schema, c = o?.currency || "USD", m = o?.precision ?? 2;
-  if (s)
-    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)));
+function We({ value: e, onChange: r, field: n, readonly: a, errorMessage: s, className: i, ...l }) {
+  const o = n || l.schema, c = o?.currency || "USD", m = o?.precision ?? 2;
+  if (a)
+    return e == null ? /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: "-" }) : /* @__PURE__ */ t.jsx("span", { className: "text-sm font-medium tabular-nums", children: tr(Number(e), c) });
+  const h = (f) => {
+    const u = parseFloat(f.target.value);
+    isNaN(u) || r(parseFloat(u.toFixed(m)));
   };
   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(
-      _,
+      w,
       {
-        ...i,
+        ...l,
         type: "number",
         value: e ?? "",
-        onChange: (x) => {
-          const d = x.target.value === "" ? null : parseFloat(x.target.value);
-          r(d);
+        onChange: (f) => {
+          const u = f.target.value === "" ? null : parseFloat(f.target.value);
+          r(u);
         },
         onBlur: h,
         placeholder: o?.placeholder || "0.00",
-        disabled: s || i.disabled,
-        className: `pl-8 ${l || ""}`,
+        disabled: a || l.disabled,
+        className: `pl-8 ${i || ""}`,
         step: Math.pow(10, -m).toFixed(m),
-        "aria-invalid": !!n
+        "aria-invalid": !!s
       }
     )
   ] });
 }
-const Xt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const rr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  CurrencyField: ke
+  CurrencyField: We
 }, Symbol.toStringTag, { value: "Module" }));
-function Ae({ value: e, onChange: r, field: a, readonly: s, errorMessage: n, ...l }) {
-  if (s)
+function Ge({ value: e, onChange: r, field: n, readonly: a, errorMessage: s, ...i }) {
+  if (a)
     return /* @__PURE__ */ t.jsx("div", { className: "text-sm whitespace-pre-wrap", children: e || "-" });
-  const i = a || l.schema, o = i?.rows || 4, c = i?.max_length, { inputType: m, ...h } = l;
+  const l = n || i.schema, o = l?.rows || 4, c = l?.max_length, { inputType: m, ...h } = i;
   return /* @__PURE__ */ t.jsxs("div", { className: "relative", children: [
     /* @__PURE__ */ t.jsx(
-      V,
+      Z,
       {
         ...h,
         value: e || "",
-        onChange: (x) => r(x.target.value),
-        placeholder: i?.placeholder,
-        disabled: s || h.disabled,
+        onChange: (f) => r(f.target.value),
+        placeholder: l?.placeholder,
+        disabled: a || h.disabled,
         rows: o,
         maxLength: c,
-        "aria-invalid": !!n
+        "aria-invalid": !!s
       }
     ),
     c && /* @__PURE__ */ t.jsxs(
@@ -560,12 +560,12 @@ function Ae({ value: e, onChange: r, field: a, readonly: s, errorMessage: n, ...
     )
   ] });
 }
-const Ht = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const sr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  TextAreaField: Ae
+  TextAreaField: Ge
 }, Symbol.toStringTag, { value: "Module" }));
-function Z({ value: e, onChange: r, field: a, readonly: s, errorMessage: n, ...l }) {
-  if (s)
+function ce({ value: e, onChange: r, field: n, readonly: a, errorMessage: s, ...i }) {
+  if (a)
     return /* @__PURE__ */ t.jsx(
       "div",
       {
@@ -573,7 +573,7 @@ function Z({ value: e, onChange: r, field: a, readonly: s, errorMessage: n, ...l
         children: e || "-"
       }
     );
-  const i = a || l.schema, o = i?.rows || 8, c = i?.format || "markdown";
+  const l = n || i.schema, o = l?.rows || 8, c = l?.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: [
@@ -583,106 +583,106 @@ function Z({ value: e, onChange: r, field: a, readonly: s, errorMessage: n, ...l
       /* @__PURE__ */ t.jsx("span", { className: "italic", children: "Rich text editor (basic)" })
     ] }),
     /* @__PURE__ */ t.jsx(
-      V,
+      Z,
       {
         value: e || "",
         onChange: (m) => r(m.target.value),
-        placeholder: i?.placeholder || "Enter text...",
-        disabled: s || l.disabled,
+        placeholder: l?.placeholder || "Enter text...",
+        disabled: a || i.disabled,
         rows: o,
-        className: `font-mono text-sm ${l.className || ""}`,
-        "aria-invalid": !!n
+        className: `font-mono text-sm ${i.className || ""}`,
+        "aria-invalid": !!s
       }
     )
   ] });
 }
-const ge = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Oe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  RichTextField: Z
+  RichTextField: ce
 }, Symbol.toStringTag, { value: "Module" }));
-function $e({ value: e, onChange: r, field: a, readonly: s, ...n }) {
-  const [l, i] = L(!1), [o, c] = L(""), m = a || n.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]);
+function Qe({ value: e, onChange: r, field: n, readonly: a, ...s }) {
+  const [i, l] = B(!1), [o, c] = B(""), m = n || s.schema, h = m?.options || [], f = m.multiple || !1, u = m.display_field || "label", x = h.filter(
+    (N) => N.label.toLowerCase().includes(o.toLowerCase())
+  ), p = f ? (Array.isArray(e) ? e : []).map(
+    (N) => h.find((T) => T.value === N)
+  ).filter(Boolean) : e ? [h.find((N) => N.value === e)].filter(Boolean) : [], v = (N) => {
+    if (f) {
+      const T = Array.isArray(e) ? e : [], U = T.includes(N.value);
+      r(U ? T.filter((Q) => Q !== N.value) : [...T, N.value]);
     } else
-      r(y.value), i(!1);
-  }, T = (y) => {
-    if (x) {
-      const C = Array.isArray(e) ? e : [];
-      r(C.filter((U) => U !== y));
+      r(N.value), l(!1);
+  }, R = (N) => {
+    if (f) {
+      const T = Array.isArray(e) ? e : [];
+      r(T.filter((U) => U !== N));
     } else
       r(null);
   };
-  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,
+  return a ? p.length ? f ? /* @__PURE__ */ t.jsx("div", { className: "flex flex-wrap gap-1", children: p.map((N, T) => /* @__PURE__ */ t.jsx(M, { variant: "outline", children: N?.[u] || N?.label }, T)) }) : /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: p[0]?.[u] || 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((N, T) => /* @__PURE__ */ t.jsxs(
+      M,
       {
         variant: "outline",
         className: "gap-1",
         children: [
-          y?.[d] || y?.label,
+          N?.[u] || N?.label,
           /* @__PURE__ */ t.jsx(
             "button",
             {
-              onClick: () => T(y?.value),
+              onClick: () => R(N?.value),
               className: "ml-1 hover:text-destructive",
               type: "button",
-              "aria-label": `Remove ${y?.[d] || y?.label}`,
-              children: /* @__PURE__ */ t.jsx(E, { className: "size-3" })
+              "aria-label": `Remove ${N?.[u] || N?.label}`,
+              children: /* @__PURE__ */ t.jsx(W, { className: "size-3" })
             }
           )
         ]
       },
-      C
+      T
     )) }),
-    /* @__PURE__ */ t.jsxs(vt, { open: l, onOpenChange: i, children: [
-      /* @__PURE__ */ t.jsx(_t, { asChild: !0, children: /* @__PURE__ */ t.jsxs(
-        F,
+    /* @__PURE__ */ t.jsxs(Tt, { open: i, onOpenChange: l, children: [
+      /* @__PURE__ */ t.jsx(Ot, { asChild: !0, children: /* @__PURE__ */ t.jsxs(
+        P,
         {
           variant: "outline",
           className: "w-full justify-start text-left font-normal",
           type: "button",
           children: [
-            /* @__PURE__ */ t.jsx(Pt, { className: "mr-2 size-4" }),
-            p.length === 0 ? m?.placeholder || "Select..." : x ? `${p.length} selected` : "Change selection"
+            /* @__PURE__ */ t.jsx($t, { className: "mr-2 size-4" }),
+            p.length === 0 ? m?.placeholder || "Select..." : f ? `${p.length} selected` : "Change selection"
           ]
         }
       ) }),
-      /* @__PURE__ */ t.jsxs(Ft, { className: "max-w-md", children: [
-        /* @__PURE__ */ t.jsx(wt, { children: /* @__PURE__ */ t.jsxs(St, { children: [
+      /* @__PURE__ */ t.jsxs(Rt, { className: "max-w-md", children: [
+        /* @__PURE__ */ t.jsx(kt, { children: /* @__PURE__ */ t.jsxs(At, { children: [
           m?.label || "Select",
           " ",
-          x && "(multiple)"
+          f && "(multiple)"
         ] }) }),
         /* @__PURE__ */ t.jsxs("div", { className: "space-y-4", children: [
           /* @__PURE__ */ t.jsx(
-            _,
+            w,
             {
               placeholder: "Search...",
               value: o,
-              onChange: (y) => c(y.target.value),
+              onChange: (N) => c(N.target.value),
               className: "w-full"
             }
           ),
-          /* @__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;
+          /* @__PURE__ */ t.jsx("div", { className: "max-h-64 overflow-y-auto space-y-1", children: x.length === 0 ? /* @__PURE__ */ t.jsx("p", { className: "text-sm text-gray-500 text-center py-4", children: "No options found" }) : x.map((N) => {
+            const T = f ? (Array.isArray(e) ? e : []).includes(N.value) : e === N.value;
             return /* @__PURE__ */ t.jsxs(
               "button",
               {
-                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" : ""}`,
+                onClick: () => v(N),
+                className: `w-full text-left px-3 py-2 rounded-md text-sm hover:bg-gray-100 flex items-center justify-between ${T ? "bg-blue-50 text-blue-700" : ""}`,
                 type: "button",
                 children: [
-                  /* @__PURE__ */ t.jsx("span", { children: y.label }),
-                  C && /* @__PURE__ */ t.jsx(k, { variant: "default", className: "ml-2", children: "Selected" })
+                  /* @__PURE__ */ t.jsx("span", { children: N.label }),
+                  T && /* @__PURE__ */ t.jsx(M, { variant: "default", className: "ml-2", children: "Selected" })
                 ]
               },
-              y.value
+              N.value
             );
           }) })
         ] })
@@ -690,12 +690,12 @@ function $e({ value: e, onChange: r, field: a, readonly: s, ...n }) {
     ] })
   ] });
 }
-const Zt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const nr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  LookupField: $e
+  LookupField: Qe
 }, Symbol.toStringTag, { value: "Module" }));
-function ze({ value: e, onChange: r, field: a, readonly: s, ...n }) {
-  if (s) {
+function He({ value: e, onChange: r, field: n, readonly: a, ...s }) {
+  if (a) {
     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: [
@@ -704,241 +704,308 @@ function ze({ value: e, onChange: r, field: a, readonly: s, ...n }) {
       o.toLocaleTimeString()
     ] });
   }
-  const { inputType: l, ...i } = n;
+  const { inputType: i, ...l } = s;
   return /* @__PURE__ */ t.jsx(
-    _,
+    w,
     {
-      ...i,
+      ...l,
       type: "datetime-local",
       value: e || "",
       onChange: (o) => r(o.target.value),
-      disabled: s || i.disabled
+      disabled: a || l.disabled
     }
   );
 }
-const Kt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const ar = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  DateTimeField: ze
+  DateTimeField: He
 }, Symbol.toStringTag, { value: "Module" }));
-function Ee({ value: e, onChange: r, field: a, readonly: s, ...n }) {
-  if (s)
+function Xe({ value: e, onChange: r, field: n, readonly: a, ...s }) {
+  if (a)
     return /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: e || "-" });
-  const { inputType: l, ...i } = n;
+  const { inputType: i, ...l } = s;
   return /* @__PURE__ */ t.jsx(
-    _,
+    w,
     {
-      ...i,
+      ...l,
       type: "time",
       value: e || "",
       onChange: (o) => r(o.target.value),
-      disabled: s || i.disabled
+      disabled: a || l.disabled
     }
   );
 }
-const er = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const lr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  TimeField: Ee
+  TimeField: Xe
 }, Symbol.toStringTag, { value: "Module" }));
-function Me({ value: e, onChange: r, field: a, readonly: s, errorMessage: n, className: l, ...i }) {
-  const o = a || i.schema, c = o?.precision ?? 2;
-  if (s)
+function Ze({ value: e, onChange: r, field: n, readonly: a, errorMessage: s, className: i, ...l }) {
+  const o = n || l.schema, c = o?.precision ?? 2;
+  if (a)
     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 === "") {
+  const m = e != null ? e * 100 : "", h = e != null ? e * 100 : 0, f = (p) => {
+    if (p.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: [
+    const v = parseFloat(p.target.value), R = isNaN(v) ? null : v / 100;
+    r(R);
+  }, u = (p) => {
+    if (a || l.disabled) return;
+    if (!Array.isArray(p) || p.length === 0) {
+      r(null);
+      return;
+    }
+    const v = p[0], R = typeof v == "number" ? v / 100 : null;
+    r(R);
+  }, x = Math.pow(10, -c);
+  return /* @__PURE__ */ t.jsxs("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ t.jsxs("div", { className: "relative", children: [
+      /* @__PURE__ */ t.jsx(
+        w,
+        {
+          ...l,
+          type: "number",
+          value: m,
+          onChange: f,
+          placeholder: o?.placeholder || "0",
+          disabled: a || l.disabled,
+          className: `pr-8 ${i || ""}`,
+          step: Math.pow(10, -c).toFixed(c),
+          "aria-invalid": !!s
+        }
+      ),
+      /* @__PURE__ */ t.jsx("span", { className: "absolute right-3 top-1/2 -translate-y-1/2 text-sm text-gray-500", children: "%" })
+    ] }),
     /* @__PURE__ */ t.jsx(
-      _,
+      De,
       {
-        ...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": !!n
+        value: [h],
+        onValueChange: u,
+        min: 0,
+        max: 100,
+        step: x,
+        disabled: a || l.disabled,
+        className: "w-full",
+        "aria-label": "Percentage",
+        "data-testid": "percent-slider"
       }
-    ),
-    /* @__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({
+const ir = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  PercentField: Me
+  PercentField: Ze
 }, Symbol.toStringTag, { value: "Module" }));
-function Ue({ value: e, onChange: r, field: a, readonly: s, className: n, ...l }) {
-  const [i, o] = L(!1), c = a || l.schema;
-  if (s)
+function Ke({ value: e, onChange: r, field: n, readonly: a, className: s, ...i }) {
+  const [l, o] = B(!1), c = n || i.schema;
+  if (a)
     return /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: "••••••••" });
-  const { inputType: m, ...h } = l;
+  const { inputType: m, ...h } = i;
   return /* @__PURE__ */ t.jsxs("div", { className: "relative", children: [
     /* @__PURE__ */ t.jsx(
-      _,
+      w,
       {
         ...h,
-        type: i ? "text" : "password",
+        type: l ? "text" : "password",
         value: e || "",
-        onChange: (x) => r(x.target.value),
+        onChange: (f) => r(f.target.value),
         placeholder: c?.placeholder,
-        disabled: s || h.disabled,
-        className: `pr-10 ${n || ""}`
+        disabled: a || h.disabled,
+        className: `pr-10 ${s || ""}`
       }
     ),
     /* @__PURE__ */ t.jsx(
-      F,
+      P,
       {
         type: "button",
         variant: "ghost",
         size: "sm",
         className: "absolute right-0 top-0 h-full px-3 py-2 hover:bg-transparent",
-        onClick: () => o(!i),
+        onClick: () => o(!l),
         tabIndex: -1,
-        children: i ? /* @__PURE__ */ t.jsx(Ot, { className: "size-4 text-gray-500" }) : /* @__PURE__ */ t.jsx(Tt, { className: "size-4 text-gray-500" })
+        children: l ? /* @__PURE__ */ t.jsx(zt, { className: "size-4 text-gray-500" }) : /* @__PURE__ */ t.jsx(Et, { className: "size-4 text-gray-500" })
       }
     )
   ] });
 }
-const rr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const or = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  PasswordField: Ue
+  PasswordField: Ke
 }, Symbol.toStringTag, { value: "Module" }));
-function De({ value: e, onChange: r, field: a, readonly: s, ...n }) {
-  const l = te(null), i = a || n.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,
+function et({ value: e, onChange: r, field: n, readonly: a, ...s }) {
+  const i = xe(null), l = n || s.schema, o = l?.multiple || !1, c = l?.accept ? l.accept.join(",") : void 0, m = l?.maxSize, [h, f] = B(!1), [u, x] = B([]), p = e ? Array.isArray(e) ? e : [e] : [], v = te((b) => {
+    if (b.length === 0) return;
+    const F = [], A = b.filter((O) => {
+      if (m && O.size > m) {
+        const Y = (m / 1048576).toFixed(1);
+        return F.push(`"${O.name}" exceeds max size (${Y} MB)`), !1;
+      }
+      return !0;
+    });
+    if (x(F), A.length === 0) return;
+    const $ = A.map((O) => ({
+      name: O.name,
+      original_name: O.name,
+      size: O.size,
+      mime_type: O.type,
       // In a real implementation, this would upload the file and return a URL
-      url: URL.createObjectURL(N)
+      url: URL.createObjectURL(O)
     }));
-    r(o ? [...m, ...p] : p[0]);
-  }, x = (d) => {
+    r(o ? [...p, ...$] : $[0]);
+  }, [p, o, r, m]), R = te((b) => {
+    b.preventDefault(), b.stopPropagation(), f(!0);
+  }, []), N = te((b) => {
+    b.preventDefault(), b.stopPropagation(), f(!1);
+  }, []), T = te((b) => {
+    b.preventDefault(), b.stopPropagation(), f(!1);
+    const F = Array.from(b.dataTransfer.files);
+    if (c) {
+      const A = c.split(",").map((O) => O.trim().toLowerCase()), $ = F.filter((O) => {
+        const Y = O.name.split("."), q = Y.length > 1 ? "." + Y.pop()?.toLowerCase() : "";
+        return A.some(
+          (V) => V === O.type || q && V === q || V.endsWith("/*") && O.type.startsWith(V.replace("/*", "/"))
+        );
+      });
+      v($);
+    } else
+      v(F);
+  }, [c, v]);
+  if (a) {
+    if (!e) return /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: "-" });
+    const b = Array.isArray(e) ? e : [e];
+    return /* @__PURE__ */ t.jsx("div", { className: "flex flex-wrap gap-2", children: b.map((F, A) => /* @__PURE__ */ t.jsx("span", { className: "text-sm truncate max-w-xs", children: F.name || F.original_name || "File" }, A)) });
+  }
+  const U = (b) => {
+    v(Array.from(b.target.files || []));
+  }, Q = (b) => {
     if (o) {
-      const f = m.filter((p, N) => N !== d);
-      r(f.length > 0 ? f : null);
+      const F = p.filter((A, $) => $ !== b);
+      r(F.length > 0 ? F : null);
     } else
       r(null);
-  };
-  return /* @__PURE__ */ t.jsxs("div", { className: n.className, children: [
+  }, K = (b) => (b.mime_type || "").startsWith("image/");
+  return /* @__PURE__ */ t.jsxs("div", { className: s.className, children: [
     /* @__PURE__ */ t.jsx(
       "input",
       {
-        ref: l,
+        ref: i,
         type: "file",
         multiple: o,
         accept: c,
-        onChange: h,
+        onChange: U,
         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(
+      /* @__PURE__ */ t.jsxs(
         "div",
         {
-          className: "flex items-center justify-between gap-2 p-2 bg-gray-50 rounded-md border border-gray-200",
+          onDragOver: R,
+          onDragLeave: N,
+          onDrop: T,
+          onClick: () => i.current?.click(),
+          className: `
+            flex flex-col items-center justify-center gap-2 p-6 
+            border-2 border-dashed rounded-lg cursor-pointer
+            transition-colors duration-200
+            ${h ? "border-primary bg-primary/5 text-primary" : "border-muted-foreground/25 hover:border-primary/50 text-muted-foreground hover:text-foreground"}
+          `,
+          role: "button",
+          tabIndex: 0,
+          onKeyDown: (b) => {
+            (b.key === "Enter" || b.key === " ") && (b.preventDefault(), i.current?.click());
+          },
+          children: [
+            /* @__PURE__ */ t.jsx(Me, { className: `size-8 ${h ? "text-primary" : "text-muted-foreground"}` }),
+            /* @__PURE__ */ t.jsxs("div", { className: "text-center", children: [
+              /* @__PURE__ */ t.jsx("p", { className: "text-sm font-medium", children: h ? "Drop files here" : "Drag & drop files here" }),
+              /* @__PURE__ */ t.jsx("p", { className: "text-xs text-muted-foreground mt-1", children: "or click to browse" })
+            ] })
+          ]
+        }
+      ),
+      u.length > 0 && /* @__PURE__ */ t.jsx("div", { className: "space-y-0.5", children: u.map((b, F) => /* @__PURE__ */ t.jsx("p", { className: "text-xs text-destructive", children: b }, F)) }),
+      p.length > 0 && /* @__PURE__ */ t.jsx("div", { className: "space-y-1", children: p.map((b, F) => /* @__PURE__ */ t.jsxs(
+        "div",
+        {
+          className: "flex items-center justify-between gap-2 p-2 bg-muted/50 rounded-md border",
           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: [
+              K(b) && b.url ? /* @__PURE__ */ t.jsx("img", { src: b.url, alt: b.name, className: "size-8 object-cover rounded flex-shrink-0" }) : K(b) ? /* @__PURE__ */ t.jsx(Dt, { className: "size-4 text-muted-foreground flex-shrink-0" }) : /* @__PURE__ */ t.jsx(Mt, { className: "size-4 text-muted-foreground flex-shrink-0" }),
+              /* @__PURE__ */ t.jsx("span", { className: "text-sm truncate", children: b.name || b.original_name || "File" }),
+              b.size && /* @__PURE__ */ t.jsxs("span", { className: "text-xs text-muted-foreground", children: [
                 "(",
-                (d.size / 1024).toFixed(1),
+                (b.size / 1024).toFixed(1),
                 " KB)"
               ] })
             ] }),
             /* @__PURE__ */ t.jsx(
-              F,
+              P,
               {
                 type: "button",
                 variant: "ghost",
                 size: "sm",
-                onClick: () => x(f),
+                onClick: (A) => {
+                  A.stopPropagation(), Q(F);
+                },
                 className: "h-6 w-6 p-0",
-                children: /* @__PURE__ */ t.jsx(E, { className: "size-3" })
+                children: /* @__PURE__ */ t.jsx(W, { 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"
-          ]
-        }
-      )
+        F
+      )) })
     ] })
   ] });
 }
-const sr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const cr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  FileField: De
+  FileField: et
 }, Symbol.toStringTag, { value: "Module" }));
-function Ie({ value: e, onChange: r, field: a, readonly: s, ...n }) {
-  const l = te(null), i = a || n.schema, o = i?.multiple || !1, c = i?.accept ? i.accept.join(",") : "image/*";
-  if (s) {
+function tt({ value: e, onChange: r, field: n, readonly: a, ...s }) {
+  const i = xe(null), l = n || s.schema, o = l?.multiple || !1, c = l?.accept ? l.accept.join(",") : "image/*";
+  if (a) {
     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(
+    const u = Array.isArray(e) ? e : [e];
+    return /* @__PURE__ */ t.jsx("div", { className: "flex flex-wrap gap-2", children: u.map((x, p) => /* @__PURE__ */ t.jsx(
       "img",
       {
-        src: f.url || "",
-        alt: f.name || `Image ${p + 1}`,
+        src: x.url || "",
+        alt: x.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,
+  const m = e ? Array.isArray(e) ? e : [e] : [], h = (u) => {
+    const x = Array.from(u.target.files || []);
+    if (x.length === 0) return;
+    const p = x.map((v) => ({
+      name: v.name,
+      original_name: v.name,
+      size: v.size,
+      mime_type: v.type,
       // In a real implementation, this would upload the image and return a URL
-      url: URL.createObjectURL(N)
+      url: URL.createObjectURL(v)
     }));
     r(o ? [...m, ...p] : p[0]);
-  }, x = (d) => {
+  }, f = (u) => {
     if (o) {
-      const f = m.filter((p, N) => N !== d);
-      r(f.length > 0 ? f : null);
+      const x = m.filter((p, v) => v !== u);
+      r(x.length > 0 ? x : null);
     } else
       r(null);
   };
-  return /* @__PURE__ */ t.jsxs("div", { className: n.className, children: [
+  return /* @__PURE__ */ t.jsxs("div", { className: s.className, children: [
     /* @__PURE__ */ t.jsx(
       "input",
       {
-        ref: l,
+        ref: i,
         type: "file",
         multiple: o,
         accept: c,
@@ -947,36 +1014,36 @@ function Ie({ value: e, onChange: r, field: a, readonly: s, ...n }) {
       }
     ),
     /* @__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: [
+      m.length > 0 && /* @__PURE__ */ t.jsx("div", { className: "grid grid-cols-4 gap-2", children: m.map((u, x) => /* @__PURE__ */ t.jsxs("div", { className: "relative group", children: [
         /* @__PURE__ */ t.jsx(
           "img",
           {
-            src: d.url || "",
-            alt: d.name || `Image ${f + 1}`,
+            src: u.url || "",
+            alt: u.name || `Image ${x + 1}`,
             className: "size-20 rounded-md object-cover border border-gray-200"
           }
         ),
         /* @__PURE__ */ t.jsx(
-          F,
+          P,
           {
             type: "button",
             variant: "destructive",
             size: "sm",
-            onClick: () => x(f),
+            onClick: () => f(x),
             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" })
+            children: /* @__PURE__ */ t.jsx(W, { className: "size-3" })
           }
         )
-      ] }, f)) }),
+      ] }, x)) }),
       /* @__PURE__ */ t.jsxs(
-        F,
+        P,
         {
           type: "button",
           variant: "outline",
-          onClick: () => l.current?.click(),
+          onClick: () => i.current?.click(),
           className: "w-full",
           children: [
-            /* @__PURE__ */ t.jsx(kt, { className: "size-4 mr-2" }),
+            /* @__PURE__ */ t.jsx(Lt, { className: "size-4 mr-2" }),
             m.length > 0 ? "Add More Images" : "Upload Image"
           ]
         }
@@ -984,104 +1051,104 @@ function Ie({ value: e, onChange: r, field: a, readonly: s, ...n }) {
     ] })
   ] });
 }
-const nr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const dr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  ImageField: Ie
+  ImageField: tt
 }, Symbol.toStringTag, { value: "Module" }));
-function Le({ value: e, onChange: r, field: a, readonly: s, ...n }) {
-  const l = a || n.schema, i = e && typeof e == "object" ? `${e.latitude || 0}, ${e.longitude || 0}` : "";
-  if (s)
-    return /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: i || "-" });
+function rt({ value: e, onChange: r, field: n, readonly: a, ...s }) {
+  const i = n || s.schema, l = e && typeof e == "object" ? `${e.latitude || 0}, ${e.longitude || 0}` : "";
+  if (a)
+    return /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: l || "-" });
   const o = (c) => {
     const m = c.target.value;
     if (!m.trim()) {
       r(null);
       return;
     }
-    const h = m.split(",").map((x) => x.trim());
+    const h = m.split(",").map((f) => f.trim());
     if (h.length === 2) {
-      const x = parseFloat(h[0]), d = parseFloat(h[1]);
-      !isNaN(x) && !isNaN(d) && r({ latitude: x, longitude: d });
+      const f = parseFloat(h[0]), u = parseFloat(h[1]);
+      !isNaN(f) && !isNaN(u) && r({ latitude: f, longitude: u });
     }
   };
   return /* @__PURE__ */ t.jsx(
-    _,
+    w,
     {
       type: "text",
-      value: i,
+      value: l,
       onChange: o,
-      placeholder: l?.placeholder || "latitude, longitude",
-      disabled: s || n.disabled,
-      className: n.className
+      placeholder: i?.placeholder || "latitude, longitude",
+      disabled: a || s.disabled,
+      className: s.className
     }
   );
 }
-const ar = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const ur = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  LocationField: Le
+  LocationField: rt
 }, Symbol.toStringTag, { value: "Module" }));
-function Ve({ value: e, field: r, ...a }) {
-  const n = (r || a.schema)?.return_type || "text";
-  let l = "-";
-  return e != null && (n === "number" || n === "currency" ? l = typeof e == "number" ? e.toFixed(2) : String(e) : n === "boolean" ? l = e ? "Yes" : "No" : n === "date" ? l = new Date(e).toLocaleDateString() : l = String(e)), /* @__PURE__ */ t.jsx("span", { className: `text-sm font-mono text-gray-700 ${a.className || ""}`, children: l });
+function st({ value: e, field: r, ...n }) {
+  const s = (r || n.schema)?.return_type || "text";
+  let i = "-";
+  return e != null && (s === "number" || s === "currency" ? i = typeof e == "number" ? e.toFixed(2) : String(e) : s === "boolean" ? i = e ? "Yes" : "No" : s === "date" ? i = new Date(e).toLocaleDateString() : i = String(e)), /* @__PURE__ */ t.jsx("span", { className: `text-sm font-mono text-gray-700 ${n.className || ""}`, children: i });
 }
-const lr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const mr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  FormulaField: Ve
+  FormulaField: st
 }, Symbol.toStringTag, { value: "Module" }));
-function Be({ value: e, field: r, ...a }) {
-  const n = (r || a.schema)?.summary_type || "count";
-  let l = "-";
-  return e != null && (n === "count" ? l = String(e) : ["sum", "avg", "min", "max"].includes(n) ? 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 ${a.className || ""}`, children: l });
+function nt({ value: e, field: r, ...n }) {
+  const s = (r || n.schema)?.summary_type || "count";
+  let i = "-";
+  return e != null && (s === "count" ? i = String(e) : ["sum", "avg", "min", "max"].includes(s) ? i = typeof e == "number" ? e.toFixed(2) : String(e) : i = String(e)), /* @__PURE__ */ t.jsx("span", { className: `text-sm font-medium tabular-nums text-gray-700 ${n.className || ""}`, children: i });
 }
-const ir = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const fr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  SummaryField: Be
+  SummaryField: nt
 }, Symbol.toStringTag, { value: "Module" }));
-function Ye({ value: e, field: r, ...a }) {
-  const s = e != null ? String(e) : "-";
-  return /* @__PURE__ */ t.jsx("span", { className: `text-sm font-mono text-gray-700 ${a.className || ""}`, children: s });
+function at({ value: e, field: r, ...n }) {
+  const a = e != null ? String(e) : "-";
+  return /* @__PURE__ */ t.jsx("span", { className: `text-sm font-mono text-gray-700 ${n.className || ""}`, children: a });
 }
-const or = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const xr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  AutoNumberField: Ye
+  AutoNumberField: at
 }, Symbol.toStringTag, { value: "Module" }));
-function K({ value: e, onChange: r, field: a, readonly: s, ...n }) {
-  const i = (a || n.schema)?.multiple || !1;
-  if (s) {
+function de({ value: e, onChange: r, field: n, readonly: a, ...s }) {
+  const l = (n || s.schema)?.multiple || !1;
+  if (a) {
     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.slice(0, 3).map((h, f) => {
+        const u = h.name || h.username || "User", x = u.split(" ").map((p) => p[0]).join("").toUpperCase().slice(0, 2);
+        return /* @__PURE__ */ t.jsx(L, { className: "size-8 border-2 border-white", title: u, children: /* @__PURE__ */ t.jsx(I, { className: "bg-blue-500 text-white text-xs", children: x }) }, f);
       }),
-      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 && /* @__PURE__ */ t.jsx(L, { className: "size-8 border-2 border-white", children: /* @__PURE__ */ t.jsxs(I, { 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);
+    if (l) {
+      const h = o.filter((f, u) => u !== m);
       r(h.length > 0 ? h : null);
     } else
       r(null);
   };
-  return /* @__PURE__ */ t.jsxs("div", { className: n.className, children: [
+  return /* @__PURE__ */ t.jsxs("div", { className: s.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 }),
+      const f = m.name || m.username || "User", u = f.split(" ").map((x) => x[0]).join("").toUpperCase().slice(0, 2);
+      return /* @__PURE__ */ t.jsxs(M, { variant: "outline", className: "gap-2 pr-1", children: [
+        /* @__PURE__ */ t.jsx(L, { className: "size-5", children: /* @__PURE__ */ t.jsx(I, { className: "bg-blue-500 text-white text-xs", children: u }) }),
+        /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: f }),
         /* @__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" })
+            children: /* @__PURE__ */ t.jsx(W, { className: "size-3" })
           }
         )
       ] }, h);
@@ -1089,33 +1156,33 @@ function K({ value: e, onChange: r, field: a, readonly: s, ...n }) {
     /* @__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({
+const Re = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  UserField: K
+  UserField: de
 }, Symbol.toStringTag, { value: "Module" }));
-function qe({ value: e, onChange: r, field: a, readonly: s, ...n }) {
-  const l = a || n.schema, i = () => e == null ? "" : JSON.stringify(e, null, 2), [o, c] = L(i), [m, h] = L(null);
-  if (ve(() => {
+function lt({ value: e, onChange: r, field: n, readonly: a, ...s }) {
+  const i = n || s.schema, l = () => e == null ? "" : JSON.stringify(e, null, 2), [o, c] = B(l), [m, h] = B(null);
+  if (ze(() => {
     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));
+      const u = o ? JSON.parse(o) : null;
+      JSON.stringify(u) !== 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", n.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()) {
+  }, [e, o]), a)
+    return e ? /* @__PURE__ */ t.jsx("pre", { className: z("text-xs bg-gray-50 p-2 rounded border border-gray-200 overflow-auto max-h-40", s.className), children: JSON.stringify(e, null, 2) }) : /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: "-" });
+  const f = (u) => {
+    const x = u.target.value;
+    if (c(x), h(null), !x.trim()) {
       r(null);
       return;
     }
     try {
-      const p = JSON.parse(f);
+      const p = JSON.parse(x);
       r(p);
     } catch {
       h("Invalid JSON");
@@ -1123,81 +1190,81 @@ function qe({ value: e, onChange: r, field: a, readonly: s, ...n }) {
   };
   return /* @__PURE__ */ t.jsxs("div", { className: "space-y-1", children: [
     /* @__PURE__ */ t.jsx(
-      V,
+      Z,
       {
         value: o,
-        onChange: x,
-        placeholder: l?.placeholder || `{
+        onChange: f,
+        placeholder: i?.placeholder || `{
   "key": "value"
 }`,
-        disabled: s || n.disabled,
-        className: O("font-mono text-xs", m ? "border-red-500 focus-visible:ring-red-500" : "", n.className),
+        disabled: a || s.disabled,
+        className: z("font-mono text-xs", m ? "border-red-500 focus-visible:ring-red-500" : "", s.className),
         rows: 6
       }
     ),
     m && /* @__PURE__ */ t.jsx("p", { className: "text-xs text-red-500", children: m })
   ] });
 }
-const cr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const hr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  ObjectField: qe
+  ObjectField: lt
 }, Symbol.toStringTag, { value: "Module" }));
-function Je({ value: e, field: r, ...a }) {
-  const n = (r || a.schema)?.dimensions || (Array.isArray(e) ? e.length : 0);
+function it({ value: e, field: r, ...n }) {
+  const s = (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);
+  const i = e.slice(0, 3).map((l) => {
+    const o = Number(l);
     return isNaN(o) ? "0" : o.toFixed(4);
   }).join(", ");
-  return /* @__PURE__ */ t.jsxs("div", { className: `text-sm ${a.className || ""}`, children: [
+  return /* @__PURE__ */ t.jsxs("div", { className: `text-sm ${n.className || ""}`, children: [
     /* @__PURE__ */ t.jsxs("span", { className: "font-mono text-gray-700", children: [
       "[",
-      l,
+      i,
       "...]"
     ] }),
     /* @__PURE__ */ t.jsxs("span", { className: "text-gray-500 ml-2", children: [
       "(",
-      n,
+      s,
       "D)"
     ] })
   ] });
 }
-const dr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const pr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  VectorField: Je
+  VectorField: it
 }, Symbol.toStringTag, { value: "Module" }));
-function Ge({ value: e, field: r, readonly: a, ...s }) {
-  const l = (r || s.schema)?.columns || [];
-  return !e || !Array.isArray(e) ? /* @__PURE__ */ t.jsx("span", { className: "text-sm text-gray-500", children: "-" }) : a ? /* @__PURE__ */ t.jsx("div", { className: O("text-sm", s.className), children: /* @__PURE__ */ t.jsxs("span", { className: "text-gray-700", children: [
+function ot({ value: e, field: r, readonly: n, ...a }) {
+  const i = (r || a.schema)?.columns || [];
+  return !e || !Array.isArray(e) ? /* @__PURE__ */ t.jsx("span", { className: "text-sm text-muted-foreground", children: "-" }) : n ? /* @__PURE__ */ t.jsx("div", { className: z("text-sm", a.className), children: /* @__PURE__ */ t.jsxs("span", { className: "text-foreground", children: [
     e.length,
     " rows"
-  ] }) }) : /* @__PURE__ */ t.jsxs("div", { className: O("border border-gray-200 rounded-md overflow-hidden", s.className), children: [
+  ] }) }) : /* @__PURE__ */ t.jsxs("div", { className: z("border border-border rounded-lg overflow-hidden", a.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(
+      /* @__PURE__ */ t.jsx("thead", { className: "bg-muted border-b border-border", children: /* @__PURE__ */ t.jsx("tr", { children: i.map((l, o) => /* @__PURE__ */ t.jsx(
         "th",
         {
-          className: "px-3 py-2 text-left text-xs font-medium text-gray-700",
-          children: i.label || i.name
+          className: "px-3 py-2 text-left text-xs font-medium text-muted-foreground",
+          children: l.label || l.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)) })
+      /* @__PURE__ */ t.jsx("tbody", { className: "divide-y divide-border", children: e.slice(0, 5).map((l, o) => /* @__PURE__ */ t.jsx("tr", { className: "hover:bg-muted/50 transition-colors", children: i.map((c, m) => /* @__PURE__ */ t.jsx("td", { className: "px-3 py-2 text-foreground", children: l[c.name] != null ? String(l[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: [
+    e.length > 5 && /* @__PURE__ */ t.jsxs("div", { className: "bg-muted px-3 py-2 text-xs text-muted-foreground border-t border-border", children: [
       "Showing 5 of ",
       e.length,
       " rows"
     ] })
   ] });
 }
-const ur = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const gr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  GridField: Ge
+  GridField: ot
 }, Symbol.toStringTag, { value: "Module" }));
-function We({ value: e, onChange: r, field: a, readonly: s, ...n }) {
-  const l = a || n.schema;
-  return s ? /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-2", children: [
+function ct({ value: e, onChange: r, field: n, readonly: a, ...s }) {
+  const i = n || s.schema;
+  return a ? /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-2", children: [
     /* @__PURE__ */ t.jsx(
       "div",
       {
@@ -1212,90 +1279,90 @@ function We({ value: e, onChange: r, field: a, readonly: s, ...n }) {
       {
         type: "color",
         value: e || "#000000",
-        onChange: (i) => r(i.target.value),
-        disabled: s || n.disabled,
+        onChange: (l) => r(l.target.value),
+        disabled: a || s.disabled,
         className: "w-10 h-10 rounded border border-input cursor-pointer"
       }
     ),
     /* @__PURE__ */ t.jsx(
-      _,
+      w,
       {
         type: "text",
         value: e || "",
-        onChange: (i) => r(i.target.value),
-        placeholder: l?.placeholder || "#000000",
-        disabled: s || n.disabled,
-        className: n.className,
+        onChange: (l) => r(l.target.value),
+        placeholder: i?.placeholder || "#000000",
+        disabled: a || s.disabled,
+        className: s.className,
         pattern: "^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$"
       }
     )
   ] });
 }
-const mr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const br = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  ColorField: We
+  ColorField: ct
 }, Symbol.toStringTag, { value: "Module" }));
-function Qe({ value: e, onChange: r, field: a, readonly: s, ...n }) {
-  const l = a || n.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 }),
+function dt({ value: e, onChange: r, field: n, readonly: a, ...s }) {
+  const i = n || s.schema, l = i?.min ?? 0, o = i?.max ?? 100, c = i?.step ?? 1;
+  return a ? /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ t.jsx("span", { className: "text-sm font-medium", children: e ?? l }),
     /* @__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,
+      De,
       {
-        value: [e ?? i],
+        value: [e ?? l],
         onValueChange: (m) => r(m[0]),
-        min: i,
+        min: l,
         max: o,
         step: c,
-        disabled: s || n.disabled,
-        className: n.className
+        disabled: a || s.disabled,
+        className: s.className
       }
     ),
-    /* @__PURE__ */ t.jsx("span", { className: "text-sm font-medium w-12 text-right", children: e ?? i })
+    /* @__PURE__ */ t.jsx("span", { className: "text-sm font-medium w-12 text-right", children: e ?? l })
   ] });
 }
-const fr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const jr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  SliderField: Qe
+  SliderField: dt
 }, Symbol.toStringTag, { value: "Module" }));
-function Xe({ value: e, onChange: r, field: a, readonly: s, className: n, ...l }) {
-  const o = (a || 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", n), children: [
-    Array.from({ length: o }, (d, f) => /* @__PURE__ */ t.jsx(
-      de,
+function ut({ value: e, onChange: r, field: n, readonly: a, className: s, ...i }) {
+  const o = (n || i.schema)?.max ?? 5, c = e ?? 0, [m, h] = k.useState(null), f = m !== null ? m : c;
+  return a ? /* @__PURE__ */ t.jsxs("div", { className: z("flex items-center gap-1", s), children: [
+    Array.from({ length: o }, (u, x) => /* @__PURE__ */ t.jsx(
+      _e,
       {
-        className: `w-5 h-5 ${f < c ? "fill-yellow-400 text-yellow-400" : "text-muted-foreground"}`
+        className: `w-5 h-5 ${x < c ? "fill-yellow-400 text-yellow-400" : "text-muted-foreground"}`
       },
-      f
+      x
     )),
     /* @__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", n), children: [
-    Array.from({ length: o }, (d, f) => /* @__PURE__ */ t.jsx(
+  ] }) : /* @__PURE__ */ t.jsxs("div", { className: z("flex items-center gap-1", s), children: [
+    Array.from({ length: o }, (u, x) => /* @__PURE__ */ t.jsx(
       "button",
       {
         type: "button",
-        onClick: () => r(f + 1),
-        onMouseEnter: () => h(f + 1),
+        onClick: () => r(x + 1),
+        onMouseEnter: () => h(x + 1),
         onMouseLeave: () => h(null),
         className: "focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 rounded",
-        disabled: s || l.disabled,
+        disabled: a || i.disabled,
         children: /* @__PURE__ */ t.jsx(
-          de,
+          _e,
           {
-            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"}`
+            className: `w-5 h-5 transition-colors ${x < f ? "fill-yellow-400 text-yellow-400 hover:fill-yellow-500 hover:text-yellow-500" : "text-muted-foreground hover:text-yellow-400"}`
           }
         )
       },
-      f
+      x
     )),
     /* @__PURE__ */ t.jsxs("span", { className: "ml-2 text-sm text-muted-foreground", children: [
       c,
@@ -1304,70 +1371,70 @@ function Xe({ value: e, onChange: r, field: a, readonly: s, className: n, ...l }
     ] })
   ] });
 }
-const xr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const yr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  RatingField: Xe
+  RatingField: ut
 }, Symbol.toStringTag, { value: "Module" }));
-function He({ value: e, onChange: r, field: a, readonly: s, ...n }) {
-  const l = a || n.schema, i = l?.language ?? "javascript";
-  return s ? /* @__PURE__ */ t.jsx("pre", { className: O("text-sm bg-muted p-2 rounded overflow-x-auto border", n.className), children: /* @__PURE__ */ t.jsx("code", { children: e || "-" }) }) : /* @__PURE__ */ t.jsx(
-    V,
+function mt({ value: e, onChange: r, field: n, readonly: a, ...s }) {
+  const i = n || s.schema, l = i?.language ?? "javascript";
+  return a ? /* @__PURE__ */ t.jsx("pre", { className: z("text-sm bg-muted p-2 rounded overflow-x-auto border", s.className), children: /* @__PURE__ */ t.jsx("code", { children: e || "-" }) }) : /* @__PURE__ */ t.jsx(
+    Z,
     {
       value: e || "",
       onChange: (o) => r(o.target.value),
-      placeholder: l?.placeholder || `// Write ${i} code here...`,
-      disabled: s || n.disabled,
-      className: O("font-mono text-sm", n.className),
+      placeholder: i?.placeholder || `// Write ${l} code here...`,
+      disabled: a || s.disabled,
+      className: z("font-mono text-sm", s.className),
       rows: 12,
       spellCheck: !1
     }
   );
 }
-const hr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Nr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  CodeField: He
+  CodeField: mt
 }, Symbol.toStringTag, { value: "Module" }));
-function Ze({ value: e, onChange: r, field: a, readonly: s, ...n }) {
-  const [l, i] = P.useState(!1), o = P.useRef(null), c = a || n.schema, m = (d) => {
-    const f = d.target.files?.[0];
-    if (!f) return;
-    if (!f.type.startsWith("image/")) {
+function ft({ value: e, onChange: r, field: n, readonly: a, ...s }) {
+  const [i, l] = k.useState(!1), o = k.useRef(null), c = n || s.schema, m = (u) => {
+    const x = u.target.files?.[0];
+    if (!x) return;
+    if (!x.type.startsWith("image/")) {
       console.error("Please select an image file");
       return;
     }
-    if (f.size > 5 * 1024 * 1024) {
+    if (x.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);
+    }, p.readAsDataURL(x);
   }, 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() })
+  }, f = () => (c?.defaultName || c?.label || "User").split(" ").map((x) => x[0]).join("").toUpperCase().slice(0, 2);
+  return a ? /* @__PURE__ */ t.jsxs(L, { className: "w-16 h-16", children: [
+    e && /* @__PURE__ */ t.jsx(ve, { src: e, alt: c?.label }),
+    /* @__PURE__ */ t.jsx(I, { children: f() })
   ] }) : /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-4", children: [
     /* @__PURE__ */ t.jsxs(
       "div",
       {
         className: "relative",
-        onMouseEnter: () => i(!0),
-        onMouseLeave: () => i(!1),
+        onMouseEnter: () => l(!0),
+        onMouseLeave: () => l(!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() })
+          /* @__PURE__ */ t.jsxs(L, { className: "w-16 h-16", children: [
+            e && /* @__PURE__ */ t.jsx(ve, { src: e, alt: c?.label }),
+            /* @__PURE__ */ t.jsx(I, { children: f() })
           ] }),
-          !s && l && e && /* @__PURE__ */ t.jsx(
+          !a && i && 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" })
+              children: /* @__PURE__ */ t.jsx(W, { className: "w-3 h-3" })
             }
           )
         ]
@@ -1385,15 +1452,15 @@ function Ze({ value: e, onChange: r, field: a, readonly: s, ...n }) {
         }
       ),
       /* @__PURE__ */ t.jsxs(
-        F,
+        P,
         {
           type: "button",
           variant: "outline",
           size: "sm",
           onClick: () => o.current?.click(),
-          disabled: s || n.disabled,
+          disabled: a || s.disabled,
           children: [
-            /* @__PURE__ */ t.jsx(_e, { className: "w-4 h-4 mr-2" }),
+            /* @__PURE__ */ t.jsx(Me, { className: "w-4 h-4 mr-2" }),
             e ? "Change" : "Upload",
             " Avatar"
           ]
@@ -1403,14 +1470,14 @@ function Ze({ value: e, onChange: r, field: a, readonly: s, ...n }) {
     ] })
   ] });
 }
-const pr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const vr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  AvatarField: Ze
+  AvatarField: ft
 }, Symbol.toStringTag, { value: "Module" }));
-function Ke({ value: e, onChange: r, field: a, readonly: s, ...n }) {
-  const l = e || {}, i = (c, m) => {
+function xt({ value: e, onChange: r, field: n, readonly: a, ...s }) {
+  const i = e || {}, l = (c, m) => {
     r({
-      ...l,
+      ...i,
       [c]: m
     });
   }, o = (c) => [
@@ -1419,109 +1486,109 @@ function Ke({ value: e, onChange: r, field: a, readonly: s, ...n }) {
     [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: [
+  return a ? /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: o(i) }) : /* @__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(E, { htmlFor: "street", className: "text-xs", children: "Street Address" }),
       /* @__PURE__ */ t.jsx(
-        _,
+        w,
         {
           id: "street",
           type: "text",
-          value: l.street || "",
-          onChange: (c) => i("street", c.target.value),
+          value: i.street || "",
+          onChange: (c) => l("street", c.target.value),
           placeholder: "123 Main St",
-          disabled: s || n.disabled,
-          className: n.className
+          disabled: a || s.disabled,
+          className: s.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(E, { htmlFor: "city", className: "text-xs", children: "City" }),
         /* @__PURE__ */ t.jsx(
-          _,
+          w,
           {
             id: "city",
             type: "text",
-            value: l.city || "",
-            onChange: (c) => i("city", c.target.value),
+            value: i.city || "",
+            onChange: (c) => l("city", c.target.value),
             placeholder: "San Francisco",
-            disabled: s || n.disabled
+            disabled: a || s.disabled
           }
         )
       ] }),
       /* @__PURE__ */ t.jsxs("div", { children: [
-        /* @__PURE__ */ t.jsx(R, { htmlFor: "state", className: "text-xs", children: "State / Province" }),
+        /* @__PURE__ */ t.jsx(E, { htmlFor: "state", className: "text-xs", children: "State / Province" }),
         /* @__PURE__ */ t.jsx(
-          _,
+          w,
           {
             id: "state",
             type: "text",
-            value: l.state || "",
-            onChange: (c) => i("state", c.target.value),
+            value: i.state || "",
+            onChange: (c) => l("state", c.target.value),
             placeholder: "CA",
-            disabled: s || n.disabled
+            disabled: a || s.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(E, { htmlFor: "zipCode", className: "text-xs", children: "ZIP / Postal Code" }),
         /* @__PURE__ */ t.jsx(
-          _,
+          w,
           {
             id: "zipCode",
             type: "text",
-            value: l.zipCode || "",
-            onChange: (c) => i("zipCode", c.target.value),
+            value: i.zipCode || "",
+            onChange: (c) => l("zipCode", c.target.value),
             placeholder: "94102",
-            disabled: s || n.disabled
+            disabled: a || s.disabled
           }
         )
       ] }),
       /* @__PURE__ */ t.jsxs("div", { children: [
-        /* @__PURE__ */ t.jsx(R, { htmlFor: "country", className: "text-xs", children: "Country" }),
+        /* @__PURE__ */ t.jsx(E, { htmlFor: "country", className: "text-xs", children: "Country" }),
         /* @__PURE__ */ t.jsx(
-          _,
+          w,
           {
             id: "country",
             type: "text",
-            value: l.country || "",
-            onChange: (c) => i("country", c.target.value),
+            value: i.country || "",
+            onChange: (c) => l("country", c.target.value),
             placeholder: "United States",
-            disabled: s || n.disabled
+            disabled: a || s.disabled
           }
         )
       ] })
     ] })
   ] });
 }
-const gr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const _r = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  AddressField: Ke
+  AddressField: xt
 }, Symbol.toStringTag, { value: "Module" }));
-function et({ value: e, onChange: r, field: a, readonly: s, ...n }) {
-  const [l, i] = P.useState(!1), o = e || {}, c = (d, f) => {
+function ht({ value: e, onChange: r, field: n, readonly: a, ...s }) {
+  const [i, l] = k.useState(!1), o = e || {}, c = (u, x) => {
     r({
       ...o,
-      [d]: f ? Number(f) : void 0
+      [u]: x ? Number(x) : void 0
     });
   }, m = () => {
     if (!navigator.geolocation) {
       console.error("Geolocation is not supported by this browser");
       return;
     }
-    i(!0), navigator.geolocation.getCurrentPosition(
-      (d) => {
+    l(!0), navigator.geolocation.getCurrentPosition(
+      (u) => {
         r({
-          latitude: d.coords.latitude,
-          longitude: d.coords.longitude,
-          accuracy: d.coords.accuracy
-        }), i(!1);
+          latitude: u.coords.latitude,
+          longitude: u.coords.longitude,
+          accuracy: u.coords.accuracy
+        }), l(!1);
       },
-      (d) => {
-        console.error("Error getting location:", d.message), i(!1);
+      (u) => {
+        console.error("Error getting location:", u.message), l(!1);
       },
       {
         enableHighAccuracy: !0,
@@ -1529,21 +1596,21 @@ function et({ value: e, onChange: r, field: a, readonly: s, ...n }) {
         maximumAge: 0
       }
     );
-  }, h = (d) => !d.latitude || !d.longitude ? "-" : `${d.latitude.toFixed(6)}, ${d.longitude.toFixed(6)}`, x = () => {
+  }, h = (u) => !u.latitude || !u.longitude ? "-" : `${u.latitude.toFixed(6)}, ${u.longitude.toFixed(6)}`, f = () => {
     if (!o.latitude || !o.longitude) return;
-    const d = `https://www.google.com/maps?q=${o.latitude},${o.longitude}`;
-    window.open(d, "_blank");
+    const u = `https://www.google.com/maps?q=${o.latitude},${o.longitude}`;
+    window.open(u, "_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" }),
+  return a ? /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ t.jsx(we, { 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,
+      P,
       {
         type: "button",
         variant: "link",
         size: "sm",
-        onClick: x,
+        onClick: f,
         className: "p-0 h-auto",
         children: "View on map"
       }
@@ -1551,28 +1618,28 @@ function et({ value: e, onChange: r, field: a, readonly: s, ...n }) {
   ] }) : /* @__PURE__ */ t.jsxs("div", { className: "space-y-3", children: [
     /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ t.jsxs(
-        F,
+        P,
         {
           type: "button",
           variant: "outline",
           size: "sm",
           onClick: m,
-          disabled: s || l,
+          disabled: a || i,
           children: [
-            /* @__PURE__ */ t.jsx(At, { className: "w-4 h-4 mr-2" }),
-            l ? "Getting location..." : "Use Current Location"
+            /* @__PURE__ */ t.jsx(It, { className: "w-4 h-4 mr-2" }),
+            i ? "Getting location..." : "Use Current Location"
           ]
         }
       ),
       o.latitude && o.longitude && /* @__PURE__ */ t.jsxs(
-        F,
+        P,
         {
           type: "button",
           variant: "link",
           size: "sm",
-          onClick: x,
+          onClick: f,
           children: [
-            /* @__PURE__ */ t.jsx(ue, { className: "w-4 h-4 mr-2" }),
+            /* @__PURE__ */ t.jsx(we, { className: "w-4 h-4 mr-2" }),
             "View on map"
           ]
         }
@@ -1580,32 +1647,32 @@ function et({ value: e, onChange: r, field: a, readonly: s, ...n }) {
     ] }),
     /* @__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(E, { htmlFor: "latitude", className: "text-xs", children: "Latitude" }),
         /* @__PURE__ */ t.jsx(
-          _,
+          w,
           {
             id: "latitude",
             type: "number",
             value: o.latitude ?? "",
-            onChange: (d) => c("latitude", d.target.value),
+            onChange: (u) => c("latitude", u.target.value),
             placeholder: "37.7749",
-            disabled: s || n.disabled,
+            disabled: a || s.disabled,
             step: "any",
-            className: n.className
+            className: s.className
           }
         )
       ] }),
       /* @__PURE__ */ t.jsxs("div", { children: [
-        /* @__PURE__ */ t.jsx(R, { htmlFor: "longitude", className: "text-xs", children: "Longitude" }),
+        /* @__PURE__ */ t.jsx(E, { htmlFor: "longitude", className: "text-xs", children: "Longitude" }),
         /* @__PURE__ */ t.jsx(
-          _,
+          w,
           {
             id: "longitude",
             type: "number",
             value: o.longitude ?? "",
-            onChange: (d) => c("longitude", d.target.value),
+            onChange: (u) => c("longitude", u.target.value),
             placeholder: "-122.4194",
-            disabled: s || n.disabled,
+            disabled: a || s.disabled,
             step: "any"
           }
         )
@@ -1618,58 +1685,58 @@ function et({ value: e, onChange: r, field: a, readonly: s, ...n }) {
     ] })
   ] });
 }
-const br = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const wr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  GeolocationField: et
+  GeolocationField: ht
 }, Symbol.toStringTag, { value: "Module" }));
-function tt({ value: e, onChange: r, readonly: a }) {
-  const s = te(null), [n, l] = P.useState(!1), [i, o] = P.useState(!e);
-  ve(() => {
-    if (e && s.current) {
-      const f = s.current.getContext("2d");
-      if (f) {
+function pt({ value: e, onChange: r, readonly: n }) {
+  const a = xe(null), [s, i] = k.useState(!1), [l, o] = k.useState(!e);
+  ze(() => {
+    if (e && a.current) {
+      const x = a.current.getContext("2d");
+      if (x) {
         const p = new Image();
         p.onload = () => {
-          f.drawImage(p, 0, 0), o(!1);
+          x.drawImage(p, 0, 0), o(!1);
         }, p.src = e;
       }
     }
   }, [e]);
-  const c = (d) => {
-    if (a) return;
-    l(!0), o(!1);
-    const f = s.current;
-    if (!f) return;
-    const p = f.getContext("2d");
+  const c = (u) => {
+    if (n) return;
+    i(!0), o(!1);
+    const x = a.current;
+    if (!x) return;
+    const p = x.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 (!n || a) return;
-    const f = s.current;
-    if (!f) return;
-    const p = f.getContext("2d");
+    const v = x.getBoundingClientRect(), R = "touches" in u ? u.touches[0].clientX - v.left : u.clientX - v.left, N = "touches" in u ? u.touches[0].clientY - v.top : u.clientY - v.top;
+    p.beginPath(), p.moveTo(R, N);
+  }, m = (u) => {
+    if (!s || n) return;
+    const x = a.current;
+    if (!x) return;
+    const p = x.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();
+    const v = x.getBoundingClientRect(), R = "touches" in u ? u.touches[0].clientX - v.left : u.clientX - v.left, N = "touches" in u ? u.touches[0].clientY - v.top : u.clientY - v.top;
+    p.lineTo(R, N), p.strokeStyle = "#000", p.lineWidth = 2, p.lineCap = "round", p.lineJoin = "round", p.stroke();
   }, h = () => {
-    if (!n) 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(""));
+    if (!s) return;
+    i(!1);
+    const u = a.current;
+    if (!u) return;
+    const x = u.toDataURL("image/png");
+    r(x);
+  }, f = () => {
+    const u = a.current;
+    if (!u) return;
+    const x = u.getContext("2d");
+    x && (x.clearRect(0, 0, u.width, u.height), o(!0), r(""));
   };
-  return a && e ? /* @__PURE__ */ t.jsx("div", { className: "border rounded p-2 bg-white", children: /* @__PURE__ */ t.jsx("img", { src: e, alt: "Signature", loading: "lazy", className: "max-w-full h-auto" }) }) : a && !e ? /* @__PURE__ */ t.jsx("span", { className: "text-sm text-muted-foreground", children: "No signature" }) : /* @__PURE__ */ t.jsxs("div", { className: "space-y-2", children: [
+  return n && e ? /* @__PURE__ */ t.jsx("div", { className: "border rounded p-2 bg-white", children: /* @__PURE__ */ t.jsx("img", { src: e, alt: "Signature", loading: "lazy", 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,
+        ref: a,
         width: 400,
         height: 200,
         className: "w-full touch-none cursor-crosshair",
@@ -1683,17 +1750,17 @@ function tt({ value: e, onChange: r, readonly: a }) {
       }
     ) }),
     /* @__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.jsx("p", { className: "text-xs text-muted-foreground", children: l ? "Sign above" : "Signature captured" }),
       /* @__PURE__ */ t.jsxs(
-        F,
+        P,
         {
           type: "button",
           variant: "outline",
           size: "sm",
-          onClick: x,
-          disabled: a || i,
+          onClick: f,
+          disabled: n || l,
           children: [
-            /* @__PURE__ */ t.jsx($t, { className: "w-4 h-4 mr-2" }),
+            /* @__PURE__ */ t.jsx(Ut, { className: "w-4 h-4 mr-2" }),
             "Clear"
           ]
         }
@@ -1701,26 +1768,26 @@ function tt({ value: e, onChange: r, readonly: a }) {
     ] })
   ] });
 }
-const jr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Fr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  SignatureField: tt
+  SignatureField: pt
 }, Symbol.toStringTag, { value: "Module" }));
-function rt({ value: e, onChange: r, field: a, readonly: s, ...n }) {
-  const [l, i] = P.useState(!1), o = a || n.schema, c = (h) => `https://api.qrserver.com/v1/create-qr-code/?size=200x200&data=${encodeURIComponent(h)}`, m = () => {
+function gt({ value: e, onChange: r, field: n, readonly: a, ...s }) {
+  const [i, l] = k.useState(!1), o = n || s.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: [
+  return a ? /* @__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,
+      P,
       {
         type: "button",
         variant: "outline",
         size: "sm",
-        onClick: () => i(!l),
+        onClick: () => l(!i),
         children: [
-          /* @__PURE__ */ t.jsx(me, { className: "w-4 h-4 mr-2" }),
-          l ? "Hide" : "Show",
+          /* @__PURE__ */ t.jsx(Fe, { className: "w-4 h-4 mr-2" }),
+          i ? "Hide" : "Show",
           " QR"
         ]
       }
@@ -1728,40 +1795,40 @@ function rt({ value: e, onChange: r, field: a, readonly: s, ...n }) {
   ] }) : /* @__PURE__ */ t.jsxs("div", { className: "space-y-3", children: [
     /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ t.jsx(
-        _,
+        w,
         {
           type: "text",
           value: e || "",
           onChange: (h) => r(h.target.value),
           placeholder: o?.placeholder || "Enter text for QR code",
-          disabled: s || n.disabled,
-          className: n.className
+          disabled: a || s.disabled,
+          className: s.className
         }
       ),
       e && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
         /* @__PURE__ */ t.jsx(
-          F,
+          P,
           {
             type: "button",
             variant: "outline",
             size: "sm",
             onClick: m,
-            children: /* @__PURE__ */ t.jsx(zt, { className: "w-4 h-4" })
+            children: /* @__PURE__ */ t.jsx(he, { className: "w-4 h-4" })
           }
         ),
         /* @__PURE__ */ t.jsx(
-          F,
+          P,
           {
             type: "button",
             variant: "outline",
             size: "sm",
-            onClick: () => i(!l),
-            children: /* @__PURE__ */ t.jsx(me, { className: "w-4 h-4" })
+            onClick: () => l(!i),
+            children: /* @__PURE__ */ t.jsx(Fe, { 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(
+    i && e && /* @__PURE__ */ t.jsx("div", { className: "border rounded p-4 bg-white flex justify-center", children: /* @__PURE__ */ t.jsx(
       "img",
       {
         src: c(e),
@@ -1776,105 +1843,105 @@ function rt({ value: e, onChange: r, field: a, readonly: s, ...n }) {
     ] })
   ] });
 }
-const yr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Sr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  QRCodeField: rt
+  QRCodeField: gt
 }, Symbol.toStringTag, { value: "Module" }));
-function st({
+function bt({
   value: e,
   onChange: r,
-  field: a,
-  readonly: s,
-  className: n,
-  ...l
+  field: n,
+  readonly: a,
+  className: s,
+  ...i
 }) {
-  const i = e || [], o = a || l.schema, c = () => {
-    const x = {
+  const l = e || [], o = n || i.schema, c = () => {
+    const f = {
       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);
+    r([...l, f]);
+  }, m = (f) => {
+    r(l.filter((u) => u.id !== f));
+  }, h = (f) => {
+    console.log("View detail:", f);
   };
-  return s ? /* @__PURE__ */ t.jsxs("div", { className: O("space-y-2", n), children: [
-    i.length === 0 ? /* @__PURE__ */ t.jsx("span", { className: "text-sm text-muted-foreground", children: "No related records" }) : i.map((x) => /* @__PURE__ */ t.jsxs(
+  return a ? /* @__PURE__ */ t.jsxs("div", { className: z("space-y-2", s), children: [
+    l.length === 0 ? /* @__PURE__ */ t.jsx("span", { className: "text-sm text-muted-foreground", children: "No related records" }) : l.map((f) => /* @__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("span", { className: "text-sm", children: f.label }),
           /* @__PURE__ */ t.jsx(
-            F,
+            P,
             {
               type: "button",
               variant: "ghost",
               size: "sm",
-              onClick: () => h(x),
-              children: /* @__PURE__ */ t.jsx(fe, { className: "w-4 h-4" })
+              onClick: () => h(f),
+              children: /* @__PURE__ */ t.jsx(Se, { className: "w-4 h-4" })
             }
           )
         ]
       },
-      x.id
+      f.id
     )),
     /* @__PURE__ */ t.jsxs("p", { className: "text-xs text-muted-foreground", children: [
-      i.length,
+      l.length,
       " ",
-      i.length === 1 ? "record" : "records"
+      l.length === 1 ? "record" : "records"
     ] })
-  ] }) : /* @__PURE__ */ t.jsxs("div", { className: O("space-y-3", n), children: [
+  ] }) : /* @__PURE__ */ t.jsxs("div", { className: z("space-y-3", s), children: [
     /* @__PURE__ */ t.jsxs("div", { className: "space-y-2", children: [
-      i.map((x) => /* @__PURE__ */ t.jsxs(
+      l.map((f) => /* @__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.jsx(M, { variant: "outline", children: f.id }),
+              /* @__PURE__ */ t.jsx("span", { className: "text-sm flex-1", children: f.label })
             ] }),
             /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-1", children: [
               /* @__PURE__ */ t.jsx(
-                F,
+                P,
                 {
                   type: "button",
                   variant: "ghost",
                   size: "sm",
-                  onClick: () => h(x),
-                  children: /* @__PURE__ */ t.jsx(fe, { className: "w-4 h-4" })
+                  onClick: () => h(f),
+                  children: /* @__PURE__ */ t.jsx(Se, { className: "w-4 h-4" })
                 }
               ),
               /* @__PURE__ */ t.jsx(
-                F,
+                P,
                 {
                   type: "button",
                   variant: "ghost",
                   size: "sm",
-                  onClick: () => m(x.id),
-                  disabled: l.disabled,
-                  children: /* @__PURE__ */ t.jsx(E, { className: "w-4 h-4" })
+                  onClick: () => m(f.id),
+                  disabled: i.disabled,
+                  children: /* @__PURE__ */ t.jsx(W, { className: "w-4 h-4" })
                 }
               )
             ] })
           ]
         },
-        x.id
+        f.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" })
+      l.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,
+      P,
       {
         type: "button",
         variant: "outline",
         className: "w-full",
         onClick: c,
-        disabled: l.disabled,
+        disabled: i.disabled,
         children: [
-          /* @__PURE__ */ t.jsx(Et, { className: "w-4 h-4 mr-2" }),
+          /* @__PURE__ */ t.jsx(Vt, { className: "w-4 h-4 mr-2" }),
           "Add ",
           o?.label || "Record"
         ]
@@ -1882,11 +1949,11 @@ function st({
     )
   ] });
 }
-const Nr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Cr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  MasterDetailField: st
+  MasterDetailField: bt
 }, Symbol.toStringTag, { value: "Module" }));
-function vr(e, r = "USD") {
+function Pr(e, r = "USD") {
   try {
     return new Intl.NumberFormat("en-US", {
       style: "currency",
@@ -1896,22 +1963,56 @@ function vr(e, r = "USD") {
     return `${r} ${e.toFixed(2)}`;
   }
 }
-function _r(e, r = 0) {
+function Zr(e, r = "USD") {
+  try {
+    return new Intl.NumberFormat("en-US", {
+      style: "currency",
+      currency: r,
+      notation: "compact",
+      maximumFractionDigits: 1
+    }).format(e).replace(/\.0(?=[KMBT])/, "");
+  } catch {
+    return `${r} ${e}`;
+  }
+}
+function Tr(e, r = 0) {
   return `${(e > -1 && e < 1 ? e * 100 : e).toFixed(r)}%`;
 }
-function Fr(e, r) {
+function ue(e) {
+  return e.replace(/[_-]/g, " ").replace(/\b\w/g, (r) => r.toUpperCase());
+}
+function Or(e) {
+  if (!e) return "-";
+  const r = typeof e == "string" ? new Date(e) : e;
+  if (isNaN(r.getTime())) return "-";
+  const n = /* @__PURE__ */ new Date(), a = new Date(n.getFullYear(), n.getMonth(), n.getDate()), i = new Date(r.getFullYear(), r.getMonth(), r.getDate()).getTime() - a.getTime(), l = Math.round(i / (1e3 * 60 * 60 * 24));
+  if (l === 0) return "Today";
+  if (l === 1) return "Tomorrow";
+  if (l === -1) return "Yesterday";
+  if (l < -1) {
+    const o = Math.abs(l);
+    return o <= 7 ? `Overdue ${o}d` : me(r);
+  }
+  return l > 1 && l <= 7 ? `In ${l} days` : me(r);
+}
+function me(e, r) {
   if (!e) return "-";
-  const a = typeof e == "string" ? new Date(e) : e;
-  return isNaN(a.getTime()) ? "-" : a.toLocaleDateString("en-US", {
+  const n = typeof e == "string" ? new Date(e) : e;
+  if (isNaN(n.getTime())) return "-";
+  if (r === "short") {
+    const a = n.toLocaleDateString("en-US", { month: "short" }), s = n.getDate(), i = String(n.getFullYear()).slice(-2);
+    return `${a} ${s}, '${i}`;
+  }
+  return r === "relative" ? Or(n) : n.toLocaleDateString(void 0, {
     year: "numeric",
     month: "short",
     day: "numeric"
   });
 }
-function wr(e) {
+function Kr(e) {
   if (!e) return "-";
   const r = typeof e == "string" ? new Date(e) : e;
-  return isNaN(r.getTime()) ? "-" : r.toLocaleDateString("en-US", {
+  return isNaN(r.getTime()) ? "-" : r.toLocaleDateString(void 0, {
     year: "numeric",
     month: "short",
     day: "numeric",
@@ -1919,121 +2020,182 @@ function wr(e) {
     minute: "2-digit"
   });
 }
-function A({ value: e }) {
-  return /* @__PURE__ */ t.jsx("span", { className: "truncate", children: e || "-" });
+function D({ value: e }) {
+  return /* @__PURE__ */ t.jsx("span", { className: "truncate", children: e != null && e !== "" ? String(e) : "-" });
 }
-function Sr({ value: e, field: r }) {
+function Rr({ value: e, field: r }) {
   if (e == null) return /* @__PURE__ */ t.jsx("span", { className: "text-muted-foreground", children: "-" });
-  const s = r.precision ?? 0, n = typeof e == "number" ? new Intl.NumberFormat("en-US", { minimumFractionDigits: s, maximumFractionDigits: s }).format(e) : e;
-  return /* @__PURE__ */ t.jsx("span", { className: "tabular-nums", children: n });
+  const a = r.precision ?? 0, s = typeof e == "number" ? new Intl.NumberFormat("en-US", { minimumFractionDigits: a, maximumFractionDigits: a }).format(e) : e;
+  return /* @__PURE__ */ t.jsx("span", { className: "tabular-nums", children: s });
 }
-function Cr({ value: e, field: r }) {
+function kr({ value: e, field: r }) {
   if (e == null) return /* @__PURE__ */ t.jsx("span", { className: "text-muted-foreground", children: "-" });
-  const s = r.currency || "USD", n = vr(Number(e), s);
-  return /* @__PURE__ */ t.jsx("span", { className: "tabular-nums font-medium whitespace-nowrap", children: n });
+  const a = r.currency || "USD", s = Pr(Number(e), a);
+  return /* @__PURE__ */ t.jsx("span", { className: "tabular-nums font-medium whitespace-nowrap", children: s });
 }
-function Pr({ value: e, field: r }) {
+const Ar = /progress|completion/;
+function $r({ value: e, field: r }) {
   if (e == null) return /* @__PURE__ */ t.jsx("span", { className: "text-muted-foreground", children: "-" });
-  const s = r.precision ?? 0, n = Number(e), l = _r(n, s), i = n > -1 && n < 1 ? n * 100 : n, o = Math.max(0, Math.min(100, i));
+  const a = r.precision ?? 0, s = Number(e), i = Ar.test(r?.name?.toLowerCase() || ""), l = i ? s : s > -1 && s < 1 ? s * 100 : s, o = i ? `${s.toFixed(a)}%` : Tr(s, a), c = Math.max(0, Math.min(100, l));
   return /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-2", children: [
     /* @__PURE__ */ t.jsx(
       "div",
       {
         className: "h-1.5 w-16 rounded-full bg-muted overflow-hidden flex-shrink-0",
         role: "progressbar",
-        "aria-valuenow": o,
+        "aria-valuenow": c,
         "aria-valuemin": 0,
         "aria-valuemax": 100,
         children: /* @__PURE__ */ t.jsx(
           "div",
           {
             className: "h-full rounded-full bg-primary transition-all",
-            style: { width: `${o}%` }
+            style: { width: `${c}%` }
           }
         )
       }
     ),
-    /* @__PURE__ */ t.jsx("span", { className: "tabular-nums whitespace-nowrap", children: l })
+    /* @__PURE__ */ t.jsx("span", { className: "tabular-nums whitespace-nowrap", children: o })
   ] });
 }
-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__ */ 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 Tr({ value: e, field: r }) {
-  const s = Fr(e, r.format);
-  return /* @__PURE__ */ t.jsx("span", { className: "tabular-nums", children: s });
+const zr = /* @__PURE__ */ new Set([
+  "active",
+  "is_active",
+  "enabled",
+  "is_enabled",
+  "verified",
+  "is_verified"
+]);
+function Er({ value: e, field: r }) {
+  if (e == null)
+    return /* @__PURE__ */ t.jsx("span", { className: "text-muted-foreground/50 text-xs italic flex items-center justify-center", children: "—" });
+  const n = r?.name?.toLowerCase() || "";
+  return n === "completed" || n === "is_completed" || n === "done" || n === "is_done" ? /* @__PURE__ */ t.jsx("div", { className: "flex items-center justify-center", children: e ? /* @__PURE__ */ t.jsx("div", { className: "size-5 rounded-full bg-green-500 flex items-center justify-center", role: "img", "aria-label": "Completed", "data-testid": "completion-indicator", children: /* @__PURE__ */ t.jsx(pe, { className: "size-3 text-white" }) }) : /* @__PURE__ */ t.jsx("div", { className: "size-5 rounded-full border-2 border-muted-foreground/30", role: "img", "aria-label": "Not completed", "data-testid": "completion-indicator" }) }) : zr.has(n) && !e ? /* @__PURE__ */ t.jsxs(M, { variant: "destructive", className: "text-xs", "data-testid": "boolean-warning-badge", children: [
+    r?.label || ue(n),
+    " — Off"
+  ] }) : /* @__PURE__ */ t.jsx("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ t.jsx(Ee, { checked: !!e, disabled: !0, className: "pointer-events-none" }) });
+}
+function Dr({ value: e, field: r }) {
+  if (!e) return /* @__PURE__ */ t.jsx("span", { className: "text-muted-foreground", children: "-" });
+  const a = r.format || "relative", s = me(e, a), i = typeof e == "string" ? new Date(e) : e, l = i instanceof Date && !isNaN(i.getTime()), o = /* @__PURE__ */ new Date();
+  o.setHours(0, 0, 0, 0);
+  const c = l && i < o, m = l ? i.toISOString() : String(e);
+  return /* @__PURE__ */ t.jsx(
+    "span",
+    {
+      className: `tabular-nums${c ? " text-red-600" : ""}`,
+      title: m,
+      children: s
+    }
+  );
 }
-function Rr({ value: e }) {
-  const r = wr(e);
-  return /* @__PURE__ */ t.jsx("span", { className: "tabular-nums text-sm", children: r });
+function Mr({ value: e }) {
+  if (!e) return /* @__PURE__ */ t.jsx("span", { className: "text-muted-foreground", children: "-" });
+  const r = typeof e == "string" ? new Date(e) : e;
+  if (isNaN(r.getTime())) return /* @__PURE__ */ t.jsx("span", { className: "text-muted-foreground", children: "-" });
+  const n = r.toLocaleDateString(void 0, {
+    month: "numeric",
+    day: "numeric",
+    year: "numeric"
+  }), a = r.toLocaleTimeString(void 0, {
+    hour: "numeric",
+    minute: "2-digit",
+    hour12: !0
+  }).toLowerCase();
+  return /* @__PURE__ */ t.jsxs("span", { className: "tabular-nums text-sm whitespace-nowrap", children: [
+    /* @__PURE__ */ t.jsx("span", { children: n }),
+    /* @__PURE__ */ t.jsx("span", { className: "ml-2 text-muted-foreground", children: a })
+  ] });
+}
+const Lr = {
+  critical: "red",
+  urgent: "red",
+  high: "orange",
+  medium: "yellow",
+  normal: "blue",
+  low: "gray",
+  none: "gray"
+}, Ir = {
+  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",
+  yellow: "bg-yellow-100 text-yellow-800 border-yellow-300",
+  green: "bg-green-100 text-green-800 border-green-300",
+  blue: "bg-blue-100 text-blue-800 border-blue-300",
+  indigo: "bg-indigo-100 text-indigo-800 border-indigo-300",
+  purple: "bg-purple-100 text-purple-800 border-purple-300",
+  pink: "bg-pink-100 text-pink-800 border-pink-300"
+};
+function ke(e, r) {
+  const n = e || (r ? Lr[String(r).toLowerCase()] : void 0);
+  return Ir[n || ""] || "bg-muted text-muted-foreground border-border";
 }
-function q({ value: e, field: r }) {
-  const s = r.options || [];
+function se({ value: e, field: r }) {
+  const a = r.options || [];
   if (!e) return /* @__PURE__ */ t.jsx("span", { children: "-" });
-  const n = (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",
-      yellow: "bg-yellow-100 text-yellow-800 border-yellow-300",
-      green: "bg-green-100 text-green-800 border-green-300",
-      blue: "bg-blue-100 text-blue-800 border-blue-300",
-      indigo: "bg-indigo-100 text-indigo-800 border-indigo-300",
-      purple: "bg-purple-100 text-purple-800 border-purple-300",
-      pink: "bg-pink-100 text-pink-800 border-pink-300"
-    };
-    return m[c || "blue"] || m.blue;
-  };
   if (Array.isArray(e))
-    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 = n(h?.color);
+    return /* @__PURE__ */ t.jsx("div", { className: "flex flex-wrap gap-1", children: e.map((o, c) => {
+      const m = a.find((u) => u.value === o), h = m?.label || ue(String(o)), f = ke(m?.color, o);
       return /* @__PURE__ */ t.jsx(
-        k,
+        M,
         {
           variant: "outline",
-          className: d,
-          children: x
+          className: f,
+          children: h
         },
-        m
+        c
       );
     }) });
-  const l = s.find((c) => c.value === e), i = l?.label || e, o = n(l?.color);
+  const s = a.find((o) => o.value === e), i = s?.label || ue(String(e)), l = ke(s?.color, e);
   return /* @__PURE__ */ t.jsx(
-    k,
+    M,
     {
       variant: "outline",
-      className: o,
+      className: l,
       children: i
     }
   );
 }
-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__ */ t.jsx(
-        "a",
-        {
-          href: `mailto:${e}`,
-          onClick: (r) => r.stopPropagation(),
-          children: e
-        }
-      )
-    }
-  ) : /* @__PURE__ */ t.jsx("span", { children: "-" });
+function Ur({ value: e }) {
+  if (!e) return /* @__PURE__ */ t.jsx("span", { children: "-" });
+  const [r, n] = k.useState(!1), a = (s) => {
+    s.stopPropagation(), s.preventDefault(), navigator.clipboard.writeText(String(e)).then(() => {
+      n(!0), setTimeout(() => n(!1), 2e3);
+    }).catch(() => {
+    });
+  };
+  return /* @__PURE__ */ t.jsxs("span", { className: "inline-flex items-center gap-1 group/email", children: [
+    /* @__PURE__ */ t.jsx(
+      P,
+      {
+        variant: "link",
+        className: "p-0 h-auto font-normal text-blue-600 hover:text-blue-800",
+        asChild: !0,
+        children: /* @__PURE__ */ t.jsx(
+          "a",
+          {
+            href: `mailto:${e}`,
+            onClick: (s) => s.stopPropagation(),
+            children: e
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ t.jsx(
+      "button",
+      {
+        type: "button",
+        className: "opacity-0 group-hover/email:opacity-100 transition-opacity p-0.5 rounded hover:bg-muted",
+        onClick: a,
+        "aria-label": "Copy email",
+        children: r ? /* @__PURE__ */ t.jsx(pe, { className: "h-3 w-3 text-green-600" }) : /* @__PURE__ */ t.jsx(he, { className: "h-3 w-3 text-muted-foreground" })
+      }
+    )
+  ] });
 }
-function Ar({ value: e }) {
+function Vr({ value: e }) {
   return e ? /* @__PURE__ */ t.jsx(
-    F,
+    P,
     {
       variant: "link",
       className: "p-0 h-auto font-normal text-blue-600 hover:text-blue-800",
@@ -2051,40 +2213,62 @@ function Ar({ value: e }) {
     }
   ) : /* @__PURE__ */ t.jsx("span", { children: "-" });
 }
-function $r({ value: e }) {
-  return e ? /* @__PURE__ */ t.jsx(
-    "a",
-    {
-      href: `tel:${e}`,
-      className: "text-blue-600 hover:text-blue-800",
-      onClick: (r) => r.stopPropagation(),
-      children: e
-    }
-  ) : /* @__PURE__ */ t.jsx("span", { children: "-" });
+function Br({ value: e }) {
+  if (!e) return /* @__PURE__ */ t.jsx("span", { children: "-" });
+  const [r, n] = k.useState(!1), a = (s) => {
+    s.stopPropagation(), s.preventDefault(), navigator.clipboard.writeText(String(e)).then(() => {
+      n(!0), setTimeout(() => n(!1), 2e3);
+    }).catch(() => {
+    });
+  };
+  return /* @__PURE__ */ t.jsxs("span", { className: "inline-flex items-center gap-1 group/phone", children: [
+    /* @__PURE__ */ t.jsxs(
+      "a",
+      {
+        href: `tel:${e}`,
+        className: "inline-flex items-center gap-1 text-blue-600 hover:text-blue-800",
+        onClick: (s) => s.stopPropagation(),
+        children: [
+          /* @__PURE__ */ t.jsx(Bt, { className: "h-3 w-3" }),
+          e
+        ]
+      }
+    ),
+    /* @__PURE__ */ t.jsx(
+      "button",
+      {
+        type: "button",
+        className: "opacity-0 group-hover/phone:opacity-100 transition-opacity p-0.5 rounded hover:bg-muted",
+        onClick: a,
+        "aria-label": "Copy phone number",
+        children: r ? /* @__PURE__ */ t.jsx(pe, { className: "h-3 w-3 text-green-600" }) : /* @__PURE__ */ t.jsx(he, { className: "h-3 w-3 text-muted-foreground" })
+      }
+    )
+  ] });
 }
-function zr({ value: e, field: r }) {
+function Yr({ value: e, field: r }) {
   if (!e) return /* @__PURE__ */ t.jsx("span", { children: "-" });
   if (r.multiple, Array.isArray(e)) {
-    const n = e.length;
+    const s = e.length;
     return /* @__PURE__ */ t.jsxs("span", { className: "text-sm text-gray-600", children: [
-      n,
+      s,
       " ",
-      n === 1 ? "file" : "files"
+      s === 1 ? "file" : "files"
     ] });
   }
-  const s = e.name || e.original_name || "File";
-  return /* @__PURE__ */ t.jsx("span", { className: "text-sm truncate", children: s });
+  const a = e.name || e.original_name || "File";
+  return /* @__PURE__ */ t.jsx("span", { className: "text-sm truncate", children: a });
 }
-function Er({ value: e }) {
+function qr({ value: e }) {
   return e ? Array.isArray(e) ? /* @__PURE__ */ t.jsxs("div", { className: "flex -space-x-2", children: [
-    e.slice(0, 3).map((r, a) => /* @__PURE__ */ t.jsx(
+    e.slice(0, 3).map((r, n) => /* @__PURE__ */ t.jsx(
       "img",
       {
         src: r.url || "",
-        alt: r.name || `Image ${a + 1}`,
+        alt: r.name || `Image ${n + 1}`,
         className: "size-8 rounded-md border-2 border-white object-cover"
       },
-      a
+      n
     )),
     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: [
       "+",
@@ -2099,100 +2283,113 @@ function Er({ value: e }) {
     }
   ) : /* @__PURE__ */ t.jsx("span", { children: "-" });
 }
-function nt({ value: e }) {
-  if (!e) return /* @__PURE__ */ t.jsx("span", { children: "-" });
+function ne({ value: e, field: r }) {
+  if (e == null || e === "") return /* @__PURE__ */ t.jsx("span", { children: "-" });
+  const n = r.options || [], a = (s) => {
+    if (n.length > 0) {
+      const i = n.find((l) => String(l.value) === String(s));
+      if (i) return i.label;
+    }
+    return String(s);
+  };
   if (Array.isArray(e))
-    return /* @__PURE__ */ t.jsx("div", { className: "flex flex-wrap gap-1", children: e.map((r, a) => {
-      const s = r.name || r.label || r._id || String(r);
-      return /* @__PURE__ */ t.jsx(
+    return /* @__PURE__ */ t.jsx("div", { className: "flex flex-wrap gap-1", children: e.map((s, i) => {
+      let l;
+      return s != null && typeof s == "object" ? l = s.name || s.label || s._id || String(s) : l = a(s), /* @__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",
-          children: s
+          children: l
         },
-        a
+        i
       );
     }) });
   if (typeof e == "object" && e !== null) {
-    const r = e.name || e.label || e._id || "[Object]";
-    return /* @__PURE__ */ t.jsx("span", { className: "truncate", children: r });
+    const s = e.name || e.label || e._id || "[Object]";
+    return /* @__PURE__ */ t.jsx("span", { className: "truncate", children: s });
   }
-  return /* @__PURE__ */ t.jsx("span", { className: "truncate", children: String(e) });
+  return /* @__PURE__ */ t.jsx("span", { className: "truncate", children: a(e) });
 }
-function je({ value: e }) {
+function Ae({ value: e }) {
   return /* @__PURE__ */ t.jsx("span", { className: "text-gray-700 font-mono text-sm", children: e != null ? String(e) : "-" });
 }
-function ye({ value: e }) {
+function ae({ value: e }) {
   if (!e) return /* @__PURE__ */ t.jsx("span", { children: "-" });
+  if (typeof e != "object")
+    return /* @__PURE__ */ t.jsx("span", { className: "truncate", children: String(e) });
   if (Array.isArray(e))
     return /* @__PURE__ */ t.jsxs("div", { className: "flex -space-x-2", children: [
-      e.slice(0, 3).map((s, n) => {
-        const l = s.name || s.username || "User", i = l.split(" ").map((o) => o[0]).join("").toUpperCase().slice(0, 2);
+      e.slice(0, 3).map((a, s) => {
+        if (typeof a != "object" || a === null)
+          return /* @__PURE__ */ t.jsx("span", { className: "truncate text-sm", children: String(a) }, s);
+        const i = a.name || a.username || "User", l = i.split(" ").map((o) => o[0]).join("").toUpperCase().slice(0, 2);
         return /* @__PURE__ */ t.jsx(
-          $,
+          L,
           {
             className: "size-8 border-2 border-white",
-            title: l,
-            children: /* @__PURE__ */ t.jsx(z, { className: "bg-blue-500 text-white text-xs", children: i })
+            title: i,
+            children: /* @__PURE__ */ t.jsx(I, { className: "bg-blue-500 text-white text-xs", children: l })
           },
-          n
+          s
         );
       }),
-      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 && /* @__PURE__ */ t.jsx(L, { className: "size-8 border-2 border-white", children: /* @__PURE__ */ t.jsxs(I, { className: "bg-gray-200 text-gray-600 text-xs", children: [
         "+",
         e.length - 3
       ] }) })
     ] });
-  const r = e.name || e.username || "User", a = r.split(" ").map((s) => s[0]).join("").toUpperCase().slice(0, 2);
+  const r = e.name || e.username || "User", n = r.split(" ").map((a) => a[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: a }) }),
+    /* @__PURE__ */ t.jsx(L, { className: "size-8", children: /* @__PURE__ */ t.jsx(I, { className: "bg-blue-500 text-white text-xs", children: n }) }),
     /* @__PURE__ */ t.jsx("span", { className: "truncate", children: r })
   ] });
 }
-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: q,
-    // Default fallback
-    email: kr,
-    url: Ar,
-    phone: $r,
-    file: zr,
-    image: Er,
-    formula: je,
-    summary: je,
-    auto_number: A,
-    user: ye,
-    owner: ye,
+const fe = /* @__PURE__ */ new Map();
+function G(e, r) {
+  fe.set(e, r);
+}
+function es(e) {
+  return fe.has(e) ? fe.get(e) : {
+    text: D,
+    textarea: D,
+    markdown: D,
+    html: D,
+    number: Rr,
+    currency: kr,
+    percent: $r,
+    boolean: Er,
+    date: Dr,
+    datetime: Mr,
+    time: D,
+    select: se,
+    status: se,
+    lookup: ne,
+    master_detail: ne,
+    email: Ur,
+    url: Vr,
+    phone: Br,
+    file: Yr,
+    image: qr,
+    formula: Ae,
+    summary: Ae,
+    auto_number: D,
+    user: ae,
+    owner: ae,
     password: () => /* @__PURE__ */ t.jsx("span", { children: "••••••" }),
-    location: A,
+    location: D,
     // Default fallback
     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) {
+  }[e] || D;
+}
+G("lookup", ne);
+G("master_detail", ne);
+G("select", se);
+G("status", se);
+G("user", ae);
+G("owner", ae);
+function ts(e) {
   return {
     // Text-based fields
     text: "field:text",
@@ -2232,16 +2429,16 @@ function Yr(e) {
     auto_number: "field:auto_number"
   }[e] || "field:text";
 }
-function qr(e) {
+function rs(e) {
   if (e < 0 || !Number.isFinite(e) || e === 0)
     return "0 B";
   const r = ["B", "KB", "MB", "GB", "TB"];
-  let a = e, s = 0;
-  for (; a >= 1024 && s < r.length - 1; )
-    a /= 1024, s++;
-  return `${a.toFixed(s > 0 ? 1 : 0)} ${r[s]}`;
+  let n = e, a = 0;
+  for (; n >= 1024 && a < r.length - 1; )
+    n /= 1024, a++;
+  return `${n.toFixed(a > 0 ? 1 : 0)} ${r[a]}`;
 }
-function Jr(e) {
+function ss(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,
@@ -2266,199 +2463,202 @@ function Jr(e) {
     message: "Please enter a valid URL"
   }), e.validate && (r.validate = e.validate), Object.keys(r).length > 0 ? r : void 0;
 }
-function Ne(e, r) {
+function $e(e, r) {
   if (!e) return !0;
   if (e.field && e.value !== void 0) {
-    const a = r[e.field];
+    const n = r[e.field];
     if (e.operator === "=" || e.operator === "==")
-      return a === e.value;
+      return n === e.value;
     if (e.operator === "!=")
-      return a !== e.value;
+      return n !== e.value;
     if (e.operator === ">")
-      return a > e.value;
+      return n > e.value;
     if (e.operator === ">=")
-      return a >= e.value;
+      return n >= e.value;
     if (e.operator === "<")
-      return a < e.value;
+      return n < e.value;
     if (e.operator === "<=")
-      return a <= e.value;
+      return n <= e.value;
     if (e.operator === "in")
-      return Array.isArray(e.value) && e.value.includes(a);
+      return Array.isArray(e.value) && e.value.includes(n);
   }
-  return e.and && Array.isArray(e.and) ? e.and.every((a) => Ne(a, r)) : e.or && Array.isArray(e.or) ? e.or.some((a) => Ne(a, r)) : !0;
-}
-function j(e) {
-  const r = ({ schema: a, className: s, value: n, ...l }) => {
-    const [i, o] = P.useState(n ?? a?.value ?? ""), c = {
-      name: a?.name || "field",
-      label: a?.label,
-      type: a?.type,
-      placeholder: a?.placeholder,
-      required: a?.required,
-      readonly: a?.readonly || a?.readOnly,
-      help: a?.help,
-      description: a?.description,
-      defaultValue: a?.defaultValue || a?.value,
-      ...a
-    }, m = P.useCallback((x) => {
-      o(x), l.onChange && l.onChange(x);
-    }, [l]), h = a?.readonly || a?.readOnly || !1;
+  return e.and && Array.isArray(e.and) ? e.and.every((n) => $e(n, r)) : e.or && Array.isArray(e.or) ? e.or.some((n) => $e(n, r)) : !0;
+}
+function y(e) {
+  const r = ({ schema: n, className: a, value: s, ...i }) => {
+    const [l, o] = k.useState(s ?? 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 = k.useCallback((f) => {
+      o(f), i.onChange && i.onChange(f);
+    }, [i]), h = n?.readonly || n?.readOnly || !1;
     return /* @__PURE__ */ t.jsxs(
       "div",
       {
         className: "grid w-full items-center gap-1.5",
-        "data-obj-id": a?.id,
-        "data-obj-type": a?.type,
+        "data-obj-id": n?.id,
+        "data-obj-type": n?.type,
         children: [
-          a?.label && /* @__PURE__ */ t.jsx("label", { htmlFor: a.id, className: a.required ? "after:content-['*'] after:ml-0.5 after:text-red-500" : "", children: a.label }),
+          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,
+              value: l,
               onChange: m,
               field: c,
               readonly: h,
-              className: s
+              className: a
             }
           ),
-          a?.description && /* @__PURE__ */ t.jsx("p", { className: "text-sm text-gray-500", children: a.description })
+          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 = {
+const jt = {
   // 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 })),
+  text: () => Promise.resolve().then(() => Wt).then((e) => ({ default: e.TextField })),
+  textarea: () => Promise.resolve().then(() => sr).then((e) => ({ default: e.TextAreaField })),
+  number: () => Promise.resolve().then(() => Gt).then((e) => ({ default: e.NumberField })),
+  boolean: () => Promise.resolve().then(() => Qt).then((e) => ({ default: e.BooleanField })),
+  select: () => Promise.resolve().then(() => Ht).then((e) => ({ default: e.SelectField })),
+  date: () => Promise.resolve().then(() => Xt).then((e) => ({ default: e.DateField })),
+  datetime: () => Promise.resolve().then(() => ar).then((e) => ({ default: e.DateTimeField })),
+  time: () => Promise.resolve().then(() => lr).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 })),
+  email: () => Promise.resolve().then(() => Zt).then((e) => ({ default: e.EmailField })),
+  phone: () => Promise.resolve().then(() => Kt).then((e) => ({ default: e.PhoneField })),
+  url: () => Promise.resolve().then(() => er).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 })),
+  currency: () => Promise.resolve().then(() => rr).then((e) => ({ default: e.CurrencyField })),
+  percent: () => Promise.resolve().then(() => ir).then((e) => ({ default: e.PercentField })),
+  password: () => Promise.resolve().then(() => or).then((e) => ({ default: e.PasswordField })),
+  markdown: () => Promise.resolve().then(() => Oe).then((e) => ({ default: e.RichTextField })),
+  html: () => Promise.resolve().then(() => Oe).then((e) => ({ default: e.RichTextField })),
+  lookup: () => Promise.resolve().then(() => nr).then((e) => ({ default: e.LookupField })),
+  master_detail: () => Promise.resolve().then(() => Cr).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 })),
+  file: () => Promise.resolve().then(() => cr).then((e) => ({ default: e.FileField })),
+  image: () => Promise.resolve().then(() => dr).then((e) => ({ default: e.ImageField })),
   // Location field
-  location: () => Promise.resolve().then(() => ar).then((e) => ({ default: e.LocationField })),
+  location: () => Promise.resolve().then(() => ur).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 })),
+  formula: () => Promise.resolve().then(() => mr).then((e) => ({ default: e.FormulaField })),
+  summary: () => Promise.resolve().then(() => fr).then((e) => ({ default: e.SummaryField })),
+  auto_number: () => Promise.resolve().then(() => xr).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 })),
+  user: () => Promise.resolve().then(() => Re).then((e) => ({ default: e.UserField })),
+  owner: () => Promise.resolve().then(() => Re).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 })),
+  object: () => Promise.resolve().then(() => hr).then((e) => ({ default: e.ObjectField })),
+  vector: () => Promise.resolve().then(() => pr).then((e) => ({ default: e.VectorField })),
+  grid: () => Promise.resolve().then(() => gr).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 }))
+  color: () => Promise.resolve().then(() => br).then((e) => ({ default: e.ColorField })),
+  slider: () => Promise.resolve().then(() => jr).then((e) => ({ default: e.SliderField })),
+  rating: () => Promise.resolve().then(() => yr).then((e) => ({ default: e.RatingField })),
+  code: () => Promise.resolve().then(() => Nr).then((e) => ({ default: e.CodeField })),
+  avatar: () => Promise.resolve().then(() => vr).then((e) => ({ default: e.AvatarField })),
+  address: () => Promise.resolve().then(() => _r).then((e) => ({ default: e.AddressField })),
+  geolocation: () => Promise.resolve().then(() => wr).then((e) => ({ default: e.GeolocationField })),
+  signature: () => Promise.resolve().then(() => Fr).then((e) => ({ default: e.SignatureField })),
+  qrcode: () => Promise.resolve().then(() => Sr).then((e) => ({ default: e.QRCodeField }))
 };
-function Mr(e) {
-  const r = at[e];
+function Jr(e) {
+  const r = jt[e];
   if (!r) {
     console.warn(`Unknown field type: ${e}`);
     return;
   }
-  const a = P.lazy(r);
-  g.register(e, a, { namespace: "field" });
+  const n = k.lazy(r);
+  g.register(e, n, { namespace: "field" });
 }
-function Ur() {
-  Object.keys(at).forEach((e) => {
-    Mr(e);
+function Wr() {
+  Object.keys(jt).forEach((e) => {
+    Jr(e);
   });
 }
-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" });
+function ns() {
+  g.register("text", y(Le), { namespace: "field" }), g.register("textarea", y(Ge), { namespace: "field" }), g.register("number", y(Ie), { namespace: "field" }), g.register("boolean", y(Ue), { namespace: "field" }), g.register("select", y(Ve), { namespace: "field" }), g.register("date", y(Be), { namespace: "field" }), g.register("datetime", y(He), { namespace: "field" }), g.register("time", y(Xe), { namespace: "field" }), g.register("email", y(Ye), { namespace: "field" }), g.register("phone", y(qe), { namespace: "field" }), g.register("url", y(Je), { namespace: "field" }), g.register("currency", y(We), { namespace: "field" }), g.register("percent", y(Ze), { namespace: "field" }), g.register("password", y(Ke), { namespace: "field" }), g.register("markdown", y(ce), { namespace: "field" }), g.register("html", y(ce), { namespace: "field" }), g.register("lookup", y(Qe), { namespace: "field" }), g.register("master_detail", y(bt), { namespace: "field" }), g.register("file", y(et), { namespace: "field" }), g.register("image", y(tt), { namespace: "field" }), g.register("location", y(rt), { namespace: "field" }), g.register("formula", y(st), { namespace: "field" }), g.register("summary", y(nt), { namespace: "field" }), g.register("auto_number", y(at), { namespace: "field" }), g.register("user", y(de), { namespace: "field" }), g.register("owner", y(de), { namespace: "field" }), g.register("object", y(lt), { namespace: "field" }), g.register("vector", y(it), { namespace: "field" }), g.register("grid", y(ot), { namespace: "field" }), g.register("color", y(ct), { namespace: "field" }), g.register("slider", y(dt), { namespace: "field" }), g.register("rating", y(ut), { namespace: "field" }), g.register("code", y(mt), { namespace: "field" }), g.register("avatar", y(ft), { namespace: "field" }), g.register("address", y(xt), { namespace: "field" }), g.register("geolocation", y(ht), { namespace: "field" }), g.register("signature", y(pt), { namespace: "field" }), g.register("qrcode", y(gt), { namespace: "field" });
 }
-Ur();
+Wr();
 export {
-  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
+  xt as AddressField,
+  at as AutoNumberField,
+  ft as AvatarField,
+  Er as BooleanCellRenderer,
+  Ue as BooleanField,
+  mt as CodeField,
+  ct as ColorField,
+  kr as CurrencyCellRenderer,
+  We as CurrencyField,
+  Dr as DateCellRenderer,
+  Be as DateField,
+  Mr as DateTimeCellRenderer,
+  He as DateTimeField,
+  Ur as EmailCellRenderer,
+  Ye as EmailField,
+  Yr as FileCellRenderer,
+  et as FileField,
+  Ae as FormulaCellRenderer,
+  st as FormulaField,
+  ht as GeolocationField,
+  ot as GridField,
+  qr as ImageCellRenderer,
+  tt as ImageField,
+  rt as LocationField,
+  ne as LookupCellRenderer,
+  Qe as LookupField,
+  bt as MasterDetailField,
+  Rr as NumberCellRenderer,
+  Ie as NumberField,
+  lt as ObjectField,
+  Ke as PasswordField,
+  $r as PercentCellRenderer,
+  Ze as PercentField,
+  Br as PhoneCellRenderer,
+  qe as PhoneField,
+  gt as QRCodeField,
+  ut as RatingField,
+  ce as RichTextField,
+  se as SelectCellRenderer,
+  Ve as SelectField,
+  pt as SignatureField,
+  dt as SliderField,
+  nt as SummaryField,
+  Ge as TextAreaField,
+  D as TextCellRenderer,
+  Le as TextField,
+  Xe as TimeField,
+  Vr as UrlCellRenderer,
+  Je as UrlField,
+  ae as UserCellRenderer,
+  de as UserField,
+  it as VectorField,
+  ss as buildValidationRules,
+  $e as evaluateCondition,
+  Zr as formatCompactCurrency,
+  Pr as formatCurrency,
+  me as formatDate,
+  Kr as formatDateTime,
+  rs as formatFileSize,
+  Tr as formatPercent,
+  Or as formatRelativeDate,
+  es as getCellRenderer,
+  ue as humanizeLabel,
+  ts as mapFieldTypeToFormType,
+  Wr as registerAllFields,
+  Jr as registerField,
+  G as registerFieldRenderer,
+  ns as registerFields
 };