@object-ui/plugin-grid 3.0.3 → 3.1.1

package/dist/index.js

@@ -1,306 +1,306 @@
-import * as me from "react";
-import Pe, { useRef as pe, useState as D, useCallback as $, useEffect as re, createContext as Be, useMemo as Se } from "react";
-import { ComponentRegistry as Fe } from "@object-ui/core";
-import { useDataScope as He, useNavigationOverlay as Je, useAction as Xe, SchemaRenderer as Ce, useSchemaContext as Ze } from "@object-ui/react";
-import { getCellRenderer as Oe } from "@object-ui/fields";
-import { DropdownMenu as Qe, DropdownMenuTrigger as et, Button as tt, DropdownMenuContent as nt, DropdownMenuItem as Ne, NavigationOverlay as ve, cn as fe } from "@object-ui/components";
-import { MoreVertical as st, Edit as rt, Trash2 as it, ChevronRight as ot, ChevronDown as lt, Check as at, X as ct } from "lucide-react";
-import { flushSync as ut } from "react-dom";
-var he = { exports: {} }, ue = {};
-var _e;
-function dt() {
-  if (_e) return ue;
-  _e = 1;
-  var t = /* @__PURE__ */ Symbol.for("react.transitional.element"), c = /* @__PURE__ */ Symbol.for("react.fragment");
-  function e(n, s, i) {
-    var o = null;
-    if (i !== void 0 && (o = "" + i), s.key !== void 0 && (o = "" + s.key), "key" in s) {
+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 { 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 { 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 Et;
+function ln() {
+  if (Et) return Fe;
+  Et = 1;
+  var e = /* @__PURE__ */ Symbol.for("react.transitional.element"), o = /* @__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 s)
-        l !== "key" && (i[l] = s[l]);
-    } else i = s;
-    return s = i.ref, {
-      $$typeof: t,
+      for (var l in r)
+        l !== "key" && (i[l] = r[l]);
+    } else i = r;
+    return r = i.ref, {
+      $$typeof: e,
       type: n,
-      key: o,
-      ref: s !== void 0 ? s : null,
+      key: a,
+      ref: r !== void 0 ? r : null,
       props: i
     };
   }
-  return ue.Fragment = c, ue.jsx = e, ue.jsxs = e, ue;
+  return Fe.Fragment = o, Fe.jsx = t, Fe.jsxs = t, Fe;
 }
-var de = {};
-var Re;
-function ft() {
-  return Re || (Re = 1, process.env.NODE_ENV !== "production" && (function() {
-    function t(r) {
-      if (r == null) return null;
-      if (typeof r == "function")
-        return r.$$typeof === Z ? null : r.displayName || r.name || null;
-      if (typeof r == "string") return r;
-      switch (r) {
-        case S:
+var ze = {};
+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) {
+        case k:
           return "Fragment";
-        case _:
+        case D:
           return "Profiler";
-        case R:
+        case T:
           return "StrictMode";
-        case k:
+        case H:
           return "Suspense";
-        case L:
+        case re:
           return "SuspenseList";
-        case X:
+        case Re:
           return "Activity";
       }
-      if (typeof r == "object")
-        switch (typeof r.tag == "number" && console.error(
+      if (typeof u == "object")
+        switch (typeof u.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), r.$$typeof) {
-          case x:
+        ), u.$$typeof) {
+          case v:
             return "Portal";
-          case A:
-            return r.displayName || "Context";
-          case F:
-            return (r._context.displayName || "Context") + ".Consumer";
-          case K:
-            var h = r.render;
-            return r = r.displayName, r || (r = h.displayName || h.name || "", r = r !== "" ? "ForwardRef(" + r + ")" : "ForwardRef"), r;
-          case ge:
-            return h = r.displayName || null, h !== null ? h : t(r.type) || "Memo";
-          case J:
-            h = r._payload, r = r._init;
+          case G:
+            return u.displayName || "Context";
+          case z:
+            return (u._context.displayName || "Context") + ".Consumer";
+          case W:
+            var _ = u.render;
+            return u = u.displayName, u || (u = _.displayName || _.name || "", u = u !== "" ? "ForwardRef(" + u + ")" : "ForwardRef"), u;
+          case Ae:
+            return _ = u.displayName || null, _ !== null ? _ : e(u.type) || "Memo";
+          case je:
+            _ = u._payload, u = u._init;
             try {
-              return t(r(h));
+              return e(u(_));
             } catch {
             }
         }
       return null;
     }
-    function c(r) {
-      return "" + r;
+    function o(u) {
+      return "" + u;
     }
-    function e(r) {
+    function t(u) {
       try {
-        c(r);
-        var h = !1;
+        o(u);
+        var _ = !1;
       } catch {
-        h = !0;
+        _ = !0;
       }
-      if (h) {
-        h = console;
-        var j = h.error, C = typeof Symbol == "function" && Symbol.toStringTag && r[Symbol.toStringTag] || r.constructor.name || "Object";
-        return j.call(
-          h,
+      if (_) {
+        _ = console;
+        var $ = _.error, B = typeof Symbol == "function" && Symbol.toStringTag && u[Symbol.toStringTag] || u.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.",
-          C
-        ), c(r);
+          B
+        ), o(u);
       }
     }
-    function n(r) {
-      if (r === S) return "<>";
-      if (typeof r == "object" && r !== null && r.$$typeof === J)
+    function n(u) {
+      if (u === k) return "<>";
+      if (typeof u == "object" && u !== null && u.$$typeof === je)
         return "<...>";
       try {
-        var h = t(r);
-        return h ? "<" + h + ">" : "<...>";
+        var _ = e(u);
+        return _ ? "<" + _ + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function s() {
-      var r = Q.A;
-      return r === null ? null : r.getOwner();
+    function r() {
+      var u = pe.A;
+      return u === null ? null : u.getOwner();
     }
     function i() {
       return Error("react-stack-top-frame");
     }
-    function o(r) {
-      if (z.call(r, "key")) {
-        var h = Object.getOwnPropertyDescriptor(r, "key").get;
-        if (h && h.isReactWarning) return !1;
+    function a(u) {
+      if (L.call(u, "key")) {
+        var _ = Object.getOwnPropertyDescriptor(u, "key").get;
+        if (_ && _.isReactWarning) return !1;
       }
-      return r.key !== void 0;
+      return u.key !== void 0;
     }
-    function l(r, h) {
-      function j() {
-        W || (W = !0, console.error(
+    function l(u, _) {
+      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)",
-          h
+          _
         ));
       }
-      j.isReactWarning = !0, Object.defineProperty(r, "key", {
-        get: j,
+      $.isReactWarning = !0, Object.defineProperty(u, "key", {
+        get: $,
         configurable: !0
       });
     }
-    function g() {
-      var r = t(this.type);
-      return V[r] || (V[r] = !0, console.error(
+    function h() {
+      var u = e(this.type);
+      return we[u] || (we[u] = !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."
-      )), r = this.props.ref, r !== void 0 ? r : null;
+      )), u = this.props.ref, u !== void 0 ? u : null;
     }
-    function m(r, h, j, C, ee, te) {
-      var O = j.ref;
-      return r = {
-        $$typeof: y,
-        type: r,
-        key: h,
-        props: j,
-        _owner: C
-      }, (O !== void 0 ? O : null) !== null ? Object.defineProperty(r, "ref", {
+    function f(u, _, $, B, Ne, X) {
+      var I = $.ref;
+      return u = {
+        $$typeof: j,
+        type: u,
+        key: _,
+        props: $,
+        _owner: B
+      }, (I !== void 0 ? I : null) !== null ? Object.defineProperty(u, "ref", {
         enumerable: !1,
-        get: g
-      }) : Object.defineProperty(r, "ref", { enumerable: !1, value: null }), r._store = {}, Object.defineProperty(r._store, "validated", {
+        get: h
+      }) : Object.defineProperty(u, "ref", { enumerable: !1, value: null }), u._store = {}, Object.defineProperty(u._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(r, "_debugInfo", {
+      }), Object.defineProperty(u, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(r, "_debugStack", {
+      }), Object.defineProperty(u, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: ee
-      }), Object.defineProperty(r, "_debugTask", {
+        value: Ne
+      }), Object.defineProperty(u, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: te
-      }), Object.freeze && (Object.freeze(r.props), Object.freeze(r)), r;
+        value: X
+      }), Object.freeze && (Object.freeze(u.props), Object.freeze(u)), u;
     }
-    function f(r, h, j, C, ee, te) {
-      var O = h.children;
-      if (O !== void 0)
-        if (C)
-          if (U(O)) {
-            for (C = 0; C < O.length; C++)
-              v(O[C]);
-            Object.freeze && Object.freeze(O);
+    function d(u, _, $, B, Ne, X) {
+      var I = _.children;
+      if (I !== void 0)
+        if (B)
+          if (J(I)) {
+            for (B = 0; B < I.length; B++)
+              m(I[B]);
+            Object.freeze && Object.freeze(I);
           } 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 v(O);
-      if (z.call(h, "key")) {
-        O = t(r);
-        var G = Object.keys(h).filter(function(q) {
-          return q !== "key";
+        else m(I);
+      if (L.call(_, "key")) {
+        I = e(u);
+        var Y = Object.keys(_).filter(function(he) {
+          return he !== "key";
         });
-        C = 0 < G.length ? "{key: someKey, " + G.join(": ..., ") + ": ...}" : "{key: someKey}", ie[O + C] || (G = 0 < G.length ? "{" + G.join(": ..., ") + ": ...}" : "{}", console.error(
+        B = 0 < Y.length ? "{key: someKey, " + Y.join(": ..., ") + ": ...}" : "{key: someKey}", ge[I + 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} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          C,
-          O,
-          G,
-          O
-        ), ie[O + C] = !0);
+          B,
+          I,
+          Y,
+          I
+        ), ge[I + B] = !0);
       }
-      if (O = null, j !== void 0 && (e(j), O = "" + j), o(h) && (e(h.key), O = "" + h.key), "key" in h) {
-        j = {};
-        for (var ne in h)
-          ne !== "key" && (j[ne] = h[ne]);
-      } else j = h;
-      return O && l(
-        j,
-        typeof r == "function" ? r.displayName || r.name || "Unknown" : r
-      ), m(
-        r,
-        O,
-        j,
-        s(),
-        ee,
-        te
+      if (I = null, $ !== void 0 && (t($), I = "" + $), a(_) && (t(_.key), I = "" + _.key), "key" in _) {
+        $ = {};
+        for (var ce in _)
+          ce !== "key" && ($[ce] = _[ce]);
+      } else $ = _;
+      return I && l(
+        $,
+        typeof u == "function" ? u.displayName || u.name || "Unknown" : u
+      ), f(
+        u,
+        I,
+        $,
+        r(),
+        Ne,
+        X
       );
     }
-    function v(r) {
-      u(r) ? r._store && (r._store.validated = 1) : typeof r == "object" && r !== null && r.$$typeof === J && (r._payload.status === "fulfilled" ? u(r._payload.value) && r._payload.value._store && (r._payload.value._store.validated = 1) : r._store && (r._store.validated = 1));
+    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 u(r) {
-      return typeof r == "object" && r !== null && r.$$typeof === y;
+    function p(u) {
+      return typeof u == "object" && u !== null && u.$$typeof === j;
     }
-    var d = Pe, y = /* @__PURE__ */ Symbol.for("react.transitional.element"), x = /* @__PURE__ */ Symbol.for("react.portal"), S = /* @__PURE__ */ Symbol.for("react.fragment"), R = /* @__PURE__ */ Symbol.for("react.strict_mode"), _ = /* @__PURE__ */ Symbol.for("react.profiler"), F = /* @__PURE__ */ Symbol.for("react.consumer"), A = /* @__PURE__ */ Symbol.for("react.context"), K = /* @__PURE__ */ Symbol.for("react.forward_ref"), k = /* @__PURE__ */ Symbol.for("react.suspense"), L = /* @__PURE__ */ Symbol.for("react.suspense_list"), ge = /* @__PURE__ */ Symbol.for("react.memo"), J = /* @__PURE__ */ Symbol.for("react.lazy"), X = /* @__PURE__ */ Symbol.for("react.activity"), Z = /* @__PURE__ */ Symbol.for("react.client.reference"), Q = d.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, z = Object.prototype.hasOwnProperty, U = Array.isArray, P = console.createTask ? console.createTask : function() {
+    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() {
       return null;
     };
-    d = {
-      react_stack_bottom_frame: function(r) {
-        return r();
+    x = {
+      react_stack_bottom_frame: function(u) {
+        return u();
       }
     };
-    var W, V = {}, H = d.react_stack_bottom_frame.bind(
-      d,
+    var ie, we = {}, ee = x.react_stack_bottom_frame.bind(
+      x,
       i
-    )(), Y = P(n(i)), ie = {};
-    de.Fragment = S, de.jsx = function(r, h, j) {
-      var C = 1e4 > Q.recentlyCreatedOwnerStacks++;
-      return f(
-        r,
-        h,
-        j,
+    )(), be = fe(n(i)), ge = {};
+    ze.Fragment = k, ze.jsx = function(u, _, $) {
+      var B = 1e4 > pe.recentlyCreatedOwnerStacks++;
+      return d(
+        u,
+        _,
+        $,
         !1,
-        C ? Error("react-stack-top-frame") : H,
-        C ? P(n(r)) : Y
+        B ? Error("react-stack-top-frame") : ee,
+        B ? fe(n(u)) : be
       );
-    }, de.jsxs = function(r, h, j) {
-      var C = 1e4 > Q.recentlyCreatedOwnerStacks++;
-      return f(
-        r,
-        h,
-        j,
+    }, ze.jsxs = function(u, _, $) {
+      var B = 1e4 > pe.recentlyCreatedOwnerStacks++;
+      return d(
+        u,
+        _,
+        $,
         !0,
-        C ? Error("react-stack-top-frame") : H,
-        C ? P(n(r)) : Y
+        B ? Error("react-stack-top-frame") : ee,
+        B ? fe(n(u)) : be
       );
     };
-  })()), de;
+  })()), ze;
 }
-var ke;
-function ht() {
-  return ke || (ke = 1, process.env.NODE_ENV === "production" ? he.exports = dt() : he.exports = ft()), he.exports;
+var kt;
+function cn() {
+  return kt || (kt = 1, process.env.NODE_ENV === "production" ? Ge.exports = ln() : Ge.exports = an()), Ge.exports;
 }
-var a = ht();
-function mt(t) {
-  const { onRefresh: c, threshold: e = 80, enabled: n = !0 } = t, s = pe(null), [i, o] = D(!1), [l, g] = D(0), m = pe(0), f = $((d) => {
+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) => {
     if (!n || i)
       return;
-    const y = s.current;
-    y && y.scrollTop === 0 && (m.current = d.touches[0].clientY);
-  }, [n, i]), v = $((d) => {
-    if (!n || i || !m.current)
+    const j = r.current;
+    j && j.scrollTop === 0 && (f.current = x.touches[0].clientY);
+  }, [n, i]), m = M((x) => {
+    if (!n || i || !f.current)
       return;
-    const x = d.touches[0].clientY - m.current;
-    x > 0 && g(Math.min(x, e * 1.5));
-  }, [n, i, e]), u = $(async () => {
-    if (!(!n || i)) {
-      if (l >= e) {
-        o(!0);
-        try {
-          await c();
-        } finally {
-          o(!1);
-        }
+    const v = x.touches[0].clientY - f.current;
+    v > 0 && h(Math.min(v, t * 1.5));
+  }, [n, i, t]), p = M(async () => {
+    if (!n || i)
+      return;
+    const x = l;
+    if (h(0), f.current = 0, x >= t) {
+      a(!0);
+      try {
+        await o();
+      } finally {
+        a(!1);
       }
-      g(0), m.current = 0;
     }
-  }, [n, i, l, e, c]);
-  return re(() => {
-    const d = s.current;
-    if (!(!d || !n))
-      return d.addEventListener("touchstart", f, { passive: !0 }), d.addEventListener("touchmove", v, { passive: !0 }), d.addEventListener("touchend", u, { passive: !0 }), () => {
-        d.removeEventListener("touchstart", f), d.removeEventListener("touchmove", v), d.removeEventListener("touchend", u);
+  }, [n, i, l, t, o]);
+  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);
       };
-  }, [f, v, u, n]), { ref: s, isRefreshing: i, pullDistance: l };
+  }, [d, m, p, n]), { ref: r, isRefreshing: i, pullDistance: l };
 }
-const pt = Be(null);
-pt.displayName = "MobileContext";
-const gt = {
+const un = fs(null);
+un.displayName = "MobileContext";
+const fn = {
   red: "bg-red-100",
   green: "bg-green-100",
   blue: "bg-blue-100",
@@ -325,541 +325,1180 @@ const gt = {
   stone: "bg-stone-100",
   neutral: "bg-neutral-100"
 };
-function bt(t) {
-  if (t.startsWith("bg-")) return t;
-  const c = t.toLowerCase().trim();
-  return gt[c];
+function mn(e) {
+  if (e.startsWith("bg-")) return e;
+  const o = e.toLowerCase().trim();
+  return fn[o];
 }
-function xt(t) {
-  return $(
-    (c) => {
-      if (!t?.field || !t.colors) return;
-      const e = String(c[t.field] ?? ""), n = t.colors[e];
+function hn(e) {
+  return M(
+    (o) => {
+      if (!e?.field || !e.colors) return;
+      const t = String(o[e.field] ?? ""), n = e.colors[t];
       if (n)
-        return bt(n);
+        return mn(n);
     },
-    [t?.field, t?.colors]
+    [e?.field, e?.colors]
   );
 }
-function vt(t, c) {
-  return c.map((e) => String(t[e.field] ?? "")).join(" / ");
+function pn(e, o) {
+  return o.map((t) => String(e[t.field] ?? "")).join(" / ");
 }
-function yt(t, c) {
-  return c.map((e) => {
-    const n = t[e.field];
+function gn(e, o) {
+  return o.map((t) => {
+    const n = e[t.field];
     return n != null && n !== "" ? String(n) : "(empty)";
   }).join(" / ");
 }
-function Et(t, c, e) {
-  const n = t.localeCompare(c, void 0, { numeric: !0, sensitivity: "base" });
-  return e === "desc" ? -n : n;
+function xn(e, o) {
+  return o.map(({ field: t, type: n }) => {
+    const r = e.map((a) => Number(a[t])).filter((a) => Number.isFinite(a));
+    let i;
+    switch (n) {
+      case "count":
+        i = r.length;
+        break;
+      case "sum":
+        i = r.reduce((a, l) => a + l, 0);
+        break;
+      case "avg":
+        i = r.length > 0 ? r.reduce((a, l) => a + l, 0) / r.length : 0;
+        break;
+      case "min":
+        i = r.length > 0 ? Math.min(...r) : 0;
+        break;
+      case "max":
+        i = r.length > 0 ? Math.max(...r) : 0;
+        break;
+      default:
+        i = 0;
+    }
+    return { field: t, type: n, value: i };
+  });
+}
+function bn(e, o, t) {
+  const n = e.localeCompare(o, void 0, { numeric: !0, sensitivity: "base" });
+  return t === "desc" ? -n : n;
 }
-function wt(t, c) {
-  const e = t?.fields, n = !!(e && e.length > 0), [s, i] = D({}), o = Se(() => e ? e.some((m) => m.collapsed) : !1, [e]), l = Se(() => {
-    if (!n || !e) return [];
-    const m = /* @__PURE__ */ new Map(), f = [];
-    for (const u of c) {
-      const d = vt(u, e);
-      m.has(d) || (m.set(d, { label: yt(u, e), rows: [] }), f.push(d)), m.get(d).rows.push(u);
+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(() => {
+    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 v = e[0]?.order ?? "asc";
-    return f.sort((u, d) => Et(u, d, v)), f.map((u) => {
-      const d = m.get(u), y = u in s ? s[u] : o;
-      return { key: u, label: d.label, rows: d.rows, collapsed: y };
+    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 };
     });
-  }, [c, e, n, s, o]), g = $((m) => {
-    i((f) => ({
-      ...f,
-      [m]: f[m] !== void 0 ? !f[m] : !o
+  }, [o, n, r, i, l, t]), f = M((d) => {
+    a((m) => ({
+      ...m,
+      [d]: m[d] !== void 0 ? !m[d] : !l
     }));
-  }, [o]);
-  return { groups: l, isGrouped: n, toggleGroup: g };
+  }, [l]);
+  return { groups: h, isGrouped: r, toggleGroup: f };
+}
+const vn = ({
+  groupKey: e,
+  label: o,
+  count: t,
+  collapsed: n,
+  aggregations: r,
+  onToggle: i,
+  children: a
+}) => /* @__PURE__ */ s.jsxs("div", { className: "border rounded-md", "data-testid": `group-row-${e}`, children: [
+  /* @__PURE__ */ s.jsxs(
+    "button",
+    {
+      type: "button",
+      className: "flex w-full items-center gap-2 px-3 py-2 text-sm font-medium text-left bg-muted/50 hover:bg-muted transition-colors",
+      onClick: () => i(e),
+      "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,
+          ": ",
+          Number.isInteger(l.value) ? l.value : l.value.toFixed(2)
+        ] }, `${l.field}-${l.type}`)) }),
+        /* @__PURE__ */ s.jsxs("span", { className: "ml-auto text-xs text-muted-foreground group-count", children: [
+          "(",
+          t,
+          ")"
+        ] })
+      ]
+    }
+  ),
+  !n && a
+] });
+function jn(e) {
+  return typeof e == "string" ? { type: e } : e;
 }
-function jt(t) {
-  return t.data ? Array.isArray(t.data) ? {
+function wn(e, o) {
+  if (o.length === 0) return null;
+  switch (e) {
+    case "count":
+      return o.length;
+    case "sum":
+      return o.reduce((t, n) => t + n, 0);
+    case "avg":
+      return o.reduce((t, n) => t + n, 0) / o.length;
+    case "min":
+      return Math.min(...o);
+    case "max":
+      return Math.max(...o);
+    default:
+      return null;
+  }
+}
+function Nn(e, o) {
+  if (o === 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();
+  return `${n}: ${r}`;
+}
+function Cn(e, o) {
+  return ve(() => {
+    const t = /* @__PURE__ */ new Map();
+    if (!e || e.length === 0 || o.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);
+        }
+      }
+      let l;
+      if (r.type === "count") {
+        const h = o.filter((f) => f[i] != null && f[i] !== "").length;
+        l = h > 0 ? h : null;
+      } else
+        l = wn(r.type, a);
+      t.set(n.field, {
+        field: n.field,
+        value: l,
+        label: Nn(r.type, l)
+      });
+    }
+    return { summaries: t, hasSummary: t.size > 0 };
+  }, [e, o]);
+}
+function ot(e) {
+  return e.replace(/_/g, " ").replace(/\b\w/g, (o) => o.toUpperCase());
+}
+const Sn = ({
+  row: e,
+  rowActions: o,
+  canEdit: t,
+  canDelete: n,
+  onEdit: r,
+  onDelete: i,
+  onAction: a
+}) => /* @__PURE__ */ s.jsxs(Ns, { children: [
+  /* @__PURE__ */ s.jsx(Cs, { asChild: !0, children: /* @__PURE__ */ s.jsxs(
+    le,
+    {
+      variant: "ghost",
+      size: "icon",
+      className: "h-8 w-8 min-h-[44px] min-w-[44px] sm:min-h-0 sm:min-w-0",
+      "data-testid": "row-action-trigger",
+      children: [
+        /* @__PURE__ */ s.jsx(Ks, { className: "h-4 w-4" }),
+        /* @__PURE__ */ s.jsx("span", { className: "sr-only", children: "Open menu" })
+      ]
+    }
+  ) }),
+  /* @__PURE__ */ s.jsxs(Ss, { align: "end", children: [
+    t && r && /* @__PURE__ */ s.jsxs(Ze, { onClick: () => r(e), children: [
+      /* @__PURE__ */ s.jsx(Ws, { className: "mr-2 h-4 w-4" }),
+      "Edit"
+    ] }),
+    n && i && /* @__PURE__ */ s.jsxs(Ze, { onClick: () => i(e), children: [
+      /* @__PURE__ */ s.jsx(qs, { className: "mr-2 h-4 w-4" }),
+      "Delete"
+    ] }),
+    o?.map((l) => /* @__PURE__ */ s.jsx(
+      Ze,
+      {
+        onClick: () => a?.(l, e),
+        "data-testid": `row-action-${l}`,
+        children: ot(l)
+      },
+      l
+    ))
+  ] })
+] }), _t = ({
+  selectedRows: e,
+  actions: o,
+  onAction: t,
+  onClearSelection: n
+}) => !o || o.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",
+    "data-testid": "bulk-actions-bar",
+    children: [
+      /* @__PURE__ */ s.jsxs("span", { className: "text-muted-foreground font-medium", children: [
+        e.length,
+        " selected"
+      ] }),
+      /* @__PURE__ */ s.jsx("div", { className: "flex items-center gap-1 ml-2", children: o.map((r) => /* @__PURE__ */ s.jsx(
+        le,
+        {
+          variant: "outline",
+          size: "sm",
+          className: "h-6 px-2 text-xs",
+          onClick: () => t?.(r, e),
+          "data-testid": `bulk-action-${r}`,
+          children: ot(r)
+        },
+        r
+      )) }),
+      /* @__PURE__ */ s.jsx(
+        le,
+        {
+          variant: "ghost",
+          size: "sm",
+          className: "h-6 px-2 text-xs ml-auto",
+          onClick: n,
+          children: "Clear"
+        }
+      )
+    ]
+  }
+), Ot = {
+  "grid.actions": "Actions",
+  "grid.edit": "Edit",
+  "grid.delete": "Delete",
+  "grid.export": "Export",
+  "grid.exportAs": "Export as {{format}}",
+  "grid.loading": "Loading grid...",
+  "grid.errorLoading": "Error loading grid",
+  "grid.pullToRefresh": "Pull to refresh",
+  "grid.refreshing": "Refreshing…",
+  "grid.openRecord": "Open record"
+};
+function En() {
+  try {
+    const e = ys();
+    return e.t("grid.actions") === "grid.actions" ? {
+      t: (t, n) => {
+        let r = Ot[t] || t;
+        if (n)
+          for (const [i, a] of Object.entries(n))
+            r = r.replace(`{{${i}}}`, String(a));
+        return r;
+      }
+    } : { t: e.t };
+  } catch {
+    return {
+      t: (e, o) => {
+        let t = Ot[e] || e;
+        if (o)
+          for (const [n, r] of Object.entries(o))
+            t = t.replace(`{{${n}}}`, String(r));
+        return t;
+      }
+    };
+  }
+}
+function Rn(e) {
+  if (e != null)
+    return typeof e == "string" ? e : e.defaultValue || e.key;
+}
+function kn(e) {
+  return e.data ? Array.isArray(e.data) ? {
     provider: "value",
-    items: t.data
-  } : t.data : t.staticData ? {
+    items: e.data
+  } : e.data : e.staticData ? {
     provider: "value",
-    items: t.staticData
-  } : t.objectName ? {
+    items: e.staticData
+  } : e.objectName ? {
     provider: "object",
-    object: t.objectName
+    object: e.objectName
   } : null;
 }
-function Te(t) {
-  if (!(!t || t.length === 0))
-    return typeof t[0] == "object" && t[0] !== null, t;
+function nt(e) {
+  if (!(!e || e.length === 0))
+    return typeof e[0] == "object" && e[0] !== null, e;
 }
-const St = ({
-  schema: t,
-  dataSource: c,
-  onEdit: e,
+const _n = ({
+  schema: e,
+  dataSource: o,
+  onEdit: t,
   onDelete: n,
-  onRowSelect: s,
+  onRowSelect: r,
   onRowClick: i,
-  onCellChange: o,
+  onCellChange: a,
   onRowSave: l,
-  onBatchSave: g,
-  ...m
+  onBatchSave: h,
+  onAddRecord: f,
+  ...d
 }) => {
-  const [f, v] = D([]), [u, d] = D(!0), [y, x] = D(null), [S, R] = D(null), [_, F] = D(!1), [A, K] = D(0), k = $(async () => {
-    K((b) => b + 1);
-  }, []), { ref: L, isRefreshing: ge, pullDistance: J } = mt({
-    onRefresh: k,
-    enabled: !!c && !!t.objectName
+  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(() => {
+    try {
+      const c = localStorage.getItem(fe);
+      return c ? JSON.parse(c) : {};
+    } catch {
+      return {};
+    }
+  }), ee = M((c) => {
+    we(c);
+    try {
+      localStorage.setItem(fe, JSON.stringify(c));
+    } catch (O) {
+      console.warn("Failed to persist column state:", O);
+    }
+  }, [fe]), be = M(async () => {
+    Ae((c) => c + 1);
+  }, []), { ref: ge, isRefreshing: u, pullDistance: _ } = dn({
+    onRefresh: be,
+    enabled: !!o && !!e.objectName
   });
-  re(() => {
-    const b = () => F(window.innerWidth < 480);
-    return b(), window.addEventListener("resize", b), () => window.removeEventListener("resize", b);
+  me(() => {
+    const c = () => H(window.innerWidth < 480);
+    return c(), window.addEventListener("resize", c), () => window.removeEventListener("resize", c);
   }, []);
-  const X = m.data, Z = He(t.bind), Q = jt(t), z = Pe.useMemo(() => X && Array.isArray(X) ? {
+  const $ = d.data, B = gs(e.bind), Ne = kn(e), X = Ie.useMemo(() => $ && Array.isArray($) ? {
     provider: "value",
-    items: X
-  } : Z && Array.isArray(Z) ? {
+    items: $
+  } : B && Array.isArray(B) ? {
     provider: "value",
-    items: Z
-  } : Q, [JSON.stringify(Q), Z, X]), U = z?.provider === "value", P = z?.provider === "object" && z && "object" in z ? z.object : t.objectName, W = t.fields, V = t.columns, H = t.filter, Y = t.sort, ie = t.pagination, r = t.pageSize;
-  re(() => {
-    U && z?.provider === "value" && (v((b) => {
-      const E = z.items;
-      return JSON.stringify(b) !== JSON.stringify(E) ? E : b;
-    }), d(!1));
-  }, [U, z]), re(() => {
-    if (U) return;
-    let b = !1;
+    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;
+  me(() => {
+    I && 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;
+    let c = !1;
+    return (async () => {
+      try {
+        const S = await o.getObjectSchema(Y);
+        c || G(S);
+      } catch (S) {
+        console.warn(`[ObjectGrid] Failed to fetch objectSchema for inline data (objectName: ${Y}):`, S);
+      }
+    })(), () => {
+      c = !0;
+    };
+  }, [I, Y, o]), me(() => {
+    if (I) return;
+    let c = !1;
     return (async () => {
-      d(!0), x(null);
+      j(!0), k(null);
       try {
-        let M = null;
-        if ((Te(V) || W) && P)
-          M = { name: P, fields: {} };
-        else if (P && c) {
-          const p = await c.getObjectSchema(P);
-          if (b) return;
-          M = p;
-        } else throw P ? new Error("DataSource required") : new Error("Object name required for data fetching");
-        if (b || R(M), c && P) {
-          const I = {
+        let S = null;
+        const U = nt(he) || ce;
+        if (Y && o) {
+          const Q = await o.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 = {
             $select: (() => {
-              if (W) return W;
-              if (V && Array.isArray(V))
-                return V.map((T) => typeof T == "string" ? T : T.field);
+              if (ce) return ce;
+              if (he && Array.isArray(he))
+                return he.map((w) => typeof w == "string" ? w : w.field);
             })(),
-            $top: ie?.pageSize || r || 50
+            $top: lt?.pageSize || at || 50
           };
-          H && Array.isArray(H) ? I.$filter = H : t.defaultFilters && (I.$filter = t.defaultFilters), Y ? typeof Y == "string" ? I.$orderby = Y : Array.isArray(Y) && (I.$orderby = Y.map((T) => `${T.field} ${T.order}`).join(", ")) : t.defaultSort && (I.$orderby = `${t.defaultSort.field} ${t.defaultSort.order}`);
-          const oe = await c.find(P, I);
-          if (b) return;
-          v(oe.data || []);
+          $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}`);
+          const g = hs(S?.fields, he ?? ce);
+          g.length > 0 && (y.$expand = g);
+          const N = await o.find(Y, y);
+          if (c) return;
+          p(N.data || []);
         }
-      } catch (M) {
-        b || x(M);
+      } catch (S) {
+        c || k(S);
       } finally {
-        b || d(!1);
+        c || j(!1);
       }
     })(), () => {
-      b = !0;
+      c = !0;
     };
-  }, [P, W, V, H, Y, ie, r, c, U, z, A]);
-  const h = Je({
-    navigation: t.navigation,
-    objectName: t.objectName,
-    onNavigate: t.onNavigate,
+  }, [Y, ce, he, $e, ke, lt, at, o, I, X, re]);
+  const te = xs({
+    navigation: e.navigation,
+    objectName: e.objectName,
+    onNavigate: e.onNavigate,
     onRowClick: i
-  }), { execute: j } = Xe(), C = xt(t.rowColor), { groups: ee, isGrouped: te, toggleGroup: O } = wt(t.grouping, f), G = $(() => {
-    const b = Te(V);
-    if (b) {
-      if (b.length > 0 && typeof b[0] == "object" && b[0] !== null) {
-        const w = b[0];
-        if ("accessorKey" in w)
-          return b;
-        if ("field" in w)
-          return b.filter((p) => p?.field && typeof p.field == "string" && !p.hidden).map((p, I) => {
-            const oe = p.label || p.field.charAt(0).toUpperCase() + p.field.slice(1).replace(/_/g, " ");
-            let T;
-            const B = p.type ? Oe(p.type) : null;
-            p.link && p.action ? T = (N, le) => {
-              const ae = B ? /* @__PURE__ */ a.jsx(B, { value: N, field: { name: p.field, type: p.type || "text" } }) : N != null && N !== "" ? String(N) : /* @__PURE__ */ a.jsx("span", { className: "text-muted-foreground", children: "-" });
-              return /* @__PURE__ */ a.jsx(
+  }), { execute: Me } = bs(), Gt = hn(e.rowColor), Ht = M((c) => {
+    const O = e.conditionalFormatting;
+    if (!(!O || O.length === 0))
+      for (const S of O) {
+        let U = !1;
+        const Q = ("condition" in S ? S.condition : void 0) || ("expression" in S ? S.expression : void 0) || void 0;
+        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) {
+            case "equals":
+              U = g === y.value;
+              break;
+            case "not_equals":
+              U = g !== y.value;
+              break;
+            case "contains":
+              U = typeof g == "string" && typeof y.value == "string" && g.includes(y.value);
+              break;
+            case "greater_than":
+              U = typeof g == "number" && typeof y.value == "number" && g > y.value;
+              break;
+            case "less_than":
+              U = typeof g == "number" && typeof y.value == "number" && g < y.value;
+              break;
+            case "in":
+              U = Array.isArray(y.value) && y.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;
+        }
+      }
+  }, [e.conditionalFormatting]), { groups: Yt, isGrouped: ct, toggleGroup: Jt } = yn(e.grouping, m), Xt = Ie.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 ? {
+      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" }),
+      percent: /* @__PURE__ */ s.jsx(st, { className: "h-3.5 w-3.5" }),
+      date: /* @__PURE__ */ s.jsx(Qs, { className: "h-3.5 w-3.5" }),
+      datetime: /* @__PURE__ */ s.jsx(Xs, { className: "h-3.5 w-3.5" }),
+      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();
+      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 (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")
+        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 (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")
+        return "currency";
+      if (m.length > 0) {
+        const E = m.find((P) => P[y.field] != null)?.[y.field];
+        if (typeof E == "string" && /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}/.test(E))
+          return "datetime";
+      }
+      return null;
+    }, S = nt(he);
+    if (S) {
+      if (S.length > 0 && typeof S[0] == "object" && S[0] !== null) {
+        const y = S[0];
+        if ("accessorKey" in y)
+          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)));
+              C.options = b.map((R) => ({ value: R, label: Ue(String(R)) }));
+            }
+            return {
+              ...g,
+              headerIcon: c(w),
+              cell: (b) => /* @__PURE__ */ s.jsx(A, { value: b, field: C })
+            };
+          });
+        if ("field" in y)
+          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" };
+            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)));
+              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 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",
-                  onClick: (ce) => {
-                    ce.stopPropagation(), h.handleClick(le);
+                  "data-testid": P ? "primary-field-link" : "link-cell",
+                  onClick: (_e) => {
+                    _e.stopPropagation(), te.handleClick(oe);
                   },
-                  children: ae
+                  children: Se
                 }
               );
-            } : p.link ? T = (N, le) => {
-              const ae = B ? /* @__PURE__ */ a.jsx(B, { value: N, field: { name: p.field, type: p.type || "text" } }) : N != null && N !== "" ? String(N) : /* @__PURE__ */ a.jsx("span", { className: "text-muted-foreground", children: "-" });
-              return /* @__PURE__ */ a.jsx(
+            } : Z ? 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",
-                  onClick: (ce) => {
-                    ce.stopPropagation(), h.handleClick(le);
+                  "data-testid": P ? "primary-field-link" : "link-cell",
+                  onClick: (_e) => {
+                    _e.stopPropagation(), te.handleClick(oe);
                   },
-                  children: ae
+                  children: Se
                 }
               );
-            } : p.action ? T = (N, le) => {
-              const ae = B ? /* @__PURE__ */ a.jsx(B, { value: N, field: { name: p.field, type: p.type || "text" } }) : N != null && N !== "" ? String(N) : /* @__PURE__ */ a.jsx("span", { className: "text-muted-foreground", children: "-" });
-              return /* @__PURE__ */ a.jsx(
-                "button",
-                {
-                  type: "button",
-                  className: "text-primary underline-offset-4 hover:underline cursor-pointer bg-transparent border-none p-0 text-left font-inherit",
-                  onClick: (ce) => {
-                    ce.stopPropagation(), j({
-                      type: p.action,
-                      params: { record: le, field: p.field, value: N }
-                    });
-                  },
-                  children: ae
-                }
-              );
-            } : B ? T = (N) => /* @__PURE__ */ a.jsx(B, { value: N, field: { name: p.field, type: p.type || "text" } }) : T = (N) => N != null && N !== "" ? /* @__PURE__ */ a.jsx("span", { children: String(N) }) : /* @__PURE__ */ a.jsx("span", { className: "text-muted-foreground", children: "-" });
-            const Ue = ["number", "currency", "percent"], je = p.align || (p.type && Ue.includes(p.type) ? "right" : void 0), qe = I === 0 || p.essential === !0;
+            } : g.action ? C = (q, oe) => /* @__PURE__ */ s.jsx(
+              le,
+              {
+                variant: "outline",
+                size: "sm",
+                className: "h-7 text-xs",
+                "data-testid": "action-cell",
+                onClick: (Se) => {
+                  Se.stopPropagation(), Me({
+                    type: g.action,
+                    params: { record: oe, field: g.field, value: q }
+                  });
+                },
+                children: ot(g.action)
+              }
+            ) : V ? C = (q) => /* @__PURE__ */ s.jsx(V, { value: q, field: E }) : C = (q) => q != null && q !== "" ? /* @__PURE__ */ s.jsx("span", { children: String(q) }) : /* @__PURE__ */ s.jsx("span", { className: "text-muted-foreground/50 text-xs italic", children: "—" });
+            const de = g.prefix;
+            if (de?.field) {
+              const q = C, oe = de.type === "badge" ? Ee("select") : null;
+              C = (Se, _e) => {
+                const Be = _e[de.field], us = Be != null && Be !== "" ? oe ? /* @__PURE__ */ s.jsx(oe, { value: Be, field: { name: de.field, type: "select" } }) : /* @__PURE__ */ s.jsx("span", { className: "text-muted-foreground text-xs mr-1.5", children: String(Be) }) : null;
+                return /* @__PURE__ */ s.jsxs("span", { className: "flex items-center gap-1.5", children: [
+                  us,
+                  q(Se, _e)
+                ] });
+              };
+            }
+            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;
             return {
-              header: oe,
-              accessorKey: p.field,
-              ...!qe && { className: "hidden sm:table-cell" },
-              ...p.width && { width: p.width },
-              ...je && { align: je },
-              sortable: p.sortable !== !1,
-              ...p.resizable !== void 0 && { resizable: p.resizable },
-              ...p.wrap !== void 0 && { wrap: p.wrap },
-              ...T && { cell: T }
+              header: A,
+              accessorKey: g.field,
+              headerIcon: c(R),
+              ...!K && { className: "hidden sm:table-cell" },
+              ...g.width && { width: g.width },
+              ...ye && { align: ye },
+              sortable: g.sortable !== !1,
+              ...g.resizable !== void 0 && { resizable: g.resizable },
+              ...g.wrap !== void 0 && { wrap: g.wrap },
+              ...C && { cell: C },
+              ...g.pinned && { pinned: g.pinned }
             };
           });
       }
-      return b.filter((w) => typeof w == "string" && w.trim().length > 0).map((w) => ({
-        header: S?.fields?.[w]?.label || w.charAt(0).toUpperCase() + w.slice(1).replace(/_/g, " "),
-        accessorKey: w
-      }));
+      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" };
+        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)));
+          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;
+        let de;
+        return Z && R ? de = (se, ne) => {
+          const ye = /* @__PURE__ */ s.jsx(R, { value: se, field: V });
+          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": "primary-field-link",
+              onClick: (K) => {
+                K.stopPropagation(), te.handleClick(ne);
+              },
+              children: ye
+            }
+          );
+        } : Z ? de = (se, ne) => /* @__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": "primary-field-link",
+            onClick: (ye) => {
+              ye.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,
+          ...b && { headerIcon: c(b) },
+          ...P && { align: P },
+          ...de && { cell: de },
+          sortable: N?.sortable !== !1
+        };
+      });
     }
-    if (U) {
-      const w = z?.provider === "value" ? z.items : [];
-      if (w.length > 0)
-        return (W || Object.keys(w[0])).map((I) => ({
-          header: I.charAt(0).toUpperCase() + I.slice(1).replace(/_/g, " "),
-          accessorKey: I
-        }));
+    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 (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 E = A && ["number", "currency", "percent"].includes(A) ? "right" : void 0;
+          return {
+            header: b,
+            accessorKey: N,
+            ...A && { headerIcon: c(A) },
+            ...E && { align: E },
+            ...C && { cell: (P) => /* @__PURE__ */ s.jsx(C, { value: P, field: R }) },
+            sortable: w?.sortable !== !1
+          };
+        });
     }
-    if (!S) return [];
-    const E = [];
-    return (W || Object.keys(S.fields || {})).forEach((w) => {
-      const p = S.fields?.[w];
-      if (!p || p.permissions && p.permissions.read === !1) return;
-      const I = Oe(p.type), oe = ["number", "currency", "percent"];
-      E.push({
-        header: p.label || w,
-        accessorKey: w,
-        ...oe.includes(p.type) && { align: "right" },
-        cell: (T) => /* @__PURE__ */ a.jsx(I, { value: T, field: p }),
-        sortable: p.sortable !== !1
+    if (!z) return [];
+    const U = [];
+    return (ce || Object.keys(z.fields || {})).forEach((y) => {
+      const g = z.fields?.[y];
+      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,
+        ...w.includes(g.type) && { align: "right" },
+        cell: (A) => /* @__PURE__ */ s.jsx(N, { value: A, field: g }),
+        sortable: g.sortable !== !1
       });
-    }), E;
-  }, [S, W, V, z, U, h.handleClick, j]);
-  if (y)
-    return /* @__PURE__ */ a.jsxs("div", { className: "p-3 sm:p-4 border border-red-300 bg-red-50 rounded-md", children: [
-      /* @__PURE__ */ a.jsx("h3", { className: "text-red-800 font-semibold", children: "Error loading grid" }),
-      /* @__PURE__ */ a.jsx("p", { className: "text-red-600 text-sm mt-1", children: y.message })
+    }), 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) => {
+      const C = URL.createObjectURL(w), b = document.createElement("a");
+      b.href = C, b.download = A, b.click(), URL.revokeObjectURL(C);
+    }, N = (w) => {
+      const A = w == null ? "" : String(w);
+      return A.includes(",") || A.includes('"') || A.includes(`
+`) || A.includes("\r") ? `"${A.replace(/"/g, '""')}"` : A;
+    };
+    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) => {
+        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`);
+    Re(!1);
+  }, [m, e.exportOptions, e.objectName, Ve]);
+  if (v)
+    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 })
     ] });
-  if (u && f.length === 0)
-    return /* @__PURE__ */ a.jsxs("div", { className: "p-4 sm:p-8 text-center", children: [
-      /* @__PURE__ */ a.jsx("div", { className: "inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900" }),
-      /* @__PURE__ */ a.jsx("p", { className: "mt-2 text-sm text-gray-600", children: "Loading grid..." })
+  if (x && m.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: [
+        /* @__PURE__ */ s.jsx("div", { className: "h-4 bg-muted rounded w-1/4" }),
+        /* @__PURE__ */ s.jsx("div", { className: "h-5 bg-muted rounded-full w-20" })
+      ] }),
+      /* @__PURE__ */ s.jsx("div", { className: "h-3 bg-muted rounded w-1/3" })
+    ] }, c)) }) : /* @__PURE__ */ s.jsxs("div", { className: "p-4 sm:p-8 text-center", children: [
+      /* @__PURE__ */ s.jsx("div", { className: "inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-foreground" }),
+      /* @__PURE__ */ s.jsx("p", { className: "mt-2 text-sm text-muted-foreground", children: T("grid.loading") })
     ] });
-  const ne = G(), q = "operations" in t ? t.operations : void 0, ye = q && (q.update || q.delete), We = ye ? [
-    ...ne,
+  let De = [...Ve()];
+  if (ie.widths && (De = De.map((c) => {
+    const O = ie.widths?.[c.accessorKey];
+    return O ? { ...c, size: O } : c;
+  })), ie.order && ie.order.length > 0) {
+    const c = new Map(ie.order.map((O, S) => [O, S]));
+    De.sort((O, S) => {
+      const U = c.get(O.accessorKey) ?? 1 / 0, Q = c.get(S.accessorKey) ?? 1 / 0;
+      return U - Q;
+    });
+  }
+  const Ce = "operations" in e ? e.operations : void 0, ut = Ce && (Ce.update || Ce.delete), es = e.rowActions && e.rowActions.length > 0, Ke = ut || es ? [
+    ...De,
     {
-      header: "Actions",
+      header: T("grid.actions"),
       accessorKey: "_actions",
-      cell: (b, E) => /* @__PURE__ */ a.jsxs(Qe, { children: [
-        /* @__PURE__ */ a.jsx(et, { asChild: !0, children: /* @__PURE__ */ a.jsxs(tt, { variant: "ghost", size: "icon", className: "h-8 w-8 min-h-[44px] min-w-[44px] sm:min-h-0 sm:min-w-0", children: [
-          /* @__PURE__ */ a.jsx(st, { className: "h-4 w-4" }),
-          /* @__PURE__ */ a.jsx("span", { className: "sr-only", children: "Open menu" })
-        ] }) }),
-        /* @__PURE__ */ a.jsxs(nt, { align: "end", children: [
-          q?.update && e && /* @__PURE__ */ a.jsxs(Ne, { onClick: () => e(E), children: [
-            /* @__PURE__ */ a.jsx(rt, { className: "mr-2 h-4 w-4" }),
-            "Edit"
-          ] }),
-          q?.delete && n && /* @__PURE__ */ a.jsxs(Ne, { onClick: () => n(E), children: [
-            /* @__PURE__ */ a.jsx(it, { className: "mr-2 h-4 w-4" }),
-            "Delete"
-          ] })
-        ] })
-      ] }),
+      cell: (c, O) => /* @__PURE__ */ s.jsx(
+        Sn,
+        {
+          row: O,
+          rowActions: e.rowActions,
+          canEdit: !!(Ce?.update && t),
+          canDelete: !!(Ce?.delete && n),
+          onEdit: t,
+          onDelete: n,
+          onAction: (S, U) => Me({ type: S, params: { record: U } })
+        }
+      ),
       sortable: !1
     }
-  ] : ne;
-  let be = !1;
-  t.selection?.type ? be = t.selection.type === "none" ? !1 : t.selection.type : t.selectable !== void 0 && (be = t.selectable);
-  const Ve = t.pagination !== void 0 ? !0 : t.showPagination !== void 0 ? t.showPagination : !0, Ye = t.pagination?.pageSize || t.pageSize || 10, Ge = t.searchableFields !== void 0 ? t.searchableFields.length > 0 : t.showSearch !== void 0 ? t.showSearch : !0, Ee = {
+  ] : De, Je = Ke.filter((c) => c.pinned === "left"), ft = Ke.filter((c) => c.pinned === "right"), ts = Ke.filter((c) => !c.pinned), mt = Je.length > 0 || ft.length > 0, ht = "sticky right-0 z-10 bg-background border-l border-border", pt = mt ? [
+    ...Je,
+    ...ts,
+    ...ft.map((c) => ({
+      ...c,
+      className: [c.className, ht].filter(Boolean).join(" "),
+      cellClassName: [c.cellClassName, ht].filter(Boolean).join(" ")
+    }))
+  ] : Ke, ss = mt ? Je.length : e.frozenColumns ?? 1, We = e.batchActions ?? e.bulkActions, ns = We && We.length > 0;
+  let qe = !1;
+  e.selection?.type ? qe = e.selection.type === "none" ? !1 : e.selection.type : e.selectable !== void 0 ? qe = e.selectable : ns && (qe = "multiple");
+  const rs = e.pagination !== void 0 ? !0 : e.showPagination !== void 0 ? e.showPagination : !0, is = e.pagination?.pageSize || e.pageSize || 10, os = e.searchableFields !== void 0 ? e.searchableFields.length > 0 : e.showSearch !== void 0 ? e.showSearch : !0, gt = {
     type: "data-table",
-    caption: t.label || t.title,
-    columns: We,
-    data: f,
-    pagination: Ve,
-    pageSize: Ye,
-    searchable: Ge,
-    selectable: be,
+    caption: e.label || e.title,
+    columns: pt,
+    data: m,
+    pagination: rs,
+    pageSize: is,
+    searchable: os,
+    selectable: qe,
     sortable: !0,
-    exportable: q?.export,
-    rowActions: ye,
-    resizableColumns: t.resizable ?? t.resizableColumns ?? !0,
-    reorderableColumns: t.reorderableColumns ?? !1,
-    editable: t.editable ?? !1,
-    className: t.className,
-    cellClassName: "px-2 py-1.5 sm:px-3 sm:py-2 md:px-4 md:py-2.5",
-    rowClassName: t.rowColor ? (b, E) => C(b) : void 0,
-    onSelectionChange: s,
-    onRowClick: h.handleClick,
-    onCellChange: o,
+    exportable: Ce?.export,
+    rowActions: ut,
+    resizableColumns: e.resizable ?? e.resizableColumns ?? !0,
+    reorderableColumns: e.reorderableColumns ?? !1,
+    editable: e.editable ?? !1,
+    singleClickEdit: e.singleClickEdit ?? !0,
+    className: e.className,
+    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,
+    rowClassName: e.rowColor ? (c, O) => Gt(c) : void 0,
+    rowStyle: e.conditionalFormatting?.length ? (c, O) => Ht(c) : void 0,
+    frozenColumns: ss,
+    onSelectionChange: (c) => {
+      J(c), r?.(c);
+    },
+    onRowClick: te.handleClick,
+    onCellChange: a,
     onRowSave: l,
-    onBatchSave: g
-  }, Ke = (b) => ({
-    ...Ee,
+    onBatchSave: h,
+    onColumnResize: (c, O) => {
+      ee({
+        ...ie,
+        widths: { ...ie.widths, [c]: O }
+      });
+    },
+    onColumnReorder: (c) => {
+      ee({
+        ...ie,
+        order: c
+      });
+    }
+  }, ls = (c) => ({
+    ...gt,
     caption: void 0,
-    data: b,
+    data: c,
     pagination: !1,
     searchable: !1
-  }), xe = t.label ? `${t.label} Detail` : t.objectName ? `${t.objectName.charAt(0).toUpperCase() + t.objectName.slice(1)} Detail` : "Record Detail";
-  if (_ && f.length > 0 && !te) {
-    const b = G().filter((E) => E.accessorKey !== "_actions");
-    return /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-      /* @__PURE__ */ a.jsx("div", { className: "space-y-2 p-2", children: f.map((E, M) => /* @__PURE__ */ a.jsx(
-        "div",
-        {
-          className: "border rounded-lg p-3 bg-card hover:bg-accent/50 cursor-pointer transition-colors touch-manipulation",
-          onClick: () => h.handleClick(E),
-          children: b.slice(0, 4).map((w) => /* @__PURE__ */ a.jsxs("div", { className: "flex justify-between items-center py-1", children: [
-            /* @__PURE__ */ a.jsx("span", { className: "text-xs text-muted-foreground", children: w.header }),
-            /* @__PURE__ */ a.jsx("span", { className: "text-sm font-medium truncate ml-2 text-right", children: w.cell ? w.cell(E[w.accessorKey], E) : String(E[w.accessorKey] ?? "—") })
-          ] }, w.accessorKey))
-        },
-        E.id || E._id || M
-      )) }),
-      h.isOverlay && /* @__PURE__ */ a.jsx(ve, { ...h, title: xe, children: (E) => /* @__PURE__ */ a.jsx("div", { className: "space-y-3", children: Object.entries(E).map(([M, w]) => /* @__PURE__ */ a.jsxs("div", { className: "flex flex-col", children: [
-        /* @__PURE__ */ a.jsx("span", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wide", children: M.replace(/_/g, " ") }),
-        /* @__PURE__ */ a.jsx("span", { className: "text-sm", children: String(w ?? "—") })
-      ] }, M)) }) })
+  }), 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) {
+    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 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) => {
+      const b = (C || "").toLowerCase();
+      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 /* @__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 = [
+          "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,
+            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] ?? "—" }),
+                E && C[E.accessorKey] && /* @__PURE__ */ s.jsx(
+                  Te,
+                  {
+                    variant: "outline",
+                    className: `text-xs shrink-0 max-w-[140px] truncate ${N(String(C[E.accessorKey]))}`,
+                    children: C[E.accessorKey]
+                  }
+                )
+              ] }),
+              (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") : "—" }),
+                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: [
+                /* @__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)),
+              de.map((K) => {
+                const q = C[K.accessorKey];
+                return q == null || q === "" ? null : /* @__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 font-medium truncate ml-2 text-right", children: K.cell ? K.cell(q, C) : String(q) })
+                ] }, K.accessorKey);
+              })
+            ]
+          },
+          C.id || C._id || b
+        );
+      }) }),
+      te.isOverlay && /* @__PURE__ */ s.jsx(et, { ...te, title: Xe, children: (C) => /* @__PURE__ */ s.jsx("div", { className: "space-y-3", children: Object.entries(C).map(([b, R]) => /* @__PURE__ */ s.jsxs("div", { className: "flex flex-col", children: [
+        /* @__PURE__ */ s.jsx("span", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wide", children: b.replace(/_/g, " ") }),
+        /* @__PURE__ */ s.jsx("span", { className: "text-sm", children: String(R ?? "—") })
+      ] }, b)) }) })
     ] });
   }
-  const we = te ? /* @__PURE__ */ a.jsx("div", { className: "space-y-2", children: ee.map((b) => /* @__PURE__ */ a.jsxs("div", { className: "border rounded-md", children: [
-    /* @__PURE__ */ a.jsxs(
-      "button",
+  const as = () => {
+    pe((c) => c === "compact" ? "short" : c === "short" ? "medium" : c === "medium" ? "tall" : c === "tall" ? "extra_tall" : "compact");
+  }, cs = { compact: Gs, short: Us, medium: Bs, tall: Nt, extra_tall: Nt }[ae], xt = e.rowHeight !== void 0, bt = e.exportOptions || xt ? /* @__PURE__ */ s.jsxs("div", { className: "flex items-center justify-end gap-1 px-2 py-1", children: [
+    xt && /* @__PURE__ */ s.jsxs(
+      le,
       {
-        type: "button",
-        className: "flex w-full items-center gap-2 px-3 py-2 text-sm font-medium text-left bg-muted/50 hover:bg-muted transition-colors",
-        onClick: () => O(b.key),
+        variant: "ghost",
+        size: "sm",
+        className: "h-7 px-2 text-muted-foreground hover:text-primary text-xs",
+        onClick: as,
+        title: `Row height: ${ae}`,
         children: [
-          b.collapsed ? /* @__PURE__ */ a.jsx(ot, { className: "h-4 w-4 shrink-0" }) : /* @__PURE__ */ a.jsx(lt, { className: "h-4 w-4 shrink-0" }),
-          /* @__PURE__ */ a.jsx("span", { children: b.label }),
-          /* @__PURE__ */ a.jsx("span", { className: "ml-auto text-xs text-muted-foreground", children: b.rows.length })
+          /* @__PURE__ */ s.jsx(cs, { className: "h-3.5 w-3.5 mr-1.5" }),
+          /* @__PURE__ */ s.jsx("span", { className: "hidden sm:inline capitalize", children: ae })
         ]
       }
     ),
-    !b.collapsed && /* @__PURE__ */ a.jsx(Ce, { schema: Ke(b.rows) })
-  ] }, b.key)) }) : /* @__PURE__ */ a.jsx(Ce, { schema: Ee });
-  return h.isOverlay && h.mode === "split" ? /* @__PURE__ */ a.jsx(
-    ve,
+    e.exportOptions && /* @__PURE__ */ s.jsxs(Es, { open: je, onOpenChange: Re, children: [
+      /* @__PURE__ */ s.jsx(Rs, { asChild: !0, children: /* @__PURE__ */ s.jsxs(
+        le,
+        {
+          variant: "ghost",
+          size: "sm",
+          className: "h-7 px-2 text-muted-foreground hover:text-primary text-xs",
+          children: [
+            /* @__PURE__ */ s.jsx(Ct, { className: "h-3.5 w-3.5 mr-1.5" }),
+            /* @__PURE__ */ s.jsx("span", { className: "hidden sm:inline", children: T("grid.export") })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ s.jsx(ks, { align: "end", className: "w-48 p-2", children: /* @__PURE__ */ s.jsx("div", { className: "space-y-1", children: (e.exportOptions.formats || ["csv", "json"]).map((c) => /* @__PURE__ */ s.jsxs(
+        le,
+        {
+          variant: "ghost",
+          size: "sm",
+          className: "w-full justify-start h-8 text-xs",
+          onClick: () => Zt(c),
+          children: [
+            /* @__PURE__ */ s.jsx(Ct, { className: "h-3.5 w-3.5 mr-2" }),
+            T("grid.exportAs", { format: c.toUpperCase() })
+          ]
+        },
+        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) => {
+      if (w == null || w === "")
+        return /* @__PURE__ */ s.jsx("span", { className: "text-muted-foreground/50 text-sm italic", children: "Empty" });
+      const A = z?.fields?.[N];
+      if (A?.type) {
+        const b = Ee(A.type);
+        if (b)
+          return /* @__PURE__ */ s.jsx(b, { value: w, field: A });
+      }
+      return typeof w == "boolean" ? /* @__PURE__ */ s.jsx(Te, { variant: w ? "default" : "outline", children: w ? "Yes" : "No" }) : typeof w == "string" && !isNaN(Date.parse(w)) && (N.includes("date") || N.includes("_at") || N.includes("time")) ? /* @__PURE__ */ s.jsx("span", { className: "text-sm tabular-nums", children: Qe(w) }) : typeof w == "number" && ["amount", "price", "total", "revenue", "cost", "value", "budget", "salary"].some((b) => N.toLowerCase().includes(b)) ? /* @__PURE__ */ s.jsx("span", { className: "text-sm tabular-nums font-medium", children: ws(w) }) : /* @__PURE__ */ s.jsx("span", { className: "text-sm break-words", children: String(w) });
+    };
+    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("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 flex-1 min-w-0 break-words", children: String(w ?? "") })
+        ] }, N)) })
+      ] })
+    ] });
+  }, ds = Qt ? /* @__PURE__ */ s.jsx("div", { className: "border-t bg-muted/30 px-2 py-1.5", "data-testid": "column-summary-footer", children: /* @__PURE__ */ s.jsx("div", { className: "flex gap-4 text-xs text-muted-foreground font-medium", children: pt.filter((c) => dt.has(c.accessorKey)).map((c) => {
+    const O = dt.get(c.accessorKey);
+    return /* @__PURE__ */ s.jsxs("span", { "data-testid": `summary-${c.accessorKey}`, children: [
+      c.header,
+      ": ",
+      O.label
+    ] }, c.accessorKey);
+  }) }) }) : null, vt = ct ? /* @__PURE__ */ s.jsx("div", { className: "space-y-2", children: Yt.map((c) => /* @__PURE__ */ s.jsx(
+    vn,
+    {
+      groupKey: c.key,
+      label: c.label,
+      count: c.rows.length,
+      collapsed: c.collapsed,
+      aggregations: c.aggregations,
+      onToggle: Jt,
+      children: /* @__PURE__ */ s.jsx(jt, { schema: ls(c.rows) })
+    },
+    c.key
+  )) }) : /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+    /* @__PURE__ */ s.jsx(jt, { schema: gt }),
+    ds
+  ] });
+  return te.isOverlay && te.mode === "split" ? /* @__PURE__ */ s.jsx(
+    et,
     {
-      ...h,
-      title: xe,
-      mainContent: we,
-      children: (b) => /* @__PURE__ */ a.jsx("div", { className: "space-y-3", children: Object.entries(b).map(([E, M]) => /* @__PURE__ */ a.jsxs("div", { className: "flex flex-col", children: [
-        /* @__PURE__ */ a.jsx("span", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wide", children: E.replace(/_/g, " ") }),
-        /* @__PURE__ */ a.jsx("span", { className: "text-sm", children: String(M ?? "—") })
-      ] }, E)) })
+      ...te,
+      title: Xe,
+      mainContent: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+        bt,
+        vt,
+        /* @__PURE__ */ s.jsx(
+          _t,
+          {
+            selectedRows: L,
+            actions: We ?? [],
+            onAction: (c, O) => Me({ type: c, params: { records: O } }),
+            onClearSelection: () => J([])
+          }
+        )
+      ] }),
+      children: (c) => yt(c)
     }
-  ) : /* @__PURE__ */ a.jsxs("div", { ref: L, className: "relative h-full", children: [
-    J > 0 && /* @__PURE__ */ a.jsx(
+  ) : /* @__PURE__ */ s.jsxs("div", { ref: ge, className: "relative h-full", children: [
+    _ > 0 && /* @__PURE__ */ s.jsx(
       "div",
       {
         className: "flex items-center justify-center text-xs text-muted-foreground",
-        style: { height: J },
-        children: ge ? "Refreshing…" : "Pull to refresh"
+        style: { height: _ },
+        children: T(u ? "grid.refreshing" : "grid.pullToRefresh")
+      }
+    ),
+    bt,
+    vt,
+    /* @__PURE__ */ s.jsx(
+      _t,
+      {
+        selectedRows: L,
+        actions: We ?? [],
+        onAction: (c, O) => Me({ type: c, params: { records: O } }),
+        onClearSelection: () => J([])
       }
     ),
-    we,
-    h.isOverlay && /* @__PURE__ */ a.jsx(
-      ve,
+    te.isOverlay && /* @__PURE__ */ s.jsx(
+      et,
       {
-        ...h,
-        title: xe,
-        children: (b) => /* @__PURE__ */ a.jsx("div", { className: "space-y-3", children: Object.entries(b).map(([E, M]) => /* @__PURE__ */ a.jsxs("div", { className: "flex flex-col", children: [
-          /* @__PURE__ */ a.jsx("span", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wide", children: E.replace(/_/g, " ") }),
-          /* @__PURE__ */ a.jsx("span", { className: "text-sm", children: String(M ?? "—") })
-        ] }, E)) })
+        ...te,
+        title: Xe,
+        children: (c) => yt(c)
       }
     )
   ] });
 };
-function se(t, c, e) {
-  let n = e.initialDeps ?? [], s, i = !0;
-  function o() {
-    var l, g, m;
-    let f;
-    e.key && ((l = e.debug) != null && l.call(e)) && (f = Date.now());
-    const v = t();
-    if (!(v.length !== n.length || v.some((y, x) => n[x] !== y)))
-      return s;
-    n = v;
+function Oe(e, o, t) {
+  let n = t.initialDeps ?? [], r, i = !0;
+  function a() {
+    var l, h, f;
     let d;
-    if (e.key && ((g = e.debug) != null && g.call(e)) && (d = Date.now()), s = c(...v), e.key && ((m = e.debug) != null && m.call(e))) {
-      const y = Math.round((Date.now() - f) * 100) / 100, x = Math.round((Date.now() - d) * 100) / 100, S = x / 16, R = (_, F) => {
-        for (_ = String(_); _.length < F; )
-          _ = " " + _;
-        return _;
+    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)))
+      return r;
+    n = m;
+    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; )
+          D = " " + D;
+        return D;
       };
       console.info(
-        `%c⏱ ${R(x, 5)} /${R(y, 5)} ms`,
+        `%c⏱ ${T(v, 5)} /${T(j, 5)} ms`,
         `
             font-size: .6rem;
             font-weight: bold;
             color: hsl(${Math.max(
           0,
-          Math.min(120 - 120 * S, 120)
+          Math.min(120 - 120 * k, 120)
         )}deg 100% 31%);`,
-        e?.key
+        t?.key
       );
     }
-    return e?.onChange && !(i && e.skipInitialOnChange) && e.onChange(s), i = !1, s;
+    return t?.onChange && !(i && t.skipInitialOnChange) && t.onChange(r), i = !1, r;
   }
-  return o.updateDeps = (l) => {
+  return a.updateDeps = (l) => {
     n = l;
-  }, o;
+  }, a;
 }
-function Ae(t, c) {
-  if (t === void 0)
+function Tt(e, o) {
+  if (e === void 0)
     throw new Error("Unexpected undefined");
-  return t;
+  return e;
 }
-const Ct = (t, c) => Math.abs(t - c) < 1.01, Ot = (t, c, e) => {
+const On = (e, o) => Math.abs(e - o) < 1.01, Tn = (e, o, t) => {
   let n;
-  return function(...s) {
-    t.clearTimeout(n), n = t.setTimeout(() => c.apply(this, s), e);
+  return function(...r) {
+    e.clearTimeout(n), n = e.setTimeout(() => o.apply(this, r), t);
   };
-}, ze = (t) => {
-  const { offsetWidth: c, offsetHeight: e } = t;
-  return { width: c, height: e };
-}, Nt = (t) => t, _t = (t) => {
-  const c = Math.max(t.startIndex - t.overscan, 0), e = Math.min(t.endIndex + t.overscan, t.count - 1), n = [];
-  for (let s = c; s <= e; s++)
-    n.push(s);
+}, At = (e) => {
+  const { offsetWidth: o, offsetHeight: t } = e;
+  return { width: o, 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++)
+    n.push(r);
   return n;
-}, Rt = (t, c) => {
-  const e = t.scrollElement;
-  if (!e)
+}, Dn = (e, o) => {
+  const t = e.scrollElement;
+  if (!t)
     return;
-  const n = t.targetWindow;
+  const n = e.targetWindow;
   if (!n)
     return;
-  const s = (o) => {
-    const { width: l, height: g } = o;
-    c({ width: Math.round(l), height: Math.round(g) });
+  const r = (a) => {
+    const { width: l, height: h } = a;
+    o({ width: Math.round(l), height: Math.round(h) });
   };
-  if (s(ze(e)), !n.ResizeObserver)
+  if (r(At(t)), !n.ResizeObserver)
     return () => {
     };
-  const i = new n.ResizeObserver((o) => {
+  const i = new n.ResizeObserver((a) => {
     const l = () => {
-      const g = o[0];
-      if (g?.borderBoxSize) {
-        const m = g.borderBoxSize[0];
-        if (m) {
-          s({ width: m.inlineSize, height: m.blockSize });
+      const h = a[0];
+      if (h?.borderBoxSize) {
+        const f = h.borderBoxSize[0];
+        if (f) {
+          r({ width: f.inlineSize, height: f.blockSize });
           return;
         }
       }
-      s(ze(e));
+      r(At(t));
     };
-    t.options.useAnimationFrameWithResizeObserver ? requestAnimationFrame(l) : l();
+    e.options.useAnimationFrameWithResizeObserver ? requestAnimationFrame(l) : l();
   });
-  return i.observe(e, { box: "border-box" }), () => {
-    i.unobserve(e);
+  return i.observe(t, { box: "border-box" }), () => {
+    i.unobserve(t);
   };
-}, Me = {
+}, Mt = {
   passive: !0
-}, Ie = typeof window > "u" ? !0 : "onscrollend" in window, kt = (t, c) => {
-  const e = t.scrollElement;
-  if (!e)
+}, Dt = typeof window > "u" ? !0 : "onscrollend" in window, Fn = (e, o) => {
+  const t = e.scrollElement;
+  if (!t)
     return;
-  const n = t.targetWindow;
+  const n = e.targetWindow;
   if (!n)
     return;
-  let s = 0;
-  const i = t.options.useScrollendEvent && Ie ? () => {
-  } : Ot(
+  let r = 0;
+  const i = e.options.useScrollendEvent && Dt ? () => {
+  } : Tn(
     n,
     () => {
-      c(s, !1);
+      o(r, !1);
     },
-    t.options.isScrollingResetDelay
-  ), o = (f) => () => {
-    const { horizontal: v, isRtl: u } = t.options;
-    s = v ? e.scrollLeft * (u && -1 || 1) : e.scrollTop, i(), c(s, f);
-  }, l = o(!0), g = o(!1);
-  e.addEventListener("scroll", l, Me);
-  const m = t.options.useScrollendEvent && Ie;
-  return m && e.addEventListener("scrollend", g, Me), () => {
-    e.removeEventListener("scroll", l), m && e.removeEventListener("scrollend", g);
+    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);
   };
-}, Tt = (t, c, e) => {
-  if (c?.borderBoxSize) {
-    const n = c.borderBoxSize[0];
+}, zn = (e, o, t) => {
+  if (o?.borderBoxSize) {
+    const n = o.borderBoxSize[0];
     if (n)
       return Math.round(
-        n[e.options.horizontal ? "inlineSize" : "blockSize"]
+        n[t.options.horizontal ? "inlineSize" : "blockSize"]
       );
   }
-  return t[e.options.horizontal ? "offsetWidth" : "offsetHeight"];
-}, At = (t, {
-  adjustments: c = 0,
-  behavior: e
+  return e[t.options.horizontal ? "offsetWidth" : "offsetHeight"];
+}, In = (e, {
+  adjustments: o = 0,
+  behavior: t
 }, n) => {
-  var s, i;
-  const o = t + c;
-  (i = (s = n.scrollElement) == null ? void 0 : s.scrollTo) == null || i.call(s, {
-    [n.options.horizontal ? "left" : "top"]: o,
-    behavior: e
+  var r, i;
+  const a = e + o;
+  (i = (r = n.scrollElement) == null ? void 0 : r.scrollTo) == null || i.call(r, {
+    [n.options.horizontal ? "left" : "top"]: a,
+    behavior: t
   });
 };
-class zt {
-  constructor(c) {
+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__ */ (() => {
-      let e = null;
-      const n = () => e || (!this.targetWindow || !this.targetWindow.ResizeObserver ? null : e = new this.targetWindow.ResizeObserver((s) => {
-        s.forEach((i) => {
-          const o = () => {
+      let t = null;
+      const n = () => t || (!this.targetWindow || !this.targetWindow.ResizeObserver ? null : t = new this.targetWindow.ResizeObserver((r) => {
+        r.forEach((i) => {
+          const a = () => {
             this._measureElement(i.target, i);
           };
-          this.options.useAnimationFrameWithResizeObserver ? requestAnimationFrame(o) : o();
+          this.options.useAnimationFrameWithResizeObserver ? requestAnimationFrame(a) : a();
         });
       }));
       return {
         disconnect: () => {
-          var s;
-          (s = n()) == null || s.disconnect(), e = null;
+          var r;
+          (r = n()) == null || r.disconnect(), t = null;
         },
-        observe: (s) => {
+        observe: (r) => {
           var i;
-          return (i = n()) == null ? void 0 : i.observe(s, { box: "border-box" });
+          return (i = n()) == null ? void 0 : i.observe(r, { box: "border-box" });
         },
-        unobserve: (s) => {
+        unobserve: (r) => {
           var i;
-          return (i = n()) == null ? void 0 : i.unobserve(s);
+          return (i = n()) == null ? void 0 : i.unobserve(r);
         }
       };
-    })(), this.range = null, this.setOptions = (e) => {
-      Object.entries(e).forEach(([n, s]) => {
-        typeof s > "u" && delete e[n];
+    })(), this.range = null, this.setOptions = (t) => {
+      Object.entries(t).forEach(([n, r]) => {
+        typeof r > "u" && delete t[n];
       }), this.options = {
         debug: !1,
         initialOffset: 0,
@@ -869,11 +1508,11 @@ class zt {
         scrollPaddingStart: 0,
         scrollPaddingEnd: 0,
         horizontal: !1,
-        getItemKey: Nt,
-        rangeExtractor: _t,
+        getItemKey: An,
+        rangeExtractor: Mn,
         onChange: () => {
         },
-        measureElement: Tt,
+        measureElement: zn,
         initialRect: { width: 0, height: 0 },
         scrollMargin: 0,
         gap: 0,
@@ -885,19 +1524,19 @@ class zt {
         isRtl: !1,
         useScrollendEvent: !1,
         useAnimationFrameWithResizeObserver: !1,
-        ...e
+        ...t
       };
-    }, this.notify = (e) => {
-      var n, s;
-      (s = (n = this.options).onChange) == null || s.call(n, this, e);
-    }, this.maybeNotify = se(
+    }, this.notify = (t) => {
+      var n, r;
+      (r = (n = this.options).onChange) == null || r.call(n, this, t);
+    }, this.maybeNotify = Oe(
       () => (this.calculateRange(), [
         this.isScrolling,
         this.range ? this.range.startIndex : null,
         this.range ? this.range.endIndex : null
       ]),
-      (e) => {
-        this.notify(e);
+      (t) => {
+        this.notify(t);
       },
       {
         key: process.env.NODE_ENV !== "production" && "maybeNotify",
@@ -909,46 +1548,46 @@ class zt {
         ]
       }
     ), this.cleanup = () => {
-      this.unsubs.filter(Boolean).forEach((e) => e()), this.unsubs = [], this.observer.disconnect(), this.scrollElement = null, this.targetWindow = null;
+      this.unsubs.filter(Boolean).forEach((t) => t()), this.unsubs = [], this.observer.disconnect(), this.scrollElement = null, this.targetWindow = null;
     }, this._didMount = () => () => {
       this.cleanup();
     }, this._willUpdate = () => {
-      var e;
+      var t;
       const n = this.options.enabled ? this.options.getScrollElement() : null;
       if (this.scrollElement !== n) {
         if (this.cleanup(), !n) {
           this.maybeNotify();
           return;
         }
-        this.scrollElement = n, this.scrollElement && "ownerDocument" in this.scrollElement ? this.targetWindow = this.scrollElement.ownerDocument.defaultView : this.targetWindow = ((e = this.scrollElement) == null ? void 0 : e.window) ?? null, this.elementsCache.forEach((s) => {
-          this.observer.observe(s);
+        this.scrollElement = n, this.scrollElement && "ownerDocument" in this.scrollElement ? this.targetWindow = this.scrollElement.ownerDocument.defaultView : this.targetWindow = ((t = this.scrollElement) == null ? void 0 : t.window) ?? null, this.elementsCache.forEach((r) => {
+          this.observer.observe(r);
         }), this.unsubs.push(
-          this.options.observeElementRect(this, (s) => {
-            this.scrollRect = s, this.maybeNotify();
+          this.options.observeElementRect(this, (r) => {
+            this.scrollRect = r, this.maybeNotify();
           })
         ), this.unsubs.push(
-          this.options.observeElementOffset(this, (s, i) => {
-            this.scrollAdjustments = 0, this.scrollDirection = i ? this.getScrollOffset() < s ? "forward" : "backward" : null, this.scrollOffset = s, this.isScrolling = i, this.maybeNotify();
+          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._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 = (e, n) => {
-      const s = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map();
-      for (let o = n - 1; o >= 0; o--) {
-        const l = e[o];
-        if (s.has(l.lane))
+    }, 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))
           continue;
-        const g = i.get(
+        const h = i.get(
           l.lane
         );
-        if (g == null || l.end > g.end ? i.set(l.lane, l) : l.end < g.end && s.set(l.lane, !0), s.size === this.options.lanes)
+        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)
           break;
       }
-      return i.size === this.options.lanes ? Array.from(i.values()).sort((o, l) => o.end === l.end ? o.index - l.index : o.end - l.end)[0] : void 0;
-    }, this.getMeasurementOptions = se(
+      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;
+    }, this.getMeasurementOptions = Oe(
       () => [
         this.options.count,
         this.options.paddingStart,
@@ -957,154 +1596,154 @@ class zt {
         this.options.enabled,
         this.options.lanes
       ],
-      (e, n, s, i, o, l) => (this.prevLanes !== void 0 && this.prevLanes !== l && (this.lanesChangedFlag = !0), this.prevLanes = l, this.pendingMeasuredCacheIndexes = [], {
-        count: e,
+      (t, n, r, i, a, l) => (this.prevLanes !== void 0 && this.prevLanes !== l && (this.lanesChangedFlag = !0), this.prevLanes = l, this.pendingMeasuredCacheIndexes = [], {
+        count: t,
         paddingStart: n,
-        scrollMargin: s,
+        scrollMargin: r,
         getItemKey: i,
-        enabled: o,
+        enabled: a,
         lanes: l
       }),
       {
         key: !1
       }
-    ), this.getMeasurements = se(
+    ), this.getMeasurements = Oe(
       () => [this.getMeasurementOptions(), this.itemSizeCache],
-      ({ count: e, paddingStart: n, scrollMargin: s, getItemKey: i, enabled: o, lanes: l }, g) => {
-        if (!o)
+      ({ count: t, paddingStart: n, scrollMargin: r, getItemKey: i, enabled: a, lanes: l }, h) => {
+        if (!a)
           return this.measurementsCache = [], this.itemSizeCache.clear(), this.laneAssignments.clear(), [];
-        if (this.laneAssignments.size > e)
-          for (const u of this.laneAssignments.keys())
-            u >= e && this.laneAssignments.delete(u);
-        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((u) => {
-          this.itemSizeCache.set(u.key, u.size);
+        if (this.laneAssignments.size > t)
+          for (const p of this.laneAssignments.keys())
+            p >= t && this.laneAssignments.delete(p);
+        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 m = this.lanesSettling ? 0 : this.pendingMeasuredCacheIndexes.length > 0 ? Math.min(...this.pendingMeasuredCacheIndexes) : 0;
-        this.pendingMeasuredCacheIndexes = [], this.lanesSettling && this.measurementsCache.length === e && (this.lanesSettling = !1);
-        const f = this.measurementsCache.slice(0, m), v = new Array(l).fill(
+        const f = 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(
           void 0
         );
-        for (let u = 0; u < m; u++) {
-          const d = f[u];
-          d && (v[d.lane] = u);
+        for (let p = 0; p < f; p++) {
+          const x = d[p];
+          x && (m[x.lane] = p);
         }
-        for (let u = m; u < e; u++) {
-          const d = i(u), y = this.laneAssignments.get(u);
-          let x, S;
-          if (y !== void 0 && this.options.lanes > 1) {
-            x = y;
-            const A = v[x], K = A !== void 0 ? f[A] : void 0;
-            S = K ? K.end + this.options.gap : n + s;
+        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;
+            k = W ? W.end + this.options.gap : n + r;
           } else {
-            const A = this.options.lanes === 1 ? f[u - 1] : this.getFurthestMeasurement(f, u);
-            S = A ? A.end + this.options.gap : n + s, x = A ? A.lane : u % this.options.lanes, this.options.lanes > 1 && this.laneAssignments.set(u, x);
+            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 R = g.get(d), _ = typeof R == "number" ? R : this.options.estimateSize(u), F = S + _;
-          f[u] = {
-            index: u,
-            start: S,
-            size: _,
-            end: F,
-            key: d,
-            lane: x
-          }, v[x] = u;
+          const T = h.get(x), D = typeof T == "number" ? T : this.options.estimateSize(p), z = k + D;
+          d[p] = {
+            index: p,
+            start: k,
+            size: D,
+            end: z,
+            key: x,
+            lane: v
+          }, m[v] = p;
         }
-        return this.measurementsCache = f, f;
+        return this.measurementsCache = d, d;
       },
       {
         key: process.env.NODE_ENV !== "production" && "getMeasurements",
         debug: () => this.options.debug
       }
-    ), this.calculateRange = se(
+    ), this.calculateRange = Oe(
       () => [
         this.getMeasurements(),
         this.getSize(),
         this.getScrollOffset(),
         this.options.lanes
       ],
-      (e, n, s, i) => this.range = e.length > 0 && n > 0 ? Mt({
-        measurements: e,
+      (t, n, r, i) => this.range = t.length > 0 && n > 0 ? Ln({
+        measurements: t,
         outerSize: n,
-        scrollOffset: s,
+        scrollOffset: r,
         lanes: i
       }) : null,
       {
         key: process.env.NODE_ENV !== "production" && "calculateRange",
         debug: () => this.options.debug
       }
-    ), this.getVirtualIndexes = se(
+    ), this.getVirtualIndexes = Oe(
       () => {
-        let e = null, n = null;
-        const s = this.calculateRange();
-        return s && (e = s.startIndex, n = s.endIndex), this.maybeNotify.updateDeps([this.isScrolling, e, n]), [
+        let t = null, n = null;
+        const r = this.calculateRange();
+        return r && (t = r.startIndex, n = r.endIndex), this.maybeNotify.updateDeps([this.isScrolling, t, n]), [
           this.options.rangeExtractor,
           this.options.overscan,
           this.options.count,
-          e,
+          t,
           n
         ];
       },
-      (e, n, s, i, o) => i === null || o === null ? [] : e({
+      (t, n, r, i, a) => i === null || a === null ? [] : t({
         startIndex: i,
-        endIndex: o,
+        endIndex: a,
         overscan: n,
-        count: s
+        count: r
       }),
       {
         key: process.env.NODE_ENV !== "production" && "getVirtualIndexes",
         debug: () => this.options.debug
       }
-    ), this.indexFromElement = (e) => {
-      const n = this.options.indexAttribute, s = e.getAttribute(n);
-      return s ? parseInt(s, 10) : (console.warn(
+    ), this.indexFromElement = (t) => {
+      const n = this.options.indexAttribute, r = t.getAttribute(n);
+      return r ? parseInt(r, 10) : (console.warn(
         `Missing attribute name '${n}={index}' on measured element.`
       ), -1);
-    }, this._measureElement = (e, n) => {
-      const s = this.indexFromElement(e), i = this.measurementsCache[s];
+    }, this._measureElement = (t, n) => {
+      const r = this.indexFromElement(t), i = this.measurementsCache[r];
       if (!i)
         return;
-      const o = i.key, l = this.elementsCache.get(o);
-      l !== e && (l && this.observer.unobserve(l), this.observer.observe(e), this.elementsCache.set(o, e)), e.isConnected && this.resizeItem(s, this.options.measureElement(e, n, this));
-    }, this.resizeItem = (e, n) => {
-      const s = this.measurementsCache[e];
-      if (!s)
+      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));
+    }, this.resizeItem = (t, n) => {
+      const r = this.measurementsCache[t];
+      if (!r)
         return;
-      const i = this.itemSizeCache.get(s.key) ?? s.size, o = n - i;
-      o !== 0 && ((this.shouldAdjustScrollPositionOnItemSizeChange !== void 0 ? this.shouldAdjustScrollPositionOnItemSizeChange(s, o, this) : s.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,
+      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,
         behavior: void 0
-      })), this.pendingMeasuredCacheIndexes.push(s.index), this.itemSizeCache = new Map(this.itemSizeCache.set(s.key, n)), this.notify(!1));
-    }, this.measureElement = (e) => {
-      if (!e) {
-        this.elementsCache.forEach((n, s) => {
-          n.isConnected || (this.observer.unobserve(n), this.elementsCache.delete(s));
+      })), this.pendingMeasuredCacheIndexes.push(r.index), this.itemSizeCache = new Map(this.itemSizeCache.set(r.key, n)), this.notify(!1));
+    }, this.measureElement = (t) => {
+      if (!t) {
+        this.elementsCache.forEach((n, r) => {
+          n.isConnected || (this.observer.unobserve(n), this.elementsCache.delete(r));
         });
         return;
       }
-      this._measureElement(e, void 0);
-    }, this.getVirtualItems = se(
+      this._measureElement(t, void 0);
+    }, this.getVirtualItems = Oe(
       () => [this.getVirtualIndexes(), this.getMeasurements()],
-      (e, n) => {
-        const s = [];
-        for (let i = 0, o = e.length; i < o; i++) {
-          const l = e[i], g = n[l];
-          s.push(g);
+      (t, n) => {
+        const r = [];
+        for (let i = 0, a = t.length; i < a; i++) {
+          const l = t[i], h = n[l];
+          r.push(h);
         }
-        return s;
+        return r;
       },
       {
         key: process.env.NODE_ENV !== "production" && "getVirtualItems",
         debug: () => this.options.debug
       }
-    ), this.getVirtualItemForOffset = (e) => {
+    ), this.getVirtualItemForOffset = (t) => {
       const n = this.getMeasurements();
       if (n.length !== 0)
-        return Ae(
-          n[Le(
+        return Tt(
+          n[qt(
             0,
             n.length - 1,
-            (s) => Ae(n[s]).start,
-            e
+            (r) => Tt(n[r]).start,
+            t
           )]
         );
     }, this.getMaxScrollOffset = () => {
@@ -1112,423 +1751,1002 @@ class zt {
       if ("scrollHeight" in this.scrollElement)
         return this.options.horizontal ? this.scrollElement.scrollWidth - this.scrollElement.clientWidth : this.scrollElement.scrollHeight - this.scrollElement.clientHeight;
       {
-        const e = this.scrollElement.document.documentElement;
-        return this.options.horizontal ? e.scrollWidth - this.scrollElement.innerWidth : e.scrollHeight - this.scrollElement.innerHeight;
+        const t = this.scrollElement.document.documentElement;
+        return this.options.horizontal ? t.scrollWidth - this.scrollElement.innerWidth : t.scrollHeight - this.scrollElement.innerHeight;
       }
-    }, this.getOffsetForAlignment = (e, n, s = 0) => {
+    }, this.getOffsetForAlignment = (t, n, r = 0) => {
       if (!this.scrollElement) return 0;
-      const i = this.getSize(), o = this.getScrollOffset();
-      n === "auto" && (n = e >= o + i ? "end" : "start"), n === "center" ? e += (s - i) / 2 : n === "end" && (e -= i);
+      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, e), 0);
-    }, this.getOffsetForIndex = (e, n = "auto") => {
-      e = Math.max(0, Math.min(e, this.options.count - 1));
-      const s = this.measurementsCache[e];
-      if (!s)
+      return Math.max(Math.min(l, 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(), o = this.getScrollOffset();
+      const i = this.getSize(), a = this.getScrollOffset();
       if (n === "auto")
-        if (s.end >= o + i - this.options.scrollPaddingEnd)
+        if (r.end >= a + i - this.options.scrollPaddingEnd)
           n = "end";
-        else if (s.start <= o + this.options.scrollPaddingStart)
+        else if (r.start <= a + this.options.scrollPaddingStart)
           n = "start";
         else
-          return [o, n];
-      if (n === "end" && e === this.options.count - 1)
+          return [a, n];
+      if (n === "end" && t === this.options.count - 1)
         return [this.getMaxScrollOffset(), n];
-      const l = n === "end" ? s.end + this.options.scrollPaddingEnd : s.start - this.options.scrollPaddingStart;
+      const l = n === "end" ? r.end + this.options.scrollPaddingEnd : r.start - this.options.scrollPaddingStart;
       return [
-        this.getOffsetForAlignment(l, n, s.size),
+        this.getOffsetForAlignment(l, n, r.size),
         n
       ];
-    }, this.isDynamicMode = () => this.elementsCache.size > 0, this.scrollToOffset = (e, { align: n = "start", behavior: s } = {}) => {
-      s === "smooth" && this.isDynamicMode() && console.warn(
+    }, 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(e, n), {
+      ), this._scrollToOffset(this.getOffsetForAlignment(t, n), {
         adjustments: void 0,
-        behavior: s
+        behavior: r
       });
-    }, this.scrollToIndex = (e, { align: n = "auto", behavior: s } = {}) => {
-      s === "smooth" && this.isDynamicMode() && console.warn(
+    }, 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."
-      ), e = Math.max(0, Math.min(e, this.options.count - 1)), this.currentScrollToIndex = e;
+      ), t = Math.max(0, Math.min(t, this.options.count - 1)), this.currentScrollToIndex = t;
       let i = 0;
-      const o = 10, l = (m) => {
+      const a = 10, l = (f) => {
         if (!this.targetWindow) return;
-        const f = this.getOffsetForIndex(e, m);
-        if (!f) {
-          console.warn("Failed to get offset for index:", e);
+        const d = this.getOffsetForIndex(t, f);
+        if (!d) {
+          console.warn("Failed to get offset for index:", t);
           return;
         }
-        const [v, u] = f;
-        this._scrollToOffset(v, { adjustments: void 0, behavior: s }), this.targetWindow.requestAnimationFrame(() => {
-          const d = () => {
-            if (this.currentScrollToIndex !== e) return;
-            const y = this.getScrollOffset(), x = this.getOffsetForIndex(e, u);
-            if (!x) {
-              console.warn("Failed to get offset for index:", e);
+        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;
             }
-            Ct(x[0], y) || g(u);
+            On(v[0], j) || h(p);
           };
-          this.isDynamicMode() ? this.targetWindow.requestAnimationFrame(d) : d();
+          this.isDynamicMode() ? this.targetWindow.requestAnimationFrame(x) : x();
         });
-      }, g = (m) => {
-        this.targetWindow && this.currentScrollToIndex === e && (i++, i < o ? (process.env.NODE_ENV !== "production" && this.options.debug && console.info("Schedule retry", i, o), this.targetWindow.requestAnimationFrame(() => l(m))) : console.warn(
-          `Failed to scroll to index ${e} after ${o} attempts.`
+      }, 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 = (e, { behavior: 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() + e, {
+      ), this._scrollToOffset(this.getScrollOffset() + t, {
         adjustments: void 0,
         behavior: n
       });
     }, this.getTotalSize = () => {
-      var e;
+      var t;
       const n = this.getMeasurements();
-      let s;
+      let r;
       if (n.length === 0)
-        s = this.options.paddingStart;
+        r = this.options.paddingStart;
       else if (this.options.lanes === 1)
-        s = ((e = n[n.length - 1]) == null ? void 0 : e.end) ?? 0;
+        r = ((t = n[n.length - 1]) == null ? void 0 : t.end) ?? 0;
       else {
         const i = Array(this.options.lanes).fill(null);
-        let o = n.length - 1;
-        for (; o >= 0 && i.some((l) => l === null); ) {
-          const l = n[o];
-          i[l.lane] === null && (i[l.lane] = l.end), o--;
+        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--;
         }
-        s = Math.max(...i.filter((l) => l !== null));
+        r = Math.max(...i.filter((l) => l !== null));
       }
       return Math.max(
-        s - this.options.scrollMargin + this.options.paddingEnd,
+        r - this.options.scrollMargin + this.options.paddingEnd,
         0
       );
-    }, this._scrollToOffset = (e, {
+    }, this._scrollToOffset = (t, {
       adjustments: n,
-      behavior: s
+      behavior: r
     }) => {
-      this.options.scrollToFn(e, { behavior: s, adjustments: n }, this);
+      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(c);
+    }, this.setOptions(o);
   }
 }
-const Le = (t, c, e, n) => {
-  for (; t <= c; ) {
-    const s = (t + c) / 2 | 0, i = e(s);
+const qt = (e, o, t, n) => {
+  for (; e <= o; ) {
+    const r = (e + o) / 2 | 0, i = t(r);
     if (i < n)
-      t = s + 1;
+      e = r + 1;
     else if (i > n)
-      c = s - 1;
+      o = r - 1;
     else
-      return s;
+      return r;
   }
-  return t > 0 ? t - 1 : 0;
+  return e > 0 ? e - 1 : 0;
 };
-function Mt({
-  measurements: t,
-  outerSize: c,
-  scrollOffset: e,
+function Ln({
+  measurements: e,
+  outerSize: o,
+  scrollOffset: t,
   lanes: n
 }) {
-  const s = t.length - 1, i = (g) => t[g].start;
-  if (t.length <= n)
+  const r = e.length - 1, i = (h) => e[h].start;
+  if (e.length <= n)
     return {
       startIndex: 0,
-      endIndex: s
+      endIndex: r
     };
-  let o = Le(
+  let a = qt(
     0,
-    s,
+    r,
     i,
-    e
-  ), l = o;
+    t
+  ), l = a;
   if (n === 1)
-    for (; l < s && t[l].end < e + c; )
+    for (; l < r && e[l].end < t + o; )
       l++;
   else if (n > 1) {
-    const g = Array(n).fill(0);
-    for (; l < s && g.some((f) => f < e + c); ) {
-      const f = t[l];
-      g[f.lane] = f.end, l++;
+    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(e + c);
-    for (; o >= 0 && m.some((f) => f >= e); ) {
-      const f = t[o];
-      m[f.lane] = f.start, 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--;
     }
-    o = Math.max(0, o - o % n), l = Math.min(s, l + (n - 1 - l % n));
+    a = Math.max(0, a - a % n), l = Math.min(r, l + (n - 1 - l % n));
   }
-  return { startIndex: o, endIndex: l };
+  return { startIndex: a, endIndex: l };
 }
-const De = typeof document < "u" ? me.useLayoutEffect : me.useEffect;
-function It({
-  useFlushSync: t = !0,
-  ...c
+const Ft = typeof document < "u" ? He.useLayoutEffect : He.useEffect;
+function $n({
+  useFlushSync: e = !0,
+  ...o
 }) {
-  const e = me.useReducer(() => ({}), {})[1], n = {
-    ...c,
-    onChange: (i, o) => {
+  const t = He.useReducer(() => ({}), {})[1], n = {
+    ...o,
+    onChange: (i, a) => {
       var l;
-      t && o ? ut(e) : e(), (l = c.onChange) == null || l.call(c, i, o);
+      e && a ? on(t) : t(), (l = o.onChange) == null || l.call(o, i, a);
     }
-  }, [s] = me.useState(
-    () => new zt(n)
+  }, [r] = He.useState(
+    () => new Pn(n)
   );
-  return s.setOptions(n), De(() => s._didMount(), []), De(() => s._willUpdate()), s;
+  return r.setOptions(n), Ft(() => r._didMount(), []), Ft(() => r._willUpdate()), r;
 }
-function Dt(t) {
-  return It({
-    observeElementRect: Rt,
-    observeElementOffset: kt,
-    scrollToFn: At,
-    ...t
+function Vn(e) {
+  return $n({
+    observeElementRect: Dn,
+    observeElementOffset: Fn,
+    scrollToFn: In,
+    ...e
   });
 }
-const Gt = ({
-  data: t,
-  columns: c,
-  rowHeight: e = 40,
+const dr = ({
+  data: e,
+  columns: o,
+  rowHeight: t = 40,
   height: n = 600,
-  className: s = "",
+  className: r = "",
   headerClassName: i = "",
-  rowClassName: o,
+  rowClassName: a,
   onRowClick: l,
-  overscan: g = 5
+  overscan: h = 5
 }) => {
-  const m = pe(null), f = Dt({
-    count: t.length,
-    getScrollElement: () => m.current,
-    estimateSize: () => e,
-    overscan: g
-  }), v = f.getVirtualItems();
-  return /* @__PURE__ */ a.jsxs("div", { className: s, children: [
-    /* @__PURE__ */ a.jsx(
+  const f = xe(null), d = Vn({
+    count: e.length,
+    getScrollElement: () => f.current,
+    estimateSize: () => t,
+    overscan: h
+  }), m = d.getVirtualItems();
+  return /* @__PURE__ */ s.jsxs("div", { className: r, children: [
+    /* @__PURE__ */ s.jsx(
       "div",
       {
-        className: `grid border-b sticky top-0 bg-background z-10 ${i}`,
+        className: `grid border-b sticky top-0 bg-muted/30 z-10 ${i}`,
         style: {
-          gridTemplateColumns: c.map((u) => u.width || "1fr").join(" ")
+          gridTemplateColumns: o.map((p) => p.width || "1fr").join(" ")
         },
-        children: c.map((u, d) => /* @__PURE__ */ a.jsx(
+        children: o.map((p, x) => /* @__PURE__ */ s.jsx(
           "div",
           {
-            className: `px-4 py-2 font-semibold text-sm ${u.align === "center" ? "text-center" : u.align === "right" ? "text-right" : "text-left"}`,
-            children: u.header
+            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"}`,
+            children: p.header
           },
-          d
+          x
         ))
       }
     ),
-    /* @__PURE__ */ a.jsx(
+    /* @__PURE__ */ s.jsx(
       "div",
       {
-        ref: m,
+        ref: f,
         className: "overflow-auto",
         style: {
           height: typeof n == "number" ? `${n}px` : n,
           contain: "strict"
         },
-        children: /* @__PURE__ */ a.jsx(
+        children: /* @__PURE__ */ s.jsx(
           "div",
           {
             style: {
-              height: `${f.getTotalSize()}px`,
+              height: `${d.getTotalSize()}px`,
               width: "100%",
               position: "relative"
             },
-            children: v.map((u) => {
-              const d = t[u.index], y = typeof o == "function" ? o(d, u.index) : o || "";
-              return /* @__PURE__ */ a.jsx(
+            children: m.map((p) => {
+              const x = e[p.index], j = typeof a == "function" ? a(x, p.index) : a || "";
+              return /* @__PURE__ */ s.jsx(
                 "div",
                 {
-                  className: `grid border-b hover:bg-muted/50 cursor-pointer ${y}`,
+                  className: `grid border-b hover:bg-muted/50 cursor-pointer ${j}`,
                   style: {
                     position: "absolute",
                     top: 0,
                     left: 0,
                     width: "100%",
-                    height: `${u.size}px`,
-                    transform: `translateY(${u.start}px)`,
-                    gridTemplateColumns: c.map((x) => x.width || "1fr").join(" ")
+                    height: `${p.size}px`,
+                    transform: `translateY(${p.start}px)`,
+                    gridTemplateColumns: o.map((v) => v.width || "1fr").join(" ")
                   },
-                  onClick: () => l?.(d, u.index),
-                  children: c.map((x, S) => {
-                    const R = d[x.accessorKey], _ = x.cell ? x.cell(R, d) : R;
-                    return /* @__PURE__ */ a.jsx(
+                  onClick: () => l?.(x, p.index),
+                  children: o.map((v, k) => {
+                    const T = x[v.accessorKey], D = v.cell ? v.cell(T, x) : T;
+                    return /* @__PURE__ */ s.jsx(
                       "div",
                       {
-                        className: `px-4 py-2 text-sm flex items-center ${x.align === "center" ? "text-center justify-center" : x.align === "right" ? "text-right justify-end" : "text-left justify-start"}`,
-                        children: _
+                        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"}`,
+                        children: D
                       },
-                      S
+                      k
                     );
                   })
                 },
-                u.key
+                p.key
               );
             })
           }
         )
       }
     ),
-    /* @__PURE__ */ a.jsxs("div", { className: "px-4 py-2 text-xs text-muted-foreground border-t", children: [
+    /* @__PURE__ */ s.jsxs("div", { className: "px-4 py-2 text-xs text-muted-foreground border-t", children: [
       "Showing ",
-      v.length,
+      m.length,
       " of ",
-      t.length,
+      e.length,
       " rows (virtual scrolling enabled)"
     ] })
   ] });
+}, Kn = 10;
+function Wn(e) {
+  const o = [];
+  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;
+  }
+  return t.push(n.trim()), t.some((i) => i !== "") && o.push(t), o;
+}
+function Bt(e, o) {
+  if (!e) return !0;
+  switch (o) {
+    case "number":
+    case "currency":
+    case "percent":
+      return !isNaN(Number(e));
+    case "boolean":
+      return ["true", "false", "1", "0", "yes", "no"].includes(e.toLowerCase());
+    case "date":
+    case "datetime":
+      return !isNaN(Date.parse(e));
+    default:
+      return !0;
+  }
+}
+function qn(e, o) {
+  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;
+    });
+    a && (t[r] = a.name);
+  }), t;
+}
+function Bn(e, o, t) {
+  const n = [], r = {};
+  for (const i of o) {
+    const a = e[i.csvIdx] ?? "";
+    if (i.field.required && !a) {
+      n.push({ row: t, field: i.field.name, message: "Required field is empty" });
+      continue;
+    }
+    if (a && !Bt(a, i.field.type)) {
+      n.push({ row: t, field: i.field.name, message: `Invalid ${i.field.type} value: "${a}"` });
+      continue;
+    }
+    r[i.field.name] = a;
+  }
+  return { record: r, errors: n };
+}
+const Un = ({ onFileLoaded: e }) => {
+  const [o, t] = F(!1), [n, r] = F(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) {
+        r("File must contain a header row and at least one data row.");
+        return;
+      }
+      e(f[0], f.slice(1));
+    }, l.readAsText(a);
+  }, [e]);
+  return /* @__PURE__ */ s.jsxs("div", { className: "flex flex-col items-center gap-4 py-6", children: [
+    /* @__PURE__ */ s.jsxs(
+      "div",
+      {
+        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"
+        ),
+        onDragOver: (a) => {
+          a.preventDefault(), t(!0);
+        },
+        onDragLeave: () => t(!1),
+        onDrop: (a) => {
+          a.preventDefault(), t(!1);
+          const l = a.dataTransfer.files[0];
+          l && i(l);
+        },
+        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);
+            } }),
+            /* @__PURE__ */ s.jsx(le, { variant: "outline", size: "sm", asChild: !0, children: /* @__PURE__ */ s.jsx("span", { children: "Browse Files" }) })
+          ] })
+        ]
+      }
+    ),
+    n && /* @__PURE__ */ s.jsxs("p", { className: "flex items-center gap-1 text-sm text-destructive", children: [
+      /* @__PURE__ */ s.jsx(Kt, { className: "h-4 w-4" }),
+      " ",
+      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);
+  }, [t, n]);
+  return /* @__PURE__ */ s.jsx("div", { className: "max-h-[360px] overflow-auto", children: /* @__PURE__ */ s.jsxs(Lt, { 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(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(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))
+        ] })
+      ] }) }),
+      /* @__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)) })
+  ] }) });
+}, 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}`);
+    }
+    return d;
+  }), [i, r]), l = a.filter((h) => Object.keys(h).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: [
+      /* @__PURE__ */ s.jsx(Kt, { className: "h-3.5 w-3.5" }),
+      " ",
+      l,
+      " row(s) with errors in preview"
+    ] }),
+    /* @__PURE__ */ s.jsxs(Lt, { 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(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 }),
+          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);
+          })
+        ] }, f);
+      }) })
+    ] }),
+    /* @__PURE__ */ s.jsxs("p", { className: "mt-2 text-xs text-muted-foreground", children: [
+      "Showing ",
+      i.length,
+      " of ",
+      o.length,
+      " rows"
+    ] })
+  ] });
+}, Yn = ({
+  objectName: e,
+  objectLabel: o,
+  fields: t,
+  dataSource: n,
+  onComplete: r,
+  onCancel: i,
+  open: a,
+  onOpenChange: l,
+  onErrorMode: h = "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");
+  }, [t]), Re = M(async () => {
+    D(!0), G(0);
+    const L = [];
+    let J = 0, fe = 0;
+    const ie = Object.entries(v).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;
+      } else
+        try {
+          n?.create && await n.create(e, be), J++;
+        } catch (u) {
+          fe++;
+          const _ = u instanceof Error ? u.message : "Failed to create record";
+          if (L.push({ row: ee + 1, field: "", message: _ }), h === "stop") break;
+        }
+      G(Math.round((ee + 1) / x.length * 100));
+    }
+    const we = { totalRows: x.length, importedRows: J, skippedRows: fe, errors: L };
+    H(we), D(!1), r?.(we);
+  }, [x, v, t, n, e, r, h]), ae = M(() => {
+    d("upload"), p([]), j([]), 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();
+  }, 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: [
+        /* @__PURE__ */ s.jsx(Zs, { className: "h-5 w-5" }),
+        " Import ",
+        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."
+      ] })
+    ] }),
+    /* @__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: [
+      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: [
+        J + 1,
+        ". ",
+        L === "upload" ? "Upload" : L === "mapping" ? "Mapping" : "Preview"
+      ] })
+    ] }, L)) }),
+    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" }),
+      /* @__PURE__ */ s.jsxs("div", { className: "flex gap-3", children: [
+        /* @__PURE__ */ s.jsxs(Te, { variant: "default", children: [
+          W.importedRows,
+          " imported"
+        ] }),
+        W.skippedRows > 0 && /* @__PURE__ */ s.jsxs(Te, { variant: "destructive", children: [
+          W.skippedRows,
+          " skipped"
+        ] })
+      ] }),
+      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: [
+          "Row ",
+          L.row,
+          L.field ? ` (${L.field})` : "",
+          ": ",
+          L.message
+        ] }, J)),
+        W.errors.length > 10 && /* @__PURE__ */ s.jsxs("p", { className: "text-muted-foreground", children: [
+          "…and ",
+          W.errors.length - 10,
+          " more errors"
+        ] })
+      ] })
+    ] }) : /* @__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 }),
+      T && /* @__PURE__ */ s.jsxs("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ s.jsx(Ds, { value: z, className: "h-2" }),
+        /* @__PURE__ */ s.jsxs("p", { className: "text-center text-xs text-muted-foreground", children: [
+          "Importing… ",
+          z,
+          "%"
+        ] })
+      ] })
+    ] }),
+    /* @__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.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: [
+        /* @__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: [
+        "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` })
+    ] }) })
+  ] }) });
 };
-function Kt({
-  value: t,
-  onSave: c,
-  onCancel: e,
+function ur({
+  value: e,
+  onSave: o,
+  onCancel: t,
   validate: n,
-  type: s = "text",
+  type: r = "text",
   placeholder: i,
-  editing: o = !1,
+  editing: a = !1,
   className: l,
-  disabled: g = !1
+  disabled: h = !1
 }) {
-  const [m, f] = D(o), [v, u] = D(String(t ?? "")), [d, y] = D(), [x, S] = D(!1), R = pe(null);
-  re(() => {
-    m || u(String(t ?? ""));
-  }, [t, m]), re(() => {
-    m && R.current && (R.current.focus(), R.current.select());
-  }, [m]);
-  const _ = $(() => {
-    g || (f(!0), u(String(t ?? "")), y(void 0));
-  }, [g, t]), F = $(() => {
-    f(!1), u(String(t ?? "")), y(void 0), e?.();
-  }, [t, e]), A = $(async () => {
+  const [f, d] = F(a), [m, p] = F(String(e ?? "")), [x, j] = F(), [v, k] = F(!1), T = xe(null);
+  me(() => {
+    f || p(String(e ?? ""));
+  }, [e, f]), me(() => {
+    f && T.current && (T.current.focus(), T.current.select());
+  }, [f]);
+  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?.();
+  }, [e, t]), G = M(async () => {
     if (n) {
-      const L = n(v);
-      if (L) {
-        y(L);
+      const re = n(m);
+      if (re) {
+        j(re);
         return;
       }
     }
-    const k = s === "number" ? Number(v) : v;
-    S(!0);
+    const H = r === "number" ? Number(m) : m;
+    k(!0);
     try {
-      const L = await c(k);
-      if (typeof L == "string") {
-        y(L), S(!1);
+      const re = await o(H);
+      if (typeof re == "string") {
+        j(re), k(!1);
         return;
       }
-      f(!1), y(void 0);
-    } catch (L) {
-      y(L?.message || "Save failed");
+      d(!1), j(void 0);
+    } catch (re) {
+      j(re?.message || "Save failed");
     } finally {
-      S(!1);
+      k(!1);
     }
-  }, [v, n, s, c]), K = $(
-    (k) => {
-      k.key === "Enter" ? (k.preventDefault(), A()) : k.key === "Escape" && (k.preventDefault(), F());
+  }, [m, n, r, o]), W = M(
+    (H) => {
+      H.key === "Enter" ? (H.preventDefault(), G()) : H.key === "Escape" && (H.preventDefault(), z());
     },
-    [A, F]
+    [G, z]
   );
-  return m ? /* @__PURE__ */ a.jsxs(
+  return f ? /* @__PURE__ */ s.jsxs(
     "div",
     {
       "data-slot": "inline-editing",
-      className: fe("relative flex items-center gap-1", l),
+      className: ue("relative flex items-center gap-1", l),
       children: [
-        /* @__PURE__ */ a.jsxs("div", { className: "flex-1 relative", children: [
-          /* @__PURE__ */ a.jsx(
+        /* @__PURE__ */ s.jsxs("div", { className: "flex-1 relative", children: [
+          /* @__PURE__ */ s.jsx(
             "input",
             {
-              ref: R,
+              ref: T,
               "data-slot": "inline-editing-input",
-              type: s,
-              value: v,
-              onChange: (k) => {
-                u(k.target.value), d && y(void 0);
+              type: r,
+              value: m,
+              onChange: (H) => {
+                p(H.target.value), x && j(void 0);
               },
-              onKeyDown: K,
+              onKeyDown: W,
               placeholder: i,
-              disabled: x,
-              "aria-invalid": !!d,
-              "aria-describedby": d ? "inline-editing-error" : void 0,
-              className: fe(
+              disabled: v,
+              "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",
-                d ? "border-destructive focus:ring-destructive/30" : "border-input",
-                x && "opacity-50"
+                x ? "border-destructive focus:ring-destructive/30" : "border-input",
+                v && "opacity-50"
               )
             }
           ),
-          d && /* @__PURE__ */ a.jsx(
+          x && /* @__PURE__ */ s.jsx(
             "p",
             {
               id: "inline-editing-error",
               "data-slot": "inline-editing-error",
               className: "absolute left-0 top-full mt-0.5 text-xs text-destructive",
               role: "alert",
-              children: d
+              children: x
             }
           )
         ] }),
-        /* @__PURE__ */ a.jsx(
+        /* @__PURE__ */ s.jsx(
           "button",
           {
             "data-slot": "inline-editing-save",
             type: "button",
-            onClick: A,
-            disabled: x,
+            onClick: G,
+            disabled: v,
             "aria-label": "Save",
-            className: fe(
+            className: ue(
               "inline-flex h-6 w-6 items-center justify-center rounded text-primary hover:bg-primary/10 transition-colors",
-              x && "opacity-50 cursor-not-allowed"
+              v && "opacity-50 cursor-not-allowed"
             ),
-            children: /* @__PURE__ */ a.jsx(at, { className: "h-3.5 w-3.5" })
+            children: /* @__PURE__ */ s.jsx(Wt, { className: "h-3.5 w-3.5" })
           }
         ),
-        /* @__PURE__ */ a.jsx(
+        /* @__PURE__ */ s.jsx(
           "button",
           {
             "data-slot": "inline-editing-cancel",
             type: "button",
-            onClick: F,
-            disabled: x,
+            onClick: z,
+            disabled: v,
             "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__ */ a.jsx(ct, { className: "h-3.5 w-3.5" })
+            children: /* @__PURE__ */ s.jsx(it, { className: "h-3.5 w-3.5" })
           }
         )
       ]
     }
-  ) : /* @__PURE__ */ a.jsx(
+  ) : /* @__PURE__ */ s.jsx(
     "div",
     {
       "data-slot": "inline-editing",
-      className: fe(
+      className: ue(
         "group relative cursor-pointer rounded px-2 py-1 hover:bg-muted/50 transition-colors min-h-[1.75rem] flex items-center",
-        g && "cursor-default opacity-60",
+        h && "cursor-default opacity-60",
         l
       ),
-      onClick: _,
+      onClick: D,
       role: "button",
-      tabIndex: g ? -1 : 0,
-      onKeyDown: (k) => {
-        (k.key === "Enter" || k.key === " ") && (k.preventDefault(), _());
+      tabIndex: h ? -1 : 0,
+      onKeyDown: (H) => {
+        (H.key === "Enter" || H.key === " ") && (H.preventDefault(), D());
       },
-      "aria-label": `Edit value: ${String(t ?? "")}`,
-      children: /* @__PURE__ */ a.jsx("span", { "data-slot": "inline-editing-display", className: "truncate text-sm", children: t != null && String(t) !== "" ? String(t) : /* @__PURE__ */ a.jsx("span", { className: "text-muted-foreground italic", children: i || "Click to edit" }) })
+      "aria-label": `Edit value: ${String(e ?? "")}`,
+      children: /* @__PURE__ */ s.jsx("span", { "data-slot": "inline-editing-display", className: "truncate text-sm", children: e != null && String(e) !== "" ? String(e) : /* @__PURE__ */ s.jsx("span", { className: "text-muted-foreground italic", children: i || "Click to edit" }) })
+    }
+  );
+}
+function zt(e) {
+  return {
+    startRow: Math.min(e.startRow, e.endRow),
+    startCol: Math.min(e.startCol, e.endCol),
+    endRow: Math.max(e.startRow, e.endRow),
+    endCol: Math.max(e.startCol, e.endCol)
+  };
+}
+function fr({
+  data: e,
+  columns: o,
+  onPaste: t,
+  enabled: n = !0
+}) {
+  const [r, i] = F(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];
+      if (!k) continue;
+      const T = [];
+      for (let D = d; D <= p; D++) {
+        const z = o[D];
+        T.push(z ? String(k[z] ?? "") : "");
+      }
+      x.push(T.join("	"));
+    }
+    const j = x.join(`
+`);
+    navigator.clipboard.writeText(j);
+  }, [n, r, e, o]), l = M(() => {
+    if (!n || !r || !t) return;
+    const { startRow: f, startCol: d } = zt(r);
+    navigator.clipboard.readText().then((m) => {
+      const p = [], x = m.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] });
+        }
+      }
+      p.length > 0 && t(p);
+    });
+  }, [n, r, o, e.length, t]), h = M(
+    (f) => {
+      if (!n) return;
+      const d = f.metaKey || f.ctrlKey;
+      d && f.key === "c" ? (f.preventDefault(), a()) : d && f.key === "v" && (f.preventDefault(), l());
+    },
+    [n, a, l]
+  );
+  return me(() => {
+    n || i(null);
+  }, [n]), { selectedRange: r, setSelectedRange: i, onCopy: a, onPaste: l, onKeyDown: h };
+}
+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) {
+  let t = 1 / 0, n = -1 / 0;
+  for (const r of e) {
+    const i = Number(r[o]);
+    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);
+  }
+  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;
+  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)));
+      return Qn(p, i);
+    },
+    [o, h, f, i]
+  );
+}
+const It = "text/x-group-key";
+function hr({ groupKeys: e }) {
+  const [o, t] = F(e), [n, r] = F(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];
+    });
+  }, [e]);
+  const i = M((d, m) => {
+    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;
+    });
+  }, []), 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;
+      });
+    },
+    []
+  ), f = M(() => {
+    r(null);
+  }, []);
+  return {
+    groupOrder: o,
+    moveGroup: i,
+    onDragStart: a,
+    onDragOver: l,
+    onDrop: h,
+    onDragEnd: f,
+    draggingKey: n
+  };
+}
+function pr({
+  value: e,
+  onChange: o,
+  onConfirm: t,
+  onCancel: n,
+  activeCell: r,
+  disabled: i = !1,
+  className: a
+}) {
+  const [l, h] = F(!1), [f, d] = F(e), m = xe(null);
+  me(() => {
+    l || d(e);
+  }, [e, l]), me(() => {
+    l && m.current && (m.current.focus(), m.current.select());
+  }, [l]);
+  const p = M(() => {
+    i || (h(!0), d(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(
+    (k) => {
+      k.key === "Enter" ? (k.preventDefault(), x()) : k.key === "Escape" && (k.preventDefault(), j());
+    },
+    [x, j]
+  );
+  return /* @__PURE__ */ s.jsxs(
+    "div",
+    {
+      className: ue(
+        "flex items-center gap-2 border-b border-border bg-muted/30 px-3 py-1.5",
+        a
+      ),
+      children: [
+        /* @__PURE__ */ s.jsx(nn, { className: "h-4 w-4 shrink-0 text-muted-foreground" }),
+        r && /* @__PURE__ */ s.jsx("span", { className: "min-w-[4rem] shrink-0 rounded bg-muted px-2 py-0.5 text-xs font-medium text-muted-foreground", children: r }),
+        /* @__PURE__ */ s.jsx(
+          "input",
+          {
+            ref: m,
+            type: "text",
+            value: l ? f : e,
+            readOnly: !l,
+            disabled: i,
+            onClick: p,
+            onChange: (k) => d(k.target.value),
+            onKeyDown: v,
+            className: ue(
+              "flex-1 bg-transparent text-sm outline-none placeholder:text-muted-foreground",
+              l && "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: [
+          /* @__PURE__ */ s.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: x,
+              className: "rounded p-0.5 text-green-600 hover:bg-green-100",
+              "aria-label": "Confirm",
+              children: /* @__PURE__ */ s.jsx(Wt, { className: "h-4 w-4" })
+            }
+          ),
+          /* @__PURE__ */ s.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: j,
+              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" })
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+function gr({
+  frozenWidth: e,
+  onResize: o,
+  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 k = (D) => {
+        if (!d.current || !l.current) return;
+        const z = l.current.offsetWidth, G = D.clientX - m.current;
+        let W = p.current + G;
+        W = Math.max(W, t), W = Math.min(W, z - n), o ? o(W) : f(W);
+      }, T = () => {
+        d.current = !1, document.removeEventListener("pointermove", k), document.removeEventListener("pointerup", T);
+      };
+      document.addEventListener("pointermove", k), document.addEventListener("pointerup", T);
+    },
+    [x, t, n, o]
+  );
+  return /* @__PURE__ */ s.jsxs(
+    "div",
+    {
+      ref: l,
+      className: ue("flex h-full w-full overflow-hidden", a),
+      children: [
+        /* @__PURE__ */ s.jsx(
+          "div",
+          {
+            className: "shrink-0 overflow-auto",
+            style: { width: x },
+            children: r
+          }
+        ),
+        /* @__PURE__ */ s.jsx(
+          "div",
+          {
+            role: "separator",
+            "aria-orientation": "vertical",
+            onPointerDown: j,
+            className: ue(
+              "flex w-2 cursor-col-resize items-center justify-center",
+              "border-x border-border bg-muted/50 hover:bg-muted",
+              "transition-colors"
+            ),
+            children: /* @__PURE__ */ s.jsx(rn, { className: "h-4 w-4 text-muted-foreground" })
+          }
+        ),
+        /* @__PURE__ */ s.jsx("div", { className: "min-w-0 flex-1 overflow-auto", children: i })
+      ]
     }
   );
 }
-const $e = ({ schema: t, ...c }) => {
-  const { dataSource: e } = Ze() || {};
-  return /* @__PURE__ */ a.jsx(St, { schema: t, dataSource: e, ...c });
+const Ut = ({ schema: e, ...o }) => {
+  const { dataSource: t } = Pt() || {};
+  return /* @__PURE__ */ s.jsx(_n, { schema: e, dataSource: t, ...o });
 };
-Fe.register("object-grid", $e, {
+rt.register("object-grid", Ut, {
   namespace: "plugin-grid",
   label: "Object Grid",
   category: "plugin",
@@ -1538,7 +2756,7 @@ Fe.register("object-grid", $e, {
     { name: "filters", type: "array", label: "Filters" }
   ]
 });
-Fe.register("grid", $e, {
+rt.register("grid", Ut, {
   namespace: "view",
   label: "Data Grid",
   category: "view",
@@ -1548,11 +2766,44 @@ Fe.register("grid", $e, {
     { name: "filters", type: "array", label: "Filters" }
   ]
 });
+const Zn = ({ schema: e, ...o }) => {
+  const { dataSource: t } = Pt() || {};
+  return /* @__PURE__ */ s.jsx(
+    Yn,
+    {
+      objectName: e.objectName,
+      objectLabel: e.objectLabel,
+      fields: e.fields ?? [],
+      dataSource: t,
+      ...o
+    }
+  );
+};
+rt.register("import-wizard", Zn, {
+  namespace: "plugin-grid",
+  label: "Import Wizard",
+  category: "plugin",
+  inputs: [
+    { name: "objectName", type: "string", label: "Object Name", required: !0 },
+    { name: "fields", type: "array", label: "Fields", required: !0 }
+  ]
+});
 export {
-  Kt as InlineEditing,
-  St as ObjectGrid,
-  $e as ObjectGridRenderer,
-  Gt as VirtualGrid,
-  wt as useGroupedData,
-  xt as useRowColor
+  _t as BulkActionBar,
+  pr as FormulaBar,
+  vn as GroupRow,
+  Yn as ImportWizard,
+  ur as InlineEditing,
+  _n as ObjectGrid,
+  Ut as ObjectGridRenderer,
+  Sn as RowActionMenu,
+  gr as SplitPaneGrid,
+  dr as VirtualGrid,
+  ot as formatActionLabel,
+  fr as useCellClipboard,
+  Cn as useColumnSummary,
+  mr as useGradientColor,
+  hr as useGroupReorder,
+  yn as useGroupedData,
+  hn as useRowColor
 };