@object-ui/plugin-grid 2.0.0 → 3.0.0

package/dist/index.js

@@ -1,155 +1,155 @@
-import * as le from "react";
-import Se, { useState as ie, useEffect as ae, useCallback as Ce, useRef as _e } from "react";
-import { ComponentRegistry as we } from "@object-ui/core";
-import { useDataScope as Re, useNavigationOverlay as Ae, useAction as Te, SchemaRenderer as ce, useSchemaContext as Ne } from "@object-ui/react";
-import { getCellRenderer as ue } from "@object-ui/fields";
-import { DropdownMenu as ke, DropdownMenuTrigger as ze, Button as Me, DropdownMenuContent as Ie, DropdownMenuItem as de, NavigationOverlay as fe } from "@object-ui/components";
-import { MoreVertical as De, Edit as Fe, Trash2 as Pe } from "lucide-react";
-import { flushSync as $e } from "react-dom";
-var oe = { exports: {} }, te = {};
-var he;
-function We() {
-  if (he) return te;
-  he = 1;
-  var n = /* @__PURE__ */ Symbol.for("react.transitional.element"), a = /* @__PURE__ */ Symbol.for("react.fragment");
-  function e(s, t, i) {
+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), t.key !== void 0 && (o = "" + t.key), "key" in t) {
+    if (i !== void 0 && (o = "" + i), s.key !== void 0 && (o = "" + s.key), "key" in s) {
       i = {};
-      for (var l in t)
-        l !== "key" && (i[l] = t[l]);
-    } else i = t;
-    return t = i.ref, {
-      $$typeof: n,
-      type: s,
+      for (var l in s)
+        l !== "key" && (i[l] = s[l]);
+    } else i = s;
+    return s = i.ref, {
+      $$typeof: t,
+      type: n,
       key: o,
-      ref: t !== void 0 ? t : null,
+      ref: s !== void 0 ? s : null,
       props: i
     };
   }
-  return te.Fragment = a, te.jsx = e, te.jsxs = e, te;
+  return ue.Fragment = c, ue.jsx = e, ue.jsxs = e, ue;
 }
-var ne = {};
-var me;
-function Le() {
-  return me || (me = 1, process.env.NODE_ENV !== "production" && (function() {
-    function n(r) {
+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 === V ? null : r.displayName || r.name || null;
+        return r.$$typeof === Z ? null : r.displayName || r.name || null;
       if (typeof r == "string") return r;
       switch (r) {
-        case j:
+        case S:
           return "Fragment";
-        case O:
+        case _:
           return "Profiler";
-        case N:
+        case R:
           return "StrictMode";
-        case L:
+        case k:
           return "Suspense";
-        case F:
+        case L:
           return "SuspenseList";
-        case U:
+        case X:
           return "Activity";
       }
       if (typeof r == "object")
         switch (typeof r.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), r.$$typeof) {
-          case v:
+          case x:
             return "Portal";
-          case k:
+          case A:
             return r.displayName || "Context";
-          case D:
+          case F:
             return (r._context.displayName || "Context") + ".Consumer";
-          case C:
+          case K:
             var h = r.render;
             return r = r.displayName, r || (r = h.displayName || h.name || "", r = r !== "" ? "ForwardRef(" + r + ")" : "ForwardRef"), r;
-          case $:
-            return h = r.displayName || null, h !== null ? h : n(r.type) || "Memo";
-          case z:
+          case ge:
+            return h = r.displayName || null, h !== null ? h : t(r.type) || "Memo";
+          case J:
             h = r._payload, r = r._init;
             try {
-              return n(r(h));
+              return t(r(h));
             } catch {
             }
         }
       return null;
     }
-    function a(r) {
+    function c(r) {
       return "" + r;
     }
     function e(r) {
       try {
-        a(r);
+        c(r);
         var h = !1;
       } catch {
         h = !0;
       }
       if (h) {
         h = console;
-        var x = h.error, S = typeof Symbol == "function" && Symbol.toStringTag && r[Symbol.toStringTag] || r.constructor.name || "Object";
-        return x.call(
+        var j = h.error, C = typeof Symbol == "function" && Symbol.toStringTag && r[Symbol.toStringTag] || r.constructor.name || "Object";
+        return j.call(
           h,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          S
-        ), a(r);
+          C
+        ), c(r);
       }
     }
-    function s(r) {
-      if (r === j) return "<>";
-      if (typeof r == "object" && r !== null && r.$$typeof === z)
+    function n(r) {
+      if (r === S) return "<>";
+      if (typeof r == "object" && r !== null && r.$$typeof === J)
         return "<...>";
       try {
-        var h = n(r);
+        var h = t(r);
         return h ? "<" + h + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function t() {
-      var r = q.A;
+    function s() {
+      var r = Q.A;
       return r === null ? null : r.getOwner();
     }
     function i() {
       return Error("react-stack-top-frame");
     }
     function o(r) {
-      if (J.call(r, "key")) {
+      if (z.call(r, "key")) {
         var h = Object.getOwnPropertyDescriptor(r, "key").get;
         if (h && h.isReactWarning) return !1;
       }
       return r.key !== void 0;
     }
     function l(r, h) {
-      function x() {
-        se || (se = !0, console.error(
+      function j() {
+        W || (W = !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
         ));
       }
-      x.isReactWarning = !0, Object.defineProperty(r, "key", {
-        get: x,
+      j.isReactWarning = !0, Object.defineProperty(r, "key", {
+        get: j,
         configurable: !0
       });
     }
-    function p() {
-      var r = n(this.type);
-      return K[r] || (K[r] = !0, console.error(
+    function g() {
+      var r = t(this.type);
+      return V[r] || (V[r] = !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;
     }
-    function g(r, h, x, S, Y, G) {
-      var f = x.ref;
+    function m(r, h, j, C, ee, te) {
+      var O = j.ref;
       return r = {
-        $$typeof: _,
+        $$typeof: y,
         type: r,
         key: h,
-        props: x,
-        _owner: S
-      }, (f !== void 0 ? f : null) !== null ? Object.defineProperty(r, "ref", {
+        props: j,
+        _owner: C
+      }, (O !== void 0 ? O : null) !== null ? Object.defineProperty(r, "ref", {
         enumerable: !1,
-        get: p
+        get: g
       }) : Object.defineProperty(r, "ref", { enumerable: !1, value: null }), r._store = {}, Object.defineProperty(r._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -164,503 +164,679 @@ function Le() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: Y
+        value: ee
       }), Object.defineProperty(r, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: G
+        value: te
       }), Object.freeze && (Object.freeze(r.props), Object.freeze(r)), r;
     }
-    function m(r, h, x, S, Y, G) {
-      var f = h.children;
-      if (f !== void 0)
-        if (S)
-          if (M(f)) {
-            for (S = 0; S < f.length; S++)
-              E(f[S]);
-            Object.freeze && Object.freeze(f);
+    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);
           } 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 E(f);
-      if (J.call(h, "key")) {
-        f = n(r);
-        var y = Object.keys(h).filter(function(w) {
-          return w !== "key";
+        else v(O);
+      if (z.call(h, "key")) {
+        O = t(r);
+        var G = Object.keys(h).filter(function(q) {
+          return q !== "key";
         });
-        S = 0 < y.length ? "{key: someKey, " + y.join(": ..., ") + ": ...}" : "{key: someKey}", re[f + S] || (y = 0 < y.length ? "{" + y.join(": ..., ") + ": ...}" : "{}", console.error(
+        C = 0 < G.length ? "{key: someKey, " + G.join(": ..., ") + ": ...}" : "{key: someKey}", ie[O + C] || (G = 0 < G.length ? "{" + G.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          S,
-          f,
-          y,
-          f
-        ), re[f + S] = !0);
+          C,
+          O,
+          G,
+          O
+        ), ie[O + C] = !0);
       }
-      if (f = null, x !== void 0 && (e(x), f = "" + x), o(h) && (e(h.key), f = "" + h.key), "key" in h) {
-        x = {};
-        for (var A in h)
-          A !== "key" && (x[A] = h[A]);
-      } else x = h;
-      return f && l(
-        x,
+      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
-      ), g(
+      ), m(
         r,
-        f,
-        x,
-        t(),
-        Y,
-        G
+        O,
+        j,
+        s(),
+        ee,
+        te
       );
     }
-    function E(r) {
-      c(r) ? r._store && (r._store.validated = 1) : typeof r == "object" && r !== null && r.$$typeof === z && (r._payload.status === "fulfilled" ? c(r._payload.value) && r._payload.value._store && (r._payload.value._store.validated = 1) : r._store && (r._store.validated = 1));
+    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 c(r) {
-      return typeof r == "object" && r !== null && r.$$typeof === _;
+    function u(r) {
+      return typeof r == "object" && r !== null && r.$$typeof === y;
     }
-    var b = Se, _ = /* @__PURE__ */ Symbol.for("react.transitional.element"), v = /* @__PURE__ */ Symbol.for("react.portal"), j = /* @__PURE__ */ Symbol.for("react.fragment"), N = /* @__PURE__ */ Symbol.for("react.strict_mode"), O = /* @__PURE__ */ Symbol.for("react.profiler"), D = /* @__PURE__ */ Symbol.for("react.consumer"), k = /* @__PURE__ */ Symbol.for("react.context"), C = /* @__PURE__ */ Symbol.for("react.forward_ref"), L = /* @__PURE__ */ Symbol.for("react.suspense"), F = /* @__PURE__ */ Symbol.for("react.suspense_list"), $ = /* @__PURE__ */ Symbol.for("react.memo"), z = /* @__PURE__ */ Symbol.for("react.lazy"), U = /* @__PURE__ */ Symbol.for("react.activity"), V = /* @__PURE__ */ Symbol.for("react.client.reference"), q = b.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, J = Object.prototype.hasOwnProperty, M = Array.isArray, B = console.createTask ? console.createTask : function() {
+    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() {
       return null;
     };
-    b = {
+    d = {
       react_stack_bottom_frame: function(r) {
         return r();
       }
     };
-    var se, K = {}, W = b.react_stack_bottom_frame.bind(
-      b,
+    var W, V = {}, H = d.react_stack_bottom_frame.bind(
+      d,
       i
-    )(), X = B(s(i)), re = {};
-    ne.Fragment = j, ne.jsx = function(r, h, x) {
-      var S = 1e4 > q.recentlyCreatedOwnerStacks++;
-      return m(
+    )(), Y = P(n(i)), ie = {};
+    de.Fragment = S, de.jsx = function(r, h, j) {
+      var C = 1e4 > Q.recentlyCreatedOwnerStacks++;
+      return f(
         r,
         h,
-        x,
+        j,
         !1,
-        S ? Error("react-stack-top-frame") : W,
-        S ? B(s(r)) : X
+        C ? Error("react-stack-top-frame") : H,
+        C ? P(n(r)) : Y
       );
-    }, ne.jsxs = function(r, h, x) {
-      var S = 1e4 > q.recentlyCreatedOwnerStacks++;
-      return m(
+    }, de.jsxs = function(r, h, j) {
+      var C = 1e4 > Q.recentlyCreatedOwnerStacks++;
+      return f(
         r,
         h,
-        x,
+        j,
         !0,
-        S ? Error("react-stack-top-frame") : W,
-        S ? B(s(r)) : X
+        C ? Error("react-stack-top-frame") : H,
+        C ? P(n(r)) : Y
       );
     };
-  })()), ne;
+  })()), de;
+}
+var ke;
+function ht() {
+  return ke || (ke = 1, process.env.NODE_ENV === "production" ? he.exports = dt() : he.exports = ft()), he.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) => {
+    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)
+      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);
+        }
+      }
+      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);
+      };
+  }, [f, v, u, n]), { ref: s, isRefreshing: i, pullDistance: l };
+}
+const pt = Be(null);
+pt.displayName = "MobileContext";
+const gt = {
+  red: "bg-red-100",
+  green: "bg-green-100",
+  blue: "bg-blue-100",
+  yellow: "bg-yellow-100",
+  orange: "bg-orange-100",
+  purple: "bg-purple-100",
+  pink: "bg-pink-100",
+  gray: "bg-gray-100",
+  grey: "bg-gray-100",
+  indigo: "bg-indigo-100",
+  teal: "bg-teal-100",
+  cyan: "bg-cyan-100",
+  amber: "bg-amber-100",
+  lime: "bg-lime-100",
+  emerald: "bg-emerald-100",
+  rose: "bg-rose-100",
+  sky: "bg-sky-100",
+  violet: "bg-violet-100",
+  fuchsia: "bg-fuchsia-100",
+  slate: "bg-slate-100",
+  zinc: "bg-zinc-100",
+  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 xt(t) {
+  return $(
+    (c) => {
+      if (!t?.field || !t.colors) return;
+      const e = String(c[t.field] ?? ""), n = t.colors[e];
+      if (n)
+        return bt(n);
+    },
+    [t?.field, t?.colors]
+  );
 }
-var pe;
-function Ve() {
-  return pe || (pe = 1, process.env.NODE_ENV === "production" ? oe.exports = We() : oe.exports = Le()), oe.exports;
+function vt(t, c) {
+  return c.map((e) => String(t[e.field] ?? "")).join(" / ");
 }
-var u = Ve();
-function Ye(n) {
-  return n.data ? Array.isArray(n.data) ? {
+function yt(t, c) {
+  return c.map((e) => {
+    const n = t[e.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 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);
+    }
+    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 };
+    });
+  }, [c, e, n, s, o]), g = $((m) => {
+    i((f) => ({
+      ...f,
+      [m]: f[m] !== void 0 ? !f[m] : !o
+    }));
+  }, [o]);
+  return { groups: l, isGrouped: n, toggleGroup: g };
+}
+function jt(t) {
+  return t.data ? Array.isArray(t.data) ? {
     provider: "value",
-    items: n.data
-  } : n.data : n.staticData ? {
+    items: t.data
+  } : t.data : t.staticData ? {
     provider: "value",
-    items: n.staticData
-  } : n.objectName ? {
+    items: t.staticData
+  } : t.objectName ? {
     provider: "object",
-    object: n.objectName
+    object: t.objectName
   } : null;
 }
-function ge(n) {
-  if (!(!n || n.length === 0))
-    return typeof n[0] == "object" && n[0] !== null, n;
+function Te(t) {
+  if (!(!t || t.length === 0))
+    return typeof t[0] == "object" && t[0] !== null, t;
 }
-const Ue = ({
-  schema: n,
-  dataSource: a,
+const St = ({
+  schema: t,
+  dataSource: c,
   onEdit: e,
-  onDelete: s,
-  onRowSelect: t,
+  onDelete: n,
+  onRowSelect: s,
   onRowClick: i,
   onCellChange: o,
   onRowSave: l,
-  onBatchSave: p,
-  ...g
+  onBatchSave: g,
+  ...m
 }) => {
-  const [m, E] = ie([]), [c, b] = ie(!0), [_, v] = ie(null), [j, N] = ie(null), O = g.data, D = Re(n.bind), k = Ye(n), C = Se.useMemo(() => O && Array.isArray(O) ? {
+  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
+  });
+  re(() => {
+    const b = () => F(window.innerWidth < 480);
+    return b(), window.addEventListener("resize", b), () => window.removeEventListener("resize", b);
+  }, []);
+  const X = m.data, Z = He(t.bind), Q = jt(t), z = Pe.useMemo(() => X && Array.isArray(X) ? {
     provider: "value",
-    items: O
-  } : D && Array.isArray(D) ? {
+    items: X
+  } : Z && Array.isArray(Z) ? {
     provider: "value",
-    items: D
-  } : k, [JSON.stringify(k), D, O]), L = C?.provider === "value", F = C?.provider === "object" && C && "object" in C ? C.object : n.objectName, $ = n.fields, z = n.columns, U = n.filter, V = n.sort, q = n.pagination, J = n.pageSize;
-  ae(() => {
-    L && C?.provider === "value" && (E((f) => {
-      const y = C.items;
-      return JSON.stringify(f) !== JSON.stringify(y) ? y : f;
-    }), b(!1));
-  }, [L, C]), ae(() => {
-    if (L) return;
-    let f = !1;
+    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;
     return (async () => {
-      b(!0), v(null);
+      d(!0), x(null);
       try {
-        let A = null;
-        if ((ge(z) || $) && F)
-          A = { name: F, fields: {} };
-        else if (F && a) {
-          const d = await a.getObjectSchema(F);
-          if (f) return;
-          A = d;
-        } else throw F ? new Error("DataSource required") : new Error("Object name required for data fetching");
-        if (f || N(A), a && F) {
-          const T = {
+        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 = {
             $select: (() => {
-              if ($) return $;
-              if (z && Array.isArray(z))
-                return z.map((R) => typeof R == "string" ? R : R.field);
+              if (W) return W;
+              if (V && Array.isArray(V))
+                return V.map((T) => typeof T == "string" ? T : T.field);
             })(),
-            $top: q?.pageSize || J || 50
+            $top: ie?.pageSize || r || 50
           };
-          U && Array.isArray(U) ? T.$filter = U : n.defaultFilters && (T.$filter = n.defaultFilters), V ? typeof V == "string" ? T.$orderby = V : Array.isArray(V) && (T.$orderby = V.map((R) => `${R.field} ${R.order}`).join(", ")) : n.defaultSort && (T.$orderby = `${n.defaultSort.field} ${n.defaultSort.order}`);
-          const P = await a.find(F, T);
-          if (f) return;
-          E(P.data || []);
+          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 || []);
         }
-      } catch (A) {
-        f || v(A);
+      } catch (M) {
+        b || x(M);
       } finally {
-        f || b(!1);
+        b || d(!1);
       }
     })(), () => {
-      f = !0;
+      b = !0;
     };
-  }, [F, $, z, U, V, q, J, a, L, C]);
-  const M = Ae({
-    navigation: n.navigation,
-    objectName: n.objectName,
-    onNavigate: n.onNavigate,
+  }, [P, W, V, H, Y, ie, r, c, U, z, A]);
+  const h = Je({
+    navigation: t.navigation,
+    objectName: t.objectName,
+    onNavigate: t.onNavigate,
     onRowClick: i
-  }), { execute: B } = Te(), se = Ce(() => {
-    const f = ge(z);
-    if (f) {
-      if (f.length > 0 && typeof f[0] == "object" && f[0] !== null) {
-        const w = f[0];
+  }), { 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 f;
+          return b;
         if ("field" in w)
-          return f.filter((d) => d?.field && typeof d.field == "string" && !d.hidden).map((d) => {
-            const T = d.label || d.field.charAt(0).toUpperCase() + d.field.slice(1).replace(/_/g, " ");
-            let P;
-            const R = d.type ? ue(d.type) : null;
-            return d.link && d.action ? P = (I, Z) => {
-              const Q = R ? /* @__PURE__ */ u.jsx(R, { value: I, field: { name: d.field, type: d.type || "text" } }) : String(I ?? "");
-              return /* @__PURE__ */ u.jsx(
+          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(
                 "button",
                 {
                   type: "button",
-                  className: "text-primary underline-offset-4 hover:underline cursor-pointer bg-transparent border-none p-0 text-left font-inherit",
-                  onClick: (ee) => {
-                    ee.stopPropagation(), M.handleClick(Z);
+                  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);
                   },
-                  children: Q
+                  children: ae
                 }
               );
-            } : d.link ? P = (I, Z) => {
-              const Q = R ? /* @__PURE__ */ u.jsx(R, { value: I, field: { name: d.field, type: d.type || "text" } }) : String(I ?? "");
-              return /* @__PURE__ */ u.jsx(
+            } : 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(
                 "button",
                 {
                   type: "button",
-                  className: "text-primary underline-offset-4 hover:underline cursor-pointer bg-transparent border-none p-0 text-left font-inherit",
-                  onClick: (ee) => {
-                    ee.stopPropagation(), M.handleClick(Z);
+                  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);
                   },
-                  children: Q
+                  children: ae
                 }
               );
-            } : d.action ? P = (I, Z) => {
-              const Q = R ? /* @__PURE__ */ u.jsx(R, { value: I, field: { name: d.field, type: d.type || "text" } }) : String(I ?? "");
-              return /* @__PURE__ */ u.jsx(
+            } : 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: (ee) => {
-                    ee.stopPropagation(), B({
-                      type: d.action,
-                      params: { record: Z, field: d.field, value: I }
+                  onClick: (ce) => {
+                    ce.stopPropagation(), j({
+                      type: p.action,
+                      params: { record: le, field: p.field, value: N }
                     });
                   },
-                  children: Q
+                  children: ae
                 }
               );
-            } : R && (P = (I) => /* @__PURE__ */ u.jsx(R, { value: I, field: { name: d.field, type: d.type || "text" } })), {
-              header: T,
-              accessorKey: d.field,
-              ...d.width && { width: d.width },
-              ...d.align && { align: d.align },
-              sortable: d.sortable !== !1,
-              ...d.resizable !== void 0 && { resizable: d.resizable },
-              ...d.wrap !== void 0 && { wrap: d.wrap },
-              ...P && { cell: P }
+            } : 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;
+            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 }
             };
           });
       }
-      return f.filter((w) => typeof w == "string" && w.trim().length > 0).map((w) => ({
-        header: j?.fields?.[w]?.label || w.charAt(0).toUpperCase() + w.slice(1).replace(/_/g, " "),
+      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
       }));
     }
-    if (L) {
-      const w = C?.provider === "value" ? C.items : [];
+    if (U) {
+      const w = z?.provider === "value" ? z.items : [];
       if (w.length > 0)
-        return ($ || Object.keys(w[0])).map((T) => ({
-          header: T.charAt(0).toUpperCase() + T.slice(1).replace(/_/g, " "),
-          accessorKey: T
+        return (W || Object.keys(w[0])).map((I) => ({
+          header: I.charAt(0).toUpperCase() + I.slice(1).replace(/_/g, " "),
+          accessorKey: I
         }));
     }
-    if (!j) return [];
-    const y = [];
-    return ($ || Object.keys(j.fields || {})).forEach((w) => {
-      const d = j.fields?.[w];
-      if (!d || d.permissions && d.permissions.read === !1) return;
-      const T = ue(d.type);
-      y.push({
-        header: d.label || w,
+    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,
-        cell: (P) => /* @__PURE__ */ u.jsx(T, { value: P, field: d }),
-        sortable: d.sortable !== !1
+        ...oe.includes(p.type) && { align: "right" },
+        cell: (T) => /* @__PURE__ */ a.jsx(I, { value: T, field: p }),
+        sortable: p.sortable !== !1
       });
-    }), y;
-  }, [j, $, z, C, L, M.handleClick, B]);
-  if (_)
-    return /* @__PURE__ */ u.jsxs("div", { className: "p-4 border border-red-300 bg-red-50 rounded-md", children: [
-      /* @__PURE__ */ u.jsx("h3", { className: "text-red-800 font-semibold", children: "Error loading grid" }),
-      /* @__PURE__ */ u.jsx("p", { className: "text-red-600 text-sm mt-1", children: _.message })
+    }), 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 })
     ] });
-  if (c && m.length === 0)
-    return /* @__PURE__ */ u.jsxs("div", { className: "p-8 text-center", children: [
-      /* @__PURE__ */ u.jsx("div", { className: "inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900" }),
-      /* @__PURE__ */ u.jsx("p", { className: "mt-2 text-sm text-gray-600", children: "Loading grid..." })
+  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..." })
     ] });
-  const K = se(), W = "operations" in n ? n.operations : void 0, X = W && (W.update || W.delete), re = X ? [
-    ...K,
+  const ne = G(), q = "operations" in t ? t.operations : void 0, ye = q && (q.update || q.delete), We = ye ? [
+    ...ne,
     {
       header: "Actions",
       accessorKey: "_actions",
-      cell: (f, y) => /* @__PURE__ */ u.jsxs(ke, { children: [
-        /* @__PURE__ */ u.jsx(ze, { asChild: !0, children: /* @__PURE__ */ u.jsxs(Me, { variant: "ghost", size: "icon", className: "h-8 w-8", children: [
-          /* @__PURE__ */ u.jsx(De, { className: "h-4 w-4" }),
-          /* @__PURE__ */ u.jsx("span", { className: "sr-only", children: "Open menu" })
+      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__ */ u.jsxs(Ie, { align: "end", children: [
-          W?.update && e && /* @__PURE__ */ u.jsxs(de, { onClick: () => e(y), children: [
-            /* @__PURE__ */ u.jsx(Fe, { className: "mr-2 h-4 w-4" }),
+        /* @__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"
           ] }),
-          W?.delete && s && /* @__PURE__ */ u.jsxs(de, { onClick: () => s(y), children: [
-            /* @__PURE__ */ u.jsx(Pe, { className: "mr-2 h-4 w-4" }),
+          q?.delete && n && /* @__PURE__ */ a.jsxs(Ne, { onClick: () => n(E), children: [
+            /* @__PURE__ */ a.jsx(it, { className: "mr-2 h-4 w-4" }),
             "Delete"
           ] })
         ] })
       ] }),
       sortable: !1
     }
-  ] : K;
-  let r = !1;
-  n.selection?.type ? r = n.selection.type === "none" ? !1 : n.selection.type : n.selectable !== void 0 && (r = n.selectable);
-  const h = n.pagination !== void 0 ? !0 : n.showPagination !== void 0 ? n.showPagination : !0, x = n.pagination?.pageSize || n.pageSize || 10, S = n.searchableFields !== void 0 ? n.searchableFields.length > 0 : n.showSearch !== void 0 ? n.showSearch : !0, Y = {
+  ] : 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 = {
     type: "data-table",
-    caption: n.label || n.title,
-    columns: re,
-    data: m,
-    pagination: h,
-    pageSize: x,
-    searchable: S,
-    selectable: r,
+    caption: t.label || t.title,
+    columns: We,
+    data: f,
+    pagination: Ve,
+    pageSize: Ye,
+    searchable: Ge,
+    selectable: be,
     sortable: !0,
-    exportable: W?.export,
-    rowActions: X,
-    resizableColumns: n.resizable ?? n.resizableColumns ?? !0,
-    reorderableColumns: n.reorderableColumns ?? !1,
-    editable: n.editable ?? !1,
-    className: n.className,
-    onSelectionChange: t,
-    onRowClick: M.handleClick,
+    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,
     onRowSave: l,
-    onBatchSave: p
-  }, G = n.label ? `${n.label} Detail` : n.objectName ? `${n.objectName.charAt(0).toUpperCase() + n.objectName.slice(1)} Detail` : "Record Detail";
-  return M.isOverlay && M.mode === "split" ? /* @__PURE__ */ u.jsx(
-    fe,
+    onBatchSave: g
+  }, Ke = (b) => ({
+    ...Ee,
+    caption: void 0,
+    data: b,
+    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)) }) })
+    ] });
+  }
+  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",
+      {
+        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),
+        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 })
+        ]
+      }
+    ),
+    !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,
     {
-      ...M,
-      title: G,
-      mainContent: /* @__PURE__ */ u.jsx(ce, { schema: Y }),
-      children: (f) => /* @__PURE__ */ u.jsx("div", { className: "space-y-3", children: Object.entries(f).map(([y, A]) => /* @__PURE__ */ u.jsxs("div", { className: "flex flex-col", children: [
-        /* @__PURE__ */ u.jsx("span", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wide", children: y.replace(/_/g, " ") }),
-        /* @__PURE__ */ u.jsx("span", { className: "text-sm", children: String(A ?? "—") })
-      ] }, y)) })
+      ...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)) })
     }
-  ) : /* @__PURE__ */ u.jsxs(u.Fragment, { children: [
-    /* @__PURE__ */ u.jsx(ce, { schema: Y }),
-    M.isOverlay && /* @__PURE__ */ u.jsx(
-      fe,
+  ) : /* @__PURE__ */ a.jsxs("div", { ref: L, className: "relative h-full", children: [
+    J > 0 && /* @__PURE__ */ a.jsx(
+      "div",
+      {
+        className: "flex items-center justify-center text-xs text-muted-foreground",
+        style: { height: J },
+        children: ge ? "Refreshing…" : "Pull to refresh"
+      }
+    ),
+    we,
+    h.isOverlay && /* @__PURE__ */ a.jsx(
+      ve,
       {
-        ...M,
-        title: G,
-        children: (f) => /* @__PURE__ */ u.jsx("div", { className: "space-y-3", children: Object.entries(f).map(([y, A]) => /* @__PURE__ */ u.jsxs("div", { className: "flex flex-col", children: [
-          /* @__PURE__ */ u.jsx("span", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wide", children: y.replace(/_/g, " ") }),
-          /* @__PURE__ */ u.jsx("span", { className: "text-sm", children: String(A ?? "—") })
-        ] }, y)) })
+        ...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)) })
       }
     )
   ] });
 };
-function H(n, a, e) {
-  let s = e.initialDeps ?? [], t, i = !0;
+function se(t, c, e) {
+  let n = e.initialDeps ?? [], s, i = !0;
   function o() {
-    var l, p, g;
-    let m;
-    e.key && ((l = e.debug) != null && l.call(e)) && (m = Date.now());
-    const E = n();
-    if (!(E.length !== s.length || E.some((_, v) => s[v] !== _)))
-      return t;
-    s = E;
-    let b;
-    if (e.key && ((p = e.debug) != null && p.call(e)) && (b = Date.now()), t = a(...E), e.key && ((g = e.debug) != null && g.call(e))) {
-      const _ = Math.round((Date.now() - m) * 100) / 100, v = Math.round((Date.now() - b) * 100) / 100, j = v / 16, N = (O, D) => {
-        for (O = String(O); O.length < D; )
-          O = " " + O;
-        return 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;
+    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 _;
       };
       console.info(
-        `%c⏱ ${N(v, 5)} /${N(_, 5)} ms`,
+        `%c⏱ ${R(x, 5)} /${R(y, 5)} ms`,
         `
             font-size: .6rem;
             font-weight: bold;
             color: hsl(${Math.max(
           0,
-          Math.min(120 - 120 * j, 120)
+          Math.min(120 - 120 * S, 120)
         )}deg 100% 31%);`,
         e?.key
       );
     }
-    return e?.onChange && !(i && e.skipInitialOnChange) && e.onChange(t), i = !1, t;
+    return e?.onChange && !(i && e.skipInitialOnChange) && e.onChange(s), i = !1, s;
   }
   return o.updateDeps = (l) => {
-    s = l;
+    n = l;
   }, o;
 }
-function be(n, a) {
-  if (n === void 0)
+function Ae(t, c) {
+  if (t === void 0)
     throw new Error("Unexpected undefined");
-  return n;
+  return t;
 }
-const qe = (n, a) => Math.abs(n - a) < 1.01, Be = (n, a, e) => {
-  let s;
-  return function(...t) {
-    n.clearTimeout(s), s = n.setTimeout(() => a.apply(this, t), e);
+const Ct = (t, c) => Math.abs(t - c) < 1.01, Ot = (t, c, e) => {
+  let n;
+  return function(...s) {
+    t.clearTimeout(n), n = t.setTimeout(() => c.apply(this, s), e);
   };
-}, ve = (n) => {
-  const { offsetWidth: a, offsetHeight: e } = n;
-  return { width: a, height: e };
-}, Ge = (n) => n, He = (n) => {
-  const a = Math.max(n.startIndex - n.overscan, 0), e = Math.min(n.endIndex + n.overscan, n.count - 1), s = [];
-  for (let t = a; t <= e; t++)
-    s.push(t);
-  return s;
-}, Je = (n, a) => {
-  const e = n.scrollElement;
+}, 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);
+  return n;
+}, Rt = (t, c) => {
+  const e = t.scrollElement;
   if (!e)
     return;
-  const s = n.targetWindow;
-  if (!s)
+  const n = t.targetWindow;
+  if (!n)
     return;
-  const t = (o) => {
-    const { width: l, height: p } = o;
-    a({ width: Math.round(l), height: Math.round(p) });
+  const s = (o) => {
+    const { width: l, height: g } = o;
+    c({ width: Math.round(l), height: Math.round(g) });
   };
-  if (t(ve(e)), !s.ResizeObserver)
+  if (s(ze(e)), !n.ResizeObserver)
     return () => {
     };
-  const i = new s.ResizeObserver((o) => {
+  const i = new n.ResizeObserver((o) => {
     const l = () => {
-      const p = o[0];
-      if (p?.borderBoxSize) {
-        const g = p.borderBoxSize[0];
-        if (g) {
-          t({ width: g.inlineSize, height: g.blockSize });
+      const g = o[0];
+      if (g?.borderBoxSize) {
+        const m = g.borderBoxSize[0];
+        if (m) {
+          s({ width: m.inlineSize, height: m.blockSize });
           return;
         }
       }
-      t(ve(e));
+      s(ze(e));
     };
-    n.options.useAnimationFrameWithResizeObserver ? requestAnimationFrame(l) : l();
+    t.options.useAnimationFrameWithResizeObserver ? requestAnimationFrame(l) : l();
   });
   return i.observe(e, { box: "border-box" }), () => {
     i.unobserve(e);
   };
-}, xe = {
+}, Me = {
   passive: !0
-}, ye = typeof window > "u" ? !0 : "onscrollend" in window, Ke = (n, a) => {
-  const e = n.scrollElement;
+}, Ie = typeof window > "u" ? !0 : "onscrollend" in window, kt = (t, c) => {
+  const e = t.scrollElement;
   if (!e)
     return;
-  const s = n.targetWindow;
-  if (!s)
+  const n = t.targetWindow;
+  if (!n)
     return;
-  let t = 0;
-  const i = n.options.useScrollendEvent && ye ? () => {
-  } : Be(
-    s,
+  let s = 0;
+  const i = t.options.useScrollendEvent && Ie ? () => {
+  } : Ot(
+    n,
     () => {
-      a(t, !1);
+      c(s, !1);
     },
-    n.options.isScrollingResetDelay
-  ), o = (m) => () => {
-    const { horizontal: E, isRtl: c } = n.options;
-    t = E ? e.scrollLeft * (c && -1 || 1) : e.scrollTop, i(), a(t, m);
-  }, l = o(!0), p = o(!1);
-  e.addEventListener("scroll", l, xe);
-  const g = n.options.useScrollendEvent && ye;
-  return g && e.addEventListener("scrollend", p, xe), () => {
-    e.removeEventListener("scroll", l), g && e.removeEventListener("scrollend", p);
+    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);
   };
-}, Xe = (n, a, e) => {
-  if (a?.borderBoxSize) {
-    const s = a.borderBoxSize[0];
-    if (s)
+}, Tt = (t, c, e) => {
+  if (c?.borderBoxSize) {
+    const n = c.borderBoxSize[0];
+    if (n)
       return Math.round(
-        s[e.options.horizontal ? "inlineSize" : "blockSize"]
+        n[e.options.horizontal ? "inlineSize" : "blockSize"]
       );
   }
-  return n[e.options.horizontal ? "offsetWidth" : "offsetHeight"];
-}, Ze = (n, {
-  adjustments: a = 0,
+  return t[e.options.horizontal ? "offsetWidth" : "offsetHeight"];
+}, At = (t, {
+  adjustments: c = 0,
   behavior: e
-}, s) => {
-  var t, i;
-  const o = n + a;
-  (i = (t = s.scrollElement) == null ? void 0 : t.scrollTo) == null || i.call(t, {
-    [s.options.horizontal ? "left" : "top"]: o,
+}, 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
   });
 };
-class Qe {
-  constructor(a) {
+class zt {
+  constructor(c) {
     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 s = () => e || (!this.targetWindow || !this.targetWindow.ResizeObserver ? null : e = new this.targetWindow.ResizeObserver((t) => {
-        t.forEach((i) => {
+      const n = () => e || (!this.targetWindow || !this.targetWindow.ResizeObserver ? null : e = new this.targetWindow.ResizeObserver((s) => {
+        s.forEach((i) => {
           const o = () => {
             this._measureElement(i.target, i);
           };
@@ -669,21 +845,21 @@ class Qe {
       }));
       return {
         disconnect: () => {
-          var t;
-          (t = s()) == null || t.disconnect(), e = null;
+          var s;
+          (s = n()) == null || s.disconnect(), e = null;
         },
-        observe: (t) => {
+        observe: (s) => {
           var i;
-          return (i = s()) == null ? void 0 : i.observe(t, { box: "border-box" });
+          return (i = n()) == null ? void 0 : i.observe(s, { box: "border-box" });
         },
-        unobserve: (t) => {
+        unobserve: (s) => {
           var i;
-          return (i = s()) == null ? void 0 : i.unobserve(t);
+          return (i = n()) == null ? void 0 : i.unobserve(s);
         }
       };
     })(), this.range = null, this.setOptions = (e) => {
-      Object.entries(e).forEach(([s, t]) => {
-        typeof t > "u" && delete e[s];
+      Object.entries(e).forEach(([n, s]) => {
+        typeof s > "u" && delete e[n];
       }), this.options = {
         debug: !1,
         initialOffset: 0,
@@ -693,11 +869,11 @@ class Qe {
         scrollPaddingStart: 0,
         scrollPaddingEnd: 0,
         horizontal: !1,
-        getItemKey: Ge,
-        rangeExtractor: He,
+        getItemKey: Nt,
+        rangeExtractor: _t,
         onChange: () => {
         },
-        measureElement: Xe,
+        measureElement: Tt,
         initialRect: { width: 0, height: 0 },
         scrollMargin: 0,
         gap: 0,
@@ -712,9 +888,9 @@ class Qe {
         ...e
       };
     }, this.notify = (e) => {
-      var s, t;
-      (t = (s = this.options).onChange) == null || t.call(s, this, e);
-    }, this.maybeNotify = H(
+      var n, s;
+      (s = (n = this.options).onChange) == null || s.call(n, this, e);
+    }, this.maybeNotify = se(
       () => (this.calculateRange(), [
         this.isScrolling,
         this.range ? this.range.startIndex : null,
@@ -738,41 +914,41 @@ class Qe {
       this.cleanup();
     }, this._willUpdate = () => {
       var e;
-      const s = this.options.enabled ? this.options.getScrollElement() : null;
-      if (this.scrollElement !== s) {
-        if (this.cleanup(), !s) {
+      const n = this.options.enabled ? this.options.getScrollElement() : null;
+      if (this.scrollElement !== n) {
+        if (this.cleanup(), !n) {
           this.maybeNotify();
           return;
         }
-        this.scrollElement = s, 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((t) => {
-          this.observer.observe(t);
+        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.unsubs.push(
-          this.options.observeElementRect(this, (t) => {
-            this.scrollRect = t, this.maybeNotify();
+          this.options.observeElementRect(this, (s) => {
+            this.scrollRect = s, this.maybeNotify();
           })
         ), this.unsubs.push(
-          this.options.observeElementOffset(this, (t, i) => {
-            this.scrollAdjustments = 0, this.scrollDirection = i ? this.getScrollOffset() < t ? "forward" : "backward" : null, this.scrollOffset = t, this.isScrolling = i, this.maybeNotify();
+          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._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, s) => {
-      const t = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map();
-      for (let o = s - 1; o >= 0; o--) {
+    }, 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 (t.has(l.lane))
+        if (s.has(l.lane))
           continue;
-        const p = i.get(
+        const g = i.get(
           l.lane
         );
-        if (p == null || l.end > p.end ? i.set(l.lane, l) : l.end < p.end && t.set(l.lane, !0), t.size === this.options.lanes)
+        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)
           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 = H(
+    }, this.getMeasurementOptions = se(
       () => [
         this.options.count,
         this.options.paddingStart,
@@ -781,10 +957,10 @@ class Qe {
         this.options.enabled,
         this.options.lanes
       ],
-      (e, s, t, i, o, l) => (this.prevLanes !== void 0 && this.prevLanes !== l && (this.lanesChangedFlag = !0), this.prevLanes = l, this.pendingMeasuredCacheIndexes = [], {
+      (e, n, s, i, o, l) => (this.prevLanes !== void 0 && this.prevLanes !== l && (this.lanesChangedFlag = !0), this.prevLanes = l, this.pendingMeasuredCacheIndexes = [], {
         count: e,
-        paddingStart: s,
-        scrollMargin: t,
+        paddingStart: n,
+        scrollMargin: s,
         getItemKey: i,
         enabled: o,
         lanes: l
@@ -792,142 +968,142 @@ class Qe {
       {
         key: !1
       }
-    ), this.getMeasurements = H(
+    ), this.getMeasurements = se(
       () => [this.getMeasurementOptions(), this.itemSizeCache],
-      ({ count: e, paddingStart: s, scrollMargin: t, getItemKey: i, enabled: o, lanes: l }, p) => {
+      ({ count: e, paddingStart: n, scrollMargin: s, getItemKey: i, enabled: o, lanes: l }, g) => {
         if (!o)
           return this.measurementsCache = [], this.itemSizeCache.clear(), this.laneAssignments.clear(), [];
         if (this.laneAssignments.size > e)
-          for (const c of this.laneAssignments.keys())
-            c >= e && this.laneAssignments.delete(c);
-        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((c) => {
-          this.itemSizeCache.set(c.key, c.size);
+          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);
         }));
-        const g = this.lanesSettling ? 0 : this.pendingMeasuredCacheIndexes.length > 0 ? Math.min(...this.pendingMeasuredCacheIndexes) : 0;
+        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 m = this.measurementsCache.slice(0, g), E = new Array(l).fill(
+        const f = this.measurementsCache.slice(0, m), v = new Array(l).fill(
           void 0
         );
-        for (let c = 0; c < g; c++) {
-          const b = m[c];
-          b && (E[b.lane] = c);
+        for (let u = 0; u < m; u++) {
+          const d = f[u];
+          d && (v[d.lane] = u);
         }
-        for (let c = g; c < e; c++) {
-          const b = i(c), _ = this.laneAssignments.get(c);
-          let v, j;
-          if (_ !== void 0 && this.options.lanes > 1) {
-            v = _;
-            const k = E[v], C = k !== void 0 ? m[k] : void 0;
-            j = C ? C.end + this.options.gap : s + t;
+        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;
           } else {
-            const k = this.options.lanes === 1 ? m[c - 1] : this.getFurthestMeasurement(m, c);
-            j = k ? k.end + this.options.gap : s + t, v = k ? k.lane : c % this.options.lanes, this.options.lanes > 1 && this.laneAssignments.set(c, v);
+            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 N = p.get(b), O = typeof N == "number" ? N : this.options.estimateSize(c), D = j + O;
-          m[c] = {
-            index: c,
-            start: j,
-            size: O,
-            end: D,
-            key: b,
-            lane: v
-          }, E[v] = c;
+          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;
         }
-        return this.measurementsCache = m, m;
+        return this.measurementsCache = f, f;
       },
       {
         key: process.env.NODE_ENV !== "production" && "getMeasurements",
         debug: () => this.options.debug
       }
-    ), this.calculateRange = H(
+    ), this.calculateRange = se(
       () => [
         this.getMeasurements(),
         this.getSize(),
         this.getScrollOffset(),
         this.options.lanes
       ],
-      (e, s, t, i) => this.range = e.length > 0 && s > 0 ? et({
+      (e, n, s, i) => this.range = e.length > 0 && n > 0 ? Mt({
         measurements: e,
-        outerSize: s,
-        scrollOffset: t,
+        outerSize: n,
+        scrollOffset: s,
         lanes: i
       }) : null,
       {
         key: process.env.NODE_ENV !== "production" && "calculateRange",
         debug: () => this.options.debug
       }
-    ), this.getVirtualIndexes = H(
+    ), this.getVirtualIndexes = se(
       () => {
-        let e = null, s = null;
-        const t = this.calculateRange();
-        return t && (e = t.startIndex, s = t.endIndex), this.maybeNotify.updateDeps([this.isScrolling, e, s]), [
+        let e = null, n = null;
+        const s = this.calculateRange();
+        return s && (e = s.startIndex, n = s.endIndex), this.maybeNotify.updateDeps([this.isScrolling, e, n]), [
           this.options.rangeExtractor,
           this.options.overscan,
           this.options.count,
           e,
-          s
+          n
         ];
       },
-      (e, s, t, i, o) => i === null || o === null ? [] : e({
+      (e, n, s, i, o) => i === null || o === null ? [] : e({
         startIndex: i,
         endIndex: o,
-        overscan: s,
-        count: t
+        overscan: n,
+        count: s
       }),
       {
         key: process.env.NODE_ENV !== "production" && "getVirtualIndexes",
         debug: () => this.options.debug
       }
     ), this.indexFromElement = (e) => {
-      const s = this.options.indexAttribute, t = e.getAttribute(s);
-      return t ? parseInt(t, 10) : (console.warn(
-        `Missing attribute name '${s}={index}' on measured element.`
+      const n = this.options.indexAttribute, s = e.getAttribute(n);
+      return s ? parseInt(s, 10) : (console.warn(
+        `Missing attribute name '${n}={index}' on measured element.`
       ), -1);
-    }, this._measureElement = (e, s) => {
-      const t = this.indexFromElement(e), i = this.measurementsCache[t];
+    }, this._measureElement = (e, n) => {
+      const s = this.indexFromElement(e), i = this.measurementsCache[s];
       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(t, this.options.measureElement(e, s, this));
-    }, this.resizeItem = (e, s) => {
-      const t = this.measurementsCache[e];
-      if (!t)
+      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)
         return;
-      const i = this.itemSizeCache.get(t.key) ?? t.size, o = s - i;
-      o !== 0 && ((this.shouldAdjustScrollPositionOnItemSizeChange !== void 0 ? this.shouldAdjustScrollPositionOnItemSizeChange(t, o, this) : t.start < this.getScrollOffset() + this.scrollAdjustments) && (process.env.NODE_ENV !== "production" && this.options.debug && console.info("correction", o), this._scrollToOffset(this.getScrollOffset(), {
+      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,
         behavior: void 0
-      })), this.pendingMeasuredCacheIndexes.push(t.index), this.itemSizeCache = new Map(this.itemSizeCache.set(t.key, s)), this.notify(!1));
+      })), 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((s, t) => {
-          s.isConnected || (this.observer.unobserve(s), this.elementsCache.delete(t));
+        this.elementsCache.forEach((n, s) => {
+          n.isConnected || (this.observer.unobserve(n), this.elementsCache.delete(s));
         });
         return;
       }
       this._measureElement(e, void 0);
-    }, this.getVirtualItems = H(
+    }, this.getVirtualItems = se(
       () => [this.getVirtualIndexes(), this.getMeasurements()],
-      (e, s) => {
-        const t = [];
+      (e, n) => {
+        const s = [];
         for (let i = 0, o = e.length; i < o; i++) {
-          const l = e[i], p = s[l];
-          t.push(p);
+          const l = e[i], g = n[l];
+          s.push(g);
         }
-        return t;
+        return s;
       },
       {
         key: process.env.NODE_ENV !== "production" && "getVirtualItems",
         debug: () => this.options.debug
       }
     ), this.getVirtualItemForOffset = (e) => {
-      const s = this.getMeasurements();
-      if (s.length !== 0)
-        return be(
-          s[je(
+      const n = this.getMeasurements();
+      if (n.length !== 0)
+        return Ae(
+          n[Le(
             0,
-            s.length - 1,
-            (t) => be(s[t]).start,
+            n.length - 1,
+            (s) => Ae(n[s]).start,
             e
           )]
         );
@@ -939,280 +1115,420 @@ class Qe {
         const e = this.scrollElement.document.documentElement;
         return this.options.horizontal ? e.scrollWidth - this.scrollElement.innerWidth : e.scrollHeight - this.scrollElement.innerHeight;
       }
-    }, this.getOffsetForAlignment = (e, s, t = 0) => {
+    }, this.getOffsetForAlignment = (e, n, s = 0) => {
       if (!this.scrollElement) return 0;
       const i = this.getSize(), o = this.getScrollOffset();
-      s === "auto" && (s = e >= o + i ? "end" : "start"), s === "center" ? e += (t - i) / 2 : s === "end" && (e -= i);
+      n === "auto" && (n = e >= o + i ? "end" : "start"), n === "center" ? e += (s - i) / 2 : n === "end" && (e -= i);
       const l = this.getMaxScrollOffset();
       return Math.max(Math.min(l, e), 0);
-    }, this.getOffsetForIndex = (e, s = "auto") => {
+    }, this.getOffsetForIndex = (e, n = "auto") => {
       e = Math.max(0, Math.min(e, this.options.count - 1));
-      const t = this.measurementsCache[e];
-      if (!t)
+      const s = this.measurementsCache[e];
+      if (!s)
         return;
       const i = this.getSize(), o = this.getScrollOffset();
-      if (s === "auto")
-        if (t.end >= o + i - this.options.scrollPaddingEnd)
-          s = "end";
-        else if (t.start <= o + this.options.scrollPaddingStart)
-          s = "start";
+      if (n === "auto")
+        if (s.end >= o + i - this.options.scrollPaddingEnd)
+          n = "end";
+        else if (s.start <= o + this.options.scrollPaddingStart)
+          n = "start";
         else
-          return [o, s];
-      if (s === "end" && e === this.options.count - 1)
-        return [this.getMaxScrollOffset(), s];
-      const l = s === "end" ? t.end + this.options.scrollPaddingEnd : t.start - this.options.scrollPaddingStart;
+          return [o, n];
+      if (n === "end" && e === this.options.count - 1)
+        return [this.getMaxScrollOffset(), n];
+      const l = n === "end" ? s.end + this.options.scrollPaddingEnd : s.start - this.options.scrollPaddingStart;
       return [
-        this.getOffsetForAlignment(l, s, t.size),
-        s
+        this.getOffsetForAlignment(l, n, s.size),
+        n
       ];
-    }, this.isDynamicMode = () => this.elementsCache.size > 0, this.scrollToOffset = (e, { align: s = "start", behavior: t } = {}) => {
-      t === "smooth" && this.isDynamicMode() && console.warn(
+    }, this.isDynamicMode = () => this.elementsCache.size > 0, this.scrollToOffset = (e, { align: n = "start", behavior: s } = {}) => {
+      s === "smooth" && this.isDynamicMode() && console.warn(
         "The `smooth` scroll behavior is not fully supported with dynamic size."
-      ), this._scrollToOffset(this.getOffsetForAlignment(e, s), {
+      ), this._scrollToOffset(this.getOffsetForAlignment(e, n), {
         adjustments: void 0,
-        behavior: t
+        behavior: s
       });
-    }, this.scrollToIndex = (e, { align: s = "auto", behavior: t } = {}) => {
-      t === "smooth" && this.isDynamicMode() && console.warn(
+    }, this.scrollToIndex = (e, { align: n = "auto", behavior: s } = {}) => {
+      s === "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;
       let i = 0;
-      const o = 10, l = (g) => {
+      const o = 10, l = (m) => {
         if (!this.targetWindow) return;
-        const m = this.getOffsetForIndex(e, g);
-        if (!m) {
+        const f = this.getOffsetForIndex(e, m);
+        if (!f) {
           console.warn("Failed to get offset for index:", e);
           return;
         }
-        const [E, c] = m;
-        this._scrollToOffset(E, { adjustments: void 0, behavior: t }), this.targetWindow.requestAnimationFrame(() => {
-          const b = () => {
+        const [v, u] = f;
+        this._scrollToOffset(v, { adjustments: void 0, behavior: s }), this.targetWindow.requestAnimationFrame(() => {
+          const d = () => {
             if (this.currentScrollToIndex !== e) return;
-            const _ = this.getScrollOffset(), v = this.getOffsetForIndex(e, c);
-            if (!v) {
+            const y = this.getScrollOffset(), x = this.getOffsetForIndex(e, u);
+            if (!x) {
               console.warn("Failed to get offset for index:", e);
               return;
             }
-            qe(v[0], _) || p(c);
+            Ct(x[0], y) || g(u);
           };
-          this.isDynamicMode() ? this.targetWindow.requestAnimationFrame(b) : b();
+          this.isDynamicMode() ? this.targetWindow.requestAnimationFrame(d) : d();
         });
-      }, p = (g) => {
-        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(g))) : console.warn(
+      }, 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.`
         ));
       };
-      l(s);
-    }, this.scrollBy = (e, { behavior: s } = {}) => {
-      s === "smooth" && this.isDynamicMode() && console.warn(
+      l(n);
+    }, this.scrollBy = (e, { behavior: n } = {}) => {
+      n === "smooth" && this.isDynamicMode() && console.warn(
         "The `smooth` scroll behavior is not fully supported with dynamic size."
       ), this._scrollToOffset(this.getScrollOffset() + e, {
         adjustments: void 0,
-        behavior: s
+        behavior: n
       });
     }, this.getTotalSize = () => {
       var e;
-      const s = this.getMeasurements();
-      let t;
-      if (s.length === 0)
-        t = this.options.paddingStart;
+      const n = this.getMeasurements();
+      let s;
+      if (n.length === 0)
+        s = this.options.paddingStart;
       else if (this.options.lanes === 1)
-        t = ((e = s[s.length - 1]) == null ? void 0 : e.end) ?? 0;
+        s = ((e = n[n.length - 1]) == null ? void 0 : e.end) ?? 0;
       else {
         const i = Array(this.options.lanes).fill(null);
-        let o = s.length - 1;
+        let o = n.length - 1;
         for (; o >= 0 && i.some((l) => l === null); ) {
-          const l = s[o];
+          const l = n[o];
           i[l.lane] === null && (i[l.lane] = l.end), o--;
         }
-        t = Math.max(...i.filter((l) => l !== null));
+        s = Math.max(...i.filter((l) => l !== null));
       }
       return Math.max(
-        t - this.options.scrollMargin + this.options.paddingEnd,
+        s - this.options.scrollMargin + this.options.paddingEnd,
         0
       );
     }, this._scrollToOffset = (e, {
-      adjustments: s,
-      behavior: t
+      adjustments: n,
+      behavior: s
     }) => {
-      this.options.scrollToFn(e, { behavior: t, adjustments: s }, this);
+      this.options.scrollToFn(e, { behavior: s, adjustments: n }, this);
     }, this.measure = () => {
       this.itemSizeCache = /* @__PURE__ */ new Map(), this.laneAssignments = /* @__PURE__ */ new Map(), this.notify(!1);
-    }, this.setOptions(a);
+    }, this.setOptions(c);
   }
 }
-const je = (n, a, e, s) => {
-  for (; n <= a; ) {
-    const t = (n + a) / 2 | 0, i = e(t);
-    if (i < s)
-      n = t + 1;
-    else if (i > s)
-      a = t - 1;
+const Le = (t, c, e, n) => {
+  for (; t <= c; ) {
+    const s = (t + c) / 2 | 0, i = e(s);
+    if (i < n)
+      t = s + 1;
+    else if (i > n)
+      c = s - 1;
     else
-      return t;
+      return s;
   }
-  return n > 0 ? n - 1 : 0;
+  return t > 0 ? t - 1 : 0;
 };
-function et({
-  measurements: n,
-  outerSize: a,
+function Mt({
+  measurements: t,
+  outerSize: c,
   scrollOffset: e,
-  lanes: s
+  lanes: n
 }) {
-  const t = n.length - 1, i = (p) => n[p].start;
-  if (n.length <= s)
+  const s = t.length - 1, i = (g) => t[g].start;
+  if (t.length <= n)
     return {
       startIndex: 0,
-      endIndex: t
+      endIndex: s
     };
-  let o = je(
+  let o = Le(
     0,
-    t,
+    s,
     i,
     e
   ), l = o;
-  if (s === 1)
-    for (; l < t && n[l].end < e + a; )
+  if (n === 1)
+    for (; l < s && t[l].end < e + c; )
       l++;
-  else if (s > 1) {
-    const p = Array(s).fill(0);
-    for (; l < t && p.some((m) => m < e + a); ) {
-      const m = n[l];
-      p[m.lane] = m.end, 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 g = Array(s).fill(e + a);
-    for (; o >= 0 && g.some((m) => m >= e); ) {
-      const m = n[o];
-      g[m.lane] = m.start, o--;
+    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--;
     }
-    o = Math.max(0, o - o % s), l = Math.min(t, l + (s - 1 - l % s));
+    o = Math.max(0, o - o % n), l = Math.min(s, l + (n - 1 - l % n));
   }
   return { startIndex: o, endIndex: l };
 }
-const Ee = typeof document < "u" ? le.useLayoutEffect : le.useEffect;
-function tt({
-  useFlushSync: n = !0,
-  ...a
+const De = typeof document < "u" ? me.useLayoutEffect : me.useEffect;
+function It({
+  useFlushSync: t = !0,
+  ...c
 }) {
-  const e = le.useReducer(() => ({}), {})[1], s = {
-    ...a,
+  const e = me.useReducer(() => ({}), {})[1], n = {
+    ...c,
     onChange: (i, o) => {
       var l;
-      n && o ? $e(e) : e(), (l = a.onChange) == null || l.call(a, i, o);
+      t && o ? ut(e) : e(), (l = c.onChange) == null || l.call(c, i, o);
     }
-  }, [t] = le.useState(
-    () => new Qe(s)
+  }, [s] = me.useState(
+    () => new zt(n)
   );
-  return t.setOptions(s), Ee(() => t._didMount(), []), Ee(() => t._willUpdate()), t;
+  return s.setOptions(n), De(() => s._didMount(), []), De(() => s._willUpdate()), s;
 }
-function nt(n) {
-  return tt({
-    observeElementRect: Je,
-    observeElementOffset: Ke,
-    scrollToFn: Ze,
-    ...n
+function Dt(t) {
+  return It({
+    observeElementRect: Rt,
+    observeElementOffset: kt,
+    scrollToFn: At,
+    ...t
   });
 }
-const ut = ({
-  data: n,
-  columns: a,
+const Gt = ({
+  data: t,
+  columns: c,
   rowHeight: e = 40,
-  height: s = 600,
-  className: t = "",
+  height: n = 600,
+  className: s = "",
   headerClassName: i = "",
   rowClassName: o,
   onRowClick: l,
-  overscan: p = 5
+  overscan: g = 5
 }) => {
-  const g = _e(null), m = nt({
-    count: n.length,
-    getScrollElement: () => g.current,
+  const m = pe(null), f = Dt({
+    count: t.length,
+    getScrollElement: () => m.current,
     estimateSize: () => e,
-    overscan: p
-  }), E = m.getVirtualItems();
-  return /* @__PURE__ */ u.jsxs("div", { className: t, children: [
-    /* @__PURE__ */ u.jsx(
+    overscan: g
+  }), v = f.getVirtualItems();
+  return /* @__PURE__ */ a.jsxs("div", { className: s, children: [
+    /* @__PURE__ */ a.jsx(
       "div",
       {
         className: `grid border-b sticky top-0 bg-background z-10 ${i}`,
         style: {
-          gridTemplateColumns: a.map((c) => c.width || "1fr").join(" ")
+          gridTemplateColumns: c.map((u) => u.width || "1fr").join(" ")
         },
-        children: a.map((c, b) => /* @__PURE__ */ u.jsx(
+        children: c.map((u, d) => /* @__PURE__ */ a.jsx(
           "div",
           {
-            className: `px-4 py-2 font-semibold text-sm ${c.align === "center" ? "text-center" : c.align === "right" ? "text-right" : "text-left"}`,
-            children: c.header
+            className: `px-4 py-2 font-semibold text-sm ${u.align === "center" ? "text-center" : u.align === "right" ? "text-right" : "text-left"}`,
+            children: u.header
           },
-          b
+          d
         ))
       }
     ),
-    /* @__PURE__ */ u.jsx(
+    /* @__PURE__ */ a.jsx(
       "div",
       {
-        ref: g,
+        ref: m,
         className: "overflow-auto",
         style: {
-          height: typeof s == "number" ? `${s}px` : s,
+          height: typeof n == "number" ? `${n}px` : n,
           contain: "strict"
         },
-        children: /* @__PURE__ */ u.jsx(
+        children: /* @__PURE__ */ a.jsx(
           "div",
           {
             style: {
-              height: `${m.getTotalSize()}px`,
+              height: `${f.getTotalSize()}px`,
               width: "100%",
               position: "relative"
             },
-            children: E.map((c) => {
-              const b = n[c.index], _ = typeof o == "function" ? o(b, c.index) : o || "";
-              return /* @__PURE__ */ u.jsx(
+            children: v.map((u) => {
+              const d = t[u.index], y = typeof o == "function" ? o(d, u.index) : o || "";
+              return /* @__PURE__ */ a.jsx(
                 "div",
                 {
-                  className: `grid border-b hover:bg-muted/50 cursor-pointer ${_}`,
+                  className: `grid border-b hover:bg-muted/50 cursor-pointer ${y}`,
                   style: {
                     position: "absolute",
                     top: 0,
                     left: 0,
                     width: "100%",
-                    height: `${c.size}px`,
-                    transform: `translateY(${c.start}px)`,
-                    gridTemplateColumns: a.map((v) => v.width || "1fr").join(" ")
+                    height: `${u.size}px`,
+                    transform: `translateY(${u.start}px)`,
+                    gridTemplateColumns: c.map((x) => x.width || "1fr").join(" ")
                   },
-                  onClick: () => l?.(b, c.index),
-                  children: a.map((v, j) => {
-                    const N = b[v.accessorKey], O = v.cell ? v.cell(N, b) : N;
-                    return /* @__PURE__ */ u.jsx(
+                  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(
                       "div",
                       {
-                        className: `px-4 py-2 text-sm flex items-center ${v.align === "center" ? "text-center justify-center" : v.align === "right" ? "text-right justify-end" : "text-left justify-start"}`,
-                        children: O
+                        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: _
                       },
-                      j
+                      S
                     );
                   })
                 },
-                c.key
+                u.key
               );
             })
           }
         )
       }
     ),
-    /* @__PURE__ */ u.jsxs("div", { className: "px-4 py-2 text-xs text-muted-foreground border-t", children: [
+    /* @__PURE__ */ a.jsxs("div", { className: "px-4 py-2 text-xs text-muted-foreground border-t", children: [
       "Showing ",
-      E.length,
+      v.length,
       " of ",
-      n.length,
+      t.length,
       " rows (virtual scrolling enabled)"
     ] })
   ] });
-}, Oe = ({ schema: n, ...a }) => {
-  const { dataSource: e } = Ne() || {};
-  return /* @__PURE__ */ u.jsx(Ue, { schema: n, dataSource: e, ...a });
 };
-we.register("object-grid", Oe, {
+function Kt({
+  value: t,
+  onSave: c,
+  onCancel: e,
+  validate: n,
+  type: s = "text",
+  placeholder: i,
+  editing: o = !1,
+  className: l,
+  disabled: g = !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 () => {
+    if (n) {
+      const L = n(v);
+      if (L) {
+        y(L);
+        return;
+      }
+    }
+    const k = s === "number" ? Number(v) : v;
+    S(!0);
+    try {
+      const L = await c(k);
+      if (typeof L == "string") {
+        y(L), S(!1);
+        return;
+      }
+      f(!1), y(void 0);
+    } catch (L) {
+      y(L?.message || "Save failed");
+    } finally {
+      S(!1);
+    }
+  }, [v, n, s, c]), K = $(
+    (k) => {
+      k.key === "Enter" ? (k.preventDefault(), A()) : k.key === "Escape" && (k.preventDefault(), F());
+    },
+    [A, F]
+  );
+  return m ? /* @__PURE__ */ a.jsxs(
+    "div",
+    {
+      "data-slot": "inline-editing",
+      className: fe("relative flex items-center gap-1", l),
+      children: [
+        /* @__PURE__ */ a.jsxs("div", { className: "flex-1 relative", children: [
+          /* @__PURE__ */ a.jsx(
+            "input",
+            {
+              ref: R,
+              "data-slot": "inline-editing-input",
+              type: s,
+              value: v,
+              onChange: (k) => {
+                u(k.target.value), d && y(void 0);
+              },
+              onKeyDown: K,
+              placeholder: i,
+              disabled: x,
+              "aria-invalid": !!d,
+              "aria-describedby": d ? "inline-editing-error" : void 0,
+              className: fe(
+                "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"
+              )
+            }
+          ),
+          d && /* @__PURE__ */ a.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
+            }
+          )
+        ] }),
+        /* @__PURE__ */ a.jsx(
+          "button",
+          {
+            "data-slot": "inline-editing-save",
+            type: "button",
+            onClick: A,
+            disabled: x,
+            "aria-label": "Save",
+            className: fe(
+              "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"
+            ),
+            children: /* @__PURE__ */ a.jsx(at, { className: "h-3.5 w-3.5" })
+          }
+        ),
+        /* @__PURE__ */ a.jsx(
+          "button",
+          {
+            "data-slot": "inline-editing-cancel",
+            type: "button",
+            onClick: F,
+            disabled: x,
+            "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" })
+          }
+        )
+      ]
+    }
+  ) : /* @__PURE__ */ a.jsx(
+    "div",
+    {
+      "data-slot": "inline-editing",
+      className: fe(
+        "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",
+        l
+      ),
+      onClick: _,
+      role: "button",
+      tabIndex: g ? -1 : 0,
+      onKeyDown: (k) => {
+        (k.key === "Enter" || k.key === " ") && (k.preventDefault(), _());
+      },
+      "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" }) })
+    }
+  );
+}
+const $e = ({ schema: t, ...c }) => {
+  const { dataSource: e } = Ze() || {};
+  return /* @__PURE__ */ a.jsx(St, { schema: t, dataSource: e, ...c });
+};
+Fe.register("object-grid", $e, {
   namespace: "plugin-grid",
   label: "Object Grid",
   category: "plugin",
@@ -1222,7 +1538,7 @@ we.register("object-grid", Oe, {
     { name: "filters", type: "array", label: "Filters" }
   ]
 });
-we.register("grid", Oe, {
+Fe.register("grid", $e, {
   namespace: "view",
   label: "Data Grid",
   category: "view",
@@ -1233,7 +1549,10 @@ we.register("grid", Oe, {
   ]
 });
 export {
-  Ue as ObjectGrid,
-  Oe as ObjectGridRenderer,
-  ut as VirtualGrid
+  Kt as InlineEditing,
+  St as ObjectGrid,
+  $e as ObjectGridRenderer,
+  Gt as VirtualGrid,
+  wt as useGroupedData,
+  xt as useRowColor
 };