@object-ui/fields 0.5.0 → 3.0.0

package/dist/index.js

@@ -8,22 +8,22 @@ function Ut() {
   if (xe) return D;
   xe = 1;
   var e = /* @__PURE__ */ Symbol.for("react.transitional.element"), r = /* @__PURE__ */ Symbol.for("react.fragment");
-  function n(s, a, l) {
+  function a(s, n, l) {
     var i = null;
-    if (l !== void 0 && (i = "" + l), a.key !== void 0 && (i = "" + a.key), "key" in a) {
+    if (l !== void 0 && (i = "" + l), n.key !== void 0 && (i = "" + n.key), "key" in n) {
       l = {};
-      for (var o in a)
-        o !== "key" && (l[o] = a[o]);
-    } else l = a;
-    return a = l.ref, {
+      for (var o in n)
+        o !== "key" && (l[o] = n[o]);
+    } else l = n;
+    return n = l.ref, {
       $$typeof: e,
       type: s,
       key: i,
-      ref: a !== void 0 ? a : null,
+      ref: n !== void 0 ? n : null,
       props: l
     };
   }
-  return D.Fragment = r, D.jsx = n, D.jsxs = n, D;
+  return D.Fragment = r, D.jsx = a, D.jsxs = a, D;
 }
 var I = {};
 var he;
@@ -75,7 +75,7 @@ function Dt() {
     function r(u) {
       return "" + u;
     }
-    function n(u) {
+    function a(u) {
       try {
         r(u);
         var b = !1;
@@ -103,7 +103,7 @@ function Dt() {
         return "<...>";
       }
     }
-    function a() {
+    function n() {
       var u = W.A;
       return u === null ? null : u.getOwner();
     }
@@ -199,7 +199,7 @@ React keys must be passed directly to JSX without using spread:
           S
         ), oe[S + w] = !0);
       }
-      if (S = null, v !== void 0 && (n(v), S = "" + v), i(b) && (n(b.key), S = "" + b.key), "key" in b) {
+      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]);
@@ -211,7 +211,7 @@ React keys must be passed directly to JSX without using spread:
         u,
         S,
         v,
-        a(),
+        n(),
         B,
         X
       );
@@ -262,11 +262,11 @@ function It() {
   return pe || (pe = 1, process.env.NODE_ENV === "production" ? Y.exports = Ut() : Y.exports = Dt()), Y.exports;
 }
 var t = It();
-function Fe({ value: e, onChange: r, field: n, readonly: s, ...a }) {
-  const l = n || a.schema;
+function Fe({ value: e, onChange: r, field: a, readonly: s, ...n }) {
+  const l = a || n.schema;
   if (s)
     return /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: e || "-" });
-  const i = l?.rows, { inputType: o, ...c } = a;
+  const i = l?.rows, { inputType: o, ...c } = n;
   return i && i > 1 ? /* @__PURE__ */ t.jsx(
     V,
     {
@@ -292,10 +292,10 @@ const Lt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   TextField: Fe
 }, Symbol.toStringTag, { value: "Module" }));
-function we({ value: e, onChange: r, field: n, readonly: s, ...a }) {
+function we({ value: e, onChange: r, field: a, readonly: s, ...n }) {
   if (s)
     return /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: e ?? "-" });
-  const l = n || a.schema, i = l?.precision, { inputType: o, ...c } = a;
+  const l = a || n.schema, i = l?.precision, { inputType: o, ...c } = n;
   return /* @__PURE__ */ t.jsx(
     _,
     {
@@ -316,11 +316,11 @@ const Vt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   NumberField: we
 }, Symbol.toStringTag, { value: "Module" }));
-function Se({ value: e, onChange: r, field: n, readonly: s, ...a }) {
-  const l = n || a.schema, i = l?.widget, o = xt(), c = l?.name || o, m = l?.label || "Checkbox";
+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)
     return /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: e ? "Yes" : "No" });
-  const { inputType: h, ...x } = a;
+  const { inputType: h, ...x } = n;
   return i === "checkbox" ? /* @__PURE__ */ t.jsxs("div", { className: "flex items-center space-x-2", children: [
     /* @__PURE__ */ t.jsx(
       ht,
@@ -351,8 +351,8 @@ const Bt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   BooleanField: Se
 }, Symbol.toStringTag, { value: "Module" }));
-function Ce({ value: e, onChange: r, field: n, readonly: s, ...a }) {
-  const l = n || a.schema, i = l?.options || [];
+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);
     return /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: o?.label || e || "-" });
@@ -360,12 +360,12 @@ function Ce({ value: e, onChange: r, field: n, readonly: s, ...a }) {
   return /* @__PURE__ */ t.jsxs(
     gt,
     {
-      ...a,
+      ...n,
       value: e,
       onValueChange: r,
-      disabled: s || a.disabled,
+      disabled: s || n.disabled,
       children: [
-        /* @__PURE__ */ t.jsx(bt, { className: a.className, id: a.id, children: /* @__PURE__ */ t.jsx(jt, { placeholder: l?.placeholder || "Select an option" }) }),
+        /* @__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)) })
       ]
     }
@@ -375,10 +375,10 @@ const Yt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   SelectField: Ce
 }, Symbol.toStringTag, { value: "Module" }));
-function Pe({ value: e, onChange: r, field: n, readonly: s, ...a }) {
+function Pe({ value: e, onChange: r, field: a, readonly: s, ...n }) {
   if (s)
     return /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: e ? new Date(e).toLocaleDateString() : "-" });
-  const { inputType: l, ...i } = a;
+  const { inputType: l, ...i } = n;
   return /* @__PURE__ */ t.jsx(
     _,
     {
@@ -394,8 +394,8 @@ const qt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   DateField: Pe
 }, Symbol.toStringTag, { value: "Module" }));
-function Oe({ value: e, onChange: r, field: n, readonly: s, errorMessage: a, ...l }) {
-  const i = n || l.schema;
+function Oe({ value: e, onChange: r, field: a, readonly: s, errorMessage: n, ...l }) {
+  const i = a || l.schema;
   if (s)
     return e ? /* @__PURE__ */ t.jsx(
       "a",
@@ -415,7 +415,7 @@ function Oe({ value: e, onChange: r, field: n, readonly: s, errorMessage: a, ...
       onChange: (m) => r(m.target.value),
       placeholder: i?.placeholder || "email@example.com",
       disabled: s || c.disabled,
-      "aria-invalid": !!a
+      "aria-invalid": !!n
     }
   );
 }
@@ -423,8 +423,8 @@ const Jt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   EmailField: Oe
 }, Symbol.toStringTag, { value: "Module" }));
-function Te({ value: e, onChange: r, field: n, readonly: s, errorMessage: a, ...l }) {
-  const i = n || l.schema;
+function Te({ value: e, onChange: r, field: a, readonly: s, errorMessage: n, ...l }) {
+  const i = a || l.schema;
   if (s)
     return e ? /* @__PURE__ */ t.jsx(
       "a",
@@ -444,7 +444,7 @@ function Te({ value: e, onChange: r, field: n, readonly: s, errorMessage: a, ...
       onChange: (m) => r(m.target.value),
       placeholder: i?.placeholder || "(555) 123-4567",
       disabled: s || c.disabled,
-      "aria-invalid": !!a
+      "aria-invalid": !!n
     }
   );
 }
@@ -452,8 +452,8 @@ const Gt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   PhoneField: Te
 }, Symbol.toStringTag, { value: "Module" }));
-function Re({ value: e, onChange: r, field: n, readonly: s, errorMessage: a, ...l }) {
-  const i = n || l.schema;
+function Re({ value: e, onChange: r, field: a, readonly: s, errorMessage: n, ...l }) {
+  const i = a || l.schema;
   if (s)
     return e ? e.startsWith("http://") || e.startsWith("https://") ? /* @__PURE__ */ t.jsx(
       "a",
@@ -475,7 +475,7 @@ function Re({ value: e, onChange: r, field: n, readonly: s, errorMessage: a, ...
       onChange: (m) => r(m.target.value),
       placeholder: i?.placeholder || "https://example.com",
       disabled: s || c.disabled,
-      "aria-invalid": !!a
+      "aria-invalid": !!n
     }
   );
 }
@@ -493,8 +493,8 @@ function Qt(e, r = "USD") {
     return `${r} ${e.toFixed(2)}`;
   }
 }
-function ke({ value: e, onChange: r, field: n, readonly: s, errorMessage: a, className: l, ...i }) {
-  const o = n || i.schema, c = o?.currency || "USD", m = o?.precision ?? 2;
+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) => {
@@ -518,7 +518,7 @@ function ke({ value: e, onChange: r, field: n, readonly: s, errorMessage: a, cla
         disabled: s || i.disabled,
         className: `pl-8 ${l || ""}`,
         step: Math.pow(10, -m).toFixed(m),
-        "aria-invalid": !!a
+        "aria-invalid": !!n
       }
     )
   ] });
@@ -527,10 +527,10 @@ const Xt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   CurrencyField: ke
 }, Symbol.toStringTag, { value: "Module" }));
-function Ae({ value: e, onChange: r, field: n, readonly: s, errorMessage: a, ...l }) {
+function Ae({ value: e, onChange: r, field: a, readonly: s, errorMessage: n, ...l }) {
   if (s)
     return /* @__PURE__ */ t.jsx("div", { className: "text-sm whitespace-pre-wrap", children: e || "-" });
-  const i = n || l.schema, o = i?.rows || 4, c = i?.max_length, { inputType: m, ...h } = l;
+  const i = a || l.schema, o = i?.rows || 4, c = i?.max_length, { inputType: m, ...h } = l;
   return /* @__PURE__ */ t.jsxs("div", { className: "relative", children: [
     /* @__PURE__ */ t.jsx(
       V,
@@ -542,7 +542,7 @@ function Ae({ value: e, onChange: r, field: n, readonly: s, errorMessage: a, ...
         disabled: s || h.disabled,
         rows: o,
         maxLength: c,
-        "aria-invalid": !!a
+        "aria-invalid": !!n
       }
     ),
     c && /* @__PURE__ */ t.jsxs(
@@ -564,7 +564,7 @@ const Ht = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   TextAreaField: Ae
 }, Symbol.toStringTag, { value: "Module" }));
-function Z({ value: e, onChange: r, field: n, readonly: s, errorMessage: a, ...l }) {
+function Z({ value: e, onChange: r, field: a, readonly: s, errorMessage: n, ...l }) {
   if (s)
     return /* @__PURE__ */ t.jsx(
       "div",
@@ -573,7 +573,7 @@ function Z({ value: e, onChange: r, field: n, readonly: s, errorMessage: a, ...l
         children: e || "-"
       }
     );
-  const i = n || l.schema, o = i?.rows || 8, c = i?.format || "markdown";
+  const i = a || l.schema, o = i?.rows || 8, c = i?.format || "markdown";
   return /* @__PURE__ */ t.jsxs("div", { className: "space-y-2", children: [
     /* @__PURE__ */ t.jsxs("div", { className: "flex items-center justify-between text-xs text-gray-500", children: [
       /* @__PURE__ */ t.jsxs("span", { children: [
@@ -591,7 +591,7 @@ function Z({ value: e, onChange: r, field: n, readonly: s, errorMessage: a, ...l
         disabled: s || l.disabled,
         rows: o,
         className: `font-mono text-sm ${l.className || ""}`,
-        "aria-invalid": !!a
+        "aria-invalid": !!n
       }
     )
   ] });
@@ -600,8 +600,8 @@ const ge = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   RichTextField: Z
 }, Symbol.toStringTag, { value: "Module" }));
-function $e({ value: e, onChange: r, field: n, readonly: s, ...a }) {
-  const [l, i] = L(!1), [o, c] = L(""), m = n || a.schema, h = m?.options || [], x = m.multiple || !1, d = m.display_field || "label", f = h.filter(
+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)
@@ -694,7 +694,7 @@ const Zt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   LookupField: $e
 }, Symbol.toStringTag, { value: "Module" }));
-function ze({ value: e, onChange: r, field: n, readonly: s, ...a }) {
+function ze({ value: e, onChange: r, field: a, readonly: s, ...n }) {
   if (s) {
     if (!e) return /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: "-" });
     const o = new Date(e);
@@ -704,7 +704,7 @@ function ze({ value: e, onChange: r, field: n, readonly: s, ...a }) {
       o.toLocaleTimeString()
     ] });
   }
-  const { inputType: l, ...i } = a;
+  const { inputType: l, ...i } = n;
   return /* @__PURE__ */ t.jsx(
     _,
     {
@@ -720,10 +720,10 @@ const Kt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   DateTimeField: ze
 }, Symbol.toStringTag, { value: "Module" }));
-function Ee({ value: e, onChange: r, field: n, readonly: s, ...a }) {
+function Ee({ value: e, onChange: r, field: a, readonly: s, ...n }) {
   if (s)
     return /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: e || "-" });
-  const { inputType: l, ...i } = a;
+  const { inputType: l, ...i } = n;
   return /* @__PURE__ */ t.jsx(
     _,
     {
@@ -739,8 +739,8 @@ const er = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   TimeField: Ee
 }, Symbol.toStringTag, { value: "Module" }));
-function Me({ value: e, onChange: r, field: n, readonly: s, errorMessage: a, className: l, ...i }) {
-  const o = n || i.schema, c = o?.precision ?? 2;
+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)
     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),
@@ -766,7 +766,7 @@ function Me({ value: e, onChange: r, field: n, readonly: s, errorMessage: a, cla
         disabled: s || i.disabled,
         className: `pr-8 ${l || ""}`,
         step: Math.pow(10, -c).toFixed(c),
-        "aria-invalid": !!a
+        "aria-invalid": !!n
       }
     ),
     /* @__PURE__ */ t.jsx("span", { className: "absolute right-3 top-1/2 -translate-y-1/2 text-sm text-gray-500", children: "%" })
@@ -776,8 +776,8 @@ const tr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   PercentField: Me
 }, Symbol.toStringTag, { value: "Module" }));
-function Ue({ value: e, onChange: r, field: n, readonly: s, className: a, ...l }) {
-  const [i, o] = L(!1), c = n || l.schema;
+function Ue({ value: e, onChange: r, field: a, readonly: s, className: n, ...l }) {
+  const [i, o] = L(!1), c = a || l.schema;
   if (s)
     return /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: "••••••••" });
   const { inputType: m, ...h } = l;
@@ -791,7 +791,7 @@ function Ue({ value: e, onChange: r, field: n, readonly: s, className: a, ...l }
         onChange: (x) => r(x.target.value),
         placeholder: c?.placeholder,
         disabled: s || h.disabled,
-        className: `pr-10 ${a || ""}`
+        className: `pr-10 ${n || ""}`
       }
     ),
     /* @__PURE__ */ t.jsx(
@@ -812,8 +812,8 @@ const rr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   PasswordField: Ue
 }, Symbol.toStringTag, { value: "Module" }));
-function De({ value: e, onChange: r, field: n, readonly: s, ...a }) {
-  const l = te(null), i = n || a.schema, o = i?.multiple || !1, c = i?.accept ? i.accept.join(",") : void 0;
+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];
@@ -838,7 +838,7 @@ function De({ value: e, onChange: r, field: n, readonly: s, ...a }) {
     } else
       r(null);
   };
-  return /* @__PURE__ */ t.jsxs("div", { className: a.className, children: [
+  return /* @__PURE__ */ t.jsxs("div", { className: n.className, children: [
     /* @__PURE__ */ t.jsx(
       "input",
       {
@@ -900,8 +900,8 @@ const sr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   FileField: De
 }, Symbol.toStringTag, { value: "Module" }));
-function Ie({ value: e, onChange: r, field: n, readonly: s, ...a }) {
-  const l = te(null), i = n || a.schema, o = i?.multiple || !1, c = i?.accept ? i.accept.join(",") : "image/*";
+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) {
     if (!e) return /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: "-" });
     const d = Array.isArray(e) ? e : [e];
@@ -934,7 +934,7 @@ function Ie({ value: e, onChange: r, field: n, readonly: s, ...a }) {
     } else
       r(null);
   };
-  return /* @__PURE__ */ t.jsxs("div", { className: a.className, children: [
+  return /* @__PURE__ */ t.jsxs("div", { className: n.className, children: [
     /* @__PURE__ */ t.jsx(
       "input",
       {
@@ -988,8 +988,8 @@ const nr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   ImageField: Ie
 }, Symbol.toStringTag, { value: "Module" }));
-function Le({ value: e, onChange: r, field: n, readonly: s, ...a }) {
-  const l = n || a.schema, i = e && typeof e == "object" ? `${e.latitude || 0}, ${e.longitude || 0}` : "";
+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 || "-" });
   const o = (c) => {
@@ -1011,8 +1011,8 @@ function Le({ value: e, onChange: r, field: n, readonly: s, ...a }) {
       value: i,
       onChange: o,
       placeholder: l?.placeholder || "latitude, longitude",
-      disabled: s || a.disabled,
-      className: a.className
+      disabled: s || n.disabled,
+      className: n.className
     }
   );
 }
@@ -1020,34 +1020,34 @@ const ar = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   LocationField: Le
 }, Symbol.toStringTag, { value: "Module" }));
-function Ve({ value: e, field: r, ...n }) {
-  const a = (r || n.schema)?.return_type || "text";
+function Ve({ value: e, field: r, ...a }) {
+  const n = (r || a.schema)?.return_type || "text";
   let l = "-";
-  return e != null && (a === "number" || a === "currency" ? l = typeof e == "number" ? e.toFixed(2) : String(e) : a === "boolean" ? l = e ? "Yes" : "No" : a === "date" ? l = new Date(e).toLocaleDateString() : l = String(e)), /* @__PURE__ */ t.jsx("span", { className: `text-sm font-mono text-gray-700 ${n.className || ""}`, children: l });
+  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 });
 }
 const lr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   FormulaField: Ve
 }, Symbol.toStringTag, { value: "Module" }));
-function Be({ value: e, field: r, ...n }) {
-  const a = (r || n.schema)?.summary_type || "count";
+function Be({ value: e, field: r, ...a }) {
+  const n = (r || a.schema)?.summary_type || "count";
   let l = "-";
-  return e != null && (a === "count" ? l = String(e) : ["sum", "avg", "min", "max"].includes(a) ? l = typeof e == "number" ? e.toFixed(2) : String(e) : l = String(e)), /* @__PURE__ */ t.jsx("span", { className: `text-sm font-medium tabular-nums text-gray-700 ${n.className || ""}`, children: l });
+  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 });
 }
 const ir = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   SummaryField: Be
 }, Symbol.toStringTag, { value: "Module" }));
-function Ye({ value: e, field: r, ...n }) {
+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 ${n.className || ""}`, children: s });
+  return /* @__PURE__ */ t.jsx("span", { className: `text-sm font-mono text-gray-700 ${a.className || ""}`, children: s });
 }
 const or = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   AutoNumberField: Ye
 }, Symbol.toStringTag, { value: "Module" }));
-function K({ value: e, onChange: r, field: n, readonly: s, ...a }) {
-  const i = (n || a.schema)?.multiple || !1;
+function K({ value: e, onChange: r, field: a, readonly: s, ...n }) {
+  const i = (a || n.schema)?.multiple || !1;
   if (s) {
     if (!e) return /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: "-" });
     const m = Array.isArray(e) ? e : [e];
@@ -1069,7 +1069,7 @@ function K({ value: e, onChange: r, field: n, readonly: s, ...a }) {
     } else
       r(null);
   };
-  return /* @__PURE__ */ t.jsxs("div", { className: a.className, children: [
+  return /* @__PURE__ */ t.jsxs("div", { className: n.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: [
@@ -1093,8 +1093,8 @@ const be = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   UserField: K
 }, Symbol.toStringTag, { value: "Module" }));
-function qe({ value: e, onChange: r, field: n, readonly: s, ...a }) {
-  const l = n || a.schema, i = () => e == null ? "" : JSON.stringify(e, null, 2), [o, c] = L(i), [m, h] = L(null);
+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(() => {
     try {
       if (e == null) {
@@ -1107,7 +1107,7 @@ function qe({ value: e, onChange: r, field: n, readonly: s, ...a }) {
       c(JSON.stringify(e, null, 2));
     }
   }, [e, o]), s)
-    return e ? /* @__PURE__ */ t.jsx("pre", { className: O("text-xs bg-gray-50 p-2 rounded border border-gray-200 overflow-auto max-h-40", a.className), children: JSON.stringify(e, null, 2) }) : /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: "-" });
+    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()) {
@@ -1130,8 +1130,8 @@ function qe({ value: e, onChange: r, field: n, readonly: s, ...a }) {
         placeholder: l?.placeholder || `{
   "key": "value"
 }`,
-        disabled: s || a.disabled,
-        className: O("font-mono text-xs", m ? "border-red-500 focus-visible:ring-red-500" : "", a.className),
+        disabled: s || n.disabled,
+        className: O("font-mono text-xs", m ? "border-red-500 focus-visible:ring-red-500" : "", n.className),
         rows: 6
       }
     ),
@@ -1142,15 +1142,15 @@ const cr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   ObjectField: qe
 }, Symbol.toStringTag, { value: "Module" }));
-function Je({ value: e, field: r, ...n }) {
-  const a = (r || n.schema)?.dimensions || (Array.isArray(e) ? e.length : 0);
+function Je({ value: e, field: r, ...a }) {
+  const n = (r || a.schema)?.dimensions || (Array.isArray(e) ? e.length : 0);
   if (!e || !Array.isArray(e))
     return /* @__PURE__ */ t.jsx("span", { className: "text-sm text-gray-500", children: "-" });
   const l = e.slice(0, 3).map((i) => {
     const o = Number(i);
     return isNaN(o) ? "0" : o.toFixed(4);
   }).join(", ");
-  return /* @__PURE__ */ t.jsxs("div", { className: `text-sm ${n.className || ""}`, children: [
+  return /* @__PURE__ */ t.jsxs("div", { className: `text-sm ${a.className || ""}`, children: [
     /* @__PURE__ */ t.jsxs("span", { className: "font-mono text-gray-700", children: [
       "[",
       l,
@@ -1158,7 +1158,7 @@ function Je({ value: e, field: r, ...n }) {
     ] }),
     /* @__PURE__ */ t.jsxs("span", { className: "text-gray-500 ml-2", children: [
       "(",
-      a,
+      n,
       "D)"
     ] })
   ] });
@@ -1167,9 +1167,9 @@ const dr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   VectorField: Je
 }, Symbol.toStringTag, { value: "Module" }));
-function Ge({ value: e, field: r, readonly: n, ...s }) {
+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: "-" }) : n ? /* @__PURE__ */ t.jsx("div", { className: O("text-sm", s.className), children: /* @__PURE__ */ t.jsxs("span", { className: "text-gray-700", children: [
+  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: [
     e.length,
     " rows"
   ] }) }) : /* @__PURE__ */ t.jsxs("div", { className: O("border border-gray-200 rounded-md overflow-hidden", s.className), children: [
@@ -1195,8 +1195,8 @@ const ur = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   GridField: Ge
 }, Symbol.toStringTag, { value: "Module" }));
-function We({ value: e, onChange: r, field: n, readonly: s, ...a }) {
-  const l = n || a.schema;
+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: [
     /* @__PURE__ */ t.jsx(
       "div",
@@ -1213,7 +1213,7 @@ function We({ value: e, onChange: r, field: n, readonly: s, ...a }) {
         type: "color",
         value: e || "#000000",
         onChange: (i) => r(i.target.value),
-        disabled: s || a.disabled,
+        disabled: s || n.disabled,
         className: "w-10 h-10 rounded border border-input cursor-pointer"
       }
     ),
@@ -1224,8 +1224,8 @@ function We({ value: e, onChange: r, field: n, readonly: s, ...a }) {
         value: e || "",
         onChange: (i) => r(i.target.value),
         placeholder: l?.placeholder || "#000000",
-        disabled: s || a.disabled,
-        className: a.className,
+        disabled: s || n.disabled,
+        className: n.className,
         pattern: "^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$"
       }
     )
@@ -1235,8 +1235,8 @@ const mr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   ColorField: We
 }, Symbol.toStringTag, { value: "Module" }));
-function Qe({ value: e, onChange: r, field: n, readonly: s, ...a }) {
-  const l = n || a.schema, i = l?.min ?? 0, o = l?.max ?? 100, c = l?.step ?? 1;
+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 }),
     /* @__PURE__ */ t.jsxs("span", { className: "text-xs text-muted-foreground", children: [
@@ -1252,8 +1252,8 @@ function Qe({ value: e, onChange: r, field: n, readonly: s, ...a }) {
         min: i,
         max: o,
         step: c,
-        disabled: s || a.disabled,
-        className: a.className
+        disabled: s || n.disabled,
+        className: n.className
       }
     ),
     /* @__PURE__ */ t.jsx("span", { className: "text-sm font-medium w-12 text-right", children: e ?? i })
@@ -1263,9 +1263,9 @@ const fr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   SliderField: Qe
 }, Symbol.toStringTag, { value: "Module" }));
-function Xe({ value: e, onChange: r, field: n, readonly: s, className: a, ...l }) {
-  const o = (n || l.schema)?.max ?? 5, c = e ?? 0, [m, h] = P.useState(null), x = m !== null ? m : c;
-  return s ? /* @__PURE__ */ t.jsxs("div", { className: O("flex items-center gap-1", a), children: [
+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,
       {
@@ -1278,7 +1278,7 @@ function Xe({ value: e, onChange: r, field: n, readonly: s, className: a, ...l }
       " / ",
       o
     ] })
-  ] }) : /* @__PURE__ */ t.jsxs("div", { className: O("flex items-center gap-1", a), children: [
+  ] }) : /* @__PURE__ */ t.jsxs("div", { className: O("flex items-center gap-1", n), children: [
     Array.from({ length: o }, (d, f) => /* @__PURE__ */ t.jsx(
       "button",
       {
@@ -1308,16 +1308,16 @@ const xr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   RatingField: Xe
 }, Symbol.toStringTag, { value: "Module" }));
-function He({ value: e, onChange: r, field: n, readonly: s, ...a }) {
-  const l = n || a.schema, i = l?.language ?? "javascript";
-  return s ? /* @__PURE__ */ t.jsx("pre", { className: O("text-sm bg-muted p-2 rounded overflow-x-auto border", a.className), children: /* @__PURE__ */ t.jsx("code", { children: e || "-" }) }) : /* @__PURE__ */ t.jsx(
+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,
     {
       value: e || "",
       onChange: (o) => r(o.target.value),
       placeholder: l?.placeholder || `// Write ${i} code here...`,
-      disabled: s || a.disabled,
-      className: O("font-mono text-sm", a.className),
+      disabled: s || n.disabled,
+      className: O("font-mono text-sm", n.className),
       rows: 12,
       spellCheck: !1
     }
@@ -1327,8 +1327,8 @@ const hr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   CodeField: He
 }, Symbol.toStringTag, { value: "Module" }));
-function Ze({ value: e, onChange: r, field: n, readonly: s, ...a }) {
-  const [l, i] = P.useState(!1), o = P.useRef(null), c = n || a.schema, m = (d) => {
+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/")) {
@@ -1391,7 +1391,7 @@ function Ze({ value: e, onChange: r, field: n, readonly: s, ...a }) {
           variant: "outline",
           size: "sm",
           onClick: () => o.current?.click(),
-          disabled: s || a.disabled,
+          disabled: s || n.disabled,
           children: [
             /* @__PURE__ */ t.jsx(_e, { className: "w-4 h-4 mr-2" }),
             e ? "Change" : "Upload",
@@ -1407,7 +1407,7 @@ const pr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   AvatarField: Ze
 }, Symbol.toStringTag, { value: "Module" }));
-function Ke({ value: e, onChange: r, field: n, readonly: s, ...a }) {
+function Ke({ value: e, onChange: r, field: a, readonly: s, ...n }) {
   const l = e || {}, i = (c, m) => {
     r({
       ...l,
@@ -1430,8 +1430,8 @@ function Ke({ value: e, onChange: r, field: n, readonly: s, ...a }) {
           value: l.street || "",
           onChange: (c) => i("street", c.target.value),
           placeholder: "123 Main St",
-          disabled: s || a.disabled,
-          className: a.className
+          disabled: s || n.disabled,
+          className: n.className
         }
       )
     ] }),
@@ -1446,7 +1446,7 @@ function Ke({ value: e, onChange: r, field: n, readonly: s, ...a }) {
             value: l.city || "",
             onChange: (c) => i("city", c.target.value),
             placeholder: "San Francisco",
-            disabled: s || a.disabled
+            disabled: s || n.disabled
           }
         )
       ] }),
@@ -1460,7 +1460,7 @@ function Ke({ value: e, onChange: r, field: n, readonly: s, ...a }) {
             value: l.state || "",
             onChange: (c) => i("state", c.target.value),
             placeholder: "CA",
-            disabled: s || a.disabled
+            disabled: s || n.disabled
           }
         )
       ] })
@@ -1476,7 +1476,7 @@ function Ke({ value: e, onChange: r, field: n, readonly: s, ...a }) {
             value: l.zipCode || "",
             onChange: (c) => i("zipCode", c.target.value),
             placeholder: "94102",
-            disabled: s || a.disabled
+            disabled: s || n.disabled
           }
         )
       ] }),
@@ -1490,7 +1490,7 @@ function Ke({ value: e, onChange: r, field: n, readonly: s, ...a }) {
             value: l.country || "",
             onChange: (c) => i("country", c.target.value),
             placeholder: "United States",
-            disabled: s || a.disabled
+            disabled: s || n.disabled
           }
         )
       ] })
@@ -1501,7 +1501,7 @@ const gr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   AddressField: Ke
 }, Symbol.toStringTag, { value: "Module" }));
-function et({ value: e, onChange: r, field: n, readonly: s, ...a }) {
+function et({ value: e, onChange: r, field: a, readonly: s, ...n }) {
   const [l, i] = P.useState(!1), o = e || {}, c = (d, f) => {
     r({
       ...o,
@@ -1589,9 +1589,9 @@ function et({ value: e, onChange: r, field: n, readonly: s, ...a }) {
             value: o.latitude ?? "",
             onChange: (d) => c("latitude", d.target.value),
             placeholder: "37.7749",
-            disabled: s || a.disabled,
+            disabled: s || n.disabled,
             step: "any",
-            className: a.className
+            className: n.className
           }
         )
       ] }),
@@ -1605,7 +1605,7 @@ function et({ value: e, onChange: r, field: n, readonly: s, ...a }) {
             value: o.longitude ?? "",
             onChange: (d) => c("longitude", d.target.value),
             placeholder: "-122.4194",
-            disabled: s || a.disabled,
+            disabled: s || n.disabled,
             step: "any"
           }
         )
@@ -1622,8 +1622,8 @@ const br = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   GeolocationField: et
 }, Symbol.toStringTag, { value: "Module" }));
-function tt({ value: e, onChange: r, readonly: n }) {
-  const s = te(null), [a, l] = P.useState(!1), [i, o] = P.useState(!e);
+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");
@@ -1636,7 +1636,7 @@ function tt({ value: e, onChange: r, readonly: n }) {
     }
   }, [e]);
   const c = (d) => {
-    if (n) return;
+    if (a) return;
     l(!0), o(!1);
     const f = s.current;
     if (!f) return;
@@ -1645,7 +1645,7 @@ function tt({ value: e, onChange: r, readonly: n }) {
     const N = f.getBoundingClientRect(), T = "touches" in d ? d.touches[0].clientX - N.left : d.clientX - N.left, y = "touches" in d ? d.touches[0].clientY - N.top : d.clientY - N.top;
     p.beginPath(), p.moveTo(T, y);
   }, m = (d) => {
-    if (!a || n) return;
+    if (!n || a) return;
     const f = s.current;
     if (!f) return;
     const p = f.getContext("2d");
@@ -1653,7 +1653,7 @@ function tt({ value: e, onChange: r, readonly: n }) {
     const N = f.getBoundingClientRect(), T = "touches" in d ? d.touches[0].clientX - N.left : d.clientX - N.left, y = "touches" in d ? d.touches[0].clientY - N.top : d.clientY - N.top;
     p.lineTo(T, y), p.strokeStyle = "#000", p.lineWidth = 2, p.lineCap = "round", p.lineJoin = "round", p.stroke();
   }, h = () => {
-    if (!a) return;
+    if (!n) return;
     l(!1);
     const d = s.current;
     if (!d) return;
@@ -1665,7 +1665,7 @@ function tt({ value: e, onChange: r, readonly: n }) {
     const f = d.getContext("2d");
     f && (f.clearRect(0, 0, d.width, d.height), o(!0), r(""));
   };
-  return n && e ? /* @__PURE__ */ t.jsx("div", { className: "border rounded p-2 bg-white", children: /* @__PURE__ */ t.jsx("img", { src: e, alt: "Signature", className: "max-w-full h-auto" }) }) : n && !e ? /* @__PURE__ */ t.jsx("span", { className: "text-sm text-muted-foreground", children: "No signature" }) : /* @__PURE__ */ t.jsxs("div", { className: "space-y-2", children: [
+  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: [
     /* @__PURE__ */ t.jsx("div", { className: "border rounded bg-white", children: /* @__PURE__ */ t.jsx(
       "canvas",
       {
@@ -1691,7 +1691,7 @@ function tt({ value: e, onChange: r, readonly: n }) {
           variant: "outline",
           size: "sm",
           onClick: x,
-          disabled: n || i,
+          disabled: a || i,
           children: [
             /* @__PURE__ */ t.jsx($t, { className: "w-4 h-4 mr-2" }),
             "Clear"
@@ -1705,8 +1705,8 @@ const jr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   SignatureField: tt
 }, Symbol.toStringTag, { value: "Module" }));
-function rt({ value: e, onChange: r, field: n, readonly: s, ...a }) {
-  const [l, i] = P.useState(!1), o = n || a.schema, c = (h) => `https://api.qrserver.com/v1/create-qr-code/?size=200x200&data=${encodeURIComponent(h)}`, m = () => {
+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 = () => {
     e && navigator.clipboard.writeText(e);
   };
   return s ? /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-3", children: [
@@ -1734,8 +1734,8 @@ function rt({ value: e, onChange: r, field: n, readonly: s, ...a }) {
           value: e || "",
           onChange: (h) => r(h.target.value),
           placeholder: o?.placeholder || "Enter text for QR code",
-          disabled: s || a.disabled,
-          className: a.className
+          disabled: s || n.disabled,
+          className: n.className
         }
       ),
       e && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
@@ -1783,12 +1783,12 @@ const yr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
 function st({
   value: e,
   onChange: r,
-  field: n,
+  field: a,
   readonly: s,
-  className: a,
+  className: n,
   ...l
 }) {
-  const i = e || [], o = n || l.schema, c = () => {
+  const i = e || [], o = a || l.schema, c = () => {
     const x = {
       id: `new-${Date.now()}`,
       label: "New Related Record"
@@ -1799,7 +1799,7 @@ function st({
   }, h = (x) => {
     console.log("View detail:", x);
   };
-  return s ? /* @__PURE__ */ t.jsxs("div", { className: O("space-y-2", a), children: [
+  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(
       "div",
       {
@@ -1825,7 +1825,7 @@ function st({
       " ",
       i.length === 1 ? "record" : "records"
     ] })
-  ] }) : /* @__PURE__ */ t.jsxs("div", { className: O("space-y-3", a), children: [
+  ] }) : /* @__PURE__ */ t.jsxs("div", { className: O("space-y-3", n), children: [
     /* @__PURE__ */ t.jsxs("div", { className: "space-y-2", children: [
       i.map((x) => /* @__PURE__ */ t.jsxs(
         "div",
@@ -1896,13 +1896,13 @@ function vr(e, r = "USD") {
     return `${r} ${e.toFixed(2)}`;
   }
 }
-function _r(e, r = 2) {
-  return `${(e * 100).toFixed(r)}%`;
+function _r(e, r = 0) {
+  return `${(e > -1 && e < 1 ? e * 100 : e).toFixed(r)}%`;
 }
 function Fr(e, r) {
   if (!e) return "-";
-  const n = typeof e == "string" ? new Date(e) : e;
-  return isNaN(n.getTime()) ? "-" : n.toLocaleDateString("en-US", {
+  const a = typeof e == "string" ? new Date(e) : e;
+  return isNaN(a.getTime()) ? "-" : a.toLocaleDateString("en-US", {
     year: "numeric",
     month: "short",
     day: "numeric"
@@ -1923,19 +1923,38 @@ function A({ value: e }) {
   return /* @__PURE__ */ t.jsx("span", { className: "truncate", children: e || "-" });
 }
 function Sr({ value: e, field: r }) {
-  if (e == null) return /* @__PURE__ */ t.jsx("span", { children: "-" });
-  const s = r.precision ?? 0, a = typeof e == "number" ? e.toFixed(s) : e;
-  return /* @__PURE__ */ t.jsx("span", { className: "tabular-nums", children: a });
+  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 });
 }
 function Cr({ value: e, field: r }) {
-  if (e == null) return /* @__PURE__ */ t.jsx("span", { children: "-" });
-  const s = r.currency || "USD", a = vr(Number(e), s);
-  return /* @__PURE__ */ t.jsx("span", { className: "tabular-nums font-medium", children: a });
+  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 });
 }
 function Pr({ value: e, field: r }) {
-  if (e == null) return /* @__PURE__ */ t.jsx("span", { children: "-" });
-  const s = r.precision ?? 2, a = _r(Number(e), s);
-  return /* @__PURE__ */ t.jsx("span", { className: "tabular-nums", children: a });
+  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));
+  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-valuemin": 0,
+        "aria-valuemax": 100,
+        children: /* @__PURE__ */ t.jsx(
+          "div",
+          {
+            className: "h-full rounded-full bg-primary transition-all",
+            style: { width: `${o}%` }
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ t.jsx("span", { className: "tabular-nums whitespace-nowrap", children: l })
+  ] });
 }
 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: [
@@ -1957,7 +1976,7 @@ function Rr({ value: e }) {
 function q({ value: e, field: r }) {
   const s = r.options || [];
   if (!e) return /* @__PURE__ */ t.jsx("span", { children: "-" });
-  const a = (c) => {
+  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",
@@ -1973,7 +1992,7 @@ function q({ value: e, field: r }) {
   };
   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 = a(h?.color);
+      const h = s.find((f) => f.value === c), x = h?.label || c, d = n(h?.color);
       return /* @__PURE__ */ t.jsx(
         k,
         {
@@ -1984,7 +2003,7 @@ function q({ value: e, field: r }) {
         m
       );
     }) });
-  const l = s.find((c) => c.value === e), i = l?.label || e, o = a(l?.color);
+  const l = s.find((c) => c.value === e), i = l?.label || e, o = n(l?.color);
   return /* @__PURE__ */ t.jsx(
     k,
     {
@@ -2046,11 +2065,11 @@ function $r({ value: e }) {
 function zr({ value: e, field: r }) {
   if (!e) return /* @__PURE__ */ t.jsx("span", { children: "-" });
   if (r.multiple, Array.isArray(e)) {
-    const a = e.length;
+    const n = e.length;
     return /* @__PURE__ */ t.jsxs("span", { className: "text-sm text-gray-600", children: [
-      a,
+      n,
       " ",
-      a === 1 ? "file" : "files"
+      n === 1 ? "file" : "files"
     ] });
   }
   const s = e.name || e.original_name || "File";
@@ -2058,14 +2077,14 @@ function zr({ value: e, field: r }) {
 }
 function Er({ value: e }) {
   return e ? Array.isArray(e) ? /* @__PURE__ */ t.jsxs("div", { className: "flex -space-x-2", children: [
-    e.slice(0, 3).map((r, n) => /* @__PURE__ */ t.jsx(
+    e.slice(0, 3).map((r, a) => /* @__PURE__ */ t.jsx(
       "img",
       {
         src: r.url || "",
-        alt: r.name || `Image ${n + 1}`,
+        alt: r.name || `Image ${a + 1}`,
         className: "size-8 rounded-md border-2 border-white object-cover"
       },
-      n
+      a
     )),
     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: [
       "+",
@@ -2083,7 +2102,7 @@ function Er({ value: e }) {
 function nt({ value: e }) {
   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((r, n) => {
+    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(
         "span",
@@ -2091,7 +2110,7 @@ function nt({ value: e }) {
           className: "inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-gray-100 text-gray-800",
           children: s
         },
-        n
+        a
       );
     }) });
   if (typeof e == "object" && e !== null) {
@@ -2107,7 +2126,7 @@ function ye({ value: e }) {
   if (!e) return /* @__PURE__ */ t.jsx("span", { children: "-" });
   if (Array.isArray(e))
     return /* @__PURE__ */ t.jsxs("div", { className: "flex -space-x-2", children: [
-      e.slice(0, 3).map((s, a) => {
+      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);
         return /* @__PURE__ */ t.jsx(
           $,
@@ -2116,7 +2135,7 @@ function ye({ value: e }) {
             title: l,
             children: /* @__PURE__ */ t.jsx(z, { className: "bg-blue-500 text-white text-xs", children: i })
           },
-          a
+          n
         );
       }),
       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: [
@@ -2124,9 +2143,9 @@ function ye({ value: e }) {
         e.length - 3
       ] }) })
     ] });
-  const r = e.name || e.username || "User", n = r.split(" ").map((s) => s[0]).join("").toUpperCase().slice(0, 2);
+  const r = e.name || e.username || "User", a = r.split(" ").map((s) => s[0]).join("").toUpperCase().slice(0, 2);
   return /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-2", children: [
-    /* @__PURE__ */ t.jsx($, { className: "size-8", children: /* @__PURE__ */ t.jsx(z, { className: "bg-blue-500 text-white text-xs", children: n }) }),
+    /* @__PURE__ */ t.jsx($, { className: "size-8", children: /* @__PURE__ */ t.jsx(z, { className: "bg-blue-500 text-white text-xs", children: a }) }),
     /* @__PURE__ */ t.jsx("span", { className: "truncate", children: r })
   ] });
 }
@@ -2217,10 +2236,10 @@ function qr(e) {
   if (e < 0 || !Number.isFinite(e) || e === 0)
     return "0 B";
   const r = ["B", "KB", "MB", "GB", "TB"];
-  let n = e, s = 0;
-  for (; n >= 1024 && s < r.length - 1; )
-    n /= 1024, s++;
-  return `${n.toFixed(s > 0 ? 1 : 0)} ${r[s]}`;
+  let a = e, s = 0;
+  for (; a >= 1024 && s < r.length - 1; )
+    a /= 1024, s++;
+  return `${a.toFixed(s > 0 ? 1 : 0)} ${r[s]}`;
 }
 function Jr(e) {
   const r = {};
@@ -2250,48 +2269,48 @@ function Jr(e) {
 function Ne(e, r) {
   if (!e) return !0;
   if (e.field && e.value !== void 0) {
-    const n = r[e.field];
+    const a = r[e.field];
     if (e.operator === "=" || e.operator === "==")
-      return n === e.value;
+      return a === e.value;
     if (e.operator === "!=")
-      return n !== e.value;
+      return a !== e.value;
     if (e.operator === ">")
-      return n > e.value;
+      return a > e.value;
     if (e.operator === ">=")
-      return n >= e.value;
+      return a >= e.value;
     if (e.operator === "<")
-      return n < e.value;
+      return a < e.value;
     if (e.operator === "<=")
-      return n <= e.value;
+      return a <= e.value;
     if (e.operator === "in")
-      return Array.isArray(e.value) && e.value.includes(n);
+      return Array.isArray(e.value) && e.value.includes(a);
   }
-  return e.and && Array.isArray(e.and) ? e.and.every((n) => Ne(n, r)) : e.or && Array.isArray(e.or) ? e.or.some((n) => Ne(n, r)) : !0;
+  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: n, className: s, value: a, ...l }) => {
-    const [i, o] = P.useState(a ?? n?.value ?? ""), c = {
-      name: n?.name || "field",
-      label: n?.label,
-      type: n?.type,
-      placeholder: n?.placeholder,
-      required: n?.required,
-      readonly: n?.readonly || n?.readOnly,
-      help: n?.help,
-      description: n?.description,
-      defaultValue: n?.defaultValue || n?.value,
-      ...n
+  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 = n?.readonly || n?.readOnly || !1;
+    }, [l]), h = a?.readonly || a?.readOnly || !1;
     return /* @__PURE__ */ t.jsxs(
       "div",
       {
         className: "grid w-full items-center gap-1.5",
-        "data-obj-id": n?.id,
-        "data-obj-type": n?.type,
+        "data-obj-id": a?.id,
+        "data-obj-type": a?.type,
         children: [
-          n?.label && /* @__PURE__ */ t.jsx("label", { htmlFor: n.id, className: n.required ? "after:content-['*'] after:ml-0.5 after:text-red-500" : "", children: n.label }),
+          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 }),
           /* @__PURE__ */ t.jsx(
             e,
             {
@@ -2302,7 +2321,7 @@ function j(e) {
               className: s
             }
           ),
-          n?.description && /* @__PURE__ */ t.jsx("p", { className: "text-sm text-gray-500", children: n.description })
+          a?.description && /* @__PURE__ */ t.jsx("p", { className: "text-sm text-gray-500", children: a.description })
         ]
       }
     );
@@ -2364,8 +2383,8 @@ function Mr(e) {
     console.warn(`Unknown field type: ${e}`);
     return;
   }
-  const n = P.lazy(r);
-  g.register(e, n, { namespace: "field" });
+  const a = P.lazy(r);
+  g.register(e, a, { namespace: "field" });
 }
 function Ur() {
   Object.keys(at).forEach((e) => {