@object-ui/plugin-detail 3.0.2 → 3.1.0

package/.turbo/turbo-build.log

@@ -1,18 +1,55 @@
 
-> @object-ui/plugin-detail@3.0.2 build /home/runner/work/objectui/objectui/packages/plugin-detail
+> @object-ui/plugin-detail@3.1.0 build /home/runner/work/objectui/objectui/packages/plugin-detail
 > vite build
 
 vite v7.3.1 building client environment for production...
 transforming...
-✓ 3647 modules transformed.
+✓ 3770 modules transformed.
 rendering chunks...
 
 [vite:dts] Start generate declaration files...
 computing gzip size...
-[vite:dts] Declaration files built in 24011ms.
+[vite:dts] Declaration files built in 25389ms.
 
-dist/plugin-detail.css    108.99 kB │ gzip:  18.00 kB
-dist/index.js           1,773.52 kB │ gzip: 415.20 kB
-dist/plugin-detail.css    108.99 kB │ gzip:  18.00 kB
-dist/index.umd.cjs      1,275.26 kB │ gzip: 352.72 kB
-✓ built in 1m 6s
+dist/plugin-detail.css                122.26 kB │ gzip:  20.00 kB
+dist/AutoNumberField-BxnFqllo.js        0.29 kB │ gzip:   0.24 kB
+dist/SummaryField-ugYPYxjP.js           0.49 kB │ gzip:   0.34 kB
+dist/TimeField-Cuz9-Uai.js              0.52 kB │ gzip:   0.33 kB
+dist/FormulaField-CJkkwIK8.js           0.53 kB │ gzip:   0.36 kB
+dist/DateField-BNHAzMB2.js              0.55 kB │ gzip:   0.36 kB
+dist/NumberField-BVroN9aV.js            0.70 kB │ gzip:   0.43 kB
+dist/DateTimeField-DjAyn_DQ.js          0.73 kB │ gzip:   0.40 kB
+dist/CodeField-Co_muhRR.js              0.76 kB │ gzip:   0.45 kB
+dist/VectorField-CKg9jdGa.js            0.80 kB │ gzip:   0.43 kB
+dist/PhoneField-mw-9fqZ_.js             0.82 kB │ gzip:   0.47 kB
+dist/EmailField-xoNcSppb.js             0.83 kB │ gzip:   0.47 kB
+dist/TextField-Bvzx3atT.js              0.84 kB │ gzip:   0.41 kB
+dist/SelectField-B9Ei-5jl.js            0.92 kB │ gzip:   0.48 kB
+dist/LocationField-jDWXjlpx.js          0.97 kB │ gzip:   0.52 kB
+dist/UrlField-B6XHTV73.js               1.00 kB │ gzip:   0.51 kB
+dist/SliderField-C6HvOHd8.js            1.03 kB │ gzip:   0.48 kB
+dist/index.js                           1.05 kB │ gzip:   0.57 kB
+dist/TextAreaField-BK3RgzY3.js          1.12 kB │ gzip:   0.58 kB
+dist/BooleanField-CGHKBzAi.js           1.16 kB │ gzip:   0.50 kB
+dist/RichTextField-BpfBOd99.js          1.18 kB │ gzip:   0.58 kB
+dist/PasswordField-DweVLEE0.js          1.24 kB │ gzip:   0.61 kB
+dist/ColorField-DLid_tFz.js             1.26 kB │ gzip:   0.52 kB
+dist/CurrencyField-Bw-LqANM.js          1.51 kB │ gzip:   0.72 kB
+dist/RatingField-CSqgLS6t.js            1.66 kB │ gzip:   0.65 kB
+dist/ObjectField-CT3l_IHW.js            1.68 kB │ gzip:   0.75 kB
+dist/GridField-DATAHIKf.js              1.75 kB │ gzip:   0.68 kB
+dist/PercentField-ZpWUK97K.js           1.94 kB │ gzip:   0.84 kB
+dist/UserField-ooTul2d6.js              2.39 kB │ gzip:   0.90 kB
+dist/QRCodeField-Cbb9ck59.js            2.41 kB │ gzip:   0.91 kB
+dist/AvatarField-VThNABzo.js            2.69 kB │ gzip:   1.06 kB
+dist/ImageField-CEKJpyJp.js             2.89 kB │ gzip:   1.14 kB
+dist/SignatureField-DgGpHnQ8.js         3.04 kB │ gzip:   1.10 kB
+dist/AddressField-C07oUOY6.js           3.05 kB │ gzip:   0.75 kB
+dist/MasterDetailField-Dbk529Ea.js      3.48 kB │ gzip:   0.98 kB
+dist/GeolocationField-C1AnS6VV.js       3.80 kB │ gzip:   1.21 kB
+dist/LookupField-DQ08L9UQ.js            4.10 kB │ gzip:   1.38 kB
+dist/FileField-DbNJwjU2.js              5.63 kB │ gzip:   1.95 kB
+dist/index-CnlyRfY_.js              1,937.13 kB │ gzip: 451.14 kB
+dist/plugin-detail.css    122.26 kB │ gzip:  20.00 kB
+dist/index.umd.cjs      1,422.93 kB │ gzip: 389.27 kB
+✓ built in 41.23s

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @object-ui/plugin-detail
 
+## 3.0.3
+
+### Patch Changes
+
+- @object-ui/types@3.0.3
+- @object-ui/core@3.0.3
+- @object-ui/react@3.0.3
+- @object-ui/components@3.0.3
+
 ## 3.0.2
 
 ### Patch Changes

package/dist/AddressField-C07oUOY6.js

@@ -0,0 +1,96 @@
+import { jsx as t, jsxs as a } from "react/jsx-runtime";
+import { L as r, I as c } from "./index-CnlyRfY_.js";
+import "react";
+function p({ value: o, onChange: h, field: u, readonly: i, ...l }) {
+  const s = o || {}, d = (e, n) => {
+    h({
+      ...s,
+      [e]: n
+    });
+  }, m = (e) => [
+    e.street,
+    e.city,
+    [e.state, e.zipCode].filter(Boolean).join(" "),
+    e.country
+  ].filter(Boolean).join(", ") || "-";
+  return i ? /* @__PURE__ */ t("span", { className: "text-sm", children: m(s) }) : /* @__PURE__ */ a("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ a("div", { children: [
+      /* @__PURE__ */ t(r, { htmlFor: "street", className: "text-xs", children: "Street Address" }),
+      /* @__PURE__ */ t(
+        c,
+        {
+          id: "street",
+          type: "text",
+          value: s.street || "",
+          onChange: (e) => d("street", e.target.value),
+          placeholder: "123 Main St",
+          disabled: i || l.disabled,
+          className: l.className
+        }
+      )
+    ] }),
+    /* @__PURE__ */ a("div", { className: "grid grid-cols-2 gap-3", children: [
+      /* @__PURE__ */ a("div", { children: [
+        /* @__PURE__ */ t(r, { htmlFor: "city", className: "text-xs", children: "City" }),
+        /* @__PURE__ */ t(
+          c,
+          {
+            id: "city",
+            type: "text",
+            value: s.city || "",
+            onChange: (e) => d("city", e.target.value),
+            placeholder: "San Francisco",
+            disabled: i || l.disabled
+          }
+        )
+      ] }),
+      /* @__PURE__ */ a("div", { children: [
+        /* @__PURE__ */ t(r, { htmlFor: "state", className: "text-xs", children: "State / Province" }),
+        /* @__PURE__ */ t(
+          c,
+          {
+            id: "state",
+            type: "text",
+            value: s.state || "",
+            onChange: (e) => d("state", e.target.value),
+            placeholder: "CA",
+            disabled: i || l.disabled
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ a("div", { className: "grid grid-cols-2 gap-3", children: [
+      /* @__PURE__ */ a("div", { children: [
+        /* @__PURE__ */ t(r, { htmlFor: "zipCode", className: "text-xs", children: "ZIP / Postal Code" }),
+        /* @__PURE__ */ t(
+          c,
+          {
+            id: "zipCode",
+            type: "text",
+            value: s.zipCode || "",
+            onChange: (e) => d("zipCode", e.target.value),
+            placeholder: "94102",
+            disabled: i || l.disabled
+          }
+        )
+      ] }),
+      /* @__PURE__ */ a("div", { children: [
+        /* @__PURE__ */ t(r, { htmlFor: "country", className: "text-xs", children: "Country" }),
+        /* @__PURE__ */ t(
+          c,
+          {
+            id: "country",
+            type: "text",
+            value: s.country || "",
+            onChange: (e) => d("country", e.target.value),
+            placeholder: "United States",
+            disabled: i || l.disabled
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+export {
+  p as AddressField
+};

package/dist/AutoNumberField-BxnFqllo.js

@@ -0,0 +1,8 @@
+import { jsx as o } from "react/jsx-runtime";
+function l({ value: t, field: r, ...e }) {
+  const n = t != null ? String(t) : "-";
+  return /* @__PURE__ */ o("span", { className: `text-sm font-mono text-gray-700 ${e.className || ""}`, children: n });
+}
+export {
+  l as AutoNumberField
+};

package/dist/AvatarField-VThNABzo.js

@@ -0,0 +1,82 @@
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import f from "react";
+import { A as h, s as p, q as g, X as A, B as F, U as R } from "./index-CnlyRfY_.js";
+function B({ value: t, onChange: n, field: v, readonly: l, ...c }) {
+  const [b, o] = f.useState(!1), d = f.useRef(null), r = v || c.schema, N = (u) => {
+    const a = u.target.files?.[0];
+    if (!a) return;
+    if (!a.type.startsWith("image/")) {
+      console.error("Please select an image file");
+      return;
+    }
+    if (a.size > 5 * 1024 * 1024) {
+      console.error("File size must be less than 5MB");
+      return;
+    }
+    const i = new FileReader();
+    i.onloadend = () => {
+      n(i.result);
+    }, i.readAsDataURL(a);
+  }, x = () => {
+    n("");
+  }, m = () => (r?.defaultName || r?.label || "User").split(" ").map((a) => a[0]).join("").toUpperCase().slice(0, 2);
+  return l ? /* @__PURE__ */ s(h, { className: "w-16 h-16", children: [
+    t && /* @__PURE__ */ e(p, { src: t, alt: r?.label }),
+    /* @__PURE__ */ e(g, { children: m() })
+  ] }) : /* @__PURE__ */ s("div", { className: "flex items-center gap-4", children: [
+    /* @__PURE__ */ s(
+      "div",
+      {
+        className: "relative",
+        onMouseEnter: () => o(!0),
+        onMouseLeave: () => o(!1),
+        children: [
+          /* @__PURE__ */ s(h, { className: "w-16 h-16", children: [
+            t && /* @__PURE__ */ e(p, { src: t, alt: r?.label }),
+            /* @__PURE__ */ e(g, { children: m() })
+          ] }),
+          !l && b && t && /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              onClick: x,
+              className: "absolute -top-1 -right-1 bg-destructive text-destructive-foreground rounded-full p-1 hover:bg-destructive/90",
+              children: /* @__PURE__ */ e(A, { className: "w-3 h-3" })
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ s("div", { className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ e(
+        "input",
+        {
+          ref: d,
+          type: "file",
+          accept: "image/*",
+          onChange: N,
+          className: "hidden"
+        }
+      ),
+      /* @__PURE__ */ s(
+        F,
+        {
+          type: "button",
+          variant: "outline",
+          size: "sm",
+          onClick: () => d.current?.click(),
+          disabled: l || c.disabled,
+          children: [
+            /* @__PURE__ */ e(R, { className: "w-4 h-4 mr-2" }),
+            t ? "Change" : "Upload",
+            " Avatar"
+          ]
+        }
+      ),
+      /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground", children: "PNG, JPG up to 5MB" })
+    ] })
+  ] });
+}
+export {
+  B as AvatarField
+};

package/dist/BooleanField-CGHKBzAi.js

@@ -0,0 +1,37 @@
+import { jsx as e, jsxs as a } from "react/jsx-runtime";
+import { useId as f } from "react";
+import { C as p, L as l, S as k } from "./index-CnlyRfY_.js";
+function w({ value: t, onChange: n, field: h, readonly: i, ...o }) {
+  const d = h || o.schema, m = d?.widget, x = f(), c = d?.name || x, r = d?.label || "Checkbox";
+  if (i)
+    return /* @__PURE__ */ e("span", { className: "text-sm", children: t ? "Yes" : "No" });
+  const { inputType: C, ...s } = o;
+  return m === "checkbox" ? /* @__PURE__ */ a("div", { className: "flex items-center space-x-2", children: [
+    /* @__PURE__ */ e(
+      p,
+      {
+        ...s,
+        id: c,
+        checked: !!t,
+        onCheckedChange: (b) => n(!!b),
+        disabled: i || s.disabled
+      }
+    ),
+    /* @__PURE__ */ e(l, { htmlFor: c, children: r })
+  ] }) : /* @__PURE__ */ a("div", { className: "flex items-center space-x-2", children: [
+    /* @__PURE__ */ e(
+      k,
+      {
+        ...s,
+        id: c,
+        checked: !!t,
+        onCheckedChange: n,
+        disabled: i || s.disabled
+      }
+    ),
+    /* @__PURE__ */ e(l, { htmlFor: c, children: r })
+  ] });
+}
+export {
+  w as BooleanField
+};

package/dist/CodeField-Co_muhRR.js

@@ -0,0 +1,21 @@
+import { jsx as a } from "react/jsx-runtime";
+import { o as l, T as m } from "./index-CnlyRfY_.js";
+import "react";
+function g({ value: o, onChange: s, field: c, readonly: r, ...e }) {
+  const t = c || e.schema, n = t?.language ?? "javascript";
+  return r ? /* @__PURE__ */ a("pre", { className: l("text-sm bg-muted p-2 rounded overflow-x-auto border", e.className), children: /* @__PURE__ */ a("code", { children: o || "-" }) }) : /* @__PURE__ */ a(
+    m,
+    {
+      value: o || "",
+      onChange: (d) => s(d.target.value),
+      placeholder: t?.placeholder || `// Write ${n} code here...`,
+      disabled: r || e.disabled,
+      className: l("font-mono text-sm", e.className),
+      rows: 12,
+      spellCheck: !1
+    }
+  );
+}
+export {
+  g as CodeField
+};

package/dist/ColorField-DLid_tFz.js

@@ -0,0 +1,42 @@
+import { jsxs as d, jsx as a } from "react/jsx-runtime";
+import { I as c } from "./index-CnlyRfY_.js";
+import "react";
+function p({ value: e, onChange: l, field: i, readonly: t, ...r }) {
+  const o = i || r.schema;
+  return t ? /* @__PURE__ */ d("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ a(
+      "div",
+      {
+        className: "w-6 h-6 rounded border border-input",
+        style: { backgroundColor: e || "#000000" }
+      }
+    ),
+    /* @__PURE__ */ a("span", { className: "text-sm", children: e || "-" })
+  ] }) : /* @__PURE__ */ d("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ a(
+      "input",
+      {
+        type: "color",
+        value: e || "#000000",
+        onChange: (s) => l(s.target.value),
+        disabled: t || r.disabled,
+        className: "w-10 h-10 rounded border border-input cursor-pointer"
+      }
+    ),
+    /* @__PURE__ */ a(
+      c,
+      {
+        type: "text",
+        value: e || "",
+        onChange: (s) => l(s.target.value),
+        placeholder: o?.placeholder || "#000000",
+        disabled: t || r.disabled,
+        className: r.className,
+        pattern: "^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$"
+      }
+    )
+  ] });
+}
+export {
+  p as ColorField
+};

package/dist/CurrencyField-Bw-LqANM.js

@@ -0,0 +1,43 @@
+import { jsx as n, jsxs as p } from "react/jsx-runtime";
+import { I as f } from "./index-CnlyRfY_.js";
+import "react";
+function h(e, t = "USD") {
+  try {
+    return new Intl.NumberFormat("en-US", {
+      style: "currency",
+      currency: t
+    }).format(e);
+  } catch {
+    return `${t} ${e.toFixed(2)}`;
+  }
+}
+function b({ value: e, onChange: t, field: u, readonly: o, errorMessage: m, className: d, ...l }) {
+  const s = u || l.schema, c = s?.currency || "USD", i = s?.precision ?? 2;
+  return o ? e == null ? /* @__PURE__ */ n("span", { className: "text-sm", children: "-" }) : /* @__PURE__ */ n("span", { className: "text-sm font-medium tabular-nums", children: h(Number(e), c) }) : /* @__PURE__ */ p("div", { className: "relative", children: [
+    /* @__PURE__ */ n("span", { className: "absolute left-3 top-1/2 -translate-y-1/2 text-sm text-gray-500", children: c === "USD" ? "$" : c }),
+    /* @__PURE__ */ n(
+      f,
+      {
+        ...l,
+        type: "number",
+        value: e ?? "",
+        onChange: (r) => {
+          const a = r.target.value === "" ? null : parseFloat(r.target.value);
+          t(a);
+        },
+        onBlur: (r) => {
+          const a = parseFloat(r.target.value);
+          isNaN(a) || t(parseFloat(a.toFixed(i)));
+        },
+        placeholder: s?.placeholder || "0.00",
+        disabled: o || l.disabled,
+        className: `pl-8 ${d || ""}`,
+        step: Math.pow(10, -i).toFixed(i),
+        "aria-invalid": !!m
+      }
+    )
+  ] });
+}
+export {
+  b as CurrencyField
+};

package/dist/DateField-BNHAzMB2.js

@@ -0,0 +1,21 @@
+import { jsx as a } from "react/jsx-runtime";
+import { I as p } from "./index-CnlyRfY_.js";
+import "react";
+function f({ value: t, onChange: i, field: s, readonly: e, ...n }) {
+  if (e)
+    return /* @__PURE__ */ a("span", { className: "text-sm", children: t ? new Date(t).toLocaleDateString() : "-" });
+  const { inputType: d, ...r } = n;
+  return /* @__PURE__ */ a(
+    p,
+    {
+      ...r,
+      type: "date",
+      value: t || "",
+      onChange: (o) => i(o.target.value),
+      disabled: e || r.disabled
+    }
+  );
+}
+export {
+  f as DateField
+};

package/dist/DateTimeField-DjAyn_DQ.js

@@ -0,0 +1,28 @@
+import { jsx as n, jsxs as o } from "react/jsx-runtime";
+import { I as m } from "./index-CnlyRfY_.js";
+import "react";
+function u({ value: e, onChange: r, field: l, readonly: a, ...s }) {
+  if (a) {
+    if (!e) return /* @__PURE__ */ n("span", { className: "text-sm", children: "-" });
+    const t = new Date(e);
+    return /* @__PURE__ */ o("span", { className: "text-sm", children: [
+      t.toLocaleDateString(),
+      " ",
+      t.toLocaleTimeString()
+    ] });
+  }
+  const { inputType: p, ...i } = s;
+  return /* @__PURE__ */ n(
+    m,
+    {
+      ...i,
+      type: "datetime-local",
+      value: e || "",
+      onChange: (t) => r(t.target.value),
+      disabled: a || i.disabled
+    }
+  );
+}
+export {
+  u as DateTimeField
+};

package/dist/EmailField-xoNcSppb.js

@@ -0,0 +1,31 @@
+import { jsx as t } from "react/jsx-runtime";
+import { I as c } from "./index-CnlyRfY_.js";
+import "react";
+function f({ value: e, onChange: l, field: m, readonly: i, errorMessage: n, ...r }) {
+  const o = m || r.schema;
+  if (i)
+    return e ? /* @__PURE__ */ t(
+      "a",
+      {
+        href: `mailto:${e}`,
+        className: "text-sm text-blue-600 hover:text-blue-800 hover:underline",
+        children: e
+      }
+    ) : /* @__PURE__ */ t("span", { className: "text-sm", children: "-" });
+  const { inputType: d, ...a } = r;
+  return /* @__PURE__ */ t(
+    c,
+    {
+      ...a,
+      type: "email",
+      value: e || "",
+      onChange: (s) => l(s.target.value),
+      placeholder: o?.placeholder || "email@example.com",
+      disabled: i || a.disabled,
+      "aria-invalid": !!n
+    }
+  );
+}
+export {
+  f as EmailField
+};

package/dist/FileField-DbNJwjU2.js

@@ -0,0 +1,133 @@
+import { jsx as t, jsxs as o } from "react/jsx-runtime";
+import { useRef as I, useState as k, useCallback as g } from "react";
+import { U as P, p as U, F as $, B as C, X as E } from "./index-CnlyRfY_.js";
+function M({ value: n, onChange: c, field: w, readonly: j, ...b }) {
+  const y = I(null), m = w || b.schema, d = m?.multiple || !1, p = m?.accept ? m.accept.join(",") : void 0, u = m?.maxSize, [N, v] = k(!1), [D, A] = k([]), l = n ? Array.isArray(n) ? n : [n] : [], f = g((e) => {
+    if (e.length === 0) return;
+    const r = [], a = e.filter((s) => {
+      if (u && s.size > u) {
+        const x = (u / 1048576).toFixed(1);
+        return r.push(`"${s.name}" exceeds max size (${x} MB)`), !1;
+      }
+      return !0;
+    });
+    if (A(r), a.length === 0) return;
+    const i = a.map((s) => ({
+      name: s.name,
+      original_name: s.name,
+      size: s.size,
+      mime_type: s.type,
+      // In a real implementation, this would upload the file and return a URL
+      url: URL.createObjectURL(s)
+    }));
+    c(d ? [...l, ...i] : i[0]);
+  }, [l, d, c, u]), L = g((e) => {
+    e.preventDefault(), e.stopPropagation(), v(!0);
+  }, []), O = g((e) => {
+    e.preventDefault(), e.stopPropagation(), v(!1);
+  }, []), _ = g((e) => {
+    e.preventDefault(), e.stopPropagation(), v(!1);
+    const r = Array.from(e.dataTransfer.files);
+    if (p) {
+      const a = p.split(",").map((s) => s.trim().toLowerCase()), i = r.filter((s) => {
+        const x = s.name.split("."), F = x.length > 1 ? "." + x.pop()?.toLowerCase() : "";
+        return a.some(
+          (h) => h === s.type || F && h === F || h.endsWith("/*") && s.type.startsWith(h.replace("/*", "/"))
+        );
+      });
+      f(i);
+    } else
+      f(r);
+  }, [p, f]);
+  if (j) {
+    if (!n) return /* @__PURE__ */ t("span", { className: "text-sm", children: "-" });
+    const e = Array.isArray(n) ? n : [n];
+    return /* @__PURE__ */ t("div", { className: "flex flex-wrap gap-2", children: e.map((r, a) => /* @__PURE__ */ t("span", { className: "text-sm truncate max-w-xs", children: r.name || r.original_name || "File" }, a)) });
+  }
+  const B = (e) => {
+    f(Array.from(e.target.files || []));
+  }, R = (e) => {
+    if (d) {
+      const r = l.filter((a, i) => i !== e);
+      c(r.length > 0 ? r : null);
+    } else
+      c(null);
+  }, z = (e) => (e.mime_type || "").startsWith("image/");
+  return /* @__PURE__ */ o("div", { className: b.className, children: [
+    /* @__PURE__ */ t(
+      "input",
+      {
+        ref: y,
+        type: "file",
+        multiple: d,
+        accept: p,
+        onChange: B,
+        className: "hidden"
+      }
+    ),
+    /* @__PURE__ */ o("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ o(
+        "div",
+        {
+          onDragOver: L,
+          onDragLeave: O,
+          onDrop: _,
+          onClick: () => y.current?.click(),
+          className: `
+            flex flex-col items-center justify-center gap-2 p-6 
+            border-2 border-dashed rounded-lg cursor-pointer
+            transition-colors duration-200
+            ${N ? "border-primary bg-primary/5 text-primary" : "border-muted-foreground/25 hover:border-primary/50 text-muted-foreground hover:text-foreground"}
+          `,
+          role: "button",
+          tabIndex: 0,
+          onKeyDown: (e) => {
+            (e.key === "Enter" || e.key === " ") && (e.preventDefault(), y.current?.click());
+          },
+          children: [
+            /* @__PURE__ */ t(P, { className: `size-8 ${N ? "text-primary" : "text-muted-foreground"}` }),
+            /* @__PURE__ */ o("div", { className: "text-center", children: [
+              /* @__PURE__ */ t("p", { className: "text-sm font-medium", children: N ? "Drop files here" : "Drag & drop files here" }),
+              /* @__PURE__ */ t("p", { className: "text-xs text-muted-foreground mt-1", children: "or click to browse" })
+            ] })
+          ]
+        }
+      ),
+      D.length > 0 && /* @__PURE__ */ t("div", { className: "space-y-0.5", children: D.map((e, r) => /* @__PURE__ */ t("p", { className: "text-xs text-destructive", children: e }, r)) }),
+      l.length > 0 && /* @__PURE__ */ t("div", { className: "space-y-1", children: l.map((e, r) => /* @__PURE__ */ o(
+        "div",
+        {
+          className: "flex items-center justify-between gap-2 p-2 bg-muted/50 rounded-md border",
+          children: [
+            /* @__PURE__ */ o("div", { className: "flex items-center gap-2 flex-1 min-w-0", children: [
+              z(e) && e.url ? /* @__PURE__ */ t("img", { src: e.url, alt: e.name, className: "size-8 object-cover rounded flex-shrink-0" }) : z(e) ? /* @__PURE__ */ t(U, { className: "size-4 text-muted-foreground flex-shrink-0" }) : /* @__PURE__ */ t($, { className: "size-4 text-muted-foreground flex-shrink-0" }),
+              /* @__PURE__ */ t("span", { className: "text-sm truncate", children: e.name || e.original_name || "File" }),
+              e.size && /* @__PURE__ */ o("span", { className: "text-xs text-muted-foreground", children: [
+                "(",
+                (e.size / 1024).toFixed(1),
+                " KB)"
+              ] })
+            ] }),
+            /* @__PURE__ */ t(
+              C,
+              {
+                type: "button",
+                variant: "ghost",
+                size: "sm",
+                onClick: (a) => {
+                  a.stopPropagation(), R(r);
+                },
+                className: "h-6 w-6 p-0",
+                children: /* @__PURE__ */ t(E, { className: "size-3" })
+              }
+            )
+          ]
+        },
+        r
+      )) })
+    ] })
+  ] });
+}
+export {
+  M as FileField
+};

package/dist/FormulaField-CJkkwIK8.js

@@ -0,0 +1,9 @@
+import { jsx as i } from "react/jsx-runtime";
+function m({ value: e, field: o, ...r }) {
+  const n = (o || r.schema)?.return_type || "text";
+  let t = "-";
+  return e != null && (n === "number" || n === "currency" ? t = typeof e == "number" ? e.toFixed(2) : String(e) : n === "boolean" ? t = e ? "Yes" : "No" : n === "date" ? t = new Date(e).toLocaleDateString() : t = String(e)), /* @__PURE__ */ i("span", { className: `text-sm font-mono text-gray-700 ${r.className || ""}`, children: t });
+}
+export {
+  m as FormulaField
+};