@object-ui/fields 3.1.2 → 3.1.4

package/dist/index.js

@@ -1,2690 +1,2237 @@
-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 pe, ExternalLink as Se, Plus as Vt, Check as he, Phone as Bt } from "lucide-react";
-var re = { exports: {} }, H = {};
-var Ce;
-function Yt() {
-  if (Ce) return H;
-  Ce = 1;
-  var e = /* @__PURE__ */ Symbol.for("react.transitional.element"), r = /* @__PURE__ */ Symbol.for("react.fragment");
-  function n(a, s, i) {
-    var l = null;
-    if (i !== void 0 && (l = "" + i), s.key !== void 0 && (l = "" + s.key), "key" in s) {
-      i = {};
-      for (var o in s)
-        o !== "key" && (i[o] = s[o]);
-    } else i = s;
-    return s = i.ref, {
-      $$typeof: e,
-      type: a,
-      key: l,
-      ref: s !== void 0 ? s : null,
-      props: i
-    };
-  }
-  return H.Fragment = r, H.jsx = n, H.jsxs = n, H;
-}
-var X = {};
-var Pe;
-function qt() {
-  return Pe || (Pe = 1, process.env.NODE_ENV !== "production" && (function() {
-    function e(d) {
-      if (d == null) return null;
-      if (typeof d == "function")
-        return d.$$typeof === Y ? null : d.displayName || d.name || null;
-      if (typeof d == "string") return d;
-      switch (d) {
-        case R:
-          return "Fragment";
-        case T:
-          return "Profiler";
-        case N:
-          return "StrictMode";
-        case b:
-          return "Suspense";
-        case F:
-          return "SuspenseList";
-        case O:
-          return "Activity";
-      }
-      if (typeof d == "object")
-        switch (typeof d.tag == "number" && console.error(
-          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), d.$$typeof) {
-          case v:
-            return "Portal";
-          case Q:
-            return d.displayName || "Context";
-          case U:
-            return (d._context.displayName || "Context") + ".Consumer";
-          case K:
-            var j = d.render;
-            return d = d.displayName, d || (d = j.displayName || j.name || "", d = d !== "" ? "ForwardRef(" + d + ")" : "ForwardRef"), d;
-          case A:
-            return j = d.displayName || null, j !== null ? j : e(d.type) || "Memo";
-          case $:
-            j = d._payload, d = d._init;
-            try {
-              return e(d(j));
-            } catch {
-            }
-        }
-      return null;
-    }
-    function r(d) {
-      return "" + d;
-    }
-    function n(d) {
-      try {
-        r(d);
-        var j = !1;
-      } catch {
-        j = !0;
-      }
-      if (j) {
-        j = console;
-        var _ = j.error, S = typeof Symbol == "function" && Symbol.toStringTag && d[Symbol.toStringTag] || d.constructor.name || "Object";
-        return _.call(
-          j,
-          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          S
-        ), r(d);
-      }
-    }
-    function a(d) {
-      if (d === R) return "<>";
-      if (typeof d == "object" && d !== null && d.$$typeof === $)
-        return "<...>";
-      try {
-        var j = e(d);
-        return j ? "<" + j + ">" : "<...>";
-      } catch {
-        return "<...>";
-      }
-    }
-    function s() {
-      var d = q.A;
-      return d === null ? null : d.getOwner();
-    }
-    function i() {
-      return Error("react-stack-top-frame");
-    }
-    function l(d) {
-      if (V.call(d, "key")) {
-        var j = Object.getOwnPropertyDescriptor(d, "key").get;
-        if (j && j.isReactWarning) return !1;
-      }
-      return d.key !== void 0;
-    }
-    function o(d, j) {
-      function _() {
-        ge || (ge = !0, console.error(
-          "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-          j
-        ));
-      }
-      _.isReactWarning = !0, Object.defineProperty(d, "key", {
-        get: _,
-        configurable: !0
-      });
-    }
-    function c() {
-      var d = e(this.type);
-      return be[d] || (be[d] = !0, console.error(
-        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
-      )), d = this.props.ref, d !== void 0 ? d : null;
-    }
-    function m(d, j, _, S, ee, ie) {
-      var C = _.ref;
-      return d = {
-        $$typeof: h,
-        type: d,
-        key: j,
-        props: _,
-        _owner: S
-      }, (C !== void 0 ? C : null) !== null ? Object.defineProperty(d, "ref", {
-        enumerable: !1,
-        get: c
-      }) : Object.defineProperty(d, "ref", { enumerable: !1, value: null }), d._store = {}, Object.defineProperty(d._store, "validated", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: 0
-      }), Object.defineProperty(d, "_debugInfo", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: null
-      }), Object.defineProperty(d, "_debugStack", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: ee
-      }), Object.defineProperty(d, "_debugTask", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: ie
-      }), Object.freeze && (Object.freeze(d.props), Object.freeze(d)), d;
-    }
-    function p(d, j, _, S, ee, ie) {
-      var C = j.children;
-      if (C !== void 0)
-        if (S)
-          if (yt(C)) {
-            for (S = 0; S < C.length; S++)
-              f(C[S]);
-            Object.freeze && Object.freeze(C);
-          } else
-            console.error(
-              "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
-            );
-        else f(C);
-      if (V.call(j, "key")) {
-        C = e(d);
-        var J = Object.keys(j).filter(function(Nt) {
-          return Nt !== "key";
-        });
-        S = 0 < J.length ? "{key: someKey, " + J.join(": ..., ") + ": ...}" : "{key: someKey}", Ne[C + S] || (J = 0 < J.length ? "{" + J.join(": ..., ") + ": ...}" : "{}", console.error(
-          `A props object containing a "key" prop is being spread into JSX:
-  let props = %s;
-  <%s {...props} />
-React keys must be passed directly to JSX without using spread:
-  let props = %s;
-  <%s key={someKey} {...props} />`,
-          S,
-          C,
-          J,
-          C
-        ), Ne[C + S] = !0);
-      }
-      if (C = null, _ !== void 0 && (n(_), C = "" + _), l(j) && (n(j.key), C = "" + j.key), "key" in j) {
-        _ = {};
-        for (var oe in j)
-          oe !== "key" && (_[oe] = j[oe]);
-      } else _ = j;
-      return C && o(
-        _,
-        typeof d == "function" ? d.displayName || d.name || "Unknown" : d
-      ), m(
-        d,
-        C,
-        _,
-        s(),
-        ee,
-        ie
-      );
-    }
-    function f(d) {
-      u(d) ? d._store && (d._store.validated = 1) : typeof d == "object" && d !== null && d.$$typeof === $ && (d._payload.status === "fulfilled" ? u(d._payload.value) && d._payload.value._store && (d._payload.value._store.validated = 1) : d._store && (d._store.validated = 1));
-    }
-    function u(d) {
-      return typeof d == "object" && d !== null && d.$$typeof === h;
-    }
-    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 = {
-      react_stack_bottom_frame: function(d) {
-        return d();
-      }
-    };
-    var ge, be = {}, je = x.react_stack_bottom_frame.bind(
-      x,
-      i
-    )(), ye = le(a(i)), Ne = {};
-    X.Fragment = R, X.jsx = function(d, j, _) {
-      var S = 1e4 > q.recentlyCreatedOwnerStacks++;
-      return p(
-        d,
-        j,
-        _,
-        !1,
-        S ? Error("react-stack-top-frame") : je,
-        S ? le(a(d)) : ye
-      );
-    }, X.jsxs = function(d, j, _) {
-      var S = 1e4 > q.recentlyCreatedOwnerStacks++;
-      return p(
-        d,
-        j,
-        _,
-        !0,
-        S ? Error("react-stack-top-frame") : je,
-        S ? le(a(d)) : ye
-      );
-    };
-  })()), X;
-}
-var Te;
-function Jt() {
-  return Te || (Te = 1, process.env.NODE_ENV === "production" ? re.exports = Yt() : re.exports = qt()), re.exports;
-}
-var t = Jt();
-function Le({ value: e, onChange: r, field: n, readonly: a, ...s }) {
-  const i = n || s.schema;
-  if (a)
-    return /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: e || "-" });
-  const l = i?.rows, { inputType: o, ...c } = s;
-  return l && l > 1 ? /* @__PURE__ */ t.jsx(
-    Z,
-    {
-      ...c,
-      value: e || "",
-      onChange: (m) => r(m.target.value),
-      placeholder: i?.placeholder,
-      disabled: a || c.disabled
-    }
-  ) : /* @__PURE__ */ t.jsx(
-    w,
-    {
-      ...c,
-      type: i?.type === "password" ? "password" : "text",
-      value: e || "",
-      onChange: (m) => r(m.target.value),
-      placeholder: i?.placeholder,
-      disabled: a || c.disabled
-    }
-  );
-}
-const Wt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  TextField: Le
-}, Symbol.toStringTag, { value: "Module" }));
-function Ie({ value: e, onChange: r, field: n, readonly: a, ...s }) {
-  if (a)
-    return /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: e ?? "-" });
-  const i = n || s.schema, l = i?.precision, { inputType: o, ...c } = s;
-  return /* @__PURE__ */ t.jsx(
-    w,
-    {
-      ...c,
-      type: "number",
-      value: e ?? "",
-      onChange: (m) => {
-        const p = m.target.value;
-        r(p === "" ? null : Number(p));
-      },
-      placeholder: i?.placeholder,
-      disabled: a || c.disabled,
-      step: l ? Math.pow(10, -l) : "any"
-    }
-  );
-}
-const Gt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  NumberField: Ie
-}, Symbol.toStringTag, { value: "Module" }));
-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: p, ...f } = s;
-  return l === "checkbox" ? /* @__PURE__ */ t.jsxs("div", { className: "flex items-center space-x-2", children: [
-    /* @__PURE__ */ t.jsx(
-      Ee,
-      {
-        ...f,
-        id: c,
-        checked: !!e,
-        onCheckedChange: (u) => r(!!u),
-        disabled: a || f.disabled
-      }
-    ),
-    /* @__PURE__ */ t.jsx(E, { htmlFor: c, children: m })
-  ] }) : /* @__PURE__ */ t.jsxs("div", { className: "flex items-center space-x-2", children: [
-    /* @__PURE__ */ t.jsx(
-      _t,
-      {
-        ...f,
-        id: c,
-        checked: !!e,
-        onCheckedChange: r,
-        disabled: a || f.disabled
-      }
-    ),
-    /* @__PURE__ */ t.jsx(E, { htmlFor: c, children: m })
-  ] });
-}
-const Qt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  BooleanField: Ue
-}, Symbol.toStringTag, { value: "Module" }));
-function Ve({ value: e, onChange: r, field: n, readonly: a, ...s }) {
-  const i = n || s.schema, l = i?.options || [];
-  if (a) {
-    const o = l.find((c) => c.value === e);
-    return /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: o?.label || e || "-" });
-  }
-  return /* @__PURE__ */ t.jsxs(
-    wt,
-    {
-      ...s,
-      value: e,
-      onValueChange: r,
-      disabled: a || s.disabled,
-      children: [
-        /* @__PURE__ */ t.jsx(Ft, { className: s.className, id: s.id, children: /* @__PURE__ */ t.jsx(St, { placeholder: i?.placeholder || "Select an option" }) }),
-        /* @__PURE__ */ t.jsx(Ct, { position: "popper", children: l.map((o) => /* @__PURE__ */ t.jsx(Pt, { value: o.value, children: o.label }, o.value)) })
-      ]
-    }
-  );
-}
-const Ht = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  SelectField: Ve
-}, Symbol.toStringTag, { value: "Module" }));
-function Be({ value: e, onChange: r, field: n, readonly: a, ...s }) {
-  if (a)
-    return /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: e ? new Date(e).toLocaleDateString() : "-" });
-  const { inputType: i, ...l } = s;
-  return /* @__PURE__ */ t.jsx(
-    w,
-    {
-      ...l,
-      type: "date",
-      value: e || "",
-      onChange: (o) => r(o.target.value),
-      disabled: a || l.disabled
-    }
-  );
-}
-const Xt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  DateField: Be
-}, Symbol.toStringTag, { value: "Module" }));
-function Ye({ value: e, onChange: r, field: n, readonly: a, errorMessage: s, ...i }) {
-  const l = n || i.schema;
-  if (a)
-    return e ? /* @__PURE__ */ t.jsx(
-      "a",
-      {
-        href: `mailto:${e}`,
-        className: "text-sm text-blue-600 hover:text-blue-800 hover:underline",
-        children: e
-      }
-    ) : /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: "-" });
-  const { inputType: o, ...c } = i;
-  return /* @__PURE__ */ t.jsx(
-    w,
-    {
-      ...c,
-      type: "email",
-      value: e || "",
-      onChange: (m) => r(m.target.value),
-      placeholder: l?.placeholder || "email@example.com",
-      disabled: a || c.disabled,
-      "aria-invalid": !!s
-    }
-  );
-}
-const Zt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  EmailField: Ye
-}, Symbol.toStringTag, { value: "Module" }));
-function qe({ value: e, onChange: r, field: n, readonly: a, errorMessage: s, ...i }) {
-  const l = n || i.schema;
-  if (a)
-    return e ? /* @__PURE__ */ t.jsx(
-      "a",
-      {
-        href: `tel:${e}`,
-        className: "text-sm text-blue-600 hover:text-blue-800 hover:underline",
-        children: e
-      }
-    ) : /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: "-" });
-  const { inputType: o, ...c } = i;
-  return /* @__PURE__ */ t.jsx(
-    w,
-    {
-      ...c,
-      type: "tel",
-      value: e || "",
-      onChange: (m) => r(m.target.value),
-      placeholder: l?.placeholder || "(555) 123-4567",
-      disabled: a || c.disabled,
-      "aria-invalid": !!s
-    }
-  );
-}
-const Kt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  PhoneField: qe
-}, Symbol.toStringTag, { value: "Module" }));
-function Je({ value: e, onChange: r, field: n, readonly: a, errorMessage: s, ...i }) {
-  const l = n || i.schema;
-  if (a)
-    return e ? e.startsWith("http://") || e.startsWith("https://") ? /* @__PURE__ */ t.jsx(
-      "a",
-      {
-        href: e,
-        target: "_blank",
-        rel: "noopener noreferrer",
-        className: "text-sm text-blue-600 hover:text-blue-800 hover:underline",
-        children: e
-      }
-    ) : /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: e }) : /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: "-" });
-  const { inputType: o, ...c } = i;
-  return /* @__PURE__ */ t.jsx(
-    w,
-    {
-      ...c,
-      type: "url",
-      value: e || "",
-      onChange: (m) => r(m.target.value),
-      placeholder: l?.placeholder || "https://example.com",
-      disabled: a || c.disabled,
-      "aria-invalid": !!s
-    }
-  );
-}
-const er = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  UrlField: Je
-}, Symbol.toStringTag, { value: "Module" }));
-function tr(e, r = "USD") {
-  try {
-    return new Intl.NumberFormat("en-US", {
-      style: "currency",
-      currency: r
-    }).format(e);
-  } catch {
-    return `${r} ${e.toFixed(2)}`;
-  }
-}
-function We({ value: e, onChange: r, field: n, readonly: a, errorMessage: s, className: i, ...l }) {
-  const o = n || l.schema, c = o?.currency || "USD", m = o?.precision ?? 2;
-  if (a)
-    return e == null ? /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: "-" }) : /* @__PURE__ */ t.jsx("span", { className: "text-sm font-medium tabular-nums", children: tr(Number(e), c) });
-  const p = (f) => {
-    const u = parseFloat(f.target.value);
-    isNaN(u) || r(parseFloat(u.toFixed(m)));
-  };
-  return /* @__PURE__ */ t.jsxs("div", { className: "relative", children: [
-    /* @__PURE__ */ t.jsx("span", { className: "absolute left-3 top-1/2 -translate-y-1/2 text-sm text-gray-500", children: c === "USD" ? "$" : c }),
-    /* @__PURE__ */ t.jsx(
-      w,
-      {
-        ...l,
-        type: "number",
-        value: e ?? "",
-        onChange: (f) => {
-          const u = f.target.value === "" ? null : parseFloat(f.target.value);
-          r(u);
-        },
-        onBlur: p,
-        placeholder: o?.placeholder || "0.00",
-        disabled: a || l.disabled,
-        className: `pl-8 ${i || ""}`,
-        step: Math.pow(10, -m).toFixed(m),
-        "aria-invalid": !!s
-      }
-    )
-  ] });
-}
-const rr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  CurrencyField: We
-}, Symbol.toStringTag, { value: "Module" }));
-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, ...p } = i;
-  return /* @__PURE__ */ t.jsxs("div", { className: "relative", children: [
-    /* @__PURE__ */ t.jsx(
-      Z,
-      {
-        ...p,
-        value: e || "",
-        onChange: (f) => r(f.target.value),
-        placeholder: l?.placeholder,
-        disabled: a || p.disabled,
-        rows: o,
-        maxLength: c,
-        "aria-invalid": !!s
-      }
-    ),
-    c && /* @__PURE__ */ t.jsxs(
-      "div",
-      {
-        className: "absolute bottom-2 right-2 text-xs text-gray-400",
-        "aria-live": "polite",
-        "aria-label": `Character count: ${(e || "").length} of ${c}`,
-        children: [
-          (e || "").length,
-          "/",
-          c
-        ]
-      }
-    )
-  ] });
-}
-const sr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  TextAreaField: Ge
-}, Symbol.toStringTag, { value: "Module" }));
-function ce({ value: e, onChange: r, field: n, readonly: a, errorMessage: s, ...i }) {
-  if (a)
-    return /* @__PURE__ */ t.jsx(
-      "div",
-      {
-        className: "text-sm prose prose-sm max-w-none",
-        children: e || "-"
-      }
-    );
-  const l = n || i.schema, o = l?.rows || 8, c = l?.format || "markdown";
-  return /* @__PURE__ */ t.jsxs("div", { className: "space-y-2", children: [
-    /* @__PURE__ */ t.jsxs("div", { className: "flex items-center justify-between text-xs text-gray-500", children: [
-      /* @__PURE__ */ t.jsxs("span", { children: [
-        "Format: ",
-        c
-      ] }),
-      /* @__PURE__ */ t.jsx("span", { className: "italic", children: "Rich text editor (basic)" })
-    ] }),
-    /* @__PURE__ */ t.jsx(
-      Z,
-      {
-        value: e || "",
-        onChange: (m) => r(m.target.value),
-        placeholder: l?.placeholder || "Enter text...",
-        disabled: a || i.disabled,
-        rows: o,
-        className: `font-mono text-sm ${i.className || ""}`,
-        "aria-invalid": !!s
-      }
-    )
-  ] });
-}
-const Oe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  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, p = m?.options || [], f = m.multiple || !1, u = m.display_field || "label", x = p.filter(
-    (N) => N.label.toLowerCase().includes(o.toLowerCase())
-  ), 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]);
-    } else
-      r(N.value), l(!1);
-  }, R = (N) => {
-    if (f) {
-      const T = Array.isArray(e) ? e : [];
-      r(T.filter((U) => U !== N));
-    } else
-      r(null);
-  };
-  return 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",
-        className: "gap-1",
-        children: [
-          N?.[u] || N?.label,
-          /* @__PURE__ */ t.jsx(
-            "button",
-            {
-              onClick: () => R(N?.value),
-              className: "ml-1 hover:text-destructive",
-              type: "button",
-              "aria-label": `Remove ${N?.[u] || N?.label}`,
-              children: /* @__PURE__ */ t.jsx(W, { className: "size-3" })
-            }
-          )
-        ]
-      },
-      T
-    )) }),
-    /* @__PURE__ */ t.jsxs(Tt, { open: i, onOpenChange: l, children: [
-      /* @__PURE__ */ t.jsx(Ot, { asChild: !0, children: /* @__PURE__ */ t.jsxs(
-        P,
-        {
-          variant: "outline",
-          className: "w-full justify-start text-left font-normal",
-          type: "button",
-          children: [
-            /* @__PURE__ */ t.jsx($t, { className: "mr-2 size-4" }),
-            h.length === 0 ? m?.placeholder || "Select..." : f ? `${h.length} selected` : "Change selection"
-          ]
-        }
-      ) }),
-      /* @__PURE__ */ t.jsxs(Rt, { className: "max-w-md", children: [
-        /* @__PURE__ */ t.jsx(kt, { children: /* @__PURE__ */ t.jsxs(At, { children: [
-          m?.label || "Select",
-          " ",
-          f && "(multiple)"
-        ] }) }),
-        /* @__PURE__ */ t.jsxs("div", { className: "space-y-4", children: [
-          /* @__PURE__ */ t.jsx(
-            w,
-            {
-              placeholder: "Search...",
-              value: o,
-              onChange: (N) => c(N.target.value),
-              className: "w-full"
-            }
-          ),
-          /* @__PURE__ */ t.jsx("div", { className: "max-h-64 overflow-y-auto space-y-1", children: x.length === 0 ? /* @__PURE__ */ t.jsx("p", { className: "text-sm text-gray-500 text-center py-4", children: "No options found" }) : x.map((N) => {
-            const T = f ? (Array.isArray(e) ? e : []).includes(N.value) : e === N.value;
-            return /* @__PURE__ */ t.jsxs(
-              "button",
-              {
-                onClick: () => v(N),
-                className: `w-full text-left px-3 py-2 rounded-md text-sm hover:bg-gray-100 flex items-center justify-between ${T ? "bg-blue-50 text-blue-700" : ""}`,
-                type: "button",
-                children: [
-                  /* @__PURE__ */ t.jsx("span", { children: N.label }),
-                  T && /* @__PURE__ */ t.jsx(M, { variant: "default", className: "ml-2", children: "Selected" })
-                ]
-              },
-              N.value
-            );
-          }) })
-        ] })
-      ] })
-    ] })
-  ] });
-}
-const nr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  LookupField: Qe
-}, Symbol.toStringTag, { value: "Module" }));
-function He({ value: e, onChange: r, field: n, readonly: a, ...s }) {
-  if (a) {
-    if (!e) return /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: "-" });
-    const o = new Date(e);
-    return /* @__PURE__ */ t.jsxs("span", { className: "text-sm", children: [
-      o.toLocaleDateString(),
-      " ",
-      o.toLocaleTimeString()
-    ] });
-  }
-  const { inputType: i, ...l } = s;
-  return /* @__PURE__ */ t.jsx(
-    w,
-    {
-      ...l,
-      type: "datetime-local",
-      value: e || "",
-      onChange: (o) => r(o.target.value),
-      disabled: a || l.disabled
-    }
-  );
-}
-const ar = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  DateTimeField: He
-}, Symbol.toStringTag, { value: "Module" }));
-function Xe({ value: e, onChange: r, field: n, readonly: a, ...s }) {
-  if (a)
-    return /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: e || "-" });
-  const { inputType: i, ...l } = s;
-  return /* @__PURE__ */ t.jsx(
-    w,
-    {
-      ...l,
-      type: "time",
-      value: e || "",
-      onChange: (o) => r(o.target.value),
-      disabled: a || l.disabled
-    }
-  );
-}
-const lr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  TimeField: Xe
-}, Symbol.toStringTag, { value: "Module" }));
-function Ze({ value: e, onChange: r, field: n, readonly: a, errorMessage: s, className: i, ...l }) {
-  const o = n || l.schema, c = o?.precision ?? 2;
-  if (a)
-    return e == null ? /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: "-" }) : /* @__PURE__ */ t.jsxs("span", { className: "text-sm font-medium tabular-nums", children: [
-      (e * 100).toFixed(c),
-      "%"
-    ] });
-  const m = e != null ? e * 100 : "", p = e != null ? e * 100 : 0, f = (h) => {
-    if (h.target.value === "") {
-      r(null);
-      return;
-    }
-    const v = parseFloat(h.target.value), R = isNaN(v) ? null : v / 100;
-    r(R);
-  }, u = (h) => {
-    if (a || l.disabled) return;
-    if (!Array.isArray(h) || h.length === 0) {
-      r(null);
-      return;
-    }
-    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: [
-    /* @__PURE__ */ t.jsxs("div", { className: "relative", children: [
-      /* @__PURE__ */ t.jsx(
-        w,
-        {
-          ...l,
-          type: "number",
-          value: m,
-          onChange: f,
-          placeholder: o?.placeholder || "0",
-          disabled: a || l.disabled,
-          className: `pr-8 ${i || ""}`,
-          step: Math.pow(10, -c).toFixed(c),
-          "aria-invalid": !!s
-        }
-      ),
-      /* @__PURE__ */ t.jsx("span", { className: "absolute right-3 top-1/2 -translate-y-1/2 text-sm text-gray-500", children: "%" })
-    ] }),
-    /* @__PURE__ */ t.jsx(
-      De,
-      {
-        value: [p],
-        onValueChange: u,
-        min: 0,
-        max: 100,
-        step: x,
-        disabled: a || l.disabled,
-        className: "w-full",
-        "aria-label": "Percentage",
-        "data-testid": "percent-slider"
-      }
-    )
-  ] });
-}
-const ir = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  PercentField: Ze
-}, Symbol.toStringTag, { value: "Module" }));
-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, ...p } = i;
-  return /* @__PURE__ */ t.jsxs("div", { className: "relative", children: [
-    /* @__PURE__ */ t.jsx(
-      w,
-      {
-        ...p,
-        type: l ? "text" : "password",
-        value: e || "",
-        onChange: (f) => r(f.target.value),
-        placeholder: c?.placeholder,
-        disabled: a || p.disabled,
-        className: `pr-10 ${s || ""}`
-      }
-    ),
-    /* @__PURE__ */ t.jsx(
-      P,
-      {
-        type: "button",
-        variant: "ghost",
-        size: "sm",
-        className: "absolute right-0 top-0 h-full px-3 py-2 hover:bg-transparent",
-        onClick: () => o(!l),
-        tabIndex: -1,
-        children: l ? /* @__PURE__ */ t.jsx(zt, { className: "size-4 text-gray-500" }) : /* @__PURE__ */ t.jsx(Et, { className: "size-4 text-gray-500" })
-      }
-    )
-  ] });
-}
-const or = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  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, [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) {
-        const Y = (m / 1048576).toFixed(1);
-        return F.push(`"${O.name}" exceeds max size (${Y} MB)`), !1;
-      }
-      return !0;
-    });
-    if (x(F), A.length === 0) return;
-    const $ = A.map((O) => ({
-      name: O.name,
-      original_name: O.name,
-      size: O.size,
-      mime_type: O.type,
-      // In a real implementation, this would upload the file and return a URL
-      url: URL.createObjectURL(O)
-    }));
-    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);
-  }, []), T = te((b) => {
-    b.preventDefault(), b.stopPropagation(), f(!1);
-    const F = Array.from(b.dataTransfer.files);
-    if (c) {
-      const A = c.split(",").map((O) => O.trim().toLowerCase()), $ = F.filter((O) => {
-        const Y = O.name.split("."), q = Y.length > 1 ? "." + Y.pop()?.toLowerCase() : "";
-        return A.some(
-          (V) => V === O.type || q && V === q || V.endsWith("/*") && O.type.startsWith(V.replace("/*", "/"))
-        );
-      });
-      v($);
-    } else
-      v(F);
-  }, [c, v]);
-  if (a) {
-    if (!e) return /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: "-" });
-    const b = Array.isArray(e) ? e : [e];
-    return /* @__PURE__ */ t.jsx("div", { className: "flex flex-wrap gap-2", children: b.map((F, A) => /* @__PURE__ */ t.jsx("span", { className: "text-sm truncate max-w-xs", children: F.name || F.original_name || "File" }, A)) });
-  }
-  const U = (b) => {
-    v(Array.from(b.target.files || []));
-  }, Q = (b) => {
-    if (o) {
-      const F = h.filter((A, $) => $ !== b);
-      r(F.length > 0 ? F : null);
-    } else
-      r(null);
-  }, K = (b) => (b.mime_type || "").startsWith("image/");
-  return /* @__PURE__ */ t.jsxs("div", { className: s.className, children: [
-    /* @__PURE__ */ t.jsx(
-      "input",
-      {
-        ref: i,
-        type: "file",
-        multiple: o,
-        accept: c,
-        onChange: U,
-        className: "hidden"
-      }
-    ),
-    /* @__PURE__ */ t.jsxs("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ t.jsxs(
-        "div",
-        {
-          onDragOver: R,
-          onDragLeave: N,
-          onDrop: T,
-          onClick: () => i.current?.click(),
-          className: `
+import { t as e } from "./jsx-runtime-MxADXuRH.js";
+import { i as t, r as n, t as r } from "./LookupField-BX4sK8NG.js";
+import i, { useCallback as a, useEffect as o, useId as s, useRef as c, useState as l } from "react";
+import { ComponentRegistry as u } from "@object-ui/core";
+import { Avatar as d, AvatarFallback as f, AvatarImage as p, Badge as m, Button as h, Checkbox as g, Input as _, Label as v, Select as y, SelectContent as ee, SelectItem as te, SelectTrigger as b, SelectValue as x, Slider as S, Switch as C, Textarea as w, cn as T } from "@object-ui/components";
+import { Check as E, Copy as D, Crosshair as ne, Eraser as re, ExternalLink as ie, Eye as ae, EyeOff as oe, File as se, Image as ce, ImageIcon as le, MapPin as O, Phone as ue, Plus as de, QrCode as fe, Star as pe, Upload as me, X as k } from "lucide-react";
+//#region src/widgets/TextField.tsx
+var A = e();
+function j({ value: e, onChange: t, field: n, readonly: r, ...i }) {
+	let a = n || i.schema;
+	if (r) return /* @__PURE__ */ (0, A.jsx)("span", {
+		className: "text-sm",
+		children: e || "-"
+	});
+	let o = a?.rows, { inputType: s, ...c } = i;
+	return o && o > 1 ? /* @__PURE__ */ (0, A.jsx)(w, {
+		...c,
+		value: e || "",
+		onChange: (e) => t(e.target.value),
+		placeholder: a?.placeholder,
+		disabled: r || c.disabled
+	}) : /* @__PURE__ */ (0, A.jsx)(_, {
+		...c,
+		type: a?.type === "password" ? "password" : "text",
+		value: e || "",
+		onChange: (e) => t(e.target.value),
+		placeholder: a?.placeholder,
+		disabled: r || c.disabled
+	});
+}
+//#endregion
+//#region src/widgets/NumberField.tsx
+function M({ value: e, onChange: t, field: n, readonly: r, ...i }) {
+	if (r) return /* @__PURE__ */ (0, A.jsx)("span", {
+		className: "text-sm",
+		children: e ?? "-"
+	});
+	let a = n || i.schema, o = a?.precision, { inputType: s, ...c } = i;
+	return /* @__PURE__ */ (0, A.jsx)(_, {
+		...c,
+		type: "number",
+		value: e ?? "",
+		onChange: (e) => {
+			let n = e.target.value;
+			t(n === "" ? null : Number(n));
+		},
+		placeholder: a?.placeholder,
+		disabled: r || c.disabled,
+		step: o ? 10 ** -o : "any"
+	});
+}
+//#endregion
+//#region src/widgets/BooleanField.tsx
+function N({ value: e, onChange: t, field: n, readonly: r, ...i }) {
+	let a = n || i.schema, o = a?.widget, c = s(), l = a?.name || c, u = a?.label || "Checkbox";
+	if (r) return /* @__PURE__ */ (0, A.jsx)("span", {
+		className: "text-sm",
+		children: e ? "Yes" : "No"
+	});
+	let { inputType: d, ...f } = i;
+	return o === "checkbox" ? /* @__PURE__ */ (0, A.jsxs)("div", {
+		className: "flex items-center space-x-2",
+		children: [/* @__PURE__ */ (0, A.jsx)(g, {
+			...f,
+			id: l,
+			checked: !!e,
+			onCheckedChange: (e) => t(!!e),
+			disabled: r || f.disabled
+		}), /* @__PURE__ */ (0, A.jsx)(v, {
+			htmlFor: l,
+			children: u
+		})]
+	}) : /* @__PURE__ */ (0, A.jsxs)("div", {
+		className: "flex items-center space-x-2",
+		children: [/* @__PURE__ */ (0, A.jsx)(C, {
+			...f,
+			id: l,
+			checked: !!e,
+			onCheckedChange: t,
+			disabled: r || f.disabled
+		}), /* @__PURE__ */ (0, A.jsx)(v, {
+			htmlFor: l,
+			children: u
+		})]
+	});
+}
+//#endregion
+//#region src/widgets/SelectField.tsx
+function P({ value: e, onChange: t, field: n, readonly: r, ...i }) {
+	let a = n || i.schema, o = a?.options || [];
+	return r ? /* @__PURE__ */ (0, A.jsx)("span", {
+		className: "text-sm",
+		children: o.find((t) => t.value === e)?.label || e || "-"
+	}) : /* @__PURE__ */ (0, A.jsxs)(y, {
+		...i,
+		value: e,
+		onValueChange: t,
+		disabled: r || i.disabled,
+		children: [/* @__PURE__ */ (0, A.jsx)(b, {
+			className: i.className,
+			id: i.id,
+			children: /* @__PURE__ */ (0, A.jsx)(x, { placeholder: a?.placeholder || "Select an option" })
+		}), /* @__PURE__ */ (0, A.jsx)(ee, {
+			position: "popper",
+			children: o.map((e) => /* @__PURE__ */ (0, A.jsx)(te, {
+				value: e.value,
+				children: e.label
+			}, e.value))
+		})]
+	});
+}
+//#endregion
+//#region src/widgets/DateField.tsx
+function F({ value: e, onChange: t, field: n, readonly: r, ...i }) {
+	if (r) return /* @__PURE__ */ (0, A.jsx)("span", {
+		className: "text-sm",
+		children: e ? new Date(e).toLocaleDateString() : "-"
+	});
+	let { inputType: a, ...o } = i;
+	return /* @__PURE__ */ (0, A.jsx)(_, {
+		...o,
+		type: "date",
+		value: e || "",
+		onChange: (e) => t(e.target.value),
+		disabled: r || o.disabled
+	});
+}
+//#endregion
+//#region src/widgets/EmailField.tsx
+function I({ value: e, onChange: t, field: n, readonly: r, errorMessage: i, ...a }) {
+	let o = n || a.schema;
+	if (r) return e ? /* @__PURE__ */ (0, A.jsx)("a", {
+		href: `mailto:${e}`,
+		className: "text-sm text-blue-600 hover:text-blue-800 hover:underline",
+		children: e
+	}) : /* @__PURE__ */ (0, A.jsx)("span", {
+		className: "text-sm",
+		children: "-"
+	});
+	let { inputType: s, ...c } = a;
+	return /* @__PURE__ */ (0, A.jsx)(_, {
+		...c,
+		type: "email",
+		value: e || "",
+		onChange: (e) => t(e.target.value),
+		placeholder: o?.placeholder || "email@example.com",
+		disabled: r || c.disabled,
+		"aria-invalid": !!i
+	});
+}
+//#endregion
+//#region src/widgets/PhoneField.tsx
+function L({ value: e, onChange: t, field: n, readonly: r, errorMessage: i, ...a }) {
+	let o = n || a.schema;
+	if (r) return e ? /* @__PURE__ */ (0, A.jsx)("a", {
+		href: `tel:${e}`,
+		className: "text-sm text-blue-600 hover:text-blue-800 hover:underline",
+		children: e
+	}) : /* @__PURE__ */ (0, A.jsx)("span", {
+		className: "text-sm",
+		children: "-"
+	});
+	let { inputType: s, ...c } = a;
+	return /* @__PURE__ */ (0, A.jsx)(_, {
+		...c,
+		type: "tel",
+		value: e || "",
+		onChange: (e) => t(e.target.value),
+		placeholder: o?.placeholder || "(555) 123-4567",
+		disabled: r || c.disabled,
+		"aria-invalid": !!i
+	});
+}
+//#endregion
+//#region src/widgets/UrlField.tsx
+function R({ value: e, onChange: t, field: n, readonly: r, errorMessage: i, ...a }) {
+	let o = n || a.schema;
+	if (r) return e ? e.startsWith("http://") || e.startsWith("https://") ? /* @__PURE__ */ (0, A.jsx)("a", {
+		href: e,
+		target: "_blank",
+		rel: "noopener noreferrer",
+		className: "text-sm text-blue-600 hover:text-blue-800 hover:underline",
+		children: e
+	}) : /* @__PURE__ */ (0, A.jsx)("span", {
+		className: "text-sm",
+		children: e
+	}) : /* @__PURE__ */ (0, A.jsx)("span", {
+		className: "text-sm",
+		children: "-"
+	});
+	let { inputType: s, ...c } = a;
+	return /* @__PURE__ */ (0, A.jsx)(_, {
+		...c,
+		type: "url",
+		value: e || "",
+		onChange: (e) => t(e.target.value),
+		placeholder: o?.placeholder || "https://example.com",
+		disabled: r || c.disabled,
+		"aria-invalid": !!i
+	});
+}
+//#endregion
+//#region src/widgets/CurrencyField.tsx
+function he(e, t = "USD") {
+	try {
+		return new Intl.NumberFormat("en-US", {
+			style: "currency",
+			currency: t
+		}).format(e);
+	} catch {
+		return `${t} ${e.toFixed(2)}`;
+	}
+}
+function z({ value: e, onChange: t, field: n, readonly: r, errorMessage: i, className: a, ...o }) {
+	let s = n || o.schema, c = s?.currency || "USD", l = s?.precision ?? 2;
+	if (r) return e == null ? /* @__PURE__ */ (0, A.jsx)("span", {
+		className: "text-sm",
+		children: "-"
+	}) : /* @__PURE__ */ (0, A.jsx)("span", {
+		className: "text-sm font-medium tabular-nums",
+		children: he(Number(e), c)
+	});
+	let u = (e) => {
+		let n = parseFloat(e.target.value);
+		isNaN(n) || t(parseFloat(n.toFixed(l)));
+	};
+	return /* @__PURE__ */ (0, A.jsxs)("div", {
+		className: "relative",
+		children: [/* @__PURE__ */ (0, A.jsx)("span", {
+			className: "absolute left-3 top-1/2 -translate-y-1/2 text-sm text-gray-500",
+			children: c === "USD" ? "$" : c
+		}), /* @__PURE__ */ (0, A.jsx)(_, {
+			...o,
+			type: "number",
+			value: e ?? "",
+			onChange: (e) => {
+				t(e.target.value === "" ? null : parseFloat(e.target.value));
+			},
+			onBlur: u,
+			placeholder: s?.placeholder || "0.00",
+			disabled: r || o.disabled,
+			className: `pl-8 ${a || ""}`,
+			step: (10 ** -l).toFixed(l),
+			"aria-invalid": !!i
+		})]
+	});
+}
+//#endregion
+//#region src/widgets/TextAreaField.tsx
+function ge({ value: e, onChange: t, field: n, readonly: r, errorMessage: i, ...a }) {
+	if (r) return /* @__PURE__ */ (0, A.jsx)("div", {
+		className: "text-sm whitespace-pre-wrap",
+		children: e || "-"
+	});
+	let o = n || a.schema, s = o?.rows || 4, c = o?.max_length, { inputType: l, ...u } = a;
+	return /* @__PURE__ */ (0, A.jsxs)("div", {
+		className: "relative",
+		children: [/* @__PURE__ */ (0, A.jsx)(w, {
+			...u,
+			value: e || "",
+			onChange: (e) => t(e.target.value),
+			placeholder: o?.placeholder,
+			disabled: r || u.disabled,
+			rows: s,
+			maxLength: c,
+			"aria-invalid": !!i
+		}), c && /* @__PURE__ */ (0, A.jsxs)("div", {
+			className: "absolute bottom-2 right-2 text-xs text-gray-400",
+			"aria-live": "polite",
+			"aria-label": `Character count: ${(e || "").length} of ${c}`,
+			children: [
+				(e || "").length,
+				"/",
+				c
+			]
+		})]
+	});
+}
+//#endregion
+//#region src/widgets/RichTextField.tsx
+function B({ value: e, onChange: t, field: n, readonly: r, errorMessage: i, ...a }) {
+	if (r) return /* @__PURE__ */ (0, A.jsx)("div", {
+		className: "text-sm prose prose-sm max-w-none",
+		children: e || "-"
+	});
+	let o = n || a.schema, s = o?.rows || 8;
+	return /* @__PURE__ */ (0, A.jsxs)("div", {
+		className: "space-y-2",
+		children: [/* @__PURE__ */ (0, A.jsxs)("div", {
+			className: "flex items-center justify-between text-xs text-gray-500",
+			children: [/* @__PURE__ */ (0, A.jsxs)("span", { children: ["Format: ", o?.format || "markdown"] }), /* @__PURE__ */ (0, A.jsx)("span", {
+				className: "italic",
+				children: "Rich text editor (basic)"
+			})]
+		}), /* @__PURE__ */ (0, A.jsx)(w, {
+			value: e || "",
+			onChange: (e) => t(e.target.value),
+			placeholder: o?.placeholder || "Enter text...",
+			disabled: r || a.disabled,
+			rows: s,
+			className: `font-mono text-sm ${a.className || ""}`,
+			"aria-invalid": !!i
+		})]
+	});
+}
+//#endregion
+//#region src/widgets/DateTimeField.tsx
+function _e({ value: e, onChange: t, field: n, readonly: r, ...i }) {
+	if (r) {
+		if (!e) return /* @__PURE__ */ (0, A.jsx)("span", {
+			className: "text-sm",
+			children: "-"
+		});
+		let t = new Date(e);
+		return /* @__PURE__ */ (0, A.jsxs)("span", {
+			className: "text-sm",
+			children: [
+				t.toLocaleDateString(),
+				" ",
+				t.toLocaleTimeString()
+			]
+		});
+	}
+	let { inputType: a, ...o } = i;
+	return /* @__PURE__ */ (0, A.jsx)(_, {
+		...o,
+		type: "datetime-local",
+		value: e || "",
+		onChange: (e) => t(e.target.value),
+		disabled: r || o.disabled
+	});
+}
+//#endregion
+//#region src/widgets/TimeField.tsx
+function ve({ value: e, onChange: t, field: n, readonly: r, ...i }) {
+	if (r) return /* @__PURE__ */ (0, A.jsx)("span", {
+		className: "text-sm",
+		children: e || "-"
+	});
+	let { inputType: a, ...o } = i;
+	return /* @__PURE__ */ (0, A.jsx)(_, {
+		...o,
+		type: "time",
+		value: e || "",
+		onChange: (e) => t(e.target.value),
+		disabled: r || o.disabled
+	});
+}
+//#endregion
+//#region src/widgets/PercentField.tsx
+function ye({ value: e, onChange: t, field: n, readonly: r, errorMessage: i, className: a, ...o }) {
+	let s = n || o.schema, c = s?.precision ?? 2;
+	if (r) return e == null ? /* @__PURE__ */ (0, A.jsx)("span", {
+		className: "text-sm",
+		children: "-"
+	}) : /* @__PURE__ */ (0, A.jsxs)("span", {
+		className: "text-sm font-medium tabular-nums",
+		children: [(e * 100).toFixed(c), "%"]
+	});
+	let l = e == null ? "" : e * 100, u = e == null ? 0 : e * 100, d = (e) => {
+		if (e.target.value === "") {
+			t(null);
+			return;
+		}
+		let n = parseFloat(e.target.value);
+		t(isNaN(n) ? null : n / 100);
+	}, f = (e) => {
+		if (r || o.disabled) return;
+		if (!Array.isArray(e) || e.length === 0) {
+			t(null);
+			return;
+		}
+		let n = e[0];
+		t(typeof n == "number" ? n / 100 : null);
+	}, p = 10 ** -c;
+	return /* @__PURE__ */ (0, A.jsxs)("div", {
+		className: "space-y-2",
+		children: [/* @__PURE__ */ (0, A.jsxs)("div", {
+			className: "relative",
+			children: [/* @__PURE__ */ (0, A.jsx)(_, {
+				...o,
+				type: "number",
+				value: l,
+				onChange: d,
+				placeholder: s?.placeholder || "0",
+				disabled: r || o.disabled,
+				className: `pr-8 ${a || ""}`,
+				step: (10 ** -c).toFixed(c),
+				"aria-invalid": !!i
+			}), /* @__PURE__ */ (0, A.jsx)("span", {
+				className: "absolute right-3 top-1/2 -translate-y-1/2 text-sm text-gray-500",
+				children: "%"
+			})]
+		}), /* @__PURE__ */ (0, A.jsx)(S, {
+			value: [u],
+			onValueChange: f,
+			min: 0,
+			max: 100,
+			step: p,
+			disabled: r || o.disabled,
+			className: "w-full",
+			"aria-label": "Percentage",
+			"data-testid": "percent-slider"
+		})]
+	});
+}
+//#endregion
+//#region src/widgets/PasswordField.tsx
+function be({ value: e, onChange: t, field: n, readonly: r, className: i, ...a }) {
+	let [o, s] = l(!1), c = n || a.schema;
+	if (r) return /* @__PURE__ */ (0, A.jsx)("span", {
+		className: "text-sm",
+		children: "••••••••"
+	});
+	let { inputType: u, ...d } = a;
+	return /* @__PURE__ */ (0, A.jsxs)("div", {
+		className: "relative",
+		children: [/* @__PURE__ */ (0, A.jsx)(_, {
+			...d,
+			type: o ? "text" : "password",
+			value: e || "",
+			onChange: (e) => t(e.target.value),
+			placeholder: c?.placeholder,
+			disabled: r || d.disabled,
+			className: `pr-10 ${i || ""}`
+		}), /* @__PURE__ */ (0, A.jsx)(h, {
+			type: "button",
+			variant: "ghost",
+			size: "sm",
+			className: "absolute right-0 top-0 h-full px-3 py-2 hover:bg-transparent",
+			onClick: () => s(!o),
+			tabIndex: -1,
+			children: o ? /* @__PURE__ */ (0, A.jsx)(oe, { className: "size-4 text-gray-500" }) : /* @__PURE__ */ (0, A.jsx)(ae, { className: "size-4 text-gray-500" })
+		})]
+	});
+}
+//#endregion
+//#region src/widgets/FileField.tsx
+function xe({ value: e, onChange: t, field: n, readonly: r, ...i }) {
+	let o = c(null), s = n || i.schema, u = s?.multiple || !1, d = s?.accept ? s.accept.join(",") : void 0, f = s?.maxSize, [p, m] = l(!1), [g, _] = l([]), v = e ? Array.isArray(e) ? e : [e] : [], y = a((e) => {
+		if (e.length === 0) return;
+		let n = [], r = e.filter((e) => {
+			if (f && e.size > f) {
+				let t = (f / (1024 * 1024)).toFixed(1);
+				return n.push(`"${e.name}" exceeds max size (${t} MB)`), !1;
+			}
+			return !0;
+		});
+		if (_(n), r.length === 0) return;
+		let i = r.map((e) => ({
+			name: e.name,
+			original_name: e.name,
+			size: e.size,
+			mime_type: e.type,
+			url: URL.createObjectURL(e)
+		}));
+		t(u ? [...v, ...i] : i[0]);
+	}, [
+		v,
+		u,
+		t,
+		f
+	]), ee = a((e) => {
+		e.preventDefault(), e.stopPropagation(), m(!0);
+	}, []), te = a((e) => {
+		e.preventDefault(), e.stopPropagation(), m(!1);
+	}, []), b = a((e) => {
+		e.preventDefault(), e.stopPropagation(), m(!1);
+		let t = Array.from(e.dataTransfer.files);
+		if (d) {
+			let e = d.split(",").map((e) => e.trim().toLowerCase());
+			y(t.filter((t) => {
+				let n = t.name.split("."), r = n.length > 1 ? "." + n.pop()?.toLowerCase() : "";
+				return e.some((e) => e === t.type || r && e === r || e.endsWith("/*") && t.type.startsWith(e.replace("/*", "/")));
+			}));
+		} else y(t);
+	}, [d, y]);
+	if (r) return e ? /* @__PURE__ */ (0, A.jsx)("div", {
+		className: "flex flex-wrap gap-2",
+		children: (Array.isArray(e) ? e : [e]).map((e, t) => /* @__PURE__ */ (0, A.jsx)("span", {
+			className: "text-sm truncate max-w-xs",
+			children: e.name || e.original_name || "File"
+		}, t))
+	}) : /* @__PURE__ */ (0, A.jsx)("span", {
+		className: "text-sm",
+		children: "-"
+	});
+	let x = (e) => {
+		y(Array.from(e.target.files || []));
+	}, S = (e) => {
+		if (u) {
+			let n = v.filter((t, n) => n !== e);
+			t(n.length > 0 ? n : null);
+		} else t(null);
+	}, C = (e) => (e.mime_type || "").startsWith("image/");
+	return /* @__PURE__ */ (0, A.jsxs)("div", {
+		className: i.className,
+		children: [/* @__PURE__ */ (0, A.jsx)("input", {
+			ref: o,
+			type: "file",
+			multiple: u,
+			accept: d,
+			onChange: x,
+			className: "hidden"
+		}), /* @__PURE__ */ (0, A.jsxs)("div", {
+			className: "space-y-2",
+			children: [
+				/* @__PURE__ */ (0, A.jsxs)("div", {
+					onDragOver: ee,
+					onDragLeave: te,
+					onDrop: b,
+					onClick: () => o.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
             ${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,
-          onKeyDown: (b) => {
-            (b.key === "Enter" || b.key === " ") && (b.preventDefault(), i.current?.click());
-          },
-          children: [
-            /* @__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: 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)) }),
-      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",
-          children: [
-            /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-2 flex-1 min-w-0", children: [
-              K(b) && b.url ? /* @__PURE__ */ t.jsx("img", { src: b.url, alt: b.name, className: "size-8 object-cover rounded flex-shrink-0" }) : K(b) ? /* @__PURE__ */ t.jsx(Dt, { className: "size-4 text-muted-foreground flex-shrink-0" }) : /* @__PURE__ */ t.jsx(Mt, { className: "size-4 text-muted-foreground flex-shrink-0" }),
-              /* @__PURE__ */ t.jsx("span", { className: "text-sm truncate", children: b.name || b.original_name || "File" }),
-              b.size && /* @__PURE__ */ t.jsxs("span", { className: "text-xs text-muted-foreground", children: [
-                "(",
-                (b.size / 1024).toFixed(1),
-                " KB)"
-              ] })
-            ] }),
-            /* @__PURE__ */ t.jsx(
-              P,
-              {
-                type: "button",
-                variant: "ghost",
-                size: "sm",
-                onClick: (A) => {
-                  A.stopPropagation(), Q(F);
-                },
-                className: "h-6 w-6 p-0",
-                children: /* @__PURE__ */ t.jsx(W, { className: "size-3" })
-              }
-            )
-          ]
-        },
-        F
-      )) })
-    ] })
-  ] });
-}
-const cr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  FileField: et
-}, Symbol.toStringTag, { value: "Module" }));
-function tt({ value: e, onChange: r, field: n, readonly: a, ...s }) {
-  const i = xe(null), l = n || s.schema, o = l?.multiple || !1, c = l?.accept ? l.accept.join(",") : "image/*";
-  if (a) {
-    if (!e) return /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: "-" });
-    const u = Array.isArray(e) ? e : [e];
-    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 ${h + 1}`,
-        className: "size-20 rounded-md object-cover border border-gray-200"
-      },
-      h
-    )) });
-  }
-  const m = e ? Array.isArray(e) ? e : [e] : [], p = (u) => {
-    const x = Array.from(u.target.files || []);
-    if (x.length === 0) return;
-    const h = x.map((v) => ({
-      name: v.name,
-      original_name: v.name,
-      size: v.size,
-      mime_type: v.type,
-      // In a real implementation, this would upload the image and return a URL
-      url: URL.createObjectURL(v)
-    }));
-    r(o ? [...m, ...h] : h[0]);
-  }, f = (u) => {
-    if (o) {
-      const x = m.filter((h, v) => v !== u);
-      r(x.length > 0 ? x : null);
-    } else
-      r(null);
-  };
-  return /* @__PURE__ */ t.jsxs("div", { className: s.className, children: [
-    /* @__PURE__ */ t.jsx(
-      "input",
-      {
-        ref: i,
-        type: "file",
-        multiple: o,
-        accept: c,
-        onChange: p,
-        className: "hidden"
-      }
-    ),
-    /* @__PURE__ */ t.jsxs("div", { className: "space-y-2", children: [
-      m.length > 0 && /* @__PURE__ */ t.jsx("div", { className: "grid grid-cols-4 gap-2", children: m.map((u, x) => /* @__PURE__ */ t.jsxs("div", { className: "relative group", children: [
-        /* @__PURE__ */ t.jsx(
-          "img",
-          {
-            src: u.url || "",
-            alt: u.name || `Image ${x + 1}`,
-            className: "size-20 rounded-md object-cover border border-gray-200"
-          }
-        ),
-        /* @__PURE__ */ t.jsx(
-          P,
-          {
-            type: "button",
-            variant: "destructive",
-            size: "sm",
-            onClick: () => f(x),
-            className: "absolute top-1 right-1 h-6 w-6 p-0 opacity-0 group-hover:opacity-100 transition-opacity",
-            children: /* @__PURE__ */ t.jsx(W, { className: "size-3" })
-          }
-        )
-      ] }, x)) }),
-      /* @__PURE__ */ t.jsxs(
-        P,
-        {
-          type: "button",
-          variant: "outline",
-          onClick: () => i.current?.click(),
-          className: "w-full",
-          children: [
-            /* @__PURE__ */ t.jsx(Lt, { className: "size-4 mr-2" }),
-            m.length > 0 ? "Add More Images" : "Upload Image"
-          ]
-        }
-      )
-    ] })
-  ] });
-}
-const dr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  ImageField: tt
-}, Symbol.toStringTag, { value: "Module" }));
-function rt({ value: e, onChange: r, field: n, readonly: a, ...s }) {
-  const i = n || s.schema, l = e && typeof e == "object" ? `${e.latitude || 0}, ${e.longitude || 0}` : "";
-  if (a)
-    return /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: l || "-" });
-  const o = (c) => {
-    const m = c.target.value;
-    if (!m.trim()) {
-      r(null);
-      return;
-    }
-    const 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 });
-    }
-  };
-  return /* @__PURE__ */ t.jsx(
-    w,
-    {
-      type: "text",
-      value: l,
-      onChange: o,
-      placeholder: i?.placeholder || "latitude, longitude",
-      disabled: a || s.disabled,
-      className: s.className
-    }
-  );
-}
-const ur = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  LocationField: rt
-}, Symbol.toStringTag, { value: "Module" }));
-function st({ value: e, field: r, ...n }) {
-  const s = (r || n.schema)?.return_type || "text";
-  let i = "-";
-  return e != null && (s === "number" || s === "currency" ? i = typeof e == "number" ? e.toFixed(2) : String(e) : s === "boolean" ? i = e ? "Yes" : "No" : s === "date" ? i = new Date(e).toLocaleDateString() : i = String(e)), /* @__PURE__ */ t.jsx("span", { className: `text-sm font-mono text-gray-700 ${n.className || ""}`, children: i });
-}
-const mr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  FormulaField: st
-}, Symbol.toStringTag, { value: "Module" }));
-function nt({ value: e, field: r, ...n }) {
-  const s = (r || n.schema)?.summary_type || "count";
-  let i = "-";
-  return e != null && (s === "count" ? i = String(e) : ["sum", "avg", "min", "max"].includes(s) ? i = typeof e == "number" ? e.toFixed(2) : String(e) : i = String(e)), /* @__PURE__ */ t.jsx("span", { className: `text-sm font-medium tabular-nums text-gray-700 ${n.className || ""}`, children: i });
-}
-const fr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  SummaryField: nt
-}, Symbol.toStringTag, { value: "Module" }));
-function at({ value: e, field: r, ...n }) {
-  const a = e != null ? String(e) : "-";
-  return /* @__PURE__ */ t.jsx("span", { className: `text-sm font-mono text-gray-700 ${n.className || ""}`, children: a });
-}
-const xr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  AutoNumberField: at
-}, Symbol.toStringTag, { value: "Module" }));
-function de({ value: e, onChange: r, field: n, readonly: a, ...s }) {
-  const l = (n || s.schema)?.multiple || !1;
-  if (a) {
-    if (!e) return /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: "-" });
-    const m = Array.isArray(e) ? e : [e];
-    return /* @__PURE__ */ t.jsxs("div", { className: "flex -space-x-2", children: [
-      m.slice(0, 3).map((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: [
-        "+",
-        m.length - 3
-      ] }) })
-    ] });
-  }
-  const o = e ? Array.isArray(e) ? e : [e] : [], c = (m) => {
-    if (l) {
-      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, 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 }) }),
-        /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: f }),
-        /* @__PURE__ */ t.jsx(
-          "button",
-          {
-            type: "button",
-            onClick: () => c(p),
-            className: "ml-1 rounded-full hover:bg-gray-200 p-0.5",
-            children: /* @__PURE__ */ t.jsx(W, { className: "size-3" })
-          }
-        )
-      ] }, p);
-    }) }),
-    /* @__PURE__ */ t.jsx("div", { className: "text-sm text-gray-500 italic", children: "User selection component requires integration with user management system" })
-  ] });
-}
-const Re = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  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, p] = B(null);
-  if (ze(() => {
-    try {
-      if (e == null) {
-        c("");
-        return;
-      }
-      const u = o ? JSON.parse(o) : null;
-      JSON.stringify(u) !== JSON.stringify(e) && c(JSON.stringify(e, null, 2));
-    } catch {
-      c(JSON.stringify(e, null, 2));
-    }
-  }, [e, o]), a)
-    return e ? /* @__PURE__ */ t.jsx("pre", { className: z("text-xs bg-gray-50 p-2 rounded border border-gray-200 overflow-auto max-h-40", s.className), children: JSON.stringify(e, null, 2) }) : /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: "-" });
-  const f = (u) => {
-    const x = u.target.value;
-    if (c(x), p(null), !x.trim()) {
-      r(null);
-      return;
-    }
-    try {
-      const h = JSON.parse(x);
-      r(h);
-    } catch {
-      p("Invalid JSON");
-    }
-  };
-  return /* @__PURE__ */ t.jsxs("div", { className: "space-y-1", children: [
-    /* @__PURE__ */ t.jsx(
-      Z,
-      {
-        value: o,
-        onChange: f,
-        placeholder: i?.placeholder || `{
-  "key": "value"
-}`,
-        disabled: a || s.disabled,
-        className: z("font-mono text-xs", m ? "border-red-500 focus-visible:ring-red-500" : "", s.className),
-        rows: 6
-      }
-    ),
-    m && /* @__PURE__ */ t.jsx("p", { className: "text-xs text-red-500", children: m })
-  ] });
-}
-const pr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  ObjectField: lt
-}, Symbol.toStringTag, { value: "Module" }));
-function it({ value: e, field: r, ...n }) {
-  const s = (r || n.schema)?.dimensions || (Array.isArray(e) ? e.length : 0);
-  if (!e || !Array.isArray(e))
-    return /* @__PURE__ */ t.jsx("span", { className: "text-sm text-gray-500", children: "-" });
-  const i = e.slice(0, 3).map((l) => {
-    const o = Number(l);
-    return isNaN(o) ? "0" : o.toFixed(4);
-  }).join(", ");
-  return /* @__PURE__ */ t.jsxs("div", { className: `text-sm ${n.className || ""}`, children: [
-    /* @__PURE__ */ t.jsxs("span", { className: "font-mono text-gray-700", children: [
-      "[",
-      i,
-      "...]"
-    ] }),
-    /* @__PURE__ */ t.jsxs("span", { className: "text-gray-500 ml-2", children: [
-      "(",
-      s,
-      "D)"
-    ] })
-  ] });
-}
-const hr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  VectorField: it
-}, Symbol.toStringTag, { value: "Module" }));
-function ot({ value: e, field: r, readonly: n, ...a }) {
-  const i = (r || a.schema)?.columns || [];
-  return !e || !Array.isArray(e) ? /* @__PURE__ */ t.jsx("span", { className: "text-sm text-muted-foreground", children: "-" }) : n ? /* @__PURE__ */ t.jsx("div", { className: z("text-sm", a.className), children: /* @__PURE__ */ t.jsxs("span", { className: "text-foreground", children: [
-    e.length,
-    " rows"
-  ] }) }) : /* @__PURE__ */ t.jsxs("div", { className: z("border border-border rounded-lg overflow-hidden", a.className), children: [
-    /* @__PURE__ */ t.jsx("div", { className: "overflow-auto max-h-60", children: /* @__PURE__ */ t.jsxs("table", { className: "w-full text-sm", children: [
-      /* @__PURE__ */ t.jsx("thead", { className: "bg-muted border-b border-border", children: /* @__PURE__ */ t.jsx("tr", { children: i.map((l, o) => /* @__PURE__ */ t.jsx(
-        "th",
-        {
-          className: "px-3 py-2 text-left text-xs font-medium text-muted-foreground",
-          children: l.label || l.name
-        },
-        o
-      )) }) }),
-      /* @__PURE__ */ t.jsx("tbody", { className: "divide-y divide-border", children: e.slice(0, 5).map((l, o) => /* @__PURE__ */ t.jsx("tr", { className: "hover:bg-muted/50 transition-colors", children: i.map((c, m) => /* @__PURE__ */ t.jsx("td", { className: "px-3 py-2 text-foreground", children: l[c.name] != null ? String(l[c.name]) : "-" }, m)) }, o)) })
-    ] }) }),
-    e.length > 5 && /* @__PURE__ */ t.jsxs("div", { className: "bg-muted px-3 py-2 text-xs text-muted-foreground border-t border-border", children: [
-      "Showing 5 of ",
-      e.length,
-      " rows"
-    ] })
-  ] });
-}
-const gr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  GridField: ot
-}, Symbol.toStringTag, { value: "Module" }));
-function ct({ value: e, onChange: r, field: n, readonly: a, ...s }) {
-  const i = n || s.schema;
-  return a ? /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-2", children: [
-    /* @__PURE__ */ t.jsx(
-      "div",
-      {
-        className: "w-6 h-6 rounded border border-input",
-        style: { backgroundColor: e || "#000000" }
-      }
-    ),
-    /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: e || "-" })
-  ] }) : /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-2", children: [
-    /* @__PURE__ */ t.jsx(
-      "input",
-      {
-        type: "color",
-        value: e || "#000000",
-        onChange: (l) => r(l.target.value),
-        disabled: a || s.disabled,
-        className: "w-10 h-10 rounded border border-input cursor-pointer"
-      }
-    ),
-    /* @__PURE__ */ t.jsx(
-      w,
-      {
-        type: "text",
-        value: e || "",
-        onChange: (l) => r(l.target.value),
-        placeholder: i?.placeholder || "#000000",
-        disabled: a || s.disabled,
-        className: s.className,
-        pattern: "^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$"
-      }
-    )
-  ] });
-}
-const br = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  ColorField: ct
-}, Symbol.toStringTag, { value: "Module" }));
-function dt({ value: e, onChange: r, field: n, readonly: a, ...s }) {
-  const i = n || s.schema, l = i?.min ?? 0, o = i?.max ?? 100, c = i?.step ?? 1;
-  return a ? /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-2", children: [
-    /* @__PURE__ */ t.jsx("span", { className: "text-sm font-medium", children: e ?? l }),
-    /* @__PURE__ */ t.jsxs("span", { className: "text-xs text-muted-foreground", children: [
-      "/ ",
-      o
-    ] })
-  ] }) : /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-4", children: [
-    /* @__PURE__ */ t.jsx(
-      De,
-      {
-        value: [e ?? l],
-        onValueChange: (m) => r(m[0]),
-        min: l,
-        max: o,
-        step: c,
-        disabled: a || s.disabled,
-        className: s.className
-      }
-    ),
-    /* @__PURE__ */ t.jsx("span", { className: "text-sm font-medium w-12 text-right", children: e ?? l })
-  ] });
-}
-const jr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  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, 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,
-      {
-        className: `w-5 h-5 ${x < c ? "fill-yellow-400 text-yellow-400" : "text-muted-foreground"}`
-      },
-      x
-    )),
-    /* @__PURE__ */ t.jsxs("span", { className: "ml-2 text-sm text-muted-foreground", children: [
-      c,
-      " / ",
-      o
-    ] })
-  ] }) : /* @__PURE__ */ t.jsxs("div", { className: z("flex items-center gap-1", s), children: [
-    Array.from({ length: o }, (u, x) => /* @__PURE__ */ t.jsx(
-      "button",
-      {
-        type: "button",
-        onClick: () => r(x + 1),
-        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(
-          _e,
-          {
-            className: `w-5 h-5 transition-colors ${x < f ? "fill-yellow-400 text-yellow-400 hover:fill-yellow-500 hover:text-yellow-500" : "text-muted-foreground hover:text-yellow-400"}`
-          }
-        )
-      },
-      x
-    )),
-    /* @__PURE__ */ t.jsxs("span", { className: "ml-2 text-sm text-muted-foreground", children: [
-      c,
-      " / ",
-      o
-    ] })
-  ] });
-}
-const yr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  RatingField: ut
-}, Symbol.toStringTag, { value: "Module" }));
-function mt({ value: e, onChange: r, field: n, readonly: a, ...s }) {
-  const i = n || s.schema, l = i?.language ?? "javascript";
-  return a ? /* @__PURE__ */ t.jsx("pre", { className: z("text-sm bg-muted p-2 rounded overflow-x-auto border", s.className), children: /* @__PURE__ */ t.jsx("code", { children: e || "-" }) }) : /* @__PURE__ */ t.jsx(
-    Z,
-    {
-      value: e || "",
-      onChange: (o) => r(o.target.value),
-      placeholder: i?.placeholder || `// Write ${l} code here...`,
-      disabled: a || s.disabled,
-      className: z("font-mono text-sm", s.className),
-      rows: 12,
-      spellCheck: !1
-    }
-  );
-}
-const Nr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  CodeField: mt
-}, Symbol.toStringTag, { value: "Module" }));
-function ft({ value: e, onChange: r, field: n, readonly: a, ...s }) {
-  const [i, l] = k.useState(!1), o = k.useRef(null), c = n || s.schema, m = (u) => {
-    const x = u.target.files?.[0];
-    if (!x) return;
-    if (!x.type.startsWith("image/")) {
-      console.error("Please select an image file");
-      return;
-    }
-    if (x.size > 5 * 1024 * 1024) {
-      console.error("File size must be less than 5MB");
-      return;
-    }
-    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: [
-    e && /* @__PURE__ */ t.jsx(ve, { src: e, alt: c?.label }),
-    /* @__PURE__ */ t.jsx(I, { children: f() })
-  ] }) : /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-4", children: [
-    /* @__PURE__ */ t.jsxs(
-      "div",
-      {
-        className: "relative",
-        onMouseEnter: () => l(!0),
-        onMouseLeave: () => l(!1),
-        children: [
-          /* @__PURE__ */ t.jsxs(L, { className: "w-16 h-16", children: [
-            e && /* @__PURE__ */ t.jsx(ve, { src: e, alt: c?.label }),
-            /* @__PURE__ */ t.jsx(I, { children: f() })
-          ] }),
-          !a && i && e && /* @__PURE__ */ t.jsx(
-            "button",
-            {
-              type: "button",
-              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" })
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col gap-2", children: [
-      /* @__PURE__ */ t.jsx(
-        "input",
-        {
-          ref: o,
-          type: "file",
-          accept: "image/*",
-          onChange: m,
-          className: "hidden"
-        }
-      ),
-      /* @__PURE__ */ t.jsxs(
-        P,
-        {
-          type: "button",
-          variant: "outline",
-          size: "sm",
-          onClick: () => o.current?.click(),
-          disabled: a || s.disabled,
-          children: [
-            /* @__PURE__ */ t.jsx(Me, { className: "w-4 h-4 mr-2" }),
-            e ? "Change" : "Upload",
-            " Avatar"
-          ]
-        }
-      ),
-      /* @__PURE__ */ t.jsx("p", { className: "text-xs text-muted-foreground", children: "PNG, JPG up to 5MB" })
-    ] })
-  ] });
-}
-const vr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  AvatarField: ft
-}, Symbol.toStringTag, { value: "Module" }));
-function xt({ value: e, onChange: r, field: n, readonly: a, ...s }) {
-  const i = e || {}, l = (c, m) => {
-    r({
-      ...i,
-      [c]: m
-    });
-  }, o = (c) => [
-    c.street,
-    c.city,
-    [c.state, c.zipCode].filter(Boolean).join(" "),
-    c.country
-  ].filter(Boolean).join(", ") || "-";
-  return a ? /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: o(i) }) : /* @__PURE__ */ t.jsxs("div", { className: "space-y-3", children: [
-    /* @__PURE__ */ t.jsxs("div", { children: [
-      /* @__PURE__ */ t.jsx(E, { htmlFor: "street", className: "text-xs", children: "Street Address" }),
-      /* @__PURE__ */ t.jsx(
-        w,
-        {
-          id: "street",
-          type: "text",
-          value: i.street || "",
-          onChange: (c) => l("street", c.target.value),
-          placeholder: "123 Main St",
-          disabled: a || s.disabled,
-          className: s.className
-        }
-      )
-    ] }),
-    /* @__PURE__ */ t.jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
-      /* @__PURE__ */ t.jsxs("div", { children: [
-        /* @__PURE__ */ t.jsx(E, { htmlFor: "city", className: "text-xs", children: "City" }),
-        /* @__PURE__ */ t.jsx(
-          w,
-          {
-            id: "city",
-            type: "text",
-            value: i.city || "",
-            onChange: (c) => l("city", c.target.value),
-            placeholder: "San Francisco",
-            disabled: a || s.disabled
-          }
-        )
-      ] }),
-      /* @__PURE__ */ t.jsxs("div", { children: [
-        /* @__PURE__ */ t.jsx(E, { htmlFor: "state", className: "text-xs", children: "State / Province" }),
-        /* @__PURE__ */ t.jsx(
-          w,
-          {
-            id: "state",
-            type: "text",
-            value: i.state || "",
-            onChange: (c) => l("state", c.target.value),
-            placeholder: "CA",
-            disabled: a || s.disabled
-          }
-        )
-      ] })
-    ] }),
-    /* @__PURE__ */ t.jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
-      /* @__PURE__ */ t.jsxs("div", { children: [
-        /* @__PURE__ */ t.jsx(E, { htmlFor: "zipCode", className: "text-xs", children: "ZIP / Postal Code" }),
-        /* @__PURE__ */ t.jsx(
-          w,
-          {
-            id: "zipCode",
-            type: "text",
-            value: i.zipCode || "",
-            onChange: (c) => l("zipCode", c.target.value),
-            placeholder: "94102",
-            disabled: a || s.disabled
-          }
-        )
-      ] }),
-      /* @__PURE__ */ t.jsxs("div", { children: [
-        /* @__PURE__ */ t.jsx(E, { htmlFor: "country", className: "text-xs", children: "Country" }),
-        /* @__PURE__ */ t.jsx(
-          w,
-          {
-            id: "country",
-            type: "text",
-            value: i.country || "",
-            onChange: (c) => l("country", c.target.value),
-            placeholder: "United States",
-            disabled: a || s.disabled
-          }
-        )
-      ] })
-    ] })
-  ] });
-}
-const _r = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  AddressField: xt
-}, Symbol.toStringTag, { value: "Module" }));
-function pt({ value: e, onChange: r, field: n, readonly: a, ...s }) {
-  const [i, l] = k.useState(!1), o = e || {}, c = (u, x) => {
-    r({
-      ...o,
-      [u]: x ? Number(x) : void 0
-    });
-  }, m = () => {
-    if (!navigator.geolocation) {
-      console.error("Geolocation is not supported by this browser");
-      return;
-    }
-    l(!0), navigator.geolocation.getCurrentPosition(
-      (u) => {
-        r({
-          latitude: u.coords.latitude,
-          longitude: u.coords.longitude,
-          accuracy: u.coords.accuracy
-        }), l(!1);
-      },
-      (u) => {
-        console.error("Error getting location:", u.message), l(!1);
-      },
-      {
-        enableHighAccuracy: !0,
-        timeout: 5e3,
-        maximumAge: 0
-      }
-    );
-  }, 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: p(o) }),
-    o.latitude && o.longitude && /* @__PURE__ */ t.jsx(
-      P,
-      {
-        type: "button",
-        variant: "link",
-        size: "sm",
-        onClick: f,
-        className: "p-0 h-auto",
-        children: "View on map"
-      }
-    )
-  ] }) : /* @__PURE__ */ t.jsxs("div", { className: "space-y-3", children: [
-    /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ t.jsxs(
-        P,
-        {
-          type: "button",
-          variant: "outline",
-          size: "sm",
-          onClick: m,
-          disabled: a || i,
-          children: [
-            /* @__PURE__ */ t.jsx(It, { className: "w-4 h-4 mr-2" }),
-            i ? "Getting location..." : "Use Current Location"
-          ]
-        }
-      ),
-      o.latitude && o.longitude && /* @__PURE__ */ t.jsxs(
-        P,
-        {
-          type: "button",
-          variant: "link",
-          size: "sm",
-          onClick: f,
-          children: [
-            /* @__PURE__ */ t.jsx(we, { className: "w-4 h-4 mr-2" }),
-            "View on map"
-          ]
-        }
-      )
-    ] }),
-    /* @__PURE__ */ t.jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
-      /* @__PURE__ */ t.jsxs("div", { children: [
-        /* @__PURE__ */ t.jsx(E, { htmlFor: "latitude", className: "text-xs", children: "Latitude" }),
-        /* @__PURE__ */ t.jsx(
-          w,
-          {
-            id: "latitude",
-            type: "number",
-            value: o.latitude ?? "",
-            onChange: (u) => c("latitude", u.target.value),
-            placeholder: "37.7749",
-            disabled: a || s.disabled,
-            step: "any",
-            className: s.className
-          }
-        )
-      ] }),
-      /* @__PURE__ */ t.jsxs("div", { children: [
-        /* @__PURE__ */ t.jsx(E, { htmlFor: "longitude", className: "text-xs", children: "Longitude" }),
-        /* @__PURE__ */ t.jsx(
-          w,
-          {
-            id: "longitude",
-            type: "number",
-            value: o.longitude ?? "",
-            onChange: (u) => c("longitude", u.target.value),
-            placeholder: "-122.4194",
-            disabled: a || s.disabled,
-            step: "any"
-          }
-        )
-      ] })
-    ] }),
-    o.accuracy && /* @__PURE__ */ t.jsxs("p", { className: "text-xs text-muted-foreground", children: [
-      "Accuracy: ±",
-      o.accuracy.toFixed(0),
-      "m"
-    ] })
-  ] });
-}
-const wr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  GeolocationField: pt
-}, Symbol.toStringTag, { value: "Module" }));
-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 h = new Image();
-        h.onload = () => {
-          x.drawImage(h, 0, 0), o(!1);
-        }, h.src = e;
-      }
-    }
-  }, [e]);
-  const c = (u) => {
-    if (n) return;
-    i(!0), o(!1);
-    const x = a.current;
-    if (!x) 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;
-    h.beginPath(), h.moveTo(R, N);
-  }, m = (u) => {
-    if (!s || n) return;
-    const x = a.current;
-    if (!x) 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;
-    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;
-    if (!u) return;
-    const x = u.toDataURL("image/png");
-    r(x);
-  }, f = () => {
-    const u = a.current;
-    if (!u) return;
-    const x = u.getContext("2d");
-    x && (x.clearRect(0, 0, u.width, u.height), o(!0), r(""));
-  };
-  return n && e ? /* @__PURE__ */ t.jsx("div", { className: "border rounded p-2 bg-white", children: /* @__PURE__ */ t.jsx("img", { src: e, alt: "Signature", loading: "lazy", className: "max-w-full h-auto" }) }) : n && !e ? /* @__PURE__ */ t.jsx("span", { className: "text-sm text-muted-foreground", children: "No signature" }) : /* @__PURE__ */ t.jsxs("div", { className: "space-y-2", children: [
-    /* @__PURE__ */ t.jsx("div", { className: "border rounded bg-white", children: /* @__PURE__ */ t.jsx(
-      "canvas",
-      {
-        ref: a,
-        width: 400,
-        height: 200,
-        className: "w-full touch-none cursor-crosshair",
-        onMouseDown: c,
-        onMouseMove: m,
-        onMouseUp: p,
-        onMouseLeave: p,
-        onTouchStart: c,
-        onTouchMove: m,
-        onTouchEnd: p
-      }
-    ) }),
-    /* @__PURE__ */ t.jsxs("div", { className: "flex justify-between items-center", children: [
-      /* @__PURE__ */ t.jsx("p", { className: "text-xs text-muted-foreground", children: l ? "Sign above" : "Signature captured" }),
-      /* @__PURE__ */ t.jsxs(
-        P,
-        {
-          type: "button",
-          variant: "outline",
-          size: "sm",
-          onClick: f,
-          disabled: n || l,
-          children: [
-            /* @__PURE__ */ t.jsx(Ut, { className: "w-4 h-4 mr-2" }),
-            "Clear"
-          ]
-        }
-      )
-    ] })
-  ] });
-}
-const Fr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  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 = (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: [
-    /* @__PURE__ */ t.jsx("span", { className: "text-sm flex-1 truncate", children: e || "-" }),
-    e && /* @__PURE__ */ t.jsxs(
-      P,
-      {
-        type: "button",
-        variant: "outline",
-        size: "sm",
-        onClick: () => l(!i),
-        children: [
-          /* @__PURE__ */ t.jsx(Fe, { className: "w-4 h-4 mr-2" }),
-          i ? "Hide" : "Show",
-          " QR"
-        ]
-      }
-    )
-  ] }) : /* @__PURE__ */ t.jsxs("div", { className: "space-y-3", children: [
-    /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ t.jsx(
-        w,
-        {
-          type: "text",
-          value: e || "",
-          onChange: (p) => r(p.target.value),
-          placeholder: o?.placeholder || "Enter text for QR code",
-          disabled: a || s.disabled,
-          className: s.className
-        }
-      ),
-      e && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-        /* @__PURE__ */ t.jsx(
-          P,
-          {
-            type: "button",
-            variant: "outline",
-            size: "sm",
-            onClick: m,
-            children: /* @__PURE__ */ t.jsx(pe, { className: "w-4 h-4" })
-          }
-        ),
-        /* @__PURE__ */ t.jsx(
-          P,
-          {
-            type: "button",
-            variant: "outline",
-            size: "sm",
-            onClick: () => l(!i),
-            children: /* @__PURE__ */ t.jsx(Fe, { className: "w-4 h-4" })
-          }
-        )
-      ] })
-    ] }),
-    i && e && /* @__PURE__ */ t.jsx("div", { className: "border rounded p-4 bg-white flex justify-center", children: /* @__PURE__ */ t.jsx(
-      "img",
-      {
-        src: c(e),
-        alt: "QR Code",
-        className: "w-48 h-48"
-      }
-    ) }),
-    e && /* @__PURE__ */ t.jsxs("p", { className: "text-xs text-muted-foreground", children: [
-      "QR code contains: ",
-      e.length,
-      " characters"
-    ] })
-  ] });
-}
-const Sr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  QRCodeField: gt
-}, Symbol.toStringTag, { value: "Module" }));
-function bt({
-  value: e,
-  onChange: r,
-  field: n,
-  readonly: a,
-  className: s,
-  ...i
-}) {
-  const l = e || [], o = n || i.schema, c = () => {
-    const f = {
-      id: `new-${Date.now()}`,
-      label: "New Related Record"
-    };
-    r([...l, f]);
-  }, m = (f) => {
-    r(l.filter((u) => u.id !== f));
-  }, p = (f) => {
-    console.log("View detail:", f);
-  };
-  return a ? /* @__PURE__ */ t.jsxs("div", { className: z("space-y-2", s), children: [
-    l.length === 0 ? /* @__PURE__ */ t.jsx("span", { className: "text-sm text-muted-foreground", children: "No related records" }) : l.map((f) => /* @__PURE__ */ t.jsxs(
-      "div",
-      {
-        className: "flex items-center justify-between p-2 border rounded hover:bg-muted/50",
-        children: [
-          /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: f.label }),
-          /* @__PURE__ */ t.jsx(
-            P,
-            {
-              type: "button",
-              variant: "ghost",
-              size: "sm",
-              onClick: () => p(f),
-              children: /* @__PURE__ */ t.jsx(Se, { className: "w-4 h-4" })
-            }
-          )
-        ]
-      },
-      f.id
-    )),
-    /* @__PURE__ */ t.jsxs("p", { className: "text-xs text-muted-foreground", children: [
-      l.length,
-      " ",
-      l.length === 1 ? "record" : "records"
-    ] })
-  ] }) : /* @__PURE__ */ t.jsxs("div", { className: z("space-y-3", s), children: [
-    /* @__PURE__ */ t.jsxs("div", { className: "space-y-2", children: [
-      l.map((f) => /* @__PURE__ */ t.jsxs(
-        "div",
-        {
-          className: "flex items-center justify-between gap-2 p-2 border rounded hover:bg-muted/50",
-          children: [
-            /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-2 flex-1", children: [
-              /* @__PURE__ */ t.jsx(M, { variant: "outline", children: f.id }),
-              /* @__PURE__ */ t.jsx("span", { className: "text-sm flex-1", children: f.label })
-            ] }),
-            /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-1", children: [
-              /* @__PURE__ */ t.jsx(
-                P,
-                {
-                  type: "button",
-                  variant: "ghost",
-                  size: "sm",
-                  onClick: () => p(f),
-                  children: /* @__PURE__ */ t.jsx(Se, { className: "w-4 h-4" })
-                }
-              ),
-              /* @__PURE__ */ t.jsx(
-                P,
-                {
-                  type: "button",
-                  variant: "ghost",
-                  size: "sm",
-                  onClick: () => m(f.id),
-                  disabled: i.disabled,
-                  children: /* @__PURE__ */ t.jsx(W, { className: "w-4 h-4" })
-                }
-              )
-            ] })
-          ]
-        },
-        f.id
-      )),
-      l.length === 0 && /* @__PURE__ */ t.jsx("div", { className: "text-sm text-muted-foreground text-center py-4 border border-dashed rounded bg-muted/20", children: "No related records" })
-    ] }),
-    /* @__PURE__ */ t.jsxs(
-      P,
-      {
-        type: "button",
-        variant: "outline",
-        className: "w-full",
-        onClick: c,
-        disabled: i.disabled,
-        children: [
-          /* @__PURE__ */ t.jsx(Vt, { className: "w-4 h-4 mr-2" }),
-          "Add ",
-          o?.label || "Record"
-        ]
-      }
-    )
-  ] });
-}
-const Cr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  MasterDetailField: bt
-}, Symbol.toStringTag, { value: "Module" }));
-function Pr(e, r = "USD") {
-  try {
-    return new Intl.NumberFormat("en-US", {
-      style: "currency",
-      currency: r
-    }).format(e);
-  } catch {
-    return `${r} ${e.toFixed(2)}`;
-  }
-}
-function Zr(e, r = "USD") {
-  try {
-    return new Intl.NumberFormat("en-US", {
-      style: "currency",
-      currency: r,
-      notation: "compact",
-      maximumFractionDigits: 1
-    }).format(e).replace(/\.0(?=[KMBT])/, "");
-  } catch {
-    return `${r} ${e}`;
-  }
-}
-function Tr(e, r = 0) {
-  return `${(e > -1 && e < 1 ? e * 100 : e).toFixed(r)}%`;
-}
-function ue(e) {
-  return e.replace(/[_-]/g, " ").replace(/\b\w/g, (r) => r.toUpperCase());
-}
-function Or(e) {
-  if (!e) return "-";
-  const r = typeof e == "string" ? new Date(e) : e;
-  if (isNaN(r.getTime())) return "-";
-  const n = /* @__PURE__ */ new Date(), a = new Date(n.getFullYear(), n.getMonth(), n.getDate()), i = new Date(r.getFullYear(), r.getMonth(), r.getDate()).getTime() - a.getTime(), l = Math.round(i / (1e3 * 60 * 60 * 24));
-  if (l === 0) return "Today";
-  if (l === 1) return "Tomorrow";
-  if (l === -1) return "Yesterday";
-  if (l < -1) {
-    const o = Math.abs(l);
-    return o <= 7 ? `Overdue ${o}d` : me(r);
-  }
-  return l > 1 && l <= 7 ? `In ${l} days` : me(r);
-}
-function me(e, r) {
-  if (!e) return "-";
-  const n = typeof e == "string" ? new Date(e) : e;
-  if (isNaN(n.getTime())) return "-";
-  if (r === "short") {
-    const a = n.toLocaleDateString("en-US", { month: "short" }), s = n.getDate(), i = String(n.getFullYear()).slice(-2);
-    return `${a} ${s}, '${i}`;
-  }
-  return r === "relative" ? Or(n) : n.toLocaleDateString(void 0, {
-    year: "numeric",
-    month: "short",
-    day: "numeric"
-  });
-}
-function Kr(e) {
-  if (!e) return "-";
-  const r = typeof e == "string" ? new Date(e) : e;
-  return isNaN(r.getTime()) ? "-" : r.toLocaleDateString(void 0, {
-    year: "numeric",
-    month: "short",
-    day: "numeric",
-    hour: "2-digit",
-    minute: "2-digit"
-  });
-}
-function D({ value: e }) {
-  return /* @__PURE__ */ t.jsx("span", { className: "truncate", children: e != null && e !== "" ? String(e) : "-" });
-}
-function Rr({ value: e, field: r }) {
-  if (e == null) return /* @__PURE__ */ t.jsx("span", { className: "text-muted-foreground", children: "-" });
-  const a = r.precision ?? 0, s = typeof e == "number" ? new Intl.NumberFormat("en-US", { minimumFractionDigits: a, maximumFractionDigits: a }).format(e) : e;
-  return /* @__PURE__ */ t.jsx("span", { className: "tabular-nums", children: s });
-}
-function kr({ value: e, field: r }) {
-  if (e == null) return /* @__PURE__ */ t.jsx("span", { className: "text-muted-foreground", children: "-" });
-  const a = r.currency || "USD", s = Pr(Number(e), a);
-  return /* @__PURE__ */ t.jsx("span", { className: "tabular-nums font-medium whitespace-nowrap", children: s });
-}
-const Ar = /progress|completion/;
-function $r({ value: e, field: r }) {
-  if (e == null) return /* @__PURE__ */ t.jsx("span", { className: "text-muted-foreground", children: "-" });
-  const a = r.precision ?? 0, s = Number(e), i = Ar.test(r?.name?.toLowerCase() || ""), l = i ? s : s > -1 && s < 1 ? s * 100 : s, o = i ? `${s.toFixed(a)}%` : Tr(s, a), c = Math.max(0, Math.min(100, l));
-  return /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-2", children: [
-    /* @__PURE__ */ t.jsx(
-      "div",
-      {
-        className: "h-1.5 w-16 rounded-full bg-muted overflow-hidden flex-shrink-0",
-        role: "progressbar",
-        "aria-valuenow": c,
-        "aria-valuemin": 0,
-        "aria-valuemax": 100,
-        children: /* @__PURE__ */ t.jsx(
-          "div",
-          {
-            className: "h-full rounded-full bg-primary transition-all",
-            style: { width: `${c}%` }
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ t.jsx("span", { className: "tabular-nums whitespace-nowrap", children: o })
-  ] });
-}
-const zr = /* @__PURE__ */ new Set([
-  "active",
-  "is_active",
-  "enabled",
-  "is_enabled",
-  "verified",
-  "is_verified"
+					role: "button",
+					tabIndex: 0,
+					onKeyDown: (e) => {
+						(e.key === "Enter" || e.key === " ") && (e.preventDefault(), o.current?.click());
+					},
+					children: [/* @__PURE__ */ (0, A.jsx)(me, { className: `size-8 ${p ? "text-primary" : "text-muted-foreground"}` }), /* @__PURE__ */ (0, A.jsxs)("div", {
+						className: "text-center",
+						children: [/* @__PURE__ */ (0, A.jsx)("p", {
+							className: "text-sm font-medium",
+							children: p ? "Drop files here" : "Drag & drop files here"
+						}), /* @__PURE__ */ (0, A.jsx)("p", {
+							className: "text-xs text-muted-foreground mt-1",
+							children: "or click to browse"
+						})]
+					})]
+				}),
+				g.length > 0 && /* @__PURE__ */ (0, A.jsx)("div", {
+					className: "space-y-0.5",
+					children: g.map((e, t) => /* @__PURE__ */ (0, A.jsx)("p", {
+						className: "text-xs text-destructive",
+						children: e
+					}, t))
+				}),
+				v.length > 0 && /* @__PURE__ */ (0, A.jsx)("div", {
+					className: "space-y-1",
+					children: v.map((e, t) => /* @__PURE__ */ (0, A.jsxs)("div", {
+						className: "flex items-center justify-between gap-2 p-2 bg-muted/50 rounded-md border",
+						children: [/* @__PURE__ */ (0, A.jsxs)("div", {
+							className: "flex items-center gap-2 flex-1 min-w-0",
+							children: [
+								C(e) && e.url ? /* @__PURE__ */ (0, A.jsx)("img", {
+									src: e.url,
+									alt: e.name,
+									className: "size-8 object-cover rounded flex-shrink-0"
+								}) : C(e) ? /* @__PURE__ */ (0, A.jsx)(le, { className: "size-4 text-muted-foreground flex-shrink-0" }) : /* @__PURE__ */ (0, A.jsx)(se, { className: "size-4 text-muted-foreground flex-shrink-0" }),
+								/* @__PURE__ */ (0, A.jsx)("span", {
+									className: "text-sm truncate",
+									children: e.name || e.original_name || "File"
+								}),
+								e.size && /* @__PURE__ */ (0, A.jsxs)("span", {
+									className: "text-xs text-muted-foreground",
+									children: [
+										"(",
+										(e.size / 1024).toFixed(1),
+										" KB)"
+									]
+								})
+							]
+						}), /* @__PURE__ */ (0, A.jsx)(h, {
+							type: "button",
+							variant: "ghost",
+							size: "sm",
+							onClick: (e) => {
+								e.stopPropagation(), S(t);
+							},
+							className: "h-6 w-6 p-0",
+							children: /* @__PURE__ */ (0, A.jsx)(k, { className: "size-3" })
+						})]
+					}, t))
+				})
+			]
+		})]
+	});
+}
+//#endregion
+//#region src/widgets/ImageField.tsx
+function Se({ value: e, onChange: t, field: n, readonly: r, ...i }) {
+	let a = c(null), o = n || i.schema, s = o?.multiple || !1, l = o?.accept ? o.accept.join(",") : "image/*";
+	if (r) return e ? /* @__PURE__ */ (0, A.jsx)("div", {
+		className: "flex flex-wrap gap-2",
+		children: (Array.isArray(e) ? e : [e]).map((e, t) => /* @__PURE__ */ (0, A.jsx)("img", {
+			src: e.url || "",
+			alt: e.name || `Image ${t + 1}`,
+			className: "size-20 rounded-md object-cover border border-gray-200"
+		}, t))
+	}) : /* @__PURE__ */ (0, A.jsx)("span", {
+		className: "text-sm",
+		children: "-"
+	});
+	let u = e ? Array.isArray(e) ? e : [e] : [], d = (e) => {
+		let n = Array.from(e.target.files || []);
+		if (n.length === 0) return;
+		let r = n.map((e) => ({
+			name: e.name,
+			original_name: e.name,
+			size: e.size,
+			mime_type: e.type,
+			url: URL.createObjectURL(e)
+		}));
+		t(s ? [...u, ...r] : r[0]);
+	}, f = (e) => {
+		if (s) {
+			let n = u.filter((t, n) => n !== e);
+			t(n.length > 0 ? n : null);
+		} else t(null);
+	};
+	return /* @__PURE__ */ (0, A.jsxs)("div", {
+		className: i.className,
+		children: [/* @__PURE__ */ (0, A.jsx)("input", {
+			ref: a,
+			type: "file",
+			multiple: s,
+			accept: l,
+			onChange: d,
+			className: "hidden"
+		}), /* @__PURE__ */ (0, A.jsxs)("div", {
+			className: "space-y-2",
+			children: [u.length > 0 && /* @__PURE__ */ (0, A.jsx)("div", {
+				className: "grid grid-cols-4 gap-2",
+				children: u.map((e, t) => /* @__PURE__ */ (0, A.jsxs)("div", {
+					className: "relative group",
+					children: [/* @__PURE__ */ (0, A.jsx)("img", {
+						src: e.url || "",
+						alt: e.name || `Image ${t + 1}`,
+						className: "size-20 rounded-md object-cover border border-gray-200"
+					}), /* @__PURE__ */ (0, A.jsx)(h, {
+						type: "button",
+						variant: "destructive",
+						size: "sm",
+						onClick: () => f(t),
+						className: "absolute top-1 right-1 h-6 w-6 p-0 opacity-0 group-hover:opacity-100 transition-opacity",
+						children: /* @__PURE__ */ (0, A.jsx)(k, { className: "size-3" })
+					})]
+				}, t))
+			}), /* @__PURE__ */ (0, A.jsxs)(h, {
+				type: "button",
+				variant: "outline",
+				onClick: () => a.current?.click(),
+				className: "w-full",
+				children: [/* @__PURE__ */ (0, A.jsx)(ce, { className: "size-4 mr-2" }), u.length > 0 ? "Add More Images" : "Upload Image"]
+			})]
+		})]
+	});
+}
+//#endregion
+//#region src/widgets/LocationField.tsx
+function Ce({ value: e, onChange: t, field: n, readonly: r, ...i }) {
+	let a = n || i.schema, o = e && typeof e == "object" ? `${e.latitude || 0}, ${e.longitude || 0}` : "";
+	return r ? /* @__PURE__ */ (0, A.jsx)("span", {
+		className: "text-sm",
+		children: o || "-"
+	}) : /* @__PURE__ */ (0, A.jsx)(_, {
+		type: "text",
+		value: o,
+		onChange: (e) => {
+			let n = e.target.value;
+			if (!n.trim()) {
+				t(null);
+				return;
+			}
+			let r = n.split(",").map((e) => e.trim());
+			if (r.length === 2) {
+				let e = parseFloat(r[0]), n = parseFloat(r[1]);
+				!isNaN(e) && !isNaN(n) && t({
+					latitude: e,
+					longitude: n
+				});
+			}
+		},
+		placeholder: a?.placeholder || "latitude, longitude",
+		disabled: r || i.disabled,
+		className: i.className
+	});
+}
+//#endregion
+//#region src/widgets/FormulaField.tsx
+function we({ value: e, field: t, ...n }) {
+	let r = (t || n.schema)?.return_type || "text", i = "-";
+	return e != null && (i = r === "number" || r === "currency" ? typeof e == "number" ? e.toFixed(2) : String(e) : r === "boolean" ? e ? "Yes" : "No" : r === "date" ? new Date(e).toLocaleDateString() : String(e)), /* @__PURE__ */ (0, A.jsx)("span", {
+		className: `text-sm font-mono text-gray-700 ${n.className || ""}`,
+		children: i
+	});
+}
+//#endregion
+//#region src/widgets/SummaryField.tsx
+function Te({ value: e, field: t, ...n }) {
+	let r = (t || n.schema)?.summary_type || "count", i = "-";
+	return e != null && (i = r === "count" ? String(e) : [
+		"sum",
+		"avg",
+		"min",
+		"max"
+	].includes(r) && typeof e == "number" ? e.toFixed(2) : String(e)), /* @__PURE__ */ (0, A.jsx)("span", {
+		className: `text-sm font-medium tabular-nums text-gray-700 ${n.className || ""}`,
+		children: i
+	});
+}
+//#endregion
+//#region src/widgets/AutoNumberField.tsx
+function Ee({ value: e, field: t, ...n }) {
+	let r = e == null ? "-" : String(e);
+	return /* @__PURE__ */ (0, A.jsx)("span", {
+		className: `text-sm font-mono text-gray-700 ${n.className || ""}`,
+		children: r
+	});
+}
+//#endregion
+//#region src/widgets/UserField.tsx
+function V({ value: e, onChange: t, field: n, readonly: r, ...i }) {
+	let a = (n || i.schema)?.multiple || !1;
+	if (r) {
+		if (!e) return /* @__PURE__ */ (0, A.jsx)("span", {
+			className: "text-sm",
+			children: "-"
+		});
+		let t = Array.isArray(e) ? e : [e];
+		return /* @__PURE__ */ (0, A.jsxs)("div", {
+			className: "flex -space-x-2",
+			children: [t.slice(0, 3).map((e, t) => {
+				let n = e.name || e.username || "User";
+				return /* @__PURE__ */ (0, A.jsx)(d, {
+					className: "size-8 border-2 border-white",
+					title: n,
+					children: /* @__PURE__ */ (0, A.jsx)(f, {
+						className: "bg-blue-500 text-white text-xs",
+						children: n.split(" ").map((e) => e[0]).join("").toUpperCase().slice(0, 2)
+					})
+				}, t);
+			}), t.length > 3 && /* @__PURE__ */ (0, A.jsx)(d, {
+				className: "size-8 border-2 border-white",
+				children: /* @__PURE__ */ (0, A.jsxs)(f, {
+					className: "bg-gray-200 text-gray-600 text-xs",
+					children: ["+", t.length - 3]
+				})
+			})]
+		});
+	}
+	let o = e ? Array.isArray(e) ? e : [e] : [], s = (e) => {
+		if (a) {
+			let n = o.filter((t, n) => n !== e);
+			t(n.length > 0 ? n : null);
+		} else t(null);
+	};
+	return /* @__PURE__ */ (0, A.jsxs)("div", {
+		className: i.className,
+		children: [o.length > 0 && /* @__PURE__ */ (0, A.jsx)("div", {
+			className: "flex flex-wrap gap-2 mb-2",
+			children: o.map((e, t) => {
+				let n = e.name || e.username || "User";
+				return /* @__PURE__ */ (0, A.jsxs)(m, {
+					variant: "outline",
+					className: "gap-2 pr-1",
+					children: [
+						/* @__PURE__ */ (0, A.jsx)(d, {
+							className: "size-5",
+							children: /* @__PURE__ */ (0, A.jsx)(f, {
+								className: "bg-blue-500 text-white text-xs",
+								children: n.split(" ").map((e) => e[0]).join("").toUpperCase().slice(0, 2)
+							})
+						}),
+						/* @__PURE__ */ (0, A.jsx)("span", {
+							className: "text-sm",
+							children: n
+						}),
+						/* @__PURE__ */ (0, A.jsx)("button", {
+							type: "button",
+							onClick: () => s(t),
+							className: "ml-1 rounded-full hover:bg-gray-200 p-0.5",
+							children: /* @__PURE__ */ (0, A.jsx)(k, { className: "size-3" })
+						})
+					]
+				}, t);
+			})
+		}), /* @__PURE__ */ (0, A.jsx)("div", {
+			className: "text-sm text-gray-500 italic",
+			children: "User selection component requires integration with user management system"
+		})]
+	});
+}
+//#endregion
+//#region src/widgets/ObjectField.tsx
+function De({ value: e, onChange: t, field: n, readonly: r, ...i }) {
+	let a = n || i.schema, [s, c] = l(() => e == null ? "" : JSON.stringify(e, null, 2)), [u, d] = l(null);
+	return o(() => {
+		try {
+			if (e == null) {
+				c("");
+				return;
+			}
+			let t = s ? JSON.parse(s) : null;
+			JSON.stringify(t) !== JSON.stringify(e) && c(JSON.stringify(e, null, 2));
+		} catch {
+			c(JSON.stringify(e, null, 2));
+		}
+	}, [e, s]), r ? e ? /* @__PURE__ */ (0, A.jsx)("pre", {
+		className: T("text-xs bg-gray-50 p-2 rounded border border-gray-200 overflow-auto max-h-40", i.className),
+		children: JSON.stringify(e, null, 2)
+	}) : /* @__PURE__ */ (0, A.jsx)("span", {
+		className: "text-sm",
+		children: "-"
+	}) : /* @__PURE__ */ (0, A.jsxs)("div", {
+		className: "space-y-1",
+		children: [/* @__PURE__ */ (0, A.jsx)(w, {
+			value: s,
+			onChange: (e) => {
+				let n = e.target.value;
+				if (c(n), d(null), !n.trim()) {
+					t(null);
+					return;
+				}
+				try {
+					t(JSON.parse(n));
+				} catch {
+					d("Invalid JSON");
+				}
+			},
+			placeholder: a?.placeholder || "{\n  \"key\": \"value\"\n}",
+			disabled: r || i.disabled,
+			className: T("font-mono text-xs", u ? "border-red-500 focus-visible:ring-red-500" : "", i.className),
+			rows: 6
+		}), u && /* @__PURE__ */ (0, A.jsx)("p", {
+			className: "text-xs text-red-500",
+			children: u
+		})]
+	});
+}
+//#endregion
+//#region src/widgets/VectorField.tsx
+function Oe({ value: e, field: t, ...n }) {
+	let r = (t || n.schema)?.dimensions || (Array.isArray(e) ? e.length : 0);
+	if (!e || !Array.isArray(e)) return /* @__PURE__ */ (0, A.jsx)("span", {
+		className: "text-sm text-gray-500",
+		children: "-"
+	});
+	let i = e.slice(0, 3).map((e) => {
+		let t = Number(e);
+		return isNaN(t) ? "0" : t.toFixed(4);
+	}).join(", ");
+	return /* @__PURE__ */ (0, A.jsxs)("div", {
+		className: `text-sm ${n.className || ""}`,
+		children: [/* @__PURE__ */ (0, A.jsxs)("span", {
+			className: "font-mono text-gray-700",
+			children: [
+				"[",
+				i,
+				"...]"
+			]
+		}), /* @__PURE__ */ (0, A.jsxs)("span", {
+			className: "text-gray-500 ml-2",
+			children: [
+				"(",
+				r,
+				"D)"
+			]
+		})]
+	});
+}
+//#endregion
+//#region src/widgets/GridField.tsx
+function ke({ value: e, field: t, readonly: n, ...r }) {
+	let i = (t || r.schema)?.columns || [];
+	return !e || !Array.isArray(e) ? /* @__PURE__ */ (0, A.jsx)("span", {
+		className: "text-sm text-muted-foreground",
+		children: "-"
+	}) : n ? /* @__PURE__ */ (0, A.jsx)("div", {
+		className: T("text-sm", r.className),
+		children: /* @__PURE__ */ (0, A.jsxs)("span", {
+			className: "text-foreground",
+			children: [e.length, " rows"]
+		})
+	}) : /* @__PURE__ */ (0, A.jsxs)("div", {
+		className: T("border border-border rounded-lg overflow-hidden", r.className),
+		children: [/* @__PURE__ */ (0, A.jsx)("div", {
+			className: "overflow-auto max-h-60",
+			children: /* @__PURE__ */ (0, A.jsxs)("table", {
+				className: "w-full text-sm",
+				children: [/* @__PURE__ */ (0, A.jsx)("thead", {
+					className: "bg-muted border-b border-border",
+					children: /* @__PURE__ */ (0, A.jsx)("tr", { children: i.map((e, t) => /* @__PURE__ */ (0, A.jsx)("th", {
+						className: "px-3 py-2 text-left text-xs font-medium text-muted-foreground",
+						children: e.label || e.name
+					}, t)) })
+				}), /* @__PURE__ */ (0, A.jsx)("tbody", {
+					className: "divide-y divide-border",
+					children: e.slice(0, 5).map((e, t) => /* @__PURE__ */ (0, A.jsx)("tr", {
+						className: "hover:bg-muted/50 transition-colors",
+						children: i.map((t, n) => /* @__PURE__ */ (0, A.jsx)("td", {
+							className: "px-3 py-2 text-foreground",
+							children: e[t.name] == null ? "-" : String(e[t.name])
+						}, n))
+					}, t))
+				})]
+			})
+		}), e.length > 5 && /* @__PURE__ */ (0, A.jsxs)("div", {
+			className: "bg-muted px-3 py-2 text-xs text-muted-foreground border-t border-border",
+			children: [
+				"Showing 5 of ",
+				e.length,
+				" rows"
+			]
+		})]
+	});
+}
+//#endregion
+//#region src/widgets/ColorField.tsx
+function Ae({ value: e, onChange: t, field: n, readonly: r, ...i }) {
+	let a = n || i.schema;
+	return r ? /* @__PURE__ */ (0, A.jsxs)("div", {
+		className: "flex items-center gap-2",
+		children: [/* @__PURE__ */ (0, A.jsx)("div", {
+			className: "w-6 h-6 rounded border border-input",
+			style: { backgroundColor: e || "#000000" }
+		}), /* @__PURE__ */ (0, A.jsx)("span", {
+			className: "text-sm",
+			children: e || "-"
+		})]
+	}) : /* @__PURE__ */ (0, A.jsxs)("div", {
+		className: "flex items-center gap-2",
+		children: [/* @__PURE__ */ (0, A.jsx)("input", {
+			type: "color",
+			value: e || "#000000",
+			onChange: (e) => t(e.target.value),
+			disabled: r || i.disabled,
+			className: "w-10 h-10 rounded border border-input cursor-pointer"
+		}), /* @__PURE__ */ (0, A.jsx)(_, {
+			type: "text",
+			value: e || "",
+			onChange: (e) => t(e.target.value),
+			placeholder: a?.placeholder || "#000000",
+			disabled: r || i.disabled,
+			className: i.className,
+			pattern: "^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$"
+		})]
+	});
+}
+//#endregion
+//#region src/widgets/SliderField.tsx
+function je({ value: e, onChange: t, field: n, readonly: r, ...i }) {
+	let a = n || i.schema, o = a?.min ?? 0, s = a?.max ?? 100, c = a?.step ?? 1;
+	return r ? /* @__PURE__ */ (0, A.jsxs)("div", {
+		className: "flex items-center gap-2",
+		children: [/* @__PURE__ */ (0, A.jsx)("span", {
+			className: "text-sm font-medium",
+			children: e ?? o
+		}), /* @__PURE__ */ (0, A.jsxs)("span", {
+			className: "text-xs text-muted-foreground",
+			children: ["/ ", s]
+		})]
+	}) : /* @__PURE__ */ (0, A.jsxs)("div", {
+		className: "flex items-center gap-4",
+		children: [/* @__PURE__ */ (0, A.jsx)(S, {
+			value: [e ?? o],
+			onValueChange: (e) => t(e[0]),
+			min: o,
+			max: s,
+			step: c,
+			disabled: r || i.disabled,
+			className: i.className
+		}), /* @__PURE__ */ (0, A.jsx)("span", {
+			className: "text-sm font-medium w-12 text-right",
+			children: e ?? o
+		})]
+	});
+}
+//#endregion
+//#region src/widgets/RatingField.tsx
+function Me({ value: e, onChange: t, field: n, readonly: r, className: a, ...o }) {
+	let s = (n || o.schema)?.max ?? 5, c = e ?? 0, [l, u] = i.useState(null), d = l === null ? c : l;
+	return r ? /* @__PURE__ */ (0, A.jsxs)("div", {
+		className: T("flex items-center gap-1", a),
+		children: [Array.from({ length: s }, (e, t) => /* @__PURE__ */ (0, A.jsx)(pe, { className: `w-5 h-5 ${t < c ? "fill-yellow-400 text-yellow-400" : "text-muted-foreground"}` }, t)), /* @__PURE__ */ (0, A.jsxs)("span", {
+			className: "ml-2 text-sm text-muted-foreground",
+			children: [
+				c,
+				" / ",
+				s
+			]
+		})]
+	}) : /* @__PURE__ */ (0, A.jsxs)("div", {
+		className: T("flex items-center gap-1", a),
+		children: [Array.from({ length: s }, (e, n) => /* @__PURE__ */ (0, A.jsx)("button", {
+			type: "button",
+			onClick: () => t(n + 1),
+			onMouseEnter: () => u(n + 1),
+			onMouseLeave: () => u(null),
+			className: "focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 rounded",
+			disabled: r || o.disabled,
+			children: /* @__PURE__ */ (0, A.jsx)(pe, { className: `w-5 h-5 transition-colors ${n < d ? "fill-yellow-400 text-yellow-400 hover:fill-yellow-500 hover:text-yellow-500" : "text-muted-foreground hover:text-yellow-400"}` })
+		}, n)), /* @__PURE__ */ (0, A.jsxs)("span", {
+			className: "ml-2 text-sm text-muted-foreground",
+			children: [
+				c,
+				" / ",
+				s
+			]
+		})]
+	});
+}
+//#endregion
+//#region src/widgets/CodeField.tsx
+function Ne({ value: e, onChange: t, field: n, readonly: r, ...i }) {
+	let a = n || i.schema, o = a?.language ?? "javascript";
+	return r ? /* @__PURE__ */ (0, A.jsx)("pre", {
+		className: T("text-sm bg-muted p-2 rounded overflow-x-auto border", i.className),
+		children: /* @__PURE__ */ (0, A.jsx)("code", { children: e || "-" })
+	}) : /* @__PURE__ */ (0, A.jsx)(w, {
+		value: e || "",
+		onChange: (e) => t(e.target.value),
+		placeholder: a?.placeholder || `// Write ${o} code here...`,
+		disabled: r || i.disabled,
+		className: T("font-mono text-sm", i.className),
+		rows: 12,
+		spellCheck: !1
+	});
+}
+//#endregion
+//#region src/widgets/AvatarField.tsx
+function Pe({ value: e, onChange: t, field: n, readonly: r, ...a }) {
+	let [o, s] = i.useState(!1), c = i.useRef(null), l = n || a.schema, u = (e) => {
+		let n = e.target.files?.[0];
+		if (!n) return;
+		if (!n.type.startsWith("image/")) {
+			console.error("Please select an image file");
+			return;
+		}
+		if (n.size > 5 * 1024 * 1024) {
+			console.error("File size must be less than 5MB");
+			return;
+		}
+		let r = new FileReader();
+		r.onloadend = () => {
+			t(r.result);
+		}, r.readAsDataURL(n);
+	}, m = () => {
+		t("");
+	}, g = () => (l?.defaultName || l?.label || "User").split(" ").map((e) => e[0]).join("").toUpperCase().slice(0, 2);
+	return r ? /* @__PURE__ */ (0, A.jsxs)(d, {
+		className: "w-16 h-16",
+		children: [e && /* @__PURE__ */ (0, A.jsx)(p, {
+			src: e,
+			alt: l?.label
+		}), /* @__PURE__ */ (0, A.jsx)(f, { children: g() })]
+	}) : /* @__PURE__ */ (0, A.jsxs)("div", {
+		className: "flex items-center gap-4",
+		children: [/* @__PURE__ */ (0, A.jsxs)("div", {
+			className: "relative",
+			onMouseEnter: () => s(!0),
+			onMouseLeave: () => s(!1),
+			children: [/* @__PURE__ */ (0, A.jsxs)(d, {
+				className: "w-16 h-16",
+				children: [e && /* @__PURE__ */ (0, A.jsx)(p, {
+					src: e,
+					alt: l?.label
+				}), /* @__PURE__ */ (0, A.jsx)(f, { children: g() })]
+			}), !r && o && e && /* @__PURE__ */ (0, A.jsx)("button", {
+				type: "button",
+				onClick: m,
+				className: "absolute -top-1 -right-1 bg-destructive text-destructive-foreground rounded-full p-1 hover:bg-destructive/90",
+				children: /* @__PURE__ */ (0, A.jsx)(k, { className: "w-3 h-3" })
+			})]
+		}), /* @__PURE__ */ (0, A.jsxs)("div", {
+			className: "flex flex-col gap-2",
+			children: [
+				/* @__PURE__ */ (0, A.jsx)("input", {
+					ref: c,
+					type: "file",
+					accept: "image/*",
+					onChange: u,
+					className: "hidden"
+				}),
+				/* @__PURE__ */ (0, A.jsxs)(h, {
+					type: "button",
+					variant: "outline",
+					size: "sm",
+					onClick: () => c.current?.click(),
+					disabled: r || a.disabled,
+					children: [
+						/* @__PURE__ */ (0, A.jsx)(me, { className: "w-4 h-4 mr-2" }),
+						e ? "Change" : "Upload",
+						" Avatar"
+					]
+				}),
+				/* @__PURE__ */ (0, A.jsx)("p", {
+					className: "text-xs text-muted-foreground",
+					children: "PNG, JPG up to 5MB"
+				})
+			]
+		})]
+	});
+}
+//#endregion
+//#region src/widgets/AddressField.tsx
+function Fe({ value: e, onChange: t, field: n, readonly: r, ...i }) {
+	let a = e || {}, o = (e, n) => {
+		t({
+			...a,
+			[e]: n
+		});
+	};
+	return r ? /* @__PURE__ */ (0, A.jsx)("span", {
+		className: "text-sm",
+		children: ((e) => [
+			e.street,
+			e.city,
+			[e.state, e.zipCode].filter(Boolean).join(" "),
+			e.country
+		].filter(Boolean).join(", ") || "-")(a)
+	}) : /* @__PURE__ */ (0, A.jsxs)("div", {
+		className: "space-y-3",
+		children: [
+			/* @__PURE__ */ (0, A.jsxs)("div", { children: [/* @__PURE__ */ (0, A.jsx)(v, {
+				htmlFor: "street",
+				className: "text-xs",
+				children: "Street Address"
+			}), /* @__PURE__ */ (0, A.jsx)(_, {
+				id: "street",
+				type: "text",
+				value: a.street || "",
+				onChange: (e) => o("street", e.target.value),
+				placeholder: "123 Main St",
+				disabled: r || i.disabled,
+				className: i.className
+			})] }),
+			/* @__PURE__ */ (0, A.jsxs)("div", {
+				className: "grid grid-cols-2 gap-3",
+				children: [/* @__PURE__ */ (0, A.jsxs)("div", { children: [/* @__PURE__ */ (0, A.jsx)(v, {
+					htmlFor: "city",
+					className: "text-xs",
+					children: "City"
+				}), /* @__PURE__ */ (0, A.jsx)(_, {
+					id: "city",
+					type: "text",
+					value: a.city || "",
+					onChange: (e) => o("city", e.target.value),
+					placeholder: "San Francisco",
+					disabled: r || i.disabled
+				})] }), /* @__PURE__ */ (0, A.jsxs)("div", { children: [/* @__PURE__ */ (0, A.jsx)(v, {
+					htmlFor: "state",
+					className: "text-xs",
+					children: "State / Province"
+				}), /* @__PURE__ */ (0, A.jsx)(_, {
+					id: "state",
+					type: "text",
+					value: a.state || "",
+					onChange: (e) => o("state", e.target.value),
+					placeholder: "CA",
+					disabled: r || i.disabled
+				})] })]
+			}),
+			/* @__PURE__ */ (0, A.jsxs)("div", {
+				className: "grid grid-cols-2 gap-3",
+				children: [/* @__PURE__ */ (0, A.jsxs)("div", { children: [/* @__PURE__ */ (0, A.jsx)(v, {
+					htmlFor: "zipCode",
+					className: "text-xs",
+					children: "ZIP / Postal Code"
+				}), /* @__PURE__ */ (0, A.jsx)(_, {
+					id: "zipCode",
+					type: "text",
+					value: a.zipCode || "",
+					onChange: (e) => o("zipCode", e.target.value),
+					placeholder: "94102",
+					disabled: r || i.disabled
+				})] }), /* @__PURE__ */ (0, A.jsxs)("div", { children: [/* @__PURE__ */ (0, A.jsx)(v, {
+					htmlFor: "country",
+					className: "text-xs",
+					children: "Country"
+				}), /* @__PURE__ */ (0, A.jsx)(_, {
+					id: "country",
+					type: "text",
+					value: a.country || "",
+					onChange: (e) => o("country", e.target.value),
+					placeholder: "United States",
+					disabled: r || i.disabled
+				})] })]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/widgets/GeolocationField.tsx
+function Ie({ value: e, onChange: t, field: n, readonly: r, ...a }) {
+	let [o, s] = i.useState(!1), c = e || {}, l = (e, n) => {
+		t({
+			...c,
+			[e]: n ? Number(n) : void 0
+		});
+	}, u = () => {
+		if (!navigator.geolocation) {
+			console.error("Geolocation is not supported by this browser");
+			return;
+		}
+		s(!0), navigator.geolocation.getCurrentPosition((e) => {
+			t({
+				latitude: e.coords.latitude,
+				longitude: e.coords.longitude,
+				accuracy: e.coords.accuracy
+			}), s(!1);
+		}, (e) => {
+			console.error("Error getting location:", e.message), s(!1);
+		}, {
+			enableHighAccuracy: !0,
+			timeout: 5e3,
+			maximumAge: 0
+		});
+	}, d = (e) => !e.latitude || !e.longitude ? "-" : `${e.latitude.toFixed(6)}, ${e.longitude.toFixed(6)}`, f = () => {
+		if (!c.latitude || !c.longitude) return;
+		let e = `https://www.google.com/maps?q=${c.latitude},${c.longitude}`;
+		window.open(e, "_blank");
+	};
+	return r ? /* @__PURE__ */ (0, A.jsxs)("div", {
+		className: "flex items-center gap-2",
+		children: [
+			/* @__PURE__ */ (0, A.jsx)(O, { className: "w-4 h-4 text-muted-foreground" }),
+			/* @__PURE__ */ (0, A.jsx)("span", {
+				className: "text-sm",
+				children: d(c)
+			}),
+			c.latitude && c.longitude && /* @__PURE__ */ (0, A.jsx)(h, {
+				type: "button",
+				variant: "link",
+				size: "sm",
+				onClick: f,
+				className: "p-0 h-auto",
+				children: "View on map"
+			})
+		]
+	}) : /* @__PURE__ */ (0, A.jsxs)("div", {
+		className: "space-y-3",
+		children: [
+			/* @__PURE__ */ (0, A.jsxs)("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ (0, A.jsxs)(h, {
+					type: "button",
+					variant: "outline",
+					size: "sm",
+					onClick: u,
+					disabled: r || o,
+					children: [/* @__PURE__ */ (0, A.jsx)(ne, { className: "w-4 h-4 mr-2" }), o ? "Getting location..." : "Use Current Location"]
+				}), c.latitude && c.longitude && /* @__PURE__ */ (0, A.jsxs)(h, {
+					type: "button",
+					variant: "link",
+					size: "sm",
+					onClick: f,
+					children: [/* @__PURE__ */ (0, A.jsx)(O, { className: "w-4 h-4 mr-2" }), "View on map"]
+				})]
+			}),
+			/* @__PURE__ */ (0, A.jsxs)("div", {
+				className: "grid grid-cols-2 gap-3",
+				children: [/* @__PURE__ */ (0, A.jsxs)("div", { children: [/* @__PURE__ */ (0, A.jsx)(v, {
+					htmlFor: "latitude",
+					className: "text-xs",
+					children: "Latitude"
+				}), /* @__PURE__ */ (0, A.jsx)(_, {
+					id: "latitude",
+					type: "number",
+					value: c.latitude ?? "",
+					onChange: (e) => l("latitude", e.target.value),
+					placeholder: "37.7749",
+					disabled: r || a.disabled,
+					step: "any",
+					className: a.className
+				})] }), /* @__PURE__ */ (0, A.jsxs)("div", { children: [/* @__PURE__ */ (0, A.jsx)(v, {
+					htmlFor: "longitude",
+					className: "text-xs",
+					children: "Longitude"
+				}), /* @__PURE__ */ (0, A.jsx)(_, {
+					id: "longitude",
+					type: "number",
+					value: c.longitude ?? "",
+					onChange: (e) => l("longitude", e.target.value),
+					placeholder: "-122.4194",
+					disabled: r || a.disabled,
+					step: "any"
+				})] })]
+			}),
+			c.accuracy && /* @__PURE__ */ (0, A.jsxs)("p", {
+				className: "text-xs text-muted-foreground",
+				children: [
+					"Accuracy: ±",
+					c.accuracy.toFixed(0),
+					"m"
+				]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/widgets/SignatureField.tsx
+function Le({ value: e, onChange: t, readonly: n }) {
+	let r = c(null), [a, s] = i.useState(!1), [l, u] = i.useState(!e);
+	o(() => {
+		if (e && r.current) {
+			let t = r.current.getContext("2d");
+			if (t) {
+				let n = new Image();
+				n.onload = () => {
+					t.drawImage(n, 0, 0), u(!1);
+				}, n.src = e;
+			}
+		}
+	}, [e]);
+	let d = (e) => {
+		if (n) return;
+		s(!0), u(!1);
+		let t = r.current;
+		if (!t) return;
+		let i = t.getContext("2d");
+		if (!i) return;
+		let a = t.getBoundingClientRect(), o = "touches" in e ? e.touches[0].clientX - a.left : e.clientX - a.left, c = "touches" in e ? e.touches[0].clientY - a.top : e.clientY - a.top;
+		i.beginPath(), i.moveTo(o, c);
+	}, f = (e) => {
+		if (!a || n) return;
+		let t = r.current;
+		if (!t) return;
+		let i = t.getContext("2d");
+		if (!i) return;
+		let o = t.getBoundingClientRect(), s = "touches" in e ? e.touches[0].clientX - o.left : e.clientX - o.left, c = "touches" in e ? e.touches[0].clientY - o.top : e.clientY - o.top;
+		i.lineTo(s, c), i.strokeStyle = "#000", i.lineWidth = 2, i.lineCap = "round", i.lineJoin = "round", i.stroke();
+	}, p = () => {
+		if (!a) return;
+		s(!1);
+		let e = r.current;
+		e && t(e.toDataURL("image/png"));
+	};
+	return n && e ? /* @__PURE__ */ (0, A.jsx)("div", {
+		className: "border rounded p-2 bg-white",
+		children: /* @__PURE__ */ (0, A.jsx)("img", {
+			src: e,
+			alt: "Signature",
+			loading: "lazy",
+			className: "max-w-full h-auto"
+		})
+	}) : n && !e ? /* @__PURE__ */ (0, A.jsx)("span", {
+		className: "text-sm text-muted-foreground",
+		children: "No signature"
+	}) : /* @__PURE__ */ (0, A.jsxs)("div", {
+		className: "space-y-2",
+		children: [/* @__PURE__ */ (0, A.jsx)("div", {
+			className: "border rounded bg-white",
+			children: /* @__PURE__ */ (0, A.jsx)("canvas", {
+				ref: r,
+				width: 400,
+				height: 200,
+				className: "w-full touch-none cursor-crosshair",
+				onMouseDown: d,
+				onMouseMove: f,
+				onMouseUp: p,
+				onMouseLeave: p,
+				onTouchStart: d,
+				onTouchMove: f,
+				onTouchEnd: p
+			})
+		}), /* @__PURE__ */ (0, A.jsxs)("div", {
+			className: "flex justify-between items-center",
+			children: [/* @__PURE__ */ (0, A.jsx)("p", {
+				className: "text-xs text-muted-foreground",
+				children: l ? "Sign above" : "Signature captured"
+			}), /* @__PURE__ */ (0, A.jsxs)(h, {
+				type: "button",
+				variant: "outline",
+				size: "sm",
+				onClick: () => {
+					let e = r.current;
+					if (!e) return;
+					let n = e.getContext("2d");
+					n && (n.clearRect(0, 0, e.width, e.height), u(!0), t(""));
+				},
+				disabled: n || l,
+				children: [/* @__PURE__ */ (0, A.jsx)(re, { className: "w-4 h-4 mr-2" }), "Clear"]
+			})]
+		})]
+	});
+}
+//#endregion
+//#region src/widgets/QRCodeField.tsx
+function Re({ value: e, onChange: t, field: n, readonly: r, ...a }) {
+	let [o, s] = i.useState(!1), c = n || a.schema;
+	return r ? /* @__PURE__ */ (0, A.jsxs)("div", {
+		className: "flex items-center gap-3",
+		children: [/* @__PURE__ */ (0, A.jsx)("span", {
+			className: "text-sm flex-1 truncate",
+			children: e || "-"
+		}), e && /* @__PURE__ */ (0, A.jsxs)(h, {
+			type: "button",
+			variant: "outline",
+			size: "sm",
+			onClick: () => s(!o),
+			children: [
+				/* @__PURE__ */ (0, A.jsx)(fe, { className: "w-4 h-4 mr-2" }),
+				o ? "Hide" : "Show",
+				" QR"
+			]
+		})]
+	}) : /* @__PURE__ */ (0, A.jsxs)("div", {
+		className: "space-y-3",
+		children: [
+			/* @__PURE__ */ (0, A.jsxs)("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ (0, A.jsx)(_, {
+					type: "text",
+					value: e || "",
+					onChange: (e) => t(e.target.value),
+					placeholder: c?.placeholder || "Enter text for QR code",
+					disabled: r || a.disabled,
+					className: a.className
+				}), e && /* @__PURE__ */ (0, A.jsxs)(A.Fragment, { children: [/* @__PURE__ */ (0, A.jsx)(h, {
+					type: "button",
+					variant: "outline",
+					size: "sm",
+					onClick: () => {
+						e && navigator.clipboard.writeText(e);
+					},
+					children: /* @__PURE__ */ (0, A.jsx)(D, { className: "w-4 h-4" })
+				}), /* @__PURE__ */ (0, A.jsx)(h, {
+					type: "button",
+					variant: "outline",
+					size: "sm",
+					onClick: () => s(!o),
+					children: /* @__PURE__ */ (0, A.jsx)(fe, { className: "w-4 h-4" })
+				})] })]
+			}),
+			o && e && /* @__PURE__ */ (0, A.jsx)("div", {
+				className: "border rounded p-4 bg-white flex justify-center",
+				children: /* @__PURE__ */ (0, A.jsx)("img", {
+					src: ((e) => `https://api.qrserver.com/v1/create-qr-code/?size=200x200&data=${encodeURIComponent(e)}`)(e),
+					alt: "QR Code",
+					className: "w-48 h-48"
+				})
+			}),
+			e && /* @__PURE__ */ (0, A.jsxs)("p", {
+				className: "text-xs text-muted-foreground",
+				children: [
+					"QR code contains: ",
+					e.length,
+					" characters"
+				]
+			})
+		]
+	});
+}
+//#endregion
+//#region src/widgets/MasterDetailField.tsx
+function ze({ value: e, onChange: t, field: n, readonly: r, className: i, ...a }) {
+	let o = e || [], s = n || a.schema, c = () => {
+		let e = {
+			id: `new-${Date.now()}`,
+			label: "New Related Record"
+		};
+		t([...o, e]);
+	}, l = (e) => {
+		t(o.filter((t) => t.id !== e));
+	}, u = (e) => {
+		console.log("View detail:", e);
+	};
+	return r ? /* @__PURE__ */ (0, A.jsxs)("div", {
+		className: T("space-y-2", i),
+		children: [o.length === 0 ? /* @__PURE__ */ (0, A.jsx)("span", {
+			className: "text-sm text-muted-foreground",
+			children: "No related records"
+		}) : o.map((e) => /* @__PURE__ */ (0, A.jsxs)("div", {
+			className: "flex items-center justify-between p-2 border rounded hover:bg-muted/50",
+			children: [/* @__PURE__ */ (0, A.jsx)("span", {
+				className: "text-sm",
+				children: e.label
+			}), /* @__PURE__ */ (0, A.jsx)(h, {
+				type: "button",
+				variant: "ghost",
+				size: "sm",
+				onClick: () => u(e),
+				children: /* @__PURE__ */ (0, A.jsx)(ie, { className: "w-4 h-4" })
+			})]
+		}, e.id)), /* @__PURE__ */ (0, A.jsxs)("p", {
+			className: "text-xs text-muted-foreground",
+			children: [
+				o.length,
+				" ",
+				o.length === 1 ? "record" : "records"
+			]
+		})]
+	}) : /* @__PURE__ */ (0, A.jsxs)("div", {
+		className: T("space-y-3", i),
+		children: [/* @__PURE__ */ (0, A.jsxs)("div", {
+			className: "space-y-2",
+			children: [o.map((e) => /* @__PURE__ */ (0, A.jsxs)("div", {
+				className: "flex items-center justify-between gap-2 p-2 border rounded hover:bg-muted/50",
+				children: [/* @__PURE__ */ (0, A.jsxs)("div", {
+					className: "flex items-center gap-2 flex-1",
+					children: [/* @__PURE__ */ (0, A.jsx)(m, {
+						variant: "outline",
+						children: e.id
+					}), /* @__PURE__ */ (0, A.jsx)("span", {
+						className: "text-sm flex-1",
+						children: e.label
+					})]
+				}), /* @__PURE__ */ (0, A.jsxs)("div", {
+					className: "flex items-center gap-1",
+					children: [/* @__PURE__ */ (0, A.jsx)(h, {
+						type: "button",
+						variant: "ghost",
+						size: "sm",
+						onClick: () => u(e),
+						children: /* @__PURE__ */ (0, A.jsx)(ie, { className: "w-4 h-4" })
+					}), /* @__PURE__ */ (0, A.jsx)(h, {
+						type: "button",
+						variant: "ghost",
+						size: "sm",
+						onClick: () => l(e.id),
+						disabled: a.disabled,
+						children: /* @__PURE__ */ (0, A.jsx)(k, { className: "w-4 h-4" })
+					})]
+				})]
+			}, e.id)), o.length === 0 && /* @__PURE__ */ (0, A.jsx)("div", {
+				className: "text-sm text-muted-foreground text-center py-4 border border-dashed rounded bg-muted/20",
+				children: "No related records"
+			})]
+		}), /* @__PURE__ */ (0, A.jsxs)(h, {
+			type: "button",
+			variant: "outline",
+			className: "w-full",
+			onClick: c,
+			disabled: a.disabled,
+			children: [
+				/* @__PURE__ */ (0, A.jsx)(de, { className: "w-4 h-4 mr-2" }),
+				"Add ",
+				s?.label || "Record"
+			]
+		})]
+	});
+}
+//#endregion
+//#region src/index.tsx
+function H(e) {
+	if (e == null || typeof e == "string" || typeof e == "number" || typeof e == "boolean") return e;
+	if (e instanceof Date) return e.toISOString();
+	if (Array.isArray(e)) return e.map((e) => {
+		if (typeof e == "object" && e) {
+			let t = e;
+			return String(t.name || t.label || t.id || t._id || "[Object]");
+		}
+		return String(e);
+	}).join(", ");
+	if (typeof e == "object") {
+		let t = e;
+		return "$numberDecimal" in t ? Number(t.$numberDecimal) : "$oid" in t ? String(t.$oid) : "$date" in t ? String(t.$date) : String(t.name || t.label || t.id || t._id || "[Object]");
+	}
+	return String(e);
+}
+function Be(e, t = "USD") {
+	try {
+		return new Intl.NumberFormat("en-US", {
+			style: "currency",
+			currency: t
+		}).format(e);
+	} catch {
+		return `${t} ${e.toFixed(2)}`;
+	}
+}
+function Ve(e, t = "USD") {
+	try {
+		return new Intl.NumberFormat("en-US", {
+			style: "currency",
+			currency: t,
+			notation: "compact",
+			maximumFractionDigits: 1
+		}).format(e).replace(/\.0(?=[KMBT])/, "");
+	} catch {
+		return `${t} ${e}`;
+	}
+}
+function He(e, t = 0) {
+	return `${(e > -1 && e < 1 ? e * 100 : e).toFixed(t)}%`;
+}
+function U(e) {
+	return e.replace(/[_-]/g, " ").replace(/\b\w/g, (e) => e.toUpperCase());
+}
+function Ue(e) {
+	if (!e) return "-";
+	let t = typeof e == "string" ? new Date(e) : e;
+	if (isNaN(t.getTime())) return "-";
+	let n = /* @__PURE__ */ new Date(), r = new Date(n.getFullYear(), n.getMonth(), n.getDate()), i = new Date(t.getFullYear(), t.getMonth(), t.getDate()).getTime() - r.getTime(), a = Math.round(i / (1e3 * 60 * 60 * 24));
+	if (a === 0) return "Today";
+	if (a === 1) return "Tomorrow";
+	if (a === -1) return "Yesterday";
+	if (a < -1) {
+		let e = Math.abs(a);
+		return e <= 7 ? `Overdue ${e}d` : W(t);
+	}
+	return a > 1 && a <= 7 ? `In ${a} days` : W(t);
+}
+function W(e, t) {
+	if (!e) return "-";
+	let n = typeof e == "string" ? new Date(e) : e;
+	return isNaN(n.getTime()) ? "-" : t === "short" ? `${n.toLocaleDateString("en-US", { month: "short" })} ${n.getDate()}, '${String(n.getFullYear()).slice(-2)}` : t === "relative" ? Ue(n) : n.toLocaleDateString(void 0, {
+		year: "numeric",
+		month: "short",
+		day: "numeric"
+	});
+}
+function We(e) {
+	if (!e) return "-";
+	let t = typeof e == "string" ? new Date(e) : e;
+	return isNaN(t.getTime()) ? "-" : t.toLocaleDateString(void 0, {
+		year: "numeric",
+		month: "short",
+		day: "numeric",
+		hour: "2-digit",
+		minute: "2-digit"
+	});
+}
+function G({ value: e }) {
+	let t = H(e);
+	return /* @__PURE__ */ (0, A.jsx)("span", {
+		className: "truncate",
+		children: t != null && t !== "" ? String(t) : "-"
+	});
+}
+function Ge({ value: e, field: t }) {
+	if (e == null) return /* @__PURE__ */ (0, A.jsx)("span", {
+		className: "text-muted-foreground",
+		children: "-"
+	});
+	let n = H(e), r = t.precision ?? 0, i = Number(n);
+	return /* @__PURE__ */ (0, A.jsx)("span", {
+		className: "tabular-nums",
+		children: isNaN(i) ? String(n) : new Intl.NumberFormat("en-US", {
+			minimumFractionDigits: r,
+			maximumFractionDigits: r
+		}).format(i)
+	});
+}
+function Ke({ value: e, field: t }) {
+	if (e == null) return /* @__PURE__ */ (0, A.jsx)("span", {
+		className: "text-muted-foreground",
+		children: "-"
+	});
+	let n = H(e), r = t.currency || "USD", i = Number(n);
+	return /* @__PURE__ */ (0, A.jsx)("span", {
+		className: "tabular-nums font-medium whitespace-nowrap",
+		children: isNaN(i) ? String(n) : Be(i, r)
+	});
+}
+var qe = /progress|completion/;
+function Je({ value: e, field: t }) {
+	if (e == null) return /* @__PURE__ */ (0, A.jsx)("span", {
+		className: "text-muted-foreground",
+		children: "-"
+	});
+	let n = H(e), r = t.precision ?? 0, i = Number(n);
+	if (isNaN(i)) return /* @__PURE__ */ (0, A.jsx)("span", {
+		className: "tabular-nums whitespace-nowrap",
+		children: String(n)
+	});
+	let a = qe.test(t?.name?.toLowerCase() || ""), o = a ? i : i > -1 && i < 1 ? i * 100 : i, s = a ? `${i.toFixed(r)}%` : He(i, r), c = Math.max(0, Math.min(100, o));
+	return /* @__PURE__ */ (0, A.jsxs)("div", {
+		className: "flex items-center gap-2",
+		children: [/* @__PURE__ */ (0, A.jsx)("div", {
+			className: "h-1.5 w-16 rounded-full bg-muted overflow-hidden flex-shrink-0",
+			role: "progressbar",
+			"aria-valuenow": c,
+			"aria-valuemin": 0,
+			"aria-valuemax": 100,
+			children: /* @__PURE__ */ (0, A.jsx)("div", {
+				className: "h-full rounded-full bg-primary transition-all",
+				style: { width: `${c}%` }
+			})
+		}), /* @__PURE__ */ (0, A.jsx)("span", {
+			className: "tabular-nums whitespace-nowrap",
+			children: s
+		})]
+	});
+}
+var Ye = new Set([
+	"active",
+	"is_active",
+	"enabled",
+	"is_enabled",
+	"verified",
+	"is_verified"
 ]);
-function Er({ value: e, field: r }) {
-  if (e == null)
-    return /* @__PURE__ */ t.jsx("span", { className: "text-muted-foreground/50 text-xs italic flex items-center justify-center", children: "—" });
-  const n = r?.name?.toLowerCase() || "";
-  return n === "completed" || n === "is_completed" || n === "done" || n === "is_done" ? /* @__PURE__ */ t.jsx("div", { className: "flex items-center justify-center", children: e ? /* @__PURE__ */ t.jsx("div", { className: "size-5 rounded-full bg-green-500 flex items-center justify-center", role: "img", "aria-label": "Completed", "data-testid": "completion-indicator", children: /* @__PURE__ */ t.jsx(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" }) });
-}
-function Dr({ value: e, field: r }) {
-  if (!e) return /* @__PURE__ */ t.jsx("span", { className: "text-muted-foreground", children: "-" });
-  const a = r.format || "relative", s = me(e, a), i = typeof e == "string" ? new Date(e) : e, l = i instanceof Date && !isNaN(i.getTime()), o = /* @__PURE__ */ new Date();
-  o.setHours(0, 0, 0, 0);
-  const c = l && i < o, m = l ? i.toISOString() : String(e);
-  return /* @__PURE__ */ t.jsx(
-    "span",
-    {
-      className: `tabular-nums${c ? " text-red-600" : ""}`,
-      title: m,
-      children: s
-    }
-  );
-}
-function Mr({ value: e }) {
-  if (!e) return /* @__PURE__ */ t.jsx("span", { className: "text-muted-foreground", children: "-" });
-  const r = typeof e == "string" ? new Date(e) : e;
-  if (isNaN(r.getTime())) return /* @__PURE__ */ t.jsx("span", { className: "text-muted-foreground", children: "-" });
-  const n = r.toLocaleDateString(void 0, {
-    month: "numeric",
-    day: "numeric",
-    year: "numeric"
-  }), a = r.toLocaleTimeString(void 0, {
-    hour: "numeric",
-    minute: "2-digit",
-    hour12: !0
-  }).toLowerCase();
-  return /* @__PURE__ */ t.jsxs("span", { className: "tabular-nums text-sm whitespace-nowrap", children: [
-    /* @__PURE__ */ t.jsx("span", { children: n }),
-    /* @__PURE__ */ t.jsx("span", { className: "ml-2 text-muted-foreground", children: a })
-  ] });
-}
-const Lr = {
-  // Priority values
-  critical: "red",
-  urgent: "red",
-  high: "orange",
-  medium: "yellow",
-  normal: "blue",
-  low: "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",
-  orange: "bg-orange-100 text-orange-800 border-orange-300",
-  yellow: "bg-yellow-100 text-yellow-800 border-yellow-300",
-  green: "bg-green-100 text-green-800 border-green-300",
-  blue: "bg-blue-100 text-blue-800 border-blue-300",
-  indigo: "bg-indigo-100 text-indigo-800 border-indigo-300",
-  purple: "bg-purple-100 text-purple-800 border-purple-300",
-  pink: "bg-pink-100 text-pink-800 border-pink-300"
+function Xe({ value: e, field: t }) {
+	if (e == null) return /* @__PURE__ */ (0, A.jsx)("span", {
+		className: "text-muted-foreground/50 text-xs italic flex items-center justify-center",
+		children: "—"
+	});
+	let n = t?.name?.toLowerCase() || "";
+	return n === "completed" || n === "is_completed" || n === "done" || n === "is_done" ? /* @__PURE__ */ (0, A.jsx)("div", {
+		className: "flex items-center justify-center",
+		children: e ? /* @__PURE__ */ (0, A.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__ */ (0, A.jsx)(E, { className: "size-3 text-white" })
+		}) : /* @__PURE__ */ (0, A.jsx)("div", {
+			className: "size-5 rounded-full border-2 border-muted-foreground/30",
+			role: "img",
+			"aria-label": "Not completed",
+			"data-testid": "completion-indicator"
+		})
+	}) : Ye.has(n) && !e ? /* @__PURE__ */ (0, A.jsxs)(m, {
+		variant: "destructive",
+		className: "text-xs",
+		"data-testid": "boolean-warning-badge",
+		children: [t?.label || U(n), " — Off"]
+	}) : /* @__PURE__ */ (0, A.jsx)("div", {
+		className: "flex items-center justify-center",
+		children: /* @__PURE__ */ (0, A.jsx)(g, {
+			checked: !!e,
+			disabled: !0,
+			className: "pointer-events-none"
+		})
+	});
+}
+function Ze({ value: e, field: t }) {
+	if (!e) return /* @__PURE__ */ (0, A.jsx)("span", {
+		className: "text-muted-foreground",
+		children: "-"
+	});
+	let n = H(e), r = W(n, t.format || "relative"), i = typeof n == "string" ? new Date(n) : n, a = i instanceof Date && !isNaN(i.getTime()), o = /* @__PURE__ */ new Date();
+	o.setHours(0, 0, 0, 0);
+	let s = a && i < o, c = a ? i.toISOString() : String(n);
+	return /* @__PURE__ */ (0, A.jsx)("span", {
+		className: `tabular-nums${s ? " text-red-600" : ""}`,
+		title: c,
+		children: r
+	});
+}
+function Qe({ value: e }) {
+	if (!e) return /* @__PURE__ */ (0, A.jsx)("span", {
+		className: "text-muted-foreground",
+		children: "-"
+	});
+	let t = H(e), n = typeof t == "string" ? new Date(t) : t;
+	if (!(n instanceof Date) || isNaN(n.getTime())) return /* @__PURE__ */ (0, A.jsx)("span", {
+		className: "text-muted-foreground",
+		children: "-"
+	});
+	let r = n.toLocaleDateString(void 0, {
+		month: "numeric",
+		day: "numeric",
+		year: "numeric"
+	}), i = n.toLocaleTimeString(void 0, {
+		hour: "numeric",
+		minute: "2-digit",
+		hour12: !0
+	}).toLowerCase();
+	return /* @__PURE__ */ (0, A.jsxs)("span", {
+		className: "tabular-nums text-sm whitespace-nowrap",
+		children: [/* @__PURE__ */ (0, A.jsx)("span", { children: r }), /* @__PURE__ */ (0, A.jsx)("span", {
+			className: "ml-2 text-muted-foreground",
+			children: i
+		})]
+	});
+}
+var $e = {
+	critical: "red",
+	urgent: "red",
+	high: "orange",
+	medium: "yellow",
+	normal: "blue",
+	low: "gray",
+	none: "gray",
+	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"
+}, et = {
+	gray: "bg-gray-100 text-gray-800 border-gray-300",
+	red: "bg-red-100 text-red-800 border-red-300",
+	orange: "bg-orange-100 text-orange-800 border-orange-300",
+	yellow: "bg-yellow-100 text-yellow-800 border-yellow-300",
+	green: "bg-green-100 text-green-800 border-green-300",
+	blue: "bg-blue-100 text-blue-800 border-blue-300",
+	indigo: "bg-indigo-100 text-indigo-800 border-indigo-300",
+	purple: "bg-purple-100 text-purple-800 border-purple-300",
+	pink: "bg-pink-100 text-pink-800 border-pink-300"
 };
-function ke(e, r) {
-  const n = e || (r ? Lr[String(r).toLowerCase().replace(/[\s-]/g, "_")] : void 0);
-  return Ir[n || ""] || "bg-muted text-muted-foreground border-border";
-}
-function se({ value: e, field: r }) {
-  const a = r.options || [];
-  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), p = m?.label || ue(String(o)), f = ke(m?.color, o);
-      return /* @__PURE__ */ t.jsx(
-        M,
-        {
-          variant: "outline",
-          className: f,
-          children: p
-        },
-        c
-      );
-    }) });
-  const s = a.find((o) => o.value === e), i = s?.label || ue(String(e)), l = ke(s?.color, e);
-  return /* @__PURE__ */ t.jsx(
-    M,
-    {
-      variant: "outline",
-      className: l,
-      children: i
-    }
-  );
-}
-function Ur({ value: e }) {
-  if (!e) return /* @__PURE__ */ t.jsx("span", { children: "-" });
-  const [r, n] = k.useState(!1), a = (s) => {
-    s.stopPropagation(), s.preventDefault(), navigator.clipboard.writeText(String(e)).then(() => {
-      n(!0), setTimeout(() => n(!1), 2e3);
-    }).catch(() => {
-    });
-  };
-  return /* @__PURE__ */ t.jsxs("span", { className: "inline-flex items-center gap-1 group/email", children: [
-    /* @__PURE__ */ t.jsx(
-      P,
-      {
-        variant: "link",
-        className: "p-0 h-auto font-normal text-blue-600 hover:text-blue-800",
-        asChild: !0,
-        children: /* @__PURE__ */ t.jsx(
-          "a",
-          {
-            href: `mailto:${e}`,
-            onClick: (s) => s.stopPropagation(),
-            children: e
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ t.jsx(
-      "button",
-      {
-        type: "button",
-        className: "opacity-0 group-hover/email:opacity-100 transition-opacity p-0.5 rounded hover:bg-muted",
-        onClick: a,
-        "aria-label": "Copy email",
-        children: r ? /* @__PURE__ */ t.jsx(he, { className: "h-3 w-3 text-green-600" }) : /* @__PURE__ */ t.jsx(pe, { className: "h-3 w-3 text-muted-foreground" })
-      }
-    )
-  ] });
-}
-function Vr({ value: e }) {
-  return e ? /* @__PURE__ */ t.jsx(
-    P,
-    {
-      variant: "link",
-      className: "p-0 h-auto font-normal text-blue-600 hover:text-blue-800",
-      asChild: !0,
-      children: /* @__PURE__ */ t.jsx(
-        "a",
-        {
-          href: e,
-          target: "_blank",
-          rel: "noopener noreferrer",
-          onClick: (r) => r.stopPropagation(),
-          children: e
-        }
-      )
-    }
-  ) : /* @__PURE__ */ t.jsx("span", { children: "-" });
-}
-function Br({ value: e }) {
-  if (!e) return /* @__PURE__ */ t.jsx("span", { children: "-" });
-  const [r, n] = k.useState(!1), a = (s) => {
-    s.stopPropagation(), s.preventDefault(), navigator.clipboard.writeText(String(e)).then(() => {
-      n(!0), setTimeout(() => n(!1), 2e3);
-    }).catch(() => {
-    });
-  };
-  return /* @__PURE__ */ t.jsxs("span", { className: "inline-flex items-center gap-1 group/phone", children: [
-    /* @__PURE__ */ t.jsxs(
-      "a",
-      {
-        href: `tel:${e}`,
-        className: "inline-flex items-center gap-1 text-blue-600 hover:text-blue-800",
-        onClick: (s) => s.stopPropagation(),
-        children: [
-          /* @__PURE__ */ t.jsx(Bt, { className: "h-3 w-3" }),
-          e
-        ]
-      }
-    ),
-    /* @__PURE__ */ t.jsx(
-      "button",
-      {
-        type: "button",
-        className: "opacity-0 group-hover/phone:opacity-100 transition-opacity p-0.5 rounded hover:bg-muted",
-        onClick: a,
-        "aria-label": "Copy phone number",
-        children: r ? /* @__PURE__ */ t.jsx(he, { className: "h-3 w-3 text-green-600" }) : /* @__PURE__ */ t.jsx(pe, { className: "h-3 w-3 text-muted-foreground" })
-      }
-    )
-  ] });
-}
-function Yr({ value: e, field: r }) {
-  if (!e) return /* @__PURE__ */ t.jsx("span", { children: "-" });
-  if (r.multiple, Array.isArray(e)) {
-    const s = e.length;
-    return /* @__PURE__ */ t.jsxs("span", { className: "text-sm text-gray-600", children: [
-      s,
-      " ",
-      s === 1 ? "file" : "files"
-    ] });
-  }
-  const a = e.name || e.original_name || "File";
-  return /* @__PURE__ */ t.jsx("span", { className: "text-sm truncate", children: a });
-}
-function qr({ value: e }) {
-  return e ? Array.isArray(e) ? /* @__PURE__ */ t.jsxs("div", { className: "flex -space-x-2", children: [
-    e.slice(0, 3).map((r, n) => /* @__PURE__ */ t.jsx(
-      "img",
-      {
-        src: r.url || "",
-        alt: r.name || `Image ${n + 1}`,
-        className: "size-8 rounded-md border-2 border-white object-cover"
-      },
-      n
-    )),
-    e.length > 3 && /* @__PURE__ */ t.jsxs("div", { className: "size-8 rounded-md border-2 border-white bg-gray-100 flex items-center justify-center text-xs font-medium text-gray-600", children: [
-      "+",
-      e.length - 3
-    ] })
-  ] }) : /* @__PURE__ */ t.jsx(
-    "img",
-    {
-      src: e.url || "",
-      alt: e.name || "Image",
-      className: "size-10 rounded-md object-cover"
-    }
-  ) : /* @__PURE__ */ t.jsx("span", { children: "-" });
-}
-function ne({ value: e, field: r }) {
-  if (e == null || e === "") return /* @__PURE__ */ t.jsx("span", { children: "-" });
-  const n = r.options || [], a = (s) => {
-    if (n.length > 0) {
-      const i = n.find((l) => String(l.value) === String(s));
-      if (i) return i.label;
-    }
-    return String(s);
-  };
-  if (Array.isArray(e))
-    return /* @__PURE__ */ t.jsx("div", { className: "flex flex-wrap gap-1", children: e.map((s, i) => {
-      let l;
-      return s != null && typeof s == "object" ? l = s.name || s.label || s._id || String(s) : l = a(s), /* @__PURE__ */ t.jsx(
-        "span",
-        {
-          className: "inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-gray-100 text-gray-800",
-          children: l
-        },
-        i
-      );
-    }) });
-  if (typeof e == "object" && e !== null) {
-    const s = e.name || e.label || e._id || "[Object]";
-    return /* @__PURE__ */ t.jsx("span", { className: "truncate", children: s });
-  }
-  return /* @__PURE__ */ t.jsx("span", { className: "truncate", children: a(e) });
-}
-function Ae({ value: e }) {
-  return /* @__PURE__ */ t.jsx("span", { className: "text-gray-700 font-mono text-sm", children: e != null ? String(e) : "-" });
-}
-function ae({ value: e }) {
-  if (!e) return /* @__PURE__ */ t.jsx("span", { children: "-" });
-  if (typeof e != "object")
-    return /* @__PURE__ */ t.jsx("span", { className: "truncate", children: String(e) });
-  if (Array.isArray(e))
-    return /* @__PURE__ */ t.jsxs("div", { className: "flex -space-x-2", children: [
-      e.slice(0, 3).map((a, s) => {
-        if (typeof a != "object" || a === null)
-          return /* @__PURE__ */ t.jsx("span", { className: "truncate text-sm", children: String(a) }, s);
-        const i = a.name || a.username || "User", l = i.split(" ").map((o) => o[0]).join("").toUpperCase().slice(0, 2);
-        return /* @__PURE__ */ t.jsx(
-          L,
-          {
-            className: "size-8 border-2 border-white",
-            title: i,
-            children: /* @__PURE__ */ t.jsx(I, { className: "bg-blue-500 text-white text-xs", children: l })
-          },
-          s
-        );
-      }),
-      e.length > 3 && /* @__PURE__ */ t.jsx(L, { className: "size-8 border-2 border-white", children: /* @__PURE__ */ t.jsxs(I, { className: "bg-gray-200 text-gray-600 text-xs", children: [
-        "+",
-        e.length - 3
-      ] }) })
-    ] });
-  const r = e.name || e.username || "User", n = r.split(" ").map((a) => a[0]).join("").toUpperCase().slice(0, 2);
-  return /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-2", children: [
-    /* @__PURE__ */ t.jsx(L, { className: "size-8", children: /* @__PURE__ */ t.jsx(I, { className: "bg-blue-500 text-white text-xs", children: n }) }),
-    /* @__PURE__ */ t.jsx("span", { className: "truncate", children: r })
-  ] });
-}
-const fe = /* @__PURE__ */ new Map();
-function G(e, r) {
-  fe.set(e, r);
-}
-function es(e) {
-  return fe.has(e) ? fe.get(e) : {
-    text: D,
-    textarea: D,
-    markdown: D,
-    html: D,
-    number: Rr,
-    currency: kr,
-    percent: $r,
-    boolean: Er,
-    date: Dr,
-    datetime: Mr,
-    time: D,
-    select: se,
-    status: se,
-    lookup: ne,
-    master_detail: ne,
-    email: Ur,
-    url: Vr,
-    phone: Br,
-    file: Yr,
-    image: qr,
-    formula: Ae,
-    summary: Ae,
-    auto_number: D,
-    user: ae,
-    owner: ae,
-    password: () => /* @__PURE__ */ t.jsx("span", { children: "••••••" }),
-    location: D,
-    // Default fallback
-    object: () => /* @__PURE__ */ t.jsx("span", { className: "text-gray-500 italic", children: "[Object]" }),
-    vector: () => /* @__PURE__ */ t.jsx("span", { className: "text-gray-500 italic", children: "[Vector]" }),
-    grid: () => /* @__PURE__ */ t.jsx("span", { className: "text-gray-500 italic", children: "[Grid]" })
-  }[e] || D;
-}
-G("lookup", ne);
-G("master_detail", ne);
-G("select", se);
-G("status", se);
-G("user", ae);
-G("owner", ae);
-function ts(e) {
-  return {
-    // Text-based fields
-    text: "field:text",
-    textarea: "field:textarea",
-    markdown: "field:markdown",
-    // Markdown editor (fallback to textarea)
-    html: "field:html",
-    // Rich text editor (fallback to textarea)
-    // Numeric fields
-    number: "field:number",
-    currency: "field:currency",
-    percent: "field:percent",
-    // Date/Time fields
-    date: "field:date",
-    datetime: "field:datetime",
-    time: "field:time",
-    // Boolean
-    boolean: "field:boolean",
-    // Selection fields
-    select: "field:select",
-    lookup: "field:lookup",
-    master_detail: "field:master_detail",
-    // Contact fields
-    email: "field:email",
-    phone: "field:phone",
-    url: "field:url",
-    // File fields
-    file: "field:file",
-    image: "field:image",
-    // Special fields
-    password: "field:password",
-    location: "field:location",
-    // Location/map field (fallback to input)
-    // Auto-generated/computed fields (typically read-only)
-    formula: "field:formula",
-    summary: "field:summary",
-    auto_number: "field:auto_number"
-  }[e] || "field:text";
-}
-function rs(e) {
-  if (e < 0 || !Number.isFinite(e) || e === 0)
-    return "0 B";
-  const r = ["B", "KB", "MB", "GB", "TB"];
-  let n = e, a = 0;
-  for (; n >= 1024 && a < r.length - 1; )
-    n /= 1024, a++;
-  return `${n.toFixed(a > 0 ? 1 : 0)} ${r[a]}`;
-}
-function ss(e) {
-  const r = {};
-  return e.required && (r.required = typeof e.required_message == "string" ? e.required_message : `${e.label || e.name} is required`), e.min_length && (r.minLength = {
-    value: e.min_length,
-    message: e.min_length_message || `Minimum length is ${e.min_length} characters`
-  }), e.max_length && (r.maxLength = {
-    value: e.max_length,
-    message: e.max_length_message || `Maximum length is ${e.max_length} characters`
-  }), e.min !== void 0 && (r.min = {
-    value: e.min,
-    message: e.min_message || `Minimum value is ${e.min}`
-  }), e.max !== void 0 && (r.max = {
-    value: e.max,
-    message: e.max_message || `Maximum value is ${e.max}`
-  }), e.pattern && (r.pattern = {
-    value: typeof e.pattern == "string" ? new RegExp(e.pattern) : e.pattern,
-    message: e.pattern_message || "Invalid format"
-  }), e.type === "email" && (r.pattern = {
-    value: /^[^\s@]+@[^\s@]+\.[^\s@]+$/,
-    message: "Please enter a valid email address"
-  }), e.type === "url" && (r.pattern = {
-    value: /^https?:\/\/.+/,
-    message: "Please enter a valid URL"
-  }), e.validate && (r.validate = e.validate), Object.keys(r).length > 0 ? r : void 0;
-}
-function $e(e, r) {
-  if (!e) return !0;
-  if (e.field && e.value !== void 0) {
-    const n = r[e.field];
-    if (e.operator === "=" || e.operator === "==")
-      return n === e.value;
-    if (e.operator === "!=")
-      return n !== e.value;
-    if (e.operator === ">")
-      return n > e.value;
-    if (e.operator === ">=")
-      return n >= e.value;
-    if (e.operator === "<")
-      return n < e.value;
-    if (e.operator === "<=")
-      return n <= e.value;
-    if (e.operator === "in")
-      return Array.isArray(e.value) && e.value.includes(n);
-  }
-  return e.and && Array.isArray(e.and) ? e.and.every((n) => $e(n, r)) : e.or && Array.isArray(e.or) ? e.or.some((n) => $e(n, r)) : !0;
-}
-function y(e) {
-  const r = ({ schema: n, className: a, value: s, ...i }) => {
-    const [l, o] = k.useState(s ?? n?.value ?? ""), c = {
-      name: n?.name || "field",
-      label: n?.label,
-      type: n?.type,
-      placeholder: n?.placeholder,
-      required: n?.required,
-      readonly: n?.readonly || n?.readOnly,
-      help: n?.help,
-      description: n?.description,
-      defaultValue: n?.defaultValue || n?.value,
-      ...n
-    }, m = k.useCallback((f) => {
-      o(f), i.onChange && i.onChange(f);
-    }, [i]), p = n?.readonly || n?.readOnly || !1;
-    return /* @__PURE__ */ t.jsxs(
-      "div",
-      {
-        className: "grid w-full items-center gap-1.5",
-        "data-obj-id": n?.id,
-        "data-obj-type": n?.type,
-        children: [
-          n?.label && /* @__PURE__ */ t.jsx("label", { htmlFor: n.id, className: n.required ? "after:content-['*'] after:ml-0.5 after:text-red-500" : "", children: n.label }),
-          /* @__PURE__ */ t.jsx(
-            e,
-            {
-              value: l,
-              onChange: m,
-              field: c,
-              readonly: p,
-              className: a
-            }
-          ),
-          n?.description && /* @__PURE__ */ t.jsx("p", { className: "text-sm text-gray-500", children: n.description })
-        ]
-      }
-    );
-  };
-  return r.displayName = `FieldRenderer(${e.displayName || e.name || "Component"})`, r;
-}
-const jt = {
-  // Basic fields
-  text: () => Promise.resolve().then(() => Wt).then((e) => ({ default: e.TextField })),
-  textarea: () => Promise.resolve().then(() => sr).then((e) => ({ default: e.TextAreaField })),
-  number: () => Promise.resolve().then(() => Gt).then((e) => ({ default: e.NumberField })),
-  boolean: () => Promise.resolve().then(() => Qt).then((e) => ({ default: e.BooleanField })),
-  select: () => Promise.resolve().then(() => Ht).then((e) => ({ default: e.SelectField })),
-  date: () => Promise.resolve().then(() => Xt).then((e) => ({ default: e.DateField })),
-  datetime: () => Promise.resolve().then(() => ar).then((e) => ({ default: e.DateTimeField })),
-  time: () => Promise.resolve().then(() => lr).then((e) => ({ default: e.TimeField })),
-  // Contact fields
-  email: () => Promise.resolve().then(() => Zt).then((e) => ({ default: e.EmailField })),
-  phone: () => Promise.resolve().then(() => Kt).then((e) => ({ default: e.PhoneField })),
-  url: () => Promise.resolve().then(() => er).then((e) => ({ default: e.UrlField })),
-  // Specialized fields
-  currency: () => Promise.resolve().then(() => rr).then((e) => ({ default: e.CurrencyField })),
-  percent: () => Promise.resolve().then(() => ir).then((e) => ({ default: e.PercentField })),
-  password: () => Promise.resolve().then(() => or).then((e) => ({ default: e.PasswordField })),
-  markdown: () => Promise.resolve().then(() => Oe).then((e) => ({ default: e.RichTextField })),
-  html: () => Promise.resolve().then(() => Oe).then((e) => ({ default: e.RichTextField })),
-  lookup: () => Promise.resolve().then(() => nr).then((e) => ({ default: e.LookupField })),
-  master_detail: () => Promise.resolve().then(() => Cr).then((e) => ({ default: e.MasterDetailField })),
-  // File fields
-  file: () => Promise.resolve().then(() => cr).then((e) => ({ default: e.FileField })),
-  image: () => Promise.resolve().then(() => dr).then((e) => ({ default: e.ImageField })),
-  // Location field
-  location: () => Promise.resolve().then(() => ur).then((e) => ({ default: e.LocationField })),
-  // Computed/Read-only fields
-  formula: () => Promise.resolve().then(() => mr).then((e) => ({ default: e.FormulaField })),
-  summary: () => Promise.resolve().then(() => fr).then((e) => ({ default: e.SummaryField })),
-  auto_number: () => Promise.resolve().then(() => xr).then((e) => ({ default: e.AutoNumberField })),
-  // User fields
-  user: () => Promise.resolve().then(() => Re).then((e) => ({ default: e.UserField })),
-  owner: () => Promise.resolve().then(() => Re).then((e) => ({ default: e.UserField })),
-  // Complex data types
-  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 })),
-  slider: () => Promise.resolve().then(() => jr).then((e) => ({ default: e.SliderField })),
-  rating: () => Promise.resolve().then(() => yr).then((e) => ({ default: e.RatingField })),
-  code: () => Promise.resolve().then(() => Nr).then((e) => ({ default: e.CodeField })),
-  avatar: () => Promise.resolve().then(() => vr).then((e) => ({ default: e.AvatarField })),
-  address: () => Promise.resolve().then(() => _r).then((e) => ({ default: e.AddressField })),
-  geolocation: () => Promise.resolve().then(() => wr).then((e) => ({ default: e.GeolocationField })),
-  signature: () => Promise.resolve().then(() => Fr).then((e) => ({ default: e.SignatureField })),
-  qrcode: () => Promise.resolve().then(() => Sr).then((e) => ({ default: e.QRCodeField }))
-};
-function Jr(e) {
-  const r = jt[e];
-  if (!r) {
-    console.warn(`Unknown field type: ${e}`);
-    return;
-  }
-  const n = k.lazy(r);
-  g.register(e, n, { namespace: "field" });
-}
-function Wr() {
-  Object.keys(jt).forEach((e) => {
-    Jr(e);
-  });
-}
-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(pt), { namespace: "field" }), g.register("signature", y(ht), { namespace: "field" }), g.register("qrcode", y(gt), { namespace: "field" });
-}
-Wr();
-export {
-  xt as AddressField,
-  at as AutoNumberField,
-  ft as AvatarField,
-  Er as BooleanCellRenderer,
-  Ue as BooleanField,
-  mt as CodeField,
-  ct as ColorField,
-  kr as CurrencyCellRenderer,
-  We as CurrencyField,
-  Dr as DateCellRenderer,
-  Be as DateField,
-  Mr as DateTimeCellRenderer,
-  He as DateTimeField,
-  Ur as EmailCellRenderer,
-  Ye as EmailField,
-  Yr as FileCellRenderer,
-  et as FileField,
-  Ae as FormulaCellRenderer,
-  st as FormulaField,
-  pt as GeolocationField,
-  ot as GridField,
-  qr as ImageCellRenderer,
-  tt as ImageField,
-  rt as LocationField,
-  ne as LookupCellRenderer,
-  Qe as LookupField,
-  bt as MasterDetailField,
-  Rr as NumberCellRenderer,
-  Ie as NumberField,
-  lt as ObjectField,
-  Ke as PasswordField,
-  $r as PercentCellRenderer,
-  Ze as PercentField,
-  Br as PhoneCellRenderer,
-  qe as PhoneField,
-  gt as QRCodeField,
-  ut as RatingField,
-  ce as RichTextField,
-  se as SelectCellRenderer,
-  Ve as SelectField,
-  ht as SignatureField,
-  dt as SliderField,
-  nt as SummaryField,
-  Ge as TextAreaField,
-  D as TextCellRenderer,
-  Le as TextField,
-  Xe as TimeField,
-  Vr as UrlCellRenderer,
-  Je as UrlField,
-  ae as UserCellRenderer,
-  de as UserField,
-  it as VectorField,
-  ss as buildValidationRules,
-  $e as evaluateCondition,
-  Zr as formatCompactCurrency,
-  Pr as formatCurrency,
-  me as formatDate,
-  Kr as formatDateTime,
-  rs as formatFileSize,
-  Tr as formatPercent,
-  Or as formatRelativeDate,
-  es as getCellRenderer,
-  ue as humanizeLabel,
-  ts as mapFieldTypeToFormType,
-  Wr as registerAllFields,
-  Jr as registerField,
-  G as registerFieldRenderer,
-  ns as registerFields
+function tt(e, t) {
+	return et[e || (t ? $e[String(t).toLowerCase().replace(/[\s-]/g, "_")] : void 0) || ""] || "bg-muted text-muted-foreground border-border";
+}
+function K({ value: e, field: t }) {
+	let n = t.options || [];
+	if (!e) return /* @__PURE__ */ (0, A.jsx)("span", { children: "-" });
+	if (Array.isArray(e)) return /* @__PURE__ */ (0, A.jsx)("div", {
+		className: "flex flex-wrap gap-1",
+		children: e.map((e, t) => {
+			let r = n.find((t) => t.value === e), i = r?.label || U(String(e));
+			return /* @__PURE__ */ (0, A.jsx)(m, {
+				variant: "outline",
+				className: tt(r?.color, e),
+				children: i
+			}, t);
+		})
+	});
+	let r = n.find((t) => t.value === e), i = r?.label || U(String(e));
+	return /* @__PURE__ */ (0, A.jsx)(m, {
+		variant: "outline",
+		className: tt(r?.color, e),
+		children: i
+	});
+}
+function nt({ value: e }) {
+	if (!e) return /* @__PURE__ */ (0, A.jsx)("span", { children: "-" });
+	let t = String(H(e) ?? ""), [n, r] = i.useState(!1);
+	return /* @__PURE__ */ (0, A.jsxs)("span", {
+		className: "inline-flex items-center gap-1 group/email",
+		children: [/* @__PURE__ */ (0, A.jsx)(h, {
+			variant: "link",
+			className: "p-0 h-auto font-normal text-blue-600 hover:text-blue-800",
+			asChild: !0,
+			children: /* @__PURE__ */ (0, A.jsx)("a", {
+				href: `mailto:${t}`,
+				onClick: (e) => e.stopPropagation(),
+				children: t
+			})
+		}), /* @__PURE__ */ (0, A.jsx)("button", {
+			type: "button",
+			className: "opacity-0 group-hover/email:opacity-100 transition-opacity p-0.5 rounded hover:bg-muted",
+			onClick: (e) => {
+				e.stopPropagation(), e.preventDefault(), navigator.clipboard.writeText(t).then(() => {
+					r(!0), setTimeout(() => r(!1), 2e3);
+				}).catch(() => {});
+			},
+			"aria-label": "Copy email",
+			children: n ? /* @__PURE__ */ (0, A.jsx)(E, { className: "h-3 w-3 text-green-600" }) : /* @__PURE__ */ (0, A.jsx)(D, { className: "h-3 w-3 text-muted-foreground" })
+		})]
+	});
+}
+function rt({ value: e }) {
+	if (!e) return /* @__PURE__ */ (0, A.jsx)("span", { children: "-" });
+	let t = String(H(e) ?? "");
+	return /* @__PURE__ */ (0, A.jsx)(h, {
+		variant: "link",
+		className: "p-0 h-auto font-normal text-blue-600 hover:text-blue-800",
+		asChild: !0,
+		children: /* @__PURE__ */ (0, A.jsx)("a", {
+			href: t,
+			target: "_blank",
+			rel: "noopener noreferrer",
+			onClick: (e) => e.stopPropagation(),
+			children: t
+		})
+	});
+}
+function it({ value: e }) {
+	if (!e) return /* @__PURE__ */ (0, A.jsx)("span", { children: "-" });
+	let t = String(H(e) ?? ""), [n, r] = i.useState(!1);
+	return /* @__PURE__ */ (0, A.jsxs)("span", {
+		className: "inline-flex items-center gap-1 group/phone",
+		children: [/* @__PURE__ */ (0, A.jsxs)("a", {
+			href: `tel:${t}`,
+			className: "inline-flex items-center gap-1 text-blue-600 hover:text-blue-800",
+			onClick: (e) => e.stopPropagation(),
+			children: [/* @__PURE__ */ (0, A.jsx)(ue, { className: "h-3 w-3" }), t]
+		}), /* @__PURE__ */ (0, A.jsx)("button", {
+			type: "button",
+			className: "opacity-0 group-hover/phone:opacity-100 transition-opacity p-0.5 rounded hover:bg-muted",
+			onClick: (e) => {
+				e.stopPropagation(), e.preventDefault(), navigator.clipboard.writeText(t).then(() => {
+					r(!0), setTimeout(() => r(!1), 2e3);
+				}).catch(() => {});
+			},
+			"aria-label": "Copy phone number",
+			children: n ? /* @__PURE__ */ (0, A.jsx)(E, { className: "h-3 w-3 text-green-600" }) : /* @__PURE__ */ (0, A.jsx)(D, { className: "h-3 w-3 text-muted-foreground" })
+		})]
+	});
+}
+function at({ value: e, field: t }) {
+	if (!e) return /* @__PURE__ */ (0, A.jsx)("span", { children: "-" });
+	if (t.multiple, Array.isArray(e)) {
+		let t = e.length;
+		return /* @__PURE__ */ (0, A.jsxs)("span", {
+			className: "text-sm text-gray-600",
+			children: [
+				t,
+				" ",
+				t === 1 ? "file" : "files"
+			]
+		});
+	}
+	return /* @__PURE__ */ (0, A.jsx)("span", {
+		className: "text-sm truncate",
+		children: e.name || e.original_name || "File"
+	});
+}
+function ot({ value: e }) {
+	return e ? Array.isArray(e) ? /* @__PURE__ */ (0, A.jsxs)("div", {
+		className: "flex -space-x-2",
+		children: [e.slice(0, 3).map((e, t) => /* @__PURE__ */ (0, A.jsx)("img", {
+			src: e.url || "",
+			alt: e.name || `Image ${t + 1}`,
+			className: "size-8 rounded-md border-2 border-white object-cover"
+		}, t)), e.length > 3 && /* @__PURE__ */ (0, A.jsxs)("div", {
+			className: "size-8 rounded-md border-2 border-white bg-gray-100 flex items-center justify-center text-xs font-medium text-gray-600",
+			children: ["+", e.length - 3]
+		})]
+	}) : /* @__PURE__ */ (0, A.jsx)("img", {
+		src: e.url || "",
+		alt: e.name || "Image",
+		className: "size-10 rounded-md object-cover"
+	}) : /* @__PURE__ */ (0, A.jsx)("span", { children: "-" });
+}
+function q({ value: e, field: t }) {
+	if (e == null || e === "") return /* @__PURE__ */ (0, A.jsx)("span", { children: "-" });
+	let n = t.options || [], r = (e) => {
+		if (n.length > 0) {
+			let t = n.find((t) => String(t.value) === String(e));
+			if (t) return t.label;
+		}
+		return String(e);
+	};
+	return Array.isArray(e) ? /* @__PURE__ */ (0, A.jsx)("div", {
+		className: "flex flex-wrap gap-1",
+		children: e.map((e, t) => {
+			let n;
+			return n = typeof e == "object" && e ? e.name || e.label || e.id || e._id || String(e) : r(e), /* @__PURE__ */ (0, A.jsx)("span", {
+				className: "inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-gray-100 text-gray-800",
+				children: n
+			}, t);
+		})
+	}) : typeof e == "object" && e ? /* @__PURE__ */ (0, A.jsx)("span", {
+		className: "truncate",
+		children: e.name || e.label || e.id || e._id || "[Object]"
+	}) : /* @__PURE__ */ (0, A.jsx)("span", {
+		className: "truncate",
+		children: r(e)
+	});
+}
+function J({ value: e }) {
+	let t = H(e);
+	return /* @__PURE__ */ (0, A.jsx)("span", {
+		className: "text-gray-700 font-mono text-sm",
+		children: t == null ? "-" : String(t)
+	});
+}
+function Y({ value: e }) {
+	if (!e) return /* @__PURE__ */ (0, A.jsx)("span", { children: "-" });
+	if (typeof e != "object") return /* @__PURE__ */ (0, A.jsx)("span", {
+		className: "truncate",
+		children: String(e)
+	});
+	if (Array.isArray(e)) return /* @__PURE__ */ (0, A.jsxs)("div", {
+		className: "flex -space-x-2",
+		children: [e.slice(0, 3).map((e, t) => {
+			if (typeof e != "object" || !e) return /* @__PURE__ */ (0, A.jsx)("span", {
+				className: "truncate text-sm",
+				children: String(e)
+			}, t);
+			let n = e.name || e.username || "User";
+			return /* @__PURE__ */ (0, A.jsx)(d, {
+				className: "size-8 border-2 border-white",
+				title: n,
+				children: /* @__PURE__ */ (0, A.jsx)(f, {
+					className: "bg-blue-500 text-white text-xs",
+					children: n.split(" ").map((e) => e[0]).join("").toUpperCase().slice(0, 2)
+				})
+			}, t);
+		}), e.length > 3 && /* @__PURE__ */ (0, A.jsx)(d, {
+			className: "size-8 border-2 border-white",
+			children: /* @__PURE__ */ (0, A.jsxs)(f, {
+				className: "bg-gray-200 text-gray-600 text-xs",
+				children: ["+", e.length - 3]
+			})
+		})]
+	});
+	let t = e.name || e.username || "User";
+	return /* @__PURE__ */ (0, A.jsxs)("div", {
+		className: "flex items-center gap-2",
+		children: [/* @__PURE__ */ (0, A.jsx)(d, {
+			className: "size-8",
+			children: /* @__PURE__ */ (0, A.jsx)(f, {
+				className: "bg-blue-500 text-white text-xs",
+				children: t.split(" ").map((e) => e[0]).join("").toUpperCase().slice(0, 2)
+			})
+		}), /* @__PURE__ */ (0, A.jsx)("span", {
+			className: "truncate",
+			children: t
+		})]
+	});
+}
+var X = /* @__PURE__ */ new Map();
+function Z(e, t) {
+	X.set(e, t);
+}
+function st(e) {
+	return X.has(e) ? X.get(e) : {
+		text: G,
+		textarea: G,
+		markdown: G,
+		html: G,
+		number: Ge,
+		currency: Ke,
+		percent: Je,
+		boolean: Xe,
+		date: Ze,
+		datetime: Qe,
+		time: G,
+		select: K,
+		status: K,
+		lookup: q,
+		master_detail: q,
+		email: nt,
+		url: rt,
+		phone: it,
+		file: at,
+		image: ot,
+		formula: J,
+		summary: J,
+		auto_number: G,
+		user: Y,
+		owner: Y,
+		password: () => /* @__PURE__ */ (0, A.jsx)("span", { children: "••••••" }),
+		location: G,
+		object: () => /* @__PURE__ */ (0, A.jsx)("span", {
+			className: "text-gray-500 italic",
+			children: "[Object]"
+		}),
+		vector: () => /* @__PURE__ */ (0, A.jsx)("span", {
+			className: "text-gray-500 italic",
+			children: "[Vector]"
+		}),
+		grid: () => /* @__PURE__ */ (0, A.jsx)("span", {
+			className: "text-gray-500 italic",
+			children: "[Grid]"
+		})
+	}[e] || G;
+}
+Z("lookup", q), Z("master_detail", q), Z("select", K), Z("status", K), Z("user", Y), Z("owner", Y), n(st);
+function ct(e) {
+	return {
+		text: "field:text",
+		textarea: "field:textarea",
+		markdown: "field:markdown",
+		html: "field:html",
+		number: "field:number",
+		currency: "field:currency",
+		percent: "field:percent",
+		date: "field:date",
+		datetime: "field:datetime",
+		time: "field:time",
+		boolean: "field:boolean",
+		select: "field:select",
+		lookup: "field:lookup",
+		master_detail: "field:master_detail",
+		email: "field:email",
+		phone: "field:phone",
+		url: "field:url",
+		file: "field:file",
+		image: "field:image",
+		password: "field:password",
+		location: "field:location",
+		formula: "field:formula",
+		summary: "field:summary",
+		auto_number: "field:auto_number"
+	}[e] || "field:text";
+}
+function lt(e) {
+	if (e < 0 || !Number.isFinite(e) || e === 0) return "0 B";
+	let t = [
+		"B",
+		"KB",
+		"MB",
+		"GB",
+		"TB"
+	], n = e, r = 0;
+	for (; n >= 1024 && r < t.length - 1;) n /= 1024, r++;
+	return `${n.toFixed(r > 0 ? 1 : 0)} ${t[r]}`;
+}
+function ut(e) {
+	let t = {};
+	return e.required && (t.required = typeof e.required_message == "string" ? e.required_message : `${e.label || e.name} is required`), e.min_length && (t.minLength = {
+		value: e.min_length,
+		message: e.min_length_message || `Minimum length is ${e.min_length} characters`
+	}), e.max_length && (t.maxLength = {
+		value: e.max_length,
+		message: e.max_length_message || `Maximum length is ${e.max_length} characters`
+	}), e.min !== void 0 && (t.min = {
+		value: e.min,
+		message: e.min_message || `Minimum value is ${e.min}`
+	}), e.max !== void 0 && (t.max = {
+		value: e.max,
+		message: e.max_message || `Maximum value is ${e.max}`
+	}), e.pattern && (t.pattern = {
+		value: typeof e.pattern == "string" ? new RegExp(e.pattern) : e.pattern,
+		message: e.pattern_message || "Invalid format"
+	}), e.type === "email" && (t.pattern = {
+		value: /^[^\s@]+@[^\s@]+\.[^\s@]+$/,
+		message: "Please enter a valid email address"
+	}), e.type === "url" && (t.pattern = {
+		value: /^https?:\/\/.+/,
+		message: "Please enter a valid URL"
+	}), e.validate && (t.validate = e.validate), Object.keys(t).length > 0 ? t : void 0;
+}
+function Q(e, t) {
+	if (!e) return !0;
+	if (e.field && e.value !== void 0) {
+		let n = t[e.field];
+		if (e.operator === "=" || e.operator === "==") return n === e.value;
+		if (e.operator === "!=") return n !== e.value;
+		if (e.operator === ">") return n > e.value;
+		if (e.operator === ">=") return n >= e.value;
+		if (e.operator === "<") return n < e.value;
+		if (e.operator === "<=") return n <= e.value;
+		if (e.operator === "in") return Array.isArray(e.value) && e.value.includes(n);
+	}
+	return e.and && Array.isArray(e.and) ? e.and.every((e) => Q(e, t)) : e.or && Array.isArray(e.or) ? e.or.some((e) => Q(e, t)) : !0;
+}
+function $(e) {
+	let t = ({ schema: t, className: n, value: r, ...a }) => {
+		let [o, s] = i.useState(r ?? t?.value ?? ""), c = {
+			name: t?.name || "field",
+			label: t?.label,
+			type: t?.type,
+			placeholder: t?.placeholder,
+			required: t?.required,
+			readonly: t?.readonly || t?.readOnly,
+			help: t?.help,
+			description: t?.description,
+			defaultValue: t?.defaultValue || t?.value,
+			...t
+		}, l = i.useCallback((e) => {
+			s(e), a.onChange && a.onChange(e);
+		}, [a]), u = t?.readonly || t?.readOnly || !1;
+		return /* @__PURE__ */ (0, A.jsxs)("div", {
+			className: "grid w-full items-center gap-1.5",
+			"data-obj-id": t?.id,
+			"data-obj-type": t?.type,
+			children: [
+				t?.label && /* @__PURE__ */ (0, A.jsx)("label", {
+					htmlFor: t.id,
+					className: t.required ? "after:content-['*'] after:ml-0.5 after:text-red-500" : "",
+					children: t.label
+				}),
+				/* @__PURE__ */ (0, A.jsx)(e, {
+					value: o,
+					onChange: l,
+					field: c,
+					readonly: u,
+					className: n
+				}),
+				t?.description && /* @__PURE__ */ (0, A.jsx)("p", {
+					className: "text-sm text-gray-500",
+					children: t.description
+				})
+			]
+		});
+	};
+	return t.displayName = `FieldRenderer(${e.displayName || e.name || "Component"})`, t;
+}
+var dt = {
+	text: () => import("./TextField-CkEDGbkQ.js").then((e) => ({ default: e.TextField })),
+	textarea: () => import("./TextAreaField--ut87UiB.js").then((e) => ({ default: e.TextAreaField })),
+	number: () => import("./NumberField-DCHTzmDG.js").then((e) => ({ default: e.NumberField })),
+	boolean: () => import("./BooleanField-Bs0urhsx.js").then((e) => ({ default: e.BooleanField })),
+	select: () => import("./SelectField-DMy5IxRc.js").then((e) => ({ default: e.SelectField })),
+	date: () => import("./DateField-DjGiK6BH.js").then((e) => ({ default: e.DateField })),
+	datetime: () => import("./DateTimeField-DBh-dYdR.js").then((e) => ({ default: e.DateTimeField })),
+	time: () => import("./TimeField-DA_S6lQV.js").then((e) => ({ default: e.TimeField })),
+	email: () => import("./EmailField-Cp6yJlpH.js").then((e) => ({ default: e.EmailField })),
+	phone: () => import("./PhoneField-CkrCFmcO.js").then((e) => ({ default: e.PhoneField })),
+	url: () => import("./UrlField-DCnXHR1A.js").then((e) => ({ default: e.UrlField })),
+	currency: () => import("./CurrencyField-D4VwXI9k.js").then((e) => ({ default: e.CurrencyField })),
+	percent: () => import("./PercentField-B2t2knlc.js").then((e) => ({ default: e.PercentField })),
+	password: () => import("./PasswordField-BZ_OeQyw.js").then((e) => ({ default: e.PasswordField })),
+	markdown: () => import("./RichTextField-b-8QbNCJ.js").then((e) => ({ default: e.RichTextField })),
+	html: () => import("./RichTextField-b-8QbNCJ.js").then((e) => ({ default: e.RichTextField })),
+	lookup: () => import("./LookupField-BX4sK8NG.js").then((e) => e.n).then((e) => ({ default: e.LookupField })),
+	master_detail: () => import("./MasterDetailField-BXncIT1s.js").then((e) => ({ default: e.MasterDetailField })),
+	file: () => import("./FileField-DUgt6ai3.js").then((e) => ({ default: e.FileField })),
+	image: () => import("./ImageField-rc1Nzcvb.js").then((e) => ({ default: e.ImageField })),
+	location: () => import("./LocationField-QZPPYo0J.js").then((e) => ({ default: e.LocationField })),
+	formula: () => import("./FormulaField-BLV1KgkQ.js").then((e) => ({ default: e.FormulaField })),
+	summary: () => import("./SummaryField-DVSVfKmY.js").then((e) => ({ default: e.SummaryField })),
+	auto_number: () => import("./AutoNumberField-DXIYJfiB.js").then((e) => ({ default: e.AutoNumberField })),
+	user: () => import("./UserField-V0GmvyGV.js").then((e) => ({ default: e.UserField })),
+	owner: () => import("./UserField-V0GmvyGV.js").then((e) => ({ default: e.UserField })),
+	object: () => import("./ObjectField-BEUHpn_X.js").then((e) => ({ default: e.ObjectField })),
+	vector: () => import("./VectorField-CVi5yrrc.js").then((e) => ({ default: e.VectorField })),
+	grid: () => import("./GridField-O3Jd1NuJ.js").then((e) => ({ default: e.GridField })),
+	color: () => import("./ColorField-Bar6bOJw.js").then((e) => ({ default: e.ColorField })),
+	slider: () => import("./SliderField-B7WvKFv7.js").then((e) => ({ default: e.SliderField })),
+	rating: () => import("./RatingField-DecDJkou.js").then((e) => ({ default: e.RatingField })),
+	code: () => import("./CodeField-tRACqngO.js").then((e) => ({ default: e.CodeField })),
+	avatar: () => import("./AvatarField-BHpex3Wa.js").then((e) => ({ default: e.AvatarField })),
+	address: () => import("./AddressField-B6fPb2Fs.js").then((e) => ({ default: e.AddressField })),
+	geolocation: () => import("./GeolocationField-BbIRH51u.js").then((e) => ({ default: e.GeolocationField })),
+	signature: () => import("./SignatureField-BvTPE7Dn.js").then((e) => ({ default: e.SignatureField })),
+	qrcode: () => import("./QRCodeField-CQoGow8y.js").then((e) => ({ default: e.QRCodeField }))
 };
+function ft(e) {
+	let t = dt[e];
+	if (!t) {
+		console.warn(`Unknown field type: ${e}`);
+		return;
+	}
+	let n = i.lazy(t);
+	u.register(e, n, { namespace: "field" });
+}
+function pt() {
+	Object.keys(dt).forEach((e) => {
+		ft(e);
+	});
+}
+function mt() {
+	u.register("text", $(j), { namespace: "field" }), u.register("textarea", $(ge), { namespace: "field" }), u.register("number", $(M), { namespace: "field" }), u.register("boolean", $(N), { namespace: "field" }), u.register("select", $(P), { namespace: "field" }), u.register("date", $(F), { namespace: "field" }), u.register("datetime", $(_e), { namespace: "field" }), u.register("time", $(ve), { namespace: "field" }), u.register("email", $(I), { namespace: "field" }), u.register("phone", $(L), { namespace: "field" }), u.register("url", $(R), { namespace: "field" }), u.register("currency", $(z), { namespace: "field" }), u.register("percent", $(ye), { namespace: "field" }), u.register("password", $(be), { namespace: "field" }), u.register("markdown", $(B), { namespace: "field" }), u.register("html", $(B), { namespace: "field" }), u.register("lookup", $(r), { namespace: "field" }), u.register("master_detail", $(ze), { namespace: "field" }), u.register("file", $(xe), { namespace: "field" }), u.register("image", $(Se), { namespace: "field" }), u.register("location", $(Ce), { namespace: "field" }), u.register("formula", $(we), { namespace: "field" }), u.register("summary", $(Te), { namespace: "field" }), u.register("auto_number", $(Ee), { namespace: "field" }), u.register("user", $(V), { namespace: "field" }), u.register("owner", $(V), { namespace: "field" }), u.register("object", $(De), { namespace: "field" }), u.register("vector", $(Oe), { namespace: "field" }), u.register("grid", $(ke), { namespace: "field" }), u.register("color", $(Ae), { namespace: "field" }), u.register("slider", $(je), { namespace: "field" }), u.register("rating", $(Me), { namespace: "field" }), u.register("code", $(Ne), { namespace: "field" }), u.register("avatar", $(Pe), { namespace: "field" }), u.register("address", $(Fe), { namespace: "field" }), u.register("geolocation", $(Ie), { namespace: "field" }), u.register("signature", $(Le), { namespace: "field" }), u.register("qrcode", $(Re), { namespace: "field" });
+}
+pt();
+//#endregion
+export { Fe as AddressField, Ee as AutoNumberField, Pe as AvatarField, Xe as BooleanCellRenderer, N as BooleanField, Ne as CodeField, Ae as ColorField, Ke as CurrencyCellRenderer, z as CurrencyField, Ze as DateCellRenderer, F as DateField, Qe as DateTimeCellRenderer, _e as DateTimeField, nt as EmailCellRenderer, I as EmailField, at as FileCellRenderer, xe as FileField, J as FormulaCellRenderer, we as FormulaField, Ie as GeolocationField, ke as GridField, ot as ImageCellRenderer, Se as ImageField, Ce as LocationField, q as LookupCellRenderer, r as LookupField, ze as MasterDetailField, Ge as NumberCellRenderer, M as NumberField, De as ObjectField, be as PasswordField, Je as PercentCellRenderer, ye as PercentField, it as PhoneCellRenderer, L as PhoneField, Re as QRCodeField, Me as RatingField, t as RecordPickerDialog, B as RichTextField, K as SelectCellRenderer, P as SelectField, Le as SignatureField, je as SliderField, Te as SummaryField, ge as TextAreaField, G as TextCellRenderer, j as TextField, ve as TimeField, rt as UrlCellRenderer, R as UrlField, Y as UserCellRenderer, V as UserField, Oe as VectorField, ut as buildValidationRules, H as coerceToSafeValue, Q as evaluateCondition, Ve as formatCompactCurrency, Be as formatCurrency, W as formatDate, We as formatDateTime, lt as formatFileSize, He as formatPercent, Ue as formatRelativeDate, st as getCellRenderer, U as humanizeLabel, ct as mapFieldTypeToFormType, pt as registerAllFields, ft as registerField, Z as registerFieldRenderer, mt as registerFields };