@opennsw/jsonforms-renderers 0.5.0 → 0.7.0

package/dist/renderers.es.js

@@ -1,65 +1,65 @@
-var nr = Object.defineProperty;
-var or = (e, t, r) => t in e ? nr(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
-var Ue = (e, t, r) => or(e, typeof t != "symbol" ? t + "" : t, r);
-import { jsx as n, jsxs as g, Fragment as Ee } from "react/jsx-runtime";
-import { useContext as He, createContext as We, useMemo as lr, useEffect as pe, useState as k, useRef as ue, useCallback as De } from "react";
-import { rankWith as W, isStringControl as ir, or as Ne, isNumberControl as sr, isIntegerControl as cr, isBooleanControl as ar, isEnumControl as Be, isOneOfControl as Ke, schemaMatches as Me, isDateControl as dr, isDateTimeControl as ur, isTimeControl as fr, uiTypeIs as we, and as hr, createDefaultValue as pr, isObjectArrayControl as gr, isPrimitiveArrayControl as mr } from "@jsonforms/core";
-import { withJsonFormsControlProps as le, JsonFormsDispatch as Re, withJsonFormsArrayControlProps as yr } from "@jsonforms/react";
-import { Box as R, Flex as T, Text as h, TextField as ye, Checkbox as vr, RadioGroup as ke, Select as Ce, ScrollArea as br, Spinner as xe, Button as Se, Tabs as Te, Heading as Ge, Card as ze, IconButton as Xe, Table as oe } from "@radix-ui/themes";
-import { ChevronDownIcon as Er, FileTextIcon as Ye, CheckCircledIcon as Je, Cross2Icon as Ze, ExclamationTriangleIcon as qe, UploadIcon as Qe, TrashIcon as wr, PlusIcon as Rr } from "@radix-ui/react-icons";
-import Cr from "dayjs";
-import { read as Tr, utils as Ar } from "@e965/xlsx";
-const je = We(null);
-function qt({
+var mr = Object.defineProperty;
+var gr = (e, t, r) => t in e ? mr(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
+var Pe = (e, t, r) => gr(e, typeof t != "symbol" ? t + "" : t, r);
+import { jsx as n, jsxs as g, Fragment as be } from "react/jsx-runtime";
+import { useContext as Ze, createContext as Qe, useMemo as yr, useEffect as fe, useState as F, useRef as de, useCallback as _e } from "react";
+import { rankWith as W, isStringControl as vr, or as Le, isNumberControl as br, isIntegerControl as wr, isBooleanControl as Er, isEnumControl as er, isOneOfControl as rr, schemaMatches as ze, isDateControl as Rr, isDateTimeControl as Cr, isTimeControl as Tr, uiTypeIs as Te, and as Ar, Resolve as Sr, createDefaultValue as Or, isObjectArrayControl as Nr, isPrimitiveArrayControl as Ir } from "@jsonforms/core";
+import { withJsonFormsControlProps as se, JsonFormsDispatch as Ae, useJsonForms as xr, withJsonFormsArrayControlProps as Mr } from "@jsonforms/react";
+import { Box as C, Flex as S, Text as h, TextField as ye, Checkbox as kr, RadioGroup as Ve, Select as Ne, ScrollArea as Lr, Spinner as Me, Button as ke, Tabs as Ie, Heading as tr, Card as nr, IconButton as Ue, Tooltip as We, Table as $ } from "@radix-ui/themes";
+import { ChevronDownIcon as zr, FileTextIcon as Dr, CheckCircledIcon as Fr, Cross2Icon as or, ExclamationTriangleIcon as lr, UploadIcon as He, TrashIcon as Ur, PlusIcon as Hr } from "@radix-ui/react-icons";
+import $r from "dayjs";
+import { read as _r, utils as Pr } from "@e965/xlsx";
+const ir = Qe(null);
+function Nn({
   children: e,
   onUpload: t,
   getDownloadUrl: r
 }) {
-  const d = { onUpload: t, getDownloadUrl: r };
-  return /* @__PURE__ */ n(je.Provider, { value: d, children: e });
+  const i = { onUpload: t, getDownloadUrl: r };
+  return /* @__PURE__ */ n(ir.Provider, { value: i, children: e });
 }
-function Sr() {
-  return He(je);
+function Vr() {
+  return Ze(ir);
 }
-const er = We(null);
-function Qt({
+const sr = Qe(null);
+function In({
   children: e,
   services: t
 }) {
-  const r = lr(() => t, [t]);
-  return /* @__PURE__ */ n(er.Provider, { value: r, children: e });
+  const r = yr(() => t, [t]);
+  return /* @__PURE__ */ n(sr.Provider, { value: r, children: e });
 }
-function Nr(e) {
-  const t = He(er);
+function Wr(e) {
+  const t = Ze(sr);
   return !t || !e ? null : t[e] ?? null;
 }
-const fe = (e, t, r, d = void 0) => {
-  pe(() => {
-    e === !1 && r(t, d);
-  }, [e, t, r, d]);
-}, ie = (e, t) => e ? e.split(`
+const ce = (e, t, r, i = void 0) => {
+  fe(() => {
+    e === !1 && r(t, i);
+  }, [e, t, r, i]);
+}, ae = (e, t) => e ? e.split(`
 `).map((r) => r.trim() === "is a required property" ? `${t || "This field"} is required` : r).join(`
-`) : "", Or = ({
+`) : "", Br = ({
   data: e,
   handleChange: t,
   path: r,
-  label: d,
-  required: m,
-  errors: a,
-  uischema: c,
-  schema: s,
+  label: i,
+  required: f,
+  errors: s,
+  uischema: l,
+  schema: a,
   enabled: o,
-  visible: i = !0
+  visible: c = !0
 }) => {
   var y;
-  if (fe(i, r, t), i === !1)
+  if (ce(c, r, t), c === !1)
     return null;
-  const l = a.length === 0;
-  return /* @__PURE__ */ n(R, { mb: "4", children: /* @__PURE__ */ g(T, { direction: "column", gap: "1", children: [
+  const u = s.length === 0;
+  return /* @__PURE__ */ n(C, { mb: "4", children: /* @__PURE__ */ g(S, { direction: "column", gap: "1", children: [
     /* @__PURE__ */ g(h, { as: "label", size: "2", weight: "bold", htmlFor: r, children: [
-      d,
+      i,
       " ",
-      m && /* @__PURE__ */ n(h, { color: "red", children: "*" })
+      f && /* @__PURE__ */ n(h, { color: "red", children: "*" })
     ] }),
     /* @__PURE__ */ n(
       ye.Root,
@@ -67,129 +67,129 @@ const fe = (e, t, r, d = void 0) => {
         value: e || "",
         onChange: (p) => t(r, p.target.value),
         disabled: !o,
-        placeholder: (y = c.options) == null ? void 0 : y.placeholder,
-        color: l ? void 0 : "red",
+        placeholder: (y = l.options) == null ? void 0 : y.placeholder,
+        color: u ? void 0 : "red",
         id: r
       }
     ),
-    !l && /* @__PURE__ */ n(h, { color: "red", size: "1", children: ie(a, d) }),
-    s.description && /* @__PURE__ */ n(h, { size: "1", color: "gray", children: s.description })
+    !u && /* @__PURE__ */ n(h, { color: "red", size: "1", children: ae(s, i) }),
+    a.description && /* @__PURE__ */ n(h, { size: "1", color: "gray", children: a.description })
   ] }) });
-}, Ir = W(1, ir), xr = le(Or), Lr = ({
+}, Kr = W(1, vr), Gr = se(Br), Xr = ({
   data: e,
   handleChange: t,
   path: r,
-  label: d,
-  required: m,
-  errors: a,
-  uischema: c,
-  schema: s,
+  label: i,
+  required: f,
+  errors: s,
+  uischema: l,
+  schema: a,
   enabled: o,
-  visible: i = !0
+  visible: c = !0
 }) => {
   var p;
-  if (fe(i, r, t), i === !1)
+  if (ce(c, r, t), c === !1)
     return null;
-  const l = a.length === 0, y = (f) => {
-    if (f === "") {
+  const u = s.length === 0, y = (m) => {
+    if (m === "") {
       t(r, void 0);
       return;
     }
-    const v = Number(f);
+    const v = Number(m);
     isNaN(v) || t(r, v);
   };
-  return /* @__PURE__ */ n(R, { mb: "4", children: /* @__PURE__ */ g(T, { direction: "column", gap: "1", children: [
+  return /* @__PURE__ */ n(C, { mb: "4", children: /* @__PURE__ */ g(S, { direction: "column", gap: "1", children: [
     /* @__PURE__ */ g(h, { as: "label", size: "2", weight: "bold", htmlFor: r, children: [
-      d,
+      i,
       " ",
-      m && /* @__PURE__ */ n(h, { color: "red", children: "*" })
+      f && /* @__PURE__ */ n(h, { color: "red", children: "*" })
     ] }),
     /* @__PURE__ */ n(
       ye.Root,
       {
         type: "number",
         value: e ?? "",
-        onChange: (f) => y(f.target.value),
+        onChange: (m) => y(m.target.value),
         disabled: !o,
-        placeholder: (p = c.options) == null ? void 0 : p.placeholder,
-        color: l ? void 0 : "red",
+        placeholder: (p = l.options) == null ? void 0 : p.placeholder,
+        color: u ? void 0 : "red",
         id: r
       }
     ),
-    !l && /* @__PURE__ */ n(h, { color: "red", size: "1", children: ie(a, d) }),
-    s.description && /* @__PURE__ */ n(h, { size: "1", color: "gray", children: s.description })
+    !u && /* @__PURE__ */ n(h, { color: "red", size: "1", children: ae(s, i) }),
+    a.description && /* @__PURE__ */ n(h, { size: "1", color: "gray", children: a.description })
   ] }) });
-}, Dr = W(2, Ne(sr, cr)), Mr = le(Lr), zr = ({
+}, jr = W(2, Le(br, wr)), Yr = se(Xr), Jr = ({
   data: e,
   handleChange: t,
   path: r,
-  label: d,
-  required: m,
-  errors: a,
-  schema: c,
-  enabled: s,
+  label: i,
+  required: f,
+  errors: s,
+  schema: l,
+  enabled: a,
   visible: o = !0
 }) => {
-  if (fe(o, r, t), o === !1)
+  if (ce(o, r, t), o === !1)
     return null;
-  const i = a.length === 0;
-  return /* @__PURE__ */ g(R, { mb: "4", children: [
-    /* @__PURE__ */ g(T, { gap: "2", align: "center", children: [
+  const c = s.length === 0;
+  return /* @__PURE__ */ g(C, { mb: "4", children: [
+    /* @__PURE__ */ g(S, { gap: "2", align: "center", children: [
       /* @__PURE__ */ n(
-        vr,
+        kr,
         {
           checked: !!e,
-          onCheckedChange: (l) => t(r, l === !0),
-          disabled: !s,
+          onCheckedChange: (u) => t(r, u === !0),
+          disabled: !a,
           id: r
         }
       ),
       /* @__PURE__ */ g(h, { as: "label", size: "2", htmlFor: r, children: [
-        d,
+        i,
         " ",
-        m && "*"
+        f && "*"
       ] })
     ] }),
-    !i && /* @__PURE__ */ n(h, { color: "red", size: "1", className: "block mt-1", children: ie(a, d) }),
-    c.description && /* @__PURE__ */ n(h, { size: "1", color: "gray", className: "block mt-1", children: c.description })
+    !c && /* @__PURE__ */ n(h, { color: "red", size: "1", className: "block mt-1", children: ae(s, i) }),
+    l.description && /* @__PURE__ */ n(h, { size: "1", color: "gray", className: "block mt-1", children: l.description })
   ] });
-}, Ur = W(2, ar), kr = le(zr), Fr = ({
+}, qr = W(2, Er), Zr = se(Jr), Qr = ({
   data: e,
   handleChange: t,
   path: r,
-  label: d,
-  required: m,
-  errors: a,
-  schema: c,
-  enabled: s,
+  label: i,
+  required: f,
+  errors: s,
+  schema: l,
+  enabled: a,
   visible: o = !0
 }) => {
-  if (fe(o, r, t), o === !1)
+  if (ce(o, r, t), o === !1)
     return null;
-  const i = a.length === 0;
-  let l = [];
-  c.enum ? l = c.enum.map((p) => ({ value: p, label: String(p) })) : c.oneOf && (l = c.oneOf.map((p) => ({
+  const c = s.length === 0;
+  let u = [];
+  l.enum ? u = l.enum.map((p) => ({ value: p, label: String(p) })) : l.oneOf && (u = l.oneOf.map((p) => ({
     value: p.const,
     label: p.title || String(p.const)
   })));
   const y = e;
-  return /* @__PURE__ */ n(R, { mb: "4", children: /* @__PURE__ */ g(T, { direction: "column", gap: "1", children: [
+  return /* @__PURE__ */ n(C, { mb: "4", children: /* @__PURE__ */ g(S, { direction: "column", gap: "1", children: [
     /* @__PURE__ */ g(h, { as: "div", size: "2", weight: "bold", children: [
-      d,
+      i,
       " ",
-      m && /* @__PURE__ */ n(h, { color: "red", children: "*" })
+      f && /* @__PURE__ */ n(h, { color: "red", children: "*" })
     ] }),
     /* @__PURE__ */ n(
-      ke.Root,
+      Ve.Root,
       {
         value: y !== void 0 ? String(y) : "",
         onValueChange: (p) => {
-          const f = l.find((v) => String(v.value) === p);
-          f && t(r, f.value);
+          const m = u.find((v) => String(v.value) === p);
+          m && t(r, m.value);
         },
-        disabled: !s,
+        disabled: !a,
         children: /* @__PURE__ */ n(
-          T,
+          S,
           {
             direction: "row",
             style: {
@@ -197,203 +197,210 @@ const fe = (e, t, r, d = void 0) => {
               columnGap: "clamp(14px, 3vw, 36px)",
               rowGap: "clamp(8px, 1.6vw, 14px)"
             },
-            children: l.map((p) => /* @__PURE__ */ g(T, { align: "center", gap: "2", style: { minWidth: "max-content" }, children: [
-              /* @__PURE__ */ n(ke.Item, { value: String(p.value) }),
-              /* @__PURE__ */ n(h, { size: "2", color: s ? void 0 : "gray", children: p.label })
+            children: u.map((p) => /* @__PURE__ */ g(S, { align: "center", gap: "2", style: { minWidth: "max-content" }, children: [
+              /* @__PURE__ */ n(Ve.Item, { value: String(p.value) }),
+              /* @__PURE__ */ n(h, { size: "2", color: a ? void 0 : "gray", children: p.label })
             ] }, String(p.value)))
           }
         )
       }
     ),
-    !i && /* @__PURE__ */ n(h, { color: "red", size: "1", children: ie(a, d) }),
-    c.description && /* @__PURE__ */ n(h, { size: "1", color: "gray", children: c.description })
+    !c && /* @__PURE__ */ n(h, { color: "red", size: "1", children: ae(s, i) }),
+    l.description && /* @__PURE__ */ n(h, { size: "1", color: "gray", children: l.description })
   ] }) });
-}, $r = (e, t, r) => {
-  var m;
-  return Ne(Be, Ke)(e, t, r) && ((m = e == null ? void 0 : e.options) == null ? void 0 : m.format) === "radio" ? 3 : -1;
-}, _r = le(Fr), Pr = ({
+}, et = (e, t, r) => {
+  var f;
+  return Le(er, rr)(e, t, r) && ((f = e == null ? void 0 : e.options) == null ? void 0 : f.format) === "radio" ? 3 : -1;
+}, rt = se(Qr), tt = ({
   data: e,
   handleChange: t,
   path: r,
-  label: d,
-  required: m,
-  errors: a,
-  schema: c,
-  uischema: s,
+  label: i,
+  required: f,
+  errors: s,
+  schema: l,
+  uischema: a,
   enabled: o,
-  visible: i = !0
+  visible: c = !0
 }) => {
-  var f;
-  if (fe(i, r, t), i === !1)
+  var m;
+  if (ce(c, r, t), c === !1)
     return null;
-  const l = a.length === 0;
+  const u = s.length === 0;
   let y = [];
-  c.enum ? y = c.enum.map((v) => ({ value: String(v), label: String(v) })) : c.oneOf && (y = c.oneOf.map((v) => ({
+  l.enum ? y = l.enum.map((v) => ({ value: String(v), label: String(v) })) : l.oneOf && (y = l.oneOf.map((v) => ({
     value: String(v.const),
     label: v.title || String(v.const)
   })));
   const p = e !== void 0 ? String(e) : "";
-  return /* @__PURE__ */ n(R, { mb: "4", children: /* @__PURE__ */ g(T, { direction: "column", gap: "1", children: [
+  return /* @__PURE__ */ n(C, { mb: "4", children: /* @__PURE__ */ g(S, { direction: "column", gap: "1", children: [
     /* @__PURE__ */ g(h, { as: "label", size: "2", weight: "bold", htmlFor: r, children: [
-      d,
+      i,
       " ",
-      m && /* @__PURE__ */ n(h, { color: "red", children: "*" })
+      f && /* @__PURE__ */ n(h, { color: "red", children: "*" })
     ] }),
-    /* @__PURE__ */ g(Ce.Root, { value: p, onValueChange: (v) => t(r, v), disabled: !o, children: [
+    /* @__PURE__ */ g(Ne.Root, { value: p, onValueChange: (v) => t(r, v), disabled: !o, children: [
       /* @__PURE__ */ n(
-        Ce.Trigger,
+        Ne.Trigger,
         {
-          placeholder: ((f = s.options) == null ? void 0 : f.placeholder) || "Select an option",
-          color: l ? void 0 : "red",
+          placeholder: ((m = a.options) == null ? void 0 : m.placeholder) || "Select an option",
+          color: u ? void 0 : "red",
           id: r
         }
       ),
-      /* @__PURE__ */ n(Ce.Content, { children: y.map((v) => /* @__PURE__ */ n(Ce.Item, { value: v.value, children: v.label }, v.value)) })
+      /* @__PURE__ */ n(Ne.Content, { children: y.map((v) => /* @__PURE__ */ n(Ne.Item, { value: v.value, children: v.label }, v.value)) })
     ] }),
-    !l && /* @__PURE__ */ n(h, { color: "red", size: "1", children: ie(a, d) }),
-    c.description && /* @__PURE__ */ n(h, { size: "1", color: "gray", children: c.description })
+    !u && /* @__PURE__ */ n(h, { color: "red", size: "1", children: ae(s, i) }),
+    l.description && /* @__PURE__ */ n(h, { size: "1", color: "gray", children: l.description })
   ] }) });
-}, Vr = W(2, Ne(Be, Ke)), Hr = le(Pr), Wr = {
+}, nt = W(2, Le(er, rr)), ot = se(tt), lt = {
   "small-list": { fetchOnOpen: !0, searchable: !1, paginated: !1 },
   "large-searchable-list": { fetchOnOpen: !0, searchable: !0, paginated: !1 },
   "large-paginated-list": { fetchOnOpen: !1, searchable: !0, paginated: !0 }
-}, Br = ({
+}, it = ({
   data: e,
   handleChange: t,
   path: r,
-  label: d,
-  required: m,
-  errors: a,
-  enabled: c,
-  visible: s = !0,
+  label: i,
+  required: f,
+  errors: s,
+  enabled: l,
+  visible: a = !0,
   schema: o,
-  uischema: i
+  uischema: c
 }) => {
-  var ve;
-  const l = (o == null ? void 0 : o["x-search"]) ?? { service: "" }, y = l.service ?? "", p = l.mode ?? "large-paginated-list", f = Wr[p], v = (f == null ? void 0 : f.fetchOnOpen) ?? !1, S = Nr(y), x = y ? S ? f ? null : `Invalid x-search.mode "${p}". Expected "small-list", "large-searchable-list", or "large-paginated-list".` : `Search service "${y}" is not registered.` : "Search not configured.", C = c !== !1, I = !a || a.length === 0, [L, O] = k(!1), [F, $] = k(""), [re, _] = k([]), [se, B] = k(!1), [P, X] = k(!1), [te, D] = k(!1), [ce, G] = k(null), [ae, Y] = k(void 0), q = ue(void 0), ne = ue(null), b = ue(null), N = ue(null), z = ue(void 0);
-  pe(() => {
-    if (!e) {
-      Y(void 0), z.current = void 0;
+  var Re;
+  const u = (o == null ? void 0 : o["x-search"]) ?? { service: "" }, y = u.service ?? "", p = u.mode ?? "large-paginated-list", m = lt[p], v = (m == null ? void 0 : m.fetchOnOpen) ?? !1, N = u.params, A = Wr(y), w = o.type === "object", R = w ? typeof e == "string" ? { value: e } : e ?? void 0 : void 0, L = w ? R == null ? void 0 : R.value : e, P = R == null ? void 0 : R.label, I = y ? A ? m ? null : `Invalid x-search.mode "${p}". Expected "small-list", "large-searchable-list", or "large-paginated-list".` : `Search service "${y}" is not registered.` : "Search not configured.", B = l !== !1, j = !s || s.length === 0, [M, O] = F(!1), [D, V] = F(""), [oe, ee] = F([]), [le, Y] = F(!1), [Z, re] = F(!1), [he, ne] = F(!1), [ue, b] = F(null), [k, U] = F(void 0), T = de(void 0), H = de(null), J = de(null), Q = de(null), K = de(void 0);
+  fe(() => {
+    var E, q;
+    if (!L) {
+      U(void 0), K.current = void 0;
+      return;
+    }
+    if (((E = K.current) == null ? void 0 : E.value) === L && ((q = K.current) == null ? void 0 : q.label) === P) return;
+    if (K.current = { value: L, label: P }, w && P) {
+      U({ id: L, name: P });
       return;
     }
-    if (z.current === e || (z.current = e, Y({ id: e, name: e }), !(S != null && S.resolve))) return;
-    let u = !1;
-    return S.resolve(e).then((w) => {
-      !u && w && Y(w);
+    if (U({ id: L, name: P ?? L }), !(A != null && A.resolve)) return;
+    let d = !1;
+    return A.resolve(L, N).then((te) => {
+      !d && te && U(te);
     }).catch(() => {
     }), () => {
-      u = !0;
+      d = !0;
     };
-  }, [e, S]);
-  const E = De(
-    async (u, w = !1) => {
-      var j;
-      if (!S) {
-        G("Search service not configured.");
+  }, [L, P, w, A, N]);
+  const we = _e(
+    async (d, E = !1) => {
+      var te;
+      if (!A) {
+        b("Search service not configured.");
         return;
       }
-      (j = b.current) == null || j.abort();
-      const de = new AbortController();
-      b.current = de, w ? D(!0) : (X(!0), D(!1), G(null));
+      (te = J.current) == null || te.abort();
+      const q = new AbortController();
+      J.current = q, E ? ne(!0) : (re(!0), ne(!1), b(null));
       try {
-        const ee = await S.search({
-          query: u,
-          cursor: w ? q.current : void 0,
-          signal: de.signal
-        }), U = ee.options ?? [];
-        _(w ? (tr) => [...tr, ...U] : U), q.current = ee.nextCursor, B(((f == null ? void 0 : f.paginated) ?? !1) && ee.nextCursor != null);
+        const ie = await A.search({
+          query: d,
+          cursor: E ? T.current : void 0,
+          signal: q.signal,
+          params: N
+        }), z = ie.options ?? [];
+        ee(E ? (pr) => [...pr, ...z] : z), T.current = ie.nextCursor, Y(((m == null ? void 0 : m.paginated) ?? !1) && ie.nextCursor != null);
       } catch {
-        if (de.signal.aborted) return;
-        G("Failed to load results. Please try again.");
+        if (q.signal.aborted) return;
+        b("Failed to load results. Please try again.");
       } finally {
-        de.signal.aborted || (w ? D(!1) : X(!1));
+        q.signal.aborted || (E ? ne(!1) : re(!1));
       }
     },
-    [S, f == null ? void 0 : f.paginated]
+    [A, m == null ? void 0 : m.paginated, N]
   );
-  if (pe(() => {
-    if (!L) return;
-    const u = (w) => {
-      N.current && !N.current.contains(w.target) && O(!1);
+  if (fe(() => {
+    if (!M) return;
+    const d = (E) => {
+      Q.current && !Q.current.contains(E.target) && O(!1);
     };
-    return document.addEventListener("mousedown", u), () => document.removeEventListener("mousedown", u);
-  }, [L]), pe(() => {
-    var u;
-    L || ((u = b.current) == null || u.abort(), $(""), _([]), B(!1), G(null), X(!1), D(!1), q.current = void 0);
-  }, [L]), pe(() => {
-    if (!L) return;
-    if (!F && !v) {
-      _([]), B(!1), G(null), q.current = void 0;
+    return document.addEventListener("mousedown", d), () => document.removeEventListener("mousedown", d);
+  }, [M]), fe(() => {
+    var d;
+    M || ((d = J.current) == null || d.abort(), V(""), ee([]), Y(!1), b(null), re(!1), ne(!1), T.current = void 0);
+  }, [M]), fe(() => {
+    if (!M) return;
+    if (!D && !v) {
+      ee([]), Y(!1), b(null), T.current = void 0;
       return;
     }
-    ne.current && clearTimeout(ne.current);
-    const u = F ? 300 : 0;
-    return ne.current = setTimeout(() => {
-      _([]), B(!1), q.current = void 0, E(F);
-    }, u), () => {
-      ne.current && clearTimeout(ne.current);
+    H.current && clearTimeout(H.current);
+    const d = D ? 300 : 0;
+    return H.current = setTimeout(() => {
+      ee([]), Y(!1), T.current = void 0, we(D);
+    }, d), () => {
+      H.current && clearTimeout(H.current);
     };
-  }, [F, L, v, E]), fe(s, r, t, null), s === !1)
+  }, [D, M, v, we]), ce(a, r, t, w ? void 0 : null), a === !1)
     return null;
-  const V = () => {
-    $(""), _([]), B(!1), G(null), q.current = void 0, O(!0);
-  }, J = (u) => {
-    t(r, u.id), Y(u), z.current = u.id, O(!1);
-  }, Z = (u) => {
-    u.stopPropagation(), t(r, null), Y(void 0);
-  }, Q = (u) => {
-    (u.key === "Enter" || u.key === " ") && Z(u);
-  }, Oe = ((ve = i == null ? void 0 : i.options) == null ? void 0 : ve.placeholder) ?? "Select an option";
-  return /* @__PURE__ */ n(R, { mb: "4", children: /* @__PURE__ */ g(T, { direction: "column", gap: "1", children: [
+  const Ee = () => {
+    V(""), ee([]), Y(!1), b(null), T.current = void 0, O(!0);
+  }, De = (d) => {
+    t(r, w ? { value: d.id, label: d.name } : d.id), U(d), K.current = { value: d.id, label: w ? d.name : void 0 }, O(!1);
+  }, Se = (d) => {
+    d.stopPropagation(), t(r, w ? void 0 : null), U(void 0);
+  }, Fe = (d) => {
+    (d.key === "Enter" || d.key === " ") && Se(d);
+  }, Oe = ((Re = c == null ? void 0 : c.options) == null ? void 0 : Re.placeholder) ?? "Select an option";
+  return /* @__PURE__ */ n(C, { mb: "4", children: /* @__PURE__ */ g(S, { direction: "column", gap: "1", children: [
     /* @__PURE__ */ g(h, { as: "label", size: "2", weight: "bold", htmlFor: r, children: [
-      d,
+      i,
       " ",
-      m && /* @__PURE__ */ n(h, { color: "red", children: "*" })
+      f && /* @__PURE__ */ n(h, { color: "red", children: "*" })
     ] }),
-    /* @__PURE__ */ g("div", { ref: N, style: { position: "relative" }, children: [
+    /* @__PURE__ */ g("div", { ref: Q, style: { position: "relative" }, children: [
       /* @__PURE__ */ n(
         ye.Root,
         {
           id: r,
-          value: L ? F : (ae == null ? void 0 : ae.name) ?? "",
-          placeholder: L && (f != null && f.searchable) ? "Search..." : Oe,
-          disabled: !C,
-          readOnly: L && !(f != null && f.searchable),
-          style: I ? void 0 : { outline: "2px solid var(--red-7)", outlineOffset: "-1px" },
-          onChange: (u) => {
-            f != null && f.searchable && ($(u.target.value), L || V());
+          value: M ? D : (k == null ? void 0 : k.name) ?? "",
+          placeholder: M && (m != null && m.searchable) ? "Search..." : Oe,
+          disabled: !B,
+          readOnly: M && !(m != null && m.searchable),
+          style: j ? void 0 : { outline: "2px solid var(--red-7)", outlineOffset: "-1px" },
+          onChange: (d) => {
+            m != null && m.searchable && (V(d.target.value), M || Ee());
           },
           onFocus: () => {
-            C && !L && V();
+            B && !M && Ee();
           },
-          onKeyDown: (u) => {
-            u.key === "Escape" && O(!1);
+          onKeyDown: (d) => {
+            d.key === "Escape" && O(!1);
           },
-          children: /* @__PURE__ */ n(ye.Slot, { side: "right", children: /* @__PURE__ */ g(T, { align: "center", gap: "1", children: [
-            e && C && /* @__PURE__ */ n(
+          children: /* @__PURE__ */ n(ye.Slot, { side: "right", children: /* @__PURE__ */ g(S, { align: "center", gap: "1", children: [
+            L && B && /* @__PURE__ */ n(
               "span",
               {
                 role: "button",
                 tabIndex: 0,
-                onMouseDown: (u) => u.preventDefault(),
-                onClick: Z,
-                onKeyDown: Q,
+                onMouseDown: (d) => d.preventDefault(),
+                onClick: Se,
+                onKeyDown: Fe,
                 style: { lineHeight: 1, color: "var(--gray-9)", padding: "0 2px", cursor: "pointer" },
                 "aria-label": "Clear selection",
                 children: "×"
               }
             ),
             /* @__PURE__ */ n(
-              Er,
+              zr,
               {
-                style: { transform: L ? "rotate(180deg)" : void 0, transition: "transform 150ms" }
+                style: { transform: M ? "rotate(180deg)" : void 0, transition: "transform 150ms" }
               }
             )
           ] }) })
         }
       ),
-      L && /* @__PURE__ */ n(
-        R,
+      M && /* @__PURE__ */ n(
+        C,
         {
           style: {
             position: "absolute",
@@ -407,111 +414,111 @@ const fe = (e, t, r, d = void 0) => {
             border: "1px solid var(--gray-a6)",
             overflow: "hidden"
           },
-          children: x ? /* @__PURE__ */ n(R, { p: "3", children: /* @__PURE__ */ n(h, { size: "2", color: "gray", children: x }) }) : /* @__PURE__ */ n(br, { style: { maxHeight: 240 }, children: /* @__PURE__ */ g(R, { p: "1", children: [
-            P && /* @__PURE__ */ n(T, { justify: "center", p: "4", children: /* @__PURE__ */ n(xe, {}) }),
-            !P && ce && /* @__PURE__ */ n(R, { px: "3", py: "2", children: /* @__PURE__ */ n(h, { size: "2", color: "red", children: ce }) }),
-            !P && !ce && re.length === 0 && /* @__PURE__ */ n(R, { px: "3", py: "2", children: /* @__PURE__ */ n(h, { size: "2", color: "gray", children: F || v ? "No results found." : "Type to search…" }) }),
-            re.map((u) => /* @__PURE__ */ n(
-              R,
+          children: I ? /* @__PURE__ */ n(C, { p: "3", children: /* @__PURE__ */ n(h, { size: "2", color: "gray", children: I }) }) : /* @__PURE__ */ n(Lr, { style: { maxHeight: 240 }, children: /* @__PURE__ */ g(C, { p: "1", children: [
+            Z && /* @__PURE__ */ n(S, { justify: "center", p: "4", children: /* @__PURE__ */ n(Me, {}) }),
+            !Z && ue && /* @__PURE__ */ n(C, { px: "3", py: "2", children: /* @__PURE__ */ n(h, { size: "2", color: "red", children: ue }) }),
+            !Z && !ue && oe.length === 0 && /* @__PURE__ */ n(C, { px: "3", py: "2", children: /* @__PURE__ */ n(h, { size: "2", color: "gray", children: D || v ? "No results found." : "Type to search…" }) }),
+            oe.map((d) => /* @__PURE__ */ n(
+              C,
               {
                 px: "3",
                 py: "2",
-                onMouseDown: (w) => w.preventDefault(),
-                onClick: () => J(u),
+                onMouseDown: (E) => E.preventDefault(),
+                onClick: () => De(d),
                 style: {
                   cursor: "pointer",
                   borderRadius: "var(--radius-2)",
-                  backgroundColor: u.id === e ? "var(--accent-3)" : void 0
+                  backgroundColor: d.id === L ? "var(--accent-3)" : void 0
                 },
                 className: "hover:bg-(--gray-3)",
-                children: /* @__PURE__ */ n(h, { size: "2", children: u.name })
+                children: /* @__PURE__ */ n(h, { size: "2", children: d.name })
               },
-              u.id
+              d.id
             )),
-            (f == null ? void 0 : f.paginated) && se && !te && /* @__PURE__ */ n(R, { px: "3", py: "2", children: /* @__PURE__ */ n(
-              Se,
+            (m == null ? void 0 : m.paginated) && le && !he && /* @__PURE__ */ n(C, { px: "3", py: "2", children: /* @__PURE__ */ n(
+              ke,
               {
                 variant: "ghost",
                 size: "1",
                 style: { width: "100%" },
-                onMouseDown: (u) => u.preventDefault(),
-                onClick: () => void E(F, !0),
+                onMouseDown: (d) => d.preventDefault(),
+                onClick: () => void we(D, !0),
                 children: "Load more"
               }
             ) }),
-            te && /* @__PURE__ */ n(T, { justify: "center", p: "2", children: /* @__PURE__ */ n(xe, {}) })
+            he && /* @__PURE__ */ n(S, { justify: "center", p: "2", children: /* @__PURE__ */ n(Me, {}) })
           ] }) })
         }
       )
     ] }),
-    !I && /* @__PURE__ */ n(h, { color: "red", size: "1", children: ie(a, d) }),
+    !j && /* @__PURE__ */ n(h, { color: "red", size: "1", children: ae(s, i) }),
     o.description && /* @__PURE__ */ n(h, { size: "1", color: "gray", children: o.description })
   ] }) });
-}, Kr = le(Br), Gr = W(
+}, st = se(it), ct = W(
   3,
-  Me((e) => {
+  ze((e) => {
     const t = e["x-search"];
-    return e.type === "string" && typeof (t == null ? void 0 : t.service) == "string" && t.service !== "";
+    return (e.type === "string" || e.type === "object") && typeof (t == null ? void 0 : t.service) == "string" && t.service !== "";
   })
-), Xr = (e, t) => Cr(`${e}T${t}`).format(), Yr = ({ path: e, label: t, required: r, errors: d, description: m, children: a }) => {
-  const c = d.length === 0;
-  return /* @__PURE__ */ n(R, { mb: "4", children: /* @__PURE__ */ g(T, { direction: "column", gap: "1", children: [
+), at = (e, t) => $r(`${e}T${t}`).format(), ut = ({ path: e, label: t, required: r, errors: i, description: f, children: s }) => {
+  const l = i.length === 0;
+  return /* @__PURE__ */ n(C, { mb: "4", children: /* @__PURE__ */ g(S, { direction: "column", gap: "1", children: [
     /* @__PURE__ */ g(h, { as: "label", size: "2", weight: "bold", htmlFor: e, children: [
       t,
       " ",
       r && /* @__PURE__ */ n(h, { color: "red", children: "*" })
     ] }),
-    a,
-    !c && /* @__PURE__ */ n(h, { color: "red", size: "1", children: ie(d, t) }),
-    m && /* @__PURE__ */ n(h, { size: "1", color: "gray", children: m })
+    s,
+    !l && /* @__PURE__ */ n(h, { color: "red", size: "1", children: ae(i, t) }),
+    f && /* @__PURE__ */ n(h, { size: "1", color: "gray", children: f })
   ] }) });
-}, Jr = ({
+}, dt = ({
   data: e,
   handleChange: t,
   path: r,
-  label: d,
-  required: m,
-  errors: a,
-  schema: c,
-  enabled: s,
+  label: i,
+  required: f,
+  errors: s,
+  schema: l,
+  enabled: a,
   visible: o = !0
 }) => {
-  if (pe(() => {
+  if (fe(() => {
     o === !1 && t(r, void 0);
   }, [o, r, t]), o === !1)
     return null;
-  const i = a.length === 0, l = typeof e == "string" ? e : "", y = (C) => /* @__PURE__ */ n(Yr, { path: r, label: d, required: m, errors: a, description: c.description, children: C });
-  if (c.format === "time")
+  const c = s.length === 0, u = typeof e == "string" ? e : "", y = (w) => /* @__PURE__ */ n(ut, { path: r, label: i, required: f, errors: s, description: l.description, children: w });
+  if (l.format === "time")
     return y(
       /* @__PURE__ */ n(
         ye.Root,
         {
           type: "time",
-          value: l,
-          onChange: (C) => t(r, C.target.value),
-          disabled: !s,
-          color: i ? void 0 : "red",
+          value: u,
+          onChange: (w) => t(r, w.target.value),
+          disabled: !a,
+          color: c ? void 0 : "red",
           id: r
         }
       )
     );
-  const p = c.format === "date-time", [f = "", v = ""] = l.split("T"), S = v.slice(0, 5), x = (C, I) => {
-    if (!C) {
+  const p = l.format === "date-time", [m = "", v = ""] = u.split("T"), N = v.slice(0, 5), A = (w, R) => {
+    if (!w) {
       t(r, void 0);
       return;
     }
-    t(r, p ? Xr(C, I || "00:00") : C);
+    t(r, p ? at(w, R || "00:00") : w);
   };
   return y(
-    /* @__PURE__ */ g(T, { gap: "2", align: "center", children: [
+    /* @__PURE__ */ g(S, { gap: "2", align: "center", children: [
       /* @__PURE__ */ n(
         ye.Root,
         {
           type: "date",
-          value: f,
-          disabled: !s,
-          color: i ? void 0 : "red",
-          onChange: (C) => x(C.target.value, S),
+          value: m,
+          disabled: !a,
+          color: c ? void 0 : "red",
+          onChange: (w) => A(w.target.value, N),
           id: r,
           style: { flex: 1 }
         }
@@ -520,116 +527,116 @@ const fe = (e, t, r, d = void 0) => {
         ye.Root,
         {
           type: "time",
-          value: S,
-          disabled: !s || !f,
-          color: i ? void 0 : "red",
-          onChange: (C) => x(f, C.target.value),
+          value: N,
+          disabled: !a || !m,
+          color: c ? void 0 : "red",
+          onChange: (w) => A(m, w.target.value),
           style: { flex: 1 }
         }
       )
     ] })
   );
-}, Zr = W(2, Ne(dr, ur, fr)), qr = le(Jr), Qr = ({
+}, ft = W(2, Le(Rr, Cr, Tr)), ht = se(dt), pt = ({
   uischema: e,
   schema: t,
   path: r,
-  renderers: d,
-  cells: m,
-  enabled: a,
-  visible: c = !0
+  renderers: i,
+  cells: f,
+  enabled: s,
+  visible: l = !0
 }) => {
   const o = e.elements;
-  return c === !1 ? null : /* @__PURE__ */ n(T, { direction: "column", gap: "4", children: o.map((i, l) => /* @__PURE__ */ n(
-    Re,
+  return l === !1 ? null : /* @__PURE__ */ n(S, { direction: "column", gap: "4", children: o.map((c, u) => /* @__PURE__ */ n(
+    Ae,
     {
-      uischema: i,
+      uischema: c,
       schema: t,
       path: r,
-      renderers: d,
-      cells: m,
-      enabled: a
+      renderers: i,
+      cells: f,
+      enabled: s
     },
-    `${r}-${l}`
+    `${r}-${u}`
   )) });
-}, jr = W(1, we("VerticalLayout")), et = ({
+}, mt = W(1, Te("VerticalLayout")), gt = ({
   uischema: e,
   schema: t,
   path: r,
-  renderers: d,
-  cells: m,
-  enabled: a,
-  visible: c = !0
+  renderers: i,
+  cells: f,
+  enabled: s,
+  visible: l = !0
 }) => {
   const o = e.elements;
-  return c === !1 ? null : /* @__PURE__ */ n(T, { direction: "row", gap: "4", children: o.map((i, l) => /* @__PURE__ */ n(R, { style: { flex: 1 }, children: /* @__PURE__ */ n(
-    Re,
+  return l === !1 ? null : /* @__PURE__ */ n(S, { direction: "row", gap: "4", children: o.map((c, u) => /* @__PURE__ */ n(C, { style: { flex: 1 }, children: /* @__PURE__ */ n(
+    Ae,
     {
-      uischema: i,
+      uischema: c,
       schema: t,
       path: r,
-      renderers: d,
-      cells: m,
-      enabled: a
+      renderers: i,
+      cells: f,
+      enabled: s
     }
-  ) }, `${r}-${l}`)) });
-}, rt = W(1, we("HorizontalLayout")), tt = ({
+  ) }, `${r}-${u}`)) });
+}, yt = W(1, Te("HorizontalLayout")), vt = ({
   uischema: e,
   schema: t,
   path: r,
-  renderers: d,
-  cells: m,
-  enabled: a,
-  visible: c = !0
+  renderers: i,
+  cells: f,
+  enabled: s,
+  visible: l = !0
 }) => {
-  const s = e, o = s.elements;
-  return c === !1 ? null : /* @__PURE__ */ g(R, { mb: "6", children: [
-    s.label && /* @__PURE__ */ n(Ge, { size: "3", mb: "3", className: "text-gray-500 uppercase tracking-wide font-semibold", children: s.label }),
-    /* @__PURE__ */ n(T, { direction: "column", gap: "4", children: o.map((i, l) => /* @__PURE__ */ n(
-      Re,
+  const a = e, o = a.elements;
+  return l === !1 ? null : /* @__PURE__ */ g(C, { mb: "6", children: [
+    a.label && /* @__PURE__ */ n(tr, { size: "3", mb: "3", className: "text-gray-500 uppercase tracking-wide font-semibold", children: a.label }),
+    /* @__PURE__ */ n(S, { direction: "column", gap: "4", children: o.map((c, u) => /* @__PURE__ */ n(
+      Ae,
       {
-        uischema: i,
+        uischema: c,
         schema: t,
         path: r,
-        renderers: d,
-        cells: m,
-        enabled: a
+        renderers: i,
+        cells: f,
+        enabled: s
       },
-      `${r}-${l}`
+      `${r}-${u}`
     )) })
   ] });
-}, nt = W(1, we("Group")), ot = ({
+}, bt = W(1, Te("Group")), wt = ({
   uischema: e,
   schema: t,
   path: r,
-  renderers: d,
-  cells: m,
-  enabled: a,
-  visible: c = !0
+  renderers: i,
+  cells: f,
+  enabled: s,
+  visible: l = !0
 }) => {
   var p;
-  const o = e.elements.filter((f) => f.type === "Category"), [i, l] = k(((p = o[0]) == null ? void 0 : p.label) || "");
-  if (c === !1 || !o.length) return null;
-  const y = o.find((f) => f.label === i) ? i : o[0].label;
-  return /* @__PURE__ */ g(Te.Root, { value: y, onValueChange: l, children: [
-    /* @__PURE__ */ n(Te.List, { children: o.map((f, v) => /* @__PURE__ */ n(Te.Trigger, { value: f.label, children: f.label }, `${r}-${v}`)) }),
-    /* @__PURE__ */ n(R, { pt: "3", children: o.map((f, v) => /* @__PURE__ */ n(Te.Content, { value: f.label, children: /* @__PURE__ */ n(T, { direction: "column", gap: "4", children: f.elements.map((S, x) => /* @__PURE__ */ n(
-      Re,
+  const o = e.elements.filter((m) => m.type === "Category"), [c, u] = F(((p = o[0]) == null ? void 0 : p.label) || "");
+  if (l === !1 || !o.length) return null;
+  const y = o.find((m) => m.label === c) ? c : o[0].label;
+  return /* @__PURE__ */ g(Ie.Root, { value: y, onValueChange: u, children: [
+    /* @__PURE__ */ n(Ie.List, { children: o.map((m, v) => /* @__PURE__ */ n(Ie.Trigger, { value: m.label, children: m.label }, `${r}-${v}`)) }),
+    /* @__PURE__ */ n(C, { pt: "3", children: o.map((m, v) => /* @__PURE__ */ n(Ie.Content, { value: m.label, children: /* @__PURE__ */ n(S, { direction: "column", gap: "4", children: m.elements.map((N, A) => /* @__PURE__ */ n(
+      Ae,
       {
-        uischema: S,
+        uischema: N,
         schema: t,
         path: r,
-        renderers: d,
-        cells: m,
-        enabled: a
+        renderers: i,
+        cells: f,
+        enabled: s
       },
-      `${r}-${v}-${x}`
+      `${r}-${v}-${A}`
     )) }) }, `${r}-${v}`)) })
   ] });
-}, lt = W(1, we("Categorization"));
-function ge(e) {
+}, Et = W(1, Te("Categorization"));
+function me(e) {
   return e >= 1024 * 1024 ? `${(e / (1024 * 1024)).toFixed(0)} MB` : e >= 1024 ? `${(e / 1024).toFixed(0)} KB` : `${e} B`;
 }
-function me(e) {
+function ge(e) {
   return e.split(",").map((t) => {
     if (t = t.trim(), t.endsWith("/*"))
       return t.split("/")[0].toUpperCase() + "S";
@@ -639,109 +646,109 @@ function me(e) {
     return r ? r.toUpperCase() : t;
   }).join(", ");
 }
-function it(e) {
+function Rt(e) {
   return e ? Array.isArray(e) ? e : [e] : [];
 }
-const st = ({
+const Ct = ({
   data: e,
   handleChange: t,
   path: r,
-  label: d,
-  required: m,
-  uischema: a,
-  schema: c,
-  enabled: s,
+  label: i,
+  required: f,
+  uischema: s,
+  schema: l,
+  enabled: a,
   errors: o,
-  visible: i = !0
+  visible: c = !0
 }) => {
-  const l = Sr();
-  fe(i, r, t, null);
-  const y = !o || o.length === 0, p = (c == null ? void 0 : c["x-file"]) ?? {}, f = (a == null ? void 0 : a.options) ?? {}, v = p.maxFiles ?? f.maxFiles ?? 1, S = p.maxSize ?? f.maxSize ?? 5 * 1024 * 1024, x = p.accept ?? f.accept ?? "image/*,application/pdf", C = v > 1, I = s !== !1, [L, O] = k(!1), [F, $] = k(null), [re, _] = k({}), se = ue(/* @__PURE__ */ new Set()), B = ue(null), P = it(e), X = P.length >= v;
-  pe(() => () => {
-    se.current.forEach((b) => URL.revokeObjectURL(b)), se.current.clear();
+  const u = Vr();
+  ce(c, r, t, null);
+  const y = !o || o.length === 0, p = (l == null ? void 0 : l["x-file"]) ?? {}, m = (s == null ? void 0 : s.options) ?? {}, v = p.maxFiles ?? m.maxFiles ?? 1, N = p.maxSize ?? m.maxSize ?? 5 * 1024 * 1024, A = p.accept ?? m.accept ?? "image/*,application/pdf", w = v > 1, R = a !== !1, [L, P] = F(!1), [I, B] = F(null), [j, M] = F({}), O = de(/* @__PURE__ */ new Set()), D = de(null), V = Rt(e), oe = V.length >= v;
+  fe(() => () => {
+    O.current.forEach((b) => URL.revokeObjectURL(b)), O.current.clear();
   }, []);
-  const te = De(
+  const ee = _e(
     async (b) => {
-      if ($(null), P.length >= v) {
-        $(`Maximum ${v} file${v > 1 ? "s" : ""} allowed.`);
+      if (B(null), V.length >= v) {
+        B(`Maximum ${v} file${v > 1 ? "s" : ""} allowed.`);
         return;
       }
-      if (b.size > S) {
-        $(`File exceeds the ${ge(S)} limit.`);
+      if (b.size > N) {
+        B(`File exceeds the ${me(N)} limit.`);
         return;
       }
-      if (!x.split(",").map((E) => E.trim()).some((E) => E === "*" || E === "*/*" ? !0 : E.endsWith("/*") ? b.type.startsWith(E.slice(0, -1)) : E.startsWith(".") ? b.name.toLowerCase().endsWith(E.toLowerCase()) : b.type === E)) {
-        $(`Invalid type. Accepted: ${me(x)}`);
+      if (!A.split(",").map((T) => T.trim()).some((T) => T === "*" || T === "*/*" ? !0 : T.endsWith("/*") ? b.type.startsWith(T.slice(0, -1)) : T.startsWith(".") ? b.name.toLowerCase().endsWith(T.toLowerCase()) : b.type === T)) {
+        B(`Invalid type. Accepted: ${ge(A)}`);
         return;
       }
-      if (!(l != null && l.onUpload)) {
-        $("Upload service not configured.");
+      if (!(u != null && u.onUpload)) {
+        B("Upload service not configured.");
         return;
       }
       try {
-        const E = await l.onUpload(b), V = URL.createObjectURL(b);
-        se.current.add(V);
-        const J = { key: E.key, name: E.name ?? b.name, blobUrl: V };
-        _((Q) => ({ ...Q, [E.key]: J }));
-        const Z = [...P, E.key];
-        t(r, C ? Z : Z[0]);
+        const T = await u.onUpload(b), H = URL.createObjectURL(b);
+        O.current.add(H);
+        const J = { key: T.key, name: T.name ?? b.name, blobUrl: H };
+        M((K) => ({ ...K, [T.key]: J }));
+        const Q = [...V, T.key];
+        t(r, w ? Q : Q[0]);
       } catch {
-        $("Upload failed. Please try again."), B.current && (B.current.value = "");
+        B("Upload failed. Please try again."), D.current && (D.current.value = "");
       }
     },
-    [P, v, S, x, l, r, t, C]
+    [V, v, N, A, u, r, t, w]
   );
-  if (i === !1)
+  if (c === !1)
     return null;
-  const D = (b) => {
-    b.preventDefault(), b.stopPropagation(), !(!I || X) && O(b.type === "dragenter" || b.type === "dragover");
-  }, ce = (b) => {
-    var N;
-    b.preventDefault(), b.stopPropagation(), O(!1), !(!I || X) && (N = b.dataTransfer.files) != null && N[0] && te(b.dataTransfer.files[0]);
-  }, G = (b) => {
-    var N;
-    (N = b.target.files) != null && N[0] && (te(b.target.files[0]), b.target.value = "");
-  }, ae = (b) => {
-    if (!I) return;
-    _((z) => {
+  const le = (b) => {
+    b.preventDefault(), b.stopPropagation(), !(!R || oe) && P(b.type === "dragenter" || b.type === "dragover");
+  }, Y = (b) => {
+    var k;
+    b.preventDefault(), b.stopPropagation(), P(!1), !(!R || oe) && (k = b.dataTransfer.files) != null && k[0] && ee(b.dataTransfer.files[0]);
+  }, Z = (b) => {
+    var k;
+    (k = b.target.files) != null && k[0] && (ee(b.target.files[0]), b.target.value = "");
+  }, re = (b) => {
+    if (!R) return;
+    M((U) => {
       var J;
-      const E = { ...z }, V = (J = E[b]) == null ? void 0 : J.blobUrl;
-      return V && (URL.revokeObjectURL(V), se.current.delete(V)), delete E[b], E;
+      const T = { ...U }, H = (J = T[b]) == null ? void 0 : J.blobUrl;
+      return H && (URL.revokeObjectURL(H), O.current.delete(H)), delete T[b], T;
     });
-    const N = P.filter((z) => z !== b);
-    t(r, C ? N.length > 0 ? N : null : N[0] ?? null);
-  }, Y = async (b, N) => {
-    var V, J, Z;
+    const k = V.filter((U) => U !== b);
+    t(r, w ? k.length > 0 ? k : null : k[0] ?? null);
+  }, he = async (b, k) => {
+    var H, J, Q;
     b.preventDefault();
-    const z = (V = re[N]) == null ? void 0 : V.blobUrl;
-    if (z) {
-      (J = window.open(z, "_blank", "noopener,noreferrer")) == null || J.focus();
+    const U = (H = j[k]) == null ? void 0 : H.blobUrl;
+    if (U) {
+      (J = window.open(U, "_blank", "noopener,noreferrer")) == null || J.focus();
       return;
     }
-    const E = window.open("", "_blank");
-    if (E)
+    const T = window.open("", "_blank");
+    if (T)
       try {
-        const Q = await ((Z = l == null ? void 0 : l.getDownloadUrl) == null ? void 0 : Z.call(l, N));
-        Q != null && Q.url ? E.location.href = Q.url : E.close();
+        const K = await ((Q = u == null ? void 0 : u.getDownloadUrl) == null ? void 0 : Q.call(u, k));
+        K != null && K.url ? T.location.href = K.url : T.close();
       } catch {
-        E.close();
+        T.close();
       }
   };
-  if (!I && P.length === 0) return null;
-  const q = v - P.length, ne = I && !X;
-  return /* @__PURE__ */ g(R, { mb: "4", children: [
-    /* @__PURE__ */ g(T, { align: "center", justify: "between", mb: "2", children: [
+  if (!R && V.length === 0) return null;
+  const ne = v - V.length, ue = R && !oe;
+  return /* @__PURE__ */ g(C, { mb: "4", children: [
+    /* @__PURE__ */ g(S, { align: "center", justify: "between", mb: "2", children: [
       /* @__PURE__ */ g(h, { as: "label", size: "2", weight: "bold", children: [
-        d,
-        m && /* @__PURE__ */ n(h, { color: "red", children: " *" })
+        i,
+        f && /* @__PURE__ */ n(h, { color: "red", children: " *" })
       ] }),
-      /* @__PURE__ */ n(h, { size: "1", color: "gray", children: C ? `Up to ${v} files · ${ge(S)} each · ${me(x)}` : `${ge(S)} · ${me(x)}` })
+      /* @__PURE__ */ n(h, { size: "1", color: "gray", children: w ? `Up to ${v} files · ${me(N)} each · ${ge(A)}` : `${me(N)} · ${ge(A)}` })
     ] }),
-    P.map((b) => {
-      var N;
-      return /* @__PURE__ */ n(ze, { size: "2", variant: "surface", mb: "2", children: /* @__PURE__ */ g(T, { align: "center", gap: "3", children: [
+    V.map((b) => {
+      var k;
+      return /* @__PURE__ */ n(nr, { size: "2", variant: "surface", mb: "2", children: /* @__PURE__ */ g(S, { align: "center", gap: "3", children: [
         /* @__PURE__ */ n(
-          R,
+          C,
           {
             style: {
               background: "var(--blue-3)",
@@ -750,10 +757,10 @@ const st = ({
               color: "var(--blue-9)",
               flexShrink: 0
             },
-            children: /* @__PURE__ */ n(Ye, { width: "20", height: "20" })
+            children: /* @__PURE__ */ n(Dr, { width: "20", height: "20" })
           }
         ),
-        /* @__PURE__ */ n(R, { style: { flex: 1, overflow: "hidden" }, children: /* @__PURE__ */ n(
+        /* @__PURE__ */ n(C, { style: { flex: 1, overflow: "hidden" }, children: /* @__PURE__ */ n(
           h,
           {
             size: "2",
@@ -764,70 +771,70 @@ const st = ({
               textOverflow: "ellipsis",
               whiteSpace: "nowrap"
             },
-            children: ((N = re[b]) == null ? void 0 : N.name) ?? "Uploaded File"
+            children: ((k = j[b]) == null ? void 0 : k.name) ?? "Uploaded File"
           }
         ) }),
-        /* @__PURE__ */ g(T, { align: "center", gap: "2", style: { flexShrink: 0 }, children: [
-          /* @__PURE__ */ n(Se, { variant: "soft", color: "blue", size: "1", onClick: (z) => Y(z, b), children: "View" }),
-          /* @__PURE__ */ n(Je, { style: { color: "var(--green-9)", width: 18, height: 18 } }),
-          I && /* @__PURE__ */ n(Xe, { variant: "ghost", color: "gray", onClick: () => ae(b), children: /* @__PURE__ */ n(Ze, {}) })
+        /* @__PURE__ */ g(S, { align: "center", gap: "2", style: { flexShrink: 0 }, children: [
+          /* @__PURE__ */ n(ke, { variant: "soft", color: "blue", size: "1", onClick: (U) => he(U, b), children: "View" }),
+          /* @__PURE__ */ n(Fr, { style: { color: "var(--green-9)", width: 18, height: 18 } }),
+          R && /* @__PURE__ */ n(Ue, { variant: "ghost", color: "gray", onClick: () => re(b), children: /* @__PURE__ */ n(or, {}) })
         ] })
       ] }) }, b);
     }),
-    ne && /* @__PURE__ */ g(
+    ue && /* @__PURE__ */ g(
       "div",
       {
         role: "button",
         tabIndex: 0,
         onClick: () => {
           var b;
-          return (b = B.current) == null ? void 0 : b.click();
+          return (b = D.current) == null ? void 0 : b.click();
         },
         onKeyDown: (b) => {
-          var N;
-          (b.key === "Enter" || b.key === " ") && (b.preventDefault(), (N = B.current) == null || N.click());
+          var k;
+          (b.key === "Enter" || b.key === " ") && (b.preventDefault(), (k = D.current) == null || k.click());
         },
-        onDragEnter: D,
-        onDragLeave: D,
-        onDragOver: D,
-        onDrop: ce,
+        onDragEnter: le,
+        onDragLeave: le,
+        onDragOver: le,
+        onDrop: Y,
         style: { cursor: "pointer" },
         className: [
           "border-2 border-dashed rounded-lg p-6 text-center",
           "transition-all duration-200 ease-in-out",
-          L ? "border-blue-500 bg-blue-50" : F ? "border-red-300 bg-red-50" : "border-gray-300 hover:border-blue-400 hover:bg-gray-50"
+          L ? "border-blue-500 bg-blue-50" : I ? "border-red-300 bg-red-50" : "border-gray-300 hover:border-blue-400 hover:bg-gray-50"
         ].join(" "),
         children: [
-          /* @__PURE__ */ n("input", { ref: B, type: "file", style: { display: "none" }, accept: x, onChange: G }),
-          /* @__PURE__ */ n(T, { direction: "column", align: "center", gap: "2", children: F ? /* @__PURE__ */ g(Ee, { children: [
-            /* @__PURE__ */ n(qe, { style: { width: 32, height: 32, color: "var(--red-9)" } }),
-            /* @__PURE__ */ n(h, { size: "2", color: "red", weight: "medium", children: F }),
+          /* @__PURE__ */ n("input", { ref: D, type: "file", style: { display: "none" }, accept: A, onChange: Z }),
+          /* @__PURE__ */ n(S, { direction: "column", align: "center", gap: "2", children: I ? /* @__PURE__ */ g(be, { children: [
+            /* @__PURE__ */ n(lr, { style: { width: 32, height: 32, color: "var(--red-9)" } }),
+            /* @__PURE__ */ n(h, { size: "2", color: "red", weight: "medium", children: I }),
             /* @__PURE__ */ n(h, { size: "1", color: "gray", children: "Click to try again" })
-          ] }) : /* @__PURE__ */ g(Ee, { children: [
-            /* @__PURE__ */ n(Qe, { style: { width: 32, height: 32, color: "var(--gray-8)" } }),
-            /* @__PURE__ */ n(h, { size: "2", weight: "medium", children: P.length > 0 ? `Add another file (${q} remaining)` : "Click to upload or drag and drop" }),
+          ] }) : /* @__PURE__ */ g(be, { children: [
+            /* @__PURE__ */ n(He, { style: { width: 32, height: 32, color: "var(--gray-8)" } }),
+            /* @__PURE__ */ n(h, { size: "2", weight: "medium", children: V.length > 0 ? `Add another file (${ne} remaining)` : "Click to upload or drag and drop" }),
             /* @__PURE__ */ g(h, { size: "1", color: "gray", children: [
-              ge(S),
+              me(N),
               " max · ",
-              me(x)
+              ge(A)
             ] })
           ] }) })
         ]
       }
     ),
-    I && X && C && /* @__PURE__ */ g(h, { size: "1", color: "gray", mt: "1", style: { display: "block", textAlign: "center" }, children: [
+    R && oe && w && /* @__PURE__ */ g(h, { size: "1", color: "gray", mt: "1", style: { display: "block", textAlign: "center" }, children: [
       "Maximum ",
       v,
       " files uploaded. Remove one to replace it."
     ] }),
-    !y && /* @__PURE__ */ n(h, { color: "red", size: "1", mt: "2", style: { display: "block" }, children: ie(o, d) })
+    !y && /* @__PURE__ */ n(h, { color: "red", size: "1", mt: "2", style: { display: "block" }, children: ae(o, i) })
   ] });
-}, ct = le(st), at = W(
+}, Tt = se(Ct), At = W(
   10,
   // high rank to beat default array renderer
-  hr(
+  Ar(
     // Match both single-file (type: string) and multi-file (type: array)
-    Me((e) => {
+    ze((e) => {
       if (e.type === "string" && e.format === "file") return !0;
       if (e.type === "array") {
         const t = e.items;
@@ -837,39 +844,42 @@ const st = ({
     })
   )
 );
-class Le extends Error {
+function St(e, t) {
+  return e !== !1 && t !== !0;
+}
+class $e extends Error {
 }
-function dt(e, t) {
-  const r = Tr(e, { type: "array", cellDates: !0 });
+function Ot(e, t) {
+  const r = _r(e, { type: "array", cellDates: !0 });
   if (r.SheetNames.length === 0)
-    throw new Le("This file has no sheets.");
-  const d = t ?? r.SheetNames[0], m = r.Sheets[d];
-  if (!m)
-    throw new Le(`This file doesn't have a sheet named "${d}".`);
-  const a = Ar.sheet_to_json(m, { header: 1, raw: !0, defval: null });
+    throw new $e("This file has no sheets.");
+  const i = t ?? r.SheetNames[0], f = r.Sheets[i];
+  if (!f)
+    throw new $e(`This file doesn't have a sheet named "${i}".`);
+  const s = Pr.sheet_to_json(f, { header: 1, raw: !0, defval: null });
   return {
-    sheetName: d,
-    matrix: a,
-    rowCount: a.length,
-    colCount: Math.max(0, ...a.map((c) => c.length))
+    sheetName: i,
+    matrix: s,
+    rowCount: s.length,
+    colCount: Math.max(0, ...s.map((l) => l.length))
   };
 }
-function ut(e) {
+function Nt(e) {
   let t = e + 1, r = "";
   for (; t > 0; ) {
-    const d = (t - 1) % 26;
-    r = String.fromCharCode(65 + d) + r, t = Math.floor((t - 1) / 26);
+    const i = (t - 1) % 26;
+    r = String.fromCharCode(65 + i) + r, t = Math.floor((t - 1) / 26);
   }
   return r;
 }
-class K extends Error {
-  constructor(r, d) {
-    super(d ?? r);
-    Ue(this, "code");
+class X extends Error {
+  constructor(r, i) {
+    super(i ?? r);
+    Pe(this, "code");
     this.code = r, this.name = "FormulaError";
   }
 }
-const ft = [
+const It = [
   // Logical
   // IF is excluded here even though its native body is real, non-stub code —
   // see LOGICAL_FUNCTIONS_WITH_BROKEN_CONDITION_COERCION below for why it's
@@ -895,7 +905,7 @@ const ft = [
   // DATE_FUNCTIONS_WITH_BROKEN_NATIVE_IMPL.
   "DATE",
   "TODAY"
-], ht = [
+], xt = [
   "MAX",
   "MIN",
   "MAXA",
@@ -914,7 +924,7 @@ const ft = [
   "COUNTA",
   // not present in fast-formula-parser's function table at all.
   "UPPER"
-], pt = ["YEAR", "MONTH", "DAY", "WEEKDAY"], gt = ["IF"], mt = [
+], Mt = ["YEAR", "MONTH", "DAY", "WEEKDAY"], kt = ["IF"], Lt = [
   "CONCATENATE",
   "CONCAT",
   "LEN",
@@ -925,115 +935,115 @@ const ft = [
   "MID",
   "FIND",
   "SEARCH"
-], yt = /* @__PURE__ */ new Set([
-  ...ft,
-  ...ht,
-  ...pt,
-  ...mt,
-  ...gt
-]), vt = /"(?:[^"]|"")*"/g, Fe = new RegExp("(?<![A-Za-z0-9_.])([A-Za-z_][A-Za-z0-9_.]*)\\s*\\(", "g");
-function bt(e) {
-  const t = e.replace(vt, (d) => " ".repeat(d.length));
-  Fe.lastIndex = 0;
+], zt = /* @__PURE__ */ new Set([
+  ...It,
+  ...xt,
+  ...Mt,
+  ...Lt,
+  ...kt
+]), Dt = /"(?:[^"]|"")*"/g, Be = new RegExp("(?<![A-Za-z0-9_.])([A-Za-z_][A-Za-z0-9_.]*)\\s*\\(", "g");
+function Ft(e) {
+  const t = e.replace(Dt, (i) => " ".repeat(i.length));
+  Be.lastIndex = 0;
   let r;
-  for (; (r = Fe.exec(t)) !== null; ) {
-    const d = r[1].toUpperCase();
-    if (!yt.has(d))
-      throw new K("NAME", `Function ${d} is not allowed.`);
+  for (; (r = Be.exec(t)) !== null; ) {
+    const i = r[1].toUpperCase();
+    if (!zt.has(i))
+      throw new X("NAME", `Function ${i} is not allowed.`);
   }
 }
-function Et(e, t, r) {
-  let d = e;
-  if (d == null) throw r.NA;
-  if (typeof d == "object" && !(d instanceof r) && (d = t.retrieveRef(d)), d instanceof r) throw d;
-  if (typeof d == "boolean") return d;
-  if (typeof d == "number") return d !== 0;
+function Ut(e, t, r) {
+  let i = e;
+  if (i == null) throw r.NA;
+  if (typeof i == "object" && !(i instanceof r) && (i = t.retrieveRef(i)), i instanceof r) throw i;
+  if (typeof i == "boolean") return i;
+  if (typeof i == "number") return i !== 0;
   throw r.VALUE;
 }
-function rr(e) {
+function cr(e) {
   return e !== null && typeof e == "object" && "value" in e ? e.value : e;
 }
-function he(e) {
-  const t = rr(e);
+function pe(e) {
+  const t = cr(e);
   return Array.isArray(t) ? t.flat(1 / 0) : [t];
 }
-function A(e) {
-  const t = rr(e);
+function x(e) {
+  const t = cr(e);
   return Array.isArray(t) ? t.flat(1 / 0)[0] : t;
 }
-function Ae(e) {
-  return e === void 0 ? void 0 : A(e);
+function xe(e) {
+  return e === void 0 ? void 0 : x(e);
 }
-function H(e) {
+function G(e) {
   return e == null || e === "" ? "" : typeof e == "boolean" ? e ? "TRUE" : "FALSE" : e instanceof Date ? e.toLocaleDateString() : String(e);
 }
-function wt(e, t) {
+function Ht(e, t) {
   return e instanceof t ? e : new t(e.message || "#ERROR!");
 }
-function M(e) {
+function _(e) {
   return e.find((t) => t instanceof Error);
 }
-function Rt(e, t) {
-  const r = (a) => {
-    throw wt(a, t);
-  }, d = (a, { checkArgsForErrors: c = !0 } = {}) => (...s) => {
-    const o = s.flatMap(he);
-    if (c) {
-      const l = M(o);
-      l && r(l);
+function $t(e, t) {
+  const r = (s) => {
+    throw Ht(s, t);
+  }, i = (s, { checkArgsForErrors: l = !0 } = {}) => (...a) => {
+    const o = a.flatMap(pe);
+    if (l) {
+      const u = _(o);
+      u && r(u);
     }
-    const i = a(...o);
-    return i instanceof Error ? r(i) : i;
-  }, m = (a, { toText: c = !1 } = {}) => (s) => {
-    const o = A(s), i = M([o]);
-    i && r(i);
-    const l = a(c ? H(o) : o);
-    return l instanceof Error ? r(l) : l;
+    const c = s(...o);
+    return c instanceof Error ? r(c) : c;
+  }, f = (s, { toText: l = !1 } = {}) => (a) => {
+    const o = x(a), c = _([o]);
+    c && r(c);
+    const u = s(l ? G(o) : o);
+    return u instanceof Error ? r(u) : u;
   };
   return {
     // valueIfTrue/valueIfFalse are passed through unretrieved (not
     // dereferenced or type-checked here) — that's what makes
     // `IF(FALSE, B100, 99)` a genuine short-circuit rather than a lookup.
-    IF: (a, c, s, o) => {
-      const i = Et(c, a, t);
-      if (s == null) throw t.NA;
-      return i ? s : o ?? !1;
+    IF: (s, l, a, o) => {
+      const c = Ut(l, s, t);
+      if (a == null) throw t.NA;
+      return c ? a : o ?? !1;
     },
     // Empty input -> 0, matching both the hand-rolled engine this replaces
     // and formulajs's own convention for MAX/MIN.
-    MAX: d(e.MAX),
-    MIN: d(e.MIN),
-    MAXA: d(e.MAXA),
-    MINA: d(e.MINA),
-    MEDIAN: d(e.MEDIAN),
+    MAX: i(e.MAX),
+    MIN: i(e.MIN),
+    MAXA: i(e.MAXA),
+    MINA: i(e.MINA),
+    MEDIAN: i(e.MEDIAN),
     // COUNTA counts non-blank entries; an error value among the args is
     // itself non-blank and gets counted (matching formulajs's own COUNTA,
     // which never checks for errors), so this skips the error propagation
     // the other aggregates use.
-    COUNTA: d(e.COUNTA, { checkArgsForErrors: !1 }),
-    LARGE: (a, c) => {
-      const s = he(a), o = A(c), i = M([...s, o]);
-      i && r(i);
-      const l = e.LARGE(s, o);
-      return l instanceof Error ? r(l) : l;
+    COUNTA: i(e.COUNTA, { checkArgsForErrors: !1 }),
+    LARGE: (s, l) => {
+      const a = pe(s), o = x(l), c = _([...a, o]);
+      c && r(c);
+      const u = e.LARGE(a, o);
+      return u instanceof Error ? r(u) : u;
     },
-    SMALL: (a, c) => {
-      const s = he(a), o = A(c), i = M([...s, o]);
-      i && r(i);
-      const l = e.SMALL(s, o);
-      return l instanceof Error ? r(l) : l;
+    SMALL: (s, l) => {
+      const a = pe(s), o = x(l), c = _([...a, o]);
+      c && r(c);
+      const u = e.SMALL(a, o);
+      return u instanceof Error ? r(u) : u;
     },
-    PERMUT: (a, c) => {
-      const s = [A(a), A(c)], o = M(s);
+    PERMUT: (s, l) => {
+      const a = [x(s), x(l)], o = _(a);
       o && r(o);
-      const i = e.PERMUT(s[0], s[1]);
-      return i instanceof Error ? r(i) : i;
+      const c = e.PERMUT(a[0], a[1]);
+      return c instanceof Error ? r(c) : c;
     },
-    PERMUTATIONA: (a, c) => {
-      const s = [A(a), A(c)], o = M(s);
+    PERMUTATIONA: (s, l) => {
+      const a = [x(s), x(l)], o = _(a);
       o && r(o);
-      const i = e.PERMUTATIONA(s[0], s[1]);
-      return i instanceof Error ? r(i) : i;
+      const c = e.PERMUTATIONA(a[0], a[1]);
+      return c instanceof Error ? r(c) : c;
     },
     // match_type is intentionally ignored and forced to 0 (exact match)
     // regardless of what the formula author supplied — approximate/sorted
@@ -1041,43 +1051,43 @@ function Rt(e, t) {
     // Excel's own default too) risks silently mis-ranking unsorted
     // real-world data. Same scope decision as the hand-rolled engine this
     // replaces, carried forward deliberately rather than dropped.
-    MATCH: (a, c) => {
-      const s = A(a), o = he(c), i = M([s, ...o]);
-      i && r(i);
-      const l = e.MATCH(s, o, 0);
-      return l instanceof Error ? r(l) : l;
+    MATCH: (s, l) => {
+      const a = x(s), o = pe(l), c = _([a, ...o]);
+      c && r(c);
+      const u = e.MATCH(a, o, 0);
+      return u instanceof Error ? r(u) : u;
     },
-    SWITCH: (...a) => {
-      const c = a.map(A), s = M(c);
-      s && r(s);
-      const o = e.SWITCH(...c);
+    SWITCH: (...s) => {
+      const l = s.map(x), a = _(l);
+      a && r(a);
+      const o = e.SWITCH(...l);
       return o instanceof Error ? r(o) : o;
     },
-    SUBSTITUTE: (a, c, s, o) => {
-      const i = [H(A(a)), H(A(c)), H(A(s))];
-      o !== void 0 && i.push(A(o));
-      const l = M(i);
-      l && r(l);
-      const y = e.SUBSTITUTE(...i);
+    SUBSTITUTE: (s, l, a, o) => {
+      const c = [G(x(s)), G(x(l)), G(x(a))];
+      o !== void 0 && c.push(x(o));
+      const u = _(c);
+      u && r(u);
+      const y = e.SUBSTITUTE(...c);
       return y instanceof Error ? r(y) : y;
     },
-    TEXTJOIN: (a, c, ...s) => {
-      const o = H(A(a)), i = A(c), l = s.flatMap(he).map(H), y = M([o, i]);
+    TEXTJOIN: (s, l, ...a) => {
+      const o = G(x(s)), c = x(l), u = a.flatMap(pe).map(G), y = _([o, c]);
       y && r(y);
-      const p = e.TEXTJOIN(o, i, l);
+      const p = e.TEXTJOIN(o, c, u);
       return p instanceof Error ? r(p) : p;
     },
-    UPPER: m(e.UPPER),
+    UPPER: f(e.UPPER),
     // See DATE_FUNCTIONS_WITH_BROKEN_NATIVE_IMPL above for why these override
     // fast-formula-parser's own (real, but broken-for-Date-cells) versions.
-    YEAR: m(e.YEAR),
-    MONTH: m(e.MONTH),
-    DAY: m(e.DAY),
-    WEEKDAY: (a, c) => {
-      const s = A(a), o = A(c), i = M([s]);
-      i && r(i);
-      const l = e.WEEKDAY(s, o);
-      return l instanceof Error ? r(l) : l;
+    YEAR: f(e.YEAR),
+    MONTH: f(e.MONTH),
+    DAY: f(e.DAY),
+    WEEKDAY: (s, l) => {
+      const a = x(s), o = x(l), c = _([a]);
+      c && r(c);
+      const u = e.WEEKDAY(a, o);
+      return u instanceof Error ? r(u) : u;
     },
     // See TEXT_FUNCTIONS_BROKEN_FOR_BLANK_CELLS above: these override fast-
     // formula-parser's own (real, but broken-for-a-bare-blank-cell) versions.
@@ -1088,54 +1098,54 @@ function Rt(e, t) {
     // Flattens every argument (a whole range included) and joins with no
     // separator, matching Excel's own range-argument behavior — the native
     // implementation instead inserts stray commas for a whole-range argument.
-    CONCATENATE: (...a) => {
-      const c = a.flatMap(he), s = M(c);
-      s && r(s);
-      const o = e.CONCATENATE(...c.map(H));
+    CONCATENATE: (...s) => {
+      const l = s.flatMap(pe), a = _(l);
+      a && r(a);
+      const o = e.CONCATENATE(...l.map(G));
       return o instanceof Error ? r(o) : o;
     },
-    CONCAT: (...a) => {
-      const c = a.flatMap(he), s = M(c);
-      s && r(s);
-      const o = e.CONCAT(...c.map(H));
+    CONCAT: (...s) => {
+      const l = s.flatMap(pe), a = _(l);
+      a && r(a);
+      const o = e.CONCAT(...l.map(G));
       return o instanceof Error ? r(o) : o;
     },
-    LEN: m(e.LEN, { toText: !0 }),
-    TRIM: m(e.TRIM, { toText: !0 }),
-    LOWER: m(e.LOWER, { toText: !0 }),
-    LEFT: (a, c) => {
-      const s = A(a), o = Ae(c), i = M([s]);
-      i && r(i);
-      const l = e.LEFT(H(s), o);
-      return l instanceof Error ? r(l) : l;
+    LEN: f(e.LEN, { toText: !0 }),
+    TRIM: f(e.TRIM, { toText: !0 }),
+    LOWER: f(e.LOWER, { toText: !0 }),
+    LEFT: (s, l) => {
+      const a = x(s), o = xe(l), c = _([a]);
+      c && r(c);
+      const u = e.LEFT(G(a), o);
+      return u instanceof Error ? r(u) : u;
     },
-    RIGHT: (a, c) => {
-      const s = A(a), o = Ae(c), i = M([s]);
-      i && r(i);
-      const l = e.RIGHT(H(s), o);
-      return l instanceof Error ? r(l) : l;
+    RIGHT: (s, l) => {
+      const a = x(s), o = xe(l), c = _([a]);
+      c && r(c);
+      const u = e.RIGHT(G(a), o);
+      return u instanceof Error ? r(u) : u;
     },
-    MID: (a, c, s) => {
-      const o = A(a), i = A(c), l = A(s), y = M([o, i, l]);
+    MID: (s, l, a) => {
+      const o = x(s), c = x(l), u = x(a), y = _([o, c, u]);
       y && r(y);
-      const p = e.MID(H(o), i, l);
+      const p = e.MID(G(o), c, u);
       return p instanceof Error ? r(p) : p;
     },
-    FIND: (a, c, s) => {
-      const o = A(a), i = A(c), l = Ae(s), y = M([o, i]);
+    FIND: (s, l, a) => {
+      const o = x(s), c = x(l), u = xe(a), y = _([o, c]);
       y && r(y);
-      const p = e.FIND(H(o), H(i), l);
+      const p = e.FIND(G(o), G(c), u);
       return p instanceof Error ? r(p) : p;
     },
-    SEARCH: (a, c, s) => {
-      const o = A(a), i = A(c), l = Ae(s), y = M([o, i]);
+    SEARCH: (s, l, a) => {
+      const o = x(s), c = x(l), u = xe(a), y = _([o, c]);
       y && r(y);
-      const p = e.SEARCH(H(o), H(i), l);
+      const p = e.SEARCH(G(o), G(c), u);
       return p instanceof Error ? r(p) : p;
     }
   };
 }
-const Ct = {
+const _t = {
   "#REF!": "REF",
   "#VALUE!": "VALUE",
   "#DIV/0!": "DIV0",
@@ -1144,41 +1154,41 @@ const Ct = {
   "#NUM!": "NUM",
   "#NULL!": "NULL"
 };
-function $e(e) {
-  return Ct[e.error] ?? "ERROR";
+function Ke(e) {
+  return _t[e.error] ?? "ERROR";
 }
-function _e(e, t) {
-  if (e instanceof K) return e;
+function Ge(e, t) {
+  if (e instanceof X) return e;
   if (e instanceof t) {
     const r = e.details;
-    return r instanceof K ? r : r instanceof t ? new K($e(r), r.message) : new K($e(e), e.message);
+    return r instanceof X ? r : r instanceof t ? new X(Ke(r), r.message) : new X(Ke(e), e.message);
   }
-  return new K("ERROR", e instanceof Error ? e.message : void 0);
+  return new X("ERROR", e instanceof Error ? e.message : void 0);
 }
-function Tt(e) {
+function Pt(e) {
   return Math.max(0, ...e.map((t) => (t == null ? void 0 : t.length) ?? 0));
 }
-function At(e) {
+function Vt(e) {
   return (t) => {
     const r = e[t.row - 1];
     if (t.row < 1 || t.col < 1 || r == null || t.col - 1 >= r.length)
-      throw new K("REF");
-    const d = r[t.col - 1];
-    return d == null || d === "" ? null : d;
+      throw new X("REF");
+    const i = r[t.col - 1];
+    return i == null || i === "" ? null : i;
   };
 }
-function St(e) {
+function Wt(e) {
   return (t) => {
-    const r = Math.min(t.from.row, t.to.row), d = Math.min(t.from.col, t.to.col), m = Math.max(t.from.row, t.to.row), a = Math.max(t.from.col, t.to.col), c = Tt(e);
-    if (r > e.length || d > c)
-      throw new K("REF");
-    const s = Math.min(m, e.length), o = [];
-    for (let i = r; i <= s; i++) {
-      const l = e[i - 1], y = [];
-      if (l != null) {
-        const p = Math.min(a, l.length);
-        for (let f = d; f <= p; f++) {
-          const v = l[f - 1];
+    const r = Math.min(t.from.row, t.to.row), i = Math.min(t.from.col, t.to.col), f = Math.max(t.from.row, t.to.row), s = Math.max(t.from.col, t.to.col), l = Pt(e);
+    if (r > e.length || i > l)
+      throw new X("REF");
+    const a = Math.min(f, e.length), o = [];
+    for (let c = r; c <= a; c++) {
+      const u = e[c - 1], y = [];
+      if (u != null) {
+        const p = Math.min(s, u.length);
+        for (let m = i; m <= p; m++) {
+          const v = u[m - 1];
           y.push(v == null || v === "" ? null : v);
         }
       }
@@ -1187,38 +1197,57 @@ function St(e) {
     return o;
   };
 }
-function Nt(e) {
+function Bt(e) {
   if (e == null || e === "") return null;
   if (typeof e == "number" || typeof e == "string" || typeof e == "boolean" || e instanceof Date)
     return e;
-  throw new K("VALUE");
+  throw new X("VALUE");
 }
-async function Ot(e, t) {
-  if (typeof t != "string") throw new K("ERROR");
-  const r = t.trim();
-  if (r === "") throw new K("ERROR");
-  const d = r.startsWith("=") ? r.slice(1) : r;
-  bt(d);
-  const [m, a] = await Promise.all([
+async function ar(e, t) {
+  if (typeof e != "string") throw new X("ERROR");
+  const r = e.trim();
+  if (r === "") throw new X("ERROR");
+  const i = r.startsWith("=") ? r.slice(1) : r;
+  Ft(i);
+  const [f, s] = await Promise.all([
     import("fast-formula-parser"),
     import("@formulajs/formulajs")
-  ]), c = m.default ?? m, s = c.FormulaError, o = new c({
-    onCell: At(e),
-    onRange: St(e),
+  ]), l = f.default ?? f, a = l.FormulaError, o = new l({
+    ...t,
     // eslint-disable-next-line @typescript-eslint/no-explicit-any -- formulajs's own types are all `any`-typed; formulaFunctions.ts narrows the surface it actually calls.
-    functions: Rt(a, s)
+    functions: $t(s, a)
   });
-  let i;
+  let c;
   try {
-    i = o.parse(d, { row: 1, col: 1, sheet: "Sheet1" });
-  } catch (l) {
-    throw _e(l, s);
+    c = o.parse(i, { row: 1, col: 1, sheet: "Sheet1" });
+  } catch (u) {
+    throw Ge(u, a);
   }
-  if (i instanceof s)
-    throw _e(i, s);
-  return Nt(i);
+  if (c instanceof a)
+    throw Ge(c, a);
+  return Bt(c);
+}
+async function Kt(e, t) {
+  return ar(t, { onCell: Vt(e), onRange: Wt(e) });
+}
+const Xe = -1;
+async function Gt(e, t) {
+  const r = Object.keys(e);
+  return ar(t, {
+    onVariable: (i) => {
+      const f = r.indexOf(i);
+      return f === -1 ? null : { row: Xe, col: f + 1 };
+    },
+    onCell: (i) => {
+      if (i.row === Xe) return e[r[i.col - 1]] ?? null;
+      throw new X("REF");
+    },
+    onRange: () => {
+      throw new X("REF");
+    }
+  });
 }
-const Pe = {
+const ur = {
   REF: "#REF!",
   VALUE: "#VALUE!",
   DIV0: "#DIV/0!",
@@ -1228,343 +1257,525 @@ const Pe = {
   NUM: "#NUM!",
   NULL: "#NULL!"
 };
-async function It(e, t) {
-  return e.length === 0 ? t.map((r) => ({ label: (r == null ? void 0 : r.label) ?? "(unknown)", value: null, error: Pe.ERROR })) : Promise.all(
+function dr(e) {
+  const t = e instanceof X ? e.code : "ERROR";
+  return ur[t];
+}
+async function Xt(e, t) {
+  return e.length === 0 ? t.map((r) => ({
+    id: typeof (r == null ? void 0 : r.id) == "string" ? r.id : "(unknown)",
+    label: (r == null ? void 0 : r.label) ?? "(unknown)",
+    value: null,
+    error: ur.ERROR
+  })) : Promise.all(
     t.map(async (r) => {
       try {
-        if (!r || typeof r.label != "string" || typeof r.expression != "string")
-          throw new K("ERROR");
-        return { label: r.label, value: await Ot(e, r.expression) };
-      } catch (d) {
-        const m = d instanceof K ? d.code : "ERROR";
-        return { label: (r == null ? void 0 : r.label) ?? "(unknown)", value: null, error: Pe[m] };
+        if (!r || typeof r.label != "string" || typeof r.expression != "string" || typeof r.id != "string")
+          throw new X("ERROR");
+        return { id: r.id, label: r.label, value: await Kt(e, r.expression) };
+      } catch (i) {
+        return {
+          id: typeof (r == null ? void 0 : r.id) == "string" ? r.id : "(unknown)",
+          label: (r == null ? void 0 : r.label) ?? "(unknown)",
+          value: null,
+          error: dr(i)
+        };
       }
     })
   );
 }
-const xt = ".xlsx,.xls,.csv,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,application/vnd.ms-excel,text/csv", Lt = 10 * 1024 * 1024, Ie = 200, Dt = 50, Mt = [];
-function be(e) {
+function jt(e, t = {}) {
+  if (t.columnHeader && t.rowHeader)
+    throw new Error(
+      "x-spreadsheet: columnHeader and rowHeader cannot both be true — pick one orientation for the persisted sheet shape."
+    );
+  return t.columnHeader ? Yt(e) : t.rowHeader ? Jt(e) : e;
+}
+function fr(e) {
+  return e == null || e === "" ? null : e instanceof Date ? e.toISOString() : String(e);
+}
+function hr(e, t) {
+  const r = /* @__PURE__ */ new Set();
+  for (const i of e)
+    if (i != null) {
+      if (r.has(i))
+        throw new Error(
+          `x-spreadsheet: duplicate ${t} value "${i}" — every ${t === "columnHeader" ? "column header" : "column-A value"} must be unique to shape as records.`
+        );
+      r.add(i);
+    }
+}
+function Yt(e) {
+  const [t, ...r] = e;
+  if (!t) return [];
+  const i = t.map(fr);
+  return hr(i, "columnHeader"), r.map((f) => {
+    const s = /* @__PURE__ */ Object.create(null);
+    return i.forEach((l, a) => {
+      l != null && (s[l] = f[a] ?? null);
+    }), s;
+  });
+}
+function Jt(e) {
+  const t = e.map((f) => fr(f[0]));
+  hr(t, "rowHeader");
+  const r = Math.max(0, ...e.map((f) => f.length)), i = Math.max(0, r - 1);
+  return Array.from({ length: i }, (f, s) => {
+    const l = s + 1, a = /* @__PURE__ */ Object.create(null);
+    return t.forEach((o, c) => {
+      o != null && (a[o] = e[c][l] ?? null);
+    }), a;
+  });
+}
+function je(e) {
+  return !Array.isArray(e[0]);
+}
+async function qt(e, t, r = {}) {
+  const i = await Xt(e, t), f = /* @__PURE__ */ Object.create(null);
+  for (const { id: s, label: l, value: a, error: o } of i)
+    f[s] = o === void 0 ? { label: l, value: a } : { label: l, value: a, error: o };
+  return r.persistSheet === !1 ? { derivations: f } : { sheet: jt(e, r), derivations: f };
+}
+const Zt = ".xlsx,.xls,.csv,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,application/vnd.ms-excel,text/csv", Qt = 10 * 1024 * 1024, ve = 200, Ye = 50, en = [];
+function Ce(e) {
   return e == null || e === "" ? "" : e instanceof Date ? e.toLocaleDateString() : String(e);
 }
-const zt = ({
+const rn = ({
   data: e,
   handleChange: t,
   path: r,
-  label: d,
-  required: m,
-  schema: a,
-  enabled: c,
-  errors: s,
-  visible: o = !0
+  label: i,
+  required: f,
+  schema: s,
+  enabled: l,
+  readonly: a,
+  errors: o,
+  visible: c = !0
 }) => {
-  var ve;
-  fe(o, r, t, null);
-  const i = !s || s.length === 0, l = c !== !1, y = (a == null ? void 0 : a["x-spreadsheet"]) ?? {}, p = (a == null ? void 0 : a["x-evaluate"]) ?? Mt, f = y.accept ?? xt, v = y.maxSize ?? Lt, S = y.persistSheet !== !1, x = y.columnHeader === !0, C = y.rowHeader === !0, I = y.showSheet !== !1, L = y.sheetName, O = e ?? null, [F, $] = k(
-    () => {
-      var u;
-      return O != null && O.sheet || (((u = O == null ? void 0 : O.derivations) == null ? void 0 : u.length) ?? 0) > 0 ? "ready" : "empty";
-    }
-  ), [re, _] = k(null), [se, B] = k(!1), [P, X] = k(null), te = ue(null), D = P ?? (O == null ? void 0 : O.sheet) ?? null, ce = (O == null ? void 0 : O.derivations) ?? [], G = D != null || O != null, ae = De(
-    async (u) => {
-      if (_(null), u.size > v) {
-        _(`File exceeds the ${ge(v)} limit.`);
+  ce(c, r, t, null);
+  const u = !o || o.length === 0, y = St(l, a), p = (s == null ? void 0 : s["x-spreadsheet"]) ?? {}, m = (s == null ? void 0 : s["x-evaluate"]) ?? en, v = p.accept ?? Zt, N = p.maxSize ?? Qt, A = p.persistSheet !== !1, w = p.columnHeader === !0, R = p.rowHeader === !0, L = p.showSheet !== !1, P = p.sheetName, I = e ?? null, [B, j] = F(
+    () => I != null && I.sheet || Object.keys((I == null ? void 0 : I.derivations) ?? {}).length > 0 ? "ready" : "empty"
+  ), [M, O] = F(null), [D, V] = F(!1), [oe, ee] = F(null), le = de(null), Y = (I == null ? void 0 : I.sheet) ?? null, Z = oe ?? (Y && !je(Y) ? Y : null), re = oe == null && Y && je(Y) ? Y : null, he = (I == null ? void 0 : I.derivations) ?? {}, ne = Z != null || I != null, ue = _e(
+    async (d) => {
+      if (O(null), d.size > N) {
+        O(`File exceeds the ${me(N)} limit.`);
         return;
       }
-      if (!f.split(",").map((U) => U.trim()).some((U) => U === "*" || U === "*/*" ? !0 : U.endsWith("/*") ? u.type.startsWith(U.slice(0, -1)) : U.startsWith(".") ? u.name.toLowerCase().endsWith(U.toLowerCase()) : u.type === U)) {
-        _(`Invalid type. Accepted: ${me(f)}`);
+      if (!v.split(",").map((z) => z.trim()).some((z) => z === "*" || z === "*/*" ? !0 : z.endsWith("/*") ? d.type.startsWith(z.slice(0, -1)) : z.startsWith(".") ? d.name.toLowerCase().endsWith(z.toLowerCase()) : d.type === z)) {
+        O(`Invalid type. Accepted: ${ge(v)}`);
         return;
       }
-      $("parsing");
-      let j;
+      j("parsing");
+      let te;
       try {
-        const U = await u.arrayBuffer();
-        j = dt(U, L).matrix;
-      } catch (U) {
-        $("error"), _(
-          U instanceof Le ? U.message : "This doesn't look like a valid spreadsheet. Please check the file and try again."
+        const z = await d.arrayBuffer();
+        te = Ot(z, P).matrix;
+      } catch (z) {
+        j("error"), O(
+          z instanceof $e ? z.message : "This doesn't look like a valid spreadsheet. Please check the file and try again."
         );
         return;
       }
-      X(j);
-      const ee = await It(j, p);
-      t(
-        r,
-        S ? { sheet: j, derivations: ee } : { derivations: ee }
-      ), $("ready");
+      ee(te);
+      let ie;
+      try {
+        ie = await qt(te, m, { persistSheet: A, columnHeader: w, rowHeader: R });
+      } catch (z) {
+        j("error"), O(z instanceof Error ? z.message : "Failed to process the uploaded spreadsheet.");
+        return;
+      }
+      t(r, ie), j("ready");
     },
-    [f, v, S, L, p, r, t]
+    [v, N, A, w, R, P, m, r, t]
   );
-  if (o === !1 || !l && !G) return null;
-  const Y = (u) => {
-    u.preventDefault(), u.stopPropagation(), l && B(u.type === "dragenter" || u.type === "dragover");
-  }, q = (u) => {
-    var w;
-    u.preventDefault(), u.stopPropagation(), B(!1), l && (w = u.dataTransfer.files) != null && w[0] && ae(u.dataTransfer.files[0]);
-  }, ne = (u) => {
-    var w;
-    (w = u.target.files) != null && w[0] && (ae(u.target.files[0]), u.target.value = "");
-  }, b = () => {
-    l && (X(null), _(null), $("empty"), t(r, null));
-  }, N = x ? 1 : 0, z = C ? 1 : 0, E = D ? D.slice(N) : [], V = E.slice(0, Ie), J = Math.min(
-    Dt,
-    Math.max(0, ...V.map((u) => Math.max(0, u.length - z)))
-  ), Z = Array.from({ length: J }, (u, w) => w + z), Q = I && D == null && O != null, Oe = x && C ? be((ve = D == null ? void 0 : D[0]) == null ? void 0 : ve[0]) : "";
-  return /* @__PURE__ */ g(R, { mb: "4", children: [
-    /* @__PURE__ */ g(T, { align: "center", justify: "between", mb: "2", children: [
-      /* @__PURE__ */ g(h, { as: "label", size: "2", weight: "bold", children: [
-        d,
-        m && /* @__PURE__ */ n(h, { color: "red", children: " *" })
+  if (c === !1)
+    return null;
+  if (w && R)
+    return /* @__PURE__ */ g(C, { mb: "4", children: [
+      /* @__PURE__ */ n(h, { as: "label", size: "2", weight: "bold", children: i }),
+      /* @__PURE__ */ n(h, { size: "2", color: "red", style: { display: "block" }, children: "Invalid x-spreadsheet config: columnHeader and rowHeader cannot both be true — pick one orientation." })
+    ] });
+  if (!y && !ne) return null;
+  const b = (d) => {
+    d.preventDefault(), d.stopPropagation(), y && V(d.type === "dragenter" || d.type === "dragover");
+  }, k = (d) => {
+    var E;
+    d.preventDefault(), d.stopPropagation(), V(!1), y && (E = d.dataTransfer.files) != null && E[0] && ue(d.dataTransfer.files[0]);
+  }, U = (d) => {
+    var E;
+    (E = d.target.files) != null && E[0] && (ue(d.target.files[0]), d.target.value = "");
+  }, T = () => {
+    y && (ee(null), O(null), j("empty"), t(r, null));
+  }, H = w ? 1 : 0, J = R ? 1 : 0, Q = Z ? Z.slice(H) : [], K = Q.slice(0, ve), we = Math.min(
+    Ye,
+    Math.max(0, ...K.map((d) => Math.max(0, d.length - J)))
+  ), Ee = Array.from({ length: we }, (d, E) => E + J), De = L && Z == null && re == null && I != null, Se = "", Fe = R && !w, Oe = re ? re.slice(0, ve) : [], Re = Array.from(new Set(Oe.flatMap((d) => Object.keys(d)))).slice(0, Ye);
+  return /* @__PURE__ */ g(C, { mb: "4", children: [
+    /* @__PURE__ */ g(S, { align: "center", justify: "between", mb: "2", children: [
+      /* @__PURE__ */ g(S, { align: "center", gap: "1", children: [
+        /* @__PURE__ */ g(h, { as: "label", size: "2", weight: "bold", children: [
+          i,
+          f && /* @__PURE__ */ n(h, { color: "red", children: " *" })
+        ] }),
+        ne && y && /* @__PURE__ */ g(be, { children: [
+          /* @__PURE__ */ n(We, { content: "Replace spreadsheet", children: /* @__PURE__ */ n(
+            Ue,
+            {
+              variant: "ghost",
+              size: "1",
+              onClick: () => {
+                var d;
+                return (d = le.current) == null ? void 0 : d.click();
+              },
+              "aria-label": "Replace spreadsheet",
+              children: /* @__PURE__ */ n(He, {})
+            }
+          ) }),
+          /* @__PURE__ */ n(We, { content: "Remove spreadsheet", children: /* @__PURE__ */ n(
+            Ue,
+            {
+              variant: "ghost",
+              size: "1",
+              color: "gray",
+              onClick: T,
+              "aria-label": "Remove spreadsheet",
+              children: /* @__PURE__ */ n(or, {})
+            }
+          ) })
+        ] })
       ] }),
       /* @__PURE__ */ g(h, { size: "1", color: "gray", children: [
-        ge(v),
+        me(N),
         " max · ",
-        me(f)
+        ge(v)
       ] })
     ] }),
-    G && /* @__PURE__ */ n(ze, { size: "2", variant: "surface", mb: "2", children: /* @__PURE__ */ g(T, { align: "center", gap: "3", children: [
-      /* @__PURE__ */ n(
-        R,
-        {
-          style: {
-            background: "var(--blue-3)",
-            padding: 8,
-            borderRadius: 6,
-            color: "var(--blue-9)",
-            flexShrink: 0
-          },
-          children: /* @__PURE__ */ n(Ye, { width: "20", height: "20" })
-        }
-      ),
-      /* @__PURE__ */ n(R, { style: { flex: 1 }, children: /* @__PURE__ */ n(h, { size: "2", weight: "bold", children: "Spreadsheet uploaded" }) }),
-      /* @__PURE__ */ n(Je, { style: { color: "var(--green-9)", width: 18, height: 18 } }),
-      l && /* @__PURE__ */ n(Xe, { variant: "ghost", color: "gray", onClick: b, "aria-label": "Remove spreadsheet", children: /* @__PURE__ */ n(Ze, {}) })
-    ] }) }),
-    l && /* @__PURE__ */ g(
+    ne && M && /* @__PURE__ */ n(h, { size: "2", color: "red", mb: "2", style: { display: "block" }, children: M }),
+    /* @__PURE__ */ n("input", { ref: le, type: "file", style: { display: "none" }, accept: v, onChange: U }),
+    y && !ne && /* @__PURE__ */ n(
       "div",
       {
         role: "button",
         tabIndex: 0,
         onClick: () => {
-          var u;
-          return (u = te.current) == null ? void 0 : u.click();
+          var d;
+          return (d = le.current) == null ? void 0 : d.click();
         },
-        onKeyDown: (u) => {
-          var w;
-          (u.key === "Enter" || u.key === " ") && (u.preventDefault(), (w = te.current) == null || w.click());
+        onKeyDown: (d) => {
+          var E;
+          (d.key === "Enter" || d.key === " ") && (d.preventDefault(), (E = le.current) == null || E.click());
         },
-        onDragEnter: Y,
-        onDragLeave: Y,
-        onDragOver: Y,
-        onDrop: q,
+        onDragEnter: b,
+        onDragLeave: b,
+        onDragOver: b,
+        onDrop: k,
         style: { cursor: "pointer" },
         className: [
           "border-2 border-dashed rounded-lg p-6 text-center",
           "transition-all duration-200 ease-in-out",
-          se ? "border-blue-500 bg-blue-50" : re ? "border-red-300 bg-red-50" : "border-gray-300 hover:border-blue-400 hover:bg-gray-50"
+          D ? "border-blue-500 bg-blue-50" : M ? "border-red-300 bg-red-50" : "border-gray-300 hover:border-blue-400 hover:bg-gray-50"
         ].join(" "),
-        children: [
-          /* @__PURE__ */ n("input", { ref: te, type: "file", style: { display: "none" }, accept: f, onChange: ne }),
-          /* @__PURE__ */ n(T, { direction: "column", align: "center", gap: "2", children: F === "parsing" ? /* @__PURE__ */ g(Ee, { children: [
-            /* @__PURE__ */ n(xe, { size: "3" }),
-            /* @__PURE__ */ n(h, { size: "2", color: "gray", children: "Parsing spreadsheet…" })
-          ] }) : re ? /* @__PURE__ */ g(Ee, { children: [
-            /* @__PURE__ */ n(qe, { style: { width: 32, height: 32, color: "var(--red-9)" } }),
-            /* @__PURE__ */ n(h, { size: "2", color: "red", weight: "medium", children: re }),
-            /* @__PURE__ */ n(h, { size: "1", color: "gray", children: "Click to try again" })
-          ] }) : /* @__PURE__ */ g(Ee, { children: [
-            /* @__PURE__ */ n(Qe, { style: { width: 32, height: 32, color: "var(--gray-8)" } }),
-            /* @__PURE__ */ n(h, { size: "2", weight: "medium", children: G ? "Click to upload a replacement" : "Click to upload or drag and drop" }),
-            /* @__PURE__ */ g(h, { size: "1", color: "gray", children: [
-              ge(v),
-              " max · ",
-              me(f)
-            ] })
-          ] }) })
-        ]
+        children: /* @__PURE__ */ n(S, { direction: "column", align: "center", gap: "2", children: B === "parsing" ? /* @__PURE__ */ g(be, { children: [
+          /* @__PURE__ */ n(Me, { size: "3" }),
+          /* @__PURE__ */ n(h, { size: "2", color: "gray", children: "Parsing spreadsheet…" })
+        ] }) : M ? /* @__PURE__ */ g(be, { children: [
+          /* @__PURE__ */ n(lr, { style: { width: 32, height: 32, color: "var(--red-9)" } }),
+          /* @__PURE__ */ n(h, { size: "2", color: "red", weight: "medium", children: M }),
+          /* @__PURE__ */ n(h, { size: "1", color: "gray", children: "Click to try again" })
+        ] }) : /* @__PURE__ */ g(be, { children: [
+          /* @__PURE__ */ n(He, { style: { width: 32, height: 32, color: "var(--gray-8)" } }),
+          /* @__PURE__ */ n(h, { size: "2", weight: "medium", children: "Click to upload or drag and drop" }),
+          /* @__PURE__ */ g(h, { size: "1", color: "gray", children: [
+            me(N),
+            " max · ",
+            ge(v)
+          ] })
+        ] }) })
       }
     ),
-    D && I && /* @__PURE__ */ g(R, { mt: "3", children: [
-      /* @__PURE__ */ n(R, { style: { overflow: "auto", maxHeight: 420 }, children: /* @__PURE__ */ g(oe.Root, { variant: "surface", size: "1", children: [
-        /* @__PURE__ */ n(oe.Header, { children: /* @__PURE__ */ g(oe.Row, { children: [
-          /* @__PURE__ */ n(oe.ColumnHeaderCell, { children: Oe }),
-          Z.map((u) => {
-            var w;
-            return /* @__PURE__ */ n(oe.ColumnHeaderCell, { children: x ? be((w = D[0]) == null ? void 0 : w[u]) : ut(u) }, u);
+    Z && L && /* @__PURE__ */ g(C, { mt: "3", children: [
+      /* @__PURE__ */ n(C, { style: { overflow: "auto", maxHeight: 420 }, children: /* @__PURE__ */ g($.Root, { variant: "surface", size: "1", children: [
+        !Fe && /* @__PURE__ */ n($.Header, { children: /* @__PURE__ */ g($.Row, { children: [
+          /* @__PURE__ */ n($.ColumnHeaderCell, { children: Se }),
+          Ee.map((d) => {
+            var E;
+            return (
+              // This row only renders when rowHeader isn't the sole
+              // flag set (see suppressColumnHeaderRow) — so reaching
+              // here, either columnHeader is true (real labels) or
+              // both are false (columnLetter fallback).
+              /* @__PURE__ */ n($.ColumnHeaderCell, { children: w ? Ce((E = Z[0]) == null ? void 0 : E[d]) : Nt(d) }, d)
+            );
           })
         ] }) }),
-        /* @__PURE__ */ n(oe.Body, { children: V.map((u, w) => {
-          var j;
-          const de = N + w;
-          return /* @__PURE__ */ g(oe.Row, { children: [
-            /* @__PURE__ */ n(oe.RowHeaderCell, { children: C ? be((j = D[de]) == null ? void 0 : j[0]) : de + 1 }),
-            Z.map((ee) => /* @__PURE__ */ n(oe.Cell, { children: be(u[ee]) }, ee))
-          ] }, w);
+        /* @__PURE__ */ n($.Body, { children: K.map((d, E) => {
+          var te;
+          const q = H + E;
+          return /* @__PURE__ */ g($.Row, { children: [
+            /* @__PURE__ */ n(
+              $.RowHeaderCell,
+              {
+                style: R ? { fontWeight: 700, background: "var(--gray-a3)" } : void 0,
+                children: R ? Ce((te = Z[q]) == null ? void 0 : te[0]) : w ? "" : q + 1
+              }
+            ),
+            Ee.map((ie) => /* @__PURE__ */ n($.Cell, { children: Ce(d[ie]) }, ie))
+          ] }, E);
         }) })
       ] }) }),
-      E.length > Ie && /* @__PURE__ */ g(h, { size: "1", color: "gray", mt: "1", style: { display: "block" }, children: [
+      Q.length > ve && /* @__PURE__ */ g(h, { size: "1", color: "gray", mt: "1", style: { display: "block" }, children: [
         "Showing first ",
-        Ie,
+        ve,
         " of ",
-        E.length,
+        Q.length,
         " rows"
       ] })
     ] }),
-    Q && /* @__PURE__ */ n(h, { size: "2", color: "gray", mt: "3", style: { display: "block" }, children: "Sheet preview not stored for this field — re-upload to view contents." }),
-    ce.length > 0 && /* @__PURE__ */ g(R, { mt: "3", children: [
+    re && L && /* @__PURE__ */ g(C, { mt: "3", children: [
+      /* @__PURE__ */ n(C, { style: { overflow: "auto", maxHeight: 420 }, children: /* @__PURE__ */ g($.Root, { variant: "surface", size: "1", children: [
+        /* @__PURE__ */ n($.Header, { children: /* @__PURE__ */ g($.Row, { children: [
+          /* @__PURE__ */ n($.ColumnHeaderCell, {}),
+          Re.map((d) => /* @__PURE__ */ n($.ColumnHeaderCell, { children: d }, d))
+        ] }) }),
+        /* @__PURE__ */ n($.Body, { children: Oe.map((d, E) => /* @__PURE__ */ g($.Row, { children: [
+          /* @__PURE__ */ n($.RowHeaderCell, { children: E + 1 }),
+          Re.map((q) => /* @__PURE__ */ n($.Cell, { children: Ce(d[q]) }, q))
+        ] }, E)) })
+      ] }) }),
+      re.length > ve && /* @__PURE__ */ g(h, { size: "1", color: "gray", mt: "1", style: { display: "block" }, children: [
+        "Showing first ",
+        ve,
+        " of ",
+        re.length,
+        " rows"
+      ] })
+    ] }),
+    De && /* @__PURE__ */ n(h, { size: "2", color: "gray", mt: "3", style: { display: "block" }, children: "Sheet preview not stored for this field — re-upload to view contents." }),
+    Object.keys(he).length > 0 && /* @__PURE__ */ g(C, { mt: "3", children: [
       /* @__PURE__ */ n(h, { size: "2", weight: "bold", as: "div", mb: "1", children: "Computed values" }),
-      /* @__PURE__ */ n(T, { direction: "column", gap: "1", children: ce.map((u, w) => /* @__PURE__ */ g(T, { justify: "between", children: [
-        /* @__PURE__ */ n(h, { size: "2", children: u.label }),
-        u.error ? /* @__PURE__ */ n(h, { size: "2", color: "red", children: u.error }) : (
+      /* @__PURE__ */ n(S, { direction: "column", gap: "1", children: Object.entries(he).map(([d, E]) => /* @__PURE__ */ g(S, { justify: "between", children: [
+        /* @__PURE__ */ n(h, { size: "2", children: E.label }),
+        E.error ? /* @__PURE__ */ n(h, { size: "2", color: "red", children: E.error }) : (
           // d.value is CellValue | null now (SUM/AVERAGE aren't the only
           // possible results anymore — INDEX/CONCATENATE can return a
           // string, a bare comparison can return a boolean, etc.), so
           // `.toLocaleString()` would throw for e.g. a boolean result.
           // Reuse the same formatCell used for the sheet-preview grid.
-          /* @__PURE__ */ n(h, { size: "2", children: be(u.value) })
+          /* @__PURE__ */ n(h, { size: "2", children: Ce(E.value) })
         )
-      ] }, w)) })
+      ] }, d)) })
     ] }),
-    !i && /* @__PURE__ */ n(h, { color: "red", size: "1", mt: "2", style: { display: "block" }, children: ie(s, d) })
+    !u && /* @__PURE__ */ n(h, { color: "red", size: "1", mt: "2", style: { display: "block" }, children: ae(o, i) })
   ] });
-}, Ut = le(zt), kt = W(
+}, tn = se(rn), nn = W(
   10,
   // matches FileControlTester's rank — beats the default object/Group renderer
-  Me(
+  ze(
     (e) => e.type === "object" && typeof e["x-spreadsheet"] == "object"
   )
-), Ft = ({
+);
+function on(e, t, r) {
+  const i = {};
+  for (const [f, s] of Object.entries(r)) {
+    const { path: l, default: a } = typeof s == "string" ? { path: s, default: void 0 } : s, o = t ? `${t}.${l}` : l, c = Sr.data(e, o);
+    if (c == null) {
+      if (a === void 0) return;
+      i[f] = a;
+    } else
+      i[f] = c;
+  }
+  return i;
+}
+async function ln(e, t) {
+  try {
+    return { status: "ok", value: await Gt(e, t) };
+  } catch (r) {
+    return { status: "error", error: dr(r) };
+  }
+}
+function sn(e, t) {
+  return e == null ? "" : typeof e == "number" ? e.toFixed(cn(t)) : e instanceof Date ? e.toLocaleDateString() : String(e);
+}
+function cn(e) {
+  return Number.isFinite(e) ? Math.min(100, Math.max(0, Math.trunc(e))) : 0;
+}
+const Je = "{value}", an = 2, un = {}, dn = ({ data: e, handleChange: t, path: r, label: i, schema: f, visible: s = !0 }) => {
+  var B;
+  ce(s, r, t, null);
+  const l = f == null ? void 0 : f["x-computed"], a = (l == null ? void 0 : l.inputs) ?? un, o = (l == null ? void 0 : l.formula) ?? "", c = (l == null ? void 0 : l.format) ?? Je, u = (l == null ? void 0 : l.decimals) ?? an, y = xr(), p = r.split(".").slice(0, -1).join("."), m = on((B = y.core) == null ? void 0 : B.data, p, a), v = m ? JSON.stringify(m) : null, N = y.readonly === !0, [A, w] = F(() => typeof e == "number" ? "ok" : "unavailable"), [R, L] = F(() => typeof e == "number" ? e : null), [P, I] = F(null);
+  return fe(() => {
+    if (!s) return;
+    let j = !1;
+    const M = (O) => {
+      N || O !== (e ?? null) && t(r, O);
+    };
+    if (m === void 0) {
+      w("unavailable"), I(null), L(null), M(null);
+      return;
+    }
+    return w((O) => O === "ok" ? O : "loading"), ln(m, o).then((O) => {
+      if (j) return;
+      const D = O.status === "ok" && typeof O.value == "number" && Number.isFinite(O.value) ? O.value : null;
+      if (D === null) {
+        w("error"), I(
+          O.status === "error" ? O.error ?? "Unable to compute value." : "Computed value must be a number."
+        ), L(null), M(null);
+        return;
+      }
+      w("ok"), I(null), L(D), M(D);
+    }), () => {
+      j = !0;
+    };
+  }, [v, o, s, N]), s === !1 ? null : /* @__PURE__ */ n(C, { mb: "4", children: /* @__PURE__ */ g(S, { direction: "column", gap: "1", children: [
+    /* @__PURE__ */ n(h, { as: "label", size: "2", weight: "bold", children: i }),
+    A === "unavailable" ? /* @__PURE__ */ n(h, { size: "2", color: "gray", children: "Not yet available." }) : A === "loading" ? /* @__PURE__ */ g(S, { align: "center", gap: "2", children: [
+      /* @__PURE__ */ n(Me, { size: "1" }),
+      /* @__PURE__ */ n(h, { size: "2", color: "gray", children: "Computing…" })
+    ] }) : A === "error" ? /* @__PURE__ */ n(h, { size: "2", color: "red", children: P }) : /* @__PURE__ */ n(h, { size: "2", children: c.split(Je).join(sn(R, u)) }),
+    f.description && /* @__PURE__ */ n(h, { size: "1", color: "gray", children: f.description })
+  ] }) });
+}, fn = se(dn), hn = W(
+  5,
+  ze((e) => {
+    const t = e["x-computed"];
+    return e.type === "number" && typeof t == "object" && t !== null;
+  })
+), pn = ({
   data: e,
   path: t,
   schema: r,
-  uischema: d,
-  enabled: m,
-  visible: a,
-  addItem: c,
-  removeItems: s,
+  uischema: i,
+  enabled: f,
+  visible: s,
+  addItem: l,
+  removeItems: a,
   rootSchema: o,
-  arraySchema: i
+  arraySchema: c
 }) => {
-  const l = i ? r : r.items, y = i || r;
-  if (a === !1 || !l || typeof l != "object" || Array.isArray(l))
+  const u = c ? r : r.items, y = c || r;
+  if (s === !1 || !u || typeof u != "object" || Array.isArray(u))
     return null;
-  const p = l, f = Array.isArray(e) ? e : [], v = y.title || "Array Items", S = () => {
-    const C = pr(p, o);
-    c && c(t, C)();
-  }, x = (C) => {
-    if (s) {
-      const I = s(t, [C]);
-      I && I();
+  const p = u, m = Array.isArray(e) ? e : [], v = y.title || "Array Items", N = () => {
+    const w = Or(p, o);
+    l && l(t, w)();
+  }, A = (w) => {
+    if (a) {
+      const R = a(t, [w]);
+      R && R();
     }
   };
-  return /* @__PURE__ */ n(R, { mb: "6", children: /* @__PURE__ */ g(T, { direction: "column", gap: "4", children: [
+  return /* @__PURE__ */ n(C, { mb: "6", children: /* @__PURE__ */ g(S, { direction: "column", gap: "4", children: [
     /* @__PURE__ */ n(h, { as: "div", size: "4", weight: "bold", children: v }),
-    f.length === 0 && /* @__PURE__ */ n(R, { py: "4", px: "4", style: { backgroundColor: "var(--gray-3)", borderRadius: "var(--radius-3)" }, children: /* @__PURE__ */ n(h, { size: "2", color: "gray", children: "No items have been added yet." }) }),
-    f.map((C, I) => {
-      var O;
-      const L = `${t}.${I}`;
-      return /* @__PURE__ */ n(ze, { size: "3", variant: "surface", children: /* @__PURE__ */ g(T, { direction: "column", gap: "4", children: [
-        /* @__PURE__ */ g(T, { justify: "between", align: "center", children: [
+    m.length === 0 && /* @__PURE__ */ n(C, { py: "4", px: "4", style: { backgroundColor: "var(--gray-3)", borderRadius: "var(--radius-3)" }, children: /* @__PURE__ */ n(h, { size: "2", color: "gray", children: "No items have been added yet." }) }),
+    m.map((w, R) => {
+      var P;
+      const L = `${t}.${R}`;
+      return /* @__PURE__ */ n(nr, { size: "3", variant: "surface", children: /* @__PURE__ */ g(S, { direction: "column", gap: "4", children: [
+        /* @__PURE__ */ g(S, { justify: "between", align: "center", children: [
           /* @__PURE__ */ g(h, { size: "3", weight: "bold", children: [
             "Item ",
-            I + 1
+            R + 1
           ] }),
-          m && /* @__PURE__ */ g(
-            Se,
+          f && /* @__PURE__ */ g(
+            ke,
             {
               type: "button",
               color: "red",
               variant: "soft",
-              onClick: () => x(I),
+              onClick: () => A(R),
               title: "Remove item",
               children: [
-                /* @__PURE__ */ n(wr, {}),
+                /* @__PURE__ */ n(Ur, {}),
                 "Remove"
               ]
             }
           )
         ] }),
-        /* @__PURE__ */ n(R, { children: /* @__PURE__ */ n(
-          Re,
+        /* @__PURE__ */ n(C, { children: /* @__PURE__ */ n(
+          Ae,
           {
             schema: p,
-            uischema: ((O = d.options) == null ? void 0 : O.detail) || (p.type === "object" || p.properties ? {
+            uischema: ((P = i.options) == null ? void 0 : P.detail) || (p.type === "object" || p.properties ? {
               type: "VerticalLayout",
-              elements: Object.keys(p.properties || {}).map((F) => ({
+              elements: Object.keys(p.properties || {}).map((I) => ({
                 type: "Control",
-                scope: `#/properties/${F}`
+                scope: `#/properties/${I}`
               }))
             } : {
               type: "Control",
               scope: "#"
             }),
             path: L,
-            enabled: m,
+            enabled: f,
             renderers: void 0,
             cells: void 0
           }
         ) })
       ] }) }, L);
     }),
-    m && /* @__PURE__ */ n(R, { mt: "2", children: /* @__PURE__ */ g(Se, { type: "button", variant: "surface", onClick: S, children: [
-      /* @__PURE__ */ n(Rr, {}),
+    f && /* @__PURE__ */ n(C, { mt: "2", children: /* @__PURE__ */ g(ke, { type: "button", variant: "surface", onClick: N, children: [
+      /* @__PURE__ */ n(Hr, {}),
       "Add Item"
     ] }) })
   ] }) });
-}, Ve = yr(Ft), $t = W(3, gr), _t = ({ uischema: e, visible: t }) => {
+}, qe = Mr(pn), mn = W(3, Nr), gn = ({ uischema: e, visible: t }) => {
   const r = e;
-  return t === !1 ? null : /* @__PURE__ */ n(R, { mb: "4", children: /* @__PURE__ */ n(Ge, { size: "4", children: r.text }) });
-}, Pt = W(1, we("Label")), Vt = W(3, mr), jt = [
-  { tester: Ir, renderer: xr },
-  { tester: Dr, renderer: Mr },
-  { tester: Ur, renderer: kr },
-  { tester: $r, renderer: _r },
-  { tester: Gr, renderer: Kr },
-  { tester: Vr, renderer: Hr },
-  { tester: Zr, renderer: qr },
-  { tester: jr, renderer: Qr },
-  { tester: rt, renderer: et },
-  { tester: nt, renderer: tt },
-  { tester: lt, renderer: ot },
-  { tester: at, renderer: ct },
-  { tester: kt, renderer: Ut },
-  { tester: $t, renderer: Ve },
-  { tester: Vt, renderer: Ve },
-  { tester: Pt, renderer: _t }
+  return t === !1 ? null : /* @__PURE__ */ n(C, { mb: "4", children: /* @__PURE__ */ n(tr, { size: "4", children: r.text }) });
+}, yn = W(1, Te("Label")), vn = W(3, Ir), xn = [
+  { tester: Kr, renderer: Gr },
+  { tester: jr, renderer: Yr },
+  { tester: qr, renderer: Zr },
+  { tester: et, renderer: rt },
+  { tester: ct, renderer: st },
+  { tester: nt, renderer: ot },
+  { tester: ft, renderer: ht },
+  { tester: mt, renderer: pt },
+  { tester: yt, renderer: gt },
+  { tester: bt, renderer: vt },
+  { tester: Et, renderer: wt },
+  { tester: At, renderer: Tt },
+  { tester: nn, renderer: tn },
+  { tester: hn, renderer: fn },
+  { tester: mn, renderer: qe },
+  { tester: vn, renderer: qe },
+  { tester: yn, renderer: gn }
 ];
 export {
-  Ve as ArrayControl,
-  $t as ArrayControlTester,
-  zr as BooleanControl,
-  Ur as BooleanControlTester,
-  ot as CategorizationLayoutRenderer,
-  lt as CategorizationLayoutTester,
-  Jr as DateControl,
-  Zr as DateControlTester,
-  ct as FileControl,
-  at as FileControlTester,
-  tt as GroupLayoutRenderer,
-  nt as GroupLayoutTester,
-  et as HorizontalLayoutRenderer,
-  rt as HorizontalLayoutTester,
-  _t as LabelRenderer,
-  Pt as LabelTester,
-  Lr as NumberControl,
-  Dr as NumberControlTester,
-  Fr as RadioControl,
-  $r as RadioControlTester,
-  Kr as SearchSelectControl,
-  Gr as SearchSelectControlTester,
-  Qt as SearchServiceProvider,
-  Pr as SelectControl,
-  Vr as SelectControlTester,
-  Ut as SpreadsheetControl,
-  kt as SpreadsheetControlTester,
-  Or as TextControl,
-  Ir as TextControlTester,
-  qt as UploadProvider,
-  Qr as VerticalLayoutRenderer,
-  jr as VerticalLayoutTester,
-  jt as radixRenderers,
-  Nr as useSearchService,
-  Sr as useUpload
+  qe as ArrayControl,
+  mn as ArrayControlTester,
+  Jr as BooleanControl,
+  qr as BooleanControlTester,
+  wt as CategorizationLayoutRenderer,
+  Et as CategorizationLayoutTester,
+  fn as ComputedControl,
+  hn as ComputedControlTester,
+  dt as DateControl,
+  ft as DateControlTester,
+  Tt as FileControl,
+  At as FileControlTester,
+  vt as GroupLayoutRenderer,
+  bt as GroupLayoutTester,
+  gt as HorizontalLayoutRenderer,
+  yt as HorizontalLayoutTester,
+  gn as LabelRenderer,
+  yn as LabelTester,
+  Xr as NumberControl,
+  jr as NumberControlTester,
+  Qr as RadioControl,
+  et as RadioControlTester,
+  st as SearchSelectControl,
+  ct as SearchSelectControlTester,
+  In as SearchServiceProvider,
+  tt as SelectControl,
+  nt as SelectControlTester,
+  tn as SpreadsheetControl,
+  nn as SpreadsheetControlTester,
+  Br as TextControl,
+  Kr as TextControlTester,
+  Nn as UploadProvider,
+  pt as VerticalLayoutRenderer,
+  mt as VerticalLayoutTester,
+  xn as radixRenderers,
+  Wr as useSearchService,
+  Vr as useUpload
 };