@object-ui/fields 3.1.0 → 3.1.1

package/dist/index.js

@@ -1,7 +1,7 @@
 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 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";
+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 pe, ExternalLink as Se, Plus as Vt, Check as he, Phone as Bt } from "lucide-react";
 var re = { exports: {} }, H = {};
 var Ce;
 function Yt() {
@@ -138,7 +138,7 @@ function qt() {
     function m(d, j, _, S, ee, ie) {
       var C = _.ref;
       return d = {
-        $$typeof: p,
+        $$typeof: h,
         type: d,
         key: j,
         props: _,
@@ -168,7 +168,7 @@ function qt() {
         value: ie
       }), Object.freeze && (Object.freeze(d.props), Object.freeze(d)), d;
     }
-    function h(d, j, _, S, ee, ie) {
+    function p(d, j, _, S, ee, ie) {
       var C = j.children;
       if (C !== void 0)
         if (S)
@@ -220,9 +220,9 @@ React keys must be passed directly to JSX without using spread:
       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 u(d) {
-      return typeof d == "object" && d !== null && d.$$typeof === p;
+      return typeof d == "object" && d !== null && d.$$typeof === h;
     }
-    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() {
+    var x = k, h = /* @__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;
     };
     x = {
@@ -236,7 +236,7 @@ React keys must be passed directly to JSX without using spread:
     )(), ye = le(a(i)), Ne = {};
     X.Fragment = R, X.jsx = function(d, j, _) {
       var S = 1e4 > q.recentlyCreatedOwnerStacks++;
-      return h(
+      return p(
         d,
         j,
         _,
@@ -246,7 +246,7 @@ React keys must be passed directly to JSX without using spread:
       );
     }, X.jsxs = function(d, j, _) {
       var S = 1e4 > q.recentlyCreatedOwnerStacks++;
-      return h(
+      return p(
         d,
         j,
         _,
@@ -303,8 +303,8 @@ function Ie({ value: e, onChange: r, field: n, readonly: a, ...s }) {
       type: "number",
       value: e ?? "",
       onChange: (m) => {
-        const h = m.target.value;
-        r(h === "" ? null : Number(h));
+        const p = m.target.value;
+        r(p === "" ? null : Number(p));
       },
       placeholder: i?.placeholder,
       disabled: a || c.disabled,
@@ -320,7 +320,7 @@ 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, ...f } = s;
+  const { inputType: p, ...f } = s;
   return l === "checkbox" ? /* @__PURE__ */ t.jsxs("div", { className: "flex items-center space-x-2", children: [
     /* @__PURE__ */ t.jsx(
       Ee,
@@ -497,7 +497,7 @@ function We({ value: e, onChange: r, field: n, readonly: a, errorMessage: s, cla
   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 p = (f) => {
     const u = parseFloat(f.target.value);
     isNaN(u) || r(parseFloat(u.toFixed(m)));
   };
@@ -513,7 +513,7 @@ function We({ value: e, onChange: r, field: n, readonly: a, errorMessage: s, cla
           const u = f.target.value === "" ? null : parseFloat(f.target.value);
           r(u);
         },
-        onBlur: h,
+        onBlur: p,
         placeholder: o?.placeholder || "0.00",
         disabled: a || l.disabled,
         className: `pl-8 ${i || ""}`,
@@ -530,16 +530,16 @@ const rr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
 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 l = n || i.schema, o = l?.rows || 4, c = l?.max_length, { inputType: m, ...h } = i;
+  const l = n || i.schema, o = l?.rows || 4, c = l?.max_length, { inputType: m, ...p } = i;
   return /* @__PURE__ */ t.jsxs("div", { className: "relative", children: [
     /* @__PURE__ */ t.jsx(
       Z,
       {
-        ...h,
+        ...p,
         value: e || "",
         onChange: (f) => r(f.target.value),
         placeholder: l?.placeholder,
-        disabled: a || h.disabled,
+        disabled: a || p.disabled,
         rows: o,
         maxLength: c,
         "aria-invalid": !!s
@@ -601,11 +601,11 @@ const Oe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   RichTextField: ce
 }, Symbol.toStringTag, { value: "Module" }));
 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(
+  const [i, l] = B(!1), [o, c] = B(""), m = n || s.schema, p = m?.options || [], f = m.multiple || !1, u = m.display_field || "label", x = p.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) => {
+  ), h = f ? (Array.isArray(e) ? e : []).map(
+    (N) => p.find((T) => T.value === N)
+  ).filter(Boolean) : e ? [p.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]);
@@ -618,8 +618,8 @@ function Qe({ value: e, onChange: r, field: n, readonly: a, ...s }) {
     } else
       r(null);
   };
-  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(
+  return a ? h.length ? f ? /* @__PURE__ */ t.jsx("div", { className: "flex flex-wrap gap-1", children: h.map((N, T) => /* @__PURE__ */ t.jsx(M, { variant: "outline", children: N?.[u] || N?.label }, T)) }) : /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: h[0]?.[u] || h[0]?.label }) : /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: "-" }) : /* @__PURE__ */ t.jsxs("div", { className: "space-y-2", children: [
+    h.length > 0 && /* @__PURE__ */ t.jsx("div", { className: "flex flex-wrap gap-1", children: h.map((N, T) => /* @__PURE__ */ t.jsxs(
       M,
       {
         variant: "outline",
@@ -649,7 +649,7 @@ function Qe({ value: e, onChange: r, field: n, readonly: a, ...s }) {
           type: "button",
           children: [
             /* @__PURE__ */ t.jsx($t, { className: "mr-2 size-4" }),
-            p.length === 0 ? m?.placeholder || "Select..." : f ? `${p.length} selected` : "Change selection"
+            h.length === 0 ? m?.placeholder || "Select..." : f ? `${h.length} selected` : "Change selection"
           ]
         }
       ) }),
@@ -746,20 +746,20 @@ function Ze({ value: e, onChange: r, field: n, readonly: a, errorMessage: s, cla
       (e * 100).toFixed(c),
       "%"
     ] });
-  const m = e != null ? e * 100 : "", h = e != null ? e * 100 : 0, f = (p) => {
-    if (p.target.value === "") {
+  const m = e != null ? e * 100 : "", p = e != null ? e * 100 : 0, f = (h) => {
+    if (h.target.value === "") {
       r(null);
       return;
     }
-    const v = parseFloat(p.target.value), R = isNaN(v) ? null : v / 100;
+    const v = parseFloat(h.target.value), R = isNaN(v) ? null : v / 100;
     r(R);
-  }, u = (p) => {
+  }, u = (h) => {
     if (a || l.disabled) return;
-    if (!Array.isArray(p) || p.length === 0) {
+    if (!Array.isArray(h) || h.length === 0) {
       r(null);
       return;
     }
-    const v = p[0], R = typeof v == "number" ? v / 100 : null;
+    const v = h[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: [
@@ -783,7 +783,7 @@ function Ze({ value: e, onChange: r, field: n, readonly: a, errorMessage: s, cla
     /* @__PURE__ */ t.jsx(
       De,
       {
-        value: [h],
+        value: [p],
         onValueChange: u,
         min: 0,
         max: 100,
@@ -804,17 +804,17 @@ 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 } = i;
+  const { inputType: m, ...p } = i;
   return /* @__PURE__ */ t.jsxs("div", { className: "relative", children: [
     /* @__PURE__ */ t.jsx(
       w,
       {
-        ...h,
+        ...p,
         type: l ? "text" : "password",
         value: e || "",
         onChange: (f) => r(f.target.value),
         placeholder: c?.placeholder,
-        disabled: a || h.disabled,
+        disabled: a || p.disabled,
         className: `pr-10 ${s || ""}`
       }
     ),
@@ -837,7 +837,7 @@ const or = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   PasswordField: Ke
 }, Symbol.toStringTag, { value: "Module" }));
 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) => {
+  const i = xe(null), l = n || s.schema, o = l?.multiple || !1, c = l?.accept ? l.accept.join(",") : void 0, m = l?.maxSize, [p, f] = B(!1), [u, x] = B([]), h = 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) {
@@ -855,8 +855,8 @@ function et({ value: e, onChange: r, field: n, readonly: a, ...s }) {
       // In a real implementation, this would upload the file and return a URL
       url: URL.createObjectURL(O)
     }));
-    r(o ? [...p, ...$] : $[0]);
-  }, [p, o, r, m]), R = te((b) => {
+    r(o ? [...h, ...$] : $[0]);
+  }, [h, o, r, m]), R = te((b) => {
     b.preventDefault(), b.stopPropagation(), f(!0);
   }, []), N = te((b) => {
     b.preventDefault(), b.stopPropagation(), f(!1);
@@ -883,7 +883,7 @@ function et({ value: e, onChange: r, field: n, readonly: a, ...s }) {
     v(Array.from(b.target.files || []));
   }, Q = (b) => {
     if (o) {
-      const F = p.filter((A, $) => $ !== b);
+      const F = h.filter((A, $) => $ !== b);
       r(F.length > 0 ? F : null);
     } else
       r(null);
@@ -912,7 +912,7 @@ function et({ value: e, onChange: r, field: n, readonly: a, ...s }) {
             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"}
+            ${p ? "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,
@@ -920,16 +920,16 @@ function et({ value: e, onChange: r, field: n, readonly: a, ...s }) {
             (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.jsx(Me, { className: `size-8 ${p ? "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-sm font-medium", children: p ? "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(
+      h.length > 0 && /* @__PURE__ */ t.jsx("div", { className: "space-y-1", children: h.map((b, F) => /* @__PURE__ */ t.jsxs(
         "div",
         {
           className: "flex items-center justify-between gap-2 p-2 bg-muted/50 rounded-md border",
@@ -972,20 +972,20 @@ function tt({ value: e, onChange: r, field: n, readonly: a, ...s }) {
   if (a) {
     if (!e) return /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: "-" });
     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(
+    return /* @__PURE__ */ t.jsx("div", { className: "flex flex-wrap gap-2", children: u.map((x, h) => /* @__PURE__ */ t.jsx(
       "img",
       {
         src: x.url || "",
-        alt: x.name || `Image ${p + 1}`,
+        alt: x.name || `Image ${h + 1}`,
         className: "size-20 rounded-md object-cover border border-gray-200"
       },
-      p
+      h
     )) });
   }
-  const m = e ? Array.isArray(e) ? e : [e] : [], h = (u) => {
+  const m = e ? Array.isArray(e) ? e : [e] : [], p = (u) => {
     const x = Array.from(u.target.files || []);
     if (x.length === 0) return;
-    const p = x.map((v) => ({
+    const h = x.map((v) => ({
       name: v.name,
       original_name: v.name,
       size: v.size,
@@ -993,10 +993,10 @@ function tt({ value: e, onChange: r, field: n, readonly: a, ...s }) {
       // In a real implementation, this would upload the image and return a URL
       url: URL.createObjectURL(v)
     }));
-    r(o ? [...m, ...p] : p[0]);
+    r(o ? [...m, ...h] : h[0]);
   }, f = (u) => {
     if (o) {
-      const x = m.filter((p, v) => v !== u);
+      const x = m.filter((h, v) => v !== u);
       r(x.length > 0 ? x : null);
     } else
       r(null);
@@ -1009,7 +1009,7 @@ function tt({ value: e, onChange: r, field: n, readonly: a, ...s }) {
         type: "file",
         multiple: o,
         accept: c,
-        onChange: h,
+        onChange: p,
         className: "hidden"
       }
     ),
@@ -1065,9 +1065,9 @@ function rt({ value: e, onChange: r, field: n, readonly: a, ...s }) {
       r(null);
       return;
     }
-    const h = m.split(",").map((f) => f.trim());
-    if (h.length === 2) {
-      const f = parseFloat(h[0]), u = parseFloat(h[1]);
+    const p = m.split(",").map((f) => f.trim());
+    if (p.length === 2) {
+      const f = parseFloat(p[0]), u = parseFloat(p[1]);
       !isNaN(f) && !isNaN(u) && r({ latitude: f, longitude: u });
     }
   };
@@ -1119,8 +1119,8 @@ function de({ value: e, onChange: r, field: n, readonly: a, ...s }) {
     if (!e) return /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: "-" });
     const m = Array.isArray(e) ? e : [e];
     return /* @__PURE__ */ t.jsxs("div", { className: "flex -space-x-2", children: [
-      m.slice(0, 3).map((h, f) => {
-        const u = h.name || h.username || "User", x = u.split(" ").map((p) => p[0]).join("").toUpperCase().slice(0, 2);
+      m.slice(0, 3).map((p, f) => {
+        const u = p.name || p.username || "User", x = u.split(" ").map((h) => h[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(L, { className: "size-8 border-2 border-white", children: /* @__PURE__ */ t.jsxs(I, { className: "bg-gray-200 text-gray-600 text-xs", children: [
@@ -1131,13 +1131,13 @@ function de({ value: e, onChange: r, field: n, readonly: a, ...s }) {
   }
   const o = e ? Array.isArray(e) ? e : [e] : [], c = (m) => {
     if (l) {
-      const h = o.filter((f, u) => u !== m);
-      r(h.length > 0 ? h : null);
+      const p = o.filter((f, u) => u !== m);
+      r(p.length > 0 ? p : null);
     } else
       r(null);
   };
   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) => {
+    o.length > 0 && /* @__PURE__ */ t.jsx("div", { className: "flex flex-wrap gap-2 mb-2", children: o.map((m, p) => {
       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 }) }),
@@ -1146,12 +1146,12 @@ function de({ value: e, onChange: r, field: n, readonly: a, ...s }) {
           "button",
           {
             type: "button",
-            onClick: () => c(h),
+            onClick: () => c(p),
             className: "ml-1 rounded-full hover:bg-gray-200 p-0.5",
             children: /* @__PURE__ */ t.jsx(W, { className: "size-3" })
           }
         )
-      ] }, h);
+      ] }, p);
     }) }),
     /* @__PURE__ */ t.jsx("div", { className: "text-sm text-gray-500 italic", children: "User selection component requires integration with user management system" })
   ] });
@@ -1161,7 +1161,7 @@ const Re = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   UserField: de
 }, Symbol.toStringTag, { value: "Module" }));
 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);
+  const i = n || s.schema, l = () => e == null ? "" : JSON.stringify(e, null, 2), [o, c] = B(l), [m, p] = B(null);
   if (ze(() => {
     try {
       if (e == null) {
@@ -1177,15 +1177,15 @@ function lt({ value: e, onChange: r, field: n, readonly: a, ...s }) {
     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()) {
+    if (c(x), p(null), !x.trim()) {
       r(null);
       return;
     }
     try {
-      const p = JSON.parse(x);
-      r(p);
+      const h = JSON.parse(x);
+      r(h);
     } catch {
-      h("Invalid JSON");
+      p("Invalid JSON");
     }
   };
   return /* @__PURE__ */ t.jsxs("div", { className: "space-y-1", children: [
@@ -1205,7 +1205,7 @@ function lt({ value: e, onChange: r, field: n, readonly: a, ...s }) {
     m && /* @__PURE__ */ t.jsx("p", { className: "text-xs text-red-500", children: m })
   ] });
 }
-const hr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const pr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   ObjectField: lt
 }, Symbol.toStringTag, { value: "Module" }));
@@ -1230,7 +1230,7 @@ function it({ value: e, field: r, ...n }) {
     ] })
   ] });
 }
-const pr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const hr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   VectorField: it
 }, Symbol.toStringTag, { value: "Module" }));
@@ -1331,7 +1331,7 @@ const jr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   SliderField: dt
 }, Symbol.toStringTag, { value: "Module" }));
 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;
+  const o = (n || i.schema)?.max ?? 5, c = e ?? 0, [m, p] = 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,
@@ -1351,8 +1351,8 @@ function ut({ value: e, onChange: r, field: n, readonly: a, className: s, ...i }
       {
         type: "button",
         onClick: () => r(x + 1),
-        onMouseEnter: () => h(x + 1),
-        onMouseLeave: () => h(null),
+        onMouseEnter: () => p(x + 1),
+        onMouseLeave: () => p(null),
         className: "focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 rounded",
         disabled: a || i.disabled,
         children: /* @__PURE__ */ t.jsx(
@@ -1406,11 +1406,11 @@ function ft({ value: e, onChange: r, field: n, readonly: a, ...s }) {
       console.error("File size must be less than 5MB");
       return;
     }
-    const p = new FileReader();
-    p.onloadend = () => {
-      r(p.result);
-    }, p.readAsDataURL(x);
-  }, h = () => {
+    const h = new FileReader();
+    h.onloadend = () => {
+      r(h.result);
+    }, h.readAsDataURL(x);
+  }, p = () => {
     r("");
   }, 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: [
@@ -1432,7 +1432,7 @@ function ft({ value: e, onChange: r, field: n, readonly: a, ...s }) {
             "button",
             {
               type: "button",
-              onClick: h,
+              onClick: p,
               className: "absolute -top-1 -right-1 bg-destructive text-destructive-foreground rounded-full p-1 hover:bg-destructive/90",
               children: /* @__PURE__ */ t.jsx(W, { className: "w-3 h-3" })
             }
@@ -1568,7 +1568,7 @@ const _r = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   AddressField: xt
 }, Symbol.toStringTag, { value: "Module" }));
-function ht({ value: e, onChange: r, field: n, readonly: a, ...s }) {
+function pt({ value: e, onChange: r, field: n, readonly: a, ...s }) {
   const [i, l] = k.useState(!1), o = e || {}, c = (u, x) => {
     r({
       ...o,
@@ -1596,14 +1596,14 @@ function ht({ value: e, onChange: r, field: n, readonly: a, ...s }) {
         maximumAge: 0
       }
     );
-  }, h = (u) => !u.latitude || !u.longitude ? "-" : `${u.latitude.toFixed(6)}, ${u.longitude.toFixed(6)}`, f = () => {
+  }, p = (u) => !u.latitude || !u.longitude ? "-" : `${u.latitude.toFixed(6)}, ${u.longitude.toFixed(6)}`, f = () => {
     if (!o.latitude || !o.longitude) return;
     const u = `https://www.google.com/maps?q=${o.latitude},${o.longitude}`;
     window.open(u, "_blank");
   };
   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) }),
+    /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: p(o) }),
     o.latitude && o.longitude && /* @__PURE__ */ t.jsx(
       P,
       {
@@ -1687,18 +1687,18 @@ function ht({ value: e, onChange: r, field: n, readonly: a, ...s }) {
 }
 const wr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  GeolocationField: ht
+  GeolocationField: pt
 }, Symbol.toStringTag, { value: "Module" }));
-function pt({ value: e, onChange: r, readonly: n }) {
+function ht({ 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 = () => {
-          x.drawImage(p, 0, 0), o(!1);
-        }, p.src = e;
+        const h = new Image();
+        h.onload = () => {
+          x.drawImage(h, 0, 0), o(!1);
+        }, h.src = e;
       }
     }
   }, [e]);
@@ -1707,19 +1707,19 @@ function pt({ value: e, onChange: r, readonly: n }) {
     i(!0), o(!1);
     const x = a.current;
     if (!x) return;
-    const p = x.getContext("2d");
-    if (!p) return;
+    const h = x.getContext("2d");
+    if (!h) return;
     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);
+    h.beginPath(), h.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 h = x.getContext("2d");
+    if (!h) return;
     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 = () => {
+    h.lineTo(R, N), h.strokeStyle = "#000", h.lineWidth = 2, h.lineCap = "round", h.lineJoin = "round", h.stroke();
+  }, p = () => {
     if (!s) return;
     i(!1);
     const u = a.current;
@@ -1742,11 +1742,11 @@ function pt({ value: e, onChange: r, readonly: n }) {
         className: "w-full touch-none cursor-crosshair",
         onMouseDown: c,
         onMouseMove: m,
-        onMouseUp: h,
-        onMouseLeave: h,
+        onMouseUp: p,
+        onMouseLeave: p,
         onTouchStart: c,
         onTouchMove: m,
-        onTouchEnd: h
+        onTouchEnd: p
       }
     ) }),
     /* @__PURE__ */ t.jsxs("div", { className: "flex justify-between items-center", children: [
@@ -1770,10 +1770,10 @@ function pt({ value: e, onChange: r, readonly: n }) {
 }
 const Fr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  SignatureField: pt
+  SignatureField: ht
 }, Symbol.toStringTag, { value: "Module" }));
 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 = () => {
+  const [i, l] = k.useState(!1), o = n || s.schema, c = (p) => `https://api.qrserver.com/v1/create-qr-code/?size=200x200&data=${encodeURIComponent(p)}`, m = () => {
     e && navigator.clipboard.writeText(e);
   };
   return a ? /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-3", children: [
@@ -1799,7 +1799,7 @@ function gt({ value: e, onChange: r, field: n, readonly: a, ...s }) {
         {
           type: "text",
           value: e || "",
-          onChange: (h) => r(h.target.value),
+          onChange: (p) => r(p.target.value),
           placeholder: o?.placeholder || "Enter text for QR code",
           disabled: a || s.disabled,
           className: s.className
@@ -1813,7 +1813,7 @@ function gt({ value: e, onChange: r, field: n, readonly: a, ...s }) {
             variant: "outline",
             size: "sm",
             onClick: m,
-            children: /* @__PURE__ */ t.jsx(he, { className: "w-4 h-4" })
+            children: /* @__PURE__ */ t.jsx(pe, { className: "w-4 h-4" })
           }
         ),
         /* @__PURE__ */ t.jsx(
@@ -1863,7 +1863,7 @@ function bt({
     r([...l, f]);
   }, m = (f) => {
     r(l.filter((u) => u.id !== f));
-  }, h = (f) => {
+  }, p = (f) => {
     console.log("View detail:", f);
   };
   return a ? /* @__PURE__ */ t.jsxs("div", { className: z("space-y-2", s), children: [
@@ -1879,7 +1879,7 @@ function bt({
               type: "button",
               variant: "ghost",
               size: "sm",
-              onClick: () => h(f),
+              onClick: () => p(f),
               children: /* @__PURE__ */ t.jsx(Se, { className: "w-4 h-4" })
             }
           )
@@ -1910,7 +1910,7 @@ function bt({
                   type: "button",
                   variant: "ghost",
                   size: "sm",
-                  onClick: () => h(f),
+                  onClick: () => p(f),
                   children: /* @__PURE__ */ t.jsx(Se, { className: "w-4 h-4" })
                 }
               ),
@@ -2070,7 +2070,7 @@ 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: [
+  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(he, { 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" }) });
@@ -2108,13 +2108,39 @@ function Mr({ value: e }) {
   ] });
 }
 const Lr = {
+  // Priority values
   critical: "red",
   urgent: "red",
   high: "orange",
   medium: "yellow",
   normal: "blue",
   low: "gray",
-  none: "gray"
+  none: "gray",
+  // Status values
+  paid: "green",
+  completed: "green",
+  done: "green",
+  active: "green",
+  approved: "green",
+  resolved: "green",
+  pending: "yellow",
+  waiting: "yellow",
+  on_hold: "yellow",
+  shipped: "blue",
+  in_progress: "blue",
+  open: "blue",
+  processing: "blue",
+  draft: "gray",
+  new: "gray",
+  inactive: "gray",
+  closed: "gray",
+  cancelled: "red",
+  canceled: "red",
+  rejected: "red",
+  failed: "red",
+  overdue: "red",
+  delivered: "purple",
+  archived: "indigo"
 }, Ir = {
   gray: "bg-gray-100 text-gray-800 border-gray-300",
   red: "bg-red-100 text-red-800 border-red-300",
@@ -2127,7 +2153,7 @@ const Lr = {
   pink: "bg-pink-100 text-pink-800 border-pink-300"
 };
 function ke(e, r) {
-  const n = e || (r ? Lr[String(r).toLowerCase()] : void 0);
+  const n = e || (r ? Lr[String(r).toLowerCase().replace(/[\s-]/g, "_")] : void 0);
   return Ir[n || ""] || "bg-muted text-muted-foreground border-border";
 }
 function se({ value: e, field: r }) {
@@ -2135,13 +2161,13 @@ function se({ value: e, field: r }) {
   if (!e) return /* @__PURE__ */ t.jsx("span", { children: "-" });
   if (Array.isArray(e))
     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);
+      const m = a.find((u) => u.value === o), p = m?.label || ue(String(o)), f = ke(m?.color, o);
       return /* @__PURE__ */ t.jsx(
         M,
         {
           variant: "outline",
           className: f,
-          children: h
+          children: p
         },
         c
       );
@@ -2188,7 +2214,7 @@ function Ur({ value: e }) {
         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" })
+        children: r ? /* @__PURE__ */ t.jsx(he, { className: "h-3 w-3 text-green-600" }) : /* @__PURE__ */ t.jsx(pe, { className: "h-3 w-3 text-muted-foreground" })
       }
     )
   ] });
@@ -2241,7 +2267,7 @@ function Br({ value: e }) {
         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" })
+        children: r ? /* @__PURE__ */ t.jsx(he, { className: "h-3 w-3 text-green-600" }) : /* @__PURE__ */ t.jsx(pe, { className: "h-3 w-3 text-muted-foreground" })
       }
     )
   ] });
@@ -2499,7 +2525,7 @@ function y(e) {
       ...n
     }, m = k.useCallback((f) => {
       o(f), i.onChange && i.onChange(f);
-    }, [i]), h = n?.readonly || n?.readOnly || !1;
+    }, [i]), p = n?.readonly || n?.readOnly || !1;
     return /* @__PURE__ */ t.jsxs(
       "div",
       {
@@ -2514,7 +2540,7 @@ function y(e) {
               value: l,
               onChange: m,
               field: c,
-              readonly: h,
+              readonly: p,
               className: a
             }
           ),
@@ -2560,8 +2586,8 @@ const jt = {
   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(() => hr).then((e) => ({ default: e.ObjectField })),
-  vector: () => Promise.resolve().then(() => pr).then((e) => ({ default: e.VectorField })),
+  object: () => Promise.resolve().then(() => pr).then((e) => ({ default: e.ObjectField })),
+  vector: () => Promise.resolve().then(() => hr).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(() => br).then((e) => ({ default: e.ColorField })),
@@ -2589,7 +2615,7 @@ function Wr() {
   });
 }
 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" });
+  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(pt), { namespace: "field" }), g.register("signature", y(ht), { namespace: "field" }), g.register("qrcode", y(gt), { namespace: "field" });
 }
 Wr();
 export {
@@ -2612,7 +2638,7 @@ export {
   et as FileField,
   Ae as FormulaCellRenderer,
   st as FormulaField,
-  ht as GeolocationField,
+  pt as GeolocationField,
   ot as GridField,
   qr as ImageCellRenderer,
   tt as ImageField,
@@ -2633,7 +2659,7 @@ export {
   ce as RichTextField,
   se as SelectCellRenderer,
   Ve as SelectField,
-  pt as SignatureField,
+  ht as SignatureField,
   dt as SliderField,
   nt as SummaryField,
   Ge as TextAreaField,