@object-ui/plugin-grid 3.1.1 → 3.1.3

package/dist/index.js

@@ -1,23 +1,23 @@
 import * as He from "react";
-import Ie, { useRef as xe, useState as F, useCallback as M, useEffect as me, createContext as fs, useMemo as ve } from "react";
+import ze, { useRef as xe, useState as I, useCallback as M, useEffect as me, createContext as fs, useMemo as ye } from "react";
 import { evaluatePlainCondition as ms, buildExpandFields as hs, ComponentRegistry as rt } from "@object-ui/core";
-import { useSafeFieldLabel as ps, useDataScope as gs, useNavigationOverlay as xs, useAction as bs, SchemaRenderer as jt, useObjectTranslation as ys, useSchemaContext as Pt } from "@object-ui/react";
-import { getCellRenderer as Ee, humanizeLabel as Ue, formatCompactCurrency as vs, formatDate as Qe, formatPercent as js, formatCurrency as ws } from "@object-ui/fields";
-import { DropdownMenu as Ns, DropdownMenuTrigger as Cs, Button as le, DropdownMenuContent as Ss, DropdownMenuItem as Ze, Badge as Te, NavigationOverlay as et, Popover as Es, PopoverTrigger as Rs, PopoverContent as ks, Dialog as _s, DialogContent as Os, DialogHeader as Ts, DialogTitle as As, DialogDescription as Ms, cn as ue, Progress as Ds, DialogFooter as Fs, Table as Lt, TableHeader as $t, TableRow as Ye, TableHead as Pe, TableBody as Vt, TableCell as Le, Select as zs, SelectTrigger as Is, SelectValue as Ps, SelectContent as Ls, SelectItem as wt } from "@object-ui/components";
+import { useSafeFieldLabel as ps, useDataScope as gs, useNavigationOverlay as xs, useAction as bs, SchemaRenderer as jt, useObjectTranslation as vs, useSchemaContext as Lt } from "@object-ui/react";
+import { getCellRenderer as Ee, humanizeLabel as Ue, formatCompactCurrency as ys, formatDate as Qe, formatPercent as js, formatCurrency as ws } from "@object-ui/fields";
+import { DropdownMenu as Ns, DropdownMenuTrigger as Cs, Button as le, DropdownMenuContent as Ss, DropdownMenuItem as Ze, Badge as Te, NavigationOverlay as et, Popover as Es, PopoverTrigger as Rs, PopoverContent as ks, Dialog as _s, DialogContent as Os, DialogHeader as Ts, DialogTitle as As, DialogDescription as Ms, cn as ue, Progress as Ds, DialogFooter as Is, Table as Pt, TableHeader as $t, TableRow as Ye, TableHead as Le, TableBody as Vt, TableCell as Pe, Select as Fs, SelectTrigger as zs, SelectValue as Ls, SelectContent as Ps, SelectItem as wt } from "@object-ui/components";
 import { ChevronRight as $s, ChevronDown as Vs, MoreVertical as Ks, Edit as Ws, Trash2 as qs, AlignJustify as Nt, Rows2 as Bs, Rows3 as Us, Rows4 as Gs, Download as Ct, Type as tt, Tag as Hs, User as Ys, CheckSquare as Js, Clock as Xs, Calendar as Qs, Hash as st, FileSpreadsheet as Zs, ArrowRight as St, CheckCircle2 as en, X as it, ArrowLeft as tn, Upload as sn, AlertCircle as Kt, Check as Wt, FunctionSquare as nn, GripVertical as rn } from "lucide-react";
 import { flushSync as on } from "react-dom";
-var Ge = { exports: {} }, Fe = {};
+var Ge = { exports: {} }, Ie = {};
 var Et;
 function ln() {
-  if (Et) return Fe;
+  if (Et) return Ie;
   Et = 1;
-  var e = /* @__PURE__ */ Symbol.for("react.transitional.element"), o = /* @__PURE__ */ Symbol.for("react.fragment");
+  var e = /* @__PURE__ */ Symbol.for("react.transitional.element"), l = /* @__PURE__ */ Symbol.for("react.fragment");
   function t(n, r, i) {
     var a = null;
     if (i !== void 0 && (a = "" + i), r.key !== void 0 && (a = "" + r.key), "key" in r) {
       i = {};
-      for (var l in r)
-        l !== "key" && (i[l] = r[l]);
+      for (var o in r)
+        o !== "key" && (i[o] = r[o]);
     } else i = r;
     return r = i.ref, {
       $$typeof: e,
@@ -27,18 +27,18 @@ function ln() {
       props: i
     };
   }
-  return Fe.Fragment = o, Fe.jsx = t, Fe.jsxs = t, Fe;
+  return Ie.Fragment = l, Ie.jsx = t, Ie.jsxs = t, Ie;
 }
-var ze = {};
+var Fe = {};
 var Rt;
 function an() {
   return Rt || (Rt = 1, process.env.NODE_ENV !== "production" && (function() {
-    function e(u) {
-      if (u == null) return null;
-      if (typeof u == "function")
-        return u.$$typeof === ae ? null : u.displayName || u.name || null;
-      if (typeof u == "string") return u;
-      switch (u) {
+    function e(d) {
+      if (d == null) return null;
+      if (typeof d == "function")
+        return d.$$typeof === ae ? null : d.displayName || d.name || null;
+      if (typeof d == "string") return d;
+      switch (d) {
         case k:
           return "Fragment";
         case D:
@@ -52,145 +52,145 @@ function an() {
         case Re:
           return "Activity";
       }
-      if (typeof u == "object")
-        switch (typeof u.tag == "number" && console.error(
+      if (typeof d == "object")
+        switch (typeof d.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), u.$$typeof) {
-          case v:
+        ), d.$$typeof) {
+          case j:
             return "Portal";
           case G:
-            return u.displayName || "Context";
-          case z:
-            return (u._context.displayName || "Context") + ".Consumer";
+            return d.displayName || "Context";
+          case F:
+            return (d._context.displayName || "Context") + ".Consumer";
           case W:
-            var _ = u.render;
-            return u = u.displayName, u || (u = _.displayName || _.name || "", u = u !== "" ? "ForwardRef(" + u + ")" : "ForwardRef"), u;
+            var _ = d.render;
+            return d = d.displayName, d || (d = _.displayName || _.name || "", d = d !== "" ? "ForwardRef(" + d + ")" : "ForwardRef"), d;
           case Ae:
-            return _ = u.displayName || null, _ !== null ? _ : e(u.type) || "Memo";
+            return _ = d.displayName || null, _ !== null ? _ : e(d.type) || "Memo";
           case je:
-            _ = u._payload, u = u._init;
+            _ = d._payload, d = d._init;
             try {
-              return e(u(_));
+              return e(d(_));
             } catch {
             }
         }
       return null;
     }
-    function o(u) {
-      return "" + u;
+    function l(d) {
+      return "" + d;
     }
-    function t(u) {
+    function t(d) {
       try {
-        o(u);
+        l(d);
         var _ = !1;
       } catch {
         _ = !0;
       }
       if (_) {
         _ = console;
-        var $ = _.error, B = typeof Symbol == "function" && Symbol.toStringTag && u[Symbol.toStringTag] || u.constructor.name || "Object";
+        var $ = _.error, B = typeof Symbol == "function" && Symbol.toStringTag && d[Symbol.toStringTag] || d.constructor.name || "Object";
         return $.call(
           _,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           B
-        ), o(u);
+        ), l(d);
       }
     }
-    function n(u) {
-      if (u === k) return "<>";
-      if (typeof u == "object" && u !== null && u.$$typeof === je)
+    function n(d) {
+      if (d === k) return "<>";
+      if (typeof d == "object" && d !== null && d.$$typeof === je)
         return "<...>";
       try {
-        var _ = e(u);
+        var _ = e(d);
         return _ ? "<" + _ + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function r() {
-      var u = pe.A;
-      return u === null ? null : u.getOwner();
+      var d = pe.A;
+      return d === null ? null : d.getOwner();
     }
     function i() {
       return Error("react-stack-top-frame");
     }
-    function a(u) {
-      if (L.call(u, "key")) {
-        var _ = Object.getOwnPropertyDescriptor(u, "key").get;
+    function a(d) {
+      if (P.call(d, "key")) {
+        var _ = Object.getOwnPropertyDescriptor(d, "key").get;
         if (_ && _.isReactWarning) return !1;
       }
-      return u.key !== void 0;
+      return d.key !== void 0;
     }
-    function l(u, _) {
+    function o(d, _) {
       function $() {
         ie || (ie = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
           _
         ));
       }
-      $.isReactWarning = !0, Object.defineProperty(u, "key", {
+      $.isReactWarning = !0, Object.defineProperty(d, "key", {
         get: $,
         configurable: !0
       });
     }
-    function h() {
-      var u = e(this.type);
-      return we[u] || (we[u] = !0, console.error(
+    function m() {
+      var d = e(this.type);
+      return we[d] || (we[d] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
-      )), u = this.props.ref, u !== void 0 ? u : null;
+      )), d = this.props.ref, d !== void 0 ? d : null;
     }
-    function f(u, _, $, B, Ne, X) {
-      var I = $.ref;
-      return u = {
-        $$typeof: j,
-        type: u,
+    function h(d, _, $, B, Ne, X) {
+      var z = $.ref;
+      return d = {
+        $$typeof: y,
+        type: d,
         key: _,
         props: $,
         _owner: B
-      }, (I !== void 0 ? I : null) !== null ? Object.defineProperty(u, "ref", {
+      }, (z !== void 0 ? z : null) !== null ? Object.defineProperty(d, "ref", {
         enumerable: !1,
-        get: h
-      }) : Object.defineProperty(u, "ref", { enumerable: !1, value: null }), u._store = {}, Object.defineProperty(u._store, "validated", {
+        get: m
+      }) : Object.defineProperty(d, "ref", { enumerable: !1, value: null }), d._store = {}, Object.defineProperty(d._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(u, "_debugInfo", {
+      }), Object.defineProperty(d, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(u, "_debugStack", {
+      }), Object.defineProperty(d, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: Ne
-      }), Object.defineProperty(u, "_debugTask", {
+      }), Object.defineProperty(d, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: X
-      }), Object.freeze && (Object.freeze(u.props), Object.freeze(u)), u;
+      }), Object.freeze && (Object.freeze(d.props), Object.freeze(d)), d;
     }
-    function d(u, _, $, B, Ne, X) {
-      var I = _.children;
-      if (I !== void 0)
+    function u(d, _, $, B, Ne, X) {
+      var z = _.children;
+      if (z !== void 0)
         if (B)
-          if (J(I)) {
-            for (B = 0; B < I.length; B++)
-              m(I[B]);
-            Object.freeze && Object.freeze(I);
+          if (J(z)) {
+            for (B = 0; B < z.length; B++)
+              f(z[B]);
+            Object.freeze && Object.freeze(z);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else m(I);
-      if (L.call(_, "key")) {
-        I = e(u);
+        else f(z);
+      if (P.call(_, "key")) {
+        z = e(d);
         var Y = Object.keys(_).filter(function(he) {
           return he !== "key";
         });
-        B = 0 < Y.length ? "{key: someKey, " + Y.join(": ..., ") + ": ...}" : "{key: someKey}", ge[I + B] || (Y = 0 < Y.length ? "{" + Y.join(": ..., ") + ": ...}" : "{}", console.error(
+        B = 0 < Y.length ? "{key: someKey, " + Y.join(": ..., ") + ": ...}" : "{key: someKey}", ge[z + B] || (Y = 0 < Y.length ? "{" + Y.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -198,68 +198,68 @@ React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
           B,
-          I,
+          z,
           Y,
-          I
-        ), ge[I + B] = !0);
+          z
+        ), ge[z + B] = !0);
       }
-      if (I = null, $ !== void 0 && (t($), I = "" + $), a(_) && (t(_.key), I = "" + _.key), "key" in _) {
+      if (z = null, $ !== void 0 && (t($), z = "" + $), a(_) && (t(_.key), z = "" + _.key), "key" in _) {
         $ = {};
         for (var ce in _)
           ce !== "key" && ($[ce] = _[ce]);
       } else $ = _;
-      return I && l(
+      return z && o(
         $,
-        typeof u == "function" ? u.displayName || u.name || "Unknown" : u
-      ), f(
-        u,
-        I,
+        typeof d == "function" ? d.displayName || d.name || "Unknown" : d
+      ), h(
+        d,
+        z,
         $,
         r(),
         Ne,
         X
       );
     }
-    function m(u) {
-      p(u) ? u._store && (u._store.validated = 1) : typeof u == "object" && u !== null && u.$$typeof === je && (u._payload.status === "fulfilled" ? p(u._payload.value) && u._payload.value._store && (u._payload.value._store.validated = 1) : u._store && (u._store.validated = 1));
+    function f(d) {
+      p(d) ? d._store && (d._store.validated = 1) : typeof d == "object" && d !== null && d.$$typeof === je && (d._payload.status === "fulfilled" ? p(d._payload.value) && d._payload.value._store && (d._payload.value._store.validated = 1) : d._store && (d._store.validated = 1));
     }
-    function p(u) {
-      return typeof u == "object" && u !== null && u.$$typeof === j;
+    function p(d) {
+      return typeof d == "object" && d !== null && d.$$typeof === y;
     }
-    var x = Ie, j = /* @__PURE__ */ Symbol.for("react.transitional.element"), v = /* @__PURE__ */ Symbol.for("react.portal"), k = /* @__PURE__ */ Symbol.for("react.fragment"), T = /* @__PURE__ */ Symbol.for("react.strict_mode"), D = /* @__PURE__ */ Symbol.for("react.profiler"), z = /* @__PURE__ */ Symbol.for("react.consumer"), G = /* @__PURE__ */ Symbol.for("react.context"), W = /* @__PURE__ */ Symbol.for("react.forward_ref"), H = /* @__PURE__ */ Symbol.for("react.suspense"), re = /* @__PURE__ */ Symbol.for("react.suspense_list"), Ae = /* @__PURE__ */ Symbol.for("react.memo"), je = /* @__PURE__ */ Symbol.for("react.lazy"), Re = /* @__PURE__ */ Symbol.for("react.activity"), ae = /* @__PURE__ */ Symbol.for("react.client.reference"), pe = x.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, L = Object.prototype.hasOwnProperty, J = Array.isArray, fe = console.createTask ? console.createTask : function() {
+    var x = ze, y = /* @__PURE__ */ Symbol.for("react.transitional.element"), j = /* @__PURE__ */ Symbol.for("react.portal"), k = /* @__PURE__ */ Symbol.for("react.fragment"), T = /* @__PURE__ */ Symbol.for("react.strict_mode"), D = /* @__PURE__ */ Symbol.for("react.profiler"), F = /* @__PURE__ */ Symbol.for("react.consumer"), G = /* @__PURE__ */ Symbol.for("react.context"), W = /* @__PURE__ */ Symbol.for("react.forward_ref"), H = /* @__PURE__ */ Symbol.for("react.suspense"), re = /* @__PURE__ */ Symbol.for("react.suspense_list"), Ae = /* @__PURE__ */ Symbol.for("react.memo"), je = /* @__PURE__ */ Symbol.for("react.lazy"), Re = /* @__PURE__ */ Symbol.for("react.activity"), ae = /* @__PURE__ */ Symbol.for("react.client.reference"), pe = x.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, P = Object.prototype.hasOwnProperty, J = Array.isArray, fe = console.createTask ? console.createTask : function() {
       return null;
     };
     x = {
-      react_stack_bottom_frame: function(u) {
-        return u();
+      react_stack_bottom_frame: function(d) {
+        return d();
       }
     };
     var ie, we = {}, ee = x.react_stack_bottom_frame.bind(
       x,
       i
     )(), be = fe(n(i)), ge = {};
-    ze.Fragment = k, ze.jsx = function(u, _, $) {
+    Fe.Fragment = k, Fe.jsx = function(d, _, $) {
       var B = 1e4 > pe.recentlyCreatedOwnerStacks++;
-      return d(
-        u,
+      return u(
+        d,
         _,
         $,
         !1,
         B ? Error("react-stack-top-frame") : ee,
-        B ? fe(n(u)) : be
+        B ? fe(n(d)) : be
       );
-    }, ze.jsxs = function(u, _, $) {
+    }, Fe.jsxs = function(d, _, $) {
       var B = 1e4 > pe.recentlyCreatedOwnerStacks++;
-      return d(
-        u,
+      return u(
+        d,
         _,
         $,
         !0,
         B ? Error("react-stack-top-frame") : ee,
-        B ? fe(n(u)) : be
+        B ? fe(n(d)) : be
       );
     };
-  })()), ze;
+  })()), Fe;
 }
 var kt;
 function cn() {
@@ -267,36 +267,36 @@ function cn() {
 }
 var s = cn();
 function dn(e) {
-  const { onRefresh: o, threshold: t = 80, enabled: n = !0 } = e, r = xe(null), [i, a] = F(!1), [l, h] = F(0), f = xe(0), d = M((x) => {
+  const { onRefresh: l, threshold: t = 80, enabled: n = !0 } = e, r = xe(null), [i, a] = I(!1), [o, m] = I(0), h = xe(0), u = M((x) => {
     if (!n || i)
       return;
-    const j = r.current;
-    j && j.scrollTop === 0 && (f.current = x.touches[0].clientY);
-  }, [n, i]), m = M((x) => {
-    if (!n || i || !f.current)
+    const y = r.current;
+    y && y.scrollTop === 0 && (h.current = x.touches[0].clientY);
+  }, [n, i]), f = M((x) => {
+    if (!n || i || !h.current)
       return;
-    const v = x.touches[0].clientY - f.current;
-    v > 0 && h(Math.min(v, t * 1.5));
+    const j = x.touches[0].clientY - h.current;
+    j > 0 && m(Math.min(j, t * 1.5));
   }, [n, i, t]), p = M(async () => {
     if (!n || i)
       return;
-    const x = l;
-    if (h(0), f.current = 0, x >= t) {
+    const x = o;
+    if (m(0), h.current = 0, x >= t) {
       a(!0);
       try {
-        await o();
+        await l();
       } finally {
         a(!1);
       }
     }
-  }, [n, i, l, t, o]);
+  }, [n, i, o, t, l]);
   return me(() => {
     const x = r.current;
     if (!(!x || !n))
-      return x.addEventListener("touchstart", d, { passive: !0 }), x.addEventListener("touchmove", m, { passive: !0 }), x.addEventListener("touchend", p, { passive: !0 }), () => {
-        x.removeEventListener("touchstart", d), x.removeEventListener("touchmove", m), x.removeEventListener("touchend", p);
+      return x.addEventListener("touchstart", u, { passive: !0 }), x.addEventListener("touchmove", f, { passive: !0 }), x.addEventListener("touchend", p, { passive: !0 }), () => {
+        x.removeEventListener("touchstart", u), x.removeEventListener("touchmove", f), x.removeEventListener("touchend", p);
       };
-  }, [d, m, p, n]), { ref: r, isRefreshing: i, pullDistance: l };
+  }, [u, f, p, n]), { ref: r, isRefreshing: i, pullDistance: o };
 }
 const un = fs(null);
 un.displayName = "MobileContext";
@@ -327,31 +327,31 @@ const fn = {
 };
 function mn(e) {
   if (e.startsWith("bg-")) return e;
-  const o = e.toLowerCase().trim();
-  return fn[o];
+  const l = e.toLowerCase().trim();
+  return fn[l];
 }
 function hn(e) {
   return M(
-    (o) => {
+    (l) => {
       if (!e?.field || !e.colors) return;
-      const t = String(o[e.field] ?? ""), n = e.colors[t];
+      const t = String(l[e.field] ?? ""), n = e.colors[t];
       if (n)
         return mn(n);
     },
     [e?.field, e?.colors]
   );
 }
-function pn(e, o) {
-  return o.map((t) => String(e[t.field] ?? "")).join(" / ");
+function pn(e, l) {
+  return l.map((t) => String(e[t.field] ?? "")).join(" / ");
 }
-function gn(e, o) {
-  return o.map((t) => {
+function gn(e, l) {
+  return l.map((t) => {
     const n = e[t.field];
     return n != null && n !== "" ? String(n) : "(empty)";
   }).join(" / ");
 }
-function xn(e, o) {
-  return o.map(({ field: t, type: n }) => {
+function xn(e, l) {
+  return l.map(({ field: t, type: n }) => {
     const r = e.map((a) => Number(a[t])).filter((a) => Number.isFinite(a));
     let i;
     switch (n) {
@@ -359,10 +359,10 @@ function xn(e, o) {
         i = r.length;
         break;
       case "sum":
-        i = r.reduce((a, l) => a + l, 0);
+        i = r.reduce((a, o) => a + o, 0);
         break;
       case "avg":
-        i = r.length > 0 ? r.reduce((a, l) => a + l, 0) / r.length : 0;
+        i = r.length > 0 ? r.reduce((a, o) => a + o, 0) / r.length : 0;
         break;
       case "min":
         i = r.length > 0 ? Math.min(...r) : 0;
@@ -376,34 +376,34 @@ function xn(e, o) {
     return { field: t, type: n, value: i };
   });
 }
-function bn(e, o, t) {
-  const n = e.localeCompare(o, void 0, { numeric: !0, sensitivity: "base" });
+function bn(e, l, t) {
+  const n = e.localeCompare(l, void 0, { numeric: !0, sensitivity: "base" });
   return t === "desc" ? -n : n;
 }
-function yn(e, o, t) {
-  const n = e?.fields, r = !!(n && n.length > 0), [i, a] = F({}), l = ve(() => n ? n.some((d) => d.collapsed) : !1, [n]), h = ve(() => {
+function vn(e, l, t) {
+  const n = e?.fields, r = !!(n && n.length > 0), [i, a] = I({}), o = ye(() => n ? n.some((u) => u.collapsed) : !1, [n]), m = ye(() => {
     if (!r || !n) return [];
-    const d = /* @__PURE__ */ new Map(), m = [];
-    for (const x of o) {
-      const j = pn(x, n);
-      d.has(j) || (d.set(j, { label: gn(x, n), rows: [] }), m.push(j)), d.get(j).rows.push(x);
+    const u = /* @__PURE__ */ new Map(), f = [];
+    for (const x of l) {
+      const y = pn(x, n);
+      u.has(y) || (u.set(y, { label: gn(x, n), rows: [] }), f.push(y)), u.get(y).rows.push(x);
     }
     const p = n[0]?.order ?? "asc";
-    return m.sort((x, j) => bn(x, j, p)), m.map((x) => {
-      const j = d.get(x), v = x in i ? i[x] : l, k = t && t.length > 0 ? xn(j.rows, t) : [];
-      return { key: x, label: j.label, rows: j.rows, collapsed: v, aggregations: k };
+    return f.sort((x, y) => bn(x, y, p)), f.map((x) => {
+      const y = u.get(x), j = x in i ? i[x] : o, k = t && t.length > 0 ? xn(y.rows, t) : [];
+      return { key: x, label: y.label, rows: y.rows, collapsed: j, aggregations: k };
     });
-  }, [o, n, r, i, l, t]), f = M((d) => {
-    a((m) => ({
-      ...m,
-      [d]: m[d] !== void 0 ? !m[d] : !l
+  }, [l, n, r, i, o, t]), h = M((u) => {
+    a((f) => ({
+      ...f,
+      [u]: f[u] !== void 0 ? !f[u] : !o
     }));
-  }, [l]);
-  return { groups: h, isGrouped: r, toggleGroup: f };
+  }, [o]);
+  return { groups: m, isGrouped: r, toggleGroup: h };
 }
-const vn = ({
+const yn = ({
   groupKey: e,
-  label: o,
+  label: l,
   count: t,
   collapsed: n,
   aggregations: r,
@@ -419,12 +419,12 @@ const vn = ({
       "aria-expanded": !n,
       children: [
         n ? /* @__PURE__ */ s.jsx($s, { className: "h-4 w-4 shrink-0" }) : /* @__PURE__ */ s.jsx(Vs, { className: "h-4 w-4 shrink-0" }),
-        /* @__PURE__ */ s.jsx("span", { className: "group-label", children: o }),
-        r && r.length > 0 && /* @__PURE__ */ s.jsx("span", { className: "ml-2 text-xs text-muted-foreground group-aggregations", children: r.map((l) => /* @__PURE__ */ s.jsxs("span", { className: "mr-2", children: [
-          l.type,
+        /* @__PURE__ */ s.jsx("span", { className: "group-label", children: l }),
+        r && r.length > 0 && /* @__PURE__ */ s.jsx("span", { className: "ml-2 text-xs text-muted-foreground group-aggregations", children: r.map((o) => /* @__PURE__ */ s.jsxs("span", { className: "mr-2", children: [
+          o.type,
           ": ",
-          Number.isInteger(l.value) ? l.value : l.value.toFixed(2)
-        ] }, `${l.field}-${l.type}`)) }),
+          Number.isInteger(o.value) ? o.value : o.value.toFixed(2)
+        ] }, `${o.field}-${o.type}`)) }),
         /* @__PURE__ */ s.jsxs("span", { className: "ml-auto text-xs text-muted-foreground group-count", children: [
           "(",
           t,
@@ -438,72 +438,72 @@ const vn = ({
 function jn(e) {
   return typeof e == "string" ? { type: e } : e;
 }
-function wn(e, o) {
-  if (o.length === 0) return null;
+function wn(e, l) {
+  if (l.length === 0) return null;
   switch (e) {
     case "count":
-      return o.length;
+      return l.length;
     case "sum":
-      return o.reduce((t, n) => t + n, 0);
+      return l.reduce((t, n) => t + n, 0);
     case "avg":
-      return o.reduce((t, n) => t + n, 0) / o.length;
+      return l.reduce((t, n) => t + n, 0) / l.length;
     case "min":
-      return Math.min(...o);
+      return Math.min(...l);
     case "max":
-      return Math.max(...o);
+      return Math.max(...l);
     default:
       return null;
   }
 }
-function Nn(e, o) {
-  if (o === null) return "";
+function Nn(e, l) {
+  if (l === null) return "";
   const n = {
     count: "Count",
     sum: "Sum",
     avg: "Avg",
     min: "Min",
     max: "Max"
-  }[e] || e, r = e === "avg" ? o.toLocaleString(void 0, { maximumFractionDigits: 2 }) : o.toLocaleString();
+  }[e] || e, r = e === "avg" ? l.toLocaleString(void 0, { maximumFractionDigits: 2 }) : l.toLocaleString();
   return `${n}: ${r}`;
 }
-function Cn(e, o) {
-  return ve(() => {
+function Cn(e, l) {
+  return ye(() => {
     const t = /* @__PURE__ */ new Map();
-    if (!e || e.length === 0 || o.length === 0)
+    if (!e || e.length === 0 || l.length === 0)
       return { summaries: t, hasSummary: !1 };
     for (const n of e) {
       if (!n.summary) continue;
       const r = jn(n.summary), i = r.field || n.field, a = [];
-      for (const h of o) {
-        const f = h[i];
-        if (f != null && typeof f == "number" && !isNaN(f))
-          a.push(f);
-        else if (f != null && typeof f == "string") {
-          const d = parseFloat(f);
-          isNaN(d) || a.push(d);
+      for (const m of l) {
+        const h = m[i];
+        if (h != null && typeof h == "number" && !isNaN(h))
+          a.push(h);
+        else if (h != null && typeof h == "string") {
+          const u = parseFloat(h);
+          isNaN(u) || a.push(u);
         }
       }
-      let l;
+      let o;
       if (r.type === "count") {
-        const h = o.filter((f) => f[i] != null && f[i] !== "").length;
-        l = h > 0 ? h : null;
+        const m = l.filter((h) => h[i] != null && h[i] !== "").length;
+        o = m > 0 ? m : null;
       } else
-        l = wn(r.type, a);
+        o = wn(r.type, a);
       t.set(n.field, {
         field: n.field,
-        value: l,
-        label: Nn(r.type, l)
+        value: o,
+        label: Nn(r.type, o)
       });
     }
     return { summaries: t, hasSummary: t.size > 0 };
-  }, [e, o]);
+  }, [e, l]);
 }
 function ot(e) {
-  return e.replace(/_/g, " ").replace(/\b\w/g, (o) => o.toUpperCase());
+  return e.replace(/_/g, " ").replace(/\b\w/g, (l) => l.toUpperCase());
 }
 const Sn = ({
   row: e,
-  rowActions: o,
+  rowActions: l,
   canEdit: t,
   canDelete: n,
   onEdit: r,
@@ -532,22 +532,22 @@ const Sn = ({
       /* @__PURE__ */ s.jsx(qs, { className: "mr-2 h-4 w-4" }),
       "Delete"
     ] }),
-    o?.map((l) => /* @__PURE__ */ s.jsx(
+    l?.map((o) => /* @__PURE__ */ s.jsx(
       Ze,
       {
-        onClick: () => a?.(l, e),
-        "data-testid": `row-action-${l}`,
-        children: ot(l)
+        onClick: () => a?.(o, e),
+        "data-testid": `row-action-${o}`,
+        children: ot(o)
       },
-      l
+      o
     ))
   ] })
 ] }), _t = ({
   selectedRows: e,
-  actions: o,
+  actions: l,
   onAction: t,
   onClearSelection: n
-}) => !o || o.length === 0 || e.length === 0 ? null : /* @__PURE__ */ s.jsxs(
+}) => !l || l.length === 0 || e.length === 0 ? null : /* @__PURE__ */ s.jsxs(
   "div",
   {
     className: "border-t px-4 py-1.5 flex items-center gap-2 text-xs bg-primary/5 shrink-0",
@@ -557,7 +557,7 @@ const Sn = ({
         e.length,
         " selected"
       ] }),
-      /* @__PURE__ */ s.jsx("div", { className: "flex items-center gap-1 ml-2", children: o.map((r) => /* @__PURE__ */ s.jsx(
+      /* @__PURE__ */ s.jsx("div", { className: "flex items-center gap-1 ml-2", children: l.map((r) => /* @__PURE__ */ s.jsx(
         le,
         {
           variant: "outline",
@@ -595,7 +595,7 @@ const Sn = ({
 };
 function En() {
   try {
-    const e = ys();
+    const e = vs();
     return e.t("grid.actions") === "grid.actions" ? {
       t: (t, n) => {
         let r = Ot[t] || t;
@@ -607,10 +607,10 @@ function En() {
     } : { t: e.t };
   } catch {
     return {
-      t: (e, o) => {
+      t: (e, l) => {
         let t = Ot[e] || e;
-        if (o)
-          for (const [n, r] of Object.entries(o))
+        if (l)
+          for (const [n, r] of Object.entries(l))
             t = t.replace(`{{${n}}}`, String(r));
         return t;
       }
@@ -639,18 +639,18 @@ function nt(e) {
 }
 const _n = ({
   schema: e,
-  dataSource: o,
+  dataSource: l,
   onEdit: t,
   onDelete: n,
   onRowSelect: r,
   onRowClick: i,
   onCellChange: a,
-  onRowSave: l,
-  onBatchSave: h,
-  onAddRecord: f,
-  ...d
+  onRowSave: o,
+  onBatchSave: m,
+  onAddRecord: h,
+  ...u
 }) => {
-  const [m, p] = F([]), [x, j] = F(!0), [v, k] = F(null), { t: T } = En(), { fieldLabel: D } = ps(), [z, G] = F(null), [W, H] = F(!1), [re, Ae] = F(0), [je, Re] = F(!1), [ae, pe] = F(e.rowHeight ?? "compact"), [L, J] = F([]), fe = Ie.useMemo(() => e.id ? `grid-columns-${e.objectName}-${e.id}` : `grid-columns-${e.objectName}`, [e.objectName, e.id]), [ie, we] = F(() => {
+  const [f, p] = I([]), [x, y] = I(!0), [j, k] = I(null), { t: T } = En(), { fieldLabel: D } = ps(), [F, G] = I(null), [W, H] = I(!1), [re, Ae] = I(0), [je, Re] = I(!1), [ae, pe] = I(e.rowHeight ?? "compact"), [P, J] = I([]), fe = ze.useMemo(() => e.id ? `grid-columns-${e.objectName}-${e.id}` : `grid-columns-${e.objectName}`, [e.objectName, e.id]), [ie, we] = I(() => {
     try {
       const c = localStorage.getItem(fe);
       return c ? JSON.parse(c) : {};
@@ -666,32 +666,32 @@ const _n = ({
     }
   }, [fe]), be = M(async () => {
     Ae((c) => c + 1);
-  }, []), { ref: ge, isRefreshing: u, pullDistance: _ } = dn({
+  }, []), { ref: ge, isRefreshing: d, pullDistance: _ } = dn({
     onRefresh: be,
-    enabled: !!o && !!e.objectName
+    enabled: !!l && !!e.objectName
   });
   me(() => {
     const c = () => H(window.innerWidth < 480);
     return c(), window.addEventListener("resize", c), () => window.removeEventListener("resize", c);
   }, []);
-  const $ = d.data, B = gs(e.bind), Ne = kn(e), X = Ie.useMemo(() => $ && Array.isArray($) ? {
+  const $ = u.data, B = gs(e.bind), Ne = kn(e), X = ze.useMemo(() => $ && Array.isArray($) ? {
     provider: "value",
     items: $
   } : B && Array.isArray(B) ? {
     provider: "value",
     items: B
-  } : Ne, [JSON.stringify(Ne), B, $]), I = X?.provider === "value", Y = X?.provider === "object" && X && "object" in X ? X.object : e.objectName, ce = e.fields, he = e.columns, $e = e.filter, ke = e.sort, lt = e.pagination, at = e.pageSize;
+  } : Ne, [JSON.stringify(Ne), B, $]), z = X?.provider === "value", Y = X?.provider === "object" && X && "object" in X ? X.object : e.objectName, ce = e.fields, he = e.columns, $e = e.filter, ke = e.sort, lt = e.pagination, at = e.pageSize;
   me(() => {
-    I && X?.provider === "value" && (p((c) => {
+    z && X?.provider === "value" && (p((c) => {
       const O = X.items;
       return JSON.stringify(c) !== JSON.stringify(O) ? O : c;
-    }), j(!1));
-  }, [I, X]), me(() => {
-    if (!I || !Y || !o) return;
+    }), y(!1));
+  }, [z, X]), me(() => {
+    if (!z || !Y || !l) return;
     let c = !1;
     return (async () => {
       try {
-        const S = await o.getObjectSchema(Y);
+        const S = await l.getObjectSchema(Y);
         c || G(S);
       } catch (S) {
         console.warn(`[ObjectGrid] Failed to fetch objectSchema for inline data (objectName: ${Y}):`, S);
@@ -699,23 +699,23 @@ const _n = ({
     })(), () => {
       c = !0;
     };
-  }, [I, Y, o]), me(() => {
-    if (I) return;
+  }, [z, Y, l]), me(() => {
+    if (z) return;
     let c = !1;
     return (async () => {
-      j(!0), k(null);
+      y(!0), k(null);
       try {
         let S = null;
         const U = nt(he) || ce;
-        if (Y && o) {
-          const Q = await o.getObjectSchema(Y);
+        if (Y && l) {
+          const Q = await l.getObjectSchema(Y);
           if (c) return;
           S = Q;
         } else if (U && Y)
           S = { name: Y, fields: {} };
         else throw Y ? new Error("DataSource required") : new Error("Object name required for data fetching");
-        if (c || G(S), o && Y) {
-          const y = {
+        if (c || G(S), l && Y) {
+          const v = {
             $select: (() => {
               if (ce) return ce;
               if (he && Array.isArray(he))
@@ -723,22 +723,22 @@ const _n = ({
             })(),
             $top: lt?.pageSize || at || 50
           };
-          $e && Array.isArray($e) ? y.$filter = $e : e.defaultFilters && (y.$filter = e.defaultFilters), ke ? typeof ke == "string" ? y.$orderby = ke : Array.isArray(ke) && (y.$orderby = ke.map((w) => `${w.field} ${w.order}`).join(", ")) : e.defaultSort && (y.$orderby = `${e.defaultSort.field} ${e.defaultSort.order}`);
+          $e && Array.isArray($e) ? v.$filter = $e : e.defaultFilters && (v.$filter = e.defaultFilters), ke ? typeof ke == "string" ? v.$orderby = ke : Array.isArray(ke) && (v.$orderby = ke.map((w) => `${w.field} ${w.order}`).join(", ")) : e.defaultSort && (v.$orderby = `${e.defaultSort.field} ${e.defaultSort.order}`);
           const g = hs(S?.fields, he ?? ce);
-          g.length > 0 && (y.$expand = g);
-          const N = await o.find(Y, y);
+          g.length > 0 && (v.$expand = g);
+          const N = await l.find(Y, v);
           if (c) return;
           p(N.data || []);
         }
       } catch (S) {
         c || k(S);
       } finally {
-        c || j(!1);
+        c || y(!1);
       }
     })(), () => {
       c = !0;
     };
-  }, [Y, ce, he, $e, ke, lt, at, o, I, X, re]);
+  }, [Y, ce, he, $e, ke, lt, at, l, z, X, re]);
   const te = xs({
     navigation: e.navigation,
     objectName: e.objectName,
@@ -753,39 +753,39 @@ const _n = ({
         if (Q)
           U = ms(Q, c);
         else if ("field" in S && "operator" in S && S.field && S.operator) {
-          const y = S, g = c[y.field];
-          switch (y.operator) {
+          const v = S, g = c[v.field];
+          switch (v.operator) {
             case "equals":
-              U = g === y.value;
+              U = g === v.value;
               break;
             case "not_equals":
-              U = g !== y.value;
+              U = g !== v.value;
               break;
             case "contains":
-              U = typeof g == "string" && typeof y.value == "string" && g.includes(y.value);
+              U = typeof g == "string" && typeof v.value == "string" && g.includes(v.value);
               break;
             case "greater_than":
-              U = typeof g == "number" && typeof y.value == "number" && g > y.value;
+              U = typeof g == "number" && typeof v.value == "number" && g > v.value;
               break;
             case "less_than":
-              U = typeof g == "number" && typeof y.value == "number" && g < y.value;
+              U = typeof g == "number" && typeof v.value == "number" && g < v.value;
               break;
             case "in":
-              U = Array.isArray(y.value) && y.value.includes(g);
+              U = Array.isArray(v.value) && v.value.includes(g);
               break;
           }
         }
         if (U) {
-          const y = {};
-          return "style" in S && S.style && Object.assign(y, S.style), "backgroundColor" in S && S.backgroundColor && (y.backgroundColor = S.backgroundColor), "textColor" in S && S.textColor && (y.color = S.textColor), "borderColor" in S && S.borderColor && (y.borderColor = S.borderColor), y;
+          const v = {};
+          return "style" in S && S.style && Object.assign(v, S.style), "backgroundColor" in S && S.backgroundColor && (v.backgroundColor = S.backgroundColor), "textColor" in S && S.textColor && (v.color = S.textColor), "borderColor" in S && S.borderColor && (v.borderColor = S.borderColor), v;
         }
       }
-  }, [e.conditionalFormatting]), { groups: Yt, isGrouped: ct, toggleGroup: Jt } = yn(e.grouping, m), Xt = Ie.useMemo(() => {
+  }, [e.conditionalFormatting]), { groups: Yt, isGrouped: ct, toggleGroup: Jt } = vn(e.grouping, f), Xt = ze.useMemo(() => {
     const c = nt(e.columns);
     if (c && c.length > 0 && typeof c[0] == "object")
       return c;
-  }, [e.columns]), { summaries: dt, hasSummary: Qt } = Cn(Xt, m), Ve = M(() => {
-    const c = (y) => y ? {
+  }, [e.columns]), { summaries: dt, hasSummary: Qt } = Cn(Xt, f), Ve = M(() => {
+    const c = (v) => v ? {
       text: /* @__PURE__ */ s.jsx(tt, { className: "h-3.5 w-3.5" }),
       number: /* @__PURE__ */ s.jsx(st, { className: "h-3.5 w-3.5" }),
       currency: /* @__PURE__ */ s.jsx(st, { className: "h-3.5 w-3.5" }),
@@ -795,34 +795,34 @@ const _n = ({
       boolean: /* @__PURE__ */ s.jsx(Js, { className: "h-3.5 w-3.5" }),
       user: /* @__PURE__ */ s.jsx(Ys, { className: "h-3.5 w-3.5" }),
       select: /* @__PURE__ */ s.jsx(Hs, { className: "h-3.5 w-3.5" })
-    }[y] || /* @__PURE__ */ s.jsx(tt, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ s.jsx(tt, { className: "h-3.5 w-3.5" }), O = (y) => {
-      if (y.type) return y.type;
-      const g = y.field.toLowerCase();
+    }[v] || /* @__PURE__ */ s.jsx(tt, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ s.jsx(tt, { className: "h-3.5 w-3.5" }), O = (v) => {
+      if (v.type) return v.type;
+      const g = v.field.toLowerCase();
       if (["completed", "is_completed", "done", "active", "enabled", "archived"].some((E) => g === E || g === `is_${E}`))
         return "boolean";
       if (["created_time", "modified_time", "updated_time", "created_at", "updated_at", "modified_at", "last_login", "logged_at"].some((E) => g === E || g.endsWith(`_${E}`)))
         return "datetime";
       if (["date", "due", "created", "updated", "deadline", "start", "end", "expires"].some((E) => g.includes(E))) {
-        if (m.length > 0) {
-          const E = m.find((P) => P[y.field] != null)?.[y.field];
+        if (f.length > 0) {
+          const E = f.find((L) => L[v.field] != null)?.[v.field];
           if (typeof E == "string" && !isNaN(Date.parse(E)))
             return "date";
         }
         return "date";
       }
-      if (["probability", "percent", "percentage", "completion", "progress", "rate"].some((E) => g.includes(E)) && m.length > 0 && typeof m.find((P) => P[y.field] != null)?.[y.field] == "number")
+      if (["probability", "percent", "percentage", "completion", "progress", "rate"].some((E) => g.includes(E)) && f.length > 0 && typeof f.find((L) => L[v.field] != null)?.[v.field] == "number")
         return "percent";
-      if (["status", "priority", "category", "stage", "type", "severity", "level"].some((E) => g.includes(E)) && m.length > 0) {
-        const E = new Set(m.map((P) => P[y.field]).filter(Boolean));
+      if (["status", "priority", "category", "stage", "type", "severity", "level"].some((E) => g.includes(E)) && f.length > 0) {
+        const E = new Set(f.map((L) => L[v.field]).filter(Boolean));
         if (E.size > 0 && E.size <= 10)
           return "select";
       }
       if (["assignee", "owner", "author", "reporter", "creator", "user"].some((E) => g.includes(E)))
         return "user";
-      if (["amount", "price", "total", "revenue", "cost", "budget", "salary"].some((E) => g.includes(E)) && m.length > 0 && typeof m.find((P) => P[y.field] != null)?.[y.field] == "number")
+      if (["amount", "price", "total", "revenue", "cost", "budget", "salary"].some((E) => g.includes(E)) && f.length > 0 && typeof f.find((L) => L[v.field] != null)?.[v.field] == "number")
         return "currency";
-      if (m.length > 0) {
-        const E = m.find((P) => P[y.field] != null)?.[y.field];
+      if (f.length > 0) {
+        const E = f.find((L) => L[v.field] != null)?.[v.field];
         if (typeof E == "string" && /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}/.test(E))
           return "datetime";
       }
@@ -830,15 +830,15 @@ const _n = ({
     }, S = nt(he);
     if (S) {
       if (S.length > 0 && typeof S[0] == "object" && S[0] !== null) {
-        const y = S[0];
-        if ("accessorKey" in y)
+        const v = S[0];
+        if ("accessorKey" in v)
           return S.map((g) => {
             if (g.cell) return g;
             const N = { field: g.accessorKey, label: g.header, type: g.type }, w = O(N);
             if (!w) return g;
             const A = Ee(w), C = { name: g.accessorKey, type: w };
             if (w === "select") {
-              const b = Array.from(new Set(m.map((R) => R[g.accessorKey]).filter(Boolean)));
+              const b = Array.from(new Set(f.map((R) => R[g.accessorKey]).filter(Boolean)));
               C.options = b.map((R) => ({ value: R, label: Ue(String(R)) }));
             }
             return {
@@ -847,25 +847,25 @@ const _n = ({
               cell: (b) => /* @__PURE__ */ s.jsx(A, { value: b, field: C })
             };
           });
-        if ("field" in y)
+        if ("field" in v)
           return S.filter((g) => g?.field && typeof g.field == "string" && !g.hidden).map((g, N) => {
             const w = Rn(g.label) || g.field.charAt(0).toUpperCase() + g.field.slice(1).replace(/_/g, " "), A = e.objectName ? D(e.objectName, g.field, w) : w;
             let C;
-            const b = z?.fields?.[g.field], R = g.type || b?.type || O({ field: g.field }) || null, V = R ? Ee(R) : null, E = { name: g.field, type: R || "text" };
+            const b = F?.fields?.[g.field], R = g.type || b?.type || O({ field: g.field }) || null, V = R ? Ee(R) : null, E = { name: g.field, type: R || "text" };
             if (b && (b.label && (E.label = b.label), b.currency && (E.currency = b.currency), b.precision !== void 0 && (E.precision = b.precision), b.format && (E.format = b.format), b.options && (E.options = b.options)), R === "select" && !E.options) {
-              const q = Array.from(new Set(m.map((oe) => oe[g.field]).filter(Boolean)));
+              const q = Array.from(new Set(f.map((oe) => oe[g.field]).filter(Boolean)));
               E.options = q.map((oe) => ({ value: oe, label: Ue(String(oe)) }));
             }
             g.options && (E.options = g.options);
-            const P = N === 0 && !g.link && !g.action, Z = g.link || P;
-            g.link && g.action || P && g.action ? C = (q, oe) => {
+            const L = N === 0 && !g.link && !g.action, Z = g.link || L;
+            g.link && g.action || L && g.action ? C = (q, oe) => {
               const Se = V ? /* @__PURE__ */ s.jsx(V, { value: q, field: E }) : q != null && q !== "" ? String(q) : /* @__PURE__ */ s.jsx("span", { className: "text-muted-foreground/50 text-xs italic", children: "—" });
               return /* @__PURE__ */ s.jsx(
                 "button",
                 {
                   type: "button",
                   className: "text-primary font-medium underline-offset-4 hover:underline cursor-pointer bg-transparent border-none p-0 text-left font-inherit",
-                  "data-testid": P ? "primary-field-link" : "link-cell",
+                  "data-testid": L ? "primary-field-link" : "link-cell",
                   onClick: (_e) => {
                     _e.stopPropagation(), te.handleClick(oe);
                   },
@@ -879,7 +879,7 @@ const _n = ({
                 {
                   type: "button",
                   className: "text-primary font-medium underline-offset-4 hover:underline cursor-pointer bg-transparent border-none p-0 text-left font-inherit",
-                  "data-testid": P ? "primary-field-link" : "link-cell",
+                  "data-testid": L ? "primary-field-link" : "link-cell",
                   onClick: (_e) => {
                     _e.stopPropagation(), te.handleClick(oe);
                   },
@@ -913,14 +913,14 @@ const _n = ({
                 ] });
               };
             }
-            const se = ["number", "currency", "percent"], ne = R || g.type, ye = g.align || (ne && se.includes(ne) ? "right" : void 0), K = N === 0 || g.essential === !0;
+            const se = ["number", "currency", "percent"], ne = R || g.type, ve = g.align || (ne && se.includes(ne) ? "right" : void 0), K = N === 0 || g.essential === !0;
             return {
               header: A,
               accessorKey: g.field,
               headerIcon: c(R),
               ...!K && { className: "hidden sm:table-cell" },
               ...g.width && { width: g.width },
-              ...ye && { align: ye },
+              ...ve && { align: ve },
               sortable: g.sortable !== !1,
               ...g.resizable !== void 0 && { resizable: g.resizable },
               ...g.wrap !== void 0 && { wrap: g.wrap },
@@ -929,16 +929,16 @@ const _n = ({
             };
           });
       }
-      return S.filter((y) => typeof y == "string" && y.trim().length > 0).map((y, g) => {
-        const N = z?.fields?.[y], A = N?.label || y.charAt(0).toUpperCase() + y.slice(1).replace(/_/g, " "), C = e.objectName ? D(e.objectName, y, A) : A, b = N?.type || O({ field: y }) || null, R = b ? Ee(b) : null, V = { name: y, type: b || "text" };
+      return S.filter((v) => typeof v == "string" && v.trim().length > 0).map((v, g) => {
+        const N = F?.fields?.[v], A = N?.label || v.charAt(0).toUpperCase() + v.slice(1).replace(/_/g, " "), C = e.objectName ? D(e.objectName, v, A) : A, b = N?.type || O({ field: v }) || null, R = b ? Ee(b) : null, V = { name: v, type: b || "text" };
         if (N && (N.label && (V.label = N.label), N.currency && (V.currency = N.currency), N.precision !== void 0 && (V.precision = N.precision), N.format && (V.format = N.format), N.options && (V.options = N.options)), b === "select" && !V.options) {
-          const se = Array.from(new Set(m.map((ne) => ne[y]).filter(Boolean)));
+          const se = Array.from(new Set(f.map((ne) => ne[v]).filter(Boolean)));
           V.options = se.map((ne) => ({ value: ne, label: Ue(String(ne)) }));
         }
-        const P = b && ["number", "currency", "percent"].includes(b) ? "right" : void 0, Z = g === 0;
+        const L = b && ["number", "currency", "percent"].includes(b) ? "right" : void 0, Z = g === 0;
         let de;
         return Z && R ? de = (se, ne) => {
-          const ye = /* @__PURE__ */ s.jsx(R, { value: se, field: V });
+          const ve = /* @__PURE__ */ s.jsx(R, { value: se, field: V });
           return /* @__PURE__ */ s.jsx(
             "button",
             {
@@ -948,7 +948,7 @@ const _n = ({
               onClick: (K) => {
                 K.stopPropagation(), te.handleClick(ne);
               },
-              children: ye
+              children: ve
             }
           );
         } : Z ? de = (se, ne) => /* @__PURE__ */ s.jsx(
@@ -957,29 +957,29 @@ const _n = ({
             type: "button",
             className: "text-primary font-medium underline-offset-4 hover:underline cursor-pointer bg-transparent border-none p-0 text-left font-inherit",
             "data-testid": "primary-field-link",
-            onClick: (ye) => {
-              ye.stopPropagation(), te.handleClick(ne);
+            onClick: (ve) => {
+              ve.stopPropagation(), te.handleClick(ne);
             },
             children: se != null && se !== "" ? String(se) : /* @__PURE__ */ s.jsx("span", { className: "text-muted-foreground/50 text-xs italic", children: "—" })
           }
         ) : R && (de = (se) => /* @__PURE__ */ s.jsx(R, { value: se, field: V })), {
           header: C,
-          accessorKey: y,
+          accessorKey: v,
           ...b && { headerIcon: c(b) },
-          ...P && { align: P },
+          ...L && { align: L },
           ...de && { cell: de },
           sortable: N?.sortable !== !1
         };
       });
     }
-    if (I) {
-      const y = X?.provider === "value" ? X.items : [];
-      if (y.length > 0)
-        return (ce || Object.keys(y[0])).map((N) => {
-          const w = z?.fields?.[N], A = w?.type || O({ field: N }) || null, C = A ? Ee(A) : null, b = w?.label || N.charAt(0).toUpperCase() + N.slice(1).replace(/_/g, " "), R = { name: N, type: A || "text" };
+    if (z) {
+      const v = X?.provider === "value" ? X.items : [];
+      if (v.length > 0)
+        return (ce || Object.keys(v[0])).map((N) => {
+          const w = F?.fields?.[N], A = w?.type || O({ field: N }) || null, C = A ? Ee(A) : null, b = w?.label || N.charAt(0).toUpperCase() + N.slice(1).replace(/_/g, " "), R = { name: N, type: A || "text" };
           if (w && (w.label && (R.label = w.label), w.currency && (R.currency = w.currency), w.precision !== void 0 && (R.precision = w.precision), w.format && (R.format = w.format), w.options && (R.options = w.options)), A === "select" && !R.options) {
-            const P = Array.from(new Set(m.map((Z) => Z[N]).filter(Boolean)));
-            R.options = P.map((Z) => ({ value: Z, label: Ue(String(Z)) }));
+            const L = Array.from(new Set(f.map((Z) => Z[N]).filter(Boolean)));
+            R.options = L.map((Z) => ({ value: Z, label: Ue(String(Z)) }));
           }
           const E = A && ["number", "currency", "percent"].includes(A) ? "right" : void 0;
           return {
@@ -987,27 +987,27 @@ const _n = ({
             accessorKey: N,
             ...A && { headerIcon: c(A) },
             ...E && { align: E },
-            ...C && { cell: (P) => /* @__PURE__ */ s.jsx(C, { value: P, field: R }) },
+            ...C && { cell: (L) => /* @__PURE__ */ s.jsx(C, { value: L, field: R }) },
             sortable: w?.sortable !== !1
           };
         });
     }
-    if (!z) return [];
+    if (!F) return [];
     const U = [];
-    return (ce || Object.keys(z.fields || {})).forEach((y) => {
-      const g = z.fields?.[y];
+    return (ce || Object.keys(F.fields || {})).forEach((v) => {
+      const g = F.fields?.[v];
       if (!g || g.permissions && g.permissions.read === !1) return;
       const N = Ee(g.type), w = ["number", "currency", "percent"];
       U.push({
-        header: e.objectName ? D(e.objectName, y, g.label || y) : g.label || y,
-        accessorKey: y,
+        header: e.objectName ? D(e.objectName, v, g.label || v) : g.label || v,
+        accessorKey: v,
         ...w.includes(g.type) && { align: "right" },
         cell: (A) => /* @__PURE__ */ s.jsx(N, { value: A, field: g }),
         sortable: g.sortable !== !1
       });
     }), U;
-  }, [z, ce, he, X, I, te.handleClick, Me, m, D, e.objectName]), Zt = M((c) => {
-    const O = e.exportOptions, S = O?.maxRecords || 0, U = O?.includeHeaders !== !1, Q = O?.fileNamePrefix || e.objectName || "export", y = S > 0 ? m.slice(0, S) : m, g = (w, A) => {
+  }, [F, ce, he, X, z, te.handleClick, Me, f, D, e.objectName]), Zt = M((c) => {
+    const O = e.exportOptions, S = O?.maxRecords || 0, U = O?.includeHeaders !== !1, Q = O?.fileNamePrefix || e.objectName || "export", v = S > 0 ? f.slice(0, S) : f, g = (w, A) => {
       const C = URL.createObjectURL(w), b = document.createElement("a");
       b.href = C, b.download = A, b.click(), URL.revokeObjectURL(C);
     }, N = (w) => {
@@ -1017,19 +1017,19 @@ const _n = ({
     };
     if (c === "csv") {
       const w = Ve().filter((R) => R.accessorKey !== "_actions"), A = w.map((R) => R.accessorKey), C = w.map((R) => R.header), b = [];
-      U && b.push(C.join(",")), y.forEach((R) => {
+      U && b.push(C.join(",")), v.forEach((R) => {
         b.push(A.map((V) => N(R[V])).join(","));
       }), g(new Blob([b.join(`
 `)], { type: "text/csv;charset=utf-8;" }), `${Q}.csv`);
-    } else c === "json" && g(new Blob([JSON.stringify(y, null, 2)], { type: "application/json" }), `${Q}.json`);
+    } else c === "json" && g(new Blob([JSON.stringify(v, null, 2)], { type: "application/json" }), `${Q}.json`);
     Re(!1);
-  }, [m, e.exportOptions, e.objectName, Ve]);
-  if (v)
+  }, [f, e.exportOptions, e.objectName, Ve]);
+  if (j)
     return /* @__PURE__ */ s.jsxs("div", { className: "p-3 sm:p-4 border border-red-300 bg-red-50 rounded-md", children: [
       /* @__PURE__ */ s.jsx("h3", { className: "text-red-800 font-semibold", children: T("grid.errorLoading") }),
-      /* @__PURE__ */ s.jsx("p", { className: "text-red-600 text-sm mt-1", children: v.message })
+      /* @__PURE__ */ s.jsx("p", { className: "text-red-600 text-sm mt-1", children: j.message })
     ] });
-  if (x && m.length === 0)
+  if (x && f.length === 0)
     return W ? /* @__PURE__ */ s.jsx("div", { className: "space-y-2 p-2", children: [1, 2, 3].map((c) => /* @__PURE__ */ s.jsxs("div", { className: "border rounded-lg p-3 bg-card animate-pulse", children: [
       /* @__PURE__ */ s.jsx("div", { className: "h-5 bg-muted rounded w-3/4 mb-3" }),
       /* @__PURE__ */ s.jsxs("div", { className: "flex items-center justify-between mb-2", children: [
@@ -1086,7 +1086,7 @@ const _n = ({
     type: "data-table",
     caption: e.label || e.title,
     columns: pt,
-    data: m,
+    data: f,
     pagination: rs,
     pageSize: is,
     searchable: os,
@@ -1102,7 +1102,7 @@ const _n = ({
     cellClassName: ae === "compact" ? "px-3 py-1 text-[13px] leading-tight" : ae === "short" ? "px-3 py-1 text-[13px] leading-normal" : ae === "tall" ? "px-3 py-2.5 text-sm" : ae === "extra_tall" ? "px-3 py-3.5 text-sm leading-relaxed" : "px-3 py-1.5 text-[13px] leading-normal",
     showRowNumbers: !0,
     showAddRow: !!Ce?.create,
-    onAddRecord: f,
+    onAddRecord: h,
     rowClassName: e.rowColor ? (c, O) => Gt(c) : void 0,
     rowStyle: e.conditionalFormatting?.length ? (c, O) => Ht(c) : void 0,
     frozenColumns: ss,
@@ -1111,8 +1111,8 @@ const _n = ({
     },
     onRowClick: te.handleClick,
     onCellChange: a,
-    onRowSave: l,
-    onBatchSave: h,
+    onRowSave: o,
+    onBatchSave: m,
     onColumnResize: (c, O) => {
       ee({
         ...ie,
@@ -1132,10 +1132,10 @@ const _n = ({
     pagination: !1,
     searchable: !1
   }), Xe = e.label ? `${e.label} Detail` : e.objectName ? `${e.objectName.charAt(0).toUpperCase() + e.objectName.slice(1)} Detail` : "Record Detail";
-  if (W && m.length > 0 && !ct) {
+  if (W && f.length > 0 && !ct) {
     const c = Ve().filter((C) => C.accessorKey !== "_actions"), O = /* @__PURE__ */ new Map();
     c.forEach((C) => O.set(C.accessorKey, C));
-    const S = c[0], U = ["amount", "price", "total", "revenue", "cost", "value", "budget", "salary"], Q = ["stage", "status", "priority", "category", "severity", "level"], y = ["date", "due", "created", "updated", "deadline", "start", "end", "expires"], g = ["probability", "percent", "rate", "ratio", "confidence", "score"], N = (C) => {
+    const S = c[0], U = ["amount", "price", "total", "revenue", "cost", "value", "budget", "salary"], Q = ["stage", "status", "priority", "category", "severity", "level"], v = ["date", "due", "created", "updated", "deadline", "start", "end", "expires"], g = ["probability", "percent", "rate", "ratio", "confidence", "score"], N = (C) => {
       const b = (C || "").toLowerCase();
       return b.includes("won") || b.includes("completed") || b.includes("done") || b.includes("active") ? "bg-green-100 text-green-800 border-green-300" : b.includes("lost") || b.includes("cancelled") || b.includes("rejected") || b.includes("closed lost") ? "bg-red-100 text-red-800 border-red-300" : b.includes("negotiation") || b.includes("review") || b.includes("in progress") ? "bg-yellow-100 text-yellow-800 border-yellow-300" : b.includes("proposal") || b.includes("pending") ? "bg-blue-100 text-blue-800 border-blue-300" : b.includes("qualification") || b.includes("qualified") ? "bg-indigo-100 text-indigo-800 border-indigo-300" : b.includes("prospecting") || b.includes("new") || b.includes("open") ? "bg-purple-100 text-purple-800 border-purple-300" : "bg-muted text-muted-foreground border-border";
     }, w = (C) => {
@@ -1143,25 +1143,25 @@ const _n = ({
       return b.includes("won") || b.includes("completed") || b.includes("done") || b.includes("active") ? "border-l-green-500" : b.includes("lost") || b.includes("cancelled") || b.includes("rejected") ? "border-l-red-500" : b.includes("negotiation") || b.includes("review") || b.includes("in progress") ? "border-l-yellow-500" : b.includes("proposal") || b.includes("pending") ? "border-l-blue-500" : b.includes("qualification") || b.includes("qualified") ? "border-l-indigo-500" : b.includes("prospecting") || b.includes("new") || b.includes("open") ? "border-l-purple-500" : "border-l-gray-300";
     }, A = (C) => {
       const b = C.toLowerCase();
-      return U.some((R) => b.includes(R)) ? "amount" : Q.some((R) => b.includes(R)) ? "stage" : y.some((R) => b.includes(R)) ? "date" : g.some((R) => b.includes(R)) ? "percent" : "other";
+      return U.some((R) => b.includes(R)) ? "amount" : Q.some((R) => b.includes(R)) ? "stage" : v.some((R) => b.includes(R)) ? "date" : g.some((R) => b.includes(R)) ? "percent" : "other";
     };
     return /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-      /* @__PURE__ */ s.jsx("div", { className: "space-y-2 p-2", children: m.map((C, b) => {
-        const R = c.slice(1, 5), V = R.find((K) => A(K.accessorKey) === "amount"), E = R.find((K) => A(K.accessorKey) === "stage"), P = R.filter((K) => A(K.accessorKey) === "date"), Z = R.filter((K) => A(K.accessorKey) === "percent"), de = R.filter(
-          (K) => K !== V && K !== E && !P.includes(K) && !Z.includes(K)
-        ), se = E ? String(C[E.accessorKey] ?? "") : "", ne = se ? w(se) : "", ye = [
+      /* @__PURE__ */ s.jsx("div", { className: "space-y-2 p-2", children: f.map((C, b) => {
+        const R = c.slice(1, 5), V = R.find((K) => A(K.accessorKey) === "amount"), E = R.find((K) => A(K.accessorKey) === "stage"), L = R.filter((K) => A(K.accessorKey) === "date"), Z = R.filter((K) => A(K.accessorKey) === "percent"), de = R.filter(
+          (K) => K !== V && K !== E && !L.includes(K) && !Z.includes(K)
+        ), se = E ? String(C[E.accessorKey] ?? "") : "", ne = se ? w(se) : "", ve = [
           "border rounded-lg p-2.5 bg-card hover:bg-accent/50 cursor-pointer transition-colors touch-manipulation",
           ne ? `border-l-[3px] ${ne}` : ""
         ].filter(Boolean).join(" ");
         return /* @__PURE__ */ s.jsxs(
           "div",
           {
-            className: ye,
+            className: ve,
             onClick: () => te.handleClick(C),
             children: [
               S && /* @__PURE__ */ s.jsx("div", { className: "font-semibold text-sm truncate mb-1", children: C[S.accessorKey] ?? "—" }),
               (V || E) && /* @__PURE__ */ s.jsxs("div", { className: "flex items-center justify-between gap-2 mb-1", children: [
-                V && /* @__PURE__ */ s.jsx("span", { className: "text-sm tabular-nums font-medium", children: typeof C[V.accessorKey] == "number" ? vs(C[V.accessorKey]) : C[V.accessorKey] ?? "—" }),
+                V && /* @__PURE__ */ s.jsx("span", { className: "text-sm tabular-nums font-medium", children: typeof C[V.accessorKey] == "number" ? ys(C[V.accessorKey]) : C[V.accessorKey] ?? "—" }),
                 E && C[E.accessorKey] && /* @__PURE__ */ s.jsx(
                   Te,
                   {
@@ -1171,11 +1171,11 @@ const _n = ({
                   }
                 )
               ] }),
-              (P.length > 0 || Z.length > 0) && /* @__PURE__ */ s.jsxs("div", { className: "flex items-center justify-between py-0.5 text-xs text-muted-foreground", children: [
-                P[0] && /* @__PURE__ */ s.jsx("span", { className: "tabular-nums", children: C[P[0].accessorKey] ? Qe(C[P[0].accessorKey], "short") : "—" }),
+              (L.length > 0 || Z.length > 0) && /* @__PURE__ */ s.jsxs("div", { className: "flex items-center justify-between py-0.5 text-xs text-muted-foreground", children: [
+                L[0] && /* @__PURE__ */ s.jsx("span", { className: "tabular-nums", children: C[L[0].accessorKey] ? Qe(C[L[0].accessorKey], "short") : "—" }),
                 Z[0] && C[Z[0].accessorKey] != null && /* @__PURE__ */ s.jsx("span", { className: "tabular-nums", children: js(Number(C[Z[0].accessorKey])) })
               ] }),
-              P.slice(1).map((K) => /* @__PURE__ */ s.jsxs("div", { className: "flex justify-between items-center py-0.5", children: [
+              L.slice(1).map((K) => /* @__PURE__ */ s.jsxs("div", { className: "flex justify-between items-center py-0.5", children: [
                 /* @__PURE__ */ s.jsx("span", { className: "text-xs text-muted-foreground", children: K.header }),
                 /* @__PURE__ */ s.jsx("span", { className: "text-xs text-muted-foreground tabular-nums", children: C[K.accessorKey] ? Qe(C[K.accessorKey], "short") : "—" })
               ] }, K.accessorKey)),
@@ -1242,11 +1242,11 @@ const _n = ({
         c
       )) }) })
     ] })
-  ] }) : null, yt = (c) => {
-    const O = ["_id", "id", "created_at", "updated_at", "created_by", "updated_by"], S = Object.entries(c), U = S.filter(([N]) => !O.includes(N)), Q = S.filter(([N]) => O.includes(N) && N !== "_id" && N !== "id"), y = (N) => N.charAt(0).toUpperCase() + N.slice(1).replace(/_/g, " "), g = (N, w) => {
+  ] }) : null, vt = (c) => {
+    const O = ["_id", "id", "created_at", "updated_at", "created_by", "updated_by"], S = Object.entries(c), U = S.filter(([N]) => !O.includes(N)), Q = S.filter(([N]) => O.includes(N) && N !== "_id" && N !== "id"), v = (N) => N.charAt(0).toUpperCase() + N.slice(1).replace(/_/g, " "), g = (N, w) => {
       if (w == null || w === "")
         return /* @__PURE__ */ s.jsx("span", { className: "text-muted-foreground/50 text-sm italic", children: "Empty" });
-      const A = z?.fields?.[N];
+      const A = F?.fields?.[N];
       if (A?.type) {
         const b = Ee(A.type);
         if (b)
@@ -1256,13 +1256,13 @@ const _n = ({
     };
     return /* @__PURE__ */ s.jsxs("div", { className: "space-y-4", "data-testid": "record-detail-panel", children: [
       /* @__PURE__ */ s.jsx("div", { className: "rounded-lg border bg-card", children: /* @__PURE__ */ s.jsx("div", { className: "divide-y", children: U.map(([N, w]) => /* @__PURE__ */ s.jsxs("div", { className: "flex flex-col sm:flex-row sm:items-start gap-1 sm:gap-4 px-4 py-3", children: [
-        /* @__PURE__ */ s.jsx("span", { className: "text-xs font-medium text-muted-foreground sm:w-1/3 sm:text-right sm:pt-0.5 uppercase tracking-wide shrink-0", children: y(N) }),
+        /* @__PURE__ */ s.jsx("span", { className: "text-xs font-medium text-muted-foreground sm:w-1/3 sm:text-right sm:pt-0.5 uppercase tracking-wide shrink-0", children: v(N) }),
         /* @__PURE__ */ s.jsx("div", { className: "flex-1 min-w-0", children: g(N, w) })
       ] }, N)) }) }),
       Q.length > 0 && /* @__PURE__ */ s.jsxs("div", { className: "rounded-lg border bg-muted/30", children: [
         /* @__PURE__ */ s.jsx("div", { className: "px-4 py-2 border-b", children: /* @__PURE__ */ s.jsx("span", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wide", children: "System" }) }),
         /* @__PURE__ */ s.jsx("div", { className: "divide-y divide-border/50", children: Q.map(([N, w]) => /* @__PURE__ */ s.jsxs("div", { className: "flex items-center gap-4 px-4 py-2", children: [
-          /* @__PURE__ */ s.jsx("span", { className: "text-xs text-muted-foreground w-1/3 text-right shrink-0", children: y(N) }),
+          /* @__PURE__ */ s.jsx("span", { className: "text-xs text-muted-foreground w-1/3 text-right shrink-0", children: v(N) }),
           /* @__PURE__ */ s.jsx("span", { className: "text-xs text-muted-foreground flex-1 min-w-0 break-words", children: String(w ?? "") })
         ] }, N)) })
       ] })
@@ -1274,8 +1274,8 @@ const _n = ({
       ": ",
       O.label
     ] }, c.accessorKey);
-  }) }) }) : null, vt = ct ? /* @__PURE__ */ s.jsx("div", { className: "space-y-2", children: Yt.map((c) => /* @__PURE__ */ s.jsx(
-    vn,
+  }) }) }) : null, yt = ct ? /* @__PURE__ */ s.jsx("div", { className: "space-y-2", children: Yt.map((c) => /* @__PURE__ */ s.jsx(
+    yn,
     {
       groupKey: c.key,
       label: c.label,
@@ -1297,18 +1297,18 @@ const _n = ({
       title: Xe,
       mainContent: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
         bt,
-        vt,
+        yt,
         /* @__PURE__ */ s.jsx(
           _t,
           {
-            selectedRows: L,
+            selectedRows: P,
             actions: We ?? [],
             onAction: (c, O) => Me({ type: c, params: { records: O } }),
             onClearSelection: () => J([])
           }
         )
       ] }),
-      children: (c) => yt(c)
+      children: (c) => vt(c)
     }
   ) : /* @__PURE__ */ s.jsxs("div", { ref: ge, className: "relative h-full", children: [
     _ > 0 && /* @__PURE__ */ s.jsx(
@@ -1316,15 +1316,15 @@ const _n = ({
       {
         className: "flex items-center justify-center text-xs text-muted-foreground",
         style: { height: _ },
-        children: T(u ? "grid.refreshing" : "grid.pullToRefresh")
+        children: T(d ? "grid.refreshing" : "grid.pullToRefresh")
       }
     ),
     bt,
-    vt,
+    yt,
     /* @__PURE__ */ s.jsx(
       _t,
       {
-        selectedRows: L,
+        selectedRows: P,
         actions: We ?? [],
         onAction: (c, O) => Me({ type: c, params: { records: O } }),
         onClearSelection: () => J([])
@@ -1335,30 +1335,30 @@ const _n = ({
       {
         ...te,
         title: Xe,
-        children: (c) => yt(c)
+        children: (c) => vt(c)
       }
     )
   ] });
 };
-function Oe(e, o, t) {
+function Oe(e, l, t) {
   let n = t.initialDeps ?? [], r, i = !0;
   function a() {
-    var l, h, f;
-    let d;
-    t.key && ((l = t.debug) != null && l.call(t)) && (d = Date.now());
-    const m = e();
-    if (!(m.length !== n.length || m.some((j, v) => n[v] !== j)))
+    var o, m, h;
+    let u;
+    t.key && ((o = t.debug) != null && o.call(t)) && (u = Date.now());
+    const f = e();
+    if (!(f.length !== n.length || f.some((y, j) => n[j] !== y)))
       return r;
-    n = m;
+    n = f;
     let x;
-    if (t.key && ((h = t.debug) != null && h.call(t)) && (x = Date.now()), r = o(...m), t.key && ((f = t.debug) != null && f.call(t))) {
-      const j = Math.round((Date.now() - d) * 100) / 100, v = Math.round((Date.now() - x) * 100) / 100, k = v / 16, T = (D, z) => {
-        for (D = String(D); D.length < z; )
+    if (t.key && ((m = t.debug) != null && m.call(t)) && (x = Date.now()), r = l(...f), t.key && ((h = t.debug) != null && h.call(t))) {
+      const y = Math.round((Date.now() - u) * 100) / 100, j = Math.round((Date.now() - x) * 100) / 100, k = j / 16, T = (D, F) => {
+        for (D = String(D); D.length < F; )
           D = " " + D;
         return D;
       };
       console.info(
-        `%c⏱ ${T(v, 5)} /${T(j, 5)} ms`,
+        `%c⏱ ${T(j, 5)} /${T(y, 5)} ms`,
         `
             font-size: .6rem;
             font-weight: bold;
@@ -1371,29 +1371,29 @@ function Oe(e, o, t) {
     }
     return t?.onChange && !(i && t.skipInitialOnChange) && t.onChange(r), i = !1, r;
   }
-  return a.updateDeps = (l) => {
-    n = l;
+  return a.updateDeps = (o) => {
+    n = o;
   }, a;
 }
-function Tt(e, o) {
+function Tt(e, l) {
   if (e === void 0)
     throw new Error("Unexpected undefined");
   return e;
 }
-const On = (e, o) => Math.abs(e - o) < 1.01, Tn = (e, o, t) => {
+const On = (e, l) => Math.abs(e - l) < 1.01, Tn = (e, l, t) => {
   let n;
   return function(...r) {
-    e.clearTimeout(n), n = e.setTimeout(() => o.apply(this, r), t);
+    e.clearTimeout(n), n = e.setTimeout(() => l.apply(this, r), t);
   };
 }, At = (e) => {
-  const { offsetWidth: o, offsetHeight: t } = e;
-  return { width: o, height: t };
+  const { offsetWidth: l, offsetHeight: t } = e;
+  return { width: l, height: t };
 }, An = (e) => e, Mn = (e) => {
-  const o = Math.max(e.startIndex - e.overscan, 0), t = Math.min(e.endIndex + e.overscan, e.count - 1), n = [];
-  for (let r = o; r <= t; r++)
+  const l = Math.max(e.startIndex - e.overscan, 0), t = Math.min(e.endIndex + e.overscan, e.count - 1), n = [];
+  for (let r = l; r <= t; r++)
     n.push(r);
   return n;
-}, Dn = (e, o) => {
+}, Dn = (e, l) => {
   const t = e.scrollElement;
   if (!t)
     return;
@@ -1401,32 +1401,32 @@ const On = (e, o) => Math.abs(e - o) < 1.01, Tn = (e, o, t) => {
   if (!n)
     return;
   const r = (a) => {
-    const { width: l, height: h } = a;
-    o({ width: Math.round(l), height: Math.round(h) });
+    const { width: o, height: m } = a;
+    l({ width: Math.round(o), height: Math.round(m) });
   };
   if (r(At(t)), !n.ResizeObserver)
     return () => {
     };
   const i = new n.ResizeObserver((a) => {
-    const l = () => {
-      const h = a[0];
-      if (h?.borderBoxSize) {
-        const f = h.borderBoxSize[0];
-        if (f) {
-          r({ width: f.inlineSize, height: f.blockSize });
+    const o = () => {
+      const m = a[0];
+      if (m?.borderBoxSize) {
+        const h = m.borderBoxSize[0];
+        if (h) {
+          r({ width: h.inlineSize, height: h.blockSize });
           return;
         }
       }
       r(At(t));
     };
-    e.options.useAnimationFrameWithResizeObserver ? requestAnimationFrame(l) : l();
+    e.options.useAnimationFrameWithResizeObserver ? requestAnimationFrame(o) : o();
   });
   return i.observe(t, { box: "border-box" }), () => {
     i.unobserve(t);
   };
 }, Mt = {
   passive: !0
-}, Dt = typeof window > "u" ? !0 : "onscrollend" in window, Fn = (e, o) => {
+}, Dt = typeof window > "u" ? !0 : "onscrollend" in window, In = (e, l) => {
   const t = e.scrollElement;
   if (!t)
     return;
@@ -1438,41 +1438,44 @@ const On = (e, o) => Math.abs(e - o) < 1.01, Tn = (e, o, t) => {
   } : Tn(
     n,
     () => {
-      o(r, !1);
+      l(r, !1);
     },
     e.options.isScrollingResetDelay
-  ), a = (d) => () => {
-    const { horizontal: m, isRtl: p } = e.options;
-    r = m ? t.scrollLeft * (p && -1 || 1) : t.scrollTop, i(), o(r, d);
-  }, l = a(!0), h = a(!1);
-  t.addEventListener("scroll", l, Mt);
-  const f = e.options.useScrollendEvent && Dt;
-  return f && t.addEventListener("scrollend", h, Mt), () => {
-    t.removeEventListener("scroll", l), f && t.removeEventListener("scrollend", h);
+  ), a = (u) => () => {
+    const { horizontal: f, isRtl: p } = e.options;
+    r = f ? t.scrollLeft * (p && -1 || 1) : t.scrollTop, i(), l(r, u);
+  }, o = a(!0), m = a(!1);
+  t.addEventListener("scroll", o, Mt);
+  const h = e.options.useScrollendEvent && Dt;
+  return h && t.addEventListener("scrollend", m, Mt), () => {
+    t.removeEventListener("scroll", o), h && t.removeEventListener("scrollend", m);
   };
-}, zn = (e, o, t) => {
-  if (o?.borderBoxSize) {
-    const n = o.borderBoxSize[0];
+}, Fn = (e, l, t) => {
+  if (l?.borderBoxSize) {
+    const n = l.borderBoxSize[0];
     if (n)
       return Math.round(
         n[t.options.horizontal ? "inlineSize" : "blockSize"]
       );
   }
   return e[t.options.horizontal ? "offsetWidth" : "offsetHeight"];
-}, In = (e, {
-  adjustments: o = 0,
+}, zn = (e, {
+  adjustments: l = 0,
   behavior: t
 }, n) => {
   var r, i;
-  const a = e + o;
+  const a = e + l;
   (i = (r = n.scrollElement) == null ? void 0 : r.scrollTo) == null || i.call(r, {
     [n.options.horizontal ? "left" : "top"]: a,
     behavior: t
   });
 };
-class Pn {
-  constructor(o) {
-    this.unsubs = [], this.scrollElement = null, this.targetWindow = null, this.isScrolling = !1, this.currentScrollToIndex = null, this.measurementsCache = [], this.itemSizeCache = /* @__PURE__ */ new Map(), this.laneAssignments = /* @__PURE__ */ new Map(), this.pendingMeasuredCacheIndexes = [], this.prevLanes = void 0, this.lanesChangedFlag = !1, this.lanesSettling = !1, this.scrollRect = null, this.scrollOffset = null, this.scrollDirection = null, this.scrollAdjustments = 0, this.elementsCache = /* @__PURE__ */ new Map(), this.observer = /* @__PURE__ */ (() => {
+class Ln {
+  constructor(l) {
+    this.unsubs = [], this.scrollElement = null, this.targetWindow = null, this.isScrolling = !1, this.scrollState = null, this.measurementsCache = [], this.itemSizeCache = /* @__PURE__ */ new Map(), this.laneAssignments = /* @__PURE__ */ new Map(), this.pendingMeasuredCacheIndexes = [], this.prevLanes = void 0, this.lanesChangedFlag = !1, this.lanesSettling = !1, this.scrollRect = null, this.scrollOffset = null, this.scrollDirection = null, this.scrollAdjustments = 0, this.elementsCache = /* @__PURE__ */ new Map(), this.now = () => {
+      var t, n, r;
+      return ((r = (n = (t = this.targetWindow) == null ? void 0 : t.performance) == null ? void 0 : n.now) == null ? void 0 : r.call(n)) ?? Date.now();
+    }, this.observer = /* @__PURE__ */ (() => {
       let t = null;
       const n = () => t || (!this.targetWindow || !this.targetWindow.ResizeObserver ? null : t = new this.targetWindow.ResizeObserver((r) => {
         r.forEach((i) => {
@@ -1512,7 +1515,7 @@ class Pn {
         rangeExtractor: Mn,
         onChange: () => {
         },
-        measureElement: zn,
+        measureElement: Fn,
         initialRect: { width: 0, height: 0 },
         scrollMargin: 0,
         gap: 0,
@@ -1548,7 +1551,7 @@ class Pn {
         ]
       }
     ), this.cleanup = () => {
-      this.unsubs.filter(Boolean).forEach((t) => t()), this.unsubs = [], this.observer.disconnect(), this.scrollElement = null, this.targetWindow = null;
+      this.unsubs.filter(Boolean).forEach((t) => t()), this.unsubs = [], this.observer.disconnect(), this.rafId != null && this.targetWindow && (this.targetWindow.cancelAnimationFrame(this.rafId), this.rafId = null), this.scrollState = null, this.scrollElement = null, this.targetWindow = null;
     }, this._didMount = () => () => {
       this.cleanup();
     }, this._willUpdate = () => {
@@ -1567,26 +1570,26 @@ class Pn {
           })
         ), this.unsubs.push(
           this.options.observeElementOffset(this, (r, i) => {
-            this.scrollAdjustments = 0, this.scrollDirection = i ? this.getScrollOffset() < r ? "forward" : "backward" : null, this.scrollOffset = r, this.isScrolling = i, this.maybeNotify();
+            this.scrollAdjustments = 0, this.scrollDirection = i ? this.getScrollOffset() < r ? "forward" : "backward" : null, this.scrollOffset = r, this.isScrolling = i, this.scrollState && this.scheduleScrollReconcile(), this.maybeNotify();
           })
         ), this._scrollToOffset(this.getScrollOffset(), {
           adjustments: void 0,
           behavior: void 0
         });
       }
-    }, this.getSize = () => this.options.enabled ? (this.scrollRect = this.scrollRect ?? this.options.initialRect, this.scrollRect[this.options.horizontal ? "width" : "height"]) : (this.scrollRect = null, 0), this.getScrollOffset = () => this.options.enabled ? (this.scrollOffset = this.scrollOffset ?? (typeof this.options.initialOffset == "function" ? this.options.initialOffset() : this.options.initialOffset), this.scrollOffset) : (this.scrollOffset = null, 0), this.getFurthestMeasurement = (t, n) => {
+    }, this.rafId = null, this.getSize = () => this.options.enabled ? (this.scrollRect = this.scrollRect ?? this.options.initialRect, this.scrollRect[this.options.horizontal ? "width" : "height"]) : (this.scrollRect = null, 0), this.getScrollOffset = () => this.options.enabled ? (this.scrollOffset = this.scrollOffset ?? (typeof this.options.initialOffset == "function" ? this.options.initialOffset() : this.options.initialOffset), this.scrollOffset) : (this.scrollOffset = null, 0), this.getFurthestMeasurement = (t, n) => {
       const r = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map();
       for (let a = n - 1; a >= 0; a--) {
-        const l = t[a];
-        if (r.has(l.lane))
+        const o = t[a];
+        if (r.has(o.lane))
           continue;
-        const h = i.get(
-          l.lane
+        const m = i.get(
+          o.lane
         );
-        if (h == null || l.end > h.end ? i.set(l.lane, l) : l.end < h.end && r.set(l.lane, !0), r.size === this.options.lanes)
+        if (m == null || o.end > m.end ? i.set(o.lane, o) : o.end < m.end && r.set(o.lane, !0), r.size === this.options.lanes)
           break;
       }
-      return i.size === this.options.lanes ? Array.from(i.values()).sort((a, l) => a.end === l.end ? a.index - l.index : a.end - l.end)[0] : void 0;
+      return i.size === this.options.lanes ? Array.from(i.values()).sort((a, o) => a.end === o.end ? a.index - o.index : a.end - o.end)[0] : void 0;
     }, this.getMeasurementOptions = Oe(
       () => [
         this.options.count,
@@ -1596,20 +1599,20 @@ class Pn {
         this.options.enabled,
         this.options.lanes
       ],
-      (t, n, r, i, a, l) => (this.prevLanes !== void 0 && this.prevLanes !== l && (this.lanesChangedFlag = !0), this.prevLanes = l, this.pendingMeasuredCacheIndexes = [], {
+      (t, n, r, i, a, o) => (this.prevLanes !== void 0 && this.prevLanes !== o && (this.lanesChangedFlag = !0), this.prevLanes = o, this.pendingMeasuredCacheIndexes = [], {
         count: t,
         paddingStart: n,
         scrollMargin: r,
         getItemKey: i,
         enabled: a,
-        lanes: l
+        lanes: o
       }),
       {
         key: !1
       }
     ), this.getMeasurements = Oe(
       () => [this.getMeasurementOptions(), this.itemSizeCache],
-      ({ count: t, paddingStart: n, scrollMargin: r, getItemKey: i, enabled: a, lanes: l }, h) => {
+      ({ count: t, paddingStart: n, scrollMargin: r, getItemKey: i, enabled: a, lanes: o }, m) => {
         if (!a)
           return this.measurementsCache = [], this.itemSizeCache.clear(), this.laneAssignments.clear(), [];
         if (this.laneAssignments.size > t)
@@ -1618,37 +1621,37 @@ class Pn {
         this.lanesChangedFlag && (this.lanesChangedFlag = !1, this.lanesSettling = !0, this.measurementsCache = [], this.itemSizeCache.clear(), this.laneAssignments.clear(), this.pendingMeasuredCacheIndexes = []), this.measurementsCache.length === 0 && !this.lanesSettling && (this.measurementsCache = this.options.initialMeasurementsCache, this.measurementsCache.forEach((p) => {
           this.itemSizeCache.set(p.key, p.size);
         }));
-        const f = this.lanesSettling ? 0 : this.pendingMeasuredCacheIndexes.length > 0 ? Math.min(...this.pendingMeasuredCacheIndexes) : 0;
+        const h = this.lanesSettling ? 0 : this.pendingMeasuredCacheIndexes.length > 0 ? Math.min(...this.pendingMeasuredCacheIndexes) : 0;
         this.pendingMeasuredCacheIndexes = [], this.lanesSettling && this.measurementsCache.length === t && (this.lanesSettling = !1);
-        const d = this.measurementsCache.slice(0, f), m = new Array(l).fill(
+        const u = this.measurementsCache.slice(0, h), f = new Array(o).fill(
           void 0
         );
-        for (let p = 0; p < f; p++) {
-          const x = d[p];
-          x && (m[x.lane] = p);
+        for (let p = 0; p < h; p++) {
+          const x = u[p];
+          x && (f[x.lane] = p);
         }
-        for (let p = f; p < t; p++) {
-          const x = i(p), j = this.laneAssignments.get(p);
-          let v, k;
-          if (j !== void 0 && this.options.lanes > 1) {
-            v = j;
-            const G = m[v], W = G !== void 0 ? d[G] : void 0;
+        for (let p = h; p < t; p++) {
+          const x = i(p), y = this.laneAssignments.get(p);
+          let j, k;
+          if (y !== void 0 && this.options.lanes > 1) {
+            j = y;
+            const G = f[j], W = G !== void 0 ? u[G] : void 0;
             k = W ? W.end + this.options.gap : n + r;
           } else {
-            const G = this.options.lanes === 1 ? d[p - 1] : this.getFurthestMeasurement(d, p);
-            k = G ? G.end + this.options.gap : n + r, v = G ? G.lane : p % this.options.lanes, this.options.lanes > 1 && this.laneAssignments.set(p, v);
+            const G = this.options.lanes === 1 ? u[p - 1] : this.getFurthestMeasurement(u, p);
+            k = G ? G.end + this.options.gap : n + r, j = G ? G.lane : p % this.options.lanes, this.options.lanes > 1 && this.laneAssignments.set(p, j);
           }
-          const T = h.get(x), D = typeof T == "number" ? T : this.options.estimateSize(p), z = k + D;
-          d[p] = {
+          const T = m.get(x), D = typeof T == "number" ? T : this.options.estimateSize(p), F = k + D;
+          u[p] = {
             index: p,
             start: k,
             size: D,
-            end: z,
+            end: F,
             key: x,
-            lane: v
-          }, m[v] = p;
+            lane: j
+          }, f[j] = p;
         }
-        return this.measurementsCache = d, d;
+        return this.measurementsCache = u, u;
       },
       {
         key: process.env.NODE_ENV !== "production" && "getMeasurements",
@@ -1661,7 +1664,7 @@ class Pn {
         this.getScrollOffset(),
         this.options.lanes
       ],
-      (t, n, r, i) => this.range = t.length > 0 && n > 0 ? Ln({
+      (t, n, r, i) => this.range = t.length > 0 && n > 0 ? Pn({
         measurements: t,
         outerSize: n,
         scrollOffset: r,
@@ -1698,21 +1701,42 @@ class Pn {
       return r ? parseInt(r, 10) : (console.warn(
         `Missing attribute name '${n}={index}' on measured element.`
       ), -1);
+    }, this.shouldMeasureDuringScroll = (t) => {
+      var n;
+      if (!this.scrollState || this.scrollState.behavior !== "smooth")
+        return !0;
+      const r = this.scrollState.index ?? ((n = this.getVirtualItemForOffset(this.scrollState.lastTargetOffset)) == null ? void 0 : n.index);
+      if (r !== void 0 && this.range) {
+        const i = Math.max(
+          this.options.overscan,
+          Math.ceil((this.range.endIndex - this.range.startIndex) / 2)
+        ), a = Math.max(0, r - i), o = Math.min(
+          this.options.count - 1,
+          r + i
+        );
+        return t >= a && t <= o;
+      }
+      return !0;
     }, this._measureElement = (t, n) => {
+      if (!t.isConnected) {
+        this.observer.unobserve(t);
+        return;
+      }
       const r = this.indexFromElement(t), i = this.measurementsCache[r];
       if (!i)
         return;
-      const a = i.key, l = this.elementsCache.get(a);
-      l !== t && (l && this.observer.unobserve(l), this.observer.observe(t), this.elementsCache.set(a, t)), t.isConnected && this.resizeItem(r, this.options.measureElement(t, n, this));
+      const a = i.key, o = this.elementsCache.get(a);
+      o !== t && (o && this.observer.unobserve(o), this.observer.observe(t), this.elementsCache.set(a, t)), this.shouldMeasureDuringScroll(r) && this.resizeItem(r, this.options.measureElement(t, n, this));
     }, this.resizeItem = (t, n) => {
-      const r = this.measurementsCache[t];
-      if (!r)
+      var r;
+      const i = this.measurementsCache[t];
+      if (!i)
         return;
-      const i = this.itemSizeCache.get(r.key) ?? r.size, a = n - i;
-      a !== 0 && ((this.shouldAdjustScrollPositionOnItemSizeChange !== void 0 ? this.shouldAdjustScrollPositionOnItemSizeChange(r, a, this) : r.start < this.getScrollOffset() + this.scrollAdjustments) && (process.env.NODE_ENV !== "production" && this.options.debug && console.info("correction", a), this._scrollToOffset(this.getScrollOffset(), {
-        adjustments: this.scrollAdjustments += a,
+      const a = this.itemSizeCache.get(i.key) ?? i.size, o = n - a;
+      o !== 0 && (((r = this.scrollState) == null ? void 0 : r.behavior) !== "smooth" && (this.shouldAdjustScrollPositionOnItemSizeChange !== void 0 ? this.shouldAdjustScrollPositionOnItemSizeChange(i, o, this) : i.start < this.getScrollOffset() + this.scrollAdjustments) && (process.env.NODE_ENV !== "production" && this.options.debug && console.info("correction", o), this._scrollToOffset(this.getScrollOffset(), {
+        adjustments: this.scrollAdjustments += o,
         behavior: void 0
-      })), this.pendingMeasuredCacheIndexes.push(r.index), this.itemSizeCache = new Map(this.itemSizeCache.set(r.key, n)), this.notify(!1));
+      })), this.pendingMeasuredCacheIndexes.push(i.index), this.itemSizeCache = new Map(this.itemSizeCache.set(i.key, n)), this.notify(!1));
     }, this.measureElement = (t) => {
       if (!t) {
         this.elementsCache.forEach((n, r) => {
@@ -1726,8 +1750,8 @@ class Pn {
       (t, n) => {
         const r = [];
         for (let i = 0, a = t.length; i < a; i++) {
-          const l = t[i], h = n[l];
-          r.push(h);
+          const o = t[i], m = n[o];
+          r.push(m);
         }
         return r;
       },
@@ -1758,74 +1782,63 @@ class Pn {
       if (!this.scrollElement) return 0;
       const i = this.getSize(), a = this.getScrollOffset();
       n === "auto" && (n = t >= a + i ? "end" : "start"), n === "center" ? t += (r - i) / 2 : n === "end" && (t -= i);
-      const l = this.getMaxScrollOffset();
-      return Math.max(Math.min(l, t), 0);
+      const o = this.getMaxScrollOffset();
+      return Math.max(Math.min(o, t), 0);
     }, this.getOffsetForIndex = (t, n = "auto") => {
       t = Math.max(0, Math.min(t, this.options.count - 1));
-      const r = this.measurementsCache[t];
-      if (!r)
-        return;
-      const i = this.getSize(), a = this.getScrollOffset();
+      const r = this.getSize(), i = this.getScrollOffset(), a = this.measurementsCache[t];
+      if (!a) return;
       if (n === "auto")
-        if (r.end >= a + i - this.options.scrollPaddingEnd)
+        if (a.end >= i + r - this.options.scrollPaddingEnd)
           n = "end";
-        else if (r.start <= a + this.options.scrollPaddingStart)
+        else if (a.start <= i + this.options.scrollPaddingStart)
           n = "start";
         else
-          return [a, n];
+          return [i, n];
       if (n === "end" && t === this.options.count - 1)
         return [this.getMaxScrollOffset(), n];
-      const l = n === "end" ? r.end + this.options.scrollPaddingEnd : r.start - this.options.scrollPaddingStart;
+      const o = n === "end" ? a.end + this.options.scrollPaddingEnd : a.start - this.options.scrollPaddingStart;
       return [
-        this.getOffsetForAlignment(l, n, r.size),
+        this.getOffsetForAlignment(o, n, a.size),
         n
       ];
-    }, this.isDynamicMode = () => this.elementsCache.size > 0, this.scrollToOffset = (t, { align: n = "start", behavior: r } = {}) => {
-      r === "smooth" && this.isDynamicMode() && console.warn(
-        "The `smooth` scroll behavior is not fully supported with dynamic size."
-      ), this._scrollToOffset(this.getOffsetForAlignment(t, n), {
-        adjustments: void 0,
-        behavior: r
-      });
-    }, this.scrollToIndex = (t, { align: n = "auto", behavior: r } = {}) => {
-      r === "smooth" && this.isDynamicMode() && console.warn(
-        "The `smooth` scroll behavior is not fully supported with dynamic size."
-      ), t = Math.max(0, Math.min(t, this.options.count - 1)), this.currentScrollToIndex = t;
-      let i = 0;
-      const a = 10, l = (f) => {
-        if (!this.targetWindow) return;
-        const d = this.getOffsetForIndex(t, f);
-        if (!d) {
-          console.warn("Failed to get offset for index:", t);
-          return;
-        }
-        const [m, p] = d;
-        this._scrollToOffset(m, { adjustments: void 0, behavior: r }), this.targetWindow.requestAnimationFrame(() => {
-          if (!this.targetWindow) return;
-          const x = () => {
-            if (this.currentScrollToIndex !== t) return;
-            const j = this.getScrollOffset(), v = this.getOffsetForIndex(t, p);
-            if (!v) {
-              console.warn("Failed to get offset for index:", t);
-              return;
-            }
-            On(v[0], j) || h(p);
-          };
-          this.isDynamicMode() ? this.targetWindow.requestAnimationFrame(x) : x();
-        });
-      }, h = (f) => {
-        this.targetWindow && this.currentScrollToIndex === t && (i++, i < a ? (process.env.NODE_ENV !== "production" && this.options.debug && console.info("Schedule retry", i, a), this.targetWindow.requestAnimationFrame(() => l(f))) : console.warn(
-          `Failed to scroll to index ${t} after ${a} attempts.`
-        ));
-      };
-      l(n);
-    }, this.scrollBy = (t, { behavior: n } = {}) => {
-      n === "smooth" && this.isDynamicMode() && console.warn(
-        "The `smooth` scroll behavior is not fully supported with dynamic size."
-      ), this._scrollToOffset(this.getScrollOffset() + t, {
-        adjustments: void 0,
-        behavior: n
-      });
+    }, this.scrollToOffset = (t, { align: n = "start", behavior: r = "auto" } = {}) => {
+      const i = this.getOffsetForAlignment(t, n), a = this.now();
+      this.scrollState = {
+        index: null,
+        align: n,
+        behavior: r,
+        startedAt: a,
+        lastTargetOffset: i,
+        stableFrames: 0
+      }, this._scrollToOffset(i, { adjustments: void 0, behavior: r }), this.scheduleScrollReconcile();
+    }, this.scrollToIndex = (t, {
+      align: n = "auto",
+      behavior: r = "auto"
+    } = {}) => {
+      t = Math.max(0, Math.min(t, this.options.count - 1));
+      const i = this.getOffsetForIndex(t, n);
+      if (!i)
+        return;
+      const [a, o] = i, m = this.now();
+      this.scrollState = {
+        index: t,
+        align: o,
+        behavior: r,
+        startedAt: m,
+        lastTargetOffset: a,
+        stableFrames: 0
+      }, this._scrollToOffset(a, { adjustments: void 0, behavior: r }), this.scheduleScrollReconcile();
+    }, this.scrollBy = (t, { behavior: n = "auto" } = {}) => {
+      const r = this.getScrollOffset() + t, i = this.now();
+      this.scrollState = {
+        index: null,
+        align: "start",
+        behavior: n,
+        startedAt: i,
+        lastTargetOffset: r,
+        stableFrames: 0
+      }, this._scrollToOffset(r, { adjustments: void 0, behavior: n }), this.scheduleScrollReconcile();
     }, this.getTotalSize = () => {
       var t;
       const n = this.getMeasurements();
@@ -1837,11 +1850,11 @@ class Pn {
       else {
         const i = Array(this.options.lanes).fill(null);
         let a = n.length - 1;
-        for (; a >= 0 && i.some((l) => l === null); ) {
-          const l = n[a];
-          i[l.lane] === null && (i[l.lane] = l.end), a--;
+        for (; a >= 0 && i.some((o) => o === null); ) {
+          const o = n[a];
+          i[o.lane] === null && (i[o.lane] = o.end), a--;
         }
-        r = Math.max(...i.filter((l) => l !== null));
+        r = Math.max(...i.filter((o) => o !== null));
       }
       return Math.max(
         r - this.options.scrollMargin + this.options.paddingEnd,
@@ -1854,28 +1867,56 @@ class Pn {
       this.options.scrollToFn(t, { behavior: r, adjustments: n }, this);
     }, this.measure = () => {
       this.itemSizeCache = /* @__PURE__ */ new Map(), this.laneAssignments = /* @__PURE__ */ new Map(), this.notify(!1);
-    }, this.setOptions(o);
+    }, this.setOptions(l);
+  }
+  scheduleScrollReconcile() {
+    if (!this.targetWindow) {
+      this.scrollState = null;
+      return;
+    }
+    this.rafId == null && (this.rafId = this.targetWindow.requestAnimationFrame(() => {
+      this.rafId = null, this.reconcileScroll();
+    }));
+  }
+  reconcileScroll() {
+    if (!this.scrollState || !this.scrollElement) return;
+    if (this.now() - this.scrollState.startedAt > 5e3) {
+      this.scrollState = null;
+      return;
+    }
+    const n = this.scrollState.index != null ? this.getOffsetForIndex(this.scrollState.index, this.scrollState.align) : void 0, r = n ? n[0] : this.scrollState.lastTargetOffset, i = 1, a = r !== this.scrollState.lastTargetOffset;
+    if (!a && On(r, this.getScrollOffset())) {
+      if (this.scrollState.stableFrames++, this.scrollState.stableFrames >= i) {
+        this.scrollState = null;
+        return;
+      }
+    } else
+      this.scrollState.stableFrames = 0, a && (this.scrollState.lastTargetOffset = r, this.scrollState.behavior = "auto", this._scrollToOffset(r, {
+        adjustments: void 0,
+        behavior: "auto"
+      }));
+    this.scheduleScrollReconcile();
   }
 }
-const qt = (e, o, t, n) => {
-  for (; e <= o; ) {
-    const r = (e + o) / 2 | 0, i = t(r);
+const qt = (e, l, t, n) => {
+  for (; e <= l; ) {
+    const r = (e + l) / 2 | 0, i = t(r);
     if (i < n)
       e = r + 1;
     else if (i > n)
-      o = r - 1;
+      l = r - 1;
     else
       return r;
   }
   return e > 0 ? e - 1 : 0;
 };
-function Ln({
+function Pn({
   measurements: e,
-  outerSize: o,
+  outerSize: l,
   scrollOffset: t,
   lanes: n
 }) {
-  const r = e.length - 1, i = (h) => e[h].start;
+  const r = e.length - 1, i = (m) => e[m].start;
   if (e.length <= n)
     return {
       startIndex: 0,
@@ -1886,75 +1927,75 @@ function Ln({
     r,
     i,
     t
-  ), l = a;
+  ), o = a;
   if (n === 1)
-    for (; l < r && e[l].end < t + o; )
-      l++;
+    for (; o < r && e[o].end < t + l; )
+      o++;
   else if (n > 1) {
-    const h = Array(n).fill(0);
-    for (; l < r && h.some((d) => d < t + o); ) {
-      const d = e[l];
-      h[d.lane] = d.end, l++;
+    const m = Array(n).fill(0);
+    for (; o < r && m.some((u) => u < t + l); ) {
+      const u = e[o];
+      m[u.lane] = u.end, o++;
     }
-    const f = Array(n).fill(t + o);
-    for (; a >= 0 && f.some((d) => d >= t); ) {
-      const d = e[a];
-      f[d.lane] = d.start, a--;
+    const h = Array(n).fill(t + l);
+    for (; a >= 0 && h.some((u) => u >= t); ) {
+      const u = e[a];
+      h[u.lane] = u.start, a--;
     }
-    a = Math.max(0, a - a % n), l = Math.min(r, l + (n - 1 - l % n));
+    a = Math.max(0, a - a % n), o = Math.min(r, o + (n - 1 - o % n));
   }
-  return { startIndex: a, endIndex: l };
+  return { startIndex: a, endIndex: o };
 }
-const Ft = typeof document < "u" ? He.useLayoutEffect : He.useEffect;
+const It = typeof document < "u" ? He.useLayoutEffect : He.useEffect;
 function $n({
   useFlushSync: e = !0,
-  ...o
+  ...l
 }) {
   const t = He.useReducer(() => ({}), {})[1], n = {
-    ...o,
+    ...l,
     onChange: (i, a) => {
-      var l;
-      e && a ? on(t) : t(), (l = o.onChange) == null || l.call(o, i, a);
+      var o;
+      e && a ? on(t) : t(), (o = l.onChange) == null || o.call(l, i, a);
     }
   }, [r] = He.useState(
-    () => new Pn(n)
+    () => new Ln(n)
   );
-  return r.setOptions(n), Ft(() => r._didMount(), []), Ft(() => r._willUpdate()), r;
+  return r.setOptions(n), It(() => r._didMount(), []), It(() => r._willUpdate()), r;
 }
 function Vn(e) {
   return $n({
     observeElementRect: Dn,
-    observeElementOffset: Fn,
-    scrollToFn: In,
+    observeElementOffset: In,
+    scrollToFn: zn,
     ...e
   });
 }
 const dr = ({
   data: e,
-  columns: o,
+  columns: l,
   rowHeight: t = 40,
   height: n = 600,
   className: r = "",
   headerClassName: i = "",
   rowClassName: a,
-  onRowClick: l,
-  overscan: h = 5
+  onRowClick: o,
+  overscan: m = 5
 }) => {
-  const f = xe(null), d = Vn({
+  const h = xe(null), u = Vn({
     count: e.length,
-    getScrollElement: () => f.current,
+    getScrollElement: () => h.current,
     estimateSize: () => t,
-    overscan: h
-  }), m = d.getVirtualItems();
+    overscan: m
+  }), f = u.getVirtualItems();
   return /* @__PURE__ */ s.jsxs("div", { className: r, children: [
     /* @__PURE__ */ s.jsx(
       "div",
       {
         className: `grid border-b sticky top-0 bg-muted/30 z-10 ${i}`,
         style: {
-          gridTemplateColumns: o.map((p) => p.width || "1fr").join(" ")
+          gridTemplateColumns: l.map((p) => p.width || "1fr").join(" ")
         },
-        children: o.map((p, x) => /* @__PURE__ */ s.jsx(
+        children: l.map((p, x) => /* @__PURE__ */ s.jsx(
           "div",
           {
             className: `px-4 py-2 text-[11px] font-semibold uppercase tracking-wider text-muted-foreground/70 ${p.align === "center" ? "text-center" : p.align === "right" ? "text-right" : "text-left"}`,
@@ -1967,7 +2008,7 @@ const dr = ({
     /* @__PURE__ */ s.jsx(
       "div",
       {
-        ref: f,
+        ref: h,
         className: "overflow-auto",
         style: {
           height: typeof n == "number" ? `${n}px` : n,
@@ -1977,16 +2018,16 @@ const dr = ({
           "div",
           {
             style: {
-              height: `${d.getTotalSize()}px`,
+              height: `${u.getTotalSize()}px`,
               width: "100%",
               position: "relative"
             },
-            children: m.map((p) => {
-              const x = e[p.index], j = typeof a == "function" ? a(x, p.index) : a || "";
+            children: f.map((p) => {
+              const x = e[p.index], y = typeof a == "function" ? a(x, p.index) : a || "";
               return /* @__PURE__ */ s.jsx(
                 "div",
                 {
-                  className: `grid border-b hover:bg-muted/50 cursor-pointer ${j}`,
+                  className: `grid border-b hover:bg-muted/50 cursor-pointer ${y}`,
                   style: {
                     position: "absolute",
                     top: 0,
@@ -1994,15 +2035,15 @@ const dr = ({
                     width: "100%",
                     height: `${p.size}px`,
                     transform: `translateY(${p.start}px)`,
-                    gridTemplateColumns: o.map((v) => v.width || "1fr").join(" ")
+                    gridTemplateColumns: l.map((j) => j.width || "1fr").join(" ")
                   },
-                  onClick: () => l?.(x, p.index),
-                  children: o.map((v, k) => {
-                    const T = x[v.accessorKey], D = v.cell ? v.cell(T, x) : T;
+                  onClick: () => o?.(x, p.index),
+                  children: l.map((j, k) => {
+                    const T = x[j.accessorKey], D = j.cell ? j.cell(T, x) : T;
                     return /* @__PURE__ */ s.jsx(
                       "div",
                       {
-                        className: `px-4 py-2 text-sm flex items-center ${v.align === "center" ? "text-center justify-center" : v.align === "right" ? "text-right justify-end" : "text-left justify-start"}`,
+                        className: `px-4 py-2 text-sm flex items-center ${j.align === "center" ? "text-center justify-center" : j.align === "right" ? "text-right justify-end" : "text-left justify-start"}`,
                         children: D
                       },
                       k
@@ -2018,7 +2059,7 @@ const dr = ({
     ),
     /* @__PURE__ */ s.jsxs("div", { className: "px-4 py-2 text-xs text-muted-foreground border-t", children: [
       "Showing ",
-      m.length,
+      f.length,
       " of ",
       e.length,
       " rows (virtual scrolling enabled)"
@@ -2026,19 +2067,19 @@ const dr = ({
   ] });
 }, Kn = 10;
 function Wn(e) {
-  const o = [];
+  const l = [];
   let t = [], n = "", r = !1;
   for (let i = 0; i < e.length; i++) {
-    const a = e[i], l = e[i + 1];
-    r ? a === '"' && l === '"' ? (n += '"', i++) : a === '"' ? r = !1 : n += a : a === '"' ? r = !0 : a === "," ? (t.push(n.trim()), n = "") : a === `
-` || a === "\r" && l === `
-` ? (t.push(n.trim()), t.some((h) => h !== "") && o.push(t), t = [], n = "", a === "\r" && i++) : n += a;
+    const a = e[i], o = e[i + 1];
+    r ? a === '"' && o === '"' ? (n += '"', i++) : a === '"' ? r = !1 : n += a : a === '"' ? r = !0 : a === "," ? (t.push(n.trim()), n = "") : a === `
+` || a === "\r" && o === `
+` ? (t.push(n.trim()), t.some((m) => m !== "") && l.push(t), t = [], n = "", a === "\r" && i++) : n += a;
   }
-  return t.push(n.trim()), t.some((i) => i !== "") && o.push(t), o;
+  return t.push(n.trim()), t.some((i) => i !== "") && l.push(t), l;
 }
-function Bt(e, o) {
+function Bt(e, l) {
   if (!e) return !0;
-  switch (o) {
+  switch (l) {
     case "number":
     case "currency":
     case "percent":
@@ -2052,19 +2093,19 @@ function Bt(e, o) {
       return !0;
   }
 }
-function qn(e, o) {
+function qn(e, l) {
   const t = {};
   return e.forEach((n, r) => {
-    const i = n.toLowerCase().replace(/[_\s-]/g, ""), a = o.find((l) => {
-      const h = l.name.toLowerCase().replace(/[_\s-]/g, ""), f = l.label.toLowerCase().replace(/[_\s-]/g, "");
-      return h === i || f === i;
+    const i = n.toLowerCase().replace(/[_\s-]/g, ""), a = l.find((o) => {
+      const m = o.name.toLowerCase().replace(/[_\s-]/g, ""), h = o.label.toLowerCase().replace(/[_\s-]/g, "");
+      return m === i || h === i;
     });
     a && (t[r] = a.name);
   }), t;
 }
-function Bn(e, o, t) {
+function Bn(e, l, t) {
   const n = [], r = {};
-  for (const i of o) {
+  for (const i of l) {
     const a = e[i.csvIdx] ?? "";
     if (i.field.required && !a) {
       n.push({ row: t, field: i.field.name, message: "Required field is empty" });
@@ -2079,20 +2120,20 @@ function Bn(e, o, t) {
   return { record: r, errors: n };
 }
 const Un = ({ onFileLoaded: e }) => {
-  const [o, t] = F(!1), [n, r] = F(null), i = M((a) => {
+  const [l, t] = I(!1), [n, r] = I(null), i = M((a) => {
     if (r(null), !a.name.endsWith(".csv")) {
       r("Only CSV files are supported.");
       return;
     }
-    const l = new FileReader();
-    l.onload = (h) => {
-      const f = Wn(h.target?.result);
-      if (f.length < 2) {
+    const o = new FileReader();
+    o.onload = (m) => {
+      const h = Wn(m.target?.result);
+      if (h.length < 2) {
         r("File must contain a header row and at least one data row.");
         return;
       }
-      e(f[0], f.slice(1));
-    }, l.readAsText(a);
+      e(h[0], h.slice(1));
+    }, o.readAsText(a);
   }, [e]);
   return /* @__PURE__ */ s.jsxs("div", { className: "flex flex-col items-center gap-4 py-6", children: [
     /* @__PURE__ */ s.jsxs(
@@ -2100,7 +2141,7 @@ const Un = ({ onFileLoaded: e }) => {
       {
         className: ue(
           "flex w-full flex-col items-center justify-center gap-3 rounded-lg border-2 border-dashed p-10 transition-colors",
-          o ? "border-primary bg-primary/5" : "border-muted-foreground/25"
+          l ? "border-primary bg-primary/5" : "border-muted-foreground/25"
         ),
         onDragOver: (a) => {
           a.preventDefault(), t(!0);
@@ -2108,16 +2149,16 @@ const Un = ({ onFileLoaded: e }) => {
         onDragLeave: () => t(!1),
         onDrop: (a) => {
           a.preventDefault(), t(!1);
-          const l = a.dataTransfer.files[0];
-          l && i(l);
+          const o = a.dataTransfer.files[0];
+          o && i(o);
         },
         children: [
           /* @__PURE__ */ s.jsx(sn, { className: "h-10 w-10 text-muted-foreground" }),
           /* @__PURE__ */ s.jsx("p", { className: "text-sm text-muted-foreground", children: "Drag & drop a CSV file here, or click to browse" }),
           /* @__PURE__ */ s.jsxs("label", { children: [
             /* @__PURE__ */ s.jsx("input", { type: "file", accept: ".csv", className: "hidden", onChange: (a) => {
-              const l = a.target.files?.[0];
-              l && i(l);
+              const o = a.target.files?.[0];
+              o && i(o);
             } }),
             /* @__PURE__ */ s.jsx(le, { variant: "outline", size: "sm", asChild: !0, children: /* @__PURE__ */ s.jsx("span", { children: "Browse Files" }) })
           ] })
@@ -2130,123 +2171,123 @@ const Un = ({ onFileLoaded: e }) => {
       n
     ] })
   ] });
-}, Gn = ({ headers: e, fields: o, mapping: t, onMappingChange: n }) => {
-  const r = ve(() => new Set(Object.values(t)), [t]), i = M((a, l) => {
-    const h = { ...t };
-    l === "__skip__" ? delete h[a] : h[a] = l, n(h);
+}, Gn = ({ headers: e, fields: l, mapping: t, onMappingChange: n }) => {
+  const r = ye(() => new Set(Object.values(t)), [t]), i = M((a, o) => {
+    const m = { ...t };
+    o === "__skip__" ? delete m[a] : m[a] = o, n(m);
   }, [t, n]);
-  return /* @__PURE__ */ s.jsx("div", { className: "max-h-[360px] overflow-auto", children: /* @__PURE__ */ s.jsxs(Lt, { children: [
+  return /* @__PURE__ */ s.jsx("div", { className: "max-h-[360px] overflow-auto", children: /* @__PURE__ */ s.jsxs(Pt, { children: [
     /* @__PURE__ */ s.jsx($t, { children: /* @__PURE__ */ s.jsxs(Ye, { children: [
-      /* @__PURE__ */ s.jsx(Pe, { children: "CSV Column" }),
-      /* @__PURE__ */ s.jsx(Pe, { children: "Maps To" }),
-      /* @__PURE__ */ s.jsx(Pe, { className: "w-24 text-center", children: "Status" })
+      /* @__PURE__ */ s.jsx(Le, { children: "CSV Column" }),
+      /* @__PURE__ */ s.jsx(Le, { children: "Maps To" }),
+      /* @__PURE__ */ s.jsx(Le, { className: "w-24 text-center", children: "Status" })
     ] }) }),
-    /* @__PURE__ */ s.jsx(Vt, { children: e.map((a, l) => /* @__PURE__ */ s.jsxs(Ye, { children: [
-      /* @__PURE__ */ s.jsx(Le, { className: "font-medium", children: a }),
-      /* @__PURE__ */ s.jsx(Le, { children: /* @__PURE__ */ s.jsxs(zs, { value: t[l] ?? "__skip__", onValueChange: (h) => i(l, h), children: [
-        /* @__PURE__ */ s.jsx(Is, { className: "h-8 w-56", children: /* @__PURE__ */ s.jsx(Ps, { placeholder: "Skip column" }) }),
-        /* @__PURE__ */ s.jsxs(Ls, { children: [
+    /* @__PURE__ */ s.jsx(Vt, { children: e.map((a, o) => /* @__PURE__ */ s.jsxs(Ye, { children: [
+      /* @__PURE__ */ s.jsx(Pe, { className: "font-medium", children: a }),
+      /* @__PURE__ */ s.jsx(Pe, { children: /* @__PURE__ */ s.jsxs(Fs, { value: t[o] ?? "__skip__", onValueChange: (m) => i(o, m), children: [
+        /* @__PURE__ */ s.jsx(zs, { className: "h-8 w-56", children: /* @__PURE__ */ s.jsx(Ls, { placeholder: "Skip column" }) }),
+        /* @__PURE__ */ s.jsxs(Ps, { children: [
           /* @__PURE__ */ s.jsx(wt, { value: "__skip__", children: "— Skip —" }),
-          o.map((h) => /* @__PURE__ */ s.jsxs(wt, { value: h.name, disabled: r.has(h.name) && t[l] !== h.name, children: [
-            h.label,
-            h.required ? " *" : ""
-          ] }, h.name))
+          l.map((m) => /* @__PURE__ */ s.jsxs(wt, { value: m.name, disabled: r.has(m.name) && t[o] !== m.name, children: [
+            m.label,
+            m.required ? " *" : ""
+          ] }, m.name))
         ] })
       ] }) }),
-      /* @__PURE__ */ s.jsx(Le, { className: "text-center", children: t[l] ? /* @__PURE__ */ s.jsx(Te, { variant: "default", className: "text-xs", children: "Mapped" }) : /* @__PURE__ */ s.jsx(Te, { variant: "secondary", className: "text-xs", children: "Skipped" }) })
-    ] }, l)) })
+      /* @__PURE__ */ s.jsx(Pe, { className: "text-center", children: t[o] ? /* @__PURE__ */ s.jsx(Te, { variant: "default", className: "text-xs", children: "Mapped" }) : /* @__PURE__ */ s.jsx(Te, { variant: "secondary", className: "text-xs", children: "Skipped" }) })
+    ] }, o)) })
   ] }) });
-}, Hn = ({ headers: e, rows: o, mapping: t, fields: n }) => {
-  const r = ve(() => Object.entries(t).map(([h, f]) => ({
-    csvIdx: Number(h),
-    header: e[Number(h)],
-    field: n.find((d) => d.name === f)
-  })), [t, e, n]), i = o.slice(0, Kn), a = ve(() => i.map((h, f) => {
-    const d = {};
-    for (const m of r) {
-      const p = h[m.csvIdx] ?? "";
-      m.field.required && !p ? d[m.csvIdx] = "Required" : p && !Bt(p, m.field.type) && (d[m.csvIdx] = `Invalid ${m.field.type}`);
+}, Hn = ({ headers: e, rows: l, mapping: t, fields: n }) => {
+  const r = ye(() => Object.entries(t).map(([m, h]) => ({
+    csvIdx: Number(m),
+    header: e[Number(m)],
+    field: n.find((u) => u.name === h)
+  })), [t, e, n]), i = l.slice(0, Kn), a = ye(() => i.map((m, h) => {
+    const u = {};
+    for (const f of r) {
+      const p = m[f.csvIdx] ?? "";
+      f.field.required && !p ? u[f.csvIdx] = "Required" : p && !Bt(p, f.field.type) && (u[f.csvIdx] = `Invalid ${f.field.type}`);
     }
-    return d;
-  }), [i, r]), l = a.filter((h) => Object.keys(h).length > 0).length;
+    return u;
+  }), [i, r]), o = a.filter((m) => Object.keys(m).length > 0).length;
   return /* @__PURE__ */ s.jsxs("div", { className: "max-h-[360px] overflow-auto", children: [
-    l > 0 && /* @__PURE__ */ s.jsxs("p", { className: "mb-2 flex items-center gap-1 text-xs text-destructive", children: [
+    o > 0 && /* @__PURE__ */ s.jsxs("p", { className: "mb-2 flex items-center gap-1 text-xs text-destructive", children: [
       /* @__PURE__ */ s.jsx(Kt, { className: "h-3.5 w-3.5" }),
       " ",
-      l,
+      o,
       " row(s) with errors in preview"
     ] }),
-    /* @__PURE__ */ s.jsxs(Lt, { children: [
+    /* @__PURE__ */ s.jsxs(Pt, { children: [
       /* @__PURE__ */ s.jsx($t, { children: /* @__PURE__ */ s.jsxs(Ye, { children: [
-        /* @__PURE__ */ s.jsx(Pe, { className: "w-12", children: "#" }),
-        r.map((h) => /* @__PURE__ */ s.jsx(Pe, { children: h.field.label }, h.csvIdx))
+        /* @__PURE__ */ s.jsx(Le, { className: "w-12", children: "#" }),
+        r.map((m) => /* @__PURE__ */ s.jsx(Le, { children: m.field.label }, m.csvIdx))
       ] }) }),
-      /* @__PURE__ */ s.jsx(Vt, { children: i.map((h, f) => {
-        const d = a[f], m = Object.keys(d).length > 0;
-        return /* @__PURE__ */ s.jsxs(Ye, { className: ue(m && "bg-destructive/5"), children: [
-          /* @__PURE__ */ s.jsx(Le, { className: "text-xs text-muted-foreground", children: f + 1 }),
+      /* @__PURE__ */ s.jsx(Vt, { children: i.map((m, h) => {
+        const u = a[h], f = Object.keys(u).length > 0;
+        return /* @__PURE__ */ s.jsxs(Ye, { className: ue(f && "bg-destructive/5"), children: [
+          /* @__PURE__ */ s.jsx(Pe, { className: "text-xs text-muted-foreground", children: h + 1 }),
           r.map((p) => {
-            const x = h[p.csvIdx] ?? "", j = d[p.csvIdx];
-            return /* @__PURE__ */ s.jsx(Le, { className: ue(j && "text-destructive"), title: j, children: x || /* @__PURE__ */ s.jsx("span", { className: "text-muted-foreground/50", children: "—" }) }, p.csvIdx);
+            const x = m[p.csvIdx] ?? "", y = u[p.csvIdx];
+            return /* @__PURE__ */ s.jsx(Pe, { className: ue(y && "text-destructive"), title: y, children: x || /* @__PURE__ */ s.jsx("span", { className: "text-muted-foreground/50", children: "—" }) }, p.csvIdx);
           })
-        ] }, f);
+        ] }, h);
       }) })
     ] }),
     /* @__PURE__ */ s.jsxs("p", { className: "mt-2 text-xs text-muted-foreground", children: [
       "Showing ",
       i.length,
       " of ",
-      o.length,
+      l.length,
       " rows"
     ] })
   ] });
 }, Yn = ({
   objectName: e,
-  objectLabel: o,
+  objectLabel: l,
   fields: t,
   dataSource: n,
   onComplete: r,
   onCancel: i,
   open: a,
-  onOpenChange: l,
-  onErrorMode: h = "skip"
+  onOpenChange: o,
+  onErrorMode: m = "skip"
 }) => {
-  const [f, d] = F("upload"), [m, p] = F([]), [x, j] = F([]), [v, k] = F({}), [T, D] = F(!1), [z, G] = F(0), [W, H] = F(null), re = o ?? e, Ae = ve(() => {
-    const L = new Set(Object.values(v));
-    return t.filter((J) => J.required && !L.has(J.name));
-  }, [t, v]), je = M((L, J) => {
-    p(L), j(J), k(qn(L, t)), d("mapping");
+  const [h, u] = I("upload"), [f, p] = I([]), [x, y] = I([]), [j, k] = I({}), [T, D] = I(!1), [F, G] = I(0), [W, H] = I(null), re = l ?? e, Ae = ye(() => {
+    const P = new Set(Object.values(j));
+    return t.filter((J) => J.required && !P.has(J.name));
+  }, [t, j]), je = M((P, J) => {
+    p(P), y(J), k(qn(P, t)), u("mapping");
   }, [t]), Re = M(async () => {
     D(!0), G(0);
-    const L = [];
+    const P = [];
     let J = 0, fe = 0;
-    const ie = Object.entries(v).map(([ee, be]) => ({
+    const ie = Object.entries(j).map(([ee, be]) => ({
       csvIdx: Number(ee),
       field: t.find((ge) => ge.name === be)
     }));
     for (let ee = 0; ee < x.length; ee++) {
       const { record: be, errors: ge } = Bn(x[ee], ie, ee + 1);
       if (ge.length > 0) {
-        if (fe++, L.push(...ge), h === "stop") break;
+        if (fe++, P.push(...ge), m === "stop") break;
       } else
         try {
           n?.create && await n.create(e, be), J++;
-        } catch (u) {
+        } catch (d) {
           fe++;
-          const _ = u instanceof Error ? u.message : "Failed to create record";
-          if (L.push({ row: ee + 1, field: "", message: _ }), h === "stop") break;
+          const _ = d instanceof Error ? d.message : "Failed to create record";
+          if (P.push({ row: ee + 1, field: "", message: _ }), m === "stop") break;
         }
       G(Math.round((ee + 1) / x.length * 100));
     }
-    const we = { totalRows: x.length, importedRows: J, skippedRows: fe, errors: L };
+    const we = { totalRows: x.length, importedRows: J, skippedRows: fe, errors: P };
     H(we), D(!1), r?.(we);
-  }, [x, v, t, n, e, r, h]), ae = M(() => {
-    d("upload"), p([]), j([]), k({}), G(0), H(null);
+  }, [x, j, t, n, e, r, m]), ae = M(() => {
+    u("upload"), p([]), y([]), k({}), G(0), H(null);
   }, []), pe = M(() => {
-    ae(), l?.(!1), i?.();
-  }, [ae, l, i]);
-  return /* @__PURE__ */ s.jsx(_s, { open: a, onOpenChange: (L) => {
-    L ? l?.(L) : pe();
+    ae(), o?.(!1), i?.();
+  }, [ae, o, i]);
+  return /* @__PURE__ */ s.jsx(_s, { open: a, onOpenChange: (P) => {
+    P ? o?.(P) : pe();
   }, children: /* @__PURE__ */ s.jsxs(Os, { className: "sm:max-w-2xl", children: [
     /* @__PURE__ */ s.jsxs(Ts, { children: [
       /* @__PURE__ */ s.jsxs(As, { className: "flex items-center gap-2", children: [
@@ -2255,19 +2296,19 @@ const Un = ({ onFileLoaded: e }) => {
         re
       ] }),
       /* @__PURE__ */ s.jsxs(Ms, { children: [
-        f === "upload" && "Upload a CSV file to get started.",
-        f === "mapping" && "Map CSV columns to object fields.",
-        f === "preview" && "Review data before importing."
+        h === "upload" && "Upload a CSV file to get started.",
+        h === "mapping" && "Map CSV columns to object fields.",
+        h === "preview" && "Review data before importing."
       ] })
     ] }),
-    /* @__PURE__ */ s.jsx("div", { className: "flex items-center justify-center gap-2 text-xs text-muted-foreground", children: ["upload", "mapping", "preview"].map((L, J) => /* @__PURE__ */ s.jsxs(Ie.Fragment, { children: [
+    /* @__PURE__ */ s.jsx("div", { className: "flex items-center justify-center gap-2 text-xs text-muted-foreground", children: ["upload", "mapping", "preview"].map((P, J) => /* @__PURE__ */ s.jsxs(ze.Fragment, { children: [
       J > 0 && /* @__PURE__ */ s.jsx(St, { className: "h-3 w-3" }),
-      /* @__PURE__ */ s.jsxs("span", { className: ue("rounded-full px-3 py-1", f === L ? "bg-primary text-primary-foreground" : "bg-muted"), children: [
+      /* @__PURE__ */ s.jsxs("span", { className: ue("rounded-full px-3 py-1", h === P ? "bg-primary text-primary-foreground" : "bg-muted"), children: [
         J + 1,
         ". ",
-        L === "upload" ? "Upload" : L === "mapping" ? "Mapping" : "Preview"
+        P === "upload" ? "Upload" : P === "mapping" ? "Mapping" : "Preview"
       ] })
-    ] }, L)) }),
+    ] }, P)) }),
     W ? /* @__PURE__ */ s.jsxs("div", { className: "flex flex-col items-center gap-3 py-4", children: [
       /* @__PURE__ */ s.jsx(en, { className: "h-10 w-10 text-green-500" }),
       /* @__PURE__ */ s.jsx("p", { className: "text-lg font-semibold", children: "Import Complete" }),
@@ -2282,12 +2323,12 @@ const Un = ({ onFileLoaded: e }) => {
         ] })
       ] }),
       W.errors.length > 0 && /* @__PURE__ */ s.jsxs("div", { className: "max-h-32 w-full overflow-auto rounded border p-2 text-xs", children: [
-        W.errors.slice(0, 10).map((L, J) => /* @__PURE__ */ s.jsxs("p", { className: "text-destructive", children: [
+        W.errors.slice(0, 10).map((P, J) => /* @__PURE__ */ s.jsxs("p", { className: "text-destructive", children: [
           "Row ",
-          L.row,
-          L.field ? ` (${L.field})` : "",
+          P.row,
+          P.field ? ` (${P.field})` : "",
           ": ",
-          L.message
+          P.message
         ] }, J)),
         W.errors.length > 10 && /* @__PURE__ */ s.jsxs("p", { className: "text-muted-foreground", children: [
           "…and ",
@@ -2296,89 +2337,89 @@ const Un = ({ onFileLoaded: e }) => {
         ] })
       ] })
     ] }) : /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-      f === "upload" && /* @__PURE__ */ s.jsx(Un, { onFileLoaded: je }),
-      f === "mapping" && /* @__PURE__ */ s.jsx(Gn, { headers: m, fields: t, mapping: v, onMappingChange: k }),
-      f === "preview" && /* @__PURE__ */ s.jsx(Hn, { headers: m, rows: x, mapping: v, fields: t }),
+      h === "upload" && /* @__PURE__ */ s.jsx(Un, { onFileLoaded: je }),
+      h === "mapping" && /* @__PURE__ */ s.jsx(Gn, { headers: f, fields: t, mapping: j, onMappingChange: k }),
+      h === "preview" && /* @__PURE__ */ s.jsx(Hn, { headers: f, rows: x, mapping: j, fields: t }),
       T && /* @__PURE__ */ s.jsxs("div", { className: "flex flex-col gap-1", children: [
-        /* @__PURE__ */ s.jsx(Ds, { value: z, className: "h-2" }),
+        /* @__PURE__ */ s.jsx(Ds, { value: F, className: "h-2" }),
         /* @__PURE__ */ s.jsxs("p", { className: "text-center text-xs text-muted-foreground", children: [
           "Importing… ",
-          z,
+          F,
           "%"
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ s.jsx(Fs, { className: "gap-2 sm:gap-0", children: W ? /* @__PURE__ */ s.jsx(le, { onClick: pe, children: "Close" }) : /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+    /* @__PURE__ */ s.jsx(Is, { className: "gap-2 sm:gap-0", children: W ? /* @__PURE__ */ s.jsx(le, { onClick: pe, children: "Close" }) : /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
       /* @__PURE__ */ s.jsxs(le, { variant: "ghost", onClick: pe, disabled: T, children: [
         /* @__PURE__ */ s.jsx(it, { className: "mr-1 h-4 w-4" }),
         " Cancel"
       ] }),
-      (f === "mapping" || f === "preview") && /* @__PURE__ */ s.jsxs(le, { variant: "outline", onClick: () => d(f === "mapping" ? "upload" : "mapping"), disabled: T, children: [
+      (h === "mapping" || h === "preview") && /* @__PURE__ */ s.jsxs(le, { variant: "outline", onClick: () => u(h === "mapping" ? "upload" : "mapping"), disabled: T, children: [
         /* @__PURE__ */ s.jsx(tn, { className: "mr-1 h-4 w-4" }),
         " Back"
       ] }),
-      f === "mapping" && /* @__PURE__ */ s.jsxs(le, { onClick: () => d("preview"), disabled: Object.keys(v).length === 0 || Ae.length > 0, children: [
+      h === "mapping" && /* @__PURE__ */ s.jsxs(le, { onClick: () => u("preview"), disabled: Object.keys(j).length === 0 || Ae.length > 0, children: [
         "Next ",
         /* @__PURE__ */ s.jsx(St, { className: "ml-1 h-4 w-4" })
       ] }),
-      f === "preview" && /* @__PURE__ */ s.jsx(le, { onClick: Re, disabled: T, children: T ? "Importing…" : `Import ${x.length} Rows` })
+      h === "preview" && /* @__PURE__ */ s.jsx(le, { onClick: Re, disabled: T, children: T ? "Importing…" : `Import ${x.length} Rows` })
     ] }) })
   ] }) });
 };
 function ur({
   value: e,
-  onSave: o,
+  onSave: l,
   onCancel: t,
   validate: n,
   type: r = "text",
   placeholder: i,
   editing: a = !1,
-  className: l,
-  disabled: h = !1
+  className: o,
+  disabled: m = !1
 }) {
-  const [f, d] = F(a), [m, p] = F(String(e ?? "")), [x, j] = F(), [v, k] = F(!1), T = xe(null);
+  const [h, u] = I(a), [f, p] = I(String(e ?? "")), [x, y] = I(), [j, k] = I(!1), T = xe(null);
   me(() => {
-    f || p(String(e ?? ""));
-  }, [e, f]), me(() => {
-    f && T.current && (T.current.focus(), T.current.select());
-  }, [f]);
+    h || p(String(e ?? ""));
+  }, [e, h]), me(() => {
+    h && T.current && (T.current.focus(), T.current.select());
+  }, [h]);
   const D = M(() => {
-    h || (d(!0), p(String(e ?? "")), j(void 0));
-  }, [h, e]), z = M(() => {
-    d(!1), p(String(e ?? "")), j(void 0), t?.();
+    m || (u(!0), p(String(e ?? "")), y(void 0));
+  }, [m, e]), F = M(() => {
+    u(!1), p(String(e ?? "")), y(void 0), t?.();
   }, [e, t]), G = M(async () => {
     if (n) {
-      const re = n(m);
+      const re = n(f);
       if (re) {
-        j(re);
+        y(re);
         return;
       }
     }
-    const H = r === "number" ? Number(m) : m;
+    const H = r === "number" ? Number(f) : f;
     k(!0);
     try {
-      const re = await o(H);
+      const re = await l(H);
       if (typeof re == "string") {
-        j(re), k(!1);
+        y(re), k(!1);
         return;
       }
-      d(!1), j(void 0);
+      u(!1), y(void 0);
     } catch (re) {
-      j(re?.message || "Save failed");
+      y(re?.message || "Save failed");
     } finally {
       k(!1);
     }
-  }, [m, n, r, o]), W = M(
+  }, [f, n, r, l]), W = M(
     (H) => {
-      H.key === "Enter" ? (H.preventDefault(), G()) : H.key === "Escape" && (H.preventDefault(), z());
+      H.key === "Enter" ? (H.preventDefault(), G()) : H.key === "Escape" && (H.preventDefault(), F());
     },
-    [G, z]
+    [G, F]
   );
-  return f ? /* @__PURE__ */ s.jsxs(
+  return h ? /* @__PURE__ */ s.jsxs(
     "div",
     {
       "data-slot": "inline-editing",
-      className: ue("relative flex items-center gap-1", l),
+      className: ue("relative flex items-center gap-1", o),
       children: [
         /* @__PURE__ */ s.jsxs("div", { className: "flex-1 relative", children: [
           /* @__PURE__ */ s.jsx(
@@ -2387,20 +2428,20 @@ function ur({
               ref: T,
               "data-slot": "inline-editing-input",
               type: r,
-              value: m,
+              value: f,
               onChange: (H) => {
-                p(H.target.value), x && j(void 0);
+                p(H.target.value), x && y(void 0);
               },
               onKeyDown: W,
               placeholder: i,
-              disabled: v,
+              disabled: j,
               "aria-invalid": !!x,
               "aria-describedby": x ? "inline-editing-error" : void 0,
               className: ue(
                 "w-full rounded border px-2 py-1 text-sm outline-none transition-colors",
                 "focus:ring-2 focus:ring-ring focus:border-input",
                 x ? "border-destructive focus:ring-destructive/30" : "border-input",
-                v && "opacity-50"
+                j && "opacity-50"
               )
             }
           ),
@@ -2421,11 +2462,11 @@ function ur({
             "data-slot": "inline-editing-save",
             type: "button",
             onClick: G,
-            disabled: v,
+            disabled: j,
             "aria-label": "Save",
             className: ue(
               "inline-flex h-6 w-6 items-center justify-center rounded text-primary hover:bg-primary/10 transition-colors",
-              v && "opacity-50 cursor-not-allowed"
+              j && "opacity-50 cursor-not-allowed"
             ),
             children: /* @__PURE__ */ s.jsx(Wt, { className: "h-3.5 w-3.5" })
           }
@@ -2435,8 +2476,8 @@ function ur({
           {
             "data-slot": "inline-editing-cancel",
             type: "button",
-            onClick: z,
-            disabled: v,
+            onClick: F,
+            disabled: j,
             "aria-label": "Cancel",
             className: "inline-flex h-6 w-6 items-center justify-center rounded text-muted-foreground hover:bg-destructive/10 hover:text-destructive transition-colors",
             children: /* @__PURE__ */ s.jsx(it, { className: "h-3.5 w-3.5" })
@@ -2450,12 +2491,12 @@ function ur({
       "data-slot": "inline-editing",
       className: ue(
         "group relative cursor-pointer rounded px-2 py-1 hover:bg-muted/50 transition-colors min-h-[1.75rem] flex items-center",
-        h && "cursor-default opacity-60",
-        l
+        m && "cursor-default opacity-60",
+        o
       ),
       onClick: D,
       role: "button",
-      tabIndex: h ? -1 : 0,
+      tabIndex: m ? -1 : 0,
       onKeyDown: (H) => {
         (H.key === "Enter" || H.key === " ") && (H.preventDefault(), D());
       },
@@ -2464,7 +2505,7 @@ function ur({
     }
   );
 }
-function zt(e) {
+function Ft(e) {
   return {
     startRow: Math.min(e.startRow, e.endRow),
     startCol: Math.min(e.startCol, e.endCol),
@@ -2474,162 +2515,162 @@ function zt(e) {
 }
 function fr({
   data: e,
-  columns: o,
+  columns: l,
   onPaste: t,
   enabled: n = !0
 }) {
-  const [r, i] = F(null), a = M(() => {
+  const [r, i] = I(null), a = M(() => {
     if (!n || !r) return;
-    const { startRow: f, startCol: d, endRow: m, endCol: p } = zt(r), x = [];
-    for (let v = f; v <= m; v++) {
-      const k = e[v];
+    const { startRow: h, startCol: u, endRow: f, endCol: p } = Ft(r), x = [];
+    for (let j = h; j <= f; j++) {
+      const k = e[j];
       if (!k) continue;
       const T = [];
-      for (let D = d; D <= p; D++) {
-        const z = o[D];
-        T.push(z ? String(k[z] ?? "") : "");
+      for (let D = u; D <= p; D++) {
+        const F = l[D];
+        T.push(F ? String(k[F] ?? "") : "");
       }
       x.push(T.join("	"));
     }
-    const j = x.join(`
+    const y = x.join(`
 `);
-    navigator.clipboard.writeText(j);
-  }, [n, r, e, o]), l = M(() => {
+    navigator.clipboard.writeText(y);
+  }, [n, r, e, l]), o = M(() => {
     if (!n || !r || !t) return;
-    const { startRow: f, startCol: d } = zt(r);
-    navigator.clipboard.readText().then((m) => {
-      const p = [], x = m.split(`
+    const { startRow: h, startCol: u } = Ft(r);
+    navigator.clipboard.readText().then((f) => {
+      const p = [], x = f.split(`
 `);
-      for (let j = 0; j < x.length; j++) {
-        const v = x[j].split("	");
-        for (let k = 0; k < v.length; k++) {
-          const T = f + j, D = d + k, z = o[D];
-          z && T < e.length && p.push({ rowIndex: T, field: z, value: v[k] });
+      for (let y = 0; y < x.length; y++) {
+        const j = x[y].split("	");
+        for (let k = 0; k < j.length; k++) {
+          const T = h + y, D = u + k, F = l[D];
+          F && T < e.length && p.push({ rowIndex: T, field: F, value: j[k] });
         }
       }
       p.length > 0 && t(p);
     });
-  }, [n, r, o, e.length, t]), h = M(
-    (f) => {
+  }, [n, r, l, e.length, t]), m = M(
+    (h) => {
       if (!n) return;
-      const d = f.metaKey || f.ctrlKey;
-      d && f.key === "c" ? (f.preventDefault(), a()) : d && f.key === "v" && (f.preventDefault(), l());
+      const u = h.metaKey || h.ctrlKey;
+      u && h.key === "c" ? (h.preventDefault(), a()) : u && h.key === "v" && (h.preventDefault(), o());
     },
-    [n, a, l]
+    [n, a, o]
   );
   return me(() => {
     n || i(null);
-  }, [n]), { selectedRange: r, setSelectedRange: i, onCopy: a, onPaste: l, onKeyDown: h };
+  }, [n]), { selectedRange: r, setSelectedRange: i, onCopy: a, onPaste: o, onKeyDown: m };
 }
 const Jn = [
   { position: 0, className: "bg-green-100" },
   { position: 0.5, className: "bg-yellow-100" },
   { position: 1, className: "bg-red-100" }
 ];
-function Xn(e, o) {
+function Xn(e, l) {
   let t = 1 / 0, n = -1 / 0;
   for (const r of e) {
-    const i = Number(r[o]);
+    const i = Number(r[l]);
     Number.isFinite(i) && (i < t && (t = i), i > n && (n = i));
   }
   return Number.isFinite(t) ? [t, n] : [0, 0];
 }
-function Qn(e, o) {
-  if (o.length === 0) return "";
-  if (o.length === 1) return o[0].className;
-  let t = o[0], n = Math.abs(e - t.position);
-  for (let r = 1; r < o.length; r++) {
-    const i = Math.abs(e - o[r].position);
-    i < n && (t = o[r], n = i);
+function Qn(e, l) {
+  if (l.length === 0) return "";
+  if (l.length === 1) return l[0].className;
+  let t = l[0], n = Math.abs(e - t.position);
+  for (let r = 1; r < l.length; r++) {
+    const i = Math.abs(e - l[r].position);
+    i < n && (t = l[r], n = i);
   }
   return t.className;
 }
 function mr(e) {
-  const { field: o, data: t, min: n, max: r, stops: i = Jn } = e, [a, l] = ve(() => Xn(t, o), [t, o]), h = n ?? a, f = r ?? l;
+  const { field: l, data: t, min: n, max: r, stops: i = Jn } = e, [a, o] = ye(() => Xn(t, l), [t, l]), m = n ?? a, h = r ?? o;
   return M(
-    (d) => {
-      const m = Number(d[o]);
-      if (!Number.isFinite(m)) return;
-      if (f === h) return i.length > 0 ? i[0].className : void 0;
-      const p = Math.max(0, Math.min(1, (m - h) / (f - h)));
+    (u) => {
+      const f = Number(u[l]);
+      if (!Number.isFinite(f)) return;
+      if (h === m) return i.length > 0 ? i[0].className : void 0;
+      const p = Math.max(0, Math.min(1, (f - m) / (h - m)));
       return Qn(p, i);
     },
-    [o, h, f, i]
+    [l, m, h, i]
   );
 }
-const It = "text/x-group-key";
+const zt = "text/x-group-key";
 function hr({ groupKeys: e }) {
-  const [o, t] = F(e), [n, r] = F(null);
+  const [l, t] = I(e), [n, r] = I(null);
   me(() => {
-    t((d) => {
-      const m = new Set(d), p = new Set(e);
-      if (d.length === e.length && d.every((v, k) => v === e[k]))
-        return d;
-      const x = d.filter((v) => p.has(v)), j = e.filter((v) => !m.has(v));
-      return [...x, ...j];
+    t((u) => {
+      const f = new Set(u), p = new Set(e);
+      if (u.length === e.length && u.every((j, k) => j === e[k]))
+        return u;
+      const x = u.filter((j) => p.has(j)), y = e.filter((j) => !f.has(j));
+      return [...x, ...y];
     });
   }, [e]);
-  const i = M((d, m) => {
+  const i = M((u, f) => {
     t((p) => {
-      if (d < 0 || d >= p.length || m < 0 || m >= p.length || d === m) return p;
-      const x = [...p], [j] = x.splice(d, 1);
-      return x.splice(m, 0, j), x;
+      if (u < 0 || u >= p.length || f < 0 || f >= p.length || u === f) return p;
+      const x = [...p], [y] = x.splice(u, 1);
+      return x.splice(f, 0, y), x;
     });
-  }, []), a = M((d, m) => {
-    d.dataTransfer.effectAllowed = "move", d.dataTransfer.setData(It, m), r(m);
-  }, []), l = M((d) => {
-    d.preventDefault(), d.dataTransfer.dropEffect = "move";
-  }, []), h = M(
-    (d, m) => {
-      d.preventDefault();
-      const p = d.dataTransfer.getData(It);
-      !p || p === m || t((x) => {
-        const j = x.indexOf(p), v = x.indexOf(m);
-        if (j === -1 || v === -1) return x;
-        const k = [...x], [T] = k.splice(j, 1);
-        return k.splice(v, 0, T), k;
+  }, []), a = M((u, f) => {
+    u.dataTransfer.effectAllowed = "move", u.dataTransfer.setData(zt, f), r(f);
+  }, []), o = M((u) => {
+    u.preventDefault(), u.dataTransfer.dropEffect = "move";
+  }, []), m = M(
+    (u, f) => {
+      u.preventDefault();
+      const p = u.dataTransfer.getData(zt);
+      !p || p === f || t((x) => {
+        const y = x.indexOf(p), j = x.indexOf(f);
+        if (y === -1 || j === -1) return x;
+        const k = [...x], [T] = k.splice(y, 1);
+        return k.splice(j, 0, T), k;
       });
     },
     []
-  ), f = M(() => {
+  ), h = M(() => {
     r(null);
   }, []);
   return {
-    groupOrder: o,
+    groupOrder: l,
     moveGroup: i,
     onDragStart: a,
-    onDragOver: l,
-    onDrop: h,
-    onDragEnd: f,
+    onDragOver: o,
+    onDrop: m,
+    onDragEnd: h,
     draggingKey: n
   };
 }
 function pr({
   value: e,
-  onChange: o,
+  onChange: l,
   onConfirm: t,
   onCancel: n,
   activeCell: r,
   disabled: i = !1,
   className: a
 }) {
-  const [l, h] = F(!1), [f, d] = F(e), m = xe(null);
+  const [o, m] = I(!1), [h, u] = I(e), f = xe(null);
   me(() => {
-    l || d(e);
-  }, [e, l]), me(() => {
-    l && m.current && (m.current.focus(), m.current.select());
-  }, [l]);
+    o || u(e);
+  }, [e, o]), me(() => {
+    o && f.current && (f.current.focus(), f.current.select());
+  }, [o]);
   const p = M(() => {
-    i || (h(!0), d(e));
+    i || (m(!0), u(e));
   }, [i, e]), x = M(() => {
-    h(!1), o?.(f), t?.(f);
-  }, [f, o, t]), j = M(() => {
-    h(!1), d(e), n?.();
-  }, [e, n]), v = M(
+    m(!1), l?.(h), t?.(h);
+  }, [h, l, t]), y = M(() => {
+    m(!1), u(e), n?.();
+  }, [e, n]), j = M(
     (k) => {
-      k.key === "Enter" ? (k.preventDefault(), x()) : k.key === "Escape" && (k.preventDefault(), j());
+      k.key === "Enter" ? (k.preventDefault(), x()) : k.key === "Escape" && (k.preventDefault(), y());
     },
-    [x, j]
+    [x, y]
   );
   return /* @__PURE__ */ s.jsxs(
     "div",
@@ -2644,22 +2685,22 @@ function pr({
         /* @__PURE__ */ s.jsx(
           "input",
           {
-            ref: m,
+            ref: f,
             type: "text",
-            value: l ? f : e,
-            readOnly: !l,
+            value: o ? h : e,
+            readOnly: !o,
             disabled: i,
             onClick: p,
-            onChange: (k) => d(k.target.value),
-            onKeyDown: v,
+            onChange: (k) => u(k.target.value),
+            onKeyDown: j,
             className: ue(
               "flex-1 bg-transparent text-sm outline-none placeholder:text-muted-foreground",
-              l && "rounded ring-1 ring-ring px-1",
+              o && "rounded ring-1 ring-ring px-1",
               i && "cursor-not-allowed opacity-50"
             )
           }
         ),
-        l && /* @__PURE__ */ s.jsxs("div", { className: "flex items-center gap-1", children: [
+        o && /* @__PURE__ */ s.jsxs("div", { className: "flex items-center gap-1", children: [
           /* @__PURE__ */ s.jsx(
             "button",
             {
@@ -2674,7 +2715,7 @@ function pr({
             "button",
             {
               type: "button",
-              onClick: j,
+              onClick: y,
               className: "rounded p-0.5 text-red-600 hover:bg-red-100",
               "aria-label": "Cancel",
               children: /* @__PURE__ */ s.jsx(it, { className: "h-4 w-4" })
@@ -2687,32 +2728,32 @@ function pr({
 }
 function gr({
   frozenWidth: e,
-  onResize: o,
+  onResize: l,
   minFrozenWidth: t = 100,
   minScrollableWidth: n = 200,
   left: r,
   right: i,
   className: a
 }) {
-  const l = xe(null), [h, f] = F(e), d = xe(!1), m = xe(0), p = xe(0), x = o ? e : h, j = M(
-    (v) => {
-      v.preventDefault(), d.current = !0, m.current = v.clientX, p.current = x;
+  const o = xe(null), [m, h] = I(e), u = xe(!1), f = xe(0), p = xe(0), x = l ? e : m, y = M(
+    (j) => {
+      j.preventDefault(), u.current = !0, f.current = j.clientX, p.current = x;
       const k = (D) => {
-        if (!d.current || !l.current) return;
-        const z = l.current.offsetWidth, G = D.clientX - m.current;
+        if (!u.current || !o.current) return;
+        const F = o.current.offsetWidth, G = D.clientX - f.current;
         let W = p.current + G;
-        W = Math.max(W, t), W = Math.min(W, z - n), o ? o(W) : f(W);
+        W = Math.max(W, t), W = Math.min(W, F - n), l ? l(W) : h(W);
       }, T = () => {
-        d.current = !1, document.removeEventListener("pointermove", k), document.removeEventListener("pointerup", T);
+        u.current = !1, document.removeEventListener("pointermove", k), document.removeEventListener("pointerup", T);
       };
       document.addEventListener("pointermove", k), document.addEventListener("pointerup", T);
     },
-    [x, t, n, o]
+    [x, t, n, l]
   );
   return /* @__PURE__ */ s.jsxs(
     "div",
     {
-      ref: l,
+      ref: o,
       className: ue("flex h-full w-full overflow-hidden", a),
       children: [
         /* @__PURE__ */ s.jsx(
@@ -2728,7 +2769,7 @@ function gr({
           {
             role: "separator",
             "aria-orientation": "vertical",
-            onPointerDown: j,
+            onPointerDown: y,
             className: ue(
               "flex w-2 cursor-col-resize items-center justify-center",
               "border-x border-border bg-muted/50 hover:bg-muted",
@@ -2742,9 +2783,9 @@ function gr({
     }
   );
 }
-const Ut = ({ schema: e, ...o }) => {
-  const { dataSource: t } = Pt() || {};
-  return /* @__PURE__ */ s.jsx(_n, { schema: e, dataSource: t, ...o });
+const Ut = ({ schema: e, ...l }) => {
+  const { dataSource: t } = Lt() || {};
+  return /* @__PURE__ */ s.jsx(_n, { schema: e, dataSource: t, ...l });
 };
 rt.register("object-grid", Ut, {
   namespace: "plugin-grid",
@@ -2766,8 +2807,8 @@ rt.register("grid", Ut, {
     { name: "filters", type: "array", label: "Filters" }
   ]
 });
-const Zn = ({ schema: e, ...o }) => {
-  const { dataSource: t } = Pt() || {};
+const Zn = ({ schema: e, ...l }) => {
+  const { dataSource: t } = Lt() || {};
   return /* @__PURE__ */ s.jsx(
     Yn,
     {
@@ -2775,7 +2816,7 @@ const Zn = ({ schema: e, ...o }) => {
       objectLabel: e.objectLabel,
       fields: e.fields ?? [],
       dataSource: t,
-      ...o
+      ...l
     }
   );
 };
@@ -2791,7 +2832,7 @@ rt.register("import-wizard", Zn, {
 export {
   _t as BulkActionBar,
   pr as FormulaBar,
-  vn as GroupRow,
+  yn as GroupRow,
   Yn as ImportWizard,
   ur as InlineEditing,
   _n as ObjectGrid,
@@ -2804,6 +2845,6 @@ export {
   Cn as useColumnSummary,
   mr as useGradientColor,
   hr as useGroupReorder,
-  yn as useGroupedData,
+  vn as useGroupedData,
   hn as useRowColor
 };