@object-ui/fields 0.3.0

package/dist/index.js

@@ -0,0 +1,1060 @@
+import Ee, { useState as ee } from "react";
+import { Textarea as q, Input as _, Checkbox as Ce, Label as re, Switch as Se, Select as Te, SelectTrigger as Fe, SelectValue as Ae, SelectContent as Oe, SelectItem as Pe, Badge as w, Dialog as $e, DialogTrigger as De, Button as W, DialogContent as Ue, DialogHeader as Ie, DialogTitle as Me, Avatar as Y, AvatarFallback as z } from "@object-ui/components";
+import { X as he, Search as Le, Check as Ye } from "lucide-react";
+import { ComponentRegistry as x } from "@object-ui/core";
+var A = { exports: {} }, C = {};
+var te;
+function ze() {
+  if (te) return C;
+  te = 1;
+  var e = /* @__PURE__ */ Symbol.for("react.transitional.element"), t = /* @__PURE__ */ Symbol.for("react.fragment");
+  function n(s, l, i) {
+    var c = null;
+    if (i !== void 0 && (c = "" + i), l.key !== void 0 && (c = "" + l.key), "key" in l) {
+      i = {};
+      for (var m in l)
+        m !== "key" && (i[m] = l[m]);
+    } else i = l;
+    return l = i.ref, {
+      $$typeof: e,
+      type: s,
+      key: c,
+      ref: l !== void 0 ? l : null,
+      props: i
+    };
+  }
+  return C.Fragment = t, C.jsx = n, C.jsxs = n, C;
+}
+var S = {};
+var ae;
+function Be() {
+  return ae || (ae = 1, process.env.NODE_ENV !== "production" && (function() {
+    function e(a) {
+      if (a == null) return null;
+      if (typeof a == "function")
+        return a.$$typeof === Re ? null : a.displayName || a.name || null;
+      if (typeof a == "string") return a;
+      switch (a) {
+        case u:
+          return "Fragment";
+        case E:
+          return "Profiler";
+        case j:
+          return "StrictMode";
+        case Ne:
+          return "Suspense";
+        case ye:
+          return "SuspenseList";
+        case _e:
+          return "Activity";
+      }
+      if (typeof a == "object")
+        switch (typeof a.tag == "number" && console.error(
+          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
+        ), a.$$typeof) {
+          case P:
+            return "Portal";
+          case be:
+            return a.displayName || "Context";
+          case $:
+            return (a._context.displayName || "Context") + ".Consumer";
+          case je:
+            var o = a.render;
+            return a = a.displayName, a || (a = o.displayName || o.name || "", a = a !== "" ? "ForwardRef(" + a + ")" : "ForwardRef"), a;
+          case ve:
+            return o = a.displayName || null, o !== null ? o : e(a.type) || "Memo";
+          case D:
+            o = a._payload, a = a._init;
+            try {
+              return e(a(o));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function t(a) {
+      return "" + a;
+    }
+    function n(a) {
+      try {
+        t(a);
+        var o = !1;
+      } catch {
+        o = !0;
+      }
+      if (o) {
+        o = console;
+        var p = o.error, f = typeof Symbol == "function" && Symbol.toStringTag && a[Symbol.toStringTag] || a.constructor.name || "Object";
+        return p.call(
+          o,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          f
+        ), t(a);
+      }
+    }
+    function s(a) {
+      if (a === u) return "<>";
+      if (typeof a == "object" && a !== null && a.$$typeof === D)
+        return "<...>";
+      try {
+        var o = e(a);
+        return o ? "<" + o + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function l() {
+      var a = U.A;
+      return a === null ? null : a.getOwner();
+    }
+    function i() {
+      return Error("react-stack-top-frame");
+    }
+    function c(a) {
+      if (J.call(a, "key")) {
+        var o = Object.getOwnPropertyDescriptor(a, "key").get;
+        if (o && o.isReactWarning) return !1;
+      }
+      return a.key !== void 0;
+    }
+    function m(a, o) {
+      function p() {
+        X || (X = !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)",
+          o
+        ));
+      }
+      p.isReactWarning = !0, Object.defineProperty(a, "key", {
+        get: p,
+        configurable: !0
+      });
+    }
+    function d() {
+      var a = e(this.type);
+      return H[a] || (H[a] = !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."
+      )), a = this.props.ref, a !== void 0 ? a : null;
+    }
+    function b(a, o, p, f, F, M) {
+      var h = p.ref;
+      return a = {
+        $$typeof: T,
+        type: a,
+        key: o,
+        props: p,
+        _owner: f
+      }, (h !== void 0 ? h : null) !== null ? Object.defineProperty(a, "ref", {
+        enumerable: !1,
+        get: d
+      }) : Object.defineProperty(a, "ref", { enumerable: !1, value: null }), a._store = {}, Object.defineProperty(a._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: 0
+      }), Object.defineProperty(a, "_debugInfo", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: null
+      }), Object.defineProperty(a, "_debugStack", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: F
+      }), Object.defineProperty(a, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: M
+      }), Object.freeze && (Object.freeze(a.props), Object.freeze(a)), a;
+    }
+    function g(a, o, p, f, F, M) {
+      var h = o.children;
+      if (h !== void 0)
+        if (f)
+          if (we(h)) {
+            for (f = 0; f < h.length; f++)
+              y(h[f]);
+            Object.freeze && Object.freeze(h);
+          } 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 y(h);
+      if (J.call(o, "key")) {
+        h = e(a);
+        var k = Object.keys(o).filter(function(ke) {
+          return ke !== "key";
+        });
+        f = 0 < k.length ? "{key: someKey, " + k.join(": ..., ") + ": ...}" : "{key: someKey}", K[h + f] || (k = 0 < k.length ? "{" + k.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} />`,
+          f,
+          h,
+          k,
+          h
+        ), K[h + f] = !0);
+      }
+      if (h = null, p !== void 0 && (n(p), h = "" + p), c(o) && (n(o.key), h = "" + o.key), "key" in o) {
+        p = {};
+        for (var L in o)
+          L !== "key" && (p[L] = o[L]);
+      } else p = o;
+      return h && m(
+        p,
+        typeof a == "function" ? a.displayName || a.name || "Unknown" : a
+      ), b(
+        a,
+        h,
+        p,
+        l(),
+        F,
+        M
+      );
+    }
+    function y(a) {
+      R(a) ? a._store && (a._store.validated = 1) : typeof a == "object" && a !== null && a.$$typeof === D && (a._payload.status === "fulfilled" ? R(a._payload.value) && a._payload.value._store && (a._payload.value._store.validated = 1) : a._store && (a._store.validated = 1));
+    }
+    function R(a) {
+      return typeof a == "object" && a !== null && a.$$typeof === T;
+    }
+    var N = Ee, T = /* @__PURE__ */ Symbol.for("react.transitional.element"), P = /* @__PURE__ */ Symbol.for("react.portal"), u = /* @__PURE__ */ Symbol.for("react.fragment"), j = /* @__PURE__ */ Symbol.for("react.strict_mode"), E = /* @__PURE__ */ Symbol.for("react.profiler"), $ = /* @__PURE__ */ Symbol.for("react.consumer"), be = /* @__PURE__ */ Symbol.for("react.context"), je = /* @__PURE__ */ Symbol.for("react.forward_ref"), Ne = /* @__PURE__ */ Symbol.for("react.suspense"), ye = /* @__PURE__ */ Symbol.for("react.suspense_list"), ve = /* @__PURE__ */ Symbol.for("react.memo"), D = /* @__PURE__ */ Symbol.for("react.lazy"), _e = /* @__PURE__ */ Symbol.for("react.activity"), Re = /* @__PURE__ */ Symbol.for("react.client.reference"), U = N.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, J = Object.prototype.hasOwnProperty, we = Array.isArray, I = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    N = {
+      react_stack_bottom_frame: function(a) {
+        return a();
+      }
+    };
+    var X, H = {}, Q = N.react_stack_bottom_frame.bind(
+      N,
+      i
+    )(), Z = I(s(i)), K = {};
+    S.Fragment = u, S.jsx = function(a, o, p) {
+      var f = 1e4 > U.recentlyCreatedOwnerStacks++;
+      return g(
+        a,
+        o,
+        p,
+        !1,
+        f ? Error("react-stack-top-frame") : Q,
+        f ? I(s(a)) : Z
+      );
+    }, S.jsxs = function(a, o, p) {
+      var f = 1e4 > U.recentlyCreatedOwnerStacks++;
+      return g(
+        a,
+        o,
+        p,
+        !0,
+        f ? Error("react-stack-top-frame") : Q,
+        f ? I(s(a)) : Z
+      );
+    };
+  })()), S;
+}
+var ne;
+function Ve() {
+  return ne || (ne = 1, process.env.NODE_ENV === "production" ? A.exports = ze() : A.exports = Be()), A.exports;
+}
+var r = Ve();
+function se({ value: e, onChange: t, field: n, readonly: s, ...l }) {
+  if (s)
+    return /* @__PURE__ */ r.jsx("span", { className: "text-sm", children: e || "-" });
+  const i = n.rows;
+  return i && i > 1 ? /* @__PURE__ */ r.jsx(
+    q,
+    {
+      value: e || "",
+      onChange: (c) => t(c.target.value),
+      placeholder: n.placeholder,
+      disabled: s,
+      className: l.className
+    }
+  ) : /* @__PURE__ */ r.jsx(
+    _,
+    {
+      type: n.type === "password" ? "password" : "text",
+      value: e || "",
+      onChange: (c) => t(c.target.value),
+      placeholder: n.placeholder,
+      disabled: s,
+      className: l.className
+    }
+  );
+}
+function le({ value: e, onChange: t, field: n, readonly: s, ...l }) {
+  if (s)
+    return /* @__PURE__ */ r.jsx("span", { className: "text-sm", children: e ?? "-" });
+  const i = n.precision;
+  return /* @__PURE__ */ r.jsx(
+    _,
+    {
+      type: "number",
+      value: e ?? "",
+      onChange: (c) => {
+        const m = c.target.value;
+        t(m === "" ? null : Number(m));
+      },
+      placeholder: n.placeholder,
+      disabled: s,
+      step: i ? Math.pow(10, -i) : "any",
+      className: l.className
+    }
+  );
+}
+function qe({ value: e, onChange: t, field: n, readonly: s, ...l }) {
+  return s ? /* @__PURE__ */ r.jsx("span", { className: "text-sm", children: e ? "Yes" : "No" }) : n.widget === "checkbox" ? /* @__PURE__ */ r.jsxs("div", { className: "flex items-center space-x-2", children: [
+    /* @__PURE__ */ r.jsx(
+      Ce,
+      {
+        id: n.name,
+        checked: !!e,
+        onCheckedChange: (c) => t(!!c),
+        disabled: s,
+        className: l.className
+      }
+    ),
+    /* @__PURE__ */ r.jsx(re, { htmlFor: n.name, children: n.label })
+  ] }) : /* @__PURE__ */ r.jsxs("div", { className: "flex items-center space-x-2", children: [
+    /* @__PURE__ */ r.jsx(
+      Se,
+      {
+        id: n.name,
+        checked: !!e,
+        onCheckedChange: t,
+        disabled: s,
+        className: l.className
+      }
+    ),
+    /* @__PURE__ */ r.jsx(re, { htmlFor: n.name, children: n.label })
+  ] });
+}
+function We({ value: e, onChange: t, field: n, readonly: s, ...l }) {
+  const i = n.options || [];
+  if (s) {
+    const c = i.find((m) => m.value === e);
+    return /* @__PURE__ */ r.jsx("span", { className: "text-sm", children: c?.label || e || "-" });
+  }
+  return /* @__PURE__ */ r.jsxs(
+    Te,
+    {
+      value: e,
+      onValueChange: t,
+      disabled: s,
+      children: [
+        /* @__PURE__ */ r.jsx(Fe, { className: l.className, children: /* @__PURE__ */ r.jsx(Ae, { placeholder: n.placeholder || "Select an option" }) }),
+        /* @__PURE__ */ r.jsx(Oe, { children: i.map((c) => /* @__PURE__ */ r.jsx(Pe, { value: c.value, children: c.label }, c.value)) })
+      ]
+    }
+  );
+}
+function Ge({ value: e, onChange: t, field: n, readonly: s, ...l }) {
+  return s ? /* @__PURE__ */ r.jsx("span", { className: "text-sm", children: e ? new Date(e).toLocaleDateString() : "-" }) : /* @__PURE__ */ r.jsx(
+    _,
+    {
+      type: "date",
+      value: e || "",
+      onChange: (i) => t(i.target.value),
+      disabled: s,
+      className: l.className
+    }
+  );
+}
+function ie({ value: e, onChange: t, field: n, readonly: s, errorMessage: l, ...i }) {
+  return s ? e ? /* @__PURE__ */ r.jsx(
+    "a",
+    {
+      href: `mailto:${e}`,
+      className: "text-sm text-blue-600 hover:text-blue-800 hover:underline",
+      children: e
+    }
+  ) : /* @__PURE__ */ r.jsx("span", { className: "text-sm", children: "-" }) : /* @__PURE__ */ r.jsx(
+    _,
+    {
+      type: "email",
+      value: e || "",
+      onChange: (c) => t(c.target.value),
+      placeholder: n.placeholder || "email@example.com",
+      disabled: s,
+      className: i.className,
+      "aria-invalid": !!l
+    }
+  );
+}
+function ce({ value: e, onChange: t, field: n, readonly: s, errorMessage: l, ...i }) {
+  return s ? e ? /* @__PURE__ */ r.jsx(
+    "a",
+    {
+      href: `tel:${e}`,
+      className: "text-sm text-blue-600 hover:text-blue-800 hover:underline",
+      children: e
+    }
+  ) : /* @__PURE__ */ r.jsx("span", { className: "text-sm", children: "-" }) : /* @__PURE__ */ r.jsx(
+    _,
+    {
+      type: "tel",
+      value: e || "",
+      onChange: (c) => t(c.target.value),
+      placeholder: n.placeholder || "(555) 123-4567",
+      disabled: s,
+      className: i.className,
+      "aria-invalid": !!l
+    }
+  );
+}
+function oe({ value: e, onChange: t, field: n, readonly: s, errorMessage: l, ...i }) {
+  return s ? e ? e.startsWith("http://") || e.startsWith("https://") ? /* @__PURE__ */ r.jsx(
+    "a",
+    {
+      href: e,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      className: "text-sm text-blue-600 hover:text-blue-800 hover:underline",
+      children: e
+    }
+  ) : /* @__PURE__ */ r.jsx("span", { className: "text-sm", children: e }) : /* @__PURE__ */ r.jsx("span", { className: "text-sm", children: "-" }) : /* @__PURE__ */ r.jsx(
+    _,
+    {
+      type: "url",
+      value: e || "",
+      onChange: (c) => t(c.target.value),
+      placeholder: n.placeholder || "https://example.com",
+      disabled: s,
+      className: i.className,
+      "aria-invalid": !!l
+    }
+  );
+}
+function Je(e, t = "USD") {
+  try {
+    return new Intl.NumberFormat("en-US", {
+      style: "currency",
+      currency: t
+    }).format(e);
+  } catch {
+    return `${t} ${e.toFixed(2)}`;
+  }
+}
+function ue({ value: e, onChange: t, field: n, readonly: s, errorMessage: l, ...i }) {
+  const c = n, m = c.currency || "USD", d = c.precision ?? 2;
+  if (s)
+    return e == null ? /* @__PURE__ */ r.jsx("span", { className: "text-sm", children: "-" }) : /* @__PURE__ */ r.jsx("span", { className: "text-sm font-medium tabular-nums", children: Je(Number(e), m) });
+  const b = (g) => {
+    const y = parseFloat(g.target.value);
+    isNaN(y) || t(parseFloat(y.toFixed(d)));
+  };
+  return /* @__PURE__ */ r.jsxs("div", { className: "relative", children: [
+    /* @__PURE__ */ r.jsx("span", { className: "absolute left-3 top-1/2 -translate-y-1/2 text-sm text-gray-500", children: m === "USD" ? "$" : m }),
+    /* @__PURE__ */ r.jsx(
+      _,
+      {
+        type: "number",
+        value: e ?? "",
+        onChange: (g) => {
+          const y = g.target.value === "" ? null : parseFloat(g.target.value);
+          t(y);
+        },
+        onBlur: b,
+        placeholder: n.placeholder || "0.00",
+        disabled: s,
+        className: `pl-8 ${i.className || ""}`,
+        step: Math.pow(10, -d).toFixed(d),
+        "aria-invalid": !!l
+      }
+    )
+  ] });
+}
+function me({ value: e, onChange: t, field: n, readonly: s, errorMessage: l, ...i }) {
+  if (s)
+    return /* @__PURE__ */ r.jsx("div", { className: "text-sm whitespace-pre-wrap", children: e || "-" });
+  const c = n, m = c.rows || 4, d = c.max_length;
+  return /* @__PURE__ */ r.jsxs("div", { className: "relative", children: [
+    /* @__PURE__ */ r.jsx(
+      q,
+      {
+        value: e || "",
+        onChange: (b) => t(b.target.value),
+        placeholder: n.placeholder,
+        disabled: s,
+        rows: m,
+        maxLength: d,
+        className: i.className,
+        "aria-invalid": !!l
+      }
+    ),
+    d && /* @__PURE__ */ r.jsxs(
+      "div",
+      {
+        className: "absolute bottom-2 right-2 text-xs text-gray-400",
+        "aria-live": "polite",
+        "aria-label": `Character count: ${(e || "").length} of ${d}`,
+        children: [
+          (e || "").length,
+          "/",
+          d
+        ]
+      }
+    )
+  ] });
+}
+function de({ value: e, onChange: t, field: n, readonly: s, errorMessage: l, ...i }) {
+  if (s)
+    return /* @__PURE__ */ r.jsx(
+      "div",
+      {
+        className: "text-sm prose prose-sm max-w-none",
+        children: e || "-"
+      }
+    );
+  const c = n, m = c.rows || 8, d = c.format || "markdown";
+  return /* @__PURE__ */ r.jsxs("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ r.jsxs("div", { className: "flex items-center justify-between text-xs text-gray-500", children: [
+      /* @__PURE__ */ r.jsxs("span", { children: [
+        "Format: ",
+        d
+      ] }),
+      /* @__PURE__ */ r.jsx("span", { className: "italic", children: "Rich text editor (basic)" })
+    ] }),
+    /* @__PURE__ */ r.jsx(
+      q,
+      {
+        value: e || "",
+        onChange: (b) => t(b.target.value),
+        placeholder: n.placeholder || "Enter text...",
+        disabled: s,
+        rows: m,
+        className: `font-mono text-sm ${i.className || ""}`,
+        "aria-invalid": !!l
+      }
+    )
+  ] });
+}
+function B({ value: e, onChange: t, field: n, readonly: s }) {
+  const [l, i] = ee(!1), [c, m] = ee(""), d = n, b = d.options || [], g = d.multiple || !1, y = d.display_field || "label", R = b.filter(
+    (u) => u.label.toLowerCase().includes(c.toLowerCase())
+  ), N = g ? (Array.isArray(e) ? e : []).map(
+    (u) => b.find((j) => j.value === u)
+  ).filter(Boolean) : e ? [b.find((u) => u.value === e)].filter(Boolean) : [], T = (u) => {
+    if (g) {
+      const j = Array.isArray(e) ? e : [], E = j.includes(u.value);
+      t(E ? j.filter(($) => $ !== u.value) : [...j, u.value]);
+    } else
+      t(u.value), i(!1);
+  }, P = (u) => {
+    if (g) {
+      const j = Array.isArray(e) ? e : [];
+      t(j.filter((E) => E !== u));
+    } else
+      t(null);
+  };
+  return s ? N.length ? g ? /* @__PURE__ */ r.jsx("div", { className: "flex flex-wrap gap-1", children: N.map((u, j) => /* @__PURE__ */ r.jsx(w, { variant: "outline", children: u?.[y] || u?.label }, j)) }) : /* @__PURE__ */ r.jsx("span", { className: "text-sm", children: N[0]?.[y] || N[0]?.label }) : /* @__PURE__ */ r.jsx("span", { className: "text-sm", children: "-" }) : /* @__PURE__ */ r.jsxs("div", { className: "space-y-2", children: [
+    N.length > 0 && /* @__PURE__ */ r.jsx("div", { className: "flex flex-wrap gap-1", children: N.map((u, j) => /* @__PURE__ */ r.jsxs(
+      w,
+      {
+        variant: "outline",
+        className: "gap-1",
+        children: [
+          u?.[y] || u?.label,
+          /* @__PURE__ */ r.jsx(
+            "button",
+            {
+              onClick: () => P(u?.value),
+              className: "ml-1 hover:text-destructive",
+              type: "button",
+              "aria-label": `Remove ${u?.[y] || u?.label}`,
+              children: /* @__PURE__ */ r.jsx(he, { className: "size-3" })
+            }
+          )
+        ]
+      },
+      j
+    )) }),
+    /* @__PURE__ */ r.jsxs($e, { open: l, onOpenChange: i, children: [
+      /* @__PURE__ */ r.jsx(De, { asChild: !0, children: /* @__PURE__ */ r.jsxs(
+        W,
+        {
+          variant: "outline",
+          className: "w-full justify-start text-left font-normal",
+          type: "button",
+          children: [
+            /* @__PURE__ */ r.jsx(Le, { className: "mr-2 size-4" }),
+            N.length === 0 ? n.placeholder || "Select..." : g ? `${N.length} selected` : "Change selection"
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ r.jsxs(Ue, { className: "max-w-md", children: [
+        /* @__PURE__ */ r.jsx(Ie, { children: /* @__PURE__ */ r.jsxs(Me, { children: [
+          n.label || "Select",
+          " ",
+          g && "(multiple)"
+        ] }) }),
+        /* @__PURE__ */ r.jsxs("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ r.jsx(
+            _,
+            {
+              placeholder: "Search...",
+              value: c,
+              onChange: (u) => m(u.target.value),
+              className: "w-full"
+            }
+          ),
+          /* @__PURE__ */ r.jsx("div", { className: "max-h-64 overflow-y-auto space-y-1", children: R.length === 0 ? /* @__PURE__ */ r.jsx("p", { className: "text-sm text-gray-500 text-center py-4", children: "No options found" }) : R.map((u) => {
+            const j = g ? (Array.isArray(e) ? e : []).includes(u.value) : e === u.value;
+            return /* @__PURE__ */ r.jsxs(
+              "button",
+              {
+                onClick: () => T(u),
+                className: `w-full text-left px-3 py-2 rounded-md text-sm hover:bg-gray-100 flex items-center justify-between ${j ? "bg-blue-50 text-blue-700" : ""}`,
+                type: "button",
+                children: [
+                  /* @__PURE__ */ r.jsx("span", { children: u.label }),
+                  j && /* @__PURE__ */ r.jsx(w, { variant: "default", className: "ml-2", children: "Selected" })
+                ]
+              },
+              u.value
+            );
+          }) })
+        ] })
+      ] })
+    ] })
+  ] });
+}
+function Xe(e, t = "USD") {
+  try {
+    return new Intl.NumberFormat("en-US", {
+      style: "currency",
+      currency: t
+    }).format(e);
+  } catch {
+    return `${t} ${e.toFixed(2)}`;
+  }
+}
+function He(e, t = 2) {
+  return `${(e * 100).toFixed(t)}%`;
+}
+function Qe(e, t) {
+  if (!e) return "-";
+  const n = typeof e == "string" ? new Date(e) : e;
+  return isNaN(n.getTime()) ? "-" : n.toLocaleDateString("en-US", {
+    year: "numeric",
+    month: "short",
+    day: "numeric"
+  });
+}
+function Ze(e) {
+  if (!e) return "-";
+  const t = typeof e == "string" ? new Date(e) : e;
+  return isNaN(t.getTime()) ? "-" : t.toLocaleDateString("en-US", {
+    year: "numeric",
+    month: "short",
+    day: "numeric",
+    hour: "2-digit",
+    minute: "2-digit"
+  });
+}
+function v({ value: e }) {
+  return /* @__PURE__ */ r.jsx("span", { className: "truncate", children: e || "-" });
+}
+function Ke({ value: e, field: t }) {
+  if (e == null) return /* @__PURE__ */ r.jsx("span", { children: "-" });
+  const s = t.precision ?? 0, l = typeof e == "number" ? e.toFixed(s) : e;
+  return /* @__PURE__ */ r.jsx("span", { className: "tabular-nums", children: l });
+}
+function er({ value: e, field: t }) {
+  if (e == null) return /* @__PURE__ */ r.jsx("span", { children: "-" });
+  const s = t.currency || "USD", l = Xe(Number(e), s);
+  return /* @__PURE__ */ r.jsx("span", { className: "tabular-nums font-medium", children: l });
+}
+function rr({ value: e, field: t }) {
+  if (e == null) return /* @__PURE__ */ r.jsx("span", { children: "-" });
+  const s = t.precision ?? 2, l = He(Number(e), s);
+  return /* @__PURE__ */ r.jsx("span", { className: "tabular-nums", children: l });
+}
+function tr({ value: e }) {
+  return /* @__PURE__ */ r.jsx("div", { className: "flex items-center", children: e ? /* @__PURE__ */ r.jsxs(w, { variant: "outline", className: "bg-green-50 text-green-700 border-green-200 gap-1", children: [
+    /* @__PURE__ */ r.jsx(Ye, { className: "size-3" }),
+    "True"
+  ] }) : /* @__PURE__ */ r.jsxs(w, { variant: "outline", className: "bg-gray-50 text-gray-500 border-gray-200 gap-1", children: [
+    /* @__PURE__ */ r.jsx(he, { className: "size-3" }),
+    "False"
+  ] }) });
+}
+function ar({ value: e, field: t }) {
+  const s = Qe(e, t.format);
+  return /* @__PURE__ */ r.jsx("span", { className: "tabular-nums", children: s });
+}
+function nr({ value: e }) {
+  const t = Ze(e);
+  return /* @__PURE__ */ r.jsx("span", { className: "tabular-nums text-sm", children: t });
+}
+function O({ value: e, field: t }) {
+  const s = t.options || [];
+  if (!e) return /* @__PURE__ */ r.jsx("span", { children: "-" });
+  const l = (d) => {
+    const b = {
+      gray: "bg-gray-100 text-gray-800 border-gray-300",
+      red: "bg-red-100 text-red-800 border-red-300",
+      orange: "bg-orange-100 text-orange-800 border-orange-300",
+      yellow: "bg-yellow-100 text-yellow-800 border-yellow-300",
+      green: "bg-green-100 text-green-800 border-green-300",
+      blue: "bg-blue-100 text-blue-800 border-blue-300",
+      indigo: "bg-indigo-100 text-indigo-800 border-indigo-300",
+      purple: "bg-purple-100 text-purple-800 border-purple-300",
+      pink: "bg-pink-100 text-pink-800 border-pink-300"
+    };
+    return b[d || "blue"] || b.blue;
+  };
+  if (Array.isArray(e))
+    return /* @__PURE__ */ r.jsx("div", { className: "flex flex-wrap gap-1", children: e.map((d, b) => {
+      const g = s.find((N) => N.value === d), y = g?.label || d, R = l(g?.color);
+      return /* @__PURE__ */ r.jsx(
+        w,
+        {
+          variant: "outline",
+          className: R,
+          children: y
+        },
+        b
+      );
+    }) });
+  const i = s.find((d) => d.value === e), c = i?.label || e, m = l(i?.color);
+  return /* @__PURE__ */ r.jsx(
+    w,
+    {
+      variant: "outline",
+      className: m,
+      children: c
+    }
+  );
+}
+function sr({ value: e }) {
+  return e ? /* @__PURE__ */ r.jsx(
+    W,
+    {
+      variant: "link",
+      className: "p-0 h-auto font-normal text-blue-600 hover:text-blue-800",
+      asChild: !0,
+      children: /* @__PURE__ */ r.jsx(
+        "a",
+        {
+          href: `mailto:${e}`,
+          onClick: (t) => t.stopPropagation(),
+          children: e
+        }
+      )
+    }
+  ) : /* @__PURE__ */ r.jsx("span", { children: "-" });
+}
+function lr({ value: e }) {
+  return e ? /* @__PURE__ */ r.jsx(
+    W,
+    {
+      variant: "link",
+      className: "p-0 h-auto font-normal text-blue-600 hover:text-blue-800",
+      asChild: !0,
+      children: /* @__PURE__ */ r.jsx(
+        "a",
+        {
+          href: e,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          onClick: (t) => t.stopPropagation(),
+          children: e
+        }
+      )
+    }
+  ) : /* @__PURE__ */ r.jsx("span", { children: "-" });
+}
+function ir({ value: e }) {
+  return e ? /* @__PURE__ */ r.jsx(
+    "a",
+    {
+      href: `tel:${e}`,
+      className: "text-blue-600 hover:text-blue-800",
+      onClick: (t) => t.stopPropagation(),
+      children: e
+    }
+  ) : /* @__PURE__ */ r.jsx("span", { children: "-" });
+}
+function cr({ value: e, field: t }) {
+  if (!e) return /* @__PURE__ */ r.jsx("span", { children: "-" });
+  if (t.multiple, Array.isArray(e)) {
+    const l = e.length;
+    return /* @__PURE__ */ r.jsxs("span", { className: "text-sm text-gray-600", children: [
+      l,
+      " ",
+      l === 1 ? "file" : "files"
+    ] });
+  }
+  const s = e.name || e.original_name || "File";
+  return /* @__PURE__ */ r.jsx("span", { className: "text-sm truncate", children: s });
+}
+function or({ value: e }) {
+  return e ? Array.isArray(e) ? /* @__PURE__ */ r.jsxs("div", { className: "flex -space-x-2", children: [
+    e.slice(0, 3).map((t, n) => /* @__PURE__ */ r.jsx(
+      "img",
+      {
+        src: t.url || "",
+        alt: t.name || `Image ${n + 1}`,
+        className: "size-8 rounded-md border-2 border-white object-cover"
+      },
+      n
+    )),
+    e.length > 3 && /* @__PURE__ */ r.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__ */ r.jsx(
+    "img",
+    {
+      src: e.url || "",
+      alt: e.name || "Image",
+      className: "size-10 rounded-md object-cover"
+    }
+  ) : /* @__PURE__ */ r.jsx("span", { children: "-" });
+}
+function ge({ value: e }) {
+  if (!e) return /* @__PURE__ */ r.jsx("span", { children: "-" });
+  if (Array.isArray(e))
+    return /* @__PURE__ */ r.jsx("div", { className: "flex flex-wrap gap-1", children: e.map((t, n) => {
+      const s = t.name || t.label || t._id || String(t);
+      return /* @__PURE__ */ r.jsx(
+        "span",
+        {
+          className: "inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-gray-100 text-gray-800",
+          children: s
+        },
+        n
+      );
+    }) });
+  if (typeof e == "object" && e !== null) {
+    const t = e.name || e.label || e._id || "[Object]";
+    return /* @__PURE__ */ r.jsx("span", { className: "truncate", children: t });
+  }
+  return /* @__PURE__ */ r.jsx("span", { className: "truncate", children: String(e) });
+}
+function pe({ value: e }) {
+  return /* @__PURE__ */ r.jsx("span", { className: "text-gray-700 font-mono text-sm", children: e != null ? String(e) : "-" });
+}
+function xe({ value: e }) {
+  if (!e) return /* @__PURE__ */ r.jsx("span", { children: "-" });
+  if (Array.isArray(e))
+    return /* @__PURE__ */ r.jsxs("div", { className: "flex -space-x-2", children: [
+      e.slice(0, 3).map((s, l) => {
+        const i = s.name || s.username || "User", c = i.split(" ").map((m) => m[0]).join("").toUpperCase().slice(0, 2);
+        return /* @__PURE__ */ r.jsx(
+          Y,
+          {
+            className: "size-8 border-2 border-white",
+            title: i,
+            children: /* @__PURE__ */ r.jsx(z, { className: "bg-blue-500 text-white text-xs", children: c })
+          },
+          l
+        );
+      }),
+      e.length > 3 && /* @__PURE__ */ r.jsx(Y, { className: "size-8 border-2 border-white", children: /* @__PURE__ */ r.jsxs(z, { className: "bg-gray-200 text-gray-600 text-xs", children: [
+        "+",
+        e.length - 3
+      ] }) })
+    ] });
+  const t = e.name || e.username || "User", n = t.split(" ").map((s) => s[0]).join("").toUpperCase().slice(0, 2);
+  return /* @__PURE__ */ r.jsxs("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ r.jsx(Y, { className: "size-8", children: /* @__PURE__ */ r.jsx(z, { className: "bg-blue-500 text-white text-xs", children: n }) }),
+    /* @__PURE__ */ r.jsx("span", { className: "truncate", children: t })
+  ] });
+}
+const V = /* @__PURE__ */ new Map();
+function G(e, t) {
+  V.set(e, t);
+}
+function xr(e) {
+  return V.has(e) ? V.get(e) : {
+    text: v,
+    textarea: v,
+    markdown: v,
+    html: v,
+    number: Ke,
+    currency: er,
+    percent: rr,
+    boolean: tr,
+    date: ar,
+    datetime: nr,
+    time: v,
+    select: O,
+    lookup: O,
+    // Default fallback
+    master_detail: O,
+    // Default fallback
+    email: sr,
+    url: lr,
+    phone: ir,
+    file: cr,
+    image: or,
+    formula: pe,
+    summary: pe,
+    auto_number: v,
+    user: xe,
+    owner: xe,
+    password: () => /* @__PURE__ */ r.jsx("span", { children: "••••••" }),
+    location: v,
+    // Default fallback
+    object: () => /* @__PURE__ */ r.jsx("span", { className: "text-gray-500 italic", children: "[Object]" }),
+    vector: () => /* @__PURE__ */ r.jsx("span", { className: "text-gray-500 italic", children: "[Vector]" }),
+    grid: () => /* @__PURE__ */ r.jsx("span", { className: "text-gray-500 italic", children: "[Grid]" })
+  }[e] || v;
+}
+G("lookup", ge);
+G("master_detail", ge);
+G("select", O);
+function fr(e) {
+  return {
+    // Text-based fields
+    text: "input",
+    textarea: "textarea",
+    markdown: "textarea",
+    // Markdown editor (fallback to textarea)
+    html: "textarea",
+    // Rich text editor (fallback to textarea)
+    // Numeric fields
+    number: "input",
+    currency: "input",
+    percent: "input",
+    // Date/Time fields
+    date: "date-picker",
+    datetime: "date-picker",
+    time: "input",
+    // Time picker (fallback to input with type="time")
+    // Boolean
+    boolean: "switch",
+    // Selection fields
+    select: "select",
+    lookup: "select",
+    master_detail: "select",
+    // Contact fields
+    email: "input",
+    phone: "input",
+    url: "input",
+    // File fields
+    file: "file-upload",
+    image: "file-upload",
+    // Special fields
+    password: "input",
+    location: "input",
+    // Location/map field (fallback to input)
+    // Auto-generated/computed fields (typically read-only)
+    formula: "input",
+    summary: "input",
+    auto_number: "input",
+    // Complex data types
+    object: "input",
+    // JSON object (fallback to input)
+    vector: "input",
+    // Vector/embedding data (fallback to input)
+    grid: "input"
+    // Grid/table data (fallback to input)
+  }[e] || "input";
+}
+function hr(e) {
+  if (e < 0 || !Number.isFinite(e) || e === 0)
+    return "0 B";
+  const t = ["B", "KB", "MB", "GB", "TB"];
+  let n = e, s = 0;
+  for (; n >= 1024 && s < t.length - 1; )
+    n /= 1024, s++;
+  return `${n.toFixed(s > 0 ? 1 : 0)} ${t[s]}`;
+}
+function gr(e) {
+  const 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 fe(e, t) {
+  if (!e) return !0;
+  if (e.field && e.value !== void 0) {
+    const 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((n) => fe(n, t)) : e.or && Array.isArray(e.or) ? e.or.some((n) => fe(n, t)) : !0;
+}
+function br() {
+  x.register("text", se), x.register("textarea", me), x.register("number", le), x.register("boolean", qe), x.register("select", We), x.register("date", Ge), x.register("email", ie), x.register("phone", ce), x.register("url", oe), x.register("currency", ue), x.register("markdown", de), x.register("html", de), x.register("lookup", B), x.register("master_detail", B), x.register("field:text", se), x.register("field:textarea", me), x.register("field:number", le), x.register("field:email", ie), x.register("field:phone", ce), x.register("field:url", oe), x.register("field:currency", ue), x.register("field:lookup", B);
+}
+export {
+  tr as BooleanCellRenderer,
+  qe as BooleanField,
+  er as CurrencyCellRenderer,
+  ue as CurrencyField,
+  ar as DateCellRenderer,
+  Ge as DateField,
+  nr as DateTimeCellRenderer,
+  sr as EmailCellRenderer,
+  ie as EmailField,
+  cr as FileCellRenderer,
+  pe as FormulaCellRenderer,
+  or as ImageCellRenderer,
+  ge as LookupCellRenderer,
+  B as LookupField,
+  Ke as NumberCellRenderer,
+  le as NumberField,
+  rr as PercentCellRenderer,
+  ir as PhoneCellRenderer,
+  ce as PhoneField,
+  de as RichTextField,
+  O as SelectCellRenderer,
+  We as SelectField,
+  me as TextAreaField,
+  v as TextCellRenderer,
+  se as TextField,
+  lr as UrlCellRenderer,
+  oe as UrlField,
+  xe as UserCellRenderer,
+  gr as buildValidationRules,
+  fe as evaluateCondition,
+  Xe as formatCurrency,
+  Qe as formatDate,
+  Ze as formatDateTime,
+  hr as formatFileSize,
+  He as formatPercent,
+  xr as getCellRenderer,
+  fr as mapFieldTypeToFormType,
+  G as registerFieldRenderer,
+  br as registerFields
+};